.listpd {

  /*width: 62.5%;*/

  width: 1200px;

  margin: 0 auto;

}

.listpd .swiper-slide{

  min-height: 0;

  width: 365px;

  margin-bottom: 54px;

}

.listpd .swiper-slide:nth-child(2n){

  margin: 5% 0 54px;

}

.listpd .swiper-slide .detail {

  width: calc(86% - 2px);

  padding: 6% 7% 9%;

  border: 1px solid #c9c9c9;

  border-top: 0;

  text-align: center;

  background: #fff;

}

.listpd .swiper-slide a.tit {

  position: relative;

  display: inline-block;

  padding-bottom: 4%;

  margin-bottom: 6.6%;

  font-size: 20px;

  line-height: 2;

  color: #333;

}

.listpd .swiper-slide a.tit:after {

  content: "";

  display: inline-block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 40px;

  height: 1px;

  background: #ddd;

  margin-left: -20px;

}

.listpd .swiper-slide a.btn {

  display: inline-block;

  width: 46.5%;

  border: 1px solid #c9c9c9;

  margin-top: 13%;

  font-size: 14px;

  line-height: 40px;

  color: #999;

  -webkit-transition: all 0.8s;

          transition: all 0.8s;

}

.listpd .swiper-slide a.btn:hover {

  border-color: #ec0000;

  background: #ec0000;

  color: #fff;

}

.listpd .swiper-slide .img{

  display: block;

}

.listpd .swiper-slide .img .mask{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #ccc;

  opacity: 0;

  filter:alpha(opacity=0);

  transition: opacity 1s;

  vertical-align: middle;

  display: table-cell;

  text-align: center;

}

.listpd .swiper-slide .img .mask img{

  max-width: 100%;

  max-height: 100%;

  width: auto;

  height: auto;

  vertical-align: middle;

}

.listpd .swiper-slide .img:hover .mask{

  opacity: 0.7;

  filter:alpha(opacity=70);

}

.listpd .swiper-pagination{



}

.listpd .swiper-pagination-bullet{

    border-radius: 50%;

    background: #ccc;

}

.listpd .swiper-pagination-bullet-active{

  background-color: #ff0000;

}



.listpd ul {

  width: 100%;

}

.listpd li {

  width: 380px;

  margin-bottom: 54px;

  margin-right: 25px;

}



.listpd li .detail {

  width: calc(86% - 2px);

  padding: 6% 7% 9%;

  border: 1px solid #c9c9c9;

  border-top: 0;

  text-align: center;

  background: #fff;

}

.listpd li a.tit {

  position: relative;

  display: inline-block;

  padding-bottom: 4%;

  margin-bottom: 6.6%;

  font-size: 20px;

  line-height: 2;

  color: #333;

}
.listpd li p{

  font-size:14px;

}

.listpd li a.tit:after {

  content: "";

  display: inline-block;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 40px;

  height: 1px;

  background: #ddd;

  margin-left: -20px;

}

.listpd li a.btn {

  display: inline-block;

  width: 46.5%;

  border: 1px solid #c9c9c9;

  margin-top: 13%;

  font-size: 18px;

  line-height: 40px;

  color: #999;

  -webkit-transition: all 0.8s;

          transition: all 0.8s;

}

.listpd li a.btn:hover {

  border-color: #ec0000;

  background: #ec0000;

  color: #fff;

}

.listpd li .img{

  display: block;

}

.listpd li .img .mask{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #ccc;

  opacity: 0;

  filter:alpha(opacity=0);

  transition: opacity 1s;

  text-align: center;

  display: table-cell;

  vertical-align: middle;

}

.listpd li .img .mask img{

  width: auto;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  vertical-align: middle;

}

.listpd li .img:hover .mask{

  opacity: 0.7;

  filter:alpha(opacity=70);

}



.list-case, .list-case2 {

  /*width: 61.3%;*/

  width: 1200px;

  margin: 0 auto;

}

.list-case ul, .list-case2 ul {

  width: 100%;

}

.list-case li, .list-case2 li {

  position: relative;

  width: 353px;

  border: 1px solid #c9c9c9;

  background: #fff;

}

.list-case li:nth-child(2n), .list-case2 li:nth-child(2n) {

  margin: 3.7% 5.4% 4%;

}

.list-case li img.poa, .list-case2 li img.poa {

  left: 5.7%;

  top: 7.25%;

  transition: all 0.5s;

}

.list-case li p, .list-case2 li p {

  position: absolute;

  left: 5.7%;

  top: 70%;

  padding: 10px 18px;

  font-size: 18px;

  line-height: 2;

  color: #fff;

  background: rgba(0, 0, 0, 0.4);

  transition: all 0.5s;

}

.list-case li:hover img.poa,.list-case2 li:hover img.poa{

  transform: scale(1.05);

}

.list-case li:hover p, .list-case2 li:hover p{

  color: #ff0000;

}



.list-case2 {

  /*width: 62.4%;*/

  width: 1200px;

}

.list-case2 li {

  width: calc(31.8% - 2px);

}

.list-case2 li:nth-child(2n) {

  margin: 4% 2% 3.3%;

}

.list-case2 li img.poa {

  left: 4.2%;

  top: -4.2%;

}

.list-case2 li p {

  left: 4.2%;

  top: 87%;

  padding: 0;

  font-size: 16px;

  line-height: 2;

  color: #666;

  background: none;

}



.verify {

  position: relative;

  width: 310px;

  height: 114px;

  margin: 0 auto;

}

.verify .touch {

  position: relative;

  width: calc(100% - 2px);

  height: 42px;

  border: 1px solid #dbdbdb;

  background: #f2f2f2;

  font-size: 16px;

  line-height: 42px;

  color: #888;

}

.verify .touch p {

  padding-left: 65px;

}

.verify .touch .btn {

  position: absolute;

  left: -1px;

  top: -1px;

  width: 50px;

  height: 100%;

  padding:0;

  background: #d90915 url(../images/bg_btn01.png) no-repeat right center;

  /*cursor: pointer;*/

}

.verify .touch .touch-in {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.verify .touch i {

  display: inline-block;

  position: absolute;

  right: -62px;

  top: 0;

  width: 62px;

  height: 44px;

  background: url(../images/bg_btn02.png) no-repeat center top/100% auto;

  -webkit-transition: all 0.8s;

          transition: all 0.8s;

}

.verify .touch i.done {

  background-position: center bottom;

}

.verify span {

  display: inline-block;

  position: relative;

  z-index: 2;

  width: 100%;

  height: 50px;

  background: #848484;

  margin-top: 20px;

  font-size: 16px;

  line-height: 50px;

  color: #fff;

  text-align: center;

}

.verify input {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 50px;

  border: 0;

  background: #d90915;

  margin-top: 20px;

  font-size: 16px;

  line-height: 50px;

  color: #fff;

  text-align: center;

}



/*# sourceMappingURL=list.css.map */