@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:"Microsoft Yahei" ;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;color:#000; }
a{color:#333; text-decoration:none;outline:none;}
a:hover{color:#167c3b;text-decoration:none;}
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;}
.fl{float:left;}
.fr{float:right}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button{ outline:none;font-family:"Microsoft Yahei";-webkit-appearance: none ;}


.space{ width:100%; height:136px;}

.wrap{ width:96%; max-width:1300px; margin:0 auto;}
.sectionnext{ padding:0px 0 70px 0}

.jvzhong{ text-align:center}
.title{ margin-bottom:42px; position:relative; width:100%}
.title h3{ font-size:36px; font-weight:bold; color:#333; padding-bottom:15px;}
.title p{ font-size:18px; color:#999;padding-bottom:25px;}
.title:after{ position:absolute; content:""; height:4px; width:140px; left:50%; bottom:0; margin-left:-70px; background:#167c3b;}

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


.header{width: 100%;top:0;left:0; position:fixed; z-index:9999; background:#fff;box-shadow:0 0px 10px rgba(0,0,0,0.1);}
.header .top{ background:#3a7642; line-height:40px; height:40px; color:#fff}
.header .top .wel{ float:left; }
.header .top .use{ float:right}
.header .top .use .tel{background:url(../images/tel.png) no-repeat left center; padding-left:20px;}
.header .top .use .mail{background:url(../images/mail.png) no-repeat left center; padding-left:25px; margin-left:10px;}
.header .top .use .mail a{ color:#fff}
.header .nav .wrap{ position:relative}
.header .nav .logo{ float:left;padding:18px 0;}
.header .nav .logo img{ display:block; height:60px; width:auto;}
.header .nav .menu{ float:right}
.header .nav .menu li{ display:inline-block; position:relative}
.header .nav .menu li .menu_a{ line-height:96px; display:block; margin:0 16px; position:relative; font-size:18px;}
.header .nav .menu li .menu_a:after {content: '';width: 0;height: 3px;background-color: #167c3b;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .nav .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .nav .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;background-color:#fff; }
.header .nav .menu .subduan{ text-align:center; box-shadow: 0 0 10px rgba(0%,0%,0%,0.2);width:200px; left:50%; margin-left:-100px; padding-bottom:20px; border-radius:0 0 15px 15px;}
.header .nav .menu .subduan a{ display:block}
.header .nav .menu .subduan a:hover{background: #167c3b; color:#fff;}
.header .nav .menu .subduan p{ line-height:30px; font-size:14px;}
.header .nav .menu .subchang{ text-align:left; box-shadow: 0 0 3px #ccc;width:440px; left:50%; margin-left:-220px; padding:15px 0 25px 0; position:relative;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2);}

.banner{ position:relative; z-index:1}
.banner img{ display:block; width:100%; height:auto}
.banner .swiper-pagination{bottom:3% !important}
.banner .swiper-pagination-bullet{ width:13px; height:13px; background:#ccc; opacity:1; margin:0 5px}
.banner .swiper-pagination-bullet-active{ background:#167c3b}
.banner .swiper-slide{ position:relative;}
.banner .swiper-slide .links{ position:absolute; width:35.9375%; height:6.2%; left:16.5%; top:58.2%; z-index:999;}
.banner .swiper-slide .links a{ float:left; margin-right:0.875912%;transform: skewX(-22deg); width:14.59854%; display:block; position:relative; height:100%}
.banner .swiper-slide .links a:last-child{ margin-right:0}
.banner .swiper-slide .links a:nth-child(4){ width:22.62774%}

.footer{ background:#333333; padding:30px 0; line-height:24px; font-size:14px;}
.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 {color:#fff;display:inline-block;cursor:pointer;}
.footer li:nth-child(5){ margin-left:30px;}
.footer li:nth-child(6){ margin-right:30px;}
.footer li img{ display:block; margin-top:10px}
.footer h3{ font-weight:bold; font-size:18px; font-style:italic; color:#167c3b; line-height:30px; margin-bottom:5px;}
.footer p a{ color:#fff;}
.footer p a:hover{ color:#167c3b;}
.footer p .more{color:#167c3b;font-style:italic; border-bottom:solid 1px #167c3b; color:#167c3b } 
.footer .chat{ margin:8px 0}
.footer .chat a{ width:31px; height:31px; background:#167c3b; border-radius:50%; display:inline-block; margin-right:10px;}
.footer .chat .qq a{background:url(../images/fqq.png) #167c3b no-repeat center center; background-size:22px auto}
.footer .chat .weixin{ position:relative}
.footer .chat .weixin a{background:url(../images/fcode.png) #167c3b no-repeat center center; background-size:22px auto}
.footer .chat .weixin img{ display:none; position:absolute;left:31px; bottom:0}
.footer .chat .weixin:hover img{ display:block}


.float_kf{ position:fixed;right:10px; bottom:20%; z-index:99; line-height:20px !important}
.float_kf li{ width:50px; text-align:center; background:#167c3b;position:relative; margin-top:10px; padding:10px 0}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#167c3b;}
.float_kf li .hd{ display:none}
.float_kf .tel i{ width:31px; height:31px; background:url(../images/ftel.png) no-repeat; margin:0 auto; display:block}
.float_kf .tel .hd{ background:#167c3b; position:absolute;right:60px;top:0;text-align:left; padding:0px 20px; line-height:50px; width:200px; font-size:18px; color:#fff}
.float_kf .tel .hd a{ color:#fff}
.float_kf .tel .hd span{ float:left}
.float_kf .tel .hd p{ float:left; margin-left:20px}
.float_kf .fqq i{ width:31px; height:31px; background:url(../images/fqq.png) no-repeat; margin:0 auto; display:block}
.float_kf .fqq .hd{ background:#167c3b; position:absolute;right:60px;top:0;text-align:left; padding:0px 20px; line-height:50px; width:200px; font-size:18px; color:#fff}
.float_kf .fqq .hd a{ color:#fff}
.float_kf .fqq .hd span{ float:left}
.float_kf .fqq .hd p{ float:left; margin-left:20px}
.float_kf .fwh i{ width:31px; height:31px; background:url(../images/fcode.png) no-repeat; margin:0 auto; display:block; font-size:14px;}
.float_kf .fwh .hd{ position:absolute; right:60px;top:0; margin-top:-50px; background:#167c3b;padding:25px;color:#fff}
.float_kf .fwh .hd img{ width:120px; display:block;}
.float_kf .backtop{background:#167c3b;border-bottom:none}
.float_kf .backtop i{ width:31px; height:31px; background:url(../images/ftop.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#fff}


.nnav { background:#eeeeee; line-height:50px;}
.nnav span::before {content: '';position: absolute;z-index:-1;top: 0;right: 0;bottom: 0;left: 0;transform: skewX(-22deg);}
.nnav span {padding:0 20px; min-width:100px; text-align:center; line-height:50px;z-index:2; position: relative; display:inline-block; color:#555; font-size:20px; font-weight:bold;text-decoration: none; margin-left:10px;}
.nnav span.cur::before{background: #167c3b;}
.nnav span.cur{color: #fff;}

.location, .location a { color:#999; line-height:55px;}
.location, .location a:hover{ color:#167c3b; }

.nmain{ color:#333}
.nmain .pronav{ float:left; width:21%}
.nmain .prolist{ float:right; width:76%}
.nmain .pronav .biaoti{ line-height:45px; font-size:20px; font-weight:bold; background: #167c3b;color:#fff; padding-left:30px; margin-bottom:15px;}
.nmain .pronav .conn p{ line-height:45px; border-bottom:solid 1px #ddd;}
.nmain .pronav .conn p a{ display:block; background:url(../images/jiantou.png) no-repeat left center; color:#333; padding-left:30px;transition: .5s;}
.nmain .pronav .conn p a:hover, .nmain .pronav .conn p a.cur{background:url(../images/jiantou02.png) no-repeat left center; color:#167c3b; margin-left:5px }
.nmain .prolist li{ float:left; margin-right:2%; margin-bottom:2%; width:calc(32% - 2px); border:solid 1px #ddd;box-shadow: 0 0 10px #ccc;}
.nmain .prolist li:nth-child(3n){ margin-right:0}
.nmain .prolist li:nth-child(3n+1){ clear:both;}
.nmain .prolist li .wenzi{ padding:0 20px 20px 20px;}
.nmain .prolist li .wenzi h3{ font-size:20px; font-weight:bold; color:#167c3b; text-align:center; height:55px;}
.nmain .prolist li .wenzi p{ font-size:14px; line-height:24px; height:96px; overflow:hidden; color:#555}
.nmain .prolist li .more{ background:#555; line-height:48px; color:#fff; padding:0 15px;}
.nmain .prolist li .more span{ display:block; font-size:14px; background: url(../images/projiantou.png) no-repeat 99% center; padding-right:32px; text-align:right}
.nmain .prolist li:hover .more{background:#167c3b;}
.nmain .prolist li:hover .more span{background: url(../images/projiantou02.png) no-repeat 99% center;}


.proxtop .pics{ float:left; width:50%; border:solid 1px #ddd; padding:20px}
.proxtop .pics .tabs{width:18%; float:left;}
.proxtop .pics .tabs a{ display:block; margin-bottom:15px; position:relative; padding-right:11px;}
.proxtop .pics .tabs img{ display:block; width:100%;border:1px solid #ddd; }
.proxtop .pics .tabs .active img{ border:1px solid #167c3b;}
.proxtop .pics .tabs .active:after{ content:""; position:absolute; right:1px; top:50%; margin-top:-10px;background: url(../images/pjiantou.png) no-repeat center center; width:11px; height:19px;}
.proxtop .swiper-container{ float:right; width:80%; }
.proxtop .swiper-container img{ width:auto; width:100%; height:auto}
.proxtop .wenzi{ float:right; width:47%}
.proxtop .wenzi h3{
	line-height:30px;
	font-weight:bold;
	color:#167c3b;
	font-size:24px;
	border-bottom:solid 1px #ddd;
	padding-bottom: 20px;
}
.proxtop .wenzi .intro{ padding:10px 0}
.proxtop .wenzi .down{ margin-top:10px;}
.proxtop .wenzi .down h3{line-height:55px; font-weight:bold; color:#167c3b; font-size:20px; border-bottom:solid 1px #ddd;}
.proxtop .wenzi .down p{ line-height:50px; border-bottom:solid 1px #ddd;}
.proxtop .wenzi .down p a{background: url(../images/down.png) no-repeat right center; display:block}
.proxtop .wenzi .down p a:hover{background: url(../images/down02.png) no-repeat right center;}

.probottom { margin-top:30px;}
.probottom .tabmenu {line-height:50px;height:50px; border-bottom:solid 1px #ddd;}
.probottom .tabmenu li::before {content: '';position: absolute;z-index:-1;top: 0;right: 0;bottom: 0;left: 0; background:#eee; transform: skewX(-22deg);}
.probottom .tabmenu li {padding:0 20px; min-width:100px; text-align:center; line-height:50px;z-index:2; position: relative; display:inline-block; color:#555; font-size:20px; font-weight:bold;text-decoration: none; margin-left:10px;}
.probottom .tabmenu li.cli::before{background: #167c3b;}
.probottom .tabmenu li.cli{color: #fff;}
.probottom #atabcontent { clear:both; padding:20px 0}
.probottom #atabcontent .hidden {display:none;}
.probottom #atabcontent img{ display:block; width:auto; max-width:100%; height:auto}

.back{ text-align:right}
.back a{background: url(../images/back.png) no-repeat right center;transition: .5s; padding-right:25px; color:#167c3b;}
.back a:hover{ padding-right:20px;}

.nmain .cxleft{ float:left; width:50%}
.nmain .cxleft .kuai{ margin-bottom:25px; display:table}
.nmain .cxleft .kuai .tu{display: table-cell;vertical-align: middle; padding-right:25px; }
.nmain .cxleft .kuai .tu img{ display:block; width:auto; max-width:81px;}
.nmain .cxleft .kuai .tex{display: table-cell;vertical-align: middle; font-size:18px; color:#333}
.nmain .cxliuyan{ float:right; width:50%}
.form_2 .row03{ position:relative; margin-bottom:22px;width:50%;}
.form_2 .row{ position:relative; margin-bottom:22px; clear:both}
.form_2 .row02{position:relative; margin-bottom:22px; float:left; width:49%;}
.form_2 .row02:nth-child(2n){ float:right}
.form_2 .input{ width:100%;box-shadow: 0 0 10px #dfdfdf; border:1px solid #ddd; border-radius:5px; line-height:46px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding-right:10px; padding-left:76px}
.form_2 .row:nth-child(3) input{ padding-left:85px}
.form_2 label{ color:#999; position:absolute; left:0;top:0; line-height:46px; padding-left:10px}
.form_2 label span{ color:#d80303}
.form_2 textarea{ border:1px solid #ddd;box-shadow: 0 0 10px #dfdfdf;border-radius:5px;  padding:15px; padding-left:125px; width:100%; height:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form_2 .sub_btn{ width:175px; padding-right:25px; line-height:50px; height:52px; font-size:18px; color:#fff; text-align:center;background:url(../images/lxjt.png) #167c3b no-repeat 80% center; border:none;  border-radius:8px; margin-top:10px;}