/*banner*/
/* MainVisual */
.mcon_w1400{position: relative;max-width: 1440px;margin: 0 auto;}
.mcon_w1400::after{content: '';display: block;clear: both;}
.main_visual_wrap{position: relative;overflow: hidden;height:470px;background:url('/images/front/main/main_bg.jpg') no-repeat 0 0 #f2f3f7;margin-bottom: 60px;}
.main_visual_wrap .tit_area{float: left;width: 30%;margin-top: 90px;animation: main_animation 0.8s ease 1s 1 normal both;}
.main_visual_wrap .tit_area .tit01{font-size: 3.8rem;font-weight: 100;color: #333333;letter-spacing: -2px;line-height: 1;margin-bottom: 10px;}
.main_visual_wrap .tit_area .tit01 strong{display:block;font-size: 3.8rem;font-weight: 600;color: #0030aa;}
.main_visual_wrap .tit_area.tit_second .tit01 strong{display:inline-block;}
.main_visual_wrap .tit_area .tit02{display:inline-block;width:100%;font-size:1.063rem;line-height: 1.5;letter-spacing: -1.3px;word-break:keep-all;}
.main_visual_wrap .tit_area .btn_go{display: inline-block;height:55px;font-size:0.938rem;font-weight:400;color:#fff;line-height: 55px;background:url('/images/front/icon/icon_arrow04.png') no-repeat 85% center #0030aa;border-radius:100px;padding:0 95px 0 30px;margin-top: 35px;}

@keyframes main_animation {
	0% {margin-top:100px;opacity:0;}
	100% {margin-top:80px;opacity:1;}
}

.main_banner{float: right;width: 65%;margin-top: 45px;}
.main_banner::after{content: '';display: block;clear: both;}
.main_banner .box{position: relative;float: left;width: 46%;background: #fff;border-radius: 25px;border: 1px #ddd solid;padding: 32px;margin: 0 1.3%;box-shadow: 0px 10px 30px rgb(157 157 157 / 30%);}
.main_banner .tit_top{overflow: hidden;margin-bottom:15px;}
.main_banner .box h2{float: left;font-size:1.313rem;font-weight: 500;color: #000;}
.main_banner .box .btn_control_top{float: right;}
.main_banner .box .btn_control_top .banner_count{display: inline-block;}
.main_banner .box .btn_control_top .banner_count span{color: #444;padding: 0 4px;}
.main_banner .box .btn_control_top .Btn_play{display: inline-block;font-size: 0;width: 20px;height: 23px;background:url('/images/front/main/f_banner_btn01.png') no-repeat center center;}
.main_banner .box .btn_control_top .Btn_stop{display: inline-block;font-size: 0;width: 20px;height: 23px;background:url('/images/front/main/f_banner_btn02.png') no-repeat center center;}
.main_banner .box .banner_con{}
.main_banner .box .banner_con li a{display: block;overflow: hidden;position: relative;z-index: 0;height: 0;padding-top: 75%;background-color: #ddd;border-radius: 20px;}
.main_banner .box .banner_con li a img{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;min-height: 100%;}
.btn_control a{position: relative;display: block;width: 35px;height: 35px;font-size: 0;border-radius: 50%;box-shadow: 0px 3px 9px 0.3px rgb(157 157 157 / 50%);}
.btn_control a.Btn_prev{position: absolute;top:50%;left: -10px;background:url('/images/front/icon/icon_left.png') no-repeat center center #fff;}
.btn_control a.Btn_next{position: absolute;top:50%;right: -10px;background:url('/images/front/icon/icon_right.png') no-repeat center center #fff;}



/*首页banner*/
.index_banner {
	position: relative;
	padding-top:100px;
}

.index_banner .swiper-slide {
	width: 83.3%;
	max-width: 1585px;
	margin: 0 10px;
	border-radius: 20px;
	overflow: hidden;
	position:relative;

}

.index_banner .img_box {
	width: 100%;
	height: auto;
}

.index_banner .img_box img {
	width: 100%;
	height: auto;
	display: block;
	/*min-height: 260px;*/
	object-fit: cover;
}
 

 
 

.index_banner .slide1 .text_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	/*height: 100%;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.index_banner .slide1 .text_box {
	color: #fff;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.index_banner .slide1 .text_box h2,
.index_banner .slide2 .text_box h2 {
	font-size: 36px;
	font-weight: 100;
	letter-spacing: 0.4em;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.2em;
	width: 90%;
}

.index_banner .slide1 .text_box h2 {
	justify-content: center;
}

.index_banner .slide1 .text_box h2 span {
	font-size: inherit;
	font-weight: 900;
}

.index_banner .slide1 .text_box h4 {
	font-size: 20px;
	color: #fff;
	line-height: 1.5em;
	font-weight: 100;
	text-transform: uppercase;
	padding: 8px 0;
	width: 90%;
	text-align: center;
}

.index_banner .text_box .btn {
	width: 326px;
	height: 55px;
	border: 1px solid rgba(207, 216, 220, 1);
	border-radius: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}

.index_banner .text_box .btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transform: scaleX(0);
	opacity: 0;
	transition: all 0.3s;
	z-index: 1;
	transform-origin: left;
}

.index_banner .text_box .btn:hover:after {
	transform: scaleX(1);
	opacity: 1;
}

.index_banner .text_box .btn p {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	text-shadow: 0px 11px 21px rgba(59, 59, 59, 0.57);
	position: relative;
	left: -20px;
	z-index: 2
}

.index_banner .text_box .btn:hover p {
	color: #333;
}

.index_banner .text_box .btn i {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: url(../images/left_img_arrow_w.svg) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%) rotate(180deg);
	z-index: 2;
	transition: all 0.3s;
}

.index_banner .text_box .btn:hover i {
	background: url(../images/left_img_arrow_b.svg) no-repeat center center;
	background-size: 100% 100%;
}

.index_banner .slide2 .text_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.index_banner .slide2 .text_box {
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	color: #fff;
}

.index_banner .slide2 .text_box h3 {
	font-size: 35px;
	font-weight: bold;
	padding-bottom: 20px;
}

.index_banner .slide2 .text_box h2 {
	position: relative;
	left: -20px;
}

.index_banner .slide2 .text_box h2 span {
	font-size: inherit;
	font-style: normal;
	font-weight: inherit;
	transform: rotate(180deg);
	display: block;
	letter-spacing: 0;
	margin-right: 0.4em;
	line-height: 1.2em;
}

.index_banner .slide2 .text_box .btn {
	width: 200px;
	position: relative;
	overflow: hidden;
}

.index_banner .slide3 .text_wrap {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.index_banner .slide3 .text_box {
	position: relative;
	left: 10%;
	max-width: 557px;
	width: 80%;
	height: 287px;
	background: rgba(0, 0, 0, 0.37);
	border-radius: 33px;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 94px;
}

.index_banner .slide3 .text_box h3 {
	font-size: 24px;
	line-height: 30px;
	position: relative;
}

.index_banner .slide3 .text_box h3:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -44px;
	background: url(..//images/f_right.svg) no-repeat center center;
	background-size: 100% auto;
	width: 38px;
	height: 30px;
}

.index_banner .slide3 .text_box p {
	font-size: 19px;
	line-height: 29px;
}

.index_banner .slide3 .text_box .btn {
	width: 36px;
	height: 36px;
	border: none;
	margin-top: 14px;
}

.index_banner .slide3 .text_box .btn i {
	position: static;
	transform: translateY(0) rotate(180deg);
}

@media only screen and (min-width: 100px) and (max-width: 1450px) {
	.index_banner .slide1 .text_box h2,
	.index_banner .slide2 .text_box h2 {
		font-size: 32px;
	}
	.index_banner .slide1 .text_box h4 {
		font-size: 18px;
	}
	.index_banner .slide2 .text_box h3 {
		font-size: 30px;
	}
	.index_banner .slide3 .text_box {
		height: 220px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1250px) {
	.index_banner .slide1 .text_box h2,
	.index_banner .slide2 .text_box h2 {
		font-size: 28px;
	}
	.index_banner .slide2 .text_box h3 {
		font-size: 26px;
		padding-bottom: 16px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1050px) {
	.index_banner .slide1 .text_box h2,
	.index_banner .slide2 .text_box h2 {
		letter-spacing: 0.2em;
	}
	.index_banner .slide1 .text_box h4 {
		font-size: 16px;
	}
	.index_banner .text_box .btn {
		height: 40px;
		max-width: 240px;
		width: 80%;
	}
	.index_banner .slide2 .text_box .btn {
		width: 170px;
	}
	.index_banner .text_box .btn p {
		font-size: 16px;
	}
	.index_banner .text_box .btn i {
		width: 30px;
		height: 30px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 950px) {
	.index_banner .slide1 .text_box h2,
	.index_banner .slide2 .text_box h2 {
		letter-spacing: 0.1em;
	}
	.index_banner .slide1 .text_box h4 {
		font-size: 14px;
	}
	.index_banner .slide2 .text_box h3 {
		font-size: 20px;
		padding-bottom: 10px;
	}
	.index_banner .swiper-slide{
		border-radius: 14px
	}
}

@media only screen and (min-width: 100px) and (max-width: 700px) {
	.index_banner .slide1 .text_box h2,
	.index_banner .slide2 .text_box h2 {
		font-size: 20px;
	}
	.index_banner .slide2 .text_box h3 {
		font-size: 18px;
	}
	.index_banner .slide3 .text_box h3 {
		font-size: 18px;
	}
	.index_banner .slide3 .text_box h3:before {
		width: 30px;
		height: 30px;
		left: -40px;
	}
	.index_banner .slide3 .text_box p {
		font-size: 16px;
	}
	.index_banner .slide2 .text_box h2 {
		left: 0;
	}
	.index_banner .slide2 .text_box h2 span {
		margin: 0;
	}
	.index_banner .slide2 .text_box {
		width: 90%;
	}
}

@media only screen and (min-width: 100px) and (max-width: 600px) {
	.index_banner .slide3 .text_box {
		padding-left: 60px;
	}
	.index_banner .swiper-slide{
		border-radius: 10px;
		width:100%;
	}
}

@media only screen and (min-width: 100px) and (max-width: 500px) {
	.index_banner .slide3 .text_box {
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto;
	}
	.index_banner .slide3 .text_box p {
		display: none;
	}
	.index_banner .slide1 .text_box h4 {
		display: none;
	}
	.index_banner .slide2 .text_box h2 {
		font-size: 16px;
	}
	.index_banner .slide1 .text_box h2 {
		text-align: center;
		justify-content: center;
		font-size: 14px;
	}
	.index_banner .swiper-button-next,
	.index_banner .swiper-button-prev {
		display: none;
	}
	.index_banner .text_box .btn {
		height: 32px;
		max-width: 180px;
		margin-top: 8px;
	}
	.index_banner .slide2 .text_box .btn {
		width: 140px;
	}
	.index_banner .text_box .btn p {
		font-size: 14px;
	}
	.index_banner .text_box .btn i {
		width: 24px;
		height: 24px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 400px) {
	.index_banner .swiper-slide {
		width: 90%;
		margin: 0 3px;
	}
	.index_banner .img_box img {
		/*min-height: 200px;*/
	}
}




.swiper-control{
      position: absolute;
      right: 260px;
      bottom: 60px;
      z-index: 10;
       display: flex; 
       align-items: center;
}

.swiper-control .dots{margin:0 45px 0 0;width:auto;}
.swiper-control .progress-warp{width:160px;height:160px; position: relative;}
.swiper-control .swiper-pagination-bullet{cursor:pointer;width:20px;height:20px;border-radius:10px;background-color: rgba(36, 50, 66, 0.05);/*#A3A6A7;*/background-color: transparent;opacity:1;position:relative;}
.swiper-control .swiper-pagination-bullet:before{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    width: 10px;
    height: 10px;
    background-color: #A3A6A7;
    content: "";}
.swiper-control .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 2px solid var(--logo-color2);}
.swiper-control .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:var(--logo-color2); }
.index_banner .swiper-control .dots span + span{margin:0px 0px 0px 20px;}
/*
    .autoplay-progress {
      position: absolute;
      right: 260px;
      bottom: 60px;
      z-index: 10;
      width: 162px;
      height: 162px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: var(--swiper-theme-color);
      z-index:9999;
    }*/

    .autoplay-progress svg {
      --progress: 0;
 
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 2px;
      stroke: var(--logo-color2);
      fill: none;
      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
      cursor:pointer;
    }
    .autoplay-progress span{display:none;}
 
 
.button-wrap button:before, .button-wrap button:after{content:"";display:none;}
.button-wrap button,.button-wrap [type="button"],.button-wrap [type="reset"],.button-wrap [type="submit"] {
    background-color:transparent; cursor: pointer;
    text-transform: none; vertical-align: middle;
}
.button-wrap .swiper-button-next, .button-wrap  .swiper-button-prev {
    position: static;
    margin-top:auto;cursor:pointer;
}
.button-wrap {	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);display: flex; align-items: center;}
.button-wrap button.swiper-button-prev {
    min-width: 14px; width: 14px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='21' viewBox='0 0 14 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0053 1.07553C10.7522 0.328654 11.9631 0.328655 12.71 1.07553C13.4568 1.82241 13.4568 3.03334 12.71 3.78022L6.11225 10.3779L12.71 16.9757C13.4568 17.7225 13.4568 18.9335 12.71 19.6803C11.9631 20.4272 10.7522 20.4272 10.0053 19.6803L0.702881 10.3779L10.0053 1.07553Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size:inherit;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s;
} 
.button-wrap button.swiper-button-prev:hover,
.button-wrap button.swiper-button-prev:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='21' viewBox='0 0 14 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0053 1.07553C10.7522 0.328654 11.9631 0.328655 12.71 1.07553C13.4568 1.82241 13.4568 3.03334 12.71 3.78022L6.11225 10.3779L12.71 16.9757C13.4568 17.7225 13.4568 18.9335 12.71 19.6803C11.9631 20.4272 10.7522 20.4272 10.0053 19.6803L0.702881 10.3779L10.0053 1.07553Z' fill='%23D02E17'/%3E%3C/svg%3E%0A");
    background-size:inherit;

}
.button-wrap button.swiper-button-next {
    min-width: 14px; width: 14px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='21' viewBox='0 0 13 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.3143 1.07553C2.56742 0.328654 1.35649 0.328655 0.609616 1.07553C-0.137261 1.82241 -0.13726 3.03334 0.609616 3.78022L7.20733 10.3779L0.609615 16.9757C-0.137261 17.7225 -0.137261 18.9335 0.609616 19.6803C1.35649 20.4272 2.56742 20.4272 3.3143 19.6803L12.6167 10.3779L3.3143 1.07553Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size:inherit;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s;
}
.button-wrap button.swiper-button-next:hover,
.button-wrap button.swiper-button-next:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='21' viewBox='0 0 13 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.3143 1.07553C2.56742 0.328654 1.35649 0.328655 0.609616 1.07553C-0.137261 1.82241 -0.13726 3.03334 0.609616 3.78022L7.20733 10.3779L0.609615 16.9757C-0.137261 17.7225 -0.137261 18.9335 0.609616 19.6803C1.35649 20.4272 2.56742 20.4272 3.3143 19.6803L12.6167 10.3779L3.3143 1.07553Z' fill='%23D02E17'/%3E%3C/svg%3E%0A");
}
.button-wrap button.swiper-button-stop {cursor:pointer;
    margin: 0 15px; min-width: 18px; width: 18px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.27476 20.323C1.21851 20.323 0.362255 19.4668 0.362255 18.4105L0.362256 2.34553C0.362256 1.28928 1.21851 0.433029 2.27476 0.433029C3.331 0.433029 4.18726 1.28928 4.18726 2.34553L4.18726 18.4105C4.18726 19.4668 3.331 20.323 2.27476 20.323Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0448 20.323C14.9885 20.323 14.1323 19.4668 14.1323 18.4105L14.1323 2.34553C14.1323 1.28928 14.9885 0.433029 16.0448 0.433029C17.101 0.433029 17.9573 1.28928 17.9573 2.34553L17.9573 18.4105C17.9573 19.4668 17.101 20.323 16.0448 20.323Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size:inherit;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s;
} 
.button-wrap button.swiper-button-stop:hover,
.button-wrap button.swiper-button-stop:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.27476 20.323C1.21851 20.323 0.362255 19.4668 0.362255 18.4105L0.362256 2.34553C0.362256 1.28928 1.21851 0.433029 2.27476 0.433029C3.331 0.433029 4.18726 1.28928 4.18726 2.34553L4.18726 18.4105C4.18726 19.4668 3.331 20.323 2.27476 20.323Z' fill='%23D02E17'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0448 20.323C14.9885 20.323 14.1323 19.4668 14.1323 18.4105L14.1323 2.34553C14.1323 1.28928 14.9885 0.433029 16.0448 0.433029C17.101 0.433029 17.9573 1.28928 17.9573 2.34553L17.9573 18.4105C17.9573 19.4668 17.101 20.323 16.0448 20.323Z' fill='%23D02E17'/%3E%3C/svg%3E%0A");
    background-size:inherit; 
}
.button-wrap button.swiper-button-play {cursor:pointer;
    margin: 0 15px; min-width: 18px; width: 18px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='21' viewBox='0 0 15 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V10.5V21L15 10.5L0 0Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size:inherit;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s;
}
.button-wrap button.swiper-button-play:hover,
.button-wrap button.swiper-button-play:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='21' viewBox='0 0 15 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V10.5V21L15 10.5L0 0Z' fill='%23D02E17'/%3E%3C/svg%3E%0A");
    background-size:inherit;
    
}



@media (max-width: 1499px) {
    .swiper-control {
        position: absolute;
        right: 180px;
        bottom: 45px;
        z-index: 10;
        display: flex;
        align-items: center;
    }
} 
@media (max-width: 1084px) {
    .swiper-control {
        position: absolute;
        right: 140px;
        bottom: 35px;
        z-index: 10;
        display: flex;
        align-items: center;
    }
    .swiper-control .progress-warp{
        width:140px;
        height:140px;
    }
}
@media (max-width: 1023px) {
    .swiper-control {
        position: absolute;
        right: 90px;
        bottom: 0px;
        z-index: 10;
        display: flex;
        align-items: center;
    }
    .swiper-control .progress-warp{
        width:100px;
        height:100px;
    }
    .button-wrap button.swiper-button-prev,.button-wrap button.swiper-button-next{display:none;}
}
@media (max-width: 880px) {
    .swiper-control .progress-warp{
        width:80px;
        height:80px;
    }
}
@media (max-width: 640px) {
    .button-wrap {top: -68px; right: 30px;}
    .swiper-control{height:50px;right:auto;position:relative;}
    .swiper-control .progress-warp {display:none;}
    .swiper-control .dots {
        margin: auto;
        display: inline-block;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        bottom: initial;
        top: 50%;
    }
    .index_banner {padding-top:80px;}
    .index_banner_swiper{padding-bottom:10px;}
} 
@media (max-width: 500px) {
    .button-wrap {right: 20px;}
}    
@media (max-width: 400px) {
    .button-wrap {top: -44px;}
}

.button-wrap .swiper-button-stop {}
.button-wrap .swiper-button-play {}