@charset "utf-8";

html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}


.container{
	width: 100%;
	max-width: 640px;margin: 0 auto;
	min-width: 320px;
	overflow:hidden;
	position:relative;
}


/*banner*/
.banner{position: relative;}
.banner .swiper-pagination{width: 100%;left: 0;bottom: 1.5rem;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 1.5rem;height: 0.5rem;background: rgba(255,255,255,0.9);margin: 0 5px;border-radius: 10px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #f08200;}

/**/
.cg{padding:4.1rem 3% 0;}
.cg h3{text-align: center; font-size: 2rem; line-height: 2rem; color:#1547a9; font-weight: bold; height:4.05rem; background:url("../images/t1.png") no-repeat bottom center; background-size:42%; margin-bottom: 2rem;}
.cg ul{height:32.75rem;}
.cg ul li{float:left; width:44%;height:14rem; margin-bottom: 1.7rem;}
.cg ul li dl dt{margin-bottom: 1.25rem; height:6.6rem;}
.cg ul li dl dt i{display: block; width:51%; height:6.6rem; margin:0 auto;}
.cg ul li dl dd span{display: block; text-align: center; font-size: 1rem; font-weight: bold; color:#333333; margin-bottom: 0.95rem;}
.cg ul li dl dd p{font-size: 0.9rem; color:#666666; text-align: center;}
.cg ul b{display: block; width:4%; height:10.75rem;float:left; margin:0 0.9rem;}
.cg ul b img{width:100%;}
.cg ul li dl dt .cg1{background:url("../images/cg1.png") no-repeat center;background-size:95%;}
.cg ul li dl dt .cg2{background:url("../images/cg2.png") no-repeat center;background-size:95%;}
.cg ul li dl dt .cg3{background:url("../images/cg3.png") no-repeat center;background-size:95%;}
.cg ul li dl dt .cg4{background:url("../images/cg4.png") no-repeat center;background-size:95%;}
/**/
.product{background:#f2f2f2;}
.pro{padding:3.65rem 3% 0;}
.pro h3{text-align: center; font-size: 2.1rem; font-weight: bold; color:#1547a9; height:4.2rem; line-height:2rem; margin-bottom: 2rem; background:url("../images/t2.png") no-repeat bottom center; background-size:40%;}
.pro ul{height:35rem;}
.pro ul li{float:left;width:32.3%; height:10rem; margin-bottom: 1.25rem; margin-left: 0.39rem;}
.pro ul li span{display: block;width:100%; height:6.35rem; border:1px solid #e6e6e6;}
.pro ul li span img{width:100%; height:100%;}
.pro ul li em{display: block; text-align: center; position: relative;}
.pro ul li em a{font-size: 1.1rem; color:#4c4c4c;}
.pro ul li em i{display: block; width:17%; height:1.6rem; margin:-0.85rem auto 0.45rem;background:url("../images/gd.png") no-repeat center; z-index: 50;position: relative;background-size:100%;}
.pro ul li.cur{margin-left: 0;}
/**/
.ed{padding:3.5rem 3% 0;}
.ed h3{text-align: center; font-size: 2.1rem; line-height: 1rem; color:#0e4a9e; font-weight: bold; height:4.1rem; background:url("../images/t1.png") no-repeat bottom center; background-size:42%; margin-bottom: 2rem;}
.ed h3 i{font-size: 2.5rem;position: relative;top: 0.3rem;}
.ed ul{height:4rem; margin-bottom:1.25rem; }
.ed ul li{float:left; height:4rem; width:33%; margin-left: 0.1rem;}
.ed ul li span{display: block;background:url("../images/wzbj1.png") no-repeat top center; background-size:100%;height: 3.5rem;}
.ed ul li span i{display: block; width:74%; line-height: 3.8rem; height:3.5rem;  padding-left:2.5rem; font-size: 1.1rem; color:#FFF; font-weight: bold;}
.ed ul li:first-child{margin-left: 0;}
.ed ul .ed1 i{background:url("../images/e1.png") no-repeat 8%;background-size: 16%;}
.ed ul .ed2 i{background:url("../images/e2.png") no-repeat 8%;background-size: 16%;}
.ed ul .ed3 i{background:url("../images/e3.png") no-repeat 8%;background-size: 16%;}
.ed ul li.z-on span{display: block;background:url("../images/wzbj1_h.png") no-repeat top center; height:4rem; background-size:100%; }
.ed dl dt{margin-bottom: 1.8rem;}
.ed dl dt img{width:100%;}
.ed dl dd{height:10rem;}
.ed dl dd span{ display: block; font-size: 1.4rem; color:#262626; height:2rem; line-height: 2rem; font-weight: bold; margin-bottom: 1rem;padding-left:3rem;}
.ed dl dd span i{font-size: 1.4rem; color:#262626; font-weight: normal; margin-left: 0.9rem;}
.ed dl dd p{ font-size: 1.1rem; color:#666666;padding-left:3rem;line-height: 1.8rem;}
.ed dl dd .bt1{background:url("../images/bt1.png") no-repeat 1%;background-size:6%;}
.ed dl dd .bt2{background:url("../images/bt2.png") no-repeat 1%;background-size:6%;}
.ed dl dd .bt3{background:url("../images/bt3.png") no-repeat 1%;background-size:6%;}
/**/
.xzbj{background:#f2f2f2;}
.xz{padding:3.65rem 3% 12%;}
.xz h3{text-align: center; font-size: 2.1rem; font-weight: bold; color:#1547a9; height:4.2rem; line-height:2rem; margin-bottom: 2rem; background:url("../images/t2.png") no-repeat bottom center; background-size:40%;}
.xz dl{width:85%; height:37rem; margin:0 auto;}
.xz dl dt{width:100%; height:19.1rem; position: relative;}
.xz dl dt img{width:100%; height:100%;}
.xz dl dt i{display: block; width:97%;height:18.7rem;position: absolute; left:0.35rem; top:0.35rem; border:1px solid #FFF; border-bottom:0; opacity: 0.4;}
.xz dl dd{background:#FFF; border:1px solid #e3e3e3;padding-top:1.8rem;}
.xz dl dd span{display:block;font-size: 1.5rem; line-height: 1.5rem; color:#1a1a1a; margin-bottom: 1.2rem;padding-left:1.95rem;}
.xz dl dd p{font-size: 1.1rem; color:#666666; font-weight: normal; margin-bottom: 1.1rem;padding-left:1.95rem;}
.xz dl dd p i{ font-size: 1.1rem; color:#666666; font-weight: bold;}
.xz dl dd .ck{display: block;width:34%; font-size: 1.2rem; color:#FFF; font-weight: bold; height:3rem; line-height: 3rem; margin:2rem auto 0; padding-left:6.45rem; background:url("../images/wzbj2.png") no-repeat center; background-size:100%; }
/**/
.bz{padding:3.6rem 3% 11%;}
.bz h3{text-align: center; font-size: 2.1rem; line-height: 1rem; color:#0e4a9e; font-weight: bold; height:4.1rem; background:url("../images/t1.png") no-repeat bottom center; background-size:42%; margin-bottom: 2rem;}
.bz h3 i{font-size: 3rem;position: relative;top: 0.3rem;}
.bz p{width:100%; height:22.25rem;margin-bottom: 1rem;}
.bz p img{width:100%;}
.bz dl{padding-left:3%;}
.bz dl dt{padding-left:4.5rem; margin-bottom: 1.6rem; height:2.5rem;}
.bz dl dt span{ font-size: 1.5rem; line-height: 1.8rem; color:#1547a9; font-weight: bold; position: relative;padding-top: 0.2rem;display: block;}
.bz dl dt span::before{width:14%; height:0.15rem; background:#1547a9; content:""; position: absolute; left:0; bottom:-0.95rem;}
.bz dl dt span i{font-size: 1.5rem; color:#1547a9; font-weight: normal; margin-left: 1rem;}
.bz dl .bz1{background:url("../images/01.png") no-repeat left;background-size:11%;}
.bz dl .bz2{background:url("../images/02.png") no-repeat left;background-size:11%;}
.bz dl .bz3{background:url("../images/03.png") no-repeat left;background-size:11%;}
.bz dl .bz4{background:url("../images/04.png") no-repeat left;background-size:11%;}
.bz dl dd b{font-size: 1.1rem; color:#666666; font-weight: normal; display:block; margin-bottom: 1.5rem;line-height: 1.5rem;}
.bz dl dd b em{font-weight: bold; color:#1a1a1a;}
.bz .swiper-container .swiper-pagination{height:4.4rem;margin-top: 0.8rem;}
.bz .swiper-container .swiper-pagination .swiper-pagination-bullet{width:13.3%; height:4.4rem;margin:0 3%; font-size: 1.2rem; color:#FFF; font-weight: bold; text-align: center; line-height: 4rem; background:url("../images/qh.png") no-repeat center;background-size: 100% 100%; position: relative;}
.bz .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-child(1)::before{content:"售后"; position: absolute; top:0; left:0;width:100%; text-align: center; height:4rem; line-height: 4rem;}
.bz .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-child(2)::before{content:"质量"; position: absolute; top:0; left:0;width:100%; text-align: center; height:4rem; line-height: 4rem;}
.bz .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-child(3)::before{content:"资质"; position: absolute; top:0; left:0;width:100%; text-align: center; height:4rem; line-height: 4rem;}
.bz .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-child(4)::before{content:"选型"; position: absolute; top:0; left:0;width:100%; text-align: center; height:4rem; line-height: 4rem;}
.bz .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:url("../images/qh_h.png") no-repeat center;height: 4.4rem;background-size: 100% 100%;}
.bz .swiper-container .swiper-button-prev{width:7%; height:2.15rem;background:url("../images/prev.png") no-repeat center;position: absolute;left:1rem; bottom:1rem; background-size:53%;}
.bz .swiper-container .swiper-button-next{width:7%; height:2.15rem;background:url("../images/next.png") no-repeat center;position: absolute;right:1rem; bottom:1rem;background-size:53%;}
/**/
.newsbj{background:#f2f2f2;}
.news{padding:4rem 3% 12%;}
.news h3{text-align: center; font-size: 2.1rem; line-height: 2rem; color:#0e4a9e; font-weight: bold; height:4.1rem; background:url("../images/t2.png") no-repeat bottom center; background-size:42%; margin-bottom: 2rem;}
.news .m-cnt{ height:3.5rem;width: 99%; margin:0 auto 2rem;}
.news .m-cnt li{float:left; width:50%; height:3.5rem; text-align: center; line-height: 3.5rem; font-size: 1.3rem; color:#1547a9; background:url("../images/kk.png") no-repeat center;background-size: 100% 100%; }
.news .m-cnt li.z-on{background:url("../images/kk_h.png") no-repeat center; color:#FFF; font-weight: bold;background-size: 100%; }
.news .gsdt dl{height:7.5rem; margin-bottom: 1.2rem;}
.news .gsdt dl dt{float:left;width:50%; height:7.5rem;}
.news .gsdt dl dt img{width:100%;}
.news .gsdt dl dd{float:left; width:47%; padding-top:0.65rem; padding-left:0.8rem;}
.news .gsdt dl dd span{display: block;font-size: 1.2rem; color:#262626; margin-bottom: 1rem;}
.news .gsdt dl dd span a{font-size: 1.2rem; color:#262626;}
.news .gsdt dl dd p{font-size: 1rem; color:#666666; }
.news .gsdt ul li{padding-left:1.15rem; height:3.7rem; line-height: 3.7rem; background:url("../images/y.png") no-repeat left; background-size:1.5%;}
.news .gsdt ul li a{display: block; font-size: 1.1rem; color:#333333; line-height: 3.7rem; border-bottom:1px dashed #c9c9c9;}
.news .gsdt ul li a i{float:right; line-height: 3.7rem; font-size: 1rem; color:#a6a6a6;}
.news .gsdt ul li.last a{border-bottom:0;}
.news .gsdt .ck{display: block;width:29%; font-size: 1.2rem; color:#FFF; font-weight: bold; height:3rem; line-height: 3rem; margin:2rem auto 0; padding-left:6.45rem; background:url("../images/wzbj2.png") no-repeat center;background-size: 100%; }
/**/
.ab{padding:3.5rem 3% 12%;}
.ab h3{text-align: center; font-size: 2.1rem; line-height: 2rem; color:#0e4a9e; font-weight: bold; height:4.1rem; background:url("../images/t1.png") no-repeat bottom center; background-size:42%; margin-bottom: 2rem;}
.ab dl dt{ height:20rem;}
.ab dl dt img{width:100%;}
.ab dl dd span{display: block; width:38%; height:5.5rem; margin:-4rem auto 2.3rem; }
.ab dl dd b{display: block;text-align: center; font-weight: normal; font-size: 1.3rem; color:#333333; margin-bottom: 1.3rem; line-height: 1.3rem;}
.ab dl dd p{ font-size: 1.1rem; color:#666666; line-height: 1.7rem; text-align: center;}
.ab dl dd p a{font-size: 1.1rem; color:#666666; margin-left:0.8rem;}
/**/
.fhdb{position: fixed; top:70%; right:0; z-index: 200;width: 15%;}