@charset "utf-8";

/* 初始化 */
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
input,select,form,textarea,button,video{ border:none; margin:0;outline:none; padding:0; appearance:none;}
h1,h2,h3,h4,h5{ font-weight:normal;font-size:0.24rem;}
img{ border:none;}
a{ 
	text-decoration:none; outline:none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
ul,li{list-style:none;}
body,html{ width:100%; height: 100%;font-size:18px;font-family:"微软雅黑";}

body{
	overflow-x:hidden;
	min-width:640px;
}
/* --end-- */


/*-- 头部定位锚点菜单 --*/
@media(max-width:1100px){
	.link-menu {
		display:none;
	}
}

.header{
	position:relative;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	overflow:hidden;
	height:100px;
	z-index:999;
	background: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0)); 
 	background: -moz-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0)); 
	background: -ms-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0)); 
	background: -o-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0)); 
}

.header-bg{
	background: white;
	
}

.header .logo{
	margin-left:2%;
	padding:10px 0;
	line-height:80px;
	float:left;
}

.header .logo img:last-child{
	display:none;
}	

.header .logo img{
	max-height:80px;
}

.header .menu-box{
	float:right;
	margin-top:30px;
	margin-right:2%;
	margin-left:20px;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../img/menu-1.png);
	background-size:100%;
	cursor:pointer;
}

.header .link-menu{
	float:right;
	font-size:18px;
	overflow:hidden;
	margin-right:2%;
}

.header .link-menu li{
	float:left;
}

.header .link-menu a.guider_link:hover{
	border-bottom:4px solid white;
}

.header .link-menu a.guider_link:active{
	border-bottom:4px solid white;
}

.header .link-menu li a.guider_link{
	display:block;
	color:white;
	height:96px;
	padding:0 20px;
	line-height:100px;
	text-align:center;
}

.header .link-menu li a.green{
	color:#000;
}

.header .link-menu li a.green:hover{
	border-bottom:4px solid #419c10;
}

.header .link-menu li a.green:active{
	border-bottom:4px solid #419c10;
}

#menu .active{
	border-bottom:4px solid #419c10;
}

#menu .active-1{border-bottom:4px solid white;}

.xian{
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.5);
	position:absolute;
	bottom:0;
	left:0;
}
/*-- end --*/

/*-- 侧边导航 --*/
.black-box{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	z-index:999;
	display:none;
}

.left-menu{
	width:290px;
	height:100%;
	background:url(../img/menu-bg.jpg) no-repeat center center;
	min-height:700px;
	position:relative;
	margin-left:-290px;
	z-index:999;
}

.close-menu{
	width:100px;
	height:100px;
	background:url(../img/close.png) no-repeat center center;
	position:absolute;
	top:-20px;
	right:-70px;
}
	

.left-logo{
	max-height:100px;
	width:80%;
	overflow:hidden;
	padding:20px 0;
	vertical-align: middle;
    display: table-cell;
    text-align: center;
	background:url(../img/xian.png) no-repeat center bottom;
}

.left-logo img{
	width:80%;
}

.nav{
	width:100%;
	margin:30px 0;
}

.nav > li{
	width:60%;
	padding:10px 20%;
	background:none;
	position:relative;
}

.nav > li > a{
	position:relative;
	z-index:2;
	display:block;
}

.nav > li i{
	width:0;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	background-color:#419c10;
	transition:width 0.4s;
	z-index:1;
}

.nav > li:hover i{
	width:100%;
}

.nav > li:hover a p,.left-menu .nav > li:hover a span{
	color:white;
}

.nav > li a p{
	color:#666;
}

.nav > li a span{
	color:#000;
	font-family: "Arial";
	font-size:16px;
}

.bb,.ll{
	display:block;
	width: 0;
	height: 0;
	border-width: 14px;
	border-style: solid;
}

.bb{
	border-color:transparent white transparent transparent;
	position:absolute;
	left:-28px;
	top:50%;
	transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
}

.child-nav{
	position:absolute;
	right:-182px;
	top:50%;
	background-color:white;
	padding:10px 20px;
	transform:translate(30%,-50%);
	-o-transform:translate(30%,-50%);
	-ms-transform:translate(30%,-50%);
	-moz-transform:translate(30%,-50%);
	-webkit-transform:translate(30%,-50%);
	display:none;
}

.child-nav li{
	width:200px;
	text-align:center;
	line-height:40px;
	background-color:#ddd;
	margin:10px 0;
	position:relative;
}

.child-nav li:hover{
	background-color:#419c10;
}

.child-nav ul{
	position:absolute;
	left:160px;
	top:50%;
	transform:translate(30%,-50%);
	-o-transform:translate(30%,-50%);
	-ms-transform:translate(30%,-50%);
	-moz-transform:translate(30%,-50%);
	-webkit-transform:translate(30%,-50%);
	background-color:white;
	padding:10px 20px;
	display:none;
}

.child-nav li:hover > a{
	color:white;
}

.child-nav li:hover ul{
	display:block;
}

.child-nav li a{
	color:#666;
	display:block;
	width:100%;
}

.nav > li.now i{
	width:4px;
}

.nav > li.now:hover i{
	width:100%;
}

.nav > li.now:hover a span,
.nav > li.now:hover a p{
	color:white;
}

.nav > li.now a span,
.nav > li.now a p{
	color:#419c10;
}

.contact-menu{
	font-size:14px;
	color:#3d7620;
	line-height:24px;
	padding:20px 10%;
	background:url(../img/xian.png) no-repeat center top;
	position:absolute;
	bottom:0;
	left:0;
}

@media (max-height:800px){
	.nav{
		margin:20px 0;
	}
	
	.left-logo{
		padding:12px 0;
	}
	
	.contact-menu{
		padding:12px 10%;
		line-height:22px;
		position:relative;
	}
}
/*-- end --*/


/*-- 幻灯片播放 --*/
.flexslider{
	position:relative;
	height:100%;
	overflow:hidden;
}

.slides{
	position:relative;
	z-index:1;
	height: 100%;
}

.slides li{
	height:100%;
}

.flex-direction-nav{
	position:absolute;
	z-index:3;
	width:100%;
	top:45%;
}

.flex-direction-nav li a{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	cursor:pointer;
	position:absolute; 
	opacity: .2;
}

.flex-direction-nav li a.flex-prev{
	left:2%;
	background:url(../img/arrow-left-2.png) center center no-repeat;
}

.flex-direction-nav li a.flex-next{
	right:2%;
	background:url(../img/arrow-right-2.png) center center no-repeat;
}

.flex-direction-nav li a:hover{
	opacity:1;
}

.slide-icon{
	color:#f2f2f2;
	text-align:center;
	width:100%;
	position:absolute;
	bottom:40px;
	left:0;
	z-index:10;
	overflow:hidden;
	
	animation:slide-change 0.8s infinite linear;
	-moz-animation: slide-change 0.8s infinite linear;	/* Firefox */
	-webkit-animation: slide-change 0.8s infinite linear;	/* Safari 和 Chrome */
	-o-animation: slide-change 0.8s infinite linear;	/* Opera */
	-ms-animation:slide-change 0.8s infinite linear;
}

.slide-icon img.slide-img{
	width:60px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

@keyframes slide-change{
	0%   {bottom:40px;}
	25%  {bottom:45px;}
	50%  {bottom:50px;}
	75%  {bottom:45px;}
	100% {bottom:40px;}
}

@-moz-keyframes slide-change{
	0%   {bottom:40px;}
	25%  {bottom:45px;}
	50%  {bottom:50px;}
	75%  {bottom:45px;}
	100% {bottom:40px;}
}

@-webkit-keyframes slide-change{
	0%   {bottom:40px;}
	25%  {bottom:45px;}
	50%  {bottom:50px;}
	75%  {bottom:45px;}
	100% {bottom:40px;}
}
 
@-o-keyframes slide-change{
	0%   {bottom:40px;}
	25%  {bottom:45px;}
	50%  {bottom:50px;}
	75%  {bottom:45px;}
	100% {bottom:40px;}
} 

@-ms-keyframes slide-change{
	0%   {bottom:40px;}
	25%  {bottom:45px;}
	50%  {bottom:50px;}
	75%  {bottom:45px;}
	100% {bottom:40px;}
}  

/*-- end --*/

/* 关于我们 */
.cont{
	height:100%;
	width:100%;
}

.left-about{
	width:60%;
	height:100%;
	float:left;
	margin-top:5%;
}

.left-about h1 b{
	display:block;
	position:absolute;
	top:0;
	left:10%;
	background-color:#419c10;
	width:14%;
	height:4px;
}

.left-about h1{
	font-size:30px;
	color:#419c10;
	margin-top:150px;
	margin-bottom:5%;
	padding-left:10%;
	border-top:1px solid #419c10;
	padding-top:5%;
	position:relative;
	width:80%;
}

.left-about .txt{
	width:80%;
	max-height:45%;
	overflow:hidden;
	margin:0 auto;
	text-align:justify;
}

.txt p{
	width:100%;
	line-height:30px;
	color:#666;
	margin-bottom:20px;
}

.left-about .more-txt{
	width:140px;
	padding:0 20px;
	line-height:50px;
	background-color:#419c10;
	color:white;
	margin-top:40px;
	margin-left:10%;
	display:block;
}

.left-about .more-txt:hover{
	background-color:#276804;
}

.right-img{
	float:right;
	width:30%;
	height:100%;
	margin-right:10%;
	margin-top:3%;
}

.right-img .img-cont{
	position:relative;
	margin-top:240px;
}

.right-img .bg-color{
	display:block;
	width:100%;
	height:0;
	padding-top:72%;
	background-color:#419c10;
	opacity:0.6;
	position:absolute;
	left:0;
	top:0;
	
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); 	/* IE 9 */
	-moz-transform:rotate(7deg); 	/* Firefox */
	-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
	-o-transform:rotate(7deg); 	/* Opera */
}

.right-img .ab-img{
	width:100%;
	height:0;
	padding-top:72%;
	overflow:hidden;
	position:relative;
	z-index:1;
}

.right-img .ab-img img{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

@media(max-width:768px){
	.left-about{
		width:100%;
		float:none;
		height:auto;
	}
	
	.right-img{
		width:60%;
		margin:10px auto;
		float:none;
		height:60%;
	}
	
	.right-img .img-cont{
		margin-top:40px;
	}
	
	.left-about .txt{
		width:90%;
		max-height:120px;
	}
	
	.left-about h1 b{
		left:5%;
	}
	
	.left-about h1{
		padding-left:5%;
		margin-bottom:3%;
		padding-top:4%;
	}
	
	.left-about .more-txt{
		margin-top:20px;
		margin-left:5%;
		margin-bottom:80px;
	}
}

@media(min-width:768px) and (max-width:1100px){
	.left-about{
		width:50%;
		margin-top:2%;
	}
	
	.right-img{
		width:40%;
		margin-top:1%;
	}
}

@media(min-width:1100px) and (max-width:1400px){
	.left-about{
		margin-top:1%;
	}
	
	.right-img{
		margin-top:0.05%;
	}
	
	.left-about .more-txt{
		margin-top:20px;
	}
	
	.left-about .txt{
		max-height:230px;
	}
}
/*-- end --*/


/*-- 小标题 --*/
.title{
	margin-top:160px;
	text-align:center;
	width:100%;
}

.title h2{
	font-size:30px;
	color:#000;
	line-height:40px;
}

.title h3{
	font-size:18px;
	color:#333;
	font-family:"ARIAL";
	font-style:italic;
	margin-bottom:10px;
}

.more{
	color:white;
	float:right;
	margin-right:5%;
	line-height:30px;
	margin-top:-30px;
}

.more a{
	color:white;
}

.more img{
	vertical-align:middle;
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	transition:all .3s;	
	-o-transition:all .3s;	
	-ms-transition:all .3s;	
	-moz-transition:all .3s;	
	-webkit-transition:all .3s;	
}

.more a:hover img{
	margin-right:0px;
	margin-left:20px;
}
/*-- end --*/


/*-- 产品中心 --*/
.product .title h2,.product .title h3{
	color:white;
}

.multipleColumn{
	width:90%;
	margin:30px auto;
	overflow:hidden;
}

.multipleColumn .bd,.multipleColumn .hd{
	width:100%;
	overflow:hidden;
}

.multipleColumn .bd{
	margin-left:7px;
}

.multipleColumn .next,.multipleColumn .prev{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	cursor:pointer;
	position:absolute; 
	opacity: .2;
	padding-top:24%;
}

.multipleColumn .next{
	right:-10px;
	background:url(../img/arrow-right-2.png) center center no-repeat;
}

.multipleColumn .prev{
	left:-10px;
	background:url(../img/arrow-left-2.png) center center no-repeat;
}

.multipleColumn ul{
	width:33.3333%;
	overflow:hidden;
	float:left;
	 _display:inline;
}

.multipleColumn ul .pro-img{
	width:100%;
	height:0;
	padding-top:100%;
	overflow:hidden;
	position:relative;
}

.multipleColumn ul .pro-img img{
	height:100%;
	transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	position:absolute;
	top:0;
	left:0;
	transform:scale(1,1);
}

.multipleColumn ul.special li{
	position:relative;
	width:100%;
}

.multipleColumn ul.special li .pro-txt{
	position:absolute;
	background-color:white;
	bottom:0;
	left:0;
	padding-top:0;
	transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	width:calc(100% - 1px);
	-o-width:calc(100% - 1px);
	-ms-width:calc(100% - 1px);
	-moz-width:calc(100% - 1px);
	-webkit-width:calc(100% - 1px);
}

.multipleColumn ul li{
	float:left;
	width:50%;
	height:100%;
}

.multipleColumn ul li a{
	display:block;
	height:100%;
}

.multipleColumn ul li .pro-txt{
	width:100%;
	padding-top:100%;
	height:0;
	background-color:#fff;
	position:relative;
	
}

.multipleColumn ul li .pro-txt .bb{
	border-color:transparent transparent white transparent;
	position:absolute;
	left:50%;
	top:-28px;
	transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	z-index:10;
}

.multipleColumn ul li .pro-txt .ll{
	border-color:white transparent transparent transparent;
	position:absolute;
	left:50%;
	bottom:-28px;
	transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	z-index:10;
}

.pro-txt .text{
	width:100%;
	height:80%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}

.pro-txt h4{
	width:calc(100% - 40px);
	-o-width:calc(100% - 40px);
	-ms-width:calc(100% - 40px);
	-moz-width:calc(100% - 40px);
	-webkit-width:calc(100% - 40px);
	border-bottom:1px solid #f5f5f5;
	position:absolute;
	top:0;
	left:0;
	font-size:18px;
	color:#000;
	line-height:80px;
	padding:0 20px;
}

.multipleColumn ul.special li .pro-txt p{
	width:calc(100% - 40px);
	-o-width:calc(100% - 40px);
	-ms-width:calc(100% - 40px);
	-moz-width:calc(100% - 40px);
	-webkit-width:calc(100% - 40px);
	padding:0 20px;
	top:55%;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.pro-txt .text h4{
	width:calc(100% - 20px);
	-o-width:calc(100% - 20px);
	-ms-width:calc(100% - 20px);
	-moz-width:calc(100% - 20px);
	-webkit-width:calc(100% - 20px);
	padding:25px 10px;
	font-size:18px;
	color:#000;
	border-bottom:1px solid #f5f5f5;
	line-height:18px;
	height:18px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

.multipleColumn ul li .pro-txt .text p{
	width:calc(100% - 20px);
	-o-width:calc(100% - 20px);
	-ms-width:calc(100% - 20px);
	-moz-width:calc(100% - 20px);
	-webkit-width:calc(100% - 20px);
	padding:0 10px;
	font-size:16px;
	line-height:26px;
	color:#666;
	position:absolute;
	top:45%;
	left:0;
	overflow:hidden;
	text-align:justify;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.multipleColumn ul li:hover .pro-img img{
	transform:scale(1.1,1.1);
}

.multipleColumn ul li.special:hover .pro-txt{
	padding-top:40%;
}

@media(max-width:1366px){
	.multipleColumn ul li .pro-txt .text p{
		-webkit-line-clamp: 2;
	}
	
	.multipleColumn{
		margin:20px auto;
	}
}
/*-- end --*/


/*-- 新闻中心 --*/
.news{
	background:url(../img/565387.jpg) no-repeat center center fixed;
	background-size: cover;
}

.news .cont {
	background-color:white;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	height:82%;
}

.news .cont .title{
	padding-top:40px;
	margin-top:130px;
}

.ns-cont{
	width:calc(100% / 3);
	-o-width:calc(100% / 3);
	-ms-width:calc(100% / 3);
	-moz-width:calc(100% / 3);
	-webkit-width:calc(100% / 3);
	float:left;
	margin-top:30px;
}

.ns-cont .column{
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	height:100%;
}

.ns-cont .column .min-info{
	margin-bottom:30px;
}

.ns-cont .column .min-info h1{
	line-height:30px;
	font-size:18px;
	color:#000;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
    white-space:nowrap;
}

.ns-cont .column:hover .min-info h1{
	color:#419c10;
}

.ns-cont .column .min-info hr{
	width:30px;
	height:1px;
	background-color:black;
	border:none;
	transition:width 0.3s;
	-o-transition:width 0.3s;
	-ms-transition:width 0.3s;
	-moz-transition:width 0.3s;
	-webkit-transition:width 0.3s;
}

.ns-cont .column:hover .min-info hr{
	width:100%;
	background-color:#419c10;
}

.ns-cont .column .min-info h5{
	line-height:30px;
	margin-bottom:10px;
	color:#999;
	font-size:14px;
}

.ns-cont .column .min-info p{
	line-height:24px;
	font-size:16px;
	color:#666;
	text-align:justify;
	max-height:96px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.ns-cont .column .min-img{
	width:100%;
	height:0;
	padding-top:60%;
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
}

.ns-cont .column .min-img img{
	width:100%;
	transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	position:absolute;
	left:0;
	top:0;
	transform:scale(1,1);
}

.ns-cont .column:hover .min-img img{
	transform:scale(1.05,1.05);
}

.news .more{
	margin-right:1%;
	margin-top:-30px;
	line-height:30px;
}

.news .more a{
	color:#666;
}

@media(max-width:1366px){
	.ns-cont{
		margin-top:20px;
	}
	
	.ns-cont .column{
		width:80%;
	}
	.news .cont .title{
		padding-top:20px;
		margin-top:120px;
	}
	
	.ns-cont .column .min-info{
		margin-bottom:15px;
	}
	
	.ns-cont .column .min-img{
		margin-bottom:15px;
	}
	
	.ns-cont .column .min-info p{
		line-height:20px;
		-webkit-line-clamp: 2;
	}
	.pro-txt .text p{
		-webkit-line-clamp: 3;
	}
	
}
/*-- end --*/


/*-- 案例中心 --*/

.pic-marquee{
	width:80%;
	margin:30px auto;
	
}

.pic-list{
	overflow:hidden;
	width:100%;
}

.pic-list li{
	float:left;
	overflow:hidden;
	width:calc(100% / 3);
	-o-width:calc(100% / 3);
	-ms-width:calc(100% / 3);
	-moz-width:calc(100% / 3);
	-webkit-width:calc(100% / 3);
}

.pic-list li a{
	width:90%;
	display:block;
	margin:0 auto;
}

.pic-list li a .pic-img{
	width:100%;
	height:0;
	padding-top:80%;
	overflow:hidden;
	position:relative;
}

.pic-list li a .pic-img img{
	width:100%;
	transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	position:absolute;
	top:0;
	left:0;
	transform:scale(1,1);
}

.pic-list li a .pic-txt{
	width:calc(100% - 40px);
	-o-width:calc(100% - 40px);
	-ms-width:calc(100% - 40px);
	-moz-width:calc(100% - 40px);
	-webkit-width:calc(100% - 40px);
	padding:20px 20px;
	height:52px;
	overflow:hidden;
	position:relative;
}

.pic-txt > i{
	display:block;
	width:0;
	height:100%;
	background-color:#419c10;
	transition:width 0.3s;
	-o-transition:width 0.3s;
	-ms-transition:width 0.3s;
	-moz-transition:width 0.3s;
	-webkit-transition:width 0.3s;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
	

li a .pic-txt .txt-left{
	width:90%;
	float:left;
	overflow:hidden;
	position:relative;
	z-index:1;
}

li a .pic-txt .txt-left h2{
	color:#000;
	font-size:18px;
	line-height:30px;
	height:30px;
	overflow:hidden;
	text-overflow:ellipsis;
    white-space:nowrap;
}

li a .pic-txt .txt-left p{
	line-height:30px;
	font-size:16px;
	color:#666;
	overflow:hidden;
	text-overflow:ellipsis;
    white-space:nowrap;
}

li a .pic-txt .txt-right{
	width:calc(10% - 10px);
	box-sizing:border-box;
	float:right;
	height:100%;
	border-left:1px solid #F5F5F5;
	background:url(../img/return-2.png) no-repeat center right;
	margin-left:10px;
	position:relative;
	z-index:1;
}

li a:hover .pic-img img{
	transform:scale(1.05,1.05);
}

li a:hover .pic-txt > i{
	width:100%;
}

li a:hover .pic-txt .txt-left h2,
li a:hover .pic-txt .txt-left p{
	color:white;
}

li a:hover .pic-txt .txt-right{
	background:url(../img/return-1.png) no-repeat center right;
}

.more-box{
	padding:14px 50px;
	display:block;
	background-color:#419c10;
	color:white;
	width:72px;
	margin:0 auto;
	cursor:pointer;
	margin-top:60px;
	text-align:center;
}

.more-box:hover{
	background-color:#276804;
}

@media(max-width:1366px){
	li a .pic-txt .txt-left{
		width:100%;
		float:none;
	}
	
	li a .pic-txt .txt-right{
		display:none;
	}
	
	.title{
		margin-top:120px;
	}
}

/*-- end --*/

/*-- 联系我们 --*/

.contact{
	background:url(../img/bg-1.jpg) no-repeat fixed;
	background-size:cover;
}

.contact .cont{
	width:50%;
	background-color:white;
	margin-top:200px;
	margin-left:auto;
	margin-right:auto;
	height:60%;
	overflow:hidden;
}

.contact .cont h1{
	font-size:32px;
	font-weight:bolder;
	color:#419c10;
	text-align:center;
	padding:4% 0;
	border-bottom:1px solid #ccc;
	background:url(../img/page.png) no-repeat top left;
	background-size:auto 100%;
}

.cont .cont-left{
	float:left;
	width:59%;
	margin-left:6%;
	padding:5% 0;
	line-height:34px;
	font-size:16px;
	color:#666;
}

.cont .cont-right{
	float:right;
	margin-right:6%;
	width:29%;
	padding:4% 0;
	position:relative;
	margin-top:10px;
}

.cont .cont-right .link{
	height:50px;
	line-height:50px;
	font-size:16px;
	border:1px solid #419c10;
	padding:0 15px;
	margin-left:10px;
	width:calc(100% - 40px);
	background:url(../img/link.png) no-repeat;
	background-position:94% center;
}

.cont .cont-right .link > ul{
	background-color:white;
	position:relative;
	z-index:10;
	padding:0 15px;
	left:-15px;
	bottom:-1px;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-top:none;
	min-width:calc(100% + 30px);
	display:none;
}

.cont .cont-right .link > ul li{
	font-size:16px;
	padding:10px 0;
	height:20px;
	line-height:20px;
	border-bottom:1px solid #ddd;
}

.cont .cont-right .link > ul li a{
	color:#333;
}

.cont .cont-right .link > ul li:hover a{
	color:#419c10;
}

.cont .cont-right .link > ul li:last-child{
	border-bottom:none;
}
	

.star{
	width:70%;
	position:absolute;
	right:0;
	bottom:-20%;
}

.scan{
	overflow:hidden;
	width:100%;
}

.scan li{
	float:left;
	width:calc(100% / 2 - 10px);
	margin-left:10px;
	margin-top:20px;
}

.scan-img{
	width:100%;
	padding-top:100%;
	height:0;
	overflow:hidden;
	position:relative;
}

.scan li img{
	width:100%;
	position:absolute;
	left:0;
	top:0;
}

.scan li span{
	width:100%;
	display:block;
	margin:5px 0;
	text-align:center;
	font-size:14px;
	color:#999;
	overflow:hidden;
}

@media(max-width:1366px){
	.contact .cont{
		width:80%;
		height:70%;
		margin-top:160px;
	}
	
	.cont .cont-left,.cont .cont-right{
		padding:2% 0;
	}
	
	.contact .cont h1{
		padding:2% 0;
		font-size:28px;
	}
}

/*-- end --*/	
	
	
.panel{
	overflow:hidden;
}

.footer{
	height:80px !important;
	background-color:#333;
	text-align:center;
	font-size:14px;
	color:#eee;
	padding:30px 0;
	line-height:24px;
}

.footer a{
	color:#eee;
}

.footer a:hover{
	color:#419c10;
}