﻿
/* CSS Document */

/*All*/

body
{
	font-size: 12px;
	font-family: "宋体" , sans-serif;
	color: #373737;
	background: #FFF;
}
body, form, input, li, p, ul, h3, span, div, h1, h2, h4, h5, h6, img, a
{
	margin: 0;
	padding: 0;
}
img
{
	border: none;
}
li
{
	list-style-type: none;
}
a
{
	color: #373737;
	outline: none;
	text-decoration: none;
}
a:hover
{
	color: #09C;
	text-decoration: underline;
}

.fl
{
	float: left;
}
.fr
{
	float: right;
}
.tc
{
	text-align: center;
}
.tr
{
	text-align: right;
}
.tl
{
	text-align: left;
}
.auto
{
	margin: 0 auto;
}
.inline
{
	display: inline;
}
.block
{
	display: block;
}
.clear
{
	clear: both;
}
h3
{
	font-size: 12px;
}

/*Header*/

.header
{
	height: 196px;
	padding: 10px 0;
}
.logo
{
	height:98px;
	width: 228px;
}
.theme
{
	height: 24px;
	width: 180px;
	padding-top: 15px;
	_margin-top: 15px;
	_padding-top: 0;
}
.theme span
{
	height: 24px;
	line-height: 24px;
	padding-left: 20px;
	width: 70px;
}
.theme span a
{
	color: #a72a27;
	text-decoration: none;
}
.theme span a:hover
{
	color: #a72a27;
	text-decoration: underline;
}
.homepage
{
	background: url(../images/index.png) no-repeat -5px -318px;
}
.Website
{
	background: url(../images/index.png) no-repeat -5px -355px;
}
.sitenav
{
	height: 43px;
	padding-top: 10px;
}
.nav_l
{
	background: url(../images/index.png) no-repeat -4px -2px;
}
.nav
{
	background: url(../images/nav_bg.gif) repeat-x left top;
	width: 970px;
}
.nav_r
{
	background: url(../images/index.png) no-repeat -18px -2px;
}
.nav_l, .nav_r, .nav
{
	height: 43px;
}
.nav_l, .nav_r
{
	width: 7px;
}
.nav li
{
	float: left;
	height: 43px;
	line-height: 43px;
	width: 120px;
	text-align: center;
	background: url(../images/nav_lr.gif) no-repeat right top;
}
.nav li a
{
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 30px;
	width: 120px;
}
.nav li a:hover
{
	color: #982825;
	text-decoration: none;
	width: 120px;
	background: url(../images/li_hover.gif) no-repeat 9px 5px;
	display: block;
	height: 43px;
	_background: url(../images/li_hover.gif) no-repeat 9px 4px;
	_height: 30px;
}
.sArea
{
	border-bottom: 1px solid #e2e2e2;
	height: 40px;
	position: relative;
}
.sAsin
{
	width: 290px;
	background: url(../images/mirror.gif) no-repeat 3px 4px;
	padding-left: 25px;
	position: absolute;
	left: 5px;
	top: 6px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #e2e2e2;
	color: #d7d7d7;
}
.sAbtn
{
	width: 65px;
	background: url(../images/index.png) no-repeat -107px -11px;
	border: none;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	left: 322px;
	top: 6px;
	height: 27px;
	line-height: 27px;
}
.hotClass
{
	padding-left: 20px;
	line-height: 27px;
	color: #565656;
	position: absolute;
	left: 390px;
	top: 6px;
}
.hotClass b
{
	color: #a02926;
}
.hotClass b, .hotClass p
{
	float: left;
}

/*Container*/

.c_l
{
	width: 770px;
}
.lArea .c_t
{
	height: 27px;
	background: url(../images/index.png) no-repeat -3px -82px;
}
.lArea ul li
{
	float: left;
	line-height: 26px;
	padding: 0 4px;
	width: 370px;
}
.lArea .c_t h3
{
	color: #FFF;
	padding: 8px 0 0 15px;
}
.c_t ul li span
{
	float: right;
}
.linfor
{
	position: relative;
	height: 155px;
	width: 198px;
}
.username
{
	position: absolute;
	left: 12px;
	top: 22px;
}
.password
{
	position: absolute;
	left: 25px;
	top: 53px;
}
.txtPwd
{
	position: absolute;
	left: 62px;
	top: 47px;
}
.txtName
{
	position: absolute;
	left: 62px;
	top: 18px;
}
.txtName, .txtPwd
{
	height: 20px;
	line-height: 20px;
	width: 125px;
	border: 1px solid #e5e4e4;
}
.username, .password
{
	color: #5f5f5f;
	font-weight: bold;
}
.lbtn
{
	position: absolute;
	left: 31px;
	top: 88px;
	background: url(../images/index.png) no-repeat -68px -50px;
}
.rbtn
{
	position: absolute;
	left: 103px;
	top: 88px;
	background: url(../images/index.png) no-repeat -151px -50px;
}
.lbtn, .rbtn
{
	width: 62px;
	height: 20px;
	line-height: 20px;
	border: none;
	color: #FFF;
	text-align: center;
}
.lpwd
{
	position: absolute;
	left: 34px;
	top: 125px;
	color: #cc1711;
}
.lpwd b
{
	color: #000;
}

.fArea
{
	width: 562px;
}
.lArea, .lArea .c_t
{
	width: 200px;
}
.lArea, .fArea
{
	height: 182px;
}

.newsArea, .newsArea .c_t, .hotArea, .hotArea .c_t, .c1list, .c1list .c_t, .c2list, .c2list .c_t
{
	width: 380px;
}
.newsArea .c_t, .hotArea .c_t
{
	height: 27px;
	background: url(../images/index.png) no-repeat -3px -156px;
}
.newsArea .c_t h3, .hotArea .c_t h3, .c1list .c_t h3, .c2list .c_t h3
{
	color: #FFF;
	padding: 8px 0 0 21px;
	float: left;
}
.hotArea .c_t h3
{
	padding: 8px 0 0 7px;
}
.c1list .c_t h3, .c2list .c_t h3
{
	padding: 8px 0 0 12px;
}
.newsArea .c_t img, .hotArea .c_t img, .c1list .c_t img, .c2list .c_t img, .c1Area .c_t img
{
	float: right;
	margin: 10px 11px 0 0;
	display: inline;
}
.newsArea ul, .hotArea ul
{
	height: 130px;
	padding: 5px 0;
	width: 378px;
}
.newsArea ul li, .hotArea ul li
{
	width: 370px;
	padding: 0 4px;
	line-height: 26px;
	float: left;
}
.newsArea ul li a
{
	width: 280px;
	padding-left: 10px;
	float: left;
	background: url(../images/index.png) no-repeat -10px -390px;
}
.newsArea ul li span
{
	width: 60px;
	float: right;
}
.hotArea ul li a.hlist
{
	width: 255px;
	padding-left: 10px;
	float: left;
	background: url(../images/index.png) no-repeat -10px -390px;
}
.hotArea ul li span
{
	float: left;
	margin: 0 5px;
	display: inline;
}
.hotArea ul li span a
{
	width: 28px;
}
.hotArea ul li span a img
{
	margin: 5px 0;
}

.c1list .c_t, .c2list .c_t
{
	height: 30px;
	background: url(../images/index.png) no-repeat -3px -192px;
}
.ntitle
{
	height: 21px;
	line-height: 21px;
	width: 377px;
	background: url(../images/index.png) no-repeat -3px -120px;
}
.nlist
{
	height: 152px;
	padding: 5px 0;
	width: 378px;
	margin-top: -3px;
}
.ntitle span, .nlist li span
{
	text-align: center;
	display: block;
	float: left;
}
.cname
{
	width: 224px;
}
.ctime
{
	width: 80px;
}
.cbao
{
	width: 70px;
}
.nlist li
{
	line-height: 27px;
}
.nlist li a.hlist
{
	width: 210px;
	padding-left: 15px;
	float: left;
	background: url(../images/index.png) no-repeat -4px -390px;
}
.nlist li img
{
	margin-top: 5px;
}

.c_r, .c_l2, .c1Area, .c1Area .c_t, .c2Area, .c2Area .c_t
{
	width: 208px;
}
.c1Area .c_t
{
	height: 27px;
	background: url(../images/index.png) no-repeat -3px -232px;
}
.c1Area .c_t h3
{
	padding: 8px 0 0 21px;
}
.c1Area .c_t h3, .c2Area .c_t h3
{
	color: #930400;
	float: left;
}
.c1Area ul
{
	width: 190px;
	padding: 4px;
	margin-left: 1px;
	display: inline;
}
.c1Area ul li
{
	width: 170px;
	float: left;
	margin-left: 1px;
	display: inline;
	padding-left: 18px;
	line-height: 24px;
	background: url(../images/index.png) no-repeat -4px -390px;
}

.c2Area .c_t
{
	height: 27px;
	background: url(../images/index.png) no-repeat -3px -270px;
}
.c2Area .c_t h3
{
	padding: 8px 0 0 18px;
}
.c2Area .DIY
{
	width: 182px;
	padding: 12px 8px;
	_padding: 12px 7px;
	margin-left: 2px;
	display: inline;
}
.c1Area ul, .c2Area .DIY
{
	float: left;
}


.pArea .c_t, .pArea .c_t span
{
	height: 28px;
}
.pArea .c_t
{
	width: 987px;
	background: url(../images/p_bg.gif) repeat-x left top;
}
.pArea .c_t a
{
	margin-left: 700px;
}
.pArea .c_t a img
{
	margin-top: 10px;
}
.pArea .c_t h3
{
	width: 100px;
	height: 20px;
	padding: 8px 0 0 20px;
	background: url(../images/index.png) no-repeat -226px -233px;
	color: #FFF;
}
.pArea .c_t span
{
	width: 5px;
	display: block;
	background: url(../images/index.png) no-repeat -354px -233px;
}
.plist
{
	padding: 8px 4px 8px 10px;
	width: 966px;
}
.pbox
{
	width: 161px;
	height: 140px;
	margin: 10px 10px 0px 10px;
}
.pbox span
{
	width: 160px;
}
.plist a
{
	width: 154px;
	height: 112px;
	display: block;
	float: left;
}
.plist span
{
	width: 154px;
	line-height: 24px;
	float: left;
	text-align: center;
}


/*Content*/

.c_l2, .c3Area, .c3Area .c_t
{
	width: 208px;
}
.c3Area a
{
	cursor: hand;
}
.c3Area a:hoer
{
	cursor: hand;
}
.c3Area .c_t
{
	height: 27px;
	background: url(../images/subnav.gif) no-repeat left top;
}
.c3Area .c_t h3
{
	padding: 8px 0 0 21px;
	color: #FFF;
}
.c3Area ul
{
	width: 189px;
	padding: 4px 4px 8px 4px;
	margin-left: 1px;
	display: inline;
}
.c3Area ul li
{
	width: 168px;
	float: left;
	margin-left: 1px;
	display: inline;
	padding-left: 18px;
	line-height: 24px;
	background: url(../images/arrow.gif) no-repeat 5px 8px;
	border-bottom: 1px dashed #c4c4c4;
}

.c_r2, .cr2_t, .cr2_b
{
	width: 776px;
}
.cr2_t
{
	height: 27px;
	background: url(../images/nst_bg.gif) no-repeat left top;
}
.cr2_t h3
{
	padding: 6px 0 0 27px;
	color: #FFF;
}
.cr2_t span
{
	padding: 15px 15px 0 0;
}
.cr2_b
{
	height: 5px;
	background: url(../images/nsb_bg.gif) no-repeat left top;
}
.cr2_info
{
	width: 760px;
	padding: 5px;
	border: 1px solid #e5e4e4;
	border-top: none;
	border-bottom: none;
}
.cr2_info ul, .clists
{
	border-top: 1px dashed #bcbcbc;
}
.cr2_info li
{
	border-bottom: 1px dashed #dddddd;
	float: left;
	width: 740px;
	padding-left: 20px;
	line-height: 27px;
	list-style: none;
	background: url(       "../images/index.png" ) no-repeat -1px -388px;
}
.cr2_info ul li a
{
	float: left;
}
.cr2_info ul li span
{
	float: right;
}

.clists .c_t
{
	width: 685px;
	height: 92px;
	background: url(../images/nsl_bg.gif) no-repeat left top;
}
.clArea
{
	width: 690px;
	margin: 10px 35px;
	display: inline;
}
.clArea h3
{
	float: left;
	padding: 10px 0 0 53px;
}
.clArea img
{
	float: right;
	margin: 10px 3px 0 0;
	display: inline;
}
.clArea ul
{
	border: none;
	width: 650px;
	margin: -38px 0 0 15px;
	display: inline;
}
.clArea ul li
{
	width: 620px;
	line-height: 24px;
}
/*Footer*/

.footer
{
	height: 130px; *margin-top:10px;_margin-top:0;}
.aboutUs
{
	height: 35px;
	line-height: 35px;
	background: #515151;
	text-align: center;
	color: #FFF;
}
.aboutUs a
{
	color: #FFF;
	text-decoration: none;
	padding: 0 8px;
}
.aboutUs a:hover
{
	color: #FFF;
	text-decoration: underline;
}
.contact
{
	padding-top: 10px;
}
.contact p
{
	text-align: center;
	line-height: 22px;
}
.QArea
{
	width: 960px;
	height: 30px;
	line-height: 30px;
	padding-top: 5px;
	text-align: center;
}
.QArea p
{
	width: 960px;
	text-align: center;
}
.QArea span
{
	color: #000;
	font-weight: 600;
}

/*theSame*/

.header, .head, .sitenav, .container, .footer, .pArea
{
	width: 990px;
}
.sArea, .aboutUs, .contact p
{
	width: 985px;
}
.theme span, .nav_l, .nav_r
{
	display: block;
	float: left;
}
.linfor, .newsArea ul, .hotArea ul, .nlist, .c1Area ul, .c2Area .DIY, .plist, .c3Area ul
{
	border: 1px solid #e5e4e4;
	border-top: none;
}
.newsArea, .hotArea
{
	margin: 10px 0;
}
.c1Area, .c2Area, .adArea, .c1list, .c2list, .pArea, .c_l2, .c3Area
{
	margin-bottom: 10px;
}
#divStayTopleft ul
{
	background: url(../../../images/qq_bottom1_01.jpg) repeat-y;
	width: 109px;
	padding-left: 5px;
	margin-top: 0px;
	_margin-top: -5px;
}

.adArea .c_tadarea
{
	width: 770px;
	height: 27px;
	background: url(../images/indexcours.png) no-repeat -3px -156px;
}

.adAreatup
{ 
	width: 768px;
	border: 1px solid #e5e4e4;
	border-top: none; 
	padding-bottom:15px;
	
}

.adArea h3
{
	padding: 6px 0 0 20px;
	color: #FFF;
}



/*login.aspx*/
.main_dl_left
{
	width: 986px;
	border: 1px solid #D9D9D9;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.main_dl_left h1
{
	background-image: url(../images/top_h_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 27px;
	height: 27px;
	padding-left: 15px;
	color: #FFF;
	font-size: 12px;
}
.main_dl_k
{
}
.main_dl_k ul
{
	list-style-type: none;
	padding-left: 200px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.main_dl_k_li
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 70px;
	font-weight: bold;
	color: #C1152B;
	line-height: 30px;
}
.dl_input
{
	width: 250px;
	height: 25px;
	border: 1px solid #CCC;
	margin-left: 5px;
}
.btn
{
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 200px;
}
.btnlogin
{
	background: url(../images/btn_dl.jpg);
	width: 92px;
	height: 32px;
	border: none;
}
.f_link ul
{
	width: 990px;
	margin-left: 140px;
}
.f_link ul li
{
	width: 80px;
	float: left;
	line-height: 30px;
}
