@charset "utf-8";
/**************** public ****************/
.container-full{padding-left: 140px;padding-right: 140px;}
.container-width{max-width: 1400px;margin: 0 auto; padding-left: 15px;padding-right: 15px;box-sizing: border-box;}
@media (max-width:1600px) {
	.container-full{padding-left: 100px;padding-right: 100px;}
}
@media (max-width:1400px) {
	.container-full{padding-left: 60px;padding-right: 60px;}
}
@media (max-width:1200px) {
	.container-full{padding-left: 15px;padding-right: 15px;}
}
/* 隐藏 */
.v-hidden{overflow: hidden;}
/* 内边距 */
.pd50{padding-top: 50px; padding-bottom: 50px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}
/* 背景铺满 */
.full-bg{background-repeat: no-repeat; background-size: cover; background-position: center;}
/* 字体图标  */
 @font-face {
	font-family: 'iconfont';
	src: url('../iconfont/iconfont.eot');
	src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
		 url('../iconfont/iconfont.woff') format('woff'),
		 url('../iconfont/iconfont.ttf') format('truetype'),
		 url('../iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 
/**************** header ****************/
.x-header{position: fixed; top: 0; left: 0; z-index: 3;padding: 15px 0; width: 100%; transition: all .3s;overflow: hidden;}
.x-header::before{position: absolute; top: 0; left: 0; content: ''; z-index: -1; width: 100%;height: 0; background: #fff; transition: all .3s;}
@media (max-width:768px) {
	.x-header{position: absolute;}
}

.x-logo img{height: 40px; transition: all .3s;}
.x-nav{float: right;visibility: hidden; opacity: 0; transition: all .3s;}
.x-nav ul li{float: left; padding-left: 65px;}
.x-nav ul li a{display: block; line-height: 40px; font-size: 16px; color: #fff; transition: all .3s;}
.x-nav ul li a:hover{color: #006CB7;}

.fixed{box-shadow: 0 0 10px rgba(0,0,0,.1);}
.fixed::before{ height:70px;}
.fixed .x-nav{visibility: visible; opacity: 1;}
.fixed .x-nav ul li a{color: #666;}
.fixed .x-nav ul li a:hover{color: #006CB7;}

.current{color: #006CB7;}

.x-sidebox{position: absolute; top: 0; right: 0; z-index: 7; width: 45px; height: 65px;display: flex;align-items: center; justify-content: center; }
.page-open-navbar{color: #fff;}
.open-navbar{text-align: center; cursor: pointer;}
.open-navbar i{font-size: 24px;}
.open-navbar p{font-size: 12px;}
@media (max-width:960px) {
	.open-navbar{color: #fff;}
}

/**************** footer ****************/
.x-footer{background-color: #1E1E1E;}
.x-footer-logo{float: left; width: 15%;}
.x-footer-info{float: left; width: 65%;padding:0 50px ;}
.x-footer-nav li{position: relative; float: left; width: 20%;text-align: center;}
.x-footer-nav li::before{position: absolute;top: 50%; left: 0; content: '';margin-top: -7px; display: block; width: 1px ; height: 15px; background-color: #4C4C4C; transform: rotate(25deg); }
.x-footer-nav li:first-child::before{display: none;}
.x-footer-nav li a{color:#4C4C4C;}
.x-footer-address{margin-top: 15px; border-top: 1px solid #444;border-bottom: 1px solid #444;}
.x-footer-address li{padding: 8px 0; color: #4C4C4C;}
.x-footer-address li i{padding-right: 5px; color: #4C4C4C;}
.x-footer-wx{float: right;width: 20%;color: #fff;text-align: right; font-size: 12px;}
.x-footer-wx img{width: 100px;margin-bottom: 8px;}
.x-footer-nav li a:hover{color: #fff;}
@media (max-width:960px) {
	.x-footer-logo{ width: 20%;}
	.x-footer-info{ width: 80%;padding:0 0 0 50px ;}
	.x-footer-wx{width: 100%;}
}
@media (max-width:768px) {
	.x-footer-logo{ width: 100%;text-align: center;}
	.x-footer-info{ width: 100%;padding:0;}
	.x-footer-address {border-bottom: none;}
	.x-footer-address li{width:100%;margin-bottom: 15px;}
	.x-footer-nav{display: none;}
	
}
/**************** copyright ****************/
.site-info{line-height: 35px; color: #74797e; font-size: 12px; background-color: #222;}
.site-info a{color: #777;}
@media(max-width:768px){
	.site-info{margin-bottom: 45px;}
}


/**************** ****************/
/* close */
.close-navbar {position: absolute;top: 5px;right: 5px;width: 35px;height: 35px;}
.close-navbar span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #fff;}
.close-navbar span:first-child {transform: rotate(45deg);}
.close-navbar span:last-child {transform: rotate(-45deg);}

.m-nav-window {position: fixed;top: 0;right: 0;z-index: 10; width: 250px;height: 100%;background-color:#2471A9;visibility: hidden;opacity: 0;transform: translateX(120px);transition: all .3s;}
/* m-navmenu */
.m-navmenu { padding-top: 80px; text-align: center;}
.m-navmenu li { padding-bottom: 15px;}
.m-navmenu li a {color: #fff;font-size: 18px;}
/* onshow */
.on-show {opacity: 1;visibility: visible;transform: translateX(0);}
@media (max-width:960px) {
	.m-nav-window {width: 100%;}
}
/**************** ****************/
/*window-service*/
.window-service{position: fixed; top: 350px; right: 0; z-index: 3;}
.window-service ul li{position: relative ; background-color: #fff; padding-top: 8px; width: 45px; height: 45px;text-align: center; cursor: pointer}
.window-service ul li a{color: #333;}
.window-service ul li i{font-size: 22px; color: #333;}
.window-service ul li:nth-child(3),
.window-service ul li:last-child i{font-size: 20px;font-weight: 700;}
.window-service-tel,
.window-service-wx-pic{position: absolute; top: -45px; right: 46px; z-index: -1; padding: 10px; background-color: #fff;transition: all .3s;opacity: 0; visibility: hidden; transform: translateX(10px);}
.window-service-wx-pic img{width: 120px;}
.window-service-wx-pic h3{margin-top: 8px; font-size: 14px;color: #777;}
.window-service-tel{top: 0;right: 45px; padding: 0 15px; height: 45px; line-height: 45px; font-size: 20px; white-space: nowrap;}
/* hover */
.window-service ul li:hover .window-service-tel,
.window-service ul li:hover .window-service-wx-pic{opacity: 1; visibility: visible; transform: translateX(0)}

/*  */
@media(max-width:960px){
	.window-service{ top:inherit; bottom: 50px; right: 0;}
}
@media(max-width:768px){
	.window-service{ bottom: 0;  width: 100%;}
	.window-service ul li{float: left; width: 25%;}
	.window-service ul li:last-child{display: none;}
	.window-service-wx-pic{top: inherit; bottom: 46px;}
}