@charset "UTF-8";p{margin:0}
input,textarea{border:none;outline:none;background-color:transparent}
img{vertical-align:middle}
.p1920{width:1920px;position:relative;left:50%;margin-left:-960px}
.wd1200{width:1200px;margin:0 auto}
.bw{width:100%}
.clearfix::after{content:'';display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px}
.fl{float:left}
.fr{float:right}
.dfc{display:flex;justify-content:space-between;align-items:center}
.ovimg,.ibw,.miw,.iml,.imgbig{overflow:hidden}
.imgbig img{-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.imgbig:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.ovimg img{width:100%;min-height:100%}
.ibw img{width:100%;height:auto}
.miw img{max-width:100%;max-height:100%}
.iml{text-align:center}
.iml img{transform:translateY(-2px);vertical-align:middle}
.bgmax{background-repeat:no-repeat;background-size:cover;background-position:center top}
.bgmin{background-repeat:no-repeat;background-size:contain;background-position:center top}
.fh{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.flexed{display:flex;justify-content:space-between;flex-wrap:nowrap;display:-webkit-flex}
.head-bg{width:94%;margin:0 auto;padding:10px 0}
.head-index{align-items:center}
.head-index .logo{line-height:90px}
.head-index .logo img{max-width:100%}
.headr{width:52%}
.banner{position:relative}
.banner .swiper-slide{width:100%;overflow:hidden}
.banner .swiper-slide img{width:100%}
.banner .banner-btn{position:absolute;z-index:3;color:#fff;top:50%;cursor:pointer;outline:none}
@media (max-width:990px){.banner .banner-btn{display:none}}
.banner .banner-btn i{display:block;width:32px;height:20px;background-size:32px 9px;background-repeat:no-repeat;float:left}
.banner .banner-btn span{display:block;float:left;font-size:20px;line-height:20px}
.banner .banner-prev{left:3.6%}
.banner .banner-prev i{background-image:url("/images/f0a8184baab3bb20c93f08afb66ea02666a6cf14.png");background-position:left 4px}
.banner .banner-prev span{margin-left:16px}
.banner .banner-next{right:3.6%}
.banner .banner-next i{background-image:url("/images/eae18509c283c670197896bfa69d7ccbe99f450f.png");background-position:right 4px}
.banner .banner-next span{margin-right:16px}
.banner .swiper-pagination-bullet{background-color:#fff;opacity:1;border-radius:4px;transition:all 0.3s}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#f19716;width:48px}
.mod-title{width:100%;text-align:center}
.mod-title .en{font-size:44px;line-height:44px;font-weight:600}
.mod-title .cn{font-size:28px;line-height:28px;margin-top:18px}
.mod-title i{display:block;width:14px;height:4px;background-color:#0068b7;margin:20px auto 0}
.readmore{width:170px;height:50px;border-radius:25px;border:1px solid #E6E6E6;display:flex;align-items:center;justify-content:center;font-size:16px;color:#999;transition:all 0.3s}
.readmore span{line-height:20px;height:18px}
.readmore i{display:block;width:32px;height:9px;background-image:url("/images/01d830584f3edbf166bcb104de9180a12fa3eb59.png");background-size:auto 100%;background-position:32px 0;margin-left:12px;margin-top:-4px;transition:all 0.3s}
.readmore:hover{background-color:#0068b7;border-color:#0068b7;color:#fff}
.readmore:hover i{background-position:80px 0}
.about{width:100%;padding:65px 0 60px}
.about .about-main{width:100%;overflow:hidden;margin-top:60px;display:flex;align-items:center}
.about .about-main .left{width:50%;height:540px;background-position:center center;background-size:cover}
.about .about-main .right{width:50%;max-width:690px;padding:0 2.6%}
.about .about-main .right .name{font-size:28px;color:#f19716}
.about .about-main .right .desc{font-size:14px;line-height:30px;margin-top:30px}
.about .about-main .right .numbers{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.about .about-main .right .numbers .item{width:23%;margin-top:35px}
.about .about-main .right .numbers .item .num{font-size:64px;line-height:50px;color:#0068b7}
.about .about-main .right .numbers .item .text{width:100%;font-size:14px;color:#999;margin-top:15px}
.about .about-main .right .readmore{margin-top:50px}
.product{width:100%;padding:50px 0 80px;background-color:#f7f7f7}
.product .swiper{width:94%;margin:40px auto 0;position:relative}
.product .swiper .swiper-slide{width:24.4%;border:1px solid #E6E6E6;position:relative}
.product .swiper .swiper-slide .img{width:100%;background-color:#fff}
.product .swiper .swiper-slide .img img{width:100%;height:auto}
.product .swiper .swiper-slide .bot-text{width:100%;padding:20px 10px 26px;text-align:center}
.product .swiper .swiper-slide .bot-text .name{font-size:24px;line-height:24px;font-weight:bold}
.product .swiper .swiper-slide .bot-text .desc{font-size:14px;line-height:14px;color:#666;margin:12px auto 0}
.product .swiper .swiper-slide .masklayer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;overflow:hidden;transition:all 0.6s}
.product .swiper .swiper-slide .masklayer .texts{width:100%;height:auto;position:absolute;top:50%;left:0;z-index:4;transform:translateY(-50%)}
.product .swiper .swiper-slide .masklayer .texts .name{width:75%;text-align:center;font-size:24px;color:#fff;margin:0 auto;position:relative;overflow:hidden}
.product .swiper .swiper-slide .masklayer .texts .name p{display:none;animation-duration:0.5s}
.product .swiper .swiper-slide .masklayer .texts .desc{width:75%;text-align:center;font-size:14px;line-height:32px;color:#fff;margin:30px auto 0;overflow:hidden}
.product .swiper .swiper-slide .masklayer .texts .desc p{display:none;animation-duration:0.5s;animation-delay:0.2s}
.product .swiper .swiper-slide .masklayer .texts .icon{display:block;width:40px;height:40px;margin:60px auto 0;overflow:hidden}
.product .swiper .swiper-slide .masklayer .texts .icon img{width:98%;height:98%;display:none;animation-duration:0.5s;animation-delay:0.4s}
.product .swiper .swiper-slide .masklayer i{position:absolute;width:200%;height:100%;top:0;left:-250%;background-color:#0068b7;-moz-transform:skewX(30deg);-o-transform:skewX(30deg);-ms-transform:skewX(30deg);-webkit-transform:skewX(30deg);transform:skewX(30deg);-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}
.product .swiper .swiper-slide:hover .masklayer .texts .name p{display:block;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.product .swiper .swiper-slide:hover .masklayer .texts .desc p{display:block;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.product .swiper .swiper-slide:hover .masklayer .texts .icon img{display:block;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.product .swiper .swiper-slide:hover .masklayer i{left:-50%}
.product .swiper .prod-btn{position:absolute;z-index:3;color:#fff;top:50%;cursor:pointer;outline:none;width:18px;height:32px;background-size:18px 32px;background-repeat:no-repeat}
.product .swiper .prod-prev{left:-30px;background-image:url("/images/12c11cc08ab6a7eff1b36336af9bf97825bfbfa7.png")}
.product .swiper .prod-next{right:-30px;background-image:url("/images/78629e2f441e5c0786c612c86558e73e0d4a0456.png")}
.product .readmore{margin:70px auto 0}
.heng{}
.heng img{max-width:100%}
.main{width:94%;max-width:1400px;position:relative;margin-left:auto;margin-right:auto}
.sub-cate{width:94%;max-width:1400px;margin-left:auto;margin-right:auto;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sub-cate::-webkit-scrollbar{width:6px;height:6px;background-color:#F5F5F5}
.sub-cate::-webkit-scrollbar-track{border-radius:3px;background-color:#F5F5F5}
.sub-cate::-webkit-scrollbar-thumb{border-radius:3px;background-color:#ddd}
.sub-cate .items{min-width:100%;display:inline-flex;justify-content:center;margin-left:auto;margin-right:auto}
.sub-cate a{display:block;float:left;padding:0 20px;height:50px;text-align:center;line-height:50px;border-radius:25px;font-size:16px;color:#999;transition:all 0.3s;white-space:nowrap}
.sub-cate a:hover,.sub-cate a.active{background-color:#f19716;color:#fff;font-size:16px}
.app{width:100%;padding:70px 0 90px}
.app .sub-cate{margin-top:20px}
.app .list{width:100%;margin-top:50px;overflow:hidden;display:flex;flex-wrap:wrap}
.app .item{width:31.42%;position:relative;margin-bottom:40px;float:left;margin-left:2.87%}
.app .item .tops{width:100%;position:relative}
.app .item .tops .img{width:100%;background-color:#fff}
.app .item .tops .img img{width:100%;height:auto}
.app .item .tops .masklayer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;overflow:hidden;transition:all 0.6s}
.app .item .tops .masklayer .texts{width:100%;height:100%;padding:40px;position:relative;z-index:2}
.app .item .tops .masklayer .texts .name{width:100%;font-size:24px;color:#fff;margin:0 auto;position:relative;overflow:hidden}
.app .item .tops .masklayer .texts .name p{display:none;animation-duration:0.5s}
.app .item .tops .masklayer .texts .desc{width:100%;font-size:16px;color:#fff;position:relative;overflow:hidden;margin-top:10px}
.app .item .tops .masklayer .texts .desc p{display:none;animation-duration:0.5s}
.app .item .tops .masklayer .texts .text{width:100%;font-size:14px;line-height:30px;color:#fff;margin:30px auto 0;overflow:hidden}
.app .item .tops .masklayer .texts .text p{display:none;animation-duration:0.5s;animation-delay:0.2s}
.app .item .tops .masklayer .texts .icon{display:block;width:32px;height:9px;position:absolute;left:40px;bottom:40px;overflow:hidden}
.app .item .tops .masklayer .texts .icon img{width:100%;height:100%;display:none;animation-duration:0.5s;animation-delay:0.4s}
.app .item .tops .masklayer i{position:absolute;width:200%;height:100%;top:0;left:-250%;background-color:#0068b7;-moz-transform:skewX(30deg);-o-transform:skewX(30deg);-ms-transform:skewX(30deg);-webkit-transform:skewX(30deg);transform:skewX(30deg);-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}
.app .item .bots{width:100%;padding:20px 0 0;color:#444}
.app .item .bots .name{font-size:20px;line-height:20px;font-weight:bold}
.app .item .bots .desc{font-size:16px;line-height:16px;color:#666;margin:12px 0 0}
.app .item:nth-child(3n+1){margin-left:0}
.app .item:hover .tops .masklayer .texts .name p{display:block;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.app .item:hover .tops .masklayer .texts .desc p{display:block;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.app .item:hover .tops .masklayer .texts .text p{display:block;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.app .item:hover .tops .masklayer .texts .icon img{display:block;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.app .item:hover .tops .masklayer i{left:-50%}
.app .readmore{margin:30px auto 0}
.footer{width:100%;background-color:#086fb7}
.footer .foot-top{width:100%}
.footer .foot-top .tops{width:100%;display:flex;flex:1;justify-content:space-between}
.footer .foot-top .tops .nav{width:100%;display:inline-flex;justify-content:space-between;padding-top:40px;padding-right:40px}
.footer .foot-top .tops .nav .item{padding-right:10px;color:#fff}
.footer .foot-top .tops .nav .item .one{font-size:16px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}
.footer .foot-top .tops .nav .item .one:hover{color:#fff}
.footer .foot-top .tops .nav .item .two{font-size:14px;color:#ecdede;margin-top:10px;float:left;clear:both;transition:all 0.3s}
.footer .foot-top .tops .nav .item .two:hover{color:#fff}
.footer .foot-top .tops .ewm{width:190px;min-width:190px;padding-top:47px;padding-bottom:30px;color:#fff}
.footer .foot-top .tops .ewm img{border-right:2px solid #5399cc}
.footer .foot-top .tops .ewm p{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer .foot-top .tops .ewm .logo{width:147px;height:47px;margin-top:20px}
.footer .foot-top .tops .ewm .logo img{width:100%;height:100%}
.footer .foot-top .tops .ewm .img{width:150px;height:150px;border-radius:10px;overflow:hidden;margin-top:30px}
.footer .foot-top .tops .ewm .img img{width:100%;height:100%}
.footer .foot-top .bots{width:100%;display:flex;justify-content:space-between;border-top:1px solid #086fb7;padding:30px 0}
.footer .foot-top .bots .item .label{width:100%;height:18px;white-space:nowrap}
.footer .foot-top .bots .item .label img{width:18px;height:18px;float:left}
.footer .foot-top .bots .item .label span{font-size:16px;color:#fff;margin-left:12px;float:left;line-height:18px;font-weight:500}
.footer .foot-top .bots .item .desc{margin-top:10px;font-size:16px;color:#ecdede}
.c-link{padding:0}
.c-link a{color:#fff}
.footer .foot-bot{width:100%;border-top:1px solid #333;padding:20px 0}
.footer .foot-bot .main{overflow:hidden;font-size:14px;color:#fdfbfb}
.footer .foot-bot .main p,.footer .foot-bot .main a,.footer .foot-bot .main span{color:#fdfbfb;display:inline-block;float:none}
@media screen and (max-width:1440px){
.product{padding:50px 0 80px}
.product .swiper{width:94%;margin:40px auto 0}
.product .swiper .swiper-slide{width:24.4%}
.product .swiper .swiper-slide .bot-text{padding:20px 10px 26px}
.product .swiper .swiper-slide .bot-text .name{font-size:24px;line-height:24px}
.product .swiper .swiper-slide .bot-text .desc{font-size:14px;line-height:14px;margin:12px auto 0}
.product .swiper .swiper-slide .masklayer .texts{top:50%;left:0}
.product .swiper .swiper-slide .masklayer .texts .name{width:75%;font-size:24px}
.product .swiper .swiper-slide .masklayer .texts .desc{width:75%;font-size:14px;line-height:32px;margin:30px auto 0}
.product .swiper .swiper-slide .masklayer .texts .icon{width:40px;height:40px;margin:40px auto 0}
.product .swiper .swiper-slide .masklayer i{position:absolute;width:200%;height:100%;top:0;left:-250%}
.product .swiper .swiper-slide:hover .masklayer i{left:-50%}
.product .swiper .prod-btn{top:50%;width:18px;height:32px;background-size:18px 32px}
.product .swiper .prod-prev{left:-30px}
.product .swiper .prod-next{right:-30px}
.product .readmore{margin:70px auto 0}
}
@media screen and (max-width:1280px){
.product{padding:50px 0 80px}
.product .swiper{width:94%;margin:40px auto 0}
.product .swiper .swiper-slide{width:24.4%}
.product .swiper .swiper-slide .bot-text{padding:20px 10px 20px}
.product .swiper .swiper-slide .bot-text .name{font-size:20px;line-height:20px}
.product .swiper .swiper-slide .bot-text .desc{font-size:14px;line-height:14px;margin:12px auto 0}
.product .swiper .swiper-slide .masklayer .texts{top:50%;left:0}
.product .swiper .swiper-slide .masklayer .texts .name{width:75%;font-size:20px}
.product .swiper .swiper-slide .masklayer .texts .desc{width:75%;font-size:14px;line-height:24px;margin:20px auto 0}
.product .swiper .swiper-slide .masklayer .texts .icon{width:30px;height:30px;margin:30px auto 0}
.product .swiper .swiper-slide .masklayer i{position:absolute;width:200%;height:100%;top:0;left:-250%}
.product .swiper .swiper-slide:hover .masklayer i{left:-50%}
.product .swiper .prod-btn{top:50%;width:18px;height:32px;background-size:18px 32px}
.product .swiper .prod-prev{left:-22px}
.product .swiper .prod-next{right:-22px}
.product .readmore{margin:50px auto 0}
.app{padding:70px 0 90px}
.app .sub-cate{margin-top:20px}
.app .list{margin-top:50px}
.app .item{width:31.42%;margin-bottom:40px;margin-left:2.87%}
.app .item .tops .masklayer .texts{padding:30px}
.app .item .tops .masklayer .texts .name{font-size:20px}
.app .item .tops .masklayer .texts .desc{font-size:16px;margin-top:10px}
.app .item .tops .masklayer .texts .text{font-size:14px;line-height:26px;margin:20px auto 0}
.app .item .tops .masklayer .texts .icon{width:32px;height:9px;left:30px;bottom:30px}
.app .item .tops .masklayer i{width:200%;height:100%;top:0;left:-250%}
.app .item .bots{padding:20px 0 0}
.app .item .bots .name{font-size:18px;line-height:18px}
.app .item .bots .desc{font-size:14px;line-height:14px;margin:10px 0 0}
.app .item:nth-child(3n+1){margin-left:0}
.app .readmore{margin:30px auto 0}
.app-list .list{margin-top:50px}
.app-list .item{width:31.42%;margin-bottom:40px;margin-left:2.87%}
.app-list .item .tops .masklayer .texts{padding:30px}
.app-list .item .tops .masklayer .texts .name{font-size:20px}
.app-list .item .tops .masklayer .texts .desc{font-size:16px;margin-top:10px}
.app-list .item .tops .masklayer .texts .text{font-size:14px;line-height:26px;margin:20px auto 0}
.app-list .item .tops .masklayer .texts .icon{width:32px;height:9px;left:30px;bottom:30px}
.app-list .item .tops .masklayer i{width:200%;height:100%;top:0;left:-250%}
.app-list .item .bots{padding:20px 0 0}
.app-list .item .bots .name{font-size:18px;line-height:18px}
.app-list .item .bots .desc{font-size:14px;line-height:14px;margin:10px 0 0}
.app-list .item:nth-child(3n+1){margin-left:0}
}
@media screen and (max-width:1024px){
.mod-title .en{font-size:30px;line-height:30px;font-weight:600}
.mod-title .cn{font-size:20px;line-height:20px;margin-top:12px}
.mod-title i{width:14px;height:3px;margin:12px auto 0}
.readmore{width:120px;height:40px;border-radius:20px;font-size:14px}
.readmore span{line-height:14px;height:11px}
.readmore i{width:16px;height:4px;background-position:16px 0;margin-left:8px;margin-top:0px}
.readmore:hover i{background-position:36px 0}
.sub-cate a{padding:0 10px;height:36px;line-height:36px;border-radius:18px;font-size:14px}
.sub-cate a:hover,.sub-cate a.active{font-size:14px}
.about{padding:50px 0 50px}
.about .about-main{margin-top:50px}
.about .about-main .left{width:50%;height:540px}
.about .about-main .right{width:50%;max-width:690px;padding:0 2.6%}
.about .about-main .right .name{font-size:24px}
.about .about-main .right .desc{font-size:14px;line-height:28px;margin-top:20px}
.about .about-main .right .numbers{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.about .about-main .right .numbers .item{width:48%;margin-top:25px}
.about .about-main .right .numbers .item .num{font-size:64px;line-height:50px;font-family:"DINCondensed";color:#0068b7}
.about .about-main .right .numbers .item .text{width:100%;font-size:14px;color:#999;margin-top:10px}
.about .about-main .right .readmore{margin-top:40px}
}
@media screen and (max-width:1024px){
.about{padding:50px 0 50px}
.about .about-main{margin-top:50px}
.about .about-main .left{width:50%;height:540px}
.about .about-main .right{width:50%;max-width:690px;padding:0 2.6%}
.about .about-main .right .name{font-size:24px}
.about .about-main .right .desc{font-size:14px;line-height:28px;margin-top:20px}
.about .about-main .right .numbers{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.about .about-main .right .numbers .item{width:48%;margin-top:25px}
.about .about-main .right .numbers .item .num{font-size:64px;line-height:50px;font-family:"DINCondensed";color:#0068b7}
.about .about-main .right .numbers .item .text{width:100%;font-size:14px;color:#999;margin-top:10px}
.about .about-main .right .readmore{margin-top:40px}
.app{padding:50px 0 50px}
.app .sub-cate{margin-top:20px}
.app .list{margin-top:50px}
.app .item{width:48%;margin-bottom:40px;margin-left:4%}
.app .item .tops .masklayer .texts{padding:30px}
.app .item .tops .masklayer .texts .name{font-size:20px}
.app .item .tops .masklayer .texts .desc{font-size:16px;margin-top:10px}
.app .item .tops .masklayer .texts .text{font-size:14px;line-height:26px;margin:20px auto 0}
.app .item .tops .masklayer .texts .icon{width:32px;height:9px;left:30px;bottom:30px}
.app .item .tops .masklayer i{width:200%;height:100%;top:0;left:-250%}
.app .item .bots{padding:20px 0 0}
.app .item .bots .name{font-size:18px;line-height:18px}
.app .item .bots .desc{font-size:14px;line-height:14px;margin:10px 0 0}
.app .item:nth-child(3n+1){margin-left:4%}
.app .item:nth-child(2n+1){margin-left:0}
.app .readmore{margin:30px auto 0}
.app-list .list{margin-top:50px}
.app-list .item{width:48%;margin-bottom:40px;margin-left:4%}
.app-list .item .tops .masklayer .texts{padding:30px}
.app-list .item .tops .masklayer .texts .name{font-size:20px}
.app-list .item .tops .masklayer .texts .desc{font-size:16px;margin-top:10px}
.app-list .item .tops .masklayer .texts .text{font-size:14px;line-height:26px;margin:20px auto 0}
.app-list .item .tops .masklayer .texts .icon{width:32px;height:9px;left:30px;bottom:30px}
.app-list .item .tops .masklayer i{width:200%;height:100%;top:0;left:-250%}
.app-list .item .bots{padding:20px 0 0}
.app-list .item .bots .name{font-size:18px;line-height:18px}
.app-list .item .bots .desc{font-size:14px;line-height:14px;margin:10px 0 0}
.app-list .item:nth-child(3n+1){margin-left:4%}
.app-list .item:nth-child(2n+1){margin-left:0}
}
@media screen and (max-width:768px){
.mod-title .en{font-size:30px;line-height:30px;font-weight:600}
.mod-title .cn{font-size:20px;line-height:20px;margin-top:12px}
.mod-title i{width:14px;height:3px;margin:12px auto 0}
.readmore{width:120px;height:40px;border-radius:20px;font-size:14px}
.readmore i{width:16px;height:4px;background-position:16px 0;margin-left:8px;margin-top:-4px}
.readmore:hover i{background-position:36px 0}
.about{padding:40px 0 40px}
.about .about-main{display:block;margin-top:40px}
.about .about-main .left{width:94%;height:260px;margin:0 auto}
.about .about-main .right{width:100%;max-width:none;padding:30px 2.6% 0}
.about .about-main .right .name{font-size:18px}
.about .about-main .right .desc{font-size:14px;line-height:28px;margin-top:10px}
.about .about-main .right .numbers .item{width:48%;margin-top:15px}
.about .about-main .right .numbers .item .num{font-size:50px;line-height:40px}
.about .about-main .right .numbers .item .text{font-size:14px;color:#999;margin-top:10px}
.about .about-main .right .readmore{margin-top:30px}
.product{padding:40px 0 40px}
.product .swiper{width:94%;margin:40px auto 0}
.product .swiper .swiper-slide{width:49.6%}
.product .swiper .swiper-slide .bot-text{padding:20px 10px 20px}
.product .swiper .swiper-slide .bot-text .name{font-size:20px;line-height:20px}
.product .swiper .swiper-slide .bot-text .desc{font-size:14px;line-height:14px;margin:12px auto 0}
.product .swiper .swiper-slide .masklayer .texts{top:50%;left:0}
.product .swiper .swiper-slide .masklayer .texts .name{width:75%;font-size:20px}
.product .swiper .swiper-slide .masklayer .texts .desc{width:75%;font-size:14px;line-height:24px;margin:20px auto 0}
.product .swiper .swiper-slide .masklayer .texts .icon{width:30px;height:30px;margin:30px auto 0}
.product .swiper .swiper-slide .masklayer i{position:absolute;width:200%;height:100%;top:0;left:-250%}
.product .swiper .swiper-slide:hover .masklayer i{left:-50%}
.product .swiper .prod-btn{top:50%;width:18px;height:32px;background-size:18px 32px}
.product .swiper .prod-prev{left:-9px}
.product .swiper .prod-next{right:-9px}
.product .readmore{margin:30px auto 0}
.app{padding:40px 0 40px}
.app .sub-cate{margin-top:20px}
.app .list{margin-top:40px}
.app .item{width:48%;margin-bottom:40px;margin-left:4%}
.app .item .tops .masklayer .texts{padding:20px}
.app .item .tops .masklayer .texts .name{font-size:18px}
.app .item .tops .masklayer .texts .desc{font-size:14px;margin-top:10px}
.app .item .tops .masklayer .texts .text{font-size:14px;line-height:24px;margin:16px auto 0}
.app .item .tops .masklayer .texts .icon{width:32px;height:9px;left:20px;bottom:20px}
.app .item .tops .masklayer i{width:200%;height:100%;top:0;left:-250%}
.app .item .bots{padding:20px 0 0}
.app .item .bots .name{font-size:18px;line-height:18px}
.app .item .bots .desc{font-size:14px;line-height:14px;margin:10px 0 0}
.app .item:nth-child(3n+1){margin-left:4%}
.app .item:nth-child(2n+1){margin-left:0}
.app .readmore{margin:30px auto 0}
.app-list .list{margin-top:40px}
.app-list .item{width:48%;margin-bottom:40px;margin-left:4%}
.app-list .item .tops .masklayer .texts{padding:20px}
.app-list .item .tops .masklayer .texts .name{font-size:18px}
.app-list .item .tops .masklayer .texts .desc{font-size:14px;margin-top:10px}
.app-list .item .tops .masklayer .texts .text{font-size:14px;line-height:24px;margin:16px auto 0}
.app-list .item .tops .masklayer .texts .icon{width:32px;height:9px;left:20px;bottom:20px}
.app-list .item .tops .masklayer i{width:200%;height:100%;top:0;left:-250%}
.app-list .item .bots{padding:20px 0 0}
.app-list .item .bots .name{font-size:18px;line-height:18px}
.app-list .item .bots .desc{font-size:14px;line-height:14px;margin:10px 0 0}
.app-list .item:nth-child(3n+1){margin-left:4%}
.app-list .item:nth-child(2n+1){margin-left:0}
}
@media screen and (max-width:480px){
.mod-title .en{font-size:24px;line-height:24px;font-weight:600}
.mod-title .cn{font-size:18px;line-height:18px;margin-top:10px}
.mod-title i{width:14px;height:3px;margin:10px auto 0}
.readmore{width:120px;height:40px;border-radius:20px;font-size:14px}
.readmore i{width:16px;height:4px;background-position:16px 0;margin-left:8px;margin-top:-4px}
.readmore:hover i{background-position:36px 0}
.sub-cate a{padding:0 10px;height:30px;line-height:30px;border-radius:15px;font-size:14px}
.sub-cate a:hover,.sub-cate a.active{font-size:14px}
}
@media screen and (max-width:480px){
.about{padding:30px 0 30px}
.about .about-main{display:block;margin-top:20px}
.about .about-main .left{width:94%;height:170px;margin:0 auto}
.about .about-main .right{width:100%;max-width:none;padding:20px 2.6% 0}
.about .about-main .right .name{font-size:16px}
.about .about-main .right .desc{font-size:14px;line-height:24px;margin-top:10px}
.about .about-main .right .numbers .item{width:48%;margin-top:20px}
.about .about-main .right .numbers .item .num{font-size:50px;line-height:40px}
.about .about-main .right .numbers .item .text{font-size:14px;color:#999;margin-top:10px}
.about .about-main .right .readmore{margin-top:20px}
.product{padding:30px 0 30px}
.product .swiper{margin:20px auto 0}
.product .swiper .swiper-slide{width:49.6%}
.product .swiper .swiper-slide .bot-text{padding:16px 10px 16px}
.product .swiper .swiper-slide .bot-text .name{font-size:16px;line-height:16px}
.product .swiper .swiper-slide .bot-text .desc{margin:6px auto 0}
.product .swiper .swiper-slide .masklayer .texts{top:50%;left:0}
.product .swiper .swiper-slide .masklayer .texts .name{width:75%;font-size:16px}
.product .swiper .swiper-slide .masklayer .texts .desc{width:75%;font-size:14px;line-height:20px;margin:15px auto 0}
.product .swiper .swiper-slide .masklayer .texts .icon{width:20px;height:20px;margin:15px auto 0}
.product .swiper .swiper-slide .masklayer i{position:absolute;width:200%;height:100%;top:0;left:-250%}
.app{padding:30px 0 30px}
.app .sub-cate{margin-top:20px}
.app .list{margin-top:30px}
.app .item{width:100%;margin-bottom:30px;margin-left:0}
.app .item .tops .masklayer .texts{padding:20px}
.app .item .tops .masklayer .texts .name{font-size:18px}
.app .item .tops .masklayer .texts .desc{font-size:14px;margin-top:10px}
.app .item .tops .masklayer .texts .text{font-size:14px;line-height:24px;margin:30px auto 0}
.app .item .tops .masklayer .texts .icon{width:32px;height:9px;left:20px;bottom:20px}
.app .item .tops .masklayer i{width:200%;height:100%;top:0;left:-250%}
.app .item .bots{padding:20px 0 0}
.app .item .bots .name{font-size:18px;line-height:18px}
.app .item .bots .desc{font-size:14px;line-height:14px;margin:10px 0 0}
.app .item:nth-child(3n+1){margin-left:0}
.app .item:nth-child(2n+1){margin-left:0}
.app .readmore{margin:10px auto 0}
.app-list .list{margin-top:30px}
.app-list .item{width:48%;margin:0 1%;margin-bottom:30px}
.app-list .item .tops .masklayer .texts{padding:20px}
.app-list .item .tops .masklayer .texts .name{font-size:18px}
.app-list .item .tops .masklayer .texts .desc{font-size:14px;margin-top:10px}
.app-list .item .tops .masklayer .texts .text{font-size:14px;line-height:24px;margin:30px auto 0}
.app-list .item .tops .masklayer .texts .icon{width:32px;height:9px;left:20px;bottom:20px}
.app-list .item .tops .masklayer i{width:200%;height:100%;top:0;left:-250%}
.app-list .item .bots{padding:20px 0 0}
.app-list .item .bots .name{font-size:18px;line-height:18px}
.app-list .item .bots .desc{font-size:14px;line-height:14px;margin:10px 0 0}
.app-list .item:nth-child(3n+1){margin-left:0}
.app-list .item:nth-child(2n+1){margin-left:0}
}
.m-footer{display:none;width:100%;background-color:#191919;padding:24px 3% 0;color:#fff}
.m-footer .nav{width:100%;overflow:hidden}
.m-footer .nav a{display:flex;align-items:center;float:left;width:33.33%;margin-top:30px;padding-right:20px;color:#fff}
.m-footer .nav a span{font-size:16px}
.m-footer .nav a i{display:block;float:left;width:10px;height:16px;background-size:auto 100%;background-position:center;background-repeat:no-repeat;margin-left:15px}
.m-footer .ewm{width:100%;margin-top:30px}
.m-footer .ewm p{font-size:16px;color:#fff}
.m-footer .ewm .img{width:100px;height:100px;border-radius:6px;overflow:hidden;margin-top:10px}
.m-footer .ewm .img img{width:100%;height:100%}
.m-footer .foot-bot{width:100%;padding:20px 0;background-color:#141414;color:#515151;font-size:14px}
.m-footer .foot-bot a{color:#515151}
@media screen and (max-width:1024px){.footer{display:none}.m-footer{display:block}}
.lastli{line-height:80px}
.sou{margin:40px 0 30px;max-width:656px;align-items:center;height:52px}
.sou span{display:block;width:90px;height:52px;border:1px solid #e6e6e6;padding:0;line-height:52px;font-size:18px;text-align:center;padding-right:10px}
.sou #formsearch{padding:0 10px;width:calc(100% - 90px);border:1px solid #e6e6e6;border-left:none;height:52px;padding-right:0}
.search-result .item{width:100%;padding:24px 0;border-bottom:1px solid #e6e6e6}
.search-result .item .title{width:100%;line-height:16px;font-size:16px;display:flex;align-items:center}
.search-result .item .title i{display:inline-block;width:4px;height:4px;background-color:#0068b7;margin-right:10px}
.search-result .item .title p{display:inline-block;width:calc(100% - 14px);color:#444}
.search-result .item .date{width:100%;font-size:14px;line-height:14px;color:#999;margin-top:10px;padding-left:14px}
.search-result .pages{margin-top:50px}