/* CSS Document */
@charset "utf-8";
.container{position: relative;}
.ban-swiper-sj{display: none;}
.topArea{position: absolute;left: 0;right: 0;top: 0;z-index: 4; transition: all 0.4s;}
.topArea:hover{background: #ffffff;}
@media screen and (max-width: 700px) {
    .ban-swiper{display: none;}
    .ban-swiper-sj{display: block;}
}
.section-1{padding: 73px 0 126px 0;}
.section-1 .cont{width: 1650px; margin: 0 auto;}
.section-1 img{width: 100%;}
.section-1 .a1,.section-1 .a2{float: left;}
.section-1 .a1{width: 21.8%; margin-right: 36px;}
.section-1 .a2{width: 39.4%; margin-top: 116px;}
.section-1 .a2 .hd{margin-bottom: 32px;}
.section-1 .a2 .hd .tit{position: relative; padding-bottom: 12px; font-size: 28px; font-weight: bold; color: #45b4b5;}
.section-1 .a2 .hd .tit::before{position: absolute; left: 0; bottom: 0; content: '\20'; width: 53px; height: 1px; background-color: #40b1af;}
.section-1 .a2 .bd .m-text{margin-bottom: 62px; margin-bottom: 9.5%; color: #777777; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}
.section-1 .a2 .more a{display: block; width: 160px; height: 48px; color: #45b4b5; text-align: center; line-height: 46px; border: 1px solid #40b1af; transition: all 0.4s;}
.section-1 .a2 .more a:hover{background-color: #40b1af; color: #ffffff;}
.section-1 .a3{float: right; margin-top: 68px; width: 33.6%;}
@media screen and (max-width: 1650px) {
    .section-1 .cont{width: 1400px;}
    .section-1 .a2{margin-top: 70px;}
}
@media screen and (max-width: 1400px) {
    .section-1 .cont{width: 1200px;}
    .section-1 .a2 .hd{margin-bottom: 24px;}
    .section-1 .a2 .bd .m-text{margin-bottom: 5.8%;}
}
@media screen and (max-width: 1200px) {
    .section-1{padding: 60px 0;}
    .section-1 .cont{width: 94%;}
    .section-1 .a1{display: none;}
    .section-1 .a2{width: 48%; margin-top: 0;}
    .section-1 .a3{width: 48%; margin-top: 0;}
}
@media screen and (max-width: 1000px) {
    .section-1 .a2{width: 100%;margin-bottom: 40px;}
    .section-1 .a3{width: 100%;}
}
@media screen and (max-width: 700px) {
    .section-1{padding: 32px 0;}
    .section-1 .a2 .hd .tit{font-size: 24px;}
    .section-1 .a2 .more a{width: 120px;height: 36px;line-height: 36px;}
}

.section-2 .item{float: left; position: relative; width: 50%;}
.section-2 .item .p {overflow: hidden;}
.section-2 .item .p img{width: 100%;}
.section-2 .item:hover .p img{transform: scale(1.1);}
.section-2 .item .m-text{position: absolute; left: 16.7%; top: 50%; width: 41.7%; transform: translateY(-50%); color: #ffffff;}
.section-2 .item .m-text .tit{position: relative; margin-bottom: 22px; padding-bottom: 11px; font-size: 24px;}
.section-2 .item .m-text .tit::before{position: absolute; left: 0; bottom: 0; content: '\20'; width: 51px; height: 1px; background-color: #ffffff;}
.section-2 .item .m-text .tip{margin-bottom: 40px; font-size: 16px; line-height: 32px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}
.section-2 .item .more a{display: block;width: 120px;height: 38px;font-size: 14px;color: #ffffff;border: 1px solid #ffffff;text-align: center;line-height: 36px;transition: all 0.4s;}
.section-2 .item .more a:hover{background-color: #40b1af; color: #ffffff; border-color: #40b1af;}
@media screen and (max-width: 1400px) {
    .section-2 .item .m-text .tip{margin-bottom: 22px;line-height: 28px;}
}
@media screen and (max-width: 1200px) {
    .section-2 .item .m-text{width: 70%;}
    .section-2 .item .m-text .tit{margin-bottom: 18px;}
    .section-2 .item .m-text .tip{font-size: 14px;margin-bottom: 18px;}
}
@media screen and (max-width: 1000px) {
    /* .section-2 .item .m-text{width: 41.7%;} */
    .section-2 .item{float: unset;width: 94%;margin: 0 auto;margin-bottom: 40px;}
}
@media screen and (max-width: 700px) {
    .section-2 .item{margin-bottom: 20px;}
    .section-2 .item .m-text{width: 94%;left: 3%;}
    .section-2 .item .m-text .tit{font-size: 18px;}
    .section-2 .item .m-text .tip{line-clamp: 2;-webkit-line-clamp: 2;}
    .section-2 .item .more a{width: 100px;height: 28px;line-height: 28px;}
    .section-2 .item .p img{min-height: 220px;}
}

.section-3{padding: 74px 0 132px 0; background: #fafafa;}
.section-3 img{width: 100%;}
.section-3 .hd{margin-bottom: 62px; text-align: center;}
.section-3 .hd .tit{margin-bottom: 15px; font-size: 26px; color: #40b1af;}
.section-3 .hd .tip{color: #666666;}
.section-3 .s3-swiper .p{background: #ffffff;}
.section-3 .s3-swiper dl{position: relative; padding: 12px 24px; background: #ffffff; transition: all 0.4s; z-index: 2;}
.section-3 .s3-swiper dl dt{margin-bottom: 15px; padding-bottom: 6px; font-size: 18px; color: #666666; border-bottom: 1px solid #b2b2b2;}
.section-3 .s3-swiper dl dd{height: 18px; font-size: 12px; color: #555555;}
.section-3 .s3-swiper dl dd.more{margin-top: 22px; color: #40b1af;}
.section-3 .s3-swiper a:hover dl{background: #40b1af;}
.section-3 .s3-swiper a:hover dl dt{color: #ffffff; border-color: rgba(255, 255, 255, .3);}
.section-3 .s3-swiper a:hover dl dd{color: #ffffff;}
@media screen and (max-width: 700px) {
    .section-3{padding: 32px 0;}
    .section-3 .hd{margin-bottom: 30px;}
}

.section-4{padding: 88px 0 84px 0;}
.section-4 .hd{float: left; width: 184px; height: 100px; padding: 20px 0 0 14px; background: #40b1af;}
.section-4 .hd .tit{position: relative; padding-bottom: 12px; font-size: 24px; font-weight: bold; text-transform: uppercase; color: #ffffff;}
.section-4 .hd .tit::before{position: absolute; left: 0; bottom: 0; content: '\20'; width: 34px; height: 1px; background: #ffffff;}
.section-4 .a1{position: relative; float: left; width: 48.8%; margin-top: 38px; padding: 50px 0;}
.section-4 .a1::before{position: absolute; left: 14.4%; top: 0; content: '\20'; width: 1px; height: 100%; background: #e8e8ea;}
.section-4 .s4-swiper{height: 400px; cursor: grab;}
.section-4 .s4-swiper .newsList .date{float: left;width: 14.4%;padding-right: 10px;}
.section-4 .s4-swiper .date .b{float: left; width: 50%;font-family: Arial; font-size: 40px; font-weight: bold;}
.section-4 .s4-swiper .date .c{float: right; width: 50%; text-align: right; padding: 4px 0 0 0;}
.section-4 .s4-swiper .date .c1{color: #000000;}
.section-4 .s4-swiper .date .c2{color: #777777; text-align: right;}
.section-4 .s4-swiper .newsList dl{float: left; width: 85.6%;padding-left: 26px; border-left: 1px solid #b2b2b2;}
.section-4 .s4-swiper .newsList dl dt a{display: inline-block; width: 100%; font-size: 20px; color: #000000; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section-4 .s4-swiper .newsList dl dd{margin-top: 15px; line-height: 32px; color: #777777;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.section-4 .s4-swiper .newsList dl dt a:hover{color: #40b1af;}
.section-4 .s4-prev,
.section-4 .s4-next{right: unset; left: 5.3%; width: 33px; height: 18px; margin-top: 0; background: url(ico_03.png) no-repeat center center;}
.section-4 .s4-prev{bottom: unset; top: 0;}
.section-4 .s4-next{top: unset; bottom: 0; transform: rotate(180deg);}
.section-4 .a2{float: right; width: 28.9%; margin-top: 84px;}
.section-4 .a2 .ipt{height: 56px; margin-bottom: 20px; padding-left: 28px; line-height: 54px; color: #40b1af; border: 1px solid #40b1af;}
.section-4 .a2 .ipt:last-child{margin-bottom: 0;}
.section-4 .a2 .ipt input{width: 74%;height: 100%;color: #40b1af;}
.section-4 .a2 .ipt textarea{width:100%;height:100%;color: #40b1af;padding-top: 14px;}
.section-4 .a2 .ipt input::-webkit-input-placeholder{color:#40b1af;} 
.section-4 .a2 .ipt input::-moz-placeholder{color:#40b1af;} 
.section-4 .a2 .ipt input::-ms-input-placeholder{color:#40b1af;}
.section-4 .a2 .ipt textarea::-webkit-input-placeholder{color: #40b1af;}
.section-4 .a2 .ipt textarea::-moz-placeholder{color:#40b1af;} 
.section-4 .a2 .ipt textarea::-ms-input-placeholder{color:#40b1af;}
.section-4 .a2 .ipt-btn{margin-top: 40px;}
.section-4 .a2 .ipt-btn button{width: 200px; height: 54px; border: 1px solid #40b1af; color: #40b1af; transition: all 0.4s; cursor: pointer;}
.section-4 .a2 .ipt-btn button:hover{background: #40b1af; color: #ffffff;}
@media screen and (max-width: 1600px) {
    .section-4 .a1{width: 54.8%;}
    .section-4 .a2 .ipt-btn button{width: 174px;}
}
@media screen and (max-width: 1400px) {
    .section-4 .a2 .ipt-btn button{width: 150px;}
}
@media screen and (max-width: 1200px) {
    .section-4 .hd{width: 19%;}
    .section-4 .a1{width: 80%;}
    .section-4 .a2{width: 100%;}
    .section-4 .a2 .ipt{float: left; width: 48%; margin-right: 4%; margin-bottom: 32px;}
    .section-4 .a2 .ipt:nth-of-type(2n){margin-right: 0;}
    .section-4 .a2 .ipt.word{width: 100%;height: 112px;}
    .section-4 .a2 .ipt-btn{text-align: center;}
    .section-4 .a2 .ipt-btn button{float: unset;margin: 0 20px;}
}

@media screen and (max-width: 700px){
    .section-4{padding: 32px 0;}
    .section-4 .hd{width: 110px;}
    .section-4 .s4-swiper{height: 240px;}
    .section-4 .a1{width: 100%;}
    .section-4 .a1::before{left: 20%;}
    .section-4 .s4-swiper .newsList dl{width: 80%; padding-left: 10px;}
    .section-4 .s4-swiper .date .b{font-size: 24px;}
    .section-4 .s4-swiper .newsList dl dt a{font-size: 16px;}
    .section-4 .s4-swiper .newsList dl dd{margin-top: 10px; font-size: 14px;line-height: 28px;}
    .section-4 .s4-swiper .newsList .date{width: 20%;}
    .section-4 .a2{margin-top: 32px;}
    .section-4 .a2 .ipt{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .section-4 .a2 .ipt-btn button{width: 100px;height: 40px;margin: 0 10px;}
}

.section-5{padding: 0 0 110px 0;}
.section-5 img{width: 100%;}
.section-5 .hd{margin-bottom: 42px; text-align: center;}
.section-5 .hd .tit{margin-bottom: 15px; font-size: 26px; color: #40b1af;}
.section-5 .hd .tip{color: #666666;}
.section-5 .s5-swiper .p{border: 1px solid #e4e4e4; overflow: hidden;}
.section-5 .s5-swiper a:hover .p img{transform: scale(1.1);}
@media screen and (max-width: 700px){
    .section-5{padding: 32px 0;}
}