@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}
li{ list-style:none;}
a{ text-decoration:none;}
.clear{ clear:both;}
img{ border:0;}
body{ font-family:"微软雅黑"; min-width: 1200px;}
.banner{ width:100%;}

.box{ width:100%; overflow:hidden;zoom:1;}
.top{background-color:#00010e; height:90px; line-height:90px; width:100%;}
.top-bg{ width:1200px; margin:0 auto;}
.logo{ float:left; width:201px; padding-top:20px; position:relative;}
.nav{float:left; margin-left:60px;}
.nav li{ float:left; padding:0 20px; position:relative; }
.nav li a{font-size:17px;color:#fff; }
.nav li a:hover{ border-bottom:2px solid #09F; padding-bottom:15px; }
.member{ float:right; background-color:#3fb2ea; border-radius:2px; height:30px; line-height:30px; margin-top:30px; padding:0 20px; margin-left:30px;}
.member a{ color:#fff; font-size:15px;}
.member li{ float:left;}

.shu{ padding-left:5px;}
.Officially{ margin-left:50px; float:right; color:#fff; font-size:14px; padding-left:30px; background:url(../images/erweima.png) no-repeat 0 center; }
.Officially a{ color:#fff;}
/*.top .wx{ z-index:10; position:absolute;top:-10px; right:220px; border:2px solid #f00;}*/
.about{ background-color:#eee; height:256px;}
.about p{ text-align:center; font-size:16x; color:#303030;}
.about .main{ line-height:35px; }
.about-center{ width:1200px; margin:0 auto; min-width: 1200px;}
.about .title{ font-size:18px; padding:35px 0;}
.advantage{ width:1200px; margin:80px auto;}
.advantage dl{ float:left; margin-top:60px;}
.advantage .caption{ color:#303030; font-size:26px; text-align:center; border-bottom:2px solid #09F; padding-bottom:10px; width:200px; margin:10px auto;}
.advantage .dl-one{ background-color:#13b5b1; width:205px; height:235px; padding:60px 30px; margin-right:45px;}
.advantage dl:hover{ box-shadow:5px 5px 10px #999; cursor:pointer;}
.advantage .dl-one dt{ text-align:center;}
.advantage .dl-one dd{ text-align:center;}
.advantage .dl-one .content{ padding-top:20px;}
.advantage .dl-one .content a{ color:#fff; font-size:14px; line-height:25px;}
.advantage .dl-one .dl-title{ padding-top:20px;}
.advantage .dl-one .dl-title a{ color:#fff; font-weight:bold; font-size:15px;}

.advantage .dl-two{ background-color:#f1982b; width:205px; height:235px; padding:60px 30px; margin-right:45px;}
.advantage .dl-two dt{ text-align:center;}
.advantage .dl-two dd{ text-align:center;}
.advantage .dl-two .content{ padding-top:20px;}
.advantage .dl-two .content a{ color:#fff; font-size:14px; line-height:25px;}
.advantage .dl-two .dl-title{ padding-top:20px;}
.advantage .dl-two .dl-title a{ color:#fff; font-weight:bold; font-size:15px;}

.advantage .dl-three{ background-color:#016d93; width:205px; height:235px; padding:60px 30px; margin-right:45px;}
.advantage .dl-three dt{ text-align:center;}
.advantage .dl-three dd{ text-align:center;}
.advantage .dl-three .content{ padding-top:20px;}
.advantage .dl-three .content a{ color:#fff; font-size:14px; line-height:25px;}
.advantage .dl-three .dl-title{ padding-top:20px;}
.advantage .dl-three .dl-title a{ color:#fff; font-weight:bold; font-size:15px;}

.advantage .dl-four{ background-color:#57a68d; width:205px; height:235px; padding:60px 30px;}
.advantage .dl-four dt{ text-align:center;}
.advantage .dl-four dd{ text-align:center;}
.advantage .dl-four .content{ padding-top:20px;}
.advantage .dl-four .content a{ color:#fff; font-size:14px; line-height:25px;}
.advantage .dl-four .dl-title{ padding-top:20px;}
.advantage .dl-four .dl-title a{ color:#fff; font-weight:bold; font-size:15px;}

.show{ background:url(../images/bg.jpg) no-repeat center center; margin-top:100px; height:604px;}
.show .shouw-title{ text-align:center; color:#fff; font-size:33px; padding-top:80px;}
.show-center{ width:800px; overflow:hidden;zoom:1; margin:60px auto;}
.show-center{ color:#fff; margin-top:100px;}
.show-center .jumbo{ font-size:60px; color:#0bd6fb; font-weight:bold;}
.show-left{ float:left; border-right:1px solid #fff; padding-right:60px; padding-left:30px;}
.show-right{ float:left; padding-left:60px;}
.show-center .term{ padding-top:30px; font-size:18px; text-align:center;}
.show .experience{  background-color:#00acec; width:200px; height:50px; line-height:50px; margin:100px auto; text-align:center;}
.show .experience a{ color:#fff; font-size:25px; }

.function{ width:1200px; margin:60px auto;}
.fun-title{ border-bottom:2px #0099FF solid; width:300px; margin:0 auto; padding-bottom:10px;}
.function .chong{ text-align:center; padding-top:10px;}
.fun-title{ text-align:center; font-size:30px;}
.fun-border{ width:200px; border:1px solid #ccc; width:265px; height:300px; margin-top:80px; float:left; margin-right:20px;}
.learn{ width:160px; height:40px; line-height:40px; background-color:#00ACEC; margin:60px auto; text-align:center; margin-top:40px;}
.learn a{ color:#fff;}
.fun-border:hover{ border:1px solid #09F; cursor:pointer;}
.fun-border dt{ text-align:center; padding-top:30px; padding-bottom:20px;}
.fun-border dd{ text-align:center; line-height:30px;}
.hui{ color:#9c9b9b; font-size:15px; padding:15px 20px;}

.bottom{ height:278px; background-color:#2c2c2c; width:100%; margin-top:60px;}
.bottom .bo-center{ width:1200px; margin:0 auto;}
.bottom .map{ float:left; margin-top:70px;}
.bottom .contact{ padding-top:60px; padding-left:60px; float:left; width:220px;}
.bottom .contact p{ color:#fff; font-size:14px; line-height:28px;}
.bottom .contact .con-title{ font-size:17px; padding-bottom:10px;}
.bottom .message{ float:left; width:300px; color:#fff; margin-top:60px;}
.bottom .message div{ line-height:50px; font-size:14px;}
.bottom .message .submit{ border:1px solid #fff; border-radius:3px; width:80px; height:30px; line-height:30px;}
.bottom .message .ly{ vertical-align:top; line-height:30px; display:block; float:left;}
.bottom .message .phone{ width:155px; height:20px;}
.bottom .message  .sub{ background-color:#fff; width:60px;p height:22px; border-radius:2px; line-height:22px; border:none; font-family:"微软雅黑"; margin-left:70px; font-size:14px;}
.bottom .bo-center .wechat{ float:left;  margin-left:100px; margin-top:60px;}
.bottom .bo-center .wechat p{ color:#fff; padding-top:5px; font-size:15px; letter-spacing:6px;}

.ending{ background-color:#000; height:80px; line-height:80px; }
.ending .end-center{ width:1200px; margin:0 auto;}
.ending .end-center p{ font-size:15px; color:#fff;}
.ending .end-center p a{ font-size:15px; color:#fff;}
.ending .end-center .end-zuo{ float:left;}
.ending .end-center .link-you{ float:right;}
.ending .end-center .end-zuo a:hover{
  color: #f63;
}



/*帮助中心页面*/
.help-center{ width:1200px; margin:60px auto; overflow:hidden;zoom:1;}
.help-center .hc-left{ width:230px; height:300px; border:1px solid #ccc; float:left; padding:10px 20px; }
.help-center .hc-right{ width:860px; height:500px; border:1px solid #ccc; float:right; margin-left:30px;}
.help-center .hc-left .list li{ border-bottom:1px dashed #ccc; line-height:30px; text-align:center; padding:20px 20px;}
.help-center .hc-left .list li a{ color:#333; font-size:16px;}
.help-center .hc-left .list li a:hover{ color:#09C;}
.help-center .hc-right{ padding:20px 0;}
.help-center .hc-right p{ font-size:16px; line-height:30px; padding:10px 20px;}
.help-center .hc-right p a{ color:#333; line-height:30px;}

/*联系我们页面*/
.con-center{ width:1200px; margin:60px auto; overflow:hidden;zoom:1;}
.con-left{ width:230px; height:300px; border:1px solid #ccc; float:left; background-color:#fff; padding:10px 20px;}
.con-left ul li{ border-bottom:1px dashed #ccc; line-height:30px; text-align:center; padding:20px 20px;}
.con-left li a{ font-size:16px; color:#333;}
.con-left li a:hover{ color:#09C;}
.con-right{ width:860px; overflow:hidden;zoom:1; border:1px solid #ccc; float:right; padding:40px 20px; background-color:#fff;}
.con-right p{ font-size:16px; line-height:40px; color:#333; }
.con-right p img{ display:block; margin:0 auto;}

/*个人下载页面*/
.center{ width:1200px; margin:60px auto; overflow:hidden;zoom:1;}
.per-title{ margin:20px auto; color:#333; font-size:28px; border-bottom:2px solid #00ade9; padding-bottom:10px; width:90px; text-align:center; }
.personal{ width:270px; height:340px; border:1px solid #ccc; margin: 25px 18px;float:left;} 
.personal dt{ text-align:center; padding-top:30px;}
.personal dd{ font-size:13px; color:#666; line-height:25px; padding:10px 20px; text-align:center; }
.personal .font{ font-size:16px; color:#000;}
.nav-list{ position:absolute; left:0px; top:90px; background-color:#202020; width:100px; height:150px; text-align:center; display:none; z-index:999;}
.nav .nav-list li{ text-align:center; z-index:66; line-height:65px; border-bottom:none; padding-left:25px;}
.per-title2{ margin:40px auto; color:#333; font-size:28px; border-bottom:2px solid #00ade9; padding-bottom:10px; width:220px; text-align:center; }

/*企业版下载*/
.per-list{ width:110px; height:120px; border:1px solid #ccc; float:left; margin:10px 30px;}
.per-list dd{ text-align:center;}
.per-list dt{ text-align:center; padding-top:25px; padding-bottom:10px;}
.xiao{ font-size:15px; line-height:35px; text-indent:2em; color:#333;}
.biaoti{ padding:20px 0; color:#333; font-weight:bold;}
.beizhu{ font-size:15px; line-height:35px; text-indent:2em; font-size:14px; line-height:35px; text-indent:2em; color:#F60; padding-top:20px;}


.nav2{width:100px;height:14px;position:absolute;bottom:10px;right:20px;z-index: 2; left: 50%;margin-left: -50px}
.nav2 dl dd{list-style-type:none;width:12px;height:12px;float:left;margin-right:5px;cursor:pointer; border:1px solid #fff;}
.nav2 dl .bg{background:#ff7300;width:14px;height:14px;border:none;}
.bannerbox ul{position: relative;}
.bannerbox ul li{position: absolute; left: 0;top: 0;width: 100%; height: 700px;}
.bannerbox ul li.on{background:#00adf1;}

.bannerbox{
    height: 700px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.containt-div{
    width: 1200px;
	position: relative;
	margin:0 auto;
	 height: 700px;
}

.bannerbox ul li.fst-li{
    background: url("../images/banner1.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.sec-li{
    background: url("../images/banner2.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.third-li{
    background: url("../images/banner3.jpg") center no-repeat;
    background-size: cover;
}

/*banner-01*/
.baner-01-a{
    width: 423px;
    height: 59px;
    position: absolute;
    top: 100px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-b{
    width: 591px;
    height: 78px;
    top: 350px;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-c{
    width: 138px;
    height: 52px;
    top: 550px;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
/*banner2*/
.banner2-01{
	width:560px;
	height:61px;
	position:absolute;
    top: 317px;
	
}

.banner2-02{
    width:665px;
    height: 44px;
    position: absolute;
    top: 243px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

/*banner3*/
.banner3-01{
    position: absolute;
    top: 138px;
    width: 648px;
    height: 57px;

    /*margin-left: -310px;*/
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-02{
    width: 751px;
    height: 77px;
    top: 350px;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-03{
    width: 138px;
    height: 52px;
    top: 550px;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

.star{ padding-left:5px; font-weight:normal; font-size:12px;}

.logo-zc{ display:block; margin:60px auto;}
.zc-right{ margin:0 auto;width:580px; height:680px;  background-color:rgba(52,96,195,0.4);border:1px solid #5c86f2; color:#fff; }
.zc-right .qieh li{ float:left;font-size:18px;border-right:1px solid #5c86f2; border-bottom:1px solid #5c86f2; width:192px; height:60px; text-align:center; line-height:60px; }
.zc-right .qieh li a{ color:#fff;} 
.switch{ margin-top:40px; padding-left:30px;}
.switch .input,.required{ width:300px; height:35px; color:#fff; line-height:35px;  background-color:rgba(52,96,195,0.5); border:1px solid #5c86f2; opacity:0.8; padding-left:10px;}
.switch p.before{ padding:10px 0; text-align:right; padding-right:55px;}
.wu{ visibility:hidden;}
.checkbox{ float:left; margin-left:160px; font-size:14px;}
.checkbox input{ margin-right:5px; vertical-align:middle;}
.checkbox a{ color:#fff; text-decoration:underline;} 
.tij{ width:280px; text-align:center; height:40px; line-height:40px;  border:1px solid #5c86f2; color:#fff; font-family:"微软雅黑"; font-size:16px; background-color:rgba(52,96,195,0.3); margin-top:20px; cursor:pointer; margin-right:60px;}
.qieh li a.current{background-color:rgba(52,96,195,0.3);color:#fff; font-size:20px; display:block;}



.business{ float:left; margin-left:68px; padding-top:30px; }
.clearfix{ float:left; width:310px; height:150px; background-color:rgba(52,96,195,0.5); border-radius:5px; border:1px solid #5c86f2; cursor:pointer;margin-top:10px;}
.notes{ font-size:13px; text-align:center; padding-left:30px;clear:both;  }
.dz-clickable{ margin-top:40px; height:40px; padding-left:80px; padding-top:25px;}
.switch .must{ vertical-align:middle; font-size:13px;}
.business2{ float:left; margin-left:85px; padding-top:30px; }

.xzai{ background:url(../images/ge.jpg) no-repeat; width:100%; height:800px;background-size:auto; background-position:center;  position:relative;}
.xzai .gdown{  background-color:rgba(232,149,18,0.92); z-index:99; width:200px; position:absolute; top:87%; left:45%; text-align:center; height:55px; line-height:55px;}
.xzai .gdown a{  color:#fff;font-size:22px; }
.xzai2{ background:url(../images/qi.jpg) no-repeat; width:100%; height:800px; background-size:auto;background-position:center; position:relative;}
.zhong{ width:1200px;  margin:0 auto; overflow:hidden;zoom:1;  color: #fff;}
.zhong p{ line-height: 30px;margin-left:511px; margin-top: 636px;font-size: 16px;}
.xzai2 .gdown2{ color:#fff; z-index:99; width:185px;background-color: #00ACEC; text-align: center; height: 55px; line-height: 55px;}
.xzai2 .gdown2 a{ color: #fff; font-size: 23px;}


.con-left .mo a,.help-center .hc-left .list .mo a{ color:#09F; font-weight:bold; font-size:16px;}
.kong{ text-indent:2em;}

/*审核页面*/
.exa{ border:1px solid #ccc; margin:100px auto; width:800px; overflow:hidden;zoom:1;}
.exa .duihao{ float:left; width:128px; height:128px;}
.exa p{  line-height:30px;}
.exa .tijiao{  font-size:18px;}
.wen-right{  width:360px;float:left; padding-top:30px;}
.result{ color:#666}
#error p{ text-align:center;}
#mes{ color:#f00;}
.error{ padding:20px 0; color:#999;}


.guize_html{ float:right; margin-top:220px; position:relative; }

.btn{ color:#333; font-size:14px; padding:0 5px;  position:absolute; right:0;top:0; background-color:#ccc; cursor:pointer;}
.overfloat{position:fixed;top:0;right:0;z-index:9;display:none;width:300px; height:200px; /*background-color:rgba(1,1,1,.5)*/}
	.video-box{
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 2;
		}

.biankuang{ border:1px solid #ccc;margin:0 auto;padding:40px 20px;}
.biankuang p{ width:1000px; margin:0 auto;}
.biankuang img{ margin-left:100px; display:block;}

.liao{ position:absolute; right:0;display:block;width:300px;height:30px;background-color:#F59529;color:#fff;text-align:center;line-height:30px;}