@charset 'utf-8';

body {
	width: 100%;
	min-width: 1100px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.header {
	width: 1100px;
	margin: 0 auto;
	height: 115px;
	overflow: hidden;
}
.header .logo {
	display: block;
	width: 145px;
	height: 75px;
	margin-top: 22px;
	float: left;
}
.navigation {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	float: left;
	margin-left: 55px;
}
.navigation li {
	float: left;
	height: 111px;
	line-height: 111px;

}
.navigation li.active-nav, .navigation li:hover {
	background:#ededed;
	border-bottom: 4px #2f9d44 solid;
}
.navigation li a {
	display: block;
	height: 111px;
	line-height: 111px;
	padding: 0 27px;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}
.navigation li .nav-in{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	z-index: 9999;
	background: #80d66c;
	display: none;
	border-top: 3px #2f9d44 solid;
}
.ie8 .navigation li .nav-in{
	background: #80d66c;
}
.navigation li .nav-in li{
	width: 100%;
	clear: both;
	height: 39px;
	background: none;
	border-bottom: 1px #fff solid;
}
.navigation li .nav-in li:last-child{
	border: none;
}
.navigation li .nav-in li:hover{
	background: #4abf2f;
}
.ie8 .navigation li .nav-in li:hover{
	background: #4abf2f;
}
.navigation li .nav-in li a{
	height: inherit;
	font-size: 16px;
	color: #fff;
	line-height: 39px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.language {
	overflow: hidden;
	float: left;
	margin-top: 35px;
	margin-left: 80px;
}
.language a{
	display: inline-block;
	width: 29px;
	height: 29px;
	margin-right: 20px;
}
/*header----end*/
.banner-box {
	width: 100%;
	height: 560px;
	position: relative;
	overflow: hidden;
}
.banner-box ol, ul {
	list-style: none;
	padding: 0;
}
.banner {
	width: 1920px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.banner .d1 {
	width: 1920px;
	height: 560px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
.banner .d2 {
	width: 240px;
	height: 30px;
	clear: both;
	position: absolute;
	z-index: 100;
	left: 840px;
	top: 520px;
}
.banner .d2 ul {
	padding: 0;
	margin: 0;
	width: 240px;
	height: 30px;
	list-style: none;
	text-align: center;
}
.banner .d2 li {
	width: 18px;
	height: 18px;
	border: 2px #fff solid;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	margin: 0 5px;
	display: inline-block;
}
.ie .banner .d2 li {
	background: #fff;
}
.banner .d2 li.nuw {
	background:#2f9d44;
	border-color: #2f9d44;
}
.banner-inner {
	height: 398px;
}
/*banner----end*/


.service-box{
	width: 60px;
	height: auto;
	overflow: hidden;
	z-index: 100;
	position: fixed;
	right: 0;
	top: 30%;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+100));
}
.service-box a{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.service-1{
	background: url(../images/online.png) no-repeat left top rgba(0,0,0,0.6);
}
.service-2{
	background: url(../images/online.png) no-repeat left center rgba(0,0,0,0.6);
}
.service-3{
	background: url(../images/online.png) no-repeat left bottom rgba(0,0,0,0.6);
}

.ie8 .service-1{
	background: url(../images/online.png) no-repeat left top #000;
}
.ie8 .service-2{
	background: url(../images/online.png) no-repeat left center #000;
}
.ie8 .service-3{
	background: url(../images/online.png) no-repeat left bottom #000;
}





.prey-box{
	width: 100%;
	background: #f5f1f1;
}
.product-block{
	width: 1100px;
	margin: 0 auto;
	padding: 60px 0;
}
.title{
	font-size: 18px;
	color: #333333;
	text-align: center;
	margin: 0;
	background: url(../images/title-bj.png) no-repeat center bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.pro-item{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.pro-item li{
	width: 250px;
	height: 350px;
	background: #fff;
	float: left;
	margin-left: 33px;
	margin-left: 24.75px\9;
}
.pro-item li:nth-child(4n+1){
	margin-left: 0;
}
.pro-item li div{
	height: 127px;
	text-align: center;
}
.pro-item li p{
	font-size: 16px;
	color: #666666;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 40px;
	position: relative;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.pro-item li p:after{
	content: '';
	display: block;
	width: 84px;
	height: 2px;
	background: #d5d3d3;
	position: absolute;
	bottom:30px;
	left: 50%;
	margin-left: -42px;
}
.pro-item li a{
	font-size: 13px;
	color: #a2a1a1;
	text-decoration: none;
}
.pro-item li a:hover{
	color: #2f9d44;
}
/*products-block---end*/


.about-block{
	width: 1100px;
	padding: 60px 0;
	margin: 0 auto;
}
.about-block img{
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.about-block p{
	font-size: 14px;
	color: #666666;
	line-height: 2;
	margin: 0;
}
.about-block p a{
	color: #2f9d44;
	text-decoration: none;
}
/*about-block--end*/

.dot-box{
	width: 100%;
	background: url(../images/dot-bj.jpg);
}
.news-block {
	width: 1100px;
	margin: 0 auto;
	padding: 60px 0;
}
.news-block .news-display{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.news-display li.news-1{
	width: 560px;
	height:330px;
	margin-left: 0;
	overflow: hidden;
}
.news-display li.news-1 a.pic{
	display: block;
	width: 275px;
	height: 329px;
	float: left;
}
.news-display li.news-1 div{
	border: 1px #e3e1e1 solid;
	border-left: none;
	width: 244px;
	height: 287px;
	float: left;
}
.news-display li.news-1 div a{
	font-size: 16px;
	color: #2f9d44;
	height: 30px;
	text-decoration: none;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-bottom: 0;
	background: none;

}
.news-display li.news-1 div p{
	height: 110px;
	overflow: hidden;
	font-size: 14px;
	color: #666666;
	line-height: 2;
	background: url(../images/news-bj.png) no-repeat left bottom;
	padding-bottom: 38px;
}
.news-display li{
	width: 157px;
	height:330px;
	float: left;
	margin-left: 19px;
}

.news-display li div{
	height: 145px;
	border: 1px #e3e1e1 solid;
	border-top: none;
	padding: 20px;
}
.news-display li img{
	display: block;
}
.news-display li div a{
	display: block;
	margin: 0;
	height: 56px;
	overflow: hidden;
	font-size: 14px;
	color: #666666;
	line-height: 2;
	background: url(../images/news-bj.png) no-repeat left bottom;
	padding-bottom: 36px;
	text-decoration: none;
}
.news-display li div a:hover{
	color: #2f9d44;
}
.news-display li span{
	font-size: 14px;
	color: #a3a0a0;
	display: block;
	margin-top: 30px;
}
/*news-block--end*/

.service-block{
	width: 1100px;
	padding: 60px 0;
	margin: 0 auto;
	background: #2f9d44;
}
.service-block .title{
	color: #fff;
	background: url(../images/title-bj1.png) no-repeat center bottom;
}
.service-block p{
	font-size: 14px;
	color: #fff;
	line-height: 2;
	margin: 0;
	padding: 0 20px;
}
.service-block div{
	overflow: hidden;
	text-align: center;
}
.service-block div img{
	display: inline-block;
	margin: 20px 25px;
	margin-bottom: 0;
}
/*service-block--end*/



.bottom {
	width: 100%;
	background: #313131;
}
.bottom .main {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
.bottom .bom-1 {
	width: 223px;
	background: #272626;
	float: left;
	padding-bottom: 23px;
}
.bottom .bom-1 img{
	display: block;
	margin: 15px auto;
}

.bottom .bom-2 {
	width: 877px;
	float: left;
}
.bom-nav{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	height: 82px;
	background: url(../images/bom-nav.png) repeat-x left bottom;
}
.bom-nav li{
	float: left;
	margin-left: 50px;
}
.bom-nav li a{
	font-size: 16px;
	color: #8e8c8c;
	text-decoration: none;
	line-height: 124px;
}
.bom-nav li a:hover{
	color: #fff;
}
.bom-text{
	overflow: hidden;
	padding-top: 24px;
}
.contact-block{
	width: 400px;
	float: left;
	margin-left: 50px;
}
.contact-block p,
.contact-block a{
	font-size: 13px;
	color: #8e8c8c;
	line-height: 2;
	text-decoration: none;
	margin: 0;
}
.contact-block a:hover{
	color: #fff;
}



.bom-form{
	float: left;
	width: 380px;
	border-left: 1px #4e4e4e dashed;
	padding-left: 30px;
	padding-bottom: 20px;
}
.bom-text table {
	width: 365px;
}
.bom-text input,
.bom-text textarea {
	font-size: 14px;
	width: 91%;
	height: 34px;
	line-height: 34px;
	margin-bottom: 14px;

	padding: 0;
	padding-left: 5px;
	color: #fff;
	border: 1px #858484 solid;
	background: none;
}
.bom-text textarea {
	width: 98%;
	height: 70px;
	max-height: 70px;
	padding-left: 5px;
	resize: vertical;
}
.bom-text input:focus,
.bom-text textarea:focus {
	border-color: #b2b8c6;
	outline: none;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(174, 184, 198, .3);
}
.bom-text input.submit{
	padding: 0;
	width: 85px;
	height: 34px;
	font-size: 13px;
	color: #4e4e4e;
	border: none;
	margin: 0;
	border: 1px #858484 solid;
}
.bom-text input.submit:hover{
	color: #fff;
}
/*bottom----end*/
.footer{
	width: 100%;
	height: 60px;
	background: #272626;
}
.footer .main{
	width: 1100px;
	margin: 0 auto;
}
.footer p{
	margin: 0;
	font-size: 13px;
	color: #676666;
	float: left;
	line-height: 60px;
}
.footer a{
	font-size: 13px;
	color: #676666;
	float: right;
	line-height: 60px;
	text-decoration: none;
}
.footer a:hover{
	color: #fff;
}
/*index--------------------------------end*/


.sub-box{
	width: 100%;
	height: 60px;
	background: #f0f0f0;
}
.sub-box .main{
	width: 1100px;
	margin: 0 auto;
}
.sub-box .main h1{
	display: inline-block;
	font-size: 20px;
	color: #fff;
	margin: 0;
	background: #2f9d44;
	padding: 0 28px;
	height: 60px;
	line-height: 60px;
}
.sub-box .main .sub{
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
}
.sub-box .main .sub li{
	float: left;
	line-height: 60px;
}
.sub-box .main .sub li a{
	font-size: 16px;
	color: #666666;
	text-decoration: none;
	padding:0 20px;
	border-right: 1px #b0b0b0 solid;
}
.sub-box .main .sub li:last-child a{
	border-right: none;
}
.sub-box .sub li a:hover,
.sub-box .sub li a.active-sub{
	color: #2f9d44;
}
/*sub---end*/

.main-content{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0;
}
.small-title{
	overflow: hidden;
	background: url(../images/house.png) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #888888;
}
.small-title a{
	font-size: 14px;
	color: #888888;
	text-decoration: none;
}

.main-text{
	overflow: hidden;
}
.main-text p{
	font-size: 14px;
	color: #888888;
	line-height: 2;
	margin: 0;
}
.main-text p img{
	display: block;
	margin: 10px auto;
}
/*about us--end*/

.products-text ul{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.products-text ul li{
	width: 245px;
	float: left;
	margin-left: 40px;
	margin-left: 30px\9;
}
.products-text ul li:nth-child(4n+1){
	margin-left: 0
}
.products-text ul li a{
	display: block;
	width: 243px;
	height: 198px;
	border: 1px #e4e4e4 solid;
}
.products-text ul li p{
	text-align: center;
	font-size: 16px;
	line-height: 2.5;
	margin-bottom: 15px;
}
.page{
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
}
.page a{
	display: inline-block;
	width: 34px;
	height: 34px;
	border: 1px #e4e4e4 solid;
	font-size: 16px;
	color: #666666;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	margin: 0 5px;
}
.page a:hover,
.page a.page-active{
	background: #2f9d44;
	border-color: #2f9d44;
	color: #fff;
}
/*products--end*/

.inkPhoBox {
	width: 1100px;
	overflow: hidden;
}
.inkPhoBox ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.inkPhoBox .mod18 {
	width: 460px;
	position: relative;
	float: left;
}
.inkPhoBox #prev {
	background:url(../images/img/scroll/btn.png) no-repeat left top;
	height: 26px;
	width: 26px;
	position: absolute;
	z-index: 99;
	left: 0px;
	top: 30px;
	cursor: pointer;
	display: none;

}
.inkPhoBox #prev:hover{
	background:url(../images/img/scroll/btn.png) no-repeat left bottom;
}
.inkPhoBox #next {
	background:url(../images/img/scroll/btn.png) no-repeat right top;
	height: 26px;
	width: 26px;
	position: absolute;
	z-index: 99;
	top:30px;
	right: 0px;
	cursor: pointer;
	display: none;
}
.inkPhoBox #next:hover{
	background:url(../images/img/scroll/btn.png) no-repeat right bottom;
}
.inkPhoBox .mod18 #prevTop {
	display: none
}
.inkPhoBox .mod18 #nextTop {
	display: none
}
.inkPhoBox .mod18 li {
	float: left;
}
.inkPhoBox .mod18 .cf li {
	position: relative;
	color: #fff;
}
.inkPhoBox .mod18 .cf a {
	display: block;
	width: 457px;
	height: 365px;
	position: absolute;
	color: #fff;
}
.inkPhoBox .bigImgBox {
	width: 457px;
	height: 365px;
	border: 1px #e2e1e1 solid;
}
.inkPhoBox .mod18 .picBox {
	width: 457px;
	height: 365px;
	position: relative;
	overflow: hidden;
}
.inkPhoBox .mod18 .picBox ul {
	height: 514px;
	position: absolute;
	left: 0;
}
.inkPhoBox .mod18 .picBox li {
	width: 457px;
	height: 365px;
}
.inkPhoBox .smImgBox {
	width: 457px;
	height: 101px;
	margin-top: 20px;
	position: relative;
}
.inkPhoBox .mod18 .listBox {
	width: 457px;
	height: 94px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.inkPhoBox .mod18 .listBox ul {
	height: 94px;
	position: absolute;
}
.inkPhoBox .mod18 .listBox li {
	width: 107px;
	height: 83px;
	padding-right: 9px;
	cursor: pointer;
	position: relative;
}
.inkPhoBox .mod18 .listBox li i {
	display: none;
}
.inkPhoBox .mod18 .listBox li a {
	display: block;
	width: 107px;
	height: 83px;
}
.inkPhoBox .mod18 .listBox img{
	border: 1px solid #e4e3e3;
}
.inkPhoBox .mod18 .listBox .on img {
	border: 1px solid #2f9d44;
}
.inkPhoBox .mod18 .listBox .on i {
	display: block;
}

.inkPhoBox .ink-text{
	width: 590px;
	float: right;
}
.products01-text .pro-name{
	font-weight: normal;
	color: #2f9d44;
}
.inkPhoBox .ink-text a.pro-con{
	display: block;
	width: 148px;
	height: 42px;
	background: #2f9d44;
	font-size: 18px;
	color: #fff;
	line-height: 42px;
	text-align: center;
	text-decoration: none;
	margin-top: 20px;
}
.flip{
	overflow: hidden;
	text-align: center;
	margin-top: 30px;
}
.flip a{
	display: inline-block;
	width: 116px;
	height: 40px;
	background: #2f9d44;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	margin: 0 10px;
}
/*products detail--end*/

.news-text ul{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.news-text ul li{
	overflow: hidden;
	background: #e9f8ec;
	margin-bottom: 30px;
}
.news-pic{
	display: block;
	width: 238px;
	height: 180px;
	float: left;
}
.news-text ul li div{
	float: right;
	width: 840px;
	padding: 20px 0;
}
.news-text ul li a{
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}
.news-text ul li span{
	font-size: 14px;
	color: #a5a4a4;
	display: block;
	line-height: 2;
}
.news-text ul li p{
	font-size: 14px;
	color: #888888;
	height: 56px;
	overflow: hidden;
}
.news-text ul li a.news-more{
	width: 95px;
	height: 22px;
	display: block;
	background: url(../images/news-more.png) no-repeat  2px center #b0b0b0;
	font-size: 12px;
	color: #fff;
	text-indent: 25px;
	line-height: 22px;
	margin-top: 10px;
}
.news-text ul li:hover a{
	color: #2f9d44;
}
.news-text ul li:hover a.news-more{
	background: url(../images/news-more.png) no-repeat  2px center #2f9d44;
	color: #fff;
}
.news01-text .news-name{
	font-size: 16px;
	color: #2f9d44;
	text-align: center;
	font-weight: normal;
}
.news01-text span{
	display: block;
	border-bottom: 1px #e9e5e5 solid;
	color: #a5a4a4;
	font-size: 14px;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*news--end*/


.contact-text .con-title{
	font-size: 16px;
	color: #2f9d44;
	font-weight: normal;
}
.contact-text .con-box span{
	margin-right: 95px;
}
.map{
	display: block;
	width: 1094px;
	height: 410px;
	border: 3px #eeeeee solid;
	margin-top: 30px;
}
/*contact--end*/

.messages-text table {
	width: 1100px;
	margin-top: 10px;
}

.messages-text input,
.messages-text textarea {
	font-size: 14px;
	width: 91%;
	height: 38px;
	line-height: 38px;
	margin: 0;
	margin: 8px 0;
	padding: 0;
	padding-left: 5px;
	color: #666666;
	border: 1px solid #e4e4e4;
	background: none;
}
.messages-text textarea {
	width: 97%;
	height: 140px;
	max-height: 260px;
	padding-left: 5px;
	resize: vertical;
}
.messages-text input:focus,
.messages-text textarea:focus {
	border-color: #b2b8c6;
	outline: none;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(174, 184, 198, .3);
}
.messages-text input.submit{
	padding: 0;
	font-size: 13px;
	line-height: 42px;
	width: 184px;
	height: 42px;
	color: #fff;
	background:url(../images/email.png) no-repeat 38px center #2f9d44;
	border: none;
	text-indent: 30px;
}
/*messages--end*/