*{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: 'Hos','Microsoft YaHei';}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
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: #1a1a1a;} 
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;}
.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: 'Hos'; src: 
       url('https://cdn.114my.com.cn/font/lcw/Hos.ttf') format('truetype')
}
@font-face { 
        font-family: 'D-DIN-Bold'; src: 
       url('https://cdn.114my.com.cn/font/lcw/D-DIN-Bold.ttf') format('truetype')
}
@font-face { 
        font-family: 'srm'; src: 
       url('https://cdn.114my.com.cn/font/lcw/srm.otf') format('truetype')
}
@font-face {
  font-family: 'iconfont';  /* Project id 4929460 */
  src: url('//at.alicdn.com/t/c/font_4929460_e0odhtkyjpc.woff2?t=1747966685521') format('woff2'),
       url('//at.alicdn.com/t/c/font_4929460_e0odhtkyjpc.woff?t=1747966685521') format('woff'),
       url('//at.alicdn.com/t/c/font_4929460_e0odhtkyjpc.ttf?t=1747966685521') format('truetype');
}

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

@font-face {
  font-family: "Al_Bold";font-weight: 700;src: url("//at.alicdn.com/wf/webfont/3hA9V25sMv11/RkXiUbBKPCUi.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/3hA9V25sMv11/F0bk2S6eO7YW.woff") format("woff");
  font-display: swap;
}

.gy{max-width: 1400px;margin: 0 auto;min-width: 1200px;width: 100%;}
.gya{margin: auto; max-width: 1400px;}
.page{max-width: 1400px;margin: 0 auto;min-width: 1200px;width: 100%;}

.top30{margin-top: 30px;}
.top50{margin-top: 50px;}
.top60{margin-top: 60px;}
.top70{margin-top: 70px;}




/*bt*/
.nybt{ text-align:center; font-size:42px; color:#000; padding-top:50px; font-weight: normal;}
.nybt b{ color:#0b25a0; font-weight:bold; font-family: "Microsoft YaHei";}
.nybt span{ display:block; font-size:18px; color:#666; margin:10px 0 13px 0; font-family:hs_l;}
.nybt em{ display:inline-block; height:10px; padding:0 20px; position:relative; z-index:3;} 
.nybt em i{ display: inline-block; width:10px; height:10px; border-radius: 50px; background: #c9c9c9; animation: bounce_fountainG 1.2s linear infinite;}
.nybt em i+i{ margin-left:10px;}
.nybt em i:nth-child(1){animation-delay: .4s;}
.nybt em i:nth-child(2){background:#0b25a0;animation-delay: .6s;}
.nybt em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}
@keyframes rolation{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
	} 
	


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

.head{position: absolute;top: 0px;left: 0%;width: 100%;min-width: 1200px; z-index: 999;display: flex;justify-content: space-between;align-items: center;padding-left:4%;border-radius: 0px; overflow: inherit;transition:all 0.6s;max-height: 6vw; height: 6vw;/*border-bottom: 1px rgba(255, 255, 255, 0.2) solid;*/}
.head0{  /*  background: rgba(11, 37, 160, 0.8); */ backdrop-filter: blur(3px);  transition: all 0.4s;}
.head.on{overflow:inherit;top: 0;min-height:70px;width: 100%;left: 0%;border-radius: 0px;height: 90px;box-shadow: 0px 0px 50px rgba(0,0,0,0.4);background: linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.97));border-bottom: none;}

.head.on .logo img{height:75px; width:auto; filter: grayscale(0); }
.head.on>a>p{font-size: 32px; line-height: 40px; padding-left: 12px; font-weight: bold; letter-spacing: 1px;color: #333;}
.head.on>a>p>span{font-size: 14px; padding-top:2px; display: block; line-height: 14px;letter-spacing:0px; color: #999;font-weight: normal;}
.head.on .nav>ul>li>a{color: #333; }
.head.on .top_con li i{color: #333;}
.head.on .top_con>ul>li:last-child a{color: #0b25a0;}
.head.on .top_con li i a{color: #333;}
.head.on .head_f p{color: #333;font-weight: normal;}
.head.on .head_f p i{ color: #444;}
.head.on .top_con>ul>li img{filter: grayscale(0);}

.head_f {display: flex;  justify-content: flex-start; align-items: center;}
.head .logo {  float: left; opacity: 1;
filter: alpha(opacity=100);     padding-top: 15px;}
.head .logo img{ width:auto; filter: grayscale(1) brightness(10);}
.head .logo p{font-size: 32px; line-height:50px; padding-left: 12px; font-weight: bold; letter-spacing: 1px;color: #fff;}
.head .logo p i{font-size: 14px; padding-top:2px; display: block; line-height: 14px;letter-spacing:0px; color: #999;font-weight: normal; text-transform: uppercase; letter-spacing: 3px;}


.head_f p{display: flex; font-family: "Al_Bold";
    font-size: 34px;
    color: #fff;
    flex-direction: column;
    font-weight: bold;
    line-height: 50px;
    padding-left: 12px;}
.head_f p i{ font-size: 16px;  font-weight: normal;}

.nav{display:flex;width: calc(100% - 28vw);}
.nav>ul>li{display: flex;float: left;flex-direction: column;justify-content: center; }
.nav>ul>li.cur{color: #009a44; font-weight:bold;}
.nav>ul{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 400px);}
.nav>ul>li+li{}
.nav>ul>li>a{font-size: 1.1vw;color:#fff;font-weight:normal;text-align:center;display:block;position: relative;}
.nav,.nav>ul,.nav>ul>li{height:100%;}
.nav>ul>li a{position: relative;}
.nav>ul>li>a:before{position: absolute;content: "";width: 1px;height: 13px;background:#fff;top: 40px;left: 48%;opacity: 0;transition: all .5s;}
.nav>ul>li.cur a:before,.nav>ul>li:hover a:before{top: 41px;opacity: 1;}
.nav>ul>li>a:after{position: absolute;content: "";width: 6px;height: 6px;border-radius: 100%;border:1px solid #fff;top:48px;left: 47%;margin-left: -3px;opacity: 0;transition: all .5s}
.nav>ul>li.cur a:after,.nav>ul>li:hover a:after{top: 33px;opacity: 1;}
.head.on .nav>ul>li>a:before,.head.on .nav>ul>li>a:after{background:#0b25a0;}






.header-right{height: 100%;margin-left:100px;}
.header-search{float: right;position: relative;height:100%;text-align:center;display: flex;transition: all .3s;display: flex;align-items: center;color: #fff;font-size: 22px;margin-left: 15px;font-weight: bold;}
.header-search span{display:block;margin-left:10px;}
.header-search i{font-size: 16px; color: #fff;}

.top_con {}
.top_con>ul {display: flex;justify-content: space-between;width: 100%;}
.top_con>ul>li {display: flex;position: relative;width: 24px;height: 24px;border-radius: 50%; justify-content: center;z-index:66;}
.top_con>ul>li:nth-child(1) {width:40px;}
.top_con>ul>li:nth-child(2) {width:60px;}
.top_con>ul>li:last-child {background: none;display: flex; align-items: center; width: 190px;}
.top_con>ul>li:last-child a {font-size: 1.8vw; font-weight:bold; color: #fff; padding-left:5px;  font-family: 'D-DIN-Bold';}
.top_con li i {font-size: 23px;line-height: 28px; color: #fff; height: 28px; font-weight:normal;}
.top_con li:nth-child(2) i{font-size: 22px;}
.top_con li i a{color: #fff;  padding-left: 4px;}
.top_con li>p {width: 120px;overflow: hidden;position: absolute;top: 32px;left: -20px;opacity: 0;transition: 0.5s;height:  0;padding: 5px;background: #fff;border: 1px solid #ddd;}
.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>b {width: 120px;overflow: hidden;position: absolute;top: 32px;left: -20px;opacity: 0;transition: 0.5s; background: #fff;font-weight:normal;color: #333;}
.top_con li>b a{font-size:14px;color: #333; line-height: 36px;color: #333; display: block;}
.top_con li:hover b{opacity: 1;transition: 0.5s;}
.top_con li>b a+a { border-top: 1px solid #eee;}
.top_con li>b a:hover {  background: #0b25a0; display: block; color: #fff;}
.top_con>ul>li img { width: 38px; filter: grayscale(1) brightness(10);}



/*search*/
.top_con li:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {width: 540px;height: 150px;background: rgba(255,255,255,0.9);transform: rotateX(90deg);position: absolute;right: 0;transition: all 0.5s;font-size: 16px;padding: 34px; z-index: 9999;top:33px;}
.tit_sel span {font-size: 24px;display: block;color: #666;font-family: Arial;}
.tit_icon:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;}
#search-i{float:left; width:50px; height:43px; overflow:hidden; margin-top:20px;  box-sizing: border-box; padding-top: 0px; border: 1px solid rgba(0,0,0,0.1); border-left: none; padding-top: 5px;}
#search-bg{float:left; width:420px; height:43px; overflow:hidden; padding-left:14px; margin-top:20px; box-sizing: border-box;     border: 1px solid rgba(0,0,0,0.1);border-right: none;text-align: left; line-height: 40px;}
.search-text{ font-size:14px;color: #666;justify-content: center;align-items: center;     font-weight: normal;}
.search-text a{ font-size:15px; color: #666 !important;}
.search-text a:hover{ font-size:15px; color: #0b25a0;}
.search-text span{ float:left;  color:#666;font-size: 15px;     font-weight: normal;}
#infoname{ border:none;background:none; outline:none;} 





/*下拉*/
.nav>ul>li:hover .p_navBox2{max-height:600px;}
.nav .p_navBox2{position: absolute;width:100%;background: rgba(255,255,255,0.95);top:105px;left: 0;max-height:0px;overflow: hidden;transition: 0.3s ease all;border-radius: 10px;/*backdrop-filter: blur(5px);*/     z-index: 99;}
.nav .p_navBox2>div.warp{margin:0 auto;display:flex;max-width:1400px;justify-content:space-between;padding:60px 0;}
.nav .p_navBox2 .warp .dh_fl{width:66%;}
.nav .p_navBox2 .warp .dh_fl ul{display:block;width:100%;height: 100%;}
.nav .p_navBox2 .warp .dh_fl ul p a{font-size: 18px;display:block;line-height: 40px;}
.nav .p_navBox2 .warp .dh_fl ul p a span{font-size: 18px;line-height: 40px;}
.nav .p_navBox2 .warp .dh_fl ul li:hover p a{color:#fff;}
.nav .p_navBox2 .warp .dh_fl>ul>li>a{font-size: 16px; float: left; line-height: 50px; height: 50px;}
.nav .p_navBox2 .warp .dh_fl>ul>li{width:19%;    font-size: 20px;padding: 0 20px;font-weight: 400;letter-spacing: 0;line-height: 50px;float: left;background:#ddd; transition:all .3s ease;}
.nav .p_navBox2 .warp .dh_fl>ul>li+li{margin-left:2%;}
.nav .p_navBox2 .warp .dh_fl>ul>li:nth-child(4n+1){margin-left:0;}
.nav .p_navBox2 .warp .dh_fl>ul>li:nth-child(n+5){margin-top:20px;}
.nav .p_navBox2 .warp .dh_fl>ul>li:hover,.nav .p_navBox2 .warp .dh_fl .prolist2021 li:hover{background:#0b25a0  url(https://memberpic.114my.com.cn/cableharness/uploadfile/image/20250523/20250523095158_46795673.png) no-repeat center right 20px;}
.nav .p_navBox2 .warp .dh_fl>ul>li:hover a,.nav .p_navBox2 .warp .dh_fl .prolist2021 li:hover a{ color: #fff;}
.nav .p_navBox2 .warp .dh_fl>ul>li>a:hover,.nav .p_navBox2 .warp .dh_fl .prolist2021 li>a:hover{color:#fff; background: #0b25a0; display: block;}
.nav .p_navBox2 .warp .dh_fl .prolist2021{    display: block;width: 100%;   height: 100%;}
.nav .p_navBox2 .warp .dh_fl .prolist2021 li{width:18.8%;    font-size: 20px;padding: 0 20px;font-weight: 400;letter-spacing: 0;line-height: 50px;float: left;background:#ddd; transition:all .3s ease;     margin-bottom: 10px; margin-right:2%;     display: flex;}
.nav .p_navBox2 .warp .dh_fl.prolist2021> li>a{font-size: 16px; float: left; line-height: 50px; height: 50px;}
,.nav .p_navBox2 .warp .dh_fl .prolist2021 li:nth-child(4n+1){margin-left:0;}
,.nav .p_navBox2 .warp .dh_fl .prolist2021 li:nth-child(n+4){margin-top:20px;}
.nav .p_navBox2 .warp .dh_fl1{width:68%;}

.nav .p_navBox2 .warp .dh_tu{width:410px;}
.nav .p_navBox2 .warp .dh_tu img{width:100%;height:auto;}
.nav .p_navBox2 .warp .dh_fl .title{font-size:27px;line-height:26px;color:#000;font-weight:700;margin-bottom:20px}
.nav .p_navBox2 .warp .dh_fl .jieshao{    font-size: 16px; line-height: 30px;  color: #333;   margin-bottom: 40px;  font-weight: normal;}
.nav .p_navBox2 .warp .dh_fl 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 .dh_fl 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 .dh_fl li.on dl{display:block;}
.nav .p_navBox2 .warp .dh_fl .prolist2021 li a.prolist2021_one {font-size: 16px;}




/*about*/
.g_yzsp{padding: 80px 0; z-index:1; position: relative; background: url(https://memberpic.114my.com.cn/cableharness/uploadfile/image/20250523/20250523095228_1751278916.jpg) center no-repeat; height: 780px;}
.g_yzsp .yzup{height:13rem}
.g_yzsp .t{ text-align:left; padding:0  0 0 0;}
.g_yzsp .t samp{ display:block; color:#333; margin-top:0.2vw; font-size:2vw; /*font-weight:normal; */line-height:2.4vw; font-family: 'Hos';}
.g_yzsp .t a{ line-height:3.9vw; font-size:44px;}
.g_yzsp .yzup .t{float:left;width:37%}
.g_yzsp .yzup h2 img{width:100%;display:block}
.g_yzsp .yzup p{float:right;width:52%;font-size:16px;font-weight:400;line-height:30px;color:#666}
.g_yzsp .yzup p span{ display:block; margin-top:0.5vw; margin-bottom:2.5vw;}
.g_yzsp .yzup p a{ font-size: 16px;}
.g_yzsp .yzup p a:hover{color:#0b259f;    }
.g_yzsp .yzd .yzleft{float:left;width:42.8%;position:relative}

.g_yzsp .yzd .yzleft .yzsp{width:100%;position:relative;border-radius:0 3rem 0 0;  overflow: hidden;}
.g_yzsp .yzd .yzleft .yzsp img{width:100%;display:block;border-radius:0 3rem 0 0;transition:.75s;}
.g_yzsp .yzd .yzleft .yzsp:hover img{transform:scale(1.04);}
.g_yzsp .yzd .yzleft .yzsp:after{content:"";position:absolute;/*background:rgba(0,0,0,.2);*/width:100%;height:100%;left:0;top:0;border-radius:0 3rem 0 0;z-index:11;transition:all .3s linear 0s}
.g_yzsp .yzd .yzr{float:right;width:52%}


.g_yzsp .yzd .yzr li{float:left;width:48.5%;margin-bottom:1.1rem;position:relative}
.ysrbg{width: 100%;display: block;}
.ysrbg img{width: 100%;display: block;border-radius:1rem;}
.g_yzsp .yzd .yzr li span{position:absolute;width:100%;left:0;top:0;display:none}
.g_yzsp .yzd .yzr li span img{width:100%;display:block;border-radius:1rem}
.g_yzsp .yzd .yzr li span:before{content:"";position:absolute;background:url(../images/yzspico.png) no-repeat;background-size:2.6rem 2.6rem;width:2.6rem;height:2.6rem;left:50%;top:50%;margin-left:-1.3rem;margin-top:-1.3rem;z-index:112;transition:all .3s linear 0s}
.g_yzsp .yzd .yzr li span:after{content:"";position:absolute;background:rgba(0,0,0,.3);width:100%;height:100%;left:0;top:0;border-radius:1rem;z-index:11;transition:all .3s linear 0s}
.g_yzsp .yzd .yzr li .yzico{position:absolute;right:.8rem;top:.6rem;width:6rem}



.g_yzsp .yzd .yzr li .yzico img{width:100%;display:block}
.g_yzsp .yzd .yzr li em{display:block;height:3.2rem;padding:2rem 0 0 1.7rem;position: absolute;left:0;top:0;}
.g_yzsp .yzd .yzr li em b{font-size:3.6rem;font-weight:400;line-height:3.2rem;color:#0b25a0;float:left;font-weight:700;    font-family: 'D-DIN-Bold';     letter-spacing: 1px;}
.g_yzsp .yzd .yzr li em i{float:left;font-style:normal;font-size:1rem;font-weight:700;line-height:3.2rem;color:#333;    font-weight: 400;
    display: block;
    position: relative;
    top: 9px;
    left: 10px;}
.g_yzsp .yzd .yzr li em strong{float:left;font-style:normal;font-size:2.6rem;font-weight:400;line-height:3.2rem;color:#0b25a0;font-weight:700;display:block}

.g_yzsp .yzd .yzr li h4{font-size:1rem;font-weight:400;line-height:2rem;color:#333;font-weight:700;margin-left:1.7rem;position: absolute;left:0;bottom:2rem;}
.g_yzsp .yzd .yzr li:nth-child(2n){float:right}
.g_yzsp .yzd .yzr li:hover span{display:block}







/*pro*/
.pro {display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;}
.pro dl{width: 330px;position: relative; background: #fff; /*height: 450px; box-shadow: -20px 0 34px -20px rgba(0,0,0,0.1);*/ padding: 15px;     margin-top: 20px; border-radius: 15px; overflow: hidden; height: 425px;}
.pro dl+dl{ margin-left: 20px;}
.pro dl dt{ }
.pro dl dt em{width: 290px; height: 300px;}
.pro dl dt em img{width: 100%;height: 100%;}

.pro dl dt i,.pro dl dd i{text-align: left; display: block;font-size: 20px; color: #333; padding: 20px; font-weight: bold; margin-left: 20px;     line-height: 20px;}
.pro dl dt i p{font-size: 15px; color: #999; font-weight: normal;     line-height: 24px;}
.pro dl dt span{font-size: 50px;    color: #0b25a0; float: left;      padding: 8px 10px;}
.pro dl dd{width: 100%;height: 0;position: absolute;top: 0px;text-align: center;left: 0;overflow: hidden;}
.pro dl dd p{margin: 18px;}
.pro dl dd p img{width: 100%;}
.pro dl dd i{color:#fff; margin-left:0px; padding: 10px 20px;}
.pro dl dd {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-property: color;
  transition-property: color;
  transition: all 0.3s;
}
.pro dl dd i b{float: right; font-weight: normal; font-size: 14px; }
.pro dl dd:before { left: 0;  position: absolute;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0b25a0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.pro dl:hover dd:before,.pro dl.cur dd:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.pro dl:hover dd,.pro dl.cur dd{height: 425px;top: 0px;}
.pro_bg{width: 100%; background: #f1f3f5; padding: 70px 0;}
.pro dl:nth-child(5) dt span {font-size: 45px;   padding: 15px 0px;}
.pro dl:nth-child(8) dt span {font-size: 45px;   padding: 15px 0px;}

.par_more {   margin-top: 70px;}
.par_more a { width: 150px; border-radius: 5px;font-size: 18px; color: #333; background: #fff; border: 1px solid #cfcfcf; margin:0 auto;     text-align: center;  line-height: 46px;  font-size: 16px;  color: #333; display: block;}
.par_more a:hover,.par_more:hover a{color: #fff;  background: #0279e8; display: block; transition: all .9s ease;  width: 200px;     background: linear-gradient( 
90deg, #0b259f 0%,#0b259f 100%);}



/*adv*/
.power_bg{  background: #f3f3f3; }
.power_bg .nybt {font-weight: bold;}
.power_bg .nybt span{    font-weight: normal;}

.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/cableharness/uploadfile/image/20250522/20250522205518_2120705541.jpg)no-repeat center;}
.power li:nth-child(2){background:url(https://memberpic.114my.com.cn/cableharness/uploadfile/image/20250522/20250522205112_881359490.jpg)no-repeat center;}
.power li:nth-child(3){background:url(https://memberpic.114my.com.cn/cableharness/uploadfile/image/20250522/20250522205626_1649293656.jpg)no-repeat center;}
.power li:nth-child(4){background:url(https://memberpic.114my.com.cn/cableharness/uploadfile/image/20250522/20250522205534_1872192070.jpg)no-repeat center;}

.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: #0b25a0; 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; }
.power li .power_ww p:after{    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;}


/*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) / 4);margin-right:15px;text-align: center;}
.honor_r li p a{color: #333;font-size: 16px;display:block;}
.honor_r li p{height:50px;line-height:50px;position: relative;z-index: 2;background: #f8f8f8;display:none;}
.honor_r li img{transition: all linear 0.5s;-moz-transition: all linear 0.5s;-ms-transition: all linear 0.5s;-webkit-transition: all linear 0.5s;width:100%;height: 100%;display: block;}
.honor_r li:hover img{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);}


/*新闻*/
.newsbg{width:100%; min-width:1400px; max-width:1920px;  margin:0 auto; background:url(https://memberpic.114my.com.cn/cableharness/uploadfile/image/20250523/20250523095552_84400268.jpg) center no-repeat;     padding: 75px 0;}
.news{}
.news_top{display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.new_tl>b{display:block;color:#e9e9e9;font-size:52px;}
.new_tl>b span{color:#0b25a0;}
.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_nav a{display:inline-block; margin-left:60px; font-size:20px; line-height:20px; color:#444;}
.news_nav a i{display:inline-block; margin-right:5px; font-size:30px; line-height:30px; color:#666; vertical-align:middle;}
.news_nav a:hover,.news_nav a.news_cur{color:#0b25a0; font-weight:bold;}
.news_nav a:hover i,.news_nav a.news_cur i{color:#0b25a0; font-weight:normal;}
.news .tempWrap{margin-top:34px;}
.news_cont .news_div{display:flex; flex-direction:row; justify-content:space-between;}
.news_cont .news_div_item{width:450px; height:560px; background:#f6f6f6; position:relative; transition:0.5s;}
.news_cont .news_div_item_date{position:absolute; left:290px;  top: 250px; font-size:16px; line-height:16px; color:#fff; transition:0.5s;   background:rgba(11,37,159,0.9);  padding: 10px;   z-index: 1111;}

.news_cont .news_div_item_year,.news_cont .news_div_item_month,.news_cont .news_div_item_day{float:left;}
.news_cont .news_div_item_date i{float:left; display:block; font-size:23px; line-height:16px; vertical-align:middle; margin-right:3px; top: 2px;
    position: relative;}
.news_cont .news_div_item_content{position:absolute; left:30px; top:327px;}
.news_cont .news_div_item_title a{font-size:20px; line-height:20px; color:#222; font-weight:bold; transition:0.5s;}
.news_cont .news_div_item_body{width:400px; margin-top:23px; font-size:14px; line-height:32px; color:#666; transition:0.5s;}
.news_cont .news_div_item_pic{position:absolute; left:29px; top:29px;    }
.news_cont .news_div_item_pic a{display:flex; justify-content:center; align-items:center; width:391px; height:257px; overflow:hidden;}
.news_cont .news_div_item_pic a img{width:100%; height:auto; transition:0.5s;}
.news_cont .news_div_item_details{    position: absolute;
    left: 30px;
    bottom: 38px;
    width: 120px;
    height: 36px;
    border: 1px solid #d3d3d3;
    line-height: 36px;
    display: block;
    border-radius: 50px;  transition:0.5s; text-align: center;}
.news_cont .news_div_item_details:hover {   border: 1px solid #0b25a0;  width: 140px;  transition:0.5s;}

.news_cont .news_div_item_details a{font-size:16px; line-height:34px; color:#666; transition:0.5s;}
.news_cont .news_div_item_details a i{display:inline-block; margin-right:7px; font-size:14px; line-height:16px;}
.news_cont .news_div_item:hover{}
.news_cont .news_div_item:hover .news_div_item_date,.news_cont .news_div_item:hover .news_div_item_body,.news_cont .news_div_item:hover .news_div_item_details a{color:rgba(0,0,0,.6);}
.news_cont .news_div_item:hover .news_div_item_title a,.news_cont .news_div_item:hover .news_div_item_details a{color:#0b25a0;}
.news_cont .news_div_item:hover .news_div_item_date{color:#fff; background: rgb(3, 71, 167,, 0.8);}
.news_cont .news_div_item:hover .news_div_item_pic a img{transform:scale(1.1);}



/*底部*/
.copy_bc{width:100%; max-width:1920px; margin:0 auto; background:#081520 url(https://memberpic.114my.com.cn/cableharness/uploadfile/image/20250522/20250522161916_1580518923.png) no-repeat bottom; padding: 70px 0 30px 0;}

.copy_item{float:left;  padding-right: 140px;}
.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:29px;font-size: 15px; }
.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:32%; }
.copy_row1{ width:60%; }
.copy_item:nth-child(4) { padding-right: 0px !important;}

.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: #0b25a0;  }
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social a:nth-child(4) i {}
.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; }

.cr_tel{ padding-bottom: 15px; font-size:16px; color:#fff;}
.cr_tel img{ float: left; height: 70px;     filter: grayscale(1) brightness(10);}
.cr_tel em {float: left; padding-left: 10px; font-size: 32px;color: #fff;font-weight: bold; letter-spacing: 5px;     padding-top: 10px;}
.cr_tel em b{display: block; font-weight: normal; line-height: 30px;  font-size: 12px; color: rgba(255,255,255,0.4);  text-transform: uppercase; letter-spacing: 0px;}

.craddr{margin-top: 10px; font-size:16px; color:#b0b0b0; line-height:35px; }
.craddr{color: rgba(255,255,255,0.8);}
.craddr span{ font-size: 14px; opacity: 0.95;margin-top: 15px; display: block;}
.craddr span i{font-size: 18px; padding-right: 10px;}
.craddr b{color: rgba(255,255,255,0.95);  font-size: 25px; font-weight: bold; display: block;     padding-top: 14px;     font-family: din; letter-spacing: 2px;}
.craddr p{ font-size: 15px; font-weight: lighter; line-height: 38px;}

/*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);}

/*友情链接*/
.links{float:right; width:220px; margin-top:10px; padding-left:15px; line-height:40px; color:rgba(255,255,255,0.6); border:1px solid rgba(255,255,255,.3); position:relative; background:url(ttp://login.114my.cn/memberpic/x13809273642/uploadfile/image/20250329/20250329203408_950965061.png) 190px center no-repeat;}
.links_cont{height:0; position:absolute; bottom:41px; left:-1px; visibility:hidden; background:#fff; overflow-y:auto;}
.links:hover .links_cont{height:auto; max-height:200px; visibility:visible; transition:0.5s all ease-in-out;}
.linkTagcs{}
.linkTagcs li{float:none; width:100%;}
.linkTagcs li a{display:block !important; text-align:center; font-size:15px; line-height:50px; color:#555 !important; text-decoration:none; transition:0.5s all ease-in-out;}
.linkTagcs li a:hover{color:#333 !important; background-color:rgba(255,255,255,.8);}


/*右侧浮动*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(https://memberpic.114my.com.cn/cableharness/uploadfile/image/20250521/20250521115058_652125168.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1;  background-color: #0b25a0; }/*颜色更改*/
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #0b25a0; border-color: #0b25a0; color: #fff; margin: 10px 0 7px;}/*颜色更改*/
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 22px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 22px; height: 22px; background-position: -5px -30px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -30px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 22px; background-position: -5px -73px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -73px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 22px; height: 22px; background-position: -5px -52px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -52px; }
.y-kefu-box01 .back-top i { width: 22px; height: 14px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #0b25a0; border-color: #0b25a0;}/*颜色更改*/
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*电话*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #0b25a0; font-size: 18px; }/*颜色更改*/
.right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.right-arrow2 { border-left: 6px white solid;}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 130px; height: 130px; margin: 10px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*邮箱*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #0b25a0; font-size: 16px; }/*颜色更改*/
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#0b25a0;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }
.y-kefu-box a {
    letter-spacing: 0px;
    font-size: 12px;
    color: #666;
    line-height: 30px;
}
