.w1920{
	width: 1920px;
	position: relative;
	margin-left: -960px;
	left: 50%;
}
.w1200{
	width: 1200px;
	position: relative;
	margin-left: -600px;
	left: 50%;
}
li{
	list-style: none;
}
p{
	margin: 0;
}
/*头部样式*/
.head{
	overflow: hidden;
}
.head1{
	width: 100%;
	overflow: hidden;
	height: 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #b6b6b6;
	background-color: #f4f4f4;
}
.head1,.head1 a{
	line-height: 29px;
	font-size: 13px;
	color: #333333;
}
.head2{
	height: 110px;
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
}
.head2_fl{
	width: 540px;
	overflow: hidden;
}

.head2_f1{    margin-top: 37px;}
.logo{
	line-height: 110px;
}

.head2_fr{
	width: 205px;
	overflow: hidden;
	padding: 34px 0;
}
.ttel{
	width: 100%;
	box-sizing: border-box;
	padding-left: 65px;
	background: url(../images/ttel.jpg) left top no-repeat;
}
.ttel p{
	font-size: 13px;
	line-height: 13px;
	color: #666;
	margin-bottom: 7px;
}
.ttel h3{
	font-size: 20px;
	line-height: 17px;
	color: #ff8102;
	font-weight: normal;
}
/*导航栏样式*/
.tnav{
    height: 51px;
    background-color: #00b373;
    z-index: 2;
}
.x-menu{
	float: none;
	width: 1200px;
	margin: 0 auto;
}
.x-menu > li{
	margin: 0;
	width:150px;
}
.x-menu > li > a{
	font-size: 16px;
	color:#ffffff;
	font-weight: bold;
	line-height: 51px;
	padding: 0;
	text-align: center;
}

.x-menu > li > a:hover{
	background: #018f5c;
}


/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#00b373;color:#fff;border:none;cursor:pointer;}



.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*主体样式*/
.tit{
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.tit h3{
	font-size: 32px;
	line-height: 32px;
	letter-spacing: 2px;
	color: #333333;
}
.tit .titline{
	width: 100%;
	height: 3px;
	background: url(../images/titline.png) center center no-repeat;
	margin:19px 0;
}
.tit p{
	font-size: 16px;
	line-height: 16px;
	color: #999999;
}
/* box1 */
.box1{
	padding: 60px 0;
	overflow: hidden;
}
.b1_index{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
	padding-top: 52px;
}
.b1_index li{
	width: 284px;
	float: left;
	overflow: hidden;
	margin-right: 21px;
	text-align: center;
}
.b1_index li:last-of-type{margin-right: 0;}
.b1_index li .b1img1{
	width: 284px;
	height: 192px;
	position: relative;
	overflow: hidden;
}
.b1_index li .b1img1 img{width: 100%;height: 100%;}
.b1_index li .b1img1 h3{
	font-size: 24px;
	line-height: 24px;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 20px;
	font-weight: normal;
	color: #ffffff;
	z-index: 2;
}
.b1_index li .b1img1 .b1img2{
	width: 100%;
	height: 71px;
	background: url(../images/b1imgbg1.png) center bottom no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: all 0.4s linear;
}
.b1_index li:hover .b1img1 .b1img2{opacity: 1}
.b1_index li p{
	width: 253px;
	margin:0 auto;
	text-align: center;
	padding-top: 22px;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
}


/*box2*/
.box2{
	overflow: hidden;
	background-color: #f4f4f4;
	padding: 60px 0;
}
.b2_index{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
	padding-top: 55px;
}
.b2_index li{
	width: 284px;
	float: left;
	text-align: center;
	margin-right: 21px;
}
.b2_index li:last-of-type{margin-right: 0;}
.b2_index li .b2img1{
	width: 284px;
	height: 185px;
	overflow: hidden;
	float: left;
}
.b2_index li .b2img1 img{
	width: 100%;
	height: 100%;
}
.b2_index li .b2con1{
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	float: left;
	transition: all 0.4s linear;
	box-sizing: border-box;
	padding: 21px 0 23px;
	height: 95px;
	width: 100%;
}
.b2_index li .b2con1 h3{
	font-size: 22px;
	line-height: 21px;
	margin-bottom: 15px;
	color: #018f5c;
	transition: all 0.3s linear;
}
.b2_index li .b2con1 p{
	transition: all 0.3s linear;
	font-size: 14px;
	line-height: 14px;
	color: #666666;
}
.b2_index li:hover .b2con1{background-color: #00b373}
.b2_index li:hover h3{color: #fff;}
.b2_index li:hover p{color: #fff;}


/* box3 */
.box3{
	padding: 10px 0 62px;
	background-color: #f4f4f4;
	overflow: hidden;
}
.b3_tit{
	width: 100%;
	text-align: center;
	font-size: 32px;
	line-height: 32px;
	letter-spacing: 2px;
	color: #333333;
}
.b3_index{
	width: 1069px;
	margin:0 auto;
	overflow: hidden;
	padding-top: 68px;
}
.b3_index ul{
	width: 100%;
	height: 223px;
	background: url(//cdn.myxypt.com/7a7f02e1/21/04/e70f5f25790d25685c7d25ccc62182dcba9409c8.png) center center no-repeat;
	padding: 0 0px;
}
.b3_index ul li{
	width: 133.3px;
	float: left;
	overflow: hidden;
	height: 223px;
	position: relative;
}
.b3_index ul li .b3img1{
	width: 100%;
	height: 84px;
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
}
.b3_index ul li:nth-of-type(odd) .b3img1{
	top: 0;
	left: 0;
	background: url(//cdn.myxypt.com/7a7f02e1/21/04/8df94d5431286fd29ef938e743ce3fc24b277039.png) center center no-repeat;
	text-align: center;
	padding-top: 19px;
}
.b3_index ul li:nth-of-type(even) .b3img1{
	bottom: 0;
	left: 0;
	background: url(//cdn.myxypt.com/7a7f02e1/21/04/98bc2521bb56e48b2dc4532c116b975b69ece160.png) center center no-repeat;
	text-align: center;
	padding-top: 37px;
}
.b3_index ul li .b3img1 h3{
	font-size: 32px;
	line-height: 28px;
	color: #ffffff;
}
.b3_index ul li .b3img2{
	width: 100%;
	height: 25px;
	position: absolute;
	top: 99px;
	left: 0;
}
.b3_index ul li:nth-of-type(odd) .b3img2{
	background: url(//cdn.myxypt.com/7a7f02e1/21/04/3afca6c49fbe520ce64784845bb5ea38a2535cc5.png) center center no-repeat;
}
.b3_index ul li:nth-of-type(even) .b3img2{
	background: url(//cdn.myxypt.com/7a7f02e1/21/04/732b743d2a6eef62a8d196502215542d7fe9fc63.png) center center no-repeat;
}
.b3_index ul li p{
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 0 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	color: #333333;
	left: 0;
	text-align: center;
}
.b3_index ul li:nth-of-type(odd)  p{
	bottom: 62px;
}
.b3_index ul li:nth-of-type(even)  p{
	top: 62px;
}


/* box4 */
.box4{
	overflow: hidden;
	padding: 60px 0 72px;
}
.b4_index{
	width: 1200px;
	margin:0 auto;
	height:570px;
	padding-top: 53px;
}
.b4_index ul{
	width:100%;
	text-align:center;
}
.b4_index li{
	width: 266px;
	height: 544px;
	overflow: hidden;
	display:inline-block;
	position: relative;
	z-index: 1;
	margin-top: 10px;
	transition: all 0.4s linear;
	background-color: #e8e8e8;
}
.b4_index li:hover{
	z-index: 2;
	width: 659px;
	height: 570px;
	box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.5);
	margin-top: 0;
	background-color: #fff;
}
.b4img1{
	width: 100%;
	height: 150px;
	overflow: hidden;
	background-color: #018f5c;
	box-sizing: border-box;
	padding: 21px 0 30px;
	transition: all 0.4s linear;
	text-align: center;
}
.b4_index li:hover .b4img1{
	height: 150px;
	background-color: #03cc84;
}
.b4img1 .b4img2{
	width: 268px;
	height: 38px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.b4_index li:hover .b4img2{width:660px;}
.b4img1 .b4img2 img{max-height: 100%;}
.b4img1 h3{
	font-size: 26px;
	line-height: 26px;
	color: #ffffff;
	margin:10px 0;
}
.b4img1 p{
	font-size: 14px;
	line-height: 14px;
	color: #8bffd5;
}
.b4con1{
	width: 100%;
	box-sizing: border-box;
	padding: 45px 0;
	text-align: center;
}	
.b4con1 p{
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 40px;
	color: #333333;
}
.b4con2{
	display: none;
	padding: 37px 35px 40px 35px;
}
.b4_index li:hover .b4con1{display: none;}
.b4_index li:hover .b4con2{display: block;}

.b4con3{
	width: 100%;
	overflow: hidden;
	height: 270px;
}
.b4con3 h4{
	font-size: 22px;
	line-height: 22px;
	color: #00b373;
	margin-bottom: 11px;
	text-align: left;
}
.b4con3 p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	text-align: left;
}
.b4con2 .b4more{
	float: right;
	display: block;
	width: 160px;
	height: 38px;
	background-color: #ff7c00;
	border-radius: 19px;
	margin-top: 20px;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	letter-spacing: 2px;
	color: #ffffff;
}


/* box5 */
.box5{
	overflow: hidden;
	background-color: #f4f4f4;
	padding: 60px 0 85px;
	margin-top: 20px;
}
.b5_index{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
	padding-top: 55px;
}
.b5_index .b5_fl{
	width: 469px;
	overflow: hidden;
}
.b5_index .b5_fl li{
	width: 100%;
	overflow: hidden;
}
.b5_index li .b5img1{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.b5_index .b5_fl li .b5img1{
	height: 557px;
}
.b5_index .b5img1 img{
	width: 100%;
	height: 100%;
}
.b5_index li p{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 29px;
	left: 0;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 2px;
	color: #ffffff;
	overflow: hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.b5_fr{
	width: 727px;
	overflow: hidden;
}
.b5_fr li{
	width: 362px;
	float: left;
	margin:0 3px 3px 0;
	overflow: hidden;
}
.b5_fr li:nth-of-type(2n){
	margin-right: 0;
}
.b5_fr li .b5img1{
	height: 277px;
}


/* box6 */
.box6{
	overflow: hidden;
	padding: 60px 0 80px;
}
.b6_index{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
	padding-top: 56px;
}
.b6_fl{
	width: 439px;
	overflow: hidden;
}
.b6_fl li .b6img1{
	width: 100%;
	height: 310px;
	overflow: hidden;
}
.b6_fl li .b6img1 img{max-width: 100%;max-height: 100%;width:100%;}
.b6_fl li p{
	width: 100%;
	background-color: rgba(236,236,236,0.75);
	box-sizing: border-box;
	text-align: center;
	border-bottom: 2px solid #03cc84;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size: 22px;
	line-height: 58px;
	color: #333333;
}
.b6_fr{
	width:745px;
	overflow: hidden; 
}
.b6_fr .hd{
	width: 157px;
	position: relative;
	z-index: 2;
	margin-left: -10px;
}
.b6_fr .hd li{
	width: 100%;
	float: right;
	margin-bottom: 2px;
	box-sizing: border-box;
}
.b6_fr .hd li:last-of-type{margin-bottom: 0;}
.b6_fr .hd li .b6img1{
	width: 147px;
	background-color: #018f5c;
	text-align: center;
	padding: 53px 0 58px;
	margin-left: 10px;
	transition: all 0.4s linear;
}
.b6_fr .hd li.on{
	background: url(../images/b6imgbg1.png) left center no-repeat;
}
.b6_fr .hd li.on .b6img1{
	background-color: #03cc84;
}
.b6_fr .hd li .b6img1 .b6img2{
	width: 147px;
	height: 41px;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.b6_fr .hd li .b6img1 p{
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	color: #ffffff;
	margin-top: 14px;
}
.b6_fr .bd{
	width: 596px;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	border:1px solid #ececec;
	border-right: 0;
	padding: 0 37px 37px 27px;
}
.b6_fr .bd li{
	width: 100%;
	overflow: hidden;
	height: 82px;
	margin-top: 27px;
}
.b6_fr .bd li h3{
	transition: all 0.4s linear;
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 10.5px;
	font-weight: normal;
	color: #333333;
}
.b6_fr .bd li p{
	font-size: 14px;
	line-height: 23px;
	color: #666666;
}
.b6_fr .bd li:hover h3{color: #018f5c;}






#container{width:1200px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多页签*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*友情链接*/
.f_link{width: 1200px;margin:0 auto;line-height:30px;}

/*页面底部*/
.foot{
	overflow: hidden;
	background: url(//cdn.myxypt.com/7a7f02e1/21/04/733834f75ae690b24468272358f949ccb2c7593c.png) no-repeat #414240;
	padding-top: 56px;
}
.foot1{
	width: 1200px;
	margin:0 auto;
	height: 230px;
}
.foot1 h3{
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #ffffff;
	margin-bottom: 30px;	
}
.foot1_fl{
	width: 425px;
	overflow: hidden;
	text-align: left;
	/*margin-left: -101px;*/
}
.foot1_fl p{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.foot1_fl p a{
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	color:rgba(255,255,255,0.75);
}
.foot1_fl p a:first-of-type{
	margin-right: 77px;
}
.foot1_mid{

	overflow: hidden;
	text-align: left;
}
.foot1_mid p{
	font-size: 14px;
	line-height: 14px;
	color:rgba(255,255,255,0.75);
	margin-bottom: 21px;
}
.foot1_fr{
/*	margin-right: -101px;*/
	width: 101px;
	overflow: hidden;
	text-align: left;
}
.foot1_fr img{width: 100%;margin-bottom: 12px;}
.foot1_fr p{
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	color:rgba(255,255,255,0.75);
	margin-top: 12px;
}
.foot2{
	width: 1200px;
	margin:0 auto;
	text-align: center;
	padding: 10px 0;
}
.foot2 div,.foot2 div a{
	font-size: 14px;
	line-height: 25px;
	color: rgba(255,255,255,0.75);
}

































#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}


/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:#00b373;font-size:18px;color:#fff;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:100%;margin:0 auto;}
.n_banner img{width:100%;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:914px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:#00b373;color:#fff;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.sitemp .site a{color:#fff;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}