@charset "utf-8";

.new_banner{width:100%;position:relative;float:left;background:url(../../images/mobileimages/loading.gif) no-repeat center center #fff;}
.rslides{width:100%;position:relative;list-style:none;padding:0;float:left}
.rslides li{width:100%;position:relative}
.rslides li img{width:100%;float:left}
.rslides li span{display: none}

.prev,.next{display: none}
.rslides_tabs{ position:absolute;left:50%;bottom:0;clear:both;text-align:center; z-index:99;margin-left:-1em;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{ width:12px; height:12px;text-indent:-5em; overflow:hidden; display:block; float:left; margin-left:6px;border:1px solid #1776d3;}
.rslides_tabs .rslides_here a{ background:#1776d3;}

.hot-product{width:100%;display: inline-block;position: relative;overflow:hidden;}
.hot-product .hot-list-box{width:300%;}
.hot-product .hot-list{width:33.3%;float:left;position: relative;z-index:10;}
.hot-product .hot-list img{width:100%;float:left;}
.hot-product .hot-list .hot-info{width:100%;padding:0 3% 1em 3.8em;box-sizing:border-box;background:#f7f7f7;}
.hot-product .hot-list .hot-info p{width:96%;text-align:left;background:#fff;border-radius:4px;padding:1em 2%;display:inline-block;margin-top:-2.5em;box-shadow:0 2px 3px rgba(159,204,249,.3)}
.hot-product .hot-list .hot-info p b{position: relative;font-weight: normal;float:left;}
.hot-product .hot-list .hot-info p b a{position: relative;float:left;z-index: 2;color:#1182f0;max-width:93%;padding:0 3% 0 4%;line-height: 180%;font-size: .8em;background: #fff}
.hot-product .hot-list .hot-info p b i{width:100%;height: 1px;background: #7ab9f8;position: absolute;z-index:1;left:0;top:.7em;}
.hot-product .hot-list .hot-info p span{line-height: 150%;width:92%;padding:.5em 4%;font-size:.7em;float: left;}
.hot-product .hot-list .hot-info p span a{line-height: 200%;padding:0 1em;border:1px solid #489ff3;color:#1182f0;display: inline-block;border-radius: 4px}

.hot-product .hot-slide{position:absolute;left:.6em;width:4em;z-index:99;display: inline-block;}
.hot-product .hot-slide a{width:1.6em;height:1.6em;float:left;transition: .2s all}
.hot-product .hot-slide a:hover{opacity:.8;}
.hot-product .hot-slide a.hot-prev{background:url(../../images/mobileimages/slide.png) .5em center no-repeat #9fccf9;background-size:auto 1em}
.hot-product .hot-slide a.hot-next{background:url(../../images/mobileimages/slide.png) -1.2em center no-repeat #1180f0;background-size:auto 1em}

.hot-system{width:92%;background:#fff;padding: .8em 4%}
.hot-system li{width:100%;padding:.6em 0;text-align:left;}
.hot-system li:hover{background:#fafafa}
.hot-system li b{width:100%;color:#1182f0;font-size:.8em;font-weight:normal;padding:0 0 .5em 4em;line-height:240%;float:left;position:relative;box-sizing: border-box;}
.hot-system li b i{width:2.5em;position: absolute;top:0;left:4em;height:1px;background:#1182f0;}
.hot-system li span{line-height: 180%;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;
overflow: hidden;padding-left:4.8em;font-size:.7em;}

.hot-system li b.system1{background: url("../../images/mobileimages/system-ico.png") .2em .2em no-repeat;background-size: 2.6em auto}
.hot-system li b.system2{background: url("../../images/mobileimages/system-ico.png") .2em -9.8em no-repeat;background-size: 2.6em auto}
.hot-system li b.system3{background: url("../../images/mobileimages/system-ico.png") .2em -19.3em no-repeat;background-size: 2.6em auto}

.about-bar{width:100%;background: url(../../images/mobileimages/about-bg.jpg);background-size: cover;padding:1.5em 1.5em 1.51em 0;box-sizing:border-box;float: left;}
.about-bar p{border:5px solid #fff;width:88%;padding:5%;border-left:none;float: left;text-align: left;}
.about-bar p b{position: relative;line-height: 180%;font-size:.8em;color:#fff;padding-bottom:.8em;float: left;width:100%;}
.about-bar p b i{width:3em;position: absolute;bottom:0;left:0;height:1px;background:#fff;}
.about-bar p span{line-height: 200%;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;
overflow: hidden;font-size:.7em;color:#fff;width:100%;padding-top:.8em}
.about-bar p a{line-height: 200%;padding:0 1em;background:#fff;font-size:.7em;color:#1182f0;display: inline-block;border-radius: 4px;float:right;margin-top:1.2em;}
.about-bar p a:hover{opacity: .8}

.gran-system{width:100%;background: #fff;padding:1em 0;position: relative;float:left;overflow:hidden} 
.gran-system ul{width:700%;float:left;}
.gran-system ul li{width:14.28%;float:left}
.gran-system ul li b,.gran-system ul li span,.gran-system ul li img{float:left;width:90%;margin:0 5%;}
.gran-system ul li b{font-size:.8em;font-weight: normal;line-height: 200%;color:#489ff3;}
.gran-system ul li span{font-size: .7em;padding:.8em 0;}
.gran-system ul li a{line-height: 200%;font-size: .7em;padding:0 1em;border:1px solid #489ff3;color:#1182f0;display: inline-block;border-radius: 4px}
.gran-system ul li a:hover{background: #489ff3;color:#fff}

.gran-system .gran-slide{width:1.6em;height:1.6em;float:left;transition: .2s all;top:50%;margin-top:-.8em;position:absolute;}
.gran-system .gran-prev{background:url(../../images/mobileimages/slide.png) .5em center no-repeat #9fccf9;background-size:auto 1em;left:0;}
.gran-system .gran-next{background:url(../../images/mobileimages/slide.png) -1.2em center no-repeat #1180f0;background-size:auto 1em;right:0;}
.gran-system .gran-slide:hover{opacity: .8}

.app-scope{width:92%;background:url(../../images/mobileimages/app-bg.jpg);background-size:cover;padding:1em 4% 2em 4%;position: relative;float:left;} 
.app-scope li{width:33%;float:left;padding-top:3.2em;font-size: .8em;color:#fff;line-height: 120%;overflow:hidden;margin-top:1em;}
.app-scope li.sl{background: url(../../images/mobileimages/scope-ico.png) -22% 0 no-repeat;background-size: 260%}
.app-scope li.hg{background: url(../../images/mobileimages/scope-ico.png) 50% 0 no-repeat;background-size: 260%}
.app-scope li.sp{background: url(../../images/mobileimages/scope-ico.png) 122% 0 no-repeat;background-size: 260%}
.app-scope li.yy{background: url(../../images/mobileimages/scope-ico.png) -22% 140% no-repeat;background-size: 260%}
.app-scope li.kwz{background: url(../../images/mobileimages/scope-ico.png) 50% 140% no-repeat;background-size: 260%}
.app-scope li.wfb{background: url(../../images/mobileimages/scope-ico.png) 122% 140% no-repeat;background-size: 260%}

.prof-service{width:100%;background: #fff;float:left;padding:1em 0;}
.prof-service ul{width:96%;padding:.5em 2%;}
.prof-service ul li{width:40%;margin:.2em 3%;display: inline-block;overflow: hidden;vertical-align: top;}
.prof-service ul li b,.prof-service ul li span{width:100%;line-height: 150%;display:inline-block;}
.prof-service ul li b{color:#333;font-size:.8em;font-weight:normal}
.prof-service ul li span{text-align: left;margin-top:.5em;height:14em;font-size: .7em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;
overflow: hidden;}

.prof-service ul li i{width:2.5em;display: inline-block;height:2.4em;}
.prof-service ul li i.dzfw{background: url(../../images/mobileimages/service-ico.png) 0 0 no-repeat;background-size: 18em auto}
.prof-service ul li i.jszc{background: url(../../images/mobileimages/service-ico.png) -15.5em 0 no-repeat;background-size: 18em auto}
.prof-service ul li i.sjk{background: url(../../images/mobileimages/service-ico.png) 0 -18.7em no-repeat;background-size: 18em auto}
.prof-service ul li i.xyfw{background: url(../../images/mobileimages/service-ico.png) -14.95em -18.0em no-repeat;background-size: 17.4em auto}