@charset "utf-8";
/* ¸ÞÀÎ ·Ñ¸µÀ̹ÌÁö */
/*#header {display:none;}*/
/* ¼½¼Ç °øÅë */
.section {position:relative; padding:120px 0; overflow:hidden}
/*.section > .inner {position:relative; max-width:1440px; margin:0 auto; padding:0 0px}*/
.section h2.tit {position:relative; text-align:center; font-size:0px;  color:#333; margin-bottom:130px; z-index:30;display:flex;}
.section h2.tit span {font-size:46px;font-weight:800;color:#232323;width:50%;text-align:right;}
.section h2.tit p {font-size:18px;color:#262626;width:50%;text-align:left;}
.section h2.tit.light {margin-bottom:80px;}
.section h2.tit.light span {color:#fff}
.section h2.tit.light p {color:#fff}
.section h2.tit.light:before {background:#fff}
.section h2.tit.rever span {text-align:left}
.section h2.tit.rever p {text-align:right}




.section1 {position:relative;width:1200px;margin:0px auto;}
.section1 .inner {display:flex;justify-content:space-between;}
.section1 .inner span a img {filter: grayscale(1);}
.section1 .inner span a:hover img {filter: grayscale(0);}
.section1 .inner span p {font-size:20px;color:#555;text-align:center;margin-top:20px;}








.section2 {position:relative;width:100%;background:#f3f6f8;padding:30px 0px 50px;}
.section2 .inner {width:1800px;margin:0px auto;position:relative;}
.section2 .slide-cover {width:1600px;margin:0px auto;}
.section2 .slide-cover > h1 {font-size:40px;color:#222;position:relative;top:100px;}
.section2 .swiper {width:100%;height:100%;overflow:;border:solid 0px red;padding-top:100px;padding-bottom:170px;}
.section2 .swiper-slide {padding:0px;position:relative;}
.section2 .swiper-slide {text-align:left;font-size:18px;display:block;justify-content:center;align-items:center;padding:0px;transition:all 0.8s ease;position:relative;}
.section2 .swiper-slide figure {text-align:right;width:100%;position:absolute;right:0px;top:-110px;z-index:-1;}
.section2 .swiper-slide img {display:inline-block;text-align:right;transition:all 0.8s ease;transform: scale(0.8);}
.section2 .swiper-slide span {display:inline-block;width:auto;font-size:22px;color:#555;position:relative;margin-top:70px;}
.section2 .swiper-slide h1 {display:block;width:100%;font-size:32px;color:#333;font-weight:bold;margin:10px 0px 20px;}
.section2 .swiper-slide p {display:block;width:100%;font-size:20px;color:#777;transition:all 0.8s ease;}
.section2 .swiper-slide .cover {width:100%;transition:all 0.3s ease;}
.section2 .swiper-slide.swiper-slide-active img {transform: scale(1);}
.section2 .swiper-button-next {right:auto;left:60px;}
.section2 .swiper-button-prev {left:0px;}
.section2 .swiper-button-next,.section2 .swiper-button-prev {margin-top:200px;color:#fff;width:50px;height:50px;border-radius:50px;background:#f8f8f8;border:1px solid #bbb;}


.section2 .swiper-button-next .xi-angle-right-thin, .section2 .swiper-button-prev .xi-angle-left-thin {font-size: 18px;font-weight: 600;color:#999;}


.swiper-button-next:after, .swiper-button-prev:after {display:none;}
.section2 .abtit {font-family: "Outfit", serif;font-weight: 900;font-size:120px;color:#09425c;opacity:0.05;position:absolute;right:0px;bottom:-35px;}
.section2 .more-btn {margin-top:60px;}
.section2 .more-btn a {color:#555;background:#f0f0f0;padding:8px 25px;border:solid 1px #ddd;display:inline-block;border-radius:30px;font-size:16px;}




.section3 {position:relative;width:100%;padding-top:120px;padding-bottom:0px;}
.section3 .inner {width:1600px;margin:0px auto;}
.section3 .conArea {position:relative;}
.section3 .conArea ul {position:relative;font-size:0px;}
.section3 .conArea ul li {position:relative;font-size:0px;width:500px;margin-right:50px;display:inline-block;vertical-align:top;overflow:hidden;border-radius:30px;}
.section3 .conArea ul li:last-child {margin-right:0px;}




.section3 .conArea ul li .txtArea {position:absolute;left:0px;bottom:50px;text-align:center;width:100%;}
.section3 .conArea ul li a h2 {color:#fff;font-size:30px;margin-bottom:20px;font-weight:500;opacity:0.7;transition:all 0.3s ease;}
.section3 .conArea ul li a span {color:#fff;font-size:20px;opacity:0.7;line-height:1.3;opacity:0.7;transition:all 0.3s ease;}
.section3 .conArea ul li a figure img {transition:all 0.3s ease;}
.section3 .conArea ul li a:hover figure img {transform: scale(1.1);transition:all 0.3s ease;}
.section3 .conArea ul li a:hover h2 {color:#fff;font-size:32px;margin-bottom:20px;font-weight:500;opacity:1}
.section3 .conArea ul li a:hover span {color:#fff;font-size:22px;opacity:0.7;line-height:1.3;opacity:1}




.section4 {position:relative;width:100%;padding-top:120px;padding-bottom:0px;}
.section4 .inner {width:1600px;margin:0px auto;}
.section4 .group {font-size:0px;}
.section4 .group > div {display:inline-block;vertical-align:top;}
.section4 .left {width:880px;margin-right:60px;position:relative;}
.section4 .more-btn {position:absolute;right:0px;top:-22px;}
.section4 .more-btn a {color:#555;background:#fff;padding:8px 25px;border:solid 1px #ddd;display:inline-block;border-radius:30px;font-size:16px;}
.tab_area {width:auto;margin:0px auto;padding: 0px 0;}
/*ÅǸ޴º ¹öÆ°*/
.tab_button {  display: inline-block;  }
.tab_button li {  display: inline-block;width: auto;}
.tab_button li a {  padding: 0px 25px;  display: block;  font-size: 30px;  color: #999;  font-weight: bold;position:relative;}
.tab_button li a:before {position:absolute;right:0px;top:10px;height:20px;width:1px;background:#ddd;content:'';}
.tab_button li:last-child a:before {display:none;}
.tab_button li.on a {color: #222;}
/*ÅǸ޴º ÄÜÅÙÃ÷*/
.tab_cont {  width: 100%;  background: #fff;  display: none;}
.tab_cont.on {  display: block;}
.tab_cont div {  padding: 20px;}
.section4 .right {width:660px;}
.section4 .right  .banArea {font-size:0px;}
.section4 .right  .conArea {padding:50px;border:solid 1px #ddd;border-radius:30px;width:315px;display:inline-block;vertical-align:top;margin-right:30px;background:#fff;transition:all 0.8s ease;}
.section4 .right  .conArea:hover {border-color:#a4d530;background:#fafff9;}
.section4 .right  .conArea:last-child {margin-right:0px;}
.section4 .right  .conArea h1 {color:#222;font-size:24px;margin-bottom:20px;font-weight:500;margin-top:30px;}
.section4 .right  .conArea span {color:#222;font-size:18px;line-height:1.3;margin-top:16px;}
.section4 .right  .conArea p {margin-top:80px;}
.section4 .right  .conArea p a {color:#999;font-size:16px;}
.section4 .right  .conArea p a img {margin-left:15px;}




.section5 {position:relative;width:100%;padding-top:120px;padding-bottom:0px;}
.section5 .inner {width:1600px;margin:0px auto;}
.section5 .conArea {position:relative;}
.section5 .conArea ul {position:relative;font-size:0px;}
.section5 .conArea ul li {position:relative;font-size:0px;width:370px;margin-right:40px;display:inline-block;vertical-align:top;}
.section5 .conArea ul li:last-child {margin-right:0px;}
.section5 .conArea ul li .txtArea {margin-top:20px;}
.section5 .conArea ul li h2 {color:#333;font-size:24px;margin-bottom:20px;font-weight:500;}
.section5 .conArea ul li span {color:#555;font-size:18px;opacity:0.7;line-height:1.3;}




.section6 {position:relative;width:100%;padding-top:120px;}
.section6 .inner {width:1600px;margin:0px auto;}
.section6 .conArea {position:relative;}
.section6 .conArea ul {position:relative;font-size:0px;}
.section6 .conArea ul li {position:relative;font-size:0px;width:370px;margin-right:40px;display:inline-block;vertical-align:top;}
.section6 .conArea ul li:last-child {margin-right:0px;}
.section6 .conArea ul li .txtArea {margin-top:20px;}
.section6 .conArea ul li h2 {color:#222;font-size:22px;margin-bottom:20px;font-weight:500;}








.section .group h1 {font-size:40px;color:#222;margin-bottom:40px;position:relative;}
.section .group h1 .more-btn {position:absolute;right:0px;top:0px;}
.section .group h1 .more-btn a {color:#555;background:#fff;padding:8px 25px;border:solid 1px #ddd;display:inline-block;border-radius:30px;font-size:16px;}




/* ¹Ìµð¾îÄõ¸® */
@media screen and (max-width:1800px) {
.section2 .inner {width:100%;padding:120px 20px;}
.section2 .slide-cover {width:100%;padding:0px 20px;}








.section5 .inner {width:100%;padding:0px 20px;}
.section5 .conArea ul li {position:relative;font-size:0px;width:23.5%;margin-right:2%;}
.section5 .conArea ul li img {width:100%;}
.section6 .inner {width:100%;padding:0px 20px;}
.section6 .conArea ul li {position:relative;font-size:0px;width:23.5%;margin-right:2%;}
.section6 .conArea ul li img {width:100%;}




}
@media screen and (max-width:1600px) {
.section3 .inner {width:100%;padding:0px 20px;}
.section3 .conArea ul li {width:32%;margin-right:2%;}
.section3 .conArea ul li:last-child {margin-right:0px;}
.section3 .conArea ul li a figure img {width:100%;}
.section4 .inner {width:100%;padding:0px 20px;}
.section4 .left {width:68%;margin-right:2%;}
.section4 .right {width:30%}
.section4 .right  .conArea {width:100%;margin-right:0px;margin-top:20px;}
}
@media screen and (max-width:1440px) {




}




@media screen and (min-width:1281px) {
}




@media screen and (max-width:1280px) {
.section1 {width:100%;padding:60px 20px;}
}




@media screen and (max-width:1024px) {
.section h2.tit.rever {flex-direction:column;} 
.section h2.tit {margin-bottom:50px;flex-direction:column-reverse}
.section h2.tit.light {margin-bottom:50px;}
.section h2.tit span {font-size:28px;width:100% ;text-align:left!important;margin-bottom:10px;}
.section h2.tit p {font-size:14px;width:100%;text-align:left!important;}




.section .group h1 {font-size:28px;margin-bottom:40px;position:relative;}
.section .group h1 .more-btn {position:absolute;right:0px;top:0px;}
.section .group h1 .more-btn a {padding:6px 20px;border-radius:30px;font-size:13px;}




.section1 {width:100%;padding:30px 20px;}
.section1 .inner {display:block;justify-content:space-between;font-size:0px;}
.section1 .inner span {display:inline-block;width:32%;margin-right:2%;text-align:center;margin-bottom:30px;}
.section1 .inner span:nth-child(3n) {margin-right:0px;}
.section1 .inner span a img {filter: grayscale(0);width:60px;}
.section1 .inner span a:hover img {filter: grayscale(0);}
.section1 .inner span p {font-size:14px;color:#555;text-align:center;margin-top:20px;}




.section2 .inner {width:100%;padding:0px 0px;}








.section2 .slide-cover > h1 {font-size:28px;color:#222;position:relative;top:30px;}
.section2 .swiper {width:100%;height:100%;overflow:;border:solid 0px red;padding-top:30px;padding-bottom:30px;}
.section2 .swiper-slide {padding:0px;position:relative;}
.section2 .swiper-slide {text-align:left;font-size:18px;display:block;justify-content:center;align-items:center;padding:0px;transition:all 0.8s ease;position:relative;}
.section2 .swiper-slide figure {text-align:center;width:100%;position:relative;right:auto;top:auto;}
.section2 .swiper-slide img {width:100%;text-align:center;}
.section2 .swiper-slide span {width:auto;font-size:18px;position:relative;margin-top:20px;}
.section2 .swiper-slide h1 {font-size:22px;margin:10px 0px 20px;}
.section2 .swiper-slide p {font-size:15px;}
.section2 .swiper-button-next {right:0px;left:auto;}
.section2 .swiper-button-prev {left:auto;right:45px;}
.section2 .swiper-button-next,.section2 .swiper-button-prev {margin-top:155px;width:40px;height:40px;border-radius:50px;}
.swiper-button-next:after, .swiper-button-prev:after {display:none;}
.section2 .abtit {font-family: "Outfit", serif;font-weight: 900;font-size:45px;color:#09425c;opacity:0.05;position:absolute;right:0px;bottom:-15px;}
.section2 .more-btn {margin-top:30px;}
.section2 .more-btn a {padding:6px 20px;border-radius:30px;font-size:13px;}




.section3 {padding-top:60px;}
.section3 .conArea ul li {position:relative;font-size:0px;width:100%;margin-right:0px;border-radius:20px;margin-bottom:20px;}
.section3 .conArea ul li .txtArea {position:absolute;left:0px;bottom:50px;text-align:center;width:100%;}
.section3 .conArea ul li a h2 {font-size:24px;margin-bottom:20px;opacity:1;}
.section3 .conArea ul li a span {font-size:15px;opacity:1;opacity:1;}
.section3 .conArea ul li a:hover figure img {transform: scale(1);}
.section3 .conArea ul li a:hover h2 {font-size:24px;}
.section3 .conArea ul li a:hover span {font-size:15px;}




.section4 {position:relative;width:100%;padding-top:60px;}
.section4 .left {width:100%;margin-right:60px;}
.section4 .more-btn {position:absolute;right:-10px;top:-13px;}
.section4 .more-btn a {padding:6px 10px;border-radius:30px;font-size:13px;}
.tab_button {font-size:0px;width:100%;}
.tab_button li {display:inline-block;width:20%;text-align:center;}
.tab_button li a {  padding: 0px 0px; font-size: 18px;  }
.tab_button li a:before {position:absolute;right:0px;top:5px;height:15px;}




/*ÅǸ޴º ÄÜÅÙÃ÷*/
.tab_cont {  width: 100%;  background: #fff;  display: none;}
.tab_cont.on {  display: block;}
.tab_cont div {  padding: 10px;}
.section4 .right {width:100%;}
.section4 .right  .conArea {padding:20px;bborder-radius:30px;width:49%;margin-right:2%;}
.section4 .right  .conArea h1 {font-size:20px;margin-bottom:10px;margin-top:20px;}
.section4 .right  .conArea span {font-size:13px;margin-top:10px;}
.section4 .right  .conArea p {margin-top:20px;}
.section4 .right  .conArea p a {font-size:12px;}
.section4 .right  .conArea p a img {margin-left:5px;height:10px;}




.section5 {;padding-top:60px;}
.section5 .conArea {position:relative;}
.section5 .conArea ul {}
.section5 .conArea ul li {width:49%;margin-right:2%;margin-bottom:30px;}
.section5 .conArea ul li:nth-child(2n) {margin-right:0px;}
.section5 .conArea ul li .txtArea {margin-top:10px;}
.section5 .conArea ul li h2 {font-size:18px;margin-bottom:10px;font-weight:500;}
.section5 .conArea ul li span {font-size:13px;opacity:0.7;line-height:1.3;}




.section6 {padding-top:60px;}
.section6 .conArea {position:relative;}
.section6 .conArea ul {}
.section6 .conArea ul li {width:49%;margin-right:2%;margin-bottom:20px;}
.section6 .conArea ul li:nth-child(2n) {margin-right:0px;}
.section6 .conArea ul li .txtArea {margin-top:10px;}
.section6 .conArea ul li h2 {font-size:18px;margin-bottom:10px;}
}








@media screen and (max-width:768px) {
}




@media screen and (max-width:480px) {
}