/*base*/
*{margin:0; padding:0;}

body{ font-family: "microsoft yahei", "微软雅黑","黑体","宋体",Arial, Helvetica, sans-serif; font-size:14px; margin:0; padding:0;}
img,input{ border:none;}
a{ text-decoration:none;}
ul,li,ol{ list-style:none;}
a,ul,li,ol,img,p,input,h1,h2,h3,h4,h5,h6,span{ margin:0;padding:0;}
.clear{ clear:both;}



#box-lanrenzhijia{ height: 370px;overflow: hidden;}
#box-lanrenzhijia .div-title{ width:1200px; margin:0 auto; overflow: hidden;}
#box-lanrenzhijia .div-title h3{ font-weight: normal; margin-left:30px; margin-left: 38px;font-weight: bold; font-size: 25px; color:#f99f1b; line-height: 55px; font-family: "microsoft yahei"; margin-top:15px; }
#slider{ height: 370px;  margin:30px auto 0px auto;text-align:center;}
.image-slider{width:1200px;height:250px;position: relative;}
.image-slider-back, .image-slider-forward{float: left;width: 23px;height: 98px;color: White;position: relative;top:70px; cursor: pointer;}
.image-slider-back{background-image: url(../images/yingyong_11.png);background-repeat: no-repeat;background-position: left; }
.image-slider-forward{background-image: url(../images/yingyong_14.png);background-repeat: no-repeat;background-position: right; right:-20px;}
.image-slider-contents{width: 1000px;height:250px;  float: left;position: relative;overflow: hidden; left:10px;}

.image-slider-contents .contents-wrapper{position: absolute;padding-top: 18px; left:0;}
.image-slider-contents .outer{background-color:#fff;float:left;width:200px;height:217px; margin:0 auto; cursor:pointer; position:relative;}
.image-slider-contents img{width:200px;height:217px; margin:0 auto; }
.spic{ width:200px;height:217px;  position:relative;  float:left;  }
.image-slider-contents  img{width:340px;height:217px; margin:0 auto;  }
.spic>a{ display:block; width:200px; height: 217px; overflow: hidden; }
.spic a img{ width:200px; height: 217px; transition: all 2s;  }
.spic a div{  position: absolute; left:0; bottom:0; width:100%; height: 45px; display: none; }
.spic a div .ii-span1{ display: block; position: absolute; left:0; bottom:0;   width:100%; height: 217px; background: #000; opacity: 0.5; }
.spic a div .ii-span2{ display: block;  font-size: 16px;width:120px; height:40px;  text-align:center; opacity: 0.6; background: #fff; border-radius: 10px;  color:#666;  position: absolute; left:37px; bottom:80px; line-height:40px ; text-align: center;}

.spic:hover img{ transition: all 2s;  transform: scale(1.2,1.2);}