/* CSS Document */

.bg1{ width:100%; height:100%; position:relative; background:url(../images/banner.jpg) top center no-repeat; background-size: cover; }

.kouhao{ width:100%; position:absolute; left:0; bottom:0; height:145px; border-top:5px solid #fff; background: url(../images/bgc1.png);}

.kouhao h2{ width:100%; text-align:center; color:#fff; font-size:38px; line-height:130px; height:145px; background:url(../images/jt.png) center 100px no-repeat;; }

.caselist{ width:700px; margin:0 auto; margin-top:100px;position:relative;}

.caleft{ width:345px; float:left; position:relative; }

.caright{ width:345px; float:right; position:relative; }

.caselist li{ width:345px; margin-bottom:10px; position:relative; height:160px; overflow:hidden;}

.caselist li img{ width:100%; vertical-align:middle;}



.caright li:nth-child(1){height:330px; background:#df9e38;}

.caright li:nth-child(2){ height:160px; background:#55bea1;}

.caright li:nth-child(3){height:160px;}

.caright li:nth-child(4){height:160px;background:#df9e38;}

.caright li:nth-child(5){ height:160px;background:#3b77be;}



.caleft li:nth-child(1){ background:#3b77be;}

.caleft li:nth-child(3){background:#5e8abe; width:167px; float:left;}

.caleft li:nth-child(4){ background:#df9164; width:167px; margin-left:11px; float:left;}

.caleft li:nth-child(5){ background:#1f497c; width:167px; float:left;}

.caleft li:nth-child(6){ background:#5e8abe; width:167px; margin-left:11px; float:left;}

.caleft li:nth-child(7){ height:330px; clear:both;}



.caselist li span{ display:block; width:60px; height:50px; margin:0 auto; margin-top:30px; }

.caselist li h2{ font-size:30px; font-weight:500; height:50px; width:100%; line-height:50px; text-align:center; color:#fff;}



.caright li:nth-child(2) span{ background:url(../images/icon6.png) center no-repeat;}

.caright li:nth-child(4) span{ background:url(../images/icon7.png) center no-repeat;}

.caright li:nth-child(5) span{ background:url(../images/icon8.png) center no-repeat;}

.caleft li:nth-child(1) span{ background:url(../images/icon1.png) center no-repeat;}

.caleft li:nth-child(3) span{ background:url(../images/icon2.png) center no-repeat;}

.caleft li:nth-child(4) span{ background:url(../images/icon3.png) center no-repeat;}

.caleft li:nth-child(5) span{ background:url(../images/icon4.png) center no-repeat;}

.caleft li:nth-child(6) span{ background:url(../images/icon5.png) center no-repeat;}