@media screen and (max-width:768px) {
    *{-webkit-overflow-scrolling:touch;}

.prolist2 img {
    height: auto;
}

.prolist2 .a1 {
    margin-bottom: 10px;
}
      html, body { width: 100% !important; margin: 0; padding: 0; box-sizing: content-box; }
    body { max-width: 100vw !important; overflow-x: hidden !important; background: #fff !important; }
    html { max-width: 100vw !important; overflow-x: hidden !important; }
    .container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;width: 100%;}
    .f55 {font-size: 2.5rem;}
    .f48 {font-size: 20px;margin: 16px auto;}

.content iframe {
    width: 100% !important;
    margin-bottom: 20px;
}

.content.f16 p,.content.f16 div,.content.f16 span,.content.f16 font {
    font-size: 14px !important;
    line-height: 1.6 !important;
}
    .navbar-default .navbar-toggle{display:none !important;position: relative;left: -50px;z-index: 99999;}
    .slicknav_btn {background: transparent;margin: 0;padding: 5px;position: absolute;right: 10px;top: 6px;z-index: 99999;}
    .slicknav_menu {z-index: 9999;width: 100%;position: absolute;top: 5px;width: 50px;background: transparent;height: 12vw;right: 0px;}

.hotline {
    color: #fff;
    font-size: 12px;
    width: 35vw;
    position: absolute;
    top: 10px;
    left: 50%;
    display: none !important;
}
    .slicknav_menu .slicknav_no-text { padding-top: 1px }
    .slicknav_nav { display: none; }
    .slicknav_nav ul {color: #fff;width: 100% !important;margin-bottom: 20px;position: static;z-index: 9999;float: none;}
    .slicknav_nav li {margin: 5px 0;padding: 5px 0;border-bottom: 1px dashed #949292;text-align: center;}
    .slicknav_nav li a {padding: 0;font-size: 16px;}
    .slicknav_nav ul li{margin: 0 50px;}
     .slicknav_nav ul li:last-child{border:none;}
    .slicknav_nav li a * { font-size: 16px; line-height: 2 }
    .slicknav_nav li.on a * { color: #ef4d4d }
    .slicknav_nav li a span { margin-left: 17px; font-size: 14px }
    .slicknav_nav {background: #0864cd none;position: fixed;width: 100vw;height: 100vh;left: 0;top: 0;padding: 30px;padding-top: 60px;}
    .slicknav_open~.slicknav_nav { display: block; }
    .slicknav_icon.xxx { position: relative }
    .slicknav_icon span {transition: .25s ease-in-out;box-shadow: none !important;background: #fff;}
    .slicknav_icon.xxx span { position: relative; background: #fff; }
    .slicknav_icon.xxx span:nth-child(1) { transform: rotate(135deg); top: 5px }
    .slicknav_icon.xxx span:nth-child(2) { opacity: 0 }
    .slicknav_icon.xxx span:nth-child(3) { transform: rotate(-135deg); top: -5px }
    .slicknav_nav .slicknav_arrow{
    font-size: 1.2em;
    margin-left: 20px;
    padding: 5px;
}
    .navbar {background: none;}
    .body_index .navbar {position: relative;padding: 0;margin: 0;background: #0864cd none;z-index: 33;}
    .navbar-brand .WebLogo {width: auto;height: 28px;margin: 0;}

.navbar-default .navbar-brand {
    padding: 10px 0 0px 10px;
}
    .logo-a { margin: 0; padding: 10px; height: auto; }
    #thebn {height: 50vw !important;/* margin-top: -16px; */transform: translateY(-19px);margin-bottom: -20px;}
    #thebn .item .bg {height: 50vw;/* background: red; */}

#thebn .item img.placeholder {
    display: none;
}
    #thebn .item .ani1 {top: 10vw;font-weight: bold;font-size: 2rem;}
    #thebn .item .inner p.p1 {top: calc(10vw + 30px);width: 80vw;margin: 5px auto;left: 50%;margin-left: -40vw;}
    .hdlBtn {bottom: 0;}
    .hdlBtn ul.slick-dots li {width: 25px;height: 5px;}
    #pageban img {min-width: 0;width: 150vw !important;}
    #pageban .ban {height: 45vw;background-size: auto 100% !important;}
    #pageban h2 {margin: 0;text-align: center;width: 100%;left: 0;top: 20vw;font-size: 22px;}
    #submenus {margin: 10px -10px;display: none;}
    #submenus .subnav  a {line-height: 1.8;padding: 5px 0;font-size: 12px;height: auto;display: flex;justify-content: center;align-items: center;flex: auto;background: #ececec;color: #333;margin-right: 1px;margin-bottom: 1px;}
    #submenus .subnav  a.on:after {height: 2px;}
    #submenus .subnav a:hover, #submenus .subnav {display: flex;flex-wrap: wrap;}
    .body_index .prolist1 {padding: 25px 0px;width: 100%;background: none;}

.body_index .prolist1 * {
    opacity: 1 !important;
}
    .prolist1 .con {position: relative;margin-bottom: 25px;}

.prolist1 .con * {
    /* color: #333 !important; */
}
    .prolist1 .text1 {width: 100%;padding: 0;float: none;position: relative;text-align: center;}
    .prolist1 h3 {height: 15vw;margin: 10px 0;padding: 0;font-size: 18px;text-align: center;}
    .prolist1 h3:after{
    margin-top: 10px;
    /* height: 2px; */
    /* width: 5em; */
}
.bg_jb{
    font-size: 14px;
    padding: 0 22px;
    line-height: 2.9;
    height: auto;
}

.abtn1 i {
    width: 20px;
    background: url(../images/arr.png) no-repeat right;
}
    .prolist1 .sinfo {width: auto;margin-left: 45vw;margin-bottom: 20px;margin-top: 10px;text-align: left;font-size: 14px;}
    .prolist1 .img1 {width: 40vw;position: absolute;top: 80px;left: 0;}
    .prolist1 .dots0 {display: none;}
    .prolist1 .pn {display: none;}
    #part2 {padding: 25px 15px;}
    .lblueline{margin-bottom:25px;font-size: 20px;}
    .lblueline:after {height: 3px;margin-top: 11px;position: absolute;left: 50%;margin-left: -2.5rem;width: 5rem;height: 2px;}
    .fttl {width: 90vw;margin: 5px auto;line-height: 1.8;font-size: 14px !important;}
    #part2 .item {padding: 5px 0;margin-bottom: 20px;}
    #part2 .item i {width: 15vw;height: 15vw;background-size: 70% auto;}
    #part2 .p1 {margin-bottom: 10px;font-weight: bold;font-size: 1.6rem;}
    #part2 .more {height: auto;line-height: 30px;margin-top: 5px;}
    #part3 {padding: 40px 0 10px;}

    /* the slides */
    #part3 .slick-slide {width: 100%;}

    /* the parent */
    #part3 .con1 .slick-slide.slick-current {margin-top: 0;}
    #part3 .slick-slider .slick-track, #part3  .slick-slider .slick-list {padding-bottom: 15px;padding-top: 10px;text-align: center;}
    #part3 .con1 .slick-slide .in p {padding-bottom: 0px !important;bottom: 20px;}
    #part3 .con1 .slick-slide .in p a {font-size: 14px;padding: 0;text-align: center;}
    #part3 .con2 {padding: 0;text-align: center;}
    #part3 .con2 h2 {margin: 0;top: 20px;padding-bottom: 20px;font-size: 20px;margin-top: 20px;margin-bottom: 20px;}
    #part3 .con2 h2:after{
    margin-left: -25px;
    left: 50%;
    position: absolute;
}
    #part3 .con2 .fl h3 {font-size: 18px;}
    #part3 .con2 .fl .more {margin: 5px auto;/* display: none; */}
    #part3 .con2 .hdl {display: none;}
    #part4 .con1 {text-align: center;}
    #part4 h2 {margin: 0 auto;text-align: center;height: 50px;font-size: 20px;}
    #part4 p.zi {font-size: 1.8rem;text-align: center;margin: 25px auto 15px;}
    #part4 p.f16 {margin: 10px auto 20px;}
    #part4 .more {/* margin: auto; */margin-bottom: 30px;}
    #part4 img {height: 72vw;margin: auto;/* position: absolute; *//* top: 0; */}
    #part5 {padding: 30px 0 30px;}
    #part5 h2 {font-size: 20px;}
    #part5 .hdl {width: 50px;height: 50px;font-size: 4rem;top: 50vw;margin: 0;line-height: 70px;}
    #part5 .hdl.next {}
    #part5 .slick-slide .nail {width: 100%;height: 45vw;}

    /* the parent */
    #part5 .prev {left: 10px;margin: 0;line-height: 70px;}
    #part5 .next {right: 10px;left: auto;}
    #part5 .slick-arrow {
    font-size: 18px;
    top: 40%;
}
    #part5 .slick-slider {width: 90vw;margin: auto;}
    #part5 .slick-slide .bor {padding: 0;}
    #part5  p.f12 {margin: 10px 0;}
    #part5  h4 {display: none;}
    #part5 .slick-slide .more {display: none;}
    ul.ul_xuxian li {height: auto;padding: 15px 0;}
    #mainpart {padding: 10px 0 30px;}

div#mainpart .f36 {
    font-size: 18px !important;
    text-align: center;
    line-height: 1.6;
    margin: 0 auto 10px;
}

.news_content * {
    font-size: 14px !important;
    line-height: 1.7;
}
    #leftbar h2 {font-size: 20px;margin-top: 10px;padding-bottom: 0px;}
    #leftbar h2:after {display: none;}
    #leftbar .subnav {display: flex;flex-wrap: wrap;column-gap: 17px;}
    #leftbar .subnav a:before {top: 9px;}
    #leftbar .subnav a {font-size: 14px;padding: 0;padding-left: 14px;margin: 0 0 10px;}

.tmp50:nth-of-type(1) {
    text-align: center;
    font-size: 20px;
    margin: 10px auto 20px;
    font-weight: bold;
}
    .rside {
    padding: 0 10px;
}
    .rside .con .a1 {display: flex;padding-bottom: 0px;margin-bottom: 30px;border-bottom: 1px dashed #ccc;}

.rside .con .bor {
    display: flex;
    padding: 0 15px 16px;
}

.rside .con .bor>p {
    flex: 0 0 35vw;
}

.rside .con .bor .h {
    height: auto !important;
    padding-left: 15px;
}
    #footer {padding: 25px 10px 0;}
    #footer #f2 {padding: 0;}
    #footer .footer_nav>li {width: 100%;padding-bottom: 8px;margin-bottom: 13px;border-bottom: 1px dashed #555;float: none;}
    #footer .footer_nav>li>a {font-size: 14px;font-weight: bold;}
    #footer .footer_nav>li.xzzx{border-bottom:none}
    #footer  .depth2 {display: flex;flex-wrap: wrap;padding-top: 0;}
        #footer  .depth2 li{padding-right:15px}
    #footer .footer_nav>li .depth2 a {font-size: 13px;}
    #footer .copyright {border: none;padding: 0 0 30px;}
    #footer .copyright a {margin: 0;}
    #footer li.contact {margin: 0 auto;padding: 20px 0;}
    #footer dl#contactus {width: 100%;float: none;margin: 10px auto;}
    #footer dl#contactus dd.Telephone * {font-size: 16px !important;}
    #footer .flogo {height: 30px;display: block;}
    #footer .flogo img {height: 100%;}
    #footer .flogo+span {margin: 10px 0 0;/* padding: 10px 0 0; */display: block;}
    #footer .con2 {text-align: left;}
    #footer .seemap a {width: 100%;float: none;margin: 0 auto;background-position: left;}
    .body_product_detail .zhutu {padding: 10px;}
    #crumbs {padding: 15px 15px 7px;}
    #crumbs .crumbs {padding: 2px 0 8px;text-align: left;font-size: 12px;}
    #crumbs .crumbs, #crumbs .crumbs * {font-size: 12px;}
    .body_contact .msg {width: 100%;margin: 20px auto 10px;}
    .body_contact form * {max-width: 100%;}
    .body_contact form a {margin: 0px auto;display: block;width: 15em;}
    .body_contact form textarea {height: 6em;margin: 0 auto;}
    .contactinfos span {font-size: 14px;}
    .prolist2 h3 {font-size: 15px;margin-bottom: 8px;}
    .prolist2 .h p {font-size: 12px;line-height: 1.5;}
    .productdetail h1 {font-size: 18px;font-weight: bold;text-align: center;padding: 10px;}
    .productdetail .col2 {padding: 10px 10px;}
    .productdetail .ms {padding: 0;margin: 20px 0 20px;text-align: center;}

.productdetail .ms+.sinfos {
    font-size: 14px;
    line-height: 1.8;
}
    .productdetail .ms:after {display: none;}
    .xiangguan a.blk {margin-bottom: 15px;}

.xiangguan.xgxw a {
    font-size: 14px;
    display: block;
    padding: 10px 0 0;
    margin-bottom: 20px;
}

.xiangguan a.blk .txt {
    padding: 10px 0;
}
    .timeinfo {line-height: 1.5;padding: 20px;}
    .tmp35 li h3 {margin: 0;font-size: 18px;padding-bottom: 10px;}
    .tmp36 .fr {float: none;width: 100%;margin: auto;padding: 0;}
    .tmp36 .fl {float: none;width: 100%;margin: auto;padding: 0;margin-top: 20px;}
    .tmp36 .fr h3 {text-align: center;padding-top: 20px;}
    .tmp36 .fr p {font-size: 16px;}
    .downloadtbl .td1 {width: 70%;}
    .downloadtbl i {display: none;}
    .downloadtbl a span {padding: 0;}
    .tablewrap {padding: 5px;}
    .tablewrap>table .s {padding: 0;width: 100%;}
    .thesm {
        padding:10px !important;
     }
}