/* 由 F12 开发人员工具生成。这可能不是原始源文件的准确表示形式。*/
* {
	margin: 0px; padding: 0px;
}
html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
code {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
table {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
img {
	margin: 0px; padding: 0px;
}
article {
	display: block;
}
section {
	display: block;
}
body {
	background: rgb(255, 255, 255); color: rgb(50, 50, 50); line-height: 1.42; font-size: 14px;
}
ul {
	list-style-type: none;
}
li {
	list-style-type: none;
}
ol {
	list-style-type: none;
}
img {
	border: 0px currentColor; vertical-align: middle; display: inline-block; max-width: 100%;
}
.center {
	margin: 0px auto; display: block;
}
.clearfloat::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "";
}
.clearfloat {
	-ms-zoom: 1;
}
a {
	color: rgb(50, 50, 50); text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus {
	
}
:focus {
	outline: 0px;
}
.slh {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
p {
	margin: 10px 0px;
}
.fullWrap {
	min-width: 1000px;
}
.mainWrap {
	margin: 0px auto; padding: 0px 20px; position: relative; min-width: 960px; max-width: 1200px; _width: 1000px;
}
.round_border {
	border-radius: 4px;
}
.shadow {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.nav_bar {
	background: rgb(255, 255, 255); height: 70px; position: relative; z-index: 20;
}
.nav_bar a.logo {
	background: url("../images/index/logo.png") no-repeat left; width: 130px; height: 70px; display: inline-block;
	
}
.nav_bar .nav_box {
	width: 762px;
}
.nav_box ul.nav_list {
	width: 600px; float: left;
}
.nav_box ul.nav_list li {
	width: 85px; float: left; display: inline-block; position: relative; z-index: 20;
}
.nav_box ul.nav_list li a {
	width: 83px; text-align: center; color: rgb(146, 165, 186); line-height: 70px; font-size: 15px; display: inline-block;
}
.nav_box ul.nav_list li span {
	top: 26px; width: 0px; height: 18px; right: 0px; border-left-color: rgb(241, 247, 252); border-left-width: 2px; border-left-style: solid; display: inline-block; position: absolute;
}
.nav_box ul.nav_list li.hover a {
	color: rgb(0, 118, 202);
}
.nav_box ul.nav_list li.now a {
	background: url("../images/index/navnow.jpg") repeat-x;
}
.nav_box .nav_login {
	padding: 19px 0px; width: 162px;
}
.nav_box .nav_login a {
	border: 1px solid rgb(0, 118, 202); width: 68px; height: 30px; text-align: center; line-height: 30px; margin-left: 9px; display: inline-block;
}
.nav_box .nav_login a.loginbtn {
	color: rgb(0, 118, 202);
}
.nav_box .nav_login a.regbtn {
	background: rgb(0, 118, 202); color: rgb(255, 255, 255);
}
.footer_area {
	background: url("../images/index/footerbg.jpg"); height: 500px; padding-top: 88px;
}
.footer_area .footer_aBox {
	height: 336px; overflow: hidden;
}
.footer_aBox .footer_l {
	width: 252px; text-align: center; color: rgb(111, 112, 117); line-height: 1.6; font-size: 12px;
}
.footer_aBox .footer_r {
	width: 73%;
}
.footer_aBox .footer_r .footer_r_list {
	width: 22%; color: rgb(134, 135, 140); margin-right: 3.8%; float: left;
}
.footer_aBox .footer_r .footer_r_list h2 {
	margin: 10px 0px; color: rgb(176, 176, 181); font-size: 16px;
}
.footer_aBox .footer_r .footer_r_list a {
	color: rgb(134, 135, 140); line-height: 1.8; display: block;
}
.footer_aBox .footer_r .footer_r_list a:hover {
	color: rgb(176, 176, 181);
}
.footer_aBox .footer_r .footer_r_list .item {
	margin-bottom: 20px;
}
.footer_aBox .footer_r .lxwm a {
	display: inline-block;
}
.page {
	height: 900px; position: relative;
}
.page h1 {
	text-align: center; line-height: 1.6; padding-top: 100px; font-weight: normal;
}
.page h3 {
	text-align: center; line-height: 2.5; font-weight: normal;
}
.page_anim {
	position: relative;
}
.page_img {
	position: absolute;
}
.page_top {
	left: 50%; top: 0px; width: 120px; height: 22px; margin-left: -60px; display: block; position: absolute;
}
.textBox {
	
}
.textBox .textdiv {
	color: rgb(255, 255, 255);
}
.textBox .textdiv h2 {
	font-size: 38px; font-weight: normal;
}
.textBox .textdiv h4 {
	margin: 15px 0px; font-size: 18px; font-weight: normal;
}
.textBox .textdiv .mrmy_text {
	background: url("../images/index/page3_img1.png") no-repeat left top; color: rgb(117, 195, 255); padding-left: 40px; font-style: italic;
}
.textBox .textdiv .mrmy_name {
	text-align: right; color: rgb(117, 195, 255); line-height: 2.4; padding-right: 8.5%; font-style: italic; position: relative;
}
.textBox .textdiv .mymy_nameicon {
	top: 0px; width: 7%; right: 0px; display: block; position: absolute;
}
.textBox .imgdiv {
	position: relative;
}
.textBox .textdiv a.more {
	background: rgb(255, 255, 255); margin: 40px 0px; border-radius: 50px; border: 1px solid rgb(0, 118, 202); width: 185px; height: 43px; color: rgb(0, 118, 202); line-height: 41px; text-indent: 50px; font-size: 16px; display: block; position: relative;
}
.textBox .textdiv a.more i {
	top: 7px; width: 28px; height: 28px; right: 14px; text-indent: 0px; display: block; position: absolute; z-index: 100;
}
.page1 {
	background: rgb(0, 118, 202); height: 850px;
}
.page2 {
	background: rgb(255, 255, 255);
}
.page3 {
	background: rgb(0, 118, 202);
}
.page4 {
	background: rgb(246, 246, 246);
}
.page5 {
	background: rgb(0, 118, 202);
}
.page6 {
	background: rgb(246, 246, 246);
}
.page7 {
	background: rgb(31, 34, 41); height: 500px;
}
.page8 {
	background: rgb(246, 246, 246); height: 618px;
}
.page1 h1 {
	color: rgb(255, 255, 255); font-size: 62px;
}
.page1 h3 {
	color: rgb(228, 233, 255); font-size: 29px;
}
.page1_anim {
	height: 400px; margin-top: 90px;
}
.page1_img1 {
	left: 1%; width: 17%; bottom: 16px; max-width: 200px;
}
.page1_img2 {
	left: 21.16%; width: 5.5%; bottom: 100px; max-width: 66px;
}
.page1_img3 {
	left: 25.5%; width: 3.5%; bottom: 150px; z-index: 10; max-width: 42px;
}
.page1_img4 {
	left: 21.91%; width: 56%; bottom: 0px; max-width: 672px;
}
.page1_img5 {
	left: 70.66%; width: 5.08%; bottom: 130px; max-width: 61px;
}
.page1_img6 {
	left: 74.2%; width: 3.33%; bottom: 100px; max-width: 40px;
}
.page1_img7 {
	width: 15%; right: 2.6%; bottom: 16px; max-width: 170px;
}
.fa-spin {
	animation:fa-spin 3s linear infinite; -webkit-animation: fa-spin 3s infinite linear;
}
.page2 h1 {
	color: rgb(78, 146, 212); padding-top: 140px; font-size: 32px;
}
.page2 h3 {
	color: rgb(78, 146, 212); font-size: 16px;
}
.page2_anim {
	height: 400px; margin-top: 150px;
}
.page2_list {
	width: 21.1%; text-align: center; line-height: 2; margin-right: 4.9%; float: left;
}
.page2_list .page2_img {
	width: 98%; height: 212px; overflow: hidden; margin-bottom: 20px;
}
.page2_list h4 {
	color: rgb(0, 118, 202); font-size: 28px; font-weight: normal;
}
.page2_list h5 {
	color: rgb(114, 114, 114); font-size: 16px; font-weight: normal;
}
.page2_list h6 {
	color: rgb(114, 114, 114); font-size: 12px; font-weight: normal;
}
.page3 .page3_cont {
	padding-top: 24%;
}
.page3 .textdiv {
	width: 47.5%;
}
.page3 .imgdiv {
	width: 40.83%; padding-top: 80px;
}
.page3 .imgdiv .page3_img1 {
	left: 3%; top: 46px; width: 85%; position: absolute; z-index: 10;
}
.page4 .page4_cont {
	padding-top: 24%;
}
.page4 .textdiv {
	width: 47.5%;
}
.page4 .imgdiv {
	width: 40.83%; margin-top: -40px;
}
.page4 .textBox .textdiv {
	color: rgb(0, 118, 202);
}
.page4 .textBox .textdiv .mrmy_text {
	color: rgb(109, 162, 218);
}
.page4 .textBox .textdiv .mrmy_name {
	color: rgb(109, 162, 218);
}
.page5 .page5_cont {
	padding-top: 24%;
}
.page5 .textdiv {
	width: 47.5%;
}
.page5 .imgdiv {
	width: 40.83%; margin-top: -40px;
}
.page5 .imgdiv .page5_img1 {
	left: 3%; top: 46px; width: 85%; position: absolute; z-index: 10;
}
.page5 .star {
	position: absolute; z-index: 100;
}
.page5 .star1 {
	left: 2%; top: 16%; -webkit-animation: fadeIn 1s infinite 0.5s linear;
}
.page5 .star2 {
	left: 16%; top: 35%; -webkit-animation: fadeIn 0.5s infinite 1s linear;
}
.page5 .star3 {
	left: 12%; top: 50%; -webkit-animation: fadeIn 1s infinite 1.5s linear;
}
.page5 .star4 {
	left: 66.2%; top: 63%; -webkit-animation: fadeIn 0.5s infinite 2s linear;
}
.page5 .star5 {
	left: 28%; top: 24%; -webkit-animation: fadeIn 0.5s infinite 2.5s linear;
}
.page6 .page6_cont {
	padding-top: 24%;
}
.page6 .textdiv {
	width: 47.5%;
}
.page6 .imgdiv {
	width: 40.83%; margin-top: -40px;
}
.page6 .textBox .textdiv {
	color: rgb(0, 118, 202);
}
.page6 .textBox .textdiv .mrmy_text {
	color: rgb(109, 162, 218);
}
.page6 .textBox .textdiv .mrmy_name {
	color: rgb(109, 162, 218);
}
.page6_img1 {
	top: 32%; width: 11%; right: 6.5%; position: absolute; z-index: 10; max-width: 62px; -webkit-animation: fadeIn 1s infinite 0s linear;
}
.page7_cont {
	padding-top: 150px;
}
.page7_cont a {
	margin: 0px auto; border: 1px solid rgb(0, 118, 202); width: 364px; height: 78px; text-align: center; color: rgb(255, 255, 255); line-height: 78px; display: block;
}
.page7_cont .git_btn {
	font-size: 20px; margin-bottom: 30px;
}
.page7_cont .ty_btn {
	background: rgb(0, 118, 202); font-size: 20px;
}
.page7_cont .ty_btn:hover {
	background: rgb(62, 172, 255);
}
.page8 h1 {
	color: rgb(0, 118, 202);
}
.page8 h3 {
	color: rgb(0, 118, 202);
}
.page8_anim {
	margin-top: 90px;
}
.footer_aBox p {
	margin: 0px;
}
.footer_aBox .mb15 {
	margin-bottom: 15px;
}
.footer_aBox .footer_r .footer_r_list {
	width: 22%; text-align: center;text-align:left
}
.footer_aBox .footer_r .lxwm.footer_r_list {
	width: 22%;
}
.footer_aBox .footer_r .footer_r_list p {
	margin: 0px;text-align:left
}
.footer_aBox .footer_r .footer_r_list a {
	font-size: 12px; display: inline;
}
body .page_top img {
	float: left;
}
body .textBox .textdiv a.more i {
	top: 6px;
}
.page3 .textdiv {
	text-align: left;
}
.page4 .textBox .textdiv {
	text-align: left;
}
.page5 .textdiv {
	text-align: left;
}
.page6 .textBox .textdiv {
	text-align: left;
}
.page8 h1 {
	font-size: 28px;
}
.page8 h3 {
	font-size: 16px;
}
.jc-home-p1 .items-1 {
	position: relative;
}
.jc-home-p1 .items-1 .boxBig {
	background: url("../images/index/sec1-icon-5.png") no-repeat 0px 0px; left: -5px; top: 240px; width: 116px; height: 166px; position: absolute;
}
.jc-home-p1 .items-1 .boxSmall {
	background: url("../images/index/sec1-icon-6.png") no-repeat 0px 0px; left: 126px; top: 290px; width: 74px; height: 106px; position: absolute;
}
.jc-home-p1 .items-2 {
	position: relative;
}
.jc-home-p1 .items-2 .pc {
	background: url("../images/index/sec1-icon-1.png") no-repeat 0px 0px; left: 10px; top: 10px; width: 672px; height: 395px; position: absolute;
}
.jc-home-p1 .items-2 .txtLine-1 {
	background: url("../images/index/sec1-pcTxt-1.png") no-repeat 0px 0px; left: 103px; top: 41px; width: 485px; height: 31px; position: absolute;
}
.jc-home-p1 .items-2 .txtLine-2 {
	background: url("../images/index/sec1-pcTxt-2.png") no-repeat 0px 0px; left: 103px; top: 75px; width: 485px; height: 32px; position: absolute;
}
.jc-home-p1 .items-2 .txtLine-3 {
	background: url("../images/index/sec1-pcTxt-3.png") no-repeat 0px 0px; left: 103px; top: 106px; width: 485px; height: 35px; position: absolute;
}
.jc-home-p1 .items-2 .txtLine-4 {
	background: url("../images/index/sec1-pcTxt-4.png") no-repeat 0px 0px; left: 103px; top: 137px; width: 485px; height: 35px; position: absolute;
}
.jc-home-p1 .items-2 .txtLine-5 {
	background: url("../images/index/sec1-pcTxt-5.png") no-repeat 0px 0px; left: 103px; top: 171px; width: 485px; height: 35px; position: absolute;
}
.jc-home-p1 .items-2 .txtLine-6 {
	background: url("../images/index/sec1-pcTxt-6.png") no-repeat 0px 0px; left: 103px; top: 208px; width: 485px; height: 35px; position: absolute;
}
.jc-home-p1 .items-2 .txtLine-7 {
	background: url("../images/index/sec1-pcTxt-7.png") no-repeat 0px 0px; left: 103px; top: 241px; width: 485px; height: 35px; position: absolute;
}
.jc-home-p1 .items-2 .txtLine-8 {
	background: url("../images/index/sec1-pcTxt-8.png") no-repeat 0px 0px; left: 103px; top: 273px; width: 485px; height: 35px; position: absolute;
}
.jc-home-p1 .items-2 .txtLine-9 {
	background: url("../images/index/sec1-pcTxt-9.png") no-repeat 0px 0px; left: 103px; top: 303px; width: 485px; height: 35px; position: absolute;
}
.jc-home-p1 .items-3 {
	position: relative;
}
.jc-home-p1 .items-3 .shieldBig {
	background: url("../images/index/sec1-icon-7.png") no-repeat 0px 0px; left: 1055px; top: 240px; width: 130px; height: 157px; position: absolute; z-index: 1;
}
.jc-home-p1 .items-3 .shieldSmall {
	background: url("../images/index/sec1-icon-8.png") no-repeat 0px 0px; left: 1015px; top: 290px; width: 73px; height: 97px; position: absolute;
}
.jc-home-p1 .page1_img2 {
	left: 22.16%;
}
.jc-home-p1 .page1_img3 {
	left: 26.5%;
}
.jc-home-p1 .page1_img5 {
	left: 73%;
}
.jc-home-p1 .page1_img6 {
	left: 77.2%;
}
.jc-home-p1 .items-2 .txtLine-1 {
	display: none;
}
.jc-home-p1 .items-2 .txtLine-2 {
	display: none;
}
.jc-home-p1 .items-2 .txtLine-3 {
	display: none;
}
.jc-home-p1 .items-2 .txtLine-4 {
	display: none;
}
.jc-home-p1 .items-2 .txtLine-5 {
	display: none;
}
.jc-home-p1 .items-2 .txtLine-6 {
	display: none;
}
.jc-home-p1 .items-2 .txtLine-7 {
	display: none;
}
.jc-home-p1 .items-2 .txtLine-8 {
	display: none;
}
.jc-home-p1 .items-2 .txtLine-9 {
	display: none;
}
.jc-home-p1 .items-2 .action1.txtLine-1 {
	animation:runSec1-txtLine1 0.2s linear; display: block; -webkit-animation: runSec1-txtLine1 0.2s linear 1 normal; -moz-animation: runSec1-txtLine1 0.2s linear 1 normal; -o-animation: runSec1-txtLine1 0.2s linear 1 normal;
}
.jc-home-p1 .items-2 .action1.txtLine-2 {
	animation:runSec1-txtLine1 0.2s linear; display: block; -webkit-animation: runSec1-txtLine1 0.2s linear 1 normal; -moz-animation: runSec1-txtLine1 0.2s linear 1 normal; -o-animation: runSec1-txtLine1 0.2s linear 1 normal;
}
.jc-home-p1 .items-2 .action1.txtLine-3 {
	animation:runSec1-txtLine1 0.2s linear; display: block; -webkit-animation: runSec1-txtLine1 0.2s linear 1 normal; -moz-animation: runSec1-txtLine1 0.2s linear 1 normal; -o-animation: runSec1-txtLine1 0.2s linear 1 normal;
}
.jc-home-p1 .items-2 .action1.txtLine-4 {
	animation:runSec1-txtLine1 0.2s linear; display: block; -webkit-animation: runSec1-txtLine1 0.2s linear 1 normal; -moz-animation: runSec1-txtLine1 0.2s linear 1 normal; -o-animation: runSec1-txtLine1 0.2s linear 1 normal;
}
.jc-home-p1 .items-2 .action1.txtLine-5 {
	animation:runSec1-txtLine1 0.2s linear; display: block; -webkit-animation: runSec1-txtLine1 0.2s linear 1 normal; -moz-animation: runSec1-txtLine1 0.2s linear 1 normal; -o-animation: runSec1-txtLine1 0.2s linear 1 normal;
}
.jc-home-p1 .items-2 .action1.txtLine-6 {
	animation:runSec1-txtLine1 0.2s linear; display: block; -webkit-animation: runSec1-txtLine1 0.2s linear 1 normal; -moz-animation: runSec1-txtLine1 0.2s linear 1 normal; -o-animation: runSec1-txtLine1 0.2s linear 1 normal;
}
.jc-home-p1 .items-2 .action1.txtLine-7 {
	animation:runSec1-txtLine1 0.2s linear; display: block; -webkit-animation: runSec1-txtLine1 0.2s linear 1 normal; -moz-animation: runSec1-txtLine1 0.2s linear 1 normal; -o-animation: runSec1-txtLine1 0.2s linear 1 normal;
}
.jc-home-p1 .items-2 .action1.txtLine-8 {
	animation:runSec1-txtLine1 0.2s linear; display: block; -webkit-animation: runSec1-txtLine1 0.2s linear 1 normal; -moz-animation: runSec1-txtLine1 0.2s linear 1 normal; -o-animation: runSec1-txtLine1 0.2s linear 1 normal;
}
.jc-home-p1 .items-2 .action1.txtLine-9 {
	animation:runSec1-txtLine1 0.2s linear; display: block; -webkit-animation: runSec1-txtLine1 0.2s linear 1 normal; -moz-animation: runSec1-txtLine1 0.2s linear 1 normal; -o-animation: runSec1-txtLine1 0.2s linear 1 normal;
}
#jc-txtWrite .theCursor {
	animation:runSec1-cursor 0.5s linear infinite alternate; color: rgb(255, 255, 255); font-size: 28px; -webkit-animation: runSec1-cursor 0.5s linear infinite alternate; -moz-animation: runSec1-cursor 0.5s linear infinite alternate; -o-animation: runSec1-cursor 0.5s linear infinite alternate;
}
.page1_anim {
	width: 1200px; height: 410px;
}
.jc-home-p2 .page2_list h4 {
	font-size: 32px;
}
.jc-home-p2 .page2_list h5 {
	font-size: 18px;
}
.jc-home-p2 .page2_list h6 {
	font-size: 14px;
}
.jc-home-p3 .animateSec {
	top: -40px; width: 588px; height: 380px; position: relative;
}
.jc-home-p3 .animateSec .items-1 {
	background: url("../images/index/sec3-icon-1.png") no-repeat 0px 0px; left: 50px; top: 10px; width: 535px; height: 345px; position: absolute;
}
.jc-home-p3 .animateSec .items-2 {
	background: url("../images/index/sec3-icon-2.png") no-repeat 0px 0px; left: 290px; top: 70px; width: 81px; height: 22px; position: absolute;
}
.jc-home-p3 .animateSec .items-3 {
	background: url("../images/index/sec3-icon-3.png") no-repeat 0px 0px; left: 127px; top: 129px; width: 65px; height: 16px; position: absolute;
}
.jc-home-p3 .animateSec .items-4 {
	background: url("../images/index/sec3-icon-4.png") no-repeat 0px 0px; left: 358px; top: 134px; width: 42px; height: 17px; position: absolute;
}
.jc-home-p3 .animateSec .items-5 {
	background: url("../images/index/sec3-icon-5.png") no-repeat 0px 0px; left: 207px; top: 114px; width: 167px; height: 68px; position: absolute;
}
.jc-home-p3 .animateSec .items-6 {
	background: url("../images/index/sec3-icon-6.png") no-repeat 0px 0px; left: 233px; top: 200px; width: 79px; height: 22px; position: absolute;
}
.jc-home-p3 .animateSec .items-1 {
	animation:sec3-1 0.8s ease-out infinite alternate; -webkit-animation: sec3-1 0.8s ease-out infinite alternate; -moz-animation: sec3-1 0.8s ease-out infinite alternate; -o-animation: sec3-1 0.8s ease-out infinite alternate;
}
.jc-home-p3 .animateSec .items-2 {
	animation:sec3-2and3 0.8s ease-out infinite alternate; -webkit-animation: sec3-2and3 0.8s ease-out infinite alternate; -moz-animation: sec3-2and3 0.8s ease-out infinite alternate; -o-animation: sec3-2and3 0.8s ease-out infinite alternate;
}
.jc-home-p3 .animateSec .items-3 {
	animation:sec3-2and3 0.8s ease-out infinite alternate; -webkit-animation: sec3-2and3 0.8s ease-out infinite alternate; -moz-animation: sec3-2and3 0.8s ease-out infinite alternate; -o-animation: sec3-2and3 0.8s ease-out infinite alternate;
}
.jc-home-p3 .animateSec .items-5 {
	animation:sec3-5 0.8s ease-out infinite alternate; -webkit-animation: sec3-5 0.8s ease-out infinite alternate; -moz-animation: sec3-5 0.8s ease-out infinite alternate; -o-animation: sec3-5 0.8s ease-out infinite alternate;
}
.jc-home-p3 .animateSec .items-4 {
	animation:sec3-4and6 0.8s ease-out infinite alternate; -webkit-animation: sec3-4and6 0.8s ease-out infinite alternate; -moz-animation: sec3-4and6 0.8s ease-out infinite alternate; -o-animation: sec3-4and6 0.8s ease-out infinite alternate;
}
.jc-home-p3 .animateSec .items-6 {
	animation:sec3-4and6 0.8s ease-out infinite alternate; -webkit-animation: sec3-4and6 0.8s ease-out infinite alternate; -moz-animation: sec3-4and6 0.8s ease-out infinite alternate; -o-animation: sec3-4and6 0.8s ease-out infinite alternate;
}
.jc-home-p4 .animateSec {
	left: 10px; top: -100px; width: 590px; height: 480px; position: relative;
}
.jc-home-p4 .animateSec .icons {
	margin: 0px; left: -40px; top: -40px; width: 100%; height: 370px;
}
.jc-home-p4 .animateSec .icons .l-1 {
	margin: 0px; left: -40px; top: -40px; width: 100%; height: 370px;
}
.jc-home-p4 .animateSec .icons .l-2 {
	margin: 0px; left: -40px; top: -40px; width: 100%; height: 370px;
}
.jc-home-p4 .animateSec .icons .l-3 {
	margin: 0px; left: -40px; top: -40px; width: 100%; height: 370px;
}
.jc-home-p4 .animateSec .icons .l-3 {
	-webkit-transform: rotateY(30deg) translateY(30px);
}
.jc-home-p4 .animateSec .place {
	left: 100px; top: 30px; width: 160px; height: 350px; position: absolute; z-index: 2;
}
.jc-home-p4 .animateSec .place div {
	transform-origin: 0% 0%; width: 100%; height: 100%; position: absolute; opacity: 1; transform: skew(0deg) rotateX(30deg); -webkit-transform: skew(0deg) rotateX(30deg); -webkit-transform-origin: 0 0;
}
.jc-home-p4 .animateSec .place .light-1 {
	transform: skew(0deg) rotateX(30deg); -webkit-transform: skew(0deg) rotateX(30deg);
}
.jc-home-p4 .animateSec .place .light-2 {
	transform: skew(50deg) rotateX(30deg) translateX(-370px); -webkit-transform: skew(50deg) rotateX(30deg) translateX(-370px);
}
.jc-home-p4 .animateSec .place .light-3 {
	transform: skew(35deg) rotateX(30deg) translateX(-220px); -webkit-transform: skew(35deg) rotateX(30deg) translateX(-220px);
}
.jc-home-p4 .animateSec .place .light-4 {
	transform: skew(20deg) rotateX(30deg) translateX(-120px); -webkit-transform: skew(20deg) rotateX(30deg) translateX(-120px);
}
.jc-home-p4 .animateSec .place .light-5 {
	transform: skew(-50deg) rotateX(30deg) translateX(350px); -webkit-transform: skew(-50deg) rotateX(30deg) translateX(350px);
}
.jc-home-p4 .animateSec .place .light-6 {
	transform: skew(-35deg) rotateX(30deg) translateX(210px); -webkit-transform: skew(-35deg) rotateX(30deg) translateX(210px);
}
.jc-home-p4 .animateSec .place .light-7 {
	transform: skew(-20deg) rotateX(30deg) translateX(100px); -webkit-transform: skew(-20deg) rotateX(30deg) translateX(100px);
}
.jc-home-p4 .animateSec .icons {
	position: absolute; z-index: 2;
}
.jc-home-p4 .animateSec .icons .l-1 {
	
}
.jc-home-p4 .animateSec .icons .l-2 {
	animation:section6_base_inner_frame 2s ease-in-out 0.5s infinite alternate; -webkit-animation: section6_base_inner_frame 2s ease-in-out 0.5s alternate infinite; -moz-animation: section6_base_inner_frame 2s ease-in-out 0.5s alternate infinite; -o-animation: section6_base_inner_frame 2s ease-in-out 0.5s alternate infinite;
}
.jc-home-p4 .animateSec .icons .l-2 {
	perspective-origin: 50% 70%; perspective: 500px;
}
.jc-home-p4 .animateSec .icons .l-3 {
	transform: translateZ(-250px);
}
.jc-home-p4 .animateSec .icons [data-status='status6_start'].l-3 {
	opacity: 1;
}
.jc-home-p4 .animateSec .icons .l-3 .items {
	left: 170px; top: 170px; width: 66px; height: 75px; position: absolute;
}
.jc-home-p4 .animateSec .icons .l-3 .items div {
	width: 100%; height: 100%; background-repeat: no-repeat;
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-1 {
	transform: rotateY(0deg) translateY(-90px) translateZ(200px); -webkit-transform: rotateY(0deg) translateY(-90px) translateZ(200px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-1 div {
	transform: rotateY(0deg); background-image: url("../images/index/sec4-icon-2.png"); -webkit-transform: rotateY(0deg);
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-2 {
	transform: rotateY(15deg) translateY(10px) translateZ(200px); -webkit-transform: rotateY(15deg) translateY(10px) translateZ(200px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-2 div {
	transform: rotateY(-17deg); background-image: url("../images/index/sec4-icon-3.png"); -webkit-transform: rotateY(-17deg);
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-3 {
	transform: rotateY(24deg) translateY(112px) translateZ(200px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-3 div {
	transform: rotateY(-28deg); background-image: url("../images/index/sec4-icon-4.png"); -webkit-transform: rotateY(-28deg);
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-4 {
	transform: rotateY(31.999998deg) translateY(-45px) translateZ(222px); -webkit-transform: rotateY(32deg) translateY(-45px) translateZ(222px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-4 div {
	transform: rotateY(-40deg); background-image: url("../images/index/sec4-icon-5.png"); -webkit-transform: rotateY(-40deg);
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-5 {
	transform: rotateY(51deg) translateY(-100px) translateZ(250px); -webkit-transform: rotateY(51deg) translateY(-100px) translateZ(220px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-5 div {
	transform: rotateY(-52deg); background-image: url("../images/index/sec4-icon-6.png"); -webkit-transform: rotateY(-52deg);
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-6 {
	transform: rotateY(114deg) translateY(0px) translateZ(250px); -webkit-transform: rotateY(114deg) translateY(0px) translateZ(250px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-6 div {
	transform: rotateY(-122deg); background-image: url("../images/index/sec4-icon-7.png"); -webkit-transform: rotateY(-122deg);
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-7 {
	transform: rotateY(93deg) translateY(-215px) translateZ(100px); -webkit-transform: rotateY(93deg) translateY(-145px) translateZ(-100px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-7 div {
	transform: rotateY(-94deg); background-image: url("../images/index/sec4-icon-8.png");
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-8 {
	transform: rotateY(262deg) translateY(-64px) translateZ(100px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-8 div {
	transform: rotateY(100deg); background-image: url("../images/index/sec4-icon-9.png"); -webkit-transform: rotateY(100deg);
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-9 {
	transform: rotateY(-290deg) translateZ(-100px); -webkit-transform: rotateY(-290deg) translateZ(-100px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-9 div {
	transform: rotateY(260deg) translateZ(250px); background-image: url("../images/index/sec4-icon-10.png"); -webkit-transform: rotateY(260deg) translateZ(130px);
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-10 {
	transform: rotateY(311deg) translateY(-65px) translateZ(250px); -webkit-transform: rotateY(311deg) translateY(-65px) translateZ(250px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-10 div {
	transform: rotateY(53deg); background-image: url("../images/index/sec4-icon-11.png"); -webkit-transform: rotateY(53deg);
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-11 {
	transform: rotateY(332deg) translateY(-124px) translateZ(250px); -webkit-transform: rotateY(332deg) translateY(-124px) translateZ(250px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-11 div {
	transform: rotateY(30deg); background-image: url("../images/index/sec4-icon-12.png"); -webkit-transform: rotateY(30deg);
}
.jc-home-p4 .animateSec .icons .l-3 [data-status='status6_start'].items-12 {
	transform: rotateY(340deg) translateY(60px) translateZ(200px); -webkit-transform: rotateY(340deg) translateY(60px) translateZ(200px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-12 div {
	transform: rotateY(25deg); background-image: url("../images/index/sec4-icon-13.png"); -webkit-transform: rotateY(25deg);
}
.jc-home-p4 .animateSec .box {
	background: url("../images/index/sec4-icon-1.png") no-repeat 0px 0px; left: 80px; width: 180px; height: 179px; bottom: 10px; position: absolute; z-index: 3;
}
.jc-home-p5 .animateSec {
	margin: 0px auto; width: 520px; height: 540px; position: relative;
}
.jc-home-p5 .animateSec .items-t1 {
	background: url("../images/index/sec5-icon-1.png") no-repeat 0px 0px; left: 10px; top: 10px; width: 508px; height: 586px; position: absolute;
}
.jc-home-p5 .animateSec .items-t2 {
	background: url("../images/index/sec5-icon-2.png") no-repeat 0px 0px; left: 27px; top: 115px; width: 339px; height: 258px; position: absolute;
}
.jc-home-p5 .animateSec .items-t3 {
	background: url("../images/index/sec5-icon-3.png") no-repeat 0px 0px; left: 126px; top: 390px; width: 75px; height: 62px; position: absolute;
}
.jc-home-p5 .animateSec .items-t4 {
	background: url("../images/index/sec5-icon-4.png") no-repeat 0px 0px; left: 263px; top: 196px; width: 70px; height: 70px; position: absolute;
}
.jc-home-p5 .animateSec .items-t5 {
	background: url("../images/index/sec5-icon-5.png") no-repeat 0px 0px; left: 330px; top: 270px; width: 53px; height: 53px; position: absolute;
}
.jc-home-p5 .animateSec .items-t6 {
	background: url("../images/index/sec5-icon-6.png") no-repeat 0px 0px; left: 295px; top: 320px; width: 43px; height: 43px; position: absolute;
}
.jc-home-p5 .animateSec .items-t7 {
	left: 60px; top: 34px; width: 118px; height: 142px; position: absolute;
}
.jc-home-p5 .animateSec .items-t7 .rocket {
	background: url("../images/index/sec5-icon-7.png") no-repeat 0px 0px; left: 0px; top: 0px; width: 115px; height: 135px; position: absolute;
}
.jc-home-p5 .animateSec .items-t7 .flame {
	background: url("../images/index/sec5-icon-8.png") no-repeat 0px 0px; left: 19px; top: 100px; width: 25px; height: 32px; position: absolute;
}
.jc-home-p5 .animateSec .items-t2 {
	animation:runSec5-2 0.5s linear infinite alternate; -webkit-animation: runSec5-2 0.5s linear infinite alternate; -moz-animation: runSec5-2 0.5s linear infinite alternate; -o-animation: runSec5-2 0.5s linear infinite alternate;
}
.jc-home-p5 .animateSec .items-t4 {
	animation:runSec5-4 0.5s linear infinite alternate; -webkit-animation: runSec5-4 0.5s linear infinite alternate; -moz-animation: runSec5-4 0.5s linear infinite alternate; -o-animation: runSec5-4 0.5s linear infinite alternate;
}
.jc-home-p5 .animateSec .items-t5 {
	animation:runSec5-5 0.8s linear infinite alternate; -webkit-animation: runSec5-5 0.8s linear infinite alternate; -moz-animation: runSec5-5 0.8s linear infinite alternate; -o-animation: runSec5-5 0.8s linear infinite alternate;
}
.jc-home-p5 .animateSec .items-t6 {
	animation:runSec5-6 0.8s linear infinite alternate; -webkit-animation: runSec5-6 0.8s linear infinite alternate; -moz-animation: runSec5-6 0.8s linear infinite alternate; -o-animation: runSec5-6 0.8s linear infinite alternate;
}
.jc-home-p5 .animateSec .items-t7 {
	animation:runSec5-7 2s linear infinite; -webkit-animation: runSec5-7 2s linear infinite normal; -moz-animation: runSec5-7 2s linear infinite normal; -o-animation: runSec5-7 2s linear infinite normal;
}
.jc-home-p5 .animateSec .items-t7 .flame {
	animation:runSec5-7-flame 0.2s linear infinite; -webkit-animation: runSec5-7-flame .2s linear infinite; -moz-animation: runSec5-7-flame .2s linear infinite; -o-animation: runSec5-7-flame .2s linear infinite;
}
.jc-home-p6 .animateSec {
	margin: 0px auto; width: 440px; height: 470px; position: relative;
}
.jc-home-p6 .animateSec .items-t1 {
	background: url("../images/products/bg-sec7-1.1.png") no-repeat 0px 0px; left: 10px; top: 40px; width: 431px; height: 435px; position: absolute;
}
.jc-home-p6 .animateSec .items-t2 {
	background: url("../images/products/bg-sec7-1.2.png") no-repeat 0px 0px; left: 116px; top: 12px; width: 109px; height: 148px; position: absolute;
}
.jc-home-p6 .animateSec .items-t2 {
	animation:sec6-2 0.8s linear infinite alternate; -webkit-animation: sec6-2 0.8s linear infinite alternate; -moz-animation: sec6-2 0.8s linear infinite alternate; -o-animation: sec6-2 0.8s linear infinite alternate;
}
.jc-home-p6 .animateSec .items-t3 {
	background: url("../images/products/bg-sec7-2.1.png") no-repeat 0px 0px; left: 230px; top: 100px; width: 158px; height: 159px; position: absolute;
}
.jc-home-p6 .animateSec .items-t3 {
	animation:sec6-3 0.5s linear infinite alternate; -webkit-animation: sec6-3 0.5s linear infinite alternate; -moz-animation: sec6-3 0.5s linear infinite alternate; -o-animation: sec6-3 0.5s linear infinite alternate;
}
.jc-home-p6 .animateSec .items-t4 {
	background: url("../images/products/bg-sec7-2.2.png") no-repeat 0px 0px; left: 180px; top: 260px; width: 69px; height: 69px; position: absolute;
}
.jc-home-p6 .animateSec .items-t4 {
	animation:sec6-4 0.8s linear infinite alternate; -webkit-animation: sec6-4 0.8s linear infinite alternate; -moz-animation: sec6-4 0.8s linear infinite alternate; -o-animation: sec6-4 0.8s linear infinite alternate;
}
.jc-home-p6 .animateSec .items-t5 {
	background: url("../images/products/bg-sec7-2.3.png") no-repeat 0px 0px; left: 64px; top: 270px; width: 62px; height: 62px; position: absolute;
}
.jc-home-p6 .animateSec .items-t5 {
	animation:sec6-5 0.8s linear infinite alternate; -webkit-animation: sec6-5 0.8s linear infinite alternate; -moz-animation: sec6-5 0.8s linear infinite alternate; -o-animation: sec6-5 0.8s linear infinite alternate;
}
.jc-home-p6 .animateSec .items-t6 {
	background: url("../images/products/bg-sec7-2.4.png") no-repeat 0px 0px; left: 20px; top: 200px; width: 38px; height: 38px; position: absolute;
}
.jc-home-p6 .animateSec .items-t6 {
	animation:sec6-6 1s linear infinite alternate; -webkit-animation: sec6-6 1s linear infinite alternate; -moz-animation: sec6-6 1s linear infinite alternate; -o-animation: sec6-6 1s linear infinite alternate;
}
.jc-home-p8 .page8_anim {
	margin-top: 60px;
}
.jc-home-p8 .page8_anim .outer {
	display: block;
}
.jc-home-p8 .page8_anim .outer .inner {
	margin: 0px auto 40px; line-height: 30px; display: inline-block;
}
.jc-home-p8 .page8_anim .outer .inner a {
	margin: 0px 28px 0px 12px; vertical-align: middle; display: inline-block;
}
.jc-home-p8 h1 {
	font-size: 36px; font-weight: normal;
}
.jc-home-p8 h3 {
	font-size: 18px;
}