
/* pc端 */
.map_cicle{display: none;}
.news_box{width: 760px;height: 620px;margin: auto;}
.cont{
    width: 100%;overflow: hidden;
     position: relative;overflow: hidden;
     background:url(../map/mapimg.jpg) no-repeat;background-size:cover;
}
.cont .wrap.l-m-c{z-index: 10;}
.cont_wrap{
    position: relative;
    padding: 90px 0 120px 0;
    width: 1520px;max-width: 94%;
}
.cont_map{padding-left: 370px;}

.cont_dropDown{
     width: 180px;
    position: absolute;
    top: 22%;
    left: 0;
    z-index: 2;
    
}
.dropDown_current{
   
    height: 50px;line-height:50px;
    overflow: hidden;
    background:url(../images/delivery_btn.png) no-repeat;
    background-size:100% 100%;
    cursor: pointer;position: relative;color: #fff;
}
.current_font{
   padding-left: 30px;
}
.dropDown_current span{
    position: absolute;right: 30px;top:0;height: 100%;font-size: 16px;
    cursor: pointer;
}
.dropDown_current span img{
    width: 100%;
    height: 100%;
    display: block;
}
.cont_dropDown ul{
    padding-top: 25px;
    margin-top: -25px;
    /*max-height: 400px;*/
    overflow: hidden;
    border-right: 1px solid #e6eaf0;
    /*overflow-y: auto;*/
    
        background:#dee4ec;
    border-radius:0 0 10px 10px;
    border-right: 3px solid #dee4ec;
}
.cont_dropDown ul li{
    
    height: 40px;
    line-height: 40px;
    color: #616161;
   text-align: center;
    cursor: pointer;
}
.cont_dropDown ul li:hover{
    background-color:rgba(187,30,0,0.8);color: #fff;
}
/*.cont_dropDown ::-webkit-scrollbar{
    width: 6px;
    background-color: #c8ccd1;
}
.cont_dropDown ::-webkit-scrollbar-thumb{
    
    background-color: #bb1e00;
}*/
.cont_dropDown ul li.on{
    background-color:rgba(187,30,0,0.8);color: #fff;
}

.network{
  
}
.cl11{
    width: 375px;
    height: 450px;
    left: 13%;
    top: 31%;
}
.cl11 .w{
    padding: 0 30px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.w_tit{
    line-height: 24px;
    margin-bottom: 20px;padding-bottom: 16px;position: relative;
}
.w_tit:after{content: "";position: absolute;bottom:0;left: 0;width:44px;height:2px;background: #fff;}

.w_con{
    width: 100%;
  
    line-height: 26px;
    color: #fff;
    
}

.w_con p{
    position: relative;line-height: 30px;
}
.w_con span{
    position: absolute;
    left: -24px;
    top: 0;
    color: #ffbf29;
}
.cl11 ::-webkit-scrollbar{
    width: 12px;
    background-color: #f3f3f3;
}
.cl11 ::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background-color: #ffba18;
}
.cl11 li:nth-last-of-type(1) .w_con{
    border: none;
}
.c_left{
    left: 13%;
    top: 34%;
}
.c_right{
    left: 46%;
    top: 40%;
}
.cl11 .close1{
    color: #fff;font-size: 20px;
    background: none;
}
.cl11 .close1:hover{opacity: 0.8;color: #fff !important;}
.cont_dropDown ul.add{
    visibility: hidden;
}

@media only screen and (max-width:1366px){
.cont_map{padding-left: 200px;}
}
@media only screen and (max-width:1200px){
.cont_map{padding-left: 90px;}
}
/* ipad */
@media only screen and (max-width: 1024px){
    .cont_wrap{
        position: relative;
        padding: 60px 0;
    }
    .cont_dropDown{
        display: none;
    }
    .address-select li{
        line-height: 34px;
    }
    .address-select li a{color: #fff;}
    .cont_map{
        top: 160px;padding: 0
    }
    .cl11{
        display: none !important;
    }
    .network{
        padding: 2% 0;
    }
  /*  .address-select li:hover{
        background-color: #ffbd21;
        color: #ffffff;
        cursor: pointer;
    }*/

.news_box{width: 100%;height: auto;}


}

/* 手机端 */
@media only screen and (max-width: 767px){
    .cont_wrap{
        position: relative;
        /*padding: 80px 0 324px 0;*/
    }
    .address-select li{
        line-height: 40px;
    }
}


.n_title{position: absolute;top:0;width: 100%;text-align: center;color: #fff;}
.news_box .cl11{width: 300px;background:url(../map/bg.png) no-repeat;background-size: cover;color: #fff ;border-radius: 5px; position: absolute;box-sizing:border-box;padding: 25px 30px;box-shadow: none;border:0;height: auto;/*left: -220px;top:240px;*/}
.news_box .cl11 .w{padding: 0;}
.news_box .w_con{color: #fff ;}
.w_con span{display: none;}


.phone_maptitle{display: none;}

@media only screen and (max-width:1024px){
.n_title{margin-bottom: 30px;position: static;}
.phone_maptitle{display: block;}
}

.dropDown_current span{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.dropDown_current.cur span{transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);}


.contbox{color: #fff;background:rgb(187,30,0,0.8);border:1px solid #fc4f2e; padding: 40px;background-size: 100% 100%;border-radius: 10px;}
.contbox .li_title{font-weight: bold;margin-bottom: 20px;}
.contbox li span{display: none;}
.contbox .li_con p{line-height: 24px;margin-bottom: 10px;}


.scoll_net_w{background: #dee4ec;padding-top: 30px;margin-top: -30px;}
.scoll_net{height: 400px;overflow: hidden;}

.mCSB_scrollTools{width: 6px;right: 3px;}
.mCSB_scrollTools .mCSB_draggerRail{background:#c8cdd1;width: 6px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 6px;background:#cc0000;border-radius: 0;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#cc0000;}
.mCSB_inside>.mCSB_container{margin: 0;}



/*2022-04-02*/
.blank_map{position: absolute;top:-500%;left: -500%;width: 1000%;height: 1000%;background:rgb(0,0,0,0.5);z-index: 9;display: none;}
.news_box .cl11{z-index: 99;color: #554f45;background:#fff;left: 50% !important;margin-left: -150px;}
.news_box .w_con{color: #554f45;}
.w_tit:after{background:#bb1e00;}
.cl11 .close1{color: #554f45;}
.cl11 .close1:hover{color: #554f45 !important; }
.province_ul li i{display: none;}
.province_ul li .i_01{display: block;width: 22px;height: 22px;background:url(../map/network_ic_01.png) no-repeat 0 center;background-size: 100% 100%;position: absolute;left:-21px;top:50%;margin: 0;margin-top: -5px;border: 0;}
.province_ul li .i_02{display: block;width: 11px;height: 28px;background:url(../map/network_ic_02.png) no-repeat 0 center;background-size: 100% 100%;position: absolute;left:-35px;top:50%;margin: 0;margin-top:-10px;border: 0;display: none;}

.province_ul li.current .i_01{background:url(../map/network_ic_01.png) no-repeat 0 center;background-size: 100% 100%;}
.province_ul li.current .i_02{background:url(../map/network_ic_02.png) no-repeat 0 center;background-size: 100% 100%;}
.province_ul li.on .i_01{background:url(../map/network_ic_01.png) no-repeat 0 center;background-size: 100% 100%;}
.province_ul li.on .i_02{background:url(../map/network_ic_02.png) no-repeat 0 center;background-size: 100% 100%;}
.province_ul li#on .i_02{display: block;}

.network{position: static;}
.news_box .onwidth{width: 1130px;max-width:94%; margin-left: 0; box-sizing:border-box;

transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;
}
/*.news_box .onwidth .map_email{display:none;}*/
.w02 li{float: left;width: 33.33%;}
.w02 ul{overflow: hidden;margin: 0 -15px;}
.w02 dl{margin: 0 15px;}
.w02 dt{margin-bottom: 20px;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;cursor: pointer;}
.w02 dt img{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.cl11 .w{overflow: hidden;}
.news_box .onwidth .w_con{overflow: hidden;margin-bottom: 20px;}
.news_box .onwidth .w_con p{float: left;margin-right: 30px;}
.news_box .onwidth .w_con p:last-child{margin-right: 0;color: #554f45;}
.m_dd01{color:#b80022;font-weight: bold;margin-bottom: 10px;}
.m_dd02 h3,.m_dd02 p{color: #616161;line-height: 30px;}

.mimgbox_tac,.m_imgblank_70{display: none;}
.m_imgblank_70{position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 99991;background: rgb(0,0,0,0.7);}
.mimgbox_tac{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;z-index: 99992;}
.mimgbox_tac img{max-width: 100%;}
.mimgbox_close{position:absolute;top:-40px;right: 0;color:#fff;font-size: 30px;cursor: pointer;}


.contbox_list{position: relative;margin-top: 20px;}

@media only screen and (max-width:1024px){
.m_dd02 h3,.m_dd02 p{line-height: 24px;color:#fff;}

.contbox_list li{margin-bottom: 20px}
.contbox_list li:last-child{margin-bottom: 0;}
.contbox_list .swiper-wrapper{display: block;}
.contbox_list dt{margin-bottom: 10px;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.contbox_list dt img{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.cont{background: #97b9df;}
/*.contbox .map_email{display: none;}*/
.m_dd01{color: #b43d2d;}
.blank_map{display: none !important;}
}

@media only screen and (max-width:767px){
.contbox{padding: 30px;}
}



