/*
 *  respon.css by 453883682@qq.com
 */
@media (max-width:1600px) {
    .pro-list{ margin: 0 -.15rem;}
    .pro-list li{ padding: .15rem;}
    
    .news-top-bg{ padding: .6rem 0;}
    .news-top{ margin: 0 -.1rem;}
    .news-top li{ padding: .1rem;}
    .news-link{ padding: .4rem 0;}

    .con-bg{ padding: .6rem 0;}
    .form-label{ line-height: 22px;}
    .form-input{ height: calc(22px + .4rem); padding-left: 0; line-height: 22px;}
    .form-list .layui-input{ height: calc(22px + .4rem); line-height: 22px; padding-left: .2rem;}
    .form-list .layui-form-select dl{ top: calc(22px + .4rem);}
    .form-list .layui-form-selectup dl{ top: auto; bottom: calc(22px + .4rem);}
}
@media (max-width:1400px) {
    .news-detail{ padding: .6rem 0;}

}
@media (max-width:1200px) {
    .banner{ height: 100vh; max-height: 8rem;}
    .ban-swiper{ top: 60px; height: 100vh; max-height: 8rem; top: 0;}
    .ban-text{ padding-top: 60px;}
    .ban-btn{ min-width: 2rem; line-height: 44px;}
    .ban-btn span{ padding-right: .6rem;}
    .ban-page{ bottom: 3%;}
    .ban-page .container{ justify-content: center;}

    .box1{ min-height: 0; padding: .6rem 0;}
    .box2-bg{ padding: .6rem 0;}
    .box2-top .swiper-container{ width: calc(100% + .2rem); margin-left: -.1rem;}
    .box2-top .swiper-slide{ padding: 0 .1rem 23px;}
    .box2-swiper{ margin-top: .4rem;}
    .box2-link{ box-shadow: 0px 1px .1rem 0px rgba(7,0,2,0.11);}
    .box2-title{ margin: .15rem 0;}
    .box2-con{ margin: .15rem 0 0;}
    .box2-bot{ margin-top: .1rem;}
    .box2-bot .box2-btn{ width: 40px; height: 40px;}
    .box2-bot .swiper-pagination{ margin: 0 .3rem;}

    .box3-swiper{ margin: .3rem 0;}

    .box4-bg{ padding: .6rem 0;}
    .box4-text{ margin: .3rem 0;}
    
    .box5-swiper{ padding-left: 0 !important; margin: .3rem;}
    .box5-text{ padding: .1rem .2rem .2rem;}
    .box5-title{ margin: .1rem 0;}
    .box5-con{ margin: .1rem 0;}
    .box5-time{ margin: .1rem 0;}

    .about-text{ margin: .5rem 0; line-height: 1.6;}
    .about-bg .box1-map{ margin: .5rem 0;}
    
    .pro-list{ margin: 0 -.1rem;}
    .pro-list li{ padding: .1rem;}
    
    .case-bg{ padding: .6rem 0;}
    .case-text{ padding: .1rem 0;}

    .cooker-text{ margin: .3rem -.1rem;}
    .cooker-list > li{ padding: 0 .1rem; margin-bottom: .2rem;}
    .cooker-list .box4-title{ margin: .15rem 0;}

    .news-link .news-title{ margin: .1rem 0;}
    .news-link .news-con{ margin: .15rem 0 .2rem;}
    .news-name{ line-height: 1.6;}
    .news-date{ margin: .3rem 0;}

    .download-bg .case-top{ margin: 0;}
    .download-list{ margin: .2rem -.15rem;}
    .download-list li{ padding: .15rem;}
    .download-icon{ width: 100px; height: 100px; margin-right: .2rem;}
    .download-icon img{ width: 45%;}

    .con-bg{ padding: .6rem 0;}
    .con-list{ margin: 0 -.1rem;}
    .con-list li{ padding: .1rem}
    .con-link{ min-height: 0; padding: .2rem .3rem;}
    .con-icon{ width: 50px; margin-right: .2rem;}

    .con-form-top{ margin: .2rem 0;}
    .con-form{ margin: .2rem 0 0;}
    .form-list{ margin: 0 -.1rem;}
    .form-list li{ padding: .1rem;}
    
}
@media (max-width:991px) {
    .box1{ display: block;}
    .box1-left{ width: 100%; max-width: 100%; margin: .3rem 0;}
    .box1-text{ margin: .3rem 0;}
    .box1-right{ width: 100%;}
    .box1-map{ width: 100%; margin: .3rem 0;}
    .box2-swiper{ margin-bottom: .3rem;}
    .box4-swiper{ margin-bottom: .3rem;}
    .box5-bg{ padding: .6rem 0;}
    .box5-bg .box-top{ margin-top: 0; margin-bottom: .3rem;}
    .box5-bg .box-more{ margin-top: .3rem;}

    .pro-bg{ padding: .5rem 0;}
    .pro-list li{ width: 50%;}

    .news-top{ display: block;}
    .news-top li{ width: 100%;}
    .box5-link{ display: flex;}
    .box5-img{ flex-shrink: 0; width: 33%; height: auto; padding: 0;}
    .box5-text{ overflow: hidden;}
    .news-link{ align-items: normal; padding: .2rem 0;}
    .news-time{ max-width: 1.6rem; min-height: 0; margin-right: .2rem;}
    .news-link .box-more{ margin: 0;}

    .download-list li{ width: 100%;}
    .download-list .box-more{ margin: 0;}

    .art-list li{ width: 50%;}
    
}
@media (max-width:767px) {
    .case-list li{ margin-bottom: .3rem;}
    .case-item{ flex-wrap: nowrap; overflow-x: auto;}
    .case-item li{ flex-shrink: 0; width: 3.6rem;}

    .con-list li{ width: 100%;}
    .con-link{ align-items: flex-start;}
    .con-icon{ width: 30px; max-width: .5rem;}
    .form-list li{ width: 100%;}
    .form-label{ display: block; padding-bottom: .1rem; padding-left: .2rem;}
    .form-list li.one .form-item{ display: block;}
    textarea.form-input{ padding: 0 .2rem;}

}
@media (max-width:640px) {
    .ban-btn{ line-height: 38px;}
    .ban-btn:hover i{ margin-right: 0;}
    .ban-btn:hover i::after{ transform: none;}
    .ban-btn:hover i::before{ width: 18px; height: 18px;}
    .box1-map-list li{ transform: scale(0.6);}

    .box2-con{ line-height: 24px; height: 96px;}
    .box2-more{ transform: translateY(50%); opacity: 1;}

    .pro-list li{ width: 100%;}
    .cooker-list > li{ width: 100%;}

    .download-title{ white-space: normal;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin-bottom: 0;}
    .download-list .box-more{ display: none;}
}
@media (max-width:460px) {
    .pro-title{ font-size: 16px;}
    .pro-con{ font-size: 14px;}
    .case-name{ font-size: 16px; margin-right: .2rem;}
    .case-handle{ width: 22px; height: 22px; line-height: 22px;}
    .case-handle i{ font-size: 10px;}
    
    .news-top .box5-text{ flex: auto; width: 67%; overflow: hidden;}
    .news-top .box5-title{ display: block; height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    .news-link .news-title{ font-size: 16px; margin: .15rem 0; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
    .news-link .news-con{ display: none;}
    .news-link .box-more{ background-color: transparent; padding: 0;}
    .news-link .box-more i{ display: none;}
    .news-link .box-more span{ color: #666666; padding: 0; transform: none !important;}

    .art-list .box4-title{ font-size: 16px;}
}
@media (min-width:1200px) {
    html{ font-size: 65px !important;}
}
@media (min-width:1400px) {
    html{ font-size: 80px !important;}
}
@media (min-width:1600px) {
    html{ font-size: 100px !important;}
}