@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0; border:0; font-family:"Microsoft YaHei","微软雅黑";}
body{min-width:1200px;}
a{ text-decoration:none;color:#333;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;margin:0;padding:0;}
.clear{clear:both;}
ul,li{ list-style-type:none;}
.clearfix{clear:both;}

/*------公共部分------*/

.nav_box{width:100%;box-shadow:0 2px 5px #ccc; }
.nav{width:1200px;margin:auto;}
.nav .logo{float:left;margin-top:22px;}
.nav .nav_right{float:right;}
.nav .nav_right .nav_right_top{width:340px;float:right;margin-top:12px;}
.nav .nav_right .nav_right_top img{float:left;margin-right:16px;}
.weixin{position:relative;width:300px;z-index:9999999;}
.weixin .erweima01{z-index:99999;position:absolute;left:-50px;top:30px;display:none;}
.weixin:hover .erweima01{display:block;}
.nav .nav_right .nav_right_top .phone{float:left;background:url(../images/phone_03.png) no-repeat left;margin-left:20px;}
.nav .nav_right .nav_right_top .phone p{font-size:22px;color:#f08300;font-weight:bold;margin-left:40px;}

.nav .nav_right .nav_right_bottom{z-index:0;}
#jsddm{ margin: 0; padding: 0;float:right; }
#jsddm .jsddm_1{ float: left; list-style: none; font-size:16px;  }
#jsddm .jsddm_1 a{ display: block; width:110px; text-align:center; line-height:80px; color: #333; white-space: nowrap; border-bottom:2px solid #fff;}
#jsddm .jsddm_1 a:hover{color:#f08200; background:rgba(255,255,255,.8);border-bottom:2px solid #f08200;}
#jsddm .jsddm_1 a.current{color:#f08200; background:rgba(255,255,255,.8);border-bottom:2px solid #f08200;}

#jsddm .jsddm_1 .jsddm_2{ margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 9999;}
#jsddm .jsddm_1 .jsddm_2 li{ float: none; display: inline; font-size:14px;}
#jsddm .jsddm_1 .jsddm_2 li a{	width: 110px; background:rgba(255,255,255,.8); color: #333;line-height:40px;}
#jsddm .jsddm_1 .jsddm_2 li a:hover{ background: rgba(255,255,255,0.7); color:#f08200;}
#jsddm  >.jsddm_1:hover .jsddm_2{display:block; visibility:visible;}



/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
	z-index:0;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
	z-index:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url(../images/themes.gif) no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position: right top;
	right:0;
}
/*pager*/
.callbacks_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs li{display:inline-block;width:52px;height:6px;margin-left:20px;background:#FFF;position:relative;}
.callbacks_tabs li a{display:inline-block;width:52px;height:6px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs li.callbacks_here a{background:#ffdf1d;}


/*--------banner图-----------*/
/* rslides */
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0; 
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}


/*品牌产品*/

.pinpai_product{width:1200px;margin:auto;margin-top:80px;}
.pinpai_product .product_title{margin-bottom:20px;}
.pinpai_product .product_title h1{text-align:center;font-size:26px;margin-bottom:10px;}
.pinpai_product .product_title p{text-align:center;}
.products{overflow:hidden;margin-top:50px;}
.products .products01{float:left;transition: 0.3s;margin-top: 20px;}

.products .jiantou{float:left;margin:0 5px;margin-top:290px;}
.products .products01 h1{text-align:center;font-size:16px;margin-top:32px;}
.products .products01 p{text-align:center;font-size:14px;color:#666;margin-top:6px;}



/*关于喜彤*/

.jianjie_box{width:100%;height:10px;background:url(../images/jianjie_31.jpg) no-repeat center;margin-top:100px;padding-bottom:10px;}

.jianjie{width:1200px;margin:auto;overflow:hidden;}
.jianjie .jianjie_right{width:0px;float:right;}
/*
.jianjie .jianjie_right .jianjie_right_top{width:634px;float:left;background:rgba(255,255,255,.5);margin-top:58px;}
*/
.jianjie .jianjie_right .jianjie_right_top h1{font-size:0px;text-align:left;margin-top:0px;}
.jianjie .jianjie_right .jianjie_right_top h2{font-size:0px;text-align:center;margin-top:0px;}

.jianjie .jianjie_right .jianjie_right_top p{font-size:14px;width:572px;margin:auto;margin-top:50px;line-height:32px;}
..jianjie .jianjie_right .jianjie_right_top .more{width:210px;height:48px;margin:auto;border:1px solid #333;margin:30px auto;}

.jianjie .jianjie_right .jianjie_right_top .more p{font-size:0px;color:#333;text-align:center;margin-top:0;line-height:48px;width:60px;}
.jianjie .jianjie_right .jianjie_right_top .more:hover{border:1px solid #ff9c00;background:#ff9c00;transition:0.5s;}
.jianjie .jianjie_right .jianjie_right_top .more:hover p{color:#fff;}
.jianjie_right_bottom{overflow:hidden;width:634px;}
.jianjie_right_bottom .jianjie_right_bottom01{width:317px;height:126px;float:left;background:#397201;}
.jianjie_right_bottom .jianjie_right_bottom02{background:#de7900;}
.jianjie_right_bottom .jianjie_right_bottom01 img{float:left;margin-top:16px;margin-left:30px;margin-right:14px;}
.jianjie_right_bottom .jianjie_right_bottom01 p{font-size:24px;line-height:126px;color:#fff;}


/*新闻中心*/
.news_box{width:1200px;margin:auto;margin-top:80px;}
.picScroll-left{ width:1200px;  overflow:hidden; position:relative;  }
.news_title{float:left;margin-bottom: -30px;}
		.news_title h1{font-size:26px;color:#333;}
		.news_title h1 span{font-size:16px;color:#333;}
		.picScroll-left .hd{ overflow:hidden;  height:30px;  padding:0 10px; margin-bottom: 20px;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:70px; height:20px; float:right; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url(../images/news_jiantou.png) no-repeat;}
		.picScroll-left .hd .next{ background-position:-60px 0;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; padding:10px 0px!important;}
		.picScroll-left .bd ul li{transition: 0.5s; margin:0 15px; width:370px;float:left; _display:inline; overflow:hidden;  }
.picScroll-left .bd ul li:hover{box-shadow: 0px 0px 20px #ccc;}
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:370px; height:214px; display:block;  }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ margin-top:10px;   padding:10px;}
		.picScroll-left .bd ul li .title h1{font-size:16px;color:#333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
		.picScroll-left .bd ul li .title p{font-size:12px;color:#666;margin-top:16px;line-height:24px;}
		.picScroll-left .bd ul li .title .time{color:#de7900;font-size:14px;margin-top:16px;font-size:14px;}
		
		.news_more{width:210px;height:48px;border:1px solid #333;margin:auto;margin:75px auto;}
		.news_more p{text-align:center;line-height:48px;}
		.news_more:hover{border:1px solid #ff9c00;background:#ff9c00;transition:0.5s;}
		.news_more:hover p{color:#fff;}
		
		/*加盟我们*/
		.join_box{width:100%;height: 100%px;background:url(../images/join_43.jpg) no-repeat center;padding-top:75px;padding-bottom:55px;}
		.join_tt{}
		.join_tt h1{font-size:26px;text-align:center;}
		.join_tt p{font-size:16px;text-align:center;}
		.join{width: 1200px; overflow: hidden; margin: 80px auto;}
.join li{width: 220px; height: 318px; float: left; margin: 0 40px;}
.join .tu{width: 105px; height: 100px; margin: 0 auto;}
.join .title{width: 220px; height: 50px; line-height: 50px; text-align: center; color: #333; font-size: 22px; margin-top: 20px;}
.join .jianjie{width: 220px; height: 140px; line-height: 28px; text-align: center; font-size: 14px; color: #333; margin-top: 10px;}
/*尾部*/

.footer_box{width:100%;background:#333;padding-bottom:50px;}
.footer{width:1200px;margin:auto;overflow:hidden;}
.footer_left{float:left;overflow:hidden;margin-top:68px;}
.footer_left ul{float:left;margin-right:50px;}
.footer_left ul h1{font-size:16px;color:#fff;margin-bottom:25px;}
.footer_left ul li{font-size:14px;color:#ccc;margin-bottom:14px;}
.footer .contact{width:300px;margin-top:68px;padding:0 36px;float:left;border-left:1px solid #666;border-right:1px solid #666;}
.footer .contact h1{font-size:22px;color:#fff;margin-bottom:24px;}
.footer .contact p{font-size:14px;line-height:26px;color:#fff;}
.footer .erweima{float:left;margin-top:68px;margin-left:50px;}
.footer .erweima p{font-size:14px;color:#fff;text-align:center;margin-top:10px;}
.copy_right{width:100%;}
.copy_right p{text-align:center;line-height:44px;color:#666;font-size:14px;}


/*客服*/
#kefu {
	position: fixed;
	right: 0;
	top: 250px;
	width: 60px;
	z-index: 100;
	transition: 0.5s
}
#kefu.in {
	right: -60px
}
#kefu-wx {
	position: absolute;
	top: -106px;
	left: -46px
}
#kefu-wx img {
	width: 106px;
	height: 106px
}

.kefu-wrap {
	position: relative;
	width: 60px
}

.kefu-list a {
	position: relative;
	left: 0;
	display: block;
	height: 60px;
	width: 180px;
	margin-top: -1px;
	overflow: hidden;
	background: #f76b7e;
	background: rgba(240,130,0, .8);
	transition: 0.5s;
}

.kefu-list a:hover {
	left: -120px
}

.kefu-list i {
	float: left;
	display: block;
	width: 32px;
	height: 32px;
	margin:14px;
}

.kefu-list i.qq {
	background: url("../images/icon.png") no-repeat 1px -18px
}
.kefu-list i.dh {
	background: url("../images/icon.png") no-repeat -34px -18px
}
.kefu-list i.msg {
	background: url("../images/icon.png") no-repeat -69px -18px
}
.kefu-qrcode{
	display: block;
	width: 32px;
	height: 32px;
	padding:14px;
	margin-top: -1px;
	background: rgba(240,130,0, .8);
	cursor: pointer;position: relative;
}
.kefu-qrcode i {
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/icon.png") no-repeat -156px -20px
}
.kefu-qrcode .kefu_qrcode_pic{width:120px;height: 120px;position: absolute;right:-120px;bottom: 1px;transition: 0.5s}
.kefu-qrcode:hover .kefu_qrcode_pic{right:0;}

#backtop {
	display: block;
	width: 32px;
	height: 32px;
	padding:14px;
	margin-top: -1px;
	background: #f76b7e;
	background: rgba(240,130,0, .8);
	cursor: pointer;
}

#backtop i {
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/icon.png") no-repeat -112px -19px
}
.kefu-list a span {
	float: left;
	display: block;
	width: 120px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	text-align: left
}


.neiyebanner{height:396px;}



.list2{

	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 45px;
	margin-bottom: 40px;
}
.list2 .pro{

	width: 245px; float:left;

}
.list2 .productList li a:hover{background-color:#ffc001; color:#454545;}
.list2 .productList li a.active{background-color:#ffc001; color:#454545;}
.productList{padding: 0px;

}
.list2 .productList{
	height:346px;
	margin: 0px;
}
.list2 .productList li{
	width: 245px;
	color: #5f5f5f;
}
.list2 .productList li a{
	background-color:#FFF;
	height:  46px;
	display: block;
	font-size: 16px;
	text-align: center;
	line-height: 46px;
	border: 1px solid #e5e5e5;
	color: #666;
	margin-top: -1px;
}
.list2 .productList .ProductsShow a{
	height: 70px;
	line-height: 70px;
	color: #454545;
	font-size: 26px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #ffc001;
}


.contactUs2{
	background-color:#FFF;
	height: 240px;
	width: 230px;
	border: 1px solid #e5e5e5;
	padding-top: 23px;
	padding-left: 15px;
}
.contactUs2 li{
	display: block;
	width: 223px;
	font-size: 14px;
	color: #404040;
	line-height: 28px;
}
.contactUs2 li.con{
	font-size: 24px;
	margin-bottom: 10px;
}
.you1{width:913px;float: right; background-color:#FFF;}
.xuanxiang{border-bottom: 1px solid #a0a0a0;padding-bottom: 10px;}
.xuanxiang ul{padding: 0px;}
.xuanxiang ul a{padding: 10px 50px;border: 1px solid #5f5f5f;margin-right: 10px;color: #666;transition: .5s;display:block;float:left;}
.xuanxiang ul a:hover{background-color:#ffc001; color:#5f5f5f; border: 1px solid #ffc001;}
.xuanxiang ul a.current{background-color:#ffc001; color:#5f5f5f; border: 1px solid #ffc001;}
.clearfi{padding: 0px;}
.A-Box3{margin-top: 30px;}
.A-Box3 p{margin-top: 20px;line-height: 35px; font-size: 16px; color: #5f5f5f;}



.lanrenzhijia1 ul li {
	float: left;
	margin-top: 35px;
	display: inline;
	width: 304px;
	height: 284px;
	overflow: hidden;
	position: relative;
}

.lanrenzhijia1 .products_four {
	margin-right: 0;
}

.lanrenzhijia1 ul li img {
	width: 260px;
	height: 240px;
}

.lanrenzhijia1 ul li .photo {
	width: 258px;
	height: 238px;
	border: 1px solid #d2d2d2;
	overflow: hidden;
}

.lanrenzhijia1 .rsp {
	width: 260px;
	height: 240px;
	overflow: hidden;
	position: absolute;
	background: #292d31;
	top: 0px;
	left: 0px;
}

.lanrenzhijia1 .text {
	position: absolute;
	width: 260px;
	height: 240px;
	left: -300px;
	top: 0px;
	overflow: hidden;
}

.lanrenzhijia1 .name {
	text-align: center;
	line-height: 40px;
}

.lanrenzhijia1 .text img {
	width: 27px;
	height: 27px;
	margin: auto;

	margin-top: 70px;
}

.lanrenzhijia1 .text a {
	text-decoration: none
}

.lanrenzhijia1 .text div {
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
}

.products-box {
	width: 839px;
	margin: auto;
	margin-top:40px;
}
.ming{width: 260px;
	height: 44px;
	background-color: #fff;}
.more a{color: #FFF; font-size: 16px; text-align: center}

.ming a{font-size: 16px; text-align: center;line-height: 44px;}



.mingchengxian {
	width: 230px;
	height: 210px;
	border: 1px solid #ffc001;
	margin: auto;margin-top: 15px;

}
.clearfi li:hover .ming p{color: #ffc001; }
.ctu{ background: url(../images/chanpin_05.jpg) no-repeat center;width: 345px; height: 345px;border: 1px solid #dcdcdc;float: left;}
.ctu img{width: 345px; height: 345px;}
.xiangqingyou1{padding: 40px 0px;overflow: hidden;}
.cpinming{float: left;margin-left: 40px;width:500px;}
.cpinmingcheng {border-bottom: 1px solid #dcdcdc;}
.cpincanshu {font-size:16px;color: #666; line-height: 30px;margin-top: 20px;}
.cpinmingcheng h1{font-size:22px;font-weight: normal; color:#525557;}
.cpinmingcheng p{font-size:14px;color: #666; line-height: 55px;}

.cpinjieshao{ padding-bottom: 80px;margin-top: 40px;border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.jieshaobiaoti{  background:url(../images/ds.png) no-repeat ;height:42px;}
.jieshaobiaoti h3{color:#5f5f5f;font-size:16px;line-height: 34px; margin-left: 18px;font-weight: normal;}
.cpinjieshao{font-size: 16px;color: #525557; line-height:30px}
.s {float:left;}
.x {float: right;}
.s p{font-size: 14px;color: #525557;line-height:30px;}
.x p{font-size: 14px;color: #525557;line-height:30px;}
.sxy{margin-top: 20px;}
.ditu{height: 490px;background-color: #E9E9E9;}
.dituzhanshi h1{font-size:20px;color: #575757;text-align: center;margin: 20px 0px;}

.pagelist {}
.pagelist ul{

	padding: 20px 0px;
	margin: 0 auto;
	height: 36px;

	text-align: center;
}
.yiiPager li {
	width: auto;
	height: 30px;

	line-height: 14px;
	margin: 0;
	padding: 5px 6px 0 0;
	background: none;
	display: inline-block;
}
.yiiPager a {
	font-weight:bold;
	border:1px solid #f08200 ;
	border-radius: 15px;
	color: #f08200 ;
	display: block;
	font-size: 12px;
	line-height: 24px;
	padding: 2px 10px;
	background: #fff;

}
.yiiPager li.selected a {
	color: #fff;
	background:#f08200;
}
.yiiPager li.hidden{display:none;}
.yiiPager li a:hover {
	color: #fff;
	background:#f08200;
}

.n_news{width:100%;}
.n_news .bd ul li {margin: 20px 40px 0px 40px;}
.xq_title{text-align:center;margin-top:20px;font-size:20px;}

.zw_content_title {
	margin-top: 30px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.zw_content_title h1{margin:0px;}
.gflt_zw_content h1 {
	font-size: 30px;
	margin: 60px auto auto;
	text-align: center;
}
.fenxiang_box {
	display: inline-block;
	margin: 20px auto 10px;
	overflow: hidden;
}
.fenxiang_box .time {
	float: left;
	margin-right: 44px;
}
.fenxiang_box .from {
	float: left;
	margin-right: 44px;
}
.fenxiang_box .share {
	float: left;
}
.fenxiang_box .share p {
	float: left;
}
.fenxiang_box .share img {
	float: left;
	margin-right: 7px;
}

.article_main{margin-top: 10px;}