@charset "utf-8";




*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#444; }
a{color:#444; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#006934}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; }
input{-webkit-appearance: none ;}
.green{ color:#006934}

.section{ padding:80px 0 90px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:90px;}
.footer.section{ padding:70px 0;}


#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ position: absolute;  margin-top:-100px;}
.wrap{ width:90%; max-width:1600px; margin:0 auto}
.wrap2{ width:100%; max-width:1920px; margin:0 auto}

.jvzhong{ text-align:center}
.title { margin-bottom:35px;}
.title h4{ font-family:"Times New Roman"; font-size:40px; line-height:40px; color:#bbb; text-transform:uppercase;}
.title h3{font-size:36px;margin-bottom:10px; position: relative;margin-bottom:15px; padding-bottom:20px; color:#000 }
.title h3 span{ font-size:24px; padding-left:15px;}
.title h3:after{ content:""; position:absolute; width:40px; height:1px; background:#000; bottom:0; left:0}
.title.jvzhong h3:after{ left:50%; margin-left:-20px}
.title p{ font-size:20px;}


.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, .item:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


body{ position:relative;}
.mbg{ background:#dff2f2}


.header{width: 100%;top:0;left:0;position:fixed; z-index:999; height:100px;}
.header.scroll, .header:hover{ background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);} 
.header .logo{ float:left;}
.header .logo img{ display:block; height:40px; width:auto; margin:30px 0}
.header .logo .img001{ display:block}
.header .logo .img002{ display:none}
.header.scroll .logo .img001, .header:hover .logo .img001{ display:none} 
.header.scroll .logo .img002, .header:hover .logo .img002{ display:block} 

.header .search{ float:right; margin-right:20px;}
.header .search a{background:url(../images/search.png) no-repeat center center; width:50px; height:100px; display:block; cursor:pointer}
.header.scroll .search a, .header:hover .search a{background:url(../images/search02.png) no-repeat center center;}
.header .search .sub{position:absolute; clear:both;width:100%; display:none; top:100px; left:0;height: 70px;  background: #c1c1c1; z-index:5}
.header .search .sub .subin {width: 100%;margin:15px auto;max-width: 500px;position:relative; z-index:999 }
.header .search .sub .subin #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.header .search .sub .subin #searchBtn {width: 80px;height: 40px;background: #006934;color: #FFF;margin-left: -3px; border:none}
.search-box{ background-color:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; z-index:2; display:none}

.header .language{ float:right; line-height:100px;}
.header .language a{ color:#fff; display:block; background:url(../images/map.png) no-repeat left center; padding-left:30px;}
.header.scroll .language a, .header:hover .language a{background:url(../images/map02.png) no-repeat left center;color:#666; }
.header .language a:hover{color: #006934 !important; }
.header .menu { float:right; text-align:center;}
.header .menu li{ position:relative; float:left; }
.header .menu li .menu_a{ line-height:100px; font-size:18px; color:#fff; display:block; margin:0 22px;position:relative}
.header.scroll .menu li .menu_a, .header:hover .menu li .menu_a{ color:#333}
.header .menu li .menu_a.cur{ color:#006934;}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:140%; margin-left:-20%;}
.header .menu li .sub.cur{ display:block}
.header .menu .sub p{ text-align:center; line-height:50px;}
.header .menu .sub a{ display:block; background-color:#fff; }
.header .menu .sub a:hover{background-color: #006934; color:#fff;}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}



.banner{ position:relative; z-index:1;  height:auto !important }
.banner .wrap{ position: relative;}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-slide{ position:relative; min-height:520px}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:36px; height:36px; border:solid 1px #fff; overflow:hidden; margin-top:0; outline:none; top:auto; bottom:50px}
.banner .swiper-button-prev{ background:url(../images/bpre.png) no-repeat center center; left:240px}
.banner .swiper-button-next{ background:url(../images/bnext.png) no-repeat center center; right:auto; left:280px}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) #006934 no-repeat center center; border:solid 1px #006934; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) #006934 no-repeat center center; border:solid 1px #006934; opacity:1}

.banner .rollpic{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:55%; width:100%;}
.banner .swiper-slide .text{ color:#fff; line-height:50px;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%;}
.banner .swiper-slide .wenz{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; z-index:99}
.banner .swiper-slide .text h3{ font-size:60px; margin-bottom:40px;width:60%;max-width:680px; }
.banner .swiper-slide .text p{ font-size:30px; width:60%;max-width:680px; margin-bottom:50px; }
.banner .swiper-slide .text .more{ width:188px; height:50px; line-height:50px; padding-right:35px; border-radius:25px; border:solid 1px #fff; text-align:center; font-size:18px; background:url(../images/bmore.png) no-repeat 80% center; }
.banner .swiper-slide .text .more:hover{ background:url(../images/bmore02.png) #fff no-repeat 80% center; }
.banner .swiper-slide .text .more a{ display:block; color:#fff;}
.banner .swiper-slide .text .more a:hover{ color:#006934}

.banner .swiper-slide h3, .banner .swiper-slide p, .banner .swiper-slide .more{webkit-animation:fadeInUp 1s cubic-bezier(0.5, 0, 0.2, 1);animation: fadeInUp 1s cubic-bezier(0.5, 0, 0.2, 1);-webkit-animation-fill-mode: both;animation-fill-mode:both}
.banner .swiper-slide p{-webkit-animation-delay:.2S;animation-delay:.2S}
.banner .swiper-slide .more{-webkit-animation-delay:.4S;animation-delay:.4S}
.banner .swiper-slide .num{ font-weight:bold; color:#fff;  position:absolute; bottom:53px;width:100%}
.banner .swiper-slide .num span{ position:relative; float:left; opacity:0.3;}
.banner .swiper-slide .num span.active{ opacity:1 !important}
.banner .swiper-slide .num span:nth-child(1){ padding-right:85px;}
.banner .swiper-slide .num span:nth-child(1):after{ content:""; position:absolute; width:80px; height:2px; top:50%; right:0px; margin-top:-1px; background:#fff}
.banner .swiper-slide .num span:nth-child(2){ padding-left:85px;}
.banner .swiper-slide .num span:nth-child(2):after{ content:""; position:absolute; width:80px; height:2px; top:50%; left:0px; margin-top:-1px; background:#fff}
.banner .rollpic .picinn{float:right; margin-right:-75px;width:45%; max-width:792px;height:auto;vertical-align: middle; position:relative}
.banner .rollpic .picinn img{ display:block; width:100%; height:auto}
.banner .rollpic .circle{-webkit-animation:rotateImg 0.3s linear infinite; position:absolute; top:0; left:0; width:100%}
@keyframes rotateImg {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}
@-webkit-keyframes rotateImg {
    0%{-webkit-transform : rotate(0deg);}
  100%{-webkit-transform : rotate(360deg);}
}



.iyoushi{ padding:75px 0}
.iyoushi .wrap .item{ width:33.33%; float:left;}
.iyoushi .wrap .item .icon{ float:left; width:75px;-moz-transition:0.5s ease;-webkit-transition:0.5s ease; transition:0.5s ease; }
.iyoushi .wrap .item:hover .icon{ margin-left:10px;}
.iyoushi .wrap .item .text{ float:right; width:calc(100% - 100px)}
.iyoushi .wrap .item .text h3{ font-size:24px; line-height:30px; margin-bottom:10px;}
.iyoushi .wrap .item .text p{ line-height:24px;}




.ihistory{ background:url(../images/historybg.jpg) no-repeat center center /cover; position:relative}
.ihistory .wrap{ position:relative; z-index:2}
.ihistory .swiper-container{ margin:0 80px}
.ihistory .swiper-button-prev, .ihistory .swiper-button-next{ width:64px; height:64px; margin-top:-32px; outline:none; top:50%; border-radius:50%; overflow:hidden}
.ihistory .swiper-button-prev{ background:url(../images/ihpre02.png) #fff no-repeat center center /cover; left:0%;}
.ihistory .swiper-button-next{ background:url(../images/ihnext02.png) #fff no-repeat center center /cover;right:0%;}
.ihistory .swiper-button-prev:hover{ background:url(../images/ihpre.png) #006934 no-repeat center center /cover;}
.ihistory .swiper-button-next:hover{ background:url(../images/ihnext.png) #006934 no-repeat center center /cover;}

.ihistory .intro{ position:relative; padding:50px 0 25px 40px; margin-left:13px; border-left:solid 1px #006934; height:390px;}
.ihistory .intro:after{ content:""; position:absolute; left:0; top:0; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:12px solid #006934; position:absolute; left:0%; top:0}
.ihistory .intro p{ line-height:30px;}
.ihistory .biaoti{ position:relative}
.ihistory .biaoti:after{ content:""; position:absolute; left:0%; background:#006934; z-index:9;  width:14px; height:14px; border:solid 6px #fff; border-radius:50%; top:-16px;}
.ihistory .biaoti h3{ font-size:24px; color:#006934; padding-left:15px; font-weight:bold; padding-top:20px;}
.ihistory .biaoti p{ font-size:14px; padding-left:15px; }
.ihistory .line{ content:""; position:absolute; width:100%; height:1px; background:#bbb; left:0; bottom:173px; z-index:1}


.piano-banner {width: 100%;height:565px;display: flex;}
.piano-banner li {position: relative;width:25%;height: 100%;overflow: hidden;transition: width 0.5s;}
.piano-banner li.act {width: 46%;}
.piano-banner li.opc {width: 16%;}
.piano-banner li>a {width: 100%;height: 100%;}
.piano-banner li a .cover-box {width: 100%;height: 100%;}
.piano-banner .a-box {position: absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3)}
.piano-banner li.act .a-box{background-color:rgba(0,105,52,0.75)}

.piano-banner li .a-box .inn{color:#fff; position:absolute; text-align:center;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%}
.piano-banner li .a-box .inn .icon{ border-radius:50%; background-color:rgba(255,255,255,0.2); width:94px; height:94px; margin:0 auto}
.piano-banner li .a-box .inn .text{ margin:35px auto 30px auto}
.piano-banner li .a-box .inn .text h3{ font-size:30px; margin-bottom:10px}
.piano-banner li .a-box .inn .text p{ text-transform:uppercase;}
.piano-banner li .a-box .inn .intro{ opacity:0; height:120px; padding:0 20px; font-size:18px;}
.piano-banner li.act .a-box .inn .intro{ opacity:1; }
.piano-banner li .a-box .more01{ width:50px; height:50px; background:url(../images/bmore.png) no-repeat center center; border:solid 1px #fff; margin:0 auto}
.piano-banner li .a-box .more02{ display:none;}

.piano-banner li.act .a-box .more01{display:none;}
.piano-banner li.act .a-box .more02{ display:block; margin:0 auto; width:188px; height:50px; line-height:50px; padding-right:35px; border-radius:25px; border:solid 1px #fff; text-align:center; font-size:18px; background:url(../images/bmore.png) no-repeat 80% center;}
.piano-banner li.act .a-box .more02:hover{background:url(../images/bmore02.png) #fff no-repeat 80% center; color:#006934;}
.piano-banner li.act .a-box .more02 a{ color:#fff; display:block}
.piano-banner li.act .a-box .more02:hover a{ color:#006934;}

.inews{ background:#f7faf9;}
.inews .wrap{ position:relative}
.inews .swiper-slide{ background:#fff}
.inews .swiper-slide .intro{ text-align:center; padding:0px 40px 40px 40px;}
.inews .swiper-slide .intro .date{ width:88px; height:88px; text-align:center;padding:15px 0;  border-radius:50%; background:#006934; margin-top:-44px; margin-left:auto; margin-right:auto; color:#fff; position:relative; z-index:11}
.inews .swiper-slide .intro .date h3{ line-height:30px; font-size:30px;}
.inews .swiper-slide .intro .date p{ font-size:14px;}
.inews .swiper-slide .wenzi{ margin:20px 0}
.inews .swiper-slide .wenzi h3{ line-height:20px; margin-bottom:10px; height:40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.inews .swiper-slide .wenzi p{ line-height:24px; height:48px;font-size:14px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.inews .swiper-slide .inmore{ display:inline-block; background:url(../images/nmore.png) no-repeat right center; padding-right:20px; color:#999} 
.inews .swiper-slide:hover .inmore{ background:url(../images/nmore02.png) no-repeat right center; color:#006934}

.inews .swiper-button-prev, .inews .swiper-button-next{ width:36px; height:36px; border:solid 1px #bbb; overflow:hidden; margin-top:0; outline:none; top:60px; bottom:auto}
.inews .swiper-button-prev{ background:url(../images/bpre02.png) no-repeat center center; right:40px; left:auto;}
.inews .swiper-button-next{ background:url(../images/bnext02.png) no-repeat center center; right:auto; right:0; left:auto}
.inews .swiper-button-prev:hover{ background:url(../images/bpre.png) #006934 no-repeat center center; border:solid 1px #006934; opacity:1}
.inews .swiper-button-next:hover{ background:url(../images/bnext.png) #006934 no-repeat center center; border:solid 1px #006934; opacity:1}



.icoper .qimo8{ overflow:hidden; width:100%; height:100px;}
.icoper .qimo8 .qimo {width:8000%;}
.icoper .qimo8 .qimo div{ float:left;}
.icoper .qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.icoper .qimo8 .qimo ul li{ float:left; margin:0 10px; border:solid 1px #ddd; overflow:hidden;box-shadow: 0px 4px 8px rgb(214 225 234 / 30%);}
.icoper .qimo8 .qimo ul li img { display:block; margin:0 auto; height:80px;}
.icoper .more{ margin-top:20px}



.footer{ background:#091b25;}
.footer .fcontent{ padding:80px 0; font-size:14px;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block; line-height:32px; }
.footer li h3{ font-size:18px; margin-bottom:10px; font-weight:bold; color:#fff; position:relative;padding-bottom:10px; }
.footer li h3:after{ content:""; position:absolute; left:0; width:40px; height:1px; background:#006934; bottom:0; }
.footer li  h3 a{ color:#fff}
.footer p, .footer p a{ color:#888; }
.footer li  p.tel{background:url(../images/ftel.png) no-repeat left 7px; padding-left:35px }
.footer li p.mail{background:url(../images/fmail.png) no-repeat left 7px; padding-left:35px }
.footer li p.add{background:url(../images/fadd.png) no-repeat left 7px; padding-left:35px }
.footer li p.fax{background:url(../images/ffax.png) no-repeat left 7px; padding-left:35px }
.footer a:hover{ color:#fff}
.footer li:last-child p{ font-size:14px;}
.footer .uses{ margin-top:20px;}
.footer .uses .kuai{ width:33px; height:33px;background:#006934; float:left; border-radius:50%; margin-right:10px; position:relative}
.footer .uses .kuai .sub{ display:none; border:solid 1px #ddd; position:absolute; left:0; bottom:45px}
.footer .uses .kuai .sub img{ width:132px; display:block}
.footer .uses .icon{ position:relative; z-index:2;width:33px; height:33px; cursor:pointer}
.footer .uses .wcode .icon{background:url(../images/ficon001.png) no-repeat center center; background-size:cover; }
.footer .uses .wcode:hover .sub{ display:block;}
.footer .uses .mail .icon{background:url(../images/ficon002.png) no-repeat center center; background-size:cover; }
.footer .uses .admin .icon{background:url(../images/ficon003.png) no-repeat center center; background-size:cover; }
.footer .copyright{ border-top:solid 1px #ddd; padding:25px 0; text-align:center;text-align:center; border-top:solid 1px #495257}


.float_r{ position:fixed; font-size:12px; right:0px; top:50%; margin-top:-104px; z-index:111; padding:5px 5px 0px 5px; background:#272727;}
.float_r li{position:relative; cursor:pointer; text-align:center; height:75px; border-bottom:solid 1px #ddd; padding-top:5px}
.float_r .hd{position:absolute; left:-160px; top:0px; display:none; }
.float_r .img{height:62px; text-align:center; width:50px;}
.float_r .img img{position:relative; top:5px; display:block; margin:0 auto}
.float_r .img p{ color:#fff;}

.float_r li:hover .hd{display:block;}

.float_r .li2 .hd{background:#272727; width:150px ; text-align:center; padding:10px; color:#fff; bottom:0; top:auto; }
.float_r .li2 .hd .ewm img{ display:block; width:100%}
.float_r .backtop{border-bottom:none;}
.float_r .backtop img{ margin-top:10px;}


.nbanner{ position:relative}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; color:#fff; width:100%}
.nbanner .text h3{ margin-bottom:20px; font-size:60px; line-height:60px;}
.nbanner .text p{ font-size:30px;}

.nnav{ height:80px; line-height:78px; text-align:center; border-bottom:solid 1px #ccc;}
.nnav li{ display:inline-block}
.nnav li a{ display:block; margin:0 25px; position:relative}
.nnav li a:after{ content:""; width:0; height:0;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #006934; opacity:0; position:absolute; left:50%; margin-left:-4px;bottom:0; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.nnav li.cur a, .nnav li:hover a{ border-bottom:solid 1px #006934; line-height:78px; padding-top:1px; color:#006934}
.nnav li.cur a:after, .nnav li:hover a:after{ opacity:1;bottom:-5px}

.nab01 { position:relative}
.nab01 .compic{ position:absolute; width:50%; top:80px; right:0}
.nab01 .company{ width:48%}
.nyoushi { margin-top:90px;}
.nyoushi .item{ float:left; width:calc(33.3% - 0.75px); border-right:solid 1px #bbb; font-size:18px; text-align:center}
.nyoushi .item:last-child{ border-right:none}
.nyoushi .item h3, .nyoushi .item h3 span{ font-size:60px; height:60px; line-height:60px; color:#006934; margin-bottom:10px; font-weight:bold}
.nyoushi .item:first-child h3{ font-size:18px; color:#333; font-weight:normal}


.nab03{ background:url(../images/nwhbg.jpg) no-repeat center center /cover;}
.nab03 .title h4, .nab03 .title h3{ color:#fff;}
.nab03 .title h3:after{ background:#fff}
.nab03 .item{ float:left; width:32%; margin-right:2%}
.nab03 .item:last-child{ margin-right:0}
.nab03 .item .icon{ width:96px; height:96px; margin:0 auto; border-radius:50%; overflow:hidden; position:relative; z-index:2}
.nab03 .item .icon img{ display:block;background:#006934; border:solid 4px #fff; border-radius:50%; width:100%; height:auto}
.nab03 .item .wenzi{ background:#fff; border-radius:25px 0 25px 0; text-align:center; padding:75px 15px 45px 15px; margin-top:-50px; min-height:280px;}
.nab03 .item .wenzi .inn{ display:inline-block; text-align:left}
.nab03 .item .wenzi .inn h3{ font-size:24px; color:#006934; line-height:40px; text-align:center;}


.nab04 img{ display:block; width:auto; max-width:100%}


.nab05{ background:#f2f8f7}
.nab05 .swiper-slide .text h3{ font-weight:bold; font-size:18px; text-align:center; padding-top:15px; padding-bottom:10px;}
.nab05 .swiper-slide{ position:relative; display:block}
.nab05 .swiper-slide .text{ background-color: rgba(0,105,52,0.75); position:absolute; left:0; top:0; width:100%; height:100%; opacity:0 }
.nab05 .swiper-slide:hover .text{ opacity:1}
.nab05 .swiper-slide .text h3 a{color:#fff; font-weight:normal; font-size:24px; position:absolute; width:100%; padding-top:50px; background:url(../images/fdj.png) no-repeat center top; top:50%; margin-top:-40px; display:block}
.nab05 .swiper-button-prev, .nab05 .swiper-button-next{ width:64px; height:64px; margin-top:-32px; outline:none; top:50%; border-radius:50%; overflow:hidden}
.nab05 .swiper-button-prev{ background:url(../images/ihpre.png) rgba(0,0,0,0.7) no-repeat center center /cover; left:25px;}
.nab05 .swiper-button-next{ background:url(../images/ihnext.png) rgba(0,0,0,0.7) no-repeat center center /cover;right:25px;}
.nab05 .swiper-button-prev:hover{ background:url(../images/ihpre.png) #006934 no-repeat center center /cover;}
.nab05 .swiper-button-next:hover{ background:url(../images/ihnext.png) #006934 no-repeat center center /cover;}

.nab05 .more { margin-top:40px}
.nab05 .more a{ display:block; margin:0 auto; width:188px; height:50px; line-height:50px; padding-right:35px; border-radius:25px; border:solid 1px #006934; color:#006934; text-align:center; font-size:18px; background:url(../images/bmore02.png) no-repeat 80% center;}
.nab05 .more a:hover{background:url(../images/bmore.png) #006934 no-repeat 80% center; color:#fff;}

.nab06, .nab06 .wrap{ position:relative}
.nab06:after{ content:""; position:absolute; left:0;  bottom:0; width:100%; height:50%; background:#006934; z-index:-1}
.nab06 .title { width:100%; max-width:580px; position:absolute}

.nab06 .conn{ padding:0 100px}
.gallery-thumbs {width:calc(48% - 100px); position:absolute; left:100px; bottom:0}
.gallery-thumbs .swiper-slide { position:relative; padding-top:10px}
.gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 2px); margin:1px; height:auto;border: 1px solid #ddd;}
.gallery-thumbs .swiper-slide-active img {border: 1px solid #e60012;}
.gallery-thumbs .swiper-slide-active:after{ opacity:1}
.gallery-top {width: 48%;float:right}
.gallery-top .img2{ display:block; width:100%;height:auto}
.nab06 .swiper-slide .text{ display:block; background:#fff}
.nab06 .swiper-slide .text  h3{ text-align:center; font-size:18px; padding-bottom:15px; padding:15px;}

.nab06 .swiper-button-prev, .nab06 .swiper-button-next{ width:64px; height:64px; outline:none; top:auto; bottom:45px; border-radius:50%; overflow:hidden; opacity:0.7}
.nab06 .swiper-button-prev{ background:url(../images/ihpre02.png) #fff no-repeat center center /cover; left:0;}
.nab06 .swiper-button-next{ background:url(../images/ihnext02.png) #fff no-repeat center center /cover;right:0;}
.nab06 .swiper-button-prev:hover{ background:url(../images/ihpre02.png) #fff no-repeat center center /cover;opacity:1}
.nab06 .swiper-button-next:hover{ background:url(../images/ihnext02.png) #fff no-repeat center center /cover;opacity:1}


.enlist li{ width:23.5%; margin:1% 2% 1% 0; padding:12px; border:1px solid #ddd; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.enlist li:nth-child(4n){ margin-right:0}
.enlist li:nth-child(4n+1){ clear:both; }
.enlist li:hover{border:solid 1px #006934;box-shadow: 0 0 15px rgba(0,0,0,0.2); cursor:pointer}
.enlist li .text h3{ font-weight:bold; font-size:18px; text-align:center; padding-top:15px; padding-bottom:10px;}

.enlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:999999999}
.enlist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:999999998}
.enlist li .hd .closed{ width:37px;  height:37px; display:block; background:url(../images/close.png) no-repeat center; position:absolute; left:calc(50% + 320px); top:calc(15% - 15px); -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 999999999;}
.enlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.enlist li .hd .pro_con{ background:#fff; width:640px; position:absolute;top:25%;left:50%; margin-left:-320px; padding:18px; border-radius:8px; cursor:default; overflow-y:auto; z-index:999999999}
.enlist li .hd .pro_con h3{color:#000;}
.enlist .img-dv .img2{ width:auto; max-width:100%; height:auto; min-height:auto; max-height:100%}


.youshilist .title p{ font-size:18px; width:100%; max-width:1300px; margin:0 auto}
.youshilist .swiper-slide{ margin-bottom:40px;}
.youshilist .swiper-slide .text{ line-height:55px; background:#ebf3ef; text-align:center; font-size:18px;}
.youshilist .swiper-slide .text h3{ font-size:18px}
.youshilist .swiper-pagination{bottom:0% !important;}
.youshilist .swiper-pagination-bullet{width:26px;height:5px;background:#bbb;border-radius:5px; opacity:1; position:relative;overflow:hidden;margin:0 5px;}
.youshilist .swiper-pagination-bullet-active{background:#006934;}


.youshilist.nmg{background:#ebf3ef;}
.youshilist.nmg .swiper-slide .text{ background:#fff}
.youshilist.nmg .swiper-slide:hover .text, .youshilist .swiper-slide:hover .text{background:#006934; color:#fff}


.prolist .prokuai { margin-bottom:80px; position:relative}
.prolist .prokuai:after{ content:""; position:absolute; right:0; bottom:0; background:#ebf3ef; height:43%; width:52%; z-index:-1}
.prolist .prokuai:nth-child(2n+1):after{ left:0; right:auto;}
.prolist .prokuai:last-child{ margin-bottom:0}
.prolist .prokuai .wrap{ position:relative}
.prolist .prokuai .pic{ width:48%; float: left}
.prolist .prokuai .text{ float:right; width:48%; position:relative}
.prolist .prokuai:nth-child(2n+1) .pic{ float:right}
.prolist .prokuai:nth-child(2n+1) .text{ float:left}
.prolist .prokuai .rolls{ width:48%; right:0; bottom:20px; position:absolute}
.prolist .prokuai:nth-child(2n+1) .rolls{ left:0; right:auto}
.prolist .prokuai .rolls .pic{ float:none; width:100%}
.prolist .prokuai .num{ color:#f2f5f3; font-size:300px; line-height:240px; position:absolute; top:0; right:0; z-index:-1}
.prolist .prokuai:nth-child(2n+1) .num{ right:auto; left:0}
.prolist .prokuai .text .icon img{ height:33px; width:auto;}
.prolist .prokuai .text .tit{ margin:15px 0}
.prolist .prokuai .text .tit h3{ font-size:30px; line-height:40px;}
.prolist .prokuai .text .tit p{ color:#999; text-transform:uppercase}
.prolist .prokuai .text .intro{ font-size:18px}
.prolist .prokuai .swiper-slide p{ text-align:center; font-size:16px; margin-top:10px;}

.ntit{ margin-bottom:45px;}
.ntit h3{ font-size:30px; line-height:40px;}
.ntit h4{ color:#999; margin-bottom:15px; text-transform:uppercase}
.ntit p{ font-size:18px}

.prolists{ background:#eaf3ee}
.prolists .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%}
.prolists .item:nth-child(3n){ margin-right:0}
.prolists .item:nth-child(3n+1){ clear:both}
.prolists .item .pic{ margin-bottom:1px;}
.prolists .item .text{ text-align:center; background:#fff;line-height:50px; padding:15px 0;}
.prolists .item .text span{ color:#006934; background:url(../images/nmore02.png) no-repeat right center; color:#006934; padding-right:20px; display:none}
.prolists .item p{ font-size:20px}
.prolists .item:hover .text{color:#006934; line-height:25px !important;}
.prolists .item:hover span{ display:inline-block;}



.prodetail .wrap{ border:solid 1px #ccc; border-radius:5px; overflow:hidden}
.prodetail .wrap .pics{ float:left; width:50%}
.prodetail .wrap .pics .swiper-slide{ padding-bottom:40px}
.prodetail .wrap .pics .swiper-pagination{bottom:40px !important;}
.prodetail .wrap .pics .swiper-pagination-bullet{width:26px;height:5px;background:#bbb;border-radius:5px; opacity:1; position:relative;overflow:hidden;margin:0 5px;}
.prodetail .wrap .pics .swiper-pagination-bullet-active{background:#006934;}
.prodetail .wrap .wenzi{ float:right; width:48%; padding:3% 0}
.prodetail .wrap .wenzi h3{ font-size:45px; line-height:60px; color:#000; margin-bottom:20px;}
.prodetail .wrap .wenzi .intro{ line-height:32px; font-size:18px;}
.prodetail .wrap .wenzi .tomail{ width:268px; margin-top:35px; line-height:50px; height:50px; color:#fff; text-align:center; padding-left:35px; background:url(../images/tomail.png) #006934 no-repeat 30px center; border-radius:25px; overflow:hidden}
.prodetail .wrap .wenzi .tomail a{ color:#fff;}
.pxiang { background:#ebf3ef; min-height:550px;}
.pxiang img{ width:auto; max-width:100%}

.sollist .intro{ font-size:18px; line-height:32px;}
.sollist .kuai{ margin-top:40px;}
.sollist .kuai .pic{ float:left; width:50%}
.sollist .kuai .wenzi{ float:right; width:46%; margin-top:5%}
.sollist .kuai:nth-child(2n) .pic{ float:right}
.sollist .kuai:nth-child(2n) .wenzi{ float:left}

.sollist02{background:#eaf3ee;}
.sollist02 .wrap{ position:relative}
.sollist02 .kuai{ position:relative}
.sollist02 .kuai .pic{ width:58%; float:right; margin-bottom:58px;}
.sollist02 .kuai .wenzi{ position:absolute; width:55%; height:100%; background:#fff; top:58px; left:0}
.sollist02 .kuai .wenzi .inn{position:absolute; padding:8%; }
.sollist02 .swiper-slide{background:#eaf3ee;}
.sollist02 .swiper-slide .num{ position:absolute; right:0; bottom:0; line-height:47px; font-size:18px; color:#888}
.sollist02 .swiper-button-next.swiper-button-disabled, .sollist02 .swiper-button-prev.swiper-button-disabled{opacity:1 !important;}
.sollist02 .swiper-button-next.swiper-button-disabled{background:url(../images/arrow-next02.png) no-repeat center !important;}
.sollist02 .swiper-button-prev.swiper-button-disabled{background:url(../images/arrow-prev02.png) no-repeat center !important}
.sollist02 .swiper-button-next, .sollist02 .swiper-button-prev{ width:47px; height:47px; left:auto !important; right:115px;  bottom:0 !important;opacity:1; outline:none; top:auto !important}
.sollist02 .swiper-button-next{ background:url(../images/arrow-next02h.png) no-repeat center; left:auto; right:60px; bottom:0 !important;}
.sollist02 .swiper-button-prev{ background:url(../images/arrow-prev02h.png) no-repeat center}

.newslists .newskuai{ position:relative}
.newslists .newskuai:after{ position:absolute; z-index:-9;content: ""; height: 100%;left:0%;width:0px;background:#ebf3ef; top:0;transition: all 0.5s;}
.newslists .newskuai:hover:after{ width:100%;}
.newslists .newskuai:nth-child(2) .wrap{border-top:solid 1px #ddd;}
.newslists .newskuai .wrap{ border-bottom:solid 1px #ddd; padding:40px 0; position:relative}
.newslists .newskuai .date{ width:88px; height:88px; text-align:center;padding:15px 0;  border-radius:50%; background:#006934;color:#fff; position: absolute; left:50px; top:50%; margin-top:-44px; z-index:11}
.newslists .newskuai .date h3{ line-height:30px; font-size:30px;}
.newslists .newskuai .date p{ font-size:14px;}
.newslists .newskuai .pic{ float:right; width:28%}
.newslists .newskuai .wenzi{ float:left; width:calc(72% - 150px); padding:0 50px; margin-left:150px; margin-top:2%}
.newslists .newskuai .wenzi h3{ margin-bottom:10px; font-size:20px;height: 50px; line-height:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newslists .newskuai .wenzi p{ color:#666; height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newslists .newskuai:hover .wenzi h3{ color:#006934}



.newsdetail .wrap{ max-width:1200px;}
.newsdetail .ntitle { margin-bottom:25px; padding-bottom:25px; border-bottom:solid 1px #ddd}
.newsdetail .ntitle h3{ font-size:30px; margin-bottom:15px}
.newsdetail .ntitle p{ color:#999}
.newsdetail .conn{ line-height:40px; font-size:18px}
.newsdetail .conn img{ width:auto; max-width:100%}
.newsdetail .more { margin-top:40px}
.newsdetail .more a{ display:block; margin:80px auto; width:188px; height:50px; line-height:50px; padding-right:35px; border-radius:25px; border:solid 1px #006934; color:#006934; text-align:center; font-size:18px; background:url(../images/bmore02.png) no-repeat 80% center;}
.newsdetail .more a:hover{background:url(../images/bmore.png) #006934 no-repeat 80% center; color:#fff;}

.newsdetail .shangxia{ padding:25px 0; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd}
.newsdetail .shangxia a{ color:#999}
.newsdetail .shangxia a:hover{ color:#006934}


.ncontact .title p, .feedback .title p{ font-size:18px;}
.ncontact .item{ float:left; width:25%; text-align:center; line-height:32px;}
.ncontact .item .icon{ margin-bottom:20px}
.ncontact .item .wenzi p{ color:#999; font-size:18px;}
.ncontact .item .wenzi h3{font-size:18px;}

.nyx{background:url(../images/yx.jpg) no-repeat center center / cover; }
.nyx .title, .nyx .title h3, .nyx .title h4{ color:#fff}
.nyx .title h3:after{ background:#fff}
.nyx .item{ color:#fff; width:33.33%; float:left; text-align:center;font-size:18px;}
.nyx .item .icon{ margin:0 auto 15px auto; width:40%; max-width:94px; border-radius:50%; border:solid 2px #fff; overflow:hidden}
.nyx .item .icon img{ display:block; width:100%; height:auto}


.feedback{ position:relative}
.feedback:after{ content:""; position:absolute; left:0; top:0; width:100%; height:430px; background:#006934; z-index:-1}
.feedback .title, .feedback .title h3, .feedback .title h4{ color:#fff}
.feedback .title h3:after{ background:#fff}
.feedback .conn{ background:url(../images/fdbg.png) #fff no-repeat center bottom /cover;box-shadow: 0px 0px 15px rgb(0 0 0 / 15%); border-radius: 10px; padding:60px 60px 95px 60px}
.feedback form{ margin:0 auto; max-width:1050px;}


.feedback .form .column{ float:left; width:calc(50% - 15px); margin-right:15px; margin-bottom:15px; position:relative; background:#fff; line-height:48px; overflow:hidden; border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_1 { margin-right:-15px}
.feedback .form .row_1 input{ border:none; line-height:48px; height:48px;width:100%; padding:0 15px;color:#999}
.feedback .form .row_1 select{ border:none; line-height:48px;height:48px; width:100%; padding:0 15px; color:#999}
.feedback .form .row_2{background:#fff; position:relative}
.feedback .form .row_2 textarea{ width:100%; height:150px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; overflow:hidden;color:#999; border-radius:5px; border:solid 1px #ddd}

.feedback .form .row{ position:relative; width:186px; line-height:50px; height:50px; border-radius:25px; overflow:hidden; margin:20px auto 0 auto;background:#006934;}
.feedback .form .row .submit{ position:absolute; color:#fff; left:0; top:0;transition: 0.5s;width:186px; font-size:18px; line-height:50px; height:50px; border:none;background:url(../images/jtr.png) no-repeat 75% center; display:block; padding-right:40px; line-height:50px; font-style:normal; }
.feedback .form .row .submit:hover{ background:url(../images/jtr.png) no-repeat 80% center; }


.hrtop{ font-size:18px;padding:0px 30px;display:flex; display:-webkit-flex; line-height:80px; font-weight:bold;background:#006934; color:#fff; border-radius:10px; overflow:hidden; margin-bottom:20px;}
.hrtop span{width:18%; display:block; text-align:center}
.hrtop span.job{ width:28%; text-align:left}
.hrlist li{  margin-bottom:20px; border-radius:10px; border:solid 1px #aaa; position:relative}
.hrlist li:after{ content:""; width:100%; height:50px; border-radius:10px;background: #ebf3ef; position:absolute; left:0; top:0; opacity:0; z-index:-1}
.hrlist li.cur{ padding-bottom:20px}
.hrlist li.cur:after{ opacity:1}
.hrlist .toptit{ padding:0px 30px;line-height:50px; cursor:pointer; display:flex; display:-webkit-flex; position:relative; background:url(../images/nanext04.png) no-repeat calc(100% - 30px) center;}
.hrlist li.cur .toptit{ background:url(../images/nanext05.png) no-repeat calc(100% - 30px) center ;}
.hrlist .toptit span{ width:18%; text-align:center}
.hrlist .toptit span.job{width:28%;text-align:left}
.hrlist .cont{ margin:20px 30px; background:#fff; border-radius:5px; display:none; color:#666;}
.hrlist .cont .tomail{ text-align:center; margin:30px auto 60px auto; background:url(../images/bmore.png) #006934 no-repeat 92% center; transition: 0.5s;padding-right:45px; border-radius:25px; overflow:hidden; line-height:50px; width:350px; height:50px;}
.hrlist .cont .tomail:hover{ background:url(../images/bmore.png) #006934 no-repeat 93% center;}
.hrlist .cont .tomail a{ display:block; color:#fff}