﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle; outline:none;}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#009933; text-decoration:none;}
.fl{ float:left}
.fr{ float:right}
::-webkit-scrollbar-track{background-color: #e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#222326;}


.banner_pc{ padding-top:80px;}
.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:10px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:12px; height:12px; display: block; background:#E6E6E6; 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: #FFF; }
.flex-control-paging li a.flex-active { background: #009933; cursor: default;}
@media screen and (max-width: 1200px) {
.banner_pc{ padding-top:50px;}
}
@media screen and (max-width: 980px) {
.banner_pc{ padding-top:50px;}
	.banner_ny{ padding-top:50px;}
	.banner_ny .pic_yi{ display:none;}
	.banner_ny .pic_er{ display:block;}
	.banner_yd{ display:block; padding-top:50px;}
}




.index_title{ text-align:center; padding:50px 0 30px 0;}
.sy_title { text-align:center; font-size:36px; color:#009933; padding:5px 0;}
.sy_title span{ position:relative;}
.sy_title span:before{ content:""; position:absolute; left:-100px; top:25px; background:#009933; width:75px; height:1px; background-size:100% auto}
.sy_title span:after{ content:""; position:absolute; right:-100px; top:25px; background:#009933; width:75px; height:1px;  background-size:100% auto}

.index_title2{ text-align:center; padding:50px 0 30px 0;color:#fff;}
.sy_title2 { text-align:center; font-size:36px; color:#fff; padding:5px 0;}
.sy_title2 span{ position:relative;}
.sy_title2 span:before{ content:""; position:absolute; left:-100px; top:25px; background:#fff; width:75px; height:1px; background-size:100% auto}
.sy_title2 span:after{ content:""; position:absolute; right:-100px; top:25px; background:#fff; width:75px; height:1px;  background-size:100% auto}


.db_title { text-align:center; font-size:24px; color:#000; padding-bottom:30px;}
.db_title span{ position:relative;}
.db_title span b{color:#009933 !important;}
.db_title span:before{ content:""; position:absolute; left:-100px; top:12px; background:url(../images/xx1.png) center center no-repeat; width:80px; height:9px; background-size:100% auto}
.db_title span:after{ content:""; position:absolute; right:-100px; top:12px; background:url(../images/xx2.png) center center no-repeat; width:80px; height:9px;  background-size:100% auto}


@media (max-width:980px) {
.index_title{ text-align:center; padding:40px 0 20px 0;}
.sy_title{ font-size:24px;}
.sy_title span:before{ content:""; position:absolute; left:-90px; top:15px; background:#009933; width:75px; height:1px; background-size:100% auto}
.sy_title span:after{ content:""; position:absolute; right:-90px; top:15px; background:#009933; width:75px; height:1px;  background-size:100% auto}

.index_title2{ text-align:center; padding:40px 0 20px 0;}
.sy_title2{ font-size:24px;}
.sy_title2 span:before{ content:""; position:absolute; left:-90px; top:15px; background:#fff; width:75px; height:1px; background-size:100% auto}
.sy_title2 span:after{ content:""; position:absolute; right:-90px; top:15px; background:#fff; width:75px; height:1px;  background-size:100% auto}

.db_title { text-align:center; font-size:18px; color:#000; padding-bottom:30px;}
.db_title span{ position:relative;}
.db_title span:before{ content:""; position:absolute; left:-80px; top:8px; background:url(../images/xx1.png) center center no-repeat; width:60px; height:9px; background-size:100% auto}
.db_title span:after{ content:""; position:absolute; right:-80px; top:8px; background:url(../images/xx2.png) center center no-repeat; width:60px; height:9px;  background-size:100% auto}
}

/***************about***************/
.about{
	width:100%;
	max-width:1330px;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:80px;
	}
.about .abimg{
	width:50%;
	float:right;
	overflow:hidden;
	}
.about .abimg img{
	width:100%;
	}
.about .abtext{
	width:47%;
	float:left;
	overflow:hidden;
	}
.about .abtext p{
	font-size:15px;
	color:#333;
	line-height:24px;
	}
.about .abtext a{
	display:inline-block;
	margin-top:20px;
	font-size:15px;
	color:#fff;
	padding:10px 50px;
	background:#009933;
	border-radius:30px;
	transition:background 1s;
	}
.about .abtext a:hover{
	background:#007226;
	}
@media (max-width:1200px) {
.about{ width:100%; margin: 0 auto;}
	}	

@media (max-width:1000px) {
.about{ padding-bottom:30px;}
.about .abimg{
	width:100%;
	float:none;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	}
.about .abtext{
	width:100%;
	float:none;
	margin:0 auto;
	margin-top:10px;
	overflow:hidden;
	}
}
@media (min-width: 768px){
.container {
    width: 100%;
    padding: 0 2%;
}
}
@media (max-width:600px) {

.about .abimg{
	width:100%;
	float:none;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	}
.about .abimg img{
	width:100%;
	}
.about .abtext{
	width:100%;
	float:none;
	margin:0 auto;
	margin-top:10px;
	overflow:hidden;
	}
.about .abtext p{
	font-size:14px;
	color:#333;
	line-height:30px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:6;
	}	
.about .abtext a{ margin-top:10px;}		
}


/***************cases***************/
.cases{ background:url(../images/case_bg.jpg) center top no-repeat;background-size:cover; padding-bottom:60px; }

/**************************产品推荐**************************/
.Box {
	position: relative;
	overflow:hidden;
	margin:0px 0px 15px 0px;
}
.Box .content {
	max-width:1400px;
	margin: 0 auto;
}
.Box .Box_con {
	position: relative;
}
.Box .Box_con .btnl {
	position: absolute;
}
.Box .Box_con .btn {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 90px;
	cursor: pointer;
	border-radius:60px;
}
.Box .Box_con .btnl {
	background: url(../images/jtl02.png) no-repeat center;
	left: 0px;
}
.Box .Box_con .btnr {
	background: url(../images/jtr02.png) no-repeat center;
	right: 0px;
}
.Box .Box_con .btnl:hover {
	background: url(../images/jtl03.png) no-repeat center;
}
.Box .Box_con .btnr:hover {
	background: url(../images/jtr03.png) no-repeat center;
}
.Box .Box_con .conbox {
	width: 1250px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.Box .Box_con .conbox ul {
	position: relative;
	list-style: none;
}
.Box .Box_con .conbox ul li {
	float: left;
	width: 300px;
	margin-left: 20px;
	overflow: hidden;
	position: relative;
	display:block; 
}
.Box .Box_con .conbox ul li:first-child {
	margin-left: 0;
}
.Box .Box_con .conbox ul li .cptp {
	width:100%;
	height: 225px;
	overflow: hidden;
	background:#fafafa;
}
.Box .Box_con .conbox ul li .cptp img {
	display: block;
	width: 300px;
	height: 225px;
}

	
.Box .Box_con .conbox ul li  .hover {display:none; width: 300px;height: 225px; opacity: 0;transition: all 0.5s ease-in-out; position: absolute; top: 0;text-align: center; background: rgba(0, 0, 0, .6); transform: translateY(-100%);}
.Box .Box_con .conbox ul li  .hover h1 { color: #fff; font-size: 18px;  margin-top: 30%; margin-bottom: 15px;transform: translateY(100%);transition: all 0.45s ease;position:relative; }
.Box .Box_con .conbox ul li  .hover p{ width:60%; height:3px; margin:0 auto;background-image: -webkit-linear-gradient(0deg, rgb(37, 221, 201) 0%, rgb(37, 221, 125) 100%); border-radius:3px; transform: translateY(-100%);transition: all 0.45s ease;position:relative; }
.Box .Box_con .conbox ul li:hover .hover { opacity: 1; transform: translateY(0);}
.Box .Box_con .conbox ul li:hover .hover p{transform: translateY(0);}
.Box .Box_con .conbox ul li:hover .hover h1{transform: translateY(0);}
.Box .Box_con .conbox ul li  .hover img { width: 300px;height: 225px; display: block;}



 /*缩放*/

.img_size li:hover img,.img_size a:hover img { 

-moz-transform:scale(1.1); 

-o-moz-transform:scale(1.1); 

-o-moz-transform:scale(1.1); 

-webkit-moz-transform:scale(1.1); 

transform:scale(1.1);}

.img_size li img,.img_size a img{ -moz-transition: all 2s ease !important;

-webkit-transition: all 2s ease-in-out !important;

-o-transition: all 2s ease-in-out !important;

-ms-transition: all 3s ease-in-out !important;

transition: all 2s ease-in-out !important; } 
	
@media screen and (min-width:1100px) and (max-width:1200px) {
.Box .content {
	width: 1070px;
}
.Box .Box_con .conbox {
	width: 950px;
}
.Box .Box_con .btn {
	top: 97.5px;
}
.Box .Box_con .conbox ul li {
	width: 220px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 220px;
	height: 165px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 220px;
	height: 165px;
}
.Box .Box_con .conbox ul li  .hover img { width: 220px;height: 165px;}
	}
@media screen and (min-width:1000px) and (max-width:1100px) {
.Box .content {
	width: 980px;
}
.Box .Box_con .conbox {
	width: 870px;
}
.Box .Box_con .btn {
	top: 121px;
}
.Box .Box_con .conbox ul li {
	width: 276px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 276px;
	height: 207px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 276px;
	height: 207px;
}
.Box .Box_con .conbox ul li  .hover  { width: 276px;height: 207px; }
	}
@media (max-width:1000px) {
.Box .content {
	width: 900px;
}
.Box .Box_con .conbox {
	width: 820px;
}
	}
@media screen and (min-width:800px) and (max-width:900px) {
.Box .content {
	width: 780px;
}
.Box .Box_con .conbox {
	width: 690px;
}
.Box .Box_con .btn {
	top: 147px;
}
.Box .Box_con .conbox ul li {
	width: 335px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 335px;
	height: 251px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 335px;
	height: 251px;
}
.Box .Box_con .conbox ul li  .hover img { width: 335px;height: 251px;}
	}
@media screen and (min-width:700px) and (max-width:800px) {
.Box .content {
	width: 690px;
}
.Box .Box_con .conbox {
	width: 590px;
}
.Box .Box_con .btn {
	top: 125px;
}
.Box .Box_con .conbox ul li {
	width: 285px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 285px;
	height: 214px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 285px;
	height: 214px;
}
.Box .Box_con .conbox ul li  .hover img { width: 285px;height: 214px;}
	}
@media (max-width:700px) {/*700*/
.Box {
	margin: 0px;
}
.Box .content {
	width: 620px;
}
.Box .Box_con .conbox {
	width: 540px;
}
	}
@media screen and (min-width:500px) and (max-width:620px) {
.Box .content {
	width: 460px;
}

.Box .Box_con .conbox {
	width: 360px;
}
.Box .Box_con .btn {
	top: 158px;
}
.Box .Box_con .conbox ul li {
	width: 360px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 360px;
	height: 270px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 360px;
	height: 270px;
}
.Box .Box_con .conbox ul li  .hover img { width: 360px;height: 270px;}
	}
@media (max-width:500px) {/*400*/
.Box .content {
	width: 365px;
}
.Box .Box_con .conbox {
	width: 300px;
}
	}


/***************customer***************/
.customers{
	width:100%;
	max-width:1330px;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:80px;
	}
.customers ul { border:1px solid #dbdbdb; border-right:none; border-top:none; }
.customers ul li{float:left;width:16.66666%;overflow:hidden;border-right:1px solid #dbdbdb;border-top:1px solid #dbdbdb;}
.customers ul li:nth-child(6n+0){margin-right:0;}
.customers ul li .imgs{overflow:hidden; }
.customers 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);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.customers ul li .imgs:hover 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);}

@media screen and (max-width: 1000px){
.customers{ width:100%;padding-bottom:30px;}
}

@media screen and (max-width: 640px){
.customers ul li {
    width: 33.33%;
}
.customers ul li:nth-child(3n+0){margin-right:0;}
}

.main-foot{ max-width:1480px;margin:0 auto; padding:30px 0;}


/* footer */
.footer {
    background-color: #1a1a1a; width:100%; padding:60px 0 30px 0;
}
.footer2{width:100%;
	max-width:1280px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	color:#fff;
}
.footer2 h1{ font-size:18px;}
.footer2 p{ margin-top:10px;font-size:15px;}
.footer2 a{ color:#fff; font-size:15px; margin-right:10px;}
.footer2 a:hover{ color:#009933; text-decoration:underline;}

@media screen and (max-width: 640px){
.footer2 { width:90%; margin:0 auto;}
}