body{ font-size: 16px;}
.w90{ width: 90%; margin: 0 auto;}
.w80{ width: 80%; margin: 0 auto;}

.idx-banner{background-color:#fff;height:100vh}
.idx-banner .swiper-container{width: 100%; z-index: 0; height: 100%;}
.idx-banner .swiper-slide{background-color: rgba(255,255,255,.5);}
.idx-banner .swiper-wrapper, .idx-banner [data-swiper-parallax]{will-change:transform}
.idx-banner .headbg{position:absolute;z-index:0;width:100%;height: 100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .headbg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%);background-image:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);z-index: 1;}
.idx-banner .swiper-slide-active .headbg{-webkit-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}
.idx-banner .swiper-slide .txt{ display: flex; justify-content: center; flex-direction: column; position: absolute; left:10%; height: 100%;z-index: 5; width: 50%;}
.idx-banner .swiper-slide .txt .f150{ animation: fadeOutUp 2s; -webkit-animation: fadeOutUp 2s;  animation-fill-mode: both;opacity: 0; }
.idx-banner .swiper-slide .txt .bot{ animation: fadeOutDown 2s; -webkit-animation: fadeOutDown 2s; animation-fill-mode: both; opacity: 0;}
.idx-banner .swiper-slide-active .txt .f150{ animation: fadeInDown 1.5s; animation-fill-mode: both; -webkit-animation: fadeInDown 1.5s; opacity: 1;}
.idx-banner .swiper-slide-active .txt .bot{ animation: fadeInUp 1.5s; animation-fill-mode: both; -webkit-animation: fadeInUp 1.5s;opacity: 1;}
.idx-banner .pagination{ position: absolute; bottom: 0; right: 5vw; background-color: rgba(255, 255, 255, 0.8); height: 100px; padding:  0 60px; width: 30vw;}
.idx-banner .pagination .prev,.idx-banner .pagination .next{ width:60px; height: 60px;}
.idx-banner .pagination .prev:hover .iconfont,.idx-banner .pagination .next:hover .iconfont{ color: #20a518;}


.idx-banner .swiper-pagination{ width: auto; bottom: 8vh; left:calc(10vw + 15px);}
.idx-banner .swiper-pagination-bullet{ background-color: #fff; margin: 0 !important; margin-right: 32px !important; opacity: 1; position: relative;}
.idx-banner .swiper-pagination-bullet::after{width: 30px;height: 30px;border: 1px solid #20a518;border-radius: 50%;display: block;content: '';position: absolute;top: -12px;left: -12px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transition:all .36s ;-webkit-transition:all .36s ;-moz-transition:all .36s ;-ms-transition:all .36s ;-o-transition:all .36s ;}
.idx-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #20a518;}
.idx-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

header{ border-bottom: 1px solid rgba(255, 255, 255, 0.4); position: fixed; top: 0; left: 0; width: 100%; z-index: 100; color: #fff;}
header .icon2{ display: none;}
header div { position: relative; z-index: 5;}
header.bg { color: #333; box-shadow: 0 0 10px rgba(0,0,0,.15);}
header.bg .icon2{ display:block;}
header.bg .icon1{ display: none;}
header::before{ width: 100%; height: 0; z-index: 1; transition: all .36s; position: absolute; top: 0; left: 0; display: block; content: ''; background-color: #fff; color: #333; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
header.bg::before{ height: 100%;}

nav{ font-size: 18px; width: 60%;}
nav a{ line-height: 100px; display: inline-block; position: relative;}
nav li.on a::after{ width: 100%; height: 3px; background-color: #20a518; content: ''; display: block; position: absolute; left: 0; bottom: 0;}
nav li{ position: relative;}
nav li dl{position:absolute;text-align: center; width: 130px;  top:110px;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15);
	border-bottom-left-radius:5px;border-bottom-right-radius:5px; z-index: 10;
}
nav li dl dd{white-space: nowrap;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
nav li dl dd:last-child{border-bottom:0}
nav li dl dd a{ padding: 0 10px;  font-size:16px; height:50px;line-height:50px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
nav li dl dd:hover{background:#20a518}
nav li dl dd:hover a{color:#fff!important;}
nav li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #fff;top:-9px;left:50%;margin-left:-9px}
nav li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }


.h_nav{ height: 60px; width: 60px; background-color:#20a518; padding: 18px 8px ;    align-items: flex-end; display: none;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite;  }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }


.nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}

.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }

.idxAbout{ background: url(../images/bg1.png) no-repeat top left #f9faff;}
.numUl i{ background-color: #ededf0;  width: 35px; height: 35px;   border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.videoBox{ position: absolute; top: 0; left: 20%; border-left: 1px solid  rgba(255, 255, 255, 0.4)}
.videoBox .paly{ width: 100px;  margin-left: -50px;  cursor: pointer; background: #fff; border-radius: 50%; height: auto;box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);animation: ripple-wave1 1s linear infinite;animation-play-state: running;opacity: 1;visibility: visible;transform: scale(1);-webkit-animation: ripple-wave1 1s linear infinite; transform: scale(0.8);}
@keyframes ripple-wave1{	to {		box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1),0 0 0 45px rgba(255, 255, 255, 0.02);	}
}


div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }
div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s;text-align: center;line-height: 40px;z-index: 9999;position: absolute;background: #000;border: 2px solid #fff;width: 50px;height: 50px;border-radius: 50%; opacity: 0.5;right: -20px;top: -25px;}
div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}
.idxAboutmore{ width: 230px; height: 65px; border-color: #000;}
.idxAboutmore span{ position: relative; z-index: 5;}
.idxAboutmore::before{ width: 100%; height: 100%; transition: all .36s; position: absolute; z-index: 1; left: 0; top: 0; background-color: #20a518; display: block; content: ''; transform: scale(0,1); -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxAboutmore:hover{ color: #fff; border-color: #20a518; box-shadow: 0 0 15px rgba(32, 165, 24, 0.6);}
.idxAboutmore:hover::before{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }

.idxPro{ background: url(../images/bg3.jpg) no-repeat center center; background-size: cover;}
.idxproItem ul{  width: 80%;height: 0;padding-bottom: 80%;position: relative;  position: absolute; top: 10%; left: 10%;}
.idxproItem ul a{ display: none; width: 100%; height: 100%; position: absolute;  }
.idxproItem ul a img.pic{ width: 100%; height: 100%; object-fit: cover; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.idxproItem ul a.on{ display: block;}
.idxproItem .more{ width: 230px; height: 65px; border-radius:0 25px 0 25px ; -webkit-border-radius:0 25px 0 25px ; -moz-border-radius:0 25px 0 25px ; -ms-border-radius:0 25px 0 25px ; -o-border-radius:0 25px 0 25px ; }
 .w55{ width: 55%;}
.idxPro .title{ position: absolute; top:0; left: 45%;}
.idxproItem .more:hover{ background-color: #20a518; color: #fff; border-radius: 0; box-shadow: 0 0 20px rgba(255, 255, 255, 0.4); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.idxproTab .yuan{ width: 74px; height: 74px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxproTab .yuan::after{ width: 120%; height: 120%; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%;  position: absolute; display: block; content: ''; left: -10%; top: -10%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxproTab .dian{ width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxproTab::before{ display: block; content: ''; width: 100%; position: absolute; height: 1px; top: 52%; left:0 ; background-color: rgba(255, 255, 255, 0.4); }
.idxproTab li { cursor: pointer;}
.idxproTab li .yuan,.idxproTab li .dian{ opacity: 0; transform:scale(0) ; transition: all .36s; -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ; -o-transform:scale(0) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxproTab li.on .yuan,.idxproTab li.on .dian{ opacity: 1; transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }

.idxNewClass a{ color: #888; padding: 6px 30px;}
.idxNewClass a.on{ background-color: #20a518; color: #fff; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.idxNewsItem{ display: block;}
.block{display: block;}
.inline-flex{ display: inline-flex;}
.idxNewsItem:hover { color: #20a518;}
.idxNewsItem:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.idxNewsItem  span::before{ display: block; content: ''; background-color: #20a518; transition: all .36s; width: 0; height: 2px; margin-right: 5px; position: absolute; top: 50%; left: 0; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxNewsItem:hover span::before{ width: 50px;}
.idxNewsItem:hover span{ padding-left: 60px;}
.idxNewRight .txt{ width: 80%; right: 0; position: absolute; bottom: -20%; border-radius: 50px 0 0 0; -webkit-border-radius: 50px 0 0 0; -moz-border-radius: 50px 0 0 0; -ms-border-radius: 50px 0 0 0; -o-border-radius: 50px 0 0 0; }
.logoIcon{ position: absolute; top: 0; right: 0; opacity: 0.1;}
.idxNewRight .bot{ background: rgba(0,0,0,.1);}
.idxNewRight:hover .txt{ box-shadow: 0 0 20px rgba(32, 165, 24, 0.6); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

footer{ background-color: #292929; color: #fff;}
footer dt{ margin-bottom: 15px;}
footer dd a{ color: rgba(255, 255, 255, 0.6);}
.friendlink a{ margin-right: 15px;}
footer .bot{color: rgba(255, 255, 255, 0.6); border-top: 1px solid rgba(255, 255, 255, 0.1);}
footer  a:hover{ color: #fff;}


.page-aside { position: fixed; right: -6px; bottom: 180px; transform: translateX(100%); z-index: 25; opacity: 0; transition: transform .3s, opacity .3s; -webkit-transition: transform .3s, opacity .3s; -moz-transition: transform .3s, opacity .3s; -ms-transition: transform .3s, opacity .3s; -o-transition: transform .3s, opacity .3s; }
.page-aside.show {transform: translateX(0);opacity: 1}
.page-aside .img {max-width: 100%}
.page-aside-item {width: 54px;text-align: center;height: 50px;position: relative;z-index: 1;cursor: pointer;display: block;background-color: rgba(0, 0, 0, .5);margin: 4px 0;border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;padding-right: 6px;transition: transform .3s;display: flex;align-items: center;justify-content: center}
.page-aside-item .icon {width: 24px}
#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; display: none;}
#toolbar a {width: 25%;padding: 10px 0;text-align: center;color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#toolbar img{ height: 20px; margin-bottom:5px;}

.newBan{ margin-top: 100px;}
.detailTop,.newdeatilTop{ margin-top: 100px;}
.neiImg{ max-height: calc(100vh - 100px); width: 100%; object-fit: cover;}
.newBan .tuo{ height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.newBan .txt{  width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; padding-left: 10%; justify-content: center;}
.sendNav{   position: absolute; z-index: 5; width: 80%; left: 10%; bottom: 8%; }
.sendNav a{  line-height: 100px; display: block; width: 12.5%;}
.sendNav a:hover{ color: #20a518;}

.introduce{ background: url(../images/bg1.png) no-repeat left top #f9faff;}
.introduce .con{ width: 100%; padding-left: 10%;}
.vision{ background: url(../images/bg2.jpg) no-repeat center center; background-size: cover; width: 100%; }
.vision li{ width: calc(100% / 3);height:800px ; align-items: center; padding-top: 225px; border-right: 1px solid rgba(255, 255, 255, 0.1) ; overflow: hidden;perspective: 200px;}
.vision li div{ position: relative; z-index: 5;}
.vision li::after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .3); display: block; content: ''; 
	transform-origin : 0 100% 0; transition: all .5s;transform: rotateY(45deg); opacity: 0;}
 .vision li:hover::after{transform: rotateY(0); opacity: 1;}
.developmentSection .btn{ position: absolute; left: calc(60% + 50px); z-index: 25; bottom: 50px;}
.developmentSection  .btn .prev,.developmentSection .btn .next{ width: 60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } 
.developmentSection  .btn .prev:hover,.developmentSection .btn .next:hover{ background-color: #20a518 ;  color: #fff;}

.honor .swiper-container .img{ width: 100%; height: 360px; cursor: pointer;}
.honor .swiper-container .img img{ max-height: 100%;  max-height: 100%; object-fit: cover;}
.honorLeft,.honorRight{
  width: 70px;
  height: 70px;
  border: 1px solid #ddd;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  transition:all .36s ;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition:all .36s ;
  -moz-transition:all .36s ;
  -ms-transition:all .36s ;
  -o-transition:all .36s ;
}
.honorLeft{ left: -100px;}
.honorRight{ right: -100px;}
.honorLeft:hover,.honorRight:hover{ background-color: #20a518; color: #fff;}
.zhanwei{ padding-top: 110px; margin-top: -110px;}

.styleItem:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.procenterTop{ border-radius: 30px; box-shadow: 0 0 25px rgba(0, 0, 0, .15); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.procenterItem  .f34{ line-height: 1; margin-top: -.8em; position: relative; z-index: 5;}
.procentermore{ width: 185px; height: 50px; border-radius:0 25px 0 25px ; -webkit-border-radius:0 25px 0 25px ; -moz-border-radius:0 25px 0 25px ; -ms-border-radius:0 25px 0 25px ; -o-border-radius:0 25px 0 25px ; }
.procenterItem .title{ position: absolute; top:0; left: 45%;}
.procentermore:hover{ background-color: #fff; color: #20a518; border: 1px solid #20a518; border-radius: 0; box-shadow: 0 0 20px rgba(255, 255, 255, 0.4); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

.prolist li{ transition: all .36s; width: 32%; margin-bottom: 50px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); overflow: hidden; margin-right:2% ; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.prolist li:nth-child(3n){ margin-right: 0;}
.prolist li .img img{ width: 100%; height: 390px; object-fit: cover;}
.prolist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.prolist li:hover { color: #20a518;}
.prolist li:hover .procentermore{ transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); }

.detailTop{ background: url(../images/detailtopbg.jpg) no-repeat center center; background-size: cover;}
.location{  border-color: #e5e5e5; }
.kefu{ width: 100%; position: absolute; left: 0; bottom: 0;}
.light{ position: absolute; left: -100%; top: 0; width: 100%; height: 100%; transform: skewx(-25deg);
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));}
.light-tri:hover .light{ left: 100%; transition: 1s;}
.light-tri:hover{ box-shadow: 0 0 10px rgba(43 ,23, 110, .5);}

.newsPage{  border-top: 3px solid #f1f1f1; }
.newsPage a.ye{ width: calc((100% - 250px) / 2);}

.backlist{ width: 230px; height: 60px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }

 
.newslist li{ position: relative;}
.newslist li::after{ width:0; height: 2px; position: absolute;background-color: #20a518; bottom: 0; left: 0; display: block; content: ''; transition: all .36s;}
.newslist li:hover{ color: #20a518;}
.newslist li:hover .more{ background-color: #20a518; color: #fff; padding: 5px 20px;}
.newslist li:hover img{ transform: scale(1.1);}
.newslist li:hover::after{ width: 100%;}



.newsLeft{ width: 64%;}
.newsLeft img{ margin: 5px auto;}
.newsRight{ width: 31.5%;}
.newsRight .title{ border-left: 3px solid #20a518;}
.newsRight li .img{ width: 185px; height: 115px; object-fit: cover;}
.newsRight li .txt{ width: calc(100% - 210px);}
.newsRight li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newsRight li:hover { color: #20a518;}

.newsdtial img{ margin: 5px auto;}
.icon3{ position: absolute; top:-0px ; left: -120px;}

.jobItem div,.jobItem img{ z-index: 5; position: relative;}
.jobItem img{ width: 75%;}
.jobItem::before{ width: 100%; height: 100%; display: block; content: ''; transform: translateY(-100%); transition:all .36s ; background-color: #f9faff; position: absolute; top: 0; left: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.jobItem:hover::before{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.jobItem:hover img{ border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }

.jobBox{ background: url(../images/bg8.jpg) no-repeat center center; background-size: cover;}

.joinList{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.joinList dl{ border-bottom: 1px solid #e5e5e5;}
.joinList dl dd{ display: none;}
.joinList dl.on .tit{ color: #1f61c0;}

.jobidea{ width: 50%;}

.contactUl li{ max-width: 25%;}
.map{ height: 690px;}
.borderr{ border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }


.searchform .keys{ width: 640px; height: 74px; line-height: 74px; padding: 0 20px;}
.searchform .submitbtn{ background: url(../images/search-w.png) no-repeat center center  #20a518;  width: 74px; height: 74px; cursor: pointer;}

.searchlist  a::before{ width: 0; transition:all .56s ; height: 1px; display: block; content: ''; background-color: #20a518; position: absolute; bottom: 0; left: 0; -webkit-transition:all .56s ; -moz-transition:all .56s ; -ms-transition:all .56s ; -o-transition:all .56s ; }
.searchlist .text{ width: 85%;}
.searchlist  .text .tip{ border: 1px solid #20a518; transition:all .36s ; color: #20a518; font-size: 16px; padding: 1px 15px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.searchlist .icon{ width: 50px; height: 50px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.searchlist a:hover::before{ width: 100%;}
.searchlist a:hover{ color: #20a518;}
.searchlist a:hover .text .tip{ background-color: #20a518; color: #fff; border-color: #20a518;}
.searchlist a:hover .icon{background-color: #20a518; border-color: #20a518; color: #fff;}