/*
首页模块命名规范：col-index-模块英文名称，如：col-index-news
内页页面外层容器命名规范：
1、通用样式：col-page，内页外层容器通用样式，使用方法<div class="col-page col-page-about"></div>
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面）
3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉）(<div class="col-wrap col-product"></div>)
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：col-自定义名称
4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
@charset "utf-8";
.home-top-grid1 {
    background: rgba(11, 100, 143, 0.7);
    transition: 0.5s all;
}
.home-top-grid2 {
    background: rgba(226, 23, 55, 0.5);
    transition: 0.5s all;
}
.home-top-grid3 {
    background: rgba(11, 100, 143, 0.4);
    transition: 0.5s all;
}
@font-face {
    src: url(../fonts/HelveticaInserat.ttf);
}
@font-face {
    font-family: 'FuturistCondensed';
    src: url('../fonts/FuturistCondensed Regular.TTF');/* IE9*/
    src: url('../fonts/FuturistCondensed Regular.TTF') format('embedded-opentype'), /* IE6-IE8 */
    /*url('../fonts/FuturistCondensed Regular.woff') format('woff'), *//* chrome、firefox */
    url('../fonts/FuturistCondensed Regular.TTF') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/FuturistCondensed Regular.svg#iconfont') format('svg');/* iOS 4.1- */
}
@font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:'iconfont';}
@font-face {
    font-family: 'iconfont1';  /* Project id 1502878 */
    src: url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff2?t=1654164469634') format('woff2'),
       url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff?t=1654164469634') format('woff'),
       url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.ttf?t=1654164469634') format('truetype');
}
.iconfont1{font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;font-family:'iconfont1';}
body {
    font-family: 'Arial',"微软雅黑";
    min-width: 320px;
    color: #707070;
    overflow-x: hidden;
    background-color: rgba(236, 231, 227, 1);
}
.iconfont {
    font-family: 'iconfont';
}
img {
    max-width: 100%;
}
li {
    list-style: none;
}
i,
em {
    font-style: normal;
}
.vcenter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}
.last {
    margin-right: 0 !important;
}
.tHide {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.blockFull {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.relative { position: relative;}
a { color: #666; transition: 0.5s;}
a:hover {  color: #1e77c4; text-decoration: none;}
a:link,
a:visited{text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li { margin: 0; padding: 0;}
img {border: 0;}
p{margin:0;}
.container {  width: 100%;max-width: 1360px;padding: 0;}
.pic { position: relative; overflow: hidden;}
.pic:after { content: ""; display: block;}
.padding{padding-left: 4.5%;padding-right: 4.5%;}
.panel{margin:0;border:0;border-radius: 0;box-shadow: none;}
.bold{font-weight: bold;}

/*header*/
    #page{padding-top: 0px; overflow: hidden;}
    header{width:100%; background: #fff;z-index: 8;}
    header h1{margin:0; padding: 0;font-size: 0;line-height: 115px;}
    header .container{position: relative;width: 100%;}
    nav.mm-menu_offcanvas{display: none;}
    #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0;  background: #0067b7; transition: .5s all;}
    .headTop{ border-bottom: 1px solid #bfbfbf; }
    .headTop a{display: block;padding:0 10px;line-height: 35px; float: right;color: #fff;background: #a6a6a6;}
    .headTop a.a_down{ color: #fff;background-color: rgba(37, 131, 147, 1);text-transform: uppercase; }
    .headTop a.a_news{ color: #fff;background-color: rgba(41, 114, 169, 1);text-transform: uppercase; }
    .headTop .lang{padding: 0 20px; display: flex;align-items: center;background: #a6a6a6;color: #fff; }
    .headTop .lang span{display: inline-block;margin:0 20px; height: 15px;border-right: 1px solid #b8b8b8;}
    .headTop .lang a{padding: 0;}

    .nav ul li{float: left;padding: 0 33px; line-height: 115px;}
    .nav ul li a{ color: #444;text-transform: uppercase; }
    .nav ul li a:hover{ color: #0266b2; }
/*header*/
/*-banner-*/
    .banner {width: 100%;margin-top: 29px; position: relative;z-index: 7;}
    .banner .swiper-slide{width: 100%; background-size: cover;background-position: center;position: relative;}
    .banner .swiper-slide .content{width: 100%;min-height: 226px; color: #fff;display: flex;align-items: center;text-align: center; }
    .banner .swiper-slide .content .text{width: 100%;padding:30px 0;}
    .banner .swiper-slide .content h2{line-height: 1.3;padding-bottom: 10px;}
    .banner .swiper-slide .content a{ display: inline-block;padding: 0 25px;margin:0 30px;margin-top:15px; line-height: 41px;border:2px solid #fff;font-weight: bold;color: #fff; }
    .banner .swiper-slide .content a:hover{background: #0065b3;border-color: #0065b3;}
/*-banner-*/
    .col-mbx .container{padding:15px 25px;color: #fff; background: #bababa; }
    .col-mbx .container p{display: flex;align-items: center;line-height: 30px;}
    .col-mbx .container p i{font-size: 24px;position: relative;top: -1px;margin-right: 5px;}
    .col-mbx a{color: #fff;}
    .col-mbx a:hover{text-decoration: underline;}

    .col-index-culture .text{padding: 50px 0; background: #fff; }
    .col-index-culture .text h3{ line-height: 1.11;color: #000; }
    .col-index-culture .text h3 span{padding-right: 20px;color:#1E77BB;}
    .col-index-culture .text p{margin-top: 10px; line-height: 1.8;color: #999; }

    .haomibo .vcenter img{position: absolute;}
    .haomibo img.img1{width: 8.08%;left: 27.57%;top: 26.34%;}
    .haomibo img.img2{width: 55.88%;left: 3.67%;top: 24.19%;}
    .haomibo img.img3{width: 30.88%;left: 8.97%;top: 61.98%;}
    .haomibo img.img4{width: 16.76%;left: 16.02%;top: 75.59%;}

    .haomibo .vcenter-en{display: flex;align-items: center;}
    .haomibo .vcenter-en div{width: 100%;padding: 0 4.85%;}
    .haomibo .vcenter-en img{position: static;}
    .haomibo .vcenter-en img.img1{margin-left: 10.48%;margin-bottom: -1.5%;}
    .haomibo .vcenter-en img.img4{margin-left: 7.5%;margin-top: 2%;}
    .haomibo .vcenter-en p{line-height: 1.3;font-weight: bold;}
    .haomibo .vcenter-en p.p1{font-size: 52px;color: #fff;text-shadow: 0 3px 3px #9a9a9a;}
    .haomibo .vcenter-en p.p2{font-size: 24px;color: #1e77bb;}

    .col-index-product .list ul{margin:0 -0.7vw;display: flex;flex-wrap: wrap;}
    .col-index-product .list li{padding:0 0.7vw;margin-top: 9px; }
    .col-index-product .list li .panel{padding: 47px 0 35px;height: 100%; background: #f2f2f2;}
    .col-index-product .list li .pic:after{padding-bottom: 57.11%;}
    .col-index-product .list li p{padding: 0 2vw; font-weight: bold;line-height: 1.5;}
    .col-index-product .list li p a{color: #000;}
    .col-index-product .list li p span{display: block;color:#1e77bb;font-weight: normal;}

    .col-index-about .flex{display: flex;flex-wrap: wrap;margin-top: 19px;}
    .col-index-about .content{width: 43.67%;padding-left: 15px;color: #fff;}
    .col-index-about .content .bg{padding: 28px;}
    .col-index-about .content h3{margin-bottom: 18px;}
    .col-index-about .content p{line-height: 2;}
    .col-index-about .content a.more{display: inline-block;margin:35px 0 10px; width: 150px;height: 45px;line-height: 43px;text-align: center;color: #fff;border:1px solid #fff;}
    .index-video{ width: 56.33%;position: relative;overflow: hidden; }
    #video{ width: 100%;position: absolute;left: 0;top:50%;transform: translateY(-50%); }
    .wanwu{margin-top: 33px;}
    .wanwu .vcenter img{position: absolute;}
    .wanwu img.img1{width:31.1%;left: 7.94%;top: 33.54%;}
    .wanwu img.img2{width:42.35%;left: 2.13%;top: 49.36%;}
    .wanwu .vcenter-en {display: flex;align-items: center;}
    .wanwu .vcenter-en div{width: 100%;padding-left: 4.85%;}
    .wanwu .vcenter-en p{font-weight: bold;line-height:1.3; }
    .wanwu .vcenter-en p.p1{font-size: 52px;line-height: 1.4; color: #fff;text-shadow: 0 3px 3px #9a9a9a;}
    .wanwu .vcenter-en p.p2{font-size: 30px;color: #1e77bb;}

    .footer{margin-top: 25px;background: #fff;color: #333;line-height: 1.8;}
    .foot-product{padding-top: 10px;padding-bottom: 25px;}
    .foot-product a{ display: inline-block;padding: 0 25px;margin:0 30px;margin-top:15px; line-height: 41px;border:2px solid #fff;font-weight: bold;color: #fff; }
    .foot-product a:hover{background: #0065b3;border-color: #0065b3;}
    .foot{padding-top:70px;padding-bottom: 58px;}
    .footLogo{width: 24.63%;padding-right: 3vw;}
    .footCon{width: 43.38%;padding-right: 4vw;}
    .footCon ul li{position: relative;padding-left: 130px;margin-bottom: 5px;}
    .footCon ul li p.tit{position: absolute;left: 0;top:0;width: 130px;}
    .footCon ul li:last-child{margin-bottom: 0;}
    .copy{width: 22.05%;padding-right: 4vw; color: #696969;}
    .qrcode{width: 9.94%;}
    .qrcode span{display: block;margin-top:3px;}

    /*about*/
    .about{padding-top: 45px; display: flex;align-items: flex-end; background:url(../images/zbj_03.png) #fff bottom center repeat-x;}
    .about .pic{width: 31.17%;}
    .about .text{width:68.83%;padding-left: 40px;padding-bottom:205px;}
    .about .text p{line-height: 2;}
    .about .text ul{display: flex;text-align: center;margin-top: 38px;}
    .about .text ul li{width: 33.33%;padding: 1.56vw; border-right: 1px solid #eaeaea;}
    .about .text ul li p.tit{display: flex;align-items: center;justify-content: center;color:#02498b;}
    .about .text ul li p.tit img{position: relative;top: -2px;margin-right: 7px;}
    .about .text ul li p.data{margin-top: 18px; line-height: 1;color:#696969;}
    .about .text ul li:last-child{border:0;}
    .about-text{padding: 52px 38px; display: flex;align-items: center; background: #fff;}
    .about-text .pic{width: 26%;}
    .about-text .text{width:74%;padding-left: 38px;}
    .about-text .text p{line-height:2;}
    /*contact*/
    .col-page-contact .container{padding:60px 4vw; background: #fff;}
    .contact h2{color: #696969;line-height: 1.2;}
    .contact ul {padding: 0 2vw;margin-top: 50px; display: flex;}
    .contact ul li{ width: 25%;margin:0 1.3vw;padding: 25px 5px 10px; background: #eee; }
    .contact ul li img{height: 2.65vw;max-height: 51px;min-height: 30px;margin-bottom: 1.3vw;}
    .contact ul li .tit{margin-bottom: 10px;}
    #map{margin-top:60px;width: 100%;height: 20.83vw;max-height: 400px;min-height: 200px; font-size: 14px;}
    .BMapLabel{
        background-color: #58595b!important;
        border: none !important;
        padding:5px 10px!important;
        border-radius: 30px;
        color: #f1f1f1!important;
        max-width: none;
    }
    .anchorTL,.anchorBL{display: none;}
    #map img{max-width: none;}

    .message{margin-top: 60px;}
    .message ul li{margin-bottom: 13px;}
    .message ul li input,
    .message ul li textarea{display: block;width: 100%;height: 30px;padding: 0 15px; line-height: 28px;border:1px solid #e4e4e4;outline: none;}
    .message ul li textarea{height: 150px;padding:3px 15px;}
    .message ul li.verification{}
    .message ul li.verification input{display: inline-block;width: 40%;max-width: 134px;}
    .message ul li.submit{margin:0;}
    .message ul li.submit input{color: #fff;background: #1e77c1;border-radius: 5px;border-color: #1e77c1;height: 36px;line-height: 34px;}
    /*news*/
    .col-page-news .container{padding: 60px 45px; background: #fff;}
    .col-page-news h2{color: #696969;line-height: 1.2;text-align: center;text-transform: uppercase;}

    .news ul{padding-top: 14px;}
    .news ul li{margin-top:26px;padding-bottom: 26px; position: relative;padding-left: 84px;border-bottom: 1px dashed #cdcdcd;}
    .news ul li .date{width: 84px;height: 84px;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;line-height: 1;background: #f2f2f2;position: absolute;left: 0;top:0;}
    .news ul li .date span,
    .news ul li .date em{display: block;width: 100%;text-align: center;}
    .news ul li .date em{margin-top: 5px;}
    .news ul li .text{width: 100%;min-height: 84px;padding-left: 14px;}
    .news ul li .text a.newscontit{color: #000;line-height: 1.8;}
    .news ul li .text a.newscontit:hover{color: #1e77c4;}
    .news ul li .text p{ line-height: 1.6;}
    .page{margin-top: 40px;}
    .pagination{margin:0;}

    .newshow .newshowtit {padding-bottom: 25px;margin-bottom: 25px; text-align: center; border-bottom: 1px dotted #bfbebe;  }
    .newshow .newshowtit h1 { color: #333;line-height: 1.2 }
    .newshow .newshowtit .date {margin-top: 20px; line-height: 1.8; font-size: 12px; color: #999; }
    .newshow .newshowtxt p {
      line-height: 1.8;
    }
    .newshow .newshowimg {
      text-align: center;
      margin: 65px 0;
    }
    .prev-next {
      float: left;
      margin-top: 10px;
    }
    .prev-next a {
      display: block;
      color: #999;
      line-height: 25px;
      transition: 0.3s;
    }
    .prev-next a b {
      color: #666;
    }
    .prev-next a:hover {
      color: #1e77c4;
    }
    .prev-next a.prev {
      border-bottom: 1px dashed #d4d4d4;
    }

    /*download*/
    .col-page-download .container{padding: 60px 40px;background: #fff;}
    .col-page-download h2{color: #696969;line-height:1.2;text-align: center;text-transform: uppercase;}
    .col-page-download .border{margin-top: 38px;padding: 30px; border:1px solid #e4e4e4;}
    #download li{margin-bottom: 25px; position: relative;padding-right: 180px;}
    #download li a.down{display: block;position: absolute;right: 0;top:0;width: 160px;height: 40px;color: #fff;line-height: 40px;background: #0166b4;text-align: center;}
    #download li:last-child{margin-bottom: 0; }
    .down_head h4{line-height: 1.5;}
    .down_head h4 a{color: #000;}
    .down_head h4 a:hover{color: #1e77c4;}
    .down_body{ color: #999;line-height: 1.8;}
    .down_body span{  margin-right: 15px; }

    .download_title{  margin-bottom: 30px;  border-bottom: 1px solid #d6d6d6; padding: 8px; }
    .download_title h1{line-height: 1.2;color: #333;text-align: center;}
    .download_button,
    .link_button{
        display: inline-block;
        background: #1e77c4;
        height: 35px;
        line-height: 35px;
        padding: 0 35px;
        color: #fff;
        border-radius: 2px;
    }
    .download_button:hover,
    .link_button:hover{ background: #1e77c4;color: #fff; }
    .content_title{
        margin: 30px 0 10px;
        padding: 0 10px;
        font-size: 16px;
        font-weight: normal;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #ddd;
    }
    .line{ border-bottom: 1px solid #d6d6d6; margin: 15px 0;}
    #link h3{ margin: 10px 15px;   }
    #img_link,
    #text_link{margin-bottom: 50px; overflow: hidden;}
    #img_link li,
    #text_link li{ float: left; margin: 0 10px; }
    /*product*/
    .col-page-product .container{padding: 34px 30px; background: #fff;}
    .page-left{width: 23.38%;padding-right: 30px;}
    .page-right{width:76.62%;}

    .pronav{position: relative;padding-bottom: 25px;margin-bottom: 20px;}
    .pronav:after{content: '';width:calc(100% + 10px);position: absolute;right: 0;bottom: 0;border-bottom: 1px solid #f0f0f0;}
    .pronav h3{position: relative;padding: 0 14px; line-height: 40px;color: #fff;background: #0065b3; }
    .pronav h3:before{content: '';width: 10px;height: 100%;position: absolute;left: -10px;top:0;background: #0065b3;}
    .pronav ul{width: 100%;}
    .pronav ul li{width: 100%;margin-top: 10px;padding-right: 1px;}
    .pronav ul li a{display: block;width: 100%; padding: 0 18px; line-height: 35px;color: #333;border:2px solid #f3f3f3;}
    .pronav ul li a:hover{color: #0167b2;}
    .pronav .swiper-pronav{margin-top:5px;}
    .pronav .swiper-container .swiper-pagination{position: static;margin-top: 10px;}
    .pronav .swiper-container .swiper-pagination .swiper-pagination-bullet { width:13px;height:13px;margin:0 8px;background: #757575;opacity: 1; outline: none;}
    .pronav .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #0065b3; }
    .pronav .swiper-container.swiper-no-swiping .swiper-pagination{display: none;}

    .pro ul{margin: 0 -10px;margin-top: -10px;}
    .pro li{padding: 0 10px;margin-top: 10px;}
    .pro li .panel{background: #f7f7f7;border:2px solid #f3f3f3;}
    .pro li .pic:after{padding-bottom: 79.64%;}
    .pro li h4{padding: 12.5px 19px;line-height: 25px;background: #eaeaea;}
    .pro li h4 a{color: #333;}
    .pro li h4 a:hover{color: #0167b2;}

    .pro_show h1{line-height: 1.2;color: #000;text-align: center;}
    .pro_show .swiper-prodet .pic{border:2px solid #9a9b9b;}
    .pro_show .swiper-prodet .pic:after{padding-bottom: 76.20%;}
    .pro_show .swiper-container{padding: 0 30px;margin-top: 30px;}
    .pro_show .swiper-container .swiper-button-prev,
    .pro_show .swiper-container .swiper-button-next{ width: auto;height: 100%;margin:0;top:0;background: none;opacity: 1;z-index: 1; outline: none;}
    .pro_show .swiper-container .swiper-button-prev{left: 0;}
    .pro_show .swiper-container .swiper-button-next{right:0;transform: rotateY(180deg);}
    .pro_show .swiper-container .swiper-button-prev i,
    .pro_show .swiper-container .swiper-button-next i{ display: flex;width: 28px;height:100%;text-align: center;color: #fff;background: #a2a2a2;font-size:26px;align-items: center;justify-content: center; transition: 0.5s; }
    .pro_show .swiper-container .swiper-button-prev i:hover,
    .pro_show .swiper-container .swiper-button-next i:hover{color: #0167b2;}
    .product-tab{margin-top: 40px;}
    .product-tab .title span{display: inline-block; width: auto;min-width: 114px;padding: 0 20px; line-height:40px;color: #fff;background: #0166b4;text-align: center;}
    .product-tab .content{padding: 20px; border:1px solid #f0f0f0; }
    .pro_show .prenext{padding: 20px 0; border-bottom:1px solid #f0f0f0;}
    /*saerch*/
    .pro-search{position:absolute;right:30px;top:14px;padding-right: 67px; width:287px;overflow:hidden;font-size: 14px;}
    .pro-search input{width:100%;background:#fff;border:1px solid #f0f0f0; line-height:28px;padding:0 15px;outline: none;color: #000;transition: 0.5s;}
    .pro-search a#head_search{display:flex;align-items: center;justify-content: center; width:75px;height: 30px;text-align:center; position:absolute;right:0;top:0;color:#fff;background: #0b5da7;cursor:pointer;}
    .pro-search a#head_search i{font-size: 14px;top: 0;}

    .search_right .no-result{
        text-align: center;
        font-size: 24px;
        color:#d80808;
    }
    .search-result-title{
        font-size: 20px;
        font-weight: 600;
        color: #333;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }
    .entry-image { float: left;width: 120px;margin: 0 20px 0 0;}
    .entry-c{ position: relative;  overflow: hidden; }
    .search-result-info{    padding:5px 0;  }
    .search-result-info li{  display: inline-block;  }
    .search_right em{ color: #004cff;  }
    .search_right .search-result{  margin-left:25px; }
    .product_title a{ color: #d80808; text-decoration: underline; }
    .search_right .search-li{ border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; padding-bottom: 10px;}
    .search_right li{ overflow: hidden;  }
    .search-result-info li:before{
        content: '/';
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        opacity: 0.5
    }
    .search-result-info li:first-child:before { display: none; }
    .product_list{ padding-bottom: 15px;    border-bottom: 1px solid #d6d6d6;     margin-bottom: 15px;  }
    .product_img{ float: left;  }
    .product_img img{    border-radius: 50%;  }
    .product_img img:hover{    width: 90px;    height: 90px;  }
    .product_body{  float: left; margin-left: 20px; margin-top: 10px;  }
    .product_title{ margin-bottom: 20px;  }
@media (max-width: 1400px){}
/*手机版菜单*/
@media screen and (max-width: 991px)  {
    header h1{height: 55px;line-height: 55px;padding-left: 15px;}
    header h1 img{max-height:90%;}
    .head{padding: 0;}
    #header a.mm_btn {background: center center no-repeat #0266b2;display: block;width: 55px;height: 55px;position: absolute;top:0;right: 0; padding: 12.5px; }
    #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
    #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
    #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;
      /*transition: transform .2s ease .2s;
      -webkit-transition: -webkit-transform .2s ease .2s;*/
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
    #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
    #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
    #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
    #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
    #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
    #header .mm_btn.is_active .menu_bar_item {
      transform: translateZ(0) rotate(45deg);
      transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
      -webkit-transform: translateZ(0) rotate(45deg);
      -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
    }
    /*菜单弹出方向*/
    .mm-menu_offcanvas{left: auto!important;}
    .mm-menu{right: 0!important;}
    .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
    .mm-slideout{z-index: 10!important;}
    .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{
      -webkit-transform: translate(-80vw,0)!important;
      -ms-transform: translate(-80vw,0)!important;
      transform: translate(-80vw,0)!important;
      -webkit-transform: translate3d(-80vw,0,0)!important;
      transform: translate3d(-80vw,0,0)!important;
      /*transform: translate3d(80vw,0,0)!important;*/
    }
    .mm-wrapper_opened .mm-menu_fx-menu-slide {
      -webkit-transform: translate(0,0)!important;
      -ms-transform: translate(0,0)!important;
      transform: translate(0,0)!important;
      -webkit-transform: translate3d(0,0,0)!important;
      transform: translate3d(0,0,0)!important;
    }
    /**/
    #menu{ color:rgba(0,0,0,.8);}
    #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
    #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
    #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
    #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
    #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
    #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
    #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
    #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
      -webkit-transform: translate(-440px,0)!important;
      -ms-transform: translate(-440px,0)!important;
      transform: translate(-440px,0)!important;
      -webkit-transform: translate3d(-440px,0,0)!important;
      transform: translate3d(-440px,0,0)!important;
    }
}
@media (max-width: 991px){
    /*-banner-*/
        .banner .swiper-slide .content a{padding: 0 1vw;min-width:110px;margin:0 1.5vw;margin-top:10px;line-height:33px;}
    /*-banner-*/
    .col-mbx .container{padding:10px 15px;}
    .col-mbx .container p{line-height: 25px;}
    .col-mbx .container p i{font-size: 20px;}

    .haomibo .vcenter-en img.img1{margin-left: 16%;}
    .haomibo .vcenter-en img.img4{margin-left: 11.5%;}
    .haomibo .vcenter-en p.p1{font-size: 5.24vw;}
    .haomibo .vcenter-en p.p2{font-size: 2.42vw;}

    .col-index-culture .text{padding:35px 0;}
    .col-index-culture .text h3{font-size: 20px;}
    .col-index-culture .text h3 span{padding-right: 10px;}
    .col-index-about .flex{margin-top: 10px;}
    .col-index-about .content{width: 100%;padding-left: 0;}
    .col-index-about .content .bg{padding: 28px 15px;}
    .col-index-about .content p{line-height: 1.8;}
    .col-index-about .content a.more{width:120px;height:35px;line-height:33px;}
    .index-video{ width: 100%;}
    #video{position: static;transform:none; }
    .wanwu{margin-top:20px;}
    .wanwu .vcenter-en p.p1{font-size: 24px;}
    .wanwu .vcenter-en p.p2{font-size: 15px;}
    .footer{margin-top: 20px;}
    .foot-product{padding-top: 15px;padding-bottom: 25px;}
    .foot-product a{padding: 0 1vw;margin:0 1.56vw; margin-top:10px;min-width: 110px; line-height:33px;}
    .foot-product a:hover{background: #0065b3;border-color: #0065b3;}
    .foot{padding-top:40px;padding-bottom:30px;}
    .footLogo{width:100%;padding-right: 0;text-align: center;}
    .footCon{width: 100%;padding-right: 0;}
    .footCon ul li{padding-left: 60px;}
    .footCon ul li p.tit{width: 60px;}
    .copy{width: 100%;padding-right: 0;margin-top: 10px;}
    .qrcode{width: 100%;margin-top: 10px;}
    .qrcode span{display: block;margin-top:3px;}
    /*about*/
    .about{padding-top: 45px; flex-wrap: wrap;}
    .about .pic{width: 100%;text-align: center;padding: 0 15px;}
    .about .text{width:100%;padding: 0 15px;}
    .about .text p{line-height: 1.8;}
    .about .text ul{margin-top: 20px;}
    .about .text ul li{padding:15px 1vw;}
    .about .text ul li p.tit{display: block;}
    .about .text ul li p.tit img{display: block;margin: 0 auto;}
    .about .text ul li p.data{margin-top: 10px;}
    .about-text{padding: 52px 15px;flex-wrap: wrap;}
    .about-text .pic{width: 100%;text-align: center;}
    .about-text .text{width:100%;padding: 0;margin-top: 30px;}
    .about-text .text p{line-height:1.8;}
    /*contact*/
    .col-page-contact .container{padding: 45px 3vw;}
    .contact ul {flex-wrap: wrap;margin: 0;padding:25px 0 0;}
    .contact ul li{width: 100%;margin:10px 0 0;}
    .contact ul li img{margin-bottom: 15px;}
    .contact ul li .tit{margin-bottom: 8px;}
    #map{margin-top: 45px;}
    .message{margin-top: 45px;}
    .message ul li{margin-bottom: 13px;}
    .message ul li textarea{height:100px;}
    /*news*/
    .col-page-news .container{padding: 45px 3vw;}
    .news ul{padding-top: 14px;}
    .news ul li{margin-top:15px;padding-bottom: 15px;padding-left: 70px;}
    .news ul li .date{width: 70px;height: 70px;}
    .news ul li .text{min-height: 70px;}
    /*download*/
    .col-page-download .container{padding: 45px 3vw;}
    .col-page-download .border{margin-top: 30px;padding:15px;}
    #download li{margin-bottom:20px;padding-right: 0;}
    #download li a.down{display: block;position: static;width:110px;height: 33px;line-height: 33px;margin-top: 5px;}
    /*product*/
    .col-page-product .container{padding: 34px 3vw;}
    .page-right{width:100%;}
    .pro ul{margin: 0 -7px;margin-top: -7px;}
    .pro li{padding: 0 7px;margin-top: 7px;}
    .pro li h4{padding: 10px 15px;}
    .product-tab{margin-top: 40px;}
    .product-tab .title span{padding: 0 15px; line-height:33px;}
    .product-tab .content{padding: 15px;}
    /*saerch*/
    .pro-search{position:relative;margin-left: auto;margin-right: 0;margin:6px 0 3px; right:0;top:auto;padding-right: 67px;width: 100%; max-width:287px;overflow:hidden;font-size: 14px;}
    .pro-search input{width:100%;background:#fff;border:1px solid #f0f0f0; line-height:28px;padding:0 15px;outline: none;color: #000;transition: 0.5s;}
    .pro-search a#head_search{display:flex;align-items: center;justify-content: center; width:75px;height: 30px;text-align:center; position:absolute;right:0;top:0;color:#fff;background: #0b5da7;cursor:pointer;}
    .pro-search a#head_search i{font-size: 14px;top: 0;}
}
@media (max-width: 767px){
    .col-index-product .list ul{margin:0 -7px;}
    .col-index-product .list li{padding:0 7px; }
    .col-index-product .list li .panel{padding:30px 0 20px;}
    .col-index-product .list li .pic{max-height: 249px;}
    .col-index-product .list li p{padding: 0 20px;}

    .haomibo .pic{min-height: 160px}
    .haomibo .pic:after{padding-bottom: 37%;}
    .haomibo .pic .bg{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
}
@media (max-width: 400px){}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#ccc;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#ccc;}

.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f33{font-size: 33px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f38{font-size: 38px;}
.f40{font-size: 2.08vw;}
.f42{font-size: 2.18vw;}
.f45{font-size: 2.34vw;}
.f48{font-size: 2.5vw;}
.f50{font-size: 2.6vw;}
.f55{font-size: 2.86vw;}
.f72{font-size: 3.75vw;}
@media (max-width: 1400px){
    .f15{font-size: 14px;}
    .f16{font-size: 14px;}
    .f18{font-size: 16px;}
    .f20{font-size: 18px;}
    .f22{font-size: 20px;}
    .f24{font-size: 20px;}
    .f25{font-size: 20px;}
    .f28{font-size: 22px;}
    .f30{font-size: 24px;}
    .f33{font-size: 24px;}
    .f35{font-size: 24px;}
    .f36{font-size: 24px;}
    .f38{font-size: 28px;}
    .f40{font-size: 30px;}
    .f42{font-size: 30px;}
    .f45{font-size: 30px;}
    .f48{font-size: 30px;}
    .f50{font-size: 35px;}
    .f55{font-size: 35px;}
}
@media (max-width: 991px){
    .f18{font-size: 15px;}
    .f20{font-size: 16px;}
    .f22{font-size: 18px;}
    .f24{font-size: 18px;}
    .f25{font-size: 18px;}
    .f28{font-size: 20px;}
    .f30{font-size: 20px;}
    .f33{font-size: 20px;}
    .f35{font-size: 20px;}
    .f36{font-size: 20px;}
    .f38{font-size: 22px;}
    .f40{font-size: 24px;}
    .f42{font-size: 24px;}
    .f45{font-size: 24px;}
    .f48{font-size: 24px;}
    .f50{font-size: 30px;}
    .f55{font-size: 30px;}
    .f72{font-size: 30px;}
}
@media (max-width: 767px){
    .f40{font-size: 22px;}
    .f45{font-size: 22px;}
    .f48{font-size: 22px;}
    .f50{font-size: 24px;}
    .f55{font-size: 24px;}
    .f72{font-size: 24px;}
}