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


.main01 {background: url("../images/company-new/bg1-new.jpg") no-repeat center top/100% 100%; height: 893px;}
.main01::after{}
.main01 .detail{position: relative;}
.main01 .breadcrumb {padding: 40px 0;}
.main01 .layout-1 {width: 580px;}
.main01 .layout-1 h1 {font-size: 57px; line-height: 78px; font-weight: 600;margin-bottom: 30px; white-space: nowrap;position: relative;z-index: 2;}
.main01 .layout-1 p {font-size: 17px; line-height: 30px;}
.main01 .layout-1 p a{color:#0077db; text-decoration:underline;}
.main01 .layout-2 {position: relative;display: inline-block;}
.main01 .layout-2::after {content: "";position: absolute;left: -80px;top: -60px; display: inline-block;width: 889px;height: 433px;background: url(../images/company-new/line.png);}
.main01 .layout-2 ul  {display: inline-flex; justify-content: flex-start; align-items: center; z-index: 1;position: relative;}
.main01 .layout-2 ul li {width: 175px;padding: 50px 20px;box-sizing: border-box;background-color: #ffffff;border-radius: 90px;color: #0fb4ff;margin-right: 50px;position: relative;min-height: 250px;}
.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: 19px;line-height: 1.5;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: #fcf7eb;color: #000;border-radius: 105px; padding: 70px 25px;}

.recommd-content{position: absolute;right: 0;top:0;width: 500px ;}
.recommd-content::after{content: "";position: absolute;right: -160px;top: 0;width: 640px;height: 738px; background:url(../images/company-new/bg-pic.png);}
.main01 .w {background:rgba(255,255,255,.7);backdrop-filter: blur(5px); border: 1px solid #fff;border-radius: 10px;padding: 20px 25px;position: absolute;z-index: 2;}
.main01 .w h6 {font-size: 27px; font-weight: 400;line-height: 38px;white-space: nowrap;}
.main01 .w span {font-size: 17px;line-height: 26px;white-space: nowrap;}
.main01 .w1 {text-align: right; right: 310px; top: 180px;}
.main01 .w2 {left: 385px; top: 360px;}
.main01 .w3 {left: 395px; top: 535px;}


.main02 {padding-top: 50px; text-align: center;}
.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 #efefef; 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: #000; color: #fff;font-size: 17px;}
.main02 .warp .item {display: flex; justify-content: center; align-items: flex-end;  display: none;}
.main02 .item .box-img {width: 50%; text-align: right;}
.main02 .item .box-img img {margin-left: -150px;max-width: none;}
.main02 .item .info {width: 50%;text-align: left;padding: 0 0 30px 70px;box-sizing: border-box;}
.main02 .item .info h3 {font-size: 37px; font-weight: 600;white-space: nowrap;}
.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:linear-gradient(#fff,#f8f8f8); 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;box-shadow: 0px 3px 29px 0px rgba(194, 194, 194, 0.14);}
.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;flex-wrap: wrap;justify-content: space-around; align-items: center;}
.main03 ul.partner::after {content: "";display: block; width: 100%; height: 1px;background: linear-gradient(to right,transparent,#e3e3e3 20%,#e3e3e3 80%,transparent);margin-top: 40px;}



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

@media (max-width:1500px) {
	.recommd-content{position: relative;}
	.recommd-content::after{background: none;}
	.main01 .w{position: relative;left: auto;top: auto;right: auto;}
	.recommd-content{display: flex;width: auto;gap:20px;padding-top: 30px;}
}
@media (max-width: 979px) {
	.detail{width: auto; padding: 0 15px; box-sizing: border-box;}
	/*----------*/

.main01 {background: linear-gradient(120deg, #e5edf2, #faf9f8 60%, #e5edf2 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 .layout-2::after{display: none;}
.recommd-content{justify-content:center;padding: 0 0 20px;flex-wrap: wrap;}

.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;flex-wrap: wrap;gap: 5px;}
.main04 ul li {font-size: 15px;padding: 0 5px; box-sizing: border-box;}
	



}

@media (max-width: 767px) {
	.help-fight {display: none;}
	
	.main02 .item .box-img img{max-width: 100%;height: auto;}
	.main02 .item .info h3{white-space: inherit;}
}

@media (max-width: 479px) {
	.main04 ul li{border-left: none;}
	.main01 .w{width: 100%;}
	.main01 .w1{text-align: left;}

}