/* 容器 */
*{transition: all .3s;}
.container-width{max-width: 1200px; margin: 0 auto; 
    align-items: center;
}
.ma_box{margin-left: 50px;    display: flex;
    align-items: center;
    flex-direction: column;}.ma_box img{width: 130px;height: 130px;}
.ma_box p{font-size: 18px;text-align: center;}
/*  */
.header{padding: 15px 0;}
.footer-right-a,.footer-right-b,.footer1 a{
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width:768px) {
	.header{padding: 5px 10px;}
}
.logo{float: left;}
.logo img{max-width: 100%;}

.nav{padding-left: 50px;}
.nav ul li{float: left; padding: 0 20px;}
.nav ul li a{display: block; line-height: 50px; font-size: 16px;}
.nav ul li a.on{box-shadow: 0 -2px 0 #e03636 inset;color: #e03636;}
.nav ul li a:hover, .nav ul li.current-menu-item > a, .nav ul li.current_page_item > a{box-shadow: 0 -2px 0 #e03636 inset; color: #e03636;}

/* 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;}
/* m-nav-window */
.m-nav-window {position: fixed;top: 0;left: 0;z-index: 10; width: 100%;height: 100%;background-color: #e03636;visibility: hidden;opacity: 0;transform: translateX(120px);}
/* m-navmenu */
.m-navmenu { padding-top: 80px; text-align: center;}
.m-navmenu ul li { padding-bottom: 25px;}
.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);}
/* onshow */
.on-show {opacity: 1;visibility: visible;transform: translateX(0);}
@media screen and (max-width: 1150px) {
	.logo{ width: 80%; margin: 8px 0;}
	.nav{ display: none;}
	.navbar-open {display: block;}

}
@media(max-width: 768px) {
    .company-footer{
        font-size: 20px;
        line-height: 2;
        /* padding-top: 40px; */
        text-align: center;
        padding-bottom: 50px;
        padding-top: 0!important;
    }
    }
/* @media(max-width: 768px) {
	.logo img{height: 50px;}
    .navbar-open {margin-top: 15px;}
    .container-width{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 0!important;
    }
    .logo {
        width: 100%!important;
        margin: 8px 0;
    }
    .logo img {
        height: 22px!important;
    }
} */
@media(max-width: 768px) {
	.logo img{height: 50px;}
	.navbar-open {margin-top: 15px;}
}
@media(max-width: 640px) {
	.logo img{height: 40px;}
	.navbar-open {margin-top: 5px;}
}


/* =================footer================ */
.footer-bg {padding: 40px 0 0;background-color: #414040; color: #fff;}
.footer-left {float: left; width: 70%;}
.footer-left ul li {float: left;width: 50%;padding-right: 55px; color: #fff;}
.footer-left ul li h3 {position: relative; line-height: 40px;border-bottom: 1px solid #666; margin-bottom: 15px;}
.footer-left ul li h3:after{position: absolute; bottom: -1px; left: 0; content: '';width: 100px; height: 1px ; background-color:#e03636 ;}
.footer-left ul li p {font-size: 14px;color: #b2b2b2;line-height: 24px;}

.footer-right {float: left; width: 30%; padding-left: 35px;}
.footer-right dl dt{ line-height: 40px; margin-bottom: 15px; font-size: 14px;}
.footer-right dl dd{margin-bottom: 8px;}
.footer-right dl dd a{color:#b2b2b2; }
.footer-info img {max-width: 100%;}
.footer-info p {line-height: 35px;}
.footer-right dl dd a:hover{color: #fff;}
@media (max-width:768px) {
	.footer-left,
	.footer-right {width: 100%; padding: 0;}
	.footer-right{text-align: center;}
	.footer-right dl{display: none;}
	.footer-info {width: 100%;padding-left: 0;}
}

@media (max-width:640px) {
	.footer-left ul li {float: left;width: 100%;padding: 10px;}
}
.fd-link{border-top: 1px solid #676666;  padding-top: 8px; padding-bottom: 5px;}
.fd-link,
.footer-tag{line-height: 24px; color: #b1b1b1; font-size: 14px;}
.fd-link li a,
.footer-tag a{margin-right: 15px; color: #b1b1b1;}
.footer-tag{padding-bottom: 10px;}

.fd-link li a:hover,
.footer-tag a:hover{color: #fff;}

.site-copyright{line-height: 35px; color: #777; font-size: 12px; background-color: #313030; border-top: 1px solid #333; }
.site-copyright a{color: #777;}
@media (max-width:940px) {
	.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: #e03636; 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: #e03636;color: #fff;  }
.window-service-wx{position: absolute; top: 0; right: 68px; z-index: 1; padding: 15px; border:2px solid #e03636; 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)}

@media(max-width:768px){
.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; }   
}

/*手机footer*/
.footer1 {
    width: 100%;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.footer1 a{
font-size: 16px;
	color:#fff;font-weight: bold;
	}
.footer1 .footer-right{
	width:40%;
	height:48px;
	background: #ce3b32;
	text-align: center;
	line-height: 48px;
	border-right:1px solid #fff;
}
.footer1 .footer-right img{
	width:.4rem;
	margin-right:.1rem;
}
.footer1 .footer-right-b img{
	width:.4rem;
	margin-right:.1rem;
}
.footer1 .footer-right-b{
	height:48px;
	width:60%;
	background: #225fb8;
	text-align: center;
	line-height: 48px;
	font-size: .24rem;
	color:#fff;
}
/* @media (max-width:940px) {
    .footer1{ display:none; } 
} */

@media (max-width:480px) {
	.footer1{ display:flex; }

}