@charset "utf-8";
/*end*/
body{overflow-x:hidden;overflow-y:hidden;}

.layui-layer-page .layui-layer-content{overflow: visible!important;}




/**/
.guide{height:44.75rem;background:url(../images/guide.jpg) no-repeat center;background-size:100% 44.75rem;padding-top:4.45rem; box-sizing: border-box;}
.guide .gui-top{height:25.15rem;}
.guide .gui-top .left{width:28.7rem;float:left;}
.guide .gui-top .left h4{height:5.7rem; line-height: 5.7rem; margin-bottom: 1.5rem;font-size: 2.6rem;color:#333333;font-weight: normal; position: relative;}
.guide .gui-top .left h4:before{width:3.4rem;height:.1rem; background:#d1d1d1; content:""; position: absolute;left:0;bottom:0;}
.guide .gui-top .left p{line-height: 1.75rem; margin-bottom: 2rem;font-size: .8rem;color:#666666;}
.guide .gui-top .left span{display: block;width:11rem;height:2.5rem; border:.05rem solid #e3e3e3; box-sizing: border-box;transition: .5s;}
.guide .gui-top .left span a{display: block; height:2.4rem; text-align: center; position: relative;}
.guide .gui-top .left span a i{display: inline-block;line-height:2.4rem;font-size: .8rem;color:#666666;padding-right:1.45rem;background:url(../images/gui-jt.png) no-repeat right;background-size:.95rem .25rem; font-weight: normal; z-index:300; position: relative; transition: .5s;}
.guide .gui-top .left span a:before{width:0;height:2.4rem;background:#002D61;content:""; position: absolute; left:0;top:0; transition: .5s;}
.guide .gui-top .left span:hover{border:.05rem solid #002D61;}
.guide .gui-top .left span:hover a:before{width:100%;}
.guide .gui-top .left span:hover i{color:#FFF;background:url(../images/gui-jt_h.png) no-repeat right;background-size:.95rem .25rem;}
.guide .gui-top .rig{width:35.6rem;float:right;padding-top:1.3rem; margin-right: -1.15rem;}
.guide .gui-top .rig ul li{float:left; width:50%; margin-bottom: 2.9rem;padding-left:2.05rem; box-sizing: border-box;border-left:.05rem solid #e3e3e3;}
.guide .gui-top .rig ul li span{display: block; height:3.75rem;}
.guide .gui-top .rig ul li span em{display: inline-block; line-height: 3.75rem;font-size: 3.5rem;color:#333333; font-family: "OPPOSans";font-weight: bold;}
.guide .gui-top .rig ul li span i{display: inline-block;font-size: .9rem;color:#333333;font-weight: bold; vertical-align: bottom; margin-bottom: .45rem;}
.guide .gui-top .rig ul li p{line-height: 1.6rem;font-size: .9rem;color:#666666;}
.guide .gui-top .rig ul li:nth-child(5),.guide .gui-top .rig ul li:last-child{margin-bottom:0;}
.guide .gui-bot .gui-tit{height:4.1rem;}
.guide .gui-bot .gui-tit h4{line-height: 4.1rem;float:left;font-size: 1.1rem;color:#333333; font-weight: normal; margin-right: 2.3rem;}
.guide .gui-bot .gui-tit em{display: block;width:53rem; height:.05rem;background: #E6E6E6; float:left; margin-top: 2.05rem;}
.guide .gui-bot .gui-tit .gui-jt{width:4.2rem;float:right; margin-top: 1.15rem;}
.guide .gui-bot .gui-tit .gui-jt i{display: block;width:1.85rem;height:1.85rem;float:left; cursor: pointer;}
.guide .gui-bot .gui-tit .gui-jt i.gui-prev{background:url(../images/gui-prev.png) no-repeat center;}
.guide .gui-bot .gui-tit .gui-jt i.gui-next{background:url(../images/gui-next.png) no-repeat center;float:right;}
.guide .gui-list .gui-con{width:100%;}
.guide .gui-list .gui-con span{display: block;width:100%; line-height: 0; overflow: hidden;}
.guide .gui-list .gui-con span img{width:100%;}
.guide .gui-list .gui-con em{display: block; line-height: 2.7rem;font-size: .8rem;color:#666666;text-align: center;}
/**/
.product{padding:3.05rem 0 1.35rem;}
.product .pro-tit{height:6.5rem;}
.product .pro-tit h2{float:left; line-height: 6.5rem;height: 6.5rem;}
.product .pro-tit h2 a{font-size: 2.6rem;color:#333333; font-weight: normal;}
.product .pro-tit .pro-nav{width:37.55rem;float:right; margin-right: -2rem;}
.product .pro-tit .pro-nav ul li{float:left;width:20%; height:6.5rem; line-height: 6.5rem; text-align: center;position: relative;}
.product .pro-tit .pro-nav ul li:before{width:.05rem;height:1.1rem; background:#d1d1d1;content:""; position: absolute;right:0;top:2.7rem;}
.product .pro-tit .pro-nav ul li:last-child:before{display: none;}
.product .pro-tit .pro-nav ul li a{font-size: 1.1rem;color:#4c4c4c;}
.product .pro-tit .pro-nav ul li.cur a,.product .pro-tit .pro-nav ul li:last-child:hover a{color:#002d61;font-weight: bold;}
.product .pro-list dl{background: url(../images/pro-picbj.jpg) no-repeat center;background-size:100% 100%; margin-bottom: .5rem;}
.product .pro-list dl dt{width:44rem; line-height: 0; overflow: hidden;float:left;}
.product .pro-list dl dt img{width:100%; transition: 1s;}
.product .pro-list dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.product .pro-list dl dd{width: 21.3rem;float:left; padding-top:5.2rem;margin-left: 1.75rem;}
.product .pro-list dl dd h4{line-height: 2.65rem; margin-bottom: 1.15rem;}
.product .pro-list dl dd h4 a{font-size: 1.9rem;color:#1a1a1a; font-weight: normal;}
.product .pro-list dl dd .pro-desc{margin-bottom: 2.1rem;}
.product .pro-list dl dd .pro-desc p{margin-bottom: 1.2rem; line-height: 1.65rem;font-size: .8rem;color:#4c4c4c;}
.product .pro-list dl dd .pro-desc p strong{display: block;width:2.2rem;float:left;}
.product .pro-list dl dd .pro-desc p i{display: block;width:18.5rem;float:left;color:#4c4c4c}
.product .pro-list dl dd span{display: block;width:11rem;height:2.5rem; border:.05rem solid rgba(0,0,0,.1); box-sizing: border-box;transition: .5s;}
.product .pro-list dl dd span a{display: block; height:2.4rem; text-align: center; position: relative;}
.product .pro-list dl dd span a i{display: inline-block;line-height:2.4rem;font-size: .8rem;color:#666666;padding-right:1.45rem;background:url(../images/gui-jt.png) no-repeat right;background-size:.95rem .25rem; font-weight: normal; z-index:300; position: relative; transition: .5s;}
.product .pro-list dl dd span a:before{width:0;height:2.4rem;background:#002D61;content:""; position: absolute; left:0;top:0; transition: .5s;}
.product .pro-list dl dd span:hover{border:.05rem solid #002D61;}
.product .pro-list dl dd span:hover a:before{width:100%;}
.product .pro-list dl dd span:hover i{color:#FFF;background:url(../images/gui-jt_h.png) no-repeat right;background-size:.95rem .25rem;}
.product .pro-list ul li{float:left; width:17.9rem;height:15.5rem; margin-right: .5rem;}
.product .pro-list ul li .probj{width:100%; height:100%; position: relative;}
.product .pro-list ul li .probj span{display: block;width:100%; line-height: 0; overflow: hidden;}
.product .pro-list ul li .probj span img{width:100%; transition: 1s;}
.product .pro-list ul li .probj h4{width:100%; line-height: 4.1rem; padding-left:1.5rem; box-sizing: border-box;font-size: 1.1rem;color:#333333; font-weight: normal; position: absolute;left:0;top:0;}
.product .pro-list ul li:first-child{background:url(../images/pro-pcbj1.jpg) no-repeat center;background-size:100% 100%;}
.product .pro-list ul li:nth-child(2){background:url(../images/pro-pcbj2.jpg) no-repeat center;background-size:100% 100%;}
.product .pro-list ul li:nth-child(3){background:url(../images/pro-pcbj3.jpg) no-repeat center;background-size:100% 100%;}
.product .pro-list ul li.last{width:14.8rem;height:15.5rem;background:url(../images/pro-txt.jpg) no-repeat center; margin-right: 0;padding:2.25rem 2.15rem 0; box-sizing: border-box;}
.product .pro-list ul li.last h5{ line-height: 2.15rem;font-size: 1.5rem;color:#ffffff; font-weight: normal;margin-bottom: .35rem;}
.product .pro-list ul li.last p{ line-height: 1.45rem; margin-bottom: 1.4rem;font-size: .8rem;color:#ffffff;}
.product .pro-list ul li.last span{display: block;height:2.3rem;border:.05rem solid rgba(255,255,255,.16); box-sizing: border-box; transition: .5s;}
.product .pro-list ul li.last span a{display: block;line-height:2.2rem;text-align: center;font-size: .75rem;color:#ffffff;}
.product .pro-list ul li.last span:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
.product .pro-list ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
    
.swiper-slide.probj3 ul li:nth-child(1){width:27.1rem;background:url(../images/probj3_1.jpg) no-repeat center;background-size:100% 100%;} 
.swiper-slide.probj3 ul li:nth-child(2){width:27.1rem;background:url(../images/probj3_2.jpg) no-repeat center;background-size:100% 100%;} 

.product .pro-list .pro-jt i{display:block;width:3.5rem; height:3.5rem;cursor:pointer;z-index:200;}
.product .pro-list .pro-jt i.pro-prev{background:url(../images/pro-prev.png) no-repeat center;background-size:3.5rem 3.5rem;position:absolute;left:0;top:15rem;}
.product .pro-list .pro-jt i.pro-next{background:url(../images/pro-next.png) no-repeat center;background-size:3.5rem 3.5rem;position:absolute;right:0;top:15rem;}
    
    
/**/
.ban{height:15.15rem;}
.ban .banbj{height:15.15rem;background:url(../images/ban.jpg) no-repeat center;background-size:100% 15.15rem;padding:5.95rem 0 0 2.95rem; box-sizing: border-box;}
.ban span{display: block;float:left; line-height: 2.7rem;font-size: 1.9rem;color:#ffffff; margin-right: 2.15rem;}
.ban strong{display: block;float:left;width:11rem;height:3rem;border:.05rem solid rgba(255,255,255,.2); box-sizing: border-box; margin-top: 1.25rem; transition: .5s;}
.ban strong a{display: block;height:2.9rem;text-align: center;}
.ban strong a i{display: inline-block; line-height: 2.9rem;font-size: .8rem;color:#ffffff;padding-right:1.55rem;background:url(../images/ban-zx.png) no-repeat right;background-size:1rem .9rem;font-weight: normal;}
.ban strong:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}

.bj{background: url(../images/zzg.jpg) no-repeat center;background-size:100% 100%;}

.zzg{padding-top:4.45rem;}
.zzg h2{text-align: center; margin-bottom: 1.8rem;}
.zzg h2 span{display: block; line-height: 3.55rem;font-size: 2.6rem;color:#333333; font-weight: normal;}
.zzg h2 em{display: block; line-height: 2rem;font-size: .9rem;color:#b2b2b2; font-weight: bold;font-family: "OPPOSans";}
.zzg ul li{float:left; width:12.55rem;height:30.8rem;margin-right: .25rem;position: relative; transition: .5s; overflow: hidden;}
.zzg ul li:last-child{margin-right: 0;}
.zzg ul li .default{width:100%;height:100%;background:#F5F5F5;padding-top:3.85rem; box-sizing: border-box; position: absolute; transition: .5s;}
.zzg ul li .default h4{ line-height: 2rem; margin-bottom: .55rem;font-size: 1.3rem;color:#333333; font-weight: normal; text-align: center;padding:0 9%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zzg ul li .default span{display: block; line-height: 1.45rem; margin-bottom: 1.4rem; text-align: center;font-size: .8rem;color:#666666;}
.zzg ul li .default em{display: block;width:2.1rem;height:2.1rem; margin:0 auto 3.95rem;background:url(../images/cas-jia.png) no-repeat center;background-size:100% 100%;}
.zzg ul li .default b{display: block;width:10.5rem; line-height: 0; overflow: hidden;margin:0 auto;}
.zzg ul li .default b img{width:100%;}

.zzg ul li .hover{width:100%; height:100%;background:#FFF;opacity: 0;position: absolute;transition: .5s;} 
.zzg ul li .hover dl{width:100%; height:100%;}
.zzg ul li .hover dl dt{width: 100%; line-height: 0; overflow: hidden;}
.zzg ul li .hover dl dt img{width: 100%; transition: 1s;}
.zzg ul li .hover dl dd{width:100%;height:13rem;border:.05rem solid #EDEDED; box-sizing: border-box;padding:1.45rem 2.2rem 0; ;}
.zzg ul li .hover dl dd h4{line-height: 2.45rem; margin-bottom: .5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zzg ul li .hover dl dd h4 a{font-size: 1.5rem;color:#333333; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zzg ul li .hover dl dd span{display: block; line-height: 1.75rem;font-size: .8rem;color:#666666; margin-bottom: .2rem;}
.zzg ul li .hover dl dd p{line-height: 1.35rem; margin-bottom: .65rem;font-size: .8rem;color:#666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.zzg ul li .hover dl dd strong{display: block; line-height: 1.8rem;}
.zzg ul li .hover dl dd strong a{display: inline-block; line-height: 1.8rem;font-size: .8rem;color:#002d61; font-weight: normal; padding-right:1.45rem; background:url(../images/cas-jt.png) no-repeat right;background-size:.95rem .25rem;}
.zzg ul li.cur{width:31.6rem;}
.zzg ul li.cur .default{opacity: 0;}
.zzg ul li.cur .hover{opacity: 1;}
/**/
.map .left{width:23.6rem;float:left; padding-top:5.45rem;}
.map .left h2{line-height: 5.65rem; margin-bottom: 2.75rem;font-size: 2.65rem;color:#333333; font-weight: normal; position: relative;}
.map .left h2:before{width:3.4rem;height:.1rem; background:rgba(0,0,0,.2); content:""; position: absolute;left:0;bottom:0;}
.map .left em{display: block; line-height: 2.2rem;font-size: 1.1rem;color:#333333;}
.map .left span{display: block; line-height: 2.6rem;font-size: 1.5rem;color:#002d61; font-weight: bold;}
.map .left strong{display: block;float:left;width:11rem;height:3rem;background:#002D61; box-sizing: border-box; margin-top: 1.25rem; transition: .5s;}
.map .left strong a{display: block;height:2.9rem;text-align: center;}
.map .left strong a i{display: inline-block; line-height: 2.9rem;font-size: .8rem;color:#ffffff;padding-right:1.55rem;background:url(../images/ban-zx.png) no-repeat right;background-size:1rem .9rem;font-weight: normal;}
.map .left strong:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
.map .rig{width:42.2rem;float:right;padding-top:1.5rem;}
.map .rig span{display: block;height:2.5rem; margin-bottom: 1.95rem;}
.map .rig span a{display: block;width:12.55rem;height:2.5rem; line-height: 2.4rem; text-align: center;border:.05rem solid rgba(0,45,97,.2); box-sizing: border-box;float:right; position: relative;}
.map .rig span a i{font-size: .8rem;color:#002d61;z-index:300; position: relative;transition: .5s;}
.map .rig span a:before{width:.05rem;height:1.5rem;background: rgba(0,45,97,.2); content:""; position: absolute;left:6.2rem;top:-1.55rem;}
.map .rig span a:after{width: 0;height:2.4rem;background:#002D61;content:"";position: absolute;left:0;top:0; transition: .5s;}
.map .rig span a:hover i{color:#FFF;}
.map .rig span a:hover:after{width:100%;}
/**/
.super{padding-top:4.5rem;}
.super h2{text-align: center; margin-bottom: 1.8rem;}
.super h2 span{display: block; line-height: 3.55rem;font-size: 2.6rem;color:#333333; font-weight: normal;}
.super h2 em{display: block; line-height: 2rem;font-size: .9rem;color:#b2b2b2; font-family: "OPPOSans";}
.super ul{height:35rem;}
.super ul li{float:left; width:13.5%;height:35rem; overflow: hidden;margin-right: .05rem;position: relative;transition: .5s;}
.super ul li .default{width:100%;height:100%;background: rgba(0,21,46,.6);padding-top:9.1rem; box-sizing: border-box; transition: .5s;}
.super ul li .default em{display: block; line-height: 3.5rem;text-align: center;font-size: 1.8rem;color:rgba(255,255,255,.38);font-family: "OPPOSans"; margin-bottom: .75rem; font-weight: bold;}
.super ul li .default span{display: block;text-align: center; line-height: 2rem;font-size: 1.5rem;color:#ffffff;}
.super ul li .hover{width:23.6rem;height:35rem;background:rgba(0,45,97,.76);position: absolute;left:-23.6rem;top:0; transition: .5s;padding:3.95rem 3.1rem 0; box-sizing: border-box;}
.super ul li .hover i{display: block;width:3.7rem;line-height: 0; overflow: hidden; margin-bottom: 1.5rem;}
.super ul li .hover i img{width:100%;}
.super ul li .hover h4{margin-bottom: 1.45rem;}
.super ul li .hover h4 span{display: block; line-height: 2.85rem;font-size: 1.9rem;color:#ffffff; font-weight: normal;}
.super ul li .hover h4 em{display: block; line-height: 2.05rem;font-size: 1rem;color:#ffffff; font-weight: bold;}
.super ul li .hover .txt p{padding-left:.8rem; line-height: 1.75rem;font-size: .8rem;color:#ffffff; position: relative;}
.super ul li .hover .txt p:before{width:.25rem;height:.25rem;background:#FFF; border-radius: 50%; content:"";position: absolute;left:0;top:.8rem;}
.super ul li.cur{width: 72.8%;}
.super ul li.cur .default{opacity: 0;}
.super ul li.cur .hover{left:0;}
/**/
.news{padding:4.55rem 0 5rem;}
.news h2{text-align: center; margin-bottom: 1.8rem;}
.news h2 span{display: block; line-height: 3.5rem; font-size: 2.6rem;color:#333333; font-weight: normal;}
.news h2 em{display: block; line-height: 1.7rem;font-size: .9rem;color:#b2b2b2;font-family: "OPPOSans";}
.news .news-tit{height:3.5rem;}
.news .news-tit h3{float:left;}
.news .news-tit h3 span{display: block;float:left; line-height: 1.8rem;padding:0 1.5rem; position: relative;}
.news .news-tit h3 span:first-child{padding-left:0;}
.news .news-tit h3 span a{font-size: 1.3rem;color:#333333; font-weight: normal;}
.news .news-tit h3 span:before{width:.05rem;height:1.25rem;background:#e3e3e3; content:""; position: absolute;left:0;top:.25rem;}
.news .news-tit h3 span:first-child:before{display: none;}
.news .news-tit h3 span.cur a{font-weight: bold; color:#002d61;}
.news .news-tit b{display: block; line-height: 1.8rem;float:right;}
.news .news-tit b a{display: block;font-size: .8rem;color:rgba(128,128,128,.5);font-weight: normal;}
.news .news-list dl{width:23.6rem;float:left;}
.news .news-list dl dt{width: 100%; line-height: 0; overflow: hidden; position: relative;}
.news .news-list dl dt img{width: 100%; transition: 1s;}
.news .news-list dl dt i{display: block;width:2.95rem;height:1.5rem; line-height: 1.5rem;text-align: center; background:rgba(0,0,0,.5);font-size: .8rem;color:#ffffff; position: absolute;left:0;top:0;}
.news .news-list dl dd{height:10rem; border:.05rem solid #EDEDED; box-sizing: border-box;padding:1.55rem 2.75rem 0 2rem; box-sizing: border-box;}
.news .news-list dl dd .rq{width:4.0rem;padding-top:.2rem;float:left;}
.news .news-list dl dd .rq span{display: block; line-height: 1.45rem;font-size: 1.2rem;color:#666666; font-family: OPPOSans;font-weight: bold;}
.news .news-list dl dd .rq em{display: block; line-height: 1rem;font-size: .6rem;color:#666666;font-family: OPPOSans;}
.news .news-list dl dd .rig{width:14.45rem;float:left;}
.news .news-list dl dd .rig h4{ line-height: 1.6rem; margin-bottom: .55rem;}
.news .news-list dl dd .rig h4 a{font-size: 1.1rem;color:#262626; font-weight: normal;}
.news .news-list dl dd .rig p{ line-height: 1.35rem;font-size: .8rem;color:#666666;}
.news .news-list ul{float:right; width:44.4rem;}
.news .news-list ul li{float:left; width:14.8rem; height:23.3rem;border:.05rem solid #EDEDED; box-sizing: border-box;padding:2.15rem 1.95rem 0 1.8rem;}
.news .news-list ul li .rq{margin-bottom: 1.5rem;}
.news .news-list ul li .rq span{display: block; line-height: 1.4rem;font-size: 1.2rem;color:#666666; font-family: "OPPOSans";font-weight: bold; transition: .5s;}
.news .news-list ul li .rq em{display: block; line-height: .95rem;font-size: .6rem;color:#666666;font-family: "OPPOSans";font-weight: bold; transition: .5s;}
.news .news-list ul li h4{ line-height: 1.6rem; margin-bottom: .6rem;}
.news .news-list ul li h4 a{font-size: 1.1rem;color:#262626;font-weight: normal;}
.news .news-list ul li p{line-height: 1.35rem;font-size: .8rem;color:#666666; margin-bottom: 2.1rem;}
.news .news-list ul li b{display: block;  overflow: hidden; line-height: 1rem;}
.news .news-list ul li b a{display: block;width:0;padding-right:1.2rem;background:url(../images/cas-jt.png) no-repeat right center;background-size:1.2rem .35rem; overflow: hidden; transition: .5s;font-size: 0;color:#002d61;}
.news .news-list ul li:hover{border:.05rem solid #002D61;}
.news .news-list ul li:hover .rq span,.news .news-list ul li:hover .rq em,.news .news-list ul li:hover h4 a{color:#002D61;}
.news .news-list ul li:hover b a{font-size: .8rem;width:2.05rem;}
/**/
.about dl{position: relative;}
.about dl dt{width: 100%;position: relative; line-height: 0; overflow: hidden;position:relative;}
.about dl dt img{width: 100%;}
.about dl dt:before{width:100%;height:100%;background:rgba(0,7,15,.42);content:"";position:absolute;left:0;top:0;}
.about dl dt i{display: block;width:5.1rem; height:5.1rem; line-height: 0; overflow:hidden;background: url(../images/abo-btn.png) no-repeat center;background-size:5.1rem 5.1rem; position: absolute;left:50%;top:50%;transform:translate(-50%,-50%); cursor:pointer;z-index:200;}
.about dl dd{width:21.25rem; position: absolute;left:13rem;top:7.65rem;}
.about dl dd h4{ line-height: 3.5rem; margin-bottom: 1.9rem;}
.about dl dd h4 a{font-size: 2.6rem;color:#ffffff; font-weight: normal;}
.about dl dd p{line-height: 2.15rem; margin-bottom: 2rem;font-size: 1.1rem;color:#ffffff;}
.about dl dd span{display: inline-block; line-height: 1.8rem; transition: .5s;}
.about dl dd span a{display: inline-block; line-height: 1.8rem;font-size: .8rem;color:#ffffff;padding-right:1.45rem;background:url(../images/gui-jt_h.png) no-repeat right;background-size:.95rem .25rem;}
.about dl dd span:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
/**/
.productnav{padding:5rem 0;}
.productnav .pronav-list{border:.15rem solid #E8EBED;}
.productnav .pronav-list ul li{padding:0 2.95rem;}
.productnav .pronav-list ul li .nav-con{border-bottom:.05rem solid #E3E6E8; box-sizing: border-box;background: url(../images/fl-jia.png) no-repeat right;background-size:.6rem .6rem;}
.productnav .pronav-list ul li .nav-con i{display: block;float:left;width:1.5rem;height:1.5rem; line-height: 1.5rem;text-align: center;background:#E8EBED; border-radius: 50%;font-size: .8rem;color:#969899;font-family: "OPPOSans";margin:1.5rem .8rem 0 0;}
.productnav .pronav-list ul li.cur .nav-con i{background:#002d61;color:#FFF;}
.productnav .pronav-list ul li .nav-con h4{ float:left; line-height: 4.45rem;width:5.35rem;}
.productnav .pronav-list ul li .nav-con h4 a{font-size: 1rem;color:#1a1a1a; font-weight: bold;}
.productnav .pronav-list ul li:last-child .nav-con{border-bottom:0;}
.productnav .pronav-list ul li .nav-con dl{display: none;float:left;width:56.1rem;}
.productnav .pronav-list ul li .nav-con dl dt{width:19.8rem; line-height: 0; overflow: hidden;float:right; margin-top: 1.15rem;}
.productnav .pronav-list ul li .nav-con dl dt img{width: 100%; transition: 1s;}
.productnav .pronav-list ul li .nav-con dl dd{width:33.7rem;float:left;}
.productnav .pronav-list ul li .nav-con dl dd .nav-two{border-bottom:.05rem solid #e3e6e8;}
.productnav .pronav-list ul li .nav-con dl dd .nav-two h5{line-height: 3.75rem;float:left;}
.productnav .pronav-list ul li .nav-con dl dd .nav-two h5 a{font-size: .8rem;color:#1a1a1a;font-weight: normal;}
.productnav .pronav-list ul li .nav-con dl dd .nav-two p{width:26.4rem;float:left; margin-left: 1rem;}
.productnav .pronav-list ul li .nav-con dl dd .nav-two p a{display: block;float:left;line-height: 3.75rem;font-size: .8rem;color:#666666; margin-right: 2rem;}
.productnav .pronav-list ul li.n .nav-con dl dd .nav-two:first-child{padding:1.15rem 0 .85rem;}
.productnav .pronav-list ul li.n .nav-con dl dd .nav-two:first-child p a:nth-child(3n){margin-right: 0;}
.productnav .pronav-list ul li.n .nav-con dl dd .nav-two:first-child h5{line-height: 2.3rem;}
.productnav .pronav-list ul li.n .nav-con dl dd .nav-two:first-child p a{line-height: 2.3rem;}
.productnav .pronav-list ul li .nav-con dl dd .nav-two:last-child{border-bottom:0;}
.productnav .pronav-list ul li.cur{background:#F5F5F5;padding-top:.6rem;}
.productnav .pronav-list ul li.cur dl{display: block;}
























































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.6px;}}
@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.6px;}}
@media screen and (min-width:414px){html{font-size:11px;}}
@media screen and (min-width:440px){html{font-size:11.8px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.8px;}}
@media screen and (min-width:560px){html{font-size:15px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17px;}}
@media screen and (min-width:680px){html{font-size:18.2px;}}
@media screen and (min-width:700px){html{font-size:18.6px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}