/* 手机横屏全屏适配 */
@media screen and (orientation: landscape) and (max-width: 1024px) {
    .warp, .bodyinner, .flexslider, .slides li, .bannerbox{
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;
    }
    .banner_img{
        width:100%;
        height:auto;
        display:block;
    }
    .foot .warp{
        padding:15px 3%;
    }
}
/* 全局统一盒模型 */
*{box-sizing:border-box;}
html,body{overflow-x:hidden;}
@media screen and (max-width:1200px){

.mobile{ display: block;  width: 100%; top: 10px; }
.mobile-inner{ width: 100%; }
.box{ width: 100%; padding: 0 5px; box-sizing: border-box; }
.top{ display: none; }
.navul{ display: none; }
.search{ display: none; }
h1{ line-height: inherit; padding: 20px 0; position: relative; z-index: 9999; }
.flex-control-nav{ bottom: 5px; }

.head{ position: static; }
.pc{ display: none; }
.phone{ display: block; }
.warp{ padding: 0 10px; }
h1{ padding: 10px 0; float: left; }
h1 img{ width: 200px; }
.headcall{ display: none; }
.menuBg{ display: block; }
.flexslider{ height: auto; }
.bodyinner{ position: static; }
.flex-prev{ left: 10px; width: 30px; height: 30px; border-radius: 30px; background-size: 40%; margin-top: -15px; }
.flex-next{right: 10px; width: 30px; height: 30px; border-radius: 30px;background-size: 40% ;margin-top: -15px;}
.flex-control-nav{ bottom: 15px; }
.foot{ position: static; height: auto; line-height: 24px; color: #030d1a; padding: 10px 0 }
.footl{ float: none; }
.footr{ float: none; width: 100% }
.foot a{color: #030d1a }

.navBot{ top: 54px; }
.bodyabout{ height: auto; }
.aboutbox{ height: auto; position: static; }
.about{ position: static; margin:0; }
.site{ margin-top: 30px; margin-bottom: 10px;  }
.bodycont .site{ background:url(../images/home3.png) left 11px no-repeat;height:auto;}
.aboutit{ font-size: 20px; height: 40px; line-height: 40px; margin-bottom: 10px; }
.aboutowrd{ font-size: 14px; line-height: 20px; padding: 0; }
.bodyabout .foot{ color: #fff; }
.bodyabout .foot a{ color: #fff; }
.ser{ padding: 0px 0 0 0; }
.sertitle{ font-size: 20px; height: 40px; line-height: 40px; margin-bottom: 15px; }
.sertit{ font-size: 13px; }
.sermin{ padding: 10px 0 }
.serimg{ height: 50px; line-height: 50px; }
.serimg img{ width: 40px; }
.sertop{ margin-bottom: 20px; }
.serbot .sertitle{ margin-bottom: 30px; }
.down_dl{ padding: 0 10px 15px; margin-bottom: 20px; height: auto; }
.down_dl dt{ position: static; text-align: center; padding: 20px 0 10px 0 }
.down_dl dd{ float: none; width: 100% ; padding-top: 0; background: url(../images/ser6.png) right 33px no-repeat}
.down_dl:after{ display: none; }
.downtit{ font-size: 16px; }
.bodycont{ height: auto; position: static; }
.bodycont .about{ margin: 0 }
.contleft{ float: none; width: 100% }
.contright{ float: none; width: 100% }
.contit{ font-size: 20px; height: 40px; line-height: 40px; margin-bottom: 10px; }
.contul li{ margin-bottom: 10px; height: auto; line-height: 24px; }
.contul li .conti{ margin-left: 3px; }
.contul li img{ margin-right: 7px; }
.contwhat{ padding: 6px 0 20px 0; }
.addul li{ margin:0 0 10px 0; width: 50%; padding: 0 5px; box-sizing: border-box; }
.addul li a{ width: 100%; height: 38px; line-height: 38px; border-radius: 38px; font-size:16px; }
.addul{ margin-bottom: 10px; }
.tivetit{font-size: 20px; height: 40px; line-height: 40px; margin-bottom: 0px;}
.tivep p{ font-size: 14px; height: auto; line-height: 24px; background:none }
.tive{ margin-bottom: 10px; }
.monochrome{ overflow: hidden; width: 100%;white-space: nowrap; /* 强制不换行 */
  overflow-x: auto; /* 横向溢出滚动 */
  overflow-y: hidden; /* 隐藏纵向滚动 */
  display: flex; /* 子元素横向排列（推荐） */ padding-bottom:30px; }
.mon{ width: 1200px;flex-shrink: 0; }
.bannerword{ font-size:20px; text-align:center; padding:0 5px; margin-bottom:10px;}
.bannersee{ text-align:center; padding:0 5px;}
.flex-control-nav li a.flex-active{ width:40px;}
.flex-control-nav li a{ width:25px; }
.flex-control-nav li{ margin-right:10px;}
.menu-dropdown{ display:none}
.aboutinner{ padding-bottom:50px;}



















}

@media screen and (max-width:768px){
}
@media screen and (max-width:414px){

}
@media screen and (max-width:375px){
.a_banner{ background-size:cover!important; height:114px!important;}
}

@media screen and (max-width:360px){
.a_banner{ background-size:cover!important; height:108px!important;}

}
@media screen and (max-width:320px){
}


@media screen and (min-width:1201px){
}