@charset "utf-8";
/*.nk-am-times{ transition: all ease .6s; }
.nk-text-overflow{ overflow: hidden; text-overflow: ellipsis; }
.nk-clear-bug{ font-size: 0; }
.nk-am-zoom{ transform: scale(1.1); }
.nav{ width: 1000px; height: 50px; text-align: center; line-height: 50px; font-size: 0; }
.nav span{ display: inline-block; width: 50px; height: 50px; background: #000; font-size: 16px; }*/
*{ outline: none; }
html::-webkit-scrollbar {display:none}
body::-webkit-scrollbar {display:none}

body{ background: #f7f7f7; }

.header{ position: relative; width: 100%; height: 110px; background: #fff; z-index: 9999;}
.head{ width: 1200px; margin: auto; }
.head .logo{ float: left; width: 450px; padding: 20px 0; }
.head .search{ float: right; height: 30px; padding-top: 10px; text-align: left; }
.head .search input{ float: left; width: 188px; height: 28px; border: 1px solid #f0f0f0; line-height: 28px;  font-size: 14px; }
.head .search button{ float: left; width: 70px; height: 30px; background: #3eaf68; border: 0; font-size: 12px; color: #fff; margin-right: 1em; }
.head .search button i{ padding-right: .5em; }
.head .search a{ float: left; color: #3eaf68; font-size: 14px; line-height: 30px; padding: 0 .5em; }
.nav{ float: right; width: 720px; }
.nav ul{ width: 100%; }
.nav ul li{ position: relative; float: left; }
.nav ul li>a{ display: block; width: 90px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; }
.nav dl{ position: absolute; left: -15px; top: 50px; width: 120px; overflow: hidden; display: none; }
.nav dl dd{ width: 100%; border-bottom: 1px solid rgba(62,175,104,.5); }
.nav dl dd a{ display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #fff; background: rgba(62,175,104,.8); }
.nav dl dd a:hover{ background: #3eaf68; }
.nav li.on dl{ display: block; }


.slider{ width: 100%; height: 555px; background: #ccc; z-index: 1; }
.slider i{ display: block; width: 100%; height: 555px; }
.slider-dots{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; font-size: 0; text-align: center; z-index: 999; }
.slider-dots li{ display: inline-block; padding: 2px; margin: 3px; border-radius: 50%; cursor: pointer; }
.slider-dots li button{ display: block; width: 8px; height: 8px; border: 0; background: #3eaf68; border-radius: 50%; text-indent: 99999px;}
.slider-dots li.slick-active{ background: #fff; }

.nk-box{ width: 1200px; height: auto; margin: auto; padding: 70px 0; }
.nk-box .box-tit{ text-align: center; padding-bottom: 30px; }
.nk-box .box-tit h2{ font-size: 30px; line-height: 2; text-transform: uppercase; font-weight: bold; font-family: Arial; color: #ccc}
.nk-box .box-tit h1{ font-size: 24px; line-height: 1; font-weight: bold; color: #3eaf68; }
.nk-box .box-con a.more{ display: block; width: 198px; height: 48px; margin: 60px auto 0 auto; border: 1px solid #999; text-align: center; line-height: 48px; font-size: 14px; cursor: pointer; }
.nk-box .box-con a.more i{ padding-left: 1em; font-size: 16px; }
.nk-box .box-con a.more:hover{ border-color: #3eaf68; }

.nk-case{ position: relative; width: 1200px; height: 620px; margin: auto; margin-top: -300px; margin-bottom: 70px; background: #3eaf68; }
.nk-case .case-tit{ position: absolute; left: 0; top: 0; float: left; width: 210px; padding: 40px 35px; }
.nk-case .case-tit h1{ font-size: 30px; color: #fff; line-height: 2; }
.nk-case .case-tit h2{ font-size: 26px; color: #fff; text-transform: uppercase; font-family: Arial; line-height: 1.25; }
.case-list{ position: relative; width: 1200px; height: 620px; }
.case-items{}
.case-items h1{ float: left; width: 220px; height: 80px; line-height: 25px; margin-top: 460px; background: #3eaf68; color: #fff; padding: 40px 30px; font-size: 16px; }
.case-items i{ float: left; width: 920px; height: 560px; }
.case-items i img{ display: block; width: 100%; height: 100%; }
.case-items span{ float: left; width: 920px; height: 60px; line-height: 60px; background: #f2f2f2; }
.case-items span a{ float: right; margin-right: 40px; font-size: 14px; color: #333; }
.case-items span a b{ padding-left: 1em; font-size: 16px; }
.case-list .slick-arrow{ position: absolute; bottom: 17px; width: 26px; height: 26px; border: none; background: none; z-index: 999; text-indent: -99999px; cursor: pointer; }
.case-list .slick-prev{ left: 330px; background: url('../img/cprev.png') no-repeat; }
.case-list .slick-next{ left: 366px; background: url('../img/cnext.png') no-repeat; }

.nk-row{ width: 100%; }
.nk-gray{ height: 340px; background: #dbdbdb; }

.nk-about{ height: 600px; background: url('../img/about.png') center top no-repeat; background-size: cover; }
.nk-about .box-tit h2,
.nk-about .box-tit h1{ color: #fff; font-weight: normal; }
.nk-about .box-con .info{ width: 940px; margin: auto; }
.nk-about .box-con p{ font-size: 14px; line-height: 1.5; color: #fff; text-align: center; }

.about-list{ width: 1200px; overflow: hidden; padding-top: 50px; }
.about-list li{ float: left; width: 298px; border-right: 2px solid rgba(255,255,255,.3); }
.about-list li:last-child{ border-right: 0; }
.about-list li a{ display: block; width: 100%; text-align: center; color: #fff; }
.about-list li a i{ display: block; width: 100%; text-align: center; height: 60px; line-height: 60px; padding: 20px 0; }
.about-list li a i img{ display: inline-block; vertical-align: middle; }
.about-list li a h1{ font-size: 24px; line-height: 1.8; color: #f7f7f7; }
.about-list li a h5{ font-size: 14px; line-height: 1.5; color: #dbdbdb; }

.product-list{ width: 100%; height: 460px;}
.product-list li{ display: block; }
.product-list li a{ display: block; width: 280px; margin: auto; }
.product-list li a i{ display: block; width: 280px; height: 420px; overflow: hidden; }
.product-list li a i img{ display: block; width: 100%; height: 100%; transition: all ease .6s; }
.product-list li a h1{ position: relative; width: 280px; height: 40px; background: #efefef; text-align: center; line-height: 40px; font-size: 14px; color: #222; transition: all ease .6s; }
.product-list li a:hover i img{ transform: scale(1.1); transition: all ease .6s; }
.product-list li a:hover h1{ color: #fff; background: #3eaf68; transition: all ease .6s;}
.product-list .slick-arrow{ position: absolute; top: 115px; width: 20px; height: 35px; border: none; background: none; text-indent: -99999px; cursor: pointer; }
.product-list .slick-prev{ left: -40px; background: url('../img/prev.png') no-repeat; }
.product-list .slick-next{ right: -40px; background: url('../img/next.png') no-repeat; }

.con-left,
.con-right{ float: left; width: 580px; }
.con-right{ float: right; }
.con-left a{ display: block; width: 100%; overflow: hidden; }
.con-left a i{ display: block; width: 580px; height: 300px; overflow: hidden; }
.con-left a i img{ display: block; width: 100%; height: 100%; transition: all ease .6s; }
.con-left a:hover i img{ transform: scale(1.1); transition: all ease .6s; }

.con-left a h1{ padding-top: 10px; line-height: 50px; font-size: 16px; overflow: hidden; font-weight: bold; }
.con-left a h1 em{ float: right; font-size: 12px; line-height: 50px; font-weight: normal; color: #666 }
.con-left a h5{ font-size: 14px; line-height: 25px; text-indent: 2em; padding-bottom: 15px; }
.con-left a span{ display: block; height: 40px; line-height: 40px; font-size: 14px; background: #eee; text-indent: 2em; font-weight: normal; }
.con-left a span b{ float: right; height: 40px; line-height: 40px; padding: 0 1em; font-size: 16px; }

.con-right>h1{ overflow: hidden; height: 30px; }
.con-right>h1>span{ float: left; font-size: 18px; color: #3eaf68; height: 30px; line-height: 30px; }
.con-right>h1>span>i{ font-size: 16px; color: #3eaf68; padding-right: .5em; }
.con-right>h1>a{ float: right; font-size: 12px; color: #999; height: 30px; line-height: 30px; }
.con-right>h1>a>i{ font-size: 16px; padding-left: .5em;}

.news-list{ overflow: hidden; }
.news-list li{ margin-top: 10px; }
.news-list li a{ display: block; width: 100%; height: 80px; padding: 27px 0 28px 0; background: #fff; }
.news-list li a .time{ float: left; width: 120px; padding-top: 55px; line-height: 25px; text-align: center; font-size: 14px; color: #999; background: url('../img/news.png') center top no-repeat; }
.news-list li a .info{ float: right; width: 440px; padding-right: 10px; }
.news-list li a .info h1{ font-size: 16px; line-height: 30px; }
.news-list li a .info h5{ font-size: 14px; line-height: 25px; text-indent: 2em; color: #999; }

.footer{ width: 100%; padding: 100px 0; background: #3eaf68; overflow: hidden; }
.foot{ width: 1200px; margin: auto; overflow: hidden; }
.foot-left{ float: left; width: 750px; }
.nav-bar{ float: left; padding-bottom: 20px; }
.nav-bar li{ float: left; }
.nav-bar li a{ display: block; color: #fff; font-size: 14px; padding-right: 2em; height: 30px; line-height: 30px; }
.address{ float: left; font-size: 14px; line-height: 25px; color: #fff; }
.logo-bar{ float: right; width: 450px; height: 70px; padding: 15px 0; }
.cpry{ width: 100%; height: 40px; background: #3eaf68; }
.cpr{ width: 1200px; height: 40px; line-height: 40px; color: #fff; font-size: 12px; margin: auto; }
.cpr span{ float: right; }
.cpr span a{ color: #fff; }

.right-bar{ position: fixed; right: 0; top: 50%; width: 80px; height: 280px; margin-top: -140px; z-index: 999; border-radius: 4px 0 0 4px; overflow: hidden; }
.right-bar a{ display: block; width: 80px; height: 50px; padding: 10px 0; background: #3eaf68; color: #fff; }
.right-bar a i,
.right-bar a span{ display: block; text-align: center; }
.right-bar a i{ font-size: 24px; line-height: 30px; }
.right-bar a span{ font-size: 14px; line-height: 20px; }

/*sub*/
.banner{ width: 100%; height: 320px; background-position: center top; background-repeat: no-repeat; background-size: cover; }

.sub-title{ width: 100%; overflow: hidden; padding: 50px 0; margin: auto; text-align: center; }
.sub-title h2{ font-size: 30px; color: #ccc; font-family: Arial; text-transform: uppercase; font-weight: bold; line-height: 2; }
.sub-title h1{ font-size: 24px; color: #3eaf68; font-weight: bold; line-height: 1; }

.wrap{ width: 1200px; overflow: hidden; margin: auto; }
.column-left{ float: left; width: 240px; }
.left-box{ width: 100%; margin-bottom: 30px; }
.left-box .box-tit{ width: 100%; padding-bottom: 10px; border-bottom: 1px solid #3eaf68; }
.left-box .box-tit h1{ height: 30px; line-height: 30px; font-size: 20px; font-weight: bold; color: #3eaf68; background: url('../img/prh.png') left center no-repeat; text-indent: 35px; }
.left-box .box-con{ overflow: hidden; }
.left-box .box-con p{ font-size: 12px; line-height: 2; padding: .5em 0; }
.class-list{ width: 100%; }
.class-list li{ width: 100%; border-bottom: 1px solid #fff; }
.class-list li a{ display: block; width: 100%; height: 45px; line-height: 45px; color: #fff; background: #3eaf68; text-indent: 1em; font-size: 14px }
.class-list li a:before{ content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 4px; background: #fff; vertical-align: middle; margin: 0 .5em; }

.column-right{ float: right; width: 890px; overflow: hidden; }
.bread-list{ width: 100%; border-bottom: 1px solid #ccc; overflow: hidden; }
.bread-list li{ float: left; font-size: 14px; }
.bread-list li b,
.bread-list li span,
.bread-list li a{ display: block; height: 35px; line-height: 35px; font-weight: normal; }
.bread-list li a:after{ content:'>'; padding: 0 .5em; color: #999 }

.article-box{ width: 100%; overflow: hidden; }
.article-title{ padding-top: 30px; text-align: center; }
.article-title h1{ font-size: 22px; line-height: 1.25; color: #3eaf68 }
.article-title h5{ font-size: 14px; line-height: 1; padding: .75em 0; color: #999; }
.article-content{ font-size: 16px; line-height: 2; overflow: hidden; padding-top: 30px; padding-bottom: 50px; }
.article-content img{ display: inline-block; max-width: 880px; }
.article-flip{ width: 100%; overflow: hidden; }
.article-flip .prev{ float: left; width: 49%; text-align: left; font-size: 14px; line-height: 1.5; padding: 10px 0; }
.article-flip .next{ float: right; width: 49%; text-align: right; font-size: 14px; line-height: 1.5; padding: 10px 0; }

.list-box,
.list-news{ width: 100%; overflow: hidden; }
.list-news li{ width: 100%; overflow: hidden; padding-top: 30px; }
.list-news li a{ display: block; width: 100%; overflow: hidden; }
.list-news li i{ float: left; width: 240px; height: 135px; margin-right: 20px; }
.list-news li i img{ display: block; width: 100%; height: 100%; }
.list-news li h1{ font-size: 18px; line-height: 30px; }
.list-news li h6{ font-size: 12px; line-height: 20px; color: #999 }
.list-news li h5{ font-size: 14px; line-height: 20px; color: #333; padding: 5px 0; }
.list-news li span{ float: right; height: 28px; line-height: 28px; border: 1px solid #ccc; padding: 0 1em; margin-top: 5px; font-size: 12px; border-radius: 15px; color: #aaa; }
.list-news li a:hover span{ color: #3eaf68; border: 1px solid #3eaf68; }

.column-main{ width: 100%; overflow: hidden; }
.list-pic{ width: 100%; overflow: hidden; }
.list-pic li{ float: left; width: 25%; overflow: hidden; padding: 20px 0; }
.list-pic li a{ position: relative; display: block; width: 290px; overflow: hidden; margin: auto; }
.list-pic li i{ display: block; width: 290px; height: 220px; overflow: hidden; }
.list-pic li i img{ display: block; width: 100%; height: 100%; transition: all ease .6s; }
.list-pic li h1{ height: 50px; line-height: 50px; font-size: 14px; text-align: center; color: #3eaf68; background: #f3f3f3; transition: all ease .6s; }
.list-pic li .mask{ position: absolute; left: 20px; top: 20px; width: 208px; height: 93px; padding: 20px; color: #fff; text-align: center; border: 1px solid #fff; background: rgba(62,175,104,.8); box-shadow: 0 0 0 20px rgba(62,175,104,.8); opacity: 0; transition: all ease .6s;}
.list-pic li a:hover .mask{ opacity: 1; transition: all ease .6s; }
.list-pic li a:hover h1{ color: #fff; background: #3eaf68; transition: all ease .6s; }
.list-pic li a:hover img{ transform: scale(1.1); transition: all ease .6s; }

.list-pic-pro{ width: 100%; overflow: hidden; }
.list-pic-pro li{ float: left; width: 25%; overflow: hidden; padding: 20px 0; }
.list-pic-pro li a{ position: relative; display: block; width: 290px; overflow: hidden; margin: auto; }
.list-pic-pro li i{ display: block; width: 290px; height: 435px; overflow: hidden; }
.list-pic-pro li i img{ display: block; width: 100%; height: 100%; transition: all ease .6s; }
.list-pic-pro li h1{ height: 50px; line-height: 50px; font-size: 14px; text-align: center; color: #3eaf68; background: #f3f3f3; transition: all ease .6s; }
.list-pic-pro li .mask{ position: absolute; left: 20px; top: 20px; width: 208px; height: 353px; padding: 20px; color: #fff; text-align: center; border: 1px solid #fff; background: rgba(62,175,104,.8); box-shadow: 0 0 0 20px rgba(62,175,104,.8); opacity: 0; transition: all ease .6s;}
.list-pic-pro li a:hover .mask{ opacity: 1; transition: all ease .6s; }
.list-pic-pro li a:hover h1{ color: #fff; background: #3eaf68; transition: all ease .6s; }
.list-pic-pro li a:hover img{ transform: scale(1.1); transition: all ease .6s; }

.page-list{ width: 100%; padding: 30px 0; text-align: center; font-size: 0; }
.page-list span,
.page-list b,
.page-list a{ display: inline-block; padding: 0 .6em; font-size: 14px; font-weight: normal; border-radius: 2px; margin: 0 3px; background: #fff; cursor: pointer; }
.page-list span{ color: #aaa; border: 1px solid #ccc; }
.page-list b{ color: #fff; background: #3eaf68; border: 1px solid #3eaf68; }
.page-list a{ color: #222; border: 1px solid #ccc; }

#contactmap{ width: 1200px; height: 600px; margin: auto; margin-bottom: 30px; }

.list-pic-honer{ width: 100%; overflow: hidden; }
.list-pic-honer li{ float: left; width: 33.33333%; overflow: hidden; padding: 20px 0; }
.list-pic-honer li a{ position: relative; display: block; width: 280px; overflow: hidden; margin: auto; }
.list-pic-honer li i{ display: block; width: 280px; height: 210px; overflow: hidden; }
.list-pic-honer li i img{ display: block; width: 100%; height: 100%; transition: all ease .6s; }
.list-pic-honer li h1{ height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #3eaf68; background: #f3f3f3; transition: all ease .6s; }
.list-pic-honer li .mask{ position: absolute; left: 20px; top: 20px; width: 198px; height: 128px; padding: 20px; color: #fff; text-align: center; border: 1px solid #fff; background: rgba(62,175,104,.8); box-shadow: 0 0 0 20px rgba(62,175,104,.8); opacity: 0; transition: all ease .6s;}
.list-pic-honer li a:hover .mask{ opacity: 1; transition: all ease .6s; }
.list-pic-honer li a:hover h1{ color: #fff; background: #3eaf68; transition: all ease .6s; }
.list-pic-honer li a:hover img{ transform: scale(1.1); transition: all ease .6s; }
.link a:hover{color: #fff;}
.link a:visited{color: #fff;}
.link a{color: #fff;}