@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:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


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




.banner .swiper-pagination .swiper-pagination-bullet{ width:0.6rem; height:0.6rem; background:rgba(255,255,255,0.5);border-radius: 50%;margin:0 0.575rem;transition:0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.4rem; height:0.6rem; background:rgba(255,255,255,1);border-radius: 30px; }
/**/
.guide{height:47.55rem; background:#F4F4F4;}
.gui{padding:3.3rem 4% 0;}
.gui .gui-tit{width:90%;height:8.0rem;border:0.35rem solid #0065FF; box-sizing: border-box;position: relative;padding:1.2rem 0 0 1.75rem; margin-bottom: 2.1rem;}
.gui .gui-tit span{display:block; height:2.85rem; line-height: 2.85rem;font-size: 2.1rem; color:#0065FF; font-weight: bold;position: relative;}
.gui .gui-tit span:before{width:4.5rem;height:0.4rem;background:#0065FF;content:""; position:absolute; right:-2.4rem; top:1.2rem;}
.gui .gui-tit span i{font-weight: normal;}
.gui .gui-tit em{display:block; height:2.15rem; line-height: 2.15rem; font-size: 1.3rem;color:#333333; font-weight: normal;}
.gui .gui-vid{height:19.8rem; line-height: 0; overflow:hidden;margin-bottom: 0.5rem;}
.gui .gui-vid img{width:100%; height:100%;}
.gui .gui-desc{ line-height: 1.8rem;font-size: 1.2rem; color:#666666; margin-bottom: 0.85rem;}
.gui strong{display:inline-block;font-size: 1.5rem; color:#0065FF; font-weight: bold; line-height: 1.7rem;border-bottom:0.1rem solid #0065ff;}
/**/
.product{height:70.55rem; }
.pro{padding:2.35rem 4% 0;}
.pro h2{text-align: center; margin-bottom: 1.05rem;}
.pro h2 span{display:block; height:3.3rem; line-height: 3.3rem;font-size: 2.75rem;color:#32353B; font-weight: bold;}
.pro h2 span i{font-weight: normal;}
.pro h2 span b{color:#0065ff;}
.pro h2 em{display:block; height:1.8rem; line-height: 1.8rem;font-size: 1.2rem; color:#666666;}
.pro .pro-nav{height:5.65rem;margin-left:24%;}
.pro .pro-nav li{float:left;width:32.4%;height:3.4rem;line-height:3.4rem;background:#363D49;margin:0 0 0.5rem 0.45rem;background:#363D49; text-align: center; overflow:hidden;}
.pro .pro-nav li a{display:block;font-size: 1.2rem;color:#FFFFFF;}
.pro .pro-nav li:first-child,.pro ul li:nth-child(4){margin-left: 0;}
.pro .pro-nav li:hover{background:#0043A9;}
.pro .pro-ul{margin-bottom: 0.4rem;}
.pro .pro-ul ul li{float:left;width:48.4%; margin-bottom: 1.05rem;}
.pro .pro-ul ul li span{display:block;width:100%; line-height: 0;border:0.05rem solid #d7d8db;border-bottom:0;}
.pro .pro-ul ul li span img{width:100%;}
.pro .pro-ul ul li em{display:block; height:2.5rem; line-height: 2.5rem; text-align: center;font-size: 1.2rem;color:#666666;border:0.05rem solid #d7d8db;width:100%;}
.pro .pro-ul ul li:nth-child(2n){float:right;}
.pro strong{display:block; width:42.3%;height:2.85rem;background:#0065FF;border-radius: 1.45rem;margin:0 auto; text-align: center; line-height: 2.85rem;}
.pro strong a{display:block;font-size: 1.2rem;color:#FFFFFF; font-weight: normal;}
/**/
.super{height:42.2rem;background:url(/images/super.jpg) no-repeat center top;background-size:100% 100%;}
.sup{padding:2.7rem 4% 0;}
.sup h2{text-align: center; margin-bottom: 1.65rem;}
.sup h2 span{display:block; height:3.35rem; line-height: 3.35rem;font-size: 2.75rem;color:#FFFFFF; font-weight: bold;}
.sup h2 em{display:block; height:1.85rem; line-height: 1.85rem;font-size:1.2rem;color:#FFFFFF; font-weight: normal;}
.sup .sup-list ul li{float:left;width:48.4%;height:26.25rem;background:#FFFFFF;padding:0.85rem 0.9rem 0 0.95rem; box-sizing: border-box;}
.sup .sup-list ul li dl dt{ height:10.45rem;}
.sup .sup-list ul li dl dt span{display:block;width:100%;line-height: 0;}
.sup .sup-list ul li dl dt span img{width:100%; height:100%;}
.sup .sup-list ul li dl dd{padding-top:0.7rem;}
.sup .sup-list ul li dl dd h4{height:3.25rem; line-height: 3.25rem; text-align: center;font-size: 1.5rem;color:#333333; font-weight: bold;}
.sup .sup-list ul li dl dd i{display:block; width:1.2rem;height:0.05rem; background:#BFBFBF; margin:0 auto 0.35rem;}
.sup .sup-list ul li dl dd p{line-height: 1.75rem;height:5.25rem;margin-bottom:1.05rem;text-align: center;font-size: 1.2rem;color:#666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.sup .sup-list ul li dl dd span{display:block; width:58.3%; height:2.3rem;background:#0043A9; text-align: center; line-height: 2.3rem;border-radius:1.15rem;margin:0 auto;}
.sup .sup-list ul li dl dd span a{display:block;}
.sup .sup-list ul li dl dd span em{display:inline-block; height:2.3rem; line-height: 2.3rem;font-size: 0.9rem;color:#FFF;padding-right:1.85rem;background:url(/images/sup-zx-white.png) no-repeat right;background-size:22%;}
.sup .sup-list ul li:last-child{float:right;}
.sup .sup-hd{width:6.65rem;height:1.55rem;margin:2.1rem auto 0; position: relative;}
.sup .sup-hd:before{width:14.65rem;height:0.1rem;background:#FFF;content:""; position:absolute; left:-15.75rem;top:0.75rem;}
.sup .sup-hd:after{width:14.65rem;height:0.1rem;background:#FFF;content:""; position:absolute; right:-15.75rem;top:0.75rem;}
.sup .sup-hd li{float:left; width:1.55rem; height:1.55rem; margin:0 0.3rem;background:#FFFFFF;border-radius: 50%; text-align: center; line-height: 1.55rem;font-size: 0.8rem;color:#333333;font-weight: bold; font-family: "Acrom";}
.sup .sup-hd li.s-on{background:#00B4FF;color:#FFF;}
/**/
.case{height:52.3rem;background:url(/images/casebj.jpg) no-repeat center top;background-size:100% 100%;}
.cas{padding-top:3.2rem;}
.cas h2{text-align: center; padding-bottom:1.65rem; background:url(/images/cas-xt.png) no-repeat bottom center; background-size:100%; margin-bottom: 1.2rem;}
.cas h2 span{display:block; height:3.35rem; line-height: 3.35rem;font-size: 2.5rem;color:#32353B;font-weight: bold;}
.cas h2 span i{font-weight: normal;}
.cas h2 span b{color:#0065ff;}
.cas h2 em{display:block; height:1.8rem; line-height: 1.8rem;font-size: 1.2rem;font-weight: normal;color:#666666;}
.cas .cas-desc{font-size: 1.1rem;color:#666666; line-height: 1.7rem;margin-bottom: 1.7rem;text-align: center;padding:0 4%;}
.cas .cas-nav{height:6.1rem;}
.cas .cas-nav ul li{float:left; width:20%; height:4.35rem;border-right:0.05rem solid #d6d7d8;box-sizing: border-box;}
.cas .cas-nav ul li em{display:block; width:2.2rem;height:2.15rem; margin:0 auto;position: relative;}
.cas .cas-nav ul li em i{display:block; width:2.2rem; height:2.15rem; position:absolute;}
.cas .cas-nav ul li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.cas .cas-nav ul li em i.hover{opacity: 0; transform: scale(0);transition: .5s;}
.cas .cas-nav ul li:hover em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.cas .cas-nav ul li:hover em i.hover{opacity: 1; transform: scale(1);}
.cas .cas-nav ul li span{display:block; height:2.2rem;line-height: 2.2rem;text-align: center;font-size: 1.2rem;color:#333333;}
.cas .cas-nav ul li:last-child{border-right:0;width:20%;}
.cas .cas-nav ul li:hover span{color:#0065FF;font-weight: bold;}
.cas .cas-con{width:84%;margin:0 auto;position: relative;}
.cas .cas-con .cas-list{margin-bottom: 1.95rem;position: relative;}
.cas .cas-con .cas-list ul li{float:left; width:48.8%; position: relative;}
.cas .cas-con .cas-list ul li span{display:block; width:100%; height:100%;}
.cas .cas-con .cas-list ul li span img{width:100%; height:100%;}
.cas .cas-con .cas-list ul li:last-child{float:right;}
.cas .cas-con .cas-list ul li .cas-tit{width:100%;height:12.15rem;background:url(/images/cas-yy.png) no-repeat center;background-size:100% 100%; position:absolute; left:0;bottom:0;padding-top:7.9rem; box-sizing: border-box;}
.cas .cas-con .cas-list ul li .cas-tit em{display:block; height:2.1rem; line-height: 2.1rem; text-align: center;font-size: 1.2rem;color:#FFFFFF;padding-top:1.6rem;}
.cas .cas-con .cas-list ul li .cas-tit .cas-ico1{background:url(/images/cas-io1.png) no-repeat center top;background-size:13%;}
.cas .cas-con .cas-list ul li .cas-tit .cas-ico2{background:url(/images/cas-io2.png) no-repeat center top;background-size:13%;}
.cas .cas-con .cas-list ul li .cas-tit .cas-ico3{background:url(/images/cas-io3.png) no-repeat center top;background-size:13%;}
.cas .cas-con .cas-list ul li .cas-tit .cas-ico4{background:url(/images/cas-io4.png) no-repeat center top;background-size:13%;}
.cas .cas-con .cas-list ul li .cas-tit .cas-ico5{background:url(/images/cas-io5.png) no-repeat center top;background-size:13%;}
.cas .cas-con .cas-list ul li .cas-tit .cas-ico6{background:url(/images/cas-io6.png) no-repeat center top;background-size:13%;}
.cas .cas-con .cas-list .cas-jt i{display:block; width:1.65rem;height:1.65rem;z-index:200;}
.cas .cas-con .cas-list .cas-jt .cas-prev{background:url(/images/cas-prev.png) no-repeat center;background-size:100% 100%;position:absolute; left:-2.25rem;top:10.25rem;}
.cas .cas-con .cas-list .cas-jt .cas-next{background:url(/images/cas-next.png) no-repeat center;background-size:100% 100%;position:absolute; right:-2.25rem;top:10.25rem;}
.cas .cas-con .cas-tel{height:2.4rem;}
.cas .cas-con .cas-tel b{display:inline-block; height:2.4rem; line-height: 2.4rem;font-size: 1.2rem;color:#666666;padding-left:2.45rem;background:url(/images/cas-tel.png) no-repeat left; background-size:20%;font-weight: normal;}
.cas .cas-con .cas-tel em{display:inline-block; height:2.4rem; line-height: 2.4rem; vertical-align: top;}
.cas .cas-con .cas-tel em a{font-size: 1.8rem; color:#333333;font-family: "Acrom";}
.cas .cas-con .cas-tel span{display:block; width:27.9%;height:2.4rem; background:#0065FF;border-radius: 1.2rem;float:right;}
.cas .cas-con .cas-tel span a{display:block;text-align: center;}
.cas .cas-con .cas-tel span i{display:inline-block; height:2.4rem; line-height: 2.4rem;font-size: 0.8rem;color:#FFFFFF;padding-left:1.6rem;background:url(/images/cas-zx.png) no-repeat left 0.8rem; background-size:23%;}
/**/
.ysbj{height:63.75rem;}
.ys{padding:2.5rem 4% 0;}
.ys h2{text-align: center; margin-bottom: 1.55rem;}
.ys h2 span{display:block; height:3.4rem; line-height: 3.4rem;font-size: 2.55rem;color:#32353B;font-weight: bold;}
.ys h2 span i{font-weight: normal;}
.ys h2 span b{color:#0043A9;}
.ys h2 em{display:block; height:1.8rem; line-height: 1.8rem;font-size: 1.2rem;font-weight: normal;color:#666666;}
.ys .ys-nav{height:9.35rem;}
.ys .ys-nav ul li{float:left;width:22.5%; height:7.75rem;text-align: center; line-height: 7.75rem;background:url(/images/ys-nav.png) no-repeat center;background-size:100%;font-size: 1.8rem;color:#FFFFFF; font-weight: bold; margin-left: 1rem;}
.ys .ys-nav ul li:first-child{margin-left: 0;}
.ys .ys-nav ul li.y-on{background:url(/images/ys-nav_h.png) no-repeat center;background-size:100%;}
.ys .ys-list{padding-bottom:3.4rem;}
.ys .ys-list dl dt{height:23.05rem; line-height: 0;overflow:hidden;}
.ys .ys-list dl dt img{width:100%;height:100%;}
.ys .ys-list dl dd{padding-top:1.8rem;}
.ys .ys-list dl dd .ys-tit{height:5.3rem;border-bottom:0.1rem solid #c0c3c6;margin-bottom: 0.7rem;}
.ys .ys-list dl dd .ys-tit i{display:block; height:4.3rem; line-height: 4.3rem; margin-right: 1.0rem;float:left;font-size: 5.0rem;color:#3D4245; font-family: "Arial";}
.ys .ys-list dl dd .ys-tit span{display:block; float:left;}
.ys .ys-list dl dd .ys-tit span em{display:block;height:3.2rem; line-height: 3.2rem;font-size: 2.75rem;color:#0065FF; font-weight: bold;letter-spacing: 0.3rem;}
.ys .ys-list dl dd .ys-tit span p{height:1.1rem; line-height: 1.1rem;font-size: 0.8rem;color:#131313;font-family: Acrom;}
.ys .ys-list dl dd strong{display:block; height:2.65rem; line-height: 2.65rem;font-size: 1.35rem;color:#333333;margin-bottom: 0.1rem;}
.ys .ys-list dl dd ul{padding-left:1.0rem; margin-left: 0.1rem;background:url(/images/ys-xt.png) no-repeat left 0.7rem;background-size:1.5%;}
.ys .ys-list dl dd ul li{ line-height: 2.35rem;font-size: 1.2rem;color:#464646;}
.ys .ys-list .swiper-pagination{bottom:0;}
.ys .ys-list .swiper-pagination .swiper-pagination-bullet{width:0.95rem; height:0.95rem; background:#2D2F39; transition:.5s;margin:0 0.5rem;}
.ys .ys-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:2.85rem;height:0.95rem;background:#0065FF;border-radius: 0.5rem;}
.ys .shou{width:47.2%;height:2.45rem;background:url(/images/ys-shou.png) no-repeat center; background-size:100%;margin:-2rem auto 0;}
/**/
.lcbj{height:58.55rem;background:url(/images/lcbj.png) no-repeat center top;background-size:100%;}
.lc{padding:2.5rem 4% 0;}
.lc h2{text-align: center; margin-bottom: 1.45rem;}
.lc h2 span{display:block; height:3.3rem; line-height: 3.3rem;font-size: 2.55rem;color:#32353B;font-weight: bold;}
.lc h2 span i{font-weight: normal;}
.lc h2 span b{color:#0043A9;}
.lc h2 em{display:block; height:1.7rem; line-height: 1.7rem;font-size: 1.2rem;font-weight: normal;color:#666666;}
.lc ul{margin-bottom: 0.95rem;}
.lc ul li{float:left;width:32.1%; margin-left: 0.6rem;}
.lc ul li:first-child,.lc ul li:nth-child(4){margin-left: 0;}
.lc ul li dl dt{width:100%;height:13.65rem; line-height: 0;}
.lc ul li dl dt img{width:100%;}
.lc ul li dl dd{height:10.35rem;}
.lc ul li dl dd em{display:block; width:4.9rem; height:4.9rem;margin:-2.5rem auto 0;background:#FFF;padding:0.5rem;box-sizing: border-box;position: relative;border-radius: 50%;}
.lc ul li dl dd em i{display:block; width:100%;height:3.9rem;background:#0065ff;border-radius: 50%;}
.lc ul li dl dd em i img{width:100%;}
.lc ul li dl dd span{display:block; text-align: center;}
.lc ul li dl dd span i{display:block;height:1.8rem; line-height: 1.8rem;font-size: 1.5rem; color:#0065FF;}
.lc ul li dl dd span p{height:1.8rem; line-height: 1.8rem; font-size: 1.2rem; color:#333333;}
.lc .cas-tel{height:2.4rem;width:89.8%; margin:0 auto;}
.lc .cas-tel b{display:inline-block; height:2.4rem; line-height: 2.4rem;font-size: 1.2rem;color:#666666;padding-left:2.45rem;background:url(/images/cas-tel.png) no-repeat left; background-size:20%;font-weight: normal;}
.lc .cas-tel em{display:inline-block; height:2.4rem; line-height: 2.4rem; vertical-align: top;}
.lc .cas-tel em a{font-size: 1.8rem; color:#333333;font-family: "Acrom";}
.lc .cas-tel span{display:block; width:27.9%;height:2.4rem; background:#0065FF;border-radius: 1.2rem;float:right;}
.lc .cas-tel span a{display:block;text-align: center;}
.lc .cas-tel span i{display:inline-block; height:2.4rem; line-height: 2.4rem;font-size: 0.8rem;color:#FFFFFF;padding-left:1.6rem;background:url(/images/cas-zx.png) no-repeat left 0.8rem; background-size:23%;}
/**/
.newsbj{height:43.05rem;}
.news{padding:2.5rem 4% 0;}
.news h2{text-align: center; margin-bottom:1.45rem;}
.news h2 span{display:block; height:3.3rem; line-height: 3.3rem; font-size: 2.55rem; color:#32353B; font-weight: bold;}
.news h2 span b{color:#0065ff;}
.news h2 em{display:block; height:1.85rem; line-height: 1.85rem;font-size: 1.2rem;color:#666666;}
.news .n-cnt{width:92.7%; height:4.9rem;margin:0 auto;}
.news .n-cnt li{float:left; width:30.7%; height:2.95rem; line-height: 2.95rem; text-align: center;margin:0 0.4rem;background:#00B4FF;border-radius: 1.5rem;font-size: 1.2rem;color:#FFFFFF;}
.news .n-cnt li.n-on{background:#0065FF;}
.news .news-list dl{margin-bottom: 0.75rem;}
.news .news-list dl dt{height:21.35rem; line-height: 0;overflow:hidden;}
.news .news-list dl dt img{width:100%; height:100%;}
.news .news-list dl dd{height:8.45rem;background:#F3F3F3;padding:0.85rem 1.7rem 0 1.7rem; box-sizing: border-box;}
.news .news-list dl dd h4{height:2.3rem; line-height: 2.3rem;margin-bottom: 0.3rem;}
.news .news-list dl dd h4 a{font-size: 1.2rem;color:#2E3138; font-weight: bold;}
.news .news-list dl dd p{line-height: 1.8rem;font-size: 1.2rem;color:#717171;}
.news .news-list ul li{height:3.4rem; line-height: 3.4rem;border-bottom:0.05rem dashed #b0b0b0;}
.news .news-list ul li a{display:block;padding-left:1.1rem;background:url(/images/news-yq.png) no-repeat left;background-size:1.5%;font-size: 1.2rem;color:#575757;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-list ul li:last-child{border-bottom:0;}
/**/
.about{height:37.1rem;}
.about .abo-pic{height:22.8rem; line-height: 0; overflow:hidden;}
.about .abo-pic img{width:100%; height:100%;}
.about .abo-desc{width:92%; height:14.75rem;background:#FFF;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.16);padding:0.95rem 1.3rem 0;margin: -4.05rem auto 0;position: relative; box-sizing: border-box;}
.about .abo-desc h4{height:3.8rem; line-height: 3.8rem;text-align: center; }
.about .abo-desc h4 a{font-size: 1.5rem;color:#0141A3; font-weight: bold;}
.about .abo-desc i{display:block; width:1.85rem;height:0.05rem; background:#858585;margin:0 auto 0.95rem;}
.about .abo-desc p{line-height: 1.8rem;font-size: 1.2rem;color:#666666;text-align: center;}
.about .abo-desc p a{font-size: 1.2rem;color:#0141A3;}