@charset "utf-8";
/*幻灯片*/
#Slideshow{ position:relative;height:690px; overflow:hidden;}
#Slideshow ul{ position:relative; z-index:2; width:1920px; height:690px; margin:0 auto; left:50%; margin-left:-960px; clear:both; text-align:center;background:url(../images/loading.gif) center center no-repeat;}
#Slideshow li{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; display:none;*display:expression(this.previousSibling==null?'block':'none'); transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}
#Slideshow li:first-child{ display:block;}
#Slideshow li a{ height:640px; overflow:hidden; text-align:center;}
#Slideshow li a img{ max-width:100%; max-height:100%;}
#Slideshow li p{ position:absolute; z-index:3; height:auto; width:310px; left:50%; margin:0 0 0 -600px; top:auto; bottom:-500px; color:#fff; text-align:left; display: none; background:#00417a; border-bottom:#009943 10px solid; padding:25px;}
#Slideshow li p b{ font-size:18px; display:inline-block; width:100%; line-height:1.5em; max-height:4.5em; overflow:hidden; margin-bottom:0.5em;}
#Slideshow li p span{ display:inline-block; max-height:4.5em; overflow:hidden; line-height:1.5em; color:#a7c6e1;}

@media screen and (max-width:1440px){
 #Slideshow{ height:580px;}
 #Slideshow ul{ width:1600px; height:580px; margin-left:-800px;}
 #Slideshow li a{ height:533px;}
}
#jsNav { position:absolute; z-index:4; line-height:0; left:50%; margin-left:300px; width:300px; top:auto; bottom:70px; text-align:right; white-space:nowrap;}
#jsNav a{ position:relative; height:14px; width:14px; margin:0 4px; overflow:hidden; display:inline-block; cursor:hand; cursor:pointer; background:#e50012; border-radius:50%;-moz-border-radius:50%; -webkit-order-radius:50%;transition:width 0.3s;-moz-transition:width 0.3s;-o-transition:width 0.3s;-webkit-transition:width 0.3s;}
#jsNav a.Selected{ background:#bd1a20; width:48px; border-radius:8px;}
#prev_sd,#next_sd{ position:absolute; left:4%; top:40%; z-index:10; display:inline-block; width:38px; height:76px; line-height:76px; cursor:hand; cursor:pointer; background:rgba(0,0,0,0.65); background:url(../images/tran.png)\9; font-family:"宋体"; color:#ebebeb; font-size:16px;}
#next_sd{ left:auto; right:4%;}
#prev_sd:hover,#next_sd:hover{ background:#000;}

/*产品体系*/
#indexTit1{ font-size:20px; color:#000; text-align:right; margin:1.5em auto 2.5em auto; }
#indexTit1 b{ font-size:48px; display:inline-block; padding:0 10px; font-weight:600;}
#indexTit1:before{ content:""; display:inline-block; width:80px; height:2px; background:#000;overflow:hidden; vertical-align:middle; margin-top:-20px;}

.proL{ height:330px; position:relative; width:280px; float:left;}
.proL dt b{ font-size:24px; line-height:40px; max-height:80px; overflow:hidden; color:#000; display:inline-block; width:100%; vertical-align:bottom; font-weight:500;}
.proL dt b:before{ content:""; display:inline-block; height:0; width:0; border-top:9px solid transparent;border-bottom:9px solid transparent; border-left:#000 9px solid; margin-right:0.3em;}
.proL dt span{ position:relative; display:inline-block; font-size:12px; color:#8e9195; white-space:nowrap; height:18px; line-height:18px; text-overflow:ellipsis;-o-text-overflow:ellipsis; padding-left:50px;vertical-align:top; margin:0.5em 0 1.5em 0;}
.proL dt span:after{ content:""; display:inline-block; width:1000px; height:2px; background:#cccecf; position:absolute; left:auto; top:8px; right:100%; margin-right:-45px;}
.proL dd{ color:#8e9195; font-size:14px; line-height:24px; max-height:144px; overflow:hidden;}
.proL dd p{ margin:0; padding:0;}
.proBtn{ position:absolute; left:0; bottom:0;  width:100%; border-bottom:#e1e1e1 1px solid;}
a.more{ display:inline-block; width:78px; height:28px; line-height:28px; text-align:center; color:#fff; background:url(../images/btns.png) -192px top no-repeat; font-size:12px;}
a.more:hover{ background-position:-192px -30px;}
a.prev,a.next{display:inline-block; width:48px; height:48px; background:url(../images/btns.png) left top no-repeat; float:right; cursor:hand; cursor:pointer;}
a.prev:hover{ background-position:-96px top;}
a.next{background:url(../images/btns.png) -48px top no-repeat; border-left:#e1e1e1 1px solid;}a.next:hover{ background-position:-144px top;}

.proR{ position:relative; width:880px;height:445px; float:right; overflow:hidden;}
.Roll{position:absolute; left:0; top:0; margin:0 auto; width:9999px;}
.proR dl{ position:relative; float:left; width:420px; height:330px; margin-left:20px; display:inline-block;}
.proR dl dt:first-child{ width:100%; height:210px; background:#e9ecef; overflow:hidden; text-align:center; margin-bottom:10px;}
.proR dl dt:first-child img{ max-width:100%; max-height:100%;}
.proR dl dt{ font-size:18px; color:#000; line-height:36px; height:36px; width:100%; overflow:hidden; white-space:normal; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.proR dl dd{ color:#8e9195; font-size:12px; line-height:26px; max-height:78px; overflow:hidden; background:#fff; padding-right:24px;}
.proR dl:hover dt{ color:#bd1a20;}
.proR dl:hover dd{ position:absolute; left:0; top:256px;overflow:visible; max-height:none; z-index:9;}
a.proA{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/blank.gif);}

/*案例*/
#cases{ background:url(../images/bg1.jpg) center top no-repeat #fff; min-height:600px; padding-top:1px;}
#indexTit2{ margin:55px auto 30px auto;}
#indexTit2 span{ position:relative; font-size:44px; line-height:150%;color:#fff; display:inline-block; padding:0 1em; font-weight:600;}
#indexTit2 span:before,#indexTit2 span:after{ content:""; display:inline-block; width:80px; background:#fff; height:2px; position:absolute; left:100%; top:49%; opacity:0.6;}
#indexTit2 span:before{ left:auto; right:100%;}
a.more2{ display:inline-block; width:48px; height:36px; background:url(../images/btns.png) -100px -60px no-repeat;}
a.more2:hover,a.more3:hover{ background-position:-196px -60px;}

.albumBox{position:relative; width:98%; margin:0 auto; height:500px; padding:0; overflow:hidden;}
.thumbs {position:absolute; white-space:nowrap;left:0; right:0; margin:0 auto; font-size:0;}
.thumbs li{ position:relative; display:inline-block; white-space:normal; border-top:10px solid transparent; margin:0;}
.thumbs li a{ display:inline-block; height:250px; overflow:hidden; vertical-align:bottom; background:#fff;}
.thumbs li img{ height:250px; width:auto;}
.thumbs li p{ position:absolute; display:none; z-index:2; left:0; top:100%; width:100%;background:url(../images/bg2.jpg) center bottom #e50012; font-size:12px; color:#fff; margin:0; padding:25px; text-align:left; line-height:24px; overflow:hidden;word-wrap:break-word; word-break:normal}
.thumbs li b{ display:inline-block; width:100%; font-size:16px; line-height:20px; max-height:40px; overflow:hidden; margin-bottom:8px;}
.thumbs li:hover{border-top:10px solid #bd1a20; box-shadow:rgba(0,0,0,0.1) 0 0 10px; z-index:2;}
.thumbs li:hover p{ display:block;box-shadow:rgba(0,0,0,0.1) 0 0 10px;}

/*新闻*/
#indexTit3{ overflow:hidden;margin:15px auto 30px auto;}
#indexTit3 span{position:relative; font-size:44px; line-height:150%; color:#000; display:inline-block; padding:0 1em;font-weight:600;}
#indexTit3 span:before,#indexTit3 span:after{ content:""; display:inline-block; width:1000px; background:#e1e1e1; height:1px; position:absolute; left:100%; top:49%;}
#indexTit3 span:before{ left:auto; right:100%;}
a.more3{ display:inline-block; width:48px; height:36px; background:url(../images/btns.png) -148px -60px no-repeat;}

#newsBox{ overflow:hidden;}
#news{ margin-right:-45px; float:left; position:relative;}
#news dl{ position:relative; float:left; margin:0 43px 0 28px; width:240px;}
#news dl a.newsA{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:url(../images/blank.gif);}
#news dt{ position:relative; width:100%; height:180px; background:#c8c8c8; text-align:center;}
#news dt img{ max-width:100%; max-height:100%;}
#news dt span{ display:inline-block; position:absolute; left:auto; right:102%; top:0; color:#848484; font-size:12px; font-weight:550; letter-spacing:1px; -webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;*writing-mode:tb-rl;unicode-bidi:bidi-override;}
#news dd{ color:#a4a4a4; font-size:12px; line-height:20px; max-height:60px; overflow:hidden; }
#news dd.newsTit{ font-size:15px; line-height:20px; height:20px; color:#606060; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; margin:1em 0 0.5em 0;}
#news dl:hover dd.newsTit{ color:#bd1a20;}
#news dl:hover dt span{ color:#bd1a20;}