@charset "utf-8";
/* CSS Document */

a:hover{
	text-decoration: none;
}

.pro .active{
	background: #0385db!important;
	color: #fff!important;
}






.dh{
	height: 45px;
	line-height: 45px;
	
}

.dh-r{
	font-size: 12px;
	text-align: left;
	color: #a9a9a9;
}

.dh .dh-r a{
	color: #a9a9a9;
	padding: 0 1%;
	font-size: 12px;
}

.dh .dh-r a:hover{
	color: #f25b19;
}

.dh .dh-r img{
	width: 15px;
	margin-top: -3px;
	
}

.app{
	background: #cdcdcd!important;
	color: #000!important;
}




.banner{
	position: relative;
	overflow: hidden;
}

.banner img{
	transition: all .5s;
	-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.banner img:hover{
	transform: scale(1.05);
	-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
}

.z-banner-d2{width: 360px;height: 120px;background: rgba(0,104,162,0.8);padding-top: 20px;padding-left: 65px;box-sizing: border-box;position: absolute;top: 258px;left: calc(50% - 570px);border-radius: 5px;}
.z-banner-p1{font-size: 36px;line-height: 40px;color: #FFFFFF;font-weight: bold;}
.z-banner-p2{font-size: 18px;line-height: 40px;color: #FFFFFF;font-weight: lighter;}





















.about{
	padding: 5% 0;
	background:rgba(251,251,251,1.00);
}

.aboutzi{
	margin-bottom: 5%;
}

.aboutzi h2{
	text-align: center;
	font-size: 28px;
}

.about p{
	font-size: 15px;
	line-height: 28px;
	text-indent: 28px;
}

.about img{
	margin: 0 auto;
}











/**/
.profl{
	padding: 15px 0;
}

.profl ul{
	margin-bottom: 0;
}

.profl ul li{
	float: left;
	margin-bottom: 10px;
}

.profl ul li.active a{
	background: #0385db;
	color: #fff;
	border: 1px solid #0385db;
}

.profl a{
	font-size: 14px;
	border: 1px solid #eee;
    color: #333;
    display: block;
    padding: 0 30px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    float: left;
    border-radius: 25px;
    margin-right: 15px;
}

.profl ul li:hover a{
	background: #0385db;
	color: #fff;
	border: 1px solid #0385db;
}
/**/

.pro{
	padding: 5% 0;
	background:rgba(251,251,251,1.00);
}

.prozi{
	margin-bottom: 5%;
}

.prozi h2{
	text-align: center;
	font-size: 28px;
}

.procon ul li{
	float: left;
	width: 25%;
	padding: 0 1% 2% 1%;
}


.procon p{
	font-size: 14px;
	padding: 2% 0;
	text-align: center;
	color: #0385db;
	margin-bottom: 0px;
	height: 50px;
}

.proimg{
	overflow: hidden;
}

.proimg img{
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.procon ul li:hover img{
	transform:scale(1.15);
	-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-webkit-transform:scale(1.15);
-o-transform:scale(1.15);
}




.proo{
	float: right;
	width: 73%;
}

.proocon{
	float: left;
	width: 60%;
}

.prodccon img{
	margin: 0 auto;
}

.protd{
	float: right;
	width: 39%;
}

.protd h3{
	margin-bottom: 20px!important;
	font-size: 22px!important;
	color: #111!important;
}

.protd *{
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 10px;
	color: #fff;
}

.projs{
	background: #d93e36;
	margin-bottom: 15px;
	margin-top: 3%;
	height: 80px;
}

.projs h3{
	float: left;
	width: 80%;
	color: #fff;
	font-size: 20px;
	line-height:80px;
	padding-left: 30px;
}



.pro .sx{
	float: right;
	width: 30%;
	padding-top: 15px;
}


.pro .sx a{
	color: #111;
	/*float: right;*/
}
.pro .sx p{
	color: #111;
	font-size: 15px;
}

.pro .sx .xian{
	background: #ddd;
	height: 1px;
	width: 100%;
	margin: 2rem 0
}

.projscon h3{
	font-size: 16px;
	margin-bottom: 10px;
	color: #0385db;
	margin-top: 2rem;
}

.projscon p{
	font-size: 14px;
	line-height: 28px;
	color: #333;
}

.projscon img{
	display: block;
	max-width: 100%;
	height: auto;
}

.projscon h2{
	background: #0385db;
	color: #fff;
	font-size: 1rem;
	padding: 15px 0 15px 15px;
	margin-top:3rem;
	margin-bottom: 2rem;
}


.preview { width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-slide {width: 15%!important;height: 100%;margin: 0 1%;}
.view .arrow{position: absolute;top: 50%;margin-top: -50px;width: 50px; height: 100px;z-index: 10;}
.view .arrow-left {background: url("../images/ar-left3.png") no-repeat center;left: 10px;}
.view .arrow-right {background: url("../images/ar-right3.png") no-repeat center;right: 10px;}
.view img{
	margin: 0 auto;
}
.preview img {padding: 2px;}
.preview .active-nav img {padding: 0;border: 1px solid #0385db;}
.preview  img {padding: 0;border: 1px solid #ccc;}





















.sb{
	padding: 5% 0;
	background:rgba(251,251,251,1.00);
}

.sbzi{
	margin-bottom: 5%;
}

.sbzi h2{
	text-align: center;
	font-size: 28px;
}

.sb ul li{
	float: left;
	width: 33%;
	padding: 1%;
	margin-bottom: 1%;
}

.sb img{
	box-shadow: none!important;
}

.sb p{
	font-size: 15px;
	color: #333;
	text-align: center;
}











.honor{
	padding: 5% 0;
	background:rgba(251,251,251,1.00);
}

.honorzi{
	margin-bottom: 5%;
}

.honorzi h2{
	text-align: center;
	font-size: 28px;
}

.honor ul li{
	float: left;
	width: 33%;
	padding: 1%;
	margin-bottom: 1%;
}

.honor img{
	box-shadow: none!important;
}

.honor p{
	font-size: 15px;
	color: #333;
	text-align: center;
}














.news{
	padding: 5% 0;
	background:rgba(251,251,251,1.00);
}

.newszi{
	margin-bottom: 5%;
}

.newszi h2{
	text-align: center;
	font-size: 28px;
}


.homeNewsW {}
.homeNewsInner {display: none;}
.homeNewsInner:first-child {display: block;}

.homeNewsInner ul li {margin-bottom: 45px; border-bottom: 1px solid #dcdcdc;width: 46%;float: left;margin: 2%;}

.homeNewsInner ul li:hover .homeNewsNum {color: #0385db;}
.homeNewsInner ul li:hover .homeNewsContH h3 a {color: #0385db;}
.homeNewsInner ul li:hover .homeNewsContH p {color: #0385db;}
.homeNewsNum {float: left; width: 11.222%; font-size: 36px; line-height: 44px;color: #0385db;}
.homeNewsCont {float: right; width: 88.666%;}
.homeNewsContH {padding-right: 68px; position: relative;}
.homeNewsContH h3 {line-height: 26px; font-size: 18px; font-weight: 600;margin-top: 0;margin-bottom: 0;color: #0385db;}
.homeNewsContH h3 a{
	color: #333;
}
.homeNewsContH p {line-height: 20px; font-size: 12px; color: #666;}
.homeNewsMore {position: absolute; width: 90px; height: 30px; line-height: 30px; text-align: right; top: 0; right: 0; z-index: 22;color: #666;font-size: 14px;}
.homeNewsMore:hover {color: #0385db;}
.homeNewsTxt {padding: 16px 0 30px 0;}
.homeNewsTxt p {line-height: 24px; color: #333;font-size: 14px;}


.newsscon p{
	font-size: 15px;
	line-height: 28px;
	text-indent: 30px;
	margin-bottom: 10px;
	color: #333;
}


.news .sx{
	padding-top: 50px;
}


.news .sx a{
	color: #333;font-size: 14px;
	/*float: right;*/
}
.news .sx p{
	color: #111;
	font-size: 14px;
}

.news .sx .xian{
	background: #ddd;
	height: 1px;
	width: 100%;
	margin: 2rem 0
}






















.hr{
	padding: 5% 0;
	background:rgba(251,251,251,1.00);
}

.hrzi{
	margin-bottom: 5%;
}

.hrzi h2{
	text-align: center;
	font-size: 28px;
}

.hrcon ul li{
	float: left;
	width: 100%;
	border: 1px solid #fff;
	background: #fff;
	padding: 3% 2% 0 2%;
	margin-bottom: 5%;
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}


.hrcon ul li:hover {
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.hrh h3{
	font-size: 20px;
	font-weight: 600;
	color: #0385db;
	border-bottom: 1px solid #ccc;
	margin-bottom: 35px;
	padding-bottom: 25px;
}

.hrhcon{
	margin-bottom: 10px;

	overflow:auto;  
}

.hrhcon p{
	font-size: 14px;
	line-height: 28px;
	color: #333;
	margin-bottom: 5px;
}

.hr .hra{
	margin-top: 30px;
}

.hra a{


text-align: center;

margin-bottom: 30px;
}

.zp .hra{
	margin-top: 30px;
}

.more_btn{ display: block; transition: ease .4s; z-index: 2; width: 160px; height: 54px; font-size: 15px; position: relative;z-index: 1; background: #fff; text-align: center; line-height: 54px;}
.more_btn em{ display: inline-block;margin-left: 10px; width: 10px; height: 10px; border-bottom:3px solid #fff; border-right: 3px solid #fff; box-sizing: border-box;}
.more_btn:hover{ color: #fff; background: #0385db;border-radius: 50px;}
.more_btn2{ background: #0385db;color: #fff;}
.more_btn2:hover{ background: #0385db;}
.more_btn2:hover em{ border-color: #fff;}














.contact{
	padding: 5% 0;
	background:rgba(251,251,251,1.00);
}

.contactzi{
	margin-bottom: 5%;
}

.contactzi h2{
	text-align: center;
	font-size: 28px;
}

.contactcon ul li{
	float: left;
	width: 25%;
	text-align: center;
}

.contactcon img{
	margin: 0 auto;
	width: 30%;
}

.contactcon h3{
	font-size: 15px;
	color: #0385db;
	margin: 20px auto;
}

.contactcon p{
	font-size: 15px;
	color: #333;
}


.ditu{
	padding: 5% 0;
	background: #e5e9ed;
}

.dituzi{
	margin-bottom: 5%;
}

.dituzi h2{
	text-align: center;
	font-size: 28px;
}



.mes{
	padding: 5% 0;
	background:rgba(251,251,251,1.00);
}

.meszi{
	margin-bottom: 5%;
}

.meszi h2{
	text-align: center;
	font-size: 28px;
}


.mes ul li{
	float: left;
	width: 45%;
	margin-bottom: 2%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

.mes ul li:nth-child(1),.mes ul li:nth-child(3){
	margin-right: 5%;
}

.mes ul li:nth-child(2),.mes ul li:nth-child(4){
	margin-left: 5%;
}

.mes ul li:nth-child(5){
	border-bottom: none;
}

.mes label{
	color: #0385db;
	font-size: 14px;
}

.mes ul li input{
	border: none;
	background: none;
	width: 60%;
	font-size: 14px;
	color:#323232;
	padding-left: 2%;
}

.mes ul .wide{
	width: 100%;
}

.mes ul li textarea{
	width: 100%;
	font-size: 14px;
	color:#323232;
	padding: 1%;
	height: 350px;
	margin-top: 4%;
	border: 1px solid #ccc;
}

.mes .submit{
	background: #f9c500;
	color: white;
	padding: 2% 2%;
	padding: 10px 4%;
	border: none;
	margin-bottom: 5%;
}









.fenye a{text-decoration:none;color:#3c3c3c;background:#fff;border:1px solid #cccccc;padding:3px 8px;padding-bottom:2px;margin-right:3px;cursor:pointer;font-size: 14px}
.fenye .red{background:#0385db!important; color:#fff; border:0; padding:3px 8px;}
.fenye a.active{background:#000;border:1px solid #cccccc;color:#fff}
.fenye a:hover{text-decoration:none;color:#fff;background:#0385db;border:1px solid #cccccc}