/*
首页模块命名规范：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: #1b284f; 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;line-height: 1.8;}
.container {width: 100%;max-width: 1440px;padding: 0;}
.container1{max-width: 1320px;}
.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;}
#page{padding-top: 0px; overflow: hidden;}
/*header*/
    header{width:100%; position: fixed; left: 0; top: 0; z-index:1001;}
    header h1{margin:0; padding: 0;font-size: 0;line-height: 80px;width: 15%;max-width: 192px;}
    header .container{position: relative;width: 1600px;max-width: 100%;padding: 0 2.08vw; background: #fff;border-radius: 40px; box-shadow: 0 0 10px rgba(0,0,0,.15);transition: 0.5s;}
    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-top: 4vh; transition: 0.5s; }
    .head.on{padding-top:1.5vh;}
    .nav ul li{float: left;margin-right: 3.38vw; line-height: 80px;position: relative;}
    .nav ul li a{color: #222;}
    .nav ul li a:hover{color: #1b284f;}
    .nav ul li.active a{font-weight: bold;color: #1b284f;}
    .nav ul ul{width:180px;position: absolute;left:50%;margin-left: -90px;padding: 10px 0;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.15);text-align: center;display: none;
        animation-duration: 0.6s;   
        -webkit-animation-duration: 0.6s;
    }
    .nav li li{margin:0;float: none; line-height: 1.66;}
    .nav li li a{display: block;padding: 5px; color: #333!important;font-weight: normal!important;}
    .nav li li a:hover{background: #1074c6;color: #fff!important;}
    .nav li li a:after{display: none;}
    .headPhone{padding-left: 1vw;position: relative; line-height: 80px; }
    .headPhone:before{content: '';height: 12px;border-right: 2px solid #cecece;position: absolute;left: -1px;top:50%;margin-top: -6px;}
    .headPhone a{color: #1b284f;}
    .language,
    .headSear{margin-right: 1vw;}
    .language{font-size: 12px;line-height: 80px;}
    .language a{color: #272636;}
    .headSear{height: 80px;line-height: 80px;}
    .headSear a{color: #000;}
/*header*/
/*footer*/
    .footer{ padding-top: 4vw; background: #0f1022; }
    .footNav{width: 60%;max-width: 720px;}
    .footNav ul{display: flex;justify-content: space-between;}
    .footNav li{padding:0 25px;margin-top: 2.86vw;}
    .footNav li h4{position: relative;line-height: 25px;margin-bottom: 0.78vw;}
    .footNav li h4:before{content: '';width: 8px;border-top:1px solid #fff;position: absolute;left: -25px;top:12px;}
    .footNav li h4 a{color: #fff;}
    .footNav li h4 a:hover{color: #227fd3;}
    .footNav li p a{color: #dfdfdf;}
    .footNav li p a:hover{color: #227fd3;}
    .footNav li:last-child{padding-right: 0;}
    .footCon{width: 40%;padding-left: 3vw;color: #fff; padding-top: 3.3vw;}
    .footCon p{margin-bottom: 8px;}
    .footCon p.tel{line-height: 1;}
    .social{margin-bottom: 1.82vw; display: none;}
    .social span{display: inline-block;width:50px;height:50px;text-align: center;line-height:50px;border-radius: 50%;background: #1c1e38;cursor: pointer;transition: 0.5s;margin-left: 8px;}
    .social span a{color: #c6c7cd;}
    .social span i{font-size: 24px;}
    .social span:hover{background: #227fd3;}
    .social span:hover a{color: #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;}
    .copy{padding-top: 1.3vw;padding-bottom: 1.3vw;margin-top: 1.5vw; border-top:1px solid #4b4b4b;}
    .copy p{color: #a2a2a2;}
    .copy p a{color: #a2a2a2;}
    .copy p a:hover{color: #fff;}
    .footLink{width: 100%;margin-top: 1.5vw;color: #999;}
    .footLink a{color: #999;}
    .footLink a:hover{color: #fff;}
/*footer*/
.col-title{color: #212121;}
.col-title h3{line-height: 1.3;}
.col-title h3 span{display: block;}
.col-title1{color: #1b284f;}
.col-title1 h3{line-height: 1.3;}
.col-title1 hr{width: 44px;margin:1.3vw 0 0;border-top:2px solid #1b284f;}
.col-title1.text-center hr{margin-left: auto;margin-right: auto;}
.col-title1.pre{position: relative;padding-left: 65px;}
.col-title1.pre hr{position: absolute;left: 0;top:50%;margin-top: -1px;}
.col-more a{display: inline-block;padding: 0.55vw 15px;min-width: 11.4vw; font-size: 14px;color: #fff;background: url(../images/more.jpg) center no-repeat;background-size: cover;line-height: 25px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{transition: 0.5s;opacity: 1;outline: none;}
/*-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;text-align: center;}
    /*index*/
    .banner-index .swiper-slide .pic:after{padding-bottom:48.4375%;}
    .banner-index .swiper-slide .content{padding-top: 100px;}
    .banner-index .swiper-slide .content h2,
    .banner-index .swiper-slide .content p{ text-shadow: 2.121px 2.121px 1px rgba( 0, 0, 0,0.16 );}
    .banner-index .swiper-slide .content h2{line-height: 1.2;}
    .banner-index .swiper-slide .content p{line-height: 1.8;}
    .banner-index .swiper-slide .content p.p1{line-height: 1.2;margin-top: 1vw;}
    .banner-index .swiper-slide .content p.p2{line-height: 1;margin-top: 1.45vw;}
    .banner-index .swiper-slide .content .col-more {margin: 3vw 0 2.86vw;text-shadow: none;}
    .banner-index .swiper-slide .content .content_nei{opacity: 0;transition:1s;transform: translateY(100px);}
    .banner-index .swiper-slide.swiper-slide-active .content_nei{opacity: 1;transform: translate(0);}
    .banner-index .swiper-banner .swiper-pagination{bottom:3vw;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet {width:1.82vw;height:3px;margin:0 2px;background:rgba(255,255,255,0.29);border-radius: 0;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet-active{width: 3.22vw; background: #1b284f;}
    .banner-index .swiper-banner.swiper-no-swiping .swiper-pagination{display: none;}
    /*page*/
    .banner-page .swiper-slide .pic:after{padding-bottom:28.645%;}
    .banner-page .swiper-slide .content{padding-top: 84px;}
    .banner-page .swiper-slide .content h2{line-height: 1.2;font-weight: bold;text-shadow: 2.121px 2.121px 1px rgba( 0, 0, 0,0.16 );}
    @media (max-width: 991px) {
        .banner{margin-top: 55px;}
        .banner .swiper-slide .content{padding-top:0;}
        .banner-index .swiper-slide .content p.p1{margin-top: 10px;}
        .banner-index .swiper-slide .content p.p2{margin-top: 14px;}
        .banner-index .swiper-slide .content .col-more {margin: 30px 0 28px;}
        .banner-index .swiper-banner .swiper-pagination{bottom:25px;}
        .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet{width: 15px;margin:0 3px;}
        .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet-active{width: 25px;}
    }
    @media (max-width: 767px) {
        .banner .pic{display: none;}
        .banner-index .swiper-banner .swiper-slide{height: 370px;}
        .banner-page .swiper-banner .swiper-slide{height: 220px;}
    }
/*-banner-*/
/*index about*/
    .col-index-about{padding-top:8%;padding-bottom:8%;}
    .col-index-about .col-title{width: 34%;padding-right: 4vw;}
    .col-index-about .col-title p{line-height:20px;position: relative;padding-left: 52px;}
    .col-index-about .col-title p:before{content: '';width: 44px;border-top:2px solid #000;position: absolute;left: 0;top:9px;}
    .col-index-about .col-title a{display: inline-block;min-width: 9.68vw;margin-top: 3.64vw; padding: 0.55vw 1.4vw;padding-right: 2vw; line-height: 25px;border:1px solid #828282;position: relative;color: #212121;}
    .col-index-about .col-title a i{position: absolute;right:0.78vw;top:50%;margin-top: -9px; line-height: 1; }
    .col-index-about .col-title a:hover{ background: #227fd3;border-color: #227fd3;color: #fff; }
    .col-index-about .content{width: 65%;color: #212121;}
    .col-index-about .content p.p1{margin-bottom: 1vw;}
    .col-index-about .content ul{display: flex;justify-content: space-between;padding-top: 1.5vw;}
    .col-index-about .content ul li{width: 16.3%;margin-right:11.6%;margin-top: 1.5vw; padding: 1.56vw 0; position: relative; border:1px solid #e7e7e7;text-align: center;color: #227fd3;font-weight: bold; }
    .col-index-about .content ul li p.num{line-height: 0.8;}
    .col-index-about .content ul li p.num span.countup{}
    .col-index-about .content ul li p.num em{font-weight: normal;position: relative;top:-0.8vw;}
    .col-index-about .content ul li:last-child{margin-right: 0;}
    .col-index-about .content ul li .jia{width: 15px;height: 15px;position: absolute;}
    .col-index-about .content ul li .jia:before{content: '';width: 100%;position:absolute;left:0;top:7px;border-top: 1px solid #227fd3;}
    .col-index-about .content ul li .jia:after{content: '';height:100%;position:absolute;left:7px;top:0;border-right: 1px solid #227fd3;}
    .col-index-about .content ul li .jia1{left:-8px;top:-8px;}
    .col-index-about .content ul li .jia2{right:-8px;top:-8px;}
    .col-index-about .content ul li .jia3{left:-8px;bottom:-8px;}
    .col-index-about .content ul li .jia4{right:-8px;bottom:-8px;}
/*index about*/
/*index product*/
    .col-index-product{padding-top: 8%;padding-bottom: 8%;}
    .col-index-product .col-title h3 span{margin-top: 5px;}
    .col-index-product .list{padding-top:2.5vw; }
    .col-index-product .list ul{margin:0 -0.52vw; display: flex;flex-wrap: wrap;}
    .col-index-product .list li{padding: 0 0.52vw;margin-top: 1.04vw;}
    .col-index-product .list li .pic{ height: 100%;border-radius: 10px;box-shadow: 7.071px 7.071px 8px 0px rgba( 0, 0, 0,0.17 );cursor: pointer;}
    .col-index-product .list li .pic:after{padding-bottom: 66.66%;}
    .col-index-product .list li .pic .bg{transition: 0.5s;}
    .col-index-product .list li .pic .text{padding: 1.82vw 2vw 6vw; color: #fff;z-index: 2;}
    .col-index-product .list li .pic .text h4{color: #1b284f;line-height: 1.3;transition: 0.5s;}
    .col-index-product .list li .pic .text h4 span{display: block;margin-bottom: 5px;}
    .col-index-product .list li .pic .text hr{margin:8px 0 0;border-color: rgba(27,40,79,0.2);transition: 0.5s;}
    .col-index-product .list li .pic .text a.more{display: block;position: absolute;left:2vw;bottom: 1.82vw; padding-left: 30px;padding-right: 23px; line-height: 28px; border:2px solid #227fd3;color: #fff;border-radius: 16px;background: #227fd3;}
    .col-index-product .list li .pic .text a.more:before{content: '';display: block;width: 7px;height: 7px;border-radius: 50%;background: #fff;position: absolute;left: 12px;top:50%;margin-top: -4px;}
    .col-index-product .list li .pic.on h4{color: #fff;}
    .col-index-product .list li .pic.on hr{border-color: #fff;}
    .col-index-product .list li .pic.on a.more{color: #fff;border-color: #fff;background:none;}
    .col-index-product .list li .pic1 .bg{background: rgba(255,255,255,0.5);}
    .col-index-product .list li .pic1.on .bg{background:none;}
    .col-index-product .list li .pic2.on .bg,
    .col-index-product .list li .pic3.on .bg{background: rgba(16,115,204,0.75);}
/*index product*/
/*index idea*/
    .col-company-idea{padding-top: 12%;padding-bottom: 12%; color: #fff; }
    .col-company-idea ul{margin:0 -3.8vw;}
    .col-company-idea ul:after{clear:both;display:table;content:" ";}
    .col-company-idea ul li{width: 33.33%;padding: 0 3.8vw; float: left;}
    .col-company-idea ul li img{height: 2.96vw;max-height: 57px;min-height: 30px;}
    .col-company-idea ul li h3{line-height: 1.3;margin-top: 1.82vw;}
    .col-company-idea ul li hr{margin:1.82vw auto 1.56vw;width: 3.48vw;max-width: 67px;min-width: 35px; border-top:2px solid #227fd3;}
/*index idea*/
/*index partner*/
    .col-index-partner{padding-top: 7%;padding-bottom: 7%;}
    .col-index-partner .col-title h4{margin-top: 10px;line-height: 1.3;}
    .col-index-partner .content{ margin-top: 2vw; color: #555; }
    .col-index-partner .content p{line-height: 1.33;}
    .col-index-partner .content p.p1{ margin-bottom: 1.3vw; }
    .col-index-partner .content hr{ width:4.16vw;max-width: 80px;min-width: 40px; margin:2vw auto;border-color: #2380d4; }
    .col-index-partner .list h4{line-height: 1.3;color: #333;}
    .col-index-partner .list .swiper-partner{margin-top: 1.85vw;}
    .col-index-partner .list .pic:after{padding-bottom: 27.27%;}
/*index partner*/
/*index news*/
    .news li .panel{padding: 0 2.5vw; height: 100%;cursor: pointer;transition: 0.5s;}
    .news li .date{color: #959595;line-height: 1.1;}
    .news li .date span{display: block;}
    .news li h4{margin-top: 2vw; line-height: 1.5em;height: 3em;overflow: hidden;color: #333; }
    .news li h4 a{color: #333;}
    .news li h4 a:hover{color: #2682d6;}
    .news li p{margin-top: 1vw; line-height: 1.6em;height: 4.8em;overflow: hidden;color: #565656; }
    .news li .pic{margin-top: 2vw; display: none;}
    .news li .pic:after{padding-bottom: 59.34%;}
    .news li a.more{display: inline-block;margin-top: 3vw; color: #333; }
    .news li .panel:hover a.more{color: #2682d6;}
    .col-index-news{padding-top:2px; background: #f7f7f7;}
    .col-index-news .container{display: flex;}
    .col-index-newsl{width: 20.416%;padding:3.9vw 2.44vw;background: #fff;}
    .col-index-newsl ul{padding-top: 1vw;}
    .col-index-newsl ul li{margin-top: 5px;}
    .col-index-newsl ul li a{display: inline-block;line-height: 30px;padding: 0 15px;color: #333;background: #fff;border-radius: 15px;}
    .col-index-newsl ul li a:hover{color: #fff;background: #227fd3;}
    .col-index-newsr{width: 79.584%;padding-left: 1px;}
    .col-index-newsr .news{height: 100%;}
    .col-index-newsr .news li{height: 100%;}
    .col-index-newsr .news li .panel{padding-top: 3.38vw;padding-bottom: 3.38vw; }
    .col-index-newsr .news li .panel:after{content: '';width: 0;border-top:5px solid #2682d6;position: absolute;left: 0;bottom: 0;transition: 0.5s;}
    .col-index-newsr .news li .panel:hover{background:#f7f7f7; }
    .col-index-newsr .news li .panel:hover:after{width: 100%;}
    .col-index-newsr .swiper-container{position: static;}
    .col-index-newsr .button{position: absolute;left: 2.44vw;bottom:4.94vw;color: #b7b7b7;}
    .col-index-newsr .swiper-pagination{margin-bottom: 10px; font-size: 18px;text-align: left; position: static;outline: none;line-height: 1; }
    .col-index-newsr .swiper-pagination .swiper-pagination-total{font-weight: bold;}
    .col-index-newsr .swiper-pagination .swiper-pagination-current{font-size: 30px;color: #333;font-weight: bold;}
    .col-index-newsr .swiper-button-prev,
    .col-index-newsr .swiper-button-next{display: block;float: left;width: auto;height: auto;margin:0;background: none;position: static;opacity: 1!important;outline: none;margin-right: 2vw;}
    .col-index-newsr .swiper-button-next{transform: rotateY(180deg);}
    .col-index-newsr .swiper-button-prev i,
    .col-index-newsr .swiper-button-next i{display: block;cursor: pointer;transition: 0.5s;}
    .col-index-newsr .swiper-button-prev i:hover,
    .col-index-newsr .swiper-button-next i:hover{color: #227fd3;}
/*index news*/
/*news*/
    .col-news-top{padding-top: 5.5%;padding-bottom: 5.5%; background: #f4f7fa; }
    .newsBox{display: flex;flex-wrap: wrap;align-items: center;}
    .newsBox .img{padding: 0;padding-right: 2.76vw;}
    .newsBox .pic:after{padding-bottom: 66.72%;}
    .newsBox .content{padding: 0;padding-left: 2.76vw;}
    .newsBox .content .date{margin-top: 1.3vw; color: #959595;line-height: 1.1;}
    .newsBox .content .date span{display: block;}
    .newsBox .content h4{margin-top: 1vw;line-height: 1.3; color: #333; }
    .newsBox .content h4 a{color: #333;}
    .newsBox .content h4 a:hover{color: #2682d6;}
    .newsBox .content p{margin-top: 1vw; line-height: 1.8em;height: 5.4em;overflow: hidden;color: #565656; }
    .newsBox .content a.more{display: inline-block; margin-top: 1.3vw; color: #1b284f;}
    .newsBox .content a.more img{margin-right: 0.78vw;position: relative;top:-2px;}
    .col-page-news{padding-top: 5.2%;padding-bottom: 4%;}
    .col-page-news .news{overflow: hidden;}
    .col-page-news .news ul{margin:0 -2.5vw;margin-top: -3vw;}
    .col-page-news .news li{padding:0 2.5vw;margin-top:6vw;position: relative; border-right: 1px solid #f1f1f1;}
    .col-page-news .news li .panel{padding: 0;}
    .col-page-news .news li .xian{width: 100%;height: 1px; padding: 0 20px;position: absolute;left: 0;bottom: -3vw;}
    .col-page-news .news li .xian:before{content: '';display: block; width: 100%;border-top:1px solid #f1f1f1;}
    .col-page-news .news li .jia{width: 15px;height: 15px;position: absolute;right:-7px;bottom:-3vw;margin-bottom: -7px;}
    .col-page-news .news li .jia:before{content: '';width: 15px;border-top:1px solid #4392da;position: absolute;left: 0;top:7px;}
    .col-page-news .news li .jia:after{content: '';height: 15px;border-left:1px solid #4392da;position: absolute;left: 7px;top:0;}
    /*newshow*/
    .newshow{padding: 5.2vw 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.6;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: #999;
      line-height: 25px;
      transition: 0.3s;
    }
    .prev-next a b {
      color: #666;
    }
    .prev-next a:hover {
      color: #227fd3;
    }
    .prev-next a.prev {
      border-bottom: 1px dashed #d4d4d4;
    }
/*news*/
/*about*/
    .col-page-about{padding-top: 8%;padding-bottom: 8%;}
    .col-page-about .flex{display: flex;align-items: center;}
    .col-page-about .content{width: 58.40%;padding-right: 6vw;color: #333;}
    .col-page-about .content .desc{margin: 1.56vw 0; line-height: 1.3;}
    .col-page-about .content .con .col-title1{margin-top: 3.38vw;}
    .col-page-about .content .con h3{font-weight: bold;}
    .col-page-about .content .con hr{margin-top: 10px;}
    .col-page-about .content .con ul{display: flex;text-align: center;}
    .col-page-about .content .con ul li{width: 33.33%;padding: 1.3vw;margin-top: 1.56vw; margin-left: 3px;margin-right: 11px; border:1px solid #c1c5cf;font-weight: bold;display: flex;align-items: center;position: relative;}
    .col-page-about .content .con ul li p{width: 100%;}
    .col-page-about .content .con ul li .jia{width: 8px;height: 8px;background: #c5c5c5;position: absolute;}
    .col-page-about .content .con ul li .jia1{left: -4px;top:-4px;}
    .col-page-about .content .con ul li .jia2{right: -4px;top:-4px;}
    .col-page-about .content .con ul li .jia3{left: -4px;bottom:-4px;}
    .col-page-about .content .con ul li .jia4{right: -4px;bottom:-4px;}
    .col-page-about .img{width: 41.59%;}
    .col-about-number{padding-top: 8%;padding-bottom: 8%; color: #fff; }
    .col-about-number ul{display: flex;}
    .col-about-number ul li{width: 25%;}
    .col-about-number ul li img{height: 3.64vw;max-height: 70px;min-height: 35px;}
    .col-about-number ul li hr{width:2.55vw;max-width: 49px;min-width: 25px;margin:1.45vw auto 1.35vw;border-top: 1px solid #fff; }
    .col-about-number ul li .flex{display: flex;justify-content: center;}
    .col-about-number ul li p{line-height: 0.8;}
    .col-about-number ul li .number{}
    .col-about-number ul li .number em{position: relative;top:-1.3vw;}
    .col-about-number ul li .dw{font-weight: bold;}
    .col-about-number ul li .tit{display: block;margin-top:10px; line-height: 1.6;}
    /*honor*/
    .col-about-honor{ padding-top: 5.5%;padding-bottom: 5.5%; background: #f4f7fa; }
    .col-about-honor .swiper-honor{margin-top: 2.5vw;}
    .col-about-honor .swiper-honor .pic:after{padding-bottom: 70%;}
    .col-about-honor .swiper-honor .pic img{transition: 0.5s;}
    .col-about-honor .swiper-honor .pic:hover img{transform: scale(1.05);}
    /*history*/
    .col-about-history{padding-top: 5.5%;padding-bottom: 5.5%;}
    .his{display: flex;}
    .his .year{width: 44%;padding-right: 5.5vw; float: left;text-align: right;color: #1b80dc;line-height:60px;}
    .his .cont{width: 56%;padding:10px 0 3vw 5.5vw;min-height: 7.7vw; position: relative; float: left;color: #151515;}
    .his .cont:before{content: '';height:100%;border-left:1px solid #a8cff2;position: absolute;left: 0;top:30px;}
    .his .cont img{position: absolute;left: -29px;top:0;}
    .his:last-child .cont{min-height: auto;padding-bottom: 0;}
    .his:last-child .cont:before{display: none;}
    .his.his-title .cont{color: #1b284f;}
/*about*/
/*bottom*/
    .col-bottom{display: flex;}
    .col-bottom .content{width: 100%;}
    .col-bottom .content div{padding-left: 60px;}
    .col-bottom .content div img{position: absolute;left: 0;top:0;}
    .col-bottom .content p{line-height: 1.1;margin-bottom: 8px;}
    .col-bottom .content a:hover{text-decoration: underline;}
    .col-bottoml{width: 39.79%;padding: 2.34vw 0;padding-left: 4.5vw; background: #f9f9f9;}
    .col-bottoml .content{max-width: 470px;padding-right: 3vw;}
    .col-bottoml .content p{color: #212121;}
    .col-bottoml .content a{color: #212121;}
    .col-bottomr{width: 60.21%;padding: 2.34vw 0;padding-right: 4.5vw;}
    .col-bottomr .content{max-width: 850px;padding-left: 10vw;}
    .col-bottomr .content p{color: #fff;}
    .col-bottomr .content a{color: #fff;}
/*bottom*/
/*application*/
    .col-page-applica1,
    .col-page-applica2{padding-top: 7%;padding-bottom: 7%;color: #242424;}
    .col-page-applica1 p,
    .col-page-applica2 p{line-height: 2;}
    .col-page-applica1{ background: #f4f7fa; }
    .col-page-applica1 .flex{display: flex;flex-wrap: wrap;align-items: center;}
    .col-page-applica1 .pic{padding: 0;}
    .col-page-applica1 .content{padding: 0;padding-left: 4vw;}
    .col-page-applica1 .col-title1,
    .col-page-applica2 .col-title1{margin-bottom: 1.56vw;}
    .col-page-applica2 .content h3{margin:1.56vw 0 2vw;}
    .col-page-applica2 .content table{width: 100%;}
    .col-page-applica2 .content table tr td{width: 50%;line-height: 2;padding-bottom: 2.5vw;}
    .col-page-applica2 .content table tr td:first-child{padding-right: 2vw;}
    .col-page-applica2 .content table tr td:last-child{padding-left: 2vw;}
    .col-page-applica2 .content table tr:last-child td{padding-top: 3vw;border-top:1px solid #dbdbdb;}
    .col-page-applica2 .content table strong{font-size: 14px;}
    .col-page-applica2 .content table img{margin-bottom: 1vw;}
/*application*/
/*product*/
    .product{display: flex;flex-wrap: wrap;align-items: center;}
    .product .img{padding: 0;}
    .product .img img{box-shadow: 7.071px 7.071px 8px 0px rgba( 0, 0, 0,0.17 );}
    .product .content{padding: 0;}
    .product .content h3{line-height: 1.3;color: #333;}
    .product .content hr{margin:1.56vw 0 0;border-color: #c9c9c9;}
    .product .content ul{max-width: 360px;padding-top: 0.78vw;}
    .product .content li{position: relative;padding-left: 25px;padding-right: 120px;margin-top: 1vw; line-height: 26px;font-size: 14px;}
    .product .content li a{color: #333;}
    .product .content li span.jia{display: block;width: 25px; position: absolute;left: 0;top:0;}
    .product .content li span.more{display: block;width: 105px;text-align: center; color: #1b80dc;border:1px solid #1b80dc;line-height: 24px;position: absolute;right: 0;top:0;border-radius: 13px;transition: 0.5s;}
    .product .content li span.more:hover{background: #1b80dc;color: #fff;}
    .product .content .down{margin-top: 3vw;}
    .product .content .down a{display: inline-block;padding-left: 40px;position: relative; color: #333;line-height: 25px;}
    .product .content .down a:before{content: '\e666';position: absolute;left: 0;top:0;color: #227fd3;font-family: 'iconfont';font-size: 25px;line-height: 1;}
    .product .content .down a:hover{color: #227fd3;}
    .product1 .img{padding-right: 2.86vw;}
    .product1 .content{padding-left: 2.86vw;}
    .product0{flex-direction:row-reverse;}
    .product0 .img{padding-left: 2.86vw;}
    .product0 .content{padding-right: 2.86vw;}
    .col-page-product{ padding-top: 6%;padding-bottom: 6%; background: #f4f7fa; }
    .col-page-product2{ background: url(../images/probg.jpg) center no-repeat;background-size: cover; }
    /*proshow*/
    .col-prodet,
    .col-prodet-content{padding-top: 5.5%;padding-bottom: 5.5%;}
    .col-prodet{background: #f4f7fa;}
    .pro_show .img{width: 45.75%;margin-top: 3.9vw;}
    .pro_show .img img{box-shadow: 7.071px 7.071px 8px 0px rgba( 0, 0, 0,0.17 );}
    .pro_show .content{width: 54.25%;padding-left: 5.2vw;margin-top: 3.9vw; color: #333;}
    .pro_show .content h1{line-height: 1.2;margin-bottom: 3vw;}
    .pro_show .content p{line-height: 2;}
/*product*/
/*job*/
    .col-job-top{padding-top: 5.2%;padding-bottom: 5.2%; background: #f4f7fa; }
    .col-job-top .content{ color: #333; }
    .col-job-top .content ul{display: flex;}
    .col-job-top .content li{width: 33.33%;margin-right: 1.3vw;margin-top: 3.125vw; padding: 1.5vw 2vw; background: #fff;box-shadow: 7.071px 7.071px 8px 0px rgba( 0, 0, 0,0.17 );border-radius: 10px;}
    .col-job-top .content li img{height: 3.07vw;max-height: 59px;min-height: 30px;}
    .col-job-top .content li h3{margin: 1vw 0;padding-bottom: 0.78vw; font-weight: bold;color: #227fd3;border-bottom: 1px solid #227fd3;}
    .col-job-top .content li h4{font-weight: bold;line-height: 1.3;}
    .col-job-top .content li:last-child{margin-right: 0;}
    .col-job-zpxx{padding-top: 5.2%;padding-bottom: 5.2%;}
    .col-job-zpxx .container{max-width: 1246px;}
    .col-job-zpxx ul{position: relative;margin-top: 2.6vw;}
    .col-job-zpxx ul li{float: left;color: #333;}
    .col-job-zpxx ul li.li1{width: 55.85%;position: relative;z-index: 2;}
    .col-job-zpxx ul li.li2{width: 52.88%;position: absolute;right: 0;top:0;z-index: 1;text-align: right;}
    .col-job-zpxx ul li h3{margin:2vw 0 10px;line-height: 1.3;}
    .col-job-zpxx ul li p{max-width: 380px;}
    .col-job-zpxx ul li.li2 p{margin-right: 0;margin-left: auto;}
    .col-job-zpxx ul li a{display: inline-block;margin-top: 15px; color: #1b7ecf;}
    .col-job-zyfz{padding-top: 5.2%;padding-bottom: 7.8%;}
    .col-job-zyfz .content ul{display: flex;justify-content: center;}
    .col-job-zyfz .content li{width: 18.22vw;height: 18.22vw;margin:3.95vw 1.82vw 0;border-radius: 50%;display: flex;align-items: center;color: #fff;background: rgba(27,126,207,0.92);}
    .col-job-zyfz .content li p{width: 100%; line-height: 1.3;}
    .col-job-xcfl{padding-top: 5.2%;padding-bottom: 5.2%;background: #f4f7fa;}
    .col-job-xcfl .content{max-width: 1280px;margin:0 auto;color: #333;padding-top: 2vw;}
    .col-job-xcfl .content ul{display: flex;flex-wrap: wrap;margin:0 -3.59vw;}
    .col-job-xcfl .content li{width: 50%;padding: 0 3.59vw;margin-top: 2vw;}
    .col-job-xcfl .content li img{margin-bottom: 1.82vw;opacity: 0.8;transition: 0.5s;cursor: pointer;}
    .col-job-xcfl .content li img:hover{opacity: 1;}
    .col-job-xcfl .content li h3{margin-bottom: 5px; line-height: 1.3;font-weight: bold;}
    .col-job-xcfl .content li p{line-height: 1.6;}
    .col-page-job{padding-top: 5.2%;padding-bottom: 4vw; background: #f4f7fa;}
    .job{padding-top: 1vw;}
    .job ul li{margin-top: 1.25vw; padding: 0 2.6vw; border:1px solid #ddd;background: #fff; }
    .job ul li .jobtit{padding: 1vw 0;position: relative; line-height: 25px;color: #1b284f;cursor: pointer; }
    .job ul li .jobtit .jia{width: 9px;height: 9px;position: absolute;right: 0;top:1vw;margin-top:8px; }
    .job ul li .jobtit .jia span{display: block;position: absolute;}
    .job ul li .jobtit .jia span.span1{width: 9px;border-top:1px solid #b0b2b7;left: 0;top:4px; }
    .job ul li .jobtit .jia span.span2{height: 9px;border-right:1px solid #b0b2b7;left: 4px;top:0; }
    .job ul li .jobcon {display: none;}
    .job ul li .jobcon .panel{padding-bottom:1.56vw;color: #333; }
    .job ul li.active .jobtit .jia span{border-color: #227fd3;}
    .job ul li.active .jobtit .jia span.span2{transform: rotate(90deg);}
    .job ul li.active .jobcon {display: block;}
    .col-common-problem{padding-top: 4.68%;padding-bottom: 4.68%;}
    .col-common-problem .content{color: #333;}
    .col-common-problem .content ul{}
    .col-common-problem .content li{margin-top: 2.34vw;}
/*job*/
/*contact*/
    .col-page-contact{padding-top: 7%;padding-bottom: 7%; background: #f8f9fc;}
    .col-page-contact .col-title1{padding: 0;}
    .col-page-contact .col-title1 div{width: 100%; max-width: 480px;padding-right: 3vw;}
    .contact{padding: 0;color: #212121;}
    .contact li{position: relative;padding-left: 118px;margin-bottom:2.34vw; }
    .contact li:before{content: '';width: 36px;border-top:1px solid #aaa;position: absolute;left:52px;top:9px;}
    .contact li p{line-height: 1;}
    .contact li img{position: absolute;left: 0;top:1px;}
    .contact li h4{line-height:1.3;margin-bottom: 5px;}
    .contact li .address{line-height: 1.5;}
    .contact li:last-child{margin-bottom: 0;}
    .col-contact-message{display: flex;flex-wrap: wrap;}
    .col-contact-message #ab2{position: absolute;left: 0;top:-5.5vw;}
    .col-map{padding: 0;}
    /*message*/
    .col-message{padding: 0;padding-right: 3vw;}
    .col-message .panel{max-width: 720px;padding:2.5vw 3vw;padding-right: 0;}
    .message{padding-top: 1.56vw;}
    .message ul{margin:0 -0.78vw;margin-top: -2vw;}
    .message li{padding: 0 0.78vw;position: relative;margin-top: 2vw;}
    .message li input,
    .message li textarea{display: block;float: left;width: 100%;padding-left:35px; height:50px;line-height:49px; border:0;border-bottom:1px solid #cdcdcd;outline: none;background: none;}
    .message li textarea{padding-top: 13px;height: 5.1vw;max-height:98px;min-height:60px;line-height: 1.8;}
    .message li.li_3,
    .message li.li3{width: 100%;}
    .message li.li4 img{margin-left: 10px;}
    .message li.li4 input,
    .message li.sub input{width: 40%;max-width: 190px;}
    .message li.sub input{padding-left: 0; color: #232323;border:1px solid #cdcdcd;transition: 0.5s;}
    .message li.sub input:hover{background: #227fd3;border-color: #227fd3;color: #fff;}
    .message li:before{content: '';font-family: 'iconfont';font-size: 20px; position: absolute;left:0.78vw;top:0;line-height: 48px;}
    .message li.li_1:before{content: '\e6ce';}
    .message li.li_2:before{content: '\e669';font-size: 22px;}
    .message li.li_3:before{content: '\e6ab';font-size: 24px;}
    .message li.li_4:before{content: '\e6c4';font-size:30px;left:0.5vw;} 
/*contact*/
/*page*/
    .page { text-align: center;margin-top:4vw;}
    .page ul{margin:0;}
    .page li {  display: inline;}
    .page li a{
      font-family: 'Arial';
      border-radius: 2px!important;
      background: none!important;
      padding: 2px 9px;
      margin: 0 3px;
      display: inline;
      margin-bottom:0px;
      color:#6d6d6d;
      border:0!important;
    }
    .page li a:hover,
    .page li.active a {
      background: #1074c6!important;
      color: #fff;
    }
    .page li.bgnone a{
      background: none;
    }
    .page li.bgnone a:hover {
      color: #2d2e66;
    }
    @media (max-width: 991px) {
        .page{margin-top: 40px;}
        .page li a{ }
    }
/*page*/
/*other*/
    #gotoTop{
        display: block;
        z-index: 299;
        position: fixed;
        width: 40px;
        height: 40px;
        background: 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: #227fd3;
    }
    .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*/
/*站内搜索*/
    .goomay-keywords-light{ background: #dc3545 !important; color:#ffffff !important;}
    #search{ min-height: 500px; padding-top:5.5vw;padding-bottom:5.5vw;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;}
    }
/*站内搜索*/
@media (max-width: 1630px){
    .head{padding-left: 15px;padding-right: 15px;}
}
@media (max-width: 1400px){}
/*手机版菜单*/
@media screen and (max-width: 991px)  {
    header h1{width: auto;height: 55px;line-height: 55px;}
    header .container{padding:0 15px;border-radius: 0;}
    .head,
    .head.on{padding:0;}
    #header a.mm_btn {background: center center no-repeat #1b284f;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-title1 hr{width: 24px;margin:13px 0 0;}
    .col-title1.pre{position: relative;padding-left: 45px;}
    .col-more a{padding: 5px 15px;min-width: 100px;}
/*footer*/
    .footer{ padding-top:50px;text-align: center;}
    .footNav{width: 100%;max-width: none;}
    .footCon{width:100%;padding-left:0;text-align: center;margin-top: 30px;}
    .social{margin-bottom: 20px;}
    .social span{width:40px;height:40px;line-height:40px;margin:0 4px;}
    .social span i{font-size: 20px;}
    .copy{padding-top: 15px;padding-bottom: 15px;margin-top: 15px;}
    .footLink{margin-top:15px;}
/*footer*/
/*index about*/
    .col-index-about{padding-top:70px;padding-bottom:70px;}
    .col-index-about .col-title{width: 100%;padding-right: 0;}
    .col-index-about .col-title p{padding-left: 32px;}
    .col-index-about .col-title p:before{width: 24px;}
    .col-index-about .col-title a{margin-top:30px; padding: 5px 15px;padding-right: 20px;}
    .col-index-about .col-title a i{right:7px;}
    .col-index-about .content{width: 100%;margin-top: 30px;}
    .col-index-about .content p.p1{margin-bottom: 10px;}
    .col-index-about .content ul{padding-top: 15px;}
    .col-index-about .content ul li{width: 25%;margin-right:5vw;margin-top: 15px; padding: 15px 0;}
    .col-index-about .content ul li p.num em{top:-4px;}
    .col-index-about .content ul li:last-child{margin-right: 0;}
/*index about*/
/*index product*/
    .col-index-product{padding-top: 70px;padding-bottom: 70px;}
    .col-index-product .list{padding-top:25px; }
    .col-index-product .list ul{margin:0 -5px;}
    .col-index-product .list li{padding: 0 5px;margin-top: 10px;}
    .col-index-product .list li .pic{ border-radius: 5px;max-height: 310px;}
    .col-index-product .list li .pic .text{padding: 20px 20px 60px;}
    .col-index-product .list li .pic .text a.more{left:20px;bottom:20px;}
/*index product*/
/*index idea*/
    .col-company-idea{padding-top: 100px;padding-bottom: 100px;}
    .col-company-idea ul{margin-top: -30px;}
    .col-company-idea ul li{width: 100%;margin-top: 30px;}
    .col-company-idea ul li h3{margin-top: 18px;}
    .col-company-idea ul li hr{margin:18px auto 15px;}
/*index idea*/
/*index partner*/
    .col-index-partner{padding-top: 70px;padding-bottom: 70px;}
    .col-index-partner .content{ margin-top: 20px;}
    .col-index-partner .content p.p1{ margin-bottom: 13px; }
    .col-index-partner .content hr{ margin:20px auto;}
    .col-index-partner .list .swiper-partner{margin-top: 20px;}
/*index partner*/
/*index news*/
    .news li .panel{padding: 0 15px;}
    .news li h4{margin-top: 20px;}
    .news li p{margin-top: 10px;}
    .news li .pic{margin-top: 20px;}
    .news li a.more{margin-top: 30px;}
    .col-index-news{padding-top:2px; background: #f7f7f7;}
    .col-index-news .container{flex-wrap: wrap;}
    .col-index-newsl{width: 100%;padding:40px 15px;height:250px;}
    .col-index-newsl ul{padding-top: 10px;}
    .col-index-newsl ul li{float: left;}
    .col-index-newsr{width: 100%;margin-top: 1px;padding-left: 0;}
    .col-index-newsr .news li .panel{padding-top:30px;padding-bottom:30px; }
    .col-index-newsr .news li .panel:after{border-top:3px solid #2682d6;}
    .col-index-newsr .button{left: 15px;bottom:auto;top:150px;}
    .col-index-newsr .swiper-pagination{font-size: 15px; }
    .col-index-newsr .swiper-pagination .swiper-pagination-current{font-size: 22px;}
    .col-index-newsr .swiper-button-prev,
    .col-index-newsr .swiper-button-next{margin-right:10px;}
/*index news*/
/*news*/
    .col-news-top{padding-top: 55px;padding-bottom: 55px;}
    .newsBox .img{padding: 0;}
    .newsBox .img img{width: 100%;}
    .newsBox .content{padding: 0;margin-top: 25px;}
    .newsBox .content .date{margin-top: 13px;}
    .newsBox .content h4{margin-top: 10px; }
    .newsBox .content p{margin-top: 10px;}
    .newsBox .content a.more{margin-top: 13px;}
    .newsBox .content a.more img{margin-right:7px;}
    .col-page-news{padding-top: 55px;padding-bottom: 40px;}
    .col-page-news .news ul{margin:0 -15px;margin-top: -30px;}
    .col-page-news .news li{padding:0 15px;margin-top:60px;}
    .col-page-news .news li .xian{bottom: -30px;}
    .col-page-news .news li .jia{bottom:-30px;}
    /*newshow*/
    .newshow{padding: 55px 0;}
/*news*/
/*about*/
    .col-page-about{padding-top:60px;padding-bottom:60px;}
    .col-page-about .flex{flex-wrap: wrap;}
    .col-page-about .content{width:100%;padding-right:0;}
    .col-page-about .content .desc{margin:15px 0;}
    .col-page-about .content .con .col-title1{margin-top: 33px;}
    .col-page-about .content .con ul{display: flex;text-align: center;}
    .col-page-about .content .con ul li{margin-top:15px;}
    .col-page-about .img{width: 100%;text-align: center;margin-top: 40px;}
    .col-about-number{padding-top:60px;padding-bottom:60px;}
    .col-about-number ul li hr{margin:15px auto 13px;}
    .col-about-number ul li .number em{top:-10px;}
    .col-about-number ul li .dw{font-size: 17px;}
    /*honor*/
    .col-about-honor{ padding-top:55px;padding-bottom:55px;}
    .col-about-honor .swiper-honor{margin-top: 25px;}
    /*history*/
    .col-about-history{padding-top: 55px;padding-bottom: 55px;}
    .his{display: flex;}
    .his .year{width:100px;padding-right:0;text-align: left;line-height:30px;}
    .his .cont{width:100%;padding:0 0 30px 25px;min-height: 77px;}
    .his .cont:before{top:15px;}
    .his .cont img{width: 30px;left: -14px;}
/*about*/
/*bottom*/
    .col-bottoml{padding: 25px 0;padding-left: 4.5vw;}
    .col-bottoml .content{max-width: none;}
    .col-bottomr{padding: 25px 0;padding-right: 4.5vw;}
    .col-bottomr .content{max-width: none;}
/*bottom*/
/*application*/
    .col-page-applica1,
    .col-page-applica2{padding-top: 55px;padding-bottom: 55px;}
    .col-page-applica1 p,
    .col-page-applica2 p{line-height: 1.8;}
    .col-page-applica1 .content{padding: 0;margin-top: 25px;}
    .col-page-applica1 .col-title1,
    .col-page-applica2 .col-title1{margin-bottom: 15px;}
    .col-page-applica2 .content h3{margin:15px 0 20px;}
    .col-page-applica2 .content table{display: block;}
    .col-page-applica2 .content table tr td{display: block;width: 100%;line-height:1.8;padding-bottom:25px;}
    .col-page-applica2 .content table tr td:first-child{padding-right:0;}
    .col-page-applica2 .content table tr td:last-child{padding-left:0;}
    .col-page-applica2 .content table tr:last-child td{padding-top:30px;}
    .col-page-applica2 .content table img{margin-bottom: 10px;}
/*application*/
/*product*/
    .product .content{margin-top: 30px;}
    .product .content hr{margin:15px 0 0;}
    .product .content ul{padding-top: 7px;}
    .product .content li{padding-left:20px;margin-top: 10px;}
    .product .content li span.jia{width:20px;}
    .product .content .down{margin-top: 30px;}
    .product .content .down a{padding-left: 30px;}
    .product .content .down a:before{font-size: 20px;top:3px;}
    .product1 .img{padding-right:0;}
    .product1 .content{padding-left:0;}
    .product0 .img{padding-left: 0;}
    .product0 .content{padding-right:0;}
    .col-page-product{ padding-top:60px;padding-bottom:60px;}
    /*proshow*/
    .col-prodet,
    .col-prodet-content{padding-top: 55px;padding-bottom: 55px;}
    .pro_show .img{width: 100%;margin-top: 40px;}
    .pro_show .content{width: 100%;padding-left: 0;margin-top:40px;}
    .pro_show .content h1{margin-bottom: 20px;}
    .pro_show .content p{line-height: 1.8;}
/*product*/
/*job*/
    .col-job-top{padding-top: 55px;padding-bottom: 55px;}
    .col-job-top .content{ color: #333; }
    .col-job-top .content ul{display: block;}
    .col-job-top .content li{width: 100%;margin-right:0;margin-top:30px; padding:4%;border-radius:5px;}
    .col-job-top .content li h3{margin: 10px 0;padding-bottom: 8px;}
    .col-job-zpxx{padding-top: 55px;padding-bottom: 55px;}
    .col-job-zpxx ul{margin-top: 25px;}
    .col-job-zpxx ul li img{width: 100%;}
    .col-job-zpxx ul li.li1{width: 100%;text-align: center;}
    .col-job-zpxx ul li.li1 img{width: 120%;max-width: none;}
    .col-job-zpxx ul li.li2{width: 100%;position: relative;text-align: center;margin-top:35px;}
    .col-job-zpxx ul li h3{margin:20px 0 10px;}
    .col-job-zpxx ul li p{max-width: none;}
    .col-job-zyfz{padding-top: 55px;padding-bottom: 70px;}
    .col-job-zyfz .content ul{flex-wrap: wrap;}
    .col-job-zyfz .content li{width: 180px;height: 180px;margin:40px 1vw 0;}
    .col-job-xcfl{padding-top: 55px;padding-bottom: 55px;}
    .col-job-xcfl .content{padding-top: 20px;}
    .col-job-xcfl .content ul{margin:0 -2vw;}
    .col-job-xcfl .content li{padding: 0 2vw;margin-top: 20px;}
    .col-job-xcfl .content li img{margin-bottom: 18px;}
    .col-page-job{padding-top:55px;padding-bottom: 40px;}
    .job{padding-top: 10px;}
    .job ul li{margin-top: 13px; padding: 0 20px;}
    .job ul li .jobtit{padding: 15px 0;}
    .job ul li .jobtit .jia{top:15px; }
    .job ul li .jobcon .panel{padding-bottom:15px;}
    .col-common-problem{padding-top: 50px;padding-bottom: 50px;}
    .col-common-problem .content li{margin-top:23px;}
/*job*/
/*contact*/
    .col-page-contact{padding-top:60px;padding-bottom:60px;}
    .col-page-contact .col-title1 div{max-width: none;padding-right:0;}
    .contact{margin-top: 30px;}
    .contact li{padding-left:80px;margin-bottom:23px; }
    .contact li:before{width: 20px;left:40px;}
    .contact li img{width: 20px;}
    .col-contact-message #ab2{top:-5px;}
    /*message*/
    .col-message{padding: 0 4.5vw;}
    .col-message .panel{max-width: none;padding:55px 0;}
    .message{padding-top: 15px;}
    .message ul{margin:0 -7px;margin-top: -20px;}
    .message li{padding: 0 7px;margin-top: 20px;}
    .message li input,
    .message li textarea{height:40px;line-height:39px;}
    .message li textarea{padding-top:6px;line-height: 1.8;}
    .message li:before{font-size: 18px;left:7px;line-height: 38px;}
    .message li.li_2:before{font-size: 20px;}
    .message li.li_3:before{font-size: 22px;}
    .message li.li_4:before{font-size: 28px;left:5px;}
/*contact*/
}
@media (max-width: 767px){
    .col-about-number ul{flex-wrap: wrap;margin-top: -25px;}
    .col-about-number ul li{width: 50%;margin-top: 25px;}
    .col-about-number ul li .f60{font-size: 30px;}
    .col-bottom{flex-wrap: wrap;}
    .col-bottoml{width: 100%;}
    .col-bottomr{width: 100%;}
    .col-bottomr .content{padding-left: 4.5vw;}
    .col-job-xcfl .content li{width: 100%;}
}
@media (max-width: 400px){
    .col-about-number ul li,
    .col-page-news .news 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;}
.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;}
.f34{font-size: 34px;}
.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;}
.f54{font-size: 2.81vw;}
.f55{font-size: 2.86vw;}
.f58{font-size: 3.02vw;}
.f60{font-size: 3.125vw;}
.f72{font-size: 3.75vw;}
@media (max-width: 1400px){
    .f15{font-size: 14px;}
    .f16{font-size: 14px;}
    .f18{font-size: 16px;}
    .f20{font-size: 18px;}
    .f22{font-size: 20px;}
    .f24{font-size: 20px;}
    .f25{font-size: 20px;}
    .f28{font-size: 22px;}
    .f30{font-size: 24px;}
    .f33{font-size: 24px;}
    .f34{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;}
}
@media (max-width: 991px){
    .f18{font-size: 15px;}
    .f20{font-size: 16px;}
    .f22{font-size: 18px;}
    .f24{font-size: 18px;}
    .f25{font-size: 18px;}
    .f28{font-size: 20px;}
    .f30{font-size: 20px;}
    .f33{font-size: 20px;}
    .f34{font-size: 20px;}
    .f35{font-size: 20px;}
    .f36{font-size: 22px;}
    .f40{font-size: 24px;}
    .f45{font-size: 24px;}
    .f48{font-size: 24px;}
    .f50{font-size: 30px;}
    .f54{font-size: 30px;}
    .f55{font-size: 30px;}
    .f58{font-size: 30px;}
    .f60{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;}
    .f54{font-size: 24px;}
    .f55{font-size: 24px;}
    .f58{font-size: 24px;}
    .f60{font-size: 24px;}
    .f72{font-size: 24px;}
}