@charset "utf-8";


html{background:#eee;}
.dfs{display:flex;align-items: center;justify-content: space-between;}

/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

em,i{font-style: normal;}

@font-face{font-family:OPPOSans2;font-weight:400;src:url(../cssnew/OPPOSans-Regular.txt) format("woff2")}
@font-face{font-family:OPPOSans2;font-weight:500;src:url(../cssnew/OPPOSans-Medium.txt) format("woff2")}

@font-face{font-family: OPPOSans2;font-weight:600;src: url(../cssnew/HarmonyOS_Sans_SC_Bold.ttf.txt)}


/*公共样式部分*/
body {color: #666;margin: 0 auto;background-color: #fff; font-family: "OPPOSans2";overflow-x: hidden; font-size:14px;min-width:1400px;max-width:1920px;position: relative;}

#copy { display: none;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
a {color: #666; text-decoration: none;}
a:hover { color:#fe1408;text-decoration: none; border-bottom-style:}

.bg{width: 100%;min-width:1400px;overflow: hidden;}
.box{margin:0 auto;width:85%; min-width: 1400px;box-sizing: border-box;}
.page{width: 1400px;margin: 0 auto;}

.t{text-align:center;margin-bottom:40px;}
.t p{font-size:40px;color: #333;padding-bottom: 5px;position:relative;margin-bottom: 5px;display: inline-block;font-weight: bold;}
.t p>b{color: #0b59bb;}
.t span{color: #666;font-size: 18px;display:block;}





/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4298182 */
  src: url('//at.alicdn.com/t/c/font_4298182_l9mw0do8afh.woff2?t=1698033408973') format('woff2'),
       url('//at.alicdn.com/t/c/font_4298182_l9mw0do8afh.woff?t=1698033408973') format('woff'),
       url('//at.alicdn.com/t/c/font_4298182_l9mw0do8afh.ttf?t=1698033408973') format('truetype');
}



.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.fl { float: left;}
.fr {float: right;}

/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}


/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}
.top140 {padding-top: 140px;}
.top170 {padding-top: 170px;}


.header_bg{height: 80px;position: absolute;z-index: 9;left: 0;top: 0;overflow:initial !important;transition: 0.3s ease all;}
.header{padding: 0 4%;display: flex;align-items: center;justify-content: space-between;height: 100%;}
.logo1 img:nth-child(1){height: 40px;}
.logo img,.logo1 img:nth-child(2){height: 60px;margin-left:10px;}
.logo1{display:none;}
.header_bg.active .logo{display:none;}
.header_bg.active .logo1{display:block;}
.header_bg.active .logo1 a{display: flex;align-items: center;}
.nav{display:flex;}
.nav>ul>li{display: block;float: left;line-height: 80px;}
.nav>ul>li+li{margin-left:3vw}
.nav>ul>li:after{content:'';width:0%;height:4px;background:#fe1408;display:block;margin: -4px auto 0;transition: .3s;}
.nav>ul>li:hover:after{width:100%;}
.nav>ul>li>a{font-size: 16px;color:rgba(255,255,255,0.8);font-weight:600;text-align:center;display:block;}
.nav,.nav>ul,.nav>ul>li{height:100%;}
.header_bg:hover .logo,.header_bg.active .logo{filter:none;}
.header_bg:hover,.header_bg.active{background:#fff;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);position: fixed;z-index:99999999;}
.header_bg:hover .nav>ul>li>a,.header_bg.active .nav>ul>li>a{color:#000;}
.header_bg:hover .header-search,.header_bg.active .header-search{border-color:#eee;}
.header_bg:hover .header-search span,.header_bg.active .header-search span{color:#fe1408;;}
.header_bg:hover .header-search:after,.header_bg.active .header-search:after{filter:brightness(1);}

.header-right{height: 100%;margin-left:100px;}
.header-search{float: right;position: relative;height:100%;text-align:center;display: flex;transition: all .3s;display: flex;align-items: center;color: #fff;font-size: 22px;margin-left: 2vw;font-weight: bold;}
.header-search span{display:block;margin-left:10px;color:#fe1408;}
.header_bg:hover .header-search img{filter:brightness(0.2);}
.header_bg.active .header-search img{filter:brightness(0.2);}

@media (max-width: 1550px){
.header{padding:0% 2%;}
}


.nav>ul>li:hover .p_navBox2{max-height:600px;}
.left{float:left;}
.right{float:right;}
.nav .p_navBox2{position: absolute; width:100%;background:#f8f8f8;top: 80px;left: 0;max-height:0px;overflow: hidden;transition: 0.3s ease all;}
.nav .p_navBox2.prod_fl>div.warp{width:94%;margin:0 auto;display:flex;max-width:1400px;justify-content:space-between;padding:0;}
.nav .p_navBox2>div.warp{width:1400px;margin:0 auto;display:flex;max-width:1400px;justify-content:space-between;padding:60px 0;}
.nav .p_navBox2 .warp .right .tit{font-size:30px;line-height:30px;font-weight:400;margin-bottom:40px;color:#333}
.nav .p_navBox2 .warp .right .con{display:flex;flex-direction:column; }
.nav .p_navBox2 .warp .right .con a{width:180px;height:46px;font-size:16px;color:#333;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border:2px solid #bfbfbf;margin-bottom:15px;transition:all .5s ease}
.nav .p_navBox2 .warp .right .con a span{font-size:16px;}
.nav .p_navBox2 .warp .right .con a:hover span{ color:#fff;}
.nav .p_navBox2 .warp .right .con a:hover{ color:#fff; background:#fe1408;border:2px solid #fe1408}
.nav .p_navBox2 .warp .right .tel{padding-top:10px}
.nav .p_navBox2 .warp .right .tel .t22{font-size:16px;line-height:20px;color:#666}
.nav .p_navBox2 .warp .right .tel .c{font-size:30px;font-family:arial}
.nav .p_navBox2 .warp .right .tel .c a{color:#fe1408; font-size:30px; font-family:"din";}
.nav .p_navBox2.prod_fl .warp .left{width:auto;position: relative;}
.nav .p_navBox2 .warp .left{width:60%;}
.nav .p_navBox2 .warp .left ul{display:block;width:100%;height: 100%;}
.nav .p_navBox2.prod_fl .warp .left ul{padding: 40px 0;}
.nav .p_navBox2 .warp .left ul p a{font-size: 18px;display:block;}
.nav .p_navBox2 .warp .left ul li:hover p a{color:#fff;}
.nav .p_navBox2.prod_fl .warp .left li{width:100%;background:#f8f8f8;margin:0px !important;}
.nav .p_navBox2.prod_fl .warp .left li>a{width: 50%;font-size: 18px;padding: 0 25px;font-weight: 400;letter-spacing: 0;line-height: 60px;float: left;margin-left:0%;background:#f8f8f8 url(//memberpic.114my.com.cn/qunyu022/uploadfile/image/20230227/20230227012154_216540301.png) no-repeat center right 20px;margin-bottom:0px;}
.nav .p_navBox2.prod_fl  .warp .left li.on>a{background-color: #fff;color: #fe1408;}
.nav .p_navBox2.prod_fl  .warp .left li:hover{background:none;}
.nav .p_navBox2 .warp .left>ul>li>a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 18px;font-weight: lighter;transition:all .3s ease;width: 50%;float: left;}
.nav .p_navBox2 .warp .left>ul>li{width:23.5%;    font-size: 20px;padding: 0 25px;font-weight: 400;letter-spacing: 0;line-height: 60px;float: left;background:#eee url(//memberpic.114my.com.cn/qunyu022/uploadfile/image/20230227/20230227012154_216540301.png) no-repeat center right 20px;transition:all .3s ease;}
.nav .p_navBox2 .warp .left>ul>li+li{margin-left:2%;}
.nav .p_navBox2 .warp .left>ul>li:nth-child(4n+1){margin-left:0;}
.nav .p_navBox2 .warp .left>ul>li:nth-child(n+5){margin-top:20px;}
.nav .p_navBox2 .warp .left>ul>li:hover{background:#fe1408  url(//memberpic.114my.com.cn/qunyu022/uploadfile/image/20230227/20230227012154_1450595428.png) no-repeat center right 20px;}
.nav .p_navBox2 .warp .left>ul>li>a:hover{color:#fff;}
.nav .p_navBox2 .warp .right {padding-left:5%;padding-top:5%;padding-bottom:5%;box-shadow: -10px 0px 10px rgb(0 0 0 / 5%);width: 540px;}
.nav .p_navBox2 .warp .center{width:300px;}
.nav .p_navBox2 .warp .center img{width:100%;height:auto;}
.nav .p_navBox2 .warp .left .title{font-size:27px;line-height:26px;color:#000;font-weight:700;margin-bottom:20px}
.nav .p_navBox2 .warp .left .jieshao{font-size:16px;line-height:1.8;color:#333;margin-bottom:40px}
.nav .p_navBox2 .warp .left li dl{width: 50%;float:left;position: absolute;left: 50%;display:none;top:0px;background: #fff;height: 100%;padding: 40px 0;overflow-y: auto;}
.nav .p_navBox2 .warp .left li dl a{width: 100%;font-size: 18px;line-height: 60px;display: block;padding-left: 60px;float:left;font-weight: lighter;}
.nav .p_navBox2 .warp .left li.on dl{display:block;}


.nav .p_navBox2 .warp .left li.prod_zs{width:calc((100% - 8%) / 5) !important;background:none;padding:0 !important;    position: relative;}
.nav .p_navBox2 .warp .left.prod_nav{width:100%;}
.nav .p_navBox2 .warp .left li.prod_zs .progdwz2021 li img{width:100%;height:auto;}
.nav .p_navBox2 .warp .left li.prod_zs .progdwz2021 li span,.nav .p_navBox2 .warp .left li.prod_zs .progdwz2021 li br{display:none;}
.nav .p_navBox2 .warp .left li.prod_zs .progdwz2021 li>a{display:block;} 
.nav .p_navBox2 .warp .left>ul>li.prod_zs:nth-child(5) {margin-top: 0px;margin-left:2%;}
.nav .p_navBox2 .warp .left>ul>li.prod_zs>a{width:100%;height:100%;position: absolute;z-index: 9;}
.nav .p_navBox2 .warp .left>ul>li.prod_zs>a span{display:block;width:100%;text-align:center;}
.nav .p_navBox2 .warp .left>ul>li.prod_zs:hover{background:none;}
.nav .p_navBox2 .warp .left>ul>li.prod_zs>a:hover{color:#fe1408;}
.nav .p_navBox2 .warp .left li.prod_zs>span{display:block;width:100%;text-align:center;}

/* index */
.banner {position: relative;}
.index-banner-swiper {position: relative;background: #000;z-index:1;}
.banner-slide {}
.banner-slide .txt{position: absolute; left: 10%;top:26%;/*margin-top: -167px*/;z-index: 33;}
.banner-slide .txt h2{font-size:2.6vw;color: #fff;margin: 0;padding: 0;padding-bottom:20px; position: relative;text-transform: uppercase;font-weight:normal;}
.banner-slide .txt h3{font-size:2.9vw; color: #fff;margin: 0;padding: 0;padding-bottom:20px; position: relative;text-transform: uppercase;font-family: "Microsoft YaHei";}
.banner-slide .txt .line {width: 80px;height:2px;background: #fff;margin: 10px 0;}
.banner-slide .txt h4{font-size:1.1vw;color: #fff;padding:30px 0;margin:0;font-weight: normal;line-height: 30px;}
.banner-slide .txt.center {text-align: center;width:100%;left:0;top:5vw;margin: 0;}
.banner-slide .txt.center h1{font-size:3.3vw; color:#fe1408; font-weight:bold; margin-top:6%; font-family: "Microsoft YaHei"; padding-bottom:18px;text-transform: uppercase; }
.banner-slide .txt.center h6{ color:#0b141b; font-size:1.7vw; font-weight:normal; letter-spacing:1px;text-transform: uppercase;}
.banner-slide .txt.none {display: none;}
.banner-slide .txt.right {text-align: right;left: auto;right: 10%;}
.banner-slide .txt.right .line {float: right;clear: both;}
.banner-slide .txt.right .banner-btn a {display: inline-block;vertical-align: middle;float: none;text-align: right;margin-right:0px;margin-left: 15px;}
.banner-slide .img {text-align: center;}
.banner-slide .txt .img {text-align: left; margin-top:2%;}
.banner-slide .img>a{    display: flex;justify-content: center;}


.banner-btn {clear: both;}
.banner-btn a{display: block;float: left;margin-right: 15px;padding:15px 20px;font-size: 0;background:#fe1408;}
.banner-btn a span{color: #fff;font-size:15px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.banner-btn a i{display: inline-block;vertical-align: middle;width: 18px;height: 10px;background:url("//memberpic.114my.com.cn/qunyu022/uploadfile/image/20231026/20231026140843_1225434522.png");}
.banner-btn a:hover {background: #fb4201;}

.banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 0.6s;}
.banner-slide .txt h2 {transform:translateY(200px);opacity:0;transition:all .3s;}
.banner-slide .txt h1 {transform:translateY(200px);opacity:0;transition:all .3s;}
.banner-slide .txt h6 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .center h2 {transform:translateY(200px);opacity:0;transition:all 0.3s;}
.banner-slide .center h6 {transform:translateY(200px);opacity:0;transition:all 0.6s;}
.banner-slide .txt .line {transform:translateY(200px);opacity:0;transition:all 0.9s;}
.banner-slide .txt .banner-btn {transform:translateY(200px);opacity:0;transition:all 1.2s;}
.index-banner-swiper .swiper-slide-active .txt h4,.index-banner-swiper .swiper-slide-active .txt h2,.index-banner-swiper .swiper-slide-active .txt h1,.index-banner-swiper .swiper-slide-active .txt h6,.index-banner-swiper .swiper-slide-active .txt h3,.banner-slide .txt.center h2,.banner-slide .center h6,.index-banner-swiper .swiper-slide-active .txt .line,.index-banner-swiper .swiper-slide-active .banner-btn,.banner-slide .txt.center h2,.banner-slide .txt.center h{transform:translateY(0px);opacity:1;}

.swiper-banner-pagination {bottom:50px;width: 100%; display: block;z-index: 90;}
.swiper-banner-pagination .swiper-pagination-bullet {width:60px;height:10px;margin:0 0 0 10px;border-radius: 0;opacity:1;background: none; position: relative;z-index: 11;outline: none;}
.swiper-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;top:5px;background: #fff;opacity: 0.3;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}
.swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:5px;width:0;height: 2px;background: #fe1408;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;z-index: 10;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}

@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

.index-scroll {position:absolute;left:1%;top:85%;z-index:70;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.index-scroll h6{margin: 0;font-weight: normal;font-size: 0;position: relative;padding-bottom:7px;padding-left: 30px;}
.index-scroll h6::after {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;-webkit-animation: w100 3000ms infinite ease-in-out;animation: w100 3000ms infinite ease-in-out;}
.index-scroll h6 span{font-size: 12px;color: #fff;text-transform: uppercase;letter-spacing: 1px; margin-right: 10px;display: inline-block;vertical-align: middle;}
.index-scroll h6 i{width: 12px;height: 10px; background: url("//memberpic.114my.com.cn/qunyu022/uploadfile/image/20231026/20231026140843_1989384398.png");display: inline-block;vertical-align: middle;-webkit-animation: op01 1000ms infinite ease-in-out;animation: op01 1000ms infinite ease-in-out;}
@keyframes op01{0%{opacity: 0;}100%{opacity: 1;}}




.prod_bg{background:url(//memberpic.114my.com.cn/qunyu022/uploadfile/image/20231025/20231025162717_1673001581.jpg)no-repeat center; position: relative; }
.prod_box{width:85%;margin:0 auto;}
.prod_box li{display:flex;align-items: center;justify-content: space-between;margin-right:200px;width:80%;position: relative;}
.prod_box li:after{content:'';width:1px;height:400px;background:#ccc;position: absolute;right:-100px;}
.prod_box .prod_l {width:460px;}
.prod_box .prod_r{width:calc(100% - 500px);min-width: 720px;}
.prod_box .prod_r img{width:100%;}
.prod_box .prod_l p{font-size:50px;color:#222;font-weight:bold;line-height:50px;}
.prod_box .prod_l span{font-size:64px;color:#fe1408;font-weight:bold;line-height:80px;}
.prod_box .prod_l dd{font-size:33px;color:#222;font-weight:400;margin-top:40px;}
.prod_box .prod_l dd:after{content:'';display:block;width:1px;height:50px;background:#ccc;margin:15px 0;}
.prod_box .prod_l d{display:block;font-size:16px;color:#666;line-height:24px;}
.prod_btn{width: 87px;position: absolute;right: 50px;top: 50%;}


.case_bg{}
.case_bg ul{display:flex;}
.case_bg li{width:20%;height:40vw;transition:0.3s all ease-in-out;overflow: hidden; position:relative; }
.case_bg li.on{width:80%;}
.case_bg li img{height:100%;width:auto;}
.case_bg li:after{content:'';width:100%;height:100%;position: absolute; display:block;top:0;left:0;background:rgba(0,0,0,0.6);opacity:1;transition:0.3s all ease-in-out;}
.case_bg li.on:after{opacity:0;}
.case_bg li p{position: absolute;z-index:2;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.case_bg li p a{color:#fff;font-size:24px;font-weight:blod;}



.adv_cont{display:flex;justify-content: space-between;}
.adv_t:after{content:'';width:30px;height:2px;background:#fe1408;display:block;margin:20px auto 0;}
.adv_cont li{width:calc(100% / 3);}
.adv_cont li p{text-align:center;font-size:24px;color:#222;margin-bottom:20px;}
.adv_cont li dd{font-size:15px;color:#666;text-align:center;width:80%;margin:0 auto;line-height: 24px;font-weight: lighter;}
.adv_cont li i{font-size:40px;color:#fe1408;display: block;text-align: center;margin-bottom: 30px;}
.adv_cont li:nth-child(2) i{font-size:36px;}




/*简介*/
.inon-tit{font-size:40px;color:#222;}
.index-container{background:#fff;}
.index-four{}
.info-wrap{background-color: #f8f8f8;overflow:hidden;display: flex;justify-content: space-between;align-items: center;}
.info-left{float: left;width: 47%;    padding-right: 5%;}
.info-left p{color: #333;line-height:1.8vw;margin:2vw 0 0.6vw;padding-right: 10px; text-indent: 2em; font-size:0.96vw;}
.info-right{float: right;}
.info-right{width: 47%;overflow: hidden;}
.info-ul{float: right;}
.more{width: 158px;height: 48px; margin-top: 54px;background: transparent;text-decoration: none;margin-left: 10px;}
.more a{display: block;;position: relative;}
.more a:before{content: '';display: block;width: 158px;height: 48px; position: absolute;left: 0;top: 0;
  border-top: 1.5px solid #fff;border-left: 1.5px solid #fff; transform: skewX(-20deg)}
.more a:after{content: '';display: block;width: 160px;height: 48px; position: absolute;left: 8px;top: 1px;
  border-bottom: 1.5px solid #fff;border-right: 1.5px solid #fff;transform: skewX(-20deg)}
.more a span{display: block;text-align: center;line-height: 48px;transition: all 1s;}
/*.advaone-more{margin: 38px auto 0;}*/
.advaone-more a{color: #fe1408;}
.advaone-more a::before,.advaone-more a::after{border-color: #fe1408;}

.picBox{position:relative;float:right;}
.picBox .pic{width:auto;background:#fff;}
.picBox .pic img{display:block;width:auto;transition:all 0.5s;}
.picBox .pic:hover img{opacity:0.8;}
.picBox .playerBtn{position:absolute;left: 18px; bottom:12px;height:19px;text-align:center;cursor:pointer;overflow:hidden;transition:all 0.5s;}
.picBox .playerBtn i{display:block;margin:0 auto;width:17px;height:19px;background:url(//memberpic.114my.com.cn/qunyu022/uploadfile/image/20231026/20231026140843_1774234573.png) no-repeat center;background-size:100%;}
.picBox .playerBtn span{display:block;margin-top:0.625rem;font-size:1.125rem;color:#fff;}
/*picBox .playerBtn:hover{background:#a04405;}*/
.picBox .playerBtn:hover i{transform:rotate(360deg);transition:all 0.5s;}




.info-wrap2-app{display: none;}
.info-wrap2{background: url(//memberpic.114my.com.cn/qunyu022/uploadfile/image/20231026/20231026140843_1517220706.jpg) no-repeat center;padding-top: 49px;}
.info-wrap2 li{float: left;width: 25%;text-align: center;overflow: hidden;position: relative;}

.info-wrap2 li i{display: inline-block;font-size: 20px; color: #fff; margin-top:14px;}
.info-wrap2 li p{font-size:60px;color: #fff;line-height: 76px; }
.info-wrap2 li i em{font-size:67px;color:#fff; font-family: "din"; font-weight: 500;font-style: normal;vertical-align: baseline;line-height: 76px;margin-right: 10px;}
.info-wrap2 li b{font-size: 18px;line-height: 30px;display: block;margin-top:5px; font-weight:normal;}

.info-wrap2 li::after{position: absolute;top: 43%;transform: translateY(-50%);right: 0;content: "";display: block;height: 202px;width: 1px;border-left: 1px solid rgba(255, 255, 255, .1);}
.info-wrap2 li:hover>img{animation: swing;animation-duration: 3s;cursor: pointer;}
.info-wrap2 h4{color: #fff;font-size:20px; margin:12px 0 18px;}
.info-wrap2 .info-font{color: #fff;text-align: center;position: relative;padding: 10px 100px 68px;}
/* .info-wrap2 .info-font img{display: block;margin: 0 auto;}*/.info-wrap2 .info-font>div{width: 100%;transition: all 0.5s;text-align: center;}
.info-wrap2 .info-font p{font-size: 16px;line-height: 28px;position: absolute;top: 27%;left: -100%;transform: translateY(-50%);width: 100%;padding: 0 90px;transition: all 0.8s;}
.info-wrap2 li:hover .info-font>div{transform: translateX(100%);}
.info-wrap2 li:hover p{transform: translate(100%,-50%);}




/*news*/
.news {position:relative; padding:70px 0; z-index: 5;}
.gy{width:85%; margin:auto;}
.news_bg{width:100%;background: #f8f8f8;padding: 80px 0;    overflow: hidden;}
.news_t{text-align:left;float:left;margin-bottom:0px;}
.news_t dd:after{display:none;}
.news_t p {font-size:2.2vw; font-weight:bold; font-family: "Microsoft YaHei";}
.news_t dd {font-size: 18px;color: #999;line-height: 30px;font-weight:100;margin-top: 10px;}
.news_a{width:auto;}
.news_a a{ height:46px;font-size: 18px;color:#333;float:left;font-weight:100;box-sizing: border-box;text-align:center;margin-left:40px;display: flex;align-items: center;justify-content: center;}
.news_a a.on{color:#fe1408; font-weight:bold; border-bottom: 2px solid #fe1408;}
.news_b{height: 488px;margin-top: 60px;position: relative;}
.new_tit {display: flex;justify-content: space-between;align-items: center;}
.new_item{     width: 100%; flex-shrink: 0;}
.new_item>div {display: flex;justify-content: space-between;}
.new_lc .news_div_item {display: flex;flex-direction: column-reverse;width: 48.5%; position: relative;padding: 0px 0px 60px;}
.new_lc .news_div_item:hover img {    transform: scale(1.1);}
.new_lc .news_div {display: flex;justify-content: space-between;}
.new_lc {width: 68%;}
.new_rc {width: 30%;}
img.news_div_item_image {width: 100%;transition: 0.5s;}
.new_rc .news_div_item_pic,.new_rc .news_div_item_date {display: none;}
.new_ic {margin-top: 50px;position: relative;overflow: hidden;}
.new_ic>div {    display: flex; transition: 0.5s;}
.new_lc a.news_div_item_a {font-size:19px;color:#000;position: relative;display: block;margin-top: 20px;}
.new_lc .news_div_item_body {font-size:17px;color: #888;line-height: 26px;margin-top: 40px;
 height: 52px;}
.new_lc .news_div_item_date {display: flex;position: absolute;bottom: 129px;left: 0px;}
.new_lc .news_div_item_date>div {font-size:14px;color: #888;}
.new_lc .news_div_item_pic { border: 1px solid #eee;}
.new_lc .news_div_item_pic a {overflow:hidden;    display: block;}
.new_lc .news_div_item_a:after {position: absolute; content: "";font-size:24px;color:#333); bottom: -126px;left: 0; }
.new_rc .news_div_item {background: #fff;padding: 26px 32px;position: relative;}
.new_rc .news_div_item:nth-child(n+3):after{content:"";display:block;width:0;height:6px;background:#fe1408;transition:0.3s all ease-in-out;position: absolute;bottom: 0;left: 0;}
.new_rc .news_div_item:nth-child(n+3):hover::after{width:100%;}
.new_rc .news_div_item:nth-child(-n+2) {display: none;}
.new_rc .news_div_item:nth-child(n+4) {margin-top: 36px;}
.new_rc a.news_div_item_a {display: block;font-size:19px;}
.new_rc .news_div_item_body {font-size: 15px;color: #999;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 15px; line-height: 24px;}





/* footer */
.footer {background:#fff;position: relative;clear: both; overflow: hidden;color: #222;}
.footer-content {position: relative;}
.footer-content-top::before,.footer-content-top::after {content: '';width: 50%;height:8px;position: absolute;left: 0;top: 0;background: #fe1408;}
.footer-content-top::after {left: auto;right: 0;background: #808080;}
.footer-content-top {overflow: hidden;padding:90px 0 50px;}
.footer-left {float: left;width: 10%;}
.footer-logo img{ height:80px;}

.footer-logo .logo{max-width:270px;font-size:0;overflow:hidden}
.footer-logo .logo img{ float:left; padding-right:6px;}
.footer-logo .logo strong{display: block;font-size:32px; line-height:33px;color:#fff; font-weight:bold; font-family: Microsoft YaHei; letter-spacing:2px;}
.footer-logo .logo dl{ font-size:13px; letter-spacing:2px; color:#adb2b7; line-height:26px;}
.footer-logo .logo dl en{color:#ababab;}


.footer-nav {float: right;width:100%;text-align: right;display: flex;justify-content: space-around;}
.footer-nav ul,.footer-nav li {list-style: none;margin: 0;padding: 0;}
.footer-nav ul {text-align: left;overflow: hidden;display: inline-block;vertical-align: top;}
.footer-nav ul:first-child {margin-left: 0;}
.footer-nav .title-1 {font-weight: bold;}
.footer-nav li {margin-top:1.2rem;}
.footer-nav li a{display: block;color: #666; }
.footer-nav li a:hover {color: #222;}
.footer-nav .contact-1 {overflow: hidden;}
.footer-nav .contact-us-1 {color: rgba(255, 255, 255, 0.6);margin-top: 2rem;}
.footer-nav .contact-us-1 strong{font-weight: normal;}
.footer-nav .contact-us-1 p:first-child {padding: 0;margin: 0;}
.footer-content-bottom {border-top: 1px solid #383838;padding:1.8% 0 50px 0;position: relative;background:#222;}
.footer-copy {color: rgba(255, 255, 255, 0.6);position: relative;}
.footer-copy a {color: rgba(255, 255, 255, 0.6);}
.footer-copy a:hover {color: #fff;}
.footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer-link li {list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;position: relative;width: 30px;height: 30px;margin-left: 15px;}
.footer-link .ewmshow-1 {background: #fff;padding: 5px;width: 90px;height: 90px;overflow: hidden;position: absolute;bottom: 100%;left: 50%;border-radius: 4px;margin-left: -50px;display: none;}
.footer-link li:hover .ewmshow-1{display: block;}

.aside-top {position: fixed; width: 50px;bottom:3%;right:1%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #fe1408 url('//memberpic.114my.com.cn/qunyu022/uploadfile/image/20231026/20231026140843_1453217605.png') no-repeat center;border-radius: 100%;}
.footer-top-left {float: left;width: 350px;}
.footer-top-right {float: right;width: calc(100% - 700px); }

.footer-ewm-left img{border:1px solid #eee;padding:5px;}
.footer-ewm-left p{text-align:center;font-size:15px;line-height:30px;background:#40af32;color:#fff;}
.footer-logo {/*width: 27%;*/}
.footer-logo a{width: 100%;height: auto;display: block;}
.footer-logo img {display: block;}
.footer-logo .st0 {fill: #fff;}
.footer-contact {margin-top:32px;}
.footer-social {margin-top:60px;} 
.footer-social li {display: inline-block;vertical-align: middle;margin-right:18px;position: relative;}
.footer-social li:first-child {margin-left: -.3%;}
.footer-social li a{position: relative;display: block;width: 2rem;height: 2rem;opacity: .3;}
.footer-social li a:hover {opacity: 1;}
.footer-social li:hover .ewmshow-1{display: block;}

.footer-copy,.footer-content-bottom a{color: rgba(255, 255, 255, 0.6);}
.footer-content-bottom a:hover {color: #fff;}


.social {padding-top:0px;clear: both;display: none;}
.social a { position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; transition:0.3s all ease-in-out; float: left;display: block;    margin-right: 19px;margin-top: 48px;padding: 5px;}
.social a img{ display: block}
.social a:hover{background:#fe1408;border-radius:50%;}
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -43px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }
.social .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px; left: 52.5px; }
.social .ewm img { display: block; width: 100%; height:auto; }
.saj-footer .bottom{clear: both;padding:30px 0;overflow: hidden;font-size: 12px;color: #999;order-top: 1px solid #313131;}
.saj-footer .bottom a{color: #999; font-size:15px;}
.saj-footer .bottom .left{color: #999; font-size:15px;}
.left .tel div{color:#999; font-size:15px; line-height:25px;}

.ft-bottom{padding:14px 0; line-height:40px; }
.ft-bottom .copyright{float: left;font-size: 14px;color: rgba(255, 255, 255, 0.6);}
.ft-bottom .copyright p{color: rgba(255, 255, 255, 0.6);}
.ft-bottom .copyright span{display: inline-block; color: rgba(255, 255, 255, 0.6);}
.ft-bottom .copyright a{color: rgba(255, 255, 255, 0.6); font-weight:normal;}
.ft-bottom .copyright a:hover{color: #fff;text-decoration: underline;}
.ft-bottom .flinks{float: right;}
.ft-bottom .flinks dl{position: relative;height: 40px;}
.ft-bottom .flinks dt{width:130px; height:43px; line-height:43px; text-align: right;/*background: #fe1408;background: -moz-linear-gradient(45deg, #fe1408 0%, #084eb3 100%);background: -webkit-linear-gradient(45deg, #fe1408 0%, #084eb3 100%);background: linear-gradient(45deg, #fe1408 0%, #084eb3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe1408', endColorstr='#084eb3', GradientType=1 );*/ background:url(//memberpic.114my.com.cn/qunyu022/uploadfile/image/20231025/20231025161021_136851044.png) no-repeat;}
.ft-bottom .flinks dt a{display: block;color: #fff;font-size: 14px; padding-right:20px;}
.ft-bottom .flinks dd{display: none;position: absolute;right: 0;bottom: 100%; overflow: hidden;background: #fe1408;background: -moz-linear-gradient(45deg, #fe1408 0%, #084eb3 100%);background: -webkit-linear-gradient(45deg, #fe1408 0%, #084eb3 100%);background: linear-gradient(45deg, #fe1408 0%, #084eb3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe1408', endColorstr='#084eb3', GradientType=1 ); padding-left:15px;}
.ft-bottom .flinks dd a{display: block;float: left; padding:10px 0; font-size: 14px;color: #fff;text-align: center;}
.ft-bottom .flinks dd a:hover{text-decoration: underline;}
.ft-bottom .flinks dl:hover dt a:after{transform: rotate(90deg);}
.ft-bottom .flinks dl:hover dd{display: block;}
.font20{font-size:20px;}
.font16{font-size:16px;}
.flh30{line-height:30px;}




/* 客服样式*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(//memberpic.114my.com.cn/qunyu022/uploadfile/image/20231026/20231026140500_1620174968.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color:#fe1408; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color:#fe1408; border-color:#fe1408; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #fe1408; border-color: #fe1408;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px; }
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }


.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color:#fe1408; font-size: 18px; }
y-kefu-box .right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
y-kefu-box .right-arrow1,
y-kefu-box .right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
y-kefu-box .right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;
}
y-kefu-box .right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:115px; height:114px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:260px;}
.y-kefu-box01 .y-email-infos p { color: #fe1408; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }