/*
首页模块命名规范：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: #ed6d00; 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;}

.col-title h3{line-height: 1.2; color: #000;}
.col-title p{margin-top: 10px; line-height: 1.6;}

#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;width: 15%;max-width: 189px; line-height: 100px;}
    header h1 img.img2{display: none;}
    header .container{position: relative;width: 100%;max-width: 1830px;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-top: 2.08vw; transition: 0.5s; }

    .nav{width:60%;max-width: 810px;  position: absolute;left: 50%;transform: translateX(-50%);top: 0;}
    .nav ul{display: flex;justify-content: space-between;}
    .nav ul li{padding:0 1.5vw; line-height: 100px;cursor: pointer;position: relative;}
    .nav ul li span{display: block;position: relative;z-index: 2;}
    .nav ul li span:after{content: '';width:0;position: absolute;left: 0;bottom:-1px; border-bottom: 3px solid #13507b;opacity: 0;transition: 0.5s;}
    .nav ul li a{color: #fff;}
    .nav .drop { display: none; width:280px; position: absolute; left: 50%;margin-left:-140px;padding:12px 8px; text-align: center; line-height: 1.8; background: #fff;
        animation-duration: 0.6s;   
        -webkit-animation-duration: 0.6s;}
    .nav .drop a {display: block; color: #000;margin:5px 0;}
    .nav ul li:hover span:after{width: 100%;opacity: 1;}
    .nav ul li:hover a{color: #00447e;}
    .nav ul li:hover .drop a{color: #000;}
    .nav ul li:hover .drop a:hover {  color: #00457e;}

    .language{margin-top: 30px; height: 40px;line-height: 40px; color: rgba(255,255,255,0.4);}
    .language span{padding: 0 8px;}
    .language a{color: rgba(255,255,255,0.4);}
    .language a:hover,
    .language a.on{color: #fff;}

    .headerSear{margin-top: 30px;margin-left: 2vw;}
    .headerSear a i{display: block;width: 40px;height: 40px;line-height:40px;text-align: center; font-size:20px;color: #000;background: #fff;border-radius: 50%;transition: 0.5s;}
    .headerSear a i:hover{background: #00457e;color: #fff;}

    .head.on{padding-top: 0; height: 100px;background: #fff; border-bottom: 1px solid #e5e5e5;box-shadow: 0 0 10px rgba(0,0,0,.15);}
    .head.on h1 img.img1{display: none;}
    .head.on h1 img.img2{display: inline-block;}
    .head.on .nav ul li a{color: #000;}
    .head.on .language{color: rgba(0,0,0,0.4);}
    .head.on .language a{color: rgba(0,0,0,0.4);}
    .head.on .language a:hover,
    .head.on .language a.on{color: #000;}
    .head.on .headerSear a i{box-shadow: 0px 0px 8px 0px rgb( 0, 0, 0,0.1 );}
/*header*/
/*footer*/
    .footer{padding: 4% 3% 0;}
    .footer .container{max-width: 1800px;}
    .footerCon{width: 30%;padding-right: 2vw;}
    .footerCon img.flogo{width: 165px;}
    .footerCon p.tel{margin:3.64vw 0 10px;color: #000;line-height: 1;}
    .footerCon .qrcode{display: flex;align-items: center;margin-top: 2.5vw;}
    .footerCon .qrcode img{width: 82px;}
    .footerCon .qrcode .tit{padding-left: 1.3vw;}
    .footerCon .qrcode .tit span{display: block;width: 17px;height: 3px;margin-bottom: 8px; background: #ed6d00;}

    .footerNav{width:64%;max-width: 1080px;}
    .footerNav ul{display: flex;justify-content: space-between;margin:0 -10px;}
    .footerNav ul li{width: auto;min-width: 15%; margin-top: -2.6vw;padding: 0 10px;}
    .footerNav ul li .panel{margin-top: 2.6vw;background: none;}
    .footerNav ul li h4{margin-bottom: 1.56vw;line-height: 1.3;}
    .footerNav ul li h4 a{color: #000;}

    .copy{width: 100%;padding: 2vw 0;margin-top: 4vw; border-top:1px solid #e5e5e5; line-height: 1.8;}
/*footer*/

/*-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%;position: absolute;left: 0;color: #fff;}
    .banner .swiper-slide .content h2{font-weight: bold;line-height: 1.25;}
    #bannerDown{position: absolute;left: 50%;transform: translateX(-50%); bottom:0; color: #fff;text-transform: uppercase;letter-spacing: 1px; z-index: 1;cursor: pointer;}
    #bannerDown .shu{width: 1px;height:3vw;margin:1vw auto 0;position: relative; background: rgba(255,255,255,0.2);}
    #bannerDown .shu span{display: block;width: 1px;height:1.19vw;position: absolute;left: 0;top:0;background: #ed6d00;transition: 0.5s;}
    #bannerDown:hover .shu span{height: 100%;}
    /*index*/
    .banner-index .swiper-slide .pic:after{padding-bottom:50%;}
    .banVideo{width: 100%;height: 100%;position: absolute;left:0;top:0;background: #000;overflow: hidden;}
    .banner-index .swiper-slide .content{bottom:14vw;}
    .banner-index .swiper-slide .content p{line-height: 1;font-weight: bold;text-transform: uppercase;color: rgba(255,255,255,0.5);}
    .banner-index .swiper-slide .content h2{margin-top: 0.78vw;}

    .banner-index .swiper-banner .swiper-pagination{padding: 0 5%; bottom:2vw;text-align: left;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;margin:0 4px;background:#fff;opacity: 1;outline: none;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet-active{background:#ed6d00;}
    .banner-index .swiper-banner.swiper-no-swiping .swiper-pagination{display: none;}
    /*page*/
    .banner-page .swiper-slide .content{top:0;height: 100%;padding-top: 60px; display: flex;align-items: center;}
    .banner-page .swiper-slide .pic:after{padding-bottom:26.04%;}
    .banner-page .swiper-slide .content p{margin-top: 0.52vw; line-height: 1;font-weight: bold;text-transform: uppercase;color: rgba(255,255,255,0.5);}
    /*产品*/
    .banner-page .swiper-slide-product .pic:after{padding-bottom: 50%;}
    .banner-page .swiper-slide-product .content{padding-top: 100px;}
    .banner-page .swiper-slide-product .content .container{max-width: 850px;}
    .banner-page .swiper-slide-product .content h2{margin-bottom: 2vw;}
    .banner-page .swiper-slide-product .content p{margin-top: 0;line-height: 1.5;font-weight: normal;color: #fff;}
    /*应用*/
    .banner-page .swiper-slide-applica .pic:after{padding-bottom: 41.666%;}
    .banner-page .swiper-slide-applica .content{padding-top:20px;}
    .banner-page .swiper-slide-applica .content h2{padding-left: 1vw;min-width: 412px; float: right; line-height: 1;text-align: left; text-transform: uppercase;border-left: 5px solid #ed6d00;}
    .banner-page .swiper-slide-applica .content h2 span.en{display: block;margin-top: 10px;}

    @media (max-width: 991px) {
        /*.banner{margin-top: 55px;}*/
        .banner-index .swiper-slide .content{bottom: 11vw;}
        .banner-index .swiper-slide .content h2{margin-top: 7px;}
        .banner-index .swiper-banner .swiper-pagination{bottom:10px;text-align: center;}
        .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px;}
        
        .banner-page .swiper-slide{height:258px;}
        .banner-page .swiper-slide .content{padding-top: 40px;}
        .banner-page .swiper-slide .content p{margin-top: 5px;}
        /*产品*/
        .banner-page .swiper-slide-product{height: auto;}
        .banner-page .swiper-slide-product .content{padding-top: 55px;}
        .banner-page .swiper-slide-product .content p{margin-top: 0;}
        /*应用*/
        .banner-page .swiper-slide-applica{height: auto;}
        .banner-page .swiper-slide-applica .content{padding-top:20px;}
        .banner-page .swiper-slide-applica .content h2{padding-left: 10px;min-width: auto;border-left:3px solid #ed6d00;}
    }
    @media (max-width: 767px) {
        /*产品*/
        .banner-page .swiper-slide-product{height: 384px;}
        .banner-page .swiper-slide-product .content h2{margin-bottom: 15px;}
        /*应用*/
        .banner-page .swiper-slide-applica{height: 320px;}
    }
/*-banner-*/

/*index about*/
    .col-index-about{padding-top: 7.81%;padding-bottom: 7.81%; color: #fff; }
    .col-index-about .content{width: 60%;max-width: 577px;}
    .col-index-about .content h3{line-height: 1.22; }
    .col-index-about .content h3 img{position: relative;top: -1px;}
    .col-index-about .content p{line-height: 1.66;color: rgba(255,255,255,0.7);}
    .col-index-about .content hr{width: 1.979vw;max-width: 38px;min-width: 20px;margin:3.64vw 0 1.56vw; border-width: 5px;border-color: #ed6d00;}
    .col-index-about .content a.more{display: inline-block;min-width:9.375vw;padding: 0.8vw 20px;margin-top: 5vw; text-align: center; line-height: 25px;color: #fff; border:2px solid rgba(255,255,255,0.2);border-radius:30px; }
    .col-index-about .content a.more:hover{background: #fff;border-color: #fff;color: #ed6d00;}

    .index-number ul{margin-top: -2vw;}
    .index-number ul li{display: flex;align-items: center;padding: 2vw 0;}
    .index-number ul li p{line-height: 1.6;}
    .index-number ul li .img{width:7.29vw;padding-right: 2.86vw;}
    .index-number ul li .img img{width: 4.27vw;}
    .index-number ul li .data{}
    .index-number ul li .num{margin-top: 8px;color: #ed6d00;}
    .index-number ul li .num .countup{font-family: 'Arial'; font-size: 2.81vw;font-weight: bold; line-height: 0.8;}
/*index about*/
/*index product*/
    .col-index-product{padding:6% 3% 7%;}
    .col-index-product .list{margin-top: 3vw;}
    .col-index-product .list ul{display: flex;border-left: 1px solid #e5e5e5;}
    .col-index-product .list ul li{float: left;width:14%;padding:7vw 1.8vw 3.59vw;min-height:31.25vw; position: relative; border-right: 1px solid #e5e5e5;cursor: pointer;transition: 0.5s;}
    .col-index-product .list ul li .bg{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 1;transition: 0.5;opacity: 0;}
    .col-index-product .list ul li .panel{ padding-bottom:70px; position: relative;z-index: 2;background: none;}
    .col-index-product .list .title{position: relative; font-size:19px; color: #000;line-height: 1.25;}
    .col-index-product .list .title:before{content: '';width: 3px;height: 100%;background: #ed6d00;position: absolute;left: -1.8vw;top:0;margin-left: -1px;}
    .col-index-product .list .title span{display: block;font-size: 1.2em;}
    .col-index-product .list .desc{margin-top: 2vw; height: 3em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:2;
        text-overflow: ellipsis;
    }
    .col-index-product .list .desc p{line-height: 1.5em;}
    .col-index-product .list .more{position: absolute;left:1.8vw;bottom:3.59vw;z-index: 2;}
    .col-index-product .list .more a{display: block;width: 50px;height: 50px;position: relative; border-radius: 50%;border:1px solid #e5e5e5;background: #fff;}
    .col-index-product .list .more a span{display: block;position: absolute;left: 50%;top:50%;background: #ed6d00;}
    .col-index-product .list .more a span.span1{width: 2px;height: 12px;margin-left: -1px;margin-top: -6px;}
    .col-index-product .list .more a span.span2{width: 12px;height: 2px;margin-left: -6px;margin-top: -1px;}
    .col-index-product .list ul li.active{width: 30%;padding-top: 5vw; color: #fff;}
    .col-index-product .list ul li.active .bg{opacity: 1;}
    .col-index-product .list ul li.active .title{font-size: 2em; color: #fff;}
    .col-index-product .list ul li.active .title:before{display: none;}
/*index product*/
/*index applica*/
    .col-index-applica {width: 100%; position: relative;background: #ccc;}
    .col-index-applica .swiper-slide{width: 100%;background-size: cover;background-position: center;position: relative;}
    .col-index-applica .swiper-slide .pic:after{padding-bottom:50%; }
    .col-index-applica .swiper-slide .content{width: 100%;height: 100%;position: absolute;left: 0;top:0;display: flex;align-items: center; color: #fff;}
    .col-index-applica .swiper-slide .tips{ line-height: 1;text-transform: uppercase;font-weight: bold; }
    .col-index-applica .swiper-slide h3{margin-top: 10px; font-size: 2.708vw;}
    .col-index-applica .swiper-slide .con{margin-top: 2.34vw; max-width: 480px;height: 6.64em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:4;
        text-overflow: ellipsis;
    }
    .col-index-applica .swiper-slide .con p{line-height: 1.66em;}
    .col-index-applica .swiper-slide .more{margin-top: 3.54vw;}
    .col-index-applica .swiper-slide .more a{display: inline-block;min-width:9.375vw;padding: 0.8vw 20px; text-align: center; line-height: 25px;color: #fff; border:2px solid rgba(255,255,255,0.2);border-radius:30px;}
    .col-index-applica .swiper-slide .more a:hover{background: #fff;border-color: #fff;color: #ed6d00;}
    .col-index-applica .list{position: absolute;right:3vw;top:50%;transform: translateY(-50%);z-index: 2;}
    .col-index-applica .list ul li{margin:8px 0;opacity: 0.5;transition: 0.5s;}
    .col-index-applica .list ul li a{color: #fff;}
    .col-index-applica .list ul li.on{opacity: 1;}
/*index applica*/

/*page about*/
    .page-number{padding:0;padding-left: 4.89vw;}
    .page-number ul{display: flex;margin:0 -2.3vw;}
    .page-number ul li{padding: 0 2.3vw;border-right: 1px solid #e5e5e5;}
    .page-number ul li p{line-height: 1.66;}
    .page-number ul li p.data{margin-top: 10px; font-size:2.81vw;line-height: 0.8;color: #ed6d00;font-weight: bold; }
    .page-number ul li:last-child{border:0;}
    .col-page-about{padding-top: 7%;padding-bottom: 6%;}
    .col-page-about .flex{display: flex;flex-wrap: wrap;align-items: flex-end;padding-bottom: 3.54vw;}
    .col-page-about .col-title{padding: 0;}
    .col-page-about .col-title h3{line-height: 1.29;}
    .col-page-about .col-title h3 b{color: #ed6d00;}

    .col-page-about .content{padding: 0;padding-right: 1.5vw;}
    .col-page-about .content hr{margin:0 0 4vw;border-color: #e5e5e5;}
    .col-page-about .content p{line-height: 1.66;}
    .col-page-about .pic{padding: 0;padding-left: 4.89vw;}

    .col-about-history{padding: 7% 3%;}
    .col-about-history .list{position: relative;padding:90px 0;}
    .col-about-history .history{width:100%;height: 100%; position: absolute;left:0;top:0;}
    .col-about-history .swiper-container{height: 100%;padding: 90px 10%;}
    .col-about-history .swiper-slide{ height: 100%;}
    .col-about-history .swiper-slide ul{opacity: 0; transition: 0.5s;}
    .col-about-history .swiper-slide ul li{position: absolute;}
    .col-about-history .swiper-slide ul li span.dian{display: block; width: 1vw;height: 1vw;background: #fff;box-shadow: 0px 0px 15px 0px rgba( 31, 98, 255,0.46 );border-radius: 50%;}
    .col-about-history .swiper-slide ul li h4{margin-bottom: 5px; color: #000;line-height: 1.2;}
    .col-about-history .swiper-slide ul li .con{width: 230px;position: absolute;left:50%;margin-left: -115px; }
    .col-about-history .swiper-slide ul li .con p{line-height: 1.6;}
    .col-about-history .swiper-slide ul li.li1{left:6%;top:91.5%;}
    .col-about-history .swiper-slide ul li.li1 .con{top:100%;margin-top: 0.5vw;}
    .col-about-history .swiper-slide ul li.li2{left:20%;top:67.51%;}
    .col-about-history .swiper-slide ul li.li2 .con{bottom:100%;margin-bottom: 4vw;}
    .col-about-history .swiper-slide ul li.li3{left:35%;top:42.76%;}
    .col-about-history .swiper-slide ul li.li3 .con{top:100%;margin-top: 2vw;}
    .col-about-history .swiper-slide ul li.li4{left:51%;top:59.5%;}
    .col-about-history .swiper-slide ul li.li4 .con{bottom:100%;margin-bottom:3vw;}
    .col-about-history .swiper-slide ul li.li5{left:66%;top:25%;}
    .col-about-history .swiper-slide ul li.li5 .con{top:100%;margin-top:3vw;}
    .col-about-history .swiper-slide ul li.li6{left:82%;top:7.5%;}
    .col-about-history .swiper-slide ul li.li6 .con{bottom:100%;margin-bottom:1vw;}
    .col-about-history .swiper-slide-active ul{opacity: 1;}

    .col-about-honor{padding-top: 8%;padding-bottom: 8%;}
    .col-about-honor .col-title h3{color: #fff;}
    .col-about-honor .swiper-container{margin-top: 3.64vw;}
    .col-about-honor .swiper-slide{height: auto;}
    .col-about-honor .swiper-slide .panel{height: 100%; padding:25px 15px;border-radius: 5px;}
    .col-about-honor .swiper-slide .pic:after{padding-bottom:100%;}
    .col-about-honor .swiper-slide p{margin-top: 1.8vw;}
    .col-about-honor .swiper-container .swiper-pagination{position: static;margin-top: 3.38vw;}
    .col-about-honor .swiper-container .swiper-pagination .swiper-pagination-bullet { width:14px;height:14px;margin:0 4px;background: none;border:2px solid #fff; opacity: 1; outline: none;}
    .col-about-honor .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #fff; }
/*page about*/
/*page service*/
    .col-page-service{padding-top: 7.8%;padding-bottom: 7.8%;}
    .col-page-service .flex{display: flex;align-items: center;}
    .col-page-service .pic{width: 41.22%;}
    .col-page-service .content{width: 58.78%;padding-right: 6vw; line-height: 1.66; }
    .col-page-service .content p{line-height: 1.66;}
    .col-page-service .content .col-title{margin-bottom: 1.3vw;}
    .col-page-service .content .col-title h3 span{color: #ed6d00;}
    .col-page-service .content ul{margin-top: 5.7vw;}
    .col-page-service .content ul li{float: left;padding-right:2.8vw;margin-right:2.8vw; border-right: 1px solid #e5e5e5;}
    .col-page-service .content ul li p.data{margin-top: 10px; font-size: 2.81vw;line-height: 0.8;text-transform: uppercase;color: #ed6d00;font-family: 'Impact';}
    .col-page-service .content ul li:last-child{padding-right: 0;margin-right: 0; border-right: 0;}

    .col-service-design{padding-top: 6.77%;padding-bottom: 6.77%; color: #fff; }
    .col-service-design .container{ max-width: 580px; }
    .col-service-design .col-title { margin-bottom: 1.56vw; }
    .col-service-design .col-title h3{ color: #fff; }

    .col-design-list{padding-top: 3.125%;padding-bottom: 5.5%; background: #f1f5f9;}
    .design{margin-top: -1px; border-top:1px solid #d8dce0;border-bottom: 1px solid #d8dce0; }
    .design .container{padding: 1.3vw 0;}
    .design h4{position: relative; color: #000;line-height: 1.2;}
    .design h4 a.drop{position: absolute;right: 0;top:50%;margin-top: -15px;transition: 0s;}
    .design h4 img{border-radius: 50%;}
    .design .content{min-height: 100px;padding-left: 20%;}
    .design.on{ background: #fff; }
    .design.on h4{position: absolute;left: 0;top:1.3vw;}
    .design.on h4 a.drop{opacity: 0;}

    .col-service-download{padding-top: 6.66%;padding-bottom: 6.66%;}
    .col-service-download .col-title h3{color: #fff;}
    .col-service-download .content{max-width: 740px;margin:1.82vw auto 0; color: #fff; line-height: 1.66; }
    .col-service-download .content p{line-height: 1.66;}
    .col-service-download .list{margin-top: 2.6vw;}
    .col-service-download .list ul{}
    .col-service-download .list ul li{display: flex;color: #000;margin-top: 1px;}
    .col-service-download .list ul li div{width: 12.85%;margin:0 0.5px;padding: 0.91vw 1vw;line-height: 25px; background: rgba(255,255,255,0.65);text-transform: uppercase;}
    .col-service-download .list ul li .title{width: 50%;}
    .col-service-download .list ul li .down{width: 24.28%;}
    .col-service-download .list ul li .down a{color: #000;}
    .col-service-download .list ul li .down a i{margin-left: 10px;color: #ed6d00;}
    .col-service-download .list ul li .down a:hover{color: #ed6d00;}
    .col-service-download .list ul li.first{color: #666;}
    .col-service-download .list ul li.first div{padding: 1.69vw 1vw; background: rgba(255,255,255,0.9);}
/*page service*/
/*page contact*/
    .col-page-contact{padding-top: 5%;padding-bottom: 6%; background: #f1f5f9;}
    .contact {margin-top: 1.8vw;display: flex;}
    .contact p b,
    .contact p strong{color: #000;text-transform: uppercase;}
    .contact p a{color: #0073bd;text-decoration: underline;}
    .contact .contentl{width: 38.14%;padding-right: 4vw;}
    .contact .contentl p img{position: relative;top: -2px;margin-right: 7px;}
    .contact .map{margin-top: 3vw;}
    .contact .map a{display: inline-block;min-width: 10.41vw;padding: 0.65vw 20px; line-height: 25px;text-align: center; border-radius: 25px;background: #fff;}
    .contact .map a img{position: relative;top: -2px;}
    .contact .map a:hover{background: #ed6d00;color: #fff;}
    .contact .contentl ul{margin-top: 1.5vw;}
    .contact .contentr{width: 61.85%;}
    .contact .contentr ul{display: flex;height: 100%;}
    .contact .contentr ul li{width: 100%;height: 100%;margin-right: 13px;padding: 2vw 1.3vw; border-top:4px solid #ed6d00;background: #fff;}
    .contact .contentr ul li h4{margin-bottom: 1.45vw; font-weight: bold;color: #000;}
    .contact .contentr ul li p{line-height: 1.5;}
    .contact .contentr ul li p strong{display: block;}
    .contact .contentr ul li:last-child{margin-right: 0;}

    .message{margin-top: 5vw; padding-top: 3.9vw; border-top:1px solid #d8dce0; }
    .mess{padding: 0;margin-top: 15px;}
    .mess ul li{margin-top: 17px;}
    .mess ul li input,
    .mess ul li textarea{width: 100%;float: left;padding: 0 17px; height: 58px;line-height: 56px; border-radius: 10px;border:1px solid #dcdcdc;box-shadow: 2px 3.464px 8px 0px rgba( 0, 43, 105,0.07 );outline: none;}
    .mess ul li textarea{height:11.14vw;max-height: 214px;min-height: 110px;padding: 15px 17px;line-height: 1.8; }
    .mess ul li.li4{display: flex;align-items: center;}
    .mess ul li.li4 input{width: 40%;max-width: 200px;height: 50px;line-height: 48px;margin-right: 10px;background: none;border-radius: 0;}
    .mess ul li.sub{margin-top: 2.6vw;}
    .mess ul li.sub input{width: 40%;max-width: 200px;height: 50px;line-height: 48px;background: #fb7f03;border-color: #ed6d00;color: #fff;border-radius: 25px;}
    .mess ul li.tips{max-width: 495px;}
    .mess.cons{padding-left:5vw;}
/*page contact*/

/*page product*/
    .col-page-product{padding-top: 4.68%;padding-bottom: 6%;}
    .col-product-tab{display: flex; border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
    .col-product-tab a{display: block;width: 100%;padding: 1.3vw;line-height: 20px; position: relative; color: #000;}
    .col-product-tab a span{display: none;width: 100%; position: absolute;left: 0;bottom:-1px;border-top:2px solid #ed6d00;}
    .col-product-tab a.flex-active{color: #ed6d00;}
    .col-product-tab a.flex-active span{display: block;}
    .col-product-sildes{background: #f1f5f9;}
    .col-product-sildes .slides_box{padding: 3.38vw 7vw;}

    .col-page-product .list{margin-top: 5.5vw;}
    .pro ul li .panel{cursor: pointer;}
    .pro ul li .pic{border-radius: 5px;}
    .pro ul li .pic:after{padding-bottom: 100%;}
    .pro ul li .pic img{transition: 0.5s;}
    .pro ul li p{margin-top: 1.7vw;}
    .pro ul li .panel:hover .pic img{transform: scale(1.08);opacity: 0.8;}

    .col-page-product .list .pro ul{margin:0 -1vw;}
    .col-page-product .list .pro ul li{padding: 0 1vw;margin-top: 3vw;}

    /*proshow*/
    .col-prodet{margin-top: 100px;padding-top: 6%;padding-bottom: 6%;}
    .product-related{margin-top: 6vw;}
    .product-related .swiper-related-product{margin-top: 3vw;}
    .product-related .swiper-container .swiper-pagination{position: static;margin-top: 3vw;}
    .product-related .swiper-container .swiper-pagination .swiper-pagination-bullet { width:10px;height:10px;margin:0 5px;background: none;border:1px solid rgba(0,0,0,0.3); opacity: 1; outline: none;}
    .product-related .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #000;border-color: #000; }

    .pro_show{padding: 4vw; background: #f1f5f9; }
    .pro_show .bimg{width: 49%;}
    .pro_show .content{width: 51%;padding-left: 5.5vw;padding-top: 1vw;}
    .pro_show .content h1{color: #000;}
    .pro_show .content .con{margin-top: 2.86vw; line-height: 1.66; }
    .pro_show .content .con p{ line-height: 1.66; }
    .pro_show .content .con strong{color: #000;}
    .pro_show .content .con ul{}
    .pro_show .content .con ul li{margin-bottom: 1.56vw;}
    .pro_show .content .con ul li:last-child{margin-bottom: 0;}
    .pro_show .proDown{margin-top: 4vw;}
    .pro_show .proDown a{display: inline-block;min-width:11.458vw;padding: 0.65vw 20px;text-align: center;color: #fff;line-height: 25px; background: #00457e; }
    .pro_show .proDown a i{margin-left: 10px;}
    .pro_show .proDown a:hover{background: #ed6d00;}

    .pro_show .product-contents{margin-top: 4vw; line-height: 1.8; }
    .pro_show .product-contents ul{margin:0 -1vw;}
    .pro_show .product-contents ul li{width: 50%;padding: 0 1vw; float: left;}
    .pro_show .product-contents table{width: 100%;}
    .pro_show .product-contents table tr.firstRow{color: #000;font-weight: bold;}
    .pro_show .product-contents table tr td{padding:0.8vw 1.5vw;}
    .pro_show .product-contents table tr:nth-child(odd){background: #fff;}
/*page product*/
/*page applica*/
    .col-page-applica .text{width: 60%;max-width: 542px; color: #fff;opacity: 0;}
    .col-page-applica .text h3{margin-bottom: 4vh;padding-left: 0.78vw; line-height: 1;text-transform: uppercase;border-left: 5px solid #ed6d00; }
    .col-page-applica .text h3 span{display: block;margin-top: 0.78vw; color: rgba(255,255,255,0.5);}
    .col-page-applica .text p{line-height: 1.66;}
    .col-page-applica .text .more{margin-top:5vh;}
    .col-page-applica .text .more a{display: inline-block;min-width:9.375vw;padding: 0.8vw 20px; text-align: center; line-height: 25px;color: #fff; border:2px solid rgba(255,255,255,0.2);border-radius:30px;}
    .col-page-applica .text .more a:hover{background: #fff;border-color: #fff;color: #ed6d00;}

    .col-page-applica1 .text{position: relative;left: 40px;}

    #applica-body .fadeinleft{transform: translateX(-40px);transition-duration: 1s;}
    #applica-body .fadeinright{transform: translateX(40px);transition-duration: 1s;}
    #applica-body .section.active .fadeinleft,
    #applica-body .section.active .fadeinright{transform: none;opacity: 1;transition-delay: 0.5s}

    .col-page-applicadet{padding-top: 6%;padding-bottom: 6%;}
    .col-page-applicadet .container{max-width: 1540px;}
    .col-page-applicadet .content{ color: #242424;line-height: 1.66; }
    .col-page-applicadet .content p{line-height: 1.66;}
    .col-page-applicadet .col-title{margin-top: 3vw;}
    .col-page-applicadet .desc{margin-top: 2.8vw;}
/*page applica

/*news*/
    .news li .panel{padding: 1.25vw; border-radius: 10px;box-shadow: 5px 8.66px 40px 0px rgba( 27, 39, 55,0.15 );overflow: hidden;cursor: pointer;}
    .news li .pic{border-radius: 5px;background: #ccc;}
    .news li .pic:after{padding-bottom: 64.835%;}
    .news li .pic img{transition: 0.5s;}
    .news li .txt{padding-top: 1.82vw;}
    .news li span{display: block;line-height: 1;color: #999;}
    .news li h4{margin-top: 1vw; height: 3.4em;line-height: 1.7em;overflow: hidden;}
    .news li h4 a{color: #000;}
    .news li hr{margin:1.56vw 0 1.3vw;border-width: 2px;border-color: #f5f5f5;}
    .news li a.more{display: inline-block;position: relative;color: #000;}
    .news li a.more i{display: block;position: absolute;left: 100%;top:50%;margin-top: -10px;margin-left: 10px; width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;background: #ed6d00;border-radius: 50%;}
    .news li .panel:hover .pic img{transform: scale(1.08);}
    .news li .panel:hover h4 a{color: #00447e}
    .news li .panel:hover a.more{color: #ed6d00;}
    /*index*/
    .col-index-news{padding-top: 5.5%;padding-bottom: 5.5%;}
    .col-index-news .swiper-container{margin-top: 3.38vw; overflow: visible;}
    .col-index-news .swiper-container .button{margin-top: 3vw; text-align: center;}
    .col-index-news .swiper-container .button>*{display: inline-block;position: static;}
    .col-index-news .swiper-container .swiper-button-prev,
    .col-index-news .swiper-container .swiper-button-next{ width: auto;height: auto;margin:0;background: none;opacity: 1;outline: none;}
    .col-index-news .swiper-container .swiper-button-next{transform: rotateY(180deg);}
    .col-index-news .swiper-container .swiper-button-prev i,
    .col-index-news .swiper-container .swiper-button-next i{color: #bec1c5;font-weight: bold; transition: 0.5s; }
    .col-index-news .swiper-container .swiper-button-prev i:hover,
    .col-index-news .swiper-container .swiper-button-next i:hover{color: #000;}
    .col-index-news .swiper-container .swiper-pagination{padding: 0 5px;}
    .col-index-news .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 10px;height: 10px;margin:0 5px;background: #bec1c5;opacity: 1; outline: none;}
    .col-index-news .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #ed6d00; }
    /*page*/
    .col-page-news{padding-top: 5.5%;padding-bottom: 5.5%; background: #f2f4f9; }

    .col-page-search{display:block;position:relative;width:52.71%;min-width:400px;margin: 0 auto;padding: 4px;background:#fff;border-radius: 30px;box-shadow: 0px 0px 10px 0px rgba( 0, 0, 0,0.07 ); overflow:hidden;}
    .col-page-search input{width:100%;border:0; line-height:55px;padding:0 70px 0 25px;outline: none;color: #000;transition: 0.5s;}
    .col-page-search a#head_search{display:block;position:absolute;right:4px;top:4px;cursor:pointer;}
    .col-page-search a#head_search i{display: block;width: 55px;height: 55px;line-height: 55px;text-align: center;color:#fff;background: #ed6d00;border-radius: 50%;}

    .col-page-news .news ul{margin:0 -2vw;padding-top: 10px;}
    .col-page-news .news ul li{padding: 0 2vw;margin-top:4.68vw;}
    /*newshow*/
    .newshow .newshowtit {
      text-align: center;
      border-bottom: 1px dotted #bfbebe;
    }
    .newshow .newshowtit h1 {
      color: #333;line-height: 1.3;
    }
    .newshow .newshowtit .date {
      line-height:1.8em;padding: 22px 0;
      color: #999;
    }
    .newshow .newshowtxt{margin:30px 0;}
    .newshow .newshowtxt p {
      line-height: 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: #00457e;
    }
    .prev-next a.prev {
      border-bottom: 1px dashed #d4d4d4;
    }
/*news*/
/*page*/
    .page { text-align: center;margin-top:4vw;}
    .page ul{margin:0;}
    .page li {  display: inline;}
    .page li a{
      font-family: 'Arial';
      border-radius: 50%!important;
      background: none!important;
      padding: 0;
      margin: 0 3px;
      display: inline-block;width: 2.6vw;height: 2.6vw;line-height: 2.6vw;
      color:#000;
      border:0!important;
    }
    .page li a:hover,
    .page li.active a {
      background: #ed6d00!important;
      color: #fff;
    }
    .page li.bgnone a{
      background: none;
    }
    .page li.bgnone a:hover {
      color: #2d2e66;
    }
    @media (max-width: 1400px) {
        .page li a{width: 36px;height: 36px;line-height: 36px;}
    }
    @media (max-width: 991px) {
        .page{margin-top: 40px;}
        .page li a{width: 30px;height: 30px;line-height: 30px;}
    }
/*page*/
/*站内搜索*/
    .goomay-keywords-light{ background: #dc3545 !important; color:#ffffff !important;}
    #search{ padding-top:5%;padding-bottom:5%;margin-top:100px;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-top: 55px;padding-bottom: 55px;margin-top: 55px;}
        .search_right{padding-left:15px;}
    }
    @media (max-width: 767px){
        .search_right{padding-left:0;margin-top:40px;}
        .entry-image{float: none;width: 100%;max-width: 300px;margin-bottom: 10px;}
    }
/*站内搜索*/
/*other*/
    #gotoTop{
        display: none;
        z-index: 299;
        position: fixed;
        width: 40px;
        height: 40px;
        background-color: 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: #ed6d00;
    }
/*other*/
@media (max-width: 1400px){}
/*手机版菜单*/
@media screen and (max-width: 991px)  {
    header h1{width: auto;height: 55px;line-height: 55px;}
    header h1 img{max-height: 80%;}
    .head{padding-top: 0;}
    .head.on{height: 55px;}
    #header a.mm_btn {background: center center no-repeat;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 .head.on .mm_btn .menu_bar_item .rect{background-color: #00457e;}
    #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%;}
/*footer*/
    .footer{padding: 50px 15px 0;text-align: center;}
    .footerCon{width: 100%;padding-right: 0;}
    .footerCon img.flogo{width: 165px;}
    .footerCon p.tel{margin:35px 0 10px;}
    .footerCon .qrcode{width: 165px; margin: 25px auto 0;}
    .footerCon .qrcode .tit{padding-left:13px;}

    .copy{padding: 20px 0;margin-top: 40px;}
/*footer*/
/*index about*/
    .col-index-about{padding-top: 60px;padding-bottom: 60px;}
    .col-index-about .content{width: 100%;max-width:none;}
    .col-index-about .content h3 {line-height: 1.3;}
    .col-index-about .content h3 img{height: 22px;}
    .col-index-about .content hr{margin:35px 0 15px; border-width: 3px;}
    .col-index-about .content a.more{padding:5px 20px;margin-top: 50px; border:1px solid rgba(255,255,255,0.2);}
    .index-number{width: 100%;}
    .index-number ul{margin-top:0;}
    .index-number ul li{padding:0;margin-top: 20px;}
    .index-number ul li .img{width:72px;padding-right:30px;}
    .index-number ul li .img img{width: 42px;}
    .index-number ul li .data{}
    .index-number ul li .num .countup{font-size:28px;}
/*index about*/
/*index product*/
    .col-index-product{padding:60px 5%;}
    .col-index-product .list{margin-top: 3vw;overflow: hidden;}
    .col-index-product .list ul{display: flex;flex-wrap: wrap;}
    .col-index-product .list ul li{width:33.333%;min-height:300px;border-top: 1px solid #e5e5e5;margin-top: -1px;}
    .col-index-product .list ul li .panel{ padding-bottom:70px; position: relative;z-index: 2;background: none;}
    .col-index-product .list .title{position: relative; font-size:16px; color: #000;line-height: 1.25;}
    .col-index-product .list .title:before{content: '';width: 3px;height: 100%;background: #ed6d00;position: absolute;left: -1.8vw;top:0;margin-left: -1px;}
    .col-index-product .list .title span{font-size: 1em;}
    .col-index-product .list .desc{margin-top: 20px; }
    .col-index-product .list .more a{width: 40px;height: 40px;}
    .col-index-product .list ul li.active{width: 33.333%;}
    .col-index-product .list ul li.active .title{font-size: 1.5em;}
/*index product*/
/*index applica*/
    .col-index-applica {width: 100%; position: relative;background: #ccc;}
    .col-index-applica .swiper-slide .pic{min-height: 380px;}
    .col-index-applica .swiper-slide .content{width: 100%;height: 100%;position: absolute;left: 0;top:0;display: flex;align-items: center; color: #fff;}
    .col-index-applica .swiper-slide .container{padding-right: 100px;}
    .col-index-applica .swiper-slide .tips{ line-height: 1;text-transform: uppercase;font-weight: bold; }
    .col-index-applica .swiper-slide h3{margin-top:8px; font-size:24px;}
    .col-index-applica .swiper-slide .con{margin-top:23px; }
    .col-index-applica .swiper-slide .more{margin-top: 35px;}
    .col-index-applica .swiper-slide .more a{padding: 5px 20px;border:1px solid rgba(255,255,255,0.2);}
    .col-index-applica .list{right:15px;}
/*index applica*/

/*page about*/
    .page-number{padding:0;margin-top: 20px;}
    .page-number ul{display: flex;margin:0 -2vw;}
    .page-number ul li{padding: 0 2vw;}
    .page-number ul li p.data{margin-top: 7px; font-size:28px;}
    .col-page-about{padding-top: 60px;padding-bottom: 60px;}
    .col-page-about .flex{padding-bottom: 35px;}
    .col-page-about .content{padding: 0;}
    .col-page-about .content hr{margin:0 0 40px;}
    .col-page-about .pic{padding: 0;margin-top: 30px;}

    .col-about-history{padding:60px 5%;}
    .listPhone{margin-top: 30px;}
    .historyPhone ul{ border-left:3px solid #1f62ff; }
    .historyPhone ul li{padding-left: 10px;position: relative;margin-top: 20px;}
    .historyPhone ul li span.dian{display: block; width: 10px;height: 10px;position: absolute;left:-6px;top:5px; background: #fff;box-shadow: 0px 0px 15px 0px rgba( 31, 98, 255,0.46 );border-radius: 50%;}
    .historyPhone ul li h4{margin-bottom: 8px; color: #000;line-height:20px;}
    .historyPhone ul li:first-child{margin-top: 0;}

    .col-about-honor{padding-top: 60px;padding-bottom: 60px;}
    .col-about-honor .swiper-container{margin-top: 35px;}
    .col-about-honor .swiper-slide .panel{padding:15px 10px;}
    .col-about-honor .swiper-slide p{margin-top: 15px;line-height: 1.6;}
    .col-about-honor .swiper-container .swiper-pagination{margin-top: 33px;}
    .col-about-honor .swiper-container .swiper-pagination .swiper-pagination-bullet { width:10px;height:10px;margin:0 3px;border:1px solid #fff;}
/*page about*/
/*page service*/
    .col-page-service{padding-top: 60px;padding-bottom: 60px;}
    .col-page-service .flex{flex-wrap: wrap;}
    .col-page-service .pic{width:100%;margin-top: 40px;}
    .col-page-service .content{width:100%;padding-right: 0;}
    .col-page-service .content .col-title{margin-bottom: 15px;}
    .col-page-service .content ul{margin-top:40px;}
    .col-page-service .content ul li{padding-right:2.8vw;margin-right:2.8vw;}
    .col-page-service .content ul li p.data{font-size: 28px;}

    .col-service-design{padding-top:60px;padding-bottom:60px;}
    .col-service-design .col-title { margin-bottom: 15px; }

    .col-design-list{padding-top: 30px;padding-bottom: 55px;}
    .design .container{padding: 15px 0;}
    .design h4 a.drop{margin-top: -11px;}
    .design h4 a.drop img{width: 22px;}
    .design .content{padding-left: 0;padding-top: 15px;}
    .design.on h4{position: static;}

    .col-service-download{padding-top: 60px;padding-bottom: 60px;}
    .col-service-download .content{margin-top: 20px;}
    .col-service-download .list{margin-top: 25px;}
    .col-service-download .list ul li div{padding:10px;}
    .col-service-download .list ul li .down a i{margin-left: 5px;}
    .col-service-download .list ul li.first div{padding: 15px 10px;}
/*page service*/
/*page contact*/
    .col-page-contact{padding-top: 50px;padding-bottom: 60px;}
    .contact {margin-top: 20px;display: block;}
    .contact p b,
    .contact p strong{color: #000;text-transform: uppercase;}
    .contact p a{color: #0073bd;text-decoration: underline;}
    .contact .contentl{width: 100%;padding-right: 0;}
    .contact .map{margin-top: 30px;}
    .contact .map a{padding: 5px 20px;}
    .contact .contentl ul{margin-top: 15px;}
    .contact .contentr{width: 100%;margin-top: 30px;}
    .contact .contentr ul li{margin-right: 10px;padding: 20px 15px; border-top:3px solid #ed6d00;}
    .contact .contentr ul li h4{margin-bottom: 15px;}

    .message{margin-top: 50px; padding-top: 40px;}
    .mess{padding: 0;margin-top: 15px;}
    .mess ul li{margin-top: 10px;}
    .mess ul li input,
    .mess ul li textarea{padding: 0 15px; height: 45px;line-height:43px; border-radius: 5px;}
    .mess ul li textarea{padding: 10px 15px;line-height: 1.8; }
    .mess ul li.li4 input{height: 40px;line-height: 38px;border-radius: 0;}
    .mess ul li.sub{margin-top: 25px;}
    .mess ul li.sub input{height: 40px;line-height: 38px;border-radius: 20px;}
    .mess.cons{padding-left:0;margin-top: 0;}
/*page contact*/

/*page product*/
    .col-page-product{padding-top: 45px;padding-bottom: 60px;}
    .col-product-tab{display: flex; border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
    .col-product-tab a{padding:10px 1vw;}
    .col-product-sildes .slides_box{padding:35px 7%;}

    .col-page-product .list{margin-top: 55px;}
    .pro ul li p{margin-top:10px;}

    .col-page-product .list .pro ul{margin:0 -5px;}
    .col-page-product .list .pro ul li{padding: 0 5px;margin-top: 20px;}

    /*proshow*/
    .col-prodet{margin-top: 55px;padding-top: 60px;padding-bottom: 60px;}
    .product-related{margin-top: 60px;}
    .product-related .swiper-related-product{margin-top: 30px;}
    .product-related .swiper-container .swiper-pagination{margin-top: 30px;}

    .pro_show{padding: 5%;}
    .pro_show .bimg{width: 100%;}
    .pro_show .content{width: 100%;padding: 0;margin-top: 25px;}
    .pro_show .content .con{margin-top: 20px;}
    .pro_show .content .con ul li{margin-bottom: 10px;}
    .pro_show .proDown{margin-top: 30px;}
    .pro_show .proDown a{padding: 5px 20px;}

    .pro_show .product-contents{margin-top: 30px;overflow-x: auto;}
    .pro_show .product-contents ul{margin:0; margin-top: -15px;}
    .pro_show .product-contents ul li{width: 100%;padding:0;margin-top: 15px;}
    .pro_show .product-contents table{min-width: 340px;}
    .pro_show .product-contents table tr td{padding:5px 15px;}
/*page product*/
/*page applica*/
    .col-page-applica .text{width:100%;}
    .col-page-applica .text h3{padding-left: 8px;border-left: 3px solid #ed6d00; }
    .col-page-applica .text h3 span{margin-top: 8px;}
    .col-page-applica .text .more a{padding: 5px 20px; border:1px solid rgba(255,255,255,0.2);}

    .col-page-applicadet{padding-top:60px;padding-bottom:60px;}
    .col-page-applicadet .col-title{margin-top: 30px;}
    .col-page-applicadet .desc{margin-top: 28px;}
/*page applica

/*news*/
    .news li .panel{padding: 12px; border-radius:8px;}
    .news li .pic{border-radius: 4px;}
    .news li .txt{padding-top: 15px;}
    .news li h4{margin-top: 10px;}
    .news li hr{margin:15px 0 13px;border-width: 1px;}
    /*index*/
    .col-index-news{padding-top: 55px;padding-bottom: 55px;}
    .col-index-news .swiper-container{margin-top: 33px;}
    .col-index-news .swiper-container .button{margin-top: 30px;}
    /*page*/
    .col-page-news{padding-top:55px;padding-bottom:55px;}
    .col-page-news .news ul{margin:0 -1vw;padding-top:0;margin-top: -2.5vw;}
    .col-page-news .news ul li{padding: 0 1vw;margin-top:2.5vw;}
/*news*/

}
@media (max-width: 767px){
/*index product*/
    .col-index-product .list ul li{padding: 50px 15px 35px;}
    .col-index-product .list .title:before{left: -15px;}
    .col-index-product .list .more{left: 15px;bottom: 35px;}
    .col-index-product .list ul li,
    .col-index-product .list ul li.active{width: 50%;}
    .col-index-product .list ul li.active{padding-top: 40px;}
/*index product*/
/*page service*/
    .col-service-download .list ul li div{display: none;}
    .col-service-download .list ul li .title{display: block; width:60%;}
    .col-service-download .list ul li .down{display: block; width:40%;}
/*page service*/
/*page contact*/
    .contact .contentr {margin-top: 15px;}
    .contact .contentr ul{flex-wrap: wrap;}
    .contact .contentr ul li{margin-right: 0;margin-top: 15px;padding: 30px 15px;}
/*page contact*/
/*news*/
    /*page*/
    .col-page-news .news ul{margin:0 -8px;margin-top: -20px;}
    .col-page-news .news ul li{padding: 0 8px;margin-top:20px;}
/*news*/

}
@media (max-width: 400px){
    .col-index-product .list ul li,
    .col-index-product .list ul li.active,
    .news li{width: 100%;}
}

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

.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;}
.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;}
    .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;}
    .f45{font-size: 24px;}
    .f48{font-size: 24px;}
    .f50{font-size: 30px;}
    .f55{font-size: 30px;}
    .f72{font-size: 30px;}
}
@media (max-width: 767px){
    .f40{font-size: 22px;}
    .f45{font-size: 22px;}
    .f48{font-size: 22px;}
    .f50{font-size: 24px;}
    .f55{font-size: 24px;}
    .f72{font-size: 24px;}
}