.banner{height:500px;}
.banner .bd,.banner .bd ul,.banner .bd li,.banner .bd li div{height:100%;}
.banner .bd li>div{ background:rgba(0,0,0,.9);}
.banner .wrap{ padding: 120px 0; color: #fff;}
.banner h1{ font-size: 36px; font-weight: 100;}
.banner p{ max-width:700px; line-height: 1.8em; color: #999;}
.t .h2{margin-bottom:35px;}
.t p{line-height:2em;font-size:14px;color:#666;}
#case .t p,#article .t p{width:60%;}
#case .part{width:23.5%;float:left;margin-right:2%;margin-bottom:2%;}#case .part.end{margin-right:0;}#case .part img{display:block;width:100%;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}#case .part .pic{display:block;overflow:hidden;}#case .part h3,#case .part h4{font-weight:normal;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:40px;line-height:40px;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}#case .part .desc{height:95px;overflow:hidden;font-size:12px;color:#999;line-height:1.6em;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}#case .part:hover img{-ms-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);-ms-transition-duration:5s;-o-transition-duration:5s;-moz-transition-duration:5s;-webkit-transition-duration:5s;transition-duration:5s;}#case .part:hover h4 a,#case .part:hover h3 a{color:#e00000;}#case .part:hover .desc{color:#333;}
#client{background:#1a0a00;color:#fff;}
#client .t .fl{max-width:50%;}
#client .t p{line-height:2em;color:rgba(255,255,255,.7);}
#client .t .part{float:right;margin-left:35px;font-size:14px;}
#client .t .part>div{color:rgba(255,255,255,.5);}
#client .t h4{display:inline-block;color:#fff;vertical-align:baseline;font-size:48px;}
#client .t h4 sup{font-weight:normal;font-size:30px;}
#client .cont{border-top:1px solid #333;padding:40px 0;}
#client .cont>div{width:16.66%;float:left;}
#client .cont a{ display: block; color:#ccc; padding:5px 0;}
#client .cont a:hover{ color:#e00000; text-decoration: underline;}
#client .cont img{max-width:100%;}

#case .part a{ display: block; }
#case .part time{ font-size: 12px; color: #999;}

#product{background:#eee;}
#product .t{padding-bottom:40px;}
#product .t .i{font-size:12px;line-height:2em;color:#666;}

#product{ text-align:left;  }

#product .hd{ text-align: center; padding-top: 30px;}

#product .hd ul li{ display: inline-block; }

#product .hd li h3 a{font-weight: normal; font-size: 16px; display: block; background:#eee; padding:10px; margin: 0 1px;}

#product .hd ul li.on a{ background:#e00000; color: #fff; }

#product .bd ul{ zoom:1; padding-top: 20px;  }

#product .bd ul>p{ color: #333; font-size: 14px;  padding:10px 0; max-width:80%; text-align: center; margin: auto; height:40px; line-height: 20px; overflow: hidden;}


#article .cont{padding-bottom:80px;}
#article a.fl{display:block;width:40%;background-position:top center;background-size:cover;background-repeat:no-repeat;position:relative;color:#fff;overflow:hidden;}
#article a.fl div{position:absolute;left:0;bottom:0;width:100%;padding:10px;background:-webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0.9));background:-o-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0.9));background:-moz-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0.9));background:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0.9));}
#article a.fl h4{padding-top:100px;font-size:16px;margin-bottom:10px;}
#article a.fl:hover{color:#e00000;}
#article .tabBox{margin-left:40%;padding-left:60px;}
#article .hd{width:100px;border-left:1px solid #ddd;}
#article .hd ul{padding-top:20px;}
#article .hd li{height:40px;line-height:40px;border:1px solid #ddd;border-width:0 1px 1px 0;background:#eee;}
#article .hd li:first-child{border-top:1px solid #ddd;}
#article .hd a{display:block;text-align:center;color:#333;}
#article .hd .on{background:#fff;}
#article .hd .on a{margin-left:-1px;border-left:1px solid #fff;color:#e00000;}
#article .bd{margin-right:120px;border-top:1px solid #eee;}
#article .bd li{height:40px;line-height:40px;border-bottom:1px solid #ddd;padding:0 10px;}
#article .bd li:hover{background:#eee;}
#article .bd li:hover a{color:#e00000;}
#article .bd li time{float:right;width:80px;font-size:12px;color:#999;text-align:right;}
#article .bd li a{display:block;margin-right:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#article .bd li a:before{content:"▪ ";}
@-webkit-keyframes bg{from{background-size:100% 100%;}
50%{background-size:110% 110%;}
to{background-size:100% 100%;}
}
#em{position:relative;background:url(../images/bg.jpg) center no-repeat;background-size:100% 100%;color:#fff;-webkit-animation-name:bg;-webkit-animation-duration:20s;-webkit-animation-iteration-count:infinite;}
#em .part{display:block;width:20%;margin-right:6.66%;float:left;}
#em .part.end{margin-right:0;}
#em .part .ti{font-size:18px;margin-top:20px;}
#em .part p{margin:20px 0;font-size:12px;line-height:1.6em;}
@media screen and (max-width:1200px){}
@media screen and (max-width:1100px){}

#istop .t{ padding-bottom:0px;}
#istop a{ display: block; width: 24%; float: left; margin:0 0.33% 0.33% 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

#istop a:before{ content:"▪ ";}
#istop a:nth-child(4n){ margin-right: 0;}
#istop a:hover{ text-decoration: underline; color: #e00000;}
@media screen and (max-width:800px){
    #case .t p, #article .t p{ width: 100%;}
    #case .part{ width: 49%; margin-right:2%;}
    #case .part:nth-child(2n){ float: right; margin-right:0;}
    #client .t .fl{ float: none; width: 100%;max-width:100%;}
    #product .plist li{ width: 33%; margin-right:0.5%; margin-bottom: 2px;}
    #product .plist li:nth-child(3n){ margin-right:0;}
    #product .plist li .i{ display: none;}
    #em .part{ width: 49%; margin-right:2%;}
    #em .part:nth-child(2n){ float: right; margin-right:0;}
    #em img{ max-width:60px;}
    #article a.fl{ float: none; width: 100%;}
    #article .bd,#article .tabBox{ margin: 0; padding: 0;}
    #client .cont>div{width:50%;}
    #client .t .fr{ display: none;}
}