@media only screen and (min-width: 641px) {
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

.diepic{
	position: relative;
	width: 670px;
    float: right;}
.diepic h4{width:670px; height:35px;margin:10px 110px;}

.diepic .swiper-container {
	padding-bottom: 60px;}

.diepic .swiper-slide {
	width: 310px;
	height: 210px;
	background: #fff;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	cursor: pointer;}

.diepic .swiper-slide img {
	width:100%;
	display: block;}

.diepic .swiper-slide p {
	height:40px;
	line-height:20px;
	padding-top: 0;
	text-align: center;
	color: #232323;
	font-size:14px;
	margin:10px 0;}

.diepic .swiper-pagination {
	width: 100%;
	bottom: -20px;}

.diepic .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #030000;
	width: 10px;
	height: 10px;
	opacity: .6;}

.diepic .swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 34px;
	display: inline-block;
	height: 10px;
	border-radius: 10px;
	transition: width .4s cubic-bezier(.4, 0, .2, 1);
	background:#ff9a00;
	opacity: 1;}

.diepic .swiper-button-prev {
	left: 30px;
	width: 45px;
	height: 45px;}

.diepic .swiper-button-next {
	right: 30px;
	width: 45px;
	height: 45px;}
}





@media only screen and (max-width: 641px) {
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

.diepic{
	position: relative;
	width:100%;
    float: right;
	padding-bottom: 30px;}
.diepic h4{width:100%;margin:20px 0px;}
	.diepic img{width:100%;}

.diepic .swiper-container {
	padding-bottom: 60px;}

.diepic .swiper-slide {
	width: 310px;
	height: 210px;
	background: #fff;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	cursor: pointer;}

.diepic .swiper-slide img {
	width:100%;
	display: block;}

.diepic .swiper-slide p {
	height:40px;
	line-height:20px;
	padding-top: 0;
	text-align: center;
	color: #232323;
	font-size:14px;
	margin:10px 0;}

.diepic .swiper-pagination {
	width: 100%;
	bottom: 0px;}

.diepic .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #030000;
	width: 10px;
	height: 10px;
	opacity: .6;}

.diepic .swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 34px;
	display: inline-block;
	height: 10px;
	border-radius: 10px;
	transition: width .4s cubic-bezier(.4, 0, .2, 1);
	background:#ff9a00;
	opacity: 1;}

.diepic .swiper-button-prev {
	left: 30px;
	width: 45px;
	height: 45px;}

.diepic .swiper-button-next {
	right: 30px;
	width: 45px;
	height: 45px;}
}