@charset "utf-8";
/* CSS Document */
* {
    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: medium;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "PingFang SC","Arial", sans-serif;
    line-height: 150%;
}
a {
    text-decoration: none;
    color: #000;
}
img {
    display: block;
    max-width: 100%;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.big img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
i {
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999;
    font-size: 18px;
    font-weight: 500;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: 18px;
    font-weight: 500;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 18px;
    font-weight: 500;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
    font-size: 18px;
    font-weight: 500;
}
input::-ms-input-placeholder { /* Microsoft Edge */
    color: #999;
    font-size: 18px;
    font-weight: 500;
}
/*common*/
body {
/*    background: #e2e2e2;*/
}
@font-face{
  font-family:'HarmonyOS_SansSC_Black';
  src: url('../fonts/HarmonyOS_SansSC_Black.eot?#iefix'); /* IE9 */
  src: url('../fonts/HarmonyOS_SansSC_Black.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HarmonyOS_SansSC_Black.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HarmonyOS_SansSC_Black.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HarmonyOS_SansSC_Black.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'HarmonyOS_SansSC_Bold';
  src: url('../fonts/HarmonyOS_SansSC_Bold.eot?#iefix'); /* IE9 */
  src: url('../fonts/HarmonyOS_SansSC_Bold.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HarmonyOS_SansSC_Bold.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HarmonyOS_SansSC_Bold.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HarmonyOS_SansSC_Bold.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'HarmonyOS_SansSC_Light';
  src: url('../fonts/HarmonyOS_SansSC_Light.eot?#iefix'); /* IE9 */
  src: url('../fonts/HarmonyOS_SansSC_Light.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HarmonyOS_SansSC_Light.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HarmonyOS_SansSC_Light.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HarmonyOS_SansSC_Light.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'HarmonyOS_SansSC_Medium';
  src: url('../fonts/HarmonyOS_SansSC_Medium.eot?#iefix'); /* IE9 */
  src: url('../fonts/HarmonyOS_SansSC_Medium.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HarmonyOS_SansSC_Medium.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HarmonyOS_SansSC_Medium.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HarmonyOS_SansSC_Medium.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'HarmonyOS_SansSC_Regular';
  src: url('../fonts/HarmonyOS_SansSC_Regular.eot?#iefix'); /* IE9 */
  src: url('../fonts/HarmonyOS_SansSC_Regular.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HarmonyOS_SansSC_Regular.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HarmonyOS_SansSC_Regular.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HarmonyOS_SansSC_Regular.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'HarmonyOS_SansSC_Thin';
  src: url('../fonts/HarmonyOS_SansSC_Thin.eot?#iefix'); /* IE9 */
  src: url('../fonts/HarmonyOS_SansSC_Thin.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HarmonyOS_SansSC_Thin.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HarmonyOS_SansSC_Thin.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HarmonyOS_SansSC_Thin.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
body {
    overflow-x: hidden;
    max-width: 1920px;
}
.fl, .l {
    float: left;
}
.fr, .r {
    float: right;
}
.c {
    clear: both;
}
.w {
    width: 94%;
    position: relative;
    max-width: 1620px;
}
.flex {
    display: flex;
    justify-content: space-between;
}
.head {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 100;
    max-width: 1920px;
}
.logo {
    margin: 30px 0;
}

.nav {
    margin:70px 0px 0 0;
    display: flex;
}
/*.nav a {
    font-size: 22px;
    margin: 0 25px;
    line-height: 50px;
    position: relative;
    color: #fff;
    font-weight:500;
}*/
.nav dl{display: inline-block; padding-bottom: 5%;}
.nav dl dt{padding-bottom: 5%;}
.nav dl dt a{font-size: 22px;
    margin: 0 25px;
    line-height: 50px;
    position: relative;
    color: #fff;
    font-weight:500;white-space: nowrap;}
.nav dl dd{display: none;text-align: center;}
.nav dl dd a{color: #585858;font-size: 20px;line-height: 200%;}
.head:hover{background: #fff;}
.head:hover dl a{color: #000;}
.head:hover dl dd{display: block;}
.nav dl:last-child{margin-left: 6%;}
.nav dl:last-child dt a{
    background: #fff100;
    border-radius: 100px;
    text-align: center;
    padding: 0 20px;
    display: block;color: #000;line-height: 200%;margin-top: 1%;}

.head .nav dl a.on,.nav dl a:hover{color:#3bb375;}

.banner,.nbanner {
    position: relative;
    
}
.banner .mark,.nbanner .mark{background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 80%);position: absolute;top: 0;left: 0;width: 100%;height: 300px;}
.banner .item{position: relative;}
.banner .item .text,.nbanner .text{position: absolute;top: 30%;transform:translateX(-50%);left: 50%;}
.banner .item .text h1{font-size: 70px;font-weight: 550;color: #fff;letter-spacing: 2px;margin: 5% auto;}
.nbanner .text{top: 40%;}
.nbanner .text h2{font-size: 48px;color: #fff;font-weight: bold;}
a.more{display: inline-block;background: #22b37b;color: #fff;font-size: 26px;line-height: 200%;padding: 0 40px;border-radius: 10px;}
.advantage{background: url("../images/bg-about.jpg") no-repeat center top;padding: 5% 0 0;overflow: auto;}
.advantage .text,.advantage .video{width: 46.05%;}
.advantage .text p{font-size: 32px; color: #22b37b;font-weight: bold;letter-spacing: 2px;}
.advantage .text h1{font-size: 60px;font-weight: bold;margin: 4% 0 6%;line-height: 120%;}
.advantage .text .nums{margin: 10% auto 2%;}
.advantage .text .nums{display: flex;justify-content: space-between;}
.advantage .text .nums dl{overflow: auto;margin: 0;text-align: center;border-right: 1px solid #ccc;padding-right: 5%;}
.advantage .text .nums dl dt{color: #22b37b;display: flex;align-items: baseline;justify-content: center;font-weight: bold;}
.advantage .text .nums dl dt span{font-size: 36px;margin:0;}
.advantage .text .nums dl dt sub{font-size: 30px;margin: 0;}
.advantage .text .nums dl dd{font-size: 24px;}
.advantage .text .nums dl:last-child{border: none;padding-right: 0;}
.advantage .video{text-align: right;margin-top: 2%;position: relative;aspect-ratio: 2 / 1;border-radius: 20px;overflow: hidden;}
.advantage .video .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.advantage .con{background: #22b37b;display: flex;justify-content: space-between;padding: 1.5% 0;margin: 5% 0;}
.advantage .con .item{width: 25%;padding: 0% 3%;text-align: center;border-right: 1px solid #fff;}
.advantage .con .item:last-child{border: none;}
.advantage .con .item h2{font-size: 26px;line-height: 250%;}
.advantage .con .item p{font-size: 20px;color: #fff;margin-bottom: 5%;}

.tit{font-size: 50px;font-weight: bold;}
.i-about{background: url("../images/bg-about2.jpg") no-repeat center top;padding: 5% 0;}
.i-about .tit{color: #fff;}
.i-about .con{background: rgb(255,255,255,0.8);width: 53.7%;padding: 5%;}
.i-about .con p{font-size: 22px;}
.i-about .con .more{margin-top: 15%;float: right;}
.i-about .con .img{display: flex;margin: 15% 0 auto -103%;}
.i-about .con .img img{margin: 0 0 0 20px;}
.i-news{padding: 3% 0;}
.i-news .tab{border-radius: 10px;background: #e1e1e1;float: right;display: flex;margin-top: 10px;}
.i-news .tab span{display: inline-block;font-size: 24px;font-weight: normal;line-height: 200%;padding:0 40px;cursor: pointer;}
.i-news .tab span.on{border-radius: 10px;background: #22b37b;color: #fff;}
.i-news .con{margin: 5% 0 0;height: 695px;}
.i-news .con .list {position: absolute;width: 100%;}
.i-news .con .list .slick-list,.i-case .con .slick-list{overflow: visible}
.i-news .con .list .item{float: left;margin: 0 20px 0 0;position: relative;}
.i-news .con .list .item .text{position: absolute;top: 0;left: 0;width: 100%;aspect-ratio:685/484;padding: 5% 6%;background: rgb(0,0,0,0.3);}
.i-news .con .list .item .text span{display: inline-block;font-size: 20px;background: #6d6d6d;border-radius: 20px;line-height: 200%;color: #fff;padding: 0 30px;margin-bottom: 2%;}
.i-news .con .list .item .text h2 a{color: #fff;font-size: 30px;font-weight: bold;}
.i-news .con .list .item .text p{font-size: 22px;color: #fff;}
.i-news .con .list .item .detail{font-size: 28px;font-weight: bold;background: url("../images/ico-arr-r.png") no-repeat top 60% right;padding-right: 40px;background-size: auto 60%;margin: 5% 0;display: inline-block;}
.i-news .con .slick-dots,.i-case .con .slick-dots{position: relative;left: auto;bottom: auto;margin: 3% auto;float: right;transform: none;}
.i-case{background: #ededed;padding: 5% 0;}
.i-case .tit .more{float: right;margin-top: 10px;font-weight: normal;}
.i-case .con{margin: 5% 0 0;}
.i-case .con .item{margin-right: 20px;width: 408px;height: 640px;position: relative;transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;}
.i-case .con .item img{max-width: none;width: 100%;height: 100%;object-fit: cover;}
.i-case .con .item .text{position: absolute;width: 100%;bottom: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 100%);padding: 15% 5% 5%;transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;}
.i-case .con .item .text h2 a{font-size: 30px;color: #fff;}
.i-case .con .item .text p a{font-size: 22px;color: #fff;}
.i-case .con .item:hover{width: 718px;}
.i-case .con .item:hover .text{background: #22b37b;height: 100%;}
.i-case .con .item:hover .text h2 a{color: #000;font-size:40px;font-weight:bold;}
.i-case .con .item:hover .text p a{color:32px;}
.partner{background: url("../images/bg-world.png") no-repeat center bottom;padding: 5% 0;}
.partner .con {display: flex;justify-content: center;flex-wrap: wrap;max-width: 1208px;margin-top: 5%;}
.partner .con .item{border: 1px solid #ccc;margin: 1%;width: 23%;transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;}
.partner .con .item:hover{border-color:#22b37b}
.crumb{display: flex;justify-content: flex-start;align-items: center;}
.crumb a,.crumb span,.crumb img{font-size: 24px;color: #6d6d6d;line-height: 350%;margin: 0 20px 0 0;}
.crumb span{color: #22b37b;}

.strength .info{margin: 6% auto 10%;}
.strength .tit{color: #22b37b;width: 40%;}
.strength .tit p,.growth .info .tit p,.capacity .tit p,.quality .info .tit p,.gps .tit p,.feature .text .tit p{color: #000;font-size: 38px;margin-top: 5px;}
.strength .text{width: 56%;margin-top: 5%;}
.strength .text p{font-size: 22px;}
.strength .img{display: flex;justify-content: flex-end;width: 1760px;margin-left: 0;}
.strength .img img:last-child{margin-left: 30px;}
.strength .nums{margin: 2% 144px 2% 0;width: 1760px;}
.strength .nums{display: flex;justify-content:flex-end;background: #22b37b;padding: 3% 0;}
.strength .nums dl{overflow: auto;margin: 0;text-align: center;border-right: 1px solid #000;width: 25%;}
.strength .nums dl dt{font-size: 60px;display: flex;align-items: baseline;justify-content: center;font-weight: bold;}
.strength .nums dl dt span{font-size: 60px;margin:0;}
.strength .nums dl dt sub{font-size: 48px;margin: 0;}
.strength .nums dl dd{font-size: 36px;}
.strength .nums dl:last-child{border: none;padding-right: 0;}
.growth{position: relative;padding: 3% 0 1%;}
.growth .bg{font-size: 450px;font-weight: bold;color: rgb(52,52,52,0.04);line-height: 100%;position: absolute;z-index: 0;left: 4%;top: 13%; line-height: 80%;}
.growth .info{width: 56%;margin-right: 0;position: relative;z-index: 1;}
.growth .info .tit{color: #22b37b;margin-left: 0;}
/*{color: #000;font-size: 38px;margin-top: 5px;}*/
.growth .info .con{margin: 3% 0;}
.growth .info .con p,.capacity .con p,.quality .con p{font-size: 22px;}
.growth .img{margin: 4.5% 0 5% 45%;position: relative;width: 55%;}
.capacity{background: #ededed;padding: 2% 0;}
.capacity .tit{color: #22b37b;}
.capacity .con{margin: 1% 0;}
.capacity .img{margin: 5% 0;}
.quality{padding: 8% 0;}
.quality .info{width: 40%;}
.quality .tit{color: #22b37b;margin-left: 0;}
.quality .con{margin: 7% 0;}
.quality .img{width: 55%;margin-right: 0;margin-top: 5%;}
.gps{padding: 0 0 10%;}
.gps .bg{background: #22b37b;}
.gps .w{padding: 5% 0 15%;}
.gps .tit{color: #fff;width: 40%;}
.gps .con {width: 56%;margin-right: 0;}
.gps .con p{font-size: 22px;margin: 5% 0;}
.gps .con ul li{color: #fff;font-size: 20px;padding-left: 15px;position: relative;margin-left: 10px;}
.gps .con ul li::before{content: '';width: 4px;height: 4px;border-radius: 50%;background: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.gps .img.w{display: flex;justify-content: space-between;margin-top: -10%;padding: 0;}
.gps .img img{margin: 0;width: 49%;}
.honor{background: url("../images/bg-honor.jpg") no-repeat center top;padding-bottom: 3%;}
.honor .tit{color: #22b37b;margin-top: 5%;}
.honor .con{background: url("../images/desk.png") no-repeat center bottom;display: flex;align-items: baseline;justify-content: center; padding-bottom: 9%;background-size: 100% auto;}
.honor .con img{margin: 0 4%;}
.case{background: #ededed;padding: 0 0 5%;}
.case .menu{box-shadow: 0px 0px 8px 0px rgb(0, 0, 0, 0.1);display: flex;justify-content: flex-start;margin: 1% auto 2%;background: #fff;}
.case .menu a{display: block;line-height: 100px;font-size: 26px;padding: 0;margin: 0;width: 200px;text-align: center;}
.case .menu a.on{background: #22b37b;color: #fff;}
.case .list{overflow: visible;}
.case .list .item{box-shadow: 0px 0px 8px 0px rgb(0, 0, 0, 0.1);padding: 1%;width: 32.3333%;float: left;margin: 1% 1.5% 1% 0;background: #fff;}
.case .list .item:nth-child(3n){margin-right: 0;}
.case .list .item .pic{aspect-ratio:6 / 5; overflow: hidden;}
.case .list .item .pic img{width: 100%;max-width: auto;height: 100%;object-fit: cover;}
.case .list .item .text{min-height:80px;display:flex;align-items:center;margin-top: 2%;}
.case .list .item .text a{font-size: 30px;line-height: 120%;text-align: center;}
.category{margin: 3% auto;}
.container{width: 90%;max-width: 1290px;}
.container .title{font-size: 50px;font-weight: bold;line-height: 120%;margin: 1%;text-align: center;}
.container .content{margin: 3% auto 10%;}
.container .content p{font-size: 22px;}
.more-cases{background: #ededed;padding: 3.5% 0;}
.more-cases .list{margin: 3.5% auto 0;}
.more-cases .list .item{margin: 0 10px;}
.more-cases .list .item .pic{aspect-ratio:132/75;overflow: hidden;position: relative;}
.more-cases .list .item .pic img{transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;width: 100%;max-width: none;height: 100%;object-fit: cover;}
.more-cases .list .item .text{min-height:80px;margin:2% auto;display:flex;align-items:center;}
.more-cases .list .item p a{font-size: 30px;text-align: center;line-height: 120%;}
.more-cases .slick-arrow{width: 32px;height: 32px;position: absolute;top:40%;transform: translateY(-50%);background-size: 100%;background-repeat: no-repeat;cursor: pointer;font-size: 0;}
.more-cases .slick-prev{background-image: url("../images/arr-l.png");left: -50px;}
.more-cases .slick-next{background-image: url("../images/arr-r.png");right: -50px;}

.promise{background: #f2f2f2;padding: 3% 0;}
.promise .w{display: flex;}
.promise .w dl{border-right: 1px solid #d3d3d3;padding: 2% 1%;width: 33.333%;}
.promise .w dl:first-child{padding-left: 0;}
.promise .w dl:last-child{border: none;padding-right: 0;}
.promise .w dl dt{float: left;width: 70px;}
.promise .w dl dd {float: right;width: calc(100% - 80px);}
.promise .w dl dd h2{color: #22b37b;font-size: 30px;font-weight: bold;white-space: nowrap;}
.promise .w dl dd h3{font-size: 28px;white-space: nowrap}
.promise .w dl dd p{font-size: 22px;color: #6d6d6d;margin: 2% 0;padding-right: 2%;}
.feature{padding: 8% 0;}
.feature .pic,.feature .text{width: 50%;}
.feature .pic img{margin-left: 0;}
.feature .text .tit{color: #22b37b;}
.feature .text .con p{font-size: 22px;margin: 3% auto;}
.substation{background: #f2f2f2;padding: 5% 0;}
.substation .con .item{width: 23.5%;float: left;margin: 1% 2% 1% 0;position: relative;}
.substation .con .item:nth-child(4n){margin-right: 0;}
.substation .con .item .pic{overflow: hidden;aspect-ratio:3/2;}
.substation .con .item .pic img{width: 100%;max-width: none;height: 100%;object-fit: cover;}
.substation .con .item .text{min-height:80px;display:flex;align-items:center;}
.substation .con .item .text a{text-align: center;font-size: 24px;line-height: 120%;display: block;}
.substation .con .item:hover .text{position: absolute;width: 100%;height: 100%;background:#22b37b;top: 0;display: flex;align-items: center;}
.substation .con .item:hover .text a{color: #fff;}

.headline{padding: 5% 0;}
.headline .pic{aspect-ratio:5/3;overflow: hidden;width: 43%;}
.headline .pic img{width: 100%;max-width: none;height: 100%;object-fit: cover;}
.headline .text{width: 52%;padding-top: 2%;}
.headline .text span{display: inline-block;font-size: 20px;background: #22b37b;border-radius: 20px;line-height: 200%;color: #fff;padding: 0 30px;margin-bottom: 2%;}
.headline .text h2 a{font-size: 50px;font-weight: bold;}
.headline .text p{font-size: 22px;color: }
.headline .text .detail{font-size: 28px;font-weight: bold;background: url("../images/ico-arr-r.png") no-repeat top 60% right;padding-right: 40px;background-size: auto 60%;margin: 5% 0;display: inline-block;}

.news{padding: 3% 0;}
.news .tab{border-radius: 10px;background: #e1e1e1;float: right;display: flex;margin-top: 10px;}
.news .tab span{display: inline-block;font-size: 24px;font-weight: normal;line-height: 200%;padding:0 40px;cursor: pointer;}
.news .tab span.on{border-radius: 10px;background: #22b37b;color: #fff;}
.news .con{margin: 3% 0;}
.news .con .list{overflow: auto;}
.news .con .list .item{width: 49%;float: left;margin: 2% 2% 2% 0;}
.news .con .list .item:nth-child(2n){margin-right: 0;}
.news .con .list .item .pic{aspect-ratio:16/9;overflow: hidden;}
.news .con .list .item .pic img{width: 100%;max-width: none;height: 100%;object-fit: cover;}
.news .con .list .item .text{margin-top: 1%;}
.news .con .list .item .text span{font-size: 24px;color: #22b37b;}
.news .con .list .item .text h2 a{font-size: 30px;}

.culture .p1{display: flex;justify-content: space-between;padding: 8% 0;}
.culture .p1 .item{margin: 0;width: 32%;position: relative;color: #fff;}
.culture .p1 .item h2,.culture .p1 .item p{position: absolute;left: 10%;}
.culture .p1 .item h2{top:6%;font-size: 46px;}
.culture .p1 .item p{bottom:6%;font-size: 30px;}
.culture .p2{background: #f2f2f2;padding: 5% 0;}
.culture .p2 .w{display: flex;justify-content: space-between;align-items: center;}
.culture .p2 .w .pic,.culture .p2 .w .text{width: 50%;}
.culture .p2 .w .pic img{margin-left: 0;}
.culture .p2 .w .text{padding:0 6%;}
.culture .p2 .w .text h2{font-size: 46px;color: #22b37b;}
.culture .p2 .w .text .con{margin: 5% 0;}
.culture .p2 .w .text .con p{font-size: 28px;}
.culture .p3{padding: 5% 0;display: flex;justify-content: space-between;}
.culture .p3 .item{width: 23.5%;background: #f2f2f2;padding: 3% 2% 3.5%;}
.culture .p3 .item img{margin-left: 0;transition: 0s;-ms-transition: 0s;-moz-transition: 0s;-webkit-transition: 0s;-o-transition: 0s;}
.culture .p3 .item h2{font-size: 46px;color: #22b37b;margin: 20% auto 12%;}
.culture .p3 .item p{font-size: 28px;}
.culture .p3 .item:hover{background:#22b37b;}
.culture .p3 .item:hover img{filter: brightness(0%);}
.culture .p3 .item:hover h2{color: #000;}
.culture .p3 .item:hover p{color: #fff;}
.culture .p4{background: #f2f2f2;display: flex;justify-content: space-between;padding: 5% 0;}
.culture .p4 .item{margin: 0;position: relative;}
.culture .p4 .item .text{position: absolute;top: 45%;left: 6%;color: #fff;}
.culture .p4 .item:first-child .text{left: 15%;}
.culture .p4 .item .text h2{font-size: 46px;margin-bottom: 5%;}
.culture .p4 .item .text p{font-size: 28px;}
.contact{padding: 2% 0;}
.contact .con{margin: 5% 0;display: flex;justify-content: space-between;}
.contact .con .card{background: #22b37b;color: #fff;padding:5% 3.5%;width: 34%;margin-left: 0;}
.contact .con .card dl{overflow: auto;margin:0 0 12% 0;}
.contact .con .card dl dt{background: #fff;border-radius: 50%;width: 40px;height: 40px;padding: 5px;float: left;}
.contact .con .card dl dd{width: calc(100% - 60px);float: right;}
.contact .con .card dl dd p{font-size: 28px;}
.contact .con .card .code{margin: 20% 0 0 0;}
.contact .con .card .code img{margin-left: 0;}
.contact .con .gbook{width: 64%;border: 1px solid #6d6d6d;padding:2.5% 4%;margin-right: 0;}
.contact .con .gbook .row{margin: 1% 0;overflow: auto;}
.contact .con .gbook .row label{font-size: 22px;display: block;line-height: 250%;}
.contact .con .gbook .row input,.contact .con .gbook textarea{width: 100%;border: 1px solid #6d6d6d;padding:0 10px;line-height: 50px;font-size: 22px;}
.contact .con .gbook .row textarea{padding: 10px;line-height: 150%;min-height: 200px;}
.contact .con .gbook .row .half{width: 47%;}
.contact .con .gbook .btn{display: inline-block;background: #22b37b;color: #fff;font-size: 26px;line-height: 200%;padding: 0 7%;border-radius: 10px;margin: 3% 0 1%;}

.join .tit{margin: 3% 0;}
.join .con{overflow:auto;margin-bottom: 3%;}
.join .con .item{width:32%;float:left;margin:1% 2% 1% 0;background:#f2f2f2;padding:1% 2.5% 2%;position: relative}
.join .con .item:nth-child(3n){margin-right:0}
.join .con .item .bg{position: absolute;top: 0;left: 0;filter: brightness(50%);display: none;}
.join .con .item .top{overflow: auto;aspect-ratio:4/3;position: relative;}
.join .con .item .top h2{font-size:46px;}
.join .con .item .top h2 span{display: none;margin-left: 30px}
.join .con .item .top p{margin:20% 0 25%}
.join .con .item .top p span{display:inline-block;padding-left:60px;width:50%;font-size:30px;color:#4f4f4f;background-repeat:no-repeat;background-position:left center;background-size:auto 100%;}
.join .con .item .location{background-image:url("../images/ico-addr2.png")}
.join .con .item .person{background-image:url("../images/ico-person.png")}
.join .con .item dl{overflow:auto;margin:0 auto 10%}
.join .con .item dl dt{font-size:30px;line-height:250%;}
.join .con .item dl dd{font-size:22px;}
.join .con .item:hover{background:#22b37b;}
.join .con .item:hover .bg{display: block;}
.join .con .item:hover .top h2 span{display: inline-block;}
.join .con .item:hover .top p{display: none;}
.join .con .item:hover h2,.join .con .item:hover p span,.join .con .item:hover dt,.join .con .item:hover dd{color:#fff}
.join .con .item:hover .top h2{background: url("../images/ico-start.png") no-repeat left center;padding-left: 40px;}
.join .con .item:hover p span{filter:brightness(0) invert(1)}
.welfare{background: #f2f2f2;padding: 3%;overflow: auto;margin-bottom: 2%;}
.welfare .tit{width: 30%;float: left}
.welfare .con{width: 70%;float: right;overflow: auto}
.welfare .con dl{overflow: auto;width: 50%;float: left;margin-bottom: 5%;padding-right: 8%;}
.welfare .con dl:nth-last-child(-n+2){margin-bottom: 0;}
.welfare .con dl dt{font-size: 38px;color: #22b37b;}
.welfare .con dl dd{font-size: 22px;}
.tips{margin: 3% auto 5%;padding: 0 3%;}
.tips p{font-size: 22px;line-height: 200%;}


.foot{background: url("../images/bg-foot.jpg") no-repeat top center;}
.foot .top{border-bottom: 1px solid #787878;display: flex;justify-content: center;width: 90%;}
.foot .top span{font-size:22px ;color: #bebebe;margin: 0 3.5%;padding-left: 40px;background-size: auto 40%;background-repeat: no-repeat;background-position: left center;line-height: 350%;}
#addr{background-image: url("../images/ico-addr.png");}
#tel{background-image: url("../images/ico-tel.png");}
#mail{background-image: url("../images/ico-mail.png");}
.foot .footnav {width: 90%;border-bottom: 1px solid #787878;padding-bottom: 5%;position: relative;}
.foot .footnav dl{float: left;margin: 1% 3.2%;}
.foot .footnav dl dt a{font-size: 22px;color: #fff;line-height: 400%;}
.foot .footnav dl dd a{font-size: 20px;color: #bebebe;line-height: 200%;}
.foot .footnav dl a:hover{color: #22b37b;}
.foot .footnav .media{position: absolute;right: 3%;bottom: 25%;background: #fff100;border-radius:24px;height: 48px;padding: 0 36px;display: flex;align-items: center;}
.foot .footnav .media a{display: block;margin: 0 10px;}
.copyright,.copyright a,.copyright span{color: #bebebe;line-height: 400%; text-align: center;font-size: 16px;margin: 0 10px;}