@charset"utf-8";

/* reset */

body,ul,p,img,h1,h2,h3,h4,input,form,ol,dl,dd,dt,form,input{ margin:0; padding:0}

em{ font-style: normal; }
li{ list-style: none; }
img{ vertical-align: top; border: none;}
a{ text-decoration: none; }
body { font-size:12px; font-family:"微软雅黑";}
input,textarea { outline:none; }
/* public */
.clear{ zoom: 1; }
.clear:after{ content: " ";display: block; clear: both; }
.fl{ float: left; }
.fr{ float: right; }
.gradient{ background: -moz-linear-gradient(top, #ffffff, #f8f8f8) }
.triangle_up{ width:0; height:0; border-left:4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #ca0309;}
.triangle_down_red{ width :0; height: 0; border-left:4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ca0309;}
.triangle_down_grey{  width :0; height: 0; border-left:4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #c1c1c1; }


/*layout*/
body { margin-bottom:30px; }

#header{ height: 30px; width: 960px; margin: 0 auto; border-radius: 0 0 6px 6px; }
#nav{ width:960px; height: 100px; margin: 0 auto; position: relative; overflow: hidden;}
#search{ width: 958px; height: 114px; margin: 0 auto 10px; border: 1px solid #dbdbdb; border-radius: 6px; position: relative; z-index: 1;}
.content{ width: 960px; margin: 0 auto; }
.main{ width: 710px; }
.main_wrap{ margin-bottom:10px; }   
.section{ width: 318px; border: 1px solid #e5e5e5; border-radius: 6px; padding: 0 15px; } 
.options{ width: 350px; }
.main_ad { border-radius: 6px; margin-bottom: 10px;  overflow: hidden;}
.side{ width: 240px;}
.side_section{padding: 0 12px;  border: 1px solid #e5e5e5; border-radius: 6px; margin-bottom: 10px; } 
.side_ad{ border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; margin-bottom: 10px;}
#footer{ width: 960px; height: 78px; margin: 0 auto; border: 1px solid #e5e5e5; border-radius: 6px; background: #f9f9f9;margin-bottom: 29px;}


.options .tab{ height: 34px;}
.options .tab li{ height: 33px; line-height: 33px; width: 172px; border: 1px solid #e5e5e5; border-bottom: none;  
	              text-align: center; border-radius: 6px 6px 0 0; position: relative;  cursor:pointer;}
.options .tab .active{ height: 34px; line-height:34px; width: 172px;  background: white;}
.options .con{ width: 318px; padding: 0 15px; border: 1px solid #e5e5e5;  border-radius: 0 0 6px 6px; }

/* */

#header .city{ float:left; padding-left: 20px; line-height: 30px;}
#header .city a{ display:inline-block; width: 39px; height: 18px; border: 1px solid #e5e5e5; 
                  border-radius: 4px; color: #999999; text-align: center; line-height: 18px; }
#header .city .active{ color: #d60d03; }   
#header .city a:hover{ background-color: #f1f1f1;}
#header .link{ float:right; padding-right: 20px; line-height: 30px;}
#header .link a{ display: inline-block; color: #666666; background: url(../img/header_bg.gif) no-repeat; padding-left: 20px;
                   }
#header .link .ico1 { background-position: 0 9px; }
#header .link .ico2 {background-position: 0 -21px; }
#header .link a:hover{  text-decoration:underline; }


#nav ul{ position: absolute; top: 10px;}
#nav ul a{ display: block; width :66px;  padding-top: 50px; background: url(../img/nav_bg.png) no-repeat; text-align: center; color: black;}
#nav .nav1{ left: 11px; }
#nav  li{ float: left; }
#nav .nav2{ right: 11px; }
#nav .bg1{ background-position: 0 0px; }
#nav .bg2{ background-position: -66px 0; }
#nav .bg3{ background-position: -132px 0; }
#nav .bg4{ background-position: -198px 0; }
#nav .bg5{ background-position: -264px 0; }
#nav .bg6{ background-position: -330px 0; }
#nav .bg7{ background-position: -396px 0; }
#nav .bg8{ background-position: -462px 0; }
#nav .bg9{ background-position: -528px 0; }
#nav .bg10{ background-position:-594px 0; }
#nav .bg1:hover{ background-position: 0 -70px; color: #d71d08;}
#nav .bg2:hover{ background-position: -66px -70px; color: #d71d08;}
#nav .bg3:hover{ background-position: -132px -70px; color: #d71d08;}
#nav .bg4:hover{ background-position: -198px -70px; color: #d71d08;}
#nav .bg5:hover{ background-position: -264px -70px; color: #d71d08;}
#nav .bg6:hover{ background-position: -330px -70px; color: #d71d08;}
#nav .bg7:hover{ background-position: -396px -70px; color: #d71d08;}
#nav .bg8:hover{ background-position: -462px -70px; color: #d71d08;}
#nav .bg9:hover{ background-position: -528px -70px; color: #d71d08;}
#nav .bg10:hover{ background-position:-594px -70px; color: #d71d08;}
#nav h1{ width: 223px; height: 62px; margin: 10px auto;}



#search .bar{ width: 958px; height: 64px; background-color:#e21c01; position: absolute; left: -1px; top: 16px; 

             border: 1px solid #c40d0e; border-radius: 5px; box-shadow:2px 3px 2px #d2d2d2; 
}
#search .menu{ position: absolute; top: -27px; left: 226px; text-align: center; height:26px;}
#search .menu li{ width: 78px; height: 25px; line-height: 25px; float:left; border: 1px solid #f8d0bf; border-radius: 4px 4px 0 0; border-bottom: none;
            margin-right: 1px; background: white; cursor: pointer; }
#search .menu .active{ height: 26px; background: #e21c01; border: 1px solid #c40d0e; border-bottom: none; text-shadow: 2px 2px 2px rgba(0,0,0,0.35);
                   color: white; font-weight: bold;}
#search .img{ width: 162px; height: 120px; position: absolute; left: 32px; top:-1px; background: url(../img/search_img.png) no-repeat; }
#search .form{ position: absolute; left: 226px; top: 19px;}
#search .form .text{ width: 382px; height: 22px; border-radius: 3px; padding: 0 12px;border: none; background: #fff1ef; color: #ea7a7a;
                   box-shadow: 2px 3px 2px #ca8c83 inset;}
#search .form .btn{ width:62px; height: 24px;background: url(../img/search_img.png) no-repeat -162px 0px; border: none;  }
#search .keyword{ position:absolute; right:36px; top:15px; width: 202px; height: 30px; color :white; line-height: 18px;} 
#search .keyword a{ color:white; }
#search .keyword a:hover{ text-decoration: underline;}
#search .update{ width: 406px; height: 30px; position:absolute; left:226px; bottom: 0px; line-height:30px; 
	             background:url(../img/search_img.png) no-repeat -225px 8px; }
#search .update .wrap{ width:338px; height:30px; overflow: hidden; position:absolute; left:60px;}
#search .update .wrap ul{ position:absolute; top:0px; left:0px;}         
#search .update  .wrap a{ color:black; }
#search .update  .wrap a:hover{ text-decoration: underline; }
#search .update strong{color: #d30703; font-weight: normal;} 
#search .update span{ color: #999999; padding-right: 5px; padding-left: 6px; }	
#search .update  .triangle_up{ position: absolute; right: 0; top: 8px;}  
#search .update  .triangle_down_red{ position: absolute; right: 0; top: 17px; }  


.video_title{ height: 42px; line-height: 42px; font-weight: normal; background: url(../img/video_bg.gif) no-repeat; 
	          background-position:105px 10px; color: #d90000; font-size: 18px; font-family:arial;}
.video{ width: 318px; height: 285px; margin-bottom: 13px;}
.video_list{ height: 78px; width:258px;  padding-left: 76px; background: url(../img/video_bg.gif) no-repeat 3px -47px;}  
.video_list li{ line-height:20px; height: 20px; text-indent:14px; background: url(../img/dot.gif) no-repeat 6px center;}
.video_list li a{ color:black; } 
.video_list li a:hover{ text-decoration: underline; }  


.public_title{ height: 40px; line-height: 40px; position: relative;}   
.tab li strong,.public_title strong{ font-size: 12px; font-family: arial; color: #cc0d13; }  
.tab li span,.public_title span{ color: #010000; font-family:"微软雅黑";} 
.public_title img{ position: absolute; right: 0; top:15px;}

.tab .triangle_down_red,.tab .triangle_down_grey{ position: absolute; right: 16px; top: 14px; }

.hot_list{ padding-top: 10px ; height: 374px; position: relative;}
.hot_list li{ background: url(../img/hot_list_li_bg.gif) no-repeat; width: 318px;height: 108px; margin-bottom: 6px; position: relative;}
.hot_list .img{ float: left; width: 106px; height: 86px; position: absolute; top: 10px; }
.hot_list .img a {display: block; width: 104px; height: 84px; border:1px solid #e6e6e6;}
.hot_list .text{ float: right; width: 192px; padding-top: 5px;}
.hot_list .text a{ color: #bb0d0d; }
.hot_list .text a:hover{ text-decoration: underline;  }
.hot_list h3{ line-height: 24px; font-weight: normal; font-size: 12px;}
.hot_list .text p{ color: #6e6e6e; line-height: 16px; font-size: 12px;}
.hot_list .more{ position: absolute; right: 0; bottom: 10px;}

.tab2 { height: 25px; border-bottom: 1px solid #dadada; }
.tab2 ul{ height: 26px;}
.tab2 li{ float: left;  height: 24px; border: 1px solid #dadada; border-bottom: none;margin-right: -1px; 
	      border-radius: 4px 4px 0 0; text-align: center; line-height: 24px; position: relative; cursor: pointer; color: #666666;}
.tab2 .active{ height: 25px; background: white; line-height: 25px; font-weight: bold; color: #454545;}
.tab2 a{ position: absolute; right: 12px; top: 10px; } 

.section .tab2 { padding: 0 10px; }
.section .tab2 li {width: 98px;}
.side_section .tab2 { padding: 0 6px; }
.side_section .tab2 li {width: 66px;}

.list_section{ }
.list_section li{ height: 27px; line-height: 27px; border-top: 1px dotted #cbcbca; 
	               background: url(../img/dot.gif) no-repeat 7px 12px; }
 .list_section a{ color: #333333; display: block; text-indent: 14px;}	              
.list_section a em{ color: #c3c3c3; }	               
.list_section a span{color: #c75d61;}
.list_section a:hover{ color:#d80000; }	

.list_section .title{ background: none; border-top: none; color: #999999; text-align: center; }
.list_section .title .col2{ color: #999999; }
.list_section  .col1,.list_section  .col2,.list_section  .col3{float: left;}   /*解决内联元素间隙问题*/
.list_section  .col2,.list_section  .col3{ text-align: center; }
.list_section  .col1{ width: 137px; }
.list_section  .col2{ width: 35px; color: #d80000;}
.list_section  .col3{ width: 36px; color: #999999;}

.section .list_section .col1{ width: 272px; }
.section .list_section .col2{ width: 36px; }
.section .list_section img{ vertical-align:middle; }

.list_pic{}
.list_pic li{ overflow: hidden; }
.list_pic .img{ width: 96px; height: 73px; }
.list_pic .img a{ display: block; padding: 2px; width:90px; height: 67px; border: 1px solid #dadada;}
.list_pic .img a:hover{}
.list_pic .img img{ width:90px; height: 67px; }
.list_pic .text{ width: 108px; }
.list_pic .text h3{ font-weight: normal; font-size: 12px;}
.list_pic .text h3 a{ color: #b80000; }
.list_pic .text h3 a:hover{ color: #b80000; text-decoration: underline;}
.list_pic .text p{ color: #999999; }
.list_pic .text p a{ color: #666666; }
.list_pic .text p a:hover{ color: #b80000; text-decoration: underline;}


.section_wrap1{ padding-bottom: 5px; }
.section_wrap2{ padding-bottom: 2px; }
.section_wrap3 { padding-bottom: 1px; }
.section_wrap4 {padding-bottom: 10px;}
.section_wrap3 .list_pic li{ padding-bottom: 10px; }
.section_wrap2 li{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #cbcbca;}
.section_wrap2 h3 ,.section_wrap3 .list_pic h3{ line-height: 30px; }
.section_wrap2 p, .section_wrap3 .list_pic p{ line-height: 17px; }
.section_wrap4 .list_pic{ overflow: hidden;  }
.section_wrap4 .list_pic li{float: left; width: 107px; height: 150px;}
.section_wrap4 .list_pic h3{ line-height: 30px; }

.soso{ border-top: 1px dotted #cbcbca; height: 39px;padding-top: 25px; float: left;}
.soso strong, .soso .text, .soso .btn { float:left; }   /*解决内联元素之间间隙问题*/
.soso strong{ color: #595959; padding-left: 11px; padding-top: 3px;}
.soso .text{ width: 172px; height: 20px; line-height: 20px; padding: 0 4px; border:1px solid #9c9c9c;}
.soso .btn{ background: url(../img/btn.gif) no-repeat; border: none; width: 24px; height: 25px; margin-left: 10px;}


.activity, .recommend{ width: 348px; border: 1px solid #e5e5e5; border-radius: 6px; height: 498px;}
.new_title { height: 70px; position: relative; background: url(../img/new_title_bg.gif) no-repeat right 0;}
.new_title strong{ color: #ea2b31; font-size: 12px; font-family: arial; position: absolute; left:23px; top: 19px;}
.new_title span{ color: #333333; font-weight: normal; font-size: 24px; position: absolute; left: 24px; top: 30px;} 
.new_title em{ color: #ec1c16; font-size: 36px; position: absolute; left: 125px; top: 15px;}

.recommend .new_title {background-position:right 0 top -70px;}

/*
.activity {   }
.activity .con{ padding: 0 24px; background: url(../img/activity_bg.gif) no-repeat;}
.activity .info{ height: 103px; width: 301px; padding-top: 17px; }
.activity .info .img{ width: 84px; height: 84px;  float: left; position: relative;} 
.activity .info  .mask{width: 84px; height: 84px; background: url(../img/activity_bg.gif) no-repeat -373px 0; position: absolute;}
.activity .info .text{ width: 205px; float: right; }

.activity .info h3{}
.activity h3 em{ width: 25px; height: 24px; }
.activity .info h3 span{ color: #333333; }
.activity .info h3 p{ color: #999999; line-height:18px; }
*/
.activity .con { background:url(../img/activity_bg.gif) no-repeat; }
.activity .info { padding:16px 25px 0; height:104px; }
.activity .img { float:left; width:84px; height:84px; position:relative; }
.activity .mask { width:84px; height:84px; background:url(../img/activity_bg.gif) no-repeat -373px 0; position:absolute; top:0; left:0; }
.activity .img img { width:84px; height:84px; }
.activity .text { float:right; width:204px; }
.activity .text h3 { height:32px; font-size:12px; }
.activity .text em, .activity .text span { float:left; margin-right:4px; }
.activity .text em { width:25px; height:25px; background:url(../img/activity_bg.gif) no-repeat -348px 0; font-family:arial; font-size:14px; color:#cf3530; text-align:center; line-height:25px; }
.activity .text span { text-indent:2px; padding-top:4px; }
.activity .text p { line-height:18px; color:#999; }


.calendar { width: 298px;padding:0 25px; position: relative;}
.calendar h3{ height: 34px; background: url(../img/adorn.gif) repeat-x; text-align: center; word-spacing: 9px; line-height: 34px;}
.calendar span{color:#666;font-family: arial; font-size: 14pz;}
.calendar ol{  }
.calendar li{ width: 40px; height: 40px; background: #ededed; float: left; margin: 0 2px 2px 0; text-align: center;
	          position: relative;line-height: 40px; color: #666666;}
.calendar  .normal{ color: #cccccc; background: #f8f8f8;}
.calendar .active ,.calendar .img{position: absolute; left: 0px; top: 0px;}
.calendar  .active{ width: 36px; height: 36px;border: 2px solid #d30408;}
.calendar .img{ width: 40px;height: 40px; }

.today_info { width:294px; height:84px; padding:10px; border:1px solid #c0c0c0; background:#fff; position:absolute; top:136px; 
	          left:288px; box-shadow:4px 4px 0 rgba(0,0,0,0.2); display:none;}
.today_info img { width:80px; height:80px; border:2px solid #dbdbdb; float:left; }
.today_info .text { width:200px; float:right; }
.today_info h4 { font-size:12px; color:#333; padding-bottom:8px; }
.today_info strong { color:#ccc; font-size:18px; vertical-align:middle; }
.today_info p { color:#999; line-height:20px; }
.today_info span { width:8px; height:14px; overflow:hidden; position:absolute; top:45px; left:-8px; 
	               background:url(../img/adorn.gif) no-repeat 0 -48px; }

/*用定位排版*/
.recommend .pic_tab{ width:294px; height: 168px; background-color: #f8f8f8;position: relative; padding: 12px 12px 0 12px;
	                margin: 0 auto; border-radius:6px;}
.recommend .pic_tab ul{width: 223px; height:133px; position: absolute; left: 12px; top:12px;}
.recommend .pic_tab ul li{width: 223px; height:133px; border: 1px solid white; position: absolute; left:0; top:0;}
.recommend .pic_tab ul img{width: 223px; height:133px;}
.recommend .pic_tab ol{ position:absolute; right: 12px; top:12px;}
.recommend .pic_tab ol li{border: 3px solid white; margin-bottom:13px;width:54px; height:30px; }
.recommend .pic_tab ol .active{border: 3px solid #d8282c;}
.recommend .pic_tab ol img{ width:54px; height:30px; }
.recommend .pic_tab p{ line-height:32px;left:12px; bottom:0px; position:absolute; }

.recommend .list { padding:18px 26px 0; }
.recommend .list li { height:27px; vertical-align:middle; }
.recommend .list em { float:left; color:#dfdfdf; margin-right:7px; }
.recommend .list em img { margin-right:3px; }
.recommend .list a { float:left; color:#454545; }
.recommend .list a:hover { text-decoration:underline; }
.recommend .list span { float:right; font-family:arial; font-size:12px; color:#999; }


.bbs { height:328px; }
.bbs ol li { height:30px; line-height:30px; margin-bottom:3px; background:#f8f8f8; border-radius: 6px; vertical-align:middle; position:relative; }
.bbs ol strong, .bbs ol a { float:left; }
.bbs ol strong { color:#d80000; width:45px; text-indent:10px; }
.bbs ol img { display:none; }
.bbs ol a { color:#333; }
.bbs ol span { display:none; }
.bbs ol em { display:none; }
.bbs ol b { float:right; color:#666; padding-right:22px; font-weight:normal; }
.bbs .active { height:70px; background:#d90000; }
.bbs .active img, .bbs .active a, .bbs .active span, .bbs .active em { position:absolute; }
.bbs .active img { display:block; top:10px; left:10px; }
.bbs .active a { color:#fff; font-weight:bold; top:7px; left:70px; }
.bbs .active span { display:block; color:#fff; top:33px; left:70px; }
.bbs .active b { display:none; }
.bbs .active em { display:block; color:#fff; font-size:26px; font-weight:bold; bottom:-5px; right:4px; }



#footer { width:958px; height:64px; padding-top:14px; line-height:25px; margin:0 auto; background:#f9f9f9; color:#767676; text-align:center; }
#footer a { color:#454545; margin:0 6px; }
#footer a:hover { text-decoration:underline; }
#footer span { margin-left:10px; }


.hot_area { height:258px; }
.hot_area li { margin:0 2px 2px 0; float:left; position:relative; }
.hot_area li, .hot_area li img { width:78px; height:78px; }
.hot_area .area1, .hot_area .area1 img { width:156px; height:78px; }
.hot_area .area2, .hot_area .area2 img { width:77px; height:78px; }
.hot_area p { width:144px; height:66px; padding:12px 0 0 12px; line-height:18px; background:rgba(0,0,0,0.5); color:#fff; position:absolute; top:0; left:0; }

.login { height:138px; overflow:hidden; margin-bottom:10px;  border-radius:6px; border:1px solid #dbdbdb;}
.login h2 { text-indent:12px; color:#000; font-size:12px; line-height:34px; border-bottom:1px solid #dbdbdb; }
.login .form { width:214px; padding:15px 0 2px; border-bottom:1px solid #f2f2f2; margin:0 auto; position:relative; }
.login li { height:26px; vertical-align:middle; }
.login li span, .login li input, .login li strong { float:left; }
.login span { float:left; width:58px; color:#595959; word-spacing:7px; }
.login .text { float:left; width:87px; height:17px; margin-right:3px; overflow:hidden; border:1px solid #dbdbdb; background:#f7f7f7; }
.login strong { font-weight:normal; padding-left:3px; }
.login .btn { width:54px; height:22px; border:none; background:#cb0000; color:#fff; font-family:'宋体'; font-size:12px; font-weight:bold; border-radius:10px; }
.login p { line-height:32px; text-align:center; word-spacing:20px; }
.login p a { padding-left:14px; background:url(../img/dot.gif) no-repeat 4px center; color:#666; }
.login p a:hover { text-decoration:underline; }


.help { height:208px; }
.help p { text-indent:2em; }
.help ul { height:44px; line-height:44px; border-bottom:1px solid #dbdbdb; }
.help li { width:154px; text-indent:30px; background:url(../img/help.gif) no-repeat; font-family:arial; }
.help .phone { font-size:16px; font-weight:bold; color:#b80000; background-position:7px 11px; }
.help .msn { background-position:7px -31px; }
.help dl { width:144px; padding:15px 0 0 10px; line-height:18px; }
.help dt { font-weight:bold; padding-bottom:8px; }
.help dd { background:url(../img/dot.gif) no-repeat 4px center; text-indent:12px; }
.help dd a { color:#333; }
.help dd a:hover { text-decoration:underline; }

.media { height:205px; padding-top:3px; }
.media li { width:318px; height:50px; vertical-align:middle; }
.media a { float:left; width:100px; }
.media p { float:right; width:208px; color:#333; }


.panoramic { height:138px; }
.panoramic img,.panoramic span { display:block; }
.panoramic a { color:#333; }
.panoramic a:hover { color:#b80000; text-decoration:underline; }
.panoramic span { line-height:26px; }