/*
Ê×ҳģ¿£¿éÃüÃû¹æ·¶£º£º£ºcol-index-Ä£¿£¿éÓ¢ÎÄÃû³Æ£¬£¬È磺£º£ºcol-index-news
ÄÚÒ³Ò³ÃæÍâ²ãÈÝÆ÷ÃüÃû¹æ·¶£º£º£º
1¡¢Í¨ÓÃÑùʽ£º£º£ºcol-page£¬£¬ÄÚÒ³Íâ²ãÈÝÆ÷ͨÓÃÑùʽ£¬£¬Ê¹ÓÃÒªÁì<div id="owxiCMU" id="nswo" id="eawjlnzykifbo" class="col-page col-page-about"></div>
2¡¢Ò³ÃæÑùʽ£º£º£ºcol-page-Ä£¿£¿éÓ¢ÎÄÃû³Æ£¬£¬È磺£º£ºcol-page-about£¨¹ØÓÚbeat365Ò³Ã棩
3¡¢ÄÚҳģ¿£¿éÃüÃû¹æ·¶£º£º£ºcol-Ä£¿£¿éÓ¢ÎÄÃû³Æ£¬£¬È磺£º£ºcol-product£¨²úÆ·£©¡¢col-honor£¨ÉùÓþ£©(<div id="JgEOloS" id="wphE" id="gvghtiv" 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(/static/index/web_default/fonts/HelveticaInserat.ttf);
}
@font-face {
    font-family: 'FuturistCondensed';
    src: url('/static/index/web_default/fonts/FuturistCondensed Regular.TTF');/* IE9*/
    src: url('/static/index/web_default/fonts/FuturistCondensed Regular.TTF') format('embedded-opentype'), /* IE6-IE8 */
    /*url('../fonts/FuturistCondensed Regular.woff') format('woff'), *//* chrome¡¢firefox */
    url('/static/index/web_default/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('/static/index/web_default/css/font/iconfont.eot'); /* IE9*/
    src: url('/static/index/web_default/css//static/index/web_default/css/font/iconfont.eot') 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('https://at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff2?t=1654164469634') format('woff2'),
       url('https://at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff?t=1654164469634') format('woff'),
       url('https://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: #155ca9; 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: 1400px;padding: 0;}
.pic { position: relative; overflow: hidden;}
.pic:after { content: ""; display: block;}
.padding{padding-left: 8%;padding-right: 8%;}
.panel{margin:0;border:0;border-radius: 0;box-shadow: none;}
.bold{font-weight: bold;}
.flex{display: flex;}
.bg-f5{background: #f5f5f5;}
.bg-fa{ background: #fafafa;}

#page{padding-top: 0px; overflow: hidden;}
/*common*/
    .col-title span.subtitle{display: block;margin-bottom: 1vw; color: #155ca9;}
    .col-title h3{line-height: 1.22;color: #333;}
    .col-title p{margin-top: 5px;}

    .col-more a{display: inline-block;}
    .col-more a i{display: flex;width: 2.6vw;height: 2.6vw;min-width: 30px;min-height: 30px; align-items: center;justify-content: center;color: #fff;background: #155ca9;border-radius: 50%;transform: rotate(-45deg);}

    .col-more1 a{display: inline-block;padding: 0.6vw 1.3vw 0.7vw; line-height: 25px; border-radius: 8px;background: #fff;color: #155ca9;}
    .col-more1 a i{display: inline-block;margin-left: 1.3vw;position: relative;top: 2px; transform: rotate(-45deg);}
    .col-more1 a:hover{color: #fff;background: #155ca9;}
    
    .mbx{padding: 2vw 0; display: flex;align-items: center; color: #000;line-height: 25px;}
    .mbx a{color: #000;}
    .mbx i{margin-right: 4px; color: #2552af;}
    .col-subnav{ border-bottom: 1px solid #e5e5e5; }
    .col-subnav .mbx{padding: 1.7vw 0;}
    .col-subnav ul li{float: left; line-height: 25px;}
    .col-subnav ul li a{display: block;padding: 1.7vw 1.56vw; color: #000;}
    .col-subnav ul li a:hover,
    .col-subnav ul li a.on{color: #fff;background: #155ca9;}
/*common*/
/*header*/
    header{width:100%; position: fixed; left: 0; top: 0; z-index: 1001;}
    header h1{margin:0; padding: 0;height: 45px;line-height: 45px;font-size: 0;}
    header .container{position: relative;width: 100%;max-width: 1700px;padding: 0 15px;}
    nav.mm-menu_offcanvas{display: none;}
    #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0;  background: #0067b7; transition: .5s all;}
    .head{padding: 1.66vw 0; transition: 0.5s; }
    .head.on{ background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.15);}
    .head.onpadding{padding: 1vw 0;}
    .nav li{float: left;margin-left: 4vw; line-height: 45px;}
    .nav li a{color: #fff;}
    .nav li:first-child{margin-left: 0;}
    .headerSear{height: 45px;margin-left: 3.54vw; line-height: 43px;overflow: hidden;}
    .headerSear a{color: #fff;}
    .headerSear a:hover{color: #155ca9;}
    .language { margin-top: 11px;margin-left: 2vw;position: relative; line-height: 22px;}
    .language a { color: #fff;padding-bottom: 10px;  display: flex;align-items: center;justify-content: center;}
    .language a i{display: inline-block; font-size: 12px;line-height: 1; transform: rotate(90deg);}
    .language .lang-none {display: none; width: 100px;left: 50%;margin-left: -50px;  position: absolute;z-index: 99; background:rgba(255,255,255,0.8);box-shadow: 0 0 5px rgba(0,0,0,0.15);text-align: center;padding: 10px 0;
        animation-duration: 0.6s;   
        -webkit-animation-duration: 0.6s;
    }
    .language .lang-none a{ padding: 5px; color: #333; }
    .language .lang-none a:hover{background: #155ca9; color: #fff!important;}
    .head.on .nav li a{color: #333;}
    .head.on .headerSear a{color: #333;}
    .head.on .language a{color: #333;}
    @media (max-width: 1400px){
        .nav li{margin-left: 3vw;}
    }
    @media (max-width: 1200px){
        .nav li{margin-left: 2vw;}
    }
/*header*/
/*-banner-*/
    .banner {width: 100%; position: relative;background: #ccc;z-index: 7;}
    .banner .swiper-slide{width: 100%; background-size: cover;background-position: center;position: relative;}
    .banner .swiper-slide .content{width: 100%;height: 100%; color: #fff;display: flex;align-items: center; position: absolute;left: 0;top:0;}
    /*index*/
    .banner-index .swiper-slide .pic:after{padding-bottom:50%;}
    .banner-index .swiper-slide .content{padding-top: 40px; text-align: center; }
    .banner-index .swiper-slide .content h2{margin-bottom: 0.78vw;font-family: '΢ÈíÑźÚ';font-size: 3.125vw;font-weight: bold;text-transform: uppercase;line-height: 1.2; }
    .banner-index .swiper-slide .content p{text-transform: uppercase;line-height: 1.5;}
    .banner-index .swiper-slide .content-top{padding-top: 10.41vw; align-items: flex-start;}
    .banner-index .swiper-banner .left{width: 1px; height: 15.625vw;position: absolute;left: 6%;top: 50%;margin-top: -7.81vw;z-index: 2; }
    .banner-index .swiper-banner .left .num{position: absolute;left: 50%;transform: translateX(-50%);font-size: 12px;color: #fff;}
    .banner-index .swiper-banner .left .num1{margin-bottom: 1vw;bottom: 100%;}
    .banner-index .swiper-banner .left .num2{margin-top: 1vw;top: 100%;}
    .banner-index .swiper-banner .swiper-pagination{width: 15.625vw;height: 1px;position: static; transform: rotate(90deg);transform-origin: top left;}
    .banner-index .swiper-banner .swiper-pagination.swiper-pagination-progressbar{ background: rgba(255,255,255,0.37); }
    .banner-index .swiper-banner .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 3px;top: -1px;border-radius: 3px;background: #fff;}
    .banner-index .swiper-banner.swiper-no-swiping .left{display: none;}
    .banner-index .swiper-banner.swiper-no-swiping .swiper-pagination{display: none;}
    /*page*/
    .banner-page .swiper-slide .pic:after{padding-bottom: 41.66%;}
    .banner-page .swiper-slide .content h2{ font-size: 2.6vw;font-weight: bold;text-transform: uppercase;line-height: 1.2; }
    .banner-page .swiper-slide .content p.en{margin-bottom: 1vw; font-weight: bold;text-transform: uppercase;line-height: 1;letter-spacing: 0.52vw; }
    @media (max-width: 991px) {
        .banner-index .swiper-slide .pic{min-height: 280px;}
        .banner-index .swiper-slide .pic img{display: none;}
        .banner-index .swiper-slide .content h2{margin-bottom: 8px;}
        .banner-index .swiper-slide .content-top{padding-top: 80px;}
        .banner-index .swiper-banner .left{height: 100px;left: 3%;margin-top: -25px;}
        .banner-index .swiper-banner .left .num1{margin-bottom: 10px;}
        .banner-index .swiper-banner .left .num2{margin-top: 10px;}
        .banner-index .swiper-banner .swiper-pagination{width: 100px;}

        .banner-page .swiper-slide .pic{min-height: 220px;}
        .banner-page .swiper-slide .pic img{display: none;}
        .banner-page .swiper-slide .content h2{font-size: 24px;}
        .banner-page .swiper-slide .content p.en{margin-bottom: 8px;}
    }
    @media (max-width: 767px) {
        .banner-index .swiper-slide .content h2{font-size: 20px;}
        .banner-index .swiper-slide .content p{font-size: 13px;}
        .banner-page .swiper-slide .content h2{font-size: 20px;}
        .banner-page .swiper-slide .content p.en{font-size: 14px;}
    }
/*-banner-*/
/*footer*/
    .footer{ padding-top: 4.68vw; }
    .footerLogo{padding-bottom: 3.125vw; border-bottom: 1px solid #e1e1e1; }
    .footerNav{margin-top: 2.86vw;}
    .footerNav ul{width: 75.57%;margin: 0 -8px; justify-content: space-between;}
    .footerNav ul li{padding: 0 8px;}
    .footerNav ul li h4{margin-bottom: 2vw; line-height: 1.3;}
    .footerNav ul li h4 a{color: #000;}
    .footerNav ul li h4 a:hover{color: #155ca9;}
    .footerNav ul li p{margin-bottom: 8px;}
    .footerNav .qrcode{width: 24.42%;padding: 0 2vw;}
    .footerNav .qrcode p{margin-top: 0.6vw;}
    .link{margin-top: 4.68vw;}
    .copy{padding: 1.2vw 0;}
/*footer*/
/*index about*/
    .col-index-about .flex{align-items: center;}
    .col-index-about .content{width: 39.64%;padding: 6vw 0;}
    .col-index-about .content .col-title{margin-bottom: 3.5vw;}
    .col-index-about .col-more{margin-top: 4.5vw;}
    .col-index-about .number{width: 61.21%;padding: 6vw 0; margin-right: -1.71%;}
    .col-index-about .number ul{width: 45%;max-width: 344px; position: absolute;right: 2.8%;bottom: 0;color: #999;}
    .col-index-about .number ul li{margin-top: 3vw; position: relative;}
    .col-index-about .number ul li img{width: 51px; position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    .col-index-about .number ul li p.num{margin-bottom: 5px; font-size: 3.33vw;line-height: 0.8;font-weight: bold;
        background: linear-gradient(to bottom, #155ca9, #1596a9);
        color: transparent;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
/*index about*/
/*index advan*/
    .col-index-advan{ color: #fff; }
    .col-index-advan .pic{cursor: pointer;}
    .col-index-advan .pic:after{padding-bottom: 94.79%;}
    .col-index-advan .pic h3{font-weight: bold;line-height: 1.3;}
    .col-index-advan .title{width: 100%;padding: 0 5.5vw 5vw; position: absolute;left: 0;bottom: 0;transition: 0.5s;opacity: 1;}
    .col-index-advan .content{width: 100%;padding: 5vw 5.5vw 0; position: absolute;left: 0;top: 0;text-align: center;transition: 0.5s;transform: translateY(-100%);}
    .col-index-advan .content p{max-width: 510px; margin: 1.3vw auto 0;}
    .col-index-advan .content .col-more1{margin-top: 2.6vw;}
    .col-index-advan .pic.on .title{opacity: 0;}
    .col-index-advan .pic.on .content{transform: translateY(0);}
/*index advan*/
/*index news*/
    .col-index-news{padding-top: 6%;padding-bottom: 6%;}
    .col-index-news .col-title .col-more1{position: absolute;right: 0;bottom: 0;}
    .col-index-news .col-title .col-more1 a{color: #fff;background: #155ca9;}
    .col-index-news .list{margin-top: 5vw;}
    .col-index-news .list ul{margin: 0 -5px;display: flex;}
    .col-index-news .list li{width: 23%;padding: 0 5px;float: left;color: #999;}
    .col-index-news .list li .panel{display: flex; height: 100%;padding: 2vw; border: 4px solid #e4e9ed;border-radius: 1.45vw;background: url(/static/index/web_default/images/newsbg.png) center bottom no-repeat;background-size: 100% auto;cursor: pointer;transition: 0.5s; }
    .col-index-news .list li .pic{width: 0; background: #ccc;border-radius: 1.45vw;transition: 0.5s;opacity: 0;}
    .col-index-news .list li .pic:after{padding-bottom: 100%;}
    .col-index-news .list li .con{height: 100%;padding-bottom: 35px; position: relative;}
    .col-index-news .list li h4{min-height: 6.35em; line-height: 1.27em;}
    .col-index-news .list li p{padding-top: 1.3vw;transition: 0.5s;opacity: 0;}
    .col-index-news .list li p span{display: block; height: 3.6em; line-height: 1.8em;overflow: hidden;}
    .col-index-news .list li .date{position: absolute;left: 0;bottom: 0;}
    .col-index-news .list li .col-more{margin-top: 2.6vw;transition: 0.5s;opacity: 0;}
    .col-index-news .list li.on{width: 54%;}
    .col-index-news .list li.on .panel{ border-color: #155ca9;background-image: none; }
    .col-index-news .list li.on .pic{width: 45%;margin-right: 5%;opacity: 1;}
    .col-index-news .list li.on .con{width: 49%;}
    .col-index-news .list li.on h4{min-height: auto;}
    .col-index-news .list li.on h4 a{color: #333;}
    .col-index-news .list li.on p{opacity: 1;}
    .col-index-news .list li.on .col-more{opacity: 1;}
/*index news*/
/*index shenhe*/
    .col-index-shenhe{padding-top: 12.5vw; overflow: hidden; }
    .col-index-shenhe .bg{width: 100vw;height: 9999px;position: absolute;background: rgba(0,0,0,0.71);}
    .col-index-shenhe .bgt{width: 100%;left: 0;bottom: 100%;}
    .col-index-shenhe .bgl{right: 100%;top: -12.5vw;}
    .col-index-shenhe .bgr{left: 100%;top: -12.5vw;}
    .col-index-shenhe .content{padding: 4.68vw 0 5.2vw; color: #dfe2ea; background: rgba(0,0,0,0.71); }
    .col-index-shenhe .content .col-title h3{color: #fff;}
    .col-index-shenhe .text {width: 45%;max-width: 400px;margin-top: 2vw;}
    .col-index-shenhe .desc {max-width: 48%;margin-top: 2.6vw; display: flex;align-items: flex-end;}
    .col-index-shenhe .desc span{ line-height: 1.35; }
    .col-index-shenhe .desc span.tit{ text-align: right; }
    .col-index-shenhe .desc span.data{padding-left: 1vw; font-size: 7.81vw;line-height: 0.8;color: #c00415;}
/*index shenhe*/
/*index honor*/
    .col-index-honor{padding-top: 6%;padding-bottom: 6%;}
    .col-index-honor .swiper-container{margin-top: 3.6vw;}
    .col-index-honor .swiper-slide .pic:after{padding-bottom: 74.736%;}
    .col-index-honor .swiper-slide p{padding: 1.3vw 0;}
    .col-index-honor .swiper-container .button{margin-top: 3.5vw; display: flex;align-items: center;position: relative;}
    .col-index-honor .swiper-container .button>*{margin: 0; outline: none;opacity: 1;}
    .col-index-honor .swiper-container .swiper-button-prev,
    .col-index-honor .swiper-container .swiper-button-next{width: auto;height: auto;margin-right: 1.25vw; position: static;background: none;}
    .col-index-honor .swiper-container .swiper-button-prev i,
    .col-index-honor .swiper-container .swiper-button-next i{display: flex;width: 2.6vw;height: 2.6vw;min-width: 30px;min-height: 30px; align-items: center;justify-content: center;color: #888;background: #eaeaea;border-radius: 50%;transition: 0.5s;}
    .col-index-honor .swiper-container .swiper-button-prev i{transform: rotateY(180deg);}
    .col-index-honor .swiper-container .swiper-button-prev i:hover,
    .col-index-honor .swiper-container .swiper-button-next i:hover{color: #fff;background: #155ca9;}
    .col-index-honor .swiper-container .swiper-pagination{width: 100%;height: 4px; position: relative;background: #e8edf4;border-radius: 4px;overflow: hidden;}
    .col-index-honor .swiper-container .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #155ca9;}
/*index honor*/
/*page about*/
    .col-page-about{ padding-top: 6%;padding-bottom: 6%; }
    .col-page-about .imgLogo{width: 170px;}
    .col-page-about .cont{width: 50%;padding-left: 2vw;position: relative; color: #000; z-index: 2;}
    .col-page-about .img img{margin-top: -9.89vw;}
    .col-page-about .flex{margin-top: 3.64vw;align-items: center;}
    .col-page-about .cont2{width: 72%; color: #000;}
    .col-page-about .cont2 p.text{margin-bottom: 0.78vw;}
    .col-page-about .founded{width: 28%; padding-left: 2.6vw; color: #999;text-align: right; }
    .col-page-about .founded span{display: block;margin-bottom: 0.78vw; font-size: 3.33vw;line-height: 0.8;font-weight: bold;
        background: linear-gradient(to bottom, #155ca9, #1596a9);
        color: transparent;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    /*culture*/
    .col-about-culture{ color: #fff; }
    .col-about-culture .col-title{width: 42.85%;padding: 6vw 0;}
    .col-about-culture .col-title h3{color: #fff;}
    .col-about-culture .col-title p{margin-top: 2vw;}
    .col-about-culture .col-title img{width: 131.16%;max-width: none;margin-left: -14.16%;margin-top: 9.27vw;}
    .col-about-culture .content{width: 57.15%;padding-left: 15.57%;}
    .col-about-culture .content .text{ height: 100%; padding: 6vw 0;padding-left: 1.66vw; display: flex;align-items: center; border-left: 2px solid rgba(255,255,255,0.17);}
    .col-about-culture .content .text ul{}
    .col-about-culture .content .text ul li{margin-bottom: 1vw;}
    .col-about-culture .content .text ul li h4{margin-bottom: 5px; position: relative; font-weight: bold;line-height: 25px;}
    .col-about-culture .content .text ul li h4:before{content: '';width: 14px;height: 14px;margin-left: -8px; position: absolute;left: -1.66vw;top: 5.5px;background: url(/static/index/web_default/images/dot.png) center no-repeat;background-size: cover;}
    .col-about-culture .content .text ul li:last-child{margin-bottom: 0;}
    /*organization*/
    .col-about-organ{padding-top: 6%;padding-bottom: 6%;}
    .col-about-organ .content{margin-top: 4vw;}
    /*honor*/
    .col-about-honor{padding-top: 6%;padding-bottom: 6%;}
    .col-honor-nav{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    .col-honor-nav a{display: block; float: left;margin-left: 3.125vw;position: relative;color: #000;}
    .col-honor-nav a:before{content: '';width: 0;position: absolute;left: 0;bottom: 0; border-bottom: 2px solid #155ca9;opacity: 0;transition: 0.5s;}
    .col-honor-nav a:hover,
    .col-honor-nav a.flex-active{color: #155ca9;}
    .col-honor-nav a.flex-active:before{width: 100%;opacity: 1;}
    .col-honor-sildes{margin-top: 4vw;}
    .col-about-honor .swiper-honor .swiper-slide p{margin-top: 2.6vw; color: #999;transition: 0.5s;}
    .col-about-honor .swiper-honor .swiper-slide .pic:after{padding-bottom: 73.42%;}
    .col-about-honor .swiper-honor .swiper-slide .pic img{
        transition: 0.5s;
        transform: scale(0.82);
    }
    .col-about-honor .swiper-honor .swiper-slide-active .pic img,
    .col-about-honor .swiper-honor .swiper-slide-duplicate-active .pic img{
        transform: scale(1);
    }
    .col-about-honor .swiper-honor .swiper-slide-active p,
    .col-about-honor .swiper-honor .swiper-slide-duplicate-active p{
        color: #000;
    }
    .col-about-honor .swiper-honor .button{margin-top: 4vw;}
    .col-about-honor .swiper-honor .button>*{display: inline-block; margin: 0 2px;position: static;}
    .col-about-honor .swiper-container .swiper-button-prev,
    .col-about-honor .swiper-container .swiper-button-next{width: auto;height: auto;background: none;outline: none;}
    .col-about-honor .swiper-container .swiper-button-prev i,
    .col-about-honor .swiper-container .swiper-button-next i{display: block; width: 35px;height: 35px;line-height: 33px; color: #555;font-size: 14px; border: 1px solid rgba(0,0,0,0.1);border-radius: 50%;transition: 0.5s;}
    .col-about-honor .swiper-container .swiper-button-next i{transform: rotateY(180deg);}
    .col-about-honor .swiper-container .swiper-button-prev i:hover,
    .col-about-honor .swiper-container .swiper-button-next i:hover{color: #fff;background: #155ca9;border-color: #155ca9;}
    /*technology*/
    .col-about-tech.flex{padding-top: 6%;padding-bottom: 6%; align-items: center;}
    .col-about-tech .content{width: 53.33%;padding-left: 8vw;color: #000;}
    .col-about-tech .content .text{width: 100%;max-width: 763px;padding-right: 7vw;}
    .col-about-tech .content .col-title{margin-bottom: 1.56vw;}
    .col-about-tech .content ul{margin: 0 -1vw;margin-top: 8vw; display: flex;justify-content: space-between;}
    .col-about-tech .content ul li{padding: 0 1vw;}
    .col-about-tech .content ul li p{ line-height: 1.6; }
    .col-about-tech .content ul li p.data{margin-bottom: 0.6vw; font-size: 3.125vw;font-weight: bold;line-height: 0.8;color: #155ca9;}
    .col-about-tech .content ul li p.data em{font-weight: normal;}
    .col-about-tech .pic{ width: 46.66%;}
/*page about*/
/*page news*/
    .col-page-news{padding-top: 6vw;padding-bottom: 6vw;}
    .news ul{margin-top: -3vw;}
    .news li{padding: 3vw 0;align-items: center;border-bottom: 1px solid #e5e5e5;cursor: pointer;transition: 0.5s;}
    .news li .pic{width: 22.85%;border-radius: 5px;}
    .news li .pic:after{padding-bottom: 64.68%;}
    .news li .text{width: 77.15%;padding-left: 4vw;}
    .news li .date{color: #999;}
    .news li .date span{margin-right: 1vw;}
    .news li h4{margin-top: 8px; line-height: 1.3;color: #000; }
    .news li h4 a{color: #000;}
    .news li p{margin-top: 0.9vw;height: 3em; line-height: 1.5em; overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
    }
    .news li:hover{border-color: #155ca9;}
    .news li:hover h4,
    .news li:hover h4 a{color: #155ca9;}
    /*newshow*/
    .col-newsdet{padding-top: 108px;}
    .newshow{padding: 2vw 0 6vw;min-height: 500px;}
    .newshow .newshowtit {
      text-align: center;
      border-bottom: 1px dotted #e5e5e5;
    }
    .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: 25px;
    }
    .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: #155ca9;
    }
    .prev-next a.prev {
      border-bottom: 1px dashed #d4d4d4;
    }
/*page news*/
/*page party*/
    .col-page-party{padding-top: 108px;padding-bottom: 6vw;}
    .col-page-party .col-title{padding: 3vw 0 1.5vw;}
    .newstop{margin-bottom: 5vw;}
    .newstop .pic{border-radius: 10px;}
    .newstop .pic:after{padding-bottom: 44%;}
    .newstop .pic .text{width: 100%;padding: 0 4vw; position: absolute;left: 0;bottom: 3.38vw;color: #fff;}
    .newstop .pic .text h4{margin-top: 1.25vw; line-height: 1.3; }
    .newstop .pic .text h4 a{color: #fff;}
/*page party*/
/*page advantage*/
    .col-page-advan{padding-top: 6%;padding-bottom: 6%;}
    .col-page-advan .col-title span.en{color: #e8e8e8;line-height: 0.8em;text-transform: uppercase; }
    .col-page-advan .col-title h3{margin-top: -0.6em;}
    .col-page-advan .list{margin-top: 4.68vw;}
    .col-page-advan .list ul{margin: 0 -1.927vw;}
    .col-page-advan .list li{padding: 0 1.927vw;}
    .col-page-advan .list li .pic{height: 100%;color: #fff;border-radius: 12px;}
    .col-page-advan .list li .pic:after{padding-bottom: 38.159%;}
    .col-page-advan .list li .pic span{display: block;position: absolute;right: 0;bottom: 0; font-size: 10.67vw;font-weight: bold;line-height: 0.8;opacity: 0.07;}
    .col-page-advan .list li .tit{display: flex;align-items: center;justify-content: center;}

    .col-advan .topimg.pic:after{padding-bottom: 31.25%;}
    .col-advan .topimg .col-title h3{padding-left: 1.3vw;margin-left: -1px; color: #fff;border-left: 1px solid #fff;}
    .col-advan .topimg .container{ height: 100%;padding-top: 4.68vw;border-left: 1px solid rgba(255,255,255,0.25); }
    .col-advan .information{padding-top: 9vw;padding-bottom: 6vw;}
    .col-advan .information .col-title{padding: 0;padding-right: 3vw;}
    .col-advan .information .col-title h3{line-height: 1.25em;margin-top: -1.25em;}
    .col-advan .information .col-title h3 span{color: #155ca9;}
    .col-advan .information .number{padding-top: 1vw; color: #888; }
    .col-advan .information .number ul li {padding-left: 76px;margin-top: 3vw; position: relative;}
    .col-advan .information .number ul li img{width: 56px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
    .col-advan .information .number ul li p{margin: 0; line-height: 1.5;}
    .col-advan .information .number ul li p.data{margin-bottom: 8px; font-size: 48px;line-height: 0.8;font-weight: bold;color: #155ca9;}
    .col-advan .information .content{padding: 0; color: #000;}
    .col-advan .information .imglist{margin-top: 5vw;}
    .col-advan .information .imglist ul{margin: 0 -0.7vw;}
    .col-advan .information .imglist ul li{width: 25%;padding: 0 0.7vw;float: left;}
    .col-advan .information .imglist ul li img{width: 100%;}
    .col-advan .information .three{margin-top: 5vw;}
    .col-advan .information .three .desc{margin-top: 5vw; color: #000;}
    .col-advan .information .three .desc ul{display: flex;margin-top: calc(3.9vw + 45px);}
    .col-advan .information .three .desc ul li{width: 33.33%;margin-right: 2vw;padding: 4.5vw 1.56vw;padding-top: calc(4.5vw + 45px);position: relative; border: 2px solid #eee;border-radius: 5px; }
    .col-advan .information .three .desc ul li .num{ padding: 8px; position: absolute;left: 50%;top: 0;transform: translate(-50%, -50%); background: #fff;border: 2px solid #eee;border-radius: 50%;}
    .col-advan .information .three .desc ul li .num:before{content: '';width: 120%;height: 50%;position: absolute;left: -10%;top: -2px;background: #fff;z-index: -1;}
    .col-advan .information .three .desc ul li .num span{display: block;width: 70px;height: 70px;text-align: center;line-height: 70px;font-size: 24px;font-weight: bold; color: #fff;background: #155ca9;border-radius: 50%;}
    .col-advan .information .three .desc ul li:last-child{margin: 0;}

    .col-service{padding-top: 6%;padding-bottom: 6%;}
    .col-service .text{width: 29.15%;padding-right: 4vw; color: #fff; }
    .col-service .text p{font-weight: bold;line-height: 1.5;}
    .col-service .swiper-container{width: 70.85%;position: static;}
    .col-service .swiper-slide .pic{background: #fff;border-radius: 6px;}
    .col-service .swiper-slide .pic:after{padding-bottom: 60.869%;}
    .col-service .swiper-container .swiper-button-prev,
    .col-service .swiper-container .swiper-button-next{width: auto;height: auto;margin: 0;left: 0;bottom: 0;right: auto;top: auto; background: none;outline: none;opacity: 1;}
    .col-service .swiper-container .swiper-button-prev i,
    .col-service .swiper-container .swiper-button-next i{display: block; width: 35px;height: 35px;line-height: 33px;text-align: center; color: #aaa;font-size: 14px; border: 1px solid #aaa;border-radius: 50%;transition: 0.5s;}
    .col-service .swiper-container .swiper-button-next{margin-left: 45px;}
    .col-service .swiper-container .swiper-button-next i{transform: rotateY(180deg);}
    .col-service .swiper-container .swiper-button-prev i:hover,
    .col-service .swiper-container .swiper-button-next i:hover{color: #fff;background: #155ca9;border-color: #155ca9;}
/*page advantage*/
/*page job*/
    .col-cooperate-top{padding-top: 6%;padding-bottom: 6%;}
    .col-cooperate-top .content{ max-width: 1095px;margin: 0 auto;margin-top: 2.18vw; color: #000; }
    .col-cooperate-top .content p{ line-height: 1.66; }
    .col-cooperate-top .list{max-width: 1227px;margin: 0 auto;margin-top: 5vw;color: #000;}
    .col-cooperate-top .list ul{width: 100%;position: absolute;left: 0;top: 0;}
    .col-cooperate-top .list ul li{width: 28.36%;display: flex;align-items: center; position: absolute;top: 0;}
    .col-cooperate-top .list ul li.pic:after{padding-bottom: 100%;}
    .col-cooperate-top .list ul li.li1{left: 0;}
    .col-cooperate-top .list ul li.li2{left: 50%;margin-left: -14.18%;}
    .col-cooperate-top .list ul li.li3{right: 0;}
    .col-cooperate-top .list ul li .text{width: 100%;}
    .col-cooperate-top .list ul li img{height: 4.27vw;max-height: 82px;min-height: 45px;margin-bottom: 2.6vw;}
    .col-cooperate-top .list ul li p.tit{margin-bottom: 0.5vw; line-height: 1.3;}

    .col-cooperate-middle.flex{flex-wrap: wrap;}
    .col-cooperate-middle .content{padding: 0;padding-left: 8vw;}
    .col-cooperate-middle .content h3{margin-bottom: 3.54vw; line-height: 1.4;}
    .col-cooperate-middle .content p{line-height: 1.66;}
    .col-cooperate-middle .content hr{width: 28px;margin: 0;margin-top: 10vw; border-top: 2px solid #fff;}
    .col-cooperate-middle .panel{width: 100%;max-width: 700px;height: 100%;padding: 6vw 0; display: flex;align-items: center; color: #fff;background: none; }
    .col-cooperate-middle .text{width: 100%;padding-right: 8vw;}
    .col-cooperate-middle .pic{padding: 0;}
    .col-cooperate-middle .pic:after{padding-bottom: 93.75%;}

    .col-cooperate-bottom{ padding-top: 6%;padding-bottom: 2.34%; color: #000; }
    .col-cooperate-bottom h3{margin-bottom: 1.3vw;}
    .col-cooperate-bottom .pic{margin-top: 4.6vw;}

    .col-page-recruit{padding-top: 6%;padding-bottom: 6%;}
    .recruit-contact{margin-top: 4vw; padding-top: 2.86vw; border-top: 1px solid #dbdbdb; }
    .recruit-contact ul{display: flex;}
    .recruit-contact ul li{padding-left: 68px; float: left;position: relative;}
    .recruit-contact ul li img{width: 49px; position: absolute;left: 0;top: 6px;}
    .recruit-contact ul li p{ line-height: 1.6; }
    .recruit-contact ul li p.tit{margin-bottom: 8px; color: #000; }
    .recruit-contact ul li:first-child{padding-right: 8vw;}

    .col-job ul{margin-top: 4vw;}
    .col-job ul li{ margin-bottom: 2vw; }
    .col-job ul li span.jia{display: block;width: 100px;height: 38px;position: absolute;right: 2.86vw;top: 50%;margin-top: -19px; text-align: center; color: #155ca9;line-height: 38px;border: 1px solid #155ca9;border-radius: 3px;cursor: pointer;}
    .col-job ul li.li1,
    .col-job ul li .jobtit{padding:1.43vw 2.86vw;line-height: 25px;color: #000;background: #f7f8f8;position: relative;}
    .col-job ul li.li1 .row,
    .col-job ul li .jobtit .row{margin: 0 -8px;}
    .col-job ul li.li1 .row div,
    .col-job ul li .jobtit .row div{padding: 0 8px;}
    .col-job ul li .jobcon{display: none; padding:0 2.86vw 3vw;background: #f7f8f8;line-height: 1.8;}
    .col-job ul li .jobcon .xian{padding-top: 0.5vw; border-top: 1px solid #dbdbdb;}
    .col-job ul li .jobcon .con{margin-top: 1.5vw;}
    .col-job ul li .jobcon .zwms{display: block;margin-bottom: 1vw;color: #000;}
    /*.col-job ul li.active .jobcon {  display: block;}*/
    .apply{ margin-top: 2.5vw; }
    .apply a{display: block;width: 10.41vw;min-width: 120px; padding: 0.625vw 15px; text-align: center;line-height: 25px;background: #155ca9;color: #fff;border-radius: 3px;  }
    .apply a:hover{opacity: 0.8}

    .col-jobform{padding-top: 108px;padding-bottom: 55px;}
    .col-jobform .container{max-width: 1000px;}
    .message h3{color: #000;}
    .message ul{padding-top: 1vw;}
    .message ul li{margin-top: 10px;}
    .message ul li input { width: 100%;padding: 0 15px;line-height: 35px; border: 1px solid #e4e5e5;outline: none;    }
    .message ul li input[type="radio"],.message ul li input[type="checkbox"]{
      width: auto;
    }
    .message ul li select{
      width: 100%;
      height: 35px;
      border: 1px solid #e4e5e5;
    }
    .message ul li input:focus {
      border: 1px solid #155ca9;
    }
    .message ul li textarea { width: 100%;padding:10px 15px; border: 1px solid #e4e5e5;height: 10.41vw;min-height: 100px; float: left;outline: none;}
    .message ul li textarea:focus {
      border: 1px solid #155ca9;
    }

    .message ul li.verification input {
      width: 120px;
      float: left;
      color: #333;
    }
    .message ul li.verification img {
      float: left;
      cursor: pointer;
      margin: 0 5px;
    }
    .message ul li.verification a {
      float: left;
      line-height: 35px;
    }

    .message ul li.sub {
      width: 100%;max-width: 800px;
      margin: 0 auto;
      text-align: center;
    }
    .message ul li.sub input {
      height: 48px;
      width: 20%;min-width: 100px;
      background: #575757;
      border: 0;
      margin-top: 40px;
      color: #fff;
      margin-left: 5px;margin-right: 5px;
      transition: 0.3s;
    }
    .message ul li.sub input:hover {
      background: #155ca9;
    }
/*page job*/
/*page contact*/
    .col-lzjb .text{padding: 3.38vw 0; color: #fff; }
    .col-lzjb .text h3{margin-bottom: 1.14vw; line-height: 1.3; }
    .col-lzjb .text p{line-height: 1;}

    .col-page-contact{padding-top: 4%;padding-bottom: 5%;}
    .col-page-contact .content{margin-top: 4vw;}
    .col-page-contact .content ul{display: flex;margin: 0 -1.3vw;}
    .col-page-contact .content ul li{width: 25%;padding: 10px 1.3vw; border-right: 1px solid #e1e1e1;}
    .col-page-contact .content ul li p{line-height: 25px;}
    .col-page-contact .content ul li p.tit{margin-bottom: 0.78vw; color: #000;line-height: 1.3;}
    .col-page-contact .content ul li p.img{position: relative;padding-left: 23px;margin-bottom: 5px;}
    .col-page-contact .content ul li p.img img{position: absolute;left: 0;top: 4.5px;}
    .col-page-contact .content ul li p:last-child{margin-bottom: 0;}
    .col-page-contact .content ul li:last-child{border: 0;}
/*page contact*/
/*page*/
    .page { text-align: center;margin-top: 5vw;}
    .page ul{ margin:0;}
    .page li {  display: inline;}
    .page li a{
      font-family: 'Arial';
      border-radius: 50%!important;
      background: #fff;
      padding: 0;
      margin: 0 3.5px;
      display: inline-block;width: 40px;height: 40px;line-height: 38px;
      color: #868686;
      border:1px solid #e5e5e5!important;
    }
    .page li a:hover,
    .page li.active a {
      background: #155ca9!important;
      border: 1px solid #155ca9!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{width: 35px;height: 35px;line-height: 33px;}
    }
/*page*/
/*other*/
    #gotoTop{
        display: none;
        z-index: 299;
        position: fixed;
        width: 40px;
        height: 40px;
        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: #155ca9;color: #fff;
    }
    .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: #ee8b01 !important;
    }
/*other*/
/*Õ¾ÄÚËÑË÷*/
    .goomay-keywords-light{ background: #dc3545 !important; color:#ffffff !important;}
    #search{padding-bottom:5%;margin-top: 108px;min-height: 500px; overflow:hidden; }
    .search_left{    border: 1px solid #d6d6d6; padding-top:5px;  padding-bottom:5px; }
    .s_head{ border-bottom: 1px solid #d6d6d6; height: 50px;  }
    .s_head h2{  line-height: 50px;  }
    .s_body ul{ margin-top: 10px; margin-left: 10px;margin-right: 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-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;}
    }
/*Õ¾ÄÚËÑË÷*/
@media (max-width: 1400px){
    .col-job ul li span.jia{height: 30px;line-height: 30px;margin-top: -15px;}
}
/*ÊÖ»ú°æ²Ëµ¥*/
@media screen and (max-width: 991px)  {
    .head{padding: 0; }
    .head.on{padding: 0;}
    #header h1{height: 55px;line-height: 55px;}
    #header h1 img{max-height: 70%;}
    #header a.mm_btn {background: center center no-repeat #155ca9;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){
    .padding{padding-left: 5%;padding-right: 5%;}

    .col-more1 a{padding: 5px 15px 6px;border-radius: 5px;}
    .col-more1 a i{margin-left: 15px;}
    .mbx{padding: 20px 0;}
    .col-subnav .mbx{padding: 15px 0;}

/*footer*/
    .footer{ padding-top: 50px;text-align: center; }
    .footerLogo{padding-bottom: 30px; }
    .footerNav{margin-top: 28px;}
    .footerNav .qrcode{width: 100%;}
    .footerNav .qrcode img{max-width: 120px;}
    .footerNav .qrcode p{margin-top: 6px;}
    .link{margin-top: 40px;}
    .copy{padding: 12px 0;}
/*footer*/
/*index about*/
    .col-index-about{padding-top: 55px;padding-bottom: 55px;}
    .col-index-about .flex{flex-wrap: wrap;}
    .col-index-about .content{width: 100%;padding: 0;}
    .col-index-about .content .col-title{margin-bottom: 25px;}
    .col-index-about .col-more{margin-top: 30px;}
    .col-index-about .number{width: 100%;padding: 0; margin-right: 0;}
    .col-index-about .number ul{width: 60%;right: 0;}
    .col-index-about .number ul li{margin-top: 3vw; position: relative;}
    .col-index-about .number ul li img{width: 30px; right: 0;}
    .col-index-about .number ul li p.num{margin-bottom: 0; font-size: 30px;}
/*index about*/
/*index advan*/
    .col-index-advan{ color: #fff; }
    .col-index-advan .pic{min-height: 300px;}
    .col-index-advan .title{display: none;}
    .col-index-advan .content{transform: translateY(0);}
    .col-index-advan .content p{margin-top: 15px;}
    .col-index-advan .content .col-more1{margin-top: 25px;}
/*index advan*/
/*index news*/
    .col-index-news{padding-top: 55px;padding-bottom: 55px;}
    .col-index-news .list{margin-top: 40px;}
    .col-index-news .list ul{flex-wrap: wrap;margin-top: -10px;}
    .col-index-news .list li{width: 100%;margin-top: 10px;}
    .col-index-news .list li .panel{border-width: 2px;border-radius: 15px;background: #fff;}
    .col-index-news .list li .pic{width: 35%;margin-right: 3%;border-radius: 15px;opacity: 1;}
    .col-index-news .list li .con{width: 60%; height: 100%;padding-bottom: 35px; position: relative;}
    .col-index-news .list li h4{min-height: auto;}
    .col-index-news .list li p{padding-top: 13px;opacity: 1;}
    .col-index-news .list li .col-more{margin-top: 2.6vw;opacity: 1;}
    .col-index-news .list li.on{width: 100%;}
    .col-index-news .list li.on .pic{width: 35%;margin-right: 3%;}
    .col-index-news .list li.on .con{width: 60%;}
/*index news*/
/*index shenhe*/
    .col-index-shenhe{padding-top: 12.5vw; }
    .col-index-shenhe .content{padding: 45px 0 55px; }
    .col-index-shenhe .text {width: 100%;max-width: none;margin-top: 20px;}
    .col-index-shenhe .desc {max-width:100%;margin-top: 25px;}
/*index shenhe*/
/*index honor*/
    .col-index-honor{padding-top: 55px;padding-bottom: 55px;}
    .col-index-honor .swiper-container{margin-top: 35px;}
    .col-index-honor .swiper-slide p{padding: 12px 0;line-height: 1.6;}
    .col-index-honor .swiper-container .button{margin-top: 35px;}
    .col-index-honor .swiper-container .swiper-button-prev,
    .col-index-honor .swiper-container .swiper-button-next{margin-right: 13px;}
    .col-index-honor .swiper-container .swiper-button-prev i,
    .col-index-honor .swiper-container .swiper-button-next i{font-size: 16px;}
/*index honor*/
/*page about*/
    .col-page-about{ padding-top: 55px;padding-bottom: 55px; }
    .col-page-about .imgLogo{width: 150px;}
    .col-page-about .cont{width: 100%;padding-left:0;margin-top: 20px;}
    .col-page-about .img img{margin-top: 0;}
    .col-page-about .flex{margin-top: 35px;flex-wrap: wrap;}
    .col-page-about .cont2{width: 100%;}
    .col-page-about .cont2 p.text{margin-bottom: 8px;}
    .col-page-about .founded{width: 100%; padding-left: 0;margin-top: 20px; }
    .col-page-about .founded span{margin-bottom: 8px; font-size: 33px;}
    /*culture*/
    .col-about-culture .flex{flex-wrap: wrap;}
    .col-about-culture .col-title{width: 100%;padding: 55px 0;}
    .col-about-culture .col-title p{margin-top: 20px;}
    .col-about-culture .col-title img{width: 100%;margin-left: 0;margin-top:50px;}
    .col-about-culture .content{width: 100%;padding-left: 0;}
    .col-about-culture .content .text{ padding: 55px 0;padding-left: 16px;}
    .col-about-culture .content .text ul li{margin-bottom: 10px;}
    .col-about-culture .content .text ul li h4:before{left: -16px;}
    /*organization*/
    .col-about-organ{padding-top: 55px;padding-bottom: 55px;}
    .col-about-organ .content{margin-top: 40px;}
    /*honor*/
    .col-about-honor{padding-top: 55px;padding-bottom: 55px;}
    .col-honor-nav a{margin-left: 2vw;}
    .col-honor-nav a:before{border-width: 1px;}
    .col-honor-sildes{margin-top: 40px;}
    .col-about-honor .swiper-honor .swiper-slide p{margin-top: 25px;}
    .col-about-honor .swiper-honor .button{margin-top: 40px;}
    /*technology*/
    .col-about-tech.flex{padding-top: 55px;padding-bottom: 55px;flex-wrap: wrap;}
    .col-about-tech .content{width: 100%;padding: 0 5vw;}
    .col-about-tech .content .text{max-width: 100%; padding-right: 0;}
    .col-about-tech .content .col-title{margin-bottom: 15px;}
    .col-about-tech .content ul{margin-top: 30px;}
    .col-about-tech .content ul li{}
    .col-about-tech .content ul li p.data{margin-bottom: 5px; font-size: 30px;}
    .col-about-tech .pic{ width: 100%;margin-top: 50px;}
/*page about*/
/*page news*/
    .col-page-news{padding-top: 55px;padding-bottom: 55px;}
    .news ul{margin-top: -20px;}
    .news li{padding: 20px 0;}
    .news li .text{padding-left: 2vw;}
    .news li .date span{margin-right: 10px;}
    .news li h4{margin-top: 5px;}
    .news li p{margin-top: 8px;}
    /*newshow*/
    .col-newsdet{padding-top: 55px;}
    .newshow{padding: 20px 0 55px;min-height: 500px;}
/*page news*/
/*page party*/
    .col-page-party{padding-top: 55px;padding-bottom: 55px;}
    .col-page-party .col-title{padding: 30px 0 15px;}
    .newstop{margin-bottom: 35px;}
    .newstop .pic{border-radius: 6px;}
    .newstop .pic .text .date{font-size: 14px;}
    .newstop .pic .text h4{font-size: 18px;}
/*page party*/
/*page advantage*/
    .col-page-advan{padding-top: 55px;padding-bottom: 55px;}
    .col-page-advan .list{margin-top: 40px;}
    .col-page-advan .list ul{margin: 0 -1vw;}
    .col-page-advan .list li{padding: 0 1vw;}
    .col-page-advan .list li .pic{min-height: 80px; border-radius: 8px;}

    .col-advan .topimg .col-title h3{padding-left: 13px;}
    .col-advan .information{padding-top: 55px;padding-bottom: 55px;}
    .col-advan .information .col-title{padding: 0;}
    .col-advan .information .col-title h3{margin-top:0;}
    .col-advan .information .number{padding-top: 10px;}
    .col-advan .information .number ul li {padding-left: 66px;margin-top: 20px;}
    .col-advan .information .number ul li img{width: 46px;}
    .col-advan .information .number ul li p.data{margin-bottom: 4px; font-size: 30px;}
    .col-advan .information .content{margin-top: 30px;}
    .col-advan .information .imglist{margin-top: 45px;}
    .col-advan .information .imglist ul{margin: 0 -7px;}
    .col-advan .information .imglist ul li{padding: 0 7px;}
    .col-advan .information .three{margin-top: 50px;}
    .col-advan .information .three .desc{margin-top: 50px;}
    .col-advan .information .three .desc ul{margin-top: 70px;}
    .col-advan .information .three .desc ul li{margin-right: 1.5vw;padding: 4.5vw 1.56vw;padding-top: calc(4.5vw + 33px);}
    .col-advan .information .three .desc ul li .num{ padding: 6px;}
    .col-advan .information .three .desc ul li .num span{width: 50px;height: 50px;line-height: 50px;font-size: 20px;}

    .col-service{padding-top: 55px;padding-bottom: 55px;}
    .col-service .text{width: 100%;padding-right: 0; }
    .col-service .swiper-container{width: 100%;padding-top: 60px;margin-top: 30px; position: relative;}
    .col-service .swiper-container .swiper-button-prev,
    .col-service .swiper-container .swiper-button-next{bottom: auto;top: 0;}
/*page advantage*/
/*page job*/
    .col-cooperate-top{padding-top: 55px;padding-bottom: 55px;}
    .col-cooperate-top .content{margin-top: 20px}
    .col-cooperate-top .list{margin-top: 40px;}
    .col-cooperate-top .list ul li img{margin-bottom: 20px;}
    .col-cooperate-top .list ul li p.tit{margin-bottom: 5px;}

    .col-cooperate-middle.flex{flex-wrap: wrap;}
    .col-cooperate-middle .content{padding: 0 5vw;}
    .col-cooperate-middle .content h3{margin-bottom: 30px;}
    .col-cooperate-middle .content hr{margin-top: 40px;}
    .col-cooperate-middle .panel{max-width: none;padding: 55px 0;}
    .col-cooperate-middle .text{padding-right: 0;}

    .col-cooperate-bottom{ padding-top: 55px;padding-bottom: 23px;}
    .col-cooperate-bottom h3{margin-bottom: 13px;}
    .col-cooperate-bottom .pic{margin-top: 40px;}

    .col-page-recruit{padding-top: 55px;padding-bottom: 55px;}
    .recruit-contact{margin-top: 40px; padding-top: 28px; }
    .recruit-contact ul{flex-wrap: wrap;}
    .recruit-contact ul li{padding-left: 55px;margin-top: 10px;}
    .recruit-contact ul li img{width: 40px;top: 5px;}
    .recruit-contact ul li p.tit{margin-bottom: 4px;}
    .recruit-contact ul li:first-child{padding-right: 0;}
    .col-job ul{margin-top: 40px;}
    .col-job ul li{ margin-bottom: 20px; }
    .col-job ul li span.jia{width: 80px;}
    .col-job ul li.li1,
    .col-job ul li .jobtit{padding:12px 2.86vw;}
    .col-job ul li.li1 .row,
    .col-job ul li .jobtit .row{padding-right: 80px;}
    .col-job ul li .jobcon{padding:0 2.86vw 30px;}
    .col-job ul li .jobcon .xian{padding-top: 5px;}
    .col-job ul li .jobcon .con{margin-top: 15px;}
    .col-job ul li .jobcon .zwms{margin-bottom: 10px;}
    .apply{ margin-top: 25px; }
    .apply a{padding: 5px 15px;}
    .col-jobform{padding-top: 55px;}
    .message ul{padding-top: 10px;}
    .message ul li.sub input{height: 40px;}
/*page job*/
/*page contact*/
    .col-lzjb .text{padding: 33px 0;}
    .col-lzjb .text h3{margin-bottom: 10px; }

    .col-page-contact{padding-top: 40px;padding-bottom: 30px;}
    .col-page-contact .content{margin-top: 20px;}
    .col-page-contact .content ul{flex-wrap: wrap;margin: 0;}
    .col-page-contact .content ul li{width: 100%;padding: 20px 0; border: 0; border-bottom: 1px solid #e1e1e1;}
    .col-page-contact .content ul li p.tit{margin-bottom: 7px;}
/*page contact*/

}
@media (max-width: 767px){
    .col-index-about .number ul li p.num{font-size: 24px;}
    .col-index-shenhe .desc span.data{font-size: 64px;}
    .news li {flex-wrap: wrap;}
    .news li .pic{width: 100%;max-width: 320px;}
    .news li .text{width: 100%;padding: 0;margin-top: 15px;}
    .col-advan .information .imglist {margin-top: 30px;}
    .col-advan .information .imglist ul li{width: 50%;margin-top: 14px;}
    .col-advan .information .three .desc ul {flex-wrap: wrap;}
    .col-advan .information .three .desc ul li{width: 100%;margin-bottom: 50px;}
    .col-cooperate-top .list ul {position: static;}
    .col-cooperate-top .list ul li{width: 100%;margin: 0 0 15px!important;padding: 5vw 0; position: static; border: 1px solid #b2c9e3;border-radius: 5px;}
    .col-cooperate-top .list ul li.pic:after{padding-bottom: 0;}
}
@media (max-width: 400px){}

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;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f40{font-size: 2.08vw;}
.f44{font-size: 2.29vw;}
.f45{font-size: 2.34vw;}
.f48{font-size: 2.5vw;}
.f50{font-size: 2.6vw;}
.f55{font-size: 2.86vw;}
.f72{font-size: 3.75vw;}
@media (max-width: 1400px){
    .f15{font-size: 14px;}
    .f16{font-size: 14px;}
    .f18{font-size: 16px;}
    .f20{font-size: 18px;}
    .f22{font-size: 20px;}
    .f24{font-size: 20px;}
    .f25{font-size: 20px;}
    .f28{font-size: 22px;}
    .f30{font-size: 24px;}
    .f33{font-size: 24px;}
    .f35{font-size: 24px;}
    .f36{font-size: 24px;}
    .f40{font-size: 30px;}
    .f44{font-size: 30px;}
    .f45{font-size: 30px;}
    .f48{font-size: 30px;}
    .f50{font-size: 35px;}
    .f55{font-size: 35px;}
}
@media (max-width: 991px){
    .f18{font-size: 15px;}
    .f20{font-size: 16px;}
    .f22{font-size: 18px;}
    .f24{font-size: 18px;}
    .f25{font-size: 18px;}
    .f28{font-size: 20px;}
    .f30{font-size: 20px;}
    .f33{font-size: 20px;}
    .f35{font-size: 20px;}
    .f36{font-size: 20px;}
    .f40{font-size: 24px;}
    .f44{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;}
    .f44{font-size: 22px;}
    .f45{font-size: 22px;}
    .f48{font-size: 22px;}
    .f50{font-size: 24px;}
    .f55{font-size: 24px;}
    .f72{font-size: 24px;}
}<!--ºÄʱ1767323307.2756Ãë-->