body{font-family: 'Noto Sans SC', sans-serif;max-width: 1920px;}
.header{display: flex;background-color: #fff;width: 100%;z-index: 999999;max-width: 1920px;}
.container-fluid{width: 100%;}
.container{max-width: 1320px;}
.logo{line-height: 55px;}
.logo img{height: auto;width: auto;max-width: 200px;width: 100%;height: auto;}
.header .toggle{z-index: 9980;min-height: 24px;position: absolute;top: 15px;right: 5%;width: 25px;display: block;cursor: pointer;box-sizing: content-box;font-size: 20px;line-height: 24px;}
.header .toggle span{width: 25px;top: 50%;transform: translateY(-50%);transform-origin: 50% 50%}
.header .toggle span,.header .toggle span:before,.header .toggle span:after {position: absolute;left: 0;height: 1px;background: #182631;transition: all .1s ease}
.header .toggle span::before, .header .toggle span::after {content: '';width: 100%}
.header .toggle span::before {top: -10px}
.header .toggle span::after {bottom: -10px}

.f-ping{padding: 30px 0 20px;}
.red{color: red;}
/*title*/
.title1{text-align: center;border-bottom: 1px solid rgba(255,255,255,0.2);position: relative;padding-bottom: 14px;margin: 0 10px;}
.title1 h4{color: #fff;font-size: 1.6rem;background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.1) 8%, #fff, rgba(51, 51, 51, 0.1) 100%);-webkit-background-clip: text;/*color: transparent;*/}
.title1 p{text-transform: uppercase;color: rgba(255,255,255,0.5);font-size: 12px;letter-spacing: 1px;}
.title1:after{content: '';position: absolute;left: 50%;bottom: -4px;width: 8px;height: 8px;background: #fff;border-radius: 50%;}

.title2{text-align: center;}
.title2 h4{font-size: 1.6rem;color: #21479a;margin-bottom: 10px;}
.title2 p{color: rgba(51, 51, 51, 0.8);display: inline-block;width: 90%;}
.title2 span{font-size: 14px;color: #ccc;text-transform: uppercase;letter-spacing: 2px;display: inherit;}
/*footer*/
.footer{background: #2E2E2E;}
.footer .banv{float: left;display: flex;width: 70%; justify-content: space-between; }
.footer .banv .banv_1{}
.footer .banv .banv_1 .item{float: left;line-height: 26px;padding: 0 10px;}
.footer .banv .banv_1 .item h4{margin-bottom: 24px;padding: 0 34px;}
.footer .banv .banv_1 .item h4 a{color: #fff;font-size: 16px;}
.footer .banv .banv_1 .item a{color: rgba(255, 255, 255, 0.6);display: block;font-size: 14px;line-height: 26px;}
.footer .banv .banv_2{color: rgba(255, 255, 255, 0.6);padding: 20px 0;}

.footer .info{float: right;}
.footer .info .tel{color: #fff;font-size: 26px;letter-spacing: 1px;}
.footer .info .tel small{font-size: 22px;}

.footer .info .ewm{display: flex;text-align: center;justify-content: space-between;margin: 10px 0;}
.footer .info .ewm img{width: 77px;height: 77px;}
.footer .info .ewm dd{font-size: 14px;color: #fff;line-height: 30px;}

.copyright{border-top: 1px solid #4D4D4D;text-align: center;color: rgba(255, 255, 255, 0.6);font-size: 14px;clear: both;padding: 15px 0;}
@media (max-width: 991px) {
    .mask-bg {position: fixed;width: 100%;height: 100%;display: none;height: 100vh;background-color: rgba(95, 95, 95, 0.93);overflow: hidden;z-index: 99;top: 0;left: 0;}
    .mask-bg.active {display: block;}
    .nav {position: fixed;z-index: 999;top: 0px;right: 0px;width: 0px;background: #fff;height: 100%;height: 100vh;opacity: 0;transition: all 0.2s linear;overflow-y: auto;}
    .nav.active {opacity: 1;width: 300px;max-width: 60%;z-index: 9999;}
    .nav ul li {line-height: 45px;text-align: left;position: relative;}
    .nav>ul>li>a {padding-left: 30px;display: block;color: #999;font-size: 15px;line-height: 3.5;border-bottom: 1px solid #dcdcdc;}
    .nav>ul>li.current>a{color: #21479A;}
    .nav ul li .sub-menu{display: none;}
    .nav>ul>li.current .sub-menu{display: block;}
    .sub-menu .container,.sub-menu .row,.sub-menu .item3,.sub-menu .item3>div{padding: 0;}
    .nav ul li>i {position: absolute;right: 0px;top: 0px;width: 50px;height: 50px;line-height: 50px;text-align: center;transition-duration: 0s;}
    .nav .item3 .limt a{padding-left: 60px;font-size: 14px;background-color: #eeeeee;display: block;border-bottom: 1px solid #dcdcdc;color: #999;}
    .nav .item3 .limt a.on{color: #21479A;}

    .title1 h4{font-size: 1.4rem;}
    .title2 h4{font-size: 1.4rem;}
}
@media (min-width: 768px) {
	.title1 h4{font-size: 2.2rem;}
	.title1 p{letter-spacing: 2px;line-height: 30px;}

	.title2{font-size: 2.2rem;margin-bottom: 14px;}
	.title2 p{font-size: 18px;line-height: 30px;}
}
@media (min-width: 992px) {
	.header{height: 100px;}
	.logo {display: flex;height: 100px;align-items: center;}
	.logo img{max-width: 300px;}
	.nav {height: 100px;flex: 5;/*padding-left: 80px;*/overflow: hidden;}
	.nav>ul{display: flex;justify-content: center;}
	.nav>ul>li{/*width: calc(100%/9);*/text-align: center;height: 100px;display: flex;align-items: center;float: left;justify-content: center;position: relative;}
	.nav>ul>li>a{line-height: 30px;position: relative;z-index: 1;display: block;padding: 0 12px;}
	.nav>ul>li>a:before{content: '';transform: skew(30deg);-webkit-transform: skew(30deg);-moz-transform: skew(30deg);-o-transform: skew(30deg);-ms-transform: skew(30deg);position: absolute;left: 0;width: 100%;height: 100%;z-index: -1;border-radius: 4px;transition: all .6s;}
	.nav>ul>li:hover>a,.nav>ul>li.current>a{color: #fff;}
	.nav>ul>li:hover>a:before,.nav>ul>li.current>a:before{background-color: #21479A;}
	.nav>ul>li:after{content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 0;border-left: 13px solid transparent;border-right: 13px solid transparent;border-bottom: 20px solid #21479A;transform: translate(-50%,100%);transition: all .6s;opacity: 0;display: none;}
	.nav>ul>li:hover:after,.nav>ul>li.current:after{opacity: 1;transform: translate(-50%,0);}
	.nav li .sub-menu{transition: 0.5s ease 0s;transform-origin: top;opacity: 0;transform: scale(1, 0);overflow: hidden;background: #21479A;left: 0;z-index: 2;padding: 30px 0;position: fixed;width: 100%;box-shadow: 0 3px 3px -1px #ccc;top: 100px;color: #fff;text-align: left;}
    .nav li:hover .sub-menu{opacity: 1;transform: scale(1, 1);}
	.sub-menu .item1 h5{padding: 10px 0;}
	.sub-menu .item1 a.more{margin-top: 28px;border: 1px solid rgba(255, 255, 255, 0.3);display: inline-block;padding: 4px 24px;}
	.sub-menu .item3 .limt{border-bottom: 1px solid rgba(255, 255, 255, 0.3);line-height: 50px;display: flex;justify-content: space-between;align-items: center;}
	.sub-menu .item3 a{font-size: 18px;color: rgba(255, 255, 255, 0.8);}
	.sub-menu .item3 a:hover{color: #fff;}
	.phone{background: url(/skin/img/i1.jpg) no-repeat center left;padding-left: 50px;color: #858585;height: 100px;display: flex;align-content: center;flex-wrap: wrap;justify-content: flex-start;}
	.phone p{font-size: 24px;color: #21479a;font-weight: 700;}

	.f-ping{padding: 50px 0;}

	.title2 p{width: 83%;}
	.title2 span{font-size: 22px;letter-spacing: 3px;}
	/*footer*/
	.footer{padding-top: 50px;}
}
@media (min-width: 1200px) {
	.f-ping{padding: 70px 0;}

	.title2 h4{font-size: 36px;}
	.title2 p{width: 63%;}

	.nav>ul>li{margin: 0 5px;}

}