/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "UTF-8";
body {
	overflow-x: hidden;
	overflow-y: auto;
}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;
}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;
}
body, input, button, form {
	font-size: 14px;
	line-height: 28px;
	font-family: "microsoft yahei", "宋体", "Arial";
	color: #333333;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;
}
ul, ol, li {
	list-style: none;
}
input {
	background: none;
	border: 0 none;
}
img, iframe {
	border: 0px;
}
em, i {
	font-style: normal;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.red {
	color: #ba292e;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.poa {
	position: absolute;
}
.por {
	position: relative;
}
.hidden {
	display: none;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.ico {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #1048a0;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
.ease, .ease * {
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.noease, .noease * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
/*清除浮动*/
.clearfix {
*zoom: 1;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*top_main*/
.top_main {
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: relative;
	z-index: 80;
	background-color: #f2f2f2;
	color: #333333;
	font-size: 12px;
}
.top_main li {
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 8px;
}
.top_main li a {
	color: #333333;
	cursor: pointer;
}
.top_main li a:hover {
	color: #1048a0;
}
.top_main .split {
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #666;
	vertical-align: middle;
	margin: 0;
}

/* banner */
#banner_main {
	overflow: hidden;
	position: relative;
	z-index: 2;
	max-width: 1920px;
	margin: 0 auto;
}
#banner_main .banner {
	height: 650px;
}
#banner {
	width: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#banner, .banner ul {
	max-height: 650px;
	overflow: hidden;
}
.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	display: none;
}
.banner li:first-child {
	display: block;
}
.banner li img {
	width: 1920px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
#banner .tip {
	width: 1000px;
	height: 20px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 42px;
	z-index: 3;
}
#banner .tip span {
	width: 16px;
	height: 16px;
	margin: 0 6px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	background-position: -150px 0px;
}
#banner .tip span.cur {
	background-position: -130px 0px;
}
#banner #btn_prev, #banner #btn_next {
	width: 32px;
	height: 50px;
	position: absolute;
	top: 250px;
	z-index: 5;
}
#banner #btn_prev {
	background-position: -60px 0;
	left: 12%;
	transition: all 600ms ease;
}
#banner #btn_next {
	background-position: -92px 0;
	right: 12%;
	transition: all 600ms ease;
}
#banner #btn_prev:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	left: 11.6%;
}
#banner #btn_next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	right: 11.6%;
}
.box{width: 1300px; height: auto; margin: 0 auto;}
.toplogo{width: 1300px; height: 140px; float: left;}
	.logo{width: 500px; height: 80px; margin-top: 40px; float: left;}
	.logodes{width: 400px; height: 70px; float: left; margin-top: 50px; padding-top: 10px; font-size: 26px; color: #666; font-weight: bold; color: #ff6600; background: url(../images/phone.png) no-repeat left 13px; text-indent: 2rem;}
	.ss{width: 370px; height: 100px; float: left; padding-top: 55px; padding-left: 10px;}
		.ss input{outline-color:#6ABF3E;}
		#sstext{width: 265px; height: 40px; float: left; border: 2px solid #6ABF3E; padding: 0; line-height: 40px; text-indent: 1.5rem; background: url(../images/icon.jpg) no-repeat left 5px;}
		#ssbutton{width: 70px; height: 44px; float: left; border: 2px solid #6ABF3E; background-color: #6ABF3E; padding: 0; color: #FFF; font-size: 16px;}
.topbanner{width: 100%; height: 30px; float: left; background-color: #F5F5F5; color: #666}
.menu{width: 100%; height: 45px; float: left; background-color: #6ABF3E;}
.menu li{width: 143px; height: 45px; float: left; text-align: center; position: relative; overflow: visible;}
.menu li a{width: 100%; height: 45px; float: left; line-height: 45px; color: #FFF; font-size: 16px; position: absolute; left: 0; top: 0; z-index: 1000;}
.menu li a:hover,.menu li a.hover{height: 43px; background-color: #5DA836; border-bottom: 2px solid #C56835}
.producttitle{width: 100%; height: 60px; float: left; text-align: center; font-size: 30px; font-family: 微软雅黑 !important; margin-top: 40px;}
.productlist{width: 1300px; height: auto; float: left; overflow: visible;}
	.product{width: 290px; height: auto; float: left; overflow: visible; margin: 0 17px; margin-top: 15px;}
		.product .pimg{width: 290px; height: 230px; float: left;}
			.product .pimg img{width: 290px; height: 230px;}
		.ptitle{width: 290px; height: auto; float: left; overflow: visible; text-align: center; padding-top: 10px; font-size: 16px;}
.indexabout{width: 100%; height: 500px; float: left; background-color: #F3F3F3; margin-top: 30px;}
.indexaboutb{width: 1300px; height: auto; float: left; overflow: visible;}
	.indexaboutlist{width: 240px; height: 300px; float: left; margin: 0 10px;}
		.indexaboutlist dt{width: 240px; height: 155px; float: left;}
			.indexaboutlist dt img{width: 240px; height: 155px;}
		.indexaboutlist dd{width: 240px; height: 35px; float: left; background-color: #6ABF3E; text-align: center; line-height: 35px;}
		.indexaboutlist dd a{width: 240px; height: 35px; float: left;}
		.indexaboutlist div{width: 240px; height: auto; float: left; overflow: visible; line-height: 180%; color: #666; font-size: 12px; padding-top: 10px;}
.bai,.bai a{ color: #FFF;}
.indexnews{width: 410px; height: auto; float: left; overflow: visible; margin: 0 11px; margin-top: 30px;}
	.indexnewstitle{width: 410px; height: 50px; float: left; font-size: 30px;}
	.indexnewsimg{width: 410px; height: 205px; float: left;}
		.indexnewsimg img{width: 410px; height: 205px;}
	.indexnewsul{width: 410px; height: auto; float: left; overflow: visible;}
		.indexnewsul dl{width: 410px; height: 36px; float: left; border-bottom: 1px #ddd dashed;}
			.indexnewsul dl dt{width: 330px; height: 36px; float: left; line-height: 36px; text-overflow: ellipsis; font-size: 14px;}
			.indexnewsul dl dd{width: 80px; height: 36px; float: left; line-height: 36px; color: #999}
	.indexnewsb{width: 410px; height: 30px; float: left; margin-top: 15px;}
		.indexnewsb a{width: 150px; height: 30px; float: left; background-color: #6ABF3E; text-align: center; line-height: 30px; color: #FFF;}
.bottom{width: 100%; height: 60px; float: left; border-top: 1px solid #CCC; margin-top: 30px;}
	.link{width: 1300px; height: 60px; float: left; line-height: 60px; font-size: 16px;}
.bottommenu{width: 100%; height: auto; float: left; overflow: visible; background-color: #000; padding-top: 50px; padding-bottom: 20px;}
	.bottommenudl{width: 140px; height: auto; float: left; overflow: visible;}
		.bottommenudl dt{width: 100%; height: 35px; float: left; font-size: 16px; font-weight:bold; color: #FFF; background: url(../images/dian.jpg) no-repeat left bottom;}
		.bottommenudl dd{width: 100%; height: auto; float: left; padding-top: 10px;}
		.hui,.hui a{ color: #999}
.copyright{width: 1300px; height: 70px; float: left; line-height: 25px; font-size: 14px; padding-top: 15px;}
.bannerny{width: 100%; height: 400px; float: left; overflow: visible; padding:0; margin:0;}
.indexabout2{width: 100%; height: 580px; float: left; background: url(../images/banner5.png) no-repeat center top; margin-top: 50px;}
	.indexabout2top{width: 1300px; height: 95px; margin-top: 60px;}
		.indexabout2topl{width: 1160px; height: 30px; float: left; border-left: 5px solid #FFF; font-size: 30px; color: #FFF; font-weight: bold; text-indent: 1rem;}
		.indexabout2topr{width: 130px; height: auto; float: left;}
			.indexabout2topr a{width: 130px; height: 36px; border: 1px solid #FFF; border-collapse: 3px; float: left; text-align: center; font-size: 16px; color: #FFF; line-height: 36px;}
				.indexabout2topr a:hover{ background-color: #FF6A24;}
	.indexabout2bottom{width: 1300px; height: 340px; float: left;}
		.indexabout2bottoml{width: 550px; height: 340px; float: left;}
		.indexabout2bottomr{width: 750px; height: 340px; float: left;}
		.abouttitle{width: 750px; height: 50px; float: left; font-size: 26px; font-weight: bold; color: #FFF;}
		.aboutdesc{width: 750px; height: 150px; float: left; text-indent: 2rem; color: #FFF; overflow: hidden;}
		.indexabout2bottomli{width: 750px; height: auto; float: left; overflow: visible; margin-top: 20px;}
			.indexabout2bottomli a{ width: 80px; text-align: center; float: left; color: #FFF; margin-right: 50px;}
			.indexabout2bottomli a:hover img{ 
				transform: translate3d(0, 0, 0px) rotate(80deg);
				transition: transform 0.4s linear 0s;
			}
.pagetext{width: 100%; height: 60px; float: left; background-color: #F3F3F3;}
	.pagetext div{width: 1300px; height: 60px; margin: 0 auto; line-height: 60px; background: url(../images/dian2.png) no-repeat left center; text-indent: 30px; font-size: 16px;}
.leftc{width: 250px; height: auto; float: left; overflow: visible; margin-top: 25px;}
.rightc{width: 1050px; height: auto; float: left; margin-top: 25px;}
.lefttitle{width: 220px; height: 60px; float: left; background-color: #6ABF3E; line-height: 60px; font-size: 22px; font-weight: bold; color: #FFF; text-indent: 2rem;}
	.leftmenu{width: 220px; height: auto; float: left; overflow: visible; background-color: #F3F3F3}
	.leftmenu a{width: 220px; height: 40px; float: left; line-height: 40px; text-indent: 2rem; border-bottom: 1px solid #CCC}
		.leftmenu a:hover,.leftmenu a.hover{ color: #FFF; background-color: #A1D77E;}
	.righttitle{width: 1050px; height: 60px; float: left; line-height: 60px; font-size: 30px; color: #8BBF3E; border-bottom: 1px solid #CCC;}
	.rightcontent{width: 1050px; height: auto; float: left; overflow: visible; padding: 25px 0; line-height: 180%; font-size: 18px;}
		.rightcontent img{ max-width: 1050px;}
	.newslist{width: 1050px; height: auto; float: left; padding: 25px 0;}
		.newslist dl{width: 1050px; height: 40px; float: left; border-bottom: 1px #ddd dashed; line-height: 40px;}
			.newslist dt{width: 950px; height: 40px; float: left;}
			.newslist dd{width: 100px; height: 40px; float: left; text-align: center; color: #999}
	.productny{width: 1050px; height: auto; float: left; overflow: visible; padding: 25px 0;}
		.productny dl{width: 220px; height: 210px; float: left; margin: 0 20px; margin-top: 15px;}
		.productny dl dt{width: 220px; height: 150px; float: left;}
			.productny dl dt img{width: 218px; height: 148px; border: 1px solid #CCC;}
		.productny dl dd{width: 220px; height: 40px; float: left; text-align: center; padding-top: 10px; font-size: 14px;}
	.honorny{width: 1050px; height: auto; float: left; overflow: visible; padding: 25px 0;}
		.honorny dl{width: 310px; height: 280px; float: left; margin: 0 20px; margin-top: 35px;}
		.honorny dl dt{width: 310px; height: 240px; float: left;}
			.honorny dl dt img{width: 308px; height: 238px; border: 1px solid #CCC;}
		.honorny dl dd{width: 310px; height: 40px; float: left; text-align: center; padding-top: 10px; font-size: 14px; background-color: #CCC}
		/* formData */
.formData {
	padding-bottom: 20px;
}
.formData .item {
	float: left;
	color: #999;
	font-weight: normal;
	width: 420px;
	height: 56px;
	line-height: 56px;
	border: 1px solid #e4e4e4;
	margin-right: 76px;
	margin-bottom: 45px;
	position: relative;
}
.formData .item label {
	padding-left: 15px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	text-align: center;
	display: block;
	margin: 0;
	height: 56px;
	line-height: 56px;
	font-size: 18px;
	color: #666;
}
.formData .item input {
	outline: none;
	line-height: 38px;
	height: 38px;
	font-size: 18px;
}
.formData .item .txt {
	width: 350px;
	height: 56px;
	line-height: 56px;
	display: block;
	background: none;
	padding-left: 70px;
	border: 0 none;
	color: #666;
}
.formData .item .red {
	position: absolute;
	right: 15px;
	top: 0;
	color: #ff0000;
	z-index: 11;
}
.formData .item.mr0 {
	margin-right: 0;
}
.formData .msg-box {
	position: absolute;
	left: 0;
	top: 0px;
}
.formData .liuyan {
	width: 918px;
	height: 260px;
	border: 1px solid #e4e4e4;
	float: left;
}
.formData .liuyan label {
	text-align: right;
	display: block;
}
.formData .liuyan textarea {
	width: 908px;
	height: 234px;
	line-height: 35px;
	padding: 12px 10px;
	text-indent: 100px;
	font-size: 18px;
	font-family: "microsoft yahei";
	color: #333;
	border: 0 none;
	overflow: hidden;
	background: none;
	resize: none;
	display: block;
	outline: none;
}
.formData .bot {
	width: 100%;
}
.formData .sub {
	width: 232px;
	line-height: 52px;
	border: 2px solid #1048a0;
	margin-right: 2px;
	text-align: center;
	background: #1048a0;
	color: #FFF;
	cursor: pointer;
	font-size: 18px;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.formData .sub:hover {
	background: none;
	color: #1048a0;
}
.formData .yzm .txt {
	padding-left: 80px;
}
.formData .yzm img {
	position: absolute;
	right: 0;
	top: 0;
	height: 56px;
	border: 0px;
	display: block;
}