.tan{padding-top:80px;overflow:hidden;}
.tan dl{padding:20px 0 50px;}
.tan dt{width:40%;}
.tan dt img{height:auto;width:100%;max-width:100%;}
.tan dd{width:55%;line-height:2.14;}
.tan dd h3{font-size:28px;color:#333;font-weight:normal;padding-bottom:15px;}
.tan dd h4{font-size:18px;}
.tan2{background:no-repeat center center;background-size:cover;height:500px;position:relative;}
.tan2 .text_bg{background:#000; opacity: 0.4;position:absolute;lefT:0;top:0;width:100%;height:100%;}
.tan2  .text{position:absolute;width:100%;lefT:0;top:50%; transform: translateY(-50%);}
.tan2  .text .warper{max-width:980px;text-align:center;color:#fff;font-size:16px;line-height:1.875;}
.tan2  .text .warper h2{font-weight:normal;font-size:36px;padding-bottom:10px;}
.tan3{padding:90px 0 115px;position:relative;}
.tan3 .bg{width:52%;position:absolute;lefT:0;top:0;height:100%;background:#f0efeb;}
.tan3 .warper{position:relative;z-index:2;}
.tan3 .text{width:30%;float:left;padding-bottom:70px;}
.tan3 .text .title{padding:40px 0 30px;font-size:24px;color:#000;}
.tan3 .text .title img{vertical-align: bottom;}
.tan3 .text .content{line-height:2.14;}
.tan3 .swiper{width:67%;float:right;}
.tan3 .swiper .item{position:relative;}
.tan3 .swiper .item .img01{width:49%;}
.tan3 .swiper .item .img img{max-width:100%;height:auto;}
.tan3 .swiper .item .text01{position:absolute;width:64%;height:80%;top:10%;left:10%;background:rgba(0,0,0,0.6);color:#d7d7d7;text-align:center;line-height:1.75;padding:0% 8%;background:none\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\9;}
.tan3 .swiper .item .text01 h3{color:#fff;font-size:24px;padding:10% 0 10px;font-weight:normal;}
.tan3 .owl-dots {position: absolute;left:0;text-align:left;bottom:25px;width: 100%;}
.tan3 .owl-dots .owl-dot{display:inline-block;}
.tan3 .owl-dots .owl-dot span{display:inline-block;width:21px;height:21px;margin-right:15px;cursor:pointer;background:url(../images/tan_icon01.png) no-repeat -36px 0;}
.tan3 .owl-dots .owl-dot.active span{background-position:0 0;}

@media screen and (max-width:1240px) {
	.tan3 .owl-dots {left:20px;}
}


@media screen and (max-width:1080px) {
.tan dd{line-height:1.8;}
	.tan dd h3{font-size:24px;}
	.tan2{height:420px;}
}
@media screen and (max-width:980px) {
.tan3{padding:70px 0 95px;}
.tan3 .bg{display:none;}
.tan3 .text{width:100%;float:none;padding-bottom:30px;}
.tan3 .swiper{width:100%;float:none;}
.tan3 .owl-dots {position:relative;text-align:center;padding-top:35px;left:0;}
	.tan3 .text .title{padding:0 0 20px;}
	.tan3 .text .content{line-height:1.8;}
}
@media screen and (max-width:880px) {
	.tan{padding-top:60px;}
	.tan dl{padding:0 0 50px;}
	.tan dd h4{font-size:16px;}
	.tan2{height:380px;}
	.tan2  .text .warper{font-size:14px;}
	.tan2  .text .warper h2{font-size:28px;}
	.tan3{padding:60px 0;}
	.tan dd h3,.tan3 .swiper .item .text01 h3{font-size:22px;}
}
@media screen and (max-width:640px) {
	.tan dd,.tan dt{float:none;width:100%;}
	.tan dt{height:220px;overflow:hidden;position:relative;}
	.tan dt img{position:absolute;top:50%;transform: translateY(-50%);}
	.tan dd{padding-top:20px;}
	.tan dd h3{padding-bottom:10px;}
	.tan{padding-top:50px 0 10px;}
	.tan dl{padding:0 0 40px;}
	.tan2{height:320px;}
	.tan2  .text .warper h2{font-size:24px;}
	.tan3 .swiper .item .text01{position:relative;width:auto;height:auto;lefT:0;top:0;padding:20px;}
	.tan3 .swiper .item .text01 h3{padding-top:0;}
	.tan3 .swiper .item .img01{width:50%;}
	.tan3 .text .content{line-height:1.5;}
	.tan dd h3,.tan3 .swiper .item .text01 h3{font-size:20px;}
}
@media screen and (max-width:480px) {
	.tan dt{height:180px;}
	.tan3 .swiper .item .text01{font-size:12px;}
	.tan3 .swiper .item .text01 h3{font-size:18px;}
}