/* popupWrap.css */

.popupWrap{position:absolute;left:0;top:0;width:302px;border:1px solid #ccc;padding:8px;background:#fff;z-index:990;}
.popupWrap .popupView{position:relative;width:300px;height:380px;border:1px solid #eee;margin:0 auto 6px}
.popupWrap .popupView > div{display:none;position:absolute;left:0;top:0;width:100%;height:100%}
.popupWrap .popupView > div img{width:100%;height:100%}
.popupWrap .popupView > div.view1{display:block}
.popupWrap .btnList{position:relative;width:100%;margin-left:1px;}
.popupWrap .btnList ul:after{content:"";display:block;clear:both;zoom:1;width:100%;height:0;font-size:0;line-height:0;overflow:hidden}
.popupWrap .btnList li{float:left;width:33.33%;box-sizing:border-box;height:80px;border:1px solid #ddd;margin:0 -1px -1px 0;background:#f0f0f0;cursor:pointer;text-align:center;}
.popupWrap .btnList li a{position:relative;top:30%;text-align:center;font-size:11px;color:#666;line-height:1.6}
.popupWrap .btnList li.on{background:#fff}
.popupWrap .btnList .border{position:absolute;left:0;top:0;width:33.33%;height:80px;box-sizing:border-box;border:1px solid #333;}
.popupWrap .close{padding-top:5px}
.popupWrap .close input, .popupWrap .close label{vertical-align:middle;font-size:11px;color:#999}
.popupWrap .close #close{float:right;cursor:pointer} 



/* top_popup.css */

.top_popup{text-align:center;overflow:hidden;position:relative; height:100px; z-index:990; }
.top_popup .inWrap{position:relative;display:inline-block;zoom:1;*display:inline;padding:0;display:flex;align-items:center;flex-direction:column;}
.top_popup .inWrap .bnn{position:relative;display:inline-block;zoom:1;*display:inline;min-height:100px;margin:0 auto;}
.top_popup .inWrap .bnn img{position:absolute; display:inline-block;zoom:1;*display:inline;left:0; right:0; margin:0 auto; text-align:center; height:100% }
.top_popup .btn_close_pop{position:absolute;left:4%;top:5px;margin-left:;display:inline-block;zoom:1;*display:inline;background:rgba(0,0,0,0.5);border-radius:4px; width:27px;height:27px;line-height:27px;display:none;z-index:990}
.top_popup .btn_close_pop i{font-size: calc(1.2rem + 0.55vw); color:#fff;}
.top_popup .btn_wrap {display:none} 
.top_popup .today{position:absolute;left:4%; bottom:0;margin-left:;text-align:right;display: ;z-index:990}
.top_popup .today label{vertical-align:middle;font-size: calc(0.85rem + 0.1vw); color:#fff;margin-right:5px; line-height:18px; }
.top_popup .today input{vertical-align:; width:18px; height:18px; border-radius:4px;}
.top_popup:hover .btn_wrap,
.top_popup:hover .btn_close_pop, 
.top_popup:hover .today{display:block} 

.top_popup .swiper-container{width:100%;height:100%; }
.top_popup .swiper-wrapper{height:100%;}
.top_popup .swiper-slide{
    height:100%;text-align:center;background:#fff;
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-box-pack:center;-ms-flex-pack:center;
    -webkit-justify-content:center;justify-content:center;
    -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
} 
.top_popup .swiper-slide a{display:block;width:100%;height:100%;  background-repeat:no-repeat; background-position:center 0;background-size:auto 100%; overflow:hidden;}
.top_popup .swiper-slide img{display:block; position:absolute; width:100%; min-height:100px; object-fit: cover;  margin:auto; text-align:center; vertical-align:middle; z-index:10000; display: none;}
.top_popup .bg01 { background:url(/img/top_banner/01.jpg) left center; background-size:cover; } 
.top_popup .bg02 { background:url(/img/top_banner/02.jpg) left center; background-size:cover; } 
.top_popup .swiper-slide .text_wrap{ position:absolute;  width:100%; height:100%; left:0; right:0; top:0; bottom:0; margin:auto; text-align:center; z-index:10001;  }
.top_popup .swiper-slide .text_wrap * {   color:#fff;  }
.top_popup .swiper-button-prev, 
.top_popup .swiper-button-next{width:27px;height:27px;margin-top:-26px;background-color:#fff;background-color:rgba(0,0,0,0.85);background-size:auto;border-radius:4px}
.top_popup .swiper-button-prev{top:50%;left:auto;right:4%;margin-right:;background-image:url(/common/btn_top_prev.png);display:none}
.top_popup .swiper-button-next{top:80%;left:auto;right:4%;margin-right:;background-image:url(/common/btn_top_next.png);display:none}
.top_popup .swiper-button-prev i{font-size:calc(1.2rem + 0.55vw); color:#fff;}
.top_popup .swiper-button-next i{font-size:calc(1.2rem + 0.55vw); color:#fff;}
.top_popup .swiper-pagination-bullets{width:100%;text-align:center;bottom:5px !important; 				display: none !important}
.top_popup .swiper-pagination-bullet{width:20px;height:2px;background:rgba(255,255,255,.6)border-radius:0;margin-right:5px; 				display: none !important}
.top_popup .swiper-pagination-bullet-active{background:rgba(255,255,255,1)}
.top_popup:hover .swiper-button-prev{display:block}
.top_popup:hover .swiper-button-next{display:block}

@media all and (max-width:1024px) {  
}

@media all and (max-width:992px) {
	.top_popup{ height:90px; }
	.top_popup .swiper-slide img{ min-height:90px;  }
	.top_popup .swiper-button-prev, 
	.top_popup .swiper-button-next{ width:21px;height:21px; margin-top:-20px; border-radius:3px}
	.top_popup .swiper-button-prev{top:40%;right:2%;}
	.top_popup .swiper-button-next{top:65%;right:2%;}
	.top_popup .swiper-button-prev i{ }
	.top_popup .swiper-button-next i{ }
	.top_popup .btn_close_pop{ left:2%; border-radius:3px; width:21px;height:21px;line-height:20px;}
	.top_popup .btn_close_pop i{ }
	.top_popup .today{ left:2%;bottom:5px; }
	.top_popup .today input{ width:15px; height:15px; border-radius:2px;}
}

@media all and (max-width:768px) {
	.top_popup{ height:75px; }
	.top_popup .swiper-slide img{ min-height:75px;  } 
	.top_popup .swiper-button-next{top:70%; }
	.top_popup .swiper-button-prev i{  }
	.top_popup .swiper-button-next i{  }  
    .top_popup .swiper-slide h6 span { } 
	.top_popup .btn.btn-sm { 
		font-size: calc(0.75rem + 0.2vw) !important; 
		padding:0.15rem .55rem; 
	} 

}








/* leftWrap.css */

.leftWrap{position:fixed;z-index:1000;left:0px;bottom:10px; 	display: none;  }
.leftWrap .left_bnn{position:relative;padding:0;margin:0; 		display: none;}
.leftWrap .left_bnn form { position:absolute; left:10px; right:10px; bottom:10px; z-index: 999 }

.leftWrap .left_bnn .left_popup {position:absolute;width:200px;height:300px;bottom:0;left:0;z-index:998;padding:0;margin:0;  
	background:#222 url(/img/left_bnn/left_img.jpg) center center; background-size:cover;	overflow:hidden; border-radius:5px; 
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;  }
.leftWrap:hover .left_bnn .left_popup { bottom:20px; }
.leftWrap .left_bnn .left_popup.overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, .65);
      z-index: 1; }  
.leftWrap .left_bnn .left_popup div { position: ;width:100%;height:100%; }
.leftWrap .left_bnn .left_popup div a {position:relative; height:100%;  }
.leftWrap .left_bnn .left_popup div a img{position:absolute; width:100%; height:100%; z-index: 998 } 
.leftWrap .left_bnn .left_text  { position:relative; z-index: 999; width:100%;  height:100%; 
	display:flex;	flex-wrap:wrap;	
	justify-content: center !important; 	
	align-items: center !important; }
.leftWrap .left_bnn .left_text_wrap  { position:relative;  padding:20px 10px;  }
.leftWrap .left_bnn .left_text * { color:#fff !important; text-align: center}


.leftWrap .left_bnn .ani_popup{position:absolute;bottom:0;left:0;z-index:999;width:300px;height:450px; overflow:hidden; 
	background:#000  url(/img/left_bnn/ani_img.jpg) center center; background-size:cover;	border-radius:5px; }
.leftWrap .left_bnn .ani_popup.overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, .65);
      z-index: 1; }  
.leftWrap .left_bnn .ani_popup > div{ height:100%; height:100%;  }
.leftWrap .left_bnn .ani_popup div a { }
.leftWrap .left_bnn .ani_popup div a img {position:absolute;width:100%;height:100%; z-index: 998 }
.leftWrap .left_bnn .ani_popup .popup_none {width:100%;margin:0 auto;position:relative;padding-left:0; color:#fff;}
.leftWrap .left_bnn .ani_popup .popup_none span {margin-left:10px}
.leftWrap .left_bnn .ani_popup .popup_none #left_close{cursor: pointer; margin-right:10px}
.leftWrap .left_bnn .ani_popup  label{vertical-align:middle;font-size: calc(0.85rem + 0.1vw); color:#fff;margin-right:5px; line-height:18px; }
.leftWrap .left_bnn .ani_popup  input{vertical-align: ; width:18px; height:18px; border-radius:4px;}

.leftWrap .left_bnn .ani_text  { position:absolute; z-index: 999;  
	display:flex; flex-wrap:wrap;	
	justify-content: center !important;
	align-items: center !important;   }
.leftWrap .left_bnn .ani_text_wrap  { position:relative;  padding: 20px; }
.leftWrap .left_bnn .ani_text * { color:#fff !important; text-align: center}
#left_close {font-size: calc(0.8rem + 0.15vw); }





@media all and (max-width:992px) { 
	.leftWrap{ left:10px; bottom:10px ; }

	.leftWrap .left_bnn .left_popup { width:100px; height:200px !important;   }
	.leftWrap:hover .left_bnn .left_popup { bottom:10px ; }
	
	.leftWrap .left_bnn .ani_popup{ width:100%; height:200px ;   padding: auto; 
		  }
}




 