@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2020-3-11 10:48:49
 * @version $Id$
 */
@charset "UTF-8";
@media (max-width: 1200px){
    /*footer*/
    footer{padding-top:1.8rem;}
    footer .p3{flex-wrap:wrap;}
    footer .p3>a{margin-bottom:.1rem;}
    /*index*/
    .in-title{font-size:22px;}
    #banner .swiper-container{height:12.38rem; width:100%; margin-top:.97rem;}
    #banner .swiper-slide1{height:12.38rem;background:url(../img/m/banner1.png) no-repeat; background-size:cover;}
    #banner .swiper-slide1 h2{text-align:left; padding-left:.2rem; padding-top:2.5rem; font-size:.58rem; line-height:.8rem;}
    #banner .swiper-slide1 h2>img{width:1.6rem;}
    #banner .swiper-slide1 h3{font-size:.32rem; line-height:.5rem; text-align:left; padding-left:.2rem;}
    #banner .banner_bottom{position:static;background-color:#0f2139; opacity: 1; height:12.38rem;}
    #banner .banner_bottom ul{flex-wrap:wrap; height:auto;}
    #banner .banner_bottom ul li{width:100%; padding-top:.7rem; font-size:.4rem;}
    #banner .banner_bottom ul li>img{width:1rem;}
    #banner .banner_bottom .p1{font-size:.3rem; color:#fff;}
    #modular2 .icon .p1{font-size:18px; padding-top:.4rem;}
    #modular2 .icon{padding:.5rem 0 .3rem;}
    #modular2 .icon .pic{ height:.8rem; background-size:cover;}
    #modular2 .icon1 .pic{width:.86rem;}
    #modular2 .icon2 .pic{width:.89rem;}
    #modular2 .icon3 .pic{width:.85rem;}
    #modular2 .icon4 .pic{width:.82rem;}
    #modular2 .icon5 .pic{width:1.02rem;}
    #modular2 .icon6 .pic{width:.99rem;}
    .panel-default>.panel-heading{background-color:#0f2139; color:#fff; font-size:.36rem; height:.92rem; padding-top:.3rem;}
    .panel-body{padding:0 15px 15px;}
    #accordion .ul_3{margin:0; display:block;}
    #accordion .panel-title>a{display:flex; justify-content: space-between;}
    #accordion i{width:.25rem; height:.25rem; background:url(../img/m/to_bottom.png) no-repeat center;}
    #accordion .hover{background:url(../img/in/to_bottom3.png) no-repeat center;}
    #com_nav{background:0 none;}
    #com_nav .container{height:2.94rem; background:url(../img/m/in_m_bg.png) no-repeat center; width:90%;}
    #com_nav .header-btn{flex-wrap:wrap; height:3rem;}
    #com_nav .header-btn .btna{width:90%; height:.8rem; line-height:.8rem;}
    #modular3{padding:.5rem 0 .3rem;}
    #modular3 .cont{flex-wrap:wrap; margin:.5rem 0 0;}
    #modular3 .cont1{width:100%; background:url(../img/m/in_pic1.png) no-repeat; height:3.74rem; background-size:cover;}
    #modular3 .cont1 .left{background:0 none; padding: .3rem 0 0 .2rem; width:100%;}
    #modular3 .cont1 .left .pic>img{width:.58rem;}
    #modular3 .cont1 .left .p1{font-size:20px; padding:0;}
    #modular3 .cont2{width:100%; margin-left:0; padding: .3rem 0 0 .2rem; border:0 none;}
    #modular3 .cont2 .pic>img{width:.8rem;}
    #modular3 .cont2 .p1{padding:0; font-size:20px; margin:0; height:auto; padding-bottom:.2rem;}
    #modular3 .cont3 .p2 span{width:100%;}
    #modular3 .cont_next{margin-top:0;}
    #modular4{background:url(../img/m/in_m_bg2.png) no-repeat center; height:12.34rem; padding-left:.24rem; background-size:cover;}
    #modular4 .cont{flex-wrap:wrap;}
    #modular4 .cont .left{width:100%; padding-right:.2rem;}
    #modular4 .cont .right{width:100%;  padding-right:.2rem; padding-left:0;}
    #modular4 .p1{padding-top:1.2rem; font-size:22px;}
    #modular4 .p2{line-height:inherit;}
    #modular4 .p4{margin-bottom:.4rem;}
    /*products*/
    .products_banner{height:12.38rem;background:url(../img/m/products/banner.png) no-repeat; background-size:cover;}
    .products_banner .p1{font-size:.58rem; text-align:left; padding-top:3rem;}
    .products_banner .p2{font-size:.32rem; text-align:left;}
    .pro_modular1{padding:.4rem 0;}
    .pro_modular1 .cont{padding-bottom:.5rem; height:auto;}
    .pro_modular1 .cont>img{width:.6rem; height:auto; margin-bottom:.36rem;}
    .pro_modular1 .cont .p1{font-size:18px; line-height:inherit; height:auto;}
    .pro_modular1 .cont .p2{line-height:inherit;}
    .pro_modular2{padding-top:.5rem;}
    .pro_modular2 .cont{flex-wrap:wrap; border:0 none; height:auto; padding:0 15px.5rem; margin-bottom:0;}
    .pro_modular2 .cont5{padding-top:0;}
    .pro_modular2 .cont .right{width:100%; padding-left:0;}
    .pro_modular2 .cont .right .p2{text-align:center;font-size:24px; padding-top:0;}
    .pro_modular2 .cont .right>img{width:100%; margin-bottom:.7rem;}
    .pro_modular2 .cont .right{padding-right:0;}
    #com_nav2{height:12.38rem;background:url(../img/m/products/com-nav-bg.png) no-repeat; background-size:cover; padding-top:0;}
    #com_nav2 .cont{height:6.19rem; padding-top:1rem;}
    #com_nav2 .cont .top{flex-wrap:wrap;justify-content: center;}
    #com_nav2 .cont .top>p{font-size:24px;}
    #com_nav2 .btna{width:6.4rem; height:.8rem; line-height:.8rem;}
    #com_nav2 .cont .bottom{width:6.4rem; margin:0 auto;}
    /*关于我们*/
    .about_banner{height:12.38rem;background:url(../img/m/about/banner.png) no-repeat; background-size:cover;}
    .about_banner .cont>p{font-size:.58rem; padding-top:4.4rem;}
    .about_modular1{padding:.8rem 0 .2rem;}
    .about_modular1 ul>li{width:100%; text-align:center; margin-bottom:.5rem;}
    .about_modular1 ul>li .p1{font-size:22px;}
    .about_modular1 ul>li.last{margin-bottom:0;}
    .about_modular2{padding-bottom:0;}
    .about_modular2 ul{flex-wrap:wrap; background:0 none; margin-top:0; padding:.4rem 0 .3rem;}
    .about_modular2 ul>li{width:100%; justify-content: inherit; margin-bottom:.5rem;}
    .about_modular2 ul>li>img{width:.8rem;}
    .about_modular2 ul>li .p1{width:80%; text-align:left; margin-left:.4rem; font-size:18px;}
    .about_modular3{padding:0;}
    .about_modular3 .cont{padding-top:.5rem; flex-wrap:wrap;}
    .about_modular3 .cont .left{width:100%; border:0 none; padding:.3rem .2rem;}
    .about_modular3 .cont .right{margin-right:0;}
    .about_modular3 .left .p1{font-size:20px;}
    .about_modular4{height:12.38rem;background:url(../img/m/about/bg2.png) no-repeat; background-size:cover; padding-top:2rem;}
    .about_modular4 .cont{width:100%; margin-left:0; background:0 none; color:#fff; padding:0 .2rem;}
    .about_modular4 .cont .p1{font-size:22px;}
    .about_modular4 .cont .p2{font-weight:normal;}
    .about_modular4 .cont .p2>a{color:#fff;}
}