@charset "utf-8";


html{background:#fff;}
.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;}

/*公共样式部分*/
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:#fd0102;text-decoration: none; border-bottom-style:}

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



.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-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;}



@font-face{font-family:OPPOSans2;font-weight:400;src:url(//memberpic.114my.cn/schgjdgc/cssnew/OPPOSans-Regular.txt)}
@font-face{font-family:OPPOSans2;font-weight:500;src:url(//memberpic.114my.cn/schgjdgc/cssnew/OPPOSans-Medium.txt)}
@font-face{font-family:OPPOSans2;font-weight:600;src:url(//memberpic.114my.cn/schgjdgc/cssnew/HarmonyOS_Sans_SC_Bold.ttf.txt)}


@font-face {
  font-family: 'iconfont';  /* Project id 4343102 */
  src: url('//at.alicdn.com/t/c/font_4343102_uvd7td3nda.woff2?t=1700877222962') format('woff2'),
       url('//at.alicdn.com/t/c/font_4343102_uvd7td3nda.woff?t=1700877222962') format('woff'),
       url('//at.alicdn.com/t/c/font_4343102_uvd7td3nda.ttf?t=1700877222962') format('truetype');
}

/*英文样式*/
.font_en{font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}



/*文字*/
.tit {display: flex;justify-content: center;align-items: center;flex-direction:  column;margin-bottom:40px;}
.tit p {display: flex;align-items: center;font-size: 40px;font-weight: bold;position: relative;color: #222;}
.tit p:before {content:'';width: 15px;height: 15px;position: absolute;background: rgba(253,1,2,0.8);border-radius: 50%;left: -18%;top: 2%;}
.tit p:after {content:'';width: 30px;height: 30px;background: rgba(253,1,2,0.1);position: absolute;left: -16%;top: 4%;border-radius: 50%;}
.tit span {font-size: 20px;padding-top: 10px;font-weight: lighter;color: #666;}



/*抬头*/
.top_bg{height:40px;line-height: 40px;background: #222;}
.top{padding:0 5%;width:100%;}
.top_fl{font-size: 14px;color:rgba(255,255,255,0.6);}
.top_fl a{color:rgba(255,255,255,0.6);}
.top_fr p,.top_fr a{float:left;display:block;width:140px;height: 40px;}
.top_fr p{background: #c50202;}
.top_fr p:hover{background: #d22723;}
.top_fr p:after{display:block;content:"";width:140px;height:0px;background: url(//memberpic.114my.cn/wedff88com/uploadfile/image/20240130/20240130160956_1773914916.png)no-repeat;background-size: 100%;position: relative;z-index: 99999;transition: all 0.3s;}
.top_fr p:hover:after{height:140px;box-shadow: 0px 4px 21px 3px rgba(0, 0, 0, 0.09);}
.top_fr p img{float: left;padding:10px 0 0 25px;}
.top_fr p span{display: block;padding-left: 55px;font-size: 14px;color:#fff;}
.top_fr a{background: #fd0102;}
.top_fr a:hover{background: #d22723;}
.top_fr a img{float:left;margin:14px 0 0 25px;}
.top_fr a span{padding-left:7px;font-size: 14px;color:#fff;}






/*head*/
.head {transition: 1s;width: 100%;z-index: 100;position: relative;}
.head.on{width: 100%;z-index: 999;box-shadow: 0 0 20px #ddd;background: #fff;position: fixed;top: 0;}
.head.on .head_nav>ul>li>a { color: #333;}
.head.on .head_num li i,.head.on .head_num li>a,.head.on .icon>div i span { color: #333;}

.head_box {padding:0 5%;margin: 0 auto;display:  flex;justify-content:  space-between;height: 110px;}
.head_logo {display:flex;align-items:center;}
.head_logo i {}
.head_logo i img {width:100%;height:auto;}
.head_txt {margin: 0 0 0 12px;padding: 0 0 0 13px;}
.head_logo p {display: flex;flex-direction: column;font-size: 36px;letter-spacing: 3px;}
.head_logo p em {display:flex;}
.head_logo p em b{color:#222;}
.head_logo p span {font-weight:  lighter;/* padding: 4% 0 0; */font-family: none;color: #fd0102;font-family: Arial;font-size: 30px;font-weight: bold;}
.head_logo ul {display:flex;justify-content: space-between;}
.head_logo li {font-size: 14px;background: #fd0102;color: #fff;width: 32%;display: flex;justify-content: center;padding: 1.5% 0;}
.head_con {width: 55%;display:  flex;align-items:  center;justify-content:  space-between;height: 100%;}
.head_con:before {    content: ''; width: 109%;height: 156%;background: #fd0102;position: absolute;z-index: -1; top: -28%; right: -4%;display:none;}
.head_nav {width: 100%;/* background: #fff; */display:  flex;justify-content:  space-between;align-items:  center;height: 100%;} 
.head_nav ul {display: flex;align-items: center;width: calc(100% - 150px);justify-content:  space-between;height: 100%;}
.head_nav>ul>li {background: #fff;width: calc(100% / 7);height: 100%;}
.head_nav li.cur,.head_nav li:hover{background:#fd0102;}
.head_nav li.cur>a,.head_nav li:hover>a{color:#fff;}
.head_nav li>a {font-size: 16px;position: relative;/* color: #fff; */display: block;width: 100%;height: 100%;text-align: center;line-height: 110px;}
.head_nav li>a:before {content:'';width:0;height: 2px;background: #fd0102;position:absolute;bottom: -30%;left:0;transition:0.5s;z-index: 1;display: none;}
.head_nav li>a:after {content:'';width:100%;height: 60px;position:absolute;left: 0;}
.head_nav li:hover a:before,.head_nav>ul>li.cur a:before {width:100%;}
.head_num {display:  flex;/* align-items:  center; */margin: 0 0 0 20px;/* width: 7%; */}
.head_num ul {display: flex;width: 100%;align-items:  center;justify-content:  space-between;}
.head_num li {/* position:relative; */}
.head_num li+li{margin-left:10px;}
.head_num em {display:flex;}
.head_num i {font-size: 22px;/* color: #fff; */width: 40px;height: 40px;/* background: #c70003; */display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.head_num li:hover p {transform: rotateX(0deg);}
.head_num p {font-size: 14px;/* padding: 0px 0 0 7px; */white-space:  nowrap;display:  flex;flex-direction:  column;font-weight:  lighter;/* position:absolute; */background:  #fff;padding: 2%;transition: 0.5s;/* transform: rotateX(90deg); */transform-origin: top;top: 100%;right: 0;}
.head_num p span {font-family:DIN Medium;font-size: 22px;padding: 3% 0 0;color: #fd0102;}
.head_num li>a {font-size: 18px;color: #fff;font-family:  Arial;display: flex;align-items: center;}
.head_num li>a i {transform:rotate(90deg);font-size: 12px;margin: 0 0 8% -14%;}

/*xiala*/
.head_qit {position: absolute;width: 100%;left: 0;background: rgba(255,255,255,0.9);opacity: 0;transition: 0.5s all ease;visibility: hidden;height: 80px;text-align: center;}
.head_qit>a {font-size: 16px;text-align: center;font-weight: lighter;transition:0.5s;width: 180px;display: inline-block;line-height: 80px;}
.head_nav>ul>li:hover .head_qit {visibility: visible;top: 110px;opacity:1;}
.head_qit>a:hover,.head_qit>div>ul>li:hover>a {background:#fd0102;color:#fff;}

/*xiala*/

.icon>div i{width:40px;height:40px;border-radius:100%;display: flex;justify-content: center;align-items: center;user-select:none;transition:all 0.5s;position: relative;/* border: 1px solid #eee; */background:url(//memberpic.114my.cn/wedff88com/uploadfile/image/20240122/20240122101258_800120425.png)no-repeat center;}
.icon>div:hover i{/* background: #005ee0; */}
.icon>div i:before{content:'';width:40px;height: 5vw;border-radius:100%;position:absolute;top: 0;}
.icon>div:hover i:before{animation:2s headIcon infinite;}
.icon>div:hover i:after{animation:2s headIcon infinite;animation-delay:0.5s;}
.icon>div i span{font-size: 22px;/* color: #fff; */position: relative;z-index:2;}
.icon>div:hover i span{/*color: #fff;*/}

.form_ul {padding:0;}
.iser_box,.itel_box{background:rgba(255,255,255,0.8);position:absolute;top: 100%;right:0;padding:30px;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9;}
.icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);}
.search_l{display:flex;align-items:center;justify-content:end;}
.search_l span+span{margin-left:4px;    font-size: 14px;}
.search_l a{color: #333;font-size: 14px;}
.search_r{margin-top:20px;position:relative;width: 100%;}
#infoname{height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;width: 100%;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.itel_box{width: 150px;text-align:center;padding: 10px;}
.itel_box a{color:#333;position:relative;display: flex;font-size: 16px;font-family: Arial;text-transform: uppercase;align-items: center;padding: 5%;transition:0.5s;justify-content: center;}
.itel_box a:hover {background:#1f2c5c;color:#fff;}
.itel_box a+a {margin: 8% 0 0;}
.itel_box a span {overflow:hidden;border-radius: 50%;margin: 0 10px 0 0;width: 20px;height: 20px;}
.itel_box a span img {width:100%;height:auto;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.search_l .iconfont{font-size: 16px;}
.icon_tel i{display: block;width: 98px;height: 30px;line-height: 28px;text-align: center;border:2px solid #b2b2b2;font-size: 14px;color: #7f7f7f;border-radius: 15px;font-style: normal;}
.icon_pho i span{font-size:18px!important;display: block;margin-top: -3px;}
.hx_bg{height: 142px;position: relative;margin-top: -142px;z-index: 99;}
.icon_search.icon_pho:hover .itel_box.dh_c {
    transform: rotateX(0);
}


.tp-banner-container{width:100% !important;}





/*products*/
.prod{}
.pro_c{margin-top:0px;background: #fff; padding:70px 0;}
.pro_list{display: flex; position: relative;margin: 20px auto;width: 100%; margin-top:40px;}
.pro_list .prolist2021{ width: 100%;background: #f8f8f8; padding:1% 2%;border-radius: 50px;}
.pro_list ul{display: flex; justify-content: center; width: 100%;}

.pro_list li{text-align: center; width: 25%;float: left;  height: 50px;line-height: 50px; border-radius: 50px;}
.pro_list li a{ font-size: 16px;}
.pro_list li.on{background: #fd0102;color: #fff;transition: all .3s ease;}
.pro_list li.on a.prolist2021_one{color: #fff;}
.pro_list li dl{ display: none;}
.pro_call ul{display:block;}
.pro_call li{padding:1%; display: block; float: left; width:24%;border: 1px solid #eee;margin-top: 20px;background: #fff;}
.pro_call li a{display: block; width: 100%; height: auto; overflow: hidden; position: relative;}
.pro_call li>a:after{content: ''; display: block;width: 100%; height: 100%;  background: rgba(0,0,0,0.45) url(//memberpic.114my.cn/wedff88com/uploadfile/image/20240124/20240124085120_1108960417.png) no-repeat center; position: absolute; top: 0;left: 0;opacity: 0; transition: 0.3s all ease;}
.pro_call li:hover>a:before{opacity: 1;transform: scaleY(1);}
.pro_call li:hover>a:after{opacity: 1;}
.pro_call li br{display:none;}

.pro_call li span a{display:block;width:100%;height:56px;line-height:56px;font-size:16px;color:#333;border-top: 1px solid #eee; transition: 0.3s all ease;position: relative;z-index:22; text-align: center; background: #fff;}
.pro_call li span a:after{content: '';display: block;background: #fd0102;width:100%;height:0px;position: absolute;top:0;z-index: -1;}
.pro_call li:hover span a:after{height:100%;transition: 0.3s all ease;}
.pro_call li:hover span a{color:#FFF;border: 1px solid #fd0102;}
.pro_call li+li{margin-left: 1.3%;}

.pro_call li img{transition: 0.3s all ease;width: 100%;height: auto;}
.pro_call li:hover img{transform: scale(1.1);}




/*优势*/
.adv_bg { background: url(//memberpic.114my.cn/wedff88com/uploadfile/image/20240122/20240122094348_843848632.jpg)no-repeat center; padding: 80px 0px; overflow: hidden }
.adv_t p { color: #fff; }
.adv_t b { color: #fff; }
.adv_t span { color: #fff; }
.adv_cont {background: #f5f5f5; overflow: hidden; }
.adv_cont li {padding: 35px;background: #fff;display: block;float: left;width: 18%;height: 680px;overflow: hidden;position: relative;transition: 0.5s ease all;cursor: pointer;}
.adv_cont li+li {margin-left: 1px;}
.adv_cont li.on {width: calc(46% - 3px);}
.adv_cont li p { color: #dd272a; font-size: 28px; font-weight: bold; display: inline-block; margin: 20px 0 15px 0; }
.adv_cont li t { display: block; margin-top: -12px; font-family: Arial; color: #aaa; }
.adv_cont li span { color: #ccc; margin: 0 20px; position: relative; top: -3px; font-size: 0px !important; }
.adv_cont li dd {width: 100%;font-size: 15px;color: #666;line-height: 30px;opacity: 0;transition: 0.3s ease all;position: relative;z-index: 2;}
.adv_cont li d { width: 400px; color: #222; font-weight: bold; font-size: 20px; font-size: 16px !important; position: absolute; opacity: 0; top: 462px; left: 320px; transition: 0.3s ease all; }
.adv_cont li i { font-size: 110px; font-family: 'Impact'; color: #f8f8f8; font-style: normal; position: absolute; right: 56px; bottom: -30px; transition: 0.3s ease all; }
.adv_cont li.on t { display: none; }
.adv_cont li.on span { font-size: 16px !important; }
.adv_cont li.on dd {opacity: 1; }
.adv_cont li.on d { left: 220px; opacity: 1; }
.adv_cont li.on i { right: 40px; }
.adv_img{height:400px;overflow: hidden;display: flex;align-items: center;justify-content: center;}









/*banner01*/
.banner01_bg{height: 325px; background: url(//memberpic.114my.cn/wedff88com/uploadfile/image/20240129/20240129184341_718534187.jpg)no-repeat center;display: flex;align-items: center;}
.banner01_w{ color:#fff; }
.banner01_w h3{font-size: 38px;}
.banner01_w p{display:inline-block;  font-size: 20px; border-bottom:1px solid rgba(255,255,255,0.3); line-height:50px; padding-bottom:16px; margin-bottom:30px;  }
.banner01_w dd{font-size: 30px; font-family: "Arial"; background:url(//memberpic.114my.cn/wedff88com/uploadfile/image/20240124/20240124085120_1867636088.png)no-repeat center left; padding-left: 40px;}
.banner01_w dd span{font-size: 18px;}



/*简介*/
.about_bg{background:#f8f8f8;position:relative;padding-bottom:90px;}
.jjjdkd{}
.jjzbgk{ width:40%; margin:80px 0% 0% 0%;}
.gywmdy{ font-size:40px; color:#fd0102; text-transform:uppercase;}
.gywmdy b{ font-size:40px; color:#fd0102; font-weight:bold;}
.gyykwzn{ font-size:30px; color:#333; padding-top:10px;}
.gyykwzn:after{ content: ''; display:block;width:40px;height:2px; background:#c9c9c9;transition: all .3s ease;margin:22px 0px;}
.jjwnfq{ font-size:0.86vw; color:#888; line-height:2vw; padding-top:16px;}
.jjwnfq:after{content: ''; display:block;width:100%;height:1px; background:#e6e6e6;transition: all .3s ease;margin:55px 0px;}


.button a{width:166px;height:50px;border:none;background:#fd0102; color:#fff; font-size:17px; display:block; line-height:50px; text-align: center; margin-right:26px; border-radius: 60px;}
.button a:hover{height:50px;border:none;background:#000; color:#fff; font-size:17px; line-height:50px;}
.advisory a{background:#333;color:#fff; font-size:17px;display:block; line-height:50px;text-align: center;width:166px; border-radius: 60px;}
.advisory a:hover{background:#fd0102;color:#fff; font-size:17px;display:block; line-height:50px;}
.jjtpgjy{ float:right; margin-top:80px;position: relative; }
.jjtpgjy:after{content:'';width:100%;height:100%;background:#eee;display:block;position: absolute; left:30px;top:30px;}
.jjtpgjy img{ width:100%;    position: relative;z-index: 9;}
@media screen and (max-width:1470px){
.jjtpgjy img{ width:50vw; padding-top:3vw;}
}




/*新闻中心*/

.news_t p{font-size:40px;color:#fd0102;letter-spacing: 3px;    font-weight: bold;}
.news_t dd{font-size:16px;color:#666;}
.news_list a{width:200px;display:block;border-bottom:1px solid #ccc;font-size: 18px;padding: 20px 0;background: url(//memberpic.114my.cn/wedff88com/uploadfile/image/20240124/20240124085120_72549526.png)no-repeat right center;}
.news_list a+a{margin-top:40px;}
.news_list{margin-top:8vw;}
.news_r{width:70%;margin-top:-2.5vw;}
.news_r .news_div_item{width:100%;display: flex;position: relative;    flex-direction: row-reverse;justify-content: space-between;padding: 2vw 0; border-bottom:1px solid #eee;transition: 0.3s ease all;}
.news_r .news_div_item_date{position: absolute;left: 26%;    top: 3.8vw;transition: 0.3s ease all;}
.news_r .news_div_item_date>div{display:inline-block;font-size:15px;color:#222;}
.news_r .news_div_item_a{font-size:24px;color: #222;padding-left: 120px;}
.news_r .news_div_item_a:hover{color:#fd0102;}
.news_r .news_div_item_pic{width:20%;float:left;transition: 0.3s ease all;}
.news_r .news_div_item_pic img{width:100%;height:auto;}
.news_r .news_div_item_content{width:60%;display: flex;flex-direction: column;margin-top:30px;}
.news_r .news_div_item_body{margin-top:10px;font-size:14px;color:#666;}
.news_r .news_div_item:before{content:'';width:50px;height:50px;background:url(//memberpic.114my.cn/wedff88com/uploadfile/image/20240124/20240124085120_72549526.png)no-repeat center;margin-top: 50px;margin-right:30px;transition: 0.3s ease all;}
.news_r .news_div_item:last-child{border:none;}
.news_list a.on{color:#fd0102;font-weight:bold;}
.news_r .news_div_item:hover{background:#fff;}
.news_r .news_div_item:hover:before{margin-right:0px;}
.news_r .news_div_item:hover .news_div_item_pic{margin-left:50px;}
.news_r .news_div_item:hover .news_div_item_date{margin-left:50px;}




/*友情链接*/
.copyright{ background:#222; color:#fff; }
.links{ line-height:90px; background:#fd0102; color:#fff; font-size:18px;}
.linkTagcs li{ line-height:43px !important;}
.links p.fl{ padding-left:40px; background:url(//memberpic.114my.cn/wedff88com/uploadfile/image/20240124/20240124085120_91614333.png) no-repeat left center;}
.links p.fr{ font-size:25px; font-family:impact; text-transform:uppercase;}
.linkTagcs{margin-top:23px;}

/*版权*/
.bq{border-top: 1px solid #333;line-height: 80px;}
.end,.end a{ font-size:14px; color:#888;}
.end a:hover{ text-decoration:underline; color:#fff;} 
.crcon{ padding:60px 0; margin:0 auto;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; padding-left:25px; position:relative; vertical-align:top;}
.kslj li:after{content: "";display: block;width: 1px;height: 180px;background: #333;position: absolute;right: -4vw;top: 0;}
.kslj li p{ font-size:18px; margin-bottom:25px; position:relative;}
.kslj li p:after{ content:''; display:block; position:absolute; top:0; bottom:0; height:1px; margin:auto 0; left:-25px; width:16px; background:#fff;}
.kslj li a{ display:block; font-size:14px; color:#888; line-height:32px;}
.kslj li a:hover{ text-decoration:underline; color:#fff;} 
.kslj li+li{ margin-left:9vw;}
.crcode{ font-size:14px;text-align:center;margin-left: 15px;}
.crcode img{ display:block; width:150px; height:150px; margin-bottom:10px;}
.crconcat{ text-align:center; height:218px; box-sizing:border-box; padding:0px 60px; }
.crphone{ font-size:33px; font-weight:bold;}
.cr_c{ font-size:14px; line-height:25px; margin:20px 0; color:#888;}
.crbtn a{ width:200px; line-height:38px; border-radius:20px; font-size:14px; color:#fff; display:inline-block; background:#fd0102; transition:all .3s ease;}
.crbtn a:hover{ box-shadow:0 0 5px #fff;}
.crbtn i{ display:inline-block;  color: #fff; padding-left:28px; background:url(//memberpic.114my.cn/wedff88com/uploadfile/image/20240124/20240124085120_785210093.png) no-repeat left center;font-style: normal;}
.zhuying{line-height: 80px;}





.honor_bg{padding-top:80px;background:#f8f8f8;}
.honor_l img{margin-left:-60px;}
.honor_r{width:calc(100% - 308px);padding:30px;background: linear-gradient(90deg,#fff 30%,#fff 70%);box-shadow: 50px 0px 50px rgba(0,0,0,0.05);}
.honor_r{margin-top:-60px;}
.honor_r .tempWrap{width:100% !important;}
.honor_r ul{display:block;}
.honor_r li{float:left;overflow: hidden;transition: 0.3s ease all;display:block;width:calc((100% - 45px) / 4);margin-right:15px;text-align: center;}
.honor_r li p a{color: #333;font-size: 16px;display:block;}
.honor_r li p{height:50px;line-height:50px;position: relative;z-index: 2;background: #f8f8f8;display:none;}


.honor_r li img{transition: all linear 0.5s;-moz-transition: all linear 0.5s;-ms-transition: all linear 0.5s;-webkit-transition: all linear 0.5s;width:100%;height: 100%;display: block;}
.honor_r li:hover img{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);}