@import url(amazeui.min.css);
@import url(ui.css);
@import url(swiper.min.css);
@import url(font-awesome.min.css);
@import url(pc.css);
@media screen and (max-width: 768px) {
    body {min-width: 320px;padding-top: 65px;}
    .container {width: auto; padding: 0 15px;}

    .header {padding: 10px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0; background: #FFF;}
    .header .text{display: none;}
    .header-tel {display: none;}
    .header .logo {height: 40px;line-height: 40px;margin:5px 0 0;float: left;}
    .header .nav {margin: 10px 0 -10px;text-align: left;display: none;background: #FFF;}
    .header .nav ul {margin: 0 -15px;}
    .header .nav li {display: block;margin: 0;border-top: 1px solid #eee; }
    .header .nav li img{ display: none; }
    .header .nav li a {line-height: 40px;padding: 0 15px;color: #333; background: none; border:none; }
    .header .nav li .arr {display: block;}
    .header .nav li.active>a, .header .nav li.open>a, .header .nav li>a:hover {background: none;color: #333}
    .header .nav li.open .arr:after {border-color: #0763a2;transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;background-color: #f5f5f5;min-width: auto;text-align: left;box-shadow: none;}
    .header .nav .dropdown-box a {color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
    .header .nav .dropdown-box a:hover {background-color: transparent !important;}
    .menu-btn {display: block;}

    .section{padding:20px 0;}
    .section-title{ margin-bottom: 10px; }
    .section-title strong { font-size:20px; line-height: 28px; display: block; }

    .in-why ul{ font-size: 0; text-align: center; margin:0 0 0 -15px; }
    .in-why li{width: 50%;}
    .in-why li .items{ padding: 15px 0; height: 160px; margin:0 0 15px 15px;  background: url(../images/concernbg.png) no-repeat center / 100%;}
    .in-why h2{font-size: 18px;}
    .in-why h2 em{ font-size: 16px;}

    .in-ys .con{ flex-wrap: wrap; }
    .in-ys .con .img-center{ flex:100%; order: -100}
    .in-ys .con ul{ flex:100%; }
    .in-ys .con li{text-align: left;position: static; margin-bottom: 20px;}
    .in-ys .con li h3{font-size: 18px; }

    .in-message .text{ flex-wrap: wrap; }
    .in-message .text .tits{ flex:100%; }
    .in-message form{ flex-wrap: wrap; }
    .in-message form input{ flex:100%; margin-right: 0; margin-bottom: 10px;}
    .in-message form input:last-child{ flex:100%; }
    .in-message form button{flex:100%; }

    .in-case .con{ flex-wrap: wrap; }
    .in-case-menu{ flex:100%; display: flex; overflow-x: scroll; white-space: nowrap; }
    .in-case-menu li a{ font-size: 14px; padding: 0 15px; line-height: 60px;  }
    .in-case-con{ flex:100%;  }
    .in-case-con .swiper-slide{ flex-wrap: wrap;  }
    .in-case-con .swiper-slide .img-center{ flex:100%; }
    .in-case-con .swiper-slide .text{ flex:100%; padding: 25px; }
    
    .in-photo-con .swiper-slide a:before{ display:none;}

    .in-yingyong .tits{ font-size: 20px; margin-bottom: 30px; }
    .in-yingyong-menu ul{ overflow-x: scroll; white-space: nowrap; }
    .in-yingyong-menu li a{ padding: 0 15px; line-height: 60px; font-size: 16px; }
    .in-yingyong-con li a{ font-size: 14px; }

    .in-about{ flex-wrap:wrap; }
    .in-about .pic{ flex:100%; }
    .in-about .pic .img-center{ padding-right: 0; }
    .in-about .text{ flex:100%; position: relative; padding: 20px;}
    .in-number{ position: static; right: 0; width: 100%;  padding-top: 35px; }
    .in-number li{ margin-bottom: 20px; }
 
    .footer-con{ flex-wrap:wrap;padding: 30px 0; }
    .footer-con .flogo{ flex:100%; margin-right: 0; margin-bottom: 20px; }
    .footer-con .fnav{ flex:100%; margin-right: 0; margin-bottom: 20px; }
    .footer-con .fnav dl:first-child{ display: none; }

   
    .in-photo-con .swiper-button-prev{ left: 0; }
    .in-photo-con .swiper-button-next{ right:0;}

    .contsyabt{width:100%;overflow:hidden;margin-bottom:100px}
    .am-slider-default .am-direction-nav a{top:93%!important}
    .contsyanr{width:100%}
    .contsyanrblss{width:240px}
    .contsyanrbls{overflow:hidden!important}
    .contsya .am-nav-tabs{width:100%;top:-80px}
    .contsya .am-nav-tabs>li>a{width:100%}
    .am-tabs-bd .am-tab-panel{padding:0}
    .contsya .am-nav-tabs>li {width: calc(97% / 3);  margin-left: 0; margin-right: 5px;}
    .contsyanrt{display:none}
    .contsyanrtl{width:100%}
    .contsyanrtlt{font-size:21px}
    .contsyanrb{margin:0;height:auto}
    .contsyanrbl{width:100%;float:none;height:auto}
    .contsyanrbr{width:100%!important;float:none}
    .contsyanrblx{float:none;display:none}
    .contsyanrbr{width:100%;float:none}
    .line-clamp{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
    .contsyabt span{display:block;margin-left:0}
    .contsyabtt span{display:block;margin-left:0}
    .contsyb .am-nav-tabs{width:100%;height:95px;float:none}
    .contsyb .am-tabs-bd{width:100%;height:auto}
    .contsybnrbll{width:100%;float:none;height:auto}
    .contsybnrblr{width:100%;height:auto;float:none;padding:34px 32px 34px 32px}
    .contsyb{height:inherit!important;background-color:#f4f4f4}
    .contsybnr .am-slider-default .am-control-nav{display:none}
    .xxdywtb{left:21px}
    .xxdywtb2{left:21px;position:absolute}
    .xxdywtb3{display:none}
    .contsyca{width:49%;height:235px;margin-bottom:10px;text-align:center}
    .contsybnr{height:auto;overflow:hidden}

    .banner-sub .crumbs{ position: static;  }
    .lanmu ul{ overflow-x: scroll; white-space: nowrap; }

    .section-title3{  margin-bottom: 15px; }
    .section-title3 h2{ font-size: 24px; }

    .about1 .con{ flex-wrap: wrap;}
    .about1 .pic{ flex:100%; padding-left: 0; }
    .about1 .pic:before{ display: none; }
    .about1 .text{ flex:100%; padding-left: 0; }
    .about1 .text h2{ font-size: 24px; }
    .about1 .text h3{ font-size: 16px; }

    .about2 .tits h2{ font-size: 24px; }
    .about2 .tits p{ font-size: 16px; }

    .about3{ flex-wrap: wrap;}
    .about3 .img-center{ flex:100%; order: 100}
    .about3 .text{ flex:100%; margin-left: 0; margin-bottom: 20px; }
    .about3 .text h2{ font-size: 24px; }
    .about3 .text h3{ font-size: 18px; padding-bottom: 25px; margin-bottom:25px; }

    .about4-con .swiper-button-prev{ left: 0;}
    .about4-con .swiper-button-next{ right:0;}

    #certify{ padding:0 60px; }
    #certify .swiper-slide{width:200px;opacity:0.8}
  


    
   
}