.transition(@transition:.4s){-webkit-transition:@transition;-moz-transition:@transition;-ms-transition:@transition;-o-transition:@transition;transition:@transition;}
.transform-origin(@origin){-webkit-transform: @origin;-moz-transform: @origin;-ms-transform: @origin;-o-transform: @origin;transform: @origin;}
.scale(@scale){-webkit-transform: scale(@scale);-moz-transform:scale(@scale);-ms-transform:scale(@scale);-o-transform:scale(@scale);transform:scale(@scale);}
.border-radius(@border-radius){-webkit-border-radius:@border-radius;-moz-border-radius:@border-radius;-o-order-radius:@border-radius;-ms-border-radius:@border-radius;border-radius:@border-radius;}
.rotate(@rotate){-webkit-transform: rotate(@rotate);-moz-transform: rotate(@rotate);-ms-transform: rotate(@rotate);-o-transform: rotate(@rotate);transform: rotate(@rotate);}
p,a,h1,h2,h3,h4,h5,h6,li,label,span,strong,i,b,div,figure{;margin: 0;padding: 0;font-size: 1.2rem;line-height: 1.5;}
li{list-style: none;}input {-webkit-appearance:none; /*鍘婚櫎input榛樿鏍峰紡*/}
ul{padding: 0;margin:0;}
i{font-style: normal;}
a,a:hover{color: #444;text-decoration: none;}
@qt2:#1a636b;/*涓昏壊*/
@qt3:#3bc3db;/*鍐呴〉title棰滆壊*/
.txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

body{margin: 0;}
.main{margin:0 auto;max-width:640px;min-width: 320px;
	img{width: 100%;}
}
.products_text{min-height: 100px;}
.main_body{margin: 0 2%;}




//鎵嬫満绔欏鑸?//////////////////////////////////////
.top_fix{width: 100%;height:5rem;max-width: 640px;right: 0;margin:  auto;background: url("../images/logo.jpg");background-size: 100% 100%;position: relative;; }
.icon-nav3{width:100%;margin-top: -3px;top: 0;position: absolute;;
	.menu-toggle { width:20px; height:20px; cursor: pointer; right:5px;.border-radius(50%);  border: 2px solid @qt3; z-index: 97; top:1.5rem;position: absolute;;
		span { display: block; background: @qt3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
		.hamburger { padding-top:3px;cursor: pointer; position: absolute; height: 100%; width: 100%;
			span { width:10px; height:2px; top: 6px; left: 0; margin:2px auto;.border-radius(2px); }
			span:nth-child(1) { transition-delay: .5s; width: 10px; }
			span:nth-child(2) { transition-delay: .625s; }
			span:nth-child(3) { transition-delay: .75s; width: 10px; }
		}
		.cross { cursor: pointer; position: absolute; height: 100%; width: 100%; transform: rotate(45deg);top:-4px;
			span { background-color:@qt3;.border-radius(2px);}
			span:nth-child(1) { height: 0%; width:2px; position: absolute; top:6px; left:12px; transition-delay: 0s; }
			span:nth-child(2) { width: 0%; height:2px; position: absolute; top: 12px; left:7px; transition-delay: .25s; }
		}
	}
	.menu-toggle * { transition: .3s ease-in-out; }
	.menu-toggle.open {
		.hamburger span { width: 0%; }
		.hamburger span:nth-child(1) { transition-delay: 0s; }
		.hamburger span:nth-child(2) { transition-delay: .125s; }
		.hamburger span:nth-child(3) { transition-delay: .25s; }
		.cross span:nth-child(1) { height:13px; transition-delay: 0.85s; }
		.cross span:nth-child(2) { width: 13px; transition-delay: 0.55s; }
	}
	.nav_slide{display: none;background: #fff;padding-bottom:70px;height:450px;overflow: scroll;padding-top: 10px;box-sizing: border-box;position: relative;;z-index: 22;

		.nav_ul1>li{;padding:0 5%;line-height: 40px; overflow: hidden;;border-bottom: 1px solid #efefef;
			.li1_a{transform: translateY(-25px);display: block;.scale(1.2);.transition();opacity: 0;}
			a{line-height:50px;font-size: 16px;}
			.li2_a{color: #666;float: left;line-height: 30px;width:50%;font-size: 12px;  transform: translateX(-20px);display: block;.transition();opacity: 0;
			}
		}
		.ani_nav >li{
			.li1_a{transform: translateY(0);display: block;.scale(1);opacity: 1;}
			.li2_a{transform: translateX(0);transition-delay: .1s;opacity: 1;}
		}
		.ani_nav >li:nth-of-type(2){
			.li1_a{transition-delay: .2s;}
			.li2_a{transition-delay: .3s;}
		}
		.ani_nav >li:nth-of-type(3){
			.li1_a{transition-delay: .4s;}
			.li2_a{transition-delay: .5s;}
		}
		.ani_nav >li:nth-of-type(4){
			.li1_a{transition-delay: .6s;}
			.li2_a{transition-delay: .7s;}
		}
		.ani_nav >li:nth-of-type(5){
			.li1_a{transition-delay: .8s;}
			.li2_a{transition-delay: .9s;}
		}
		.ani_nav >li:nth-of-type(6){
			.li1_a{transition-delay: 1s;}
			.li2_a{transition-delay: 1.1s;}
		}
		.ani_nav >li:nth-of-type(7){
			.li1_a{transition-delay: 1.2s;}
			.li2_a{transition-delay: 1.3s;}
		}
	}
}

.fenlei{margin-top: 1rem;
	ul{
		li{float:left;width: 49.5%;margin-bottom: .2rem;
			a{display: block;width: 100%;height: 100%;}
		}
		li:nth-of-type(2n){float: right;}
	}
}












/* 瀵艰埅 */
.header_nav{width: 100%;background: url('../images/header_bg.jpg') no-repeat;overflow: hidden; background-size: 100% 100%;
	li{width:25%;float: left;height: 3.5rem;line-height: 3.5rem;margin-bottom: 1px;box-sizing: border-box;;
		a{display: block;text-align: center;line-height: 3.5rem; ;color: #fff;}
	}
}
.product_dh{margin:15px 0;}
.product_nr{
	.picture{height:20rem; overflow:hidden; display:inline;position: relative; text-align:center;  }
	.picture1{  width:100%; height:14rem; vertical-align:middle;background-color:#FFFFFF; border:1px solid #dcdcdc; overflow:hidden;box-sizing: border-box;line-height: 14rem;
		img{ vertical-align:middle; display: inline-block;}
	}
	.picture2{width:100%; height:2rem; text-align:center; margin-top:1rem;.txt;}
}



.pic1{width: 46%;float: left;text-align: center;margin: 2%;
	.pic_img{float: left;width: 100%;height: 160px;margin-right: 25px;text-align: center;overflow: hidden;;position: relative;background: #fff;
		img{position: absolute;left: 0;top: 0;}
	}
	.pic_text{float: left;text-align: center;width: 100%;line-height: 24px;color: #fff;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
}
/*鍥剧墖閬僵鍜屽浐瀹氭瘮渚?/
.pic2{width: 46%;float: left;text-align: center;margin: 2%;position: relative;;
	.pic_img{float: left;width: 100%;height:220px;margin-right: 25px;text-align: center;overflow: hidden;;position: relative;background: #fff;
		img{position: absolute;left: 0;top: 0;}
	}
	.pic_text{position: absolute;bottom: 0;background: rgba(0,0,0,.3);padding: 5px 0; text-align: center;width: 100%;line-height:18px;color: #fff;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
}



.more2{border: 1px solid @qt3;width:8.5rem;height:2.5rem;line-height: 2.5rem;text-align: center;margin: 2rem auto; .border-radius(5px);display: block;}
.more3{background: url("../images/more3.png")no-repeat;width: 101px;height: 26px;margin:10px auto;display: block;background-size: 100% 100%;}
.about{margin:3rem 0;
	.about_nr{;width: 100%;padding: 15px 10px;box-sizing: border-box;
		imgP{margin-bottom: 1rem;}
		p{line-height: 24px;}
	}
}
.news{
	.com_dh{margin-bottom: 1rem;}
	.news_nr{
		li{overflow: hidden;;margin-bottom: 13px;line-height: 40px;
			p{font-size: 14px;margin-bottom: 5px;.txt;width:70%;float: left;background: url("../images/icon5.jpg")left center no-repeat;background-size: 4px 4px;padding-left: 1rem;box-sizing: border-box;color: #666;}
			time{width: 30%;float: right;text-align: right;}
		}
	}
}





.s12 {background: #3bc3db;padding-top: 1rem;overflow: hidden;;height: 6.6rem;box-sizing: border-box;;
	li{width: 50%;float: left;line-height: 2;color: #fff;font-size: 1rem;
		a{color: #fff;font-size: 1rem;}
	}
}
.s13{text-align: center;background: #535353;line-height: 24px;padding:1rem 0;color: #fff;font-size: 1.1rem;
	a{color: #fff;font-size: 1.1rem;}
}


.footer{padding-bottom:54px;}
.footer_box{position: fixed;z-index: 2; left: 0;bottom: 0;height:55px;width: 100%;transition:all 0.5s ease 0s;font-size: 14px;background:url("../images/footer_bg.jpg")no-repeat;background-size: 100% 100%;}
.footer li{width: 25%;height: 65px; float: left;
	a{display: block;text-align: center;height: 65px;padding-top:30px;}
}

//搴曢儴4涓粍浠
.footer2{margin-top:6rem;overflow: hidden;;
	.footer_box{background:#e8f4f5;height:5rem;
		ul{
			li{width:20%;text-align: center;display: inline-block;
				a{color: #00b6cb;
					i{display: block;margin: 5px auto;}
					.f-i1{background: url("../images/f2_i1.png")no-repeat;width: 2rem;height: 1.9rem;    background-size: 100%;}
					.f-i2{background: url("../images/f2_i2.png")no-repeat; width: 1.9rem;height: 1.7rem  ;  background-size: 100%;}
					.f-i3{background: url("../images/f2_i3.png")no-repeat;width: 1.7rem;height: 1.8rem ; background-size: 100%;}
				}
			}
			li:last-child{width: 36%;background: #00b6cb;line-height: 48px;vertical-align: top;height: 48px;
				a{color: #fff;}
			}
		}
	}
}




//搴曢儴5涓粍浠
.footer1{margin-top:40px;
	.footer_box{background: @qt2;height: 48px;
		ul{
			li{width:19%;text-align: center;display: inline-block;
				a{color: #fff;
					i{display: block;margin: 5px auto;}
					.f-i1{background: url("../images/f_i1.png")no-repeat;width: 17px;height: 16px;background-size: 100%;}
					.f-i2{background: url("../images/f_i2.png")no-repeat;width: 16px;height: 17px; background-size: 100%;}
					.f-i3{background:@qt2 url("../images/f_i3.png")no-repeat;width: 36px;height: 36px;  background-size: 100%;margin-top: -30px;.border-radius(50%)}
					.f-i4{background: url("../images/f_i4.png")no-repeat;width: 16px;height: 16px;  background-size: 100%;}
					.f-i5{background: url("../images/f_i5.png")no-repeat;width: 13px;height: 16px;   background-size: 100%;}
				}
			}
		}
	}
}
//搴曢儴3涓粍浠
.footer3{background: url("../images/footer2_bg.jpg")no-repeat;width:100%;height: 40px;background-size: 100% 40px;position: fixed;;bottom: 0;z-index: 111;
	ul{text-align: center;
		li{width: 32%;display: inline-block;height: 40px;
			a{display: block;height: 100%;}
		}
	}
}





.cp_title{background:@qt3;height: 24px;line-height: 24px;text-indent: 10px;margin-top: 10px;}
.cp_title1{background:@qt3;height: 36px;line-height:36px;text-indent: 10px;
	i{display: block;width: 25px;height: 25px;background: #999999 url("../images/btn_fanhui.png")no-repeat center center ;background-size: 15px 15px;float: right;margin:6px 12px 0 0 ;.border-radius(2px);}
	span{.txt;float: left;width:85%;}
}

.message{
	form{margin:5%;
		li{margin-bottom: 5px;
			p{text-align:justify;width:45px;height: 20px;line-height: 20px;
				&::after{content:"";display: inline-block; padding-left: 100%;}
			}
			input{border: 1px solid #ccc;height: 20px;line-height: 20px;}
			input[type="text"]{width: 100%;}
			input[type="submit"]{width: 100%;background: @qt2;text-align: center;line-height: 24px;color: #fff;height: 24px;margin-top: 5px;}
			textarea{width: 100%;}
		}
		.radios{
			p{color: #fff;}
			ol{padding: 0;
				li{width: 50%;float: left;
					.check{position: relative;display: inline-block;vertical-align: top; margin-right: 4px;width: 15px;height:15px;}
					.check::after{content:"";position: absolute;left: 0;top: 0; background: #fff;width: 15px;height:15px;display: inline-block;vertical-align: top;}
					.check:checked::after{content:"";position: absolute;left: 0;top: 0; background:url("../images/check.jpg")no-repeat;background-size: 15px 15px; }
					span{color: #fff;display: inline-block;vertical-align: top;}
				}
			}
		}
	}
	.liuyan_chengg{width:0;background: rgba(0,0,0,.5);height:0;color: #fff;text-align: center;line-height: 50px;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
}
.article_zhengwen{line-height: 24px;}


.news_job{
	li{width: 100%;line-height: 30px;border-bottom: 1px dashed #ccc;
		span{float: right;}
	}
}
.page{margin: 10px auto;text-align: center;}
.jobs{
	td{border: 1px solid #ccc;}
}


.news_tab1{width: 100%;  height:30px;line-height:30px;background: @qt2;margin-top:5px;
	.CurrentMenu{color: #961414;}
	li{text-align: center;border-bottom: 1px solid @qt2;}
	.show_first_line{background: @qt2;position: relative;color: #961414;;font-size: 16px;
		a{color: #961414;}
	}
	ul{position: relative;z-index: 11;
		li{background:rgba(255,255,255,.9);}
	}
	.show_first_line::after{content:"";display: block;position: absolute;  width: 0; height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-top: 10px solid #961414;top: 10px;right: 50px;
	}
}

//浜у搧椤靛垎绫
.neiye_fnelei{overflow: hidden;;
	li{width: 48%;float: left;text-indent: 10px;line-height:24px;height: 24px;color: #fff;background: @qt2;margin:3px 0;
		a{color: #fff;display: block;}
	}
	li:nth-of-type(2n){float: right;}
}




//浜у搧鍒嗛〉鍐呴〉鏍峰紡
.product_list_ul{
	li{width: 48%;margin: 1%;float: left;border: 1px solid #dcdcdc;box-sizing: border-box;;
		.picture2aa{background:#dcdcdc; height: 38px;padding:0 5px;text-align: center;line-height: 38px;}
		.picture1a{height:120px;line-height:120px;overflow: hidden;;
			img{display: inline-block;vertical-align: middle;}
		}
		.picture1aa{height:100px;line-height:100px;
			img{display: inline-block;vertical-align: middle;}
		}
	}
}




.tel{height: 45px;background: #dedede;color: #0067ac;line-height: 45px;
	img{float: left;margin:9px 10px 0 5%;}
	span{font-size: 18px;}
	i{font-family: "active";font-weight: 700;font-size: 24px;}
}


.pr,.pt{display: inline-block;margin:10px 10px 0 10px;}

.grid{;position: relative;
	li{border: 1px solid #ccc;margin-bottom: 100px;
		border-radius: 5px;
		box-shadow: 2px 2px 2px #ccc;
		img{width: 100%;}
		p{text-align: center;line-height: 22px;}
	}
}

#container{
	.column {  display: inline-block; vertical-align: top; }
	.pic_a {  display: block;  padding: 5px; margin:7px;  border: 1px solid #ccc;  background-color: #fff; text-decoration: none;
		img {  display: block;  margin: 0 auto 5px; border: 0;  vertical-align: bottom;  }
		strong{text-align: center;margin: 0 auto;display: block}
	}
}
//鏂伴椈鍒楄〃甯﹀浘鐗囨牱寮
.newsList_li_1{.txt;margin-bottom:2rem;
	a{font-size: 0;display: block;;
		time{display: block;line-height:2;font-size: 0.5rem;}
		p{font-size: 1rem;}
	}
}
.newsList_li{.txt;line-height: 30px;border-bottom: 1px solid #ccc;}

/* 棣栭〉 */
.mainBody{margin:0 auto;min-width:320px;max-width: 640px;}
	.title{height: 37px;line-height: 37px;color: #333;border-bottom: 1px solid #e5e5e5;width: 100%;
		span{float: left;font-size: 16px;text-align: center;background: #fff;padding: 0 5px;height: 39px;border-bottom: 3px solid #f13999;}
		a{float: right;font-size: 12px;font-family: "瀹嬩綋";color: #333333;margin-right: 10px;font-weight: 700;}
	}
	.index_title{height: 37px;
		span{float: left;font-size: 16px;line-height: 37px;margin-left: 5px;}
		a{float: right;margin-right: 15px;margin-top: 7px;}
	}




.pubuliu{
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari 鍜 Chrome */
	column-count:2;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	column-gap: 1em;
	.pic{
		.pic_img{
			padding: 3px;
			margin:10px;
			-moz-page-break-inside: avoid;
			-webkit-column-break-inside: avoid;
			break-inside: avoid;
			border: 1px solid #ccc;
			border-radius: 5px;
			box-shadow: 2px 2px 2px #ccc;
			img{width: 100%;}
		}
		p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;text-align: center;}
	}
}
	
.more{float:left; width:100%; text-align:center; margin: 10px 0;}
.more1{float:right; width:30px; margin: 0 3px;}


.class{width: 100%;float: left;}
.class_ner{width: 100%;float: left; height: 65px;background: url(../images/cent_tb1.jpg) repeat-y;}
.class li{width: 25%;height: 65px; float: left;
		a{display: block;text-align: center;height: 65px;color: #fff;}
	}
.class img{width: 60px;}
.cent1 img{width: 30px;margin-top: 10px;}
.cent2 img{width: 30px;margin-top: 10px;}
.cent3 img{width: 25%;margin-top: 10px;}
.cent4 img{width: 30px;margin-top: 10px;}



/********娑堥櫎娴姩<div class="clear2"></div>*********/
.clear2{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;
	&:after {content: ".";display:block;height: 0;clear: both;visibility:hidden;}
}
.clear3{overflow:hidden;_zoom:1;}

.content{padding:0 2%;}



.jianjie_co{
img{width: 100%;float: left;}
}
.cpplist{
img{width: 100%;float: left;}
}

/* 鍐呴〉鏍峰紡 */
.wrap{min-width: 320px;max-width:640px;margin: 0 auto;}
	.content{width: 98%;margin: 14px auto;font-size: 12px;line-height: 28px;
		span{font-size: 12px!important;}
		p{
			img{width: 100%;}
		}
		img{}
		.click{text-align: center;margin-bottom: 15px;}
		.content_title{text-align: center;font-size: 16px;}
	}
	.content_news{
		img{max-width:96%;}
	}
	.type{display: none;}
	#loadmore{position: fixed;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;display: none;
		img{width: 25px;height: 25px;}
	}
	.loadsize{font-size: 14px;text-align: center;line-height: 25px;padding-bottom: 30px;display: none;clear: both;}


/* 鍏充簬鎴戜滑 */


/* 鏂伴椈椤甸潰 */
	.news_content{width: 100%;margin: 15px auto;font-size: 12px;box-sizing: border-box;}
.main .neiye_product_img{max-width: 96%;width: auto;max-height: 400px;margin: 0 auto;display: block;}
.contact1_txt{margin-bottom: 20px;
	li{line-height: 26px;
		p{display: inline-block;}
	}
}


/* 浜烘墠鎷涜仒 */
.neiye_zp_box{border-bottom: 1px dashed #ccc;}
.neiye_zp_title{text-align: center;font-size: 14px;}
.neiye_zp_text{margin: 15px;line-height: 23px;}

/*澶у浘璁剧疆*/
.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:640px;/* 璁剧疆鐒︾偣鍥炬渶澶у搴 */ }
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; left:45%; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{ background:#fff;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ /*background:url(images/loading.gif) center center no-repeat;*/  vertical-align:top; width:100%;/* 鍥剧墖瀹藉害100%锛岃揪鍒拌嚜閫傚簲鏁堟灉 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 鍘绘帀閾炬帴瑙︽懜楂樹寒 */
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }