@charset "utf-8";

/* CSS Document */

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

body{ text-align: justify;}

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

input,select,textarea{ outline: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%; overflow: hidden;transition: all 0.5s;transform: scale(1); max-height:100%;}



.left{ float:left;}

.right{ float:right;}





.top{

	max-width: 100%;

	max-width: 1200px;

	margin: 0 auto;

	padding: 10px 0;

}

.logo img{

	width: 180px;

}

.logo .text{

	margin: 12px 0 0 15px;

	padding: 0 0 0 25px;

	position: relative;

}

.logo .text:before{

	content: '';

	display: block;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -12.5px;

	width: 1px;

	height: 25px;

	background: #a0a0a0;

}

.logo .text h1{

	color: #003cce;

	font-size: 26px;
	letter-spacing: 1.7px;

}

.logo .text p{

	color: #484848;

	font-size: 16px;

}

.top_tel{

	line-height: 90px;

}

.top_tel img{

	vertical-align: middle;

	margin: 23px 0 0 0;

}





.menu{

	height: 50px;

	line-height: 50px;

	background: #1b1b1b;

}

.menu>ul{

	max-width: 1200px;

	margin: 0 auto;

}

.menu>ul>li{

	width: 16.666%;

	float: left;

	display: block;

	text-align: center;

	position: relative;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.menu>ul>li:last-child{

	background: none;

}

.menu>ul>li>a{

	display: block;

	color: #fff;

	font-size: 16px;

}

.menu>ul>li.this,

.menu>ul>li:hover{

	background: #003cce;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.menu>ul>li:after{

	width: 1px;

	height: 22px;

	content: '';

	display: block;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -11px;

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

}





.menu>ul>li:last-child:after{

	background: none;

}

.menu>ul>li ul{

	position: absolute;

	display: none;

	left: 0;

	top: 50px;

	background: #fff;

	z-index: 999;

	width: 100%;

	padding: 10px 0;

	line-height: 50px;

}

.menu>ul>li ul li{

	display: block;

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

}

.menu>ul>li ul li a{

	display: block;

}

.menu>ul>li ul li:hover a{

	color: #003cce;

}





.banner{

	height: 600px;

}



.nbanner{

	height: 420px;

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

}







.search{

	max-width: 1200px;

	margin: 0 auto;

	line-height: 54px;

	font-size: 16px;

	color: #282828;

}



.searchform{

	margin: 10px 0 0 0;

}

.searchform .stext{

	width: 230px;

	padding: 0 15px;

	height: 37px;

	background: #eeeeee;

	border-radius: 5px;

	border: none;

	float: left;

}

.searchform .sbut{

	width: 50px;

	height: 37px;

	background: url("../images/sbut.png") #003cce center no-repeat;

	border-radius: 5px;

	border: none;

	float: left;

	color: #fff;

}





.stitle{

	margin: 0 0 45px 0;

	text-align: center;

}

.stitle h1{

	font-size: 45px;
	line-height: normal;
         color: #ffae24;

}

.stitle h1 span{

	color: #003cce;

}

.stitle p{

	font-size: 17px;

	color: #888888;

	line-height: 30px;

}







.probg{

	padding: 70px 0;

	max-width: 1200px;

	margin: 0 auto;

}



.cate{

	width: 270px;

}

.cate li{

	display: block;

	background: #666666;

	margin: 0 0 7px 0;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.cate li a{

	display: block;

	color: #fff;

	padding: 15px 20px 15px 60px;

}

.cate li a span{

	font-size: 20px;

}

.cate li a p{

	font-size: 14px;

	opacity: .3;

	text-transform: uppercase;

}

.cate li:hover{

	background: #003cce;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.cate li.pmore{

	background: #003cce;

}

.cate li.pmore:hover{

	background: #003cce;

}

.cate li.catetitle{

	background: #003cce;

}

.cate li.catetitle span{

	font-size: 24px;

	font-weight: bold;

}

.cate li.catetitle p{

	font-size: 13px;

	font-weight: bold;

	opacity: 1;

}









.cate .ks{

	margin: 7px 0 0 0;

	background: #f9f9f9;

	padding: 20px;

}

.cate .ks span{

	display: block;

	border-left: 3px solid #003cce;

	font-size: 16px;

	padding: 0 0 0 10px;

	margin: 0 0 20px 0;

}

.cate .ks a{

	display: inline-block;

	padding: 0 15px;

	line-height: 30px;

	border-radius: 15px;

	background: #d2d2d2;

	color: #333;

	margin: 0 10px 10px 0;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.cate .ks a:hover{

	background: #003cce;

	color: #fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

















@keyframes icon-bounce {

  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}

@-webkit-keyframes icon-bounce {

  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}

@-moz-keyframes icon-bounce {

  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}

@-o-keyframes icon-bounce {

  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}







.proul{

	width: 924px;

}

.proul li{

	float: left;

	display: block;

	width: 288px;

	margin: 0 0 15px 20px;

}

.proul li .pic{

	border: 1px solid #d2d2d2;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.proul li:hover .pic{

	border: 1px solid #003cce;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.proul li p{

	line-height: 40px;

	color: #484848;

	font-size: 18px;

	text-align: center;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.proul li:hover p{

	color: #003cce;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.proul li:hover img{

	color: #003cce;

	-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.1);

	-webkit-transform: 	scale(1.1);

	-ms-transform: 		scale(1.1);

	-o-transform: 		scale(1.1);

	transform: 			scale(1.1);

}











.aboutbg{

	padding: 70px 0 50px 0;


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

	background-size: cover;

}

.about{

	max-width: 1200px;

	margin: 0 auto;

}



.abouttext{

	font-size: 16px;

	width: 515px;

	color: #fff;

	line-height: 30px;

	text-indent: 2em;

}

.abouttext .stitle{

	text-align: left;

	color: #fff;

	text-indent: 0;

}

.abouttext .stitle p{

	color: #fff;

}



.more,

.zixun{

	display: block;

	width: 160px;

	line-height: 46px;

	text-align: center;

	color: #fff;

	margin: 55px 25px 0 0;

	float: left;

	background: #ffae24;

	text-indent: 0;

	border: 1px solid #ffae24;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.more:hover,

.zixun:hover{

	background: none;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}



.clogobg{

	max-width: 1200px;

	margin: 103px auto 0 auto;

	position: relative;

}

.clogo{

	position: relative;

	overflow: hidden;

}

.clogo ul{

	position: relative;

	overflow: hidden;

}



.clogo li{

	float: left;

	width: 198px;

	display: block;

	margin: 0 3px 0 0;

}



.clogobg .pre{

	display: block;

	width: 16px;

	height: 28px;

	position: absolute;

	left: -30px;

	top: 50%;

	margin-top: -14px;

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

}

.clogobg .next{

	display: block;

	width: 16px;

	height: 28px;

	position: absolute;

	right: -30px;

	top: 50%;

	margin-top: -14px;

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

}





.adv{

	max-width: 1200px;

	margin: 0 auto;

	padding: 70px 0;

}



.adv_icon{

	

}

.adv_icon li{

	display: block;

	float: left;

	text-align: center;

	font-weight: bold;

	width: 25%;

	position: relative;

}

.adv_icon li .icon{

	height: 152px;

}

.adv_icon li span{

	font-size: 16px;

}

.adv_icon li p{

	font-size: 24px;

}



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

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

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

.adv_icon li:nth-child(4) .icon{ background: url("../images/icon_adv_4.png") center no-repeat;}



.adv_icon li:after{

	display: block;

	width: 1px;

	height: 125px;

	background: #e5e5e5;

	position: absolute;

	content: '';

	right: 0;

	top: 50%;

	margin-top: -62.5px;

}

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

	display: none;

}



.adv_text{

	margin: 40px 0;

}

.adv_text img{

	position: relative;

	z-index: 2;

}

.adv_text .right{

	width: 540px;

	height: 345px;

	border: 3px solid #d2d2d2;

	margin: 30px 0 0 -80px;

	position: relative;

	z-index: 1;

	padding: 30px 35px 40px 75px;

}

.adv_text .right h1{

	font-weight: normal;

	font-size: 24px;

	color: #003cce;

	margin: 0 0 30px 0;

}

.adv_text .right p{

	font-size: 16px;

	line-height: 24px;

	margin: 0 0 25px 0;

	padding: 0 0 0 30px;

	background: url("../images/icon_adv_text.png") left top 3px no-repeat;

}



.adv_text .more,

.adv_text .zixun{

	margin: 15px 25px 0 0;

}

.adv_text .more:hover,

.adv_text .zixun:hover{

	color: #ffae24;

}



.envbg{

	position: relative;

}



.env{

	overflow: hidden;

	width: 1200px;

	margin: 0 auto;

}

.envbg .pre{

	display: block;

	width: 30px;

	height: 30px;

	position: absolute;

	left: -50px;

	top: 50%;

	margin-top: -15px;

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

}

.envbg .next{

	display: block;

	width: 30px;

	height: 30px;

	position: absolute;

	right: -50px;

	top: 50%;

	margin-top: -15px;

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

}

.envbg .pre{

	display: block;

	width: 30px;

	height: 30px;

	position: absolute;

	left: -50px;

	top: 50%;

	margin-top: -15px;

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

}

.envbg .next{

	display: block;

	width: 30px;

	height: 30px;

	position: absolute;

	right: -50px;

	top: 50%;

	margin-top: -15px;

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

}

.env ul{

	position: relative;

}

.env li{

	display: block;

	float: left;

	position: relative;

	margin: 0 15px 0 0;

	width: 290px;

}

.env li .shadow{

	line-height: 200px;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	text-align: center;

	color: #fff;

	font-size: 28px;

	z-index: 1;

	background: rgba(0,0,0,.5);

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.env li:hover .shadow{

	opacity: 0;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.env 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.1);

	-webkit-transform: 	scale(1.1);

	-ms-transform: 		scale(1.1);

	-o-transform: 		scale(1.1);

	transform: 			scale(1.1);

}







.casebg{

	padding: 65px 0;

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

}

.casebg1{

	position: relative;

	max-width: 1200px;

	margin: 0 auto;

}

.caseulbg{

	position: relative;

}

.caseulbg .pre{

	display: block;

	width: 16px;

	height: 28px;

	position: absolute;

	left: -30px;

	top: 50%;

	margin-top: -14px;

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

}

.caseulbg .next{

	display: block;

	width: 16px;

	height: 28px;

	position: absolute;

	right: -30px;

	top: 50%;

	margin-top: -14px;

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

}

.caseul{

	max-width: 1200px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

}

.caseul ul{

	position: relative;

}

.caseul li{

	display: block;

	width: 390px;

	float: left;

	margin: 0 15px 0 0;

}

.caseul li .text{

	background: #fff;

	padding: 20px 25px;

}

.caseul li .text span{

	display: block;

	font-size: 18px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	margin: 0 0 15px 0;

}

.caseul li .text p{

	font-size: 14px;

	color: #666666;

	height: 48px;

	line-height: 24px;

	overflow: hidden;

}

.caseul 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.1);

	-webkit-transform: 	scale(1.1);

	-ms-transform: 		scale(1.1);

	-o-transform: 		scale(1.1);

	transform: 			scale(1.1);

}





.service{

	max-width: 1200px;

	margin: 65px auto;

}

.service .right{

	width: 520px;

	height: 330px;

	padding: 40px;

}

.service .right .stitle{

	text-align: left;

	margin: 0 0 15px 0;

}

.service .right>p{

	line-height: 40px;

	padding: 0 0 0 24px;

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

}

.service .right>li{

	display: block;

	float: left;

	text-align: center;

	width: 20%;

	margin: 20px 0 0 0;

}

.service .right>li strong{

	font-size: 48px;

	color: #003cce;

}

.service .right>li span{

	display: block;

	font-size: 16px;

}

.service .right>li font{

	vertical-align: top;

}

.service .right>li i{

	margin-left: -20px;

	font-style: normal;

}

.service .right>li p{

	color: #888888;

	font-size: 12px;

}



.service .right>li:nth-child(7){

	width: 60%;

}





.processbg{

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

	height: 210px;

}



.process{

	max-width: 1200px;

	padding: 50px 0 0 0;

	margin: 0 auto;

	color: #fff;

}

.process .ptitle{

	position: relative;

}

.process .ptitle span{

	font-size: 24px;

	line-height: 26px;

	width: 24px;

	display: block;

	margin: 0 0 0 15px;

}

.process .ptitle p{

	font-size: 12px;

	opacity: .5;

	transform: rotate(90deg);

	position: absolute;

	left: -60px;

	top: 60px;

	width: 130px;

}





.processul{

	width: 65%;

	margin:	10px 0 0 0;

}

.processul li{

	display: block;

	float: left;

	width: 16.666%;

	text-align: center;

	position: relative;

}

.processul li .icon{

	width: 62px;

	height: 62px;

	border-radius: 50%;

	margin: 0 auto 10px auto;

}

.processul li:nth-child(1) .icon{ background: url("../images/icon_process_1.png") #fff center no-repeat;}

.processul li:nth-child(2) .icon{ background: url("../images/icon_process_2.png") #fff center no-repeat;}

.processul li:nth-child(3) .icon{ background: url("../images/icon_process_3.png") #fff center no-repeat;}

.processul li:nth-child(4) .icon{ background: url("../images/icon_process_4.png") #fff center no-repeat;}

.processul li:nth-child(5) .icon{ background: url("../images/icon_process_5.png") #fff center no-repeat;}

.processul li:nth-child(6) .icon{ background: url("../images/icon_process_6.png") #fff center no-repeat;}



.processul li:after{

	content: '';

	display: block;

	position: absolute;

	right: -3px;

	top: 50%;

	margin-top: -5px;

	width: 6px;

	height: 10px;

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

}



.processul li:nth-child(6):after{

	display: none;

}

.processul li:hover .icon{

	-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;

}







.news{

	padding: 70px 0;

	max-width: 1200px;

	margin: 0 auto;

}

.news .picnews{

	width: 380px;

	padding: 15px;

	background: #eeeeee;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.news .picnews:hover{

	background: #003cce;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.news .picnews:hover *{

	color: #fff !important;

}

.news .picnews h3{

	font-size: 18px;

	font-weight: normal;

	color: #080808;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	margin: 25px 0 0 0;

}

.news .picnews span{

	font-size: 12px;

	color: #bebebe;

	display: block;

	margin: 0 0 12px 0;

}

.news .picnews p{

	font-size: 14px;

	color: #666666;

	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

}

.news .picnews: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.1);

	-webkit-transform: 	scale(1.1);

	-ms-transform: 		scale(1.1);

	-o-transform: 		scale(1.1);

	transform: 			scale(1.1);

}



.newsul{

	width: 780px;

	border-right: 1px solid #dcdcdc;

	border-bottom: 1px solid #dcdcdc;

}

.newsul li{

	display: block;

	float: left;

	width: 50%;

}

.newsul li a{

	display: block;

	padding: 17px 20px;

	border-left: 1px solid #dcdcdc;

	border-top: 1px solid #dcdcdc;

}

.newsul li a .date{

	width: 15%;

	padding: 17px 0;

	background: #d2d2d2;

	font-weight: bold;

	font-size: 16px;

	color: #fff;

	text-align: center;

	line-height: 24px;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul li a .date span{

	display: block;

	font-size: 14px;

}

.newsul li a .text{

	width: 80%;

}

.newsul li a .text span{

	color: #080808;

	display: block;

	font-size: 16px;

	margin: 5px 0;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.newsul li a .text p{

	color: #888888;

	font-size: 14px;

	line-height: 24px;

}

.newsul li:hover .date{

	background: #003cce;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}





.news .more{

	margin: 50px auto 0 auto;

	background: #003cce;

	float: none;

	border: 1px solid #003cce;

}

.news .more:hover{

	background: none;

	color: #003cce;

}







.footerbg{

	padding: 60px 0;

	background: #1b1b1b;

}



.footer{

	max-width: 1200px;

	margin: 0 auto;

}

.fmenu{

	width: 300px;

}

.fmenu ul{

	border-top: 2px solid #606060;

	border-bottom: 2px solid #606060;

	padding: 10px 0;

	margin: 0 0 20px 0;

}

.fmenu ul li{

	display: block;

	width: 50%;

	float: left;

	line-height: 36px;

}

.fmenu ul li a{

	font-size: 14px;

	color: #999999;

}

.fmenu ul li a:hover{

	color: #fff;

}

.fmenu>img{

	vertical-align: middle;

	margin: 0 10px 0 0;

}







.fcontact{

	width: 515px;

	margin: 0 0 0 130px;

	border-top: 2px solid #606060;

	padding: 15px 0 0 0;

	color: #fff;

	line-height: 30px;

	font-size: 14px;

}



.fcontact h2{

	font-size: 22px;

	letter-spacing: 1.7px;

	font-weight: normal;

	line-height: normal;

	text-align: center;

}

.fcontact h3{

	font-size: 12px;

	color: #999999;

	font-weight: normal;

	line-height: normal;

	text-align: center;

	margin: 0 0 15px 0;

}







.ewm{

	max-width: 126px;

	font-size: 14px;

	color: #fff;

	text-align: center;

	line-height: 40px;

	margin: 25px 0 0 0;

}









.cr{

	background: #313131;

	line-height: 40px;

	color: #bfbfbf;

	font-size: 14px;

	text-align: center;

}

.cr a{

	color: #bfbfbf;

	font-size: 14px;

}









.nadv{

	padding: 0;

}



.nclogobg{

	background: #eeeeee;

	padding: 70px 0;

	margin: 70px 0 0 0;

	max-width: 100%;

}

.nclogo{

	margin: 0 auto;

}

.nclogobg1{

	margin: 0 auto;

	max-width: 1200px;

	position: relative;

}

.nclogobg1 .pre{

	display: block;

	width: 16px;

	height: 28px;

	position: absolute;

	left: -30px;

	top: 50%;

	margin-top: -14px;

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

}

.nclogobg1 .next{

	display: block;

	width: 16px;

	height: 28px;

	position: absolute;

	right: -30px;

	top: 50%;

	margin-top: -14px;

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

}



.container{

	width: 890px;

	font-size: 16px;

	line-height: 30px;

}



.ntitle{

	border-bottom: 1px dashed #dcdcdc;

	padding: 0 0 10px 0;

	margin: 0 0 35px 0;

}

.ntitle .left{

	font-size: 30px;

	line-height: 31px;

	padding: 0 0 0 10px;

	border-left: 6px solid #d2d2d2;

}

.ntitle .right{

	font-size: 14px;

	line-height: 31px;

	color: #484848;

}

.ntitle .right a{

	font-size: 14px;

	color: #484848;

}

.ntitle .right img{

	vertical-align: middle;

}





.contacttext{

	width: 400px;

	line-height: 30px;

	color: #282828;

}

.contacttext h1{

	font-size: 24px;

	color: #484848;

	line-height: normal;

}

.contacttext h2{

	font-size: 12px;

	color: #999999;

	line-height: normal;

	font-weight: normal;

	margin: 0 0 10px 0;

}





.message{

	width: 400px;

}



.map{

	margin: 60px 0 0 0;

}







.ncaseul{}

.ncaseul li{

	width: 290px;

	margin: 0 10px 20px 0;

}

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

	margin: 0 0 20px 0;

}

.ncaseul li .text{

	background: #f4f4f4;

}







.relabg{

	padding: 70px 0;

	background: #f6f6f6;

}

.rela{

	max-width: 1200px;

	margin: 0 auto;

}



.relatitle{

	font-size: 24px;

	color: #484848;

}

.relatitle span{

	font-size: 18px;

	color: #484848;

}

.relatitle a{

	display: block;

	float: right;

	width: 105px;

	padding: 0 0 0 25px;

	line-height: 36px;

	text-align: center;

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

	border-radius: 20px;

	border: 1px solid #bfbfbf;

	color: #282828;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.relatitle a:hover{

	background: url("../images/view1.png") #003cce center left 20px no-repeat;

	color: #fff;

	border: 1px solid #003cce;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}





.relapro .proul{

	width: 100%;

	margin: 30px 0 0 0;

}

.relapro .proul li{

	width: 386px;

	margin: 0 20px 0 0;

}

.relapro .proul li:last-child{

	margin: 0;

}







.proul.container ul li{

	margin: 0 13px 20px 0;

}

.proul.container ul li:nth-child(3n){

	margin: 0 0 20px 0;

}





.relanewsul{

	width: 100%;

	margin: 30px 0 0 0;

}

.relanewsul li{

	display: block;

	float: left;

	background: #fff;

	width: 32.333%;

	margin: 0 1.5% 1.5% 0;

}

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

	margin: 0 0 1.5% 0;

}

.relanewsul li a{

	display: block;

	padding: 25px;

}

.relanewsul li .date{

	font-size: 30px;

	color: #151515;

	width: 54px;

	text-align: center;

}

.relanewsul li .date span{

	font-size: 14px;

	display: block;

	border-top: 1px solid #d0d0d0;

	margin: 15px 0 0 0;

	padding: 15px 0 0 0;

}

.relanewsul li .text{

	width: 255px;

	color: #151515;

}

.relanewsul li .text span{

	display: block;

	font-size: 16px;

	line-height: 40px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.relanewsul li .text p{

	font-size: 14px;

	line-height: 24px;

	opacity: .7;

}



.relanewsul li:hover{

	background: #003cce;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.relanewsul li:hover .text,

.relanewsul li:hover .date{

	color: #fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}





.nnewsul{}

.nnewsul li{

	display: block;

	position: relative;

	margin: 0 0 20px 0;

	border: 1px solid #d2d2d2;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nnewsul li a{

	display: block;

	padding: 15px;

}

.nnewsul li .pic{

	width: 37%;

}

.nnewsul li .text{

	width: 58%;

}

.nnewsul li .text h3{

	display: block;

	line-height: 50px;

	font-size: 18px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	font-weight: normal;

}

.nnewsul li .text p{

	font-size: 14px;

	line-height: 24px;

}

.nnewsul li .text .date{

	display: table;

	border-radius: 15px;

	line-height: 28px;

	border: 1px solid #d2d2d2;

	color: #484848;

	font-size: 14px;

	text-align: center;

	padding: 0 20px;

	margin: 15px 0 0 0;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nnewsul li span{

	display: block;

	position: absolute;

	width: 30px;

	line-height: 30px;

	text-align: center;

	background: #434343;

	right: 0;

	bottom: 0;

	color: #fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nnewsul li:hover{

	border-color: #003cce;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nnewsul li:hover .text .date{

	background: #1c3180;

	border: 1px solid #1c3180;

	color: #fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nnewsul li:hover span{

	background: #1c3180;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nnewsul 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.1);

	-webkit-transform: 	scale(1.1);

	-ms-transform: 		scale(1.1);

	-o-transform: 		scale(1.1);

	transform: 			scale(1.1);

}







.block_home_slider{

	display: none;

}

.map{

	overflow: hidden;

}

.map iframe{

	position: relative;

	left: 50%;

	margin-left: -440px;

}



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

}

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

}

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

}

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

}

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

}

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

	.top{

		width: 96%;

	}

	.search{

		width: 96%;

	}

	.probg{

		width: 96%;

	}

	.cate{

		width: 24%;

	}

	.cate img{

		width: 100%;

		max-width: 100%;

	}

	.proul{

		width: 75%;

	}

	.proul li{

		width: 31.333%;

		margin: 0 1%;

	}

	.about{

		width: 96%;

	}

	.abouttext{

		width: 40%;

	}

	.aboutpic{

		width: 55%;

	}

	.aboutpic img{

		max-width: 100%;

	}

	.clogobg{

		width: 83%;

	}

	.adv{

		width: 96%;

	}

	.adv_text img{

		width: 55%;

	}

	.adv_text .right{

		padding: 5% 5% 5% 7%;

		width: 36%;

	}

	.envbg{

		width: 90%;

		margin: 0 auto;

	}

	.env{

		width: 100%;

	}

	.env li{

		width: 248px;

	}

	.casebg1{

		width: 90%;

		margin: 0 auto;

	}

	.caseul li{

		width: 350px;

	}

	.service{

/*		background: #f2f2f2;*/

	}

	.service img.left{

		width: 50%;

	}

	.service .right{

		width: 40%;

		padding: 3% 5%;

		height: auto;

	}

	.processbg{

		background: url("../images/bg_process.jpg") center right no-repeat

	}

	.process{

		width: 90%;

	}

	.news{

		width: 96%;

	}

	.news .picnews{

		width: 26%;

		padding: 2%;

	}

	.newsul{

		width: 68%;

	}

	.footer{

		width: 96%;

	}

	.fmenu{

		width: 40%;

	}

	.fcontact{

		width: 33%;

		margin: 0 0 0 3%;

	}

	.rela{

		width: 96%;

	}

	.container{

		width: 74%;

	}

	.ncaseul li:nth-child(3n),

	.ncaseul li{

		width: 31.333%;

		margin: 0 2% 2% 0;

	}

	.relapro .proul li{

		width: 31.333%;

		margin: 0 3% 0 0;

	}

	.relapro .proul li:last-child{

		margin: 0;

	}

	.container img{

		max-width: 100%;

	}

	.nclogobg{

		width: 100%;

	}

	.nclogobg1{

		width: 83%;

	}

	.nbanner{

		height: 380px;

	}

	

}

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

}

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

	.bann_ext,

	.banner{

		display: none;

	}

	.block_home_slider{

		display: block;

	}

	.cate li a{

		padding: 15px 20px;

	}

	.stitle{

		margin: 0 0 20px 0;

	}

	.stitle h1{

		font-size: 30px;

	}

	.abouttext .stitle p{

		font-size: 14px;

	}

	.abouttext{

		width: 100%;

	}

	.abouttext .stitle{

		text-align: center;

	}

	.aboutpic{

		width: 100%;

	}

	.aboutpic img{

		width: 100%;

	}

	.more,

	.zixun{

		margin: 25px;

	}

	.abouttext .more{

		margin-left: 25%;

	}

	.aboutbg{

		height: auto;

	}

	.clogobg{

		margin: 60px auto 0 auto;

	}

	.clogo li{

		width: 157px;

	}

	.adv_text img{

		width: 90%;

		float: none;

		margin: 0 auto;

		display: block;

	}

	.adv_text .right{

		padding:  5%;

		width: 80%;

		margin: 20px auto 0 auto;

		float: none;

	}

	.adv_text .more{

		margin-left: 20%;

	}

	.env li{

		width: 154px;

	}

	.env li .shadow{

		height: 100%;

		line-height: 106px;

	}

	

	

	

	

	

	

	

	

	

	

	

}

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

	.cate a.pcontact{

		display: none;

	}

	.top_tel{

		display: none;

	}

	.logo{

		width: 100%;

		float: none;

	}

	.logo img{

		width: 120px;

	}

	.logo .text{

		margin: 7px 0 0 10px;

		padding: 0 0 0 20px;

	}

	.logo .text h1{

		font-size: 22px;

	}

	.logo .text p{

		font-size: 12px;

	}

	.menu{

		position: fixed;

		top: 0;

		left: 0;

		width: 50%;

		z-index: 99999999;

		height: 100%;

		display: none;

	}

	.menu ul li{

		width: 100%;

		float: none;

		border-bottom: 1px solid #fff;

	}

	.search{

		width: 90%;

	}

	.searchkey{

		width: 100%;

	}

	.searchform{

		width: 100%;

		margin: 0 0 10px 0;

	}

	.searchform .stext{

		width: 80%;

		padding: 0 5%;

	}

	.searchform .sbut{

		width: 10%;

	}

	.probg{

		padding: 40px 0;

	}

	.pro .cate{

		width: 90%;

		margin: 0 auto;

		float: none;

	}

	.cate img{

		display: none;

	}

	

	.cate .ks{

		display: none;

	}

	.cate li{

		width: 50%;

		text-align: center;

		float: left;

	}

	.cate li a{

		padding: 5%;

		font-size: 14px;

		border-right: 1px solid #fff;

	}

	.cate li p{

		display: none;

	}

	.cate li.pmore{

		display: none;

	}

	.proul{

		float: none;

		width: 90%;

		margin: 0 auto;

	}

	.proul li{

		width: 100%;

		margin: 5% 0 0 0;

	}

	.about{

		width: 90%;

	}

	.abouttext .more{

		margin-left: 10px;

	}

	.more, .zixun{

		margin: 20px 10px;

	}

	.clogo li{

		width: 171px;

	}

	.adv_icon li{

		width: 50%;

	}

	.adv_icon li{

		margin: 0 0 20px 0;

	}

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

		display: none;

	}

	.aboutbg{

		padding: 40px 0 50px 0;

	}

	.adv{

		padding: 40px 0;

	}

	.adv_text .more{

		margin-left: 5px;

	}

	.adv_text .more, .adv_text .zixun{

		margin: 20px 5px;

		float: none;

		display: inline-block;

		width: 140px;

	}

	.adv_text .right{

		height: auto;

	}

	.envbg{

		width: 85%;

	}

	.env li{

		width: 162px;

	}

	

	.envbg .pre{

		left: -34px;

	}

	.envbg .next{

		right: -34px;

	}

	

	.casebg{

		padding: 40px 0;

	}

	.caseul{

		width: 340px;
		height: 340px;

	}
	.ncaseul{
		height: auto;
	}
	.caseul li{

		width: 340px;

	}
	.prodetail p>img{
		margin: 0 !important;
	}
	.newstext{
		padding: 10px;
	}
	.newstext td{
		height: auto !important;
	}
	.newstext .showdom div{
		padding: 0 0 10px 0 !important;
	}
	.caseulbg .pre{

		left: -10px;

	}

	.caseulbg .next{

		right: -10px;

	}

	.service{

		margin: 40px auto;

		padding: 0 0 40px 0;

	}

	.service img.left{

		width: 100%;

		float: none;

	}

	.service .right{

		width: 90%;

		padding: 5%;

		float: none;

	}

	.service .right>li strong{

		font-size: 40px;

	}

	.service .right>li{

		width: 30%;

	}

	.service .right>li:nth-child(7){

		width: 40%;

	}

	.process .ptitle{

		width: 100%;

		float: none;

		text-align: center;

	}

	.process .ptitle span{

		width: 100%;

		margin: 0;

	}

	.process .ptitle p{

		width: 100%;

		margin: 0;

		transform: rotate(0);

		position: relative;

		left: auto;

		top: auto;

	}

	.process{

		padding: 40px 0 0 0;

	}

	

	.processul{

		width: 100%;

		float: none;

	}

	.processul li{

		width: 33.333%;

		margin: 0 0 10px 0;

	}

	.processbg{

		height: auto;

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

		background-size: cover;

	}

	.processbg .zixun{

		margin: 20px auto;

		float: none;

	}

	.processul li:nth-child(3):after{

		display: none;

	}

	.news{

		width: 90%;

		padding: 40px 0;

	}

	.news .picnews{

		width: 94%;

		padding: 3%;

		margin: 0 0 3% 0;

		float: none;

	}

	.news .newsul{

		width: 100%;

		float: none;

	}

	.newsul li{

		width: 100%;

	}

	.fmenu{

		width: 100%;

		float: none;

		text-align: center;

	}

	.fmenu ul li{

		width: 50%;

	}

	.fmenu img:nth-child(2){

		display: none;

	}

	.fmenu img{

		margin: 5% auto;

		display: block;

	}

	.footerbg{

		padding: 40px 0;

	}

	.fcontact{

		width: 100%;

		float: none;

		margin: 5% 0;

	}

	.ewm{

		float: none;

		margin: 0 auto;

	}

	.cr{

		padding: 20px 0;

		line-height: 22px;

		font-size: 12px;

	}

	.cr a{

		font-size: 12px;

		display: block;

	}

	

	.menubut{

		display: block;

		position: absolute;

		right: 5%;

		top: 40px;

		margin-top: -10px;

		z-index: 9;

		width: 24px;

		height: 15px;

		border-top: 3px solid #003cce;

		border-bottom: 3px solid #003cce;

	}

	.menubut:after{

		width: 24px;

		height: 3px;

		background: #003cce;

		position: absolute;

		display: block;

		content: '';

		top: 6px;

	}

	.menuclose{

		display: none;

		position: absolute;

		right: 11%;

		top: 38px;

		margin-top: 0;

		z-index: 999;

	}

	.menuclose:after{

		width: 24px;

		height: 3px;

		background: #003cce;

		position: absolute;

		display: block;

		content: '';

		transform: rotate(45deg);

	}

	.menuclose:before{

		width: 24px;

		height: 3px;

		background: #003cce;

		position: absolute;

		display: block;

		content: '';

		transform: rotate(-45deg);

	}

	.menu ul li:after{

		display: none;

	}

	

	.nbanner{

		height: 140px;

	}

	.container{

		width: 90%;

		margin: 40px auto 0 auto;

		float: none;

	}

	

	.cate li a span{

		font-size: 14px;

	}

	

	.ntitle .left{

		font-size: 20px;

		line-height: 21px;

	}

	.ntitle .right{

		display: none;

	}

	

	.page{

		text-align: center;

	}

	

	.rela{

		width: 90%;

	}

	

	.relatitle{

		font-size: 20px;

	}

	.relatitle a{

		line-height: 28px;

		font-size: 12px;

	}

	.relanewsul li{

		margin: 0 0 5% 0;

		width: 100%;

	}

	

	.showdom td{

		display: block;

		width: 100%;

	}

	.showdom>tbody>tr>td:nth-child(1){

		display: none;

	}

	

	.ncontactbg .cate,

	.nnewsbg .cate,

	.ncasebg .cate,

	.naboutbg .cate{

		display: none;

	}

	.ncontactbg .container,

	.nnewsbg .container,

	.ncasebg .container,

	.naboutbg .container{

		margin: 0 auto;

	}

	.ncaseul li:nth-child(3n), .ncaseul li{

		width: 100%;

		margin: 0 0 5% 0;

	}

	.relapro .proul li{

		width: 100%;

		margin: 0 0 5% 0;

	}

	

	.nnewsul li .pic{

		width: 100%;

		float: none;

	}

	.nnewsul li .text{

		width: 100%;

		float: none;

		margin: 5% 0 0 0;

	}

	

	.contacttext{

		width: 100%;

	}

	.contacttext h1{

		font-size: 20px;

	}

	.contacttext h2{

		letter-spacing: 0.9px;

	}

	.map,

	.message{

		width: 100%;

		margin: 5% 0 0 0;

	}

	.cate li.catetitle{

		width: 100%;

	}

	.cate li.catetitle span{

		font-size: 20px;

	}

	.hnewsul li{

		display: none;

	}

	.hnewsul li:nth-child(1),

	.hnewsul li:nth-child(2),

	.hnewsul li:nth-child(3){

		display: block;

	}

}

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

}

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

}

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

}