@font-face {
  font-family: 'iconfont';  /* Project id 4614430 */
  src: url('//at.alicdn.com/t/c/font_4614430_8ctw0pmh7db.woff2?t=1720659234393') format('woff2'),
       url('//at.alicdn.com/t/c/font_4614430_8ctw0pmh7db.woff?t=1720659234393') format('woff'),
       url('//at.alicdn.com/t/c/font_4614430_8ctw0pmh7db.ttf?t=1720659234393') format('truetype');
}
@font-face {
  font-family: 'iconfont';  /* Project id 4625574 */
  src: url('//at.alicdn.com/t/c/font_4625574_ys393tocwi.woff2?t=1723123253146') format('woff2'),
       url('//at.alicdn.com/t/c/font_4625574_ys393tocwi.woff?t=1723123253146') format('woff'),
       url('//at.alicdn.com/t/c/font_4625574_ys393tocwi.ttf?t=1723123253146') format('truetype');
}
 @font-face{font-family:hs_b;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Bold.ttf.txt)}   
.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;}
/* CSS Reset */
*{padding:0;margin:0}
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

@font-face {font-family: 'OPPOSans3.0cn-Regular';src: url('/cssnew/OPPOSans3.0cn-Regular.woff2.txt');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'OPPOSans3.0cn-Medium';src: url('/cssnew/OPPOSans3.0cn-Medium.woff2.txt');font-weight: normal;font-style: normal;}  
@font-face {font-family: 'OPPOSans-L';src: url('/cssnew/OPPOSans-L.ttf.txt');font-weight: normal;font-style: normal;}  
@font-face {font-family: 'Manrope-r';src: url('/cssnew/Manrope-Regular.ttf.txt');font-weight: normal;font-style: normal;}  

body{color: #666;overflow-x:hidden;margin:0; padding:0; font-family: 'OPPOSans3.0cn-Regular',PingFang SC,'Microsoft YaHei',Arial,sans-serif;  font-weight: 300;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #372e50;} 
li{list-style: none;}
em,i{font-style: normal;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.cl{ clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.send-mark {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;background: rgba(255,255,255,0.5);}
.send-mark.cur {display: none;}
.send-mark i {display: block;width: 4.8rem;height: 4.8rem;background:url('../images/loading.gif') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50,-50%);}
::-webkit-scrollbar{height:4px; width:0px;background: #ccc;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ccc;}
::-webkit-scrollbar-thumb{background-color:#000;box-shadow:inset 1px 1px 0 #000,inset 0 -1px 0 #000;}

.fl{ float:left;}
.fr{ float:right;}
.linkTagcs{ float:left;}
.footer-link p{ float:left;}
@font-face{font-family:hs_l;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Light.ttf.txt)}
/*one_title*/
.one_title{text-align: center;margin-bottom:50px; margin-top:90px;}
.one_title img{ margin:auto;}
.one_title p{font-size:42px; color:#000;}
.one_title p b{color:#cd0202;font-weight: bold;}
.one_title span{display: inline-block;font-size:19px;color:#666;margin-top:3px;position:relative; font-family:hs_l;}
.one_title span i{width:12px;height:12px;position:absolute;top:calc(50% - 6px);}
.one_title span i:first-child{left:-20px;}
.one_title span i:last-child{right:-20px;}
.one_title span i:before,.one_title span i:after{content:'';position:absolute;}
.one_title span i:before{width:5px;height:2px;background:#15172c;top:calc(50% - 1px);}
.one_title span i:after{width:8px;height:8px;border-radius:100%;border:2px solid #15172c;left:0;top:0;}
.one_title span i:first-child:before{left:-10px;animation:oneTitleBefore infinite 3s linear;}
.one_title span i:last-child:before{right:-10px;animation:oneTitleAfter infinite 3s linear;}

@keyframes oneTitleBefore{
  0%{width:5px;left:-10px;}
  25%{width:1px;left:0px;}
  50%{width:5px;left:-10px;}
  75%{width:15px;left:-20px;}
  100%{width:5px;left:-10px;}
}
@keyframes oneTitleAfter{
  0%{width:5px;right:-10px;}
  25%{width:1px;right:0px;}
  50%{width:5px;right:-10px;}
  75%{width:15px;right:-20px;}
  100%{width:5px;right:-10px;}
}

/*头*/
.head {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    display: flex;
    transition: .5s;
}
.head.on{background:#fff; box-shadow: 0 0 13px rgba(0,0,0,.1);}
.head.on .headbg{height: 80px;}
.head.on .headbg .logo { margin-top: 0.6vw;}
.head.on .name{ line-height: 30px;}
.head.on .headbg .logo img{}
.head.on .head_nav > ul > li > a {padding-top: 0px;line-height:80px;}
.head.on .head_nav li dl{top:70px;}
.head.on .head_nav > ul > li > a:after {margin: -3px auto 0;}
.head.on .head_nav{line-height:70px;margin-top: 0px;}
.head.on .header-search{margin-top: -0px;}

.headbg{display:flex; flex-direction:row; justify-content:space-between; width:100%; max-width:1920px; min-width:1400px; height:90px; margin:0 auto; position:relative;background: #fff; padding:0 4%;}
.headbg .fl{display:flex; flex-direction:row; justify-content:space-between;}
.logo{margin-top:0.8vw;}
/*.logo img{width: 200px;}*/
.name{ margin-left:10px; /*font-family:shuheiti;*/ font-size:31px; line-height:32px; color:#d11515; font-weight:bold; white-space:nowrap; margin-top:0.81vw}
.headbg .fr{display:flex; flex-direction:row; justify-content:space-between; width:73%;}
.head_nav{width:72%; margin-top:0px;}
.head_nav > ul{display:flex; flex-direction:row; justify-content:space-between;}
.head_nav > ul > li:last-child{    position: relative;}
.head_nav > ul > li > a{display:block; padding-top:0px; font-size:16px; line-height:90px; color:#333; text-decoration:none; transition-duration:0.8s;}
.head_nav > ul > li > a:after{content:""; display:block; width:0; height:3px; margin:-3px auto 0; background:#cd0202; transition-duration:0.8s;}
.head_nav > ul > li:hover > a,.head_nav li.head_cur > a{color:#cd0202; font-weight:bold;}
.head_nav > ul > li:hover > a:after,.head_nav li.head_cur > a:after{width:34px;}
@media(max-width:1600px){
.headbg .fr{width:70%;} 
}
.name span{font-size:16px; color:#555; font-family: cursive; font-weight:lighter;}

.dropmenu{ position:absolute; top:150%; max-height:0; transition:all .3s ease; width:190%;left: -25px;z-index:99; transition:all .3s ease; background:#f9f9f9; border-radius:0px; opacity:0; visibility:hidden; padding: 0px 0px}
.dropmenu a{ display:block; line-height:36px !important; text-align:center; font-size:14px !important; color:#666 !important; transition:all .5s ease; border-bottom: 1px #eee solid;}
.dropthree{ position:relative;}
.dropthree>div{ position:absolute; left:105%; visibility:hidden; opacity:0; transition:all .3s ease; border-radius:5px;width:100%; background:#f9f9f9; top:0;}
.dropthree:hover>div{ opacity:1; left:100%; visibility:visible; }
.head_nav li:hover .dropmenu{ max-height:1000px;  top:100%; opacity:1; visibility:visible;}
.dropmenu a:hover{ background:#cd0202; color:#fff !important;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}

/*下拉*/
.head_nav li dl{visibility:hidden; opacity:0; transform:translateY(20px); position:absolute; width:100%; height:auto; top:80px; left:0; margin-left:; z-index:9999; background:#f8f8f8; transition:0.5s; padding-bottom:1%;}
.head_nav li:hover dl { visibility:visible; opacity:1; transform:translateY(0);}
.proxiala{ margin:0 auto;/* max-width:1600px;*/ margin-top:50px; padding-left:0px;}

.sortxiala .prolist2021{ float:left; border-right:1px solid #ddd;padding-right:2%;}
.sortxiala .prolist2021 li{ float:none; margin-left:0;}
.sortxiala .prolist2021 li > a{ display:block; width:100%; font-size:18px; text-align:left; padding:0 !important; padding-left:0px !important; line-height:33px; height:33px; color:#555; text-decoration:none;}
.sortxiala .prolist2021 li > a:hover{ font-weight:normal;color:#cd0202;}
.sortxiala .prolist2021 li:hover > a:after{width:0;}
.sortxiala .prolist2021 li dl{ display:none;}

.productshowxiala{float:right; width:75%;}
.productshowxiala span{font-size:20px;color: #333;display: block;padding-bottom:20px;}
.productshowxiala p{font-size:14px;color: #999;line-height:24px; width: 60%;padding:10px 0px;}
.productshowxiala p a{font-size:14px;color: #999;border:1px solid #666; display: block;margin-top:25px;width: 160px;
    text-align: center;
    line-height: 34px;
    border-radius: 20px;}
.productshowxiala p a:hover{background: #cd0202;color: #fff;}

.productshowxialaa{width:1300px;margin:0 auto;}
.productshowxialaa .progdwz2021 li{float:left; border:1px solid #fff; margin-bottom:15px;margin-left:15px;background: #fff;}
.productshowxialaa .progdwz2021 li+li{}

.productshowxialaa .progdwz2021 li br{ display:none;}
.productshowxialaa .progdwz2021 li span{ display:block; padding:0; background:#fff;text-align: center;}
.productshowxialaa .progdwz2021 li a{ padding-top:0; font-size:14px; height:auto; line-height:44px;}
.productshowxialaa .progdwz2021 li > a:after{ display:none;}

.productshowxiala .progdwz2021 li{float:left; border:0px solid #fff; margin-bottom:15px;margin-left:1px;background: #fff;width:22%;}
.productshowxiala  .progdwz2021 li+li{}

.productshowxiala .progdwz2021 li br{ display:none;}
.productshowxiala .progdwz2021 li span{ display:block; padding:12px 0; padding-left:15px;text-align: center;}
.productshowxiala .progdwz2021 li a{ padding-top:0; font-size:14px; height:auto;background:#fff;}
.productshowxiala .progdwz2021 li a img{width:100%; height:auto;}
.productshowxiala .progdwz2021 li > a:after{ display:none;}

.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; padding: 0 0% 0 0;font-weight: bold;}

.header-search span{display:block;margin-left:10px;}
.header-search i{font-size: 16px; color: #333;}

.top_con {width: 140px; margin-right: 5px;}
.top_con>ul {display: flex;justify-content: space-between;width: 100%;}
.top_con>ul>li {display: flex;position: relative;width: 29px;height: 29px;border-radius: 50%; justify-content: center;z-index:66;border: 1px #eee solid;}
.top_con li i {font-size: 16px;line-height: 29px;   color: #666; height: 29px; font-weight:normal;}
.top_con>ul>li:nth-child(4) i{font-size: 13px;}
.top_con li>p {width: 120px;overflow: hidden;position: absolute;top: 32px;left: -45px;opacity: 0;transition: 0.5s;height:  0;background: #fff;}
.top_con li:nth-child(1)>p{width: 230px;color: #fff;font-size: 20px;line-height:26px;height: auto !important;right: -24px; background: #cd0202; padding:10px; letter-spacing: 1px; font-family: Impact; font-weight:normal;}
.top_con li p img {width:100%;}
.top_con li>a {}
.top_con li:hover p {opacity: 1;transition: 0.5s;height: 120px;}
/*搜索*/
.top_con li:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {width: 472px;height:115px;background: rgba(51,51,51,0.7);transform: rotateX(90deg);position: absolute;right: 0;transition: all 0.5s;font-size: 16px;padding: 34px; z-index: 9999;top:33px;}
.tit_sel a{ color: #fff;}    
.tit_sel span {font-size: 24px;display: block;color: #152682;font-family: Arial;}
.tit_icon:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;}
#search-i{float:left; width:30px; height:38px; overflow:hidden; margin-top:20px;  box-sizing: border-box; padding-top: 0px; border: 1px solid #dddddd;border-left: none; padding-right:45px;}
#search-bg{float:left; width:344px; height:38px; overflow:hidden; padding-left:14px; margin-top:20px; box-sizing: border-box;     border: 1px solid #dddddd;border-right: none;text-align: left;    line-height: 38px;}
.search-text{ font-size:14px;color: #fff;justify-content: center;align-items: center;  font-weight:normal;}
.search-text a{ font-size:15px; color: #fff !important;}
.search-text a:hover{ font-size:15px; color: #ffffff;}
.search-text span{ float:left;  color:#ffffff;font-size: 15px;}
.tit_sel #infoname{ border:none;background:none; outline:none; height: 35px; padding-left: 1px;} 
.search_name {float: left;font-size:22px;color: #ffffff; line-height: 32px;position: relative;z-index: 5;padding: 15px 0;width: 264px;height: 96px;background: #cb0303;text-align: center;}
.search_name:after {content: "";width: 0px;height: 0px;border-top: 7px solid #005299; border-right: 7px solid transparent;border-bottom:8px solid transparent; border-left: 7px solid #005299;position: absolute; top: 81px; right: -13px; transition: 0.5s all ease-in-out; }
form {justify-content: center;}
.head_right {display: flex;justify-content: space-between;align-items: center;width: 72%;}

.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }

/* index */
.swiper-container{/*overflow: auto !ibuttonmportant;*/}
.banner {position: relative; margin-top: 90px;}
.index-banner-swiper {position: relative;background: #000;z-index:1;}
.banner-slide {height:100%;}
/*.banner-slide .txt:after {
    content: '';
    width: 130%;
    height: 138%;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent);
    position: absolute;
    left: -20%;
    bottom: -21%;
    z-index: -1;
    transition: all 1s;
}*/
.banner-slide .txt{position: absolute; left: 9%;top:27.8%; ;z-index: 33;width:80%;}
.banner-slide .txt h2{font-size:1.8vw;color: #fff;margin: 0;padding: 0;padding:0px 0 0px 0; position: relative;text-transform: uppercase;font-weight:normal; line-height: 3vw;width: 41vw;text-align: left;border-radius: 0px;z-index: 999;}
.banner-slide .txt h3{font-size:2.8vw; margin: 0;padding-top: 8px;padding-bottom:0px; position: relative;text-transform: uppercase; line-height:3.5vw; z-index: 999; font-weight: bold;background: linear-gradient(45deg, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;}
.banner-slide .txt h3 span{-webkit-text-stroke: 1px #fff;color: transparent; display: block; padding-bottom:10px;font-size:3vw;}
.banner-slide .txt h3 b{color:#fea447;-webkit-text-stroke: 1px #fff;}
.banner-slide .txt .hz{color:#fff;}
.banner-slide .txt .line {width: 260px;height:12px;background: rgba(48, 97, 173, .2);margin: 0px 0 20px 0;position: relative;
    margin-top: -2.8%;}
.banner-slide .txt h4{font-size:1vw; padding:15px 0 20px 0;margin:0;font-weight: normal;line-height: 1.7vw;z-index: 999;}
@media screen and (max-width: 1440px){
.banner-slide .txt h4{font-size:1.3vw;}
}
@media screen and (max-width: 1400px){
.banner-slide .txt h4{font-size:1.3vw;}
}
@media screen and (max-width: 1366px){
.banner-slide .txt h4{font-size:1.3vw;}
}
@media screen and (max-width: 1360px){
.banner-slide .txt h4{font-size:1.3vw;}
}
.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:#cd0202; 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;height:100%;transition: 5s;}
@keyframes swiper_img_move {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.banner-slide .txt .img1{text-align: left; margin-top:2%;}
.banner-slide .img1>a{    display: flex;justify-content: center;    align-items: center;height:100%;}
.banner-slide .img1 video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}

.banner-btn {clear: both; margin-top:5%;}
.more .tit-16 {
  border-radius: 60px;
  padding: 14px 32px;
  line-height: 1;
  display: inline-block;
  font-size: 15px;
  background: linear-gradient(to right, #cd0202 25%, #ac2b30 75%);
  position: relative;
  z-index: 999;
  color: #fff;
  box-shadow: 5px 5px 10px 0 rgba(48, 97, 173, .2);
  width: 180px;
  text-align: center;
  letter-spacing: 2px;
}
.more .tit-17 {
  border-radius: 60px;
  padding: 14px 25px;
  line-height: 1;
  display: inline-block;
  font-size: 15px;
  background: linear-gradient(to right, #fff 25%, #fff 75%);
  color: #333;
  position: relative;
  margin-left:-7%;
  padding-left: 8%;
  width: 190px;
  text-align: center;
  letter-spacing: 2px;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1);
}

.more .icon {
  display: inline-block;
  margin-left: 15px;
  transition: all 0.5s;
}

.banner-slide .txt2{position: absolute; left: 0%;top:55%; ;z-index: 33;width:100%;text-align:center;}
.banner-slide .txt2 h3{font-size:2.8vw; color: #fff;margin: 0;padding-top: 20px;padding-bottom:10px; position: relative;text-transform: uppercase; line-height:2.8vw; font-weight: bold;}
.banner-slide .txt2 h2{font-size:24px;color: #fff;margin: 0;padding: 0;padding:14px 0; position: relative;text-transform: uppercase;font-weight:normal; line-height: 20px;width: 100%;text-align: center;}
.banner-slide .txt2 .line {width: 260px;height:12px;background: rgba(0,0,0,0.4);margin: 0px 0 20px 0;position: relative;margin: 0 auto;
    margin-top: -1.1%;}
.banner-slide .txt2 h4{font-size:1vw; padding:15px 0 20px 0;margin:0;font-weight: normal;line-height: 1.7vw;z-index: 999;}

.banner-slide .txt2 h2 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt2 h3 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt2 h4 {transform:translateY(200px);opacity:0;transition:all .6s;}
.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,.index-banner-swiper .swiper-slide-active .txt1 h3,.index-banner-swiper .swiper-slide-active .txt1 h2,.index-banner-swiper .swiper-slide-active .txt2 h3,.index-banner-swiper .swiper-slide-active .txt2 h2,.index-banner-swiper .swiper-slide-active .txt2 h4{transform:translateY(0px);opacity:1;}

.banner .swiper-banner-pagination {bottom:156px;width: 100%; display: block;z-index: 90;}
.banner .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;}
.banner .swiper-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height: 6px;position: absolute;left: 0;top:8px;background: #fff;opacity: 0.3;}
.banner .swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}
.banner .swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:8px;width:0;height: 6px;background: linear-gradient(120deg, #cd0202 10%, #a81c20 80%);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;z-index: 10;}
.banner .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:70%;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/sendifs/uploadfile/image/20240918/20240918160305_146907439.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;}}

/*特点*/
.num_bc{width: 100%;background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20240919/20240919145801_816525513.png) no-repeat top center;padding:170px 0 0px;position: relative;margin-top: -110px; z-index:9;}
.num_bc:after{position: absolute;content: "";background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20240919/20240919144024_1167269542.png);width: 216px;height: 228px;top: 70px;left: 0;}
.comp_l{width:50%;}
.comp_l ul{overflow: hidden;}
.comp_l ul li:first-child{margin-left:7%;}
.comp_l ul li{float:left;display: inline-block;pad}
.comp_l ul li{margin-left:11%;}
.comp_l ul li p{display:inline-block;position: relative; margin-bottom: 0 !IMPORTANT;}
.comp_l ul li b{font-size:60px;color:#1a1a1a;display: block; font-family: 'Tw Cen MT';}
.comp_l ul li span{position: absolute;display: block;font-size:13ox;color:#1a1a1a;width:25px;height:25px;border-radius: 100%;background:#fbebeb;text-align: center; top: 8px;right:-1vw;line-height: 1.3vw;}
.comp_l ul li div{font-size: 16px;color: #565656;}
@media screen and (max-width: 1500px){
	.num_bc:after{display: none;}
}

/*select*/
.sel_bc {overflow: hidden;}
.sel_tit>div{display: flex;align-items: center;padding-left: 15px;}
.sel_tit>div>span{width: 5px;height: 5px;border-radius: 100%;border:2px solid #cd0202;position: relative;}
.sel_tit>div>span:before,.sel_tit>div>span:after{position: absolute;content: "";border-radius: 100%;border:2px solid #cd0202;}
.sel_tit>div>span:before{width: 18px;height: 18px;top: -11px;left: -11px;}
.sel_tit>div>span:after{width: 30px;height: 30px;top: -17px;left: -17px;}
.sel_tit>div>b{font-size: 38px;color: #333;margin-left: 25px;}
.sel_tit>div>b>i{color: #cd0202;font-size: 38px;}
.sel_tit>p{font-size: 16px;color: #333;margin-top: 12px;}
.sel_c>ul{margin-top:2%;display: flex;justify-content: space-between;padding:0;}
.sel_c>ul>li{width: 310px;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 100%;height: 310px;position: relative;background: #f9f9f9}
.sel_c>ul>li:hover{background: #cd0202;}
.sel_c>ul>li:before{position: absolute;content: "";width: 330px;height: 330px;border-radius: 100%;top: -13px;left: -13px;border:3px solid #f9f9f9;transition: all .5s;}
.sel_c>ul>li:hover:before{border-color: #cd0202;transform: rotateY(180deg)}
.sel_c>ul>li>span{font-size: 50px;color: #0b0d0f;display: block;position: relative;}
.sel_c>ul>li>span svg{width:1em;height:1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.sel_c>ul>li>span i{font-size: 50px;color: #fff;display:none;}
.sel_c>ul>li:hover>span svg{display:none;}
.sel_c>ul>li:hover>span i{display:block;}
.sel_c>ul>li>b{display: block;margin:22px 0 15px;font-size:25px;color: #0b0d0f;transition: all .5s;}
.sel_c>ul>li:hover b{margin-top: 40px;color: #fff;}
.sel_c>ul>li:hover:nth-child(2) b{margin-top: 49px;}
.sel_c>ul>li>div{font-size: 15px;line-height: 24px;color: #888;text-align:center;padding-bottom:0px; }
.sel_c>ul>li:hover>div{color: rgba(255,255,255,0.41)}
.sel_c>ul>li>div>i{font-size: 14px;color: #666;font-weight: bold;line-height: 24px;}
.sel_c>ul>li:hover>div>i{color: rgba(255,255,255,0.41)}
.sel_c>ul>li * {
    position: relative;
    z-index: 2;
}
.ty{position: absolute!important;width: 100%;height: 100%;border-radius: 100%;z-index: 1!important;overflow: hidden;}
.ty:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #9a2629;
    border-radius: 100%;
    top: -100%;
    left: 0;
    transition: all .5s;
}
.sel_c>ul>li:hover .ty:after{top: -180px;}
/*.sel_c>ul>li:hover:nth-child(2) .ty:after{top: -213px;}*/
.sel_lx{display: flex;justify-content: center;margin-top: 75px;}
.sel_lx>div{width: 358px;height: 58px;background: #0b0d0f;border-radius: 29px;display: flex;align-items: center;justify-content: center;}
.sel_lx>div+div{margin-left: 8px;}
.sel_lx>div>span{font-size:35px;color:#cd0202; font-family: Impact;}
.sel_lx>div:last-child>span{color: #ff3e41;}
.sel_lx>div>b{     font-family: Impact;  font-weight: normal; font-size: 30px;color: #fff;margin:0 10px;}
.sel_lx>div>i{font-size:24px;color: #fff;}
@media screen and (max-width: 1400px){
	.sel_c>ul>li{width: 290px;height: 290px;}
	.sel_c>ul>li:before{width: 310px;height: 310px;}    
	.sel_c>ul>li:hover .ty:after{top: -190px;}
	.sel_c>ul>li:hover:nth-child(2) .ty:after{top: -205px;}
}
.sel_bc>div:last-child {
    position: relative;
    margin-top: -350px;
    z-index: -1;
}
.sel_bc>div:last-child canvas{height: 500px!important;}


@keyframes after{
	0%{transform:scale(1.3);opacity: 1;}
	50%{transform:scale(2.2);opacity: 0.5;}
	100%{transform:scale(4);opacity: 0;}
}
@keyframes before{
	0%{transform:scale(1.2);opacity: 1;}
	50%{transform:scale(2.4);opacity: 0.5;}
	100%{transform:scale(5);opacity: 0;}
}

/*产品展示*/
.custom_bg{width: 100%;min-width: 1200px;height: 1080px;}
.custom_t{background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190606/20190606102453_148777553.png)no-repeat center top;}
.custom_d{background:#fff;height:940px;margin: 35px auto 0; position: relative; width: 1500px;}
.custom_d .convert{ width:1500px;margin:0 auto; }
.custom_d .convert .tab a{display: block; width:12%;height:110px; text-align: center;float: left;border: 1px solid #eee;border-left:0;position: relative;}
.custom_d .convert .tab a:first-child{border-left:1px solid #eee;}
.custom_d .convert .tab a font{display: block; width:82px; height:93px;}
.custom_d .convert .tab a p{font-size:16px; line-height:36px;color:#666;}
.custom_d .convert .tab a.on{background-color:#cd0202;}
.custom_d .convert .tab a.on p{color:#fff;}
.custom_ww {height: 120px; }
.custom_d .convert .tab{width:1200px; margin: auto;}
.custom_d .convert .tab a i{width: 100%;height: 46px;display: block;margin-top: 18px; opacity: 0.3; background-image: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190610/20190610170032_1684468641.png);}
.custom_d .convert .tab a:nth-child(1) i{background-position:0 -30px;}
.custom_d .convert .tab a:nth-child(2) i{background-position:-150px -30px;}
.custom_d .convert .tab a:nth-child(3) i{background-position:-300px -30px;}
.custom_d .convert .tab a:nth-child(4) i{background-position:-450px -30px;}
.custom_d .convert .tab a:nth-child(5) i{background-position:-600px -30px;}
.custom_d .convert .tab a:nth-child(6) i{background-position:-750px -30px;}
.custom_d .convert .tab a:nth-child(7) i{background-position:-900px -30px;}
.custom_d .convert .tab a:nth-child(8) i{background-position:-1050px -30px;}
.custom_d .convert .tab a.on i{opacity: 1; filter: contrast(0) brightness(2);}



.custom_d .convert .content1{ overflow:hidden; width:1500px; height:770px; position:relative;    margin-top:34px;}
.custom_d .convert .content1 ul{ position:absolute; left:0; top:0;}
.custom_d .convert .content1 li {
    width:1500px;position: relative;
    height: auto;
    float: left;
}
.custom_d .convert .content1 li table tr td{   
    float: left;
    width: 336px; 
    margin-left:20px;
    overflow: hidden;
    padding: 0px !important;    margin-bottom: 20px;    position: relative;}
.custom_d .convert .content1 li table tr td:nth-child(4){margin-right:0px;}
.custom_d .convert .content1 li table tr td br{display: none;}
.custom_d .convert .content1 li table tr td>a{ display: block;border:4px #ccc solid;}
.custom_d .convert .content1 li table tr td>a img{ width:100%; height:auto;}
.custom_d .convert .content1 li table tr td span{display: block; height: 60px; line-height: 60px !important; width: 100%; padding-right:20px;text-align: right;   transition:all linear 0.3s; -moz-transition:all linear 0.3s; -ms-transition:all linear 0.3s; -webkit-transition:all linear 0.3s; position: absolute; bottom:0; right:0; z-index: 2;}
.custom_d .convert .content1 li table tr td span a{display: block; font-size: 16px;}
.custom_d .convert .content1 li table tr td:hover span a{color:#fff;}
.custom_d table>tbody>tr>td>a:before{content:""; position: absolute; width:354px; height:354px; left:0;top:-354px;;background:rgba(0,0,0,0.5); transition:all linear 0.3s; -moz-transition:all linear 0.3s; -ms-transition:all linear 0.3s; -webkit-transition:all linear 0.3s; z-index: 1;}

.custom_d table>tbody>tr>td>a:hover::before{top:0; }

.prod_l{width:420px; height:770px;     position: absolute; top:-17px; left:0; text-align:center; padding-top:96px;}
.prod_l b{font-size: 24px; color: #333; line-height: 50px;}
.prod_l p{font-size: 16px; color: #666;}
.prod_l1{background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190606/20190606112547_193891886.jpg)no-repeat right top;}
.prod_l2{background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190610/20190610152535_1015384425.jpg)no-repeat right top;}
.prod_l3{background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190610/20190610155328_1756222920.jpg)no-repeat right top;}
.prod_l4{background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190610/20190610161536_566159789.jpg)no-repeat right top;}


.prod_l5{background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190610/20190610163516_527876858.jpg)no-repeat right top;}
.prod_l6{background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190610/20190610164908_455873360.jpg)no-repeat right top;}
.prod_l7{background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190610/20190610172709_643347700.jpg)no-repeat right top;}
.prod_l8{background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190610/20190610181115_806646325.jpg)no-repeat right top;}
.prod_r{width:1070px;}


/*搜索*/
.search_kong { width:420px; height:54px;  position: absolute; top:788px;}
.search_2{float:left; width:420px;}
.search_tu{ width:20px;position: absolute; right: 34px; top: 18px;}
.search_zi{float:left; width:800px; line-height:92px; font-family:"Microsoft YaHei"; font-size: 14px; color: #999999;}
.search_zi a { color: #999999; font-size:14px;}
.search_zi a:hover { color: #0891de;}
.search_zi b { color: #333333;}
#infoname{width:400px; background:#f1f1f1; outline:none; height:54px;margin:0; line-height:54px; padding-left:20px; float:left; border-radius:50px; color: #999;border: 0;  font-size:15px;} 

    .page, .content{ margin:0 auto; width:1200px;}
/*banner01*/
.banner01{height:300px; position: relative; background-image:url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190606/20190606135451_1958415098.jpg);background-repeat: no-repeat; background-position: center center;   background-size: cover;   background-attachment: fixed;}
.banner01_m{width:100%; min-width:1200px; height:300px; background:url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190606/20190606151003_776027735.png)no-repeat top left;}
.banner01_w{position: absolute; top: 0; text-align: center; color: #fff;}
.banner01_w p{font-size: 30px; font-weight: lighter;  padding:50px 0 36px 0; background:url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190606/20190606151644_1113195714.png) no-repeat center bottom;}
.banner01_w b{font-size: 40px; font-weight: bold;}
.banner01_w span{ display: block; width: 307px; height: 47px; line-height: 47px; text-align: center; font-size: 20px; margin: 20px auto; background:url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20190606/20190606151543_1777903709.png) no-repeat center;}
 .banner01_w span t{font-family: Impact; font-weight:normal; letter-spacing: 1px;}
    
/*应用*/
.index-yingyong{padding: 0;}
.index-yingyong .t-title{margin-bottom: 20px;}
.index-yingyong .box2{background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20240924/20240924091733_1563487870.jpg) no-repeat right center;display: flex;justify-content: space-between;}
.index-yingyong .box2 .slider{width:77%;padding-top: 40px;}
.index-yingyong .box2 .slider .pro_slider1{display: flex;justify-content: space-between;}
.index-yingyong .box2 .slider .pro_slider1 .list{ margin-right:1%;}
.index-yingyong .box2 .slider .pro_slider1 .list .pic{width: 230px;overflow: hidden;}
.index-yingyong .box2 .slider .pro_slider1 .list .pic img{width: 230px;height: 186px;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.index-yingyong .box2 .slider .pro_slider1 .list h2{line-height: 40px;color: #fff;text-align: center;background: #cd0202;}
.index-yingyong .box2 .slider .pro_slider1 .list:hover .pic img{transform: scale(1.1);}
.index-yingyong .box2:nth-child(2){background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20240924/20240924092203_1916500971.jpg) no-repeat left center;}
.index-yingyong .box2:nth-child(2) .slider{margin-left: auto;}
.index-yingyong .box2:nth-child(2) .slider .tit a{margin-left: 0;}

.cus_bc {background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20240923/20240923212549_1465525642.png) no-repeat bottom center ; padding:1px 0 140px 0;}
.cus_c>ul {display: flex; justify-content: space-between; margin-top: 0px; align-items: center;}
.cus_c>ul p {width: 120px; height: 120px; border-radius: 100%; position: relative; display: flex; align-items: center; justify-content: center; transition: all .3s;  margin: 0 auto;}

.cus_c>ul p i{font-size: 70px;color: #cd0202;}

.cus_c>ul b {display: block; font-weight: normal; font-size: 24px; line-height: 24px; width: 100%; margin: 0px auto 0;text-align:center;}
.cus_c>ul span{display: block; font-weight: normal; font-size: 14px; line-height: 24px;color: #999;padding-top:5px;width: 82%;
 margin: 0 auto; text-align: center;}
.cus_btn {display: flex; width: 532px; height: 52px; align-items: center; background: #333; margin: 0 auto; border-radius: 31px; margin-top: 48px;}
.cus_btn i {display: flex; color: #fff; font-size: 22px; width: 222px; height:52px; align-items: center; border-radius: 31px; background: #cd0202; justify-content: center;}
.cus_btn i span {font-size: 27px; color: #fff; margin-right: 9px;}
.cus_btn em {font-family: moo;font-size: 36px;font-weight: bold;color: #fff; margin-left: 26px;}
.cus_c>ul>li {position: relative; transition: all .5s;}
.cus_c>.sol_tit>p {margin: 0;letter-spacing: 0.1em;}
.cus_c > ul > li>em{font-size: 16px;color: #dadada;padding-bottom: 63px;padding-right: 10px;}
.cus_c>ul>li:hover p span {color: #cd0202;}
.cus_c>ul>li:hover b {color: #cd0202;}
.cus_c>ul>li:hover:nth-child(odd) {transform: translateY(-8px);}
.ywk-index-product-type {padding:0% 0 0 0;overflow: hidden;}
.ywk-index-product-type-item {width: 100%;overflow: hidden;position: relative;}
.ywk-index-product-type-item .top{position: absolute;width:100%;height: 100%;padding:10%;overflow: hidden;box-sizing: border-box; z-index: 10;color: #fff;}
.ywk-index-product-type-item .title-1{font-size: 30px;position: relative;text-transform: uppercase;opacity: 1;}
.ywk-index-product-type-item .title-1::before {content: '';width:20px;height:3px;background: #fff;margin-bottom: 20px;display: block;transition:all .4s ease;}
.ywk-index-product-type-item .learnmore-3 {overflow: hidden;padding: 15px 0;position: absolute;left:10%;bottom:5%;width:80%;opacity:0;}
.ywk-index-product-type-item .learnmore-3::after {content: '';width: 0px;height:1px;background: #fff;position: absolute;bottom: 0;left: 0;transition:all .4s ease;}
.ywk-index-product-type-item .learnmore-3 a {display: block;}
.ywk-index-product-type-item .learnmore-3 span{color: #fff;font-size: 14px;text-transform: uppercase;}
.ywk-index-product-type-item .learnmore-3 i{width:24px;height:8px;background:url('../images/jtr1.png') no-repeat;position:absolute;right:0;top:50%;margin-top:-4px;}
.ywk-index-product-type-item .learnmore-3 a:hover span{color: #2dc459;}
.ywk-index-product-type-item:hover .title-1 {opacity:1;}
.ywk-index-product-type-item:hover .learnmore-3{opacity:1;bottom:10%;}
.ywk-index-product-type-item:hover .learnmore-3::after{width: 100%;}
.ywk-index-product-type-item:hover .img  {opacity: .6;transform:scale(1.1);}
.ywk-index-product-type-item:hover {background: #000;}
.ywk-index-product-type-item * {transition:all .4s ease;}
.img-block {display: block; width: 100%;  height: auto;}
.img.swiper-lazy{background-size: 100% 100% !important;}
.img.swiper-lazy:after{content: '';width: 100%; height: 100%;box-shadow: inset 0px 0px 100px 40px rgba(0,0,0,0.4);position: absolute; left: 0; top: 0;}



.lineinW{-webkit-animation-name:lineinW;animation-name:lineinW;-webkit-animation-duration: 1s;animation-duration: 1s}
@keyframes lineinY{ 0% {height: 0%;}100% {height: 100%;}}
.lineinY{-webkit-animation-name:lineinY;animation-name:lineinY;-webkit-animation-duration: 1s;animation-duration: 1s}
.liney-ain {position: absolute;left: 10%;top: 0;z-index: 1;}
.liney-ain .liney-1,.liney-ain .liney-2{width: 1.2rem;height: 5rem;display: inline-block;vertical-align: top;position: relative;margin-right: 1rem;}
.liney-ain .liney-1 i,.liney-ain .liney-2 i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #3200c8;}
.liney-ain .liney-1 {height: 10rem;}
.liney-ain .liney-2 i {background: #2cd264;}
.liney-ain2 {position: absolute;right: 20%;top: 0;z-index: 1;}
.liney-ain2 .liney-1,.liney-ain2 .liney-2{width: 2rem;height: 15rem;display: inline-block;vertical-align: top;position: relative;margin-left: 2rem;}
.liney-ain2 .liney-1 i,.liney-ain2 .liney-2 i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #3200c8;}
.liney-ain2 .liney-1 {height: 20rem;margin-top: 5rem;}
.liney-ain2 .liney-2 i {background: #2cd264;}

.page9{max-width: 90%;margin: 0 auto;min-width: 1200px;width: 100%;}

/*bt*/
.goy_titd{display: flex; position: relative;}
.goy_tit{display: block;align-items: center;}
.goy_tit p{color: #333;font-size: 35px;position: relative;padding-left: 2px;margin-bottom: 0rem !important;line-height: 35px;}
.goy_tit h3{color: #333;font-size: 3rem;position: relative;padding-left: 2px;margin-bottom: 0rem !important;line-height:3rem;}
.goy_tit b{font-weight: bold;font-size: 40px;color: #333;padding-left: 0px; text-transform: uppercase;font-family: 'samsungsharpsans-b';line-height:62px;}
.goy_tit em{font-weight: normal;font-size: 21px;color: #999;padding-left: 0px; line-height:30px; padding-top:8px; display: block;}
.goy_tit i{width: 125%;height: 3px; position: relative; margin: 35px 0 35px 0; background: rgba(0,0,0,.1);display: block;}
.goy_tit i:before{position: absolute;content: "";width: 30%;height: 3px;background: linear-gradient(to right,#cd0202,#cd0202);top: 0px;left: 0;}
.goy_titmore {position: absolute;right: 0; top: 26%;}
.goy_titmore a {display: inline-block;transition: 0.3s all ease;width: 140px;height: 40px;line-height: 40px;text-align: center; color: #333;background:#f8f8f8;font-size: 14px;}
.goy_titmore a:hover{background:#cd0202;color: #fff;}
    
/*par*/
.par {padding: 73px 0;overflow: hidden;background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20240920/20240920203524_1122062354.jpg) center fixed; position: relative;}
.par:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(205,2,2,0.8);background-size: 2px;-webkit-background-size: 2px;-moz-background-size: 2px;-o-background-size: 2px;-ms-background-size: 2px;left: 0;top: 0;z-index: 6;}
.par_box {margin: 0 auto;}
.par_con {display: flex;justify-content: space-around;align-items: center;}
.par_l {width:54%;display:  flex;flex-direction:  column; z-index: 9;}
.par_l>p {font-size:2.5vw;color: #fff;line-height: 60px;display:  flex;align-items:  center;border-bottom: 2px solid rgba(255,255,255,0.2);padding-bottom: 24px;position:relative; width:70%;}
.par_l>p:after {content:'';width:36%;background:#fff;height:2px;position:absolute;bottom: -2px;left:0;}
.par_l p b {font-size:2.5vw; font-family: hs_b;}
.par_l em {font-size: 18px;font-weight: lighter;color: #fff;display:  flex;flex-direction:  column;padding-top: 19px;width: 60%;}
.par_l em>span {font-size: 32px;font-family: Arial;line-height: 42px;text-transform: uppercase;opacity: 0.3;padding-top: 20px;}
.par_r {width:460px; z-index: 9;}
.par_r ul {display: flex;justify-content: space-between;align-items: center;}
.par_r li {width: 32%;display:  flex;align-items:  center;flex-direction:  column;}
.par_r li i {background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20240920/20240920174554_1464449655.png)no-repeat center;width: 108px;height: 108px;font-size: 40px;color: #fff;display:  flex;justify-content:  center;align-items:  center;}
.par_r li>p {font-size: 18px;color: #fff;line-height:  20px;padding-top: 15px;}
.par_r>p {display:  flex;padding-top: 32px;align-items:  center;justify-content:  center;justify-content:  space-around;}
.par_r>p>i {font-size: 20px;padding: 8px;background:  #fff;border-radius: 50%;line-height: 20px;}
.par_r>p span {font-size: 36px;color: #fff;line-height:  36px; font-family: Impact; letter-spacing: 2px; padding-right: 20px;}
.par_r a {font-size:  16px;padding: 2% 8%; background:  #fff;line-height: 20px;display: flex;
justify-content: center; align-items: center;}


/*about*/
.comp_bc{width: 100%;background: url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20240920/20240920092127_915582775.jpg) no-repeat center;padding:6% 0 13.7% 0;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.comm{display: flex;justify-content: space-between;}
.comp_wz{font-size: 16px;color: #666; line-height: 30px;padding-top: 30px;overflow:hidden; padding-bottom:30px;}
.comp_wz h4{ padding:15px 0; font-size: 19px; color: #000;}
.comp_btn{display: block;font-size: 18px!important;color: #fff!important;width:206px;height: 52px;line-height: 52px;background: linear-gradient(to right,#cd0202,#9a2629);border-radius: 10px;padding-left: 45px;margin-top: 0px;}
.comp_btn span{font-size: 18px;color: #fff;display: inline-block;padding-left: 10px;line-height: 52px;}
.comp_btn:hover{color:#fff!important;font-size: 18px;}
.benf_le em{width: 574px;height:439px;background: #009946;}
.benf_le em img{margin-left: 25px;margin-top: 25px;}

.cbr{position: absolute;width: 100%;top: 38%;left: 0;}
.ripple,.ripple:before,.ripple:after {position: absolute;left: 50%;top: 50%;height: 80px;width: 80px;margin-top: -40px;margin-left: -40px;border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(31, 120, 199, 0.64);-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);box-shadow: rgba(31, 120, 199, 0.64);-webkit-animation: ripple 3s infinite;animation: ripple 3s infinite;}
.ripple{}
.ripple:before {-webkit-animation-delay: .9s;animation-delay: .9s;content: "";position: absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay: .6s;animation-delay: .6s;content: "";position: absolute;right: 0;bottom: 0;}
.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:50%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:77%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:50%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}

@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
                box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
                box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
                box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
                box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
    }
}
.comp_r{width: 50%;position: relative;margin-top: 60px;background: url() no-repeat right top; display:none;}
.comp_r p{position: absolute;top: 0;left: 0;}
.comp_r>p>img{width: 100%;}
.bof {color: #cd0202;font-size: 38px !important;position: relative;top: 23px;left: 22px;}

/*实景*/
.int_nr{background: #fff;padding: 60px 54px 30px 54px;display: flex; box-shadow: 0 0 100px rgba(0,0,0,0.1); flex-direction: column; max-width:84%;
    margin: 0 auto; margin-top: -9%;position: relative;z-index: 99;}
.int_nr1{background: #fff;padding: 60px;display: flex; box-shadow: 1px 1px 100px rgba(0,0,0,0.1); flex-direction: column; max-width: 90%;
    margin: 0 auto; margin-top: 3%;position: relative;z-index: 99;}
.mot_con {}
.mot_con ul {display: flex;justify-content: space-between;align-items: center;}
.mot_con li {display:  flex;flex-direction:  column;position:  relative;width: 32.5%; overflow:  hidden;    margin: 0 0.6%;}
.mot_con li:hover img {    transform: scale(1.1);}
.mot_con li:after {content:'';width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;display:none;}
.mot_con li p { padding:16px 20px;background:#f1f1f1;transition: 0.5s; text-align: center;}
.mot_con li a {  overflow: hidden;     display: inline-block;  }
.mot_con li p a {font-size: 18px;width:  100%;height: 100%;display:  flex;flex-direction:  column;    z-index: 5;color: #222;  }
.mot_con li a img {width:100%;height:auto;transition: 0.5s;}
.mot_con .ban_dot{display:  none !important;}
.mot_con li:hover p a{color:#fff;}
.mot_con li:hover p{ background:#cd0202;}


/*新闻*/
.box{ margin:0 auto;width:86%;min-width: 1300px;max-width:1600px; box-sizing: border-box; }
.top80 {padding-top:90px;}
.new_nav { margin:0 auto;width:580px; margin-bottom:40px;}
.new_nav li{width: 170px;height: 42px;line-height: 42px;text-align: center;float: left;margin-left:12px;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius: 50px; }
.new_nav li:nth-child(1){ margin-left:0;}
.new_nav li a{ display:block; font-size:18px;}
.new_nav li.on{background: #cd0202;}
.new_nav li.on a{ color:#fff;}

.new_content{ position:relative;height: 639px;}
.new_content .news_div_item{position: relative; border:1px #eee solid;}
.new_content .news_div_item:nth-child(1){ width:44.8%; height:557px; float:left;  padding:2vw; box-shadow: 0px 0px 20px rgba(238, 238, 238, 0.6);}
.new_content .news_div_item:nth-child(1) .news_div_item_year{ background:url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20240919/20240919182029_547456779.png) no-repeat left; padding-left:18px;}
.new_content .news_div_item:nth-child(1) .news_div_item_date div{ float:left; font-size:12px; font-family: hs_l; position:absolute; left:40px; top:49px; color:#a1a1a1;}
.new_content .news_div_item:nth-child(1) .news_div_item_month{left: 90px !important;}
.new_content .news_div_item:nth-child(1) .news_div_item_day{left:108px !important;}
.new_content .news_div_item:nth-child(1) .news_div_item_a{ font-size:23px; position:absolute; left:40px; top:85px;}
.new_content .news_div_item:nth-child(1) .news_div_item_body{ width:90%; font-size:14px; color:#888; line-height:24px; position:absolute; left:40px;top:122px;}
.new_content .news_div_item:nth-child(1) .news_div_item_pic{overflow: hidden; position:absolute; left:24%; bottom:20px;}
.new_content .news_div_item:nth-child(1) .news_div_item_image{ width:74%; margin:auto; height:auto; }


.new_content .news_div_item:nth-child(n+2){float:left;width:24%; margin-left:1%;margin-bottom:1%; height:308px; background:#fff url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20240919/20240919133235_128980525.png) no-repeat center;background-position:25px 250px;overflow:hidden;box-shadow: 0px 0px 20px rgba(238, 238, 238, 0.6); background-size:85%;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_a{ font-size:23px; position:absolute; top:61px; left:30px; width:277px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_body{ font-size:14px; color:#888; line-height:24px; left:30px; width:282px; top:110px; position:absolute;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_date { background:url(https://memberpic.114my.com.cn/sendifs/uploadfile/image/20240930/20240930084430_1421038723.png) left no-repeat; position:absolute; left:30px; top:32px; font-size:12px; padding-left:15px; color:#999;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_date div { float:left; margin-top:1px; font-family: hs_l;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_image{ display:none !important;}
.new_content .news_div_item:nth-child(3){bottom: 0;top: auto;}
.new_content .news_div_item:nth-child(4){right: 0;left: auto;}
.new_content .news_div_item:nth-child(5){}
.new_content .news_div_item:hover .news_div_item_a{ color:#cd0202;}

.linkTagcs li{padding-right:2px !important;}

/* footer */
.footer {position: relative;clear: both; overflow: hidden;background: #1a1a1a;color: #8d8d8d;position: relative;z-index: 11;}
.footer li {list-style: none;margin: 0;padding: 0;}
.footer-content {width: 90%;margin: auto;font-size: 0;}
.footer-content-top {padding:4% 0 0;overflow: hidden;}
.footer-content-left {float: left;width: 20%;} 
.footer-logo {width: 13rem;overflow: hidden;}
.footer-contact {margin-top:9%;} 
.footer-contact .hotline-2 {font-size: 0;}
.footer-contact .hotline-2 .icon-1{width: 3rem;height: 3rem;display: inline-block;vertical-align: middle;margin-right: 1rem;}
.footer-contact .hotline-2 .tel-2{display: inline-block;vertical-align: middle;color: #fff; letter-spacing:1px; font-family: Impact;}
.footer-contact .text-3{color: #6f6f6f;margin-top: 1rem;}
.footer-contact .botton-4{padding: 2rem 0;overflow: hidden;margin-top: 1rem;}
.footer-contact .botton-4 a{font-size: 0;padding: 2rem 2rem;border: 1px solid #372e50;margin-right: 1rem;text-align: center;position: relative;background: #424242;}
.footer-contact .botton-4 i{display: inline-block;vertical-align: middle;margin-left: 1rem;width: 1.7rem;height: 1.1rem;background: url('//memberpic.114my.com.cn/sendifs/uploadfile/image/20240911/20240911170432_267789705.png') center no-repeat;background-size: 100%;position: relative;z-index: 11;filter: invert(1);}
.footer-contact .botton-4 span {display: inline-block;vertical-align: middle;color: #fff;}
.footer-contact .botton-4 a:hover {background: #cd0202;}
.footer-contact .botton-4 a:hover i {filter: invert(1) brightness(5);}

/*.footer-content-left img{height: 54px;}*/
.footer-content-left .logo{max-width: 270px;font-size: 0;overflow: hidden}
.footer-content-left .logo img{float: left;padding-right: 6px; width:auto;}
.footer-content-left .logo strong{display: block;font-size:28px;line-height: 33px;color: #fff;font-weight: bold;font-family: Microsoft YaHei;letter-spacing: 2px; margin-top:2px;}
.footer-content-left .logo dl{font-size: 13px;letter-spacing: 2px;color: #adb2b7; line-height:21px; float:left;}

.footer .followus-5 {margin-top: 4rem;}
.footer .followus-5 .text-1 {display: inline-block;vertical-align: middle;}
.footer .followus-5 .icon-2 {display: inline-block;vertical-align: middle;}
.footer .followus-5 .icon-2 li{list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;margin-left: 1rem;}
.footer .followus-5 .icon-2 li a{display: block;width: 4rem;height: 4rem;position: relative;border-radius: 100%;overflow: hidden;border: 1px solid #333;}
.footer .followus-5 .icon-2 li img {max-width: 100%;max-height: 100%;width: 100%;}
.footer .followus-5 .icon-2 li a:hover {background: #cd0202;border: 1px solid #cd0202;}
.footer-content-right {float: right;width: 50%;}
.footer-nav {display: flex;flex-wrap: wrap;}
.footer-nav ul,.footer-nav li{list-style: none;margin: 0;padding: 0;}
.footer-nav ul {float: left;min-width: 33%;margin-bottom:5%;}
.footer-nav ul:nth-child(3),.footer-nav ul:nth-child(6) {margin-right: 0;}
.footer-nav ul a.font16 {color: #fff;position: relative;display: block; font-size:16px;}
.footer-nav ul a.font16::after {content: '';width: 80%;height: 4px;background: #2a2a2a;display: block;overflow: hidden;margin-top: 2rem;}
.footer-nav li {overflow: hidden;margin-top: 1.2rem;position: relative;}
.footer-nav ul li a {color: #a1a1a1;display: block;margin: 1rem 0;overflow: hidden;}
.footer-nav ul li a:hover {color: #fff;}
.footer-nav ul a:hover {color: #cd0202}
.footer-content-bottom {overflow: hidden;position: relative;}
.footer-content-bottom .footer-content {padding: 1% 0;position: relative;}
.footer-content-bottom a {color: #a1a1a1;margin: 0 1rem;}
.footer-content-bottom a:hover {color: #fff}
.footer-content-bottom .followus-5 {position: absolute;top: 50%;transform: translateY(-50%);right: 0;display: block;margin: 0;}
.footer .footer-content-bottom .followus-5 .icon-2 li a {margin: 0;}
.footer-link a:first-child {margin-right: 1rem;margin-left: 0;}
.footer-copy {overflow: hidden; color: #a1a1a1; line-height:60px;}
.footer-rlink {position: absolute;right: 0;top:53px;transform: translateY(-50%);}
.footer-rlink span {display: inline-block;vertical-align: middle;}
.footer-rlink span img{max-width: 15px;display: block;}
    
.kf.on{right: 15px}
.kf .kf_div{box-shadow: 0 0 18px rgba(0,0,0,.1);margin-bottom: 8px}
.kf .kf_div:last-child{margin-bottom: 0}
.kf .item{width: 50px;height: 50px;background: #fff;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;position: relative}
.kf .item:first-child{border-top-left-radius: 6px}
.kf .item:last-child{border-bottom-left-radius: 6px}
.kf{position: fixed;right: -100px;bottom: 10%;width: 50px;z-index:9999;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.kf .item .box{     font-family: Impact; position: absolute;left: 90px;top: 50%;transform: translateY(-50%);z-index: -1;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;width: 298px;height: 50px;background: #fff;box-shadow: 0 0 18px rgba(0,0,0,.1);border-radius: 25px;margin-right: 8px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;font-size: 29px;color: #cd0202}
.kf .item .box:before{width: 10px;height: 100%;position: absolute;right: -9px;top: 0;content: ''}
.kf .item .box i{width: 32px;height: 32px;display: block;border-radius: 50%;margin: 0 18px 0 17px;background: url(http://114my.cn.114.114my.net/hxp/kf5.png) no-repeat center #cd0202}
.kf .item .box2{width: 154px;position: absolute;left: 90px;top: 50%;transform: translateY(-50%);z-index: -1;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background: #fff;box-shadow: 0 0 18px rgba(0,0,0,.1);padding: 15px 0 20px;border-radius: 6px}
.kf .item .box2:before{width: 10px;height: 100%;position: absolute;right: -9px;top: 0;content: ''}
.kf .item .box2 h3{width: 100%;text-align: center;font-size: 24px;color: #cd0202;font-weight: 700}
.kf .item .box2 img{width: 133px;height: 133px;margin: 5px 0}
.kf .item .box2 div{font-size: 16px;line-height: 22px;color: #666;text-align: center}
.kf .item:hover{background: #cd0202;}
.kf .item:hover .box{left: -306px}
.kf .item:hover .box2{left: -164px}
.kf .item:hover a img{display: none}
.kf .item:hover a img.on{display: block}
.kf .item a{width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position: relative;z-index: 1}
.kf .item a img{-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;max-width: 50%}
.kf .item a img.on{display: none;max-width: 50%}
@media (max-width: 768px){.kf{top:auto;bottom: 10px;left: 50%;margin-left: -80px;transform: translateY(0);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row}
.kf .kf_div{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row;height: 40px}
.kf .item{width: 40px;height: 40px;border-radius: 0!important}
.kf .item a img{max-width: 50%}
.kf .item:hover .box{left: -50px;opacity: 1;top: -30px}
.kf .item:hover .box2{left: -40px;opacity: 1;top: -70px}
.kf .item .box{left: -50px;top: -20px;opacity: 0;width: 140px;font-size: 14px;height: 40px;border-radius: 20px;text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center}
.kf .item .box:before,.kf .item .box i{display: none}
.kf .item .box2{left: -40px;top: -50px;opacity: 0;width: 120px;height: 120px;padding: 5px}
.kf .item .box2:before,.kf .item .box2 h3,.kf .item .box2 div{display: none}
.kf .item .box2 img{width: 110px;height: 110px}}
@media (max-width:1568px){
.idx_banner ul li .center .info .info_box .links .item .txt{ font-size:16px;}
.idx_banner ul li .center .info .info_box .links .item .icon{ width:3vw;}

@media (max-width:1568px){
.idx_banner ul li .center .info .info_box .links .item .txt{ font-size:16px;}
.idx_banner ul li .center .info .info_box .links .item .icon{ width:3vw;}

}