/*
@font-face {
    font-family: "Source Han Sans CN Regular";
    src: url("/fonts/SourceHanSansCN-Regular.otf");
}
@font-face {
    font-family: "Gilroy-Medium";
    src: url("/fonts/Gilroy-Medium.otf");
}

@font-face {
    font-family: "Gilroy-Bold";
    src: url("/fonts/gilroy-bold-4.otf");
}
@font-face {
    font-family: "Gilroy-Medium";
    src: url("/fonts/Gilroy-Medium.otf");
}
@font-face {
    font-family: "DIN Medium";
    src: url("/fonts/DIN_Medium.ttf");
}
@font-face {
    font-family: "Source Han Sans CN Medium";
    src: url("/fonts/SourceHanSansCN-Medium.otf");
}
@font-face {
    font-family: "Source Han Sans CN Bold";
    src: url("/fonts/SourceHanSansCN-Bold.otf");
}
*/
body{color:#333; font-size:14px}
[body]{overflow:hidden; /*min-width:1200px;*/}

.on{display: block;}
.off{display: none;}
.inner-title{font-size: 30px;/*font-family: Source Han Sans CN Medium;*/}
.inner-title.black{color: #333333;}
.inner-title.white{color: #ffffff;}
.pc{display: block;}
.mobile{display: none;}
.smart{display: none;}
/*nav start*/
#nav-bar{width: 100%;height: 121px;background: #ffffff;box-shadow: 0px 0px 21px 5px #f3f3f3;}
#nav-bar .flex{width: 100%;height: 121px;display: flex;justify-content: center;align-items: center;}
#nav-bar .cate-btn{margin: 0 4.28%;}
#nav-bar .cate-btn .icon{margin-bottom: 12px;transition: all 0.5s;filter: grayscale(100%);transition: all 0.5; width:100%; height:42px;}
#nav-bar .cate-btn .icon.cur{filter: grayscale(0%);}
#nav-bar .cate-btn .name{font-size: 16px;color: #666666;transition: all 0.5s;}
#nav-bar .cate-btn .name.cur{color:#006ec2;}
#nav-bar .cate-btn:hover .icon{filter: grayscale(0%);}
#nav-bar .cate-btn:hover .name{color: #006ec2;}

/*nav end*/


/*header start*/
#header{width: 100%;height: 100px;z-index: 10;border-bottom: 1px solid rgba(255,255,255,0.15);max-width: 1920px;}
#header.cur{background: #075794;}
#header .logo{/*width: 13.54%;*/height: 100px;width: calc(20% - 40px);text-align: left;padding-left: 40px;}
#header .logo a{text-align: left;}
#header .search{width: 5.2%;height: 100px;border-left: 1px solid rgba(255,255,255,0.15);}
#header .mobile-menu{width: 5.2%;height: 80px;border-left: 1px solid rgba(255,255,255,0.15);display: none;cursor: pointer;}
#header .nav{width: auto;height: 100px;line-height: 100px;}
#header .nav .item{float: left;font-size: 16px;margin: 0 25px;/*font-family: Source Han Sans CN Regular;*/}
#header .nav .item.cur{font-weight: bold;position: relative;}
#header .nav .item.cur::after{position: absolute;content: "";width: 100%;height: 3px;background: #ffffff;bottom: 0;left: 0;right: 0;top: auto;}
#header .nav .item .links{color: #ffffff;}


#mobile-header{width: 100%;height: 100%;position: fixed;top: 0;left: auto;bottom: 0;right: -9999px;z-index: 999;transition: all 0.6s;}
#mobile-header.show{right: 0px;}
#mobile-header .head{background: #075794;padding: 25px 10px;}
#mobile-header .head .logo{}
#mobile-header .head .logo .m-svg{width: auto;height: 50px;}
/*#mobile-header .head .logo img{transform: scale(1.2);}*/
/*#mobile-header .head .menu{margin-right: 20px;margin-top: 30px;cursor: pointer;background: url(/images/header-menu-cur.png) no-repeat;width: 18px;height: 18px;transform: scale(2)}*/
/*#mobile-header .head .menu.close{background: url(/images/mobile-close.png) no-repeat;}*/

#mobile-header .close-menu{width: 100%;background: #ffffff;}

#mobile-header .nav-mobile{display: block;}
#mobile-header .nav-mobile.show{display: block}
#mobile-header .nav-mobile .list{border-bottom: 1px solid #999999;border-top: 1px solid #ededed;}
#mobile-header .nav-mobile .list .page-turn{border-bottom: 1px solid #ededed;}
#mobile-header .nav-mobile .list .page-turn:last-child{margin-bottom: unset;}
#mobile-header .nav-mobile .list .page-turn a{border-bottom: 1px solid #ededed;}
#mobile-header .nav-mobile .list .item{width: 100%;height: 85px;line-height:85px;color: #2178ba;font-size: 24px;background: #ffffff;}
#mobile-header .nav-mobile .list .item.en{letter-spacing: unset;}
#mobile-header .nav-mobile .list .item.cur{background: linear-gradient(to right,#666666 ,#005989 100%);}
#mobile-header .nav-mobile .list .item.two{font-size: 18px;	}
#mobile-header .nav-mobile .list .cate-two{width: 100%;overflow: hidden;display: none;}

@media only screen and (max-width: 1366px){
    #header .search{width: 6.2%;}
}
@media only screen and (max-width: 980px){
    #header .logo{transform: scale(1.3);}
    #header .nav{display: none;}
    #header .mobile-menu{display: block;width: 10.2%;}
    #header .search{width: 10.2%;}
}
@media only screen and (max-width: 500px){
    #header .logo{transform: scale(2.4);}
    #header .search{width: 14.2%;}
    #header .mobile-menu{display: block;width: 14.2%;}
}
/*header end*/

/*footer start*/
#footer{background: url("/images/footer-bg.jpg") no-repeat;width: 100%;height: 500px;}
#footer .list{padding-top: 85px;padding-bottom: 58px;}
#footer .item{width: 14.93%;}
#footer .item dt{font-size: 16px;color: #ffffff;margin-bottom: 30px;}
#footer .item dd .to-page{font-size: 14px;color: #b8d0e0;line-height: 28px;transition: all 0.3s;}
#footer .item dd .to-page:hover{color: #ffffff;}
#footer .item dd .phone{/*font-family: Gilroy-Medium;*/font-size: 24px;color: #ffffff;}
#footer .item dd .email a , #footer .item dd .address{color:#FFFFFF;}
#footer .item dd .email , #footer .item dd .address{margin-top:10px;}
#footer .scan-code{}
#footer .scan-code .code{padding: 4px;background: #ffffff;border-radius: 6px;}
#footer .scan-code .slogan{color: #b8d0e0;margin-top: 10px;}


.copyright{background-color: #075794;width: 100%;height: 70px;line-height: 70px;font-size: 14px;color: #b8d0e0;}
.copyright a{color: #b8d0e0;}

/*footer end*/




/*about start*/
#about{padding-top: 100px;}
#about .intro{margin-bottom: 80px; margin-top:50px;}
#about .intro .left{width: 50%;max-width: 700px;max-height: 560px;overflow: hidden;}
#about .intro .right{width: 47%; /*padding-top:38px;*/}
#about .intro .video .mod-tit{/*font-family: "Source Han Sans CN Medium";*/font-size: 30px;}
#about .intro .right .sub-tit{font-size: 22px;color: #006ec2;margin-bottom: 35px;}
#about .intro .right .name{/*font-family: "Source Han Sans CN Medium";*/font-size: 24px;margin-bottom: 10px;}
#about .intro .right .brief{color: #666666;line-height: 24px;margin-bottom: 55px;}
#about .intro .right .data-num{}
#about .intro .right .data-num .set{width: 25.33%;margin-right: 8%}
#about .intro .right .data-num .set .top{font-size:  16px;color: #333333;/*font-family: "Source Han Sans CN Bold";*/}
#about .intro .right .data-num .set .num{font-size: 50px;color: #006ec2;/*font-family: Gilroy-Bold;*/}
#about .intro .right .data-num .set .btm{font-size: 16px;color: #666666;}


#about .advantage .intro{margin-top: 50px;}
#about .advantage .intro .slide{}
#about .advantage .intro .item{/*width: 100%;*/ height: 320px;background: #006ec2; color: #ffffff; padding-left:2%; padding-top: 34px; padding-right: 2%;/*margin-right: 1.428%;*/}
/*#about .advantage .intro .item:last-child{margin-right: unset;}*/
#about .advantage .intro .item .tit{font-size: 20px; margin-top: 21px;}
#about .advantage .intro .item .detail{margin-top: 23px; font-size: 14px; line-height: 20px;}
#about .advantage .intro .adv-pagin{top: auto;left: 0;right: 0;bottom: -42px;margin: 0 auto;text-align: center;z-index: 3;}
#about .advantage .intro .adv-pagin .swiper-pagination-bullet{width: 8px;height: 8px;border: 1px solid #9e9e9e;opacity: 1;background: #ffffff;margin:0 10px;}
#about .advantage .intro .adv-pagin .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #006ec2;border-color: #006ec2;}


#about .develop-mod{background: url("/images/about-us-develop-bg.jpg") no-repeat; width: 100%; height: 550px; padding: 100px 0;}
#about .detail{margin-top: 160px;}
#about .detail .detail-swiper{width: 17.858%;}
#about .detail .con-box{margin: 0 auto;}
#about .detail .con-box .year{font-size: 60px;color: #ffffff;/*font-family: "DIN Medium";*/margin-bottom: 38px;}
#about .detail .con-box .brief{font-size: 18px;color: #ffffff;}

.timeline{ width:100%;display: flex;align-items: center;justify-content: space-between;margin-top: 170px;}
.timeline .line-swiper{width: 90%;height: 70px;}
.timeline .item{  text-align: center; color: #ffffff; font-size: 16px;/*padding-top: 23px;*/cursor: pointer;}
.timeline .item .Y{border-top: 1px solid rgba(255,255,255,0.5);line-height: 60px;font-size: 16px;transition: all 0.4s ease;}
.timeline .item .dot{position: relative;margin: 0 auto ;width: 15px;height: 15px;background: #ffffff;border-radius: 50%;top: 7px;transition: all 0.4s ease;}
/*.timeline .item .dot::after{position: absolute;content: "";width: 15px;height: 15px;display: block;}*/
.timeline .item.swiper-slide-thumb-active .Y{font-size: 30px;}
.timeline .item.swiper-slide-thumb-active .dot{transform: scale(1.2);}
/*.timeline .item b{position: relative;}*/
/*.timeline .item b:before {content: ''; position: absolute; top: 0px; left: 48%; width: 12px; height: 12px;border: 2px solid #ffffff; border-radius: 8px; background: #ffffff;}*/
.timeline .line-prev,.line-next{margin-top: -28px;opacity: 0.5;cursor: pointer;}
.timeline .line-prev:hover,.line-next:hover{opacity: 1;}

#about .honor-mod{padding: 80px 0;}
#about .aptitude .choose-button{width: 22.6%;margin: 80px auto 0;}
#about .aptitude .choose-button .item{width: 47%; height: 50px; text-align: center; line-height: 50px; font-size: 16px; color: #666666; margin: 0 auto;}
#about .aptitude .choose-button .item.cur{background: #006ec2; color: #ffffff; border-radius: 50px 50px; border: 1px solid #006ec2;box-shadow: 0px 13px 30px -9px #add0eb;}
#about .aptitude .choose-button .item:hover{background: #006ec2; color: #ffffff; border-radius: 50px 50px; border: 1px solid #006ec2;box-shadow: 0px 13px 30px -9px #add0eb;}
#about .aptitude .choose-button .item:first-child{margin-right: 2.1%;}
#about .aptitude .certificate{/*margin-top: 78px;*/}
#about .aptitude .certificate .info-container{margin-top: 30px;padding: 20px 10px;}
#about .aptitude .certificate .set{padding: 55px 5%;overflow: hidden;}
#about .aptitude .certificate .set:hover{box-shadow:0 0 10px 5px #ebebeb; position: relative;z-index: 5;}
#about .aptitude .certificate .img{width: 100%;margin: 0 auto;}
#about .aptitude .certificate .tit{margin-top: 20px;font-size: 16px;color: #666666;}
#about .aptitude .certificate .swiper-pagination{position: unset;margin: 50px auto 0;text-align: center;}
#about .aptitude .certificate .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border: 1px solid #9e9e9e;opacity: 1;background: #ffffff;margin:0 10px;}
#about .aptitude .certificate .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #006ec2;border-color: #006ec2;}
#about .aptitude .arr-left{width: 14px; height: 26px; background: url("/images/about-us-cer-arr-left.png") no-repeat; top: 50%;margin-top: -50px;left: -10%;z-index: 100; cursor: pointer;}
#about .aptitude .arr-left:hover{background: url("/images/about-honor-cur-l.png") no-repeat;}
#about .aptitude .arr-right{width: 14px; height: 26px; background: url("/images/about-us-cer-arr-right.png") no-repeat; top: 50%;margin-top: -50px;right: -10%;z-index: 100;cursor: pointer;}
#about .aptitude .arr-right:hover{background: url("/images/about-honor-cur-r.png") no-repeat;}


#about .cooperation-mod{}
#about .cooperation{background: url("/images/about-us-cooperation.jpg") no-repeat 100% 100%; width: 100%; height: 660px;padding: 160px 0 108px;}
#about .cooperation .brand-pic{ text-align: center;margin-top: 23px;height: 520px;}
#about .cooperation .brand-pic .slide{height: 158px; width:19%; float:left; margin:1% .5%;}
#about .cooperation .swiper-pagination{position: unset;margin: 50px auto 0;text-align: center;}
#about .cooperation .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border: 1px solid #9e9e9e;opacity: 1;background: transparent;margin:0 10px;}
#about .cooperation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #006ec2;border-color: #006ec2;}


/*about end*/


/*service start*/
#service{padding-top: 100px;}
#service .cate-list{margin: 80px auto;}
#service .cate-list .cate{width: 10.71%;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #666666;}
#service .cate-list .cate.cur{background: #006ec2;color: #ffffff;border-radius: 25px;}
#service .list{padding-bottom: 80px;}
#service .list .item{width: 33.33%}
#service .list .pic{margin-bottom: 30px;}
#service .list .tit{font-size: 24px;/*font-family: "Source Han Sans CN Medium";*/margin-bottom: 20px;}
#service .list .brief{color: #828282;text-align: justify;}
#service .list .pagin{top: auto;left: 0;right: 0;bottom: 20px;margin: 0 auto;text-align: center;}
#service .list .pagin .swiper-pagination-bullet{width: 8px;height: 8px;border: 1px solid #9e9e9e;opacity: 1;background: #ffffff;margin:0 10px;}
#service .list .pagin .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #006ec2;border-color: #006ec2;}

#service .process-mod{padding: 80px 0;width: 100%;background: #f4f4f4}
#service .process-mod .mod-tit{font-size: 24px;/*font-family: "Source Han Sans CN Medium";*/margin-bottom: 80px;}
#service .process-mod .process{display: flex;align-items: center;justify-content: center;}
#service .process-mod .process .item{width: 14.71%;}
#service .process-mod .process .item:first-child{width: 13.21%;}
#service .process-mod .process .item:last-child{width: 13.21%;}
#service .process-mod .process .item .icon{margin-bottom: 10px;position: relative;z-index: 2}
#service .process-mod .process .item .icon::before{position: absolute;content: "";width: 50%;height: 1px;background: rgba(177,177,177,0.3);left: 0;top: 50%;z-index: -1;}
#service .process-mod .process .item .icon::after{position: absolute;content: "";width: 50%;height: 1px;background: rgba(177,177,177,0.3);right: 0;top: 50%;z-index: -1;}
#service .process-mod .process .item:first-child .icon::before{display: none;}
#service .process-mod .process .item:last-child .icon::after{display: none;}

#service .process-mod .process .item .num{color: #999999;font-size: 20px;font-weight: bold;margin-bottom: 5px;/*font-family: "DIN Medium";*/}
#service .process-mod .process .item .tit{color: #666666;}
#service .process-mod .process.pc{}
#service .process-mod .process.mobile{display: none;}
/*service end*/

/*support start*/
#support{padding: 100px 0;}
#support .list{margin-top: 80px;}
#support .list .item{margin-bottom: 60px;}
#support .list .item .desc{width: 39.14%;margin-top: 29px;}
#support .list .item .desc .tit{font-size: 24px;color: #333333;/*font-family: Source Han Sans CN Medium;*/margin-bottom: 34px;}
#support .list .item .desc .brief{color: #828282;margin-bottom: 90px;line-height: 24px;}
#support .list .item .desc .consult{width: 27.37%;height: 50px;line-height: 50px;border: 1px solid #006ec2;border-radius: 25px;text-align: center;color: #006ec2;}
#support .list .item .desc .consult:hover{color: #ffffff;background: #006ec2;box-shadow: 0px 13px 30px -9px #add0eb;}
#support .list .item .pic{width: 50%;}
#support .list .item:hover .pic .img{transform: scale(1.1);}
/*support end*/


/*download start*/
#download{padding: 100px 0;}
#download .category{margin-bottom: 5%;margin-top: 7%;}
#download .category .dis{color: #666666;font-size: 16px;padding: 0 40px;height: 50px;line-height: 50px;border-radius: 50px;margin-right: 40px;display: inline-block;}
#download .category .dis:hover,
#download .category .dis.on{color: #fff;background: #0073bc;}
#download .category .dis.on{box-shadow: 0 3px 10px 2px #b9d9ed;}
#download .list{margin-bottom: 2.3%;}
#download .list .li{width: 48.57%;height: 90px;padding:0 1.44%;margin-bottom: 1.875%;line-height: 89px;border: 1px solid #ebebeb;margin-right: 2.5%;}
#download .list .li .title{width: 50%;color: #333333;font-size: 16px;cursor: pointer;}
#download .list .li .type{color: #888888;font-size: 14px;font-weight: bold;}
#download .list .li .date{margin:0 3.08% 0 6.41%;color: #828282;font-size: 14px;}
#download .list .li .down{cursor: pointer;}
#download .list .li:nth-child(2n){margin-right: 0;}
#download .list .li:after{content: "";position: absolute;left: 0;right: 0;top: 0;margin: auto;width: 100%;height: 3px;background: transparent;}
#download .list .li:hover{box-shadow: 0 0 20px 5px #f2f2f2;}
#download .list .li:hover::after{background: #0073bc;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
#download .list .li:hover .title{color: #0073bc;font-weight: bold;}
#download .list .li .down:hover{opacity: .6;}
/*download end*/



/*faq start*/
#faq{padding: 100px 0;}
#faq .list{margin-top: 68px;}
#faq .list .item{padding: 26px 0;border-bottom: 1px solid #e5e5e5;cursor: pointer;}
#faq .list .item .tit{font-size: 18px;/*font-family: "Source Han Sans CN Medium";*/}
#faq .list .item .tit.on{color: #006ec2;}
#faq .list .item .icon{background: url("/images/faq-plus.png") no-repeat center center;width: 21px;height: 21px;}
#faq .list .item .icon.on{background: url("/images/faq-min.png") no-repeat center center;}
#faq .list .item .answer{color: #828282;line-height: 24px;/*font-family: "Source Han Sans CN Medium";*/margin-top: 30px;}

/*faq end*/


/*news start*/
#news{padding: 100px;}
#news .title{margin-top: 100px; font-size: 32px; text-align: center;}
#news .sub-tit{margin-top: 30px; font-size: 22px; text-align: center;}
#news .list{margin-top: 100px;margin-bottom: 52px;}
#news .item{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #efefef;margin-top: 40px;}
#news .item .news-pic{width: 25.2%;/* margin-right: 2.5%;*/}
#news .item .news-detail{width: 72.3%;}
#news .item .news-detail .tit{font-size: 24px;}
#news .item .news-detail .content{font-size: 14px; margin-top: 35px; margin-bottom: 40px;color: #666666;line-height: 22px;height: 65px;}
#news .item .news-detail .year{ width: 10.86%; color: #999999; font-size: 16px;}
#news .item .news-detail .view{width: 10.86%; color: #999999; font-size: 16px;margin-left: 2.78%;}
#news .item .news-detail .num{/*font-family: Gilroy-Medium;*/line-height: 29px;margin-left: 10px;}
#news .item:hover .tit{color: #006ec2;}
#news .item:hover .news-pic .img{transform: scale(1.1);}
/*news end*/

/*news-detail start*/
#news-detail{padding: 100px 0;}
#news-detail .title{font-size: 26px; margin-bottom: 30px; text-align: center;}
#news-detail .count{width: 20%; margin: 0 auto;color: #666666;}
#news-detail .count .year{margin-left: 9px; margin-right: 29px;}
#news-detail .count .view{margin-left: 9px;}
#news-detail .count .num{/*font-family: Gilroy-Medium;*/line-height: 22px;margin-left: 10px;}
#news-detail .edit{margin-top: 50px;}
#news-detail .share{text-align: center; font-size: 16px; color: #666666; margin-top: 70px;}
#news-detail .share .tit{margin-bottom: 24px;}
#news-detail .share .media{text-align: center;}
#news-detail .share .media .item{display: inline-block;transition: all 0.4s;cursor: pointer;}
#news-detail .share .media .item:nth-child(2){margin: 0 1.93%;}
#news-detail .share .media .item.wechat{background: url("/images/share-wechat.png")no-repeat;width: 43px;height: 43px;}
#news-detail .share .media .item.wechat:hover{background: url("/images/share-wechat-cur.png")no-repeat;}
#news-detail .share .media .item.qq{background: url("/images/share-qq.png")no-repeat;width: 43px;height: 43px;}
#news-detail .share .media .item.qq:hover{background: url("/images/share-qq-cur.png")no-repeat;}
#news-detail .share .media .item.weibo{background: url("/images/share-weibo.png")no-repeat;width: 43px;height: 43px;}
#news-detail .share .media .item.weibo:hover{background: url("/images/share-weibo-cur.png")no-repeat;}
#news-detail .extra-news{margin-top: 30px;}
#news-detail .extra-news .news{height: 79px; width:100%; line-height: 79px;}
#news-detail .extra-news .news:first-child{border-bottom: 1px solid #e5e5e5;}
#news-detail .extra-news .news .skip-btn{margin-right: 94px; position: relative; font-size: 14px; color: #999999;}
#news-detail .extra-news .news .up:after{content: ''; border-left:7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #666666; width: 0; height: 0; position: absolute; top: 50%; margin-top: -3.5px; right: -50px;}
#news-detail .extra-news .news .down:after{content: ''; border-left:7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #666666; width: 0; height: 0; position: absolute; top: 50%; margin-top: -3.5px; right: -50px;}
#news-detail .extra-news .news:hover .up:after{border-bottom: 7px solid #006ec2;}
#news-detail .extra-news .news:hover .down:after{border-top: 7px solid #006ec2;}
#news-detail .extra-news .news .tit{font-size: 16px; color: #888888;}
#news-detail .extra-news .news .tit:hover{color: #006ec2;}
#news-detail .extra-news .news .time{margin-right: 8px; font-size: 16px; color: #666666;/*font-family: Gilroy-Medium;*/}
/*news-detail end*/






/*contact start*/
#contact{padding: 100px 0;}
#contact .company{font-size: 16px;color: #757575;margin: 30px auto 50px;}
#contact .msg-map{width: 100%;height: 520px;background: #f7f7f7;}
#contact .msg-map .msg{width: 26.42%;color: #757575;font-size: 14px;margin-top: 99px;margin-left: 2.8%;}
#contact .msg-map .msg .set{margin-bottom: 30px;}
#contact .msg-map .msg .set:last-child .icon{margin-top: 10px;}
#contact .msg-map .msg .content{width: 75.39%;padding: 5px 0;margin-left: 20px;}
#contact .msg-map .map{width: 68.57%;}
#contact .msg-map .map .showmap{width: 100%;height: 520px;}
/*contact end*/

/*comment start*/
#comment{padding: 100px 0;}
#comment .input-list{margin-top: 47px;}
#comment .input-list .set{border: 1px solid #e3e3e3;border-radius: 4px;width: calc(32.14% - 1px);height: 50px;line-height: 50px;padding-left: 17px;margin-right: 1.56%;color: #999999;}
#comment .input-list .set:last-child{margin-right: unset;}
#comment .textarea{width: 100%;height: 248px;border: 1px solid #e3e3e3;border-radius: 4px;resize: none;padding: 20px 17px;margin-top: 30px;}
#comment .submit{width: 10.71%;height: 50px;line-height: 50px;background: #006ec2;color: #ffffff;border-radius: 25px;margin: 40px auto 0;cursor: pointer;}
#comment .submit:hover{box-shadow: 0px 8px 12px 0px #abcfeb;}
/*comment end*/

/*join start*/
#join{padding: 100px 0;}
/*关于我们-人才招聘*/
#join{ width:100%; padding:64px 0 84px;}
#join .one{ width:100%; margin-top:34px;}
#join .one .form{ width:100%; border:1px solid #dcdcdc; padding:44px 0;}
#join .one .form .input{ width:47.85%; height:50px; color:#666; border-bottom:2px solid #333;}
#join .one .form .btn{ width:110px; height:50px; line-height: 50px;cursor:pointer; background:#006ec2; color:#fff; margin-left:20px;}
#join .two{ width:100%; margin-top:40px;}
#join .two tr th{ height:50px; background:#fafafa; font-size:14px; color:#333; border-top:1px solid #222; border-bottom:1px solid #e1e1e1; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#join .two tr th:nth-child(1){ border-left:1px solid #e1e1e1;}
#join .two tr th:nth-child(2){ text-align:left; padding-left:32px;}
#join .two tr th:nth-child(4){ border-right:1px solid #e1e1e1;}
#join .two tr td{ -webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -ms-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;}
#join .two tr.top{ cursor:pointer;border-bottom: 1px solid #e1e1e1;}
#join .two tr.top td{ height:82px; text-align:center; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#join .two tr.top td:nth-child(1){ font-size:18px; color:#444; position:relative;}
#join .two tr.top td:nth-child(1)::before{ width:1px; height:50%; background:#e1e1e1; position:absolute; top:25%; right:0; z-index:2; content:'';}
#join .two tr.top td:nth-child(2){ text-align:left; font-size:14px; color:#696969; padding-left:32px;}
#join .two tr.top td:nth-child(3){ font-size:18px; color:#696969;}
#join .two tr.top td:nth-child(4){ font-size:14px; color:#828282;}
#join .two tr.bot{}
#join .two tr.bot td{}
#join .two tr.bot td .item{ /*border-top:1px solid #e1e1e1;*/ padding:46px 50px;}
#join .two tr.bot td .item .slide{ width:100%;}
#join .two tr.bot td .item .slide .in-title{ width:100%; color:#282828;font-size: 18px;}
#join .two tr.bot td .item .slide .brief{ width:100%; line-height:1.8; color:#a7a7a7; margin-top:20px;}
#join .two tr.bot td .item .slide:nth-child(2){ margin-top:30px;}
#join .two tr.top.cur{ background:#f4f6f8;}
#join .two tr.bot.cur td .item{ display:block; background:#f4f6f8;}
#join .two tr.bot .item .sub-btn{width: 11.43%;height: 50px;line-height: 50px;color: #ffffff;border-radius: 25px;background-color: #006ec2;top: 100px;right: 4.29%;z-index: 5; display: flex;align-items: center;justify-content: center;cursor: pointer;}
#join .two tr.bot .item .sub-btn .icon{margin-right: 10px;}
.float-form{top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 20;display: none;}
.float-form.cur{display: block;}
.float-form .e-form{width: 54.285%;height: 680px;margin: 15vh auto;background: #ffffff;}
.float-form .e-form .close-btn{margin-right: 22px;margin-top: 22px;cursor: pointer;}
.float-form .e-form .msg{width: 71.1%;margin: 10px auto 0;}
.float-form .e-form .tit{font-size: 16px; margin-bottom: 18px;}
.float-form .e-form .name{font-size: 24px;color: #006ec2;margin-bottom: 48px;}
.float-form .e-form .set{height: 60px;line-height: 60px;border-bottom: 1px solid #dddddd;padding-left: 4px;}
.float-form .e-form .set input{width: 100%;}
.float-form .e-form .upload{display: flex;align-items: center;justify-content: space-between;}
.float-form .e-form .upload .txt{color: #888888;}
.float-form .e-form .upload .sel-btn{width: 21.15%;height: 40px;line-height: 40px;background: #eaeaea;text-align: center;cursor: pointer;}
.float-form .e-form .form-submit{width: 26.92%;height: 40px;line-height: 40px;text-align: center;color: #006ec2;font-size: 16px;border: 2px solid #006ec2;border-radius: 25px;margin: 36px auto 30px;cursor: pointer;}
.float-form .e-form .form-submit:hover{color: #ffffff;background: #006ec2;transition: all 0.5s;}
.float-form .e-form .slogan{color: #666666;font-size: 14px;width: 73.07%;margin: 0 auto;}
.float-form .e-form .foot{background: url("/images/join-form-footer.png") no-repeat;width: 100%;height: 97px;line-height: 125px;color: #ffffff;}


/*#join .thr{ width:100%;}*/
/*#join .thr .in-title{ font-size: 24px;color: #333333;}*/
/*#join .thr .slide{ width:100%; margin-top:40px;}*/
/*#join .thr .slide .img{ width:45%; position:relative; z-index:3;}*/
/*#join .thr .slide .img.z-pic:after{ padding-top:60.18%;}*/
/*#join .thr .slide .contents{ width:55%; min-height:344px; background:#f4f6f8 url(/images/img72.png) no-repeat 90% center; background-size:32%; position:relative; padding:40px 54px; margin-top:30px;}*/
/*#join .thr .slide .contents::before{ width:28.7%; height:100%; background:#f4f6f8; position:absolute; top:0; right:100%; z-index:2; content:'';}*/
/*#join .thr .slide .contents .title{ width:100%;}*/
/*#join .thr .slide .contents .brief{ width:100%; line-height:1.7; color:#888; margin-top:30px;}*/

@media only screen and (max-width: 750px){
    #join .one .form .input{font-size: 18px;}
    #join .one .form .btn{margin-top: 30px;font-size: 18px;}
    #join .two tr th{font-size: 18px;}
    #join .two tr.top td{font-size: 22px;}
    #join .two tr.top td:nth-child(1){font-size: 22px;}
    #join .two tr.top td:nth-child(2){font-size: 18px;}
    #join .two tr.top td:nth-child(3){font-size: 20px;}
    #join .two tr.top td:nth-child(4){font-size: 20px;}
    #join .two tr.bot td .item .slide .in-title{font-size: 24px;}
    #join .two tr.bot td .item .slide .brief{font-size: 22px;}
    #join .thr .slide .img{float: none;width: 100%;}
    #join .thr .slide .contents{float: none;width: 100%;margin-top: unset;}
    #join .thr .slide .contents::before{display: none;}
    #join .thr .in-title{font-size: 30px;}
    #join .thr .slide .contents .brief{font-size: 24px;}
}
/*join end*/



/*Neko*/

/*公共样式*/
.title-wrap{text-align: center;}
.title-wrap .title{font-size: 32px;color: #fff;font-weight: bolder;}
.title-wrap .title2{padding-top:90px;}
.title-wrap .brief{font-size: 24px;color: #fff;margin-top: 12px;}
.morebtn{text-align: center;}
.morebtn .fonts{display: inline-block;padding-right: 40px;font-size: 16px;color: #fff;background: url(/images/img23.png)no-repeat right;}
.morebtn .fonts:hover{padding-right: 60px;}
/*鼠标移过图片放大*/
.b-pic2,[b-pic2]{overflow:hidden;}
.b-pic2 img,[b-pic2] img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.b-pic2:hover img,[b-pic2]:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);transform:scale(1.06);}
.cw1870{max-width: 1870px;width: 100%;margin: 0 auto;}
.cw1400{max-width: 1400px;width: 100%;margin: 0 auto;}
.cw1200{max-width: 1200px;width: 100%;margin: 0 auto;}
.cw1080{max-width: 1080px;width: 100%;margin: 0 auto;}
.detailbtn{display: block;width: 148px;height: 48px;background: #006ec2 url(/images/img34.png)no-repeat 78%;font-size: 14px;color: #fff;text-align: center;line-height: 50px;border-radius: 30px;text-indent: -30px;border: solid 1px #006ec2;}
.detailbtn:hover{background: #fff url(/images/img34_h.png)no-repeat 78%;}

/*banner*/
#inner-swiper img{max-width: 100%;height: auto;}
#index-swiper .swiper-button-prev222,#index-swiper .swiper-button-next222{width: 50px;height: 50px;background: rgba(10,53,82,0.5) url(/images/banner-arrow.png)no-repeat center;z-index: 2;position: absolute;border-radius: 50%;opacity: 0;transition: all 0.3s; top:50%; margin:-25px 0 0;}
#index-swiper .swiper-button-prev222{left:2%;}
#index-swiper .swiper-button-next222{right:2%;}
#index-swiper .swiper-button-prev222:after, #index-swiper .swiper-container-rtl .swiper-button-next222:after{display: none;}
#index-swiper .swiper-button-next222:after, #index-swiper .swiper-container-rtl .swiper-button-prev222:after{display: none;}
#index-swiper .swiper-button-next222{transform:rotate(360deg);-ms-transform:rotate(360deg);   /* IE 9 */-moz-transform:rotate(360deg);  /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg);  /* Opera */}
#index-swiper .swiper-button-prev222{transform:rotate(180deg);-ms-transform:rotate(180deg);   /* IE 9 */-moz-transform:rotate(180deg);  /* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg);  /* Opera */}
#index-swiper:hover .swiper-button-prev222{opacity: 1;}
#index-swiper:hover .swiper-button-next222{opacity: 1;}
#index-swiper .swiper-button-prev222:hover,#index-swiper .swiper-button-next222:hover{background: rgba(10,53,82,1) url(/images/banner-arrow.png)no-repeat center;}
#index-swiper .slides a{display: block;width: 100%;height: 100%;background: url(/images/banner-index.jpg)no-repeat center;background-size: cover !important;}
.wrap0 .fp-tableCell,.wrap0 .fp-tableCell #index-swiper,.wrap0 .fp-tableCell #index-swiper .container{height: 100%;}

/*顶部搜索*/
#header .form{top: 100px;height: 0px;overflow: hidden;width: 100%;left: 0;background: rgba(0,110,194,.6);position: absolute;right: 0;margin: 0 auto;}
#header .form form{height: 50px;margin-top: 10px;}
#header .form .key{width: calc(89% - 20px);color: #fff;font-size: 16px;line-height: 50px;height: 50px;padding: 0 10px;}
#header .form .key::-webkit-input-placeholder {color: #fff;font-size: 16px;}
#header .form .key::-moz-placeholder {font-size: 16px;color: #fff;}
#header .form .key:-ms-input-placeholder {color: #fff;font-size: 16px;}
#header .form .submit{width: 10%;height: 50px;background: url(/images/header-search.png) no-repeat 86%;cursor: pointer;display: inline-block;}
#header .form.ons{height: 70px;}


/*首页部分*/
#index{}
#index .wrap0 .swiper-pagination{display: none;}
#index .wrap1 .title-wrap{margin-top: 100px;}
#index .wrap1{background: url(/images/img1.jpg)no-repeat center;background-size: cover !important;}
#index .wrap1 .pro-list{margin-top: 50px;}
#index .wrap1 .item{text-align: center;position: relative;}
#index .wrap1 .item .posit{position: absolute;width: 100%;height: 100%;background: none;left: 0;top: 0;z-index: 1;display: flex;align-items: center;}
#index .wrap1 .item .posit .big{width: 100%;}
#index .wrap1 .item .posit .tit{font-size: 24px;color: #fff;font-weight: bolder;margin-top: 40px;}
#index .wrap1 .item .posit .brief{font-size: 18px;color: #fff;margin-top: 30px;}
#index .wrap1 .item .posit .morebtn{margin-top: 40px;}
/*#index .wrap1 .item:hover .posit{background: rgba(0,138,245,0.5);}*/
#index .wrap1 .item:hover .pic-t{transform: scale(1.03);}
#index .wrap1 .item:hover .bg-pic{transform: scale(1.06);}
#index .wrap1 .swiper-pagination{display: none;}
#index .wrap2{/*background: url(/images/img10.jpg)no-repeat top;*/background: url(/images/img1.jpg)no-repeat center;background-size: cover !important;/*padding-top: 90px;*/}
#index .wrap2 .app-list{margin-top: 40px;}
#index .wrap2 .app-list .item{width: 33.3333333%;position: relative;}
#index .wrap2 .app-list .item .posit{position: absolute;width: 100%;height: 100%;background: none;left: 0;top: 0;}
#index .wrap2 .app-list .item .posit .con{position: absolute;padding: 40px 40px;left: 0;bottom: 0;width: calc(100% - 80px);}
#index .wrap2 .app-list .item .posit .con .img{text-align: left;}
#index .wrap2 .app-list .item .posit .con .tit{font-size: 28px;color: #fff;text-align: left;margin-top: 10px;}
#index .wrap2 .app-list .item .posit .con .bot{margin-top: 15px;opacity: 0;height: 0;overflow: hidden;}
#index .wrap2 .app-list .item .posit .con .bot .brief{font-size: 16px;color: #fff;width: 70%;text-align: left;}
/*#index .wrap2 .app-list .item:hover .posit{background: rgba(0,138,245,0.5);}*/
#index .wrap2 .app-list .item:hover .posit .con .bot{opacity: 1;height: 20px;}
#index .wrap2 .app-list .item:hover .pic-t{transform: scale(1.06);}
#index .wrap3 .fp-tableCell{display: flex;align-items: center;background: #0169af;overflow: hidden;width: 100%;}
#index .wrap3 .left{width: 50%;position: relative;height: 100%; float:left;}
#index .wrap3 .right{width: 50%;position: relative; float:left;}
#index .wrap3 .right .conimg{max-width: 100%;height: auto;}
#index .wrap3 .left .posit{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(/images/img24.png)no-repeat center;}
#index .wrap3 .right .con{position: absolute;left: 0;top: 0;width: calc(70% - 140px);height: calc(100% - 140px);z-index: 1;display: flex;align-items: center;padding: 70px 70px;}
#index .wrap3 .right .con .big .title-wrap{text-align: left;}
#index .wrap3 .right .con .big .company{margin-top: 50px;}
#index .wrap3 .right .con .big .company .tit{font-size: 22px;color: #fff;}
#index .wrap3 .right .con .big .company .brief{font-size: 14px;color: #d3ebf9;margin-top: 30px;}
#index .wrap3 .right .con .big .history-wrap{margin-top: 70px;}
#index .wrap3 .right .con .big .history-wrap .item{width: 32%;margin-right: 2%;}
#index .wrap3 .right .con .big .history-wrap .item:nth-child(3n){margin-right: 0;}
#index .wrap3 .right .con .big .history-wrap .item .t .nums{font-size: 50px;color: #fff;}
#index .wrap3 .right .con .big .history-wrap .item .t .unit{font-size: 16px;color: #fff;margin-left: 5px;margin-top: 36px;}
#index .wrap3 .right .con .big .history-wrap .item .b{font-size: 16px;color: #c2dff0;}
#index .wrap3 .right .con .big .morebtn{text-align: left;margin-top: 50px;}
#index .wrap4{/*padding-bottom: 40px;*/}
#index .wrap4 .index-info{margin-top: 80px;padding: 0 1%;}
#index .wrap4 .index-info .item .title{font-size: 24px;color: #282828;line-height: 36px;margin-top: 20px;display: block;}
#index .wrap4 .index-info .item .brief{font-size: 14px;color: #929292;line-height: 24px;margin-top: 20px;height: 48px;overflow: hidden;}
#index .wrap4 .index-info .item .date{font-size: 16px;color: #888888;/*font-family: "Gilroy-Medium";*/margin-top: 15px;}
#index .wrap4 .index-info .item:hover .title{color: #006ec2;}
#index .wrap4 .index-info .item .img img{width: 100%;}
#index .wrap4 .title-wrap{margin-top: 100px;}
#index .wrap4 .swiper-pagination{display: none;}
#index .wrap4 .morebtn{margin-top: 60px;}
#index .wrap4 .morebtn .fonts{color: #333;background: url(/images/img23_2.png)no-repeat right;}
#index .wrap4 .title-wrap .title{color: #333;}
#index .wrap4 .title-wrap .brief{color: #333;}

#index .wrap5{background: #075794;}

/*产品列表*/
#products{}
#products .products-list{}
#products .products-list .item{padding: 75px 0;background-size: cover !important;}
#products .products-list .item .left{width: 50%;}
#products .products-list .item .right{width: 50%;}
#products .products-list .item .left img{}
#products .products-list .item{background: url(/images/img35.jpg)no-repeat center;}
#products .products-list .item:nth-child(3n),#products .products-list .item:nth-child(7){background: url(/images/img37.jpg)no-repeat center;}
#products .products-list .item:nth-child(2n){background: url(/images/img36.jpg)no-repeat center;}
#products .products-list .item:nth-child(4n){background: url(/images/img38.jpg)no-repeat center;}
#products .products-list .item .left.fl{text-align: left;}
#products .products-list .item .left.fr{text-align: center;}
#products .products-list .item .right .tit{font-size: 30px;color: #006ec2;margin-top: 20px;font-weight: bolder;}
#products .products-list .item .right .borders{width: 12px;height: 3px;background: #006ec2;margin-top: 18px;}
#products .products-list .item .right .title{font-size: 18px;color: #333;margin-top: 20px;}
#products .products-list .item .right .brief{font-size: 14px;color: #828282;margin-top: 25px;}
#products .products-list .item .right .detailbtn{margin-top: 30px;}
#products .products-list .item:nth-child(2n) .detailbtn{background: url(/images/img34.png)no-repeat 78%;border-color: #fff;}
#products .products-list .item:nth-child(2n) .detailbtn:hover{background: #fff url(/images/img34_h.png)no-repeat 78%;}
#products .products-list .item:nth-child(2n) .right .tit{color: #fff;}
#products .products-list .item:nth-child(2n) .right .borders{background: #fff;}
#products .products-list .item:nth-child(2n) .right .title{color: #fff;}
#products .products-list .item:nth-child(2n) .right .brief{color: #fff;}

/*产品详细页*/

.bread-bar{padding: 23px 0;border-bottom: 1px solid rgba(255,255,255,.2);top: 101px;left: 0;right: 0;}
.bread-bar.cur{background: #075794;}
.bread-bar .set{color: #ffffff;}
.bread-bar .home{background: url(/images/home-btn.png)no-repeat center;width: 15px;height: 20px;}

.bread-bar .slash{color: #ffffff;margin: 0 11px;}


#products-detail{}
#products-detail .wrap1{padding-top: 230px;padding-bottom: 100px;background: url(/images/img69.jpg)no-repeat center;background-size: cover !important;}
#products-detail .wrap1 .left{width: 50%;}
#products-detail .wrap1 .right{width: 50%;}
#products-detail .wrap1 .right .tit{font-size: 30px;color: #fff;font-weight: bolder;}
#products-detail .wrap1 .right .borders{width: 12px;height: 3px;background: #fff;margin-top: 20px;}
#products-detail .wrap1 .right .title{font-size: 18px;color: #fff;margin-top: 28px;}
#products-detail .wrap1 .right .brief-list{margin-top: 40px;}
#products-detail .wrap1 .right .brief-list .t{font-size: 16px;color: #fff;}
#products-detail .wrap1 .right .brief-list .brief{font-size: 14px;color: #fff;margin-top: 12px;}
#products-detail .wrap1 .right .btns{display: block;width: 148px;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #333;background: #fff url(/images/img39.png)no-repeat 20%;border-radius: 30px;text-indent: 20px;border: solid 1px #fff;margin-top: 50px;}
#products-detail .wrap1 .right .btns:hover{border-color: #006ec2;color: #006ec2;}
#products-detail .wrap2{padding: 80px 0;background: url(/images/img62.jpg)no-repeat center;background-size: cover !important;}
#products-detail .wrap2 .title-wrap .title{color: #333;}
#products-detail .wrap2 .editor{margin-top: 40px;}
#products-detail .wrap3{padding: 80px 0;background: url(/images/img63.jpg)no-repeat center;background-size: cover !important;}
#products-detail .wrap3 .list{margin-top: 40px;}
#products-detail .wrap3 .list .tr{}
#products-detail .wrap3 .list .tr .item{padding: 0 20px;background: rgba(255,255,255,0.15);width: calc(49% - 40px);}
#products-detail .wrap3 .list .tr:nth-child(2n) .item{background: none;}
#products-detail .wrap3 .list .tr .item .td{font-size: 14px;color: #fff;height: 50px;line-height: 50px;overflow: hidden;width: 35%;margin-right: 3%;}
#products-detail .wrap3 .list .tr .item .td:nth-child(2n){width: 62%;margin-right: 0;}
#products-detail .wrap4{background: url(/images/img64.jpg)no-repeat center;background-size: cover !important;padding: 80px 0;}
#products-detail .wrap4 .title-wrap .title{color: #333;}
#products-detail .wrap4 .list{margin-top: 40px;}
#products-detail .wrap4 .list .item .title{font-size: 22px;color: #333;margin-top: 20px;display: block;}
#products-detail .wrap4 .list .item:hover .title{color: #006ec2;}
#products-detail .wrap4 .list .item .brief{font-size: 16px;color: #666;}
#products-detail .wrap4 .swiper-pagination{position: static;margin-top: 30px;}

/*行业应用*/
#application{}
#application .item{padding: 160px 0;background: url(/images/img43.jpg)no-repeat center;background-size: cover !important;}
#application .item .con .title{font-size: 32px;color: #fff;font-weight: bolder;}
#application .item .con .borders{width: 12px;height: 3px;background: #fff;margin-top: 15px; display:none !important;}
#application .item .con .brief{font-size: 14px;color: #fff;margin-top: 20px;}
#application .item .con .detailbtn{margin-top: 50px;background: url(/images/img34.png)no-repeat 78%;border-color: #fff;}
#application .item .con .detailbtn:hover{background: #fff url(/images/img34_h.png)no-repeat 78%;border-color: #006ec2;}

#application .mitem{}
#application .mitem .app-info{top: 0;left: 0;}
#application .mitem .con .title{font-size: 22px;color: #fff;font-weight: bolder;margin-top: 30px;}
#application .mitem .con .borders{width: 12px;height: 3px;background: #fff;margin-top: 15px;}
#application .mitem .con .brief{font-size: 14px;color: #fff;margin-top: 10px;}
#application .mitem .con .detailbtn{margin-top: 30px;background: url(/images/img34.png)no-repeat 78%;border-color: #fff;}
#application .mitem .con .detailbtn:hover{background: #fff url(/images/img34_h.png)no-repeat 78%;border-color: #006ec2;}


/*行业应用详细*/
#application-detail{}
#application-detail .wrap1{padding: 150px 0;background: url(/images/img55.jpg)no-repeat center;background-size: cover !important;}
#application-detail .wrap1 .con{padding-right: 90px;}
#application-detail .wrap1 .con .title{font-size: 30px;color: #fff;}
#application-detail .wrap1 .con .borders{width: 12px;height: 3px;background: #fff;margin-top: 15px;}
#application-detail .wrap1 .con .brief{font-size: 14px;color: #fff;margin-top: 40px;}
#application-detail .wrap1 .con .btns{display: block;width: 148px;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #333;background: #fff url(/images/img53.png)no-repeat 20%;border-radius: 30px;text-indent: 20px;border: solid 1px #fff;margin-top: 50px;}
#application-detail .wrap1 .con .btns:hover{border-color: #006ec2;color: #006ec2;}
#application-detail .wrap2{padding: 80px 0;background: url(/images/img57.jpg)no-repeat center;background-size: cover !important;}
#application-detail .wrap2 .brief{font-size: 14px;color: #fff;margin-top: 40px;opacity: 0.8;}
#application-detail .wrap2 .editor{margin-top: 40px;}
#application-detail .wrap3{padding: 80px 0;background: url(/images/img62.jpg)no-repeat center;background-size: cover !important;}
#application-detail .wrap3 .title-wrap .title{color: #333;}
#application-detail .wrap3 .brief{font-size: 14px;color: #828282;margin-top: 40px;}
#application-detail .wrap3 .editor{margin-top: 40px;}
#application-detail .wrap4{padding: 80px 0;background: url(/images/img59.jpg)no-repeat center;background-size: cover !important;}
#application-detail .wrap4 .list{margin-top: 40px;}
#application-detail .wrap4 .list .item{width: 49%;background: #fff;margin-top: 20px;border-top-left-radius: 8px;position: relative;padding: 25px 0;}
#application-detail .wrap4 .list .item:nth-child(1),#application-detail .wrap4 .list .item:nth-child(2){margin-top: 0;}
#application-detail .wrap4 .list .item .nums{font-size: 18px;color: #fff;/*font-family: "Gilroy-Medium";*/width: 57px;height: 57px;background: url(/images/img54.png)no-repeat center;text-align: center;line-height: 52px;text-indent: -10px;position: absolute;left: 0;top: 0;z-index: 1;}
#application-detail .wrap4 .list .item .con{padding-left: 77px;padding-right: 20px;}
#application-detail .wrap4 .list .item .con .tit{font-size: 20px;color: #333;}
#application-detail .wrap4 .list .item .con .brief{font-size: 14px;color: #666;margin-top: 10px;}
#application-detail .wrap5{}
#application-detail .wrap5 .list{padding-bottom: 50px;margin-top: 50px;}
#application-detail .wrap5 .list .swiper-pagination{position: static;margin-top: 30px;}
#application-detail .wrap5 .list .swiper-container{/*overflow: visible;*/}
#application-detail .wrap5 .list .item{position: relative;}
#application-detail .wrap5 .list .item .img{transform: scale(0.7);}
#application-detail .wrap5 .list .item .posit{position: absolute;width: 94%;height: auto;margin: 0 auto;text-align: center;bottom: 50px;left: 0;right: 0;z-index: 1;text-align: left;display: none;}
#application-detail .wrap5 .list .item .posit .tit{font-size: 22px;color: #fff;}
#application-detail .wrap5 .list .item .posit .brief{font-size: 14px;color: #fff;/*font-family: "GilroyLight";*/margin-top: 10px;}
#application-detail .wrap5 .list .swiper-button-prev,#application-detail .wrap5 .list .swiper-button-next{width: 50px;height: 50px;background: rgba(0,0,0,0.7) url(/images/banner-arrow.png)no-repeat center;z-index: 2;position: absolute;border-radius: 50%;}
#application-detail .wrap5 .list .swiper-button-prev:after, #application-detail .wrap5 .list .swiper-container-rtl .swiper-button-next:after{display: none;}
#application-detail .wrap5 .list .swiper-button-next:after, #application-detail .wrap5 .list .swiper-container-rtl .swiper-button-prev:after{display: none;}
#application-detail .wrap5 .list .swiper-button-next{transform:rotate(360deg);-ms-transform:rotate(360deg);   /* IE 9 */-moz-transform:rotate(360deg);  /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg);  /* Opera */}
#application-detail .wrap5 .list .swiper-button-prev{transform:rotate(180deg);-ms-transform:rotate(180deg);   /* IE 9 */-moz-transform:rotate(180deg);  /* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg);  /* Opera */}
#application-detail .wrap5 .list .swiper-button-prev:hover,#application-detail .wrap5 .list .swiper-button-next:hover{background: #006ec2 url(/images/banner-arrow.png)no-repeat center;}

/*#application-detail .wrap5 .list .item .black-cover{width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.4);z-index: 10;}*/
#application-detail .wrap5 .list .item.swiper-slide-active .black-cover{display: none;}
#application-detail .wrap5 .list .item.swiper-slide-active .posit{display: block;}


@media only screen and (max-width: 1880px){
    .cw1870{width: 94%;}

    #about .aptitude .arr-left{left: -5%;}
    #about .aptitude .arr-right{right: -5%;}
}

@media only screen and (max-width: 1680px){
    
    .title-wrap .title{font-size: 28px;}
    .title-wrap .brief{font-size: 20px;margin-top: 8px;}

    /*header*/
    #header{height: 90px;}
    #header .logo{height: 90px;}
    #header .search{height: 90px;}
    #header .nav{height: 90px;line-height: 90px;}
    #header .form{top: 90px;}

    /*header*/
    #index .wrap1 .item .posit .tit{font-size: 22px;}
    #index .wrap2 .app-list .item .posit .con .tit{font-size: 20px;}
    #index .wrap2 .app-list .item .posit .con .bot .brief{font-size: 14px;}
    #index .wrap2 .app-list .item .posit .con .bot .morebtn .fonts{font-size: 14px;}
    #index .wrap3 .right .con{padding: 50px 50px;width: calc(70% - 100px);height: calc(100% - 100px);}
    #index .wrap3 .right .con .big .history-wrap .item .t .nums{font-size: 42px;}
    #index .wrap3 .right .con .big .history-wrap .item .t .unit{font-size: 14px;}
    #index .wrap3 .right .con .big .history-wrap .item .b{font-size: 14px;}
    #index .wrap3 .right .con .big .company .tit{font-size: 20px;}
    #index .wrap4 .index-info .item .title{font-size: 22px;line-height: 32px;}

    #products .products-list .item{padding: 60px 0;}
    #products-detail .wrap1{padding-bottom: 60px;}
    #products-detail .wrap1 .right .tit{font-size: 26px;}
    #products-detail .wrap2{padding: 60px 0;}
    #products-detail .wrap3{padding: 60px 0;}
    #products-detail .wrap4{padding: 60px 0;}
    #products-detail .wrap4 .list .item .title{font-size: 20px;}

    #application .item .con .title{font-size: 26px;}
    #application .item{padding: 120px 0;}

    #application-detail .wrap3{padding: 60px 0;}
    #application-detail .wrap2{padding: 60px 0;}
    #application-detail .wrap4{padding: 60px 0;}

    #service{padding-top: 80px;}
    #service .cate-list{margin: 50px auto;}
    #service .list .tit{font-size: 22px;}

    .inner-title{font-size: 28px;}

    #support{padding: 80px 0;}

    #download{padding: 80px 0;}

    #faq{padding: 80px 0;}

    /*news*/
    #news{padding: 80px 0;}
    #news .item .news-detail .tit{font-size: 22px;}
    #news .item .news-detail .year{width: 13.86%;}
    #news .list{margin-top: 80px;}
    #news-detail{padding: 80px 0;}
    /*about*/
    #about .intro .right .mod-tit{font-size: 28px;}
    #about .intro .right .sub-tit{font-size: 20px;}
    #about .intro .right .name{font-size: 20px;}
    #about .intro .right .data-num .set .num{font-size: 46px;}
    #about .advantage .intro .item .tit{font-size: 18px;}
    #about .detail{margin-top: 120px;}
    #about .develop-mod{height: 500px;}
    .timeline .item.swiper-slide-thumb-active .Y{font-size: 28px;}
    .timeline{margin-top: 130px;}

    #about .aptitude .arr-left{left: -1%;}
    #about .aptitude .arr-right{right: -1%;}

    #about .aptitude .choose-button{margin-top: 50px;}

    #about .cooperation{height: 60%;padding-top: 80px;padding-bottom: 80px;background-size: cover !important;}
    #about .aptitude .certificate .info-container{margin-top: 0;}
    /*contact*/
    #contact{padding: 80px 0;}

    #comment{padding: 80px 0;}
  
}

@media only screen and (max-width: 1480px){

    .title-wrap .title{font-size: 26px;}
    .title-wrap .brief{font-size: 18px;margin-top: 8px;}

    #index .wrap1 .item .posit .tit{font-size: 20px;}
    #index .wrap3 .right .con{padding: 30px 30px;width: calc(80% - 60px);height: calc(100% - 60px);}
    #index .wrap3 .right .con .big .history-wrap .item .t .nums{font-size: 38px;}
    #index .wrap4 .index-info .item .title{font-size: 18px;line-height: 26px;}
    #index .wrap3 .right .con .big .company{margin-top: 40px;}
    #index .wrap3 .right .con .big .history-wrap{margin-top: 50px;}

    #header{height: 80px;}
    #header .logo{height: 80px;}
    #header .search{height: 80px;}
    #header .nav{height: 80px;line-height: 80px;}
    #header .form{top: 80px;}

    .cw1400{width: 94%;}

    #products .products-list .item .right .tit{font-size: 26px;}

    .detailbtn{width: 130px;height: 42px;line-height: 42px;}

    #products-detail .wrap2{padding: 45px 0;}
    #products-detail .wrap3{padding: 45px 0;}
    #products-detail .wrap4{padding: 45px 0;}
    #products-detail .wrap4 .list .item .title{font-size: 18px;}

    #service .list .tit{font-size: 20px;}
    #service .list .pic{margin-bottom: 10px;}
    #service .list .tit{margin-bottom: 10px;}
    #service .cate-list .cate{height: 46px;line-height: 46px;}
    #service .cate-list{margin-top: 40px;}
    #service .process-mod{padding: 50px 0;}

    .inner-title{font-size: 26px;}

    #support .list .item .desc .consult{height: 42px;line-height: 42px;}

    #support{padding: 50px 0;}

    #download{padding: 50px 0;}

    #download .list .li{height: 80px;}
    #download .category{margin-top: 4%;margin-bottom: 4%;}

    #faq{padding: 50px 0;}

    #news{padding: 50px 0;}
    #news .item .news-detail .tit{font-size: 20px;}
    #news .list{margin-top: 50px;}

    #news-detail .count{width: 17.43%;}

    #news-detail{padding: 50px 0;}

    #about .honor-mod{padding: 50px 0;}
    
    #contact{padding: 50px 0;}  

    #comment{padding: 50px 0;}
}

@media only screen and (max-width: 1280px){

  #header .nav .item{font-size: 14px;}

  #index .wrap3 .right .con{width: calc(90% - 60px);}

  .cw1200{width: 94%;}

  #index .wrap4 .index-info .item .title{font-size: 16px;line-height: 22px;}

  /*#index .section{height: auto !important;}*/
  





}

/*@media only screen and (max-width: 1279px){
	#index .wrap0.section{height: 600px !important;}	
}*/

@media only screen and (max-width: 1180px){

  .cw1080{width: 94%;}
    
	
	
	#news .item .news-detail .year{width: 16.86%;}

    /*footer*/
    #footer .item{width: 13.93%;}

    /*news-detail*/
    #news-detail .count{width: 25.43%;}


    /*about*/
    #about .intro .left{float: none;width: 100%;margin:0 auto 20px;}
    #about .intro .right{width: 100%;}
    #about .intro .right .mod-tit{text-align: center;}
    #about .intro .right .sub-tit{text-align: center;}

    /*contact*/
    /*#contact .msg-map .msg{width: 100%;float: none;}*/
    /*#contact .msg-map .msg.clean:after,.clean:before,[clean]:after,[clean]:before{content:'';display:table;}*/
    /*#contact .msg-map .msg.clean:after,[clean]:after{clear:both;}*/
    /*#contact .msg-map .msg .set{float: left;}*/
    /*#contact .msg-map .map{float: none;width: 100%;}*/
    #contact .msg-map{height: 50%;}
    #contact .msg-map .msg{float: none;margin: 30px auto;}
    #contact .msg-map .msg .icon{float: none;}
    #contact .msg-map .msg .content{float: none;}
    #contact .msg-map .msg .content .txt{text-align: center;}
    #contact .msg-map .msg .content .val{text-align: center;}
    #contact .msg-map .map{float: none;width: 100%;}


}

@media only screen and (max-width: 1110px){
	#index .wrap3 .right .con .big .company{margin-top:20px;}
	#index .wrap3 .right .con .big .company .brief{margin-top:20px;}
	#index .wrap3 .right .con .big .history-wrap{margin-top:20px;}
	#index .wrap3 .right .con .big .morebtn
}

@media only screen and (max-width: 980px){

  #application-detail .wrap5 .list .item .posit .tit{font-size: 24px;}
  #application-detail .wrap5 .list .item .posit .brief{font-size: 20px;}


	
	#index .wrap2 .app-list .item .posit .con .img{padding-top:17%;}
	#index .wrap2 .app-list .item .posit .con .img , #index .wrap2 .app-list .item .posit .con .tit{text-align:center;}
    #index .wrap2 .app-list .item .posit .con .bot .brief{display:none;}
    #index .wrap2 .app-list .item .posit .con .bot{display:none;}
	
	#index .wrap3 .left , #index .wrap3 .right{float:left;}
	#index .wrap3 .right .con .big .company .brief{height:60px; overflow:hidden;}
	#index .wrap3 .right .con .big .history-wrap .item{width:auto; margin-right:10%;}
	#index .wrap3 .right .con .big .morebtn{margin-top:20px;}

	#index .wrap2 .app-list .item .posit .con{padding:0px 40px; top:38%;}
	#index .wrap2 .app-list .item .posit .con .img{padding-top:0%;}
	
	.smart{display: block !important;}
    .mobile-nav{padding-top: 10px;}
    .mobile-nav .mbar{border-bottom: 1px solid rgba(255,255,255,.2);line-height: 32px;}
    .mobile-nav .mbar .fst{color: #ffffff;padding: 0 5px;font-size: 16px;position: relative;}
    .mobile-nav .mbar .fst::before{position: absolute;content: "";width: 1px;height: 19px;background: #ffffff;top: 6px;right: 17px;transition: all 0.5s;}
    .mobile-nav .mbar .fst::after{position: absolute;content: "";width: 19px;height: 1px;background: #ffffff;top: 15px;right: 8px;transition: all 0.5s;}
    .mobile-nav .mbar .fst.cur{}
    .mobile-nav .mbar .fst.cur::before{transform: rotate(360deg);opacity: 0;}
    .mobile-nav .mbar .fst.cur::after{transform: rotate(180deg);}

    .mobile-nav .mbar .sec{color: #ffffff;display: none;}
    .mobile-nav .mbar .sec li{border-bottom: 1px dashed rgba(255,255,255,.2);}
    .mobile-nav .mbar .sec li:first-child{border-top: 1px dashed rgba(255,255,255,.2);}
    .mobile-nav .mbar .sec li:last-child{border-bottom: none;}
    .mobile-nav .mbar .sec .a-item{color: #ffffff;font-size: 14px;padding-left: 12px;}
	
	/*footer*/
    #footer{height: auto;background: url("/images/footer-bg.jpg") no-repeat 55%/cover;}
    #footer .item:nth-child(1){display: none !important;}
    #footer .item:nth-child(2){display: none !important;}
    #footer .item:nth-child(3){display: none !important;}
    #footer .item:nth-child(4){display: none !important;}
    #footer .item:nth-child(5){display: none !important;}
    #footer .item:nth-child(6){width: 30.93%;margin-left: 12%;}
    #footer .scan-code{margin-right: 12%;}
}

@media only screen and (max-width: 750px){

    .pc{display: none;}
    .mobile{display: block;}

  #application-detail .wrap5 .list .item .posit .tit{font-size: 20px;}
  #application-detail .wrap5 .list .item .posit .brief{font-size: 16px;}

  #application-detail .wrap5 .list .swiper-button-prev, #application-detail .wrap5 .list .swiper-button-next{width: 32px;height: 32px;background-size: 8px;}
  #application-detail .wrap5 .list .item .posit{bottom: 20px;}

    /*footer*/
    #footer .item{width: 12.93%;}
    /*news*/
    #news .item .news-pic{float: none;width: 100%;margin-bottom: 20px;}
    #news .item .news-detail{float: none;width: 100%;}
    #news .item .news-detail .tit{color: #006ec2;}
    #news .item .news-detail .content{font-size: 16px;}

    /*news-detail*/
    #news-detail .count{width: 28.43%;}

    /*about*/
    #about .intro .right .name{font-size: 22px;}
    #about .intro .right .brief{font-size: 18px;line-height: 30px;}
    #about .intro .right .data-num .set .num{font-size: 36px;}

    #about .detail .detail-swiper{width: 35.88%;}
    .timeline .line-prev, .line-next{margin-bottom: 13px;}

    #about .advantage .intro .item .tit{font-size: 22px;}
    #about .advantage .intro .item .detail{font-size: 18px;line-height: 22px;}
    #about .aptitude .choose-button{width: 50%;}

    /*join*/
    .float-form .e-form{width: 80.285%;}
    #join .two tr.bot .item .sub-btn{width: 16.43%;top:3%;}
    #join .one .form .input{width: 90%;}
    #join .one .form .btn{margin-left: unset;}

    /*service*/
    #service .cate-list .cate{width: 15.71%;}
    #service .process-mod .process.pc{display: none}
    #service .process-mod .process.mobile{display: block;}

    /*support*/
    #support .list .item .desc{float: none;width: 100%;margin-bottom: 30px;}
    #support .list .item .desc .brief{margin-bottom: 40px;}
    #support .list .item .pic{float: none;width: 100%}

    /*download*/
    #download .category .dis{margin-right: unset;}

    /*index*/
    /*#index .wrap2 .app-list .item .posit .con{padding: 0px 80px;}*/
    #index .wrap2 .app-list .item .posit .con .bot .brief{display: none;}
    .morebtn{display: none;}

    /*support*/
    #support .list{margin-top: unset;}
    #support .list .item .desc .consult{margin: auto;}
	
	#index .wrap3 .right .con .big .company .brief{height:auto !important; }

	#index .wrap3 .left{width:100% !important; float:none !important;}
	#index .wrap3 .right{width:100% !important; float:none !important; position:static !important;}
	#index .wrap3 .right .con{position:static !important;}
	
	#index .wrap2 .app-list .item .posit .con .tit{margin-top:0px;}
	#index .wrap3 .right .con .big .history-wrap .item .t .nums{font-size:24px;}
	#index .wrap3 .right .con{width: calc(100% - 20px); padding:30px 10px;}
	#index .wrap3 .right .con .big .history-wrap .item .t .unit{margin-top:9px;}
	#index .wrap3 .right .con .big .company .tit{font-size:18px;}
	
	.title-wrap .title2{padding-top:0px;}

}

@media only screen and (max-width: 640px){
	/*#index .wrap2 .app-list .item .posit .con{top:8%;}*/
	
	#index .wrap3 .right .con .big .company , #index .wrap3 .right .con .big .company .brief , #index .wrap3 .right .con .big .history-wrap{margin-top:10px;}
	
}

@media only screen and (max-width: 580px){
	#index .wrap2 .app-list .item{width:50%;}
	/*#index .wrap2 .app-list .item .posit .con{top:15%;}*/
}

@media only screen and (max-width: 500px){
  	#application-detail .wrap5 .list .item .posit .tit{font-size: 16px;}
  	#application-detail .wrap5 .list .item .posit .brief{font-size: 14px;}


    

    


    /*news*/
    #news .item .news-detail .year{width: 25.86%;}

    /*news-detail*/
    #news-detail .edit{font-size: 22px;}
    #news-detail .count{width: 50.43%;}
    #news-detail .extra-news .news .skip-btn{margin-right: 16%}
    #news-detail .extra-news .news .tit{width: 50%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:1;}


    /*about*/
    #about .detail{margin-top: 30px;}
    #about .aptitude .choose-button{width: 65%;}
    #contact .msg-map .msg{width: 100%;}
    #contact .msg-map .msg .content{width: 100%;margin-left: unset;}
    #about .cooperation .brand-pic{height: 225px;}


    /*comment*/
    #comment .input-list .set{width: 100%;margin-bottom: 30px;}
    #comment .submit{width: 32.71%;}

    /*join*/
    #join .two tr.bot .item .sub-btn{width: 26.43%;}
    .float-form .e-form{width: 100%;margin: 2vh auto;}
    .float-form .e-form .msg{width: 90%;}

    /*service*/
    #service .cate-list .cate{width: 24.71%;}


    /*download*/
    #download .list .li{float: none;width: 100%;}
    #download .category .dis{padding: 0 20px;}
    #download .list .li .date{margin: 0 6.08% 0 6.41%;}

    /*products*/
    #products .products-list .item .left{float: none;width: 100%;}
    #products .products-list .item .right{width: 100%;}
    /*products-detail*/
    #products-detail .wrap1 .left{float: none;width: 100%;}
    #products-detail .wrap1 .right{float: none;width: 100%;}

    /*index*/
    #index .wrap2 .app-list .item{width: 50%;}
    #index .wrap3 .fp-tableCell{flex-direction: column;}
    #index .wrap3 .left{width: 100%;}
    #index .wrap3 .right{width: 100%;}
    #index .wrap3 .right .conimg{height: 600px;}
	#index .wrap3 .right .con .big .company .brief{height:auto !important;}

    /*support*/
    #support .list .item .desc .tit{font-size: 20px;margin-bottom: 2%;}





}
@media only screen and (max-width: 460px) {
    #download .category .dis {padding: 0 10px;}

    /*app-detail*/
    #application-detail .wrap3 .brief{font-size: 18px;line-height: 28px;}
    #application-detail .wrap4 .list .item{float: none;width: 100%;}
    #application-detail .wrap4 .list .item:nth-child(1), #application-detail .wrap4 .list .item:nth-child(2){margin-top: 23px;}
    #application-detail .wrap5 .list .item .posit .tit{font-size: 22px}

    /*index*/
    /*#index .wrap2 .app-list .item{width: 100%;}*/
    #index .wrap2 .app-list .item .posit .con{padding: 0px 80px; top:5%;}
	/*#index .wrap2 .app-list .item .posit .con .img{padding-top:17%;}*/
	#index .wrap2 .app-list .item .posit .con .img , #index .wrap2 .app-list .item .posit .con .tit{text-align:center;}
    #index .wrap2 .app-list .item .posit .con .bot .brief{display:none;}
    #index .wrap2 .app-list .item .posit .con .bot{opacity: 1;height: auto;}

	#products-detail .wrap1{padding-top:100px; padding-bottom:0px;}
	#products-detail .wrap1 .right{text-align:center;}
	#products-detail .wrap1 .right .tit{padding-top:25px;}
	#products-detail .wrap1 .right .borders{margin:10px auto 0px auto;}
	#products-detail .wrap1 .right .title{margin-top:10px;}
	#products-detail .wrap1 .right .brief-list{margin-top:20px;}
	#products-detail .wrap1 .right .btns{margin:20px auto;}
	#contact .msg-map .msg .content{text-align:center;}
	#about .intro .left video{width:100%;}
	#about .detail .detail-swiper{width:100%;}
	#service .process-mod{padding:50px 0px 0px 0px;}
	#service .process-mod .mod-tit{margin-bottom:28px;}
	#service .process-mod .process{display:block;}
	#service .process-mod .process .item{margin-bottom:28px;}
	#service .process-mod .process .item:first-child , #service .process-mod .process .item , #service .process-mod .process .item:last-child{width:33.33%; text-align:center; float:left;}
	#service .process-mod .process .item .icon::after , #service .process-mod .process .item .icon::after , #service .process-mod .process .item .icon::before{display:none;}
	#products .products-list .item .left.fr{text-align:left;}
	#footer .item:nth-child(6){margin-left:0%; width:60%}
	#footer .scan-code{margin-right:0%;}
	#footer .item dt{margin-bottom:16px;}

    /*products-detail*/
    #products-detail .wrap3 .list .tr .item{width: 100%;background: transparent;float: left;padding: 0!important;}
    #products-detail .wrap3 .list .tr .item:nth-child(odd){background: rgba(255,255,255,0.15) !important;}
    #products-detail .wrap3 .list .tr .item .td{width: 100%;padding-left: 3%;}
    #products-detail .wrap3 .list .tr .item .td:nth-child(2n){width: 100% !important;}


}
@media only screen and (max-width: 420px) {
    #header .logo{transform: scale(3);}
    #index .wrap3 .right .con{width: calc(100% - 30px);padding:30px 20px;}

}
@media only screen and (max-width: 380px) {
	#index .wrap2 .app-list .item .posit .con .img{padding-top:14%;}
    #download .category .dis {padding: 0 5px;}
}

@media only screen and (max-width: 375px) {
	
}

@media only screen and (max-width: 320px) {
    #download .category .dis {padding: 0 16px;}
    #nav-bar .cate-btn{margin: 0 1.28%;}
}