@charset 'utf-8';html{background:#f5f6f6;color:#000;font-weight:lighter;font-size:14px;font-family:Arial,Microsoft Yahei}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,strong,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
a{outline:0;color:#000;text-decoration:none}
em,strong,var{font-style:normal}
address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-weight:lighter;font-style:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:lighter;font-size:100%}
legend{color:#000}
button,input,optgroup,option,select,textarea{font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit}
body,html{width:100%}
body{overflow:auto;overflow-x:hidden;background-color:#fff;font-family:Microsoft Yahei}
.nav-wrap{z-index:99999;width:100%;height:68px;background:#fff;color:#2b2b2b;font-weight:400;line-height:68px;box-shadow: 0 0 20px rgba(0,0,0,.2);-moz-box-shadow: 0 0 20px rgba(0,0,0,.2);-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);}
body.webapp{padding-top:68px}
body.webapp .nav-wrap{position:fixed;top:0}
.webapp .nav-wrap{background:#fff}
.xcxxg{margin:0 auto;width:75pc}
.phone{float:right;padding-left:40px;width:40px;height:68px;background:url(../images/topwx.png) no-repeat left center;cursor:pointer}
.phone:hover{background:url(../images/topwxh.png) no-repeat left center}
.weixin_erwei{position:relative;top:-6px;left:-70px;display:none;width:122px;height:122px;background-size:122px 122px;border:1px solid #dedcd7;background-color:#fff;background-image:url(../images/weixin.jpg);background-position:center;background-repeat:no-repeat;color:#fff;text-align:center;line-height:60px}
.weixin_erwei:before{position:absolute;top:-7px;right:56px;width:14px;height:7px;background-color:#fff;background-image:url(../images/jt.png);content:""}
.phone:hover .weixin_erwei{display:block}
.nav-wrap .nav-logo{float:left;width:220px;height:68px;background:url(../images/logo.png) no-repeat left center;text-align:center}
.nav-logo img{margin-right:6px;width:35px;vertical-align:middle}
.nav-logo a{position:relative;display:block;overflow:hidden;height:100%;color:#2b2b2b;text-overflow:ellipsis;white-space:nowrap}
.nav-wrap .top-menu{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:50px;width:780px;text-align:center;font-size:14px;font-family:Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;-webkit-font-smoothing:antialiased;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.menu-one{position:relative;z-index:1;width:16.5%;height:68px;line-height:68px}
.menu-one.active>a{color:#3091f2}
#js-custom-btn,.check_login{cursor:pointer}
.menu-one ul{position:absolute;top:64px;left:0;display:none;width:100%;border-top: 2px solid rgb(48, 145, 242);padding-top: 2px;box-shadow:0 1px 1px rgba(0,0,0,.1)}
li.menu-one.check_login:hover{color:#3091f2}
.menu-one:hover ul{display:block}
.menu-one a:hover{color:#3091f2}
.menu-one>a{display:inline-block;overflow:hidden;width:100%;height:100%;color:#2b2b2b;text-overflow:ellipsis;white-space:nowrap}
.menu-one .menu-two{width:100%;height:46px;background-color:#fff;line-height:42px}
.menu-one .menu-two:hover{background-color:#3091f2}
.menu-one .menu-two:hover a,li.menu-two.check_login:hover{color:#fff}
.menu-one .menu-two>a{display:inline-block;width:100%;height:100%;color:#2b2b2b}
.nav-wrap .nav-login{float:right;width:25%;height:100%}
.nav-login .login-span-wrap{text-align:center}
.nav-login .login-span-wrap span{padding:6px 15px;border:1px solid #3091f2;border-radius:2px;color:#0391f2;line-height:24px;cursor:pointer}
span.nav-lglogin:hover{background-color:#48a4ff;color:#fff}
.login-span-wrap span.nav-reg{background-color:#3091f2;color:#fff}
span.nav-reg:hover{background-color:#48a4ff}
.nav-lglogin,.nav-reg,.perfit-phone-exist{margin-right:8px}
.nav-center{margin:0 auto;width:170px;height:100%;text-align:center;font-size:14px}
.nav-center span{overflow:hidden;width:70%;text-overflow:ellipsis;white-space:nowrap}
.nav-center span,.nav-img{display:inline-block;vertical-align:middle}
.nav-img{margin-right:10px;width:28px;height:28px}
#change-account-type{font-size:14px;cursor:pointer}
#change-account-type label{margin-right:10px;font-size:18px}
.nav-vip-logo{margin-left:6px;width:20px}
.nav-logo-img h1{position:absolute;display:none}
#banner-section{position:relative;overflow:hidden}
.banner-image-area{overflow:hidden}
.banner-image-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}
.banner-image-item img {height: 490px;width: 1920px;position: absolute;left: 50%;margin-left: -960px;}
.banner-image-item.active{z-index:10;opacity:1}
.banner-pagination-area{position:absolute;bottom:50px;z-index:15;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.banner-pagination-area .banner-pagination-wrap{display:inline-block;margin:0 auto;height:5px}
.banner-pagination-area .banner-pagination-item{display:inline-block;margin:0 3px;width:35px;height:5px;background:#fff;opacity:.3;cursor:pointer;-webkit-transition:all .5s ease;transition:all .5s ease}
.banner-pagination-area .banner-pagination-item.active{opacity:1}
.banner-btn{position:absolute;top:50%;display:none;width:60px;height:60px;opacity:.3;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.banner-btn-prev{left:30px;z-index:15;background-image:url(../images/sliderl.png);background-size:cover;background-repeat:no-repeat}
.banner-btn-prev:hover{background-image:url(../images/sliderlh.png)}
.banner-btn-next{right:30px;z-index:15;background-image:url(../images/sliderr.png);background-size:cover;background-repeat:no-repeat}
.banner-btn-next:hover{background-image:url(../images/sliderrh.png)}
#banner-section:hover .banner-btn{display:block}
.g-title{padding:5pc 0 30px;color:#303445;text-align:center;letter-spacing:2px;font-weight:500;font-size:30px}
.x-title{text-align:center;font-size:18px;color:#303445;font-weight:500;margin-top:-23px}
.core-function{margin-top:3pc;text-align:center}
.core-function span{position:relative;display:inline-block;width:293px;line-height:93px}
.core-function-img-hover{position:absolute;top:0;left:5.5px;display:none}
.core-function-hover{position:relative;padding-bottom: 20px;}
.core-function-hover:hover .core-function-img-hover,.core-function-hover:hover .core-function-title-two{display:block}
.core-function-title-one{position:absolute;top:30px;left:75pt;color:#fff;font-size:24px}
.core-function-title-two{position:absolute;top:60px;left:42px;display:none;color:#fff;font-size:9pt}
.app-scene{margin:0 auto;margin-top:-11px;width:1239px;line-height:81pt}
.app-scene span{display:inline-block;width:244px;color:#59607b;text-align:center;font-size:18px}
.app-scene p{margin-top:-62px}
.app-context{margin:0 auto;width:940px;height:254px}
.app-context>div{position:relative;float:left;width:470px}
.app-context img{display:block;width:470px}
.app-context .app-content{position:absolute;top:0;left:0;width:386px;height:174px;background-color:rgba(0,0,0,.5);color:#fff;text-align:center}
.app-content .app-title{padding:5px 0;font-weight:400;font-size:20px}
.effect-oscar img{opacity:.9;-webkit-transition:opacity .35s;transition:opacity .35s}
.effect-oscar div{padding:40px 42px}
.effect-oscar div:before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:''}
.effect-oscar .app-title{margin:36px 0 10px;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.effect-oscar .app-cont,.effect-oscar div:before{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(0);transform:scale(0)}
.effect-oscar:hover .app-title{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.effect-oscar:hover .app-cont,.effect-oscar:hover div:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.develop-step{padding-bottom:75pt;background-color:#fff}
.develop-step-title{padding-top:5pc;padding-bottom:60px;color:#303445;text-align:center;font-size:30px;line-height:36px}
.develop-step-content{margin:0 auto;width:75pc;height:360px}
.phonehzlc{display: none;}
.video_content{height:488px;background:url(../images/group14.png) center;background-color:#fff}
.video-title{padding-top:79px;padding-bottom:78px;color:#fff;text-align:center;letter-spacing:2px;font-weight:100;font-size:30px;line-height:36px}
.tutorial_video{margin:0 auto;width:75pc;height:210px;background-size:100% 100%;background-repeat:no-repeat}
.we_ys{float:left;margin-right:50px;padding:5px;width:250px;height:200px;border:1px solid #b9babe;border-radius:5px;background-color:hsla(0,0%,100%,.1);text-align:center}
.we_ys img{margin:30px 0}
.word_ys p{color:#fff}
.bigw{font-size:20px}
.smlw{font-size:10px}
.tutorial_video div:last-child{margin-right:0}
.f9-ul-lst{margin-top:2pc}
.f9-ul-lst>li{margin-bottom:10px}
.f9-ul-lst>li>a,.f9-ul-lst>li>span{vertical-align:middle}
.f9-ul-lst>li>a{display:inline-block;overflow:hidden;width:270px;color:#595961;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis}
.f9-ul-lst>li>a:hover{color:#3091f2}
.s-fc-gy{margin-right:10px;color:#999}
.hot-article-title{padding-top:61px;height:68px;color:#303445;text-align:center;font-size:30px;line-height:68px}
.hot-article-small-title{height:59px;color:#303445;text-align:center;font-size:18px}
.hot-article-more{display:block;margin:0 auto;width:90pt;height:40px;border:1px solid #3091f2;border-radius:2px;color:#3091f2;text-align:center;font-size:14px;line-height:40px}
.hot-article-more:hover{background:#3091f2;color:#fff}
.hot-article-list{overflow:hidden;margin:0 auto;width:1142.6px}
.hot-article-list-item{float:left;margin-right:29.2px;padding-bottom:41px;width:358.2px}
.hot-article-list-item .item-img{position:relative;width:100%;height:238px}
.hot-article-list-item .item-img img{width:100%;height:100%}
.hot-article-list-item .item-img .item-title{position:absolute;bottom:0;overflow:hidden;padding:0 20px;width:318.2px;height:40px;background-color:rgba(0,0,0,.4);color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:40px}
.hot-article-list-item .item-intro{position:relative;padding-top:13px;color:#303445;font-size:14px;line-height:24px}
.xmnr{line-height: 40px;font-size: 16px;color: #333;text-indent: 2em;margin-top: 20px;}
.brand-section{padding-top:5pc;padding-bottom:60px;background-color:#f1f3ff}
.brand-title{padding-bottom:30px;text-align:center;font-size:30px;line-height:30px}
.brand-list{overflow:hidden;margin:0 auto;width:70pc}
.brand-item{float:left;padding:20px 28px;/*width:84px;height:84px*/}
.brand-item img{width:100%;height:100%}
.making-online{position:relative;overflow:hidden;height:380px;background-image:url(../images/group31.jpg);background-size:cover;background-repeat:no-repeat}
.making-online-content{position:relative;color:#fff}
.making-online-title{padding-top:75pt;text-align:center;font-size:30px}
.making-online-xtitle{padding-top:10px;padding-bottom:70px;text-align:center;font-size:14px}
.making-online-options{position:absolute;left:50%;font-size:0;transform:translateX(-50%)}
.making-online-options .option:first-child{margin-right:20px}
.option{display:inline-block;box-sizing:border-box;width:180px;height:40px;background:#3091f2;color:#fff;text-align:center;font-size:18px;line-height:40px}
.option:hover{opacity:.8}
#foot_page{background-color:#101429;background-size:100% auto;background-repeat:no-repeat}
.phone_foot{display: none;}
.btn-fixed{display: none;}
.foot{border-bottom:1px solid #262836;position:relative;margin:auto;padding-bottom:30px;width:1200px;color:#fff;font-weight:100;font-size:14px}
.foot .connect_us,.foot .service_advice,.foot .wechat_qrcode{display:inline-block;margin-top:50px;vertical-align:top}
.foot .service_advice{width:250px}
.foot .connect_us{width:300px;font-family:'微软雅黑'}
.foot .wechat_qrcode{margin-left:50px;width:300px}
.foot .wechat_qrcode img{width:75pt}
.foot .wechat_qrcode span{display:inline-block;width:75pt;text-align:center}
.foot .wechat_qrcode span:first-child{display:inline-block;margin-right:40px;padding-left:20px;width:75pt}
.foot .wechat_qrcode img:nth-of-type(1){margin-right:40px;margin-left:20px}
.foot_title{padding:15px 0;font-size:18px}
.foot_detail{padding:7px 0;color:#999;letter-spacing:.2px}
.foot_detail a{color:#999;font-size:14px}
.fre_link a{display:inline-block;margin-right:7.5px;padding:.4% 0;color:hsla(0,0%,100%,.7)}
.linkfri{background-color: #101429;background-size: 100% auto;color: #666;}
.link{margin: auto;font-size: 12px;width: 1200px;height: 40px;line-height: 40px;}
.link b{display: block;float: left;}
.link p{display: block;float: left;margin-left: 30px;}
.link a{color: #666;margin-right: 10px;}
@media screen and (max-width:961px){#foot_page{height:100%!important}
}
.foot_weibo{right:25%}
#foot_bottom{left:0;padding:20px 0;width:100%;text-align:center}
#foot_bottom>span{display:inline-block;margin-right:20px;margin-left:20px;font-size:12px;color:#999;text-align:center}
#foot_bottom>span>p{padding-bottom:1%;text-align:left;letter-spacing:.3px}
#foot_bottom>span>p,#foot_bottom>span>p a{color:hsla(0,0%,100%,.7)}
#foot_bottom>span>a{color:#fff}
.consult_contact{position:fixed;right:0;bottom:250px;width:114px;height:114px;z-index:100;cursor:pointer}
.consult_wrap{position:relative;width:114px;height:114px}
.consult_wrap .block_tip{position:absolute;top:4px;right:75pt;z-index:1;display:none;padding:10px 0 17px 22px;width:144.7px;border-radius:3px;background:#fff;box-shadow:-5px 4px 4px rgba(0,0,0,.1);text-align:left;font-size:14px;line-height:24px;-webkit-transition:display 1s ease;transition:display 1s ease}
.consult_wrap .block_tip:after{position:absolute;top:50%;right:-20px;width:0;height:0;border-top:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.consult_contact .ball,.consult_contact .bg-1,.consult_contact .bg-2,.consult_contact .bg-3,.consult_contact .staff_img{position:absolute;top:50%;left:50%;width:auto;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.consult_contact .staff_img{z-index:999}
@keyframes ballRotate{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.consult_contact img.ball{top:20px;z-index:9999;width:auto;transform-origin:0 38px;animation:ballRotate 2.5s infinite linear}
@keyframes bg2Animation{0%{opacity:0}
50%{opacity:1}
to{opacity:0}
}
.consult_contact .bg-2{animation:bg2Animation 2.5s infinite linear}
.consult_contact:hover .block_tip{display:block}
.customer-service{color:#303445;font-size:1pc}
.customer-service-text{padding-bottom:4px;color:#9fa5bb;font-size:9pt}
.agent-customer-service,.exclusive-customer-service,.online-service{width:119px;height:30px;border-radius:2px;background-color:#3091f2;color:#fff;text-align:center;font-size:9pt;line-height:30px}
.agent-customer-service:hover,.exclusive-customer-service:hover,.online-service:hover{opacity:.8}
.agent-customer-service img,.exclusive-customer-service img,.online-service img{margin:0 2px;margin-left:0;vertical-align:middle}
.side-toolbar{position:fixed;right:27px;bottom:30px;z-index:100;width:60px}
.side-toolbar .item.totop{margin-bottom:7px}
.side-toolbar .item{overflow:hidden;height:60px;border:1px solid #e5e5e5;cursor:pointer}
.side-toolbar .item.totop .icon{background-image:url(../images/icon-totop.dd9f8738.png)}
.side-toolbar .item.custom-service .icon{background-image:url(../images/icon-custom-service.5fa78172.png)}
.side-toolbar .item.common .icon{background-image:url(../images/icon-question.4161e7be.png)}
.side-toolbar .item .icon{height:100%;background-color:#fff;background-position:center center;background-repeat:no-repeat}
.side-toolbar .item .text{display:none;padding:14px;height:100%;background-color:#3091f2;color:#fff;text-align:center;font-size:15px;line-height:1;line-height:1.1}
.side-toolbar .item .text a{color:#fff}
.side-toolbar .item:hover{border:1px solid #3091f2}
.side-toolbar .item:hover .text{display:block}
.side-toolbar .item:hover .icon{display:none}
.side-toolbar .item:hover .phone-num{display:block}
.side-toolbar .item.common{border-top:0}
.custom-service .phone-num{position:absolute;top:70px;left:-154px;display:none;width:140px;height:60px;background:#3091f2;box-shadow:0 0 2px #3091f2;color:#fff;text-align:center;line-height:60px}
.custom-service .phone-num:before{position:absolute;top:24px;right:-14px;width:0;height:0;border:7px solid transparent;content:"";border-left-color:#3091f2}
.preview-section{position:relative;height:856px;background-color:#999d9e}
.preview-bg-box{overflow:hidden}
.preview-bg-box,.preview-bg-box img{position:absolute;top:0;left:0;width:100%;height:100%}
.preview-bg-box img{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
.preview-bg-box img.active{opacity:1}
.preview-content{position:relative;margin:0 auto;width:75pc;height:100%}
.preview-left-content{margin:0 auto;padding-top:84px;width:770px}
.preview-title{padding-bottom:25px;font-size:30px;line-height:30px}
.preview-description,.preview-title{padding-left:24px;color:#fff;text-align:center}
.preview-description{padding-bottom:94px;font-size:14px;line-height:30px}
.preview-left-content-main{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;margin-left:-153px}
.preview-left-content-main .preview-nav-list{padding-right:25px;padding-left:25px;width:131px;height:520px;border-right:1px solid #fff}
.preview-nav-list .top-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;border:1px solid #fff;border-radius:2px}
.preview-nav-list .top-nav a{color:#fff;text-align:center;font-size:1pc;line-height:35px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.preview-nav-list .top-nav a.active{background-color:hsla(0,0%,100%,.5)}
.preview-nav-list .top-nav .center-border{width:1px;height:35px;background-color:#fff}
.preview-nav-list .nav-list-area{position:relative;height:463px}
.preview-nav-list .nav-list-area>div.nav-list-wrap{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:463px}
div.nav-list-wrap>ul{overflow-x:hidden;overflow-y:auto;width:170px;height:470px}
.preview-nav-list .nav-list-area li{margin-bottom:6px;width:131px;height:46px;text-align:center;font-size:18px;line-height:46px}
.preview-nav-list .nav-list-area a{display:block;height:100%;color:#fff}
.preview-nav-list .nav-list-area li.active,.preview-nav-list .nav-list-area li.on{background-color:#3091f2}
.preview-detail{padding-left:56px;width:532px;height:100%}
.preview-detail-list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:37px}
.preview-detail-item{margin-right:20px;padding-top:20px}
.preview-detail-item-img{padding:19px;width:110px;height:110px;border:1px solid #b9babe;background-color:hsla(0,0%,100%,.1)}
.preview-detail-item.active .preview-detail-item-img{background-color:hsla(0,0%,100%,.3)}
.preview-detail-item-img img{width:110px;height:110px}
.preview-detail-item-name{overflow:hidden;padding:20px 0;width:150px;height:20px;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1pc;line-height:20px}
.preview-detail-intro-title{padding-top:30px;padding-bottom:22px;color:#fff;font-size:24px}
.webapp-list-item-content-list{display:none}
.webapp-list-item-content-list.active{display:block}
.preview-detail-intro-content{display:none;color:#fff;font-size:14px;line-height:30px}
.preview-detail-intro-content.active{display:block}
,.webapp-more-preview{display:none}
,.webapp-more-preview.active{display:block}
.more-preview-case{display:block;margin-top:30px;width:118px;height:38px;border:1px solid #fff;border-radius:2px;color:#fff;text-align:center;line-height:38px}
.more-preview-case:hover{border-color:#3091f2;background-color:#3091f2}
.preview-btn{position:absolute;top:250px;left:420px;z-index:1;display:none;width:34px}
.preview-btn p{padding:10px 0;width:100%;border-radius:5px;background-color:#7c98ef;box-shadow:2px 2px 2px 0 #5f5f5f;color:#fff;text-align:center;font-size:18px;cursor:pointer}
.preview-btn .page-down{margin-top:10pc}
.webapp-list-item,.weiye-list-item{display:none}
.webapp-list-item.active,.weiye-list-item.active{display:block}
.clearfix:after,.clearfix:before{clear:both;display:block;content:""}
.clearfix{zoom:1}
.top{display:none}
.nav{display:none}
.phone_banner{display:none}
@media screen and (max-width:750px){html{font-size:120px}
}
@media screen and (max-width:700px){html{font-size:110px}
}
@media screen and (max-width:640px){html{font-size:100px}
}
@media screen and (max-width:610px){html{font-size:95px}
}
@media screen and (max-width:580px){html{font-size:90px}
}
@media screen and (max-width:540px){html{font-size:84px}
}
@media screen and (max-width:510px){html{font-size:80px}
}
@media screen and (max-width:480px){html{font-size:75px}
}
@media screen and (max-width:450px){html{font-size:70px}
}
@media screen and (max-width:428px){html{font-size:67px}
}
@media screen and (max-width:406px){html{font-size:63px}
}
@media screen and (max-width:375px){html{font-size:58.6px}
}
@media screen and (max-width:360px){html{font-size:56px}
}
@media screen and (max-width:320px){html{font-size:50px}
}
@media (max-width:750px){@-webkit-keyframes changeHeight{from{top:-100%}
to{top:0}
}
@-webkit-keyframes changeHeights{from{top:0}
to{top:-500%}
}
.entrybox{display:none}
body.webapp .nav-wrap{display:none}
.top{display:block}
.top{width:100%;height:.93rem;background:#fff;border-bottom:solid 2px #12b6f5;position:relative;z-index:100}
.logo2{width:2.4rem;height:.54rem;background: url(../images/logo.png) no-repeat;background-size: auto 100%;float:left;margin:.24rem 0 0 .24rem}

body.webapp{padding-top:0}
.nav{width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;z-index:99;display:none;-webkit-animation:changeHeights .3s linear forwards;overflow:hidden}
.on{-webkit-animation:none}
.navlist{width:100%;height:5.4rem;background:#fff;position:absolute;top:50%;margin-top:-3.25rem}
.navlist div{height:.87rem;line-height:.87rem;font-size:.32rem;color:#333;width:4.4rem;margin:0 auto;border-bottom:solid 1px #e4e4e4;background:url(../images/parrow_4811915.png) no-repeat right center;background-size:.13rem .24rem}
.navlist div a{width:100%;display:inline-block}
.navlist div a:hover{color:#333}
.kefu{width:2.5rem;display:block;background:url(../images/call_0d40def.jpg) no-repeat left center;background-size:auto auto;background-size:.4rem .4rem;font-size:.32rem;padding-left:.5rem;position:absolute;bottom:-2rem;left:50%;margin-left:-1.35rem;color:#12b6f5}
.side-toolbar{display:none}
.consult_contact{display:none}
.phone_banner{display:block}
.phone_banner img{width:100%;margin-top: 60px}
#banner-section{display:none}
.aboutInfor p{font-size:.28rem;line-height:.46rem;text-align:justify}
.g-title{padding:.5em .2em;color:#303445;text-align:center;font-weight:500;width: 70%;margin: 0 auto;font-size:.28rem}
.x-title{font-size:.15em;margin-top:.18em}
.core-function{margin-top:.4em}
.core-function span{width:43%}
.core-function-hover img{width:100%}
.core-function-img-hover{left:0}
.core-function-title-one{top:3em;left:4em;color:#fff;font-size:.2em}
.core-function-hover:hover .core-function-title-two{display:none}
.core-function span{line-height:normal}
.app-scene{width:100%;line-height:1.4em;margin-top:.2em}
.app-scene span{width:30%;font-size:.2em}
.app-scene span:nth-child(2){display:none}
.app-scene span:nth-child(4){display:none}
.video_content{height:auto}
.video-title{padding:2em 0;font-size:.28em;line-height:.56em}
.tutorial_video{width:auto;height:2.2em;padding:0 6%}
.we_ys{margin-right:5.7%;padding:0;width:20%;height:1.4em}
.we_ys img{display:block;width:.45em;margin:.2em auto}
.word_ys p{color:#fff}
.bigw{font-size:.15em}
.smlw{display:none}
.develop-step{padding-bottom:.4em;background-color:#fff}
.develop-step-title{padding-top:2em;padding-bottom:2em;font-size:.28em;line-height:.56em}
.develop-step-content{width:88%;height:auto}
.develop-step-content img{width:100%}
.pchzlc{display: none;}
.phonehzlc{display: block;}
.preview-section{display:none}
.hot-article-title{padding:.5em .2em;height:auto;font-size:.28rem;line-height:.56em}
.hot-article-small-title{height:auto;font-size:.15em;margin-top:.18em}
.hot-article-list{overflow:hidden;margin:.2em auto;width:100%}
.hot-article-list-item{float:none;margin:0 auto!important;padding-bottom:.2em;width:88%}
.f9-ul-lst{margin-top:.1em}
.f9-ul-lst>li{margin-bottom:.1em;height:.6em;line-height:.6em}
.s-fc-gy{margin-right:15px;color:#666;font-size:.22em}
.f9-ul-lst>li>a{width:80%;color:#595961;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis;font-size:.22em}
.hot-article-more{width:10em;height:3em;font-size:.2em;line-height:3em}
.brand-section{padding-top:.5em;padding-bottom:.5em}
.brand-title{padding:.5em .2em;font-size:.28rem;line-height:.56em}
.brand-list{width:88%;margin-top:.2em}
.brand-item{padding:2.5%;width:15%;height:auto}
.making-online{height:4.5em}
.making-online-title{padding-top:3em;font-size:.36em}
.making-online-xtitle{padding-top:.7em;padding-bottom:4em;font-size:.16em}
.option{width:12em;height:2.6em;font-size:18px;line-height:2.6em}
.making-online-options .option:first-child{margin-right:0}
.making-online-options .option:nth-child(2){display:none}
.linkfri{display: none;}
#foot_page{display:none}
.phone_foot{display: block;}
.btn-fixed{display: block;}
.phone_foot{background-color:#101429;padding-bottom:.8rem}
.i_f_meien{width:100%;text-align:center;padding-bottom:.2rem;padding-top:.2rem}
.i_f_meien p{width:100%;color:#666;font-size:.17rem;margin:.15rem 0}
.i_f_meien p.i_f_style1{color:#B9A65A}
.i_f_meien p img.i_f_meiens{width:36%;margin-top:.2rem}
.foot-nav{position:fixed;left:0;bottom:0;z-index:9;width:100%;line-height:.4rem!important;text-align:center;font-size:.2rem;background:#12b6f5;overflow:hidden;padding-top:.16rem}
.foot-nav li{float:left;padding-top:.35rem;width:25%;color:#fff;cursor:pointer}
.foot-nav li.foot0,.foot-nav li.foot1,.foot-nav li.foot2,.foot-nav li.foot3{background-position:center top;background-repeat:no-repeat;background-size:26%}
.foot-nav li.foot0{background-image:url(../images/home.png)}
.foot-nav li.foot1{background-image:url(../images/footphone.png)}
.foot-nav li.foot2{background-image:url(../images/footqq.png)}
.foot-nav li.foot3{background-image:url(../images/footdz.png)}
}

/*百度智能小程序*/

.smartApplet-hd {
    background: url(http://www.3henet.com/Public/Home/images/sa_logo.png) no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 580px;
}

.smartApplet-bg1 {
    background: #f2f2f2;
}

.smartApplet-bg2 {
    background: #fff;
}

.sa_section {
    width: 1100px;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 80px;
}

.sa_section h2 {
    font-size: 30px;
    margin: 0 auto;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
    padding: 30px 0 20px 0;
}

.sa_section h4 {
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 18px;
    margin-bottom: 50px;
}
/*sAsec1*/

.sAsec1-item img {
    width: 90px;
    height: 90px;
}

.sAsec1-tit {
    font-size: 26px;
    color: #000;
    text-align: center;
    padding-top: 17px;
}

.sAsec1-txt {
    margin-top: 20px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.sAsec2-nav {
    float: left;
    border-right: 3px solid #EFEFEF;
}

.sAsec2-nav li {
    cursor: pointer;
    height: 70px;
    line-height: 70px;
    width: 120px;
    text-align: right;
    position: relative;
    right: -3px;
    font-size: 18px;
    padding-right: 14px;
    margin-bottom: 65px;
}

.sAsec2-nav .on {
    font-weight: bold;
    border-right: 3px solid #0061FF;
    color: #0061FF;
    font-size: 22px;
}

.sAsec2-con {
    width: 780px;
    height: 393px;
    overflow: hidden;
    text-align: center;
    margin-left: 226px;
}

.sAsec2-con img {
    width: 100%;
    height: 100%;
}

.sAsec2-con-des {
    margin: 0 auto 10px auto;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    text-align: center;
}


.row {
 margin-right:-15px;
 margin-left:-15px
}
.sAsec1-list {
 height:200px!important;
}

@media (min-width:992px) {
 .col-md-1,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9 {
  float:left
 }
 .col-md-12 {
  width:100%
 }
 .col-md-11 {
  width:91.66666667%
 }
 .col-md-10 {
  width:83.33333333%
 }
 .col-md-9 {
  width:75%
 }
 .col-md-8 {
  width:66.66666667%
 }
 .col-md-7 {
  width:58.33333333%
 }
 .col-md-6 {
  width:50%
 }
 .col-md-5 {
  width:41.66666667%
 }
 .col-md-4 {
  width:33.33333333%
 }
 .col-md-3 {
  width:22%
 }
 .col-md-2 {
  width:16.66666667%
 }
 .col-md-1 {
  width:8.33333333%
 }
}

@media only screen and (max-width: 768px) {
	/*智能小程序*/
    .sa_section h2 {
        /*font-weight: bold;*/
        font-size: 16px;
        margin: 0 auto;
        color: #000;
        letter-spacing: 0;
        text-align: center;
        line-height: 30px;
        padding: 0px;
    }

    .sa_section h4 {
        font-size: 14px;
        color: #000;
        text-align: center;
        line-height: 18px;
        margin-bottom: 20px;
    }

    .smartApplet-hd {
        height: 300px;
    }

    .sa_section {
        width: 90%;
        overflow: hidden;
        padding-bottom: 20px;
    }

    .sAsec1-item {
        margin-bottom: 14px;
    }

    .sAsec1-item img {
        width: 60px;
        height: 60px;
    }

    .sAsec1-tit {
        font-size: 16px;
        padding-top: 10px;
    }

    .sAsec1-txt {
        font-size: 12px;
        margin-top: 14px;
    }

    .sAsec2-nav {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #EFEFEF;
    }

    .sAsec2-nav li {
        width: 75px;
        display: inline-block;
        font-size: 14px;
        color: #666;
        flex: 1;
        padding-bottom: 0px;
        position: relative;
        bottom: -10px;
        margin-bottom: 10px;
        line-height: 40px;
        height: 40px;
        text-align: center;
    }

    .sAsec2-nav .on {
        border-right: none;
        border-bottom: 1px solid #0061FF;
        color: #0061FF;
        font-size: 16px;
    }

    .sAsec2-con {
        width: 100%;
        height: auto;
        margin-left: 0px;
    }

    .sAsec2-con img {
        height: auto;
    }
      .col-xs-6 {
 width:50%;
 float: left;
}
  }
* {
    margin: 0;
    padding: 0;
}
* {
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box
}
html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
}


        .mip-iabout_c img {
            width: 100%;
            height: auto;
        }
        .mip-iabout_c h2 {
            font-size: 20px;
            color: #333;
            margin-bottom: 8px;
            margin-top: 20px;
        }
        .mip-iabout_c p {
            font-size: 14px;
            color: #666;
            line-height: 30px;
        }

@media only screen and (max-width: 768px) {
  .x-title{font-size:12px;margin-top:.18em}
  .app-scene p{margin-top:0px;margin-bottom: 10px;}
  .app-scene{width:100%;line-height:1.4em;margin-top:.2em}
  .app-scene span{width:30%;font-size:12px}
  .app-scene span:nth-child(2){display:none}
  .app-scene span:nth-child(4){display:none}
  .video_content{height:auto}
  .video-title{padding:1em 0;font-size:14px;line-height:.56em;}
  .tutorial_video{width:auto;height:90px;padding:0 6%}
  .we_ys{margin-right:5.7%;padding:0;width:20%;height:70px;}
  .we_ys img{display:block;width:30px;margin:.5em auto;}
  .word_ys p{color:#fff}
  .bigw{font-size:12px;}
  .smlw{display:none}
  .develop-step{padding-bottom:.4em;background-color:#fff}
  .develop-step-title{padding-top:1em;padding-bottom:1em;font-size:14px;line-height:.56em}
  .develop-step-content{width:88%;height:auto}
  .develop-step-content img{width:100%}
  .f9-ul-lst{margin-top:.1em}
  .f9-ul-lst>li{margin-bottom:.1em;height:30px;line-height:30px;}
  .s-fc-gy{margin-right:8px;color:#666;font-size:14px;}
  .f9-ul-lst>li>a{width:74%;color:#595961;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis;font-size:14px;}
  .hot-article-more{width:10em;height:3em;font-size:14px;line-height:3em;}
  .making-online{height:180px;}
.making-online-title{padding-top:1em;font-size:14px;}
.making-online-xtitle{padding-top:.7em;padding-bottom:4em;font-size:12px;}
.option{width:8em;height:2.6em;font-size:14px;line-height:2.6em;}
.making-online-options .option:first-child{margin-right:0}
.making-online-options .option:nth-child(2){display:none}
}