@charset "UTF-8";
/*************************引用 st*************************************/

/* CSS Document */
/*public css*/
*,html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,dl,dt,dd,li,form,table,div,img{padding:0px;margin:0px; /*box-sizing:border-box;*/}
article,section{display:block;}
body{/*font-family:"Microsoft Yahei","宋体",Helvetica, Arial, Verdana, sans-serif;*/background:#ffffff;font-size:14px;color:#323232; line-height:1.42;}
ul,li,ol{list-style-type:none;}
img{max-width:100%;display:inline-block; border:0; vertical-align:middle;}
.center{display:block;margin:0 auto;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfloat{zoom:1;}
a{text-decoration:none;cursor:hand; outline:none;blr:expression(this.onFocus=this.blur()); color:#323232;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
:focus {outline:0;}
.slh{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
p{margin:10px 0;}

.fullWrap{min-width:1000px;}
.mainWrap{min-width:960px; max-width:1200px; margin:0 auto; padding:0 20px; position:relative;_width:1000px;}
.round_border{border-radius:4px;}
.shadow{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}
/*=============================header_area===================================*/
/*nav bar*/
.nav_bar{background:#ffffff;height:70px;position:relative;z-index:20;}
.nav_bar a.logo{display:inline-block;width:130px;height:70px;background:url(../images/index/logo.png) left center no-repeat;}
.nav_bar .nav_box{width:762px;}
.nav_box ul.nav_list{float:left;width:600px;}
.nav_box ul.nav_list li{display:inline-block; float:left; position:relative; z-index:20;width:85px;}
.nav_box ul.nav_list li a{width:83px;display:inline-block;line-height:70px;color:#92a5ba;font-size:15px; text-align:center;}
.nav_box ul.nav_list li span{display:inline-block;width:0px;height:18px;border-left:2px solid #f1f7fc; position:absolute; top:26px; right:0px;}
.nav_box ul.nav_list li.hover a{color:#0076ca;}
.nav_box ul.nav_list li.now a{background:url(../images/index/navnow.jpg) repeat-x;}
.nav_box .nav_login{width:162px;padding:19px 0;}
.nav_box .nav_login a{width:68px;border:1px solid #0076ca; text-align:center; display:inline-block;height:30px; line-height:30px; margin-left:9px;}
.nav_box .nav_login a.loginbtn{color:#0076ca;}
.nav_box .nav_login a.regbtn{ color:#fff;background:#0076ca;}
/*=============================main_area===================================*/

/*.main_area{padding:10px 0;}

.cont_pad{padding:20px;}*/
/*/*=============================footer_area===================================!1!
.footer_area{background:url(../images/index/footerbg.jpg);height:500px;+height:412px; padding-top:88px;}
.footer_area .footer_aBox{height:336px; overflow:hidden; /*font-family:"宋体";!1!}
/*footer left area!1!
.footer_aBox .footer_l{width:252px; text-align:center; color:#6f7075;font-size:12px; line-height:1.6;}
/*footer right area!1!
.footer_aBox .footer_r{width:73%;}
.footer_aBox .footer_r .footer_r_list{float:left;width:22%; margin-right:3.8%;color:#86878c;}
.footer_aBox .footer_r .footer_r_list h2{font-size:16px;color:#b0b0b5; margin:10px 0;}
.footer_aBox .footer_r .footer_r_list a{display:block;color:#86878c; line-height:1.8;}
.footer_aBox .footer_r .footer_r_list a:hover{color:#b0b0b5;}
.footer_aBox .footer_r .footer_r_list .item{margin-bottom:20px;}
.footer_aBox .footer_r .lxwm a{display:inline-block;}*/
/*==================================*/
/* CSS Document */
/*首页和case公用部分*/
.page{position:relative;height:600px;}
.page h1{padding-top:100px;font-weight:normal;text-align:center; line-height:1.6;}
.page h3{font-weight:normal;text-align:center; line-height:2.5;}
.page_anim{position:relative;}
.page_img{position:absolute;}
.page_top{display:block;position:absolute;top:0px; left:50%; margin-left:-60px;width:120px;height:22px;}
.textBox{}
.textBox .textdiv{color:#fff;}
.textBox .textdiv h2{font-size:38px; font-weight:normal;}
.textBox .textdiv h4{margin:15px 0;font-size:18px;font-weight:normal;}
.textBox .textdiv .mrmy_text{font-style:italic;color:#75c3ff; padding-left:40px; background:url(../images/index/page3_img1.png) left top no-repeat;}
.textBox .textdiv .mrmy_name{font-style:italic;color:#75c3ff; text-align:right; padding-right:8.5%; position:relative; line-height:2.4;}
.textBox .textdiv .mymy_nameicon{width:7%; position:absolute;top:0px;right:0px; display:block;}
.textBox .imgdiv{position:relative;}
/*==================================*/
@charset "utf-8";
/* CSS Document */
.textBox .textdiv a.more{display:block;width:185px;height:43px;background:#fff;border:1px solid #0076ca;border-radius:50px; color: #0076ca; text-indent:50px;margin:40px 0; line-height:41px; font-size:16px;position:relative;}
.textBox .textdiv a.more i{display:block;position:absolute;width:28px;height:28px; z-index:100;top:7px;right:14px; text-indent:0px;}

.page1{background:#0076ca;height:850px;}
.page2{background:#339933;}
.page3{background:#0076ca;}
.page4{background:#f6f6f6;}
.page5{background:#339933;}
.page6{background:#f6f6f6;}
.page7{background:#1f2229;height:500px;}
.page8{background:#f6f6f6;height:618px;}

.page1 h1{color:#fff;font-size:62px;}
.page1 h3{color:#e4e9ff;font-size:29px;}
.page1_anim{height:400px;margin-top:90px;}
.page1_img1{width:17%; max-width:200px;left:1%; bottom:16px;}
.page1_img2{width:5.5%; max-width:66px;left:21.16%; bottom:100px;z-index:10;}
.page1_img3{width:3.5%; max-width:42px;left:25.5%; bottom:150px; z-index:10;}
.page1_img4{width:56%; max-width:672px;left:21.91%; bottom:0;}
.page1_img5{width:5.08%; max-width:61px;left:70.66%; bottom:130px;}
.page1_img6{width:3.333%; max-width:40px;left:74.2%; bottom:100px;}
.page1_img7{width:15%; max-width:170px;right:2.6%; bottom:16px;}
/*齿轮滚动*/
.fa-spin{-webkit-animation:fa-spin 3s infinite linear;animation:fa-spin 3s infinite linear}
@-webkit-keyframes fa-spin{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}

.page2 .page2_cont{padding-top:60px;}
.page2 .textdiv{width:47.5%;}
.page2 .imgdiv{width:40.83%;}
.page2 .imgdiv .page3_img1{position:absolute;top:46px; left:3%; z-index:10;width:85%;}

.page3 .page3_cont{padding-top:60px;}
.page3 .textdiv{width:47.5%;}
.page3 .imgdiv{width:40.83%;}
.page3 .imgdiv .page3_img1{position:absolute;top:46px; left:3%; z-index:10;width:85%;}

.page4 .page4_cont{padding-top:60px}
.page4 .textdiv{width:47.5%;}
.page4 .imgdiv{width:40.83%; margin-top:-40px;}
.page4 .textBox .textdiv{color:#0076ca;}
.page4 .textBox .textdiv .mrmy_text{color:#6da2da;}
.page4 .textBox .textdiv .mrmy_name{color:#6da2da;}

.page5 .page5_cont{padding-top:60px;}
.page5 .textdiv{width:47.5%;}
.page5 .imgdiv{width:40.83%; margin-top:-40px;}
.page5 .imgdiv .page5_img1{position:absolute;top:46px; left:3%; z-index:10;width:85%;}
.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:60px;}
.page6 .textdiv{width:47.5%;}
.page6 .imgdiv{width:40.83%; margin-top:-40px;}
.page6 .textBox .textdiv{color:#0076ca;}
.page6 .textBox .textdiv .mrmy_text{color:#6da2da;}
.page6 .textBox .textdiv .mrmy_name{color:#6da2da;}
.page6_img1{position:absolute;top:32%; right:6.5%; z-index:10;width:11%; max-width:62px;-webkit-animation:fadeIn 1s infinite 0s linear;}

.page7_cont{padding-top:150px;}
.page7_cont a{width:364px;height:78px; line-height:78px;border:1px solid #0076ca;display:block; margin:0 auto; text-align:center;color:#fff;}
.page7_cont .git_btn{ margin-bottom:30px;font-size: 20px;}
.page7_cont .ty_btn{background:#0076ca;font-size:20px;}
.page7_cont .ty_btn:hover{background:#3eacff;}


.page8 h1{color:#0076ca;}
.page8 h3{color:#0076ca;}
.page8_anim{margin-top:90px;}
.footer_aBox p{margin: 0;}
.footer_aBox .mb15{margin-bottom: 15px;}
/*************************引用 end*************************************/

body .page_top img{
    /*top: -1px;*/
    float: left;
}
body .textBox .textdiv a.more i{
    top: 6px;
}
.page3 .textdiv,
.page4 .textBox .textdiv,
.page5 .textdiv,
.page6 .textBox .textdiv{
    text-align: left;
}
.page8 h1{
    font-size: 28px;
}

.page8 h3 {
    font-size: 16px;
}
/*********** jc-home-p1 st**********/
.jc-home-p1 .items-1{
    position: relative;
}
.jc-home-p1 .items-1 .boxBig{
    width: 116px;
    height: 166px;
    position: absolute;
    top: 240px;
    left: -5px;
    background: url(../images/sec1-icon-5.png) 0 0 no-repeat;
}
.jc-home-p1 .items-1 .boxSmall{
    width: 74px;
    height: 106px;
    position: absolute;
    top: 290px;
    left: 126px;
    background: url(../images/sec1-icon-6.png) 0 0 no-repeat;
}
.jc-home-p1 .items-2{
    position: relative;
}
.jc-home-p1 .items-2 .pc{
    width: 672px;
    height: 395px;
    position: absolute;
    top: 10px;
    left: 30px;
    background: url(/images/index/mims-index.png) 0 0 no-repeat;
}
.jc-home-p1 .items-2 .txtLine-1{
    width: 485px;
    height: 31px;
    position: absolute;
    top: 41px;
    left: 103px;
    background: url(../images/index/sec1-pcTxt-1.png) 0 0 no-repeat;
}
.jc-home-p1 .items-2 .txtLine-2{
    width: 485px;
    height: 32px;
    position: absolute;
    top: 75px;
    left: 103px;
    background: url(../images/index/sec1-pcTxt-2.png) 0 0 no-repeat;
}
.jc-home-p1 .items-2 .txtLine-3{
    width: 485px;
    height: 35px;
    position: absolute;
    top: 106px;
    left: 103px;
    background: url(../images/index/sec1-pcTxt-3.png) 0 0 no-repeat;
}
.jc-home-p1 .items-2 .txtLine-4{
    width: 485px;
    height: 35px;
    position: absolute;
    top: 137px;
    left: 103px;
    background: url(../images/index/sec1-pcTxt-4.png) 0 0 no-repeat;
}
.jc-home-p1 .items-2 .txtLine-5{
    width: 485px;
    height: 35px;
    position: absolute;
    top: 171px;
    left: 103px;
    background: url(../images/index/sec1-pcTxt-5.png) 0 0 no-repeat;
}
.jc-home-p1 .items-2 .txtLine-6{
    width: 485px;
    height: 35px;
    position: absolute;
    top: 208px;
    left: 103px;
    background: url(../images/index/sec1-pcTxt-6.png) 0 0 no-repeat;
}
.jc-home-p1 .items-2 .txtLine-7{
    width: 485px;
    height: 35px;
    position: absolute;
    top: 241px;
    left: 103px;
    background: url(../images/index/sec1-pcTxt-7.png) 0 0 no-repeat;
}
.jc-home-p1 .items-2 .txtLine-8{
    width: 485px;
    height: 35px;
    position: absolute;
    top: 273px;
    left: 103px;
    background: url(../images/index/sec1-pcTxt-8.png) 0 0 no-repeat;
}
.jc-home-p1 .items-2 .txtLine-9{
    width: 485px;
    height: 35px;
    position: absolute;
    top: 303px;
    left: 103px;
    background: url(../images/index/sec1-pcTxt-9.png) 0 0 no-repeat;
}
.jc-home-p1 .items-3{
    position: relative;
}
.jc-home-p1 .items-3 .shieldBig{
    width: 130px;
    height: 157px;
    position: absolute;
    top: 240px;
    left: 1055px;
    z-index: 1;
    background: url(../images/sec1-icon-7.png) 0 0 no-repeat;
}
.jc-home-p1 .items-3 .shieldSmall{
    width: 73px;
    height: 97px;
    position: absolute;
    top: 290px;
    left: 1015px;
    background: url(../images/sec1-icon-8.png) 0 0 no-repeat;
}
.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,
.jc-home-p1 .items-2 .txtLine-2,
.jc-home-p1 .items-2 .txtLine-3,
.jc-home-p1 .items-2 .txtLine-4,
.jc-home-p1 .items-2 .txtLine-5,
.jc-home-p1 .items-2 .txtLine-6,
.jc-home-p1 .items-2 .txtLine-7,
.jc-home-p1 .items-2 .txtLine-8,
.jc-home-p1 .items-2 .txtLine-9{
    display: none;
}
.jc-home-p1 .items-2 .txtLine-1.action1,
.jc-home-p1 .items-2 .txtLine-2.action1,
.jc-home-p1 .items-2 .txtLine-3.action1,
.jc-home-p1 .items-2 .txtLine-4.action1,
.jc-home-p1 .items-2 .txtLine-5.action1,
.jc-home-p1 .items-2 .txtLine-6.action1,
.jc-home-p1 .items-2 .txtLine-7.action1,
.jc-home-p1 .items-2 .txtLine-8.action1,
.jc-home-p1 .items-2 .txtLine-9.action1{
    display: block;
    animation: runSec1-txtLine1 0.2s linear 1 normal;
    -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;
}
@keyframes runSec1-txtLine1 {
    0%{
        opacity: 0;
    }100%{
             opacity: 1;
         }
}
@-webkit-keyframes runSec1-txtLine1 {
    0%{
        opacity: 0;
    }100%{
             opacity: 1;
         }
}

#jc-txtWrite .theCursor{
    color: #fff;
    font-size: 28px;
    animation: runSec1-cursor 0.5s linear infinite alternate;
    -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;
}
@keyframes runSec1-cursor {
    0%{
        opacity: 1;
    }50%{
        opacity: 0;
    }100%{
        opacity: 1;
    }
}
@-webkit-keyframes runSec1-cursor {
    0%{
        opacity: 1;
    }50%{
        opacity: 0;
    }100%{
        opacity: 1;
    }
}
.page1_anim{
    width: 1200px;
    height: 410px;
}
/*********** jc-home-p1 end**********/

/*********** jc-home-p2 st**********/
.jc-home-p2 .page2_cont h2{ text-align: left;}
.jc-home-p2 .page2_cont h4{text-align: left; color: #f6f6f6;}
.jc-home-p2 .page2_cont ul li{text-align: left;padding: 5px 0;
}
/*********** jc-home-p2 end**********/

/*********** jc-home-p3 st**********/
.jc-home-p3 .animateSec{
    width: 588px;
    height: 380px;
    position: relative;
    top: -40px;
    background: url(/images/index/page2_img5.png) 0 0 no-repeat;
}
.jc-home-p3 .animateSec .items-1{
    width: 535px;
    height: 345px;
    position: absolute;
    top: 10px;
    left: 50px;
    background: url(/images/index/sec3-icon-1.png) 0 0 no-repeat;
}
.jc-home-p3 .animateSec .items-2{
    width: 81px;
    height: 22px;
    position: absolute;
    top: 70px;
    left: 290px;
    background: url(/images/index/sec3-icon-2.png) 0 0 no-repeat;
}
.jc-home-p3 .animateSec .items-3{
    width: 65px;
    height: 16px;
    position: absolute;
    top: 129px;
    left: 127px;
    background: url(../images/index/sec3-icon-3.png) 0 0 no-repeat;
}
.jc-home-p3 .animateSec .items-4{
    width: 42px;
    height: 17px;
    position: absolute;
    top: 134px;
    left: 358px;
    background: url(../images/index/sec3-icon-4.png) 0 0 no-repeat;
}
.jc-home-p3 .animateSec .items-5{
    width: 167px;
    height: 68px;
    position: absolute;
    top: 114px;
    left: 207px;
    background: url(../images/index/sec3-icon-5.png) 0 0 no-repeat;
}
.jc-home-p3 .animateSec .items-6{
    width: 79px;
    height: 22px;
    position: absolute;
    top: 200px;
    left: 233px;
    background: url(../images/index/sec3-icon-6.png) 0 0 no-repeat;
}

.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;
}
@keyframes sec3-1 {
    0%{
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    100%{
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}
@-webkit-keyframes sec3-1 {
    0%{
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    100%{
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}

.jc-home-p3 .animateSec .items-2,
.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;
}
@keyframes sec3-2and3 {
    0%{
        opacity: 0.6;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    100%{
        opacity: 1;
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}
@-webkit-keyframes sec3-2and3 {
    0%{
        opacity: 0.6;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    100%{
        opacity: 1;
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}

.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;
}
@keyframes sec3-5 {
    0%{
        opacity: 0.5;
        transform: translateY(0px) scale(0.999, 0.999);
        -webkit-transform: translateY(0px) scale(0.999, 0.999);
    }
    100%{
        opacity: 1;
        transform: translateY(-5px) scale(1, 1);
        -webkit-transform: translateY(-5px) scale(1, 1);
    }
}
@-webkit-keyframes sec3-5 {
    0%{
        opacity: 0.5;
        transform: translateY(0px) scale(0.999, 0.999);
        -webkit-transform: translateY(0px) scale(0.999, 0.999);
    }
    100%{
        opacity: 1;
        transform: translateY(-5px) scale(1, 1);
        -webkit-transform: translateY(-5px) scale(1, 1);
    }
}

.jc-home-p3 .animateSec .items-4,
.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;
}
@keyframes sec3-4and6 {
    0%{
        opacity: 0.7;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    100%{
        opacity: 1;
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}
@-webkit-keyframes sec3-4and6 {
    0%{
        opacity: 0.7;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    100%{
        opacity: 1;
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}
/*********** jc-home-p3 end**********/

/*********** jc-home-p4 st**********/
.jc-home-p4 .animateSec{
    width: 590px;
    height: 514px;
    position: relative;
    /*top: -100px;*/
    left: 10px;
    background: url(/images/index/weixin-booking.jpg) 0 0 no-repeat;
}
.jc-home-p4 .animateSec .icons,
.jc-home-p4 .animateSec .icons .l-1,
.jc-home-p4 .animateSec .icons .l-2,
.jc-home-p4 .animateSec .icons .l-3{
    width: 100%;
    height: 370px;
    margin: 0;
    top: -40px;
    left: -40px;
}
.jc-home-p4 .animateSec .icons .l-3{
    -webkit-transform: rotateY(30deg) translateY(30px);
}
.jc-home-p4 .animateSec .place{
    position: absolute;
    top: 30px;
    left: 100px;
    width: 160px;
    height: 350px;
    z-index: 2;
}
.jc-home-p4 .animateSec .place div{
    background:-webkit-gradient(linear,0 100%,0 0,from(rgba(48,187,237,.1)),to(rgba(48,187,237,0)));
    background:-moz-linear-gradient(bottom,rgba(48,187,237,.1),rgba(48,187,237,0));
    background:-o-linear-gradient(bottom,rgba(48,187,237,.1),rgba(48,187,237,0));
    background:linear-gradient(bottom,rgba(48,187,237,.1),rgba(48,187,237,0));
    opacity: 1;
    transform: skew(0deg) rotateX(30deg);
    -webkit-transform: skew(0deg) rotateX(30deg);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.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{
    /*perspective: 500px;
    perspective-origin: 50% 70%;*/
    position: absolute;
    z-index: 2;
}
.jc-home-p4 .animateSec .icons .l-1{
    /*transform: translateZ(-250px);
    -webkit-transform: translateZ(-250px);*/
}
.jc-home-p4 .animateSec .icons .l-2{
    animation: section6_base_inner_frame 2s ease-in-out 0.5s alternate infinite;
    -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;
}
@keyframes section6_base_inner_frame{
    0%{
        transform:rotateY(-8deg);
        -webkit-transform:rotateY(-8deg);
    }
    100%{
        -webkit-transform:rotateY(8deg);
        transform:rotateY(8deg);
    }
}
@-webkit-keyframes section6_base_inner_frame{
    0%{
        transform:rotateY(-8deg);
        -webkit-transform:rotateY(-8deg);
    }
    100%{
        -webkit-transform:rotateY(8deg);
        transform:rotateY(8deg);
    }
}
.jc-home-p4 .animateSec .icons .l-2{
    perspective: 500px;
    perspective-origin: 50% 70%;
}
.jc-home-p4 .animateSec .icons .l-3{
    transform: translateZ(-250px);
}
.jc-home-p4 .animateSec .icons .l-3[data-status="status6_start"] {
    opacity: 1;
    /*transform: rotateY(720deg);
    -webkit-transform: rotateY(720deg);*/
}
.jc-home-p4 .animateSec .icons .l-3 .items {
    height: 75px;
    left: 170px;
    position: absolute;
    top: 170px;
    width: 66px;
}
.jc-home-p4 .animateSec .icons .l-3 .items div{
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
.jc-home-p4 .animateSec .icons .l-3 .items-1[data-status="status6_start"] { /*每个变*/
    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 { /*每个变*/
    background-image: url("../images/index/sec4-icon-2.png");
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}
.jc-home-p4 .animateSec .icons .l-3 .items-2[data-status="status6_start"] { /*每个变*/
    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 { /*每个变*/
    background-image: url("../images/index/sec4-icon-3.png");
    transform: rotateY(-17deg);
    -webkit-transform: rotateY(-17deg);
}
.jc-home-p4 .animateSec .icons .l-3 .items-3[data-status="status6_start"] { /*每个变*/
    transform: rotateY(24deg) translateY(112px) translateZ(200px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-3 div { /*每个变*/
    background-image: url("../images/index/sec4-icon-4.png");
    transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
}
.jc-home-p4 .animateSec .icons .l-3 .items-4[data-status="status6_start"] { /*每个变*/
    transform: rotateY(32deg) translateY(-45px) translateZ(222px);
    -webkit-transform: rotateY(32deg) translateY(-45px) translateZ(222px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-4 div { /*每个变*/
    background-image: url("../images/index/sec4-icon-5.png");
    transform: rotateY(-40deg);
    -webkit-transform: rotateY(-40deg);
}
.jc-home-p4 .animateSec .icons .l-3 .items-5[data-status="status6_start"] { /*每个变*/
    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 { /*每个变*/
    background-image: url("../images/index/sec4-icon-6.png");
    transform: rotateY(-52deg);
    -webkit-transform: rotateY(-52deg);
}
.jc-home-p4 .animateSec .icons .l-3 .items-6[data-status="status6_start"] { /*每个变*/
    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 { /*每个变*/
    background-image: url("../images/index/sec4-icon-7.png");
    transform: rotateY(-122deg);
    -webkit-transform: rotateY(-122deg);
}
.jc-home-p4 .animateSec .icons .l-3 .items-7[data-status="status6_start"] { /*每个变*/
    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 { /*每个变*/
    background-image: url("../images/index/sec4-icon-8.png");
    transform: rotateY(-94deg);
}
.jc-home-p4 .animateSec .icons .l-3 .items-8[data-status="status6_start"] { /*每个变*/
    transform: rotateY(262deg) translateY(-64px) translateZ(100px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-8 div { /*每个变*/
    background-image: url("../images/index/sec4-icon-9.png");
    transform: rotateY(100deg);
    -webkit-transform: rotateY(100deg);
}
.jc-home-p4 .animateSec .icons .l-3 .items-9[data-status="status6_start"] { /*每个变*/
    transform: rotateY(-290deg) translateZ(-100px);
    -webkit-transform: rotateY(-290deg) translateZ(-100px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-9 div { /*每个变*/
    background-image: url("../images/index/sec4-icon-10.png");
    transform: rotateY(260deg) translateZ(250px);
    -webkit-transform: rotateY(260deg) translateZ(130px);
}
.jc-home-p4 .animateSec .icons .l-3 .items-10[data-status="status6_start"] { /*每个变*/
    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 { /*每个变*/
    background-image: url("../images/index/sec4-icon-11.png");
    transform: rotateY(53deg);
    -webkit-transform: rotateY(53deg);
}
.jc-home-p4 .animateSec .icons .l-3 .items-11[data-status="status6_start"] { /*每个变*/
    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 { /*每个变*/
    background-image: url("../images/index/sec4-icon-12.png");
    transform: rotateY(30deg);
    -webkit-transform: rotateY(30deg);
}
.jc-home-p4 .animateSec .icons .l-3 .items-12[data-status="status6_start"] { /*每个变*/
    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 { /*每个变*/
    background-image: url("../images/index/sec4-icon-13.png");
    transform: rotateY(25deg);
    -webkit-transform: rotateY(25deg);
}
.jc-home-p4 .animateSec .box{
    width: 180px;
    height: 179px;
    position: absolute;
    bottom: 10px;
    left: 80px;
    z-index: 3;
    background: url(/images/index/sec4-icon-1.png) 0 0 no-repeat;
}
/*********** jc-home-p4 end**********/

/*********** jc-home-p5 st**********/
.jc-home-p5 .animateSec{
    width: 520px;
    height: 540px;
    margin: 0 auto;
    position: relative;
}

.jc-home-p5 .animateSec .items-t1{
    width: 508px;
    height: 586px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: url(/images/index/sec5-icon-1.png) 0 0 no-repeat;
}
.jc-home-p5 .animateSec .items-t2{
    width: 339px;
    height: 258px;
    position: absolute;
    top: 115px;
    left: 27px;
    background: url(/images/index/sec5-icon-2.png) 0 0 no-repeat;
}
.jc-home-p5 .animateSec .items-t3{
    width: 75px;
    height: 62px;
    position: absolute;
    top: 390px;
    left: 126px;
    background: url(/images/index/sec5-icon-3.png) 0 0 no-repeat;
}
.jc-home-p5 .animateSec .items-t4{
    width: 70px;
    height: 70px;
    position: absolute;
    top: 196px;
    left: 263px;
    background: url(/images/index/sec5-icon-4.png) 0 0 no-repeat;
}
.jc-home-p5 .animateSec .items-t5{
    width: 53px;
    height: 53px;
    position: absolute;
    top: 270px;
    left: 330px;
    background: url(/images/index/sec5-icon-5.png) 0 0 no-repeat;
}
.jc-home-p5 .animateSec .items-t6{
    width: 43px;
    height: 43px;
    position: absolute;
    top: 320px;
    left: 295px;
    background: url(/images/index/sec5-icon-6.png) 0 0 no-repeat;
}
.jc-home-p5 .animateSec .items-t7{
    width: 118px;
    height: 142px;
    position: absolute;
    top: 34px;
    left: 60px;
}
.jc-home-p5 .animateSec .items-t7 .rocket{
    width: 115px;
    height: 135px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/index/sec5-icon-7.png) 0 0 no-repeat;
}
.jc-home-p5 .animateSec .items-t7 .flame{
    width: 25px;
    height: 32px;
    position: absolute;
    top: 100px;
    left: 19px;
    background: url(/images/index/sec5-icon-8.png) 0 0 no-repeat;
}
.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;
}
@keyframes runSec5-2 {
    0%{
        opacity: 0.5;
    }100%{
             opacity: 1;
         }
}
@-webkit-keyframes runSec5-2 {
    0%{
        opacity: 0.5;
    }100%{
             opacity: 1;
         }
}

.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;
}
@keyframes runSec5-4 {
    0%{
        transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
    }100%{
             transform: rotate(30deg);
             -webkit-transform: rotate(30deg);
     }
}
@-webkit-keyframes runSec5-4 {
    0%{
        transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
    }100%{
         transform: rotate(30deg);
         -webkit-transform: rotate(30deg);
     }
}

.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;
}
@keyframes runSec5-5 {
    0%{
        transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
    }100%{
             transform: rotate(15deg);
             -webkit-transform: rotate(15deg);
     }
}
@-webkit-keyframes runSec5-5 {
    0%{
        transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
    }100%{
         transform: rotate(15deg);
         -webkit-transform: rotate(15deg);
     }
}

.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;
}
@keyframes runSec5-6 {
    0%{
        transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg);
    }100%{
             transform: rotate(8deg);
             -webkit-transform: rotate(8deg);
     }
}
@-webkit-keyframes runSec5-6 {
    0%{
        transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg);
    }100%{
         transform: rotate(8deg);
         -webkit-transform: rotate(8deg);
     }
}

.jc-home-p5 .animateSec .items-t7{
    animation: runSec5-7 2s linear infinite normal;
    -webkit-animation: runSec5-7 2s linear infinite normal;
    -moz-animation: runSec5-7 2s linear infinite normal;
    -o-animation: runSec5-7 2s linear infinite normal;
}
@keyframes runSec5-7 {
    0%{
        opacity: 0;
        transform: rotate(-81deg) translateY(50px) translateX(-202px);
        -webkit-transform: rotate(-81deg) translateY(50px) translateX(-202px);
    }10%{
         opacity: 0.9;
         transform: rotate(-30deg) translateY(8px) translateX(-136px);
         -webkit-transform: rotate(-30deg) translateY(8px) translateX(-136px);
     }50%{
         opacity: 1;
         transform: rotate(0deg) translateY(0px) translateX(0px);
         -webkit-transform: rotate(0deg) translateY(0px) translateX(0px);
     }100%{

     }
}
@-webkit-keyframes runSec5-7 {
    0%{
        opacity: 0;
        transform: rotate(-81deg) translateY(50px) translateX(-202px);
        -webkit-transform: rotate(-81deg) translateY(50px) translateX(-202px);
    }10%{
         opacity: 0.9;
         transform: rotate(-30deg) translateY(8px) translateX(-136px);
         -webkit-transform: rotate(-30deg) translateY(8px) translateX(-136px);
     }50%{
          opacity: 1;
          transform: rotate(0deg) translateY(0px) translateX(0px);
          -webkit-transform: rotate(0deg) translateY(0px) translateX(0px);
      }100%{

       }
}

.jc-home-p5 .animateSec .items-t7 .flame{
    animation: runSec5-7-flame .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;
}
@keyframes runSec5-7-flame {
    0%{
        transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
    }
    20%{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    40%{
        transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
    }
    60%{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100%{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
@-webkit-keyframes runSec5-7-flame {
    0%{
        -webkit-transform: rotate(7deg);
    }
    20%{
        -webkit-transform: rotate(0deg);
    }
    40%{
        -webkit-transform: rotate(-7deg);
    }
    60%{
        -webkit-transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(0deg);
    }
}
/*********** jc-home-p5 end**********/

/*********** jc-home-p6 st**********/
.jc-home-p6 .animateSec{
    width: 440px;
    height: 470px;
    margin: 0 auto;
    position: relative;
}
.jc-home-p6 .animateSec .items-t1{
    width: 431px;
    height: 435px;
    position: absolute;
    top: 40px;
    left: 10px;
    background: url(/images/index/bg-sec7-1.1.png) 0 0 no-repeat;
}
.jc-home-p6 .animateSec .items-t2{
    width: 109px;
    height: 148px;
    position: absolute;
    top: 12px;
    left: 116px;
    background: url(/images/index/bg-sec7-1.2.png) 0 0 no-repeat;
}
.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;
}
@keyframes sec6-2 {
    from{
        opacity: 0.7;
    }
    to{
        opacity: 2;
    }
}
@-webkit-keyframes sec6-2 {
    from{
        opacity: 0.7;
    }
    to{
        opacity: 2;
    }
}
.jc-home-p6 .animateSec .items-t3{
    width: 158px;
    height: 159px;
    position: absolute;
    top: 100px;
    left: 230px;
    background: url(/images/index/bg-sec7-2.1.png) 0 0 no-repeat;
}
.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;
}
@keyframes sec6-3 {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
    }
}
@-webkit-keyframes sec6-3 {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
    }
}
.jc-home-p6 .animateSec .items-t4{
    width: 69px;
    height: 69px;
    position: absolute;
    top: 260px;
    left: 180px;
    background: url(/images/index/bg-sec7-2.2.png) 0 0 no-repeat;
}
.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;
}
@keyframes sec6-4 {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
    }
}
@-webkit-keyframes sec6-4 {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
    }
}
.jc-home-p6 .animateSec .items-t5{
    width: 62px;
    height: 62px;
    position: absolute;
    top: 270px;
    left: 64px;
    background: url(/images/index/bg-sec7-2.3.png) 0 0 no-repeat;
}
.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;
}
@keyframes sec6-5 {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
    }
}
@-webkit-keyframes sec6-5 {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
    }
}
.jc-home-p6 .animateSec .items-t6{
    width: 38px;
    height: 38px;
    position: absolute;
    top: 200px;
    left: 20px;
    background: url(/images/index/bg-sec7-2.4.png) 0 0 no-repeat;
}
.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;
}
@keyframes sec6-6 {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }
}
@-webkit-keyframes sec6-6 {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }
}
/*********** jc-home-p6 end*********/

/*********** jc-home-p8 st*********/
.jc-home-p8 .page8_anim{
    margin-top: 60px;
}
.jc-home-p8 .page8_anim .outer{
    display: block;
}
.jc-home-p8 .page8_anim .outer .inner{
    display: inline-block;
    margin: 0 auto 40px;
    line-height: 30px;
}
.jc-home-p8 .page8_anim .outer .inner a{
    display: inline-block;
    margin: 0 28px 0 12px;
    vertical-align: middle;
}
.jc-home-p8 h1{
    font-size: 36px;
    font-weight: normal;
}
.jc-home-p8 h3{
    font-size: 18px;
}
/*********** jc-home-p8 end*********/