@charset "utf-8";
/*通用代码*/
*{margin:0px; padding:0px; box-sizing:border-box;}
body{font-size:14px; color:#333; font-family:"Microsoft YaHei"; min-width:1400px; font-size:14px;}
img{margin:0px; padding:0px; border-width:0;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin:0px; padding:0px; list-style:none;}
a{color:#333; text-decoration:none; font-size:14px;}
a:hover{color:#0279e8; cursor:pointer;}
em ,i{font-style:normal;}
input,button,select,textarea{outline:none}
.en{text-transform:uppercase; font-family:arial;}
li,p,i,b,em,dt,dd,td,a,ul,td,input,textarea,span{box-sizing:border-box; font-family:"Microsoft YaHei";}
.fl{float:left;}
.fr{float:right;}
.clear,.cl{clear:both;}




@font-face {
  font-family: 'iconfont';  /* Project id 4601484 */
  src: url('//at.alicdn.com/t/c/font_4601484_c1f8na4dfgi.woff2?t=1724047148807') format('woff2'),
       url('//at.alicdn.com/t/c/font_4601484_c1f8na4dfgi.woff?t=1724047148807') format('woff'),
       url('//at.alicdn.com/t/c/font_4601484_c1f8na4dfgi.ttf?t=1724047148807') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/*宽度*/
.w1400{margin:0 auto; width:1400px;}
.page{margin:0 auto; width:1400px; }
.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;}


/*t*/
.t{font-size:42px; text-align:center; font-weight: bold;}
.t b{color:#0279e8; }
.t p{ font-size:18px;  color:#777; padding-top:10px; padding-bottom:15px; font-weight: normal;}




/*header*/
.header{position: fixed;top: 0;left: 0;width: 100%;height: 110px;z-index: 5000;background: transparent;transition: ease .5s;    background: #fff;}
.header-con{}


.header .logo{display: block;float: left;position: relative;z-index: 1200; margin-top: 20px; margin-right:10px;}
.header .logo img{object-fit:contain;filter:unset; }
.logo1 {    float: left;
    font-size: 33px;
    color: #333;
    padding-top:25px;
    line-height: 36px;
    font-weight: bold;   letter-spacing: 0px;}
.logo1 p {font-size: 18px; color: #0279e8;     font-weight: normal;     letter-spacing: 3px;}

.header-right{float: left;  margin: 0 auto;}
.header-top{background: url()no-repeat center;transition: ease .5s;padding: 25px 0;}
.ny-top{background: #fff;}
.ny-top .header-language a:hover{color: #F0BB44;}
.header-slogan{float: left;font-size: 22px;line-height: 40px;color: #341d17;}




/*search*/
.head_r {  width: 60px;  position: relative;  padding-top: 46px; float: left;  display: flex; justify-content: center; align-items: center;}
.head_r:before {content:'';width:1px;height:110px;background: rgba(255,255,255,0.2);position: absolute;top: -35px;left: -36px;display: none;}
.head_r b{ color: #666;  font-size: 22px;  display: flex;justify-content: center;align-items: center; font-weight: lighter; }

.search_contbg{ transform: rotateX(90deg);position: absolute;right: -230px;transition: all 0.5s;;padding: 20px;z-index: 9999;top:110px;transform-origin: top; width:900px; background: rgba(255,255,255,0.95);}
.search_contfl{float:left; line-height:48px; font-size: 15px}

.search_contfr{float:right; width:260px; height:42px; border:1px solid #ccc;}
#infoname{border:none; outline:none; background:none; float:left; width:195px; line-height:42px; color:#666; padding-left:20px;}
.submit{border:none; outline:none; float:right; width:45px; height:42px; cursor:pointer; background:url(//memberpic.114my.com.cn/017576/uploadfile/image/20240629/20240629164610_272148295.png) center no-repeat;}


.Tel{float: left; font-size: 24px;line-height: 31px; color: #0279e8; margin-top: 40px; font-weight: bold;}
.Tel i{ font-size: 26px; color: #666;     padding-right: 10px;  font-weight:normal;}


.header-navbar{width: 1400px; margin: 0 auto;}
.navbar{float: left;transition: ease .5s;}
.navbar li{float: left;  padding: 0 0.8rem; position: relative;}
.navbar li > a{display: inline-block;font-size: 17px;color: rgba(0,0,0,0.95);line-height: 30px;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;background: transparent;padding: 40px 0;}

.navbar li.active a {color: #0279e8; font-weight: bold;}
.navbar:hover li.active a,.navbar li:hover a{color: #0279e8; font-weight: bold;}
.navbar li:hover > a::before{position: absolute;content: "";width: 100%;height: 3px;background: #0279e8;left: 50%;bottom: 0%;transform: translateX(-50%);transition: ease .5s;}
.navbar li > a::before{position: absolute;content: "";width: 0%;height: 3px;background: #0279e8;left: 50%;bottom: 0%;transform: translateX(-50%);transition: ease .5s;}

.navbar li:nth-child(6) > a { position: relative;}
.navbar li:nth-child(6) {  position: inherit;}

/*下拉*/
.navbar li:hover .p_navBox2{max-height:600px;}
.navbar .p_navBox2{position: absolute;width:100%;background: rgba(255,255,255,0.95);top: 110px;left: 0;max-height:0px;overflow: hidden;transition: 0.3s ease all;border-radius: 10px;/*backdrop-filter: blur(5px);*/     z-index: 9999999999;}
.navbar .p_navBox2>div.warp{margin:0 auto;display:flex;max-width:1400px;justify-content:space-between;padding:60px 0;}
.navbar .p_navBox2 .warp .dh_fl{width:60%;}
.navbar .p_navBox2 .warp .dh_fl ul{display:block;width:100%;height: 100%;}
.navbar .p_navBox2 .warp .dh_fl ul p a{font-size: 18px;display:block;line-height: 40px;}
.navbar .p_navBox2 .warp .dh_fl ul p a span{font-size: 18px;line-height: 40px;}
.navbar .p_navBox2 .warp .dh_fl ul li:hover p a{color:#fff;}
.navbar .p_navBox2 .warp .dh_fl>ul>li>a{font-size: 16px; float: left; line-height: 50px; height: 50px;    padding: 0;     color: #333;}
.navbar .p_navBox2 .warp .dh_fl>ul>li{width:23.5%;    font-size: 20px;padding: 0 20px;font-weight: 400;letter-spacing: 0;line-height: 50px;float: left;background:#ddd; transition:all .3s ease;}
.navbar .p_navBox2 .warp .dh_fl>ul>li+li{margin-left:2%;}
.navbar .p_navBox2 .warp .dh_fl>ul>li:nth-child(4n+1){margin-left:0;}
.navbar .p_navBox2 .warp .dh_fl>ul>li:nth-child(n+5){margin-top:20px;}
.navbar .p_navBox2 .warp .dh_fl>ul>li:hover{background:#0279e8  url(//memberpic.114my.com.cn/017576/uploadfile/image/20240629/20240629164701_744901830.png) no-repeat center right 20px;}
.navbar .p_navBox2 .warp .dh_fl>ul>li:hover a { color: #fff;}
.navbar .p_navBox2 .warp .dh_fl>ul>li>a:hover{color:#fff; background: #0279e8; display: block;}
.navbar .p_navBox2 .warp .dh_tu{width:410px;}
.navbar .p_navBox2 .warp .dh_tu img{width:100%;height:auto;}
.navbar .p_navBox2 .warp .dh_fl .title{font-size:27px;line-height:26px;color:#000;font-weight:700;margin-bottom:20px}
.navbar .p_navBox2 .warp .dh_fl .jieshao{font-size:16px;line-height:1.8;color:#333;margin-bottom:40px}
.navbar .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;}
.navbar .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;}
.navbar .p_navBox2 .warp .dh_fl li.on dl{display:block;}



/*leav*/
.header.on{background-color: #fff;border-color: transparent;height:110px; box-shadow: 0 0 13px rgba(0,0,0,.1);}
.header.on .header-con{border: none;}
.header.on .navitem > a{padding:40px 0;}

.header.on .logo span{ margin-top:0.5px;}
.header.on .logo{filter: grayscale(0%) brightness(100%); color:#333;/*margin:22px 0 31px 2%;*/}
.header.on .logo p, .header.on .navitem > a{color: #333;}
.header.on .navbar .active > a{color: #0279e8;font-weight: bold;}
.header .navitem:hover > a::before,.header.on .navitem:hover > a::before, .header.on .navbar .active > a::before{width: 100%;}
.header.on .navitem > a:hover{color: #0279e8;}
.header.on .language-text:hover{color: #0279e8;}
.header.on .logo1,.header:hover .logo1,.header.on .navbar a{color: #333;}
.header.on .logo1 p,.header:hover .logo1 p{color: #0279e8;}
.header.on .navbar a:hover{color: #0279e8;}
.header.on .navitem:hover > a::before, .header.on .navbar .active > a::before{width: 100%;}
.header:hover{ background: #fff; box-shadow: 0 0 30px 0px rgba(0,0,0,0.1);}
.header:hover a{color:#333;}
.header:hover .logo img{filter: grayscale(0); }
.header:hover .head_r{width: 60px; position: relative; float: left;}
.header:hover .head_r b,.header.on .head_r b{color: #333;}
.head_r:hover .search_contbg{transform: rotateX(0);transition: all 0.5s;} 
.head_r:hover .search_contfl a{font-size: 14px;}
.header:hover .Tel i,.header.on .Tel i{color: #333;}
.header:hover .Tel,.header.on .Tel{color: #0279e8;}



@media(max-width:1400px){
.navbar{margin-left: 0%;}
}


@media(max-width:1366px){
.header-con .fr{margin-right: 6%;}
.navbar li { padding: 0 0.8rem;}

}

@media(max-width:1300px){
.header-con .fr{margin-right: 9%;}
.navbar li { padding: 0 0.8rem;}

}


/*abot*/

/*about*/
.ab_bg{background: url(//memberpic.114my.com.cn/017576/uploadfile/image/20240629/20240629173057_1410133397.jpg) ;width: 100%; margin: 0 auto; padding-top: 80px; height: 590px;}
.ab_fl{ float: left; width: 48%;}
.ab_t{ font-size: 40px; font-weight: bold; color: #333; padding-top: 20px;}
.ab_t b{ font-size: 40px; position: relative; color: #0279e8;}
.ab_t1{ font-size: 18px; color: #666; padding-top: 15px;}
.ab_t1 b{ padding-right: 10px;}
.ab_w{color: #666; font-size: 16px; padding-top: 35px; line-height: 36px;}
.ab_w a{font-size: 15px;}
.ab_w a img{ margin-top: 40px;}
.ab_w a b{ position: absolute;font-weight: lighter; left: 30px; top: 3px; font-size: 16px;}
.ab_w a:hover {color: #0279e8;}
.ab_fr{ width: 48%; float: right; border: 15px solid #fff; box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1); border-radius: 30px; overflow: hidden;}
.ab_fr img{border-radius: 15px; transition: all linear 0.5s; width: 100%; }
.ab_fr:hover img{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);}

/* shu */
.shu_list{display: flex;height: 150px;position: relative; z-index: 99; }
.shu_list li{ height: 150px;  position: relative;   margin-right: 100px;  z-index: 2;  text-align: center; padding-top: 25px;     margin-right: 80px;}
/*.shu_list>li:nth-child(2n) { background: linear-gradient(45deg, #047bd7 0%,#34a6ff 100%);}*/
.shu_list li:after {
    content: "";
    width: 1px;
    height: 60px;
    background: rgba(0,0,0,0.2);
    display: block;
    position: absolute;
    right: -40px;
    top: 50px;}

.shu_list li em {display:flex;align-items:baseline;margin:2px 0; justify-content: center;}
.shu_list li em i{font-size:48px; color:#333; font-family:din;}
.shu_list li em b{    font-size: 12px;
    font-weight: 100;
    color: #fff;
    background: #0279e8;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    line-height: 25px; margin-right: 5px;}
.shu_list li>span{font-size:16px;color:#333;}
.shu_list li:nth-child(3):after { background: none;}






/*pro*/
.pro_bg{ background:#f7f6f6; padding: 70px 0;}
.pro_t{position: relative; margin-top: 40px;     overflow: hidden;}
.pro_t1{ display: flex;}
.pro_t1 *{display:block;}

.pro_t1 dl{  float:left; width: 685px !important;position:relative; background:#fff; padding: 40px 35px 35px; border-radius:30px;     margin-right: 30px;}
.pro_t1 dl:before{display:block;content:"";width:23%;height:0px;background:linear-gradient(to bottom,#0279e8,#0241ab); position: absolute;left: 0;top: 0;transition: all 0.3s;}
.pro_t1 dt{float: left; overflow: hidden; margin-top: 40px;}
.pro_t1 dt img{ width:100%; height:auto; transition:all 0.5s ease;border-radius: 20px;}
.pro_t1 dl:hover img{ transform:scale(1.1);}
.pro_t1 dd{  color:#333; margin-bottom:10px;transition:all 0.5s ease;}
.pro_t1 dd p{ font-size: 30px; font-weight: bold; float: left; }
.pro_t1 dd p b {    line-height: 30px;
    font-size: 16px;
    font-weight: normal;
    width: 510px; padding-top: 10px;}
.pro_t1 dd a{color: #666; font-weight: normal; font-size:15px; text-align: right; line-height: 36px;}
.pro_t1 dd a:hover{color: #0279e8; text-decoration: underline;}

.pro_t1 dd> ul:after{ content: ''; display: block; clear: both; }
.pro_t1 dd> ul{padding: 30px 0;}
.pro_t1 dd> ul > li{ float: left; margin-right:1.7%; width: 76px; height: 76px;  background: linear-gradient(0deg, #0069ca 0%,#00c7ff 100%);color: #fff; text-align: center; font-size: 14px; font-weight: 100; line-height: 25px; border-radius: 10px; position: relative;     padding: 10px 0;}
.pro_t1 dd> ul > li:hover{ background:#f36609 ; background: -moz-linear-gradient(-45deg,#f36609 0%, #fa9f12 100%); background: -webkit-linear-gradient(-45deg,#f36609 0%,#fa9f12 100%); background: linear-gradient(135deg,#f36609 0%,#fa9f12 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36609 ', endColorstr='#fa9f12',GradientType=1 ); }
.pro_t1 dd> ul > li:after{ content:''; width: 100%; height: 50px; background: url(//memberpic.114my.com.cn/017576/uploadfile/image/20240627/20240627153906_92268152.png) no-repeat center; position: absolute; display: block; left: 0; bottom: -46px; }
.pro_t1 dd> ul > li img{ display: block; margin: 11px auto 0; }
.pro_t1 dd> ul > li b { font-size: 22px;  font-weight: normal;  display: block;}


.pro_t1 .divproduct_new_div_item:hover { background: #0279e8;color: #fff;}
.pro_t1 .divproduct_new_div_item:hover .divproduct_new_div_item_a,.pro_t1 .divproduct_new_div_item:hover .divproduct_new_div_item_content div,.pro_t1 .divproduct_new_div_item:hover .divproduct_new_div_item_a:before{ color: #fff;}

.pro_t2{ display: flex;     flex-wrap: nowrap; justify-content: center; margin-top: 60px;}
.pro_t2 li{width: 15px;height: 15px;background: rgb(16 44 60 / 20%);border-radius: 100%;font-size: 0;cursor: pointer;}
.pro_t2 li+li{margin-left:20px;}
.pro_t2 li.on{background:#0279e8;}



/*solution*/
.solu_bg{ width: 100%; background: url(//memberpic.114my.com.cn/017576/uploadfile/image/20240627/20240627171218_1994878556.jpg) no-repeat center; padding: 70px 0; height:730px;    }
.solu_f{ font-size: 20px; font-weight: normal; color: #fff;  position: relative; line-height: 60px;}
.solu_f p{ font-size: 48px; font-weight: bold; position: relative; z-index: 9999; letter-spacing: 1px;}
.solu_f b{color:#ffa827; font-size: 24px; }
.solu_f em{ width: 60%; height: 10px; background:#ffa827; display: block;  position: absolute; top: 49px; }
.solu_r{ font-size: 18px; color: #e0dfde;  text-align: right; line-height: 40px; margin-top: 15px;}
.solu_r i{font-family: 'iconfont'; color:#e0dfde; font-size:20px; margin-right: 10px; }
.solu_r p{     color: #f7c200; font-size: 24px; font-weight: bold;}

.solu_t{position: relative; top:6%; right: 5%; }
.solu_d { position: absolute; left: 6.8%; margin-top: 90px;}
.solu_d li{ width: 220px; float: left; position: relative; overflow: hidden;     border-radius: 10px;}
.solu_d li p{    font-size: 16px; color: #fff; line-height: 26px; text-align: center; position: absolute; bottom: 0px; left: 00px; padding: 60px 0 10px; background: linear-gradient(0deg, #ffa827, transparent 108%);     width: 100%;}
.solu_d li+li { margin-left: 10px;}
.solu_d li img{transition: 0.3s all ease;width: 100%;height: auto;}
.solu_d li:hover img{ transform: scale(1.1);}


/*case*/
.case_ic {}
.case_ic .new_web_div2021 { display: flex;  justify-content: space-between;}
.case_ic ul img {  width: 100%; height: auto;  transition: all .75s;}
.case_ic li{  width: 24%; float: left;}
.case_ic ul li:nth-child(1) {width: 693px;  float: left;}
.case_ic ul li { position: relative; width: 24%;}
.case_ic ul li p a {    display: block;  position: absolute;  bottom: 0px; right: 0;  width: 100%;   height: 46px;   line-height: 46px;  text-align: center; color: #fff;  font-size: 16px;    transition: all .5s;   background-color: rgba(0,0,0,0.6);}

.case_ic ul li+li { margin-bottom: 16px; margin-left: 16px;}
.case_ic li:hover img {  transform: scale(1.1);}
.case_ic li>a {   display: block; overflow: hidden;}
.case_ic ul li:hover p a { background: #0279e8;}





/*partner*/
.par_bg{ background: url(//memberpic.114my.com.cn/017576/uploadfile/image/20240627/20240627174942_650737725.jpg); width: 100%; padding: 70px 0;}
.par_ic {width: 1400px; margin: 0 auto;  position: relative; }
.par_ic .new_web_div2021 .tempWrap{width:100% !important;}
.par_ic *{display:block;}
.par_ic li{width:calc((100% - 10rem) / 6);margin:0.6rem;float:left;padding-left:0px !important;}
.par_ic li img{width:100%;height:auto;border-radius: 10px;}
.par_ic ul li p{display: none;}
.par_ic ul:nth-child(1) {width: 1400px; margin: 0 auto;}
.par_ic ul:nth-child(2)  {width: 1400px; margin: 0 auto;}
.par_ic ul:nth-child(3)  {width: 1400px; margin: 0 auto;}
.par_bc{width: 1400px; margin: 0 auto;  margin-top: 40px;}
.par_bc:before {content:'';background: linear-gradient(to right,#f3f3f3 50%,transparent);position:absolute;width: 10%;height:  100%;z-index: 1;top: 0;left:  0;}
.par_bc:after {content:'';background: linear-gradient(to left,#f3f3f3 0,transparent);position:absolute;width:  10%;height: 100%;z-index: 1; top: 0;right:  0;bottom: 0;}



.par_more{}
.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, #00c7ff 0%,#0069ca 100%);}





/*adv*/
.power_bg{  background: #f3f3f3;  padding-top: 70px;}

.power li{float: left; width:19.8%; 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:40%;}
.power li:nth-child(1){background:url(//memberpic.114my.com.cn/017576/uploadfile/image/20240629/20240629161401_1771636417.jpg)no-repeat center;}
.power li:nth-child(2){background:url(//memberpic.114my.com.cn/017576/uploadfile/image/20240629/20240629161401_1182045711.jpg)no-repeat center left;}
.power li:nth-child(3){background:url(//memberpic.114my.com.cn/017576/uploadfile/image/20240629/20240629161401_1854405073.jpg)no-repeat center left;}
.power li:nth-child(4){background:url(//memberpic.114my.com.cn/017576/uploadfile/image/20240629/20240629161401_315327623.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: #0279e8; 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: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;}


/*news*/
.news_bg {}
.news_t { padding: 70px 0 14px 0;}
.news_tl p {
    color: #0279e8;
    line-height: 1.1;
    font-family: PingFang SC, 'Microsoft YaHei', Arial, sans-serif;
    font-weight: 900; font-size: 40px;}

.news_tl span {
    margin-top: 10px;
    color: #666;
    line-height: 30px;
    font-size: 16px;}

.news_tl,
.news_tr {
    display: inline-block;
}

.news_tr a {
    display: inline-block;
    margin-left: 110px;
    margin-top: -12px;
}

.news_tr a p {
    font-size: 20px;
    color: #222;
    line-height: 0px;
}

.news_tr a span {
    font-size: 12px;
    color: #ccc;
    font-family: "Arial";
    text-transform: uppercase;
    line-height: 46px;
}

.news_tr a:before {
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background-color: #f7f7f7;
    margin: -10px 14px 0 0;
    position: relative;
    top: 37px;
    left: -70px;
    transition: 0.3s ease all;
    background-image: url(//memberpic.114my.com.cn/017576/uploadfile/image/20240629/20240629164735_1329504478.png);
}

.news_tr a:nth-child(1):before {
    background-position: 0 0;
}

.news_tr a:nth-child(2):before {
    background-position: -56px 0;
}

.news_tr a:nth-child(3):before {
    background-position: -112px 0;
}

.news_tr a.on:before {
    background-color: #0279e8;
    background-position-y: -56px;
}

.news_div .news_div_item {
    position: relative;
    float: left;
}

.news_div .news_div_item:first-child {
    width: 42%;
    padding-top: 20px;
    z-index: 2;
}

.news_div .news_div_item:nth-child(n+2) {
    width: 25%;
    padding: 30px 0 30px 0;
    height: 240px;
    float: left;
    border-bottom: 1px #ddd solid;
    margin-left: 4%;
}

.news_div .news_div_item:nth-child(n+2) .news_div_item_pic {
    float: left;
    width: 30%;
    height: 168px;
    display: none;
}

.news_div_item_pic {
    overflow: hidden;
}

.news_div_item_pic img {
    width: 100%;
    border: 1px #eee solid;
}

.news_div .news_div_item:first-child .news_div_item_date {
    display: none;
}

.news_div .news_div_item:nth-child(n+2) .news_div_item_date div {
    float: left;
    color: #ccc;
}

.news_div_item_content {
    position: absolute;
}

.news_div .news_div_item:first-child .news_div_item_pic {
    height: auto;
}

.news_div .news_div_item:first-child .news_div_item_content {
    bottom:0px;
    width: 100%; padding:4%;
    background: rgba(0,0,0,0.5);}

.news_div .news_div_item:nth-child(n+2) .news_div_item_content {
    left: 0;
    top: 54px;
    width: 100%;
}

a.news_div_item_a {
    font-size: 22px;
    color: #222;
    line-height: 30px;
    display: block;
    /* position: absolute; */
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news_div .news_div_item:first-child a.news_div_item_a{color: #fff;}
.news_div .news_div_item:first-child .news_div_item_body:after{color: #fff;}
.news_div_item_body {
    font-size: 15px;
    line-height: 26px;
    color: #999;
    margin-top: 0px;
}

.news_div_item_body:after {
font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
content: "\e718" !important;
    display: block;
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100px;
    border: 1px #ccc solid;
    margin-top: 15px;
    transition: 0.3s all ease;
text-align: center;  }

.news_div_item:hover .news_div_item_body:after {
    background-color: #0279e8;
    width: 50px;
    border: 1px #0279e8 solid;
 color: #fff;
}

.news_div_item:hover a.news_div_item_a {
    color: #0279e8;
}
.news_div .news_div_item:first-child .news_div_item_body {
    color: #dfdfdf;
    font-weight: normal;     white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}




/*link*/
.links { overflow: hidden;  margin: 0 auto;  padding:30px 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: #0279e8;}
.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;}






/*footer*/
.copyright{ background: #232323; padding-top: 70px;}

.copy_item{float:left; padding-left: 145px;}
.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: #fff;font-weight: normal;font-size: 18px;}
.copy_item ul proadvong a .en{font-size: 12px;color: #fff;font-weight: normal;text-transform: capitalize;}
.copy_item ul li a{display: block;color: #fff;line-height:32px;font-size: 15px; opacity: 0.9; font-weight: lighter;}
.copy_item ul li{display: block;}
.copy_item ul li a:hover{color: #fcc135;     opacity: 1;}
.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:420px;  background: url(//memberpic.114my.com.cn/017576/uploadfile/image/20240629/20240629141013_1727519560.jpg) no-repeat 150px 70px;}

.copy_row1 { width: 920px;  float: right;}


.social {padding-top:0px;clear: both;}
.social a { position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; padding:5px 9px; transition:0.3s all ease-in-out; float: left;display: block;margin-right:14px; margin-top:4%;     border: 1px solid #747474;
    border-radius: 50px;}
.social a i { opacity: 0.9;}
.social a img{ display: block}
.social a:hover {  color: #ffffff; background: #0279e8;}
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -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 #333; position: absolute; bottom: -5px;left: calc((100% - 10px) / 2); }
.social .ewm img { display: block; width: 100%; height:auto; }

.cr_tel b{float: left;
    padding-left: 10px;
    font-weight: normal;
    line-height: 38px;
    text-transform: uppercase;
    font-size: 14px;  color: #7a7a7a; padding-top: 5px;}
.cr_tel img {float: left; display: block;}
.cr_tel{ padding-bottom: 15px; font-size:16px; color:#fff;}
.cr_tel em {display: block;font-size: 35px;color: #fff;font-family: Arial;font-weight: bold;}
.craddr{margin-top: 10px; font-size:16px; color:#b0b0b0; line-height:35px; color: #fff; opacity: 0.9;}
.craddr p i{color: #fff;  font-size: 18px; opacity: 0.8;     padding-right: 8px; font-weight: lighter;}
.end{background: #232323;  border-top: 1px solid rgba(255,255,255,0.1);  width: 100%;   line-height:90px; height: 90px;}
.end,.end a{ font-size:15px;     color: #fff; font-weight:lighter;  margin: 0 auto; text-align: left;  }
.end a:hover{ color: #fcc135;}