/* 容器 */
*{transition: all .3s;}
.container-width{max-width: 1200px; margin: 0 auto; padding: 0 15px;}
/*404*/
.ui-errors{margin:100px 0;position:relative;text-align: center;}
.ui-errors h4{font-size:24px;font-weight: normal;color: #77b3bf;line-height:50px;}
.ui-errors h1{font-size: 160px;color: #aaa;line-height:180px;}

.fullImg{width: 100%;}
.mb_banner{display: none;}
@media (max-width: 991px){	
	.pc_banner{display: none;}
	.mb_banner{display: block;}
}
.top{line-height: 35px; background-color: #f7f7f7; color: #7f7f7f;padding-left: 85px;}
.top span{cursor:pointer}
@media(max-width: 860px) {
	.top{display: none;}
}
/* header */
.logo{float: left; padding-left: 80px; padding-top: 10px;}
.logo img{max-width: 100%;}
@media (max-width: 1400px) {
	.logo{padding-left: 20px;}
}
@media(max-width: 768px) {
	.logo{padding-left: 10px;}
	.logo{padding-top: 5px;}
	.logo img{height: 40px;}
}

/* nav */
.navs{float: left; padding-left: 7.5%;}
.navs ul li{position: relative; float:left; padding: 0 40px; text-align: center;}
.navs ul li a{display:block; padding: 15px 0; line-height: 50px; font-size: 16px;}
.navs ul li.current-menu-item a{box-shadow: 0 3px 0 #056FB8 inset;color: #056FB8;}
.navs ul li:hover a{box-shadow: 0 3px 0 #056FB8 inset; color: #056FB8;}
@media (max-width:1700px){
	.navs{padding-left: 5%;}
	.navs ul li{ padding: 0 30px;}
}
@media (max-width:1500px){
	.navs{float: left; padding-left: 30px;}
	.navs ul li{ padding: 0 20px;}
}
@media (max-width:970px){
	.navs{display: none;}
}
@media (max-width:1250px){
	.navs ul li{ padding: 0 10px;}
}
@media (max-width:1050px){
	.navs ul li{ padding: 0 5px;}
}
.search{ float: right; padding: 20px 30px;height: 80px;  border-left:1px solid #eee ;border-right:1px solid #eee ; cursor: pointer;}
.search span{display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius:50%; background-color: rgba(0,0,0,.3);}
.search span i{color: #fff;}

@media (max-width:1400px){
	.search{padding: 20px; }
}
@media(max-width: 768px) {
	.search span{ width: 30px; height: 30px; line-height: 30px; }
	.search{ padding:10px; height: 50px; }
}
@media(max-width: 640px) {
}
/* open */
.navbar-open {float: right; width: 80px;height: 80px; background-color: #0167cc; cursor: pointer; display: none;}
.navbar-open span {display: block;width: 30px;height: 2px;background-color: #fff;margin: 0 auto;}
.navbar-open span:first-child {margin-top: 27px;}
.navbar-open span:nth-child(2) {margin-top: 8px;}
.navbar-open span:last-child {margin-top: 8px;}

/*  */
@media (max-width:970px) {
	.navbar-open {display: block;}
}
@media(max-width: 768px) {
	.navbar-open {width: 50px;height: 50px; display: block;}
	.navbar-open span {display: block;width: 20px;}
	.navbar-open span:first-child {margin-top: 16px;}
	.navbar-open span:nth-child(2) {margin-top: 6px;}
	.navbar-open span:last-child {margin-top: 6px;}
}
@media(max-width: 640px) {
	.navbar-open {margin-top: 0;}
}
/* m-nav-window */
.m-nav-window {position: fixed;top: 0;left: 0;z-index: 99; width: 100%;height: 100%;background-color:#056fb8;visibility: hidden;opacity: 0;transform: translateX(120px);}
/* m-navmenu */
.m-navmenu ,.m-navmenu>div{ width: 100%; height: 100%;  text-align: center;}
.m-navmenu ul{display: block;height: 100%; display: flex;align-items: center; justify-content: center;}
.m-navmenu ul li { float: left; padding:20px;}
.m-navmenu ul li a {color: #fff;font-size: 18px;}

@media (max-width:768px) {
	.m-navmenu ul{display: inherit; padding-top: 80px;}
	.m-navmenu ul li { float: none;padding: 0 0 15px 0;}
	.m-navmenu ul li a {color: #fff;font-size: 18px;}
}
/* close */
.m-navbar-close {position: absolute;top: 5px;right: 5px;width: 35px;height: 35px;}
.m-navbar-close span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #fff;}
.m-navbar-close span:first-child {transform: rotate(45deg);}
.m-navbar-close span:last-child {transform: rotate(-45deg);}
/* m-s */
.m-search{ margin-top: 10px; text-align: center; line-height: 35px; border-radius: 4px; overflow: hidden;}
.m-search input{line-height: 38px; padding: 0 15px;}
.m-search button{ padding: 0 20px; line-height: 37px; background-color: #333; color: #fff;}
.m-search button i{font-size: 20px; vertical-align: middle;}
/* onshow */
.on-show {opacity: 1;visibility: visible;transform: translateX(0);}


.adver-join1{background-image: url(../images/adven-p2.jpg); background-repeat: no-repeat; background-size: cover; padding: 70px 15px 40px; text-align: center;}
.adver-join1 h3{font-size: 32px;  padding-bottom: 15px; color: #fff;}
.adver-join1 p{font-size: 18px;padding-bottom: 25px; color: #fff;}
.adver-join1 a{display: inline-block; padding: 0 40px; line-height: 50px; font-size: 18px; color: #333; background-color:#f8b62a ;  margin:25px; }
.adver-join1 a:last-child{background-color: #fff;}
@media (max-width:768px) {
	.adver-join1{padding: 25px 15px;}
	.adver-join1 h3{font-size: 24px;}
	.adver-join1 a{ margin:10px; }
}

/* =================footer================ */
.footer-bg {padding-top: 40px; background-color:#34383c; color: #b9b9b9;}
.footer-nav{float: left; width: 30%;}
.footer-nav dl{float: left; width: 50%;}
.footer-nav dl dt{padding-bottom: 15px; font-size: 16px; color: #fff;}
.footer-nav dl dd{ padding-bottom:10px; }
.footer-nav dl a{color: #aeaeaf;}

.footer-address,
.footer-tel,
.footer-info{float: left; height: 105px;  margin-bottom: 30px;}


.footer-address{width: 30%; padding:0 15px;}
.footer-address h3{padding-bottom: 15px; color: #fff;}
.footer-address p{ padding-bottom: 10px;}

.footer-tel{width: 25%; padding-top: 5px; padding-left: 35px; font-family: arial;}
.footer-tel p{font-size: 16px; color: #fff; }
.footer-tel p i{font-size:28px; vertical-align: middle;}
.footer-tel h3{font-size: 12px; color: #fff; padding: 5px 0;}
.footer-tel a{display: inline-block; padding: 0 25px; margin: 15px 0; font-size: 24px; background-color: #056FB8; line-height: 36px; color: #fff;}

.footer-info{width: 15%;border: none; text-align: center; margin-top: 16px;}
.footer-info img {max-width:100px;}
.footer-info p {line-height: 35px;}
@media (max-width:1150px) {
.footer-nav{float: left; width: 50%;}
.footer-address{width: 50%;padding: 0 15px;}
.footer-tel{width: 100%; padding:0 ;text-align: center;}
.footer-info{width: 100%;}
}

@media (max-width:768px) {
	.footer-nav{width: 100%;}
	.footer-address,
	.footer-tel,
	.footer-info{float: left; height: auto; border-right: none; margin-top: 10px; margin-bottom: 10px;}
	.footer-address{width: 100%;padding:0;text-align: center;}


}

@media (max-width:640px) {
	.footer-left ul li {float: left;width: 100%;padding: 10px;}
}
.fd-link{border-top: 1px solid #676666;  padding: 10px;display: flex;justify-content:left;flex-wrap:wrap;}
.fd-link:last-child{border-top:none; border-bottom: 1px solid #676666;}
.fd-link li{float: left; margin-right: 15px; color: #b1b1b1;}
.fd-linkl,.fd-linkr{display: inline-block;}
.fd-linkl{width: 90px;}
.fd-linkr{width: 92%;}
.fd-link a{color: #b1b1b1;}
.fd-link a:hover{color: #fff;}

.site-copyright{line-height: 35px; color: #777; font-size: 12px; background-color: #34383c; border-top: 1px solid #333; ;}
.site-copyright a{color: #777;}


@media (max-width:940px) {
	.site-copyright{ margin-bottom: 64px;}
	.site-copyright span{display: block; width: 100%; text-align: left;}
}
/* window-search */

.close-search {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 35px;
	height: 35px;
}

.close-search span {
	position: absolute;
	top: 17px;
	left: 6px;
	width: 25px;
	height: 1px;
	background-color: #333;
}

.close-search span:first-child {
	transform: rotate(45deg);
}

.close-search span:last-child {
	transform: rotate(-45deg);
}

.window-search {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255,.9);
	z-index: 201;
	padding-top: 180px;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
}

.window-search>a>img {
	max-width: 100%;
	display: block;
	margin: 35px auto;
}

.searchform {
	max-width: 600px;
	font-size: 0;
	margin: 0 auto;
	padding: 0 15px;
}

.searchform input {
	float: left;
	display: block;
	padding-left: 10px;
	width: 79%;
	border: none;
	background: none;
	border: 1px solid #2088FF;
	line-height: 43px;
	color: #666;
	font-size: 16px;
	outline: none;
}

.searchform button {
	float: left;
	display: block;
	border: 1px solid #2088FF;
	line-height: 43px;
	width: 20%;
	padding: 0 10px;
	font-size: 16px;
	background-color: #2088FF;
	color: #fff;
	outline: none;
}
.searchShow {
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}

/* window-service */
.window-service{position: fixed; top: 250px; right: 10px; z-index: 3;}
.window-service ul li{position: relative ; background-color: #0167cc; padding-top: 6px; width: 64px; height: 64px; margin-bottom: 2px; color: #fff; text-align: center; cursor: pointer}
.window-service ul li a{ color: #fff; }
.window-service ul li i{font-size: 28px;}
.window-service ul li p{font-size: 12px;}
.window-service-tel,
.window-service-wx{opacity: 0; visibility: hidden; transform: translateX(10px); transition: all .3s;}
.window-service-tel{position: absolute; top: 0; right: 60px; z-index: 1; width: 200px; height: 64px; line-height: 64px; font-size: 20px; font-family: arial;  background-color: #0167cc;color: #fff;  }
.window-service-wx{position: absolute; top: 0; right: 68px; z-index: 1; padding: 8px; border:2px solid #0167cc; border-radius: 4px; background-color: #fff;}
.window-service-wx h3{color: #666; font-size: 14px;}
.window-service-wx img{max-width: 100px;height: auto;}
.window-service ul li:hover .window-service-tel,
.window-service ul li:hover .window-service-wx{opacity: 1; visibility: visible; transform: translateX(0)}

.bottomxf {display: none;width: 100%;position: fixed;bottom: 0;z-index: 12;background: #0167cc;box-sizing: border-box;}
.bottomxf > a {display:block;float:left;width: 25%;height: 64px;text-align: center;position: relative;border-right: 1px solid #fff;}
.bottomxf > a:last-child {border: 0;}
.bottomxf > a > .iconfont {font-size: 30px;line-height: 40px;color: #FFF;}
.bottomxf > a > p {color:#FFF;}

@media(max-width:768px){
.bottomxf{display: block;}
.window-service{display: none;}
.window-service{position: fixed; top:inherit; bottom: 0; right: 0; width: 100%;}
.window-service ul li{float: left;padding-top: 8px; width: 25%; height: 64px; margin-bottom: 0; border-radius: 0;}
.window-service-tel{display: none; }
.window-service-wx{position: absolute; top: inherit; bottom: 68px; right: 0; z-index: 1; }   
}