@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#303030;}
ul,li,p,form,div,dl,dd,dt,h2,h1,h3,h4{
margin:0px; padding:0px; list-style:none; list-style-type:none;
}
img{border:0px;}
.clearfix{*zoom:1;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
a:link,a:visited,a:active{
color:#000; font-size:12px; text-decoration:none;
}	
a:hover{
text-decoration:none; font-size:12px; color:#A60000;
}
a{outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{
height:0px; overflow:hidden; clear:both;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
#header{width:1010px; margin:0 auto;}
#header .top{width:100%;}
#header .top img{width:100%;}
#top #logo{float:left;width:610px;height:110px; line-height:76px;overflow:hidden;text-indent:-999em; }
.colockbox{float:left; padding-left:10px;padding-top:46px;margin-top:20px;width:285px;height:30px;line-height:30px;background:url(../images/logo.jpg) -610px -20px no-repeat;overflow: hidden; color:#545351;font-size:16px;font-family:"Microsoft Yahei";}
.colockbox span{font-weight:bold;color:red;}
#menubox{position:relative;width:100%;height:41px;display: block;z-index:20000;}
#header #menu{ background:#e70012; height:41px;width:100%;position:absolute;top:0;left:0;}

.nav{height:41px; width:100%; background:#e70012; margin-top:5px;}
.nav li{float:left;}
.nav li.xian{width:1px; height:41px;}
.nav li.first{margin-left:0;}
.nav li.nobg{background:none}
.nav a{display:block;text-align:center;width:100px;height:41px;line-height:41px; font-size:14px;}
.nav a:link,.nav a:visited,.nav a:hover,.nav a:active{color:#FFFFFF; font-weight:bold;}
.nav li.on a, .nav a.hover, .nav a:hover{color:#FFCC00;}
.nav li:last-child a{font-weight:normal;}

.nav{display:block;position:relative;z-index:990;}
.nav li{display:inline; float:left; position:relative;}
.nav a{display:block;}
.nav ul{display:none; position:absolute; left:0;}
* html .nav ul{line-height:0;} /* IE6 "fix" */
.nav ul a{zoom:1;} /* IE6/7 fix */
.nav ul li{float:none;display:block;}
.nav ul ul{top:0;}

.nav ul{background:#FFF;left:-2px; width:105px; border:2px solid #000;}
.nav ul li{background:none;padding:0;margin-left:0;}
.nav ul a:link,.nav ul a:visited,.nav ul a:active{height:28px;line-height:28px;display:block; width:100%; font-weight:normal; font-size:13px; background:none; color:#e70012;}
.nav ul li.on a{color:#fff; background:#e70012;}
.banner{position:relative;width:1010px; margin:0 auto;}
.flexslider{position:relative;height:400px;overflow:hidden;background:url(loading.gif) 50% no-repeat; width:100%;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.slides li a{width:1000px; height:400px; display:block; margin:0 auto; text-indent:-999em;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:40px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:block;width:40px;height:5px;line-height:5px;overflow:hidden;background:#FFF;cursor:pointer; text-indent:-999em;}
.flex-control-nav .flex-active{ background:#F00;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:150px;}
.flex-direction-nav li a{display:none;width:40px;height:74px; background:url(../images/focus_btn.png) no-repeat;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity:0.3;}
.flex-direction-nav li a.flex-prev{left:40px; background-position:0 0;}
.flex-direction-nav li a.flex-next{right:40px; background-position:-40px 0;}
.flex-direction-nav li a.flex-prev:hover{background-position:0 -74px;}
.flex-direction-nav li a.flex-next:hover{background-position:-40px -74px;}

#pagination {display:block; list-style:none; position:absolute; left:50%; top:340px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:13px; height:13px; float:left; margin-left:10px; background:url(../images/ico.png) -1px 0; display:inline;}
#pagination li a{display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current{background:url(../images/ico.png) -1px -15px;}

#containe{width:1010px; margin:0 auto; margin-top:15px; clear:both;}

#containe #left{float:left; width:235px;}
#containe #left .title{height:30px; line-height:30px; background: #e70012; text-indent: 15px; font-size:14px; font-weight:800; color:#fff; position:relative;}
#containe #left .box{border: 1px solid #e70012;}
#containe #left .list{height: 180px; margin: 10px 20px;}
#containe #left .list li{height:30px; line-height:30px; vertical-align:middle; border-bottom:1px dotted #CCCCCC; background:url(../images/dian.jpg) 3px 14px no-repeat; padding-left:15px;}
#containe #left .piclist{margin: 10px; height: 480px; overflow: hidden;}
#containe #left .piclist li{margin:5px 0;}
#containe #left .piclist li img{width: 210px; height: 70px;}
#containe #right{width:750px; float:right; position: relative;}
#containe #right .title{height:40px; line-height:30px; text-indent: 20px; font-size:15px; font-weight:800; color:#000; background: url("../images/title.jpg"); position: relative;}
#containe #right .title a{position: absolute; top: 15px; right: 15px; width:25px; height:8px; display:block; background:url(../images/more.jpg) no-repeat;}
#containe #right .text{margin-top:10px; height:250px; font-size:13px; padding-right: 100px;}
#containe #right .list{}
#containe #right .list li{height:35px; line-height:35px; vertical-align:middle; border-bottom:1px dotted #CCCCCC; background:url(../images/dian1.gif) 0 10px no-repeat; text-indent:20px;}
#containe #right .list li a{float: left; font-size: 14px;}
#containe #right .list li span{float: right;}
#containe #right .picscroll{width:750px; height:182px; overflow:hidden;}
#containe #right .picscroll ul li{float:left; margin-right:20px;}
#containe #right .picscroll ul li img{height:180px;}


#containe #right .canzhan{margin-top:10px; height:350px; overflow:hidden;}
#containe #right .canzhan img{margin-top:5px; border:1px solid #E1E1E1; width:188px;}

#partner{width:1010px; margin:0 auto; margin-top:15px;}
#partner .title{font-size:15px; font-weight:800; color:#000; position:relative;}
#partner .title a{position:absolute; right:15px; top:0px;}
#partner ul{margin-top: 10px;}
#partner li{float:left; width:158px; padding:10px 5px 10px 5px;}
#partner li img{float:left; width:156px; height:58px;border:1px solid #CCCCCC;}

#footer{width:1010px; height:60px; padding-top:20px; margin:0 auto; margin-top:15px; background:#e70012;}
#footer .copyright{color:#fff; font-size:13px; line-height:20px; text-align: center;}

#footer .copyright a{color:#ffff; font-size:13px;}
#footer .copyright a:hover{text-decoration:underline;}

#content{width:1010px; margin:0 auto; margin-top:15px; clear:both;}
#content #left{float:left; width:235px;}
#content #left .title{height:30px; line-height:30px; background: #e70012; text-indent: 15px; font-size:14px; font-weight:800; color:#fff; position:relative;}
#content #left .box{border: 1px solid #e70012;}
#content #left .list{height: 180px; margin: 10px 20px;}
#content #left .list li{height:30px; line-height:30px; vertical-align:middle; border-bottom:1px dotted #CCCCCC; background:url(../images/dian.jpg) 3px 14px no-repeat; padding-left:15px;}
#content #left .piclist{margin: 10px; height: 480px; overflow: hidden;}
#content #left .piclist li{margin:5px 0;}
#content #left .piclist li img{width: 210px; height: 70px;}
#content #right{width:750px; float:right; position: relative;}
#content #right .title{height:40px; line-height:30px; text-indent: 20px; font-size:15px; font-weight:800; color:#000; background: url("../images/title.jpg");}
#content #right .title a{font-size:14px;}
#content #right .title a:hover{text-decoration:underline;}
#content #right .quick,#containe #right .quick{position:absolute; width:98px; height:267px; right:0; top:30px; background:url("../images/quick.jpg") no-repeat; overflow:hidden;}
#containe #right .quick{top:40px;}
#content #right .quick a,#containe #right .quick a{display:block; width:84px; height:84px; border-radius:50%; float:right; margin-right:5px; margin-top:5px; text-indent:-99em;}
#content #right .quick a:last-child,#containe #right .quick a:last-child{margin-top:50px;}
#content #right h1{ margin-top:10px; height:30px; line-height:30px; color:#000000; font-size:20px;}

#content #right .text,#content #right .album,#content #right .media{min-height:500px; _height:500px; width:650px;}
#content #right .about{padding:15px 5px; width:650px;}
#content #right .text h2,#content #right .album h2,#content #right .about h2{
height:30px; line-height:30px; font-size:16px; text-align:center; font-weight:bold;}
#content #right .text h3 a{color:#780873;height:30px; line-height:30px; font-size:14px;}
#content #right .text .viwe,#content #right .album .viwe{
height:24px; line-height:24px; text-align:center;}
#content #right .text .info,#content #right .album .info{margin-top:10px;}
#content #right .text .info img{max-width: 100%;}
#content #right .text .prnext,#content #right .album .prnext{
padding:15px 0px 10px 15px;}
#content #right .text li{height:32px; line-height:32px; vertical-align:middle; border-bottom:1px dotted #CCCCCC; background:url(../images/dian2.gif) 3px 10px no-repeat; text-indent:20px;}
#content #right .text li a{float:left; font-size:14px;}
#content #right .text li span{float:right;}

#content #right .text dl{float:left; width:206px; height:205px; margin:0 5px; display:inline;}
#content #right .text dl dd{width:204px; height:155px; text-align:center; border:1px solid #D4D4D4;}
#content #right .text dl dd img{width:204px; border:0px; height:153px;}
#content #right .text dl dt{text-align:center; line-height:30px; background:#D4D4D4; margin-top:1px;}
#content #right .text .piclist{float:left; width:186px; margin:0px; height:80px; display:inline;}
#content #right .text .piclist dd{height:80px; border:0px;}
#content #right .text .piclist dd img{width:180px; text-align:center; height:66px; border:1px solid #D4D4D4;}
#content #right .album li{float:left; width:206px; height:205px; margin:0 5px; display:inline;}
#content #right .album li img{width:204px; border:0px; height:153px; display:block;border:1px solid #D4D4D4;}
#content #right .album li span{text-align:center; line-height:30px; background:#D4D4D4; margin-top:1px; display:block;}
#content #right .about dl{margin-top:20px; width:740px;}
#content #right .about dl dt{float:left; margin-top:7px;display:inline; width:78px; height:23px; line-height:23px; background:url(../images/info.jpg) no-repeat; font-size:14px; font-weight:bold; color:#FFFFFF; text-align:center;}
#content #right .about dl dd{float:right; width:630px;}
#content #right .about dl dd span{ float:left; width:210px; line-height:40px; color:#585858; font-size:15px;}
#content #right .media li{float:left; width:158px; margin:10px 2px;}
#content #right .media li img{float:left; width:156px; height:58px;border:1px solid #CCCCCC;}
#content #left .text .content{
background-color:#E1F7FF; border:1px solid #DECDA8;	letter-spacing:1px; padding:5px; margin:10px;
}
#content #left .text .reply{
border-top:1px solid #003300; color:#999999;
}
#content #left .text .face{
height:80px; width:80px; margin:0 auto;
}

.page{margin:0px auto; padding:8px 0px; clear:both; width:703px;}
.page a{border:#ccc 1px solid; padding-right:8px! important; padding-left:8px! important; padding-bottom:4px! important; margin:2px; color:#333! important; padding-top:4px! important; text-decoration:none! important;}
.page span{border:#ccc 1px solid; padding-right:8px! important; padding-left:8px! important; padding-bottom:4px! important; margin:2px; color:#333! important; padding-top:4px! important; text-decoration:none! important;}
.page a:link{border:#ccc 1px solid; padding-right:8px! important; padding-left:8px! important; padding-bottom:4px! important; margin:2px; color:#333! important; padding-top:4px! important; text-decoration:none! important;}
.page a:visited{border:#ccc 1px solid; padding-right:8px! important; padding-left:8px! important; padding-bottom:4px! important; margin:2px; color:#333! important; padding-top:4px! important; text-decoration:none! important;}
.page a:hover{font-weight:bold! important; color:#0b3779! important; background:#eee! important;}
.page a:active{border:#ccc 1px solid; padding:2px; margin:2px; text-decoration:none;}
.page span.pages{border:#ccc 1px solid; padding-right:8px! important; padding-left:8px! important; padding-bottom:4px! important; margin:2px; color:#454545! important; padding-top: 4px! important;}
.page span.extend{border:#ccc 1px solid; padding-right:8px! important; padding-left:8px! important; padding-bottom:4px! important; margin:2px; color:#454545! important; padding-top:4px! important;}
.page span.current{border:#aaa 1px solid; padding-right:8px! important; padding-left:8px! important; padding-bottom:4px! important; margin:2px; color:#000! important; padding-top:4px! important; background:#eee! important;}

.booking{width:450px; margin:0 auto;}
.booking li{height:35px; vertical-align:middle; margin:5px 0; font-size:13px;}
.booking .h100{height:100px; margin:10px 0;}
.booking .h100 em,.booking .h100 font{line-height: 100px;}
.booking .h100 div{width:250px ;}
.booking li em{float:left; width:120px; font-style:normal; line-height:30px; text-align:center;}
.booking li div{float: left; width:220px; margin-left: 12px;}
.booking li font{float:left; margin-left:10px; line-height:30px; color:#F00;}
.booking li input[type="text"]{width:200px; height:26px; line-height:26px; padding:0; list-style:none;}
.booking li select{height:30px; line-height:30px;}
.booking li label{line-height:26px; font-size:14px;}
.booking li input[type="radio"]{margin:10px 5px;}
.booking li textarea{width:250px; height:98px; padding:0px; line-height:26px;}
.booking .button{text-align:center}
.booking li button{width:100px; font-size:15px; line-height:26px;}
.booking .radio{ float:left;}
.booking div{font-size:12px;}

#QQ{width:139px; height:220px; left:50%; margin-left:500px;  background:url(../images/qq.jpg) no-repeat;position:fixed; top:300px; padding-top:30px; z-index:10000;}
#QQ a{display:block; height:50px;}
#Leftbar{width:95px; height:250px; right:50%; margin-right:500px;  background:url(../images/left.jpg) no-repeat;position:fixed; top:300px; z-index:10000;}
#Leftbar a{width:95px; height:83px; display:block;}

.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}
.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}
button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.in{opacity:.5}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143; color:#000;font-weight:bold; font-size:15px;}
.modal-body{position:relative;padding:15px; line-height:20px; font-size:13px;text-align: justify;}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.modal-sm{width:300px}
}