@import url('//at.alicdn.com/t/c/font_4324162_pdzy68ma82j.css');
@import url(swiper-iconfont.css?v=1.0.6);
@charset "utf-8";
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul,div{ margin: 0; padding: 0; }
html{font-size: 10px;}
body, button, input, select, textarea {font-family:"微软雅黑",roboto,Helvetica,Arial,sans-serif;line-height: 1.5em; font-size: 1.4rem; color: #000;outline: none;}
.clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0;}
img{display: block; vertical-align: middle;}
li{ list-style-type: none; }
a{ text-decoration: none; color: #333; outline: none; transition: all .3s;}
a:hover{ color: #0A69F2;}
.bd{ width: 100%; max-width: 120rem; margin: 0 auto;  position:relative; }
.btitle h3{font-size: 3.4rem; line-height: 1.5em; font-weight: bold; text-align: center;}
.shadow{box-shadow: 0 0 10px rgba(0,0,0,.1);}
.swiper-pagination-bullet-active{ background-color:#0A69F2 }
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}


.header-bd{position: fixed;  top: 0; right: 0; left: 0; transition: all .2s; z-index: 10;}
.header-bd,.header-bd .bd,.header-bd .bd .header,.header .nav li .item{height: 8rem;}
.header .nav li .item{line-height: 8rem; }
.header .nav li .item.on{ color:#0A69F2; }
.header-bg{ background-color: rgba(255,255,255,1); box-shadow: 0 0 5px rgba(0,0,0,.1); }
.header .logo{ position:absolute; height:2.8rem; top:50%; margin-top:-1.4rem }
.header .logo img{ height: 100%; display: block; }
.header .nav{ float:right; }
.header .nav li{ float: left;  font-size: 1.6rem;padding: 0 2rem; position: relative; }
.header .nav li .item{ display: block; position: relative;}
.header .nav li.btns .item{ display:inline-block; border:.2rem solid #0A69F2; background-color:#FFF; border-radius:10rem; height:3.6rem; line-height:3.6rem; width: 10rem; text-align:center; margin-top:2.1rem }
.header .nav li.btns.login{ padding-right:0; }
.header .nav li.btns.login .item{ color:#0A69F2 }
.header .nav li.btns.login .item:hover{ background-color:#E2EDFE }
.header .nav li.btns.free .item{ color:#FFF; background-color:#0A69F2 }
.header .nav li.btns.free .item:hover{ background-color:#095AD5; color:#FFF }
.header .nav li:last-child{ padding-right: 0; }
.header .menubtn{position: absolute; right: 0;top: 50%; margin-top:-1.5rem; width: 3rem; height: 3rem; display:none}
.header .menubtn span{ position: absolute; left: 0; right: 0; top: 50%; margin-top:-.18rem; height: .36rem;  background-color: #333; display:block; }
.header .menubtn:before{content: ""; position: absolute; left: 0; right: 0; top: .4rem; height: .36rem; background-color: #333;}
.header .menubtn:after{content: ""; position: absolute; left: 0; right: 0; bottom: .4rem; height: .36rem;background-color: #333;}


/*滚动后头部样式改变*/
.header-bg .header .nav li .item{ color: #333; }
.header-bg .header .loginbd li a{ color: #333;}
.header-bg .header .nav li .item.on{ color:#0A69F2; }
.header-bg .header .nav li .item:hover{ color: #0A69F2; }
.header-bg .menubtn span,.header-bg .menubtn:before,.header-bg .menubtn:after{ background-color:#000 }

.banner .swiper{ background-color:#F3F8FE; height:64rem }
.banner .swiper .swiper-slide{ height:64rem;  }
.banner .swiper .swiper-slide .box{ padding: 8rem 0 0 0; position: relative; }
.banner .swiper .swiper-slide .box h3{ font-size:4.8rem; font-weight:bold; line-height:1.5em }
.banner .swiper .swiper-slide .box .p{ font-size:2rem; line-height:1.8em; color:#777; padding:1rem 0 3.5rem 0 }
.banner .swiper .swiper-slide .box .btns .btn{display:inline-block; border:.2rem solid #0A69F2; font-size: 1.6rem; background-color:#0A69F2; color: #FFF; border-radius:10rem; height:3.6rem; line-height:3.6rem; width: 13rem; text-align:center;}
.banner .swiper .swiper-slide .box .btns .btn:hover{background-color:#095AD5}
.banner .swiper .swiper-slide .box .desc{ padding:12rem 0 0 0;z-index: 3; position:relative; }
.banner .swiper .swiper-slide .box .img{ position:absolute; right:0; top:14rem; height:40rem }
.banner .swiper .swiper-slide .box .img img{ height:100% }
.banner .swiper .swiper-page{ position:absolute; bottom:2rem; left:0; right:0; text-align:center; z-index:5 }
.banner .swiper .swiper-page .swiper-pagination-bullet{ width:3rem; height:.5rem; border-radius:100px; margin:0 .8rem }
.banner .swiper .swiper-btn{ width:5rem; height:5rem; line-height: 5rem; text-align: center;  color: #0A69F2; margin-top:-2.5rem; position:absolute; top:50%; z-index:5; cursor:pointer;  }
.banner .swiper .swiper-btn i{ font-size: 3.6rem;}
.banner .swiper .swiper-prev{ left:2rem; }
.banner .swiper .swiper-next{ right:2rem; }

.contrast{ padding:7rem 0 0 0 }
.contrast .box{ margin:3rem 0 0 0; box-shadow:0 0 10px rgba(0,0,0,.1) }
.contrast .box .l,.contrast .box .r{ width:50%;overflow:hidden;  }
.contrast .box h4{ font-size:2.4rem; height:7rem; line-height:7rem; text-align:center; color:#FFF; background-color:#0A69F2; font-weight:normal; }
.contrast .box ul{ padding:2rem 6rem; }
.contrast .box ul li{ border-bottom:1px solid #EEE; padding:1.8rem 0; line-height:1.5em }
.contrast .box .l{ float:left; border-top-left-radius:1rem;box-shadow:15px 0 15px -15px  rgba(0,0,0,.1);position: relative; z-index: 5;  }
.contrast .box .l h4{ background-color:#9673FF }
.contrast .box .r{ float:right;  background-color:#F4F9FF; border-top-right-radius:1rem; }
.contrast .box .r .iconfont{ color:#0A69F2; margin-right:.8rem }
.contrast .box .l .iconfont{ color:#CCC; }
.contrast .box .r span,.contrast .box .l span{ font-size:1.6rem }
.contrast .box .r .iconfont,.contrast .box .l .iconfont{font-size:1.6rem;margin-right:.8rem }
.contrast .box .l li:last-child,.contrast .box .r li:last-child{ border-bottom:0 }

.features{ padding:7rem 0 0 0; }
.features .module{ margin:3rem 0 0 0;padding:5rem 0 }
.features .module.mbg{ background-color:#F8F8F8;  }
.features .module .img{ float:left; width:50% }
.features .module .desc{width:50%}
.features .module .desc .pd{padding: 5rem 0 0 7rem;}
.features .module .desc h3{ font-size:3rem; line-height:1.5em; font-weight:normal; }
.features .module .desc .p{ font-size:1.8rem; line-height:2em; padding:2rem 0 0 0 }
.features .module .desc .btns{ padding:3rem 0 0 0; }
.features .module .desc .btns .btn{display:inline-block; border:.2rem solid #0A69F2; font-size: 1.6rem; background-color:#0A69F2; color: #FFF; border-radius:10rem; height:3.6rem; line-height:3.6rem; width: 13rem; text-align:center;}
.features .module .desc .btns .btn:hover{background-color:#095AD5;}
.features .module-txt-r .desc{ float:right; }
.features .module-txt-r .img{ float:left; }
.features .module .img img{ max-width:100%; border-radius:2rem;  }
.features .module-txt-l .desc{ float:left; }
.features .module-txt-l .img{ float:right; }
.features .module-txt-l .desc .pd{ padding:5rem 7rem 0 0; }

.functions{ background-color:#F4F9FF; margin: 5rem 0 0 0; padding:6rem 0 }
.functions .gridlist{background-color: #FFF; border: 1px solid #EEE; margin: 3rem 0 0 0;}
.functions .gridlist li{ width:25%; float:left; text-align:center; }
.functions .gridlist li a{ display:block; padding:3rem 0; position:relative; }
.functions .gridlist li a:after{ content:''; width:1px; background-color:#EEE; position:absolute; right:0; top:0; bottom:0; }
.functions .gridlist li a:before{ content:''; height:1px; background-color:#EEE; position:absolute; left:0; right:0; bottom:0; }
.functions .gridlist li.i4 a:after{display: none;}
.functions .gridlist li.ib a:before{display: none}
.functions .gridlist li a .iconfont{ font-size:4rem; width:4rem; height:4rem; line-height:4rem; text-align:center; display:block; margin:0 auto; color:#0A69F2 }
.functions .gridlist li a:hover{ box-shadow:0 0 20px rgba(0,0,0,.1); z-index:2; }
.functions .gridlist li a span{ display:block; font-size:1.6rem; line-height:1.5em; padding:1rem 0 0 0;  }
.functions .btns{ text-align:center; padding:4rem 0 0 0; }
.functions .btns .btn{display:inline-block; border:.2rem solid #0A69F2; font-size: 1.6rem; background-color:#0A69F2; color: #FFF; border-radius:10rem; height:3.6rem; line-height:3.6rem; width: 13rem; text-align:center;}
.functions .btns .btn:hover{background-color:#095AD5;}

.scene{ padding:7rem 0 7rem 0; }
.scene .swiper-cj{ overflow:hidden; margin:3rem 0 0 0; position:relative; }
.scene .swiper-cj li{background: #EEE;background-repeat:no-repeat; background-size:cover;  border-radius: 1rem; height: 20rem; overflow: hidden; position: relative;}
.scene .swiper-cj li:before{ content:''; background:rgba(10,105,242,.7); position:absolute; left:0; top:0; width:100%; height:100%;backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }
.scene .swiper-cj li .box{ text-align:center;  position:relative; z-index:1; color:#FFF; z-index: 2; position:absolute; left:0; width:100%; top:50%; margin-top:-2rem }
.scene .swiper-cj li .box h4{ font-size:2.6rem; line-height: 4rem; height: 4rem; font-weight:normal; position:relative;z-index:4; transform: translateZ(0);}
.scene .swiper-cj li .box p{ font-size:1.8rem; line-height:2rem; padding:1rem 0 2.5rem 0 }
.scene .swiper-cj li .box .getfa{ display: inline-block; border: 1px solid #FFF; margin: 0 .8rem; color: #FFF; font-size: 1.6rem; padding: .8rem 3rem; border-radius: 10rem; }
.scene .swiper-cj li .box .getfa:hover{ background-color: #FFF; color: #022a9b; padding: .8rem 4rem; }
.scene .swiper-cj .swiper-page-cj{text-align: center; padding: 2rem 0 0 0}
.scene .content{ position:relative; }
.scene .content .swiper-btn{ width:5rem; height:5rem; line-height: 5rem; text-align: center;  color: #0A69F2; margin-top:-4rem; position:absolute; top:50%; z-index:5; cursor:pointer;  }
.scene .content .swiper-btn i{ font-size: 3.6rem;}
.scene .content .swiper-prev-cj{ left:-6rem; }
.scene .content .swiper-next-cj{ right:-6rem; }


.subbanner{ background:#EEE url(/img/subbannerbg.jpg?v=1.2.9) no-repeat center center; background-size: cover; height:42rem; margin-top:8rem; position:relative; }
.subbanner .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.6) }
.subbanner .bg .bd{ height:42rem; }
.subbanner .bg .bd .subtext{ color:#FFF; text-align:center; position:absolute; left:0; right:0; top:50%; margin-top:-10rem }
.subbanner .bg .bd .subtext h3{ font-size:4.8rem; line-height:1.5em; margin-bottom:2rem }
.subbanner .bg .bd .subtext p{ font-size:2rem; line-height:1.8em; }
.subbanner .bg .bd .subtext .contact{ display:inline-block; margin-top: 3rem; border:.2rem solid #0A69F2; font-size: 1.6rem; background-color:#0A69F2; color: #FFF; border-radius:10rem; height:3.6rem; line-height:3.6rem; width: 13rem; text-align:center; }
.subbanner .bg .bd .subtext .contact:hover{background-color:#095AD5;}


.download{ padding:8rem 0 0 0; }
.download .bd{ max-width:125rem; overflow:inherit; }
.download .downlist{ padding: 2rem 1rem 5rem 1rem; }
.download .downlist li{ float: left; width: 33.333%; text-align: center; margin-top: 2rem; }
.download .downlist li .box{ margin: 0 1.5rem; background-color: #FFF; border: 1px solid #EEE; transition: all .3s; overflow: hidden; border-radius: .5rem;  box-shadow: 0 0 20px rgba(100,100,100,.1); padding: 3rem 2.5rem; }
.download .downlist li .box:hover{ border-color:#0A69F2; }
.download .downlist li .box .names{ border-bottom: 1px solid #EEE; padding:1.5rem 0 1rem 0 }
.download .downlist li .box .names h3{ font-size: 2.8rem; line-height: 1.5em; font-weight: normal; display: block; padding: 1.5rem 0 1rem 0; }
.download .downlist li .box .names span{ background-color: #0A69F2; color: #FFF; border-radius:10rem;display: inline-block; width: 7rem; height: 7rem; line-height: 7rem; text-align: center; }
.download .downlist li .box .names span i{ font-size: 4.6rem; }
.download .downlist li .box .names span.a{ background-color:#A6CE3A }
.download .downlist li .box .names span.b{ background-color:#605AB0 }
.download .downlist li .box .names span.c{ background-color:#2BA245 }
.download .downlist li .box .desc{ font-size: 1.1rem; color: #666; padding: 1rem 0 0 0; }
.download .downlist li .box .tags{ font-size: 1.4rem; color: #999; padding: 2rem 0 1rem 0; line-height:2em }
.download .downlist li .box .tags span{ display: block; margin: 0 1rem;}
.download .downlist li .box .cbtn{ padding: 1.5rem 0 1.5rem 0; position: relative; }
.download .downlist li .box .cbtn a{ display: inline-block; border: .2rem solid #0A69F2; background-color:#0A69F2 ; margin: 0 .8rem; color: #FFF; font-size: 1.6rem; height: 3.6rem; line-height: 3.6rem;  width: 13rem; border-radius: 10rem; }
.download .downlist li .box .cbtn a:hover{ background-color: #095AD5;  }
.download .downlist li .box .cbtn div{ position: absolute; left: 50%; margin-left: -6rem; bottom: 7rem; display:none }
.download .downlist li .box .cbtn div img{ width: 12rem; box-shadow: 0 0 10px rgba(0,0,0,.1); }


.pricelist{ padding:8rem 0 0 0; }
.pricelist .bd{ max-width:125rem; overflow:inherit; }
.pricelist .plist{ padding: 2rem 1rem 5rem 1rem; }
.pricelist .plist li{ float: left; width: 25%; text-align: center; margin-top: 2rem; }
.pricelist .plist li .box{ margin: 0 1.5rem; background-color: #FFF; border: 1px solid #EEE; transition: all .3s; position: relative; overflow: hidden; border-radius: .5rem;  box-shadow: 0 0 20px rgba(100,100,100,.1); padding: 3rem 2.5rem; }
.pricelist .plist li .box:hover{border-color:#0A69F2;}
.pricelist .plist li .box .cbtn{ padding: 2.5rem 0 1.5rem 0; position: relative; }
.pricelist .plist li .box .cbtn a{ display: inline-block; border: .2rem solid #0A69F2; background-color:#0A69F2 ; margin: 0 .8rem; color: #FFF; font-size: 1.6rem; height: 3.6rem; line-height: 3.6rem;  width: 13rem; border-radius: 10rem; }
.pricelist .plist li .box .cbtn a:hover{ background-color: #095AD5;  }
.pricelist .plist li .box .names{ font-size:1.8rem; line-height:1.5em;  }
.pricelist .plist li .box .names h3{font-weight:normal;}
.pricelist .plist li .box .price{ color:#FF4D4D; font-size:2.4rem; font-weight:bold; padding:3rem 0; }
.pricelist .plist li .box .desc{ color:#666; line-height:2em; font-size:1.6rem }
.pricelist .plist li .box .hot{ background-color:#FF9326; color:#FFF; font-size:1.2rem; text-align:center; height:2.4rem; line-height:2.4rem; width: 10rem; display: block; font-style:normal; position:absolute; left:-3rem; top:1rem; transform:rotate(-45deg) }

.finfo{ background-color: #0A69F2; padding: 3rem 0; }
.finfo .title{ font-size: 2.4rem; font-weight: bold; color: #FFF; text-align: center; line-height:1.2em }
.finfo .title span{color: #FCD006; display: inline; padding: 0 2.5rem;}
.footer{ background-color:#333; font-size:1.4rem; padding:2.3rem 0 }
.footer .copyright,.footer .address{ text-align:center; margin:1rem 0 0 0; }
.footer .address{ margin-top: 1.4rem; }
.footer .address span,.footer .copyright span{ padding: 0 .5rem; display: inline-block; }
.footer a,.footer{ color:rgba(255,255,255,.8);  }
.footer .flogo img{ height:3rem; margin:0 auto; }

.fixed-menu{ position: fixed; right: 1rem;  top: 50%; margin-top: -9rem;  width: 8rem; text-align: center; background-color: rgba(0,0,0,.8); font-size: 1.4rem; color: #FFF;  z-index: 40; border-radius: 1rem;  }
.fixed-menu .micon,.fixed-menu .menus,.fixed-menu .backtop,.fixed-menu .online{ height: 8rem; position: relative; display:block; cursor: pointer;transition: all .3s;}
.fixed-menu .micon img{ width: 3.6rem; display: inline-block; margin-top: 2rem; }
.fixed-menu .iconfont{ font-size: 2.6rem; height: 2rem; line-height: 2rem; }
.fixed-menu span{margin-top: 1.8rem;display:inline-block;}
.fixed-menu .menus:after,.fixed-menu .backtop:after,.fixed-menu .online:after{ content: ""; height: 1px; background-color: rgba(255,255,255,.2); left: 0; right: 0; position: absolute; top: 0;}
.fixed-menu .m1:after{display: none;}
.fixed-menu p{ line-height: 2rem; height: 2rem; }
.fixed-menu .micon{ padding-bottom: 1rem; }
.fixed-menu .menus .imgbox{ position:absolute; box-shadow:0 0 10px rgba(0,0,0,.1); }
.fixed-menu .menus .qrcode{background-color:#FFF; width:10rem; height:10rem; top:0;display:none;left:-10.2rem;}
.fixed-menu .menus .qrcode div{  margin:5px;}
.fixed-menu .menus .qrcode img{ width:100% }
.fixed-menu .menus .telcode{ background-color:#0A69F2; color:#FFF; border-radius: .5rem 0 0 .5rem; font-size:1.6rem; height:8rem; line-height:8rem; display:none; white-space:nowrap; padding:0 1rem; right:0; top:1px;}
.fixed-menu .menus .telcode i{font-size:1.6rem; margin-right:3px; vertical-align:middle;}
.fixed-menu .menus .telcode a{ color:#FFF }
.fixed-menu .htel{ color:#FFF }
#ismobile{ display:none }
#isnavhide{ display:none }
.fixed-menu .online a{ color:#FFF }

@media screen and  (min-width:1400px){html{font-size:10px}}
@media screen and (max-width:1350px){
.bd{ width:auto; margin:0 2rem; max-width: none; overflow:hidden; }
.banner .swiper .swiper-btn{display: none;}
.banner .bd{ overflow:inherit; }
.banner .swiper{ background-color:#F3F8FE; height:50rem }
.banner .swiper .swiper-slide{ height:50rem;  }
.banner .swiper .swiper-slide .box .img{ position:absolute; right:0; top:10rem; height:35rem }
.banner .swiper .swiper-slide .box{ padding: 3.5rem 0 0 0; position: relative; }
.contrast .bd{ overflow:inherit; }
.features .module .desc .pd{padding: 2rem 0 0 6rem;}
.features .module-txt-l .desc .pd{padding: 2rem 4rem 0 0;}
.scene .swiper-cj li{ height:18rem }
.download .bd{ max-width:none; width:auto; margin:0 auto; }
.download .downlist li .box{ margin:0 1rem; }
.pricelist .bd{ max-width:none; width:auto; margin:0 auto; }
.pricelist .plist li .box{ margin:0 1rem; }
}

@media screen and  (max-width:1160px){
	.pricelist .plist li{ width:50% }
}

@media screen and  (max-width:1000px){
	html{font-size:9px}
	.scene .swiper-cj li{ height:16rem }
}

/*移动端*/
@media screen and  (max-width:860px){
	.header .nav{ display: none; float: none; position: fixed; left: 0; right: 0; top: 7rem; background-color: rgba(0,0,0,.9);}
	.header .nav li{ display:block; float:none; text-align:center; padding:0;font-size:1.6rem }
	.header-bg .header .nav li .item{ color:#FFF;  }
	.header-bg .header .nav li .item:hover{ color:#FFF }
	.header .nav li .item{ color:#FFF; font-size:2rem; }
	.header .nav li.btns.login{ display:none }
	.header .nav li.btns.free{ margin-bottom:3rem }
	.header .nav li.btns.free a{ width:16rem; height:4.2rem; line-height:4.2rem }
	.header .menubtn{ display: block; }
	.banner .swiper .swiper-slide .box .img{ position:relative; top:auto; text-align:center; padding:3rem 0 5rem 0;height:auto; }
	.banner .swiper .swiper-slide .box .img img{ margin:0 auto;height:auto; width:90% }
	.banner .swiper,.banner .swiper .swiper-slide{ height:auto; }
	.banner .swiper .swiper-slide .box .desc{ text-align:center; }
	.contrast .box .l, .contrast .box .r{float: none; width: 100%;border-top-left-radius:1rem; border-top-right-radius:1rem; box-shadow: 0 0 1.5rem rgba(0,0,0,.1)}
	.contrast .box .r{ margin-top:3rem; }
	.contrast .box{ box-shadow:none }
	.contrast .box .r .iconfont, .contrast .box .l .iconfont{ font-size:2rem; }
	.contrast .box .r span, .contrast .box .l span{ font-size:2rem; }
	.features .module .img{order:2 }
	.features .module .desc{width:100%; order:1 }
	.features .module .img{ width:100%; margin:4rem 0 0 0; }
	.features .module .desc .pd{ padding-left:0; text-align:center; }
	.features .module-txt-l .desc .pd{ padding-right:0 }
	.features .module .desc .p{ text-align:left; font-size:2rem }
	.features .bd{display: flex;flex-flow: column;}
	.banner .swiper .swiper-slide .box .btns .btn,.features .module .desc .btns .btn{ height:4rem; line-height:4rem; font-size:1.8rem; }
	.banner .swiper .swiper-slide .box .desc{ padding:9rem 0 0 0; }
	.banner .swiper .swiper-slide .box .p{ font-size:2rem }
	.features .module{ padding-top:2rem; }
	#ismobile{ display:block; }
	.download .downlist li{ width:50%; }

}

@media screen and  (max-width:640px){
	.download .downlist li{ width:100%; }
	.download .downlist li .box{ margin:0 }
	.download .downlist{ padding-right:2rem; padding-left:2rem; }
	.subbanner{ height:32rem }
	.subbanner .bg .bd .subtext{ margin-top:-10.5rem }
	.subbanner .bg .bd{ height:32rem }
	.pricelist .plist{ padding-right:2rem; padding-left:2rem;padding-top:0 }
	.pricelist .plist li{ width:100% }
	.pricelist .plist li .box{ margin:0 }
	.download .downlist{ padding-top:0 }
	.pricelist .plist li .box .names{ font-size:2.2rem }
	.pricelist .plist li .box .price{ font-size:2.8rem }
	.pricelist .plist li .box .desc{ font-size:1.8rem }
	.pricelist .plist li .box .cbtn a,.download .downlist li .box .cbtn a{ width:15rem }
	.download .downlist li .box .tags{font-size: 1.8rem}
}

@media screen and  (max-width:480px){
	.banner .swiper .swiper-slide .box h3{ font-size:3rem; }
	.banner .swiper .swiper-slide .box .p{ padding-bottom:2rem; font-size:1.8rem }
	.banner .swiper .swiper-slide .box .btns .btn,.features .module .desc .btns .btn{ height:3.6rem; line-height:3.6rem; font-size:1.6rem; }
	.banner .swiper .swiper-page .swiper-pagination-bullet{  width:2rem; height:.3rem; margin:0 .6rem; }
	.btitle h3{ font-size:3rem; }
	.contrast .box h4{ font-size:2rem; }
	.contrast .box ul{ padding:2rem 3rem }
	.contrast .box .r span, .contrast .box .l span{ font-size:1.8rem }
	.features .module{ padding-top:1rem; padding-bottom:4rem }
	.features .module .desc h3{ font-size:2.6rem }
	.features .module .desc .p{ padding-top:1rem; font-size: 1.8rem}
	.finfo{ padding:1.5rem 0; }
	.finfo .title{ font-size:1.8rem; line-height:1.8em }
	.contrast .box h4{ height:6rem; line-height:6rem }
	.footer{ font-size:1.2rem }
	.scene{ padding:5rem 0 }
	.scene .swiper-cj li .box h4{ font-size:1.8rem }
	.scene .swiper-cj li{ height:12rem }
	.functions .gridlist li a{ padding:1.6rem 0 }
	.functions .gridlist li a span{ padding-top:.5rem }
	.fixed-menu{ bottom:0; top:auto; margin-top:auto; left:0; width:100%; border-radius:0 }
	.fixed-menu .li{float: left;width: 25%; position: relative; padding: .5rem 0}
	.fixed-menu .li:after{ position:absolute; right:0; content:""; left: auto; width:1px; height: auto; top:0; bottom:0 }
	.fixed-menu .li:last-child:after{ display:none; }
	.fixed-menu .li{ height: 5rem; }
	.fixed-menu span{ margin-top: .7rem; }
	.fixed-menu p{ height: 1.6rem; line-height: 1.6rem; }
	.fixed-menu .m1:after{display: block;}
	#ismobile{ display:block; }
	.fixed-menu .menus .qrcode{ left:50%; margin-left: -5rem; top:auto; bottom:6.5rem }
	.fixed-menu .menus .telcode{ top:auto; bottom:6.5rem; border-radius:0 }
	.footer{ padding-bottom:8rem }
	.subbanner{ height:28rem }
	.subbanner .bg .bd .subtext h3{ font-size:3rem }
	.subbanner .bg .bd .subtext p{ font-size:1.8rem }
	.subbanner .bg .bd .subtext{ margin-top:-12rem }
	.download{ padding-top:4rem }
	.download .downlist{ padding-top:1rem; padding-bottom:1rem; }
	.pricelist{ padding-top:4rem }
	.pricelist .plist{ padding-top:1rem; padding-bottom:1rem; }

}