*{ outline:0 none !important; blr:expression(this.onFocus=this.blur()); } html{font-size: 100px;} html.act{overflow: hidden;width: 100%;height: 100vh;} *,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *{ margin:0; padding:0;outline: none;} body {position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0 ; width: 100%;color: #1f1f1f;font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Arial, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size:0.14rem; line-height:1;background: #fff;} html.act{overflow: hidden;width: 100%;height: 100vh;} ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; } .clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;} .clearfix {*zoom:1;} a{display: inline-block; text-decoration:none!important; cursor:pointer;color: #1f1f1f;} textarea,select{ outline:none; color:#666; font-size:0.14rem; width:100%;} textarea{ resize:none; font-family: hr; } img{border:none;max-width: 100%;} img[src=""]{opacity: 0;} i{font-style: normal;} /* 滚动条样式 */ body::-webkit-scrollbar{ width:4px;height: 1px;} body::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.4);} body::-webkit-scrollbar-track{ background:#000;} /*去掉 input 默认边框*/ input{padding: 0;border: 0;font-family: hr;outline: none;} input[type="submit"]{background-color: transparent;cursor: pointer;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} select{appearance:none;-moz-appearance:none;-webkit-appearance:none;} select::-ms-expand { display: none; } @font-face { font-family: 'gl'; src: url("../font/Gilroy-Light.otf"); } @font-face { font-family: 'gr'; src: url("../font/gilroy-regular.otf"); } @font-face { font-family: 'gs'; src: url("../font/gilroy-semibold.otf"); } @font-face { font-family: 'mb'; src: url("../font/manrope-bold-2.otf"); } @font-face { font-family: 'din'; src: url("../font/din.ttf"); } @font-face { font-family: 'dinb'; src: url("../font/dinb.ttf"); } @font-face { font-family: 'nb'; src: url("../font/nb.OTF"); } @font-face { font-family: 'hb'; src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Bold.ttf"); } @font-face { font-family: 'hbl'; src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Black.ttf"); } @font-face { font-family: 'hl'; src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Light.ttf"); } @font-face { font-family: 'hm'; src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Medium.ttf"); } @font-face { font-family: 'hr'; src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Regular.ttf"); } .line1 {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;} .line2 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;} .line3 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;} .line4 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;} .f_12 { font-size: 0.12rem; } .f_13 { font-size: 0.13rem; } .f_14 { font-size: 0.14rem; } .f_15 { font-size: 0.15rem; } .f_16 { font-size: 0.16rem; } .f_18 { font-size: 0.17rem; } .f_20 { font-size: 0.20rem; } .f_21 { font-size: 0.21rem; } .f_22 { font-size: 0.22rem; } .f_24 { font-size: 0.24rem; } .f_26 { font-size: 0.26rem; } .f_28 { font-size: 0.28rem; } .f_30 { font-size: 0.3rem; } .f_32 { font-size: 0.32rem; } .f_34 { font-size: 0.34rem; } .f_35 { font-size: 0.35rem; } .f_36 { font-size: 0.36rem; } .f_38 { font-size: 0.38rem; } .f_40 { font-size: 0.4rem; } .f_42 { font-size: 0.42rem; } .f_44 { font-size: 0.44rem; } .f_45 { font-size: 0.45rem; } .f_46 { font-size: 0.46rem; } .f_48 { font-size: 0.48rem; } .f_50 { font-size: 0.5rem; } .f_52{ font-size: 0.52rem; } .f_54 { font-size: 0.54rem; } .f_56 { font-size: 0.56rem; } .f_60 { font-size: 0.6rem; } .f_64 { font-size: 0.64rem; } .f_66 { font-size: 0.66rem; } .f_68 { font-size: 0.68rem; } .f_72 { font-size: 0.72rem; } .f_80 { font-size: 0.8rem; } .f_86 { font-size: 0.86rem; } .f_88 { font-size: 0.88rem; } .f_90 { font-size: 0.9rem; } .f_100 { font-size: 1rem; } .f_110 { font-size: 1.1rem; } .f_112 { font-size: 1.12rem; } .f_122 { font-size: 1.22rem; } .w1560{width: 81.25%;margin: 0 auto;position: relative;} .w1820{width:94.8%;margin: 0 auto;position: relative;} /* 头部 */ .header{position: fixed;width: 100vw;top: 0;left: 0;transition: all .3s; z-index: 999;height: 0.8rem;display: flex;justify-content: space-between;align-items: center;padding:0 1.8rem;border-bottom: 1px solid rgba(255,255,255,0.2);} .header .logo{display: block;position: relative;} .header .logo img{display: block;height: 0.25rem;transition: all .3s;} .header .logo img:nth-of-type(2){position: absolute;top:0;left:0;opacity: 0;} .header .h-right{display: flex;} .header .h-right ul{display: flex;} .header .h-right ul li{margin-right: 0.5rem;position: relative;} .header .h-right ul li>a{color: #ffffff;font-size: 0.16rem;} .header .h-right ul li .xl{position: absolute;width: 1.2rem;left:50%;transform: translateX(-50%);top:0.5rem;display: none;} .header .h-right ul li .xl>a{display: block;text-align: center;height: 0.4rem;background-color: #ffffff;line-height: 0.4rem;transition: all .3s;} .header .h-right ul li .xl>a:hover{background-color: #00397D;color: #ffffff;} .header .h-right ul li .xla{position: fixed;width: 100%;top:0.8rem;left:0;z-index: 9;background-color: #ffffff;padding:0.3rem 0;display: none;} .header .h-right ul li .xla .dl_box{display: flex;flex-wrap: wrap;width:66%;} /*.header .h-right ul li .xla .dl_box dl{width: 33.33%;}*/ /*.header .h-right ul li .xla .w1560{display: flex;justify-content: space-between;}*/ .header .h-right ul li .xla .w1560{display: flex;justify-content: center;} .header .h-right ul li .xla .w1560>.img{display: none;} .header .h-right ul li .xla .w1560 dl{margin:0 3vw;} .header .h-right ul li .xla .w1560 dl dt{display: flex;align-items: center;font-family: 'hb';} .header .h-right ul li .xla .w1560 dl dt a{margin-left: 0.2rem;display:block;line-height:36px;} .header .h-right ul li .xla .w1560 dl dd{margin-top: 0.2rem;padding-top: 0.4rem;border-top:1px solid rgba(112,112,112,0.1);width: 2.06rem;margin-left: 0.6rem;} .header .h-right ul li .xla .w1560 dl dd a{display: block;margin-bottom: 0.3rem;} .header .h-right .search{display: block;width: 0.2rem;height: 0.2rem;background-image: url(../img/search-ico1.svg);background-size: 100% 100%;position: relative;margin-right: 0.4rem;transition: all .3s;} .header .h-right .search::after{content: '';display: block;width: 1px;height: 0.14rem;background-color: rgba(255, 255, 255, 0.27);position: absolute;right:-0.2rem;top:50%;transform: translateY(-50%);transition: all .3s;} .header .h-right .lang{position: relative;} .header .h-right .lang h3{display: flex;position: relative;align-items: center;cursor: pointer;color:#ffffff;font-size: 0.14rem;transition: all .3s;} .header .h-right .lang h3::before{content: '';display: block;width: 0.2rem;height: 0.2rem;background-image: url(../img/map2.gif);background-size: 100% 100%;margin-right: 0.1rem;} .header .h-right .lang h3 i{display: block;width: 0.07rem;height: 0.03rem;background-image: url(../img/down-ico1.svg);background-size: 100% 100%;margin-left: 0.05rem;transition: all .3s;} .header .h-right .lang .xl{position: absolute;width: 1rem;left:50%;transform: translateX(-50%);top:0.5rem;display: none;} .header .h-right .lang .xl>a{display: block;text-align: center;height: 0.4rem;background-color: #ffffff;line-height: 0.4rem;transition: all .3s;} .header .h-right .lang .xl>a:hover{background-color: #00397D;color: #ffffff;} .header.on{background-color: #ffffff;border-color: rgba(108, 108, 108, 0.2);} .header.on .logo img:nth-of-type(1){opacity: 0;} .header.on .logo img:nth-of-type(2){opacity: 1;} .header.on .h-right ul li>a{color: #333333;} .header.on .h-right .search{background-image: url(../img/search-ico1a.svg);} .header.on .h-right .search::after{background-color: rgba(0, 0, 0, 0.27);} .header.on .h-right .lang h3{color: #333333;} /*.header.on .h-right .lang h3::before{background-image: url(../img/map1.gif);}*/ .header.on .h-right .lang h3 i{background-image: url(../img/down-ico1a.svg);} .m_header{display: none;} .mh_nav{display: none;} .index_con{position: relative;overflow: hidden;height: 100vh;width: 100%;} .index_con>.swiper-wrapper>.swiper-slide{height: 100vh;position: relative;} .index_con>.swiper-pagination{right: 2.6%;} .index_con>.swiper-pagination .swiper-pagination-bullet{width: 0.16rem;height: 0.16rem;background-color: transparent;position: relative; opacity: 0.52;margin: 0.27rem 0;border-radius: 0;border: 1px solid #ffffff;} .index_con>.swiper-pagination .swiper-pagination-bullet::before{content: "";position: absolute;top: 110%;left: 0.07rem;height: 0.27rem;width: 0.01rem;background-color: #FFFFFF;} .index_con>.swiper-pagination .swiper-pagination-bullet:last-child::before{display: none;} .index_con>.swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.04rem;height: 0.04rem;background-color: #ffffff;} .index_con>.swiper-pagination.on .swiper-pagination-bullet{border-color: #D0D8E3;} .index_con>.swiper-pagination.on .swiper-pagination-bullet:after{background-color:#D0D8E3;} .index_con>.swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background-color: #00397D;border-color: #00397D;} .index_con>.swiper-pagination.on .swiper-pagination-bullet-active{opacity: 1;border-color: #00397D;} .index_con>.swiper-pagination.on .swiper-pagination-bullet::before{background-color:#D0D8E3;} .pc_banner{width: 100%;height: 100vh;position: relative;overflow: hidden;} .pc_banner .swiper-slide{position: relative;height: 100%;overflow:hidden;} .pc_banner .slide-inner{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;} .pc_banner .slide-inner .txt{color: #ffffff;padding-top: 32.44vh;} .pc_banner .slide-inner .txt .h1{font-family: hb;line-height: 0.76rem;margin-bottom: 0.48rem;} .pc_banner .slide-inner .txt .h1 .p{font-family: hr;} .pc_banner .swiper-slide:nth-child(1) .slide-inner .txt .h1 .p{opacity:1;} .pc_banner .slide-inner .txt .b_btn{width: 1.6rem;border: 1px solid #ffffff;text-align: center;color: #ffffff;position: relative;z-index: 2;overflow: hidden;} .pc_banner .slide-inner .txt .b_btn:after{content: "";position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #ffffff;transition: all 0.2s ease-in-out;z-index: -1;} .pc_banner .slide-inner .txt .b_btn span{line-height: 0.48rem;font-family: 'hr'; display: inline-block;padding-right: 0.34rem;background: url(../img/more.png) no-repeat right center;transition: all 0.5s;background-size: 0.17rem auto;} .pc_banner .slide-inner .txt .b_btn:hover span{padding-right: 0rem;color: #000000;} .pc_banner .slide-inner .txt .b_btn:hover:after{width: 100%;} .pc_banner .swiper-pagination{bottom: 0.42rem;} .pc_banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 1rem;height: 0.04rem;background-color: #FFFFFF;border-radius: 0;opacity: 1;margin: 0 0.1rem;} .pc_banner .swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;top: 0;left: 0;width: 0%;height: 0.04rem;background-color: #00397D;} .pc_banner .swiper-pagination .swiper-pagination-bullet-active:after{width: 100%;transition: all 5s;} .m_banner{display: none;} .i_part2{padding-top: 18.6vh;} .i_part2 .top{position: relative;} /*.i_part2 .top.on{z-index: 3;}*/ .i_part2 .top .txt{margin-bottom: 1.06rem;position: relative;z-index: 3;width:46%;} .i_part2 .top .txt .tit{font-family: hb;color: #333333;line-height: 0.52rem;margin-bottom: 0.38rem;} .i_part2 .top .txt .p1{font-family: hl;color: #333333;line-height: 0.3rem;margin-bottom: 1rem;} .i_part2 .top .txt .num_box{display: flex;} .i_part2 .top .txt .num_box .box{margin-right: 0.9rem;color: #00397D;} .i_part2 .top .txt .num_box .box:last-child{margin-right: 0;} .i_part2 .top .txt .num_box .box .top1{display: flex;margin-bottom: 0.1rem;} .i_part2 .top .txt .num_box .box .top1 .num{font-family: mb;} .i_part2 .top .txt .num_box .box .top1 .dw{font-family: hb;line-height: 0.18rem;margin-left: 0.13rem;} .i_part2 .top .txt .num_box .box .top1 .dw>div:first-child{margin-bottom: 0.08rem;font-size: 0.24rem;} .i_part2 .top .txt .num_box .box .p2{font-family: hr;line-height: 0.2rem;} .index_part2m .num_box{display: flex;margin-bottom: 0.6rem;} .index_part2m .num_box .box{width:32%; color: #00397D;} .index_part2m .num_box .box:last-child{margin-right: 0;} .index_part2m .num_box .box .top1{display: flex;margin-bottom: 0.1rem;} .index_part2m .num_box .box .top1 .num{font-family: mb;} .index_part2m .num_box .box .top1 .dw{font-family: hb;line-height: 0.18rem;margin-left: 0.13rem;} .index_part2m .num_box .box .top1 .dw>div:first-child{margin-bottom: 0.08rem;font-size: 0.24rem;} .index_part2m .num_box .box .p2{font-family: hr;line-height: 1.5; white-space:nowrap;} .i_part2 .top .map{position: absolute;right:-4.06vw;top:-2.5vw;width:62.3vw;overflow:hidden;} .i_part2 .top .map video{width: calc(100% + 8px);object-fit: fill;transform:translateX(-4px);} .i_part2 .top .map img{position:absolute;top:0.2rem;left:0; width: calc(100% + 8px);object-fit: fill;transform:translateX(-4px);z-index:2;} .i_part2 .top .map .yuan_box{position:absolute;top:0; left:0;width:100%;height:100%;z-index:3;} .i_part2 .top .map .txt_box{position:absolute;top:0; left:0;width:100%;height:100%;z-index:3;} .i_part2 .top .map .txt_box .name{position: absolute;width: 0.4rem;height: 0.2rem;background-color: transparent;transform:translate(-50%,-50%);cursor:pointer;} .i_part2 .top .map .txt_box .name1{top:29%;left:25.5%;} .i_part2 .top .map .txt_box .name2{top:65.4%;left:30.5%;} .i_part2 .top .map .txt_box .name3{top:32.8%;left:50.5%;} .i_part2 .top .map .txt_box .name4{top:70%;left:54%;} .i_part2 .top .map .txt_box .name5{top:32%;left:70%;} .i_part2 .top .map .txt_box .name6{top:28%;left:79%;} .i_part2 .top .map .txt_box .name7{top:30%;left:84%;} .i_part2 .top .map .txt_box .name8{top:34%;left:83.8%;} .i_part2 .top .map .txt_box .name9{top:38%;left:83%;} .i_part2 .top .map .txt_box .name10{top:42%;left:84%;} .i_part2 .top .map .txt_box .name11{top:46%;left:80%;} .i_part2 .top .map .txt_box .name12{top:76.5%;left:85.5%;} .i_part2 .top .map .yuan_box .yuan{position: absolute;width:0.04rem;height:0.04rem;transform:translate(-50%,-50%);border-radius:50%;background-color:#00397D;} .i_part2 .top .map .yuan_box .yuan:after{content:"";position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: #00397D;opacity:0.6;animation: boderM1 3s infinite;} .i_part2 .top .map .yuan_box .yuan:before{content:"";position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: #00397D;opacity:0.6;animation: boderM2 3s infinite;} @keyframes boderM1 { 0% {width: 0.04rem;height: 0.04rem; opacity: 0} 20% {opacity: 0.5} 75% {width: 0.3rem;height: 0.3rem;opacity: 0} 100% {opacity: 0} } @keyframes boderM2 { 0% {width: 0.04rem;height: 0.04rem;opacity: 0} 20% {opacity: 0.5} 75% {width: 0.5rem;height: 0.5rem;opacity: 0} 100% {opacity: 0} } .i_part2 .top .map .yuan_box .yuan1{top: 29.5%;left: 22%;} .i_part2 .top .map .yuan_box .yuan2{top: 61%;left: 30%;} .i_part2 .top .map .yuan_box .yuan3{top: 27.5%;left: 50.5%;} .i_part2 .top .map .yuan_box .yuan4{top: 65%;left: 54%;} .i_part2 .top .map .yuan_box .yuan5{top: 40.5%;left: 70.5%;} .i_part2 .top .map .yuan_box .yuan6{top: 31.5%;left: 73%;} .i_part2 .top .map .yuan_box .yuan7{top: 32%;left: 79.5%;} .i_part2 .top .map .yuan_box .yuan8{top: 30.6%;left: 81.5%;} .i_part2 .top .map .yuan_box .yuan9{top: 34.7%;left: 80.5%;} .i_part2 .top .map .yuan_box .yuan10{top: 38.5%;left: 81.3%;} .i_part2 .top .map .yuan_box .yuan11{top: 43%;left: 87.7%;} .i_part2 .top .map .yuan_box .yuan12{top: 72%;left: 85.8%;} .i_part2 .bottom{display: flex;position: relative;overflow: hidden;} .i_part2 .bottom:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;transition: all 0.8s 0.5s;} .swiper-slide-active .i_part2 .bottom:after{transform: translateX(100%);} .i_part2 .bottom .box{ /*width: 3.85rem;*/ width: 50%; background: no-repeat center; background-size: cover; padding: 0 0.5rem; color: #ffffff; height: 280px; position: relative; transition: all 0.5s; } .i_part2 .bottom .box.on{ width: 50%; /*width: 7.8rem;*/ } .i_part2 .bottom .box .txt{position: absolute;left: 0.5rem;top: 0.5rem;} .i_part2 .bottom .box .txt .num{line-height: 0.32rem;font-family: mb;margin-bottom: 0.09rem;} .i_part2 .bottom .box .txt .b_h{line-height: 0.32rem;font-family: hb;margin-bottom: 0.27rem;} .i_part2 .bottom .box .txt .p3{font-family: hl;line-height: 0.27rem;display: none;} .i_part2 .bottom .box.on .txt .p3{display: block;} .i_part2 .top .map .yuan_box .yuan .t_box{position: absolute;left: 50%;top: 0.48rem;transform: translateX(-50%);width: 2.2rem;background-color: #ffffff;box-shadow: 0 0 0.24rem rgba(0,57,125,0.15);padding:0.17rem 0.2rem;display:none;} .i_part2 .top .map .yuan_box .yuan12 .t_box{left: 0%;top: 0;transform: translateX(-110%);} .i_part2 .top .map .yuan_box .yuan .t_box .h{font-family:hm;color:#00397D;line-height:0.2rem;margin-bottom:0.07rem;} .i_part2 .top .map .yuan_box .yuan .t_box .p{font-family:hl;color:#333333;line-height:0.18rem;} .i_part3{padding-top: 1.75rem;background: no-repeat center;background-size: cover;height: 100vh;position: relative;} .i_part3 .w1560{height: 100%;} .i_part3 .tit{text-align: center;} .i_part3 .tit h3{margin-bottom: 0.27rem;font-family: 'hb';} .i_part3 .tit p{font-family: 'hl';} .i_part3 .list{ width: 100%; position: absolute; left:0; bottom:0.4rem; z-index: 9; display: flex; justify-content: center; align-items: flex-end; } .i_part3 .list dl{width: calc(100% / 3 - 0.16rem);margin-right: 0.24rem;backdrop-filter: blur(100px);overflow:hidden;} .i_part3 .list dl dt{text-align: center;padding:0.5rem 0;color: #ffffff;} .i_part3 .list dl dt img{display: block;height: 0.55rem;margin:0 auto;} .i_part3 .list dl dt p{margin-top: 0.17rem;font-weight: bold;} .i_part3 .list dl dd{height:0;overflow:hidden;padding-bottom:0;transition:all 0.5s} .i_part3 .list dl dd a{height: 0.6rem; display: flex;justify-content: center; align-items: center;transition: all .3s;} .i_part3 .list dl dd a img{display: block;width: 0.25rem;margin-right: 0.1rem;} .i_part3 .list dl dd a p{font-family: 'hl';color:#ffffff;margin-right: 0.3rem;width: 1rem;} .i_part3 .list dl dd a i{display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/more.png);background-size: 100% 100%;opacity: 0;transition: all .3s;} .i_part3 .list dl dd a:hover{background-color: #00397D;} .i_part3 .list dl dd a:hover i{opacity: 1;} .i_part3 .list dl:nth-of-type(3){margin-right: 0;} .i_part3 .list dl.active{background-color: rgba(0, 0, 0, 0.45);backdrop-filter: blur(0px);} .i_part3 .list dl.active dd{height:2.2rem;padding-bottom: 0.4rem;} .i_part4{padding-top: 1.75rem;background: no-repeat center;background-size: cover;height: 100vh;position: relative;} .i_part4 .tit{text-align: center;margin-bottom: 0.4rem;} .i_part4 .tit h3{font-family: 'hb';} .i_part4 .list{display: flex;} .i_part4 .list .item{display: block;width: calc(100% / 3 - 0.52rem);margin-right: 0.78rem;background-color: #ffffff;position: relative;} .i_part4 .list .item::after{content: '';display: block;width: 0;height: 2px;background-color: #00397D;position: absolute;left:0;bottom:0;transition: all .3s;} .i_part4 .list .item .img{width: 100%;overflow: hidden;} .i_part4 .list .item .img img{display: block;width: 100%;transition: all .3s;} .i_part4 .list .item .word{padding:0.3rem 0.36rem;} .i_part4 .list .item .word .time{color: #999999;margin-bottom: 0.18rem;} .i_part4 .list .item .word .title{color: #111111;font-weight: bold;margin-bottom: 0.2rem;} .i_part4 .list .item .word .ms{color: #111111;line-height: 0.32rem;height: 0.64rem;margin-bottom: 0.4rem;} .i_part4 .list .item .word .more{width: 1.6rem;height: 0.5rem;display: flex;align-items: center; color: #333333;font-size: 0.14rem;transition: all .3s;position:relative;z-index:2;} .i_part4 .list .item .word .more:after{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background-color:#00397D;z-index:-1;transition:all 0.5s;} .i_part4 .list .item .word .more i{display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/more1.png);background-size: 100% 100%;margin-left: 0.1rem;} .i_part4 .list .item:hover::after{width: 100%;} .i_part4 .list .item:hover .img img{transform: scale(1.03);} .i_part4 .list .item:hover .more{justify-content: center;color: #ffffff;} .i_part4 .list .item:hover .more i{background-image: url(../img/more.png);} .i_part4 .list .item:hover .word .more:after{width:100%;} .footer{height: auto!important;background-color: #000000;position: relative;z-index: 5;} .footer .f_top{padding: 0.5rem 0 0.3rem 0;display: flex;justify-content: space-between;border-bottom: 1px solid rgba(255,255,255,0.2);position: relative;} .footer .f_top::after{content: '';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,0.2);position: absolute;left:77.4%;top:0;} .footer .f_top .left{display: flex;justify-content: space-between;padding-right: 1.5rem;width: 77.4%;} .footer .f_top .left .f_logo{display: block;width: 1.85rem;} /*.footer .f_top .left .ot{display: flex;align-items: center;}*/ .footer .f_top .left .ot{display: none;} .footer .f_top .left .ot .fx{display: flex;} .footer .f_top .left .ot .fx a{display: flex;justify-content: center;align-items: center; width: 0.4rem;height: 0.4rem;background-color: #292929;border-radius: 50%;margin-right: 0.2rem;} .footer .f_top .left .ot .links{position: relative;margin-left: 0.5rem;} .footer .f_top .left .ot .links h3{display: flex;align-items: center;justify-content: space-between; width: 1.4rem;height: 0.4rem;border: 1px solid #999999;font-family: 'hl';color:#ffffff;padding:0 0.2rem;cursor: pointer;} .footer .f_top .left .ot .links h3 i{display: block;width: 0.09rem;height: 0.06rem;background-image: url(../img/down-ico1.svg);background-size: 100% 100%;} .footer .f_top .left .ot .links .xl{position: absolute;top:0.4rem;left:0;width: 100%;display: none;} .footer .f_top .left .ot .links .xl a{display: block;text-align: center;font-size: 0.14rem;height: 0.4rem;line-height: 0.4rem;color: #ffffff;background-color: #999999;} .footer .f_top .right{display: flex; color: #ffffff;align-items: center;width: 22.6%;padding-left: 0.56rem;} .footer .f_top .right img{margin-right: 0.1rem;} .footer .f_top .right span{font-family: 'dinb';} .footer .f_center{display: flex;justify-content: space-between;position: relative;padding-top: 0.58rem;padding-bottom: 0.58rem;border-bottom: 1px solid rgba(255,255,255,0.2);} .footer .f_center::after{content: '';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,0.2);position: absolute;left:77.4%;top:0;} .footer .f_center .f_nav{display: flex;justify-content: space-between;padding-right: 1.5rem;width: 77.4%;} .footer .f_center .f_nav dl dt{margin-bottom: 0.18rem;} .footer .f_center .f_nav dl dt a{color: #ffffff;font-family: 'hb';} .footer .f_center .f_nav dl dd a{display: block;color: #ffffff;font-family: 'hl';opacity: 0.8;transition: all .3s;line-height: 0.3rem;} .footer .f_center .f_nav dl dd a:hover{opacity: 1;} .footer .f_center .f_contact{width: 22.6%;padding-left: 0.56rem;} .footer .f_center .f_contact dl{margin-bottom: 0.4rem;} .footer .f_center .f_contact dl dt{display: flex;align-items: center;color: #ffffff;} .footer .f_center .f_contact dl dt img{margin-right:0.06rem;} .footer .f_center .f_contact dl dd{font-family: 'hl';line-height: 0.24rem;color: #ffffff;padding-left: 0.25rem;} .footer .f_center .f_contact .ewm{width: 1rem;height: 1rem;border: 1px solid #E5E5E5;display: flex;align-items: center;justify-content: center;} .footer .f_bottom{display: flex;justify-content: space-between;padding:0.2rem 0;font-family: 'hl';font-size: 0.12rem;color: #989898;} .footer .f_bottom a{color: #989898;} .ny-banner{position: sticky;top:0;left:0;width: 100%;z-index:-1;} .ny-banner .img{width: 100%;} .ny-banner .img img{display: block;width: 100%;} .ny-banner .img .m_img{ display: none; } .ny-banner .word{width: 100%;text-align: center;color: #ffffff;position: absolute;top:50%;transform: translateY(-50%);} .ny-banner .word h3{font-weight: bold;margin-bottom: 0.18rem;} .ny-banner .word p{text-transform: uppercase;letter-spacing: 10px;font-family: 'dinb';} .page_main{position: relative;z-index: 3;width: 100%;background-color: #ffffff;} .s_part1{padding-top: 1.2rem;position: relative;padding-bottom:1.51rem;z-index: 3;} .s_part1 .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.7rem;} .s_part1 .top .tit{font-weight: bold;color: #000000;} .s_part1 .top .tab{display: flex;} .s_part1 .top .tab a{display: block; color: #333333;transition: all .3s;margin-right: 1.05rem;} .s_part1 .top .tab a:hover,.s_part1 .top .tab a.active{color:#00397D;font-size: 0.18rem;font-weight: bold;} .s_part1 .top .tab a:last-of-type{margin-right: 0;} .s_part1 .list{position: relative;} .s_part1 .list .item{padding:0 1.05rem;display: none;position: relative;width: calc(100% + 2.1rem);left:-1.05rem;} .s_part1 .list .item.active{display: block;} .s_part1 .list .item .swiper-container{padding: 2px;padding-bottom:0.6rem;} .s_part1 .list .item .swiper-slide{display: flex;align-items: center;justify-content: space-between; width: 100%;height: 1.6rem;border: 1px solid rgba(112,112,112,0.13);transition: all .3s;} .s_part1 .list .item .swiper-slide p{padding-left: 0.9rem;color: #111111;font-weight: bold;position: relative;width: calc(100% - 1.6rem);} .s_part1 .list .item .swiper-slide p::before{content: '';display: block;width: 0.1rem;height: 0.1rem;background-color: #00397D;border-radius: 50%;position: absolute;left:0.53rem;top:50%;transform: translateY(-50%);} .s_part1 .list .item .swiper-slide p::after{content: '';display: block;width: 1px;height: 0.6rem;background-color: #EFEFEF;position: absolute;top:50%;transform: translateY(-50%);right:0;} .s_part1 .list .item .swiper-slide i{display: block;width: 0.4rem;height: 0.4rem;background-image: url(../img/pdf_down.svg);background-size: 100% 100%;margin-right: 0.6rem;} .s_part1 .list .item .swiper-slide:hover{box-shadow: 0 27px 44px rgba(0,57,125,0.08);border-color: transparent;} .s_part1 .list .item .prev{width: 0.55rem;height: 0.55rem;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;position: absolute;left:0;top:50%;transform: translateY(-50%);z-index: 4;} .s_part1 .list .item .prev::before{content: '';display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/prev_ico1.svg);background-size:100% 100%; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .s_part1 .list .item .next{width: 0.55rem;height: 0.55rem;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;position: absolute;right:0;top:50%;transform: translateY(-50%);z-index: 4;} .s_part1 .list .item .next::before{content: '';display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/next_ico1.svg);background-size:100% 100%; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .s_part2{position: relative;padding-bottom: 1.7rem;width: 100%;} .s_part2 .bg{position: absolute;left:0;bottom:0;width: 100%;} .s_part2 .bg img{display: block;width: 100%;} .s_part2 .w1560{background-color: #ffffff;padding:0.75rem 2.1rem;} .s_part2 .w1560 .tit{text-align: center;font-weight: bold;color: #000000;margin-bottom: 0.95rem;} .s_part2 .w1560 form ul{display: flex;flex-wrap: wrap;margin-bottom: 0.9rem;} .s_part2 .w1560 form ul li{width: calc(50% - 0.26rem);margin-right: 0.52rem;margin-bottom: 0.52rem;} .s_part2 .w1560 form ul li p{font-size: 0.16rem;font-weight: bold;margin-bottom: 0.25rem;} .s_part2 .w1560 form ul li p span{color: #ED1C24;font-size: 0.2rem;display: inline-block;margin-right: 0.08rem;} .s_part2 .w1560 form ul li input{width: 100%;height: 0.54rem;border-radius: 2px;border: 1px solid #E2E2E2;padding:0 0.3rem;} .s_part2 .w1560 form ul li:nth-of-type(2n){margin-right: 0;} .s_part2 .w1560 form ul li:nth-of-type(5){width: 100%;margin-right: 0;} .s_part2 .w1560 form ul li select{width: 100%;height: 0.54rem;border-radius: 2px;border: 1px solid #E2E2E2;padding:0 0.3rem;} .s_part2 .w1560 form .btn{cursor: pointer;width: 3.75rem;height: 0.5rem;display: flex;justify-content: center;align-items: center;background-color: #00397D;color: #ffffff;font-size: 0.14rem;margin:0 auto;} .s_part2 .w1560 form .btn i{display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/more.png);background-size: 100% 100%;margin-left: 0.17rem;transition: all .3s;} .s_part2 .w1560 form .btn:hover i{margin-left: 0.24rem;} .n_part1{padding-top: 1.2rem;position: relative;} .n_part1 .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.7rem;} .n_part1 .top .tit{font-weight: bold;color: #000000;} .n_part1 .top .tab{display: flex;} .n_part1 .top .tab a{display: block; color: #333333;transition: all .3s;margin-right: 1.05rem;} .n_part1 .top .tab a:hover,.n_part1 .top .tab a.active{color:#00397D;font-size: 0.18rem;font-weight: bold;} .n_part1 .top .tab a:last-of-type{margin-right: 0;} .n_part1 .list{display: flex;flex-wrap: wrap;} .n_part1 .list .item{display: block;width: calc(100% / 3);padding:0.43rem 0.58rem 0.6rem 0.58rem;position: relative;transition: all .3s;margin-bottom:0.4rem;} .n_part1 .list .item::after{content: '';display: block;width: 0;height: 2px;background-color: #00397D;position: absolute;left:0;bottom:0;transition: all .3s;} .n_part1 .list .item .tip{display: flex;align-items: center;color: #333333;font-size: 0.14rem;font-weight: bold;margin-bottom: 0.24rem;} .n_part1 .list .item .tip span{display: block;width: 0.9rem;height: 0.35rem;text-align: center;line-height: 0.31rem;font-size: 0.14rem;color: #00397D;border: 2px solid #00397D;border-radius: 3px;margin-right: 0.17rem;} .n_part1 .list .item .tit{color: #111111;font-family: 'hb';margin-bottom: 0.27rem;line-height: 0.38rem;height: 0.76rem;} .n_part1 .list .item .img{width: 100%;overflow: hidden;margin-bottom: 0.6rem;} .n_part1 .list .item .img img{display: block;width: 100%;transition: all .3s;} .n_part1 .list .item .more{width: 1.6rem;height: 0.5rem;display: flex;align-items: center; color: #333333;font-size: 0.14rem;transition: all .3s;position:relative;z-index:2;} .n_part1 .list .item .more:after{content:"";position: absolute;top: 0;left: 0;width: 0%;height: 100%;background-color: #00397D;transition:all 0.5s;z-index:-1;} .n_part1 .list .item:hover .more:after{width:100%;} .n_part1 .list .item .more i{display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/more1.png);background-size: 100% 100%;margin-left: 0.1rem;} .n_part1 .list .item:hover::after{width: 100%;} .n_part1 .list .item:hover{box-shadow: 0 27px 44px rgba(0,57,125,0.07);} .n_part1 .list .item:hover .img img{transform: scale(1.03);} .n_part1 .list .item:hover .more{justify-content: center;color: #ffffff;} .n_part1 .list .item:hover .more i{background-image: url(../img/more.png);} .n_part1 .list1{margin-top: 1.34rem;padding-bottom: 1.6rem;} .n_part1 .list1 .item{display: flex;justify-content: space-between;align-items: center;} .n_part1 .list1 .item .word{width: 4.35rem;} .n_part1 .list1 .item .word .tip{display: flex;align-items: center;color: #333333;font-size: 0.14rem;font-weight: bold;margin-bottom: 0.24rem;} .n_part1 .list1 .item .word .tip span{display: block;width: 0.9rem;height: 0.35rem;text-align: center;line-height: 0.31rem;font-size: 0.14rem;color: #00397D;border: 2px solid #00397D;border-radius: 3px;margin-right: 0.17rem;} .n_part1 .list1 .item .word .tit{color: #111111;font-family: 'hb';margin-bottom: 0.4rem;line-height: 0.38rem;height: 0.76rem;} .n_part1 .list1 .item .word .ms{color: #111111;font-size: 0.16rem;line-height: 0.3rem;height: 0.9rem;margin-bottom: 0.6rem;} .n_part1 .list1 .item .word .more{width: 1.6rem;height: 0.5rem;display: flex;align-items: center; color: #333333;font-size: 0.14rem;transition: all .3s;} .n_part1 .list1 .item .word .more i{display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/more1.png);background-size: 100% 100%;margin-left: 0.1rem;} .n_part1 .list1 .item .img{width: 9.93rem;overflow: hidden;} .n_part1 .list1 .item .img img{display: block;width: 100%;transition: all .3s;} .n_part1 .list1 .item:hover .more{justify-content: center; background-color: #00397D;color: #ffffff;} .n_part1 .list1 .item:hover .more i{background-image: url(../img/more.png);} .n_part1 .list1 .item:hover .img img{transform: scale(1.03);} .n_details{position: relative;width: 100%;background-image: url(../img/news-details-bg.jpg);background-repeat: no-repeat;padding: 2rem 0;} .n_details .title{font-family: 'hb';line-height: 1.5;margin-bottom: 0.48rem;} .n_details .fx{display: flex;justify-content: space-between;margin-bottom: 0.35rem;} .n_details .fx .time{color: #666666;} .n_details .fx .ot{display: flex;align-items: center;} .n_details .details{padding:0.72rem 0;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;font-size: 0.16rem;line-height: 0.38rem;color: #000000;margin-bottom: 0.37rem;} .n_details .net{display: flex;justify-content: space-between;} .n_details .net a{display: block;max-width: 50%;color: #666666;font-size: 0.16rem;transition: all .3s;} .n_details .net a:hover{color: #00397D;} .n_details .back{margin-top: 0.5rem;} .n_details .back a{float:right; width: 1.6rem;height: 0.5rem;display: flex;align-items: center; color: #333333;font-size: 0.14rem;transition: all .3s;justify-content: center; background-color: #00397D;color: #ffffff;} .n_details .back a i{display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/more.png);background-size: 100% 100%;margin-left: 0.1rem;} .p_tit{text-align: center;} .p_tit h3{font-family:'hb';color: #000000;margin-bottom: 0.2rem;} .p_tit p{color: #333333;font-weight: 'hl';max-width: 9.45rem;margin:0 auto;line-height: 1.5;} .p_tit p b{font-family:'hb';} .p_part1{padding-top: 1.53rem;width: 100%;background:no-repeat;background-position:center 100%; background-size: cover;position: sticky;top:0;} .p_part1 .tab{display: flex;justify-content: center;margin-top: 0.7rem;} .p_part1 .tab a{display: block;color: #333333;margin:0 0.57rem;position: relative;transition: all .3s;} .p_part1 .tab a::before{content: '';display: block;width: 0;height: 2px;background-color: #00397D;position: absolute;left:0;bottom:-0.07rem;transition: all .3s;} .p_part1 .tab a:hover,.p_part1 .tab a.active{color: #00397D;font-family:'hb';} .p_part1 .tab a:hover::before,.p_part1 .tab a.active::before{width: 100%;} .p_part1 .list{position: relative;margin-top: 0.42rem;} .p_part1 .list .item1{position: relative;display: none;} .p_part1 .list .item1.active{display: block;} .p_part1 .list .item1 .img{width: 8.24rem;margin:0 auto;padding: 0.47rem 0 1rem 0;position: relative;} .p_part1 .list .item1 .img img{display: block;width: 100%;position: relative;z-index: 5;} .p_part1 .list .item1 .img .b_btn{width: 1.6rem;border: 1px solid #333333;text-align: center;color: #333333;position: absolute;z-index: 5;overflow: hidden;left:50%;transform: translateX(-50%);bottom:0.7rem;display:none;} .p_part1 .list .item1 .img .b_btn:after{content: "";position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #00397D;transition: all 0.2s ease-in-out;z-index: -1;} .p_part1 .list .item1 .img .b_btn span{line-height: 0.48rem;font-family: 'hr'; display: inline-block;padding-right: 0.34rem;background: url(../img/more1.png) no-repeat right center;transition: all 0.5s;background-size: 0.17rem auto;} .p_part1 .list .item1 .img .b_btn:hover span{padding-right: 0rem;color: #ffffff;} .p_part1 .list .item1 .img .b_btn:hover:after{width: 100%;} /*.p_part1 .list .item1 .img::after{content: '';display: block;width: 8.15rem;height: 3rem;background-image: url(../img/p_part1_img1a.png);background-size: 100% 100%;position: absolute;left:50%;transform: translateX(-50%);bottom:0;}*/ .p_part1 .list .item1 .dian{width: 100%;height: 100%;position: absolute;left:0;top:0;z-index: 4;} .p_part1 .list .item1 .dian .swiper-container{width: 100%;height: 100%;} .p_part1 .list .item1 .dian .swiper-container .swiper-slide{opacity: 0!important;top:0;transition:all 0.2s;} .p_part1 .list .item1 .dian .swiper-container .swiper-slide-active{opacity: 1!important;top:0;} .p_part1 .list .item1 .dian .item{display: flex;align-items: center;} .p_part1 .list .item1 .dian .item .ico{width: 0.54rem;height: 0.54rem;border-radius: 50%;background-color: #00397D;display: flex;align-items: center;justify-content: center;position: relative;} .p_part1 .list .item1 .dian .item .ico img{display: block;max-height: 100%;max-width: 100%;} .p_part1 .list .item1 .dian .item .ico::before{content: '';display: block;width: 0.62rem;height: 0.62rem;border-radius: 50%;background-color: #00397D;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);opacity: 0.3;z-index: -1;} .p_part1 .list .item1 .dian .item .word{color: #333333;width: 1.9rem;line-height: 0.3rem;font-family:'hb';margin-right: 0.3rem;} .p_part1 .list .item1 .dian .item i{display: block;width: 1.28rem;height: 0.3rem;background-size: 100% 100%;background-image: url(../img/p_part1_line1.svg);} .p_part1 .list .item1 .dian .item:nth-of-type(1){position: absolute;left:1.85rem;top:0.2rem;} .p_part1 .list .item1 .dian .item:nth-of-type(1) i{position: absolute;right:-1.6rem;top:50%;transform: translateY(-50%);} .p_part1 .list .item1 .dian .item:nth-of-type(5) i{position: absolute;right:-1.6rem;top:50%;transform: translateY(-50%);} .p_part1 .list .item1 .dian .item:nth-of-type(2){flex-direction: row-reverse;position: absolute;right:1.85rem;top:0.4rem;} .p_part1 .list .item1 .dian .item:nth-of-type(2) .word{margin-left: 0.3rem;} .p_part1 .list .item1 .dian .item:nth-of-type(2) i{position: absolute;left:-2.9rem;top:50%;transform: translateY(-50%); width: 2.59rem;height: 0.35rem;background-size: 100% 100%;background-image: url(../img/p_part1_line2.svg);} .p_part1 .list .item1 .dian .item:nth-of-type(3){flex-direction: row-reverse;position: absolute;right:1.85rem;top:3rem;} .p_part1 .list .item1 .dian .item:nth-of-type(3) .word{margin-left: 0.3rem;} .p_part1 .list .item1 .dian .item:nth-of-type(3) i{position: absolute;left:-1.6rem;top:50%;transform: translateY(-50%);background-image: url(../img/p_part1_line3.svg);} .p_part1 .list .item1 .dian .item:nth-of-type(6) i{position: absolute;left:-1.6rem;top:50%;transform: translateY(-50%);background-image: url(../img/p_part1_line3.svg);} .p_part1 .list .item1 .dian .item:nth-of-type(4){position: absolute;left:1.85rem;top:2.8rem;} .p_part1 .list .item1 .dian .item:nth-of-type(4) i{position: absolute;right:-3.1rem;top:50%;transform: translateY(-70%);width: 2.59rem;height: 0.35rem; background-image: url(../img/p_part1_line4.svg);} .p_part1 .list .item1 .dian .item:nth-of-type(5){position: absolute;left:1.85rem;top:1.8rem;} .p_part1 .list .item1 .dian .item:nth-of-type(6){position: absolute;right:1.85rem;top:1.8rem;flex-direction: row-reverse;} .p_part1 .list .item1 .dian .item:nth-of-type(6) .word{margin-left:0.3rem;} .p_part1 .list .item1 .prev{width: 0.55rem;height: 0.55rem;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;position: absolute;left:1.78rem;bottom:0.82rem; z-index: 4;transition: all .3s;opacity: 0.4;} .p_part1 .list .item1 .prev::before{content: '';display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/prev_ico1.svg);background-size:100% 100%; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .p_part1 .list .item1 .next{width: 0.55rem;height: 0.55rem;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;position: absolute;right:1.78rem;bottom:0.82rem;z-index: 4;transition: all .3s;opacity: 0.4;} .p_part1 .list .item1 .next::before{content: '';display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/next_ico1.svg);background-size:100% 100%; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .p_part1 .list .item1 .next:hover,.p_part1 .list .item1 .prev:hover{opacity: 1;} .p_part2{padding-top: 1rem;width: 100%;background-size: cover;background-repeat: no-repeat;position: sticky;top:0; background-position:center bottom;} .p_part2 .list{margin-top: 0.3rem;position: relative;} .p_part2 .list .img{text-align: center;position: relative;} .p_part2 .list .img .b_btn{width: 1.6rem;border: 1px solid #333333;text-align: center;color: #333333;position: absolute;z-index: 5;overflow: hidden;left:50%;transform: translateX(-50%);bottom:0.7rem;display:none;} .p_part2 .list .img .b_btn:after{content: "";position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #00397D;transition: all 0.2s ease-in-out;z-index: -1;} .p_part2 .list .img .b_btn span{line-height: 0.48rem;font-family: 'hr'; display: inline-block;padding-right: 0.34rem;background: url(../img/more1.png) no-repeat right center;transition: all 0.5s;background-size: 0.17rem auto;} .p_part2 .list .img .b_btn:hover span{padding-right: 0rem;color: #ffffff;} .p_part2 .list .img .b_btn:hover:after{width: 100%;} .p_part2 .list .dian{width: 100%;height: 100%;position: absolute;left:0;top:0;} .p_part2 .list .dian .item{display: flex;align-items: center;} .p_part2 .list .dian .item .ico{width: 0.54rem;height: 0.54rem;border-radius: 50%;background-color: #00397D;display: flex;align-items: center;justify-content: center;position: relative;margin-right: 0.3rem;} .p_part2 .list .dian .item .ico img{display: block;max-height: 100%;max-width: 100%;position: relative;z-index: 2;} .p_part2 .list .dian .item .ico::before{content: '';display: block;width: 0.62rem;height: 0.62rem;border-radius: 50%;background-color: #00397D;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);opacity: 0.3;} .p_part2 .list .dian .item .word{color: #333333;line-height: 0.3rem;font-family:'hb';margin-right: 0.2rem;} .p_part2 .list .dian .item i{display: block;width: 2.36rem;height: 0.49rem;background-size: 100% 100%;background-image: url(../img/p_part2_line1.svg);position: relative;top:0.2rem;} .p_part2 .list .dian .item:nth-of-type(1){position: absolute;left:1.85rem;top:1.18rem;} .p_part2 .list .dian .item:nth-of-type(3){position: absolute;left:1.85rem;top:4.18rem;} .p_part2 .list .dian .item:nth-of-type(2){flex-direction: row-reverse;position: absolute;right:1.85rem;top:1.74rem} .p_part2 .list .dian .item:nth-of-type(2) .ico{margin-left: 0.3rem;} .p_part2 .list .dian .item:nth-of-type(2) .word{margin-right: 0;} .p_part2 .list .dian .item:nth-of-type(2) i{display: block;width: 2.44rem;height: 0.65rem;background-size: 100% 100%;background-image: url(../img/p_part2_line2.svg);top:0.25rem;} .p_part2 .list .dian .item:nth-of-type(4){flex-direction: row-reverse;position: absolute;right:2.3rem;top:4.74rem} .p_part2 .list .dian .item:nth-of-type(4) .ico{margin-left: 0.3rem;} .p_part2 .list .dian .item:nth-of-type(4) .word{margin-right: 0;} .p_part2 .list .dian .item:nth-of-type(4) i{display: block;width: 2.44rem;height: 0.65rem;background-size: 100% 100%;background-image: url(../img/p_part2_line4.svg);top:-0.25rem;} .p_part2 .list .dian .item:nth-of-type(3) i{background-image: url(../img/p_part2_line3.svg);top:-0.25rem;} .p_part3{padding: 1rem 0 0.7rem 0;width: 100%;background-size: cover;background-repeat: no-repeat;position: relative; z-index:5;} .p_part3 .list{margin-top: 0.3rem;} .p_part3 .list .img{text-align: center;position: relative;} .p_part3 .list ul{display: flex;justify-content: center;margin-bottom: 0.66rem;} .p_part3 .list ul li{display: flex;margin:0 1.05rem;} .p_part3 .list ul li .ico{width: 0.54rem;height: 0.54rem;border-radius: 50%;background-color: #00397D;display: flex;align-items: center;justify-content: center;position: relative;margin-right: 0.2rem;} .p_part3 .list ul li .ico img{display: block;max-height: 100%;max-width: 100%;position: relative;z-index: 2;} .p_part3 .list ul li .ico::before{content: '';display: block;width: 0.62rem;height: 0.62rem;border-radius: 50%;background-color: #00397D;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);opacity: 0.3;} .p_part3 .list ul li .word{padding-top: 0.1rem;color: #333333;} .p_part3 .list ul li .word h3{font-family:'hb';} .p_part3 .list ul li .word p{margin-top: 0.1rem;} .p_part3 .list .b_btn{display: block; width: 1.6rem;border: 1px solid #333333;text-align: center;color: #333333;z-index: 5;overflow: hidden;margin:0 auto;position: relative;display:none;} .p_part3 .list .b_btn:after{content: "";position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #00397D;transition: all 0.2s ease-in-out;z-index: -1;} .p_part3 .list .b_btn span{line-height: 0.48rem;font-family: 'hr'; display: inline-block;padding-right: 0.34rem;background: url(../img/more1.png) no-repeat right center;transition: all 0.5s;background-size: 0.17rem auto;} .p_part3 .list .b_btn:hover span{padding-right: 0rem;color: #ffffff;} .p_part3 .list .b_btn:hover:after{width: 100%;} .p_part4{padding: 1rem 0 0.7rem 0;width: 100%;background-size: cover;background-repeat: no-repeat;position: relative; z-index:5;} .p_part4 .list{margin-top: 0.55rem;} .p_part4 .list .img{text-align: center;margin-bottom: 0.17rem;} .p_part4 .list .b_btn{display: block; width: 1.6rem;border: 1px solid #333333;text-align: center;color: #333333;z-index: 5;overflow: hidden;margin:0 auto;position: relative;display:none;} .p_part4 .list .b_btn:after{content: "";position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #00397D;transition: all 0.2s ease-in-out;z-index: -1;} .p_part4 .list .b_btn span{line-height: 0.48rem;font-family: 'hr'; display: inline-block;padding-right: 0.34rem;background: url(../img/more1.png) no-repeat right center;transition: all 0.5s;background-size: 0.17rem auto;} .p_part4 .list .b_btn:hover span{padding-right: 0rem;color: #ffffff;} .p_part4 .list .b_btn:hover:after{width: 100%;} .p_part5{padding: 1rem 0 0.7rem 0;width: 100%;background-size: cover;background-position:center; background-repeat: no-repeat;position: sticky;top:0; z-index:5;} .p_part5 .list{margin-top: 0.3rem;} .p_part5 .list .img{text-align: center;position: relative;} .p_part5 .list ul{display: flex;justify-content: center;margin-bottom: 0.66rem;} .p_part5 .list ul li{display: flex;align-items: center; margin:0 0.4rem;} .p_part5 .list ul li .ico{width: 0.54rem;height: 0.54rem;border-radius: 50%;background-color: #00397D;display: flex;align-items: center;justify-content: center;position: relative;margin-right: 0.2rem;} .p_part5 .list ul li .ico img{display: block;max-height: 100%;max-width: 100%;position: relative;z-index: 2;} .p_part5 .list ul li .ico::before{content: '';display: block;width: 0.62rem;height: 0.62rem;border-radius: 50%;background-color: #00397D;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);opacity: 0.3;} .p_part5 .list ul li .word{color: #333333;} .p_part5 .list ul li .word h3{font-family:'hb';} .p_part5 .list ul li .word p{padding-top: 0.1rem;} .p_part5 .list .b_btn{display: block; width: 1.6rem;border: 1px solid #333333;text-align: center;color: #333333;z-index: 5;overflow: hidden;margin:0 auto;position: relative;display:none;} .p_part5 .list .b_btn:after{content: "";position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #00397D;transition: all 0.2s ease-in-out;z-index: -1;} .p_part5 .list .b_btn span{line-height: 0.48rem;font-family: 'hr'; display: inline-block;padding-right: 0.34rem;background: url(../img/more1.png) no-repeat right center;transition: all 0.5s;background-size: 0.17rem auto;} .p_part5 .list .b_btn:hover span{padding-right: 0rem;color: #ffffff;} .p_part5 .list .b_btn:hover:after{width: 100%;} .pd_part1{padding: 1.4rem 0 1rem;position: sticky;top:0;} /*.pd_part1::after{content: '';display: block;width: 50%;height: 100%;background-color: #F7F7F7;position: absolute;top:0;right:0;}*/ .pd_part1 .p_tit{position: relative;z-index: 3;} .pd_part1 .tab{display: flex;justify-content: center;margin-top: 0.4rem;position: relative;z-index: 3;} .pd_part1 .tab a{display: block;color: #333333;margin:0 0.57rem;position: relative;transition: all .3s;} .pd_part1 .tab a::before{content: '';display: block;width: 0;height: 2px;background-color: #00397D;position: absolute;left:0;bottom:-0.07rem;transition: all .3s;} .pd_part1 .tab a:hover,.pd_part1 .tab a.active{color: #00397D;font-family:'hb';} .pd_part1 .tab a:hover::before,.pd_part1 .tab a.active::before{width: 100%;} .pd_part1 .list{position: relative;margin-top: 0.2rem;z-index: 4;} .pd_part1 .list .item1{position: relative;display: none;} .pd_part1 .list .item1.active{display: block;} .pd_part1 .tab1{display: flex;justify-content: center;width: 81.25%;margin: 0.4rem auto 0;position: relative;z-index: 7;} .pd_part1 .tab1 a{display: block;position: relative;width: calc(20% - 0.32rem);margin-right: 0.4rem;height: 0.56rem;text-align: center;line-height: 0.56rem;transition: all .3s;background-color: rgba(51, 51, 51, 0.12);} .pd_part1 .tab1 a span{position: relative;z-index: 4;} .pd_part1 .tab1 a::before{content: '';display: block;width: 0;height: 100%;background-color: #00397D;position: absolute;left:0;top:0;transition: all .3s;} .pd_part1 .tab1 a:nth-of-type(5){margin-right:0;} .pd_part1 .tab1 a:hover{color: #ffffff;} .pd_part1 .tab1 a:hover::before{width: 100%;} .pd_part1 .list .item1 .img{width: 8.24rem;margin:0 auto;padding: 0.47rem 0 1rem 0;position: relative;z-index: 5;} .pd_part1 .list .item1 .img img{display: block;width: 100%;position: relative;z-index: 5;} .pd_part1 .list .item1 .img .b_btn{width: 1.6rem;border: 1px solid #333333;text-align: center;color: #333333;position: absolute;z-index: 5;overflow: hidden;left:50%;transform: translateX(-50%);bottom:0.7rem;display: none;} .pd_part1 .list .item1 .img .b_btn:after{content: "";position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #00397D;transition: all 0.2s ease-in-out;z-index: -1;} .pd_part1 .list .item1 .img .b_btn span{line-height: 0.48rem;font-family: 'hr'; display: inline-block;padding-right: 0.34rem;background: url(../img/more1.png) no-repeat right center;transition: all 0.5s;background-size: 0.17rem auto;} .pd_part1 .list .item1 .img .b_btn:hover span{padding-right: 0rem;color: #ffffff;} .pd_part1 .list .item1 .img .b_btn:hover:after{width: 100%;} .pd_part1 .list .item1 .img::after{content: '';display: block;width: 8.15rem;height: 3rem;background-image: url(../img/p_part1_img1a.png);background-size: 100% 100%;position: absolute;left:50%;transform: translateX(-50%);bottom:0;} .pd_part1 .list .item1 .dian{width: 100%;height: 100%;position: absolute;left:0;top:0.8rem;z-index: 4;} .pd_part1 .list .item1 .dian .swiper-container{width: 100%;height: 100%;position: relative;z-index: 4;} .pd_part1 .list .item1 .dian .swiper-container .swiper-slide{opacity: 0!important;top:0;transition:all 0.2s;} .pd_part1 .list .item1 .dian .swiper-container .swiper-slide-active{opacity: 1!important;top:0;} .pd_part1 .list .item1 .dian .item{display: flex;align-items: center;} .pd_part1 .list .item1 .dian .item .ico{width: 0.54rem;height: 0.54rem;border-radius: 50%;background-color: #00397D;display: flex;align-items: center;justify-content: center;position: relative;} .pd_part1 .list .item1 .dian .item .ico img{display: block;max-height: 100%;max-width: 100%;} .pd_part1 .list .item1 .dian .item .ico::before{content: '';display: block;width: 0.62rem;height: 0.62rem;border-radius: 50%;background-color: #00397D;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);opacity: 0.3;z-index: -1;} .pd_part1 .list .item1 .dian .item .word{color: #333333;width: 1.69rem;line-height: 0.3rem;font-family:'hb';margin-right: 0.3rem;} .pd_part1 .list .item1 .dian .item i{display: block;width: 1.28rem;height: 0.3rem;background-size: 100% 100%;background-image: url(../img/p_part1_line1.svg);} .pd_part1 .list .item1 .dian .item:nth-of-type(1){position: absolute;left:1.85rem;top:0.2rem;} .pd_part1 .list .item1 .dian .item:nth-of-type(1) i{position: absolute;right:-1.6rem;top:50%;transform: translateY(-50%);} .pd_part1 .list .item1 .dian .item:nth-of-type(2){flex-direction: row-reverse;position: absolute;right:1.85rem;top:0.4rem;} .pd_part1 .list .item1 .dian .item:nth-of-type(2) .word{margin-left: 0.3rem;} .pd_part1 .list .item1 .dian .item:nth-of-type(2) i{position: absolute;left:-2.9rem;top:50%;transform: translateY(-50%); width: 2.59rem;height: 0.35rem;background-size: 100% 100%;background-image: url(../img/p_part1_line2.svg);} .pd_part1 .list .item1 .dian .item:nth-of-type(3){flex-direction: row-reverse;position: absolute;right:1.85rem;top:3rem;} .pd_part1 .list .item1 .dian .item:nth-of-type(3) .word{margin-left: 0.3rem;} .pd_part1 .list .item1 .dian .item:nth-of-type(3) i{position: absolute;left:-1.6rem;top:50%;transform: translateY(-50%);background-image: url(../img/p_part1_line3.svg);} .pd_part1 .list .item1 .dian .item:nth-of-type(4){position: absolute;left:1.85rem;top:2.8rem;} .pd_part1 .list .item1 .dian .item:nth-of-type(4) i{position: absolute;right:-3.1rem;top:50%;transform: translateY(-70%);width: 2.59rem;height: 0.35rem; background-image: url(../img/p_part1_line4.svg);} .pd_part1 .list .item1 .prev{width: 0.55rem;height: 0.55rem;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;position: absolute;left:1.78rem;bottom:0.82rem; z-index: 4;transition: all .3s;opacity: 0.4;} .pd_part1 .list .item1 .prev::before{content: '';display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/prev_ico1.svg);background-size:100% 100%; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .pd_part1 .list .item1 .next{width: 0.55rem;height: 0.55rem;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;position: absolute;right:1.78rem;bottom:0.82rem;z-index: 4;transition: all .3s;opacity: 0.4;} .pd_part1 .list .item1 .next::before{content: '';display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/next_ico1.svg);background-size:100% 100%; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .pd_part1 .list .item1 .next:hover,.pd_part1 .list .item1 .prev:hover{opacity: 1;} .pd_part2{background-color: #F9FCFF;position: relative;padding:1rem 0;overflow: hidden;z-index: 3;} .pd_part2 .tit{font-family:'hb';position: relative;z-index: 3;} .pd_part2 .list{position: relative;margin-top: 1.1rem;display: flex;flex-wrap: wrap;z-index: 4;} .pd_part2 .list dl{width: calc(100% / 3 - 1.04rem);margin-right: 1.56rem;margin-bottom: 1.3rem;} .pd_part2 .list dl:nth-of-type(3n){margin-right: 0;} .pd_part2 .list dl dt{position: relative;font-family:'hb';padding-bottom: 0.2rem;border-bottom: 1px solid rgba(112,112,112,0.26);margin-bottom: 0.35rem;color: #00397D;} .pd_part2 .list dl dd{color: #333333;font-family:'hl';line-height: 2;} .pd_part2 .bg{position: absolute;bottom:0;overflow:hidden;} .pd_part2 .bg img{display: block;width: 100%;mix-blend-mode: multiply;} .pd_part2 .bg video{position: absolute;top: 15%;opacity:0.4; left: 0;width: 100%;height: 100%;object-fit: cover;} .p_list{padding:2rem 0 1.4rem 0;background-color: #F4F6F9;} .m_p_list{ display: none; } .p_list .item{display: block;width: 100%;height: 5rem;background-size: 100% 100%;position: relative;transition: all .3s;margin-bottom: 0.6rem;} .p_list .item .word{width: 3.7rem;position: absolute;top:50%;transform: translateY(-50%);left:1.1rem;} .p_list .item .word p.en{color: #00397D;font-family: 'mb';margin-bottom: 0.1rem;text-transform: uppercase;} .p_list .item .word p.tit{color: #000000; font-family:'hb';margin-bottom: 0.3rem;} .p_list .item .word p.ms{color: #000000;line-height: 0.3rem;margin-bottom: 0.5rem;} .p_list .item .word .b_btn{width: 1.6rem;border: 1px solid #333333;text-align: center;color: #333333;position: relative;z-index: 2;overflow: hidden;} .p_list .item .word .b_btn:after{content: "";position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #00397D;transition: all 0.2s ease-in-out;z-index: -1;} .p_list .item .word .b_btn span{line-height: 0.48rem;font-family: 'hr'; display: inline-block;padding-right: 0.34rem;background: url(../img/more1.png) no-repeat right center;transition: all 0.5s;background-size: 0.17rem auto;} .p_list .item:hover{box-shadow: 0px 58px 87px rgba(0,57,125,0.19);} .p_list .item:hover .word .b_btn{border-color: #00397D;} .p_list .item:hover .word .b_btn span{padding-right: 0rem;color: #ffffff;} .p_list .item:hover .word .b_btn:after{width: 100%;} .p_list .item:nth-of-type(2n) .word{left:auto;right:1.1rem} .a_part1{padding:1rem 0 1.2rem 0;} .a_part1 .a_part1_1{display: flex;justify-content: space-between;margin-bottom: 0.7rem;} .a_part1 .a_part1_1 .word{width: 4.4rem;} .a_part1 .a_part1_1 .word h4{color: #000000; font-family:'hb';margin-bottom: 0.27rem;} .a_part1 .a_part1_1 .word p{color: #333333;line-height: 2;font-family:'hl';} .a_part1 .a_part1_1 .num{display: flex;flex-wrap:wrap;width:8.8rem;justify-content:space-between;} .a_part1 .a_part1_1 .num .item{ margin-bottom:0.2rem} .a_part1 .a_part1_1 .num .item .xx{ font-family: 'gs';display: flex;align-items: flex-end;line-height:60px;} .a_part1 .a_part1_1 .num .item .xx span{display: block;margin-left: 0.14rem;font-family:'hb';} .a_part1 .a_part1_1 .num .item .xx i{display: block;} .a_part1 .a_part1_1 .num .item .f_22{font-family: hb;line-height: 30px;margin-bottom:0.26rem;} .a_part1 .a_part1_1 .num .item p{font-family:'hl';line-height:1.8;} .a_part1 .a_part1_2{width: 100%;height: 7.04rem;background-repeat: repeat;background-size: cover;display: flex;overflow: hidden;} .a_part1 .a_part1_2 .item{width: 25%;color: #ffffff;text-align: center;height: 100%;border-right: 1px solid rgba(255,255,255,0.2);position: relative;position: relative;} .a_part1 .a_part1_2 .item::before{content: '';display: block;width: 100%;height: 0;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(30px);position: absolute;bottom:0;left:0;transition: all .5s;} .a_part1 .a_part1_2 .item .xx{position: absolute;width: 100%;left:0;bottom:1rem;padding:0 0.25rem;z-index: 4;} .a_part1 .a_part1_2 .item .ico{width: 0.4rem;margin:0 auto 0.26rem;} .a_part1 .a_part1_2 .item .ico img{display: block;width: 0.4rem;} .a_part1 .a_part1_2 .item .word p.tit{font-family:'hb';} .a_part1 .a_part1_2 .item .word p.ms{font-family:'hl';margin-top:0.4rem;line-height: 0.3rem;display: none;} .a_part1 .a_part1_2 .item:hover::before{height: 100%;} .a_part1 .a_part1_2 .item:hover .word p.ms{display: block;} .a_part2{width: 100%;height: 400vh;position: relative;} .a_part2 .height{height: 100vh;} .a_part2 .list{color: #ffffff;width: 100%;height: 320vh;position: sticky;top:0; z-index: 3;} .a_part2 .tit{color: #ffffff;font-family:'hb';position: absolute;top:2.1rem;width: 81.25%;left:9.375%;} .a_part2 .list .item{width: 81.25%;height: 100vh; margin:0 auto;position: sticky;top:2.1rem;} .a_part2 .list .item:nth-child(2){top:2.5rem;} .a_part2 .list .item:nth-child(3){top:2.9rem;} .a_part2 .list .item .ot{ width: 6.2rem;height: 5.2rem;background-color: #00397D;padding:1.12rem 0.76rem 0 0.76rem;float: right;transition:all 0.5s;} .a_part2 .list .item .ico{width: 0.87rem;margin-bottom: 0.88rem;} .a_part2 .list .item .word h3{font-family:'hb';margin-bottom: 0.3rem;} .a_part2 .list .item .word p{line-height: 1.4;} /*.a_part2 .list .item:nth-of-type(2){top:2.2rem;}*/ /*.a_part2 .list .item:nth-of-type(3){top:2.3rem;}*/ .a_part2 .list .item.on .ot{-webkit-transform: scale(0.92);-moz-transform: scale(0.92);-ms-transform: scale(0.92);-o-transform: scale(0.92);transform: scale(0.92);opacity:0.9;} /*.a_part2 .list .item.on2{top:1.8rem!important;}*/ .a_part2 .list .item.on1 .ot{-webkit-transform: scale(0.85);-moz-transform: scale(0.85);-ms-transform: scale(0.85);-o-transform: scale(0.85);transform: scale(0.85);opacity:0.7;} .a_part2 .bg{position: sticky;width: 100%;height: 100vh;background: no-repeat center;background-size: cover;top:0;} .a_part2 .m_bg{ display: none; } .a_part3{width: 100%;height: 100vh;background-repeat: repeat;background-size: cover;position: relative;} .m_a_part3{ display: none; } .a_part3 .tit{color: #ffffff;font-family:'hb';padding-left: 1.85rem;padding-top: 1.4rem;} .a_part3 .ban1{position: relative;padding-left: 1.85rem;color: #ffffff;} .a_part3 .ban1 .swiper-container{position: relative;z-index: 5;padding-bottom: 1.2rem;} .a_part3 .ban1 .swiper-wrapper{width: 19.2rem;height: 4.26rem;position: relative;} .a_part3 .ban1 .swiper-wrapper .swiper-slide{height: 0.4rem;color: #ffffff;font-family:'hb';font-size: 0.24rem;opacity: 0.68;position: relative;z-index:5;} .a_part3 .ban1 .swiper-wrapper .swiper-slide-thumb-active{opacity: 1;font-size: 0.32rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(1){position: absolute;left:0;top:3.8rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(2){position: absolute;left:2.02rem;top:3.1rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(3){position: absolute;left:3.46rem;top:1.12rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(4){position: absolute;left:5.4rem;top:2.1rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(5){position: absolute;left:7rem;top:1.92rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(6){position: absolute;left:9.6rem;top:2.2rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(7){position: absolute;left:12.4rem;top:3.2rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(8){position: absolute;left:14.2rem;top:1.2rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(9){position: absolute;left:15.8rem;top:0.52rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(10){position: absolute;left:17.8rem;top:0.4rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(11){position: absolute;left:17.8rem;top:3.2rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(12){position: absolute;left:18.8rem;top:2.2rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(13){position: absolute;left:20.2rem;top:1.72rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(14){position: absolute;left:21.2rem;top:2.82rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(15){position: absolute;left:22.8rem;top:0rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(16){position: absolute;left:24.4rem;top:0.52rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(17){position: absolute;left:26rem;top:1.82rem;} .a_part3 .ban1 .swiper-wrapper .swiper-slide:nth-of-type(18){position: absolute;left:28.8rem;top:1rem;} .a_part3 .ban1 .swiper-wrapper .bg{width: 39.21rem;height: 3.34rem;background-image: url(../img/a_part3_line2.png);background-size: 39.21rem 3.34rem;z-index: -1;position: absolute;left:0;top:0;opacity:0.5;} .a_part3 .ban1 .swiper-wrapper .bg1{width: 0.25rem;height: 3.34rem;background-image: url(../img/a_part3_line2.png);background-size: 39.21rem 3.34rem;z-index: 2;position: absolute;left:0;top:0;transition: all .3s;} .a_part3 .ban2{width: 81.25%;margin:0 auto;position: relative;color: #ffffff;padding:0 1.3rem;} .a_part3 .ban2 .swiper-container{width: 100%;} .a_part3 .ban2 .swiper-container .swiper-slide{width: 100%;position: relative;} .a_part3 .ban2 .swiper-container .swiper-slide .year{font-size: 0.24rem;font-family:'hb';margin-bottom: 0.22rem;} .a_part3 .ban2 .swiper-container .swiper-slide .ms{font-size: 0.16rem;line-height: 0.3rem;display: flex;width: 100%;} .a_part3 .ban2 .swiper-container .swiper-slide .ms p{width: calc(25% - 0.8625rem);margin-right: 1.15rem;} .a_part3 .ban2 .swiper-container .swiper-slide .ms p:nth-of-type(4){margin-right: 0;} .a_part3 .ban2 .prev{width: 0.55rem;height: 0.55rem;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;position: absolute;left:0;top:50%;transform: translateY(-50%);z-index: 4;background-color: #ffffff;opacity: 0.4;transition: all .3s;} .a_part3 .ban2 .prev::before{content: '';display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/prev_ico1.svg);background-size:100% 100%; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .a_part3 .ban2 .next{width: 0.55rem;height: 0.55rem;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;position: absolute;right:0;top:50%;transform: translateY(-50%);z-index: 4;background-color: #ffffff;opacity: 0.4;transition: all .3s;} .a_part3 .ban2 .next::before{content: '';display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/next_ico1.svg);background-size:100% 100%; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .a_part3 .ban2 .next:hover,.a_part3 .ban2 .prev:hover{opacity: 1;} .a_part4{background-color: #F4F6F9;padding:1.2rem 0;} .a_part4 .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.7rem;} .a_part4 .top .tit{font-family:'hb';} .a_part4 .btn{display: flex;} .a_part4 .prev{width: 0.55rem;height: 0.55rem;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;position: relative;margin-right: 0.18rem;transition: all .3s;opacity: 0.4;} .a_part4 .prev::before{content: '';display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/prev_ico1.svg);background-size:100% 100%; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .a_part4 .next{width: 0.55rem;height: 0.55rem;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;position: relative;transition: all .3s;opacity: 0.4;} .a_part4 .next::before{content: '';display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/next_ico1.svg);background-size:100% 100%; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .a_part4 .swiper-container{background-color: #ffffff;} .a_part4 .swiper-container .swiper-slide{display: flex;align-items: center;justify-content: center;height: 2.03rem;border-right: 1px solid rgba(219,227,237,0.5);border-bottom: 1px solid rgba(219,227,237,0.5);transition: all .3s;} .a_part4 .swiper-container .swiper-slide img{display: block;max-width: 100%;max-height: 100%;} .a_part4 .swiper-container .swiper-slide:hover{box-shadow: 0px 20px 41px rgba(0,0,0,0.09);} .a_part4 .prev:hover,.a_part4 .next:hover{opacity: 1;} .a_part5{position: relative;background-color: #F4F6F9;padding-bottom: 1.6rem;} .a_part5 .bg{position: absolute;top:0;left:0;width:100%;} .a_part5 .bg img{display: block;width: 100%;} .a_part5 .bg .m_img{ display: none; } .a_part5 .w1560{position: relative;z-index: 3;padding-top: 1.38rem;} .a_part5 .w1560 .tit{text-align: center;font-family:'hb';color: #ffffff;margin-bottom: 1.37rem;} .a_part5 .w1560 .xx{display: flex;justify-content: space-between;align-items: flex-start;} .a_part5 .w1560 .xx .left{width: 3.8rem;background-color: #ffffff;padding:0.67rem 0.52rem;} .a_part5 .w1560 .xx .left h3{font-family:'hb';color: #000;line-height: 1.5;} .a_part5 .w1560 .xx .left dl{margin-top: 0.65rem;display: flex;} .a_part5 .w1560 .xx .left dl dt{margin-right: 0.25rem;} .a_part5 .w1560 .xx .left dl dd{line-height: 1.5;} .a_part5 .w1560 .xx .left dl dd p:nth-of-type(2){ font-family: 'gs';} .a_part5 .w1560 .xx .left .ewm{text-align: center;width: 1.86rem;margin:0.72rem auto 0} .a_part5 .w1560 .xx .left .ewm img{display: block;width: 100%;margin-bottom: 0.1rem;} .a_part5 .w1560 .xx .right{width: calc(100% - 0.28rem - 3.8rem);background-color: #ffffff;padding:0.67rem 0.72rem 0.86rem;} .a_part5 .w1560 .xx .right ul{display: flex;flex-wrap: wrap;} .a_part5 .w1560 .xx .right ul li{width: calc(100% / 3 - 0.2rem);margin-right: 0.3rem;margin-bottom: 0.5rem;} .a_part5 .w1560 .xx .right ul li p{display: flex;color: #333333;font-family:'hb';} .a_part5 .w1560 .xx .right ul li p span{color: #ED1C24;display: block;margin-right: 5px;} .a_part5 .w1560 .xx .right ul li input{width: 100%;height:0.48rem;padding:0 0.24rem;border-radius: 2px;border: 1px solid #E2E2E2;margin-top: 0.2rem;} .a_part5 .w1560 .xx .right ul li:nth-of-type(4),.a_part5 .w1560 .xx .right ul li:nth-of-type(5){width: calc(50% - 0.23rem);margin-right: 0.46rem;} .a_part5 .w1560 .xx .right ul li:nth-of-type(3),.a_part5 .w1560 .xx .right ul li:nth-of-type(5){margin-right: 0;} .a_part5 .w1560 .xx .right dl dt{padding-bottom: 0.3rem;border-bottom: 1px solid rgba(226,226,226,0.55);} .a_part5 .w1560 .xx .right dl dt p{display: flex;color: #333333;font-family:'hb';} .a_part5 .w1560 .xx .right dl dt p span{color: #ED1C24;display: block;margin-right: 5px;} .a_part5 .w1560 .xx .right dl dd{padding:0.3rem 0 0;border-bottom: 1px solid rgba(226,226,226,0.55);display: flex;} /*.a_part5 .w1560 .xx .right dl dd p{*/ /* color: #333333;*/ /* font-family:'hm';*/ /* width: 1.32rem;*/ /*}*/ .a_part5 .w1560 .xx .right dl dd .xz_tit { color: #333333; font-family:'hm'; width: 1.32rem; } .a_part5 .w1560 .xx .right dl dd .xz { width: calc(100% - 1.32rem); display: flex; flex-wrap: wrap; } .a_part5 .w1560 .xx .right dl dd .xz p { margin-bottom: 0.3rem; margin-right: .3rem; } .a_part5 .w1560 .xx .right dl dd .xz p:last-child { margin-right: 0; } /*.a_part5 .w1560 .xx .right dl dd .xz label{*/ /* display: block;*/ /* font-family:'hl';*/ /* cursor: pointer;*/ /* width: calc(100% / 6);*/ /* margin-bottom: 0.3rem;*/ /*}*/ .a_part5 .w1560 .xx .right .other{margin-top: 0.5rem;} .a_part5 .w1560 .xx .right .other p{display: flex;color: #333333;font-family:'hb';margin-bottom: 0.2rem;} .a_part5 .w1560 .xx .right .other p.m_p{ display: none; } .a_part5 .w1560 .xx .right .other p span{color: #ED1C24;display: block;margin-right: 5px;} .a_part5 .w1560 .xx .right .other textarea{width: 100%;height: 1.22rem;padding:0.17rem 0.24rem;border-radius: 2px;border: 1px solid #E2E2E2;} .a_part5 .w1560 .xx .right .btn{cursor: pointer;width: 3.75rem;height: 0.5rem;display: flex;justify-content: center;align-items: center;background-color: #00397D;color: #ffffff;font-size: 0.14rem;margin:0.63rem auto 0;border:none;} .a_part5 .w1560 .xx .right .btn i{display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/more.png);background-size: 100% 100%;margin-left: 0.17rem;transition: all .3s;} .a_part5 .w1560 .xx .right .btn:hover i{margin-left: 0.24rem;} .js-m-3.animate {opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);} .search-bg1 {position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;background-color:#f5f5f5;display:none;z-index:998;} .header2 {height:55px;position:fixed; z-index:999;width:100%;display:none;top:0;left:0;} .header2.act{ background:#fff; } .header2 .main-wrap {height:55px;padding:0 0.4rem;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;position: relative;} .header2 .h-right{display: flex;align-items: center;} .header2 .h-right .search{display: block;width: 0.29rem;height: 0.29rem;background-image: url(../img/search.svg);background-size: 100% 100%;position: relative;margin-right: 0.4rem;transition: all .3s;} .header2.act .h-right .search{display: block;width: 0.29rem;height: 0.29rem;background-image: url(../img/search-ico1a.svg);background-size: 100% 100%;position: relative;margin-right: 0.4rem;transition: all .3s;} .header2 .h-right .search::after{content: '';display: block;width: 1px;height: 0.14rem;background-color: rgba(0, 0, 0, 0.27);position: absolute;right:-0.2rem;top:50%;transform: translateY(-50%);transition: all .3s;} .header2 .h-right .lang{position: relative;margin-right: 0.2rem;} .header2 .h-right .lang h3{display: flex;position: relative;align-items: center;cursor: pointer;color:#fff;font-size: 0.14rem;transition: all .3s;} .header2.act .h-right .lang h3{display: flex;position: relative;align-items: center;cursor: pointer;color:#333333;font-size: 0.14rem;transition: all .3s;} .header2 .h-right .lang h3::before{content: '';display: block;width: 0.29rem;height: 0.29rem;background-image: url(../img/lang-ico1.svg);background-size: 100% 100%;margin-right: 0.1rem;} .header2.active .h-right .lang h3::before{content: '';display: block;width: 0.29rem;height: 0.29rem;background-image: url(../img/lang-ico1a.svg);background-size: 100% 100%;margin-right: 0.1rem;} .header2.act .h-right .lang h3::before{content: '';display: block;width: 0.29rem;height: 0.29rem;background-image: url(../img/lang-ico1a.svg);background-size: 100% 100%;margin-right: 0.1rem;} .header2 .h-right .lang h3 i{display: block;width: 0.1rem;height: 0.05rem;background-image: url(../img/down-ico1.svg);background-size: 100% 100%;margin-left: 0.05rem;transition: all .3s;} .header2.act .h-right .lang h3 i{display: block;width: 0.1rem;height: 0.05rem;background-image: url(../img/down-ico1a.svg);background-size: 100% 100%;margin-left: 0.05rem;transition: all .3s;} .header2 .h-right .lang .xl{position: absolute;width: 1rem;left:50%;transform: translateX(-50%);top:0.5rem;display: none;} .header2 .h-right .lang .xl>a{display: block;text-align: center;height: 0.4rem;background-color: #ffffff;line-height: 0.4rem;transition: all .3s;} .header2 .h-right .lang .xl>a:hover{background-color: #00397D;color: #ffffff;} .header2 .logo {overflow:hidden;} .header2 .logo a {display:block;} .header2 .logo img {display:block;height:0.34rem;} .header2 .logo .act_img{ display: none; } .header2.act .logo .comm_img{ display: none; } .header2.act .logo .act_img{ display: block; } .header2 .nav-btn {width:24px;height:18px;position:relative;cursor:pointer;} .header2 .nav-btn .line {display:block;width:100%;height:2px;border-radius:2px;background-color:#fff;position:absolute;} .header2.act .nav-btn .line {display:block;width:100%;height:2px;border-radius:2px;background-color:#333333;position:absolute;} .header2 .nav-btn .line1 {-webkit-transform-origin:left 0px 0;-ms-transform-origin:left 0px 0;transform-origin:left 0px 0;} .header2 .nav-btn .line2 {top:8px;width:75%;} .header2 .nav-btn .line3 {bottom:0;-webkit-transform-origin:left 2px 0;-ms-transform-origin:left 2px 0;transform-origin:left 2px 0;width:90%;} .header2 .sub-menu {width:100%;padding:0 2%;display:none;position:absolute;left:0;top:60px;z-index:2;overflow-y:auto;box-sizing:border-box;} .header2 .sub-menu ul {width:100%;} .header2 .sub-menu li {border-bottom:1px solid #E8E8E8;font-size:16px;width:96%;margin:0 auto;} .header2 .sub-menu .tit {display:block;width:100%;padding:0 3%;line-height:60px;color:#333;position:relative;box-sizing:border-box;font-size:16px;} .header2 .sub-menu .tit>a.tit{display: block;width: 88%;} .header2 .sub-menu .tit i {display:block;width:10px;height:10px;background-image:url(../img/h_add.svg);position:absolute;top:50%;margin-top:-5px;right:3%;transition:all .3s linear;} .header2 .sub-menu .tit.on i {transform:rotate(45deg);} .header2 .sub-menu .sec-list {line-height:40px;padding:10px 4%;display:none;position:relative;} .header2 .sub-menu .sec-list p {background:url(../img/ico_04.png) no-repeat left center;background-size:3px auto;font-size:14px;position:relative;} .header2 .sub-menu .sec-list a {padding-left:3%;color:#666;display:block;} .header2 .sub-menu .sec-list i {display:block;width:10px;height:10px;background-image:url(../img/h_add.svg);position:absolute;top:50%;margin-top:-5px;right:3%;transition:all .3s linear;} .header2 .sub-menu .sec-list .sec-item.on i {transform:rotate(45deg);} .header2 .sub-menu .sec-list .third-list { line-height:40px;padding:10px 4%;display:none; } .header2 .sub-menu .sec-list .third-list p {background:url(../img/ico_04.png) no-repeat left center;background-size:3px auto;font-size:14px;} .header2 .sub-menu .sec-list .third-list a {padding-left:3%;color:#666;display:block;} .header2 .sub-menu .xl{font-size: 16px;line-height: 60px;padding:0 7%;} .header2 .sub-menu .xl a{color: #333;} .header2 .nav-btn.hover .line {background:#262626;} .header2 .nav-btn.hover .line3 {width:100%;} .header2.active .sub-menu{display: block;} .index_con_m{display: none;} .footerm{display: none;} .case1s{position: relative;} .case1{position: relative;top: 0; padding-top: 0.8rem;} .case1 .bj1{position: relative; width: 100%;height: calc(100vh - 0.8rem);background: no-repeat center;background-size: cover;z-index: 2;padding: 0 1.8rem;display: flex;align-items: center;} .case1 .bj1 .txt{width: 5.53rem;margin-top: -10%;} .case1 .bj1 .txt .h{font-family: hb;color: #000000;line-height: 0.52rem;margin-bottom: 0.42rem;} .case1 .bj1 .txt .p{font-family: hl;color: #000000;line-height: 0.3rem;} .case1 .bj2{position:relative; width: 100%;background: no-repeat center bottom;background-size: 100% auto;background-color: #ffffff;display:flex;justify-content:space-between;align-items:center;padding:1.36rem 1.8rem;z-index:2;overflow:hidden;} .case1 .bj2 video{position: absolute;top: -1%;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;opacity:0.4;} /*.case1 .bj2 .txt{position: absolute;top: 1.36rem;left: 1.8rem;width: 4.86rem;}*/ .case1 .bj2 .txt{position:relative;width: 5.3rem;} .case1 .bj2 .pic{width: 7.7rem;display:flex;align-items:center;justify-content:center;background-color:#ffffff;box-shadow:0 5px 3.2vw rgba(0,57,125,0.11);} .case1.ding3 .bj2 .txt{top: 1.36rem!important;opacity: 1!important;} .case1 .bj2 .txt .tit{font-family: hb;color: #000000;line-height: 0.52rem;margin-bottom: 0.86rem;} .case1 .bj2 .txt li{display: flex;align-items: center;margin-bottom: 0.54rem;} .case1 .bj2 .txt li .icon{width: 0.66rem;height: 0.66rem;margin-right: 0.4rem;} .case1 .bj2 .txt li .txt1{width: calc(100% - 1.06rem);} .case1 .bj2 .txt li .txt1 .h1{font-family: hb;color: #333333;line-height: 0.26rem;} .case1 .bj2 .txt li .txt1 .p{font-family: hr;color: #333333;line-height: 1.5;margin-top: 0.08rem;} .case1 .pic_box1{position: absolute;top: 86%;left: 40.4%;width: 6.74rem;transform: translate(-50%,-50%) scale(0.3);z-index: 3;} /*.case1.ding .pic_box1{transform: translate(-50%,-50%) scale(1)!important;top: 53%!important;left: 49%!important;}*/ /*.case1.ding1 .pic_box1{opacity: 0;}*/ .case1 .pic_box2{position: relative;z-index: 4;opacity: 1;display:table;margin:0vh auto;margin-bottom:2vh;width:100%;} .case1 .pic_box3{position: relative;display: table;margin: 0 auto;} .case1 .pic_box3>img{display: block;margin: 0 auto;} .case1.ding1 .pic_box2{opacity: 1;} .case1 .pic_box2 .icon_box{position: absolute;transform: translate(-50%,-50%); width: 0.3rem;height: 0.3rem;cursor: pointer;z-index: 2;transition: all 0.5s;} .case1.ding2 .pic_box2 .icon_box{opacity: 0;} .case1.ding3 .pic_box2{left: 72%!important;} .case1 .pic_box2 .icon_box .yuan{width: 100%;height: 100%;border-radius: 50%;background-color: #00397D;display: flex;align-items: center;justify-content: center;} .case1 .pic_box2 .icon_box .yuan:before{content:"";width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);animation: boderM1 2.3s infinite;background-color:#00397D;border-radius:50%;} @keyframes boderM1 { 0% {width: 0.28rem;height: 0.28rem; opacity: 0} 20% {opacity: 0.3} 75% {width: 0.5rem;height: 0.5rem;opacity: 0} 100% {opacity: 0} } .case1 .pic_box2 .icon_box .solid{height: 1px;position: absolute;bottom: 0.15rem;left: 0.15rem;background: url(../img/case1_solid.png)left top;background-size: 2.46rem;z-index: -1;transition: all 0.5s;pointer-events: none;} .case1 .pic_box2 .icon_box.left .solid{height: 1px;position: absolute;bottom: 0.15rem;right: 0.15rem;left:auto; background: url(../img/case1_solid.png)left top;background-size: 2.46rem;z-index: -1;transition: all 0.5s;pointer-events: none;} .case1 .pic_box2 .icon_box.on .solid{width: 0!important;} .case1 .pic_box2 .icon_box:hover{z-index:20;} .case1 .pic_box2 .icon_box:hover .solid{pointer-events: auto;} .case1 .pic_box2 .item{position: absolute;top: -1.5rem;width: 3.36rem;text-align: center;opacity: 0;transition: all 0.5s;pointer-events: none;padding:0.1rem;padding-bottom:0.2rem;} .case1 .pic_box2 .icon_box:hover .item{top: -1.3rem;opacity: 1;pointer-events: auto;} .case1 .pic_box2 .item .h{font-family: hb;line-height: 0.32rem;margin-top: 0.2rem;color: #111111;text-align:center;} .case1 .pic_box2 .item .h1{font-family: hr;line-height: 0.32rem;margin-top: 0.2rem;color: #111111;text-align:center;} .case2{padding: 0.65rem 0;background-color: #F2F7FB;} .case2 .tit{text-align: center;line-height: 0.52rem;font-family: hb;color: #000000;margin-bottom: 0.77rem;} .case2 img{display: block;margin: 0 auto;} .case2 img.m_img{ display: none; } .case3{background: #ffffff;} .case3 .boxs{display: flex;justify-content: space-between;flex-wrap:wrap;} .case3 .boxs .box{width: 30%;position: relative;transition: all .3s;margin-bottom:1.3vw;} .case3 .boxs .box .pics{width: 100%;overflow: hidden;margin-bottom:0.27rem;} .case3 .boxs .box .pics .pic{width: 100%;height: 2.82rem;background: no-repeat center;background-size: cover;transition:all 0.5s;} .case3 .boxs .box:hover .pics .pic{transform:scale(1.05);} .case3 .boxs .box .txt{color: #111111;font-family: 'hb';margin-bottom: 0.27rem;line-height: 0.32rem;height: 0.64rem;} .case3 .boxs:after{content:"";width: 30%;height: 0;} .fc_btn{position: fixed;bottom: 40px;right: 30px;width: 4vw;z-index:998;cursor:pointer;} .fc_btn>img{width: 100%;} .fc_con{position: fixed;bottom: 0px;right: 0px;display: none;z-index:999;width:365px;} .fc_con.show{display: block;} .fc_con .top{padding: 30px 25px 25px 25px;background:url(../img/fct_bj.png)no-repeat right bottom;background-size:134px 108px;background-color:#EFEFEF;} .fc_con .top .p{font-size: 14px;line-height: 22px;color: #000000;margin-bottom: 21px;font-family:hr;} .fc_con .top .tel{line-height: 30px;font-size: 18px;color: #00397D;padding-left: 40px;background: url(../img/fc_tel.png)no-repeat left center;background-size: 30px 30px;} .fc_con .top .tel.em{margin-bottom: 16px;background-image:url(../img/fc_em.png);} .fc_con .bottom{padding: 28px 16px 24px 25px;background-color:#ffffff;} .fc_con .bottom .input{margin-bottom: 30px;} .fc_con .bottom .name{font-size: 14px;line-height: 18px;padding-left: 26px;background: no-repeat left center;background-size: 18px auto;color:#333333;font-family:hr;margin-bottom:14px;} .fc_con .bottom .input input{width: 100%;line-height: 38px;border: 1px solid #DBE2EA;border-radius: 2px;background-color: #F9FAFC;font-size:14px;padding:0 12px;} .fc_con .bottom .input textarea{width: 100%;line-height: 38px;border: 1px solid #DBE2EA;border-radius: 2px;background-color: #F9FAFC;font-size:14px;padding:0 12px;header:78px;} .fc_con .bottom .btn{width: 100%;line-height: 40px;color: #ffffff;background-color: #00397D;text-align: center;} .fc_con .bottom .btn.hide{opacity: 0.6;pointer-events: none;} .fc_con .bottom .out{margin: 0 auto;margin-top: 18px;width: 1.6vw;cursor:pointer;display:block;} @media screen and (min-width: 1922px) { html{font-size: 130px!important;} } @media screen and (max-width: 1680px) { html{font-size: 86px!important;} } @media screen and (max-width: 1560px) { html{font-size: 82px!important;} .nd_con .top .h{font-size: 24px;line-height: 32px;} } @media screen and (max-width: 1440px) { html{font-size: 75px!important;} .mod1 .pics{padding: 2rem 0;} } @media screen and (max-width: 1366px) { html{font-size: 71px!important;} } @media screen and (max-width: 1280px) { html{font-size: 66px!important;} } @media screen and (max-width: 1024px) { html{font-size: 60px!important;} .w1560{ width: 89.3333%; } .header{display: none;} .header2{display: block;} .index_con{display: none;} .index_con_m{display: block;} .footer{display: none;} .footerm{display: block;} .index_part1m{width: 100%;} .index_part1m .swiper-slide{position: relative; height: calc(100vh - 0.8rem); background: no-repeat center; background-size: cover; } .index_part1m .swiper-slide .img{width: 100%;} .index_part1m .swiper-slide .img img{display: block;width: 100%;} .index_part1m .swiper-slide .word{color: #ffffff;width: 100%;padding:0 0.4rem;position: absolute; left:0;top:5.05rem;font-size: 0.4rem;line-height: 1.5;font-family:'hb';} .index_part1m .swiper-pagination{bottom:1.3rem;} .index_part1m .swiper-pagination .swiper-pagination-bullet{background-color: #ffffff;} .index_part2m{padding:1.5rem 0.4rem;} .index_part2m .tit{font-size: 0.46rem;font-family:'hb';margin-bottom: 0.5rem;} .index_part2m .ms{font-size: 0.26rem;line-height: 2;font-family:'hl';margin-bottom: 0.6rem;} .index_part2m .img{width: 100%;margin-bottom: 0.68rem;} .index_part2m .img img{display: block;width: 100%;} .index_part2m .list{} .index_part2m .list .item{display: block;width: 100%;margin-bottom: 0.2rem;position:relative;} .index_part2m .list .item img{display: block;width: 100%;} .index_part2m .list .item:last-of-type{margin-bottom: 0;} .index_part2m .list .item .txt{ position:absolute;top:0; color: #fff; padding: 0.24rem; } .index_part2m .list .item .txt .b_h{ margin-bottom: 0.16rem; } .index_part2m .list .item .txt .p3{ line-height: 1.5; } .index_part3m{padding:1.25rem 0.4rem;background-image: url(../img/index_part3m_bg.jpg);background-size: cover;} .index_part3m .tit{font-family:'hb';font-size: 0.46rem;margin-bottom: 0.52rem;} .index_part3m .ms{font-size: 0.26rem;line-height: 2;font-family:'hl';margin-bottom: 0.8rem;} .index_part3m .list{width: 100%;} .index_part3m .list dl{width: 100%;backdrop-filter: blur(100px);transition: all .3s;margin-bottom: 0.3rem;} .index_part3m .list dl:last-of-type{margin-bottom: 0;} .index_part3m .list dl dt{text-align: center;padding:0.5rem 0;color: #ffffff;} .index_part3m .list dl dt img{display: block;height: 0.55rem;margin:0 auto;} .index_part3m .list dl dt p{margin-top: 0.17rem;font-weight: bold;} .index_part3m .list dl dd{padding-bottom: 0.4rem;display: none;} .index_part3m .list dl dd a{height: 0.6rem; display: flex;justify-content: center; align-items: center;transition: all .3s;} .index_part3m .list dl dd a img{display: block;width: 0.25rem;margin-right: 0.1rem;} .index_part3m .list dl dd a p{font-family: 'hl';color:#ffffff;margin-right: 0.3rem;width: 1.2rem;} .index_part3m .list dl dd a i{display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/more.png);background-size: 100% 100%;opacity: 0;transition: all .3s;} .index_part3m .list dl dd a:hover{background-color: #00397D;} .index_part3m .list dl dd a:hover i{opacity: 1;} .index_part3m .list dl:nth-of-type(3){margin-right: 0;} .index_part3m .list dl.active{background-color: rgba(0, 0, 0, 0.45);backdrop-filter: blur(0px);} .index_part3m .list dl.active dd{display: block;} .index_part4m{padding:1.5rem 0;background-image: url(../img/index_part4m_bg.jpg);background-size: cover;} .index_part4m .tit{font-family:'hb';font-size: 0.46rem;margin-bottom: 0.52rem;padding-left: 0.4rem;} .index_part4m .swiper-slide{display: block;background-color: #ffffff;position: relative;} .index_part4m .swiper-slide::after{content: '';display: block;width: 0;height: 2px;background-color: #00397D;position: absolute;left:0;bottom:0;transition: all .3s;} .index_part4m .swiper-slide .img{width: 100%;overflow: hidden;} .index_part4m .swiper-slide .img img{display: block;width: 100%;transition: all .3s;} .index_part4m .swiper-slide .word{padding:0.3rem 0.36rem;} .index_part4m .swiper-slide .word .time{color: #999999;margin-bottom: 0.18rem;} .index_part4m .swiper-slide .word .title{color: #111111;font-weight: bold;margin-bottom: 0.2rem;} .index_part4m .swiper-slide .word .ms{color: #111111;line-height: 0.32rem;height: 0.64rem;margin-bottom: 0.4rem;} .index_part4m .swiper-slide .word .more{width: 1.6rem;height: 0.5rem;display: flex;align-items: center; color: #333333;font-size: 0.14rem;transition: all .3s;} .index_part4m .swiper-slide .word .more i{display: block;width: 0.19rem;height: 0.1rem;background-image: url(../img/more1.png);background-size: 100% 100%;margin-left: 0.1rem;} .index_part4m .swiper-pagination{position: relative;bottom:auto;margin-top: 0.73rem;;} .index_part4m .swiper-pagination .swiper-pagination-bullet{background-color: #979797;} .footerm{background-color: #202020;padding:0.4rem;} .footerm .f_m_nav{margin-bottom: 0.8rem;} .footerm .f_m_nav .item{position: relative;padding:0.47rem 0;border-bottom: 1px solid rgba(210,210,210,0.5);} .footerm .f_m_nav .item h3{display: flex;align-items: center;justify-content: space-between; color: #ffffff;font-size: 0.28rem;} .footerm .f_m_nav .item h3 i{display: block;width: 0.2rem;height: 0.2rem;background-image: url(../img/f_m_nav_ico.svg);background-size: 100% 100%;} .footerm .f_m_nav .item .xl{display: none;margin-top: 0.2rem;} .footerm .f_m_nav .item .xl a{color: #ffffff; display: block;width: 100%;font-size: 0.24rem;line-height: 2;} .footerm .f_m_nav .item .xl .sec-item p{ display: flex; align-items: center; justify-content: space-between; color: #ffffff; font-size: 0.28rem; padding-left: 0.2rem; } .footerm .f_m_nav .item .xl .sec-item i {display: block;width: 0.2rem;height: 0.2rem;background-image: url(../img/f_m_nav_ico.svg);background-size: 100% 100%;} .footerm .f_m_nav .item .xl .sec-item .third-list {display: none;} .footerm .f_m_nav .item .xl .sec-item .third-list p{ padding-left: 0.4rem; } .footerm .f_m_tel{text-align: center;color: #ffffff;margin-bottom: 1.3rem;} .footerm .f_m_tel p{font-size: 0.26rem;margin-bottom: 0.12rem;} .footerm .f_m_tel h3{font-size: 0.5rem;font-family:'hb';margin-bottom: 0.5rem;} .footerm .f_m_tel .ewm{width: 1.77rem;height: 1.77rem;border: 1px solid #E5E5E5;margin:0 auto;display: flex;align-items: center;justify-content: center;} .footerm .f_m_tel .ewm img{display: block;width: 1.55rem;height: 1.55rem;} .footerm .f_m_bottom{text-align: center;font-size: 0.22rem;color: rgba(255, 255, 255, 0.5);line-height: 1.5;} .footerm .f_m_bottom a{color: rgba(255, 255, 255, 0.5);} .ny-banner .img .pc_img{ display: none; } .ny-banner .img .m_img{ display: block; } .ny-banner .word h3{ font-size: 0.46rem; } .a_part1 .a_part1_1{ flex-direction: column; } .a_part1 .a_part1_1 .word h4{ margin-bottom: 0.42rem; } .a_part1 .a_part1_1 .word{ margin-bottom: 0.36rem; width: 100%; } .a_part1 .a_part1_1 .num .item{ width: 30%; } .a_part1 .a_part1_1 .num{ width: 100%; } .a_part1 .a_part1_2{ flex-direction: column; padding: 1.5rem 0; height: 11.33rem; } .a_part1 .a_part1_2 .item{ width: 100%; height: 0.5rem; padding: 0 0.44rem; margin-bottom: 1.05rem; } .a_part1 .a_part1_2 .item:hover{ height: 3.09rem; padding: 0.5rem 0; } .a_part1 .a_part1_2 .item .xx{ display: flex; bottom: 50%; transform: translateY(50%); } .a_part1 .a_part1_2 .item .ico{ margin: 0 0.5rem 0 0; } .a_part2{ height: 17.05rem; } .a_part2 .bg{ display: none; } .a_part2 .m_bg{ display: block; position: relative;width: 100%;height: 16.02rem;background: no-repeat center;background-size: cover;top:0; } .a_part2 .tit{ top: 1.3rem; } .a_part2 .list{ position: absolute; top: 2.4rem; height: 14.02rem; } .a_part2 .list .item{ position: unset; display: flex; justify-content: center; margin-bottom: 0.3rem; height: 4.02rem; } .a_part2 .list .item .ot{ padding: 0.7rem 0.76rem 0 0.76rem; width: 6.7rem; height: 100%; } .a_part2 .list .item .ico{ margin-bottom: 0.6rem; } .a_part3{ display: none; } .m_a_part3{ display: block; } .m_a_part3 .box{ height: 9.23rem; } .m_a_part3 .top{ margin-top: 0.6rem; } .m_a_part3 .top .list .item{ display: none; height: 5.88rem; color: #fff; padding: 0.88rem 0.73rem; } .m_a_part3 .top .list .item .content{ height: 4rem; overflow: auto; } .m_a_part3 .top .list .item.act{ display: block; } .m_a_part3 .top .list .item .year{ font-size: 0.4rem; margin-bottom: 0.4rem; } .m_a_part3 .top .list .item p{ font-size: 0.26rem; margin-bottom: 0.25rem; line-height: 2; width: 100%; } .m_a_part3 .bottom{ /*margin: 0 5%;*/ overflow: hidden; } .m_a_part3 .bottom .item{ display: flex; align-items: center; flex-direction: column; color: rgba(255,255,255,0.68); font-size: 0.24; } .m_a_part3 .bottom .item .point img{ width: 0.36rem; height: 0.36rem; } .m_a_part3 .bottom .item .num{ margin-top: 0.15rem; height: 0.4rem; line-height: 0.4rem; } .m_a_part3 .bottom .item .point{ position: relative; } .m_a_part3 .bottom .item .point::after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 5rem; height: 1px; background-color: #385377; z-index: -1; } .m_a_part3 .bottom .swiper-slide-active.item{ color: #fff; font-size: 0.3rem; } .m_a_part3 .btn{ position: absolute; width: 100%; left: 0; bottom: 0.89rem; display: flex; justify-content: center; align-items: center; } .m_a_part3 .btn .prev, .m_a_part3 .btn .next { height: 0.72rem; width: 0.72rem; } .m_a_part3 .btn .prev{ background: url(../img/arrl.svg) no-repeat center rgba(255,255,255,0.4); margin-right: 0.4rem; } .m_a_part3 .btn .next { background: url(../img/arrr.svg) no-repeat center rgba(255,255,255,0.4); } .a_part4 .btn{ display: none; } .a_part5{ padding-bottom: 1rem; } .a_part5 .bg .pc_img{ display: none; } .a_part5 .bg .m_img{ display: block; } .a_part5 .w1560{ padding-top: 0.94rem; } .a_part5 .w1560 .tit{ font-size: 0.46rem; text-align: left; margin-bottom: 0.27rem; } .a_part5 .w1560 .content{ line-height: 2; color: #fff; margin-bottom: 0.79rem; } .a_part5 .w1560 .xx .left{ display: none; } .a_part5 .w1560 .xx .right{ width: 100%; padding: 0.5rem 0.36rem; } .a_part5 .w1560 .xx .right ul li{ width: calc((100% - 0.4rem) / 2); margin-bottom: 0.37rem; } .a_part5 .w1560 .xx .right ul li:nth-child(2n){ margin-right: 0; } .a_part5 .w1560 .xx .right ul li:nth-child(3){ margin-right: 0.3rem; } .a_part5 .w1560 .xx .right ul li:nth-child(4){ width: calc((100% - 0.4rem) / 2); } .a_part5 .w1560 .xx .right ul li:nth-child(5){ width: 100%; } .a_part5 .w1560 .xx .right ul li input{ padding: 0 0.2rem; font-size: 0.12rem; color: #E2E2E2; } .a_part5 .w1560 .xx .right dl dd .xz label{ width: calc(100% / 2); margin-top: 0.3rem; display: flex; align-items: center; } .a_part5 .w1560 .xx .right dl dd .xz label:nth-child(1), .a_part5 .w1560 .xx .right dl dd .xz label:nth-child(2){ margin-top: 0; } .a_part5 .w1560 .xx .right dl dd .xz label input{ margin-right: 0.16rem; } .a_part5 .w1560 .xx .right .other p{ display: none; } .a_part5 .w1560 .xx .right .other p.m_p{ display: flex; } .a_part5 .w1560 .xx .right .other .txt{ color: #666; margin-bottom: 0.19rem; } .a_part5 .w1560 .xx .right .other textarea{ height: 1.68rem; } .a_part5 .w1560 .xx .right .btn{ margin: 0.4rem auto 0; } .p_list{ display: none; } .m_p_list{ display: block; padding: 2rem 0 1.5rem 0; background-color: #F4F6F9; } .m_p_list .item { display: block; width: 100%; height: 8.76rem; background-size: 100% 100%; position: relative; transition: all .3s; margin-bottom: 0.6rem; padding: 0.5rem 0.94rem; } .m_p_list .item .en{ color: #00397D; font-size: 0.24rem; line-height: 2; font-weight: bold; } .m_p_list .item .tit{ font-size: 0.46rem; margin-bottom: 0.3rem; font-weight: bold; } .m_p_list .item .ms{ line-height: 2; margin-bottom: 0.46rem; } .m_p_list .item .word .b_btn { width: 2.2rem; border: 1px solid #333333; text-align: center; color: #333333; position: relative; z-index: 2; overflow: hidden; } .m_p_list .item .word .b_btn span { line-height: 0.56rem; font-family: 'hr'; display: inline-block; padding-right: 0.34rem; background: url(../img/more1.png) no-repeat right center; transition: all 0.5s; background-size: 0.17rem auto; } /*.m_p_list .item:hover .word .b_btn {*/ /* background-color: #00397D;*/ /*}*/ /*.m_p_list .item:hover .word .b_btn span {*/ /* padding-right: 0rem;*/ /* color: #ffffff;*/ /*}*/ .case1 .bj1{ padding: 0 0.4rem; } .case1 .bj1 .txt{ width: 100%; } .case1 .pic_box2{ margin-bottom: 0; } .case1 .pic_box2 .icon_box{ position: unset; transform: translate(0,0); width: 89%; height: 1.68rem; margin:0 auto 0.6rem; } .case1 .pic_box2 .icon_box .yuan, .case1 .pic_box2 .icon_box.left .solid{ display: none; } .case1 .pic_box2 .icon_box .item{ opacity: 1; display: flex; position: unset; width: 100%; align-items: center; } .case1 .pic_box2 .icon_box .item .pic img{ width: 2.73rem; height: 100%; } .case1 .pic_box2 .icon_box .item .text{ } .case1 .pic_box2 .item .h{ text-align: left; font-size: 0.32rem; font-weight: bold; } .case1 .pic_box2 .item .h1{ width: 3.4rem; text-align: left; font-size: 0.24rem; } .case1 .bj2{ flex-direction: column-reverse; padding: 1.2rem 0.4rem; } .case1 .bj2 .pic{ width: 100%; margin-bottom: 0.9rem; } .case1 .bj2 .txt li:last-child{ margin-bottom: 0; } .case2{ padding: 0 0.4rem 1.8rem; background-color: #FFF; } .case2 .tit{ text-align: left; } .case2 img.pc_img{ display: none; } .case2 img.m_img{ display: block; } .case2 img{ width: 100%; } .case3 .boxs .box .txt{ font-size: 0.24rem; height: auto; line-height: 2; } .case3 .boxs .box{ width: 100%; } .case3 .boxs{ width: 100%; } .p_part1{ position: unset; } .p_part1 .tab{ justify-content: start; overflow: auto; } .p_part1 .tab a{ margin: 0 0 0 0.57rem; white-space: nowrap; height: 0.4rem; } .p_part1 .tab a::before{ bottom: 0.07rem; } .p_part1 .tab a:last-child{ margin-right: 0.57rem; } .p_part1 .list .item1 .img{ width: 100%; } .p_part1 .list .item1 .dian{ position: unset; } .p_part1 .list .item1 .dian .item{ flex-direction: row-reverse !important; position: unset !important; align-items: center; justify-content: start; height: 0.64rem; padding-left: 0.4rem; margin-bottom: 0.4rem; } .p_part1 .list .item1 .dian .item .ico{ width: 0.55rem; height: 0.55rem; } .p_part1 .list .item1 .dian .item .word{ margin-left: 0.3rem !important; margin-right: 0!important; display: flex; width: calc(100% - 0.94rem); } .p_part1 .list .item1 .dian .swiper-container .swiper-slide-active{ } .p_part1 .list .item1 .dian .item i{ display: none; } .n_part1 .list .item{ width: 100%; padding: 0; } .s_part1 .list .item .prev{ left: 50%; top: auto; bottom: -0.3rem; transform: translateX(-150%); } .s_part1 .list .item .next{ right: 50%; top: auto; bottom: -0.3rem; transform: translateX(150%); } .s_part2 .w1560{ padding: 0.75rem 0.4rem; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .s_part2 .w1560 form ul li{ width: 100%; margin-right: 0 !important; } } @media screen and (max-width: 668px) { }