
@media only screen and (max-width: 1220px){

    /*头部标识开始*/
    .header{
        width: 980px;
        height: auto;
        margin: 0 auto;
    }
    .header_left1{
        width: auto;
        height: auto;
        float: left;
        margin-right: 10px;
    }
    .header_left2{
        width: auto;
        height: auto;
        float: left;
        margin-right: 10px;
    }
    .header_center{
        width: 270px;
        height: auto;
        float: left;

    }
    /*头部标识结束*/
    /*导航标识开始*/
    .nav{
        width: 980px;
        height: auto;
        background: white;
        margin: 0 auto;
        padding: 8.5px 0px;
    }
    .logo{
        width: 245px;
        height: auto;
        float: left;
    }
    .nav_right{
        width: 735px;
        height: auto;
        float: right;
    }
    .nav_right_content{

        width: 100%;
        height: auto;
        padding-left: 9%;
        margin-left: 0;

    }
    .nav_right_content>div:nth-child(1){
        height: auto;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .nav_right_content>div:nth-child(2){
        height: auto;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
    }
    .nav_right_content>div:nth-child(3){
        height: auto;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .nav_right_content>div:nth-child(4){
        height: auto;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .nav_right_content>div:nth-child(5){
        height: auto;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .nav_right_content>div:nth-child(6){
        height: auto;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .nav_right_content>div:nth-child(7){
        height: auto;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    /*导航标识结束*/
    /*尾部标识开始*/
    .footer_top{
        width: 980px;
        height: auto;
        margin: 0 auto;
    }
    .footer_bottom .wrap{
        width: 98%;
    }
    /*尾部标识结束*/
}
}
@media only screen and (max-width: 990px){
    /*头部标识开始*/
    header{
        display: none !important;
    }
    .page_header{
        min-height: 300px;
    }
    body #ph_header{
        display: block;
    }
    #ph_header_empty{
        height: 60px;
    }
    #header{
        display: none;
    }
    #nav{
        display: none;
    }
    /*头部标识结束*/
    /*导航标识开始*/
    .nav{
        width: 750px;
        height: auto;
        background: white;
        margin: 0 auto;
        padding: 8.5px 0px;
    }
    .logo{
        width: 100%;
        height: auto;
        float: left;
    }
    .nav_right{
        display: none;
    }
    /*导航标识结束*/
    /*轮播图2标识开始*/
    body .swiper-container {
        width: 100%;
        margin: auto;
        padding-bottom: 30px;
        background: white;
        float: left;
    }
    body .banner_2_right{
        width: 100%;
        height: auto;
        float: right;
        margin-left: 1.5%;
        padding-top: 7%;
        padding-bottom: 1%;
    }
    /*轮播图2标识结束*/
    /*尾部标识开始*/
    #footer{
        /*display: none;*/
    }
    .footer_top {
        width: 80%;
        /*height: 85%;*/
        height: auto;
        margin: 0 auto;
        /*border: 1px solid white;*/
    }
    .footer_bottom .wrap{
        width: 80%;
    }
    /*尾部标识结束*/
}
@media only screen and (max-width: 901px){
    /*头部标识开始*/
    header{
        display: none !important;
    }
    .page_header{
        min-height: 300px;
    }
    body #ph_header{
        display: block;
    }
    #header{
        display: none;
    }
    #nav{
        display: none;
    }
    /*头部标识结束*/
    .empty{
        width: 100%;
        height: 70px;
        background: white;

    }
    /*轮播图标识开始*/
    .bt.left{
        display: none;
    }
    .bt.right{
        display: none;
    }
    /*轮播1标识结束*/
    /*轮播图2标识开始*/

    .blue{
        width: 100%;
        height: auto;
        float: none;
    }

    .content_fe{
        width: 100%;
        height: auto;
        float: none;
    }

    .content_fe h3{
        width: 100%;
        height: auto;
        float: none;
    }

    .banner_2_right{
        width: 100%;
        height: auto;
        float: right;
        margin-left: 1.5%;
        padding-top: 7%;
        padding-bottom: 1%;
    }
    /*轮播图2标识结束*/
    /*内容标识开始*/
    .content{
        width: 100%;
        height: auto;
        position: relative;

    }
    .content_text{
        width: 92%;
        height: auto;
        margin: 0 auto;
        padding-left: 0;
        padding-top: 7%;
        padding-bottom: 7%;
    }
    .content_text>span{
        letter-spacing: 0;
        line-height: 1em;
        text-align: left;
        font-family: Montserrat;
        font-size: 36px;
        color: #fff;
        font-weight: 700;
    }
    .content_text>p{
        letter-spacing: 0;
        line-height: 1.6em;
        text-align: left;
        font-size: 16px;
        color: rgba(255,255,255,1);
        font-weight: 100;
        font-family: Lato;

        padding-top: 3.5%;
    }
    .content_text>div{
     
        margin-top: 4.5%;
    }

    .content_right{
        width: 100%;
        height: auto;
        position: relative;
        top:0;
        left:0;
        /*bottom: 10%;*/
        padding-bottom: 8%;
    }

    /*内容标识结束*/

    /*内容标识2开始*/
    .nav_content_left>div{
        width: 50%;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        color: #34383C;
        font-family: fantasy;
        font-size: 40px;
        font-weight: bold;
        margin-top: 30%;
    }
    .nav_content_right_box{
        font-size: 30px;
        left: 50%;
        transform: translateX(-50%);
        width: 66%;
        height: auto;
        padding-top: 30%;
        padding-bottom: 11%;

    }
    .banner_name>span{
        font-size: 23px;
    }
    /*内容标识2结束*/

    #nav_content{
        /*display: none;*/
    }
    /*广告栏标识开始*/
    .row_text{
        width: 92%;
        height: auto;
        margin: 0 auto;
        left: 0;
        padding-top: 8%;
        padding-bottom: 8%;
    }
    .row_text>p{
        letter-spacing: 0;
        line-height: 1.7em;
        text-align: left;
        font-size: 15px;
        color: rgba(255,255,255,0.8);
        font-family: Lato;
        padding-top: 2.5%;
    }

    /*广告栏标识结束*/
    /*内容3标识开始*/
    #content_3{
        /*display: none;*/
    }
    /*内容3标识结束*/
    /*尾部标识开始*/

    /*尾部标识结束*/
    .empty_4{
        display: none;
    }

    .copyright_text{
        text-align: center !important;
    }
}

@media only screen and (max-width: 737px){
    #hero .scroll-down{
        bottom: 80px !important;
    }
    #ph_empty_footer{
        display: block;
    }
    /*内容标签3标识开始*/
    .content_3_value>div:first-child{
        width: 100%;
        height: auto;
        float: none;
    }
    .content_3_value>div:nth-child(2){
        width: 100%;
        height: auto;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    .content_3_value>div:last-child{
        width: 100%;
        height: auto;
        float: none;
    }
    /*内容标签3标识结束*/
    /*内容标签2标识开始*/
    .nav_content_header{
        display: none;
    }
    .nav_content>div{
        width: 100%;
        height: auto;
    }
    .nav_content_left{
        width: 100%;
        height: auto;
        float: none;
        position: relative;
    }
    .nav_content_left>div{
        width: 95%;
        height: auto;
        left: 0;
        transform: translateX(0);
        color: #34383C;
        font-family: fantasy;
        font-size: 26px;
        font-weight: bold;
        margin: 0 auto;
        padding-left: 4%;
        padding-top: 3%;
        padding-bottom: 3%;
    }
    .lins{
        position: absolute;
        width: 3px;
        left: -0.5px;
        height: 30px;
        top: 50%;
        transform: translateY(-50%);
        background: #ed9f2d;
    }
    .nav_content_center{
        width: 100%;
        height: auto;
        float: none;
    }
    .nav_content_right{
        width: 100%;
        height: auto;
        float: none;
        position: relative;
    }
    .nav_content_right_box{
        font-size: 30px;
        left: 0;
        transform: translateX(0);
        width: 95%;
        margin: 0 auto;
        height: auto;
        padding-top: 2%;
        padding-bottom: 10%;
    }
    .banner_name>span{
        font-size: 18px;
    }
    .nav_content_none{
        position: relative;
        top: 0;
        left: 0;
        opacity: 1;
        z-index: 2;
    }
    /*内容标签2标识结束*/
    .empty_4{
        display: block;
        width: 100%;
        height: 26px;
    }
    /*侧边栏标识开始*/
    #sidebar{
        width: 100%;
        height: auto;
        /*overflow: hidden;*/
        background: rgba(119, 119, 119, 0.4);
        position: fixed;
        right: 0px;
        bottom: 0px;
        z-index: 10;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    #sidebar .title{
        background-color: rgba(255, 255, 255, 0.5);
    }
    #sidebar>ul>li{
        width: 20%;
        height: 100%;
        position: relative;
        margin-bottom: 0 !important;
        font-family: Lato;
        font-size: 14px;
        color: #545454;
        font-weight: 400;
        letter-spacing: 0;
        float: left;
    }
    #sidebar>ul>li:hover{
        background: #f6b32f;
    }    
    #sidebar>ul>li>a{
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        color: #FFFFFF;
    }
    .footer_top{
        width: 100%;
    }
    .footer_top .footer_item{
        width: 98%;
        float: none;
        padding-bottom: 25px;
        margin: 0 auto;
        clear: both;
    }
    .footer_bottom .wrap{
        display: block;
        width: 98%;
        text-align: center !important;
    }
    .footer_bottom .wrap .title, .footer_bottom .wrap .copyright_text, .footer_bottom .wrap .design{
        width: 100%;
        margin: 0;
        padding-bottom: 10px;
        clear: both;
        text-align: center !important;
    }
    .footer_bottom .wrap img{
        width: 200px;
        margin: 0 auto;
        margin-top: 25px;
        padding-bottom: 25px;
    }
    #sidebar>ul>li .wechat{
        left: auto;
        top: -210px;
    }
    #sidebar>ul>li .wechat::after{
        left: 30px;
        bottom: -20px;
        top: auto;
        right: auto;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 15px solid #FFF;
    }
    #sidebar>ul>li .phone{
        left: -130px;
        top: -60px;
    }
    #sidebar>ul>li .phone::after{
        left: 160px;
        bottom: -20px;
        top: auto;
        right: auto;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 15px solid #FFF;
    }
    #sidebar>ul>li .whatsapp{
        left: 0px;
        top: -60px;
    }
    #sidebar>ul>li .phone::after{
        left: 30px;
        bottom: -20px;
    }
    #sidebar>ul>li .mail{
        left: -150px;
        top: -60px;
    }
    #sidebar>ul>li .mail::after{
        left: 180px;
        bottom: -20px;
        top: auto;
        right: auto;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 15px solid #FFF;
    }
    #sidebar>ul>li .inquiry{
        left: -140px;
        top: -60px;
    }
    #sidebar>ul>li .inquiry::after{
        left: 170px;
        bottom: -20px;
        top: auto;
        right: auto;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 15px solid #FFF;
    }
}
