/* mobile */
@media (max-width:600px) {
    body {        
        font-family: '微软雅黑', '宋体', 'simsun', 'sans-serif';
    }
    .tophead_box {
        width: 100%;
        height: auto;
    }

    .tophead_div {
        position: relative;
        margin: 0 auto;
        width: 92vw;
        padding: 7vw 0;
        height: 9.5vw;
        overflow: hidden;
    }

    .tophead_top {
        height: auto;
    }



    .tophead_top h4 {
        float: left;
        width: auto;
        height: 9.5vw;

        cursor: pointer;
    }

    .tophead_top h4 img {
        width: auto;
        height: 9.5vw;
    }

    .mtophead_menu {
        float: right;
        width: 9.5vw;
        height: 9.5vw;
        background:  center center no-repeat;
        background-size: 9.5vw 9.5vw;
    }

    .mtophead_search {
        position: absolute;
        right: 0;
        margin-right: 0;
        background:  center center no-repeat;
        background-size: 14px 14px;
    }

    .tophead_left h6 {
        display: inline-block;
        /* padding-top: 3px; */
        width: 112px;
        height: 14px;
    }

    .tophead_left h6 img {
        width: 112px;
        height: 14px;
    }

    .tophead_right {
        display: none;
        width: 220px;
        height: 32px;
    }

    .tophead_right h4 {
        width: 104px;
        height: 32px;
        background-color: #dfe7ee;
        text-align: center;
        font-size: 18px;
        line-height: 32px;
        color: #070707;
    }

    .tophead_right h4 a {
        color: #070707;
    }

    .tophead_sighin {
        background-color: #0b497d !important;
        color: #fff;
    }

    .tophead_sighin a {
        color: #fff !important;
    }

    .mtophead_pop_div {
        display: none;
        position: fixed;
        padding: 4vw;
        width: 92vw;
        height: calc(100vh - 8vw);
        overflow: hidden;
        z-index: 3;
        background-color: rgba(255, 255, 255, 0.9);

    }

    .tophead_pop_title {
        padding-top: 3vw;
        padding-bottom: 4vw;
        height: 9.5vw;
        border-bottom: 1px solid #7f7f7f;
        margin-bottom: 4vw;
    }

    .tophead_pop_title h4 {
        width: 9.5vw;
        height: 9.5vw;
        cursor: pointer;
    }

    .tophead_pop_title h4 img {
        width: 9.5vw;
        height: 9.5vw;
    }

    .tophead_pop_title h6 {
        float: left;
        height: 9.5vw;
        cursor: pointer;
    }

    .tophead_pop_title h6 img {
        height: 9.5vw;
    }

    .tophead_close {
        float: right;
        width: 9.5vw;
        height: 9.5vw;
        margin-right: 0;
        background:  center center no-repeat;
        background-size: 9.5vw 9.5vw;
    }

    .tophead_pop_input {
        /* border-radius: 6px; */
        width: 100%;
        height: 50px;
        margin-bottom: 6vw;
    }

    .tophead_pop_input input {
        float: left;
        padding: 9px;
        border: 1px solid #aaa;
        padding-right: 0px;
        border-right: 0px;
        width: calc(100% - 60px);
        height: 30px;
        line-height: 30px;
        font-size: 22px;
        color: #656565;
        border-radius: 0 !important;
        -webkit-appearance: none;
    }

    .tophead_pop_input input::input-placeholder {
        color: #656565;
    }

    .tophead_pop_input input::-webkit-input-placeholder {
        color: #656565;
    }

    .tophead_pop_input input::-moz-placeholder {
        color: #656565;
    }

    .tophead_pop_input input::-ms-input-placeholder {
        color: #656565;
    }

    .tophead_searchbt {
        float: left;
        width: 50px;
        height: 50px;
        background:  center center no-repeat;
        background-size: 22px 22px;
        background-color: #083e6d;
    }

    .tophead_pop_list_div {
        height: auto;
    }

    .tophead_pop_list_div ul {
        height: auto;
    }

    .tophead_pop_list_div li {
        text-align: right;
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 26px;
        color: #000;
    }

    .tophead_pop_list_div li a {
        color: #000;
    }

    .local_main_div {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .local_logo_div {
        width: 100%;
        height: auto;
        margin-bottom: 17px;
        overflow: hidden;
    }

    .local_logo {
        margin: 0 auto;
        width: 26.4vw;
        height: auto;
    }

    .local_logo img {
        width: 26.4vw;
    }

    .local_focus_div {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .local_focus_swiper {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .local_focus_swiper p {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .local_focus_swiper p img {
        width: 100%;
        height: auto;
    }

    .local_focus_swiper h4 {
        position: absolute;
        bottom: 0;
        width: calc(100% - 28px);
        padding: 14px;
        height: auto;
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        background-color: rgba(7, 62, 110, 0.7);
        overflow: hidden;
        z-index: 2;
    }

    .local_focus_swiper h4 a {
        color: #fff;
        width: calc(100% - 58px);
        /* text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: nowarp;
        overflow: hidden;
    }

    .local_focus_pagination {
        font-size: 12px;
        left: auto !important;
        right: 0 !important;
        bottom: 23px!important;
        width: 80px !important;
        height: 8px !important;
    }

    .local_focus_pagination .swiper-pagination-bullet {
        border-radius: 3px;
        width: 6px;
        height: 6px;
        background-color: #fff;
        opacity: 1;
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 3px) !important;
    }

    .local_focus_pagination .swiper-pagination-bullet-active {
        background-color: #fff;
        width: 18px;
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 3px) !important;
    }   



    .local_special_div {
        margin: 0 auto;
        width: 92vw;
        height: auto;
        overflow: hidden;
        /* margin-bottom: 30px; */
    }

    .local_title {
        width: 100%;
        height: 40px;
        background:  left center no-repeat;
        background-size: auto 40px;
        /* margin-bottom: 20px; */
    }

    .local_title a {
        font-size: 20px;
        line-height: 40px;
        padding-left: 10px;
        font-weight: bold;
        color: #00447e;
    }

    .local_special { 
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 6vw;
    }

    .local_special ul {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .local_special li {
        width: 100%;
        padding: 4vw 0;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #ececec;
    }

    .local_special li p {
        float: left;
        width: 30vw;
        margin-right: 4vw;
        height: auto;
    }

    .local_special li p img {
        width: 30vw;
        height: auto;
    }

    .local_special_txt {
   
        width: auto;
        height: auto;
        overflow: hidden;
    }

    .local_special_txt h4 {
        width: 100%;
        height: auto;
        font-size: 16px;
        line-height: 22px;
        color: #333;
    
    }

    .local_special_txt h4 a {
        color: #333;
        max-height: 66px;

        /* text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: nowarp;
        overflow: hidden;
    }

    .local_special_txt h4 a:hover {
        color: #00457d;
    }

    .local_special_txt h5 {
        display: none;
        width: 100%;
        height: auto;
        font-size: 14px;
        line-height: 23px;
        color: #333;
    }

    .local_special_txt h5 a {
        color: #333;
    }

    .local_travel {
        float: right;
        width: 390px;
        height: auto;
        overflow: hidden;
    }

    .local_travel ul {
        width: 390px;
        height: auto;
    }

    .local_travel li {
        width: 390px;
        height: auto;
        overflow: hidden;
        margin-bottom: 28px;
    }

    .local_travel li p {
        width: 390px;
        height: 220px;
        margin-bottom: 18px;
    }

    .local_travel li p img {
        width: 390px;
        height: 220px;
    }

    .local_travel li h4 {
        font-size: 24px;
        line-height: 33px;
        color: #333;
    }

    .local_travel li h4 a {
        color: #333;
    }

    .local_news_div {
        margin: 0 auto;
        width: 92vw;
        height: auto;
        overflow: hidden;
    }

    .local_news_right {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .local_comment_div {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 4vw;
    }

    .local_comment_div ul {
        margin-top: 4vw;
        width: 100%;
        height: auto;
    }

    .local_comment_div li {
        width: 97%;
        padding-left: 18px;
        font-size: 16px;
        line-height: 26px;
        color: #333;
        background:  left top no-repeat;
        background-position: 0px 8px;
        margin-bottom: 4vw;
    }

    .local_comment_div li a {
        color: #333;
    }

    .local_contact_div {
        padding:6vw 4vw;
        width: 84vw;
        height: 58vw;
        background:  top center no-repeat;
        background-size: 100% auto;
        /* margin-bottom: 6vw; */
    }

    .local_contact_div h4 {
        padding-left: 32px;
        height: 32px;
        font-size: 22px;
        line-height: 28px;
        font-weight: bold;
        color: #00457d;
        background:  left center no-repeat;
        background-position: 0 6px;
        background-size: 23px 18px;
        margin-bottom: 10px;
    }

    .local_contact_div h5 {
        font-size: 18px;
        line-height: 24px;
        color: #00457d;
        margin-bottom: 8px;
    }

    .local_contact_div h5 a {
        color: #00457d;
    }
    .bottom_map{
        width: 92vw;
        padding:4vw;
        height: auto;
        background-color: #00457e;
    }
    .bottom_map ul{
        width: 100%;        
        height: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;        
    }
    .bottom_map li{
        width: 18vw;        
        height: 8vw;
        font-size: 16px;
        line-height: 8vw;
        text-align: center;
        color: #fff;
        /* margin-bottom: 4vw; */
    }
    .bottom_map li a{
        color: #fff;        
    }
    .bottom_box {
        width: 100%;
        height: auto;
        background-color: #f8f8f8;
    }

    .bottom_div {
        width: 100%;
    }
    .bottom_div img{
        width: 100%;
    }

    .bottom_box2 {
        width: 100%;
        height: 40px;
        background-color: #e6f0f5;
    }
  .mobile_footer_box{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 12px;
  }
  .mobile_footer_lanmu_div{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #00457e;

  }
  .mobile_footer_lanmu_div ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin: 0 auto;
    padding: 0;
    padding-top: 22px;
    padding-bottom: 2px;
    /* border: 1px solid saddlebrown; */
  }
  .mobile_footer_lanmu_div li{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 20%;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 23px;
  }
  .mobile_footer_lanmu_div li a{
    color: #fff;
  }
  .mobile_footer_lang_box{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #e6f0f5;
    height: 44px; 
  }
  .mobile_footer_lang_div{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;

  }
  .mobile_footer_lang_div span{
    float: right;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    margin-left: 33px;        
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: bold;

  }
  .mobile_footer_lang_div span a{
    color: #00457e;
  }
  .langnow{
    color: #00457e;
  }    
  .langnowline{
    color: #00457e;
    text-decoration: underline;
  }
  .mobiel_footer_logo_div{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 0.36rem;
  }
  .mobiel_footer_logo{
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width:40vw;
    height: auto;
    margin-top: 28px;
    margin-bottom: 18px;
  }
  .mobiel_footer_logo img{
    width:40vw;
    height: auto;
  }
  .copyright {
		display: block;
		width: 100%;
		overflow: auto;
		clear: both;
		color: #999;
		text-align: center;
		font-size: 16px;
	}
    .mobileview-language,.mobileview-mobile{
    display:inline;
  } 
  .mobileview-button{
    font-size: 22px;
    border: 2px solid #5077aa;
    width: 180px;
    float: left;
    line-height: 58px;
    text-decoration: none;
    margin: 20px 7px;
    border-radius: 2px;
    text-align: center;
    font-family: "arial";
  }
   .mvl-chinese,.mobileview-phone{
    background-color: rgb(80, 119, 170);
    color:#fff;
}
.mobileview-phone{
    background-color: rgb(80, 119, 170);
    margin-left:150px;
    width:370px;
    height:62px;
}
 .mobileview-phone img{
    margin:10px;
}
    .right-ad{
    width:100%;
    clear:both;
    margin-bottom:20px;
    overflow:auto;
    float:none;
  }
  .right-ad img{
    width:100%;
    max-width:100%;
  }
}