@charset "utf-8";
#content {}

@media screen and (max-width:980px) {
#content {padding:0 10px;}
}

.swiper_banner {display:block;position:relative;margin:0 0 20px 0;border-radius:var(--radius);overflow:hidden;}
.swiper_banner img {width:100%;height:auto;}
.swiper_banner .swiper_nav {display:block;position:absolute;right:20px;bottom:10px;width:120px;color:#fff;line-height:28px;text-align:center;background:rgba(0,0,0,0.6);border-radius:20px;z-index:3;}
.swiper_banner .swiper-banner-prev,
.swiper_banner .swiper-banner-next {display:inline-block;position:relative;color:#fff;cursor:pointer;}
.swiper_banner .swiper-banner-prev i,
.swiper_banner .swiper-banner-next i {font-size:12px;}
.swiper_banner .swiper-banner-next,
.swiper_banner .swiper-rtl .swiper-banner-prev {right:auto;left:auto;}

.swiper_banner .swiper-banner-pagination {display:inline-block;position:relative;width:auto;bottom:0;top:0;margin:0 8px;}
.swiper_banner .swiper-banner-pause {display:inline-block;margin:0 8px 0 0;cursor:pointer;}
.swiper_banner .swiper-banner-pause i {color:#fff;font-size:16px;vertical-align:middle;}

@media screen and (max-width:980px) {
.swiper_banner img {border-radius:0;}
}

.swiper_banner2_wrap {display:block;position:relative;margin:0 0 20px 0;}
.swiper_banner2 {position:relative;}
.swiper_banner2 img {width:100%;height:auto;border-radius:var(--radius);}
.swiper_banner2_wrap .swiper_nav {display:block;position:absolute;left:0;right:0;top:50%;z-index:3;}
.swiper_banner2_wrap .swiper-banner2-prev,
.swiper_banner2_wrap .swiper-banner2-next {display:block;position:absolute;width:40px;height:40px;margin:-20px 0 0 0;text-align:center;background:rgba(255,255,255,0.8);border-radius:50%;box-shadow:0 0 8px rgba(0,0,0,0.2);cursor:pointer;}
.swiper_banner2_wrap .swiper-banner2-prev {left:-10px;right:auto;}
.swiper_banner2_wrap .swiper-banner2-next {right:-10px;left:auto;}
.swiper_banner2_wrap .swiper-banner2-prev i,
.swiper_banner2_wrap .swiper-banner2-next i {color:var(--color);font-size:16px;line-height:40px;}


#recent_flex {display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:0 0 20px 0;}
#recent_flex .flex_item {flex:auto;flex-grow:0;width:calc(50% - 10px);padding:20px;border:solid 1px #ddd;border-radius:var(--radius);vertical-align:top;}
#recent_flex .flex_item2 {flex:auto;flex-grow:0;width:calc(33.33% - 16.66px);padding:20px;border:solid 1px #ddd;border-radius:var(--radius);vertical-align:top;}

@media screen and (max-width:980px) {
#recent_flex {flex-direction:column;}
#recent_flex .flex_item {width:100%;margin:0 0 10px 0;}
#recent_flex .flex_item:last-child {margin:0;}
#recent_flex .flex_item2 {width:100%;margin:0 0 10px 0;}
#recent_flex .flex_item2:last-child {margin:0;}
}

#recent_wrap {margin:0 0 20px 0;padding:20px;border:solid 1px #ddd;border-radius:var(--radius);}



.banner_side {margin:20px 0 0 0;}
.banner_side ul {}
.banner_side ul li {margin:0 0 5px 0;}
.banner_side ul li:last-child {margin:0;}
.banner_side ul li a {display:block;}
.banner_side ul li img {width:100%;height:auto;border-radius:var(--radius);}

.swiper_banner_side {position:relative;}
.swiper_banner_side img {width:100%;height:auto;border-radius:var(--radius);}
.swiper_banner_side .swiper-banner-pagination {position:absolute;right:10px;bottom:10px;text-align:right;z-index:3;}
.swiper_banner_side .swiper-pagination-bullet {display:inline-block;width:8px;height:8px;background:#fff;opacity:1;}
.swiper_banner_side .swiper-pagination-bullet-active {background:var(--color);opacity:1;}


.intro {display:block;margin:0 0 20px 0;padding:20px;color:#ddd;line-height:140%;word-break:keep-all;background:url(../img/intro_bg.jpg) no-repeat 50% 50%;background-size:cover;border-radius:var(--radius);}
.intro strong {color:#fff799;font-weight:600;}

.contact {margin:20px 0 0 0;padding:20px;line-height:160%;background:rgba(0,0,0,0.4);border-radius:var(--radius);}
.contact a {color:#fff;text-decoration:underline;}
.contact strong {color:#ff9900;font-weight:500;}

@media screen and (max-width:980px) {
.intro {display:block;margin:0 10px 20px 10px;}
}