@font-face {
  font-family: 'iconfont';  /* Project id 4348301 */
  src: url('//at.alicdn.com/t/c/font_4348301_fix5s29gm1e.woff2?t=1701088393808') format('woff2'),
       url('//at.alicdn.com/t/c/font_4348301_fix5s29gm1e.woff?t=1701088393808') format('woff'),
       url('//at.alicdn.com/t/c/font_4348301_fix5s29gm1e.ttf?t=1701088393808') 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;}

	
@font-face {
  font-family: "DIN";
  src: url("//memberpic.114my.cn/026608/cssnew/DIN.woff2.txt") format("woff2"),
       url("//memberpic.114my.cn/026608/cssnew/DIN.woff.txt") format("woff"),
       url("//memberpic.114my.cn/026608/cssnew/DIN.ttf.txt") format("truetype"),
       url("//memberpic.114my.cn/026608/cssnew/DIN.eot.txt") format("embedded-opentype"),
       url("//memberpic.114my.cn/026608/cssnew/DIN.svg.txt") format("svg");
}


	
/*通用代码*/
@charset "utf-8"; 
*{ margin:0px; padding:0px;box-sizing: border-box;}
body{font-size:14px; color:#333; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1400px; overflow-x:hidden;     font-size: 14px;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
a{color: #484848; text-decoration: none; font-size:14px;}
a:hover{color: #2269e5;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"; font-family:'微软雅黑';}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;}
	

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

/*距离*/
.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:#2269e5; }
.t p{ font-size:18px;  color:#666; padding-top:10px; padding-bottom:15px; font-weight: normal;}
.t em{font-size:24px; color:#999; font-weight: normal;}

.t1{font-size:42px; text-align:center; font-weight: bold; color:#fff;}
.t1 p{ font-size:18px;  color:#fff; padding-top:10px; padding-bottom:15px; font-weight: normal;}
.t1 em{font-size:24px; color:#999; font-weight: normal;}



/*抬头*/
.head{width:96%;min-width:1400px; max-width:1920px; height:120px; position:relative; margin:0 auto;}
.head_logo{position:absolute; left:2%;}
.head_logo .img{float:left; padding-top:24px;}
.head_logo .wz{float:left; margin-left:10px; padding-top:20px; font-size:40px; color:#333; font-weight:bold;}
.head_logo .wz p{font-size:18px; line-height:35px; color:#666; font-weight: lighter;  letter-spacing: 1px;}
.head_fr{position:absolute; right:2%;}
/*导航*/
.nav{margin-right: 1%;}
.nav,.nav>ul > li{float:left;}
.nav>ul > li{position:relative; padding: 0 15px;}
.nav>ul > li > a{display:block; padding-top:44px; font-size:16px; line-height:16px; text-decoration:none; color:#333;}
.nav>ul > li> a:after{content:""; display:block; margin-top:58px; width:0; height:2px; overflow:hidden; background:#2269e5; transition:width 0.8s;}
.nav>ul > li:hover > a,.nav>ul > li.navcurrent > a{color:#2269e5; font-weight: bold;}
.nav>ul > li:hover > a:after,.nav>ul > li.navcurrent > a:after{width:100%;}
/*下拉*/
.nav>ul > li > em{position:absolute; right:-50px; top:120px; z-index:99; display:none; width:180px}
.nav>ul > li > em a{display:block; text-align:center; background:#fff; box-sizing:border-box; font-size:16px; line-height:60px; color:#333; text-decoration:none; transition:0.8s;}
.nav>ul > li > em a:hover{background:#2269e5; color:#fff;}
.nav>ul > li > em a+a { border-top: 1px solid #eee;}
@media screen and (max-width:1540px){


}
/*搜索*/
.head_r {position: relative;top: 33px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;}
.head_r:before {content:'';width:1px;height:100px;background: rgba(255,255,255,0.2);position: absolute;top: -35px;left: -36px;display: none;}
.head_r>ul {display: flex;justify-content: space-between;align-items: center;}
.head_r>ul>li i{ margin-left: 10px; font-size: 24px;line-height:  36px;position:relative; display: flex;justify-content: center;align-items: center;color: #888; }
.head_r>ul>li:nth-child(3) i {font-size: 30px;}
.head_r>ul>li a i {color: #666;}
.head_r>ul>li i:hover { background: #2269e5; color: #fff;}
.head_r>ul>li i:hover a {color: #fff;}
.head_r>ul>li p {width: 280px;background: #ffffff;transform: rotateX(90deg);position: absolute;right:-110px;transition: all 0.5s;font-size: 16px;padding: 16px 24px;z-index: 9999;text-align: left;color:#333;top: 65px;transform-origin: top;}
.head_r>ul>li p span {font-size: 25px;display: block;color: #2269e5;font-family: Arial;    padding-top: 6px;}
.head_r>ul>li:hover p {transform: rotateX(0);transition: all 0.5s;} 
.head_r>ul>li a {font-size:15px;color:#666;}
.head_r>ul>li a:hover{font-size:15px;color:#2269e5 !important;}

.head_r>ul>li:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {background: rgba(255,255,255,0.98);transform: rotateX(90deg);position: absolute;right:0px;transition: all 0.5s;font-size: 16px;padding: 34px;z-index: 9999;top: 87px;transform-origin: top; width: 790px;}
.tit_sel span {font-size: 24px;display: block;color: #152682;font-family: Arial;}
.tit_icon:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;}
#search-i{float:left; width:30px; height:33px; overflow:hidden; margin-top:20px;  box-sizing: border-box; padding-top:5px;    border: 1px solid #dddddd;border-left: none;margin-left: -15px;}
#search-bg{float:left;width: 700px;height:33px;overflow:hidden;padding-left:14px;margin-top:20px;box-sizing: border-box;border: 1px solid #dddddd;border-right: none;text-align: left;line-height: 30px;}
.search-text{font-size:14px;color: #999999;justify-content: center;align-items: center;}
.search-text a{ font-size:14px; color: #666 !important;}
.search-text a:hover{ font-size:14px; color: #666;}
.search-text span{ float:left;  color:#666;font-size: 15px;}
#infoname{ border:none;background:none; outline:none;} 
.search_name {float: left;font-size:22px;color: #666; line-height: 32px;position: relative;z-index: 5;padding: 15px 0;width: 264px;height: 96px;background: #cb0303;text-align: center; line-height: 30px;}
.search_name:after {content: "";width: 0px;height: 0px;border-top: 7px solid #2269e5; border-right: 7px solid transparent;border-bottom:8px solid transparent; border-left: 7px solid #2269e5;position: absolute; top: 81px; right: -13px; transition: 0.5s all ease-in-out; }
.form {justify-content: center;display: flex;}
.head_right {display: flex;justify-content: space-between;align-items: center;width: 72%;}
.head_r>ul>li {display: flex; flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;}
.head_r>ul>li b{ color: #2269e5; font-size: 24px; width: 200px; padding-left: 10px;     font-family: "din";}


@media screen and ( max-width:1500px ){
.head_logo{ left: 1%;}
.head_logo .img { padding-top: 26px; width: 40%;}
.head_logo .img img {width: 100%;}


.head_logo .wz{font-size: 23px; padding-top: 30px;}
.nav>ul > li+li {  margin-left: 16px;}
.head_fr {right: 3%;}
	}



@media screen and ( max-width:1450px ){
.head_logo{ left: 1%;}
.head_logo .img { padding-top: 26px; width: 40%;}
.head_logo .img img {width: 100%;}
.head_logo .wz{font-size: 23px; padding-top: 30px;}
.nav>ul > li+li {  margin-left: 16px;}
.head_fr {right: 3%;}
	}


@media screen and ( max-width:1400px ){
.head_logo{ left: 1%;}
.head_logo .img { padding-top: 26px; width: 40%;}
.head_logo .img img {width: 100%;}
.head_logo .wz{font-size: 23px; padding-top: 30px;}
.nav>ul > li+li {  margin-left: 16px;}
.head_fr {right: 4%;}
	}


@media screen and ( max-width:1366px ){
.head_logo{ left: 1%;}
.head_logo .img { padding-top: 26px; width: 40%;}
.head_logo .img img {width: 100%;}
.head_logo .wz{font-size: 23px; padding-top: 30px;}
.nav>ul > li+li {  margin-left: 16px;}
.head_fr {right: 7%;}
	}




/*banner*/
.banner{ overflow: hidden; background:#000; }
.banner-box{ min-width:1400px; height:800px; position:relative; margin:0 auto; }
.banner-box .bd{ 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; }
.banner-btn { width: 100%; position: absolute; top: -1px; left: -1px; margin-left: 0; height: 800px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:320px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(//memberpic.114my.cn/gdlonghan/uploadfile/image/20231128/20231128151328_531302697.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(//memberpic.114my.cn/gdlonghan/uploadfile/image/20231128/20231128151328_531302697.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:60px; width: 100%; display: block; }
.banner-box .hd ul { width: 1250px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background:#2269e5 !important; width: 32px; }
.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; }






/*pro*/
.pro_list{ width:1400px; margin:0 auto; margin-top:35px;  }
.pro_list{display: flex; position: relative;margin: 20px auto; margin-top:30px; width: 100%;background: #f8f8f8; padding:1% 2%;border-radius: 50px;}
.pro_list .prolist2021{ }
.pro_list ul{display: flex; justify-content: center; width: 100%;}
.pro_list li{text-align: center; width: 200px;float: left;  height: 50px;line-height: 50px; border-radius: 50px;}
.pro_list li a{ font-size: 17px;}
.pro_list li.on{color: #fff;transition: all .3s ease;     background: linear-gradient(to right, #42aef2 0%,#2269e5 60%);}
.pro_list li.on a.prolist2021_one{color: #fff;}
.pro_list li dl{ display: none;}
.pro_list li.on:after { background:#d5030f;}
.pro_list .pro_more{width: 200px;  line-height: 50px;  text-align: center; font-size: 17px;   display: block;   float: left;}
.pro_list .pro_more a{ font-size: 18px;}
.pro_list .pro_more:hover a{ color: #fff;}
.pro_list .pro_more:hover {background: linear-gradient(to right, #42aef2 0%,#2269e5 60%); color: #fff; border-radius: 50px;}



.pro_con {display: flex;overflow: hidden;     width: 1400px;     margin: 0 auto;     height: 680px;}
.pro_call li{ display: block; float: left; width:32.4%;border: 1px solid #eee;margin-top: 20px;background: #fff;}
.pro_call li a{display: block; width: 100%; height: auto; overflow: hidden; position: relative;}
.pro_call li a:before { content: ''; display: block;width: 50px; height: 50px;
 background: url(//memberpic.114my.cn/027416/uploadfile/image/20230815/20230815175148_247810377.png) no-repeat center;
 position: absolute; top: 50%; left: 50%; z-index: 3; margin-left: -25px; margin-top: -25px; transform: scaleY(0); opacity: 0; transition: 0.3s all ease;}
.pro_call li>a:after{content: ''; display: block;width: 100%; height: 100%;  background: rgba(0,0,0,0.45) url(//memberpic.114my.cn/027416/uploadfile/image/20230815/20230815175220_36586782.png) no-repeat center; position: absolute; top: 0;left: 0;opacity: 0; transition: 0.3s all ease;}
.pro_call li:hover>a:before{opacity: 1;transform: scaleY(1);}
.pro_call li:hover>a:after{opacity: 1;}
.pro_call li br{display:none;}

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

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




/*int*/
.int {padding: 80px 0;position: relative;z-index: 5;}
.int:after {content:'';width: 100%;background: url(//memberpic.114my.cn/gdlonghan/uploadfile/image/20231127/20231127200431_1601639377.jpg)no-repeat center;position: absolute;top: 0;left: 0;width: 100%;height:800px;z-index: -1;}
.int_box {margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-end;}
.int_l {width: 52%;}
.int_tit {display:  flex;flex-direction:  column;}
.int_tit b {font-size: 48px;color: #fff;line-height: 50px;position: relative;display:  flex;flex-direction:  column; font-weight:bold;}
.int_tit b:after {content:'';width: 60px;height: 2px;background: #fff;position: absolute;top: 110px;left: 0;}
.int_tit b span {font-size: 18px;line-height: 20px;padding-top: 24px;font-weight: normal;}
.int_tit p {font-size: 16px;color: #fff;line-height: 20px;padding-top: 60px;}
.int_con {margin-top: 60px;}
.int_con ul {display: flex;flex-wrap: wrap;justify-content:  space-between;}
.int_con li {width: 32%;padding: 37px;border: 1px solid rgba(255,255,255,0.3);border-radius:  10px;margin-bottom: 16px;}
.int_con li:hover {background: #faa107;border: none;}
.int_con li i {font-size: 42px;color: #fff;line-height: 36px;display:  inline-block;}
.int_con li p {font-size:  20px;color:  #fff;line-height: 20px;display:  flex;flex-direction:  column;padding-top: 10px;}
.int_con li p span {opacity:  0.8;font-size:  14px;line-height: 20px;padding-top: 10px;}
.int_pic {border-radius:  10px;width: 42%;padding: 57px 0 0 27px;}
.int_pic img {width:100%; }

/*case*/

.case {}
.case_con {background:  #fff;padding: 40px 0px 0;margin-top: 0%;}
.case_con .divdgweb_new_div{width: 100%;padding-top: 36.6%;position: relative; overflow: hidden; height: 0;}
.case_con .news_div_item_pic{height: 100%;}
.case_con *{display: block;}
.case_con .news_div_item_image{width: 100%; height: 100%; transition: 0.3s;}
.case_con .divdgweb_new_div_item_content{position: absolute; bottom: 0; left: 0;height: 54px; background: rgba(0, 0, 0, 0.3);z-index: 1; transition: 0.3s; width: 100%;}
.case_con .divdgweb_new_div_item_a{ font-size: 18px; line-height: 54px; color: #fff; text-align: center; transition: 0.3s;}
.case_con .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ font-weight: bold;}
.case_con .divdgweb_new_div_item{position: absolute;overflow: hidden;}
.case_con .divdgweb_new_div_item:nth-child(1){width: 50%;height: 100%;top: 0;left: 0;}
.case_con .divdgweb_new_div_item:nth-child(2){width: 23.5%;top: 0; left: 51.5%;}
.case_con .divdgweb_new_div_item:nth-child(3){width: 23.5%;bottom: 0; left: 51.5%;}
.case_con .divdgweb_new_div_item:nth-child(4){width: 23.5%;top: 0; right:0;}
.case_con .divdgweb_new_div_item:nth-child(5){width: 23.5%;bottom: 0; right: 0;}
.case_con .divdgweb_new_div_item:hover .news_div_item_image { transform: scale(1.2);}
.case_con .divdgweb_new_div_item:hover .divdgweb_new_div_item_content {height: 100%;  background: rgba(34, 105, 229, 0.7);display: flex; flex-direction: column; justify-content: center;}
.case_con .divdgweb_new_div_item_body {font-size: 14px;line-height: 24px; color: #fff; padding: 0 6%;}




/*adv*/
.adv_bg{padding: 80px 0;background: #f8f9f9;}
.adv_m{box-shadow:0 0 30px rgba(0,0,0,0.05);margin-top: 50px;}
.sup_list{ display: flex;}
.sup_bl{display: flex;transition: all .5s;margin-top: 10px;} 
.sup_item{flex-shrink: 0;width: 100%;} 

.sup_lc,.sup_rc{width: 50%;position: relative;} 
.sup_lc{float: left;}
.sup_rc{background:#fff; float: right;} 
.sup_ri{padding:44px 48px;} 
.sup_rc b{font-size: 28px;color: #208cf0;} 
.sup_rc p{font-size: 2.08vw;color: #333;} 
.sup_line{width: 100%;height: 1px;background: #e9eaea;margin:40px 0;}
.sup_info {margin-top: 40px;height:196px;}
.sup_info p{font-size: 16px;line-height:28px;color: #787878;position: relative;padding-left: 25px;}
.sup_info p:before{position: absolute;content: "";width: 8px;height: 14px;background: url(//memberpic.114my.cn/gdlonghan/uploadfile/image/20231128/20231128151517_774719089.png) left no-repeat;top: 3px;left: 0;}
.sup_info p:before{top: 6px;}
.sup_info p+p{margin-top: 20px;}

.sr_tit{background: #2269e5;padding-left: 32px;height:58px;box-shadow:0 8px 12px rgba(34, 105, 229,0.1);position:relative;margin-top: 24px;}
.sr_tit:before{content:'';width:102px;height:1px;background:#2269e5;position:absolute;top:50%;left:-122px;}
.sr_dtit{padding-left: 70px;position: relative;}
.sr_dtit>p{font-family:arial;color: #333;font-size: 42px;font-weight: bold;line-height: 48px;position: absolute;top: 2px;left:0;}
.sr_dtit>div{font-size: 34px;font-weight: bold;color: #333;line-height: 48px;}
.sr_tit>div{font-size: 24px;font-weight: bold;color: #fff;line-height: 58px;letter-spacing: 2px;}


@media screen and (max-width: 1245px){
  .sup_ri {padding: 45px;}
}

.sup_tab{margin-top:50px;     display: flex; align-items: center;    justify-content: space-between;}
.st_li{width:25%;height:126px;display:flex;align-items:center;justify-content:center;background:#2269e5;transition:all 0.5s;}
.st_li+.st_li{border-left:1px solid #fff;}
.st_li.on{background:#faa107;}
.st_li:nth-child(2){background-position:25% center;}
.st_li:nth-child(3){background-position:50% center;}
.st_li:nth-child(4){background-position:75% center;}
.st_li b{display:flex;align-items:center;justify-content:center;}
.st_li.on b{border-width:2px;}
.st_li b i{border-radius: 100%; display: flex;justify-content: center;align-items: center;     font-size: 44px;
    color: #fff;     font-weight: normal;}
.st_li p{font-size:32px;color:#fff;margin-left:15px; font-weight: bold;}

.adv_rbo{display: flex;margin-top: 30px;align-items: center;position: relative;}
.adv_rbo>a{display: flex;justify-content: center;width: 156px;height: 46px;align-items: center;background: #0e131f;transition: all .5s;}
.adv_rbo>a:hover{box-shadow: 0 10px 10px rgb(248 160 0 / 20%);transform: translateY(-3px);background: #f8a000;}
.adv_rbo>a>span:first-child{font-size: 16px;color: #fff;margin-right: 9px;}
.adv_rbo>a>span:last-child{font-size: 18px;color: #fff;}
.adv_rbo>div{font-size: 30px;color: #2269e5; font-weight: bold;       font-family: "DIN";}
.adv_rbo .iconfont{    font-size: 20px;
    font-weight: normal;
    color: #999;
    padding-top: 8px;
    padding-right: 7px;}
.adv_rbo>div>span{font-size: 35px;color: #f8a000;display: inline-block;margin-right: 12px;}
.adv_rbo span {
    font-size: 16px;}


/*jj*/

.com_bg{width: 100%;height: 700px;background: url(//memberpic.114my.cn/gdlonghan/uploadfile/image/20231128/20231128150326_1270640136.jpg) no-repeat center top;padding: 100px 0 0; position: relative;     position: relative;}
.com_bg:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.45);
}

.com_bt{position:relative;padding: 15px 0 30px;}
.com_bt strong{font-size: 36px;color: #fff;display: block;font-weight: normal;position: relative;}
.com_bt .small{font-size: 20px;color: #fff;line-height: 30px;text-transform: capitalize;display: block;opacity: 0.9; padding-top: 5px;}
.com_bt:after{ content: '';display: block;width: 70px;height: 3px;  background: #fff; position: absolute;bottom: 0;left: 0;}


.com_wz {
  padding: 35px 0;
  position: relative;
  z-index: 3;
}
.com_wz p {
  font-size: 16px;
  line-height: 32px;
  padding: 0px 0 5px;
  color: #fff;
}
.com_w {
  width: 880px;
}


.com_zx{padding-top: 0px;}
.com_zx:after{content: '';display: block;clear: both;}
.com_zx a{
	font-size: 16px;
	color: #fff;
	width: auto;
	height: 42px;
	text-align: center;
	line-height: 42px;
	border-radius: 0;
	background: transparent;
	overflow: hidden;
  transition: .4s all ease;
  position: relative;
	display: block;
	float: left;
	padding: 0 30px;
  border: 1px solid #fff;
  margin-right: 15px;
}
.com_zx a:hover{
	background: #fff;
	color: #333;
  border: 1px solid transparent;/* width: 230px; transition: 0.2s all ease-in-out;*/}

.com_zx a .anim {
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
}



.com_zx a .anim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%;
}

.com_zx a .anim:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
}

.com_zx a:hover .anim {
	animation: anim-out 0.75s;
}

.com_zx a:hover .anim:after {
	animation: anim-out-pseudo 0.75s;
}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}



/*news*/
.news_bg {padding: 70px 0 40px 0;     background: #f8f8f8;}
.news{}
.news_tit {text-align: left;  float: left; font-size: 36px;color: #333; font-weight:bold; line-height:30px;}
.news_tit b{font-size: 36px;color: #2269e5; float: left;  font-weight:bold;}
.news_tit p{font-size:16px;color: #777;line-height: 30px; font-weight:normal; line-height: 50px;}

.news_tab ul li {display: inline-block; overflow: hidden;   width:120px; line-height: 60px;margin:0 0px 0 25px; position: relative;}
.news_tab ul li:hover,.news_tab ul li.on{ border-color: transparent;}
.news_tab ul li a img { display: inline-block;  vertical-align: middle; padding-right: 5px;  -webkit-filter: grayscale(1); filter: grayscale(1);}
.news_tab ul li:hover a img,.news_tab ul li.on a img{-webkit-filter: grayscale(0);filter: grayscale(0);}
.news_tab ul li:hover:after,.news_tab ul li.on:after{left: 0}
.news_tab ul li:hover a,.news_tab ul li.on a{color:#2269e5; font-weight:bold;}
.news_tab ul { text-align: center; line-height: 30px;}
.news_tab ul li a { display: block; font-size:18px; font-weight:500; color: #343434; transition: .3s all ease; position: relative; z-index: 3;}
.news_tab {margin-bottom: 40px; float: right;}
.news_tab img {position: relative; float: left; top: 18px;}
.news_tab li a i{color:#333; font-size: 28px;   position: relative; top: 4px; float: left;}
.news_tab li.on a,.news_tab li.on a i{color:#2269e5 !important;  font-weight: normal;}	
	

.news_list{height:501px;width: 100%;overflow: hidden;}
.news_list .news_div{height:500px;}
.news_list .news_div_item,.news_list .divdgweb_new_div_item{width: 23.65%;display: inline-block;position: relative;height:490px;transition:0.5s; padding: 20px; background: #fff;}
.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,.news_list .divdgweb_new_div_item_date{position: absolute;top:250px;display: inline-block;font-weight: 400;left: 19px;padding-left: 32px;height: 22px;}
.news_list .news_div_item_date::before,.news_list .divdgweb_new_div_item_date::before{position:absolute;content:'';background:url(//memberpic.114my.cn/gdlonghan/uploadfile/image/20231128/20231128151552_1790135541.png) no-repeat left center;top: 0;left: 0;width: 22px;height: 22px;}
.news_list .news_div_item_content,.news_list .divdgweb_new_div_item_content{position: absolute;top:280px;left: 19px;padding-right: 14px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{float: left;font-size: 15px;line-height: 22px; color: #999;}
.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: 16px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight: 	normal;}
.news_list .news_div_item_a::before,.news_list .divdgweb_new_div_item_a::before{position:absolute;content:'查看详情';bottom: -152px;left: 0;width: 130px;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 30px; border:1px #eee solid; font-weight: 100;}
.news_list .news_div_item_a::after,.news_list .divdgweb_new_div_item_a::after{position:absolute;content:'';bottom: -141px;font-size: 43px;background:url(//memberpic.114my.cn/gdlonghan/uploadfile/image/20231128/20231128151614_575557139.png) no-repeat center;width: 25px;height: 14px;left: 100px;transition:0.5s;}
.news_list .news_div_item_body,.news_list .divdgweb_new_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 24px;}
.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{ border:1px solid #eee;}
.news_list .news_div_item:hover .news_div_item_a,.news_list .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{color: #2269e5;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{background: #2269e5;transition:0.5s;padding-left:40px; color: #fff;}
.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:110px;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);}



/*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: #2269e5;}
.links_lm em {  font-size: 14px;color: #999;  letter-spacing: 5px;  line-height: 16px;}
.links_r {  width: 93%; color: #fff;}
.links_r a {  font-size: 15px; color: #666 !important;}
.linkTagcs li a {font-weight: lighter;}



/* footer */
.footer {background:#282f36;position: relative;clear: both; overflow: hidden;color: #fff;}
.footer_w1 {position: relative;}
.footer_w {overflow: hidden;padding:5% 0 3% 0%;}
.cr_tel{ padding-bottom: 15px;}
.cr_tel b{float: left;font-size:18px; color:#fff; font-weight:  lighter; line-height: 50px;
    margin-left: 10px;
    margin-top: 10px;}
.cr_tel img {float: left; display: block;  }
.cr_tel em {display: block;font-size: 40px;color: #fff;font-weight: bold; line-height: 40px;}


.footer-nav {float: right;width:100%;text-align: right;}
.footer-nav ul,.footer-nav li {list-style: none;margin: 0;padding: 0;}
.footer-nav ul {text-align: left;margin-left:7rem;overflow: hidden;display: inline-block;vertical-align: top;}
.footer-nav ul:first-child {margin-left: 0;}
.footer-nav .title-1 {font-weight: bold;}
.footer-nav li {margin-top:0.8rem;}
.font20{font-size: 20px; font-weight: normal;position: relative;display: flex; margin-bottom: 30px;}
.font20::after{content: ''; width: 30px; height: 2px; position: absolute;left: 0; top: 40px;background: #c9ccd0;}
.footer-nav ul:hover strong:after{content: "";position: absolute;  top: 40px; width: 77px; height: 2px; background-color: #2269e5; left:0px; transition: 0.5s; }

.flh30 {line-height: 30px;}
.font16 {font-size: 16px;}
.footer-nav li a{display: block;color: #aaa; font-size: 15px;}
.footer-nav li a:hover {color: #fff;}
.footer-nav .contact-1 {overflow: hidden;}
.footer-nav .contact-us-1 {color: rgba(255, 255, 255, 0.6);margin-top: 2rem;}
.footer-nav .contact-us-1 strong{font-weight: normal;}
.footer-nav .contact-us-1 p:first-child {padding: 0;margin: 0;}
.footer_w2 {border-top: 1px solid rgba(255, 255, 255, 0.1);padding:1.8% 0 50px 0;position: relative;}
.footer-copy {color: rgba(255, 255, 255, 0.6);position: relative;}
.footer-copy a {color: rgba(255, 255, 255, 0.6);}
.footer-copy a:hover {color: #fff;}
.footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer-link li {list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;position: relative;width: 30px;height: 30px;margin-left: 15px;}
.footer-link .ewmshow-1 {background: #fff;padding: 5px;width: 90px;height: 90px;overflow: hidden;position: absolute;bottom: 100%;left: 50%;border-radius: 4px;margin-left: -50px;display: none;}
.footer-link li:hover .ewmshow-1{display: block;}


.footer_f {float: left; width: 28%;}
.footer_r {float: right;width:72%;}

.footer-contact {margin-top:12px;}
.footer-social {margin-top:60px;} 
.footer-social li {display: inline-block;vertical-align: middle;margin-right:18px;position: relative;}
.footer-social li:first-child {margin-left: -.3%;}
.footer-social li a{position: relative;display: block;width: 2rem;height: 2rem;opacity: .3;}
.footer-social li a:hover {opacity: 1;}
.footer-social li:hover .ewmshow-1{display: block;}

.footer-copy,.footer_w2 a{color: rgba(255, 255, 255, 0.6);}
.footer_w2 a:hover {color: #fff;}


.social {padding-top:0px;clear: both;}
.social a {    position: relative;
    font-size: 13px;
    color: #fff;
    transition: 0.3s all ease-in-out;
    float: left;
    margin-right: 15px;
    margin-top: 28px;
    border: 1px solid #525b65;
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    line-height: 36px;
    border-radius: 5px;}
.social a img{ display: block}
.social a i{ font-size: 20px; color: #d4d4d4;}
.social a:hover{ }
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social a:hover { background: #2269e5;  color: #fff;}
.social .ewm { position: absolute; width: 150px; bottom: 45px; right: -83px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }

.social .ewm img { display: block; width: 100%; height:auto; }
.saj-footer .bottom{clear: both;padding:30px 0;overflow: hidden;font-size: 12px;color: #999;order-top: 1px solid #313131;}
.saj-footer .bottom a{color: #999; font-size:15px;}
.saj-footer .bottom .left{color: #999; font-size:15px;}
.left .tel div{color:#999; font-size:15px; line-height:25px;}

.ft-bottom{padding:14px 0;}
.ft-bottom .copyright{float: left;font-size: 14px;color: rgba(255, 255, 255, 0.6);}
.ft-bottom .copyright p{color: rgba(255, 255, 255, 0.6);}
.ft-bottom .copyright span{display: inline-block; color: rgba(255, 255, 255, 0.6);}
.ft-bottom .copyright a{color: rgba(255, 255, 255, 0.6); font-weight:normal; font-size: 14px;}
.ft-bottom .copyright a:hover{color: #2269e5;text-decoration: underline;}
.font16 p i {
    font-size: 20px;
    padding-right: 10px;}


/*右侧浮动*/
.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(//memberpic.114my.cn/gdlonghan/uploadfile/image/20231212/20231212092526_1107431948.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: #2269e5; }/*颜色更改*/
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 10px; background-color: #2269e5; border: solid 1px #2269e5; position: relative;     margin-bottom: 2px;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #2269e5; border-color: #2269e5; color: #fff; margin: 10px 0 7px;}/*颜色更改*/
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; 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: 18px; height: 18px; background-position: -30px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 22px; background-position: -5px -54px;  font-size: 24px;  padding-left: 0px; color: #fff; }
.y-kefu-box01 .kf-weChat p {  margin-top: 5px; color: #fff; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 p{color: #333;}
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -50px; color: #fff; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -30px -98px; }
.y-kefu-box01 .show-status>a p { color: #fff;}
.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: #fba21d; border-color: #fba21d;}/*颜色更改*/
.y-kefu-box01 .hver:hover>p{ color: #fff; }
.y-kefu-box01 .show-status>div 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:#2269e5; }
.y-kefu-box01 .mobile-infos p { color: #2269e5  !important; 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: 120px; height: 120px; 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:#2269e5; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #2269e5; 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:#2269e5;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }