@charset "utf-8";

/* CSS Document */

*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Pingfang SC, Helvetica, Arial, "Times New Roman";}

body{ text-align: justify;  max-width: 1920px; margin: 0 auto; letter-spacing: 0;}

a{ text-decoration:none; font-size: 16px; color:#000;}

input,select,textarea{ outline:none;  border-radius: 0; -webkit-appearance:none;}

img{ border: none;}



.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%; height: 100%; object-fit: cover; overflow: hidden; transition: all 0.5s;transform: scale(1); max-height:100%;}

.swiper-slide img{ width: 100%; display: block;}



input::-webkit-input-placeholder{		color: #333; font-size: 14px;}

input::-moz-input-placeholder{			color: #333; font-size: 14px;}

input::-ms-input-placeholder{			color: #333; font-size: 14px;}

input::-o-input-placeholder{			color: #333; font-size: 14px;}

textarea::-webkit-input-placeholder{	color: #333; font-size: 14px;}

textarea::-moz-input-placeholder{		color: #333; font-size: 14px;}

textarea::-ms-input-placeholder{		color: #333; font-size: 14px;}

textarea::-o-input-placeholder{			color: #333; font-size: 14px;}



.left{ float:left;}

.right{ float:right;}



.p10{ padding: 10px 0; }

.p20{ padding: 20px 0; }

.p30{ padding: 30px 0; }

.p40{ padding: 40px 0; }

.p50{ padding: 50px 0; }

.p60{ padding: 60px 0; }

.p70{ padding: 70px 0; }

.p80{ padding: 80px 0; }

.p90{ padding: 90px 0; }

.p100{ padding: 100px 0; }

.mt10{ margin-top: 10px !important; }

.mt20{ margin-top: 20px !important; }

.mt30{ margin-top: 30px !important; }

.mt40{ margin-top: 40px !important; }

.mt50{ margin-top: 50px !important; }

.mt60{ margin-top: 60px !important; }

.mt70{ margin-top: 70px !important; }

.mt80{ margin-top: 80px !important; }

.mt90{ margin-top: 90px !important; }

.mt100{ margin-top: 100px !important; }

.w1200{ width: 1200px; margin: 0 auto;}

.mx1200{ max-width: 1200px; width: 94%; margin: 0 auto;}



::-webkit-scrollbar {

	width : 5px;

	height: 1px;

}

::-webkit-scrollbar-thumb {

	border-radius: 10px;

	height: 15px;

	background: #a0a0a0;

}

::-webkit-scrollbar-track {

	background: #f6f8fb;

}



.swiper-slide{

	display: block;

}

.swiper-container,

.swiper-wrapper,

.swiper-slide{

	height: auto !important;

}



.swiper-pagination-switch {

	display: inline-block;

	width: 10px;

	height: 10px;

	border-radius: 10px;

	margin: 0 12px;

	background: #fff;

	cursor: pointer;

	opacity: .5;

}

.swiper-active-switch {

	opacity: 1;

}

.pagination {

	position: absolute;

	z-index: 20;

	left: 0;

	width: 100%;

	bottom: 20px;

	text-align: center;

}







.iconfont{

	display: inline-block;

	vertical-align: middle;

}





.container{

	width: 78%;

	margin: 0 auto;

}





.header{

	padding: 0 11%;

	position: fixed;

	z-index: 9999;

	background: none;

	color: #fff;

	top: 0;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: space-between;

	align-items: center;

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}



.logo{

	width: 56px;

	margin: 20px 15px 20px 0;

}



.logotext{margin: 20px 0;width: 30%;}

.logotext p{font-size: 18px;line-height: 18px;font-weight: bold;color: #fff;margin: 0 0 10px 0;word-break: keep-all;}

.logotext p:last-child{

	margin: 0;

}





.header .iconfont{

	font-size: 18px;

}





.menu{width: 44%;text-align: center;margin: 0 0 0 50px;}

.menu li{

	display: block;

	float: left;

	width: 16.666%;

	line-height: 94px;

	position: relative;

}

.menu li a{

	color: #fff;

	font-size: 17px;

	display: block;

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.menu li.this>a,

.menu li:hover>a{

	font-weight: bold;

}

.menu li ul{

position: absolute;

left: 0;

width: 550px;

background: #fff;

display: none;
}

.menu li ul .leftcate{

width: 210px;

padding: 15px 0 0 0;
}

.menu li ul .leftcate a{

width: 210px;

line-height: 36px;

font-size: 13px;

color: #484848;
}

.menu li ul .leftcate a.this{

	color: #fff;

	background-color: #0b6fb8;

	background-image: -webkit-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -moz-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -ms-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -o-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: linear-gradient( to right, #0886c8, #0d56a7);

}

.menu li ul .righttextarea{

width: 300px;

padding: 20px;

line-height: 19px;

font-size: 12px;

color: #666;

text-align: justify;
}

.menu li ul .righttextarea .righttext .pic{

	margin: 0 0 10px 0;
	height: 178px;

}
.menu li ul .righttextarea .righttext .pic img{
	object-position: top;
}














.search{

	position: relative;

	height: 94px;

	line-height: 94px;

	width: 60px;

	text-align: center;

}

.search .iconfont{

	font-size: 20px;

	cursor: pointer;

}



.searcharea{

	position: absolute;

	right: -80px;

	top: 94px;

	background: #0d55a7;

	padding: 20px 20px 20px 30px;

	width: 412px;

	display: none;

	line-height: 36px;

}

.searcharea .stext{

	width: 300px;

	height: 36px;

	color: #fff;

	border: 1px solid #fff;

	border-right: none;

	background: none;

	padding: 0 10px;

}

.searcharea .icon-31sousuo{

	width: 40px;

	text-align: center;

	line-height: 36px;

	background: none;

	border: 1px solid #fff;

	border-left: none;

	cursor: pointer;

	float: left;

}

.searcharea .icon-guanbi{

	width: 30px;

	margin: 5px 0 0 0;

	text-align: center;

	line-height: 30px;

	border-radius: 50%;

	font-size: 14px;

	background: none;

	cursor: pointer;

	float: right;

	border: 1px solid rgba(255,255,255,.5);

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.searcharea .icon-guanbi:hover{

	-webkit-transform: 	rotate(180deg);

	-moz-transform: 	rotate(180deg);

	-ms-transform: 		rotate(180deg);

	-o-transform: 		rotate(180deg);

	transform: 			rotate(180deg);

}





.searcharea input::-webkit-input-placeholder{		color: #fff; font-size: 14px;}

.searcharea input::-moz-input-placeholder{			color: #fff; font-size: 14px;}

.searcharea input::-ms-input-placeholder{			color: #fff; font-size: 14px;}

.searcharea input::-o-input-placeholder{			color: #fff; font-size: 14px;}







.tel_top{

	width: 60px;

	text-align: center;

	position: relative;

	height: 94px;

	line-height: 94px;

}

.tel_top .iconfont{

	font-size: 22px;

	cursor: pointer;

	color: #fff;

}





.tel_top .icon_top_tel{

	font-size: 60px;

}



.toptelarea{

	position: absolute;

	width: 300px;

	padding: 20px 0 25px 0;

	background: #0d55a7;

	left: 50%;

	margin-left: -150px;

	top: 94px;

	text-align: center;

	display: none;

}

.toptelarea .icon_top_tel{

	display: block;

	margin: 0 auto 10px auto;

	width: 60px;

	line-height: 48px;

	text-align: center;

}

.toptelarea p{

	font-size: 14px;

	line-height: 30px;

}

.toptelarea a{

	font-size: 26px;

	color: #fff;

	line-height: 30px;

	display: block;

}

.toptelarea font{

	display: block;

	width: 30px;

	height: 2px;

	background: #fff;

	margin: 10px auto;

}











.lan{

	line-height: 94px;

	width: 100px;

	text-align: center;

}

.lan .iconfont{

	margin-right: 5px;

	font-size: 22px;

}

.lan a{

	font-size: 16px;

	color: #fff;

	font-family: Arial;

}

.lan .iconfont:before{
	opacity: 0;
}
.lan .iconfont{
	background: url("../images/lan.png") center no-repeat;
}








.headerdown{

	background: #fff;

	color: #333;

	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);

}

.headerdown .logotext p{

	color: #333;

}

.headerdown .menu li a,

.headerdown .lan a,

.headerdown .iconfont{

	color: #333;

}

.headerdown .searcharea .icon-31sousuo,

.headerdown .searcharea .icon-guanbi,

.headerdown .toptelarea .icon_top_tel,

.headerdown .toptelarea p{

	color: #fff;

}

.headerdown .lan .iconfont {
    background: url(../images/lan1.png) center no-repeat;
}

.headerdown .search{

	border-left: 1px solid #dfdfdf;

	border-right: 1px solid #dfdfdf;

}

.headerdown .tel_top{

	border-right: 1px solid #dfdfdf;

}







.page{

	text-align: center;

	margin: 0 0 60px 0;

}

































.stitle{

	text-align: center;

}

.stitle h2{

font-size: 30px;

line-height: 30px;
}

.stitle p{

margin: 10px 0 0 0;

font-size: 12px;

line-height: 19px;

color: #545454;
}







.procate li{

	display: block;

	float: left;

	width: 32%;

	margin: 0 2% 0 0;

	position: relative;

}

.procate li:nth-child(3n){

	margin: 0;

}

.procate li p{

width: 70%;

bottom: 30px;

position: absolute;

left: 13%;

text-align: center;

padding: 18px 2%;

line-height: 24px;

color: #000;

border-radius: 5px;

background-color: #fff;

z-index: 1;

-webkit-transition: all 0.5s;

-moz-transition: 	all 0.5s;

-ms-transition: 	all 0.5s;

-o-transition: 		all 0.5s;

transition: 		all 0.5s;
}

.procate li p:after{

	width: 0;

	top: 50%;

	left: 50%;

	border-radius: 50%;

	height: 0;

	content: '';

	display: block;

	position: absolute;

	z-index: -1;

	background-color: #0b6fb8;

	background-image: -webkit-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -moz-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -ms-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -o-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: linear-gradient( to right, #0886c8, #0d56a7);

	-webkit-transition: all 0.3s;

	-moz-transition: 	all 0.3s;

	-ms-transition: 	all 0.3s;

	-o-transition: 		all 0.3s;

	transition: 		all 0.3s;

}

.procate li:hover p:after{

	width: 100%;

	top: 0;

	left: 0;

	height: 100%;

	border-radius: 5px;

}

.procate li:hover p{

	color: #fff;

}

.procate li p span{

	display: block;

	font-size: 12px;

	line-height: 12px;

	margin: 5px 0 0 0;

	text-transform: uppercase;

}





.casebg .stitle,

.casebg .stitle p{

	color: #fff;

}





.casebg{

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

	background-size: cover;

}







.case li{

	width: 23.8%;

	margin: 0 1.6% 0 0;

	float: left;

	display: block;

}

.case li:nth-child(4){

	margin: 0;

}

.case li p{

	padding: 0 10px;

	line-height: 56px;

	font-size: 16px;

	text-align: center;

	background: #fff;

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.case li:hover p{

	background: #0886c8;

	color: #fff;

}





.industrybg{

	background: #f6faff;

}

.industrybg .container{

	position: relative;

}

.industrybg .stitle{

	text-align: left;

	position: absolute;

	left: 0;

	top: 0;

}

.industrybg .stitle p{

line-height: 18px;

font-size: 12px;

margin: 35px 0 0 0;
}

.industrybg .stitle p:after{

	content: '';

	width: 60px;

	height: 3px;

	background: #0886c8;

	margin: 60px 0 0 0;

	display: block;
	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}
.industrybg:hover .stitle p:after{
	margin-left: 20px;
}
.industryul{

	width: 83%;

}

.industryul li{

	width: 20%;

	float: left;

	display: block;

	text-align: center;

	padding: 40px 0;

	background: #fff;

}

.industryul li.op0{

	opacity: 0;

}

.industryul li.bs{

	background-color: #d1e8fd;

	background-image: -webkit-linear-gradient( to right, #cae1ff, #d8f0fb);

	background-image: -moz-linear-gradient( to right, #cae1ff, #d8f0fb);

	background-image: -ms-linear-gradient( to right, #cae1ff, #d8f0fb);

	background-image: -o-linear-gradient( to right, #cae1ff, #d8f0fb);

	background-image: linear-gradient( to right, #cae1ff, #d8f0fb);

}



.industryul li .iconfont{

	font-size: 60px;

	line-height: 80px;

	color: #02489d;

}
.industryul li:hover .iconfont{
	-webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-ms-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate;
}





.industryul li .iconfont.icon-yaowan{

	font-size: 50px;

}

.industryul li .iconfont.icon-fuwu{

	font-size: 50px;

}

.industryul li.blue{

	background: #0d56a7;

	line-height: 114px;

}

.industryul li p{

font-size: 16px;

line-height: 24px;

margin: 10px 10px 0 10px;
}















.about .abouttext{

	width: 43%;

}



.about .abouttext .stitle{

	text-align: left;

}

.about .abouttext .text{

font-size: 14px;

color: #484848;

line-height: 26px;

margin: 20px 0 0 0;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 8;
}

.about .abouttext .more{

	width: 182px;

	line-height: 52px;

	border: 2px solid #0886c8;

	display: block;

	color: #fff;

	background: #0886c8;

	text-align: center;

	border-radius: 5px;

	margin: 20px 0 0 0;

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.about .abouttext .more .iconfont{

	vertical-align: middle;

	margin: -4px 0 0 0;

}

.about .abouttext .more:hover{

	color: #0886c8;

	background: none;

}



.about .pic{

	width: 54%;

}







.newscate{

	line-height: 40px;

}

.newscate li{

text-align: center;

background: #e1eaf4;

border: 2px solid #e1eaf4;

width: 172px;

display: block;

float: left;

border-radius: 22px;

margin: 0 0 0 15px;

-webkit-transition: all 0.5s;

-moz-transition: 	all 0.5s;

-ms-transition: 	all 0.5s;

-o-transition: 		all 0.5s;

transition: 		all 0.5s;
}

.newscate li a{

color: #000;

display: block;

-webkit-transition: all 0.5s;

-moz-transition: 	all 0.5s;

-ms-transition: 	all 0.5s;

-o-transition: 		all 0.5s;

transition: 		all 0.5s;

font-size: 14px;
}



.newscate li:nth-child(1){

	border: 2px solid #0886c8;

	background: #0886c8;

}

.newscate li:nth-child(1) a{

	color: #fff;

}





.newscate li:last-child:hover,

.newscate li:hover{

	background: none;

	color: #0886c8;

	border: 2px solid #0886c8;

}

.newscate li:last-child:hover a,

.newscate li:hover a{

	background: none;

	color: #0886c8;

}



.newsbg{

	background: #f6faff;

}



.picnews{

	width: 66%;

}

.picnews li{

	display: block;

	float: left;

	width: 48%;

	margin: 0 4% 0 0;

	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);

}

.picnews li:nth-child(2){

	margin: 0;

}

.news li .pic{

	height: 252px;

}

.news li .text{

	padding: 25px;
	background: #fff;

}

.news li font{

	display: block;


	color: #0d56a7;

	font-family: Arial;

	font-size: 14px;

}

.news li span{

	display: block;

	font-size: 20px;

	font-weight: bold;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	margin: 20px 0 15px 0;

}

.news li p{

	font-size: 14px;

	color: #484848;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}





.newsul{

	width: 31%;

}

.newsul li{

	display: block;

	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);

}

.newsul li:last-child{

	margin: 33px 0 0 0;

}

.newsul li .text{

	padding: 28px 8%;

}

.newsul li .text p{

	line-height: 24px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	white-space: normal;

}





.footerbg{

	color: #fff;

	padding: 60px 0 40px 0;

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

	background-size: cover;

}



.fcontact{

width: 18%;

padding: 0 2% 0 0;
}

.fcontact .ftel{

	font-size: 24px;

	color: #fff;

	font-family: Arial;

	line-height: 50px;

}

.fcontact .ftel .iconfont{

	font-size: 30px;

	vertical-align: middle;

}

.fcontact .text{

opacity: .6;

color: #fff;

font-size: 12px;

line-height: 22px;
}



.fmenu{

width: 65%;

padding: 0 2% 0 2%;

position: relative;
}

.fmenu ul{

	margin: 0 5% 0 0;

	float: left;

}

.fmenu ul li{

	line-height: 30px;

	display: block;

}

.fmenu ul li a{

color: #a4a4a4;

font-size: 12px;
}

.fmenu ul li.f{

	margin: 0 0 5px 0;

}

.fmenu ul li.f a{

	font-size: 15px;

	color: #fff;

	font-weight: bold;

}

.fmenu:before{

	width: 1px;

	height: 144px;

	background: #fff;

	opacity: .2;

	content: '';

	display: block;

	position: absolute;

	top: 9px;

	left: 0;

}

.fmenu:after{

	width: 1px;

	height: 144px;

	background: #fff;

	opacity: .2;

	content: '';

	display: block;

	position: absolute;

	top: 9px;

	right: 0;

}















.fewm{

	width: 8%;

}

.fewm .pic{

	max-width: 120px;

	margin: 0 auto;

}

.fewm p{

	text-align: center;

	font-size: 16px;

	line-height: 16px;

	margin: 10px 0 0 0;

}











.cr{

font-size: 12px;

color: #adadad;

line-height: 44px;
}

.cr a{

font-size: 12px;

color: #adadad;
}







.listbanner,

.nbanner,

.bannerbg{

	height: 460px;

	background-image: url(../images/banner_about.jpg);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}









.ncate{

	background: #f5f5f5;

}

.ncate li{

	display: block;

	float: left;

	line-height: 66px;

	text-align: center;

}

.ncate li a{

font-size: 15px;

color: #484848;

display: block;

line-height: 64px;

border-bottom: 2px solid #f5f5f5;

-webkit-transition: all 0.5s;

-moz-transition: 	all 0.5s;

-ms-transition: 	all 0.5s;

-o-transition: 		all 0.5s;

transition: 		all 0.5s;
}

.ncate li.this a,

.ncate li:hover a{

	border-bottom: 2px solid #0d56a7;

}





.aboutcate li{

	width: 33.333%;

}

.nabout{

	padding: 60px 0 80px 0;

}

.nabout h1{

font-size: 20px;

line-height: 30px;

text-align: center;
}

.nabout h2{

font-size: 15px;

line-height: 15px;

text-align: center;

color: #383838;

margin: 10px 0 0 0;

font-weight: normal;
}

.nabout .text{

font-size: 14px;

line-height: 26px;

color: #666666;

margin: 30px 0 0 0;
}





.numcounter{

	padding: 0 0 80px 0;

}

.numcounter li{

	display: block;

	float: left;

	text-align: center;

	width: 25%;

	position: relative;

}

.numcounter li:after{

	content: '';

	display: block;

	width: 1px;

	height: 40px;

	background: #d2d2d2;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -20px;

}


.numcounter li:last-child:after{

	display: none;

}

.numcounter li .counter{

	font-size: 48px;

	line-height: 48px;

	vertical-align: top;

	font-family: Arial;

	font-weight: lighter;

}

.numcounter li font{

font-size: 14px;

line-height: 16px;

color: #666666;

vertical-align: top;
}

.numcounter li p{

font-size: 14px;

line-height: 18px;

color: #666666;

margin: 10px 0 0 0;
}









.ncasecate li{

	width: 16.666%;

}









.ncase{

	padding: 50px 0 50px 0;

}

.ncase li{

	margin: 0 1.6% 1.6% 0;

}

.ncase li:nth-child(4n){

	margin: 0 0 1.6% 0;

}

.ncase li:nth-child(4n+1){

	clear: both;

}



.ncase li p{

	background: #eeeeee;

	position: relative;

}

.ncase li p:after{

	width: 0;

	top: 50%;

	left: 50%;

	height: 0;

	content: '';

	display: block;

	position: absolute;

	z-index: -1;

	background-color: #0b6fb8;

	background-image: -webkit-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -moz-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -ms-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -o-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: linear-gradient( to right, #0886c8, #0d56a7);

	-webkit-transition: all 0.3s;

	-moz-transition: 	all 0.3s;

	-ms-transition: 	all 0.3s;

	-o-transition: 		all 0.3s;

	transition: 		all 0.3s;

}

.ncase li:hover p:after{

	width: 100%;

	top: 0;

	left: 0;

	height: 100%;

}

.ncase li:hover p{

	color: #fff;

	background: none;

}

.ncase li p span{

	display: block;

	font-size: 12px;

	line-height: 12px;

	margin: 5px 0 0 0;

	text-transform: uppercase;

}









.nprocate{

	background: #f5f5f5;

}

.nprocate li{

	display: block;

	float: left;

	text-align: center;

	width: 33.333%;

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nprocate li.this,

.nprocate li:hover{

	background: #fff;

}

.nprocate li a{

	display: block;

	padding: 30px 0 40px 0;

	border-bottom: 2px solid #f5f5f5;

}

.nprocate li.this a,

.nprocate li:hover a{

	display: block;

	border-bottom: 2px solid #0d56a7;

}

.nprocate li .icon{

	width: 90px;

	height: 90px;

	margin: 0 auto;

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nprocate li:nth-child(1) .icon{ background: url("../images/icon_procate_1_1.png") center no-repeat;}

.nprocate li:nth-child(2) .icon{ background: url("../images/icon_procate_2_1.png") center no-repeat;}

.nprocate li:nth-child(3) .icon{ background: url("../images/icon_procate_3_1.png") center no-repeat;}





.nprocate li:nth-child(1):hover .icon{ background: url("../images/icon_procate_1_2.png") center no-repeat;}

.nprocate li:nth-child(2):hover .icon{ background: url("../images/icon_procate_2_2.png") center no-repeat;}

.nprocate li:nth-child(3):hover .icon{ background: url("../images/icon_procate_3_2.png") center no-repeat;}





.nprocate li:nth-child(1).this .icon{ background: url("../images/icon_procate_1_2.png") center no-repeat;}

.nprocate li:nth-child(2).this .icon{ background: url("../images/icon_procate_2_2.png") center no-repeat;}

.nprocate li:nth-child(3).this .icon{ background: url("../images/icon_procate_3_2.png") center no-repeat;}





.nprocate li p{

	font-size: 20px;

	color: #282828;

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}



.nprocate li.this p,
.nprocate li:hover p{

	font-weight: bold;

}





.nprocate2{

	padding: 25px 0;

}

.nprocate2 span.zhan{
	display: none;
}
.nprocate2 a{

display: block;

float: left;

/* width: 22%; */

font-size: 12px;

padding: 0 2%;

line-height: 34px;

text-align: center;

background: #efefef;

border-radius: 10px;

margin: 0 1% 10px 0;

letter-spacing: 0;

color: #282828;

-webkit-transition: all 0.5s;

-moz-transition: 	all 0.5s;

-ms-transition: 	all 0.5s;

-o-transition: 		all 0.5s;

transition: 		all 0.5s;
}

.nprocate2 a:hover,

.nprocate2 a.this{

	background: #0d56a7;
	color: #fff;
}







.npro{

	padding: 30px 0 20px 0;

}

.npro li{

	display: block;

	float: left;

	width: 23.6%;

	margin: 0 1.866% 1.866% 0;

}

.npro li:nth-child(4n){

	margin: 0 0 1.866% 0;

}

.npro li .pic{

	border: 1px solid #e5e5e5;

}

.npro li p{

	border: 1px solid #e5e5e5;

	border-top: none;

	font-size: 18px;

	text-align: center;

	line-height: 54px;

	position: relative;

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.npro li p:after{

	width: 0;

	top: 50%;

	left: 50%;

	height: 0;

	content: '';

	display: block;

	position: absolute;

	z-index: -1;

	background-color: #0b6fb8;

	background-image: -webkit-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -moz-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -ms-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: -o-linear-gradient( to right, #0886c8, #0d56a7);

	background-image: linear-gradient( to right, #0886c8, #0d56a7);

	-webkit-transition: all 0.3s;

	-moz-transition: 	all 0.3s;

	-ms-transition: 	all 0.3s;

	-o-transition: 		all 0.3s;

	transition: 		all 0.3s;

}

.npro li:hover p:after{

	width: 100%;

	top: 0;

	left: 0;

	height: 100%;

}

.npro li:hover p{

	color: #fff;

	background: none;

}





.nnewscate li{

	width: 33.333%;

}







.nnews{

	padding: 50px 0 20px 0;

}

.nnews li{

	display: block;

	margin: 0 0 35px 0;

}

.nnews li a{

	display: block;

	padding: 46px;

	border: 1px solid #e5e5e5;

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nnews li:hover a{

	border: 1px solid #0d56a7;

}

.nnews li .pic{

	display: none;

}

.nnews li .listtext{

	float: none;

}

.nnews li .date{

	width: 10%;

	text-align: center;

	font-family: Arial;

	color: #484848;

}

.nnews li .date span{

	display: block;

	font-size: 36px;

	line-height: 36px;

}

.nnews li .date i{

	display: none;

}

.nnews li .date font{

	display: block;

	font-size: 14px;

	line-height: 14px;

	margin: 5px 0 0 0;

}

.nnews li .text{

	width: 90%;

}

.nnews li .text span{

font-size: 18px;

line-height: 22px;

display: block;

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;
}

.nnews li:hover .text span{

	color: #0d56a7;

	font-weight: bold;

}

.nnews li .text p{

font-size: 14px;

line-height: 14px;

color: #666666;

margin: 15px 0 0 0;

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;
}


.nnews li .more{
	display: none;
}



.nnews li:nth-child(1) .pic{

	display: block;

	width: 36%;

	max-height: 244px;

}

.nnews li:nth-child(1) .listtext{

	float: right;

	width: 60%;

}

.nnews li:nth-child(1) .date{

	width: auto;

	display: table;

	text-align: left;

	float: none;

	margin: 22px 0 0 0;

}

.nnews li:nth-child(1) .date span{

	float: right;

	color: #0d56a7;

	font-size: 16px;

	line-height: 16px;

	margin: 0;

}

.nnews li:nth-child(1) .date font{

	float: right;

	color: #0d56a7;

	font-size: 16px;

	line-height: 16px;

	margin: 0;

}

.nnews li:nth-child(1) .date i{

	display: block;

	float: right;

	font-style: normal;

	color: #0d56a7;

	font-size: 16px;

	line-height: 16px;

	margin: 0;

}

.nnews li:nth-child(1) .text{

	width: 100%;

	float: none;

}

.nnews li:nth-child(1) .text span{

font-size: 24px;

line-height: 24px;

color: #0d56a7;

margin: 15px 0 0 0;
}

.nnews li:nth-child(1) .text p{

font-size: 14px;

line-height: 22px;

color: #7c7c7c;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

white-space: normal;
}

.nnews li:nth-child(1) .more{

	width: 128px;
	display: block;

	line-height: 40px;

	text-align: center;

	color: #fff;

	background: #0d56a7;

	margin: 20px 0 0 0;

}









.ncontacttext{

	width: 45%;

}

.ncontacttext table{

border-left: 1px solid #e5e5e5;

border-top: 1px solid #e5e5e5;

font-size: 12px;
}

.ncontacttext table td{

	height: 60px;

	padding: 0 25px;

	border-right: 1px solid #e5e5e5;

	border-bottom: 1px solid #e5e5e5;

	background: #fff;

}

.ncontacttext img{

	display: inline-block;

	vertical-align: middle;

	margin: -3px 10px 0 0;

}













.nmessage{

	width: 45%;

}

.nmessage li{

	display: block;

	margin: 0 0 7px 0;

	border: 1px solid #dcdcdc;

	position: relative;

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nmessage li input{

	width: 94%;

	padding: 0 3%;

	height: 44px;

	border: none;

	display: block;

	-webkit-transition: all 0.5s;

	-moz-transition: 	all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nmessage li textarea{

	width: 94%;

	padding: 15px 3%;

	height: 110px;

	display: block;

	border: none;

}

.nmessage li.subbutton{

	border: 2px solid #00579c;

}

.nmessage li.subbutton input{

	width: 100%;

	padding: 0;

	height: 46px;

	background: #00579c;

	color: #fff;

	font-size: 16px;

	cursor: pointer;

}

.nmessage li:hover{

	border: 1px solid #00579c;

}

.nmessage li.subbutton:hover{

	border: 2px solid #00579c;

}

.nmessage li.subbutton:hover input{

	background: none;

	color: #00579c;

}

.nmessage li img{

	position: absolute;

	right: 0;

	top: 0;

	background: #b5b5b5;

	width: 82px;

	height: 35px;

	padding: 4.5px 0;

}







.ncontactbg{

	position: relative;

	z-index: 1;

}

.ncontactbg:before{

	position: absolute;

	width: 50%;

	top: 0;

	height: 100%;

	content: '';

	display: block;

	z-index: -1;

	background: #f7f7f7;

	left: 0;

}

.ncontactbg:after{

	position: absolute;

	width: 50%;

	top: 0;

	height: 100%;

	content: '';

	display: block;

	z-index: -1;

	background: #eee;

	right: 0

}



.map h2,

.ncontactbg h2{

	font-size: 24px;

	text-align: center;

	line-height: 24px;

	margin: 0 0 20px 0;

}



.map{

	overflow: hidden;

}

.map iframe{

	position: relative;

	left: 50%;

	margin-left: -960px;

}





.about:hover .pic img{

	-webkit-transform: 	scale(1.05);

	-moz-transform: 	scale(1.05);

	-ms-transform: 		scale(1.05);

	-o-transform: 		scale(1.05);

	transform: 			scale(1.05);

}
.nqyzz li:hover .pic img,

.npro li:hover .pic img,

.picnews li:hover .pic img,

.procate li:hover .pic img,

.case li:hover .pic img{

	-webkit-transform: 	scale(1.1);

	-moz-transform: 	scale(1.1);

	-ms-transform: 		scale(1.1);

	-o-transform: 		scale(1.1);

	transform: 			scale(1.1);

}





.nqyzz{}

.nqyzz li{

	display: block;

	float: left;

	width: 25%;

}

.nqyzz li .pic img{

	object-fit: fill;

}

.nqyzz li p{

	padding: 50px 0;

	text-align: center;

	font-size: 24px;

	color: #0d56a7;

	line-height: 24px;

	background: #f6f6f6;

	font-weight: bold;

}

.nqyzz li p span{

	font-family: Arial;


	color: #000;

	font-size: 12px;

	display: block;

	text-transform: uppercase;

	margin: 7px 0 0 0;

	line-height: 12px;

	transform: scale(0.8);

	transform-origin: center;

	font-weight: normal;

}



.nqyzz li:nth-child(2n) p{

	background: #eeeeee;

}





.nhonor li{

	width: 24%;

	float: left;

	margin: 0 1.333% 1.333% 0;

	display: block;

}

.nhonor li:nth-child(4n){

	margin: 0 0 1.333% 0;

}

.nhonor li .pic{
	background: #f5f5f5;
}
.nhonor li p{

	line-height: 46px;

	text-align: center;

}











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

	.container{

		width: 85%;

	}

	.header{

		padding: 0 7.5%;

	}

}

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

	.stitle h2{

		font-size: 30px;

	}

	.stitle p{

		font-size: 12px;

		margin: 5px 0 0 0;

	}

}

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

	.p90{

		padding: 50px 0;

	}

	.p80{

		padding: 50px 0;

	}

	.container{

		width: 90%;

	}

	.header{

		padding: 0 5%;

	}

	.logotext p{

		font-size: 20px;

		line-height: 20px;

	}

	.menu li a{

		font-size: 16px;

	}

	.stitle h2{

		font-size: 30px;

	}

	.industrybg .stitle p{

		line-height: 32px;

		font-size: 20px;

		margin: 15px 0 0 0;

	}

	.industrybg .stitle p:after{

		margin: 40px 0 0 0;

	}

	.procate li p{

		font-size: 20px;

	}

	.industryul li p{

		font-size: 20px;

		margin: 5px 0 0 0;

	}

	.news li span{

		font-size: 18px;

		line-height: 18px;

		margin: 15px 0 10px 0;

	}

	.news li .pic{

		height: 200px;

	}

	.newsul li .text{

		padding: 20px 8%;

	}

}

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

	.about .abouttext .text{

		font-size: 14px;

		line-height: 26px;

	}

	.about .abouttext .more{

		width: 150px;

		line-height: 40px;

		font-size: 14px;

	}

	.about .abouttext .more .iconfont{

		font-size: 14px;

	}

	.ncontacttext table img{

		width: 30px;

	}

	.ncontacttext table img.newm{

		width: auto;

	}

	.ncontacttext table td{

		height: 56px;

		font-size: 14px;

	}

}

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

	.logo{

		margin: 15px 15px 15px 0;

	}

	.logotext{

		margin: 15px 0;

	}

	.menu li{

		line-height: 76px;

	}

	.logotext p{

		font-size: 18px;

		line-height: 18px;

	}

	.search,

	.tel_top,

	.lan{

		height: 76px;

		line-height: 76px;

	}

	.lan{

		width: 140px;

	}

	.menu{

		margin: 0 0 0 20px;

	}

}

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

	.case li p{

		line-height: 46px;

	}

}

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

	.about .abouttext{

		width: 47%;

	}

	.about .pic{

		width: 50%;

		height: 320px;

	}

	.about .pic img{

		object-position: left;

	}

	.procate li p{

		font-size: 18px;

	}

}

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

	.logotext{

	}

	.logotext p{

		font-size: 17px;

		margin: 0 0 5px 0;

	}

	.menu li a{

		font-size: 14px;

	}

	.industrybg .stitle p{

		font-size: 18px;

	}

	.nnews li:nth-child(1) .pic{

		height: 240px;

	}

}

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

	.ncontacttext table td{

		padding: 0 5px;

	}
	.logotext p{
		font-size: 16px;
	}

}

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

	.logotext{

		width: 65%;

	}

	.menu li ul{

		display: none !important;

	}

	.menu{

		width: 40%;

		position: fixed;

		height: 100%;

		left: 0;

		background: #fff;

		z-index: 999;

		display: none;

		margin: 0;

		border-top: 1px solid #e5e5e5;

	}

	.menu li{

		line-height: 40px;

		float: none;

		width: 100%;

		border-bottom: 1px solid #e5e5e5;

	}

	.menu li a{

		color: #333;

	}

	.lan{

		margin: 0 50px 0 0;

	}

	.headerdown .lan{

		border-right: 1px solid #dfdfdf;

	}

	.menubut{

		width: 20px;

		height: 3px;

		background: #fff;

		position: absolute;

		right: 5%;

		top: 50%;

		margin-top: -1.5px;

	}

	.menubut:before{

		content: '';

		display: block;

		position: absolute;

		right: 0;

		top: -7px;

		width: 120%;

		height: 3px;

		background: #fff;

	}

	.menubut:after{

		content: '';

		display: block;

		position: absolute;

		right: 0;

		bottom: -7px;

		width: 120%;

		height: 3px;

		background: #fff;

	}

	.menubutdown,

	.menubutdown:before,

	.menubutdown:after{

		background: #0886c8;

	}

	.nnews li:nth-child(1) .pic{

		width: 40%;

	}

	.nnews li:nth-child(1) .listtext{

		width: 56%;

	}
	
	.procate li p{
		font-size: 14px;
	}
	.case li p{
		font-size: 14px;
	}
	.industrybg .stitle h2{
		font-size: 24px;
	}
	.industrybg .stitle p{
		font-size: 12px;
		line-height: 18px;
		width: 40%;
	}
	.industrybg .stitle p br{
		display: none;
	}
	.industryul li{
		padding: 20px 0;
	}
	.industryul li p{
		font-size: 12px;
	}
	.about .abouttext .text{
		font-size: 12px;
	}
	.news li span{
		font-size: 14px;
	}
	.news li p{
		font-size: 12px;
	}
	.fcontact{
		width: 28%;
	}
	.fmenu ul{
		width: 33.333%;
		margin: 10px 0 5px 0;
		text-align: center;
	}
	.fmenu ul li{
		display: none;
	}
	.fmenu ul li.f{
		display: block;
	}
	.fmenu{
		width: 50%;
	}
	.fewm p{
		font-size: 12px;
	}
}

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

	.ncontactbg .container{

		width: 100%;

	}

	.ncontacttext{

		width: 90%;

		padding: 5%;

		background: #f7f7f7;

	}

	.ncontacttext table{

		width: 100%;

	}

	.nmessage{

		width: 90%;

		padding: 5%;

		background: #eee;

	}

	.ncontactbg:before,

	.ncontactbg:after{

		display: none;

	}

	

	.fmenu{

		display: none;

	}

	.fewm{

		width: 20%;

	}

	

	.fcontact{

		width: 50%;

	}

	

	

	

}

.banner_wap{

	display: none;

}

@media screen and (max-width: 768px) {
	.nqyzz li p{
		padding: 30px 0;
		font-size: 20px;
	}
	.procate li p{
		width: 90%;
		left: 3%;
		padding: 10px 2%;
		bottom: 20px;
	}
	.industrybg .stitle{
		position: relative;
		left: auto;
		top: auto;
		float: none;
		text-align: center;
	}
	.industrybg .stitle p{
		width: 70%;
		margin: 15px auto 0 auto;
		line-height: 18px;
	}
	.industrybg .stitle p:after{
		margin: 20px auto 0 auto;
	}
	.industryul{
		margin: 30px auto 0 auto;
		width: 100%;
	}
	.industryul li{
		width: 33.3333%;
	}
	.industryul li.blue,
	.industryul li.op0{
		display: none;
	}
	.industryul li:nth-child(8){
		background: #fff;
	}
	.industryul li:nth-child(7),
	.industryul li:nth-child(9){
		background-color: #d1e8fd;
		background-image: -webkit-linear-gradient( to right, #cae1ff, #d8f0fb);
		background-image: -moz-linear-gradient( to right, #cae1ff, #d8f0fb);
		background-image: -ms-linear-gradient( to right, #cae1ff, #d8f0fb);
		background-image: -o-linear-gradient( to right, #cae1ff, #d8f0fb);
		background-image: linear-gradient( to right, #cae1ff, #d8f0fb);
	}
	.about .pic img{
		object-position: center;
	}
	.picnews{
		width: 100%;
	}
	.newsul{
		width: 100%;
	}
}
.nhonor li p,
.procate li p,
.case li p{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
@media screen and (max-width: 640px) {

}

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

	.pagination{

		bottom: 10px;

	}

	.swiper-pagination-switch{

		width: 8px;

		height: 8px;

	}

	.banner_pc{

		display: none;

	}

	.banner_wap{

		display: block;

	}

	.p70{

		padding: 30px 0;

	}

	.mt60{

		margin-top: 30px !important;

	}

	.mt30{

		margin-top: 20px !important;

	}

	.lan,

	.tel_top,

	.search{

		display: none;

	}

	.header{

		display: block;

	}

	.logo{

		width: 40px;

	}

	.logotext p{

		font-size: 15px;

		line-height: 17.5px;

	}

	.stitle h2{

		font-size: 20px;

		line-height: 20px;

	}

	.stitle p{

		padding: 0 10%;

		font-size: 12px;

	}

	.procate li p{

		font-size: 12px;

		padding: 5px 2.5%;


		line-height: 20px;

		width: 95%;

		left: auto;

		position: relative;

		bottom: auto;

		text-overflow: ellipsis;

		white-space: nowrap;

	}

	.procate li p span{

		display: none;

	}

	.case li{

		width: 49%;

		margin: 0 2% 2% 0;

	}

	.case li:nth-child(2n){

		margin: 0 0 2% 0;

	}

	.case li p{

		font-size: 14px;

		line-height: 36px;

	}

	.industrybg .stitle{

		position: relative;

		left: auto;

		top: auto;

		text-align: center;

	}

	.industrybg .stitle p{

		font-size: 12px;

		line-height: 18px;

	}

	.industrybg .stitle p:after{

		margin: 10px auto 0 auto;

		width: 30px;

	}

	.industryul li.blue,

	.industryul li.op0{

		display: none;

	}

	.industryul{

		width: 100%;

		margin: 20px 0 0 0;

	}

	.industryul li{

		padding: 20px 0;

		width: 33.333%;

		margin: 0 0 2px 0;

	}

	.industryul li p{

		font-size: 12px;

	}

	.industryul li .iconfont.icon-yaowan,

	.industryul li .iconfont.icon-fuwu,

	.industryul li .iconfont{

		font-size: 30px;

		line-height: 30px;

	}

	.industryul li:nth-child(8){

		background: #fff;

	}

	.industryul li:nth-child(7),

	.industryul li:nth-child(9){

		background-color: #d1e8fd;

		background-image: -webkit-linear-gradient( to right, #cae1ff, #d8f0fb);

		background-image: -moz-linear-gradient( to right, #cae1ff, #d8f0fb);

		background-image: -ms-linear-gradient( to right, #cae1ff, #d8f0fb);

		background-image: -o-linear-gradient( to right, #cae1ff, #d8f0fb);

		background-image: linear-gradient( to right, #cae1ff, #d8f0fb);

	}

	

	

	.about .abouttext{

		width: 100%;

		float: none;

	}

	.about .pic{

		width: 100%;

		float: none;

		height: auto;

		margin: 20px 0 0 0;

	}

	

	.stitle h2{

		text-align: center;

	}

	.about .abouttext .more{

		margin: 20px auto 0 auto;

	}



	.newscate{


		display: none;


	}

	

	.picnews{


		width: 100%;

	}

	

	.news li .pic{

		height: auto;

	}

	

	.news li .text{

		padding: 10px;

	}

	.news li font{

		font-size: 12px;

	}

	.news li span{

		font-size: 14px;

		line-height: 14px;

		margin: 10px 0 5px 0;

	}

	.news li p{

		font-size: 12px;

	}

	.newsul{

		width: 100%;

	}

	.newsul li:last-child{

		margin: 20px 0 0 0;

	}

	.newsul li .text p{

		line-height: 20px;

	}

	

	.fcontact{

		width: 100%;

		float: none;

		text-align: center;

	}

	.fcontact .text{

		line-height: 24px;

	}

	.fmenu{

		display: none;

	}

	.fewm{

		width: 90px;

		float: none;

		margin: 20px auto 0 auto;

	}

	.fewm p{

		font-size: 12px;

	}

	.cr{

		line-height: 20px;

		font-size: 12px;

		text-align: center;

		padding: 10px 0 0 0;

		word-break: keep-all;

	}

	.cr a{

		font-size: 12px;

	}

	.footerbg{

		padding: 30px 0;

	}

	



	.listbanner,

	.nbanner,

	.bannerbg{

		height: 300px;

		width: 100%;

	}

	

	.ncate li a{

		font-size: 14px;

	}

	.ncate li{

		line-height: 46px;

	}

	.ncate li a{

		line-height: 44px;

	}

	.nabout{

		padding: 30px 0;

	}

	.nabout h1{

		font-size: 20px;

		line-height: 20px;

	}

	.nabout h2{

		font-size: 18px;

		line-height: 18px;

		margin: 8px 0 0 0;

	}

	.nabout .text{

		font-size: 14px;

		line-height: 26px;

	}

	.numcounter{

		padding: 0 0 30px 0;

	}

	.numcounter li{

		width: 50%;

		padding: 20px 0;

	}

	.numcounter li:nth-child(2):after{

		display: none;

	}

	.numcounter li .counter{

		font-size: 40px;

	}

	.numcounter li p{

		font-size: 14px;

		margin: 0;

	}

	.nmessage,

	.ncontacttext{

		padding: 30px 5%;

	}

	

	.ncasecate{

		padding: 10px 0;

	}

	.ncasecate li{

		width: 33.333%;

		line-height: 36px;

	}

	.ncasecate li a{

		line-height: 34px;

	}

	.ncase{

		padding: 30px 0;

	}

	

	.nprocate li .icon{

		width: 40px;

		height: 40px;

		background-size: cover !important;

	}

	.nprocate li a{

		padding: 15px 0 10px 0;

	}

	.nprocate li p{

		font-size: 14px;

	}

	.nprocate2{

		text-align: left;

		padding: 30px 0 0 0;

	}

	.nprocate2 a{

		width: auto;
		font-size: 12px;

		margin: 0 2% 2% 0;

		word-break: keep-all;

	}
	.nprocate2 a:nth-child(3n){
/*		margin: 0 0 2% 0;*/
	}

	.nprocate2 span{
		display: block;
		clear: both;
	}
	.nprocate2 span:nth-child(2){
		display: none;
	}
	.nprocate2 span.zhan{
		display: block;
		width: 28px;
		height: 21px;
		margin: 0 auto 0 auto;
		border-radius: 50%;
		text-align: center;
		padding: 7px 0px 2px 2px;
		background: #0d56a7;
		font-weight: bold;
		color: #fff;
		transform: rotate(0deg);
	}
	.nprocate2 span.zhan.down{
		transform: rotate(180deg);
	}
	.ncontacttext table img{
		display: none;
	}
	.ncontacttext table img.newm{
		display: block;
	}
	.npro li{

		width: 49%;

		margin: 0 2% 2% 0;

	}

	.npro li:nth-child(2n){

		margin: 0 0 2% 0;

	}

	.npro li p{

		line-height: 40px;

		font-size: 14px;

	}

	

	.nnews{

		padding: 30px 0;

	}

	.nnews li a{

		padding: 10px;

	}

	.nnews li:nth-child(1) .pic{

		float: none;

		width: 100%;

		height: auto;

	}

	.nnews li:nth-child(1) .listtext{

		float: none;

		width: 100%;

	}

	.nnews li:nth-child(1) .text span{

		font-size: 20px;

		line-height: 20px;

		margin: 10px 0 0 0;

	}

	.nnews li .date{

		font-size: 12px;

	}

	.nnews li:nth-child(1) .text p{

		font-size: 12px;

		line-height: 22px;

	}
	.nnews li:nth-child(1) .more{
		width: 100px;
		line-height: 30px;
		font-size: 14px;
	}
	

	.nnews li .date{

		width: 22%;

	}

	.nnews li .text{

		width: 76%;

	}

	.nnews li .text span{

		font-size: 16px;

		line-height: 26px;


	}

	.nnews li .text p{

		font-size: 12px;

		margin: 5px 0 0 0;


	}

	.nnews li .date span{

		font-size: 30px;

		line-height: 28px;

	}

	.nnews li .date font{

		font-size: 12px;

	}

	.nnews li{

		margin: 0 0 15px 0;

	}

	.page{

		margin: 0 0 30px 0;

	}
	.prodetailslide{
		display: block;
	}
	.prodetailslide .detailslide{
		width: 100%;
		float: none;
	}
	.prodetailslide .detailtext{
		width: 100%;
		padding: 0;
	}
	
	.nqyzz li{
		width: 50%;
	}
	.nhonor li,
	.nhonor li:nth-child(4n){
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.nhonor li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	
	.sharebox{
		padding: 0;
	}
	.newstext .text{
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
	}
	.prodetailslide .detailtext .text2,
	.prodetailslide .detailtext .text3{
		display: none;
	}
	.prodetailslide .detailtext{
		margin: 20px 0 0 0;
	}
	.newstext h2{
		font-size: 22px;
	}
	
	
	.industryul li p{
		line-height: 14px;
		height: 28px;
	}
	.nabout h1{
		font-size: 16px;
		line-height: 20px;
	}
	.nabout h2{
		font-size: 12px;
	}
	
	.nabout .text{
		font-size: 12px;
		line-height: 22px;
	}
	
	.nqyzz li p{
		padding: 15px 0;
		font-size: 18px;
	}
	.nhonor li p{
		font-size: 12px;
		padding: 0 8px;
	}
	.nprocate li p{
		font-size: .6rem;
	}
	.npro li p{
		font-size: 12px;
	}
	.ncate li a{
		font-size: 13px;
	}
	.info{
		width: 290px !important;
		right: -177px !important;
		top: 6rem !important;
		text-align: center !important;
		min-width: auto !important;
		white-space: normal;
	}
	.ncate li a,
	.ncasecate li a{
		font-size: .6rem;
	}
	.case li p{
		font-size: 12px;
	}
	.logotext{
		width: 75%;
	}
	.about .abouttext .text{
		display: block;
		
	}
	.newstext .info{
		text-align: left !important;
	}
	.newstext h2{
		font-size: 18px;
		line-height: 26px;
	}
	.sharebox p{
		font-size: 12px;
	}
	.pagechange .returnlist a,
	.pagechange a{
		font-size: 12px;
	}
	.newstext .text{
		font-size: 12px;
		line-height: 24px;
	}
	.stitle p br{
		display: none;
	}
	.pagechange .pagechangel{
		width: 33.333%;
		text-align: left;
	}
	.pagechange .returnlist{
		width: 33.333%;
	}
	.pagechange .pagechanger{
		width: 33.333%;
		text-align: right;
	}
}

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

}

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

}

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

}

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

}