/* CSS Document */

a,area { blr:expression(this.onFocus=this.blur());} 
:focus { -moz-outline-style: none;}
a { outline:none; color: #3c3c3c; cursor:pointer;}
a:hover {color: #29746a; text-decoration: none}

body { color: #3c3c3c; background: #FFF; min-width:1210px; font-family: "Microsoft YaHei";}
.redtext { color: #F00}

/*------------------- header -------------------*/
.header{min-width:1300px;}

/*header-top*/
.header-top{ height:90px; background:#1e1e1e;}
.header-tm { position:relative; width:1300px; height:90px; margin:0 auto;}
.top-logo { float:left; padding: 20px 0 0 178px}
.top-logo .img_logo{ position:absolute; left: 17px; top:12px; z-index:200; display:block; width: 121px; height:121px}
.top-logo  h2{ height: 32px; line-height: 32px; font-size:32px; color:#fefefe; font-weight:bold}
.top-logo  h2, .top-logo p {display: none;}
.top-logo .txt_logo{ padding-top: 8px; color:#bbbbbb; font-size: 14px; font-style: italic}

.navBox{ float: right; width:1010px; padding-top: 25px;}
.navBox li { float: left; padding: 0 5px}
.navBox li a {
	display:block; width: 115px; height: 40px; line-height: 40px; padding-left: 18px;
	color: #fefefe; font-size: 16px; background: url(../img/btnbg.png) no-repeat
	}
.navBox li a:hover { color: #FFC207; background-position: -136px 0}
.navBox li a em { display: inline-block; width: 24px; height: 20px; margin: 0 6px 4px 0; vertical-align: middle; background: url(../img/btnbg.png) no-repeat}
.navBox li a em.nav01 { background-position: 0 -54px; margin-right: 14px}
.navBox li a em.nav02 { background-position: -30px -54px}
.navBox li a em.nav03 { background-position: -60px -54px}
.navBox li a em.nav04 { background-position: -90px -54px}
.navBox li a em.nav05 { background-position: -4px -244px}
.navBox li a em.nav06 { background-position: -52px -245px}
.navBox li a:hover em.nav01 { background-position: 0 -84px}
.navBox li a:hover em.nav02 { background-position: -30px -84px}
.navBox li a:hover em.nav03 { background-position: -60px -84px}
.navBox li a:hover em.nav04 { background-position: -90px -84px}
.navBox li a:hover em.nav05 { background-position: -4px -276px}
.navBox li a:hover em.nav06 { background-position: -52px -275px}
.navBox .none-ico a {width: 133px; padding-left: 0; text-align: center;}

/*------------------- header-main -------------------*/
.header-main{ height:699px; background: url(../img/bg_01.jpg) center top no-repeat; width:100%; min-width:1200px;}
.banBox{ position:relative; width:1200px; height:699px; margin:0 auto; background: url(../img/slogan.jpg) no-repeat center top}

.yybox{ position:absolute; left:18px; top:458px; width:370px; z-index:100;}
.ecodeimg {float:left; display:inline; width:128px;}
.ecodeimg img { width:128px; height:128px;}

.btn_loadBox{ float:left; width:224px; padding-left: 8px}
.btn_type1,.btn_type2,.btn_type3,.btn_type4{display: block; height:44px; padding: 14px 0 0 82px; font-size:18px; color:#fff; font-weight:300; background: url(../img/btns.jpg) no-repeat }
.btn_type1 { margin-top: 2px}
.btn_type2 { margin-top:8px;}
.btn_type1,.btn_type2 { width:141px;}
.btn_type3,.btn_type4 { width:138px;}
.btn_type1,.btn_type3 { background-position:0 0;}
.btn_type2,.btn_type4 { background-position:0 -61px;}
.btn_type1:hover,.btn_type3:hover { background-position:0 -122px;}
.btn_type2:hover,.btn_type4:hover { background-position:0 -183px;}

.ecodeimg_animation,
.btn_type1_animation,
.btn_type2_animation{ animation: kf-transform 1.5s ease;  -moz-animation: kf-transform 1.5s ease;  -webkit-animation: kf-transform 1.5s ease;  -o-animation: kf-transform 1.5s ease;}

/*------------------- news-content -------------------*/
.content-bgColor { background: #f3f3f3;}
.content-main { width: 1200px; margin:0 auto}

.newsmain{ padding: 30px 0 14px 0}
.titBar { position:relative; width:100%; height:52px;}
.titBar strong{ display: inline-block; line-height: 52px; font-size:40px; color:#282a2d; font-weight:bold; margin-right:5px;}
.titBar span{ font-size:20px; color:#7b7b7b;}
.tit-notice { position: absolute; bottom:0; right:0; font-size: 22px; line-height: 22px; color: #e83737}
.not-icon { display: inline-block; width: 20px; height: 18px; margin: 3px 8px 0 0; vertical-align: top; background: url(../img/btnbg.png) no-repeat -133px -56px}

.main01 { width: 1200px;}
.index-newsBox { width: 1200px; padding: 12px 0 30px 0}
/*slide_Tbox*/
.slide_Tbox { float:left; position:relative; width:540px; height:414px}
.slide_Tbox .hd { width:280px; height:22px; position:absolute; left:20px; bottom:7px; z-index:1;}
.slide_Tbox .hd li { float:left; width:10px; height:10px; cursor:pointer; display:inline-block; background:#d8d8d8; margin-right:10px; border-radius:5px; text-indent: -9999px} 
.slide_Tbox .hd .on { background:#db3030; width:20px;}
.slide_Tbox .bd { width:540px; height:362px; overflow:hidden; z-index:0;}
.slide_Tbox .bd li a{ display:block; width:540px; height:362px;}
.slide_Tbox .bd img { width:540px; height:362px;} 
/*hot_box*/
.hot_box { float: right; width: 660px; height: 414px; overflow: hidden;}
.hot_box li { width: 318px; height: 174px; float: left; position: relative; margin-left: 12px;}
.hot_box li a, .hot_box li a img { display: block; width: 318px; height: 174px;}
.hot_box li a span { display: block; position: absolute; left: 0; bottom: 0; width: 318px; height: 35px; line-height: 35px; background: url(../img/hotbg.png) repeat; font-size: 16px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; zoom:1; transition: all 0.5s;}
.hot_box li a:hover span { width: 318px; height: 174px; line-height: 174px;}
.hot_box li.mb11 { margin-bottom: 11px;}
.hot_box .titBar strong { text-indent: 12px;}

/*newslist*/
.newslist{ float: left; width: 1200px; height:250px; overflow: hidden; background-color: #fff;}
.newstabbar{ position: relative; height: 30px; padding: 17px 16px 0 0; border-bottom: solid 1px #ebebeb; overflow: hidden;}
.newstabbar .tab{ float: left; padding: 0 16px; font-size: 16px; cursor: pointer}
.newstabbar .tabhover, .newstabbar .tabcur{ color: #73aeaa;}
.newstabbar .curline{ position: absolute; left: 0; margin-top: 27px; width: 0; height: 3px; background-color: #73aeaa; overflow: hidden;}
.newstabbar .more{ float: right; padding: 0; color: #73aeaa; font-size: 20px; font-family: Verdana;}

.newslist .screen{ width: 1184px; display: none; padding: 5px 10px 0 14px}
.newslist .screen ul{ height: 232px; overflow: hidden;}
.newslist .screen li{ padding-right: 6px; height: 38px; line-height: 38px; border-bottom: dashed 1px #cfcfcf;}
.newslist .screen li a { display: block; width: 900px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; zoom:1}
.newslist .screen li a em { margin-right: 8px}
.newslist .screen li span { float: right; color: #b2b2b2; font-size: 14px}

/*quick*/
.quick{ float: right; width: 284px; height: 288px; overflow: hidden;}
.quick ul { width: 292px}
.quick li { float: left; padding: 0 10px 16px 0}
.quick a{ display: block; width: 136px; height: 106px; padding-top: 30px; color:#fff; text-align: center}
.quick .qa1{ background:#ff6400;}
.quick .qa2{ background:#007b7a;}
.quick .qa3,.quick .qa4{ background:#ffffff; color:#73aeaa}

.am_1,.am_2,.am_3,.am_4{ display:block; width:60px; height:50px; margin: 0 auto}
.qbtn{ display:block; width:60px; height:50px; background: url(../img/btnbg.png) no-repeat;}
.quick .am_1 em{ background-position:0 -129px;}
.quick .am_2 em{ background-position:-70px -129px;}
.quick .am_3 em{ background-position:-140px -129px;}
.quick .am_4 em{ background-position:-208px -129px;}
.btnup{ -webkit-animation: opa_btm 0.7s infinite alternate linear; animation: opa_btm 0.7s infinite alternate linear;}
.quick .am_t{ font-size:18px; padding: 12px 0 5px 0}
.quick .am_y{ height: 8px; font-size:0; text-indent: -9999px; background: url(../img/btnbg.png) no-repeat;}
.quick .am_y.am_y01 { background-position: 7px -192px}
.quick .am_y.am_y02 { background-position: -143px -192px}
.quick .am_y.am_y03 { background-position: 34px -210px}
.quick .am_y.am_y04 { background-position: -112px -210px}

/*------------------- index-game -------------------*/
.index-game { width: 1200px; margin:0 auto; overflow: hidden; position: relative;}
.index-gameList { width: 1200px}
.index-gameList li { float: left; display: inline; margin: 21px; text-align: center; overflow: hidden}
.index-gameList li img { width: 100px; height: 100px}
.index-gameList li .mj-name { margin-top: 18px; height: 30px; line-height: 30px; font-size: 18px;}

.gList-link { display: block;}
.gList-link:hover { opacity: 0.8;}

.btn_prev, .btn_next { position: absolute; top:54px; display: block; width: 16px; height: 30px; background: url(../img/btnbg.png) no-repeat; z-index: 5; display: none;}
.index-game:hover .btn_prev, .index-game:hover .btn_next { display: block; }
.btn_prev { left:0; background-position: -230px -48px;}
.btn_next { right:0; background-position: -256px -48px;}
.btn_prev:hover { background-position: -230px -86px;}
.btn_next:hover { background-position: -256px -86px;}

/*------------------- follow-content -------------------*/
.follow-content .content-main { padding: 50px 0}
.follow-title { height: 40px; line-height: 38px; color: #282a2d; font-size: 40px; text-align: center; background: url(../img/line_bg.jpg) no-repeat center center;}
.follow-ecode { width: 650px; margin:0 auto; padding-top: 38px}
.follow-ecode li { float: left; padding: 0 12px}
.follow-ecode li img { width: 298px; height: 298px}
.follow-ecode li p { margin-top: 14px; line-height: 20px; text-align: center}

/*------------------- insideCon -------------------*/
.insideBox{ width:100%; min-width:1200px; background: url(../img/inbg.jpg) no-repeat center top #e4eeed;}
.insideCon { width: 1200px; margin:0 auto; padding: 170px 0 98px 0; background: url(../img/inslogan.jpg) no-repeat center top;}

/*------------------- siderBar -------------------*/
.siderBar { float: left; width: 245px; background: #d4e5df; min-height:1100px; height:auto !important; _height:1100px; overflow:visible;}

/*inDown_warp*/
.inDown_warp {display: none; width: 220px; height: 390px; padding: 13px; background:#73aeaa}
.inDown_warp .btn_type3 { margin-top: 15px}
.inDown_warp .btn_type4 { margin-top: 7px}
.inDown-code { width: 200px; padding: 10px; background: #FFF}
.inDown-code img { width: 200px; height: 200px;}
.inDown-code p { text-align: center}

/*sidepic*/
.sidepic { position: relative; width: 220px; padding: 24px 13px; overflow: hidden}
.sidepic img { width: 220px; height: 164px}

.smalFocus { position: absolute; bottom: 28px; right: 18px; height: 11px; z-index: 1; overflow: hidden; zoom: 1;}
.smalFocus li {	display: inline; float: left; width: 10px; height: 10px; margin-left: 6px; text-indent: -9999px; cursor: pointer; background:#ffffff; border-radius:5px;}
.smalFocus li.on { background:#db3030; width:20px;}

/*jqbox*/
.jqbox { width: 220px; padding: 0 13px}
.jqbox_list { margin-top: 10px; border-top:1px solid #bdbdbd}
.jqbox_list li { height: 30px; line-height: 30px; color: #5e5e5e; font-size: 14px;}
.jqbox_list a { display:block; width: 210px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jqbox_list b { margin-right: 6px}

/*------------------- mainBar -------------------*/
.mainBar { float: left; width: 887px; padding: 22px 34px; background:#fff; min-height:1056px; height:auto !important; _height:1056px; overflow:visible;}
.f24 { font-size: 24px}
.f34 { font-size: 34px}

/*position-box*/
.position-box { width: 886px; height: 72px; line-height: 72px; font-size: 14px; border-bottom: 3px solid #ecedef;}
.position-box .mbx { padding-top: 14px}

/*newspage*/
.newspage { width: 886px; padding: 20px 0}
.newsnav { width: 886px; height: 44px;}
.newsnav li { float: left; background:#eaeaea; border-right: 1px solid #fff}
.newsnav a { display: block; width: 130px; height: 44px; font: 16px/44px "Microsoft YaHei"; text-align: center; cursor: pointer; color:#5e5e5e;}
.newsnav a:hover,.newsnav a.cur,.newsnav .on a { color: #fff; background:#73aeaa; text-decoration:none;}

.listbox { width: 850px; margin-top: 14px}
.listbox li { height: 48px; line-height: 48px; font-size: 14px; border-bottom: 1px dashed #cec5b7}
.listbox li span { float: right}
.listbox li em { margin-right: 12px}

/*pagelist*/
.pagelist { padding: 30px 0; text-align: center; font-size: 14px;}
.pagelist a { margin: 0 4px; cursor: pointer;}
.pagelist b, .pagelist a.jp-current { color: #29746a; font-weight:bold; margin: 0 4px}
.pagelist em { font-weight: bold;}

/*------------------- newsDetail -------------------*/
.newsDetail { width: 886px;}
.detail-title { padding: 24px 0 14px 0; height: 30px; line-height: 30px; color: #c23657; font-size: 24px; text-align: center}
.detail-time { text-align: center}
.newsDetail .article { margin-top: 14px; padding-top: 16px; font-size: 14px; line-height: 26px; border-top: 1px dashed #CCC}
.newsDetail .article img { display: block; max-width: 760px; width: expression(this.width > 760px ? 760px : true); margin: 12px auto}
.newsDetail .article p { font-size: 14px}

/*------------------- aboutus -------------------*/
.aboutus p { text-indent: 28px; font-size: 14px; line-height: 26px;}
.aboutus, .kefu { margin-top: 14px; padding-top: 16px;}
.kefu-box { padding: 0;}

/*------------------- backToTop -------------------*/
.backToTop {position: fixed; _position: absolute; right: 20px; bottom:100px; _top:expression(eval(document.documentElement.scrollTop+550)); width: 56px;}
.backToTop a {display: block; width: 56px; height: 56px; text-indent: -9999px; background: url(../img/toTop_btn.png) no-repeat}

/*------------------- footer -------------------*/
#footer{ background: #141619;}
#footer .tips{ width: 100%; height:34px; text-align:center; font-size:14px; color:#4f5f5f; background:#1e2628; line-height:34px;}
.footer-con {width: 1100px; margin: 0 auto; padding:30px 0px;}
.small_logo { float:left; width: 198px; margin-top: 15px;}
.footer-link { float: left; padding-left: 40px; color:#666;}
.footer-link a { margin:0 10px 0 6px; color: #666}
.footer-link a:hover {color: #29746a;}
.footer-link p { padding: 4px 0 0 6px}

/*------------------- popupCon -------------------*/
#TB_overlayBG{position:fixed; _position: absolute; z-index: 299;left:0;top: 0; display:none;width:100%;height:100%; opacity:0.6; filter: alpha(opacity=60);-moz-opacity: 0.6; background:#000;}
.popupCon {
	display: none; position: fixed; _position: absolute; left: 50%; top: 50%; _top:expression(eval(document.documentElement.scrollTop));
	z-index:300; background: #FFF
	}
.popupArea { position: relative; width: 100%}
.btnClose {
	position: absolute; top: 0; right: 0; display: block; width: 54px; height: 54px;
	text-indent: -9999px; cursor: pointer; background: url(../img/btns.jpg) no-repeat 0 -243px;
	}
.popTitle { height: 54px; line-height: 54px; padding: 0 20px; color: #FFF; background:#29746a}
.popupBox { width:100%}

.popup01 { width: 590px; height: 322px; _margin: 0 0 0 -295px; margin: -161px 0 0 -295px;}
.popup02 { width: 660px; height: 340px; _margin: 0 0 0 -355px; margin: -170px 0 0 -355px;}

/*codeList*/
.codeList { width: 490px; margin:0 auto; padding-top: 30px}
.codeList dt { float: left; width: 200px}
.codeList dt img { width: 200px; height: 200px; border: 1px solid #c2c2c2}
.codeList dd { float: right; width: 270px; color: #333}
.codeList dd .pop01_title { padding: 66px 0 10px 0; font-size: 22px}
.codeList dd .pop01_text i { display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: top; background: url(../img/btnbg.png) no-repeat -130px -85px}

/*promo-list*/
.promo-list { width: 606px; margin:0 auto; padding-top: 30px}
.promo-list li { float: left; padding: 0 10px}
.promo-list li img { width: 180px; height: 180px; border: 1px solid #DDD}
.promo-list .promo-info { margin-top: 6px; text-align: center}

*html {_background-image: url(about:blank); _background-attachment: fixed;}

/*动画*/
@-webkit-keyframes kf-transform{
  0%{-webkit-transform: translateY(20px); opacity: 0;}
  100%{-webkit-transform: translateY(0); opacity: 1;}
}
@-moz-keyframes kf-transform{
  0%{-moz-transform: translateY(20px); opacity: 0;}
  100%{-moz-transform: translateY(0); opacity: 1;}
}
@-o-keyframes kf-transform{
  0%{-o-transform: translateY(20px); opacity: 0;}
  100%{-o-transform: translateY(0); opacity: 1;}
}

@-webkit-keyframes kf-rotatefl{
  0%{-webkit-transform:scale(0.1) rotate(0deg); opacity: 0;}
  100%{-webkit-transform:scale(1) rotate(360deg); opacity: 1;}
}
@-moz-keyframes kf-rotatefl{
  0%{-moz-transform:scale(0.1) rotate(0deg); opacity: 0;}
  100%{-moz-transform:scale(1) rotate(360deg); opacity: 1;}
}
@-o-keyframes kf-rotatefl{
  0%{-o-transform:scale(0.1) rotate(0deg); opacity: 0;}
  100%{-o-transform:scale(1) rotate(360deg); opacity: 1;}
}

@-webkit-keyframes kf-rotateplay{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes kf-rotateplay{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(360deg);}
}
@-o-keyframes kf-rotateplay{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(360deg);}
}
@keyframes kf-rotateplay{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
@-ms-keyframes keyframes kf-rotateplay{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(360deg);}
}

@-webkit-keyframes opa_btm {
	0% {
	-webkit-transform: translate(0, 0);
	opacity:.5;
	}
	100% {
	-webkit-transform: translate(0, -5px);
	opacity:1;
	}
}
@-moz-keyframes opa_btm {
	0% {
	-moz-transform: translate(0, 0);
	opacity:.5;
	}
	100% {
	-moz-transform: translate(0, -5px);
	opacity:1;
	}
}
@-o-keyframes opa_btm {
	0% {
	-o-transform: translate(0, 0);
	opacity:.5;
	}
	100% {
	-o-transform: translate(0, -5px);
	opacity:1;
	}
}
@keyframes opa_btm {
	0% {
	transform: translate(0, 0);
	opacity:.5;
	}
	100% {
	transform: translate(0, -5px);
	opacity:1;
	}
}

/*------------------- privacy -------------------*/
.privacy {padding: 20px 40px; background: #fff;}
.privacy h2 {margin: 20px 0 30px; text-align: center; font-size: 24px; font-weight: bold; line-height: 36px;}
.privacy h3 {margin-bottom: 8px; font-size: 16px; font-weight: bold;}
.privacy p {margin-bottom: 20px; color: #555; font-size: 13px; line-height: 24px;}
.privacy .mb20 {margin-bottom: 20px;}
.fb {font-weight: bold;}
.table-type {width: 100%; margin-bottom: 20px; border-collapse: collapse; border-spacing: 0;}
.table-type th, .table-type td {padding: 10px; border: 1px solid #ddd; word-break: break-all;}
.table-type th {font-weight: bold; background-color: #f3fbff;}
.privacy h4 {margin-bottom: 5px; font-size: 14px; font-weight: bold;}