.inner { max-width: 1300px; margin: 0 auto; width:98%; }
.main-banner { height:850px; background:url("/images/main/main-banner_img01.jpg")no-repeat center center; background-size: cover; }

.main-banner .banner-txt {  padding-top:278px; }
.main-banner .banner-txt .banner-title { font-size:80px; font-weight:700; color:#fff; padding-bottom:0; line-height: 1.4; letter-spacing: -1px; font-family:'NotoSansCJK', sans-serif;}
.main-banner .banner-txt .banner-infore { font-size:32px; font-weight:500; color:#fff; line-height: 32px; letter-spacing: -1px; font-family:'NotoSansCJK', sans-serif;}

.part-title { font-size:40px; font-weight:700; text-align:center; font-family:'NotoSansCJK', sans-serif; padding-bottom:35px; letter-spacing: -1px; }

.product-introduction {padding-top:75px;padding-bottom: 80px;}

.product-introduction .enter-box {position: relative;display: flex;justify-content: flex-end;padding-bottom: 39px;}
.product-introduction .enter-box > div {display: flex;justify-content: center;align-items: center;}
.product-introduction .enter-box > div .swiper-more { width: 40px; height: 40px; background: #eee; text-align: center; margin-left: 5px; }
.product-introduction .enter-box > div .swiper-more > a {display: flex;justify-content: center;align-items: center;height: 100%;}
/* .product-ct { border:1px solid #e7e7e7; }
.product-ct:hover { border:2px solid #d74545; }
.product-ct  .product-ct-img { text-align: center; }
.product-ct  .product-ct-txt {text-align: center;color: #222222;font-size: 17px;background: #e7e7e7;font-family:'NotoSansCJK';font-weight:400;letter-spacing: -1px;height: 46px;display: flex;justify-content: center;align-items: center;}
.product-ct:hover  .product-ct-txt { color:#fff; background: #d74545; }
*/
.product-introduction .mySwiper{height:476px;} 
.product-ct {position: relative;border:1px solid #e7e7e7;}
.product-ct a{display:block;}
.product-ct:hover a::before {content:"";position:absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;border: 2px solid #d74545;}
.product-ct  .product-ct-img { text-align: center; }
.product-ct .product-ct-img img{width:100%;}
.product-ct  .product-ct-txt {text-align: center;color: #222222;font-size: 17px;background: #e7e7e7;font-family:'NotoSansCJK', sans-serif;font-weight:400;letter-spacing: -1px;height: 46px;display: flex;justify-content: center;align-items: center;}
.product-ct:hover  .product-ct-txt { color:#fff; background: #d74545; }
.product-introduction .mySwiper .swiper-wrapper {flex-wrap: wrap;flex-direction: column;}
.product-introduction .mySwiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;height: 228px;/* Center slide text vertically */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;}

.product-introduction .enter-box .swiper-button-next, 
.product-introduction .enter-box .swiper-rtl .swiper-button-prev {position: static;width: 40px;height: 40px;background: #f4f4f4;margin-top: 0;}
.product-introduction .enter-box .swiper-button-prev, 
.product-introduction .enter-box .swiper-rtl .swiper-button-next {position: static;width: 40px;height: 40px;background: #f4f4f4;margin-top: 0;margin-right: 5px;}
.product-introduction .enter-box .swiper-button-prev:after, 
.product-introduction .enter-box .swiper-rtl .swiper-button-next:after { content:none; }
.product-introduction .enter-box .swiper-button-next:after, 
.product-introduction .enter-box .swiper-rtl .swiper-button-prev:after { content:none; }

.main-ad-box { background: #f7f8fa; padding: 55px 0 65px;}

.main-ad-list { display: flex; }
.main-ad-list li {width: calc((100% - 70px) / 3);margin-right: 35px;background: #fff;box-shadow: 10px 10px 2px 1px #e3e4e5;padding: 34px 60px 30px;text-align: center;}
.main-ad-list li:last-child { margin-right:0;}
.main-ad-list li .main-ad-list-title {font-size: 30px;font-weight: 500;color: #2d2d2d;padding-bottom: 10px;}
.main-ad-list li .main-ad-list-img { padding-bottom: 30px;}
.main-ad-list li .main-ad-list-enter {background: #d74545;}
.main-ad-list li .main-ad-list-enter > a {display: block;padding: 8px;color: #fff;font-size: 18px;font-weight: 400;padding-right: 24px;}
.main-ad-list li .main-ad-list-enter > a > span { position:relative; }
.main-ad-list li .main-ad-list-enter > a > span::before {position:absolute;bottom:0;right:0;content:"";width:20px;height:16px;transform: translate(150%,-39%);background: url("/images/main/main-ad-list-enter_img01.png")no-repeat center center;}

.main-introduction-box {background: url("/images/main/main_introduction_box_bg01.png")no-repeat center center;padding: 80px 0;}
.main-introduction {}
.main-introduction .main-introduction-title {position:relative;font-size: 40px;font-weight: 700;color: #fff;text-align: center;letter-spacing: -1px;font-family: 'NotoSansCJK', sans-serif;display: inline-block;}
.main-introduction .main-introduction-title::before { position:absolute; content:""; left:-81px; top:0; width:59px; height:53px; background:url("/images/main/main_introduction_title_bg01.png")no-repeat center center; }

.main-introduction-title-box {text-align:center;padding-bottom: 37px;}

.main-introduction-list { overflow: hidden; }
.main-introduction-list .swiper-container {width: 100%; height: 100%; }
.main-introduction-list .swiper-slide { margin-right: 20px;  width: calc((100% - 80px) / 5); 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; transition: 300ms;  }
.main-introduction-list .swiper-slide > div {height: 140px;background: #fff;width: 100%;}
.main-introduction-list .swiper-slide div:hover { background:#d74545; }
.main-introduction-list .swiper-slide div a {display: flex;height: 100%;flex-wrap: wrap;justify-content: center;align-items: center;padding: 32px 0;}
.main-introduction-list .swiper-slide div:hover a > div { color:#fff; }
.main-introduction-list .swiper-slide div a .main-introduction-list-title { width: 100%; text-align: center; font-size: 22px; font-weight: 500; color: #222222;}
.main-introduction-list .swiper-slide div a .main-introduction-list-enter { border:1px solid #4c4c4c; font-size: 16px;color: #fff;background: #4c4c4c;width: 70px;height: 31px;display: flex;justify-content: center;align-items: center;border-radius: 5px;}
.main-introduction-list .swiper-slide div:hover a .main-introduction-list-enter {  background:#d74545; border:1px solid #fff; }

.main-introduction-list .swiper-button-prev,.main-introduction-list .swiper-rtl .swiper-button-next,
.main-introduction-list .swiper-button-next,.main-introduction-list .swiper-rtl .swiper-button-prev { display:none; }

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

.main-ad-list li { padding: 34px 30px 30px; }
.main-banner .banner-txt .banner-title { text-align: center; }
.main-banner .banner-txt .banner-infore { text-align: center; }

.main-introduction-list .swiper-container { position: relative; }
.main-introduction-list .swiper-slide { transform: scale(0.8);}
.main-introduction-list .swiper-slide > div { position:relative; }
.main-introduction-list .swiper-slide > div::after { position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:rgba(0,0,0,.6); }
.main-introduction-list .swiper-button-prev,.main-introduction-list .swiper-rtl .swiper-button-next,
.main-introduction-list .swiper-button-next,.main-introduction-list .swiper-rtl .swiper-button-prev { display:flex; justify-content: center;align-items: center; border: 1px solid #fff; height: 28px; width: 28px; }
.main-introduction-list .swiper-button-next:after,
.main-introduction-list .swiper-rtl .swiper-button-prev:after,
.main-introduction-list .swiper-button-prev:after,
.main-introduction-list .swiper-rtl .swiper-button-next:after { content:none; }
.main-introduction-list .swiper-slide-active,
.main-introduction-list .swiper-slide-duplicate-active{ transform: scale(1);  }
.main-introduction-list .swiper-slide-active div,
.main-introduction-list .swiper-slide-duplicate-active div {  background:#d74545; }
.main-introduction-list .swiper-slide-active > div::after,
.main-introduction-list .swiper-slide-duplicate-active > div::after { content:none; }
.main-introduction-list .swiper-slide-active div a .main-introduction-list-enter { background:#d74545; border:1px solid #fff; }
.main-introduction-list .swiper-slide-active div a .main-introduction-list-enter,
.main-introduction-list .swiper-slide-active div a .main-introduction-list-title,
.main-introduction-list .swiper-slide-active a > div,
.main-introduction-list .swiper-slide-duplicate-active a > div { color:#fff; }
.main-introduction-list .swiper-slide-active a .main-introduction-list-enter,
.main-introduction-list .swiper-slide-duplicate-active a .main-introduction-list-enter { background:#d74545; border:1px solid #fff; }

}

@media screen and (max-width: 768px){

.main-banner { height: 550px; }
.main-banner .banner-txt { padding-top: 232px; }
.main-banner .banner-txt .banner-title { font-size: 44px; word-break: break-word;}
.main-banner .banner-txt .banner-infore { font-size: 18px; letter-spacing: 0; word-break: break-word; }

.main-ad-list { flex-wrap: wrap; }
.main-ad-list li { width: calc((100% - 35px) / 2); margin-bottom: 30px; }
.main-ad-list li:nth-child(2n) { margin-right: 0; }
.main-ad-list li:last-child { width: 100%; }

.part-title { font-size: 26px; }
.main-ad-list li .main-ad-list-title { font-size: 22px; }
.main-ad-list li .main-ad-list-enter > a { font-size: 16px; }

.product-ct .product-ct-txt { font-size: 15px; }


}

@media screen and (max-width: 580px){

.main-banner { height: 341px; }
.main-banner .banner-txt { padding-top: 140px; }

.main-ad-list li { width:100%; margin-right:0; position: relative; box-shadow: 5px 5px 2px 1px #e3e4e5;}
.main-ad-list li .main-ad-list-img { position: absolute; top: 50%; left: 41px; transform: translateY(-50%); padding-bottom: 0;}
.main-ad-list li .main-ad-list-title { padding-left: 35%; text-align: left;}
.main-ad-list li .main-ad-list-enter { margin-left: 35%; }

.part-title { padding-bottom:17px; }
.product-introduction .enter-box { padding-bottom: 17px; position: absolute;top: 37px;right: 7px;}

.product-introduction .enter-box .swiper-button-prev, 
.product-introduction .enter-box .swiper-rtl .swiper-button-next {  height: 30px;  width: 30px; }
.product-introduction .enter-box .swiper-button-prev img, 
.product-introduction .enter-box .swiper-rtl .swiper-button-next img { width:7px; }
.product-introduction .enter-box .swiper-button-next, 
.product-introduction .enter-box .swiper-rtl .swiper-button-prev {  height: 30px;  width: 30px;}
.product-introduction .enter-box .swiper-button-next img, 
.product-introduction .enter-box .swiper-rtl .swiper-button-prev img { width:7px;}
.product-introduction .enter-box > div .swiper-more { height: 30px;  width: 30px; }
.product-introduction .enter-box > div .swiper-more > a > img { width:10px; }

.product-introduction { padding-top: 35px; position: relative;}


}



@media screen and (max-width: 480px){


}