@font-face{font-family:'Sourcehansanscn-light';src:url('../fonts/Sourcehansanscn-light.OTF');}
@font-face{font-family:'Sourcehansanscn-normal';src:url('../fonts/Sourcehansanscn-normal.OTF');}
body{ font-size: 16px; font-family: "Sourcehansanscn-normal"; color:#000;margin:0;padding:0; }
ul,li,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0}
img,input{border:0}
/*img{ width: 100%;}*/
ul,li{list-style-type:none}
a{color:#454545;text-decoration:none}
a:hover{color:#577c03;text-decoration:none}
li{list-style:none}
.clear{clear:both}
.zt{width:1400px;margin:0 auto}
.zt2{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.ov{overflow:hidden}
.pre{position:relative}
.abs{ position: absolute;}
.video_content{width:60%; margin: 0 auto;}
.video_index{ width: 100%; /*height: 342px;*/}
.table{width:100%;margin:0 auto; overflow:auto;}

.table p{line-height:26px}
table td{padding:3px 10px;width: auto !important;}
.sxy{margin:30px 0;border-top:1px #ccc dashed;padding-top:20px}
.sxya{color:#333;line-height:24px}
.sxya a{padding:0 6px}
.fenye{text-align:center;margin-top:30px; }
.fenye span{ font-size: .4rem; margin-bottom:10px;display:inline-block; width: 34px; height: 34px;background:#fff; margin:0 3px; line-height: 34px; border: 1px solid #ccc; border-radius: 50% ;box-shadow: 1px 1px 8px -1px rgba(0,0,0,0.5) }
.fenye_a{color:#567b03;margin:0 3px;font-size: .4rem;}
.fenye .fenye_a:hover{ background: none;border:none}
.fenye a{color:#999; display: block;}
.fenye span.active,.fenye span:hover{color:#fff;background:#557b03;border:0;border:1px solid #557b03}.fenye span:hover font{ color: #fff;}
.fenye span.active a,.fenye span:hover a{color:#fff;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.linshi-textarea { -webkit-appearance: none;}
.backtop{ display: none; position: fixed; bottom: 15%; right: 0; z-index: 9999; width: 60px; height: 60px; cursor: pointer; background: url(../images/top.png) no-repeat; text-align: center;}
.backtop a{ color: #fff; font-size: 17px;}
.backtop span{ display: block; text-align: center;}
.md-close.guanbi{ padding: 8px 12px; background: #ffd900; position: absolute; top: -12px; right: 15px; color: #000;}
.top40{ margin-top: 40px;}
.pre{ position: relative;}


.abstion{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; text-align: center; padding-top: 7%; background: rgba(0,0,0,0.85);}
.abslo{ position: relative; margin: 0 auto;}
.santui{ width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 80px;}
.santui li{ width: calc(20% - 30px); margin: 0 2.5%; text-align: center; color: #fff; padding: 30px 15px; border: 2px solid #557b03;}
.santui li:first-child{ margin-left: 0;}
.santui li:last-child{ margin-right: 0;}
.santui li span{ display: block; line-height: 26px; margin-top: 20px;}

.spanspan{ cursor: pointer; width: 200px; margin: 0 auto; border: 1px solid #557b03; text-align: center; color: #fff; line-height: 40px; margin-bottom: 60px; font-size: 17px;}
.spanspan:before{content: ">>";width:10px;height:100px;	position:relative;animation:demo 1.2s infinite;	-webkit-animation:demo 1.2s infinite;}
.spanspan:after{content: "<<"; width:10px;height:100px;	position:relative;animation:demori 1.2s infinite;	-webkit-animation:demori 1.2s infinite;}

@keyframes demo
{
	0% {left:0px;}
	50% {left:5px; color: #f2f850;}
	100% {left:0px;}
}
@-webkit-keyframes demo 
{
	0% {left:0px;}
	50% {left:5px; color: #f2f850;}
	100% {left:0px;}
}
@keyframes demori
{
	0% {right:0px;}
	50% {right:5px; color: #f2f850;}
	100% {right:0px;}
}
@-webkit-keyframes demori 
{
	0% {right:0px;}
	50% {right:5px; color: #f2f850;}
	100% {right:0px;}
}


nav{ float:right; width: 60%;  position: relative;line-height: 90px;   }
.caidan{ display: none;font-size:22px; text-align:right; color: #000;}
nav ul li{ float: left; position: relative;}
nav ul li a{   margin:0 20px; padding: 0 5px;  display: block; text-transform: uppercase; font-size: 16px; position: relative; }
nav ul li i{ display: none; opacity: 0;  position: absolute; top: 40%;right: 0; z-index: 999; color: #000;}
nav ul li:hover a ,nav ul li.active A{ color: #577c03;  }

nav ul li:hover i{ color: #333;}
.xla{ position: absolute; z-index: 99999; display: none; width:190px;  background:rgba(87,124,3,1); }
.xla>a{ display: block; font-weight: normal; padding:13px 10px; margin: 0;  text-transform: none; line-height: 20px; font-size: 15px;  color: #fff;}
.xla a:last-child{ border-bottom: none;}
nav ul li:hover .xla a:hover{background: #fed900; color: #000; }
nav ul li:hover .xla{ display: block;}
nav ul li:hover .xla a{ color: #fff; border-bottom: 1px dashed #9fbb5f; border-top:none ; font-weight: normal;}
nav ul li:hover .xla a:last-child{ border-bottom: none;}

.sous{ margin-top: 30px;   width: 18%; }
.sous form{border: 1px solid #aaaaaa;overflow: hidden; float: left; width: 74%;}
.yuyan{ margin-top: 7px;}
.soutext{ height: 32px; line-height: 32px; background: none; padding-left: 3%; width: 85%; outline: none;}
.soubtn{ width: 15%; background: url(../images/sou.jpg) no-repeat; height: 20px; margin-top: 6px; cursor: pointer;outline: none;}
.soutext::-webkit-input-placeholder,.soutext::-webkit-input-placeholder{color: #aaaaaa; }
.soutext:-moz-placeholder {color: #aaaaaa; }
.soutext::-moz-placeholder {color: #aaaaaa; }
.soutext:-ms-input-placeholder {color: #aaaaaa; }

.huibj{ background: #f6f6f6; padding-bottom: 60px;}
section{ margin-top: 60px;}
section h2{ text-align: center; font-size:35px ; font-weight: normal; background: url(../images/btbj.png) 50% 50% no-repeat; margin-bottom: 30px;}
.owl-carousel{ position: relative; width: 94%; margin: 0 auto; margin-top: 0px;}
.owl-carousel .owl-wrapper-outer{ overflow: hidden;  position: relative;  width: 100%;}
.owl-buttons{ position: absolute; z-index: 9999; top: 46%; width: 100%; }
.pro_list .owl-theme .owl-controls{ margin:0px;}
.owl-controls .owl-prev{ cursor: pointer; width:20px; height:39px; background: url(../images/zuo.png) no-repeat; background-size:cover ; text-indent: 9999px; position: absolute;  left: -25px;}
.owl-controls .owl-next{cursor: pointer; width: 20px; height: 39px; background: url(../images/you.png) no-repeat;background-size:cover ; text-indent: 9999px; position: absolute; right: -25px;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{float: left;}

#owl1cp .owl-controls .owl-prev,#owl1cp2 .owl-controls .owl-prev{ cursor: pointer; width:10px; height:20px; background: url(../images/zuo.png) no-repeat; background-size:cover ; text-indent: 9999px; position: absolute;  left: -25px;}
#owl1cp .owl-controls .owl-next,#owl1cp2 .owl-controls .owl-next{cursor: pointer; width: 10px; height: 20px; background: url(../images/you.png) no-repeat;background-size:cover ; text-indent: 9999px; position: absolute; right: -25px;}


.item{margin:.9rem .9rem .4rem .9rem ;  position: relative;  overflow: hidden; 
-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;
}
.item a{ display:block; font-size: 0;}
.item img{width:100%;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;}
.item .cptimg{position: relative; overflow: hidden;    }
.item:hover .cptimg{border: 1px solid transparent;}
.item:hover img{ transform: scale(1.05);}
.item span{ font-size: 16px; display: block;  line-height: 22px; height: 22px; text-align: center; margin-top: 8px; overflow: hidden;}
.scasb{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 1000; padding: 5px 10px ; background: rgba(238,238,238,0.7); border-bottom: 4px solid #557b03;}
.scasb h3{ text-align: center; font-size: 16px; color: #000;font-weight: normal; }
.cpqiehuan ul li img,.caseimg img,.newsimg img,.cpullist li img,.prevcp img,.nextcp img{ width: 100%;}
.shouhou{ margin-top: 40px;}
.shouhou ul{ display: flex; flex-wrap: wrap;}
.shouhou ul li{ width: 25%; font-size: 0;}
.shouhou ul li img{ width: 100%;}
.casefen{  margin-top: 0.8rem; text-align: center;}
.casefen a{ display:block; padding: 0 16px;font-size: 16px;}
.casefen ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.casefen ul li{ border: 1px solid #aaa; line-height: 34px; margin: 7px;}
.casefen ul li:hover,.casefen ul li.active{  border: 1px solid #e0ca00;}
.casefen ul li:hover a,.casefen ul li.active a{ color: #e0ca00;}
.main{display: flex; flex-wrap: wrap;}
.main li{ width: 32.33%; margin: 0.5%; }
.caseuk{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: .6rem;}
.caseuk li{ width: 23%; margin: 1%;}
.caseimg{ font-size: 0; border-bottom: 4px solid #e0ca00;}
.caseuk li h3{ font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cchuibj{ background: #f1f1f1; padding: 15px;}
.morecase{ border: 1px solid #9f9f9f; width: 280px; margin: 0 auto; margin-top: 30px;}
.morecase a{ display: block; text-align: center; line-height: 40px;}

.lvbj{background: url(../images/abbj6.png) repeat-y;padding-top: 80px; margin-top: 60px;}
.aboutus{ width: 46%;}
.aboutus h2{color: #fff; font-size:30px; font-weight: normal; overflow: hidden;}
.aboutus h2 span:nth-child(2){ font-size: 14px; line-height: 26px; border: 1px solid #fff; margin-top: 8px; margin-left: 10px;}
.aboutus h2 span:nth-child(2) a{ display: block;padding: 0 60px;  color: #fff;}
.abcont{ font-size: 16px; color: #fff; margin-top:20px; line-height: 36px;}
.abban{ margin-top: 30px;}
.abban{ width: calc(50% - 60px); background: url(../images/abbj4.png) no-repeat; padding: 30px;}

.newsin{ display: flex; flex-wrap: wrap;}
.newsin li{ width: 48%; margin: 1%; background: #eee;}
.newsimg{ width:40%; font-size: 0;}
.newscc{ width: calc(58% - 20px); padding: 20px 20px 0px 0;}
.newsci{ margin-top: 10px; font-size: 14px; line-height: 26px; height: 78px;overflow: hidden;}
.newscc h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px;}
.datetime{ margin-top: 15px; font-size: 14px;}

footer{ background: #e6e6e6 url(../images/footbj.jpg) no-repeat; padding:60px 0; margin-top:60px; border-bottom: 10px solid #567b03;}
.lxwd{ width: 28%;}
.gwll{ width: 40%;}
.dibuji{ margin-top: 66px; line-height: 30px;}
.lxwd h2{ width: 280px;}
.lxwd h2 span{ font-size: 17px; margin-top: 14px;}
.lxwd h2 span a{ color: #567b03;}
.lxwd h2 span:hover a{ text-decoration: underline;}
.ewm img{ width: 110px; margin-right: 10px; }
footer h2{ font-size: 30px; font-weight: normal;}
.footul{ margin-top: 30px;}
.footul li{ margin-bottom: 15px; padding: 10px 0; padding-left: 40px;}
.footul li:nth-child(1){ background: url(../images/lx2.png) 0 50% no-repeat;}
.footul li:nth-child(2){ background: url(../images/lx1.png) 0 50% no-repeat;}
.footul li:nth-child(3){ background: url(../images/lx3.png) 0 50% no-repeat;}
.footul li:nth-child(4){ background: url(../images/lx4.png) 0 50% no-repeat;}
.footul li a{ color: #000;}
footer form{ width: 98%; margin: 0 auto; margin-top: 30px;}
.ditext{ width: calc(22.5% - 10px); height: 34px; line-height: 34px; border: 1px solid #567b03; background: none; margin: 10px 10px 10px 0; padding-left: 10px;}
.logntd{ display: block; width: 96%; margin: 10px 10px 10px 0; border: 1px solid #567b03; background: none; height: 120px;}
.ditijiao{ width: 50%; background: #567b03; color: #fff; margin: 10px 10px 10px 0; height: 40px; cursor: pointer;}.neiye{ font-size: 0;}

#owl1cp .item,#owl1cp2 .item{ margin: 20px 0px 0 10px;}
#owl1cp .item a,#owl1cp2 .item a{ font-size: 16px; text-align: center; }
#owl1cp.owl-carousel,#owl1cp2.owl-carousel{ width: 78%;}
#owl1cp .owl-buttons,#owl1cp2 .owl-buttons{ top: 42%;}
.cpbord{border-bottom: 1px solid #dadada;}
.cpfenlei{ display: flex; flex-wrap: wrap; width:15%; margin-left: 160px; }
.cpfenlei li{ width: 50%; text-align: center; font-size: 20px; line-height: 40px;}
.cpfenlei li a{ position: relative;}
.cpfenlei li.on a{ color: #000;}
.cpfenlei li a:after{content: ""; display: none; width: 100%; margin: 0 auto; height: 3px; background: #557b03;}
.cpfenlei li.on a:after{display: block; }
.neiye img{ width: 100%;}
.cpqiehuan{ border-top: 1px solid #dadada; }
.daqie .item a.on{ color: #000; border-bottom:#557b03 3px solid ; padding-bottom: 15px;}
.cpqiehuan ul{ display: flex; flex-wrap: wrap;}
.cpqiehuan ul li{ width: 30%; margin: 1.5%;}
.cpqiehuan ul li h3{ text-align: center; font-size: 16px; font-weight: normal;}
.cpfenlei li.current a:after{display: block; }

.neiy{font-size: 0;}
.neiy img{ width: 100%;}
.mbx{ padding: 15px 0; background: #f4f4f4; }
.about-us-con{ margin-bottom: 60px;}
.about-us-con h1{ margin-top: 30px; text-align: center; font-size: 30px; margin-bottom: 20px;}
.about-us-con p{ line-height: 30px; margin-bottom: 15px;}


.prevcp{ position: absolute; left: 8%; top: 23px; z-index: 100; width: 10px;}
.nextcp{ position: absolute; right: 8%; top: 23px; z-index: 100; width: 10px;}


.cpullist{ display: flex; flex-wrap: wrap;}
.cpullist li{ width: 30%; margin: 1.5%;}
.cpullist li h3{ font-size: 18px; font-weight: normal; text-align: center;}

.fenleim span{ display: inline-block; font-size: 18px; line-height: 40px; border-bottom: 3px solid #557b03; padding: 0 15px;}
.liangshi{/*display: flex; flex-wrap: wrap;*/ border-bottom: 1px solid #eee; margin-bottom: 20px; overflow: hidden; height: 154px; margin-top: 15px;}
.liangshi li { float: left;}
.liangshi li a{display: block; padding:12px 20px ; color: #aaa;}
.liangshi li.active a{ color: #557b03;}

.fencp{ width: 48%; margin-top: 40px;}
.liangzuo{ width: 45%;}

.cpzixun h1{ text-align: left;}
.cpzuo{ width: 50%;}
.box{ overflow: hidden;}
.cpjidsf{width: 40%;}
.cpjidsf h1{ text-align: left; font-family: arial; font-size: 24px; text-transform: inherit; margin-top: 30px; margin-bottom: 10px;  }
.cpjidsf p{ margin-bottom: 5px;}
.aboutner{ /*margin-top: 15px; */padding: 0 10px;}
.tb-pic a{/*display:table-cell;text-align:center;vertical-align:middle;*/}
.tb-pic a img{vertical-align:middle; width:100%}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden; display: flex; flex-wrap: wrap;justify-content: center;}
.tb-thumb li{ width:15%;margin:0 3px 3px 3px;overflow:hidden;padding:1px; border: 1px solid #ccc; font-size: 0;}
.tb-s310, .tb-s310 img,.tb-s40 img{width:100%;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{}
.tb-booth{border:1px solid #ccc;position:relative;z-index:1;width: 99%; }
.tb-thumb .tb-selected{ border: 1px solid #23a490;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
div.zoomDiv{z-index:999; font-size:0;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.lineh{ line-height:64px; margin-right:18px}
.tb-pic a:nth-child(2),.tb-pic a:nth-child(3),.tb-pic a:nth-child(4),.tb-pic a:nth-child(5),.tb-pic a:nth-child(6){ display: none;}

.cpxiang{/* width: 70%; */line-height: 28px; margin-top: 35px;}.cpxiang img{ width: auto;}
/*.cpxiang img{width:100%;}*/
.topp3{ margin-top: 30px;}
.cpxiang p{ margin-bottom: 15px;}
.miadf{ padding: 0 10px 0 0 ; /*margin-top: 20px; */ line-height: 28px;}
.cpanniu{ margin-top: 20px;}
.cpanniu a{ display: inline-block; padding: 9px 40px; color: #fff; background: #3c3c3c; font-size: 16px; margin-right: 15px; border-radius:6px ;}
.cpanniu a:nth-child(1){ background: #0095d7;}

.proh2{  font-size: 22px; border-bottom: 1px solid #ccc; margin-top: .6rem; margin-bottom: .6rem;}
.proh2:after{ content: ''; display: block; width: 120px; height: 3px; background: #567b03; margin-top: 16px;}
.cpxiang h2{ color: #567b03; margin-bottom: 10px; font-size: 22px; background: none; }
.cpform{ padding: 30px 0; background: #f5f5f5;}
.cpform h2{ font-size: 22px; font-family: georgia; text-align: center; margin-bottom: 15px;}
.cptexin{ display: block; width: calc(86% - 10px); margin: 0 auto; height: 36px; line-height: 36px; border: 1px solid #eee; margin-bottom: 10px; padding-left: 10px;}
.cplontex{display: block; width: calc(86% - 10px); margin: 0 auto; height: 90px; border: 1px solid #eee; margin-bottom: 10px; padding-left: 10px; font-family: calibri; font-size: 16px;}
.cpbtn{ display: block; width: 50%; margin: 0 auto; text-align: center; height: 38px; line-height: 38px; background: #b91111; color: #fff; cursor: pointer;}

.zixun{ width: 45%; color: #999; margin-top: 60px;}
.qqzixun{ width: 160px; background: #567b03; text-align: center; border-radius:8px ; margin-top: 40px;}
.qqzixun a{ display: block; color: #fff; padding: 10px 0;}

.matop{ margin-top: 50px;}

.lxiwm{ width: 30%;}
.table{ width: 85%;}
.table table{ width: 100%;}
.tablecon{ width: 70%;}

.aboutzuo{ width: 16%; margin-top: 60px;}
.aboutyou{ width: 80%; margin-top: 20px;}
.aboutul li{ width: 100%; background: #aabd81; margin-bottom: 6px; }
.aboutul li.active,.aboutul li:hover{ background: #5f8503; }
.aboutul li a{ display: block; color: #fff; line-height: 50px; text-align: center; font-size: 17px; }
.fuwucase { display: flex; flex-wrap: wrap; }


.fuwucase li{ width: 31.33%; margin: 1%; }
.fuwucase li iframe{ width: 100%; height: 240px; }
.fuwucase li h3{ text-align: center; font-weight: normal; }
.main li img{ width: 100%;}

.casevideo iframe{ display: block; width: 64%; height: 432px; margin: 0 auto; margin-bottom: 20px;}
.fazhanul{ background: url(../images/abbj-1.jpg) 50% 0 no-repeat; margin-top: 50px; overflow: hidden; }
.fazhanul ul li{ clear: both;}
.imgimg{ overflow: hidden;}
.widimg{ width: 530px; text-align: right; position: relative;}
.fazhanul ul li:nth-child(2n) .fazhanimg .widimg{ float: right;}
.fazhanul ul li:nth-child(8) .widimg,.fazhanul ul li:nth-child(10) .widimg{ text-align: left;}
.widimg img{ width: 100%; -webkit-transition: all .6s; -ms-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s;}
.fazhanul ul li:nth-child(4) img,.fazhanul ul li:nth-child(12) img{ width: 300px;}
.fazhanul ul li:nth-child(2n+1) .fazhanimg{ float: left; width: 50%; }
.fazhanul ul li:nth-child(2n+1) .fazhancon{ float: right; width: 46%;}
.fazhanul ul li:nth-child(2n) .fazhanimg{ float: right;  width: 50%;}
.fazhanul ul li:nth-child(2n) .fazhancon{width: 46%; float: left; text-align: right;}
.fazhancon{ margin-top: 8%;}
.fazhancon h3{ color: #6e911b; font-size: 35px; font-weight: bold;}

.imgbor{font-size: 0; border: 1px solid #aaaaaa;}
.widimg:after{ content: ''; display: block; position: absolute; z-index: -1; top: 115px; left: 70%; width: 180px; border-bottom: 1px solid #6e911b;}
.fazhanimg { position: relative;}
.fazhanimg:after{ content: ''; display: block; position: absolute; z-index: 320; top: 108px; right: -10px; width: 18px; height: 18px; border-radius:50% ; border: 1px solid #6e911b; background: #f0f0f0;}
.fazhanimg:before{ content: ''; display: block; position: absolute; z-index: 330; top: 112px; right: -6px; width: 10px; height: 10px; border-radius:50% ; 
background: #6e911b; -webkit-transition: all .6s; -ms-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transform: scale(0);}

.fazhanul ul li:hover .widimg img{ transform: scale(1.03);}
.fazhanul ul li:nth-child(2n) .widimg:after{ left: auto; right: 70%;  }
.fazhanul ul li:nth-child(2n) .fazhanimg:after{ left: -10px; right: auto;}
.fazhanul ul li:nth-child(2n) .fazhanimg:before{ right: auto; left: -6px;}
.fazhanul ul li:hover .fazhanimg:before{ transform: scale(1);}

.fazhancon span{ display: block; line-height: 28px; font-size: 18px; margin-top: 15px;}
.tablecon table td{padding:7px 10px}


@media only screen and (max-width:1366px ) and  (min-width:1280px ) {
	.zt{ width: 1200px;}
	.newscc h3{ margin-top: 0;}
	.datetime{ margin-top: 10px;}
	.lvbj{ padding: 60px 0;}
	nav{ width: 50%;}
}