/* 自定义初始化 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } /*.p1{padding:1px; }*/ .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none !important; } .db{display:block !important; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px 宋体,Arial,sans-serif; } a{text-decoration:none; } a:hover{color:#FF6600 }
.ani{
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
*{outline: 0;}
input,select,button,textarea{
	color: #333;
	font-size: 14px;
	font-family: 'Arial';
	border:0;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],
input[type='button'],button{
	cursor: pointer;
}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}

/*inital*/
body{
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	font-family: 'Arial';
	background: #fff;
	text-align: justify;
}
body,html{
	overflow-x: hidden;
}
a{color: #333;}
a:hover{color: #7bad49;}
img{max-width: 100%;}

/*scrollbar*/
::-webkit-scrollbar {
	width: 3px;
	height: 3px;
	border-radius: 3px;
}
::-webkit-scrollbar-track {
	background: #ddd;
}
::-webkit-scrollbar-thumb {
	background: #333;
	border-radius: 3px;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #000;
	border-radius: 3px;
}

/*fonts*/
/*@font-face{
	font-family: 'AllerDisplay';
	src: url('../fonts/AllerDisplay.eot'),
		url('../fonts/AllerDisplay.ttf'),
		url('../fonts/AllerDisplay.woff');
}
@font-face{
	font-family: 'AntiqueOLIVE';
	src: url('../fonts/AntiqueOLIVE.eot'),
		url('../fonts/AntiqueOLIVE.ttf'),
		url('../fonts/AntiqueOLIVE.woff');
}
@font-face{
	font-family: 'Wichita';
	src: url('../fonts/Wichita.eot'),
		url('../fonts/Wichita.ttf'),
		url('../fonts/Wichita.woff');
}
@font-face{
	font-family: 'Wichita-Light';
	src: url('../fonts/Wichita-Light.eot'),
		url('../fonts/Wichita-Light.ttf'),
		url('../fonts/Wichita-Light.woff');
}*/

/*title*/
.tit-1{
	color: #7ab846;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 30px;
	text-align: center;
	margin-bottom: 35px;
}


.tit-2{
	color: #7ab846;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 30px;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	background: url(../images/line4.png) center bottom no-repeat \9;
	margin-bottom: 40px;
}
.tit-2::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 60px;
	margin-left: -30px;
	height: 1px;
	background: #7ab846;
}

.tit-3{
	color: #000;
	font-size: 37px;
	/*font-family: 'Wichita-Light';*/
	font-weight: normal;
	line-height: 50px;
	padding-bottom: 20px;
	background: url(../images/line1.png) 0 bottom no-repeat \9;
	position: relative;
	margin-bottom: 30px;
}
.tit-3::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 1px;
	background: #7bad49;
}

.tit-4{
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	line-height: 30px;
	margin-bottom: 25px;
}

.tit-c0{color: #000;}
.tit-white,.tit-white *{color: #fff !important;}

/*button*/
.btn1{
	color: #fff;
	width: 80px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	text-align: center;
	background: #77af4a;
	border-radius: 19px;
	display: block;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.btn1:hover{
	color: #fff;
	width: 90px;
	/*background: #65953f;*/
	background: #77af4a;
}

.btn2{
	color: #666;
	font-size: 16px;
	/*font-family: 'AntiqueOlive';*/
	width: 160px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	background: #cccccc;
}
.btn2 i{
	width: 30px;
	height: 45px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}

.icon-load{
	background-image: url(../images/icon-load-big.png);
	background-image: url(../images/icon-load.png) \9;
}
.icon-eye{
	background-image: url(../images/icon-eye-big.png);
	background-image: url(../images/icon-eye.png) \9;
}

.btn2:hover{
	color: #fff;
	background: #7ab846;
}
.btn2:hover .icon-load{
	background-image: url(../images/icon-load-w-big.png);
	background-image: url(../images/icon-load-w.png) \9;
}
.btn2:hover .icon-eye{
	background-image: url(../images/icon-eye-w-big.png);
	background-image: url(../images/icon-eye-w.png) \9;
}

.btn,.btn1,.btn2{
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}

/*color*/
.red{color: #cc1414;}
.blue{color: #0049b0;}
.green{color: #009944;}

/*******************************
  -------[=layout]-------
********************************/
.wp{width: 98%;max-width: 1200px;margin: 0 auto;}
.wrap{width: 98%;max-width: 1400px;margin: 0 auto;}
.wrap2{padding: 0 4%;}

.h50{height: 50px;}
.h60{height: 60px;}
.h70{height: 70px;}
.h80{height: 80px;}
.h100{height: 100px;overflow: hidden;clear: both;}
.h200{height: 200px;overflow: hidden;clear: both;}

/*******************************
  -------[=header]-------
********************************/
#header{
	position: fixed;
	width: 100%;
	height: 97px;
	background: #fff;
	z-index: 9;
}

.logo{
	float: left;
}
.logo img,.logo span{
	float: left;
	display: block;
}
.logo img{
	height: 90px;
}
.logo span{
	color: #7bad49;
	font-size: 21px;
	/*font-family: 'Arial';*/
	line-height: 47px;
	letter-spacing: 1px;
	margin-top: 50px;
    font-weight:bold;
}

/*search*/
.hd-query{
	float: right;
	position: relative;
	z-index: 2;
}
.hd-query ul{
	height: 40px;
	margin-top: 28px;
	background: url(../images/vline1.png) right 40px center no-repeat;
	/*background: url(../images/vline1.png) center center no-repeat;*/
}
.hd-query li{
	float: left;
	position: relative;
}
.hd-query li > a{
	display: block;
	/*width: 40px;*/
	padding-left: 40px;
	height: 40px;
	line-height: 40px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
}
.hd-query .hd-net{
	padding-right: 5px;
	padding-left: 35px;
	background-position: 0 center;
}
.hd-query .hd-net.lang-en{background-image: url(../images/en.png);}
.hd-query .hd-net.lang-de{background-image: url(../images/de.png);}
.hd-query .hd-net.lang-esp{background-image: url(../images/esp.png);}
.hd-query .hd-net i{
	width: 0;height: 0;
	border: 4px solid transparent;
	border-top-color: #999;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
/*.hd-query .hd-net{
	background-image: url(../images/icon-net-big.png);
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	background-image: url(../images/icon-net.png) \9;
}
.hd-query .hd-net:hover{
	background-image: url(../images/icon-net-green-big.png);
	background-image: url(../images/icon-net-green.png) \9;
}*/
.hd-query .hd-search{
	background-image: url(../images/icon-find-big.png);
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	background-image: url(../images/icon-find.png) \9;
}

.hd-langBtn:hover .hd-net::before{
	content: '';
	position: absolute;
	left: -5px;top: 0;right: 0;bottom: 0;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.hd-langBtn:hover .hd-net::after{
	content: '';
	position: absolute;
	left: -5px;right: 0;bottom: -5px;
	height: 10px;background: #fff;
}
.hd-langBtn .hd-net{z-index: 2;}
.hd-lang-link{
	display: none;
	position: absolute;
	width: 140px;
	/*left: 50%;
	margin-left: -70px;
	padding-top: 29px;*/
	z-index: 1;
	top: 100%;
	right: 0;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.hd-lang-link dl{
	background: #fff;
	/* background: rgba(255,255,255,.85);
	background: #fff \9; */
	/*background: rgba(0,0,0,.85);
	background: url(../images/black-alpha85.png) repeat \9;*/
}
.hd-lang-link a{
	/*color: #fff;
	font-size: 16px;
	font-family: 'Arial';*/
	font-size: 14px;
	text-transform: capitalize;
	text-align: center;
	/*padding: 20px 5px;
	border-bottom: 1px solid #4c4c4c;*/
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
	display: block;
}
.hd-lang-link a:hover{
	/*color: #fff;
	font-weight: bold;
	background: #1b1b1b;*/
	background: #fff;
}

.hd-search-form{
	position: absolute;
	left: 1px;
	top: 0;
	width: 200px;
	height: 32px;
	padding: 3px 40px 3px 10px;
	background: #fff;
	border-bottom: 1px solid #7ab846;
	display: none;
}
.hd-search-form input{
	display: block;
	height: 32px;
	line-height: 32px \9;
}
.hd-search-form .inp{
	width: 100%;
}
.hd-search-form .btn{
	position: absolute;
	right: 3px;
	top: 3px;
	width: 32px;
	background: url(../images/icon-find-green-big.png) center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	background-image: url(../images/icon-find-green.png) \9;
	/*background-image: url(../images/icon-find-w.png) \9;*/
	border-radius: 4px;
}

/*******************************
  -------[=navigation]-------
********************************/
/*menuBtn*/
.menuBtn{
	display: none;
	position: relative;
	z-index: 9;
	float: right;
	margin-top: 7px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.menuBtn em{
	position: absolute;
	left: 0;
	top: 8px;
	width: 30px;
	height: 2px;
	background-color: #333;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.menuBtn .s1{top: 8px;}
.menuBtn .s2{top: 17px;}
.menuBtn .s3{top: 26px;}
.menuBtn.on .s1{
	top: 18px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.menuBtn.on .s2{
	opacity: 0;
}
.menuBtn.on .s3{
	top: 18px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
#slideNav{display: none;}
#slideNav a{text-transform: capitalize !important;}

#nav{
	width: 80%;
	float: right;
	/*font-family: 'AntiqueOLIVE';*/
}
#nav dd{
	position: relative;
}
#nav>ul{/*flex-wrap: wrap !important;*/
    display: flex
;}
#nav dd ul {
	  width: 168px;
    display: none;
    background:#1b1b1b;
    right: -170px;
    position: absolute;
    top: 0;
}
#nav dd ul li{
	    border-bottom: 1px solid #4c4c4c;
}
#nav dd ul a{
    display: block;

    color: #fff;
    font-size: 16px;
    line-height: 2.5;
}
#nav dd:hover ul{
	display: block;
}
#nav>ul>li{
	padding: 0 25px;
	position: relative;
	margin-right: 10px;
}
#nav .v1{
	color: #333;
	font-size: 18px;
	text-transform: capitalize;
	line-height: 46px;
	border-bottom: 4px solid transparent;
	position: relative;
	display: block;
}
#nav .v1:hover,
#nav li:hover .v1{color: #7bad49;}
#nav .v1:hover,
#nav li:hover .v1,
#nav li.on .v1{color: #7bad49;border-color: #7bad49;}
#nav:hover li.on .v1{color: #333;border-color: transparent;}
#nav li.on .v1:hover,
#nav li.on.first:hover .v1{color: #7bad49 !important;border-color: #7bad49 !important;}

#nav .nav_sub{
	display: none;
	position: absolute;
	left: 50%;
	width: 180px;
	margin-left: -90px;
	text-align: center;
	background: rgba(0,0,0,.85);
	background: url(../images/black-alpha85.png) repeat \9;
}
#nav dd ul{

}
#nav .nav_sub dd>a{
	color: #fff;
	font-size: 16px;
	font-family: 'Arial';
	text-transform: capitalize;
	padding: 20px 5px;
	border-bottom: 1px solid #4c4c4c;
	display: block;
}
#nav .nav_sub a:hover{
	color: #fff;
	font-weight: bold;
	background: #1b1b1b;
}

#nav li.first{
	position: static;
	margin-right: 0;
	/*background: url(../images/vline2.png) right center no-repeat;*/
}
#nav li.first .v1{
	/*padding-right: 45px;
	background: url(../images/icon-mas.png) right center no-repeat;*/
}
#nav .nav_product{
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	font-size: 16px;
	font-family: 'Arial';
	padding: 35px 0 45px;
	background: rgba(0,0,0,.85);
	background: url(../images/black-alpha85.png) repeat \9;
	overflow: hidden;
	display: none;
}
#nav .nav_item{
	position: relative;
	/*left: 500px;*/
	overflow: hidden;
}
#nav .nav_product dl{
	float: left;
	/* line-height: 40px;
	margin-right: 100px; */
	width: 25%;
	padding: 0 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	word-break: break-all;
	margin-bottom: 20px;
}
#nav .nav_product dl:last-child{margin-right: 0;}
#nav .nav_product dt{
	font-size: 18px;
	text-transform: capitalize;
	line-height: 25px;
	padding-bottom: 16px;
	background: url(../images/line2.png) 0 bottom no-repeat \9;
	position: relative;
	margin-bottom: 5px;
}
#nav .nav_product dt::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 24px;
	height: 1px;
	background: #7bad49;
}
#nav .nav_product a{
	color: #fff;
	line-height: 20px;
	padding: 10px 0;
	display: inline-block;
}
#nav .nav_product a:hover{color: #7bad49;}

/*******************************
  -------[=footer]-------
********************************/
#footer{
	font-size: 16px;
	color: #6e6e6e;
	background: #333;
	overflow: hidden;
}
#footer a{color: #6e6e6e;}
#footer a:hover{color: #fff;}

.f_info{
	padding: 65px 0 100px;
	overflow: hidden;
}
.f_info h3{
	color: #ccc;
	font-size: 24px;
	/*font-family: 'Wichita-Light';*/
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 35px;
}

.f_mail{
	float: left;
	width: 425px;
	margin-right: 65px;
	color: #fff;
	line-height: 32px;
}
.f_mail .inp{
	display: block;
	width: 100%;
	/*color: #fff;*/
	color: #ccc;
	font-size: 16px;
	height: 40px;
	line-height: 40px \9;
	border-bottom: 1px solid #5c5c5c;
	margin-bottom: 30px;
}
.f_mail .inp:focus{border-color: #ccc;}

.icon-jt-r{
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/arr-1-r-big.png) center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	background-image: url(../images/arr-1-r.png) \9;
}
.btn1 .icon-jt-r{
	display: block;
	height: 100%;
	margin: 0 auto;
}

.f_address{
	float: left;
	line-height: 35px;
}

.f_nav{
	float: right;
	width: 300px;
	overflow: hidden;
}
.f_nav ul{
	line-height: 20px;
	-webkit-columns: 2;
	-moz-columns: 2;
	-o-columns: 2;
	columns: 2;
}
.f_nav li{
	line-height: 1.5;
	margin-bottom: 15px;
}

.f_copy{
	font-size: 14px;
	padding: 20px 0;
	line-height: 23px;
	text-align: center;
	border-top: 1px solid #484848;
}

/*******************************
  -------[=banner]-------
********************************/
#banner{
	position: relative;
	z-index: 2;
	margin-bottom: 80px;
}
#banner .slider{
	position: relative;
	z-index: 1;
}
#banner .slider .item{
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
#banner .slider .item-con{
	position: relative;
	height: 0;
	padding-top: 46%;
	*height: 890px;
	*padding-top: 0;
}
#banner .slider .item-txt{
	position: absolute;
	left: 0;right: 0;
	top: 13%;
}
#banner .slider .txt{
	color: #fff;
	font-size: 18px;
	line-height: 2;
	margin-left: 130px;
	opacity: 0;
	opacity: 1\9;
}
#banner .slider .txt h3{
	font-size: 53px;
	line-height: 75px;
	position: relative;
	margin-bottom: 10px;
}
#banner .slider .txt h3::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 1px;
	background: #fff;
}
#banner .slider .txt p{}

/*切换*/
#banner .slick-list{z-index: 1;}
#banner .slick-dots{
	position: absolute;
	z-index: 9;
	left: 0;
	right: 0;
	bottom: 40px;
	text-align: center;
}
#banner .slick-dots li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 5px;
	*width: 12px;
	*height: 12px;
	*background: #fff;
	border-radius: 50%;
	border: 2px solid transparent;
}
#banner .slick-dots button{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
}
#banner .slick-dots .slick-active{
	*background: #7ab846;
	border: 2px solid #7ab846;
}
#banner .slick-dots .slick-active button{
	border-radius: 30%;
	background: #7ab846;
}

/*******************************
  -------[=ban]-------
********************************/
#ban{
	min-height: 400px;
	position: relative;
	background-color: #333;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
#ban .ban_txt{
	color: #fff;
	font-size: 16px;
	line-height: 27px;
	text-align: left;
	padding: 4.3% 0 7.4%;
	/*position: absolute;
	left: 0;
	right: 0;
	top: 25%; */
}
#ban h2{
	font-size: 53px;
	text-transform: capitalize;
	line-height: 65px;
	padding-bottom: 20px;
	background: url(../images/line1.png) 0 bottom no-repeat \9;
	position: relative;
	margin-bottom: 10px;
}
#ban h2::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 1px;
	background: #7bad49;
}
#ban .txt{
	max-width: 640px;
}

/*******************************
	-------[=submenu]-------
********************************/
#snav{
	font-size: 16px;
	/*font-family: 'AntiqueOlive';*/
	text-transform: capitalize;
	text-align: center;
	line-height: 80px;
	background: #f3f3f3;
	/*margin-bottom: 50px;*/
}
#snav ul{
	display: inline-block;
	overflow: hidden;
	*display: inline;
	*zoom: 1;  
}
#snav li{
	float: left;
}
#snav .s1{
	color: #666;
	padding: 0 50px;
	display: block;
	margin: 0 10px;
}
#snav li.active .s1{
	color: #fff;
	background: #7ab846;
	width: 200px;
}
#snav .s1 i{
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 40px auto;
	 background-size: 40px auto;
	margin-right: 15px;
}

.icon-news-trend{background-image: url(../images/icon-news-1.png);}
.icon-events{background-image: url(../images/icon-news-2.png);}

#snav .active .icon-news-trend{background-image: url(../images/icon-news-1-on.png);}
#snav .active .icon-events{background-image: url(../images/icon-news-2-on.png);}

/*******************************
	-------[=page]-------
********************************/
.page{
	font-size: 16px;
	text-align: center;
	margin: 60px 0;
}
.page ul{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
}
.page li{
	float: left;
	margin: 0 5px;
}
.page a{
	color: #999;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	display: block;
}
.page a:hover{color: #77af4a;}
.page a.current,
.page a.current:hover{
	color: #fff;
	background: #77af4a;
	border: 1px solid #77af4a;
}
.page a.next{
	text-indent: -99px;
	background: url(../images/a2.png) center no-repeat;
}
.page a.next:hover{
	background-image: url(../images/a2-green.png);
}

/*******************************
	-------[=index]-------
********************************/
#main{
	background: #fff;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

/*about*/
.index-about{
	/*margin-bottom: 70px;*/
}
.index-row{margin-bottom: 80px;}

.List1{}
.List1 .item{
	padding: 0 30px;
	overflow: hidden;
}
.List1 .left{
	float: left;
	/*width: 910px;*/
	width: 68%;
}
.List1 .pic{
	position: relative;
	height: 0;
	padding-top: 60%;
	*height: 545px;
	*padding-top: 0;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
/*.List1 .pic img{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	min-width: 100%;
	max-width: 1200px;
}*/
.List1 .txt{
	margin-left: 68%;
	padding-left: 50px;
	padding-right: 35px;
	padding-top: 55px;
}
.List1 .header{
	color: #000;
	font-size: 37px;
	/*font-family: 'Wichita-Light';*/
	font-weight: normal;
	line-height: 45px;
	margin-bottom: 60px;
}
.List1 .description{
	font-size: 16px;
	line-height: 28px;
	height: 300px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 35px;
}
.List1 .item:hover .btn-view{
	color: #7ab846;
}
.List1 .item:hover .btn-view i{
	background: #7ab846 url(../images/a1-w.png) center no-repeat;
	border-color: #7ab846;
}

.btn-view{
	/*color: #7ab846;*/
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 30px;
	display: inline-block;
	transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
}
.btn-view i{
	width: 44px;
	height: 28px;
	display: inline-block;
	vertical-align: middle;
	background: transparent url(../images/a1-big.png) center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	background-image: url(../images/a1.png) \9;
	border: 1px solid #808080;
	border-radius: 14px;
	margin-left: 10px;
	transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
}
.btn-view:hover{color: #7ab846;}
.btn-view:hover i{
	border-color: #7ab846;
	background-color: #7ab846;
	background-image: url(../images/a1-w-big.png);
	background-image: url(../images/a1-w.png) \9;
}

.AboutSlider{
	position: relative;
}
.AboutSlider .tit-1{
	position: absolute;
	left: 65%;
	top: 115px;
	text-align: left;
	margin-left: 80px;
	margin-bottom: 0;
}

.AboutSlider .slick-dots{
	position: absolute;
	right: 65px;
	top: 340px;
}
.AboutSlider .slick-dots li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 5px;
	*width: 10px;
	*height: 10px;
	*background: #808080;
}
.AboutSlider .slick-dots button{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #808080;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
}
.AboutSlider .slick-dots .slick-active{
	*background: #000;
}
.AboutSlider .slick-dots .slick-active button{
	background: #000;
}


/*product*/
.index-product{
	/*margin-bottom: 70px;*/
}

.List2{
	margin: -3px;
	overflow: hidden;
}
.List2 .item{
	float: left;
	width: 33.333%;
}
.List2 .con{
	position: relative;
	background: #f8f8f8;
	margin: 3px;
}
.List2 .pic{
	position: relative;
	height: 0;
	padding-top: 43%;
	*height: 276px;
	*padding-top: 0;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.List2 .pic a{}
.List2 .pic img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.List2 .txt{
	position: absolute;
	left: 36%;
	right: 0;
	top: 50%;
	text-align: center;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	margin-top: -43px \9;
}
.List2 h3{
	font-size: 32px;
	font-weight: normal;
	line-height: 40px;
	margin-bottom: 15px;
}
.List2 .con:hover .btn-view{
	color: #7ab846;
}
.List2 .con:hover .btn-view i{
	background: #7ab846 url(../images/a1-w.png) center no-repeat;
	border-color: #7ab846;
}

.index_proSlider .slick-dots{text-align: center;}
.index_proSlider .slick-dots li{
	display: inline-block;
	margin: 0 5px;
}
.index_proSlider .slick-dots button{
	width: 10px;
	height: 10px;
	background: #808080;
	border-radius: 50%;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;margin: 0;
}
.index_proSlider .slick-dots li.slick-active button{background: #000;}

/*NEWS & EVENTS*/
.index-news{
	/*margin-bottom: 80px;*/
}

.List3{
	margin: -40px;
	overflow: hidden;
}
.List3 .item{
	float: left;
	width: 33.333%;
}
.List3 .con{
	display: block;
	margin: 40px;
}
.List3 .pic{
	/*height: 0;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;*/
	overflow: hidden;
	margin-bottom: 20px;
	transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
}
.List3 .pic.square{padding-top: 100%;}
.List3 .pic.landscape{padding-top: 63%;}
.List3 .pic.portrait{padding-top: 126%;}
.List3 .txt{
	text-align: center;
}
.List3 .date{
	color: #bbb;
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 15px;
}
.List3 h3{
	color: #000;
	font-size: 24px;
	/*font-size: 30px;*/
	/*font-family: 'Wichita-Light';*/
	font-weight: normal;
	line-height: 35px;
	margin-bottom: 20px;
}
.List3 .btn-view{
	color: #000;
	font-size: 12px;
}

/*.List3 .con:hover .pic{	
	opacity: .5;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 50)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}*/
.List3 .pic img{
	display: block;
	width: 100%;
	transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
}
.List3 .con:hover .pic img{	
	opacity: .5;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 50)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.List3 .con:hover .btn-view{
	color: #7ab846;
}
.List3 .con:hover .btn-view i{
	background: #7ab846 url(../images/a1-w.png) center no-repeat;
	border-color: #7ab846;
}

.NewSlider .slick-dots{
	text-align: center;
}
.NewSlider .slick-dots li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 5px;
	*width: 10px;
	*height: 10px;
	*background: #808080;
}
.NewSlider .slick-dots button{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #808080;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
}
.NewSlider .slick-dots .slick-active{
	*background: #000;
}
.NewSlider .slick-dots .slick-active button{
	background: #000;
}

/*Social*/
.index-Social{
	height: 440px;
	position: relative;
	background: #f8f8f8;
	overflow: hidden;
	/*margin-bottom: 70px;*/
}
.index-Social .txt{
	font-size: 16px;
	width: 445px;
	/*padding: 100px 75px 100px 0;*/
	padding: 100px 0;
}
.index-Social .txt h3{
	color: #000;
	font-size: 37px;
	/*font-family: 'Wichita-Light';*/
	font-weight: normal;
	line-height: 55px;
	margin-bottom: 20px;
}
.index-Social .txt .det{
	line-height: 26px;
	height: 52px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 60px;
}
.index-Social .pic{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 59%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}
.index-Social .pic-bg{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
}
.index-Social .pic-bg:hover{
	 -webkit-transform: scale(1.05);
	 -ms-transform: scale(1.05);
	 -o-transform: scale(1.05);
	 transform: scale(1.05);
}

/*Projects*/
.index-project{
	margin-bottom: 40px;
}

.List4{
	overflow: hidden;
	margin: 0 -12px;
}
.List4 .item{
	float: left;
	width: 25%;
}
.List4 .con{
	font-size: 16px;
	margin: 0 12px 1px;
}
.List4 .top{
	display: block;
}
.List4 .pic{
	height: 240px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
}
.List4 .top:hover .pic{
	opacity: .5;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 50)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.List4 .txt{
	color: #999;
	padding: 20px;
	line-height: 30px;
	height: 30px;
	border: 1px solid #e5e5e5;
	border-top: 0;
}
.List4 .txt p{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.List4 .bot{
	height: 58px;
	line-height: 58px;
	border: 1px solid #e5e5e5;
	border-top: 0;
}
.List4 .date{
	color: #bbb;
	display: inline-block;
	*float: left;
	margin: 0 10px;
}
.List4 .share{
	float: right;
	width: 80px;
	height: 100%;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-left: 1px solid #e5e5e5;
	position: relative;
	background: url(../images/icon-share-big.png) center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	background-image: url(../images/icon-share.png) \9;
	transition: .1s;
	-ms-transition: .1s;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
}
.List4 .share:hover{
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
}
.List4 .shareLinks{
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 65px;
}

/*shareLinks*/
.shareLinks{
	width: 60px;
	position: relative;
}
.shareLinks::after{
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #969696;
}
.shareLinks ul{
	padding: 5px 0;
	background: #969696;
}
.shareLinks li{}
.shareLinks a{
	display: block;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	transition: .1s;
	-ms-transition: .1s;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
}
.shareLinks a:hover{
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
}
.shareLinks .facebook{
	background-image: url(../images/icon-facebook-big.png);
	background-image: url(../images/icon-facebook.png) \9;
}
.shareLinks .twitter{
	background-image: url(../images/icon-twitter-big.png);
	background-image: url(../images/icon-twitter.png) \9;
}

/*arrows*/
.ProjectSlider{
	position: relative;
	overflow: hidden;
}
.ProjectSlider .prev,
.ProjectSlider .next{
	position: absolute;
	z-index: 9;
	width: 40px;
	height: 40px;
	top: 100px;
	cursor: pointer;
	background-color: #808080;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
}
.ProjectSlider .prev:hover,
.ProjectSlider .next:hover{background-color: #77af4a;}
.ProjectSlider .prev{left: 0;
	background-image: url(../images/arr-1-l-big.png);
	background-image: url(../images/arr-1-l.png) \9;
}
.ProjectSlider .next{right: 0;
	background-image: url(../images/arr-1-r-big.png);
	background-image: url(../images/arr-1-r.png) \9;
}

/*partners*/
.index-partners{
	padding: 20px 0;
	background: #f8f8f8;
}

.List5{
	padding: 0 80px;
	overflow: hidden;
	margin: -15px;
}
.List5 .item{
	/*float: left;
	width: 25%;*/
}
.List5 .con{
	display: block;
	border: 1px solid transparent \9;
	margin: 15px;
}
.List5 .con:hover{
	border-color: #ddd \9;
	box-shadow: 0 0 18px rgba(0,0,0,.1);
}
.List5 span{
	display: block;
	position: relative;
	height: 0;
	padding-top: 46.853%;
	*height: 134px;
	*padding-top: 0;
}
.List5 img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.PartnerSlider{position: relative;}
.PartnerSlider .prev,
.PartnerSlider .next{
	position: absolute;
	z-index: 9;
	width: 40px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
}
.PartnerSlider .prev{left: -10px;
	background-image: url(../images/arr-2-l-big.png);
	background-image: url(../images/arr-2-l.png) \9;
}
.PartnerSlider .next{right: -10px;
	background-image: url(../images/arr-2-r-big.png);
	background-image: url(../images/arr-2-r.png) \9;
}
.PartnerSlider .prev:hover{
	background-image: url(../images/arr-2-l-green-big.png);
	background-image: url(../images/arr-2-l-green.png) \9;
}
.PartnerSlider .next:hover{
	background-image: url(../images/arr-2-r-green-big.png);
	background-image: url(../images/arr-2-r-green.png) \9;
}

/*******************************
	-------[=products]-------
********************************/
.ProductsFilter{position: relative;}

.ProductSlider{
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.ProductSlider .pic{
	position: absolute;
	left: 0;bottom: 0;height: 100%;
	width: 50%;
}
.ProductSlider .pic img{
	position: absolute;
	bottom: 0;
}
.ProductSlider .slick-arrow{
	position: absolute;
	z-index: 9;
	top: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	font-size: 0;
	text-indent: -999px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.ProductSlider:hover .slick-arrow{
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ProductSlider .slick-prev{
	left: 0;
	background-image: url(../images/arr-2-l-green-big.png);
}
.ProductSlider .slick-next{
	right: 0;
	background-image: url(../images/arr-2-r-green-big.png);
}
.ProductSlider .item{
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.ProductSlider .item-con{
	/*position: relative;
	height: 0;
	padding-top: 41%;
	*height: 790px;
	*padding-top: 0;*/
	padding: 9.5% 8% 6.5% 59%;
}
.ProductSlider .item-txt{
	/*position: absolute;
	top: 23%;
	left: 59%;
	right: 8%;*/
	margin-bottom: 84px;
}
.ProductSlider .txt{
	color: #999;
	font-size: 18px;
	opacity: 0;
	opacity: 1\9;
}
.ProductSlider .txt h3{
	color: #000;
	font-size: 32px;
	font-weight: normal;
	line-height: 1.41;
}
.ProductSlider .txt h2{
	color: #000;
	font-size: 80px;
	font-weight: normal;
	line-height: 1.13;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 25px;
}
.ProductSlider .txt h2::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 1px;
	background: #7ab846;
}
.ProductSlider .txt p{
	line-height: 30px;
	height: 120px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.ProductSlider .btn{
	margin-top: 60px;
}
.ProductSlider .btn2{margin-right: 15px;}


.ProductsFilter .FilterBox{
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
}

.FilterBox{
	color: #fff;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	padding: 27px 0;
	background: rgba(122,184,70,.9);
	background: url(../images/green-alpha90.png) repeat \9;
	overflow: hidden;
}
.FilterBox dl,
.FilterBox dt,
.FilterBox dd{
	float: left;
}
.FilterBox dl{
	overflow: hidden;
}
.FilterBox dt{
	text-transform: capitalize;
	margin-right: 10px;
}
.FilterBox dd{
	margin-right: 35px;
}
.FilterBox .inp_select{
	color: #666;
	font-size: 16px;
	width: 160px;
	height: 30px;
	line-height: 30px;
	padding: 0 40px 0 10px;
	background: #fff url(../images/a3.png) right center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}
.FilterBox .btn{
	float: right;
	color: #fff;
	font-size: 21px;
	/*font-family: 'AntiqueOlive';*/
	text-transform: uppercase;
	display: inline-block;
	/*padding-left: 35px;
	background: url(../images/icon-find-w.png) 0 center no-repeat;*/
	height: 84px;
	margin-top: -27px;
	padding: 0 15px 0 45px;
	background: #7ab846 url(../images/icon-find-w.png) 10px center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}

.m-products{
	background: #f6f6f6;
	padding: 50px 0;
	overflow: hidden;
}

.OtherSlider .slick-dots{
	text-align: center;
	overflow: hidden;
	margin: 20px 0 10px;
}
.OtherSlider .slick-dots li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 5px;
	*width: 10px;
	*height: 10px;
	*background: #808080;
}
.OtherSlider .slick-dots button{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #808080;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
}
.OtherSlider .slick-dots .slick-active{
	*background: #000;
}
.OtherSlider .slick-dots .slick-active button{
	background: #000;
}

.List6{
	overflow: hidden;
	margin: 0 -11px;
}
.List6 .item{
	float: left;
	width: 25%;
}
.List6 .con{
	display: block;
	padding-bottom: 20px;
	margin: 0 11px;
}
.List6 .pic{
	position: relative;
	height: 0;
	padding-top: 100%;
	*height: 328px;
	*padding-top: 0;
	overflow: hidden;
	margin-bottom: 15px;
}
.List6 .pic::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.5);
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
}
.List6 .con:hover .pic:after{
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.List6 .pic img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.List6 h3{
	color: #000;
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom: 15px;
}
.List6 .btn-view{
	color: #7ab846;
}
.List6 .btn-view i{
	border-color: #7ab846;
	background-color: #7ab846;
	background-image: url(../images/a1-w-big.png);
	background-image: url(../images/a1-w.png) \9;
}

.m-projects{
	margin: 35px 0 80px;
	/*margin-bottom: 80px;*/
}

/*******************************
	-------[=Products-QA]-------
********************************/
#ban.ban-product{
	/*height: 480px;*/
}
#ban.ban-product .ban_txt{
	padding: 6.3% 0 13.8%;
}

.List7{
	border-top: 2px solid #f4f4f4;
}
.List7 .item{
	border-bottom: 2px solid #f4f4f4;
}
.List7 .title{
	font-size: 18px;
	padding: 14px 25px 14px 20px;
	line-height: 30px;
	cursor: pointer;
}
.List7 .title i{
	float: right;
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
	background-image: url(../images/icon-plus.png) \9;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.List7 .title i::before,
.List7 .title i::after{
	content: '';
	position: absolute;
	background: #ddd;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.List7 .title i::before{
	left: 5px;
	top: 50%;
	width: 20px;
	height: 4px;
	margin-top: -2px;
}
.List7 .title i::after{
	top: 5px;
	height: 20px;
	width: 4px;
	left: 50%;
	margin-left: -2px;
}
.List7 .cont{
	font-size: 16px;
	padding: 25px 20px 45px;
	background: #f4f4f4;
	display: none;
}

.List7 .open .title{
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	background: #7bad49;
}
.List7 .open .title i::before{background: #fff;}
.List7 .open .title i::after{display: none;}
.List7 .title:hover i{
	background-image: url(../images/icon-plus-green.png) \9;
}
.List7 .open .title i,
.List7 .open .title:hover i{
	background-image: url(../images/icon-minus.png) \9;
}
.List7 .title:hover i::before,
.List7 .title:hover i::after{
	background: #7bad49;
}
.List7 .open .title:hover i::before,
.List7 .open .title:hover i::after{
	background: #fff;
}

/*******************************
	-------[=News&Events]-------
********************************/
.List8{}
.List8 .item{
	padding: 40px 0;
	border-bottom: 1px solid #e5e5e5;
}
.List8 .con{
	display: block;
	overflow: hidden;
}
.List8 .pic{
	float: left;
	width: 350px;
	height: 220px;
}
.List8 .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.List8 .txt{
	color: #999;
	font-size: 16px;
	line-height: 35px;
	margin-left: 380px;
	position: relative;
	height: 220px;
}
.List8 .date{
	color: #bbb;
	line-height: 1;
	margin-bottom: 10px;
}
.List8 .title{
	color: #000;
	font-size: 21px;
	/*font-family: 'Wichita';*/
	font-weight: normal;
	max-height: 70px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 10px;
}
.List8 .det{
	max-height: 70px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.List8 .btn-view{
	position: absolute;
	left: 0;
	bottom: 0;
}
.List8 .con:hover .title,
.List8 .con:hover .btn-view{color: #7ab846;}
.List8 .con:hover .btn-view i{
	border-color: #7ab846;
	background-color: #7ab846;
	background-image: url(../images/a1-w-big.png);
	background-image: url(../images/a1-w.png) \9;
}

/*******************************
	-------[=News-Info]-------
********************************/
.article{
	color: #666;
	font-size: 16px;
	line-height: 2;
}
.article h1{
	color: #333;
	font-size: 26px;
	/*font-family: 'Wichita-Light';*/
	font-weight: normal;
	text-align: center;
	line-height: 40px;
	margin-bottom: 20px;
}
.article .info{
	color: #999;
	line-height: 25px;
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 45px;
}
.article .info span{
	display: inline-block;
	margin: 0 28px;
}
.article .cont{}

.articlePage{
	font-size: 16px;
	line-height: 36px;
	padding: 21px 60px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	margin: 60px 0;
}
.articlePage .prev{float: left;}
.articlePage .next{float: right;}
.articlePage .back{text-align: center;}
.articlePage a{color: #808080;display: inline-block;}
.articlePage a:hover{color: #77af4a;}
.articlePage .prev a,
.articlePage .next a{
	width: 78px;
	height: 34px;
	display: block;
	border-radius: 18px;
	border: 1px solid #808080;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}
.articlePage .prev a:hover,
.articlePage .next a:hover{
	border-color: #77af4a;
	background-color: #77af4a;
}
.articlePage .prev a{
	background-image: url(../images/arr-1-l-big-grey.png);
	background-image: url(../images/arr-1-l-grey.png) \9;
}
.articlePage .next a{
	background-image: url(../images/arr-1-r-big-grey.png);
	background-image: url(../images/arr-1-r-grey.png) \9;
}
.articlePage .prev a:hover{
	background-image: url(../images/arr-1-l-big.png);
	background-image: url(../images/arr-1-l.png) \9;
}
.articlePage .next a:hover{
	background-image: url(../images/arr-1-r-big.png);
	background-image: url(../images/arr-1-r.png) \9;
}
.articlePage .back a{
	padding-left: 35px;
	background: url(../images/icon-back.png) 0 center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}
.articlePage .back a:hover{
	background-image: url(../images/icon-back-green.png);
	background-image: url(../images/icon-back-green.png) \9;
}

/*******************************
	-------[=Projects]-------
********************************/
#ban.ban-project{
	/*height: 540px;*/
}
#ban.ban-project .ban_txt{
	padding: 8% 0 11%;
}

#snav .s1 img{
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

.SelectBox{
	text-align: center;
	margin-bottom: 50px;
}
.SelectBox .inp_select{
	height: 48px;
	width: 290px;
	font-size: 18px;
	/*font-family: 'Wichita-Light';*/
	padding: 0 40px 0 20px;
	border: 1px solid #e5e5e5;
	background: url(../images/a3-grey.png) right center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	margin: 0 18px;
}
.SelectBox .inp_select:focus{
	color: #7ab846;
	border-color: #7ab846;
	background-image: url(../images/a3-green.png);
}

.List4-2 {margin: -12px;}
.List4-2 .item{width: 20%;}
.List4-2 .con{margin: 12px;}
.List4-2 .pic{height: 0;padding-top: 73%;}

/*******************************
	-------[=Projects-Info]-------
********************************/
.article .info ul{
	padding: 0 260px;
	overflow: hidden;
}
.article .info li{
	float: left;
	width: 50%;
	text-align: left;
}
.article .info li em{color: #666;}

.ProjectInfoSlider{
	position: relative;
	margin-bottom: 30px;
}
.ProjectInfoSlider .slider-for{}
.ProjectInfoSlider .slider-for .pic{
	position: relative;
	height: 0;
	padding-top: 57%;
	*height: 680px;
	*padding-top: 0;
	overflow: hidden;
	/*margin-bottom: 30px;*/
}
.ProjectInfoSlider .slider-for .pic img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.ProjectInfoSlider .slider-for p{
	color: #333;
	font-size: 16px;
	height: 32px;
}
.ProjectInfoSlider .slider-nav{
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
}
.ProjectInfoSlider .slider-nav .pic{
	width: 218px;
	height: 124px;
	padding: 10px;
	background: rgba(255,255,255,.4);
	background: url(../images/white-alpha40.png) repeat \9;
	margin-right: 14px;
}
.ProjectInfoSlider .slider-nav .slick-current .pic{background: #7ab846;}
.ProjectInfoSlider .slider-nav .pic img{
	display: block;
	width: 100%;
	height: 100%;
}

/*******************************
	-------[=certificate]-------
********************************/
#ban.ban-certificate{
	/*height: 480px;*/
}
#ban.ban-certificate .ban_txt{
	padding: 6.3% 0 8.2%;
}

.icon-certificate{background-image: url(../images/icon-certificate-1.png);}
#snav .active .icon-certificate{background-image: url(../images/icon-certificate-1-on.png);}

.icon-projects{background-image: url(../images/project_icon.png);}
#snav .active .icon-projects{background-image: url(../images/project_icon.png);}

.List9-wrap{overflow: hidden;}
.List9{
	overflow: hidden;
	margin: 0 -49px;
}
.List9 .item{
	float: left;
	width: 33.333%;
	/*margin-top: 20px;*/
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: 2px dashed #eee;
}
.List9 .con{
	display: block;
	margin: 0 49px;
}
.List9 .pic{
	position: relative;
	height: 0;
	padding-top: 141%;
	*height: 475px;
	*padding-top: 0;
	margin-bottom: 15px;
}
.List9 .pic img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.List9 .title{
	color: #000;
	font-size: 18px;
	text-align: center;
	/*font-size: 21px;*/
	/*font-family: 'Wichita-Light';*/
	font-weight: normal;
	line-height: 25px;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom: 10px;
}
.List9 .bot{
	color: #666;
	font-size: 16px;
	/*font-family: 'AntiqueOlive';*/
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}
.List9 .tag{
	display: inline-block;
	padding-left: 45px;
	background: url(../images/icon-pdf.png) 0 center no-repeat;
}
.List9 .btn{
	float: right;
	color: #fff;
	height: 32px;
	line-height: 32px;
	width: 140px;
	text-align: center;
	display: inline-block;
	background: #ccc;
	margin-top: 9px;
}
.List9 .btn i{
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/icon-load-w-big.png) center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	background-image: url(../images/icon-load-w.png) \9;
}
.List9 .con:hover .tag{
	background-image: url(../images/icon-pdf-red.png);
	/*background-image: url(../images/icon-pdf-green.png);*/
}
.List9 .con:hover .btn{background: #7ab846;}

/*******************************
	-------[=contact]-------
********************************/
.icon-contact-net{background-image: url(../images/icon-contact-net.png);}
.icon-contact-mess{background-image: url(../images/icon-contact-mess.png);}
#snav .active .icon-contact-net{background-image: url(../images/icon-contact-net-on.png);}
#snav .active .icon-contact-mess{background-image: url(../images/icon-contact-mess-on.png);}

.m-Network{
	padding: 50px 0 10px;
	background: url(../images/map.png) center center no-repeat;
}

.MapList{
	font-size: 16px;
	line-height: 2;
	text-align: center;
}
.MapList ul{
	overflow: hidden;
	margin: 0 -4px;
}
.MapList li{
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	margin: 0 -4px 20px;
	margin-bottom: 20px;
}
.MapList h3{
	font-size: 32px;
	/*font-family: 'Wichita-Light';*/
	font-weight: normal;
	text-transform: capitalize;
	line-height: 35px;
}
.MapList .t1{color: #7ab846;}
.MapList .t2{
	margin-bottom: 15px;
}
.MapList span{color: #999;}
.MapList .btn{
	color: #7ab846;
	/*font-family: 'Wichita';*/
	display: inline-block;
	padding-left: 35px;
	background: url(../images/icon-loca.png) 0 center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	margin: 10px 0;
}

.m-ring{
	color: #fff;
	padding: 40px 0 20px;
	text-align: center;
	/*min-height: 340px;*/
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.m-ring .MapList .t1{color: #fff;}
.m-ring .MapList span{color: #fff;}

.m-Message{
	padding: 40px 0 60px;
}
.m-Message .words{
	font-size: 21px;
	/*font-family: 'Wichita';*/
	line-height: 35px;
	text-align: center;
	margin-bottom: 5px;
}
.m-Message .words .big{
	font-size: 26px;
	line-height: 40px;
}

.g_form1{}
.g_form1 dl{
	font-size: 16px;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.g_form1 .half-row{
	overflow: hidden;
	margin: 0 -20px;
}
.g_form1 .half-col{
	float: left;
	width: 50%;
}
.g_form1 .half-col dl{
	margin: 0 20px 20px;
}
.g_form1 dt{
	float: left;
	width: 65px;
}
.g_form1 dt em{color: #7ab846;}
.g_form1 dd{
	margin-left: 65px;
}
.g_form1 .inp{
	font-size: 16px;
	display: block;
	width: 100%;
	height: 55px;
	line-height: 55px;
	resize: none;
}
.g_form1 .area_box dt{
	width: 120px;
}
.g_form1 .area_box dd{
	margin-left: 120px;
}
.g_form1 .area_box .inp{
	padding: 10px 0;
	line-height: 35px;
}

.btn3{
	color: #fff;
	font-size: 18px;
	width: 480px;	
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: #7ab846;
	display: block;
	margin: 40px auto;
}

/*******************************
	-------[=about]-------
********************************/
.icon-about-1{background-image: url(../images/icon-about-1.png);}
.icon-about-2{background-image: url(../images/icon-about-2.png);}
.icon-about-3{background-image: url(../images/icon-about-3.png);}
.icon-about-4{background-image: url(../images/icon-about-4.png);}
.icon-about-5{background-image: url(../images/icon-about-5.png);}

#snav .active .icon-about-1{background-image: url(../images/icon-about-1-on.png);}
#snav .active .icon-about-2{background-image: url(../images/icon-about-2-on.png);}
#snav .active .icon-about-3{background-image: url(../images/icon-about-3-on.png);}
#snav .active .icon-about-4{background-image: url(../images/icon-about-4-on.png);}
#snav .active .icon-about-5{background-image: url(../images/icon-about-5-on.png);}

#ban.ban-about{
	/*height: 0;padding-top: 33%;*/
}
#ban.ban-about .ban_txt{
	padding: 8% 0 17.5%;
}

.m-Profile{padding: 50px 0 20px;}
.m-Profile .tit-2{margin-bottom: 25px;}

.m-txt1{
	font-size: 16px;
	margin-bottom: 25px;
}
.m-txt1 h3{
	margin-bottom: 25px;
}

.m-txt2{
	color: #fff;
	font-size: 16px;
	line-height: 1.7;
	/*padding: 165px 0 150px;*/
	padding: 8.5% 0 8%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
	margin-bottom: 50px;
}
.m-txt2 h3{
	text-align: center;
	background: url(../images/line2.png) center bottom no-repeat \9;
	margin-bottom: 20px;
}
.m-txt2 h3::after{
	left: 50%;
	margin-left: -50px;
	background: #fff;
}

.List10{}
.List10 .item{
	width: 98%;
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto 50px;
}
.List10 .pic,
.List10 .txt{
	height: 420px;
}
.List10 .pic{
	float: left;
	/*width: 664px;
	height: 420px;*/
	width: 55%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.List10 .txt{
	font-size: 16px;
	margin-left: 58%;
	line-height: 420px;
}
.List10 .txt-con{
	line-height: 1.5;
	display: inline-block;
	vertical-align: middle;
}
.List10 h3{margin-bottom: 25px;}

.m-tpBox1{
	color: #fff;
	text-align: center;
	position: relative;
	height: 0;
	padding-top: 35%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	margin-bottom: 50px;
}
.m-tpBox1 .txt{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
.m-tpBox1 h3{
	font-size: 48px;
	/*font-family: 'Wichita-Light';*/
	font-weight: normal;
	line-height: 60px;
}

.List11{}
.List11 .item{
	overflow: hidden;
	margin-bottom: 50px;
}
.List11 .pic{
	float: left;
	/*width: 890px;*/
	width: 46%;
	height: 545px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.List11 .txt{
	/*margin-left: 935px;*/
	margin-left: 49%;
	max-width: 720px;
	padding-top: 85px;
	padding-right: 1%;
	font-size: 16px;
	line-height: 1.7;
}
.List11 h3{
	color: #000;
	font-size: 37px;
	/*font-family: 'Wichita-Light';*/
	font-weight: normal;
	line-height: 40px;
	margin-bottom: 20px;
} 

#snav.snav-about ul{
	display: block;
}
#snav.snav-about li{
	width: 20%;
}
#snav.snav-about .s1{
	padding: 0;
	margin: 0;
}
#snav.snav-about li.active .s1{width: auto;}


.fy{width:100%; margin:20px 0;}
.fy {border:none;text-transform:uppercase;font-size:14px;padding:0;height:35px;clear:both;text-align:center;}
.fy a {border:1px solid #e5e5e5;text-decoration:none;margin:0 10px 0 0;padding:8px 13px 8px 13px;font-size:14px;height:35px;line-height:35px;color:#77af4a;}
.fy a:hover {border:1px solid #77af4a;background: #77af4a;color:#fff;}
.fy span {border:1px solid #77af4a;color:#fff !important;font-weight:bold;background: #77af4a;padding: 8px 13px 8px 13px;}


/*-----------------[20180619 start]--------------*/

.btn4{
	font-size: 18px;
	width: 290px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	background: #e5e5e5;
	margin: 10px;
}
.btn4:hover{color: #fff;background: #7ab846;}
.btn-green{
	color: #fff;
	background: #7ab846;
}
.btn-green:hover{color: #fff;}

.icon-qa-view,
.icon-qa-load{
	width: 40px;
	height: 50px;
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-qa-view{background-image: url(../images/icon-qa-view.png);}
.icon-qa-load{background-image: url(../images/icon-qa-load.png);}
.btn4:hover .icon-qa-view{background-image: url(../images/icon-qa-view-on.png);}
.btn4:hover .icon-qa-load{background-image: url(../images/icon-qa-load-on.png);}


.icon-qa1{background-image: url(../images/icon-qa-1.png);}
.icon-qa2{background-image: url(../images/icon-qa-2.png);}
#snav .active .icon-qa1{background-image: url(../images/icon-qa-1-on.png);}
#snav .active .icon-qa2{background-image: url(../images/icon-qa-2-on.png);}



/*-----------------[20180619 end]--------------*/


/*-----------------[20190322 begin]--------------*/

.List1 .picBtn{
	width: 60px;
	height: 60px;
	background: url(../images/icon-play.png) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	cursor: pointer;

	position: absolute;
	left: 50%;top: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}

.videoFancy{
	position: fixed;
	left: 0;top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0,0,0,.8);
}
.videoFancy .videoClose{
	z-index: 9;
	cursor: pointer;
	position: absolute;
	right: 5px;top: 5px;
	width: 40px;
	height: 40px;
	background: url(../images/icon-x.png) 0 0 no-repeat;
}
.videoFancy .videoCon{
	z-index: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	width: 80%;
	max-width: 1000px;
	max-height: 600px;
}
.videoFancy .videoCon video{
	width: 100%;
	background: #000;
}

/*-----------------[20190322 end]--------------*//*分页*/
#pages {
    text-align: center;
    margin-top:20px;
    margin-bottom: 20px;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #7bad49;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #7bad49;
}

#pages li:hover a {
    color: #fff;
}