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

*{ padding:0; margin:0;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline; color:red;}
img{ border:none;}
li,dd{ list-style:none;}
body{ font-size:14px; color:#333; word-break:break-all; font-family:"宋体";}
.left{ float:left;}
.rigth{ float:right;}
h3{ font-size:20px; font-family:"黑体";}
h4{ font-size:16px;}
h5{ font-size:14px;}
.margin-top{ margin-top:10px;}
.margin-left{ margin-left:20px;}


/*顶部登录*/
.web_top{ width:100%; height:30px; overflow:hidden; background:url(../images/web_top_bg.jpg) repeat-x;}
.web_top-con{ width:960px; height:30px; line-height:32px; font-size:12px; padding:0 10px; margin:0 auto;}
.web_top-con p{ display:block; width:auto; height:30px; overflow:hidden; float:left; line-height:32px;}
.web_top-con ul{ display:block; width:auto; height:30px; overflow:hidden; float:right;}
.web_top-con li{ display:block; width:auto; height:30px; line-height:32px; float: left; padding:0 3px;}

/*logo/banner*/
.web_banner{ width:980px; height:120px; overflow:hidden; margin:3px auto 0;}
.web_banner-l{ width:327px; height:120px; overflow:hidden; float:left;}
.web_banner-l img{ width:327px; height:120px;}
.web_banner-r{ width:653px; height:120px; overflow:hidden; float:right;}
.web_banner-r img{ width:653px; height:120px;}

/*导航*/
.web_nav{ width:980px; height:92px; overflow:hidden; margin:3px auto 0; background:url(../images/web_nav_bg.jpg) no-repeat;}
.web_nav ul{ display:block; width:990px; margin-left:-4px; padding-top:14px; font-weight:bold;}
.web_nav li{ display:block; width:99px; height:24px; overflow:hidden; text-align:center; line-height:24px; float:left;}

/*头条*/
.web_topline{ width:975px; height:142px; overflow:hidden; border:1px solid #ccc; margin:10px auto 0;}
.web_topline ul{ display:block; width:988px; height:32px; overflow:hidden;}
.web_topline li{ display:block; width:111px; height:32px; overflow:hidden; line-height:34px; float:left; padding-right:30px; font-size:12px;}
.web_topline .ad{display:block;width:100%;height:100%;}
.web_topline .ad img{display:block;width:100%;height:100%;}


/*首页内容部分*/
.index_con{ width:980px; height:auto; overflow:hidden; margin:0px auto;}
.index_con_1{ width:280px; height:auto; overflow:hidden;}
.index_con_2{ width:320px; height:auto; overflow:hidden;}
.index_con_3{ width:340px; height:auto; overflow:hidden;}

	/*轮换图*/
.index_con_1 .swap_img{ width:280px; height:254px; overflow:hidden;}
.index_con_1 .swap_img .img{ width:280px; height:224px; float:left;}
.index_con_1 .swap_img p{ display:block; width:280px; height:30px; overflow:hidden; line-height:32px; text-align:center; float:left;}
.index_con_1 .swap_img .swap_left{ width:30px; height:224px; overflow:hidden; float:left; margin-top:-254px;}
.index_con_1 .swap_img .swap_right{ width:30px; height:224px; overflow:hidden; float:right; margin-top:-254px;}
.index_con_1 .swap_img .swap_left a,.index_con_1 .swap_img .swap_right a{ visibility:hidden;}
.index_con_1 .swap_img .swap_left img,.index_con_1 .swap_img .swap_right img{ width:30px; height:224px; filter: alpha(opacity=50); /* 设置ie透明度  */ opacity:0.5;  /* 设置火狐高版本透明度  */  -moz-opacity:.5; /* 设置火狐低版本透明度  */ }

.index_con_1 .list_1{ width:278px; height:222px; border:1px solid #ccc; overflow:hidden;}
.index_con_1 .list_1 ul{ display:block; width:258px; height:auto; overflow:hidden; padding:9px 10px 0;}
.index_con_1 .list_1 li{ display:block; padding-left:18px; background:url(../images/list-style_1.jpg) no-repeat 0 12px; line-height:30px;}

.index_con_2 .div-t{ width:320px; height:181px; overflow:hidden; border-bottom:1px dotted #ccc;}
.index_con_2 .div-t h4{ display:block; width:320px; height:30px; overflow:hidden; line-height:32px;}
.index_con_2 .div-t p{ display:block; width:320px; height:54px; overflow:hidden; font-size:12px; line-height:24px; color:#666; margin-top:6px;}
.index_con_2 .div-t p span{ color:#333;}
.index_con_2 .div-b{ width:320px; height:306px; overflow:hidden;}
.index_con_2 .div-b ul{ padding-top:6px;}
.index_con_2 .div-b li{ padding-left:20px; background:url(../images/list-style_1.jpg) no-repeat 3px 12px; line-height:30px; width:320px; height:30px;  overflow:hidden;}

.index_con2con3_b{ width:630px; height:70px; overflow:hidden;}
.index_con2con3_b img{ width:630px; height:70px;}

.index_con_3 .rdiv_t{ width:340px; height:276px; overflow:hidden; background:url(../images/rdiv_t.jpg) no-repeat;}
.index_con_3 .rdiv_b{ width:340px; height:282px; overflow:hidden; background:url(../images/rdiv_b.jpg) no-repeat;}
.index_con_3 .rdiv-tit{ width:340px; height:30px; overflow:hidden; line-height:32px;}
.index_con_3 .rdiv-tit h5{ display:block; width:auto; height:30px; overflow:hidden; float:left; padding-left:10px;}
.index_con_3 .rdiv-tit h5 a{ color:#0066cc;}
.index_con_3 .rdiv-tit span{ display:block; width:auto; height:30px; overflow:hidden; float:right; margin-right:10px; font-size:12px;}
.index_con_3 .rdiv-con{ width:340px; height:auto; overflow:hidden;}
.index_con_3 .rdiv-con dl{ padding:4px 10px;}
.index_con_3 .rdiv-con dt{ line-height:30px; font-weight:bold;}
.index_con_3 .rdiv-con dd{ padding-left:20px; background:url(../images/list-style_1.jpg) no-repeat 3px 12px; line-height:30px;}
.index_con_3 .rdiv-con ul{ width:320px; height:auto; overflow:hidden; margin:0 auto;}
.index_con_3 .rdiv-con .imgli{ padding:0; background:none; line-height:normal; width:320px; height:124px; overflow:hidden; margin:0 0 6px;}
.index_con_3 .rdiv-con .imgli h5{ display:block; width:320px; height:38px; overflow:hidden; line-height:40px; float:left;}
.index_con_3 .rdiv-con .imgli img{ width:110px; height:86px; float:left;}
.index_con_3 .rdiv-con .imgli p{ display:block; width:200px; height:auto; overflow:hidden; float:right; font-size:12px; line-height:22px; color:#666;}
.index_con_3 .rdiv-con li{ padding-left:18px; background:url(../images/list-style_1.jpg) no-repeat 3px 12px; line-height:30px;}

.ad_fullcolumn{ width:980px; height:90px; overflow:hidden; margin:10px auto 0;}
.ad_fullcolumn img{ width:980px; height:90px;}

.index_con_4{ width:260px; height:auto; overflow:hidden; padding:0 10px 10px; background:url(../images/nattier_blue-bg.jpg);}
.index_con_4 .sdiv{ width:258px; height:272px; overflow:hidden; border:1px solid #ccc; background:#fff;}
.index_con_4 .sdiv .tit{ width:248px; height:30px; overflow:hidden; line-height:32px; padding-left:10px; font-weight:bold;}
.index_con_4 .sdiv .tit a{ color:#0066cc;}
.index_con_4 .sdiv .con{ width:238px; height:242px; overflow:hidden; margin:0 auto;}
.index_con_4 .sdiv .con dt{ line-height:30px; font-weight:bold;}
.index_con_4 .sdiv .con dd{ padding-left:20px; background:url(../images/list-style_1.jpg) no-repeat 3px 12px; line-height:30px;}
.index_con_4 .sdiv .con .imgdd{ width:238px; height:121px; overflow:hidden; padding:0; background:none; line-height:normal;}
.index_con_4 .sdiv .con .imgdd h5{ display:block; width:248px; height:35px; line-height:36px;}
.index_con_4 .sdiv .con .imgdd img{ width:110px; height:86px; float:left;}
.index_con_4 .sdiv .con .imgdd p{ display:block; width:120px; height:auto; overflow:hidden; line-height:22px; color:#666; font-size:12px; float:right;}
.index_con_4 .ad{ width:260px; height:38px; overflow:hidden;}
.index_con_4 .ad img{ width:260px; height:38px;}

.index_con_5{ width:680px; height:auto; overflow:hidden;}
.index_con_5 .seldiv{ width:680px; height:314px; overflow:hidden;}
.index_con_5 .seldiv .tit{ width:680px; height:28px; overflow:hidden; border-top:2px solid #0066cc; background:url(../images/nattier_blue-bg.jpg);}
.index_con_5 .seldiv .tit li{ display:block; width:auto; height:28px; line-height:30px; overflow:hidden; float:left; font-weight:bold;}
.index_con_5 .seldiv .tit li a{ display:block;  width:auto; height:28px; float:left; overflow:hidden; padding:0 10px;}
.index_con_5 .seldiv .tit li .a1{ padding:0 9px; border-left:1px solid #0066cc; border-right:1px solid #0066cc; background:#fff; color:#0066cc;}
.index_con_5 .seldiv .con{ width:710px; height:284px; overflow:hidden;}
.index_con_5 .seldiv .con .scon{ width:320px; height:284px; overflow:hidden; float:left; padding-right:30px;}
.index_con_5 .seldiv .con .scon dd{ width:320px; height:136px; border-bottom:1px dotted #ccc;}
.index_con_5 .seldiv .con .scon dd h5{ display:block; width:320px; height:40px; overflow:hidden; line-height:40px; float:left;}
.index_con_5 .seldiv .con .scon dd img{ width:110px; height:86px; float:left;}
.index_con_5 .seldiv .con .scon dd p{ padding-left:16px; background:url(../images/list-style_1.jpg) no-repeat 3px 10px; font-size:12px; float:right; line-height:22px;
					width:188px;height:22px;
 display:block;word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;	
 }
.index_con_5 .seldiv .con .scon ul{ padding-top:6px; width:321px;}
.index_con_5 .seldiv .con .scon ul li{ padding-left:20px; background:url(../images/list-style_1.jpg) no-repeat 3px 12px; line-height:30px;}
.index_con_5 .seldiv .con .scon ol{ margin-top:10px; font-size:12px; height:284px; background:url(../images/nattier_blue-bg.jpg);}
.index_con_5 .seldiv .con .scon .imgli{ display:block; width:320px; height:116px; background:#fff; padding:0; margin-bottom:10px;}
.index_con_5 .seldiv .con .scon .imgli p{ display:block; width:110px; height:auto; overflow:hidden; float:left; padding-left:30px;}
.index_con_5 .seldiv .con .scon .imgli p img{ width:110px; height:86px; float:left;}
.index_con_5 .seldiv .con .scon .imgli p span{ display:block; width:110px; height:20px; line-height:24px; text-align:center; float:right;}
.index_con_5 .seldiv .con .scon ol li{ padding-left:28px; padding-right:10px; height:24px; width:282px; overflow:hidden; line-height:24px; background:url(../images/list-style_1.jpg) no-repeat 14px 9px;}


/*底部*/
.f-l {float:left;}
.f-r {float:right;}
.f-r li {float:left; margin-left:12px;}
.c-f {clear:both;}
#friend-link {width:978px;height:137px; overflow:hidden;background:#ffece8;border:1px solid #f5c3c2; margin:10px auto 0;}
.frd-link {color:#333;margin:0 4px;}
#friend-link a{ color:#333; font-size:12px;;}
#fl_img{ width:990px;padding: 8px 10px 6px; height: 50px; border-bottom: 1px solid #ccc;}
#fl_img a{ margin-right:17px; float:left}
a.frd-link:hover,a#SQlink:hover,.btm-miaoshu a:hover,.inf-con a:hover {text-decoration:underline;}

#connect-us {width:978px;height:14px; overflow:hidden;padding:7px 0; margin:10px auto 0;border:1px solid #cdcdcd; font-size:12px;}
#connect-us ul {width:390px;margin:0 auto;}
#connect-us ul li {height:13px;width:auto;padding:1px 10px 0 10px;}
#connect-us ul li a:hover {color:#383838;}
.right-border {border-right:1px solid #616161;}

/*#btm-inf {height:169px;padding-top:20px;text-align:center;line-height:22px; font-size:12px;}
#btm-icon { width:875px;height:51px; overflow:hidden;padding:4px 0 0 105px; margin:0 auto;}
.margin-right {margin-right:10px;}
.inf-con {text-align:center;line-height:26px;}
.inf-con-ZZ {font-weight: 800; color: #f00;width:440px;height:26px;margin:0 auto 0 540px;}
.inf-con-QQ {text-align:center;height:36px;width:540px;margin:0 auto;line-height:36px;}*/

/*登录弹出层*/
.leaguer{ width:100%; height:100%; _height:expression(document.body.clientHeight); overflow:hidden; background:#000; filter: alpha(opacity=50); /* 设置ie透明度  */ opacity:0.5;  /* 设置火狐高版本透明度  */  -moz-opacity:.5; /* 设置火狐低版本透明度  */ position:fixed; top:0; right:0; z-index:99; _position: absolute;  _top: expression(documentElement.scrollTop)+ 0 + "px");display:none;}
.leaguer_con{width:340px; height:auto; position:fixed; top:150px;left:50%; margin-left:-120px; background:#fff; z-index:999; _position: absolute;  _top: expression(documentElement.scrollTop + 150 + "px"); background:#F0FFF0;display:none;}
.leaguer_con p{ display:block; width:340px; height:20px; overflow:hidden; text-align:right;}
.leaguer_con p .a1{ display:inline; width:30px; height:16px; overflow:hidden; text-align:center; line-height:18px; border:1px solid #ccc; margin:2px; float:right; color:#333; cursor:pointer; background:#0C0; color:#fff;}
.leaguer_con p .a1:hover{ color:#fff; text-decoration:none;}
.leaguer_con dl{ display:block; width:320px; height:34px;  padding:0 10px; position:relative; z-index:99; float:left;}
.leaguer_con dd{ display:block; width:auto; height:34px; overflow:hidden; float:left; line-height:36px; font-size:16px; font-weight:bold; border:1px solid #093; border-bottom:none; margin-right:1px;}
.leaguer_con dd a{ display:block; width:auto; height:34px;padding:0 8px; float:left; overflow:hidden;}
.leaguer_con dd a:hover{ text-decoration:none; color:#333;}
.leaguer_con dd .a1{ background:#093; color:#fff;}
.leaguer_con dd .a2{ background:#fff; color:#093;}
.leaguer_con ul{ display:block; width:278px; height:auto; overflow:hidden; margin:0 10px 10px;  border:1px solid #093; padding:20px 20px 4px; background:#fff; position:relative; z-index:98; float:left; _margin-top:-1px; _margin-left:5px; _margin-right:5px;}
.leaguer_con li{ width:278px; height:40px; line-height:40px; overflow:hidden; position:relative;}
.leaguer_con li a{ margin-left:10px; color:#093; text-decoration:underline;}
.leaguer_con li a:hover{ color:red;}
.leaguer_con li .yzm{ width:76px; height:22px; position:absolute; right:0; top:8px; _top:0;}
.leaguer_con li #username{ color:#999;}
.leaguer_con li .inp1{ width:172px; height:20px; line-height:20px; border:1px solid #ccc; padding:0 3px; padding-right:23px;}
.leaguer_con li .inp2{ width:84px; height:20px; line-height:20px; border:1px solid #ccc; padding:0 3px; padding-right:23px;text-transform:uppercase;}
.leaguer_con li .sub{ width:52px; height:21px; overflow:hidden; border:none; background:url(../images/login_sub.jpg) no-repeat; cursor:pointer;}
.leaguer_con li .inp3{ margin-top:13px; float:left; margin-left:78px; _margin-top:8px;}
.leaguer_con li .span2{ float:left; display:block; padding-left:4px;}
.leaguer_con li strong{ display:block; width:15px; height:15px; overflow:hidden; position:absolute; right:4px; top:12px; z-index:5;}
.leaguer_con li strong img{ width:15px; height:15px;}
.leaguer_con li .code_check{right:88px;}