@charset "utf-8";
@font-face {	
font-family: 'DINCondensedWeb';	
src: url("../fonts/DINCondensedWeb.eot");
src: url("../fonts/DINCondensedWeb.eot") format("embedded-opentype"), 
url("../fonts/DINCondensedWeb.woff") format("woff"), 
url("../fonts/DINCondensedWeb.ttf") format("truetype"), 
url("../fonts/DINCondensedWeb.svg") format("svg");	
font-weight: normal;
font-style: normal;}

*{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:"Microsoft Yahei", Arial, Helvetica, 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:#076e49}
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:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}
.green{ color:#076e49}

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

#a01, #a02, #a03, #a04{ position: absolute;  margin-top:-122px;}
.wrap{ width:90%; max-width:1400px; margin:0 auto}

.jvzhong{ text-align:center}
.title { margin-bottom:25px; position:relative;}
.nmain .title{ margin-top:-10px}
.title h3{ font-size:36px; line-height:36px;margin-bottom:20px;}
.title h3 span{ font-size:20px}
.title h4{ font-size:24px; line-height:24px;margin-bottom:30px;}
.title h5{ font-size:18px; line-height:24px;margin:20px 0;}
.title p{ padding:0px 0 20px 0}
.title p i{ display:block}
.nmain .title p{ padding-top:15px}
.title .line{ width:69px; height:2px; background:#076e49}
.title.jvzhong .line { margin:0 auto}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, li:hover .pic img, a:hover .pic 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:122px;transition: 0.5s; }
.header .bg{ background:#076e49; width:calc(50% - 470px); min-width:280px; height:100%; position:absolute; left:0; top:0; z-index:9999}
.header .bg:after{ content:""; width:0; height:0; position:absolute; top:0; right:-45px; border-bottom:solid 122px #076e49; border-left:solid 45px transparent; border-right:solid 45px transparent;}

.header .top{ line-height:46px; height:46px; font-size:14px;}
.header .top .wel{ float:left; padding-left:26px; padding-left:258px;}
.header .top .use{ float:right}
.header .top .use li{ float:left; margin-right:25px;}
.header .top .use li a{ display:block; color:#444}
.header .top .use li.tel{background:url(../images/ttel.png) no-repeat left center; padding-left:25px; }
.header .top .use li.mail{background:url(../images/tmail.png) no-repeat left center; padding-left:25px; }

.header .nav{ background-color:rgba(255,255,255,0.8);}
.header .nav .wrap{ position:relative;height:76px; }
.header .logo{ position:absolute; left:0px; top:50%; margin-top:-25px; z-index:99999;}
.header .logo img{ display:block; height:50px; width:auto}

.header .search, .header .language{ float:right; line-height:76px;}
.header .language a{background:url(../images/map.png) no-repeat left center; padding-left:30px; margin-left:22px}
.header .search a{background:url(../images/sou.png) no-repeat center center; width:20px; height:20px; display:block; cursor:pointer; margin:28px 22px;}
.header .search .sub{position:absolute; clear:both;width:100%; display:none; top:76px; left:0;height: 76px;  background: #c1c1c1; }
.header .search .sub .subin {width: 100%;margin:0 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: #076e49;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 .menu { float:right; text-align:center;}
.header .menu li{ position:relative; float:left;}
.header .menu li .menu_a{ line-height:76px; display:block; margin:0 22px;position:relative}
.header .menu li .menu_a.cur{ color:#076e49;}
.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 .subduan{ text-align:center; line-height:50px;}
.header .menu .subduan a{ display:block; background-color:#fff; }
.header .menu .subduan a:hover{background-color: #076e49; 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;}



.header.scroll .top{ display:none}
.header.scroll .bg{height:76px;}
.header.scroll .nav{ background-color:rgba(255,255,255,1);}
.header.scroll .bg:after{border-bottom: solid 76px #076e49;}
.header.scroll .logo img{ height:45px}




.banner{ position:relative; z-index:1;  height:auto !important }
.banner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-pagination{bottom:2%; text-align:center;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; background:#ddd; /*box-shadow: 0 0 5px rgba(0,0,0,0.1); */opacity:1; margin:0 8px; border-radius:50%}
.banner .swiper-pagination-bullet-active{ background:#076e49;opacity:1; border:none}
.banner .swiper-slide{ position:relative}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:73px; height:73px; border-radius:50%; overflow:hidden; margin-top:-36.5px; outline:none; opacity:0.6; top:calc(50% + 61px)}
.banner .swiper-button-prev{ background:url(../images/bpre02.png) rgba(255,255,255,0.3) no-repeat; left:3%}
.banner .swiper-button-next{ background:url(../images/bnext02.png) rgba(255,255,255,0.3) no-repeat; right:3%}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) #076e49 no-repeat; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) #076e49 no-repeat; opacity:1}


.piano-banner {width: 100%;height:565px;display: flex;}
.piano-banner li {position: relative;width: 33.333333%;height: 100%;overflow: hidden;transition: width 0.5s;}
.piano-banner li.act {width: 60% !important;}
@media (max-width: 1600px) {
.piano-banner li.opc {width: 20% !important;}
}
.piano-banner li>a {width: 100%;height: 100%;color: #fff;}
.piano-banner li a .cover-box {width: 100%;height: 100%;}
.piano-banner li.opc a .cover-box::before {opacity: 0.4;}
.piano-banner li a .cover-box::before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #000;opacity: 0;z-index: 1;transition: 0.5s;}
.piano-banner li a .cover-box img {height: 100%;}
.piano-banner .a-box {position: absolute;bottom: 50px;left: 50px;z-index: 2; width:100%}
.piano-banner .a-box .PB-name {color: #fff;font-size: 30px;white-space: nowrap;}
.piano-banner li .zi-text {display: none;}
.piano-banner li.act .zi-text {animation: bannerriVP 1.5s ease both;}
.zi-text .PB-intro {color: #fff;margin:10px 0 15px 0;white-space: nowrap;}
.zi-text .PB-intro a{color: #fff;}
.zi-text .PB-small {color: #fff;white-space: nowrap;}
.zi-text .PB-small span{background:url(../images/arrow.png) no-repeat right center; padding-right:30px; background-size:18px auto}
.piano-banner li:hover .zi-text {display: block;}
@keyframes bannerriVP {
0% {transform: translateY(36px);opacity: 0;}
100% {transform: translateY(0px);opacity: 1;}
}



.iproduct .wrap{ max-width:1470px}
.iproduct .pro-nav{text-align:center; margin:-15px auto 30px auto;}
.iproduct .pro-nav li{ display: inline-block; margin:0 15px; padding-bottom:15px; font-size:18px; position:relative }
.iproduct .pro-nav li:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#076e49; opacity:0}
.iproduct .pro-nav li.cur:after{ opacity:1}
.iproduct .pro-nav a{ display:block;display:block; padding-left:20px; position:relative;}
.iproduct .pro-nav a:after{ content:""; width:0; height:0; border-left:solid 8px #444; border-top:solid 7px transparent; border-bottom:solid 7px transparent; position:absolute; left:0; top:50%; margin-top:-7px;}
.iproduct .pro-nav .cur a, .iproduct .pro-nav a:hover{color:#076e49;}
.iproduct .pro-nav .cur a:after, .iproduct .pro-nav a:hover:after{border-left:solid 8px #076e49;}
.iproduct .protab-wrap .item{height: 0;opacity: 0;overflow: hidden;}
.iproduct .protab-wrap .item.cur{height: auto;opacity: 1;}
.i-product-list{ position:relative}
.i-product-list .swiper-container{position:relative; margin:0 auto; width:calc(100% - 70px)}
.i-product-list .swiper-slide{position:relative;text-align:center; }
.i-product-list .swiper-slide a{background:#fff; display:block; position:relative}
.i-product-list .swiper-slide a:hover{ background:#076e49; color:#fff}
.i-product-list .swiper-slide .wenzi { padding:25px; height:200px; min-height:200px;}
.i-product-list .swiper-slide .wenzi h3{ font-size:18px; font-weight:bold; padding:15px 0; color:#076e49}
.i-product-list .swiper-slide .wenzi p{ font-size:14px; text-align:left; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; }
.i-product-list .swiper-slide a:hover h3{ color:#fff}
.i-product-list .swiper-button-prev, .i-product-list .swiper-button-next{ width:23px; height:28px; margin-top:-14px; outline:none;border-radius:50%}
.i-product-list .swiper-button-prev{ background:url(../images/ppre.png) no-repeat; left:0; opacity:0.7}
.i-product-list .swiper-button-next{ background:url(../images/pnext.png) no-repeat; right:0;opacity:0.7}
.i-product-list .swiper-button-prev:hover{ background:url(../images/ppre.png) no-repeat; opacity:1}
.i-product-list .swiper-button-next:hover{ background:url(../images/pnext.png) no-repeat; opacity:1}
.iproduct .more{ width:140px; line-height:36px; height:36px; margin:40px auto 0 auto;}
.iproduct .more a{transition: 0.5s; color:#fff;  display:block; width:100%; background:url(../images/arrow.png) #076e49 no-repeat 80% center; padding-right:30px; background-size:18px auto; text-align:center}
.iproduct .more a:hover{background:url(../images/arrow.png) #076e49 no-repeat 90% center;background-size:18px auto; }

.iabout{ position:relative}
.iabout:before{ content:""; width:34%; height:100%; position:absolute; left:0; top:0; background:#076e49; z-index:-1 }
.iabout:after{ content:""; width:66%; height:100%; position:absolute; right:0; top:0; background:url(../images/abbg.jpg) no-repeat center center; background-size:cover; z-index:-1 }
.iabout .ableft{ float:left; width:22%;}
.iabout .ableft .title{ padding:80px 0 20px 0; color:#fff}
.iabout .ableft .intro li{ float:left; width:50%;transition: 0.5s;  border-bottom:solid 1px rgba(255,255,255,0.3); line-height:80px; font-size:18px; }
.iabout .ableft .intro li a{ display:inline-block; width:135px;padding-left:40px;}
.iabout .ableft .intro li:nth-child(2n){ float:right;}
.iabout .ableft .intro li:nth-child(2n) a{ float:right}
.iabout .ableft .intro li:nth-child(2n+1){ clear:both}
.iabout .ableft .intro li:nth-child(1) a{ background:url(../images/ab01.png) no-repeat left center;}
.iabout .ableft .intro li:nth-child(2) a{ background:url(../images/ab02.png) no-repeat left center;}
.iabout .ableft .intro li:nth-child(3) a{ background:url(../images/ab03.png) no-repeat left center;}
.iabout .ableft .intro li:nth-child(4) a{ background:url(../images/ab04.png) no-repeat left center;}
.iabout .ableft .intro li:hover a{ padding-left:45px;}
.iabout .ableft .intro li a{ color:#fff}
.iabout .abright{ float:right; width:59%; color:#fff}
.iabout .abright .title{ border-bottom:solid 1px rgba(255,255,255,0.3)}
.iabout .abright .conn{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.iabout .abright .youshi{ margin:75px 0;}
.iabout .abright .youshi ul{width: 100%; display:flex;display:-webkit-flex;justify-content : space-between;}
.iabout .abright .youshi li{ display:inline-block; text-align:center}
.iabout .abright .youshi li h3{ font-size:50px;font-family: 'DINCondensedWeb'; margin-bottom:10px	}
.iabout .abright .more{ width:140px; line-height:36px; height:36px;}
.iabout .abright .more a{transition: 0.5s; color:#fff;  display:block; width:100%; background:url(../images/arrow.png) #d8b043 no-repeat 80% center; padding-right:30px; background-size:18px auto; text-align:center}
.iabout .abright .more a:hover{background:url(../images/arrow.png) #076e49 no-repeat 90% center;background-size:18px auto; }

.inews p{ font-size:14px; line-height:24px; color:#444}
.inews .topnews{ width:35%; float:left; padding:3%; border:solid 1px #ddd;}
.inews .topnews h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:45px; font-weight:bold; margin-top:10px; color:#076e49; }
.inews .topnews .date{ font-size:14px; color:#076e49; margin-top:15px; position:relative}
.inews .topnews .date span{ padding-right:20px; background:#fff}
.inews .topnews .date:after{ content:""; width:100%; height:1px; background:#076e49; top:50%; left:0; margin-top:-0.5px; position:absolute; z-index:-1}
.inews .othernews{ float:right; width:60%}
.inews .othernews .kuai{ padding:17px 0; border-bottom:solid 1px #ddd}
.inews .othernews .kuai .date{ float:left; width:60px; text-align:center}
.inews .othernews .kuai .date h3{color:#076e49; font-size:30px; font-weight:bold; line-height:36px; border-bottom:solid 1px #ddd}
.inews .othernews .kuai .wenzi{ float:right; width:calc(100% - 100px);}
.inews .othernews .kuai .wenzi h3{ font-size:18px; line-height:35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.footer{ background:#eeeeee;}
.footer .content {width: 100%; display:flex;display:-webkit-flex;justify-content : space-between;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer li {display:inline-block; }
.footer li .flogo{ width:auto; max-width:188px; display:block; margin-bottom:25px;}
.footer li:last-child img{ width:auto; max-width:127px; display:block}
.footer li h3{ font-size:20px; margin-bottom:10px; font-size:18px; margin:15px 0}
.footer li p{ font-size:14px; line-height:24px;}
.footer .fadd{ padding-left:30px; line-height:30px; background:url(../images/fadd.png) no-repeat 2px center;}
.footer .ftel{ padding-left:30px;line-height:30px; background:url(../images/ftel.png) no-repeat 2px center;}
.footer .fmail{ padding-left:30px;line-height:30px; background:url(../images/fmail.png) no-repeat left center;}
.footer li .flianxi div{ float:left; margin-right:15px; border-radius:50%; margin-top:15px; border:solid 1px #adb2b3;}
.footer li .flianxi div a{ display:block; position:relative}
.footer li .flianxi div a img{ display:block; width:auto;}
.footer li .flianxi div:hover{border:solid 1px #076e49;background:#076e49; border-radius:50%;}
.footer li .flianxi div:hover a img{filter: grayscale(100%) brightness(2000%);}
.footer li .flianxi .sub{position:absolute; padding:10px; clear:both; display:none; z-index:9;width:124px; margin-left:-50px;margin-top:6px; background:#076e49}
.footer li .flianxi .sub img{ display:block; width:100%; height:auto}
.footer li .flianxi .sub:before{position: absolute;content: '';width: 0;height: 0;left: 50%; top: 0;margin-left: -10px;border-style: solid; border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent; z-index:9}
.copyright{ border-top:solid 1px #ddd; background:#eeeeee; line-height:24px; font-size:14px; text-align:center; padding:28px 0;}




.float_r{ position:fixed; font-size:12px; right:0px; top:50%; margin-top:-104px; z-index:111;}
.float_r li{position:relative; height:62px; margin-bottom:8px; cursor:pointer;}
.float_r .hd{position:absolute; left:-150px; top:0px; display:none; }
.float_r .img{background:#7f7f7f; height:62px; text-align:center; width:62px;}
.float_r .img img{position:relative; top:5px; display:block; margin:0 auto}
.float_r .img p{ padding-top:5px; color:#fff;}
.float_r li:hover .img{background:#076e49;}
.float_r li:hover .img img{ top:15px;}
.float_r li:hover .img p{ display:none;}
.float_r li:hover .hd{display:block;}
.float_r .li1 .hd{background:#07784f; width:180px; font-size:18px; height:62px; left:-180px;}
.float_r .li1 em{ display:block;color:#fff; text-align:center; line-height:62px; font-style:normal}
.float_r .li2 .hd{background:#07784f; width:180px; font-size:18px; height:62px; left:-180px;}
.float_r .li2 em{ display:block;color:#fff; text-align:center; line-height:62px;font-style:normal}
.float_r .li3 .hd{background:#07784f; width:150px ; text-align:center; padding:10px; color:#fff; bottom:0; top:auto; border-right:3px solid #fff}
.float_r .li3 .hd .ewm{ background:#fff;}
.float_r .li3 .hd .ewm img{ display:block; width:100%}


.nbanner img{ display:block; width:100%; height:auto}

.nnav { position:relative; margin-top:-45.5px;}
.nnav .wrap{box-shadow: 0 0 15px rgba(0,0,0,0.3); background:#fff; padding:23px; line-height:45px; text-align:center}
.nnav li{ display:inline-block;width:32%; max-width:135px;}
.nnav li a{ display:block;}
.nnav li a:hover, .nnav li.cur a{ background:#076e49; border-radius:8px; color:#fff}


.njianjie{ background:url(../images/nabbg.png) no-repeat left center; background-size:auto 100%;}
.njianjie .wenzi{ float:left; width:46%}
.njianjie .pics{ float:right; width:50%; padding:60px 60px 60px 0; position:relative} 
.njianjie .pics:after{ content:""; position:absolute; width:90%; height:100%; background:#f5f7f9; z-index:-1; top:0; right:0}
.njianjie .pics img{ display:block; width:100%; height:auto !important}
.njianjie .pics .swiper-container{position:relative; height:auto !important}
.njianjie .pics .swiper-slide{ position:relative}
.njianjie .pics .swiper-button-prev, .njianjie .pics .swiper-button-next{ width:72px; height:65px; overflow:hidden; margin-top:auto; outline:none; opacity:1; top:auto; bottom:60px}
.njianjie .pics .swiper-button-prev{ background:url(../images/abpre02.png) #fff no-repeat center center; background-size:22px auto; left:auto; right:133px}
.njianjie .pics .swiper-button-next{ background:url(../images/abnext02.png) #fff no-repeat center center;background-size:22px auto; right:60px}
.njianjie .pics .swiper-button-prev:hover{ background:url(../images/abpre.png) #076e49 no-repeat center center;background-size:22px auto; opacity:1}
.njianjie .pics .swiper-button-next:hover{ background:url(../images/abnext.png) #076e49 no-repeat center center;background-size:22px auto; opacity:1}

.nwenhua .conn{ margin-left:1px;}
.nwenhua .item{ border:solid 1px #ddd; background:#fff; padding:3%; margin-left:-1px; margin-top:-1px; float:left; width:33.33%; min-height:310px;}
.nwenhua .item .icon{transition: 0.5s; margin:0 auto 20px auto}
.nwenhua .item:hover .icon{transition: 0.5s; margin:-10px auto 30px auto}
.nwenhua .item:hover{background:url(../images/whbg.png) no-repeat center center; background-size:cover;}
.nwenhua .item:hover img{filter: grayscale(100%) brightness(2000%);}
.nwenhua .item .text h3{ font-size:24px; margin-bottom:10px; color:#076e49}
.nwenhua .item .text p{ font-size:18px; line-height:24px;}
.nwenhua .item:hover h3, .nwenhua .item:hover p{ color:#fff}


.nleader{ background:url(../images/nabbg02.png) no-repeat right center; background-size:auto 100%; position:relative}
.nleader:after{ content:""; width:40%; height:100%;background:#076e49; top:0; left:0; position:absolute}
.nleader .lpic{ float:left; width:40%; position:relative; z-index:2}
.nleader .lpic img{ display:block; width:100%; height:auto}
.nleader .lpic:after{ content:""; position:absolute; left:-80px; width:80px; height:417px; top:50%; margin-top:-208px; z-index:1; background:url(../images/leaderbg.png) no-repeat left center}
.nleader .wenzi{ float:right; width:56%;position:relative; z-index:2; margin-top:65px;}


.nhonor .honor-nav{text-align:center; margin:15px auto 25px auto;}
.nhonor .honor-nav li{ display: inline-block; margin:0 10px; font-size:18px; border-radius:8px; position:relative; overflow:hidden }
.nhonor .honor-nav a{ display:block; display:block; padding:0 30px; position:relative; background:#076e49; color:#fff; line-height:45px;}
.nhonor .honor-nav .cur a, .nhonor .honor-nav a:hover{background:#d8b043;}
.nhonor .honortab-wrap .item{height: 0;opacity: 0;overflow: hidden;}
.nhonor .honortab-wrap .item.cur{height: auto;opacity: 1;}
.i-honorlist{ position:relative}
.i-honorlist .swiper-container{position:relative; margin:0 auto;width:calc(100% - 100px)}
.i-honorlist .swiper-slide{position:relative;text-align:center;  }
.i-honorlist .swiper-slide .pics{ padding:50px;}
.i-honorlist .swiper-slide .pics img{ display:block; width:100%; height:auto}
.i-honorlist .swiper-slide-next .pics{ padding:10px;}
.i-honorlist .swiper-slide-next .pics img{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.i-honorlist .swiper-button-prev, .i-honorlist .swiper-button-next{ width:73px; height:73px; border-radius:50%; margin-top:-36.5px; outline:none;border-radius:50%}
.i-honorlist .swiper-button-prev{ background:url(../images/bpre02.png) #fff no-repeat; left:0; opacity:0.7}
.i-honorlist .swiper-button-next{ background:url(../images/bnext02.png) #fff no-repeat; right:0;opacity:0.7}
.i-honorlist .swiper-button-prev:hover{ background:url(../images/bpre.png) #076e49 no-repeat; opacity:1}
.i-honorlist .swiper-button-next:hover{ background:url(../images/bnext.png) #076e49 no-repeat; opacity:1}

.nhr .conn{ padding-top:10px}
.nhr .title h3 span{ float:right; font-size:45px; color:#c3d4ce; font-style:italic}
.nhr .kuai{ position:relative}
.nhr .kuai .hpic{ width:58%; margin-left:42%; padding-bottom:80px;}
.nhr .kuai .hpic img{ display:block; width:100%; height:auto}
.nhr .kuai .wenzi{ position:absolute; width:58%; height:100%; background:#f5f5f5; top:58px; left:0}
.nhr .kuai .wenzi .inn{position:absolute; padding:8%; width:100% }
.nhr .swiper-slide .num{ position:absolute; right:0; bottom:0; line-height:47px; font-size:18px; color:#888}

.nhr .swiper-button-next.swiper-button-disabled, .nhr .swiper-button-prev.swiper-button-disabled{opacity:1 !important;}
.nhr .swiper-button-next.swiper-button-disabled{background:url(../images/arrow-next02.png) no-repeat center !important;}
.nhr .swiper-button-prev.swiper-button-disabled{background:url(../images/arrow-prev02.png) no-repeat center !important}
.nhr .swiper-button-next, .nhr .swiper-button-prev{ width:47px; height:47px; left:auto !important; right:115px;  bottom:0 !important;opacity:1; outline:none; top:auto !important}
.nhr .swiper-button-next{ background:url(../images/arrow-next02h.png) no-repeat center; left:auto; right:60px; bottom:0 !important;}
.nhr .swiper-button-prev{ background:url(../images/arrow-prev02h.png) no-repeat center}

.hrlist .conn{ padding-top:20px;}
.hrlist .item{ width:48.75%; cursor:pointer; margin-bottom:2.5%; padding:2% 3%; background:#fff; border-radius:5px; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.hrlist .item:nth-child(2n){ float:right}
.hrlist .item:nth-child(2n+1){ clear:both}
.hrlist .item h3{ font-size:18px;}
.hrlist .item .intro{ font-size:14px; color:#666}
.hrlist .intro span{ padding-right:30px;}
.hrlist .intro span:last-child{ padding-right:0}
.hrlist .black{ color:#333}
.hrlist .more{ width:110px; display:block; margin-top:10px; font-size:14px; line-height:35px; border:solid 1px #ddd; text-align:center; color:#076e49; border-radius:5px}
.hrlist .item:hover .more{ color:#fff; background:#076e49}
.hrlist .item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.hrlist .item .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99999999999}
.hrlist .item .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.hrlist .item .hd .closed{ width:40px; height:40px; display:block; background:url(../images/hrclose.png) no-repeat center; background-size:cover;position:absolute; left:50%; top:10%; margin-top:50px; margin-left:380px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99999;}
.hrlist .item .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg); }
.hrlist .item .hd .hr_con{ background:#fff; width:960px; height:80%; position:absolute;top:10%;left:50%; margin-left:-480px; padding:30px; line-height:35px; cursor:default; overflow-y:auto; z-index:99}
.hrlist .item .hd .hr_con .hrtitle{ margin:30px 0}
.hrlist .item .hd .hr_con h3{ font-size:24px; color:#444; margin-bottom:20px;}
.hrlist .item .hd .hr_con .kuai{ border-top:solid 2px #ddd; padding:35px 0}


.hrfazhan{background:url(../images/hrbg.jpg) no-repeat center; background-size:cover}
.hrfazhan .item{ float:left; width:32%; margin-right:2%; color:#fff; padding:100px 65px; height:430px;margin-bottom:40px; margin-top:40px;transition: 0.5s; background-color:rgba(7,110,73,0.8)}
.hrfazhan .item:hover{ padding:50px 65px; margin-bottom:0px; margin-top:0px;height:510px;}
.hrfazhan .item:nth-child(3n){ margin-right:0}
.hrfazhan .item .icon{width:30%; max-width:150px; border-radius:50%; border:solid 2px #fff; margin:0 auto}
.hrfazhan .item .icon img{ width:100%; height:auto; display:block}
.hrfazhan .item .intro { padding-top:20px;}
.hrfazhan .item .intro h3{ font-size:24px; font-weight:bold; line-height:60px; text-align:center}
.hrfazhan .item .intro h3:after{ content:""; position:absolute; opacity:0; width:26px; height:1px; background:#fff; bottom:0; left:50%; margin-left:-13px;}
.hrfazhan .item:hover .intro h3:after{ opacity:1}
.hrfazhan .item .intro p{ display:none}
.hrfazhan .item:hover .intro p{ display:block}


.ncb01 .conn{ position:relative}
.ncb01 .item{ float:left; width:calc(25% - 1px); padding:30px 0; border-right:solid 1px #ddd; text-align:center}
.ncb01 .item:nth-child(4){ border:none}
.ncb01 .item .icon{transition: 0.5s; margin:10px auto 10px auto;}
.ncb01 .item:hover .icon{ margin:0px auto 20px auto;}
.ncb01 .item h3{ font-size:14px; margin-bottom:10px;}
.ncb01 .item p{ color:#444; font-weight:bold}

.message{background:url(../images/messages.jpg) no-repeat center; background-size:cover}
.message .conn{ background:#fff;}
.message .conn form{ width:90%; max-width:950px; margin:0 auto; padding:75px 0}
.message .row{ position:relative; clear:both}
.message .colum{position:relative;margin-bottom:20px; }
.message label{ position:absolute; left:0;top:0; line-height:48px; color:#999;padding-left:10px}
.message label span{ color:#e61d20}
.message .row2 .colum{ width:48%; float:left}
.message .row2 .colum:nth-child(2){ float:right}
.message .inp{width: 100%;border: 1px solid #ddd;line-height:48px;padding: 0 15px;transition: border-color .5s; padding-left:75px;}

.message textarea{width: 100%;height:200px; display:block;border: 1px solid #ddd;line-height:24px;padding:15px;transition: border-color .5s;padding-left:135px;margin-bottom:20px; }
.message .submit{ width:60%; line-height:48px; height:48px; text-align:center; cursor:pointer; font-size:18px; border:0; background:#076e49; color:#fff; margin:0 auto; display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.message input:hover, .message textarea:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2); }


.ndown .conn .kuai{ float:left; width:48.75%; padding:25px; line-height:40px; border:solid 1px #ddd; background:#fff; font-size:18px; margin-bottom:2.5%; }
.ndown .conn .kuai:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.ndown .conn .kuai:nth-child(2n){ float:right}
.ndown .conn .kuai:nth-child(2n+1){ clear:both}
.ndown .conn .kuai a{display:table;background:url(../images/down02.png) no-repeat center right; }
.ndown .conn .kuai a:hover{background:url(../images/down.png) no-repeat center right;}
.ndown .conn .kuai .pics{display: table-cell; vertical-align: middle;width: 28%; border:solid 1px #ddd; background:#fff}
.ndown .conn .kuai .pics img{-webkit-filter: grayscale(100%);filter: grayscale(1);filter: grayscale(100%); display:block; width:100%; height:auto}
.ndown .conn .kuai:hover .pics{border:solid 1px #076e49;}
.ndown .conn .kuai:hover .pics img{-webkit-filter: grayscale(0%);filter: grayscale(0);filter: grayscale(0%);}
.ndown .conn .kuai .wenzi{display: table-cell; vertical-align: middle;width:60%; padding:0 80px 0 40px;  }
.ndown .conn .kuai .wenzi h3{font-size:18px; font-weight:bold; line-height:30px;}

.nhuizhan span{ float:left; display:inline-block}
.nhuizhan .hztop, .zhlist .hzkuai{ padding:28px 15px; line-height:34px}
.nhuizhan .hztop{  background:#076e49; font-size:18px; color:#fff; text-align:center}
.nhuizhan .hztop span:nth-child(1),.zhlist .hzkuai span:nth-child(1){ width:25%}
.nhuizhan .hztop span:nth-child(2),.zhlist .hzkuai span:nth-child(2){ border-left:solid 1px #ddd; border-right:solid 1px #ddd; text-align:center}
.nhuizhan .hztop span:nth-child(2),.zhlist .hzkuai span:nth-child(2){ width:18%}
.nhuizhan .hztop span:nth-child(3),.zhlist .hzkuai span:nth-child(3){ width:50%; padding-left:3%}
.nhuizhan .hztop span:nth-child(4),.zhlist .hzkuai span:nth-child(4){ width:7%; background:url(../images/huizhana.png) no-repeat center right; padding-right:28px; font-size:14px; text-align:right}

.zhlist .hzkuai{ border-bottom:solid 1px #ddd;}
.zhlist .hzkuai a{ color:#444}
.zhlist .hzkuai:hover{ background:#e6f0ec;}
.zhlist .hzkuai:hover span:nth-child(4){ background:url(../images/huizhan.png) no-repeat center right; color:#076e49 }


.newslist .newskuai { padding:38px 0; position:relative; border-bottom:solid 1px #ddd}
.newslist .newskuai .pic{ float:left; width:16.5%; border:solid 1px #ddd}
.newslist .newskuai .wenzi{ padding:10px 38px; width:calc(83.5% - 60px); float:left}
.newslist .newskuai .wenzi h3{ font-size:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:5px}
.newslist .newskuai .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; line-height:24px; height:72px; font-size:14px; color:#444}
.newslist .newskuai .wenzi .more{ display:inline-block;background:url(../images/huizhana.png) no-repeat center right; padding-right:28px; font-size:14px }
.newslist .newskuai:hover .wenzi .more{background:url(../images/huizhan.png) no-repeat center right; color:##076e49;}
.newslist .newskuai:hover .pic{ border:solid 1px #076e49;box-shadow: 0 0 15px rgba(0,0,0,0.3); }
.newslist .newskuai .date{ width:56px; text-align:center; position:absolute; right:0; top:50%; margin-top:-30px}
.newslist .newskuai .date h3{ font-size:30px; font-weight:bold; color:#076e49; text-align:center; border-bottom:solid 1px #ddd; padding-bottom:5px}
.newslist .newskuai .date p{ font-size:14px;}


.newsxiang .newsx{ float:left; width:71%}
.newsxiang .tuijiannews{ float:right; width:26%}
.newsxiang .newsx .newstitle{ border-bottom:solid 1px #ddd; padding-bottom:10px}
.newsxiang .newsx .newstitle h3{ font-size:24px; margin-bottom:5px;}
.newsxiang .newsx .newstitle p{ font-size:14px; color:#999}
.newsxiang .newsx .conn{ line-height:35px; padding:20px 0 40px 0}
.newsxiang .conn img{ display:block; width:auto; max-width:100%; height:auto; margin:5px auto}
.newsxiang .newsx .shangxia { font-size:14px;height:80px;display: flex; align-items: center; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; }
.newsxiang .newsx .shangxia p{ width:50%; display:inline-block;}
.newsxiang .newsx .shangxia p:nth-child(2){ text-align:right}
.newsxiang .newsx .shangxia p a{ color:#999; display:block;}
.newsxiang .newsx .shangxia p a:hover{color:#076e49; }
.newsxiang .tuijiannews .tjtitle h3{ border-bottom:solid 1px #ddd; line-height:60px; margin-top:15px; font-size:24px;}
.newsxiang .tuijiannews .kuai{ padding:15px 0 10px 0; border-bottom:solid 1px #ddd}
.newsxiang .tuijiannews .kuai .date{ width:56px; text-align:center; float:left}
.newsxiang .tuijiannews .kuai .date h3{ font-size:30px; font-weight:bold; color:#076e49; text-align:center; border-bottom:solid 1px #ddd; padding-bottom:5px}
.newsxiang .tuijiannews .kuai .date p{ font-size:14px;}
.newsxiang .tuijiannews .kuai .wenzi{ width:calc(100% - 100px); float:right} 


.npro{ background:#f5f7f9}
.npro .nprolist{background:#fff; float:left; width:250px; border-radius:0 30px 0 0}
.npro .nprolist .ptitle{padding:40px 40px 20px 40px; }
.npro .nprolist .ptitle h3{ font-size:24px; line-height:24px; border-left:solid 5px #076e49; padding-left:15px; }
.npro .nprolist li{ border-bottom:solid 1px #fff; line-height:50px; }
.npro .nprolist .toptit a{ display:block;}
.npro .nprolist .toptit{ cursor:pointer; position:relative; background:#ddd; padding:0 40px;}
.npro .nprolist li.cur .toptit{ background:#076e49;}
.npro .nprolist li.cur .toptit a{ color:#fff}
.npro .nprolist .toptit .icon{ width:24px; height:24px;  background:url(../images/pdown.png) no-repeat center center; position:absolute; right:25px;top:50%; margin-top:-12px;}
.npro .nprolist li.cur .toptit .icon{ width:24px; height:24px;background:url(../images/pup.png) no-repeat center center;right:25px;top:50%; margin-top:-12px;}
.npro .nprolist .cont{ display:none; line-height:35px;margin-top:-10px; padding:15px 40px}
.npro .nprolist li.cur .cont{ display:block}
.npro .nprolist .cont p a.cli, .nprolist .cont p a:hover{ color:#076e49}
.npro .pright{ float:right; width:calc(100% - 285px)}

.npro .pright{position:relative;text-align:center; }
.npro .pright li{ float:left; width:32%; margin-right:2%; margin-bottom:2%}
.npro .pright li:nth-child(3n){ margin-right:0}
.npro .pright li:nth-child(3n+1){ clear:both}
.npro .pright a{background:#fff; display:block; position:relative}
.npro .pright a:hover{ background:#076e49; color:#fff}
.npro .pright .wenzi { padding:25px;}
.npro .pright .wenzi h3{ font-size:18px; font-weight:bold; padding:15px 0; color:#076e49}
.npro .pright .wenzi p{ font-size:14px; text-align:left; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; height:72px}
.npro .pright a:hover h3{ color:#fff}


.nprox{ background:#f5f7f9}
.nprox .conn{ position:relative;}
.nprox .picleft{ width:auto; max-width:48%; height:auto;position:relative; margin-left:-15px; z-index:1}
.nprox .picleft{ position:relative; z-index:1;  height:auto !important }
.nprox .picleft img{ display:block; width:100%;background:#fff;height:auto !important;}
.nprox .picleft .swiper-container{position:relative; height:auto !important; }
.nprox .picleft .swiper-slide{ margin-bottom:30px; padding:15px;}
.nprox .picleft .swiper-pagination{bottom:0px; text-align:center;}
.nprox .swiper-pagination-bullet{ width:12px; height:12px; border:none; opacity:1; background:#ddd; margin:0 5px; border-radius:50%;}
.nprox .swiper-pagination-bullet-active{ background:#076e49;}
.nprox .picleft .swiper-slide{ position:relative}
.nprox .text{ position:absolute; width:60%; height:calc(100% - 60px);background:#dff1f1; padding:5% 5% 5% 10%; top:58px; right:0; }
.nprox .text h3{ font-size:30px; font-weight:bold; line-height:40px; position:relative; margin-bottom:20px; padding-bottom:20px; color:#076e49; position:relative}
.nprox .text h3:after{ content:""; position:absolute; left:0; bottom:0; width:58px; height:2px;background:#076e49;}

.nprox03{position:relative;text-align:center; }
.nprox03 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%}
.nprox03 li:nth-child(4n){ margin-right:0}
.nprox03 li:nth-child(4n+1){ clear:both}
.nprox03 a{background:#fff; display:block; position:relative}
.nprox03 a:hover{ background:#076e49; color:#fff}
.nprox03 .wenzi { padding:25px;}
.nprox03 .wenzi h3{ font-size:18px; font-weight:bold; padding:5px 0; color:#076e49}
.nprox03 .wenzi p{ font-size:14px; color:#999}
.nprox03 a:hover h3{ color:#fff}


.case-con .conn{ padding:60px; background:#e6f0ec; margin-top:40px}
.case-con-left{width:60%; float:left; }
.case-con-right{width:38%; float:right;}
.case-con-left dl{width:100%;display:none; background:#fff}
.case-con-left dl:nth-child(1){display: block;}
.case-con-left dl dt{ position:relative}
.case-con-left dl dt .jiantou{ background: url(../images/jt.png) #076e49 no-repeat center center; width:70px; height:68px; position:absolute; right:0; bottom:-34px; }
.case-con-left dl dt .jiantou:hover{background: url(../images/jt.png) #076e49 no-repeat center center; }
.case-con-left dl dt img{width:100%; display:block}
.case-con-left dl dd { padding:0 3% 3% 3%;}
.case-con-left dl dd h2{font-size:20px;color:#076e49;font-weight:normal;margin:10px 0; font-weight:bold}
.case-con-left dl dd p{text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden; height:60px; color:#333}

.case-con-right .case-right-ul{height:580px;overflow-y: auto; }
.case-con-right .case-right-ul li{cursor: pointer; position:relative; background:#fff;margin-left:10px}
.case-con-right .case-right-ul li .inconn{padding:20px 15px;position: relative}
.case-con-right .case-right-ul li .line{ height:1px; background:#ddd; width:calc(100% - 25px); margin-left:25px;}
.case-con-right .case-right-ul li.on .inconn{ background: #076e49;}
.case-con-right .case-right-ul li.on .jiantou{position: absolute;content: ''; z-index:99;top: 50%;width: 0;left:-10px; margin-top:-10px;height: 0;border-style: solid; border-width: 10px 10px 10px 0;border-color: transparent #076e49 transparent transparent ; }

.case-con-right .case-right-ul li .pic{width:28%;float:left}
.case-con-right .case-right-ul li .pic img{width:100%;transition: all .3s}
.case-con-right .case-right-ul li .info{width:67%;float:left;margin-left:5%;}
.case-con-right .case-right-ul li .info b{display: block;font-size:18px; line-height:42px;color:#333; font-weight:normal}
.case-con-right .case-right-ul li .info span{display: block;color:#999; font-size:14px;}
.case-con-right .case-right-ul li.on b, .case-con-right .case-right-ul li.on span{ color:#fff}
div::-webkit-scrollbar{
  width:4px;
  height:10px;
  /**/
}
div::-webkit-scrollbar-track{
  background:#CCCCCC;

}
div::-webkit-scrollbar-thumb{
  background: #076e49;
  border-radius:10px;
}
div::-webkit-scrollbar-thumb:hover{
  background: #076e49;
}
div::-webkit-scrollbar-corner{
  background: #076e49;
}

.nhezuo{ padding-top:20px}
.nhezuo .item{ float:left; width:48.5%; position:relative}
.nhezuo .item:nth-child(2n){ float:right}
.nhezuo .item .wenzi{ line-height:80px; font-size:24px; text-align: center; color:#fff; position:absolute; left:0; bottom:0; width:100%; background:#076e49}