@media only screen and (min-width: 1200px) and (max-width: 1400px){
    .mycontainer,nav,.warpper{
        width: 1200px;
    }
    .deatil_left{
        width: 67%;
    }
    .deatil_right{
        width: 32%;
    }
    .indexpro_left{
        width: 60%;
    }
    .indexpro_right {
        width: 37%;
    }
    .active_left{
        width: 65%;
    }
    .active_left a{
        width: 48%;
        margin-right: 3.5%;
    }
    .active_left a:nth-of-type(2n){
        margin-right: 0;
    }
    .active_right{
        width: 33%;
    }
    .detail p{
        width: 70%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
    .mycontainer,nav,.warpper{
        width: 94%;
    }
    .deatil_left{
        width: 67%;
    }
    .deatil_right{
        width: 32%;
    }
    .indexpro_left{
        width: 60%;
    }
    .indexpro_right {
        width: 37%;
    }
    .active_left{
        width: 65%;
    }
    .active_left a{
        width: 48%;
        margin-right: 3.5%;
    }
    .active_left a:nth-of-type(2n){
        margin-right: 0;
    }
    .active_right{
        width: 33%;
    }
    .detail p{
        width: 70%;
    }
}
@media only screen and (min-width: 767px){
    .hidden-l{display:none!important;}
}
@media only screen and (max-width: 767px){
    .mycontainer,nav,.warpper{width:94%;}
    .hidden-xs{display:none!important;}

    /*index*/
    body{
        min-width: initial;
    }

    .head .logopic01{
        width: 69px;
    }
    .head{
        height: 80px;
    }
    .headfix .tel{
        display:none;
    }
    .headfix .logo{
        right:0;
        left:initial;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }
    .headfix .logopic02{
        width:117px;
    }
    .tel span,.menu span{
        font-size: 15px;
    }
    .banner_text_top>div p{
        font-size: 23px;
    }
    #indexform>input, #indexform .code{
        width: 49%;
        margin-bottom: 1%;
        padding: 0px 36px;
        font-size: 14px;
        padding-right: 0;
    }
    #indexform .code{
        margin-bottom: 0;
    }
    .indexsubmit{
        height: 39px;
        font-size: 14px;
        line-height: 39px;
    }
    #indexform .verify img{
        height: 37px;
    }
    .indexsubmit span{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left:52px;
        text-align: left;
    }
    #indexform input::placeholder{
        font-size: 14px;
    }
    #indexform>input:nth-of-type(2){
        margin-right: 0;
        float:right;
    }
    #indexform .indexsubmit{
        width: 49%;
    }
    .mynumber{
        height: initial;
        padding:0 0;
        padding-top: 10px;
        flex-wrap: wrap;
    }
    .mynumber>i:nth-of-type(2){
        display:none;
    }
    .mynumber>div{
        width: 49%;
        margin-bottom: 10px;
    }
    .mynumber small{
        margin-bottom: 10px;
    }
    .mynumber h3 sup {
        font-size: 12px;
    }
    .mynumber p{
        font-size: 16px;
    }
    .mynumber h3 {
        font-size: 23px;
        line-height: 23px;
    }
    .checkin{
        padding:20px 0;
    }
    .title h3 {
        font-size: 25px;
    }
    #indexform input[name=name]{
        background: #2d4067 url("../images/lxicon01.png") no-repeat 7px center;
    }
    #indexform input[name=tel]{
        background:#2d4067 url("../images/lxicon02.png") no-repeat 7px center;
    }
    .title small{
        font-size: 16px;
    }
    #indexform .code{
        background:#2d4067 url("../images/lxicon03.png") no-repeat 7px center;
    }
    .setting_main{
        flex-wrap: wrap;
    }
    .setting_main a{
        width: 50%;
        height: initial;
        margin-bottom:5px;
    }
    .setting_main .img_jz {
        width: 100%;
        height: 58vw;
    }
    .set_text{
        padding:20px;
        height: 130px;
    }
    .set_text h4{
        font-size: 20px;
        height: 37px;
    }
    .setting_bottom>small{
        display: none;
    }
    .setting_bottom ul{
        width: 100%;
        float:none;
    }
    .setting_bottom ul li{
        width: 32%;
        margin-right: 2%;
    }
    .setting_bottom ul li:last-of-type{
        margin-right: 0;
    }
    .watching_main{
        height: 120vw;
        margin-bottom: 5vw;
    }
    .protitle {
        padding-top: 8vw;
        padding-bottom: 4vw;
    }
    .protitle h2 {
        font-size: 24px;
    }
    .indexpro_left{
        float:none;
        width:100%;
        height: 64vw;
    }
    .change_projt,.indexpro_left .gallery-thumbs{
        display:none;
    }
    .indexpro_right{
        width:100%;
        float:none;
    }
    .gallery-top .swiper-slide a p{
        height: 30px;
        line-height: 30px;
        width: 134px;
        padding-top: 0;
        bottom: 42px;
        background: rgba(219, 181, 108, 0.56);
    }
    .indexpro_right>h4 {
        font-size: 22px;
        margin-top: 14px;
    }
    .indexpro_right>p{
        margin-bottom: 2vw;
    }
    .product {
        background:#f6f2e9 url(../images/probg.jpg) no-repeat right bottom;
    }

    .watch-thumbs{
        width: 98%;
        margin:0 auto;
    }
    .watch-top .swiper-slide a>small{
        width: 100%;
        top: 12%;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left:5%;
    }
    .btn_gold{
        height: 40px;
        width: 147px;
        margin-bottom: 7vw;
    }
    .btn_gold span{
        line-height: 40px;
    }
    .z_about_video{
        width: 96%;
        margin:0 auto;
    }
    .z_about_video b{
        left: initial;
        right: 0;
        top: -36px;
    }
    .video>p{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 20px;
        padding: 20px 10px;
    }
    .active_left{
        float:none;
        width:100%;
    }
    .active_left a{
        float:none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 2vw;
    }
    .active_right{
        float:none;
        width:100%;
        display: block;
        margin-bottom: 4vw;
        padding:20px;
        height: 330px;
    }
    .detail_white{
        bottom:14px;
    }
    .footer {
        padding-top: 8vw;
        padding-bottom: 8vw;
    }
    .footer ul{
       display:block;
    }
    .footer ul li{
        width: 100%;
        margin-bottom: 1vw;
    }
    .footer ul li h3{
        margin-bottom: 1vw;
    }
    .footer ul li h3 span {
        writing-mode: initial;
        font-size: 22px;
        width: 100%;
        margin-right: 5px;
    }
    .footer ul li>div a{
        width: 25%;
        float:left;
    }
    .footer ul li>div:after{
        display: block;
        content: '';
        clear: both;
    }
    .footer ul li:nth-of-type(2)>div a {
        width: initial;
        margin-right: 10%;
    }
    .footer ul li:last-of-type{
        width: 100%;
    }
    .fot_bottom:after{
        display: block;
        content: '';
        clear: both;
    }
    .fot_bottom{
        line-height: initial;
        height: initial;
        padding:10px 0;
    }
    .fot_bottom .warpper>div {
        float: none;
        margin-top: 0;
    }
    .menu_mid{
        display:block;
    }
    .menu_mid>div{
        width: 100%;
    }
    .menushowbg .menu {
        margin-top: 6vw;
    }
    .menu_mid>div{
        height: initial;
    }
    .menu_bottom{
        display: block;
    }
    .menushowbg .warpper{
        height: 100%;
        overflow-y: auto;
    }
    .menu_mid>div>div:first-of-type p{
        font-size: 22px;
    }
    .fixed-banner{
        height: 51vw;
    }
    .crumbs{
        line-height: 49px;
    }
    .cru_left{
        float:none;
        padding-top: 10px;
    }
    .cru_left:after{
        display: block;
        content: '';
        clear:both;
    }
    .cru_left a{
        min-width: initial;
        font-size: 16px;
        line-height: 35px;
    }
    .cru_right{
        float: none;
        border-top: 1px solid #ddd;
        margin-top: 10px;
    }
    .typebanner>div{
        width: 80%;
        padding-left: 4%;
        padding-right: 4%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .typebanner>div .ztitle h3{
        font-size: 22px;
    }
    .cooker, .server {
        padding-top: 7vw;
        padding-bottom: 7vw;
    }
    .cook_left,.cook_right{
        float:none;width:100%;
    }
    .cooker li{
        padding: 0 20px;
    }
    .cook_left {
        height: 98vw;
    }
    .cook_right{
        padding-top: 8vw;
    }
    .cook_right>p{
        font-size: 22px;
    }
    .cook_right span{
        padding:8px 0;
    }
    .ztitle{
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .ztitle h3 {
        font-size: 24px;
    }
    .zcom_cont01 {
        padding: 6vw 0;
    }
    .zcom_text>div,.zcom_cont02 .warpper>div:first-of-type{
        float:none;
        width:100%;
    }
    .zcom_text>div:last-of-type{
        float:none;
    }
    .zcom_cont01 .warpper>div:last-of-type,.zcom_cont02{
        width: 100%;
        padding-top: 3vw;
    }
    .zcom_text>div>h4 {
        font-size: 22px;
    }
    .zcom_text>div>p{
        margin-bottom: 2vw;
    }
    .zcom_cont03{
        display:none;
    }
    .swiper-honor .swiper-slide>div>p{
        font-size: 18px;
        margin-top: 4vw;
        margin-bottom: 0;
    }
    .swiper-honor .swiper-slide>div{
        padding-bottom: 14px;
    }
    .zhonor {
        padding-bottom: 3vw;
    }
    #zelegant{
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
    .zelegant {
        height: initial;
    }
    .ele_left,.ele_right{
        float:none;
        width:100%;
    }
    .ele_right img{
        width: 100%;
        height: initial;
    }
    .ele_left li>div h5{
        font-size: 20px;
    }
    #zelegant .warpper{
        padding:0 16px;
    }
    .ele_left li{
        padding:10px 0;
    }
    .environ_right{
        display:none;
    }
    .environ_left{
        float:none;
        width:100%;
    }
    .zenvironment{
        height: 66vw;
    }
    .zarticle_list ul li{
        width: 49%;
    }
    .zarticle_list ul li:nth-of-type(3n){
        margin-right: 2%;
    }
    .zarticle_list ul li:nth-of-type(2n){
        margin-right: 0;
    }
    .zarticle_list ul li a b{
        height: 41vw;
    }
    .zarticle_list ul li a>div{
        padding:10px;
    }
    .zarticle_list ul li a>div p{
        font-size: 16px;
    }
    .z_deatil{
        padding-top: 8vw;
        padding-bottom: 8vw;
    }
    .de-page-mian .page-inner span,.de-page-mian .page-inner a.page-btn,.de-page-mian .page-inner input{
        display:none;
    }
    .deatil_left,.deatil_right{
        float:none;
        width:100%;
    }
    .detail-top{
        height: 59vw;
    }
    .deatil_right{
        padding: 7vw 4vw;
        height: initial;
    }
    .deatil_right .btn span{
        padding-left: 31px;
    }
    .deatil_right .btn {
        width: 144px;
        height: 39px;
        text-align: left;
        float: none;
    }
    .deatil_right>small{
        height: initial;
        display:block;
        margin-bottom: 3vw;
    }
    .detail_cont p img{
        max-width: 100%;
    }
    .detail_cont{
        padding: 42px 10px;
    }
    .zcontactbg{
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .zcontact_cont01>h1 i{
        font-size: 24px;
    }
    .zcontact_cont01>h1{
        float:none;
        width:100%;
    }
    .zcontact_cont01>h1 span{
        width: 100%;
    }
    .zcontact_cont01>div div{
        float:left;
    }
    .zcontact_cont01>div div p {
        font-size: 24px;
        line-height: 38px;
    }
    .zcontact_cont01>div>img{
        width: 115px;
    }
    .zcontact_cont01>div{
        margin-top: 3vw;
    }
    .zcontact_cont02{
        display: block;
        padding:3vw 0;
        margin-bottom: 3vw;
    }
    .zcontact_cont02>b{
        display:none;
    }
    .zcontact_cont02>div{
        margin-bottom: 5vw;
    }
    .contact-map #dituContent {
        height: 57vw;
        margin: 0;
    }
    #formData input{
        height: 45px;
        line-height: 45px;
    }
    #formData .code input{
        width: 49.5%;
    }
    #formData .code .verify{
        float:right;
        width: 49.5%;
        height: 45px;
    }
    #formData .code .verify img{
        width: 100%;
        height: 100%;
    }
    #formData .submit{
        width:100%;
        line-height: 45px;
        height: 45px;
    }
    #zorder{
        padding-bottom: 8vw;
    }
    #formData .btn span{
        padding-left: 0;
        text-align: center;
    }
    .server_left{
        float:none;
        width:100%;
        padding: 20px;
        padding-top: 0;
    }
    .server_left>b{
        height: 52vw;
    }
    .server_right{
        float:none;
        width:100%;
    }
    .server_right>p {
        font-size: 22px;
    }
    .server_right>span {
        margin-top: 6vw;
        font-size: 14px;
        margin-bottom: 0;
    }
    .server_right>b{
        margin-bottom: 5vw;
    }
    .menu_bottom li{
        margin-right: 0;
    }
    .menu_bottom li h3 span {
        width: 100%;
        writing-mode: initial;
        margin-right: 3px;
    }
    .menu_bottom li>div a{
        width:25%;
        float:left;
    }
    .menu_mid>div>div:last-of-type{
        padding: 20px 29%;
    }
    .menu_mid>div>div.cookfirst{
        padding: 20px 25%;
    }

    /**滚动条整体*/
    .menushowbg .warpper::-webkit-scrollbar{
        width:1px; /*滚动条宽度*/
    }
    /*滚动条按钮*/

    .menushowbg .warpper::-webkit-scrollbar-track{
        display:none;
        background-color:none; /*滑道全部*/
    }
    .menushowbg .warpper::-webkit-scrollbar-track-piece{
        display:none;
        background-color:#1b1b1b; /*滑道*/
        -webkit-border-radius:0px; /*滑道圆角宽度*/
    }
    .menushowbg .warpper::-webkit-scrollbar-thumb{
        width:0px;
        display:none;
        background-color:#474747; /*滑动条表面*/
    }
    .menu_bottom li>div:after{
        display: block;
        content: '';
        clear: both;
    }
    .znews_list ul li{
        width: 100%;
        float:none;
    }
    .znews_list,.z_news_info{
        padding-top: 8vw;
        padding-bottom: 8vw;
    }
    .znews_list ul li:nth-of-type(2n){
        margin-right: 0%;
    }
    .znews_list ul li a>b{
        height: 68vw;
    }
    .detail p{
        width: 77%;
    }
    .znews_list ul li a>div>small {
        margin-bottom: 2vw;
    }
    .newsinfo_r{
        display:none;
    }
    .newsinfo_l{
        float:none;
        width:100%;
    }
    .newsinfo_l>h3{
        font-size: 20px;
    }
    .newsinfo_l .p_content img{
        max-width: 100%;
    }
}