
.croup{width: 100%; margin-bottom: 20px; font-size: 16px; line-height: 28px;}
.croup p{font-size: 16px; line-height: 28px;}




.productlist{ width: 100%; display: block; position: relative; overflow: hidden;padding: 20px 0;}
.productlist ul{zoom: 1; width:100% ; margin: auto; overflow: hidden;padding-top: 0px; }
.productlist ul li{float: left; position: relative; display: block; overflow: hidden; width: 48%;margin-right: 4%; margin-bottom: 15px; border-bottom: solid #f1f1f1 1px; height: 40px; line-height: 40px; background: #f1f1f1; }
.productlist ul li:nth-child(2n){margin-right: 0;}
.productlist ul li .ftext{width: 100% ;font-size: 16px; float: left; padding-left: 10px;height: 40px; line-height: 40px;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.productlist ul li span{width: 84px; float: right;}




@media (max-width:1150px) {
.productlist ul li{ width: 100%;margin-right:0%;   }
.productlist ul li .ftext{width: 100% ;font-size: 15px; float: left;}	
	}
	









.ex {
	border: 2px solid #f8f7fa;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.ex:hover {
	border-color: #0158A5;
	-webkit-transform: translate3d(0,-5px,0);
	-moz-transform: translate3d(0,-5px,0);
	transform: translate3d(0,-5px,0);
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,.3);
	box-shadow: 0 2px 10px rgba(0,0,0,.3)
}




.ex {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	width: 100%
}



.beepic {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: 50%;
	height: 260px
}

@media (max-width:1679px) {
	.beepic {
		height: 230px
	}
}

@media (max-width:1199px) {
	.beepic {
		height: 200px
	}
}

@media (max-width:991px) {
	.beepic {
		height: 160px
	}
}

@media (max-width:767px) {
	.beepic {
		height: 120px
	}
	
	.bfdrt{display: block;}
	
}




.itemed{text-align: center; font-size: 30px; color: #000; position: relative; margin-top: 50px; padding-bottom: 20px; font-weight: bold;}
.itemed:before{width: 80px;height: 3px;content: '';background:#000;left: 50%;bottom:0;position: absolute; margin-left: -40px;}
.itemed1{text-align: center; font-size: 30px; color: #fff; position: relative; margin-top: 50px; padding-bottom: 20px;font-weight: bold;}
.itemed1:before{width: 80px;height: 3px;content: '';background:#fff;left: 50%;bottom:0;position: absolute; margin-left: -40px;}
.itembb{text-align: center; font-size: 30px; color: #000; position: relative; margin-top: 50px; padding-bottom: 20px;font-weight: bold;}
.itembb:before{width: 120px;height: 3px;content: '';background:#000;left: 50%;bottom:0;position: absolute; margin-left: -60px;}
.pitem{text-align: center; font-size:16px; color: #000; position: relative; margin-top:10px; padding-bottom: 20px;}

.itemed11{text-align: center; font-size: 30px; color: #da4813; position: relative; margin-top: 50px; padding-bottom: 20px;font-weight: bold;}



@media (max-width:1150px) {
.itemed{text-align: center; font-size: 20px; color: #000; position: relative; margin-top: 50px; padding-bottom: 10px;font-weight: 100;}
.itemed:before{width: 80px;height: 3px;content: '';background:#000;left: 50%;bottom:0;position: absolute; margin-left: -40px;}
.itemed1{text-align: center; font-size: 20px; color: #fff; position: relative; margin-top: 50px; padding-bottom: 10px;font-weight: 100;}
.itemed1:before{width: 80px;height: 3px;content: '';background:#fff;left: 50%;bottom:0;position: absolute; margin-left: -40px;}
.itembb{text-align: center; font-size: 20px; color: #000; position: relative; margin-top: 50px; padding-bottom: 10px;font-weight: 100;}
.itembb:before{width: 120px;height: 3px;content: '';background:#000;left: 50%;bottom:0;position: absolute; margin-left: -60px;}
.pitem{text-align: center; font-size:15px; color: #000; position: relative; margin-top:10px; padding-bottom: 20px;}
.itemed11{text-align: center; font-size: 20px; color: #da4813; position: relative; margin-top: 50px; padding-bottom: 10px;font-weight: 100;}
	}


.bttnav{  width: 100%; padding: 20px 0; overflow: hidden; position: relative; display: block;}
.bttnav .protitle{font-size: 30px; color: #000;font-weight: normal;padding-bottom: 20px; text-align: center;}
.bttnav .pinfo {width: 100%; margin-top: 40px; margin-bottom: 40px;overflow: hidden;display: block;position: relative;}
.bttnav .pinfo p{line-height: 28px; font-size: 16px; color: #666; margin-bottom: 10px;}
.bttnav .pinfo img{max-width: 100%; margin-top:10px ;}
.pbgtefo{width: 100%; margin-top: 40px; margin-bottom: 30px; overflow: hidden;display: block;position: relative;}
.pbgtefo p{line-height: 28px; font-size: 16px; color: #666; margin-bottom: 10px;}
@media (max-width:1150px) {
.bttnav .protitle{font-size: 20px;  }

.bttnav .pinfo { margin-top: 0px; margin-bottom: 0px;}

.bttnav .pinfo p{font-size: 14px; }
.pbgtefo p{font-size: 14px; }

	}



.waper {overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.waper dl{ min-height:266px; background:#fff; overflow:hidden; padding: 15px 0; }
.waper dt { width:45%;  min-height:200px; margin-right: 5%; margin-left: 0;  overflow:hidden; position:relative; float:left;  vertical-align: middle;line-height: 200px; }
.waper dl:nth-child(2n) dt{float: right; margin-right: 0%; margin-left: 5%; }
.waper dt img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.waper dd { width:50%; display: block; overflow:hidden; float:right; padding:25px 0;  }
.waper dd h4{ display:block; font-size:22px;  height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.waper dd p { line-height:26px; height:auto; overflow:hidden; color:#666;font-size:16px }

.mjtnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mjtnav .bbmed{width: 100%;overflow: hidden;display: block;position: relative;text-align: center; margin-top: 20px;}
.mjtnav .bbmed img{max-width: 100%; text-align: center; margin: auto;}


@media (max-width:1150px) {
.waper dt { width:100%; margin 0; margin-bottom: 10px; }
.waper dd { width:100%; display: block; overflow:hidden; float:right; padding:25px 0;  }	
.waper dd h4{font-size:18px; }	
.waper dd p{font-size:14px; }
	}
	


.xxtnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.xxtnav ul{ overflow: hidden; margin-top: 20px;position: relative;display: block;}
.xxtnav ul li{display: block;width: 32%; float: left ; margin-right:2%; position: relative; overflow: hidden; margin-bottom: 50px;}
.xxtnav ul li:nth-child(3n){margin-right: 0;}
.xxtnav ul li .pic{ height: 45px; width: 45px; float: left; margin-right: 20px;}
.xxtnav ul li .pic img{max-width: 100%;}
.xxtnav ul li .xxtent{width: calc(100% - 65px); float: left;display: block; position: relative;overflow: hidden;}
.xxtnav ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.xxtnav ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.xxtnav ul li .xxtent .text p{line-height: 24px; font-style: 15px;}



@media (max-width:1150px) {
	.xxtnav ul{margin-top: 10px;}
.xxtnav ul li{width: 100%;  margin-right:0; margin-bottom: 20px;border-bottom: 1px solid #dcdcdc;  padding-bottom: 10px; }
.xxtnav ul li .xxtent .tit{font-size:16px;}
.xxtnav ul li .xxtent .text p{line-height: 24px; font-style: 14px;}	
	}



.wmdnnns{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; background: #f6f7ff;}
.wmdnnns ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.wmdnnns ul li{width: 49%; margin-right: 2%; display: block;float: left;height: 200px; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #fff;position: relative;}

.wmdnnns ul li:nth-child(2n){margin-right: 0;}
.wmdnnns ul li .pic{width: 100px; float: left;height: 53px; margin-top: 25px; text-align: center;transition: all ease .3s;}
.wmdnnns ul li .pic img{width: 60px; margin: auto;}
.wmdnnns ul li:hover .pic{margin-top: 15px;}
.wmdnnns ul li .atent{width: calc(100% - 120px); float: left; }
.wmdnnns ul li .atent .tit{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 20px;transition: all ease .3s;} 
.wmdnnns ul li .atent .text{width: 100%; font-size: 16px; line-height: 26px; min-height: 100px;} 
.wmdnnns ul li:hover .atent .tit{margin-top: 10px;}





.bxxtnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.bxxtnav ul{ overflow: hidden; margin-top: 30px;position: relative;display: block;}
.bxxtnav ul li{display: block; position: relative; overflow: hidden; width: 30%; float: left; margin-right: 5%; margin-bottom: 20px;}
.bxxtnav ul li:nth-child(3n){margin-right: 0;}
.bxxtnav ul li .pic{width: 100px; height: 100px; margin: auto;text-align: center; display: block; position: relative; overflow: hidden;margin-bottom: 15px;}
.bxxtnav ul li .pic img{max-width: 100%; width: 100px; height: 100px; margin: auto;}
.bxxtnav ul li .xxtent{width:100% ; display: block; position: relative;overflow: hidden;}
.bxxtnav ul li .xxtent .tit{font-size: 22px; color: #333; margin-bottom: 15px; text-align: center;} 
.bxxtnav ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.bxxtnav ul li .xxtent .text p{line-height: 24px; font-size: 16px; color: #666;}
.bxxtnav .bbmed{width: 100%;overflow: hidden;display: block;position: relative;margin-bottom: 40px; margin-top: 20px; text-align: center; margin: auto;}
.bxxtnav .bbmed img{max-width: 100%;center; margin: auto;}

@media (max-width:1000px) {
.bxxtnav ul li{display: block; position: relative; overflow: hidden; width:100%; float: left; margin-right: 0; margin-bottom: 20px;}
.bxxtnav ul li .pic{ height: 50px; width: 50px; float: left; margin-right: 20px;}
.bxxtnav ul li .pic img{ height: 50px; width: 50px;}
.bxxtnav ul li .xxtent{width: calc(100% - 70px); float: left;display: block; position: relative;overflow: hidden;}
.bxxtnav ul li .xxtent .tit{font-size: 18px; color: #000; margin-bottom: 10px; text-align: left;} 

.bxxtnav ul li .xxtent .text p{line-height: 24px; font-size: 14px;text-align: left !important;}	
	}


.mjbbo{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mjbbo ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.mjbbo ul li{display: block; width:30% ; margin: 1%; margin-right: 3%; float: left; padding: 30px;  position: relative; overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);height: 260px;}
.mjbbo ul li:nth-child{3n}{margin-right: 1%;}
.mjbbo ul li .pic{ height: 70px; width: 70px; margin: auto; display: block; margin-bottom: 30px;}
.mjbbo ul li .pic img{max-width: 100%;}

.mjbbo ul li .xxtent{width: 100% ; display: block; position: relative;overflow: hidden;}
.mjbbo ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px; text-align: center;} 
.mjbbo ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.mjbbo ul li .xxtent .text p{line-height: 24px; font-style: 15px;}






.bxxtgtu{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.bxxtgtu ul{overflow: hidden; margin-bottom: 30px;position: relative;display: block;}
.bxxtgtu ul li{display: block; position: relative; overflow: hidden; width: 32%; margin-right: 2%; float: left;}
.bxxtgtu ul li:nth-child(2n){margin-right: 0;}
.bxxtgtu ul li .pic{ height: auto; width: 100%;display: block; position: relative; overflow: hidden; margin: auto; text-align: center;}
.bxxtgtu ul li .pic img{max-width: 100%; margin: auto; text-align: center;}
.bxxtgtu ul li .xxtent{display: block;width: 100%; text-align: center; font-size: 18px; position: relative;overflow: hidden;}
.bxxtgtu .ptitle{font-size: 30px; color: #000;font-weight: normal;padding-bottom: 20px; text-align: center;}
.bxxtgtu .pxxfo {width: 100%; margin-top: 20px; margin-bottom: 40px;overflow: hidden;display: block;position: relative;}
.bxxtgtu .pxxfo p{line-height: 28px; font-size: 16px; color: #1b0d0d; margin-bottom: 10px;}
.bxxtgtu .pingfo{width: 100%;overflow: hidden;display: block;position: relative;margin-bottom: 40px; text-align: center; margin: auto;}
.bxxtgtu .pingfo img{max-width: 100%;center; margin: auto;}



@media (max-width:1000px) {
.bxxtgtu ul li .xxtent{ font-size: 14px; }
.bxxtgtu .ptitle{font-size: 20px; }
	
	}







/*公司展示*/
.hzallist{width: 100%; margin: auto; overflow: hidden; position: relative;  margin-top: 50px;}
.hzallist ul{zoom: 1;  margin-bottom: 15px; }
.hzallist ul li{width: 32%; float: left; margin-bottom: 30px; margin-right: 2%;cursor:pointer}
.hzallist ul li:nth-child(3n){margin-right: 0;}
.hzallist ul li .hzimg{ overflow: hidden; width: 100%; }
.hzallist ul li .hzimg img{max-width: 100%;transition: all 0.5s ease 0s;}
.hzallist ul li .hzimg:hover img{transform: scale(1.1,1.1)}
.hzallist ul li .hztext{ background-color: #f1f1f1; padding: 15px;text-align: center;margin-top: -2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}





@media (max-width:640px) {	
.hzallist{ margin-top: 20px;}
.hzallist ul li{width: 48%; float: left; margin-bottom: 20px; margin-right: 4%;cursor:pointer; overflow: hidden;}
.hzallist ul li:nth-child(3n){margin-right: 4%;}
.hzallist ul li:nth-child(2n){margin-right: 0;}
.hzallist ul li .hztext{  padding: 5px;}
}


/*公司展示*/


.wmdeys{overflow: hidden;  display: block; position: relative; width: 100%;}
.wmdeys ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.wmdeys ul li{width: 49%; margin-right: 2%; display: block;float: left;height: 250px; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #f6f7ff;position: relative;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); }
.wmdeys ul li:nth-child(2n){margin-right: 0;}
.wmdeys ul li .pic{background-color: #06267e;color: #fff;border-radius: 50px; width: 50px;height: 50px; font-size: 24px;display: inline-block;float: left;    line-height: 50px;text-align: center; margin-left: 20px; margin-right: 20px;}
.wmdeys ul li:hover .pic{margin-top: 10px;transition: all ease .3s;}
.wmdeys ul li .atent{width:95%; margin: auto; }
.wmdeys ul li .atent .tit{width: 100%; font-size: 22px; line-height: 32px; margin-bottom: 10px; transition: all ease .3s; color: #333;} 
.wmdeys ul li .atent .text{width: 100%; line-height: 26px; min-height: 100px;} 
.wmdeys ul li .atent .text p{font-size: 16px; color: #666;}
.wmdeys ul li:hover .atent .tit{margin-top: 10px;}


@media (max-width:1200px) {	
.wmdeys ul li{width: 100%; margin-right: 0; display: block;float: left;height: auto; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #f6f7ff;position: relative;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); }
.wmdeys ul li .atent .tit{width: 100%; font-size: 20px; line-height: 32px; margin-bottom: 0px; transition: all ease .3s;} 
.wmdeys ul li .atent .text{width: 100%; font-size: 14px; line-height: 26px; min-height: 100px;} 
.wmdeys ul li .atent .text p{font-size: 14px; color: #666;}
}



.wmdbbong{overflow: hidden;  display: block; position: relative; width: 100%;}
.wmdbbong ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.wmdbbong ul li{width: 100%; display: block; position: relative;margin-bottom: 20px; position: relative;  }
.wmdbbong ul li .tit{width: 100%; font-size: 22px; line-height: 32px; margin-bottom: 10px; transition: all ease .3s; color: #333;} 
.wmdbbong ul li .text{width: 100%; font-size: 16px; line-height: 26px; } 



@media (max-width:1200px) {	

.wmdbbong ul li .tit{width: 100%; font-size:18px; line-height: 32px; margin-bottom: 0px; transition: all ease .3s;} 
.wmdbbong ul li .text{width: 100%; font-size: 14px; line-height: 26px; min-height: 100px;} 
}






.wabngd{overflow: hidden;  display: block; position: relative; width: 100%;}  
.wabngd ul{zoom: 1; margin-top:30px ;position: relative;display: block; margin-bottom: 40px; overflow: hidden;}
.wabngd ul li { display: inline;float: left; width:32%;height: 270px;padding: 15px 0;text-align: center;position: relative; margin-bottom: 50px;background-color: #f6f7ff; margin-right: 2%;}
.wabngd ul li:nth-child(3n) {margin-right: 0;}

.wabngd ul li .pica4 {display: block;background-repeat: no-repeat;background-position: 0 0;width: 58px;height: 56px;margin: 0 auto;margin-bottom: 20px;}
.wabngd ul li .pica4 img{max-width: 100%;transition: all ease .3s; margin-top: 5px; }
.wabngd ul li .tit {font-size: 22px;color: #333;margin-top: 5px;transition: all ease .3s;margin-bottom: 10px;}
.wabngd ul li .text {color: #898989;font-size: 14px;line-height: 2;margin-top: 5px;transition: all ease .3s;}
.wabngd ul li .ttind {width: 100%;text-align: center;font-size: 18px;line-height: 1;color: #ccc;position: absolute;left: 0;bottom: 35px}
.wabngd ul li .dot {display: block;width: 10px;height: 10px;background-color: #999;border-radius: 50%;position: absolute;left: 50%;bottom: 10px;margin-left: -5px}
.wabngd ul li:hover .pica4 img{margin-top: -5px}
.wabngd ul li:hover .tit{margin-top: -5px}
.wabngd ul li:hover .text{margin-top: -5px}



@media (max-width:1260px) {	
.wabngd ul li { width:48%; margin-right: 4%; margin-bottom: 20px;}
.wabngd ul li:nth-child(3n) {margin-right: 4%;}
.wabngd ul li:nth-child(2n) {margin-right: 0;}
.wabngd ul li .tit{font-size: 18px;}
}





.wapbbq {overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.wapbbq dl{ min-height:266px; background:#fff; overflow:hidden; padding: 15px 0; }
.wapbbq dt { width:35%;  min-height:200px; margin-left: 5%; margin-right: 0;  overflow:hidden; position:relative; float:right ;  vertical-align: middle;line-height: 200px; }
.wapbbq dl:nth-child(2n) dt{float: left; margin-left: 0%; margin-right: 5%; }
.wapbbq dt img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.wapbbq dd { width:60%; display: block; overflow:hidden; float:right; padding:25px 0;  }
.wapbbq dd h4{ display:block; font-size:22px;  height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.wapbbq dd p { line-height:26px; height:auto; overflow:hidden; color:#666; font-size: 16px; }


@media (max-width:1150px) {
.wapbbq dt { width:100%; margin 0; margin-bottom: 10px; }
.wapbbq dd { width:100%; display: block; overflow:hidden; float:right; padding:25px 0;  }	
.wapbbq dd h4{font-size:18px; }	
.wapbbq dd p{font-size:14px; }	
	}





.bongtp{overflow: hidden;  display: block; position: relative; width: 100%;}
.bongtp .leftwr{zoom: 1; overflow: hidden; width: 60%; left: 0; position: absolute; top: 50px;}
.bongtp .leftwr .bbogt{width: 100%; display: block; position: relative;margin-bottom: 20px; position: relative;  }
.bongtp .leftwr .bbogt .tit{width: 100%; font-size: 22px; line-height: 32px; margin-bottom: 10px; transition: all ease .3s;color: #333;} 
.bongtp .leftwr .bbogt .text{width: 100%; font-size: 16px; line-height: 26px;  color: #666;} 
.bongtp .reghtls{width: 60%; float: right; }
.bongtp .reghtls img{max-width: 100%;}
@media (max-width:1380px) {	
.bongtp .leftwr{zoom: 1; overflow: hidden; width: 70%; left: 0; position: absolute; top: 0px;}
}


@media (max-width:1220px) {	
.bongtp .reghtls{width: 60%; float: right; min-height: 300px; }
}

@media (max-width:1078px) {	
.bongtp .leftwr{zoom: 1; overflow: hidden; width:100%; left: 0; position: relative; }
.bongtp .reghtls{width: 60%; float: right; display: none; }
.bongtp .leftwr .bbogt .tit{width: 100%; font-size: 18px; line-height: 32px; margin-bottom: 10px; transition: all ease .3s;color: #333;} 
.bongtp .leftwr .bbogt .text{width: 100%; font-size: 14px; line-height: 26px;color: #666; } 
}


.zhyljgo{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; margin-bottom: 40px;}
.zhyljgo .itemtt{width: 100%; font-size: 30px; color: #333; line-height: 32px; margin-bottom: 10px;  text-align: center;} 
.zhyljgo .bbmed{width: 100%;overflow: hidden;display: block;position: relative;text-align: center; margin-top: 20px;}
.zhyljgo .bbmed img{max-width: 100%; text-align: center; margin: auto;}


@media (max-width:1078px) {
.zhyljgo .itemtt{width: 100%; font-size: 20px;}
}


.new-about {
    width: 100%;margin-bottom:50px ;
    margin-left: auto;
    margin-right: auto;
}

.new-about-content {
    margin: 108px auto;
}

.new-about-fixed {
    height: 350px;
    width: 100%;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}
  .new-about-fixed {
        height: 350px;
    }
@media (max-width:1040px) {
.new-about-fixed{background-size: 100%;}
.new-about{margin-bottom: 30px;}


}


@media screen and (max-width: 768px) {
.new-about{display: none;}
    .new-about-fixed {  background-size: 100%;
        background-attachment: scroll!important;
        height: 200px!important;
    }


   }


.pitemed{font-size: 22px; color: #333;font-weight: normal;padding-bottom: 10px; text-align: left;}
.pitety{width: 100%; margin-top: 10px; margin-bottom: 40px;overflow: hidden;display: block;position: relative;}
.pitety p{line-height: 28px; font-size: 16px; color: #666; margin-bottom: 10px;}


.wabeup {overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.wabeup dl{ min-height:266px; background:#fff; overflow:hidden; padding: 15px 0; }
.wabeup dt { width:50%;  min-height:200px; margin-left: 5%; margin-right: 0;  overflow:hidden; position:relative; float:right ;  vertical-align: middle;line-height: 200px; }
.wabeup dl:nth-child(2n) dt{float: left; margin-left: 0%; margin-right: 5%; }
.wabeup dt img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.wabeup dd { width:45%; display: block; overflow:hidden; float:right; padding:25px 0;  }
.wabeup dd h4{ display:block; font-size:24px; font-weight: bold; height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.wabeup dd p { line-height:28px; font-size: 16px; height:auto; overflow:hidden; color:#666; }


@media (max-width:1150px) {
	.pitemed{font-size: 18px; color: #333;font-weight: normal;padding-bottom: 0px; text-align: left;}
	.pitety p{font-size: 14px;}
	.wabeup dd p{font-size: 14px;}
	.pitety{width: 100%; margin-top: 10px; margin-bottom: 0px;overflow: hidden;display: block;position: relative;}
.wabeup dt { width:100%; margin 0; margin-bottom: 10px; }
.wabeup dd { width:100%; display: block; overflow:hidden; float:right; padding:25px 0;  }	
.wabeup dd h4{font-size:17px; }	
	}





.wabeup1 {overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.wabeup1 dl{ min-height:266px; background:#fff; overflow:hidden; padding: 15px 0; }
.wabeup1 dt { width:50%;  min-height:200px; margin-left: 5%; margin-right: 0;  overflow:hidden; position:relative; float:right ;  vertical-align: middle;line-height: 200px; }
.wabeup1 dl:nth-child(2n) dt{float: left; margin-left: 0%; margin-right: 5%; }
.wabeup1 dt img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.wabeup1 dd { width:45%; display: block; overflow:hidden; float:right; }
.wabeup1 dd h4{display:block; font-size:22px;  height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.wabeup1 dd h4.tbyu{margin-top: 50px;}
.wabeup1 dd p { line-height:28px; font-size: 16px; height:auto; overflow:hidden; color:#666; }


@media (max-width:1150px) {
	.wabeup1{margin-top: 0;}
	.wabeup1 dl{ min-height:auto; padding-top: 0; }
.wabeup1 dt { width:100%; margin: 0; margin-bottom: 10px; }
.wabeup1 dd { width:100%; display: block; overflow:hidden; float:right;  }	
.wabeup1 dd h4{font-size:18px; margin-top: 0; height:auto; line-height:28px;}	
.wabeup1 dd p{font-size: 14px;}
	}







.wabbeun{overflow: hidden;  display: block; position: relative; width: 100%;}  
.wabbeun ul{zoom: 1; margin-top:30px ;position: relative;display: block; margin-bottom: 40px; overflow: hidden;}
.wabbeun ul li { display: inline;float: left; width:23.5%;height: 330px;padding: 15px 0;text-align: center;position: relative; margin-bottom: 50px;background-color: #f6f7ff; margin-right: 2%;}
.wabbeun ul li:nth-child(4n) {margin-right: 0;}

.wabbeun ul li .pica4 {display: block;background-repeat: no-repeat;background-position: 0 0;width: 58px;height: 56px;margin: 0 auto;margin-bottom: 20px;}
.wabbeun ul li .pica4 img{max-width: 100%;transition: all ease .3s; margin-top: 5px; }
.wabbeun ul li .tit {font-size: 22px;color: #333;margin-top: 5px;transition: all ease .3s;margin-bottom: 10px;}
.wabbeun ul li .text {color: #898989;font-size: 14px;line-height: 2;margin-top: 5px;transition: all ease .3s;}
.wabbeun ul li .text p{padding: 0 5px;}
.wabbeun ul li .ttind {width: 100%;text-align: center;font-size: 18px;line-height: 1;color: #ccc;position: absolute;left: 0;bottom: 35px}
.wabbeun ul li .dot {display: block;width: 10px;height: 10px;background-color: #999;border-radius: 50%;position: absolute;left: 50%;bottom: 10px;margin-left: -5px}
.wabbeun ul li:hover .pica4 img{margin-top: -5px}
.wabbeun ul li:hover .tit{margin-top: -5px}
.wabbeun ul li:hover .text{margin-top: -5px}



@media (max-width:1260px) {	
.wabbeun ul li { width:32%; margin-right: 2%; margin-bottom: 20px;}
.wabbeun ul li:nth-child(4n) {margin-right: 2%;}
.wabbeun ul li:nth-child(3n) {margin-right: 0;}
}


@media (max-width:1060px) {	
.wabbeun ul li { width:48%; margin-right: 4%; margin-bottom: 20px; height: auto; padding-bottom: 60px;}
.wabbeun ul li:nth-child(4n) {margin-right: 4%;}
.wabbeun ul li:nth-child(3n) {margin-right: 4%;}
.wabbeun ul li:nth-child(2n) {margin-right: 0;}
.wabbeun ul li .tit{font-size: 18px;}
}



.dbingt {overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.dbingt .leftro{ width:45%; margin-right: 5%; margin-left: 0;  overflow:hidden; position:relative; float:left;  vertical-align: middle; }
.dbingt .leftro img{max-width: 100%;}
.waper1 {width:50%; display: block; overflow:hidden; float:right; }
.waper1 dl{ background:#fff; overflow:hidden;margin-bottom: 80px; }
.waper1 dd { width:100%; display: block; overflow:hidden;    }
.waper1 dd h4{ display:block; font-size:22px;  height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.waper1 dd p { line-height:26px; height:auto; overflow:hidden; color:#666;font-size:16px; }




@media (max-width:1550px) {
.waper1 dl{ margin-bottom: 20px; }
	}

@media (max-width:1150px) {
.dbingt .leftro{ width:100%; margin-right: 0; margin-left: 0;  overflow:hidden; position:relative; float:left;  vertical-align: middle; }
.waper1 {width:100%; display: block; overflow:hidden; float:right; }
.waper1 dd h4{ display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.waper1 dd p { line-height:26px; height:auto; overflow:hidden; color:#666; font-size: 14px; }
	}








.productct{ max-width: 1920px; height: auto; margin: auto; margin: 0px 0;  margin-top: 30px;}
.productct img{ width: 100% !important;height: auto !important; }

img{vertical-align:middle; max-width: 100%;}







.ywbgz{overflow: hidden;  display: block; position: relative; width: 100%; background: #fff;}
.ywbgz ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.ywbgz ul li {width: calc(23.5% - 2px); height: 240px;border: 1px solid #d7d8d9; margin-bottom: 36px; float: left; margin-right: 2%; }
.ywbgz ul li:nth-child(4n){margin-right: 0;}
.ywbgz ul li{ display: flex; flex-wrap: wrap;justify-content: space-between;}
.ywbgz ul li .top {  width: 100%; height: 104px;background-color: #ebecec; color: #333333;font-size: 20px; display: flex; flex-direction: column;justify-content: space-evenly;align-items: center;}
.ywbgz ul li .text{ width: 100%;overflow: hidden; display: block; position: relative;}
.ywbgz ul li .text p {  font-size: 15px; color: #666666;text-align: justify; padding: 0px 16px 0 16px;}
.ywbgz ul li:hover { border: 1px solid #f37041;box-shadow: 0px 6px 18px #c9e7fe;}

.ywbgz ul li:hover .top {
    background: -moz-linear-gradient(right, #da4813 60%, #f37041);
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(left, #da4813 60%, #f37041);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #da4813 60%, #f37041);
    background: linear-gradient(left, #da4813 60%, #f37041);
    color: white;
}


@media (max-width:1250px) {
.ywbgz ul li {width: calc(48% - 2px); height: 240px;border: 1px solid #d7d8d9; margin-bottom: 36px; float: left; margin-right: 4%; }
.ywbgz ul li:nth-child(4n){margin-right: 4%;}
.ywbgz ul li:nth-child(2n){margin-right: 0;}

}
@media (max-width:640px) {
	.ywbgz ul li { margin-bottom: 20px; }
.ywbgz ul li .top {  width: 100%; height: 80px;font-size: 18px; }

}





.ywbgz1{overflow: hidden;  display: block; position: relative; width: 100%; background: #fff;}
.ywbgz1 ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.ywbgz1 ul li {width: calc(32% - 2px); height: 240px;border: 1px solid #d7d8d9; margin-bottom: 36px; float: left; margin-right: 2%; }
.ywbgz1 ul li:nth-child(3n){margin-right: 0;}
.ywbgz1 ul li{ display: flex; flex-wrap: wrap;justify-content: space-between;}
.ywbgz1 ul li .top {  width: 100%; height: 104px;background-color: #ebecec; color: #333333;font-size: 20px; display: flex; flex-direction: column;justify-content: space-evenly;align-items: center;}
.ywbgz1 ul li .text{ width: 100%;overflow: hidden; display: block; position: relative;}
.ywbgz1 ul li .text p {  font-size: 15px; color: #666666;text-align: justify; padding: 0px 16px 0 16px;}
.ywbgz1 ul li:hover { border: 1px solid #f37041;box-shadow: 0px 6px 18px #c9e7fe;}

.ywbgz1 ul li:hover .top {
    background: -moz-linear-gradient(right, #da4813 60%, #f37041);
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(left, #da4813 60%, #f37041);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #da4813 60%, #f37041);
    background: linear-gradient(left, #da4813 60%, #f37041);
    color: white;
}


@media (max-width:1250px) {
.ywbgz1 ul li {width: calc(48% - 2px); height: 240px;border: 1px solid #d7d8d9; margin-bottom: 36px; float: left; margin-right: 4%; }
.ywbgz1 ul li:nth-child(3n){margin-right: 4%;}
.ywbgz1 ul li:nth-child(2n){margin-right: 0;}

}
@media (max-width:640px) {
	.ywbgz1 ul li { margin-bottom: 20px; }
.ywbgz1 ul li .top {  width: 100%; height: 80px;font-size: 18px; }

}





.ywbgz2{overflow: hidden;  display: block; position: relative; width: 100%; background: #fff;}
.ywbgz2 ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.ywbgz2 ul li {width: calc(48% - 2px); height: 240px;border: 1px solid #d7d8d9; margin-bottom: 36px; float: left; margin-right: 4%; }
.ywbgz2 ul li:nth-child(2n){margin-right: 0;}
.ywbgz2 ul li{ display: flex; flex-wrap: wrap;justify-content: space-between;}
.ywbgz2 ul li .top {  width: 100%; height: 104px;background-color: #ebecec; color: #333333;font-size: 20px; display: flex; flex-direction: column;justify-content: space-evenly;align-items: center;}
.ywbgz2 ul li .text{ width: 100%;overflow: hidden; display: block; position: relative;}
.ywbgz2 ul li .text p {  font-size: 15px; color: #666666;text-align: justify; padding: 0px 16px 0 16px;}
.ywbgz2 ul li:hover { border: 1px solid #f37041;box-shadow: 0px 6px 18px #c9e7fe;}

.ywbgz2 ul li:hover .top {
    background: -moz-linear-gradient(right, #da4813 60%, #f37041);
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(left, #da4813 60%, #f37041);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #da4813 60%, #f37041);
    background: linear-gradient(left, #da4813 60%, #f37041);
    color: white;
}



@media (max-width:640px) {
	.ywbgz2 ul li { margin-bottom: 20px; }
.ywbgz2 ul li .top {  width: 100%; height: 80px;font-size: 18px; }

}















.dnbgimg{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.dnbgimg ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.dnbgimg ul li{width: 49%; margin-right: 2%; display: block;float: left;height: 140px; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #f6f7ff;position: relative;}

.dnbgimg ul li:nth-child(2n){margin-right: 0;}
.dnbgimg ul li .pic{width: 100px; float: left;height: 53px; margin-top: 25px; text-align: center;transition: all ease .3s;}
.dnbgimg ul li .pic img{width: 60px; margin: auto;}
.dnbgimg ul li:hover .pic{margin-top: 15px;}
.dnbgimg ul li .atent{width: calc(100% - 120px); float: left; }
.dnbgimg ul li .atent .tit{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 20px;transition: all ease .3s;} 
.dnbgimg ul li .atent .text{width: 100%; font-size: 16px; line-height: 26px; min-height: 78px;} 
.dnbgimg ul li:hover .atent .tit{margin-top: 10px;}




@media (max-width:1200px) {
.dnbgimg ul li{width: 100%; margin-right: 0;height: auto;margin-bottom: 20px;}

.dnbgimg ul li .atent .tit{width: 100%; font-size: 18px;margin-bottom: 0px;} 
.dnbgimg ul li .atent .text{width: 100%; font-size: 15px; line-height: 26px; min-height: auto;} 
}



.dnbgimg1{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.dnbgimg1 ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.dnbgimg1 ul li{width: 49%; margin-right: 2%; display: block;float: left;height: 100px; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #f6f7ff;position: relative;}

.dnbgimg1 ul li:nth-child(2n){margin-right: 0;}
.dnbgimg1 ul li .pic{width: 100px; float: left;height: 53px; margin-top: 25px; text-align: center;transition: all ease .3s;}
.dnbgimg1 ul li .pic img{width: 60px; margin: auto;}
.dnbgimg1 ul li:hover .pic{margin-top: 15px;}
.dnbgimg1 ul li .atent{width: calc(100% - 120px); float: left; }
.dnbgimg1 ul li .atent .tit{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 20px;transition: all ease .3s;} 
.dnbgimg1 ul li .atent .text{width: 100%; font-size: 16px; line-height: 26px; min-height: 78px;} 
.dnbgimg1 ul li:hover .atent .tit{margin-top: 10px;}




@media (max-width:1200px) {
.dnbgimg1 ul li{width: 100%; margin-right: 0;height: auto;margin-bottom: 20px;}

.dnbgimg1 ul li .atent .tit{width: 100%; font-size: 18px;margin-bottom: 0px;} 
.dnbgimg1 ul li .atent .text{width: 100%; font-size: 15px; line-height: 26px; min-height: auto;} 
}


















.dnmrod{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.dnmrod .text{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 20px;}
.dnmrod .pem{width: 100%; font-size: 16px; line-height: 26px; min-height: 78px;} 
.dnmrod .boomed{width: 100%;overflow: hidden;display: block;position: relative;text-align: center; margin-top: 20px;}
.dnmrod .boomed img{max-width: 100%; text-align: center; margin: auto;}








.prodppr{ width: 100%; display: block; position: relative; overflow: hidden;padding: 20px 0;}
.prodppr ul{zoom: 1; width:100% ; margin: auto; overflow: hidden;padding-top: 0px; }
.prodppr ul li{ width: 400px; margin: auto; margin-bottom: 15px; height: 45px; line-height: 45px; background: #e74709; border-radius: 20px; }
.prodppr ul li .ftext{width: 100% ;font-size: 16px;  overflow: hidden; color: #fff; text-align: center;}





@media (max-width:1150px) {
.prodppr ul li{ width: 100%;  }
.prodppr ul li .ftext{width: 100% ;font-size: 15px; }	
	}
	
