.ab1{padding: 155px 0 100px;background: #f4f6f8 url(../images/ab_1.png) center top no-repeat;} .ab1 .atop{ } .ab1 .atop .alt{width: 42.5%;float: left; } .ab1 .atop .alt .xian{width: 40px;height: 5px;background: #f4190a;border-radius: 30px;margin: 40px 0;} .ab1 .atop .alt .tc{line-height: 1.875;text-align: justify;color: #444;} .ab1 .atop .alt .ul1{display: flex;margin: 40px 0;} .ab1 .atop .alt .ul1 li{margin-right: 20%;text-align: center;width: 145px;white-space: nowrap;} .ab1 .atop .alt .ul1 li:last-child{margin-right: 0;} .ab1 .atop .alt .ul1 li .num span{font-size: 72px;font-family: gob;} .ab1 .atop .alt .ul1 li .num {margin-bottom: 10px;} .ab1 .atop .li{margin-top: 45px;} .ab1 .atop .li s{display: inline-block;width: 8px;} .ab1 .atop .li .lxian{width: 100%;height: 1px;border-bottom: 1px dashed #ddd;margin: 20px 0;} .ab1 .atop .li .lxian s{display: block;width: 30px;height: 1px;background: #555;} .ab1 .atop .li .ltc{line-height: 1.66;color: #444;text-align: justify;} .ab1 .atop .art{width: 50%;float: right; } .ab1 .atop .art .img{position: relative;overflow: hidden;width: 100%;height: 450px;margin-bottom: 160px;} .ab1 .atop .art .img img{display: block;height: 450px;max-width: 800px;position: relative;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .ab1 .atop .art {} .ab1 .atop .art .img .bf {display: block;width: 46px;height: 46px;border: 1px solid #fff;margin: 20px auto;background: url(../images/bf.png) center no-repeat;cursor: pointer;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 2;} .ab1 .atop .art .img .bf:hover {background: #fff url(../images/bf2.png) center no-repeat;} .ab2{padding: 80px 0;background: url(../images/ab_2.jpg) center bottom no-repeat;background-size: cover;text-align: center;} .ab2 .tc{line-height: 1.5;color: #3b3c3c;margin: 40px 0 100px;} .ab2 .aox{position: relative;padding: 0 100px;} .ab2 .aox .s{display: block;width: calc(100% - 200px);position: absolute;top: 50%;left: 100px;border-bottom: 1px dashed #bbbbbb ;} .ab2 .aox .swiper4{} .ab2 .aox .prev4 {width: 60px;height: 60px;left: 0;margin-top: -30px;background: url(../images/l_h.png) center no-repeat;border: 1px solid #3b3c3c;border-radius: 50%;background-size: cover;} .ab2 .aox .next4 {width: 60px;height: 60px;right: 0;margin-top: -30px;background: url(../images/l_h.png) center no-repeat;border: 1px solid #3b3c3c;border-radius: 50%;background-size: cover;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .ab2 .aox .prev4:hover,.ab2 .aox .next4:hover{background: #f4190a url(../images/l_b.png) center no-repeat;border: 1px solid #f4190a;background-size: cover;} .ab2 .aox .swiper4 .swiper-slide{width: 280px; text-align: justify;height: 420px;} .ab2 .aox .swiper4 .swiper-slide .sbox{padding:0 0 0 20px;position: relative;width: 100%;height: 100%;} .ab2 .aox .swiper4 .swiper-slide .sbox s{display: block;width: 1px;height: 50%;position: absolute;top: 0;left: 2px;border-left: 1px dashed #bbbbbb;} .ab2 .aox .swiper4 .swiper-slide .sbox .day{font-size: 48px;} .ab2 .aox .swiper4 .swiper-slide .sbox .stc{color: #3b3c3c;line-height: 1.8;margin-top: 10px;} .ab2 .aox .swiper4 .swiper-slide .sbox .num{display: block;width: 100px;height: 100px;position: absolute;top: 50%;left: 20px;margin-top: -50px;border: 1px solid #222;border-radius: 50%;padding: 5px;text-align: center;} .ab2 .aox .swiper4 .swiper-slide .sbox .num .sz{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;background: #222;color: #fff;border: 6px solid #fff;border-radius: 50%;} .ab2 .aox .swiper4 .swiper-slide:nth-child(2n) .sbox .stc{position: absolute;left: 20px;bottom: 56px;} .ab2 .aox .swiper4 .swiper-slide:nth-child(2n) .sbox .day{position: absolute;left: 20px;bottom: 0px;} .ab2 .aox .swiper4 .swiper-slide:nth-child(2n) .sbox s{top: 50%;} .ab2 .aox .swiper4 .swiper-slide-active .sbox .num{border: 1px dashed #f4190a;} .ab2 .aox .swiper4 .swiper-slide-active .sbox .num .sz{background: #f4190a;} .ab3{padding: 100px 0;} .ab3 .tt{text-align: center;} .ab3 .ax{position: relative;padding-left: 160px;} .ab3 .swiper5{margin-top: 90px;padding-bottom: 80px;} .ab3 .swiper5 .swiper-slide{width: 685px;height: 420px;background:#fff url(../images/ab_3.jpg ) center no-repeat;background-size: cover;opacity: 0.2;} .ab3 .swiper5 .swiper-slide .sbox{padding: 40px;position: relative;width: 100%;height: 100%;} .ab3 .swiper5 .swiper-slide .sbox .txt{width: calc(100% - 350px);float: left;height: 100%;position: relative;} .ab3 .swiper5 .swiper-slide .sbox .txt{line-height: 1.2;text-align: justify;} .ab3 .swiper5 .swiper-slide .sbox .txt .stc{position: absolute;left: 0;bottom: 10px;z-index: 2;line-height: 1.6;} .ab3 .swiper5 .swiper-slide .sbox .img{width: 340px;float: right;} .ab3 .swiper5 .swiper-slide-active,.ab3 .swiper5 .swiper-slide-next{opacity: 1;} .ab3 .swiper5 .pagination5{top: auto;bottom: 0;width: 90%;height: 8px;} .ab3 .swiper5 .pagination5 span{background: #000;} .ab4{padding: 100px 0 70px;text-align: center;color: #fff;background: #222;} .ab4 .swiper6{padding: 60px 0 50px;} .ab4 .swiper6 .pagination6{bottom: 0;} .ab4 .swiper6 .pagination6 span{opacity: 1;background: #fff;width: 10px;height: 10px;margin: 0 6px;} .ab4 .swiper6 .pagination6 span.swiper-pagination-bullet-active{background: #f4190a;} .ab5{padding: 100px 0;text-align: center;background: #f4f6f8;} .ab5 .dl1{margin: 80px 0; } .ab5 .dl1 dt{background: #000;color: #fff;line-height: 60px;border-radius: 20px 20px 0 0;display: block;padding: 0 0px 0 90px;} .ab5 .dl1 dt span{display: block;width: 13.5%;float: left;} .ab5 .dl1 dt span:nth-child(1){width: 19%;text-align: left;} .ab5 .dl1 dd{display: block;padding: 0 0 0 50px;border-radius: 0 0 20px 20px;-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);transition: all .4s cubic-bezier(.4, 0, .2, 1);} .ab5 .dl1 dd .dtop{display: block;width: 100%;line-height: 80px;cursor: pointer;padding: 0 0 0 40px;} .ab5 .dl1 dd .dtop span{display: block;width: 13.5%;float: left;min-height: 10px;} .ab5 .dl1 dd .dtop span:nth-child(1){width: 19%;text-align: left;} .ab5 .dl1 dd .dtop span s{display: block; width: 32px;height: 32px;border: 1px solid #ddd;border-radius: 50%;background: url(../images/ab_4.png) center no-repeat;margin: 22px auto 0;} .ab5 .dl1 dd .dbtm{text-align: justify;display: none;padding-bottom: 50px;} .ab5 .dl1 dd .dbtm .xian{display: block;width: 100%;height: 6px;background: #f4190a;border-radius: 30px;margin-bottom: 40px;} .ab5 .dl1 dd .dbtm .tc{padding: 0 40px;color: #6d7d9a;line-height: 1.8;} .ab5 .dl1 dd .dbtm .dtt{color: #000;margin-bottom: 10px;} .ab5 .dl1 dd .dbtm .a{margin-top: 25px;} .ab5 .dl1 dd .dbtm .a a{display: inline-block;padding: 20px 60px;line-height: 1;background: #f4190a url(../images/ab_5_1.png) 28px center no-repeat; color: #fff;border-radius: 30px;font-weight: bold;} .ab5 .dl1 dd.act{background: #fff;} .ab5 .dl1 dd.act .dtop span s{transform: rotate(180deg);-webkit-transform: rotate(180deg);} .ab5 .fy{justify-content: center;} .ab6{text-align: center;padding: 100px 0;} .ab6 .tc{margin: 40px 0 50px;line-height: 1.5;} .ab6 .ul1{margin:0 auto 50px;max-width: 1240px;} .ab6 .ul1 li{margin-bottom: 20px;} .ab6 .ul1 li input{display: block;width: calc(calc(100% - 40px) / 3);float: left;margin-right: 20px;height: 50px;border: 1px solid #ddd;padding: 0 30px;outline: none;font-size: 16px;} .ab6 .ul1 li input:last-child{margin-right: 0;} .ab6 .ul1 li.li2 input{display: block;width: calc(calc(100% - 20px) / 2);} .ab6 .ul1 li textarea{display: block;font-family: arial;width: 100%;height: 140px;line-height: 1.5;border: 1px solid #ddd;padding:20px 30px;font-size: 16px;resize: none;} .ab6 .tj{display: block;width: 180px;text-align: center;line-height: 50px;background: #f4190a;color: #fff;border-radius: 30px;margin: 0 auto;} .ab6 .tj:hover{background: #108ec9;} .ab7{position: relative;} .ab7 .alt{width: 50%;padding: 100px 70px 100px 160px;background: url(../images/ab_5.png) center no-repeat;background-size: cover;line-height: 1.2;} .ab7 .alt .xian{display: block;width: 30px;height: 5px;background: #f4190a;border-radius: 30px;margin: 40px 0 30px;} .ab7 .alt .tt3{padding-left: 30px;background: url(../images/ab_5_2.png) left center no-repeat;margin: 20px 0 30px;} .ab7 .alt .tc{padding: 20px 0 10px;line-height: 1.5;border-bottom: 1px dotted #6d7d9a;border-top: 1px dotted #6d7d9a;margin-bottom: 20px;height: 170px;overflow: auto;} .ab7 .alt .tc::-webkit-scrollbar {width: 4px;height: 1px;} .ab7 .alt .tc::-webkit-scrollbar-thumb {background: #000;} .ab7 .alt .tc::-webkit-scrollbar-track {background: #fff;} .ab7 .alt .tc a{display: block;color: #6d7d9a;margin-bottom: 10px;} .ab7 .alt .tc2 a{display: block;color: #6d7d9a;margin-bottom: 10px;} .ab7 .art {width: 50%;height: 100%;position: absolute;top: 0;right: 0;z-index: 2;background: #000;} .ab7 .art #map{width: 100%;height: 100%;display: block;border: 0;} .ab7 .art .yuan{display: block;width: 116px;height: 116px;background: rgba(224, 25, 10, 0.2);border: 1px solid #f4190b;border-radius: 50%;top: 50%;left: 50%;margin-top: -58px;margin-left: -58px;z-index: 3;position: absolute;} .ab7 .art .yuan span{display: block;width: 60px;height: 60px;background: #f4190b url(../images/ab_5_3.png) center no-repeat;border-radius: 50%;margin: 26px auto;} .ab7 .art .yuan s{width: 260px;height: 260px;position: absolute;top: 50%;left: 50%;margin-left: -130px;margin-top: -130px;z-index: -1;background: rgba(224, 25, 10, 0.2);border-radius: 50%;border: 1px solid #f4190b;animation: dax 1.5s ease-out infinite;-webkit-animation: dax 1.5s ease-out infinite;} @keyframes dax {0% {transform: scale(0);-webkit-transform: scale(0);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; } } @-webkit-keyframes dax {0% {transform: scale(0);-webkit-transform: scale(0);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; } } @media(max-width:1680px){ .ab7 .alt{padding: 80px 40px;} .ab3 .ax{padding-left: 40px;} } @media(max-width:1366px){ .ab1 .atop .alt .ul1 li{margin-right: 15%;} .ab1 .atop .art .img{margin-bottom: 125px;} .ab1{padding: 50px 0;} } @media(max-width:960px){ .ab1{padding: 30px 0;} .ab1 .atop .alt{width: 100%;float: none;} .ab1 .atop .alt .xian,.ab1 .atop .alt .ul1{margin: 20px 0;} .ab1 .atop .alt .ul1 li .num span{font-size: 40px;} .ab1 .atop .alt .ul1 li{margin-right: 0;width: 33.33%;} .ab1 .atop .li .lxian{margin: 10px 0;} .ab1 .atop .li{margin-top: 20px;} .ab1 .atop .art{width: 100%;float: none;margin-top: 20px;} .ab1 .atop .art .img{margin-bottom: 20px;height: auto;} .ab1 .atop .art .img img{width: 100%;height: auto;} .ab2{padding: 0 0 30px;} .ab2 .tc{margin: 20px 0;} .ab2 .aox{padding: 0;} .ab2 .aox .prev4,.ab2 .aox .next4,.ab2 .aox .s{display: none;} .ab2 .aox .swiper4 .swiper-slide{height: auto;} .ab2 .aox .swiper4 .swiper-slide .sbox s{display: none;} .ab2 .aox .swiper4 .swiper-slide .sbox .num{position: static;margin-top: 20px;} .ab2 .aox .swiper4 .swiper-slide:nth-child(2n) .sbox .day,.ab2 .aox .swiper4 .swiper-slide:nth-child(2n) .sbox .stc{position: static;} .ab3{padding: 30px 0;} .ab3 .swiper5{margin-top: 20px;} .ab3 .ax{padding: 0 5%;} .ab3 .swiper5 {padding-bottom: 20px;} .ab3 .swiper5 .swiper-slide{height: auto;} .ab3 .swiper5 .swiper-slide .sbox .txt{width: 100%;float: none;height: auto;} .ab3 .swiper5 .swiper-slide .sbox .txt .stc{position: static;} .ab3 .swiper5 .swiper-slide .sbox .img{width: 100%;float: none;margin-top: 20px;} .ab3 .swiper5 .swiper-slide .sbox{padding: 40px 5%;} .ab4,.ab5{padding:30px 0;} .ab5 .dl1{margin: 20px 0;} .ab5 .dl1 dt{padding: 0 5%;} .ab5 .dl1 dt span:nth-child(2),.ab5 .dl1 dt span:nth-child(3),.ab5 .dl1 dt span:nth-child(4),.ab5 .dl1 dt span:nth-child(7){display: none;} .ab5 .dl1 dt span{width: 30%;} .ab5 .dl1 dt span:nth-child(1){width: 40%;} .ab5 .dl1 dd{padding: 0 5%;} .ab5 .dl1 dd .dtop{padding: 0;} .ab5 .dl1 dd .dtop span:nth-child(2),.ab5 .dl1 dd .dtop span:nth-child(3),.ab5 .dl1 dd .dtop span:nth-child(4),.ab5 .dl1 dd .dtop span:nth-child(7){display: none;} .ab5 .dl1 dd .dtop span{width: 30%;overflow: hidden;height: 80px;} .ab5 .dl1 dd .dtop span:nth-child(1){width: 40%;} .ab5 .dl1 dd .dbtm .tc{padding: 0;} .ab6{padding: 30px 0;} .ab6 .tc{margin: 20px 0;} .ab6 .ul1 li input,.ab6 .ul1 li.li2 input{width: 100%;margin: 0 0 10px;} .ab6 .ul1 li{margin-bottom: 10px;} .ab6 .ul1{margin-bottom: 20px;} .ab7 .alt{padding: 30px 5%;width: 100%;float: none;} .ab7 .art{position: relative;width: 100%;height: 300px;} }