/*
首页模块命名规范：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: #666;
  overflow-x: hidden;
}
.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: #d80808;
  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;}
.padding{padding-left: 4.5%;padding-right: 4.5%;}
.container {width: 100%;max-width: 1300px;padding: 0;}
.container1{max-width: 1440px;}
.pic {
  position: relative;
  overflow: hidden;
}
.pic:after {
  content: "";
  display: block;
}
.bold{font-weight: bold;}
.panel{margin:0;border:0;border-radius: 0;box-shadow: none;}
#page{padding-top: 0px; overflow: hidden;}
/*head*/
    header{width:100%;position: fixed; left: 0; top: 0; z-index:1000;}
    header h1{width: 15%;max-width: 185px; margin:0; padding: 0;font-size: 0;line-height: 76px;}
    header .container{position: relative;max-width: 1760px;padding: 0 15px;}
    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;}
    .head{padding: 24px 0; transition: 0.5s;}
    .head.on{padding: 10px 0;background:rgba(0,44,134,0.8);}
    .nav{}
    .nav ul{}
    .nav li{float: left;min-width:8.85vw;padding: 0 1vw;position: relative; line-height: 76px; text-align: center;}
    .nav li:after{content: '';height: 16px;position: absolute;right: 0;top:50%;margin-top: -8px; border-right:1px solid rgba(255,255,255,0.5);}
    .nav li a{color: #fff;}
    .nav li:last-child:after{border:0;}
    .language{padding-left: 5px; height: 76px; line-height: 76px; overflow: hidden;}
    .language a{margin-left: 2.86vw; color: #fff;}
/*head*/
/*-banner-*/
    .banner {width: 100%; position: relative;background: #ccc;z-index: 7;}
    .banner .swiper-slide{width: 100%; background-size: cover;background-position: center;position: relative;}
    .banner .swiper-slide .content{width: 100%;height: 100%;color: #fff;display: flex;align-items: center; position: absolute;left: 0;top:0; }
    /*index*/
    .banner-index .swiper-banner{overflow: visible;}
    .banner-index .swiper-slide .pic:after{padding-bottom:38.54%;}
    .banner-index .swiper-slide .content .container{max-width: 1230px;height: 100%;padding-top: 2vw; padding-right:35%;display: flex;align-items: center;color: #fff;}
    .banner-index .swiper-slide .content .img{width: 39vw;max-width: 749px; position: absolute;right:-3.9vw;bottom:-4.63vw;}
    .banner-index .swiper-slide .content .text{}
    .banner-index .swiper-slide .content p.p1{ line-height: 1.5; text-shadow: 1px 1.732px 5px rgba( 0, 1, 1,0.14 );}
    .banner-index .swiper-slide .content p.p2{ margin-top: 1vw; font-weight: bold; line-height: 1.3; text-shadow: 1px 1.732px 5px rgba( 0, 1, 1,0.14 );}
    .banner-index .swiper-slide .content p.more{margin-top: 1.82vw;}
    .banner-index .swiper-slide .content p.more a{ display: inline-block;height: 39px;padding-left: calc(34px + 0.83vw);padding-right: 1.56vw; position: relative; background: #fff;color: #272727;font-weight: bold;line-height: 39px; border-radius: 20px;}
    .banner-index .swiper-slide .content p.more a:before{content: '\e653';display: block; width: 23px;height: 23px;position: absolute;left: 11px;top:8px; line-height: 23px;text-align: center;font-family: 'iconfont';font-size:14px; color: #fff;background: #113b8f;border-radius: 50%;}
    .banner-index .swiper-slide .content p.more a:hover{color: #113b8f;}

    .banner-index .swiper-banner .swiper-pagination{width: 100%;max-width: calc(1230px + 9vw);padding: 0 4.5vw;left:50%;transform: translateX(-50%); bottom:5.5vw;text-align: left;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet {width:3.125vw;height:2px;margin:0 0.78vw 0 0;opacity: 1;transition: 0.5s;background:#fff;border-radius: 0; outline: none;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet-active{background:#db011d;}
    .banner-index .swiper-banner.swiper-no-swiping .swiper-pagination{display: none;}
    /*page*/
    .banner-page .swiper-slide .content{padding-top:47px;}
    .banner-page .swiper-slide .content h2{line-height: 1;font-weight: bold;}
    .banner-page .swiper-slide .content p{margin-top: 10px; line-height: 1.6;}
    .banner-page .swiper-slide .content p a{color: #fff;}

    @media (max-width: 991px) {
        .banner-index .swiper-slide{height: 360px;}
        .banner-index .swiper-slide .content p.p2{margin-top: 10px;}
        .banner-index .swiper-slide .content p.more{margin-top: 15px;}
        .banner-index .swiper-slide .content p.more a{padding-left: 42px;padding-right: 15px;}
        .banner-index .swiper-banner .swiper-pagination{bottom: 55px;}
        .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet{width: 30px;margin-right: 5px;}

        .banner-page .swiper-slide{height:300px!important;}
        .banner-page .swiper-slide .content h2{font-size: 24px;}
    }
    @media (max-width: 767px) {
        .banner-index .swiper-slide .content .container{padding-right: 0;}
        .banner-index .swiper-slide .content p.p1{font-size: 15px;}
    }
/*-banner-*/
/*footer*/
    .footer{padding-top: 4.16%; color: #fff;}
    .footer p{line-height: 1.8;}
    .footer a{color: #fff;}
    .footerCon{width: 41.66%;padding-right: 3vw;}
    .footerCon ul{padding-top: 0.6vw;}
    .footerCon li{margin-top: 1.82vw;}
    .footerCon li h4{font-weight: bold;line-height: 1.3;}
    .footerCon li p.tel{margin:4px 0 8px; line-height: 1;}

    .footerNav{width: 58.33%;}
    .footerNavTop{}
    .footerNavTop li{float: left;width: 23%; text-align: center;position: relative;}
    .footerNavTop li:after{content: '';height: 14px;position: absolute;right: 0;top:50%;margin-top: -7px;border-right: 1px solid rgba(255,255,255,0.18);}
    .footerNavTop li.li1,
    .footerNavTop li.li5{width: 15.5%;}
    .footerNavTop li.li1{text-align: left;}
    .footerNavTop li.li5{text-align: right;}
    .footerNavBot{margin-top: 4.5vw;}
    .footerNavBot .title{display: flex;align-items: center;}
    .footerNavBot .title h4{padding-right: 15px; white-space: nowrap;}
    .footerNavBot .title span{display: block;width: 100%;border-top:1px solid rgba(255,255,255,0.65);}
    .footerNavBot ul{margin-top: 1.3vw; padding-right: 120px; }
    .footerNavBot li.txt{float: left;width: 33.33%;padding-right:1vw;margin-bottom: 5px; line-height: 1.8;}
    .footerNavBot li.txt a:hover{text-decoration: underline;}
    .footerNavBot li.qrcode{ width: 103px; position: absolute;right: 0;top:0; text-align: center; }
    .footerNavBot li.qrcode p{margin-top: 6px;}
    .copy{margin-top: 2vw; padding: 0.78vw 0;}
/*footer*/

.col-title{color: #0e0e0e;}
.col-title h4{margin-bottom: 6px;}
.col-titlef{color:#fff;}
.col-title-hr{color: #222;}
.col-title-hr hr{margin:1vw 0 0;width: 3.8vw;border-top:3px solid #db011c;}
.col-title-hr.text-center hr{margin-left: auto;margin-right: auto;}

.videoPop{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top:0;z-index: 1001;display: none;}
.videoPop .content{width: 100%; max-width: 1280px; max-height:65vh; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
#video{width: 98%;max-width: 1280px;max-height:65vh;display: block; margin: 0 auto;  }
#videoClose{position: absolute;right:0;top:0;transform: translateY(-100%); color: #fff;cursor: pointer;font-size: 28px;transition: 0.5s;}
#videoClose:hover{color: #ff0000;}
/*首页关于*/
    .about-content{color: #222;}
    .about-content h3{margin-top: 1.56vw; color: #113b8f;}
    .about-content h3 span{display: inline-block;position: relative;}
    .about-content h3 span:after{content: '';width: 5.93vw;margin-left: 2.34vw; border-top:1px solid #113b8f;position: absolute;left: 100%;top:43%;}
    .about-content p{line-height: 2;color: #555;}
    .about-content p.desc{margin:1vw 0 1.56vw; line-height: 1.3;color: #222;}
    .about-content a{display: inline-block;margin-top: 2vw; color: #113b8f;}
    .about-content a i{display: inline-block;width: 20px;height: 20px;margin-right: 0.52vw; text-align: center; color: #fff;line-height: 20px; background: #113b8f;border-radius: 50%;}

    .col-index-about{padding-bottom: 6.77vw;}
    .col-index-about .container{max-width: 1230px;}
    .col-index-about .founded{width: 28%;padding:3.64vw 2.34vw 5.2vw;margin-top:-1.4vw; color: #fff; background: url(../images/bg.jpg) center no-repeat;background-size: cover;z-index: 8;}
    .col-index-about .founded p{line-height:2;}
    .col-index-about .founded p.tit{line-height: 1.3;}
    .col-index-about .founded p.year{margin-top: 2.29vw; line-height: 1;}
    .col-index-about .founded p.year span{font-family: 'Impact';font-size: 10vw;line-height: 0.8;font-weight: normal;}
    .col-index-about .founded h4{margin: 2.39vw 0 1.3vw;}
    .col-index-about .about-content{width: 72%;padding-top: 6.77vw; padding-left: 6vw;}
    /*视频*/
    .aPlayButton{display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);  }
    .aPlayButton i{width: 6.458vw;height: 6.458vw;max-width: 124px;max-height: 124px;min-width: 50px;min-height: 50px;display: flex;align-items: center;justify-content: center; position: relative;color: #113b8f;background-color: rgba( 255, 255, 255, 0.702 );border-radius: 50%;z-index: 2;box-shadow: 0px 0px 21px 0px rgba( 0, 1, 1,0.1 );}
/*首页关于*/

/*首页产品*/
    .col-index-product{padding-top: 5.2%;padding-bottom: 5.2%;}
    .col-index-product .desc{ max-width: 900px;margin:1.71vw auto 0; line-height: 1.8; }
    .col-index-product .number{max-width: 900px;margin:2.6vw auto 0;}
    .col-index-product .number ul{display: flex;}
    .col-index-product .number li{width: 33.33%;}
    .col-index-product .number li .num{position: relative; font-size: 3.75vw;line-height: 0.8;font-weight: bold; color: #113b8f;}
    .col-index-product .number li .num em{ position: absolute;font-weight: normal; transform: translateY(-10%); }
    .col-index-product .number li .tit{margin-top: 0.7vw; color: #000;}
    .col-index-product .more{margin-top: 3.64vw;}
    .col-index-product .more a{display: inline-block;padding-bottom: 5px; position: relative;color: #113b8f;}
    .col-index-product .more a span{display: block;width:100%;position: absolute;left: 0;bottom: 0;border-bottom: 1px solid #113b8f;transition: 0.5s;}
    .col-index-product .list{margin-top: 3.125vw;}
    .col-index-product .list .swiper-pagination{position: static;margin-top: 2.6vw;}
    .col-index-product .list .swiper-pagination .swiper-pagination-bullet { width: 3.8vw;height:8px;margin:0 7px;background: #cecece;border-radius: 4px;transition: 0.5s;outline: none; opacity: 1; }
    .col-index-product .list .swiper-pagination .swiper-pagination-bullet-active {background: #113b8f;}
    .col-index-product .swiper-container{box-shadow: 3.5px 6.062px 24px 0px rgba( 0, 1, 1,0.08);}
    .col-index-product .swiper-container .swiper-slide{ height: auto;}
    .col-index-product .swiper-slide .flex{height: 100%;padding: 0 2vw; display: flex;align-items: center;color: #2a2a2a;background: url(../images/bg1.jpg) center no-repeat;background-size: cover;cursor: pointer;transition: 0.5s; }
    .col-index-product .swiper-slide .pic{width: 63%;}
    .col-index-product .swiper-slide .pic:after{padding-bottom:100%;}
    .col-index-product .swiper-slide .pic img{max-width:80%;max-height:80%;}
    .col-index-product .swiper-slide .text{width: 37%;}
    .col-index-product .swiper-slide .text h4{margin-bottom: 5px; line-height: 1.3;}
    .col-index-product .swiper-slide .text a{color: #2a2a2a;}
    .col-index-product .swiper-slide .flex:hover{ background-image: url(../images/bg1-1.jpg);color: #fff; }
    .col-index-product .swiper-slide .flex:hover a{ color: #fff; }
/*首页产品*/

/*首页应用*/
    .col-index-application{ padding-top: 4%;padding-bottom: 4%; background: #f5f5f5; }
    .col-index-application .bg{width: 82.7%;height: 72%;position: absolute;left: 0;top:0;z-index: 0;}
    .col-index-application .container{position: relative;z-index: 1;}
    .col-index-application .list{max-width: 1480px; margin: 3.125vw auto 0; }
    .col-index-application .list .pic{}
    .col-index-application .list .pic:after{padding-bottom: 117.45%;}
    .col-index-application .list .pic img{width: 100%;transition: 0.5s;}
    .col-index-application .list h4{margin-top: 1vw; line-height: 1.3;color: #0e0e0e;}
    .col-index-application .swiper-container {max-width: 1440px;position: static;}
    .col-index-application .swiper-container .swiper-button-prev,
    .col-index-application .swiper-container .swiper-button-next{ width: auto;height: auto;margin:0;background: none; opacity: 1;z-index: 1;outline: none; }
    .col-index-application .swiper-container .swiper-button-prev{left:0;transform: translate(-100%,-80%);}
    .col-index-application .swiper-container .swiper-button-next{right:0;transform: translate(100%,-80%);}
    .col-index-application .swiper-container .swiper-button-prev i,
    .col-index-application .swiper-container .swiper-button-next i{display: block; font-size:4.16vw;line-height: 1; transition: 0.5s;opacity: 0.2; }
    .col-index-application .swiper-container .swiper-button-prev i{color: #fff;}
    .col-index-application .swiper-container .swiper-button-next i{color: #000;}
    .col-index-application .swiper-container .swiper-button-prev i:hover,
    .col-index-application .swiper-container .swiper-button-next i:hover{color: #ff0000;opacity: 1;}
/*首页应用*/

/*首页新闻*/
    .col-index-news{padding-top: 7%;padding-bottom: 7%;}
    .col-index-newsl{width: 20%;padding-right: 2vw;}
    .col-index-newsl ul{ padding-top: 2vw; }
    .col-index-newsl li{ margin-top: 1vw; line-height: 1.8; }
    .col-index-newsl li a{ display: inline-block;padding-bottom: 5px; position: relative; color: #232323; }
    .col-index-newsl li a span{display: block;width:0;position: absolute;left: 0;bottom: 0;border-bottom: 2px solid #ff0000;transition: 0.5s;opacity: 0;}
    .col-index-newsl li a:hover{color: #ff0000;}
    .col-index-newsl li a:hover span{width:100%;opacity: 1;}

    .col-index-newsr{width: 80%;}
    .col-index-newsr .swiper-slide{cursor: pointer;}
    .col-index-newsr .swiper-slide .pic:after{padding-bottom: 66.57%;}
    .col-index-newsr .swiper-slide .pic img{width: 100%;transition: 0.5s;}
    .col-index-newsr .swiper-slide .date{margin-top: 1vw; color: #808080; }
    .col-index-newsr .swiper-slide .date i{color: #ff0000; }
    .col-index-newsr .swiper-slide h4{margin-top: 0.78vw; line-height: 1.5;color: #000;transition: 0.5s;}
    .col-index-newsr .swiper-slide h4 a{color: #000;}
    .col-index-newsr .swiper-slide p{margin-top: 0.52vw; height: 3.6em;line-height: 1.8em;color: #000; overflow: hidden;}
    .col-index-newsr .swiper-slide a.more{display: inline-block;margin-top: 1.8vw; color: #113b8f;}
    .col-index-newsr .swiper-slide:hover .pic img{transform: scale(1.05);}
    .col-index-newsr .swiper-slide:hover h4,
    .col-index-newsr .swiper-slide:hover h4 a{color: #113b8f;}
/*首页新闻*/

/*关于我们*/
    .col-page-about{padding-top: 6%;padding-bottom: 5.5%;}
    .col-page-about .about-content {width:74%;max-width: 770px; }
    .col-page-about .about-content p{margin-bottom: 1.5vw;}
    .col-page-about .about-content p.desc{margin-bottom: 2.5vw;}
    .col-page-about .about-content p:last-child{margin-bottom: 0;}

    .about-number{width:23%;}
    .about-number ul{margin-top: -2.6vw;}
    .about-number ul li{margin-top: 2.6vw;}
    .about-number ul li p.tit{color: #1e1e1e;line-height: 1.6;}
    .about-number ul li p.num{margin-top: 10px; color: #113b8f;line-height: 0.8;}
    .about-number ul li p.num span.data,
    .about-number ul li p.num em{font-family: 'Impact';}
    .about-number ul li p.num em{position: relative;top: -0.5vw;}

    .col-ab-videos{padding-top: 10.41%; padding-bottom: 9.89%; }
    .col-ab-videos .button a{display: inline-block;}
    .col-ab-videos .button i{margin:0 auto; width: 4.68vw;height: 4.68vw;max-width: 90px;max-height: 90px;min-width: 45px;min-height: 45px;display: flex;align-items: center;justify-content: center; position: relative;color: #113b8f;background: #fff; border-radius: 50%;border:4px solid #113b8f;}
    .col-ab-videos .button p{margin-top: 1.56vw; color: #fff;}
    /*企业文化*/
    .col-culture{padding-top: 6%;padding-bottom: 6%;}
    .col-culture .content{width: 43.44%;}
    .col-culture .content .con{padding-top: 2.6vw;}
    .col-culture .content .con ul{margin-top: -2.29vw;}
    .col-culture .content .con ul li{margin-top: 2.29vw; padding-left: 1.56vw; border-left:4px solid #db011c; }
    .col-culture .content .con ul li h3{color: #113b8f;line-height: 1.3;}
    .col-culture .content .con ul li h4{margin-top: 5px; color: #2b2b2b;line-height: 1.3;}
    .col-culture .pic{width: 56.55%;}
    /*发展历程*/
    .col-history{padding-top: 5.5%;padding-bottom: 5.5%; background: #f5f5f5; }
    .col-history .col-title-hr p{margin-top: 0.52vw;color: #5a5a5a;line-height: 1.5;}
    .col-history .col-title-hr hr{margin-top: 0.52vw;}
    .col-history .swiper-history{margin-top: 2.24vw;}
    .col-history .swiper-history .panel{padding: 3.5vw 1.82vw; border-radius: 0.52vw;cursor: pointer;}
    .col-history .swiper-history h3{ font-family: 'Impact';color:#113b8f;line-height: 1;transition: 0.5s;}
    .col-history .swiper-history .con{margin-top: 1vw;height: 7.2em;color: #525252;line-height: 1.8em;overflow: auto; }
    .col-history .swiper-history .con::-webkit-scrollbar{width:4px;height:4px;}
    .col-history .swiper-history .con::-webkit-scrollbar-track-piece{background-color: #eeeeee;}
    .col-history .swiper-history .con::-webkit-scrollbar-thumb:vertical{height: 10px;background-color: #113b8f;}
    .col-history .swiper-history .con::-webkit-scrollbar-thumb:horizontal{width: 10px;background-color: #eeeeee;}
    .col-history .swiper-history .panel:hover h3{color: #db011c;}
    .col-history .swiper-container{position: static;}
    .col-history .swiper-container .swiper-button-prev,
    .col-history .swiper-container .swiper-button-next{width: auto;height: auto;margin-top: -18px; background: none;transform: translateY(-50%);outline: none; opacity: 1;}
    .col-history .swiper-container .swiper-button-prev i,
    .col-history .swiper-container .swiper-button-next i{display: block;width: 50px;height:36px;  color: #fff; line-height:34px;text-align: center;background: #ccc; border-radius: 18px;transition: 0.5s;cursor: pointer;}
    .col-history .swiper-container .swiper-button-next i{transform: rotateY(180deg);}
    .col-history .swiper-container .swiper-button-prev{left:0;transform: translateX(-100%);margin-left: -1vw;}
    .col-history .swiper-container .swiper-button-next{right: 0;transform: translateX(100%);margin-right: -1vw;}
    .col-history .swiper-container .swiper-button-prev i:hover,
    .col-history .swiper-container .swiper-button-next i:hover{background: #113b8f;}
    .col-history .swiper-container .swiper-pagination{margin-top: 2.29vw; position: static;height: 2px;background: #d9d9d9;}
    .col-history .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #113b8f;}


    /*创始人寄语*/
    .col-founder-message{ padding-top: 5.5%;padding-bottom: 5.5%; }
    .col-founder-message .flex{display: flex;margin-top: 2.34vw;}
    .col-founder-message .content-left{ width: 54.61%;padding: 3.38vw 0; background: url(../images/bg-jy1.jpg) left top no-repeat;background-size: cover; }
    .col-founder-message .content-left p{ line-height: 1.8; }
    .col-founder-message .content-left .text1{padding: 0 5.2vw;}
    .col-founder-message .content-left .text2{height: 80px; margin-top: 2.34vw;padding: 44px 5.2vw 0; position: relative;}
    .col-founder-message .content-left .xian{width: 100%;padding-left: 3.38vw; display: flex; position: absolute;left: 0;top:0; color: #c0d3fa;letter-spacing: 5px; }
    .col-founder-message .content-left .xian:after{content: '';width:100%;margin-left: 1.56vw; position: relative;border-top:1px solid #dbe7fc; top: 10px;}
    .col-founder-message .content-left .sign{ font-size: 14px;color: #474747;}
    .col-founder-message .content-left .sign img{margin-left: 0.78vw;}
    .col-founder-message .content-right{width: 45.39%;padding: 3.38vw 5.2vw; background: #fbfcfd; }
    .col-founder-message .content-right h3{ line-height: 1;color: #575757;text-transform: uppercase; }
    .col-founder-message .content-right h3 span{display: block;margin-bottom: 10px; font-weight: bold;color: #113b8f;}
    .col-founder-message .content-right .xian{ width: 100%;position: absolute;left:0;bottom:calc(69px + 3.38vw); border-top:1px solid #e4e9f2; }
    .col-founder-message .content-right .xian img{position: absolute;left:31.21%;bottom: 1px;}
    /*荣誉*/
    .col-about-honor{padding-top: 5.5%;padding-bottom: 5.5%; background: #f5f5f5; }
    .col-about-honor .desc{margin-top: 1vw; color: #525252;line-height: 1.8; }
    .col-about-honor .swiper-abHonor{margin-top: 2.34vw;}
    .col-about-honor .swiper-abHonor .pic{background: #fff;}
    .col-about-honor .swiper-abHonor .pic:after{padding-bottom: 131.81%;}
    .col-about-honor .swiper-container .swiper-pagination{position: static;margin-top: 2.86vw;}
    .col-about-honor .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 2.5vw;max-width: 48px;min-width: 24px; height: 6px;margin:0 5px;background: #cecece;border-radius: 3px; outline: none; opacity: 1; }
    .col-about-honor .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #113b8f;}
/*关于我们*/
/*联系我们*/
    .col-page-contact{padding-top: 7%;padding-bottom: 7%;}
    .contact{}
    .contact ul{margin:0 -3.125vw;margin-top: 3.64vw; display: flex;}
    .contact ul li {padding: 0 3.125vw; border-right:1px solid #e7e7e7;}
    .contact ul li img{height: 2.34vw;max-height: 45px;min-height: 25px;}
    .contact ul li h4{margin: 2vw 0 0.78vw; color: #414141;}
    .contact ul li p{line-height: 1.3;color: #3b3b3b;}
    .contact ul li p.tel{ font-family: 'Impact';}
    .contact ul li p.address{font-weight: bold;}
    .contact ul li:last-child{border-right: 0;}
    /*留言*/
    .col-message{padding-top: 5.2vw; }
    .col-message .desc{margin-top: 1.3vw; color: #555;line-height: 1.8;}
    .message{padding-top: 2.34vw;}
    .message ul{margin:0 -7px;margin-top: -15px;}
    .message ul li{padding: 0 7px;margin-top: 15px;}
    .message ul li input,
    .message ul li textarea{width: 100%;padding:0 17px;float: left; border:1px solid #f8f8fa;background: #f8f8fa;outline: none;}
    .message ul li input{height:57px;line-height: 55px;}
    .message ul li textarea{padding:13px 17px;height: 10.26vw;max-height: 197px;min-height: 100px;line-height: 1.8;background: #f8f8fa;}
    .message ul li.li3{width: 100%}
    .message ul li.li4 .yzm{padding-left: 0;padding-right: 7px;}
    .message ul li.li4 .img{padding-left: 7px;padding-right: 0;}
    .message ul li.submit{}
    .message ul li.submit input{width:50%;max-width: 240px;float: right;color: #fff;background: #ff4e00;transition: 0.5s; }
    .message ul li.submit input:hover{background: #113b8f;}
/*联系我们*/

/*技术创新*/
    .tech-content{margin-top: 1.3vw;}
    .tech-content p{ color: #525252;line-height: 1.8; }
    .tech-content ul{margin:0 -2.6vw;margin-top: 2.6vw;}
    .tech-content ul:after{clear:both;display:table;content:" ";}
    .tech-content ul li{width: 50%;padding: 0 2.6vw;float: left;}
    .tech-content ul li img{width: 100%;}
    .col-tech1{padding-top: 5.5%;}
    .col-tech-honor .content h3{margin-bottom: 1.3vw; color: #222; }
    .col-tech-honor .content h3 span{font-family: 'Impact';color:#113b8f;line-height: 1;}
    .col-tech-honor .content p{color: #525252;line-height: 1.8;}

    #certify .swiper-container {padding-top: 3.5vw;}
    #certify .swiper-slide {width: 239px;}
    #certify .swiper-slide .pic{width: 100%;height: 100%; border:1px solid #efefef;background: #fff;box-shadow: 4.5px 7.794px 21px 0px rgba( 0, 1, 1,0.1 ); }
    #certify .swiper-slide .pic:after{padding-bottom: 130.96%;}
    #certify .swiper-slide .pic img{max-width: 92%;max-height: 92%;}
    #certify .swiper-pagination { width: 100%;height: 2px;margin-top: 3vw; position: static; background: #e1e1e1;}
    #certify .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #113b8f;}

    .col-tech2{padding-top: 5.2%;padding-bottom: 5.5%;}
    .col-tech2 .bg{ width: 100%;height:60%;position: absolute;left: 0;bottom:0;background: #f5f5f5;z-index: -1; }
    .col-tech2 .list{margin-top: 5vw;}
    .col-tech2 .list ul{margin:0 -1vw;display: flex;flex-wrap: wrap;}
    .col-tech2 .list ul li{padding: 0 1vw;}
    .col-tech2 .list ul li .panel{padding: 3.33vw 1.8vw 5vw; height: 100%; background: url(../images/bg-tech.png) center top no-repeat;background-size: 100% 100%;}
    .col-tech2 .list ul li .pic{ height: 3.125vw;max-height: 60px;min-height: 30px; }
    .col-tech2 .list ul li h4{margin: 1.8vw 0 1.45vw; color: #222; line-height: 1.3; }
    .col-tech2 .list ul li p{ color: #525252;line-height: 1.8; }
/*技术创新*/

/*产品中心*/
    .col-page-product-top{padding-top: 6%;padding-bottom: 5%; background: #fbfbfb; }
    .col-page-product-top .content{max-width: 940px;margin:1.56vw auto 0; line-height: 1.8; }
    .col-page-product-top .content ul{display: flex;margin-top: 3.38vw;}
    .col-page-product-top .content ul li{width: 33.33%;padding: 0 1vw;}
    .col-page-product-top .content ul li .num{  color: #113b8f;line-height: 0.8; }
    .col-page-product-top .content ul li .num span{}
    .col-page-product-top .content ul li .num em{position: relative;top: -0.5vw;}
    .col-page-product-top .content ul li .tit{margin-top: 10px; color: #333; }

    .col-page-product{padding-top: 4%;padding-bottom: 5%;}
    .product-nav{padding: 1vw 0 2vw; }
    .product-nav a{display: inline-block;margin:0.56vw 0.52vw 0; color: #424242;line-height: 1.8;}
    .product-nav a:hover{color: #113b8f;}
    .product-navlist{overflow: hidden;}
    .product-navlist ul{margin:0 -2vw; display: flex;flex-wrap: wrap;  }
    .product-navlist ul li{ padding: 2.5vw 2vw; border: 1px solid #e9e9ea;border-left: 0;border-bottom: 0;}
    .product-navlist ul li .flex{height: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;}
    .product-navlist ul li .text{width: 45%;padding-right: 2.6vw;padding-bottom: calc(3.3vw + 25px); position: relative;}
    .product-navlist ul li .text h4{margin-bottom: 0.78vw; color: #113b8f;line-height: 1.3; }
    .product-navlist ul li .text h4 a{color: #113b8f;}
    .product-navlist ul li .text p{ color: #525252;line-height: 1.8; }
    .product-navlist ul li .text a.more{display: block;position: absolute;left: 0;bottom: 2vw; color: #113b8f;}
    .product-navlist ul li .text a.more span{display: flex;align-items: center;}
    .product-navlist ul li .text a.more i{margin-left: 5px; color: #db011c;}
    .product-navlist ul li .text a.more:hover{color: #db011c;}
    .product-navlist ul li .pic{width: 55%;max-width: 333px; background: url(../images/bg-pro.jpg) center no-repeat;background-size: cover;}
    .product-navlist ul li .pic:after{padding-bottom: 93%;}
    .product-navlist ul li .pic img{max-width: 85%;max-height: 85%;transition: 0.5s;}
    .product-navlist ul li .pic:hover img{transform: scale(1.05);}
    .product-navlist ul li:nth-child(2n){border-right: 0;}

    .col-prolist{padding-top: 5.5%;padding-bottom: 5.5%;}
    .col-prolist .col-title-hr h3{display: flex;align-items: center;white-space: nowrap;}
    .col-prolist .col-title-hr h3 span{display: block;width: 100%;margin-left: 1.56vw; border-top:1px solid #e9e9ea;}
    .col-prolist .page{text-align: left;}
    .productnav-left{width: 22.37%;padding-right: 3.5vw;margin-top: 2vw;}
    .productnav-left ul{}
    .productnav-left ul li{margin-bottom: 10px;}
    .productnav-left ul li a{display: block;padding:6px 2vw; color: #424242;line-height: 1.8;}
    .productnav-left ul li a:hover,
    .productnav-left ul li a.active{ color: #fff; background: #113b8f; }
    .productnav-left ul li a.active{ font-weight: bold; }
    .prolist{width: 77.62%;margin-top: 2vw;}
    .prolist .pro{}
    .prolist .pro ul{margin:0 -0.83vw;margin-top: -2.6vw;}
    .prolist .pro ul li{padding: 0 0.83vw;margin-top: 2.6vw;}
    .pro ul li .pic{ background: url(../images/bg-pro.jpg) center no-repeat;background-size: cover; }
    .pro ul li .pic:after{padding-bottom: 93.26%;}
    .pro ul li .pic img{max-width: 80%;max-height: 80%;transition: 0.5s;}
    .pro ul li h4{margin-top: 1vw; color: #333;line-height: 1.3;transition: 0.5s; }
    .pro ul li h4 a{ color: #333; }
    .pro ul li a.more{display: inline-block;margin-top: 5px; color: #113b8f;}
    .pro ul li a.more span{display: flex;align-items: center;}
    .pro ul li a.more i{margin-left: 5px; color: #db011c;}
    .pro ul li a.more:hover{color: #db011c;}
    .pro ul li .panel{cursor: pointer;}
    .pro ul li .panel:hover .pic img{ transform: scale(1.05); }
    .pro ul li .panel:hover h4,
    .pro ul li .panel:hover h4 a{ color: #113b8f; }

    .col-prodet{padding-top: 6%;padding-bottom: 5%;}
    .pro_show{}
    .pro_show .product-img{width: 45%;}
    .pro_show .product-img.pic{background: url(../images/bg-pro.jpg) center no-repeat;background-size: cover;}
    .pro_show .product-img.pic:after{padding-bottom: 93.68%;}
    .pro_show .product-img.pic img{max-width:90%;max-height:90%;}
    .pro_show .product-content{width: 54%;padding-left: 4.68vw;}
    .pro_show .product-content .panel{padding: 1.56vw 0 10px;}
    .pro_show .product-content .panel .tit{display: block;margin-bottom: 0.78vw; color: #4a4a4a;}
    .pro_show .product-content .panel h1{color: #113b8f;line-height: 1.3;}
    .pro_show .product-content .panel p{color: #282828;line-height: 1.8;}
    .pro_show .product-content .panel p.para{font-family: 'Impact'; color: #333;line-height: 1;}
    .pro_show .product-content .button{margin-top: 2vw;}
    .pro_show .product-content .button a{display: inline-block;min-width: 8vw; padding:0.39vw 20px;text-align: center; color: #ff0000;line-height: 1.8; border:1px solid #ff0000;border-radius:3px;}
    .pro_show .product-content .button a:hover{color: #fff;background: #ff0000;}

    .product-info{margin-top: 4vw;}
    .product-info .title{display: flex;margin-bottom: 2.86vw; align-items: center;white-space: nowrap;}
    .product-info .title h3{line-height: 1.3;}
    .product-info .title span{display: block;width: 100%;margin-left: 1.56vw; border-top:1px solid #e9e9ea;}
    .product-info .content{ line-height: 1.8; }
    .product-info .content img{margin-bottom: 10px;}
    .product-info .content table{width: 100%;}
    .product-info .content table td{padding-right: 1.5vw;}
    .product-info .content table td:last-child{padding-left: 1.5vw;padding-right: 0; text-align: right;}
/*产品中心*/

/*新闻*/
    .col-page-news{padding-top: 5.5%;padding-bottom: 5.5%;}
    .news ul li{padding: 3vw 0; border-bottom: 1px solid #e5e5e6;}
    .news ul li .panel{display: flex;cursor: pointer;}
    .news ul li .pic{width:26%;}
    .news ul li .pic:after{padding-bottom: 66.567%;}
    .news ul li .pic .img{transition: 0.5s;}
    .news ul li .text{width:60%;padding:2.5vw;}
    .news ul li .text h4{ line-height: 1.3; color: #222;transition: 0.5s; }
    .news ul li .text h4 a{ color: #222; }
    .news ul li .text p{margin-top: 0.78vw; height:5.4em; line-height:1.8em;overflow: hidden;color: #525252; }
    .news ul li .date{width:14%;padding: 2.5vw 0;}
    .news ul li .date div{display: inline-block;}
    .news ul li .date span{display: block;font-family: 'Impact';line-height: 1;}
    .news ul li .date span.m{ color: #ececec; }
    .news ul li .date span.y{margin-top: 0.67vw; color: #113b8f;}
    .news ul li .date a{display: inline-block;margin-top: 1.19vw; color: #113b8f;}
    .news ul li .date a span{display: flex;align-items: center;}
    .news ul li .date a i{margin-left: 5px; color: #db011c;}
    .news ul li .panel:hover .pic .img{transform: scale(1.05);}
    .news ul li .panel:hover h4,
    .news ul li .panel:hover h4 a{color:#113b8f; }
    .news ul li:last-child{padding-bottom: 0;border:0;}
    /*newshow*/
    .newshow{padding: 5vw 0;}
    .newshow .newshowtit {
      text-align: center;
      border-bottom: 1px dotted #bfbebe;
    }
    .newshow .newshowtit h1 {
      color: #333;line-height: 1.3;
    }
    .newshow .newshowtit .date {
      line-height:1.8em;padding: 22px 0;
      color: #999;
    }
    .newshow .newshowtxt{margin:30px 0;}
    .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: #777;
      line-height: 25px;
      transition: 0.3s;
    }
    .prev-next a b {
      color: #666;
    }
    .prev-next a:hover {
      color: #113b8f;
    }
    .prev-next a.prev {
      border-bottom: 1px dashed #d4d4d4;
    }
/*新闻*/

/*分页*/
    .page { text-align: center;margin-top:4.5vw;}
    .page ul{margin:0;}
    .page li {  display: inline;}
    .page li a{
      font-family: 'Arial';
      border-radius: 0!important;
      background: #fff;
      padding: 3px 9px;
      margin: 0 3px;
      display: inline;
      margin-bottom:0px;
      color:#262626;
      border:0px!important;
    }
    .page li a:hover,
    .page li.active a {
      background: #e00000;
      border: 0px!important;
      color: #fff;
    }
    .page li.bgnone a{
      background: none;
    }
    .page li.bgnone a:hover {
      color: #e00000;
    }
    @media (max-width: 991px) {
        .page{margin-top: 45px;}
    }
/*分页*/
/*站内搜索*/
    .goomay-keywords-light{ background: #dc3545 !important; color:#ffffff !important;}
    #search{padding-top:5%;padding-bottom:5%;min-height: 500px; overflow:hidden }
    .search_left{  border: 1px solid #d6d6d6; padding-top:5px;  padding-bottom:5px; }
    .s_head{ border-bottom: 1px solid #d6d6d6; height: 50px;  }
    .s_head h2{  line-height: 50px;  }
    .s_body ul{ margin-top: 10px;}
    .s_body ul span{display: block;color: #333;line-height: 40px;}
    .s_body ul input,
    .s_body ul select{
        height: 35px;
        width: 100%;
        line-height: 35px;
        border: 1px solid #e6e6e6;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .s_body .sub input{
        height: 35px;
        line-height: 35px;
        background: #575757;
        border: 0;
        font-weight: bold;
        color: #fff;
        transition: 0.3s;
        text-align: center;
        padding-left: 0px;
    }
    .search_right{    padding-left: 40px;padding-right: 0;  }
    .search_right .no-result{
        text-align: center;
        /*font-size: 30px;*/
        color:#d80808;
        margin-top:50px;
    }
    .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;  }
    .se_news{    float: right;    width: 79%;  }
    .news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden; transition: 0.3s;  }
    .search_right .news .date em{ color: #fff;}
    @media (max-width: 991px){
        #search{padding-top: 55px;padding-bottom: 55px;}
        .search_right{padding-left:15px;}
    }
    @media (max-width: 767px){
        .search_right{padding-left:0;margin-top:40px;}
        .entry-image{float: none;width: 100%;max-width: 300px;margin-bottom: 10px;}
    }
/*站内搜索*/
/*loading*/
    #loading  
    {  
        width: 100%;
        height:100%;
        position:fixed;  
        z-index:999;  
        background:#ffffff;
        text-align: center;
        display: table;
    }   
    #loading span{
        display: table-cell;
        vertical-align: middle;
    }
    #loading span p{color:#fff;font-size: 20px;}
    #loading img{   
        display: inline-block; 
    }
/*loading*/
/*other*/
    #gotoTop{
        display: none;
        z-index: 299;
        position: fixed;
        width: 40px;
        height: 40px;
        background-color: #333;
        background-color: rgba(0,0,0,0.3);
        font-size: 20px;
        line-height: 36px;
        text-align: center;
        color: #FFF;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 50px;
        cursor: pointer;
        border-radius: 2px;
        transition: 0.5s;
    }
    #gotoTop:hover{
        background-color: #002c86;
    }
    .customer-service{
        z-index: 299;
        position: fixed;
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        color: #FFF;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 90px;
    }
    .customer-service li{
        width: 40px;
        height: 40px;
        background-color: #333;
        background-color: rgba(0,0,0,0.3);
        cursor: pointer;
        border-radius: 2px;
        margin-bottom: 10px;
    }
    .customer-service li a{
        color: #FFF;
    }
    .customer-service li:hover{
        background-color: #1ABC9C !important;
    }
/*other*/
/*手机版菜单*/
@media screen and (max-width: 991px)  {
    header h1{width: auto;height: 55px;line-height: 55px;}
    header h1 img{max-height: 70%;}
    .head{padding: 0!important;}
    #header a.mm_btn {background: center center no-repeat;display: block;width: 55px;height: 55px;position: absolute;top: -1px;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){
/*footer*/
    .footer{padding-top: 50px;text-align: center;}
    .footerCon{width: 100%;padding-right:0;}
    .footerCon ul{padding-top: 6px;}
    .footerCon li{margin-top: 18px;}
    .footerCon .qrcode{margin-top:20px;}
    .footerCon .qrcode p{margin-top: 5px;}

    .copy{margin-top: 20px; padding: 10px 0;}
/*footer*/

.col-title-hr hr{margin-top: 10px;width: 35px;border-top:2px solid #db011c;}

/*首页关于*/
    .about-content h3{margin-top:15px;}
    .about-content h3 span:after{width: 60px;margin-left: 23px;}
    .about-content p{line-height: 1.8;}
    .about-content p.desc{margin:10px 0 15px;}
    .about-content a{margin-top: 20px;}
    .about-content a i{margin-right: 5px;}

    .col-index-about{padding-bottom: 60px;}
    .col-index-about .founded{width: 100%;padding:35px 25px 50px;margin-top:5vw;}
    .col-index-about .founded p{line-height:1.8;}
    .col-index-about .founded p.year{margin-top: 22px}
    
    .col-index-about .founded h4{margin: 24px 0 13px;}
    .col-index-about .about-content{width: 100%;padding:0;margin-top: 30px;}
    /*视频*/
    .aPlayButton i{min-width: 40px;min-height: 40px;font-size: 18px;}
/*首页关于*/

/*首页产品*/
    .col-index-product{padding-top: 55px;padding-bottom: 55px;}
    .col-index-product .desc{margin-top: 20px;}
    .col-index-product .number{margin-top: 25px;}
    .col-index-product .number li .num{font-size: 30px;}
    .col-index-product .number li .tit{margin-top: 7px;}
    .col-index-product .more{margin-top: 35px;}
    .col-index-product .list{margin-top: 30px;}
    .col-index-product .list .swiper-pagination{margin-top: 25px;}
    .col-index-product .list .swiper-pagination .swiper-pagination-bullet { width:30px;height:4px;margin:0 3px;border-radius: 2px;}
    .col-index-product .swiper-slide .flex{padding: 0 20px;}
    .col-index-product .swiper-slide .pic{width: 63%;}
    .col-index-product .swiper-slide .text{width: 37%;}
/*首页产品*/

/*首页应用*/
    .col-index-application{ padding-top: 40px;padding-bottom: 40px;}
    .col-index-application .list{margin-top: 30px;}
    .col-index-application .list h4{margin-top: 10px}
/*首页应用*/

/*首页新闻*/
    .col-index-news{padding-top: 60px;padding-bottom: 60px;}
    .col-index-newsl{width: 100%;padding-right:0;}
    .col-index-newsl ul{ padding-top: 10px; }
    .col-index-newsl li{ margin-top: 10px;margin-right: 10px; display: inline-block;}

    .col-index-newsr{width: 100%;margin-top: 30px;}
    .col-index-newsr .swiper-slide .date{margin-top: 10px; }
    .col-index-newsr .swiper-slide h4{margin-top: 7px;}
    .col-index-newsr .swiper-slide p{margin-top: 5px;}
    .col-index-newsr .swiper-slide a.more{margin-top: 18px;}
/*首页新闻*/

/*关于我们*/
    .col-page-about{padding-top:60px;padding-bottom: 55px;}
    .col-page-about .about-content {width:100%;max-width: none; }
    .col-page-about .about-content p{margin-bottom: 15px;}
    .col-page-about .about-content p.desc{margin-bottom:25px;}
    .col-page-about .about-content p:last-child{margin-bottom: 0;}

    .about-number{width:100%;}
    .about-number ul{margin-top:0;text-align: center;}
    .about-number ul li{display: inline-block;min-width: 25%; margin-top: 25px;padding:0 3vw; }

    .col-ab-videos{padding-top: 100px; padding-bottom: 100px; }
    .col-ab-videos .button i{border:2px solid #113b8f;}
    .col-ab-videos .button p{margin-top: 15px;}
    /*企业文化*/
    .col-culture{padding-top: 60px;padding-bottom: 60px;}
    .col-culture .content{width: 100%;}
    .col-culture .content .con{padding-top: 25px;}
    .col-culture .content .con ul{margin-top: -20px;}
    .col-culture .content .con ul li{margin-top: 20px; padding-left: 10px;border-width:3px;}
    .col-culture .pic{width: 100%;margin-top: 35px;}
    /*发展历程*/
    .col-history{padding-top:55px;padding-bottom:55px;}
    .col-history .col-title-hr p{margin-top: 5px;}
    .col-history .col-title-hr hr{margin-top:5px;}
    .col-history .swiper-history{margin-top: 20px;}
    .col-history .swiper-history .panel{padding: 35px 20px; border-radius:5px;}
    .col-history .swiper-history .con{margin-top:10px;}
    .col-history .swiper-container{position: static;}
    .col-history .swiper-container .swiper-button-prev,
    .col-history .swiper-container .swiper-button-next{margin-top: -12px;}
    .col-history .swiper-container .swiper-button-prev i,
    .col-history .swiper-container .swiper-button-next i{width:35px;height:24px; font-size: 14px; line-height:22px; border-radius:12px;}
    .col-history .swiper-container .swiper-button-prev{left:-4vw; transform: none;margin-left: 0;}
    .col-history .swiper-container .swiper-button-next{right: -4vw; transform: none;margin-right: 0;}
    .col-history .swiper-container .swiper-pagination{margin-top: 20px;}
    /*创始人寄语*/
    .col-founder-message{ padding-top: 55px;padding-bottom: 55px; }
    .col-founder-message .flex{margin-top: 25px;}
    .col-founder-message .content-left{ width: 100%;padding: 35px 0;}
    .col-founder-message .content-left .text2{ margin-top:25px;}
    .col-founder-message .content-left .sign img{margin-left: 7px;}
    .col-founder-message .content-right{display: none;}
    /*荣誉*/
    .col-about-honor{padding-top: 55px;padding-bottom: 55px;}
    .col-about-honor .desc{margin-top:10px; }
    .col-about-honor .swiper-abHonor{margin-top: 25px;}
    .col-about-honor .swiper-container .swiper-pagination{margin-top: 28px;}
    .col-about-honor .swiper-container .swiper-pagination .swiper-pagination-bullet {height: 4px;margin:0 3px;border-radius: 2px; }
/*关于我们*/
/*联系我们*/
    .col-page-contact{padding-top: 70px;padding-bottom: 70px;}
    .contact{}
    .contact ul{margin:0;margin-top: 0; display: block;text-align: center;}
    .contact ul li {padding: 30px 0; border-right: 0; border-bottom:1px solid #e7e7e7;}
    .contact ul li h4{margin: 20px 0 7px;}
    .contact ul li:last-child{border-bottom: 0;}
    /*留言*/
    .col-message{padding-top: 55px; }
    .col-message .desc{margin-top:13px;}
    .message{padding-top: 23px;}
    .message ul li input{height:45px;line-height:43px;}
    .message ul li textarea{padding:10px 17px;}
/*联系我们*/
/*技术创新*/
    .tech-content{margin-top: 13px;}
    .tech-content ul{margin:0 -1.5vw;margin-top: 25px;}
    .tech-content ul li{padding: 0 1.5vw;}
    .col-tech1{padding-top: 55px;}
    .col-tech-honor .content h3{margin-bottom: 13px;}

    #certify .swiper-container {padding-top: 35px;}
    #certify .swiper-slide {width: 200px;}
    #certify .swiper-pagination {margin-top: 30px;}

    .col-tech2{padding-top: 50px;padding-bottom: 55px;}
    .col-tech2 .list{margin-top: 50px;}
    .col-tech2 .list ul li .panel{padding: 30px 20px 50px;}
    .col-tech2 .list ul li h4{margin: 18px 0 15px;}
/*技术创新*/
/*产品中心*/
    .col-page-product-top{padding-top:60px;padding-bottom: 50px; }
    .col-page-product-top .content{margin-top: 15px;}
    .col-page-product-top .content ul{margin-top: 30px;}
    .col-page-product-top .content ul li .tit{margin-top: 5px;}

    .col-page-product{padding-top: 40px;padding-bottom: 50px;}
    .product-nav{padding: 10px 0 20px; }
    .product-nav a{margin:5px 5px 0;}
    .product-navlist{overflow: hidden;}
    .product-navlist ul{margin:0 -2vw;}
    .product-navlist ul li{ padding: 25px 2vw; }
    .product-navlist ul li .flex{height: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;}
    .product-navlist ul li .text{padding-bottom: 55px;}
    .product-navlist ul li .text h4{margin-bottom: 7px;}
    .product-navlist ul li .text a.more{bottom: 20px;}

    .col-prolist{padding-top: 55px;padding-bottom: 55px;}
    .col-prolist .col-title-hr h3 span{margin-left: 15px;}
    .prolist{width:100%;margin-top: 0;}
    .prolist .pro ul{margin:0 -8px;margin-top:0;}
    .prolist .pro ul li{padding: 0 8px;margin-top: 25px;}
    .pro ul li h4{margin-top: 10px;}

    .col-prodet{padding-top: 60px;padding-bottom: 55px;}
    .pro_show{}
    .pro_show .product-img{width: 100%;}
    .pro_show .product-img.pic{max-height: 500px;}
    .pro_show .product-content{width: 100%;padding-left: 0;margin-top: 15px;}
    .pro_show .product-content .panel{padding: 15px 0 5px;}
    .pro_show .product-content .panel .tit{margin-bottom:7px;}
    .pro_show .product-content .button{margin-top: 20px;}
    .pro_show .product-content .button a{ padding:4px 20px;}

    .product-info{margin-top: 40px;}
    .product-info .title{margin-bottom: 28px;}
    .product-info .title span{margin-left: 15px;}
/*产品中心*/
/*新闻*/
    .col-page-news{padding-top: 55px;padding-bottom: 55px;}
    .news ul li{padding: 30px 0;}
    .news ul li .text{padding: 2.5vw;}
    .news ul li .text p{margin-top: 8px;}
    .news ul li .date span.y{margin-top: 7px;}
    .news ul li .date a{margin-top: 10px;}
    /*newshow*/
    .newshow{padding: 55px 0;}
/*新闻*/

}
@media (max-width: 767px){

    .col-index-about .founded p.year span{font-size:50px;}


    .message ul li.submit{text-align: center;}
    .message ul li.submit input{float: none;}
/*技术创新*/
    #certify .swiper-slide {width: 180px;}
    .col-tech2 .bg{height: 79%;}
    .col-tech2 .list ul li h4{font-size: 18px;}
/*技术创新*/
/*产品*/
    .product-info .content table td{display: block; padding-right: 0;text-align: center;}
    .product-info .content table td:last-child{padding-left: 0;padding-top: 20px; text-align: center;}
/*产品*/
/*新闻*/
    .news ul li .panel{display: block;}
    .news ul li .pic{width: 100%;max-width: 356px;}
    .news ul li .text{width:100%;padding: 0;margin-top: 15px;}
/*新闻*/

}
@media (max-width: 400px){
/*产品*/
    .product-navlist ul li .text{width: 100%;padding-right: 0;}
    .product-navlist ul li .pic{width: 100%;}
/*产品*/
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#999;}

.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.f33{font-size: 33px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.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;}
.f56{font-size: 2.91vw;}
.f60{font-size: 3.125vw;}
.f72{font-size: 3.75vw;}
@media (max-width: 1400px){
    .f15{font-size: 14px;}
    .f16{font-size: 14px;}
    .f17{font-size: 14px;}
    .f18{font-size: 16px;}
    .f20{font-size: 18px;}
    .f22{font-size: 20px;}
    .f24{font-size: 20px;}
    .f25{font-size: 20px;}
    .f26{font-size: 22px;}
    .f28{font-size: 22px;}
    .f30{font-size: 24px;}
    .f32{font-size: 24px;}
    .f33{font-size: 24px;}
    .f35{font-size: 24px;}
    .f36{font-size: 24px;}
    .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;}
    .f26{font-size: 20px;}
    .f28{font-size: 20px;}
    .f30{font-size: 20px;}
    .f32{font-size: 20px;}
    .f33{font-size: 20px;}
    .f35{font-size: 20px;}
    .f36{font-size: 20px;}
    .f40{font-size: 24px;}
    .f42{font-size: 24px;}
    .f45{font-size: 24px;}
    .f48{font-size: 24px;}
    .f50{font-size: 30px;}
    .f55{font-size: 30px;}
    .f56{font-size: 30px;}
    .f60{font-size: 30px;}
    .f72{font-size: 30px;}
}
@media (max-width: 767px){
    .f26{font-size: 18px;}
    .f40{font-size: 22px;}
    .f42{font-size: 22px;}
    .f45{font-size: 22px;}
    .f48{font-size: 22px;}
    .f50{font-size: 24px;}
    .f55{font-size: 24px;}
    .f56{font-size: 24px;}
    .f60{font-size: 24px;}
    .f72{font-size: 24px;}
}