@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;
}