@charset "utf-8";

.mflash {width:100%;
  height:800px;overflow:hidden;
  position: relative;z-index:1;
}
.swiper-container,.swiper-container2 {width:100%;border:none;}
.swiper-slide {text-align:center;height:auto;}
.pagination{
  position:absolute;z-index:99;width:100%;height:20px;right:0;bottom:20px;text-align:center;
}
.swiper-pagination-switch {
  display:inline-block;
  width:12px;
  height:12px;
  margin:0 5px;border:1px solid #fff;
  cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;
}
.swiper-active-switch {background:rgba(255,255,255,1);}
.mflash .swiper-slide{width:100%;height:800px;position:relative;z-index:11;}
.mflash .swiper-slide a{display:block;width:100%;height:800px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}

.arrow-left {
background: url(../images/pre.png) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
left:0px;top:50%;margin-top:-16px;
width:32px;height:32px;
}
.arrow-right {
background: url(../images/net.png) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
right:0px;top:50%;margin-top:-16px;
width:32px;height:32px;
}

.swiper-pic{width:100%;height:550px;overflow:hidden;}
.swiper-pic .swiper-slide {
  height: 100%;position:relative;z-index:1;background:#fff;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.swiper-pic .swiper-slide-visible {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.swiper-pic .swiper-slide-active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);z-index:999;
}
.swiper-pic .swiper-slide div{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.7);font-size:14px;color:#fff;width:100%;text-align:left;display:none;z-index:999;}
.swiper-pic .swiper-slide div h2{padding:10px 20px 0;font-size:16px;}
.swiper-pic .swiper-slide div p{padding:10px 20px 10px;font-size:12px;color:#b2b1ad;line-height:22px;}
.swiper-pic .swiper-slide img{width:100%;position:relative;z-index:1;}
.swiper-pic .swiper-slide tt{position:absolute;left:0;top:0;background:rgba(0,0,0,.7);display:block;width:100%;height:100%;z-index:99;}
.swiper-pic .swiper-slide-visible tt{display:block;}
.swiper-pic .swiper-slide-active tt{display:none;}
.swiper-pic .swiper-slide-visible img{}
.swiper-pic .swiper-slide-active img{opacity:1;width:180%;left:-40%;}
.swiper-pic .swiper-slide-active div{display:block;width:180%;left:-40%;}
.swiper-pre {
background: url(../images/pre.png) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
left:5%;top:40%;
width:40px;height:40px;
}
.swiper-net {
background: url(../images/net.png) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
right:5%;top:40%;
width:40px;height:40px;
}
.paginationpic,.paginationpiclist{display:none;}
.swiper-piclist{width:95%;height:150px;overflow:hidden;}
.swiper-piclist .swiper-slide {
  height: 100%;overflow:hidden;position:relative;z-index:1;cursor:pointer;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.swiper-piclist .swiper-slide-visible {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.swiper-piclist .swiper-slide.on {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.swiper-piclist .swiper-slide div{width:93%;height:90%;position:absolute;left:0px;bottom:0px;z-index:12;}
.swiper-piclist .swiper-slide img{width:100%;min-height:100%;}
.swiper-piclist .swiper-slide tt{display:block;width:90%;height:90%;border:2px solid #507032;position:absolute;right:0px;top:0px;z-index:11;display:none;}
.swiper-piclist .swiper-slide.on tt{display:block;}


/*******checkbox*******/
.lograd {display:none;}
.lograd + label{
	border:1px solid #ddd;background:#fff;margin-right:5px;
	width:15px;height:15px;
	border-radius:100%;
	position: relative;
	display:inline-block;
	vertical-align:top;cursor:pointer;
}
.lograd + label:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 5px 3px rgba(0, 0, 0, 0.1);
}
.lograd:checked + label {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
}
.lograd:checked + label:after {
	content: '';background:#d72549;
    position: absolute;top:20%;left:20%;
	color: #fff;
	width: 60%;height:60%;border-radius:100%;
	text-align: center;
	vertical-align: text-top;
}
.lograd + label {
	border-radius:100%;
}


@media (min-width:1921px) {
.swiper-pic{height:780px;}
.swiper-piclist{height:280px;}
}
@media (max-width:1280px) {
.swiper-pic{height:450px;}
}
@media (max-width:1100px) {
.mflash {height:650px;}
.mflash .swiper-slide{height:650px;}
.mflash .swiper-slide a{height:650px;}
.swiper-pic{height:400px;}

}
@media (max-width:950px) {
.swiper-pic{height:350px;}

}
@media (max-width:850px) {
.mflash {height:500px;}
.mflash .swiper-slide{height:500px;}
.mflash .swiper-slide a{height:500px;}
.swiper-pic{height:400px;}
.swiper-pic .swiper-slide-active {left:0;width:100%;}
.swiper-piclist .swiper-slide-visible {transform: scale(1);}
.swiper-pic .swiper-slide img{width:100%;height:100%;}
.swiper-pic .swiper-slide-active img{width:100%;left:0%;}
.swiper-pic .swiper-slide-active div{width:100%;left:0%;}

}
@media (max-width:750px) {
.swiper-pic{height:350px;}
.swiper-pic .swiper-slide div{max-height:50%;overflow:auto;}
.swiper-pic{width:130%;margin-left:-15%;}
.swiper-pre {left:1%;}
.swiper-net {right:1%;}
.swiper-piclist{height:120px;}
.swiper-pic .swiper-slide div h2{padding:10px 10px 0;font-size:14px;}
.swiper-pic .swiper-slide div p{padding:10px 10px 10px;font-size:12px;line-height:20px;}

}
@media (max-width:650px) {
.mflash {height:400px;}
.mflash .swiper-slide{height:400px;}
.mflash .swiper-slide a{height:400px;}
}
@media (max-width:550px) {
.mflash {height:350px;}
.mflash .swiper-slide{height:350px;}
.mflash .swiper-slide a{height:350px;}
.swiper-piclist{height:100px;}
}
@media (max-width:450px) {
.mflash {height:300px;}
.mflash .swiper-slide{height:300px;}
.mflash .swiper-slide a{height:300px;}
.swiper-piclist{height:80px;}

}
@media (max-width:380px) {
.mflash {height:200px;}
.mflash .swiper-slide{height:200px;}
.mflash .swiper-slide a{height:200px;}

}