@media screen and (min-width:1600px){
    .container{
        width: 1500px;
    }   
    
}
@media (max-width:1599px) and (min-width: 1201px){
    .container{
        width: 1170px;
    } 
}
@media screen and (max-width:1599px){      
    .subcolumn-t a{
        width: 90px;
    } 
    /* 新闻列表 */
    .list-news-menu .item img{        
        width: 200px;
        height: 160px;
        margin-left: 16px;
    }
    .list-news-menu .item h3 > a{
        padding-top: 0;
        font-size: 20px;
        line-height: 30px;
        height: 65px;
    }
    .list-news-menu .item .time{
        margin-top: 8px;
    }

    /* 常见问题 */
    .list-answer-menu .item{
        padding: 25px 10px;
    } 
    .list-answer-menu .item.hot:before{
        top: -7px;
        left: -8px;
        transform: scale(.8);
    }
    /* 产品详情 */
    .show-pro-wrap .pro-top-info .info-wrap .t:after{
        display: none;
    }
    .show-pro-wrap .pro-top-info .info-wrap .info{
        line-height: 22px;
        height: 198px;
    }
    /* 加盟 */
    .join-support1-menu .item{
        padding: 60px 20px;
    }
    .join-support1-menu .item i{
        margin-right: 20px;
    }
}



/* phone  xs */

@media screen and (max-width:768px) {
    .header {
        height: 50px;
        position: fixed;
        z-index: 1002;
        width: 100%;
        top: 0;
        padding: 0 15px;
    }
    body {
        padding-top: 50px;
    }
    .header .logo{
        line-height: 50px;
    }
    .logo img {
        max-height: 30px;
        margin-left: 0px;
    }
    .nav-toggle-wrap{
        margin-top: 0;
    }
    .nav-toggle {
        margin-top: 8px;
    }
    .nav-toggle.active .icon-bar{
        background: #fff;
    }
    .header-left-wrap{
        width: auto;
    }
    .header-left-wrap .nav-menu-wrap{
        position: static;
        width: 100%;
        background: none;
    }
    .header-left-wrap .nav-menu {
        position: fixed;
        top: 50px;
        left: 0;
        width: 100%;
        z-index: 1003;
        margin-left: 0;
        display: none;
        background: #fff;
        text-align: left;
    }
    .menu_logo { display: none;}
    .header-left-wrap .nav-menu .nav-list {
        margin: 0;
        width: 100%;
        height: 46px;
        line-height: 46px;
    }
    .header-left-wrap .nav-menu .nav-list>a {
        height: 36px;
        line-height: 36px;
        margin: 0 20px;
        font-size: 16px;
        color: #333;
        font-weight: 500;
    }
    .nav-menu-mask {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1000;
        display: none !important;
    }
    .header-right-wrap .shop-btn{
        margin-top: 10px;
        height: 32px;
        line-height: 30px;
        width: 100px;
        font-size: 14px;
        border-width: 1px;
    }
    .header-right-wrap .change-lang{
        margin-top: 18px;
        margin-left: 15px;
    }
    .search-wrap{
        margin-top: 16px;
        height: 34px;
    }
    .search-wrap .search-form{
        position: fixed;
        top: 50px;
        left: 0;
    }
    .search-wrap .search-input{
        margin-top: 0;
        width: 100%;
    }
    .search-wrap .search-btn{
        top: 6px;
    }
    .search-wrap .search-a{
        margin-left: 0;
    }

    .banner-img-menu li a {
        height: 250px;
    }
    .banner .btn-a {
        bottom: 10px;
    }
    .banner .btn-a a {
        margin: 0 5px;
        height: 8px;
        width: 8px;
        border-radius: 5px;
    }
    .ptb40 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .pt40 {
        padding-top: 15px;
    }
    .pb40 {
        padding-bottom: 15px;
    }
    .mt40 {
        margin-top: 15px;
    }
    .mb40 {
        margin-bottom: 15px;
    }

    .column-title h3 {
        font-size: 20px;
    }
    .column-title h6{
        font-size: 14px;
    }
   
    .index-more {
        margin-top: 20px;
        width: 110px;
        height: 30px;
        line-height: 28px;
    }
    /* 首页 */
    .index-pro-menu .item h3{
        font-size: 16px;
        top: 8px;
        left: 8px;
        line-height: 1;
        padding-left: 5px;
    }
    .index-pro-menu .item .img-wrap{
        padding-bottom: 100%;
    } 
    .index-case-menu .item .img-wrap{
        display: block;
        float: none;
        width: 100%;
        padding-bottom: 67%;
    }
    .index-case-menu .item h3>a{
        padding-top: 15px;
        font-size: 20px;
    }
    .index-case-menu .item p{
        margin-top: 10px;
        font-size: 12px;
        line-height: 24px;
    }
    .index-case-menu .item .more{
        margin-top: 20px;
        height: 40px;
        line-height: 38px;
        width: 120px;
        display: none;
    }
    .index-case-wrap .arrow-wrap{
        position: static;
        margin-left: 0;
        width: 100%;
        text-align: center;
        transform: scale(.6);
    }
       
    .index-about-wrap .index-about-l,
    .index-about-wrap .index-about-r{
        float: none;
        width: 100%;
    }
    .index-about-wrap .index-about-l{
        padding-top: 0;
    }
    .index-about-wrap .index-about-l .text{
        margin-top: 15px;
        line-height: 28px;
    }
    .index-about-wrap .index-about-l .more{
        margin-top: 30px;
        margin-bottom: 30px;
        height: 40px;
        line-height: 38px;
        width: 120px;
    }
    .footer{
        padding-top: 25px;
    }
    .footer-top-wrap .item{
        display: none;
    }
    .footer-top-wrap .item.qrcode-wrap{
        display: block;
        width: 100%;
        padding-bottom: 10px;
    }
    .footer-bottom-wrap{
        padding: 15px 0;        
    }
    .footer-bottom-wrap p{
        float: none;
    }
    /* 新闻列表页 */
    .bannerColumn {
        height: 150px;
    } 
    .subcolumn-nav-wrap{
        margin-top: -37px;
    }
    .subcolumn-nav-wrap .bread-nav-wrap{
        width: 100%;
        margin-left: 0;
        height: 37px;
        padding-left: 28px;
        padding-top: 8px;
        line-height: 30px;
    }
    .subcolumn-nav-wrap .subcolumn-t-wrap{
        width: 100%;
        height: 40px;
    }
    .subcolumn-nav-wrap:after{
        display: none;
    }
    .subcolumn-t-wrap {
        height: 41px;
        margin-top: 10px;
        border-bottom: 1px solid #ddd;
    }
    .subcolumn-t a {
        width: auto;
        padding: 0 5px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
    }
    .subcolumn-t a:after{
        height: 4px;
        bottom: -2px;
        margin-left: -5px;
    }

    .list-news-menu .item .img {
        float: none;
    }
    .list-news-menu .item img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .list-news-menu .item h3 > a{
        margin-top: 10px;
        font-size: 16px;
    }
    .list-news-menu .item p{
        margin-top: 0;
        max-height: 48px;
        font-size: 14px;
        height: auto;
        line-height: 24px;
    }
    .list-news-menu .item{
        padding: 15px 0;
    }
    .page {
        margin: 30px 0;
    }
    .page a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 6px;
    }
    .page a.pageprev {
        background-position: -6px -8px;
    }
    .page a.pagenext {
        background-position: -64px -8px;
    }
    .page a.pageprev:hover {
        background-position: -6px -53px;
    }
    .page a.pagenext:hover {
        background-position: -64px -53px;
    }
    /* 详情 */
    .yilin-box-wrap{
        padding: 10px 0;
    }
    .news-text-wrap{
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .news-text-t {
        padding: 10px 0 0;
    }
    .news-text-t h1 {
        line-height: 30px;
        font-size: 18px;
    }
    .news-text-t .time {
        margin-top: 10px;
    }
    .news-text-c {
        padding: 10px 0;
        font-size: 14px;
        line-height: 26px;
    }
    .page-next-prev {
        padding: 10px 0;
    }
    .page-next-prev p {
        margin-top: 0;
        line-height: 26px;
        font-size: 14px;
    }
    .page-next-prev p span,
    .page-next-prev p a {
        font-size: 14px;
    }
    .news-text-aside{
        margin-top: 10px;
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .news-text-aside .title span{
        font-size: 18px;
        padding-left: 8px;
    }
    .news-text-aside .box .item{
        padding: 15px 0;
    }
    .news-text-aside .item h3 > a{
        font-size: 16px;        
    }
    .news-text-aside .item p{
        margin-top: 5px;
    }
    /* 案例 */
    .list-case-wrap{
        padding: 0 15px;
    }
    .list-case-menu{
        margin-left: -5px;
        margin-right: -5px;
    }
    .list-case-menu li{
        margin-top: 10px;
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .list-case-menu li .item{
        padding: 5px;
    }
    .list-case-menu li p{
        font-size: 16px;
        margin-top: 15px;
    }
    .list-case-menu li .more{
        width: 100px;
        height: 32px;
        line-height: 30px;
    }
    /* 案例详情 */
    .case-text-wrap{
        margin-left: 10px;
        margin-right: 10px;
    }
    .case-text-wrap{
        padding: 10px;
    }
    .case-text-wrap .title{
        font-size: 20px;
    }
    .case-text-wrap .arrow{
        width: 40px;
        height: 20px;
        margin-left: -20px;
        background-size: 250px auto;
    }
    .case-text-wrap .up-arrow {
        background-position: -35px -75px;
    }
    .case-text-wrap .down-arrow {
        background-position: -81px -73px;
    }

    
    /* 产品列表 */
    .list-product-menu li{
        margin-top: 10px;
    }
    .list-product-menu li h3{
        font-size: 16px;
    }
    /* 产品详情 */
    .show-pro-wrap .pro-top-info .img-slide-wrap{
        width: 100%;
        margin-right: 0;
        float: none;
    }
    .show-pro-wrap .pro-top-info .img-slide-wrap .arrow-wrap .prev-arrow, .show-pro-wrap .pro-top-info .img-slide-wrap .arrow-wrap .next-arrow{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        margin-top: -15px;
    }
    .show-pro-wrap .pro-top-info .info-wrap .t{
        font-size: 20px;
        margin-top: 10px;
    }
    .show-pro-wrap .pro-top-info .info-wrap .info{
        font-size: 14px;
        line-height: 26px;
        margin-top: 10px;
        height: auto;
    }
    .show-pro-wrap .pro-top-info .info-wrap .info span{
        font-size: 16px;
    }
    .show-pro-wrap .text-wrap .title{
        margin-top: 20px;
        margin-bottom: 5px;
        font-size: 16px;
    }
    .show-pro-wrap .pro-top-info .info-wrap .btn-wrap a{
        width: 50%;
        margin-right: 0;
        height: 45px;
        line-height: 45px;
    }
    .show-pro-wrap .pro-top-info .info-wrap .btn-wrap a i{
        transform: scale(.7);
        margin-right: 0;
    }
    .show-pro-wrap .text-wrap{
        font-size: 14px;
    }
    .pro-recommend-wrap .title{
        line-height: 1;
    }
    .pro-recommend-wrap .title span{
        font-size: 20px;
        padding-left: 5px;
    }
    .pro-recommend-menu{
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 10px;
    }
    .pro-recommend-menu li{
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 10px;
    }
    .pro-recommend-menu li h3{
        font-size: 16px;
    }

    /* 服务 */
    .page-service-top{
        padding: 0 15px;
    }
    .page-service-top .text-wrap{
        position: static;
        width: 100%;
        margin-top: 10px;
        padding: 10px;
        float: none;
    }
    .page-service-top img{
        width: 100%;
        height: auto;
        float: none;
    }
    .page-service-top .text-wrap .title h3{
        font-size: 20px;
    }
    .page-service-top .text-wrap .title p{
        font-size: 16px;
    }
    .page-service-top .text-wrap .text{
        margin-top: 10px;
        font-size: 14px;
        line-height: 30px;
    }
    .page-service-bottom{
        padding: 0 10px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .page-service-bottom .title{
        font-size: 20px;
    }
    .page-service-bottom img{
        margin-top: 10px;
    }
    /* 常见问题 */
    .list-answer-menu{
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
    }
    .list-answer-menu .item{
        margin-top: 10px;
    }
    .list-answer-menu .item h3 > a{
        font-size: 16px;
        line-height: 30px;
        height: 60px;
    }
    /* 服务网点 */
    .net-nav-wrap{
        margin-left: 15px;
        margin-right: 15px;
        background: none;
    }
    .net-nav-wrap{
        height: 20px;
        padding: 0;
    }
    .net-nav a{
        font-size: 16px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .net-nav a:after{
        display: none;
    }
    .list-net-menu{
        padding: 0 15px;
    }
    .list-net-menu .item{
        margin-top: 10px;
        line-height: 30px;
    }
    /* 资料下载 */
    .list-down-menu{
        padding: 0 15px;
        margin-top: 10px;
    }
    .list-down-menu .item{
        margin-top: 10px;
        padding: 20px;
    }
    /* 留言 */
    .page-message-wrap{
        margin-left: 15px;
        margin-right: 15px;
        padding: 20px;
    }
    .page-message-wrap .message-form .item{
        margin-top: 15px;
    }
    .page-message-wrap .message-form p{
        margin-bottom: 2px;
    }
    .page-message-wrap .message-form .input{
        height: 40px;
        line-height: 40px;
    }
    .page-message-wrap .message-form .submit{
        height: 46px;
        line-height: 46px;
    }
    /* 加盟 */
    .page-join-title{
        font-size: 20px;
    }
    .join-support1-menu .item{
        margin-top: 10px;
    }
    .join-support1-menu .item i{
        transform: scale(.5);
        margin-right: 0;
    }
    .join-support1-menu .item {
        padding: 10px 20px 10px 0px;
    }
    .join-support1-menu .item .p1{
        font-size: 18px;
    }
    .join-support1-menu .item .p2{
        margin-top: 2px;
        line-height: 25px;
        height: 100px;
        -webkit-line-clamp: 4;
    }
    .join-support2-menu .item i{
        margin-top: -25px;
        transform: scale(.8);
    }
    .join-support2-menu .item .p1{
        margin-top: 8px;
        font-size: 18px;
    }
    .join-support2-menu .item .p2{
        margin-top: 2px;
        line-height: 25px;
        height: 125px;
        -webkit-line-clamp: 5;
    }
    .join-support2-menu .item:after{
        margin-top: 10px;
        width: 30px;
    }
    .join-support3-menu .item{
        width: 100%;
    }
    .join-support3-menu .item i{
        margin-top: 10px;
        transform: scale(.6);
    }
    .join-support3-menu .item .p1{
        margin-top: -8px;
        font-size: 18px;
    }
    .join-support3-menu .item .p2{
        margin-top: 8px;
        line-height: 25px;
        height: 100px;
        -webkit-line-clamp: 4;
    }
    .join-support4-menu li .text{
        padding: 15px 0 5px;
        float: none;
        width: 100%;
        height: auto;
    }
    .join-support4-menu li img{
        position: static;
        width: 100%;
        height: auto;
    }
    .join-support4-menu li .text .info{
        line-height: 26px;
    }
    .join-support4-menu li .text .title{
        font-size: 18px;
    }
    .join-support4-menu li .text .p1{
        margin-top: 10px;
        font-size: 16px;
    }
    .apply-form .input-wrap{
        margin-top: 20px;
        font-size: 14px;
    }
    .apply-form .input{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .apply-form .radio{
        margin-left: 15px;
    }
    .apply-form .radio + label{
        margin-left: 3px;
    }
    .apply-form .submit-wrap .submit{
        width: 120px;
        height: 45px;
        line-height: 45px;
    }
    /* 关于我们 */
    .page-about-wrap{
        margin-top: 20px;
    }
    .page-about-wrap .text-wrap{
        width: 100%;
        padding: 0 15px 10px;
    }
    .page-about-wrap .img{
        width: 100%;
        height: auto;
    }
    .page-about-wrap .title{
        font-size: 20px;
    }
    .page-about-wrap .text{
        margin-top: 5px;
        line-height: 1.7;
    }
    .page-culture-wrap .img{
        width: 100%;
        height: auto;
        display: none;
    }
    .page-culture-wrap .page-culture-menu{
        width: 100%;
        padding: 0 15px 20px;
    }
    .page-culture-wrap .page-culture-menu li{
        margin-top: 10px;
    }
    .page-culture-wrap .page-culture-menu li i{
        transform: scale(.7);
    }
    .page-culture-wrap .page-culture-menu li h3{
        margin-top: 0;
        font-size: 16px;
    }
    .page-culture-wrap .page-culture-menu li p{
        line-height: 24px;
        max-height: 96px;
        -webkit-line-clamp: 4;
    }
    .page-about-title h3{
        font-size: 20px;
    }
    .page-about-title p{
        font-size: 14px;
    }
    .dev-year-wrap{
        overflow: hidden
    }
    .dev-year-prev, .dev-year-next{
        display: none;
        margin-top: -50px;
        transform: scale(.5)
    }
    .dev-year-prev{
        left: 0;
    }
    .dev-year-next{
        right: 0;
    }
    .dev-con-wrap {
        margin-top: 10px;
    }
    .dev-con-menu {
        text-align: center;
    }
    .dev-con-menu img{
        width: 100%;
        max-width: 260px;
        margin: 0 auto;
        height: auto;
        float: none;
    }
    .dev-con-menu .text{
        text-align: left;
        font-size: 14px;
        line-height: 1.7;
        height: auto;
        padding: 10px;
    }
    .page-honor-slide{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .recruit-slide-wrap{
        margin-top: 15px;
        margin-left: 5px;
        margin-right: 15px;
    }
    .recruit-menu .recruit-item{
        margin-left: 10px;
    }
    .recruit-menu .recruit-item{
        padding: 8px;
    }
    .recruit-menu .recruit-item h3{
        font-size: 16px;
    }
    .recruit-menu .recruit-item h3:after{
        width: 18px;
        margin-top: 6px;
    }
    .recruit-menu .recruit-item .text{
        line-height: 24px;
        height: 216px;
    }
    .recruit-slide-wrap .btn-a{
        margin-top: 10px;
        margin-left: 5px;
    }
    .location_wrapper{
        margin-top: 15px;
    }
    .location_wrapper .map_container{
        height: 500px;
    }
    .map_bar{
        height: 0;
    }
    .location_box{
        top: 0;
        width: 100%;
    }
    .location_box .headline{
        padding: 0 10px;
    }
    .location_list{
        width: 100%;
        padding-right: 5px;
        max-height: 400px;
    }
    .location_list li{
        padding: 10px 20px;
    }
    .location_list li h2{
        font-size: 16px;
        margin-bottom: 5px;
    }
}