@charset "utf-8";
/*reset*/
img { border: none 0; display: block; }
a:focus { outline: none 0; }
a{ text-decoration: none;}
body{ font: 12px Microsoft Yahei,arial,����; color: #fff;}
.nowrap{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.spr{ background: url("../img/bg-icon.png")/*tpa=http://images.51wan.com/zzxy/img/bg-icon.png*/ no-repeat; _background-image: url("../img/bg-icon.gif")/*tpa=http://images.51wan.com/zzxy/img/bg-icon.gif*/;}
/*global*/
.wrap_bg{ min-width: 1280px; height: 1837px; background: #000 url("../img/wrap_bg.jpg")/*tpa=http://images.51wan.com/zzxy/img/wrap_bg.jpg*/ no-repeat top center;}
.wrap { position: relative; margin: 0 auto; width: 1280px; height: 1837px;background: #000 url("../img/bg.jpg")/*tpa=http://images.51wan.com/zzxy/img/bg.jpg*/ no-repeat top center;}
.nav{ position: absolute; left: 20px; top: 0;}
.nav span{ display: block; width: 165px; line-height: 1.2; text-align: center;}
.nav .text1{ padding-top: 36px; font-size: 18px; color: #fff;}
.nav .text2{ font-size: 13px; font-family: Arial,Microsoft Yahei,sans-serif; color: #7b7c82;}
.nav h1{ width: 250px; height: 127px;}
.nav a:hover .text1{ color:#ccac4a;}
.start{ position: absolute; top: 310px; left: 64px; display: block; width: 237px; height: 137px;}
.main{ position: absolute; top: 637px; left: 0; width: 100%; }
.usercard{ width: 240px; height: 300px;}
.sec1{ margin-bottom: 64px;}
/*banner*/
.slide { position: relative; width: 721px; height: 299px;}
.slide .picBox { position: relative; width: 721px; height: 299px;}
.slide .picBox li { position: absolute; top: 0; left: 0; width: 721px; height: 299px; overflow: hidden; z-index: 0;}
.slideNav { position: absolute; right: 20px; bottom: 11px; z-index: 1;}
.slideNav li { margin-right: 5px; display: inline-block;}
.slideNav li a { display: block; width: 26px; height: 8px; overflow: hidden; background: #222121;}
.slideNav .curr a{ background: #fe0000; }
/*server*/
.server{
	width: 319px;
	height: 300px;
	background: #0f0d16;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
.server h4{ width: 100%; height: 37px; border-bottom: 1px solid #05020f}
.server h4 span{ width: 105px; height: 46px; background-position: -21px -75px;}
.server h4 a, .news_more a{ -webkit-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; transition: all .3s linear 0s;}
.server h4 a{ display: block; width: 56px; height: 46px; background-position: -131px -75px;}
.server h4 a:hover{ background-position: -131px -121px;}
.serverList{ padding-top: 15px; border-top: 1px solid #1d1c20;}
.serverList li{ margin-bottom: 16px; width: 100%; height: 34px; background: #1e1e24; font-size: 14px; line-height: 34px; text-align: center;}
.serverList a{ color: #e9ebf3; margin-right: 40px;}
.serverList a:hover{ color: #fff;}
.sec1{}
.giftCon a{ display: block; width: 320px; height: 130px;}
.gift{ background-position: -320px 0;}
.down{ background-position: -320px -130px;}
.gift:hover{ background-position: -641px -130px;}
.down:hover{ background-position: -640px 0;}
/*news*/
.news{ width: 640px; height: 260px; font-size: 14px; line-height: 32px; background: #140508; color: #c4c4ca;}
.news .hd{ position: relative; color: #5f6065;}
.news_nav a{ display: block; width: 174px; height: 46px; line-height: 46px; color: #5f6065; text-align: center;}
.news_nav .curr a{ color: #dadae5; background: #3d0102;}
.news_more li{ position: absolute; top:0 ;right: 27px;}
.news_more a{ display: block; width: 56px; height: 46px; background-position: -131px -75px;}
.news_more a:hover{ background-position: -131px -121px;}
.news .bd{ padding: 10px 27px 12px;}
.news_box{ width: 100%; height: 192px;}
.news_box li{ _vertical-align: bottom;}
.news_box li span{ padding-left: 25px; margin-right: 8px; display: block; height: 32px; background-position: 0 -155px; color: #6c6d73;}
.news_box li a{ color: #c4c4ca;}
.news_box li a:hover{ color: #fff;}
/*service*/
.service{ width: 320px; height: 260px;}
.serviceList{ margin: 0 16px; width: 288px;}
.serviceList li{
	height: 34px;
	_vertical-align: bottom;
	border-bottom: 1px solid #1d1c20;
	padding-top: 9px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
}
.icon{ margin: 4px 12px 0 0; display: block; width: 19px; height: 15px;}
.email{ background-position: -21px -136px;}
.tel{ background-position: -40px -136px;}
.qq{ background-position: -58px -136px;}
.title span{ display: block; width: 105px; height: 16px; line-height: 16px;}
.tt1{ color: #898c92;}
.tt2{ font-size: 11px; color: #5f6065;}
.info{ color: #fff; font-size: 14px; line-height: 30px;}
.qrcode{ margin-top: -1px; width: 320px; height: 114px; background: url("../img/qr-box.png")/*tpa=http://images.51wan.com/zzxy/img/qr-box.png*/ no-repeat; overflow: hidden;}
.qrcode img{ margin-left: 29px; margin-top: 8px;}
/*sound*/
.sound{
	margin-top: 65px;
	width: 282px;
	height: 400px;
	background: #1d1f23;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
.sound h4{ width: 110px; height: 46px; background-position: -115px -26px;}
.sound h6{ margin-top: 16px; margin-bottom: 22px; width: 74px; height: 32px; text-align: center; font-size: 14px; color: #dadae5; line-height: 32px; background: #363a40;}
.box-wrap{ position: relative; margin-bottom: 20px; width: 282px; height: 122px;}
.videoImg{ width: 100%; height: 100%; background: url("../img/vdeoimg.png")/*tpa=http://images.51wan.com/zzxy/img/vdeoimg.png*/ no-repeat; cursor: pointer;}
.videoImg1{ background-position: -5px -132px;}
.videoImg2{ background-position: -5px -5px;}
.videoImg1.curr{ background-position: -292px -132px;}
.videoImg2.curr{ background-position: -292px -5px;}
/*role*/
.role{ position: relative; margin-top: 17px; width: 640px; height: 448px; color: #dadae5;}
.roleNav{ position: absolute; top: 48px; left: 0; z-index: 2;}
.roleNav li{ width: 72px; height: 46px; line-height: 46px; color: #5f6065; text-align: center; cursor: pointer;}
.roleNav li.curr{color: #dadae5; background: #3d0102;}
.roleItem, .roleItem li{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.roleItem{ z-index: 0;}
.roleItem li{ display: none; overflow: hidden;}
.roleItem li.curr{ display: block;}
.role1{ background: url("../img/rolebg1.jpg")/*tpa=http://images.51wan.com/zzxy/img/rolebg1.jpg*/ no-repeat;}
.role2{ background: url("../img/rolebg2.jpg")/*tpa=http://images.51wan.com/zzxy/img/rolebg2.jpg*/ no-repeat;}
.role3{ background: url("../img/rolebg3.jpg")/*tpa=http://images.51wan.com/zzxy/img/rolebg3.jpg*/ no-repeat;}
.roleItem img{ margin: 109px 0 9px 37px;}
.skill{ margin-left: 30px; width: 254px; height: 134px;}
.roleInfo{ margin: 17px 0 0 38px; width: 200px; line-height: 18px;}
.starCon{ margin-left: 39px; margin-top: 15px;}
.starCon em{ display: block; margin-right: 5px; width: 17px; height: 17px;}
.star1{ background-position: -131px -179px;}
.star2{ background-position: -148px -179px;}
/*ads*/
.ads{ margin-top: 65px; width: 320px;}
.ads li{ margin-bottom: 5px;}
.ads a{ display: block; width: 320px; height: 130px; overflow: hidden;}
.ads img{ width: 100%; height: 100%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.ads img:hover { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.ads .adsLast{ margin-bottom: 0;}
/*sec3*/
.sec3{ margin-top: 53px; width: 100%; height: 200px; background: url("../img/datas.jpg")/*tpa=http://images.51wan.com/zzxy/img/datas.jpg*/ no-repeat;}
.sec3 dl{ position: relative; width: 25%; height: 100%; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s;}
.dataTitle, .data, .dataMore { position: absolute;}
.dataTitle{ padding-left: 17px; top: 62px; left: 37px; font-size: 18px; font-weight: 700; color: #e0a022; background-position: 0 -205px;}
.data{ display: none; top: 93px; left: 26px; width: 250px;}
.data a{ display: block; padding-left:17px; width:100px; height:21px; background-position: 0 -247px; font-size:13px; color:#6c6d73; line-height:21px}
.data a:hover{ background-position: -115px 3px; color: #fff;}
.data1.curr{ background: url("../img/datas-hover1.jpg")/*tpa=http://images.51wan.com/zzxy/img/datas-hover1.jpg*/ no-repeat;}
.data2.curr{ background: url("../img/datas-hover2.jpg")/*tpa=http://images.51wan.com/zzxy/img/datas-hover2.jpg*/ no-repeat;}
.data3.curr{ background: url("../img/datas-hover3.jpg")/*tpa=http://images.51wan.com/zzxy/img/datas-hover3.jpg*/ no-repeat;}
.data4.curr{ background: url("../img/datas-hover4.jpg")/*tpa=http://images.51wan.com/zzxy/img/datas-hover4.jpg*/ no-repeat;}
/*link*/
.link{ margin-top: 55px; width: 100%; height: 70px; line-height: 70px; background: #140508;}
.link h4{ margin: 0 40px; font-size: 18px; color: #e0a022; font-weight: 700;}
.link a{ margin: 0 10px; color: #858589;}
.link a:hover{ color: #fff;}
.alert{ position: relative; display: none; width: 640px; height: 480px;}
.alert a{ position: absolute; top: 0; right: -30px; display: block; width: 30px; height: 30px; background: #000 url("../img/x.png")/*tpa=http://images.51wan.com/zzxy/img/x.png*/ no-repeat;}
	/*页尾*/
	#footer{width:100%;position:relative;color:#312620;z-index:1500;}
	#footer .center{padding:83px 0px 64px 0px;}
	#footer .bomlogo{margin:-21px 88px 0 442px;float:left;position:relative;display:inline;}
	#footer p{line-height:24px;}
	#footer p a{font-size:14px;font-family:'times new roman', times, serif;font-weight:bold;color:#c83502;text-decoration:underline;}