@charset "utf-8";
/* CSS Document */

.gam {width:95%;max-width: 1550px;margin:0 auto;}   

.ab_banner {position: relative;}
.ab_tittle {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ab_tittle h1 {text-align: center;font-size: 48px;color: #fff;font-weight: 600;letter-spacing: 4px;}
.ab_tittle h2 {text-align: center;font-size: 38px;color: #fff;font-weight: 400;margin-top:15px;font-weight: 300;letter-spacing: 4px;}
.ab1 {padding:160px 0;}
.ab1 h4 {font-size: 30px;color:#555;font-weight: 600;margin-bottom: 40px;}
.ab1 p {line-height: 1.8;font-size: 18px;color:#555;margin-top: 40px;}
.ab1 ul {display: flex;justify-content: space-between;}
.ab1-l {flex:0 1 47%;}
.ab1-l .ab1-txt p {width:75%;text-align: justify;}
.ab1-r {flex:1;}
.ab2 {}
.ab2 .abt {height:250px;line-height:250px;text-align: center;}
.abt h2 {font-size: 30px;color:#555;font-weight: 600;}
.ab2-ghost {background:#e2e3e5;}
.ab2-ghost ul {display: flex;}
.ab2-l {flex:0 1 47%;}
.ab2-r {flex:1;position: relative;}
.ab2-fk {margin-left:80px;padding:60px 0;position: relative;z-index: 1;}
.ab2-fk ol {display:flex;align-items: center;width:auto;margin-bottom: 30px;}
.ab2-fk ol li {margin-right:30px;}
.ab2-fk ol li:nth-child(3) {flex:1;}
.ab2-fk ol li h2 {font-size: 25px;color:#555;}
.ab2-fk ol li p {line-height: 1.5;font-size: 16px;color:#555;padding-left:15px;margin-top: 16px;position: relative;}
.ab2-fk ol li p::before {content: "";display: block;width:4px;height:4px;border-radius:50%;background-color: #444;position:absolute; left:5px;top: 11px; }
.ab2-fk ol li img {max-width: 48px;height:auto;}
.ab2-fk ol li i {display:block;width:9px; height:9px;border-radius: 50%;background:#666;}
.ab2-img {height:100%;background:url(../img/ab2.jpg) no-repeat center;background-size: cover;}
.lanbo i {display: block;width:1px;height:95%;background:#c0c0c0;position: absolute;left:162px;top: 50%;transform: translateY(-50%);z-index: 0;}
.lanbo i:after {content: "▼";position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);font-style: normal;}
.ab3 {padding:150px 0 250px;}
.ab3 ul {display: flex;flex-grow: 1;}
.ab3 ul {display: grid;grid-template-columns: 46.5% 1fr; align-items: stretch; height: auto; }
.ab3-l {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.ab3-r {display: flex;flex-direction: column;justify-content: space-between;}
.ab3-l h2 {font-size: 30px;color: #555;font-weight: 600;}
.ab3-l .xxd {flex: 1;}
.ab3-l i {display: block;width: 2px;height: 150px;background: #aaa;margin-top: 150px;}
.ab3-l h4 {font-size: 30px;color: #555;font-weight: 600;margin-bottom: 40px;}
.ab3-l h4 span {padding-right:10px;}
.ab3-l p {line-height: 1.8;font-size: 18px;color: #555;margin-bottom: 180px;}
.ab3-l:last-child p {margin-bottom: 0;}
.ab3-img>div {margin-bottom: 15px;}
.ab3-img>div:last-child {margin-bottom: 0;}
.ab3-txt>div:last-child p {margin-bottom: 0;}

.ab2-txt p {width:92%;}
.ab2-mun {display: flex;justify-content: flex-start;align-items: center;}
.ab2-mun ul {margin:90px 0;}
.ab2-mun ul li {padding:20px 0;border:1px solid #dadaca;border-radius: 15px;width:320px;text-align: center;margin-right:25px;}
.munb {font-size:30px;color:#555;}
.munb h5 {line-height: 1;font-size:96px;color:#c99f6a;font-weight: 600;}
.munb h5::after {content: "项";font-size: 30px;color:#555;padding-left:5px;}
.munb p{width:100%;text-align: center;font-size:22px;color:#555;margin-top: 0;}
.ab2b {padding:180px 0 200px;}
.ab2b ul {display: flex;justify-content: space-around;flex-wrap: wrap;}
.ab2b ul li {flex:0 1 32%;margin-bottom:100px;}
.ab2b ul li:nth-child(3n+1) {margin-left: 0;}
.ab2b-img {text-align: center;}
.ab2b-img h4 {font-size:25px;color:#555;margin:30px auto;font-weight: 600;}
.ab2b-img p {width: 80%;margin: auto;text-align: justify;line-height:1.8;font-size:18px;color:#555;}
.jsb {position: absolute;left:0;bottom:60px;width: 100%;text-align: center;}
.jsb p {font-size:18px;color:#fff;}
.jsb p span {padding-left:30px;}
.s1 {padding:50px 0;border-bottom:1px solid #d4d4d4;}
.s1 h4 {font-size: 30px;color:#555;margin-bottom:50px;font-weight: 600;}
.s1 h5 {font-size: 18px;color:#555;font-weight:bold;margin-bottom:20px;}
.s1 ul {display: flex;}
.ab3b-l {flex:0 1 25%;}
.ab3b-l p {font-size:18px;line-height:1.75;color:#555;margin-bottom: 20px;}
.ab3b-l p:last-child {margin-bottom: 0;}
.ab3b-r ol {display: flex;}
.ab3b-r ol li {margin-left:4px}
.ab3b-r ol li:first-child {margin-left:0;}
.ab3b-r ol li p {text-align: center;font-size:18px;margin-top:20px;}

.ab1-l .ab3-txt p {width:85%;text-align: justify;}
.ab2c {position: relative;}
.ab2c .ab2c-text {position: absolute;top:50%;left:0;transform: translateY(-50%);width:100%;z-index: 1;}
.ab2c .ab2c-text h4 {font-size: 40px;color:#fff;margin-bottom:20px;}
.ab2c .ab2c-text p {font-size:18px;color:#fff;line-height:1.8;margin-bottom:90px;}
.ab2c-text .gam>div:last-child p{margin-bottom:0;}
.ab2c-bg {position: relative;z-index: 0;}

@media screen and (max-width:1280px) {
    .ab2-l {flex: 0 1 30%;}
    .ab1-mun ul li {width: 250px;}
    .ab3-l p {margin-bottom: 130px;}
}

@media screen and (max-width:1024px) {
    .ab1 {padding: 80px 0;}
    .ab1 ul {align-items: center;}
    .ab2-l {flex: 0 1 25%;}
    .ab2-fk {margin-left: 25px;}
    .ab2-fk ol li {margin-right: 20px;}
    .lanbo i {left:97px;}
    .ab3-l i {height: 100px;margin-top: 50px;}
    .ab3-l h4 {margin-bottom: 20px;}
    .ab3-l p {margin-bottom: 60px;}
    .munb h5 {font-size: 75px;}
    .ab2b ul li {flex:0 1 48%;}
    .ab3b-l {flex: 0 1 32%;}
    .ab2c .ab2c-text p {margin-bottom: 50px;}
    .ab2-mun ul li {width: 240px;}
}

@media screen and (max-width:768px) {
    .ab_tittle {width: 100%;}
    .ab_tittle h1 {font-size: 25px;}
    .ab_tittle h2 {font-size: 20px;margin-top: 8px;}
    .abt h2 {font-size: 25px;}
    .jsb {bottom: 5px;}
    .jsb p {font-size: 11px;}
    .ab1 {padding: 40px 0;}
    .ab1 ul {flex-wrap: wrap;width: 100%;}
    .ab1-l {flex: 0 1 100%;}
    .ab1 h4 {font-size: 22px;margin-bottom: 20px;}
    .ab1-l .ab1-txt p {width: 98%;}
    .ab1 p {line-height: 1.6;font-size: 14px;margin-top: 25px;}
    .ab2 .abt {height: 100px;line-height: 100px;}
    .ab2-l {display: none;}
    .ab2-fk {margin-left: 15px;}
    .ab2-fk ol li {margin-right: 13px;}
    .ab2-fk ol li img {max-width: 36px;}
    .ab2-fk ol li h2 {font-size: 20px;}
    .ab2-fk ol li p {line-height: 1.5;font-size: 12px;}
    .ab2-fk ol li p::before {top:8px;}
    .lanbo i {left: 68px;}
    .ab3 {padding: 50px 0 0;}
    .ab3 ul {grid-template-columns: 1fr;}
    .ab3-l i {width: 50px;height: 2px;margin-top: 30px;margin-bottom: 40px;}
    .ab3-l h4 {font-size: 18px;}
    .ab3-l p {line-height: 1;font-size: 15px;margin-bottom: 40px;}
    .ab3-txt {margin-bottom: 40px;}
    .ab1-mun {margin-bottom: 30px;}
    .ab1-mun ul {flex-wrap: nowrap;width: 100%;}
    .ab1-mun ul li {width:48%;border:0;}
    .munb h5 {font-size: 48px;}
    .munb h5::after {content: "项";font-size: 16px;}
    .munb p {margin-top:5px;}
    .ab2b {padding: 40px 0;}
    .ab2b ul li {flex: 0 1 100%;margin-bottom: 50px;}
    .ab2b-img img {width:25%;margin: auto;}
    .ab2b-img h4 {font-size: 20px;margin: 18px auto;}
    .ab2b-img p {font-size: 15px;}
    .ab2-mun ul {gap: 15px;margin: 30px 0;}
    .ab2-mun ul li {width: 100%;margin-right: 0;}
    .jsb p span {padding-left: 18px;}
    .s1 {padding: 32px 0;}
    .s1 h4 {font-size: 25px;margin-bottom: 20px;}
    .s1 ul {flex-wrap: wrap;gap: 10px;}
    .ab3b-l {flex: 0 1 100%;overflow-x: auto;overflow-y: hidden;display: flex;}
    .ab3b-l p {flex: 1;}
    .ab3b-l p {font-size: 10px;}
    .ab3b-l p b {font-size: 15px;}
    .ab3b-r ol {flex-wrap: wrap;}
    .ab3b-r ol li {flex: 0 1 49%;margin-left:2%;margin-bottom:30px;}
    .ab3b-r ol li:nth-child(2n+1) {margin-left:0;}
    .ab3b-r ol li p {font-size: 12px;margin-top: 5px;}
    .ab1-l .ab3-txt p {width:98%;}
    .ab2c .ab2c-text h4 {font-size: 25px; margin-bottom: 10px;}
    .ab2c .ab2c-text p {margin-bottom: 30px;font-size: 13px;}
    .ab2c-bg {transform: translateX(-90%);}
    .ab2c-bg img {width:250%;max-width: none;}
}