@media only screen and (max-width: 1399px) {
    body{
        zoom: 0.8;
    }
}
@media only screen and (max-width: 1199px) {
    .menuBtn{
        display: block;
    }
    body{
        zoom: 1;
    }
    .header{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background: #FFFFFF !important;
        height: 50px;
        padding: 0;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }
    .header:before{
        display: none;
    }
    body{
        padding: 20px 0 0;
    }
    .hdr{
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        background: #0166B6;
        padding: 30px 15px;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        width: 320px;
        transform: translateX(-320px);
        -ms-transform: translateX(-320px);
        -moz-transform: translateX(-320px);
        -webkit-transform: translateX(-320px);
        -o-transform: translateX(-320px);
    }
    .hdr.open{
        transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
    }
    .nav{
        position: static;
        display: block;
    }
    .nav li a{
        position: relative;
    }
    .nav li a.v1 i,
    .nav li a.v2 i{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 40px;
        background: url(../image/n-ico1.png) center no-repeat;
    }
    .nav li.hover a.v1 i,
    .nav .item.active a.v2 i{
        background-image: url(../image/n-ico2.png);
    }
    .nav .sub{
        position: static;
        width: auto;
    }
    .email-lang{
        position: static;
        justify-content: center;
        margin-bottom: 10px;
    }

    .nav .sub .con{
        position: static;
        width: auto;
    }
    .nav .sub .item a{
        font-size: 14px;
        line-height: 30px;
    }
    .nav .sub .item .con a{
        font-size: 12px;
        text-align: center;
    }
    .time-so{
        display: block;
        height: auto;
        position: static;
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .time-so .time{
        margin-bottom: 10px;
        -webkit-background-size: 16px auto;
        background-size: 16px auto;
        padding-left: 24px;
    }
    .form-so{
        width: auto;
    }
    .logo{
        width: 210px;
        line-height: 50px;
    }
    .logo img{
        display: inline-block;
        vertical-align: middle;
    }
    .nav li{
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .nav li > a{
        font-size: 16px;
        line-height: 40px;
        padding: 0 20px;
    }
    .index-row1-l,
    .index-row3-l,
    .index-row4-l,
    .index-row5-l,
    .index-row6-l,
    .index-row7-l{
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .index-row3{
        margin-bottom: 30px;
    }
    .index-row5{
        margin-bottom: 30px;
    }
    .index-row3-c{
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
    .index-row1-r{
        margin-top: 0;
    }
    .index-row3-r{
        float: none;
        width: auto;
    }
    .index-row4-r{
        width: auto;
    }
    .ul-list2 li{
        float: none;
        width: auto;
    }
    .ul-list4 li{
        float: none;
        width: auto;
    }
    .index-row4-l .box{
        height: auto;
    }
}
@media only screen and (max-width: 959px) {
    .tab-list2 li a{
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
    }
    .index-row7-r .con a{
        width: 50%;
    }
    .g-tit1,
    .g-tit2{
        margin-bottom: 10px;
    }
    .g-tit1 .tit,
    .g-tit2 .tit{
        font-size: 18px;
        line-height: 2.2;
        padding: 0 10px;
        border-radius: 5px;
    }
    .g-tit2 .btn{
        width: 100px;
        font-size: 16px;
        padding-left: 32px;
        -webkit-background-size: 16px auto;
        background-size: 16px auto;
        background-position: 10px center;
    }
    .g-tit1:before{
        width: 3px;
    }
    .index-row2{
        display: block;
    }
    .index-row2 .title{
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .index-row2 .title:after{
        display: none;
    }
    .footer .box{
        padding: 20px;
    }
    .footer .right{
        text-align: center;
    }
    .pc-span{
        display: none;
    }
    .footer .left img{
        margin-right: 10px;
    }
    .index-row7-r .con a{
        display: block;
        font-size: 16px;
        line-height: 2;
        float: none;
        width: auto;
    }
    .tab-list2{
        display: block;
    }
    .tab-list2 li + li:before{
        display: none;
    }
    .tab-list2 li a{
        font-size: 16px;
        line-height: 3;
    }
    .index-row7-l a{
        height: 60px;
        border-width: 2px;
    }
    .ul-list6 a{
        margin: 0 -5px;
    }
    .ul-list6 li{
        width: 50%;
        margin-bottom: 10px;
    }
    .ul-list6 li a{
        margin: 0 5px;
    }
    .index-row6{
        margin-bottom: 20px;
    }
    .index-row6-l .box{
        padding: 10px 10px 0;
    }
    .index-row6-l .box a{
        font-size: 16px;
        line-height: 3;
    }
    .ul-list5 li{
        float: none;
        width: auto !important;
    }
    .ul-list5 li > a{
        padding: 0 10px;
        font-size: 16px;
        line-height: 3;
    }
    .ul-list5 li .img-box{
        padding-left: 20px;
    }
    .ul-list5.h62 li > a{
        margin-bottom: 0;
    }
    .index-row4-r .con a{
        height: 60px;
    }
    .ul-list4 li a{
        font-size: 16px;
        line-height: 2;
        padding: 0;
    }
    .tab-list1{
        display: block;
    }
    .tab-list1 li{
        margin-right: 0;
    }
    .g-dots .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
        margin: 0 2px;
    }
    .g-dots .swiper-pagination-bullet-active{
        width: 16px !important;
    }
    .index-row2 .title{
        height: 60px;
        font-size: 20px;
    }
    .tab-list1 li a{
        font-size: 16px;
    }
    .ul-list5{
        margin-top: 10px;
    }
}