@charset "utf-8";

.chupin_contnets{ padding-top: 90px; padding-bottom: 90px;}

.chupin_lists{ padding-top: 50px;}

.chupin_lists ul{ text-align: left}

.chupin_lists ul li{ display: inline-block; width: 30%; vertical-align: top; margin: 0 1.4%; margin-bottom: 3%; background-color: #212121; border: #2f2f2f 1px solid;transition: 0.3s; -moz-transition: 0.3s; 

-webkit-transition: 0.3s; -o-transition: 0.3s; line-height: 1; overflow: hidden}

.chupin_lists ul li .chupin_img{ position: relative; height:300px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin:8px;transition: 0.4s;}

.chupin_lists ul li h3{ font-size: 18px; margin-bottom: 15px; margin-top:20px; color: #ffffff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center}

.chupin_lists ul li p{ font-size: 14px; margin-bottom:30px; color: #999;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center}

.chupin_lists ul li:hover{background-color: #d9b372; border: #d9b372 1px solid; transition: 0.3s; -moz-transition: 0.3s; 

-webkit-transition: 0.3s; -o-transition: 0.3s;}

.chupin_lists ul li:hover .chupin_img{transform: scale(1.05);

-webkit-transform: scale(1.05);

-moz-transform: scale(1.05);}

.chupin_lists ul li:hover p{color: #ffffff;}

.hezuo_lists{ padding-top: 50px;}

.hezuo_lists ul{ text-align: left}

.hezuo_lists ul li{ display: inline-block; width: 30%; vertical-align: top; margin: 0 1%; margin-bottom: 3%;  border: #2f2f2f 2px solid;transition: 0.3s; -moz-transition: 0.3s; 

-webkit-transition: 0.3s; -o-transition: 0.3s; line-height: 1; overflow: hidden}

.hezuo_lists ul li .chupin_img{ position: relative; height:150px; margin:8px;transition: 0.4s;}
.hezuo_lists ul li .chupin_img img {
  display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 70%;
  max-width: 70%;
}

.hezuo_lists ul li h3{ font-size: 18px; margin-bottom: 15px; margin-top:20px; color: #ffffff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center}

.hezuo_lists ul li p{ font-size: 14px; margin-bottom:30px; color: #999;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center}

.hezuo_lists ul li:hover{border: #d9b372 2px solid; border: #d9b372 2px solid; transition: 0.3s; -moz-transition: 0.3s; 

-webkit-transition: 0.3s; -o-transition: 0.3s;}

.hezuo_lists ul li:hover .chupin_img{transform: scale(1.05);

-webkit-transform: scale(1.05);

-moz-transform: scale(1.05);}

.hezuo_lists ul li:hover p{color: #ffffff;}

  

@media (max-width:768px) {

	.more_descipe{ margin-top: 60px;}

	.chupin_lists ul li{ width: 46%;}

	.chupin_lists ul li .chupin_img{ height: 140px;}
	.hezuo_lists ul{ text-align: left}

.hezuo_lists ul li{ display:block; width: inherit; vertical-align: top; margin:0%; margin-bottom: 3%;  border: #2f2f2f 2px solid;transition: 0.3s; -moz-transition: 0.3s; 

-webkit-transition: 0.3s; -o-transition: 0.3s; line-height: 1; overflow: hidden}

}











<!--ºÄʱ1755807552.7389Ãë-->