@charset 'utf-8';
html,body{ overflow-x:hidden;}
body{ background:url(../images/main_bg.jpg) no-repeat center top;}
.header { position:relative; height:665px; background:url(../images/main_header.jpg) no-repeat;}
/*.btn_video b,.btn_video span,.btn_video ins{background:url(../images/video_sprite.png) no-repeat;}
.btn_video{position:absolute; left:50%; top:140px; margin-left:-43px; 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 -160px; }
.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; right:195; top: 148px; 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; }
}	

/*.slogan{ position:absolute; left:60px; top:90px; width:560px; height:330px; background:url(../images/main_slogan.png) no-repeat; -webkit-animation:zoomIn 0.6s ease-in-out 0s both; animation:zoomIn 0.6s ease-in-out 0s both; }*/
.main_time{ position:absolute; left:103px; top:373px; width:310px; height:40px; background:url(../images/main_time_02.png) no-repeat; -webkit-animation:zoomIn 0.6s ease-in-out 0s both; animation:zoomIn 0.6s ease-in-out 0s both; }

.content{height:2844px;background:url(../images/main_content.jpg) no-repeat;}
.box01{ height:330px; overflow:hidden; }
.banner{ position:relative; float:left; width:720px; height:330px; overflow:hidden; background:#ffffff; }
.banner dl{  position:absolute; width:100%; height:100%; }
.high_zindex{ z-index:2; }
.banner dl dt{ position:absolute; z-index:1; left:24px; bottom:14px;}
.banner dl dt span{  float:left; width:25px; height:25px; margin-right:7px; background-position:-120px -160px; cursor:pointer;}
.banner dl dt span.on{  background-position:-120px -190px; }
.banner dl dd a{ position:absolute; width:100%; height:100%; }
.banner dl dd a img{width:100%;height:100%}

.switch{ position:absolute; top:0; right:0; z-index:3; }
.switch a{ display:block; width:21px; height:42px; padding:8px 2px 0px 2px; text-align:center; color:#ffffff; font-size:12px; background:#262626; }
.switch a.current{ background:#c00e0e; }

.news{ float:left; width:430px; height:330px; padding:0px 23px 0px 27px; background:#ffffff; overflow:hidden; }
.news dt{ position:relative; line-height:48px; border-bottom:1px solid #dcdcdc; }
.news dt span{ display:inline-block; padding:0 14px; color:#313131; margin-bottom:-1px; border-bottom:3px solid transparent; cursor:pointer; }
.news dt span.current{ color:#ba9355; border-bottom-color:#cfaa85; }
.news dt a{ position:absolute; right:0; top:0px; color:#313131;  }
.news dt a ins{ display:inline-block; vertical-align:middle; margin-left:4px; width:14px; height:14px; background-position:-120px -222px;  }
.news dd{ position:relative; }
.news dd h3{ width:100%; padding:10px 0px 6px 0px; font:bold 18px/2 "Microsoft YaHei","微软雅黑"; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; }
.news dd h3 a{ color:#c8362a; }
.news dd ul{ position:absolute; width:100%; }
.news dd ul li{ height:37px; overflow:hidden; line-height:37px; border-bottom:1px dotted #dbdbdb; color:#505050; }
.news dd ul li strong{ float:left; color:#bd975c; margin-left:-6px; }
.news dd ul li.announce_list strong{ float:left; color:#d54133; margin-left:-6px; }
.news dd ul li a{ float:left; color:#505050; width:325px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news dd a:hover{ color:#c00e0e;  }
.news dd ul li span{ float:right; color:#959595; }

.box02{ padding-top:50px;}
.box02 h2{ margin-bottom:24px; height:31px; background:url(../images/title_feature.png) no-repeat center top; text-indent:-9999px; }
.accordion{ overflow:hidden; height:445px; }
.accordion li{ position:relative; float:left; width:83px; height:445px; margin-right:-1px; overflow:hidden; }
.accordion li.show{ width:872px; }
.accordion li img.feature_t{position:absolute; left:0px; width:83px; height:393px; top:26px; cursor:pointer; }
.accordion li img.feature_c{ position:absolute; left:83px; width:789px; height:445px; }

.role{ position:relative; height:573px; }
.tab{ position:absolute;left:2px; top:76px; z-index:1; }
.tab a{ display:block; position:relative; padding-left:98px; height:71px; line-height:71px; 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:70px; height:71px;  background:url(../images/nav_role_main.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:10px; /*margin:10px auto;*/ }
.tab a.role_01 ins{ background-position:0 0;}
.tab a.role_02 ins{ background-position:0 -80px;}
.tab a.role_03 ins{ background-position:0 -160px;}
.tab a.role_04 ins{ background-position:0 -240px;}
.tab a.role_05 ins{ background-position:0 -320px;}
.tab a.role_06 ins{ background-position:0 -400px;}
.tab a.role_01:hover ins,.tab a.role_01.current ins{ background-position:-130px 0;}
.tab a.role_02:hover ins,.tab a.role_02.current ins{ background-position:-130px -80px;}
.tab a.role_03:hover ins,.tab a.role_03.current ins{ background-position:-130px -160px;}
.tab a.role_04:hover ins,.tab a.role_04.current ins{ background-position:-130px -240px;}
.tab a.role_05:hover ins,.tab a.role_05.current ins{ background-position:-130px -320px;}
.tab a.role_06:hover ins,.tab a.role_06.current ins{ background-position:-130px -400px;}

.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:120px; 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:132px; 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:378px; 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:143px; 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:290px; 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; }

.box04{padding-top: 46px;}
.box04 h2{ margin-bottom:49px; height:31px; background:url(../images/title_data4.png) no-repeat center top; text-indent:-9999px; }
.game{ height:252px;padding-bottom: 50px;}
.game a{ position:relative; float:left; width:384px; height:100%; cursor:pointer;background-repeat: no-repeat;margin: 0 8px 0 8px;}
.game a.data_01{background-image: url(../images/game1.jpg);}
.game a.data_02{background-image: url(../images/game2.jpg);}
.game a.data_03{background-image: url(../images/game3.jpg);}
.game a ins{ position:absolute; width:100%; height:217px;/*border: 1px solid #6e7181;*/}
.game a:hover ins{ background-color:rgba(0,0,0,0.7);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2000000,endcolorstr=#b2000000);-webkit-transition:all 0.6s ease-in-out 0s; transition:all 0.6s ease-in-out 0s; }
.game a span{ position:absolute;left:135px;top:55px; width:114px; height:107px;}
.game a:hover span{background:url(../images/game_btn.png) no-repeat;-webkit-transition:all 0.6s ease-in-out 0s; transition:all 0.6s ease-in-out 0s;}
.game strong{position: absolute;top:236px;background: url(../images/game_line.png) no-repeat;width: 100%;height: 17px;text-align: center;color: #b89b69;font-size: 16px;line-height: 1;}

.box03{ padding-top:40px;}
.box03 h2{ margin-bottom:35px; height:31px; background:url(../images/title_data.png) no-repeat center top; text-indent:-9999px; }
.data{ height:376px; background:url(../images/data.jpg) no-repeat; }
.data a{ position:relative; float:left; width:20%; height:100%; cursor:pointer; }
.data a ins{ position:absolute; width:100%; height:100%;background-color:rgba(0,0,0,0.7);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2000000,endcolorstr=#b2000000); -webkit-transition:all 0.6s ease-in-out 0s; transition:all 0.6s ease-in-out 0s;  }
.data a:hover ins{  opacity:0; filter:alpha(opacity=0);  }
.data a span{ position:absolute; width:100%; height:100%;background:url(../images/data_sprite.png) no-repeat;-webkit-transition:all 0.6s ease-in-out 0s; transition:all 0.6s ease-in-out 0s;   }
.data a.data_01 span{ background-position:0 0; }
.data a.data_02 span{ background-position:-240px 0; }
.data a.data_03 span{ background-position:-480px 0; }
.data a.data_04 span{ background-position:-720px 0; }
.data a.data_05 span{ background-position:-960px 0; }
.data a.data_01:hover span{ background-position:0 -376px; }
.data a.data_02:hover span{ background-position:-240px -376px; }
.data a.data_03:hover span{ background-position:-480px -376px; }
.data a.data_04:hover span{ background-position:-720px -376px; }
.data a.data_05:hover span{ background-position:-960px -376px; }

.infor{ height:328px; padding:18px 28px 0px 28px; background:#ffffff; }
.strategy{ float:left; width:737px; }
.infor h3{ height:38px; border-bottom:1px solid #e6e6e6; text-indent:-9999px; }
.strategy h3{ background-position:-223px -160px; }
.media h3{ background-position:-223px -205px; }

.strategy{ position:relative; }
.strategy dl{ *zoom:1; }
.strategy dl:after{ display:block; height:0; visibility:hidden; content:''; clear:both; }
.strategy dl dt{ float:left; width:120px; }
.strategy dl dt a{ display:block; height:39px; line-height:39px; font-size:16px; margin-top:10px; color:#323232; }
.strategy dl dt a:hover,.strategy dl dt a.current{ background-position:-190px -256px; color:#ba9355; }
.strategy dl dd{ float:left; width:617px; }
.strategy dl dd ul{ display:none; }
.line{ position:absolute; right:-70px; top:40px; width:17px; height:233px; background:url(../images/line.png) no-repeat;}
.strategy dl dd ul li{ padding-top:18px; overflow:hidden; border-bottom:1px solid #e6e6e6; }
.strategy dl dd ul li img{ float:right; margin:0px 0px 0px 45px; padding:5px; border:1px solid #d9d9da; }
.strategy dl dd ul li h4{ position:relative; padding:0px 0 0 19px; overflow:hidden;  }
.strategy dl dd ul li h4 ins{ position:absolute; left:0; top:4px; width:12px; height:12px; background-position:-120px -245px; }
.strategy dl dd ul li h4 a{ float:left; width:346px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; color:#505050; }
.strategy dl dd ul li h4 a:hover{ color:#c00e0e; }
.strategy dl dd ul li h4 span{ float:right; color:#909090; }
.strategy dl dd ul li p{ height:48px; overflow:hidden; padding:14px 0px; color:#929292; }
.btn_more{ float:right; width:104px; height:35px; line-height:35px; text-align:center; background-position:0 -280px; color:#ffffff; }
.btn_more strong{ display:inline-block; font-weight:normal; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s; }
.btn_more span{ display:inline-block; margin-left:6px; font-weight:bold; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s; }
.btn_more:hover strong{ -webkit-transform:translate(5px); transform:translate(5px); }
.btn_more:hover span{ -webkit-transform:rotate(90deg); transform:rotate(90deg); }

.media{ float:right; width:288px; }
.media div{ padding-top:50px; overflow:hidden; }
.media a{ float:left; margin:10px 6px; width:130px; height:60px; }
.media a img{ width:100%; height:100%; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s; }
.media a:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); }
.main_bottom { position:relative; background:#ffffff;}