@charset "utf-8";

/* CSS Document */

/* update:2015.02 
   author:http://weibo.com/xiaoduurl
*/

/* reset */
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }

/* common */
body{font:12px/1.5 "Microsoft Yahei",Arial,"宋体",Verdana; color:#333;background:url(../img/body.png) center top repeat-y;}
a{color:#333;text-decoration:none;outline: none; blr:expression(this.onFocus=this.blur());}
a:hover{color:#A10E37;text-decoration:none;}
ul li{list-style:none;}
.clear{clear:both;*display:inline;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
img,input,select,button{vertical-align: middle;border:none;}
input,textarea,select{outline:none;border: 0;background:none;font-family:"Microsoft YaHei";} 

::-webkit-scrollbar-track-piece {background: #fff;}
::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-button {display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {background: -webkit-gradient(linear,left);}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:horizontal {border-radius: 4px;background: #bdbdbd;}
::-webkit-scrollbar-thumb:hover {background: #8e8e8e;}
::-webkit-scrollbar-thumb:active {background: #828181;}

::selection {background: #b3d4fc;text-shadow: none;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::-webkit-selection {background: #b3d4fc;text-shadow: none;}

.header{margin:0 auto;background:url(../images/head.gif) no-repeat center;height:100px;}
.topbarmain{margin:0 auto;}
.topbar{height:30px;line-height:30px;background:#F8F8F8;display:none;}
.topbar span{float:right;}
.topbar span a{margin:0 5px;}
.logo{height:100px;margin:0 auto;background:url(../images/logo.png) no-repeat left center;position:relative;}
.logo span{float:right;font-size:22px;color:#EDC468;margin-top:32px;}
.logo i{font-size:18px;font-style:normal;}
.logo .aps{width:386px;height:90px;background:url(../images/aps.png) no-repeat;position:absolute;right:50%;margin-right:-193px;top:5px;}
.logo p{display: inline-block;color:#fff;position:absolute;right:0;top:3px;}
.logo p a{color:#fff;margin:0 5px;}
.logo p a:hover{color:#fff;text-decoration:underline;}
.nav{margin:0 auto;height: 38px;line-height: 38px;background: #710A23;border-top: 1px solid #BB5367;border-bottom: 1px solid #BB5367;}
.nav ul{margin:0 auto;}
.nav ul li{float:left;font-size:15px;font-weight: bold;}
.nav ul li a{display:block;width:130px;text-align:center;color:#ffefe0;letter-spacing: 5px;}
.nav ul li a:hover{background:#A10E37;color:#fff;}
.nav ul li.last{margin-right:0;}

.banner{height:440px;width:100%!important;margin:0 auto 5px;_margin:-1px auto 5px;position:relative;overflow: hidden;z-index:10; *z-index:-1;}
.banner .boxShow{width:100%;height:440px; position:relative;left:0px; top:0; overflow:hidden;background-color: #b11a1a;}
.banner .boxShow ul{width:8000px;}
.banner .boxShow li{position:absolute; width:100%; height:440px;} 
.banner .boxShow a{position:absolute;top:0; left:0; display: block; height:100%; width:100%} 

.banner .menu{position: absolute; right:680px; bottom:8px;}
.banner .menu a{color:#666;margin:0 5px;display:inline-block; width:15px; height:15px;border-radius:50%; line-height:6px;background:#F8DA48; cursor: pointer; text-align:center;overflow:hidden;}
.banner .menu a.current{background:#A10E37;color:#FFFFFF;}

.dropMenu {position:absolute;top: 0;z-index:100;width:130px;visibility: hidden;margin-top:-1px;font-size:14px;z-index:9999999;}
.dropMenu li{background:#710A23;}
.dropMenu li a {width: 100%;display: block;height:35px;line-height:35px;font-size:14px;text-align:center;color:#ffefe0;border-top:dashed 1px #A10E37;}
.dropMenu+li a{border-top:none;}
* html .dropMenu a {width:100%;color:#ffefe0;}
.dropMenu a:hover {color:#fff;background:#A10E37;border-top:solid 1px #A10E37;text-decoration:none;}


.main{margin:10px auto;}
.main dl{padding:5px;background:#fff;margin:10px 0;}
.main dl dd{float:left;margin-right:20px;}
.main dl dd.last{margin-right:0;}
.main dl dd img{width:100%;}
.main dl a.imgs{width:100%;}
.main dl dd{background:#fff;margin-bottom:5px;position:relative;}
.main dl dd p{width:100%;line-height:32px;text-align:center;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:0px;}
.main dl dd a.imgs{display:block;background:#000;}
.main dl dd a:hover img{filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.main dl dt{font-size:16px;text-shadow: 1px 1px 0 #FFFFFF;height:34px;line-height:35px;font-weight:bold;color:#444;margin-bottom:5px;}
.main dl dt a{color:#444;}
.main dl dt a:hover{color:#A10E37;}
.main dl dd i{position: absolute;left: 0px;bottom: 24px;width: 100%;height: 29px;cursor: pointer;background: url(../img/bg.png)!important;background-repeat: repeat-x;_background-image: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.png');}

.main .news{width:250px;float:left;background:#fff;padding:5px 10px 10px;}
.main .piclist{float:right;background:#fff;padding:5px 10px 10px;}
.main .news ul{margin-top:-1px;}
.main .news li{background: url(../img/li_bg.png) no-repeat left center;text-indent: 12px;height: 23px;line-height: 23px;width: 250px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 13px;}
.main .news p{font-size:16px;text-shadow: 1px 1px 0 #FFFFFF;height:34px;line-height:35px;font-weight:bold;color:#444;margin-bottom:5px;}
.main .news p span{float:right;}
.main .news p span a{color:#888;font-size:12px;font-weight:normal;}
.main .news p span a:hover{color:#A10E37;}

.main .piclist p{font-size:16px;text-shadow: 1px 1px 0 #FFFFFF;height:34px;line-height:35px;font-weight:bold;color:#444;margin-bottom:5px;}
.main .piclist p span{float:right;}
.main .piclist p span a{color:#888;font-size:12px;font-weight:normal;}
.main .piclist p span a:hover{color:#A10E37;}

.addp p{padding:0 15px 0 10px;background:#fff;font-size:24px;text-shadow: 1px 1px 0 #FFFFFF;height:38px;line-height:39px;font-weight:bold;color:#444;margin-bottom:-10px;}
.addp p span{float:right;}
.addp p span a{color:#888;font-size:12px;font-weight:normal;}
.addp p span a:hover{color:#A10E37;}

.scrollleft{}
.scrollleft li{float:left;margin-right:10px;display:inline;width:182px;text-align:center;white-space:nowrap;position:relative;}
.scrollleft li b{z-index:999;display:block;width:180px;background:#000;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;position:absolute;bottom:1px;left:1px;height:30px;}
.scrollleft li a.txt{z-index:9999;color:#fff;display:block;width:180px;position:absolute;bottom:1px;left:1px;font-size:14px;height:30px;line-height:30px;width:204px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.scrollleft li a.txt:hover{color:#A10E37;}
.scrollleft img{width:180px;height:135px;border:solid 1px #D9DDDE;}
.scrollleft a:hover img{border:solid 1px #A10E37;}

.footer{
	background:url(../images/top.gif);margin-top:10px;color: #ffefe0;font-size: 14px;text-align: center;padding:10px 0;min-width:1000px;border-top:1px solid #AB0F3C;position:relative;
}
.footer a{color: #ffefe0;font-size: 14px;margin-right: 10px;}
.footer p{line-height:2;}
.footer a:hover{color: #ffefe0;text-decoration: underline;}

.main .page-left{width:264px;float:left;background:#fff;padding:5px 1px 10px;}
.main .page-right{float:right;background:#fff;padding:5px 10px 10px;}
.main .page-right .pnav{font-size:18px;text-shadow: 1px 1px 0 #FFFFFF;height:34px;line-height:35px;font-weight:bold;color:#A10E37;margin-bottom:5px;}
.main .page-right .pnav span{font-size:14px;color:#444;float:right;font-weight:normal;}
.main .page-right .pnav span a{color:#444;}
.main .page-right .pnav span a:hover{color:#A10E37;}
.main .page-left ul{margin-bottom:10px;}
.main .page-left li{float:left;width:120px;margin-left: 8px;margin-top: 10px;font-size: 12px;}
.main .page-left li img{width:100%;height:90px;}
.main .page-left li a:hover img{filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.main .page-left li p{line-height:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:100%;}
.main .page-left h3{font-size:16px;text-shadow: 1px 1px 0 #FFFFFF;text-indent:10px;height:34px;line-height:35px;font-weight:bold;color:#444;margin-bottom:5px;}
.p_contact {font-size: 14px;text-indent: 10px;line-height: 2;}
.main .page-right .pics li{float:left;margin-top:15px;font-size:14px;}
.main .page-right .pics li img{width:100%;}
.main .page-right .pics li a.imgs{display:block;background:#000;}
.main .page-right .pics li a:hover img{filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.main .page-right .pics li p{line-height:30px;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:100%;}
.main .page-right .pagelist{padding:10px;}
.main .page-right .pagelist li{text-indent:10px;border-bottom:1px dotted #ddd;line-height:32px;font-size:14px;background: url(../img/li_bg.png) no-repeat left center;}
.main .page-right .pagelist li span{float:right;font-size:12px;color:#888;}

.fenye{width:100%;padding:30px 0 20px;text-align:center;font-size:12px;}
.fenye a{display:inline-block;padding:1px 6px;border:1px solid #ddd;margin:0 6px;}
.fenye a:hover{background:#A10E37;color:#fff;border:1px solid #A10E37;}

.bts{width:95%;margin:20px auto 0;border-bottom:1px dashed #ccc;text-align:center;margin-bottom:15px;padding-bottom:10px;}
.bts li{font-size:18px;color:#A10E37;clear:both;}
.bts .date{color:#666;font-size:12px;font-weight:normal;margin-top:12px;}
.pages{width:95%;margin:10px auto;overflow:hidden;line-height:2;font-size:14px;font-family:"Microsoft Yahei"!important;}
.pages *{font-family:"Microsoft Yahei"!important;}
.pages img{width: auto!important;max-width:100%!important;height: auto!important;}
.page{width:95%;border-top: 1px dashed #A10E37;text-align:left;font-size:12px;margin:20px auto;padding:15px 0 0 0;clear:both;margin-bottom:20px;line-height:2;}
.page a:hover{text-decoration:underline;color:#A10E37}

.SonlineBox{ width:144px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:31px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#C60102 url(../images/redOpen1.jpg) no-repeat;} 
.SonlineBox .titleBox{ width:140px; height:35px; line-height:35px; background:url(../images/redTitleBg1.gif) repeat-x; border-bottom:2px solid #C60102;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox .contentBox{ width:140px; height:auto; border:2px solid #C60102; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{line-height:24px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}

/*-----default style-----*/
/* .header{width:100%;max-width:1420px;} */.header{width:100%;}
.topbarmain{width:1180px;}
.logo{width:1180px;}.nav{width:100%;}
/* .nav{width:100%;max-width:1420px;} */
.nav ul{width:1180px;}
.nav ul li{margin-right:45px;}
.main{width:1190px}
.main dl dd{width:180px;}
.main .piclist{width:870px;}
.main dl dd img{height:135px;}
.main dl dd a.imgs{height:135px;}
.main .page-right{width:880px;}
.main .page-right .pics li{width:180px;margin-left:30px;}
.main .page-right .pics li img{height:135px;}
.main .page-right .pics li a.imgs{height:135px;}

/*-----media query style-----*/
@media screen and (min-width:1921px) {
	.header{background-image: linear-gradient(to bottom, #b10f40, #9a0e33);}
    .topbarmain{width:95%;}
    .logo{width:95%;}
    .nav ul{width:95%;}
    .nav ul li{width: 14.28%;margin-right:0px;}
	.dropMenu{width:13.5%;}
	.nav ul li a{width:100%;text-align:center;}
	.addp p span{float:right;}
    .main{width:100%;}
    .main dl dd{width: 15%;margin: 0 0.85% 5px;}
    .main .piclist{width:80%;}
	.main .news{width:15%;margin-left: 20px;}
    .main dl dd img{height:160px;}
    .main dl dd a.imgs{height:160px;}
	.main .page-left{width:19%;}
    .main .page-right{width:79%;}
	.main .page-left li{width:46%;}
    .main .page-right .pics li{width: 23%;margin-left:45px;margin:15px 1% 0;}
    .main .page-right .pics li img{height:160px;}
    .main .page-right .pics li a.imgs{height:160px;}
	.main .page-right .pnav{width: 98%; margin: 0 auto 5px;}
	body{background:#FFFFFF;}
	.main .news{background:#ebebeb;}
	.addp p{padding: 0 18px 0 19px;}
	.main dl{box-shadow: 5px 5px 10px rgb(217 217 217);padding-top: 15px;}
	.main .page-left{box-shadow:5px 5px 10px rgb(217 217 217);}
}

/*-----media query style-----*/
@media screen and (min-width:1430px) and (max-width:1920px) {
    .topbarmain{width:95%;}
    .logo{width:95%;}
    .nav ul{width:95%;}
    .nav ul li{width: 14.28%;margin-right:0px;}
	.dropMenu{width:13.5%;}
	.nav ul li a{width:100%;text-align:center;}
	.addp p span{float:right;}
    .main{width:100%;}
    .main dl dd{width: 15%;margin: 0 0.85% 5px;}
    .main .piclist{width:80%;}
	.main .news{width:15%;margin-left: 20px;}
    .main dl dd img{height:160px;}
    .main dl dd a.imgs{height:160px;}
	.main .page-left{width:19%;}
    .main .page-right{width:79%;}
	.main .page-left li{width:46%;}
    .main .page-right .pics li{width: 23%;margin-left:45px;margin:15px 1% 0;}
    .main .page-right .pics li img{height:160px;}
    .main .page-right .pics li a.imgs{height:160px;}
	.main .page-right .pnav{width: 98%; margin: 0 auto 5px;}
	body{background:#FFFFFF;}
	.main .news{background:#ebebeb;}
	.addp p{padding: 0 18px 0 19px;}
	.main dl{box-shadow: 5px 5px 10px rgb(217 217 217);padding-top: 15px;}
	.main .page-left{box-shadow:5px 5px 10px rgb(217 217 217);}
}

@media screen and (min-width:1280px) and (max-width:1429px) {
	.header{width:100%;}
    .topbarmain{width:1180px;}
    .logo{width:1180px;}
    .nav{width:100%;}
    .nav ul{width:1180px;}
    .nav ul li{margin-right:45px;}
    .main{width:1260px;}
    .main dl dd{width:180px;}
    .main .piclist{width:950px;}
    .main dl dd img{height:135px;}
    .main dl dd a.imgs{height:135px;}
    .main .page-right{width:880px;}
	.main .page-right .pnav{width: 93%; margin: 0 10px 5px 27px;}
    .main .page-right .pics li{width:180px;margin-left:30px;}
    .main .page-right .pics li img{height:135px;}
    .main .page-right .pics li a.imgs{height:135px;}
	body{background: #FFFFFF;}
	.main dl dd{width: 188px;margin: 10px;}
	.main .news{background:#ebebeb;padding: 5px 10px 6px;}
	.main .news ul{margin-top: -6px;}
	.main .news p{line-height: 30px;}
	
	
}

@media screen and (min-width:1024px) and (max-width:1279px) {
	.header{width:100%;}
    .topbarmain{width:980px;}
    .logo{width:980px;}
    .nav{width:100%;}
    .nav ul{width:980px;}
    .nav ul li{margin-right:11px;}
    .main{width:990px}
    .main dl dd{width:146px;}
    .main .piclist{width:670px;}
    .main dl dd img{height:110px;}
    .main dl dd a.imgs{height:110px;}
    .main .page-right{width:680px;}
	.main .page-right .pnav{width: 94%; margin: 0px 10px 5px 16px;}
    .main .page-right .pics li{width:146px;margin-left:18px;}
    .main .page-right .pics li img{height:110px;}
    .main .page-right .pics li a.imgs{height:110px;}
}

@media screen and (max-width:1023px) {
	.header{width:100%;}
    .topbarmain{width:980px;}
    .logo{width:980px;}
    .nav{width:100%;}
    .nav ul{width:980px;}
    .nav ul li{margin-right:11px;}
    .main{width:990px}
    .main dl dd{width:146px;}
    .main .piclist{width:670px;}
    .main dl dd img{height:110px;}
    .main dl dd a.imgs{height:110px;}
    .main .page-right{width:680px;}
    .main .page-right .pics li{width:146px;margin-left:18px;}
    .main .page-right .pics li img{height:110px;}
    .main .page-right .pics li a.imgs{height:110px;}
}

