@import "lay-min.css";
.slider{ height: 420px;background: #aaa;}
.about{height: 350px;}
.block1{height: 150px;background: url(../images/g_13.gif) top center no-repeat;}
.productList{ height:700px;padding:20px 0;}
.case{ height: 710px;background:#f3f3f3;}
.news{height: 570px;background: #FFF;}
.footer{ background: #0C3046;}
.clear { clear:both; }
.bg1{background: url(../images/bg.png) 0 0 no-repeat;width: 92px;height:251px; margin-top: 35px;}
.bg2{background: url(../images/bg.png) -94px 0 no-repeat;width: 266px;height:201px}
.bg3{background: url(../images/bg.png) -362px 0 no-repeat;width:284px;height:113px; margin:0 auto 30px}
.bg5{background: url(../images/bg.png) -362px -115px no-repeat;width: 3px;height:45px}

/* Slide */
.slideBox{width:100%; height:420px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd a{ width:100%; height:420px; display:block;  }

/* About */
.about .left .txt{ padding: 20px; width: 540px; float: right;margin: 20px 10px 0 0;*padding:0;}
.about .left .txt a{ font-size: 18px;font-weight: bold;color: #222; }
.about .left .txt a span{padding: 5px;background: #333; color: #fff;display: inline-block;font-size: 12px;border-radius: 4px;float: right;}
.about .left .txt div{ padding-top: 20px;font-size: 13px;line-height: 22px}
.about .right img{ margin: auto;margin-top: 50px;border: 1px solid #DADADA;padding: 0.5%;width: 99%;}

/* productList */

.productList .right ul{padding: 20px 0 0 10px;overflow: hidden}
.productList .right ul li{text-align: center; margin-bottom: 25px}
.productList .right ul li img{ padding: 5px; border: 1px solid #ddd;width:205px;height: 160px;}
.productList .right ul li .name{display: block;padding:6px 0px;background:#174E70;color: #fff;width:205px;margin:3px auto 0;font-size: 13px;}

/* Case */
.case {padding-top:40px}
.case li>div{ background: #aaa;height: 200px; margin: 5px;position: relative;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19)}
.case li>div>a>img{width: 100%;height: 100%; transition: 2s}
.case li>div:hover>a>img{width: 110%;height: 110%;margin: -5% 0 0 -5%}
.case li>div>a>span{display: block;padding: 8px 10px; font-size: 13px; position: absolute;width: 100%;bottom: 0px; background: #333;background: rgba(51, 51, 51, 0.61);color: #ddd;left: 0}
.case li>div>a>span>i{width: 100%;display: block;padding-bottom: 3px;margin-bottom: 3px;border-bottom: 1px solid #fff;font-style: normal;font-size: 16px;font-weight: bold;}

/* news */
.news .left,.news .right{ width: 98%;}
.news .right{ float: right}
.news .title{text-align: center;font-size: 20px;font-weight: bold; padding-bottom: 7px;  border-bottom: 5px solid; margin-bottom: 25px}
.news ul li{ background: #eee;margin: 7px 0;padding: 5px 10px;font-size: 13px;border-radius: 4px;border-radius: 4px; box-shadow: 0px 1px 3px rgba(170, 170, 170, 0.58);}
.news ul li.sim { background: #fff; padding: 0; margin: 0 0 30px 0; box-shadow: none}
.news ul li.sim .date{width: 16%;margin-right: 2%;float: left;font-size: 36px;text-align: center;font-weight: bold;line-height: 62px;border-radius:5px; overflow: hidden; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);
background: #eee;}
.news ul li.sim .date span{display: block;padding: 3px;text-align: center;background: #8c8c8c;color: #fff;font-size: 13px;line-height: 18px;  }
.news ul li.sim .txt{}
.news ul li.sim .txt i{font-style: normal;font-size: 18px;display: block;font-weight: bold;margin-bottom: 5px;}
.news ul li.sim .txt span{font-size: 12px;line-height: 16px;color: #666;}

.news ul li,.news .title{color: #8c8c8c; }

.news .on ul li.sim .txt i,.news .on .title,.news .on ul li.sim .date,.news .on ul li{color: #000;transition: .5s }
.news .on  .title{border-bottom-color: #008CE1;color:#008CE1;transition: .5s}
.news .left.on  .title{ box-shadow: -2px 2px 4px #aaa;;}
.news .right.on  .title{ box-shadow: 2px 2px 4px #aaa;}
.news .on  ul li.sim .date span{background:#008CE1; transition: .2s}