@charset "utf-8";
/*----*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,p,th,td{margin:0;padding:0}
img{border:0;vertical-align:top}
ol,ul{list-style:none}
a,area{blr:expression(this.onFocus=this.blur())}
body{font:normal 12px/20px "微软雅黑","宋体",Tahoma,Geneva,sans-serif;background:#d6e7ef  url(../images/bg-m-b.jpg) bottom no-repeat;}
a{color:#a9764d;text-decoration:none;outline:none}
a:hover{color:#e0cfaa;text-decoration:underline}

.wrap{width:1000px;margin:0 auto; margin-top:-250px; position:relative; z-index:200;}

.ml10 { margin-left:11px;}
.ml15 { margin-left:16px;}
ul,ol,li { list-style:none;}
/*----*/

/* FLOAT */
.fr { float: right; }
.fl { float: left; }
/* DISPLAY */
.disb { display: block; }
.hid { display: none; }
.disib { display: inline-block; *display: inline;
*zoom: 1;
}
.mt12 { margin-top: 12px; }
.ti { text-indent: -999em; }
.pt100 { padding-top: 100px; }
.pt250 { padding-top: 250px; }
/* global */

body {  _width:expression((documentElement.clientWidth < 1100) ? "1100px" : "auto" );}

/*首页*/
.con { position: relative; width: 100%; padding-top:0px; margin-top:-250px; z-index:10; padding-bottom:180px;}
.con-wrap { position: relative; width: 1100px; margin: 0 auto; }
.con-wrap h1.logo { position: absolute; top: 4px; left: 490px; width: 119px; height: 120px; background: url(../images/common.png) no-repeat -256px -672px; z-index: 9999; }
.con-wrap h1.logo a { display: block; width: 119px; height: 120px; }

.con-wrap1 { position: relative; width: 1100px; height: 280px; }
/*---*/
.con-wrap1 .dl-box3 { position: absolute; width: 381px; height: 270px; top: 6px; left: -10px; background: url(../images/code_bg2.png) no-repeat 0 0; }
.con-wrap1 .dl-box3 .qr-img { width: 122px; padding: 8px 0 0 32px; }
.con-wrap1 .dl-box3 p { text-align: center; font: 16px/26px "Microsoft Yahei"; color: #3f5da6; }
.con-wrap1 .dl-box3 ul { width: 187px; padding: 4px 0 0 10px; }
.con-wrap1 .dl-box3 li { width: 187px; height: 73px; margin-bottom: 6px; }
.con-wrap1 .dl-box3 li a { display: block; width: 186px; height: 71px; background:  url(../images/code_bg2.png) no-repeat; }
.con-wrap1 .dl-box3 li a.and-btn { background-position: 0 -471px; }
.con-wrap1 .dl-box3 li a.ios-btn { background-position: 0 -399px; }
.con-wrap1 .dl-box3 li a.and-btn:hover { background-position: -186px -471px; }
.con-wrap1 .dl-box3 li a.ios-btn:hover { background-position: -186px -399px; }
.con-wrap1 .dl-box3 .code{ width: 381px; }
.con-wrap1 a.cxlb-btn { display: block; width: 316px; height: 63px; margin: 45px 0 0 32px; background:  url(../images/code_bg2.png) no-repeat 0 -271px; }
.con-wrap1 a.cxlb-btn:hover { background-position: 0 -335px; }
/*----*/



/*---*/
.con-wrap1 .show_pics { position: relative; width: 732px; height: 278px; margin-left: 368px; }
.con-wrap1 .show_pics ol { position: absolute; bottom: 16px; left: 300px; z-index: 9; }
.con-wrap1 .show_pics ol li { display: inline; float: left; width: 22px; height: 22px; margin-right: 10px; background: url(../images/common.png) no-repeat -351px -52px; cursor: pointer; }
.con-wrap1 .show_pics ol li.on { width: 22px; background-position: -351px -27px; }
.con-wrap1 .show_pics ul { }
.con-wrap1 .show_pics ul li { position: absolute; top: 0; left: 0; }

/*-----*/
.con-wrap2 { height: 300px; margin-top: 12px; }
.con-wrap2 .g-entrance { width: 348px; margin-left: 8px; }
.con-wrap2 .g-entrance a { float: left; width: 174px; height: 100px;background: url(../images/common.png); background-position: 0 -275px; text-align: center; font: 20px/90px "Microsoft Yahei"; color: #fff; }
.con-wrap2 .g-entrance a:hover { background-position: -175px -275px; }

/*----*/
.con-wrap2 .show_pics { position: relative; width: 276px; height: 300px; }
.con-wrap2 .show_pics ol { position: absolute; bottom: 10px; right: 0; z-index: 9; }
.con-wrap2 .show_pics ol li { display: inline; float: left; width: 22px; height: 22px; margin-right: 10px; background: url(../images/common.png) no-repeat -351px -52px; cursor: pointer; }
.con-wrap2 .show_pics ol li.on { width: 22px; background-position: -351px -27px; }
.con-wrap2 .show_pics ul { }
.con-wrap2 .show_pics ul li { position: absolute; top: 0; left: 0; }

/*----*/

.newswrap { position: relative; width: 452px; height: 298px; margin-left: 12px; border: 1px solid #b5bcce; background-color: #f9fafb; }
.news-nav { width: 452px; height: 50px; background-color: #ededed; border-bottom: 1px solid #e8e8e8; position: relative; overflow: hidden; }
.news-nav a { display: inline-block; width: 74px; height: 51px; text-align: center; font: 400 16px/50px "Microsoft Yahei"; color: #6c89ce; overflow: hidden; position: relative; z-index: 2; }
.news-nav span { display: inline-block; width: 74px; height: 51px; text-align: center; background: url(../images/news_side_line.jpg) no-repeat 0 0; }
.news-nav span.line_none { background: none; }
.motion_bar { position: absolute; left: 0; bottom: 0; width: 74px; height: 6px; background-color: #3471b0; font-size: 0; z-index: 1; }
.hotlink { width: 452px; height: 41px; text-align: center; overflow: hidden; }
.hotlink a { font: 600 18px/41px "Microsoft Yahei"; color: #992a2a; }
.hotlink a:hover { color: #d44d05; text-decoration: underline; }

.news-content ul { }
.news-content li { width: 428px; height: 20px; _height: 20px; *height: 34px;padding: 0 12px; overflow: hidden; border-top: 1px solid #dee1e5;  font: 400 14px/34px "Microsoft Yahei"; color: #89898a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-content li:hover { color: #89898a; text-decoration: underline; }


/*---*/
.hotlink { width: 452px; height: 41px; text-align: center; overflow: hidden; }
.hotlink a { font: 600 18px/41px "Microsoft Yahei"; color: #992a2a; }
.hotlink a:hover { color: #d44d05; text-decoration: underline; }

/*---*/
.news-content ul { }
.news-content li { width: 428px; height: 39px; _height: 34px; *height: 34px;
padding: 0 12px; overflow: hidden; border-top: 1px solid #dee1e5; }
.news-content li a { float: left; width: 350px; height: 39px; font: 400 14px/34px "Microsoft Yahei"; color: #89898a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-content li a:hover { color: #89898a; text-decoration: underline; }
.news-content li time { float: right; font: 400 14px/34px "Microsoft Yahei"; color: #89898a; }

/*---*/


.con-wrap3 { width: 1100px; height: 130px; margin: 30px auto 0; }
.con-wrap3 a { display: inline; float: left; width: 205px; height: 130px; margin: 0 8px 0 7px; overflow: hidden; }
.con-wrap3 a img { display: block; width: 100%; height: auto; transform: scale(1); transform-origin: 100% center 0; transition: all 0.8s ease-in 0s; }
.con-wrap3 a:hover img { transform: scale(1.06); }



/*---*/
.k3 { width:1090px; height:auto;  overflow:hidden; margin:0 auto; margin-top:-160px;margin-bottom:50px}
.k4 { width:1090px; height:auto;  overflow:hidden; margin:0 auto; margin-top:-160px;}
/*-----*/
.frame_img{background:url(images/frame_img.png)  no-repeat;}
.fixed-box { z-index: 19; position: fixed; top: 50%; right: 0; width: 77px; height: 284px; margin-top: -105px; }
.fixed-box ul { width: 77px; }
.fixed-box ul li { width: 77px; height: 71px; }
.fixed-box ul li a { display: block;text-indent: -999em; }
.fixed-box ul li a.kf { height:73px;width:77px;background-position:-161px 0; }
.fixed-box ul li a.jz { height:70px;width:77px;background-position:-161px -80px; }
.fixed-box ul li a.zg { height:71px;width:77px;background-position:-160px -157px; margin-top: -1px;}
.fixed-box ul li a.ts { height:73px;width:77px;background-position:-160px -235px; margin-top: -1px;}
.fixed-box ul li a.kf:hover { background-position:-246px 0; }
.fixed-box ul li a.jz:hover { background-position:-246px -80px; }
.fixed-box ul li a.zg:hover { background-position:-246px -158px; }
.fixed-box ul li a.ts:hover { background-position:-247px -235px; }



/*----*/
/*20160728*/
.con-wrap3{ width: 1090px; height: 230px; }
#one { width: 1090px; margin:0 auto; }
#one .item1 { background: url(../images/img1.jpg) no-repeat; }
#one .item1.selected { background: url(../images/img11.jpg) no-repeat; }
#one .item2 { background: url(../images/img2.jpg) no-repeat; }
#one .item2.selected { background: url(../images/img22.jpg) no-repeat; }
#one .item3 { background: url(../images/img3.jpg) no-repeat; }
#one .item3.selected { background: url(../images/img33.jpg) no-repeat; }
#one .item4 { background: url(../images/img4.jpg) no-repeat; }
#one .item4.selected { background: url(../images/img44.jpg) no-repeat; }
#one .item5 { background: url(../images/img5.jpg) no-repeat; }
#one .item5.selected { background: url(../images/img55.jpg) no-repeat; }

#one .pic{ width:510px;height:510px }

/*--------*/
/*装备*/
.m3 { width:100%; height:auto;  margin-top:20px }


.m3_zb { width:1090px; height:auto;  overflow:hidden; margin:0 auto; padding:20px 00px 00px 00px ;  }

.m3_zb_4 { width:264px;  height:auto; overflow:hidden;float:left;    background:url(../images/zb04_z.png) repeat-y;}
.m3_zb_4_t { width:264px; height:15px; background: url(../images/zb04_t.png) no-repeat; float:left}
.m3_zb_4_d { width:264px; height:15px; background:url(../images/zb04_d.png) no-repeat; float:left}
.m3_zb_4 .role-itemst { width: 224px; height: auto; float: left; position: relative; margin-left:20px;  margin-top:0px }
.m3_zb_4 .role-itemst img { width:224px; height:auto; overflow:hidden;   border:#c6e5f6 1px solid;border-radius:15px;}
.m3_zb_4 .role-itemst .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_4 .role-itemst .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_4 .role-itemst .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemst:hover .role-dec { top:0px; left:0px; }


.m3_zb_3 { width:352px;  height:auto; overflow:hidden;  float:left;  background:url(../images/zb03_z.png) repeat-y; margin-top:-20px;}
.m3_zb_3_t { width:352px; height:15px; background: url(../images/zb03_t.png) no-repeat; float:left}
.m3_zb_3_d { width:352px; height:15px; background:url(../images/zb03_d.png) no-repeat; float:left}
.m3_zb_3 .role-itemsy { width: 312px; height: auto; float: left; position: relative;  margin-left:20px;  }
.m3_zb_3 .role-itemsy img { width:312px; height:auto; overflow:hidden;  border:#c6e5f6 1px solid;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:535px;  height:auto; overflow:hidden; 10px;float:left;    background:url(../images/zb02_z.png) repeat-y;;}
.m3_zb_2_t { width:535px; height:15px; background: url(../images/zb02_t.png) no-repeat; float:left}
.m3_zb_2_d { width:535px; height:15px; background:url(../images/zb02_d.png) no-repeat; float:left}
.m3_zb_2 .role-itemsu { width: 495px; height: auto; float: left; position: relative;  margin-left:20px;  }
.m3_zb_2 .role-itemsu img { width:495px; height:auto; overflow:hidden; border:#c6e5f6 1px solid;border-radius:15px;}
.m3_zb_2 .role-itemsu .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_2 .role-itemsu .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_2 .role-itemsu .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsu:hover .role-dec { top:0px; left:0px; }


.m3_zb_1 { width:1090px;  height:auto; overflow:hidden;  float:left;   background:url(../images/zb01_z.png) repeat-y;}
.m3_zb_1_t { width:1090px; height:24px; background: url(../images/zb01_t.png) no-repeat; float:left}
.m3_zb_1_d { width:1000px; height:24px; background:url(../images/zb01_d.png) no-repeat; float:left}
.m3_zb_1 .role-itemsk { width: 1050px; height: auto; float: left; position: relative;   margin-left:20px;  margin-top:-10px}
.m3_zb_1 .role-itemsk img { width:1050px; height:auto; overflow:hidden;   border:#c6e5f6 1px solid;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; }