@charset "utf-8";

/* banner */
#banner{ position:relative; z-index:1; height:700px; overflow:hidden; text-align:center; background:url(../images/loading.gif) center center no-repeat; max-width:none; margin-bottom: 30px;}
#banner.fixed_this{position:fixed; left:0; top:100px;}
#bannerBlank{ height:550px; display:none;}
.Slideshow{ position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; height:100%; overflow:hidden;text-align:center;}
.Slideshow li{ position:absolute; left:0; top:0; z-index:10; width:1920px; height:100%; overflow:hidden; display:none; text-align:center;  *display:expression(this.previousSibling==null?'block':'none'); }
.Slideshow li:first-child{ display:block;}
.Slideshow li img{ width:auto; height:100%;}
#banner a.prev,#banner a.next{ position:absolute; top:45%; left:10%; z-index:11; height:100px; width:50px; line-height:50px; display:inline-block; cursor:hand; cursor:pointer; background:url(../images/bannerBtn.png) left top no-repeat;}
#banner a.prev:hover{ background-position:left -100px;}
#banner a.next{ background-position:-50px top; left:auto; right:10%;}#banner a.next:hover{ background-position:-50px -100px;}

#points{ position:absolute; left:50%; top:auto; bottom:30px;  z-index:11; width:200px; text-align:center; line-height:0; }
#points a{position: relative; display:inline-block; width:14px; height:14px; border:#fff 2px solid; margin:0 10px; border-radius:50%; cursor:hand; cursor:pointer;}
#points a:after{content:"";display: inline-block; height:0;line-height: 0;width:20px; border-bottom:#fff 1px dotted;position: absolute; left:100%; top:0; bottom:0; margin:auto 0 auto 2px;}
#points a:first-child:before{content:"";display: inline-block; height:0;line-height: 0;width:20px; border-bottom:#fff 1px dotted;position: absolute; left:auto; right:100%; top:0; bottom:0; margin:auto 2px auto 0;}
#points a.active{ background:#ef262e; border-color:#ef262e;}

@media (max-width:1600px){
	#banner{ height:584px;}
	#banner a.prev{ left:2em;}
	#banner a.next{right:2em;}
}
@media (max-width:1440px){
	#banner{ height:526px;}
}

/*公共*/
a.more{ background:url(../images/icos.png) left -72px no-repeat;  height:48px; width:48px; display: inline-block; float: right; margin-top: 8px;}
a.more:hover{ background-position:-48px -72px;}
.indexTit{background: url(../images/name_handwrite.png) center top no-repeat; min-height: 80px; text-align: center; padding:10px 0 0 0; margin:20px auto;}
.indexTit span{ display:inline-block; width:520px; height:60px; background: url(../images/indexTit.png) center top no-repeat;}
#indexTit1{ background-size:384px auto;}
#indexTit1 span{ height:120px;}
#indexTit2 span{ background-position:center -120px;}
#indexTit3 span{ background-position:center -180px;}
a.viewMore{display:inline-block; padding: 0 3em; letter-spacing:0.5em; line-height:26px; border:#e6e6e6 1px solid; margin:1em auto 0 auto; position: relative;color:#848484;}
a.viewMore:hover{ color:#181818; border-color:#c8c8c8;}
a.viewMore:after{content:""; position:absolute; width:100%; height:100%; left:-3px; top:-3px; border:#c8c8c8 1px solid; display: inline-block; padding:2px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-o-box-sizing: content-box; box-sizing:content-box;}

/*简介*/
#indexAbout{ background:url(../images/bg1.jpg) #f2f2f5; position: relative;text-align: center; margin:60px auto;}
#indexAbout:after{content:""; display: inline-block;width:10px; height:310px;z-index:1; position: absolute; left:-50px; top:24px; background: url(../images/namt-v.png) center top no-repeat;}
#indexAbout:before{ content:""; display: inline-block; width: 520px; height: 300px; background:#606060; z-index: 1; position: absolute; left: 0; top: 0;}
#index_aboutPic{ width:520px; float:left; margin: 15px 0 0 15px; position: relative; z-index:2; background:#fff;}
#index_aboutPic img{ width:100%; height: auto; vertical-align: bottom;}
#index_about{width:665px; padding:30px 50px;float:right;}
#aboutCont{ line-height: 30px; height: 240px; overflow: hidden; font-size: 15px; color:#606060;text-align: left;}
#aboutCont p{margin:0; padding: 0;}

/*首页新闻*/
#news_series{ border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid; text-align: center; margin-bottom:48px;}
#news_series a{ display:inline-block; font-size:16px; color:#a4a4a4; line-height: 40px; padding: 0 2em; position: relative; cursor: hand; cursor: pointer;}
#news_series a:after{content:""; display: inline-block; width: 1px; background:#ebebeb; height:40%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }
#news_series a:first-child:after{ background: none;}
#news_series a.active{color:#181818;}
#news_series a.active:before{content:""; width:60%; height: 2px; background:#181818; position: absolute; left: 20%; bottom: 0;}
/*新闻列表*/
#news{position:relative; height: 300px;}
.newslist{ width:100%; /*display:none;*/ position: absolute; left: 0; top: 0; background:#fff;transition:none;-webkit-transition:none;-moz-transition:none; -o-transition:none;}
#news dl{ position: relative; width: 260px; padding-left: 28px; float: left; margin-left:53px;}
#news dl a{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background:url("../images/blank.gif");}
#news dl:first-child{ margin-left: 0;}
#news dt{ position:relative; width:100%; height:174px; line-height: 0; overflow: hidden; margin-bottom: 10px;}
#news dt:after{ content: "DETAILS +"; position: absolute; left: 0; top:100%; width: 100%; height: 100%; line-height: 174px; text-align: center; color: #e6e6e6; z-index: 1; background: url("../images/tran2.png"); opacity: 0; -moz-opacity:0;filter:alpha(Opacity=0);transition:opacity 0.3s,top 0.3s;-moz-transition:opacity 0.3s,top 0.3s;-webkit-transition:opacity 0.3s,top 0.3s;-o-transition:opacity 0.3s,top 0.3s;}
#news dt img{ width:100%; height: auto; vertical-align: bottom;}
#news dd{ max-height: 90px; overflow: hidden; line-height: 20px; font-size: 12px; color: #a4a4a4;}
#news dd b{ display: inline-block; width: 100%; font-size: 14px; color: #3b3b3b; font-weight: normal; margin-bottom: 10px; max-height: 40px; overflow: hidden; vertical-align: bottom;}
#news dd.newsTime{ color: #848484; font-size:12px;letter-spacing: 0.2em; white-space: nowrap; width: 24px; max-height: none; margin: 0; padding: 0; position: absolute; left:0; top: 0;-webkit-writing-mode: vertical-lr;  -ms-writing-mode: tb-lr;  writing-mode: vertical-lr;  *writing-mode: tb-lr; unicode-bidi : bidi-override;}
#news dl:hover dt:after{ top: 0; opacity:1; -moz-opacity:1;filter:alpha(Opacity=100);}
#news dl:hover dd b{ color:#000;}