@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.06666666666667px;}}
@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;  
}


video{object-fit: fill;}

.m-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;}
.m-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; }


@font-face {
    font-family: 'OPPOSANS-B';
    src: url('../fonts/OPPOSANS-B_0.TTF')
  }
@font-face {
  font-family: 'OPPOSANS-H';
  src: url('../fonts/OPPOSANS-H_0.TTF')
}


/**/
.guide{padding:3.55rem 4% 3.55rem;}
.guide h2{text-align: center; margin-bottom: 1.45rem;}
.guide h2 span{display: block; line-height: 5.25rem;font-size: 2.4rem;color:#1a1a1a; font-weight: normal;}
.guide h2 i{display: block;width:3rem;height:0.05rem;background:#1550aa;margin:0 auto; }
.guide .gui-desc{line-height: 2.35rem; margin-bottom: 1.95rem;font-size: 1.3rem;color:#4c4c4c;}
.guide .gui-con{position: relative;margin-bottom: 1.95rem;}
.guide .gui-con i{display: block;width:100%; line-height: 0; overflow: hidden;}
.guide .gui-con i img{width:100%;}
.guide .gui-con span{display: block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); cursor: pointer;}
.guide .gui-con span em{display: block;width:4.45rem; line-height: 0;margin:0 auto ;box-shadow: 8px 0.65rem 1rem 0px rgba(0,0,0,0.19);border-radius: 50%;}
.guide .gui-con span em img{width:100%;}
.guide .gui-con span p{line-height: 3rem;font-size: 1.3rem;color:#ffffff; }
.guide .gui-bot ul li{float:left;width:50%; margin-bottom: 0.95rem; position: relative;}
.guide .gui-bot ul li:first-child:before,.guide .gui-bot ul li:nth-child(3):before{width:0.05rem;height:4.75rem;background:rgba(0,0,0,.15);content:"";position: absolute;right:0;top:0.55rem;}
.guide .gui-bot ul li span{display: block;height:3.55rem;text-align: center;}
.guide .gui-bot ul li span em{display: inline-block; line-height: 3.55rem;font-size: 3rem;color:#333333; font-family: 'OPPOSANS-B';}
.guide .gui-bot ul li span i{display: inline-block;font-size: 2.3rem;color:#333333;font-family: "OPPOSans"; vertical-align: top;font-family: 'OPPOSANS-B';}
.guide .gui-bot ul li:first-child span i{font-size: 1.2rem;}
.guide .gui-bot ul li p{line-height: 2.3rem;font-size: 1.3rem;color:#666666;text-align: center;}
/**/
.product{padding:4.4rem 4% 5rem;background:#F0F3F7;}
.product h2{text-align: center; margin-bottom: 1.7rem;}
.product h2 span{display: block; line-height: 3.55rem;font-size: 2.4rem;color:#1a1a1a;font-weight: normal;}
.product h2 em{display: block; line-height: 2.35rem;font-size: 1.2rem;color:#737373;font-weight: normal;margin-bottom: 0.65rem;}
.product h2 i{display: block;width:3rem;height:0.05rem;background:#1550aa;margin:0 auto;}
.product .pro-nav{height:5.4rem;}
.product .pro-nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.product .pro-nav ul li{height:3.9rem; line-height:3.9rem;position: relative;font-size: 1.3rem;color:#1a1a1a;}
.product .pro-nav ul li:before{width:0.05rem;height:1.35rem;background:rgba(0,0,0,.15);content:"";position: absolute;right:-1.65rem;top:1.35rem;}
.product .pro-nav ul li:last-child:before{display: none;}
.product .pro-nav ul li:after{width:100%;height: 0.75rem;position: absolute;left:0;bottom:0;content:"";}
.product .pro-nav ul li.cur{font-weight: bold;color:#f28500;}
.product .pro-nav ul li.cur:after{background:url(../images/pro-dbx.png) no-repeat center;background-size:1.05rem 0.75rem;}
.product .pro-con{background: #FFFFFF;box-shadow: 0.75rem 1.3rem 1.5rem 0px rgba(1,33,82,0.07);}
.product .pro-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.product .pro-con dl dt img{width:100%;}
.product .pro-con dl dd{padding:0.45rem 2.85rem 3rem;}
.product .pro-con dl dd h4{height:4rem; line-height: 4rem; text-align: center;border-bottom:0.05rem solid rgba(31,74,139,.15); margin-bottom: 2rem;}
.product .pro-con dl dd h4 a{font-size: 2rem;color:#1a1a1a;font-weight: bold;}
.product .pro-con dl dd p{ margin-bottom: 2rem;}
.product .pro-con dl dd p i{display:block;line-height: 2.3rem;font-size: 1.3rem;color:#4c4c4c;padding-left:1.25rem;background:url(../images/pro-dd.png) no-repeat left 0.9rem;background-size:0.5rem 0.5rem;}
.product .pro-con dl dd p i:first-child{background:0;margin-bottom:0.75rem;padding-left:0;}
.product .pro-con dl dd span{display: block;height:4rem;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.product .pro-con dl dd span a{display: block;width: 14rem;height:4rem;border-radius: 0px 2rem 2rem 2rem;border: 1px solid rgba(21,80,170,.25); box-sizing: border-box; text-align: center;}
.product .pro-con dl dd span a i{display: inline-block; line-height: 3.9rem;font-size: 1.3rem;color:#1550aa;padding-right:1.9rem;background:url(../images/pto-jt.png) no-repeat right;background-size:1.15rem 1.15rem;}
/**/
.dzbj{height:21.5rem;background:url(../images/dzbj.jpg) no-repeat center;background-size:100% 100%;padding:4.3rem 4% 0; box-sizing: border-box;}
.dzbj h2{text-align: center; margin-bottom: 1.65rem;}
.dzbj h2 span{display: block; line-height: 3.55rem;font-size: 2.3rem;color:#ffffff; font-weight: normal;}
.dzbj h2 em{display: block;height:2.85rem;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.dzbj h2 em i{display: block; line-height: 2.85rem;padding-left:2rem;background:url(../images/dz-ico.png) no-repeat left;background-size:1.45rem 1.5rem;font-size: 1.2rem;color:#ffffff;}
.dzbj strong{display: block;width:14rem;height:4rem;background:#FFFFFF;border-radius: 2rem;margin:0 auto;}
.dzbj strong a{display: block;height:4rem; text-align: center;}
.dzbj strong a i{display: inline-block; line-height: 4rem;font-size: 1.3rem;color:#1550aa;padding-right:2.9rem;background:url(../images/dz-kf.png) no-repeat right;background-size:2rem 2rem;}
/**/
.super{padding:4.45rem 4% 5rem;}
.super h2{text-align: center; margin-bottom: 2.5rem;}
.super h2 span{display: block; line-height: 3.55rem;font-size: 2.4rem;color:#1a1a1a; font-weight: normal;}
.super h2 em{display: block; line-height: 2.35rem;font-size: 1.2rem;color:#737373; font-weight: normal; margin-bottom: 0.65rem;}
.super h2 i{display: block;width:3rem;height:0.05rem;background:#1550aa;margin:0 auto;}
.super .sup-con{padding:0 2.25rem;}
.super .sup-con .sup-list{padding-bottom:3.15rem;}
.super .sup-con .sup-txt{width:100%; position: relative;}
.super .sup-con .sup-txt span{display: block;width:100%; line-height: 0; overflow: hidden;}
.super .sup-con .sup-txt span img{width:100%;}
.super .sup-con .sup-txt .hover{width:100%;position: absolute;left:0;top:0;padding:4.55rem 0 0; box-sizing: border-box;}
.super .sup-con .sup-txt .hover h4{text-align: center;margin-bottom:1rem;}
.super .sup-con .sup-txt .hover h4 em{display: inline-block; line-height: 2.6rem;position: relative;}
.super .sup-con .sup-txt .hover h4 em:before{width:100%;height:0.5rem;background:#f28500;content:"";position: absolute;left:0;bottom:0;}
.super .sup-con .sup-txt .hover h4 em i{display: block;font-size: 2rem;color:#ffffff;z-index:200;position: relative;font-weight: bold;}
.super .sup-con .sup-txt .hover p{width:21.5rem; line-height: 2.2rem;font-size: 1.3rem;color:#ffffff;margin:0 auto;transition: .5s;padding-top:2.05rem; text-align: left;}
.super .sup-list .swiper-pagination{bottom:0; line-height: 0;}
.super .sup-list .swiper-pagination .swiper-pagination-bullet{width:1.15rem;height:1.15rem;border: 0.35rem solid #B3B3B3;border-radius: 50%;margin:0 0.4rem;box-sizing: border-box;background:0;}
.super .sup-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 0.35rem solid #1550AA;}
/**/
.case{padding:4.45rem 2.4rem 0;height:49.25rem;background:url(../images/casebj.jpg) no-repeat center; background-size:100% 100%;}
.case h2{ line-height: 3.4rem;text-align: center;font-size: 2.4rem;color:#FFF; margin-bottom: 0.9rem;font-weight: normal;}
.case .cas-desc{line-height: 2.25rem; margin-bottom: 3.4rem;font-size: 1.3rem;color:#ffffff; text-align: center;}
.case .cas-ul{margin-bottom: 2.15rem;}
.case .cas-ul ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.case .cas-ul ul li{width: 10.65rem; line-height: 0; overflow: hidden; margin-bottom: 0.35rem;border-radius: 0.15rem; }
.case .cas-ul ul li img{width:100%;}
.case strong{display: block;width:16rem;height:4rem;background:#1550AA;margin:0 auto;border-radius: 0px 2rem 2rem 2rem;}
.case strong a{display: block; height:4rem; text-align: center;}
.case strong a i{display: inline-block; line-height: 4rem;font-size: 1.3rem;color:#ffffff;font-weight: normal;padding-right:1.85rem;background:url(../images/cas-jt.png) no-repeat right;background-size:1.15rem 1.15rem;}
/**/
.news{padding:4.45rem 4% 4.2rem;}
.news h2{text-align: center; margin-bottom: 1.5rem;}
.news h2 span{display: block; line-height: 3.45rem;font-size: 2.4rem;color:#1a1a1a;font-weight: normal;}
.news h2 em{display: block; line-height: 2.35rem;font-size: 1.2rem;color:#737373; font-weight: normal; margin:0 auto 0.65rem;}
.news h2 i{display: block;width:3rem;height:0.05rem;background:#1550AA;margin:0 auto;}
.news .news-top{ margin-bottom: 1.75rem;}
.news .news-top dl{padding:1.5rem 0;border-bottom:0.05rem solid rgba(0,0,0,.15);}
.news .news-top dl dt{width:12.3rem; line-height: 0; overflow: hidden;float:left;}
.news .news-top dl dt img{width:100%;}
.news .news-top dl dd{float:right;width:20.3rem;padding-top:0.15rem;}
.news .news-top dl dd i{display: block; line-height: 1.65rem; margin-bottom: 0.4rem;font-size: 1.1rem;color:#bfbfbf; font-family: "OPPOSans-B";}
.news .news-top dl dd h4 a{display: block; line-height: 2.1rem;font-size: 1.4rem;color:#333333; font-weight: normal;}
.news ul li{height:2.8rem;}
.news ul li em{display: block; width:25.15rem;line-height: 2.8rem;float:left;padding-left:1.45rem; box-sizing: border-box;background:url(../images/news-jt.png) no-repeat left;background-size:0.5rem 0.8rem;font-size: 1.3rem;color:#333333;}
.news ul li i{display: block;float:right; line-height: 2.8rem;font-size: 1.1rem;color:#bfbfbf;}
/**/
.about{height:54rem;background:url(../images/abobj.jpg) no-repeat center;background-size:100% 100%;padding:4.5rem 4% 0; box-sizing: border-box;}
.about h2{line-height: 3.35rem; text-align: center;font-size: 2.4rem;color:#1a1a1a; margin-bottom: 0.95rem;}
.about .abo-desc{line-height: 2.3rem; margin-bottom: 2.5rem; margin-bottom: 2.5rem; text-align: center;font-size: 1.3rem; color:#333333;}
.about strong{display: block;width:14rem; height:4rem;background:#1550AA;border-radius: 0px 2rem 2rem 2rem;margin:0 auto;}
.about strong a{display: block; text-align: center;}
.about strong a i{display: inline-block; line-height: 4rem;font-size: 1.3rem;color:#ffffff;padding-right:1.9rem;background:url(../images/cas-jt.png) no-repeat right;background-size:1.15rem 1.15rem;font-weight: normal;}