/*
首页模块命名规范：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: #194498;  text-decoration: none;}
a:link{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: 1520px;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;}
.bg-f8{background: #f8f8f8;}


#page{padding-top: 0px; overflow: hidden;}
header{width:100%; position: fixed; left: 0; top: 0; z-index:1001;}
header h1{margin:0; padding: 0;width: 18%;max-width: 287px; font-size: 0;line-height: 90px;}
header .container{position: relative;width: 100%;max-width: 1750px;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{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.15);}
.head.on{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.headerSear{width: 3.64vw;padding-left: 0.78vw; height: 90px;line-height: 90px;text-align: right;}
.headerSear a{color: #333;}
.headerSear a:hover{color: #194498;}
.language { position: relative;margin-top:22.5px;margin-left: 1.56vw;}
.language a { display: flex;align-items: center;color: #333; line-height: 45px;}
.language a img{}
.language .lang-none {width:100px;left:50%;margin-left: -50px;  position: absolute;z-index: 99; display: none; background:rgba(255,255,255,0.8);box-shadow: 0 0 8px rgba(0,0,0,0.15);text-align: center;padding: 10px 0;border-radius: 5px;}
.language .lang-none a{display: block; padding:3px 5px; color: #333;line-height:1.8; }
.language:hover .lang-none {  display: block;}
.language .lang-none a:hover{  background: #194498; color: #fff;}

.nav ul li{float: left;padding: 0 0.78vw;margin-left: 1.56vw; position: relative; line-height: 90px;cursor: pointer;}
.nav ul li a{display: block; color: #333;}
.nav ul li:after{content: '';width:0;position: absolute;left:50%;transform: translateX(-50%); bottom: 0;border-top:2px solid #194498;transition: 0.5s;opacity: 0;}
.nav ul li:hover a{color: #194498;}
.nav ul li:hover:after,
.nav ul li.active:after{width: 100%;opacity: 1;}
.nav ul li.active{font-weight: bold;}
.nav ul li:first-child{margin-left: 0;}

.col-more{}
.col-more a{display: inline-block;min-width: 10.41vw;padding: 1vw 20px; color: #fff;background: #2e55a0;}
.mbx{color: #888;line-height: 1.6;}
.mbx a{color: #888;}
.mbx a:hover{color: #194498;}
.subnav{ width: 100%;padding: 15px 0; border-top:1px solid #ddd; }
.subnav ul{}
.subnav li{display: block;padding-right: 2.6vw;margin-right: 2.6vw; float: left;line-height: 1; border-right: 1px solid #ddd;}
.subnav li a{display: flex;align-items: center;color: #333;}
.subnav li a img{margin-right: 0.625vw;}
.subnav li a:hover{color: #194498;}
.subnav li:last-child{padding: 0;margin:0;border:0;}

.col-title{ color: #333; }
.col-title h3{line-height: 1.2;}
.col-title hr{width: 3.28vw;max-width: 63px;min-width: 32px;margin:1vw 0 0; border-top:4px solid #154293;}
.col-title.text-center hr{margin-left: auto;margin-right: auto;}


/*-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;padding-top: 90px;}
    /*index*/
    .banner-index .swiper-slide .pic{height: 100vh;}
    .banner-index .swiper-slide .content{}
    .banner-index .swiper-slide .content h2{margin-bottom:2vh; line-height: 1.38; }
    .banner-index .swiper-slide .content p{ line-height: 1.8; }
    .banner-index .swiper-slide .content .col-more{margin-top: 8vh;}

    .banner-index .swiper-banner .swiper-pagination{width: auto;padding:3px 10px; left:5.67vw;bottom: 7.4vh;background: rgba(255,255,255,0.5);border-radius: 13px;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;margin:0 10px;opacity: 1;border-radius:50%;transition: 0.5s;background:#fff;outline: none;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet-active{background:#194498;}
    .banner-index .swiper-banner.swiper-no-swiping .swiper-pagination{display: none;}
    /*page*/
    .banner-page .swiper-slide .pic:after{padding-bottom:46.875%;}
    .banner-page .swiper-slide .content h2{ font-weight: bold;line-height: 1.2; }
    .banner-page .swiper-slide .mbx{margin-top: 1.45vw; color: #fff;}
    .banner-page .swiper-slide .mbx a{color: #fff;}
    
    .banner-page-30 .swiper-slide .content h2{margin-bottom: 1.3vw;}
    .banner-page-30 .swiper-slide .content p{max-width: 670px;margin:0 auto;line-height: 1.6;}
    .banner-page-30 .swiper-slide .mbx{margin-top: 2.6vw;}

    .banner-page-40 .swiper-slide .mbx{display: none;}
    .banner-page-40 .swiper-slide .content{ color: #333; }
    .banner-page-40 .swiper-slide .content .img img{width: 31.25vw;max-width: 600px;min-width: 200px;}
    .banner-page-40 .swiper-slide .content .p1{display: inline-block;margin-top: 2.34vw; line-height: 1;background: radial-gradient(circle at center, #093fa7, #087eb3);-webkit-background-clip: text;color: transparent;}
    .banner-page-40 .swiper-slide .content .p2{ margin-top: 10px;}

    .banner-page-50 .swiper-slide .content h2{margin-top:10%;}

    .banner-page-60 .swiper-slide .content{padding-top: 0;}
    .banner-page-60 .swiper-slide .mbx{margin-top:10px;}

    .banner-page-70 .swiper-slide .pic:after{padding-bottom:36.458%;}
    .banner-page-70 .swiper-slide .content h2{margin-top: 1.3vw;}
    .banner-page-70 .swiper-slide .mbx{display: none;}

    @media (max-width: 991px){
        .banner .swiper-slide .content{padding-top: 55px;}

        .banner-page-30 .swiper-slide .content h2{margin-bottom: 12px;}
        .banner-page-30 .swiper-slide .mbx{margin-top: 25px;}

        .banner-page-40 .swiper-slide .content .p1{margin-top: 20px;}
        .banner-page-40 .swiper-slide .content .p2{margin-top: 5px;}

        .banner-page-70 .swiper-slide .content h2{margin-top: 13px;}
    }
    @media (max-width: 767px){
        .banner-page .swiper-slide{height: 360px;}
        .banner-page .swiper-slide .pic{display: none;}
        .banner-page-50 .swiper-slide .content h2{margin-top:70px;}

        .banner-page-70 .swiper-slide{height: 280px;}
    }
/*-banner-*/

/*底部开始*/
    .footer{padding-top: 5.5%; background: #e8e8e8; }
    .footerNav ul{display: flex;justify-content: space-between;}
    .footerNav ul li h4{margin-bottom: 2vw; line-height: 1.3; }
    .footerNav ul li h4 a{color: #333;}
    .footerNav ul li p{ margin-bottom: 8px; line-height: 1.8; }
    .footerNav ul li p a{color: #555;}
    .footerNav ul li h4 a:hover,
    .footerNav ul li p a:hover{color: #194498;}

    .footerCon{padding-top: 22px;margin-top: 3vw; color: #333; border-top:1px solid #d4d4d4; }
    .footerLogo{width: 25%;}
    .footerCon .content{display: flex;justify-content: space-between; width: 70%;max-width: 960px;}
    .footerCon .content .con{width: 83%;}
    .footerCon .content ul{padding-right: 1.3vw;margin-left: -1.3vw;}
    .footerCon .content ul li{float: left;width: 50%;padding-left: 1.3vw;margin-top: 1.3vw;}
    .footerCon .content ul li h4{margin-bottom: 1.3vw; font-weight: bold;line-height: 1.3; }
    .footerCon .content ul li p{position: relative;padding-left: 28px;margin-top:8px; line-height: 25px;}
    .footerCon .content ul li p img{position: absolute;left: 0;top:2.5px;}
    .footerCon .content .qrcode{width: 7.5vw;max-width:144px;min-width:100px;margin-top:1.3vw;text-align:center;}
    .footerCon .content .qrcode span{display: block;margin-top: 10px;}

    .copy{padding-top: 1.14%;padding-bottom: 1.14%;margin-top: 2%; background: #194498;}
    .copyright{display: flex; min-height: 50px; align-items: center;}
    .copyright p{display: flex;align-items: center;flex-wrap: wrap; color: #fff;line-height: 1.6;}
    .copyright p span{display: inline-block;margin:0 1.3vw; height: 16px;border-left:1px solid rgba(255,255,255,0.2);}
    .copyright p a{color: #fff;}
    .copyright p a:hover{text-decoration: underline;}
    .social span{display:inline-block;margin-left:1vw;}
    .social span i{display: flex;width: 50px;height: 50px; font-size:26px;color: #fff;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;transition: 0.5s;}
    .social span:hover i{color: #194498;background: #fff;}
    .social span.weixin {position: relative;}
    .social span.weixin em{display: none;width:130px;height:130px; position: absolute;left: 50%;margin-left: -65px;top:-150px;}
    .social span.weixin:hover em{display: block;}
/*底部结束*/

/*关于我们*/
    .col-about-deacription{padding-top:calc(90px + 3.125vw);}
    .col-about-deacription .col-title{padding:7.7vw 0 5.2vw;position: relative;z-index: 2; }
    .col-about-deacription .col-title h4{margin-bottom: 1.45vw; color: #0c3a93;}
    .col-about-deacription .img{width: 47.96%; position: absolute;right:-2.6vw;top:0;}
    /*.col-about-deacription .img img{opacity: 0.6;}*/
    .col-page-about{padding-bottom: 6.77%;}
    .col-page-about .flex{display: flex;flex-wrap: wrap;}
    .col-page-about .number{width: 52.30%;}
    .col-page-about .number .panel{width: 90%;max-width: 680px;padding: 0 2.7vw; box-shadow: 0px 0px 21px 0px rgba( 0, 0, 0,0.08 );color: #333;position: absolute;z-index: 2;bottom: 20%;}
    .col-page-about .number .panel ul{}
    .col-page-about .number .panel li{ display: flex;padding: 3.5vw 0 3vw; border-bottom: 1px solid #ddd; }
    .col-page-about .number .panel li .num{width: 70%;padding-left: 4.16vw; position: relative;display: flex;}
    .col-page-about .number .panel li .num img{position: absolute;left:0;top:0;}
    .col-page-about .number .panel li .num span.countup{font-size: 4.16vw;line-height: 0.8;font-weight: bold;}
    .col-page-about .number .panel li .num em{font-size: 1.56vw;margin-left: 5px;line-height: 1;}
    .col-page-about .number .panel li .tit{width: 30%;font-weight: bold;line-height: 1.5;}
    .col-page-about .number .panel li:last-child{border:0;}
    .col-page-about .number .img{width: 100%; padding-left: 11px;position: absolute;left: 0;bottom: 0;}
    .col-page-about .content{width: 47.69%;padding-left: 25px;padding-top: 5.9vw;}
    .col-page-about .content p{margin-top: 10px; line-height: 1.6; }
    .col-page-about .content .col-title{padding-bottom: 1.82vw;}
    /*文化*/
    .col-about-culture{ border-top:1px solid #ddd; }
    .col-about-culture ul{display: flex;flex-wrap: wrap;margin-top: -1px;}
    .col-about-culture ul li{width: 33.33%;margin-left: -1px;padding:7vw 3.2vw 5vw; border:1px solid #ddd; border-bottom: 0;}
    .col-about-culture ul li img{height: 2.96vw;max-height: 57px;min-height: 30px;}
    .col-about-culture ul li h4{margin:1.5vw 0 1vw;line-height:1.3;font-weight:bold;color:#333; }
    .col-about-culture ul li p{ line-height: 1.8; }
    /*愿景*/
    .col-about-vision{padding-top: 10.41%;padding-bottom: 10.41%; color: #fff; }
    .col-about-vision ul{width: 100%;max-width: 400px;margin-top: -3.64vw;}
    .col-about-vision li{margin-top: 3.64vw;}
    .col-about-vision li h4{ padding-bottom: 1vw;margin-bottom: 0.83vw; position: relative; line-height: 1.3; border-bottom: 1px solid rgba(255,255,255,0.2);font-weight: bold; }
    .col-about-vision li h4:before{content: '';width: 3.33vw;max-width: 64px;min-width: 33px; position: absolute;left: 0;bottom: -1px;border-top:3px solid #0c3a93;}
    .col-about-vision li p{ line-height: 1.6; }
    /*历程*/
    .col-history{padding-top: 6%; overflow: hidden;position: relative;}
    .col-history .col-title h4{margin-bottom: 1vw;}

    .col-history .list{width: 50%; padding-bottom: 5.2vw;margin-top: 3.38vw; position: relative;color: #333;}
    .col-history .list .border-left{height: 100%;position: absolute;left:5px;top:0;border-left:2px solid #ddd;}
    .col-history .list .tit{position: relative;}
    .col-history .list .tit:before{content: '';width: 12px;height: 12px;background: #ddd;position: absolute;left:-2.86vw;top:50%;margin-top: -6px;}
    .col-history .list .tit span{padding-right: 10px; font-size: 3.75vw;font-weight: bold;line-height: 0.8;color: #2e55a0;}
    .col-history .list .con{margin-top: 1vw;padding-bottom: 2vw;}
    .col-history .list .con p{line-height: 25px;}
    .col-history .list .con ul{}
    .col-history .list .con li{padding-left: 14px; margin-top: 5px; position: relative;}
    .col-history .list .con li:before{content: '';width: 6px;height: 6px;position: absolute;left: 0;top:9px;border-radius: 50%;}
    .col-history .swiper-history{height:600px;z-index: 3;}
    .col-history .swiper-history .swiper-wrapper{
        -webkit-transition-timing-function:linear;
        -ms-transition-timing-function:linear;
        -moz-transition-timing-function:linear;
        -o-transition-timing-function:linear;
        transition-timing-function:linear;
    }
    .col-history .swiper-history .swiper-slide{padding-left: 2.86vw;height: auto;position: relative;cursor: pointer; }
    .col-history .swiper-history .swiper-slide .tit span,
    .col-history .swiper-history .swiper-slide .con{color: rgba(51,51,51,0.5);}
    .col-history .swiper-history .swiper-slide .con li:before{background: rgba(51,51,51,0.5);}
    .col-history .swiper-history .swiper-slide.swiper-slide-active{}
    .col-history .swiper-history .swiper-slide.swiper-slide-active .tit:before{background: #2e55a0;}
    .col-history .swiper-history .swiper-slide.swiper-slide-active .tit span{color: #2e55a0;}
    .col-history .swiper-history .swiper-slide.swiper-slide-active .con{color: #333;}
    .col-history .swiper-history .swiper-slide.swiper-slide-active .con li:before{background: #333;}

    .col-history .yuan{width:1158px;height: 1158px;border:3px solid #ddd;position: absolute;left:68%;top:50%;transform: translateY(-50%); border-radius: 50%; }
    .col-history .listimg{width: 42.89%;position: absolute;right: 0;top:5%; z-index:3;}
    .col-history .listimg .swiper-history2{width: 86.5%;}
    .col-history .listimg .pic{width: 99%; border-radius: 50%;border:3px solid #154293; }
    .col-history .listimg .pic:after{padding-bottom: 100%;}

    /*荣誉*/
    .col-about-honor{ padding-top: 6%;padding-bottom: 6%; }
    .col-about-honor .swiper-honor{margin-top: 2.5vw;}
    .col-about-honor .swiper-honor .pic:after{padding-bottom: 137.82%;}
    /*.col-about-honor .swiper-honor .pic img{transition: 0.5s;}*/
    /*.col-about-honor .swiper-honor .pic:hover img{transform: scale(1.05);opacity: 0.8;}*/
/*关于我们*/

/*联系我们*/
    .col-page-contact{padding-top: 6%;}
    .contacts{margin:0 -2vw;}
    .contact{padding: 0 2vw;margin-top: 2vw;}
    .contact .tit{ padding-bottom: 1vw; color: #333;border-bottom: 1px solid #ddd; }
    .contact .con{ color: #888; }
    .contact .con p{ line-height: 1.6; }
    .contact .con ul{padding-top: 1vw;}
    .contact .con li{margin-top: 1.3vw;}
    .contact .con li h4{margin-bottom: 5px; font-weight:bold;line-height: 1.3;color: #333;}
    .contact .qrcode{margin-top: 2.3vw;color: #333;line-height: 1.6;}
    .contact .qrcode table{width: 100%;margin-top: 2.3vw;}
    .contact .qrcode table td:first-child{width:7.91vw; }
    .contact .qrcode table td:last-child{padding-left: 1vw;}
    /*留言*/
    .col-message{padding-top: 6%;padding-bottom: 6%;}
    .col-message .flex{display: flex;box-shadow: 0px 0px 21px 0px rgba( 0, 0, 0,0.08 );}
    .col-message .pic{width: 38.81%;}
    .col-message .pic:after{padding-bottom: 124.74%;}
    .message {width: 61.19%;padding:3vw 5.5vw;}
    .message ul{margin: 0 -8px;padding-top: 1.2vw;}
    .message li{padding: 0 8px;margin-top: 1.4vw;}
    .message ul li p{line-height: 1.8;color: #333;margin-bottom: 5px;}
    .message ul li input,
    .message ul li select,
    .message ul li textarea{ width: 100%;padding:0 24px;height:55px;line-height: 53px; background: #fff;border:1px solid #ddd;outline: none;}
    .message ul li textarea{float: left;padding:13px 24px;height:5.67vw;max-height:109px;min-height:80px;line-height: 25px;}
    .message ul li.li_3,
    .message ul li.li3{width: 100%;}
    .message ul li.li4 input{width: 45%;max-width: 180px;}
    .message ul li.sub input{width: 45%;max-width: 180px;background: #154293;border-color: #154293;color: #fff;transition: 0.5s;}
/*联系我们*/

/*应用领域*/
    .col-application{padding-top: 6.5%;padding-bottom: 5.2%;}
    .col-application .conts{padding: 0;padding-right:2vw;}
    .col-application .conts p{max-width: 595px; line-height: 1.8;color: #333;}
    .col-application .conts .col-title{margin-bottom: 2.5vw;}
    .col-application .list{padding: 0;}
    .col-application .list ul{display: flex;flex-wrap: wrap;margin:0 -0.65vw; margin-top: -1.19vw;}
    .col-application .list li{padding: 0 0.65vw;margin-top: 1.19vw;}
    .col-application .list li a{padding: 13px 2vw;height: 100%; display: flex;justify-content: space-between;align-items: center; background: #f5f5f5; color: #333; border-bottom: 1px solid #154293;}
    .col-application .list li a span{width: 80%;}
    .col-application .list li .pic{width: 2.13vw;max-width: 41px;min-width:28px;}
    .col-application .list li .pic:after{padding-bottom: 82.92%;}
    .col-application .list li .pic img{transition: 0.5s;}
    .col-application .list li .pic img.img1{}
    .col-application .list li .pic img.img2{opacity: 0;}
    .col-application .list li a:hover,
    .col-application .list li a.active{background: #154293;color: #fff;}
    .col-application .list li a:hover .pic img.img1,
    .col-application .list li a.active .pic img.img1{opacity: 0;}
    .col-application .list li a:hover .pic img.img2,
    .col-application .list li a.active .pic img.img2{opacity: 1;}
    .case{margin-top: 4.5vw; padding-top: 1.1vw; border-top:1px solid #ddd; }
    .case ul{margin:0 -1vw;}
    .case li{padding:0 1vw;margin-top: 2.5vw;}
    .case li .pic:after{padding-bottom: 67.916%;}
    .case li .pic img{transition: 0.5s;}
    .case li .pic:hover img{transform: scale(1.05);opacity: 0.8;}
    .case li h4{margin-top: 1vw; line-height: 1.5;color: #333;}
    /*部分案例*/
    .col-application-case{padding-top: 5%;padding-bottom: 6%; background: #f5f5f5; }
    .col-application-case .col-title{display: flex;justify-content: space-between;align-items: center;}
    .col-application-case .button .swiper-button-prev,
    .col-application-case .button .swiper-button-next{display: block;position: static;float: left;width: auto;height: auto;margin:0;margin-left: 9px; background: none;opacity: 1;outline: none;}
    .col-application-case .button .swiper-button-next{transform: rotateY(180deg);}
    .col-application-case .button .swiper-button-prev i,
    .col-application-case .button .swiper-button-next i{display: flex;align-items: center;justify-content: center; width: 2.86vw;height: 2.86vw;max-width: 55px;max-height: 55px;min-width: 28px;min-height: 28px;color: #333; cursor: pointer;transition: 0.5s;}
    .col-application-case .button .swiper-button-prev i:hover,
    .col-application-case .button .swiper-button-next i:hover{background: #154293;color: #fff;}
    .col-application-case .swiper-case{margin-top: 2.6vw;}
    .col-application-case .swiper-case .panel{display: flex;align-items: center; padding: 0.78vw;}
    .col-application-case .swiper-case .pic{width: 47.6%;}
    .col-application-case .swiper-case .pic:after{padding-bottom: 109.46%;}
    .col-application-case .swiper-case .con{width: 52.4%;padding-left: 2.86vw;color: #333;}
    .col-application-case .swiper-case .con .tit{margin-bottom: 1.45vw;}
    .col-application-case .swiper-case .con h4{font-weight: bold;}
    .col-application-case .swiper-case .con ul{padding-top: 5px;padding-bottom: 1.82vw;}
    .col-application-case .swiper-case .con ul li{padding-left: 15px;margin-top: 8px; position: relative;line-height: 25px;}
    .col-application-case .swiper-case .con ul li:before{content: '';width: 8px;height: 8px;position: absolute;left: 0;top:8px;background: #333;border-radius: 50%;}
    .col-application-case .swiper-case .con ul li a{color: #333;}
    .col-application-case .swiper-case .con ul li a:hover{color: #154293;}
    /*合作伙伴*/
    .col-application-partner{padding-top: 7%;padding-bottom: 7%;}
    .col-application-partner .col-title{margin-top: 4.68vw;}
    .col-application-partner .col-title h3 span{color: #2e55a0;}
    .col-application-partner .description{display: flex;align-items: center;}
    .col-application-partner .description .img{padding: 0 2.91vw;text-align: right;}
    .col-application-partner .description .txt{padding: 0 2.91vw;border-left:1px solid #ddd;}
    .col-application-partner .description .txt p{line-height:1.3;color: #333; }
    .partner{margin-top: 3.125vw;}
    .partner ul{margin:0 -1.04vw; margin-top: -1.56vw;}
    .partner li{padding: 0 1.04vw;margin-top: 1.56vw;}
    .partner li .pic{ border:1px solid #ddd; }
    .partner li .pic:after{padding-bottom: 40%;}
/*应用领域*/

/*科技创新*/
    .col-tech1{padding-top: 6%;padding-bottom: 6%;}
    .tech-tab{ margin-top: 2.86vw;display: flex; border-bottom: 1px solid #ddd; }
    .tech-tab a{display: block;width: 33.33%;padding: 1vw;padding-top: 0;position: relative; float: left; color: #333;}
    .tech-tab a:after{content: '';width:0;position: absolute;left: 0;bottom: 0;border-top:3px solid #154293;opacity: 0;transition: 0.5s;}
    .tech-tab a.flex-active{font-weight: bold;}
    .tech-tab a:hover:after,
    .tech-tab a.flex-active:after{width: 100%;opacity: 1;}

    .tech-slides {margin-top: 3.9vw;}
    .tech-slides .swiper-tech{overflow: visible;width:72.63%;position: static;  }
    .tech-slides .swiper-tech .swiper-slide .pic{max-width: 1104px;margin:0 auto;transform: scale(0.85);background: #000;transition: 0.5s;}
    .tech-slides .swiper-tech .swiper-slide .pic:after{padding-bottom: 54.52%;}
    .tech-slides .swiper-tech .swiper-slide .pic img{opacity: 0.5;transition: 0.5s;}
    .tech-slides .swiper-tech .swiper-slide-active .pic{transform: scale(1);}
    .tech-slides .swiper-tech .swiper-slide-active .pic img{opacity: 1;}
    .tech-slides .swiper-container .swiper-button-prev,
    .tech-slides .swiper-container .swiper-button-next{ width: auto;height: auto;margin:0;background: none;opacity: 1;z-index: 1;outline: none;transform:translateY(-50%);}
    .tech-slides .swiper-container .swiper-button-prev{left:4.34%;}
    .tech-slides .swiper-container .swiper-button-next{right:4.34%;}
    .tech-slides .swiper-container .swiper-button-prev i,
    .tech-slides .swiper-container .swiper-button-next i{display: flex;align-items: center;justify-content: center; width:3.38vw;height: 3.38vw;border:1px solid #ddd;color: #ddd;transition: 0.5s;border-radius: 50%;background: #fff;cursor: pointer;font-weight: bold; }
    .tech-slides .swiper-container .swiper-button-next i{transform: rotateY(180deg);}
    .tech-slides .swiper-container .swiper-button-prev i:hover,
    .tech-slides .swiper-container .swiper-button-next i:hover{background: #154293;border-color: #154293;color: #fff;}
    /*专利认证*/
    .col-tech2{padding-top: 6%;padding-bottom: 6%;}
    .col-tech2 .container{ padding: 2.86vw 5vw; background: #fff; }
    .col-tech2 .flex{margin-top: 2.6vw; display: flex;flex-wrap: wrap;align-items: center; }
    .col-tech2 .content{padding: 0;padding-right: 3vw;}
    .col-tech2 .content p{line-height: 1.8;}
    .col-tech2 .content strong{color: #333;}
    .col-tech2 .content h4{margin-bottom: 8px;}
    .col-tech2 .content ul{color: #333;padding-top: 5px;}
    .col-tech2 .content li{width: 50%; float: left;}
    .col-tech2 .content li p{position: relative;line-height: 25px;padding-left: 15px;margin-top: 10px;}
    .col-tech2 .content li p:before{content: '';width: 6px;height: 6px;background: #333;position: absolute;left: 0;top:9px;border-radius: 50%;}
    .col-tech2 .imgs{padding: 0;padding-left: 3vw;}
    .col-tech2 .imgs .pic:after{padding-bottom: 133.91%;}
    .col-tech2 .imgs h4{margin-top: 0.78vw; color: #888;line-height: 1.5;font-style: italic;}
    .col-tech2 .swiper-pagination{margin-top: 2.5vw; position: static;text-align: center;}
    .col-tech2 .swiper-pagination .swiper-pagination-bullet { width: 2.08vw;max-width: 40px;min-width: 20px; height: 5px;margin:0 5px;background: #ddd;opacity: 1;outline: none;border-radius: 0; }
    .col-tech2 .swiper-pagination .swiper-pagination-bullet-active{ background: #154293; }
    /*体系认证*/
    .col-tech3{ padding-top: 6%;padding-bottom: 6%; }
    .col-tech3 .content{ margin-top: 2vw; color: #333; }
    .col-tech3 .content ul{width: 100%;max-width: 1140px;margin:0 auto; display: flex;flex-wrap: wrap;justify-content: center; }
    .col-tech3 .content li{ width: 31.14%;margin:0.65vw;padding: 2vw 0; background: #fff;box-shadow: 0px 0px 21px 0px rgba( 0, 0, 0,0.08 );border-radius: 1.04vw; }
    .col-tech3 .content li .img{height:6.19vw;max-height: 119px;min-height: 60px; }
    .col-tech3 .content li h4{margin-top: 1.3vw; display: flex;align-items: center;justify-content: center; }
    .col-tech3 .content li h4 img{ margin-right: 10px; }
/*科技创新*/

/*新闻中心*/
    .newsdate{display: flex;align-items: center;color: #003333;line-height: 35px;}
    .newsdate span{display: inline-block;padding:0 15px;margin-right: 1.5vw; background: #f5f5f5;color: #2e55a0;}

    .newstop{margin-top: 3vw; display: flex;flex-wrap: wrap; background: #fff;box-shadow: 0px 0px 21px 0px rgba( 0, 0, 0,0.08 );}
    .newstop .pic{padding: 0;}
    .newstop .pic:after{padding-bottom: 69.736%;}
    .newstop .content{padding: 0; display: flex;align-items: center; }
    .newstop .panel{padding:0 3.64vw;}
    .newstop .panel h4{ line-height: 1.5em;height: 3em;overflow: hidden;color: #333; }
    .newstop .panel h4 a{ color: #333; }
    .newstop .panel h4 a:hover{ color: #2e55a0; }
    .newstop .panel p{ line-height: 1.8em;height: 5.4em;overflow: hidden;color: #888; }
    .newstop .panel hr{margin:2.34vw 0 1.82vw;border-color: #ddd;}
    .newstop .newsdate{margin-top: 1.5vw;}
    .newstop a.more{ display: inline-block;padding-left: 1vw;margin-top: 3.64vw; border-left:2px solid #154095;line-height: 1;color: #333; }
    .newstop a.more:hover{color: #2e55a0;}

    .news{padding-top: 1.77vw;}
    .news ul{margin:0 -1.43vw;}
    .news li{padding:0 1.43vw;margin-top: 3.43vw;}
    .news li .pic:after{padding-bottom: 69.57%;}
    .news li h4{margin-top: 1.82vw; line-height: 1.5;color: #333;transition: 0.5s; }
    .news li h4 a{color: #333;}
    .news li .newsdate{ margin-top: 1.3vw; }
    .news li .panel{cursor: pointer;}
    .news li .panel:hover h4,
    .news li .panel:hover h4 a{color: #2e55a0;}

    .col-page-news{padding-top: 2.6%;padding-bottom: 5.5%;margin-top:140px; }

    /*newshow*/
    .newshow{padding-top: 3vw;}
    .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: #2e55a0;
    }
    .prev-next a.prev {
      border-bottom: 1px dashed #d4d4d4;
    }
/*新闻中心*/

/*服务支持*/
    .col-service-title{padding-top: 7%;padding-bottom: 3.64%;}
    .col-network-title{padding-top: 1.82vw;padding-bottom: 1.82vw; background: #f5f5f5; }
    .col-network-title .col-title{padding: 0;}
    .col-network-title .col-title h3{line-height: 30px;}
    .col-network-title .col-title h3 span{margin-left: 1.56vw; color: #888;text-transform: uppercase; }
    .col-network-title .button{padding: 0;display: flex;justify-content: flex-end;flex-wrap: wrap;}
    .col-network-title .button a{display:block;padding-left: 30px;margin-left: 5vw; position:relative; line-height: 30px;color: #333;}
    .col-network-title .button a span{display: block;width: 16px;height: 16px;position: absolute;left: 0;top:50%;margin-top: -8px;background: #c3c3c3;border-radius: 50%;}
    .col-network-title .button a span:before{content: '';width:10px;height: 10px;background: #c3c3c3;position: absolute;left:3px;top:3px;border-radius: 50%;transition: 0.5s;}
    .col-network-title .button a:hover span:before,
    .col-network-title .button a.active span:before{background: #154293;}
    .col-network{padding-top: 5%;padding-bottom: 7%;}
    .col-network .container{max-width: 1525px;}
    .col-network .content{ font-weight: bold;color: #333; }
    .col-network .content ul{}
    .col-network .content li{position: absolute;}
    .col-network .content li.li1{left: 18.62%;top: 50.6%;}
    .col-network .content li.li2{left: 32.65%;top: 75.71%;}
    .col-network .content li.li3{left: 47.34%;top: 57.62%;}
    .col-network .content li.li4{left: 49.31%;top: 44.61%;}
    .col-network .content li.li5{left: 50.22%;top: 50.2%;}
    .col-network .content li.li6{left: 54.42%;top: 42.98%;}
    .col-network .content li.li7{left: 56.45%;top: 52.03%;}
    .col-network .content li.li8{right: 32.06%;top: 54.67%;}
    .col-network .content li.li9{right: 30.36%;top: 60.97%;}
    .col-network .content li.li10{right: 26.75%;top: 35.67%;}
    .col-network .content li.li11{right: 24.59%;top: 62.39%;}
    .col-network .content li.li12{right: 22.75%;top: 54.16%;}
    .col-network .content li.li13{right: 21.9%;top: 61.89%;}
    .col-network .content li.li14{right: 18.75%;top: 59.55%;}
    .col-network .content li.li15{right: 22.49%;top: 65.65%;}
    .col-network .content li.li16{right: 20.72%;top: 73.06%;}
    .col-network .content li.li17{right: 16.65%;top: 53.65%;}

    .col-network .content li .tit{margin-top: 7px; position: absolute;left: 50%;transform: translateX(-50%);top:100%;white-space: nowrap;}
    .col-network .content li .tit2{left: 100%;top:50%;transform: translate(0,-50%); margin-top: 0;margin-left: 5px;}
    .col-network .content li .yuan{width: 18px;height: 18px;padding: 4px; border-radius: 50%;background: rgba(21,66,147,0.2);}
    .col-network .content li .yuan span{display: block; width: 10px;height: 10px;border-radius: 50%;background: #154293;}
    .col-network .content li .yuan span.span1{background: #003462;}
    .col-network .content li .yuan span.span2,
    .col-network .content li .yuan span.span3{position: absolute;left: 50%;top:50%;margin-left: -5px;margin-top: -5px;transform: scale(0.5);}
    .col-network .content li .yuan span.span2{
        -webkit-animation: ProgressDots 1.5s 0s infinite both;
        animation: ProgressDots 1.5s 0s infinite both;
    }
    .col-network .content li .yuan span.span3{
        -webkit-animation: ProgressDots 1.5s 0.5s infinite both;
        animation: ProgressDots 1.5s 0.5s infinite both;
    }
/*服务支持*/

/*产品中心*/
    .col-product-nav ul{margin:0;display: flex;}
    .col-product-nav li{padding: 1.3vw 0;position: relative;}
    .col-product-nav li img{position: absolute;left: 50%;top:100%;margin-left: -8px;margin-top:3px;opacity: 0;}
    .col-product-nav li a{display: block;height: 100%; padding: 1vw; color: #333; border-right: 1px solid #ddd;}
    .col-product-nav li a:hover{color: #2e55a0;}
    .col-product-nav li.active:after{content: '';width: 100%;border-top: 4px solid #2e55a0;position: absolute;left: 0;top:100%;}
    .col-product-nav li.active img{opacity: 1;}
    .col-product-nav li:last-child a{border-right:0;}

    .pro li .panel{padding-bottom: 2vw; cursor: pointer;}
    .pro li .pic:after{padding-bottom: 55.05%;}
    .pro li .pic img{max-width: 74%; transition: 0.5s;}
    .pro li h4{padding: 10px;padding-top: 0; color: #333;line-height: 1.5; transition: 0.5s;}
    .pro li h4 a{color: #333;}
    .pro li a.more{color: #2e55a0;}
    .pro li .panel:hover .pic img{transform: scale(1.05);}
    .pro li .panel:hover h4,
    .pro li .panel:hover h4 a{color: #2e55a0;}

    .col-page-product{padding-top: 3.43%;padding-bottom: 6%;}
    .col-page-product .pro ul{margin:0 -0.78vw;margin-top:-1.56vw;}
    .col-page-product .pro li{padding:0 0.78vw;margin-top: 1.56vw;}

    .col-prodet{margin-top: 90px;padding-top: 6%;padding-bottom: 6%;}
    .relatedProduct{ padding-top: 5.2vw;}
    .relatedProduct .pro{margin-top: 1.97vw;}

    .col-prodet-top .mbx{line-height: 55px;}
    .prosearch{display:block;position:relative;width:20%;overflow:hidden;background: #fff;}
    .prosearch input{width:100%;background:none;border:0; line-height:55px;padding:0 55px 0 20px;outline: none;}
    .prosearch a#head_search{display:block;position:absolute;right:0;top:0;font-size:20px;color:#000;cursor:pointer;text-align:center;height: 55px; line-height:55px;width:55px;}

    .pro_show{margin-top: 25px;padding:5.2vw 4.42vw; background: #fff;}
    .pro_show .flex{display: flex;align-items: center;flex-wrap: wrap;}
    .pro_show .flex .pic{width: 48%; border:1px solid #ddd;}
    .pro_show .flex .pic:after{padding-bottom: 82.5%;}
    .pro_show .flex .pic img{max-width: 90%;max-height: 90%;}
    .pro_show .flex .cont{width: 52%;padding-left: 5vw;}
    .pro_show .flex .cont h1{max-width: 490px; color: #333;line-height: 1.2;}
    .pro_show .flex .cont .text{margin-top: 2vw;min-height: 8.33vw; color: #333;line-height: 1.6; }
    .pro_show .flex .cont .col-more {margin-top: 2vw;}
    .pro_show .flex .cont .col-more a{margin-right: 6px; text-align: center;color: #333;border:1px solid #333;background: #fff; }
    .pro_show .flex .cont .col-more a:hover{ color: #fff;background: #2e55a0;border-color: #2e55a0; }

    .proshowcon{margin-top: 5vw;padding-top: 3.6vw; border-top:2px solid #ddd; }
    .proshowcon .content{margin-top: 2vw;color: #333;line-height: 1.6;}
    .proshowcon .content table{width: 100%;}
    .proshowcon .content table tr{font-size: 24px;}
    .proshowcon .content table tr.firstRow{font-weight: bold;font-size: 18px;}
    .proshowcon .content table td{padding: 1.56vw 10px;text-align: center;vertical-align: middle; border:1px solid #ddd; }
    .proshowcon .col-more{margin-top:3.33vw; }
/*产品中心*/

/*分页*/
    .page { text-align: center;margin-top:4vw;}
    .page ul{margin:0;}
    .page li {  display: inline;}
    .page li a{
      font-family: 'Arial';
      border-radius: 0!important;
      background: #fff;
      padding: 8px 14px;
      margin: 0 3px;
      display: inline;
      margin-bottom:0px;
      color:#333;
      border:1px solid #fff!important;
    }
    .page li a:hover,
    .page li.active a {
      background: #2e55a0!important;
      border: 1px solid #2e55a0!important;
      color: #fff;
    }
    .page li.bgnone a{
      background: none;
    }
    .page li.bgnone a:hover {
      color: #2e55a0;
    }
    @media (max-width: 991px) {
        .page{margin-top: 40px;}
        .page li a{  padding: 5px 10px;}
    }
/*分页*/

/*站内搜索*/
    .goomay-keywords-light{ background: #dc3545 !important; color:#ffffff !important;}
    #search{ min-height: 500px; padding-top:5%;padding-bottom:5%;margin-top:90px;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;margin-top: 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;}
    }
/*站内搜索*/
/*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: #2e55a0;
    }
    .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 (max-width: 1400px){
    .nav ul li{margin-left: 1vw;}
    .proshowcon .content table tr{font-size: 20px;}
    .proshowcon .content table tr.firstRow{font-size: 16px;}
}
/*手机版菜单*/
@media screen and (max-width: 991px)  {
    header h1{width: auto;height: 55px;line-height: 55px;}
    header h1 img{max-height: 80%;}
    .head{height: 55px;}
    #header a.mm_btn {background: center center no-repeat #194498;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){
    .col-more a{padding-top: 8px;padding-bottom: 8px;}
    .col-title hr{margin-top: 10px;}
/*底部开始*/
    .footer{padding-top: 55px;text-align: center;}

    .footerCon{padding-top: 0;margin-top: 0;border-top:0; }
    .footerLogo{width: 100%;padding-bottom: 5px;}
    .footerCon .content{display: block;width:100%;max-width: auto;}
    .footerCon .content .con{width: 100%;}
    .footerCon .content ul{padding-right: 0;margin-left: 0;}
    .footerCon .content ul li{float: left;width:100%;padding-left:0;margin-top: 25px;}
    .footerCon .content ul li h4{margin-bottom:13px; }
    .footerCon .content ul li p{padding-left: 0;margin-top:8px;}
    .footerCon .content ul li p img{position: static;margin-right: 5px;}
    .footerCon .content .qrcode{margin:25px auto 0;}

    .copy{padding-top:15px;padding-bottom:15px;margin-top:25px;}
    .copyright{display: block;width:100%; min-height:auto;}
    .copyright p{justify-content: center;}
    .copyright p span{margin:0 10px;}
    .social{width: 100%;margin-top: 10px;}
    .social span{display:inline-block;margin:0 5px;}
    .social span i{width: 40px;height: 40px; font-size:20px;}
/*底部结束*/

/*关于我们*/
    .col-about-deacription{padding-top:80px;}
    .col-about-deacription .col-title h4{margin-bottom: 15px;}
    .col-page-about{padding-bottom:60px;}
    .col-page-about .number{width:100%;}
    .col-page-about .number .panel{width:100%;padding: 0 25px; box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0,0.08 );position: relative;bottom: auto;margin-top: -5vw;}
    .col-page-about .number .panel li{ display: flex;padding: 35px 0 30px;}
    .col-page-about .number .panel li .num{padding-left: 30px;}
    .col-page-about .number .panel li .num img{width: 20px;}
    .col-page-about .number .panel li .num span.countup{font-size: 38px;}
    .col-page-about .number .panel li .num em{font-size: 16px;}
    .col-page-about .number .img{position: relative;margin-top: -5vw;}
    .col-page-about .content{width: 100%;padding-left: 0;padding-top:60px;}
    .col-page-about .content .col-title{padding-bottom: 18px;}
    /*文化*/
    .col-about-culture ul li{width: 100%;margin-left:0;padding:60px 30px 50px;}
    .col-about-culture ul li h4{margin:15px 0 10px;}
    /*愿景*/
    .col-about-vision{padding-top: 100px;padding-bottom: 100px; }
    .col-about-vision ul{margin-top: -35px;}
    .col-about-vision li{margin-top: 35px;}
    .col-about-vision li h4{ padding-bottom: 10px;margin-bottom: 8px;}
    /*历程*/
    .col-history{padding-top:60px;}
    .col-history .col-title h4{margin-bottom: 10px;}

    .col-history .list{width:100%; padding-bottom:55px;margin-top: 33px;}
    .col-history .list .tit:before{left:-28px;}
    .col-history .list .tit span{padding-right: 5px; font-size: 36px;}
    .col-history .list .con{margin-top: 10px;padding-bottom: 20px;}
    .col-history .list .con li{padding-left: 14px; margin-top: 5px; position: relative;}
    .col-history .swiper-history{height:400px;}
    .col-history .swiper-history .swiper-slide{padding-left: 28px;}

    .col-history .yuan{display: none;}
    .col-history .listimg{display: none;}
    /*荣誉*/
    .col-about-honor{ padding-top:60px;padding-bottom:60px; }
    .col-about-honor .swiper-honor{margin-top: 25px;}
/*关于我们*/

/*应用领域*/
    .col-application{padding-top: 60px;padding-bottom: 55px;}
    .col-application .conts{padding: 0;}
    .col-application .conts p{max-width: none;}
    .col-application .conts .col-title{margin-bottom:20px;}
    .col-application .list{margin-top: 25px;}
    .col-application .list ul{margin:0 -6px; margin-top: -12px;}
    .col-application .list li{padding: 0 6px;margin-top: 12px;}
    .col-application .list li a{padding: 10px 15px;}
    .col-application .list li a span{width: 80%;}
    .case{margin-top: 45px; padding-top: 10px; }
    .case ul{margin:0 -7px;}
    .case li{padding:0 7px;margin-top: 20px;}
    .case li h4{margin-top: 10px;}
    /*部分案例*/
    .col-application-case{padding-top: 50px;padding-bottom: 60px;}
    .col-application-case .button .swiper-button-prev,
    .col-application-case .button .swiper-button-next{margin-left: 5px;}
    .col-application-case .swiper-case{margin-top: 25px;}
    .col-application-case .swiper-case .panel{ padding: 10px;}
    .col-application-case .swiper-case .con{padding-left: 2vw;}
    .col-application-case .swiper-case .con .tit{margin-bottom: 14px;}
    .col-application-case .swiper-case .con ul{padding-bottom: 18px;}
    .col-application-case .swiper-case .con ul li{margin-top: 5px;}
    /*合作伙伴*/
    .col-application-partner{padding-top: 70px;padding-bottom: 70px;}
    .col-application-partner .col-title{margin-top: 45px;}
    .col-application-partner .description{display: block;}
    .col-application-partner .description .img{padding: 0 20px;text-align: center;}
    .col-application-partner .description .txt{padding: 0 20px;padding-top: 30px;margin-top: 30px; text-align: center;border:0; border-top:1px solid #ddd;}
    .partner{margin-top: 30px;}
/*应用领域*/

/*科技创新*/
    .col-tech1{padding-top: 60px;padding-bottom: 60px;}
    .tech-tab{ margin-top:30px;}
    .tech-tab a{padding: 10px;padding-top: 0;}

    .tech-slides {margin-top: 40px;}
    .tech-slides .swiper-tech{overflow: visible;width:72.63%;position: static;  }
    .tech-slides .swiper-container .swiper-button-prev{left:4.34%;}
    .tech-slides .swiper-container .swiper-button-next{right:4.34%;}
    .tech-slides .swiper-container .swiper-button-prev i,
    .tech-slides .swiper-container .swiper-button-next i{width:30px;height: 30px;font-size: 12px; }
    /*专利认证*/
    .col-tech2{padding-top:60px;padding-bottom:60px;}
    .col-tech2 .container{ padding:5%;}
    .col-tech2 .flex{margin-top: 25px;}
    .col-tech2 .content{padding: 0;}
    .col-tech2 .content li p{margin-top: 5px;}
    .col-tech2 .imgs{padding: 0;margin-top: 25px;}
    .col-tech2 .imgs h4{margin-top: 10px;}
    .col-tech2 .swiper-pagination{margin-top: 10px;}
    .col-tech2 .swiper-pagination .swiper-pagination-bullet {height: 3px;margin:0 3px;}
    /*体系认证*/
    .col-tech3{ padding-top:60px;padding-bottom:60px; }
    .col-tech3 .content{ margin-top: 20px;}
    .col-tech3 .content li{min-width: 200px; margin:6px;padding: 20px 0;box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0,0.08 );border-radius:10px; }
    .col-tech3 .content li h4{margin-top: 13px;}
    .col-tech3 .content li h4 img{ margin-right: 5px; }
/*科技创新*/

/*新闻中心*/
    .newsdate{line-height: 30px;}
    .newsdate span{padding:0 10px;margin-right: 10px;}

    .newstop{margin-top: 30px;}
    .newstop .panel{padding:0 2vw;}
    .newstop .panel hr{margin:2vw 0 1.5vw;}
    .newstop .newsdate{margin-top: 15px;}
    .newstop a.more{ padding-left: 10px;margin-top: 2vw;}

    .news{padding-top: 15px;}
    .news li{margin-top: 30px;}
    .news li h4{margin-top: 18px;}
    .news li .newsdate{ margin-top: 13px; }

    .col-page-news{padding-top: 25px;padding-bottom: 55px;margin-top: 55px;}
    .newshow{padding-top: 30px;}
/*新闻中心*/

/*服务支持*/
    .col-service-title{padding-top: 60px;padding-bottom: 35px;}
    .col-network-title{padding-top: 18px;padding-bottom: 18px;}
    .col-network-title .col-title h3{line-height: 1.3;}
    .col-network-title .col-title h3 span{margin-left: 15px;}
    .col-network-title .button{justify-content: flex-start;margin-top: 15px;}
    .col-network-title .button a{margin-left: 0;margin-right: 3vw;padding-left: 20px; line-height:25px;}
    .col-network-title .button a span{display: block;width: 12px;height: 12px;margin-top: -7px;}
    .col-network-title .button a span:before{width:6px;height: 6px;}
    .col-network{padding-top: 50px;padding-bottom: 70px;}

    .col-network .content li .tit{display: none;}
    .col-network .content li .yuan{width: 9px;height: 9px;padding:2px;}
    .col-network .content li .yuan span{width:5px;height:5px;}
    .col-network .content li .yuan span.span2,
    .col-network .content li .yuan span.span3{margin-left: -2.5px;margin-top: -2.5px;}
/*服务支持*/

/*产品中心*/
    .pro li .panel{padding-bottom: 20px;}
    .pro li h4{padding: 8px;padding-top: 0;}

    .col-page-product{padding-top: 60px;padding-bottom: 60px;}
    .col-page-product .pro ul{margin:0 -7px;margin-top:-15px;}
    .col-page-product .pro li{padding:0 7px;margin-top: 15px;}

    .col-prodet{margin-top: 55px;padding-top: 60px;padding-bottom: 60px;}
    .relatedProduct{ padding-top: 55px;}
    .relatedProduct .pro{margin-top: 20px;}

    .col-prodet-top .mbx{line-height: 1.8;}

    .pro_show{margin-top: 18px;}
    .pro_show .flex{display: flex;align-items: center;flex-wrap: wrap;}
    .pro_show .flex .pic{width: 100%;max-height:400px;}
    .pro_show .flex .cont{width: 100%;padding-left:0;margin-top: 20px;}
    .pro_show .flex .cont h1{max-width: none;}
    .pro_show .flex .cont .text{margin-top: 15px;min-height: auto;}
    .pro_show .flex .cont .col-more {margin-top: 15px;}
    .pro_show .flex .cont .col-more a{margin-right: 3px;}

    .proshowcon{margin-top: 50px;padding-top: 35px;}
    .proshowcon .content{margin-top: 20px;}
    .proshowcon .content table tr{font-size: 18px;}
    .proshowcon .content table tr.firstRow{font-size: 14px;}
    .proshowcon .content table td{padding: 15px 10px;}
    .proshowcon .col-more{margin-top:30px; }
/*产品中心*/

/*联系我们*/
    .col-page-contact{padding-top: 60px;}
    .contact{margin-top: 25px;}
    .contact .tit{ padding-bottom: 10px;}
    .contact .con ul{padding-top: 10px;}
    .contact .con li{margin-top: 10px;}
    .contact .qrcode{margin-top: 20px;}
    .contact .qrcode table{margin-top: 20px;}
    .contact .qrcode table td:first-child{width:80px; }
    .contact .qrcode table td:last-child{padding-left: 10px;}
    /*留言*/
    .col-message{padding-top: 60px;padding-bottom: 60px;}
    .col-message .flex{box-shadow: 0px 0px 15px 0px rgba( 0, 0, 0,0.08 );}
    .col-message .pic{display: none;}
    .message {width: 100%;padding:40px 5%;}
    .message ul{margin: 0 -5px;padding-top: 12px;}
    .message li{padding: 0 5px;margin-top: 14px;}
    .message ul li input,
    .message ul li select,
    .message ul li textarea{padding:0 15px;height:40px;line-height:38px;}
    .message ul li textarea{padding:10px 15px;}
/*联系我们*/

}
@media (max-width: 767px){
    .newstop .panel{padding:20px;}
    .newstop .panel h4{font-size: 16px;}
    .newstop .panel hr{margin:20px 0 15px;}
    .newstop a.more{margin-top: 20px;}
    .news li h4{font-size: 16px;}

    .tech-tab a{font-size: 15px;}
    .col-tech2 .content li{width: 100%;}

    .col-application-case .swiper-case .panel{display: block;padding: 5%;}
    .col-application-case .swiper-case .panel .pic{width: 100%;max-width:338px;margin:0 auto; }
    .col-application-case .swiper-case .panel .con{width: 100%;padding: 0;margin-top:20px;}

    .proshowcon .content table tr{font-size: 16px;}
}
@media (max-width: 400px){
    .news li,
    .col-page-product .pro li{width: 100%;}

}

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

.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;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f33{font-size: 33px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f40{font-size: 2.08vw;}
.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;}
    .f17{font-size: 15px;}
    .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;}
    .f40{font-size: 30px;}
    .f45{font-size: 30px;}
    .f48{font-size: 30px;}
    .f50{font-size: 35px;}
    .f55{font-size: 35px;}
}
@media (max-width: 991px){
    .f17{font-size: 14px;}
    .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;}
    .f40{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;}
}

@keyframes ProgressDots {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    100%{
        transform: scale(10);
        opacity: 0;
    }
}
@-webkit-keyframes ProgressDots {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    100%{
        transform: scale(10);
        opacity: 0;
    }
}
@-moz-keyframes ProgressDots {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    100%{
        transform: scale(10);
        opacity: 0;
    }
}
@-o-keyframes ProgressDots {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    100%{
        transform: scale(10);
        opacity: 0;
    }
}

.col-page-right{position: fixed;z-index: 9;right:3.125vw;top:50%;}
.col-page-right ul{}
.col-page-right ul li{width: 10px; height: 20px;font-size: 0;color: #004899;line-height: 20px; cursor: pointer; position: relative;margin-bottom: 10px;}
.col-page-right ul li span{display: block;position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #959595;left:50%;top:50%;transform: translate(-50%,-50%);}
.col-page-right ul li em{display: block;width: auto; position: absolute;right:20px;white-space:nowrap }
.col-page-right ul li:hover{font-size: 18px;}
.col-page-right ul li:hover span{width: 10px;height: 10px;background: #004899;}
.col-page-right ul li.on {font-size: 18px;}
.col-page-right ul li.on span{width: 10px;height: 10px;background: #004899;}