@charset "utf-8";
/* CSS Document */
.detail{width: 1200px; margin: 0 auto;}
a{color: inherit;text-decoration: none;}
img{max-width: 100%;}


.main01 {background: url("../img/bg01.jpg")no-repeat center top; background-size: 100% 57rem; height: 900px;position: relative;}
.main01 .breadcrumb {padding: 40px 0;}
.main01 .layout-1 {width: 560px;}
.main01 .layout-1 h1 {font-size: 57px; line-height: 78px; font-weight: 600;margin-bottom: 30px;}
.main01 .layout-1 p {font-size: 17px; line-height: 34px;}
.main01 .layout-2 {position: relative}
.main01 .layout-2 ul  {display: flex; justify-content: flex-start; align-items: center;}
.main01 .layout-2 ul li {width: 175px;padding: 70px 20px;box-sizing: border-box;background-color: #ffffff;border-radius: 90px;color: #0fb4ff;margin-right: 50px;position: relative;}
.main01 .layout-2 ul li:nth-of-type(1) {top: 30px;}
.main01 .layout-2 ul li:nth-of-type(2) {top: 70px;}
.main01 .layout-2 ul li:nth-of-type(3) {top: 0px;}
.main01 .layout-2 ul li:nth-of-type(4) {top: 10px;}
.main01 .layout-2 ul li .time {text-align: center;color: inherit;font-size: 17px;line-height: 30px;margin-bottom: 20px;}
.main01 .layout-2 ul li p {font-size: 17px; line-height: 26px; color: #06111c;}
.main01 .layout-2 ul li a {color: #0077db;text-decoration: underline;}
.main01 .layout-2 ul li.yellowBig {width: 210px; background-color: #fbd261;color: #ffffff;border-radius: 105px; padding: 70px 25px;}

.main01 .w {position: absolute;}
.main01 .w h6 {font-size: 27px; font-weight: 400;line-height: 38px;}
.main01 .w span {font-size: 17px;line-height: 26px;}
.main01 .w1 {text-align: right; left: 54%; top: 23%;}
.main01 .w2 {left: 77%; top: 42%;}
.main01 .w3 {left: 77%; top: 63%;}


.main02 {padding-top: 50px; text-align: center;background-color: #ffffff;}
.main02 .suhead {font-size: 19px; line-height: 30px;}
.main02 h2 {font-size: 37px; line-height: 48px; font-weight: 600;}
.main02 .tab {border-bottom: 2px solid #dff5ff; margin: 30px 0 50px;}
.main02 .tab span {background-color: transparent;display: inline-block;width: 200px; height: 40px; line-height: 40px;cursor: pointer;}
.main02 .tab span.active {background-color: #dff5ff; color: #0f9bff;font-weight: 600;}
.main02 .warp .item {display: flex; justify-content: center; align-items: flex-start;  display: none;}
.main02 .item .box-img {width: 50%; text-align: right;}
.main02 .item .box-img img {max-width: 100%; height: auto;}
.main02 .item .info {width: 50%; text-align: left; padding: 0 60px;box-sizing: border-box;}
.main02 .item .info h3 {font-size: 37px; font-weight: 600;}
.main02 .item .info h3 img {margin-right: 20px;}
.main02 .item .info .warn {color: #0f9bff; margin: 20px 0;}
.main02 .item .info p {font-size: 17px; line-height: 26px;}
.main02 .item .info .btn {margin: 30px 0;}
.main02 .item .info .btn a {display: inline-block; padding: 16px 57px; background-color: #0f9bff; color: #ffffff; font-size: 23px;border-radius: 5px;}
.main02 .item .info ul li {display: inline-block; margin-right: 15px;}



.main03 {background-color: #f7f6f3; text-align: center;padding: 80px 0 50px;}
.main03 h2 {font-size: 37px; line-height: 48px; font-weight: 600;}
.main03 .suhead {font-size: 19px; line-height: 30px;margin: 50px 0 30px;}
.main03 ul.list {display: flex; justify-content: center; align-items: flex-start;}
.main03 ul.list li {width: 310px; text-align: left;margin: 0 20px;}
.main03 ul.list li .con {background: #ffffff;position: relative; padding: 30px;border-radius: 15px;}
.main03 ul.list li .con p {font-size: 15px; line-height: 24px;}
.main03 ul.list li .con img {margin-top: 20px;}
.main03 ul.list li .con::after {content: ''; display: inline-block;position: absolute; border: 15px solid transparent;border-top-color: #ffffff;bottom: -35px;left: 35px; border-top-width: 20px;}
.main03 ul.list li .xon a {display: flex; justify-content: flex-start; align-items: center;margin-top: 40px;}
.main03 ul.list li .xon img {margin: 0 10px 0 25px;}
.main03 ul.list li .xon h5 {font-size: 17px;font-weight: 600;}
.main03 ul.list li .xon span {font-size: 15px;line-height: 1.1;}
.main03 ul.partner {display: flex; justify-content: space-around; align-items: center;}


.main04 {background-color: #ffffff; text-align: center;padding: 80px 0;}
.main04 h2 {font-size: 37px; line-height: 48px; font-weight: 600;}
.main04 ul {display: flex; justify-content: center; align-items: center;margin-top: 50px;}
.main04 ul li {width: 310px; border-left: 1px solid #dfdfdf;font-size: 17px;position: relative;padding: 40px 0;}
.main04 ul li:first-of-type {border:none;}
.main04 ul li .circle {display: inline-block; width: 80px; height: 80px;line-height: 80px; border-radius: 50%; margin-bottom: 10px;}
.main04 ul li .circle img {position: relative; top: 30px;}
/* .main04 ul li:hover .circle {box-shadow:  0 0 5px #d7d7d8;}
.main04 ul li:hover {color: #0f9bff;} */


.main04 ul li .bgs {
	width: 280px;
    height: 194px;
	padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column;
    opacity: 0;
    z-index: 5;
	color: #ffffff;
}
.main04 ul li .bgs p {
	font-size: 15px;
	line-height: 24px;
	text-align: left;
	margin: 5px 0;
	width: 100%;
}
.main04 ul li .bgs p a:hover {
	text-decoration: underline;
}
.main04 ul li .bgs p b {
	font-size: 17px;
}



@media (max-width: 979px) {
	.detail{width: auto; padding: 0 15px; box-sizing: border-box;}
	/*----------*/

.main01 {background: linear-gradient(120deg, #f9eecc, #faf9f8 60%, #f9eecc 100%);   height: auto;padding: 30px 0;}
.main01 .breadcrumb {padding: 0;}
.main01 .layout-1 {max-width: 100%;margin: 30px auto;}
.main01 .layout-1 h1 {font-size: 37px; line-height: 48px;margin-bottom: 15px;}
.main01 .layout-1 p {line-height: 24px; font-size: 15px;}
.main01 .layout-2 ul  {flex-wrap: wrap;justify-content: space-around; }
.main01 .layout-2 ul li {margin-right: 0;width: 45%;}
.main01 .layout-2 ul li:nth-of-type(1) {top: 0px;}
.main01 .layout-2 ul li:nth-of-type(2) {top: 0px;}
.main01 .layout-2 ul li:nth-of-type(3) {top: 0px;}
.main01 .layout-2 ul li:nth-of-type(4) {top: 0px;}
.main01 .layout-2 ul li.yellowBig {width: 45%;}
.main01 .w {display: none;}

.main02 {padding: 30px 0;}
.main02 .suhead {font-size: 17px;}
.main02 h2 {font-size: 27px;line-height: 40px;}
.main02 .warp .item {flex-wrap: wrap;}
.main02 .item .box-img { width: 100%;}
.main02 .item .info {width: 100%; padding: 0;margin-top: 30px;text-align: center;}
.main02 .item .info h3 {font-size: 27px;}
.main02 .item .info p {font-size: 15px;line-height: 24px;}


.main03 {padding: 30px 0;}
.main03 h2 {font-size: 27px; line-height: 40px;}
.main03 .suhead { margin: 20px 0 10px;font-size: 17px;}
.main03 ul.list {flex-wrap: wrap;}
.main03 ul.list li {margin: 20px;}
.main03 ul.partner {flex-wrap: wrap;}
.main03 ul.partner li {margin: 10px;}


.main04 {padding: 30px 0;}
.main04 h2 {font-size: 27px;}
.main04 ul {margin-top: 30px; align-items: flex-start;}
.main04 ul li {font-size: 15px;padding: 0 5px; box-sizing: border-box;}

.main04 ul li .bgs {
	width: 100%;
    height: auto;
	bottom: 0;
	top: 0;
	padding: 5px;
	box-sizing: border-box;
}

}

@media (max-width: 767px) {
	.help-fight {display: none;}
}

@media (max-width: 479px) {

}