/*公用*/
@font-face {
font-family:fontDin1;
src: url(http://www.gdyijianghb.com/cssnew/DIN-MEDIUM_otf.txt),url(http://www.gdyijianghb.com/cssnew/DIN-MEDIUM_woff.txt),url(http://www.gdyijianghb.com/cssnew/DIN-MEDIUM_eot.txt),url(http://www.gdyijianghb.com/cssnew/DIN-MEDIUM_woff2.txt),url(http://www.gdyijianghb.com/cssnew/DIN-MEDIUM_ttf.txt)}
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1400px; overflow-x:hidden; background-color: #fff;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #00af3c; cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.page,.w1400{ margin:0 auto;width: 1400px; }
.w1400{width:1400px; margin:0 auto;}
.fr{ float:right;}
.fl{ float: left;}
*,:after,:before{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.title{text-align: center;font-size: 40px;color: #333;}
.title em{color: #00af3c;}
.title span{display: block;font-size: 18px;color: #9a9b9d;margin:14px 0 26px 0;}
.title i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.title i::after,.title i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.title i::after{right: 0px;left: inherit;background:#00af3c;animation:allTitleAfter 3s infinite linear;}
.title i::before{background:#00af3c;animation:allTitleBefore 3s infinite linear;}
.title t{width: 30px;height: 5px;background:#dd070e;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}

/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}


.hovermaincolor a:hover{ color:#00af3c;}
/*抬头*/
.header{ border-top:1px solid #eee;  background:#fff; height:110px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.hright,.hright nav ul,.hlogo{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.hsecond{ height:110px; padding:15px 0 15px 40px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.hleft,.nav>ul,.hright{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;}
.hline{ width:1px; height:50px; background:#e7e7e7;  margin: 9px 20px 0px 20px;}
.hmean{ padding-left:4px; padding-top: 4px;}
.hmean em{ font-size:15px; color:#888; font-weight:100; letter-spacing: 3.2px;}
.hmean b{ display:block; font-size:25px; color:#333;}
.hmean b i{ font-size:45px; color:#00af3c; font-family: Din; display:inline-block; vertical-align:sub; line-height:45px;}
.nav ul li{ position:relative; margin-right:60px; margin-top: 3px;}
.nav ul li:nth-child(8){margin-right:25px;}
.nav ul li>a{ display:block; font-size:16px; color:#333;  position:relative;}
.nav ul li>a em{     display: block;  font-size: 12px; color: #ccc; font-weight: lighter; text-align: center; text-transform: uppercase; line-height: 30px;}
.nav ul li>a:after{ content:''; display:block; position:absolute; left:0; right:0; margin:0 auto; width:17px; height:17px; transition:all .3s ease; transform:scale(0); bottom:-35px; background:#00af3c;    border-radius: 50%; border: 3px solid #f9f9f9;  z-index: 999999;} 
.nav ul li.cur>a:after,.nav ul li:hover>a:after{ transform:scale(1);}
.nav ul li.cur>a,.nav ul li:hover>a{color:#00af3c; font-weight:bold;}
.nav>ul>li .dropmenu{width:200%;position:absolute;top:90px;left:-81%;z-index: 99;transform-origin: 0 0;transform: perspective(600px) rotateX(-90deg);transition:600ms ease;}
.nav>ul>li:hover .dropmenu{transform: perspective(600px) rotateX(0deg);transition:600ms ease;cursor:pointer; }
.nav>ul>li .dropmenu a{font-size: 14px;display:block;line-height:40px;text-align:center;color:#fff;background:rgba(0,0,0,.8);transition:600ms ease; margin-top:1px;  width: 170px}
.nav>ul>li .dropmenu a:hover{background:#00af3c;}
.nav>ul>li table,.nav>ul>li tbody,.nav>ul>li tr,.nav>ul>li td{ display:block;}

@media screen and (max-width:1870px){
	.nav ul li{ margin-right:60px;}
	}
@media screen and (max-width:1650px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:80px;}
	}
@media screen and (max-width:1550px){
	.nav ul li{ margin-right:40px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:70px;}
}
@media screen and (max-width:1500px){
	/*.nav ul li{ margin-right:40px;}*/
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:70px;}
	}
@media screen and (max-width:1465px){
	/*.nav ul li{ margin-right:40px;}*/
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:50px;}
	}
@media screen and (max-width:1420px){
	/*.nav ul li{ margin-right:40px;}*/
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:30px;}
	.hmean b{ font-size:19px;}
	.hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;margin-top: 10px;}
        .hmean em{font-size:13px; letter-spacing: 0.8px;}
	}
@media screen and (max-width:1400px){
	/*.nav ul li{ margin-right:40px;}*/
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:30px;   margin-top: 13px}
	.hmean b{ font-size:19px;}
	.hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;margin-top: 10px;}
        .hmean em{font-size:13px; letter-spacing: 0.8px;}
        .nav>ul>li .dropmenu{  left: -102%;}
        .nav ul li>a:after{ bottom: -30px;}
}
@media screen and (max-width:1380px){
	/*.nav ul li{ margin-right:40px;}*/
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:20px;}
	.hmean b{ font-size:18px;  margin-top: 6px;}
	.hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
        .hmean em{ letter-spacing: 0px;}
}
	@media screen and (max-width:1335px){
	.nav ul li{ margin-right:40px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:20px;}
	.hmean b{ font-size:18px;}
	.hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
        .hmean em{ letter-spacing: 0px;}
}

@media screen and (max-width:1300px){
	/*.nav ul li{ margin-right:40px;}*/
	.nav ul li>a{ font-size:14px;}
    .hmean b{ font-size:15px;}
    .hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
}
	
@media screen and (max-width:1270px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
    .hmean b{ font-size:15px;}
    .hmean b i{ font-size:30px;}
	.hmean{
	    font-size:14px;
	    display: none;
	}
}
.iser_box{background: rgba(255,255,255,0.8); position: absolute;top: 100%;right: 0;padding: 30px; transform-origin: top; transform: rotateX(90deg);transition: all 0.5s;z-index: 9;}
.search_l{display:flex;align-items:center;justify-content:end;width:595px;}
.search_l span+span{margin-left:10px;}
.search_l a{color: #666;font-size: 14px;}
.search_r{margin-top:15px;position:relative;}
#infoname{width:100%;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.itel_box{width:228px;}
.itel_box p{padding-left:25px;color:#333;position:relative;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.itel_box em{font-family:'arial';font-size:26px;font-weight: bold;color:#0f7404;margin-top:10px;}

/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#f1f1f1;}
.banner-box{ min-width:1400px; height:660px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:660px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:250px; left: 0; margin-left: 0; height: 420px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../image/20220426160204_643701407.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../image/20220426160204_643701407.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:50px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #00af3c;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8;}

/*搜索*/
.search{ border-bottom:1px solid #eee;}
.search .w1400{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.keyword,.keyword a{ line-height:90px; font-size:16px; color:#888;}
.keyword span{color:#00af3c;}
.searight{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.seatel{ padding:0 40px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-size:14px; color:#888; margin-right:30px;}
.seatel em{ display:block; font-size:22px; font-family:fontDin1; color:#00af3c;}
.seatel span{ display:inline-block; padding-left:48px; background:url(../image/20220426171713_997351137.png) no-repeat left center;}
.search_bg{ width:263px; height:50px; background:#eaeaea; padding:0 20px;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
#infoname{ border:none; background:none; width:230px; height:50px;}

/*服务*/
.char{background:url(../image/20220426183422_1634638216.jpg) no-repeat top;height: 500px;}
.char ul li{float: left;width: 260px;height: 260px;background:#fff; text-align: center; color: #666;padding-top:25px; border: 5px solid #f3f3f3; border-radius: 50%;}
.char ul li+li{margin-left: 25px;}
.char ul li i{font-size: 40px;font-family: fontDin1;}
.char ul li:hover i{ color:#00af3c;}
.char ul li span{display: block;padding: 10px 0 0 0; width:56px; height:60px; background:url(../image/20220426183921_868729339.png) no-repeat;  margin: 0 auto; }
.char ul li:nth-child(2) span{ background:url(../image/20220426183921_1294856452.png) no-repeat;}
.char ul li:nth-child(3) span{ background:url(../image/20220426183921_1000998017.png) no-repeat;}
.char ul li:nth-child(4) span{ background:url(../image/20220426191247_328602509.png) no-repeat;}
.char ul li:nth-child(5) span{ background:url(../image/20220426183921_184513792.png) no-repeat;}

.char ul li:hover span{ background:url(../image/20220426190436_171029735.png) no-repeat;}
.char ul li:nth-child(2):hover span{ background:url(../image/20220426190436_506993933.png) no-repeat;}
.char ul li:nth-child(3):hover span{ background:url(../image/20220426190436_1494415089.png) no-repeat;}
.char ul li:nth-child(4):hover span{ background:url(../image/20220426190436_1867003941.png) no-repeat;}
.char ul li:nth-child(5):hover span{ background:url(../image/20220426190436_1905629653.png) no-repeat;}
.char ul li p{font-size: 22px; line-height: 40px; color:#666;}

.char ul li:hover p{color:#00af3c;}
.char ul li:hover em{color:#00af3c;}
.char ul li em{display: block;font-size: 15px;font-weight: lighter;text-transform: uppercase;line-height: 22px; color:#aaa;}
.gd{animation: myfirst 2s infinite; display: inline-block;}  
 @keyframes myfirst {  0% {  
               transform: translate(0px, 0px);  }  
           50% {  
               transform: translate(0px, -10px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
}


/*产品中心*/
.protop{ height:88px; color:#222; font-size:25px; font-weight:lighter; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.protop p{ display:block; padding-top:23px; padding-left:35px; position:relative; color:#333; line-height:25px; text-align: center}
.protop p:after{ content:""; display:block; width:1px; height:60px; background:#eee; position:absolute; top:14px; right:-30px;}
.protop p span{ display:block; color:#aaa; font-size:12px; text-transform:uppercase;}
.protop div{ margin-left:60px;}
.protop div a{ display:inline-block; color:#666; font-size:16px; line-height:88px; padding-left:30px; position:relative;}
.protop div a+a{ margin-left:40px;}
.protop div a:after{ content:''; display:block; width:18px; height:18px; background:url(../image/20220505091010_297145232.png) left center no-repeat; margin:0 auto; transition:all .3s ease; position:absolute; top:35px; left:0px;}
.protop div a.on{ color:#01a453;}
.protop div a.on:after{ background-position-x:-18px;}

.procon{margin-top: 25px !important;}
.procon td{ display:inline-block; width:335px;padding:15px 15px 0 15px !important; background: #f9f9f9; position:relative; overflow:hidden;}
.procon td>a{ display:block;  overflow:hidden; background:#fff; position:relative;}
.procon td br{ display: none;}
.procon td span{ display:block; padding-top:0px !important; line-height:69px;}
.procon td span a{ display:block; position:relative; font-size:16px; font-weight: lighter;color:#222222; padding:0px 80px 0px 0px; line-height:75px; text-align:left; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.procon td span a:after{ content:'+'; display:block; position:absolute; top:0px; margin:auto 0; bottom:0; right:0px; width:20px; height:20px;  text-align:right; line-height:17px; font-weight: lighter;color:#fff; font-size:16px;transition:all 0.5s ease;background: #999;text-align: center;}
.procon td+td{ margin-left:20px;}
.procon tr+tr{ display:block; margin-top:20px;}
.procon td a,.procon td img{ position:relative; z-index:33; transition:all 0.5s ease;}
.procon td img{ width:100%; height:100%; transition:all .6s ease;  border:1px solid #ebebeb;}
.procon td:hover img{  transform:scale(1.1)}
.procon td:after{ content:''; display:block; position:absolute; width:100%; height:100%; top:0px; left:-120%; background:#01a453; transition:all 0.5s ease;transform: rotate(90deg);}
.procon td:hover a{ color:#01a453;}
.procon td:hover a:after{ color:#01a453;}
.procon td:hover span a:after{color: #fff;background: #01a453;}

/*案例*/
.case{ padding-top:69px; background:url(../image/20220511171218_1935092710.jpg) no-repeat center;width: 100%;height: 728px;}
.casetitle{text-align: center;font-size: 40px;color: #fff;}
.casetitle em{color: #fff;}
.casetitle span{display: block;font-size: 18px;color: #fff;margin:14px 0 26px 0;}
.casetitle i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.casetitle i::after,.casetitle i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.casetitle i::after{right: 0px;left: inherit;background:#fff;animation:allTitleAfter 3s infinite linear;}
.casetitle i::before{background:#fff;animation:allTitleBefore 3s infinite linear;}
.casetitle t{width: 30px;height: 5px;background:#fff;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
.casecon{ padding:40px 40px 0 40px;background: #fff;margin-top: 18px;}
.casecon ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.casecon li dl{ width:300px; height:225px; overflow:hidden; position:relative;}
.casecon li dl+dl{ margin-top:30px;} 
.casecon li dl a img{ width:100%; height:100%;    transition: all .6s ease;}
.casecon li dl:hover a img{ transform:scale(1.1)}
.casecon li dl a p{bottom:0px; left:0px; position:absolute; width:100%; height:55px; overflow:hidden; background:rgba(0,0,0,0.68); font-size:18px; color:#fff; line-height:55px; text-align:center; transition:all 0.5s ease; z-index:999;}
.casecon li:nth-child(2){ margin:0px 30px;}
.casecon li:nth-child(2) dl{ width:640px; height:480px;}
.casecon li dl a:after{ content:''; width:100%; height:100%;background:rgba(0,0,0,0.68); transition:all 0.5s linear; position:absolute; display:block; left:-120%; transform:rotate(90deg); top:0px;}
.casecon li dl a{ display:block;width:100%; height:100%;}


/*优势*/
.adv{height: 775px; background: url(../image/20220511182551_1859831923.jpg)no-repeat center;width: 100%;}
.adv_all{position: relative;width: 100%;height: 615px;}
.advtab{position: absolute;right: 10px;bottom:30px;z-index: 999;}
.advtab li{width: 227px; float: left;text-align: center;cursor:pointer;transition: all .3s ease;z-index: 999;}
.advtab li i{font-size: 23px;color: #666666;font-weight: lighter;transition: all .3s ease;}
.advtab li em{color: #aaaaaa;font-size:12px;text-transform: uppercase;display: block;transition: all .3s ease;}
.advtab li+li{border-left: 1px solid #eee;}
.advtab li span{width: 40px;height: 40px;display: block;margin: 0 auto 10px;transition: all .3s ease;background: url(../image/20220511174022_415846787.png)no-repeat; }
.advtab li:nth-child(2) span{background: url(../image/20220511174022_1348833563.png)no-repeat;}
.advtab li:nth-child(3) span{background: url(../image/20220511174022_1108710236.png)no-repeat;}
.advtab li:nth-child(4) span{background: url(../image/20220511174022_1589151934.png)no-repeat;}
.advtab li.on i,.advtab li.on em{color: #00af3c;}
.advtup img{border-radius: 0 30px 0 0;  margin-top: 13px;}
.advt{padding: 65px 0 0 180px;width: 644px;}
.advt span{display: block;font-size: 30px;color: #222222;font-weight: normal;padding: 20px 0 5px;}
.advt em{font-size: 12px;color: #aaa;font-weight: lighter;letter-spacing: 0px; text-transform: uppercase;}
.advt em:after{content: "";display: block;background: #00af3c;width: 70px;height: 4px;margin: 20px 0 15px;}
.advt p{font-size: 16px;color: #a9a9a9;font-weight: lighter;line-height: 36px;}
.advtel{margin-top: 35px;}
.advtel i{font-size: 30px;color: #666666;padding-left: 15px; font-family: fontDin1;}
.advtel a{display: block;background: url(../image/20220511174204_545119258.png)no-repeat 20px center;width: 166px;height: 64px;line-height: 50px;border-radius: 50px;border: 8px solid #f3f3f3;text-align: center;font-size: 18px;color: #666;padding-left: 30px;}
.advtel a:hover{background:#00af3c url(../image/20220511174204_385294586.png)no-repeat 20px center;color: #fff;border: 8px solid #00af3c;}
.advcon{z-index: 0;}


/*简介*/
textarea {  animation: animated 1s infinite;  -moz-animation: animated 1s infinite; -webkit-animation: animated 1s infinite;  -o-animation: animated 1s infinite;}
input[type="text"] { animation: animated 1s infinite; -moz-animation: animated 1s infinite; -webkit-animation: animated 1s infinite;  -o-animation: animated 1s infinite;}
input[type="button"] {  cursor: url(http://www.gdyijianghb.com/images/Acur.png), default !important;}
input,
button {
  outline: none;
}
@keyframes animated {
  0% {
    cursor: url('../images/Pcuro1.png'), auto;
  }
  8.8% {
    cursor: url('../images/Pcuro2.png'), auto;
  }
  17.6% {
    cursor: url('../images/Pcuro3.png'), auto;
  }
  26.4% {
    cursor: url('../images/Pcuro4.png'), auto;
  }
  35.2% {
    cursor: url('../images/Pcuro5.png'), auto;
  }
  44% {
    cursor: url('../images/Pcuro6.png'), auto;
  }
  52.8% {
    cursor: url('../images/Pcuro7.png'), auto;
  }
  61.6% {
    cursor: url('../images/Pcuro8.png'), auto;
  }
  70.4% {
    cursor: url('../images/Pcuro9.png'), auto;
  }
  79.2% {
    cursor: url('../images/Pcuro10.png'), auto;
  }
  88% {
    cursor: url('../images/Pcuro11.png'), auto;
  }
  100% {
    cursor: url('../images/Pcuro12.png'), auto;
  }
}
.wjdh-message * { -webkit-box-sizing: content-box;  -ms-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}
.left { float: left;}
.right { float: right;}
.inContent {  width: 1400px;  margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inContent:after { content: ""; display: block; clear: both;  font-size: 0; line-height: 0;}
.inContent * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}

.button { --duration: 0.5s;  --move-hover: -5px;  cursor: pointer; -webkit-transform: translateY(var(--y)); transform: translateY(var(--y));  transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease; transition: transform var(--duration) ease, box-shadow var(--duration) ease; transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;  -webkit-tap-highlight-color: transparent;  -webkit-appearance: none;}
.button span { display: inline-block;}
.button span i {  display: inline-block; -webkit-backface-visibility: hidden;  backface-visibility: hidden;  font-style: normal;}
.button span i:nth-child(1) { --d: 0.05s;}
.button span i:nth-child(2) { --d: 0.1s;}
.button span i:nth-child(3) { --d: 0.15s;}
.button span i:nth-child(4) { --d: 0.2s;}
.button span i:nth-child(5) { --d: 0.25s;}
.button span i:nth-child(6) { --d: 0.3s;}
.button span i:nth-child(7) { --d: 0.35s;}
.button span i:nth-child(8) { --d: 0.4s;}
.button span i:nth-child(9) { --d: 0.45s;}
.button span i:nth-child(10){ --d: 0.5s;}
.button span i:nth-child(11){ --d: 0.55s;}
.button span i:nth-child(12){ --d: 0.6s;}
.button span i:nth-child(13){ --d: 0.65s;}
.button span i:nth-child(14){ --d: 0.7s;}
.button:hover { --move: -5px;}
.button:hover i { -webkit-animation: move var(--duration) linear var(--d);animation: move var(--duration) linear var(--d);}
@-webkit-keyframes move {
  40% {
    -webkit-transform: translateY(var(--move));
    transform: translateY(var(--move));
  }
}
@keyframes move {
  40% {
    -webkit-transform: translateY(var(--move));
    transform: translateY(var(--move));
  }
}
@keyframes msClock2 {
  0%,
  70%,
  100% {
    transform: rotate(0) scale(1);
  }
  10%,
  30% {
    transform: rotate(-15deg) scale(1);
  }
  20%,
  40% {
    transform: rotate(15deg) scale(1);
  }
}

.about { background: url(../image/20220511115032_908567984.jpg) center bottom no-repeat;  height:820px;}
.abouttitle { line-height: 1;}
.abouttitle i { display: block;  font-weight: bold; font-size: 70px; line-height: 58px; text-shadow: 0px 21px 5px rgba(7, 40, 31, 0.08);}
.abouttitle span { display: block;  font-size: 24px;  margin-top: 25px;}
.about .aboutBox { height: 778px;}
.about .aboutText {  float: left;  width: 750px; margin-top:75px;}
.about .aboutText .line { margin-top: 34px;  height: 1px; background-color: #333333;  opacity: 0.1;}
.about .aboutText .tit { font-size: 18px; line-height: 1; margin-top: 32px;  letter-spacing: 11px; font-weight:bold; color: #00af3c;}
.about .aboutText .text {  font-size: 14px; display: -webkit-box;  -webkit-line-clamp: 4; line-height: 40px; height: 144px; color: #888;  margin-top: 22px; text-align: justify; -webkit-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}
.about .aboutText .more {  margin-top: 105px;  display: inline-block; line-height: 24px;  height: 24px;  font-family: Arial; font-size: 18px;  -webkit-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; z-index: 1; padding-left: 12px;  position: relative;}
.about .aboutText .more i {  min-width: 6px;}
.about .aboutText .more:after {  content: "";  display: block;  position: absolute; left: 0; top: 0; border-radius: 100%; width: 24px; height: 24px; background-color: #333; -webkit-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; z-index: -1;}
.about .aboutText .more:before {  content: ""; display: inline-block; vertical-align: top; height: 24px;  width: 34px;  background: url(../image/20220511115121_518984701.png) 0 center no-repeat;  margin-right: 20px;  -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.about .aboutText .more:hover {  color: #00af3c;}
.about .aboutText .more:hover:after { background-color: #00af3c;}
.about .aboutText .more:hover:before {  animation: zyfd 1.5s linear infinite;}
.about .aboutText .tel {  margin-top: 115px; color: #ffffff; font-size: 16px;}
.about .tel .t1,
.about .aboutText .tel .t1 {  height: 36px;  line-height: 36px; font-size:18px; color:#fff;}
.about .tel .t1:before,
.about .aboutText .tel .t1:before {  content: ""; display: inline-block;  width: 36px; height: 36px; vertical-align: top; margin-right: 10px;  animation: msClock2 1.5s linear infinite;  background: url(../image/20220511115121_1961917815.png) center center no-repeat;  margin-right: 20px;}
.about .tel .t1 i,
.about .aboutText .tel .t1 i {  font-size: 30px;  font-family: Din; vertical-align: middle;  display: -webkit-inline-box; color:#fff; margin-top: -5px;}
.about .tel .t2,
.about .aboutText .tel .t2 {  line-height: 1; font-size: 18px;  letter-spacing: 14px; margin-top: 10px; color:#fff;}
.about .aboutPic { float: right; position: relative;}
.about .aboutPic .pic { width: 592px;  height: 585px;  border: 20px #fff solid; overflow: hidden; margin-top:65px;}
.about .aboutPic .pic img { display: block; width: 552px;  height: 634px;}
.about .aboutPic .honor img { width: 100%;  height: 100%; object-fit: contain;}
.about .aboutPic .honor:hover {  box-shadow: 0 15px 15px -10px rgba(43, 194, 154, 0.5);}
.about .aLink { position: absolute;  bottom: 0;  right: 0;}
.about .aLink a {  float: left;  margin-left: 112px;  text-align: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.about .aLink a:first-child { margin-left: 0;}
.about .aLink a i {  width: 60px; height: 60px;  display: block; border-radius: 50%; overflow: hidden; margin: auto;}
.about .aLink a i:before,
.about .aLink a i:after {  content: ""; display: block; width: 100%; height: 100%; position: relative;  top: 0;  -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.about .aLink a i.ico1:before,
.about .aLink a i.ico1:after {
  background: url(../image/20220511133303_125839392.png) center center no-repeat;
}
.about .aLink a i.ico2:before,
.about .aLink a i.ico2:after {
  background: url(../image/20220511133303_1598551573.png) center center no-repeat;
}
.about .aLink a i.ico3:before,
.about .aLink a i.ico3:after {
  background: url(../image/20220511133303_243480573.png) center center no-repeat;
}
.about .aLink a i.ico4:before,
.about .aLink a i.ico4:after {
  background: url(../image/20220511133303_1254597916.png) center center no-repeat;
}
.about .aLink a span { display: block; margin-top: 20px;  line-height: 1; color: #ffffff; font-size: 16px;}
.about .aLink a:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.about .aLink a:hover i { -webkit-animation: hvr-icon-wobble-vertical 1s;  -moz-animation: hvr-icon-wobble-vertical 1s;  animation: hvr-icon-wobble-vertical 1s;}

/*新闻*/
.news_dl {width: 400px; }
.news_dlt { height: 130px; padding: 40px 30px; color: #fff;  position: relative; background: url(../image/20220511133812_1664146599.png)no-repeat center; }
.news_dlt p { font-size: 28px; line-height: 30px; color:#fff; }
.news_dlt span { font-size: 14px;  line-height: 25px;  color: #fff;}
.news_dlt a {  display: block; width: 40px;  height: 40px;  line-height: 40px;  color: #fff;font-size: 20px;text-align: center;position: absolute;top: 48px;right: 30px;background: #00af3c;border-radius: 100%;}
.news_dlm {margin-top: 18px;width: 100%;overflow: hidden;height: 300px;background: #333;}
.news_dlw a {display: block;}
.news_dlw a p {font-size: 18px;color: #343434;line-height: 50px;padding-top: 12px;}
.news_dlw a t {display: block;font-size: 15px;font-weight: 100;color: #999;}
.news_dlw a span {font-size: 14px;font-family: arial;line-height: 30px;position: relative;text-align: right;color: #999;display: block;width: 100%;height: 30px;font-style: normal;margin-top: 25px; }
.news_dlw a span:after {content: '';width: 65px;height: 1px;top: 14px;background: #ccc;display: block;position: absolute;-webkit-transition: 0.3s all ease;transition: 0.3s all ease; }
.news_dlw a:hover span:after {background: #00af3c;width: 100px;}
.news_dr {width: 960px;height: 580px;border: 1px #eee solid;}
.news_tit a {font-size: 28px;color: #fff;display: block;line-height: 30px;position: relative;}
.news_tit a .en {font-size: 14px;font-family: arial, microsoft yahei;display: block;line-height: 25px;font-weight: 100;text-transform: capitalize;}
.news_r2_cont_i strong {font-size: 16px;font-weight: normal;color: #666666;white-space: nowrap;overflow: hidden;width: 100%;display: block;line-height: 50px;padding: 10px 0 0;text-overflow: ellipsis;}
.news_r2_cont_i p {font-size: 14px;font-weight: 100;color: #999;line-height: 28px;text-align: justify;}
.news_r2_cont_i i:after {content: '';width: 65px;height: 1px;top: 14px;background: #dddddd;display: block;position: absolute;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.news_r2_cont_i * {-webkit-transition: 0.3s all ease;transition: 0.3s all ease}
.news_L {width: 100%;padding: 20px; border:1px solid #eee;}
.news_L .news_div_item_a {font-size: 16px;color: #666666;line-height: 30px; font-weight:bold;}
.news_L .news_div_item_a:hover{ color: #00af3c;}
.news_r2_cont_i:hover i:after {background: #00af3c;width: 100px}
.news_r2_cont_i:hover strong {color: #00af3c;}
.news_r2_cont_i {width: 420px;float: left;margin-right: 50px}
.news_r2_cont_i i {font-size: 13px;font-family: arial;line-height: 30px;position: relative;text-align: right;color: #aaa;display: block;width: 100%;height: 30px;font-style: normal;margin-top: 25px;}
.news_r2_cont_i i em {font-size: 16px; color: #aaa; font-style: normal;font-family: inherit;float: right;}
.news_row2 {padding: 40px 40px;width: 975px;height: 270px;position: relative;overflow: hidden;}
.news_row2 .news_tit a,.news_row3 .news_tit a {color: #343434}
.news_row2 .news_tit a .color,.news_row3 .news_tit a .color {color: #00af3c;font-size: inherit;font-weight: bold;}
.news_row2 .news_tit a .en,.news_row3 .news_tit a .en {color: #999}
.news_row3 {padding: 20px 40px;width: 975px;position: relative;background-position-x: 20px;}
.news_row3 img{ border:1px solid #eee; width:330px; height:251px;}
.news_row3 .fr {width: 530px; margin-top:20px;}
.news_r2_cont_tit {position: absolute;width: 96%;top: 50px;text-align: right;left: 0;}
.news_r2_cont_tit li {width: 10px;height: 10px;background: #dedede;display: inline-block;border-radius: 50px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;margin-right: 3px;cursor: pointer}
.news_r2_cont_tit li.cur {width: 30px;background: #00af3c}
.news_r2_cont {overflow: hidden;}
.news_r3_cont {position: relative;margin-top: 10px;}
.news_r3_cont .news_r3_cont_in a {margin-bottom: 10px;}
.news_r3_cont_i p {background: url(../image/20220511133911_264237852.png) no-repeat left center;font-size: 16px;color: #666;font-weight: normal;padding-left: 40px;line-height: 38px;}
.news_r3_cont_i:hover p{ color: #00af3c;}
.news_r3_cont_i span.small {background: url(../image/20220511133911_1138532871.png) no-repeat left center;font-size: 14px;color: #999;padding-left: 40px;display: block;line-height: 32px;font-weight: 100;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_r3_cont_i {display: block;}
.news_r3_cont_tit {position: absolute;width: 100%;top: -35px;text-align: right;left: 0;}
.news_r3_cont_tit li {width: 10px;height: 10px;background: #dedede;display: inline-block;border-radius: 50px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;margin-right: 3px;cursor: pointer}
.news_r3_cont_tit li.cur {width: 30px;background: #00af3c}.news_L .news_div_item_date {float: right;font-size: 13px;color: #999999;}
.news_L .news_div_item_body {font-size: 14px;color: #999999;line-height: 35px;}
.news_div_item_pic {margin-bottom: 10px; text-align:center;  overflow: hidden;}
.news_L .news_div_item_content {margin-bottom: 15px; }
.news_L .news_div_item {width: 100%;overflow: hidden;position: relative;}
.news_L .news_div_item::before {content: '';position: absolute;bottom: 8px;left: 0;width: 65px;height: 1px;background: #bbbbbb;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.news_L .news_div_item:hover:before {background: #00af3c;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;width: 95px;}
.news_L .news_div_item_date div {display: inline-block; }
.news_L .news_div_item_pic img {max-width: 100%;transition:all .6s ease; }
.news_L .news_div_item_pic:hover img { transform:scale(1.1); }

/*友情链接*/
.links{ height:100px; color:#666; line-height:100px; background:#f3f3f3;}
.links_l{ width:1400px;}
.links p:nth-child(1){ color:#666; font-size:18px; background:url(../image/20220514161352_236817121.png) no-repeat left center; margin-right:10px; padding-left:35px;font-weight: normal;}
.linkTagcs li{ line-height:0px !important;    padding-top: 35px;}
.linkTagcs li a{ color:#666!important;font-size: 14px;}
.linkTagcs li a:hover{ color:#00af3c!important;}
.links p:nth-last-child(1){ color:#666; font-size:22px; font-family:Impact; line-height:40px; text-transform:uppercase;}

/*版权*/
.copyright{ background:#212225;}
.crcon{ padding:50px 0; border-bottom:1px solid #323337;}
.end{ line-height:119px; border-top:1px solid #0a0a0b;}
.end a,.end{ font-size:15px !important;}
.copyright,.copyright a{ font-size:14px; color:#707173;}
.copyright a:hover{ color:#fff;}
.cr_t{ font-size:20px; color:#fff; margin-bottom:30px;font-weight: normal;}
.kslj ul li{ float:left;padding:0 0 0 30px;}
.kslj ul li:nth-child(3){ float:left;padding:0 0 0 0px;}
.kslj ul li:nth-child(2){padding:0 60px; height:150px; margin:0 55px; border-left:1px dashed #343538; border-right:1px dashed #343538;} 
.kslj:nth-child(1) .cr_t{padding-left: 30px;}
.kslj ul li a{ display:block; line-height:38px;}
.crcode ul li{ float:left; text-align:center;} 
.crcode img{ display:block;padding:9px; border:1px solid #3e3f43; margin-bottom:10px; width:160px;}
.crconcat{width: 350px;}
.crcode ul li+li{ margin-left:20px;}
.crcode{ margin-left:140px;}
.cr_phone{ font-size:32px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; line-height:32px;}
.cr_addr{ line-height:38px;}


.banner-box .bd li a{
    height: 100%;
}
.banner-box .bd li a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}