*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5;color:#3d3d3d;outline:0;font-family:'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;font-style: normal;}
html,body{width:100%; position:relative;height:100%;}
.bodyw,.body_st{height:100%;}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}
img {border: none;outline: 0;overflow: hidden;vertical-align: middle;}


/** 重置超链接元素 **/
a{text-decoration:none;color:#3d3d3d;-webkit-transition:0.5s;transition:0.5s;}
a:hover{color:#009944;}

/** 重置图片元素 **/
.l{ float:left;}
.r{ float:right;}
.fl{float:left;}
.fr{float:right;}
.l{ float:left;}
.r{ float:right;}
.clearfix{ clear:both;}
/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1650{ width:1650px;max-width: 95%; margin:auto;}
.w1360{ width:1360px;max-width: 95%; margin:auto;}

.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 9;-webkit-transition: 0.5s;transition: 0.5s; background:rgba(255, 255, 255, 1);border-bottom: 1px solid rgba(255, 255, 255, 0.1);height: 100px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.top_h{}
.top_h .logo{padding: 20px 0;}
.top_h .logo img{display: block;height:65px;}
.dh_tx{position: absolute;top:0;}
.dh_tx i{position: absolute;top: 0; height:100px;-webkit-transition:0.5s;transition:0.5s;}
.dh_tx i:after{content: "";position: absolute;left: 20px;bottom: 0;right: 20px; -webkit-transition:0.5s;transition:0.5s;border-bottom: 2px solid #009944;}
.dh{}
.dh ul li{float: left;}
.dh ul li p a{display: block;line-height: 100px;font-size: 17px;position: relative;color: #333;padding: 0 20px;}
.dh ul li.on p a{color: #009944;}
.dh ul li .dh_fl{position: absolute;left: 0;top: 100px; width:100%;display: none;z-index:99;background: #fafafa;}
.dh ul li .dh_fl .box{ max-width: 1200px;margin:0 auto;padding:30px; }
.dh ul li .dh_fl .box li{ width:17%; margin-right:1.5%;margin-left:1.5%;}
.dh ul li .dh_fl .box li .img{overflow: hidden;width: 100%;}
.dh ul li .dh_fl .box li .img img{display: block;width: 100%; -webkit-transition:0.5s;transition:0.5s; }
.dh ul li .dh_fl .box li:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.dh ul li .dh_fl .box li p{ font-size:16px; margin-top:10px; text-align:center;}

/*.dh ul li .dh_fl ul li a:after{float: left; margin-right:5px;font-size: 12px;content: "\e68b";font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
.dh ul li .dh_fl ul li:hover a{color: #009944;}

.top_tel{ font-size:20px; font-weight:bold; color:#009944; margin-top:37px; background:url(../images/tel.png) left center no-repeat; padding-left:26px; margin-left:10px;}


.top_ss{margin-left: 20px;}
.top_ss span.button{ display:block; width:30px; height:100px;font-size: 18px;line-height: 100px;text-align: center;color: #333; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:absolute;left: 0; right:0px;background: #fff; top:0px; width:100%;overflow:hidden; z-index:10;display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;padding: 30px 0;}
.serach form{position: relative;}
.serach form input[type='text']{font-size:16px; width:100%; height:40px; line-height:40px;padding:0 100px 0 50px; color:#333;background: none;}
.serach form a{position: absolute;left: 0;top:0px;width: 40px;height:40px;font-size: 20px;line-height: 40px;text-align: center;color: #666;}
.serach form span{position: absolute;right: 0;top:0px;width: 40px;height:40px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #333;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #333;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.top_yy{margin-top:33px;margin-left: 20px; text-align:center;color: #333;}
.top_yy a{font-size: 17px;line-height:32px; color: #333; }
.top_yy a:hover{ color:#009944;}

.top_bg.on{background: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.top_bg.on .dh_tx i:after{border-bottom: 2px solid #009944;}
.top_bg.on .dh ul li p a{color: #333;}
.top_bg.on .dh ul li.on p a{color: #009944;}
.top_bg.on .top_ss span.button{color: #333;}
.top_bg.on .top_ss:hover span.button{color: #009944;}
.top_bg.on .top_yy{ color:#333;}
.top_bg.on .top_yy a{ color:#333;}
.top_bg.on .top_yy a:hover{ color:#009944;}



.banner{width:100%;overflow:hidden;position:relative; padding-top:100px;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{float:left;width:1%;overflow:hidden;position:relative;}
.banner ul li img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
/*.banner ul li.on img{animation-name:puffIn;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}*/
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin:0 5px;display:inline-block;width:50px;height:2px;zoom:1;position:relative;-webkit-transition:0.5s;transition:0.5s;background: #fff;}
.bandd span.on{background:#00B34F;}
.banz,.bany{ position:absolute; top:50%; width:50px; height:50px; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 24px;line-height:50px;text-align: center;color: #333;background: rgba(255, 255, 255, 0.5);border-radius: 50%;}
.banz{ left:5px;}
.bany{ right:5px;}
.banz:before,.bany:before{position: absolute;top: 50%;left: 50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%) ;}
.bany:before{-webkit-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg);}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}

.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:14px; height:14px; display: block; background:none;border:2px solid #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #009944; }
.flex-control-paging li a.flex-active { background: #87BF1C; cursor: default; border:2px solid #87BF1C; }
@media (max-width:768px) {
.banner_yd{ display:block; padding-top:60px;}
.banner{ display:none;}
}

.bt{
	width:100%;
	max-width:1360PX;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	padding-top:50px;
	padding-bottom:20px;
	}
.bt p:nth-of-type(1){
	font-size:36px;
	color:#393939;
	font-weight:bold;
	}
.bt .btt{
	width:40px;
	height:3px;
	background:#009944;
	margin:10px auto;
	}
.bt p:nth-of-type(2){
	font-size:16px;
	color:#999;margin-bottom:0; text-transform:uppercase;
	}
@media (max-width:768px) {
.bt{ padding-top:20px; padding-bottom:15px;}
.bt p:nth-of-type(1){ font-size: 24px;}
.bt p:nth-of-type(2){ font-size: 12px;}
}


/* 特点 */
.feature{overflow:hidden;padding:50px 0 ;  }
.feature li{float:left;width:20%; padding: 0 2%;text-align:center;border-right: 1px dotted #c6c6c6;}
.feature li:nth-child(5){ border-right:0;}
.feature li i{display:inline-block;background: url('../images/feature.png') no-repeat;width:54px;height:50px;transition:all .5s;top:0;position:relative;}
.feature li h4{padding-top:15px;color:#333;font-size:25px;position:relative;}
.feature li h4 span{display:block;font-size:13px;opacity:.5;font-family:Arial;line-height:23px;}
.feature li:nth-child(2) i{background-position: -54px 0;}
.feature li:nth-child(3) i{background-position: -108px 0;}
.feature li:nth-child(4) i{background-position: -162px 0;}
.feature li:nth-child(5) i{background-position: -212px 0;}
.feature li h4::after{content:"";position:absolute;left:50%;top:2px;height:1px;margin-left:-15px;background:#87BF1C;transition:0.3s;width:0;}
.feature li:hover h4::after{width:30px;}
.feature li:hover i{top:-8px}
@media screen and (max-width: 1000px) {
.feature{ padding:30px 0;}
.feature li{ width:50%; height:160px; padding-top:20px; }
.feature li:nth-child(1){border-bottom:1px dotted #c6c6c6;}
.feature li:nth-child(2){ border-right:0;border-bottom:1px dotted #c6c6c6;}
.feature li h4{ font-size:18px;padding-top:5px;}
.feature li:nth-child(4){ border-right:0;}
.feature li:nth-child(5){ display:none;}
}



/**************************产品**************************/
.sy_main{background:#F1F4F7; padding-bottom:60px;}

/*产品product*/
.i_two{ overflow:hidden;padding-bottom:50px; padding-top:0px; width:100%; }
.i_two ul li{ float:left; width:49.5%; margin-right:1%; margin-bottom:1%; overflow:hidden; font-size:16px; position:relative; }
.i_two ul li:nth-of-type(2n){ float:right; margin-right:0;}
.i_two ul li .imgs{ overflow:hidden;}
.i_two ul li .imgs a{ display:block; cursor:pointer;}
.i_two ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);transition: all ease 0.5s;}
.i_two ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.i_two ul li .txts{ position:absolute; width:100%;  top:25%; right:0;}

.i_two ul li .txts .cons{ margin:0 auto;  overflow:hidden;color:#666; }
.i_two ul li h2{ font-weight:normal; overflow:hidden; margin-bottom:5px; margin-top:8%; font-size:32px;color:#009944; font-weight:bold; text-align:center;}

.learn a{display:block;width:120px;height:36px;line-height:36px;font-size:15px; margin:0 auto; margin-top:15px; text-decoration:none; color:#fff;background:#009944;border-radius:30px;text-align:center;position:relative;overflow: hidden;}
.learn a:before{content:"";position:absolute;width:120px;height:120px;top:50%;margin-top:-60px;left:50%;margin-left:-60px;background:#87BF1C;transform:scale(0);transition:0.6s;opacity:0}
.learn a span{ position:relative}
.learn a:hover{ color:#fff}
.learn a:hover:before{transform:scale(1); opacity:1}



/*优势*/
#s_aims { padding-bottom:60px;}
#s_aims ul {
	overflow: hidden;
}
#s_aims ul li {
	width: 32.65%;
	height: 570px;
	margin-right:1%;
	float: left;
	color: #fff;
	padding: 60px 40px 50px 60px;
	position: relative;
	z-index: 0;
}
#s_aims ul li:nth-of-type(3){ margin-right:0;}
#s_aims ul li:before {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	z-index: -1;
	transition: .8s;
}
#s_aims ul li:hover:before {
	width: 100%;
	left: 0;
	right: auto;
}
#s_aims ul li font {
	display: block;
	width: 30px;
	height: 30px;
	margin-bottom: 15px;
}
#s_aims ul li span {
	font-size: 18px;
	font-family: arial;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}
#s_aims ul li h5 {
	font-size: 24px;
	font-weight: bold;
}
#s_aims ul li>i {
	display: block;
	width: 35px;
	height: 2px;
	background: #fff;
	margin-top: 15px;
	margin-bottom: 20px;
}
#s_aims ul li p {
	font-size: 18px;
	line-height: 36px;
	opacity: .85;
}
#s_aims ul li .btn_zixun {
	margin-top: 175px;
	display: block;
	width: 38px;
	overflow: hidden;
	position: relative;
	height: 38px;
	transition: .3s;
	line-height: 36px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
}
#s_aims ul li .btn_zixun a {
	display: block;
	width: 125px;
	height: 38px;
	position: absolute;
	color:#fff;
	right: 0;
}
#s_aims ul li .btn_zixun i {
	display: inline-block;
	width: 28px;
	height: 5px;
	background: url(../images/s_aims_arrow.png) center no-repeat;
	margin-left: 15px;
	position: relative;
	top: -3px;
}
#s_aims ul li:hover .btn_zixun {
	width: 125px;
	border: 1px solid #87BF1C;
	background: #87BF1C;
}
@media screen and (max-width: 1000px) {
#s_aims { padding-bottom:10px;}
#s_aims ul li{ float:none; width:100%; margin-bottom:20px; height:350px;padding: 20px 20px 20px 20px;}
#s_aims ul li p {font-size: 16px;line-height: 30px;}
}

 /* index-about */
#about{ overflow:hidden;  padding-bottom:80px; background:url(../images/about_bg.jpg) no-repeat center/cover; background-attachment:fixed;}
#about .about_content {}
.about-text{ padding:0px 0px 20px 0px;}
.about-text p{ text-align:center; color:#ccc; font-size:16px; line-height:30px;}

.index-about {}
.index-about ul{overflow:hidden; margin-top:20px;}

.index-about ul li{ display:inline-block; width:24%; *display:inline; *zoom:1; text-align:center;}

.index-about ul li p{height: 50px;}

.index-about ul li p span{font-size: 16px;color: #666;margin: 0 2px;display:  inline-block;margin-top: 18px;margin-left: 5px;}

.index-about ul li p span.counter{font-size: 48px;font-weight:bold;color: #009944;margin-left:12px;margin-top: 0;}

.index-about ul li h1{font-size: 24px;color: #666; margin-top:10px;}

@media screen and (max-width: 720px) {
#about{ padding-bottom:30px; }
.index-about {padding:20px 0; background:#f6f6f6; margin-top:20px;}
.about-text p{ text-align:center; font-size:14px; line-height:24px;}
.index-about ul li{ width:48%; margin-bottom:10px;}
.index-about ul li h1{ margin-top:0px; font-size:18px;}
.index-about ul li p span.counter{ font-size:32px;}
.index-about ul li p{height: 40px; margin:0;}
}


/*==合作客户==*/
.n_hezuo {width:100%;padding-bottom:50px; background:#F1F4F7;}
.n_hezuo ul {margin-bottom: 20px; margin-top:10px;}
.n_hezuo ul li {float:left;width:15.8%;margin-right:1%; margin-bottom:1%; overflow:hidden;}
.n_hezuo ul li:nth-child(6n){margin-right:0;}
.n_hezuo ul li img {width:100%;transition: all 0.5s;}

.n_hezuo ul li .img {position: relative;overflow: hidden;}
.n_hezuo ul li .img:hover img {
    transform: scale(1.05);
}

.n_hezuo ul li .img:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: 0.6s
}

.n_hezuo ul li .img h5 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: rgba(0,153,68,0.8);
	vertical-align:middle;
	line-height:24px;
	font-size: 15px;
	color: #fff;
	overflow: hidden;
	padding:0 10px;
	font-weight:bold;

	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	text-align: center;
}

.n_hezuo ul li:hover .img h5 {height: 100%; padding-top:50px;}

@media screen and (max-width: 640px){
.n_hezuo {padding-bottom:20px;}	
.n_hezuo ul li {
    width: 32%;
}
.n_hezuo ul li:nth-child(3n+0){margin-right:0;}
.n_hezuo ul li .img h5 { font-size:14px; line-height:80px;}
}



.Box,.Box2 {
	position: relative;
	overflow:hidden;
	margin:10px 0px 15px 0px;
}
.Box .content,.Box2 .content {
	width:1360px;
	margin: 0 auto;
}
.Box .Box_con,.Box2 .Box_con {
	position: relative;
}
.Box .Box_con .btnl,.Box2 .Box_con .btnl2 {
	position: absolute;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 142px;
	cursor: pointer;
}
.Box .Box_con .btnl,.Box2 .Box_con .btnl2 {
	background: url(../images/jtl02.png) no-repeat center;
	left: 0px;
}
.Box .Box_con .btnr,.Box2 .Box_con .btnr2 {
	background: url(../images/jtr02.png) no-repeat center;
	right: 0px;
}
.Box .Box_con .btnl:hover,.Box2 .Box_con .btnl2:hover {
	background: url(../images/jtl03.png) no-repeat center;
}
.Box .Box_con .btnr:hover,.Box2 .Box_con .btnr2:hover {
	background: url(../images/jtr03.png) no-repeat center;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 1260px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.Box .Box_con .conbox ul,.Box2 .Box_con .conbox ul {
	position: relative;
	list-style: none;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	float: left;
	width: 300px;
	margin-left: 20px;
	overflow: hidden;
}
.Box .Box_con .conbox ul li:first-child,.Box2 .Box_con .conbox ul li:first-child  {
	margin-left: 0;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 298px;
	overflow: hidden;
	background:#fafafa;
	border:1px solid #009944;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	display: block;
	max-width: 298px;
	transition: all 0.5s;
	
}
.Box .Box_con .conbox ul li:hover .cptp img,.Box2 .Box_con .conbox ul li:hover .cptp img {
	transform: scale(1.1);
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	background:#009944;
	border:1px solid #009944;
	text-align:center;
	padding:15px 0;
	opacity: 1;
	max-width: 298px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(1) {
	font-size:15px;
	font-weight:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1) a,.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(1) a {
	color:#fff;
}

.Box .Box_con .conbox ul li .cpwz p:nth-of-type(3),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(3) {
	font-size:12px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(3) a,.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(3) a {
	color:#999;
}

.Box .Box_con .conbox ul li .cpwz p a:hover,.Box2 .Box_con .conbox ul li .cpwz p a:hover{ color:#fff; text-decoration:underline;}

@media screen and (min-width:1100px) and (max-width:1200px) {
.Box .content,.Box2 .content {
	width: 1070px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 960px;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	top: 120px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 222.5px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 220px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 222.5px;
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	width: 222.5px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(2),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(2) {
	margin-top:5px;
}
.Box .Box_con .conbox ul li .cpwz hr,.Box2 .Box_con .conbox ul li .cpwz hr {
	margin:10px 0px;
}
	}
@media screen and (min-width:1000px) and (max-width:1100px) {
.Box .content,.Box2 .content {
	width: 980px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 880px;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	top: 151.5px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 276px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 274px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 276px;
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	width: 276px;
}
	}
@media (max-width:1000px) {
.Box,.Box2 {
	position: relative;
	overflow:hidden;
	margin:15px 0px 15px 0px;
}
.Box .content,.Box2 .content {
	width: 920px;

}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 830px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 260px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 258px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 260px;
}
	}
@media screen and (min-width:800px) and (max-width:900px) {
.Box .content,.Box2 .content {
	width: 780px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 700px;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	top: 185.5px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 335px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 333px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 335px;
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	width: 335px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(1) {
	margin-top:10px;
	}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(2),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(2) {
	margin-top:15px;
}
.Box .Box_con .conbox ul li .cpwz hr,.Box2 .Box_con .conbox ul li .cpwz hr {
	margin:20px 0px;
}
	}
@media screen and (min-width:700px) and (max-width:800px) {
.Box .content,.Box2 .content {
	width: 690px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 600px;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	top: 156.5px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 285px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 283px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 285px;
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	width: 285px;
}
	}
@media (max-width:700px) {/*700*/
.Box .content,.Box2 .content {
	width: 620px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 540px;
}
	}
@media screen and (min-width:500px) and (max-width:620px) {
.Box .content,.Box2 .content {
	width: 460px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 360px;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	top: 200px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 360px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 360px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 360px;
	max-height: 360px;
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	width: 360px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(1) {
	margin-top:15px;
	}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(2),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(2) {
	margin-top:15px;
}
.Box .Box_con .conbox ul li .cpwz hr,.Box2 .Box_con .conbox ul li .cpwz hr {
	margin:20px 0px;
}
	}
@media (max-width:500px) {/*400*/
.Box .content ,.Box2 .content{
	width: 365px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 260px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	float: left;
	width: 260px;
	margin-left: 22px;
	overflow: hidden;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 260px;
	overflow: hidden;
	background:#fafafa;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	display: block;
	max-width: 260px;
	transition: all 0.5s;
}

.Box .Box_con .btnl,.Box2 .Box_con .btnl2 {
	background: url(../images/jtl02.png) no-repeat center;
	left: 10px;
}
.Box .Box_con .btnr,.Box2 .Box_con .btnr2 {
	background: url(../images/jtr02.png) no-repeat center;
	right: 10px;
}

}



/**************************新闻**************************/
.sy-news{ width:100%; padding:0px 0 30px 0;}

#hd{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	margin:0 auto;
	margin-top:10px;
	}
#hd a.topa{
	display:inline-block;
	color:#666;
	font-size:14px;
	background:#f4f4f4;
	padding:10px 15px;
	position:absolute;
	margin-left:calc(8.3% - 54.92px);
	}
#hd a.topa:hover{
	color:#fff;
	background:#009944;
	}
#hd ul{ text-align:center;

	
	}
#hd ul li{
	width:160px;
	text-align:center;
	cursor:pointer;
	display:inline-block;
	margin-left:0.5%;
	margin-right:0.5%;
	}

#hd ul li a{
	display:inline-block;
	color:#333;
	font-size:18px;
	background:#fff;
	height:40px;
	line-height:40px;
	border-radius:20px;
	border:1px solid #666;
	width:100%;
	}
#hd ul li a:hover{
	color:#fff;
	background:#E40011;
	border:1px solid #E40011;
	}
#hd ul li.six a{
	color:#fff;
	background:#009944;
	border:1px solid #009944;
	}
	
	
	
@media (max-width:1000px) {
#hd a.topa{
	margin-left:calc(25% - 54.92px);
	}
#hd ul li{
	width:30%; margin:0;
	}
#hd ul li a{ width:78%;}	

	}
@media (max-width:720px) {
#hd ul li a{ width:60%;}
#hd ul{ margin-bottom:10px;}

}	
@media (max-width:420px) {
#hd ul li:before{
	width:0px;
	height:0px;
	content:"";
	display:inline-block;
	background:#999;
	margin-top: 19px;
    position: absolute;
	}
#hd ul li a{
	display:inline-block;
	color:#666;
	font-size:14px;
	background:#f4f4f4;
	width:92%;
	}	

}	

#bottom{
	margin-top:0px;
	}
#bottom .n_news{
	width:100%;
	overflow:hidden;
	}		
.n_news ul{ overflow:hidden; margin-top:10px; }
.n_news li{ width:32%; position:relative; display:block; overflow:hidden; background:#fff; float:left; margin:0% 2% 2% 0; padding-bottom:40px;}
.n_news li:nth-of-type(3n){ margin-right:0;}
.n_news li a{ display:block;}


.n_news li .pic_box{overflow:hidden; position:relative; width:100%; border:1px solid #009944;}

.n_news li .pic_box img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
}
.n_news li .pic_box:hover img {transform: scale(1.05);}

.n_news li .text_box{ position:relative; padding:15px 0; }
.n_news li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; }
.n_news li p{ font-size:14px; line-height:24px; margin-top:10px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
.n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0; border-top:1px solid #ddd; padding-top:20px;}
.n_news .fot_box span{color:#a1a1a1; font-size:14px;}
.n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:14px; padding-top:22px; position:absolute; right:0px; top:0; background:url(../images/icon_more_jt.png) right 24px no-repeat; padding-right:30px;}
.n_news li:hover h1 a{ color:#009944; }
.n_news li:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right 24px no-repeat; color:#009944;}
.n_news li:hover .fot_box span{ }
.n_news li a:hover{ text-decoration:underline; }


.n_news h2{ text-align:center;color:#555; margin-top:50px;}

.n_news * { -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; }


@media (max-width:1200px) {
.n_news li{ width:46%;}
}
@media (max-width:920px) {
.n_news li{ width:44%;}
}
@media (max-width:800px) {

.n_news li{ width:100%; padding-bottom:30px; margin:2% 0;}
.n_news ul{ margin:0;}
.sy-news{ width:100%; padding:0px 0 20px 0; margin-top:20px; }
.n_news li .text_box{ position:relative; padding:15px 0; }
.n_news .fot_box{ padding-top:20px;}
.n_news li p{ margin-top:10px;}

}



.derp{ position: relative; margin-top:30px; margin-bottom:30px; padding-bottom:30px; }
.derp .pic img{width: 100%; }
.derp .video_bg{overflow: hidden;}
.derp .video_bg video{display: block !important;opacity: 0.5; height:600px;}
.derp .iplay{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); border: #009944 2px solid;border-radius: 100px;width: 75px;height: 75px;cursor: pointer;overflow: hidden;margin: auto;transition: all 0.7s;z-index: 100;}
.derp .iplay:hover{background: #009944;}
.derp .iplay i{display: block;width: 0;height: 0;border-width: 15px 0px 15px 25px;border-style: solid;border-color: transparent transparent transparent #009944;position: absolute;top: 50%;left: 50%;margin-left: -10px;margin-top: -15px;transition: all 0.7s;}
.derp .iplay:hover i{border-color: transparent transparent transparent #fff;}
.derp .video{position: fixed;left: 0;top: 0%;width: 100%;height: 100%;background: #000;z-index: 9000;display: none;}
.derp .video .close{width: 40px;height: 40px;position: absolute;right: 2%;top: 5%;z-index: 104;cursor: pointer;border: 2px solid rgba(123,123,123,0.8);border-radius: 100px;line-height: 40px;color: #FFF;text-align: center;  font-size:30px; font-style:normal; font-family:Arial;}
.derp .video video{display: block !important;width: 100%;height: 100%;}
.derp .video.showvideo {display: block !important; }

@media screen and (max-width: 720px) {
.derp .iplay{width: 45px;height: 45px;}
.derp .iplay i{border-width: 8px 0px 8px 15px;margin-left: -6px;margin-top: -8px;}
.derp .video_bg video{height:250px;}

}


.links{  border:1px solid #ddd; padding:20px; margin-bottom:50px; }
.links p{font-size:15px;color:#666; }
.links p a{padding:0px 10px;color:#666;}
.links p a:hover{color:#009944;text-decoration:underline;}
@media(max-width: 1200px){
.links{padding:10px; }
.links p{font-size:14px;}
}


/* footer */
.foot {
	background: #F1F4F7;
	padding-top: 4.5rem;
	position: relative;
}
.foot_nav {
	float: left;
}
.foot_nav{  border-right:1px solid #e1e1e3;  border-left:1px solid #e1e1e3;padding:0 30px; margin: 0 2%;}

.foot_nav h3 {
	font-size: 1rem;
	color: #363636;
	margin-bottom: 20px;
	font-weight: bold;
}
.foot_nav ul{ text-align:center;}
.foot_nav ul li {
	padding-right: 50px;
	float: left; padding:0 15px;
}
.foot_nav .list a {
	display: block;
	font-size: 15px;
	color: #363636;
	line-height: 27px;
}
.foot_nav .list a:hover{color: #009944;}
.foot_logo {
	width: 25%;
	text-align: left; padding-left:0; float:left;
}
.foot_logo img {
	display: block;
	margin-bottom: 0px;
}
.foot_liuyan h3{ font-size:15px; font-weight:bold;}
.foot_liuyan p{ font-size:14px;}

.foot_liuyan .input {
	font-size: 0;
	height: 35px;
	margin: 10px 0 20px;
}

.foot_liuyan .input .input-text {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 225px;
	height: 35px;
	line-height: 35px;
	position: relative;
	vertical-align: top;
	background: #ddd;
}

.foot_liuyan .input .input-text input {
	display: block;
	width: 100%;
	height: 100%;
	color: #999;
	font-size: 12px;
	border: none;
	background: none;
	padding: 0 20px;
	position: relative;
	z-index: 10;
}

.foot_liuyan .input .sub_btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 90px;
	height: 35px;
	line-height: 35px;
	background: #009944;
	margin-left: 5px;
	position: relative;
	z-index: 11;
	transition: 0.6s;
	cursor: pointer;
}

.foot_liuyan .input .sub_btn input {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	border: none;
	background: none;
	text-align: center;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.foot_liuyan .input .sub_btn a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	float: left;
	width: 90px;
	height: 35px;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
}

.foot_liuyan .input .sub_btn:hover {
	background: #87BF1C;
}

.foot_liuyan .input .sub_btn a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	float: left;
	width: 90px;
	height: 35px;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
}

.foot_liuyan .input .sub_btn:hover {
	background: #87BF1C;
}

input::-webkit-input-placeholder {
	color: #919191;
}

input::-moz-placeholder {
 /* Mozilla Firefox 19+ */
	color: #919191;
}

input:-moz-placeholder {
 /* Mozilla Firefox 4 to 18 */
	color: #919191;
}

input:-ms-input-placeholder {
 /* Internet Explorer 10-11 */
	color: #919191;
}




.foot_logo .txt {
	height: 66px;
	overflow: hidden;
	margin-top: 20px;
}
.foot_logo .txt, .foot_logo .txt * {
	font-size: 13px;
	color: #363636;
	line-height: 22px;
}
.foot .ewm {
	float:left;
	width: 110px;
	height: 110px;
	margin-left:1%; margin-top:5px;
}
.foot .ewm img {
	width: 110px;
	height: 110px;
}

.foot_lianxi {
	text-align: left;
	float: right;
	font-size: 14px;
	color: #666667;
}

.foot_lianxi .tel {
	font-size: 14px;
	color: #363636;
	margin-bottom: 20px;
}
.foot_lianxi .tel p{ padding-left:20px; font-size:15px; line-height:24px;}
.foot_lianxi .tel p:nth-of-type(1) {
	background:url(../images/bn1.png) left 6px no-repeat; 
	}
.foot_lianxi .tel p:nth-of-type(2) {
	background:url(../images/bn2.png) left 6px no-repeat; 
	}
.foot_lianxi .tel p:nth-of-type(3) {
	background:url(../images/bn3.png) center left no-repeat; 
	}
.foot_lianxi .tel p:nth-of-type(4) {
	background:url(../images/bn4.png) center left no-repeat; 
	}
.foot_lianxi .tel p:nth-of-type(5) {
	background:url(../images/bn5.png) center left no-repeat; 
	}	
	
.foot_bot {
	font-size: 12px;
	min-height: 69px;
	line-height: 21px;
	padding: 0 10px;
	padding-top: 24px;
	margin-top: 2.5rem;
	color: #b0afaf;
	padding-bottom: 20px;
	border-top: 1px solid #e1e1e3;
	text-align: center;
}
.foot_bot * {
	color: #666;
	font-size: 15px;
	display: inline-block;
}
.foot_link {
	font-size: 1.2rem;
	color: #747475;
	margin-top: 50px;
	margin-bottom: 30px;
	height: 1.2em;
	overflow: hidden;
}
.foot_link img {
	margin-right: 5px;
}
.foot_link a {
	font-size: 1.2rem;
	color: #747475;
	margin: 0 6px;
}
.foot_link a:hover {
	color: #fff;
}
.foot a:hover {
	color: #333;
}
.foot a {
	transform: .3s;
}
.foot_bot p{ margin:0;}

@media (max-width: 1200px)

{
.foot{ padding-top:30px;}
.foot_logo{ width:46%;}
.foot_nav{ display:none; }
.ewm{ display:none; }
.foot_bot{ margin-top:0;}

aside#top{ display:none;}

}
@media (max-width: 1000px)
{
.foot_logo{ float:none; width:100%;}
.foot_lianxi{ text-align:left; float:none;}
}


/*online qq*/
aside{ display:block;}
.online_q {  position: fixed; right: 0px; bottom: 30%; z-index: 9999; }
.online_q .btn2{width:73px; height:73px; margin-bottom:5px; cursor:pointer; position:relative; font-size:12px; transition:.3s;}
.online_q .btn-top{ }
.online_q .btn2 span{display:block; width:100%; height:100%; text-align:center; border-radius:8px; position:relative; padding-top:49px; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; font-size:12px; color:#fff;}
.online_q .btn-aff span{background:url(../images/piaofu_aff.png) center 11px no-repeat #87BF1C;}
.online_q .btn-qq span{background:url(../images/piaofu_qq.png) center 11px no-repeat #009944;}
.online_q .btn-tel span{background:url(../images/piaofu_tel.png) center 11px no-repeat #009944; }
.online_q .btn-weixin span{ background:url(../images/piaofu_weixin.png) center 11px no-repeat #87BF1C; }
.online_q .btn-email span{ background:url(../images/piaofu_email.png) center 11px no-repeat #009944; }
.online_q .btn-top span{ background:url(../images/piaofu_top.png) center no-repeat #87BF1C;  }

.online_q .open.pic{ position:absolute; background:#009944; width:120px; height:120px; right:120px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #009944; position:absolute; right:-15px; top:50%; margin-top:-10px;}
.online_q .open.pic img{ width:100px; height:100px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:90px;visibility:visible;}

.online_q .open.tel{ position:absolute; background:#009944; width:160px; height:50px; border-radius:20px; color:#fff; font-size:18px; font-family:arial; text-align:center; line-height:50px; right:100px; top:50%; margin-top:-25px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.tel:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #009944; position:absolute; right:-16px; top:50%; margin-top:-10px;}
.online_q .btn2:hover .open.tel{ opacity:1; right:90px;visibility:visible;}
#gotop{ transition:.5s; overflow:hidden; height:73px;}
#gotop.hide{ height:0; }


.foot_div{ height:60px; width:100%; position:fixed; bottom:0; display:none; background: rgba(255,255,255,1); z-index:99;font-size:14px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);}
.foot_div.bgs2{ background:#f1f1f1;z-index:3; }
.foot_div.bgs3{background:url(../images/foot2_bg70.png) repeat;}
.foot_div.bgs4{ background:#f1f1f1;}
.foot_div ul li a{ display:block; color:#333; font-size:14px;}
.foot_div ul li{ width:33%; text-align:center; float:left; position:relative; height:60px;background:url(../images/i_bg11.png) right center repeat-y;}
.foot_div ul li:last-child{ background:none;}
.foot_div ul li img{ display:block; height:22px; margin:0 auto; margin-top:8px; margin-bottom:5px;}
.foot_div ul li p{ background:url(../images/foot_pic4.png) right 98% no-repeat; height:62px; padding-bottom:50px; position:absolute; bottom:0; width:50%; margin-left:25%; cursor:pointer; height:0;}
.foot_div ul li p a{ width:100%;line-height:30px; height:30px; overflow:hidden; margin-bottom:1px; background:url(../images/foot_bg60.png) repeat; font-size:14px; display:none;}
 @media(max-width: 768px){
.foot{ padding-bottom:60px;}
.foot_div{ display:block;} 
aside{ display:none;}
 }