@media (min-width: 1400px) {
    .container{width: 1240px;}
}
@media (min-width: 1600px) {
    .container{width: 1440px;}
}
@media (max-width: 1300px){
    html{ font-size:42.5%;}
    .bannerAll {height: 480px;}
    #product .ptTab{top:-80px;}
    #product .ptTab li{height: 80px;line-height: 80px}
    #news .newsS li{line-height: 80px}
    #news .newsList ul li .newsMore{height: 80px;line-height: 80px}
    #news .newsList ul li .newsMore p:first-child{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
    .solution .cont{top:-80px;}
    .solution .swiper-container2 .swiper-slide p:nth-child(2){margin: 25px auto 10px}
}
@media (max-width: 992px) {
    html{ font-size:32.5%;}
    .headtop{display: none;}
    #header .headPc{display: none;}
    .iponeHear{display: block;position: fixed;top: 0;left: 0;z-index: 9;width: 100%;background-color: rgba(0, 0, 0, 0.3);padding: 12px 20px;height: 60px;  }
    .banner_all{margin-top: 60px;  }
    .iponeHear_cont{width: 0;height: 0;background: rgba(0,0,0,0.8) !important;position: fixed;z-index: 9999999;right: 0;top: 0;opacity: 0;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;  -o-transition: All 0.4s ease-in-out;  }
    .ico.active i:nth-child(1) {-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 14px;}
    .ico.active i:nth-child(2) {opacity: 0;}
    .ico.active i:nth-child(3) {-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 14px;}
    .ico {position: absolute;width: 36px;height: 36px;right: 17px;top: 15px;z-index: 999999999;cursor: pointer;}
    .ico i {height: 2px;width: 90%;background-color: #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;display: block;position: absolute;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;-webkit-transition: all 300ms ease;transition: all 300ms ease;-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);  }
    .ico i:nth-child(1) {top: 2px;filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;-moz-transition-delay: 210ms;-o-transition-delay: 210ms;-webkit-transition-delay: 210ms;transition-delay: 210ms;  }
    .ico i:nth-child(2) {top: 14px;-moz-transition-delay: 140ms;-o-transition-delay: 140ms;-webkit-transition-delay: 140ms;transition-delay: 140ms;  }
    .ico i:nth-child(3) {top: 26px;-moz-transition-delay: 70ms;-o-transition-delay: 70ms;-webkit-transition-delay: 70ms;transition-delay: 70ms;}
    .iponeHear_cont {width: 0;height: 0;background: rgba(0,0,0,0.8) !important;position: fixed;z-index: 9999999;right: 0;top: 0;opacity: 0;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;border-radius: 100% 0 100% 100%;  }
    .iponeHear_cont.active {padding-top: 90px;width: 100%;right: 0;opacity: 9;height: 100%;border-radius: 0;}
    .iponeHear_cont li a{display: block;padding: 10px 30px;color: #fff;font-size: 16px;}
    .iponeHear_cont li:last-child{padding-left: 20px;}
    .iponeHear_cont li:last-child a{display: inline-block;padding: 10px}
    .iponeHear_cont li:last-child a span{background: #d3ab77;width:34px;text-align: center;height: 34px;line-height: 34px;display: inline-block;border-radius: 50%;}
    .iponeHear .logoLeft img{height: 38px;position: relative;  z-index:99999999;}
    .iponeHear_cont li .abts2{display: none;padding-left: 15px}
    .product_list .top .nanebd {margin-top: 3rem}
    .product_list .nanebd .col-md-7 {padding-left: 2rem;}
    .product_list .top h3{margin-top: 0}
    .product_list .top ul {margin-top: 1rem;}
    .product_list .top li img{width: 40px}
    #contactUs .formS{width: 80%}
    .solution .swiper-pagination{left: 0;margin-left: 0;bottom: 3%;width: 100%;}
    .solution .swiper-container2 .swiper-slide p:nth-child(2){margin: 25px auto 15px}
}
@media (max-width: 768px){
    .bannerAll {height: 260px;}
    #product .ptTab{top:0px;position: relative;margin-top: 2rem;width: 100%;margin-left: 0;}
    #product .ptTab li{height: 60px;line-height: 60px;width: 33.3333%;border-bottom:1px solid #dfdfdf;}
    #product .product_cont .col-md-4:nth-child(even),
    #solution .col-md-4:nth-child(even){padding-right: 0}
    #product .product_cont .col-md-4:nth-child(odd),
    #solution .col-md-4:nth-child(odd){padding-left: 0}
    #product .product_cont{margin-top: 2rem;}
    .footer {height: auto;line-height: 30px;padding: 20px;}
    .product_list .bom .con .swiper-button-prev{width: 40px;height: 40px;left: 0}
    .product_list .bom .con .swiper-button-next{width: 40px;height: 40px;right: 0}
    .nanebd{margin-top: 3rem;width: 100%;}
    .product_list .nanebd .col-md-7{padding-left: 15px;margin-top: 2rem}
    .product_list .top ul {margin-top: 1rem;}
    .product_list .bom .oduceList{padding: 0}
    #news .newsS{position: relative;  top:0;margin-top: 3rem}
    #news .newsS li{line-height: 60px}
    #news .newsList ul li .newsMore{height: 80px}
    #news .newsList ul li .newsMore p:first-child{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;}
    #contactUs .topCont{top:0;margin-top: 3rem;}
    #contactUs .topCont .cont h4{margin-bottom: 0.5rem;font-size: 16px;}
    #contactUs .topCont .cont .col-md-5{margin-bottom: 3rem}
    #contactUs .formS{width: 100%}
    #solution{padding: 3rem 0}
    .banner{height: 400px}
    .solution .cont{position: relative; top:0;margin-top: 50px; }
    .window-next{bottom:20px;}
    .index_product{margin: 4rem 0;}
    .index_product ul li{width: 48%;margin-bottom: 1rem;margin-right: 0;}
    .index_product ul li:nth-child(2), .index_product ul li:nth-child(4){top:0;}
    .index_product ul li:nth-child(even){margin-left: 4%}
    .index_product ul{margin: 2rem auto 0}
    .more a{width: 130px;height: 30px;line-height: 30px}
    .index_contact .form-inline .form-group.col-md-12 button{width: 130px;height: 30px;}
    .index_about ul li{width: 50%}
    .index_news ul li{width: 100%;margin-left: 0;margin-bottom: 1.5rem}
    .index_contact ul li{width: 50%;height: 147px}
    .index_contact .form-inline .form-group input{height: 36px;}
    .index_news .title {margin: 5rem 0;}
    .index_news ul li p:nth-child(2){margin-bottom: 1rem}
    .index_news .more{margin: 1rem auto 5rem}
    .index_contact ul{margin-top: 0}
    .window-next img{width: 18px}
    .index_about{padding: 50px 0}
    .index_contact {padding: 1rem 0;}
    .title h1{letter-spacing: 1rem;}
    #solution .col-md-4 .contlist{height: 50px;line-height: 50px;}
    .pages a{width: 36px;height: 36px;line-height: 33px;font-size: 20px;}
    .pages{margin: 1rem auto 3rem}
    #news .newsList{margin: 3rem 0 0 }
    #news .newsList .newsList_con .row {margin: 3rem -15px 2rem;}
    .index_news ul{overflow: hidden}
    #contactUs .formS input.form-control{height: 36px;}
    #contactUs .formS .col-xs-12 {margin-bottom: 1rem;}
    #contactUs .formS button{height: 46px;line-height: 46px}
    #contactUs .formS .wqz{margin-top: 4rem;margin-bottom: 2rem}
    #contactUs .formS .wqz h1{margin-bottom: 0}
    #about1 .col-md-6:first-child{margin-bottom: 3rem}
    .more_rt1 .cont{width: 80%}
    #about2 .row .col-md-4{margin-bottom: 1rem}
    #about2 .row .col-md-4:last-child{margin-bottom: 0}
    #about4 .container{padding: 0}
    #about4 .col-md-6:first-child{padding: 5rem 0}
    #about1 .col-md-6 h2{white-space: inherit;line-height: 1.5em;margin-bottom: 0;}
    #about2 .row .col-md-4 .cont{opacity: 1}
    #about2 .row .col-md-4 .cont p{opacity:1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
}
@media (max-width: 460px){
    #news .newsList ul li{width: 100%;margin-bottom: 16px;}
    #news .newsList ul li:nth-child(2){margin: 0 0 16px}
    #news .newsList ul li .newsMore{height: 60px}
    #contactUs .topCont .cont .col-md-2{text-align: center}
    .index_about ul li span:first-child{height: 56px;}
    .index_about ul li{margin-bottom: 10px}
    .footer span{ text-align: center;margin: 0 5px;}
    .more_rt1 .cont{width: 90%}
}