@charset "utf-8";
/* CSS Document */
@charset "utf-8";
body,div,dl,dt,dd,ol,pre,form,fieldset,input,textarea,p,blockquote,th,tr,td {margin:0;padding:0; font: 14px/1.5 arial, Microsoft Yahei, tahoma, \5b8b\4f53; } 
body{ background: #eeeff1; min-width:1200px}
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal} 
ol,ul, li {list-style:none;margin:0;padding:0;} 
caption,th,td{text-align:center} 
h1,h2,h3,h4,h5,h6 {font-size:100%; margin:0} 
q:before,q:after {content:''} 	
abbr,acronym { border:0}
a{ color:#333;text-decoration:none;}
em,i{ font-style:normal}
.fr{ float:right}
.fl{ float:left}
.white{ background:#fff}
.grey{ background:#f7f8fa}
/*闭合*/
.clear:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.main{ width:1200px;margin:0 auto;}
/*菜单*/

.after{ float:right; margin-top:12px}
.after a img{ width:54px; height:54px; border-radius:50%}
.fixer{position: fixed;left: 0;top: 0; z-index:99}
.logo_meun{ width:100%; margin:0 auto; height: 80px; background: #fff; overflow:hidden }
.logo-t{ height:4px; background:#171717;width:100%;}
.logo{ width:190px; height:76px; float:left; margin-right:100px}
.logo img{ margin-top:20px}
.meun{ float:left;}
.meun li{ float:left;  text-align:center; line-height:80px; position:relative;}
.meun li a{ text-align:center; line-height:80px; color:#f2f2f2; color:#5c5c5c;font-size:16px;  padding:0 25px }
.meun li a:hover,.meun li.cur a{   color:#ffba01;}
.login { float:right; margin-top:19px}
.login a{ border:1px solid #648cdb; height:36px; line-height:36px; border-radius:3px; margin-left:10px; float:left; color:#648cdb; font-size:14px; text-align:center; width:98px}
.login a:hover{ background:#648cdb; color:#fff; border-color:#648cdb}
.login a.theme-reg{background:#648cdb; color:#fff; border-color:#648cdb}
.login a:hover.theme-reg{ background:#5a80cc; border-color:#5a80cc}

/*轮播*/
.banner{height:500px;overflow:hidden; position:relative}
.banner .d1{width:100%;height:500px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:1200px;height: 500px;clear:both;z-index:100; margin:0 auto; position:relative}
.banner .d2 ul{position:absolute; right:540px;display:inline; bottom:20px; height:22px }
.banner .d2 li{width:20px;height:4px;overflow:hidden;cursor:pointer;float:left;margin:0 3px;display:inline; border-radius:10px; background:#eff0f2}
.banner .d2 li.nuw{background:#648cdb;}

.title{ padding:60px 0 40px; position:relative}
.title h1{ font-size:36px; text-align:center; color:#333; height:45px; font-weight:normal}
.title .t-arr{ position:absolute; background: url(../images/t-arr.png) no-repeat; height:16px; width:530px; left:360px; top:50px}
/*功能介绍*/
.tabbtn {height:50px; width:480px; margin:0 auto}
.tabbtn li {float:left;	width:159px; line-height:48px; height:48px;text-align:center;color:#648cdb; font-size:16px; cursor:pointer; border:1px solid #648cdb; margin-left:-1px}
.tabbtn li a{ color:#648cdb; display:block}
.tabbtn li.current,.tabbtn li.current a { background:#648cdb; color:#fff}

.tabcon { margin-top:60px;width:1200px; padding-bottom:60px}
.tabcon .sublist{ width:1200px}
.tabcon .tabcon{ background:url(../images/phone.jpg) no-repeat; width:284px; margin:0 auto; position:relative; height:500px }
.tabcon .sublist li{ width:380px; height:490px; margin-right:30px; margin-bottom:30px; float:left; background:#fff;}
.tabcon .sublist li img{ width:380ppx; height:240px}
.tabcon .sublist li .sub-txt{ padding:20px;}
.tabcon .sublist li .sub-txt em{ font-size:12px; display:block;}
.tabcon .sublist li .sub-txt h1{ height:43px; border-bottom:1px solid #ccc; padding-bottom:20px; color:#333; font-size:18px; margin-bottom:20px}
.tabcon .sublist li .sub-txt h1 a:hover{ color:#e32d2d}
.tabcon .sublist li .sub-txt p{ color:#666; line-height:22px; height:88px; overflow:hidden}
.tabcon .sublist li .sub-txt a{ color:#2e8ad8}
.tabcon .sublist .news-btn{ margin-bottom:60px}
.tabcon .sublist .news-btn a,.vitality .news-btn a{ background:#efeeee}
.tabcon .sublist .news-btn a:hover,.vitality .news-btn a:hover{ background:#e32d2d; color:#fff}

.children{ position:relative}
.children dt a,.children dd a{ width:178px; height:48px; border:1px solid #648cdb; line-height:48px; color:#648cdb;font-size:14px;text-align:center; display:block; margin-top:50px; border-radius:4px; position:relative}
.children dt.current a,.children dd.current a{background:#648cdb; color:#fff; border-color:#648cdb}
.children dt{ float:left;width:412px; margin-left:50px; }
.children dt a .arr,.children dd a .arr{ position: absolute; width:208px; height:27px; top:11px; display:none}
.children dt a.current .arr,.children dd a.current .arr{ display:block}
.children dt a .arr{ left:198px; background:url(../images/arr-l.png) no-repeat}
.children dd a .arr{ right:198px; background:url(../images/arr-r.png) no-repeat}
.children dd{ position:absolute; right:50px}

.current {background:#648cdb; color:#fff !important; border-color:#648cdb}
.sub-c { display: none; padding-top:157px; padding-left:35px }
.sub-c p{ width:189px; height:80px; overflow:hidden; line-height:21px}
.sub-c p em{ color:#648cdb; text-decoration:underline}
.show { display: block;}

/*产品优势*/
.product{ height:580px; padding-bottom:60px}
.product li{ float:left; width:399px; border-right:1px solid #e0e1e4; border-bottom:1px solid #e0e1e4; height:289px}
.product li.tail{ border-right:0px}
.product li.tai{border-bottom:0px}
.product li.end{border-right:0px;border-bottom:0px}
/*正在使用*/
.use{ height:380px; background:url(../images/use.png) no-repeat; }
.use .title h1{ color:#fff}
.use-li{ height:80px; width:1220px; margin-bottom:20px}
.use-li li{ width:180px; height:80px; float:left; margin-right:20px}
a.btn-1{ width:180px; height:50px; line-height:50px; text-align:center;  display:block; margin:0 auto; color:#fff; background:#648cdb; border-radius:4px;}
a:hover.btn-1{ background:#5a80cc}
/*产品价格*/
.price table{ width:100%}
.price table th,.price table td{ background:#fff; height:56px; line-height:56px; font-size:12px; color:#666}
.price table td{ background:#edf0f4; font-size:18px;}
.price table td.font{ font-size:12px; color:#666}
.btn-link{ width:390px; height:50px; margin:60px auto 0}
.btn-link a{ border-radius:4px;border:1px solid #648cdb; color:#648cdb; text-align:center; line-height:50px; height:50px; float:left; width:180px;}
.btn-link a:hover{ background:#648cdb; color:#fff;}
.btn-link a.theme{background:#648cdb; color:#fff; border-color:#648cdb; margin-left:20px;}
.btn-link a:hover.theme{ background:#5a80cc; border-color:#5a80cc;}
/*试用流程*/
.trial{ width:786px; height:234px; margin:0 auto; padding-bottom:60px}
.trial a.btn-1{ margin-top:60px}

/*文档中心*/
.btn-linkl{ width:630px; margin:0 auto; padding-bottom:60px;height:50px;}
.btn-linkl a{ background:#8ba0ca; float:left; width:180px; border-radius:4px; height:50px; text-align:center; line-height:50px; color:#fff; margin-right:30px}
.btn-linkl a:hover{ background:#7692c9}
/*客户支持*/
.support{ padding:60px; width:1020px; margin:0 auto}
/*登录&注册*/
.c-login{ width:660px;  margin:100px auto 120px; background:#fff; border-radius:10px; padding-top:40px}
.c-login h1{ font-size:34px; color:#333; text-align:center; margin-bottom:20px; font-weight: normal}
.c-login .form-l{ margin:0 auto;width:360px}
.c-login input,.reg-l input,.reg-l select{ height:40px; line-height:40px; border:1px solid #d8e1f0; border-radius:5px; -webkit-box-shadow:0 0 10px rgba(219, 224, 236, .5);    -moz-box-shadow:0 0 10px rgba(219, 224, 236, .5); box-shadow:0 0 10px rgba(219, 224, 236, .5); padding:5px 5px 5px 45px; width: 270px; margin-top:20px; width:308px   }
.user-i{ background:url(../images/login-icon.png) no-repeat 13px 15px; }
.password-i{ background:url(../images/login-icon.png) no-repeat 13px -45px}

.Well{ height:36px; margin-top:10px; }
.WellForm .WellCheckBox{float:left;width:18px;height:36px;cursor:pointer;overflow:hidden;background: url(../images/radio_icon.png) no-repeat  no-repeat 0 9px; margin-right:5px}
.WellForm .WellCheckBoxH{background:url(../images/radio_icon_h.png) no-repeat 0 8px;}
.WellForm .WellCheckBox input{display:none;margin-right:40px;}
.WellForm pre {font-size: 14px;height: 36px;line-height: 36px;display: inline-block;color: #494949;float: left;margin-right: 40px;}
.c-login button{ width:360px; text-align:center; line-height:60px; color:#fff; background:#648cdb; font-weight:bold; font-size:16px; border-radius:5px; border:0; cursor:pointer; margin:25px 0 ; clear:both}
.c-login button:hover{ background:#5a80cc}
.c-login p{ text-align: right;font-size:14px;clear: both; color:#babec9; }
.c-login p a{ color:#648cdb}
.welcome{ border-top:1px solid #d8e1f0; margin-top:40px; padding-bottom:60px}
.welcome p{color:#999; font-size:20px; text-align:center; width:320px; margin:25px auto}
.welcome a.btn-1{ background:#53ad5b; width:160px}
.welcome a:hover.btn-1{ background:#5ab962}
.Well pre a{ color:#648cdb}
.reg-i{ background:url(../images/reg-i.png) center center; height:200px}
.reg-l { width:400px; margin:0 auto; padding-bottom:40px}
.reg-l .reg-t{ position:relative; height:52px; margin-top:20px}
.reg-l .reg-t span{ position:absolute; left:10px;height:18px; top:19px; color:#666; display:block; width:84px;border-right:1px solid #d8e1f0}
.reg-l .reg-t i{ color:#fc7575; padding:0 8px 0 14px; position:absolute; right:0; top:2px  }
.reg-l .reg-t input{ width:283px; margin-top:0px;height:40px; padding-left:110px;}
.reg-l select{ height:50px; width:400px;margin-top:0px; padding-left:110px; color:#666}
.reg-l .reg-t a{ width:100px; height:36px; background:#648cdb; color:#fff; display:block; position:absolute; right:10px; top:8px; border-radius:4px; line-height:36px; text-align:center}
.reg-l .reg-t a:hover{ background:#5a80cc}
.reg-l .reg-t a.disabled{ background:#bdc5d5; cursor:default}
.c-login .reg-l button{ height:62px; width:400px; line-height:62px; margin-top:10px; margin-bottom:15px}
.reg-l h3{ color:#666;}
.reg-l p{ font-size:12px; color:#999; text-align:left;}
.err input{border:1px solid #fc7171; border-radius:5px; -webkit-box-shadow:0 0 10px rgba(236, 219, 226, .5);    -moz-box-shadow:0 0 10px rgba(236, 219, 226, .5); box-shadow:0 0 10px rgba(236, 219, 226, .5);}
.err input:focus {border:1px solid #fc7171;outline: none;}
.err em{ position:absolute; right:-80px; width:70px; top:10px; font-size:12px; color:#fc7171; height:36px;}
/*底*/

.foot{ height:110px; padding-top:40px; background:#273540}
.foot p{ margin-top:10px; text-align:center; color:#a0a5ab;}
.foot p i{ margin:0 25px}