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

    /*头部标识开始*/
    .header{
        width: 980px;
        height: auto;
        margin: 0 auto;
    }
    .header_left1{
        width: 81.66px;
        height: auto;
        float: left;
    }
    .header_left2{
        width: 388.33px;
        height: auto;
        float: left;
    }
    .header_center{
        width: 326.66px;
        height: auto;
        float: left;

    }
    .header_right{
        width: 163.33px;
        height: auto;
        float: left;
    }
    .header_right>div{
        width: 100%;
        height: auto;
        margin-top: 5px;
        margin-left: 0;
    }
    /*头部标识结束*/
    /*导航标识开始*/
    .nav{
        width: 980px;
        height: auto;
        background: white;
        margin: 0 auto;
        padding: 8.5px 0px;
    }
    .logo{
        width: 180px;
        height: auto;
        float: left;
    }
    .logo>a>img{
        width: 180px;
    }
    .nav_right{
        width: 800px;
        height: auto;
        float: right;
    }
    .nav_right_content{
        height: auto;
    }
    .nav_right_content>div{
        height: auto;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
    }
    /*导航标识结束*/
    /*尾部标识开始*/
    .footer_top{
        width: 980px;
        height: auto;
        margin: 0 auto;
    }
    .footer_top>div:first-child{
        width: 245px;
        height: auto;
        float: left;
        /*padding-top: 0.5%;*/
        /*padding-bottom: 4%;*/
    }
    .footer_top>div:nth-child(2){
        width: 245px;
        height: auto;
        float: left;
        /*padding-top: 0.5%;*/
        /*padding-bottom: 4%;*/
    }
    .footer_top>div:nth-child(3){
        width: 245px;
        height: auto;
        float: left;
        /*padding-top: 0.5%;*/
        /*padding-bottom: 4%;*/
    }
    .footer_top>div:last-child{
        width: 245px;
        height: auto;
        float: left;
        /*padding-top: 0.5%;*/
        /*padding-bottom: 4%;*/
    }
    .footer_bottom{
        width: 980px;
        height: auto;
        border-top: 1px solid #545454;
        margin: 0 auto;
    }
    /*尾部标识结束*/
}
@media only screen and (max-width: 990px){

    .hdMenu_bg{
        display: block;
    }
    /*头部标识开始*/
    .header{
        width: 750px;
        height: auto;
        margin: 0 auto;
    }
    .header_left1{
        width: 100%;
        height: auto;
        float: left;
    }
    .header_left2{
        width: 100%;
        height: auto;
        float: left;
    }
    .header_center{
        width: 100%;
        height: auto;
        float: left;
        /*display: none;*/
    }
    .header_right{
        width: 100%;
        height: auto;
        float: right;
    }
    .header_right>div{
        width: 25%;
        height: auto;
        margin-top: 5px;
        margin-left: 0;
        float: right;
    }
    /*头部标识结束*/
    /*导航标识开始*/
    .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: 20px auto;
        padding-bottom: 20px;
        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_top_title_1{
        font-size: 16px;
        font-family: Montserrat;
        color: white;
        padding-left: 0;
        /*padding-top:2.5%;*/
        padding-top: 20px;
        position: relative;
    }
    .footer_top_title_2{
        font-size: 16px;
        font-family: Montserrat;
        color: white;
        padding-left: 0;
        /*padding-top:2.5%;*/
        padding-top: 20px;
        position: relative;
    }
    .footer_top_title_3{
        font-size: 16px;
        font-family: Montserrat;
        color: white;
        padding-left: 0;
        /*padding-top:2.5%;*/
        padding-top: 20px;
        position: relative;
    }
    .footer_top_title_4{
        font-size: 16px;
        font-family: Montserrat;
        color: white;
        padding-left: 0;
        /*padding-top:2.5%;*/
        padding-top: 20px;
        position: relative;
    }
    .footer_top>div:first-child{
        width: 100%;
        height: auto;
        float: none;
        /*padding-top: 3.9%;*/
        padding-top: 30px;
        padding-bottom: 0;
    }
    .footer_top_title1{
        position: absolute;
        right: 6px;
        top: 20px;
        display: block;
    }
    .footer_top_title1>i{
        /*display: block;*/
        position: absolute;
        right: 0px;
        /*top: 20px;*/
        cursor: pointer;
        transition: 0.6s;
    }
    .footer_top_title1.active>i{
        transform: rotate(-180deg);
    }
    .footer_top_text1{
        font-size: 14px;
        color: #ffffff;
        /*padding-top: 2%;*/
        padding-top: 16px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.49em;
        display: none;
    }
    .footer_top_text1>ul>li{
        font-family: Lazo;
        /*padding-top: 1%;*/
        padding-top: 7.5px;
        list-style: none;
    }
    .footer_top_text1>ul>li>a{
        font-family: Lazo;
        color:  #ffffff;
        padding-left: 0;
    }
    .footer_top>div:nth-child(2){
        width: 100%;
        height: auto;
        float: none;
        padding-top: 0;
        padding-bottom: 0;
    }
    .footer_top_title2{
        position: absolute;
        right: 6px;
        top: 20px;
        display: block;
    }
    .footer_top_title2>i{
        /*display: block;*/
        position: absolute;
        right: 0px;
        /*top: 20px;*/
        cursor: pointer;
        transition: 0.6s;
    }
    .footer_top_title2.active>i{
        transform: rotate(-180deg);
    }
    .footer_top_text2{
        font-size: 14px;
        color: #ffffff;
        /*padding-top: 2%;*/
        padding-top: 16px;

        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.49em;
        display: none;
    }
    .footer_top_text2 ul li{
        font-family: Lazo;
        /*padding-top: 1%;*/
        padding-top: 7.5px;
        list-style: none;
    }
    .footer_top_text2 ul li a{
        font-family: Lazo;
        color:  #ffffff;
        padding-left: 0%;
    }
    .footer_top>div:nth-child(3){
        width: 100%;
        height: auto;
        float: none;
        padding-top: 0;
        padding-bottom: 0;
    }
    .footer_top_title3{
        position: absolute;
        right: 6px;
        top: 20px;
        display: block;
    }
    .footer_top_title3>i{
        /*display: block;*/
        position: absolute;
        right: 0px;
        /*top: 20px;*/
        cursor: pointer;
        transition: 0.6s;
    }
    .footer_top_title3.active>i{
        transform: rotate(-180deg);
    }
    .footer_top_text3{
        font-size: 14px;
        color: #ffffff;
        /*padding-top: 2%;*/
        padding-top: 16px;

        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.49em;
        display: none;
    }
    .footer_top_text3>ul>li{
        font-family: Lazo;
        /*padding-top: 1%;*/
        padding-top: 7.5px;
        list-style: none;
    }
    .footer_top_text3 a{
        font-family: Lazo;
        color:  #ffffff;
        padding-left: 0%;
    }
    .footer_top>div:last-child{
        width: 100%;
        height: auto;
        float: none;
        padding-top: 0;
        padding-bottom: 0;
    }

    .footer_top_des{
        font-size: 13px;
        color: #ffffff;
        /*padding-top: 1.5%;*/
        /*padding-bottom: 6.7%;*/
        padding-top: 12px;
        padding-bottom: 52px;
        padding-left: 0;
    }
    .footer_top_des>div{
        /*padding-top: 0.8%;*/
        padding-top: 7px;
    }

    .footer_bottom{
        width: 76%;
        /*height: 15%;*/
        height: auto;
        border-top: 1px solid #545454;
        margin: 0 auto;
    }
    .footer_bottom>div{
        font-size: 14px;
        color: #aaaaaa;
        text-align: center;
        /*padding-top: 1.5%;*/
        /*padding-bottom: 1.5%;*/
        padding-top: 12px;
        padding-bottom: 12px;
    }
    /*尾部标识结束*/
}
@media only screen and (max-width: 901px){
    /*头部标识开始*/
   body #ph_header{
        display: block;
    }
    #ph_header_empty{
        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_3{
        /*display: none;*/
    }
    .empty_4{
        display: none;
    }
    .empty_5{
        /*display: none;*/
    }
    .empty_6{
        /*display: none;*/
    }

    #sidebar{
        width: 50px;
        height: 200px;
        background-color: rgba(207, 207, 207, 0.6);
        border-radius: 50px;
        position: fixed;
        right: 20px;
        bottom:calc(50% - 200px/2);

        z-index: 10;
    }

}

@media only screen and (max-width: 737px){
    #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;
    }
    /*侧边栏标识开始*/
    /*#sidebar2{*/
    /*display: none;*/
    /*}*/
    #sidebar{
        width: 100%;
        height: 50px;
        /*background: #cfcfcf;*/
        background: rgba(119, 119, 119, 0.4);
        border-radius: 50px;
        position: fixed;
        right: 0px;
        bottom: 3px;
        z-index: 10;
    }
    #sidebar2{
        width: 100%;
        height: 50px;
        /*background: #cfcfcf;*/
        background: rgba(119, 119, 119, 0.4);
        border-radius: 50px;
        position: fixed;
        right: 0px;
        bottom: 3px;
        z-index: 10;
    }
    #sidebar>ul>li{
        /*padding-top: 25%;*/
        width: 33%;
        height: 100%;
        position: relative;
        margin-bottom: 0 !important;
        /*line-height: 28px;*/
        font-family: Lato;
        font-size: 14px;
        color: #545454;
        /*background: red;*/
        font-weight: 400;
        letter-spacing: 0;
        float: left;
        /*display: block;*/
    }
    #sidebar2>ul>li{
        /*padding-top: 25%;*/
        width: 33%;
        height: 100%;
        position: relative;
        margin-bottom: 0 !important;
        /*line-height: 28px;*/
        font-family: Lato;
        font-size: 14px;
        color: #545454;
        /*background: red;*/
        font-weight: 400;
        letter-spacing: 0;
        float: left;
        /*display: block;*/
    }
    #sidebar>ul>li:hover{
        background: #f6b32f;
    }
    #sidebar2>ul>li:hover{
        background: #f6b32f;
    }
    #sidebar>ul>li:nth-child(1):hover>.sidebar_side1{
        display: block;
    }
    #sidebar2>ul>li:nth-child(1):hover>.sidebar_side1{
        display: block;
    }
    #sidebar>ul>li:nth-child(2):hover>.sidebar_side2{
        display: block;
    }
    #sidebar2>ul>li:nth-child(2):hover>.sidebar_side2{
        display: block;
    }
    #sidebar>ul>li:nth-child(3):hover>.sidebar_side3{
        display: block;
    }
    #sidebar2>ul>li:nth-child(3):hover>.sidebar_side3{
        display: block;
    }
    #sidebar>ul>li:nth-child(2){
        border-left: 1px solid white;
        border-right: 1px solid white;
    }
    #sidebar2>ul>li:nth-child(2){
        border-left: 1px solid white;
        border-right: 1px solid white;
    }
    #sidebar>ul>li>a{
        /*position: absolute;*/
        /*top: 0;*/
        display: block;
        width: 95%;
        height: 100%;
        margin: 0 auto;
    }
    #sidebar2>ul>li>a{
        /*position: absolute;*/
        /*top: 0;*/
        display: block;
        width: 95%;
        height: 100%;
        margin: 0 auto;
    }
    #sidebar>ul>li>a>i{
        width: 50px;
        height: 50px;
        font-size: 32px;
        display: block;
        color: white;
        margin: 0 auto;
        padding-left: 0;
        padding-top: 5px;
    }
    #sidebar2>ul>li>a>i{
        width: 50px;
        height: 50px;
        font-size: 32px;
        display: block;
        color: white;
        margin: 0 auto;
        padding-left: 0;
        padding-top: 5px;
    }
    .sidebar_side1{
        width: 100%;
        height: 50px;
        background: #f6b32f;
        border-radius: 50px;
        list-style: none;
        position: absolute;
        top: -50px;
        right: 0;
        display: none;
    }
    .sidebar_side2{
        width: 100%;
        height: 50px;
        background: #f6b32f;
        border-radius: 50px;
        list-style: none;
        position: absolute;
        top: -50px;
        right: 0;
        display: none;
    }
    .sidebar_side3{
        width: 100%;
        height: 50px;
        background: #f6b32f;
        border-radius: 50px;
        list-style: none;
        position: absolute;
        top: -50px;
        right: 0;
        display: none;
    }
    .sidebar_side1>li{
        width: 75px;
        height: 100%;
        display: block;
        margin: 0 auto;
        /*position: relative;*/
    }
    .sidebar_side2>li{
        width: 75px;
        height: 100%;
        display: block;
        margin: 0 auto;
        /*position: relative;*/
    }
    .sidebar_side3>li{
        width: 75px;
        height: 100%;
        display: block;
        margin: 0 auto;
        /*position: relative;*/
    }
    .sidebar_side1>li>i{
        display: none;
    }
    .sidebar_side2>li>i{
        display: none;
    }
    .sidebar_side3>li>i{
        display: none;
    }
    #sidebar>ul>li:nth-child(4){
        display: none;
    }
    /*侧边栏标识结束*/

}
