﻿/* CSS Document */
.mt8 { margin-top:8px;}
.mt18 { margin-top:18px;}
.mb25 { margin-bottom:25px;}
.hj25 { line-height:25px;}
.f_bos {font-family:Bookman Old Style;}

.a_w,a.a_w{ color:#FFF !important;}
a:hover.a_w{ color:#FFF!important;}

.a_fw,a.a_fw{ margin-right:5px; font-size:34px; text-decoration:none; color:#555 !important; }
a:hover.a_fw{ margin-right:5px; font-size:34px; text-decoration:none; color:#0077DD!important;}


.graybg { background:#EEE; padding-bottom:10px; }
.graybg2 { background:#EEE; padding-bottom:15px; padding-top:20px; margin-top:28px; }

@media (min-width:768px) and (max-width:991px) {
.graybg,.graybg2 { margin-top:17px; }
}
@media (max-width:767px) {
.graybg,.graybg2 { margin-top:17px; }
}


.topBox { font-size:12px; color:#666; height:35px; background:#f5f5f5; border-bottom:1px solid #eeeeee; line-height:35px; }

.headBox { margin-bottom:0;}
	.logoBox { padding-top:10px; padding-bottom:10px; }

	.menuBox { list-style:none; margin-bottom:0}
	.menuBox li { float:left; line-height:70px; margin-left:1px;}
	.menuBox li a { display:block; padding-left:20px; padding-right:20px; font-size:15px; color:#444; }
	.menuBox li:hover { background:#0077DD }
	.menuBox li:hover a { color:#FFF; text-decoration:none; }
	.menuBox li.cur { float:left; line-height:70px; background:#0077DD; }
	.menuBox li.cur a { color:#FFF }


/*banner图片高度*/
.carousel-inner>.item>a>img,.carousel-inner>.item>img{height:500px}
.abban>.item>a>img,.abban>.item>img { height:auto}
@media (max-width:1000px){
.carousel-inner>.item>a>img,.carousel-inner>.item>img{height:auto}
}


.sortBox { position:relative; }
.sortBox .title { width:100%; color:#FFF; position:absolute; bottom:0; background:rgba(0,0,0,0.5); padding-left:20px; padding-right:20px; }
.mb_sr { margin-bottom:28px; }

.xxnr { position:absolute; width:100%; top:0; left:0; color:#fff; background:rgba(0,0,0,0.5); text-align:center}
.xxnr p { line-height:30px; color:#BBB;}
.xxnr a { font-size:16px; padding-left:8px; padding-right:8px; }

@media (min-width:768px) and (max-width:991px) {
.mb_sr { margin-bottom:17px; }
}

.xxnrBox { padding-left:30px; padding-right:30px;}

@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.sortBox .title {
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
.sortBox .xxnr {
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
}



.n_list,.f_lx { list-style:none; padding-left:0; }
.n_list li { border-bottom:1px solid #EEE; padding-top:8px; padding-bottom:10px; }
.n_list li a { color:#555}
.f_lx li { padding-top:5px; padding-bottom:5px; }


.s_span { border:1px solid #DDD; margin-bottom:10px; line-height:35px;}
.s_span:hover { background:#0077DD; color:#FFF; }


.rClass { list-style:none; margin-top:110px; padding-left:0 }
.rClass li { line-height:26px; margin-bottom:10px; }
.rClass li a { display:block; width:100%; border-left:2px solid #FFF; padding-left:18px; text-decoration:none; font-weight:bold; color:#666 }
.rClass li a:hover { border-left:2px solid #0077DD; color:#0077DD; padding-left:18px; }

.rClass li a.on { display:block; width:100%; border-left:2px solid #0077DD; padding-left:18px; text-decoration:none; font-weight:bold; color:#0077DD }

.rClass li ul { list-style:none; padding-left:0; display:none }
.rClass li ul li { line-height:25px; margin-bottom:0 }
.rClass li ul li a { display:block; width:100%; border-left:1px solid #FFF; font-weight:normal; padding-left:30px; color:#666 }
.rClass li ul li a:hover { border-left:1px solid #0077DD; padding-left:30px; }

.pclBox { padding-top:10px; margin-bottom:20px;}
.pcUl { list-style:none; padding:0px; }
.pcUl li { float:left; width:20%;}
.pcUl li a { display:block; padding:8px 10px; background:#eee; font-size:14px; color:#333; text-decoration:none; text-align:center }
.pcUl li a:hover { background:#0077DD; color:#FFF;}


@media (min-width:300px) and (max-width:640px) {
.pcUl li { float:left; width:100%;}
.xs_center { text-align:center}
}


/**
 * 纵向滚动
 * ------------------------------ */
.scroll_vertical{position:relative;width:100%;padding:0;}
.scroll_vertical .box{overflow:hidden;position:relative;top:0px;height:360px;}
.scroll_vertical .list{position:absolute;top:0;left:0; list-style:none}
.scroll_vertical .list li{text-align:center; padding:0}
.scroll_vertical .list li img{ width:206px}
.scroll_vertical .prev,.scroll_vertical .next{ display:none}




.mt12 { margin-top:12px;}



