@charset 'utf-8';
body{overflow: hidden;min-width: 1200px;background-color: #000;}

/*loading*/
.cover{position: fixed;z-index: 3000;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/begin.jpg);background-repeat: no-repeat;background-size: 100% 100%;}
.slogan,.logo-w{text-align: center;}
.bar{width: 0;height: 3px;background-color: #f7f3f0;}
.loading{position: relative;}
span.percent{position: absolute;bottom: -12px;left: 0;color: #f7f3f0;font-size: 20px;}



.wraper{position: relative;top: 0;}
.track{position: absolute;top: 490px;left: 0;}
/*index*/
#index{position: absolute;z-index: 2;width: 1920px;height: 903px;top: 0;left: 188px;}
.index-con{position: absolute;z-index: 100;top: 172px;left: 50%;margin-left: -253px;border-bottom: 317px solid transparent;width: 507px;height: 586px;background: url(../img/m_bg1.png) no-repeat;}
.yinlian{position: absolute;z-index: 200;margin-top: 200px;margin-left: 155px;width: 600px;}
h1{font-family: myFont;font-size: 99px;font-weight: normal;}
.systom{margin-top: 16px;font-size: 29px;letter-spacing: 4px;}
.yinlian-good{opacity: 0;filter: Alpha(opacity=0);position: absolute;z-index: 200;bottom: -470px;left: -85px;width: 775px;}
.yinlian-good span{display: inline-block;line-height: 25px;background: #000;padding: 0 5px;margin-top: 5px;}

/*funcs*/
#funcs{position: absolute;z-index: 2;left: -825px;top: 1435px;width: 1920px;height: 2000px;}
.funcs-w{position: absolute;left: 50%;top: 40px;margin-left: -594px;width: 1188px;height: 1371px;background-image: url('../img/m_bg2.png');}
.funcs-con{padding: 70px 100px 0;margin-top: 50px;height: 1050px;}
.funcs-title{padding: 25px 0 18px 0;}
h2.th2{font-size: 50px;font-family: myFont;font-weight: normal;}
.e{font-size: 20px;font-family: myFont;}
.funcs-ul{width: 988px;background-color: rgba(0,0,0,0.7);}
@media \0screen\,screen\9{
	.funcs-ul{background-color: #000;filter: Alpha(opacity=70);position: static;}
	.funcs-ul li{position: relative;}
}
.funcs-ul li{float: left;width: 246px;text-align: center;border-right: 1px solid rgba(255,255,255,0.15);border-bottom: 1px solid rgba(255,255,255,0.15);}
.funcs-ul li.r{border-right: none;}
.funcs-ul li.b{border-bottom: none;}
@media \0screen\,screen\9{
	.funcs-ul li{border-right: 1px solid #4f454b;border-bottom: 1px solid #4f454b;}
}
.funcs-ul a{display: block;padding: 40px 0 30px 0;}
.func-logo{height: 195px;line-height: 195px;}
.funcs-ul p.func-name{margin-top: 16px;}

/*innolvation*/
#innovation{position: absolute;z-index: 2;top: 2525px;left: -600px;width: 1920px;opacity: 0;filter: Alpha(opacity=0);}
.innovation-con{position: relative;left: 50%;margin-left: -595px;margin-bottom: 240px;width: 1190px;}
.innovation-title{margin-top: 125px;margin-left: 45px;}
.innovation-main{margin-top: 30px;width: 100%;background-color: rgba(0,0,0,0.7);}
@media \0screen\,screen\9{
	.innovation-main{background-color: #000;filter: Alpha(opacity=70);position: static;}
	.innovation-main .tabs{position: relative;}
}
.tabs{float: left;width: 33%;}
.tabs-ul li{padding: 25px 0;border-right: 1px solid rgba(255,255,255,0.15);border-bottom: 1px solid rgba(255,255,255,0.15);cursor: pointer;}
.tab-last{border-bottom: none!important;}
@media \0screen\,screen\9{
	.tabs-ul li{border-right: 1px solid #605a63;border-bottom: 1px solid #605a63;}
}
.tab-con{padding-left: 47px;}
.tab-t{font-size: 20px;}
.tab-c{margin-top: 10px;font-size: 12px;line-height: 20px;}
.tab-now{border-right: none!important;color: #2bb6ff;cursor: default!important;}
.tab-now .tab-con{border-left: 5px solid #2bb6ff;padding-left: 42px;}
table td{border-right: 1px solid #605a63;border-bottom: 1px solid #605a63;height: 80px;width: 150px;}
table td.td-top{border-top: 1px solid #605a63;}
table td.kong,.table-data-name{border-bottom: none;height: 32px!important;}
table td.kong{border-right: none;}
.staff-td,.table-data-name{position: relative;width: 25px!important;}
.staff-td span{position: absolute;right: 30px;top: -8px;}
.table-data-name span{position: absolute;right: -50px;top: -30px;display: inline-block;width: 80px;}
.zero{top: 73px!important;}
.tab-detail{position: relative;margin-left: 483px;padding-top: 90px;}
.column-ul{position: absolute;width: 100%;bottom: 0;left: 26px;}
.column-ul li{position: absolute;bottom: -60px;float: left;width: 151px;text-align: center;}
.column-ul li span.data{visibility: hidden;position: absolute;top: -45px;left: 68px;display: inline-block;width: 54px;height: 38px;text-align: center;line-height: 30px;background-image: url(../img/pao_bg.png);}
span.data.color-b{color: #0f98e7;}
span.data.color-g{color: #b1db4c;}
.column-ul .zhu{width: 5px;margin: 0 auto;}
.blue{background-color: #0f98e7;height: 0px;}
.green{background-color: #b1db4c;height: 0px;}
.column-t{font-size: 15px;line-height: 60px;}

/*version*/
#version{position: absolute;z-index: 2;top: 2650px;left: 1918px;width: 1920px;}
.version-con{position: relative;left: 100%;margin-left: -605px;bottom: -600px;opacity: 0;filter: Alpha(opacity=0);}
.version-main{padding-top: 40px;margin-left: 10px;}
.version-l,.version-r{position: relative;float: left;}
.version-l{margin-right: 82px;}
.verlbg-k,.verrbg-k{border: 1px solid #d5c7d0;height: 464px;}
.verlbg-k{width: 389px;}
.verrbg-k{width: 725px;}
.verl-con,.verr-con{position: absolute;padding: 35px 32px;height: 394px;top: -10px;left: -10px;background-color: rgba(0,0,0,0.39);}
.verl-con{width: 325px;}
.verr-con{width: 663px;}
.professional,.enterprise{position: absolute;top: 0;right: 0;}
.verl-t,.verr-t{padding-bottom: 12px;border-bottom: 1px solid #d5c7d0;}
h3.ban{font-size: 25px;}
.verl-tc,.verr-tc{margin-top: 20px;font-size: 12px;line-height: 20px;}
.bao{font-size: 18px;padding-top: 10px;}
.verl-bc,.verr-bc{margin-top: 12px;}
.verl-bc-ul li,.verr-bc-ul li{position: relative;float: left;margin-right: 5px;margin-bottom: 5px;width: 102px;height: 106px;background-color: rgba(0,0,0,0.6);text-align: center;cursor: pointer;}
.gray{line-height: 106px;}
.lignt{display: none;position: absolute;top: 50%;left: 50%;height: 0;width: 0;border: 2px solid #fff;line-height: 102px;}
.lignt p{display: none;}
.lignt-big{background-image: url(../img/func_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;}
.verl3,.verl6{margin-right: 0!important;}
@media \0screen\,screen\9{
	.verl-con,.verr-con{background-color: #000;filter: Alpha(opacity=39);}
	.verl-bc-ul li,.verr-bc-ul li{background-color: #000;filter: Alpha(opacity=60);position: static;}
	.verl-t,.verl-b,.verr-t,.verr-b,.gray,.light{position: relative;}
}

/*contact*/
#contact{position: absolute;z-index: 2;width: 1920px;height: 1200px;top: 1105px;left: 3080px;padding-bottom: 50px;opacity: 0;filter: Alpha(opacity=0);}
.contact-con{position: relative;left: 50%;margin-left: -445px;margin-top: 42px;width: 890px;}
.contact-top{height: 500px;}
.contact-tl{float: left;padding-right: 25px;}
.wh-office{margin-top: 15px;margin-left: 70px;}
.contact-tr{position: relative;float: left;padding-left: 45px;padding-top: 75px;}
.pic-bg{width: 282px;height: 282px;border: 1px solid #fff;}
.wh-pic{position: relative;}
.whpic{position: absolute;z-index: 100;top: 15px;left: -15px;}
.ph-addr{position: absolute;z-index: 200;top: 45px;left: 155px;}
.wuhan-text{padding-left: 60px;}
.pa-w{margin-top: 30px;width: 350px;font-size: 18px;}
.pa-w p{padding-left: 23px;background-color: rgba(0,0,0,0.5);line-height: 26px;margin-top: 15px;}
.map{position: absolute;z-index: 200;bottom: -140px;right: -325px;}
.contact-bottom{margin-top: 50px;padding: 20px;width: 890px;background-color: rgba(0,0,0,0.6);}
@media \0screen\,screen\9{
	.contact-bottom{background-color: #000;filter: Alpha(opacity=60);position: static;}
	.contact-bottom .ul{position: relative;}
}
.news-ul li{float: left;width: 404px;padding: 17px;}
.news-ul li a{display: block;}
.news-ul li a:hover{text-decoration: underline;}
.news-one{border-right: 1px solid  rgba(255,255,255,0.15);border-bottom: 1px solid  rgba(255,255,255,0.15);}
.news-two{border-bottom: 1px solid  rgba(255,255,255,0.15);}
.news-three{border-right: 1px solid  rgba(255,255,255,0.15);}
@media \0screen\,screen\9{
	.news-one{border-right: 1px solid #765755;border-bottom: 1px solid #765755;}
	.news-two{border-bottom: 1px solid #765755;}
	.news-three{border-right: 1px solid #765755;}
}
.news-date{float: left;padding: 10px 0;width: 90px;text-align: center;font-size: 25px;color: #8b8b8b;background-color: rgba(0,0,0,0.7);}
@media \0screen\,screen\9{
	.news-date{background-color: #000;filter: Alpha(opacity=70);position: static;}
	.news-date .span{position: relative;}
}
.news-con{margin-left: 90px;padding-left: 20px;padding-top: 6px;}
.news-t{font-size: 18px;line-height: 32px;font-weight: normal;}
.news-m{font-size: 12px;color: #b3b3b3;line-height: 20px;}
.wx-w{position: relative;margin-top: 25px;}
.wx{display: inline-block;padding: 0 20px;border: 2px solid #fff;line-height: 30px;font-size: 15px;}
.qrcode{display: none;position: absolute;left: 0px;top: -208px;width: 209px;}

/*download*/
.download{position: absolute;left: 2550px;top: 0;padding-top: 160px;padding-bottom: 50px;}
.download-con{position: relative;left: 100%;margin-left: -483px;width: 966px;opacity: 0;filter: Alpha(opacity=0);}
.download-main{margin-top: 30px;background-image: url(../img/load_bg.png);background-repeat: no-repeat;background-position: bottom right;}
.load-ul li{position: relative;float: left;border: 2px solid #fff;margin-right: 35px;background-color: rgba(0,0,0,0.25);}
.loadli-t{position: relative;padding: 20px;}
.load-name{font-size: 25px;}
.dian-w{margin-top: 8px;}
.dian{font-size: 12px;text-decoration: underline;}
.load-btnw{margin-top: 8px;margin-bottom: 40px;}
.load-btn{display: inline-block;width: 110px;background-color: #fff;text-align: center;line-height: 38px;}
.load-btn1{color: #717195;}
.load-btn2{color: #8c5769;}
.load-btn3{color: #c86771;}
.loadli-b{position: absolute;width: 100%;bottom: 0;left: 0;padding: 4px 0;background-color: #fff;}
.loadli-b p{padding-left: 12px;line-height: 20px;color: #000;}
.loadli-b p span{padding-left: 8px;}
.download-b{margin-top: 50px;padding-bottom: 212px;}
.config-d{margin-top: 15px;font-size: 12px;}
.config-d div{margin-bottom: 10px;}
.config-d div p.config-d1{float: left;width: 135px;background-color: rgba(0,0,0,0.7);line-height: 15px;height: 15px;}
.config-d div p.config-d2{float: left;background-color: rgba(0,0,0,0.7);line-height: 15px;height: 15px;}
@media \0screen\,screen\9{
	.load-ul li{background-color: #000;filter: Alpha(opacity=25);}
	.config-d div p{background-color: #000;filter: Alpha(opacity=70);position: static;}
	.config-d div p span{position: relative;}
}