@charset "utf-8";
*{box-sizing:border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin:0; padding:0; box-sizing:border-box;-webkit-box-sizing:border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
html,body{font-family:Microsoft YaHei,'SimHei',Arial,tahoma, Verdana, Geneva, sans-serif;}
html{outline: none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size:100px;}
body { position:relative; font-size:14px;color:#fff;line-height: 1.8;margin:0 auto;background:#1A1A1A;}
.els{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
table,td,th {border-collapse:collapse}
ol,ul,li {list-style:none;}
i,em{font-style: normal;}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{ border:0;}
img,input,textarea{vertical-align:middle;outline:0}
input:focus{outline: none;}
a {text-decoration:none; outline:0; -webkit-tap-highlight-color:rgba(0,0,0,0); color: #fff}
a:hover{color: #D0C8AB;}
.hid{display:none;}
.wrap{ width: 100%; position:relative;top: 0; background: url(https://p0.ssl.qhimg.com/d/inn/44a17821701d/images/bggbody.jpg) no-repeat center top;}

/*index*/
.menu{width: 1250px; margin: 0 auto;height: 757px;padding-top: 57px; background:url(https://p0.ssl.qhimg.com/d/inn/44a17821701d/images/indexhead.jpg) no-repeat center top;}
.menu a{float: left; margin-right:76px; font-size: 16px; text-align: center; color: #fff; line-height: 1.4;}
.menu a em{ display:block; font-size: 12px; color: #B1A6A8}
.menu a:hover,header a:hover em{ color: #D0C8AB }
.container{width: 1250px; margin: 0 auto; background: url(https://p0.ssl.qhimg.com/d/inn/3a0da749df45/indexcon.jpg) no-repeat center top; }
.tabUnit{display:none;}
.sider{float: left;width: 330px;}
	.btnstart{height: 410px;}
	.btnstart a{ display: block; margin: 0 auto; width: 203px; height: 210px;}
	.btndown{height: 60px; padding:0 5px 0 0; text-align: center;}
	.btndown a{ display: inline-block; margin: 0 4px; }
	.btnget{ height: 120px; padding: 0 0 0 27px}
	.btnget a{float: left;width:88px; height: 74px;}
.flash{float:left; width: 590px; height: 475px; border: 1px solid #4B4B4B; margin-top: 135px; overflow: hidden;
	position: relative;}
	.swiper-slide {text-align: center;}
	.topSwiper{width: 590px; height: 475px}
	.topSwiper .swiper-slide img{width:590px; height: 398px}
	.topSwiper .pagination {
	  position: absolute;
	  z-index: 20;
	  bottom: 30px;
	  width: 100%;
	  text-align: center;
	}
	.topSwiper .swiper-pagination-switch {
	  display: inline-block;
	  width: 16px;
	  height: 16px;
	  border-radius: 8px;
	  background: url(https://p0.ssl.qhimg.com/d/inn/44a17821701d/images/icon.png) no-repeat right top;
	  margin: 0 5px;
	  opacity: 0.8;
	  cursor: pointer;
	}
	.topSwiper .swiper-active-switch {
	background-position: 0  0
	}
.connews{float: right;width: 310px; padding-top: 78px; height:610px; overflow:hidden; position:relative;}
	.tit{ height: 58px; position: relative; padding: 15px 0 0 5px;}
	.tit li{float: left;width: 54px; text-align: center; font-size: 16px; color: #8A8572; cursor: pointer;}
	.tit li.current{ color: #D1C8AC; }
	.connews .more{ position: absolute; right: 25px; top: 54px; width: 51px; height:51px; background: url(https://p0.ssl.qhimg.com/d/inn/44a17821701d/images/more.png) no-repeat center top;}
	.connews .more:hover{animation:que 1s;-webkit-animation:que 1s;}
.hotnews{clear:both;height: 62px; line-height: 28px; margin:10px 20px 0px 10px; font-size: 16px; color: #fff; overflow:hidden; font-weight: bold; border-bottom:1px solid #5e5e52;}
.newlist{ padding:10px 15px 10px;}
.newlist.current{ display: block }
	.newlist dd{ height:38px; overflow:hidden; line-height: 20px;margin-bottom:20px; color: #D6D6D6}
	.newlist dd a{color: #F5F5F5}
	.newlist dd a:hover{color: #D0C8AB}
	.newlist dd span{float: left; width: 50px;font-size: 12px; color: #A39581; }
	.newlist dd span i{ display: block;color: #5F5E5E; }
	.newlist dd em{line-height: 20px;}

.con_wdsc{clear: both;}
.con_wdsc h3{padding:15px 0; text-align: center; font-size: 28px; font-weight: normal;}
.mlist{position: relative; width: 1240px; height: 260px;position: relative; /*background: #fff1*/}
.wuSwiper{ width: 1240px }
.wuSwiper .swiper-slide{ position: relative; text-align: left;}
.wuSwiper .swiper-slide img{/*width:396px; height: 248px;*/padding-right: 120px }
.wuSwiper .swiper-slide p{ width: 160px; position: absolute; right: 10px; top: 20px; /*background: #ccc*/ font-size: 12px}
.wuSwiper .swiper-slide p span{ display: block; text-align: left; font-size: 20px }
.wuSwiper .swiper-slide p em{ display: block }
	/*.btnswiper{width: 880px; position: absolute;}*/
	span.btnswiper {width: 32px; height: 68px;position: absolute;  top: -20px; cursor: pointer; color: #fff; font-size: 16px; line-height: 60px; text-align: center;z-index: 999;}
	span.btnswiper img{ background: #191919 }
	span.btnpre{left: -40px;top: 62px;}
	span.btnnext{right: -40px;top: 62px;}

/*人物狂战士*/
.con_renwu{height: 805px;margin: 60px 0 0 0; position: relative;}
	.m_rw{ position: absolute; z-index: 5 }
	.m_rw img{ position: absolute; }
		.r_tit{ left: 35px; top: 78px; z-index: 2;animation:mymove 1s;-webkit-animation:mymove 1s; }
		.r_zs{ left: 65px; top: -50px; z-index: 1;/*-moz-transition: -moz-transform,.3s;
    -o-transition: -o-transform,.3s;
    -webkit-transition: -webkit-transform,.3s;
    transition: transform,.3s; */}
		/*.r_zs:hover{-moz-transform: scale(1.07,1.07);
    -ms-transform: scale(1.07,1.07);
    -webkit-transform: scale(1.07,1.07);
    transform: scale(1.07,1.07);}*/
		.r_pf{ left: 0; top: 492px; z-index: 3;animation:que 1s;-webkit-animation:que 1s;}
.con_maint{ position: absolute;top: 63px; right: 0px; z-index: 9; width: 500px; height: 720px; background:url(https://p0.ssl.qhimg.com/d/inn/44a17821701d/images/jnbgg.png) no-repeat center top; }
	.m_js{ position: absolute; right: 34px; top: 20px; width: 90px; height: 180px; z-index: 20 }
	.m_js li{width:110px;height: 110px; background:url(https://p0.ssl.qhimg.com/d/inn/44a17821701d/images/changejn.png) no-repeat right 0; cursor: pointer; text-indent: -1000px}
	.m_js li.mtz.cur{ background-position: 0 0 }
	.m_js li.mjn{height: 70px; background-position:0 -109px}
	.m_js li.mjn.cur{ background-position:right -109px}
.main_txt{ position: relative; float: left;margin:45px 0 0 128px; width: 230px; height: 630px;/*border: 1px solid  #fff;*/ display: none}
.main_txt.now{ display: block; }
.main_txt h5{ text-align: center; height: 62px; }
.m_nr{ text-align: center; position: relative; background:url(https://p0.ssl.qhimg.com/d/inn/44a17821701d/images/line.png) no-repeat center 37px; display: none }
	.m_nr p{animation:txtshow 2s;-webkit-animation:txtshow 2s;    position: relative;
    z-index: 3;}
	.m_nr.now{ display: block; }
	.m_nr .dh{ position: absolute; left: -202px; top: -30px; }
.m_tz .m_nr .dh{ left: -158px; top: 116px; }

.tzlist{ position: absolute;width:230px; height: 170px; z-index: 20;    top: 485px; left:7px; }
	.tzlist li{ float: left; width: 73px; height: 72px; background:url(https://p0.ssl.qhimg.com/d/inn/44a17821701d/images/tz_tit.png) no-repeat center -72px; text-align: center; font-size: 20px; line-height: 72px; cursor: pointer;}
	.tzlist li.cur{ background-position: 0 0;animation:mtxt 1s;-webkit-animation:mtxt 1s; }
.main_jn .tzlist{background:url(https://p0.ssl.qhimg.com/d/inn/44a17821701d/images/jinenghover.png) no-repeat center -20px;}
.main_jn .tzlist li{background: none;height: 89px;margin-right: -4px; /*opacity: 0.5;*/}
.main_jn .tzlist span{ display: block;width: 54px; height: 55px; margin-left: 18px; background:#000; opacity: 0.5; border-radius: 3px;}
.main_jn .tzlist li.cur span{ background: none; }
.main_jn .m_nr{background: none}

/*ziliao*/
.con_ziliao{ margin-top: 86px; height: 250px;padding: 110px 0 0 30px; }
.con_ziliao li{float: left;width:300px; padding: 0 10px 0 34px;font-size: 12px;height: 65px;overflow: hidden;}
.con_ziliao li a{ display: inline-block; margin: 0 3px }
.con_ziliao li a:hover{ text-decoration: underline; }

/*pic*/
.Ptit{padding: 10px 0; text-align: center; font-size: 44px; color: #fff;}
.Ptit span,.Ptit a{ display: inline-block; margin: 0 10px; color: #4C4C4C; cursor: pointer; }
.Ptit span.cur{color: #fff}
.conm{ position: relative; display: none }
.conm.now{ display: block }
.conm a{ position: absolute;right: 12px;bottom: 20px; text-align: right; width:133px;height:157px;right: 48px;bottom: 17px; top: auto;}
.conm .more{right:-3px;bottom: 0px; top: auto;}
.conm  em{ color: #646464; font-size: 35px; display: block;}
.conm  i{color: #fff; display: block; font-size: 20px}


/*kf*/
.conkf{padding: 85px 0; position:relative;}
.conkf span{ display: inline-block; margin-right: 100px; }
.conkf span.links{margin-right: 0}

/*footer*/
.footer{ height: 200px; font-size:12px; color: #fff; background: #1A191A; border-top: 1px solid #303030}

.butt{ position: absolute; padding: 0 5%;left: 0; bottom: 0.8rem ;text-align:center;animation:mymove 1s;
-webkit-animation:mymove 1s;}

.content{float: right; height: 1000px; width:905px; background: #000}
.clear{ clear: both; }
/*技能卡片*/
@keyframes mtxt {
    0%{transform: rotateY(0deg);}
    100%{transform: rotateY(360deg);}
}
@keyframes que {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}


#mediaPartners{width:198px;height:34px;background:url(https://p2.ssl.qhimg.com/d/inn/9dc6570436cb/select.png) no-repeat; cursor:pointer; position:absolute; top:161px; right:100px; z-index:3}
#mediaPartners table{width:100%}
#mediaPartnersBox{display:none;padding-top:28px}
#mediaPartners a.ieCustom{display:block;width:158px;height:22px;cursor:pointer;color:#000;text-decoration:none;line-height:30px;color:#ffe8bb}
.ieCustom:hover div#mediaPartnersBox,#mediaPartners:hover div#mediaPartnersBox{display:block;position:absolute;left:0px;top:0px;width:198px;height:240px; text-align:center; _position:absolute}
#mediaPartnersBox a{color:#585858;line-height:22px;display:block; font-size:14px;}
#mediaPartnersBox a:hover{text-decoration:underline; color:#585858;}
#mediaPartners .secect{width:198px;height:240px; overflow-y:auto; margin:0px auto; margin-top:7px; background:#fff; border-top:none; padding-top:10px; line-height:24px;}

.linkBox{width:304px; height:432px; background:url(https://p3.ssl.qhimg.com/d/inn/729c46f48e06/link.png) no-repeat; margin:75px 0px 50px 8px; position:relative;}
.linkBox #mediaPartners{top:364px; left:78px;}


#SLB-Top,#SLB-Top div,#SLB-Bottom,#SLB-BottomRight{background:url(http://p9.yx-s.com/t010c865985e1eff9e6.png) no-repeat;_background:#2d2d2d}
#SLB-Left,#SLB-Right,#SLB-Top a{background:url(http://p5.yx-s.com/t0182ac70a5d7875015.png) no-repeat}
#SLB-Wrapper{margin:.5em 0;margin:auto;font-family:Verdana;text-align:left;position:absolute}
#SLB-Wrapper #SLB-Background{position:absolute;left:7px;top:7px;float:left;background:#000}
#SLB-Wrapper #SLB-Top{background-position:right 0;height:28px;margin:0 0 0 18px}
#SLB-Wrapper #SLB-Top a{float:right;display:inline;padding:0;margin:5px 10px 0 0;width:40px;height:20px;text-decoration:none}
#SLB-Wrapper #SLB-Top a:hover{background-position:0 -16px}
#SLB-Wrapper #SLB-Top img{float:right;border:0;margin:6px 10px;width:41px;height:16px}
#SLB-Wrapper #SLB-Top div{font-size:0;height:28px;left:-18px;line-height:0;position:relative;width:18px}
#SLB-Wrapper #SLB-Bottom{background-position:0 43%;height:20px;margin:0 18px 0 0}
#SLB-Wrapper #SLB-Bottom #SLB-BottomRight{background-position:100% 43%;font-size:0;height:20px;right:-18px;line-height:0;position:relative;width:100%;float:right}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav,#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{height:52px}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav{background-position:0 100%}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{background-position:100% 100%}
#SLB-Wrapper #SLB-Contenido{border-left:7px solid #e367aa;border-right:7px solid #e367aa}
#SLB-Wrapper #SLB-Bottom #SLB-Navegador{font-size:12px;color:#fff;height:26px;border-left:0;border-right:0;padding:0;margin:10px 0 0 0;line-height:18px;overflow:hidden;float:left;width:100%}
#SLB-Wrapper #SLB-Navegador #SLB-Right,#SLB-Wrapper #SLB-Navegador #SLB-Left{display:inline-block;padding:0;margin:0;width:32px;height:24px;text-decoration:none;position:relative;top:2px}
#SLB-Wrapper #SLB-Navegador #SLB-Right{background-position:-61px 0;margin:0 18px 0 10px;float:right}
#SLB-Wrapper #SLB-Navegador #SLB-Right:hover{background-position:-61px -26px}
#SLB-Wrapper #SLB-Navegador #SLB-Left{background-position:-40px 0;margin-right:10px;float:left}
#SLB-Wrapper #SLB-Navegador #SLB-Left:hover{background-position:-40px -26px}
#SLB-Wrapper #SLB-Navegador strong{display:block;padding-top:5px;display:none}

.pagebox{text-align:center;margin:80px 0px}
.pagebox a{color:#fff;font-size:18px;padding:0 10px}
.pagebox a:hover{color:#898072;text-decoration:underline}
.pagebox a.cur{color:#898072;text-decoration:underline}

.winBox{position:fixed;_position:absolute;left:50%;z-index:99999;display:none}
.closeWin,.winCover{position:absolute;top:0}
.winCover{background:url(http://p7.qhmsg.com/t01007bcc56c805e463.png);_filter:Alpha(Opacity=80);width:100%;left:0;z-index:99990}
.closeWin{right:-30px;width:30px;height:30px;overflow:hidden;cursor:pointer;background:url(http://p8.yx-s.com/d/inn/36f5960a/x.png) #000}

.footerDiv{width:1200px; height:160px; overflow:hidden; padding-top:40px; margin:0px auto;}
.footerDiv1{width:1200px; height:200px; position:relative; margin:0px auto; margin-top:80px;}
.footerDiv .logo1,.footerDiv1 .logo1{text-align:center; margin-bottom:10px;}
.new-footer-con{position: relative;width:1200px; margin:0px auto; height:120px; overflow:hidden;}
.new-logo,.new-logo2,.new-logo3,.whlj{display:block;left:0;position:absolute;top:0;}
.new-logo {background:url(https://p2.ssl.qhimg.com/d/inn/0ed264a91482/forlogo.png) no-repeat; height:66px;top:24px;width: 250px;}
.new-logo2{background:url(http://p7.yx-s.com/t0112f012d9c7dfbfb3.png) no-repeat;height:48px;left:270px;top:8px;width:41px;}
.new-logo3{background:url(http://p8.yx-s.com/t01afe2f60da49b6963.png) no-repeat;height:47px;left:268px;top:66px;width:47px;}
.footer-txt{color:#585858;line-height:30px;padding:0 0 0 320px;}
.footer-txt a, .footer-txt span{color:#585858; padding:0px 5px;}
.footer-txt a:hover{text-decoration:underline;}

/* lists */
.wrap1 {background: url(http://p6.qhimg.com/d/inn/f78d9f30/bg1.jpg) no-repeat center top;}
.wrap1 .menu{height:483px; background: url(http://p2.qhimg.com/d/inn/f78d9f30/bg2.jpg) no-repeat center top;}
.wrap1 .container{height:1723px; background: url(http://p6.qhimg.com/d/inn/f78d9f30/bg3.jpg) no-repeat center top;}
.wrap1 .content {float: right;min-height:1462px;width:913px;background: url("https://p2.ssl.qhimg.com/t011323e949b920d43d.png") no-repeat; padding:0px 60px; margin-top:100px;}
.wrap1 .btndown{margin-top:16px;}

.RightTop{width:795px;height:50px;color:#a3a4a6; margin-top:60px;}
.RightTop i{font-style:normal;font-size:12px;color:#ccc;font-weight:lighter;padding-left:5px}
.RightTop .dqwz{font-size:14px;color:#999;float:right;font-weight:lighter;}
.RightTop .dqwz a{color:#999; font-size:14px; padding:0 5px}
.RightTop .dqwz a:hover{text-decoration:underline; color:#9b2c2b;}

.RightCon h1.tm{width:795px;border-bottom:1px dashed #616266; text-align:center;color:#fff;font-size:24px;padding:20px 0px}
.RightCon h1.tm span{display:block;font-size:12px;color:#999;margin-top:12px}
.RightCon .neirong{width:795px;color:#999;max-height:1110px;margin-top:30px;line-height:24px;font-size:16px;overflow:hidden;overflow-y:auto; margin-bottom:80px; padding-right:20px;}
.RightCon .neirong p{margin-bottom:15px}
.RightCon .neirong img{max-width:760px}
.RightCon .neirong a{color:#999;text-decoration:underline}

.RightCon .Tab-a{width:795px; padding-top:30px;color:#301a12;}
.RightCon .Tab-a a{color:#fff;font-size:32px;display:inline-block;text-align:center; margin-right:40px;}
.RightCon .Tab-a a:hover{color:#b3a68f;}
.RightCon .Tab-a a.cur{color:#b3a68f;}

.RightCon .tablist{width:795px; margin-top:10px;}
.RightCon .tablist li{height:75px;line-height:75px;border-bottom:1px dashed #5b5d60}
.RightCon .tablist li a{color:#fff;font-size:18px;display:block}
.RightCon .tablist li a span{float:right;color:#9295a5}
.RightCon .tablist li a em{padding-right:5px;color:#a59582;}
.RightCon .tablist li a:hover{color:#898072}
.RightCon .tablist li a:hover span{color:#898072}

.RightCon dl{width:795px;margin:0 auto; margin:40px 0px; border-bottom:1px dashed #5e5f63; padding-bottom:40px;}
.RightCon dl dt{margin-bottom:20px; font-size:32px; color:#b3a68f;}
.RightCon dl dd{line-height:24px;color:#5e5f63;font-size:16px;margin:0 auto}
.RightCon dl dd a{color:#b5b5b8;width:94px; height:30px; line-height:30px; overflow:hidden; text-align:center; display:inline-block; background:url(http://p1.qhimg.com/d/inn/89bd0798/images/xian1.png) right no-repeat; padding-right:6px;}
.RightCon dl dd a:hover{text-decoration:underline; color:#fff;}

.RightCon .listBox{width:805px;position:relative;overflow:hidden;clear:both;margin:0 auto;margin-top:50px;z-index:1}
.RightCon .listBox li{width:372px;height:248px;float:left;overflow:hidden;margin:0 12px 20px 12px; position:relative;}
.RightCon .listBox li a{display:block;position:relative}
.RightCon .listBox li a img{width:372px;height:248px}
.RightCon .listBox li i{width:372px; height:248px; background:url(http://p9.qhimg.com/d/inn/e102ccbb/dabg.png) no-repeat; position:absolute; top:0px; left:0px; display:none;}
.RightCon .listBox1 li i{background:url(http://p2.qhimg.com/d/inn/e102ccbb/sp.png) no-repeat;}

