*{ outline:0 none !important; blur:expression(this.onFocus=this.blur()); } 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; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;color: #1f1f1f;} textarea,select{ outline:none; color:#666; font-size:0.14rem; width:100%;} textarea{ resize:none; } img{border:none;max-width: 100%;} img[src=""]{opacity: 0;} i{font-style: normal;} /* 婊氬姩鏉℃牱寮 */ *::-webkit-scrollbar{ width:4px;height: 1px;} *::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.4);} *::-webkit-scrollbar-track{ background:#000;} /*鍘绘帀 input 榛樿杈规*/ input{padding: 0;border: 0;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: 'mb'; src: url("../font/manrope-bold-2.otf"); } @font-face { font-family: 'mm'; src: url("../font/manrope-medium-5.otf"); } @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"); } .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_48 { font-size: 0.48rem; } .f_50 { font-size: 0.5rem; } .f_55 { font-size: 0.55rem; } .f_56 { font-size: 0.56rem; } .f_60 { font-size: 0.6rem; } .f_62 { font-size: 0.62rem; } .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; } .w1740{width:90.625vw;position: relative;margin: 0 auto;} .w1360{width:70.83vw;position: relative;margin: 0 auto;} .header{position: fixed;top: 0;left: 0;width: 100%;background: linear-gradient(to bottom, #00000050,transparent );z-index: 999;transition: all 0.5s;} .header .con{padding: 0 1.6rem;border-bottom: 1px solid rgba(255,255,255,0.3);display: flex;justify-content: space-between;align-items: center;transition:all 0.5s} .header .img2{display: none;} .header .logo img{height: 0.36rem;transform: translateY(0.07rem);} .header .con .right{display: flex;align-items: center;} .header .con .right .nav{display: flex;margin-right: 1.5rem;} .header .con .right .nav>li{margin-left:0.36rem;} .header .con .right .nav>li>a{display: block;line-height: 0.22rem;padding: 0.45rem 0.14rem 0.33rem 0.14rem;font-weight: 400;color: #FFFFFF;position: relative;} .header .con .right .nav>li>a:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0%;height: 0.03rem;background-color: #FF6300;} .header .con .right .nav>li.on>a:after{width: 100%;} .header .con .right .ser{width: 0.22rem;height: 0.22rem;transform: translateY(0.06rem);} .header .con .right .solid{width: 1px;height: 0.08rem;background-color: rgba(255,255,255,0.4);transform: translateY(0.06rem);margin: 0 0.2rem;} .header .con .right .lag{position: relative;transform: translateY(0.06rem);} .header .con .right .lag .h{color: #ffffff;line-height: 0.22rem;padding-left: 0.28rem;background: url(../img/lag1.png)no-repeat left center;background-size: 0.22rem 0.22rem;} .header .con .right .lag ul{display: none;} .header.on{background: #ffffff;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.11);} .header.on .img1{display: none;} .header.on .img2{display: block;} .header.on .con .right .nav>li>a{color: #333333;} .header.on .con .right .lag .h{background-image: url(../img/lag2.png);} .header.on .con .right .solid{background-color: rgba(0, 0, 0, 0.4);} .header.on .con .right .lag .h{color: #333333;} .header.on1{background: transparent;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0);} .header.on1 .img2{display: none;} .header.on1 .img1{display: block;} .header.on1 .con .right .nav>li>a{color: #ffffff;} .header .con .right .nav>li .xl{ display: none; position: fixed; top: 1rem; left: 0; width: 100vw; height: 4rem; background-color: #FFF; padding: 0.6rem 2.6rem; box-shadow: 0 0 30px rgba(0,0,0,.1); } .header .con .right .nav>li .xl .inner{ display: flex; justify-content: space-between; align-items: start; } /*涓€鑸殑涓嬫媺*/ .header .con .right .nav>li .xl .inner .xleft{ display: flex; flex-wrap: wrap; width: 7rem; } .header .con .right .nav>li .xl .inner .xleft .item{ display: flex; align-items: center; font-size: 0.16rem; margin-bottom: 0.6rem; width: 25%; cursor: pointer; } .header .con .right .nav>li .xl.pro .inner .xleft .item{ width: 100%; } .header .con .right .nav>li .xl .inner .xleft .item:nth-child(4n){ margin-right: 0; } .header .con .right .nav>li .xl .inner .xleft .item:hover, .header .con .right .nav>li .xl .inner .xleft .item.act{ color: #FF6300; } .header .con .right .nav>li .xl .inner .xleft .item i{ background-image: url('../img/arr.png'); background-size: cover; width: 0.22rem; height: 0.22rem; margin-left: 0.08rem; } .header .con .right .nav>li .xl .inner .xleft .item:hover i, .header .con .right .nav>li .xl .inner .xleft .item.act i{ background-image: url('../img/arra.png'); } .header .con .right .nav>li .xl .xright{ width: 5.72rem; height: 2.8rem; } .header .con .right .nav>li .xl .xright img{ width: 100%; max-height: 100%; } /*浜у搧涓嬫媺*/ .header .con .right .nav>li .xl.pro{ height: 6.61rem; } .header .con .right .nav>li .xl.pro .inner{ height: 5.45rem; } .header .con .right .nav>li .xl.pro .inner .xleft{ width: 3rem; display: block; height: 100%; overflow: auto; border-right: 1px solid #D8D8D8; margin-right: 1.2rem; padding: 0.1rem 0; } .header .con .right .nav>li .xl.pro .inner .xleft a{ margin-right: 0; margin-bottom: 0.6rem; } .header .con .right .nav>li .xl.pro .xright{ width: calc(100% - 3rem); height: 100%; overflow: auto; } .header .con .right .nav>li .xl.pro .xright .pro_list { display: none; flex-wrap: wrap; } .header .con .right .nav>li .xl.pro .xright .pro_list.act{ display: flex; } .header .con .right .nav>li .xl.pro .xright .pro_list .pro{ margin-right: 0.6rem; margin-bottom: 0.6rem; display: flex; align-items: center; justify-content: center; flex-direction: column; } .header .con .right .nav>li .xl.pro .xright .pro_list .pro:nth-child(3n){ margin-right: 0; } .header .con .right .nav>li .xl.pro .xright .pro_list .pro .img{ width: 2.88rem; height: 2.04rem; display: flex; align-items: center; justify-content: center; margin-bottom: 0.16rem; background-color: #ededed; border-radius: 0.12rem; } .header .con .right .nav>li .xl.pro .xright .pro_list .pro .img img{ width: 100%; } .header .con .right .nav>li .xl.pro .xright .pro_list .pro .txt{ font-size: 0.16rem; line-height: 1.5; } .header.on1 .con .right .lag .h{background-image: url(../img/lag1.png);} .header.on1 .con .right .solid{background-color: rgba(255,255,255,0.4);} .header.on1 .con .right .lag .h{color: #ffffff;} .header:hover{background: #ffffff;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.11);} .header:hover .img1{display: none;} .header:hover .img2{display: block;} .header:hover .con .right .nav>li>a{color: #333333;} .header:hover .con .right .lag .h{background-image: url(../img/lag2.png);} .header:hover .con .right .solid{background-color: rgba(0, 0, 0, 0.4);} .header:hover .con .right .lag .h{color: #333333;} .header.on2 .con{transform: translateY(-110%);} .header.on2:hover .con{transform:translateY(0);} .header.nd{background: #ffffff;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.11);} .header.nd .img1{display: none;} .header.nd .img2{display: block;} .header.nd .con .right .nav>li>a{color: #333333;} .header.nd .con .right .lag .h{background-image: url(../img/lag2.png);} .header.nd .con .right .solid{background-color: rgba(0, 0, 0, 0.4);} .header.nd .con .right .lag .h{color: #333333;} .m_header{display: none;} .mh_nav{display: none;} .banners{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%); -webkit-mask-image: url(../img/index.svg); overflow: hidden; -webkit-mask-size: 100% 100%, 100% 100%;height: 400vh;width: 400vw;z-index:20;} .banners.hid{opacity: 0;transition: all 0.5s;} .banner{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100vw; overflow: hidden;height: 100vh;background: no-repeat center;background-size: cover;} .banner video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .banners .banner img{ display: none; } .i_part1{height: 100vh;position: sticky;top: 0;} .i_part1 .tit{position: absolute;top: 60%;left: 0;transform: translateY(-50%);width: 100%;text-align: center;font-weight: 600;color: #333333;line-height: 0.95rem;opacity: 0;transition: all 0.5s;} .i_part1.show .tit{top: 50%;opacity: 1;} .i_part1 svg{position: absolute;bottom: 0.5rem;left: 0;width: 100%;} .i_part2{position: relative;height: 100vh;margin-top: 550vh;z-index: 2;background-color: #ffffff;} .i_part2::before { content: ""; position: absolute; bottom: 99%; width: 100%; height: 50vh; background: linear-gradient(#ffffff30,#ffffff80, #ffffff); filter: blur(5.2694px); z-index: -1; } .i_part2 .tit{position: absolute;top: 18.52vh;font-weight: 600;color: #FFFFFF;line-height: 0.42rem;z-index: 2;text-align: center;width: 100%;} .i_part2 .pics{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .i_part2 .pics .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;background:no-repeat center;background-size:cover;} .i_part2 .pics .pic.on{opacity: 1;} .i_part2 .boxs{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;display: flex;color: #ffffff;} .i_part2 .boxs .box{width: 2.32rem;transition: all 0.5s;padding: 0 1rem 0 0.49rem;color: #ffffff;border-left: 1px solid rgba(255,255,255,0.4);position: relative;overflow: hidden;} .i_part2 .boxs .box .txt{position: absolute;bottom: 1rem;width: calc(100% - 2.4rem);} .i_part2 .boxs .box .h{font-weight: 600;color: #FFFFFF;line-height: 0.42rem;} .i_part2 .boxs .box .h1{width: 0.31rem;} .i_part2 .boxs .box .h2{width: 3.8rem;display: none;} .i_part2 .boxs .box .p{display: none;width: 4.8rem;} .i_part2 .boxs .box .btn{display: none;width: 1.86rem;} .i_part2 .boxs .box.on{width: 7.6rem;padding: 0 0.8rem 0 1.6rem;} .i_part2 .boxs .box.on .h{width: 100%;margin-bottom: 0.2rem;} .i_part2 .boxs .box.on .p{display: block;font-weight: 400;color: #FFFFFF;line-height: 0.32rem;height:0.64rem; margin-bottom: 0.72rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .i_part2 .boxs .box.on .btn{display: block; line-height: 0.64rem;border-radius: 0.08rem;background-color: #FF6300;text-align: center;color: #ffffff;transition: all 0.5s;} .i_part2 .boxs .box.on .btn:hover{opacity: 0.7;} .i_part2 .boxs .box.on .btn span{display: inline-block;padding-right: 0.3rem;background: url(../img/ip2_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;} .i_part2 .boxs .box.on .h1{display: none;} .i_part2 .boxs .box.on .h2{display: block;} .st0{fill:none;} .st1{fill:none;stroke:#525252;stroke-miterlimit:10;} .st2{fill:none;stroke:#525252;stroke-width:2;stroke-miterlimit:10;} @keyframes offset { to { stroke-dashoffset: 0; } } .i_part1.show #First{ animation: offset 1.5s 0.5s linear forwards; } #First { stroke-dasharray: 3500; stroke-dashoffset: -3500; } .i_part3{position: relative;height: 100vh;padding: 24vh 0 0 1.6rem;z-index: 2;background:url(../img/ip3_bj.png)no-repeat center;background-size:cover; background-color: #ffffff;} .i_part3 .left{width: 8.6rem;position:relative;z-index:2;} .i_part3 .left .txt{margin-bottom: 1.3rem;} .i_part3 .left .txt .h{font-weight: 600;color: #333333;line-height: 0.66rem;margin-bottom: 0.32rem;} .i_part3 .left .txt .p{font-weight: 400;color: #666666;line-height: 0.32rem;width: 6.12rem;margin-bottom: 0.68rem;} .i_part3 .left .txt .btn{width:1.88rem;line-height: 0.64rem;border: 1px solid #FF6300;border-radius: 0.08rem;text-align: center;} .i_part3 .left .txt .btn:hover{opacity: 0.7;} .i_part3 .left .txt .btn span{display: inline-block;padding-right: 0.3rem;background: url(../img/ip3_btn.png)no-repeat right center;color: #FF6300; background-size: 0.2rem 0.2rem;} .i_part3 .left .icon_box{display: flex;justify-content: space-between;width: 8.6rem;} .i_part3 .left .icon_box .icon{width: 0.8rem;margin-bottom: 0.15rem;} .i_part3 .left .icon_box .p{display: block;align-items:flex-end;} .i_part3 .left .icon_box .p .ntm{ margin-bottom: 0.1rem; color: #FF6300; } .i_part3 .left .icon_box .p .no{ font-size: 0.24rem; } .i_part3 .left .icon_box .p {font-family: Arial;font-weight:600;line-height: 1;transform: translateY(0.06rem);margin-right: 0.07rem;} .i_part3 .right{position: absolute;top: 18.52vh;right: 1.6rem;width: 8.48rem;} .i_part4{position: relative;height: 100vh;background: url(../img/ip4_bj.png)no-repeat center;background-size: cover;padding: 16.66vh 1.58rem 0 1.6rem;display: flex;justify-content: space-between;align-items: flex-start;} .i_part4 .left{width: 7.2rem;} .i_part4 .left .tit{font-weight: 600;color: #333333;line-height: 0.66rem;margin-bottom: 0.4rem;} .i_part4 .left .p{font-weight: 600;color: #999999;line-height: 0.36rem;margin-bottom: 1rem;} .i_part4 .left .btn{display: block;width: 1.86rem; line-height: 0.64rem;border-radius: 0.08rem;background-color: #FF6300;text-align: center;color: #ffffff;transition: all 0.5s;} .i_part4 .left .btn:hover{opacity: 0.7;} .i_part4 .left .btn span{display: inline-block;padding-right: 0.3rem;background: url(../img/ip2_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;} .i_part4 .right{width: 7.2rem;height: 6.9rem; display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;} .i_part4 .right .box{width:3.4rem;text-align: center;} .i_part4 .right .box>div{padding: 0.8rem 0;background: #FFFFFF; box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.11);border-radius: 0.4rem;opacity: 0.9;} .i_part4 .right .box:nth-child(2)>div,.i_part4 .right .box:nth-child(4)>div{transform: translateY(0.6rem);} .i_part4 .right .box:nth-child(3)>div{transform: translateY(-0.6rem);} .i_part4 .right .box:nth-child(2)>div,.i_part4 .right .box:nth-child(3)>div{padding: 1.1rem 0;} .i_part4 .right .box>div .h{font-weight: 600;color: #FF6300;margin-bottom: 0.16rem;} .i_part4 .right .box>div .h span{font-family:Arial;font-weight: 600;color: #FF6300;} .i_part4 .right .box>div .p{font-weight: 400;color: #333333;line-height: 0.24rem;} .i_part5{position: relative;height: 100vh;padding: 1.2rem 1.6rem 0 1.6rem;background-color: #ffffff;} .i_part5 .top{display: flex;width: 100%;justify-content: space-between;align-items: center;margin-bottom: 0.5rem;} .i_part5 .top .tit{font-weight: 600;color: #333333;line-height: 0.66rem;} .i_part5 .top .btn_box{width: 1.36rem;display: flex;justify-content: space-between;} .i_part5 .top .btn_box>div{width: 0.56rem;height: 0.46rem;border-radius: 0.23rem;display: flex;justify-content: center;align-items: center;background-color: #DDDDDD;cursor: pointer;transition: all 0.5s;} .i_part5 .top .btn_box>div:hover{background-color: #FF6300;} .i_part5 .box{position: relative;width: 100%;overflow: hidden;padding: 30px 0;} .i_part5 .box .swiper-slide{position: relative;background-color: #ffffff;border-radius:0.24rem;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.11);} .i_part5 .box .swiper-slide>div{padding: 0.72rem 0.6rem 0.36rem 0.6rem;position: relative;overflow: hidden;} .i_part5 .box .swiper-slide>div .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.5s;background: url(../img/ip5_bj1.png);background-size: 100% 100%;background-color: #fff;padding: 0.72rem 0.6rem 0.36rem 0.6rem;color: #ffffff;border-radius:0.24rem;opacity: 0;} .i_part5 .box .swiper-slide>div:hover .txt{opacity: 1;} .i_part5 .box .swiper-slide>div .txt .day1{font-family: Arial;line-height: 0.18rem;margin-bottom: 0.29rem;} .i_part5 .box .swiper-slide>div .txt .h1{font-weight: 600;line-height: 0.32rem;height: 0.64rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.2rem;} .i_part5 .box .swiper-slide>div .txt .p1{font-weight: 400;line-height: 0.32rem;height: 0.96rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 2.4rem;} .i_part5 .box .swiper-slide>div .txt .btn1{display: block;width: 1.86rem; line-height: 0.64rem;border-radius: 0.08rem;background-color: #ffffff;text-align: center;color: #FF6300;transition: all 0.5s;} .i_part5 .box .swiper-slide>div .txt .btn1:hover{opacity: 0.7;} .i_part5 .box .swiper-slide>div .txt .btn1 span{display: inline-block;padding-right: 0.3rem;background: url(../img/ip3_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;} .i_part5 .box .swiper-slide .day{font-family: Arial;color: #FF6300;line-height: 0.18rem;margin-bottom: 0.25rem;} .i_part5 .box .swiper-slide .h{font-weight: 600;color: #333333;line-height: 0.32rem;height: 0.64rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.2rem;} .i_part5 .box .swiper-slide .pics{width: 100%;overflow: hidden;} .i_part5 .box .swiper-slide .pics .pic{width: 100%;height: 2.65rem;background: no-repeat center;background-size: cover;margin-bottom: 0.72rem;} .i_part5 .box .swiper-slide .btn{display: block;width: 1.86rem; line-height: 0.64rem;border-radius: 0.08rem;background-color: #FF6300;text-align: center;color: #ffffff;transition: all 0.5s;} .i_part5 .box .swiper-slide .btn:hover{opacity: 0.7;} .i_part5 .box .swiper-slide .btn span{display: inline-block;padding-right: 0.3rem;background: url(../img/ip2_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;} .footer{padding: 0 1.8rem;background: url(../img/footer_bj.png)no-repeat center;background-size: cover;z-index: 21;position: relative;} .footer .top{display: flex;justify-content: space-between;padding: 0.8rem 0 0.7rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);} .footer .top .left{width: 11rem;display: flex;justify-content: space-between;} .footer .top .left ul li a{color: rgba(255,255,255,0.7);line-height: 0.2rem;margin-bottom: 0.1rem;} .footer .top .left ul li:last-child a{margin-bottom: 0;} .footer .top .left ul li:first-child a{font-size: 0.18rem;line-height: 0.26rem;color: #fff;margin-bottom: 0.36rem;} .footer .top .right{width: 2.7rem;color: #ffffff;opacity: 0.7;} .footer .top .right li{display: flex;line-height: 0.2rem;font-weight: 400;margin-bottom: 0.2rem;} .footer .top .right li span:nth-child(1){width: 0.52rem;white-space: nowrap;} .footer .top .right li span:nth-child(2){width:2.28rem;} .footer .bottom{display: flex;justify-content: space-between;align-items: center;padding: 0.45rem 0 0.37rem 0;color:rgba(255,255,255,0.7);} .footer .bottom .left{display: flex;align-items: center;color: rgba(255,255,255,0.7);} .footer .bottom .left .f_logo img{height: 0.36rem;transform: translateY(0.06rem);margin-right: 0.6rem;} .footer .bottom a{color: rgba(255,255,255,0.7);transition: all 0.5s;} .footer .bottom a:hover{color: #ffffff;} .footer .bottom .right{display: flex;} .footer .bottom .right a{width: 0.38rem;margin-left: 0.22rem;position:relative;} .footer .bottom .right a .ewm{ position: absolute; left: 50%; top: -0.1rem; transform: translate(-50%,-100%); width: 2rem; height: 2rem; background-color: #FFF; opacity: 0; z-index: -1; transition: all .5s; } .footer .bottom .right a:hover .ewm{ opacity: 1; z-index: 99; } .footer .back{position:fixed;z-index:30; right: 0;bottom: 2rem;transform: translateX(2rem);transition:all .5s;} .footer .back .item{ width: 0.84rem;padding: 0.2rem 0; background-color: #FF6300;display: flex;flex-direction: column; justify-content: center;align-items: center;cursor:pointer; margin-bottom: 0.1rem; color: #fff; } .footer .back .item .txt{ margin-top: 0.1rem; font-size: 0.14rem; text-align: center; } .footer .back img{width: 0.32rem;} .footer .back.act{transform: translateX(0); } /* 鍐呴〉鍏叡 */ .ny_banner{position: relative;height: 36.46vw;background: no-repeat center;background-size: cover;} .ny_banner video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index:2;} .ny_banner .txt{position: absolute;top: 15.625vw;left: 0;width: 100%;text-align: center;z-index:5;} .ny_banner .txt .h{font-weight: 600;color: #FFFFFF;line-height: 0.78rem;margin-bottom: 0.15rem;} .ny_banner .txt .p{font-weight: 600;color: #FFFFFF;line-height: 0.25rem;letter-spacing: 0.15rem;text-transform:uppercase;} .ny_banner .txt .p1{font-weight: 400;color: #FFFFFF;line-height: 0.32rem;} .ny_banner input{width: 360px;max-width: 90%;line-height: 0.5rem;padding: 0 0.15rem;background-color: transparent;border: 1px solid #fff; color:#ffffff;border-radius:0.08rem;color:#ffffff;font-size:0.18rem;} .ny_banner .input input::-webkit-input-placeholder { /* WebKit browsers锛寃ebkit鍐呮牳娴忚鍣 */ color: rgba(255,255,255,0.8); font-family: hl; } .ny_banner .input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255,255,255,0.8); font-family: hl; } .ny_banner .input input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255,255,255,0.8); font-family: hl; } .ny_banner .input input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: rgba(255,255,255,0.8); font-family: hl; } .ny_tab{position: relative;padding: 0.3rem 0;background-color: #F8F8F8;} .ny_tab.nd{margin-top: 6.93vw;background-color: transparent;} .ny_tab ul{display: flex;width: 100%;justify-content: center;} .ny_tab ul li{margin: 0 0.6rem;font-weight: 400;line-height: 0.22rem;} .ny_tab ul li a{color: #333333;} .ny_tab ul li.on a{color: #FF6300;} .ny_tab .right_btn{position: absolute;top: 50%;right: 1.6rem;transform: translateY(-50%);display: flex;align-items: center;padding-left: 0.2rem;background: url(../img/home.png)no-repeat left center;background-size: 0.2rem 0.2rem;font-weight: 400;line-height: 0.2rem;} .ny_tab .right_btn>a{display: flex;align-items: center;color: #333333;} .ny_tab .right_btn span{display: block;width: 0.2rem;height: 0.2rem;background: url(../img/ny_jt.png);background-size: 100% 100%;} /* 鍏充簬鎴戜滑 */ .ab1{padding: 1.6rem 2.8rem;background: url(../img/ab1_bj.png)no-repeat center;background-size: cover;} .ab1 .h{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.4rem;} .ab1 .p{font-weight: 400;color: #666666;line-height: 0.36rem;} .ab2 .box{height: 40.9vw;background: no-repeat center;background-size: cover;position: relative;color: #ffffff;margin-bottom: 0.2rem;} .ab2 .box video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .ab2 .box:last-child{margin-bottom: 0;} .ab2 .box .txt{position: absolute;top: 12.5vw;left: 2.8rem;width: 5.56rem;} .ab2 .box:nth-child(2n) .txt{left: auto;right: 1.8rem;text-align:right;} .ab2 .box .txt .h{font-weight: 600;line-height: 0.56rem;margin-bottom: 0.18rem;} .ab2 .box .txt .p{font-weight: 400;line-height: 0.36rem;opacity: 0.87;margin-bottom: 0.4rem;} .ab2 .box .txt ul{display: flex;font-weight: 600;line-height: 0.28rem;justify-content:end;} .ab2 .box .txt ul li{padding-right: 0.48rem;position: relative;} .ab2 .box .txt ul li:after{content: "";position: absolute;right: 0.24rem;top:0.07rem;width: 1px;height: 0.14rem;background-color: rgba(255,255,255,0.7);} .ab2 .box .txt ul li:last-child{padding-right: 0;} .ab2 .box .txt ul li:last-child:after{display: none;} .ab2 .kuang{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 20;} .ab2 .kuang1{position: absolute;top: 0;left: 0;width: 100%;height: 1.2rem;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;} .ab2 .kuang2{position: absolute;bottom: 0;left: 0;width: 100%;height: 1.2rem;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;transform-origin: 50% 100%;} .ab2 .kuang3{position: absolute;top: 0;left: 0;width: 2rem;height: 100%;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 0 50%;-moz-transform-origin: 0 50%;-ms-transform-origin: 0 50%;-o-transform-origin: 0 50%;transform-origin: 0 50%;} .ab2 .kuang4{position: absolute;top: 0;right: 0;width: 2rem;height: 100%;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 100% 50%;-moz-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;-o-transform-origin: 100% 50%;transform-origin: 100% 50%;} .ab2 .kuang1.on{-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);} .ab2 .kuang2.on{-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);} .ab2 .kuang3.on{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);} .ab2 .kuang4.on{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);} /* 浼佷笟鏂囧寲 */ .cul_con{height: 43.75vw;display: flex;background: no-repeat center;background-size: cover;} .cul_con .box{width: calc(100% / 3);height: 100%;position: relative;text-align: center;} .cul_con .box::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000000;opacity: 0;transition: all 0.5s;} .cul_con .box.on::after{opacity: 0.15;} .cul_con .box .txt{top: 22.9vw;left: 0;position: absolute;width: 100%;z-index: 2;transition: all 0.5s;} .cul_con .box .txt .h{font-weight: 600;color: #FFFFFF;line-height: 0.5rem;margin-bottom: 0.2rem;} .cul_con .box.on .txt{top: 20.83vw;} .cul_con .box .txt .p{font-weight: 400;color: #FFFFFF;line-height: 0.32rem;display: none;} .cul_con .box.on .txt .p{display: block;} /* 鍙戝睍鍘嗙▼ */ .his_con{min-height: 58vh;background: no-repeat center;background-size: cover;padding: 1rem 1.5rem 1.34rem 1.5rem;position: relative;} .his_con .top{display: flex;padding: 0 0.5rem;margin-bottom: 0.5rem;} .his_con .top .year{font-family: Arial;font-weight: 600;color: #FFFFFF;line-height: 1.3rem;background: linear-gradient(270deg, #FFC099 0%, #FF6300 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-right: 1.28rem;} .his_con .top .txt{margin-top: 0.4rem;position: relative;overflow: hidden;} .his_con .top .txt .swiper-slide{opacity: 0!important;transition: all 0.5s;display:flex;justify-content:space-between;} .his_con .top .txt .swiper-slide .left{ width: 58%; } .his_con .top .txt .swiper-slide .txt1{width: 100%;margin-bottom: 0.24rem;} .his_con .top .txt .swiper-slide .img1{width: 42%;} .his_con .top .txt .swiper-slide-active{opacity: 1!important;} .his_con .top .txt .swiper-slide .p{font-weight: 400;color: #333333;line-height: 0.28rem;margin-bottom: 0.46rem;padding-left: 0.63rem;background: url(../img/his_jt.png)no-repeat left center;background-size: 0.23rem auto;} .his_con .top .txt .swiper-slide .p:last-child{margin-bottom: 0;} .his_con .bottom{position: absolute;left: 1.5rem;width: calc(100% - 3rem);bottom:1.34rem;padding: 0 1rem;} .his_con .bottom::before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #A7A7A7;} .his_con .bottom .prev,.his_con .bottom .next{position: absolute;width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #EFEFEF;display: flex;justify-content: center;align-items: center;top: 0;transform: translateY(-50%);cursor: pointer;transition: all 0.5s;} .his_con .bottom .prev img,.his_con .bottom .next img{width: 0.32rem;} .his_con .bottom .prev:hover,.his_con .bottom .next:hover{background-color: #FF6300;} .his_con .bottom .prev{left: 0.5rem;} .his_con .bottom .next{right: 0.5rem;} .his_con .bottom .prev .img2,.his_con .bottom .next .img2{display: none;} .his_con .bottom .prev:hover .img2,.his_con .bottom .next:hover .img2{display: block;} .his_con .bottom .prev:hover .img1,.his_con .bottom .next:hover .img1{display: none;} .his_con .bottom .bottom1{position: absolute;top: -0.16rem;left: 1rem;width: calc(100% - 2rem); overflow: hidden;text-align: center;} .his_con .bottom .bottom1 .swiper-slide{padding-top: 0.08rem;cursor:pointer;} .his_con .bottom .bottom1 .swiper-slide .dian{position: relative;width: 0.16rem;height: 0.16rem;border-radius: 50%;margin: 0 auto;margin-bottom: 0.23rem; border: 0.04rem solid #FF6300;background-color: #ffffff;} .his_con .bottom .bottom1 .swiper-slide .dian::before{content: "";position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 0.32rem;height: 0.32rem;border-radius: 50%;background-color: #FF6300;opacity: 0.2;width: 0;height: 0;transition: all 0.5s;} .his_con .bottom .bottom1 .swiper-slide-active .dian::before{width: 0.32rem;height: 0.32rem;} /* 鑽h獕璧勮川 */ .ho_con{padding: 1rem 0;} .ho_con .box{display: flex;margin-bottom: 0.6rem;} .ho_con .box:nth-child(2n){flex-flow:row-reverse;} .ho_con .box:last-child{margin-bottom: 0;} .ho_con .box .pic{width: 12.8rem;display: flex;justify-content: center;align-items: center;background-color: #F0F0F0;height: 5.9rem;} .ho_con .box .txt{width: 6.4rem;padding: 0.82rem 2.8rem 0 1.12rem;} .ho_con .box:nth-child(2n) .txt{width: 6.4rem;padding: 0.82rem 1.12rem 0 2.8rem;} .ho_con .box .txt p{ line-height: 1.5; } .ho_con .box .txt .h{font-weight: 600;color: #333333;line-height: 0.46rem;padding-left: 0.62rem;background: no-repeat left center;background-size: 0.45rem 0.45rem;margin-bottom: 0.5rem;} .ho_con .box .txt .h1{font-weight: 600;color: #FF6300;line-height: 0.2rem;display: flex;align-items: flex-end;margin-bottom: 0.26rem;} .ho_con .box .txt .h1 span{font-family: Arial;font-weight: 600;color: #FF6300;line-height: 0.74rem;transform: translateY(0.1rem);} .ho_con .box .txt ul{font-weight: 400;color: #666666;line-height: 0.36rem;height: 2.88rem; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;} /* 鏂伴椈鍒楄〃 */ .nl_con{padding: 1.2rem 2rem;} .nl_con .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 0.6rem;} .nl_con .boxs:after{content:"";width: 4.8rem;height:0;} .nl_con .boxs .box{width: 4.4rem;padding: 0.5rem 0.5rem 0.4rem 0.5rem;background-color: #ffffff;transition: all 0.5s;border-radius: 0.16rem;margin-bottom: 0.4rem;position: relative;} .nl_con .boxs .box:after{content: "";position: absolute;bottom: 0;left: 0.5rem;width: calc(100% - 1rem);height: 1px;background-color: #D8D8D8;} .nl_con .boxs .box:hover:after{opacity: 0;} .nl_con .boxs .box:hover{box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1);} .nl_con .boxs .box .pics{width: 100%;overflow: hidden;margin-bottom: 0.32rem;border-radius: 0.16rem;} .nl_con .boxs .box .pics .pic{width: 100%;height: 2.34rem;background: no-repeat center;background-size: cover;transition: all 0.5s;} .nl_con .boxs .box:hover .pics .pic{transform: scale(1.05);} .nl_con .boxs .box .txt .h{font-weight: 600;color: #333333;line-height: 0.36rem;height: 0.8rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 0.6rem;} .nl_con .boxs .box .txt .bottom{display: flex;justify-content: space-between;align-items: center;} .nl_con .boxs .box .txt .bottom .day{font-family: Arial;color: #999999;line-height: 0.18rem;} .nl_con .boxs .box .txt .bottom .more{font-weight: 600;color: #333333;line-height: 0.22rem;transition: all 0.5s;} .nl_con .boxs .box:hover .txt .bottom .more{color: #FF6300;} .nl_con .page{display: flex;justify-content: center;} .nl_con .page a{display: block;width: 0.48rem;line-height: 0.48rem;border-radius: 0.04rem;text-align: center;margin: 0 0.06rem;color: #333;transition: all 0.5s;} .nl_con .page a:hover{color: #ffffff;background-color: #FF6300;} .nl_con .page a.on{color: #ffffff;background-color: #FF6300;} .nl_con .page a.btn{color: #FF6300;border: 1px solid #FF6300;line-height: 0.46rem;} .nl_con .page a.btn:hover{color: #fff;} /* 鏂伴椈璇︽儏 */ .nd_con{padding: 1.3rem 2rem 1.2rem 2rem;} .nd_con .con{position: relative;} .nd_con .con .left{float: left;width: 11rem;} .nd_con .con .left .top{padding-bottom: 0.5rem;border-bottom: 1px solid #D8D8D8;margin-bottom: 0.5rem;} .nd_con .con .left .top .tit{font-weight: 600;color: #333333;line-height: 0.4rem;margin-bottom: 0.2rem;} .nd_con .con .left .top .day{font-family: Arial;color: #999999;line-height: 0.18rem;} .nd_con .con .left .con1{padding-bottom: 0.5rem;border-bottom: 1px solid #EEEEEE;} .nd_con .con .left .con1 .p{font-weight: 400;color: #666666;line-height: 0.28rem;margin-bottom: 0.5rem;} .nd_con .con .left .con1 .p:last-child{margin-bottom: 0;} .nd_con .con .left .con1 img{width: 100%;margin-bottom: 0.25rem;margin-top:0.25rem;height:auto!important;} .nd_con .con .left .con1 .h{margin-bottom: 0.2rem;font-weight: 600;color: #333333;line-height: 0.28rem;} .nd_con .con .left .bottom{display: flex;justify-content: space-between;align-items: center;padding: 0.24rem 0 0 0;} .nd_con .con .left .bottom .b_left{width: 70%;} .nd_con .con .left .bottom .b_left a{display: block;font-weight: 400;color: #666666;line-height: 0.22rem;height:0.22rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-bottom: 0.2rem;transition: all 0.5s;} .nd_con .con .left .bottom .b_left a:hover{color: #FF6300;} .nd_con .con .left .bottom .b_left a:last-child{margin-bottom: 0;} .nd_con .con .left .bottom .b_right{display: flex;align-items: center;} .nd_con .con .left .bottom .b_right span{font-weight: 400;color: #666666;line-height: 0.22rem;} .nd_con .con .left .bottom .b_right a{display: block;width: 0.36rem;height: 0.36rem;margin-left: 0.16rem;position: relative;} .nd_con .con .left .bottom .b_right a a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin-left: 0;} .social-share .icon-wechat,.social-share .icon-qq,.social-share .icon-weibo{border: transparent;} .social-share .icon-wechat:hover,.social-share .icon-qq:hover,.social-share .icon-weibo:hover{background-color: transparent;} .social-share .icon-wechat:before,.social-share .icon-qq:before,.social-share .icon-weibo:before{color: transparent;} .nd_con .con .left .bottom .b_right a img{width: 100%;} .nd_con .con .left .bottom .b_right a .img2{display: none;} .nd_con .con .left .bottom .b_right a:hover .img2{display: block;} .nd_con .con .left .bottom .b_right a:hover .img1{display: none;} .nd_con .con .right{float: right;width: 3rem;position: sticky;top: 1.3rem;} .nd_con .con .right .tit{padding: 0.63rem 0 0.24rem 0;border-bottom: 1px solid #D8D8D8;font-weight: 600;color: #333333;line-height: 0.4rem;} .nd_con .con .right .item{display: block;padding: 0.2rem 0;border-bottom: 1px solid #D8D8D8;} .nd_con .con .right .item .h{font-weight: 600;color: #333333;line-height: 0.28rem;max-height: 0.56rem;margin-bottom: 0.16rem;transition: all 0.5s;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .nd_con .con .right .item:hover .h{color: #FF6300;} .nd_con .con .right .item .day{font-family: Arial;color: #999999;line-height: 0.18rem;} /* 鎶曡祫鑰呭叧绯 */ .inv1{padding: 1.2rem 2rem 0.8rem 2rem;} .inv1 .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.5rem;} .inv1 .top .tit{font-weight: 600;color: #333333;line-height: 0.56rem;} .inv1 .top ul{display: flex;} .inv1 .top ul li a{font-weight: 600;color: #333333;line-height: 0.32rem;opacity: 0.5;margin-left: 0.5rem;} .inv1 .top ul li a:hover,.inv1 .top ul li.on a{opacity: 1;} .inv1 .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;} .inv1 .boxs:after{content: "";width: 4.8rem;height: 0;} .inv1 .boxs .box{display: block;width: 4.8rem;border-radius: 0.16rem;background: #FFFFFF;color: #333333; box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1);padding: 0.4rem;margin-bottom: 0.4rem;transition: all 0.5s;} .inv1 .boxs .box:hover{background: url(../img/pdf_bj.png)no-repeat center;background-size: cover;background-color: #FF6300;color: #fff;} .inv1 .boxs .box .day{font-weight: 600;line-height: 0.32rem;margin-bottom: 0.24rem;} .inv1 .boxs .box .h{font-weight: 600;line-height: 0.32rem;height: 0.64rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.18rem;} .inv1 .boxs .box .a_bottom{display: flex;justify-content: space-between;align-items: flex-end;} .inv1 .boxs .box .a_bottom span{font-weight: 600;color: #666666;line-height: 0.22rem;} .inv1 .boxs .box:hover .a_bottom span{color: #fff;} .inv1 .boxs .box .a_bottom .img{width: 0.32rem;} .inv1 .boxs .box .a_bottom .img .img2{display: none;} .inv1 .boxs .box:hover .a_bottom .img .img1{display: none;} .inv1 .boxs .box:hover .a_bottom .img .img2{display: block;} .inv1 .page{display: flex;justify-content: center;} .inv1 .page a{display: block;width: 0.48rem;line-height: 0.48rem;border-radius: 0.04rem;text-align: center;margin: 0 0.06rem;color: #333;transition: all 0.5s;} .inv1 .page a:hover{color: #ffffff;background-color: #FF6300;} .inv1 .page a.on{color: #ffffff;background-color: #FF6300;} .inv1 .page a.btn{color: #FF6300;border: 1px solid #FF6300;line-height: 0.46rem;} .inv1 .page a.btn:hover{color: #fff;} .inv2{padding: 1rem 2rem 1rem 2rem;background-color: #F7F7F7;} .inv2 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.5rem;} .inv2 .con{display: flex;justify-content: space-between;} .inv2 .con .pics{width: 7.6rem;overflow: hidden;} .inv2 .con .pics .pic{height: 100%;background: no-repeat center;background-size: cover;transition: all 0.5s;min-height:5.8rem;} .inv2 .con .pics:hover .pic{transform: scale(1.05);} .inv2 .con .txts{width: 6.6rem;} .inv2 .con .txts .item{display: flex;justify-content: space-between;align-items: center; padding:0 0 0.15rem 0;border-bottom: 1px solid #D8D8D8;margin-bottom: 0.2rem;} .inv2 .con .txts .item .h{width: calc(100% - 110px);font-weight: 400;color: #333333;line-height: 0.28rem;transition: all 0.5s;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .inv2 .con .txts .item .h:hover{color: #FF6300;} .inv2 .con .txts .item .day{width: 110px;text-align: right;font-family: Arial;color: #666666;} .inv2 .con .txts .page{display: flex;justify-content: flex-start;} .inv2 .con .txts .page a{display: block;width: 0.48rem;line-height: 0.48rem;border-radius: 0.04rem;text-align: center;margin: 0 0.06rem;color: #333;transition: all 0.5s;} .inv2 .con .txts .page a:hover{color: #ffffff;background-color: #FF6300;} .inv2 .con .txts .page a.on{color: #ffffff;background-color: #FF6300;} .inv2 .con .txts .page a.btn{color: #FF6300;border: 1px solid #FF6300;line-height: 0.46rem;} .inv2 .con .txts .page a.btn:hover{color: #fff;} .inv3{padding: 1.2rem 2rem;} .inv3 .tit{font-weight: 600;margin-bottom: 0.7rem; color: #333333;line-height: 0.56rem;} .inv3 .con{display: flex;justify-content: space-between;align-items: center;} .inv3 .con .left{width: 6.1rem;} .inv3 .con .left .h{font-weight: 600;color: #333333;line-height: 0.4rem;margin-bottom: 0.36rem;} .inv3 .con .left .p{font-weight: 400;color: #666666;line-height: 0.36rem;} .inv3 .con .right{width: 7.6rem;padding: 0.5rem 0.6rem;background: url(../img/inv3_bj.png)no-repeat center;background-size: cover;} .inv3 .con .right .h{font-weight: 600;color: #333333;line-height: 0.4rem;margin-bottom: 0.76rem;} .inv3 .con .right .h1{font-weight: 600;color: #333333;line-height: 0.24rem;margin-bottom: 0.1rem;} .inv3 .con .right .tel{font-family:Arial;font-weight: 600;color: #333333;line-height: 0.34rem;} /* 鑱旂郴鎴戜滑 */ .con_con{padding: 1.2rem 2rem 1rem 2rem;position: relative;} .con_con .left{float: left;width: 9.14rem;} .con_con .left .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.4rem;} .con_con .left .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 0.1rem;margin-bottom: 0.3rem; border-bottom: 1px dashed #D8D8D8;} .con_con .left .boxs:after{content: "";width: 26%;} .con_con .left .boxs .box{width: 26%;margin-bottom: 0.2rem;} .con_con .left .boxs .tit1{display: block;width: 100%;margin-bottom: 0.2rem;} .con_con .left .boxs .box .icon{width: 0.48rem;margin-bottom: 0.2rem;} .con_con .left .boxs .box .h{font-weight: 600;color: #333333;line-height: 0.24rem;margin-bottom: 0.12rem;} .con_con .left .boxs .box .p{font-weight: 400;color: #666666;line-height: 0.28rem;} .con_con .left .bottom{padding-top: 0.2rem;} .con_con .left .bottom form{display: flex;justify-content: space-between;flex-wrap: wrap;} .con_con .left .bottom form .input{width: 4.18rem;margin-bottom: 0.32rem;} .con_con .left .bottom form .input .name{font-weight: 400;color: #333333;line-height: 0.22rem;margin-bottom: 0.12rem;} .con_con .left .bottom form .input .name span{color: #F52323;} .con_con .left .bottom form .input input{width: 100%;line-height: 0.48rem;border-radius: 0.04rem;border: 1px solid #D8D8D8;padding: 0 0.25rem;} .con_con .left .bottom form .input textarea{width: 100%;line-height: 0.48rem;border-radius: 0.04rem;border: 1px solid #D8D8D8;padding: 0 0.25rem;} .con_con .left .bottom form .input1{width: 100%;} .con_con .left .bottom form input[type="submit"]{width: 1.4rem;height: 0.48rem;background: #FF6300;border-radius: 0.08rem;text-align: center;color: #fff;} .con_con .right{float: right;width: 5.36rem;position: sticky;top: 1.2rem;height: 6.18rem;background: no-repeat center;background-size: cover;} .con_con .right .map{width: 2.48rem;position: absolute;top: 2.28rem;left: 1.44rem;z-index: 2;} .con_con .right .map:after{content: ""; position: absolute;bottom: 0.14rem;left: 50%;z-index: -1; transform: translateX(-50%); width: 0.18rem;height: 0.18rem;background: #FF6300;border-radius: 50%;} .con_con .right .map:before{content: ""; position: absolute;bottom: 0.07rem;left: 50%;z-index: -1; transform: translateX(-50%); width: 0.32rem;height: 0.32rem;background: #FF6300;border-radius: 50%;opacity: 0.5;} /* 妗堜緥鍒楄〃 */ .case_con{padding: 0 2rem;height: 100vh;display: flex;align-items: center;background: no-repeat center;background-size: cover;} .case_con .tit{font-weight: 600;color: #FFFFFF;line-height: 0.68rem;margin-bottom: 0.2rem;} .case_con>div{width: 10.16rem;} .case_con .p{font-weight: 400;color: #FFFFFF;line-height: 0.28rem;margin-bottom: 0.72rem;} .case_con .tit1{font-weight: 600;color: #FFFFFF;line-height: 0.32rem;margin-bottom: 0.2rem;} .case_con .boxs{width: 100%;display: flex;margin-bottom: 0.72rem;} .case_con .boxs .box{width: 3.12rem;margin-right: 0.4rem;} .case_con .boxs .box:last-child{margin-right: 0;} .case_con .boxs .box .pics{width: 100%;overflow: hidden;border-radius: 0.16rem;margin-bottom: 0.2rem;} .case_con .boxs .box .pics .pic{width: 100%;height: 1.92rem;background: no-repeat center;background-size: cover;transition: all 0.5s;} .case_con .boxs .box:hover .pics .pic{transform: scale(1.05);} .case_con .boxs .box .txt{text-align: center;font-weight: 600;color: #FFFFFF;line-height: 0.28rem;} .case_con .btn{display: block;width: 1.86rem; line-height: 0.64rem;border-radius: 0.08rem;background-color: #FF6300;text-align: center;color: #ffffff;transition: all 0.5s;} .case_con .btn:hover{opacity: 0.7;} .case_con .btn span{display: inline-block;padding-right: 0.3rem;background: url(../img/ip2_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;} /* 妗堜緥璇︽儏 */ .cd1{padding: 1.2rem 2rem 1.6rem 2rem;background: url(../img/cd1_bj.png)no-repeat center;background-size: cover;} .cd1 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.5rem;} .cd1 .boxs{position: relative;overflow: hidden;padding-bottom: 0.6rem;} .cd1 .boxs .swiper-slide{padding: 0.5rem 0.48rem 0.8rem 0.48rem;border-radius: 0.16rem;overflow: hidden;text-align: center;transition: all 0.5s;} .cd1 .boxs .swiper-slide:hover{background-color: #ffffff;} .cd1 .boxs .swiper-slide .yuan{width: 1.2rem;height: 1.2rem;margin: 0 auto;margin-bottom: 0.36rem;background-color: #ffffff;border: 1px solid #DCDCDC;border-radius: 50%;display: flex;justify-content: center;align-items: center;} .cd1 .boxs .swiper-slide .yuan img{width: 0.56rem;} .cd1 .boxs .swiper-slide .h{font-weight: 600;color: #333333;line-height: 0.32rem;margin-bottom: 0.15rem;} .cd1 .boxs .swiper-slide .p{font-weight: 400;color: #666666;line-height: 0.32rem;} .cd1 .boxs .swiper-pagination{bottom: 0;} .cd1 .boxs .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border: 0.02rem solid #D7D5D6;background-color: transparent;opacity: 1;} .cd1 .boxs .swiper-pagination-bullet-active{border-color: #FF6300;} .cd2{padding: 1.2rem 2rem 0 2rem;background-color: #ffffff;} .cd2 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.2rem;} .cd2 img{width: 100%;} .cd3{background-color: #F7F7F7;padding: 1.24rem 0 1rem 0;} .cd3 .tit{margin-left: 2rem;font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.5rem;} .cd3 .con{position: relative;overflow: hidden;padding-bottom: 0.6rem;} .cd3 .con .swiper-slide{padding: 0.6rem;background-color: #ffffff;border-radius: 0.16rem;display: flex;justify-content: space-between;align-items: flex-start;transition: all 0.5s;} .cd3 .con .swiper-slide-next,.cd3 .con .swiper-slide-prev{opacity: 0.4;} .cd3 .con .swiper-slide .pics{width: 3.5rem;overflow: hidden;} .cd3 .con .swiper-slide .pics .pic{width: 100%;height: 2.84rem;background: no-repeat center;background-size: cover;transition: all 0.5s;} .cd3 .con .swiper-slide:hover .pics .pic{transform: scale(1.05);} .cd3 .con .swiper-slide .txt{width: 3.92rem;} .cd3 .con .swiper-slide .txt .h1{font-weight: 600;color: #FF6300;line-height: 0.32rem;margin-bottom: 0.12rem;} .cd3 .con .swiper-slide .txt .h2{font-weight: 600;color: #333333;line-height: 0.32rem;margin-bottom: 0.24rem;} .cd3 .con .swiper-slide .txt .p{font-weight: 400;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.4rem; color: #666666;line-height: 0.32rem;height: 0.64rem;} .cd3 .con .swiper-slide .txt .btn{display: block;width: 1.86rem; line-height: 0.64rem;border-radius: 0.08rem;background-color: #FF6300;text-align: center;color: #ffffff;transition: all 0.5s;} .cd3 .con .swiper-slide .txt .btn:hover{opacity: 0.7;} .cd3 .con .swiper-slide .txt .btn span{display: inline-block;padding-right: 0.3rem;background: url(../img/ip2_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;} .cd3 .con .swiper-pagination{bottom: 0;} .cd3 .con .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border: 0.02rem solid #D7D5D6;background-color: transparent;opacity: 1;} .cd3 .con .swiper-pagination-bullet-active{border-color: #FF6300;} .cd3 .con .prev,.cd3 .con .next{width: 0.5rem;height: 0.5rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;background-color: #EFEFEF;position: absolute;top: 2rem;transform: translateY(-50%);cursor: pointer;transition: all 0.5s;z-index: 2;} .cd3 .con .prev img,.cd3 .con .next img{width: 0.32rem;} .cd3 .con .prev .img2,.cd3 .con .next .img2{display: none;} .cd3 .con .prev:hover .img2,.cd3 .con .next:hover .img2{display: block;} .cd3 .con .prev:hover .img1,.cd3 .con .next:hover .img1{display: none;} .cd3 .con .prev:hover,.cd3 .con .next:hover{background-color: #FF6300;} .cd3 .con .prev{left: 2rem;} .cd3 .con .next{right: 2rem;} .cd4{padding: 1.2rem 2rem 1rem 2rem;background-color: #ffffff;} .cd4 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.2rem;} .cd4 .boxs{position: relative;overflow: hidden;} .cd4 .boxs .swiper-slide{background-color: #ffffff;transition: all 0.5s;border-radius: 0.16rem;margin-bottom: 0.4rem;position: relative;overflow: hidden;box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.09);} .cd4 .boxs .swiper-slide .pics{width: 100%;overflow: hidden;} .cd4 .boxs .swiper-slide .pics .pic{width: 100%;height: 2.9rem;background: no-repeat center;background-size: cover;transition: all 0.5s;} .cd4 .boxs .swiper-slide:hover .pics .pic{transform: scale(1.05);} .cd4 .boxs .swiper-slide .txt{padding: 0.4rem;} .cd4 .boxs .swiper-slide .txt .h{font-weight: 600;color: #333333;line-height: 0.32rem;height: 0.32rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-bottom: 0.2rem;transition: all 0.5s;} .cd4 .boxs .swiper-slide:hover .txt .h{color: #FF6300;} .cd4 .boxs .swiper-slide .txt .p{font-weight: 400;color: #666666;line-height: 0.32rem;height: 0.64rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 0.45rem;} .cd4 .boxs .swiper-slide .txt .bottom{display: flex;justify-content: space-between;align-items: center;} .cd4 .boxs .swiper-slide .txt .bottom .day{font-family: Arial;color: #999999;line-height: 0.18rem;} .cd4 .boxs .swiper-slide .txt .bottom .more{font-weight: 600;color: #333333;line-height: 0.22rem;transition: all 0.5s;} .cd4 .boxs .swiper-slide:hover .txt .bottom .more{color: #FF6300;} .cd4 .boxs .swiper-pagination{bottom: 0;} .cd4 .boxs .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border: 0.02rem solid #D7D5D6;background-color: transparent;opacity: 1;} .cd4 .boxs .swiper-pagination-bullet-active{border-color: #FF6300;} /* 浜у搧璇︽儏 */ .pd1{padding: 1rem 2rem 1.2rem 2rem;display: flex;justify-content: space-between;align-items: flex-start;} .pd1 .left{width: 7.6rem;} .pd1 .left .m_pic{display: none;} .pd1 .left .top{padding-bottom: 0.36rem;border-bottom: 1px solid #D8D8D8;margin-bottom: 0.36rem;} .pd1 .left .top .en{font-weight: 600;color: #FF6300;line-height: 0.44rem;margin-bottom: 0.08rem;} .pd1 .left .top .cn{font-weight: 600;color: #333333;line-height: 0.56rem;} .pd1 .left .bottom .tit1{font-weight: 600;color: #333333;line-height: 0.32rem;margin-bottom: 0.4rem;} .pd1 .left .bottom .tab{display: flex;justify-content: space-between;margin-bottom: 0.4rem;flex-wrap:wrap;} .pd1 .left .bottom .tab .li{width: 1.66rem;padding: 0.24rem;transition: all 0.5s;cursor: pointer;} .pd1 .left .bottom .tab .li1{width: 1.66rem;height:0;} .pd1 .left .bottom .tab .li.on{background: #F5F5F5;border-radius: 0.08rem;} .pd1 .left .bottom .tab .li .icon{width: 0.48rem;margin: 0 auto;margin-bottom: 0.16rem;} .pd1 .left .bottom .tab .li .p{font-weight: 400;color: #333333;line-height: 0.2rem;text-align: center;} .pd1 .left .bottom .txt_box .txt{display: none;position: relative;padding: 0.38rem 0rem;border-radius: 0.16rem;} /*.pd1 .left .bottom .txt_box .txt:after{content: "";position: absolute;top: 0;transform: translate(-50%,-100%);width: 0.28rem;height: 0.15rem;background: url(../img/pd1_sj.png);background-size: 100% 100%;}*/ .pd1 .left .bottom .txt_box .txt:nth-child(1):after{left: 0.83rem;} .pd1 .left .bottom .txt_box .txt:nth-child(2):after{left: 2.81rem;} .pd1 .left .bottom .txt_box .txt:nth-child(3):after{left: 4.79rem;} .pd1 .left .bottom .txt_box .txt:nth-child(4):after{left: 6.77rem;} .pd1 .left .bottom .txt_box .txt.on{display: block;} .pd1 .left .bottom .txt_box .txt .p{font-weight: 400;color: #666666;line-height: 0.2rem;padding-left: 0.2rem;position: relative;margin-bottom: 0.14rem;} .pd1 .left .bottom .txt_box .txt .p::before{content: "";position: absolute;top: 0.06rem;left: 0;width: 0.08rem;height: 0.08rem;border-radius: 50%;background-color: #FF6300;} .pd1 .left .bottom .txt_box .txt .p:last-child{margin-bottom: 0;} .pd1 .right{width: 6.6rem;} .pd2{padding:1.2rem 2rem 1rem 2rem;background-color: #FDFCFB;} .pd2 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.4rem;} .pd2 .item{display: flex;justify-content: space-between;align-items: flex-start;} .pd2 .item .h{width: 1rem;line-height: 0.22rem;color: #333333;padding: 0.2rem 0;} .pd2 .item ul{display: flex;flex-wrap: wrap;width: 13.7rem;border-bottom: 1px dashed #D8D8D8;} .pd2 .item ul li{font-weight: 400;color: #666666;line-height: 0.22rem;width: 50%; padding: 0.2rem 0 0.2rem 0.5rem;border-bottom: 1px dashed #D8D8D8;} /* .pd2 .item ul li:nth-last-of-type(-n+2){border-bottom: none;} */ .pd3{padding: 0.8rem 2rem 0 2rem;} .pd3 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;} .pd3 img{width: 100%;} .pd4{background-color: #F6F6F6;padding: 1.2rem 2rem 1rem 2rem;} .pd4 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.6rem;} .pd4 .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;} .pd4 .boxs:after{content: "";width: 4.8rem;height: 0;} .pd4 .boxs .box{display: block;width: 4.8rem;border-radius: 0.16rem;background: #FFFFFF;color: #333333; box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1);padding: 0.4rem;margin-bottom: 0.4rem;transition: all 0.5s;} .pd4 .boxs .box:hover{background: url(../img/pdf_bj.png)no-repeat center;background-size: cover;background-color: #FF6300;color: #fff;} .pd4 .boxs .box .day{font-weight: 600;line-height: 0.32rem;margin-bottom: 0.24rem;} .pd4 .boxs .box .h{font-weight: 600;line-height: 0.32rem;height: 0.64rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.18rem;} .pd4 .boxs .box .a_bottom{display: flex;justify-content: space-between;align-items: flex-end;} .pd4 .boxs .box .a_bottom span{font-weight: 600;color: #666666;line-height: 0.22rem;} .pd4 .boxs .box:hover .a_bottom span{color: #fff;} .pd4 .boxs .box .a_bottom .img{width: 0.32rem;} .pd4 .boxs .box .a_bottom .img .img2{display: none;} .pd4 .boxs .box:hover .a_bottom .img .img1{display: none;} .pd4 .boxs .box:hover .a_bottom .img .img2{display: block;} .pd5{padding: 1.2rem 2rem;} .pd5 .con{width: 100%;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1);background-color: #ffffff; border-radius: 0.32rem;background: url(../img/pd5_bj.png)no-repeat left bottom;background-size: 8rem 5.32rem;padding: 0.8rem 1.2rem 0.6rem 1rem;display: flex;justify-content: space-between;align-items: flex-start;} .pd5 .con .left{width: 4.53rem;} .pd5 .con .left .h1{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.4rem;} .pd5 .con .left .h2{font-weight: 400;color: #FF6300;line-height: 0.4rem;margin-bottom: 0.16rem;} .pd5 .con .left .p{font-weight: 400;color: #666666;line-height: 0.28rem;margin-bottom: 1.16rem;} .pd5 .con .left .p1{font-weight: 400;color: #333333;line-height: 0.28rem;margin-bottom: 0.1rem;} .pd5 .con .left .tel{font-weight: 600;color: #FF6300;line-height: 0.4rem;} .pd5 .con form{width: 5.2rem;display: flex;justify-content: space-between;flex-wrap: wrap;} .pd5 .con form .input{width: 2.4rem;margin-bottom: 0.3rem;} .pd5 .con form .input .name{font-weight: 400;color: #333333;line-height: 0.22rem;margin-bottom: 0.12rem;} .pd5 .con form .input .name span{color: #F52323;} .pd5 .con form .input input{line-height: 0.4rem;width:100%; background: #F4F4F4;border-radius: 0.04rem;padding: 0 0.14rem;} .pd5 .con form .input textarea{line-height: 0.4rem;background: #F4F4F4;border-radius: 0.04rem;padding: 0 0.14rem;border: none;} .pd5 .con form .input1{width: 100%;} .pd5 .con form input[type="submit"]{width: 1.4rem;line-height: 0.48rem;background: #FF6300;border-radius: 0.08rem;float: right;color: #fff;transition: all 0.5s;} .pd5 .con form input[type="submit"]:hover{opacity: 0.6;} /* 浜у搧鍒楄〃 */ @keyframes rotate1 { 0%{ transform: rotate(30deg); } 100%{ transform: rotate(0deg); } } @keyframes myfirst1{ 0% {transform: translate(-50%,-50%) scale(1);opacity: 1;} 50% {transform: translate(-50%,-50%) scale(1.3);opacity: 0.5;} 100% {transform: translate(-50%,-50%) scale(1.6);opacity: 0;} } @keyframes myfirst2{ 0% {transform: translate(-50%,-50%) scale(1);opacity: 1;} 50% {transform: translate(-50%,-50%) scale(1.6);opacity: 0.5;} 100% {transform: translate(-50%,-50%) scale(1.9);opacity: 0;} } @keyframes myfirst3{ 0% {transform: translate(-50%,-50%) scale(1);opacity: 1;} 50% {transform: translate(-50%,-50%) scale(1.9);opacity: 0.5;} 100% {transform: translate(-50%,-50%) scale(2.8);opacity: 0;} } @keyframes myfirst4{ to {top: 0.61rem;right: 0.2rem;} } @keyframes myfirst5{ to {background: linear-gradient(22deg, #FF6300 0%, #FFFFFF 100%);color: #fff;} } .pl_banner{width: 100vw;height: 100vh;background-color: #000000;position: relative;} .pl_banner .con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 7.5rem;height: 7.5rem;} .pl_banner .con .quans{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;} .pl_banner .con .quans img{width: 100%;animation: rotate1 1.5s linear forwards;transform: rotate(30deg);} .pl_banner .con .quan1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;background-color: rgba(255,255,255,0.2);width: 2.8rem;height: 2.8rem;border-radius: 50%;z-index: 2;} .pl_banner .con .quan2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;background-color: rgba(255,255,255,0.1);width: 2.8rem;height: 2.8rem;border-radius: 50%;animation: myfirst2 1.5s linear infinite;} .pl_banner .con .quan3{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;background-color: rgba(255,255,255,0.1);width: 2.8rem;height: 2.8rem;border-radius: 50%;animation: myfirst3 1.5s linear infinite;} .pl_banner .con .quan1 .yuan1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;justify-content: center;align-items: center;width: 1.36rem;height: 1.36rem;border-radius: 50%;background: linear-gradient(322deg, #FF6300 0%, #FFFFFF 100%);} .pl_banner .con .quan1 .yuan1 img{width: 0.56rem;} .pl_banner .con .quan1 .yuan2{position: absolute;top: 0.1rem;right: -0.2rem;width: 0.64rem;height: 0.64rem;border-radius: 50%;text-align: center;line-height: 0.64rem;color: #333; animation: myfirst4 1.5s 1.5s linear forwards;overflow: hidden;} .pl_banner .con .quan1 .yuan2>div{width: 100%;height: 100%;background: linear-gradient(22deg, #ffffff 0%, #FFFFFF 100%);animation: myfirst5 0.3s 2.9s linear forwards;} .pl_banner .con .quan1 .yuan2>div span{font-size: 0.14rem;position:relative;top:-0.08rem;left:0.03rem;} .pl1{width: 15.2rem;margin: 0 auto;margin-top: 1.2rem;background: #FFFFFF;border-radius: 0.08rem; box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.09);padding: 1.2rem 0.8rem 0.6rem 0.8rem;display: flex;justify-content: space-between;align-items: flex-start;} /*.pl1:nth-child(6){margin-bottom:1.2rem;}*/ .pl1 .left{width: 6.6rem;display: flex;justify-content: space-between;} .pl1 .left .txt1{width: 3rem;} .pl1 .left .txt1 .icon{width: 0.48rem;margin-bottom: 0.12rem;} .pl1 .left .txt1 .h{font-weight: 600;color: #333333;line-height: 0.44rem;margin-bottom: 0.24rem;} .pl1 .left .txt1 .p{font-weight: 400;color: #666666;line-height: 0.3rem;} .pl1 .left .txt2{width: 3.2rem;} .pl1 .left .txt2 li{font-weight: 400;line-height: 0.22rem;margin-bottom: 0.2rem;cursor: pointer;} .pl1 .left .txt2 li a{color: #333333;} .pl1 .left .txt2 li:last-child{margin-bottom: 0;} .pl1 .left .txt2 li.on a{color: #FF6300;text-decoration: underline!important;} .pl1 .right{width: 6.08rem;position: relative;overflow: hidden;padding-bottom: 0.6rem;} .pl1 .right .swiper-slide{border-radius: 0.16rem;overflow:hidden;} .pl1 .right .swiper-slide .pic{padding-bottom: 2.04rem;background: no-repeat center;background-size: cover;transition: all 0.5s;} .pl1 .right .swiper-slide .pic:hover{transform:scale(1.05);} .pl1 .right .swiper-pagination{top: auto;bottom: 0;height: 0.02rem;background-color: #D8D8D8;} .pl1 .right .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #FF6300;} .pl2{padding: 1.2rem 2rem;background: url(../img/pl2_bj.png)no-repeat center;background-size: cover;margin-top:1.2rem;} .pl2 .top{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.4rem;} .pl2 .top .tit{font-weight: 600;color: #333333;line-height: 0.56rem;} .pl2 .top .btn_box{width: 1.33rem;display: flex;justify-content: space-between;} .pl2 .top .btn_box>div{width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #EFEFEF;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all 0.5s;} .pl2 .top .btn_box>div img{width: 0.32rem;} .pl2 .top .btn_box>div .img2{display: none;} .pl2 .top .btn_box>div:hover .img2{display: block;} .pl2 .top .btn_box>div:hover .img1{display: none;} .pl2 .top .btn_box>div:hover{background-color: #FF6300;} .pl2 .con{position: relative;overflow: hidden; padding-bottom: 0.74rem;} .pl2 .con .swiper-pagination{top: auto;bottom: 0;height: 0.02rem;background-color: #D8D8D8;} .pl2 .con .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #FF6300;} .pl2 .con .swiper-slide{overflow: hidden;} .pl2 .con .swiper-slide .pic{width: 100%;height: 3.84rem;background: no-repeat center;background-size: cover;margin-bottom: 0.3rem;transition:all 0.5s;} .pl2 .con .swiper-slide:hover .pic{transform:scale(1.05);} .pl2 .con .swiper-slide .p{font-weight: 600;color: #333333;line-height: 0.26rem;transition:all 0.5s;} .pl2 .con .swiper-slide:hover .p{color:#FF6300;} .pl3{padding: 1rem 2rem 1.2rem 2rem;} .pl3 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.5rem;} .pl3 .boxs .box{margin-bottom: 0.2rem;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1);background-color: #ffffff;padding: 0.3rem 0.6rem;border-radius: 0.16rem;cursor: pointer;} .pl3 .boxs .box:last-child{margin-bottom: 0;} .pl3 .boxs .box .h{font-weight: 600;color: #333333;line-height: 0.24rem;padding-right: 0.3rem;background: url(../img/pl_jia.png)no-repeat right center;background-size: 0.18rem 0.18rem;} .pl3 .boxs .box.show .h{background-image: url(../img/pl_jian.png);} .pl3 .boxs .box .p{width: 11.2rem;font-weight: 400;color: #666666;line-height: 0.28rem;display: none;margin-top: 0.15rem;} /* 鍔犲叆鎴戜滑 */ .height{height: 50vh;display: none;} .jo1{position: relative;} .jo1 .con{width: 100%;height: 8.34rem;background: no-repeat center;background-size: cover;position: relative;} .jo1 .con .txt{position: absolute;top: 50%;left: 2.6rem;transform: translateY(-50%);font-weight: 600;color: #FFFFFF;line-height: 0.46rem;} .jo1 .kuang{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 20;} .jo1 .kuang1{position: absolute;top: 0;left: 0;width: 100%;height: 1.2rem;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;} .jo1 .kuang2{position: absolute;bottom: 0;left: 0;width: 100%;height: 1.2rem;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;transform-origin: 50% 100%;} .jo1 .kuang3{position: absolute;top: 0;left: 0;width: 2rem;height: 100%;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 0 50%;-moz-transform-origin: 0 50%;-ms-transform-origin: 0 50%;-o-transform-origin: 0 50%;transform-origin: 0 50%;} .jo1 .kuang4{position: absolute;top: 0;right: 0;width: 2rem;height: 100%;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 100% 50%;-moz-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;-o-transform-origin: 100% 50%;transform-origin: 100% 50%;} .jo1 .kuang1.on{-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);} .jo1 .kuang2.on{-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);} .jo1 .kuang3.on{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);} .jo1 .kuang4.on{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);} .jo2{padding: 0 2rem 1.2rem 2rem;} .jo2 .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.64rem;} .jo2 .top .tit{font-weight: 600;color: #333333;line-height: 0.56rem;} .jo2 .top .ser_box{display: flex;align-items: center;padding: 2px;border: 1px solid #979797;border-radius: 0.48rem;} .jo2 .top .ser_box input{line-height: 0.42rem;width: 3.84rem;font-weight: 400;color: #999999;padding-left: 0.66rem;background: url(../img/jo_ser.png)no-repeat 0.36rem center;background-size: 0.16rem 0.16rem;} .jo2 .top .ser_box button{border: none;width: 0.92rem;text-align: center;color: #ffffff; height: 0.4rem; background: #FF6300; border-radius: 0.4rem;cursor: pointer;} .jo2 .con{display: flex;justify-content: space-between;} .jo2 .con .left{width: 2.4rem;padding-right: 0.5rem;border-right: 1px solid #E6E6E6;} .jo2 .con .left .h{font-weight: 400;color: #333333;line-height: 0.4rem;margin-bottom: 0.48rem;} .jo2 .con .left .box{margin-bottom: 0.68rem;} .jo2 .con .left .box .h1{font-weight: 400;margin-bottom: 0.3rem; color: #111111;line-height: 0.22rem;display: table;padding-right: 0.25rem;position: relative;} .jo2 .con .left .box .h1:after{content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 0.16rem;height: 0.16rem;background: url(../img/jo_jt.png);background-size: 100% 100%;} .jo2 .con .left .box li{font-weight: 400;color: #111111;line-height: 0.2rem;position: relative;padding-left: 0.35rem;margin-bottom: 0.2rem;cursor: pointer;} .jo2 .con .left .box li:last-child{margin-bottom: 0;} .jo2 .con .left .box li::before{content: "";position: absolute;top: 0;left: 0;width: 0.2rem;height: 0.2rem;border: 1px solid #CCCCCC;} .jo2 .con .left .box li.on::before{background: url(../img/jo_gou.png)no-repeat center;background-size: 0.12rem 0.12rem;background-color: #FF6300;border-color: #FF6300;} .jo2 .con .right{width: 12rem;} .jo2 .con .right .top{display: flex;justify-content: space-between;font-weight: 600;color: #FFFFFF;line-height: 0.24rem;padding: 0.18rem 0;background-color: #FF6300;margin-bottom: 0;} .jo2 .con .right .top .h{width: 100%;text-align: center;} .jo2 .con .right .item{display: flex;justify-content: space-between;font-weight: 400;color: #666666;line-height: 0.22rem;padding: 0.25rem 0;border-bottom: 1px solid #D8D8D8;} .jo2 .con .right .item .p{text-align: center;width: 100%;} .jo_tanchuang{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: -999;background-color:rgba(0,0,0,0.5);opacity:0;transition:all 0.5s;} .jo_tanchuang.show{opacity: 1;z-index:999;} .jo_tanchuang .tc{width: 100%;height: 100%;display:none;} .jo_tanchuang .tc.on{display: block;} .jo_tanchuang .tc .con{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 11.88rem;border-radius: 0.16rem;background-color: #ffffff;padding:0.6rem 0.8rem;} .jo_tanchuang .tc .con .out{width: 0.64rem;position: absolute;right: -0.84rem;top: 0;cursor:pointer;transition:all 0.5s;} .jo_tanchuang .tc .con .out:hover{transform:rotate(180deg);} .jo_tanchuang .tc .con .top{display: flex;justify-content: space-between;align-items: flex-end;padding-bottom:0.2rem;border-bottom:1px solid #D8D8D8;margin-bottom:0.36rem;} .jo_tanchuang .tc .con .top .tit{font-weight: 600;color: #333333;line-height: 0.44rem;margin-bottom: 0.16rem;} .jo_tanchuang .tc .con .top .p{font-weight: 400;color: #FF6300;line-height: 0.22rem;} .jo_tanchuang .tc .con .top .p span{margin-right: 0.32rem;} .jo_tanchuang .tc .con .top .btn{width: 1.2rem;line-height: 0.4rem;background: linear-gradient(270deg, #FFC099 0%, #FF6300 100%);border-radius: 0.2rem;text-align: center;color:#fff;} .jo_tanchuang .tc .con .bottom{display: flex;justify-content: space-between;} .jo_tanchuang .tc .con .bottom>div{width: 4.84rem;} .jo_tanchuang .tc .con .bottom>div .h{font-weight: 400;color: #3D3D3D;line-height: 0.22rem;margin-bottom: 0.16rem;} .jo_tanchuang .tc .con .bottom>div .p{font-weight: 400;color: #999999;line-height: 0.32rem;} @media screen and (max-width: 1024px) { .i_part5 .box .swiper-slide>div:hover .txt{opacity: 1;} } @media screen and (min-width: 2270px) { html{font-size: 130px!important;} } @media screen and (max-width: 2270px) { html{font-size: 116.66px!important;} } @media screen and (max-width: 1930px) { html{font-size: 100px!important;} } @media screen and (max-width: 1680px) { html{font-size: 82px!important;} } @media screen and (max-width: 1560px) { html{font-size: 78px!important;} .nd_con .top .h{font-size: 24px;line-height: 32px;} } @media screen and (max-width: 1440px) { html{font-size: 72px!important;} .mod1 .pics{padding: 2rem 0;} } @media screen and (max-width: 1366px) { html{font-size: 68px!important;} } @media screen and (max-width: 1280px) { html{font-size: 63px!important;} } @media screen and (max-width: 1024px) { html{font-size: 60px!important;} .banners .banner { display: flex; justify-content: center; align-items: center; } .banners .banner video{ display: none; } .banners .banner img{ display: block; max-width: fit-content; } .header{display: none;} .m_header{position: fixed;top: 0;left: 0;width: 100%;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding:10px 15px;z-index: 98;} .m_header .mh_top{display: flex;justify-content: space-between;align-items: center;} .m_header .mh_top>div{align-items: center;} .m_header .mh_top>div .h_btn{width: 1.95rem;line-height: 0.58rem;text-align: center;border: 1px solid #000000;font-size: 0.24rem;margin-right: 0.44rem;} .m_header .logo img{width: 150px;} .m_header .btn{display: block;} .m_header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;} .m_header .btn.hide{opacity: 0;} .m_header .btn span{display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;} .m_header .btn span:nth-child(1){transform: translate(0,-8px);} .m_header .btn span:nth-child(2){transform: translate(12px,0);width: 12px;} .m_header .btn span:nth-child(3){transform: translate(0px,8px);} .m_header .btn:hover span:nth-child(1){transform: translate(0,-8px);} .m_header .btn:hover span:nth-child(2){transform: translate(0,0);width: 22px;} .m_header .btn:hover span:nth-child(3){transform: translate(0,8px);} .m_header{display: block;} .mh_nav{display: block;} .mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 25px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);} .mh_nav.show{transform: translateX(0);} .mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;} .mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 60px;} .mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;} .mh_nav .nav>li:after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hl_jt.png)no-repeat center;} .mh_nav .nav>li.on:after{transform: rotate(90deg);} .mh_nav .nav>li:first-child:after{display: none;} .mh_nav .nav>li .nav1{padding: 15px;line-height: 36px;display: none;font-size: 14px;} .footer{padding: 0 20px;} .footer .top{display: none;} .footer .bottom{text-align: center;line-height: 1.5;padding:18px 0;} .footer .bottom .left .f_logo{display: none;} .footer .bottom .right{display: none;} .i_part1{position: relative;height:auto;padding:50px 20px 100px 20px;} .i_part1 .tit{font-size: 20px;line-height: 26px;top:50%;opacity:1;position:static;transform:translateY(0);} #First {stroke-dashoffset: 0;} .banners{-webkit-mask-image:none;position:static;width:100vw!important;height:100vh!important;transform:translate(0,0);} .banner{position: static;top: 0;left: 0;width: 100%;height: 100vh;transform:translate(0,0);} .i_part2{margin-top: 0;} .i_part2::before{display:none;} .i_part1 svg{bottom: -1.3rem;} .i_part3{display: block;padding:40px 20px;height: auto;} .i_part3 .left .txt{margin-bottom: 25px;} .i_part3 .left .txt .h{font-size: 24px;line-height: 32px;margin-bottom: 14px;} .i_part3 .left .txt .p{font-size: 14px;line-height: 22px;margin-bottom: 14px;} .i_part3 .left .txt .btn{width: 93px;line-height: 30px;font-size: 12px;} .mbtn{width: 93px!important;line-height: 30px!important;font-size: 12px!important;} .i_part3 .left .icon_box{width: 100%;margin-bottom:25px;} .i_part3 .left .icon_box .icon{width: 35px;margin:0 auto; margin-bottom:0;} .i_part3 .left .icon_box .p{display: block;text-align:center;} .i_part3 .left .icon_box .p span{margin-right:0;line-height:1.5;} .i_part3 .left{width: 100%;} .i_part3 .left .txt .p{width: 100%;} .i_part3 .right{width: 100%;position:static;} .i_part4{display: block;padding: 60px 20px 90px 20px;height:auto;} .i_part4 .left{width: 100%;} .i_part4 .left .tit{font-size: 20px;line-height:26px;margin-bottom: 25px;} .i_part4 .left .p{font-size: 14px;line-height: 22px;margin-bottom:30px;} .i_part4 .right{width: 100%;height:auto;margin-top:50px;} .i_part4 .right .box{width: 42.67vw;} .i_part4 .right .box>div{padding:24px 10px!important;} .i_part4 .right .box:nth-child(3)>div{transform:translateY(0.3rem);} .i_part4 .right .box:nth-child(4)>div{transform:translateY(0.9rem);} .i_part5{padding: 50px 20px;height:auto;} .i_part5 .top{margin-bottom: 16px;} .i_part5 .top .tit{font-size: 20px;line-height: 26px;} .i_part5 .top .btn_box>div img{width: 10px;} .i_part5 .box{padding: 16px;} .ny_banner{height: 350px;margin-top:50px;} .ny_banner .txt{top: 50%;transform: translateY(-50%);padding:0 20px;} .ny_banner .txt .h{font-size: 28px;line-height: 37px;margin-bottom:10px;} .ny_banner .txt .p{font-size: 10px;line-height: 12px;} .ny_tab{display: none;} .ny_tab.case_tab{display: block;} .ny_tab .right_btn{display: none;} .ny_tab ul{flex-wrap: wrap;font-size:14px;line-height:22px} .ny_tab ul li{margin: 0;width:calc(100% / 3);text-align:center;line-height:2;} .pl_banner{overflow: hidden;} .ab1{padding: 40px 20px 73px 20px;} .ab1 .h{font-size: 20px;line-height: 26px;margin-bottom: 18px;} .ab1 .p{font-size: 12px;line-height: 18px;} .ab2 .box{margin-bottom: 16px;min-height: 393px;padding:92px 20px 0 20px;} .ab2 .box .txt{position: static;width: 100%;} .ab2 .box .txt .h{font-size: 24px;line-height: 32px;margin-bottom: 18px;} .ab2 .box .txt .p{font-size: 12px;line-height: 18px;padding-right: 57px;} .ab2 .box .txt ul{font-size: 14px;} .ab2 .box .kuang{ display: none; } .his_con{padding: 40px 20px 73px 20px;} .his_con .top{ flex-direction: column; } .his_con .bottom{ left: 0; width: 100%; } .cul_con{display: block;padding:71px 20px 41px 20px;height:auto;} .cul_con .box{display: block;width: 100%;margin-bottom: 30px;padding:30px 24px 56px 24px;} .cul_con .box .txt{position: relative;top:0;z-index:2;} .cul_con .box.on .txt{top: 0;} .cul_con .box .txt .p{display: block;} .cul_con .box::after{opacity:0.15;} .case_con{position: static;padding: 0 20px;} .case_con .boxs{flex-wrap: wrap;} .case_con .boxs .box{margin-bottom: 16px;width:48%;margin-right:2%;} .case_con .tit{font-size: 24px;line-height: 32px;margin-bottom: 14px;} .case_con .p{font-size: 12px;line-height: 18px;margin-bottom: 45px;} .case_con .btn{width: 93px;line-height: 30px;font-size: 12px;} .cd1{padding: 50px 20px;} .cd1 .tit{font-size: 24px;line-height: 32px;margin-bottom: 26px;text-align:center;} .cd1 .boxs .swiper-slide{background-color: #ffffff;border-radius: 16px;} .cd2{padding: 50px 20px;} .cd2 .tit{font-size: 24px;line-height: 32px;margin-bottom: 26px;text-align:center;} .cd3{padding: 50px 20px;} .cd3 .tit{margin:0;text-align:center; font-size: 24px;line-height: 32px;margin-bottom: 26px;} .cd3 .con .prev, .cd3 .con .next{display: none;} .cd3 .con .swiper-slide{padding:20px;} .cd3 .con .swiper-slide .pics{width: 33.6vw;} .cd3 .con .swiper-slide .pics .pic{height: 102px;} .cd3 .con .swiper-slide .txt{width: calc(100% - 33.6vw - 20px);} .cd3 .con .swiper-slide .txt .p{display: none;} .cd4{padding: 50px 20px;} .cd4 .tit{margin:0;text-align:center; font-size: 24px;line-height: 32px;margin-bottom: 26px;} .pd_con{margin-top: 50px;} .pd1{padding: 30px 20px 44px 20px;display:block;} .pd1 .left{width: 100%;margin-bottom:0px;} .pd1 .left .top{padding-bottom: 20px;margin-bottom: 20px;} .pd1 .left .top .en{font-size: 16px;line-height: 22px;margin-bottom: 5px;} .pd1 .left .top .cn{font-size: 20px;line-height: 26px;} .pd1 .right{width: 100%;} .pd2{padding: 50px 20px;} .pd2 .item .h{width: 80px;font-size:12px;line-height:18px;} .pd2 .item ul{width: calc(100% - 100px);font-size:12px;} .pd2 .item ul li{line-height:18px;} .pd2 .item ul li{padding-left: 8px;} .pd2 .tit{font-size: 20px;line-height: 26px;} .pd3{padding: 50px 20px;} .pd3 .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;} .pd4{padding: 50px 20px 30px 20px;} .pd4 .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;} .pd4 .boxs .box{width: 48%;padding:12px;} .pd5{padding: 50px 20px;display:block;} .pd5 .con{padding: 26px 12px;display: block;} .pd5 .con .left{margin-bottom: 20px;width:100%;} .pd5 .con .left .p{margin-bottom: 40px;font-size:12px;line-height:18px;} .pd5 .con .left .h1{font-size: 20px;line-height: 26px;margin-bottom: 18px;} .pd5 .con form .input{width: 100%;} .pd5 .con form .input input{width: 100%;line-height: 30px;} .pd5 .con .left .p1{font-size: 14px;line-height: 20px;} .pd5 .con form .input .name{font-size: 12px;line-height: 18px;} .pd5 .con form .input input{font-size: 12px;} .pd5 .con form .input textarea{font-size: 12px;} .pl_banner .con{width: 100%;height: 100vw;} .pl1{margin-top: 0;width: 100%;padding:50px 20px;display:block;} .pl1 .left{display: block;margin-bottom: 26px;width:100%;} .pl1 .left .txt1{width: 100%;} .pl1 .left .txt1 .h{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .pl1 .left .txt1 .p{width: 80%;font-size:14px;line-height:20px;margin-bottom:10px;} .pl1 .left .txt2{width: 100%;justify-content: space-between;flex-wrap: wrap;} .pl1 .left .txt2 li{width: 100%;font-size:14px;line-height:1.3; margin-bottom: 10px;} .pl1 .right{width: 100%;} .pl2{padding: 50px 20px;} .pl2 .top{margin-bottom: 26px;} .pl2 .top .tit{font-size: 20px;line-height: 26px;} .pl2 .top .btn_box>div img{width: 10px;} .pl2 .con .swiper-slide .p{font-size: 12px;line-height: 18px;} .pl3{padding: 50px 20px;} .pl3 .boxs .box{padding: 10px 16px;} .pl3 .boxs .box .p{width: 100%;font-size:12px;line-height:18px;} .pl3 .boxs .box .h{font-size: 14px;line-height:20px;} .nl_con{padding: 50px 20px;} .nl_con .boxs .box{width: 100%;} .nl_con .boxs .box .txt .h{font-size: 14px;line-height: 20px;height: 40px;margin-bottom: 12px;} .nl_con .boxs .box .txt .bottom .day,.nl_con .boxs .box .txt .bottom .more{font-size: 12px;line-height: 18px;} .nd_con{padding: 50px 20px;margin-top:50px;} .nd_con .con .left{float: none;width: 100%;} .nd_con .con .right{display: none;} .nd_con .con .left .con1{font-size: 14px;line-height: 20px;} .nd_con .con .left .top{padding-bottom: 20px;margin-bottom: 20px;} .nd_con .con .left .top .day{font-size: 14px;line-height: 20px;} .nd_con .con .left .top .tit{font-size: 20px;line-height: 26px;margin-bottom: 16px;} .nd_con .con .left .bottom .b_right{display: none;} .nd_con .con .left .bottom .b_left{width:100%;} .nd_con .con .left .bottom .b_left a{font-size: 14px;line-height: 22px;height: 22px;} .inv1{padding: 50px 20px;} .inv1 .boxs .box{width: 48%;padding:12px;} .inv2{padding: 50px 20px;} .inv2 .con{display: block;} .inv2 .con .pics{width: 100%;margin-bottom:26px;} .inv2 .con .txts{width: 100%;} .inv2 .con .txts .item .h{font-size: 14px;line-height: 20px;height: 20px;} .inv3{padding: 50px 20px;} .inv3 .con{display: block;} .inv3 .con .left{width: 100%;margin-bottom:26px;} .inv3 .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;} .inv3 .con .left .h{font-size: 16px;line-height: 22px;margin-bottom: 16px;} .inv3 .con .left .p{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .inv3 .con .right{width: 100%;padding:12px 20px;} .con_con{padding: 50px 20px;} .con_con .left .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;} .con_con .left{width: 100%;float:none;} .con_con .left .boxs{flex-wrap: wrap;} .con_con .left .boxs .box{width: 48%;margin-bottom:26px;} .con_con .left .boxs .box .h{font-size: 14px;line-height: 20px;} .con_con .left .boxs .box .p{font-size: 12px;line-height: 18px;} .con_con .left .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;} .con_con .left .bottom form .input .name{font-size: 14px;line-height: 20px;margin-bottom: 10px;} .con_con .left .bottom form .input{width: 100%;} .con_con .left .bottom form .input input{font-size: 12px;line-height: 30px;} .con_con .left .bottom form .input textarea{font-size: 12px;line-height: 30px;} .con_con .right{float: none;width:100%;margin-top:30px;position:relative;top:0;} .jo1{margin-bottom: 50px;} .jo1 .kuang{display: none;} .jo1 .con .txt{left: 0;width: 100%;padding: 0 20px;font-size:17px;} .jo2{padding: 0 20px;} .jo2 .top{width: 100%;display: block;margin-bottom:26px;} .jo2 .top .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;} .jo2 .top .ser_box{width: 100%;} .jo2 .top .ser_box .cx{width: calc(100% - 80px);} .jo2 .top .ser_box input{width: 100%;} .jo2 .top .ser_box button{width: 80px;} .jo2 .con{display: block;} .jo2 .con .left{width: 100%;display:flex;margin-bottom:20px;flex-wrap:wrap;padding-right:0;border-right:none;} .jo2 .con .left .h{display: block;width: 100%;} .jo2 .con .left .box{display: block;width: 33.33%;margin-bottom:0;} .jo2 .con .left .h{font-size: 16px;line-height: 22px;margin-bottom: 20px;} .jo2 .con .left .box .h1{font-size: 14px;line-height: 20px;} .jo2 .con .left .box li{font-size: 12px;line-height: 18px;} .jo2 .con .right{width: 100%;margin-bottom:50px;} .jo_tanchuang .tc .con{width: 94vw;padding:30px 15px;} .jo_tanchuang .tc .con .bottom{display: block;} .jo_tanchuang .tc .con .bottom>div{width: 100%;} .jo_tanchuang .tc .con .bottom>div.b_left{margin-bottom: 20px;} .jo_tanchuang .tc .con .bottom>div .h,.jo_tanchuang .tc .con .bottom>div .p{font-size: 12px;line-height: 20px;} .jo_tanchuang .tc .con .out{width: 20px;top: -30px;right: 0;} .i_part3 .right{display: none;} .i_part2{height: auto;padding:50px 20px 0 20px;} .i_part2 .tit{position: static;text-align: center;font-size: 20px;line-height: 26px;color: #333333;margin-bottom:26px;} .i_part2 .boxs{position: static;color:#ffffff;justify-content:flex-start;flex-wrap:wrap;margin-bottom:20px;} .i_part2 .boxs .box .txt{position: static;width:100%;} .i_part2 .boxs .box{width: 25%!important;padding: 0!important;text-align:center;} .i_part2 .boxs .box .h1{font-size:15px;line-height:24px;width:100%;} .i_part2 .boxs .box.on .h1{display: block;color:#FF6300;} .i_part2 .boxs .box.on .h2{display: none;} .i_part2 .boxs .box .h{color: #333;} .i_part2 .boxs .box .p{color: #333;} .i_part2 .boxs .box .p,.i_part2 .boxs .box .btn{display: none;} .i_part2 .boxs .box.on .p,.i_part2 .boxs .box.on .btn{display: none;} .i_part2 .pics{position: relative;margin-top:10px;} .i_part2 .pics .pic{height: 316px;display:none;position:static;} .i_part2 .pics .pic.on{display:block;} .i_part3 .left .txt .h{font-size: 20px;line-height: 26px;text-align: center;} .i_part5 .box .swiper-slide .day{font-size: 14px;} .i_part5 .box .swiper-slide .h{font-size: 16px;} .ho_con{padding-top: 0;} .ho_con .box{display: block;} .ho_con .box .pic{width: 100%;height:auto;} .ho_con .box .txt{padding: 20px 40px 0 40px;width:auto;} .ho_con .box:nth-child(2n) .txt{width:auto;padding: 20px 40px 0 40px;} .ho_con .box .txt .h{margin-bottom: 16px;} .i_part3 .left .icon_box .p .ntm{line-height: 0.58rem;height: 0.58rem;} .pd1 .left .m_pic{display: block;margin-bottom:20px;} .pd1 .right{display: none;} .pd1 .left .bottom .txt_box .txt{padding-bottom: 0;} } @media screen and (max-width: 768px) { .inv2 .con .pics .pic{min-height: 4.2rem;} }