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


/* ---------------导航--------------- */
.header-index{position: fixed; top: 0; left: 0; z-index: 3; width: 100%; background-color: rgba(255,255,255,.9);}
@media (max-width:768px) {
	.header-index{position: static; }
}

.logo{float: left;padding-top: 11px;}
.logo img{max-width: 100%;}
@media (max-width: 1400px) {
}
@media(max-width: 768px) {
	.logo{padding-left: 10px;}
	.logo{padding-top: 5px;}
	.logo img{height: 40px;}
}

/* nav */
.nav{float: left; padding-left: 20px;}
.nav ul li{position: relative; float:left; padding: 0 15px; text-align: center;}
.nav ul li a{display:block; line-height: 68px; border-bottom: 2px solid transparent; font-size: 14px;}
.nav ul li a.on{color: #BE1D21;border-bottom: 2px solid #BE1D21;}
.nav ul li:hover a{color: #BE1D21;border-bottom: 2px solid #BE1D21;}
@media (max-width:1400px){
	.nav{float: left; padding-left: 20px;}
}
@media (max-width:1250px){
	.nav{display: none;}
}
/*  */
.site-language{position: relative; float: right; padding: 5px 10px; margin-top: 20px;font-family: arial;color: #999;}
.site-language a{color: #999;}
.site-language a.on{color: #BE1D21;}
.site-language a:hover{color: #BE1D21;}
@media (max-width:1250px){
	.site-language{margin-right: 15px;}
}
@media (max-width:768px) {
	.site-language{display: none;}
}

/* open */
.navbar-open {float: right; width: 40px;height: 70px;  cursor: pointer;display: none; }
.navbar-open span {display: block;width: 30px;height: 2px;background-color: #666;margin: 0 auto;}
.navbar-open span:first-child {margin-top: 23px;}
.navbar-open span:nth-child(2) {margin-top: 8px;}
.navbar-open span:last-child {margin-top: 8px;}

/*  */
@media (max-width:1250px){
	.navbar-open {display: block;}
}
@media(max-width: 768px) {
	.navbar-open {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: 10; width: 100%;height: 100%;background-color:#BE1D21;visibility: hidden;opacity: 0;transform: translateX(120px);}
/* m-navmenu */
.m-navmenu { 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;}
}
/*  */
.m-site-language{position: absolute; top: 10px; left: 10px; padding: 5px 10px;  border-radius: 30px; background-color: #fff; font-family: arial;display: none;}
.m-site-language a.on{color: #BE1D21;}
.m-site-language a:hover{color: #BE1D21;}
@media (max-width:768px) {
	.m-site-language{display: block;}
}
/* 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);}
/* onshow */
.on-show {opacity: 1;visibility: visible;transform: translateX(0);}
/* =================footer================ */
.footer-bg {padding-top: 70px; background-color:#E2E2E2;}
.footer-nav{float: left; width: 70%;}
.footer-nav dl{float: left; width: 14.28%;}
.footer-nav dl dt{padding-bottom: 15px; font-size: 15px; color: #333;}
.footer-nav dl dd{padding-bottom: 8px;}
.footer-nav dl dd a{ color: #777; font-size: 12px;}
.footer-nav dl dd a span{font-family: simsun; padding-right: 5px;}
.footer-nav dl dd a:hover{color: #BE1D21;}

.footer-address{float: left;width:20%;}
.footer-address h3 {padding-bottom: 15px;}
.footer-address p {padding-bottom: 8px;  font-size: 12px;color: #777;}

.footer-wx{float: right;width: 8%;}
.footer-wx img{width: 100%;}

.footer-link{float: left; padding: 15px 0;}
.footer-link a{margin-right: 15px;display: inline-block; color: #b1b1b1;}
.footer-link a:hover{color: #BE1D21;}

.footer-shar{float: right;padding: 15px 0;}
.footer-shar a{margin-right: 10px;}
@media (max-width:1150px) {

}

@media (max-width:768px) {
	.footer-bg {padding-top: 40px;}
	.footer-nav{display: none;}
	.footer-address,
	.footer-wx{ width: 100%; text-align: center;}
	.footer-wx img{max-width: 120px;}
	.footer-link,
	.footer-shar{float: none; width: 100%;padding: 10px 0;}
}

@media (max-width:640px) {
}


.site-copyright{line-height: 35px; color: #777; font-size: 12px; background-color: #F4F4F4; text-align: center;}
.site-copyright a{color: #777;}
@media (max-width:768px) {
	.site-copyright{line-height: 25px;}
}
/* window-service */
.window-service{position: fixed; top: 250px; right: 10px; z-index: 3;}
.window-service ul li{position: relative ; background-color: #BE1D21; 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: #BE1D21;color: #fff;  }
.window-service-wx{position: absolute; top: 0; right: 68px; z-index: 1; padding: 15px; border:2px solid #BE1D21; border-radius: 4px; background-color:#BE1D21;}
.window-service-wx h3{color: #fff; 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)}

@media(max-width:768px){
.window-service{display: none;}
}