/* swiper slider */
.main_slide {
    width: 100%;
    height: 500px; transition: height 0.2s ease-in-out;
}

.main_slide .swiper-slide {
	text-align: center;
	background-color: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
    flex-flow: row wrap;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main_slide .swiper-button-prev{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.main_slide .swiper-button-next{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.main_content{ width: 100%; max-width: 1200px; margin: auto; padding: 50px 20px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.main_content>li{ width: 100%; padding: 20px; border-left: 1px solid rgb(204,204,204); }
.main_content>li:first-of-type{ border-left: 0; }
.main_content>li>div{ width: 100%; height: auto; margin-bottom: 30px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.main_content>li>div>h4{ color: rgb(51,51,51); font-size: bold; font-size: 18px; }
.main_content>li>div>button{ min-width: 46px; padding: 2px 4px; background-color: rgb(255,255,255); border:1px solid rgb(221,221,221); color: rgb(102,102,102); font-size: 10px; cursor: pointer; }
.main_content>li>div>button>i{ font-size: 7px; }
.main_content>li>p{ width: 100%; margin-top: 5px; color: rgb(85,85,85); font-size: 14px; }
.main_content>li>p:first-of-type{ margin-top: 0; }
.main_content>li:first-of-type>p{ max-width: 220px; height: 20px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.main_content>li:first-of-type>p>span{ position: relative; top: -4px; }
.main_content>li>ol{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.main_content>li>ol>li{ width: 32%; min-width: 80px; height: auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; cursor: pointer; }
.main_content>li>ol>li>img{ width: auto; height: 48px; }
.main_content>li>ol>li>p{ width: 100%; margin-top: 5px; text-align: center; font-size: 14px; color: rgb(85,85,85); }
.main_content>li>h2{ width: 100%; margin-bottom: 10px; color: #062c5e; font-size: 24px; letter-spacing: 1px; }
.main_content>li>h6{ width: 100%; font-size: 14px; display: flex; flex-flow: row nowrap; }
.main_content>li>h6>span{ color: rgb(102,102,102); }
.main_content>li>h6>span:first-of-type{ min-width: 60px; color: rgb(51,51,51); }



.main_content_m{ width: 100%; max-width: 480px; margin: auto; padding: 50px 20px; display: flex; flex-flow: row wrap; justify-content: center; }
.main_content_m>li{ width: 100%; padding: 40px 20px 20px; }
.main_content_m>li>figure{ width: 40px; height: 3px; margin-bottom: 10px; background-color: rgb(18,157,28); }
.main_content_m>li>div{ width: 100%; height: auto; margin-bottom: 20px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.main_content_m>li>div>h4{ color: rgb(51,51,51); font-size: bold; font-size: 18px; }
.main_content_m>li>div>button{ min-width: 46px; padding: 2px 4px; background-color: rgb(255,255,255); border:1px solid rgb(221,221,221); color: rgb(102,102,102); font-size: 10px; cursor: pointer; }
.main_content_m>li>div>button>i{ font-size: 7px; }
.main_content_m>li>p{ width: 100%; margin-top: 5px; color: rgb(85,85,85); font-size: 14px; }
.main_content_m>li>p:first-of-type{ margin-top: 0; }
.main_content_m>li:first-of-type>p{ max-width: 220px; height: 20px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.main_content_m>li:first-of-type>p>span{ position: relative; top: -4px; }
.main_content_m>li>ol{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.main_content_m>li>ol>li{ width: 32%; min-width: 80px; height: auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; cursor: pointer; }
.main_content_m>li>ol>li>img{ width: auto; height: 70px; }
.main_content_m>li>ol>li>p{ width: 100%; margin-top: 5px; text-align: center; font-size: 14px; color: rgb(85,85,85); }
.main_content_m>li>h2{ width: 100%; margin-bottom: 10px; color: rgb(19,144,30); font-size: 24px; letter-spacing: 2px; }
.main_content_m>li>h6{ width: 100%; font-size: 14px; display: flex; flex-flow: row nowrap; }
.main_content_m>li>h6>span{ color: rgb(102,102,102); }
.main_content_m>li>h6>span:first-of-type{ min-width: 60px; color: rgb(51,51,51); }
.main_content_m>a{ width: 100%; height: 50px; margin-top: 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-weight: bold; color: rgb(255,255,255); font-size: 18px; cursor: pointer; }
.main_content_m>a:nth-of-type(1){ background-color: rgb(255,147,46); }
.main_content_m>a:nth-of-type(2){ background-color: rgb(102,102,102); }
.main_content_m>a>p>img{ width: 24px; height: auto; margin-right: 10px; }


@media (max-width:960px){

}


@media (max-width:480px){

}