.topbox{width: 100%;margin:95px 0 0 0;background: linear-gradient(to top,#f5f4f9 0%,#f5f4f9 50%,#ffffff 50%,#ffffff 100%)}
.toptx{position: absolute;left: 35%; bottom: 38%; width:30%;z-index: 8;color: #fff;text-align: center;text-shadow:1px 2px 2px #007cc2;letter-spacing: 0.2em}
.toptx h3{font-size: 42px;line-height: 1.2em; font-weight: 500;margin-bottom: 40px;}
.toptx h1{font-size: 18px;line-height: 2em; font-weight: 500;}
.toptx h4{font-size: 14px;margin-bottom: 20px;letter-spacing:0;font-weight: 400}
.hero{width:100%;height:101vh;position:relative;overflow:hidden;}
.hero-img{position:absolute;top:0;width:100%;height:100%}
.hero-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}
.hero-img:after{content:"";position:absolute;top:0;width:100%;height:100%;background:#000;opacity:.1}
.hero-img{transition:transform 7s}
.img-1{transform:scale(1.1)}
.img-1 img{-o-object-position:30% 70%;object-position:30% 70%}
.img-1.show-img{transform:scale(1)}
.img-2{height:calc(100vh + 50px);transform:translateY(-50px)}
.img-2 img{-o-object-position:center;object-position:center}
.img-2.show-img{transform:translateY(0px)}
.img-3 img{-o-object-position:52% 55%;object-position:52% 55%}
.img-3.show-img{transform:scale(1.1)}
.img-4{width:calc(100% + 50px)}
.img-4 img{-o-object-position:40% center;object-position:40% center}
.img-4.show-img{transform:translateX(-50px)}
.cir{position: absolute;bottom: -54%;left: 0;width: 140%; height: 65%; background:#ffffff;border-radius:50% 50% 0 0; margin-left: -20%;z-index:8}
@media screen and (max-width: 1600px) {
.toptx{position: absolute;left: 30%; bottom: 38%; width:40%;}
}
@media screen and (max-width: 1280px) {
.topbox{margin:90px 0 0 0;}
.toptx{position: absolute;left: 25%; bottom: 38%; width:50%;}
.hero{height:90vh}
}
@media screen and (max-width: 980px) {
.topbox{margin:85px 0 0 0;}
.toptx{position: absolute;left: 18%; bottom: 35%; width:64%;}
.toptx h1{font-size: 18px;line-height: 1.8em;}
.toptx h3{font-size: 38px;margin-bottom: 25px;}
.toptx h4{margin-bottom: 15px;}
.hero{height:50vh}
}
@media screen and (max-width: 767px) {
.topbox{margin:70px 0 0 0;}
.toptx{position: absolute;left: 10%; bottom: 25%; width:80%;}
.toptx h1{font-size: 17px;line-height: 1.6em;}
.toptx h3{font-size: 28px;margin-bottom: 20px;}
.toptx h4{font-size: 13px;margin-bottom: 15px;}
.hero{height:50vh}
}
.index-b{width:100%; float: left; margin:0;position: relative;}
.indexb-top{width:1400px; margin:0 auto 60px;text-align: center}
.info-title{width:50%;float:left;margin: 0 25%;}
.info-title h2{margin: 0 0 40px; font-size: 34px;font-weight: 500; line-height: 1.2em}
.info-title p{line-height:2em;font-size: 18px}
.cir2{position: absolute;bottom: -54%;left: 0;width: 140%; height: 65%; background:#ffffff;border-radius:0 0 50% 50%; margin-left: -20%;z-index:8}
.indexb-box{width:100%;float: left}
.indexb-container{width:1460px; margin:0 auto 100px;text-align: center}
.indexb-left{width:20%;float: left;margin: 50px 7% 0 0}
.indexb-left img{max-width:100%;height: 100%;border-radius:43%}
.indexb-middle{width:46%;float: left;margin-right: 7%}
.indexb-middle img{max-width:100%;height: 100%;border-radius:43%}
.indexb-rightbox{width:20%;height: 460px; float: left;margin:50px 0 0 0;position: relative;padding-top: 60px;}
.indexb-en{width:100%;float: left;margin:0;font-size: 240px;font-weight: 700;color: #ddd; text-align: right}
.indexb-right{position: absolute;left:0;top:30px; width:100%;height: 460px; float: left;margin:0;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;text-orientation: upright;text-align: left;}
.indexb-right p{font-size:24px;margin-top:70px;margin-left: 40px;line-height:1.8em}
.indexb-right p:last-child{margin-left: 0}

@media screen and (max-width: 1600px) {
.indexb-top{width:1160px; margin:0 auto 55px;}	
.indexb-container{width:1160px; margin:0 auto 70px;}
}
@media screen and (max-width: 1280px) {
.indexb-top{width:88%; margin:0 auto 50px;}	
.indexb-container{width:88%; margin:0 auto 70px;}
.info-title{width:70%;margin: 0 15%;}	
.indexb-left{width:20%;height:180px;margin: 50px 5% 0 0}	
.indexb-middle{width:46%;height:400px;margin-right: 5%}
.indexb-rightbox{width:24%;height: 460px;margin:20px 0 0 0;padding-top: 40px;}
.indexb-en{font-size: 190px;}
}
@media screen and (max-width: 980px) {
.indexb-top{width:90%; margin:0 auto 40px;}	
.indexb-container{width:90%; margin:0 auto 70px;}
.info-title{width:80%;margin: 0 10%;}	
.indexb-left{width:20%;height:130px;margin: 50px 5% 0 0}	
.indexb-middle{width:45%;height:320px;margin-right: 5%}
.indexb-rightbox{width:25%;margin:0;padding-top: 40px;}
.indexb-en{font-size: 150px;}
}
@media screen and (max-width: 767px) {
.indexb-top{margin:0 auto 30px;}	
.indexb-container{margin:0 auto 40px;}
.info-title{width:100%;margin: 0;}	
.info-title h2{margin: 0 0 15px; font-size: 24px;}
.indexb-left{width:35%;margin: 50px 5% 0 0}	
.indexb-middle{width:60%;height:240px;margin: 0}
.indexb-rightbox{width:66%;height: 450px;margin:0 17% 0;padding-top: 70px;}
.indexb-en{font-size: 130px;}
}
.section-swiper{position:relative;float: left;width:100%;padding:90px 2% 70px;background-color: #e5e9ed}
.swiper-title{width:100%;float: left;margin:0 0 30px;padding: 0 2%}
.swiper-title h2{font-size: 34px;line-height: 1.1em;font-weight: 500;margin-bottom: 25px;}
.swiper-title h3{font-size: 18px;line-height: 1.5em;text-align: justify}
.swiper-inner{position:relative;width:100%; float: left;padding:30px 0 0}
.swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative;transition-property:transform}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;padding:0;z-index:1}
.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{z-index:1;display:-ms-flexbox;display:flex;box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}
.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-slide{-ms-flex-negative:0;flex-shrink:0}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}
.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}
.swiper-centered>.swiper-wrapper::before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}
.swiper-button-lock,.swiper-pagination-lock{display:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-free-mode>.swiper-wrapper{margin:0 auto}.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-grid-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column}
.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity;}
.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-item{width:16.66666%;}
.swiper-itemimg{width:100%;float: left;}
.swiper-itemimg img{max-width:100%;border-radius: 25px;height: auto;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;  }
.swiper-item:hover img{opacity: 0.8;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s; }
.swiper-item .information{width: 100%;float: left;padding:30px 0;}
.swiper-item .information h2{font-size:20px; line-height: 1.6em;margin-bottom:12px;font-weight: 600;}
.swiper-item .information h3{font-size:14px; line-height: 1.6em;margin-bottom:2px;color: #444;font-weight: 400;}
.swiper-item:hover .information h2{color: #e95504!important;transition: 0.5s;}
.swiperbox{width:100%; margin:0 0 0 2%;}

@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}

@media screen and (max-width: 1600px) {
.section-swiper{padding:70px 2% 50px;}
.swiperbox{width:100%; margin:0 0 0 2.5%;}
}
@media screen and (max-width: 1280px) {
.section-swiper{padding-top:60px; padding-bottom: 40px;}
.swiper-title{margin:0 0 20px;padding: 0 2.5%;}
.swiper-title h2{font-size:32px;margin-bottom: 20px}
.swiperbox{width:100%; margin:0 0 0 2.5%;}
.swiper-item{width:25%;}
}
@media screen and (max-width: 980px) {
.section-swiper{padding-top:50px;padding-bottom: 15px;}
.swiper-title{margin:0 0 15px;}
.swiper-title h2{font-size:30px;margin-bottom: 20px}
.swiper-inner{padding:25px 0 0}
.swiperbox{width:100%; margin:0 0 0 3%;}
.swiper-item{width:30%;}
}
@media screen and (max-width: 767px) {
.section-swiper{padding-top:35px;}
.swiper-title h2{font-size:26px;margin-bottom: 20px}
.swiper-title h3{font-size: 17px;}
.swiper-item .information{padding:15px 0 0;}
.swiperbox{width:100%;margin:0 0 0 3%;}
.swiper-item{width:55%;}
}

.main-blog{width:100%;float:left;}
.main-blog-container{width:1500px;margin:70px auto 80px;}
.main-blog-title{width: 100%;float: left; text-align: center;margin: 0 0 50px;}
.main-blog-title h2{font-size: 34px;margin-bottom: 25px; line-height: 1.1em;font-weight: 500;letter-spacing: 0.2em;}
.main-blog-title p{font-size: 18px;letter-spacing: 0.1em;line-height: 2em}
.blog-filter{float:left;width:100%;margin:0 0 60px;text-align: center}
.blog-filter ul {margin:0; padding:0; list-style:none;} 
.blog-filter li {margin:0 9px 5px;display: inline-block; text-align:center;} 
.blog-filter a {font-size:17px;font-weight: 500; text-decoration: none;padding:12px 50px;border-radius: 50px;border: 1px solid #ccc;}
.blog-filter a:hover {color: #fff;text-decoration: none;transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s;background-color: #029af0;border: 1px solid #029af0}
.inpage a {color: #fff; text-decoration:none;background-color: #029af0;padding:12px 50px;border-radius:50px;font-size:17px;font-weight: 500;border: 1px solid #029af0}
.inpage a:hover {color: #fff;border: 1px solid #029af0} 
.blog-inner{width: 100%;float: left}
.blog-item{width:100%;-moz-transition: opacity 0.6s, -moz-transform 0.6s;-o-transition: opacity 0.6s, -o-transform 0.6s;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;margin: 25px 0; padding-bottom: 40px; border-bottom: 1px solid #ccc;}
.blog-img{width:18%;padding: 0 28px; border-left: 1px solid #ccc;}
.blog-img img {max-width: 100%; height: auto;display: block; border-radius: 10px}
.blog-datebox{width:9%;padding: 0 20px;letter-spacing: 0; text-align: center;}
.blog-date{width: 100%; margin-bottom: 10px; font-size:26px;color: #796a56;}
.blog-date span{font-size:17px;display: block;margin-top: 5px}
.blog-date, .blog-date span{font-weight: 600;}
.blog-item a:hover{color: #e95504;}
.blog-ban{width: 100%;color: #fff;background-color: #e95504;padding:2px 2px;border-radius:40px;font-size:16px;line-height: 24px}
.blog-tx{width:73%;letter-spacing: 0.05em; padding: 0 10px;}
.blog-tx h2{ font-size: 20px; margin-bottom: 12px;font-weight: 600;text-align: justify;line-height: 1.5em}
.blog-tx p{line-height: 1.6em;height: 4.8em;overflow-y:hidden;color: #111;text-align: justify}
.blog-item, .blog-ban, .blog-tx, .blog-date, .blog-img, .blog-datebox{float: left;}

@media only screen and (max-width: 1600px) {
.main-blog-container{width:1200px;margin:70px auto}
.main-blog-title{width: 100%;float: left; text-align: center;margin: 0 0 50px;}
.main-blog-title h2{font-size: 34px;margin-bottom: 25px; line-height: 1.1em;font-weight: 500;letter-spacing: 0.2em;}
.main-blog-title p{font-size: 18px;letter-spacing: 0.1em;line-height: 2em}
.blog-datebox{width:13%;padding: 0 20px;}
.blog-tx{width:67%;}
.blog-img{width:20%;padding: 0 26px;}
}
@media only screen and (max-width: 1280px) {
.main-blog-container{width:88%;margin:60px auto 45px}
.blog-datebox{width:16%;padding: 0 20px;}
.blog-tx{width:62%;padding: 0 10px 0 0}
.blog-img{width:22%;padding: 0 26px;}
.blog-filter{margin-bottom:40px}
.main-blog-title{margin: 0 0 50px}
.main-blog-title h2{font-size: 32px;}
}
@media only screen and (max-width: 980px) {
.main-blog-container{width:90%;margin: 50px auto 35px;}
.blog-filter{margin-bottom:20px}
.blog-filter li {margin:0 6px 10px;line-height: 46px} 
.blog-filter a{padding:8px 30px;}
.inpage a {padding:8px 30px;}	
.blog-datebox{width:18%;padding:10px;}
.blog-tx{width:50%;padding: 0 10px 0 0;}
.blog-tx h2{ font-size: 18px; margin-bottom: 6px;}
.blog-img{width:32%;padding: 0 20px;}
.blog-item{margin: 20px 0; padding-bottom: 30px;}
.blog-date{margin-bottom: 10px; font-size:24px;}
.blog-ban{width:90%;margin: 0 auto}
.main-blog-title{margin: 0 0 25px}
.main-blog-title h2{font-size: 30px;margin-bottom: 20px;}
.main-blog-title p{font-size: 18px;}
}
@media only screen and (max-width: 767px) {
.main-blog-container{margin: 35px auto 30px;}
.blog-filter{margin-bottom:15px;margin-top: -5px;}
.blog-filter li {margin:0 3px 10px;line-height: 40px} 
.blog-filter a{padding:8px 20px;font-size: 15px}
.inpage a {padding:8px 20px;font-size: 15px}
.blog-img{display: none}
.blog-datebox{width:26%;}
.blog-date{margin-bottom: 10px; font-size:20px;}
.blog-date span{font-size:15px;margin-top: 5px}
.blog-tx{width:72%;padding: 0 10px 0 10px;margin-left:1%; border-left: 1px solid #ccc;}
.blog-tx h2{ font-size: 17px; margin-bottom: 6px;}
.blog-ban{font-size:14px;}
.blog-item{margin: 15px 0; padding-bottom: 20px;}
.main-blog-title{margin: 0 0 30px}
.main-blog-title h2{font-size: 26px;margin-bottom: 15px;}
.main-blog-title p{font-size: 17px;letter-spacing: 0;line-height: 1.6em}
}