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

a:hover{
	text-decoration: none;
}

.wid{
	width: 1200px!important;
	margin: 0 auto;
}

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




.aboutdh{
	background: #f8f9fb;
}

.aboutdh ul li{
	float: left;
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
	margin-right: 30px;
	
	position: relative;
}

.aboutdh ul li a{
	font-size: 14px;
	color: #333;
}

.aboutdh ul li .aboutdhxian{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background: #116ab2;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.aboutdh ul li:hover .aboutdhxian{
	width: 100%;
}

.aboutdh ul li:hover a{
	color: #116ab2;
}

.aboutactive .aboutdhxian{
	width: 100%!important;
}

.aboutactive a{
	color: #116ab2!important;
	
}


.about{
	padding: 5% 0;
}

.aboutzi{
	margin-bottom: 60px;
}

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

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


.wh{
	padding: 8% 0;
	background: url(../images/wh.jpg) no-repeat center;
	background-attachment: fixed;
}

.whzi{
	margin-bottom: 80px;
}

.whzi h3{
	font-size: 28px;
	text-align: center;
	color: #fff;
}

.wh ul li{
	float: left;
	width: 25%;
}

.wh ul li .con-box{
    position: relative;
}

.wh ul li:nth-child(2) .con-box{
	margin: 0 5px 0 10px;
}

.wh ul li:nth-child(3) .con-box{
	margin: 0 10px 0 5px;
}

.wh ul li .init-box{
    background-color: #fff;
    padding: 50px 0;
    box-shadow: 0 0 2rem rgba(40,40,40,.02);
    border-radius: 10px;
    text-align: center;
}

.wh ul li .icon{
    
    margin: 0 auto;
}
.wh ul li .tit{
    font-size: 15px;
    line-height: 28px;
    color: #333;
    margin-top: 28px;
}
.wh ul li .en-tit{
    font-size: .375rem;
    line-height: .4rem;
    color: #333;
    font-family: "Century Gothic";
    margin-top: .2rem;
    text-transform: uppercase;
}
.wh ul li .con{
    display: none;
}

.wh ul li .hover-box{
    position: absolute;
    left: -30%;
    top: 50%;
    transform: translateY(-50%);
    width: 160%;
    height: 160%;
    padding: 40px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background:url("../images/wha.jpg");
    border-radius: 10px;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
	z-index: 555;
	
}
.wh ul li:hover .hover-box{
	opacity: 1;
}
.wh ul li .hover-box .tit{
     font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-top: 28px;
}
.wh ul li .line{
    width: .75rem;
    height: 2px;
    background-color: #fff;
    margin: .45rem auto 0;
	display: none;
}
.wh ul li .con{
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    padding: 0 10%;
    margin-top: 20px;
}

.wh ul li .hover-box .con{
    display: block;
}




.jy{
	padding: 5% 0;
}

.jyzi{
	margin-bottom: 60px;
}

.jyzi h3{
	font-size: 28px;
	text-align: center;
}

.jycon{
	position: relative;
}

.jyl{
	/*float: left;*/
	width: 35%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.jyr{
	float: right;
	width: 50%;
}

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

.jyr:hover img{
	box-shadow: 10px 10px 5px #888;
	transform: translate(-10px,10px);
	-moz-transform: translate(-10px,10px);
-ms-transform: translate(-10px,10px);
-webkit-transform: translate(-10px,10px);
-o-transform: translate(-10px,10px);
}

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













.honor{
	padding: 5% 0;
}

.honorzi{
	margin-bottom: 60px;
}

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

.honorcon ul li{
	float: left;
	width: 32%;
	margin-bottom: 3%!important;
}

.honorcon ul li:nth-child(3n+2){
	margin: 0 2%;
}

.honorcon p{
	font-size: 14px;
	text-align: center;
	color: #333;
	margin-bottom: 0;
	padding-top: 8px;
}

















.fac{
	padding: 5% 0;
}

.faczi{
	margin-bottom: 60px;
}

.faczi h3{
	font-size: 28px;
	text-align: center;
}

.faccon ul li{
	float: left;
	width: 32%;
	margin-bottom: 3%!important;
	padding: 10px;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.faccon ul li:nth-child(3n+2){
	margin: 0 2%;
}

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

.facimg{
	overflow: hidden;
	
}

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

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

.faccon p{
	font-size: 14px;
	text-align: center;
	color: #333;
	margin-bottom: 0;
	padding-top: 10px;
}
















.shipin{
	padding: 5% 0;
}

.shipinzi{
	margin-bottom: 60px;
}

.shipinzi h3{
	font-size: 28px;
	text-align: center;
}

.shipin ul li{
	float: left;
	width: 48%;
	margin-bottom: 3%;
}

.shipin ul li:nth-child(odd){
	margin-right: 2%;
}

.shipin ul li:nth-child(even){
	margin-left: 2%;
}

.shipin ul li p{
	font-size: 14px;
	padding: 15px 0 0 15px;
	margin-bottom: 0;
}




















.profl{
	background: #f8f9fb;
}

.profl ul li{
	float: left;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	margin-right: 20px;
	
	position: relative;
}

.profl ul li a{
	font-size: 14px;
	color: #333;
}

.profl ul li .proflxian{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background: #116ab2;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.profl ul li:hover .proflxian{
	width: 100%;
}

.profl ul li:hover a{
	color: #116ab2;
}

.proflactive .proflxian{
	width: 100%!important;
}

.proflactive a{
	color: #116ab2!important;
	
}







.pro{
	padding: 5% 0;
}

.prozi{
	margin-bottom: 60px;
}

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

.pro ul{
	margin-bottom: 0;
}

.pro ul li{
	float: left;
	width: 32%;
	margin-bottom: 2%;
	
}

.pro ul li:nth-child(3n+2){
	margin: 0 2%;
}

.pro img{
	transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
}

.proimg{
	overflow: hidden;
	position: relative;
	border: 1px solid #f3f3f3;
}

.pro ul li:hover img{
	transform: scale(1.1);
}

.pro ul li p{
	
	font-size: 14px;
	color: #111;
	margin-bottom: 0;
	margin: 15px 0;
	text-align: center;
	transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
	height: 40px;
	overflow: hidden;
}

.pro ul li:hover p{
	color:  #116ab2;
}





.proocon{
	position: relative;
}

.proocon img{
	margin: 0 auto;
}

.prozuo{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 0;
	font-size: 0;
}

.prozuo a{
	background: url(../images/prozuo.png) no-repeat;
	background-size: 60px;
	display: block;
	width: 60px;
	height: 60px;
}

.proyou{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	right: 0;
	font-size: 0;
}

.proyou a{
	background: url(../images/proyou.png) no-repeat;
	display: block;
	width: 60px;
	height: 60px;
	background-size: 60px;
}


.prooh{
	font-size: 16px;
	background: #116ab2;
	color: #fff;
	display: block;
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	margin-bottom: 50px;
	margin-top: 50px;
}

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

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











.wt{
	padding: 5% 0;
}

.wtzi{
	margin-bottom: 60px;
}

.wtzi h3{
	font-size: 28px;
	text-align: center;
}

.wtcon .item{ margin-bottom:30px;}
.wtcon .item i.icon{ display:block; position:absolute; right:20px; top:20px; background:url(../images/TextList002205-icon.png) -44px -82px no-repeat; width:21px; height:11px;transition:all 0.5s ease-out 0s; overflow:hidden;}
.wtcon .item .Q{ margin:0; line-height:50px; padding-left:75px; padding-right:50px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; position:relative; background:#f9f9f9; cursor:pointer;transition:all 0.5s ease-out 0s;}
.wtcon .item .Q>a{ color:#333333; font-size:14px;}
.wtcon .item em.icon{ position:absolute; top:0; left:0; width:50px; height:100%; display:block; text-align:center; font-family:Arial; font-size:24px; font-weight:bold; font-style:normal; color:#333;}
.wtcon .item .Q em.icon{ background:#efefef;transition:all 0.5s ease-out 0s;}
.wtcon .item .A{ position:relative;padding:25px 25px 25px 75px; background:#f1f1f1; display:none;}
.wtcon .item .A em.icon{ background:#f9f9f9;color:#116ab2;transition:all 0.5s ease-out 0s;}
.wtcon .item.active .Q em.icon{ background:#116ab2; color:#fff;}
.wtcon .item.active i.icon{ background-position:-44px -70px;}

.wtcon .item a{
	font-size: 14px;
	color: #333;
}



















.js{
	padding: 5% 0;
}

.jszi{
	margin-bottom: 60px;
}

.jszi h3{
	font-size: 28px;
	text-align: center;
}

.js ul{
	margin-bottom: 0;
}

.js ul li{
	float: left;
	width: 30%;
	margin-bottom: 2%;
}

.js ul li:nth-child(3n+2){
	margin: 0 5%;
}

.js h5{
	font-size: 15px;
	color: #111;
	margin-bottom: 10px;
	transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
}

.js ul li:hover h5{
	padding-left: 10px;
	color: #116ab2;
}

.js p{
	font-size: 14px;
	margin-bottom: 0;
	line-height: 55px;
	padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    background-image: url(../images/download-btn.png);
    color: #666;
}

.js img{
	transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
}

.js ul li:hover img{
	border-radius: 20px;
}

.jsimg{
	overflow: hidden;
	position: relative;
	border:1px solid #f0f0f0;
}
















.news{
	padding: 5% 0;
}

.newzi{
	margin-bottom: 60px;
}

.newzi h3{
	font-size: 28px;
	text-align: center;
}

.newscon ul li{
	position: relative;
	border-bottom: 1px solid #f0f0f0;
	float: left;
	width: 100%;
	height: 120px;
	margin-bottom: 80px;
}

.newscon ul li:nth-child(4n+4){
	margin-bottom: 0;
}

.newszi{
	position: absolute;
	top: 0;
	left: 0;
	line-height: 60px;
	height: 60px;
	width: 30%;
	overflow: hidden;
	
}

.newszi h4{
	font-size: 18px;
	font-weight: 300;
	color: #116ab2;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.newss{
	position: absolute;
	top: 0;
	left: 35%;
	width: 65%;
}

.newss p{
	font-size: 14px;
	color: #333;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newss span{
	font-size: 14px;
	color: #999;
	height: 30px;
	line-height: 30px;
}

.newsh{
	position: absolute;
	right: -5%;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	background: #fff;
	padding: 20px 50px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}

.newsh h3{
	font-size: 18px;
	color: #000;
}

.newsa a:hover{

	color: #116ab2;
	border: 2px solid #116ab2;
	background: #fff;
}


.newsscon{
	font-size: 14px;
	line-height: 38px;
	margin-bottom: 10px;
	color: #333;
}

.fanhui{
	margin-top: 5%;
	text-align: center;
}

.fanhui a{
	padding: 12px 30px;
	/*border: 1px solid #bfbfc1;
	color: #7f7f7f;*/
	font-size: 14px;
	border-radius: 50px;
	background: #116ab2;
	color: #fff;
	border: 2px solid #fafafa;
}

.fanhui a:hover{
	/*border: 1px solid #116ab2;
	background: #116ab2;*/
	color: #116ab2;
	border: 2px solid #116ab2;
	background: #fff;
}















.lx{
	padding: 5% 0;
}

.lxzi{
	margin-bottom: 60px;
}

.lxzi h3{
	font-size: 28px;
	text-align: center;
}

.lxcon ul li{
	float: left;
	width: 20%;
	text-align: center;
}

.lxcon img{
	margin: 0 auto 20px;
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.lxcon ul li:hover img{
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.lxcon p{
	font-size: 15px;
	line-height: 25px;
	color: #333;
	width: 95%;
	margin: 0 auto 10px;
}










.fenye{
	margin-top: 5%;
}

.fenye *{
	font-size: 14px!important;
}

.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:#116ab2!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:#116ab2;border:1px solid #cccccc}