.aboutban{background-image:url(../img/about.jpg);}
.productban{background-image:url(../img/proban.jpg);}
.productMain{max-width: 1200px;margin: 0 auto;padding:0 10px;}
.productTabs {padding: 2rem 0; text-align: center;display: flex;justify-content: center; align-items:flex-start;}
.productTabs li{cursor:pointer;margin:0 1rem;font-size: 1.2rem;width: 190px;line-height: 50px;border-radius: 30px;border:3px solid #1e9ab6;color: #1e9ab6;}
.productTabs li:hover,.productTabs li.onn{background:#1e9ab6;color: #fff;}
.activedn{display: none;}
.productTexts h2{font-size: 1.2rem;font-weight: bold;padding: 1rem 0;}
.productTexts p{text-indent: 2rem;font-size: 1rem;line-height: 2;color: #333;}
.productTit,.productList{padding: 2rem 0 4rem;}
.productTit ul{width: 100%;overflow: hidden;}
.productTit ul li{width: 23%;margin-right: 2%;margin-bottom: 2%;float: left;border-bottom: 2px solid transparent;}
.productTit ul li p{width: 100%;overflow: hidden;margin: 0;}
.productTit ul li:hover{border-bottom: 2px solid #1e9ab6;}
.productTit ul li img{width: 100%;transition: all 0.6s;display: block;-moz-transition: all 0.6s;
				-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.productTit ul li:hover img{ transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);}
.productTit ul li span{padding:1.6rem 1rem;display: block;background:#fff;}
.productTit ul li span i{float: right;color: #dfdfdf;font-size: 1.3rem;margin-top: 2px;}
.productTit ul li:hover i{color: #1e9ab6;}
@media screen and (min-width:640px) and (max-width:1000px){
	.productTit ul li{width: 31%;margin-right: 3%;}
	.productTit ul li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width:640px){
	.productTit{padding:0.5rem 0;}
	.productTit ul li{width: 49%;}
	.productTit ul li span{padding:1rem 0.6rem;}
	.productTit ul li:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:320px){
	.productTit ul li{width: 100%;}
}
a.BlackLevel{float: right;color: rgba(255,255,255,0.8);font-size: 1.1rem;line-height: 1.8;cursor: pointer;}
a.BlackLevel:hover{color: #fff;}
a.BlackLevel i{margin-right: 0.5rem;}
.cpTitle ul{margin-bottom: -1px;display: flex;justify-content: flex-start;align-items:stretch;}
.cpTitle li{padding: 1rem 1.8rem;cursor: pointer;border-left:1px solid transparent;border-right:1px solid transparent;border-top:2px solid transparent;}
.cpTitle li:hover,.cpTitle li.onf{border-left:1px solid #dfdfdf;border-right:1px solid #ccc;border-top:2px solid #25a6b4;background:#fff;}
.cpTitleList{padding: 1rem;border:1px solid #dfdfdf;background:#fff}
.ListProd li{overflow: hidden;line-height: 2rem;border-bottom: 1px solid #dfdfdf;margin-bottom: 0.8rem;padding-bottom: 0.8rem;}
.imgProd{width: 180px;float: left;margin-right: 15px;border:1px solid #dfdfdf}
.ListProd img{width: 100%;display: block;}
.ListProd h3{font-size: 1rem;margin: 0.5rem;}
.ListProd p{color: #666;font-size: 0.9rem;}

.bantit{background:#efefef;padding: 2rem 0;overflow: hidden;}
.bantit img{float: left;border-right: 1px solid #ccc;padding-right: 1rem;margin-right: 1.2rem;}
.bantit h3{font-size: 1.2rem;line-height: 2.4;font-weight: bold;color: #333;}
.bantit h4{font-size: 1rem;color: #666;line-height: 2;}
@media screen and (max-width:768px){
	.bantit{padding-bottom: 4rem;}
	.bantit img{padding-left: 0.4rem;}
	.bantit h3{font-size: 1.1rem;}
	.bantit h4{display: none;}
}
@media screen and (max-width:640px){
	a.BlackLevel{margin-top: 0px;padding-right: 4px;}
	.cpTitle li{padding: 0.8rem;}
	.imgProd{width: 100%;}
}

.productTxt{max-width:1200px;margin:3rem auto;overflow: hidden;display: flex;}

.jqzoom {width: 410px;position: relative;border:1px solid #dfdfdf;}
.jqzoom img{display: block;width: 100%;height: 360px;}
#spec-n5 {padding: 10px 0;overflow: hidden;}
#spec-left {width: 10px;height: 45px;float: left;cursor: pointer;margin-top: 10px;}
#spec-right {width: 10px;height: 45px;float: left;cursor: pointer;margin-top: 10px;} 
#spec-list {width: 380px;float: left;overflow: hidden;height:auto;}
#spec-list ul li {float: left;margin-right: 0px;display: inline;width: 64px;}
#spec-list ul li img {padding: 2px;width: 60px;height: 48px;border: 1px solid #ccc;}
.zoomdiv {z-index: 100;position: absolute;top: 1px;left: 0px;border: 1px solid #e4e4e4;display: none;text-align: center;overflow: hidden;}
.bigimg {width: 800px;height: 800px;}
.jqZoomPup {z-index: 10;visibility: hidden;position: absolute;top: 0px;left: 0px;width: 50px;height: 50px;border: 1px solid #aaa;background: #fede4f 50% top no-repeat;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(opacity=50);cursor: move;}
.xunjia a,.zldown h3{width: 100%;line-height: 4rem;background:#56c1c6;display: flex;justify-content: center ;align-items:center;}
.xunjia a span,.zldown h3 span{padding-left: 10px;color: #fff;}
.zldown {margin-top: 0.8rem;background:#eeeeee;}
.zldown h3{background:#1e9ab6;}
.zldown ul{padding: 1rem;}
.zldown ul li{line-height: 2rem;padding-left: 12px;position: relative;font-size: 1rem;}
.zldown ul li:after{content:"";width: 5px;height: 5px;background:#1e9ab6;position: absolute;left: 0;top: 13px;border-radius: 50%}

.previeRight{margin-left: 1rem;width: 100%;}
.cptxtList{border:1px solid #dfdfdf;padding:1rem;width: 100%;line-height: 1.5rem;font-size: 0.9rem;color: #666;}
.cptxtList h3{font-size: 1rem;font-weight: bold;margin: 1rem 0;color: #333;}
.cptxtList p{margin: 1rem 0;}
.cptxtList ul li{padding-left: 1rem;position: relative;margin-bottom: 1rem;}
.cptxtList ul li:after{content:"";width: 5px;height: 5px;background:#1e9ab6;position: absolute;left: 5px;top: 10px;border-radius: 50%}
.cptxtList img{max-width: 100%!important;display: block;margin:auto;}
.xgproduct{max-width:1200px;margin:3rem auto;}
.xgproduct h3{display: flex;color: #666;font-size: 1.5rem;justify-content: center;align-items:center;}
.xgproduct h3 span{width: 36px;height: 2px;background:#cfcfcf;margin: 10px;}
.xgproduct ul{width: 100%;padding: 1rem;margin-top: 1.5rem;background:#ececec;display: flex;flex-wrap: wrap ;justify-content: space-between;align-items:center;}
.xgproduct li{width: 24%;background:#fff;text-align: center;}
.xgproduct li img{max-width: 100%!important;}
.xgproduct li p{background:#56c1c6;color: #fff;line-height: 3.2rem;font-size: 1rem;}
@media screen and (max-width:768px){
	.productTxt{display: block;}
	.previeLeft{width: 100%;}
	.jqzoom {width: 100%;}
	.jqzoom img{height: auto;}
	.previeRight{margin-left: 0rem;width: 100%;margin-top: 1rem;}
	.xgproduct ul{padding: 0.5rem;}
	.xgproduct li{width: 49%;margin-bottom: 1rem;}
	.xgproduct li p{line-height: 1.5rem;padding: 0.6rem 0;}
}
.about{max-width: 1200px;margin:0 auto;}
.about h2{margin: 3rem auto;width: 200px;position: relative;text-align: center;font-size: 1.5rem;line-height: 1.5;}
.about h2:before,.about h2:after{content:'';width:36px;height: 1px;background:#ccc;position: absolute;top:1.1rem; }
.about h2:before{left: 0;}
.about h2:after{right: 0;}
.about h2 span{font-size: 1rem;color: #ccc;display: block;text-transform:uppercase;font-family: Times;}
.about p{color: #666;font-size: 1rem;line-height: 1.6;margin: 1.5rem 0;text-indent: 2em;}
.aboutTxt{background:url(../img/about2.jpg) no-repeat right top #0f88ab;background-size:auto 100%;color: #fff;padding: 2rem;text-transform:uppercase; }
.aboutTxt h3{font-size: 2rem;line-height: 2.5;}
.aboutTxt h4{font-size: 1.2rem;line-height: 2;max-width: 260px;color: rgba(255,255,255,0.9);position: relative;padding-bottom:3.6rem;}
.aboutTxt h4:after{content:'';width: 50px;height: 1.5px;background:rgba(255,252,255,.9);position: absolute;left: 0;bottom: 0px;}
.aboutTxt h5{font-size: 2.5rem;line-height: 1;margin-top: 10rem;color: rgba(255,255,255,0.5);}
.aboutTxt h6{font-size: 1.2rem;color: rgba(255,255,255,0.8);}
.abarea{margin:0 auto;max-width: 1200px;}
.abarea ul{display: flex;flex-wrap: wrap ;justify-content: space-between;}
.abarea li{width: 15%;margin: 0 2% 2% 0;padding: 1.5rem 0;text-align: center;border-radius: 4px;border:1px solid #ccc;border-top: 4px solid #1e9ab6;}
.abarea li:nth-child(6n){margin-right: 0;}
.abarea li span{display: block;color: #666;font-size: 1rem;}

.abrand ul{display: flex;flex-wrap:wrap;}
.abrand li{width: 18.5%;margin: 0 1.5% 1.5% 0;}
.abrand li a{display: block;height: 11rem;position: relative;border:1px solid #ccc;border-radius: 6px;overflow: hidden;}
.abrand li a img{margin: 3rem auto;display: block;max-width: 180px;width: 100%;}
.abrand li a span{position: absolute;display: block;width: 100%;padding: 1rem;margin: 0;left: 0;top: 11rem;background:#1e9ab6;color: #fff;height:11rem;
			font-size: 0.9rem;line-height:1.7;transition: all 0.4s;display: block;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;	-o-transition: all 0.4s;}
.abrand li a span i{display: block;text-align: right;margin-top: 0.5rem;}
.abrand li a:hover span{top:0;}
@media screen and (max-width:768px){
	.about h2{margin: 1.5rem auto;}
	.about p{padding: 1.5rem;}
	.abrand li{width: 31.8%;}
	.abrand li a{height: auto;}
	.abrand li a img{margin: 0.5rem auto 0;}
	.abrand li a span{display: block;position: static;color: #666;background:none;height: auto;}
}
@media screen and (max-width:640px){
	.abrand li{width: 31.8%;}
}
@media screen and (max-width:560px){
	.abarea li{width: 23%;}
	.abarea li:nth-child(6n){margin-right: 2%;}
	.abrand li{width: 48.5%;}
}