body{font: 12px/1.5 Tahoma,Helvetica,Arial,Simsun,sans-serif;color:#484848;}
/* header */
.sline {margin: 0 auto;width: 1200px;}
.topM {
	_margin: 26px auto 30px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.header .OfcardLogo {
	float: left;
	padding-left: 20px;
}
.header .OfcardLogo a {
	display: block;
	width: 359px;
	height: 70px;
	background: url(headPic.png) left top no-repeat;
	text-indent: -9999px;
	margin-top: 18px;
}
.header .weiimg {
	float: left;
	padding-left: 40px;
}
.header .weiimg a {
	display: block;
	width: 87px;
	height: 87px;
	background: url(wei_logo.jpg) left top no-repeat;
	text-indent: -9999px;
}

.header .searchBar {
	float: right;
	padding-top: 20px;
}
.header .searchBar .searchVInput {
	border: 3px solid #d3d3d3;
	width: 500px;
	height: 40px;
}
.header .searchBar #cardname {margin:0;vertical-align:middle;padding-left: 8px;width: 310px;height: 38px;line-height: 40px;border: 0;font-size: 18px;font-family: verdana,Tahoma,Arial,Hei,"Microsoft Yahei",SimHei;}
.header .searchBar .cardnameV {
	background-image: url(headPic.png);
	background-repeat: no-repeat;
	background-position: 10px -248px;
}
.header .searchBar .searchVInput a {
	float: right;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background-image: url(headPic.png);
	background-repeat: no-repeat;
	background-position: left -175px;
}
.header .searchBar .searchVInput a:hover {
	background-position: -60px -175px
}
.header .searchBar .searchVInput a:active {
	background-position: -116px -175px
}
.header .navigationBar {display:block;height: 42px;background:#f60;}
.header .navigationBar .navigationBarInnel{
	display: block;
	margin: 0 auto;
	width: 1200px;
}
.header .navigationBar tt  {
	display: block;
	position: relative;
	float: left;
	margin: -10px 0;
	width: 200px;
	height: 62px;
	background-image: url(headPic.png);
	background-repeat: no-repeat;
	background-position: left -98px;
}
.header .navigationBar tt .mainProNavArea {position: absolute;top: 62px;}
.header .navigationBar tt.slideOpenNAV .mainProNavArea {display:none;}
.header .navigationBar tt.slideOpenNAV {height: 56px;}
.header .navigationBar .mainMenuV {
	float: left;
	padding-left: 5px;
	height: 42px;
	width: 800px;
}
.header .navigationBar .mainMenuV a {float:left;margin: 0 2px; padding: 0 25px;height: 42px;line-height: 42px;font-size: 14px;color: #fff;font-family: verdana,Tahoma,Arial,Hei,"Microsoft Yahei",SimHei;* font-weight: bold;}
.header .navigationBar .mainMenuV a:hover {
	color: #000;
	background-color: #FFCC00;
}
.header .navigationBar .mainMenuV a:active {
	color: #F30;
	background-color: #FFFFCC;
}

/* 搜索弹出窗口 */
#KsmanDisp {position:absolute;z-index:9999!important;margin:0!important;padding:0!important;border: 3px solid #d3d3d3!important;background:#fff!important;width: 364px!important;text-align:left;transition:display 0.2s linear 0s;box-shadow:0px 5px 5px #999;}
#KsmanDisp div {margin: 1px;padding: 2px 10px;line-height: 26px;cursor: default;}
#KsmanDisp b {color: #5bbc39;}
#KsmanDisp .sman_selectedStyle {background:#82d864!important;color: #fff;transition:background 0.2s linear 0s;}
#KsmanDisp .sman_selectedStyle b {color: #fefc56;}
#producttype {display:none;}

/* 主导航模块 */
.mainProNav {border: 1px solid #ddd;position:relative;z-index:9996;cursor:default;transition:background 0.2s linear 0s;text-align:left;width:188px;background:#fff;}
.mainProNavHover {border: 1px solid #ececec;background:#ececec;color:#666;}
.mainProNav dl,.mainProNav dt,.mainProNav dd {display:block;margin:0;padding:0;}
.mainProNav dt {padding-left: 24px;height: 50px;line-height: 50px;font-size: 16px;background: url(mainProNavIcon.png) right -54px no-repeat;font-family: verdana,Tahoma,Arial,Hei,"Microsoft Yahei",SimHei;transition:background-color 0.2s linear 0s, padding-left 0.2s linear 0s;}
.mainProNav .dlHover dt {position:relative;z-index: 9999;margin: -1px -3px -1px -1px;*margin: -2px -3px -2px -1px;#top:-1px;padding-left: 45px;height: 52px;line-height: 52px;background:#f60 url(mainProNavIcon.png) left top no-repeat;color:#fff;}
.mainProNav dd {display:none;position:absolute;left: 188px;top: -1px;_top: 0px;z-index:9998;padding: 20px;border: 1px solid #b9b9b9;border-left: 3px solid #f60;background:#fff;width: 467px;height: 260px;box-shadow:0px 0px 5px #999;}
.mainProNav .dlHover dd {display:block;}

.mainProNav dl dd a {transition: background-color 0.1s linear 0s, color 0.1s linear 0s;color:#666;line-height: 18px;}
.mainProNav dl dd a:hover {color:#f60;}
.mainProNav dl dd a:active {color:#ccc;}
.mainProNav dl dd h6 a {font-size: 14px;line-height: 20px;color:#f60;font-weight: normal;}
.mainProNav dl dd h6 a:hover {color:#2567d3;}
.mainProNav dl dd h6 a:active {color:#666;}
.mainProNav dl dd p {padding: 4px 0 15px;*padding: 0px 0 14px;}
.mainProNav dl dd ul {padding: 10px;overflow:hidden;}
.mainProNav dl dd ul li {line-height: 24px;}
.mainProNav dl dd p a {display:inline-block;*zoom: 1;display:inline;padding: 2px 2px 0;margin-right: 10px;}
.mainProNav dl dd p a.more {color:#999;}
.mainProNav dl dd p a.more:hover {color:#f60;}
.mainProNav dl dd p a.more:active {color:#ccc;}
.mainProNav dl dd h2 a {display:inline-block;*zoom: 1;display:inline;padding: 5px 12px 8px;*padding: 5px 12px;font-size: 25px;background:#6dd5d7;color: #fff;}
.mainProNav dl dd h2 a:hover {background:#4bc1c3;color: #fff;}
.mainProNav dl dd h2 a:active {background:#b1b1b1;color: #fff;}
.mainProNav .bankPayBar {display:block;width: 160px;margin-bottom: 10px;padding: 5px 0 8px;text-align:center;font-size: 18px;color: #fff;background:#8eb84a;font-family: verdana,Tahoma,Arial,Hei,"Microsoft Yahei",SimHei;}
.mainProNav .bankPayBar:hover {background:#95d134}
.mainProNav .bankPayBar:active {background:#b1b1b1;}
.mainProNav dl.navM1 h5 {margin: 75px 0 5px; font-size: 12px;color: #333;}
.mainProNav dl.navM1 ul {padding: 0;width: 280px;*width: 260px;}
.mainProNav dl.navM1 ul li {display:inline;padding: 0 12px 0 0;}
.mainProNav dl.navM2 p a {display:block;}
.mainProNav dl.navM2 h2 {margin: 32px 0  100px;}
.mainProNav dl.navM2 h2 a {_color: #fff;}
.mainProNav dl.navM2 ul {margin-top: 140px;background:#ffebcf;}
.mainProNav dl.navM3 ul {margin: 120px -10px 0 0;padding:10px 2px 10px 2px;background:#f9f8a6;width: 246px;*width: 256px;_width: 266px;}
.mainProNav dl.navM3 ul li {float:left;margin: 0 15px;}
.mainProNav dl.navM4 h2 {margin-bottom: 25px;}
.mainProNav dl.navM4 h2 a{background:#539fc8;font-size: 14px;color:#fff;}
.mainProNav dl.navM4 h2 a:hover {background:#3caae6}
.mainProNav dl.navM4 h2 a:active {background:#b1b1b1;}
.mainProNav dl.navM4 ul {overflow:hidden;margin-top: 75px;padding:0;}
.mainProNav dl.navM4 ul li a {display:block;padding: 5px 12px 8px;width: 100px;margin-bottom: 3px;background: #c98e3a;color:#fff;font-size: 14px;font-family: verdana,Tahoma,Arial,Hei,"Microsoft Yahei",SimHei;}
.mainProNav dl.navM4 ul li a:hover {background:#d38617}
.mainProNav dl.navM4 ul li a:active {background:#b1b1b1}
.mainProNav dl.navM4 dd p.last {_margin-bottom: -12px;}
.mainProNav dl.navM5 ul {background:#d2697e;width: 80px;}
.mainProNav dl.navM5 ul li {padding-left: 8px;}
.mainProNav dl.navM5 ul li a {color:#fff;line-height: 28px;}
.mainProNav dl.navM5 ul li a:hover {color:#71071c;}
.mainProNav dl.navM5 ul li a:active {color:#ccc;}
.mainProNav dl.navM6 ul {width: 206px;*width: 210px;border: 2px solid #768b9a;}
.mainProNav dl.navM6 ul li {display:inline;padding: 0 12px;}
.mainProNav dl.navM6 h2 {
	margin-top: 100px;
	_margin-top: 141px;
}
.mainProNav dl.navM6 h2 a {background:#eb6952}
.mainProNav dl.navM6 h2 a:hover {background:#c13b11}

.mainProNav .hide {display:none;}
.mainProNav dl dd {background-position: right bottom;background-repeat:no-repeat;}

.banntop {
	background-color: #F5F5F5;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
}
.banntop .banntopint {
	margin: 0 auto;
	width: 1200px;
	position: relative;
}
.banntop .banntopint a {
	line-height: 30px;
	color: #666;
	text-decoration: none;
	float: left;
	padding-right: 10px;
}
.banntop .banntopint a:hover {
	color: #F60;
}
.banntop .banntopint .dl {
	color: #C06;
}
.banntop .banntopint .mphone {
	background-image: url(mphone.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 20px;
	margin-left: 20px;
}
.banntop .banntopint .weixin {
	height: 214px;
	width: 162px;
	position: absolute;
	z-index: 600;
	left: 240px;
	top: 26px;
	background-image: url(weixing.png);
	display: none;
}
.banntop .banntopint dl {
	font-family: 12;
	line-height: 30px;
	color: #F00;
	float: right;
	height: 30px;
	padding-top: 0px;
	cursor: pointer;
	background-image: url(xial.png);
	background-position: 155px;
	background-repeat: no-repeat;
	padding-right: 15px;
	padding-left: 5px;
	background-color: #FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	margin: 0px;
	width: 150px;
}

.banntop .banntopint h2 {
	float: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	height: 10px;
	width: 2px;
	margin-right: 10px;
	margin-left: 7px;
	margin-top: 10px;
}
.banntop .banntopint .tel {
	height: 120px;
	width: 170px;
	position: absolute;
	z-index: 601;
	left: 1028px;
	top: 29px;
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	display: none;
}

.banntop .banntopint .tel a:hover {
	background-color: #EFEFEF;
	width: 158px;
	color: #F00;
}
.banntop .banntopint #tel a {
	height: 30px;
	width: 163px;
	padding-left: 5px;
	float: left;
	padding-right: 0px;
}
#tsbody {
	height: 380px;
	padding-top: 20px;
}
.tscp {
	width: 970px;
}


.tscp tt {
	height: 33px;
	width: 965px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CE000D;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDDDDD;
}
.tscp tt a {
	line-height: 32px;
	float: left;
	height: 32px;
	width: 210px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	font-size: 16px;
	color: #666666;
	text-align: center;
	font-weight: bold;
}
.tscp tt .tshover {
	color: #FFF;
	background-color: #CE000D;
	background-image: url(zsb.png);
	background-repeat: no-repeat;
	background-position: 150px center;
	width: 210px;
}
.tscp dl {
	float: left;
	height: 330px;
	width: 970px;
	margin-top: 10px;
}
.novcon {
	height: 330px;
	width: 230px;
	float: left;
	position: relative;
	overflow: hidden;
}
 .novahove {
	border: 1px solid #4DA9DF;
}
 .novahove h5 {
	position: absolute;
	top: 200px;
	height: 30px;
	width: 230px;
	background-image: url(../images/tmscr.png);
	background-repeat: repeat-x;
}


 .novcon .tim1 {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 220px;
	width: 220px;
	float: left;
	margin: 6px;
}
 .novcon h2 {
	float: left;
	height: 30px;
	width: 232px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
 .novcon h2 a {
	text-decoration: none;
	font-weight: normal;
	line-height: 30px;
	float: left;
	margin-left: 5px;
}
 .novahove h5 a {
	background-image: url(../images/xianxi.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 30px;
	font-weight: normal;
	line-height: 30px;
	font-size: 12px;
}
 .novahove h5 a:hover {
	text-decoration: underline;
	color: #FFF;
}

 .novcon h2 a:hover {
	color: #F60;
}

.two_r {
	height: 378px;
	width: 220px;
}
.two_r a {
	height: 68px;
	width: 220px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	overflow: hidden;
}
.two_r .twoaho h5 {
	position: absolute;
	background-image: url(../images/kgbg_90.png);
	height: 68px;
	width: 220px;
	left: 0px;
	top: 0px;
	line-height: 25px;
	color: #FFF;
}
#ebookbody_one {
	height: 720px;
	margin-top: 20px;
}
#ebookbody_one tt {
	height: 53px;
	width: 1200px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CE2E2E;
	background-color: #FFF5F4;
}
#ebookbody_one_1 {
	height: 720px;
	margin-top: 20px;
}
#ebookbody_one_1 tt {
	height: 53px;
	width: 1200px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #2BA6FE;
	background-color: #F5FBFF;
}

#ebookbody_one_2 {
	height: 720px;
	margin-top: 20px;
}

#ebookbody_one_2 tt {
	height: 53px;
	width: 1200px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FF8419;
	background-color: #FFF9F5;
}
.ebook_t .e_1 {
	height: 54px;
	width: 61px;
}
.ebook_t a {
	line-height: 53px;
	width: 150px;
}
.ebook_a_1 a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FCE2E1;
	}
.ebook_a_2 a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4E6FF;
	}
.ebook_a_3 a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFEFE1;
	}
	
	
.ebook_a_1 .eahove {
	font-weight: bolder;
	color: #F66;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.ebook_a_2 .eahove {
	font-weight: bolder;
	color: #22A3FF;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.ebook_a_3 .eahove {
	font-weight: bolder;
	color: #FF8A24;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.ebook_t h1 {
	height: 53px;
	width: 516px;
}
.ebook_m {
	float: left;
	height: 320px;
	width: 1200px;
}

.ebook_b {

}
.ebook_b .ebook_ty {
	background-color: #CCC;
	height: 320px;
	width: 716px;
}
.ebook_b .gj_r {
	height: 319px;
	width: 230px;
	border: 1px solid #F6E2E1;
}
.ebook_b .gj_r h1{
	line-height: 35px;
	background-color: #FEF4F3;
	width: 220px;
	border-top-width: 0px;
	height: 35px;
}
.ebook_b .gj_r ul {
	width: 220px;
	float: left;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
}
.ebook_b .gj_r li {
	float: left;
	text-align: center;
}
.ebook_b .gj_r a:hover {
	color: #F30;
	font-weight: bolder;
}
.ebook_b .gj_r .bis_1 {
	background-color: #F00;
	text-align: center;
	height: 12px;
	width: 12px;
	color: #FFF;
	float: left;
	font-size: 12px;
	line-height: 12px;
}
.ebook_b .gj_r .bis_2 {
	text-align: left;
	height: 60px;
	width: 60px;
	color: #FFF;
	float: left;
	border: 1px solid #CCC;
	margin-left: 5px;
}
.ebook_b .gj_r .bis_3 {
	text-align: left;
	height: 60px;
	width: 130px;
	color: #FF8900;
	float: left;
	margin-left: 5px;
	line-height: 20px;
}
.ebook_b .gj_r .bisc_1 {
	text-align: center;
	height: 12px;
	width: 12px;
	color: #000000;
	float: left;
	line-height: 12px;
	background-color: #EBEBEB;
	margin-top: 5px;
}
.ebook_b .gj_r .bisc_2 {
	text-align: left;
	height: 25px;
	width: 185px;
	float: left;
	line-height: 25px;
	margin-left: 10px;
}
.ebook_b .ebook {
	float: left;
	height: 330px;
	width: 1200px;
	padding-top: 10px;
	display: inline;
}

#brand{
	width: 100%;
	height: 140px;
	border: 1px solid #dddddd;
	box-shadow: 0px 0px 5px #dddddd;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
			}
			#brand .title{
	width: 1180px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	margin-top: 4px;
	border-bottom: 2px solid #33261c;
	text-align: left;
	color: #33261c;
	margin-left: 10px;
	margin-right: 10px;
			}
			#brand .bd-box{
	width: 100%;
	height: 120px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 24px;
	padding-bottom: 0px;
	padding-left: 24px;
			}
			#brand .bd-box li{
				float:left;
				width:122px;
				height:77px;
				overflow:hidden;
				position:relative;
				margin:10px 10px 0px 10px;
			}
			#brand .bd-box li img{
				width:120px;
				height:75px;
				border:1px solid #e9e8e8;
				position:absolute;
				left:0px;
				top:0px;
				z-index:2;
				overflow:hidden;
			}
			#brand .bd-box li span{
				width:120px;
				height:0px;
				border:1px solid #e9e8e8;
				position:absolute;
				left:0px;
				top:38px;
				z-index:1;
				text-align:center;
				line-height:75px;
				font-size:14px;
				color:#FFF;
				background:#ffa340;
				font-weight:bold;
				overflow:hidden;
				display:none;
			}
			#brand .bd-box li a{
				width:120px;
				height:75px;
				position:absolute;
				left:0px;
				top:0px;
				z-index:3;
			}
#bottom {
	height: 40px;
	width: 100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#gdsg {
	width: 1200px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	height: 396px;
}

#gdsg .sgb {
	margin-left: 10px;
	float: left;
}
* { margin: 0; padding: 0; }
.boxx {
	width: 1200px;
	height: 400px;
	margin: 10px auto;
}
.boxx ul a { float: left; width: 376px; height: 376px; background: #979797; border: solid 10px #FF7F00; margin: 2px; list-style: none; position: relative; overflow: hidden; }
.boxx ul a .cover span {
	width: 30px;
	height: 30px;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	line-height: 30px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 70px;
	margin-left: auto;
}
.boxx ul a .cover span i { color: red; }
.boxx ul a .cover { width: 376px; height: 376px; background: rgba(255, 39, 42, 0.7); position: absolute; left: 0; top: 0; text-align: center; color: #ffffff; transform-origin: right bottom; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.boxx ul a .cover p {
	margin-top: 30px;
	font-size: 20px;
}
.boxx ul a:hover .cover { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }