@charset "utf-8";
/* CSS Document */

/*===========body==========*/
body {
	width:100%;
	height:100%;
	background:#efefef;
	color: #777;
	font: 12px Arial, Helvetica, sans-serif;
}
a {
	outline:none;
	cursor:pointer;
	color: #777;
	text-decoration:none;
}
a:hover {
	outline:none;
	cursor:pointer;
}
p {
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
}
/*============ft============*/
.ft-fff {
	color:#fff;
}
.ft-000 {
	color:#000;
}
/*============ft============*/
.ft-fff {
	color:#fff;
}
.ft-000 {
	color:#000;
}
.ft-007 {
	color: #007fc4;
}
.ft-ffd {
	color:#ffd300;
}
.ft-b2b {
	color:#b2b2b2;
}
.ft-c6c {
	color:#c6c6c6;
}
.ft-a9a {
	color:#a9a9a9;
}
.ft-999 {
	color:#999;
}
/*===========f-col===========*/
.f-col-b2b {
	color:#b2b2b2;
}
.f-col-007 {
	color:#007fc4;
}
.f-col-777 {
	color:#777;
}
.f-col-b2b-act {
	color:#fff;
}
.f-col-007-act {
	color:#333;
}
.f-col-777-act {
	color:#007fc4;
}
.f-col-b2b, .f-col-007, .f-col-777 {
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
/*=======f-dec-shadow========*/
.fs-14 {
	font-size:14px;
}
.ft-upper {
	text-transform:uppercase;
}
.f-dec1-nom {
	text-decoration:none;
}
.f-dec1-act {
	text-decoration:underline;
}
.f-dec2-nom {
	text-decoration:underline;
}
.f-dec2-act {
	text-decoration:none;
}
.ft-dow-fff {
	text-shadow: 1px 1px 1px #FFFFFF;
}
.ft-dow-666 {
	text-shadow: 1px 1px 1px #666;
}
.ft-dow-000 {
	text-shadow: 1px 1px 1px #000000;
}
/*=======h1 h2 h3 h4=========*/
h1, h2, h3, h4, h5, h6 {
	cursor:default;
	color: #777;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #dddddd;
}
h1 {
	font-size:21px;
	line-height:30px;
}
h2 {
	font-size:18px;
	line-height:30px;
}
h3 {
	font-size:16px;
	line-height:25px;
}
h4 {
	font-size:14px;
	line-height:25px;
}
h5 {
	font-size:12px;
	line-height:20px;
}
h6 {
	font-size:11px;
	line-height:20px;
}
/*========margin-top==========*/
.mtp5 {
	margin-top:5px;
}
.mtp10 {
	margin-top:10px;
}
.mtp15 {
	margin-top:15px;
}
.mtp20 {
	margin-top:20px;
}
.mtp25 {
	margin-top:25px;
}
.mtp30 {
	margin-top:30px;
}
/*========margin-r-l==========*/
.mlp20 {
	margin-left:20px;
}
.mrp20 {
	margin-right:20px;
}
/*========padding-top======*/
.pdt5 {
	padding-top:5px;
}
.pdt10 {
	padding-top:10px;
}
.pdt15 {
	padding-top:15px;
}
.pdt20 {
	padding-top:20px;
}
.pdt25 {
	padding-top:25px;
}
.pdt30 {
	padding-top:30px;
}
/*==========pad-l-r==========*/
.pdl-10 {
	padding-left:10px;
}
.pdr-10 {
	padding-right:10px;
}
.pdl-20 {
	padding-left:20px;
}
.pdr-20 {
	padding-right:20px;
}
/*==========link-btn-img=========*/
.btn1-nom {
	display:inline-block;
	height:25px;
	line-height:25px;
	padding:0px 19px;
	border-radius:3px;
	border:1px solid #cccccc;
	background:url(../images/btn-bg1.png) repeat-x top;
	color:#777;
}
.btn1-act {
	border:1px solid #2f2f2f;
	background:url(../images/btn-bg1.png) repeat-x bottom;
	color:#fff;
}
.btn2-nom {
	display:inline-block;
	height:25px;
	line-height:25px;
	padding:0px 19px;
	border-radius:3px;
	border:1px solid #2f2f2f;
	background:url(../images/btn-bg1.png) repeat-x bottom;
	color:#fff;
}
.btn2-act {
	color:#777;
	border:1px solid #cccccc;
	background:url(../images/btn-bg1.png) repeat-x top;
}
.btn3-nom {
	display:inline-block;
	width:82px;
	height:37px;
	line-height:37px;
	border-radius:3px;
	border:1px solid #2f2f2f;
	background:#2f2f2f;
	color:#fff;
	font-size:14px;
	text-align:center;
	overflow:hidden;
}
.btn3-act {
	color:#777;
	border:1px solid #cccccc;
	background:#eeeeee;
}
.btn4-nom {
	display:inline-block;
	width:161px;
	height:37px;
	line-height:37px;
	border-radius:3px;
	border:1px solid #2f2f2f;
	background:#2f2f2f;
	color:#fff;
	font-size:14px;
	text-align:center;
}
.btn4-act {
	color:#777;
	border:1px solid #cccccc;
	background:#eeeeee;
}
.btn5-nom {
	display:inline-block;
	width:163px;
	height:35px;
	line-height:35px;
	padding-top:104px;
	background:url(../images/btn5-nom.png) no-repeat center;
	border-radius:3px;
	color:#fff;
	font-size:14px;
	text-align:center;
	overflow:hidden;
}
.btn5-act {
	background:url(../images/btn5-act.png) no-repeat center;
	color:#777;
}
.btn6-nom {
	display:inline-block;
	width:268px;
	height:52px;
	line-height:52px;
	border-radius:0px 0px 4px 4px;
	background:url(../images/btn6-nom.png) repeat-x;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.btn6-act {
	color:#777;
	background:url(../images/btn6-act.png) repeat-x;
}
.btn7-nom {
	display:inline-block;
	width:248px;
	height:60px;
	padding-left:20px;
	line-height:60px;
	border-radius:4px 4px 0px 0px;
	background:url(../images/btn7-nom.png) repeat-x;
	color:#fff;
}
.btn7-act {
	color:#777;
	text-shadow: 1px 1px 1px #FFFFFF;
	background:url(../images/btn7-act.png) repeat-x;
}
.link-tsit {
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.img-filter {
	-webkit-transition:all 1.5s ease 0s;
	-moz-transition:all 1.5s ease 0s;
	-o-transition:all 1.5s ease 0s;
	-ms-transition:all 1.5s ease 0s;
	transition:all 1.5s ease 0s;
	-moz-opacity:1; /*FF*/
	opacity: 1; /* Firefox, Safari(WebKit), Opera) */
	filter: "alpha(opacity=100)"; /* IE 8 */
	filter: alpha(opacity=100);  /* IE 4-7 */
	zoom: 1;
}
.img-filter-act {
	-moz-opacity:0.5; /*FF*/
	opacity: 0.5; /* Firefox, Safari(WebKit), Opera) */
	filter: "alpha(opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50);  /* IE 4-7 */
	zoom: 1;
}
/*==========float===========*/
.fl {
	float:left;
}
.fr {
	float:right;
}
.clear {
	clear:both;
}
/*=========toTop===========*/
#totop {
	position:fixed;
	z-index:999;
	bottom:39px;
	right:70px;
	display:none;
	width:50px;
	height:50px;
	overflow:hidden;
}
*html #totop {
	position:absolute;
	cursor:pointer;
	right:70px;
	display:none;
 top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-90+"px");
}
#totop a.top-nom {
	display:block;
	width:50px;
	height:50px;
	background: url(../images/up-top.png) no-repeat bottom;
}
#totop a.top-act {
	background: url(../images/up-top.png) no-repeat top;
}
/*==========public========*/
/*chrome and safari*/
.sub1-gds-btm-dl-img {
	padding:21px 15px 0px 0px;
	_padding:17px 15px 0px 0px;
 +padding:17px 15px 0px 0px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.sub1-gds-btm-dl-img {
padding:21px 15px 0px 0px;
}
}
/*line-p-22*/
.line-p-22 {
	line-height:22px;
}
/*tooltip*/
#tooltip {
	position:absolute;
	display:none;
	width:110px;
	border:1px solid #d9d9d9;
	border-radius:4px;
	background:#f3f3f3;
	padding:10px;
	color:#666;
}
/*link-mark-dl1*/
.link-mark-dl1 dd {
	line-height:25px;
	padding-left:10px;
}
.link-mark1-nom {
	background:url(../images/link-mark7.gif) no-repeat 0px 11px;
}
/*link-mark-dl2*/
.link-mark-dl2 dd {
	line-height:25px;
	padding-left:17px;
}
.link-mark2-nom {
	background:url(../images/link-mark2.gif) no-repeat 0px 5px;
}
/*link-mark-dl3*/
.link-mark-dl3 dd {
	line-height:25px;
	padding-left:17px;
}
.link-mark3-nom {
	background:url(../images/link-mark3.gif) no-repeat 0px 5px;
}
/*link-mark3-ico*/
.link-mark3-ico {
	padding-left:15px;
	background:url(../images/link-mark3.gif) no-repeat 0px 3px;
}
/*link-mark4-ico*/
.link-mark4-ico {
	padding-left:15px;
	background:url(../images/link-mark2.gif) no-repeat 0px 3px;
}
/*link-mark5-ico*/
.link-mark5-ico {
	line-height:20px;
	padding-left:21px;
	background:url(../images/link-mark5.gif) no-repeat 10px 6px;
}
/*link-mark6-ico*/
.link-mark6-ico {
	line-height:20px;
	margin-right:5px;
	background:url(../images/link-mark6.gif) no-repeat right center;
}
/*link-mark8-ico*/
.link-mark8-ico {
	line-height:20px;
	padding-left:20px;
	background:url(../images/link-mark8.gif) no-repeat 3px 8px;
}
/*link-mark9-ico*/
.link-mark9-ico {
	line-height:20px;
	padding-left:20px;
	background:url(../images/link-mark9.gif) no-repeat 0px 5px;
}
/*link-mark10-ico*/
.link-mark10-ico {
	line-height:20px;
	padding-left:20px;
	background:url(../images/link-mark10.gif) no-repeat 0px 5px;
}
/*link-mark11-ico*/
.link-mark11-ico {
	line-height:20px;
	padding-left:20px;
	background:url(../images/link-mark11.gif) no-repeat 3px 8px;
}
/*pre-nex-btn*/
.pre-nex-btn {
	height:50px;
	border:1px solid #fff;
	border-radius:4px;
	overflow:hidden;
}
.pre-nex-btn a {
	display:inline-block;
	float:left;
	width:134px;
	height:50px;
	line-height:50px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.prev-btn-nom {
	border-radius:4px 0px 0px 4px;
	background:url(../images/pre-nex-nom.png) no-repeat left;
	color:#fff;
}
.next-btn-nom {
	border-radius:0px 4px 4px 0px;
	background:url(../images/pre-nex-nom.png) no-repeat right;
	color:#fff;
}
.prev-btn-act {
	background:url(../images/pre-nex-act.png) no-repeat left;
	color:#777;
}
.next-btn-act {
	background:url(../images/pre-nex-act.png) no-repeat right;
	color:#777;
}
/*=========framebody=========*/
#body-waper {
	margin: 0px auto;
	width:100%;
	height:auto;
	background:url(../images/body-waper-bg.png) repeat;
	overflow:hidden;
}
#frametop-waper, #framehead-waper {
	margin: 0px auto;
	width:100%;
	height:auto;
}
#framebody-waper, #frametail-waper {
	margin: 0px auto;
	width:100%;
	height:auto;
}
#framehead, #framebody, #frametail {
	margin: 0px auto;
	width:940px;
	height:auto;
	overflow:hidden;
}
/*-----frametop----*/
#frametop-waper {
	background:#292929;
}
#frametop {
	margin: 0px auto;
	width:940px;
	height:auto;
}
.top-ul {
	height:0px;
	overflow:hidden;
}
.top-ul li {
	height:49px;
	line-height:49px;
	text-align:right;
	overflow:hidden;
}
.top-ul li a {
	display:inline-block;
	padding:0px 10px;
}
#top-waper-btn {
	height:24px;
	background:url(../images/top-waper-bg.gif) repeat-x bottom #292929;
}
#top-btn {
	margin: 0px auto;
	width:940px;
	height:24px;
	overflow:hidden;
}
.top-btn1, .top-btn2 {
	height:24px;
	text-align:right;
	overflow:hidden;
}
.top-btn-nom {
	display:inline-block;
	width:68px;
	height:24px;
	padding:0px 10px;
	border-radius:0px 0px 4px 4px;
	background: url(../images/top-down.gif) no-repeat 68px 8px #292929;
	color:#fff;
	line-height:24px;
	font-size:12px;
	text-align:left;
}
.top-btn-act {
	display:inline-block;
	width:68px;
	height:24px;
	padding:0px 10px;
	border-radius:0px 0px 4px 4px;
	background: url(../images/top-up.gif) no-repeat 68px 8px #292929;
	color:#fff;
	line-height:24px;
	font-size:12px;
	text-align:left;
}
/*-----framehead----*/
#framehead {
	height:auto;
	padding:15px 0px 10px 0px;
}
/*head-dl*/
.head-dl {
	height:100px;
	overflow:hidden;
}
.head-dl dd {
	display:inline-block;
	float:left;
	overflow:hidden;
}
/*head-dd1*/
.head-dd1 {
	width:200px;
}
/*head-dd2*/
.head-dd2 {
	padding-top:15px;
	width:200px;
}
/*head-dd1*/
.head-dd3 {
	padding-top:15px;
	width:540px;
}
/*menu*/
.menu {
	height:60px;
	overflow:hidden;
}
.menu li {
	display:inline-block;
	float:right;
	padding:15px 5px;
}
.menu li a.sub-nav {
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0px 10px;
	color:#777;
	font-size:14px;
	text-shadow: 1px 1px 1px #fff;
	overflow:hidden;
}
.menu li a.sub-nav:focus, .menu li a.sub-nav:hover, .menu li a.sub-nav.active {
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	border-radius:4px;
	background:#2f2f2f;
}
/*-----framebody----*/
#framebody {
	height:auto;
	padding-bottom:30px;
	overflow:hidden;
}
/*-----frametail----*/
#frametail-waper {
	height:auto;
	background: url(../images/tail-waper-bg.gif) repeat-x top #414141;
}
#frametail {
	padding-top:40px;
	overflow:hidden;
}
.frametail-ul1 {
	height:244px;
	overflow:hidden;
}
.frametail-ul1 li {
	display:inline-block;
	float:left;
	width:220px;
	overflow:hidden;
}
/*--copyright-waper--*/
#copyright-waper {
	margin: 0px auto;
	width:100%;
	height:auto;
	border-top:1px solid #3a3a3a;
	background:#343434;
}
.copyright {
	margin:0px auto;
	width:940px;
	padding:20px 0px;
}
.copyright p {
	text-align:center;
}