/* css reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,p,blockquote,th,td,i{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,b,i,em,strong,b{font-size:100%; font-style: normal; font-weight: normal;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0;margin:0;}
ol,ul,i,b,strong{list-style:none; font-style: normal;}
caption,th{text-align:left}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a:focus {outline-style:none; -moz-outline-style: none;}
a,a:hover,a:visited {text-decoration:none;color:#fff;}
a:hover, i.prev:hover,i.next:hover, .v-in:hover, .voice:hover, .tab-tit li:hover img  { filter: brightness(110%); -webkit-filter :brightness(110%); }
.pr { position: relative} .pa { position: absolute;}
.hid {display:none;font-size:0;line-height:0;}
.c:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.c{*zoom:1;}

*{outline:none;}
/* ²¼¾ÖÔªËØ */
body {font:normal 14px/1.6em Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:#595959; overflow-x: hidden;background: #000}
.wrap { width:100%; min-width:1190px; _width:1190px; font-family: Microsoft YaHei,OpenSans,sans-serif; overflow: hidden;}
.header {position:relative;width:100%;z-index:10;}
.center {position:relative;width:1000px;margin:0 auto;}
.fl {float:left;display:inline;} .fr {float:right;display:inline;}
/*footer*/
#footer_ied{min-width:1000px; text-align:center; font-size:12px; line-height:19px; color:#fff;background: #000;}
#footer_ied a{color:#fff;}
.wrap_ied{ margin:0 auto; padding:0 0 30px; width:1000px;}
#footer_ied p.e{ margin-top:-4px; font-size:10px;}
.copy-right { background: #000; text-align: center; padding-top: 30px;}
/*loading*/
.loading {  z-index: 10001; position: fixed;  left: 0; top: 0; width: 100%;  height: 100%; background: #fff; overflow: hidden;  }
.loading-box{ position: relative;  left: 1%; margin-top: -160px;  position: absolute;  top: 50%; width: 98%; }
.loading-box .text { color: #00d8ff; font-size: 14px; letter-spacing: 1px; line-height: 24px; }
.loading-box .num {  background: #00d8ff;display: block; height: 2px; margin:0; }
.loadedpic { display: none;}
/*comons*/
.banner .bg1 { height: 331px; background: url(b_b1.jpg) center no-repeat;}
.banner .bg2 { height: 331px; background: url(b_b2.jpg) center no-repeat;}
.banner .bg3 { height: 331px; background: url(b_b3.jpg) center no-repeat;}
.b-sp { width: 1563px; height: 1044px; background: url(b_sp.png) no-repeat;}
.b-role { width: 1399px; height: 1448px; background: url(b_role.png) no-repeat;}
.b-t { width: 338px; height: 401px; background: url(b_t.png) no-repeat;}
.b-ft { width: 311px; height: 244px; background: url(b_ft.png) no-repeat;}
.con1 { height: 996px; background: url(c1_bg.jpg) center no-repeat; }
.con2 { height: 991px; background: url(c2_bg.jpg) center no-repeat;}
.btn-yy, .v-out, .v-in, i.prev, i.next, i.music, .dot{ background: url(com.png) left top no-repeat}
.btn-yy { width: 378px; height: 191px;}
.v-out { width: 124px; height: 124px; background-position:0 -211px; z-index:3; position:relative;}
.v-in { width: 102px; height:118px; background-position: -124px -203px; }
i.prev { width: 50px; height: 74px; background-position: 0 -363px;}
i.next { width: 50px; height: 74px; background-position: -50px -363px;}
i.music { width:30px; height: 30px; background-position: -125px -455px; }
i.bg-music {  width: 54px; height:55px; background:url(music.png); cursor: pointer; transition: .2s background-position ease-in-out;  -webkit-transition: .2s background-position ease-in-out;}
i.bg-music.play { background-position: -59px 0;}
i.bg-music:hover { background-position: -59px 0; }
.dot { width: 16px; height: 16px; background-position: 0 -457px;}
.dot.on { background-position: -26px -457px;}
.c1-dot { width: 1795px; height: 819px; background: url(c1_dot.png) no-repeat;display: none;}
.dot1, .dot2, .dot3, .dot4, .dot5  { position: absolute; background: url(dot.png) left top no-repeat;}
.dot1 { width: 90px; height: 84px; background-position:0 0 ;}
.dot2 { width: 95px; height: 102px; background-position:0 -90px;}
.dot3 { width: 90px; height: 110px; background-position:0 -186px ;}
.dot4 { width: 69px; height:75px; background-position:0 -296px ;}
.dot5 { width: 57px; height: 51px; background-position:0 -371px ;}

.c1-circle { width: 620px; height: 622px; background:url(c1_circle.png) no-repeat;}
.c1-circle2 { width: 620px; height: 622px; background:url(c1_circle2.png) no-repeat;}
.con1 .tab-con li.l1 { background: url(c1_c_bg1.png);}
.con1 .tab-con li.l2 { background: url(c1_c_bg2.png);}
.con1 .tab-con li.l3 { background: url(c1_c_bg3.png);}
.con1 .tab-con li.l4 { background: url(c1_c_bg4.png);}
.con1 .tab-con li .info { background:url(c_t_bg.png) top no-repeat;}
.con1 .tab-con li.l1 .info { background-position: 0 0;}
.con1 .tab-con li.l2 .info { background-position: 0 -214px;}
.con1 .tab-con li.l3 .info { background-position: 0 -214px;}
.con1 .tab-con li.l4 .info { background-position: 0 -436px}

/*sidenav*/
.side-nav a, .side-nav .s1 p, .side-nav .s2 p, .side-nav .load i { background: url(side_nav.png) top left no-repeat;}
.side-nav a { display: block; text-indent: -9999em; }
.side-nav { z-index: 8001; position: fixed; top:50%; left: 50px; width: 116px; height: 634px;margin-top:-309px;}
.side-nav .list-b a { display: block; width: 115px; transition: .2s background-position ease-in-out;  -webkit-transition: .2s background-position ease-in-out; }
.side-nav a.b1 { height: 122px;}
.side-nav a.b2 { height: 102px; background-position:0 -131px;}
.side-nav a.b3 { height: 110px; background-position:0 -233px;}
.side-nav a.b4 { height: 114px; background-position:0 -356px;}
.side-nav a.b5 { height: 120px; background-position:0 -645px;}
.side-nav a.b1:hover, .side-nav .on a.b1 {  background-position: -117px 0; }
.side-nav a.b2:hover, .side-nav .on a.b2 {  background-position: -117px -131px;}
.side-nav a.b3:hover, .side-nav .on a.b3 {  background-position: -117px -233px;}
.side-nav a.b4:hover, .side-nav .on a.b4 {  background-position: -117px -356px;}
.side-nav a.b5:hover, .side-nav .on a.b5 {  background-position: -117px -645px;}
.side-nav .list-s { margin-top: 6px;height: 126px; }
.side-nav .list-s li { float: left; width: 57px; }
.side-nav .list-s a { width: 57px; height: 60px; }
.side-nav .s1 { z-index: 2; background-position: 0 -473px;}
.side-nav .s2 { z-index: 1; background-position: -57px -473px;}
.side-nav .s3 { background-position: 0 -533px;}
.side-nav .s4 { background-position: -57px -533px;}
.side-nav .s1:hover { background-position: -117px -473px;}
.side-nav .s2:hover { background-position: -174px -473px;}
.side-nav .s3:hover { background-position: -117px -533px;}
.side-nav .s4:hover { background-position: -174px -533px;}
.side-nav .load { margin: 1px auto 0; width: 89px; height: 30px; background-position:-10px -604px; text-indent: 16px; font-size: 15px; font-weight: bold; color: #17cdf4; line-height: 30px;}
.side-nav .load:hover { background-position: -127px -604px; color: #740026;}
.side-nav .s1 p { display: none; z-index: 3; top: -18px; left: 52px; width: 149px; height: 137px; background-position: -264px -184px; }
.side-nav .s2 p { display: none; z-index: 3; top: 10px; left: 47px;; width: 149px; height: 60px; background-position: -264px -340px;}
.side-nav .s2 p span { display: block; padding: 5px 0 0 12px; text-indent: 0; font-size: 16px; line-height: 24px; color: #088597;}
.side-nav .load i { display: none;  bottom:0; left: 115px; width: 149px; height: 156px; background-position: -264px 0;}

/*banner*/
.banner { width: 100%; height:993px; overflow: hidden; }
.banner .bg { top:0; left: 50%; margin-left: -960px; width: 1920px; height: 993px;}
.banner .bg1, .banner .bg2, .banner .bg3 { z-index: 0;}
.banner .b-sp { z-index: 1; right: 10px; top:10px;}
.banner .b-ft { left: 208px; top:90px;}
.banner .b-role { right: 0; top: -42px; }
.banner .b-t { left: 551px; top:166px;}
.banner .b-box { z-index: 5; top:0; left: 0; width: 100%;}
.banner .top-right {  right: 60px; top:20px; width: 600px; }
.banner .top-right i.bg-music { position: relative; top:-10px;}
.banner .top-right .home { width: 81px; height: 28px;  color: #fff; text-align: center; line-height: 28px; background: #4fccda; border-radius: 8px;}
.banner .login { width: 400px; text-align: right; line-height: 32px; color: #61f4ff; position: relative;padding-right:120px;margin:3px 10px 0 0;}
.banner .login a {  color: #61f4ff; }
.banner .login a.login-home{ width:110px;height:32px;line-height:32px;text-align:center;background:#61f4ff;font-size:18px;color:#281b54;border-radius:999px;position:absolute;right:0;top:0;}
.banner .logo { left:50%; margin-left: -500px; top:35px; width:360px; height: 90px; }
.banner .logo a { height: 75px; text-indent: -9999em; background: url(logo.png);}
.banner a.logo1 { width: 177px; margin-right: 5px;}
.banner a.logo2 { width: 170px; background-position: -186px 0;}
.banner .vedio { left: 50%; top:584px; margin-left: -62px;}
.banner .vedio .v-in { left: 10px; top: 5px;}
.banner .yuyue { left: 50%; top:730px; margin-left: -189px;}
.banner .btn-yy { display: block; font-size: 36px; line-height: 200px; font-weight: bold; text-align: center;}
.banner .yuyue p { text-align: center; font-size: 20px; color: #fff; line-height: 3em;}
/* news */
.news{height:415px;background:url(news.jpg) no-repeat top;}
.news .news-mid{width:1000px;margin:0 auto;overflow:hidden;}
.news .news-img{width:456px;height:252px;overflow:hidden;margin:106px 0 0 10px;float:left;position:relative;}
.news .news-slid{height: 252px;overflow: hidden;position: absolute;}
.news .news-slid li{width:456px;height:252px;overflow:hidden;float: left;}
.news .news-rad{width:100%;text-align:center;position:absolute;bottom:15px;}
.news .news-rad span{width:11px;height:11px;background:#fff;border-radius:50%;display:inline-block; cursor:pointer;margin:0 5px;}
.news .news-rad span.curr{background:#ffd516;}
.news .news-list{width:462px;margin:105px 33px 0 0 ;float:right;position:relative;}
.news .news-more{position:absolute;top:14px;right:0;}
.news .news-more:hover{ text-decoration:underline; }
.news .news-list-nav{height:44px;line-height:44px;border-bottom:1px solid #9ef8ff;overflow:hidden;}
.news .news-list-nav li{float:left;font-size:14px;color:#fff;cursor:pointer;margin:0 17px;}
.news .news-list-nav li.on{height:41px;border-bottom:3px solid #9ef8ff;}
.news .news-list-cont{line-height:34px;color:#03393d;padding-top:10px;}
.news .news-list-cont li{overflow:hidden;height:34px;}
.news .news-list-cont li a{color:#03393d;background:url(news-list-cont.png) no-repeat left;padding-left:10px;float:left;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.news .news-list-cont li a:hover{text-decoration:underline;}
.news .news-list-cont li span{float:right;}
.news .news-page{text-align:center;padding-top:5px;}
.news .news-page a{width:74px;height:43px;line-height:42px;background:url(news-page.png) no-repeat;display:inline-block;line-height:42px;}
/*con1*/
.con1 { width: 100%; overflow: hidden;}
.con1 .bg { top:0; left: 50%; margin-left: -960px; width: 1920px; height:1020px; }
.con1 .c1-dot { right: 20px; top:80px;}
.con1 .c1-circle { right: 30px; top:23px;}
.con1 .c1-circle2 { right: 30px; top:23px;}
.con1 .bg i.i1 { top: 30px; right: 80px;}
.con1 .bg i.i2 { top: 80px; left: 620px;}
.con1 .bg i.i3 { top: 200px; right:20px;}
/*.con1 .bg i.i4 { top: 140px; left: 430px;}
.con1 .bg i.i5 { top: 460px; right: 180px;}
.con1 .bg i.i6 { top: 360px; right: 280px;}*/
.con1 .bg i.i7 { top: 60px;  right: 500px;}
.con1 .bg i.i8 { top: 160px; left:320px;}
.con1 .center { z-index: 1;}
.con1 .tab-con { padding:128px 0 0 70px;  }
.con1 .tab-con li { display: none; position: relative; width: 958px; height: 801px; }
.con1 .tab-con li .role { position: absolute; left: -42px; top:-30px; display: none;}
.con1 .tab-con li.on .role { opacity: 1; display: block }
.con1 .tab-con li .voice { position: absolute; right: 0; top:180px; width:210px; height: 30px; line-height: 30px;  font-size: 23px; color: #ee3973; cursor: pointer;}
.con1 .tab-con li .voice i.music { float: left; margin-right: 10px;}
.con1 .tab-con li .info { position: absolute; right: 0px; bottom: 132px; width: 484px; height: 212px; overflow: hidden;}
.con1 .tab-con li .info p { padding: 40px 30px 0 45px; font-size: 16px; line-height: 1.7em; color: #ffffff;}
.con1 .tab-con li.l2 .info p { padding-top: 48px;}
.con1 .tab-tit { position: relative; top: -60px;}
.con1 .tab-tit li { position: relative; float: left; margin-right: 10px; width: 60px; height: 76px; cursor: pointer; background: url(c1_t_bg2.png);}
.con1 .tab-tit li img { position: absolute; left: 4px; top:15px;  width: 58px; height: 58px;  }
.con1 .tab-tit li.on{ position: relative; top: -9px; width: 77px; height: 98px; background: url(c1_t_bg.png);}
.con1 .tab-tit li.on img { left: 5px; top:19px; width: 75px; height: 75px;}

/*con2*/
.con { width: 100%; overflow: hidden;}
.con2 .bg { top:0; left: 50%; margin-left: -960px; width: 1920px; height:991px;}
.con2 .bg i.i1 { top: 80px; right: 60px;}
.con2 .bg i.i2 { top: 40px; left: 550px;}
.con2 .bg i.i3 { top: 200px; right:60px;}
.con2 .bg i.i4 { top: 160px; left: 440px;}
.con2 .bg i.i5 { top: 280px; left:280px;}
.con2 .bg i.i6 { top: 360px; left: 120px;}
.con2 .center {  padding-top: 295px;}
.con2 .c2-list { position: relative; width: 1000px; }
.con2 .c2-list ul { z-index: 2; position: relative; margin: 0 auto; width: 760px; height: 550px;}
.con2 .c2-list li { z-index: 0; position: absolute; top:0; left: 220px; width: 0; height:0; cursor: pointer;  background: #62a5ee; }
.con2 .c2-list li .pic {  width: 100%; height: 100%;}
.con2 .c2-list li .role { position: absolute; top: 30px;  display: none; z-index: 5; }
.con2 .c2-list li .role1 { left: -340px; }
.con2 .c2-list li .role2 { left: -340px; }
.con2 .c2-list li .role3 { left: -290px;  }
.con2 .c2-list li .role4 { left: -241px; top:-50px;}
.con2 .c2-list li .role5 { left: -280px; top:-50px; }
.con2 .c2-list i.prev { z-index: 10; left: 20px; top:250px; cursor: pointer;}
.con2 .c2-list i.next{  z-index: 10; right: 20px; top:250px; cursor: pointer; }
.con2 .c2-list li.cur .role{ display: block; }
.con2 .list-d { position: relative; z-index: 5; padding-left: 480px; padding-top: 30px;}
.con2 .list-d i { float: left; margin-right: 8px; }

/*pop-yy*/
.pop-yy, .chek_box {  background: url(pop.png) top left no-repeat;}
.pop-yy {  width: 692px; height: 630px;}
.pop-yy i.close { right: 0; top:0; width: 80px; height: 95px; cursor: pointer;}
.pop-yy .box { padding-top: 340px; width: 364px; margin: 0 auto;}
.pop-yy .box-c { width: 364px;}
.pop-yy .check { padding-left: 70px; height: 40px; line-height: 14px; font-size: 20px; color: #ffffff; }
.pop-yy .chek_box { margin-left: 30px; margin-right: 10px; display: inline-block; width: 14px; height: 14px; background-position: 0 -638px;}
.pop-yy .chek_box.on { background-position: -15px -638px;}
.pop-yy .form { height: 138px;}
.pop-yy .form .input1 { top:0px; left: 118px;  }
.pop-yy .form .input1 input { display: inline-block; width: 215px;height: 37px; line-height: 37px; background: no-repeat; border: none; color: #fff; font-size: 16px;}
.pop-yy .form .input2 { top:59px; left: 118px;  color: #88d4df; height: 37px; line-height: 37px; vertical-align: middle; }
.pop-yy .form .input2 input { display: inline-block; width: 106px; height: 37px; line-height: 37px; background: no-repeat; border: none; color: #fff; font-size: 16px; text-align: center;}
.pop-yy .form .input2 a { display:inline-block; width:100px; line-height: 37px; font-size:14px; color: #fff; padding-left: 10px; text-align: center;}
.pop-yy .form .submit { left:79px; top:130px; width: 206px; height: 50px; line-height: 50px; font-size: 28px; color: #ffe8f4; font-weight: bold; text-align: center;}
/*pop-load*/
.pop-load { background: url(pop_load.png) no-repeat; width: 541px; height: 421px;}
.pop-load i.close { right: 0; top:-4px; width: 80px; height: 95px; cursor: pointer;}
.pop-load .box { padding-top: 210px;}
.pop-load .box ul { padding-left:122px;}
.pop-load .box li { float: left; width: 108px; height: 136px;}
.pop-load .box li a { display: block; width: 108px; height: 136px;}
.pop-load .box li a:hover { font-weight: bold;}
.pop-load .box li p { padding-top: 100px; text-align: center; font-size: 18px; color: #97ffff;}
/*pop-video*/
.pop-v { display: none; width: 650px; height: 450px; border: #098597 2px solid; background: #000; }
.pop-v  i.close { right: -50px; top:-2px; width: 50px; height: 50px; cursor: pointer; background: #098597; font-size: 24px; line-height: 50px; text-align: center; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; color: #fff;}
.pop-v .box { width: 650px; height: 450px;}

/* details */
.page-bg{background:url(page-bg.png);color:#808080;}
.page-bg #footer_ied{padding-top:30px;}
.page-bg .side-nav{opacity: 1}
.page-mid{width:1000px;margin:0 auto;}
.page-header{padding-top:465px;background:url(page-header.jpg) no-repeat top;position: relative;}
.page-top{height:30px;line-height:30px;padding:30px 0;color:#808080;font-size:16px;background: #e8e8e8}
.page-top-con{width: 1000px;margin: 0 auto}
.page-top a{color:#eb6086;}
.page-title{font-size:36px;font-weight:bold;color:#eb6086;border-left:5px solid #eb6086;padding-left:17px;display:inline-block;vertical-align:middle;margin:-3px 30px 0 0;}
.news-info{padding: 20px 0 10px;border-bottom: 1px solid #e8e8e8}
.news-info h2{font-size:24px;line-height:40px;padding:13px 0 3px;}
.news-info .page-team{background:url(page-team.png) no-repeat left;padding:0 50px 0 25px;}

.page-cont{padding:35px 0 100px;}
.page-cont p{/*padding-bottom:20px;*/}
.page-b{font-size:16px;font-weight:bold;}
.page-header .logo { right:50%; margin-right: -500px; top:15px; width:360px; height: 90px;opacity: 1}
.page-header .logo a { height: 75px; text-indent: -9999em; background: url(logo.png);}
.page-header a.logo1 { width: 177px; margin-right: 5px;}
.page-header a.logo2 { width: 170px; background-position: -186px 0;}
.page-header .vedio { left: 50%; top:584px; margin-left: -62px;}
.page-header .vedio .v-in { left: 10px; top: 5px;}
.page-header .yuyue { left: 50%; top:730px; margin-left: -189px;}
.page-header .btn-yy { display: block; font-size: 36px; line-height: 200px; font-weight: bold; text-align: center;}
.page-header .yuyue p { text-align: center; font-size: 20px; color: #fff; line-height: 3em;}

.page-mid .news-tab{width: 100%;height: 64px;border-bottom: 1px solid #cecece}
.page-mid .news-tab ul{width: 100%;height: 50px;overflow: hidden;padding-top: 14px;}
.page-mid .news-tab li{width: 120px;height:100%;font-size: 20px;text-align: center;float: left;}
.page-mid .news-tab li a{width: 119px;height:100%;line-height:50px;float: left;color: #828d96}
.page-mid .news-tab li.curr a,.page-mid .news-tab li a:hover{color: #eb6086;font-weight: bold;}
.page-mid .news-tab li span{width: 1px;height: 18px;display: block;overflow: hidden;float: left;background: #cecece;margin-top: 18px}
.page-mid .news-tab li.news-kf{width: 120px}
.page-mid .news-tab li.news-kf a{width: 119px}
.page-mid .news-list{width: 100%;overflow: hidden;padding: 30px 0 60px}
.page-mid .news-list li{width: 100%;height: 47px;border-bottom: 1px dashed #d4d4d4;line-height: 47px;}
.page-mid .news-list li a{width: 100%;height: 47px;display:block;color: #383838;font-size: 16px;overflow: hidden;}
.page-mid .news-list li a .news-type{height: 21px;line-height: 20px;text-align: center;float: left;display: inline-block;background: #656565;color: #fff;overflow: hidden;border-radius: 3px;margin: 13px 8px 0 0;padding: 0 5px}
.page-mid .news-list li a .news-title{font-size: 16px;padding:10px 0;line-height: 25px;float: left;}
.page-mid .news-list li a em{float: right;color: #999}
.page-mid .news-list li a:hover{color: #eb6086}
.page-mid .news-list li a:hover .news-type{background: #eb6086}
.pages{width: 100%;height: 30px;line-height: 30px;padding-bottom: 30px;text-align: center;}
.pages a{margin: 0 15px;line-height: 30px;font-size: 14px;color: #656565;background: #eb6086;color: #fff;border-radius: 5px;display: inline-block;padding: 0 20px}
.pages a:hover{color: #fff}
/*css animate*/
.con2 .c2-list li.cur .role  {  -webkit-animation: slide-in-image 1s 1s; animation: slide-in-image 1s 1s;}
@-webkit-keyframes slide-in-image  {
	0% {  -webkit-transform:translate(0);  }
	50% { -webkit-transform:translate(-20px,-5px);}
	to { -webkit-transform:translate(0); }
}
@keyframes slide-in-image  {
	0% {  transform:translate(0);  }
	50% { transform:translate(-20px,-5px); }
	to { transform:translate(0); }
}
.con1 .tab-con li.on .role {  -webkit-animation: slide-in-image2 .8s; animation: slide-in-image2 .8s; }
@-webkit-keyframes slide-in-image2  {
	0% {  -webkit-transform:translate(0);  opacity: 0.3}
	50% { -webkit-transform:translate(-20px,-5px);  opacity: 0.6}
	to { -webkit-transform:translate(0);  opacity: 1}
}
@keyframes slide-in-image2  {
	0% {  transform:translate(0); opacity: 0.3; }
	50% { transform:translate(-20px,-5px); opacity: 0.6;}
	to { transform:translate(0); opacity: 1;}
}
.con1 .tab-tit li.on img { -webkit-animation: 5s  scale infinite linear;  animation: 5s scale infinite linear;}
@-webkit-keyframes scale{
	0% {  -webkit-transform:rotate(0deg); }
	to { -webkit-transform:rotate(360deg); }
}
@keyframes scale{
	0% {  transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}
.banner .btn-yy:hover {  -webkit-animation: 2s scale2 infinite ease-in-out;  animation: 2s scale2 infinite ease-in-out; }
@-webkit-keyframes scale3{
	0% {  -webkit-transform:scale(1); }
	50% {  -webkit-transform:scale(0.9); }
	to {  -webkit-transform:scale(1); }
}
@keyframes scale2{
	0% {  transform:scale(1); }
	50% { transform:scale(0.9); }
	to { transform:scale(1); }
}
.banner .b-ft { -webkit-animation: 8s scale3 5s infinite;  animation:8s scale3 5s infinite; display: none;}
@-webkit-keyframes scale3{
	0% {  -webkit-:scale(1) translate(0); }
	50% { -webkit-transform:scale(0.95) translate(-16px,-16px);  }
	to {  -webkit-transform:scale(1) translate(0);  }
}
@keyframes scale3{
	0% {  transform:scale(1) translate(0); }
	50% { transform:scale(0.95) translate(-16px,-16px);  }
	to { transform:scale(1) translate(0);  }
}
.v-out { -webkit-animation: 3s rotate  infinite;  animation: 3s rotate infinite; -webkit-transform-origin: center center;  transform-origin: center center;}
.c1-circle { -webkit-animation: 60s rotate  infinite;  animation: 60s rotate infinite; -webkit-transform-origin: center center;  transform-origin: center center;}
@-webkit-keyframes rotate{
	0% {  -webkit-transform:rotate(0deg); }
	100% {  -webkit-transform:rotate(-360deg); }
}
@keyframes rotate{
	0% { transform:rotate(0deg); }
	100% {  transform:rotate(-360deg); }
}
.c1-circle2 { -webkit-animation: 30s rotate-in  infinite;  animation: 30s rotate-in infinite; -webkit-transform-origin: center center;  transform-origin: center center;}
@-webkit-keyframes rotate-in{
	0% {  -webkit-transform:rotate(10deg); }
	100% {  -webkit-transform:rotate(360deg); }
}
@keyframes rotate-in{
	0% {  transform:rotate(10deg); }
	100% {  transform:rotate(360deg); }
}

.con1 .bg i.i7  { -webkit-animation: 3s rotate2  infinite;  animation: 3s rotate2 infinite; -webkit-transform-origin: center center;  transform-origin: center center; }
.con1 .bg i.i8 { -webkit-animation: 3s rotate2 .8s infinite;  animation: 3s rotate2 .8s infinite;  -webkit-transform-origin: center center;  transform-origin: center center;}
@-webkit-keyframes rotate2{
	0% {  -webkit-transform:rotate(-20deg); }
	50% { -webkit-transform:rotate(20deg); }
	to {  -webkit-transform:rotate(-20deg); }
}
@keyframes rotate2{
	0% {  transform:rotate(-20deg); }
	50% {  transform:rotate(20deg); }
	to {  transform:rotate(-20deg); }
}

/*½¥Èë*/
.logo, .b-role, .b-sp, .b-t, .banner .vedio, .banner .yuyue, .side-nav { opacity:0; filter:alpha(opacity=0);  }
.on .fadeIn {  -webkit-animation: fadeIn .5s linear forwards;  animation: fadeIn .5s linear forwards; }
@-webkit-keyframes fadeIn {
	0% {	opacity:0; filter:alpha(opacity=0); }
	100% {	opacity:1; filter:alpha(opacity=1);	}
}
@keyframes fadeIn {
	0% {	opacity:0; filter:alpha(opacity=0); }
	100% {	opacity:1; filter:alpha(opacity=1);	}
}
.on .delay300 { -webkit-animation-delay: .3s;  animation-delay: .3s }
.on .delay400 { -webkit-animation-delay: .4s;  animation-delay: .4s }
.on .delay600 { -webkit-animation-delay: .6s;  animation-delay: .6s }
.on .delay800 { -webkit-animation-delay: .8s;  animation-delay: .8s }
.on .delay1000 { -webkit-animation-delay: 1s;  animation-delay: 1s }
.on .delay1200 { -webkit-animation-delay: 1.2s;  animation-delay: 1.2s }
.on .delay1400 { -webkit-animation-delay: 1.4s;  animation-delay: 1.4s }
.on .delay1600 { -webkit-animation-delay: 1.6s;  animation-delay: 1.6s }
.on .delay1800 { -webkit-animation-delay: 1.8s;  animation-delay: 1.8s }
.on .delay2000 { -webkit-animation-delay: 2s;  animation-delay: 2s }
.on .delay2400 { -webkit-animation-delay: 2.4s;  animation-delay: 2.8s }
.on .delay2800 { -webkit-animation-delay: 2.8s;  animation-delay: 2.4s }
.on .delay3200 { -webkit-animation-delay: 3.2s;  animation-delay: 3.2s }
.on .delay3600 { -webkit-animation-delay: 3.6s;  animation-delay: 3.6s }
.on .delay4000 { -webkit-animation-delay: 4s;  animation-delay: 4s }

/*×°Êε㶯»­*/
.sy1{ animation: sy1 3s linear infinite both; -webkit-animation: sy1 3s linear infinite both;}
@keyframes sy1 {
	0%{ transform: translate(-100px,-150px);}
	100%{ transform: translate(60px,176px);}
}
@-webkit-keyframes sy1 {
	0%{ -webkit-transform: translate(-650px,-200px) rotate(270deg); opacity: 0.2;}
	100%{ -webkit-transform: translate(1252px,176px) rotate(0deg); opacity: 0;}
}
.sy3{ animation: sy3 6s linear infinite both; -webkit-animation: sy3 6s linear infinite both;}
@keyframes sy3 {
	0%{ transform: translate(-650px,-800px) rotate(270deg); opacity: 1;}
	100%{ transform: translate(1252px,176px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes sy3 {
	0%{ -webkit-transform: translate(-650px,-200px) rotate(270deg); opacity: 1;}
	100%{ -webkit-transform: translate(1252px,176px) rotate(0deg); opacity: 1;}
}
.sy4{ animation: sy4 6s linear infinite both; -webkit-animation: sy4 6s linear infinite both;}
@keyframes sy4 {
	0%{ transform: translate(-650px,-800px) rotate(270deg);}
	100%{ transform: translate(1252px,176px) rotate(0deg);}
}
@-webkit-keyframes sy4 {
	0%{ -webkit-transform: translate(-650px,-200px) rotate(270deg);}
	100%{ -webkit-transform: translate(1252px,176px) rotate(0deg);}
}
.sy4{ animation: sy4 6s linear infinite both; -webkit-animation: sy4 6s linear infinite both;}
@keyframes sy4 {
	0%{ transform: translate(-650px,-800px) rotate(270deg);}
	100%{ transform: translate(1252px,176px) rotate(0deg);}
}
@-webkit-keyframes sy4 {
	0%{ -webkit-transform: translate(-650px,-200px) rotate(270deg);}
	100%{ -webkit-transform: translate(1252px,176px) rotate(0deg);}
}
.sy5{ animation: sy5 6s linear infinite both; -webkit-animation: sy5 6s linear infinite both;}
@keyframes sy5 {
	0%{ transform: translate(-650px,-800px) rotate(270deg);}
	100%{ transform: translate(1252px,176px) rotate(0deg);}
}
@-webkit-keyframes sy5 {
	0%{ -webkit-transform: translate(-650px,-200px) rotate(270deg);}
	100%{ -webkit-transform: translate(1252px,176px) rotate(0deg);}
}
.sy6 { animation: sy6 2s linear infinite both; -webkit-animation: sy6 2s linear infinite both;}
@keyframes sy6 {
	0%{ transform: translate(-350px,-350px); opacity: 0;}
	100%{ transform: translate(0px,0px); opacity: 1;}
}
@-webkit-keyframes sy6 {
	0%{ -webkit-transform: translate(-350px,-350px); opacity: 0;}
	100%{ -webkit-transform: translate(0px,0px); opacity: 1;}
}
.sy6 { animation: sy6 2s linear infinite both; -webkit-animation: sy6 2s linear infinite both;}
@keyframes sy6 {
	0%{ transform: translate(-350px,-350px); opacity: 0;}
	100%{ transform: translate(0px,0px); opacity: 1;}
}
@-webkit-keyframes sy6 {
	0%{ -webkit-transform: translate(-350px,-350px); opacity: 0;}
	100%{ -webkit-transform: translate(0px,0px); opacity: 1;}
}
.sy7 { animation: sy7 2s linear infinite both; -webkit-animation: sy7 2s linear infinite both;}
@keyframes sy7 {
	0%{ transform: translate(-125px,-400px); opacity: 0;}
	100%{ transform: translate(400px,800px); opacity: 1;}
}
@-webkit-keyframes sy7 {
	0%{ -webkit-transform: translate(6000px,800px); opacity: 0;}
	100%{ -webkit-transform: translate(-250px,-350px); opacity: 1;}
}


.foot{width: 100%;background: #000!important;color: #ffffff!important}
.foot_lefts{display: none!important}
.foot_links{width: 100%!important;text-align: center!important;color: #fff!important}
.foot_links a{color: #fff!important}