html,body{ margin:0; padding:0; color:#333; font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";}
body.term{ background:#fff;}
img{ border:none 0;}
form{ margin:0;}
a{ text-decoration:none; color:#29e; outline:none; transition:background-color 0.3s ease 0s, color 0.3s ease 0s;}
a:hover{ text-decoration:none;}
a.inherit{ color:inherit;}
.clearfix:after{ content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
input{ outline:none; font-family:"Helvetica", Tahoma,"Microsoft Yahei",sans-serif; background:none; font-size:14px;}
input::-webkit-input-placeholder{color:#aaa; vertical-align:middle;}
input::-moz-placeholder{color:#aaa; vertical-align:middle;}
input:-moz-placeholder{color:#aaa; vertical-align:middle;}
input:-ms-input-placeholder{color:#aaa; vertical-align:middle;}
input[type="checkbox"], input[type="radio"]{ vertical-align:-2px;}
input::-ms-clear{ display:none;}
input::-ms-reveal{ display:none;}
input[type="password"]::-ms-reveal{display:none;}
input[name="tabs"]{ display:none;}
[class^="icon-"], [class*="icon-"]{ background:url(../images/icon-mobi@2x.png?v=20160809) no-repeat; display:inline-block; vertical-align:middle; background-size:400px 650px; -ms-background-size:400px 650px;}
.icon-logo{ background-position:0 0; width:68px; height:23px;}
.icon-menu{ background-position:-77px 0; width:18px; height:15px;}
.open .icon-menu{ background-position:-77px -20px; width: 16px; height: 16px;}
.icon-play{ background-position:-107px 0; width:40px; height:40px;}
.icon-toggledot{ background-position:-159px 0; width:6px; height:6px;}
a.cur .icon-toggledot{ background-position:-171px 0;}
.icon-trait01{ background-position:-192px 0; width:60px; height:60px;}
.icon-trait02{ background-position:-264px 0; width:60px; height:60px;}
.icon-trait03{ background-position:-340px 0; width:60px; height:60px;}
.icon-workflow01{ background-position:0 -65px; width:49px; height:45px;}
.icon-workflow02{ background-position:-69px -60px; width:49px; height:49px;}
.icon-workflow03{ background-position:-137px -60px; width:45px; height:49px;}
.icon-workflow04{ background-position:-198px -65px; width:49px; height:49px;}
.icon-workflow05{ background-position:-273px -60px; width:49px; height:49px;}
.icon-workflow06{ background-position:-330px -64px; width:49px; height:49px;}
.icon-workflow07{ background-position:-123px -574px; width:60px; height:49px;}
.icon-workflow08{ background-position:-199px -574px; width:49px; height:49px;}
.icon-workflow09{ background-position:-258px -574px; width:49px; height:49px;}
.icon-tool01{ background-position:0 -132px; width:49px; height:49px;}
.icon-tool02{ background-position:-68px -132px; width:49px; height:49px;}
.icon-tool03{ background-position:-136px -132px; width:49px; height:49px;}
.icon-tool04{ background-position:-204px -132px; width:49px; height:49px;}
.icon-tool05{ background-position:-272px -132px; width:49px; height:49px;}
.icon-tool06{ background-position:-340px -132px; width:49px; height:49px;}
.icon-tool07{ background-position:0 -200px; width:49px; height:49px;}
.icon-tool08{ background-position:-68px -200px; width:49px; height:49px;}
.icon-tool09{ background-position:-136px -200px; width:49px; height:49px;}
.icon-tool10{ background-position:-204px -200px; width:49px; height:49px;}
.icon-tool11{ background-position:-272px -200px; width:49px; height:49px;}
.icon-tool12{ background-position:-340px -200px; width:49px; height:49px;}
.icon-app01{ background-position:0 -270px; width:49px; height:49px;}
.icon-app02{ background-position:-68px -270px; width:49px; height:49px;}
.icon-app03{ background-position:-136px -270px; width:49px; height:49px;}
.icon-app04{ background-position:-204px -270px; width:49px; height:49px;}
.icon-app05{ background-position:-272px -270px; width:49px; height:49px;}
.icon-app06{ background-position:-340px -270px; width:49px; height:49px;}
.icon-prev{ background-position:-260px -520px; width:40px; height:40px;}
.icon-next{ background-position:-320px -520px; width:40px; height:40px;}
.icon-userlogo01{ background-position:0 -337px; width:43px; height:42px;}
.icon-userlogo02{ background-position:-56px -337px; width:85px; height:19px;}
.icon-userlogo03{ background-position:-152px -337px; width:82px; height:20px;}
.icon-userlogo04{ background-position:-247px -337px; width:60px; height:37px;}
.icon-userlogo05{ background-position:-326px -337px; width:52px; height:33px;}
.icon-userlogo06{ background-position:0 -389px; width:83px; height:25px;}
.icon-userlogo07{ background-position:-96px -389px; width:52px; height:30px;}
.icon-userlogo08{ background-position:-165px -389px; width:41px; height:38px;}
.icon-userlogo09{ background-position:-222px -389px; width:71px; height:24px;}
.icon-userlogo10{ background-position:-313px -389px; width:78px; height:18px;}
.icon-userlogo11{ background-position:0 -434px; width:65px; height:38px;}
.icon-userlogo12{ background-position:-78px -434px; width:46px; height:40px;}
.icon-userlogo13{ background-position:-145px -434px; width:35px; height:38px;}
.icon-userlogo14{ background-position:-199px -434px; width:75px; height:18px;}
.icon-userlogo15{ background-position:-298px -434px; width:52px; height:40px;}
.icon-userlogo16{ background-position:0 -486px; width:89px; height:17px;}
.icon-userlogo17{ background-position:-100px -486px; width:74px; height:24px;}
.icon-userlogo18{ background-position:-198px -486px; width:58px; height:19px;}
.icon-help01{ background-position:0 -520px; width:49px; height:49px;}
.icon-help02{ background-position:-64px -520px; width:49px; height:49px;}
.icon-help03{ background-position:-128px -520px; width:49px; height:49px;}
.icon-help04{ background-position:-192px -520px; width:49px; height:49px;}
.icon-backtop{ background-position:0 -590px; width:40px; height:40px;}
.icon-fixfavicon{ background-position:-50px -590px; width:29px; height:29px; margin:0 0 1px 0;}
.icon-fixclose{ background-position:-90px -590px; width:8px; height:8px;}

.top{ margin: 0 auto; background: rgba(250,250,250,0.97); max-width: 750px; height: 50px; position: fixed; top: 0; right: 0; left: 0; z-index: 1000;}
.top .logo{ position: absolute; top: 15px; left: 20px;}
.top .menu{ position: absolute; top: 13px; right: 20px;}
ul.nav-list{ background: rgba(250,250,250,0.97); margin: 0; padding:0 0 20px; list-style: none; width: 100%; position: absolute; top: 50px; font-size: 16px; text-align: center; display: none;}
ul.nav-list li a{ padding: 8px 10px; color: #333; display: inline-block;}
ul.nav-list li a.menureg{ margin:10px 0;padding:0; width: 80%; height: 43px; line-height: 43px; color: #29e; border: 1px solid #29e; border-radius: 2px;}
ul.nav-list li a.menureg.graybor{ border: 1px solid #aaa; color: #333;}
.bannerwrap:before{ content: ""; padding-top: 138%; display: inline-block; width: 0;}
.bannerwrap{ margin: 50px auto 0; min-width: 320px; max-width: 750px; position: relative; overflow: hidden;}
.bannerlist{ width: 100%; height: 100%;}
.banner{ height: 100%; position: absolute; top: 0; right: 0; left: 0;}
.banner img{ width: 100%;}
.banner01{}
.banner01 .cont{ height: 320px; text-align: center; position: absolute; top: 50%; right: 0; left: 0; margin-top: -170px;}
.banner01 h1{ margin: 0; padding: 0; font-weight: normal; font-size: 30px; letter-spacing: 3px; color: #fff;}
.banner01 .play{ padding: 30px 0 10px; display: block;}
.banner01 .playtip{ color: #fff; letter-spacing: 1px;}
.banner01 .reghead{ margin: 40px 0 0;}
.banner01 input{ background: #fff; border: none 0; padding: 0 30px; width: 80%; height: 50px; line-height: 50px; font-size: 16px; border-radius: 2px; box-sizing:border-box;}
.banner01 button.topreg{ background: rgba(44,138,255,0.8); margin: 20px auto 0; width: 80%; height: 50px; line-height: 50px; font-size: 16px; text-align: center; color: #fff; border-radius: 2px; display:none; box-sizing:border-box;}
.otherbanner{ opacity:0;}
.otherbanner .cont{ height: 250px; text-align: center; position: absolute; top: 50%; right: 0; left: 0; margin-top: -125px;}
.title{ margin: 0; padding: 0; font-weight: normal; font-size: 36px; letter-spacing: 3px; color: #fff;}
.otherbanner1 .contcs{ height: 250px; text-align: center; position: absolute; top: 100px; right: 0; left: 0; }
.otherbanner .tip{ margin: 15px 0 0; color: #fff;}
.otherbanner a.btn-link{ background: rgba(73,94,255,0.8); margin: 50px auto 0; width: 60%; height: 50px; line-height: 50px; font-size: 16px; text-align: center; color: #fff; border-radius: 2px; display: block; box-sizing:border-box;}
.otherbanner a.btn-link.blue{ background: rgba(44,211,219,0.8);}
.otherbanner a.btn-link.white{ background: rgba(7,167,242,0.8);}
.otherbanner h1{ margin: 0; padding: 0; font-weight: normal; font-size: 36px; letter-spacing: 3px; color: #fff;}
.togglelist{ width: 200px; margin-left: -100px; text-align: center; position: absolute; left: 50%; bottom: 20px; z-index: 998;}
.togglelist a{ margin: 0 3px;}

.areawrap{ margin: 0 auto; min-width: 320px; max-width: 750px;}
.areawrap.graybg{ background: #fafafa;}
.areawrap .areatitle{ padding: 50px 10px; text-align: center; font-size: 26px;}
.traitwrap{ margin: 0; padding: 60px 0; text-align: center; white-space:nowrap;}
.traitwrap .trait{ width: 30%; min-height: 120px; display: inline-block; vertical-align: text-top;}
.traitwrap .traitintro{ white-space: normal;}
.traitwrap .trait .traitname{ margin: 20px 0 0; font-size: 18px;}
.traitwrap .trait .traitintro{ margin: 5px 0 0; font-size: 12px; color: #999;}
.workflowwrap{ margin: 0; padding: 0 0 10px; text-align: center;}
.workflowwrap .workflow{ padding: 0 0 40px; width: 40%; color: #333; display: inline-block;animation-name:workflow;animation-duration:1s;}

@keyframes workflow
{
    from { transform:scale(0.5,0.5); opacity: 0; filter:alpha(opacity=0);}
    to { transform:scale(1,1); opacity: 1; filter:alpha(opacity=100);}
}
@-webkit-keyframes workflow /* Safari and Chrome */
{
    from { -webkit-transform:scale(0.5,0.5); opacity: 0; filter:alpha(opacity=0);}
    to { -webkit-transform:scale(1,1); opacity: 1; filter:alpha(opacity=100);}
}




.workflowwrap .workflow div{ margin: 12px 0 0;}
.toolwrap{ margin: 0; padding: 0 0 20px; text-align: center;}
.toolwrap .tool{ padding: 0 0 30px; width: 30%; display: inline-block;}
.toolwrap .tool div{ margin: 10px 0 0;}
.appwrap{ margin: 0; height: 550px; position: relative;}
.appwrap .mobibg{ background: url(../images/mobibg.jpg) no-repeat; background-size: 202px 387px; width: 202px; height: 387px; position: absolute; top: 10px; left: 50%; margin-left: -100px;}
.casewrap{ margin:0; padding: 0 0 30px; text-align: center;}
.casewrap .case{ margin:3px 4px; width: 45%; display: inline-block;}
.casewrap .case img{ width: 100%; display: inline-block;}
.casewrap .case div{ display: none; }
.userlogowrap{ margin: 0; padding: 0 0 50px; text-align: center;}
.userlogowrap .userlogo{ width: 30%; height: 60px; line-height: 60px; display: inline-block; vertical-align: text-top;}
.downloadwrap{ margin: 0; padding: 0 0 50px; text-align: center;}
.downloadwrap .downloadimg{margin: 0 20px;}
.downloadwrap .downloadimg img{ display: block; width: 100%;}
.downloadwrap a.btn-bottomdown{ background: #29e; margin: 30px 0 0; width: 70%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; border-radius: 2px; display: inline-block;}
.helpwrap{ margin: 0; padding: 50px 0 10px; text-align: center;}
.helpwrap a{ padding: 0 0 40px; width: 45%; display: inline-block; vertical-align: text-top;}
.helpwrap a .helptitle{ margin: 16px 0 0; font-size: 16px; color: #222;}
.helpwrap a .helpintro{ margin: 2px 0 0; color: #999;}
.foot{ background: #2d2e2e; margin: 0 auto; padding: 40px 0 0; min-width: 320px; max-width: 750px; text-align: center;}
.foot .itemlist{ margin: 0 0 15px 10px; width: 37%; display: inline-block; text-align: left;}
.foot .itemlist .title{ margin: 10px 0 0; color: #fff;}
.foot .itemlist a.item{ margin: 12px 0; display: block; color: #999; font-size: 13px;}
.foot .copyright{ padding: 20px 0 67px; color: #888; font-size: 12px;}
.foot .copyright.delfixbot{ padding: 20px 0;}
.backtop{ position:fixed; right:10px; bottom:48px; z-index:10; display:none;}
.fixbot{ background: rgba(82,83,85,0.97); margin: 0 auto; min-width:290px; max-width: 720px; padding: 0 10px;  height: 47px; line-height: 47px; text-align: left; color: #dbdcde; position:fixed; right: 0; bottom: 0; left: 0; z-index: 999;}
.fixbot span{ margin: 0 0 0 10px;}
.fixbot .fixoper{ width: 58px; height: 25px; line-height: 25px; border: 1px solid #dbdcde; text-align: center; color: #dbdcde; border-radius:2px; display: inline-block; position: absolute; top: 11px; right: 40px;}
.fixbot .fixclose{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 3px; right: 0;}

.section-focus-pic{ margin-top: -20px;}
.section-focus-pic ul li{position:absolute;top:0;left:570px;width:168px;height:283px;}
.section-focus-pic ul li h3{position:absolute;bottom:11px;left:0;width: 400px;font-weight:normal;color:#FFF;margin-left: 20px;z-index: 111;font-size: 18px;}
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:50px;background-color:#000;width:570px;opacity: 0.6;filter: alpha(opacity=60);}
.section-focus-pic ul li a{ cursor: default;}
.section-focus-pic .pages{width:168px;height:283px; position: absolute; top: 53px; left: 50%; margin-left: -84px; overflow: hidden;}
.section-focus-pic .controler{ width: 100%; height: 120px; position:absolute; top:420px; right: 0; left: 0; text-align: center; white-space: nowrap; overflow: auto;}
.section-focus-pic .controler b{cursor:pointer;display:inline-block; margin: 5px 0 0; width: 80px; height: 90px; text-align: center; font-weight: normal;}
.section-focus-pic .controler b .appname{ margin: 10px 0 0; color: #B4B5BA;}
.section-focus-pic .controler b.down .appname{ color: #0D0D0D;}
.section-focus-pic .controler b .appdetail{ width: 400px; height: 240px; position: absolute; top: -250px; left: 15px; text-align: left; cursor: text; visibility: hidden; opacity: 0;  transition:all 0.3s ease 0.1s;}
 .section-focus-pic .controler b .appdetail i{ min-height: 90px!important;}
.section-focus-pic .controler b .appdetail .deappname{ margin: 5px 0 0; color: #494751; font-size: 36px;}
.section-focus-pic .controler b .appdetail .deappinfo{ margin: 15px 0 0; color: #7B7A80; font-size: 18px;}
.section-focus-pic .controler b.down .appdetail{ visibility: visible; opacity: 1;  transition:all 0.3s ease 0.1s;}
.section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:180px;height:40px;}
.section-focus-pic .controler2 a.prev{left: 20px;}
.section-focus-pic .controler2 a.next{right: 20px;}
/* for retina screen */
@media only screen and (-webkit-min-device-pixel-ratio :1.5),(min-resolution:120dpi),(-ms-high-contrast:active),(-ms-high-contrast:none){

}

/* for mobi 300-440 */
@media (min-width: 300px) and (max-width: 440px){

}

/* for mobi 320-769 */
@media (min-height: 680px) and (max-width: 770px){

}

/* for iphone4&4s height */
@media (max-height: 400px){

}



.input-logins{width: 70%;background: #29e;color: #fff;cursor: pointer;-webkit-appearance: none;transition: .2s;border: 0;border-radius: 2px;box-sizing: content-box;font-size: 14px;/* top: 0; */height: 48px;line-height: 48px;position: relative;    left: 16%;}
.input-loginsa{width: 69.5%;background: none;border: 1px #fff solid;cursor: pointer;color: #fff;height: 46px;line-height: 46px;position: relative;top: 12px;    left: 16%;}
.banner1 img{ width: 100%;height: 300px;}
.banner1{min-width: 320px;
    max-width: 750px;    margin: 0 auto; height: 100%; position: absolute; top: 0; right: 0; left: 0;}
.bannerwrap1:before{ content: ""; height: 300px; display: inline-block; width: 0;}
#home-wrap{
	text-align: center;
}
li {
    list-style-type: none;
}
.home-feature li {
	margin: 0 auto;
    width: 79%;
    height: 10%;
    text-align: center;
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 2px;
        margin-top: 20px;
}
.home-feature li .feature-description {
    display: block;
    padding: 16px;
    line-height: 24px;
}
.home-feature li .feature-title i {
    display: block;
    margin: 40px auto 20px auto;
    width: 145px;
    height: 104px;
    cursor: default;
}
.home-feature li .feature-title b {
    font-size: 18px;
    font-weight: lighter;
    color: #333;
    display: block;
}
.home-feature li.li-one .feature-title i {
    background-position: 42px -288px;
}
i {
    background-image: url(/skin/images/sprite@1x.png);
    
    background-repeat: no-repeat;
    display: inline-block;
}
.home-feature li.li-two .feature-title i {
    background-position: -104px -288px;
}
.home-feature li.li-three .feature-title i {
    background-position: -249px -288px;
}
.banners .conts {
    background: url(../images/bannerapplybg.png) right 20px no-repeat;
    margin: 0 auto;
    max-width: 750px;
    height: 210px;
    position: relative;
}
.banners {
    background: #29e;
    margin: 0 auto;
    max-width: 750px;
    height: 210px;
}
.apply-tab .warn {
    margin: 0 5px 0 0;
    color: #f00;
}
.apply-tab {
    margin: 0 auto;
    max-width: 750px;
    margin-top: 20px;
}
.apply-tab table td {
    padding: 0px 0px 8px;
   width:400px;
}
.banner-section {
    height: 220px;
    max-width: 750px;
    margin: 0 auto;
    background: #242c3e url(../images/banner_bg.png) no-repeat center;
    text-align: center;
    font-size: 0;
}
.banner-section .banner-content {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.banner-section .banner-content h2 {
    font-size: 38px;
    margin-bottom: 5px;
}
.banner-section .banner-content small {
    font-size: 16px;
    opacity: .6;
}
.content-section{
	margin: 0 auto;
}
.caseImg-wrap{
	text-align: center;
}
.caseImg-wrap img{
    width: 360px;
    height: 208px;
    }
.content-section ul,li{
	padding: 0;
    margin:0  ;
    list-style: none;

}
.caseDesc-wrap{
width: 95%;
margin: 0 auto;
}
.indexbanner {
    background: url(/skin/images/indexbanner1.jpg) #414649 center top no-repeat;
    height: 277px;
    margin: 0 auto;
    max-width: 750px;
    min-width: 320px;
}
.search-submit{
	display: none;
}
#search-keyword{
	  padding: 0 20px;
    width: 80%;
    height: 46px;
        margin-left: 20px;
    line-height: 46px;
    font-size: 12px;
    border: none 0;
    display: inline-block;
    border-radius: 2px 0 0 2px;
    background: #fff;
}
.clearfix{
 	width: 100%;
 	margin: 0 auto;
 }
.indexbanner .keywords {
    text-align: center;
    color: #ccc;
}
.fastknow span {
    padding: 0 5px;
    color: #fff;
}
.fastknow {
    margin: 20px 0 0;
    text-align: center;
}
.indexbanner h2 {
    margin: 0;
    padding: 70px 0 0;
    font-size: 26px;
    font-weight: 100;
    text-align: center;
    color: #fff;
}
.faqwrap {
    margin: 0 auto;
    padding: 0 0 50px;
    max-width: 750px;
}
.faqwrap .indexfaqtitle {
    padding: 20px 0 0;
    font-size: 20px;
    text-align: center;
}
.faqwrap .tip {
    margin: 5px 0 0;
    color: #999;
    text-align: center;
}
.faqwrap .faqs {
    margin: 0 auto;
    padding: 50px 0 0;
    
    text-align: center;
}
dl.faq-lists {
    margin: 0;
    height: 160px;
    display: inline-block;

}
[class^="icon-support-"], [class*="icon-support-"]{ background:url(../images/icon-support1.png) no-repeat; display:inline-block; vertical-align:middle;}
.icon-support-faq01 {
    background-position: 0 0;
    width: 46px;
    height: 64px;
}
.icon-support-faq02 {
       background-position: 0 -80px;
    width: 62px;
    height: 64px;
}
.icon-support-faq03 {
    background-position: -138px 0;
    width: 42px;
    height: 64px;
}
dl.faq-list dd {
       margin: 0 auto;
}

dl.faq-list dd.title {
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
}
dl.faq-list dt {
    margin: 0 auto;

}
dl.faq-list {
    margin: 0 auto;
    width: 110px;
    height: 160px;
    vertical-align: middle;
    display: inline-block;
  
}


.otherwrap {
    background: #f8fafb;
    padding: 0 0 80px;
    margin: 0 auto;
    max-width: 750px;
    text-align: center;
}

.otherwrap .othertitle {
    font-size: 22px;
    text-align: center;
        padding: 0 0 26px 0;
}
.other-list {
    background: #fff;
    margin: 0 20px 0 0;
    padding: 0;
    width: 120px;
    height: 178px;
    border: 1px solid #eef2f5;
    color: #999;
    border-radius: 2px;
    vertical-align: middle;
    display: inline-block;
}
.icon-support-other01 {
    background-position: 0 -80px;
    width: 62px;
    height: 62px;
}
.icon-support-other02 {
    background-position: -82px -80px;
    width: 62px;
    height: 62px;
}
.icon-support-other03 {
    background-position: -164px -80px;
    width: 62px;
    height: 62px;
}
.other-list dt {
    margin: 0 auto;

}
.other-list dd.title {
    
    font-size: 20px;
    color: #333;
}
.other-list dd {
       margin: 0 auto;
}
#search-keywords{
	  padding: 0 20px;
    width: 100%;
 
    font-size: 12px;
    border: none 0;
    display: inline-block;
    border-radius: 2px 0 0 2px;
    background: #fff;
      line-height: 2.77333rem;
    border-radius: 0.08rem;
    padding-left: 3.5em;
}
.img-search{
	    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
}
.intro-list h3,p{
	width: 340px;
	margin: 0 auto;
}