body,ul{
	margin: 0;
	padding: 0;
	font-family: "microsoft yahei",arial;
}
body{
	background-color: #fff !important;
}
a{
	text-decoration: none;
	cursor: pointer;
	color: #494949;
}
ul,li{
	list-style: none;
}
.clear{
	clear: both;
}
.cl:after{
	content: "";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
img{
	border: none;vertical-align: middle;
}
input{
	border: none;outline: none;
}

.yanc1s{
	animation-duration:.7s !important;
}
.yanc2s{
	animation-duration:1.4s !important;
}
.yanc3s{
	animation-duration:2.1s !important;
}
.yanc4s{
	animation-duration:2.8s !important;
}
.yanc5s{
	animation-duration:3.5s !important;
}
.yanc6s{
	animation-duration:4.2s !important;
}
.yanc7s{
	animation-duration:4.9s !important;
}
.yanc8s{
	animation-duration:5.6s !important;
}
.yanc9s{
	animation-duration:7.3s !important;
}

.yancx1s{
	animation-duration:.4s !important;
}
.yancx2s{
	animation-duration:.8s !important;
}
.yancx3s{
	animation-duration:1.2s !important;
}
.yancx4s{
	animation-duration:1.6s !important;
}
.yancx5s{
	animation-duration:2s !important;
}


.commonwidth01{width: 1200px;margin: 0 auto;}
.commonwidth03{width: 95%; margin: 0 auto;}


/*header*/
.header{width: 100%;background:#fff;height: 85px;transition: all .5s; box-shadow:2px 5px 10px rgba(0,0,0,0.2);}
.header .logo{width: 403px; margin-top: 18px;height: 51px; transition: all .5s; }
.header .logo img{width:100%; height: 100%; }

.pc_nav{margin-right:20px;}
.pc_nav .waili{width: 110px;line-height: 83px;position: relative;transition: all 200ms; border-bottom: 2px solid transparent;}
.pc_nav .waili{line-height: 83px;}
.pc_nav .waili:after{content: "";display: block;width: 1px;height: 13px;background-color: #ccc;position: absolute;right: -1px;top: 45%;margin-top: -1px;}
.pc_nav .waili:last-child:after{display: none;}
.pc_nav .waili .waia{width: 100%;display: block;color: #000;font-size: 16px;text-align: center;transition: all 200ms;}
.pc_nav .waili.active .waia{color: #054ba4;border-bottom:0px solid #fe0000; }
.pc_nav .waili:hover .waia{color: #054ba4;border-bottom:0px solid #fe0000; }
.pc_nav .waili .waia span{font-size: 14px;margin-left: 2px;}
.pc_nav .waili .lb{
    transition: all 0.3s ease-out 0s;
    position: absolute;left: -7px;top: 100%;
	border-top:2px solid #054ba4;
    width: 130px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0px, 10px, 0px);
    -moz-transform: translate3d(0px, 10px, 0px);
    -webkit-transform: translate3d(0px, 10px, 0px);
	z-index:99;
}
.pc_nav .waili:hover .lb{opacity: 1;visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.pc_nav .waili .lb li{width: 100%;border-bottom: 1px solid #eee;}
.pc_nav .waili .lb li a{width: 100%;padding: 12px 0px; text-align:center; box-sizing: border-box;line-height: 20px;font-size: 14px;color: #333;transition: all 0.2s ease-out 0s;display: block;background-color:#fff;}
.pc_nav .waili .lb li a:hover{color: #054ba4;}
.tel{ margin-top:25px; margin-left:15px;}
.search{width: 32px;height: 80px;position: relative;cursor: pointer;transition: all 200ms;}
.search{height: 72px;}
.search .tu{width: 32px;vertical-align: middle;margin-top: 32px;transition: all 200ms;}
.search .tu{margin-top: 28px;}
.search .shr{position: absolute;width: 250px; top: 85px; right: 0; display: none; z-index: 9;}
.search .shr input{width: 100%;height: 40px;font-size: 14px;color: #aaa;padding: 0 10px;box-sizing: border-box;background-color:#eee;}
.search .serchbtn{ position:absolute; top: 6px; right: 6px; z-index: 10;}

.indexone{width: 100%;position: relative;}
.indexone .owl-dots{ bottom: 10%!important;}
.indexone .owl-dots .owl-dot span{ width: 4px!important; height: 20px!important; border-radius: 0px!important; margin: 5px 12px!important; transition: all 500ms;}
.indexone .owl-dots .owl-dot.active span, .indexone .owl-dots .owl-dot:hover span {height: 40px!important; background: #054ba4!important; transition: all 500ms;}


.comtitle{ text-align:center; margin-bottom:50px;}
.comtitle h2{ font-size:36px; color:#333; margin:0; font-family:'Bahnschrift';}
.comtitle h3{ font-size:22px; color:#333; margin:0; margin-bottom:13px; font-weight:normal;}
.comtitle em{ display:block; width:30px; height:2px; background:#054ba4; margin:0 auto;}


.footer{ background:#172a41; padding-top:50px; font-size:14px; color:#fff;}
.footer a{font-size:13px; color:#fff; }
.footer a:hover{color:#588df4;}
.footer-nav{width:100%; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:45px;}
.list-nav{ width:20%; transition: all 200ms; padding-left:4%;}
.list-nav .list-icon{width:50px;height:50px;background:#172a41;line-height:50px;text-align:center; border:1px solid rgba(255,255,255,0.2); margin-right:12px; transition: all 200ms;}
.list-nav .list-icon i{color:#fff; font-size:24px;}
.list-nav .list-font span{ display:block; padding-top:7px;}
.list-nav .list-font em{ font-style:normal;}
.list-nav:hover .list-icon{background:#054ba4; transition: all 200ms;}
.list-nav:hover a{color:#fff;}
.footer-bom{width:399px; height:130px; border-left:1px solid rgba(255,255,255,0.1); text-align:center; margin-top:50px;}
.footer-bom ul li{ width:120px; text-align:left; height:45px; line-height:45px;}
.footer-bom ul li i{font-size:12px; color:#fff; margin-right:2px;}
.footer-bom:first-child{border-left:0px;}
.footer-bom p{text-align:left; padding-bottom:10px; padding-left:30%;}
.footer-bom p i{margin-right:10px;}
.footer-information{ width:100%; margin-top:45px; height:60px; line-height:60px; text-align:center; font-size:13px; border-top:1px solid rgba(255,255,255,0.1); }
.footer-information a{ margin:0 5px;}


/***返回顶部****/
.scroll{width:50px;height:50px;background:#054ba4;color:#fff;line-height:50px;text-align:center;position:fixed;right:30px;bottom:50px; z-index:999999; cursor:pointer; border-radius:200px;}
.scroll i{ font-size:25px; }

/*手机端*/
.phone_nav{display: none;}
#menu{display: none !important;}
#menu.mm-opened{display: block !important;}
.mm-navbars-top{display: none;}
.mm-hasnavbar-top-1 .mm-panels{top: 0 !important;}

@media only screen and (min-width: 1025px) and (max-width: 1460px){
	.commonwidth01{width: 1000px;margin: 0 auto;}
	.header .logo{width: 350px; margin-top: 22px;height: auto; transition: all .5s; }
	.tel{display: none;}
	.pc_nav{margin-right: 0px;}
	.pc_nav .waili{width: 95px;}
	.pc_nav .waili .lb{left: -13px;width: 130px;}
	.pc_nav .waili .waia{font-size: 15px;}
	.comtitle h2{ font-size:34px;}
	.footer-bom{width: 332px;}
	.footer-bom ul li{ width: 110px;}
	.footer-bom p{ padding-left: 22%; }
}



@media only screen and (min-width: 768px) and (max-width: 1024px){
	
	/*手机端*/
	.phone_nav{display: block;}
	.phone_nav a{
		display: block;
		width: 25px;
		height: 18px;
		position: absolute;
		top: 25px;
		right: 5%;
	}
	.phone_nav a:before,.phone_nav a:after{
		content: '';
		display: block;
		background: #588df4;
		height: 2px;
	}
	.phone_nav a span{
		background: #588df4;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
	#menu{
		display: none !important;
	}
	#menu.mm-opened{
		display: block !important;
	}

	.commonwidth01,
	.commonwidth03{ width: 90%; margin: 0 auto;}
	.hdright{display:none;}
	
	.comtitle{ margin-bottom:40px;}
	.comtitle h2{ font-size:30px; }
	.comtitle h3{ font-size:18px; margin-bottom:13px;}
	
	.header{height: 60px;transition: all .5s; position:fixed;top:0; z-index:99999; overflow:hidden;}
	.header .logo{width: 300px; margin-top: 12px;height: auto; transition: all .5s; }
	.header .logo img{width:100%; height: 100%; }
	.indexone{ padding-top:60px;}
	.indexone .owl-dots .owl-dot span{ width: 3px!important; height: 15px!important; border-radius: 0px!important; margin: 5px 10px!important; transition: all 500ms;}
	.indexone .owl-dots .owl-dot.active span, .indexone .owl-dots .owl-dot:hover span {height: 30px!important; background: #054ba4!important; transition: all 500ms;}
	.footer{  padding-top:40px; }
	.footer-nav{ padding-bottom:30px;}
	.list-nav{ width:20%; transition: all 200ms; padding-left:4%;}
	.list-nav .list-font em{ font-style:normal; display:none;}
	.footer-bom{width:100%; height:auto; border-left:none; margin-top:30px;}
	.footer-bom ul li{ width:100%; text-align:left; height:45px; line-height:45px;}
	.footer-bom:first-child{border-left:0px; display:none;}
	.footer-bom p{text-align:left; padding-bottom:10px; padding-left:0%; text-align:center;}
	.footer-information{ width:100%; margin-top:20px; height:auto; line-height:24px; padding:20px 0; }

}

@media only screen and (max-width: 768px){
	
	/*手机端*/
	.phone_nav{display: block;}
	.phone_nav a{
		display: block;
		width: 23px;
		height: 18px;
		position: absolute;
		top: 21px;
		right: 10px;
	}
	.phone_nav a:before,.phone_nav a:after{
		content: '';
		display: block;
		background: #588df4;
		height: 2px;
	}
	.phone_nav a span{
		background: #588df4;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
	#menu{
		display: none !important;
	}
	#menu.mm-opened{
		display: block !important;
	}
	
	.commonwidth01,
	.commonwidth02{ width: 90%; margin: 0 auto;}
	.hdright{display:none;}
	
	.comtitle{ margin-bottom:30px;}
	.comtitle h2{ font-size:24px; }
	.comtitle h3{ font-size:15px; margin-bottom:10px;}
	
	.header{height: 60px;transition: all .5s; position:fixed;top:0; z-index:99999;overflow:hidden;}
	.header .logo{width: 300px; margin-top: 12px;height: auto; transition: all .5s; }
	.header .logo img{width:100%; height: 100%; }
	.indexone{ padding-top:60px;}
	.indexone .owl-dots .owl-dot span{ width: 3px!important; height: 15px!important; border-radius: 0px!important; margin: 5px 10px!important; transition: all 500ms;}
	.indexone .owl-dots .owl-dot.active span, .indexone .owl-dots .owl-dot:hover span {height: 30px!important; background: #054ba4!important; transition: all 500ms;}
	.footer{  padding-top:40px; }
	.footer-nav{ padding-bottom:30px;}
	.list-nav{ width:20%; transition: all 200ms; padding-left:4%;}
	.list-nav .list-font em{ font-style:normal; display:none;}
	.footer-bom{width:100%; height:auto; border-left:none; margin-top:30px;}
	.footer-bom ul li{ width:100%; text-align:left; height:45px; line-height:45px;}
	.footer-bom:first-child{border-left:0px; display:none;}
	.footer-bom p{text-align:left; padding-bottom:10px; padding-left:0%; text-align:center;}
	.footer-information{ width:100%; margin-top:20px; height:auto; line-height:24px; padding:20px 0; }
	
}


/*分页*/
.n-page{ text-align:center; clear:both;margin-top: 50px;}
.n-page a{ padding:5px 10px; margin:0px 3px;  border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#474747;}
.n-page span{ padding:5px 10px; margin:0px 3px;  color:#FFF; background-color:#172a41; border:#172a41 1px solid;}
.n-page a:hover{ color:#FFF; background-color:#172a41; border:#172a41 1px solid;}