.infor .btn_main,.infor .icon,.infor .btn_apply,.infor .btn_pc,.infor .btn_ios,.infor .btn_android,.infor .wechat,.infor .share,.gift a span,.role ul li p,/*.official a,.official span,.official a ins,.official b,*/.infor .share dd a,.infor .share dd span ins,.btn_video b,.btn_video span,.btn_video ins,.pop_gift .close,.pop_gift .btn_left,.pop_gift .btn_right{ background-image:url(../images/index_sprite.png);background-repeat:no-repeat;}
/*.btn_video b,.btn_video span,.btn_video ins{background:url(../images/video_sprite.png) no-repeat;}*/
html,body{overflow-x: hidden;}
.box{ position:relative; background-repeat:no-repeat; background-position:center top; }
.wrap{ background-repeat:no-repeat; }
/*http://i1.cy.com/djdsz/main/20180309*/
.box_01{ background-image:url(../images/index_box_01.jpg); }
.box_01 .wrap{ height:942px; background-image:url(../images/index_wrap_01.jpg); }
.box_02{ background-image:url(../images/index_box_02.jpg); }
.box_02 .wrap{ height:880px; background-image:url(../images/index_wrap_02.jpg); }
.box_03{ background-image:url(../images/index_box_03.jpg); }
.box_03 .wrap{ height:574px; background-image:url(../images/index_wrap_03.jpg); }
.box_04{ background-image:url(../images/index_box_04.jpg); }
.box_04 .wrap{ height:779px; background-image:url(../images/index_wrap_04.jpg); }
.box_05 { background:#fff;}
.box_06{ background-image:url(../images/index_box_06.jpg); }
.box_06 .wrap{ height:880px; background-image:url(../images/index_wrap_06.jpg); }

.people_big{ position:absolute; left:186px; top:-13px; -webkit-animation:fadeInFromBottom 0.6s ease-in-out 0s both; animation:fadeInFromBottom 0.6s ease-in-out 0s both; }
.shadow{ position:absolute; left:63px; top:247px;}
.slogan{ position:absolute; left:194px; bottom:241px; -webkit-animation:fadeInFromTop 0.6s ease-in-out 0s both; animation:fadeInFromTop 0.6s ease-in-out 0s both; }
.txt_left{ position:absolute; right:700px; bottom:219px;  -webkit-animation:fadeInFromLeft 0.6s ease-in-out 0s both; animation:fadeInFromLeft 0.6s ease-in-out 0s both;}
.txt_right{ position:absolute; right:298px; bottom:221px; -webkit-animation:fadeInFromRight 0.6s ease-in-out 0s both; animation:fadeInFromRight 0.6s ease-in-out 0s both; }
.people_small{ position:absolute; left:505px; bottom:78px;-webkit-animation:zoomInY 0.6s linear 0s both; animation:zoomInY 0.6s linear 0s both; }
/*.btn_video{position:absolute; left:50%; top:224px; margin-left:262px; width:85px;-webkit-animation:zoomIn 1s ease-in-out 0s 1 both;animation:zoomIn 1s ease-in-out 0s 1 both }
.btn_video b{ display:block; height:85px;-webkit-animation:rotate360 3s linear 0s both infinite; animation:rotate360 3s linear 0s both infinite;}
.btn_video span{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); background-position:0 -1090px; }
.btn_video:hover span{-webkit-animation:btn_video 1.2s linear 0s 1 both;animation:btn_video 1.2s linear 0s 1 both;  }
.btn_video ins{ position:absolute; left:34px; top:50%; margin-top:-15px; width:27px; height:32px;background-position:-143px -27px;}*/

.btn_video0{width: 119px; height: 110px; position: absolute; left: 50%; top: 224px; margin-left:85px;animation-delay: 2.5s;-webkit-animation-delay: 2.5s;}
.btn_video0 .video_06{ position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); }
.btn_video0:hover .video_06{ -webkit-animation:scalebig 1s linear 0s both;animation:scalebig 1s linear 0s both; }
@-webkit-keyframes scalebig{
	from{ opacity:1; }
	to{-webkit-transform:scale(1.4); opacity:0; }
}
@keyframes scalebig{
	from{ opacity:1; }
	to{transform:scale(1.4); opacity:0; }
}	

.infor{ position:absolute; right:0; top:0; width:166px; height:731px; background:url(../images/infor.png) no-repeat; color:#ffffff;  -webkit-animation:fadeInFromTop 0.6s ease-in-out 0s both; animation:fadeInFromTop 0.6s ease-in-out 0s both;}
.infor .btn_main{ display:block; height:80px; background-position:0 0; }
.infor .btn_main:hover{ background-position:0 -1250px; }
.infor .icon{ margin-top:32px; height:137px; background-position:0 -119px; }
.infor .btn_apply{ display:block; margin:9px auto 0px auto; width:133px; height:51px; background-position:0 -1470px; }
.infor .btn_apply:hover{ background-position:0 -1530px; }
.infor .btn_ios{ display:block; width:133px; height:44px;margin:10px auto 0px auto; background-position:-17px -265px; }
.infor .btn_ios:hover{ background-position:0 -1360px; }
.infor .btn_android{ display:block;width:133px; height:44px;margin:7px auto 0px auto; background-position:-17px -322px; }
.infor .btn_android:hover{ background-position:0 -1417px; }
.infor .btn_pc{ display:block;width:133px; height:44px;margin:7px auto 0px auto; background-position:0 -1590px; }
.infor .btn_pc:hover{ background-position:0 -1640px; }
.infor .wechat{ margin-top:10px; text-align:center; background-position:0 -382px; }
.infor .wechat dt img{ padding-top:7px; width:120px; height:120px; }
.infor .wechat dd{ padding-top:13px; font-size:16px; }
.infor .share{ position:relative;  margin-top:6px; height:68px; background-position:0 -563px; }
.infor .share dt { padding-left:58px; height:28px; }
.infor .share dd { position:relative; padding-left:13px; font-size:0;  }
.infor .share dd a{ position:relative; z-index:1;display:inline-block; vertical-align:top; width:27px; height:27px; margin-left:16px; -webkit-transition:all 0.8s ease-in-out 0s; transition:all 0.8s ease-in-out 0s;  }
.infor .share dd a:hover{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
.infor .share dd a.share_01{ background-position:-29px -1050px;  }
.infor .share dd a.share_02{ background-position:-70px -1050px;  }
.infor .share dd a.share_03{ background-position:-112px -1050px;  }
.infor .share dd span{ display:none; position:absolute; left:10px; top:20px; width:150px; padding:10px 0px 8px 0px; background:#ac8e4f; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;  }
.infor .share dd span ins{ position:absolute; left:25px; top:-13px; width:15px; height:13px; background-position:0 -761px; }
.infor .share dd span img{ display:block; width:126px; height:126px; margin:0 auto; }
.infor .share dd span strong{ display:block; font-size:14px; color:#ffffff; padding:8px 8px 0px 10px; }

.box_02 h2{ height:157px; text-indent:-9999px; background:url(../images/title_box02.png) no-repeat center center; }

/*.gift { position:relative; width:1200px; margin:0 -5px; padding:16px 5px; text-align:center;background:url(../images/border_gift.png) no-repeat;}
.gift a{ position:relative; display:inline-block; width:378px; height:298px; overflow:hidden; margin:0 5px 7px 4px; padding:1px; background:url(../images/border_00.png) no-repeat; }
.gift a.gift_01{ background-image:url(../images/border_01.png); }
.gift a.gift_03{ background-image:url(../images/border_03.png); }
.gift a.gift_04{ background-image:url(../images/border_04.png); }
.gift a.gift_05{ background-image:url(../images/border_06.png); }
.gift a .pic{ width:100%; height:100%; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;  }
.gift a:hover .pic{ transform:scale(1.1); transform:scale(1.1); }
.gift a .txt{ position:absolute; left:21px; bottom:45px; width:30px; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s; }
.gift a:hover .txt{ -webkit-transform:translateY(15px); transform:translateY(15px); }
.gift a span{ position:absolute; left:58px; bottom:45px; width:22px; height:66px; line-height:1; padding:10px 5px 0 5px; background-position:0 -640px; color:#ffffff; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;  }
.gift a:hover span{ -webkit-transform:translateY(-50px); transform:translateY(-50px); }*/

.box_02_ts .gift { position:relative; width:1200px; padding-top:20px; text-align:center;}
.box_02_ts .gift a{ position:relative; display:inline-block; width:282px; height:556px; overflow:hidden;background:url(../images/border_00.png) no-repeat; }

.box_02_ts .gift a .pic{-webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;margin-top: 16px;}
.box_02_ts .gift a:hover .pic{ transform:scale(1.1); transform:scale(1.1); }
.box_02_ts .gift a .txt{ position:absolute; left:29px; top:274px;height: 71px; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s; }
.box_02_ts .gift a:hover .txt{ -webkit-transform:translateY(10px); transform:translateY(10px); }
.box_02_ts .gift a span{ position:absolute; left:102px; bottom:155px; width:80px; height:32px; line-height:32px; text-align: center; background:url(../images/gift_btn_00.png) no-repeat; color:#ffffff; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;  }
.box_02_ts .gift a:hover span{ -webkit-transform:translateY(-5px); transform:translateY(-5px); }
.box_02_ts .gift a .gif{-webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;position: absolute;bottom: 57px;left: 96px;}
.box_02_ts .gift a:hover .gif{ transform:scale(1.1); transform:scale(1.1); }
.box_02_ts .gift a.gift_02 .txt{left: 54px;}
.box_02_ts .gift a.gift_03 .txt{left: 62px;}
/*黑色版*/
/*.box_03 h2{ position:absolute; z-index:5; left:0; top:45px; width:100%; height:46px; background:url(../images/title_role.png) no-repeat center center; text-indent:-9999px;  }
.role{ position:relative; height:100%; }
.role div{ position:absolute; left:3px; top:140px; width:116px; z-index:1; }
.role div a{ display:block; height:122px; margin-bottom:35px; background:url(../images/nav_role.png) no-repeat; }
.role div a.role_01{ background-position:0 0; }
.role div a.role_02{ background-position:0 -157px; }
.role div a.role_03{ background-position:0 -314px; }
.role div a.role_04{ background-position:0 -472px; }
.role div a.role_01:hover,.role div a.role_01.current{ background-position:-120px 0; }
.role div a.role_02:hover,.role div a.role_02.current{ background-position:-120px -157px; }
.role div a.role_03:hover,.role div a.role_03.current{ background-position:-120px -314px; }
.role div a.role_04:hover,.role div a.role_04.current{ background-position:-120px -472px; }
.role ul li{ display:none; position:absolute; width:100%; height:100%; }
.role ul li .pic{ -webkit-animation:fadeInFromBottom 0.6s ease-in-out 0s both; animation:fadeInFromBottom 0.6s ease-in-out 0s both;}
.role ul li .lx{ margin-top:-50px; }
.role ul li .name{ position:absolute; top:152px; left:170px; -webkit-animation:zoomIn 0.6s ease-in-out 0s both; animation:zoomIn 0.6s ease-in-out 0s both; }
.role ul li .txt{ position:absolute; top:145px; right:45px; -webkit-animation:zoomIn 0.6s ease-in-out 0s both; animation:zoomIn 0.6s ease-in-out 0s both;  }
.role ul li .map{ position:absolute; bottom:84px; right:28px; -webkit-animation:zoomIn 0.6s ease-in-out 0s both; animation:zoomIn 0.6s ease-in-out 0s both;  }
.role ul li p{ position:absolute; top:350px; left:196px; width:33px; height:153px; text-align:center; background-position:-40px -640px; color:#ffffff; font-size:18px; line-height:20px; padding:8px 5px 0px 5px;-webkit-animation:zoomIn 0.6s ease-in-out 0s both; animation:zoomIn 0.6s ease-in-out 0s both;  }
.role ul li p strong{ display:block; color:#b2bbca; padding-top:14px; font-weight:normal; }
.role ul li p strong span{ display:block; width:5px; height:5px; overflow:hidden; margin:3px auto; *margin:8px auto 3px auto;  background-color:#b2bbca; border-radius:50%; }
*/

/*白色版*/
.box_03 .role{ position:relative; height:100%; }
.tab{ position:absolute;left:1px; top:21px; z-index:1; }
.tab a{ display:block; position:relative; padding-left:98px; height:80px; line-height:80px; font-size:17px; color:#575757; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.tab a:hover,.tab a.current{ color:#997b48; font-weight:bold;  }
.tab a:hover{ padding-left:103px; }
.tab a ins{ position:absolute; left:0; top:0; width:80px; height:80px;background:url(../images/nav_role_index.png) no-repeat; -webkit-transition:margin 0.4s ease-in-out 0s; transition:margin 0.4s ease-in-out 0s; }
.tab a:hover ins{ margin-left:-5px; }
.tab span{ display:block;width:13px; height:14px;/* margin:10px auto;*/ }
.tab a.role_01 ins{ background-position:0 0;}
.tab a.role_02 ins{ background-position:0 -92px;}
.tab a.role_03 ins{ background-position:0 -184px;}
.tab a.role_04 ins{ background-position:0 -275px;}
.tab a.role_05 ins{ background-position:0 -367px;}
.tab a.role_06 ins{ background-position:0 -459px;}
.tab a.role_01:hover ins,.tab a.role_01.current ins{ background-position:-119px 0;}
.tab a.role_02:hover ins,.tab a.role_02.current ins{ background-position:-119px -92px;}
.tab a.role_03:hover ins,.tab a.role_03.current ins{ background-position:-119px -184px;}
.tab a.role_04:hover ins,.tab a.role_04.current ins{ background-position:-119px -275px;}
.tab a.role_05:hover ins,.tab a.role_05.current ins{ background-position:-119px -367px;}
.tab a.role_06:hover ins,.tab a.role_06.current ins{ background-position:-119px -459px;}
.role ul li{ display:none; position:absolute; width:100%; height:100%; }
.role ul li .pic{z-index: 33;position:absolute; left:506px; bottom:0; -webkit-animation:fadeInFromRight 0.6s ease-in-out 0s both; animation:fadeInFromRight 0.6s ease-in-out 0s both;}
.role ul li .lx{ margin-top:-50px; }
.role ul li .name{ position:absolute; top:94px; left:432px; -webkit-animation:zoomIn 0.6s ease-in-out 0s both; animation:zoomIn 0.6s ease-in-out 0s both; }
.role ul li .txt{ position:absolute; top:88px; left:202px; -webkit-animation:zoomIn 0.6s ease-in-out 0s both; animation:zoomIn 0.6s ease-in-out 0s both;  }
.role ul li .map{ position:absolute; top:336px; left:420px; -webkit-animation:zoomIn 0.6s ease-in-out 0s both; animation:zoomIn 0.6s ease-in-out 0s both;  }
.role ul li span{ position:absolute; top:106px; left:396px; width:23px; height:97px; font-size:16px;line-height:19px; padding:20px 5px 0px 5px; color:#eef2f5; text-align:center; background-position:-150px -160px;-webkit-animation:zoomIn 0.6s ease-in-out 0s both; animation:zoomIn 0.6s ease-in-out 0s both;  }
.role ul li div{ position:absolute; top:248px; left:396px; }
.role ul li div p{ position:relative; padding:0 0 10px 29px; -webkit-animation:zoomIn 0.6s ease-in-out 0s both; animation:zoomIn 0.6s ease-in-out 0s both; color:#828693; font-size:18px;  }
.role ul li div p ins{ position:absolute; left:0; top:4px; width:19px; height:19px; background-position: -90px -252px; }
.role ul li div p strong{ color:#676b75; margin-right:6px; }

.box_04 h2{ height:133px; text-indent:-9999px; background:url(../images/title_feature.png) no-repeat center center; }
.box_04 .border{ position:absolute; left:221px; top:148px; width:978px; height:555px; background:url(../images/feature_border_big.png) no-repeat; }
.feature div{ position:absolute; left:0px; top:133px; width:278px; }
.feature div a{ display:block; height:94px; background:url(../images/nav_feature.png) no-repeat; }
.feature div a.feature_01{ background-position:0 0; }
.feature div a.feature_02{ background-position:0 -94px; }
.feature div a.feature_03{ background-position:0 -188px; }
.feature div a.feature_04{ background-position:0 -282px; }
.feature div a.feature_05{ background-position:0 -376px; }
/*.feature div a.feature_06{ background-position:0 -425px; }*/
.feature div a.feature_01:hover,.feature div a.feature_01.current{ background-position:-309px 0; }
.feature div a.feature_02:hover,.feature div a.feature_02.current{ background-position:-309px -94px; }
.feature div a.feature_03:hover,.feature div a.feature_03.current{ background-position:-309px -188px; }
.feature div a.feature_04:hover,.feature div a.feature_04.current{ background-position:-309px -282px; }
.feature div a.feature_05:hover,.feature div a.feature_05.current{ background-position:-309px -376px; }
/*.feature div a.feature_06:hover,.feature div a.feature_06.current{ background-position:-300px -425px; }*/
.feature ul{ position:absolute; top:155px; left:228px; width:961px; height:539px; padding:1px; background:url(../images/feature_border.png) no-repeat;  }
.feature ul li{ display:none; position:absolute; top:1px; left:1px; width:961px; height:539px; }
.feature ul li img{ width:100%; height:100%;}

.box_06,.box_05 .wrap{overflow: hidden;}
.box_03{overflow: visible;}
.box_06 h2{ height:107px; text-indent:-9999px; background:url(../images/title_box06.png) no-repeat center center;margin-bottom: 214px;}
.box_gift { position:relative; text-align:center;height: 519px;overflow: hidden;}
.box_gift a{position:relative; display:inline-block; width:245px; height:245px;}

.box_gift a .front,.box_gift a .back{background-image: url(../images/box06_btn.png);background-repeat: no-repeat;}

.box_gift a{position:absolute;display:block; transform-style:preserve-3d;transform:perspective(400px);}

.box_gift a:hover{z-index: 20;}
.box_gift a:hover .back{z-index: 10;}

.box_gift a.gift1{left: 49px;bottom: 39px;}
.box_gift a.gift2{left: 192px;bottom: 182px;}
.box_gift a.gift3{left: 335px;bottom: 39px;}
.box_gift a.gift4 {left: 479px;bottom: 182px;}
.box_gift a.gift5{left: 622px;bottom: 39px;}
.box_gift a.gift6{left: 765px;bottom: 182px;}
.box_gift a.gift7{left: 907px;bottom: 39px;}

.box_gift a.gift1 .front{background-position: 0 -343px;}
.box_gift a.gift2 .front {background-position: -143px -10px;}
.box_gift a.gift3 .front {background-position: -289px -356px;}
.box_gift a.gift4 .front {background-position: -430px -10px;}
.box_gift a.gift5 .front {background-position:  -589px -347px;}
.box_gift a.gift6 .front {background-position: -715px -10px;}
.box_gift a.gift7 .front {background-position: -881px -346px;}

.box_gift a.gift1 .back{background-position: -9px -1097px;}
.box_gift a.gift2 .back{background-position: -154px -705px;}
.box_gift a.gift3 .back{background-position: -295px -1102px;}
.box_gift a.gift4 .back{background-position: -441px -711px;}
.box_gift a.gift5 .back{background-position: -584px -1103px;}
.box_gift a.gift6 .back{background-position: -725px -710px;}
.box_gift a.gift7 .back{background-position: -871px -1099px;}

.front,.back {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:0.6s;
  transition:0.6s;
  position:absolute;top:0;left:0;  cursor:pointer;width:100%; height:100%;
  
}

.front {z-index: 1;
  -webkit-transform:rotateY(0deg);
  transform:rotateY(0deg)
}
.back {
  -webkit-transform:rotateY(-180deg);
  transform:rotateY(-180deg)
}

.box_gift a:hover .front {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)
}

.box_gift a:hover .back{
  -webkit-transform:rotateY(0deg);
  transform:rotateY(0deg)
}

/*.gotop{ background:url(../images/gotop.png) no-repeat center top; color:#c2c2c2;  }
.official a{ background-position:-88px -641px;  }
.official a.official_01 ins{  background-position:0 -817px; }
.official a.official_02 ins{  background-position:-58px -816px; }
.official a.official_03 ins{  background-position:-112px -816px; }
.official a.official_04 ins{  background-position:-110px -745px; }
.official a strong{ color:#b59f74;  }
.official a:hover strong{ color:#ffffff;  }
.official span{ background-position:0 -732px;  }
.official b{ background-position:0 -870px;  }
.official b strong{ color:#ffffff; }
*/

.pop_gift{ display:none; position:relative; width:850px; height:455px; /*background:url(../images/pop_border.png) no-repeat; */}
.pop_gift .close{ position:absolute; top:-43px; right:-46px; width:32px; height:32px; background-position:-134px -870px; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.pop_gift .close:hover{ -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.pop_gift .btn_left{position:absolute; top:50%; left:-67px; width:66px; height:66px; margin-top:-33px; background-position:0 -1180px; }
.pop_gift .btn_right{position:absolute; top:50%; right:-67px; width:66px; height:66px; margin-top:-33px; background-position:-70px -1180px; }
.scroll_pic{ position:absolute; top:-16px; left:50px; }
.scroll_pic ul li{ float:left;position: relative; width:733px; }
.scroll_pic ul li img{width:100%; height:516px; }
/*.scroll_pic ul li.ts img{height: 433px;}*/
.lookM{display:block; position:absolute; top:45px;left: 0px; width:745px; height:421px;}