@charset "gb18030";
/* CSS Document */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline; text-decoration:none;}
img{border:0}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol,li{padding:0; list-style:none;}
body{ background-color:#181818; z-index:999; min-width: 1200px;}
.clearfix:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.hide{display:none;}
/*** footer  **/
#footer_ied{min-width:1200px; text-align:center; font-size:12px; line-height:19px; color:#ccc;}
.wrap_ied{ margin:0 auto; padding:20px 0 20px 0; width:1000px;}
.wrap_ied a{color:#ccc;}
#footer_ied p.e{ margin-top:-4px; font-size:10px;}
/*head*/
.wrapper{min-width:1200px;color:#2d1500;position:relative;z-index:1;zoom:1; font-size:14px;font-family:'\5FAE\8F6F\96C5\9ED1'; overflow: hidden;}
.bg{width:100%;position:absolute;top:0;left:0;z-index:-1;}
.swf{ width:1920px; height:1080px; position:absolute; left:50%;top:0px; z-index:-1; overflow:hidden; margin-left:-960px;}
.cont{ position:relative; z-index:3;width:1200px; margin:0 auto; left:0px; top:0px; height:1080px;overflow:hidden;}
.bg1{ background: url(../images/bg1.jpg) center top no-repeat; height:400px;}
.bg2{ background:url(../images/bg2.jpg) center top no-repeat; height:400px;}
.bg3{ background:url(../images/bg3.jpg) center top no-repeat; height:280px;}
.ff{ text-indent: -9999px; overflow: hidden;}
.logo{ position: absolute; left: 40px; top:20px; background: url("../images/logo.png") no-repeat; width: 138px; height: 105px;}
.btn{ background: url("../images/btn.png") no-repeat; width: 254px; height: 31px; right: 40px; top:20px; position: absolute;}
.gw_btn,.xz_btn{ float: left; width: 127px; height: 31px;}
.video2{ width: 123px; height: 111px; display: block; margin: 545px 0 0 419px; position: relative; overflow: hidden;}
.video{ position: absolute; left: 0px; top:0px; background: url("../images/video_play_bg.png")no-repeat; width: 123px; height: 111px; z-index: 10;}
.video i{ display: block; background: url("../images/video_play.png") no-repeat; width:38px; height: 42px; margin: 32px auto 0;
    -webkit-animation:pulse 1s .2s ease both infinite;  -moz-animation:pulse 1s .2s ease both infinite;}
@-webkit-keyframes pulse{
    0%{-webkit-transform:scale(1)}
    50%{-webkit-transform:scale(1.1)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
    0%{-moz-transform:scale(1)}
    50%{-moz-transform:scale(1.1)}
    100%{-moz-transform:scale(1)}
}
.nav{margin: 40px auto 0; width: 942px;}
.nav_btn li{ float: left; height: 323px;}
.nav_btn a{ display: block; height: 323px; background: url("../images/nav_btn.png") no-repeat; text-indent: -9999px; overflow: hidden;}
.nav_btn .nav_btn1,.nav_btn .nav_btn1 a,.nav_btn .nav_btn6,.nav_btn .nav_btn6 a{ width: 156px;}
.nav_btn .nav_btn2,.nav_btn .nav_btn2 a,.nav_btn .nav_btn5,.nav_btn .nav_btn5 a{ width: 158px;}
.nav_btn .nav_btn3,.nav_btn .nav_btn3 a,.nav_btn .nav_btn4,.nav_btn .nav_btn4 a{ width: 157px;}
.nav_btn .nav_btn2 a{ background-position: -156px 0;}
.nav_btn .nav_btn3 a{ background-position: -314px 0;}
.nav_btn .nav_btn4 a{ background-position: -471px 0;}
.nav_btn .nav_btn5 a{ background-position: -628px 0;}
.nav_btn .nav_btn6 a{ background-position: -786px 0;}
.nav_btn .nav_btn1 a:hover{ background-position: 0 -659px;}
.nav_btn .nav_btn2 a{ background-position: -156px -323px;}
.nav_btn .nav_btn3 a{ background-position: -314px -323px;}
.nav_btn .nav_btn2 a:hover{ background-position: -156px -659px;}
.nav_btn .nav_btn3 a:hover{ background-position: -314px -659px;}
.nav_btn .nav_btn5 a{ background-position: -628px -323px;}
.nav_btn .nav_btn6 a{ background-position: -786px -323px;}
.nav_btn .nav_btn5 a:hover{ background-position: -628px -659px;}
.nav_btn .nav_btn6 a:hover{ background-position: -786px -659px;}
.nav_btn .nav_btn4 a{ background-position: -471px -323px;}
.nav_btn .nav_btn4 a:hover{ background-position: -471px -659px;}
/*page1*/
.wrap{ margin: 0 auto; width: 1200px;font-family:'\5FAE\8F6F\96C5\9ED1';}
.comm,.do span{ background: url("../images/comm_btn.png") no-repeat;}
.pg1_main_bg{ background: url("../images/pg1_main_bg.jpg") center top no-repeat; position: relative;font-family:'\5FAE\8F6F\96C5\9ED1';}
.pg1_main{ background: url("../images/pg1_main.jpg") center top no-repeat; height:1080px; }
.pg_nav{ padding: 20px 0 0 100px;}
.pg_nav li{ float: left; height:60px; }
.pg_nav li a{ display: block;width:149px; height: 60px; color: #cdcdcd; font-size: 14px; text-align: center; line-height: 60px; }
.pg_nav li .pg_nav_btn2{ background-position: -149px 0;}
.pg_nav li .pg_nav_btn3{ background-position: -298px 0;}
.pg_nav li .pg_nav_btn4{ background-position: -447px 0;}
.pg_nav li .pg_nav_btn5{ background-position: -596px 0;}
.pg_nav li .pg_nav_btn6{ background-position: -745px 0;}
.pg_nav li .pg_nav_btn7{ background-position: -894px 0; width: 107px;}
.pg_nav li .pg_nav_btn1:hover,.ind1 .pg_nav li .pg_nav_btn1 { background-position: 0 -69px;color: #1c1b1b; font-size: 16px; font-weight: bold;}
.pg_nav li .pg_nav_btn2:hover,.ind2 .pg_nav li .pg_nav_btn2{ background-position: -149px -69px;color: #1c1b1b; font-size: 16px; font-weight: bold;}
.pg_nav li .pg_nav_btn3:hover,.ind3 .pg_nav li .pg_nav_btn3{ background-position: -298px -69px;color: #1c1b1b; font-size: 16px; font-weight: bold;}
.pg_nav li .pg_nav_btn4:hover,.ind4 .pg_nav li .pg_nav_btn4{ background-position: -447px -69px;color: #1c1b1b; font-size: 16px; font-weight: bold;}
.pg_nav li .pg_nav_btn5:hover,.ind5 .pg_nav li .pg_nav_btn5{ background-position: -596px -69px;color: #1c1b1b; font-size: 16px; font-weight: bold;}
.pg_nav li .pg_nav_btn6:hover{ background-position: -745px -69px;color: #1c1b1b; font-size: 16px; font-weight: bold;}
.pg_nav li .pg_nav_btn7:hover{ background-position: -894px -69px;}
.tabs-menu{width:374px;height:374px;position:absolute;top:350px;left:-260px;z-index:99;}
.tabs-menu-bg{width: 150px; height: 346px;background:url(../images/nav2_bg.png) no-repeat;position: absolute;right:-35px;top:14px;z-index:-1;}
.tabs-menu ul{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;-webkit-transition:.5s 0s cubic-bezier(0.19, 0.5, 0.22, 1);}
.tabs-menu li{width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:0;left:0;background:url(../images/tips.png) no-repeat;}
.tabs-menu li a{padding-left:40px;line-height:30px;display:block;color: #665c35;font-size:14px;white-space:nowrap;}
.tabs-menu li.active{background-position:-150px 0;}
.tabs-menu li.active a{font-size:18px;color:#fff;}
.tabs{ position: absolute; left:50%; top:356px; margin-left: -500px; background: url("../images/tab_img_bg.jpg") no-repeat; padding:11px 0 0 11px; width: 597px; height: 367px;}
.tabs .tabs-panel{ color: #fff;}
.tab01 .tab_nr1{display: none }
.tab01 .dis{display: block }
.tab02 .tab_nr2{display: none }
.tab02 .dis{display: block }
.tab03 .tab_nr3{display: none }
.tab03 .dis{display: block }
.tab04 .tab_nr4{display: none }
.tab04 .dis{display: block }
.pr{ position: relative;}
.img{ margin: 12px auto 0; width: 554px; height: 396px;}
.text_left,.text_right,.arrow1,.arrow2{ position: absolute; width: 37px; height: 76px; top:165px;}
.text_left,.arrow1{ left: 13px; background-position: -586px -160px;}
.text_right,.arrow2{ right: 13px; background-position: -647px -160px;}
.text_left:hover,.arrow1:hover{ background-position:-586px -262px;}
.text_right:hover,.arrow2:hover{ background-position: -647px -262px;}
.hd{ position: absolute; left: 0px; top:386px;}
.hd li{ float: left; width: 191px; height: 84px; margin-left: 2px; display: inline;}
.hd li a{ display: block; width: 191px; height: 84px; background-position: -192px -258px; color: #91886e; font-size: 16px; text-align: center; line-height: 98px;}
.hd li a:hover,.hd .on a{ background-position: 0 -258px; color: #ebe4c4;}
.hd2 li{ float: left; width: 287px; height: 84px;}
.hd2 li a{ display: block; width: 287px; background-position: -288px -143px;}
.hd2 li a:hover,.hd2 .on a{ background-position: 0 -143px;}
.ql_btn{ position: absolute; left: 2px; top:386px; background-position: 0 -346px; color: #ebe4c4; font-size: 16px; line-height: 98px; width: 573px; height: 84px; text-align: center; }
/*page2*/
.pg2_main_bg{ background: url("../images/pg2_main_bg.jpg") center top no-repeat; position: relative;font-family:'\5FAE\8F6F\96C5\9ED1';}
.pg2_main{ background: url("../images/pg2_main.jpg") center top no-repeat; height:1080px; }
.tabs-menu3 li a:hover,.tabs-menu3 li.active a{ color: #aa0707; font-size: 18px; background-position: -150px 0;}
.title,.title2,.title3{ height: 56px; line-height: 56px; color: #fff; font-size: 22px; width: 710px; padding-left: 50px; margin-left: 8px;}
.title3{ background-position: 0 -553px;}
.pg2_show{ color: #616161; font-size: 15px; padding: 28px 0 0 8px;}
.pg2_show span{ color: #aa0707; font-weight: bold;}
.pg2_list{ width: 372px; padding-left: 8px;}
.pg2_list li{ float: left; width: 162px; color: #616161; font-size: 18px; font-weight: bold; margin-top: 20px;}
.pg2_list .l_bor{border-left: 1px solid #aaa; padding-left: 35px;}
.pg2_list li b{ color: #b44143;}
.pg2_img{ margin: 20px 0 0 10px;}
.over2{ height: 630px; overflow: hidden;}
.h_630{ height: 630px; overflow: hidden;}
.demo-item2 {width:529px;position: relative; margin: 17px 0 0 5px;}
.demo-item2 li{float: left; width: 529px;height:300px; display:inline;overflow:hidden;}
.pg2_list2{ padding: 25px 0 0 10px;}
.pg2_list2 li{ float: left; width: 68px; margin-right: 25px;}
.pg2_list2 img{ display: block;}
.pg2_list2 p{ width: 68px; text-align: center; color: #616161; font-size: 14px;}
/*page3*/
.pg3_main_bg{ background: url("../images/pg3_main_bg.jpg") center top no-repeat; position: relative;font-family:'\5FAE\8F6F\96C5\9ED1';}
.pg3_main{ background: url("../images/pg3_main.jpg") center top no-repeat; height:1080px; }
.tabs2{position: absolute; left:50%; top:356px; margin-left: -500px;}
.over{width: 768px;height: 678px;overflow: hidden;}
/*.tabs-menu2{background: url("../images/nav3_bg.png") no-repeat; width: 150px; height: 346px; position: absolute; left: -10px; top:350px;transition: all .3s;}*/
.tabs-menu2:hover{ left: 0px;}
.tabs-menu2 li .one{ margin:87px 0 0 86px; }
.tabs-menu2 li .two{ margin:109px 0 0 86px; }
.title{ background-position: 0 -435px;}
.p1{ color: #e6e6e6; font-size: 14px; padding-top: 30px;}
.p1 b{ color: #c6ab5e; font-size: 16px;}
.p1 i{ font-style: normal; padding-left:8px;}
.pg3_list{ width: 760px; padding-left: 7px;}
.pg3_list li{ float: left; width: 380px; margin-top: 25px;}
.pg2_icon{ float: left; width: 44px; height: 44px;}
.pg3_list p{ height: 44px; line-height: 20px; color: #e6e6e6; font-size: 16px; padding-left: 12px; float: left;}
.pg3_list p b{ color: #c6ab5e;}
.show{ color: #e6e6e6; font-size: 16px; text-align: center; padding-top: 30px;}
.tab .tab-panel{display: none }
.tab .dis{display: block }
.hd3{ background: url("../images/line_bg.png") no-repeat; width: 780px; height: 108px; margin: 30px auto 0;}
.hd3 ul{ padding-left: 239px;}
.hd3 li{ float: left; width: 72px; height: 108px; margin-right: 36px;}
.hd3 a{ display: block; width: 72px; height: 108px; background:url("../images/pg3_tab_btn.png") no-repeat;}
.hd3 .zs:hover,.hd3 .on .zs{ background-position: 0 -108px;}
.hd3 .fs{ background-position: -72px 0;}
.hd3 .fs:hover,.hd3 .on .fs{ background-position: -72px -108px}
.hd3 .ds,.hd3 .on .ds{ background-position: -144px 0;}
.hd3 .ds:hover{ background-position: -144px -108px}
.pg3_img{ width: 525px; height: 240px; margin: 10px auto 0;}
.ti{ color: #c6ab5e; font-size: 16px; padding: 25px 0 0 130px;}
.ti span{ background: #903333; width: 59px; height: 17px; text-align: center; line-height: 16px; color: #e7dfc7; font-size: 12px; display: inline-block; margin-left: 10px; font-weight: normal;}
.p2{ color: #e6e6e6; font-size: 14px; line-height: 18px; padding: 10px 0 0 130px;}
/*page4*/
.pg4_main_bg{ background: url("../images/pg4_main_bg.jpg") center top no-repeat; position: relative;font-family:'\5FAE\8F6F\96C5\9ED1';}
.pg4_main{ background: url("../images/pg4_main.jpg") center top no-repeat; height:1080px; }
.title2{ background-position: 0 -494px;}
.pg4_show{ color: #a29c98; font-size: 12px; line-height: 20px; padding: 28px 0 0 10px;}
.pg4_show b{ color: #e6e6e6; font-size: 16px; padding-bottom: 5px; display: inline-block;}
.demo-item {width:465px;position: relative; margin: 17px 0 0 5px;}
.demo-item li{float: left; width: 465px;height:245px; display:inline;overflow:hidden;}
.arrow1{left:0px; top:87px;}
.arrow2{right:0px;top:87px;}
.do{overflow:hidden;zoom:1; width: 120px; margin: 10px auto 0;}
.do span{display:block;width:10px;height:10px;float:left;margin-right:18px;display:inline; background-position: -722px -160px;}
.do span.dotItem{ background-position: -694px -160px;}
.pg4_rule{ padding: 20px 0 30px 5px; border-bottom: 1px dashed #565552;}
.pg4_rule li{ color: #e6e6e6; font-size: 16px; line-height: 26px;}
.pg4_rule span{ color: #c6ab5e;}
.pg4_tips{ display: block; margin:32px auto 0; background-position:-745px -160px; width: 139px; height: 40px; padding-left: 20px;
    line-height: 40px; text-align: center; color: #ededed; font-size: 18px; font-weight: bold;}
.pg4_p1{ color: #e6e6e6; font-size: 14px; line-height: 22px; padding: 25px 0 0 10px;}
.wire{ border-bottom: 1px dashed #565552; padding-top: 30px;}
/*page5*/
.pg5_main_bg{ background: url("../images/pg5_main_bg.jpg") center top no-repeat; position: relative;font-family:'\5FAE\8F6F\96C5\9ED1';}
.pg5_main{ background: url("../images/pg5_main.jpg") center top no-repeat; height:1080px; }
.pg5_cont{ padding: 270px 0 0 100px;}
.pg5_h3{ color: #3d3d3d; font-size: 18px;}
.pg5_show{ color: #3d3d3d; font-size: 16px; line-height: 22px; padding: 10px 0 20px 0;}
.pg5_show span{ color: #bd2b2b;}
.demo-item3 .do{ width: 56px;}
/*µ¯´°*/
.pop1{ background: #46412f; width: 812px; position: relative; border: 4px solid #8c782a;font-family:'\5FAE\8F6F\96C5\9ED1'; padding: 40px 40px; display: none;}
.dia-close{ display: block; position: absolute; right: -90px; top:0px; background: url("../images/gb_btn.png") no-repeat; width: 76px; height: 76px;}
.pop_tit{ color: #afaa94; font-size: 42px; font-weight: normal; border-bottom: 1px solid #8c782a; height:80px;}
.pop_tit span{ font-size: 22px; padding-left: 10px;}
.pop_rule li{ color: #afaa94; font-size: 14px; line-height: 20px; padding-top:20px;}
.pop_rule li span{ color: #e1c03c;}
/*µ¯¿òÑùʽ*/
.dialog{ width:600px; border:10px solid #8c782a; background:#8c782a; position:relative; font-family:'\5FAE\8F6F\96C5\9ED1'; display:none;}
/*footer*/
.footer{ margin-left: -38px;}
.page .footer{background-color: #f2f2f2}
.f-infos{position:relative;padding:30px 0 30px 350px;width:715px;color:#a8a8a8;margin:0 auto;}
.tencent-game{width:328px;height:50px;background:url("../images/sprite-base.png") no-repeat -320px -30px;position:absolute;top:30px;left:0;z-index:0}
.page .tencent-game{background-position: -673px -30px;}
.f-infos a{color:#a8a8a8}
.f-infos span{display:inline-block;margin:0 6px 0;*margin-bottom:3px;margin-bottom:0\0;width:1px;height:6px;overflow:hidden;background:#a8a8a8}
.f-infos p.r{_display:inline;float:right;margin:-13px 9px 0 0}
.f-infos p.e{margin-top:5px;font-size:10px;font-family:Tahoma}
.f-infos p.license{margin-top:3px;width:650px;height:21px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#a8a8a8;line-height:21px}
.f-infos p.license em{margin:0 0 0 10px;font-style:normal;font-weight:normal}
.f-infos a.tg{display:block;width:170px;height:40px;text-indent:-999px;overflow:hidden}
.f-infos .copyright{font-size:10px;font-family:Tahoma}
.page .f-infos,.page .footer a,.page .f-infos p.license{color: #000000}
.downloadPop {  width: 400px;  height: 160px;  background-image: url(../images/downloadpop.jpg);  position: relative; display: none;  }
.downloadPop .qrcode {  width: 140px;  height: 140px;  margin: 10px 0 0 10px;  border-radius: 5px;  }
.downloadPop .ios,
.downloadPop .android {  position: absolute;  right: 0;  width: 240px;  height: 50%;  }
.downloadPop .ios { top: 0;  }
.downloadPop .android {  bottom: 0;  }
.downloadPop .close {  width: 30px;  height: 30px;  position: absolute;  right: -32px;  top: 0px;  background-image: url(../images/popclose.jpg);  }

.part-2-bg{background:url("../images/page_02.jpg") no-repeat;height:946px}
.part-2-bg .chara {
    width: 781px;
    height: 947px;
    background-image: url(../images/chara_1.png);
}
.part-2-bg .txt{width:500px;line-height:30px;position: absolute;top:1150px;left:1000px;font-size:18px; color:#fff; font-weight:bold;}
.part-2-bg .gwshow {width:500px;height:500px;position: absolute;top:1300px;left:1000px; border:#786f52 5px solid}
.part-2-bg  .flag {
    background-image: url(../images/flag_2.png);
    width: 85px;
    height: 289px;
    position: absolute;
    left: 0;
    top: 0;
}
.part-3-bg{background:url("../images/page_03.jpg") no-repeat;height:1056px}
.part-3-bg .chara {
    width: 1301px;
    height: 1108px;
    left: 50%;
    background-image: url("../images/chara_2.png");
    margin-left:550px;
    top: -56px;
}
.part-3-bg .gwshow {width:500px;height:500px;position: absolute;top:2300px;left:200px; border:#786f52 5px solid}

.part-3-bg  .flag1 {
    background-image: url(../images/flag_1.png);
    width: 85px;
    height: 289px;
    position: absolute;
    left: 0;
    top: 0;
}

.part-4-bg{background:url("../images/page_04.jpg") no-repeat;height:1257px}
.part-4-bg .chara {
     width: 737px;
    height: 727px;
    top: 168px;
    background-image: url(../images/chara_3.png);
}
.part-4-bg .gwshow {width:512px;height:400px;position: absolute;top:3200px;left:1000px; border:#786f52 5px solid}
.part-4-bg  .flag2 {
    background-image: url(../images/flag_3.png);
    width: 85px;
    height: 289px;
    position: absolute;
    left: 0;
    top: 0;
}