

.sub_menu{border:1px solid #e3e3e3;padding:10px;background-color: #f2f2f2}
.sub_menu>div{display:flex;;max-width:1260px;margin:0 auto;background-color: #fff; border:1px solid #e3e3e3}
.sub_menu>div>div{;border-right:1px solid #e3e3e3;display:flex;justify-content: center;align-items: center;cursor: pointer}
.sub_menu>div>div:first-child>a{background-color: #11438b;color:#fff;display:block;line-height: 36px;width:36px;text-align: center}
.sub_menu ul li ul{;;position: absolute;left:0;display:none;border:1px solid #e3e3e3;width:100%;background-color: #fff;z-index: 111}
.sub_menu ul li ul li a{padding:0 0 0 10px;line-height: 36px;display: block;}
.sub_menu ul span{display: inline-block;width:140px;line-height: 36px;padding:0;position: relative;cursor: pointer}
.sub_menu ul span>span{padding:0 0 0 10px}
.sub_menu ul>li>span{border-right: 1px solid #e3e3e3;}
.sub_menu ul span i{position: absolute;right: 10px;top:40%}


.sub_menu ul li{position: relative;cursor: pointer}
.sub_in_menu_text, .sub_in_menu_text2{display:none;}


.sub1_title{background:url(../images/mobile/m_sub_title/m_sub1_title_bg.jpg) center center}
.sub2_title{background:url(../images/mobile/m_sub_title/m_sub2_title_bg.jpg) center center}
.sub3_title{background:url(../images/mobile/m_sub_title/m_sub3_title_bg.jpg) center center}
.sub4_title{background:url(../images/mobile/m_sub_title/m_sub4_title_bg.jpg) center center}
.sub5_title{background:url(../images/mobile/m_sub_title/m_sub5_title_bg.jpg) center center}
.sub6_title{background:url(../images/mobile/m_sub_title/m_sub6_title_bg.jpg) center center}
.sub7_title{background:url(../images/mobile/m_sub_title/m_sub7_title_bg.jpg) center center}
.sub8_title{background:url(../images/mobile/m_sub_title/m_sub8_title_bg.jpg) center center}


.sub_title{height:225px;display: flex;justify-content: center;align-items: center;text-align: center;color:#fff;background-size:cover !important;background-repeat: no-repeat;font-size:16px;}
.sub_title h2{color:#fff;font-size:36px;}
.sub_title>div{margin:40px 0 0}


@media screen and  (min-width:500px){
    .sub_title{height:270px}
}


@media screen and (min-width:768px){

    .sub_title{height:300px}
    .sub1_title{background:url(../images/sub_title/sub1_title_bg.jpg) center center}
    .sub2_title{background:url(../images/sub_title/sub2_title_bg.jpg) center center}
    .sub3_title{background:url(../images/sub_title/sub3_title_bg.jpg) center center}
    .sub4_title{background:url(../images/sub_title/sub4_title_bg.jpg) center center}
    .sub5_title{background:url(../images/sub_title/sub5_title_bg.jpg) center center}
    .sub6_title{background:url(../images/sub_title/sub6_title_bg.jpg) center center}
    .sub7_title{background:url(../images/sub_title/sub7_title_bg.jpg) center center} 
    .sub8_title{background:url(../images/sub_title/sub8_title_bg.jpg) center center} 

    .sub_title{font-size:18px;}
    .sub_title h2{;font-size:40px;}
    .sub_title>div{margin:70px 0 0}

    .sub_menu ul span{width:200px}

}

@media screen and (min-width:950px){

}


@media screen and (min-width:1024px){



    .sub_title>div>div{width:50%;}
    .sub_title>div>div:last-child{width:auto;}


    .sub_menu>div>div:first-child>a{;line-height: 48px;width:48px;text-align: center;font-size:18px;width:45px;line-height: 45px;}
    .sub_menu ul span{line-height: 45px;width:280px;font-size:16px;padding:0}
    .sub_menu ul span>span{padding:0 0 0 20px}

    .sub_menu ul li ul li a{padding:0 0 0 20px;line-height: 45px;}
}


@media screen and (min-width:1200px){
    .sub_title>div>div:last-child{right:60px;}


}