
/*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;background-color: #f5f5f5; 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:0 auto;text-align:center;}
.image-slider{width:1252px;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/navleft.jpg);background-repeat: no-repeat;background-position: left; }
.image-slider-forward{background-image: url(../images/navright.jpg);background-repeat: no-repeat;background-position: right; right:-20px;}
.image-slider-contents{width: 1154px;height:260px;  float: left;position: relative;overflow: hidden; left:10px;}

.image-slider-contents .contents-wrapper{position: absolute;/*padding-bottom: 18px; */left:0;}
.image-slider-contents .outer{/*background-color:#fff;*/float:left;width:340px;height:278px;margin:0px 22px; border-radius: 20px; cursor:pointer; position:relative;overflow:hidden; }
.image-slider-contents img{width:340px;height:228px; margin:0 auto; }
.spic{ width:340px;height:228px; background:url("../images/spic_bg.png") no-repeat center bottom; padding-bottom:28px;  position:relative;  float:left; border-radius: 20px; overflow:hidden;}
.image-slider-contents  img{width:340px;height:228px; margin:0 auto; border-radius: 20px;   }
.spic a{ display:block; width:340px; height: 228px; overflow: hidden;  border-radius:20px;}
.spic a img{ width:340px; height: 228px;transition: all 2s;  border-radius:20px;overflow:hidden; }
.spic a div{  position: absolute; left:0; bottom:0; width:100%; height: 45px;/* display: none;*/   border-radius:20px;}
.spic a div .ii-span1{ display: block; position: absolute; left:0; bottom:0;  border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width:100%; height: 45px; background: #136aab; opacity: 0.6; }
.spic a div .ii-span2{ display: block; width:100%; font-size: 16px; color:#fff;  position: absolute; left:0; bottom:0; line-height:45px ; text-align: center;  border-radius:20px;}

/*.spic:hover img{ transition: all 2s;  transform: scale(1.2,1.2); border-radius:20px; -moz-transition: all 2s;  -moz-transform: scale(1.2,1.2); -moz-border-radius:20px; -webkit-transition: all 2s;  -webkit-transform: scale(1.2,1.2); -webkit-border-radius:20px; -khtml-transition: all 2s;  -khtml-transform: scale(1.2,1.2); -khtml-border-radius:20px; -o-transition: all 2s;  -o-transform: scale(1.2,1.2); -o-border-radius:20px;-ms-transition: all 2s;  -ms-transform: scale(1.2,1.2); -ms-border-radius:20px; }*/



/*检测*/
.jian-conter{ width:1100px; height: auto; overflow: hidden;}
.jian-conter ul{ width:1100px; height:auto; margin:0 auto; overflow: hidden;}
.jian-conter ul li{ float:left; width:200px; height:234px; margin-left:16px; position: relative;}

.jian-conter ul li a{ display:block; width:200px; height: 234px; overflow: hidden; }
.jian-conter ul li a> img{ width:200px; height: 234px; transition: all 2s;  }
.jian-conter ul li a div{  position: absolute; left:0; bottom:0; width:100%; height: 234px; display: none; text-align:center;}
.jian-conter ul li a div .ii-span1{ display: block; position: absolute; left:0; bottom:0;  width:100%; height: 234px; background: #f4a32d; opacity: 0.9; }
.jian-conter ul li:first-child .ii-span1 {display: block; position: absolute; left:0; bottom:0;  width:100%; height: 234px; background:url(../images/sss.png) no-repeat; }
.jian-conter ul li a div .ii-span2{ display: block; font-weight: bold; /*padding:0 5px; */width:100%;font-size: 16px; color:#fff;  position: absolute; /*left:27%; */bottom:110px; text-align: center;}

.jian-conter ul li a div .ii-span2> span{ display: block; width:24px; height: 2px;/* margin-left:28px;*/ margin:0 auto;}
.jian-conter ul li a div .ii-span2> span> img{ width:24px; height: 2px;}
.jian-conter ul li:first-child .ii-span2{display: block; font-weight: bold; /*padding:0 5px; */width:100%;font-size: 16px; color:#fff;  position: absolute; /*left:27%; */bottom:130px; text-align: center;}






