/* CSS Document */

body { background: #F3F4F6}
a:hover { color: #000000; text-decoration: underline}

.focusBox1 { position: relative; width:460px; height:330px; overflow: hidden; margin-bottom: 12px !important}
.focusBox1 .pic img { width:460px; height:330px; display: block; }
.focusBox1 .hd { overflow:hidden; zoom:1; position:absolute; bottom:12px; right:15px; z-index:3}
.focusBox1 .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:28px; height:7px; cursor:pointer; overflow:hidden; background: #FFFFFF; margin-left:6px; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox1 .hd .on{ background: rgba(0,0,0,0.5)}


.color_tit { height: 70px; line-height: 70px; font-size: 24px; font-weight: bold; border: 0 !important}
.color_tit h3{ float: left; color: #FFFFFF; margin-left: 25px; font-weight: bold}
.color_tit em { float: right; display: block; width: 36px; height: 36px; margin-top: 18px; margin-right: 22px; transition: all 0.5s ease 0s; background: url(../more2.png) no-repeat center center}
.color_tit:hover em, .color_tit em:hover { margin-right: 18px}
.color_tit em a { display: block; width: 36px; height: 36px}

.color_tit3 h3 { font-size: 20px; margin-left: 15px}
.color_tit3 em { margin-right: 15px}
.color_tit3:hover em, .color_tit3 em:hover { margin-right: 10px}

.pink { background: #F26667}
.yellow { background: #FF8B4E}
.green { background: #50C79D}
.yellow1 { background: #FC9258}
.yellow2 { background: #FC9C2B}
.blue { background: #65A9F0}

.color_tit2 { height: 35px; line-height: 35px; font-size: 15px; font-weight: bold; background: #FFA133}
.color_tit2 h3{ float: left; height: 15px; line-height: 15px; color: #FFFFFF; padding-left: 10px; margin-left: 20px; margin-top: 10px; font-weight: bold; border-left: 4px solid #FFFFFF}

.top_list { padding: 10px 20px 10px 25px; background: #FFFFFF}
.top_list li { width: 301px; height: 29px; line-height: 29px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.top_list li em { float: left; margin-right: 3px}
.top_list li em, .top_list li em a { color: #CF0010}
.top_list li h2 { float: left; width: 170px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.top_list li span { float: right; width: 60px; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #999999}
.first_hot { width: 301px; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #CF0010}
.first_hot a { color: #CF0010}


.cards { float: left; width: 57px; height: 65px; display: block; margin: 0 5px 5px 0}
.cards:hover { opacity: 0.8}
.cards a { display: block; width: 57px; height: 65px}
.cards1 { background: url(../card.png) no-repeat 0 0}
.cards2 { background: url(../card.png) no-repeat -62px 0}
.cards3 { background: url(../card.png) no-repeat -124px 0}
.cards4 { background: url(../card.png) no-repeat -186px 0}
.cards5 { background: url(../card.png) no-repeat 0 -70px}
.cards6 { background: url(../card.png) no-repeat -62px -70px}
.cards7 { background: url(../card.png) no-repeat -124px -70px}
.cards8 { background: url(../card.png) no-repeat -186px -70px}


.event_list { padding: 5px 20px; background: #FFFFFF}
.event_list li { width: 200px; height: 35px; line-height: 35px; padding-left: 12px; border-bottom: 1px dotted #EEEEEE; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../dot_yellow.png) no-repeat left center}
.event_list li:last-child { border-bottom: 0}


.center_list { padding: 18px 15px; background: #FFFFFF}
.center_list li { width: 220px; height: 35px; line-height: 35px; padding-left: 18px; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../dot_big.png) no-repeat left center}
.center_list li:last-child { border-bottom: 0}


.bt_tit { height: 45px; line-height: 45px; margin-bottom: 15px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #EEEEEE; background: none}
.bt_tit h3{ float: left; height: 44px; line-height: 44px; color: #333333; margin-left: 15px; font-weight: bold; border-bottom: 2px solid #D00012}
.bt_tit .y { font-size: 12px; font-weight: 400; margin-right: 15px}


.picScroll{ margin: 0 auto; position:relative; border: 0; width: 1100px;  padding: 0; background: #FFFFFF}
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; top:80px; left: -35px; width:23px; height:23px; border-radius: 50%; overflow: hidden; background:url(../btns.png) no-repeat 0 -30px;}
.picScroll .next{ left:auto; right: -35px; background-position: -25px -30px;}
.picScroll .prev:hover{ background-position: 0 0}
.picScroll .next:hover{ background-position: -25px 0;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ width:202px; float:left; overflow:hidden; padding: 0; margin-left: 15px}
.picScroll ul li img{ width:202px; display:block; background:url(../loading.gif) center center no-repeat}
.picScroll ul li img:hover { opacity: 0.8}


.picScroll2 .prev,
.picScroll2 .next{ display:block; position:absolute; top:40px; left: -35px; width:23px; height:23px; border-radius: 50%; overflow: hidden; background:url(../btns.png) no-repeat 0 -30px;}
.picScroll2 .next{ left:auto; right: -35px; background-position: -25px -30px;}
.picScroll2 .prev:hover{ background-position: 0 0}
.picScroll2 .next:hover{ background-position: -25px 0;}