/*头部*/
.header{position: fixed;left: 0;top: 0;width: 100%;transition: all 0.3sease-in;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);z-index: 99;background: hsla(0, 0%, 0%, .7);}
.header .main{display: flex;padding:0 5.2083vw;justify-content: space-between;align-items: center;}
.header .logo{display: block;width: 214px;padding: 24px 0 32px;}
.header .logo img{display: block;width: 100%;}

.header .right{display: flex;align-items: center;}
.header .nav{display: flex;}
.header li{margin-left: 3.125vw;}
.header li .link{display: block; font-size: 16px;color: #fff;position: relative;height:94px;line-height:94px;font-family:'OPPOSans-R';}
.header li.on .link,
.header li:hover .link{font-family:'OPPOSans-B';}

.header li .link::after{content: '';width: 0;height: 3px;background: #e51b2f;left: 50%;bottom: 16px;width: 0;transform: translateX(-50%);transition: .3s linear;position: absolute;border-radius: 2px;}
.header li.on .link::after,
.header li:hover .link::after{width: 100%;}
.header .search{cursor:pointer;width:22px;height: 22px;background:url(../images/search.png) no-repeat;background-size:cover;margin-left: 3.9583vw;}
.header .lan{display: flex;margin-left: 1.3021vw;align-items: center;}
.header .lan a{display: block;font-size: 15px;line-height: 20px;color: #fff;}
.header .lan span{display:block;margin: 0 10px;font-size:15px;line-height:20px;color:#fff;}
.header .lan a:hover{color: #e51b2f;}
.header .more{margin-left: 10px;width: 20px;}

.header .erify{display:none;position:fixed;left:0;top:94px;background:#fff;width: 100%;}
.header .erify .container{display:flex;align-items:center;padding:1.0417vw 0;justify-content: center;}
.header .erify .sub-link{display:flex;align-items:center;font-size:16px;line-height:3;color:#333;margin: 0 1.3021vw;}
.header .erify .sp-link{display:block;margin:0 0.5208vw;width:150px;text-align: center;height:120px;background:#F2F2F2;border-radius: 6px;box-sizing:border-box;padding-top:25px;}
.header .erify .sp-link img{display: block;width: 41px;margin:0 auto;}
.header .erify .sp-link p{font-size:16px;color:#333;line-height:26px;margin-top:10px;}
.header .erify .sp-tel{margin: 0.5208vw;height:120px;background:#F2F2F2;border-radius: 6px;box-sizing:border-box;padding:25px 25px 0;}
.header .erify .sp-tel p{font-size:16px;color:#333;line-height:26px;}
.header .erify .num{font-size: 34px;font-family:'OPPOSans-H';color:#333;line-height:45px;margin-top:3px;}
.header .erify .xcx{display:flex;align-items:center;height:120px;background:#F2F2F2;border-radius: 6px;padding: 0 16px;}
.header .erify .xcx img{display:block;width: 93px;margin-right:16px;}
.header .erify .xcx h5{font-size:24px;line-height:34px;color:#333;font-family:'OPPOSans-H';}
.header .erify .xcx p{font-size:16px;color:#333;line-height:26px;margin-top:5px;}
.opacity-h{position: absolute;left: 0;top: 0;font-size: 0;z-index: -1;opacity: 0;}
.m-header{display: none;}

/*.header .sub-menu{display:none;position:fixed;left:0;top:75px;background:#fff;width: 100%;}*/
/*.header .sub-menu .container{display:flex;align-items:center;padding:1.0417vw 0;justify-content: center;height: 120px;}*/
/*.header .sub-menu .sub-link{display:flex;align-items:center;font-size:16px;line-height:3;color:#333;margin: 0 1.3021vw;}*/
/*.header .sub-menu .sub-link img{display: block;width: 34px;margin-right:10px;}*/
/*.header .sub-menu .sp-link{display:block;margin:0 0.5208vw;width:150px;text-align: center;height:120px;background:#F2F2F2;border-radius: 6px;box-sizing:border-box;padding-top:25px;}*/
/*.header .sub-menu .sp-link img{display: block;width: 41px;margin:0 auto;}*/
/*.header .sub-menu .sp-link p{font-size:16px;color:#333;line-height:26px;margin-top:10px;}*/
/*.header .sub-menu .sp-tel{margin: 0.5208vw;height:120px;background:#F2F2F2;border-radius: 6px;box-sizing:border-box;padding:25px 25px 0;}*/
/*.header .sub-menu .sp-tel p{font-size:16px;color:#333;line-height:26px;}*/
/*.header .sub-menu .num{font-size: 34px;font-family:'OPPOSans-B';color:#333;line-height:45px;margin-top:3px;}*/
/*.header .sub-menu .xcx{display:flex;align-items:center;height:120px;background:#F2F2F2;border-radius: 6px;padding: 0 16px;}*/
/*.header .sub-menu .xcx img{display:block;width: 93px;margin-right:16px;}*/
/*.header .sub-menu .xcx h5{font-size:24px;line-height:34px;color:#333;font-family:'OPPOSans-B';}*/
/*.header .sub-menu .xcx p{font-size:16px;color:#333;line-height:26px;margin-top:5px;}*/
/*.opacity-h{position: absolute;left: 0;top: 0;font-size: 0;z-index: -1;opacity: 0;}*/

/*底部*/
/*
.footer{position: relative;z-index: 99;}
.footer .container{width: 1280px;}
.footer-top{padding: 4.1667vw 0 2.6042vw;background: #000;}
.footer-top .left{float: left;}
.footer-top .left ul{float: left;margin-right: 72px;}
.footer-top .left ul:last-child{margin-right: 0;}
.footer-top .left ul li a{display: block;font-size: 12px;color: #999;line-height: 34px;font-family:'OPPOSans-M';}
.footer-top .left ul li:hover a{color: #e51b2f;}
.footer-top .left ul li.top a,
.footer-top .left ul li.top-video a{font-size: 14px;color: #fff;line-height: 20px;margin-bottom: 10px;}
.footer-top .left ul li.top-video a{margin-top: 15px;}
.footer-top .right{float: right;width: 540px;}
.friend-select{margin: 0 0 0 174px;width: 334px;height: 38px;background: #fff;border:1px solid #cad3de;border-radius: 2px;position: relative;z-index: 10;}
.friend-select p{padding: 0 10px;font-size: 14px;color: #666;line-height: 38px;position: relative;cursor: pointer;}
.friend-select p::after{content: '';position: absolute;right: 10px;top: 16px;width: 10px;height: 5px;background: url('../images/arrowB.png') no-repeat;}
.friend-select ul{position: absolute;left: -1px;bottom: 38px;border:1px solid #cad3de;background: #fff;width: 100%;border-radius: 2px;z-index: 20;display: none;max-height: 180px;overflow-y: scroll;}
.friend-select ul li a{display: block;font-size: 14px;color: #666;line-height: 36px;padding: 0 10px;}
.friend-select ul li:hover a{color: #e51b2f;}
.footer-top .info{padding: 40px 0 30px;border-top: 1px solid #cad3de;border-bottom: 1px solid #cad3de;margin-top: 43px;}
.info-left img{display: block;width: 250px;}
.info-left .share{margin-top: 20px;position: relative;z-index: 10;}
.info-left .share p{font-size: 16px;color: #fff;line-height: 35px;float: left;font-family:'OPPOSans-M';}
.info-left .share .list{float: left;padding-left: 9px;}
.info-left .share a,
.info-left .share .rss{display: block;float: left;margin:9px 0 0 26px;height: 18px;position: relative;}
.info-left .share .sina{width: 21px;background: url('../images/sina_w.png') no-repeat;}
.info-left .share .wechat{width: 20px;background: url('../images/wechat_w.png') no-repeat;}
.info-left .rss{width: 16px;background: url('../images/rss_w.png') no-repeat;cursor: pointer;}
.info-left .share .wechat .erify{position: absolute;left: 50%;bottom: 35px;width: 280px;padding: 20px; background: #fff;margin-left: -160px;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);display: none;}
.info-left .share .wechat .erify::after{content: '';position: absolute;left: 50%;bottom: -10px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;margin-left: -10px;}
.info-left .share .wechat .erify .item{width: 50%;float: left;}
.info-left .share .wechat .erify .item img{display: block;width: 100%;}
.info-left .share .wechat .erify .item p{font-size: 16px;color: #333;line-height: 26px;margin-left: 10px;font-family:'OPPOSans-M';}
.info-left .share .rss .erify{position: absolute;left: 50%;bottom: 35px;width: 160px;background: #fff;margin-left: -90px;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);padding: 10px 10px 0;display: none;}
.info-left .share .rss .erify::after{content: '';position: absolute;left: 50%;bottom: -10px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;margin-left: -10px;}
.info-left .share .rss .erify a{display: block;float: left;width: 20px;height: 20px;margin: 0 10px 10px;background: url('../images/link_icon.png') no-repeat;}
.info-left .share .rss .erify .toutiao{background-position: 0 -20px;}
.info-left .share .rss .erify .baijia{background-position: 0 -40px;}
.info-left .share .rss .erify .souhu{background-position: 0 -60px;}
.info-left .share .rss .erify .yidian{background-position: 0 -80px;}
.info-left .share .rss .erify .acfun{background-position: 0 -100px;}
.info-left .share .rss .erify .bilibili{background-position: 0 -120px;}
.info-ewm {float: right;}
.info-ewm .item{float: left;margin-left: 8px;width: 78px;text-align: center;}
.info-ewm .item img{display: block;width: 100%;}
.info-ewm .item p{font-size: 13px;color: #fff;line-height: 24px;font-family:'OPPOSans-M';}
.footer-bot{padding: 15px 0;background: #333;font-size: 12px;line-height: 30px;color: rgba(255,255,255,0.5);}
.footer-bot p{font-family:'OPPOSans-M';}
.footer-bot a{color: rgba(255,255,255,0.5);font-family:'OPPOSans-M';}
.footer-bot a:hover{text-decoration: underline;color: rgba(255,255,255,0.8);}
.footer-bot br{display:none;}
*/

.footer{position: relative;z-index: 99;background: #000;padding: 5.8333vw 0 2.2396vw;}
.footer .container{width: 1260px;}
.footer .nav{display: flex;justify-content: space-between;}
.footer .nav li a{display: block;font-size: 16px;color: #fff;line-height: 38px;font-family:'OPPOSans-L';}
.footer .nav li:hover a{color: #e51b2f;}
.footer .nav li.top a{font-size: 22px;color: #fff;line-height: 42px;margin-bottom: 12px;font-family:'OPPOSans-M';}
.footer .nav li.top-video a{margin-top: 4.1667vw;}
.footer .mid{display: flex;justify-content: space-between;align-items: flex-end;margin-top: 4.1667vw;}
.footer .tel p{font-size: 26px;line-height: 42px;color: #fff;}
.footer .tel .num{font-size: 34px;line-height: 50px;color: #fff;font-family: 'OPPOSans-B';}
.footer .links{display: flex;}
.footer .links a{display: block;width: 2.0833vw;height: 2.0833vw;background: #fff;border-radius: 50%;margin-left: 1.875vw;position: relative;}
.footer .links i{display: block;width: 100%;height: 2.0833vw;background: url(../images/wx_n_icon.png) no-repeat;background-size: cover;}
.footer .links .sp-icon{background-image: url(../images/sp_n_icon.png);}
.footer .links .wb-icon{background-image: url(../images/wb_n_icon.png);}
.footer .links .dy-icon{background-image: url(../images/dy_n_icon.png);}
.footer .links .rb-icon{background-image: url(../images/rb_n_icon.png);}
.footer .links .erify{position: absolute;bottom: calc(2.0833vw + 12px);left: 50%;transform: translateX(-50%);background: #fff;width: 8.3333vw;box-sizing: border-box;padding:0.5208vw;z-index: 20;display: none;border-radius: 0.4167vw;}
.footer .links .erify img{display: block;width: 100%;}
.footer .links .erify::after{content: '';position: absolute;left: 50%;bottom: -10px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;margin-left: -10px;}
.footer .bot{display: flex;padding-top: 2.2396vw;border-top: 1px solid rgba(255, 255, 255, 0.3);align-items: center;justify-content: space-between;margin-top: 1.7708vw;}
.footer .copyright{font-size: 16px;line-height: 26px;color: #fff;font-family: 'OPPOSans-L';}
.footer .copyright a{color: #fff;font-family: 'OPPOSans-L';}
.footer .lan {display: flex;align-items: center;}
.footer .lan a{display: block; font-size: 16px;line-height: 26px;color: #fff;font-family: 'OPPOSans-L';}
.footer .lan .line{width: 2px;height: 16px;background: #9c9c9c;margin: 0 20px;}
.footer .copyright a:hover,
.footer .lan a:hover{color: #e51b2f;}

.h-search{position: fixed;left: 0;top: 60px;background: #fff;width: 100%;height: calc(100% - 60px);z-index: 999;box-sizing: border-box;border-top: 1px solid #e7e7e7;display: none;}
.h-search .top{border-bottom: 1px solid #dcdcdc;height: 50px;padding: 24px 0;}
.h-search .top .text{display: block;box-sizing: border-box;height: 50px;border:none;background: url('../images/m_search.png') no-repeat left center;padding-left: 45px;width: 1095px;float: left;font-size: 16px;color: #333;}
.h-search .top .btn{display: block;width: 130px;height: 50px;border-radius: 4px;background: #e51b2f;font-size: 16px;color: #fff;float: left;border:none;}
.h-search .top .close{display: block;float: right;width: 30px;height: 30px;border-radius: 50%;background: url('../images/close_w.png') no-repeat center center #e51b2f;margin-top: 10px;}
.hot-search{padding-top: 30px;}
.hot-search .title{font-size: 22px;color: #333;line-height: 42px;margin-bottom: 10px;}
.hot-search li{float: left;font-size: 16px;color: #999;border-bottom: 1px solid #dcdcdc;width: calc(50% - 60px);margin:0 120px 30px 0;}
.hot-search li:nth-child(2n){margin-right: 0;}
.hot-search li a{display: block;font-size: 16px;line-height: 60px;color: #999;}
.hot-search li:hover a{color: #e51b2f;}

/*aside*/
.aside{position: fixed;right: 1.1979vw;bottom:15px;z-index: 100;}
.aside li{background: #FFF;border-radius: 4px;margin-bottom: 3px;transition: .3s linear;}
.aside li a{display: block;width: 60px;height: 60px;overflow: hidden;}
.aside li i{display: block;width: 38px;height: 30px;background: url('../images/aside_icon1.png') no-repeat;margin: 5px auto 0;}
.aside li .icon2{background-image:url(../images/aside_icon2.png);}
.aside li .icon3{background-image:url(../images/aside_icon3.png);}
.aside li .icon4{background-image:url(../images/aside_icon4.png);}
.aside li .icon5{background-image:url(../images/aside_icon5.png);}
.aside li .icon6{background-image:url(../images/aside_icon6.png);}
.aside li p{font-size: 10px;color: #000;line-height: 16px;text-align: center;}
.aside li:hover{background: #e51b2f;}
.aside li:hover .icon1{background-image: url(../images/aside_w_icon1.png);}
.aside li:hover .icon2{background-image: url(../images/aside_w_icon2.png);}
.aside li:hover .icon3{background-image: url(../images/aside_w_icon3.png);}
.aside li:hover .icon4{background-image: url(../images/aside_w_icon4.png);}
.aside li:hover .icon5{background-image: url(../images/aside_w_icon5.png);}
.aside li:hover .icon6{background-image: url(../images/aside_w_icon6.png);}
.aside li:hover p{color:#fff;}

/*通用*/
.sub-banner{position: relative;background:#000;height:100vh;}
.sub-banner img,
.sub-banner video{display: block;width: 100%;height: 100vh;object-fit: cover;}
.sub-banner .yin{background: rgba(0, 0, 0, 0.6);}
.sub-banner .main{position: absolute;left: 0;top: 17%;z-index: 10;text-align: center;width: 100%;}
.sub-banner h1{font-size: 3.125vw;font-family: 'OPPOSans-B';color: #fff;}
.sub-banner p{font-size: 1.5625vw;color: #fff;}
.sub-banner .more{width: 10.4167vw;height: 2.6042vw;font-size: 1.25vw;border: 1px solid #fff;border-radius: 2.6042vw;margin: 2.6042vw auto 0; transition: .3s linear;color: #fff;}
.sub-banner .more:hover{background: #e51b2f;color: #fff;border-color: #e51b2f;}
.about-banner .main{top: 0;height: 100%;display: flex;align-items: center;justify-content: center;}
.about-banner h1{font-size: 2.6042vw;font-family: 'OPPOSans-B';color: #fff;}
.about-banner p{font-size: 1.875vw;color: #fff;margin-top: 0.7292vw;}
.about-banner .v-player{display: block;width: 3.3333vw;height: 3.3333vw;box-sizing: border-box;border: 2px solid #fff;border-radius: 50%;margin: 2.9167vw auto 0;background: url(../images/player.png) no-repeat 1.0938vw center;background-size: 1.0417vw 1.3542vw;}
.sub-nav{display: flex;position: absolute;left: 0;bottom: 0;width: 100%;height:4.1667vw;z-index: 10;justify-content: center;background: rgba(0, 0, 0, 0.7);}
.sub-nav .item{display: block;text-align: center;font-size: 1.0417vw;line-height: 4.1667vw;color: #fff;position: relative;width: 25%;}
.sub-nav .item::before{content: '';width: 0;height: 3px;background: #e51b2f;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);transition: .3s linear;border-radius: 3px;}
.sub-nav .item::after{content: '';width: 1px;height: 1.4583vw;right: 0;top: 1.5625vw;background: #666;position: absolute;}
.sub-nav .item:last-child::after{display: none;}
.sub-nav .item:hover::before,
.sub-nav .active::before{width: 5.8333vw;}
.subFixed{position: fixed;top: 94px;}
.join{padding: 5.2083vw 0;text-align: center;background: #E6E6E6;position: relative;z-index: 98;}
.join h2{font-size: 2.6042vw;line-height: 1.3261;color: #000;font-family: 'OPPOSans-H';}
.join .info{font-size: 1.7188vw;line-height: 1.3333;color: #4c4c4c;margin-top: 0.5208vw;font-family: 'OPPOSans-R';}
.join .btn{width: 14.5833vw;height: 4.1667vw;margin: 3.2292vw auto 0;font-size: 1.25vw;background: #e51b2f;color: #fff;border-radius:0.5208vw;}
.video-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 100;display: none;}
.video-pop-main{position: absolute;left: 50%;top: 50%;width: 900px;height: 506px;background: #000;margin: -253px 0 0 -450px;}
.video-pop-main .close{display: block;width: 30px;height: 30px;background: url('../images/video_close.png') no-repeat;position: absolute;right: -50px;top: 0;}
.video-pop-main .close:hover{transform:rotate(180deg);}
.video-pop-main .video video{display: block;width: 100%;height: 506px;}
.video-pop-main .prism-player{width: 100% !important;height: 506px !important;}
.com-nav{background-color: #000;}
.com-nav .container{display: flex;max-width:1280px;justify-content: space-between;padding: 2.6042vw 0 2.9167vw;}
.com-nav .item{display: block;text-align: center;}
.com-nav .img{height: 4.1667vw;}
.com-nav img{display: block;max-width: 4.1667vw;max-height: 4.1667vw;}
.com-nav .hr{display: none;}
.com-nav p{font-size: 1.0417vw;line-height: 1.3;color: #fff;margin-top: 1.1458vw;}
.com-nav .active img{display: none;}
.com-nav .active .hr{display: block;}
.com-nav .active p{color: #DE1327;}
.com-nav .item:hover img{display: none;}
.com-nav .item:hover .hr{display: block;}
.com-nav .item:hover p{color: #DE1327;}
.join-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.45);z-index: 101;display: none;}
.join-pop-main{box-sizing: border-box;width: 664px;background: #EAEAEA;padding: 30px 45px;}
.join-pop-main .close{display: block;width: 24px;height: 24px;background: url(../images/close.png) no-repeat;background-size: cover;position: absolute;right: 45px;top: 30px;transition: .3s linear;}
.join-pop-main .close:hover{transform: rotate(180deg);}
.join-pop-main .title{font-size: 26px;color: #333;line-height: 30px;padding-left: 25px;border-left: 10px solid #d52132;font-family:'OPPOSans-R';}
.join-pop-main .form{display: block;margin-top: 45px;}
.join-pop-main .item{margin-bottom: 20px;display: flex;justify-content: space-between; align-items: center;}
.join-pop-main .item-top{align-items: flex-start;}
.join-pop-main .name{font-size: 18px;line-height: 38px;color: #333;font-family:'OPPOSans-R';}
.join-pop-main .text{display: block;box-sizing: border-box;width: 450px;height: 38px;background: #fff;border-radius: 4px;border: none;padding: 0 16px;font-size: 14px;color: #9f9f9f;font-family:'OPPOSans-R';}
.join-pop-main .text::-webkit-input-placeholder{color: #9f9f9f;}
.join-pop-main .text::-moz-placeholder{color: #9f9f9f;}
.join-pop-main .addr{display: flex;justify-content: space-between;width: 450px;}
.join-pop-main .m_zlxg{width: 144px;height: 38px;position: relative;background: #fff;border-radius: 4px;z-index: 10;}
.join-pop-main p{padding: 0 16px;font-size: 14px;line-height: 38px;color: #9f9f9f;cursor: pointer;font-family:'OPPOSans-R';}
.join-pop-main p::after{content: '';width: 10px;height: 5px;background: url(../images/arrowB.png) no-repeat;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.join-pop-main ul{position: absolute;left: 0;top: 38px;width: 100%;background: #fff;border-radius: 4px;display: none;max-height: 190px;overflow-y: auto;}
.join-pop-main li{font-size: 14px;color: #9f9f9f;line-height: 38px;padding: 0 10px;cursor: pointer;font-family:'OPPOSans-R';}
.join-pop-main li:hover{color: #e51b2f;}
.join-pop-main .indus-select{width: 450px;height: 38px;border-radius: 4px;background: #fff;position: relative;}
.join-pop-main .fsb{width: 450px;}
.join-pop-main .vcode-text{width: 318px;}
.join-pop-main img{display: block;width: 122px;height: 38px;cursor: pointer;border-radius: 4px;}
.join-pop-main textarea{display: block;width: 450px;height: 110px;box-sizing: border-box;background: #fff;border-radius: 4px;border: none;padding: 10px 16px;font-size: 14px;color: #9f9f9f;line-height: 1.5;}
.join-pop-main .item-bot{padding: 15px 0 0 124px;}
.join-pop-main .btn{display: block;width: 100%;height: 44px;font-size: 16px;color: #fff;background: #d52132;border-radius: 4px;border: none;font-family:'OPPOSans-R';}
.join-pop-main .tips{font-size: 12px;line-height: 22px;color: #333;margin-top: 15px;font-family:'OPPOSans-R';}
.types-list{display: flex;justify-content: space-between;width: 450px;}
.types-list .step{display: flex;align-items: center;justify-content: center;width: 108px;height: 52px;text-align: center;background: #fff;border-radius: 4px;font-size: 14px;color: #9f9f9f;cursor: pointer;font-family:'OPPOSans-R';}
.types-list .active{background: #d52132;color: #fff;}
.swiper-com .swiper-button-prev,
.swiper-com .swiper-button-next{width: 0.625vw;height: 1.0938vw;background: url(../images/sw_arrow.png) no-repeat;background-size: cover;left: 3.0208vw;margin-top: -0.5208vw;}
.swiper-com .swiper-button-next{transform: rotate(180deg);left: auto;right: 3.0208vw;}
.swiper-com .swiper-pagination{display: flex;justify-content: center;bottom: 3.6458vw;}
.swiper-com .swiper-pagination-bullet{width: 3.125vw;height: 3px;background: rgba(255, 255, 255, 0.6);margin: 0 0.4688vw;transition: .3s linear;border-radius: 0;}
.swiper-com .swiper-pagination-bullet-active{background: #e51b2f;width: 7.2917vw;}

.deploy-pop{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 101;background: rgba(0,0,0,0.6);display: none;}
.deploy-pop-main{position: absolute;left: 50%;top: 72.9167vw;width: 1280px;margin-left: -640px;background: #fff;box-sizing: border-box;padding: 20px 30px 44px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-ms-transform: translateY(40px);}
.deploy-fadeInUp{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);-ms-transform: translateY(0px);}
.deploy-pop-main .title{font-size: 25px;color: #e51b2f;font-weight: bold;line-height: 45px;margin-bottom: 30px;}
.deploy-pop-main .close{display: block;width: 20px;height: 20px;background: url('../images/close.png') no-repeat;position: absolute;right: 30px;top: 30px;}
.deploy-pop-main .close:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.deploy-tb table{width: 100%;}
.deploy-tb table tr:nth-child(2n + 1){background: #f6f6f6;}
.deploy-tb table th{background: #e2e2e2;height: 52px;font-size: 16px;color: #000;font-weight: bold;border:1px solid #e2e2e2;}
.deploy-tb table td{border:1px solid #eee;font-size: 14px;color: #666;height: 38px;text-align: center;}
.deploy-tb table th:first-child,
.deploy-tb table td:first-child{width: 186px;padding-left: 40px;text-align: left;position: relative;}


/*首页*/
.home{background: #F2F2F2;}
.home .swiper-banner{height: 100vh;background:#000;}
.home .swiper-banner .swiper-slide{position: relative;}
.home .swiper-banner .main{background:rgba(0, 0, 0, 0.53);}
.home .swiper-banner video,
.home .swiper-banner img{display: block;width: 100%;height: 100vh;object-fit: cover;}
.home .swiper-banner .container{padding-top: 13.5417vw;}
.home .swiper-banner .title{font-size: 3.3333vw;line-height: 1.3125;color: #fff;font-family: 'OPPOSans-H';text-align: center;}
.home .swiper-banner .tips{font-size: 1.3542vw;line-height: 1.3846;color: #fff;margin-top: 1.0417vw;text-align: center;}
.home .swiper-banner .learn-more{margin-top: 2.7083vw;border-color: #fff;color: #fff;}
.home .swiper-banner .learn-more i{background-image: url(../images/arrow_wr.png);}
.home .swiper-banner .learn-more:hover{border-color: #DE1327;background: #DE1327;}

.home .com-nav{background: #000;}
.home .com-nav .img{height: 4.1667vw;}
.home .com-nav img{max-height: 4.1667vw;}
.home .com-nav p{color: #fff;font-size: 14px;}

.home .swiper-sys{height: 100vh;}
.home .swiper-sys img{display: block;width: 100%;height: 100vh;object-fit: cover;}
.home .swiper-sys a{display: block;width: 100%;height: 100vh;position: relative;}
.home .swiper-sys .container{padding-top: 6.7708vw;}
.home .swiper-sys .tips{font-size: 1.5625vw;line-height: 1.3333;color: #fff;text-align: center;}
.home .swiper-sys .title{font-size: 2.3958vw;line-height: 1.2174;color: #fff;font-family: 'OPPOSans-H';margin-top: 0.9375vw;text-align: center;}
.home .swiper-sys .learn-more{margin-top: 2.0833vw;border-color: #fff;color: #fff;}
.home .swiper-sys .learn-more i{background-image: url(../images/arrow_wr.png);}
.home .swiper-sys .learn-more:hover{border-color: #DE1327;background: #DE1327;}

@keyframes draw-line-f87e3bc6 {
	0% {
	  transform: translateY(-38px);
	  transform: translateY(-38px);
	}
	50%, 51% {
	  transform: translateY(0);
	  transform: translateY(0);
	}
	100% {
	  transform: translateY(56px);
	  transform: translateY(56px);
	}
  }
  .show-sword-box {
	padding-top: 100px;
	background-color: #1a1a1a;
  }
  .show-sword-container {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 50%;
	width: 11px;
	height: 48px;
	overflow: hidden;
	transform: translateX(-50%);
  }
  .show-sword {
	position: relative;
	width: 100%;
	height: 100%;
	animation: draw-line-f87e3bc6 2.5s forwards infinite cubic-bezier(0.76, 0, 0.3, 1);
  }
  .show-sword img {
	width: 11px;
  }
  /**/
  .test-lief {
	position: relative;
	height: 100vh;
	background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0) 100%) no-repeat bottom center, radial-gradient(#2a2a2a 0%, rgba(42, 42, 42, 0) 100%) no-repeat center;
	background-size: 100% 31.25vw, cover;
  }
  .test-text {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	z-index: 2;
	text-align: center;
	transform: translate(0, -50%);
  }
  .test-text h3[data-v-af1a3174] {
	font-weight: 300;
	padding-bottom: 24px;
	font-size: 1.5625vw;
	color: rgba(255, 255, 255, 0.6);
  }
  .test-text h5[data-v-af1a3174] {
	font-weight: 600;
	color: #fff;
	font-size: 2.8125vw;
  }
  #life {
	position: relative;
	height: 100vh;
	background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0) 100%) no-repeat bottom center, radial-gradient(#2a2a2a 0%, rgba(42, 42, 42, 0) 100%) no-repeat center;
	background-size: 100% 31.25vw, cover;
  }
  #life .frame_container[data-v-75913c20] {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
  }
  #life .frame_container .mask[data-v-75913c20] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  }
  #life .frame_container .light[data-v-75913c20] {
	position: absolute;
	left: 50%;
	z-index: 1;
  }
  #life .frame_container .light_0[data-v-75913c20] {
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	object-fit: cover;
  }
  #life .more-btn {
	display: block;
	font-size: 1.25vw;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 2.6042vw;
	width: 10.4167vw;
	height: 2.0833vw;
	line-height: 2.0833vw;
	cursor: pointer;
	transform: scale(1.5);
	margin: 2.6042vw auto;
  }
  #life .more-btn:hover{
	background: #e51b2f;
	border-color: #e51b2f;
	color: #fff;
  }
.home .rem-box{padding: 6.5104vw 0 4.1667vw;}
.home .com-tit{display: flex;align-items: center;justify-content: center;font-size: 2.5vw;line-height: 1;font-family: 'OPPOSans-H';}
.home .com-tit .line{width: 0.3125vw;height: 2.5vw;background: #DE1327;margin: 0 1.4583vw;}
.home .pro-box{padding: 4.1667vw 0;}
.home .swiper-pro{position: relative;margin-top: 3.2292vw;padding: 0 0.5208vw;}
.home .swiper-pro a{display: block;overflow: hidden;}
.home .swiper-pro .img{width: 13.2813vw;height: 26.4583vw;margin: 5vw 0 0 4.5833vw;background: #E6E6E6;border-radius: 0.5208vw;display: flex;align-items: center;transition: .5s linear;}
.home .swiper-pro img{display: block;max-width: 14.0625vw;max-height: 17.7083vw;position: relative;right: -4.6875vw;transition: .5s linear;}
.home .swiper-pro .swiper-slide:nth-child(2n) .img{margin-top: 0;}
.home .swiper-pro .box{padding: 1.8229vw 0 0 4.5833vw;}
.home .swiper-pro .title{font-size: 1.3542vw;line-height: 1.3846;color: #000;}
.home .swiper-pro .tips{font-size: 1.0417vw;line-height: 1.5;color: #000;font-family:'OPPOSans-R'}
.home .swiper-pro a:hover .img{background: #e51b2f;}
.home .swiper-pro a:hover img{transform: scale(1.1, 1.1);}
.home .swiper-pro .swiper-button-prev,
.home .swiper-pro .swiper-button-next{width: 0.7813vw;height: 1.3542vw;background: url(../images/sw_b_arrow.png) no-repeat;background-size: cover;margin-top: -0.6771vw;left: 0;}
.home .swiper-pro .swiper-button-next{left: auto;right: 0;transform: rotate(180deg);}

.home .solute-box{padding: 4.1667vw 0 3.6458vw;}
.home .solute-box .list{display: flex;justify-content: space-between;margin-top: 3.4375vw;}
.home .solute-box .item{display: block;position: relative;overflow: hidden;border-radius: 0.625vw;width: 45.7292vw;}
.home .solute-box .item img{display: block;width: 100%;height: 27.3438vw;object-fit: cover;transition: .3s linear;}
.home .solute-box .item .abs{display: flex;align-items: flex-end;box-sizing: border-box;padding: 0 2.0833vw 2.3958vw;}
.home .solute-box .abs::after{content: '';width: 100%;height: 50%;bottom: 0;left: 0;position: absolute;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));}
.home .solute-box .item .box{position: relative;z-index: 10;}
.home .solute-box .item h4{font-size: 1.3542vw;line-height: 1.6923;color: #fff;}
.home .solute-box .item .more{width: 6.5625vw;height: 1.8229vw;box-sizing: border-box;border: 1px solid #fff;border-radius: 0.8854vw;font-size: 0.8333vw;color: #fff;margin-top: 0.7292vw;transition: .3s linear;font-family: 'OPPOSans-R';line-height: 1;}
.home .solute-box .item .more i{display: block;width: 0.9375vw;height: 0.9375vw;background: url(../images/arrow_wr.png) no-repeat;background-size: cover;margin-left: 0.5208vw;}
.home .solute-box .item:hover img{transform: scale(1.1, 1.1);}
.home .solute-box .item:hover .more{background: #e51b2f;border-color: #e51b2f;}

.home .video-box{padding: 4.1667vw 0 5.7292vw;}
.home .video-list{margin-top: 3.75vw;padding-bottom:4.6875vw;}
.home .video-list ul{display: flex;}
.home .video-list li{width: 29.6875vw;margin-right: 2.4479vw;}
.home .video-list li:nth-child(3n){margin-right: 0;}
.home .video-list a{display: block;position: relative;height: 22.2917vw;border-radius: 0.4167vw;overflow: hidden;}
.home .video-list img{height: 22.2917vw;object-fit: cover;transition: .3s linear;}
.home .video-list i{display: block;width: 3.4375vw;height: 3.4375vw;border: 1px solid #fff;border-radius: 50%;background: url(../images/player.png) no-repeat center center;background-size: 1.0417vw 1.3542vw;}
.home .video-list .name{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;font-size: 1.4583vw;line-height: 3.75vw;color: #fff;z-index: 5;box-sizing:border-box;padding: 0 1.5625vw;background: rgba(0, 0, 0, 0.7);font-family:'OPPOSans-R';}
.home .video-list li:hover img{transform: scale(1.1, 1.1);}

.home .share-box{padding: 4.1667vw 0 7.4167vw;}
.home .share-box .list{display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: 3.4375vw;}
.home .share-box .item{display: block;position: relative;overflow: hidden;border-radius: 0.625vw;width: 45.7292vw;margin-bottom: 1.525vw;}
.home .share-box .item img{display: block;width: 100%;height: 27.3438vw;object-fit: cover;transition: .3s linear;}
.home .share-box .item .abs{display: flex;align-items: flex-end;box-sizing: border-box;padding: 0 2.0833vw 2.3958vw;}
.home .share-box .abs::after{content: '';width: 100%;height: 50%;bottom: 0;left: 0;position: absolute;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));}
.home .share-box .item .box{position: relative;z-index: 10;}
.home .share-box .item h4{font-size: 1.3542vw;line-height: 1.6923;color: #fff;}
.home .share-box .item .txt{font-size: 1.0417vw;line-height: 2;color: #fff;font-family: 'OPPOSans-R';}
.home .share-box .item .more{width: 6.5625vw;height: 1.8229vw;box-sizing: border-box;border: 1px solid #fff;border-radius: 0.8854vw;font-size: 0.8333vw;color: #fff;margin-top: 0.7292vw;transition: .3s linear;font-family: 'OPPOSans-R';line-height: 1;}
.home .share-box .item .more i{display: block;width: 0.9375vw;height: 0.9375vw;background: url(../images/arrow_wr.png) no-repeat;background-size: cover;margin-left: 0.5208vw;}
.home .share-box .item:hover img{transform: scale(1.1, 1.1);}
.home .share-box .item:hover .more{background: #e51b2f;border-color: #e51b2f;}

/*产业产品*/
.product{background:#F0F0F0;overflow: hidden;}
.product h2{text-align: center;font-size: 2.5vw;font-family: 'OPPOSans-B';color: rgba(0, 0, 0, 0.7);padding: 4.1667vw 0 3.5937vw;}
.product .section{margin-bottom: 3.125vw;}
.product .section h3{font-size: 1.9792vw;color: rgba(0, 0, 0, 0.8);line-height: 1.3158;}
.product .sub-cate{margin-top: 0.9375vw;display: flex;}
.product .sub-cate .item{margin-right: 1.0417vw;padding: 0 1.3021vw;font-size: 1.0417vw;line-height:2.6042vw;color: rgba(0, 0, 0, 0.8);background: #DBDBDB;border-radius: 1.3021vw;transition: .3s linear;}
.product .sub-cate .item:hover{background: #E1E3E6;}
.product .sub-cate .active{background: #3C3C3C !important;color: #fff !important;}
.pro-list{margin-top: 3.125vw;padding-bottom: 2.0833vw;}
.pro-list ul{display: flex;flex-wrap: wrap;}

.pro-list li{width: 21.6146vw;height: 23.9583vw;background: #fff;border-radius: 0.8333vw; margin: 0 2.3958vw 2.6042vw 0;}
.pro-list li:nth-child(4n){margin-right: 0;}
.pro-list li .link{display: block;padding: 2.3875vw 1.5625vw 0;}
.pro-list li h4{font-size: 1.3542vw;color: #000;text-align: center;line-height: 1.3333;height:2.0833vw;overflow:hidden;}
.pro-list li p{font-size: 1.0417vw;line-height: 1.5;color:#000;margin-top: 0.1563vw;height:1.5625vw; text-align: center;font-family: 'OPPOSans-R';}


.pro-list li .img{width: 11.9792vw;height: 11.9792vw;margin: 1.0417vw auto 0;}
.pro-list li img{display: block;max-width: 100%;max-height: 11.9792vw;transition: .3s linear;}
.pro-list li .bot{padding: 0 1.5625vw;margin-top: 1.25vw;}
.pro-list li .more{display: block;font-size: 0.8333vw;line-height: 1.3333;color: #000;font-family: 'OPPOSans-R';}
.pro-list li .buy{display: block;font-size: 0.8333vw;line-height: 2.125;background: #DE1327;color: #fff;border-radius: 0.8333vw;padding: 0 1.0417vw;}
.pro-list li:hover img{transform: scale(1.1, 1.1);}
.pro-list li .more:hover{color: #DE1327;}
.learn-more{width: 10.6771vw;height: 2.7604vw;margin: 0 auto;box-sizing: border-box;border: 1px solid rgba(0, 0, 0, 0.8);border-radius: 1.4063vw;font-size: 1.0417vw;color: rgba(0, 0, 0, 0.6);transition: .3s linear;}
.learn-more i{display: block;width: 0.9375vw;height: 0.9375vw;background: url(../images/arrow_br.png) no-repeat;background-size: cover;margin-left: 0.3125vw;}
.learn-more:hover{background: #DE1327;border-color: #DE1327;color: #fff;}
.learn-more:hover i{background-image: url(../images/arrow_wr.png);}

/*解决方案*/
.solution{background:#F0F0F0;overflow: hidden;}
.solute-main{padding: 4.1667vw 0 2.7083vw;}
.solute-main .com-tit{display: flex;align-items: center;justify-content: center;font-size: 2.5vw;line-height: 1;font-family: 'OPPOSans-B';}
.solute-main .com-tit .line{width: 0.3125vw;height: 2.5vw;background: #DE1327;margin: 0 1.4583vw;}
.type-list{margin: 4.1667vw 0 4.4792vw;display: flex;justify-content: space-between;}
.type-list .item{width: 10.8333vw;transition: .3s linear;position:relative;overflow:hidden;border-radius:1.0417vw;}
.type-list .item::after{content:'';width:100%;height:100%;background:rgba(0, 0, 0, 0.6);position:absolute;left:0;top:0;z-index: 4;}
.type-list .box{width: 100%;position:relative;z-index:10;transition: .3s linear;}
.type-list .imgBg{height: 37.5vw;border-radius: 0.8333vw;display: flex;align-items: flex-end;box-sizing: border-box;padding: 0 1.0417vw 2.6042vw;}
.type-list .title{font-size: 1.0417vw;line-height: 1.3125;color: #fff;text-align: center;}
.type-list .txt{font-size: 0.9375vw;line-height: 1.6667;color: #fff;width: 34.2708vw;margin-top: 1.3542vw;display: none;}
.type-list .idea{display: none;width: 9.375vw;text-align: center;font-size: 0.8854vw;line-height: 2.8235;color: #fff;background: #DE1327;border-radius: 1.25vw;margin-top: 2.0833vw;}
.type-list .active{width: 59.8958vw;}
.type-list .active .imgBg{padding: 0 3.125vw 3.125vw;}
.type-list .active .title{text-align: left;font-size: 1.7708vw;font-family: 'OPPOSans-B';}
.type-list .active .idea,
.type-list .active .txt{display: block;}
.rem-list{margin-top: 4.1667vw;padding-bottom: 2.6042vw;}
.rem-list ul{display: flex;flex-wrap: wrap;}
.rem-list li{width: 22.3958vw;margin: 0 1.4583vw 1.5625vw 0;}
.rem-list li:nth-child(4n){margin-right: 0;}
.rem-list li a{display: block;}
.rem-list li .img{height: 17.1875vw;border-radius: 0.8333vw;background: #fff;}
.rem-list li img{display: block;max-width: 16.0417vw;max-height: 16.0417vw;transition: .3s linear;}
.rem-list li .name{text-align: center;font-size: 1.5625vw;line-height: 1.3333;color: rgba(0, 0, 0, 0.7);margin-top: 1.5625vw;}
.rem-list li:hover img{transform: scale(1.1, 1.1);}
.rem-list li:hover .name{color: #DE1327;}

/*智享居家*/
.goods{background: #000;padding: 5.7292vw 0 6.5104vw;}
.goods h2{font-size: 2.0833vw;line-height: 1.325;color: #fff;font-family: 'OPPOSans-B';}
.goods .section{display: flex;justify-content: space-between;margin-top: 2.0833vw;}
.goods .bg-list{width: 61.9792vw;border-radius: 0.8333vw;overflow: hidden;}
.goods .bg-list .imgBg{display: block;height: 34.8958vw;}
.goods .nav{width: 30.625vw;}
.goods .nav .item{display: flex;justify-content: space-between; flex-direction: column; width: 100%;height: 10.9375vw;margin-bottom: 1.0417vw;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.16);background: #111112;border-radius: 0.8333vw;padding: 1.5625vw 2.6042vw;transition: all .3s;}
.goods .nav .item:last-child{margin-bottom: 0;}
.goods .nav .title{font-size: 1.4583vw;line-height: 1.4286;color: rgba(255, 255, 255, 0.5);}
.goods .nav .more{font-size: 1.0417vw;line-height: 2;color: rgba(255, 255, 255, 0.5);}
.goods .nav .active{border-color: rgba(206, 168, 130, 0.3);background: #1B1611;}
.goods .nav .active .title,
.goods .nav .active .more{color: #CEA882;}
.goods-list{margin-top: 5.2083vw;padding-top: 6.4583vw;border-top: 1px solid rgba(255, 255, 255, 0.3);}
.goods-list li{margin-bottom: 5.2083vw;}
.goods-list li a{display: flex;align-items: center;justify-content: space-between;}
.goods-list li .pic{width: 31.25vw;height: 17.6042vw;border-radius: 0.8333vw;overflow: hidden;}
.goods-list li img{height: 17.6042vw;object-fit: cover;}
.goods-list li .main{width: 59.5833vw;}
.goods-list li .title{font-size: 1.7708vw;line-height: 1.4706;color: #fff;font-family: 'OPPOSans-B';}
.goods-list li .txt{font-size: 1.0417vw;line-height: 1.5;color: rgba(255, 255, 255, 0.5);margin-top: 1.1979vw;}
.goods-list li .more{font-size: 1.0417vw;line-height: 2;color: rgba(255, 255, 255, 0.5);margin-top: 1.875vw;}
.goods .page a{border-color: rgba(255, 255, 255, 0.16);color: #fff;}

/*视频中心*/
.media{padding: 4.0625vw 0 4.8438vw;}
.media h2{text-align: center;font-size: 2.3958vw;font-family: 'OPPOSans-B';line-height: 1.3261;color: #4c4c4c;}
.media-list{margin-top: 3.6458vw;padding-bottom: 3.2813vw;}
.media-list ul{display: flex;flex-wrap: wrap;}
.media-list li{width: 30vw;margin: 0 1.8792vw 1.5625vw 0;}
.media-list li:nth-child(3n){margin-right: 0;}
.media-list li .pic{border-radius: 0.5208vw;overflow: hidden;position: relative;}
.media-list li img{height: 16.4063vw;object-fit: cover;transition: .3s linear;}
.media-list li .title{font-size:1.4583vw;line-height: 1.3214;color: rgba(0, 0, 0, 0.7);margin-top: 1.0417vw;}
.media-list li p{font-size: 1.0417vw;color: rgba(0, 0, 0, 0.4);line-height: 1.3;margin-top: 0.625vw;}
.media-list li .v-player{display: block;width: 3.4375vw;height: 3.4375vw;background: url(../images/player.png) no-repeat center center rgba(0, 0, 0, 0.5);background-size: 1.0417vw 1.3542vw;border-radius: 50%;}
.media-list li:hover img{transform: scale(1.1, 1.1);}
.media-list li:hover .title{color: #DE1327;}

/*购买服务*/
.shop{background: #F5F5F5;padding: 10.9375vw 0 5.7292vw;}
.shop .com-tit{display: flex;align-items: center;justify-content: center;font-size: 2.5vw;line-height: 1;font-family: 'OPPOSans-B';}
.shop .com-tit .line{width: 0.3125vw;height: 2.5vw;background: #DE1327;margin: 0 1.4583vw;}
.shop .mall-box .main{position: relative;margin-top: 3.6458vw;}
.shop .mall-box .box{display: flex;align-items: center;box-sizing: border-box;padding: 0 5vw;}
.shop .mall-box .cell{width: 26.25vw;}
.shop .mall-box .title{font-size: 2.0833vw;line-height: 1.5556;color: #333;}
.shop .mall-box .txt{margin-top: 1.6667vw;}
.shop .mall-box .txt p{font-size: 1.1458vw;line-height: 1.4545;color: #333;position: relative;padding-left: 1.25vw;margin-bottom: 0.3125vw;font-family: 'OPPOSans-R';}
.shop .mall-box .txt p::before{content: '';width: 0.3125vw;height: 0.3125vw;left: 0;top:0.6771vw;position: absolute;background: #333;}
.shop .mall-box .list{display: flex;justify-content: space-between;margin-top: 1.875vw;}
.shop .mall-box .list .item{height: 8.2292vw;display: flex;align-items: center;background: #DCDCDC;width: 30.0521vw;box-sizing: border-box;padding: 0 2.5vw;justify-content: space-between;}
.shop .mall-box .list .icon{width: 4.5833vw;height: 4.5833vw;}
.shop .mall-box .list .icon img{display: block;width: 100%;}
.shop .mall-box .list .name{width: 16.6667vw;font-size: 1.4583vw;line-height: 1.5;color: #000;}
.shop .mall-box .list .arrow{width: 0.625vw;height: 1.0417vw;background: url(../images/shop_arrow.png) no-repeat;background-size: cover;}
.shop .mall-box .list .item:hover .name{color: #e51b2f;}
.shop .store-box{padding-top: 7.0833vw;}
.shop .store-box .main{position: relative;margin-top: 3.6458vw;}
.shop .store-box .box{display: flex;align-items: center;justify-content: center;}
.shop .store-box .cell{width: 41.7708vw;}
.shop .city-box{position: relative;}
.shop .city-select{position: absolute;left: 50%;top: 100%;width: 320px;height: 320px;overflow-y: scroll;padding: 7px 42px 13px 42px;background: #fff;box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.02);border-radius: 4px;z-index: 101;transform: translateX(-50%);display: none;}
.shop .city-layui{position:fixed;left:0;top:0;width: 100%;height: 100%;z-index: 100;display: none;}
.shop .city-select .col{border-bottom: 1px solid rgba(216, 216, 216, 0.4);}
.shop .city-select .col i{display: block; width: 12px;height: 12px;position: relative;}
.shop .city-select .col i::before{content: '';width: 12px;height: 2px;background: #9B9B9B;border-radius: 2px;left: 0;top: 5px;position: absolute;}
.shop .city-select .col i::after{content: '';width: 2px;height: 12px;background: #9B9B9B;border-radius: 2px;left: 5px;top: 0px;position: absolute;}
.shop .city-select .col-active i::after{display: none;}
.shop .city-select .provice{font-size: 14px;line-height: 38px;color: #1A1B1F;font-family: 'OPPOSans-B';display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.shop .city-select .addr-list{display: none;}
.shop .city-select a{display: block;font-size: 14px;color: #737373;line-height: 38px;}
.shop .city-select a:hover{color: #e51b2f;}
.shop .store-box .city{display: flex;justify-content: center;position: relative;}
.shop .store-box .city span{font-size: 1.875vw;line-height: 1.4;color: #fff;font-family: 'OPPOSans-B';display: block;position: relative;cursor: pointer;}
.shop .store-box .city span::after{content: '';width: 1.0417vw;height: 0.5729vw;background: url(../images/city_arrow.png) no-repeat;background-size: cover;position: absolute;right: -2.1875vw;top: 50%;transform: translateY(-50%) rotate(180deg);}
.shop .store-box .form{display: flex;justify-content: space-between;align-items: center;position: relative;border: 1px solid #9f9f9f;background: #fff;height: 4.4271vw;border-radius: 0.5208vw;overflow: hidden;padding: 0 0.625vw 0 1.5625vw;margin-top: 4.2708vw;}
.shop .store-box .text{display: block;width: 31.25vw;box-sizing: border-box;height: 3.3333vw;padding-left: 3.125vw;font-size: 1.4583vw;color: #797979;background: url(../images/search_b.png) no-repeat left center;background-size: 1.7708vw 1.7708vw;border: none;font-family: 'OPPOSans-R';}
.shop .store-box .btn{width: 7.2917vw;height: 3.3333vw;border-radius: 0.5208vw;background: #e51b2f;border: none;font-size: 1.25vw;color: #fff;font-family: 'OPPOSans-R';}
.shop .store-box .hots{display: flex;align-items: center;margin: 1.0417vw 0 0 1.5625vw;}
.shop .store-box .hots span{font-size: 1.0417vw;line-height: 2;color: #fff;margin-right: 0.9375vw;font-family: 'OPPOSans-R';}
.shop .store-box .hots a{font-size: 1.0417vw;line-height: 2;color: #fff;text-decoration: underline;margin-right: 0.625vw;font-family: 'OPPOSans-R';}
.shop .near{margin-top: 2.0833vw;display: flex;align-items: center;justify-content: space-between;}
.shop .near .title{font-size: 1.6667vw;line-height: 1.5;color: #333;font-family: 'OPPOSans-B';}
.shop .near .list{display: flex;width: 76.5625vw;}
.shop .near .item{width: 24.4792vw;height: 6.7708vw;position: relative;box-sizing: border-box;background: #DCDCDC;padding: 1.1458vw 2.1875vw 0;margin-right: 1.5625vw;cursor: pointer;}
.shop .near .item::after{content: '';width: 0;height: 0.4688vw;background: #e51b2f;position: absolute;left: 0;bottom: 0;transition: .3s linear;}
.shop .near .item:nth-child(3n){margin-right: 0;}
.shop .near .item:hover::after{width: 100%;}
.shop .near .name{font-size: 1.4583vw;line-height: 1.625;color: #000;}
.shop .near .addr{font-size: 0.9375vw;line-height: 1.7778;color: #000;}
.shop .same-box{padding-top: 6.25vw;}
.shop .same-box .title{font-size: 1.6667vw;line-height: 1.5;color: #333;font-family: 'OPPOSans-B';}
.sm-list{display: flex;flex-wrap: wrap;margin-top: 1.5625vw;padding-bottom: 1.0417vw;}
.sm-list .item{width: 29.9479vw;height: 11.1458vw;box-sizing: border-box;padding: 1.5625vw 2.0833vw;background:#DCDCDC;margin: 0 1.9792vw 1.6667vw 0;cursor: pointer;position: relative;}
.sm-list .item::after{content: '';width: 0;height: 0.4688vw;background: #e51b2f;position: absolute;left: 0;bottom: 0;transition: .3s linear;}
.sm-list .item:nth-child(3n){margin-right: 0;}
.sm-list .item .name{font-size: 1.4583vw;line-height: 1.625;color: #000;}
.sm-list .item .addr{font-size: 0.9375vw;line-height: 1.7778;color: #000;}
.sm-list .item:hover::after{width: 100%;}
.shop .same-box .read-more{width: 21.5625vw;height: 4.4792vw;background: #e51b2f;margin: 0 auto;border-radius: 0.7292vw;font-size: 1.4583vw;color: #fff;}

/*门店*/
.shopRes{background: #F5F5F5;padding: 10.9375vw 0 2.0833vw;}
.shopRes .form{display: flex;justify-content: space-between;align-items: center;position: relative;border: 1px solid #9f9f9f;background: #fff;height: 4.4271vw;border-radius: 0.5208vw;overflow: hidden;padding: 0 0.625vw 0 1.5625vw;margin: 4.2708vw auto 0;width: 41.7708vw;}
.shopRes .text{display: block;width: 31.25vw;box-sizing: border-box;height: 3.3333vw;padding-left: 3.125vw;font-size: 1.4583vw;color: #797979;background: url(../images/search_b.png) no-repeat left center;background-size: 1.7708vw 1.7708vw;border: none;font-family: 'OPPOSans-R';}
.shopRes .btn{width: 7.2917vw;height: 3.3333vw;border-radius: 0.5208vw;background: #e51b2f;border: none;font-size: 1.25vw;color: #fff;font-family: 'OPPOSans-R';}
.shopRes .sm-list{margin-top: 4.6875vw;}

/*住宅配电定制解决方案*/
.dwelling-banner {width: 100%;position: relative;}
.dwelling-banner img{display: block;width: 100%;}
.dwelling-banner .container{position: relative;height: 100%;}
.dwelling-banner .main{position: absolute;left: 0;bottom: 100px;}
.dwelling-banner .main .title{font-size: 36px;color: #fff;line-height: 46px;margin-bottom: 36px;}
.dwelling-banner .main .txt{font-size: 16px;color: #fff;line-height: 29px;margin-bottom: 18px;max-width: 760px;}
.dwelling-banner .main .link{font-size: 16px;color: #009eff;line-height: 26px;}

.dwelling-idea{padding: 95px 0 30px;}
.dwelling-idea .title{font-size: 30px;color: #3b3e40;line-height: 50px;text-align: center;}
.dwelling-idea .info{font-size: 14px;color: #808080;line-height: 24px;text-align: center;}
.dwelling-idea .list{margin-top: 92px;}
.dwelling-idea .list .item{width: 33.3333%;float: left;margin-bottom: 68px;text-align: center;}
.dwelling-idea .list .img{display: flex;align-items: center;justify-content: center;height: 80px;}
.dwelling-idea .list .img img{display: block;height: 80px;}
.dwelling-idea .list .name{font-size: 20px;color: #333;line-height: 30px;margin-top: 25px;}
.dwelling-idea .list .txt{font-size: 14px;color: #666;line-height: 23px;min-height: 92px;margin-top: 5px;}

.dwelling-mold{position: relative;}
.m-mold{display: none;}
.mold-top{position: absolute;left: 0;top: 0;z-index: 98;padding-top: 0;box-sizing: border-box;width: 100%;height:28.2292vw;}
.mold-h{width: 100%;height: 31.3542vw;}

.mold-top .list{margin-top: 5.2083vw;background:#E5E5E5;padding: 2.2396vw 0 4.2708vw;}
.mold-top .list .item{width: 25%;float: left;text-align: center;position: relative;cursor: pointer;}
.mold-top .list img{display: block;height: 10.1042vw;margin: 0 auto;}
.mold-top .list .name{font-size: 1.4583vw;color: #000;line-height: 1.5714;margin-top: 0.5208vw;}
.mold-top .list p{font-size: 0.9375vw;color: #000;line-height: 1.7778;font-family: 'OPPOSans-R';}
.mold-top .list .item-on .name,
.mold-top .list .item-on p{color:#d52132;}
.mold-top .more{display: block;margin: 60px auto 0;width: 18px;height: 20px;background: url('../images/mold_more.png') no-repeat;animation:mymove 1.2s infinite;-webkit-animation:mymove 1.2s infinite;position: relative;display: none;}
@keyframes mymove
{
	0%{
		top: 0;
	}
	50%{
		top: 10px;
	}
	100%{
		top: 0;
	}
}

@-webkit-keyframes mymove
{
	0%{
		top: 0;
	}
	50%{
		top: 10px;
	}
	100%{
		top: 0;
	}
}
.mold-main{position: relative;z-index: 90;}
.mold-main::before{content:'';width:93.9583vw;height:100%;left: 50%;transform: translateX(-50%); top:0;background-color:#E5E5E5;position:absolute;}

.mold-left{position: absolute;left: 0;top: 0;width: 50%;z-index: 10;}
.mold-left .pic{width: 770px;margin:3.125vw 0 0 calc(100% - 770px);display: none;}
.mold-left .pic:nth-child(2){width: 810px;margin-left: calc(100% - 810px);margin-top:4.6875vw;}
.mold-left .pic:nth-child(3){width: 810px;margin-left: calc(100% - 810px);margin-top:8.3333vw;}
.mold-left .pic:nth-child(4){width: 430px;margin-left: calc(100% - 610px);margin-top:5.2083vw;}
.mold-left .img{position: relative;width: 770px;margin-left: 40px;}
.mold-left .pic:nth-child(2) .img,
.mold-left .pic:nth-child(3) .img{width: 810px;}
.mold-left .pic:nth-child(4) .img{width: 430px;}
.mold-left .img img{display: block;width: 100%;}

.mold-left .list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.mold-left .list .btn{position: absolute;width: 28px;height: 28px;background: url('../images/plus_icon.png') no-repeat center center #d52132;border-radius: 50%;cursor: pointer;}
.mold-left .list .btn-show{z-index: 10;}
.mold-left .list .erify{position: absolute;left: -30px;bottom: 40px;width: 266px;background: #fff;border:1px solid #d52132;border-radius: 4px;box-sizing: border-box;padding: 10px 18px 15px;display: none;}
.mold-left .list .erify::after{content: '';position: absolute;left: 34px;bottom: -11px;background: url('../images/dwelling_arrow.png') no-repeat;width: 20px;height: 11px;}
.mold-left .list .erify .name{font-size: 18px;color: #d52132;line-height: 28px;}
.mold-left .list .erify .txt{font-size: 14px;line-height: 22px;color: #666;}
.pos1{left: 430px;top: 400px;}
.pos2{left: 510px;top: 360px;}
.pos3{left: 190px;top: 220px;}
.pos4{left: 380px;top: 80px;}
.pos5{left: 680px;top: 120px;}
.pos6{left: 400px;top: 300px;}
.pos7{left: 365px;top: 220px;}
.pos8{left: 680px;top: 160px;}
.pos9{left: 245px;top: 120px;}
.pos10{left: 245px;top: 275px;}
.pos11{left: 100px;top: 335px;}
.pos12{left: 465px;top: 120px;}
.pos13{left: 280px;top: 125px;}
.pos14{left: 370px;top: 235px;}
.pos15{left: 650px;top: 140px;}
.pos16{left: 260px;top: 220px;}
.pos17{left: 620px;top: 230px;}
.pos18{left: 575px;top: 130px;}
.pos19{left: 285px;top: 50px;}
.pos20{left: 120px;top: 330px;}
.pos21{left: 325px;top: 265px;}
.pos22{left: 300px;top: 445px;}
.pos23{left: 90px;top: 70px;}
.pos24{left: 240px;top: 240px;}
.pos25{left: 140px;top: 280px;}
.pos26{left: 195px;top: 60px;}
.pos27{left: 195px;top: 160px;}
.pos28{left: 230px;top: 350px;}
.pos29{left: 160px;top: 215px;}
.pos30{left: 60px;top: 170px;}
.pos31{left: 330px;top: 110px;}

.mold-left .tips{opacity: 0; position: absolute;left: 0;bottom: 60px;width: 770px;margin-left: calc(100% - 770px);display: flex;border-bottom: 1px solid #dbdbdb;padding-bottom: 10px;}
.mold-left .tips .num{font-size: 45px;color: #dbdbdb;line-height: 45px;}
.mold-left .tips .name{font-size: 16px;color: #dbdbdb;line-height: 25px;margin: 20px 0 0 10px;}


.mold-right{margin-left: 50%;width: 50%;position:relative;z-index:10;}
.mold-right .item{min-height: 560px;}
/*.mold-right .item{background: #f0f0f0;min-height: 560px;}*/
/*.mold-right .item:nth-child(2n){background: #e8e8e8;}*/

.mold-right .warp{padding-top: 142px;width: 450px;margin-left: 190px;}
.mold-right .en{font-size: 24px;color: #cf0070;line-height: 32px;display:none;}
.mold-right .name{font-size: 1.875vw;color: #333;line-height: 1;font-family: 'OPPOSans-B';}
.mold-right .info{font-size: 0.9375vw;color: #000;line-height: 1.6667;margin-top: 48px;}
.mold-right .info p{margin-bottom: 1.0417vw;font-family: 'OPPOSans-R';}
.mold-right .info p:last-child{margin-bottom: 0;}
.mold-right .info .must{color: #cf0070;display: none;}
.mold-right .txt{font-size: 0.8333vw;color: #000;line-height: 1.875;margin-top: 2.3958vw;font-family: 'OPPOSans-R';}

.dwelling-fixed .mold-top{position: fixed;left: 0;top: 94px;width: 100%;height: 80px;padding: 0;background:rgba(0, 0, 0, 0.7);backdrop-filter:blur(20px);}
.dwelling-fixed .mold-top .com-tit,
.dwelling-fixed .mold-top .en,
.dwelling-fixed .mold-top .more,
.dwelling-fixed .mold-top .list img{display: none;}
.dwelling-fixed .mold-top .list{margin-top: 0;padding:0;background: none;}
.dwelling-fixed .mold-top .list .name{line-height: 1.5;margin-top: 0;font-size:1.0417vw;padding-top:0.7vw;color:#fff;}
.dwelling-fixed .mold-top .list p {font-size: 0.8333vw;color:#fff;}
.dwelling-fixed .mold-left{position: fixed;padding-top: 140px;box-sizing: border-box;}
.dwelling-fixed .mold-top .list .item-on .name,
.dwelling-fixed .mold-top .list .item-on p{color:#e51b2f;}

.residence{background:#F5F5F5;}
.residence .com-tit{display: flex;align-items: center;justify-content: center;font-size: 2.5vw;line-height: 1;font-family: 'OPPOSans-B';}
.residence .com-tit .line{width: 0.3125vw;height: 2.5vw;background: #DE1327;margin: 0 1.4583vw;}
.residence .idea-box{padding: 10.9375vw 0 10.2604vw;}
.residence .idea-box .info{text-align:center;font-size: 1.0417vw;color:#333;font-family: 'OPPOSans-R';margin: 1.875vw auto 0;width: 53.3333vw;line-height: 1.8;}
.residence .idea-box .main{margin-top: 4.4271vw;background: #E5E5E5;padding: 3.5417vw 4.6875vw 0;}
.residence .idea-box .list{display:flex;justify-content:space-between;flex-wrap: wrap;}
.residence .idea-box .item{width:17.5833vw;margin: 0 5.2708vw 3.3854vw;}
.residence .idea-box .img{width:7.1875vw;height:7.1875vw;background:#333;border-radius: 50%;margin: 0 auto;transition: .3s linear;}
.residence .idea-box img{display:block;width:4.1667vw;}
.residence .idea-box .name{font-size: 1.6667vw;line-height:1.3125;color:#000;text-align:center;margin-top:1.3021vw;}
.residence .idea-box .txt{text-align:center;font-size: 14px;line-height:1.7143;color:#000;font-family: 'OPPOSans-L';margin-top:0.4167vw;}
.residence .idea-box .item:hover .img{background:#e51b2f;}
.residence .rem-box{position:relative;z-index: 98;background:#F5F5F5;padding:10.9375vw 0 6.7708vw;}
.residence .rem-box .info{text-align:center;font-size: 1.0417vw;color:#333;font-family: 'OPPOSans-R';margin: 1.875vw auto 0;width: 53.3333vw;line-height: 1.8;}
.residence .rem-box .pro-list{margin-top: 4.8958vw;}

/*关于我们*/
.about{background:#F5F5F5;padding-bottom: 8.6458vw;}
.about .com-tit{display: flex;align-items: center;justify-content: center;font-size: 2.5vw;line-height: 1;font-family: 'OPPOSans-B';}
.about .com-tit .line{width: 0.3125vw;height: 2.5vw;background: #DE1327;margin: 0 1.4583vw;}
.about .indus-box{padding-top: 5.7292vw;}
.about .group{padding-top: 3.3333vw;box-sizing: border-box;height: 45.0521vw;margin-top: 3.2292vw;}
.about .group .container{display: flex;justify-content: space-between;}
.about .data-list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1.5625vw;}
.about .data-list .item{width: 14.6875vw;height: 7.6042vw;box-sizing: border-box;background: #fff;border-radius: 0.3125vw;margin-bottom: 1.7188vw;padding: 1.4583vw 0 0 1.875vw;}
.about .data-list .col{display: flex;}
.about .data-list .num{position: relative;font-size: 0.8333vw;font-family: 'OPPOSans-B';color: #e51b2f;line-height: 3.125vw;}
.about .data-list .num span{font-size: 2.5vw;font-family: 'OPPOSans-B';}
.about .data-list .add{position: absolute;font-size: 1.5625vw;font-family: 'OPPOSans-B';line-height: 1.8229vw;top: 0;right: -1.25vw;}
.about .data-list .item:nth-child(4) .add{right: 0.8333vw;}
.about .data-list p{font-size: 0.8333vw;line-height: 1.75;color: #333;}
.about .indus-box .left{padding-left: 1.3021vw;}
.about .indus-box .title {font-size: 1.875vw;line-height: 1.5556;color: #333;font-family: 'OPPOSans-B';position: relative;}
.about .indus-box .title::before{content: '';width: 2px;height: 13.0208vw;background:#9F9F9F;position: absolute;left: -1.3021vw;top: 0.5208vw;}
.about .indus-box .title::after{content: '';width: 0.3646vw;height: 1.7188vw;background: #e51b2f;left: -1.3021vw;top: 0.5208vw;position: absolute;}
.about .indus-box .tips{font-size: 1.4583vw;line-height: 1.7143;color: #333;}
.about .indus-box .info{font-size: 1.0417vw;line-height: 1.8;color: #333;font-family: 'OPPOSans-R';}
.about .group .right{width: 48.9583vw;padding-top: 6.0417vw;}
.about .company{height: 45.2604vw;box-sizing: border-box;padding-top: 5.625vw;}
.about .company .box{padding-left: 1.3021vw;}
.about .indus-box .company .info{width: 38.0208vw;margin-top: 4.1667vw;}
.about .indus-box .company .title::before{top: auto;bottom: 0.5208vw;}
.about .indus-box .company .title::after{top: auto;bottom: 0.5208vw;}
.about .idea-box{padding-top: 8.3333vw;}
.about .idea-box .main{margin-top: 3.125vw;}
.about .idea-box .container{display: flex;justify-content: space-between;flex-direction: column;box-sizing: border-box;padding: 5vw 0 1.0417vw;height: 45.625vw;}
.about .idea-box .title{text-align: center;font-size: 1.4583vw;color: #fff;font-family: 'OPPOSans-R';line-height: 1.7143;}
.about .idea-box .title span{font-family: 'OPPOSans-B';}
.about .idea-box .i-line{width: 2.8646vw;height: 3px;background: #e51b2f;margin: 1.4583vw auto 0;}
.about .idea-box .info{text-align: center;font-size: 1.0417vw;line-height: 1.8;color: #fff;font-family: 'OPPOSans-R';margin-top: 1.6667vw;}
.about .idea-box .list{padding: 2.3958vw 5.7292vw 1.875vw 6.6146vw;background: rgba(213, 33, 50, 0.42);display: flex;}
.about .idea-box .item{position: relative;padding-left: 0.9375vw;margin-right:10.6771vw;}
.about .idea-box .item:last-child{margin-right:0;}
.about .idea-box .item::before{content: '';width: 0.2083vw;height: calc(100% - 0.9375vw);left: 0;top: 0.4688vw;background: #d52132;position: absolute;}
.about .idea-box p{font-size: 0.9375vw;line-height: 2;color: #fff;font-family: 'OPPOSans-R';}
.about .idea-box .name{font-size: 1.4583vw;line-height: 1.6423;color: #fff;font-family: 'OPPOSans-R';}
.about .history-box{padding-top: 5.5208vw;}
.about .history-box .main{display: flex;justify-content: space-between;margin-top: 2.5vw;}
.about .history-box .nav{width: 10.2604vw;}
.about .history-box .nav .item{background: #E3E3E3;border-radius: 0.4167vw;margin-bottom: 0.4167vw;padding: 0 0.625vw 0 0.8333vw;box-sizing: border-box;height: 2.8646vw;transition: .3s linear;cursor: pointer;}
.about .history-box .nav .item:last-child{margin-bottom: 0;}
.about .history-box .nav .title{display: none;font-size: 1.4063vw;line-height: 1.5926;color: #d52132;font-family: 'OPPOSans-B';}
.about .history-box .nav .tips{display: none;font-size: 0.8333vw;color: #333;line-height: 1.375;margin-top: 0.5208vw;}
.about .history-box .nav .year{font-size: 1.25vw;line-height: 2.5;text-align: right;color: #AFAFAF;font-family: 'OPPOSans-B';transition: .3s linear;}
.about .history-box .nav .active{height: 25.7292vw;background: #ECECEC;padding-top: 1.4583vw;}
.about .history-box .nav .active .title,
.about .history-box .nav .active .tips{display: block;}
.about .history-box .nav .active .year{font-size: 2.6042vw;color: #d52132;transform: rotate(90deg);width: 17.2917vw;transform-origin: 50% 50%;position: relative;right: 1.25vw;top: 6.25vw;}
.about .history-box .tabs{width: 82.8125vw;height: 32.2917vw;background: url(../img/history_bg.png) no-repeat;background-size: cover;overflow: hidden;position: relative;}
.about .history-box .list{position: relative;z-index: 10;padding: 3.125vw 0 0 6.9792vw;}
.about .history-box .h-line{position: absolute;left: 0;top: 13.8021vw;z-index: 1;}
.about .history-box .swiper-histroy{width:78.125vw;height: 25.3125vw;}
.about .history-box .swiper-histroy .box{height: 12.6563vw;padding-top: 12.6563vw;}
.about .history-box .swiper-histroy .y-line{width:0.5208vw;height: 2.6042vw;position: relative;margin-left: 0.4167vw;margin-top: -1.25vw;}
.about .history-box .swiper-histroy .y-line::before{width: 0.1563vw;height: 1.9792vw;margin: 0 auto;content: '';background: #d52132;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.about .history-box .swiper-histroy .y-line::after{content: '';background: #d52132;width: 0.5208vw;height: 0.5208vw;border-radius: 50%;position: absolute;left: 0;bottom: 0;}
.about .history-box .swiper-histroy .year{font-size: 1.4583vw;line-height: 2.2917vw;font-family: 'OPPOSans-B';margin-top: 1.0417vw;}
.about .history-box .swiper-histroy .txt{font-size:1.0417vw;line-height: 1.6;color: #333;font-family: 'OPPOSans-R';}
.about .history-box .swiper-histroy .swiper-slide:nth-child(2n) .box{padding-top: 0;display: flex;flex-direction: column-reverse;}
.about .history-box .swiper-histroy .swiper-slide:nth-child(2n) .y-line{margin-top: 0;margin-bottom: -1.25vw;}
.about .history-box .swiper-histroy .swiper-slide:nth-child(2n) .year{margin-top: 0;margin-bottom: 1.0417vw;}

.about .brand-box{padding-top: 5.2083vw;}
.about .swiper-brand{margin-top: 3.4375vw;padding-bottom: 5.7292vw;}
.about .swiper-brand .swiper-slide{width: 47.6042vw;}
.about .swiper-brand .swiper-slide img{display: block;width: 100%;height: 31.5104vw;border-radius: 1.0417vw;transform: scale(0.875, 0.875);transition: .5s linear;}
.about .swiper-brand .swiper-slide .box{margin-top: 2.1875vw;opacity: 0;transition: .5s linear;transform: translateY(3.125vw);width: calc(100% + 5vw);margin-left: -2.5vw;}
.about .swiper-brand .swiper-slide .title{font-size: 1.875vw;line-height: 1.5556;color: #333;font-family: 'OPPOSans-B';text-align: center;}
.about .swiper-brand .swiper-slide .txt{font-size: 1.5625vw;line-height: 1.6667;color: #333;font-family: 'OPPOSans-R';text-align: center;}
.about .swiper-brand .swiper-slide-active img{transform: scale(1, 1);}
.about .swiper-brand .swiper-slide-active .box{opacity: 1;transform: translateY(0px);}
.about .swiper-brand .swiper-pagination{display: flex;justify-content: center;bottom: 0;}
.about .swiper-brand .swiper-pagination-bullet{width: 3.9583vw;height: 3px;background: #dbdbdb;margin: 0 0.7813vw;transition: .3s linear;border-radius: 0;}
.about .swiper-brand .swiper-pagination-bullet-active{background: #e51b2f;}
.about .news-box{padding-top: 4.6875vw;}
.about .news-box .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3.8542vw;}
.about .news-box .item{display: flex;width: 46.1458vw;height: 13.125vw;justify-content: space-between;border-radius: 0.7813vw;overflow: hidden;background: #fff;margin-bottom: 1.9792vw;}
.about .news-box .box{box-sizing: border-box;width: 25.5208vw;padding: 0.7813vw 1.0417vw 0 1.875vw;}
.about .news-box .date{text-align: right;font-size: 1.5625vw;line-height: 1.3333;color: #CCC;font-family: 'OPPOSans-R';}
.about .news-box .year{text-align: right;font-size: 0.9375vw;line-height: 1.5556;color: #CCC;font-family: 'OPPOSans-R';}
.about .news-box .title{font-size: 1.25vw;line-height: 1.8333;margin-top: 1.0417vw;color: #333;font-family: 'OPPOSans-B';}
.about .news-box .txt{font-size: 0.8333vw;line-height: 1.5;color: #333;margin-top: 0.4167vw;font-family: 'OPPOSans-R';}
.about .news-box .bot{display: flex;justify-content: space-between;align-items: center;margin-top: 0.5208vw;}
.about .news-box .more{font-size: 0.8333vw;line-height: 1.625;color: #333;}
.about .news-box .n-line{width: 2.6042vw;height: 1px;background: #b6b6b6;}
.about .news-box .pic{width: 20.625vw;overflow: hidden;}
.about .news-box .pic img{height: 13.125vw;object-fit: cover;transition: .3s linear;}
.about .news-box .item:hover img{transform: scale(1.1, 1.1);}
.about .news-box .item:hover .title{color: #e51b2f;}
.about .news-box .read-more{font-size: 1.5625vw;line-height: 1.6667;color: #919191;margin-top: -0.9375vw;text-align: right;display: block;}
.about .news-box .read-more:hover{color: #e51b2f;}