body {
	color: #333;
	font-size: 12px;
	font-family: "Microsoft Yahei";
}

a,
a:visited,
a:hover,
a:active {
	color: #333;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

.vimg {
	display: block;
	text-align: center;
	*font-family: Arial;
	*font-size: expression(this.clientHeight*.895+"px");
	line-height: 100%;
	overflow: hidden;
}

.vimg img {
	_width: expression((this.width>this.height && this.width>=this.parentNode.offsetWidth) ? this.parentNode.offsetWidth+'px': true);
	_height: expression((this.width<=this.height && this.height>=this.parentNode.offsetHeight) ? this.parentNode.offsetHeight+'px': true);
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.vimg:after {
	content: "\200B";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.cut-word {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.wrap1100 {
	margin: 0 auto;
	width: 1100px;
	overflow: hidden;
}

.wrap1200 {
	margin: 0 auto;
	width: 1200px;
	overflow: hidden;
}

.hide {
	display: none;
}

#header {
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	color: #575757;
	font-size: 14px;
}

#header a {
	color: #575757;
}

.logo {
	width: 141px;
	height: 43px;
	float: left;
	margin: 15px 0 0;
}

.language {
	margin: 5px 27px 0px 0;
}

.language span {
	margin: 0 7px;
}

.l-select {
	color: #404040;
}

.mainNav {
	margin: 15px 0 15px 105px;
	float: left;
}

.mainNav li span {
	letter-spacing: 20px;
}

.mainNav li {
	float: left;
	margin: 0 0 0 10px;
	width: 110px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
}

#header,
#header>.wrap1100 {
	overflow: visible;
}

#header {
	position: relative;
	z-index: 999;
}

.mainNav {
	margin-bottom: 0;
}

.mainNav li {
	position: relative;
	height: auto;
	zoom: 1;
}

.mainNav>li {
	/*line-height: 40px;*/
	padding-bottom: 15px;
}

.mainNav>li>a {
	display: block;
}

.mainNav ul li {
	float: none;
}

.subNav {
	position: absolute;
	margin: 0;
	top: 0;
	display: none;
}

.mainNav li:hover>ul {
	display: block;
}

.mainNav>li>ul {
	top: 39px;
}

.subNav ul {
	margin-left: 130px;
}

.subNav li {
	width: 130px;
	margin: 0;
}

.subNav a {
	background: #e2e2e2;
	display: block;
	line-height: 30px;
	border-bottom: 1px solid #dddddd;
}

.p-context {
	width: 68%;
	color: #7c7c7c;
	font-size: 16px;
	line-height: 32px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
}

.p-context p {
	margin: 0;
}

.p-context2 {
	width: 98%;
}

#scroll {
	position: fixed;
	left: 90%;
	top: 48%;
}

.scroll-ico {
	width: 49px;
	height: 49px;
	background-color: #c9c9c9;
	border-radius: 50%;
	margin-bottom: 15px;
	cursor: pointer;
}

.scroll-ico:hover {
	background-color: #f79898;
}

.scrol-u {
	-webkit-animation: upup 2.0s infinite linear;
}

.scrol-d {
	-webkit-animation: downdown 2.0s infinite linear;
}

@keyframes upup {
	50% {
		opacity: 0.9;
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes downdown {
	50% {
		opacity: 0.9;
		-webkit-transform: translateY(10%);
		transform: translateY(10%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

#banner {
	height: 613px;
	width: 100%;
	overflow: hidden;
}

.p-title {
	text-align: center;
	margin-top: 52px;
	margin-bottom: 30px;
}

.i-pp {
	width: 100%;
}

.i-pp-1 {
	width: 500px;
}

.i-pp-1-1 {
	width: 100%;
	height: 293px;
	background: url(../i/i_pp_title-2-bg2.png) no-repeat center center;
	padding: 10px 30px;
	color: #fef8ed
}

.i-pp-1-1-t {
	font-size: 30px;
	margin-top: 35px;
	font-family: Arial;
	color: #fef8ed;
}

.i-pp-1-1-c {
	margin-top: 15px;
	font-size: 16px;
	color: #fef8ed;
	line-height: 32px;
	height: 150px;
}

.i-pp-2 {
	margin-left: 47px;
	width: 550px;
	color: #575757
}

.i-pp-3 {
	width: 550px;
	color: #575757
}

.i-pp-4 {
	width: 400px;
	margin-left: 57px;
}

.i-pp-5 {
	width: 500px;
	margin-left: 30px;
}

.i-pp-2-title {
	font-size: 30px;
	margin-top: 35px;
	font-family: Arial;
}

.i-pp-2-content {
	margin-top: 15px;
	font-size: 16px;
	color: #575757;
	line-height: 32px;
}

.i-pp-2-content p {
	text-indent: 32px;
	text-align: justify;
}

.i_more {
	width: 140px;
	height: 40px;
	background-color: #e3cdb0;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	float: right;
}

.i_more a {
	color: #fff;
}

.i-3 {
	width: 100%;
	height: 810px;
	background: url(../i/i_pp_title-2-bg.jpg) no-repeat center center;
	margin-top: 50px;
}

.i-pp-3-ul {
	width: 100%;
	margin-top: 35px;
}

.i-pp-3-ul li {
	float: left;
}

.i-pp-3-ul li img {
	width: 150px;
}

.i-pp-3-ul li:nth-child(2) {
	margin-left: 25px;
	margin-right: 25px;
}

.i-4 {
	padding-bottom: 50px;
}

.i-4-m {
	margin-top: 10px;
}

.i-5 {
	padding-bottom: 20px;
}

.i-5-ul {
	width: 100%;
	margin-top: 50px;
}

.i-5-ul li {
	width: 258px;
	float: left;
}

.i-5-ul li:nth-child(2) {
	margin-left: 20px;
	margin-right: 20px;
}

.i-5-ul li:nth-child(4) {
	margin-left: 20px;
}

.i-p5-hover {
	width: 186px;
	height: 186px;
	background: url(../i/ip5-ico.png) no-repeat;
	position: absolute;
	z-index: 2;
	margin-top: -186px;
	color: #fff;
	font-size: 18px;
	line-height: 166px;
	text-align: center;
	display: none;
}

.i-5-img {
	width: 186px;
	position: relative;
	cursor: pointer;
	margin-left: 32px;
}

.i-p5-title {
	font-size: 18px;
	text-align: center;
	margin: 8px 0;
	color: #606060;
}

.i-p5-c {
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	color: #606060;
}

.i-6 {
	position: relative;
	width: 922px;
	height: 471px;
	margin: 0 auto;
	background: url(../i/fd-bg.jpg) no-repeat;
}

.i-6-1 {
	width: 95px;
	height: 44px;
	margin: 250px 0 0 245px;
}

.i-6-2 {
	width: 95px;
	height: 44px;
	margin: 90px 0 0 175px;
}

.i-6-3 {
	width: 95px;
	height: 44px;
	margin: 170px 0 0 105px;
}

.i-6-4 {
	position: absolute;
	top: 120px;
	left: 180px;
	z-index: 99;
	width: 95px;
	height: 44px;
}

.i-6-5 {
	position: absolute;
	top: 230px;
	left: 460px;
	z-index: 99;
	width: 95px;
	height: 44px;
}

.i-6-6 {
	position: absolute;
	top: 330px;
	left: 800px;
	z-index: 99;
	width: 95px;
	height: 44px;
}


/*�ײ�*/

#footer {
	margin-top: 20px;
	width: 100%;
	height: 254px;
	background-color: #434343;
	color: #fff;
	font-size: 14px;
}

#footer ul {
	margin-top: 35px;
	height: 170px;
}

#footer li {
	width: 180px;
	float: left;
	text-align: left;
}

#footer a {
	color: #fff;
}

#footer p {
	margin: 0;
}

#footer .footer-title {
	margin-bottom: 10px;
	color: #fff;
	font-size: 16px;
}

.footer_line {
	border-top: 1px solid #626262;
	border-bottom: 1px solid #333333;
}

.CopyRight {
	margin-top: 10px;
	text-align: center;
}

.f-sp1 {
	margin-left: 5px;
}

.f-sp2 {
	margin-left: 10px;
}

.about {
	font-size: 14px;
	color: #515151;
}

.about p {
	font-size: 14px;
	color: #515151;
	line-height: 28px;
	text-indent: 28px;
}


/*֤��*/

.a-zz {
	width: 100%;
	height: 472px;
}

.poster-main {
	width: 1000px;
	height: 352px;
	position: relative;
	margin: 30px auto;
}

.poster-main a,
.poster-main img {
	display: block;
}

.poster-main .poster-list {
	width: 900px;
	height: 352px;
}

.poster-main .poster-list .poster-item {
	width: 200px;
	height: 102px;
	position: absolute;
	left: 0;
	top: 0;
}

.poster-main .poster-btn {
	position: absolute;
	top: 0;
	z-index: 10;
	cursor: pointer;
}

.poster-main .poster-prev-btn {
	left: -200px;
	margin-top: -100px;
	background: url(../i/a_left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
	right: -200px;
	margin-top: -100px;
	background: url(../i/a_right.png) no-repeat center center;
}


/*�����б�*/

.news-list {
	width: 1086px;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
	font-size: 14px;
	color: #4b4b4b;
}

.news-list li a {
	display: block;
}

.news-list-img {
	width: 224px;
	height: 147px;
	overflow: hidden;
	float: left;
}

.news-list li {
	margin-top: 20px;
	padding: 15px;
}

.news-list li:hover {
	background-color: #f3f2f0;
}

.news-list-img img {
	width: 100%;
}

.news-list-content {
	width: 766px;
	margin-left: 20px;
	float: left;
	font-size: 14px;
	color: #97999e;
}

.news-list-title {
	width: 604px;
	float: left;
	font-size: 16px;
}

.news-list-date {
	width: 102px;
	float: left;
	text-align: right;
}

.news-list-detail {
	clear: both;
	margin-top: 30px;
	line-height: 28px;
	height: 90px;
}

.news-list-ico {
	width: 28px;
	height: 28px;
	float: left;
	border-radius: 15px;
	background-color: #e7e7e7;
	color: #898989;
	text-align: center;
	margin-right: 10px;
	font-weight: bold;
	line-height: 28px;
}

.li-dian {
	width: 100%;
	background: url(../i/dian.png) repeat-x 0 0;
	height: 1px;
	clear: both;
	margin-top: 20px;
}

.news-nav {
	width: 420px;
	margin: 0 auto;
	margin-top: 30px;
	background-color: #fff;
}

.news-nav li {
	width: 120px;
	height: 30px;
	float: left;
	text-align: center;
	background-color: #c9c9c9;
	color: #fff;
}

.news-nav li p {
	display: block;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	margin: 0;
}

.news-nav li:nth-child(2) {
	margin-left: 20px;
	margin-right: 20px;
}

.news-d-t {
	text-align: center;
	font-size: 24px;
	margin: 10px;
}

.news-d-d {
	text-align: center;
	font-size: 14px;
	margin: 10px;
}

.news-d-c {
	font-size: 14px;
	line-height: 28px;
}

.news-d-c img {
	max-width: 100%;
}


/*��ҳ��ʽ*/

.page-area {
	margin-top: 20px;
	min-width: 50px;
	max-width: 550px;
	float: right;
}

.page-area li {
	float: left;
	width: 26px;
	height: 26px;
	text-align: center;
	color: #838383;
	margin-left: 5px;
	font-size: 14px;
}

.page-area li:hover {
	background-color: #eeca9a;
	color: #fff;
	font-size: 14px;
}

.page-area li a:hover {
	background-color: #eeca9a;
	color: #fff;
	font-size: 14px;
}

.cpp {
	background-color: #eeca9a;
	color: #fff;
	font-size: 14px;
	width: 26px;
	height: 26px;
	display: block;
}

.cpp a {
	background-color: #eeca9a;
	color: #fff;
	font-size: 14px;
	width: 26px;
	height: 26px;
	display: block;
}


/*���̼���*/

.member-lc {
	width: 100%;
	height: 157px;
	background: url(../i/member-lc.jpg) no-repeat center center;
	margin-top: 20px;
}

.member-ys {
	width: 100%;
}

.member-ys-ul li {
	width: 170px;
	float: left;
}

.member-ys-ul li:nth-child(2) {
	margin: 0 15px 0 15px;
}

.member-ys-ul li:nth-child(4) {
	margin: 0 15px 0 15px;
}

.member-ys-ul li:nth-child(6) {
	margin: 0 0px 0 15px;
}

.member-ys-c {
	margin-top: 40px;
	width: 100%;
	height: 122px;
}

.member-ys-c-t {
	width: 980px;
	color: #515151;
	font-size: 14px;
}

.member-ys-line1 {
	width: 240px;
	border-top: 2px solid #dedede;
	border-bottom: 4px solid #dedede;
}

.member-ys-line2 {
	width: 860px;
	border-bottom: 1px solid #dedede;
	margin-top: 3px;
}

.member-zc {
	background: url(../i/member-zc-bg.jpg) no-repeat center top;
	padding-bottom: 84px;
}

.member-zc-list {
	width: 100%;
	margin: 0 auto;
}

.member-zc-list li {
	width: 524px;
	height: 146px;
	border-radius: 8px;
	background-color: #fff;
	float: left;
	margin-left: 20px;
	margin-top: 30px;
	padding: 20px;
}

.member-zc-c {
	width: 350px;
}

.member-zc-c p {
	margin: 0;
	margin-bottom: 10px;
	color: #666666;
	font-size: 14px;
	line-height: 28px;
}

.member-zc-c p:nth-child(1) {
	font-size: 16px;
}

.msg-form-1 {
	width: 334px;
	height: 45px;
	border: 1px solid #c3c3c3;
	float: left;
	margin-left: 32px;
	margin-top: 32px;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 14px;
}

.form-control {
	width: 202px;
	height: 35px;
	border: none;
	margin-left: 10px;
	margin-top: -3px;
	color: #333333;
}

.msg-form-1 label {
	margin-left: 10px;
	color: #333333;
	margin-top: 5px;
}

.msg-form-1 label:nth-child(1) {
	margin-left: 160px;
}

.msg-form-r {
	width: 24px;
	height: 14px;
}

.msg-form-1 input {
	outline: none;
	font-size: 14px;
	color: #5b5454
}

.msg-form-1 span:nth-child(1) {
	float: left;
	margin-top: 5px;
	width: 60px;
}

.msg-form-1 span:nth-child(2) {
	float: right;
	margin-top: 5px;
	width: 50px;
}

::-webkit-input-placeholder {
	color: #333333;
	font-size: 14px;
}

-moz-placeholder {
	color: #333333;
	font-size: 14px;
}

.msg-form-2 {
	margin-left: 32px;
	margin-top: 32px;
}

.msg-form-2 textarea {
	outline: none;
	font-size: 14px;
	color: #5b5454
}

.msg-form-3 {
	width: 1068px;
	margin-top: 32px;
	margin-left: 32px;
	height: 45px;
	border: 1px solid #c3c3c3;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 14px;
}

.msg-form-3 span:nth-child(1) {
	float: left;
	margin-top: 5px;
	margin-right: 15px;
}

.msg-form-3 span:nth-child(2) {
	float: right;
	margin-top: 5px;
	margin-right: 15px;
}

.msg-form-3 label {
	float: left;
	margin: 5px 20px;
}

.msg-form-3 input {
	outline: none;
	font-size: 14px;
	color: #5b5454
}

.msg-form-3 input[type="text"] {
	width: 900px;
}

.msg-form-4 {
	width: 1068px;
	margin-top: 32px;
	margin-left: 32px;
}

.msg-form-4 input {
	width: 100%;
	height: 50px;
	background-color: #cda678;
	border: none;
	color: #fff;
}


/**/

.service-1 {
	margin-top: 30px;
	width: 100%;
}

.service-1 li {
	width: 322px;
	overflow: hidden;
	float: left;
}

.service-1 li:nth-child(2) {
	margin: 0 67px
}

.service-1-img {
	width: 322px;
	height: 234px;
}

.service-1-t {
	color: #424242;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}


/*��ϵ��ʽ*/

.contact_ul {
	width: 1040px;
	margin: 0 auto;
	margin-top: 40px;
}

.contact_ul li {
	width: 200px;
	text-align: center;
	float: left;
}

.contact_ul li p {
	text-indent: 0px;
}

.contact_ul li:nth-child(2) {
	margin: 0 10px;
}

.contact_ul li:nth-child(4) {
	margin: 0 0 0 10px;
}


/*��Ʒϵ��*/

.product-xl {
	width: 100%;
	min-width: 1100px;
	overflow: hidden;
}

.product-xl li {
	width: 33.3%;
	float: left;
	position: relative;
}

.product-xl-1 {
	width: 100%;
	overflow: hidden;
}

.product-xl-1 img {
	width: 100%;
}

.product-xl-2 {
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.product-xl li .product-xl-3 {
	width: 100%;
	height: 20px;
	background-color: #979797;
}

.product-xl li:nth-child(2) .product-xl-3 {
	width: 100%;
	height: 20px;
	background-color: #636363;
}

.product-xl-4 {
	background-color: #fff;
	width: 100%;
	position: absolute;
	opacity: 0.3;
	display: none;
	left: 0;
}


/*��Ʒ�б�*/

.pro-1 {
	width: 100%;
	height: 830px;
	background: url(../i/pro-list-bg-1.jpg);
	text-align: center;
}

.pro-1-t {
	margin-top: 75px;
	font-size: 52px;
	color: #575757;
	font-family: Times New Roman;
}

.pro-1-t2 {
	font-size: 16px;
	color: #636363;
	font-family: SimSun;
}

.pro-1-img {
	margin-top: 100px;
}

.pro-2 {
	width: 100%;
	height: 830px;
	background: url(../i/pro-list-bg-2.jpg);
}

.pro-2-img {
	width: 448px;
	margin-top: 226px;
	float: left;
}

.pro-2-t {
	margin-left: 30px;
	margin-top: 256px;
	width: 620px;
	float: left;
}

.pro-2-ul li {
	float: left;
	margin: 40px 10px 0 20px;
}

.pro-2-ul li:nth-child(1) {
	margin-left: 40px;
}

.pro-3-t {
	font-size: 42px;
	font: 400 42px/1.2 "SimSun", Tahoma, arial, sans-serif;
}

.pro-3-t2 {
	width: 706px;
	margin-top: 10px;
	color: #636363;
	font: 400 16px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
	line-height: 28px;
}

.pro-3-t3 {
	width: 706px;
	color: #636363;
	font: 400 12px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
	line-height: 24px;
}

.pro-3-2 {
	width: 100%;
	height: 500px;
	margin-top: 30px;
}

.pro-3-2-0 {
	width: 606px;
	height: 306px;
	overflow: hidden;
}

.pro-3-2-1 {
	width: 606px;
	float: left;
}

.pro-3-2 ul {
	margin-top: 12px;
}

.pro-3-2 li {
	float: left;
}

.pro-3-2 li:nth-child(2) {
	margin: 0 12px;
}

.pro-3-2-2 {
	width: 420px;
	overflow: hidden;
	float: left;
	margin-left: 70px;
	margin-top: 20px;
}

.pro-4 {
	background-color: #f1f1f3;
	text-align: left;
}

.pro-4 ul {
	margin-top: 45px;
}

.pro-4 li {
	width: 356px;
	height: 400px;
	float: left;
	background-color: #fff;
	padding-top: 20px;
	margin-top: 20px;
}

.pro-4 li:nth-child(2) {
	margin: 20px 15px 0 15px;
}

.pro-4 li:nth-child(3n+2) {
	margin: 20px 15px 0 15px;
}

.pro-l-img {
	width: 310px;
	height: 310px;
	overflow: hidden;
	margin: 0 auto;
}

.pro-l-1 {
	margin-top: 15px;
	width: 210px;
	float: left;
	color: #6c6c6c;
	font: 400 16px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
	margin-left: 20px;
}

.pro-l-2 {
	margin-top: 15px;
	width: 90px;
	float: left;
	color: #ff0000;
	font: 400 16px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
}


/*��Ʒ����*/

.pro-detail-1 {
	border-top: 2px solid #e8e8e8;
	padding-top: 28px;
}

.pro-detail-1-1 {
	width: 550px;
	float: left;
}

.p-d-big-img {
	width: 550px;
	height: 550px;
	overflow: hidden;
}

.p-d-big-img img {
	max-width: 550px;
}

.p-d-small-img {
	width: 100px;
	height: 100px;
	overflow: hidden;
}

.p-d-small-img img {
	max-width: 100px;
}

.pro-detail-1-1 li {
	float: left;
	margin: 12px 0px;
	cursor: pointer;
}

.pro-detail-1-1 li:nth-child(2n) {
	margin: 12px 12px;
}

.pro-detail-1-2 {
	width: 520px;
	margin-left: 20px;
	float: left;
	padding-top: 30px;
	overflow: hidden;
}

.pro-detail-1-2-1 {
	color: #4f4f4f;
	font: 400 18px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
}

.pro-detail-1-2-2 {
	margin-top: 10px;
	color: #4f4f4f;
	font: 400 24px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
}

.pro-detail-1-2-3 {
	margin-top: 28px;
	color: #737373;
	font: 400 16px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
}

.pro-detail-1-2-4 {
	width: 512px;
	height: 210px;
	background-color: #e4e4e4;
	color: #737373;
	font: 400 14px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
	line-height: 26px;
	text-align: justify;
	text-indent: 28px;
	padding: 20px;
	margin-top: 30px;
}

.pro-detail-1-2-line {
	margin: 30px 0px;
	border-top: 1px solid #b6b6b6;
}

.pro-detail-2 {
	width: 100%;
	height: 40px;
	background-color: #dadada;
	color: #4f4f4f;
	font: 400 16px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
	padding-left: 30px;
	overflow: hidden;
	padding-top: 10px;
	margin-top: 10px;
}

.pro-detail-2 span {
	margin-left: 2px;
}

.pro-detail-2 span:nth-child(1) {
	margin-left: 15px;
}

.pro-detail-3 {
	width: 100%;
	padding: 10px;
	color: #4f4f4f;
	font: 400 14px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
	line-height: 28px;
}

.pro-detail-3 img {
	max-width: 100%;
}