/* LibreBaskerville-Bold */
@font-face{font-family:letter;src:url(../fonts/letter.eot) format('embedded-opentype'),url(../fonts/letter.woff) format('woff'),url(../fonts/letter.woff2) format('woff2'),url(../fonts/letter.ttf) format('truetype'),url(../fonts/letter.svg#letter) format('svg')}

.wrapbanner{position:relative;height:91.8rem;z-index:10;background:#000;overflow:hidden;height:100vh;}
.banner::before{content:'';display:block;background-image:-moz-linear-gradient(-90deg,#000 0,rgba(8,8,8,0) 100%);background-image:-webkit-linear-gradient(-90deg,#000 0,rgba(8,8,8,0) 100%);background-image:-ms-linear-gradient(-90deg,#000 0,rgba(8,8,8,0) 100%);opacity:.67;height:37.5rem;position:absolute;left:0;right:0;top:0;z-index:3;pointer-events: none;}
.banner{overflow:hidden;position:relative;height:100%}
.banner a{display:block;position:relative;overflow:hidden}
.banner .gp-img{padding-bottom:100vh;position:relative;background-size:cover;/*padding-bottom:93.7rem*/}
.banner .gp-img img,.banner .gp-img video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}
.banner video{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);z-index:1;width:auto;min-width:100%;/* height:135vh; */}
.banner .gp-video-box{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;background:no-repeat center/cover}
.banner .swiper-slide-active .gp-img{animation:scaleBig 10s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes scaleBig{
    0%{transform:scale(1)}
    100%{transform:scale(1.1)}
}
@keyframes scaleBig{
    0%{transform:scale(1)}
    100%{transform:scale(1.1)}
}

.banner_bottom{}
.banner_bottom .text{position:absolute;left:50%;transform:translateX(-50%);bottom:2rem;z-index:10;text-align: center;color: #1d60c3;padding: 0 0 2.3rem;background: url(../images/banner_bottom.png) no-repeat bottom center/1.9rem;}

.banner_bottom .text{animation: scrollKey 2.6s ease-in-out 1.6s infinite;}
@keyframes scrollKey {
    25% {opacity: 0;transform: translate3d(-50%,150%,0)}
    50% {opacity: 0;transform: translate3d(-50%,-100%,0)}
    75%,100% {opacity: 1;transform: translate3d(-50%, 0%,0)}
}

.banner .swiper_menu{position:absolute;left:0;right:0;bottom:3rem;text-align:center;z-index:100;text-align:center;padding:0 2rem;font-size:0}
.wrapbanner .swiper-pagination{display:inline-block;vertical-align:middle;position:relative;z-index:1}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{display:inline-block;vertical-align:bottom;width:1.6rem;height:1.6rem;background:#fff;position:relative;margin:0 2.3rem;opacity:1}
.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(3){margin-right:14.3rem}
.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(4){margin-left:14.3rem}
.wrapbanner .swiper_menu.on .swiper-pagination .swiper-pagination-bullet:nth-child(3){margin-right:2.3rem}
.wrapbanner .swiper_menu.on .swiper-pagination .swiper-pagination-bullet:nth-child(4){margin-left:2.3rem}
.wrapbanner .swiper_menu.on .swiper-pagination .swiper-pagination-bullet:nth-child(3)::after{right:-4.6rem}
.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(3)::after{right:0}
.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(4)::after{left:0}
.wrapbanner .swiper-pagination .swiper-pagination-bullet::before{content:'';display:block;width:.8rem;height:.8rem;background:#1d60c3;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%}
.wrapbanner .swiper-pagination .swiper-pagination-bullet::after{content:'';display:block;position:absolute;top:50%;border-bottom:.1rem dashed #fff;left:-4.8rem;right:-4.6rem;z-index:-1}
.wrapbanner .swiper-pagination .swiper-pagination-bullet:first-child:after{display: none;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet:last-child:after{display: none;}

.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background: #997550;}

.banner .arrow{width:.7rem;height:.7rem;background:center no-repeat transparent;display:inline-block;vertical-align:middle;cursor:pointer;position:relative;margin:0 2.3rem;z-index:2;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;border-radius:50%}
.banner .arrow::before{content:'';display:block;width:.7rem;height:.7rem;background:#fff;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%}
.banner .prev{left:0}
.banner .next{right:0}
.banner .arrow:hover{transform:scale(1.5)}

.content{overflow:hidden;background:#faf7ec;position:relative;z-index:2}
/* .index_title img{display:block;width:100%;} */
.wrap_index_title{position:absolute;left:-11.2rem;top:0;bottom:0;width:19rem}
.index_title{width:19rem;display:block;position: relative;padding: 8.5rem 2rem 0 0;background: url(../images/mode_title1.png) no-repeat 4.7rem top/9.2rem auto;font-family: 'Noto Serif SC';font-weight: bold;overflow: hidden;}
.index_title.c2{background-image:url(../images/mode_title2.png)}
.index_title.c3{background-image:url(../images/mode_title3.png)}
.index_title.c4{background-image:url(../images/mode_title4.png)}
.index_title.c5{background-image:url(../images/mode_title5.png)}
.index_title::before{content: '';display: block;position: absolute;left: 13.8rem;right: 1rem;top: 4rem;bottom: 0;border-right: .1rem dashed #997550;border-top: .1rem dashed #997550;}
.index_title::after{content: '';display: block;position: absolute;right: 0;width: .7rem;top: 8.9rem;bottom: 4rem;background: #997550;}  
.index_title .right{float: right;color: #2F2F2F;}
.index_title .title{margin: 0 0 1.3rem;width: 1em;line-height: calc(1em + .2rem);}
.index_title .vicetitle{margin: 0 auto;width: 1em;line-height: calc(1em + .4rem);display: none;}
.index_title .vicetitle span{width: 1em;display: inline-block;}
.index_title .en{line-height: 1em;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;/*position: absolute;right: 8rem;top: 9rem;*/color: #AC7F47;opacity: .14;font-size: 8rem;float: right;text-transform: uppercase;padding: 1.3rem 0 0;}
.wrap_mode03 .index_title .en{font-size: 4rem;height: 10.5em;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;}

.index_title.c1::before{border-color: #997550;}

.index_title.c2::before{border-color: #896775;}
.index_title.c2::after{background: #873430;}
.index_title.c2 .right{color: #fff;}
.index_title.c2 .en{color: #A03438;opacity: .26;}

.index_title.c3::before{border-color: #02398D;}
.index_title.c3::after{background: #00398D;}
.index_title.c3 .en{color: #136088;opacity: .15;font-size: 7rem;}

.index_title.c4::before{border-color: #997550;}
.index_title.c4::after{background: #997550;}
.index_title.c4 .right{color: #fff;}
.index_title.c4 .en{color: #814927;opacity: .28;}

.index_title.c5::before{border-color: #136D6C;}
.index_title.c5::after{background: #136D6C;}
.index_title.c5 .en{color: #136D6C;opacity: .15;}

.channel_link{display:block;width:41.5rem;line-height:7rem;height:7.5rem;text-align:center;border:.1rem dashed #02265c;font-family:'Noto Sans SC';transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;position:relative}
.channel_link::before{content:'';display:block;position:absolute;left:-0.1rem;right:-0.1rem;bottom:-0.1rem;height:0;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.channel_link i{display:inline-block;vertical-align:middle;width:4.3rem;height:4.3rem;/*background:url(../images/mode02_more.png) no-repeat center/100% auto;*/position:relative;margin: 0 4rem 0 4rem;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.channel_link i svg{width:100%;height:100%;position: absolute;left: 0;right: 0;top: 0;display: block;}
.channel_link i .st1{fill:#997550;}
.channel_link i .st2{fill:none;stroke:#96734F;stroke-miterlimit:10;}
.channel_link i::before{content:'';display:block;position:absolute;width:6rem;height:6rem;border:.1rem dashed #02265c;left:50%;top:50%;margin:-3rem 0 0 -3rem;border-radius:50%;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.channel_link span{display:inline-block;vertical-align:middle;font-family:'Noto Serif SC';font-weight:700;color:#02265c;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;position:relative;z-index:2;font-size:2rem}
.channel_link:hover i::before{border-color:#fff;-webkit-animation:logo_bg 40s linear infinite;animation:logo_bg 40s linear infinite;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.channel_link:hover::before{height:calc(100% + .2rem)}
@-webkit-keyframes logo_bg{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
@keyframes logo_bg{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
.mode01_more{border-color:#997550;width:100%;margin:0;background:#fff;height:7.6rem;line-height:7.1rem}
/* .mode01_more i{background-image:url(../images/mode01_more.png)} */
.mode01_more i::before{border-color:#997550}
.mode01_more span{color:#997550;font-size:2rem}
.mode02_more{background:#c9dff5;z-index:2;position: absolute;width: 36.4rem;right: 0;bottom: 0;}
.mode02_more i .st1{fill:#02265c;}
.mode02_more i .st2{stroke:#02265c;}
.mode03_more{border-color:#998093;width: 36.4rem;margin:1rem 0 0;float: right;}
/* .mode03_more i{background-image:url(../images/mode03_more.png)} */
.mode03_more i .st1{fill:#c94449;}
.mode03_more i .st2{stroke:#c94449;}
.mode03_more i::before{border-color:#998093}
.mode03_more span{color:#c94449}
.mode04_more{border-color: #997550;width: 36.4rem;position:absolute;right:0;bottom: 0;}
/* .mode04_more i{background-image:url(../images/mode04_more.png)} */
.mode04_more i .st1{fill:#EADCCD;}
.mode04_more i .st2{stroke:#EADCCD;}
.mode04_more i::before{border-color:#AC7F47}
.mode04_more span{color:#EADCCD}
/* .channel_link:hover i{background-image:url(../images/mode00_moreh2.png)} */
.channel_link:hover i .st1{fill:#fff;}
.channel_link:hover i .st2{stroke:#fff;}
.channel_link:hover i::before{border-color:#fff}
.channel_link:hover span{color:#fff}
.mode01_more::before{background:#997550}
/* .mode01_more:hover i{background-image:url(../images/mode00_moreh1.png)} */
.mode01_more:hover i::before{border-color:#faf7ec}
.mode01_more:hover span{color:#faf7ec}
.mode02_more:hover{border-color:#00398D}
.mode03_more:hover{border-color:#a03438}
.mode04_more:hover{border-color:#817b72}
.mode02_more::before{background:#00398D}
.mode03_more::before{background:#a03438}
.mode04_more::before{background:#6E4127}

.wrap_mode01{padding: 9rem 0 9.4rem;background:#faf7ec;position:relative;overflow:hidden}
.mode01{box-sizing:border-box}

.index_01{padding:4rem 0 0 13.4rem}
.index_01 .top{margin-bottom: 2.2rem;}
.index_01 .top .title{color: #fff;position: absolute;left: 4.8rem;right: 4.8rem;bottom: 2.7rem;z-index: 2;}
.index_01 .top .item{display: block;position: relative;}
.index_01 .top .item::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));height: 12.5rem;}

.index_01t1{width: 97.3rem;position: relative;display: block;width: 67.1%;}

.index_01t2{width: 47rem;width: 32.4%;}
.index_01t2 ul{margin: 0 0 -2.5rem;}
.index_01t2 .item{margin: 0 0 2.5rem;position: relative;}
.index_01t2 .item::before{height: 9.5rem;}
.index_01t2 .title{left: 3.7rem;right: 3.7rem;bottom: 1.8rem;}



.index_01a{overflow: hidden;padding-bottom:5.6rem;position: relative;}
.index_01a > ul{padding:0 .1rem;position:relative;box-sizing:border-box}
.index_01a a{position:relative;display:block;padding: 3.24rem 4.9rem 6.8rem;box-sizing:border-box;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;border-bottom:.1rem solid #eadccd;border-top:.1rem solid #eadccd;border-left:.1rem solid #eadccd;background:#faf7ec;}
.index_01a a::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background:url(../images/map.png) no-repeat;background-size:cover;opacity: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_01a .line{content: '';display: block;height: .3rem;width: 6.5rem;background: #997550;margin: 0 0 3rem;z-index: 2;position: relative;}
.index_01a .title{color:#3e3e3e;position: relative;z-index: 2;}
/* .index_01a .swiper-slide-active a, */
.index_01a a:hover::after{opacity: 1;z-index: 1;}
.index_01a a:hover .title{color:#fff}
.index_01a a:hover .line{background:#fff}

.index_01a .arrow{width:.7rem;height:.7rem;background:center no-repeat transparent;display:inline-block;vertical-align:middle;cursor:pointer;position:relative;margin:0 2.3rem;z-index:2;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;border-radius:50%}
.index_01a .arrow::before{content:'';display:block;width:.7rem;height:.7rem;background:#997550;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%}
.index_01a .prev{left:0}
.index_01a .next{right:0}
.index_01a .arrow:hover{transform:scale(1.5)}
.index_01a .swiper_menu{position:absolute;left:0;right:0;bottom:0;text-align:center;z-index:100;text-align:center;padding:0 2rem;font-size:0}
.index_01a .swiper-pagination{display:inline-block;vertical-align:middle;position:relative;z-index:1}
.index_01a .swiper-pagination .swiper-pagination-bullet{display:inline-block;vertical-align:middle;width:1.6rem;height:1.6rem;background:#fff;position:relative;margin:0 3.5rem;opacity:1}
.index_01a .swiper-pagination .swiper-pagination-bullet::before{content:'';display:block;width:.8rem;height:.8rem;background:#997550;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%}
.index_01a .swiper-pagination .swiper-pagination-bullet::after{content:'';display:block;position:absolute;top:50%;border-bottom:.1rem dashed #997550;left:-5.7rem;right:-5.7rem;z-index:-1}
.index_01a li.swiper-slide-next+li a:before{content:'';display:block;width:.1rem;height:100%;background:#eadccd;position:absolute;right:0;top:0}

.mode01b_title{float:left;margin:0 -5rem 0 0;font-family: 'Noto Serif SC';font-weight: bold;position: relative;}
.mode01b_title .ch{float: left;width: 1.4em;display: block;border-top: .1rem dashed #997550;border-right: .1rem dashed #997550;padding: 1.5rem 0 0 0;line-height: calc(1em + .5rem);height: 23rem;margin: 0 .1rem 0 0;color: #2F2F2F;}
.mode01b_title .en{float: left;display: block;color: #AC7F47;opacity: .15;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;font-size: 3rem;line-height: 1em;text-transform: uppercase;position: absolute;top: 0;left: 100%;white-space: nowrap;}
.mode01c_title .ch{height: 19.4rem;}


.index_01b{padding: 10.8rem 0 13.4rem;position: relative;background: url(../images/mode01_bg2.png) no-repeat center/100% auto;margin: -5.7rem 0 0;}
.index_01b ul{margin: 0 0 -3.8rem 10.2rem;}
.index_01b .item{margin: 0 0 3.8rem 2.5rem;border: .1rem solid #EADCCD;padding: 2.3rem 3.8rem 4.7rem;position: relative;word-break: break-all;background: #FAF7EC;top: 0;right: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;color: #3e3e3e;}
.index_01b .ico{position: absolute;right: .6rem;bottom: .8rem;height: 3.5rem;width: 7.5rem;}
.index_01b .ico img{max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-height: 100%;width: auto;margin: auto;}
.index_01b li:hover .item{top: -1.3rem;right: -1rem;box-shadow: -1rem 1.3rem 0 #816F60;background: #fff;}


.mode01c_title{float:left;margin:0 -5rem 0 0}
.index_01c{padding:0 12.6rem 0 0;position:relative}
.index_01c::before{content:'';display:block;position:absolute;bottom:-7.8rem;right:-10rem;background:url(../images/mode01_bg.png) no-repeat center/100% 100%;width:20.4rem;height:47.5rem}
.index_01c ul{margin:0 0 3.3rem 8.8rem}
.index_01c .item{margin:0 0 2rem 3.6rem;position:relative;top:0;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.index_01c .box1{height:19.3rem;position:relative;text-align:center;padding:0 3.6rem;font-weight:700;font-family:'Noto Serif SC';color:#fff}
.index_01c .box1::before{content:'';display:block;position:absolute;left:.8rem;right:.8rem;top:.8rem;bottom:.8rem;border:.1rem dashed #f5f2e9}
.index_01c .title{margin:0 0;position:absolute;top:50%;transform:translateY(-50%);left: 6.0rem;right: 6.0rem;}
.index_01c li:nth-child(3) .box1{background:#A03434}
.index_01c li:nth-child(1) .box1{background:#6F1D16}
.index_01c li:nth-child(2) .box1{background:#812317}
.index_01c .box2{position:absolute;left:0;right:0;top:0;bottom:0;background:no-repeat center/cover;z-index:2;opacity:0;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.index_01c li:hover .item{top:-2rem}
.index_01c .item:hover .box2{opacity:1}

.wrap_mode02{padding: 4.7rem 0 4rem;background:url(../images/mode02_bg.png) no-repeat center/cover;/*background: url(../pic/1.png) no-repeat top center/100%*/}
.mode02{padding:.1rem 0}
.index_02_a{margin: -0.8rem 0 0 13.3rem;box-sizing: border-box;padding-left: 3.2rem;/* padding-right: 8rem; */position:relative;overflow: hidden;background: url(../images/mode02_bg2.png) no-repeat left bottom/33.9rem auto;}
.index_02 img{display:block;margin:-0.8rem 0 0}
.index_02{position:relative;padding:.1rem 0;overflow: hidden;  } 
.index_02::before{content: '';display: block;position: absolute;left: 28.1rem;bottom: 0;right: 21.77%;border-bottom: .1rem dashed #00398D;}
.index_02 .box{overflow: hidden;padding: 0 15.8rem 7.4rem 0;}
.index_02 .item{display: block;position: relative;display: block;}
.index_02 .item::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 11.3rem;background: linear-gradient(180.00deg, rgba(0, 0, 0, 0),rgb(0, 0, 0));z-index: 2;}
.index_02 .gp-img{padding-bottom: 66%;}
.index_02 .title{margin: 0 0;position: absolute;color: #fff;left: 4rem;right: 4rem;bottom: 2.3rem;z-index: 10;}

.index_02a{float: left;width: 70rem;margin: 8.7rem 0 0;}
.index_02 .rt{float: right;width: 54.5rem;}
.index_02b{display: block;margin: 0 0 4rem;}
.index_02c{display: block;width: 45.3rem;}

.index_02 .swiper_menu{padding:0;font-size:0;position:absolute;/*left: 54.7rem;*/bottom: 13.4rem;z-index:2;right: 73.4rem;}
.index_02 .arrow{width:4.6rem;height:4.6rem;background:#00398D no-repeat center/1rem auto;display:inline-block;vertical-align:top;margin:0 .8rem;cursor:pointer;border-radius:50%;position:relative;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.index_02 .arrow::before{content:'';display:block;position:absolute;width:5.4rem;height:5.4rem;left:50%;top:50%;margin:-2.7rem 0 0 -2.7rem;border:.1rem dashed #00398D;border-radius:50%}
.index_02 .arrow:hover::before{-webkit-animation:logo_bg 40s linear infinite;animation:logo_bg 40s linear infinite}
.index_02 .prev{left:0;background-image:url(../images/mode02_prev.png)}
.index_02 .next{right:0;background-image:url(../images/mode02_next.png)}
.index_02 .arrow:hover{background-color:#00398D}

.wrap_mode03{padding: 5.1rem 0 4rem;background:#592927;position:relative}
/* .wrap_mode03::before{content:'';display:block;position:absolute;left:3.7rem;bottom:3.7rem;background:url(../images/mode03_bg.png) no-repeat center/cover;width:27.9rem;height:13.4rem} */
.mode03::before{content:'';display:block;position:absolute;left:-11.3rem;bottom:-.1rem;background:url(../images/mode03_bg.png) no-repeat center/cover;width:27.9rem;height:13.4rem}
.index_03{margin:0 0 0 13.5rem;padding:0 0 0;position: relative;}
.index_03::before{content: '';display: block;position: absolute;left: 2.7rem;right: 25%;bottom: 0;border-bottom: .1rem dashed #896775;}
.index_03 ul{margin:0 0}
.index_03 li{border-left:.1rem dashed #998093;}
.index_03 .item{margin:0 0;height: 61.9rem;position:relative;padding: 5.2rem 2.9rem;background:#5a1d1f;overflow:hidden;z-index:1}
.index_03 .item::before{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;background:#faf7ec;width:0;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;z-index:-1}
.index_03 li:first-child{border-left:none}
.index_03 .line{position: relative;width: 6.5rem;height: .3rem;background: #A03438;margin: 0 0 3.2rem;}
.index_03 .time{font-family:'Noto Serif SC';font-weight:700;color:#a7707b;margin:0 0 3.4rem;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.index_03 .title{margin: 0 0 3.3rem;color:#fff;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.index_03 .gp-img{padding-bottom: 70.2%;}
.index_03 .summary{margin:0 0 4rem;color:#cbcbcb;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.index_03 .tip{display:none;width:14.4rem;line-height:5.3rem;text-align:center;background:#652e33;color:#fff;font-family:'Noto Serif SC';transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.index_03 .letter{position:absolute;bottom:0;text-align:center;line-height: 0.6em;color:#998093;font-family:letter;font-size:25.6rem;left:0;right:0;opacity:.17;text-shadow:0 .4rem .4rem rgba(0,0,0,.25);transition:all ease-in-out .8s;-ms-transition:all ease-in-out .8s;-moz-transition:all ease-in-out .8s;-webkit-transition:all ease-in-out .8s;-o-transition:all ease-in-out .8s}
.index_03 .item:hover::before{width:100%}
.index_03 .item:hover .time{color:#a03438}
.index_03 .item:hover .title{color:#3e3e3e}
.index_03 .item:hover .summary{color:#3e3e3e}
.index_03 .item:hover .tip{background:#a03438}
.index_03 .item:hover .letter{transform:rotateY(360deg)}

/* .index_03 .cal_item{padding:0}
.index_03 .cal{padding:3.9rem 2.4rem 20.3rem 3.2rem;background:#faf7ec url(../images/mode03_cal_bg.png) no-repeat bottom center/32.2rem auto} */

.wrap_mode04{padding: 6.5rem 0 8.7rem;background:#5A341D;position:relative}
.wrap_index_04{margin:0 0 0 13.5rem;overflow: hidden;padding:3.3rem 0 0;background: url(../images/mode04_bg.png) no-repeat left bottom/32.1rem auto;position: relative;}
.wrap_index_04::before{content: '';display: block;position: absolute;left: 31.7rem;right: 30rem;bottom: 0;border-bottom: .1rem dashed #997550;}
.index_04{position: relative;overflow: hidden;min-height: 66rem;margin: 0 0 0 -3.7rem;}
.index_04 ul{margin: 0 0;padding: 0 0;}
.index_04 .item{margin: 0 0 0 3.7rem;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_04 .gp-img{padding-bottom: 50%;}
.index_04 .bottom{padding: 2.4rem 6rem 0 0;}
.index_04 .title{margin: 0 0 2.2rem;color: #fff;}
.index_04 .summary{margin: 0 0 2.2rem;color: #fff;padding: 0 0 0 1.4rem;position: relative;}
.index_04 .summary::before{content: '';display: block;width: .2rem;height: 4.4rem;background: #817B72;position: absolute;top: 50%;transform: translateY(-50%);left: .2rem;}
.index_04 .tip{width: 16.1rem;line-height: 4.2rem;background: #6E4127;color: #fff;text-align: center;}

.index_04 .swiper-pagination{width: 33.3%;left: 35.3%;bottom: auto;top: 3.6rem;display: none;}
.index_04 .swiper-pagination .swiper-pagination-bullet{display:inline-block;vertical-align:middle;width:1.6rem;height:1.6rem;background:#fff;position:relative;margin: 0 4.3rem;opacity:1}
.index_04 .swiper-pagination .swiper-pagination-bullet::before{content:'';display:block;width:.8rem;height:.8rem;background:#4D3724;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%}
.index_04 .swiper-pagination .swiper-pagination-bullet::after{content:'';display:block;position:absolute;top:50%;border-bottom:.1rem dashed #817B72;left:0;right:-8.5rem;z-index:-1}
.index_04 .swiper-pagination .swiper-pagination-bullet:last-child:after{right:0}


.wrap_mode05{padding: 11.6rem 0 5.8rem;background:#d1dede}
.mode05{padding: .1rem 0;}
.index_05{display:block;margin: -3.1rem 0 0 13.5rem;background:url(../images/mode05_bg.png) no-repeat left bottom/36rem auto;overflow:hidden}
.index_05a{position:relative}
.index_05a ul{margin:0 0}
.index_05a .item{margin:0 0}
.index_05a .gp-img{padding-bottom:42.66%}
.index_05a .video_btn{position: absolute;width: 9.15rem;height: 9.15rem; background: url(../images/mode05_video.png) no-repeat center/cover;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);z-index: 10;}

.index_05a .swiper_menu{padding:0;font-size:0;position:absolute;left: 23.4rem;bottom: -6.1rem;z-index:2}
.index_05a .arrow{width:4.6rem;height:4.6rem;background:#136d6c no-repeat center/1rem auto;display:inline-block;vertical-align:top;margin:0 .8rem;cursor:pointer;border-radius:50%;position:relative;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.index_05a .arrow::before{content:'';display:block;position:absolute;width:5.4rem;height:5.4rem;left:50%;top:50%;margin:-2.7rem 0 0 -2.7rem;border:.1rem dashed #136d6c;border-radius:50%}
.index_05a .arrow:hover::before{-webkit-animation:logo_bg 40s linear infinite;animation:logo_bg 40s linear infinite}
.index_05a .prev{left:0;background-image:url(../images/mode02_prev.png)}
.index_05a .next{right:0;background-image:url(../images/mode02_next.png)}
.index_05a .arrow:hover{background-color:#02265c}

.index_05b{margin: -8.3rem 0 0 35.8rem;position:relative;z-index:2}
.index_05b ul{margin:0 0}
.index_05b .item{margin:0 0 0 .6rem;position:relative}
.index_05b .gp-img{padding-bottom:66.6%}
.index_05b .gp-img::before{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6);z-index:2;opacity: 1;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_05b .title{margin:0 0;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;font-family:'Noto Serif SC';font-weight:700;color:#fff;text-align:center;z-index:3;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_05b .item:hover .gp-img::before{opacity: .5;}
.index_05b .item:hover .title{top: 46%;}

.home_side{position:fixed;right: -10rem;/*bottom:2rem;*/top: 50%;transform: translateY(-50%);z-index:100;padding: 3.4rem 0 4.3rem;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.home_side.on{right: 2rem;}
.home_side::before,.home_side::after{content:'';display:block;position: absolute;width: .8rem;height: .8rem;left: 50%;transform: translateX(-50%);background: #00398D;border-radius: 50%;}
.home_side::before{top: 0;}
.home_side::after{bottom: 0;}
.home_side .line{position: absolute;top: 0;bottom: 0;left: 50%;border-left: .1rem dashed #00398D;z-index: -1;}

.home_side .item{width: 7rem;height: 7rem;text-align: center;line-height: 7rem;color: #fff;border-radius: 50%;background: url(../images/home_side_bg1.png) no-repeat center/cover;margin: 2.4rem 0 0;font-weight: bold;cursor: pointer;}
.home_side .item span{display: inline-block;vertical-align: middle;line-height: 1.4em;}
.home_side .item:nth-child(2){background-image: url(../images/home_side_bg2.png);}
.home_side .item:nth-child(3){background-image: url(../images/home_side_bg3.png);}
.home_side .item:nth-child(4){background-image: url(../images/home_side_bg4.png);}
.home_side .item:nth-child(5){background-image: url(../images/home_side_bg5.png);}

.gotop{position:relative;width:7rem;height:7rem;background:url(../images/gotop.png) no-repeat center/100% auto;border-radius:50%;cursor:pointer;z-index: 10;margin: 1.5rem 0 0;}
.gotop.on{opacity:1}


@media screen and (max-width:1680px){
    .home_side .item span{width: 2em;}
}
@media screen  and (max-width:1480px){
    /* .index_03::before{left: 10.6rem;} */
}
@media screen  and (max-width:1220px){

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

}
@media screen  and (max-width:992px){
    .wrapbanner{height: 49vw;}
    .banner::before{height: 30%;}
    .banner video{height: 100%;}
    .banner .gp-img{padding-bottom: 49%;}

	.banner_bottom,.home_side{display: none;}

    .wrapbanner .swiper-pagination .swiper-pagination-bullet,.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(3),.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(4){display:inline-block;vertical-align:bottom;width:16px;height:16px;background:#fff;position:relative;margin:0 20px;opacity:1}
    .wrapbanner .swiper-pagination .swiper-pagination-bullet::before{content:'';display:block;width:8px;height:8px;background:#1d60c3;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%}
    .wrapbanner .swiper-pagination .swiper-pagination-bullet::after,.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(3)::after,.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(4)::after{content:'';display:block;position:absolute;top:50%;border-bottom:1px dashed #fff;left: 0px;right:-40px;z-index:-1}
    .wrapbanner .swiper-pagination .swiper-pagination-bullet:last-child:after{right:0}

    .wrapbanner .swiper-pagination .swiper-pagination-bullet:first-child:after{display: block;} 

    .wrap_index_title{position: relative;width: auto;left: 0;}
    .wrap_fix_scroll .fix_scroll,.wrap_fix_scroll{position: relative !important;left: 0;right: 0;top: 0;bottom: 0;}
    .wrap_fix_scroll .fix_scroll{/*text-align: center;*/}

    .index_title{position: relative;width: auto;display: inline-block;background-position: left top;background-size: 82px auto;padding: 14px 0 0 106px;}
    .index_title::before{border-left: 1px dashed;top: 11px;left: 86px;border-right: none;bottom: auto;height: 44px;right: 0;z-index: -1;}
    .index_title::after{left: 102px;width: 210px;top: 2px;bottom: auto;height: 4px;}
    .index_title .right{float: none;text-align: left;line-height: 44px;height: 44px;}
    .index_title .title{width: auto;display: inline-block;margin: 0 6px 0 0;}
    .index_title .vicetitle{width: auto;display: inline-block;position: relative;top: -5px;display: none;}
    .index_title .en{float: none;writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb;text-align: left;padding: 0;font-size: 36px;margin: -9px 0 0;}
    .wrap_mode03 .index_title .en{ font-size: 36px;height: auto;writing-mode: inherit;opacity: .8;}
    .index_title.c3 .vicetitle{max-width: 13em;/* top: 0; */line-height: calc(1em + 2px);}
    .index_title.c3::after{/* width: 278px; */}
    .index_title.c4::after,.index_title.c5::after{/* width: 284px; */}

    .index_title.c4 .en{opacity: .8;}

    a.channel_link{line-height: 39px;height: auto;width: 229px;display: flex;width: 100%;align-items: center;justify-content: center;padding: 7px 0;}
    .channel_link i{width: 30px;height: 30px;margin-right: 18px;}
    .channel_link i::before{width: 42px;height: 42px;margin: -21px 0 0 -21px;}
    .channel_link span{font-size: 14px;}

    .mode01_more{width: 100%;}
    .wrap_mode01{padding: 25px 0 43px;background: #faf7ec url(../images/mode01_bg2.png) no-repeat center 99%/120% auto;}

    .index_01{padding-left: 0;padding-top: 21px;}
    .index_01 .top{margin-bottom: 32px;}

    .index_01t3{width: 100%;position: relative;overflow: hidden;padding: 0 0 30px;}
    .index_01t3 ul{margin: 0 0;}
    .index_01t3 li{}
    .index_01t3 li .item{margin: 0 0;}
    .index_01t3 li .item .title{margin: 0 0;font-size: 20px;line-height: 1.2em;bottom: 24px;left: 82px;right: 82px;}
    
    .index_01t3 .swiper-pagination{width: 100%;left: 0;bottom: 0;}
    .index_01t3 .swiper-pagination .swiper-pagination-bullet{display:inline-block;vertical-align:middle;width:16px;height:16px;background:#fff;position:relative;margin: 0 30px;opacity:1}
    .index_01t3 .swiper-pagination .swiper-pagination-bullet::before{content:'';display:block;width:8px;height:8px;background:#997550;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%}
    .index_01t3 .swiper-pagination .swiper-pagination-bullet::after{content:'';display:block;position:absolute;top:50%;border-bottom:1px dashed #997550;left:-30px;right:-30px;z-index:-1}
    .index_01t3 .swiper-pagination .swiper-pagination-bullet:first-child:after{left:-60px}
    .index_01t3 .swiper-pagination .swiper-pagination-bullet:last-child:after{right:-60px}

    .index_01a{}
    .index_01a ul{margin: 0 0 -16px -44px;}
    .index_01a li{width: 50%;}
    .index_01a a{margin: 0 0 16px 44px;display: block;border: 1px solid #EADCCD;padding: 15px 22px 14px;}
    .index_01a .line{width: 48px;height: 2px;margin-bottom: 10px;}
    .index_01a .title{line-height: 1.25em;}

    .mode01b_title{float: none;display: inline-block;/* border-left: 1px dashed #997550; *//* border-top: 1px dashed #997550; */padding: 3px 6px 0 0;margin: 0 0 26px;}
    .mode01c_title{width: auto;}
    .mode01b_title .ch{width: auto;height: auto;border: none;display: inline-block;padding: 0 5px 0 12px;font-size: 24px;}
    .mode01b_title .en{display: inline-block;position: relative;writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb;text-align: left;left: 0;font-size: 24px;}

    .index_01b{/* text-align: center; */padding: 40px 0 54px;background: none;}
    .index_01b ul{margin: 0 0 -17px -48px;padding: 10px 0 0;}
    .index_01b .item{margin: 0 0 17px 48px;text-align: left;top: -5px;right: -5px;box-shadow: -5px 5px 0 #816F60;background: #fff;padding: 21px 25px 53px;}
    .index_01b .title{margin: 0 0;-webkit-line-clamp: 2;line-clamp: 2;line-height: 1.25em;}
    .index_01b .ico{right: 4px;bottom: 4px;height: 35px;}
    .index_01b .ico img{display: block;/* width: 100%; */}

    .index_01c{padding: 0;/* text-align: center; */}
    .index_01c::before{display: none;}
    .index_01c ul{margin-left: -24px;padding: 10px 0 0;margin-bottom: 24px;}
    .index_01c .item{margin-left: 24px;}
    .index_01c .title{line-height: 1.2em;font-size: 20px;left: 25px;right: 25px;}
    .index_01c .box1{height: 122px;}
    
    .index_02 .box{padding: 0px;}

    .wrap_mode03{padding: 29px 0 33px;}
    .index_03{padding: 28px 0 0;margin: 0;}
    .index_03::before{left: 278px;}
    .index_03 .item{padding: 37px 14px 0;height: 428px;}
    .index_03 .title{line-height: 1.33em;height: 4em;}
    .index_03 .line{width: 45px;height: 2px;margin-bottom: 24px;}
    .index_03 .letter{font-size: 178px;}

    .mode03::before{width: 280px;height: 134px;left: 0;bottom: -5px;}
    .mode03_more{margin-top: 87px;}

    .wrap_mode02{background: #C9DFF5 url(../images/mode02_bg.png) no-repeat 109% 100px/109% auto;padding-top: 35px;padding-bottom: 37px;}
    .index_02_a{margin: 0;padding: 0;}
    .index_02{margin: 0;padding: 0 0 83px;background-size: 280px;}
    .index_02::before{left: 200px;}
    .index_02a{float: none;width: 100%;margin: 30px 0 25px;}
    .index_02 .rt{float: none;width: 100%;overflow: hidden;padding: 0 0 30px;}
    .index_02b{float: left;width: calc(50% - 15px);margin: 0;}
    .index_02c{float: right;width: calc(50% - 15px);}
    .index_02 .arrow{width: 46px;height: 46px;margin: 0 8px;}

    .index_02 .title{font-size: 16px;line-height: 1.3em;left: 40px;right: 40px;bottom: 30px;}
    .index_02b .title,.index_02c .title{font-size: 16px;left: 27px;right: 27px;bottom: 10px;line-height: 1.3em;}

    .index_02 .swiper_menu{position: relative;left: 0;right: 0;top: 0;bottom: 0;text-align: center;}
    .index_02 .arrow::before{width: 54px;height: 54px;margin: -27px 0 0 -27px;}

    .wrap_mode04{padding-bottom: 52px;padding-top: 36px;}
    .wrap_index_04{margin-left: 0;}
    .wrap_index_04{padding-bottom: 99px;background-size: 280px;padding-top: 50px;}
    .wrap_index_04::before{left: 275px;right: 230px;}

    .index_04{margin: 0;padding: 0 0 76px;min-height: initial;}
    .index_04 li{width: 553px;}
    .index_04 .item{margin: 0 90px 0 0;}
    .index_04 .title{font-size: 18px;line-height: 1.66em;}
    .index_04 .bottom{padding-top: 27px;}
    .index_04 .summary{font-size: 14px;margin-bottom: 17px;}
    .index_04 .summary::before{width: 2px;height: 44px;}
    .index_04 .tip{width: 161px;line-height: 42px;font-size: 14px;}

    .index_04 .swiper-pagination{right: 30px;top: auto;bottom: 0;width: auto;left: 0;text-align: right;}
    .index_04 .swiper-pagination .swiper-pagination-bullet{display:inline-block;vertical-align:middle;width:16px;height:16px;background:#fff;position:relative;margin: 0 43px;opacity:1}
    .index_04 .swiper-pagination .swiper-pagination-bullet::before{content:'';display:block;width:8px;height:8px;background:#5A341D;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%}
    .index_04 .swiper-pagination .swiper-pagination-bullet::after{content:'';display:block;position:absolute;top:50%;border-bottom:1px dashed #817B72;left:0;right:-85px;z-index:-1}
    .index_04 .swiper-pagination .swiper-pagination-bullet:last-child:after{right:0}

    .wrap_mode05{padding: 40px 0 130px;background: #d1dede url(../images/mode05_bg.png) no-repeat center 99%/280px auto;}
    .mode05{margin-left: 0 !important;margin-right: 0 !important;}
    .index_05{margin: 36px 0 0;}

    .index_05a .swiper_menu{position: relative;left: 0;right: 0;top: 0;bottom: 0;text-align: center;padding: 16px 0 14px;}
    .index_05a .arrow{width:46px;height:46px;background:#136d6c no-repeat center/10px auto;display:inline-block;vertical-align:top;margin:0 8px;cursor:pointer;border-radius:50%;position:relative;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
    .index_05a .arrow::before{content:'';display:block;position:absolute;width:54px;height:54px;left:50%;top:50%;margin:-27px 0 0 -27px;border:1px dashed #136d6c;border-radius:50%}
    .index_05a .arrow:hover::before{-webkit-animation:logo_bg 40s linear infinite;animation:logo_bg 40s linear infinite}
    .index_05a .prev{left:0;background-image:url(../images/mode02_prev.png)}
    .index_05a .next{right:0;background-image:url(../images/mode02_next.png)}
    .index_05a .arrow:hover{background-color:#02265c}

    .index_05b{margin: 0 0 0 -5px;}
    .index_05b .item{margin: 0 0 0 5px;}

}
@media screen and (max-width: 767px){
    .wrapbanner{/* height: 312px; */}
    .banner .gp-img{/* padding-bottom: 50%; */}
    .banner .swiper-slide-active .gp-img{animation: none;}

    .index_title{background-size: 55px auto;padding-left: 70px;padding-top: 12px;overflow: visible;}
    .index_title::after{height: 3px;width: 180px;left: 70px;top: 1px;width: 100px;}
    .index_title::before{top: 8px;left: 59px;height: 29px;width: 124px;}
    .index_title .title{font-size: 24px;}
    .index_title .vicetitle{font-size: 12px;}
    .index_title .en,.index_title.c3 .en{font-size: 20px;margin: -20px 0 0;}
    .wrap_mode03 .index_title .en{font-size: 16px;}

    .channel_link{width: 100%;}

    .wrap_mode01{padding-top: 11px;}
    .index_title::after{top: 0;}

    .index_01{padding-top: 13px;}
    .index_01 .top{margin-bottom: 24px;}
    .index_01t3 li .item .title{left: 24px;bottom: 12px;right: 24px;font-size: 16px;line-height: 1.25em;}

    .index_01a ul{margin: 0 0 -16px -44px;}
    .index_01a li{width: 100%;}
    .index_01a a{margin: 0 0 16px 44px;}
    .index_01a .title{font-size: 16px;line-height: 1.25em;}

    .index_01a{padding-bottom: 1px;}

    .mode01b_title .ch{font-size: 22px;line-height: 28px;vertical-align: top;padding-left: 8px;}
    .mode01b_title .en{font-size: 18px;line-height: 28px;vertical-align: top;}


    .index_01b{padding: 30px 0 32px;overflow: hidden;margin: 0 0 60px;margin-bottom: 30px;}
    .index_01b ul{margin: 0 0 -18px;padding: 10px 0 0;}
    .index_01b .item{margin: 0 6px 19px 0;}
    .index_01b .title{font-size: 16px;line-height: 1.25em;}

    .index_01b .swiper-pagination{width: 100%;left: 0;bottom: 0;}
    .index_01b .swiper-pagination .swiper-pagination-bullet{display:inline-block;vertical-align:middle;width:16px;height:16px;background:#fff;position:relative;margin: 0 30px;opacity:1}
    .index_01b .swiper-pagination .swiper-pagination-bullet::before{content:'';display:block;width:8px;height:8px;background:#997550;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%}
    .index_01b .swiper-pagination .swiper-pagination-bullet::after{content:'';display:block;position:absolute;top:50%;border-bottom:1px dashed #997550;left:-30px;right:-30px;z-index:-1}
    .index_01b .swiper-pagination .swiper-pagination-bullet:first-child:after{left:-60px}
    .index_01b .swiper-pagination .swiper-pagination-bullet:last-child:after{right:-60px}

    .wrap_mode01{background-size: auto 434px;padding-bottom: 72px;}
    
    .mode01b_title{margin-bottom: 12px;}

    .index_01c .item{margin-bottom: 11px;}
    .index_01c .item:hover{top:0}
    .index_01c .box1{height: 63px;}
    .index_01c .box2{display: none;}
    .index_01c .title{line-height: 1.2em;font-size: 18px;left: 15px;right: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

    .wrap_mode03{padding-top: 33px;padding-bottom: 40px;min-height: 100vh;background: #5a1d1f;}

    .index_03{padding: 19px 0 0;margin: 20px 0 0;overflow: hidden;}
    .index_03 .swiper-pagination{width: 100%;left: 0;bottom: 118px;}
    .index_03 .swiper-pagination .swiper-pagination-bullet{display:inline-block;vertical-align:middle;width:16px;height:16px;background:#fff;position:relative;margin: 0 30px;opacity:1}
    .index_03 .swiper-pagination .swiper-pagination-bullet::before{content:'';display:block;width:8px;height:8px;background:#A03438;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%}
    .index_03 .swiper-pagination .swiper-pagination-bullet::after{content:'';display:block;position:absolute;top:50%;border-bottom:1px dashed #998093;left:-30px;right:-30px;z-index:-1}
    .index_03 .swiper-pagination .swiper-pagination-bullet:first-child:after{left:-60px}
    .index_03 .swiper-pagination .swiper-pagination-bullet:last-child:after{right:-60px}

    
    .index_03::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 50px;background: #5a1d1f url(../images/mode03_bg.png) no-repeat center 98% / 249px auto;z-index: -1;}
    .index_03::before{display: none;}
    .mode03::before{display: none;}
    .mode03_more{margin-top: 134px;}

    /* .index_03 ul{margin-left: -1px;margin-right: -1px;} */
    .index_03 .swiper-slide-active{border: none;}
    .index_03 .item{margin: 0 12px;padding: 32px 14px 0;}
    .index_03 .item::before{width:100%}
    .index_03 .item .time{color:#a03438}
    .index_03 .item .title{color:#3e3e3e}
    .index_03 .item .summary{color:#3e3e3e}
    .index_03 .item .tip{background:#a03438}
    .index_03 .item .letter{transform:rotateY(360deg)}
    .index_03 .gp-img{margin: 0 -8px;width: auto;}

    .wrap_mode02{padding-top: 33px;padding-bottom: 34px;background-position-y: 78px;min-height: 100vh;}
    .index_02{background-position: center calc(100% - 60px);padding-bottom: 140px;background-size: 250px;}
    .index_02::before{display: none;}
    .index_02a{margin-bottom: 0;margin-top: 35px;}
    .index_02 .rt{padding-bottom: 15px;}
    .index_02b,.index_02c{width: 100%;float: none;margin-top: 11px;}
    .index_02 .title{left: 25px;right: 25px;bottom: 9px;}

    .index_02 .arrow{width: 38px;height: 38px;margin: 0 20px;}
    .index_02 .arrow::before{width: 45px;height: 45px;margin: -22.5px 0 0 -22.5px;}

    .index_02_a{background-position: bottom center;background-size: 72% auto;}

    .wrap_mode04{padding-top: 33px;padding-bottom: 43px;min-height: 100vh;}
    .wrap_index_04{padding-top: 18px;}
    .wrap_index_04::before{display: none;}
    .wrap_index_04{background-position: center calc(100% - 66px);padding-bottom: 125px;background-size: 250px;padding-top: 24px;}
    .index_04{padding-bottom: 70px;}
    .index_04 .tip{width: 137px;line-height: 36px;font-size: 14px;}
    .index_04 .bottom{padding-top: 14px;padding-right: 0;}
    .index_04 .title{font-size: 16px;line-height: 1.3em;margin-bottom: 20px;}
    .index_04 .summary{font-size: 14px;line-height: 2em;padding-left: 12px;margin-bottom: 13px;}
    .index_04 .summary::before{left: 0;}

    .index_04 .swiper-pagination{width: 100%;left: 0%;bottom: auto;top: auto;bottom: 0rem;display: block;}
    .index_04 .swiper-pagination{right: 0;text-align: center;}
    .index_04 .swiper-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
    .index_04 .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}

    .index_04 li{width: 100%;}
    .index_04 .item{margin: 0 0;}

    .wrap_mode05{padding-top: 33px;padding-bottom: 125px;}
    .index_05{margin-top: 18px;}
    .index_05 .arrow{width: 38px;height: 38px;margin: 0 8px;}
    .index_05 .arrow::before{width: 45px;height: 45px;margin: -22.5px 0 0 -22.5px;}
    .index_05a .swiper_menu{padding: 8px 0;}

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

    .index_01t3 .swiper-pagination .swiper-pagination-bullet,.index_01b .swiper-pagination .swiper-pagination-bullet,.index_03 .swiper-pagination .swiper-pagination-bullet,.index_04 .swiper-pagination .swiper-pagination-bullet{margin: 0 16px;}
    .index_01t3 .swiper-pagination .swiper-pagination-bullet::after,.index_01b .swiper-pagination .swiper-pagination-bullet::after,.index_03 .swiper-pagination .swiper-pagination-bullet::after,.index_04 .swiper-pagination .swiper-pagination-bullet::after{left: -16px;right: -16px;}
    .index_01t3 .swiper-pagination .swiper-pagination-bullet:first-child:after,.index_01b .swiper-pagination .swiper-pagination-bullet:first-child:after,.index_03 .swiper-pagination .swiper-pagination-bullet:first-child:after,.index_04 .swiper-pagination .swiper-pagination-bullet:first-child:after{left:-30px}
    .index_01t3 .swiper-pagination .swiper-pagination-bullet:last-child:after,.index_01b .swiper-pagination .swiper-pagination-bullet:last-child:after,.index_03 .swiper-pagination .swiper-pagination-bullet:last-child:after,.index_04 .swiper-pagination .swiper-pagination-bullet:last-child:after{right:-30px}

	
}
@media screen and (max-width:480px){
	
}
@media screen and (max-width:413px){
	.wrapbanner .swiper-pagination .swiper-pagination-bullet, .wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(3), .wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(4){margin: 0 10px;}
    .wrapbanner .swiper-pagination .swiper-pagination-bullet::after, .wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(3)::after, .wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(4)::after{right: -20px;}
    .index_title .vicetitle{display: none;}

    .index_title .en{font-size: 18px;}
    .wrap_mode03 .index_title .en{ font-size: 18px; }


    .index_01b{margin-bottom: 30px;}
    .index_01b .item{padding: 15px 15px 53px;}

    .index_02 .title{font-size: 16px;}

    .index_02 .arrow{margin: 0 8px;}

}
@media screen and (max-width:380px){
	
}
@media screen and (max-width:320px){
	
}
@media (min-width:1080px) and (max-width:1480px){
    .index_title .title{font-size: calc(3rem + 12px);} 
    /* .index_title .vicetitle{font-size: calc(0.4rem + 12px);line-height: calc(1em + .3rem);} */
    .wrap_mode02 { padding: 8.6rem 0 8rem;} 
}
@media (min-width:996px) and (max-width:1080px){
    .index_title .title{font-size: calc(2.8rem + 12px);} 
    .index_title .vicetitle{font-size: calc(0.4rem + 12px);line-height: calc(1em + .3rem);}
    .wrap_mode02 { padding: 8.6rem 0 7vw;} 
}
@media (min-width:991px) and (max-width:996px){
    .index_title .title{font-size: calc(2.8rem + 12px);} 
    .index_title .vicetitle{font-size: calc(0.4rem + 12px);line-height: calc(1em + .3rem);}
    .wrap_mode02 { padding: 8.6rem 0 10vw;} 
}