@charset "utf-8";

/* CSS Document */

*{

	margin:0;

	padding: 0;

	font-family: Microsoft Yahei, "微软雅黑", Arial, "Times New Roman";

}

body{

	text-align: justify;

}

table{

	margin:auto;

}

a{

	text-decoration:none;

	font-size: 14px;

	color:#000000;

}

input,

select,

textarea{

	outline:none;

	border-radius: 0;

	-webkit-appearance:none;

}
.newstext img{
	margin: 10px 0;
	max-width: 100%;
}
.case .newstext img{
	width:900px !important;
	height: auto !important;
}
.newstext #products img{
	margin: 0;
}
.hidden{

	overflow: hidden;

}

.clear{

	clear:both;

}

.clearfix{

	*zoom: 1;

}

.clearfix:before{

	content: "";

	display: table;

}

.clearfix:after{

	content: "";

	display: table;

	clear: both;

}

.pic{

	overflow: hidden;

}

.pic img{

	max-width: 100%;

	display: block;

	width: 100%;

	overflow: hidden;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

	-moz-transform: 	scale(1);

	-webkit-transform: 	scale(1);

	-ms-transform: 		scale(1);

	-o-transform: 		scale(1);

	transform: 			scale(1);

	max-height:100%;

}

.left{

	float:left;

}

.right{

	float:right;

}
.hidden{
	overflow: hidden;
}



.hotline{
	font-size: 16px;
	width: 13%;
	line-height: 26px;
	color: #fff;
	margin: 55px 0 0 4%;
	text-align: right;
}

.hotline span{
	color: #d92823;
}
.hotline span:last-child{
	margin: 0 0 0 2px;
}

.navtext{
	font-size: 14px;
	width: 100%;
	text-align: right;
	position: absolute;
	line-height: 30px;
	color: #fff;
	right: 5%;
	top: 5px;
}




.header{

	width:90%;

	padding: 0 5%;
	position: relative;

	background: #142851;

}

.header .logo{

	width: 13%;

}
.header .logo img{

	width: 100%;
	margin: 40px 0 0 0;

}

.header nav{

	width: 60%;

}

.header nav ul{

	margin: 40px 0 0 0;

}

.header nav ul li{

	display: block;

	float: left;

	text-align: center;
	position: relative;


	width: 12.5%;

	height: 75px;

	line-height: 75px;

}

.header nav ul li a{

	display: block;

	color: #fff;

	font-size: 18px;
	overflow: hidden;
	height: 75px;

}

.header nav ul li a span{

	display: block;
	width: 100%;
	text-transform: uppercase;
	position: relative;
	height: 75px;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;


}

.header nav ul li a span:last-child{

	font-weight: bold; 

	position: relative;

	top: 75px;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}


.header nav ul li.this a span:first-child,
.header nav ul li:hover a span:first-child{
	margin-top: -75px;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;
}
.header nav ul li.this a span:last-child,
.header nav ul li:hover a span:last-child{
	top: 0;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;
}
.header nav ul li ul{
	position: absolute;
	width: 150%;
	top: 75px;
	left: -25%;
	margin: 0;
	display: none;
	background: #142851;
	z-index: 99999;
}
.header nav ul li ul li{
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
.header nav ul li ul li a{
	font-size: 16px;
}
.header nav ul li ul li:hover a{
	color: #d92823;
}


.banner{

	width: 100%;

	height: 872px;


}



.stitle{

	text-align: center;

}

.stitle p{

	font-size: 18px;

	color: #666;

	margin: 10px 0 0 0;

}



.about{

	

}

.about .left{

	width: 50%;

	padding: 100px 0;

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

}

.about .left img{

	float: right;

}

.about .right{

	width: 30%;

	padding: 100px 15% 0 5%;

	color: #484848;

}

.about .right .stitle{

	margin: 0 0 50px 0;

	text-align: left;

}

.about .right p{

	margin: 0 0 35px 0;

	color: #484848;

	line-height: 24px;

	font-size: 14px;

	font-weight: lighter;

}



.about .right a.more{

	display: block;

	margin: 65px 0 0 0;

	width: 125px; 

	height: 40px; 

	line-height: 40px; 

	background: #142851; 
	border: 1px solid #142851; 

	border-radius: 20px; 

	color: #fff;

	text-align: center; 

	font-size: 14px; 

	text-transform: uppercase;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}
.about .right a.more:hover{
	background: none;
	color: #142851;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;
}






.honor{ 

	width:1630px; 


	margin: 100px auto 0 auto;

}

.honor .left{ 

	background: #142851; 


	width: 542px;
	height: 272px;

}
.honor .left img{
	margin: 92px 0 0 156px;
}

.honor .right{ 

	width: 1088px;

}

.honor .right ul{

	

}

.honor .right ul li{ 

	display: block;

}





.procate{ 

	width: 100%; 

	margin: 100px 0 0 0;

}

.procate .cate{ 

	margin: 60px 0 0 0; 

	position: relative;

}

.procate .cate>img{ 

	position: absolute; 

	left: 50%; 

	top: 50%; 

	margin-left: -280px; 

	margin-top: -238px; 

	z-index: 99;

}

.procate .cate ul{

	

}

.procate .cate ul li{ 

	display: block; 

	width: 50%; 

	float: left; 

	position: relative;

}
.procate .cate ul li:hover img{
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;

	-moz-transform: 	scale(1.2);
	-webkit-transform: 	scale(1.2);
	-ms-transform: 		scale(1.2);
	-o-transform: 		scale(1.2);
	transform: 			scale(1.2);
}
.procate .cate ul li img{ 

	max-width: 100%; 

	display: block;

}

.procate .cate ul li .k{

	position: absolute; 

	z-index: 9; 

	width: 90%; 

	left: 4.5%; 

	top: 15%; 

	height: 80%; 

	border: 5px solid #d92823;

	opacity: 0; 

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.procate .cate ul li:hover .k{ 

	top: 9%; 

	opacity: 1; 

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.procate .cate ul li .text{ 

	position: absolute; 

	z-index: 9; 

	bottom: 15%; 

	font-size: 24px; 

	font-weight: bold; 

	color: #fff;

}

.procate .cate ul li .text span{ 

	display: block; 

	text-transform: uppercase;

}

.procate .cate ul li:nth-child(1) .text,

.procate .cate ul li:nth-child(3) .text{ 

	left: 8%; 

	text-align: left;

}

.procate .cate ul li:nth-child(2) .text,

.procate .cate ul li:nth-child(4) .text{ 

	right: 8%; 

	text-align: right;

}









.business{ 

	width: 100%; 

	margin: 100px 0 0 0;

}

.business ul{ 

	margin: 60px 0 0 0;

}

.business ul li{ 

	position: relative; 

	display: block;

}

.business ul li img{ 

	display: block; 

	max-width: 100%;

}



.business ul li h1{ 

	font-size: 24px;

	font-weight: bold; 

	color: #142851;

}

.business ul li h1 span{ 

	font-size: 18px;

}

.business ul li p{ 

	font-size: 16px; 

	line-height: 30px; 

	color: #474747;

}



.business ul li:nth-child(1) .left{ 

	width: 50%;

}

.business ul li:nth-child(1) .right{ 

	position: absolute;

	width: 23%;

	height: 60%;

	right: 0;

	padding: 10% 10% 0 17%;

	background: url("../images/num_01.png") center left 130px no-repeat;

}


.business ul li:nth-child(2) .left{ 

	width: 50%;
	float: right;

}

.business ul li:nth-child(2) .right{ 

	position: absolute;

	width: 23%;

	height: 60%;

	left: 0;

	padding: 10% 10% 0 17%;

	background: url("../images/num_02.png") center left 130px no-repeat;

}



.business ul li:nth-child(3) .left{ 

	width: 50%;

}

.business ul li:nth-child(3) .right{ 

	position: absolute;

	width: 28%;

	height: 59%;

	right: 0;

	padding: 10% 5% 0 17%;

	background: url("../images/num_03.png") center left 130px no-repeat;

}







.adv{ 

	width:90%; 

	margin: 100px 0 0 0; 

	background: #c12411; 

	height: 300px; 

	padding: 1% 5% 0 5%;

}

.adv ul{

	

}

.adv ul li{ 

	display: block; 

	float: left; 

	width: 16%; 

	padding: 1% 1% 0 1%; 

	margin: 0 1%; 

	height: 280px; 

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.adv ul li .tb{ 

	display: block; 

	width: 100%; 

	height: 70px;

}

.adv ul li h1{ 

	color: #fff; 

	font-size: 20px;

	pointer-events: 24px; 

	text-align: center; 

	margin: 15px 0 30px 0;

}

.adv ul li p{ 

	color: #f18a7e; 

	font-size: 14px; 

	line-height: 24px;

}

.adv ul li:hover{ 

	margin:2% 1% 0 1%; 

	background: #142851;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.adv ul li .tb,

.adv ul li:hover .tb{ 

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.adv ul li:nth-child(1) .tb{ 

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

}

.adv ul li:nth-child(2) .tb{

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

}

.adv ul li:nth-child(3) .tb{ 

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

}

.adv ul li:nth-child(4) .tb{ 

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

}

.adv ul li:nth-child(5) .tb{ 

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

}

.adv ul li:nth-child(1):hover .tb{ 

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

}

.adv ul li:nth-child(2):hover .tb{ 

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

}

.adv ul li:nth-child(3):hover .tb{ 

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

}

.adv ul li:nth-child(4):hover .tb{ 

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

}

.adv ul li:nth-child(5):hover .tb{ 

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

}

.adv ul li:hover p{ 

	color: #b3c1dd; 

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}











.news{ 

	width:90%; 

	margin: 100px 0; 

	padding: 0 5%;

}

.news ul{

	margin: 45px 0 0 0;

}

.news ul li{

	width: 31.333%; 

	display: block;

	margin: 0 3% 0 0;

	float: left; 

	position: relative;

}

.news ul li .date{ 

	position: absolute; 

	top: 66px; 

	left: 15px;

	width: 120px;

	height: 65px;

	line-height: 65px;

	font-size: 36px;

	font-weight: lighter; 

	text-align: center;

	background: #d92823; 

	opacity: 0;

	color: #fff; 

	z-index: 999;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.news ul li:hover .date{

	opacity: 1;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.news ul li .text{

	padding:4% 5.5%;

	background: #f3f6fb;

}

.news ul li .text span{

	font-size: 18px;

	color: #142851;

	display: block;

	font-weight: bold;

	height: 50px;

}

.news ul li .text p{

	font-size: 14px;

	color: #5f5f5f;

	line-height: 24px;

	font-weight: lighter;

	margin: 0 0 0 0;

}

.news ul li:nth-child(3),

.news ul li:nth-child(6),

.news ul li:nth-child(9),

.news ul li:nth-child(12),

.news ul li:last-child{

	margin: 0 0 3% 0;

}

.news ul li:hover{

	background: #d92823;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.news ul li:hover .pic img{

	-moz-transform: 	scale(0.92);

	-webkit-transform: 	scale(0.92);

	-o-transform: 		scale(0.92);

	transform: 			scale(0.92);

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.news ul li:hover .text{

	background: #d92823;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.news ul li:hover .text *{ 

	color: #fff !important;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}



.fmenu{

	line-height: 75px;

	text-align: center;

	background: #142851;

	border-bottom: 1px solid #6882b8;

}

.fmenu ul{

	

}

.fmenu ul li{

	display: inline-block;

	width: 100px;

	margin: 0 15px;

	position: relative;

}

.fmenu ul li a{

	display: block; 

	font-size: 18px;

	color: #fff;

}

.fmenu ul li:after{ 

	content: "";

	display: block;

	position: absolute;

	width: 100px;

	height: 3px;

	background: #fff;

	bottom: -1px;

	opacity: 0;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.fmenu ul li:hover:after{

	opacity: 1;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}







.fcontact{

	width:90%;

	padding: 100px 5%; 

	background: #142851;

	color: #fff; 

	line-height: 36px;

}

.fcontact h1{ 

	font-size: 24px; 

	font-weight: normal;

}

.fcontact p{ 

	font-size: 16px;

	font-weight: lighter;

}

.fcontact .left{ 

	width: 54%;

}

.fcontact .middle{

	width: 36%; 

	float: left;

}

.fcontact .right{

	width: 10%; 

	text-align: center; 

	letter-spacing: 1px; 

	font-weight: bold;

}





.cr{ 

	line-height: 30px;

	height: 30px;

	text-align: center; 

	background: #d92823;

	font-size: 12px;

	color: #ecbaba;

}

.cr a{

	font-size: 12px;

	color: #ecbaba;

}



/*---------------------------------------内页--------------------------------------------------*/





.nbanner{

	width: 100%;

	height: 557px;


}



.nprocate{

	width:90%;

	padding: 40px 5%;

	background: #eeeeee;

}

.nprocate ul{

	

}

.nprocate ul li{

	display: block;

	float: left;

	text-align: center;

	width: 25%;

	position: relative;

}

.nprocate ul li .tb{

	width: 80px;

	height: 80px;

	margin: 0 auto;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.nprocate ul li:nth-child(1) .tb{

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

}

.nprocate ul li:nth-child(2) .tb{

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

}

.nprocate ul li:nth-child(3) .tb{

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

}

.nprocate ul li:nth-child(4) .tb{

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

}

.nprocate ul li:nth-child(1).this .tb,
.nprocate ul li:nth-child(1):hover .tb{

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

}

.nprocate ul li:nth-child(2).this .tb,
.nprocate ul li:nth-child(2):hover .tb{

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

}

.nprocate ul li:nth-child(3).this .tb,
.nprocate ul li:nth-child(3):hover .tb{

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

}

.nprocate ul li:nth-child(4).this .tb,
.nprocate ul li:nth-child(4):hover .tb{

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

}

.nprocate ul li:hover .tb{

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}



.nprocate ul li span{

	font-size: 14px;

	line-height: 18px;

	color: #666;

	text-transform: uppercase;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.nprocate ul li p{

	font-size: 18px;

	line-height: 24px;

	color: #666;

	font-weight: bold;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.nprocate ul li.this *,
.nprocate ul li:hover *{

	color:#142851;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}



.nprocate ul li:after{

	content: "";

	display: block;

	width: 1px;

	height: 80px;

	background: #666666;

	position: absolute;

	right: 0;

	top: 33px;

}

.nprocate ul li:last-child:after{

	display: none;

}



.pro{

	width:90%;

	padding: 40px 5%;

}

.pro ul{}

.pro ul li{

	display: block;

	background: #000;

	width: 31%;

	border: 2px solid #fff;

	float: left;

	margin: 0 3% 2% 0;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.pro ul li:nth-child(3),

.pro ul li:nth-child(6),

.pro ul li:nth-child(9),

.pro ul li:nth-child(12){

	margin: 0 0 2% 0;

}

.pro ul li img{

	opacity: 0.95;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.pro ul li p{

	line-height: 65px;

	background: #142851;

	color: #fff;

	padding: 0 0 0 20px;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.pro ul li:hover{

	border: 2px solid #d92823;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.pro ul li:hover img{

	opacity: 1;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.pro ul li:hover p{

	background: #fff;

	color: #142851;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}







.case{

	width:90%;

	padding: 40px 5%;

}

.case ul{}

.case ul li{

	display: block;

	background: #f3f6fb;

	width: 31%;

	float: left;

	margin: 0 3% 2% 0;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-ms-transition: 	all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.case ul li:nth-child(3),

.case ul li:nth-child(6),

.case ul li:nth-child(9),

.case ul li:nth-child(12){

	margin: 0 0 2% 0;

}

.case ul li .pic{

	background:url("../images/more_case.png") #142851 center no-repeat;

	-moz-transition: 	all 0.5s ease-in; 

	-webkit-transition: all 0.5s ease-in; 

	-o-transition: 		all 0.5s ease-in; 

	transition: 		all 0.5s ease-in;

}

.case ul li img{

	opacity: 1;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}
.case ul li:hover .pic{

	-moz-transform: 	scale(0.97);

	-webkit-transform: 	scale(0.97);

	-o-transform: 		scale(0.97);

	transform: 			scale(0.97);

	-moz-transition: 	all 0.5s ease-in; 

	-webkit-transition: all 0.5s ease-in; 

	-o-transition: 		all 0.5s ease-in; 

	transition: 		all 0.5s ease-in;

}

.case ul li p{

	line-height: 55px;

	background: #f3f6fb;

	color: #282828;

	text-align: center;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.case ul li:hover{

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.case ul li:hover img{

	opacity: .5;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}







.newscate{

	width:90%;

	padding: 0 5%;

	line-height: 60px;

	background: #eeeeee;

}

.newscate li{

	display: block;

	float: left;

	width: 50%;

	text-align: center;

}

.newscate li a{

	display: block;

	font-size: 18px;

}

.newscate li.this a,

.newscate li:hover a{

	background: #142851;

	color: #fff;

}







.nabout{

	width: 100%;

	max-width: 1200px;

	margin: 100px auto;

	font-size: 14px;

	color: #484848;

	line-height: 24px;

}

.nabout .stitle{

	margin: 0 0 50px 0;

}




.history{

	width: 100%;
	height: 556px;
	padding: 100px 0;
	position: relative;
	background: url("../images/history_bg.jpg") center no-repeat;
	background-size: cover;
}
.history:after{
	content:"";
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px solid #969faf;
	position: absolute;
	bottom: 322px;
	z-index: 8;
}
.history ul{

	width: 85%;
	padding: 0 7.5%;

}
.history li{
	float: left;
	width: 23%;
	padding: 0 1%;
	text-align: center;
	margin: 55px 0 0 0;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	position: relative;
	z-index: 9;
}
.history li img{
	display: block;
	margin: 0 auto 20px auto;
}
.history li p{
	font-size: 12px;
	line-height: 16px;
	margin: 10px 0 0 0;
}

.nhonor{ 

	width:90%; 

	padding: 0 5%; 

	margin: 100px 0 0 0;

}

.nhonor .stitle{

	margin: 0 0 50px 0;

}

.culture{ 

	width:100%; 

	padding: 100px 0; 

	margin: 100px 0 0 0;

	background: #f4f4f4;

	position: relative;

}

.culture:after{

	display: block;

	width: 100%;

	height: 1px;

	border-top: 1px dashed #476092;

	position: absolute;

	top: 336px;

	z-index: 1;

}

.culture .stitle{

	margin: 0 0 30px 0;

}

.culture ul{

	padding: 0 5%;

}

.culture li{

	float: left;

	display: block;

	position: relative;

	margin: 73px;

	z-index: 2;

}

.culture li .text{

	position: absolute;

	top: -55px;

	font-size: 14px;

	line-height: 22px;

	color: #484848;

	text-align: center;

	height: 90px;

	width: 100%;
	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.culture li:nth-child(2) .text,

.culture li:nth-child(4) .text{

	top: auto;

	bottom: -102px;

}

.culture .cir{

	width: 166px;

	height: 166px;

	background: #142851;

	border: 15px solid #476092;

	border-radius: 50%;

	color: #fff;

	font-size: 24px;

	line-height: 30px;

	text-align: center;

}

.culture li .cir p{

	margin: 50px 0 0 0;

}

.culture li:nth-child(2) .cir p,

.culture li:nth-child(3) .cir p,

.culture li:nth-child(5) .cir p{

	margin: 66px 0 0 0;

}



.culture li:before{

	content: "";

	display: block;

	position: absolute;

	top: -25px;

	left: -25px;

	width: 246px;

	height: 123px;

	border: 1px dashed #476092;

	border-radius: 123px 123px 0 0;

	border-bottom: none;

}

.culture li:after{

	content: "";

	display: block;

	position: absolute;

	bottom: -25px;

	left: -25px;

	width: 246px;

	height: 123px;

	border: 1px dashed #476092;

	border-radius: 0 0 123px 123px;

	border-top: none;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}
.culture li:hover:after{

	height: 246px;

	border: 1px dashed #476092;

	border-radius: 123px;

	border-top: 1px dashed #476092;
	border-bottom: 1px dashed #476092;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}
.culture li:hover:before{

	height: 246px;

	border: 1px dashed #476092;

	border-radius: 123px;

	border-top: 1px dashed #476092;
	border-bottom: 1px dashed #476092;

	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;

}

.culture li:hover .text{
	top: -85px;
	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;
}
.culture li:nth-child(2):hover .text, .culture li:nth-child(4):hover .text{
	bottom: -130px;
	top: auto;
	-moz-transition: 	all 0.3s ease-in; 

	-webkit-transition: all 0.3s ease-in; 

	-o-transition: 		all 0.3s ease-in; 

	transition: 		all 0.3s ease-in;
}


.culture li:nth-child(1):before,

.culture li:nth-child(3):before,

.culture li:nth-child(5):before{

	display: none;

}

.culture li:nth-child(2):after,

.culture li:nth-child(4):after{

	display: none;

}









.standards{

	width: 90%;

	height: 336px;

	padding: 100px 5% 60px 5%;

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

}



.standards ul{

	margin: 40px 0 0 0;

}

.standards ul li{

	display: block;

	float: left;

	margin: 0 5% 0 0;

	width: 16%;

	color: #fff;

	text-align: justify;

}

.standards ul li:last-child{

	margin: 0 0 0 0;

}

.standards ul li .tb{

	width: 86px;

	height: 86px;

	margin: 0 auto;

}



.standards ul li:nth-child(1) .tb{

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

}

.standards ul li:nth-child(2) .tb{

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

}

.standards ul li:nth-child(3) .tb{

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

}

.standards ul li:nth-child(4) .tb{

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

}

.standards ul li:nth-child(5) .tb{

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

}



.standards ul li span{

	display: block;

	text-align: center;

	font-size: 16px;

	font-weight: bold;

	line-height: 26px;

	margin: 0 0 5px 0;

}

.standards ul li p{

	font-size: 14px;

	line-height: 26px;

}







.materials{

	width: 85%;

	padding: 100px 7.5% 0 7.5%;

}

.materials .context{

	padding: 0 0 55px 0;

	margin: 0 0 55px 0;

	border-bottom: 1px solid #d2d2d2;

}

.materials .context:nth-child(3){

	border-bottom: none;

	padding: 0;

}

.materials .context h1{

	color: #282828;

	font-size: 30px;

	border-left: 18px solid #d92823;

	padding: 0 0 0 12px;

	margin: 0 0 20px 0;

}

.materials .context h1 span{

	text-transform: uppercase;

	font-size: 18px;

}



.materials .context p{

	color: #484848;

	font-size: 14px;

	line-height: 24px;

}





.promaterials{

	width: 85%;

	padding: 70px 7.5%;

	background: #f7f7f7;

}

.promaterials h1{

	color: #282828;

	font-size: 30px;

	border-left: 18px solid #d92823;

	padding: 0 0 0 12px;

	margin: 0 0 60px 0;

}

.promaterials h1 span{

	text-transform: uppercase;

	font-size: 18px;

}



.promaterials ul{}

.promaterials ul li .text{

	height: 120px;

}

.promaterials ul li{

	width: 26%;

	float: left;

	display: block;

	margin: 0 11% 3% 0;

}

.promaterials ul li span{

	font-size: 18px;

	font-weight: bold;

	line-height: 24px;

	color: #282828;

	margin: 0 0 5px 0;

	display: block;

}

.promaterials ul li p{

	font-size: 16px;

	line-height: 24px;

	color: #484848;

}

.promaterials ul li .pic{

	font-size: 16px;

	line-height: 24px;

	color: #484848;

	margin: 15px 0 0 0;

}

.promaterials ul li:nth-child(3),

.promaterials ul li:nth-child(6){

	margin: 0 0 3% 0;

}





.contact{

	width: 85%;

	padding: 100px 7.5%;

	color: #fff;

}

.contact .stitle{

	margin: 0 0 50px 0;

}

.contact .left{

	width: 30%;

	padding: 50px 9%;

	background: #142851;

}

.contact .left h1{

	font-weight: normal;

	font-size: 30px;

	letter-spacing: 1.4px;

	display: inline-table;

}

.contact .left h2{

	font-weight: normal;

	display: inline-table;

	font-size: 14px;

	text-transform: uppercase;

	padding: 0 0 20px 0;

	margin: 0 0 20px 0;

	border-bottom: 1px solid #fff;

}

.contact .left p{

	line-height: 30px;

	font-weight: lighter;

}

.contact .right{

	width: 30%;

	padding: 50px 9%;

	background: #142851;

	margin: 0 0 0 4%;

	line-height: 45px;

}

.contact .right table{

	margin: 0;

	font-size: 18px;

	font-weight: lighter;

}

.map{

	overflow: hidden;

	width: 100%;

	margin: 0 0 100px 0;

}


.picshow {width:85%;position:relative; padding: 0 7.5%;}
.ctrl-panel {position:absolute;z-index:1000; width: 85%; bottom:-30px;text-align:center;}
.m-page { display:inline-block;width:12px;height:12px;border-radius:6px; text-align:center;background:#fff;margin: 0 15px;font-size:12px;line-height:1.4em;color:#000;}
.m-page:hover {text-decoration:none;background:#d92823;}
.focus {background:#d92823;color:#fff;}
.con {width:100%;}
.scroll-wrap {overflow: hidden;width: 1630px;POSITION: relative;height: 520px;}
.scroll_box_content {position: absolute;}
.content_list {float: left;width: 1630px;height: 520px;cursor:pointer;}




.nrec{
	padding: 100px 0;
	margin: 0 auto;
}
.nrec .recul{ 
	margin: 50px 0 0 0;
}
.nrec .recul li{
	line-height: 80px;
	width: 85%;
	margin: 0 7.5%;
	display: block;
	background: #142851;
	float: left;
	position: relative;
	border: 1px solid #142851;
	box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
	-moz-transition: 	all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: 		all 0.3s ease-in;
	transition: 		all 0.3s ease-in;
}
.nrec .recul li a{
	display: block;
}
.nrec .recul li h1{ 
	padding: 0 5%; 
	font-size: 18px; 
	color: #fff;
}
.nrec .recul li h1 span{
	display: inline-block;
	width: 18px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 48px;
	top: 42px;
}
.nrec .recul li h1 font{
	display:none;
	margin: 0 0 0 10px;
	font-size: 14px; 
	color: #282828; 
	font-weight: normal;
}

.nrec .recul li .recintro{ 
	display:none; 
	line-height: normal; 
	padding: 10px 5% 70px 5%;
}

.nrec .recul li .recintro div{ 
	float: left;
	width: 27%; 
	padding: 0 5%;
	color: #282828; 
	font-size: 14px; 
	vertical-align: top; 
	line-height: 24px; 
	border-right: 1px solid #c0bfbf; 
	height: 220px;
}
.nrec .recul li .recintro div:nth-child(1){ 
	padding: 0 5% 0 0;
}
.nrec .recul li .recintro div:nth-child(3){ 
	padding: 0 0 0 39px; 
	border: none;
}
.nrec .recul li .recintro div span.t{
	font-size: 16px; 
	border-left: 5px solid #142851;
	padding: 0 0 0 5px;
	color: #142851;
	display: block;
	line-height: 16px;
	margin: 0 0 35px 0;
}
.nrec .recul li.this{
	background: #fff;
	border: 1px solid #d92823;
}
.nrec .recul li.this h1{ 
	color: #282828; 
}
.nrec .recul li.this h1 font{ 
	color: #282828; 
	display: inline-block;
}






.nrec .recul li:nth-child(1){ z-index: 9; }
.nrec .recul li:nth-child(2){ z-index: 8; }
.nrec .recul li:nth-child(3){ z-index: 7; }
.nrec .recul li:nth-child(4){ z-index: 6; }
.nrec .recul li:nth-child(5){ z-index: 5; }
.nrec .recul li:nth-child(6){ z-index: 4; }



.blk_18 { overflow:hidden; zoom:1; font-size:9pt;width:1088px; height: 272px; position: relative;}
.blk_18 .pcont { width:1088px; float:left; height: 272px; overflow:hidden;}
.blk_18 .ScrCont { width:32766px; zoom:1;}
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }
.blk_18 .LeftBotton  { width:36px; height:272px; background:url(../images/arrow_honor_1_1.png) center no-repeat; z-index:999; position: absolute; top: 0; left: 0;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.blk_18 .RightBotton { width:36px; height:272px; background:url(../images/arrow_honor_2_1.png) center no-repeat; z-index:999; position: absolute; top: 0; right: 0;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.blk_18 .LeftBotton:hover{ background:url(../images/arrow_honor_1_2.png) center no-repeat;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.blk_18 .RightBotton:hover{ background:url(../images/arrow_honor_2_2.png) center no-repeat;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.blk_18 .thumbnail{ width:272px; height: 272px; float:left; text-align:center; position: relative;}
.blk_18 .pl {}
.blk_18 .pl img { display:block; position: absolute; cursor:pointer; border:none; top: 0;}

.blk_18 .pl .text{ position: absolute; width: 272px;bottom: 0; background: #d92823; height: 94px; color: #fff; font-size: 18px; line-height: 24px; padding: 42px 0 0 0;}


#tabbox ul,li{margin: 0;padding: 0;list-style: none;}
#tabbox a{text-decoration: none; font-size: 14px;}
#tabbox{ width:1630px; overflow:hidden; margin:0 auto;}
.tab_conbox{}
.tab_con{ display:none;}
.tabs{height: 50px;width: 100%;}
.tabs li{ width: 25%;height:50px; line-height:50px;float:left;overflow: hidden;position: relative; text-align: center; background: #f4f4f4;}
.tabs li a {display: block;outline: none; font-size: 16px; color: #282828;}
.tabs li a:hover { background: url(../images/tri.png) #142851 center bottom no-repeat; color: #fff;}	
.tabs .thistab a,.tabs .thistab a:hover{ background: url(../images/tri.png) #142851 center bottom no-repeat; color: #fff;}

.tab_con { margin: 15px 0 0 0;}


.g1 li{ display:block !important; margin: 0 15px 0 0;}
.g2 li{ display:block !important; margin: 0 15px 0 0;}
.g3 li{ display:block !important; margin: 0 15px 0 0;}
.g4 li{ display:block !important; margin: 0 15px 0 0;}

.wappro,
.menubut,
.menuclose{ display: none;}

.page{
	text-align: left;;
}

.waphonor,
.waphistory,
.block_home_slider{
	display: none;
}


@media screen and (max-width: 1710px) {
	.hotline{
		width: 17%;
	}
}
@media screen and (max-width: 1620px) {
	.header nav ul li{
	}
	.header nav ul li ul{
	}
}



@media screen and (max-width: 1600px) {
	.honor{ width: 1600px;}
	.honor .left{ width: 512px;}
	.adv ul li h1{ font-size: 18px;}
	.header nav{  }
	.header nav ul li{ margin: 0 0 0 0; }
	.header nav ul li a{ font-size:16px; height: 50px; }
	#tabbox{ width: 1440px;}
	.scroll-wrap{ width: 1440px;}
	.content_list{ width: 1440px;}
	.culture li{ margin: 46px;}
	.culture .stitle{ margin: 0 0 60px 0;}
	.culture:after{ top: 339px;}
	.materials .context img{ max-width: 45%;}
	.promaterials ul li .text{ height: 150px;}
	.news ul li .text span{ font-size: 16px;}
	.nrec .recul li h1 span{ left:40px;}
	.contact .left{ width: 34%; padding: 50px 7%;}
	.map iframe{ position:relative; left: 50%; margin-left: -960px;}
}
@media screen and (max-width: 1440px) {
	.honor{ width: 1440px;}
	.honor .left{ width: 352px;}
	.honor .left img{ margin: 92px 0 0 86px;}
	.header nav{  }
	.adv ul li h1{ font-size: 17px;}
	.header nav ul li{ margin: 0 0 0 0;}
	.history{height:auto;}
	#tabbox{ width: 1220px;}
	.scroll-wrap{ width: 1220px; height: 580px;}
	.content_list{ width: 1220px; height: 580px;}
	.culture li{ margin: 46px 31px;}
	.standards ul li{ margin: 0 2% 0 0; width: 18%;}
	.contact .left{ width: 38%; padding: 50px 5%;}
	
	.bann_ext,
	.slide.banner{
	display: none;
	}
	.block_home_slider{
	display: block;
	}
	.culture li {
	    margin: 46px 31px;
	}
	.culture li:before,
	.culture li:after{
		width: 243px;
	}
}
@media screen and (max-width: 1366px) {
	.header nav {
	}
	.header nav ul li{
	}
	.culture li {
	    margin: 46px 24px;
	}
	.honor{
		width: 1366px;
	}
	.honor .left{
		width: 278px;
	}
	.honor .left img{
		margin: 92px 0 0 40px;
	}
	.header nav ul{
		margin: 28px 0 0 0;
	}
	.culture ul{
		padding: 0 4%;
	}
	.nbanner{
		height: 470px;
	}
	.hotline{
		font-size: 14px;
		margin: 47px 0 0 4%;
		line-height: 24px;
	}
}
@media screen and (max-width: 1200px) {
	.navtext{
		font-size: 12px;
	}
	.hotline{
		font-size: 12px;
		margin: 45px 0 0 4%;
		line-height: 20px;
	}
	.header .logo img{ max-width:100%;}
	.header nav ul{ margin: 24px 0 0 0;}
	.header nav{ }
	.honor{width: 1200px;}
	.honor .left { float: none; margin: 0 auto; width: 1088px; height: 150px;}
	.honor .left img { margin: 32px 0 0 86px;}
	.honor .right{ float: none; margin: 0 auto;}
	.nbanner{ height: 420px;}
	.pro ul li{ width:30%;}
	.standards ul li span{ font-size:12px;}
	.standards ul li p{ font-size:12px;}
	.promaterials ul li p{ font-size:12px;}
	.fcontact .left{ width:50%; margin: 0 4% 0 0;}
	.fcontact .right p{ font-size: 12px;}
	.fcontact .right img{max-width: 100%;}
	.fcontact h1{ font-size:20px;}
	.nrec .recul li h1 span{ left:25px;}
	.nrec .recul li .recintro div{ width:26%;}
	.contact .left{ padding: 54px 5%;}
	.contact .left h1{ font-size: 26px;}
	.contact .left h2{ font-size: 12px;}
}
@media screen and (max-width: 1024px) {

	.business ul li img{ width: 100%; }


	.menubut,
	.menuclose{ display: block;}

	.menubut{ position: absolute; right: 15px; top: 20px; z-index: 999999; }
	.menuclose{ display: none; position: fixed; right: 20px; top: 20px; z-index: 99999999; }
	
	.header{ position: fixed; z-index: 99999; top:0;}
	.header nav{ position: absolute; right: 0; top: 0; height: 1000px; border-left: 1px solid #fff; width: 50%; background: #142851; z-index: 9999;}
	.header nav ul li{ width: 100%; float: none;}
	.navtext{
		display: none;
	}
	.header .logo{ width: 45%;}
	.header .logo img{ margin: 10px 0;}
	.header nav{ display: none;}
	.hotline{
		display: none;
	}
	.header nav ul{
		margin: 35px 0 0 0;
	}
	.header nav ul li{
		line-height: 40px;
		height: auto;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.header nav ul li a{
		line-height: 40px;
		font-size: 14px;
		height: 40px;
	}
	.header nav ul li ul{ display:none !important; }
	.block_home_slider{ margin: 68px 0 0 0;}
	.nbanner{ height: 165px; margin:68px 0 0 0; background-position: left center !important;}
	
	.about .left,
	.blk_18,
	.blk_18 .pcont,
	.blk_18 .ScrCont,
	.honor,
	.honor .left,
	.honor .right{ width: 100%;}
	.about .left{ padding: 50px 0; text-align: center;}
	.about .left img{ max-width: 90%; float: none;}
	.about .right .stitle{ text-align:center; margin: 0 0 20px 0;}
	
	.stitle img{ max-width: 90%;}
	
	.about .right{ width:90%; padding: 8% 5%;}
	.about .right p{ font-weight: normal; }
	.about .right a.more{ margin: 30px 5% 0 5%; width: 90%;}
	
	.honor{ display: none; margin: 50px auto 0 auto;}
	
	.blk_18,
	.blk_18 .pcont{ height:auto;}
	.blk_18 .pl{ height:auto; width: 50%; float: left; display: block;}
	.blk_18 .pl .text{ display: none;}
	.blk_18 .pl img{ position: relative; width: 100%; top: auto;}
	
	.blk_18 .LeftBotton,
	.blk_18 .RightBotton{ display: none;}
	
	#List2_1{ display: none;}
	
	
	
	
	.waphistory{ display:block;}
	.waphonor{ display:block;}
	
	.waphonor .pic{}
	
	.waphonor li{ margin:0;width: 200px;}
	
	
	
	
	.history#dev{ display: none;}
	
	
	
	.waphonor .left{background: #142851; width: 80%; padding: 10%;}
	.waphonor .left img{ max-width:100%;}
	
	
	

.newstext img{ margin:10px 0; max-width: 100%; height: auto !important;}
.newstext #products img{ margin:0;}

.prodetail{ margin: 20px 0 0 0; }
.prodetail img{ margin:10px 0; max-width: 100%; height: auto !important;}


	
	
	
	
	.procate .cate>img{ display: none;}
	
	
	.procate{ margin: 80px 0 0 0;}
	
	.procate .cate ul li{ width:100%;}
	
	.stitle p{ width:90%; margin: 0 5%; font-size: 14px;}
	
	
	.business ul li:nth-child(1) .left{ width: 100%; float: none;}
	.business ul li:nth-child(1) .right{ width: 90%; float: none; padding: 8% 5%; position: relative; right: auto; height: 220px;}
	
	.business ul li:nth-child(2) .left{ width: 100%; float: none;}
	.business ul li:nth-child(2) .right{ width: 90%; float: none; padding: 8% 5%; position: relative; right: auto; height: 220px;}
	
	.business ul li:nth-child(3) .left{ width: 100%; float: none;}
	.business ul li:nth-child(3) .right{ width: 90%; float: none; padding: 8% 5%; position: relative; right: auto; height: 220px;}
	
	.business ul li h1 span{ display: block; }


	.adv{ height:auto;}
	.adv ul li{ width:90%; margin: 0 5%; height: auto; float: none; padding: 20px 0; border-bottom: 1px solid #fff;}
	
	
	.news ul li{ width: 90%; margin: 0 5%;}
	.news ul li:nth-child(3), .news ul li:nth-child(6), .news ul li:nth-child(9), .news ul li:nth-child(12), .news ul li:last-child{ margin: 0 5%;}
	
	
	.fmenu{ display:none;}
	
	
	.fcontact { padding: 50px 5%;}
	.fcontact h1{ font-size: 22px; }
	.fcontact .left{ width:100%; margin: 0 0 5% 0;}
	.fcontact .middle{ width:100%; margin: 0 0 5% 0;}
	.fcontact .right{ width:100%;}
	
	.news ul li .text p{ font-weight: normal; }
	
	.cr{ height:auto; line-height: normal; padding: 10px 0;}
	.cr a{ display: block;}
	
	#tabbox{ width:100%;}
	
	.nabout{ width: 90%; margin: 70px auto;}
	.nabout img{ max-width: 100%; margin: 30px 0 0 0;}
	
	.scroll_box_content,
	.content_list,
	.scroll-wrap{ width: 100% !important;}
	
	
	.history{ height: auto; background-size: cover;}
	.history li{ width: 40%; margin: 5%; padding: 0; font-size: 12px; line-height: 16px; }
	.history li img{ width: 100%;}
	.history li p{ display: none;}

	
	
	
	.waphistory ul{ margin:50px 0 0 0;}
	
	.waphistory li{margin:6px;}
	
	
	.waphistory li a{ color:#fff;}
	
	
	
	
	
	
	
	
	
	
	
	
	.scroll-wrap{ overflow: inherit;}
	.scroll-wrap,
	.content_list{ height: auto;}

	.ctrl-panel,
	.history:before,
	.history:after{ display:none;}
	
	.content_list{ float:none;}
	
	
	.content_list:nth-child(3) li:nth-child(3){ height: 300px;}
	.content_list:nth-child(3) li:nth-child(4){ height: 300px;}
	
	.content_list:nth-child(4) li:nth-child(3){ height: 320px;}
	.content_list:nth-child(4) li:nth-child(4){ height: 320px;}
	
	.content_list:nth-child(5) li:nth-child(1){ height: 300px;}
	.content_list:nth-child(5) li:nth-child(2){ height: 300px;}
	
	
	.scroll_box_content{ position:relative; margin: 50px 0 0 0;}
	
	.culture:after{
		display: none;
	}

	.culture li:after,
	.culture li:before{content: "";display: block;position: absolute;bottom: -25px;left: 41px;width: 246px;height: 246px;border: 1px dashed #476092;border-radius: 123px;}
	.culture li{
		margin: 30px auto 140px auto;
		float: none;
		width: 332px;
	}
	.culture li .text{ 
		bottom: -130px !important;
		top: auto !important;
	}
	.culture .cir{
		margin: 0 auto;
	}
	
	
	
	.blk_18 .thumbnail{
		width:50%;
		height: auto;
	}
	
	
	
	.blk_18 .pl{ width:100%;}
	
	.honor .blk_18 .thumbnail{ display:none;}
	
	.honor .blk_18 .thumbnail:nth-child(1),
	.honor .blk_18 .thumbnail:nth-child(2),
	.honor .blk_18 .thumbnail:nth-child(3),
	.honor .blk_18 .thumbnail:nth-child(4),
	.honor .blk_18 .thumbnail:nth-child(5),
	.honor .blk_18 .thumbnail:nth-child(6),
	.honor .blk_18 .thumbnail:nth-child(7),
	.honor .blk_18 .thumbnail:nth-child(8),
	.honor .blk_18 .thumbnail:nth-child(9),
	.honor .blk_18 .thumbnail:nth-child(10),
	.honor .blk_18 .thumbnail:nth-child(11),
	.honor .blk_18 .thumbnail:nth-child(12),
	.honor .blk_18 .thumbnail:nth-child(13),
	.honor .blk_18 .thumbnail:nth-child(14),
	.honor .blk_18 .thumbnail:nth-child(15),
	.honor .blk_18 .thumbnail:nth-child(16),
	.honor .blk_18 .thumbnail:nth-child(17),
	.honor .blk_18 .thumbnail:nth-child(18),
	.honor .blk_18 .thumbnail:nth-child(19),
	.honor .blk_18 .thumbnail:nth-child(20){
		display: block;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	

	.nprocate ul li{
		width: 50%;
	}


	.nprocate ul li:nth-child(2):after{
		display: none;
	}

	.pro ul li{
		width: 100%;
	}



	.page{
		text-align: center;;
	}

	.standards{
		height: auto;
		background-size: cover;
		padding: 60px 5%;
	}
	.standards ul li{
		width: 100%;
		float: none;
		margin: 0 0 5% 0;
	}

	.materials{
		padding: 70px 7.5% 0 7.5%;
	}
	.materials .stitle{
		margin: 0 0 30px 0;
	}
	.materials .context img{
		float: none !important;
		max-width: 100%;
		margin: 0 0 20px 0;
	}
	.materials .context h1{
		font-size: 20px;
	}
	.materials .context h1 span{
		display: block;
		font-size: 12px;
	}
	.materials .context{
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
	}

	.promaterials{
		padding: 50px 7.5%
	}
	.promaterials h1{
		font-size: 20px;
		margin: 0 0 30px 0;
	}
	.promaterials h1 span{
		display: block;
		font-size: 12px;
	}

	.promaterials ul li{
		width: 100%;
	}
	.promaterials ul li .text{
		height: auto;
	}
	.promaterials ul li p{
		font-size: 14px;
	}
	.newscate{
		width: 100%;
		padding: 0;
	}
	.news{
		padding: 0;
		width: 100%;
		margin: 50px 0;
	}
	.news ul li{
		margin: 0 5% 5% 5%;
		width: 90%;
	}
	.newstext{
		border: none;
		width: 90%;
		padding: 5%;
	}
	.propagechange, .newspagechange{
		width: 90%;
	}
	.case ul li{
		width: 100%;
	}
	.nrec .recul li h1{
		line-height: 24px;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: normal;
	}
	.nrec .recul li h1 font{
		margin: 0;
	}
	.nrec .recul li h1 span{
		display: none;
	}
	.nrec .recul li .recintro{
		padding: 10px 5%;
	}
	.nrec .recul li .recintro div{
		width: 100%;
		padding: 0 0 20px 0 !important;
		margin: 0 0 20px 0 !important;
		border-bottom: 1px solid #c0bfbf;
		border-right: none;
		height: auto;
	}
	.nrec .recul li .recintro div span.t{
		margin: 0 0 15px 0;
	}

	.contact{
		width: 90%;
		padding: 50px 5%;
	}
	.contact .left{
		width: 90%;
		padding: 5%;
		margin: 0 0 20px 0;
	}
	.contact .right{
		width: 90%;
		padding: 5%;
	}


	.contact .left h1{
		font-size: 22px;
		letter-spacing: 0px;
	}

	.contact .left h2{
		font-size: 12px;
		text-align: left;
	}
	.contact .left p *{
		text-align: left;
		font-size: 14px !important;
	}
	.map iframe{
		position: relative;
		left: 50%;
		margin-left: -960px;
	}


	.block_home_slider .flex-control-paging{
		height: 20px;
	}
	.block_home_slider .flex-control-paging li{
		margin: 7px 5px;
	}
	.block_home_slider .flex-control-paging li a{
		height: 5px;
	}
	.block_home_slider .flex-control-paging li a.flex-active{
		width: 30px;
	}
	.honor .left{
		padding: 50px 0;
		height: auto;
	}
	.honor .left img{
		display: block;
		margin: 0 auto;
	}

	.nprocate ul li span{
		font-size: 12px;
	}
	.nprocate ul li p{
		font-size: 14px;
	}
	.nprocate ul li .tb{
		width: 40px;
		height: 40px;
		background-size: contain !important;
	}
	.nprocate ul li:after{
		top: 7px;
	}
	.nprocate ul li:nth-child(1),
	.nprocate ul li:nth-child(2){
		border-bottom: 1px solid #666666;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}
	.pro .protable{
		display:none;
	}
	.wappro{
		display: block;
	}
	.pro .newstext img{
		width: 100%;
		max-width: 100%;
		height: auto !important;
	}

	.header nav ul li a span:last-child{
		display:none;
	}
	.header nav ul li a span{
		height: 50px;
		margin-top: 0 !important;
	}









}
@media screen and (max-width: 768px) {





}
@media screen and (max-width: 414px) {



}
@media screen and (max-width: 640px) {
	.stitle img{
		max-height: 22px;
	}
	.about .right p{
		margin: 0 0 20px 0;
	}
	.waphonor .left img{
		height: 50px;
	}
	.business ul li h1,
	.procate .cate ul li .text,
	.procate .cate ul li .text span{
		font-size: 20px;
	}
	.stitle p{
		margin: 10px 5% 0 5%;
	}
	.adv,
	.procate,
	.business{
		margin: 50px 0 0 0;
	}
	.procate .cate{
		margin: 30px 0 0 0;
	}
	.business ul li h1{
		margin: 0 0 10px 0;
	}
	.business ul li p{
		font-size: 14px;
		line-height: 24px;
	}
	.business ul li .right{
		height: auto !important;
		background-position: right -20px bottom -20px !important;
		background-size: 200px !important;
	}
	.news ul li .text span{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		height: auto;
		font-size: 14px;
		font-weight: normal;
		margin: 0 0 5px 0;
	}
	.news ul li .text p{
		font-size: 12px;
		line-height: 20px;
	}
	.fcontact h1{
		font-size: 14px;
		line-height: 20px;
	}
	.fcontact p{
		font-size: 12px;
		line-height: 20px;
		font-weight: normal;
	}
	.fcontact .right img{
		width: 110px;
	}
	.nabout{
		margin: 50px auto;
	}
	.nabout img{
		margin: 0;
	}
	.newscate{
		line-height: 40px;
	}
	.newscate li a{
		font-size: 14px;
	}
	.contact .left{
		font-size: 14px;
	}
	.contact .left h1{
		display: block;
		font-size: 20px;
		text-align: center;
	}
	.contact .left h2{
		display: block;
		font-size: 0.5rem;
		text-align: center;
	}
	.contact .left p{
		line-height: 20px !important;
		font-size: 14px;
		font-weight: normal;
	}
	.contact .left p *{
		line-height: 20px !important;
		font-size: 0.7rem !important;
	}
	.contact .right table{
		width: 100%;
		font-weight: normal;
	}
}

@media screen and (max-width: 410px) {
	.block_home_slider{ margin: 89px 0 0 0;}
	.nbanner{ height: 165px; margin:92px 0 0 0; background-position: left center !important;}

}
@media screen and (max-width: 406px) {
	.history:before{
		top:300px;
	}
	
}
@media screen and (max-width: 375px) {
	.block_home_slider{ margin:84px 0 0 0;}
	.nbanner{ height: 165px; margin:86px 0 0 0; background-position: left center !important;}
	.history:before{
		top:358px;
	}
	.history:after{
		bottom: 244px;
	}
	.nabout{
		margin: 50px auto;
	}
	.contact .left h1{
		font-size: 20px;
	}
	.fcontact h1{
		font-size: 20px;
	}
	.business ul li .right{
		background-position: right center !important;
	}
}
@media screen and (max-width: 370px) {
	.block_home_slider{ margin:83px 0 0 0;}
}
@media screen and (max-width: 360px) {
	.block_home_slider{ margin:82px 0 0 0;}
	.nbanner{ height: 165px; margin:84px 0 0 0; background-position: left center !important;}
}
@media screen and (max-width: 320px) {
	.block_home_slider{ margin:64px 0 0 0;}
	.nbanner{ height: 165px; margin:64px 0 0 0; background-position: left center !important;}
	.header .logo img{
		width: 70%;
	}
	.menubut{
		top: 24px;
	}
	.culture li{
		width: 288px;
	}
	.culture li:after, .culture li:before{
		left: 19px;
	}
	.fcontact h1{
		font-size: 14px;
		text-align: left;
	}
	.fcontact p{
		font-size: 12px;
		text-align: left;
	}
	.fcontact .right p{
		text-align: center;
	}
}