/*end*/
body{overflow-x:hidden;}






/**/
.gui-top{padding-top:116px; box-sizing: border-box;}
.gui-top .left{width:630px;float:left;padding-top:43px;}
.gui-top .left i{display: block; width:481px; height:75px; line-height: 75px; overflow: hidden; margin-bottom: 17px;font-size:54px;color:#333;}
.gui-top .left i img{width:100%;}
.gui-top .left h4{ line-height:29px;font-size: 20px; color:#333333; font-family: "OPPOSans"; margin-bottom: 43px; font-weight: normal;}
.gui-top .left p{line-height: 29px;font-size: 15px; color:#666666;font-family: "OPPOSans"; text-align: justify;font-weight:normal;}
.gui-top .rig{width:649px; line-height: 0; float:right; margin-right: -30px;}
.gui-top .rig img{width:100%;}
.gui-bot{height:191px;background: #3A3D43;border-bottom:6px solid #F19910;}
.gui-bot .bot{padding-top:40px;}
.gui-bot .bot ul li{float:left;position: relative;padding-left:6%; box-sizing: border-box;}
.gui-bot .bot ul li:before{width:2px;height:80px; background:rgba(255,255,255,0.1);content:""; position: absolute;right:0;top:10px;}
.gui-bot .bot ul li:last-child:before{display: none;}
.gui-bot .bot ul li p{height:35px; line-height: 35px;font-size: 16px; color:#999999; font-family: "OPPOSans-M";}
.gui-bot .bot ul li span{display: block; height:66px;}
.gui-bot .bot ul li span em{display: compact; height:66px; line-height: 66px; font-size: 66px; color:#ffffff; font-family: "Manrope";}
.gui-bot .bot ul li span i{display: inline-block;width:22px; height:25px; line-height: 25px;text-align: center; background:url(../images/gui-dbx.png) no-repeat center; font-size: 15px; color:#1b1b1b; font-family: "OPPOSans"; vertical-align: top; margin-top: 11px;}
.gui-bot .bot ul li:first-child{padding-left:0;}
/**/
.ywly{padding:92px 0 130px;}
.ywly h2{text-align: center; height:80px; line-height: 80px;font-size: 48px; color:#312827; font-weight: bold; margin-bottom: 65px;font-weight:normal;font-family: "OPPOSans";}
.ywly .yw-top{height:522px;}
.ywly .yw-top dl dt{width:909px; line-height: 0; position: relative;float:right; overflow: hidden;}
.ywly .yw-top dl dt:after{content: ''; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-35deg); }
.ywly .yw-top dl dt img{width:100%; transition: 1s;}
.ywly .yw-top dl dt em{display: block; width:199px; height:59px; background:#ea9500; border-radius: 5px;position: absolute;left:50%; top:50%;transform: translate(-50%, -50%);}
.ywly .yw-top dl dt em a{display: block; width:199px;text-align: center;}
.ywly .yw-top dl dt em a i{display: inline-block; height:59px; line-height: 59px;padding-left:31px;background: url(../images/ly-btn.png) no-repeat left;font-size: 16px; color:#ffffff; font-family: "OPPOSans";}
.ywly .yw-top dl dd{width:454px; height:465px;float:left; border-top:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5; box-sizing: border-box;padding:75px 34px 0;}
.ywly .yw-top dl dd h4{margin-bottom: 9px; height:40px;}
.ywly .yw-top dl dd h4 em{display: block; height:40px; line-height: 40px;float:left; font-size: 32px; color:#333333; font-family: "OPPOSans-M"; font-weight:bold;}
.ywly .yw-top dl dd h4 i{display: block; height:40px; line-height: 40px;float:right; font-size: 40px; color:#999; font-family: "Manrope";}
.ywly .yw-top dl dd span{display: block; line-height: 25px; margin-bottom: 25px;font-size: 16px; color:#333333;font-family: "OPPOSans-M";}
.ywly .yw-top dl dd p{line-height: 29px; font-size: 16px; color:#666666; font-family: "OPPOSans-M"; margin-bottom: 37px; text-align: justify;letter-spacing: 0.5px;}
.ywly .yw-top dl dd b{display: block; width:22px; height:12px;}
.ywly .yw-top dl dd b a{display: block;height:12px; background:url(../images/ly-jt1.png) no-repeat center;}
.ywly .yw-top dl dd:hover h4 i{color:#ea9500;}
.ywly .yw-top dl dd:hover b a{background:url(../images/ly-jt.png) no-repeat center;}
.ywly .yw-top dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.ywly .yw-top dl dt:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.ywly  .yw-list{position: relative;}
.ywly  .yw-list .bd{overflow: hidden;}
.ywly  .yw-list ul li{float:left;width:451px !important; height:168px;border:1px solid #E5E5E5; box-sizing: border-box;background:url(../images/ly-ico.jpg) no-repeat right top;border-bottom:4px solid #f19910;padding:0 35px 0 43px; margin-right: 23px; }
.ywly  .yw-list ul li em{display: block; height:163px; line-height: 163px;float:left;font-size: 32px; color:#312827;font-family: "OPPOSans-M";padding-right:34px;background:url(../images/ly-jt1.png) no-repeat right;}
.ywly  .yw-list ul li i{display: block; height:163px; line-height: 163px; float:right;font-size: 40px; color:#999999; font-family: "Manrope"; font-weight: bold;}
.ywly  .yw-list .yw-jt i{display: block; width:52px; height: 46px; cursor: pointer;}
.ywly  .yw-list .yw-jt i.yw-prev{background:url(../images/ly-prev.png) no-repeat center;position: absolute;left:-71px;top:61px;}
.ywly  .yw-list .yw-jt i.yw-prev:hover{background:url(../images/ly-prev_h.png) no-repeat center;}
.ywly  .yw-list .yw-jt i.yw-next{background:url(../images/ly-next.png) no-repeat center;position: absolute;right:-71px;top:61px;}
.ywly  .yw-list .yw-jt i.yw-next:hover{background:url(../images/ly-next_h.png) no-repeat center;}
.ywly  .yw-list ul li:hover i{color:#ea9500;}
/**/
.fwcn{height:718px;background:url(../images/fwcn.jpg) no-repeat center;}
.fwcn .fw{padding-top:52px;}
.fwcn .fw h2{text-align: center; margin-bottom: 45px; height:104px; line-height: 104px;font-size: 48px; color:#312827; font-weight: normal;font-family: "OPPOSans";font-weight:normal;}
.fwcn .fw ul{width:454px;}
.fwcn .fw ul li{margin-bottom: 52px;}
.fwcn .fw ul li h4{height:41px;margin-bottom: 8px;}
.fwcn .fw ul li h4 i{display: block; width:26px; height:27px; line-height: 0; overflow: hidden;float:left; margin:7px 12px 0 0;}
.fwcn .fw ul li h4 i img{width:100%;}
.fwcn .fw ul li h4 em{display: block;float:left; height:41px; line-height: 41px;font-size:26px; color:#333333;font-family: "OPPOSans";font-weight:normal;}
.fwcn .fw ul li p{line-height: 30px;font-size: 16px; color:#666666; font-family: "OPPOSans-M";}
/**/
.case{height:1015px; background:url(../images/case.jpg) no-repeat center top;overflow: hidden;}
.case .cas{padding-top:114px;}
.case .cas .cas-tit{height:154px;}
.case .cas .cas-tit h2{float:left;height:104px; line-height: 104px;}
.case .cas .cas-tit h2 a{font-size: 48px; color:#333333; font-family: "OPPOSans";font-weight:normal;}
.case .cas .cas-tit ul{float:right;width:740px;padding-top:35px;}
.case .cas .cas-tit ul li{float:left;height:37px; line-height: 35px;border:1px solid #FFF;border-radius: 5px;padding:0 1.75%; box-sizing: border-box;}
.case .cas .cas-tit ul li a{display: block;height:35px; line-height: 35px; font-size: 16px; color:#333333; text-align: center;font-family: "OPPOSans-B";}
.case .cas .cas-tit ul li a i{display: inline-block; height:35px; line-height: 35px;padding-right:14px; background:url(../images/wb-jt1.png) no-repeat right;}
.case .cas .cas-tit ul li.cur{border:1px solid #BFBFBF;}
.case .cas .cas-con{position: relative;width:90%;margin:0 auto;}
.case .cas .cas-con dl{position: relative; width:100%;}
.case .cas .cas-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.case .cas .cas-con dl dt img{width:100%; transition: 1s;}
.case .cas .cas-con dl dd{width:100%; height:134px;position: absolute;left:0;bottom:46px;}
.case .cas .cas-con dl dd .cas-desc{width:1091px; height:134px;background:rgba(255,255,255,0.9);margin:0 auto; padding:31px 68px 0 50px; box-sizing: border-box;}
.case .cas .cas-con dl dd .cas-desc .left{width:790px; float:left;}
.case .cas .cas-con dl dd .cas-desc .left h4{height:38px; line-height: 38px;}
.case .cas .cas-con dl dd .cas-desc .left h4 a{font-size: 20px; color:#333333;font-family: "OPPOSans-B"; font-weight: normal;}
.case .cas .cas-con dl dd .cas-desc .left p{line-height: 33px;font-size: 16px; color:#666666;font-family: "OPPOSans-M";}
.case .cas .cas-con dl dd .cas-desc .rig{width:110px;float:right;height:52px; border-left:2px solid rgba(210,210,210,0.9); box-sizing: border-box;margin-top: 10px;}
.case .cas .cas-con dl dd .cas-desc .rig a{display: block; width:43px; height:25px;float:right; margin-top: 14px;background:url(../images/cas-jt.png) no-repeat center;}
.case .cas .cas-con dl:hover dd .cas-desc .rig a{background:url(../images/cas-jt1.png) no-repeat center;}
.case .cas .cas-con .cas-hd{height:7px; text-align: center; margin-top: 14px;}
.case .cas .cas-con .cas-hd ul li{display: inline-block;width:58px; height:7px; border:1px solid #c4c4c4;box-sizing: border-box;margin:0 3px;font-size:0;}
.case .cas .cas-con .cas-hd ul li.on{background:#f19910; border:1px solid #ea9500;}
.case .cas .cas-con .cas-jt i{display: block; width:52px; height:46px; cursor: pointer;transition:.5s;}
.case .cas .cas-con .cas-jt i.cas-prev{background:url(../images/cas-prev.png) no-repeat center;position: absolute;left:-71px; top:323px;}
.case .cas .cas-con .cas-jt i.cas-prev:hover{background:url(../images/ly-prev_h.png) no-repeat center;}
.case .cas .cas-con .cas-jt i.cas-next{background:url(../images/cas-next.png) no-repeat center;position: absolute;right:-71px; top:323px;}
.case .cas .cas-con .cas-jt i.cas-next:hover{background:url(../images/ly-next_h.png) no-repeat center;}
.case .cas .cas-con dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.super{height:937px;background:url(../images/super.jpg) no-repeat center top; overflow: hidden;}
.super .sup{padding-top:133px;}
.super .sup h2{ line-height: 57px; margin-bottom: 117px;font-size: 48px; color:#333333; font-family: "OPPOSans"; font-weight: normal;float:left;}
.super .sup .sup-con{position: relative;}
.super .sup ul li{float:left;width:27.8%; height:191px; border-bottom:2px solid #dcdcdc; box-sizing: border-box; margin:0 0 75px 8.0%; position: relative;}
.super .sup ul li:first-child,.super .sup ul li.sup-two{margin-left: 0;}
.super .sup ul li h4{height:38px;margin-bottom: 19px;}
.super .sup ul li h4 i{display: block; width:41px;height:38px;float:left; line-height: 0; overflow: hidden; margin-right: 17px;}
.super .sup ul li h4 i img{width:100%;}
.super .sup ul li h4 em{display: block; float:left; height:38px; line-height: 38px;font-size:26px;color:#333333; font-family: "OPPOSans";font-weight:normal;}
.super .sup ul li p{line-height: 29px;font-size: 16px; color:#666666; font-family: "OPPOSans-M";}
.super .sup .sup-vid{width:893px; height:424px; line-height: 0; overflow: hidden; position: absolute; right:0;top:-233px; cursor: pointer; }
.super .sup .sup-vid .vidpic{display:block;position:absolute;}
.super .sup ul li:before{width:0;height:2px; background:#ea9500;content:""; position: absolute;left:0;bottom:-2px; transition: .5s;}
.super .sup ul li:hover:before{width: 100%;}
/**/
.newsbj{height:950px;}
.newsbj .news{padding-top:90px;}
.newsbj .news h2{height:110px; line-height: 110px; text-align: center;}
.newsbj .news h2 a{font-size: 48px; color:#333333; font-family: "OPPOSans"; font-weight: normal;}
.newsbj .news .news-left{width:66.2%;float:left;}
.newsbj .news .news-left h4{height:79px;border-bottom:1px solid #dcdcdc; box-sizing: border-box;}
.newsbj .news .news-left h4 span{display: block; height:78px;float:left;}
.newsbj .news .news-left h4 span a{display: block; height:78px; line-height: 78px; float:left;font-size: 26px; color:#312827; font-family: "OPPOSans"; margin-right: 34px; font-weight: normal;}
.newsbj .news .news-left h4 em{display: block; height:78px; float:right;}
.newsbj .news .news-left h4 em a{display: inline-block; height:78px; line-height: 78px;font-size: 16px; color:#7d7d7d;font-family: "OPPOSans-B"; font-weight: normal;padding-right:15px;background:url(../images/news-jt.png) no-repeat right;}
.newsbj .news .news-left h4 span a.cur,.newsbj .news .news-left h4 em a:hover{color:#ea9500;}
.newsbj .news .news-left .news-con:before{width:98%; height:36px; background:#FFF;content:"";position:absolute;left:0;top:0;z-index:500;}
.newsbj .news .news-left .news-con .con{height:563px; overflow-y:auto;}
.newsbj .news .news-left .news-con dl{border-bottom:1px solid #dcdcdc; box-sizing: border-box;padding:36px 0;}
.newsbj .news .news-left .news-con dl dt{width:40.6%; float:left; line-height: 0; overflow: hidden;}
.newsbj .news .news-left .news-con dl dt img{width:100%; transition: 1s;}
.newsbj .news .news-left .news-con dl dd{width:50%;float:left;padding:32px 3% 0; box-sizing: border-box;}
.newsbj .news .news-left .news-con dl dd h5{line-height: 30px; margin-bottom: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsbj .news .news-left .news-con dl dd h5 a{font-size: 18px; color:#312827; font-weight: normal; font-family: "OPPOSans-B";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsbj .news .news-left .news-con dl dd p{line-height: 30px;font-size: 16px; color:#666666; font-family: "OPPOSans-M"; margin-bottom: 10px;}
.newsbj .news .news-left .news-con dl dd p a{font-size: 16px; color:#f19910; font-family: "OPPOSans-M";}
.newsbj .news .news-left .news-con dl dd i{display: block; height:34px; line-height: 34px; float:right;font-size: 16px; color:#666666; font-family: "Manrope"; font-weight:bold;}
.newsbj .news .news-left .news-con dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.newsbj .news .news-left .news-con dl:hover dd h5 a{color:#ea9500;}
.newsbj .news .news-left .news-con dl:hover dd i{color:#ea9500;}
.newsbj .news .news-rig{width:26.2%;float:right;}
.newsbj .news .news-rig h4{height:79px;border-bottom:1px solid #dcdcdc; box-sizing: border-box;}
.newsbj .news .news-rig h4 em{display: block; height:78px; line-height: 78px; float:left;font-size: 26px; color:#312827; font-family: "OPPOSans-B"; font-weight: normal;}
.newsbj .news .news-rig h4 i{display: block;float:right;height:78px; line-height: 78px;font-size: 16px; color:#7d7d7d;font-family: "OPPOSans-B"; font-weight: normal;padding-right:15px;background:url(../images/news-jt.png) no-repeat right;}
.newsbj .news .news-rig .rig-swi{height:610px;position:relative;}
.newsbj .news .news-rig .rig-con{padding:37px 47px 35px 0;height:563px;overflow-y:auto;box-sizing: border-box;position:relative;}
.newsbj .news .news-rig .rig-swi:before{width:94%;height:37px;background:#FFF;content:""; position:absolute;left:0; top:0;z-index:500;}
.newsbj .news .news-rig .rig-swi:after{width:94%;height:37px;background:#FFF;content:""; position:absolute;left:0; bottom:0;z-index:500;}
.newsbj .news .news-rig ul{height:610px;border-bottom:1px solid #dcdcdc; box-sizing: border-box;}
.newsbj .news .news-rig ul li{margin-bottom:36px; }
.newsbj .news .news-rig ul li .default{height: 246px;background:#F2F2F2; margin-bottom: 3px;padding:31px 47px 0 45px; box-sizing: border-box; transition: .5s;}
.newsbj .news .news-rig ul li .default h5{height:30px; line-height: 30px;font-size: 18px; color:#333333; font-family: "OPPOSans-B"; font-weight: normal;margin-bottom: 5px; transition: .5s;}
.newsbj .news .news-rig ul li .default p{line-height: 30px;font-size: 18px; color:#333333; font-family: "OPPOSans-B";margin-bottom: 32px;}
.newsbj .news .news-rig ul li .default em{display: block; height:26px; line-height: 26px;font-size: 16px; color:#808080; font-family: "Manrope"; font-weight: bold;background:url(../images/news-jt1.png) no-repeat right; transition: .5s;}
.newsbj .news .news-rig ul li .default:hover{background:#F49A0D;}
.newsbj .news .news-rig ul li .default:hover h5{color:#FFF;}
.newsbj .news .news-rig ul li .default:hover em{color:#FFF;background:url(../images/news-jt1_h.png) no-repeat right;}
.newsbj .news .news-rig h4:hover em,.newsbj .news .news-rig h4:hover i{color:#ea9500;}
/**/
.fwwb{height:778px;background:url(../images/fwwb.jpg) no-repeat center;}
.fwwb .wb{padding-top:34px;}
.fwwb .wb h2{text-align: center; height:220px; line-height: 220px;font-size: 48px; color:#ffffff; font-family: "OPPOSans"; font-weight: normal;}
.fwwb .wb ul{margin-bottom: 60px;}
.fwwb .wb ul li{float:left;width:16.66%;height: 312px;background: rgba(255, 255, 255, 0.85);border: 1px solid #FFFFFF; box-sizing: border-box; transition: .5s;}
.fwwb .wb ul li a{display: block; height:312px;padding-top:82px; box-sizing: border-box;}
.fwwb .wb ul li i{display: block; width:61px; height:61px; line-height: 0; overflow: hidden;margin:0 auto;}
.fwwb .wb ul li i img{width:100%;}
.fwwb .wb ul li span{display: block; height:82px; line-height: 82px; text-align: center;font-size:20px; color:#313131; font-family: "OPPOSans-B";}
.fwwb .wb ul li em{display:block; width:22px; height:12px; margin:0 auto;background:url(../images/wb-jt.png) no-repeat center;}
.fwwb .wb ul li:hover{background: rgba(255, 255, 255, 1);border: 1px solid #ea9500;}
.fwwb .wb ul li:hover em{background:url(../images/wb-jt_h.png) no-repeat center;}
.fwwb .wb strong{display: block; width: 166px;height: 53px;background: #ea9500;border-radius: 5px;margin:0 auto;transition:0.35s;}
.fwwb .wb strong a{display: block; height:53px; text-align: center;}
.fwwb .wb strong a i{display: inline-block; height:53px; line-height: 53px;font-size: 15px; color:#333333; font-family: "OPPOSans-M";padding-right:12px; background:url(../images/wb-jt1.png) no-repeat right; font-weight: normal;}
.fwwb .wb strong:hover{margin-top:-5px;}

@media screen and  (min-width:230px) and (max-width:1680px){
    .gui-bot .bot ul li:last-child{padding-left:3%;}
    .gui-top .left{width:570px;}
    .gui-top .rig{width:560px;}
    .gui-bot .bot ul li{padding-left:6%;}
    .ywly .yw-top dl dt{width:778px;}
    .ywly .yw-top dl dd{width:387px; height:400px;padding:64px 23px 0;}
    .ywly .yw-top dl dd h4{height:36px; margin-bottom: 5px;}
    .ywly .yw-top dl dd h4 em{display: block;height:36px; line-height: 36px;font-size: 27px;}
    .ywly .yw-top dl dd h4 i{display: block;height:36px; line-height: 36px;font-size: 33px;}
    .ywly .yw-top dl dd span{line-height: 24px; margin-bottom: 20px; font-size: 14px;}
    .ywly .yw-top dl dd p{line-height: 24px; font-size: 13px; margin-bottom: 30px;}
    .ywly .yw-list ul li{width:384px !important;}
    .ywly .yw-list ul li em{font-size:23px;}
    .case{height:970px;}
    .super{height:824px;}
    .super .sup h2{font-size: 40px; margin-bottom: 98px;}
    .super .sup ul li{width:27.4%;height:163px;}
    .super .sup ul li p{font-size: 13px;}
    .super .sup .sup-vid{width:767px;top: -212px;}
    .newsbj{height:888px;}
    .newsbj .news .news-left{width:842px;}
    .newsbj .news .news-left .news-con .con{height:520px;}
    .newsbj .news .news-left .news-con dl{height:260px;padding-top:30px;}
    .newsbj .news .news-left .news-con dl dt{width:403px;height:201px;}
    .newsbj .news .news-left .news-con dl dd{width: 422px;}
    .newsbj .news .news-left .news-con dl dd h5{width:277px; line-height: 24px;}
    .newsbj .news .news-left .news-con dl dd h5 a{font-size: 15px;}
    .newsbj .news .news-left .news-con dl dd p{font-size: 13px; line-height: 26px; margin-bottom: 10px;}
    .newsbj .news .news-left .news-con dl dd i{font-size: 13px;}
    .newsbj .news .news-rig{width:317px;}
    .newsbj .news .news-rig .rig-swi{height:519px;}
    .newsbj .news .news-rig .rig-con{height:519px;}
    .newsbj .news .news-rig ul{width:276px;}
    .newsbj .news .news-rig ul{height:492px;}
    .newsbj .news .news-rig ul li{margin-bottom: 31px;}
    .newsbj .news .news-rig ul li .default{width:276px; height:229px;}
    .newsbj .news .news-rig ul li .default h5{font-size: 15px;margin-bottom: 0;}
    .newsbj .news .news-rig ul li .default p{line-height: 24px;font-size: 15px; margin-bottom: 49px;}
    .newsbj .news .news-rig .rig-swi:after{height:18px;}
}

@media screen and  (min-width:230px) and (max-width:1660px){
    .super .sup ul li p{font-size:11px;}
}