/*Generated by wjdhcms 3.0 */



@charset "utf-8";



/*-----------公用-----------*/



::-webkit-scrollbar {

	width: 8px;

	height: 8px;

	background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

	border-radius: 10px;

	background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

	background-color: #555;

}



* {

	padding: 0;

	margin: 0;

	font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

	font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

	color: #333;

	margin: 0;

	line-height: 1.5;

}



:focus {

	outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

	display: block;

}



a {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}



ins {

	background-color: #ff9;

	color: #000;

	text-decoration: none;

}



mark {

	background-color: #ff9;

	color: #000;

	font-style: italic;

	font-weight: bold;

}



del {

	text-decoration: line-through;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #cccccc;

	margin: 1em 0;

	padding: 0;

}



input,

select {

	vertical-align: middle;

}



li,

ul {

	list-style-type: none;

}



img {

	border: none;

}



a {

	color: #333;

	text-decoration: none;

	-webkit-transition: all .4s ease-out;

	transition: all .4s ease-out;

}



a:link,

a:hover,

a:active,

a:visited {

	text-decoration: none;

}



input,

textarea {

	outline: 0;

	border: 0;

}



textarea {

	resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

	font-weight: normal;

	font-style: normal;

}





/**banner**/



.banner {

	width: 100%;

	margin: 0 auto;

	height: 460px;

	overflow: hidden;

	position: relative;

	top: 0;

}



.fullSlide {

	width: 100%;

	position: relative;

	height: 100%;

	background: transparent;

}



.fullSlide .bd {

	margin: 0 auto;

	height: 100%;

	position: relative;

	z-index: 0;

	overflow: hidden;

}



.fullSlide .bd video {

	position: relative;

	width: 100%;

	height: 100%;

}



.fullSlide .bd ul {

	height: 100%;

}



.fullSlide .bd li {

	height: 100%;

	overflow: hidden;

	text-align: center;

	background-position: center;

	background-repeat: no-repeat;

	z-index: 1;

}



.fullSlide .bd li a {

	display: block;

	height: 100%;

}



.fullSlide .hd {

	width: 100%;

	position: absolute;

	z-index: 1;

	bottom: 0;

	left: 0;

}



.fullSlide .hd ul {

	text-align: center;

	margin-bottom: 10px;

}



.fullSlide .hd ul .on {

	background: #218d00;

}



.fullSlide .prev,

.fullSlide .next {

	display: block;

	position: absolute;

	z-index: 1;

	top: 50%;

	margin-top: -30px;

	left: 15%;

	z-index: 1;

	width: 40px;

	height: 60px;

	background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

	cursor: pointer;

	*filter: alpha(opacity=50);

	*opacity: .5;

	display: none;

}



.fullSlide .next {

	left: auto;

	right: 15%;

	background-position: -6px -137px;

}



/**search**/

.search {

	width: 100%;

	z-index: 9;

	height: 50px;

	margin: 0 auto;

	background: #fafafa;

}

.search .between{

	width: 1130px;

}

.search-dw {

	float: left;

}



.search-dw h4 {

	font-size: 16px;

	line-height: 50px;

	color: #333;

}



.search-dw p {

	font-size: 16px;

	line-height: 38px;

	color: #333333;

}



.search_2 {

	background: url(../images/tel.png) no-repeat left;

	padding-left: 34px;

	margin-left: 10px;

	line-height: 50px;

}



.search_2 p {

	font-size: 20px;

	color: #6dc41c;

}





/*产品开始*/



.proBox {

	width: 100%;

	height: 833px;

	margin: 0 auto;

}



.proBox-title {

	text-align: center;

	padding-bottom: 9px;

	margin: 30px;

	background: url(../images/title-icon.png)no-repeat bottom center;

}	

.proBox-title h4 {

	font-size: 26px;

	color: #333333;

}

.proBox-title p{

	font-size: 20px;

	color: #a6a6a6;

	text-transform: uppercase;

}



.pro-nav {

	position: relative;

	height: 620px;

}

.pro-nav .pro-list{

	width: 235px;

	height: 675px;

	float: left;

	overflow: hidden;

	box-shadow: 0px 0px 15px rgba(0,0,0,.2);

	margin-bottom: 30px;

}

.sideMenu{

	margin-top: 0px;

}

.sideMenu h3{

	height: 40px;

	line-height: 40px;

	width: 214px;

	margin: 15px auto;

	background: #6dc41c;

}

.sideMenu h3 a{

	color: #fff;

	margin-left: 10px;

	display: block;

}

.sideMenu h3 em{	

	float: right;

    display: block;

    width: 40px;

    height: 40px;

    background: url(../images/ico.png)no-repeat center;

}

.sideMenu h3:hover em{	

    background: url(../images/icohover.png)no-repeat center;

}

.sideMenu ul{

	width: 214px;

	margin: 0 auto;

}

.sideMenu ul li{

	width: 214px;

	float: left;

	height: 35px;

	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

	border-bottom: 1px solid #f0f0f0;

}

.sideMenu ul li a{

	margin-left: 10px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 35px;

}



.pro-right{

	width: 925px;

	height: 693px;

}

.pro-right ul{

	width: 950px;

}

.pro-right ul li{

	width: 216px;

	height: 215px;

	text-align: center;

	float: left;

	margin-right: 18px;

	margin-bottom: 18px;
}

.pro-right ul li .img{

	width: 216px;

	height: 180px;

	border: 1px solid #d9d9d9;	

}

.pro-right ul li .img img{

	width: 216px;

	height: 180px;

}

.pro-right ul li p{

	line-height: 34px;

	font-size: 15px;

	display: block;
	overflow: hidden;
	height: 35px;
}

/*ad1*/

.ad1{

	background: url(../images/ad1.jpg)no-repeat center;

	height: 215px;

}

.ad1-left{

	width: 542px;

	margin-top: 90px;

	margin-left: 320px;

	float: left;

}

.ad1-left h4{

	font-size: 22px;

	color: #FFFFFF;

	line-height: 42px;

}



.ad1-left p{

	font-size: 16px;

	line-height: 26px;

	color: #fff;

	text-transform: uppercase;

}

.ad1-left p span{

	font-size: 16px;

	font-weight: bold;

}



.ad1-right{

	float: right;

	margin-top: 44px;

	width: 190px;

}

.ad1-right img{

	width: 103px;

	height: 103px;

	float: left;

}

.ad1-right .tel{

	color: #FFFFFF;

}

.ad1-right .tel p{

	font-size: 24px;

	color: #FFFFFF;	

}

.ad1-right a{

	width: 165px;

	height: 30px;

	border: 1px solid #FFFFFF;

	display: block;

	color: #fff;

	text-align: center;

	line-height: 30px;

}

.title {

	text-align: center;

	margin: 30px 0px;

	padding-bottom: 9px;

	background: url(../images/title-icon.png)no-repeat bottom;

}

.title h4 {

	font-size: 24px;

	color: #333333;

}

.title p {

	font-size: 20px;

	color: #b2b2b2;

	text-transform: uppercase;

}

/*case*/

.app{

	height: 665px;

}



.appBox{

	height: 370px;

	position: relative;

}

.appBox ul{

	width: 1215px;

}

.appBox ul li{

	width: 280px;

	height: 235px;

	float: left;

	margin-right: 20px;

	text-align: center;

}

.appBox ul li .img{

	width: 280px;

	height: 196px;

	overflow: hidden;

}

.appBox ul li .img img{

	width: 280px;

	height: 196px;

}



.appBox ul li p{

	font-size: 15px;

	line-height: 36px;

}

.app .more {

    width: 148px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    background: #6dc41c;

    margin: 12px auto;

}

.app .more a {

    color: #fff;

}





/*ys_all*/

.adv{

	background: url(../images/adv-bg.jpg)no-repeat top;

	height: 359px;

	

}

.adv-box{

	height: 590px;

	overflow: hidden;

	text-align: center;

}

.adv-box span{

	color: #6dc41c;

	text-align: center;

}

.adv-nav ul{

	width: 1210px;

}

.adv-nav ul li{

	width: 377px;

	height: 109px;

	float: left;

	margin-right: 25px;

	margin-bottom: 25px;

	background: url(../images/advbg.png)no-repeat center;

}

.adv-nav ul li h3{

	float: left;

	font-size: 50px;

	color: #6dc41c;

	font-family: impact;

	line-height: 109px;

	width: 95px;

}

.adv-nav ul li .txt{

	float: left;

	height: 63px;

	margin-top: 21px;

	width: 260px;

	text-align: left;

}

.adv-nav ul li .txt h4{

	font-size: 18px;

	font-weight: bold;

}



/*case*/

.case{

	background: url(../images/case-bg.jpg)no-repeat top;

	padding-top: 30px;

}

.caseBox ul{

	background: url(../images/yy_07.png)no-repeat bottom;

	padding-bottom: 80px;

}

.caseBox ul li{

	width: 393px;

	height: 269px;

	float: left;

	overflow: hidden;

	position: relative;

}

.caseBox ul li .img {

	width: 393px;

	height: 269px;

	overflow: hidden;

}

.caseBox ul li .img img {

	width: 393px;

	height: 269px;

}

.caseBox ul li .txt{

	background: rgba(109,196,28,.8);

	width: 100%;

	height: 100%;

	position: absolute;

	bottom: -269px;

}

.caseBox ul li .txt a{

	display: block;

	width: 100%;

	height: 100%;

}

.caseBox ul li:hover .txt{

	bottom:0px;

}

.caseBox ul li .txt h4{

	font-size: 16px;

	color: #FFFFFF;

	padding-left: 20px;

	padding-top: 30px;

}

.caseBox ul li .txt p{

	padding: 20px;

	color: #fff;

	line-height: 28px;

}



/*about*/



.about_bg {

	background:#f1f4f9;

	height: 636px;

	background: url(../images/about-bg.jpg)no-repeat center top;

}



.about-left{

	width: 450px;

	margin-top: 88px;

	margin-left: 72px;

}

.about-title {

	text-align: left;

	margin: 30px 0px;

	padding-bottom: 9px;

	background: url(../images/title-icon.png)no-repeat left bottom;

}

.about-title h4 {

	font-size: 24px;

	color: #333;

}

.about-title p{

	color: #8f8f8f;

	text-transform: uppercase;

}



.about-left .txt p{

	line-height: 30px;

	color: #666666;

	height: 220px;

	overflow: hidden;

	margin-bottom: 28px;

}



.about-left .txt a{

	width: 137px;

	height: 36px;

	background: #6dc41c;

	display: block;

	color: #fff;

	line-height: 36px;

	text-align: center;

	border-radius: 36px;

}



.about-right{

	float: right;

	padding-right: 35px;

	margin-top: 118px;

}

.about-right img{

	width: 518px;

	height: 381px;

}

/*news*/

.news{

	width: 100%;

	height: 674px;

	overflow: hidden;

}



.news-box{

	width: 1180px;

	margin: 0 auto;

	padding-top: 30px;

}

.news-box h2{

	display: block;

	width: 190px;

	float: left;

	font: 24px/50px "microsoft yahei";

	color: #333;

	position: relative;

	z-index: 999;

}

.news-box h2 span{

	font-size: 22px;

	text-transform: uppercase;

	font-weight: normal;

	color: #a6a6a6;

}

/* 滑动门 */



#tab_pro {

	width: 1180px;

	position: absolute;

	margin: 0px auto;

}



#tab_pro .tab_pro_menu {

	width: 465px;

	float: left;

	position: absolute;

	z-index: 1;

	right: 0;

	height: 39px;

	display: inline-block;

}



#tab_pro .tab_pro_menu li {

	float: left;

	width: 140px;

	height: 34px;

	cursor: pointer;

	text-align: center;

	background: #fff;

	border: 1px solid #cdcdcd;

	color: #fff;

	margin: 0 2px 0 10px;

	font: 14px/34px "microsoft yahei";

}

#tab_pro .tab_pro_menu li a{

	display: block;

	font: 14px/34px "microsoft yahei";

	display: block;

	color: #333;

}

.news-box h2 span{ 

	font:bold 16px/32px "microsoft yahei";

	color: #333;

}

#tab_pro .tab_pro_box {

	width: 1180px;

	clear: both;

	position: relative;

	top: 10px;

	margin-top: 10px;

}



#tab_pro .tab_pro_menu .selected  a{

	cursor: pointer;

	color: #fff;

	background: #6dc41c;

	border:none

}



#tab_pro .hide {

	display: none;

}



#tab_pro .tab_pro_box div {



}

.news-new{

	width: 376px;

	margin-top: 20px;

	height: 344px;

	border-bottom: 1px solid #ccc;

	float: left;

	margin: 40px 8px 0;

}

.news-new img{

	display: block;

	width: 376px;

	height: 180px;

}

.news-new:hover a{

	color: #6dc41c;

}

.news-new:hover{

	border-bottom: 1px solid #6dc41c;

}

.news-title{

	width: 100%;

	height: 40px;

	display: block;

	font: 16px/40px "microsoft yahei";

	overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

padding-top: 10px;

}

.news-line{

	width: 100%;

	height: 1px;

	background: #ccc;

	margin-top: 40px;

}

.news-new p{

	display: block;

	font: 14px/26px "microsoft yahei";

	color: #5f5f5f;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	height: 48px;

	padding-top: 10px;

}

.news-new span{

	font: 14px/26px "microsoft yahei";

	display: block;

	padding-top: 20px;

	color: #5f5f5f;

}

#tab_pro .hide {

	display: none;

}



#tab_pro .tab_pro_box div {



}

.tab_pro_box ul li{

	float: left;

	width: 376px;

	height: 50px;

    margin: 0 7px 0px;

    -webkit-transition: all .5s ease;

	transition: all .5s ease;

	border-bottom: 1px solid #ccc;

}

.tab_pro_box ul li p{

	font: 14px/50px "microsoft yahei";

	color: #5f5f5f;

	float: left;

	text-overflow: ellipsis;

    white-space: nowrap;

    width: 15em;

    overflow: hidden;

}

.tab_pro_box ul li span{

	font: 14px/50px "microsoft yahei";

	color: #5f5f5f;

	float: right;

}

.tab_pro_box ul li a:after{

	display: block;

	content: "";

	clear: both;

}

.tab_pro_box ul li:hover p ,.tab_pro_box ul li:hover span{

	color: #6dc41c;

}



/*link*/



.links {

	height: 55px;

	background: #f1f4f9;

	padding-top: 30px;

}



.links dl dt {

	float: left;

	font-size: 18px;

	color: #333;

	font-weight: bold;

}



.links dl dd {

	float: left;

	line-height: 28px;

}



.links dl dd a {

	display: block;

	margin: 0 10px;

	float: left;

}