/*经典案例内容页焦点图*/

.mod18 { clear:both; width:1200px; margin:20px auto; position:relative; margin-top:30px; }

.mod18 .btn { position:absolute; width:12px; height:24px; top:465px; cursor:pointer; z-index:99; font-size:50px; font-weight:bold; }

.mod18 .next { right:-22px; background:url(../../images/baiyangyu/nex1.gif) no-repeat; }

.mod18 .next:hover { background-image::url(../../images/baiyangyu/nexh1.gif);}

.mod18 .prev { left:-22px; background:url(../../images/baiyangyu/pre1.gif) no-repeat; }

.mod18 .prev:hover { background-image::url(../../images/baiyangyu/preh1.gif);}

.mod18 #prevTop, .mod18 #nextTop { top:206px; width:20px; height:40px; }

.mod18 #prevTop { left:-30px; background:url(../../images/baiyangyu/pre.gif) 0 0 no-repeat; }

.mod18 #prevTop:hover { background:url(../../images/baiyangyu/preh.gif) no-repeat; }

.mod18 #nextTop { right:-30px; background:url(../../images/baiyangyu/nex.gif) no-repeat; }

.mod18 #nextTop:hover { background:url(../../images/baiyangyu/nexh.gif) no-repeat; }

.mod18 li { float:left; }

.mod18 .cf li { position:relative; }

.mod18 .cf a { display:block; width:1200px; height:416px; position:absolute; color:#fff; }

.mod18 .cf li b { display:block; width:1200px; position:absolute; left:0; bottom:0; padding:10px 20px; line-height:22px; text-align:left; background:rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = "#60000000", endColorstr = "#60000000");

}

.mod18 .picBox { width:1200px; height:456px; position:relative; overflow:hidden; }

.mod18 .picBox ul { height:456px; position:absolute; }

.mod18 .picBox li, .mod18 .picBox li img { width:1200px; height:456px; }

.mod18 .listBox { width:1200px; height:70px; margin:0 auto; position:relative; margin-top:15px; overflow:hidden; }

.mod18 .listBox ul { height:70px; position:absolute; }

.mod18 .listBox li { width:114px; height:64px; padding:2px; background-color:#f8f8f8; border:1px solid #fff; cursor:pointer; position:relative; }

.mod18 .listBox li i { display:none; }

.mod18 .listBox li img { padding:1px; border:1px solid #f1f1f1; width:110px; height:60px; }

.mod18 .listBox li span { display:block; text-align:center; color:#000; line-height:28px; }

.mod18 .listBox .on { border-color:#055f43; }

.mod18 .listBox .on img { border-color:#fff; }

.mod18 .listBox .on span { font-weight:bold; color:#CC0000; }

.mod18 .listBox .on i { display:block; }



.gy{ width:1200px; height:400px; overflow:hidden; }

.gy ul{ margin-left:-9px; }

.gy li{ position:relative; float:left; width:100px; height:400px; margin-left:9px; overflow:hidden; }

.gy_title{ float:left; width:100px; height:400px; background:url(../../images/pulanni/gy_title_bg.jpg) no-repeat; margin-right:9px;  }

.gy_title h3{ width:34px; padding-top:50px; margin:42px auto 0 auto; background:url(../../images/pulanni/gy_title_ico.png) no-repeat; font-size:24px; font-weight:normal; line-height:30px; color:#fff; text-align:center; }

.gy li .gy_title.yc{ background-position:0 0; }
.gy li .gy_title.qd{ background-position:-101px 0; }
.gy li .gy_title.rd{ background-position:-202px 0; }
.gy li .gy_title.tm{ background-position:-303px 0; }
.gy li .gy_title.pt{ background-position:-404px 0; }

.gy li .gy_title.yc h3{ background-position:0 0; }
.gy li .gy_title.qd h3{ background-position:-34px 0; }
.gy li .gy_title.rd h3{ background-position:-34px 0; }
.gy li .gy_title.tm h3{ background-position:-68px 0; }
.gy li .gy_title.pt h3{ background-position:-102px 0; }

.gy li.hover{ width:760px;  }

.gy li.hover .gy_title{ background:url(../../images/pulanni/gy_title_bgh.png) center 340px no-repeat #fc9200; }

.gy_pic{ position:absolute; left:109px; top:0; width:0; height:400px; }

.gy li.hover .gy_pic{ width:651px; }


.tools{ display:none; position:fixed; left:50%; bottom:240px; margin-left:610px; width:48px; }

.tools li{ position:relative; width:48px; height:48px; margin-bottom:1px; background:url(../../images/pulanni/tools_ico.png) no-repeat; cursor:pointer; }

.tools li.st{ background-position:0 0; }
.tools li.code{ background-position:0 -48px; }
.tools li.ly{ background-position:0 -96px; }
.tools li.pj{ background-position:0 -144px; }

.prompt{ display:none; position:absolute; left:-100px; top:0; width:100px; background-color:#18abde; opacity:.8; font-size:14px; color:#fff; line-height:48px; text-align:center; }

.tools li.code .prompt{ padding-bottom:12px; }


.tools li a{ display:block; width:100%; height:100%; }


.zxpd{position:fixed; bottom:0; width:100%; height:121px; background:url(../../images/pulanni/db.jpg) no-repeat; z-index:100; }

.liuyan{position:relative; width:1200px; margin:0 auto; margin-top:20px;}

.liuyan dl{float:right;}

.liuyan dl dt{ color:#fff; font-size:14px; line-height:30px;}

.liuyan dl dd{line-height:30px; color:#fff;}

.liuyan dl dd input{border:0px; color:#666;}

.bpmt{width:150px; text-align:right;}

.bpmt input{background:url(../../images/pulanni/ljbt.png) no-repeat; width:86px; height:86px; border:0; cursor:pointer;}


#banner { position:relative;  z-index:0;   }

#banner img{ display:block; }

.rslides{ height:557px; }

.rslides li{width:100%; height:557px; text-align:center; }

.rslides { width: 100%; position: relative; list-style: none; padding: 0 }

/*.rslides_nav { display:none; height: 51px; width: 31px; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.4; text-indent: -9999px; overflow: hidden; text-decoration: none; margin-top: -28px }

.rslides_nav:active { opacity: 1.0 }

.rslides_nav.prev { left: auto; background-position: -0 -560px; left: 0 }

.rslides_nav.next { left: auto; background-position: -31px -560px; right: 0 }*/
.rslides li a{ display:block; width:100%; height:557px; background-position:center center; background-repeat:no-repeat; }


.rslides_tabs { text-align: center; position: absolute; bottom:15px; left:0; z-index:10; width:100%; height:30px;  text-align:center;padding-top:10px; 
/* background:#000; background:rgba(0, 0, 0, 0.5)!important; filter:Alpha(opacity=50);*/   }

.rslides_tabs li{ list-style:none; display:inline-block; margin: 0 7px;  }

.rslides_tabs a { text-indent: -9999px; overflow: hidden; display: inline-block; _display: block; *display:block;  width:16px; height: 16px; background:url(../../images/pulanni/dot.png) 0 0 no-repeat ; }

.rslides_tabs .rslides_here a { background-position:-16px 0; }

.xw{float:left; margin-left:0px;}

.zright{float:right;}

.lxfs{float:left; width:561px; margin-right:37px;}


.yqlj {font-size:14px;}

.yqlj a{ color:#7b7b7b;}
.bt {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
    text-align: center;
}
.bt .zhuyao {
    font-size: 30px;
    font-weight: normal;
    color: #333333;
    text-align: center;
    background: url(../../images/pulanni/bt.png) no-repeat center center;
}
inner, .about, #project {
    padding: 30px 0 35px 0;
}