.g-bg-black-opacity-0_4 {
    background-color: rgba(71,6,6,0.8) !important;
}
.g-bg-black-opacity-0_7{
    background-color: rgba(71,6,6,1) !important;
}
.submenu {background-color: rgba(186,21,21,0.7);}
.zlsubmenu ul{background-color: rgba(186,21,21,0.7);}
.zlsubmenu a{color: #fff;}
.zlsubmenu a:hover{color: #fff;}
.about-1 {color: #666;line-height: 1.8;font-size: 16px;text-align: justify;}
.about-1 p {margin: 0;}
.about-1 h4 {font-size: 18px;margin: 0;}

.about-2 {position: relative;padding: 0 80px;}
.about-2 .date {background: url(../images/911_lc.png) no-repeat center / contain;height: 82px;line-height: 72px;color: #fff;text-align: center;font-size: 18px;font-weight: bold;-webkit-transition: all 0.5s;transition: all 0.5s;}
.about-2 i {display: block;position: relative;margin: 20px 0;}
.about-2 i:after {width: 14px;height: 14px;background-color: #fff;border: 1px solid #e74c3c;border-radius: 50%;content: '';display: block;margin: 0 auto;position: relative;z-index: 1;}
.about-2 i:before {position: absolute;left: 0;top: 50%;width: 100%;border-bottom: 1px dashed #999;content: '';}
.about-2 .text {background-color: #fff;margin: 0 15px;padding: 20px;line-height: 1.8;text-align: justify;-webkit-transition: all 0.5s;transition: all 0.5s;}
.about-2 .swiper-slide:hover .date {-webkit-transform: translateY(10px);transform: translateY(10px);}
.about-2 .swiper-slide:hover .text {background-color: #e74c3c;color: #fff;}
.about-2 .swiper-button-prev,.about-2 .swiper-button-next {background-color: #e74c3c;background-size: 10px auto;width: 24px;height: 54px;border-radius: 20px;outline: none;margin: 0;top: 82px;}
.about-2 .swiper-button-prev:hover,.about-2 .swiper-button-next:hover {background-color: #e74c3c;}
.about-2 .swiper-pagination {position: static;margin-top: 15px;text-align: center;font-size: 0;display: none;}
.about-2 .swiper-pagination-bullet {margin: 0 5px;}
.about-2 .swiper-pagination-bullet-active{background-color: #e74c3c;}
 
/*contact*/
.join-hotline {
    text-align: center;
}

.join-hotline .title {
    padding-bottom: 50px;
}


.join-hotline .title h3 {
    font-size: 14px;
    color: #b6180b;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 23px;
    margin-bottom: 18px;
}

.join-hotline .box {
    position: relative;
    z-index: 2
}

.join-hotline-box {
    position: absolute;
    text-align: center;
    background: #b6180b;
    padding: 58px 20px 30px;
    width: 320px;
    left: 5%;
    top: 0;
    margin-top: 4rem;
    color: #fff;
    z-index: 3;
}

.join-hotline-box .logo {
    height: 20px;
}

.join-hotline-box .ico {
    width: 22px;
    display: block;
    margin: 10px auto 10px;
}

.join-hotline-box img {
    width: 145px;
}

.join-hotline-box h1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 70px;
}
.join-hotline-box p{
    margin-bottom:0px;
}

#allmap {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 540px
}

@media screen and (max-width: 767px) {
 	.about-2 {padding: 0 35px;}
    .about-2 .text {margin: 0;}
    .about-2 .swiper-button-prev {left: 0;}
    .about-2 .swiper-button-next {right: 0;}
    .about-2 .swiper-pagination {display: block;}

.join-hotline-box {
    width: 100%;
    left: 0;
    position: relative;
}
#allmap {
    height: 300px;
}
	    }
@media (min-width: 992px){
	.zlsubmenu{width: 100%;max-width: 100%;text-align: center;}

	.zlsubmenu ul li{display: inline-block;}

}