* {margin:0; padding:0;} body , html{color:black;} body {width: 100%;height: 100vh;overflow-y: scroll;} body::-webkit-scrollbar {width: 8px;height: 8px;background: #ececec;} body::-webkit-scrollbar-thumb {border-radius: 4px;background: #006AAA;} a{text-decoration: none;} .main{width: 1538px;margin: 0 auto;} .container{margin-top: 81px;} .all-bj{background: #f8f8f8;} @font-face { font-family: "Outfit-Black"; src: url('../font/Outfit-Black.ttf'); } @font-face { font-family: "Outfit-Bold"; src: url('../font/Outfit-Bold.ttf'); } @font-face { font-family: "Outfit-ExtraBold"; src: url('../font/Outfit-ExtraBold.ttf'); } @font-face { font-family: "Outfit-ExtraLight"; src: url('../font/Outfit-ExtraLight.ttf'); } @font-face { font-family: "Outfit-Light"; src: url('../font/Outfit-Light.ttf'); } @font-face { font-family: "Outfit-Medium"; src: url('../font/Outfit-Medium.ttf'); } @font-face { font-family: "Outfit-Regular"; src: url('../font/Outfit-Regular.ttf'); } @font-face { font-family: "Outfit-SemiBold"; src: url('../font/Outfit-SemiBold.ttf'); } @font-face { font-family: "Outfit-VariableFont_wght"; src: url('../font/Outfit-VariableFont_wght.ttf'); } @font-face { font-family: "SourceHanSansCN-Bold"; src: url('../font/SourceHanSansCN-Bold.otf'); } @font-face { font-family: "SourceHanSansCN-ExtraLight"; src: url('../font/SourceHanSansCN-ExtraLight.otf'); } @font-face { font-family: "SourceHanSansCN-Heavy"; src: url('../font/SourceHanSansCN-Heavy.otf'); } @font-face { font-family: "SourceHanSansCN-Medium"; src: url('../font/SourceHanSansCN-Medium.otf'); } @font-face { font-family: "SourceHanSansCN-Light"; src: url('../font/SourceHanSansCN-Light.otf'); } @font-face { font-family: "SourceHanSansCN-Normal"; src: url('../font/SourceHanSansCN-Normal.otf'); } @font-face { font-family: "SourceHanSansCN-Regular"; src: url('../font/SourceHanSansCN-Regular.otf'); } /* header */ .header{height: 81px;line-height: 81px;background: #FFFFFF;position: absolute;z-index: 999;top: 0;left: 0;right: 0;} .header-fixed{position: fixed;top: 0;left: 0;right: 0;box-shadow: 0 1px 10px rgba(0, 0, 0, .1);} .h-box{display: flex;align-items: center;height: 100%;justify-content: space-between;} .h-bl{display: flex;align-items: center;height: 100%;} .h-br{display: flex;align-items: center;height: 100%;} .h-logo{margin-right: 1.955vw;} .h-logo img{max-width: 100%;display: block;} .h-nav{list-style-type: none;display: flex;align-items: center;height: 100%;} .h-li{margin: 0 1.955vw;} .h-li:last-child{margin-right: 0;} .h-a{display: block;font-size: 1.14vw;color: #666666;font-family: "SourceHanSansCN-Light";position: relative;transition: all .2s;white-space: nowrap;font-weight: bold;} .h-a::before{content: '';position: absolute;bottom: 20%;right: 50%;width: 0;transition: all .5s;height: 0.10vw;background: #0581B7;} .h-a::after{content: '';position: absolute;bottom: 20%;left: 50%;width: 0;transition: all .5s;height: 0.10vw;background: #0581B7;} .h-a:hover:before{width: 50%;transition: all .5s;} .h-a:hover::after{width: 50%;transition: all .5s;} .h-nav .on .h-a::before{width: 50%;transition: all .5s;} .h-nav .on .h-a::after{width: 50%;transition: all .5s;} .h-a:hover{color: #024287;transition: all .2s;} .h-kd{margin: 0 1.04vw;width: 1px;height: 12px;background: #CCCCCC;} .h-ss{cursor: pointer;} .hf-ss{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #FFFFFF;z-index: 9999;display: flex;align-items: center;} .hf-ss-b1{width: 20%;display: flex;align-items: center;justify-content: center;background: transparent;outline: none;border: 1px solid #D2D2D2;border-right: none;border-radius: 25px 0 0 25px;box-shadow: 1px 2px 3px rgb(0 0 0 / 8%) inset;} .hf-ss-b3{width: 40%;display: flex;align-items: center;justify-content: flex-end;} .hf-ss-b{display: flex;align-items: stretch;margin: 0 21.1vw;height: 50px;} .hr-ss-a{display: flex;cursor: pointer;} .hf-ss-b2{width: -webkit-fill-available;font-size: 1.1vw;color: #333333;font-family: "SourceHanSansCN-Light";background: transparent;outline: none;border: 1px solid #D2D2D2;border-left: none;border-radius: 0 25px 25px 0;box-shadow: -1px 2px 3px rgb(0 0 0 / 8%) inset;padding-right: 24px;} .hf-ss-b2::-webkit-input-placeholder{font-size: 1.1vw;color: #CCCCCC;font-family: "SourceHanSansCN-Light";} .hf-ss{transform: translateY(-81px);transition: all .5s;} .hf-ss-fixed{transform: translateY(0);transition: all .5s;} .h-yy{display: flex;align-items: center;} .h-yy2{font-size:1.1vw;color: #999999;font-family: "SourceHanSansCN-Regular";outline: none;border: none;cursor: pointer;} .h-li{position: relative;} .h-li-xl{position: absolute;background: #FFFFFF;padding: 0 30px;left: 50%;transform: translateX(-50%);box-shadow: 0 5px 10px rgba(0, 0, 0, .1);display: none;} .h-li-xl a{display: block;font-size: 1.0vw;color: #333333;font-family: "SourceHanSansCN-Light";line-height: 40px;white-space: nowrap;text-align: center;} /* 绉诲姩 */ .m-header{display: none;background: white;padding: 0 10%;position: fixed;top: 0;left: 0;right: 0;z-index: 999;} .m-header-fixed{top: 0;transition: all .5s;box-shadow: 0 0 10px rgba(0, 0, 0, .2);} .m-header-nav{display: flex;align-items: center;height: 60px;justify-content: space-between;} .m-header-logo img{width: 100%;} .m-header-logo{text-align: left;width: 80%;} .m-header-box{position: fixed;top: 60px;left: 0;right: 0;bottom: 0;background: white;padding: 20px 10%;overflow-y: auto;display: none;z-index: 999;border-top: 1px solid rgba(204, 204, 204, .3);} .m-header-box-fixed{top: 60px;} .m-header-ul{margin-bottom: 30px;} .m-header-ul li{padding: 15px 0;list-style-type: none;border-bottom: 1px solid rgba(204, 204, 204, .3);display: flex;justify-content: space-between;align-items: center;} .m-header-ul a{font-size: 16px;font-family: "SourceHanSansCN-Regular";color: #333333;} .m-header-input{display: flex;align-items: center;margin-bottom: 30px;} .m-header-ss{height: 50px;width: 10%;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(204, 204, 204, .3);border-right: none;} .m-header-input input{height: 50px;width: 90%;background: transparent;outline: none;border: 1px solid rgba(204, 204, 204, .3);border-left: none;font-size: 16px;font-family: "SourceHanSansCN-Regular";color: #333333;} .m-header-input input::-webkit-input-placeholder{font-size: 16px;font-family: "SourceHanSansCN-Regular";color: #333333;} .m-header-btn{font-size: 18px;font-family: "SourceHanSansCN-Regular";color: white;display: flex;align-items: center;justify-content: center;width: 100%;height: 50px;background: #333333;margin-bottom: 20px;} .m-header-p{line-height: 40px;font-size: 16px;font-family: "SourceHanSansCN-Regular";color: #333333;display: flex;align-items: center;justify-content: center;} .m-header-p a{border-bottom: 1px solid white;margin-left: 8px;color: #333333;} .m-header-mbox div{padding: 5px 0;} .m-header-mbox{padding: 10px 0;} .m-header-mbox a{font-size: 14px !important;} .no{display: none;width: 22px;} .no img{width: 100%;max-width: 100%;} .fenlei{width: 30px;} .fenlei img{width: 100%;max-width: 100%;} .m-box-mbox2{display: flex;align-items: center;} .m-box-mbox2 img{margin-right: 5px;width: 18px;height: 12px;width: 100%;max-width: 18px;display: block;} .xxx{display: none;} /* banner */ .banner-lunbo{position: relative;} .banner-box{background-size: cover;background-repeat: no-repeat;background-position: center;height: calc(100vh - 81px);position: relative;} .banner-txt{position: absolute;top: 14.01vw;left: 11.25vw;} .banner-txt1{font-size: 2.29vw;color: #FFFFFF;line-height: 3.44vw;font-family: "SourceHanSansCN-Medium";box-shadow: 0 1px;} .banner-txt2{font-size: 3.54vw;color: #FFFFFF;font-family: "SourceHanSansCN-Bold";line-height: 1;padding-top: 2.24vw;} .banner-img{position: absolute;bottom: 2.14vw;right: 17.97vw;} .banner-video{position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .banner-lunbo .swiper-pagination{position: absolute;left: 0;right: 0;bottom: 1.56vw;} .banner-lunbo .swiper-pagination-bullet{width: 11px;height: 11px;background: #FFFFFF;opacity: 0.6;border-radius: 50%;margin: 0 0.52vw;} .banner-lunbo .swiper-pagination-bullet-active{opacity: 1;background: #48A3CB;} .banner-lunbo .swiper-button-next{right: 5.00vw;} .banner-lunbo .swiper-button-prev{left: 5.00vw;} /* w01 */ .w01-box{height: 51.04vw;background-size: cover;background-position: center;background-repeat: no-repeat;padding-top: 7.71vw;background-attachment: fixed;} .w01-txt1{font-size: 2.19vw;color: #333333;font-family: "SourceHanSansCN-Bold";padding-bottom: 0.63vw;position: relative;text-align: center;margin-bottom: 3.65vw;} .w01-txt1-1{font-size: 2.19vw;color: #333333;font-family: "Outfit-SemiBold";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);opacity: .1;} .w01-txt2{font-size: 1.98vw;color: #333333;font-family: "SourceHanSansCN-Regular";padding-bottom: 2.34vw;text-align: center;} .w01-txt3{font-size: 1.2vw;color: #666666;line-height: 1.67vw;font-family: "SourceHanSansCN-Light";text-align: center;padding-bottom: 4.38vw;} .w01-txt4{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));} .w01-txt5-t{display: flex;align-items: flex-start;font-size: 1.2vw;color: #0581B7;font-family: "SourceHanSansCN-Regular";line-height: 1;margin-bottom: 1.04vw;justify-content: center;} .w01-timer{font-size: 3.75vw;margin-right: 8px;line-height: .7;font-family: "Outfit-Bold";} .w01-txt5-b{font-size: 1.2vw;color: #666666;font-family: "SourceHanSansCN-Light";text-align: center;} /* w02 */ .w02-box{padding: 6.67vw 0 7.50vw;background-size: cover;background-position: center;background-repeat: no-repeat;} .w02-box .w01-txt1{margin-bottom: 1.56vw;} .w02-box .w01-txt3{padding-bottom: 3.13vw;} .w02-title{display: flex;align-items: center;justify-content: center;margin-bottom: 3.13vw;} .w02-t{font-family: "SourceHanSansCN-Light";padding: 0.63vw 3.33vw;margin: 0 0.78vw;background: #FFFFFF;border: 1px solid rgba(204,204,204,0.5);cursor: pointer;transition: all .3s;font-size: 1.2vw;color: #666666;line-height: 1;} .w02-t:hover{background: #0581B7;color: #FFFFFF;transition: all .3s;} .w02-title .on{background: #0581B7;color: #FFFFFF;} .w02-lunbo{position: relative;} .w02-lb{background: #ECF2F5;padding: 3.65vw 0;display: flex;flex-direction: column;align-items: center;position: relative;overflow: hidden;} .w02-lb5{display: flex;flex-direction: column;align-items: center;} .w02-lb1{width: 23.44vw;height: 16.56vw;overflow: hidden;display: flex;align-items: center;justify-content: center;margin-bottom: 0.36vw;background: #fff;} .w02-lb1 img{max-width: 100%;display: block;transition: all .7s;} .w02-lb2{font-size: 1.2vw;color: #666666;font-family: "SourceHanSansCN-Light";margin-bottom: 1.1vw;max-width: 384px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .w02-lb3{font-size: 1.15vw;color: #666666;font-family: "SourceHanSansCN-Regular";margin-bottom: 1.56vw;max-width: 384px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .w02-lb4{font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";max-width: 384px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .w02-lunbo .swiper-container{position: relative;} .w02-lunbo .swiper-button-next{right: -4.27vw;} .w02-lunbo .swiper-button-prev{left: -4.27vw;} .w02-lb5{transition: all .5s;} .w02-lb6{position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(0, 0, 0, .5);padding: 0 1.93vw;opacity: 0;transition: all .5s;transform: translateY(700px);} .w02-lb6-1{font-size: 1.46vw;color: #FFFFFF;font-family: "SourceHanSansCN-Light";margin-bottom: 0.57vw;} .w02-lb6-2{font-size: 1.46vw;color: #FFFFFF;font-family: "SourceHanSansCN-Bold";margin-bottom: 2.08vw;} .w02-lb6-3{font-size: 1.1vw;color: rgba(255, 255, 255, .8);line-height: 1.25vw;font-family: "SourceHanSansCN-Light";margin-bottom: 3.23vw;text-align: justify;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 7;display: -webkit-box;-webkit-box-orient: vertical;} .w02-lb6-4 img{max-width: 100%;display: block;} .w02-lb:hover .w02-lb6{transition: all .7s;transform: translateY(0);opacity: 1;} .w02-lb:hover .w02-lb5{opacity: 0;transition: all .5s;} .w02-lb:hover .w02-lb1 img{transform: scale(1.1);transition: all .7s;} .w02-all-lunbo{position: relative;height: 31.2vw;} .w02-lunbo{position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;} .w02-wz{opacity: 1;} /* w03 */ .w03-box{padding: 6.25vw 0 7.29vw;background: #ECF2F5;} .w03-box .w01-txt1{margin-bottom: 1.56vw;} .w03-box .w01-txt3{padding-bottom: 4.95vw;} .w03-b{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));} .w03-b-r{overflow: hidden;} .w03-b-r img{width: 100%;max-width: 100%;display: block;transition: all .5s;} .w03-b-l{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));} .w03-b-l-box{display: flex;flex-direction: column;align-items: center;justify-content: center;border-left: 1px solid #0581B7;border-top: 1px solid #0581B7;} .w03-b-l-box:nth-child(3){border-bottom: 1px solid #0581B7;} .w03-b-l-box:nth-child(4){border-bottom: 1px solid #0581B7;} .w03-b-l-box1{margin-bottom: 0.99vw;} .w03-b-l-box1 img{max-width: 100%;} .w03-b-l-box2{font-size: 1.35vw;color: #666666;font-family: "SourceHanSansCN-Regular";margin-bottom: 1.51vw;text-align: center;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;} .w03-b-l-box3{font-family: "SourceHanSansCN-Light";font-size: 1.1vw;color: #666666;line-height: 1.35vw;text-align: center;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;} .w03-b:hover .w03-b-r img{transform: scale(1.1);transition: all .5s;} .w03-b-l-box:hover{background: #0581B7;transition: all .3s;} .w03-b-l-box:hover .w03-b-l-box1 img{filter: brightness(100);} .w03-b-l-box:hover .w03-b-l-box2{color: #FFFFFF;} .w03-b-l-box:hover .w03-b-l-box3{color: #FFFFFF;} /* w04 */ .w04-box{padding: 6.25vw 0;} .w04-box .w01-txt1{margin-bottom: 1.56vw;} .w04-box .w01-txt3{padding-bottom: 3.13vw;} .w04-b{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 33px;align-items: stretch;} .w04-d{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 33px;} .w04-c{position: relative;height: 100%;overflow: hidden;} .w04-c::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .3);z-index: 1;} .w04-c img{width: 100%;max-width: 100%;display: block;height: 100%;object-fit: cover;transition: all .5s;} .w04-c-txt{position: absolute;left: 0;right: 0;bottom: 0;margin: 4.69vw 3.13vw;overflow: hidden;z-index: 2;} .w04-c-txt4{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;transform: translateY(9.58vw);transition: all .5s;} .w04-c-txt1{font-size: 1.88vw;color: #FFFFFF;font-family: "SourceHanSansCN-Regular";margin-bottom: 1.56vw;line-height: 1;} .w04-c-txt2{font-size: 1.2vw;color: #FFFFFF;line-height: 1.46vw;font-family: "SourceHanSansCN-Regular";margin-bottom: 2.86vw;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;} .w04-c-txt3{padding: 0.63vw 1.56vw;background: #024287;font-size:1.1vw;color: #FFFFFF;font-family: "SourceHanSansCN-Regular";} .w04-c:hover .w04-c-txt4{transform: translateY(0);transition: all .7s;} .w04-c:hover img{transform: scale(1.1);transition: all .7s;} /* w05 */ .w05-box{padding: 6.25vw 0 7.29vw;background: #EBF1F4;} .w05-box .w01-txt1{margin-bottom: 3.13vw;} .w05-b{background-size: cover;background-repeat: no-repeat;background-position: center;height: 32.19vw;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));align-items: stretch;} .w05-c{position: relative;border: 1px solid rgba(255, 255, 255, .3);height: 100%;} .w05-c::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .3);z-index: 1;transition: all .4s;} .w05-d{margin: 5.21vw 2.29vw;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;overflow: hidden;} .w05-e{display: flex;flex-direction: column;align-items: center;justify-content: flex-end;height: 100%;transform: translateY(9.38vw);transition: all .5s;} .w05-a{height: 100%;} .w05-d1{margin-bottom: 1.56vw;} .w05-d1 img{filter: brightness(100);} .w05-d2{font-size: 1.46vw;color: #FFFFFF;font-family: "SourceHanSansCN-Regular";margin-bottom: 1.82vw;} .w05-d3{font-size: 1.1vw;color: #FFFFFF;font-family: "SourceHanSansCN-Regular";margin-bottom: 2.34vw;line-height: 1.15vw;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;} .w05-d4{font-size:1.1vw;color: #FFFFFF;font-family: "SourceHanSansCN-Regular";padding: 1.1vw 1.88vw;background: #024287;} .w05-c:hover .w05-e{transform: translateY(0);transition: all .7s;} .w05-c:hover::after{bottom: 100%;transition: all .5s;} /* w06 */ .w06-box{padding: 6.25vw 0 10.42vw;background-size: cover;background-position: center;background-repeat: no-repeat;} .w06-box .w01-txt1{margin-bottom: 3.75vw;} .w06-b{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: flex-start;} .w06-c{overflow: hidden;} .w06-c img{width: 100%;max-width: 100%;display: block;transition: all .5s;} .w06-b:hover .w06-c img{transform: scale(1.1);transition: all .5s;} .w06-d{margin-left: 5.73vw;border-top: 0.16vw solid #0581B7;padding-top: 1.67vw;} .w06-f{display: grid;grid-template-columns: 10% auto;} .w06-f-l{font-size:1.1vw;color: #222222;font-family: "Outfit-Light";} .w06-f-r1{font-size: 1.15vw;color: #666666;font-family: "SourceHanSansCN-Regular";line-height: 1;} .w06-f-r2{font-size:1.1vw;color: #222222;font-family: "Outfit-VariableFont_wght";padding: 0.68vw 0 1.15vw;} .w06-f-r3{font-size:1.1vw;color: #222222;line-height: 1.15vw;font-family: "SourceHanSansCN-Regular";padding-bottom: 1.04vw;} .w06-f-r4{font-size:1.1vw;color: #222222;font-family: "Outfit-Light";box-shadow: 0 1px;display: initial;} .w06-f-r5{display: none;} .w06-f-r{border-bottom: 1px solid rgba(204, 204, 204, .5);padding-bottom: 1.93vw;margin-bottom: 1.56vw;cursor: pointer;} .w06-e .on .w06-f-l{color: #0581B7;} .w06-e .on .w06-f-r1{color: #0581B7;} /* w07 */ .w07-box{position: relative;} .w07-a{position: absolute;top: 0;left: 0;right: 0;z-index: 1;} .w07-img{width: 100%;max-width: 100%;display: block;} .w07-b{padding-top: 19.64vw;z-index: 2;position: relative;} .w07-footer{position: absolute;bottom: 0;left: 0;right: 0;} .w07 .footer{background: transparent;} .w07-title{font-size: 1.98vw;color: #FFFFFF;line-height: 3.54vw;font-family: "SourceHanSansCN-Light";position: absolute;top: 5.57vw;left: 14.95vw;z-index: 2;} .w07-aa{position: relative;} .w07-aaa{position: absolute;left: 46%;bottom: 0;right: 0;} .w07-bb{background: #EBF1F4;border-radius: 180px 180px 0px 0px;width: 100%;height: 23.75vw;} /* footer */ .footer{background: #EBF1F4;padding: 7.29vw 0 5.21vw;} .f-box{display: grid;grid-template-columns: 10% auto;gap: 4.38vw;align-items: center;} .f-right-t{display: flex;align-items: center;justify-content: space-between;} .f-nav{display: flex;align-items: center;list-style-type: none;} .f-nav-li{margin-right: 2.86vw;display: flex;align-items: center;justify-content: center;position: relative;} .f-nav-li:last-child{margin-right: 0;} .f-a{font-size: 1.2vw;color: #666666;font-family: "SourceHanSansCN-Light";cursor: pointer;white-space: nowrap;} .f-a:hover{color: #024287;} .f-a2{margin-right: 20px;} .f-a2:last-child{margin-right: 0;} .f-img2{display: none;} .f-a:hover .f-img2{display: block;} .f-a:hover .f-img1{display: none;} .f-right-t{padding-bottom: 1.15vw;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 1.04vw;} .f-b-l{font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";} .f-b-l a{font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";} .f-b-l a:hover{color: #024287;} .f-b-r{background: transparent;outline: none;border: 1px solid rgba(153, 153, 153, .3);padding: 0.36vw 1.04vw 0.36vw 0.52vw;font-size: 12px;color: rgba(102, 102, 102, .5);font-family: "Outfit-Light";} .f-right-b{display: flex;align-items: center;justify-content: space-between;} .f-tc{width: 69px;height: 69px;background: #FFFFFF;border-radius: 6px;padding: 3px;position: absolute;left: 50%;transform: translateX(-50%);top: -88px;display: none;} .f-tc img{width: 100%;max-width: 100%;display: block;} .f-tc::after{content: '';position: absolute;bottom: -0.26vw;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 0.26vw solid transparent;border-right: 0.26vw solid transparent;border-top: 0.26vw solid #FFFFFF;} .x1:hover .f-tc{display: block;} .f-logo img{width: 100%;max-width: 100%;display: block;} /* banner-top */ .banner-top-bj{height: 25.00vw;background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-direction: column;} .banner-top-txt{font-size: 2.50vw;color: #FFFFFF;font-family: "SourceHanSansCN-Medium";line-height: 1;} .banner-top-txt{-webkit-animation: tracking-in-expand 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;animation: tracking-in-expand 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;} @-webkit-keyframes tracking-in-expand {0% {letter-spacing: -1em;opacity: 0;}40% {opacity: 0.6;}100% {opacity: 1;}} @keyframes tracking-in-expand {0% {letter-spacing: -1em;opacity: 0;}40% {opacity: 0.6;}100% {opacity: 1;}} .banner-top-txt2{margin-top: 1.72vw;font-size: 1.35vw;color: #FFFFFF;font-family: "SourceHanSansCN-Light";text-align: center;} .banner-top-txt2{-webkit-animation: tracking-in-expand2 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;animation: tracking-in-expand2 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;} @-webkit-keyframes tracking-in-expand2 {0% {letter-spacing: -0.7em;opacity: 0;}40% {opacity: 0.6;}100% {opacity: 1;}} @keyframes tracking-in-expand2 {0% {letter-spacing: -0.7em;opacity: 0;}40% {opacity: 0.6;}100% {opacity: 1;}} .banner-top-txt3{font-size: 2.50vw;color: #FFFFFF;font-family: "SourceHanSansCN-Medium";position: relative;padding-bottom: 1.82vw;line-height: 1;} .banner-top-txt3{-webkit-animation: tracking-in-expand3 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;animation: tracking-in-expand3 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;} @-webkit-keyframes tracking-in-expand3 {0% {letter-spacing: -0.7em;opacity: 0;}40% {opacity: 0.6;}100% {opacity: 1;}} @keyframes tracking-in-expand3 {0% {letter-spacing: -0.7em;opacity: 0;}40% {opacity: 0.6;}100% {opacity: 1;}} .banner-top-txt3-b{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;font-size: 2.29vw;color: #FFFFFF;opacity: 0.1;line-height: 1;font-family: "SourceHanSansCN-Bold";white-space: nowrap;} /* w08 */ .w08-nav{box-shadow: 1px -8px 80px 0px rgba(0,0,0,0.05);background: #FFFFFF;} .nav-fixed{position: fixed;top: 0;left: 0;right: 0;z-index: 99999;} .w08-box{display: flex;align-items: center;justify-content: center;} .w08-a{transition: all .3s;margin-right: 2.60vw;padding: 30px 1.04vw;border-bottom: 2px solid #FFFFFF;font-size: 1.2vw;color: #666666;font-family: "SourceHanSansCN-Light";white-space: nowrap;} .w08-a:last-child{margin: 0;} .w08-box .on{color: #0581B7;border-color: #0581B7;} .w08-a:hover{color: #0581B7;border-color: #0581B7;transition: all .3s;} .w08-b{padding: 5.21vw 0 7.81vw;} .w08-b .w01-txt1{margin-bottom: 4.69vw;} .w08-bb{display: grid;grid-template-columns: 34% auto;gap: 5.99vw;align-items: center;} .w08-bb-img{overflow: hidden;} .w08-bb-img img{width: 100%;max-width: 100%;display: block;transition: all .7s;} .w08-bb-txt{font-size: 1.2vw;color: #666666;line-height: 1.88vw;font-family: "SourceHanSansCN-Light";} .w08-bb:hover img{transform: scale(1.2);transition: all .7s;} /* w09*/ .w09 .w01-txt1{margin-bottom: 0;} .w09-img{width: 100%;max-width: 100%;display: block;} .w09-c-b{position: relative;margin-left: 6px;} .w09-c-b::after{content: '';position: absolute;width: 9px;height: 9px;background: #000000;top: 20px;left: 0;border-radius: 50%;} .w09-c{display: flex;align-items: flex-start;} .w09-c-c{padding-left: 1.15vw;border-left: 0.42vw solid #579DD2;width: 224px;height: 88px;} .w09-b{position: relative;} .w09-c-ct{font-size: 1.25vw;color: #333333;font-family: "SourceHanSansCN-Regular";line-height: 1;padding-bottom: 0.89vw;} .w09-c-cb{font-size: 1.1vw;color: #666666;line-height: 1.35vw;font-family: "SourceHanSansCN-Light";overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;} .w09-c-ct2{text-align: right;} .w09-c-cb2{text-align: right;} .w09-c-c3{padding-right: 1.15vw;border-right: 0.42vw solid #579DD2;width: 224px;height: 88px;} .w09-c1{position: absolute;top: 37%;left: 48.3%;} .w09-c2{position: absolute;top: 53%;left: 55.3%;} .w09-c-c2{margin-top: 90px;} .w09-c3{position: absolute;top: 41%;left: 13.4%;} .w09-c-a2{margin-top: 81px;} .w09-c3 .w09-c-b::after{right: 0;left: auto;bottom: 3px;top: auto;} .w09-c3 .w09-c-b{margin-left: 0;margin-right: 6px;} .w09-c4{position: absolute;top: 68%;left: 13.4%;} .w09-c4 .w09-c-c3{transform: translateY(-50px);} .w09-c4 .w09-c-b::after{right: 0;left: auto;top: 21px;} .w09-c4 .w09-c-b{margin-left: 0;margin-right: 6px;} /* w10 */ .w10{padding: 7.29vw 0;} .w10 .w01-txt1{margin-bottom: 7.19vw;} .w10-txt1{font-size: 1.25vw;color: rgba(102, 102, 102, .5);font-family: "SourceHanSansCN-Light";transition: all .3s;} .w10-txt:hover .w10-txt1{color: #333333;font-size: 1.88vw;font-family: "SourceHanSansCN-Regular";transition: all .3s;} .w10-txt:hover .w10-txt2{color: #666666;transition: all .3s;} .w10-txt{position: relative;padding-top: 3.1vw;} .w10-txt1{position: absolute;top: 0;left: 0;} .w10-txt2{transition: all .3s;font-size:1.1vw;color: rgba(153, 153, 153, .5);line-height: 1.15vw;font-family: "SourceHanSansCN-Light";overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;} .w10-lunbo{position: relative;padding: 0 3.65vw;} .w10-lunbo .w10-btn{width: 0.78vw;height: 0.78vw;background: #FFFFFF;border: 0.16vw solid #EEEEEE;border-radius: 50%;margin-bottom: 1.2vw;} .w10-xt{position: absolute;top: 42.5%;left: 0;right: 0;height: 1px;background: rgba(204, 204, 204, .5);} .w10-lunbo .swiper-button-next{right: 0;} .w10-lunbo .swiper-button-prev{left: 0;} .w10-lunbo .swiper-slide-next .w10-btn{border-color: #0581B7;} .w10-lunbo .swiper-slide-next .w10-txt1{color: #333333;font-size: 1.88vw;font-family: "SourceHanSansCN-Regular";} .w10-lunbo .swiper-slide-next .w10-txt2{color: #666666;} /* w11 */ .w11{display: grid;grid-template-columns: 46% auto;gap: 9.90vw;padding-bottom: 6.25vw;border-bottom: 4px solid rgba(204, 204, 204, .5);margin-bottom: 6.25vw;} .w11-txt2{display: flex;align-items: center;} .w11-txt1{font-size: 1.25vw;color: #333333;font-family: "SourceHanSansCN-Regular";line-height: 1;padding-bottom: 1.56vw;margin-bottom: 2.60vw;position: relative;} .w11-txt1::after{content: '';position: absolute;bottom: 0;left: 0;width: 1.98vw;height: 0.26vw;background: #0581B7;} .w11-txt2-l{width: 1.1vw;margin-right: 0.63vw;} .w11-txt2-r{font-size: 1.1vw;color: #666666;line-height: 1.25vw;font-family: "SourceHanSansCN-Light";} .w11-txt2{padding-bottom: 1.67vw;} .w11-txt2:last-child{padding-bottom: 0;} .w11-box{display: grid;grid-template-columns: 48% auto;gap: 4.58vw;} .w11-b-l{overflow: hidden;} .w11-b-l img{width: 100%;max-width: 100%;display: block;transition: all .7s;height: 100%;object-fit: cover} .w11-box:hover img{transform: scale(1.2);transition: all .7s;} .w11-b-rb{display: grid;grid-template-columns: 15% auto;gap: 1.56vw;} .w11-b-rb1{font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";text-align: right;padding-top: 1.1vw;} .w11-input{height: 3.02vw;outline: none;border: 1px solid rgba(204,204,204,0.5);font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";padding: 0 1.56vw;} .w11-b-rb{margin-bottom: 1.15vw;} .w11-b-rb:last-child{margin-bottom: 0;} .w11-input2{resize: none;height: 8.23vw;outline: none;border: 1px solid rgba(204,204,204,0.5);font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";padding: 1.56vw;} .w11-btn{height: 3.02vw;background: #0581B7;font-size: 1.1vw;color: #FFFFFF;font-family: "SourceHanSansCN-Light";text-align: center;line-height: 3.02vw;} /* w12 */ .w12{padding: 5.21vw 0 7.29vw;} .w12 .w01-txt1{margin-bottom: 3.23vw;} .w12-top-b{display: flex;align-items: center;justify-content: center;padding: 1.25vw 0;background: rgba(234, 234, 234, .9);position: relative;} .w12-top-b::after{content: '';position: absolute;top: 0;right: -6px;bottom: 0;width: 0;height: 0;border-top: 1.95vw solid transparent;border-bottom: 1.95vw solid transparent;border-left: 0.63vw solid #FFFFFF;z-index: 1;} .w12-top-b::before{content: '';position: absolute;top: 0;right: -5px;bottom: 0;width: 0;height: 0;border-top: 1.95vw solid transparent;border-bottom: 1.95vw solid transparent;border-left: 0.63vw solid rgba(234, 234, 234, .9);z-index: 2;} .w12-top-b:last-child::after{display: none;} .w12-top-b:last-child::before{display: none;} .w12-top-b1{width: 1.04vw;height: 1.04vw;background: #D2D2D2;border-radius: 50%;font-size:1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";margin-right: 1.1vw;display: flex;align-items: center;justify-content: center;} .w12-top-b2{font-size: 1.2vw;color: #666666;font-family: "SourceHanSansCN-Light";overflow: hidden;max-width: 7.55vw;text-overflow: ellipsis;white-space: nowrap;} .w12-top{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));margin-bottom: 1.67vw;} .w12-c{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 5.73vw;padding: 2.60vw 3.65vw;background: rgba(248, 248, 248, .8);border: 1px solid rgba(204,204,204,0.5);} .w12-cl2 img{width: 100%;max-width: 100%;display: block;transition: all .7s;} .w12-cl2{overflow: hidden;} .w12-cl1{font-size: 1.88vw;color: #333333;font-family: "SourceHanSansCN-Regular";line-height: 1;padding-bottom: 1.7vw;} .w12-cr1-l{margin-right: 0.57vw;width: 0.63vw;height: 0.63vw;min-width: 0.63vw;} .w12-cr1-l img{max-width: 100%;display: block;} .w12-cr1{display: flex;align-items: center;padding-bottom: 1.98vw;} .w12-cr1:last-child{padding-bottom: 0;} .w12-cr1-r{width: -webkit-fill-available;text-align: left;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;} .w12-cr1-r{font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1;} .w12-c:hover .w12-cl2 img{transform: scale(1.2);transition: all .7s;} .w12-center{margin-bottom: 2.86vw;} .w12-ul .w12-li{background: #0581B7;padding: 1.04vw 2.34vw;font-size: 0.89vw;color: #FFFFFF;font-family: "SourceHanSansCN-Light";display: grid;grid-template-columns: repeat(3,minmax(0,1fr));line-height: 1;} .w12-ul .w12-li .w12-li-txt:nth-child(1){text-align: left;} .w12-ul .w12-li .w12-li-txt:nth-child(2){text-align: center;} .w12-ul .w12-li .w12-li-txt:nth-child(3){text-align: right;} .w12-ul2 .w12-li{padding: 2.08vw 2.34vw;font-size: 0.89vw;color: #666666;font-family: "SourceHanSansCN-Light";border-bottom: 1px solid rgba(204, 204, 204, .5);display: grid;grid-template-columns: repeat(3,minmax(0,1fr));cursor: pointer;line-height: 1;} .w12-ul2 .w12-li .w12-li-txt:nth-child(1){text-align: left;position: relative;} .w12-ul2 .w12-li .w12-li-txt:nth-child(1)::after{content: '';position: absolute;top: 54%;transform: translateY(-46%);left: -1.35vw;width: 0.52vw;height: 0.52vw;background: #CCCCCC;border-radius: 50%;} .w12-ul2 .w12-li .w12-li-txt:nth-child(2){text-align: center;} .w12-ul2 .w12-li .w12-li-txt:nth-child(3){text-align: right;} .w12-b-box{padding: 2.92vw 2.34vw 3.80vw;background: #F8F8F8;display: none;} .w12-ul3{list-style-type: none;padding-bottom: 2.86vw;} .w12-ul3 .w12-li{font-size:1.1vw;color: #333333;line-height: 1;border: none;padding: 0 0 1.04vw 0;display: block;} .w12-ul3 .w12-li:first-child{font-size: 1.04vw;padding: 0 0 0.78vw 0;font-family: "SourceHanSansCN-Bold";} .w12-ul3 .w12-li:last-child{padding: 0;} .w12-b-box-a{padding: 0.52vw 1.04vw;background: #0581B7;font-size: 1.1vw;color: #FFFFFF;font-family: "SourceHanSansCN-Regular";} .w12-ul2 .on .w12-li-txt:nth-child(1)::after{background: #0581B7;} .w12-ul2 .on{color: #0581B7;} .w12-ul2 .w12-li:hover .w12-li-txt:nth-child(1)::after{background: #0581B7;transition: all .3s;} .w12-ul2 .w12-li:hover{color: #0581B7;transition: all .3s;} /* 鍒嗛〉 */ .fenye{display: flex;align-items: center;justify-content: center;margin-top: 3.85vw;} .fenye-1{padding:1.1vw 0.99vw;background: rgba(235, 235, 235, .55);font-family: "SourceHanSansCN-Regular";font-size:1.1vw;color: #666666;line-height: 1;margin: 0 0.16vw;} .fenye-2{padding:1.1vw 0.99vw;background: rgba(235, 235, 235, .55);font-family: "SourceHanSansCN-Regular";font-size:1.1vw;color: #666666;line-height: 1;margin: 0 0.16vw;} .fenye-3{padding:1.1vw 0;font-family: "SourceHanSansCN-Regular";font-size:1.1vw;color: #666666;line-height: 1;margin: 0 0.16vw;} .fenye-4{padding:1.1vw 0.99vw;font-family: "SourceHanSansCN-Regular";font-size:1.1vw;color: #666666;line-height: 1;margin: 0 0.16vw;} .fenye-4 a{font-family: "SourceHanSansCN-Regular";font-size:1.1vw;color: #666666;} .fenye-5{padding: 0.4vw 0.5vw 0.4vw 0.77vw ;font-family: "SourceHanSansCN-Regular";font-size:1.1vw;color: #666666;line-height: 1;margin: 0 0.66vw 0 0.16vw;outline: none;border: none;} .fenye-w:hover{background: #0581B7;color: #FFFFFF;} .fenye .on{background: #0581B7;color: #FFFFFF;} /* w13 */ .w13{padding: 4.17vw 0 7.29vw;} .w13-top{display: grid;grid-template-columns: 10% auto;align-items: center;padding-bottom: 3.13vw;border-bottom: 1px solid rgba(204, 204, 204, .5);margin-bottom: 2.86vw;} .w13-title1{font-size: 1.67vw;color: #333333;font-family: "SourceHanSansCN-Bold";line-height: 1;padding-bottom:1.1vw;} .w13-title2{font-size: 1.46vw;color: rgba(51, 51, 51, .3);font-family: "Outfit-SemiBold";line-height: 1;} .w13-nav-a{transition: all .3s;padding: 0.63vw 1.77vw;background: #FFFFFF;font-size: 1.2vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1;margin-left: 0.52vw;} .w13-nav-a:first-child{margin-left: 0;} .w13-nav{display: flex;flex-wrap: wrap;justify-content: flex-end;} .w13-nav-a:hover{background: #0581B7;color: #F8F8F8;transition: all .3s;} .w13-nav .on{background: #0581B7;color: #F8F8F8;} .w13-box{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 2.92vw 1.67vw;align-items: stretch;padding-bottom: 3.96vw;border-bottom: 0.21vw solid #CCCCCC;} .w13-b1{height: 13.80vw;margin-bottom: 2.08vw;overflow: hidden;} .w13-b1 img{width: 100%;height: 100%;object-fit: cover;display: block;transition: all .7s;} .w13-b2{font-size: 1.04vw;color: #333333;font-family: "SourceHanSansCN-Light";margin-bottom: 1.67vw;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;text-align: left;line-height: 1;} .w13-b3{font-size:1.1vw;color: #999999;line-height: 1.25vw;font-family: "SourceHanSansCN-Light";overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-align: left;} .w13-b:hover .w13-b1 img{transform: scale(1.2);transition: all .7s;} /* w14 */ .w14{padding: 1.04vw 0 7.55vw;} .w14 .w13-box{padding: 0;border: none;} .w14-nav{display: flex;align-items: center;padding: 1.04vw 0;border-bottom: 1px solid rgba(204, 204, 204, .5);margin-bottom: 2.24vw;} .w14-nav-a{font-size:1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1;} .w14-nav-img{max-width: 100%;margin: 0.10vw 0.52vw 0;} .w14-nav-a:hover{color: #0581B7;} .w14-box{padding: 5.21vw 2.60vw 4.17vw;background: #FFFFFF;margin-bottom: 4.01vw;} .w14-b1{font-size: 1.67vw;color: #333333;font-family: "SourceHanSansCN-Bold";text-align: center;padding-bottom: 1.04vw;line-height: 1;} .w14-b2{display: flex;align-items: center;justify-content: center;padding-bottom: 1.82vw;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 3.13vw;} .w14-b2-b{font-size:1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1;display: flex;align-items: center;margin-right: 0.78vw;} .w14-b2-b:last-child{margin: 0;} .w14-b2-c{font-size:1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1;} .w14-b3{font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1.67vw;} .w14-b3 img{max-width: 100%;display: block;} .w14-b4{display: flex;align-items: center;justify-content: space-between;padding-top: 3.49vw;border-top: 1px solid rgba(0, 0, 0, .3);margin-top: 4.22vw;} .w14-b4-b{display: flex;align-items: center;} .w14-b4-c{font-size: 1.1vw;color: #333333;font-family: "SourceHanSansCN-Regular";white-space: nowrap;margin: 0 0.52vw;display: flex;align-items: center;justify-content: center;} .w14-b4-c img{max-width: 100%;} .w14-b4-img2{display: none;} .w14-b4-b:hover .w14-b4-img1{display: none;} .w14-b4-b:hover .w14-b4-img2{display: block;} .w14-b4-b:hover .w14-b4-c{color: #0581B7;} .w14-title{font-size: 1.35vw;color: #333333;font-family: "SourceHanSansCN-Regular";text-align: left;line-height: 1;padding-bottom: 2.08vw;} /* w15 */ .w15{padding: 4.17vw 0 7.29vw;} .w15-box{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 2.19vw 2.45vw;} /* w16 */ .w16{padding-bottom: 7.29vw;} .w16 .w14-nav{margin-bottom: 0;border: none;} .w16-top{background: #373737;} .w16-top .w14-nav-a{color: #c2c2c2;} .w16-top .w14-nav-a:hover{color: #0581B7;} .w16-b1{background: #f1f2f5;margin-bottom: 5.05vw;} .w16-b1x{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 6vw;padding: 7.55vw 0 8.18vw;align-items: center;} .w16-lunbo .swiper-slide{background: #f1f2f5;} .w16-lunbo .swiper-slide img{mix-blend-mode: multiply;width: 100%;max-width: 100%;} .w16-b1-r1{font-size: 2.81vw;color: #0070D5;font-family: "SourceHanSansCN-Bold";line-height: 1;padding-bottom: 2.08vw;} .w16-b1-r2{font-size: 1.25vw;color: #333333;line-height: 1.67vw;font-family: "SourceHanSansCN-Regular";padding-bottom: 2.08vw;} .w16-b1-r3{list-style-type: none;} .w16-b1-li{padding-bottom: 1.20vw;font-size: 1.2vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 2;} .w16-b1-li:last-child{padding-bottom: 0;} .w16-b2-x1{padding-bottom: 3.18vw;text-align: center;font-size: 1.98vw;color: #333333;font-family: "SourceHanSansCN-Bold";line-height: 1;} .w16-b2-x2{padding: 0.68vw 0 1.72vw;font-size: 1.15vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1;text-align: center;} .w16-b2-x3{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.56vw;} .w16-b2-x3-img{overflow: hidden;} .w16-b2-x3-img img{width: 100%;max-width: 100%;transition: all .7s;} .w16-b2-x3-img:hover img{transform: scale(1.2);transition: all .7s;} .w16-b2x{padding-bottom: 4.11vw;} .w16-b2-x4{border: 1px solid rgba(204, 204, 204, .5);} .w16-b2-x4-b{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));background: rgba(236, 242, 245, .5);} .w16-b2-x4-b:nth-child(2n){background: #FFFFFF;} .w16-b2-x4-bb{padding: 1.56vw 5.21vw;border-right: 1px solid rgba(204, 204, 204, .5);font-size: 1.04vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1;} .w16-b2-x4-bb:last-child{border-right: none;} .w16-b3{padding-top: 6.51vw;} .w16-b3-bx{padding: 4.17vw 4.43vw;background: #FFFFFF;border: 1px solid rgba(204,204,204,0.5);border-radius: 6px;margin-bottom: 5.21vw;} .w16-b3-x2{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.93vw 0;} .w16-b3-x2b{display: grid;grid-template-columns: 30% auto;gap: 1.04vw;} .w16-b3-x2b1{font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1;text-align: right;padding-top: 0.68vw;} .w16-b3-red::after{content: '*';color: #FF0000;} .w16-b3-x2b2{width: -webkit-fill-available;height: 2.24vw;background: rgba(255,255,255,0);border: 1px solid rgba(204,204,204,0.5);border-radius: 3px;font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1;outline: none;padding: 0 1.04vw 0 1.04vw;} .w16-b3-x2b2::-webkit-input-placeholder{font-size: 1.1vw;color: rgba(102, 102, 102, .6);font-family: "SourceHanSansCN-Light";line-height: 1;} .w16-b3-xl{appearance: none;background-image: url('../images/img80.png');background-position: 92% 52%;background-repeat: no-repeat;} .w16-b3-radio2{position: relative;width: 0.52vw;height: 0.52vw;background: #FFFFFF;border: 1px solid rgba(204, 204, 204, 0.50);border-radius: 50%;margin-right: 0.47vw;} .w16-b3-radio{display: flex;align-items: center;margin-right: 0.89vw;font-size: 1.1vw;color: rgba(102, 102, 102, .6);line-height: 1;cursor: pointer;} .w16-b3-radio:last-child{margin-right: 0;} .w16-b3-x2b3{display: flex;align-items: center;} .w16-b3-x2b3 .on .w16-b3-radio2::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);background: #0070D5;width: 0.26vw;height: 0.26vw;border-radius: 50%;} .w16-b3-x2b3 .on .w16-b3-radio2{border-color: #0070D5;} .w16-b3-bx2{padding-top: 1.56vw;display: grid;grid-template-columns: 10% auto;gap: 1.04vw;} .w16-b3-btn{padding: 1.04vw 6.51vw;background: #0581B7;border-radius: 3px;font-size: 1.2vw;color: #FFFFFF;font-family: "SourceHanSansCN-Light";line-height: 1;width: fit-content;} .w16-b3-textarea{height: 5.99vw;padding: 0.65vw 1.04vw;resize: none;} /* w17 */ .w17{padding: 4.69vw 0 7.29vw;} .w17-b1{position: relative;border-radius: 6px;margin-bottom: 2.08vw;} .w17-b1 img{width: 100%;max-width: 100%;display: block;border-radius: 6px;} .w17-b1-txt{position: absolute;top: 3.75vw;left: 10.26vw;right: 10.26vw;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;text-align: left;text-align: left;font-size: 1.1vw;color: #004C86;line-height: 1.67vw;font-family: "SourceHanSansCN-Light";} .w17-b2{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 2.08vw;} .w17-b2b{padding: 4.69vw 4.58vw 5.21vw;background: #FFFFFF;border: 1px solid rgba(204,204,204,0.5);border-radius: 6px;} .w17-b2b-1{font-size: 1.46vw;color: #333333;line-height: 1;font-family: "SourceHanSansCN-Bold";padding-bottom: 1.04vw;margin-bottom: 1.04vw;border-bottom: 1px solid rgba(204, 204, 204, .5);} .w17-b2b-2{list-style-type: none;} .w17-li{padding-left: 1.30vw;background-repeat: no-repeat;background-position: 0 0.31vw;font-size: 1.1vw;color: #666666;line-height: 1.25vw;font-family: "SourceHanSansCN-Light";padding-bottom: 1.56vw;} .w17-li:last-child{padding-bottom: 0;} .w17-b2b-3{margin: 3.54vw 0 0 1.30vw;background: #0581B7;} .w17-b2b-3 img{width: 100%;max-width: 100%;display: block;transform: translate(-1.04vw , 1.04vw);transition: all .7s;} .w17-b2b2{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 2.08vw;} .w17-b2b2b{padding: 2.86vw 4.58vw;background: #FFFFFF;border: 1px solid rgba(204,204,204,0.5);border-radius: 6px;display: grid;grid-template-columns: 30% auto;align-items: stretch;} .w17-b2b2 .w17-li{padding-bottom: 1.2vw;} .w17-b2b2b-l{display: flex;align-items: center;justify-content: flex-start;overflow: hidden;} .w17-b2b2b-l img{max-width: 100%;display: block;transition: all .7s;} .w17 .w16-b3-bx{margin-bottom: 0;} .w17-b2b:hover img{transform: translate(0 , 0);transition: all .7s;} .w17-b2b2b:hover img{transform: scale(0.8);transition: all .7s;} /* w18 */ .w18{padding: 4.58vw 0 11.15vw;} .w18-b1{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: stretch;} .w18-b1-l{overflow: hidden;} .w18-b1-l img{width: 100%;height: 100%;object-fit: cover;transition: all .7s;} .w18-b1-r{padding: 4.53vw 4.69vw 4.53vw 5.78vw;background: #FFFFFF;display: flex;flex-direction: column;justify-content: center;} .w18-b1-r1{font-size: 1.88vw;color: #333333;font-family: "SourceHanSansCN-Regular";line-height: 1;padding-bottom: 3.54vw;text-align: left;} .w18-b1-r2{font-size: 1.1vw;color: #666666;line-height: 1.67vw;font-family: "SourceHanSansCN-Light";text-align: left;} .w18-b1-r .w17-b2b-1{margin-top: 3.91vw;} .w18-b1{margin-bottom: 5.31vw;} .w18-b2{background: #FFFFFF;padding: 5.21vw 0 7.29vw;} .w18-b2b{margin-top: 2.03vw;} .w18-b2b img{max-width: 100%;display: block;margin: 0 auto;} .w18-b3{padding-top: 5.21vw;} .w18-b3b{height: 25.00vw;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;} .w18-b3b::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, .1);} .w18-b3b{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));} .w18-b3bb{position: relative;height: 100%;z-index: 1;} .w18-b3bb::after{content: '';position: absolute;top: 0;left: 0.5px;right: 0.5px;bottom: 0;background: rgba(0, 0, 0, .5);z-index: -1;transition: all .7s;} .w18-b3bb{display: flex;flex-direction: column;align-items: center;justify-content: center;} .w18-b3bb1{font-size: 1.67vw;font-family: "SourceHanSansCN-Regular";color: #FFFFFF;padding-bottom: 1.04vw;line-height: 1;} .w18-b3bb2{font-size: 1.15vw;font-family: "SourceHanSansCN-Regular";color: #FFFFFF;padding-bottom: 2.19vw;margin-bottom: 1.98vw;line-height: 1;;position: relative;} .w18-b3bb2::after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;height: 1px;width: 1.67vw;background: #FFFFFF;} .w18-b3bb3{font-size: 1.1vw;font-family: "SourceHanSansCN-Light";color: rgba(255, 255, 255, .6);margin-bottom: 1.15vw;line-height: 2;text-align: center;} .w18-b3bb3:last-child{margin: 0;} .w18-b3bb:hover::after{bottom: 100%;transition: all .7s;} .w18-b1-l:hover img{transform: scale(1.2);transition: all .7s;} /* w19 */ .w19{padding: 4.17vw 0 7.29vw;} .w19-box{display: grid;grid-template-columns: 40% auto;gap: 2.34vw;align-items: stretch;} .w19-b{padding: 4.69vw 3.65vw 3.65vw;background: #FFFFFF;} .w19-b1{font-size: 1.98vw;color: #333333;font-family: "SourceHanSansCN-Light";line-height: 1;padding-bottom: 2.08vw;margin-bottom: 1.98vw;border-bottom: 1px solid rgba(204, 204, 204, .5);} .w19-b2{font-size: 1.2vw;color: #666666;line-height: 1.67vw;font-family: "SourceHanSansCN-Light";margin-bottom: 1.93vw;} .w19-b3{overflow: hidden;} .w19-b3 img{width: 100%;max-width: 100%;display: block;transition: all .7s;} .w19-ul{list-style-type: none;} .w19-li{display: grid;grid-template-columns: 15% auto;align-items: flex-start;margin-bottom: 3.65vw;} .w19-li:last-child{margin-bottom: 0;} .w19-li-r1{font-size: 1.25vw;color: #333333;font-family: "SourceHanSansCN-Light";line-height: 1;margin-bottom: 1.04vw;} .w19-li-r2{font-size: 1.1vw;color: #666666;line-height: 1.67vw;font-family: "SourceHanSansCN-Light";} .w19-li-color{color: #0581B7;} .w19-b:hover .w19-b3 img{transform: scale(1.2);transition: all .7s;} /* w20 */ .w20{background-size: cover;background-position: center;background-repeat: no-repeat;padding-bottom: 5.21vw;} .w20 .main{width: 1200px;} .w20-box{padding: 3.54vw 3.39vw 3.91vw;background: #FFFFFF;transform: translateY(-4.90vw);} .w20-b1{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));align-items: stretch;margin-bottom: 3.49vw;} .w20-b1b{display: flex;align-items: center;justify-content: center;flex-direction: column;} .w20-b1b1{margin-bottom: 1.20vw;} .w20-b1b1 img{filter: brightness(0);} .w20-b1b{border-right: 1px solid rgba(204, 204, 204, .5);} .w20-b1-a:last-child .w20-b1b{border: none;} .w20-b1b:hover .w20-b1b2{color: #0581B7;} .w20-b1b:hover .w20-b1b1 img{filter: brightness(1);} .w20-b1 .on .w20-b1b2{color: #0581B7;} .w20-b1 .on .w20-b1b1 img{filter: brightness(1);} .w20-b1b2{font-size: 1.2vw;font-family: "SourceHanSansCN-Regular";color: #333333;line-height: 1;} .w20-b2{padding: 1.56vw 2.60vw 4.17vw;background: #F8F8F8;list-style-type: none;} .w20-li-img{margin-right: 18px;max-width: 100%;display: block;transition: all .5s;} .w20-li{display: flex;align-items: center;padding: 1.56vw 0;border-bottom: 1px solid rgba(204, 204, 204, .5);} .w20-li{font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1;} .w20-box{-webkit-animation: slide-in-fwd-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-fwd-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} @-webkit-keyframes slide-in-fwd-bottom {0% {-webkit-transform: translateZ(-1400px) translateY(800px);transform: translateZ(-1400px) translateY(800px);opacity: 0;}100% {-webkit-transform: translateZ(0) translateY(-4.90vw);transform: translateZ(0) translateY(-4.90vw);opacity: 1;}} @keyframes slide-in-fwd-bottom {0% {-webkit-transform: translateZ(-1400px) translateY(800px);transform: translateZ(-1400px) translateY(800px);opacity: 0;}100% {-webkit-transform: translateZ(0) translateY(-4.90vw);transform: translateZ(0) translateY(-4.90vw);opacity: 1;}} .w20-li:hover .w20-li-img{transform: translateX(7px);transition: all .5s;} .w20-li{position: relative;} .w20-li::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 0;height: 1px;background: #0581B7;transition: all .7s;} .w20-li:hover::after{width: 100%;transition: all .7s;} .w20-li:hover{color: #0581B7;} .w20-b1-a{height: 100%;} .w20-b1b{height: 100%;justify-content: space-between;} /* w21 */ .w21{padding-bottom: 5.21vw;} .w21-box{background-size: cover;background-position: center;background-repeat: no-repeat;padding-top: 4.17vw;} .w21-box .w14-b4{border: none;margin: 0;} .w21-b1{font-size: 1.2vw;color: #333333;font-family: "SourceHanSansCN-Light";line-height: 1;padding-bottom: 2.50vw;text-align: center;} .w21-b2{padding: 3.80vw 3.80vw 2.92vw 3.80vw;background: #F8F8F8;font-size: 1.1vw;color: #666666;font-family: "SourceHanSansCN-Light";line-height: 1.77vw;} .w21-b3 .w01-txt1{padding: 0;margin-bottom: 2.19vw;} .w21-b3 .w01-txt3{padding-bottom: 3.13vw;} .w21 .w16-b3-bx{margin-bottom: 0;} .w21-box .w14-box{-webkit-animation: slide-in-fwd-bottom2 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-fwd-bottom2 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} @-webkit-keyframes slide-in-fwd-bottom2 {0% {-webkit-transform: translateZ(-1400px) translateY(800px);transform: translateZ(-1400px) translateY(800px);opacity: 0;}100% {-webkit-transform: translateZ(0) translateY(0);transform: translateZ(0) translateY(0);opacity: 1;}} @keyframes slide-in-fwd-bottom2 {0% {-webkit-transform: translateZ(-1400px) translateY(800px);transform: translateZ(-1400px) translateY(800px);opacity: 0;}100% {-webkit-transform: translateZ(0) translateY(0);transform: translateZ(0) translateY(0);opacity: 1;}} .w125-img img{width: 100%;max-width: 100%;display: block;} .w01-txt3 br{display: none;} .w01 .w01-txt3 br{display: block !important;} @media (max-width: 1700px){ .main{width: 1300px;} .w10-xt{top: 40.5%;} .w09-c3{top: 39%;left: 8.4%;} .w09-c4{top: 68%;left: 6.8%;} } @media (min-width: 1350px) and (max-width: 1500px){ .w02-lunbo .swiper-button-next{right: -1.27vw;} .w02-lunbo .swiper-button-prev{left: -1.27vw;} .banner-img img{width: 70%;} .banner-img{text-align: right;} .w16-b1-li, .w16-b1-r2, .w16-b1-r1, .w16-b2-x4-bb, .w12-b-box-a, .w12-ul3 .w12-li, .w06-f-l, .w16-b3-x2b2, .w14-b3, .w14-b2-b, .w14-nav-a, .w13-b3, .w13-b2, .w13-nav-a, .w13-title2, .w13-title1, .w19-li-r2, .w19-li-r1, .w19-b2, .w19-b1, .w18-b3bb3, .w18-b3bb2, .w18-b3bb1, .w18-b1-r2, .w18-b1-r1, .w16-b2-x1, .w17-li, .w17-b2b-1, .w17-b1-txt, .banner-top-txt3-b, .banner-top-txt3, .w16-b3-btn, .w16-b3-radio, .w16-b3-x2b1, .w14-b4-c, .w21-b2, .w21-b1, .w14-b1, .w20-li, .w20-b1b2, .fenye, .w12-li-txt, .w12-cr1-r, .w12-cl1, .w12-top-b, .w11-btn, .w11-b-rb1, .w11-txt2-r, .w11-txt1, .w10-txt1, .w10-txt2, .w08-bb-txt, .w08-a, .banner-top-txt, .h-li-xl a, .f-b-l a, .f-a, .w06-f-r4, .w06-f-r3, .w06-f-r2, .w06-f-r, .w05-d2, .w04-c-txt1, .w03-b-l-box3, .w03-b-l-box2, .w01-txt1-1, .w02-lb4, .w02-lb3, .w02-lb2, .w02-t, .w01-txt5, .w01-txt3, .w01-txt2, .w01-txt1, .banner-txt2, .banner-txt1{zoom: 1.2;} .h-a{ zoom: 1.4; font-weight: 600; } } @media (max-width: 1350px){ .footer .main, .header .main{width: 90%;} .main{width: 1000px;} .w10-xt{top: 37.5%;} .w09-c4{top: 68%;left: -5.7%;} .w09-c3{top: 34%;left: -1.6%;} .w10-txt{padding-top: 2.6vw;} .w20 .main{width: 850px;} .w17-b2b2b-l img{max-width: 60%;} .banner-img{text-align: right;} .banner-img img{width: 70%;} } @media (max-width: 1350px){ .h-logo{width: 30%;} } @media (max-width: 1000px){ .w05-e::after{bottom: 100%;transition: all .5s;} .w04-box .w01-txt3{ width: 84%; margin: auto; line-height: 1.2; } .w04-c .w04-c-txt4{transform: translateY(0);transition: all .7s;} .main{width: 80%;} .header{display: none;} .m-header{display: block;} .container{margin-top: 60px;} .banner-box{height: 350px;} .banner-img{bottom: 10.14vw;} .w01-box{height: 100vw;} .banner-lunbo .swiper-pagination{bottom: 3.56vw;} .w01-txt3{line-height: 1.2;font-size: 14px;} .w01-txt3 br{display: none;} .banner-txt1{font-size: 14px;} .banner-txt2{font-size: 18px;} .w01-txt1{font-size: 20px;} .w01-txt2{font-size: 16px;} .w01-txt4{grid-template-columns: repeat(3,minmax(0,1fr));gap: 15px;} .w01-timer{font-size: 16px;} .w01-txt5-t{font-size: 12px;} .w01-txt5-b{font-size: 12px;} .w02-title{flex-wrap: wrap;} .w02-t{margin-bottom: 10px;font-size: 14px;} .w02-all-lunbo{height: 75.94vw;} .w03-b{grid-template-columns: repeat(1,minmax(0,1fr));} .w03-b-l-box{padding: 10px;} .w02-lb2{font-size: 14px;} .w02-lb3{font-size: 16px;} .w02-lb4{font-size: 12px;} .w03-b-l-box2{font-size: 16px;} .w03-b-l-box3{font-size: 12px;line-height: 1.2;-webkit-line-clamp: inherit;} .w03-b-l-box3 br{display: none;} .w03-b-l-box3{height: 50px;} .w04-b{grid-template-columns: repeat(1,minmax(0,1fr));gap: 15px;} .w04-d{gap: 15px;} .w04-c-txt1{font-size: 16px;line-height: 1;} .w04-c-txt2{font-size: 12px;line-height: 1.25;} .w05-b{grid-template-columns: repeat(1,minmax(0,1fr));} .w05-d2{font-size: 16px;line-height: 1;} .w05-d3{font-size: 12px;line-height: 1.2;} .w05-e{transform: translateY(0);} .w04-c-txt4{transform: translateY(16.58vw);} .w05-d4{font-size: 12px;} .w05-b{height: 166vw;} .w03-b-l .w03-b-l-box:nth-child(2n){border-right: 1px solid #0581B7;} .w06-b{grid-template-columns: repeat(1,minmax(0,1fr));gap: 15px;} .w06-d {margin-left: 8.73vw;border-top: 2px solid #0581B7;padding-top: 4.67vw;} .w06-f-l{font-size: 14px;} .w06-f-r1{font-size: 14px;} .w06-f-r{padding-bottom: 4.93vw;margin-bottom: 4.56vw;} .w06-f-r2{padding: 10px 0;font-size: 12px;} .w06-f-r3{font-size: 12px;line-height: 1;} .w06-f-r4{font-size: 12px;} .w07-title{font-size: 12px;} .f-box{grid-template-columns: repeat(1,minmax(0,1fr));gap: 15px;} .w07-b{height: 300px;} .f-box{justify-items: center;} .f-right-t{flex-direction: column;} .f-nav{padding-bottom: 10px;} .f-a{font-size: 14px;} .f-nav{flex-wrap: wrap;justify-content: center;} .f-b-l{font-size: 12px;} .f-b-l a{font-size: 12px;} .f-right-b{align-items: flex-start;} .f-logo img{max-width: 70%;margin: 0 auto;} .w07 .footer{background: #edf3f5;} .banner-top-txt{font-size: 20px;} .w08-a{font-size: 14px;} .w08-bb-txt{font-size: 12px;line-height: 1.2;} .w01-txt1-1{font-size: 14px;} .w08-bb{grid-template-columns: repeat(1,minmax(0,1fr));} .w10-txt1{font-size: 16px;color: #333333;font-family: "SourceHanSansCN-Regular";} .w10-txt2{font-size: 12px;line-height: 1.2;} .w10-lunbo .w10-btn{width: 10px;height: 10px;margin-bottom: 3.94vw;} .w10-txt {padding-top: 8.6vw;} .w11{grid-template-columns: repeat(1,minmax(0,1fr));} .w11-txt1{font-size: 14px;} .w11-txt2-r{font-size: 12px;line-height: 1.2;} .w11-txt2-l{width: 4.83vw;min-width: 4.83vw;} .w11-box{grid-template-columns: repeat(1,minmax(0,1fr));} .w11-b-rb1{font-size: 14px;} .w11-input{height: 7.02vw;font-size: 14px;width: -webkit-fill-available;} .w11-input2{font-size: 14px;} .w04-c-txt3{font-size: 12px;} .w16-b3-radio{font-size: 14px;} .w16-b3-textarea{font-size: 14px;} .w16-b3-textarea::-webkit-input-placeholder{font-size: 14px;} .w11-b-rb{grid-template-columns: 20% 78%;} .w11-btn{height: 7.02vw;line-height: 7.02vw;font-size: 14px;} .w12-top-b2{max-width: 25vw;} .w12-top{grid-template-columns: repeat(2,minmax(0,1fr));} .w12-top-b:nth-child(2n)::after{display: none;} .w12-top-b:nth-child(2n)::before{display: none;} .w12-top-b::after{border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-left: 5px solid #FFFFFF;} .w12-top-b::before{border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-left: 5px solid rgba(234, 234, 234, .9);} .w12-c{grid-template-columns: repeat(1,minmax(0,1fr));} .w12-top-b2{font-size: 12px;} .w12-top-b1{font-size: 12px;width: 4.04vw;height: 4.04vw;} .w12-cl1{font-size: 18px;} .w12-cr1-r{font-size: 12px;} .w12-cr1-l{margin-right: 2vw;width: 2vw;height: 2vw;min-width: 2vw;} .w12-ul .w12-li{font-size: 12px;} .w12-ul2 .w12-li{font-size: 12px;} .w11-txt1::after{width: 30px;} .w12-ul2 .w12-li .w12-li-txt:nth-child(1)::after{width: 5px;height: 5px;left: -7px;} .w12-ul3 .w12-li:first-child{font-size: 14px;} .w12-ul3 .w12-li{font-size: 12px;} .w12-b-box-a{font-size: 14px;} .fenye-2{font-size: 12px;} .fenye-4 a{font-size: 12px;} .fenye-1{font-size: 12px;} .fenye-3{font-size: 12px;} .fenye-5{font-size: 12px;} .banner-top-txt2{font-size: 12px;} .w15-box{grid-template-columns: repeat(1,minmax(0,1fr));} .w02-lb{padding: 3.65vw;} .w16-b1x{grid-template-columns: repeat(1,minmax(0,1fr));} .w14-nav-a{font-size: 12px;} .w16-b1-r1{font-size: 18px;} .w16-b1-r2{font-size: 16px;line-height: 1;} .w16-b1-r2 br{display: none;} .w16-b1-li{line-height: 1;font-size: 12px;} .w16-b2-x1{font-size: 20px;} .w16-b2-x2{font-size: 14px;} .w16-b2-x3{grid-template-columns: repeat(1,minmax(0,1fr));} .w16-b2-x4-bb{font-size: 12px;} .w16-b3-x2{grid-template-columns: repeat(1,minmax(0,1fr));} .w16-b3-x2b2{height: 9.24vw;font-size: 14px;} .w16-b3-x2b1{font-size: 14px;padding-top: 2.68vw;} .w16-b3-x2b3{height: 9.24vw;} .w16-b3-radio2{width: 3.52vw;height: 3.52vw;} .w16-b3-x2b3 .on .w16-b3-radio2::after{width: 1.26vw;height: 1.26vw;} .w16-b3-x2b{grid-template-columns: 30% 70%;} .w16-b3-bx2{grid-template-columns: 30% 70%;} .w16-b3-textarea{height: 19.24vw;padding: 2.65vw 1.04vw;} .w16-b3-btn{font-size: 14px;} .w20 .main{width: 90%;} .banner-top-txt3{font-size: 20px;} .banner-top-txt3-b{font-size: 20px;} .w20-b1b2{font-size: 14px;} .w20-li{font-size: 14px;} .w14-b1{font-size: 20px;} .w21-b1{font-size: 16px;padding: 2.5vw;} .w21-b2{font-size: 12px;line-height: 1.2;} .w14-b4-c .w14-b4-img1{transform: scale(0.6);} .w14-b4-c{font-size: 12px;} .banner-top-bj{height: 40vw;} .w17-b1 img{height: 100px;object-fit: cover;} .w17-b1-txt{font-size: 12px;line-height: 1.25;overflow: inherit;-webkit-line-clamp: inherit;} .w14-b2-c{font-size: 12px;} .w14-title{font-size: 20px;} .w17-b2{grid-template-columns: repeat(1,minmax(0,1fr));} .w17-li{font-size: 12px;line-height: 1.2;padding-left: 5.3vw;} .w17-b2b-1{font-size: 14px;} .w18-b1{grid-template-columns: repeat(1,minmax(0,1fr));} .w18-b1-r1{font-size: 13px;} .w18-b1-r2{font-size: 12px;line-height: 1.2;} .w18-b3b{grid-template-columns: repeat(1,minmax(0,1fr));height: 125vw;} .w18-b3bb1{font-size: 16px;} .w18-b3bb2{font-size: 13px;} .w18-b3bb3{font-size: 12px;} .w19-box{grid-template-columns: repeat(1,minmax(0,1fr));} .w19-b1{font-size: 14px;} .w19-b2{font-size: 12px;line-height: 1.2;} .w19-li{grid-template-columns: 26% auto;} .w19-li-r1{font-size: 13px;} .w19-li-r2{font-size: 12px;line-height: 1.2;} .w13-top{grid-template-columns: repeat(1,minmax(0,1fr));} .w13-title1{font-size: 20px;} .w13-title2{font-size: 20px;} .w13-nav-a{font-size: 16px;} .w13-box{grid-template-columns: repeat(1,minmax(0,1fr));} .w13-b1{height: 41.8vw;} .w13-b2{font-size: 14px;} .w13-b3{font-size: 12px;line-height: 1.2;} .w14-nav-a{max-width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .w14-b2{flex-wrap: wrap;} .w14-b2-b{font-size: 12px;} .w14-b3{font-size: 12px;line-height: 1.2;} .w14-b4-c{max-width: 90px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .w07-bb{border-radius: 50px 50px 0px 0px;} .w01-txt2{padding-bottom: 6.34vw;} .w01-txt3{padding-bottom: 15.38vw;} .w01-box{padding-top: 11.71vw;} .w02 .w01-txt1{margin-bottom: 4.56vw;} .w02 .w01-txt3{padding-bottom: 7.13vw;} .w02-lb1{width: auto;height: 45.56vw;} .w02-lb6-1{font-size: 16px;} .w02-lb6-2{font-size: 14px;} .w02-lb6-3{font-size: 12px;line-height: 1.2;} .w02-lb6{padding: 20px;} .w10-txt2{color: #666666;} .w10-lunbo .w10-btn{border-color: #0581B7;} .w17-b1{height: 48vw;} .w17-b1 img{height: 100%;} .w02 .w01-txt3{line-height: 1.8;} .w03 .w01-txt3{line-height: 1.8;} .w04 .w01-txt3{line-height: 1.8;} .w01-txt3 br{display: block;} .w01 .w01-txt3 br{display: none !important;} } @media (max-width: 500px){ .w125-img img{transform: scale(1.5);} .w125-img{overflow: hidden;} .w02-lb4{max-width: 270px;} } @media (max-width: 370px){ .main{width: 87%;} }