@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table { margin:0; padding:0; border:0; list-style:none;}
 span, h1, h2, h3, h4, h5, h6, p,  img, dl, dt, dd, ol, ul, li, form { overflow:hidden;}
input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a { text-decoration:none; color: #000000;}
html, body { font-family:"微软雅黑", "宋体";font-size:14px;}
img{boder:none;vertical-align: top;}
a:hover {text-decoration:none; color: #c0010a;}
.smy_ctrl { position:relative; min-height:100px; cursor:move; overflow:hidden;}
html,body,.video-start{
    width: 100%;
    height: 100%;
}
.video-start{
    background: #0e172c;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.video-open{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jump-video{
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    background: rgba(0,0,0,.4);
    position: fixed;
    top: 50px;
    right: 100px;
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;

}
.wrapper-scroll {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.content{
    /*width: 12960px;
    height: 926px;*/
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -463px;
    left: 0;
}

.main3 .nav-hover{
    top: 130px;
    right: 70px;
}
.main3.start .nav-hover,.main4.start .nav-hover,.main5.start .nav-hover{
    -webkit-animation: fadeIn 1s linear 1.5s forwards;
    animation: fadeIn 1s linear 1.5s forwards;
}
.main6.start .nav-hover,.main7.start .nav-hover{
    -webkit-animation: fadeIn 1s linear 2s forwards;
    animation: fadeIn 1s linear 2s forwards;
}
.main8.start .nav-hover{
    -webkit-animation: fadeIn 1s linear 1.6s forwards;
    animation: fadeIn 1s linear 1.6s forwards;
}
.main9.start .nav-hover{
    -webkit-animation: fadeIn 1s linear 2s forwards;
    animation: fadeIn 1s linear 2s forwards;
}
.main4 .nav-hover{
    top: 130px;
    right: 90px;
}
.main5 .nav-hover{
    top: 130px;
    right: 130px;
}
.main6 .nav-hover{
    top: 130px;
    right: 100px;
}
.main7 .nav-hover{
    top: 130px;
    right:60px;
}
.main8 .nav-hover{
    top: 130px;
    right: 0;
}
.main9 .nav-hover{
    top: 130px;
    left: 1720px;
}
.main3.start .nav-hover{
    -webkit-animation: fadeIn 0.5s linear 1s forwards;
    animation: fadeIn 0.5s linear 1s forwards;
}

.wb{ top: 230px; 
	 right: 270px;
    width: 383px;
    height: 491px;
    position: absolute;
    transition: height 1s linear;
    z-index: 99;
    overflow: hidden;
    opacity: 0;
}
.start .wb{
    -webkit-animation: fadeInUpSmall 1.2s ease-in forwards;
    -o-animation: fadeInUpSmall 1.2s ease-in forwards;
    animation: fadeInUpSmall 1.2s ease-in forwards;
}

.nav-hover{
    border-bottom: 2px solid #bd131d;
    background: url("../images/nav_bg.png") center top no-repeat;
    width: 90px;
    height: 108px;
    position: absolute;
    transition: height 1s linear;
    z-index: 99;
    overflow: hidden;
    opacity: 0;
}
.nav-hover .nav-menu{
    opacity: 0;
    transition: all 1s linear;
}
.nav-hover:hover{
    border-bottom: none;
    height: 495px;
}
.nav-hover:hover .nav-menu{
    opacity: 1;
}
.nav-hover img{
    left: 13px;
    position: absolute;
}
.nav-hover img.nav-menu{
    cursor: pointer;
    transition: all .3s linear;
}
.nav-hover img.nav-menu:hover{
    transform: scale(1.2);
}
.nav-hover img.nav-hover0{
    opacity: 1;
    top: 30px;
    z-index: 7;
}
.nav-hover1{
    top: 88px;
    z-index: 6;
}
.nav-hover2{
    top: 143px;
    z-index: 5;
}
.nav-hover3{
    top: 199px;
    z-index: 4;
}
.nav-hover4{
    top: 258px;
    z-index: 3;
}
.nav-hover5{
    top: 314px;
    z-index: 2;
}
.nav-hover6{
    top: 371px;
    z-index: 1;
}
.nav-hover7{
    top: 426px;
    z-index: 0;
}
.scroll-left{
    background: url("../images/sl.jpg");
    width: 779px;
    height: 926px;
}
.scroll-right{ z-index:1;
    background: url("../images/sr.png");
    width: 1347px;
    height: 926px;
    position: absolute;
    right: 13280px;
    top: 0;
}
.scroll-mid{
   width: 107px;
    /*width: 12607px;*/
    height: 926px;
    position: absolute;
    left: 0px;
    top: 0;
}
.section{
    height: 926px;
    position: absolute;
    top: 0;
}
.main1{
    background: url(yy-zmjybj01-20200622.jpg) no-repeat;
    width: 1920px;
    left: 0; background-size: 100% 100%;
}
.main2{
    background: url(yy-zmjybj02-20200622.jpg) no-repeat;
    width: 1920px;
    left: 1920px;background-size: 100% 100%;
}
.main3{
    background: url(yy-zmjybj03-20200622.jpg) no-repeat;
    width: 1920px;
    left: 3840px;
}
.main4{
    background: url(yy-zmjybj04-20200622.jpg) no-repeat;
    width: 1920px;
    left: 5760px;background-size: 100% 100%;
}
.main5{
    background: url(yy-zmjybj05-20200622.jpg) no-repeat;
    width: 1920px;
    left: 7680px;background-size: 100% 100%;
}
.main6{
    background: url(yy-zmjybj06-20200622.jpg) no-repeat;
     width: 1920px;
    left: 9600px;background-size: 100% 100%;
}
.main7{
    background: url(yy-zmjybj07-20200622.jpg) no-repeat;
    width: 1920px;
    left: 11520px;background-size: 100% 100%;
}
.main8{
    background: url(yy-zmjybj08-20200622.jpg) no-repeat;
    width: 1920px;
    left: 13440px;
    background-size: 100% 100%;
}
.main9{
    background: url(yy-zmjybj09-20200622.jpg) no-repeat;
    width: 2640px;
    left: 15360px;
    background-size: 100% 100%;
}


/*1page*/
.main1 img{position: relative;}
.btimg{width:774px;height: auto;overflow: hidden;margin-left: auto;margin-right: auto;margin-top: 90px;}
.btimg img{display:block; width: auto; height: auto; margin-left: auto; margin-right: auto;}
.btimg img.img_02{width: 191px;margin-top: 42px;}

/*2page*/
.yy_dy{width:972px; height:366px; background: url(yy-zmjypng0-20200622_03.png) no-repeat; margin-top: 80px; float: right; margin-right: 25%;}
.yy_dy img{display:block; width: auto; height: auto; margin-left: auto;margin-right: auto; margin-top: 30px;}
.yy_dy p{display:block; width: auto; height: auto; overflow: hidden; color: #fff;}
.yy_dy p span{display:block; width: auto; height: auto; overflow: hidden;padding: 20px 60px; font-size: 16px; line-height: 25px;}

/*3page*/
.sp_wk{width:1157px; height:672px; background: url(yy-zmjypng05-20200622.png) no-repeat; margin-top: 80px;  margin-right: auto; margin-left: auto; overflow: hidden;}
.spzj{width:1057px; height:595px; margin-top: 36px; margin-left: 50px;}

/*4page*/
.page04{width: 1700px;height: auto;overflow: hidden;margin-left: auto;margin-right: auto;margin-top: 80px;}
.page04 ul li{width: 336px; height: 652px; float: left; background: url(yy-zmjypng06-20200622.png) no-repeat; margin-right: 45px;}
.page04 ul li img{width: 323px;height: 577px;margin-left: 7px;margin-top: 4px;}
.page04 ul li p{width: 323px;height: 50px; line-height: 50px; margin-left: 7px;display: block;color: #1dfffd;font-size: 30px;text-align: center;}

.page04 ul li.pg04_2,.page04 ul li.pg04_4{margin-top:70px;}


/*5page*/
.main9-con{ width:1157px; height:672px; background: url(yy-zmjypng05-20200622.png) no-repeat; margin-top: 80px;  margin-right: auto; margin-left: auto; overflow: hidden;}
.tab-con-cloud{width: 934px;height: 599px;float: left;margin-top: 36px;overflow: hidden;margin-left: 50px;}
.cloud1,.cloud2,.cloud3,.cloud4{z-index: 9999;width: 934px;height: 599px;}
.cloud1 img,.cloud2 img,.cloud3 img,.cloud4 img{width: 934px;height: 599px;}

.tab-nav-cloud{width:122px;height:150px;float: right;margin-right: 50px;margin-top: 36px;}
.tab-nav-cloud li{cursor: pointer;width:120px;height:148px;border: 1px solid #08203c; position: absolute;}
.tab-nav-cloud li.cur{border: 1px solid #fff;}
.tab-nav-cloud li img{width:120px;height:148px;}
.tab-nav-cloud li.nav2{top: 0px;}
.tab-nav-cloud li.nav2{top: 186px;}
.tab-nav-cloud li.nav3{top: 336px;}
.tab-nav-cloud li.nav4{top: 486px;}

/* 焦点图效果 */
.picBtnTop{ width:1157px; height:672px; background: url(yy-zmjypng05-20200622.png) no-repeat; margin-top: 80px;  margin-right: auto; margin-left: auto; overflow: hidden;}
.picBtnTop .hd{width:122px;height:auto;overflow:hidden;float: right; margin-top: 36px; margin-right: 50px;}
.picBtnTop .hd ul{width:122px;height:auto;}
.picBtnTop .hd ul li{cursor: pointer;width:120px;height:148px;border: 1px solid #08203c;}
.picBtnTop .hd ul li img{ width:120px;height:148px;}
.picBtnTop .hd ul li.on{border: 1px solid #2ac4e8;}


.picBtnTop .bd{width: 934px;height: 599px;float: left;margin-top: 36px;overflow: hidden;margin-left: 50px;}
.picBtnTop .bd ul{width: 934px;height: 599px;}
.picBtnTop .bd li{width: 934px;height: 599px;}
.picBtnTop .bd li a{display:block; width: auto; height: auto; overflow: hidden; float: left;}




/*6page*/
.page6{width:1200px; height:680px; background: url(yy-zmjypng04-20200622.png) no-repeat; margin-top: 80px;  margin-right: auto; margin-left: auto; overflow: hidden; background-size: 100% 100%; padding-top: 90px;}
/****************图片轮播****************/
.part3{height:452px;width:542px;overflow: hidden;float: left;margin-left: 50px;}
.part3-L{height:452px;width:542px;overflow:hidden;position:relative;}

.part3-L .hd{width: 542px !important;height:15px;overflow:hidden;z-index:1;position: absolute;top: 305px;text-align: center;float: right;}
.part3-L .hd ul{width: 55px;height:15px;overflow:hidden;zoom:1;right: 10px;position: absolute;}
.part3-L .hd ul li{float: left;margin-right:8px;width:8px;height:8px;background:#fff;cursor:pointer;border-radius: 50%;}
.part3-L .hd ul li.on{background:#e60216;}

.part3-L .bd ul{height:452px;width:542px;}
.part3-L .bd{ position:relative; height:100%; z-index:0;   }
.part3-L .bd li{zoom:1;vertical-align:middle;position: relative;height: 453px;width:542px;float: left;}

.part3-L .bd img{height:327px;width:532px;display:block;object-fit: cover;transform: scale(1);animation: slowMotion 20s infinite ease-in-out; border: 5px solid #fff;}
.part3-L .bd .txt{position: absolute;bottom: 0px;left: 0;z-index: 1;width:532px;height:115px;left: 5px; overflow: hidden;}
.part3-L .bd .txt p{ padding: 0px 10px; text-align: left;}
.part3-L .bd .txt p b{display:block;font-size: 16px;line-height: 35px; height: 35px; overflow: hidden; font-weight:normal; color: #fad6af;}
.part3-L .bd .txt p span{display:block; font-size: 13px; line-height:20px; color: #fff; height: 80px; overflow: hidden;}


.part3-L .prev,
.part3-L .next{position:absolute;left: 10px;top:50%;margin-top: -78px;display:block;width:18px;height:32px;cursor: pointer;opacity: 0.3;}
.part3-L .prev{background: url(prevyy.png) no-repeat;}
.part3-L .next{ left:auto; right:10px; background: url(nextyy.png) no-repeat; }

.part3-L .prevStop{ display:none;  }
.part3-L .nextStop{ display:none;  }

.part3-L .prev:hover{opacity: 1;}
.part3-L .next:hover{opacity: 1;}

.part3 li:hover .part3-L .next{opacity:0.5;}
.part3 li:hover .part3-L .prev{opacity:0.5;}


/*right*/
.page3-r{width:520px; height: auto; float: right; margin-right: 50px;}

/*1*/
.p3r1{width:520px; height: auto;overflow: hidden;}
.p3r1 h2{width:520px;height: 30px;overflow: hidden;font-size: 22px;color: #fad6af;text-align: left;margin-bottom: 10px;}
.p3r1 p{width:520px;height: 65px;overflow: hidden;font-size: 14px;line-height: 28px;color: #fff;text-align: left;display: block;border-bottom: 1px dashed #000000;}


/*2*/
.p3r2{width:520px; height: 138px;overflow: hidden; margin-top: 20px;}
.p3r2 ul{width:620px; height: auto;overflow: hidden;}
.p3r2 ul li{width:150px;height: auto;overflow: hidden;float: left;margin-right: 35px;}
.p3r2 ul li img{width:150px; height:88px;}
.p3r2 ul li p{width:150px; height:40px;font-size: 14px; line-height: 20px; overflow: hidden; margin-top: 10px; text-align: left; color: #fad6af;}


/*3*/
.p3r3{width:520px;height: auto;overflow: hidden;margin-top: 20px;}
.p3r3 ul{width:520px; height: auto;overflow: hidden;}
.p3r3 ul li{width:500px;height:28px;line-height: 28px;font-size: 14px;overflow: hidden;text-align: left;background:url(yy-imgdd-2020513.jpg) no-repeat center left;text-indent: 19px; color: #fff; margin-bottom: 2px;}
.p3r3 ul li a{color: #fff;}



/*07page*/
.page07{width:1920px; height: 926px;overflow:hidden; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; }
.page07 ul li{position:absolute;bottom: 0px; float: left; width: auto; height: 926px; overflow: hidden;}
.page07 ul li img{display:block;width: 90%;height: auto;position: absolute;bottom: 0px;}
.page07 ul li sup{display:block; width: 50px; height: 191px;position: absolute; top: 10px; }
.page07 ul li sup img{width: 50px; height: 191px;}

.page07 ul li.pgimg01{left: 0px; width: 840px;}
.page07 ul li.pgimg01 sup{right: 276px;top: 205px;}

.page07 ul li.pgimg02{left: 515px;z-index: 1;width: 660px;}
.page07 ul li.pgimg02 sup{right: 219px;top: 97px;}

.page07 ul li.pgimg03{right: 399px;z-index: 4;width: 592px;}
.page07 ul li.pgimg03 sup{right: 51px;top: 219px;}

.page07 ul li.pgimg04{right: 0px;z-index: 3;width:793px;}
.page07 ul li.pgimg04 sup{right: 90px;top: 305px;}
.page07 ul li.pgimg04 img{right: 0px;}


/*08page*/
.page08{width: 1500px;height: auto; overflow: hidden; margin-left: auto; margin-right: auto; margin-top: 80px;}
.page08 ul{float: left;margin-left: 200px;}
.page08 ul li{float:left; position: relative;}
.page08 ul li img{position:absolute;left: 8px;bottom: 53px;}
.page08 ul li.pg8_img1{width: 286px;height: 652px;background: url(yy-3dimg-20200624_03.png) no-repeat;}
.page08 ul li.pg8_img2{width:336px; height: 652px; background: url(yy-3dimg-20200624_05.png) no-repeat; margin:0px 30px; }
.page08 ul li.pg8_img3{width:285px; height: 650px; background: url(yy-3dimg-20200624_08.png) no-repeat;}

.page08 ul li.pg8_img1 img{width:268px;height: 515px;}
.page08 ul li.pg8_img2 img{width: 321px;height: 584px;}
.page08 ul li.pg8_img3 img{width:272px;height: 515px;}


.bt08{width: 86px;height: 331px;float: left;margin-top: 180px;}
.bt08 img{width: 86px;height: 331px;}




.trans{  display:block;transition: all .5s ease;-webkit-transition: all .5s ease; -moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;-webkit-backface-visibility: hidden;}
.trans:hover { display:block; -webkit-backface-visibility: hidden;transform: scale(1.04,1.04);-ms-transform: scale(1.04,1.04);-webkit-transform: scale(1.04,1.04);}

/*09*/
.wbht{width:1010px; height: 830px; margin-left:10%;margin-top: 80px;}




.start .t1{
    -webkit-animation: fadeInLeft 0.3s ease forwards;
    -o-animation: fadeInLeft 0.3s ease  forwards;
    animation: fadeInLeft 0.3s ease  forwards;
}
.start .t2{
    -webkit-animation: fadeInLeft 0.4s ease  forwards;
    -o-animation: fadeInLeft 0.4s ease  forwards;
    animation: fadeInLeft 0.4s ease  forwards;
}
.start .t3{
    -webkit-animation: fadeInLeft 0.5s ease 0.9s forwards;
    -o-animation: fadeInLeft 0.5s ease 0.9s forwards;
    animation: fadeInLeft 0.5s ease 0.9s forwards;
}
.start .t4{
    -webkit-animation: fadeInRight 0.6s ease 1s forwards;
    -o-animation: fadeInRight 0.6s ease 1s forwards;
    animation: fadeInRight 0.6s ease 1s forwards;
}
.start .m3{
    -webkit-animation: fadeIn 0.8s linear 1.2s forwards;
    -o-animation: fadeIn 0.8s linear 1.2s forwards;
    animation: fadeIn 0.8s linear 1.2s forwards;
}
.start .logo{
    -webkit-animation: fadeInUp 0.9s linear .3s forwards;
    -o-animation: fadeInUp 0.9s linear .3s forwards;
    animation: fadeInUp 0.9s linear .3s forwards;
}
.start .m2{
    -webkit-animation: fadeIn 0.2s linear 0.6s forwards;
    -o-animation: fadeIn 0.2s linear 0.6s forwards;
    animation: fadeIn 0.2s linear 0.6s forwards;
}
.start .mouse{
    -webkit-animation: fadeIn 1s linear 1.4s alternate forwards;
    -o-animation: fadeIn 1s linear 1.4s alternate forwards;
    animation: fadeIn 1s linear 1.4s alternate forwards;
}
.start .hh{
    -webkit-animation:zoomInLeft 0.6s ease-in  forwards;
    -o-animation:zoomInLeft 0.6s ease-in  forwards;
    animation:zoomInLeft 0.6s ease-in  forwards;
}
.start .xx{
    -webkit-animation:zoomInRight 0.7s ease-in 1.1s forwards;
    -o-animation:zoomInRight 0.7s ease-in 1.1s forwards;
    animation:zoomInRight 0.7s ease-in 1.1s forwards;
}

.start .n1{
    -webkit-animation: fadeInUp .5s linear forwards;
    animation: fadeInUp .5s linear forwards;
}
.start .n2{
    -webkit-animation: fadeInDown .5s linear .2s forwards;
    animation: fadeInDown .5s linear .2s forwards;
}
.start .n3{
    -webkit-animation: fadeInUp .5s linear .3s forwards;
    animation: fadeInUp .5s linear .3s forwards;
}
.start .n4{
    -webkit-animation: fadeInDown .5s linear .4s forwards;
    animation: fadeInDown .5s linear .4s forwards;
}
.start .n5{
    -webkit-animation: fadeInUp .5s linear .5s forwards;
    animation: fadeInUp .5s linear .5s forwards;
}
.start .n6{
    -webkit-animation: fadeInDown .5s linear .6s forwards;
    animation: fadeInDown .5s linear .6s forwards;
}
.start .n7{
    -webkit-animation: fadeInUp .5s linear .7s forwards;
    animation: fadeInUp .5s linear .7s forwards;
}
.start .heder{
    -webkit-animation: fadeInDown .2s linear forwards;
    animation: fadeInDown .2s linear forwards;
}
.start .x-h1{
    -webkit-animation: fadeInUp 0.1s linear forwards;
    animation: fadeInUp 0.1s linear forwards;
}
.start .x-p{
    -webkit-animation: fadeInDown 0.5s linear forwards;
    animation: fadeInDown 0.5s linear forwards;
}


.start .title{
    -webkit-animation: fadeInDown .2s linear forwards;
    -o-animation: fadeInDown .2s linear forwards;
    animation: fadeInDown .2s linear forwards;
}
.start .main3-con,.start .main4-con,.start .main5-con{
    -webkit-animation: fadeIn 0.5s linear forwards;
    -o-animation: fadeIn 0.5s linear forwards;
    animation: fadeIn 0.5s linear forwards;
}
.start .main3-con-left{
    -webkit-animation: fadeInUpSmall .4s ease .3s forwards;
    -o-animation: fadeInUpSmall .4s ease .3s forwards;
    animation: fadeInUpSmall .4s ease .3s forwards;
}
.start .main3-con-slide{
    -webkit-animation: fadeInRightSmall 1s ease .5s forwards;
    -o-animation: fadeInRightSmall 1s ease .5s forwards;
    animation: fadeInRightSmall 1s ease .5s forwards;
}

.start .header-news{
    -webkit-animation: fadeInUpSmall .4s ease-in forwards;
    -o-animation: fadeInUpSmall .4s ease-in forwards;
    animation: fadeInUpSmall .4s ease-in forwards;
}
.start .news-wrap-left{
    -webkit-animation: fadeInLeftSmall .5s ease-in .4s forwards;
    -o-animation: fadeInLeftSmall .5s ease-in .4s forwards;
    animation: fadeInLeftSmall .5s ease-in .4s forwards;
}
.start .news-wrap-slider{
    -webkit-animation: fadeInRightSmall .5s ease-in .4s forwards;
    -o-animation: fadeInRightSmall .5s ease-in .4s forwards;
    animation: fadeInRightSmall .5s ease-in .4s forwards;
}

.start .djch0{
    -webkit-animation: fadeInRight .2s ease-in .4s forwards;
    -o-animation: fadeInRight .2s ease-in .4s forwards;
    animation: fadeInRight .2s ease-in .4s forwards;
}
.start .djch1{
    -webkit-animation: fadeInRight .3s ease-in .4s forwards;
    -o-animation: fadeInRight .3s ease-in .4s forwards;
    animation: fadeInRight .3s ease-in .4s forwards;
}
.start .djch2{
    -webkit-animation: fadeInRight .4s ease-in .4s forwards;
    -o-animation: fadeInRight .4s ease-in .4s forwards;
    animation: fadeInRight .4s ease-in .4s forwards;
}
.start .zgtp{
    -webkit-animation: fadeInLeft .2s ease-in .4s forwards;
    -o-animation: fadeInLeft .2s ease-in .4s forwards;
    animation: fadeInLeft .2s ease-in .4s forwards;
}

.start .main6-con-wrap{
    -webkit-animation: fadeIn 2s linear forwards;
    -o-animation: fadeIn 2s linear forwards;
    animation: fadeIn 2s linear forwards;
}
.start .hua2{
    -webkit-animation: fadeInLeftSmall .3s ease-in .5s forwards;
    -o-animation: fadeInLeftSmall .3s ease-in .5s forwards;
    animation: fadeInLeftSmall .3s ease-in .5s forwards;
}
.start .hua3{
    -webkit-animation: fadeInRightSmall .4s ease-in .6s forwards;
    -o-animation: fadeInRightSmall .4s ease-in .6s forwards;
    animation: fadeInRightSmall .4s ease-in .6s forwards;
}
.start .hua1{
    -webkit-animation: fadeInLeftSmall .2s ease-in .4s forwards;
    -o-animation: fadeInLeftSmall .2s ease-in .4s forwards;
    animation: fadeInLeftSmall .2s ease-in .4s forwards;
}
.start .hua4{
    -webkit-animation: fadeInRightSmall .5s ease-in .7s forwards;
    -o-animation: fadeInRightSmall .5s ease-in .7s forwards;
    animation: fadeInRightSmall .5s ease-in .7s forwards;
}

.start .board-left{
    -webkit-animation: fadeInUpSmall 0.4s linear forwards;
    -o-animation: fadeInUpSmall 0.4s linear forwards;
    animation: fadeInUpSmall 0.4s linear forwards;
}
.start .board-mid{
    -webkit-animation: fadeInRightSmall 0.5s linear .3s forwards;
    -o-animation: fadeInRightSmall 0.5s linear .3s forwards;
    animation: fadeInRightSmall 0.5s linear .3s forwards;
}
.start .board-right{
    -webkit-animation: fadeInRightSmall 1s linear .6s forwards;
    -o-animation: fadeInRightSmall 1s linear .6s forwards;
    animation: fadeInRightSmall 1s linear .6s forwards;
}

.start .zjg {
    -webkit-animation: fadeInUpSmall 0.2s ease-in forwards;
    -o-animation: fadeInUpSmall 0.2s ease-in forwards;
    animation: fadeInUpSmall 0.2s ease-in forwards;
}
.start .l0 {
    -webkit-animation: zoomIn 0.4s linear .2s forwards;
    -o-animation: zoomIn 0.4s linear .2s forwards;
    animation: zoomIn 0.4s linear .2s forwards;
}
.start .l1 {
    -webkit-animation: zoomIn 0.4s linear .3s forwards;
    -o-animation: zoomIn 0.4s linear .3s forwards;
    animation: zoomIn 0.4s linear .3s forwards;
}
.start .l2 {
    -webkit-animation: zoomIn 0.4s linear .4s forwards;
    -o-animation: zoomIn 0.4s linear .4s forwards;
    animation: zoomIn 0.4s linear .4s forwards;
}
.start .l3 {
    -webkit-animation: zoomIn 0.4s linear .5s forwards;
    -o-animation: zoomIn 0.4s linear .5s forwards;
    animation: zoomIn 0.4s linear .5s forwards;
}
.start .l4 {
    -webkit-animation: zoomIn 0.4s linear .6s forwards;
    -o-animation: zoomIn 0.4s linear .6s forwards;
    animation: zoomIn 0.4s linear .6s forwards;
}
.start .l5 {
    -webkit-animation: zoomIn 0.4s linear .7s forwards;
    -o-animation: zoomIn 0.4s linear .7s forwards;
    animation: zoomIn 0.4s linear .7s forwards;
}
.start .l6 {
    -webkit-animation: zoomIn 0.4s linear .8s forwards;
    -o-animation: zoomIn 0.4s linear .8s forwards;
    animation: zoomIn 0.4s linear .8s forwards;
}
.start .kgyx {
    -webkit-animation: fadeInUpSmall 0.9s ease-in forwards;
    -o-animation: fadeInUpSmall 0.9s ease-in forwards;
    animation: fadeInUpSmall 0.9s ease-in forwards;
}
.start .kgyx1 {
    -webkit-animation: fadeInUpSmall 1s ease-in forwards;
    -o-animation: fadeInUpSmall 1s ease-in forwards;
    animation: fadeInUpSmall 1s ease-in forwards;
}



.start .main9-con{
    -webkit-animation: fadeInUpSmall 0.4s linear forwards;
    -o-animation: fadeInUpSmall 0.4s linear forwards;
    animation: fadeInUpSmall 0.4s linear forwards;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fadeInLeftLittle {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeftLittle {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.5, 0.5, 0.5);
        transform: scale3d(0.5, 0.5, 0.5);
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.5, 0.5, 0.5);
        transform: scale3d(0.5, 0.5, 0.5);
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}