/* CSS Document */
.left-pro {
	text-align: left;
	width: 400px;
}

.left-pro .t1 {
	width: 393px;
	height: 80px;
	position: relative;
	margin-top: 10px;
}

.left-pro .t2 {
	text-indent: 0;
	/* box-shadow: 0 0 10px #ddd; */
	border: 1px solid #eee;
	width: 393px;
	/* margin-left: 30px; */
}

.left-pro .t2 img {
	text-indent: 0;
}

#showArea img {
	cursor: pointer;
	display: block;
	width: 58px;
	padding: 1px;
	height: 58px;
	float: left;
	margin: 0 6px;
	box-shadow: 0 0 5px #ddd;
}
.left-pro .t1 .swiper-slide img{
	border: 1px solid #ddd;
}

#main_img {
	cursor: pointer;
	display: block;
}

#gotop {
	cursor: pointer;
	display: block;
	/* margin-left: 9px; */
	width: 24px;
	height: 38px;
	position: absolute;
	top: calc(50% - 19px);
	left: 0;
}

#gobottom {
	cursor: pointer;
	display: block;
	margin-left: 9px;
	width: 24px;
	height: 38px;
	position: absolute;
	top: calc(50% - 19px);
	right: 0;
}

/* #showArea {
	margin: 10px 0;
	width: 270px;
	overflow: hidden;
	height: 60px;
	white-space: nowrap;
	display: flex;
}
 */
.main_img {
	width: 393px;
	height: 393px;
}

.list_details {
	width: 80%;
	margin: 40px auto;
}

.list_details .box {
	display: flex;
	justify-content: flex-start;
}

.detail {
	text-align: left;
}

.detail_Txt li {
	list-style: disc;
}

#detail_title {
	padding-bottom: 0;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
	width: 100%;
	padding-right: 0;
	display: inline-block;
	background: #eee;
	clear: both;
	list-style-image: none;
	padding-top: 0;
}

#detail_title li {
	text-align: center;
	line-height: 32px;
	width: 120px;
	background: #1d60d3;
	float: left;
	height: 32px;
	margin-right: 1px;
}

#detail_title li a {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

#detail_title li a:hover {
	text-decoration: none;
}

.tonglei {
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.tonglei p {
	line-height: 26px;
	font-size: 14px;
}

.tonglei p a {
	color: #007dcc;
}

.container1 {
	width: 350px;
	height: 83px;
}

.swiper-slide img {
	width: calc(100% - 2px);
}

.swiper1-next.swiper-button-disabled{
	-webkit-filter: grayscale(1); /* Webkit */
	 filter: gray; /* IE6-9 */  
	 filter: grayscale(1); /* W3C */
	opacity: 0.6;

}
.swiper1-prev.swiper-button-disabled{
	-webkit-filter: grayscale(1); /* Webkit */
	 filter: gray; /* IE6-9 */  
	 filter: grayscale(1); /* W3C */
	opacity: 0.6;
}
.swiper1-prev{
	width: 18px;
	height: 100%;
	background: rgba(0,0,0,0.4);
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper1-next{
	width: 18px;
	height: 100%;
	background: rgba(0,0,0,0.4);
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.container1 .swiper-slide.active img{
	border: 1px solid #C3121A;
}



@media screen and (max-width: 1030px) {
    .list_details{
		width: 100%;
		margin-top: 0px;
	}
	.tanMain{
		width: 100%;
		height: 600px;
		margin: 10% auto;
	}
	.tanMain video{
		width: 100%;
		height: auto;
		margin-top: 5%;
	}
	.main_img{
		width: 100%;
		height: auto;
	}
	
	
	
}



@media screen and (max-width: 790px) {
    
    .tanMain{
    	width: 100%;
    	height: 450px;
    	margin: 125px auto;
    }
    .list_details .box{
    	display: block;
    }
    .left-pro{
    	width: 90%;
    	margin-left: 5%;
    }
	.tonglei{
		width: calc(100% - 21px);
	}
	.MagicZoomBigImageCont{
		display: none !important;
	}
	
	
}
@media screen and (max-width: 540px) {
    
    .tanMain{
    	width: 100%;
    	height: 300px;
    	margin: 125px auto;
    }
	
	.left-pro .t1{
		width: 100%;
	}
	.left-pro .t2{
		width: 82%;
		margin-left: 8%;
	}
	.container1{
		width: 81%;
	}
	.detail_Txt{
		padding-right: 10px;
	}
}