/* 前端江文哲 */ @charset "utf-8"; *,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *{ margin:0; padding:0;} body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden; min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #333333; font-family: 'Roboto', 'Poppins','arial';font-size:14px; 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; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333333;} textarea,select{ outline:none; color:#666; font-size:14px; width:100%;} img{border:none;display: block;max-width: 100%;} img[src=""]{opacity: 0;} body::-webkit-scrollbar{ width:4px;height: 1px;} body::-webkit-scrollbar-thumb{ background:#0069d1;} body::-webkit-scrollbar-track{ background:#fff;} @font-face { font-family: "din"; src: url("/fonts/din-regular-2.woff") format("woff"), url("/fonts/din-regular-2.ttf") format("truetype"), url("/fonts/din-regular-2.eot") format("embedded-opentype"), url("/fonts/din-regular-2.svg") format("svg"); font-weight: normal; font-style: normal; } .f_12{ font-size:12px;} .f_14{font-size: 14px;} .f_16{ font-size:16px;} .f_18{ font-size:18px;} .f_20{ font-size:20px;} .f_22{font-size: 22px;} .f_24{ font-size:24px;} .f_26{ font-size:26px;} .f_28{ font-size:28px;} .f_30{ font-size:30px;} .f_32{ font-size:32px;} .f_34{ font-size:34px;} .f_36{ font-size:36px;} .f_38{ font-size:38px;} .f_40{font-size: 40px;} .f_42{font-size: 42px;} .f_46{font-size: 46px;} .f_48{font-size: 48px;} .f_54{font-size: 54px;} .f_56{font-size: 56px;} .f_60{font-size: 60px;} .f_64{font-size: 64px;} .f_72{font-size: 72px;} .f_88{font-size: 88px;} .f_120{font-size: 120px;} .p_60{padding: 60px 0;} .p_80{padding:80px 0} .p_90{padding: 90px 0;} .p_120{padding: 120px 0;} .p_100{padding: 100px 0;} .p_100_45{padding: 100px 0 45px;} .p_100_120{padding: 100px 0 120px;} .pb_120{padding-bottom: 120px ;} .p_100_50{padding: 100px 0 50px;} .p_100_80{padding: 100px 0 80px;} .p_75_100{padding: 75px 0 100px;} .pb_120{padding-bottom: 120px;} .p_20_120{padding: 20px 0 120px;} .p_100_60{padding: 100px 0 60px;} .p_80_100{padding: 80px 0 100px;} .box {max-width:1400px;min-width: 1200px;width:75%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;} .ibox {max-width:1600px;min-width: 1200px;width:83%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;} .alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .wow{opacity: 0;} .wow1{opacity: 1;} .fbd{font-weight: bold;} .fw{font-weight: 100;} .yd{display: none;} /* 提示弹窗 */ .guanbi { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; pointer-events: none; } .guanbi .gbox { width: 500px; position: absolute; top: 55%; opacity: 0; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: #fff; padding: 40px; text-align: center; } .guanbi .gbox .gtt { margin: 0; line-height: 200px; color: #000; } .guanbi .gbox .out { display: block; width: 36px; height: 36px; border: 1px solid #ddd; border-radius: 50%; position: absolute; top: 20px; right: 20px; background: url(../images/out.png) center no-repeat; background-size: 14px; cursor: pointer; } .guanbi .gbox .out:hover { background: url(../images/out2.png) center no-repeat; border: 1px solid #1d96d5; background-size: 14px; } .guanbi.act { visibility: visible; pointer-events: visible; opacity: 1; } .guanbi.act .gbox { top: 50%; opacity: 1; } /* 头部 */ /* 移动端头部 */ .nav_y{width: 100%;height: 50px;position: fixed;top: 0;left: 0;background: #fff;display: none; z-index: 100;border-bottom: 1px solid rgba(0, 0, 0, .05);} .nav_y .con_y{display: flex;justify-content: space-between;align-items: center;height: 100%;} .nav_y .con_y .logo_y{width: 76px;} .nav_y .con_y .san{width: 25px;height: 25px;cursor: pointer;} .nav_y_con{width: 100%;height: 100vh;background: #fff;position: absolute;left: 0;top: 0;transform: translateX(110%);transition: all 0.6s;z-index: 101;} .nav_y_con.act{transform: translateX(0);transition: all 0.6s;} .nav_y_con .cuo{position: absolute;right: 5%;top: 30px;width: 30px;height: 30px;cursor: pointer;z-index: 102;} .nav_y_con .navy_top{display: flex;justify-content: space-between;padding: 100px 5% 20px;} .nav_y_con .navy_top .top_le,.nav_y_con .navy_top .top_re{width: 40px;height: 40px;border:1px solid #b5b5b5;border-radius: 50px;line-height: 38px;text-align: center;display: block;color: #999999;} .nav_y_con .navy_top .top_re{background: url(../images/sso.png) no-repeat center;background-size: 30px;} /* .nav_y_con .ul{padding-top: 100px;} */ .nav_y_con .ul{overflow-y:auto;height: 100%;} .nav_y_con .ul::-webkit-scrollbar{ width:0px;height: 0;} .nav_y_con .ul::-webkit-scrollbar-thumb{ background:#0069d1;} .nav_y_con .ul::-webkit-scrollbar-track{ background:#fff;} .nav_y_con .li{padding-left: 15px;margin-bottom: 10px;} .nav_y_con .li .ptop{display: block;line-height: 40px;position: relative;cursor: pointer;} .nav_y_con .li .ptop::after{content: "";position: absolute;left: -15px;width: 5px;height: 20px;background: #0069d1;top: 50%;transform: translateY(-50%);} .nav_y_con .li .ptop::before{content: "";position: absolute;right: 0;width: 40px;height: 40px;top: 0;background: url(../images/touj.png) center no-repeat;background-size: 15px;} .nav_y_con .li .ptop.act::before{transform: rotate(90deg);} .nav_y_con .li .txt{padding-left: 5px;display: none;} .nav_y_con .li .txt .atxt{padding-left: 15px;} .nav_y_con .li .txt a{display: block;line-height: 35px;} .nav_y_con .li.lis .txt .at{font-weight: bold;} .nav{position: absolute;width: 100%;height: 80px;z-index: 100;left: 0;top: 0;border-bottom: 1px solid rgba(0, 0, 0, .05);} .nav .nav_con{display: flex;justify-content: space-between;width: 95.3%;margin: 0 auto;} .nav .nav_con .logo{display: flex;align-items: center;} .nav .nav_con .logo a{display: block;} .nav .nav_con .ul{display: flex;height: 100%;} .nav .nav_con .nav_txt{display: flex;} .nav .nav_con .nav_txt .txt_re{display: flex;} .nav .nav_con .nav_txt .txt_re .re1 {display: flex;align-items: center;padding:0 30px;position: relative;} .nav .nav_con .nav_txt .txt_re .re1::after{content: "";width: 1px;height: 15px;background: rgba(255, 255, 255, 0.2);position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .nav .nav_con .nav_txt .txt_re .re1::before{content: "";width: 1px;height: 15px;background: rgba(255, 255, 255, 0.2);position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .nav .nav_con .nav_txt .txt_re .re1 a{display: block;color: #fff;} .nav .nav_con .nav_txt .txt_re .re2 {position: relative;padding: 0 30px;} .nav .nav_con .nav_txt .txt_re .re3{padding-left: 25px;display: flex;align-items: center;position: relative;} .nav .nav_con .nav_txt .txt_re .re3 .res{position: absolute;right: 30px;width: 0;overflow: hidden;} .nav .nav_con .nav_txt .txt_re .re3 .res input{width: 100px;height: 25px;outline: none;padding-left: 15px;border-radius: 5px;border: 1px solid #333333;background: #fff} .nav .nav_con .nav_txt .txt_re .re3 a{display: block;position: relative;} .nav .nav_con .nav_txt .txt_re .re3 a img:last-child{position: absolute;left: 0;top: 0;opacity: 0;} .nav .nav_con .nav_txt .txt_re .re2::after{content: "";width: 1px;height: 15px;background: rgba(255, 255, 255, 0.2);position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .nav .nav_con .nav_txt .txt_re .re2::before{content: "";width: 1px;height: 15px;background: rgba(255, 255, 255, 0.2);position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .nav .nav_con .nav_txt .txt_re .re2 .r1{display: flex;color: #fff;align-items: center;cursor: pointer;height: 100%;} .nav .nav_con .nav_txt .txt_re .re2 .r2{position: absolute;width: 150%;background: #fff;padding: 20px 0;border-radius: 5px;transform: translateY(20px);left: -25%;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;box-shadow: 0 0 1px 1px #f3f4f6;} .nav .nav_con .nav_txt .txt_re .re2 .r2 a{display: block;text-align: center;line-height: 40px;} .nav .nav_con .nav_txt .txt_re .re2 .r1 .r_img{position: relative;margin-left: 5px;} .nav .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;} .nav .nav_con .ul .li{padding: 0 30px;position: relative;} .nav .nav_con .ul a.lia{display: block;height: 100%;line-height: 80px;color: #fff;position: relative;} .nav .nav_con .ul a.lia::after{position: absolute;left: auto;right: 0;bottom: 0;width: 0;height: 3px;background: #014099;content: "";transition: all 0.6s;} .nav .nav_con .ul .li .li_txt{position: absolute;width: 100%;padding: 20px 0px;background: #fff;left: 0;border-radius: 5px;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;transform: translateY(20px);box-shadow: 0 0 1px 1px #f3f4f6;} .nav .nav_con .ul .li .li_txt a{display: block;line-height: 40px;text-align: center;} .nav .nav_con .ul .li:hover .li_txt{z-index: 100;pointer-events: visible;visibility: visible;opacity: 1;transform: translateY(1px);} .nav .nav_con .nav_txt .txt_re .re3:hover .res{width: 100px;} .nav.act4{background: none;} .nav.act1,.nav.act2,.nav.act3{background: #fff;} .nav.act1 .nav_con .ul a.lia,.nav.act2 .nav_con .ul a.lia,.nav.act3 .nav_con .ul a.lia,.nav.act4 .nav_con .ul a.lia{color: #333333;;} .nav.act1 .nav_con .nav_txt .txt_re .re1 a,.nav.act2 .nav_con .nav_txt .txt_re .re1 a,.nav.act3 .nav_con .nav_txt .txt_re .re1 a,.nav.act4 .nav_con .nav_txt .txt_re .re1 a{color: #333333;} .nav.act1 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act2 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act3 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1{color: #333333;} .nav.act1 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act2 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child{opacity: 1;} .nav.act1 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act2 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act3 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re3 a img:last-child{opacity: 1;} .nav.act1 .nav_con .nav_txt .txt_re .re1::before,.nav.act2 .nav_con .nav_txt .txt_re .re1::before,.nav.act3 .nav_con .nav_txt .txt_re .re1::before,.nav.act4 .nav_con .nav_txt .txt_re .re1::before{background: #999999;} .nav.act1 .nav_con .nav_txt .txt_re .re1::after,.nav.act2 .nav_con .nav_txt .txt_re .re1::after,.nav.act3 .nav_con .nav_txt .txt_re .re1::after,.nav.act4 .nav_con .nav_txt .txt_re .re1::after{background: #999999;} .nav.act1 .nav_con .nav_txt .txt_re .re2::before, .nav.act2 .nav_con .nav_txt .txt_re .re2::before, .nav.act3 .nav_con .nav_txt .txt_re .re2::before, .nav.act4 .nav_con .nav_txt .txt_re .re2::before{background: #999999;} .nav.act4 .nav_con .ul a.lia{color: #333333;} .nav .nav_con .ul .li:hover a.lia::after{width: 100%;left: 0;right: auto;transition: all 0.6s;} .nav .nav_con .nav_txt .txt_re .re2:hover .r2{opacity: 1;pointer-events: visible;visibility: visible;z-index: 100;transform: translateY(1px);} .nav .nav_con .ul .li.act a.lia::after{width: 100%;} .nav .nav_con .ul .li:hover a.lia::after{width: 100%;} .nav .nav_con .ul .li .li_txt a:hover{color: #014099;} .nav .nav_con .nav_txt .txt_re .re2 .r2 a:hover{color: #014099;} .nav .nav_con .nav_txt .txt_re .re1 a:hover{color: #014099;} /* 头部结束 */ @keyframes cx { 0%{opacity: 0;} 30%{opacity: 0;padding-top: 50px;} /* 40%{opacity: 0;padding-top: 50px;} */ 100%{opacity: 1;padding-top: 0px;} } @keyframes cx2 { 0%{opacity: 0;} 35%{opacity: 0;padding-top: 50px;} 100%{opacity: 1;padding-top: 0px;} } @keyframes cx3 { 0%{opacity: 0;} 40%{opacity: 0;padding-top: 50px;} 100%{opacity: 1;padding-top: 0px;} } @keyframes cx4 { 0%{opacity: 0;} 45%{opacity: 0;padding-top: 50px;} 100%{opacity: 1;padding-top: 0px;} } @keyframes cx5 { 0%{opacity: 0;} 50%{opacity: 0;padding-top: 50px;} 100%{opacity: 1;padding-top: 0px;} } @keyframes cx6 { 0%{opacity: 0;} 60%{opacity: 0;padding-top: 50px;} 100%{opacity: 1;padding-top: 0px;} } @keyframes pf { 0%{opacity: 0;margin-top: 25px;} /* 50%{opacity: 1;} */ 70%{opacity: 1;} 100%{opacity: 0.5;margin-top: 0px;} } @keyframes rc { 0%{opacity: 0.5;} 100%{opacity: 1;} 0%{opacity: 0.5;} } @keyframes xz { 0%{transform: rotate(0);} 100%{transform: rotate(360deg);} } .time{padding-top: 50px;opacity: 0;} .section.active .time{padding-top: 0;opacity: 1;animation: cx 0.5s linear alternate;} .section.active .time2{padding-top: 0;opacity: 1;animation: cx2 1.5s linear alternate;} .section.active .time3{padding-top: 0;opacity: 1;animation: cx3 1.6s linear alternate;} .section.active .time4{padding-top: 0;opacity: 1;animation: cx4 1.7s linear alternate;} .section.active .time5{padding-top: 0;opacity: 1;animation: cx5 1.8s linear alternate;} .section.active .time6{padding-top: 0;opacity: 1;animation: cx6 1.9s linear alternate;} .inx_con{position: relative;width: 100%;height: 100%;} .inx_img{width: 100%;height: 100%;} .in_2 .inx_img{position: relative;} .in_2 .inx_img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, .1);} .inx_img img{width: 100%;height: 100%;} .inx_con .in1_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;color: #fff;padding-top: 32.6vh;} .inx_con .in1_txt .t1{margin-bottom: 40px;} .inx_con .in1_txt .t2{line-height: 40px;} .shgipt{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, .5);z-index: 100;display: none;} .shgipt video{width: 100%;} .shgipt img{width: 30px;height: 30px;position: absolute;right: 0;top: -70px;cursor: pointer;} .shgipt .shig_con{width: 90%;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;} /* 第一屏 */ .in_1 .in1_sw {width: 100%;height: 100%;} .in_1 .in1_sw .sw_con{position: relative;width: 100%;height: 100%;} .in_1 .in1_sw .sw_con .con_img {width: 100%;height: 100%;} .in_1 .in1_sw .sw_con .con_img img{width: 100%;height: 100%;} .in_1 .in1_sw .sw_con .ship_b{display: flex;align-items: center;color: #fff;justify-content: center;cursor: pointer;z-index: 20;margin-top: 40px;position: relative;display: none;} .in_1 .in1_sw .sw_con .ship_b img{width: 25px;height: 25px;} .in_1 .in1_sw .sw_con .ship_b img{margin-right: 10px;} .in_1 .in1_sw .sw_con .con_img video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;} .in_1 .in1_sw .sw_con .con_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;padding-top: 32.6vh;} .in_1 .in1_sw .swiper-slide .sw_con .con_txt .txt{padding-top: 50px;opacity: 0;} .in_1 .in1_sw .sw_con .con_txt .t1{margin-bottom: 40px;color: #fff;} .in_1 .in1_sw .sw_con .con_txt .t2{line-height: 40px;color: #fff; text-shadow:2px 2px 8px #333} .in_1 .in1_sw .sw_con .con_txt .t3{line-height: 40px;color: #fff; border:2px solid #fff; margin:60px auto 0px; width:320px; font-size:20px; padding:10px 0px; text-shadow:0px 0px 8px #333;} .in_1 .in1_sw .swiper-slide-active .sw_con .con_txt .txt.time{padding-top: 0;opacity: 1;animation: cx 1s linear alternate;transition-delay:0.8s;} .in_1 .in1_sp{bottom:45px ;} .in_1 .in1_sp .swiper-pagination-bullet{margin: 0 50px;border: 2px solid rgba(255, 255, 255, 0.3);background: none;opacity: 1;} .in_1 .in1_sp .swiper-pagination-bullet-active{border: 2px solid #fff;} .in_1 .in1_sp span {position: relative;} .in_1 .in1_sp span::after{content: "";width: 102px;height: 1px;background: rgba(255, 255, 255, 0.3);position: absolute;left: 6px;top: 1px;} .in_1 .in1_sp span:last-child::after{content: none;} .in_1 .in1_sp .swiper-pagination-bullet-active::before{content: "";width: 35px;height: 35px;background: url(../images/shuang.png) center no-repeat;position: absolute;left: -15px;top: -15px;animation: xz 2s infinite linear ;} .in_2 .in2_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .in_2 .in2_txt .txt{display: flex;justify-content: space-between;height: 100%;align-items: center;} .in_2 .in2_txt .txt .txt_le{width: 45%;display: flex;align-items: center;color: #fff;} .in_2 .in2_txt .txt .txt_re{width: 40%;color: #fff;} .in_2 .in2_txt .txt .txt_le .le1{margin-bottom: 50px;} .in_2 .in2_txt .txt .txt_le .le2{margin-bottom: 25px;display: flex;align-items: center;} .in_2 .in2_txt .txt .txt_le .le3{line-height: 30px;margin-bottom: 45px;text-align: justify;} .in_2 .in2_txt .txt .txt_le .le2 s{display: inline-block;width: 4px;height: 4px;border-radius: 5px;background: rgba(255, 255, 255, 0.6);margin: 0 18px;} @keyframes jiant { 0%{transform: translateX(20px);} 20%{transform: translateX(30px);} 40%{transform: translateX(20px);} 100%{transform: translateX(20px);} } .liaoj{width: 165px;height: 40px;color: #fff;display: flex;align-items: center;} .liaoj .a_img{position: relative;transform: translateX(20px);animation: jiant 3s infinite linear alternate;} .liaoj .a_img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;} .liaoj span{width: 35px;height: 35px;border: 1px solid #fff;border-radius: 50px;} /* .liaoj:hover .a_img{transform: translateX(30px);} */ .liaoj:hover{color: #014099;} .liaoj:hover .a_img img:last-child{opacity: 1;} .liaoj:hover .a_img img:first-child{opacity: 0;} .liaoj:hover span{border: 1px solid #014099;} /* .liaoj.act .a_img{transform: translateX(30px);} */ .liaoj.act{color: #014099;} .liaoj.act .a_img img:last-child{opacity: 1;} .liaoj.act .a_img img:first-child{opacity: 0;} .liaoj.act span{border: 1px solid #014099;} .in_2 .in2_txt .txt .txt_re .li{display: flex;justify-content: space-between;} .in_2 .in2_txt .txt .txt_re .li .li_re{width: 43.75%;line-height: 28px;padding-top: 5px;} .in_2 .in2_txt .txt .txt_re .li {padding: 30px 0 60px;border-bottom: 2px solid rgba(255, 255, 255, 0.2);} .in_2 .in2_txt .txt .txt_re .li:first-child{border-top:2px solid rgba(255, 255, 255, 0.2) ;} .in_2 .in2_txt .txt .txt_re .li .li_le span{} .in_3 .in3_txt {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .in_3 .in3_txt .con{display: flex;justify-content: space-between;padding-right: 8.4%;height: 100%;} .in_3 .in3_txt .con .txt_le{width: 55%;} .in_3 .in3_txt .con .txt_le .le_img{position: relative;height: 100%;} .in_3 .in3_txt .con .txt_le .le_img img{width: 100%;height: 100%;transition: all 0.6s;} .in_3 .in3_txt .con .txt_le .le_img img.ding{position: absolute;left: 0;top: 0;} .in_3 .in3_txt .con .txt_re{width: 32.95%;padding-top: 26.3vh;} .in_3 .in3_txt .con .txt_re .re1{margin-bottom: 50px;} .in_3 .in3_txt .con .txt_re .re2{margin-bottom: 20px;} .in_3 .in3_txt .con .txt_re .re3{line-height: 30px;color: #555555;margin-bottom: 55px;text-align: justify;} .in_3 .in3_txt .con .txt_re .ul{position: relative;width: 100%;height: 100%;} .in_3 .in3_txt .con .txt_re .ul .li{position: absolute;left: 0;top: 0;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;transform: translateY(30px);transition: all 0.6s;} .in_3 .in3_txt .con .txt_le .les{width: 0%;position: absolute;cursor: pointer;} .in_3 .in3_txt .con .txt_le .le1{top: 25.6vh;left: 48.3%;} .in_3 .in3_txt .con .txt_le .le2{top: 37.26vh;left: 49.6%;} .in_3 .in3_txt .con .txt_le .le3{top: 49.95vh;left: 50.2%;} .in_3 .in3_txt .con .txt_le .le4{top: 61.6vh;left: 50.3%;} .in_3 .in3_txt .con .txt_le .le5{top: 74.2vh;left: 49.4%;} .in_3 .in3_txt .con .txt_le .le6{top: 85.6vh;left: 48.2%;} .in_3 .in3_txt .con .txt_le .les .l2{width: 50px;height: 50px;border: 2px solid rgba(1, 64, 153, 0.3);position: absolute;border-radius: 50px;left: 0;top: 0;transform: translate(-50%,-50%);opacity: 0;} .in_3 .in3_txt .con .txt_le .les .l2::after{width: 50px;height: 50px;border-right: 2px solid #014099;content: "";left: -2px;top: -2px;border-radius: 0 100% 100% 100%;position: absolute;transform: rotate(-45deg);transition: all 0.6s;} .in_3 .in3_txt .con .txt_le .les .l1{width: 8px;height: 8px;border-radius: 10px;background: #014099;top: 50%;transform: translate(-50%,-50%);position: absolute;} .in_3 .in3_txt .con .txt_le .les .l3{width: 150px;position: absolute;left: 15px;top: -10px;} .in_3 .in3_txt .con .txt_re .ul .li.act{opacity: 1;visibility: visible;pointer-events: visible;z-index: 2;transform: translate(0);transition: all 0.6s;} .in_3 .in3_txt .con .txt_le .les.act .l3{left: 35px;} .in_3 .in3_txt .con .txt_le .les.act .l2{opacity: 1;} .in_3 .in3_txt .con .txt_le .les:hover .l2{opacity: 1;} .in_3 .in3_txt .con .txt_le .les:hover .l2::after{transform: rotate(360deg);transition: all 0.6s;} .in_3 .in3_txt .con .txt_le .les:hover .l3{left: 35px;} .in_4 .in4_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 28.6vh;color: #fff;text-align: center;} .in_4 .in4_txt .txt1{margin-bottom: 45px;} .in_4 .in4_txt .txt2{line-height: 35px;margin-bottom: 25px;} .in_4 .in4_txt .txt3{line-height: 30px;} .in_4 .in4_txt .ul{display: flex;width: 1240px;margin: 0 auto;justify-content: space-between;margin-top: 11.58vh;} .in_4 .in4_txt .ul .li a{color: #fff;display: block;} .in_4 .in4_txt .ul .li:first-child{animation: cx2 1.5s linear alternate;} .in_4 .in4_txt .ul .li img{margin: 0 auto;} .in_4 .in4_txt .ul .li span{display: block;margin-top: 20px;} .guonei{position: absolute;left:0 ;top: 0;width: 100%;z-index: -2;opacity: 0;visibility: hidden;pointer-events: none;transition: all 0.6s;} .guonei.act{z-index: 5;opacity: 1;visibility: visible;pointer-events: visible;transition: all 2s;} .in_5 .in5_img img{width: 100%;} .inx_top{text-align: center;padding-top: 16.84vh;z-index: 10;position: relative;} .in_5 .guo_con{position: absolute;width: 100%;left: 0;top: 0;height: 100%;} .in_5 .guo_con .cs{width: 110px;height: 110px;background: url(../images/in5_2.png) center no-repeat;background-size: cover;position: absolute;top: 60%;left: 22.9%;display: flex;align-items: center;justify-content: center;color: #fff;} .in_5 .guo_con .cs .sps{display: flex;align-items: flex-end;} .in_5 .guo_con .cs .sps span:last-child{transform: translateY(-5px);} .in_5 .guo_con .cs span{display: block;text-align: center;margin-bottom: 7px;} .in_5 .guo_con .cs p{display: block;text-align: center;} .in_5 .guo_con .cs s{position: absolute;width: 100%;height: 100%;left: 0;top: 0;box-shadow: 0 0 5px 5px #eaeeea;border-radius: 100%;transform: scale(1.12);} .in_5 .guo_con .con2{left: 35.68%;top: 74.2%;} .in_5 .guo_con .con3{left: 64.85%;top: 49.5%;} .in_5 .guo_con .con4{left: 76%;top: 63.7%;} .in_5 .guo_ding{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .in_5 .guo_ding .dings{position: absolute;left: 35%;top: 55.79%;width: 6px;height: 6px;} .in_5 .guo_ding .dings{} .in_5 .guo_ding .dings span{display: block;width: 6px;height: 6px;background: #1777e6;border-radius: 10px;position: absolute;} .in_5 .guo_ding .dings span .ss{ width: 14px;left: -4px;top: -4px;height: 14px;border: 1px solid #6ba8ef;position: absolute;border-radius: 100px;box-shadow: 0px 0px 3px rgba(107, 168, 239, 1) inset; text-shadow: 0px 0px 3px rgba(107, 168, 239, 1) inset;} .in_5 .guo_ding .dings .s{width: 6px;height: 25px;position: absolute;background:url(../images/piao.png) center no-repeat ;display: block;border-radius: 100px;background-size: cover;} /* .in_5 .guo_ding .dings .s::after{position: absolute;width: 4px;height: 25px;background: url(../images/piao.png) center no-repeat;content: "";left: 1px;top: 5px;} */ .in_5 .guo_ding .dingw1 .s.s1{transform: translateY(-17px);left: -17px; animation: pf 1.5s ease-out infinite;} .in_5 .guo_ding .dingw1 .s.s2{transform: translateY(-5px);right: -17px;animation: pf 1.5s ease-out infinite;animation-delay: 0.5s; -webkit-animation-delay: 0.5s;} .in_5 .guo_ding .dingw2 .s.s1{transform: translateY(-5px);left: -17px;animation: pf 1.5s ease-out infinite;animation-delay: 0.5s; -webkit-animation-delay: 0.5s;} .in_5 .guo_ding .dingw2 .s.s2{transform: translateY(-13px);right: -17px;animation: pf 1.5s ease-out infinite;} .in_5 .guo_ding .ding {} /* 国内 */ .in_5 .guo_ding .ding2{left: 37.865%;top: 39.69%;} .in_5 .guo_ding .ding3{left: 45%;top: 51.79%;} .in_5 .guo_ding .ding4{left: 49.58%;top: 50.53%;} .in_5 .guo_ding .ding5{left: 48.7%;top: 56.84%;} .in_5 .guo_ding .ding6{left: 46.6%;top: 72.6%;} .in_5 .guo_ding .ding7{left: 49.9%;top: 61.58%;} .in_5 .guo_ding .ding8{left: 50.78%;top: 63.68%;} .in_5 .guo_ding .ding9{left: 50.79%;top: 70.5%;} .in_5 .guo_ding .ding10{left: 53.34%;top: 73.05%;} .in_5 .guo_ding .ding11{left: 52.24%;top: 83.68%;} .in_5 .guo_ding .ding12{left: 52.08%;top: 56.85%;} .in_5 .guo_ding .ding13{left: 53.9%;top: 51.58%;} .in_5 .guo_ding .ding14{left: 54.7%;top: 54.7%;} .in_5 .guo_ding .ding15{left: 55.2%;top: 62.4%;} .in_5 .guo_ding .ding16{left: 54.69%;top: 67.16%;} .in_5 .guo_ding .ding17{left: 56.5%;top: 65.79%;} .in_5 .guo_ding .ding18{left: 56.4%;top: 75.8%;} .in_5 .guo_ding .ding19{left: 56.1%;top: 48.95%;} .in_5 .guo_ding .ding20{left: 56.77%;top: 44.74%;} .in_5 .guo_ding .ding21{left: 57.55%;top: 46.84%;} .in_5 .guo_ding .ding22{left: 58.33%;top: 52.1%;} .in_5 .guo_ding .ding23{left: 58.855%;top: 62.1%;} .in_5 .guo_ding .ding24{left: 59.3%;top: 70.5%;} .in_5 .guo_ding .ding25{left: 60.42%;top: 64.5%;} .in_5 .guo_ding .ding26{left: 59.9%;top:57.4%;} .in_5 .guo_ding .ding27{left: 61.2%;top:61.05%;} .in_5 .guo_ding .ding28{left: 59.9%;top:38.4%;} .in_5 .guo_ding .ding29{left: 61.46%;top:41.05%;} .in_5 .guo_ding .ding30{left: 63.28%;top:30.5%;} .in_5 .guo_ding .ding31{left: 63.64%;top:38.4%;} .in_5 .qeihuan{position: absolute;left: 8.3%;bottom: 8.1vh;z-index: 15;text-align: center;line-height: 50px;} .in_5 .qeihuan .qie{width: 180px;height: 50px;border-radius: 24px;box-shadow: 0 3px 5px 5px #f8f8f9;margin-bottom: 25px;cursor: pointer;} .in_5 .qeihuan .qie:last-child{margin-bottom: 0;} .in_5 .qeihuan .qie span{display: flex;align-items: center; box-shadow: 0px 7px 12px #f5f6f9 inset; text-shadow: 0px 7px 12px #f5f6f9 inset;border-radius: 24px;border: 2px solid #fff;border-bottom: none;color: #014099;justify-content: center;} .in_5 .qeihuan .qie .dimg{position: relative;margin-right: 10px;} .in_5 .qeihuan .qie .dimg img:last-child{position: absolute;left: 0;top: 0;opacity: 0;} .in_5 .qeihuan .qie.act .dimg img:last-child{opacity: 1;} .in_5 .qeihuan .qie.act .dimg img:first-child{opacity: 0;} .in_5 .qeihuan .qie.act span{background: url(../images/jianb.png) center no-repeat;background-size: cover;box-shadow: none;color: #fff;} .in_5 .qeihuan .qie:hover .dimg img:last-child{opacity: 1;} .in_5 .qeihuan .qie:hover .dimg img:first-child{opacity: 0;} .in_5 .qeihuan .qie:hover span{background: url(../images/jianb.png) center no-repeat;background-size: cover;box-shadow: none;color: #fff;} /* 国际地图 */ .in_5 .guowai .guo_con .con1{left: 25.5%;top: 67.9%;} .in_5 .guowai .guo_con .con2{left: 38.55%;top: 51.58%;} .in_5 .guowai .guo_con .con3{left: 45.3%;top: 75.79%;} .in_5 .guowai .guo_con .con4{left: 62.76%;top: 71.58%;} .in_5 .guowai .guo_ding .ding1{left: 19.95%;top: 39.58%;} .in_5 .guowai .guo_ding .ding2{left: 30.625%;top: 54%;} .in_5 .guowai .guo_ding .ding3{left: 29.2%;top: 61.05%;} .in_5 .guowai .guo_ding .ding4{left: 33.34%;top: 66.32%;} .in_5 .guowai .guo_ding .ding5{left: 36.875%;top: 77.69%;} .in_5 .guowai .guo_ding .ding6{left: 40.1%;top: 72.6%;} .in_5 .guowai .guo_ding .ding7{left: 48.8%;top: 52.63%;} .in_5 .guowai .guo_ding .ding8{left: 50.78%;top: 66.31%;} .in_5 .guowai .guo_ding .ding9{left: 49.85%;top: 49.5%;} .in_5 .guowai .guo_ding .ding10{left: 51.04%;top: 47.37%;} .in_5 .guowai .guo_ding .ding11{left: 51.8%;top: 49.5%;} .in_5 .guowai .guo_ding .ding12{left: 53.125%;top: 46.85%;} .in_5 .guowai .guo_ding .ding13{left: 54.58%;top:48.4%;} .in_5 .guowai .guo_ding .ding14{left: 53.96%;top: 50.53%;} .in_5 .guowai .guo_ding .ding15{left: 55.625%;top: 47.9%;} .in_5 .guowai .guo_ding .ding16{left: 56.146%;top: 54%;} .in_5 .guowai .guo_ding .ding17{left: 56.625%;top: 58.4%;} .in_5 .guowai .guo_ding .ding18{left: 58.44%;top: 56.84%;} .in_5 .guowai .guo_ding .ding19{left: 57.7%;top: 61.05%;} .in_5 .guowai .guo_ding .ding20{left: 61.46%;top: 57.37%;} .in_5 .guowai .guo_ding .ding21{left: 62.4%;top: 58.95%;} .in_5 .guowai .guo_ding .ding22{left:64.58%;top: 61.58%;} .in_5 .guowai .guo_ding .ding23{left: 67.08%;top: 60%;} .in_5 .guowai .guo_ding .ding24{left: 68.6%;top: 61.37%;} .in_5 .guowai .guo_ding .ding25{left: 70.2%;top: 63.685%;} .in_5 .guowai .guo_ding .ding26{left: 69.3%;top:69.16%;} .in_5 .guowai .guo_ding .ding27{left: 73.645%;top:71.579%;} .in_5 .guowai .guo_ding .ding28{left: 73.96%;top:67.37%;} .in_5 .guowai .guo_ding .ding29{left: 69.95%;top:39.5%;} .in_5 .guowai .guo_ding .ding30{left: 74.48%;top:53.37%;} .in_5 .guowai .guo_ding .ding31{left: 76.823%;top:55.158%;} .in_6 .inx_con{background: url(../images/ind6_b.jpg) left no-repeat;background-size: cover;padding-top:20.47vh ;} .in_6 .in6_con{display: flex;justify-content: space-between;} .in_6 .in6_con .con_le{width: 18.75%;color: #333333;} .in_6 .in6_con .con_re{width: 75%;position: relative;} .in_6 .in6_con .con_le .le_top{margin-bottom: 55px;} .in_6 .in6_con .con_le .le_bot{margin-bottom: 23.15vh;} .in_6 .in6_con .con_le .le_bot a{display: table;margin-bottom: 25px;} .in_6 .in6_con .con_le .le_bot a.act{border-bottom: 1px solid #014099;color: #014099;} .in_6 .in6_con .con_re .ul{display: flex;position:absolute;left: 0;top: 0;width: 100%;opacity: 0;visibility:hidden;pointer-events: none;z-index: -2;} .in_6 .in6_con .con_re .ul .li{width: 30%;margin-right: 5%;} .in_6 .in6_con .con_re .ul .li a{display: block;} .in_6 .in6_con .con_re .ul .li:last-child{margin-right: 0;} .in_6 .in6_con .con_re .ul .li .li_tim span{display: block;font-family: din;} .in_6 .in6_con .con_re .ul .li .li_tim span.sp1{margin-bottom: 5px;transform: translateX(-5px);} .in_6 .in6_con .con_re .ul .li .li_img{overflow: hidden;margin: 35px 0 15px; border:1px solid #ddd;} .in_6 .in6_con .con_re .ul .li .li_txt .txt1{line-height: 35px;height: 40px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .in_6 .in6_con .con_re .ul .li .li_txt .txt2{line-height: 30px;text-align: justify;margin: 5px 0 30px;height: 60px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .in_6 .in6_con .con_re .ul .li .li_txt .txt3{position: relative;} .in_6 .in6_con .con_re .ul .li .li_txt .txt3 img:last-child{position: absolute;left: 0;top: 0;} .in_6 .in6_con .con_re .ul .li .li_txt .txt3 img:first-child{opacity: 0;} .in_6 .in6_con .con_re .ul .li:hover .li_img img{transform: scale(1.05);} .in_6 .in6_con .con_re .ul .li:hover .li_txt .txt3 img:last-child{opacity: 0;} .in_6 .in6_con .con_re .ul .li:hover .li_txt .txt3 img:first-child{opacity: 1;} .in_6 .in6_con .con_re .ul.act{opacity: 1;z-index: 2;pointer-events: visible;visibility: visible;} .in_6 .in6_con .con_le .le_bot a:hover {color: #014099;} .in_6 .in6_con .con_re .ul .li:hover .li_txt .txt1{color: #014099;} .in_7 {background: #333333;} /* .in_7 */ .in_7 .con_top{padding: 70px 0;display: flex;justify-content: space-between;} .in_7 .con_top .top_le{width: 32.5%;color: rgba(255, 255, 255, 0.6);} .in_7 .con_top .top_re{width: 59.375%;} .in_7 .con_top .top_le .le2{display: flex;margin-top: 60px;} .in_7 .con_top .top_le .le_le{width: 90px;text-align: center;margin-right: 20px;} .in_7 .con_top .top_le .le_re{width: calc(100% - 110px);} .in_7 .con_top .top_le .le_le img{margin-bottom: 10px;} .in_7 .con_top .top_le .re1{display: flex;align-items: flex-start;line-height: 20px;margin-bottom: 17px;} .in_7 .con_top .top_le .re1 span:first-child{display: flex;align-items: center;} .in_7 .con_top .top_le .re1 .ls{width: calc(100% - 80px);} .in_7 .con_top .top_le .re1 s{display: block;width: 1px;height: 13px;background: rgba(255, 255, 255, 0.6);margin: 0 7px 0 10px;} .in_7 .con_top .top_le .re1 a{display: block;color:rgba(255, 255, 255, 0.6);} .in_7 .con_top .top_re .ul{display: flex;justify-content: space-between;} .in_7 .con_top .top_re .li a:first-child{font-weight: bold;font-size: 18px;color: #fff;height: 40px;line-height: normal;} .in_7 .con_top .top_re .li a{color: rgba(255, 255, 255, 0.6);display: block;line-height: 35px;} .in_7 .con_bot{display: flex;justify-content: space-between;height: 60px;align-items: center;border-top: 1px solid rgba(255, 255, 255, 0.1);} .in_7 .con_bot a,.in_7 .con_bot span{display: block;color: rgba(255, 255, 255, 0.6);} .in_7 .con_bot .bot_le{display: flex;} .in_7 .con_bot .bot_re{display: flex;} .in_7 .con_top .top_le .re1 a:hover{color:#fff;} .in_7 .con_top .top_re .li a:hover{color: #fff;} .in_7 .con_bot a:hover{color: #fff;} .nav .nav_con .logo a img{height:60px;} @media screen and (max-width:1680px) { .f_16{font-size: 14px;} .f_18{font-size: 16px;} .f_20{font-size: 18px;} .f_22{font-size: 20px;} .f_24{font-size: 22px;} .f_26{font-size: 22px;} .f_28{font-size: 26px;} .f_32{font-size: 26px;} .f_36{font-size: 32px;} .f_42{font-size: 36px;} .f_48{font-size: 40px;} .f_54{font-size: 46px;} .f_60{font-size: 42px;} .f_64{font-size: 42px;} .f_72{font-size: 52px;} .f_88{font-size: 60px;} .p_100{padding: 70px 0;} .p_100_45{padding: 70px 0 30px;} .p_100_120{padding: 70px 0 80px;} .pb_120{padding-bottom: 80px;} .p_100_80{padding: 70px 0 50px;} .p_75_100{padding: 50px 0 70px;} .p_20_120{padding: 20px 0 80px;} .p_80{padding: 50px 0;} .p_100_50{padding: 70px 0 30px;} .p_80_100{padding: 50px 0 70px;} .p_100_60{padding: 70px 0 50px;} .nav .nav_con .ul .li{padding: 0 20px ;} .in_2 .in2_txt .txt .txt_re .li .li_re{width: 50%;} .in_2 .in2_txt .txt .txt_re .li{padding: 30px 0;} } @media screen and (max-width:1400px) { .nav .nav_con .ul .li{padding: 0 15px;} .nav .nav_con .nav_txt .txt_re .re1{padding: 0 15px;} .nav .nav_con .nav_txt .txt_re .re2{padding: 0 15px;} .nav .nav_con .nav_txt .txt_re .re3{padding-left: 15px;} .nav .nav_con .logo a img{width: 80px;} } @media screen and (max-width:1100px) { .nav .nav_con .logo a img{width: 70px;} } @media screen and (max-width:1050px) { .fw{font-weight: 400;} .pc{display: none;} .yd{display: block;} body{min-width: 200px;} .ibox{min-width: 200px;width: 90%;} .box{min-width: 200px;width: 90%;} .f_16{font-size: 14px;} .f_22{font-size: 18px;} .f_24{font-size: 14px;} .f_26{font-size: 18px;} .f_28{font-size: 20px;} .f_32{font-size: 22px;} .f_36 {font-size: 22px;} .f_42{font-size: 24px;} .f_48{font-size: 24px;} .f_54{font-size: 26px;} .f_60{font-size: 30px;} .f_64{font-size: 36px;} .f_72{font-size: 22px;} .f_88{font-size: 24px;} .p_100{padding: 30px 0;} .p_100_45{padding: 30px 0 10px;} .p_100_120{padding: 30px 0;} .pb_120{padding-bottom: 30px;} .p_100_80{padding: 30px 0;} .p_80{padding: 30px 0;} .p_75_100{padding: 30px 0;} .p_20_120{padding: 20px 0 30px;} .p_100_50{padding: 30px 0;} .p_80_100{padding: 30px 0;} .p_100_60{padding: 30px 0;} .nav{display: none;} .nav_y{display: block;} .in_1 .in1_sp{bottom: 25px;} .in_1 .in1_sp .swiper-pagination-bullet-active::before{left: -16px;top: -16px;} .in_1 .in1_sw .sw_con .con_txt .t1{margin-bottom: 10px;} .in_1 .in1_sw .sw_con .con_txt{padding-top: 150px;} .in_1 .in1_sp .swiper-pagination-bullet{margin: 0 20px;} .in_1 .in1_sp span::after{width: 40px;} .in_2{background: url(../images/ind2_1.jpg) center no-repeat;background-size: cover;} .in_2 .inx_img{display: none;} .in_2 .in2_txt{position: static;padding-bottom: 30px;} .time{opacity: 1;padding: 0;} .in_2 .in2_txt .txt{flex-wrap: wrap;} .in_2 .in2_txt .txt .txt_le{width: 100%;padding-top: 35px;} .in_2 .in2_txt .txt .txt_re{padding-top: 30px;width: 100%;} .in_2 .in2_txt .txt .txt_le .le1{margin-bottom: 30px;} .in_2 .in2_txt .txt .txt_le .le2{margin-bottom: 30px;} .in_2 .in2_txt .txt .txt_le .le3{margin-bottom: 25px;display: none;} /* .in_2 .in2_txt .txt .txt_re .li{padding: 10px 0;} */ .in_1 .in1_sw .sw_con .con_img video{display: none;} .in_2 .in2_txt .txt .txt_re .li .li_re{width: calc(100% - 90px);padding: 0;} .in_3 .in3_txt .con{flex-wrap: wrap;padding: 0;} .in_3 .in3_txt .con .txt_le{width: 100%;position: relative;color: #fff;} .in_3 .in3_txt .con .txt_re{width: 100%;} .in_3 .inx_img{display: none;} .in_3 .in3_txt{position: static;} .in_3 .in3_txt .con .txt_re{padding-top: 30px;} .in_3 .in3_txt .con .txt_le .le1{left: 10%;top: 20%;} .in_3 .in3_txt .con .txt_le .le2{left: 10%;top: 35%;} .in_3 .in3_txt .con .txt_le .le3{left: 10%;top: 50%;} .in_3 .in3_txt .con .txt_le .le4{left: 10%;top: 65%;} .in_3 .in3_txt .con .txt_le .le5{left: 10%;top: 80%;} .in_3 .in3_txt .con .txt_le .le6{left: 10%;top: 95%;} .in_3 .in3_txt .con .txt_re .ul{width: 100%;} .in_3 .in3_txt .con .txt_re .ul .li{padding:0 5%;} .in_3{background: url(../images/ind3.jpg) right no-repeat;background-size: cover;} .in_3 .in3_txt .con .txt_re .re1{margin-bottom: 25px;} .in_3 .in3_txt .con .txt_re .re2{margin-bottom: 15px;} .in_3 .in3_txt .con .txt_re .re3{margin-bottom: 25px;max-height: 155px;overflow-y: auto;padding-right: 15px;} .in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar{ width:3px;height: 1px;} .in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar-thumb{ background:#014099;} .in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar-track{ background:#fff;} .in_4{background: url(../images/ind4_b.jpg) center no-repeat;background-size: cover;} .in_4 .inx_img {display: none;} .in_4 .in4_txt{position: static;padding: 80px 0 100px;} .in_4 .in4_txt .txt1{margin-bottom: 25px;} .in_4 .in4_txt .txt2{margin-bottom: 15px;} .in_4 .in4_txt .ul{margin-top: 60px;} .in_4 .in4_txt .ul{width: 100%;flex-wrap: wrap;} .in_4 .in4_txt .ul .li{width:50%;margin-bottom: 20px;} .in_4 .in4_txt .ul .li .li_con ,.in_4 .in4_txt .ul .li .li_img {width: 170px;} .in_5 .guo_con{position: static;display: none;} .in_5 .guo_ding{display: none;} /* .in_5 .guo_con .cs{position: sticky;} */ .inx_top{padding-top: 30px;} .in_5{height: auto;padding: 30px 0 100px;overflow: hidden;} .guonei{top: 0px;position: relative;display: none;} .guonei.act{display: block;} .in_5 .qeihuan{bottom: -50px;left: 0%;margin-left: 0px;position: relative;width: 100%;} /* .in_5 .qeihuan{position: static;} */ /* .guonei{position: static;} */ .in_6 .inx_con{padding-top: 30px;} .in_6 .in6_con{flex-wrap: wrap;} .in_6 .in6_con .con_le{width: 100%;margin-bottom: 10px;} .in_6 .in6_con .con_re{width: 100%;height: auto;} .in_6 .in6_con .con_re .ul{flex-wrap: wrap;position: static;} .in_6 .in6_con .con_re .ul .li{width: 100%;margin-bottom: 30px;margin-right: 0;} .in_6 .in6_con .con_re .ul .li a{display: block;width: 100%;} .in_6 .in6_con .con_le .le_bot{margin-bottom: 0px;display: flex;margin-bottom: 15px;} .in_6 .in6_con .con_le .le_bot a{margin-right: 20px;margin-bottom: 10px;} .in_6 .in6_con .con_le .le_top{margin-bottom: 20px;} .in_6 .in6_con .con_re .ul .li .li_img{margin: 20px 0; border:1px solid #ddd;} /* .in_6 .in6_con .con_re .ul .li .li_img img{width: 100%;} */ .in_6 .in6_con .con_re .ul .li .li_txt .txt2{margin: 10px 0 0px 0px;} .in_6 .in6_con .con_re .ul .li .li_txt .txt1{line-height: 30px;height: 30px;} .in_7 .con_top .top_re{display: none;} .in_7 .con_top .top_le{width: 100%;} .in_7 .con_bot{flex-wrap: wrap;justify-content: center;height: auto;padding: 15px 0;line-height: 25px;} .in_7 .con_bot .bot_le{flex-wrap: wrap;justify-content: center;} .in_7 .con_bot .bot_re{flex-wrap: wrap;justify-content: center;} .in_7 .con_top{padding: 25px 0;} .in_7 .con_top .logo2{width: 180px;} .in_7 .con_top .top_le .le2{margin-top: 30px;} .in_1 .in1_sw .sw_con .con_txt .t2{line-height: 35px;} .in_6 .in6_con .con_re .ul .li .li_tim span.sp1{font-size: 30px;transform: translateX(0px);} /* .in_3 .in3_txt .con .txt_le .le_img img.ding{opacity: 0;} */ .in_3 .in3_txt .con .txt_le .le_img{height: 280px;} .in_3 .in3_txt .con .txt_le .le_img::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, .5);} .in_3 .in3_txt .con .txt_re .ul{height: 400px;} .in_4 .in4_txt .ul .li img{width: 50px;} .in_3 .in3_txt .con .txt_le .les{z-index: 3;} .in_5 .qeihuan .qie{width: 150px;margin-right: 20px;margin-bottom: 0;} .in_5 .qeihuan .qie:first-child{margin-left: 0;} .in_5 .qeihuan{display: flex;justify-content: center;} .in_1 .in1_sw .sw_con .con_txt{pointer-events: visible !important;} .in_1 .in1_sw .sw_con .ship_b{display: flex;} }