﻿.el-footer, .el-header { padding: 0; }

.swiper-slide { position: relative; }

.home_banner .comIco { position: absolute; bottom: 20px; left: 50%; transform: translate(-50%,0%); z-index: 90; }

.home_banner .comIco span.swiper-pagination-switch:after { content: ""; display: block; opacity: .48; width: 30px; height: 2px; background-color: #fff; border: none; outline: 0; padding: 0; margin: 0; cursor: pointer; -webkit-transition: .3s; transition: .3s; }

ul.el-carousel__indicators.el-carousel__indicators--horizontal { display: none; }

.home_banner .comIco span.swiper-pagination-switch { display: inline-block; padding: 12px 4px; cursor: pointer; }

.home_banner .comIco span.swiper-pagination-switch.swiper-visible-switch.swiper-active-switch:after { opacity: 1; }

.home_banner .sw_prev { cursor: pointer; border: none; outline: 0; padding: 0; margin: 0; height: 36px; width: 36px; cursor: pointer; -webkit-transition: .3s; transition: .3s; border-radius: 50%; background-color: rgba(31, 45, 61, .11); color: #fff; position: absolute; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 12px; line-height: 36px; opacity: 0; transition: all 0.3s; left: 0; }

.home_banner .sw_prev:after { content: "\E6DE"; font-family: 'element-icons'; }

.home_banner:hover .sw_prev { left: 15px; opacity: 1; }

.home_banner .sw_next { cursor: pointer; border: none; outline: 0; padding: 0; margin: 0; height: 36px; width: 36px; cursor: pointer; -webkit-transition: .3s; transition: .3s; border-radius: 50%; background-color: rgba(31, 45, 61, .11); color: #fff; position: absolute; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 12px; line-height: 36px; opacity: 0; transition: all 0.3s; right: 0; }

.home_banner .sw_next:after { content: "\E6E0"; font-family: 'element-icons'; }

.home_banner:hover .sw_next { right: 15px; opacity: 1; }
img { max-width: 100%; }

.el-popover.el-popper { margin-left: 89px; margin-top: -120px; }

.el-popover:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; background: #fff; position: absolute; left: -5px; top: 50%; transform: rotate(45deg); margin-top: -5px; }

.el-popover:before { content: ""; display: block; position: absolute; left: -40px; top: 50%; width: 50px; height: 50px; margin-top: -25px; }

.home_banner { position: relative; }
.swiper_block .swiper-slide { transition: all 0.3s; transform: scale(1); }
.swiper_block .swiper-slide.swiper-slide-visible.swiper-slide-active { transform: scale(1.5); z-index: 990; }

.swiper_block { padding: 50px 0; }

.Inner_img { padding: 60px 0; }

.swiper_block.home_banner .comIco span.swiper-pagination-switch:after { background-color: #ccc; }
.swiper_block.home_banner .comIco {bottom:0px;}

.swiper_content .comIco { bottom: 0; }

.home_banner.b2 { padding-bottom: 60px; box-sizing: content-box; }

.home_banner.b2 span.swiper-pagination-switch:after { background: #ababab; }

.home_banner.b2 span.swiper-pagination-switch.swiper-visible-switch.swiper-active-switch:after { background: #00b6cd; }

.home_banner.b3 { padding-bottom: 60px; box-sizing: content-box; }

.home_banner.b3 span.swiper-pagination-switch:after { background: #999; }

.home_banner.b3 span.swiper-pagination-switch.swiper-visible-switch.swiper-active-switch:after { background: #fff; }



.pagination { padding: 20px 0px; text-align: center;  margin:auto;}

.pagination span, .pagination a { display: inline-block; margin: 0px 2px; padding: 0px 10px; height: 30px; line-height: 30px; border: 1px solid rgb(220,220,220); font-size: 16px; color: rgb(51,51,51); transition: all 0.5s ease 0s; overflow: hidden; }

.pagination .prev { border: 1px solid rgb(255,255,255); text-indent: 999rem; }

.pagination .next {  border: 1px solid rgb(255,255,255); text-indent: 999rem; }

.pagination a:hover, .pagination a.page_current { color: rgb(255,255,255); background: #409eff; border: 1px solid #409eff; }

.screen_city_container li.cur, .screen_region_container li.cur, .screen_order_container li.cur { color: #409eff !important; }

a.year_li { text-transform: capitalize; }