@font-face {
	font-family: 'times';
	src: url('../fonts/times.eot?#iefix') format('embedded-opentype'),
	url('../fonts/times.woff') format('woff'),
	url('../fonts/times.woff2') format('woff2'),
	url('../fonts/times.ttf') format('truetype'),
	url('../fonts/times.svg#times') format('svg');
}
@font-face {
	font-family: 'din';
	src: url('../fonts/din.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din.woff') format('woff'),
	url('../fonts/din.woff2') format('woff2'),
	url('../fonts/din.ttf') format('truetype'),
	url('../fonts/din.svg#din') format('svg');
}
@font-face {
	font-family: 'dinbd';
	src: url('../fonts/dinbd.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dinbd.woff') format('woff'),
	url('../fonts/dinbd.woff2') format('woff2'),
	url('../fonts/dinbd.ttf') format('truetype'),
	url('../fonts/dinbd.svg#dinbd') format('svg');
}


.header{position: absolute;padding: 4.6rem 0;}
.header .gp-container{width: calc(100% - 14rem);}

.nav .sub_nav a:hover{color: #b1040e;background: #fff;}


.banner{height: 100%;position: relative;overflow: hidden;}
.banner img{display: block;width: 100%;}
.banner .btn{display: block;position: absolute;left: 21rem;top: 57.4rem;width: 22rem;left: 10.94%;top: 63.08%;/*width: 11.46%;*/line-height: 7.8rem;text-align: center;color: #fff;font-weight: bold;background: linear-gradient(-45.00deg, rgb(255, 47, 51),rgb(255, 201, 101));padding: 0 2rem;border-radius: 8rem;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;}
.banner .btn::before{content: '';display: block;background: url(../images/banner_point.png) no-repeat center/cover;width: 7.1rem;height: 5.6rem;position: absolute;right: -4.6rem;bottom: -2.8rem;-webkit-animation: clickMotion 2s ease-in-out infinite;animation: clickMotion 2s ease-in-out infinite;}
@-webkit-keyframes clickMotion{
	0% {transform: translate(0, 0);}
	50% {transform: translate(-1rem, -1rem);}
	100% {transform: translate(0, 0);}
}
@keyframes clickMotion{
	0% {transform: translate(0, 0);}
	50% {transform: translate(-1rem, -1rem);}
	100% {transform: translate(0, 0);}
}
.banner .btn:hover {transform: translateY(-0.3rem);}

.content{background: #fff;}

.index_title{display: block;margin: 0 auto 8rem;width: 28.6rem;position: relative;text-align: left;padding-left: 4rem;font-weight: normal;z-index: 10;}
.index_title .l1{display: block;position: absolute;bottom: 0;top: .5rem;left: 2rem;width: .1rem;background: #94070A;}
.index_title .l1::before{content: '';display: block;border-bottom: .5rem solid #94070A;border-left: .3rem solid transparent;border-right: .3rem solid transparent;position: absolute;top: -0.5rem;left: -0.25rem;}
.index_title .l2{display: block;position: absolute;bottom: 2.7rem;right: .5rem;left: 0;height: .1rem;background: #94070A;}
.index_title .l2::before{content: '';display: block;border-left: .5rem solid #94070A;border-top: .3rem solid transparent;border-bottom: .3rem solid transparent;position: absolute;right: -0.5rem;top: -0.25rem;}
.index_title h2{line-height: 5rem;margin: 0 0 1.4rem;letter-spacing: .3em;}
.index_title p{font-family: 'times';color: #999;line-height: 1.2em;}
.index_title.w h2{color: #fff;}
.index_title.w p{color: #999;}


.wrap_mode01{padding: 10rem 0 14rem;background: url(../images/mode01_bg1.png) no-repeat right 4.6rem/150.4rem auto,url(../images/mode01_bg2.png) no-repeat left bottom/64.7rem auto,#F6F6F6;}
.mode01{padding-top: 5rem;padding-left: 8rem;}
.mode01_title{position: absolute;left: 0;top: 0;z-index: 2;border-radius: 0 3rem 0 0;background: url(../images/mode01_title.png) no-repeat center/100% 100%;width: 15rem;height: 15rem;}
.mode01_title span{display: block;color: #fff;font-weight: bold;width: 2.8em;line-height: 1.33em;text-align: center;letter-spacing: .2em;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.mode01_title::before{content: '';display: block;position: absolute;left: 0;top: 100%;border-right: 8rem solid #700002;border-bottom: 5rem solid transparent;}
.index_01{padding: 4.8rem 5rem 5rem 12rem;border-radius: 0 3rem;position: relative;background: linear-gradient(45.00deg, rgb(255, 255, 255),rgb(255, 255, 255),rgba(255, 255, 255, 0));border: .2rem solid rgb(255, 255, 255);}
.index_01::before{content: '';display: block;background: url(../images/mode01_dot1.png) no-repeat center/cover;width: 6rem;height: 6rem;position: absolute;left: 12rem;top: -4rem;}
.index_01::after{content: '';display: block;background: url(../images/mode01_dot2.png) no-repeat center/cover;width: 6rem;height: 6rem;position: absolute;right: 5rem;bottom: -4rem;}
.index_01 p{margin: 0 0 2rem;}
.index_01 p:last-child{margin: 0;}

.wrap_mode02{padding: 10rem 0;overflow: hidden;}
.mode02{}

.index_02{}
.index_02 ul{margin: 0 0 -5rem -10rem;}
.index_02 li{position: relative;}
.index_02 li::before{content: '';display: block;background: url(../images/mode02_top_bg3.png) no-repeat center/cover;width: 20rem;height: 23rem;position: absolute;left: 5rem;top: -17.2rem;}
.index_02 .item{margin: 0 0 5rem 10rem;position: relative;}
.index_02 .top{padding: 0 0 0;width: 20rem;height: 23rem;background: url(../images/mode02_top_bg.png) no-repeat center/cover;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 0 auto -5.2rem;z-index: 2;position: relative;}
.index_02 .top::before{content: '';display: block;position: absolute;width: 100%;height: 100%;background: url(../images/mode02_top_bg2.png) no-repeat center/cover;left: 100%;top: 0;}
.index_02 li:last-child .top::before{display: none;}
.index_02 li:last-child .item::before{content: '';display: block;position: absolute;width: 20rem;height: 23rem;background: url(../images/mode02_top_bg2.png) no-repeat center/cover;left: 15rem;top: 17.2rem;z-index: -1;}
.index_02 .ico{width: 10rem;height: 10rem;margin: -0.7rem 0 1rem;}
.index_02 .title{margin: 0 0;color: #fff;font-weight: bold;}
.index_02 .summary{color: #333;background: #F6F6F6;border-radius: 3rem;padding: 7.4rem 3rem 3rem;text-align: justify;}

.wrap_mode03{padding: 10rem 0 4rem;background: rgb(239, 235, 234);overflow: hidden;}
.mode03{}

.index_03{text-align: center;margin: -8.4rem .9rem 0;}
/* .index_03 ul, */
.index_03 .row-wrapper{margin: 0 -2rem;position: relative;}
.index_03 .line{display: block;position: absolute;bottom: 0;left: 50%;width: 49%;border: .1rem dashed #94070A;top: 50%;border-radius: 0 50rem 50rem 0;}
.index_03 .line::before{content: '';display: block;background: url(../images/mode03_arrow.svg) no-repeat center/cover;width: 3rem;height: 3rem;position: absolute;left: 100%;top: 50%;transform:translateX(-50%) translateY(-50%) rotate(90deg);}
.index_03 .line2{left: 1%;bottom: calc(50% - .1rem);top: -0.1rem;border-radius: 50rem 0 0 50rem;}
.index_03 .line2::before{left: 0;}
.index_03 .line1{border-left: none;}
.index_03 .line2{border-right: none;}
.index_03 .row-wrapper:first-child .line2,.index_03 .row-wrapper:last-child .line1{top: auto;border: none;border-top: .1rem dashed #94070A;border-radius: 0;bottom: calc(50% - .1rem);}
.index_03 .row-wrapper:first-child .line2::before,.index_03 .row-wrapper:last-child .line1::before{display: none;}

.index_03 .row-wrapper:first-child .line2::after{content: '';position: absolute;top: -0.1rem;left: 0;width: 50%;height: .1rem;background: linear-gradient(to right, rgba(239, 235, 234, 0.99), rgba(239, 235, 234, 0));pointer-events: none;}
.index_03 .row-wrapper:last-child .line1::after{content: '';position: absolute;top: -0.1rem;right: 0;width: 50%;height: .1rem;background: linear-gradient(to left, rgba(239, 235, 234, 0.99), rgba(239, 235, 234, 0));pointer-events: none;}
.index_03 li{width: 25%;}
.index_03 .item{padding: 8rem 0 6.2rem;display: flex;flex-direction: column;align-items: center;position: relative;}
.index_03 .item::before{content: '';display: block;background: url(../images/mode03_arrow.svg) no-repeat center/cover;width: 3rem;height: 3rem;position: absolute;left: 100%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.index_03 li:last-child .item::before{display: none;}
.index_03 .dot{width: 3.4rem;height: 3.4rem;background: #94070A;border-radius: 50%;margin: 2rem 0;border: .7rem solid #FFFAF4;}
.index_03 .top{padding: 0 0 0;position: relative;width: 8rem;height: 8rem;background: #94070A;border-radius: 50%;margin: 0;}
.index_03 .top .ico{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 4rem;height: 4rem;}
.index_03 .title{margin: 0 0 1.2rem;padding: 0 3rem;line-height: 5rem;height: 5rem;color: #fff;font-weight: bold;background: linear-gradient(135.00deg, rgb(255, 155, 40),rgb(222, 0, 0));display: inline-block;border-radius: 5rem;}
.index_03 .summary{margin: 0 0;color: #333;font-family: 'dinbd';}

.index_03 .item:hover .top{animation: jumpRotate 2.8s ease-out infinite;}
@keyframes jumpRotate {
    0% {
        transform: translateY(0) rotateY(0deg);
    }
    25% {
        transform: translateY(-1rem) rotateY(90deg);
    }
    50% {
        transform: translateY(-1.5rem) rotateY(180deg);
    }
    75% {
        transform: translateY(-0.5rem) rotateY(270deg);
    }
    100% {
        transform: translateY(0) rotateY(360deg);
    }
}

.wrap_mode04{padding: 10rem 0 5rem;background: #382E2F;}
.mode04{}

.index_04{}
.index_04 ul{margin: 0 5rem;}
.index_04 li{width: auto;height: 100%;}
.index_04 .line{height: 32rem;border-left: .1rem solid rgba(255, 255, 255, .3);margin: 5rem 0 0;}
.index_04 .line:last-child{display: none;}
.index_04 .item{margin: 0 0;width: 20rem;color: #fff;}
.index_04 .title{margin: 0 0;font-weight: bold;}
.index_04 .b{margin: 2rem 0;width: 4rem;height: .6rem;background: linear-gradient(90.00deg, rgb(148, 7, 10),rgb(255, 151, 32));}
.index_04 .summary{margin: 0 0;text-align: justify;}


.wrap_mode05{padding: 5rem 0 10rem;background: #EFEBEA;position: relative;}
.wrap_mode05::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 38.8rem;background: #382E2F;}
.mode05{}

.index_05a{}
.index_05a ul{margin: -3rem 0 5rem;align-items: flex-end;}
.index_05a li{width: auto;}
.index_05a li:nth-child(1){order: 2;}
.index_05a li:nth-child(2){order: 1;}
.index_05a li:nth-child(3){order: 3;}
.index_05a .item{margin: 0 0;width: 40rem;padding: 5rem 0;text-align: center;color: #fff;display: flex;align-items: center;flex-direction: column;}
.index_05a li:nth-child(1) .item{padding: 8rem 0;width: 50rem;background: url(../images/mode05_bg1.png) no-repeat center/100% 100%;}
.index_05a li:nth-child(2) .item{background: url(../images/mode05_bg2.png) no-repeat center/100% 100%;}
.index_05a li:nth-child(3) .item{background: url(../images/mode05_bg3.png) no-repeat center/100% 100%;}
.index_05a .title{margin: 0 0 4rem;line-height: 10rem;font-weight: bold;padding: 0 4.5rem;border-radius: 10rem;position: relative;z-index: 2;background:linear-gradient(-45.00deg, rgb(255, 176, 48),rgb(188, 32, 22));}
.index_05a .title::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 10rem;border: .1rem solid #fff;mask-image: linear-gradient(to right, transparent, black 50%, transparent);-webkit-mask-image: linear-gradient(to right, transparent, black 50%, transparent);}
.index_05a .num{margin: .3rem 0 3.3rem;line-height: 3em;height: 3em;font-weight: bold;}
.index_05a .num span{font-size: 2.5em;margin: 0 2rem 0 0;font-family: 'din';font-weight: normal;}
.index_05a li:nth-child(1) .title{margin: 0 0 8rem;}

.index_05b{display: block;border-radius: 3rem;background: url(../images/mode05_bg4.png) no-repeat center/cover;padding: 7rem 0 5.8rem;text-align: center;color: #fff;display: flex;align-items: center;flex-direction: column;}
.index_05b:hover{color: #fff;}
.index_05b .title{margin: 0 0 4rem;line-height: 10rem;font-weight: bold;padding: 0 4.5rem;border-radius: 10rem;position: relative;z-index: 2;background:linear-gradient(-45.00deg, rgb(255, 176, 48),rgb(188, 32, 22));width: 60rem;}
.index_05b .title::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 10rem;border: .1rem solid #fff;mask-image: linear-gradient(to right, transparent, black 50%, transparent);-webkit-mask-image: linear-gradient(to right, transparent, black 50%, transparent);}

.wrap_mode06{padding: 10rem 0;}
.mode06{}

.index_06{padding: 5.5rem 10rem;background: #F6F6F6;margin: -4rem 0 0;}
.index_06 .box{align-items: center;}
.index_06 h2{position: relative;}
.index_06 ul::before{content: '';display: block;position: absolute;top: 0;bottom: 0;left: .2rem;border-left: .1rem solid rgba(0, 0, 0, .1);}
.index_06 ul::after{content: '';display: block;position: absolute;top: 2.5rem;bottom: 2.5rem;left: 0;border-left: .5rem solid #94070A;}
.index_06 ul{padding: 2.5rem 0 .5rem 3.4rem;margin: 0 0 0 5rem;flex: 1;position: relative;}
.index_06 .item{margin: 0 0 2rem 2.1rem;padding: 1rem 3rem;background: #fff;}
.index_06 .gp-img_centered{height: 8rem;}
.index_06 .box:first-child ul::before{top: -0.5rem;}
.index_06 .box:last-child ul::before{bottom: -0.5rem;}

.index_07{background: url(../images/mode07_bg.png) no-repeat center/cover;padding: 6.1rem 0;}
.index_07 .btn{display: block;margin: 0 auto;width: 22rem;line-height: 7.8rem;height: 7.8rem;background: url(../images/mode07_btn.png) no-repeat center/100% 100%;box-shadow: 0rem .4rem 3rem 0rem rgb(255, 26, 26);border-radius: 5rem;text-align: center;color: #fff;font-weight: bold;}

.index_07 .btn:hover{animation: glowPulse 2s ease-in-out infinite;}

@keyframes glowPulse {
    0% {
        box-shadow: 0rem .4rem 3rem 0rem rgb(255, 26, 26);
        transform: scale(1);
}
    50% {
        box-shadow: 0rem .8rem 4rem 0rem rgba(255, 26, 26, 0.8),
                    0rem 0rem 3rem 0rem rgba(255, 26, 26, 0.6),
                    0rem 0rem 6rem 0rem rgba(255, 26, 26, 0.4);
        transform: scale(1.03);
    }
    100% {
        box-shadow: 0rem .4rem 3rem 0rem rgb(255, 26, 26);
        transform: scale(1);
    }
}

@media screen  and (max-width:1480px){
	
}
@media screen  and (max-width:996px){
	.index_title{width: 206px;margin-bottom: 28px;}
	.index_title .l2{bottom: 22px;}

	.index_02 li::before,.index_02 .top::before,.index_02 li:last-child .item::before{display: none;}
	.index_02 ul{margin: 0 0 -3rem -4rem;}
	.index_02 .item{margin: 0 0 3rem 4rem;}
	.index_02 .title{font-size: 18px;}

	.index_03 li{width: 33.3%;}

	.index_04 ul{margin: 0 0 -50px;}
	.index_04 li{width: 45%;margin: 0 0 50px;}
	.index_04 .line{height: 26rem;}
	.index_04 .item{width: auto;}
	.index_04 .line:nth-child(4n){display: none;}

	.index_05a li:nth-child(1) .item,.index_05a li:nth-child(2) .item, .index_05a li:nth-child(3) .item{width: 100%;}
	.index_05a ul{width: 100%;}
	.index_05a li:nth-child(1){width: 36%;}
	.index_05a li:nth-child(2){width: 30%;}
	.index_05a li:nth-child(3){width: 30%;}
	.index_05a .num span{font-size: 2em;}

	.index_05a .title{padding: 0 2rem;}

}
@media screen and (max-width:767px){
	.banner .btn{font-size: 16px;width: 110px;line-height: 30px;}

	.wrap_mode01{padding: 40px 0 30px;}
	.mode01{padding: 40px 0 0;}
	.mode01_title{height: 70px;top: -20px;}
	.mode01_title::before,.index_01::before{display: none;}

	.index_01{padding: 4.8rem 4rem 5rem;}

	.wrap_mode02{padding: 30px 0;}

	.wrap_mode03{padding: 30px 0 12px;}
	.index_03 li{width: 50%;}

	.wrap_mode04{padding: 30px 0 20px;}
	.index_04 li{margin-bottom: 30px;}

	.wrap_mode05{padding-bottom: 30px;}

	.index_05a li:nth-child(1){order: 1;width: 100%;}
	.index_05a li:nth-child(2){order: 2;width: 50%;}
	.index_05a li:nth-child(3){order: 3;width: 50%;}
	.index_05a .item{margin: 0 auto;}
	.index_05a li:nth-child(1) .item{margin: 0 auto 20px;}


	.index_05a ul{margin: 0;}
	.index_05a li:nth-child(1) .item{width: 70%;}
	.index_05a li:nth-child(2),.index_05a li:nth-child(3){width: 48%;margin: 0 0 20px;}
	.index_05a li:nth-child(2) .item,.index_05a li:nth-child(3) .item{width: 100%;}
	.index_05a .num{margin-bottom: 2rem;}
	.index_05a .num span{font-size: 1.8em;}
	.index_05a .title{padding: 0 2.5rem;line-height: 1.8em;margin-bottom: 2rem;font-size: 20px;}
	.index_05a li:nth-child(1) .title{margin-bottom: 4rem;}

	.index_05b .title{width: 200px;line-height: 1.8em;margin-bottom: 2rem;font-size: 20px;}
	
	.wrap_mode06{padding: 30px 0;}

	.index_06{padding: 30px 20px;margin: 0;}
	.index_06 h2{width: 100%;}
	.index_06 ul::before,.index_06 ul::after{display: none;}
	.index_06 ul{padding: 2.5rem 0 .5rem;margin: 0 0 0 -1.1rem;}

	.index_07{padding: 3rem 0;}

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

	.index_03 .summary{font-size: 14px;}
	.index_03 .item{padding: 4rem 0 2.2rem;}

	.index_04 li{width: 100%;}
	.index_04 .line{display: none;}

	.index_05a li:nth-child(1) .item{width: 100%;}
	.index_05a .title{padding: 0 1.5rem;line-height: 1.8em;margin-bottom: 2rem;font-size: 18px;}
	.index_05a .num{line-height: 2em;height: 2em;}
	.index_05a .num span{font-size: 1.4em;}
	.index_05a .p1{font-size: 19px;}
	
	.index_05b{padding: 3rem 0;}
}

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