@charset "utf-8";

body,
div,
ul,
li,
p,
dl,
dt,
dd,
a,
h1,
h2,
h3{padding: 0; margin: 0;}
img{border: 0;}
ul,
li{list-style-type: none;}
a{text-decoration: none; currentsor: pointer; color: #a28876;}
a:hover{text-decoration: underline;}
body,
html{overflow-x: hidden; overflow-y: auto; font: 14px/1.8 "Microsoft YaHei"; color: #c3b7ac;}

body{font:normal 12px/20px "微软雅黑","宋体",Tahoma,Geneva,sans-serif;background:#131017  url(../images/bg-m-b.png) bottom no-repeat;color:#4f4f4f;}

/*xin*/

/*---mp3--*/
.musicbox{width:47px;height:47px;position:fixed;z-index:50000;top:10px;right:20%;cursor:pointer;}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}


.m1 { width:1133px; height:auto;  overflow:hidden; margin:0 auto; }

.ml10 { margin-left:10px;}
/*a13*/
.m3_div { margin:0 auto; width:1130px; margin-bottom:30px;;position:relative;margin-top:100px}
.m3_zb { width:1130px; height:auto; overflow:hidden;  margin:0 auto; padding:10px 00px 00px 00px ;    }


.m3_zb_4 { width:235px;  height:auto; overflow:hidden;  padding:9px 19px 9px 19px;float:left; background:#393939 url(../images/img03.png) left top no-repeat; border:#545454 1px solid; border-radius: 7px; position:relative; }

.m3_zb_4 .role-itemsw { width: 235px; height: auto; float: left; position: relative; }
.m3_zb_4 .role-itemsw img { width:235px; height:auto; overflow:hidden; margin-top:10px;  border: 2px solid rgba(255,255,255,.1);border-radius:15px;}
.m3_zb_4 .role-itemsw .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_4 .role-itemsw .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_4 .role-itemsw .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsw:hover .role-dec { top:0px; left:0px; }





.m3_zb_3 { width:330px;  height:auto; overflow:hidden;  padding:9px 19px 9px 19px;float:left; background:#393939 url(../images/img03.png) left top no-repeat; border:#545454 1px solid; border-radius: 7px; position:relative; }

.m3_zb_3 .role-itemsy { width: 330px; height: auto; float: left; position: relative; }
.m3_zb_3 .role-itemsy img { width:330px; height:auto; overflow:hidden; margin-top:10px;  border: 2px solid rgba(255,255,255,.1);border-radius:15px;}
.m3_zb_3 .role-itemsy .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_3 .role-itemsy .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_3 .role-itemsy .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsy:hover .role-dec { top:0px; left:0px; }


.m3_zb_2 { width:520px;  height:auto; overflow:hidden;  padding:9px 19px 9px 19px;float:left; background:#393939 url(../images/img03.png) left top no-repeat; border:#545454 1px solid; border-radius: 7px; position:relative; }

.m3_zb_2 .role-itemsr { width: 520px; height: auto; float: left; position: relative; }
.m3_zb_2 .role-itemsr img { width:520px; height:auto; overflow:hidden; margin-top:10px;  border: 2px solid rgba(255,255,255,.1);border-radius:15px;}
.m3_zb_2 .role-itemsr .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_2 .role-itemsr .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_2 .role-itemsr .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsy:hover .role-dec { top:0px; left:0px; }


.m3_zb_1 { width:1090px;  height:auto; overflow:hidden;  padding:9px 19px 9px 19px;float:left;   background:#393939  url(../images/img03.png) left top no-repeat;  border:#545454 1px solid; border-radius: 7px; position:relative; }
.in02 { position:absolute; width:283px; height:35px; background:url(../images/icon02.png) no-repeat; top:0px; left:380px;}
.m3_zb_1 .role-itemsk { width: 1090px; height: auto; float: left; position: relative; }
.m3_zb_1 .role-itemsk img { width:1090px; height:auto; overflow:hidden; margin-top:10px;   border: 2px solid rgba(255,255,255,.1); border-radius:15px;}
.m3_zb_1 .role-itemsk .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_1 .role-itemsk .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_1 .role-itemsk .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsk:hover .role-dec { top:0px; left:0px; }

.an_buut { position:fixed; width:272px; height:642px; background:url(../images/logo.png) no-repeat; z-index:10; left:50%;  margin-left:-820px;}
.an_buut img { margin-left:30px; margin-top:10px;}


/*A3*/

.start{overflow:hidden;height:100px;width:210px;background:url(../images/start.png) no-repeat;display:block;padding-top:20px;transition:.5s; margin-left:30px; margin-top:110px;}
.start:hover{background-image:url(../images/start2.png);}
.start span,.start span:after{display:block;width:150px;height:59px;margin:0 auto;background:url(../images/buut.png) no-repeat;content:"";cursor:pointer;}
.start:hover span{animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite}
.start:hover span:after{opacity:.6;animation:linear icoBig2 1.6s infinite;-webkit-animation:linear icoBig2 1.6s infinite}
@-webkit-keyframes icoBig{
  0%{-webkit-transform:scale(1);transform:scale(1);}
  20%{-webkit-transform:scale(1.05);transform:scale(1.05);}
  30%{-webkit-transform:scale(.93);transform:scale(.93);}
  45%{-webkit-transform:scale(1.04);transform:scale(1.04);}
  60%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes icoBig{
  0%{transform:scale(1);}
  20%{transform:scale(1.05);}
  30%{transform:scale(.93);}
  45%{transform:scale(1.04);}
  60%{transform:scale(1);}
}
@-webkit-keyframes icoBig2{
  0%{-webkit-transform:scale(1);transform:scale(1);}
  20%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}
  100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes icoBig2{
  0%{transform:scale(1);}
  20%{transform:scale(1.3);opacity:0}
  100%{transform:scale(1);opacity:0}
}

.recharge{overflow:hidden;height:100px;width:210px;background:url(../images/start.png) no-repeat;display:block;padding-top:20px;transition:.5s;margin-left:30px;}
.recharge:hover{background-image:url(../images/start2.png);}
.recharge span,.recharge span:after{display:block;width:150px;height:59px;margin:0 auto;background:url(../images/recharge.png) no-repeat;content:"";cursor:pointer;}
.recharge:hover span{animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite}
.recharge:hover span:after{opacity:.6;animation:linear icoBig2 1.6s infinite;-webkit-animation:linear icoBig2 1.6s infinite}

.but_an { background:url(../images/btn-bg.png) no-repeat; float:left; width:180px; height:43px; margin-left:47px; margin-top:10px; line-height:43px; text-align:center; font-size:18px; color:#4a3728; }

	/*在线客服*/
	#onlineKefu{ 
	width:96px;
	height:450px;
	position:fixed;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	right:30px;
	top:90%;
	margin-top:-221px;
	_margin-bottom:40%;
       z-index:6000;}

/*	#onlineKefu{ z-index:6000;margin:-500px 0 0 700px;width:129px;height:450px;position:fixed;top:76%;left:50%;background-color:#24293f;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+this.offsetHeight));}*/

	#onlineKefu a{text-indent:-99em;overflow:hidden;}
	#onlineKefu a.btn_kefu{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left top;display:block;}
	#onlineKefu a.btn_kefu:hover{background-position:-130px top ;}
	#onlineKefu a.btn_top{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left -61px;display:block;}
	#onlineKefu a.btn_top:hover{background-position:-130px -61px ;}
	#onlineKefu .erweima{width:130px;height:148px;padding-top:16px;background-color:#1f2639;}
	#onlineKefu .erweima img{margin:0 auto 3px;width:118px;height:117px;display:block;}
	#onlineKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;}