@charset "utf-8";
body, html { font-size:100%;padding:0; margin: 0;background:url(../images/page/bg02.jpg) no-repeat;font-family: 'Lato', Calibri, Arial, sans-serif;color: #666;}
a {color:#666;text-decoration: none; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover {color: #000; border: none;}
img{ border:none;}
.main,
.container > header {width: 90%;max-width: 70em; min-height: 750px; margin: 0 auto;padding: 0 1.875em 3.125em 1.875em;}


/*clound*/
.htmleaf-container{ width: 100%;height: 480px; position:absolute;z-index:1;top:200px;left:0px;}

/* main wrapper */
.cbp-contentslider {width: 100%;height: 95%; min-height:750px;position: relative; z-index: 999;background: url(../images/page/kuang.png) no-repeat 0 70%;}
.cbp-contentslider > ul {list-style: none;height: 100%;width:97%;min-height: 750px; overflow: hidden;position: relative;padding: 0;margin:0; }
.cbp-contentslider > ul li {position: absolute;height: 100%;left: 0;top: 0;padding: 1em;width: 1036px; margin-top: 100px;}
/* Whithout JS, we use :target */
.cbp-contentslider > ul li:target {z-index: 100;}
.cbp-contentslider nav {position: absolute;width:491px;bottom:-20px;left:250px; height: 3.313em;z-index: 1000;font-size:16px;background:url(../images/page/page-icon.png) no-repeat 0px -275px;left: 250px;}
.cbp-contentslider nav a {left:110px;float: left;display: block;background:url(../images/page/page-icon.png) no-repeat 0 -72px;width:30px; height:26px;letter-spacing: 0.1em;color: #666;text-align: center;position: relative; }
.cbp-contentslider nav a span {display: block;position: relative;top: 30px;left: -45px;}
.cbp-contentslider nav a:hover {background:url(../images/page/page-icon.png) no-repeat 0 -48px;color: #ff5d00;}
.cbp-contentslider nav a.rc-active {background:url(../images/page/page-icon.png) no-repeat 0 -48px;color:#ff5d00;}
.page-home{width:32px; height:24px;background:url(../images/page/page-icon.png) no-repeat;position: relative;display: block; top: -8px;left:240px; z-index: 9999;}
.page-home span{display: block; width: 32px; height: 24px;top:30px; position: relative;}
.page-home:hover{background:url(../images/page/page-icon.png) no-repeat 0 -24px;color:#ff5d00;}

/* tab */
.cbp-contentslider [class^="icon-"]:before, 
.cbp-contentslider [class*=" icon-"]:before {font-family: 'icomoon';font-style: normal;text-align: center;speak: none;font-weight: normal;line-height: 2.5;font-size: 2em;position:absolute;left: 10%;top: 50%;margin:-1.250em 0 0 0;height: 2.500em;width:2.500em;color: rgba(0,0,0,0.1);-webkit-font-smoothing: antialiased; }
.cbp-contentslider [class^="icon-"].rc-active:before, 
.cbp-contentslider [class*=" icon-"].rc-active:before,
.cbp-contentslider nav a:hover:before {color: rgba(255,255,255,0.9);}
.cbp-contentslider h3 {font-size: 4em;height: 2em;line-height: 1.7;font-weight: 300;margin: 0 0 0.3em;position: relative;color: #47a3da;text-transform: uppercase;text-align: right;letter-spacing: 0.3em;padding: 0 0.2em 0 0;border-bottom: 4px solid #47a3da;}
.cbp-contentslider h3[class^="icon-"]:before, 
.cbp-contentslider h3[class*=" icon-"]:before {top: 0;left: 0;width: 2em;line-height: 1;height: 1.2em;margin: 0;color: #47a3da;}
.cbp-contentslider li > div {position: absolute;top: 9em;bottom: 3.313em;width: 100%;left: 0;padding: 0 1em;}
.contp{ line-height: 42px;padding:0 180px 0 180px;text-align: left;margin: 0;font-size: 16px;}
.title{margin:-150px 0 0 265px;width:540px;height:140px;background:url(../images/page/title.png) no-repeat;}
.title2{margin:-150px 0 0 265px;width:540px;height:140px;background:url(../images/page/title.png) no-repeat 0 -140px;}
.title3{margin:-150px 0 0 265px;width:540px;height:140px;background:url(../images/page/title.png) no-repeat 0 -280px;}
.title4{margin:-150px 0 0 265px;width:540px;height:140px;background:url(../images/page/title.png) no-repeat 0 -420px;}

/*page*/
.logo{position:absolute;z-index:9999;}
.tab-btn{width:750px;margin: 0 auto;height:45px; background: url(../images/page/page-icon.png) no-repeat 0 -155px; position: relative;top: 20px;padding-left:70px; }
.tab-btn a{ width:168px; height:45px; margin:0 8px 0 20px; position:relative;display: inline-block; background: url(../images/page/page-icon.png) no-repeat -210px -35px; text-align: center;color: #fff;line-height: 45px; font-size: 26px;font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif; font-weight: bold; overflow: hidden;}
a.tab-on{ background: url(../images/page/page-icon.png) no-repeat -210px -80px;}
.tab-list{display:none;}
.visible{ display: block;}
.tab-btn a:hover{ background: url(../images/page/page-icon.png) no-repeat -210px -80px;}
.desc{ font-size:16px;line-height:24px;color:#666;}
.desc span{color:#f18658;font-size: 16px;display: inline-block; position: relative;top:2px;right:5px;}

/*img.ln-skill{width:304px;height:304px;margin:42px 50px 0 120px; float: left;}*/
.skill-bg,.skill-bg2,.skill-bg3{width:310px;height:310px; background: url(../images/page/skill-bg.png) no-repeat;margin:42px 60px 0 90px; float: left; position: relative;font-weight: bold;}
.zqBox,.zqBox2,.zqBox3{ width: 280px; height: 280px; position: absolute; top: 10px; left:5px;}
.stand{position:absolute;right:0px; top: 40px; }
.skill{position:absolute;right:-25px; top:125px;}
.attack{position:absolute;right:0px; top:210px;}
.hover{color:#f18658;}
.skill-bg a:hover,.skill-bg2 a:hover,.skill-bg3 a:hover{color:#f18658;}
.zqBox dd,.zqBox2 dd,.zqBox3 dd{display:none; margin: 0;padding: 0;}


.skill-img a{ margin:0;padding:0; position: relative;}
a:hover #popjs{ display:block;}
#popjs{ position: absolute; width:387px; padding:8px  25px; height:119px; background:url(../images/page/b1p2.png) no-repeat left 7px;display: none; position: relative; top: 0; text-align: left; color:#4a4949; z-index: 9999;}

.rbox1 a,.rbox2 a,.rbox3 a,.rbox4 a,.rbox5 a,.rbox6 a,.rbox7 a,.rbox8 a,.rbox9 a,.skill-img{width:80px; height:120px; background: url(../images/page/page-icon.png) no-repeat -121px -35px;font-size: 14px; float: left; text-align: center;padding-top:9px; cursor:pointer; position: relative; z-index: 9999;}
.rbox1 p,.rbox2 p,.rbox3 p,.rbox4 p,.rbox5 p,.rbox6 p,.rbox7 p，.rbox8 p，.rbox9 p{padding:15px 25px; width: 400px; position: relative; }
#popJa p,#popJb p,#popJc p,#popJd p,#popJe p,#popJf p,#popJg p,#popJh p,#popJi p{padding:8px 20px; width: 380px;font-size: 14px;}
#popJa,#popJb,#popJc,#popJd,#popJe,#popJf,#popJg,#popJh,#popJi{ position:absolute;height:119px; width:445px; background:url(../images/page/b1p2.png) no-repeat left 7px; right:-100px;z-index:9999; opacity:0;top: 360px;display: none;bottom:0px; }
#popJa span,#popJb span,#popJc span,#popJd span,#popJe span,#popJf span,#popJg span,#popJh span,#popJi span{position:absolute; width:21px; height:10px; top:0px; z-index:1; left:39px; background:url(../images/page/popjt.png);}
#popJa.popJa1 span,#popJb.popJb1 span,#popJc.popJc1 span,#popJd.popJd1 span,#popJe.popJe1 span,#popJf.popJf1 span,#popJg.popJg1 span,#popJh.popJh1 span,#popJi.popJi1 span{ left:120px;}
#popJa.popJa2 span,#popJb.popJb2 span,#popJc.popJc2 span,#popJd.popJd2 span,#popJe.popJe2 span,#popJf.popJf2 span,#popJg.popJg2 span,#popJh.popJh2 span,#popJi.popJi2 span{ left:200px;}
#popJa.popJa3 span,#popJb.popJb3 span,#popJc.popJc3 span,#popJd.popJd3 span,#popJe.popJe3 span,#popJf.popJf3 span,#popJg.popJg3 span,#popJh.popJh3 span,#popJi.popJi3 span{ left:280px;}

.xianhe{ width:323px; height:276px;position: absolute;z-index: 999;bottom: 110px;right:150px;}

/*03event*/
.tower{ width:346px; height:441px; background: url(../images/page/tower.png) no-repeat; float: left; top: -20px;position: relative; z-index:200; color: #3b3b3b;}
.tower .towerp{ width: 346px; text-align:center;color:#e09b71;font-size:12px; height: 20px; position: relative;float: left; top: -40px;}
.tower .floor{width:114px;height:364px;background:url(../images/page/floor-bg.png) no-repeat 50% 50%; margin:25px 0 0 120px; position:relative;z-index:300; padding: 0; }
.sanjiao-icon{ width:12px; height:28px; background: url(../images/page/page-icon.png) no-repeat -509px -30px; position: relative;top:160px; left: -20px;}
.tower .floor a{ width: 114px; height: 30px; display: block;position:relative; z-index: 9999; margin:5px 0; padding: 0; float: left; text-align: center; top: -10px; line-height: 30px;}
.select-on{width: 114px; height: 30px; background: url(../images/page/page-icon.png) no-repeat -210px 0; color: #fff; line-height: 30px;}
.tower .floor a:hover{ width: 114px; height: 30px; background: url(../images/page/page-icon.png) no-repeat -210px 0; position: relative; color: #fff;}
.cont-fight{ float:left;left: 80px; top: 30px; position:relative;}
.cont-fightn{ display: none;}

.tower-xq{width: 65%;float:left; position:relative; margin:0 0 0 -30px;padding: 0;}
.tower-xq dl dd{display:none;}
.tower-name{ width:327px; height: 31px; background: url(../images/page/page-icon.png) no-repeat -480px 0; font-size: 24px; color: #4a4949; padding-left:55px; font-weight: bold; line-height: 31px; margin-top: -35px; overflow: hidden;}
.cont-one{ background:url(../images/page/page-icon.png) no-repeat 0 -390px;padding-top: 10px;}
.intro-yg{ width:238px; height:356px; background: url(../images/page/page-icon.png) no-repeat -750px -48px; float: left; margin-right:40px;padding: 15px 15px 0 20px; text-align: center;font-size: 14px;}
.p-left{line-height: 28px; text-align: left;color:#949191; margin-top: 25px; font-size: 14px;}
.p-left span{color: #ff5d00; margin-bottom:-15px;display: block; }
.back-icon{ width:18px;height:14px; background: url(../images/page/page-icon.png) no-repeat  -560px -100px; display: inline-block;}
.back-btn{color:#f18658; position: absolute; z-index: 9999; top: 10px; right:20px;}
a:hover.back-btn{color:#f18658; text-decoration: underline;}

/* Media queries */
@media screen and (max-width: 70em) { .cbp-contentslider p {font-size: 100%;}}
@media screen and (max-width: 67.75em) {.cbp-contentslider { font-size: 85%; }.cbp-contentslider nav a[class^="icon-"]:before,.cbp-contentslider nav a[class*=" icon-"]:before {left: 50%;margin-left: -1.250em;}.cbp-contentslider nav a span {display: none;}}
@media screen and (max-width: 43em) {.cbp-contentslider h3 {font-size: 2em;}.cbp-contentslider .cbp-content {-webkit-column-count: 1;-moz-column-count: 1;-o-column-count: 1;column-count: 1;}.cbp-contentslider li > div {top: 5em;}}
@media screen and (max-width: 25em) { .cbp-contentslider nav a { padding: 0;}.cbp-contentslider h3[class^="icon-"]:before, .cbp-contentslider h3[class*=" icon-"]:before { display: none;}}