@charset "utf-8";
*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 14px;min-width: 1200px; overflow-x: hidden; font-family: hs_r,'Microsoft YaHei';}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;font-style: inherit;}
:focus{ outline: none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.dfs{display:flex;align-items:end;justify-content:space-between;}
.bt{font-size:42px; text-align:center; font-weight: bold; color:#222;}
.bt p{ font-size:18px;  color:#888; padding-top:15px; padding-bottom:15px; font-weight: normal;}

.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.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;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.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;}
.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}

@font-face{font-family:hs_r;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Regular.ttf)}

@font-face {
font-family:din;
src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2);
}



@font-face {
  font-family: "ht_Bold";font-weight: 700;src: url("//at.alicdn.com/wf/webfont/3hA9V25sMv11/wiVcZ1AHH5Wo.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/3hA9V25sMv11/Lk7wY0gtx0Sc.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: 'iconfont'; 
  src: url('//at.alicdn.com/t/c/font_4667234_qb7dpc09r9r.woff2?t=1724984080546') format('woff2'),
       url('//at.alicdn.com/t/c/font_4667234_qb7dpc09r9r.woff?t=1724984080546') format('woff'),
       url('//at.alicdn.com/t/c/font_4667234_qb7dpc09r9r.ttf?t=1724984080546') 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;}

/*宽度*/
.w1400{margin:0 auto; width:1400px;}
.gy{margin:0 auto; width:1400px; overflow:hidden;}
.bg{width:100%; min-width:1400px; position:relative;}


/*距离*/
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top70{ margin-top:70px;}
.top80{ margin-top:80px;}
.top90{ margin-top:90px;}
.top100{ margin-top:100px;}
.top110{ margin-top:110px;}

/*t*/
.one_title{text-align: center;margin-bottom:40px;}
.one_title p{font-size:42px; font-weight: bold;}
.one_title p b{color:#0163d2;}
.one_title span{display: inline-block;font-size:18px;color:#888;margin-top:15px;position:relative; font-weight: normal;}
.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:#636a70;top:calc(50% - 1px);}
.one_title span i:after{width:8px;height:8px;border-radius:100%;border:2px solid #636a70;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*/

header{position: fixed;z-index: 9999;width:100%;}

.nav_on{position: absolute;
    top: 0px;
    left: 0%;
    width: 100%;
    min-width: 1200px;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: inherit;
    height: 110px;
    background: #fff;}
.nav_on.on{overflow:inherit;top: 0;min-height:110px;width: 100%;left: 0%;height: 110px;box-shadow: 0px 0px 50px rgba(0,0,0,0.25);}
.nav_on.on .nav .p_navBox2{top:110px;}

.nav_on .logo { float: left; display: flex; justify-content: center; align-items: center;height:110px; width: 500px; }
.nav_on .logo img{ width:auto; margin-top: 11px;}
.nav_on>a>p{
    font-family: "ht_Bold";
    margin-left: 10px;
    font-size: 36px;
    line-height: 33px;
    color: #333; margin-top: 15px;}
.nav_on>a>p>span{  font-size: 18px; display: block; color: #333; font-weight: normal;     font-family: 'Microsoft YaHei';
    line-height: 38px;  }

.nav{display:flex;width: 60%;}
.nav>ul>li{display: flex;float: left;flex-direction: column;justify-content: center; position: relative;}

.nav>ul>li.cur{color: #0163d2; font-weight:bold;}
.nav>ul{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 390px);}
.nav>ul>li:hover:after{width:100%;}
.nav>ul>li>a {font-size: 17px; color: #333; line-height: 100px;}


.nav>ul>li:hover:after,.nav>ul>li.cur:after {opacity: 1;width: 100%;transition: 0.5s;}
.nav>ul>li.cur >a,.nav>ul>li:hover >a{font-weight:bold; color: #0163d2;}

.nav>ul>li:nth-child(2)>a:before,.nav>ul>li:nth-child(5)>a:before{
    position: absolute;
    content: "\e61b";
    font-family: "iconfont";
    font-size: 15px;
    color: #333;
    top: 4px;
    right: -25%;
    transition: .5s;}
.nav>ul>li:nth-child(2),.nav>ul>li:nth-child(5){position: initial;}
.nav>ul>li:nth-child(2) a, .nav>ul>li:nth-child(5) a {position: relative;}
.nav>ul>li:hover:nth-child(2)>a:before,.nav>ul>li:hover:nth-child(5)>a:before{-webkit-transform: rotate(-180deg);  color: #0163d2; top: 4px;}


.column {
    display: flex;
    justify-content: flex-start;
    align-items: center;     margin-left: 2.5%;}
.albb { width: 60px;}
.tel{font-family:din; font-weight:bold;font-size: 26px;line-height: 1.5;color: #0163d2;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.tel i {    font-size: 27px;
    padding-right: 10px;
    color: #555;
    font-weight: normal; }

.nav>ul>li:hover .p_navBox2{max-height:600px;}
.left{float:left;}
.right{float:right;}
.nav .p_navBox2{position: absolute;width:100%;background: rgba(255,255,255,0.9);top: 110px;left: 0;max-height:0px;overflow: hidden;transition: 0.3s ease all;border-radius: 10px;backdrop-filter: blur(1px);}

.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{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:#0163d2;border:2px solid #0163d2}
.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:#0163d2; 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;line-height: 40px;}
.nav .p_navBox2 .warp .left ul p a span{font-size: 18px;line-height: 40px;}
.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: 40px;float: left;margin-left:0%;background:#fff url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240830/20240830092945_1078612337.png) no-repeat center right 20px;margin-bottom:0px;}
.nav .p_navBox2.prod_fl  .warp .left li.on>a{background-color: #fff;color: #0163d2;}
.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:#ddd url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240830/20240830092945_1078612337.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:#0163d2 url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240830/20240830092945_663937894.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{max-width:340px;}
.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;}


/*banner*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#000;     margin-top: 110px; }
.banner-box{ min-width:1400px; height:800px; position:relative; margin:0 auto;}
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:800px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:320px; left: 0; margin-left: 0; height: 550px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240830/20240830092706_116697932.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240830/20240830092706_116697932.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:110px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{  transform: skew(-20deg); width:30px; height:6px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #0163d2; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }

}
@keyframes kenburns-top {
 0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  }
@-webkit-keyframes kenburns-top1 {
  0% {
    -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
   -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
   
  }

}
@keyframes kenburns-top1 {
 0% {
    -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);



    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
   -webkit-transform: scale(1) translateY(0);

            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
   
  }
  }
.banner-box .bd li{ -webkit-animation: kenburns-top1 3.5s ease-out  both;animation: kenburns-top1 3.5s ease-out  both;}



/*search*/
.search_bg{height:80px;}
.keywords{ padding-left:30px; background:url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240830/20240830093249_2098361347.png) no-repeat left center;}
.keywords a{ font-size:15px; color:#666; line-height:80px; text-transform: uppercase;}
.keywords a:hover{ color:#0163d2; text-decoration:underline;}
#search_bg input{ float:left;}
#sso{ background:#0163d2;}
#infoname{ height:80px; border:none; border-left:1px solid #e0e0e0; padding-left:20px;  font-size:14px; font-weight:lighter; width: 220px;}



/*pro*/
.pro_bg { background: #f8f8f8; padding: 70px 0;}

.product{ width:1400px; margin:0 auto;}
.product_class{ float:left;     position: absolute;  z-index: 11;  }
.product_class ul{/* left:260px;*/}
.product_class li{ position:relative; z-index:2; width:280px; height:110px; font-size:20px; color:#333; background:#eee;  display: flex;align-items: center; border-bottom: 1px solid #fff;}
.product_class li i{float:left;  padding-left: 30px; padding-top: 20px; font-size: 36px;     vertical-align: middle;}
.product_class li b{float:left;padding-top: 15px; padding-left: 10px;font-size: 22px; color:#333;     font-weight: normal;}
.product_class li p{color:#cacaca;font-size:12px; text-transform:uppercase;  font-weight: normal; line-height: 30px;}
.product_class li b:hover{ color:#FFF;}
.product_class li p:hover{color:rgba(255,255,255,0.4);}
.product_class ul li.on b{color:#fff;}
.product_class ul li.on p{color:rgba(255,255,255,0.4);}
.product_class ul li.on{ width:100%;        background: linear-gradient(120deg,#014bd2 20%,#058cff 70%); transition:all 1s linear;}
.product_class ul li:after{ background: linear-gradient(120deg,#014bd2 20%,#058cff 70%); position:absolute; top:0; left:0; display:block; content:''; width:0; height:100%;     transition:all 0.5s; z-index:-1}
.product_class li:hover:after{ width:100%;}
.product_class ul li.on i{filter: grayscale(1) brightness(10); }

.pro_f{overflow: hidden;}
.pro_f img{width: 100%; transition: all linear 0.5s;-moz-transition: all linear 0.5s;-ms-transition: all linear 0.5s;-webkit-transition: all linear 0.6s;}
.pro_f:hover img{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);}


.pro_t{width: 1080px; height:550px;box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1); float: right; padding: 30px; background: #fff; position: relative;}

.pro_t ul{}
.prod_wz{position: relative; z-index: 11; margin-top: 30px; margin-left: 20px; }
.prod_wz p{font-size:30px;color:#222;font-weight:bold;line-height:50px;     margin-bottom: 10px;}
.prod_wz dd{font-size:20px;color:#222;font-weight:400;margin-top:20px;}
.prod_wz d{display:block;font-size:16px;color:#666; padding-top: 24px;}
.pro_img.fr {position: absolute;right: 0; z-index: 1;}

.prod_wz a{ position: relative; border: 1px solid #eee; line-height: 34px; border-radius: 36px;  width: 130px; height: 36px; display: block;  padding-left: 20px; float: left; font-size: 15px; margin-top: 30px; }
.prod_wz a span{display: inline-block; vertical-align: middle; width: 34px; height: 34px; border-radius: 34px; background:#0163d2 url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240830/20240830104544_1672477333.png) center no-repeat; position: absolute; top:0; right:0;}
.prod_wz a:hover{ width: 140px; background:#0163d2; color: #fff; -webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;}

.prod_wz d b {color: #0163d2;}


/* 滚动 */
.pro_gun{ width: 1400px; margin:0 auto; overflow: hidden; }
.pro_gun .tempWrap{ width: 1400px !important;}
.pro_gun ul{height:350px !important; float: left;}
.pro_gun li{display: block;float: left;width: 380px;overflow: hidden; padding-left: 0px !important;  }
.pro_gun li br{display: none;}
.pro_gun li>a{display: block; overflow: hidden;position: relative;}
.pro_gun li a img {  display: block; width: 100%; height: auto; transition: 0.5s all ease-in-out;}
.pro_gun li:hover a img {transform: scale(1.2);}
.pro_gun li+li{ margin-left: 15px;}
.pro_gun li:hover>a:before{ transform: scale(1);transition: 500ms;}
.pro_gun li span:after{content: '';width: 380px;height: 100%; background: #0163d2;position: absolute;left: -100%; top: 0;transition: 500ms;z-index:-1; }
.pro_gun li:hover span:after{left: 0;transition: 500ms;}
.pro_gun li:hover span a{color: #fff;transition: 500ms;}
.pro_gun li span{ height: 60px;  display: block; text-align: center; padding-left: 0px;    position: relative; z-index: 99; background: #f9f9f9; }
.pro_gun li span a{font-size: 16px;  line-height: 60px !important;}
.pro_gun li:hover span a{transition: 500ms; color: #fff;}





/*honor*/
.honor_bg{padding-top:0px;}
.honor {display: flex;  align-items: end;  justify-content: space-between;     width: 1400px; margin: 0 auto;}
.honor_l img{margin-left:-220px;}
.honor_r{width:calc(100% - 240px);padding:40px 30px;background: linear-gradient(90deg,#fff 30%,#fff 70%);box-shadow: 50px 0px 50px rgba(0,0,0,0.05);}

.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% - 60px) / 3);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);}



/*adv*/

.power_bg{background: #fff;  padding-top: 70px;}
.power li{float: left; width:18.1%; height:714px; color: #fff;  transition:0.3s all ease;  position: relative; overflow: hidden; cursor: pointer;}
.power li+li{margin-left: 0.2%; }
.power li.on{width:45%;}
.power li:nth-child(1){background:url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240829/20240829213426_854507179.jpg)no-repeat center;}
.power li:nth-child(2){background:url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240829/20240829213426_221646458.jpg)no-repeat center left;}
.power li:nth-child(3){background:url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240829/20240829213426_384166332.jpg)no-repeat center left;}
.power li:nth-child(4){background:url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240829/20240829213426_1585915457.jpg)no-repeat center left;}

.power_w{ width: 100%; height: 100%; background:rgba(0,0, 0, 0.7); text-align: center; padding-top:200px;}
.power_w p{font-size: 30px; font-weight: bold; line-height: 50px;}
.power_w p i{font-size: 50px; font-weight: normal; color: #fff; display: block;     padding-bottom: 20px;}
.power_w dd{font-size: 24px; font-weight: bold; font-family: "Tw Cen MT";  }
.power_w dd:before{content:""; display:block;  width: 1px; height: 146px; background:rgba(255,255,255,0.4);  margin:70px auto; }
.power li.on .power_w{opacity: 0;}
.power_ww{ height: 180px; width: 100%; padding:10px 40px; background: #0163d2; position: absolute; bottom:0; transition:0.5s all linear; margin:auto; left:0; right:0; overflow: hidden;  opacity: 0; bottom:-50px; }
.power li.on .power_ww{  opacity: 1; bottom:0;}
.power_ww p{font-size: 30px; border-bottom:1px dotted rgba(255,255,255,0.2); font-weight: bold; line-height:60px; margin-bottom:20px; }
.power_ww p:after{font-size: 30px;  font-family: "Tw Cen MT"; display: block; float: right; opacity: 0.5; color: #fff; }
.power li:nth-child(1) .power_ww p:after{content:"01";}
.power li:nth-child(2) .power_ww p:after{content:"02";}
.power li:nth-child(3) .power_ww p:after{content:"03";}
.power li:nth-child(4) .power_ww p:after{content:"04";}
.power_ww span{ font-size: 15px;  line-height: 30px; }
.power {margin-top: 40px;}
.font_en { opacity: 0.6;}
/*about*/
.about_bg {
    padding: 7% 0;
    background: url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240830/20240830093647_1753026493.jpg) no-repeat;
    position: relative;
    background-attachment: fixed;
    height: 100%;}
	
.about_box {margin: 0 auto;}
.about_con {display: flex;justify-content: space-between;height: auto; align-items: center;}
.about_txt {    float: left; flex-direction: column;width: 50%;position: relative;padding-top: 4%;height: 100%;padding-bottom: 5%;}
.about_txt>p {font-size: calc(1.2rem + 1vw);display: flex;flex-direction: column; font-weight:bold; color: #fff;}
.about_txt p span {font-size: calc(1.3rem + 1vw);text-transform: uppercase;font-weight: bold;    color: rgba(255, 255, 255, 0.7); line-height: calc(1.3rem + 1vw);padding-bottom: 1.2%;}

.about_txt>em {font-size: calc(0.9rem + 0.14vw);line-height:1.9rem;display: inline-block;padding-top: 5%;color: #fff;}
.about_txt a {width: 8vw;height: 2.24vw;border: 1px solid #fff;text-align: center;line-height: 2.24vw;font-size: calc(0.1rem + 0.9vw);color: #fff;margin-top: 5%;     display: block;}
.about_txt a:hover{    color: #333; background: #fff; width: 10vw; transition: 0.3s all ease;}
.about_pic {position: absolute;right: 0;top: 0; width:57%;}
.about_pic img {width:100%;height: auto;}



/*视频*/
.about_fr{ float:right;  width:640px; height:429px; position:relative;      border: 15px #fff solid;
    border-radius: 10px;}
.dot a{display:block;width:100%;height:100%;}
.dot{ position:absolute; left:266px; top:167px; z-index:2; width:64px; height:64px; border-radius:50%;-webkit-transform: rotate(0deg); transform: rotate(0deg); 
background:url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20200914/20200914150034_873980052.png) no-repeat center; cursor:pointer;}
.pulse1{ position:absolute; z-index:1; width:150px; height:150px; top:122px; left:222px; border-radius:50%; opacity:1; -webkit-animation:warn 1.5s ease-out; animation:warn 1.5s ease-out; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; background:#ff8540; box-shadow:1px 1px 20px #ff780c;}
/*背景扩展*/
@-webkit-keyframes warn {
0% { transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0.0;}
25% { transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0.3;}
50% { transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0.5;}
75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.7;}
100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.0;}
}
.video_box{ 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:50%;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;}


/*数据*/
.strnum{
    max-width: 1400px;
    background: #fff;
    position: relative;
    margin: 0 auto;
    z-index: 99;
    height: 140px;    margin-top: 2%;}
.strnum ul li{float:left;width:278px;margin-top:30px;     display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
.strnum ul li span{font-size:45px;color:#333;float: left;}
.strnum ul li p:nth-child(1) span{font-weight:bold;}
.strnum ul li p:nth-child(1) em, .strnum ul li p:nth-child(1) span{display: block;float: left;}
.strnum ul li p:nth-child(1) em{width: 22px;height: 22px; border-radius: 50%; background: #0163d2;line-height: 22px;text-align: center;font-size: 12px;color: #fff;margin: 27px 0px 0px 10px;}
.strnum ul li p:nth-child(2){font-size: 15px;color: #666;clear: both;font-weight:normal;margin-top:20px ;}




/*sl*/
.sl_bg{background:url(http://memberpic.114my.com.cn/chuangjian/uploadfile/image/20240723/20240723195810_793000169.jpg) no-repeat;   }
 


/*news*/
.news_bg { padding: 70px 0 50px 0; }

.new_tc{display:flex;justify-content:space-between;align-items:center;}
.new_tl>b{display:block;color:#e9e9e9;font-size:52px;}
.new_tl>b span{color:#0163d2;}
.new_tl>i{margin-top:10px;font-weight:700;font-size:28px;}
.new_tl>i em{display:inline-block;margin-left:20px;width:100px;height:1px;background:#e6e6e6;}
.news_tab{display:flex;}
.news_tab li a{display:flex;width:150px;height:50px;color:#333; align-items:center;justify-content:center; font-size:20px;}
.news_tab li+li{margin-left:20px;}
.news_tab li.on a{color:#0163d2; font-size:20px;  font-weight: bold;}
.news_tab li.on span{color:#0163d2;}
.news_tab li a i {  font-size: 22px; padding-right: 10px;}


.news_list{width: 100%;overflow: hidden;}
.news_list .news_div{height:580px;}
.news_list .news_div_item,.news_list .divdgweb_new_div_item{width:32.1%;display: inline-block;position: relative;height:580px;transition:0.5s; padding: 25px; background: #f6f6f6;}
.news_list .news_div_item+.news_div_item,.news_list .divdgweb_new_div_item+.divdgweb_new_div_item{margin-left:1.79%;}
.news_list .news_div_item_date{position:absolute;bottom:255px;left:5.3%;width:70px;height:64px;text-align:center;    background: linear-gradient(to right,#0163d2,#018ed2); color:#fff;padding-top:39px;font-size:11px;transition:all .5s;     z-index: 99;}
.news_list .news_div_item_year{display:inline-block;}
.news_list .news_div_item_month{display:inline-block;}
.news_list .news_div_item_day{position:relative;top:-46px;left:0;font-size:30px;}
.news_list .news_div_item_content,.news_list .divdgweb_new_div_item_content{position: absolute;top:360px;left: 19px;padding-right: 14px;}
.news_list .divdgweb_new_div_item_year, .news_list .divdgweb_new_div_item_month, .news_list .divdgweb_new_div_item_day{float: left;font-size: 15px;line-height: 22px; color: #999;}
.news_list .news_div_item_a,.news_list .divdgweb_new_div_item_a{font-size: 18px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight: normal;     font-weight: bold;}
.news_list .news_div_item_a::before,.news_list .divdgweb_new_div_item_a::before{position:absolute;content:'查看详情';bottom: -172px;left: 0;height: 33px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 30px;  font-weight: normal;}
.news_list .news_div_item_a::after,.news_list .divdgweb_new_div_item_a::after{position:absolute;content:'';bottom: -167px;font-size: 43px;background:url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240830/20240830093419_818355142.png) no-repeat center;width: 25px;height: 25px;left: 0px;transition:0.5s;}
.news_list .news_div_item_body,.news_list .divdgweb_new_div_item_body{font-size: 15px;color: #666;line-height: 32px;}
.news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:100%;height:auto;display: block;     overflow: hidden;}
.news_list .divdgweb_new_div_item_pic, .news_list .divdgweb_new_div_item_pic a, .news_list .divdgweb_new_div_item_image{width:100%;height:auto;display: block;}
.news_list .news_div_item_pic,.news_list .divdgweb_new_div_item_pic{}
.news_list .news_div_item:hover .news_div_item_a,.news_list .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{color: #0163d2;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before,.news_list .divdgweb_new_div_item:hover .divdgweb_new_div_item_a::before{transition:0.5s; color: #0163d2;}
.news_list .news_div_item:hover .news_div_item_a::after,.news_list .divdgweb_new_div_item:hover .divdgweb_new_div_item_a::after{left:0px;transition:0.5s;}
.news_list .news_div_item .news_div_item_pic img,.news_list .divdgweb_new_div_item .news_div_item_pic img{ width:100%; height:100%; transition:all .9s ease; }
.news_list .news_div_item:hover .news_div_item_pic img,.news_list .divdgweb_new_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.news_list .news_div_item:hover img{transform:scale(1.1);}


/*底部*/
.copy_bc{width:100%; max-width:1920px; margin:0 auto; background:#232323; padding: 70px 0 30px 0;}

.copy_item{float:left; padding-left: 156px;}
.copy_item1{float: right;padding-left:60px;     border-left: 1px solid #403f3f; height:250px;}
.copy_item ul proadvong{display: block;padding:0 0 30px; position: relative;}
.copy_item ul proadvong a{display: block; line-height: 40px;color: rgba(255,255,255,1); font-weight: normal;font-size: 18px;}
.copy_item ul proadvong a .en{font-size: 12px;color: #666;font-weight: normal;text-transform: capitalize;}
.copy_item ul li a{display: block;color: rgba(255,255,255,0.7);line-height:33px;font-size: 15px; font-weight: lighter;}
.copy_item ul li{display: block;}
.copy_item ul li a:hover{color: #fff; }
.copy_item ul proadvong::after { position: absolute; content: ""; top: 50px; width: 25px; height: 2px; background-color:rgba(255,255,255,0.5); left: 0px; }
.copy_item:hover proadvong::after { position: absolute; content: ""; top: 50px; width: 77px; height: 2px; background-color: #ffffff;; left: 0px; transition: 0.5s; }
.crconcat{ width:28%; }
.copy_row1{ width:68%; }

.social {padding-top:0px;clear: both;}
.social a { position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 35px;border: 1px solid rgba(255,255,255,0.2); transition:0.3s all ease-in-out; float: left;  display: block;
    margin-right: 10px;
    margin-top: 4%;
    border-radius: 5px;
    height: 35px;
    width: 35px;
    text-align: center;}
.social a i { font-size: 18px;  color: rgba(255,255,255,0.6); font-weight: normal;
    text-align: center;
    line-height: 35px;}
.social a img{ display: block}
.social a:hover{ background: #0163d2;  }
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social a:nth-child(4) i { font-size: 28px;}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -35px; 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: calc((100% - 10px) / 2); }
.social .ewm img { display: block; width: 100%; height:auto; }

.base_tel{padding:0 126px 24px 15px; border-bottom:1px solid rgba(255,255,255,.1); background:url(https://memberpic.114my.com.cn/076987935971/uploadfile/image/20240830/20240830093547_1111415950.png) right top no-repeat;}
.base_tel em{ font-size:17px; line-height:21px; color:#d7d7d7;     vertical-align: middle;     font-weight: lighter;}
.base_tel em i{color:#d7d7d7; font-size:20px;  padding-right: 10px;}
.base_tel p{margin-top:15px; font-family:DIN; font-size:32px; line-height:26px; color:#fff; font-weight:bold;}

.craddr{margin:10px 0; font-size:16px; color:#b0b0b0; line-height:35px; }
.craddr p i{font-size: 18px; padding-right: 10px;     }
.craddr p{color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    display: block; font-weight: normal; margin-top: 16px;}


/*db*/
.Copyright_t{ width: 100%; height: 1px; background:rgba(255,255,255,.1); margin-top: 60px;}
.Copyright{margin-top:40px;}
.Copyright,.Copyright a{line-height:36px; color:rgba(255,255,255,0.6); font-weight: lighter; font-size: 15px;}
.Copyright a:hover{color:rgba(255,255,255,1);}


/*link*/
.links { overflow: hidden;  margin: 0 auto;  padding: 25px 0;  }
.linksW {  margin: 0 auto; display: flex; justify-content: space-between; align-items: center; max-width: 1400px;}
.links_l { width: 100px;}
.links_lm { font-size: 18px;  line-height: 30px; font-weight: lighter;}
.links_lm p {  text-transform: uppercase; font-size: 24px;  font-weight: bold;   line-height: 24px;}
.links_lm p span { color: #0163d2;}
.links_lm em {  font-size: 14px;color: #999;  letter-spacing: 5px;  line-height: 16px;}
.links_r {  width: 93%; color: #666;}
.links_r a {  font-size: 15px; color: #666 !important;}
.linkTagcs li a {font-weight: lighter;}
.linkTagcs li a:hover{color: #0163d2 !important;}