/*zm151*/
.vn96{
  width: 96%;
  margin: 0 auto;
}
.sample-search #formsearch{
    height: 31px;
    background: url(../images/sss.png) no-repeat center center;
    background-size: 100%;
    margin-top: 10px;
}

.sample-search #formsearch input{
  background: none;
  border: none;
  outline: none;
  padding: 0px;
}
.sample-search #formsearch #keyword{
  width: 82%;
  line-height: 31px;
  float: left;
  font-size: 14px;
  color: #cdcdcd;
  text-indent: 15px;
}
.sample-search #formsearch #s_btn{
  font-size: 0px;
  width: 16%;
  line-height: 31px;
  float: right;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #cdcdcd;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #cdcdcd;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #cdcdcd;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #cdcdcd;
}

.sample-xian{
  width: 100%;
  height: 8px;
  background: #f4f4f4;
  margin-top: 10px;
}

.list1{
  padding-top: 20px;
}

.list1 li{
  float: left;
  width: 25%;
  text-align: center;
}

.list1 li img{
  max-width: 100%;
}

.list1 li h3{
  font-size: 15px;
  font-weight: 400;
  color: #333333;
  margin-top: 15px;
}
.list1 li h3 a{
  color: #333333;
}
.sample-xian1{
  width: 100%;
  height: 8px;
  background: #f4f4f4;
  margin-top: 10px;
}

.sample-dizhi{
  margin-top: 20px;
}

.sample-dizhi .dizhi-con{
  float: left;
  background: url(../images/dizhi.png) no-repeat left center;
  padding-left: 9%;
}
.sample-dizhi .dizhi-con p:nth-child(1){
      font-size: 19px;
    color: #333333;
    line-height: 29px;
}
.sample-dizhi .dizhi-con p:nth-child(2){
  font-size: 12px;
  color: #afafaf;
  line-height: 12px;
  margin-top: 5px;
}
.sample-dizhi .dizhi-tel{
  float: right;
}

.sample-xian2{
  width: 100%;
  height: 8px;
  background: #f4f4f4;
  margin-top: 20px;
}

.sample-tu1 {
  margin-top: 10px;
}

.sample-tu1 img{
  width: 100%;
}

.sample-product{
  margin-top: 20px;
}
.product-title h3{
  font-size: 22px;
  color: #333333;
  font-weight: 400;
  text-indent: 25px;
  position: relative;
}

.product-title h3:after{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #156ccd;
  position: absolute;
  left: 0px;
  top: 10px;
}

.list2{
  margin-top: 25px;
}

.list2 li{
  float: left;
  width: 46%;
}
.list2 li a.img img{
  width: 100%;
}
.list2 li:nth-child(2n){
  float: right;
}
.list2 li h3{
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  color: #666666;
  line-height: 36px;
    white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis; 
}
.list2 li h3 a{
  color: #666666;
}


.sample-about{
  margin-top: 20px;
}

.about-tu img{
  width: 100%;
}

.about-con{
  position: relative;
}

.about-con h3{
  width: 130px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #156ccd;
  position: absolute;
  left: 20px;
  top: -20px;
  font-size: 22px;
  color: #ffffff;
}
.about-content{
  padding: 0 20px;
  padding-top: 40px;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  padding-bottom: 20px;
  font-size: 13px;
  color: #666666;
  line-height: 22px;
}

.sample-case{
  margin-top: 20px;
}

.list3{
  margin-top: 30px;
}

.list3 li{
  float: left;
  width: 48%;
  position: relative;
  margin-bottom: 15px;
}
.list3 li:nth-child(2n){
  float: right;
}
.list3 li img{
  width: 100%;
}
.list3 li h3{
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  line-height: 30px;
  background: rgba(0,0,0,0.4);
  text-align: center;
  font-size: 14px;
  color: #ffffff;
    white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis; 
}

.list3 li h3 a{
  color: #fff;
}

.case-more{
  width: 100%;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  background: #000000;
  margin-top: 10px;
}


.sample-news{
  margin-top: 20px;
}

.list4{
  margin-top: 15px;
}

.list4 li{
  margin-bottom: 15px;
}

.list4 li .img1 img{
  width: 100%;
}
.list4 li .news-con{
  border: 1px solid #dcdcdc;
  padding: 15px;
  position: relative;
}
.list4 li .news-con h3{
  font-size:15px;
  color: #333333;
  font-weight: 400;
}
.list4 li .news-con p{
  font-size: 13px;
  color: #666666;
  line-height: 22px;
  margin-top: 10px;
}
.list4 li .news-con a.mores{
  display: block;
  position: absolute;
  right: 0px;
  top: -20px;
  z-index: 99;
}
.list4 li .news-con a.mores img{
  width: 70%;
}