body {
	background:#f2f2f2;
	font-family:punctuation,\5FAE\8F6F\96C5\9ED1,Tohoma;
}
 .hero{padding-top:50px;background: none}

.navstyle {
	margin:0;
	border-radius:0;
	}
.screenshot {
	background:url(/images/screenshot_bg.png) no-repeat;
	margin:5px auto 0 auto;
	width:250px;
	height:500px;
}
.title {
	margin:0 auto;
	padding:40px 0 100px 0;
	text-align:center;
}
.title img {
	width:100%;
	height:auto;
}
@media (min-width: 768px) {
  .title {
	margin:0 auto;
	padding:80px 0 160px 0;
	text-align:center;
  }
  .title img {
	width:473px;
	height:auto;
  } 
  .hero{padding-top:50px;background: none}
}
@media (min-width: 992px) {
  .title {
	margin:0 auto;
	padding:100px 0 156px 0;
	text-align:left;
  }
  .title img {
	width:473px;
	height:auto;
  } 
}
@media (min-width: 1200px) {
  .title {
	margin:0 auto;
	padding:26px 0 305px 0;
	text-align:left;
  }
  .title img {
	width:473px;
	height:auto;
  } 
  .hero {
	padding-top:50px;
	background:url(/images/ban1225.jpg) no-repeat center bottom;
}
}
.faint {
	text-align:center;
	padding-top:40px;
}
.faint img {
	width:100%;
	height:auto;
}
.bigtxt {
	font-size:26px;
	line-height:5em;
	border-bottom:1px solid #cacaca;
	}
.feature-box {
	height:auto;
	border-bottom:1px solid #cacaca;
	}
.feature-img {
	width:100%;
	}
.feature-title {
	margin-top:20px;
	color:#2a7ab9;
	font-size:24px;
	text-align:center;
	}
.feature-content {
	font-size:14px;
	line-height:1.5em;
	color:#636973;
	text-align:center;
	margin-bottom:20px;
	}
.gotobtn {
	padding:40px 0;
	}
.btn-gotobtn {
	text-align:center;
	}
.btn-gotobtn img {
	width:80%;
	}
@media (min-width: 768px) {
  .faint img {
	width:90%;
	height:auto;
  }
  .bigtxt {
	font-size:36px;
	}
  .feature-box {
	height:auto;
	}
  .feature-img {
	width:auto;
	}
  .feature-title {
	margin-top:40px;
	color:#2a7ab9;
	font-size:30px;
	text-align:center;
	}
  .feature-content {
	font-size:14px;
	line-height:1.5em;
	color:#636973;
	text-align:center;
	margin-bottom:40px;
	}
  .gotobtn {
	padding:80px 0 40px 0;
	}
  .btn-gotobtn {
	text-align:center;
	}
  .btn-gotobtn img {
	width:auto;
	}
}
@media (min-width: 992px) {
  .faint img {
	width:90%;
	height:auto;
  }
  .bigtxt {
	font-size:40px;
	}
  .feature-box {
	height:501px;
	}
  .feature-img {
	width:auto;
	}
  .feature-title {
	margin-top:160px;
	color:#2a7ab9;
	font-size:36px;
	text-align:left;
	}
  .feature-content {
	font-size:16px;
	line-height:1.5em;
	color:#636973;
	text-align:left;
	margin-bottom:40px;
	}
  .gotobtn {
	padding:80px 0 40px 0;
	}
  .btn-gotobtn {
	text-align:right;
	}
  .btn-gotobtn img {
	width:auto;
	}
}
@media (min-width: 1200px) {
  .faint img {
	width:100%;
	height:auto;
  }
  .bigtxt {
	font-size:48px;
	}
  .feature-box {
	height:501px;
	}
  .feature-img {
	width:auto;
	}
  .feature-title {
	margin-top:160px;
	color:#2a7ab9;
	font-size:48px;
	text-align:left;
	}
  .feature-content {
	font-size:16px;
	line-height:1.5em;
	color:#636973;
	text-align:left;
	margin-bottom:40px;
	}
  .gotobtn {
	padding:80px 0 40px 0;
	}
  .btn-gotobtn {
	text-align:right;
	}
  .btn-gotobtn img {
	width:auto;
	}
}
.screenBox{position: relative;padding:56px 0 0 5px;}
.screenBox li{list-style: none;}

.wx-menu{width:41px;height:auto;padding-top:100px;background: #110000;position:fixed;right: 0;top:0;z-index: 9999;}
.wx-rec{width: 41px;height: 144px;background: #e83b18;font-size: 20px;color:#fff;text-align: center;cursor: pointer;}
.wx-rec a{display: block;width: 41px;height: 100px;color:#fff;text-align: center;padding-top:25px;}
.wx-rec a:hover{text-decoration: none;}
.wx-exp{width:50px;height:100px;padding:16px 0 0 9px; background: url(/img/btn_expand1.png) no-repeat;margin-left:-9px;cursor: pointer;}
.wx-sm{width:22px;height: 22px;margin:20px 0 0 11px;background: url(/img/thumb_2d.png) no-repeat;cursor: pointer;}
.wx-box{width: 321px;position:fixed;right: -321px;top:0px;z-index: 9999; overflow-y:auto;visibility: visible;_position:absolute;*position:absolute;}
.wx-cont{width:300px;height: auto;background: url(/img/theme_img.png) no-repeat #393939;padding-top:471px;}
.wx-txt{padding:30px;}
.wx-st{ width: 72px;height: 20px;line-height: 20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-align: center;color:#fff;font-size: 12px;display: inline-block;margin-left:84px;background: #dd2229}
.wx-txt p{font-size: 12px;color: #a0a0a0;line-height: 18px;}
.wx-close{display: block; width:24px;height: 24px;cursor: pointer;background: url(/img/btn_close.png) no-repeat;position: absolute;right: 14px;top:14px;}
.wx-hb{width: 36px;height: 36px;background: url(/img/wx-hb.gif) no-repeat;}
.wx-xia{width: 20px;height: 20px;display: inline-block;margin-left:112px;background: url(/img/xia.png) no-repeat;}
a.gl{width:200px;height:62px;background: #d43201;border:1px solid #ffb77f;-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; text-align: center;color:#fff;font-size:20px;line-height: 60px;position: absolute;top:328px;left:122px;}
a.gl:hover{text-decoration: none;color:#fff;}
.gl{width: 100%;text-align: center;}
.gl1{background: #ff831f}
.gl2{background: #ffc122}
.gl3{background: #f74c38}
.gl4{background: #2db6af}
.gl5{background: #96cb3b}
.gl6{background: #ffc122}
.w1{background: #ff831f;text-align: center;padding:88px 52px 0 44px;}
.w1 img,.w2 img,.w3 img,.w4 img,.w5 img,.w6 img{width: 100%;height: auto}
.w2{background: #ffc122;text-align: center;padding:58px 26px 0 31px;}
.w3{background: #f74c38;text-align: center;padding:55px 0 0 49px;}
.w4{background: #2db6af;text-align: center;padding:54px 26px 0 45px;}
.w5{background: #96cb3b;text-align: center;padding:54px 39px 0 26px;}
.w6{background: #ffc122;text-align: center;padding:20px 0 0 0 ;}

@keyframes tiao{
  from{
   transform:translateY(0);
  }
   50%{
    transform:translateY(10px);
   }
   to{
    transform:translateY(0);
   }
}
@-webkit-keyframes tiao{
  from{
    -webkit-transform:translateY(0);
  }
   50%{
    -webkit-transform:translateY(10px);
   }
   to{
    -webkit-transform:translateY(0);
   }
}
.xx{width: 20px;height: 12px;background: url(/img/xx.png) no-repeat;background-size: cover;position: absolute;bottom:20%;left:50%;margin-left:-10px;-webkit-animation:tiao 1s .2s infinite ease both;-moz-animation:tiao 1s .2s infinite ease both;}
a.gogo{background: #f74e3c;display: inline-block;padding:10px 20px;margin-top:-10px; color:#fff;}
a.gogo:hover,a.gogo:active{color:#fff;text-decoration: none}
.heroBox{background: url(/images/line.jpg) repeat-x;position: relative; }
.s1,.s2,.s3,.s4{position: absolute;}
.s1{width: 41px;height: 43px;top:31px;left: 152px}
.s2{width: 62px;height: 64px;top:152px;left: 174px}
.s3{width: 329px;height: 179px;left: 0;top: 392px}
.s4{width: 293px;height: 443px;top: 139px;right: 0}