@charset "utf-8";
/* CSS Document */

@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0;
  font-family: '微软雅黑'; }

body { overflow-x: hidden; -webkit-user-select: none; user-select: none; }

a {
  text-decoration: none;
  cursor: pointer;
  cursor: pointer;
  outline: none;
  color: #666666;
  transition: 0.3s; }

a:hover {
  color: #03a9f4; }

table {
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal; }

strong {
  font-weight: bold; }

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

textarea, input {
  outline: none; }

button {
  border: none;
  outline: none; }


/*清除浮动*/
.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 100%; }

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }





.header { background: #323436; height: 60px; position: fixed; z-index: 1000; top: 0; width: 100%; border-bottom: 4px solid #ff5402; }
.header .header-box { width: 1300px; text-align:center; height: 100%; margin: 0 auto; position: relative; }
.header .header-box .logo { margin-top: 10px; }

.main-pic { height: 525px; background: #222;}
.main-pic .main-inner { height: 100%; width: 1300px; margin: 0 auto; background: url("../images/pic.jpg") no-repeat center; text-align: center; }
.main-pic .main-inner h1 { font-size:32px; color: #fff; padding-top: 120px; }
.main-pic .main-inner h2 { color: #ff7800; padding-top: 40px; font-size:16px; font-weight:500; line-height:22px;}
.main-pic .main-inner .btns { padding-top:80px; }
.main-pic .main-inner .btns .btn { width: 210px; height: 60px; text-align: center; line-height: 60px; font-size: 20px; display: inline-block; margin: 0 20px; }
.main-pic .main-inner .btns .btn-introduce { border: 4px solid #ff7800; color: #ff7800; background: rgba(255, 120, 0, 0.2); line-height: 52px; height: 52px; }
.main-pic .main-inner .btns .btn-downcode { background: #ff7800; color: #fff; }
.main-pic .main-inner .downcount {  padding-top: 20px; color: #fff; }
.main-pic .main-inner .downcount em {  color: #ff7800;  font-size: 32px;  padding: 0 10px; }
.main-pic .main-inner .joinus { padding-top: 20px; }
.main-pic .main-inner .joinus span { background: rgba(0, 0, 0, 0.2); padding: 2px 10px; border-radius: 2px; color: #fff; display: inline-block; }
.main-module {width: 1150px; margin: 0 auto; text-align: center; }
.main-module h1.title { padding-top:120px; font-size: 30px; }
.main-module h2.des { padding-top:30px; padding-bottom:30px; color: #666; font-size: 14px; line-height:32px; }
.ui-pic{ margin-top:100px;}
.main-introduce .modules { padding-top: 40px; text-align: center; }
.icon1{ width:64px; height:64px; background:url(../images/icon1.png) no-repeat; overflow:hidden; display:block; margin:0px auto;}
.icon2{ width:64px; height:64px; background:url(../images/icon2.png) no-repeat; overflow:hidden; display:block; margin:0px auto;}
.icon3{ width:64px; height:64px; background:url(../images/icon3.png) no-repeat; overflow:hidden; display:block; margin:0px auto;}
.icon4{ width:64px; height:64px; background:url(../images/icon4.png) no-repeat; overflow:hidden; display:block; margin:0px auto;}
.icon5{ width:64px; height:64px; background:url(../images/icon5.png) no-repeat; overflow:hidden; display:block; margin:0px auto;}
.icon6{ width:64px; height:64px; background:url(../images/icon6.png) no-repeat; overflow:hidden; display:block; margin:0px auto;}
.icon7{ width:64px; height:64px; background:url(../images/icon7.png) no-repeat; overflow:hidden; display:block; margin:0px auto;}
.icon8{ width:64px; height:64px; background:url(../images/icon8.png) no-repeat; overflow:hidden; display:block; margin:0px auto;}
.main-introduce .modules .iconfont { font-size: 70px; color: #ff7800; padding: 10px 0; }
.main-introduce .modules li { display: inline-block; width: 20%; padding: 0 10px; text-align:center; margin:0px auto; margin-top:50px; overflow:hidden;}
.main-introduce .modules li h3 { font-size: 20px; padding: 10px 0; }
.main-introduce .modules li p { color: #666; font-size: 14px; }
.main-utils ul { padding: 30px 0; }
.main-utils li { display: inline-block; }

.main-github { background: url("../images/bg (2).jpg") center; text-align: center; color: #fff; height: 280px; }
.main-github .github-box { padding-top: 60px; }
.main-github .github-box h1 { padding-bottom: 40px;}
.main-github .github-box p { padding-bottom: 40px; color:#fdffcb; font-size:36px;}

.footer { background: #333333; color: #fff; }
.footer .footer-inner { position: relative; width: 1300px; margin: 0 auto; height: 60px; }
.footer .footer-inner .links .copyright { font-size: 12px; color: #fff; position: absolute; bottom: 20px; left: 0; right: 0; padding-top: 20px; }
.footer .footer-inner .qrcode { position: absolute; top: 0; right: 0; width: 100px; padding-top: 20px; }
.footer .powerby { font-size: 12px; color: #fff; margin-top: 20px; display: block; }



/*在线客服*/
.keifu{position:fixed;top:10%;right:0;width:131px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.icon_keifu{width:26px;height:100px;float:left;background:url(../images/keifu.png) 0 0;position:relative;display:none;cursor:pointer;}
.keifu_box{float:left;width:131px;}
.keifu_head{width:131px;height:41px;background:url(../images/keifu.png);background-position: 0 -103px;font-size:0;line-height:0;position:relative;}
.keifu_close:link,.keifu_close:visited{display:block;width:11px;height:11px;background:url(../images/keifu.png) -42px 0;position:absolute;top:5px;right:5px;}
.keifu_close:hover{background-position:-60px 0;}
.keifu_con{border-left:7px solid #029bdb;border-right:7px solid #029bdb;padding-top:15px;background:#fbfbfb;}
.keifu_con li{height:33px;padding-left:12px;}
.keifu_con .weixin{height:96px;}
.keifu_con .bt{font-size:16px;height:30px;line-height:30px;text-align:left;padding:0 0 0 20px;color:#012646;}
.keifu_bot{width:131px;height:119px;background:url(../images/keifu.png);background-position:0 -149px;}