/* 容器 */
*{transition: all .3s;}
.container-width{max-width: 1200px; margin: 0 auto; padding: 0 15px;}

/*  */
.top{line-height: 35px; background-color: #f7f7f7; color: #7f7f7f;}
@media(max-width: 860px) {
	.top{display: none;}
}
/* header */
.header{padding: 30px  0px;}
@media (max-width:768px) {
	.header{padding: 5px 0;}
}
.logo{float: left;}
.logo img{max-width: 100%;}
@media (max-width: 1150px) {
	.logo{ margin: 8px 0;}
}
@media(max-width: 768px) {
	.logo{ margin: 0;}
	.logo img{height: 50px;}
}
@media(max-width: 640px) {
	.logo img{height: 40px;}
}
.header-search{ float: left; margin-left: 150px; margin-top: 10px; border: 1px solid #056fb8; line-height: 35px; border-radius: 40px 0 0 40px; overflow: hidden;}
.header-search input{line-height: 38px; padding: 0 15px;}
.header-search button{ padding: 0 20px; line-height: 38px; background-color: #056fb8; color: #fff;}
.header-search button i{font-size: 20px; vertical-align: middle;}
@media (max-width:1200px) {
	.header-search{ margin-left: 100px;}
}
@media (max-width:970px) {
	.header-search{display: none;}
}

.hearder-tel{position: relative; float: right; padding-left: 45px;margin-top: 10px;}
.hearder-tel span{position: absolute; top: 0; left: 0;  }
.hearder-tel span i{font-size: 38px; color: #f9b62c;}
.hearder-tel h3{font-weight: bold;}
.hearder-tel p{font-size: 14px; color: #777; }
@media (max-width:768px) {
	.hearder-tel{display: none;}
}

/* open */
.navbar-open {float: right;width: 20px;height: 40px;margin-top: 20px;display: none;}
.navbar-open span {display: block;width: 18px;height: 1px;background-color: #666;margin: 0 auto;}
.navbar-open span:first-child {margin-top: 12px;}
.navbar-open span:nth-child(2) {margin-top: 6px;width: 18px;}
.navbar-open span:last-child {margin-top: 6px;}
/* nav */
.nav{background-color: #f5f5f5;}
.nav-list>li{position: relative; float:left; width: 14.2%; text-align: center;}
.nav-list>li>a{display:block; line-height: 50px; font-size: 16px;}
.nav-list>li.current-menu-item>a{background-color:#056fb8;color: #fff;}
.nav-list>li:hover>a{background-color:#056fb8;color: #fff;}
.sub-menu{position: absolute;top: 50px; left: 0; width: 100%; z-index: 2; background-color: #fff; transform: translateY(10px); visibility: hidden; opacity: 0;}
.sub-menu li a{display: block; padding: 10px 0;}
.sub-menu li a:hover{background-color: #378cc6; color: #fff;}
.nav-list>li:hover .sub-menu{transform: translateY(0); visibility: visible; opacity: 1;}
/*  */

@media(max-width: 768px) {
	.nav{display: none;}
	.navbar-open {display: block;}
	.navbar-open {margin-top: 15px;}
}
@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 { padding-top: 80px; text-align: center;}
.m-navmenu ul li { padding-bottom: 15px;}
.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 {background-color: #343638; color: #b9b9b9;}
.footer-nav{border-bottom: 1px solid #47494a;}
.footer-nav ul li{float: left; padding: 15px 0; padding-right:85px; }
.footer-nav ul li a{color: #aeaeaf;}
.footer-nav ul li a:hover{color: #056fb8;}

.footer-logo,
.footer-address,
.footer-tel,
.footer-info{float: left; height: 105px; border-right: 1px solid #47494a; margin-top: 30px; margin-bottom: 30px;}

.footer-logo { width: 22%;}
.footer-logo img{max-width: 100%;}

.footer-address{width: 36%; padding: 18px 0 0 35px;}
.footer-address p{padding-bottom: 5px;}
.footer-tel{width: 22%; padding-top: 5px; padding-left: 35px; font-family: arial;}
.footer-tel h3{font-size: 24px; color: #fff; padding: 5px 0;}
.footer-tel a{display: inline-block; padding: 0 25px; background-color: #056FB8; line-height: 36px; color: #fff;}

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

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

}

@media (max-width:640px) {
	.footer-left ul li {float: left;width: 100%;padding: 10px;}
}
.fd-link{border-top: 1px solid #676666;  padding: 10px;}
.fd-link li{margin-right: 15px;display: inline-block; }
.fd-link a{color: #b1b1b1;}
.fd-link a:hover{color: #fff;}

.site-copyright{line-height: 35px; color: #777; font-size: 12px; background-color: #2d2e30; border-top: 1px solid #333; ;}
.site-copyright a{color: #777;}
.site-copyright a:hover{color: #056fb8;}

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

/* window-service */
.window-service{position: fixed; top: 250px; right: 10px; z-index: 3;}
.window-service ul li{position: relative ; background-color: #056fb8; padding-top: 8px; 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: #056fb8;color: #fff;  }
.window-service-wx{position: absolute; top: 0; right: 68px; z-index: 1; padding: 15px; border:2px solid #056fb8; border-radius: 4px; background-color: #fff;}
.window-service-wx h3{color: #666; font-size: 14px;}
.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: #056fb8;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; }   
}

.window-form{position: fixed; top: 0; left: 0; z-index: 9; width: 100%; height: 100%;border-radius: 4px; background-color: rgba(0,0,0,.6);display: none;}
.window-form-box{position: absolute; top: 50%; left: 50%; margin-left: -200px;margin-top: -255px; width: 400px;background-color: #fff; padding: 30px;visibility: hidden; opacity: 0; transform: scale(.9); transition: all .3s;}

.window-form-box h3{font-size: 24px; color: #1E379C; padding-bottom: 15px; text-align: center}
.window-form-box p{font-size: 14px; color: #666; padding-bottom: 15px;text-align: center}
.window-form-box input,
.window-form-box button{width: 100%; display: block; line-height: 38px; }

.window-form-box input{margin-bottom: 15px; padding: 0 15px; border: 1px solid #eee; background: none;}
.window-form-box button{background-color:  #1E379C; font-size: 16px; text-align: center; color: #fff; border-radius: 4px;}

.close-window-form{position: absolute; top: 0; right: 0; z-index: 1; width: 40px; height: 40px; line-height: 40px; text-align: center; transform: rotate(45deg); font-size: 35px;cursor: pointer;}

.form-animation{visibility: visible!important; opacity: 1!important; transform: scale(1)!important;}

.screen-reader-response,.wpcf7-response-output,.wpcf7-not-valid-tip{display: none;}