@charset "utf-8";@import url('fonts.css?t=20140501');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager a font,.fixtop .navpc li p i,.tblank,.fixtop,.fixtop .logo,.about .aboutleft img ,.ind3 li h2,.ind3 li img,.indabout .content,.new_telst li,.policy li img,.policy .more,.message li.btn input,.case li .cons .t:before,.clist li .pic img,.indcase dd h2,.indcase dd .pic img,.yw1 li .pic img,.ywcate li:before,.yw2 li .in,.yw2 li:before
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.about .aboutleft img:hover,.ind3 li:hover img,.policy li:Hover img,.clist li:hover .pic img,.indcase dd:hover .pic img,.yw1 li:hover .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.message li.beizu textarea 
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','PingFang SC','SF Pro Text','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea {font-size:16px;color:#666;font-weight:400}a {color:#666}b,strong {font-weight:700;color:#333}
a:hover,.fixtop .navpc li .list p a:hover,.footer a:hover,.yw2 li .title a:Hover{color:#096d38}
.policy .more:hover,.yw2 li .title2 a:hover {color:#6fba2c}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.mc{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; text-align: center;}
.ml{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left; text-align: left;}
.mr{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end; text-align: right}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 10px;width:40px; height:40px; line-height:38px; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);text-align: center;border-radius:40px;}   
.pager font {font-family:'宋体';font-weight:700;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#096d38; background: #096d38} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#000;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #096d38;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#999999;}
:-moz-placeholder {color:#999999; }
::-moz-placeholder { color:#999999; }
:-ms-input-placeholder {color:#999999; }

::selection {background:#096d38;color:#ffffff;}
::-moz-selection {background:#096d38;color:#ffffff;}
::-webkit-selection {background:#096d38;color:#ffffff; }

.wrap {margin:0 auto;max-width:1200px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:80px; background:rgba(255,255,255,0.95); box-shadow:0 0 5px rgba(0,0,0,0.2)}
.fixtop .logo { position: absolute;left:0px;width:167px; height:40px;background:url(../images/logo.png) no-repeat center;background-size:100%;top:20px; z-index: 999;}
.fixtop .logo a { display:block;width:100%; height: 100%}
.fixtop .navpc {text-align:right;}
.fixtop .navpc li {display:inline-block; vertical-align:top; position: relative;margin:0 0 0 70px}
.fixtop .navpc li a.a {display: block; height:80px; line-height:77px;font-size:18px;font-weight:700;text-transform: uppercase;color:#096d38}
.fixtop .navpc li a.a p { position:absolute;left:0;bottom:0;width:100%; height:3px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#6fba2c;margin:0 auto}
.fixtop .navpc li:hover a.a,.fixtop .navpc li.check a.a,.fixtop ul.navpc li:hover>a.a {color:#6fba2c}
.fixtop .navpc li:hover a.a p i,.fixtop .navpc li.check a.a p i,.fixtop .navpc li:hover>a.a p i {width:100%}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:-30px;width:140px;top:80px;display:none;background:rgba(111,186,44,0.95); text-align:left; padding:20px 30px 23px 30px}
.fixtop .navpc li .list2 {width:100%; text-align:center;padding-left:0;padding-right:0;width:150px}
.fixtop .navpc li .list3 {width:190px}
.fixtop .navpc li .list6 {width:100%; text-align:center;padding-left:0;padding-right:0;width:132px}
.fixtop .navpc li .list p {margin:5px 0}
.fixtop .navpc li .list p a {color:#fff}
.tblank {height:80px}

.fixtop.active {top:-20px}
.fixtop.active .logo {top:30px}
.fixtop.active .navpc li a.a { line-height: 98px}
.tblank.active {height:60px}

.indpics .swiper-slide { position:relative;padding:19.3% 0; overflow: hidden}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:7s linear;transform:scale(1,1);}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
.bannerin {position:relative;padding:11.7% 0; overflow: hidden}
.bannerin>.imgcover {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

.about {padding:100px 0 120px 0}
.mainsubject {margin:0 0 40px 0}
.mainsubject .t {color:#333;font-size:30px; line-height: 35px;font-weight:700; letter-spacing:2px;margin:0 0 0px 0}
.mainsubject .e {position:relative;}
.mainsubject .e:before {content:'';position: absolute;left:0;bottom:-12px;width:30px;height:3px; background: #6fba2c;}
.about .aboutleft {float:left;width:30%; overflow: hidden;box-shadow:5px 5px 5px rgba(0,0,0,0.2);margin:8px 0 0 0}
.about .aboutleft img {width:100%;}
.about .aboutright {float:right;width:60%}

.ind3 { background:#f0f8e9;padding:100px 0 120px 0; text-align: center}
.ind3 .title {font-size:20px;font-weight:700; letter-spacing: 1px;}
.ind3 .content {font-size:12px; letter-spacing: 0.1px;margin:5px 0 60px 0}
.ind3 ul {width:106%;margin:-6% 0 0 -3%}
.ind3 li {float:left;width:27.3333%;margin:6% 3% 0 3%; position: relative; overflow: hidden;padding:10.5% 0;box-shadow:5px 5px 5px rgba(0,0,0,0.2)}
.ind3 li h2 {position:absolute;left:0;bottom:0; z-index: 100; width:100%;height:45px;font-size:18px; line-height: 43px; overflow: hidden; text-align:center; background: rgba(255,255,255,0.8);color:#096d38;}
.ind3 li:Hover h2 { background: #096d38;color:#fff}

.indabout {text-align:center;color:#fff;padding:100px 0 120px 0}
.indabout .t {font-weight:700;font-size:55px; line-height:65px; letter-spacing: 15px; position: relative;left:3px}
.indabout .c {font-size:20px; line-height: 25px;margin:5px 0 40px 0; letter-spacing: 1.5px}
.indabout .t2 {font-weight:700;font-size:30px; line-height: 40px; letter-spacing: 6px; position: relative;left:3px}
.indabout .c2 {font-size:12px; line-height:20px;margin:5px 0 80px 0}
.indabout .content {border:2px solid #fff;padding:30px;font-size:20px;}
.indabout .content:hover {background:#096d38;}

.indcase {text-align:center;padding:100px 0 120px 0}
.indcase .subject p {color:#6fba2c;font-size:35px; line-height: 40px; position: relative;font-weight:700; letter-spacing: 2px;display:inline-block; vertical-align: top;}
.indcase .subject p:before {content:'';position: absolute;top:22px;left:-180px;width:150px;height:2px; background: #dcdddd}
.indcase .subject p:after{content:'';position: absolute;top:22px;right:-180px;width:150px;height:2px; background: #dcdddd}
.indcase .cons .t {font-weight:700;font-size:21px; line-height: 25px; letter-spacing: 3px;margin:15px 0 2px 0}
.indcase .cons .c {font-size:12px; line-height: 20px;color:#999}

.indcase dl {width:102%;margin:35px 0 0 -1%}
.indcase dd {display:inline-block; vertical-align: top;width:31.3333%;margin:0 1%; position: relative;}
.indcase dd .pic {padding:30.9% 0; position: relative;overflow: hidden}
.indcase dd h2 {position:absolute;left:0;top:0;width:80%;padding:0 10%;height:100%;color:#fff; background: rgba(9,109,56,0.8); z-index: 100;font-size:20px; line-height:35px;opacity:0}
.indcase dd:hover h2 {opacity:1}

.new_telst { margin:60px 0 0 0; text-align: center}
.new_telst p { display:none;}
.new_telst li { text-align: center;position: relative;color:#096d38;font-weight:700; cursor: pointer; display:inline-block; vertical-align:top; background:#dcdddd; height:45px; line-height:43px;font-size:20px;padding:0 55px;border-radius:45px;margin:10px; letter-spacing:1px}
.new_telst li.newon { background:#096d38;color:#fff}
.new_lst {display: none;}
.new-wrap .show {display: block;padding:0;margin:0}
.indmore {margin:100px 0 0 0}
.indmore a {background:#6fba2c;height:48px;font-size:20px; letter-spacing: 2px;line-height:20px;display:inline-block;padding:12px 50px 0 50px;color:#fff;border-radius:60px;}
.indmore a p {font-size:12px; line-height: 12px;padding:5px 0 0 0; letter-spacing: 0}
.indmore a:hover {background:#096d38}

.policy {padding:100px 0 120px 0}
.policy ul {width:104%;margin:-4% 0 0 -2%}
.policy li {float:left;width:46%;margin:4% 2% 0 2%; position: relative;padding:13.5% 0; overflow: hidden}
.policy li a {color:#fff}
.policy .cons {position:absolute;left:0;top:0; z-index: 100;padding:30px 40px 0 40px}
.policy .cons .t {font-weight:700;font-size:30px; line-height: 40px; letter-spacing: 2px;margin:0 0 3px 0; position: relative}
.policy .cons .c {font-size:12px; line-height: 20px;}
.policy .more {position:absolute;left:0;bottom:0; z-index: 100;padding:0 40px 30px 40px}

.mainsubject2 {margin:0 0 40px 0}
.mainsubject2 .t {color:#333;font-size:30px; line-height: 35px;font-weight:700; letter-spacing:2px;margin:0 0 2px 0}
.mainsubject2 .e {position:relative;font-size:14px; line-height: 22px}
.mainsubject2 .e:before {content:'';position: absolute;left:0;bottom:-16px;width:92px;height:4px; background: #096d38;}
.pshow {padding:100px 0 120px 0}
.pshow .content {margin:70px 0 0 0}

.contact {margin:100px 0 120px 0}
.contact .mleft {position:absolute;width:200px; text-align: center}
.contact .mleft li {margin:0 0 10px 0}
.contact .mleft li a { background: #dcdddd;height:50px; line-height:48px; display: block;font-size:18px; letter-spacing:0.5px}
.contact .mleft li.check a,.contact .mleft li:Hover a {background:#096d38;color:#fff}
.contact .mright {margin:0 0 0 300px;}
.contact .mright iframe,#container {width:100%;height:500px}
.contact .mright .map {margin:80px 0}
.contact .mright .wx {width:150px; text-align: center}
.contact .mright .wx img {border:1px solid #096d38;}
.contact .mright .wx p {margin:10px 0 0 0;font-size:14px}

.message .indsubject h2 {color:#333;position: relative;top:-10px}
.message .indsubject p {margin:-5px 0 30px 0}
.message li {float:left;width:30%;border-bottom:1px solid #ccc; position: relative;}
.message li.email {margin:0 5%}
.message li span {position:absolute;top:16px}
.message li.name p ,.message li.tel p{margin:0 0 0 52px;}
.message li.email p {margin:0 0 0 68px;}
.message li p input {width:100%;height:60px; line-height: 50px;}
.message li.beizu {width:100%;border:0;float:none;margin:55px 0 0 0}
.message li.beizu span {position:relative;top:0; display: block;margin:0 0 20px 0}
.message li.beizu textarea {width:100%;border:1px solid #ccc;height:300px;padding:20px 25px; overflow: auto}
.message li.btn {width:100%;border:0;float:none; text-align: center;margin:30px 0 0 0}
.message li.btn input { background: #096d38;color:#fff;padding:8px 0 10px 0;border-radius:40px;width:165px;margin:0 auto; cursor: pointer}
.message li.btn input:hover {background: #6fba2c}

.case li {padding:14% 0}
.case li .cons .t:before {content:'';width:60px;height:4px; position: absolute;left:0;bottom:-15px; background: #6fba2c}
.case li:hover .cons .t:before {width:100%}

.clist {padding:70px 0 120px 0}
.clist .subject {color:#096d38;font-weight:700;font-size:25px; line-height: 35px; position: relative;margin:0 0 80px 0; letter-spacing:1px}
.clist .subject:before {content:'';position: absolute;left:0;bottom:-20px;width:75px;height:4px; background: #6fba2c;}
.clist ul {width:104%;margin:-4% 0 0 -2%}
.clist li {float:left;width:46%;margin:4% 2% 0 2%}
.clist li .pic {position: relative; overflow: hidden;padding:30.9% 0; }
.clist li .title a {font-weight:700;font-size:18px; display: block;height:60px; line-height: 58px;overflow: hidden; text-align: center;box-shadow:0px 0px 10px rgba(0,0,0,0.3)}
.clist li:hover .title a {background:#096d38;color:#fff}

.ywcate {position:relative;margin:95px 0 140px 0; text-align: center}
.ywcate:before {content:'';position: absolute;left:0;top:75px;width:100%;height:1px; background: #666;}
.ywcate li {display:inline-block; vertical-align: top;margin:0 50px; position: relative}
.ywcate li a {font-weight:700;font-size:30px; line-height:40px;}
.ywcate li:before {content:'';position: absolute;left:50%;bottom:-39px;width:60px;margin-left:-30px;height:7px;}
.ywcate li.check:before,.ywcate li:hover:before { background: #6fba2c;}
.ywcate li.check a,.ywcate li:hover a {color:#6fba2c}

.yw1 ul {width:102%;margin:-2% 0 0 -1%}
.yw1 li {float:left;width:23%;margin:2% 1% 0 1%; position: relative}
.yw1 li .pic {padding:42.5% 0; position: relative; overflow: hidden}
.yw1 li .title a {display:block;height:50px; line-height: 48px; overflow: hidden; background: #096d38;color:#fff; text-align: center;font-size:18px}
.yw1 li:hover .title a {background:#6fba2c}
.ywblank {height:120px}

.yw2 li {position: relative;margin:50px 0 0 0;padding:0 10px 0 5px}
.yw2 li:before {content:'';position: absolute;left:0;top:25px;width:5px;height:70px;background:#096d38}
.yw2 li:after {content:'◇';position: absolute;left:18px;top:40px;color:#6fba2c;font-weight:700;font-size:35px; line-height: 35px}
.yw2 li .in {height:120px; background: #ededed;border-top-right-radius:30px;padding:20px 30px 0 45px}
.yw2 li .in:before {content:''; position: absolute;right:0;bottom:-10px;width:1px;height:70px; background: #6fba2c}
.yw2 li .in:after {content:''; position: absolute;right:0;bottom:-10px;width:70%;height:1px; background: #6fba2c}
.yw2 li .title a {font-weight:700;font-size:20px; line-height: 30px;display:inline-block}
.yw2 li .title2 { position: absolute;left:50px;bottom:22px;}
.yw2 li .title2 a {font-size:12px; line-height: 18px;color:#999;display:inline-block}
.yw2 li:Hover .in { background: #e3f2da}
.yw2 li:hover:before {background:#6fba2c}

.yw3 {min-height:100px;margin:0}









.foot {background:#f0f8e9;padding:60px 0; position: relative}
.foot i.icon {position:absolute;left:0;top:0;height:100%;width:100%}
.foot i.icon img {height:100%;width:auto}
.foot .wrap { z-index:100}
.foot .mleft {padding:0 200px 0 0}
.foot .mleft .company {font-size:19px; line-height: 27px;font-weight:700; letter-spacing:0.2px;margin:-3px 0 20px 0}
.foot .mleft .company p {font-size:12px; line-height: 20px;font-weight:400; letter-spacing: 0}
.foot .mleft li {float:left;margin-top:5px}
.foot .mleft li.tel {margin-left:50px}
.foot .mleft li.office {float:none;}
.foot .mleft li.address {float:none;}
.foot .mleft li span {display:inline-block; vertical-align: top;width:30px;font-size:20px; line-height: 20px;margin:6px 0 0 0}
.foot .mleft li.address span {font-size:22px;margin-top:5px}
.foot .mright { position: absolute;width:140px;right:0;top:0; text-align: center}
.foot .mright p {margin:5px 0 0 0;font-size:14px}
.footer {text-align:center;color:#fff; background: url("../images/fbg.jpg") no-repeat center;padding:20px 0; background-size:cover;}
.footer a {color:#fff}