@charset "utf-8";

.mflash {width:100%;margin-top:70px;
  height:600px;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:10px;text-align:center;}
.swiper-pagination-switch {
  display:inline-block;
  width:7px;
  height:20px;
  margin:0 5px;background:rgba(255,255,255,1);cursor:pointer;
}
.swiper-active-switch {background:#19a8ec;height:30px;}
.mflash .swiper-slide{width:100%;height:600px;background-repeat:no-repeat;background-position:center 0;background-size:100% 100%;position:relative;z-index:1;}
.mflash .swiper-slide .bannea{width:90%;position:absolute;left:5%;top:32%;}
.mflash .swiper-slide .bannea a{display:inline-block;padding:15px 50px;border:1px solid #fff;margin:5% 2%;font-size:16px;color:#fff;}
.mflash .swiper-slide .bannea a:hover{border:1px solid #19a8ec;}
.mflash .swiper-slide .banneb{position:absolute;right:0;bottom:0;z-index:11;}
.mflash .swiper-slide .banneb a{display:inline-block;padding:15px 10px;background:rgba(0,0,0,.7);font-size:16px;color:#fff;}
.mflash .swiper-slide .banneb a.yyshij{padding-left:50px;background:rgba(0,0,0,.7) url(../images/header/icon-wheel.png) no-repeat 20px center;margin:0 0 0 5px;}
.swiper-swi{width:100%;height:400px;overflow:hidden;margin:0 0 0 -20px;}
.swiper-swi .swiper-slide {
  height:100%;text-align:center;
  -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-swi .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-swi .swiper-slide-active {
  position:relative;z-index:999;left:-7%;width:200%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.swiper-swi .swiper-slide img{height:95%;display:inline-block;}
.swiper-swi .swiper-slide-active img{box-shadow:0 8px 15px 1px rgba(0,0,0,.1);}
.pagswi{text-align:center;padding:10px 0 0;}
.pagswi .swiper-pagination-switch {width:5px;height:5px;margin:0 10px;background:#ddd;cursor:pointer;border-radius:100%;vertical-align:middle;}
.pagswi .swiper-active-switch {background:#fff;border:4px solid #222;width:12px;height:12px;}

.swiper-swil {
background: url(../images/pre3.jpg) no-repeat 0 0;background-size:100% auto;position:absolute;z-index:99;left:-40px;top:40%;margin-top:-16px;width:31px;height:62px;
}
.swiper-swir {
background: url(../images/net3.jpg) no-repeat 0 0;background-size:100% auto;position:absolute;z-index:99;right:-40px;top:40%;margin-top:-16px;width:31px;height:62px;
}
.dd-f{width:100%;margin-top:70px;height:485px;overflow:hidden;position:relative;z-index:1;}
.dd-f .swiper-slide{width:100%;height:485px;}
.dd-f .swiper-slide img{width:100%;min-height:100%;}
.pagination2{position:absolute;z-index:99;width:100%;height:20px;left:0;bottom:20px;}
.pagination2 .swiper-pagination-switch {display:inline-block;width:50px;height:3px;margin:0 5px;background:rgba(255,255,255,5);cursor:pointer;}
.pagination2 .swiper-active-switch {background:#e4b823;}

.tabs {width:105%;}
.tabs a,.tabs a:hover {display:inline-block;width:14.5%;color:#555;font-size:18px;padding:0 0 10px 0;margin:0 2% 0 0;border-bottom:5px solid #ddd;}
.tabs a.active {border-bottom:5px solid #1c69d3;color:#1c69d3;}
.swiper-tabs {margin:20px 0 0;overflow:hidden;height:335px;}
.swiper-tabs .swiper-slide {height:335px;position:relative;z-index:1;text-align:left;}
.swiper-tabs .swiper-slide dl dt{width:595px;height:335px;position:absolute;left:0;top:0;z-index:11;overflow:hidden;}
.swiper-tabs .swiper-slide dl dt img{width:100%;height:100%;}
.swiper-tabs .swiper-slide dl dd{margin:0 0 0 615px;}
.swiper-tabs .swiper-slide dl dd h2{font-size:22px;color:#333;padding:0 0 10px 0;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.swiper-tabs .swiper-slide dl dd p{font-size:14px;color:#333;padding:0 0 10px 0;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.swiper-tabs .swiper-slide dl dd a.more{display:inline-block;font-size:14px;color:#333;padding:0 0 0 15px;background:url(../images/ico02.png) no-repeat 0 center;}
.pagtabs{display:none;}
a.tabs-l{display:inline-block;background:url(../images/pre3.jpg) no-repeat 0 0;background-size:100% auto;position:absolute;z-index:99;left:-40px;top:50%;width:31px;height:62px;}
a.tabs-r{display:inline-block;background:url(../images/net3.jpg) no-repeat 0 0;background-size:100% auto;position:absolute;z-index:99;right:-40px;top:50%;width:31px;height:62px;}
.pagswk{display:none;}
.swiper-swk {overflow:hidden;height:380px;width:90%;margin:0 auto;}
.swiper-swk .swiper-slide img{max-width:90%;max-height:80%;}
.swiper-swk .swiper-slide p{font-size:14px;color:#fff;padding:10px 0 0;}
.swiper-swkl {background:#0178de;position:absolute;z-index:99;left:0px;top:40%;margin-top:-30px;width:60px;height:60px;color:#fff;font-size:22px;text-align:center;line-height:60px;}
.swiper-swkr {background:#0178de;position:absolute;z-index:99;right:0px;top:40%;margin-top:-30px;width:60px;height:60px;color:#fff;font-size:22px;text-align:center;line-height:60px;}



/*******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:1281px) {
.mflash .swiper-slide .bannea{width:1200px;left:50%;margin:0 0 0 -600px;}
}
@media (max-width:1280px) {
.paginationbg{width:95%;left:2.5%;margin:0px;}
.mflash .swiper-slide .bannea{width:95%;left:2.5%;margin:0;}
.mflash {height:500px;}
.mflash .swiper-slide{height:500px;}
.dd-f{height:385px;}
.dd-f .swiper-slide{height:385px;}
.tabs a,.tabs a:hover {font-size:16px;}
.swiper-swil {left:20px;}
.swiper-swir {right:20px;}
.swiper-swi{height:350px;}

}
@media (max-width:1100px) {
.swiper-ka{height:370px;}
.swiper-ka dl{height:370px;}
.swiper-ka dl dt{height:250px;}
.dd-f{height:305px;}
.dd-f .swiper-slide{height:305px;}
.tabs a,.tabs a:hover {font-size:14px;}
.swiper-swk {height:350px;width:85%;}
.swiper-swkl {margin-top:-25px;width:50px;height:50px;line-height:50px;}
.swiper-swkr {margin-top:-25px;width:50px;height:50px;line-height:50px;}
}
@media (max-width:980px) {
.swiper-da dl dd span{left:180px;font-size:14px;}
.swiper-da dl dd h2 a{font-size:14px;}
.swiper-da dl dd p{font-size:12px;}
.swiper-ka{height:340px;}
.swiper-ka dl{height:340px;}
.swiper-ka dl dt{height:220px;}
.dd-f{margin-top:120px;height:285px;}
.dd-f .swiper-slide{height:285px;}
.tabs a,.tabs a:hover {width:30%;margin:0 2% 10px 0;}
.swiper-tabs {height:235px;}
.swiper-tabs .swiper-slide {height:235px;}
.swiper-tabs .swiper-slide dl dt{width:400px;height:235px;}
.swiper-tabs .swiper-slide dl dd{margin:0 0 0 415px;}
a.tabs-l{display:none;}
a.tabs-r{display:none;}
}
@media (max-width:850px) {
.mflash {height:400px;}
.mflash .swiper-slide{height:400px;}
.swiper-swi {margin:0;height:300px;}
.swiper-swi .swiper-slide-active {left:0;width:100%;}


}
@media (max-width:750px) {
.swiper-da dl dt{width:158px;height:100px;}
.swiper-da dl dd{margin:30px 0 0 180px;}
.swiper-ka{height:310px;}
.swiper-ka dl{height:310px;}
.swiper-ka dl dt{height:190px;}
.dd-f{margin-top:70px;height:250px;}
.dd-f .swiper-slide{height:250px;}
.pagination2{height:10px;left:0;bottom:20px;}
.pagination2 .swiper-pagination-switch {width:30px;}
.swiper-tabs {height:135px;}
.swiper-tabs .swiper-slide {height:135px;}
.swiper-tabs .swiper-slide dl dt{width:250px;height:135px;}
.swiper-tabs .swiper-slide dl dd{margin:0 0 0 265px;}
.swiper-tabs .swiper-slide dl dd h2{font-size:18px;}
.swiper-tabs .swiper-slide dl dd p{-webkit-line-clamp:3;}
.swiper-swk {height:230px;width:85%;}
.swiper-swkl {margin-top:-20px;width:40px;height:40px;line-height:40px;}
.swiper-swkr {margin-top:-20px;width:40px;height:40px;line-height:40px;}

}
@media (max-width:650px) {
.mflash {height:250px;margin-top:50px;}
.mflash .swiper-slide{height:250px;}
.dd-f{height:200px;}
.dd-f .swiper-slide{height:200px;}



}
@media (max-width:550px) {
.mflash {height:200px;}
.mflash .swiper-slide{height:200px;}
.mflash .swiper-slide .bannea{top:40%;}
.mflash .swiper-slide .bannea a{padding:5px 10px;font-size:12px;}
.mflash .swiper-slide .banneb a{padding:5px 10px;font-size:12px;}
.mflash .swiper-slide .banneb a.yyshij{padding-left:30px;background:rgba(0,0,0,.7) url(../images/header/icon-wheel.png) no-repeat 10px center;background-size:15px auto;}
.pagination{bottom:2px;height:10px;}
.swiper-pagination-switch {width:5px;height:10px;margin:0 3px;}
.swiper-active-switch {height:20px;}
.dd-f{margin-top:50px;height:180px;}
.dd-f .swiper-slide{height:180px;}
.tabs a,.tabs a:hover {width:46.5%;}
.swiper-tabs {height:85px;}
.swiper-tabs .swiper-slide {height:85px;}
.swiper-tabs .swiper-slide dl dt{width:150px;height:85px;}
.swiper-tabs .swiper-slide dl dd{margin:0 0 0 165px;}
.swiper-tabs .swiper-slide dl dd h2{font-size:16px;}
.swiper-tabs .swiper-slide dl dd p{-webkit-line-clamp:1;font-size:12px;}
.swiper-swi {height:200px;}


}
@media (max-width:450px) {
.dd-f{height:150px;}
.dd-f .swiper-slide{height:150px;}
.swiper-swi {height:150px;}


}
@media (max-width:380px) {
.mflash {height:150px;}
.mflash .swiper-slide{height:150px;}
.dd-f{height:120px;}
.dd-f .swiper-slide{height:120px;}


}