/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*挂件分页样式*/ .util-page{ font-size:0; color:#000; text-align:center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color:#000;display:inline-block;border:1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align:middle;margin:0 0 10px -1px;background:#fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#ea0a2a;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; } .util-page .gobutton .ion{ font-size:.8em;} .util-page .count { margin-left:10px; color:#000; background:none; border:none; } .util-page span.jump{ background:none; color:#000;display:inline-block; margin:0 7px; vertical-align:top; } .util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background:none; border:none;color:#000; font-size:14px; } .util-page .jumpto_inp{ width:40px; text-align:center; height:37px; line-height:37px; vertical-align:top; } /*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/ .BdMapArea { margin:0 auto 55px; max-width:1200px; } .BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; } .BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-width:760px) { .BdMapArea { display:none; } } /*默认隐藏百度分享触控弹层*/ .bdshare_popup_box { display:none!important;} /* 常量设置 */ html{font-size:100px;} .wrap { width:1660px; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:16px; line-height:1.6; color:#5d5d5d; background:#fff;} a{color:inherit;} a:hover { color:#ea0a2a;} ::-moz-selection {color:#fff; background:#ea0a2a; } ::selection {color:#fff; background:#ea0a2a; } ::-webkit-input-placeholder { color:#5d5d5d; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ .fz46{font-size:46px; line-height:62px; color:#000; font-family:'ali_bold'; } .fz24{font-size:24px; line-height:36px;} .fz20{font-size:20px; line-height:36px;} .fz18{font-size:18px; line-height:30px;} .fz16{font-size:16px; line-height:24px;} /* .pageHeader{position:relative; z-index:20;} */ /* .xc_pageHeader{height:84px;} */ .header{position:fixed; left:0; top:0!important; width:100%; z-index:50; background:rgba(255,255,255,.7); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);} .header .h_logo{position:absolute; left:50%; top:20px; transform:translateX(-50%);} .header .h_logo a{display:block; font-size:0;} .header .h_logo a img{height:37px;} .header .inav_wrapper{width:84%; float:left;} .header .inav .nav_li{line-height:34px; padding:20px 0;} .header .inav .nav_li>a{padding:0 16px;} .header .h_tool{width:15%;} .header .h_tool .h_menu{padding-top:25px; margin-left:20px; display:none; cursor:pointer;} .header .h_tool .h_menu .icon{width:24px; height:24px; background:url(../svg/h_menu.svg) no-repeat center; background-size:cover;} .header .h_tool .h_menu.cur .icon{background:url(../svg/h_close.svg) no-repeat center; background-size:cover;} /* 语言 */ .header .h_lan{padding:20px 0;} .header .h_lan>span{font-size:15px; color:#000; height:34px; line-height:34px; display:block; cursor:pointer} .header .h_lan>span i{font-size:21px;} /* 搜索 */ .header .h_search{padding:20px 0; padding-right:20px; width:calc(100% - 90px);} .header .h_search form{border:1px solid #5d5d5d; border-radius:30px; position:relative; overflow:hidden;} .header .h_search form .inp{height:32px; line-height:32px; border:none; font-size:14px; padding:0 15px; width:72%; box-sizing:border-box; background:transparent;} .header .h_search form .btns{border:none; position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; padding:0; margin:0; outline:none; font-size:0; cursor:pointer;} .header .h_search form .btns i{font-size:18px;} /* 语言版本 */ .header .h_lan{position:relative;} .header .h_lan .lan_down{position:absolute; top:100%; left: 50%; margin-left:-60px; width:120px; text-align:center; background:#fff; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); padding:10px; box-sizing:border-box; display:none;} .header .h_lan .lan_down li{padding:2px 10px; font-size:16px; line-height:30px; color:#333;} .header .h_lan .lan_down li a{display:block;} .header .h_lan .lan_down li.cur{color:#ea0a2a;} /* 导航下拉 */ .header .m_nav{display:none;} .header .inav_wrapper .inav_down{position:absolute; width:100%; left:0; top:100%; box-shadow:0 9px 15px -5px rgba(0, 0, 0, 0.05); display:none;} .header .inav_wrapper .inav_down .down_box{width:100%; background:rgba(255, 255, 255, 0.7); background:#f6f6f6; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(30px); position:relative; display:flex; justify-content:center; align-items:center;} .header .inav_wrapper .inav_down .down_box .nav_fir{position:relative; padding-right:20px; margin-right:2px;} .header .inav_wrapper .inav_down .down_box .nav_fir::before{content:''; position:absolute; top:50%; transform:translateY(-50%); right:0; width:1px; height:.17rem; background:rgba(0, 0, 0, 0.2);} .header .inav_wrapper .inav_down .down_box .nav_fir a{font-size:14px; font-family:'ali_bold';; line-height:58px; display:block; color:#000; transition:all 0.36s; display:block;} .header .inav_wrapper .inav_down .down_box .nav_fir a:hover{color:#ea0a2a;} .header .inav_wrapper .inav_down .down_box .sec_box{display:flex;} .header .inav_wrapper .inav_down .down_box .sec_box .nav_sec{padding:0 20px; color:#000;} .header .inav_wrapper .inav_down .down_box .sec_box .nav_sec>a{font-size:14px; line-height:58px; display:block; position:relative;} .header .inav_wrapper .inav_down .down_box .sec_box .nav_sec.cur>a{color:#ea0a2a;} /* 如果有三级 */ .header .inav_wrapper .inav_down .down_box .sec_box .nav_sec.hasThr>a{padding-right:20px;} .header .inav_wrapper .inav_down .down_box .sec_box .nav_sec.hasThr>a::after{content:'\e69d'; position:absolute; right:0; top:0; height:100%; font-family:'iconfont'!important; margin:0; font-size:12px; color:#ea0a2a; font-weight:bold;} .header .inav_wrapper .inav_down .down_box .sec_box .nav_sec .thr_down{position:absolute; width:100%; left:0; top:100%; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.06); background:rgba(255, 255, 255, 0.8); backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px); display:none;} .header .inav_wrapper .inav_down .down_box .sec_box .nav_sec .thr_down ul{display:flex; justify-content:center;} .header .inav_wrapper .inav_down .down_box .sec_box .nav_sec .thr_down ul li{padding:0 .25rem; color:#666;} .header .inav_wrapper .inav_down .down_box .sec_box .nav_sec .thr_down ul li a{display:block; font-size:14px; line-height:.6rem;} .header .inav_wrapper .inav_down .down_box .sec_box .nav_sec .thr_down ul li.cur>a{color:#ea0a2a;} /* 底部 */ .pageFooter{background:#1c2025;} .f_top{padding:80px 0; border-bottom:1px solid #fff; border-color:rgba(255,255,255,.05)} .f_top .left{width:34%; float:left;} .f_top .left .txt{font-size:18px; line-height:26px; color:#fff; margin:40px 0 13px;} .f_top .left .stock .num{font-size:36px; line-height:40px; display:inline-block; position:relative;} .f_top .left .stock .num .icon{width:26px; height:26px; background:url(../svg/up.svg); background-size:cover; position:absolute; top:5px; left:105%;} .f_top .left .stock.up .num{color:#ff0000;} .f_top .left .stock.up .num .icon{background:url(../svg/up.svg); background-size:cover;} .f_top .left .stock.down .num{color:#008000;} .f_top .left .stock.down .num .icon{background:url(../svg/down.svg); background-size:cover;transform:rotateZ(180deg);} .f_top .left .text{font-size:15px; color:#fff; color:rgba(255,255,255,.2); margin-top:8px;} .f_top .right{width:66%; float:right;} .f_top .right dl{float:left; width:29%; float:left;} .f_top .right dl dt{font-size:24px; line-height:36px; color:#fff; margin-bottom:30px;} .f_top .right dl dd{font-size:18px; line-height:30px; color:#fff; color:rgba(255,255,255,.3);margin-bottom:4px;} .f_top .right dl.dl04{width:13%;} .f_cen{padding:40px 0 30px; border-bottom:1px solid #fff; border-color:rgba(255,255,255,.05)} .f_cen .tel span{font-size:18px; line-height:30px; color:rgba(255,255,255,.3); display:block; margin-bottom:4px;} .f_cen .tel a{font-size:25px; line-height:36px; color:#fff; display:block; margin-bottom:5px;} .f_cen .addr {margin-left:12%;} .f_cen .addr span{font-size:18px; line-height:30px; color:rgba(255,255,255,.3); display:block; margin-bottom:7px;} .f_cen .addr em{font-size:22px; line-height:30px; color:#fff;} .f_cen .f_share{float:right; width:17.5%; padding-top:30px;} .f_cen .f_share li{float:right; margin-left:5%; position:relative; cursor:pointer;} .f_cen .f_share li .ewm{position:absolute; bottom:110%; left:50%; transform:translateX(-50%); width:100px; height:100px; display:none;} .f_bott{padding:30px 0;} .f_bott .left{font-size:16px; line-height:24px; float:left; color:rgba(255,255,255,.3);} .f_bott .left a{display:inline-block; margin:0 10px;} .f_bott .right{float:right;} .channel_content{padding:70px 0; min-height:300px;} /* common_more */ .common_more{width:170px; height:50px; line-height:50px; position:relative; z-index:2;} .common_more a{display:block; text-align:center; color:#fff;} .common_more .border{--radius:4px; position:absolute; z-index:-1; top:0; left:0; overflow:hidden; width:100%; height:100%; border-radius:var(--radius); transform:skew(-15deg); pointer-events:none;} .common_more .border:before, .common_more .border:after{content:''; position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; box-sizing:border-box;} .common_more .border:after{z-index:1; border:1px solid rgba(255, 255, 255, .3); border-radius:var(--radius);} .common_more .border:before{/*opacity:.13;*/ background:#2b2b2b; transition:opacity .5s;} .common_more .border .top_bott1:before, .common_more .border .top_bott1:after{position:absolute; z-index:2; left:0; width:100%; height:1px; background:linear-gradient(90deg, rgba(255,255,255,.43), rgba(255, 255, 255, 0)); content:"";} .common_more .border .top_bott1:before{bottom:0;} .common_more .border .top_bott1:after{top:0;} .common_more .border .top_bott2{position:absolute; z-index:2; top:0; left:0; overflow:hidden; width:calc(var(--radius) + 5px); height:100%;} .common_more .border .big_line{position:absolute; z-index:4; top:0; left:0; width:12px; height:100%; background:white; transition:transform 1.8s cubic-bezier(0,.96,.22,1); transition:0.5s ease;} .common_more .icon{position:absolute; top:5px; right:-17px; width:36px; height:36px; transition:.8s transform cubic-bezier(.19,1.51,.29,.99); pointer-events:none;} .common_more .icon svg{max-width:100%;} .common_more:hover .border .big_line{width:100%; background:#ea0a2a;} /* 红色底的按钮 */ .common_more.red .border:before{background:linear-gradient(to right,#ea0a2a,rgba(249,68,84,.5));} .common_more.red .border .top_bott1:before, .common_more.red .border .top_bott1:after{background:linear-gradient(90deg, rgba(234, 0, 42, .43), rgba(255, 255, 255, 0) 100%);} .common_more.red .border .big_line{background:#ea0a2a;} /* 首页 */ .ibanner{height:100vh;} .ibanner .swiper-container{height:100%;} .ibanner .swiper-slide{ height:100%;} .ibanner .swiper-slide-next{z-index:1;} .ibanner .swiper-slide .img_box{position:relative; height:100%;} .ibanner .swiper-slide .img_box a{display:block;} .ibanner .swiper-slide .img_box img, .ibanner .swiper-slide .img_box video{width:100%; height:100%; object-fit:cover;} /* 视频遮罩 */ .ibanner .swiper-slide.video_slide .img_box::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1); z-index:0;} .ibanner .swiper-slide .intro_box{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); z-index:10;} .ibanner .swiper-slide .intro_box .en_tit{font-size:22px; line-height:30px; color:#fff; text-transform:uppercase;} .ibanner .swiper-slide .intro_box .cn_tit{font-size:60px; line-height:1.2; color:#fff; font-family:'ali_bold'; margin-top:12px;} .ibanner .swiper-slide .intro_box .con{font-size:16px; line-height:24px; color:#fff; margin:15px 0 45px;} .ibanner .widgets .wrap{position:relative;} .ibanner .swiper-button-prev{width:52px; height:52px; background:url(../prev.html) no-repeat center; background-size:cover; position:absolute; left:0; top:50%; margin-top:-26px; transition:all 0.5s ease;} .ibanner .swiper-button-next{width:52px; height:52px; background:url(../next.html) no-repeat center; background-size:cover; position:absolute; right:0; top:50%; margin-top:-26px; transition:all 0.5s ease;} .ibanner .swiper-button-prev:hover{background:url(../prev_on.html) no-repeat center;} .ibanner .swiper-button-next:hover{background:url(../next_on.html) no-repeat center;} .ibanner .swiper-button-prev::after,.ibanner .swiper-button-next::after{display:none;} .ibanner .btn-area{position:absolute; right:0; bottom:0.4rem; display:flex;align-items:flex-end;justify-content:flex-start; z-index:1} .ibanner .btn-area .btn-stop, .ibanner .btn-area .btn-play{display:inline-block;width:28px;height:0;overflow:hidden; display:none;} .ibanner .btn-area .btn-stop{background:url(../png/btn-slider-stop.png) no-repeat center} .ibanner .btn-area .btn-play{display:none;background:url(../png/btn-slider-play.png) no-repeat center} .ibanner .swiper-pagination{position:static} .ibanner .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:2rem; height:auto; margin:0 12px!important;vertical-align:middle;background:transparent;opacity:1;outline:none;} .ibanner .swiper-pagination .swiper-pagination-bullet .tit{font-size:15px; color:#fff; text-align:left; opacity:.6; transition:all .5s ease;} .ibanner .swiper-pagination .swiper-pagination-bullet-active .tit{opacity:1;} .ibanner .swiper-pagination-bullet-active .timer, .ibanner .swiper-pagination-bullet .timer{display:block; position:relative;width:2rem; height:2px; margin-top:10px; background:transparent;opacity:1} .ibanner .swiper-pagination-bullet .timer::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.34;content:''} .ibanner .swiper-pagination-bullet .process{display:block;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#fff;transition-property:width;transition-timing-function:linear;} .ibanner .swiper-pagination-bullet.play .process{opacity:1;width:100%;} .ibanner .swiper-pagination-bullet.play.stop .process{transition:none} .ibanner .left-area{position:absolute; top:50%; left:0.35rem; transform:translateY(-50%); z-index:1;} .ibanner .left-area .pagination-left .line{width:15px; height:2px; padding:0.07rem 0; transition:all .5s ease; cursor:pointer;} .ibanner .left-area .pagination-left .line::after{content:""; display:block; width:100%; height:2px; background:rgba(255,255,255,0.3);} .ibanner .left-area .pagination-left .line:first-child{margin-top:0;} .ibanner .left-area .pagination-left .line.active{width:30px;} .ibanner .left-area .pagination-left .line.active::after{background:rgba(255,255,255,1);} .ibanner{overflow:hidden;} .ibanner .swiper-slide .img_box video{width:auto; height:auto; object-fit:cover; min-width:100%; min-height:100%;} .ipart01{background:url(../jpg/ipart01_1.jpg) no-repeat center; background-size:cover; overflow:hidden;} .ipart01 .infor{padding-bottom:30px;} .ipart01 .infor .tit{font-weight:normal;} .ipart01 .content{position:relative;} .ipart01 .content .left{padding:70px 0 65px; z-index:4; width:41%; position:relative; float:left;} .ipart01 .content .left .hd{margin-bottom:80px;} .ipart01 .content .left .hd .item{float:left; margin-right:5%; text-align:center; cursor:pointer;} .ipart01 .content .left .hd .item .icon{width:121px; margin:0 auto;} .ipart01 .content .left .hd .item .text{display:inline-block; color:#000; color:rgba(0,0,0,.7); margin-top:10px; position:relative;} .ipart01 .content .left .hd .item.on .text{font-family:'ali_bold'; color:#000;} .ipart01 .content .left .hd .item.on .text:after{content:''; width:115%; height:9px; background:#ea0a2a; position:absolute; left:-3px; bottom:5px;} .ipart01 .content .left .hd .item.on .text span{position:relative; z-index:2;} .ipart01 .content .left .page_box{margin-top:80px; color:#fff; font-size:0;} .ipart01 .content .left .page_box .current{display:inline-block; font-size:150px; line-height:115px; font-family:'ali_me';;} .ipart01 .content .left .page_box .pages{display:inline-block; font-size:24px; vertical-align:top;} .ipart01 .content .left .bd ul{min-height:135px;} .ipart01 .content .left .bd li{float:left; width:37%; margin-right:9%; position:relative; font-size:18px; line-height:30px; color:#303030; margin-bottom:15px; padding-left:20px; box-sizing:border-box; cursor:pointer;} .ipart01 .content .left .bd .li_:after{content:''; width:4px; height:4px; background:#303030; border-radius:10px; position:absolute; left:0; top:13px;;} .ipart01 .content .left .bd li span{position:relative; display:inline-block;} .ipart01 .content .left .bd li.hot span:before{content:''; width:46px; height:19px; background:url(../png/ipart01_2.png) no-repeat center; position:absolute; top:5px; right:-53px;} .ipart01 .content .left .bd li span em{display:inline-block; margin-right:5px;} /* 选中后的状态 */ .ipart01 .content .left .bd li.cur{color:#ea0a2a;} .ipart01 .content .left .bd li.cur:after{background:#ea0a2a;} /* .ipart01 .content .right{width:59%; position:absolute; background:pink; height:100%; right:0; top:0;} */ .ipart01 .content .right{width:59%; float:right; position:relative; height:850px;} .ipart01 .content .right .item .pic_bg{position:absolute; top:0; /*width:723px;*/ right:0;} .ipart01 .content .right .item .pic_bg img{max-width:none;} .ipart01 .content .right .item .info{position:absolute; width:94%; top:130px; right:80px;} .ipart01 .content .right .item .info .tit{font-size:260px; line-height:1; color:#fff; font-family:'youshe'; font-style:italic; font-size:110px; text-align:center; word-break:break-all;} .ipart01 .content .right .item .info .img_{z-index:3; margin:0; text-align:center; position:absolute; top:120px; left:50%; transform:translateX(-50%);} .ipart01 .content .right .item .info .img_ img{height:350px;} .ipart01 .content .right .item .info .img_ .view3d-wrapper{ width:900px; height:370px} .ipart01 .content .right .item .info .rotate{width:75px; height:76px; background:url(../png/ipart01_7.png) no-repeat center; /*position:absolute; right:-80px; bottom:200px;*/ cursor:pointer; display:inline-block} .ipart01 .content .right .item .info .rotate_box{text-align:right; margin-top:10px;} .ipart01 .content .right .item .list{width:79%; margin-top:20px; display:none;} .ipart01 .content .right .item .list li{width:33%; float:left; text-align:center;} .ipart01 .content .right .item .list .icon{width:30px; margin:0 auto;} .ipart01 .content .right .item .list .t{color:#fff; font-family:'ali_bold';} .ipart01 .content .right .item .list .c{color:#fff; ;} /* .ipart01 .content .right .item .info .rotate{display:none;} */ /* 模型弹窗 */ body.mohu{ overflow:hidden;} /* body.mohu .ipart{} */ .model_box{position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; display:none;} .model_box .bg{position:absolute; left:0; top:0; background:rgba(0,0,0,.8); width:100%; height:100%;backdrop-filter:blur(6px);} .model_box .content{width:50%; height:70vh; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff;} .model_box .content .box{width:100%; height:100%;} .model_box .content .box .view3d-wrapper {width:100%; height:100%;} .model_box .content .close{width:40px; height:40px; position:absolute; right:10px; top:10px; cursor:pointer;} /* .globe .globe__earth::after { content:""; position:absolute; bottom:15.5%; left:14%; width:53%; height:58%; border-radius:50%; background:radial-gradient(#202023, transparent); -webkit-filter:blur(3em); filter:blur(3em); -webkit-transition:opacity .5s ease; transition:opacity .5s ease; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000; perspective:1000;} .earth-container>canvas{width:100%; height:100%;} .earth-overlay { position:absolute; top:0; left:0; user-select:none; transform-origin:0 0;} .globe__popup{min-width:230px; max-width:260px; border-radius:8px; background-color:rgba(0,12,29,.95); padding:19px 18px 18px; color:#fff; opacity:0; animation:fadein .2s ease-in-out forwards;} .globe__top { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding-bottom:15px; border-bottom:1px solid rgba(255, 255, 255, .2); } .globe__top h3 { font-size:16px; line-height:15.68px; letter-spacing:-0.02em; font-weight:700;} .globe__top img {width:28px;} .slick-slider { -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; display:block; position:relative; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .globe__middle-wrap {overflow:hidden;} .slick-list { display:block; margin:0; overflow:hidden; padding:0; position:relative;} .slick-list.draggable { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} .globe__middle-wrap .slick-list {margin:0 -30px;} .slick-track { display:block; left:0; position:relative; top:0;} .slick-slide { display:none; float:left; height:100%; min-height:1px; outline:0;} .slick-initialized .slick-slide {display:block;} .globe__middle-wrap .slick-track { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row;} .globe__middle-wrap .slick-slide {margin:0 30px; min-width:194px !important;} .globe__middle-title, .globe__middle-info, .globe__popup-link {font-size:16px; line-height:21px; letter-spacing:-0.02em;} .globe__middle-title, .globe__popup-link {display:block;} .globe__middle-info {color:rgba(255, 255, 255, .7);} .globe__popup-link {position:relative; margin-top:15px; color:#fff;} .earth-overlay a, .earth-overlay input, .earth-overlay button {pointer-events:all;} .globe__popup-link::after { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:normal; text-decoration:none; text-transform:none; display:block; line-height:1; content:""; position:absolute; top:50%; width:20px; height:20px; background-image:url(../img/right.svg); background-repeat:no-repeat; background-position:center; border:1px solid #fff; border-radius:20px; right:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%);} .globe__popup-link:hover::after{background-image:url(../img/right_on.svg); border-color:#ea0a2a;} .globe__middle-counter-wrap {margin-top:16px; padding-top:16px; border-top:1px solid rgba(255, 255, 255, .2);} .globe__middle-counter {color:rgba(255, 255, 255, .7);} .globe__middle__slide-num {width:10px;} .globe__middle__slide-total {position:relative; left:2px;} .globe__middle-controls { margin-left:10px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; gap:10px; display:inline-block; vertical-align:middle;} .slick-arrow { width:55px; height:38px; position:relative; background-color:transparent; border:1px solid #202023; border-radius:120px; opacity:1; visibility:visible; font-size:0; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; display:block; z-index:10;} .globe__middle-control {width:auto; height:auto; border:none; border-radius:0; font-size:10px; padding:0;} .globe__middle-counter-wrap--hidden {display:none;} .globe__middle-control .iconfont {color:#fff; cursor:pointer;} .globe__middle-control:nth-child(2) { position:relative;} .globe__middle-control { width:auto; height:auto; border:none; border-radius:0; font-size:10px; display:inline-block; vertical-align:middle;} [class*=font-ico] {display:inline-block; font-size:18px;;} .no-touch .globe__middle-control:hover .iconfont {color:rgba(255, 255, 255, .7);} .globe__middle-controls .slick-disabled .iconfont {color:rgba(255, 255, 255, .7);} .office-locations__accordions{display:none;} .globe__middle-title, .globe__middle-info{display:none;} .globe__middle br{display:none;} */ /* 以上注释的为最原始的地球样式 */ .ipart02{padding:80px 0;} .ipart02 .content{margin-top:40px;;} .ipart02 .content{position:relative;} .ipart02 .content .rect-242{padding-bottom:316%;} .ipart02 .content .rect-59{padding-bottom:93.5%;} .ipart02 .content .wrap{width:92.7%;} .ipart02 .content .item{position:relative; float:left; width:11.5%; height:100%; margin-left:0.7%; transition:all .6s ease; overflow:hidden;} .ipart02 .content .item:first-child{margin-left:0;} .ipart02 .content .item .img_box{position:relative; width:100%; height:100%; overflow:hidden;} .ipart02 .content .item .img_cover{position:relative; opacity:1; max-width:none; width:100%; transition:opacity 0.2s ease 0.4s; z-index:2;} .ipart02 .content .item .img_full{position:absolute; top:0; left:0; width:100%; opacity:1; max-width:none; height:100%; transition:opacity 0.1s ease 0.1s; z-index:1;} .ipart02 .content .item .txt_box{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;} .ipart02 .content .item .txt_cover{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); text-align:center;} .ipart02 .content .item .txt_cover .tit{color:#fff;} .ipart02 .content .item .txt_full{position:absolute; width:450px; bottom:12px; left:45px; right:36px; opacity:0; transition:all .8s ease;} .ipart02 .content .item .txt_full img{display:none;} .ipart02 .content .item .txt_full .tit a{display:block; margin-top:8px; font-size:32px; color:#fff;} .ipart02 .content .item .txt_full .con{margin-top:14px; color:#fff;} .ipart02 .content .item .txt_full .con a{display:inline-block; padding:0 20px; line-height:36px; border:1px solid #fff; border-color:rgba(255,255,255,.8); border-radius:20px; margin-right:10px;} .ipart02 .content .item .txt_full .con a:hover{background:#ea0a2a; color:#fff; border-color:#ea0a2a;} .ipart02 .content .item.on{width:39%; transition:all .6s ease;} .ipart02 .content .item.on .img_cover{opacity:0; transition:opacity 0s ease;} .ipart02 .content .item.on .img_full{opacity:1;} .ipart02 .content .item.on .txt_cover{display:none;} .ipart02 .content .item.on .txt_full{opacity:1; bottom:40px;} .ipart02 .list{padding-top:74px;} .ipart02 .list li{float:left; width:25%; position:relative} .ipart02 .list li .box{padding:0 10%; text-align:center;} .ipart02 .list li .box .num{margin-bottom:3px; color:#000; transition:0.5s ease;} .ipart02 .list li:after{content:''; width:1px; height:118px; background:#E5E5E5; position:absolute; left:0; top:50%; transform:translateY(-50%);} .ipart02 .list li:first-child:after{display:none;} .ipart02 .list li:hover .num{color:#ea0a2a;} .ipart03{padding:60px 0; background:url(../jpg/ipart03_bg.jpg) no-repeat center; background-size:cover;} .ipart03 .content .con_left{width:43%; float:left;} .ipart03 .content .con_left .rect-100{padding-bottom:80%;} .ipart03 .content .con_right{width:43.5%; float:right; margin-right:7.5%; margin-top:80px;} .ipart03 .content .con_right .infor .tit{margin-bottom:21px; color:#000;} .ipart03 .content .con_right .infor .con{color:#000;} .ipart03 .content .con_right .list{margin-top:70px;} .ipart03 .content .con_right .list li{margin-right:10%;; float:left; text-align:center;} .ipart03 .content .con_right .list li .num{font-size:30px; color:#333;} .ipart03 .content .con_right .list li .num span{display:inline-block; margin-right:10px;} .ipart03 .content .con_right .list li .txt{font-size:18px; line-height:26px; color:#333;} .ipart03 .content .con_right .common_more{margin-top:65px;} .ipart04{padding:70px 0;} .ipart04 .infor{display:flex; justify-content:space-between; align-items:center;} .ipart04 .infor .tit{flex:1;} .ipart04 .infor .con{font-size:0;} .ipart04 .infor .con .cell{display:inline-block; width:156px; height:41px; line-height:41px; font-size:15px; color:#fff; background:#b5bbc3; border:1px solid #b5bbc3; transition:0.5s ease; text-align:center; border-radius:30px; margin-left:14px; cursor:pointer;} .ipart04 .infor .con .cell.cur{border-color:#ea0a2a; background:transparent; color:#ea0a2a;} .ipart04 .infor .con .cell:hover{background:#ea0a2a; border-color:#ea0a2a; color:#fff;} .ipart04 .content{margin-top:40px;} .ipart04 .content{margin-top:0.4rem;} .ipart04 .content .swiper-slide{width:33.33%;} .ipart04 .content .swiper-container .controls{position:relative; width:82.5%; height:2px; margin:12px auto;} .ipart04 .content .swiper-container .controls .swiper-pagination{position:relative; width:100%; height:2px;} .ipart04 .content .swiper-container .controls .swiper-pagination-progressbar-fill{background:#ea0a2a;} .ipart04 .content .swiper-container .controls .swiper-button-prev{left:-50px; width:50px; height:50px; margin-top:-25px;} .ipart04 .content .swiper-container .controls .swiper-button-next{right:-50px; width:50px; height:50px; margin-top:-25px;} .ipart04 .content .swiper-container .controls .swiper-button-prev i, .ipart04 .content .swiper-container .controls .swiper-button-next i{display:none;} .ipart04 .content .swiper-container .controls .swiper-button-prev{background:url(../svg/jt1.svg) no-repeat center; background-size:cover; left:-63px;} .ipart04 .content .swiper-container .controls .swiper-button-next{background:url(../svg/jt2.svg) no-repeat center; background-size:cover; right:-63px;} .ipart04 .content .swiper-container .controls .swiper-button-prev:hover{background:url(../svg/jt1_on.svg) no-repeat center; background-size:cover;} .ipart04 .content .swiper-container .controls .swiper-button-next:hover{background:url(../svg/jt2_on.svg) no-repeat center; background-size:cover;} .ipart04 .content .swiper-container .controls .swiper-button-disabled{color:#000;} .ipart04 .content .swiper-container .controls .iconfont{font-size:1.8em;} .ipart04 .content .item .img_box{position:relative;} .ipart04 .content .item .img_box .rect-59{padding-bottom:59%;} .ipart04 .content .item .img_box .tag{position:absolute; left:0; bottom:0; padding:0 0.14rem; font-size:0.14rem; line-height:0.34rem; color:#fff; background:#ea0a2a; z-index:1;} .ipart04 .content .item .intro_box{display:block; padding:0.35rem 0.32rem 0.35rem 12px;} .ipart04 .content .item .intro_box .time{font-size:14px; color:#000;} .ipart04 .content .item .intro_box .tit{margin-top:12px; transition:all .5s ease; max-height:72px; overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#333;} .ipart04 .content .item .intro_box .con{margin-top:24px;} .ipart04 .content .item:hover .intro_box .tit{color:#ea0a2a;} /* 下层banner */ .xc_banner{position:relative; height:100vh; overflow:hidden;} .xc_banner>img{width:100%; height:100%; object-fit:cover;} .xc_banner .intro{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);} .xc_banner .intro .info{color:#fff;} .xc_banner .intro .info .tit{text-transform:uppercase;} .xc_banner .intro .info .con{color:#fff; font-family:'ali_bold'; margin-top:10px;} .xc_banner .content{position:absolute; left:0; width:100%; bottom:35px;} .xc_banner .content .icon{animation:beating 2s linear infinite; -webkit-animation:beating 2s linear infinite;} /*上下跳动*/ @keyframes beating { 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 50%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } @-webkit-keyframes beating{ 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 50%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } .xc_banner .content .crumbs{color:#fff; margin-top:30px; font-size:18px; line-height:22px;} .xc_banner .content .crumbs i{vertical-align:middle;} .xc_banner .content .crumbs h1{font-weight:normal; font-size:inherit; display:inline-block;} /* 关于我们 */ /* body .scrollmagic-pin-spacer{margin:0!important;} */ .about_us.channel_content{padding-bottom:0;} .about_us01 .infor{padding:0 5%; text-align:center;} .about_us01 .infor .icon{width:172px; margin:0 auto;} .about_us01 .infor .tit{font-size:42px; line-height:50px; color:#000; margin:13px 0 30px; font-family:'ali_bold';} .about_us01 .infor .con{font-size:18px; line-height:36px; color:#000;} /* .about_us02{margin-top:100px; } */ .about_us02 .content{width:1480px; position:relative; max-width:100%; margin:0 auto; z-index:3; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;} .about_us02 .pt1{ box-sizing:border-box;} .about_us02 .pt1 .wrap{ padding-top:190px;} .about_us02 .pt1 .content .leftitem{width:31%; padding-top:20px; position:relative; z-index:3;} .about_us02 .pt1 .content .leftitem .item{padding:30px 0; margin-bottom:0px; border-bottom:2px solid #f5f5f5;} .about_us02 .pt1 .content .leftitem .item .icon{width:70px; margin-right:50px;} .about_us02 .pt1 .content .leftitem .item .info .tit{font-size:42px; line-height:1; font-family:'ali_bold'; color:#000;} .about_us02 .pt1 .content .leftitem .item .info .tit span{font-size:52px;} .about_us02 .pt1 .content .leftitem .item .info .con{color:#000; margin-top:4px;} .about_us02 .scrollmagic-pin-spacer{margin-top:0!important;} .about_us02 .f-no-s-center {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;} .about_us02 .tran-middle {position:absolute; top:50%; left:50%; transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));} .about_us02 .a-del4 {animation-delay:0.4s;} .about_us02 .anim_emt.start {-webkit-animation-duration:1.2s; animation-duration:1.2s; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-fill-mode:both; animation-fill-mode:both;} .about_us02 .anim_emt.start.fade_in { -webkit-animation-name:mk_fade; animation-name:mk_fade; } @keyframes mk_fade{ 0% { opacity:0; } 100% { opacity:1; } } .about_us02 .about-list1 .videobox {width:100vw; height:100vh; position:absolute; left:0; top:0; z-index:6; opacity:0;} @media (min-width:1024px) { .about_us02 .about-list1 .videobox { -webkit-clip-path:polygon(44% 29.5%, 55.7% 22.5%, 55.7% 69.2%, 44% 76.4%); clip-path:polygon(44% 29.5%, 55.7% 22.5%, 55.7% 69.2%, 44% 76.4%); } } @keyframes clipath2{ 0% { -webkit-clip-path:polygon(44% 29.5%, 55.7% 22.5%, 55.7% 69.2%, 44% 76.4%); clip-path:polygon(44% 29.5%, 55.7% 22.5%, 55.7% 69.2%, 44% 76.4%); } 100% { -webkit-clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%); clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%); } } .about_us02 .about-list1 .scr-el {animation-play-state:paused; animation-duration:1s; animation-iteration-count:infinite; animation-direction:alternate; animation-delay:calc(var(--go)* -1s); animation-timing-function:ease-in-out;} .about_us02 .about-list1 .videobox.scr-el {animation-name:clipath2;} .about_us02 .about-list1 .videobox .pcvideo {width:100vw; height:100vh; overflow:hidden; position:relative; z-index:3; display:block;} .about_us02 .about-list1 .videobox .video {position:relative; width:100%; height:100%; object-fit:cover; display:inline-block;vertical-align:baseline;} .about_us02 .f-no-c-center {display:flex; flex-flow:row wrap; justify-content:center; align-items:center;} .about_us02 .tran-middle {position:absolute; top:50%; left:50%; transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));} .about_us02 .about-list1 .videobtn {width:80px; height:80px; z-index:9; pointer-events:none;} .about_us02 .about-list1 .videobtn.on{pointer-events:all;} .about_us02 .about-list1 .videobox .videobtn:hover .svgs {transform:rotate(360deg);} .about_us02 .about-list1 .videobox .videobtn:hover .path-loop {animation:run 2.5s linear forwards;} @keyframes run{ 100% { stroke-dashoffset:0; } } .about_us02 .about-list1 .videobox .videobtn {cursor:pointer; opacity:0;} .about_us02 .about-list1 .videobtn .svgs {position:absolute; width:100%; height:100%; left:0; top:0; z-index:3;} .about_us02 .about-list1 .videobtn .svgs {transform:rotate(90deg); transition:all .8s;} .about_us02 .about-list1 .videobtn .svgs .path-loop {stroke-dasharray:360; stroke-dashoffset:280; opacity:1;} .about_us02 .about-list1 .videobtn .icon {width:25px; height:25px; fill:#fff; transition:all .8s;} .about_us02 .about-list1 .videobox p {width:200px; bottom:-40px; z-index:2; color:#fff;} .about_us02 .about-list1 {height:100vh; overflow:hidden; position:relative; z-index:3;} .about_us02 .about-list2 {padding:2.75rem 2rem 4.5rem; overflow:hidden; position:relative; background:#fff; z-index:5;} .about_us02 .visual-device {position:fixed; top:0; left:0; width:100%; height:var(--long-view-height, 100vh); overflow:hidden; pointer-events:none; transform-origin:0% 0%} .about_us02 .visual-device-inner {width:100%; height:100%} .about_us02 .visual-inner {position:fixed; bottom:0; left:0; width:100%} /* 新闻列表 */ .news_banner.xc_banner{height:auto; overflow:visible;} .news_banner.xc_banner>img{position:absolute; left:0; top:0; width:100%; height:auto; margin-left:0;} .news_banner.xc_banner .intro{top:0px; padding-top:140px; transform:translateY(0); position:relative; margin-bottom:70px;} .news_banner.xc_banner .content{top:170px;} .news_banner.xc_banner .content .icon{display:none;} .news_banner.xc_banner .content .crumbs{margin-top:0;} .news_banner .lunbo_box{padding:45px; background:#fff; position:relative; z-index:3; box-shadow: 0px 3px 19.8px 0.2px rgba(0, 0, 0, 0.05);} .news_banner .lunbo_box .item{display:none;} .news_banner .lunbo_box .owl-item .item{display:block;} .news_banner .lunbo_box .rect-615{padding-bottom:61.5%;} .news_banner .lunbo_box .item .img_{width:45.7%; float:left;} .news_banner .lunbo_box .item .info_{float:right; width:48%; padding-top:90px;} .news_banner .lunbo_box .item .info_ .tit{display:block; font-size:30px; line-height:35px; color:#000; font-family:'ali_bold'; height:70px; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .news_banner .lunbo_box .item .info_ .date{margin:20px 0 13px;} .news_banner .lunbo_box .item .info_ .con{height:60px;} .news_banner .lunbo_box .item .info_ .sign{margin-top:25px; display:none;} .news_banner .lunbo_box .item .info_ .sign a{display:inline-block; padding:0 24px; line-height:30px; border:1px solid #a4adb0; color:#a4adb0; font-size:16px; border-radius:30px; margin-right:20px;} .news_banner .lunbo_box .item .info_ .sign a:hover{background:#ea0a2a; color:#fff; border-color:#ea0a2a;} .news_banner .lunbo_box .item .info_ .know_more{margin-top:50px;} .news_banner .lunbo_box .item .info_ .tit:hover{color:#ea0a2a;} .news_banner .lunbo_box .news_btn{ z-index:2; font-size:0; cursor:pointer; display:inline-block; position:absolute; bottom:65px; right:10px; margin-top:-14px;;} .news_banner .lunbo_box .news_btn>div{width:65px; height:65px; display:inline-block; margin-right:26px; transition:all 0.5s ease;} .news_banner .lunbo_box .news_btn .owl-prev {background:url(../png/news_jt1.png) no-repeat center; background-size:cover;} .news_banner .lunbo_box .news_btn .owl-next {background:url(../png/news_jt2.png) no-repeat center; background-size:cover;} .news_banner .lunbo_box .news_btn .owl-prev:hover{background:url(../png/news_jt1_on.png) no-repeat center; background-size:cover;} .news_banner .lunbo_box .news_btn .owl-next:hover{background:url(../png/news_jt2_on.png) no-repeat center; background-size:cover;} .news_banner .lunbo_box .news_btn>div.disabled{opacity:.35; cursor:auto; pointer-events:none;} .el2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .news_list01{margin-bottom:60px; position:relative; z-index:3;} .news_list01 .sele_wrap01{width:9%; float:left; position:relative; box-shadow:0px 3px 19.8px 0.2px rgba(0, 0, 0, 0.1);border-radius:40px; height:49px; line-height:49px;} .news_list01 .sele_wrap01>span{color:#5b5b5b; color:rgba(91,91,91,.5); display:block; width:calc(100% - 35px); text-align:center; position:relative; cursor:pointer;} .news_list01 .sele_wrap01>span:after{content:''; width:10px; height:6px; background: url(../png/news_list01_1.png) no-repeat center; position:absolute; top:50%; margin-top:-3px; right:-10px;} .news_list01 .sele_wrap01 ul{position:absolute; top:100%; left:0; width:100%; background:#fff; text-align:center; display:none; box-shadow:0 0 10px rgba(0,0,0,.1); margin-top:5px;} .news_list01 .sele_wrap01 ul li{cursor:pointer;} .news_list01 .sele_wrap02{margin-left:24px; position:relative; float:left; width:17%; border-radius:40px; height:49px; line-height:49px; box-sizing:border-box; background:#fff; box-shadow:0px 3px 19.8px 0.2px rgba(0, 0, 0, 0.05); border:1px solid #ECEDED; position:relative;} .news_list01 .sele_wrap02 .yearpicker{background:none; width:100%; box-sizing:border-box; height:49px; line-height:49px; border:none; padding:0; padding:0 30px;} .news_list01 .sele_wrap02 .close{display:inline-block; width:12px; height:12px; position:absolute; right:20px; top:50%; margin-top:-6px; cursor:pointer; background:url(../svg/news_close.svg) no-repeat center; background-size:cover;} /* .news_list01 .sele_wrap02 .down_jt{width:10px; height:6px; background: url(../img/news_list01_1.png) no-repeat center; position:absolute; top:50%; margin-top:-3px; right:20px; cursor:pointer; pointer-events:none;} */ /* .news_list01 .sele_wrap02 .close{ background:url(../img/news_close.svg) no-repeat center; pointer-events:all;} */ /* .news_list01 .sele_wrap02.cur .down_jt{display:none;} */ .news_list01 .sele_wrap03{margin-left:24px; float:left; width:17%; border-radius:40px; height:49px; line-height:49px; box-sizing:border-box; background:#fff; box-shadow:0px 3px 19.8px 0.2px rgba(0, 0, 0, 0.05); border:1px solid #ECEDED; position:relative;} .news_list01 .sele_wrap03 .inp{background:none; height:49px; line-height:49px; border:none; padding:0; padding:0 25px;} .news_list01 .sele_wrap03 .news_search{width:19px; height:19px; background:url(../png/news_search.png) no-repeat center; position:absolute; right:24px; top:50%; margin-top:-10px; cursor:pointer; outline:none; border:none; padding:0;;} .news_list02 .content .item{width:32.5%; float:left; position:relative; background:#fff; transition:0.5s ease; margin:0 0.25%; margin-bottom:20px;} .news_list02 .content .item:after{content:''; width:0; height:4px; background:#bac5cb; position:absolute; left:0; bottom:4px; transition:0.5s ease;} .news_list02 .content .item:before{content:''; width:0; height:4px; background:#dd0e2d; position:absolute; left:0; bottom:0px; transition:0.5s ease;} .news_list02 .content .item .box{padding:23px 23px 5px;} .news_list02 .content .item .rect-615{padding-bottom:61.5%; border-radius:10px;} .news_list02 .content .item .area{width:75px; height:45px; line-height:45px; background:#ea0a2a; font-size:16px; color:#fff; text-align:center; position:absolute; right:0; top:0;} .news_list02 .content .item .intro{padding:30px 0; height:220px; box-sizing:border-box;} .news_list02 .content .item .intro .tit{display:block; max-height:72px; color:#000; font-family:'ali_me'; margin-bottom:13px;} .news_list02 .content .item .intro .date{font-size:16px; line-height:30px; color:#5b5b5b;} .news_list02 .content .item .intro .sign{margin-top:12px;} .news_list02 .content .item .intro .sign a{display:inline-block; padding:0 24px; line-height:30px; border:1px solid #a4adb0; color:#a4adb0; font-size:16px; border-radius:30px; margin-right:20px;} .news_list02 .content .item .intro .sign a:hover{background:#ea0a2a; color:#fff; border-color:#ea0a2a;} .news_list02 .content .item .intro .tit:hover{color:#ea0a2a;} .news_list02 .content .item.hover{box-shadow:0 0 10px rgba(0,0,0,.1);} .news_list02 .content .item.hover:after{width:100%;} .news_list02 .content .item.hover:before{width:100%;} .news_list02 .content .item:hover{box-shadow:0 0 15px rgba(0,0,0,.1);} .news_list02 .content .item:hover:after{width:100%;} .news_list02 .content .item:hover:before{width:100%;} .news_list02 .content .item img{transition:all 0.5s ease;} .news_list02 .content .item:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* 分页 start*/ .widgets_common_pages_4{font-size:18px; color:#838383; text-align:center; margin-top:30px;} .widgets_common_pages_4>.wrap{width:100%;} .widgets_common_pages_4 a, .widgets_common_pages_4 span{color:#000; display:inline-block; border:1px solid #e8e8e8; vertical-align:middle; width:.34rem; height:.34rem; line-height:.34rem; margin-right:7px; font-size:.18rem; font-family:Arial;} .widgets_common_pages_4 .gonext,.widgets_common_pages_4 .count{margin-left:0;} .widgets_common_pages_4 span.current{color:#fff; background:#ea0a2a; border-color:#ea0a2a;} .widgets_common_pages_4 span.count{border:0; background:0;color:#000;} .widgets_common_pages_4 a, .widgets_common_pages_4 span{width:auto; padding:0 .12rem; border-radius:.06rem;} .widgets_common_pages_4 .goprev{margin-right:10px; background:none;} .widgets_common_pages_4 span.ellipsis{border-color:transparent; padding:0;} .widgets_common_pages_4 .goprev i{transform:rotateZ(180deg);} .widgets_common_pages_4 a:hover, .widgets_common_pages_4 .goprev:hover{color:#fff; background:#ea0a2a; border-color:#ea0a2a;} .widgets_common_pages_4 .goprev{width:.36rem; height:.36rem; background:url(../png/widgets_common_pages_4_1.png) no-repeat center/cover; background-size:cover; border:none; padding:0; border:1px solid #e8e8e8; box-sizing:border-box;} .widgets_common_pages_4 .goprev:hover{background:url(../png/widgets_common_pages_4_3.png) no-repeat center; background-size:cover;} .widgets_common_pages_4 .gonext{width:.36rem; height:.36rem; background:url(../png/widgets_common_pages_4_2.png) no-repeat center/cover; background-size:cover; border:none; padding:0; border:1px solid #e8e8e8; box-sizing:border-box;} .widgets_common_pages_4 .gonext:hover{background:url(../png/widgets_common_pages_4_4.png) no-repeat center; background-size:cover;} /* 分页 end*/ /* 企业文化 */ .culture.channel_content{padding:0;} .culture01{padding:90px 0 60px;} .culture01 .infor {text-align:center;} .culture01 .infor .tit{font-size:58px; font-family:'ali_bold'; line-height:64px; color:#ea0a2a;} .culture01 .infor .tit span{font-size:64px; line-height:1; display:inline-block; position:relative; padding:0 45px; margin-left:30px;} .culture01 .infor .tit span:before{content:''; width:21px; height:47px; background:url(../png/culture01_1.png) no-repeat center; position:absolute; left:0; top:0; background-size:cover;} .culture01 .infor .tit span:after{content:''; width:21px; height:47px; background:url(../png/culture01_2.png) no-repeat center; position:absolute; right:0; bottom:0; background-size:cover} .culture01 .content{margin-top:50px;} .culture01 .content .rect-42625{padding-bottom:42.625%;} .culture01 .content .item{width:48%;} .culture01 .content .item .info{padding-top:33px;} .culture01 .content .item .info .info_l{float:left;} .culture01 .content .item .info .info_l .t{font-size:30px; line-height:35px; color:#ea0a2a; font-family:'ali_bold';} .culture01 .content .item .info .info_l .c{font-size:24px; line-height:36px; color:#5b5b5b; margin-top:12px;} .culture01 .content .item .info .info_r{float:right; margin-top:29px;} .culture01 .content .item .info .info_r a{display:block; width:124px; height:40px; line-height:40px; border:1px solid #ea0a2a; border-radius:50px; text-align:center; font-size:16px; color:#ea0a2a;} .culture01 .content .item .info .info_r a:hover{background:#ea0a2a; color:#fff;} .culture01 .content .item img{transition:all 0.5s ease;} .culture01 .content .item:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .culture02{background:#fbfbfb; padding:60px 0;} .culture02 .infor .tit{font-size:36px; line-height:40px; font-family:'ali_bold'; color:#ea0a2a; text-align:center;} .culture02 .content{margin-top:52px;} .culture02 .content ul{border-top:1px solid #E9EAED;} .culture02 .content li{width:50%; float:left; border-bottom:1px solid #E9EAED;} .culture02 .content li:last-child{border-bottom:none;} .culture02 .content li .box{padding:44px 0; padding-left:23px; font-size:0;} .culture02 .content li .box .icon{display:inline-block; vertical-align:middle; margin-right:27px; width:61px; transition:0.5s ease;} .culture02 .content li .box .info{display:inline-block; vertical-align:middle; width:calc(100% - 150px);} .culture02 .content li .box .info .tit{font-size:24px; line-height:30px; color:#ea0a2a; font-family:'ali_bold'; display:inline-block; width:28%; display:inline-block; vertical-align:middle;} .culture02 .content li .box .info .con{font-size:18px; line-height:24px; color:#5b5b5b; display:inline-block; width:70%; vertical-align:middle} .culture02 .content li:hover .icon{transform:rotateY(180deg);} /* 加入我们 */ .join_banner .join_ban_list{position:absolute; left:0; width:100%; bottom:36px; text-align:center;} .join_banner .join_ban_list .item{width:30.5%; display:inline-block; margin:0 0.8%; background:rgba(255,255,255,.15); backdrop-filter:blur(10px); text-align:left;} .join_banner .join_ban_list .item .box{display:flex; align-items:center; height:100px; border:1px solid #fff; border-color:rgba(255,255,255,.5); border-radius:5px;} .join_banner .join_ban_list .item .box .icon{width:100px; height:100px; text-align:center; border-right:1px solid #fff; border-color:rgba(255,255,255,.5); display:flex; align-items:center; justify-content:center;} .join_banner .join_ban_list .item .box .info {padding-left:25px; transition:0.5s ease; color:#fff; position:relative; width:calc(100% - 100px);} .join_banner .join_ban_list .item .box .info .t{font-size:20px;} .join_banner .join_ban_list .item .box .info .c{font-size:16px; font-family:Arial; text-transform:uppercase;} .join_banner .join_ban_list .item .box .info:after{content:''; width:30px; height:30px; background:url(../svg/join_ban_icon2.svg) no-repeat center; position:absolute; right:25px; top:50%; transform:translateY(-50%); background-size:cover; transition:0.5s ease;} .join_banner .join_ban_list .item:hover .box .info{color:#ea0a2a;} .join_banner .join_ban_list .item:hover .box .info:after{ background:url(../svg/join_ban_icon2_on.svg) no-repeat center;background-size:cover;} .join.channel_content{padding:0;} .join01{padding:65px 0; background:#fafafa;} .join01 .infor{text-align:center;} .join01 .content{margin-top:69px;} .join01 .content .form_box{margin-bottom:50px; position:relative; z-index:2; font-size:0; text-align:center;} .join01 .content .sele_wrap{width:18%; display:inline-block; margin-right:27px; border:1px solid #ADADAD; position:relative; border-radius:50px; height:41px; line-height:41px; text-align:left;} .join01 .content .sele_wrap>span{font-size:16px; line-height:41px;padding:0 25px; display:block; cursor:pointer;} .join01 .content .sele_wrap i{width:10px; height:6px; background:url(../png/news_list01_1.png) no-repeat center; position:absolute; right:25px; top:50%; transform:translateY(-50%);} .join01 .content .sele_wrap ul{position:absolute; top:100%; left:0; width:100%; background:#fff; display:none; box-shadow:0 0 10px rgba(0,0,0,.1); margin-top:2px;} .join01 .content .sele_wrap ul li{cursor:pointer; padding:0 25px; font-size:16px;} .join01 .content .sele_search{box-sizing:border-box; background:#fff; box-shadow:0px 3px 19.8px 0.2px rgba(0, 0, 0, 0.05); border:1px solid #ADADAD; position:relative;} .join01 .content .sele_search .inp{background:none; height:41px; line-height:41px; border:none; padding:0; padding:0 25px; width:100%; box-sizing:border-box; font-size:16px;} .join01 .content .sele_search .news_search{width:19px; height:19px; background:url(../png/news_search.png) no-repeat center; position:absolute; right:24px; top:50%; margin-top:-10px; cursor:pointer; border:none; outline:none; padding:0; ;} .join01 .content .sele_search .inp::placeholder{color:#5d5d5d;} .join01 .content .reset{height:41px; line-height:41px; width:108px; display:inline-block; cursor:pointer; font-size:16px; background:#ea0a2a; color:#fff; border-radius:40px; padding:0 20px; text-align:center; border:none} .join01 .content .sele_wrap.reset{width:108px;} .join01 .content .reset .icon{width:20px; display:inline-block; margin-right:10px; vertical-align:middle;} .join01 .content .reset .icon img{vertical-align:-2px;} .join01 .content .list ul{height:450px; overflow:hidden;} .join01 .content .list.open ul{height:auto;} .join01 .content .list .li_{float:left; width:23.5%; margin-right:2%; margin-bottom:35px; background:#fff;box-shadow: 0px 3px 19.8px 0.2px rgba(0, 0, 0, 0.05); border-radius:10px; cursor:pointer;} .join01 .content .list .li_four{margin-right:0;} .join01 .content .list .li_ .box{padding:25px; color:#000} .join01 .content .list .li_ .box .tit{padding-bottom:7px; border-bottom:1px solid #E5E5E5; margin-bottom:30px; position:relative; height:72px;} .join01 .content .list .li_ .box .con span{display:block; line-height:30px;} .join01 .content .list .li_ .box .tit:after{content:''; width:6px; height:30px; background:#ea0a2a; position:absolute; left:-25px; top:5px;;} .join01 .content .list .more_box{margin-top:20px; text-align:center;} .join01 .content .list .more_box .know_more{margin:0 10px;} .join01 .content .list .more_box .know_more02{background:#ea0a2a; color:#fff; border-color:#ea0a2a;} .join01 .content .list .more_box .know_more02 a{color:#fff;} .join01 .content .list .more_box .know_more02 a:hover{color:#fff;} .join02{padding:65px 0;} .join02 .infor{text-align:center; color:#000;} .join02 .content{margin-top:60px;} .join02 .content .hd{padding:0 6%; display:flex; justify-content:space-around;} .join02 .content .bd{display:flex; padding:0 3%; justify-content:space-between; margin-top:50px;} .join02 .content .item .icon {text-align:center; transition:0.5s ease;} .join02 .content .item .text{color:#000; margin-top:5px; text-align:center;} .join02 .content .item:hover .icon{transform:rotateY(180deg);} .join02 .list{margin-top:60px;} .join02 .list .rect-245{padding-bottom:24.6%;} .join02 .list .rect-50{padding-bottom:50%;} .join02 .list .rect-164{padding-bottom:16.4%;} .join02 .list .li01{width:67%; float:left;} .join02 .list .li02{width:33%; float:right;} .join02 .list .li03{width:100%; float:left; margin-top:-1px;} .join02 .list .intro{position:absolute; left:50px; right:100px; top:50px; font-size:24px; color:#fff;} .join02 .word{font-size:16px; line-height:30px; margin-top:10px;;} .join02 li img{transition:all 0.6s ease;} .join02 li:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* 加入我们 弹窗 */ .re_detail{position:relative; z-index:60; display:none;} .re_detail .re_bg{position:fixed; left:0; top:0; width:100%; height:100%; background:url(../png/black.6.png) center;} .re_detail .re_content{position:fixed; width:12rem; background:#ffffff; left:50%; top:50%; transform:translate(-50%,-50%); box-sizing:border-box;} .re_detail .re_content .close{width:31px; height:31px; position:absolute; top:35px; right:35px; background:url(../png/re_close.png) no-repeat center; transition:all .5s ease; cursor:pointer;} .re_detail .re_content .close:hover{transform:rotate(180deg);} .re_detail .re_content .infor{padding:50px;} .re_detail .re_content .infor .title{font-size:32px; line-height:35px; color:#000000; margin-bottom:40px;display:inline-block;} .re_detail .re_content .infor .text{height:260px; overflow-y:auto; padding-right:10px;position:relative; z-index:10;} .re_detail .re_content .infor .text::-webkit-scrollbar {width:2px; height:4px;} .re_detail .re_content .infor .text::-webkit-scrollbar-thumb {border-radius:5px; background:#ea0a2a; } .re_detail .re_content .infor .text::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .re_detail .re_content .infor ul li{margin-bottom:40px;} .re_detail .re_content .infor ul li:last-child{margin-bottom:0;} .re_detail .re_content .infor ul li .tit{font-size:22px; line-height:28px; color:#333333; padding-left:15px; position:relative; margin-bottom:20px;} .re_detail .re_content .infor ul li .tit::before{content:''; position:absolute; left:0; top:0; width:3px; height:24px ;margin-top:2px; background:#ea0a2a;} .re_detail .re_content .infor ul li .con{font-size:16px; line-height:25px; color:#333333; } /* .re_detail .re_content::after{position:absolute; bottom:0; width:100%; height:14%; background:#fff; content:''; left:0;} */ .re_detail .more_btn{margin-top:50px;height:50px; width:155px; padding:0; position:relative; color:#ea0a2a; margin-top:50px;} .re_detail .more_btn a{font-size:14px; line-height:50px; position:relative; z-index:4; padding-left:40px; transition:all .5s ease; display:block;} .re_detail .more_btn::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:5px; transform:translate(-50%, -50%) scale(1); border:1px solid #ea0a2a; transition:all .5s ease; z-index:0;} .re_detail .more_btn:hover::before{transform:translate(-50%, -50%) scale(1.2); opacity:0;} .re_detail .more_btn::after{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:5px; transform:translate(-50%, -50%) scale(0.8); opacity:0; background:#ea0a2a; transition:all .5s ease; z-index:-1;} .re_detail .more_btn:hover::after{transform:translate(-50%, -50%) scale(1); opacity:1;} .re_detail .more_btn .iconfont{position:absolute; right:0.3rem; top:50%; font-size:10px; transform:translateY(-50%); margin:0;} .re_detail .more_btn:hover a{color:#ffffff;} body .Form-J1 .Form-J1-Btn ._submit{background:#ea0a2a;} body .select-ui-options-default li:hover{background:#ea0a2a;} .Validform_checktip{display:block;} /* 投资 start */ .invest01{margin-bottom:65px;} .invest01 .left{float:left; width:47.5%; box-sizing:border-box;} .invest01 .left .top_{margin-bottom:60px; margin-top:30px;} .invest01 .left .top_ .tit{color:#555} .invest01 .left .top_ .con .num01{margin-top:13px; font-size:17px; display:inline-block; color:#555; font-family:'ali_bold';} .invest01 .left .top_ .con .num01 span{font-size:50px; color:#ea0a2a;; line-height:50px; margin-right:10px;} .invest01 .left .top_ .con .num01 .icon{background:url(../png/stock_up.png) no-repeat center; animation: beating 3s linear infinite; -webkit-animation: beating 3s linear infinite; background-size: cover; width:8px; height:11px; display:inline-block; vertical-align:baseline; margin:0 14px;} .invest01 .left .top_ .con .num01.down span{color:green;} .invest01 .left .top_ .con .num01.down .icon{background:url(../png/stock_down.png) no-repeat center;} .invest01 .left .top_ .con .num02{font-size:20px; line-height:25px; display:inline-block; vertical-align:baseline; color:#000;} .invest01 .left .bot_{margin-bottom:80px;} .invest01 .left .bot_ .item_list .item{float:left; margin-right:8%; width:19%;} .invest01 .left .bot_ .item_list .item04{margin-right:0;} .invest01 .left .bot_ .item_list .item .text{font-size:17px; color:#555;} .invest01 .left .bot_ .item_list .item .num{font-size:40px; line-height:0.34rem; color:#000; font-family:'ali_bold'; margin-top:10px;} .invest01 .left .time{font-size:14px; color:#555;} /*.invest01 .right{float:right; width:47.8%; border:1px solid #e0e0e0; height:4rem;}*/ .invest01 .boxRight{overflow:hidden; width:43%; border:1px solid #eee; -webkit-box-sizing:border-box; box-sizing:border-box;padding:10px; float:right; height:420px;} .invest01 .boxRight .right-box{ width: 85%;height: 100%;overflow: hidden;margin: 0 auto;} .invest01 .boxRight .right-box .echarts{ margin:-476px 0px -40px -410px; min-height:420px;} .invest01 .boxRight .right-box .echarts iframe{width:2000px; height:950px;} .invest02{padding:65px 0; background:#f7f8fa;} .invest02 .infor .con{color:#333; margin-top:20px;} .invest02 .content{margin-top:49px;} .invest02 .content li{float:left; width:19%; margin-right:1.25%; background:#fff; min-height:310px; position:relative;} .invest02 .content li:last-child{margin-right:0;} .invest02 .content li .box{padding:35px 29px; display:block;} .invest02 .content li .box .date{font-size:14px; line-height:20px; color:#5b5b5b;} .invest02 .content li .box .tit{color:#000; margin-top:12px;;} .invest02 .content li::after{content:''; width:100%; height:6px; background:#ea0a2a; position:absolute; left:0; bottom:0;} .invest02 .content li .box .down{ position:absolute; left:29px; bottom:35px;} .invest02 .content li .box .down .icon{display:inline-block; vertical-align:middle; width:24px;} .invest02 .content li .box .down .text{display:inline-block; font-size:14px; color:#ea0a2a; margin-left:5px;} .invest03{padding:65px 0;} .invest03 .infor{text-align:center;} .invest03 .content{margin-top:40px;} .invest03 .content .hd{text-align:center; border-bottom:1px solid #D9D9D9; margin-bottom:50px;} .invest03 .content .hd .item{display:inline-block; font-size:18px; line-height:36px; color:#000; /*padding:0 33px; */position:relative; padding-bottom:10px; cursor:pointer; margin:0 10px; width:120px;} .invest03 .content .hd .item:after{content:''; width:100%; height:3px; background:#ea0a2a; position:absolute; bottom:-1px; left:0; transform:scale(0); transition:0.5s ease;} .invest03 .content .hd .item.cur:after{transform:scale(1);} .invest03 .content .bd .left{width:39%; float:left; position:relative;} .invest03 .content .bd .left .rect-56{padding-bottom:56%;} .invest03 .content .bd .left .intro{position:absolute; color:#fff; left:40px; top:50%; transform:translateY(-50%);} .invest03 .content .bd .left .intro .d{font-size:42px; line-height:50px; font-family:'ali_bold';} .invest03 .content .bd .left .intro .t{font-size:24px; line-height:30px; margin:14px 0 40px;} .invest03 .content .bd .left .intro .more{display:block; width:155px; height:46px; line-height:46px; color:#ea0a2a; background:#fff; border-radius:5px; text-align:center;} .invest03 .content .bd .right{width:55.5%; float:right;} .invest03 .content .bd .right li{width:47%; margin-right:6%; float:left; margin-bottom:25px;} .invest03 .content .bd .right li:nth-child(2n){margin-right:0;} .invest03 .content .bd .right li .box{display:block; padding:22px 0; border-bottom:1px solid #E7E7E7; display:flex; justify-content:space-between; align-items:center;} .invest03 .content .bd .right li .box .info{width:calc(100% - 25px);} .invest03 .content .bd .right li .box .info .t{font-size:17px; line-height:24px; color:#000; transition:0.5s ease; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .invest03 .content .bd .right li .box .info .d{font-size:14px; line-height:20px; color:#ea0a2a; margin-top:11px;} .invest03 .content .bd .right li .box .icon{width:20px; height:18px; background:url(../png/invest03_2.png) no-repeat center; transition:0.5s ease;} .invest03 .content .bd .right li .box .icon img{display:none;} .invest03 .content .bd .right li:hover .box .t{color:#ea0a2a;} .invest03 .content .bd .right li:hover .box .icon{background:url(../png/invest03_2_on.png) no-repeat center;} .invest03 .content .bd .page_box{float:left; width:100%; margin-top:35px;} .invest04{margin-top:10px;} .invest04 .content .rect-02{padding-bottom:20%;} .invest04 .content .rect-02 .text_box{position:absolute; top:50%; transform:translateY(-50%); left:6.6%; z-index:1;} .invest04 .content .rect-02 .text_box .info .tit{color:#fff; font-size:30px;} .invest04 .content .rect-02 .text_box .con{margin-top:6px; font-size:17px;} .invest04 .content .rect-02 .text_box .con .tel{color:#fff; float:left; margin-right:100px;} .invest04 .content .rect-02 .text_box .con .mail{color:#fff; float:left;} .invest04 .content .rect-02 .text_box .con a:hover{color:rgba(255,255,255,.8);} /* 发展历程 */ .history.channel_content{padding:0;} .history01{height:calc(100vh - 74px); position:relative; margin-top:74px;} .history01 .bg{position:absolute; top:0; left:0; width:100%; transition:all 1s ease; transition-delay:.5s; height:100%; background:#d5dadd; transition:none; z-index:-3;} .history01 .innovation01_content{height:6.5rem; position:absolute; bottom:50%; transform:translateY(50%); width:100%; transition:all 1s ease; z-index:10;} .history01 .innovation01_content .wrap{position:relative; height:100%;} .history01 .innovation01_content .wrap::before{content:''; position:absolute; bottom:-60px; left:70px; height:100px; width:14px; background:url(../png/history01_jt.png) center/contain no-repeat; transition:all .5s ease; transition-delay:0.4s;} .history01 .innovation01_content .video{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:-1; border-radius:.06rem;} /* .history01 .innovation01_content .video video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-2;} */ .history01 .innovation01_content .video {border-radius:5px; overflow:hidden;} .history01 .innovation01_content .video video{position:absolute; width:100%; height:100%; object-fit:cover; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-2;} .history01 .innovation01_content .video img{position:absolute; width:100%; height:100%; object-fit:cover; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-2; border-radius:5px;} .history01 .right{float:right; width:32.5%; height:100%; box-sizing:border-box; position:relative;transition:all .5s ease; border-radius:0 5px 5px 0; overflow:hidden;} .history01 .right::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:-1;} .history01 .right ul{height:100%;} .history01 .right li{position:relative; /*background:url(../img/black.28.png) center;*/ transition:.5s ease; -webkit-transition:.5s ease; height:25%; overflow:hidden;} .history01 .right li:after{content:''; width:100%; height:1px; background:#fff; background:rgba(255,255,255,.1);position:absolute; left:0; bottom:0;} .history01 .right .li1.cur:before{content:''; width:100%; height:1px; background:#e5e5e5; position:absolute; left:0; top:0; z-index:1} .history01 .right li a{display:block;} .history01 .right li .intro{padding:.5rem; position:relative;} .history01 .right li .intro .text_box{float:left; width:70%; color:#fff;} .history01 .right li .intro .text_box .t{font-size:34px; line-height:40px; font-family:'ali_bold';} .history01 .right li .intro .text_box .c{font-size:22px; line-height:30px;} .history01 .right li .intro .icon{display:block; width:18px; height:18px; background:url(../png/history_add.png) no-repeat center/cover; position:absolute; right:50px; top:50%; transform:translateY(-50%);} .history01 .right li .cover{opacity:0; visibility:hidden; position:absolute; top:0; left:0; background:#fff; width:100%; height:100%; transform:scaleY(0); transform-origin:50%; transition:transform .3s ease-out;} .history01 .right li .cover .box{padding:48px 40px 60px;} .history01 .right li .cover .box .box_l{width:57%; float:left;} .history01 .right li .cover .box .box_l .t{color:#666; font-size:34px; line-height:40px; font-family:'ali_bold'; margin-bottom:3px;} .history01 .right li .cover .box .box_l .c{font-size:22px; line-height:30px; color:#666;} .history01 .right li .cover .box .box_r{width:157px; height:69px; float:right; display:none;} .history01 .right li.cur .cover {transform:scaleY(1); opacity:1; visibility:visible;} .history01 .left{float:left; width:67.5%; box-sizing:border-box; height:100%; padding-left:70px; padding-top:400px;transition:all .5s ease;} .history01 .left .l_top .tit{color:#ea0a2a; margin-bottom:10px;} /* .history01 .left .l_top .year {position:relative; height:230px; margin-left:-25px; margin-bottom:16px} .history01 .left .l_top .year img {position:absolute} .history01 .left .l_top .year img:first-child {left:0; top:25px} .history01 .left .l_top .year img:nth-child(2) {left:75px; top:48px} .history01 .left .l_top .year img:nth-child(3) {left:170px; top:0} .history01 .left .l_top .year img:nth-child(4) {left:250px; top:40px} */ .history01 .left .l_top .tit{color:#ffffff; margin-bottom:10px; position:relative; padding-top:20px;} .history01 .left .l_top .tit::after{content:''; position:absolute; top:0px; left:0%; width:84px; height:4px; background:#ea0a2a;} .history01 .left .l_top .words{color:#ffffff; font-size:18px; line-height:32px;} .history01 .left .l_bott .item{display:inline-block;} .history01 .left .l_bott .item01{margin-right:70px} .history01 .left .l_bott .item .icon{width:31px; height:.35rem; margin-bottom:10px;} .history01 .left .l_bott .item .t{color:#ffffff;} .history #fullpage{z-index:1;} .history .section01 .title{text-align:right;} .history .section01 .words{margin-top:.9rem;} .history .section03{overflow:visible;} .section{overflow:hidden;} .fp-viewing-thirdPage .innovation01_content, .fp-viewing-lastPage .innovation01_content{transform:translateY(-9rem); opacity:0; visibility:hidden;} .fp-viewing-secondPage .innovation01_content .right::after, .fp-viewing-thirdPage .innovation01_content .right::after{opacity:0.6;} .ani_con{overflow:hidden;} .m_history{display:none;} .his_pageHeader .header{position:absolute;} .history02{background:#fff; position:relative; z-index:3; display:flex; align-items:center; justify-content:space-around; flex-wrap:wrap; height:100vh;} .history02 .content{opacity:0; width:100%;} .history02 .content.op1{opacity:1;} .history02 .content .hd .item{display:none;} .history02 .content .hd .item .infor .tit{position:relative; padding-bottom:19px; margin-bottom:17px;} .history02 .content .hd .item .infor .tit:after{content:''; width:94px; height:4px; background:#ea0a2a; position:absolute; left:0; bottom:0;} .history02 .content .hd .item .infor .tit span{font-size:54px;} .history02 .content .hd .item .infor .con{font-size:16px; line-height:30px; color:#5b5b5b; width:70%;} .history02 .content .hd .item.cur{display:block; } .history02 .content .hd .item.cur .common_tit{animation:indbanLeft 1s ease both .4s; visibility:visible; opacity:1;} .history02 .content .hd .item.cur .con{animation:indbanLeft 1s ease both .6s; visibility:visible; opacity:1;} .history02 .content .bd{margin-top:70px;} .history02 .content .bd .stages{position:relative; white-space:nowrap; overflow-x:scroll; font-size:0; margin:0 auto; flex:1 1 auto;} .history02 .content .bd .stages:after{content:''; width:100px; height:100%; background-image:linear-gradient(to left,#fff,transparent); position:absolute; right:0; top:0; z-index:4;} .history02 .content .bd .stages::-webkit-scrollbar{display:none;} .history02 .content .bd .stages .swiper-wrapper{transition-duration: .2s!important;} .history02 .content .bd .stages .swiper-container{position:relative} .history02 .content .bd .stage_item{display:inline-block; z-index:0; box-sizing:border-box; overflow:hidden; width:auto;} .history02 .content .bd .stage_item:last-child{min-width:100%;} .history02 .content .bd .stage_item .cont{position:relative; /*width:9rem;*/ margin-left:8.35vw; white-space:nowrap; height:100%;} .history02 .content .bd .stage_item .cont:first-child{margin-left:0;} .history02 .content .bd .stage_item .cont .years{display:inline-block; padding:10px 0; padding-right:4vw; font-size:0; box-sizing:border-box; height:100%;} .history02 .content .bd .stage_item .cont .years:last-child{padding-right:0;} .history02 .content .bd .stage_item .cont .year_item{position:relative; display:inline-block; width:435px; padding:0 62px; padding-right:45px; border-left:1px solid #EEEEEE; white-space:initial; box-sizing:border-box; height:100%; box-sizing:border-box;} .history02 .content .bd .stage_item .cont .year_item:last-child{border-right:0;} .history02 .content .bd .stage_item .cont .year_item.on{border-left:1px solid transparent; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transition:all .5s ease;} .history02 .content .bd .stage_item .cont .year_item.on+.year_item{border-left:1px solid transparent;} /* .history02 .content .bd .stage_item .cont .year_item.on .intro_box .infor{height:3.7rem;} */ .history02 .content .bd .stage_item .cont .year_item.on .intro_box .infor{height:100%;} .history02 .content .bd .stage_item .cont .year_item.on .img_{opacity:0;} .history02 .content .bd .stage_item .cont .year_item .intro_box{position:relative; padding-top:170px; transition:all .5s ease; white-space:normal;} .history02 .content .bd .stage_item .cont .year_item .intro_box .infor{position:absolute; top:0; left:0; right:0; height:170px; background:#fff; z-index:1; transition:all .5s ease; overflow:hidden;} .history02 .content .bd .stage_item .cont .year_item .tit{font-size:34px; line-height:40px; color:#000; font-family:'ali_bold'; font-weight:bold; padding-top:.17rem;} .history02 .content .bd .stage_item .cont .year_item .con{font-size:16px; line-height:25px; margin-top:10px; color:#5b5b5b;} .history02 .content .bd .stage_item .cont .year_item.on .intro_box .infor{height:100%;} .history02 .content .bd .stage_item .cont .year_item .img_{margin-top:25px; opacity:1; border-radius:6px; padding-bottom:56.57%; height:0; position:relative; overflow:hidden;} .history02 .content .bd .stage_item .cont .year_item .img_ img{border-radius:6px; width:100%; position:absolute; top:50%; transform:translateY(-50%); min-height:100%; left:0;} .history02 .content .bd .indicators{position:relative; z-index:1; width:100%; margin-top:.6rem; display:flex;} .history02 .content .bd .indicators:before{content:''; width:9px; height:9px; background:url(../png/history02_1.png) no-repeat center; position:absolute; top:-4px; right:0; z-index:3;} .history02 .content .bd .indicators .indi_item{/*float:left;*/ flex:1 1 auto; cursor:pointer;} .history02 .content .bd .indicators .indi_item .line{position:relative; width:100%; height:2px; background:#bebebe; overflow:visible;} .history02 .content .bd .indicators .indi_item .line::before{content:""; position:absolute; top:1px; left:0; width:8px; height:8px; margin-top:-4px; background:#0b1f3e; border-radius:4px; z-index:2;} .history02 .content .bd .indicators .indi_item.active .line::before{background:#ea0a2a;} /* .history02 .content .bd .indicators .indi_item:last-child .line::after{content:""; position:absolute; top:1px; right:-1px; width:8px; height:8px; margin-top:-4px; background:url(../img/history_jt.png) no-repeat center; z-index:1;} */ .history02 .content .bd .indicators .indi_item .line .progress{position:absolute; top:0; left:0; height:100%; width:0; background:#ea0a2a; z-index:1; transition:all .3s ease;} .history02 .content .bd .indicators .indi_item .txt{font-size:18px; margin-top:30px; text-align:center; color:#000; transition:all .5s ease;} .history02 .content .bd .indicators .indi_item.active .txt, .history02 .content .bd .indicators .indi_item:hover .txt{font-weight:bold;} .history02 .content .bd .indicators .indi_item.cur .line::before{background:#ea0a2a;} /* @keyframes rotate{ 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} 100%{-webkit-transform:rotate(360deg);} } */ /* 发展历史 end */ /* 公共按钮换了，换成know_more */ .know_more{display:inline-block; height:42px; line-height:42px; border:1px solid #fff; border-radius:50px; font-size:16px; color:#fff; transition:0.5s ease;} .know_more a{transition:0s ease; display:block; padding:0 23px;} .know_more .icon{display:inline-block; margin-left:16px; vertical-align:0; position:relative; width:12px; height:10px;} .know_more .icon:after{content:''; position:absolute; top:0px; width:12px; height:10px; background:url(../svg/more_jt2.svg) no-repeat center; background-size:cover;} .know_more:hover{background:#ea0a2a; color:#fff; border-color:#ea0a2a;} .know_more:hover a{color:#fff;} .know_more:hover a:hover{color:#fff;} .know_more.red{color:#ea0a2a; border:1px solid #ea0a2a;} .know_more.red .icon:after{background:url(../svg/more_jt.svg) no-repeat center; background-size:cover;} .know_more.red:hover .icon:after{background:url(../svg/more_jt2.svg) no-repeat center;background-size:cover;} /* 公共按钮换了，换成know_more end*/ .ipart03 .content .con_right .know_more{margin-top:65px;} /* 20240611 继续实现下层 */ /* 案例 */ .case01 .hd{margin-bottom:50px; position:relative;} .case01 .hd .item{display:flex; align-items:center; margin-bottom:20px;} .case01 .hd .item .title{font-size:18px; line-height:30px; color:#333; font-family:'ali_bold'; display:inline-block; margin-right:30px;} .case01 .hd .item li{display:inline-block; padding:0 15px; line-height:30px; font-size:16px; color:#5b5b5b; border-radius:10px; margin-right:25px; cursor:pointer; transition:all 0.5s ease;} .case01 .hd .item li.on{background:#ffeaed; color:#ea0a2a;} .case01 .hd .item li:hover{background:#ffeaed; color:#ea0a2a;} .case01 .hd .item_search{margin-left:24px; float:left; width:17%; border-radius:40px; height:43px; line-height:43px; box-sizing:border-box; background:#fff; box-shadow:0px 3px 19.8px 0.2px rgba(0, 0, 0, 0.05); border:1px solid #ECEDED; position:absolute; right:0; top:50%; transform:translateY(-50%);} .case01 .hd .item_search .inp{background:none; height:43px; line-height:43px; border:none; padding:0; padding:0 25px;} .case01 .hd .item_search .news_search{width:19px; height:19px; background:url(../png/news_search.png) no-repeat center; position:absolute; right:24px; top:50%; margin-top:-10px; cursor:pointer; outline:none; border:none; padding:0;;} .case01 .bd .rect-555{padding-bottom:55.5%; border-radius:10px 10px 0 0;} .case01 .bd .li_{float:left; width:23.5%; margin-right:2%; border-radius:10px; margin-bottom:35px; box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.07); cursor:pointer;} .case01 .bd .li_four{margin-right:0;} .case01 .bd .li_ .info .box{padding:35px 20px;} .case01 .bd .li_ .info .box .tit{display:block; font-size:20px; line-height:25px; color:#000; font-family:'ali_bold'; margin-bottom:25px;} .case01 .bd .li_ .info .box .con{margin-bottom:60px;} .case01 .bd .li_ .info .box .con a{display:inline-block; padding:0 20px; line-height:28px; font-size:16px; border-radius:15px; border:1px solid #b5bcc4; color:#b5bcc4; margin-right:5px;} .case01 .bd .li_ .info .box .con a:hover{border-color:#ea0a2a; color:#ea0a2a;} .case01 .bd .li_ .info .box .more{display:inline-block; font-size:16px; color:#ea0a2a; line-height:25px;} .case01 .bd .li_ .info .box .more i{font-size:13px; font-weight:bold;} .case01 .bd .li_ img{transition:all 0.5s ease;} .case01 .bd .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* 右侧导航 */ .right_nav{position:fixed; /*right:16px;*/ right:8px; top:65%; transform:translateY(-50%); width:44px; z-index:30;} .right_nav .service{width:44px; border:0; color:#fff; border-radius:4px; background-image:-webkit-gradient(linear, left top, left bottom, from(#ea0a2a), to(#ea0a2a)); background-image:-o-linear-gradient(#ea0a2a, #ea0a2a); background-image:linear-gradient(#ea0a2a, #ea0a2a); font-size:14px; padding:4px 5px 10px; -webkit-box-shadow:0 4px 8px rgba(0, 91, 172, 0.24); box-shadow:0 4px 8px rgba(0, 91, 172, 0.24); cursor:pointer;} .right_nav .service i{display:block; color:currentColor; font-size:20px; margin-bottom:2px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .right_nav .service span{ display:block; line-height:1.3; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} .right_nav .service:hover i{-webkit-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px); opacity:0;} .right_nav .service:hover span{-webkit-transform:translateY(-14px); -ms-transform:translateY(-14px); transform:translateY(-14px);} .right_nav .item{margin-top:8px; width:44px; background-color:#fff; border-radius:4px; -webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1); box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);} .right_nav .item .nav_btn{box-sizing:border-box; display:block; text-align:center; padding:0 5px; text-decoration:none; width:100%; height:44px; font-size:12px; color:#080808; border:0; background-color:transparent; border-radius:4px; overflow:hidden; cursor:pointer;} .right_nav .item .nav_btn i{display:block; font-size:20px; height:44px; line-height:40px; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} .right_nav .item .nav_btn span{display:block; font-size:12px; height:44px; line-height:1.3; padding-top:6px; -webkit-transform:translate(0, -38px); -ms-transform:translate(0, -38px); transform:translate(0, -38px); opacity:0; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} .right_nav .item .nav_btn:hover i{-webkit-transform:translate(0, -5px); -ms-transform:translate(0, -5px); transform:translate(0, -5px); opacity:0;} .right_nav .item .nav_btn:hover span{-webkit-transform:translate(0, -45px); -ms-transform:translate(0, -45px); transform:translate(0, -45px); opacity:1;} .right_nav .item_more{visibility:hidden; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:translate(0, 6px); -ms-transform:translate(0, 6px); transform:translate(0, 6px); opacity:0;} .right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;} .right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;} .right_nav .popup{display:none; position:absolute; bottom:0; right:44px; padding-right:8px} .right_nav .popup.hasGo{display:block;} .right_nav .popup .box{display:block; width:192px; min-height:200px; background-color:#fff; border-radius:4px; padding:24px; -webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.16); box-shadow:0 4px 16px rgba(0, 0, 0, 0.16)} .right_nav .popup.kefu_pup .box{width:330px; padding:0;} .right_nav .popup .area{padding-bottom:.24rem; border-bottom:1px solid #f0f0f0; margin-bottom:.24rem;} .right_nav .popup .title{font-size:14px; line-height:20px; margin-bottom:14px;} .right_nav .popup .title i{margin-right:5px; font-size:20px;} .right_nav .popup .tips{font-size:12px; text-align:center; margin:-6px 0;} .right_nav .popup .box.more_box{max-height:520px; width:240px; overflow-y:auto;} .right_nav .popup .box.more_box .tit{font-size:16px; line-height:1.4; margin-bottom:16px;} .right_nav .popup .box.more_box .tit i{font-size:19px; margin-right:3px} .right_nav .popup .box.more_box .line{padding:14px 16px; background-color:#f5f5f5; border-radius:4px; margin-bottom:8px;} .right_nav .popup .box.more_box .line .t{font-size:14px; font-weight:bold; line-height:1.4; margin-bottom:4px; display:block;} .right_nav .popup .box .cont{display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center;} .right_nav .popup .box .cont .prompt{display:block; font-size:12px; -ms-flex:0 0 84px; flex:0 0 84px; margin-right:5px; background-color:#f5f5f5; padding:5px; line-height:1.3;} .right_nav .popup .box .cont .img_box{width:100%; text-align:center;} .right_nav .popup .box .cont .img_box img{display:block; width:100%; height:auto;} .right_nav .popup .box .cont .img_box .title{display:block; font-size:12px; margin-bottom:0;} .right_nav .popup .box .con{text-align:center;} .right_nav .popup .box .con a{display:block; width:100%; height:33px; background-color:#c3cad1; font-size:14px; color:#fff!important; border-radius:4px; line-height:33px; text-decoration:none; cursor:pointer;} .right_nav .popup .box .con a:hover{background:#ea0a2a; color:#fff!important;} .right_nav .popup .more_btn{font-size:12px; text-align:center; color:#fff; background-color:#c3cad1; line-height:31px; height:33px; width:100%; border-radius:.06rem; border:1px solid transparent; margin-bottom:8px; cursor:pointer;} .right_nav .popup .more_btn a{color:#fff; display:block;} .right_nav .popup .more_btn:hover{background:#ea0a2a; color:#fff;} .right_nav .popup .more_btn a:hover{color:#fff;} .right_nav .popup .more_btn:last-child{margin-bottom:0;} .right_nav .popup .more_btn.btn02{border:1px solid #080808; color:#080808; background-color:transparent;} /* 企业文化 新 */ .culture_new01 .content .item{margin-bottom:120px; height:717px;} .culture_new01 .content .item .left{float:left; width:71%; position:relative; height:100%;} .culture_new01 .content .item .left img{position:absolute; bottom:0; top:0; max-width:none; right:0; height:100%;} .culture_new01 .content .item .right{float:right; width:28%; position:relative; height:100%;} .culture_new01 .content .item .right .info{position:absolute; bottom:96px; width:724px; background:#fff; box-shadow: 0px 4px 16.74px 1.26px rgba(0, 0, 0, 0.06);} .culture_new01 .content .item .right .info .box{padding:90px 50px;} .culture_new01 .content .item .right .info::before{content:''; width:100%; height:11px; background:#b5bcc3; position:absolute; left:0; bottom:0;} .culture_new01 .content .item .right .info::after{content:''; width:100%; height:11px; background:#ea0a2a; position:absolute; left:0; bottom:-11px;} .culture_new01 .content .item .right .info .box .tit {font-size:36px; font-family:'ali_bold'; color:#000;} .culture_new01 .content .item .right .info .box .con{font-size:30px; line-height:50px; font-family:'ali_bold'; color:#ea0a2a;} .culture_new01 .content .item01 .right .info{right:0; text-align:right;} .culture_new01 .content .item02 .right .info{left:0;} .culture_new01 .content .item02 .left{float:right;} .culture_new01 .content .item02 .right{float:left;} .culture_new01 .content .item02 .left img{left:0;} .culture_new01 .content .item02 .right .know_more{float:right; font-family:'ali_re';} .culture_new01 .content .item01 .right .know_more{float:left; font-family:'ali_re';} .culture_new02 .infor .tit{font-size:36px; line-height:40px; color:#000; font-family:'ali_bold';} .culture_new02 .content{margin-top:50px; position:relative;} .culture_new02 .content .img_{border-radius:10px;} .culture_new02 .content .list{width:100%; height:100%; position:absolute; left:0; bottom:0; width:100%; height:100%;} .culture_new02 .content .list li{width:14.2%; float:left; height:100%; border-left:1px solid #fff; border-color:rgba(255,255,255,5); box-sizing:border-box; transition:all 0.5s ease;} .culture_new02 .content .list li .box{height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; transition:all 0.5s ease;} .culture_new02 .content .list li .box .icon{width:42px; height:42px;} .culture_new02 .content .list li .box .tit{font-size:24px; line-height:30px; color:#fff; font-family:'ali_bold'; margin:22px 0 20px;} .culture_new02 .content .list li .box .con{font-size:18px; line-height:26px; min-height:78px; color:#fff; transition:all 0.5s ease; opacity:0; visibility:hidden; transform:translateY(15px); width:500px;} .culture_new02 .content .list li.on{width:43.2%;} .culture_new02 .content .list li.on .box{align-items:flex-start; padding-left:74px;} .culture_new02 .content .list li.on .box .con{opacity:1; visibility:visible; transform:translateY(0);} /* 关于我们 新 */ .about_us_new.channel_content{padding:0;} .sya_p2{width:100%; position:relative; padding-top:1px; text-align:center;} /* .sya_p2_img1 {width:100%; position:absolute; top:0; left:0; z-index:10; pointer-events:none;} .sya_p2_img1 img{width:100%;} .sya_p2_img2 {margin-top:100px; position:relative; background:#fff;} .sya_p2_img_ka2 {position:absolute; left:0; top:0;} .sya_p2_img2 img{width:100%;} .sya_p2 img { image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges; -ms-interpolation-mode:nearest-neighbor; } .sya_p2_cont {position:absolute; width:100%; z-index:20; top:155px; left:0;} .sya_p2lk .sya_p2_cont_wrap {flex-wrap:wrap; width:1020px; margin:0 auto; max-width:100%; display:flex; justify-content:space-between;} .sya_p2lk .spcw_le{width:100%;} .sya_p2lk .infor .mod_tit24{font-size:24px; line-height:30px; color:#ea0a2a;} .sya_p2lk .spcw_ri{width:100%; padding-top:20px;;} .sya_p2lk .spcw_ri .spcw_ri_info{margin-bottom:59px;} .sya_p2lk .spcw_ri .mod_tit36{font-size:36px; line-height:40px; color:#000;} .sya_p2lk .spcw_ri .mod_con{font-size:16px; line-height:28px; color:#5b5b5b; margin-top:25px;} .sya_p2_img_a2 {position:relative; z-index:30; pointer-events:none;} .sya_p2_img2 .sya_p2_img_a3 {position:absolute; top:123px; left:0; z-index:33; width:372px;} .sya_p2_img2 .sya_p2_img_a4 {position:absolute; top:180px; right:70px; width:372px; z-index:33;} .sya_p2.on .sya_p2_img2 .sya_p2_img_a3{left:0;} .sya_p2.on .sya_p2_img2 .sya_p2_img_a4{right:70px;}*/ .about_us_new01{height:800px; position:relative;} .about_us_new01:after{content:''; width:100%; height:100%; background:rgba(0,0,0,.1); position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:0.5s ease;} .about_us_new01 .sya_p2_img2{background:url(../jpg/about_us_new.jpg) no-repeat center bottom; height:800px; background-size:cover; } .about_us_new01 .infor{padding-top:120px; text-align:center; width:52%; margin:0 auto;} .about_us_new01 .infor .tit{font-size:24px; line-height:30px; color:#ea0a2a;} .about_us_new01 .infor .con{font-size:36px; line-height:40px; color:#000; margin-top:14px;} .about_us_new01 .infor .txt{font-size:16px; line-height:28px; color:#5b5b5b; margin-top:25px;} .sya_p2_img2 .sya_p2_img_a3 {position:absolute; top:123px; left:0; z-index:33; width:372px;} .sya_p2_img2 .sya_p2_img_a4 {position:absolute; top:180px; right:70px; width:372px; z-index:33;} .sya_p2.on .sya_p2_img2 .sya_p2_img_a3{left:0;} .sya_p2.on .sya_p2_img2 .sya_p2_img_a4{right:70px;} .about_us_new01.fixed .sya_p2_img2{position:fixed; left:0; bottom:0; width:100%;} .about_us_new01.fixed:after{opacity:1; visibility:visible;} .about_us_new02{padding-top:90px; position:relative; z-index:4; background:#fff;} .about_us_new02 .content{position:relative; height:640px;} .about_us_new02 .content .info{position:absolute; right:60px; top:50%; transform:translateY(-50%); background:#fff; width:38%; box-sizing:border-box;} .about_us_new02 .content .info .box{padding:60px 50px; font-size:16px; line-height:36px; color:#000;} .about_us02{position:relative; z-index:4; background:#fff;} .pageFooter{position:relative; z-index:4;} .ipart01 .content .right .item .info .img_ img{/*height:294px;*/ max-width:none;} .about_us_new .m_video{display:none;} /* 全球布局 */ .global.channel_content{padding:0;} .global01{padding:70px 0; background:url(../jpg/global01_1.jpg) no-repeat center; background-size:cover;} .global01.ipart03 .content .con_right{width:47.5%; margin-right:0;;} .global01 .con_right .hd{background:#fff; background:rgba(255,255,255,.75); border-radius:5px; margin-bottom:35px;} .global01 .con_right .hd .title{display:inline-block; font-size:20px; line-height:65px; color:#000; padding:0 20px;} .global01 .con_right .hd .area{display:inline-block; font-size:20px; line-height:65px; color:#000;} .global01 .con_right .hd .area li{display:inline-block; padding:0 20px; position:relative; cursor:pointer;} .global01 .con_right .hd .area li.cur{color:#ea0a2a;} .global01 .con_right .hd .area li.cur:after{content:''; width:100%; height:2px; background:#ea0a2a; position:absolute; bottom:0; left:50%; transform:translateX(-47%);;} .global01 .con_right .form_box{margin-bottom:35px;} .global01 .con_right .form_box label{font-size:20px; color:#fff; line-height:42px; margin-right:2%;} .global01 .con_right .form_box .sele_wrap{width:29.5%; height:42px; line-height:42px; margin-right:2%; position:relative;} .global01 .con_right .form_box .sele_wrap .origin{border:1px solid #fff; border-radius:5px; padding-left:15px; color:#fff; position:relative; cursor:pointer;} .global01 .con_right .form_box .sele_wrap .origin i{width:13px; height:7px; background:url(../png/global01_1.png) no-repeat center; position:absolute; right:15px; top:50%; transform:translateY(-50%);} .global01 .con_right .form_box .sele_wrap .down{position:absolute; left:0; top:100%; width:100%; display:none;} .global01 .con_right .form_box .sele_wrap .down ul{background:rgba(255,255,255,.3); backdrop-filter:blur(5px);} .global01 .con_right .form_box .sele_wrap .down ul li{line-height:40px; font-size:16px; color:#000; padding:0 15px; border-top:1px solid #fff; border-color:rgba(255,255,255,5); transition:0.5s ease; cursor:pointer;} .global01 .con_right .form_box .sele_wrap .down ul li:hover{color:#ea0a2a;} .global01 .con_right .form_box .btn_wrap{width:19%; float:right; border-radius:5px; overflow:hidden;} .global01 .con_right .form_box .btn_wrap button{height:44px; line-height:44px; background:rgba(255,255,255,.5); color:#ea0a2a; font-size:20px; border:none; padding:0; outline:none; width:100%; cursor:pointer;} .global01 .con_right .form_box .btn_wrap button i{margin-left:20px; margin-right:0; vertical-align:top;} .global01 .con_right .bd {border:1px solid #fff; border-radius:5px;} .global01 .con_right .bd .box{padding:35px 30px; color:#fff;} .global01 .con_right .bd .box .t{font-size:24px; margin-bottom:14px;} .global01 .con_right .bd .box .c{font-size:16px; line-height:30px;} .global01 .con_right .bd .box .c span{display:block; margin-bottom:7px;} /* 全球布局 第一部分右侧改版 */ .global01_new{padding:70px 0; background:url(../jpg/global01_new01.jpg) no-repeat center; background-size:cover;} .global01_new .con_right{width:47.5%; margin-right:0;;} .global01_new .con_right .form_box .inp_wrap{width:100%; box-sizing:border-box; height:44px; line-height:42px; border:1px solid #fff; border-color:rgba(255,255,255,.75); overflow:hidden; border-radius:5px; margin-right:2%; position:relative; padding-left:7.5%; position:relative; margin-bottom:20px;} .global01_new .con_right .form_box .inp_wrap i{position:absolute; left:15px; font-size:20px; color:#fff; top:50%; transform:translateY(-50%);} .global01_new .con_right .form_box .inp_wrap .inp{width:75%; height:42px; line-height:42px; background:none; padding:0; border:none; color:#fff} .global01_new .con_right .form_box .inp_wrap .inp::-webkit-input-placeholder { color:#fff; } .global01_new .con_right .form_box .inp_wrap button{height:42px; line-height:42px; background:#fff; color:#ea0a2a; font-size:20px; border:none; padding:0; outline:none; width:18%; cursor:pointer; position:absolute; right:0; top:0;} .global01_new .con_right .form_box{margin-bottom:35px;} .global01_new .con_right .form_box .sele_wrap{width:48%; z-index:3; height:42px; line-height:42px; margin-right:4%; position:relative;} .global01_new .con_right .form_box .sele_wrap02{margin-right:0;} .global01_new .con_right .form_box .sele_wrap .origin{border:1px solid #fff; border-color:rgba(255,255,255,.75); border-radius:5px; padding-left:15px; color:#fff; position:relative; cursor:pointer;} .global01_new .con_right .form_box .sele_wrap .origin i{width:13px; height:7px; background:url(../png/global01_1.png) no-repeat center; position:absolute; right:15px; top:50%; transform:translateY(-50%);} .global01_new .con_right .form_box .sele_wrap .down{position:absolute; left:0; top:100%; width:100%; display:none;} .global01_new .con_right .form_box .sele_wrap .down ul{background:rgba(255,255,255,.3); backdrop-filter:blur(5px); height:200px; overflow-y:auto; overflow-x:hidden} .global01_new .con_right .form_box .sele_wrap .down ul::-webkit-scrollbar {width:2px; height:4px;} .global01_new .con_right .form_box .sele_wrap .down ul::-webkit-scrollbar-thumb {border-radius:0; background:#ea0a2a;} .global01_new .con_right .form_box .sele_wrap .down ul::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .global01_new .con_right .form_box .sele_wrap .down ul li{line-height:40px; font-size:16px; color:#000; padding:0 15px; border-top:1px solid #fff; border-color:rgba(255,255,255,5); transition:0.5s ease; cursor:pointer;} .global01_new .con_right .form_box .sele_wrap .down ul li:hover{color:#ea0a2a;} .global01_new .con_right .bd {border:1px solid #fff; border-radius:5px; padding:5px; color:#fff;} .global01_new .con_right .bd .box{padding:35px 30px; color:#fff;} .global01_new .con_right .bd .box .t{font-size:24px; margin-bottom:14px;} .global01_new .con_right .bd .box .c{font-size:16px; line-height:30px;} .global01_new .con_right .bd .box .c span{display:block; margin-bottom:7px;} /* 全球布局 第一部分右侧改版 end*/ .global02{padding:90px 0 0px; position:relative; z-index:2;} .global02 .rect-418{padding-bottom:41.8%;} .global02 .content{position:relative; padding-top:70px;} .global02 .content .infor{position:absolute; left:0; width:28%; top:0;} .global02 .content .infor .tit{font-size:16px; line-height:30px; color:#000; margin-bottom:160px;} .global02 .content .infor .con{ width:61%;} .global02 .content .infor .con .cell {padding-bottom:20px; border-bottom:1px solid #F2F2F2; flex:1 ;display:flex; align-items:center; justify-content:space-between; margin-bottom:25px;} .global02 .content .infor .con .cell .info .t{font-size:24px; color:#000; line-height:42px; transition:0.5s ease;} .global02 .content .infor .con .cell .info .t span{font-size:42px;; font-family:'ali_bold'; display:inline-block; margin-right:5px;} .global02 .content .infor .con .cell .info .c{color:#000; font-size:16px;;} .global02 .content .infor .con .cell:hover .info .t{color:#ea0a2a;} .global02 .content .map_img{width:78%; margin:0 auto; position:relative;} .global02 .content .map_img .dots_box{position:absolute; left:0; top:0; width:100%; height:100%;} .global02 .content .map_img .dots_box .dot{position:absolute; width:12px; height:12px; border-radius:50px; cursor:pointer;} .global02 .content .map_img .dots_box .dot:hover:before{content:''; width:20px; height:20px; background:rgba(237,0,20,0.2); position:absolute; left:50%; top:50%; margin-top:-10px; margin-left:-10px;; animation:global_warn 2s linear 0s infinite; opacity:0; border-radius:40px;} @keyframes global_warn { 0% { transform:scale(0.5); transform-origin:50% 50%; opacity:0; } 25% { transform:scale(1); transform-origin:50% 50%; opacity:0.4; } 50% { transform:scale(1.2); transform-origin:50% 50%; opacity:0.8; } 75% { transform:scale(1.3); transform-origin:50% 50%; opacity:0.4; } 100% { transform:scale(1.4); transform-origin:50% 50%; opacity:0; } } .global02 .content .map_img .dots_box .dot i{width:6px; height:6px; background:#ea0a2a; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #fff; border-radius:10px;} .global02 .content .map_img .dots_box .dot span{transition:0.5s ease; width:21px; height:22px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0; visibility:hidden;} .global02 .content .mess_box{background-color:#fff; box-sizing:border-box; padding:20px; box-shadow:0 0 15px rgba(0,0,0,.1); position:absolute; width:257px; right:60px; top:50%; transform:translateY(-50%); transition:0.5s ease; opacity:0; visibility:hidden; transition:0.5s ease; z-index:3;} .global02 .content .mess_box .close{width:15px;height:15px; background:url(../png/re_close.png) no-repeat center; background-size:cover; position:absolute; right:10px; top:10px; transition:.5s ease; cursor:pointer} .global02 .content .mess_box .close:hover{transform:rotateZ(180deg);} .global02 .content .mess_box .box .t{font-size:20px; color:#000; font-family:'ali_bold'; padding-bottom:10px; border-bottom:1px solid #E5E5E5; margin-bottom:15px;} .global02 .content .mess_box .box .c{font-size:15px; line-height:24px; overflow-x:hidden; word-break:break-all; overflow-y:auto; color:#5b5b5b; margin-bottom:25px; padding-right:5px; height:72px;} .global02 .content .mess_box .box.no_pic .c{height:auto;} .global02 .content .mess_box .box .c::-webkit-scrollbar {width:2px; height:4px;} .global02 .content .mess_box .box .c::-webkit-scrollbar-thumb {border-radius:0; background:#ea0a2a;} .global02 .content .mess_box .box .c::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .global02 .content .mess_box .box .pic{border-radius:5px 5px 0 0;} /* 触控点后的效果 */ .global02 .content .map_img .dots_box .dot.show span{opacity:1; visibility:visible;} .global02 .content .map_img .dots_box .dot.show .mess_box{opacity:1; visibility:visible; pointer-events:all;} .global03{padding-top:70px; padding-bottom:50px;} .global03 .content .right{width:70%; float:left; position:relative; height:630px; position:relative; overflow:hidden;} .global03 .content .right img{height:100%; object-fit:cover; max-width:none;} .global03 .content .left{width:30%; float:right; height:630px;} .global03 .content .left .hd{padding:0 25px; padding-top:27px; border-bottom:1px solid #E9EAEA;} .global03 .content .left .hd .item{width:48%;; height:54px; line-height:54px; position:relative; z-index:3; border-radius:5px; color:#fff;} .global03 .content .left .hd .item .origin{border:1px solid #fff; border-radius:5px; padding-left:15px; position:relative; cursor:pointer;} .global03 .content .left .hd .item .origin i{width:13px; height:7px; background:url(../png/global01_1.png) no-repeat center; position:absolute; right:15px; top:50%; transform:translateY(-50%);} .global03 .content .left .hd .item .down{position:absolute; left:0; top:100%; width:100%; display:none;} .global03 .content .left .hd .item.item_area .down ul{height:200px; overflow-y:auto; overflow-x:hidden;} .global03 .content .left .hd .item.item_area .down ul::-webkit-scrollbar {width:2px; height:4px;} .global03 .content .left .hd .item.item_area .down ul::-webkit-scrollbar-thumb {border-radius:0; background:#ea0a2a;} .global03 .content .left .hd .item.item_area .down ul::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .global03 .content .left .hd .item .down ul{background:#eceded; backdrop-filter:blur(5px);} .global03 .content .left .hd .item .down ul li{line-height:40px; font-size:16px; color:#000; padding:0 15px; border-top:1px solid #fff; border-color:rgba(255,255,255,5); transition:0.5s ease; cursor:pointer;} .global03 .content .left .hd .item .down ul li:hover{color:#ea0a2a;} .global03 .content .left .hd .item_pro{background:#adadad;} .global03 .content .left .hd .item_area{background:#eceded; color:#000} .global03 .content .left .hd .item_area .origin i{background:url(../png/global03_1.png) no-repeat center;} .global03 .content .left .hd .item_btn{width:100%; margin-top:15px; height:54px; line-height:54px; border:1px solid #B5BCC3; border-radius:5px; position:relative;} .global03 .content .left .hd .item_btn .inp{width:75%; height:54px; line-height:54px; border:none; padding:0; background:none;text-indent:20px;} .global03 .content .left .hd .item_btn .inp::-webkit-input-placeholder {color:#b5bcc3; } .global03 .content .left .hd .item_btn button{width:54px; height:54px;; background:none; border:none; margin:0; padding:0; position:absolute; right:0; top:50%; transform:translateY(-50%); cursor:pointer;} .global03 .content .left .hd .item_btn button .icon{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .global03 .content .left .hd .item_text{width:100%; font-size:16px; color:#5b5b5b; margin-top:5px; line-height:50px; } .global03 .content .left .hd .item_text span{color:#000;} .global03 .content .left .bd {background:#f7f8f8; padding-right:5px; padding-left:25px; background:#fff;} .global03 .content .left .bd ul{height:664px; overflow-y:auto; padding-right:7px;background:#fff;} .global03 .content .left .bd .li_{background:#fff; padding-right:30px;} .global03 .content .left .bd .li_ .box{border-bottom:1px solid #ECEDED; position:relative; padding:28px 0; padding-left:25px;} .global03 .content .left .bd .li_ .tit{font-size:20px; margin-bottom:15px; color:#000; font-family:'ali_bold'; transition:0.5s ease;} .global03 .content .left .bd .li_ .con{font-size:16px; line-height:30px; color:#000; font-family:'ali_me';} .global03 .content .left .bd .li_ .con span{display:block; position:relative; padding-left:30px;} .global03 .content .left .bd .li_ .con span i{font-size:0; position:absolute; left:0; top:10px; width:20px;} .global03 .content .left .bd .li_ .con span.con_addr i{top:7px} .global03 .content .left .bd .li_ .con span.con_mail{word-break:break-all;} .global03 .content .left .bd ul::-webkit-scrollbar{width:10px; height:10px;} .global03 .content .left .bd ul::-webkit-scrollbar-thumb{border-radius:5px; box-shadow:inset 0 0 10px 10px #b5bcc3;} .global03 .content .left .bd ul::-webkit-scrollbar-track{border-radius:5px; border-right:solid 10px transparent;} .global03 .content .left .bd .li_:hover .tit{color:#ea0a2a;} /* 关于综合 */ .about_cen.channel_content{padding-bottom:0;} .about_cen01{margin-bottom:110px;} .about_cen01 .infor{position:relative;} .about_cen01 .infor .infor_l .t{font-size:16px; line-height:26px; color:#ea0a2a; font-family:'ali_bold'; margin-bottom:15px;} .about_cen01 .infor .infor_l .c{font-size:36px; line-height:40px; color:#000;} .about_cen01 .infor .infor_r {position:absolute; right:0; top:50%; margin-top:-22px;} .about_cen01 .infor .infor_r .txt{font-size:18px; line-height:30px; color:#000; margin-bottom:15px; display:none;} .about_cen01 .content{margin-top:35px; position:relative;} .about_cen01 .content .play{width:86px; height:86px; background:url(../png/about_cen01_2.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer;} .about_cen02 .content{position:relative;} .about_cen02 .content .intro{width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);} .about_cen02 .content .intro .box{width:35.5%; color:#fff;} .about_cen02 .content .intro .tit{font-size:36px; line-height:40px; font-family:'ali_bold';} .about_cen02 .content .intro .con{margin:31px 0 50px;} .about_cen03{padding:80px 0; background:#fbfbfb;} .about_cen03 .content{display:flex; align-items:center; justify-content:space-between;} .about_cen03 .content .left{width:47%; float:left;} .about_cen03 .content .right{width:43%; float:right; height:100%;} .about_cen03 .content .right .info .tit{font-size:36px; line-height:40px; color:#000; font-family:'ali_bold';} .about_cen03 .content .right .info .con{color:#000; margin:25px 0 40px;} .about_cen04{padding:80px 0;} .about_cen04 .content{display:flex; align-items:center; justify-content:space-between; flex-direction: row-reverse;} .about_cen04 .content .left{width:47%; float:left;} .about_cen04 .content .right{width:43%; float:right; height:100%;} .about_cen04 .content .right .info .tit{font-size:36px; line-height:40px; color:#000; font-family:'ali_bold';} .about_cen04 .content .right .info .con{color:#000; margin:25px 0 40px;} /* 联系我们 */ .contact_us.channel_content{padding-top:0;} .contact_us01{padding:30px 0 60px; background:#fafafa;} .contact_us01 .hd {text-align:center; border-bottom:1px solid #F1F1F1;} .contact_us01 .hd li{display:inline-block; font-size:18px; padding:0 34px; margin:0 30px; line-height:65px; position:relative; cursor:pointer; color:#000;} .contact_us01 .hd li:after{content:''; width:100%; height:2px; background:#ea0a2a; position:absolute; left:0; bottom:-1px; transform:scale(0); transition:0.5s ease} .contact_us01 .hd li.cur{font-weight:bold;} .contact_us01 .hd li.cur:after{transform:scale(1);} .contact_us01 .bd{margin-top:50px;} .contact_us01 .bd .li_{width:24%; float:left; margin-right:1.33%; background:#fff; height:275px; transition:0.5s ease; position:relative; margin-bottom:22px;} .contact_us01 .bd .li_four{margin-right:0;} .contact_us01 .bd .li_::after{content:''; width:358px; height:287px; background:url(../png/contact_us01_1.png) no-repeat center; background-size:cover; position:absolute; right:0; bottom:0; pointer-events:none; opacity:0; visibility:hidden; transition:0.5s ease;} .contact_us01 .bd .li_ .box{padding:25px 20px 20px;} .contact_us01 .bd .li_ .box dt{font-size:22px; line-height:30px; max-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#000; font-family:'ali_bold'; margin-bottom:14px;} .contact_us01 .bd .li_ .box dd {padding-left:30px; position:relative; font-size:16px; line-height:24px; color:#3c3c3c; transition:0.5s ease; margin-bottom:8px; transition:0.5s ease;} .contact_us01 .bd .li_ .box dd:last-child{margin-bottom:0;} .contact_us01 .bd .li_ .box dd i{position:absolute; font-size:20px; color:#ea0a2a; left:0; top:0px; margin-left:0; transition:0.5s ease;} .contact_us01 .bd .li_ .box dd a{transition:0s ease;} .contact_us01 .bd .li_.hover{background:#ea0a2a;} .contact_us01 .bd .li_.hover::after{opacity:1; visibility:visible;} .contact_us01 .bd .li_.hover dt{color:#fff;} .contact_us01 .bd .li_.hover dd{color:#fff;} .contact_us01 .bd .li_.hover .box dd i{color:#fff;} .contact_us01 .bd .li_.hover .box dd a:hover{color:rgba(255,255,255,.7);} /*widgets_online_form_2*/ .widgets_online_form_2 .infor .tit{text-align:center; font-size:30px; color:#000; line-height:1; margin-bottom:20px; padding-top:80px; } .widgets_online_form_2 .infor .con{text-align:center; font-size:16px; color:#5b5b5b; line-height:24px; margin-bottom:15px;} .widgets_online_form_2 .form{width:1200px;margin:0 auto;} .widgets_online_form_2 .form input{border:1px solid #d5d5d5; font-size:16px;} .widgets_online_form_2 .name{background:url("../png/widgets_online_form_2_1.png") no-repeat right 0;} .widgets_online_form_2 .phone{background:url("../png/widgets_online_form_2_2.png") no-repeat right 0;} .widgets_online_form_2 .email{background:url("../png/widgets_online_form_2_3.png") no-repeat right 0;} .widgets_online_form_2 .line1{width:100%; box-sizing:border-box; height:48px; line-height:48px; padding:0 46px 0 13px;} .widgets_online_form_2 .form textarea{width:100%; box-sizing:border-box; border:1px solid #d5d5d5; padding:10px 40px 10px 13px; height:149px; font-size:16px; line-height:1.5; margin-bottom:20px; margin-top:25px; background:transparent url("../png/widgets_online_form_2_4.png") no-repeat right top;} .widgets_online_form_2 .form #content{width:100%; box-sizing:border-box; border:1px solid #d5d5d5; padding:10px 40px 10px 13px; height:149px; font-size:16px; line-height:1.5; margin-bottom:20px; margin-top:25px; background:transparent url("../png/widgets_online_form_2_4.png") no-repeat right top;} .widgets_online_form_2 .form .btns_list{text-align:center;} .widgets_online_form_2 .form .btns_list button{width:45%; height:45px; line-height:37px; border:none; font-size:18px; color:#fff; cursor:pointer;} .widgets_online_form_2 .form .btns_list .sub{background-color:#848484; border-radius:0; float:left;} .widgets_online_form_2 .form .btns_list .reset{background-color:#848484; border-radius:0; float:right;} .widgets_online_form_2 .form .btns_list .btn{border-radius:22px; transition:.3s ease;} .widgets_online_form_2 .form .btns_list .on{background-color:#ea0a2a;} .widgets_online_form_2 .form .btns_list .btn:hover{background-color:#ea0a2a;} .widgets_online_form_2 .yzm_box{width:50%;} .widgets_online_form_2 .btns_list{width:50%;} .widgets_online_form_2 .yzm_box .yzm{line-height:46px; height:46px; width:30%; text-indent:20px; margin-right:25px;} .widgets_online_form_2 .yzm_box img{width:120px; height:50px; margin-right:10px;} .widgets_online_form_2 .yzm_box .change{color:#40535a; font-size:12px; vertical-align:bottom;} .widgets_online_form_2 .form .row{width:100%;} .widgets_online_form_2 .form .span-4{width:32%; margin:0 0 0 2%;} .widgets_online_form_2 .form .span-4:first-child{margin-left:0;} .widgets_online_form_2 .form .span-12{width:100%; margin-right:0;;} /* 技术研发 */ .tech.channel_content{padding:0;} .tech01{padding:60px 0; background:#f0f2f3;} .tech01 .content{margin-top:60px; position:relative;} .tech01 .rect-416{padding-bottom:41.6%;} .tech01 .m_content{display:none;} .tech01 .content .map_img{width:95%; position:relative;} .tech01 .content .map_img .dots_box{position:absolute; left:0; top:0; width:100%; height:100%;} .tech01 .content .map_img .dots_box .dot{position:absolute; width:12px; height:12px; border-radius:50px; /*background:rgba(237,0,20,0.2);*/ cursor:pointer;} .tech01 .content .map_img .dots_box .dot:before{content:''; width:20px; height:20px; background:rgba(237,0,20,0.2); position:absolute; left:50%; top:50%; margin-top:-10px; margin-left:-10px;; animation:global_warn 2s linear 0s infinite; opacity:0; border-radius:40px;} .tech01 .content .map_img .dots_box .mess_dot i{width:7px; height:7px; background:#ea0a2a; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #fff; border-radius:10px;} .tech01 .content .map_img .dots_box .mess_dot span{transition:0.5s ease; width:21px; height:22px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0; visibility:hidden;} .tech01 .content .map_img .dots_box .dot.show .mess_dot span{opacity:1; visibility:visible;} .tech01 .content .mess_box .box{/*padding:30px; background:#fff; border-radius:10px;box-shadow: 0px 5px 19.32px 1.68px rgba(32, 30, 31, 0.09);*/} .tech01 .content .mess_box{position:absolute; width:19%; right:60px; top:50%; transform:translateY(-50%); transition:0.5s ease; opacity:0; visibility:hidden; width:257px; z-index:3;} .tech01 .content .mess_box .close{width:15px;height:15px; background:url(../png/re_close.png) no-repeat center; background-size:cover; position:absolute; right:10px; top:10px; transition:.5s ease; cursor:pointer;} .tech01 .content .mess_box .close:hover{transform:rotateZ(180deg);} .tech01 .content .mess_box .box .t{font-size:20px; color:#000; font-family:'ali_bold'; padding-bottom:10px; border-bottom:1px solid #E5E5E5; margin-bottom:15px;} .tech01 .content .mess_box .box .c{font-size:15px; line-height:30px; color:#5b5b5b; } .tech01 .content .mess_box .box .c span{display:block; position:relative; padding-left:30px; margin-bottom:5px; word-break:break-all;} .tech01 .content .mess_box .box .c span i{position:absolute; font-size:20px; color:#ea0a2a; left:0; top:2px; margin-left:0; transition:0.5s ease;} /* 20240709改成抽拉 */ .tech01 .content .mess_box{padding:25px; box-sizing:border-box; background:#fff; border-radius:10px;box-shadow: 0px 5px 19.32px 1.68px rgba(32, 30, 31, 0.09);} .tech01 .content .map_img .dots_box .dot.show .mess_box{opacity:1; visibility:visible; pointer-events:all;} .tech01 .content .mess_box .cell .box .c{display:none;} .tech01 .content .mess_box .cell{cursor:pointer; margin-bottom:10px;} /* 20240709改成抽拉 end*/ .tech02{background:url(../jpg/tech02_1.jpg) no-repeat center; background-attachment:fixed; background-size:cover;} .tech02 .content{position:relative; height:841px;} .tech02 .content .m_img{display:none;} .tech02 .content .intro{width:47%; position:absolute; right:0; top:50%; transform:translateY(-50%); background:#fff; background:rgba(255,255,255,.4); border-radius:10px; backdrop-filter:blur(10px); box-shadow:0 7px 15px rgba(0,0,0,.15);} .tech02 .content .intro .box{padding:60px 45px;} .tech02 .content .intro .box .con{font-size:16px; line-height:30px; color:#5b5b5b; margin-top:20px;} .tech03{padding:80px 0; overflow:hidden;} .tech03 .infor{text-align:center;} .tech03 .content{width:86.5%; margin:50px auto 0; position:relative;} .tech03 .content .rect-396{padding-bottom:39.6%;border-radius:10px;} .tech03 .content .swiper-slide{opacity:0.25; transition:0.5s ease; position:relative; overflow:hidden; border-radius:10px;} .tech03 .content .swiper-slide.swiper-slide-active{opacity:1;} /* 这个按钮滚动条进程线和分页先注释 换成产品列表的箭头 */ /* .tech03 .content .anniu{text-align:center; margin-top:52px;} .tech03 .content .anniu>div{display:inline-block;} .tech03 .content .anniu .pages{padding:0 60px; font-size:17px; color:#000;} .tech03 .content .anniu .arr{width:8px; height:15px; cursor:pointer;} .tech03 .content .anniu .arr.prev{background:url(../img/tech03_jt1.png) no-repeat center;} .tech03 .content .anniu .arr.next{background:url(../img/tech03_jt1.png) no-repeat center; transform:rotateY(180deg);} .tech03 .content .swiper-pagination{position:static; background:#B5BCC3; height:2px; width:13%; margin:20px auto 0;} .tech03 .content .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ea0a2a;} */ .tech03 .content .arrs_box .arrs{width:50px; height:50px; position:absolute; top:33%; transform:translateY(-50%); cursor:pointer; z-index:4;} .tech03 .content .arrs_box .arrs.prev{background:url(../svg/jt1.svg) no-repeat center; background-size:cover; left:-60px;} .tech03 .content .arrs_box .arrs.next{background:url(../svg/jt2.svg) no-repeat center; background-size:cover; right:-60px;} .tech03 .content .arrs_box .arrs.swiper-button-disabled{display:none;} .tech03 .content .arrs_box .arrs.prev:hover{background:url(../svg/jt1_on.svg) no-repeat center; background-size:cover} .tech03 .content .arrs_box .arrs.next:hover{background:url(../svg/jt2_on.svg) no-repeat center; background-size:cover} .tech03 .content .swiper-slide .intro{position:absolute; left:0; bottom:0; width:100%;} .tech03 .content .swiper-slide .intro:after{content:''; width:100%; height:100%; background:linear-gradient(to top,#000, transparent); position:absolute; left:0; bottom:0; pointer-events:none;} .tech03 .content .swiper-slide .intro .box{padding:40px; font-size:18px; line-height:32px; color:#fff; position:relative; z-index:3;} .tech03 .content .swiper-slide .intro .box .con{font-size:15px;} .tech04{padding:70px 0; background:#f7f8f9;} .tech04 .infor .con{font-size:16px; color:#5b5b5b; width:63%; margin-top:23px;} .tech04 .content{margin-top:45px; z-index:49; position:relative;} .tech04 .content .li_{width:17.8%; float:left; margin-right:2.75%; cursor:pointer; position:relative;} .tech04 .content .li_five{margin-right:0;} .tech04 .content .li_ .box{border-top:2px solid #DDDEE1; transition:0.5s ease; padding:30px 5px; position:relative;} .tech04 .content .li_ .box::after{content:''; width:0; height:2px; background:#ea0a2a; position:absolute; left:0; top:-2px; transition:0.5s ease;} .tech04 .content .li_ .box .name{font-size:18px; color:#5b5b5b; transition:0.5s ease; margin-bottom:30px; transition:0.5s ease;} .tech04 .content .li_ .box .pic img{height:50px; filter:grayscale(100%); transition:0.5s ease;} .tech04 .content .li_ .pic_tc{position:absolute; left:100%; top:0; width:450px; background:#fff; box-shadow: 0px 5px 19.32px 1.68px rgba(32, 30, 31, 0.09); z-index:5; pointer-events:none; transition:0.5s ease; opacity:0; visibility:hidden;} .tech04 .content .li_ .pic_tc .info{padding:25px 35px 35px;} .tech04 .content .li_ .pic_tc .txt{font-size:18px; line-height:30px; color:#000; margin-top:24px;;} .tech04 .content .li_:nth-child(5n) .pic_tc{right:100%; margin-right:30px; left:inherit;} .tech04 .content .li_:hover .box::after{width:100%;} .tech04 .content .li_:hover .box .name{font-family:'ali_bold'; color:#ea0a2a;} .tech04 .content .li_:hover .box .pic img{ filter:grayscale(0%);} .tech04 .content .li_:hover .pic_tc{opacity:1; visibility:visible; pointer-events:all;} .tech04 .content .li_.hover{z-index:3;} .tech05 .content{position:relative;} .tech05 .content .left{width:32%; float:left; padding:130px 0; height:682px; box-sizing:border-box; padding-left:7%;} .tech05 .content .left .infor .con{font-size:18px; line-height:35px; color:#000; padding-top:34px;} .tech05 .content .left .infor .con span{font-size:24px; color:#ea0a2a; font-family:'ali_bold';} .tech05 .content .appl_intro{position:absolute; z-index:1; top:0; right:0; overflow:hidden; width:67%; height:100%; /*pointer-events:none;*/ -webkit-backface-visibility:hidden;} /* .tech05 .content .appl_intro::after{content:""; position:absolute; z-index:2; top:0; right:0; width:50%; height:100%; background:linear-gradient(to left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.3) 30% ,rgba(0,0,0,0) 100%); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} */ /* .tech05 .content .appl_intro::before{content:""; position:absolute; z-index:2; bottom:0; right:0; width:100%; height:30%; background:linear-gradient(to top,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0) 100%); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} */ .tech05 .content .appl_intro .slide_body{width:83%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transform:rotate(-27deg); transform:rotate(-27deg); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; justify-content:flex-end; -webkit-backface-visibility:hidden; margin:0 auto; margin-right:0;} .tech05 .content .appl_intro .slide_rail{height:100%; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; margin-left:3%;} .tech05 .content .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:first-child{-webkit-animation:railDown1 200s -100s linear infinite; animation:railDown1 200s -100s linear infinite;} .tech05 .content .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:last-child{-webkit-animation:railDown2 200s linear infinite; animation:railDown2 200s linear infinite;} .tech05 .content .appl_intro .slide_rail_inner{position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .tech05 .content .appl_intro .slide_rail_inner ul{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .tech05 .content .appl_intro .slide_rail_inner ul:first-child{-webkit-animation:railUp1 200s -100s linear infinite; animation:railUp1 200s -100s linear infinite;} .tech05 .content .appl_intro .slide_rail_inner ul:last-child{-webkit-animation:railUp2 200s linear infinite; animation:railUp2 200s linear infinite} .tech05 .content .appl_intro .slide_tile{margin-bottom:15px; box-shadow: 0 0 15px rgba(0, 0, 0, .1); position:relative; width:100%; border-radius:6px; overflow:hidden;} @-webkit-keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @-webkit-keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @-webkit-keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @-webkit-keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } @keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } .tech05 .mobile_pic{display:none;} /* 行业 */ .industry{background:url(../jpg/industry01_1.jpg) no-repeat center; background-size:cover;} .industry01 .infor{padding-top:90px;} .industry01 .infor .tit{font-size:36px; line-height:45px; color:#fff;} .industry01 .content{margin-top:70px;} .industry01 .content .li_{float:left; width:32.5%; margin-right:1.25%; margin-bottom:30px;} .industry01 .content .li_ .rect-59{padding-bottom:59%; border-radius:10px;} .industry01 .content .li_three{margin-right:0;} .industry01 .content .li_ .info{position:absolute; left:39px; bottom:29px; font-size:24px; line-height:30px; color:#fff;} .industry01 .content .li_ .info .icon{margin-bottom:15px; transition:0.5s ease; opacity:0; visibility:hidden; display:none;} .industry01 .content .li_ ._full{transition:all 0.5s ease;} .industry01 .content .li_:hover ._full {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .industry01 .content .li_:hover .info .icon{opacity:1; visibility:visible;} .industry01 .content .li_ .rect-59:after{content:''; width:100%; height:100%; background:rgba(0,0,0,.1); position:absolute; left:0; top:0;} /* 行业详细 */ .industry_banner.xc_banner .content{bottom:0px; background:rgba(255,255,255,.9);} .industry_banner .list{display:flex; justify-content:space-between;} .industry_banner .list li{width:16.66%; position:relative;} .industry_banner .list li:after{content:''; width:1px; height:60%; background:#aaa; opacity:0.4; position:absolute; right:0; top:50%; transform:translateY(-50%);} .industry_banner .list li:last-child::after{display:none;} .industry_banner .list li a{line-height:.4rem; padding:.2rem 0; display:block; text-align:center; font-size:.2rem; color:#000; } .industry_banner .list li.cur::after{background:#ea0a2a;} .industry_banner .list li.cur a{background:#ea0a2a; color:#fff;} .industry_banner .list li:hover::after{background:#ea0a2a;} .industry_banner .list li:hover a{background:#ea0a2a; color:#fff;} .industry_detail.channel_content{padding:0;} .industry_detail01 .content .left{width:26%; float:left; padding-top:100px;} .industry_detail01 .content .left .li_{float:left; margin-bottom:40px; transition:all .5s ease; width:49%; margin-right:2%; box-sizing:border-box; cursor:pointer;} .industry_detail01 .content .left .li_:nth-child(2n){margin-right:0;} .industry_detail01 .content .left .li_ .tit{font-size:30px; line-height:35px; font-style:italic; color:#7F7F7F; transition: all .5s ease; font-family:'ali_bold';} .industry_detail01 .content .left .li_ .con{font-size:12px; transition: all .5s ease; line-height:24px; color:rgba(0,0,0,.5); font-family:'Arial'; text-transform:uppercase; margin-top:2px;} .industry_detail01 .content .left .li_ .more {margin-left:-10px; opacity:0; width:52px; height:15px; margin-top:10px; background:url(../png/industry_detail01_1.png) no-repeat center / contain; transition:all .5s ease;} .industry_detail01 .content .left .li_.cur, .industry_detail01 .content .left .li_:hover{padding-left:30px;} .industry_detail01 .content .left .li_.cur .tit, .industry_detail01 .content .left .li_:hover .tit {color:#ea0a2a; margin-left:-30px; padding-left:20px; border-left:7px solid #ea0a2a} .industry_detail01 .content .left .li_.cur .more, .industry_detail01 .content .left .li_:hover .more {margin-left:0; opacity:1;} .industry_detail01 .content .left .li_.cur .con, .industry_detail01 .content .left .li_:hover .con{font-size:14px; color:#000;;} .industry_detail01 .content .left .sele_type{width:69%;; height:43px; line-height:43px; position:relative; z-index:3} .industry_detail01 .content .left .sele_type .origin{border:1px solid #ADADAD; border-radius:5px; padding-left:25px; position:relative; cursor:pointer; color:#000; font-size:16px; border-radius:50px;} .industry_detail01 .content .left .sele_type .origin i{width:9px; height:5px; background:url(../png/industry_detail01_jt.png) no-repeat center; position:absolute; right:25px; top:50%; transform:translateY(-50%);} .industry_detail01 .content .left .sele_type .down{position:absolute; left:0; top:100%; width:100%; margin-top:2px; display:none; border-radius:10px; overflow:hidden;} .industry_detail01 .content .left .sele_type .down ul{background:#f7f7f7; backdrop-filter:blur(5px);} .industry_detail01 .content .left .sele_type .down ul li{line-height:40px; font-size:16px; color:#000; padding:0 25px; border-top:1px solid #fff; border-color:rgba(255,255,255,5); transition:0.5s ease; cursor:pointer;} .industry_detail01 .content .left .sele_type .down ul li:hover{color:#ea0a2a;} .industry_detail01 .content .right{width:69%; float:right; background:#fbfbfb; padding-bottom:30px;box-sizing:border-box; margin-bottom:50px; padding-left:4%; position:relative;} .industry_detail01 .content .right::after{content:''; width:500px; height:100%; background:#fbfbfb; position:absolute; left:95%; top:0; pointer-events:none; z-index:-1;} .industry_detail01 .content .right .list{float:left; padding:50px 0 20px; width:70%;} .industry_detail01 .content .right .list li{display:inline-block; margin-right:10px; padding:0 23px; font-size:18px; color:#5b5b5b; line-height:36px; border-radius:20px; border:1px solid #D0D0D0; cursor:pointer; transition:0.5s ease; margin-bottom:10px;} .industry_detail01 .content .right .list li:hover{background:#ea0a2a; border-color:#ea0a2a; color:#fff;} .industry_detail01 .content .right .form_box{text-align:right; width:26.5%; padding:50px 0 30px;;} .industry_detail01 .content .right .form{position:relative; text-align:left; display:inline-block; border-radius:40px; height:43px; line-height:43px; box-sizing:border-box; background:#fff; box-shadow:0px 3px 19.8px 0.2px rgba(0, 0, 0, 0.05); border:1px solid #ECEDED; width:100%;} .industry_detail01 .content .right .form .inp{background:none; height:43px; line-height:43px; border:none; padding:0; padding:0 25px;} .industry_detail01 .content .right .form .news_search{width:19px; height:19px; background:url(../png/news_search.png) no-repeat center; position:absolute; right:24px; top:50%; margin-top:-10px; cursor:pointer; outline:none; border:none; padding:0;;} .industry_detail01 .content .right .text{float:left; font-size:18px; line-height:36px; color:#000; margin-bottom:40px;} .industry_detail01 .content .right .li_{width:32%; margin-right:2%; margin-bottom:2%; float:left; position:relative;} .industry_detail01 .content .right .li_:before{content:''; width:100%; height:100%; background:url(../jpg/industry_detail01_bg.jpg) no-repeat center; object-fit:cover; position:absolute; left:0; top:0; background-size:cover;} .industry_detail01 .content .right .li_three{margin-right:0;} .industry_detail01 .content .right .li_ .rect-818{padding-bottom:81.8%;} .industry_detail01 .content .right .li_ .rect-818:after{content:''; width:100%; height:100%; background-image:linear-gradient(to top,rgba(0,0,0,.5),transparent); position:absolute; left:0; bottom:0; transition:0.5s ease;} .industry_detail01 .content .right .li_ .rect-818 img{height:auto; top:50%; transform:translateY(-50%);transition:0.5s ease;} .industry_detail01 .content .right .li_ :hover img {-webkit-transform:translateY(-50%) scale(1.05); -ms-transform:translateY(-50%) scale(1.05); transform:translateY(-50%) scale(1.05);} .industry_detail01 .content .right .li_ .t{font-size:18px; line-height:20px; transition:0.5s ease; color:#fff; position:absolute; left:30px; right:30px; bottom:21px;z-index:2;} .industry_detail01 .content .right .li_ .cover{width:100%; height:100%; position:absolute; left:0; top:0; background:#ea0a2a; background:rgba(234,10,42,.8); transition:0.5s ease; opacity:0; visibility:hidden;;} .industry_detail01 .content .right .li_ .cover .box{padding:40px 25px; color:#fff;} .industry_detail01 .content .right .li_ .cover .box .tit{font-size:20px; line-height:25px; font-family:'ali_bold';} .industry_detail01 .content .right .li_ .cover .box .con{font-size:16px; line-height:30px; margin-top:14px; height: ;} .industry_detail01 .content .right .li_:hover .cover{opacity:1; visibility:visible;} .industry_detail01 .content .right .li_:hover .t{opacity:0; visibility:hidden;} .industry_detail02{background:url(../jpg/pro_detail05_1.jpg) no-repeat center; padding:70px 0 70px; background-size:cover; background-attachment:scroll;} .industry_detail01 .content .right .li_:hover .rect-818:after{opacity:0; visibility:hidden;} .industry_detail02 .intro{width:40%; float:right; background:#fff; border-radius:10px;} .industry_detail02 .intro .box{padding:50px 60px 40px;} .industry_detail02 .intro .box .tit{font-size:36px; line-height:40px; margin-bottom:30px; text-align:center;} .industry_detail02 .intro .box .inp_wrap{float:left; width:47.5%; margin-right:5%; height:46px; line-height:46px; background:#ebedef; border-radius:50px; padding:0 28px; box-sizing:border-box; margin-bottom:13px;} .industry_detail02 .intro .box .inp_wrap:nth-child(2n){margin-right:0} .industry_detail02 .intro .box .inp_wrap .inp{width:100%; height:46px; line-height:46px; padding:0; border:none; background:transparent;} .industry_detail02 .intro .box .inp_wrap.inp_mess {width:100%;} .industry_detail02 .intro .box .btn_wrap{float:left; width:100%; margin-top:10px;} .industry_detail02 .intro .box .btn_wrap button{width:32.5%; display:block; margin:0 auto; color:#fff; background:#221f20; border:none; border-radius:50px; text-align:center; line-height:44px; padding:0; outline:none; cursor:pointer;} .industry_detail02 .intro .box .btn_wrap button i{margin-right:0;} .industry_detail02 .intro .box .text{font-size:14px; line-height:20px; margin-top:20px; color:#909092; float:left; width:100%;} .industry_detail02 .intro .box .text a{color:#ea0a2a;} /* 产品列表 */ .pro_banner.xc_banner img{width:100%; height:100%; object-fit:cover;} .pro_banner.xc_banner .intro{top:30%} .pro_banner.xc_banner .intro .info{text-align:center;} .pro_banner.xc_banner .intro .tit{font-size:25px; line-height:30px; color:#000; color:rgba(0,0,0,.84); margin-bottom:25px;} .pro_banner.xc_banner .intro .con{font-size:62px; color:#000; line-height:70px; font-family:"ali_light";} .pro_list.channel_content{padding-bottom:0;} .pro_list01 {margin-bottom:65px;} .pro_list01 .infor .tit{float:left; font-size:36px; line-height:40px; color:#000; font-family:'ali_bold';} .pro_list01 .infor .con{float:right;} .pro_list01 .infor .con span{display:inline-block; font-size:18px; height:40px; line-height:40px; color:#5b5b5b; margin-left:60px; padding:0 5px; cursor:pointer;} .pro_list01 .infor .con span.cur{border-bottom:2px solid #ea0a2a; color:#ea0a2a;} .pro_list01 .content{margin-top:38px; } .pro_list01 .content .rect-61{padding-bottom:61%;} .pro_list01 .content .swiper-slide{width:56.25%;} .pro_list01 .content .swiper-slide .intro{text-align:center; position:relative; z-index:3; padding-top:80px;} .pro_list01 .content .swiper-slide .intro .t{font-size:18px; line-height:30px; color:#5b5b5b;} .pro_list01 .content .swiper-slide .intro .c{font-size:24px; line-height:35px; color:#000; margin-bottom:18px;} .pro_list01 .content .swiper-slide .intro .know_more{border-radius:0px; margin:0 8px;} .pro_list01 .content .swiper-slide .intro .know_more01{color:#5b5b5b; border-color:#5b5b5b;} .pro_list01 .content .swiper-slide .intro .know_more01:hover{border-color:#ea0a2a;} .pro_list01 .content .swiper-slide .intro .know_more01 .icon:after{background:url(../svg/more_jt3.svg) no-repeat center; background-size:cover;} .pro_list01 .content .swiper-slide .intro .know_more01:hover .icon:after{background:url(../svg/more_jt2.svg) no-repeat center; background-size:cover;} .pro_list01 .content .swiper-slide .intro .pic{width:70%; margin:50px auto 0;} .pro_list01 .content .swiper-slide.hot:after{content:''; width:103px; height:23px; background:url(../png/hot_sale.png) no-repeat center; position:absolute; top:35px; right:35px;} .pro_list01 .content .anniu{text-align:center; margin-top:30px;} .pro_list01 .content .anniu>div{display:inline-block; vertical-align:middle;} .pro_list01 .content .anniu .pages{padding:0 60px; font-size:17px; color:#000; display:none;} .pro_list01 .content .anniu .arr{width:50px; height:50px; cursor:pointer; transition:0.5s ease;} .pro_list01 .content .anniu .arr.swiper-button-disabled{cursor:not-allowed; opacity:0.5;} .pro_list01 .content .anniu .arr.prev{background:url(../svg/jt1.svg) no-repeat center;background-size:cover;} .pro_list01 .content .anniu .arr.next{background:url(../svg/jt2.svg) no-repeat center;background-size:cover;} .pro_list01 .content .anniu .arr.prev:hover{ background:url(../svg/jt1_on.svg) no-repeat center;background-size:cover;} .pro_list01 .content .anniu .arr.next:hover{ background:url(../svg/jt2_on.svg) no-repeat center;background-size:cover;} .pro_list01 .content .swiper-pagination{position:static; background:#B5BCC3; height:2px; width:35%; margin:0px auto; vertical-align:middle;} .pro_list01 .content .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ea0a2a;} .pro_list02{padding:70px 0; background:#f7f8f9;} .pro_list02 .infor .tit{float:left; font-size:36px; line-height:40px; color:#000; font-family:'ali_bold';} .pro_list02 .infor .con{float:right; border-bottom:1px solid #E3E4E4;} .pro_list02 .infor .con span{display:inline-block; font-size:18px; height:40px; line-height:40px; color:#5b5b5b; margin-left:60px; padding:0 5px; cursor:pointer;} .pro_list02 .infor .con span.cur{border-bottom:2px solid #ea0a2a; color:#ea0a2a; font-family:'ali_bold';} .pro_list02 .infor .con span:first-child{margin-left:0;} .pro_list02 .content{ padding:0 9%; margin:70px auto 0; position:relative;} .pro_list02 .content .rect-51{padding-bottom:51%;} .pro_list02 .content .arrs_box .arrs{width:37px; height:37px; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer;} .pro_list02 .content .arrs_box .arrs.prev{background:url(../svg/pro_jt2.svg) no-repeat center; background-size:cover; left:55px; transform:rotateY(180deg);} .pro_list02 .content .arrs_box .arrs.next{background:url(../svg/pro_jt2.svg) no-repeat center; background-size:cover; right:55px;} .pro_list02 .content .arrs_box .arrs.swiper-button-disabled{display:none;} .pro_list02 .content .pagination{display:none;} .pro_list03{padding:80px 0 0;} .pro_list03 .infor{position:relative;} .pro_list03 .infor .infor_l .t{font-size:36px; line-height:40px; color:#000; font-family:'ali_bold'; margin-bottom:15px;} .pro_list03 .infor .infor_l .c{font-size:18px; line-height:26px; color:#000;} .pro_list03 .infor .infor_r {position:absolute; right:0; top:50%; margin-top:-22px;} .pro_list03 .infor .infor_r .know_more{border-radius:0;} .pro_list03 .content{width:69%; margin:70px auto 0; position:relative;} .pro_list03 .content .rect-86{padding-bottom:55.5%;} .pro_list03 .content .swiper-slide{background:#f7f8f9; cursor:pointer; position:relative;} .pro_list03 .content .swiper-slide .left{width:50%; float:left;} .pro_list03 .content .swiper-slide .right{width:50%; float:right; position:absolute; right:0; top:0; height:100%; display:flex; align-items:center;} .pro_list03 .content .swiper-slide .right .box{padding:100px 70px; padding:45px;} .pro_list03 .content .swiper-slide .right .box .tit{font-size:30px; line-height:35px; color:#000;} .pro_list03 .content .swiper-slide .right .box .con{font-size:16px; line-height:30px; height:90px; overflow-y:auto; padding-right:5px; color:#5b5b5b; margin:20px 0; display:none;} .pro_list03 .content .swiper-slide .right .box .con::-webkit-scrollbar {width:2px; height:4px;} .pro_list03 .content .swiper-slide .right .box .con::-webkit-scrollbar-thumb {border-radius:0; background:#ea0a2a;} .pro_list03 .content .swiper-slide .right .box .con::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .pro_list03 .content .swiper-slide .right .box .txt{font-size:16px; font-family:'ali_bold'; line-height:30px; margin-top:40px;} .pro_list03 .content .arrs_box .arrs{width:50px; height:50px; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer;} .pro_list03 .content .arrs_box .arrs.prev{background:url(../svg/jt1.svg) no-repeat center; background-size:cover; left:-63px;} .pro_list03 .content .arrs_box .arrs.next{background:url(../svg/jt2.svg) no-repeat center; background-size:cover; right:-63px;} .pro_list03 .content .arrs_box .arrs.prev:hover{background:url(../svg/jt1_on.svg) no-repeat center; background-size:cover;} .pro_list03 .content .arrs_box .arrs.next:hover{background:url(../svg/jt2_on.svg) no-repeat center; background-size:cover;} .pro_list03 .content .pagination{display:none;} .pro_list04{padding:80px 0;} .pro_list04 .infor{text-align:center;} .pro_list04 .infor .tit{font-family:'ali_re';} .pro_list04 .content{margin-top:40px;} .pro_list04 .content .rect-58{padding-bottom:58%;} .pro_list04 .content .item{width:50%; float:left; position:relative;} .pro_list04 .content .item a{display:block;} .pro_list04 .content .item .intro{position:absolute; left:0; top:0; padding:65px 54px; color:#fff; width:100%; box-sizing:border-box;} .pro_list04 .content .item .intro .tit{font-size:36px; line-height:40px; margin-bottom:22px;} .pro_list04 .content .item .intro .con{font-size:18px; line-height:30px;} .pro_list04 .content .item .intro .ico{width:80px; margin-top:35px;} .pro_list04 .content .item ._full{transition:all 0.5s ease;} .pro_list04 .content .item:hover ._full {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* 产品详细 */ .proDet_header{height:74px;} .pro_detail.channel_content{padding:0;} .pro_detail01 .wrap, .pro_detail02 .wrap{width:1330px; margin:0 auto;} .pro_detail01{background:url(../jpg/pro_detail01_1.jpg) no-repeat center;} .pro_detail01 .hd{background:#f6f7f8; position:relative; z-index:3; padding-top:10px;} .pro_detail01 .hd{font-size:0; text-align:center;} .pro_detail01 .hd li{width:13%; margin:0 1.5%; display:inline-block; cursor:pointer; position:relative;} .pro_detail01 .hd li .box{padding:15px 0;} .pro_detail01 .hd li .box .icon{height:50px; margin-bottom:10px; text-align:center;} .pro_detail01 .hd li .box .icon img{height:100%;} .pro_detail01 .hd li .box .icon .img_on{display:none;} .pro_detail01 .hd li .box .text{font-size:18px; line-height:23px; color:#000; text-align:center;;} .pro_detail01 .hd li .box_bott{position:absolute; top:100%; width:100%; background:#fff; font-size:16px; line-height:48px; display:none; box-shadow:0 0 15px rgba(0,0,0,.15); padding:0 5px} .pro_detail01 .hd li .box_bott dl{max-height:360px; overflow-y:auto; overflow-x:hidden; padding-right:5px;} .pro_detail01 .hd li .box_bott dl::-webkit-scrollbar {width:2px; height:4px;} .pro_detail01 .hd li .box_bott dl::-webkit-scrollbar-thumb {border-radius:0; background:#ea0a2a;} .pro_detail01 .hd li .box_bott dl::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .pro_detail01 .hd li .box_bott dd{text-align:center; border-bottom:1px solid #E4E4E4; line-height:30px; padding:5px 0} .pro_detail01 .hd li.cur .box .icon .img_{display:none;} .pro_detail01 .hd li.cur .box .icon .img_on{display:inline-block;} .pro_detail01 .hd li.cur .box .text{color:#ea0a2a;} .pro_detail01{margin-bottom:70px; overflow:hidden;} .pro_detail01 .bd{background:url(../jpg/pro_detail01_2.jpg) no-repeat center; background-size:cover; padding:70px 0;} .pro_detail01 .bd .infor{text-align:center;} .pro_detail01 .bd .infor .tit{font-size:36px; line-height:40px; color:#000; font-family:'ali_bold';} .pro_detail01 .bd .infor .con{font-size:16px; line-height:30px; color:#000; margin:20px 0; padding:0 5%;} .pro_detail01 .bd .infor .more{width:120px; height:36px; line-height:36px; color:#ea0a2a; border:1px solid #ea0a2a; box-sizing:border-box; display:block; margin:0 auto;} .pro_detail01 .bd .infor .more:hover{background:#ea0a2a; color:#fff;} .pro_detail01 .bd .infor .pic_{position:relative; width:89%; margin:0 auto;} .pro_detail01 .bd .infor .pic_ .rotate{position:absolute; top:50%; transform:translateY(-50%); left:-80px; cursor:pointer;} .pro_detail01 .bd .infor .pic_ .weight{position:absolute; bottom:0; width:300px; right:-100px; margin-left:0px; font-size:20px; line-height:36px; color:#000; white-space:nowrap;} .pro_detail01 .bd .infor .pic_ .weight span{font-size:36px; line-height:40px; font-family:'ali_bold'; color:#ea0a2a; font-style:italic;} /* .pro_detail .model_box .view3d-canvas{width:100%; height:100%;} */ .pro_detail02 .item{margin-bottom:100px;} .pro_detail02 .item .rect-53{padding-bottom:53%;} .pro_detail02 .item .rect-80{padding-bottom:80%;} .pro_detail02 .item .box{display:block;} .pro_detail02 .item .box .left{width:60%; float:left;} .pro_detail02 .item .box .right{width:34.5%; float:right;} .pro_detail02 .item .box .right .info{position:absolute; top:50%; transform:translateY(-50%);} .pro_detail02 .item .box .right .info .tit{font-size:36px; line-height:40px; color:#000; font-family:'ali_bold';} .pro_detail02 .item .box .right .info .con{font-size:18px; line-height:30px; color:#000; margin-top:20px;} .pro_detail02 .item.even .box .left{float:right;} .pro_detail02 .item.even .box .right{float:left;} .pro_detail02 .item .box .left img{transition:all 0.5s ease;} .pro_detail02 .item .box .left:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .pro_detail03{padding:70px 0; background:#f6f7f8;} .pro_detail03 .infor .tit{font-size:36px; line-height:40px; color:#000; font-family:'ali_bold';} .pro_detail03 .infor .con{font-size:16px; line-height:30px; color:#000; margin-top:15px;} .pro_detail03 .content{margin-top:30px;} .pro_detail03 .content .swiper{opacity:0;} .pro_detail03 .content .swiper-container-initialized{opacity:1;} .pro_detail03 .content .rect-645{padding-bottom:81.8%; background:#fff;} .pro_detail03 .content .swiper-slide{width:26%;} .pro_detail03 .content .swiper-slide .info{border-top:1px solid #E5E5E5; background:#fff;} .pro_detail03 .content .swiper-slide .info .box{padding:30px 25px;} .pro_detail03 .content .swiper-slide .info .box .tit{font-size:20px; line-height:25px; color:#000; font-family:'ali_bold';} .pro_detail03 .content .swiper-slide .info .box .con{font-size:16px; line-height:28px; color:#5b5b5b; margin-top:5px;} .pro_detail03 .content .swiper-slide .info .box .con span{float:left; width:60%;} .pro_detail03 .content .swiper-slide .info .box .con em{color:#000; float:right; transition:all 0.5s ease;} .pro_detail03 .content .swiper-slide .info .box .con em i{margin:0;} .pro_detail03 .content .swiper-slide img{transition:all 0.5s ease; z-index:3;} .pro_detail03 .content .swiper-slide:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05)} .pro_detail03 .content .swiper-slide:hover .info .box .con em{color:#ea0a2a;} .pro_detail03 .content .swiper-slide .rect-645:after{content:''; width:100%; height:100%; background:url(../jpg/pro_detail03_bg.jpg) no-repeat center; position:absolute; left:0; top:0; mix-blend-mode:multiply; transition:0.5s ease; background-size:cover; opacity:0; visibility:hidden;} .pro_detail03 .content .swiper-slide:hover .rect-645:after{opacity:1; visibility:visible;} .pro_detail04{padding:75px 0 0;} .pro_detail04 .infor{position:relative; z-index:5;} .pro_detail04 .infor .tit{font-size:36px; line-height:40px; color:#000; text-align:center;;} .pro_detail04 .infor .tit .sele_pro{min-width:100px; display:inline-block; position:relative; margin:0 10px; width:16%; z-index:5; width:auto;} .pro_detail04 .infor .tit .sele_pro>span{display:inline-block; color:#000; min-height:30px; padding:0 30px 0 16px; font-family:'ali_bold'; font-size:30px; border-bottom:1px solid #A8A8A8; position:relative; cursor:pointer; text-align:left; width:100%; box-sizing:border-box; text-align:center;} .pro_detail04 .infor .tit .sele_pro>span:after{content:''; width:12px; height:7px; background:url(../png/pro_detail03_3.png) no-repeat center; background-size:cover; position:absolute; right:4px; top:50%; transform:translateY(-50%);} .pro_detail04 .infor .tit .sele_pro .down{position:absolute; left:0; top:100%; width:100%; background:#fff; background:rgba(255,255,255,.7); backdrop-filter:blur(40px); padding:10px 0; text-align:left; display:none; box-shadow:0 0 15px rgba(0,0,0,.15); margin-top:-1px;} .pro_detail04 .infor .tit .sele_pro .down li{font-size:18px; line-height:30px; cursor:pointer; padding:0 15px; margin-bottom:5px; text-align:center;} .pro_detail04 .content{margin-top:50px; font-size:0; text-align:center;} .pro_detail04 .content .rect-45{padding-bottom:45%;} .pro_detail04 .content .item{width:27%; margin:0 3%; display:inline-block;} /* .pro_detail04 .content .item:first-child{margin-left:0;} */ .pro_detail04 .content .item_pro{position:relative; margin-bottom:65px; z-index:3;} .pro_detail04 .content .item_pro>span{display:inline-block; color:#000; padding:0 30px 0 16px; font-size:18px; line-height:30px; padding-bottom:5px; border-bottom:1px solid #A8A8A8; position:relative; cursor:pointer; text-align:left; width:100%; box-sizing:border-box;} .pro_detail04 .content .item_pro>span:after{content:''; width:12px; height:7px; background:url(../png/pro_detail03_3.png) no-repeat center; background-size:cover; position:absolute; right:4px; top:50%; transform:translateY(-50%);} .pro_detail04 .content .item_pro .down{position:absolute; left:0; top:100%; width:100%; background:#fff; background:rgba(255,255,255,.5); backdrop-filter:blur(5px); padding:10px 0; text-align:left; display:none; box-shadow:0 0 15px rgba(0,0,0,.15);} .pro_detail04 .content .item_pro .down ul{max-height:210px; overflow-y:auto; overflow-x:hidden;} .pro_detail04 .content .item_pro .down ul::-webkit-scrollbar {width:2px; height:4px;} .pro_detail04 .content .item_pro .down ul::-webkit-scrollbar-thumb {border-radius:0; background:#ea0a2a;} .pro_detail04 .content .item_pro .down ul::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .pro_detail04 .content .item_pro .down li{font-size:18px; line-height:30px; cursor:pointer; padding:0 15px; margin-bottom:5px;} .pro_detail04 .content .item_price{margin-top:20px;} .pro_detail04 .content .item_price a{width:130px; height:42px; line-height:42px; background:#ea0a2a; color:#fff; text-align:center; display:block; margin:0 auto; font-size:16px;;} .pro_detail04 .content .item_more a{width:130px; height:42px; line-height:42px; margin:0 auto; display:block; font-size:16px; color:#000; text-align:center; margin-top:10px;} .pro_detail04 .content .item_more a i{margin-right:0; font-size:16px;} .pro_detail05{padding-top:70px;} /* .pro_detail05 .container{background:url(../img/pro_detail05_1.jpg) no-repeat center; background-size:cover;} */ .pro_detail05.industry_detail02 .intro .box .inp_wrap{border-radius:0;} .pro_detail05.industry_detail02 .intro .box .btn_wrap button{border-radius:0;} .pro_detail05.industry_detail02 .intro{border-radius:0;} /* 影像力劲 */ .imgVideo_ban{display:none;} .img_video.channel_content{padding:0;} .img_video .common_tit{margin-bottom:.55rem;} .img_video01{background:#cdd2d8; position:relative; overflow:hidden;} .img_video01 .container{position:relative; overflow:hidden; width:100vw; height:100vh; perspective:20rem; } .img_video01 .container .scroller{height:100%; transform-style:preserve-3d; } /* room */ .img_video01 .container .room{position:absolute; top:50%; left:50%; width:100vw; height:100vh; margin:-50vh 0 0 -50vw; pointer-events:none; opacity:0; transform-style:preserve-3d; } .img_video01 .container .room_current{pointer-events:auto; opacity:1; } .img_video01 .container .room_side{position:absolute; display:flex; justify-content:center; align-items:center; transform-style:preserve-3d; } .img_video01 .container .room_side_left, .img_video01 .container .room_side_right{width:40rem; height:100vh; background:#d9dde0; } .img_video01 .container .room_side_back{width:100vw; height:100vh; background:#e3e5e8; box-shadow:0 0 0 2px #e3e5e8; transform:translate3d(0, 0, -40rem) rotate3d(1, 0, 0, 0.1deg) rotate3d(1, 0, 0, 0deg);} .img_video01 .container .room_side_right{right:0; justify-content:flex-end; transform:rotate3d(0, 1, 0, -90.03deg); transform-origin:100% 50%; } .img_video01 .container .room_side_left{justify-content:flex-start; transform:rotate3d(0, 1, 0, 90deg); transform-origin:0 50%; } .img_video01 .container .room_side_bottom{width:100vw; height:40rem; background:#cdd2d8; transform:rotate3d(1, 0, 0, 90deg) translate3d(0, -40rem, 0); transform-origin:50% 0%; } .img_video01 .container .room_side_bottom{top:100%; } .img_video01 .container .room_img{flex:none; max-width:40%; max-height:60%; margin:0 5%; transform:translate3d(0, 0, 10px); backface-visibility:hidden; } /* Content */ .img_video01 .content{position:absolute; top:0; left:0; width:100%; height:100vh; } .img_video01 .content .wrap{display:flex; flex-direction:column; height:100%;} /* Slides */ .img_video01 .slides{position:relative; flex:1;} .img_video01 .slide{position:absolute; left:50%; transform:translateX(-50%); width:auto; pointer-events:none; opacity:0; bottom:0;} .img_video01 .slide.slide_current{pointer-events:auto; opacity:1;} .img_video01 .slide .slide_name{font-size:190px; line-height:1; margin:0; margin-bottom:30px; letter-spacing:5px; color:#ea0a2a; white-space:nowrap;} .img_video01 .slide .slide_title, .img_video01 .slide .slide_tips{text-align:right; margin-right:10px;} .img_video01 .slide_number{font-size:15px; line-height:24px; color:#fff; padding:0 15px; border-radius:.06rem; display:inline-block; background:#ea0a2a; font-weight:bold;} .img_video01 .slide_tips{font-size:.16px; text-transform:uppercase; font-weight:bold; color:#ea0a2a; margin-top:.1rem;} /* Nav */ .img_video01 .nav_btn{display:flex; justify-content:space-between; width:100%; pointer-events:none; margin-bottom:30px;} .img_video01 .btn_nav .xgicon{font-size:.4rem; pointer-events:auto; cursor:pointer; color:#606060;} .img_video01 .btn_nav.btn_nav_right .xgicon{transform:rotate(180deg);} .img_video01 .btn_nav .xgicon:hover{color:#ea0a2a;} .img_video03{margin:1.1rem 0 .9rem;} .img_video03 .infor .tit{font-size:46px; color:#000; text-align:center; font-family:'ali_bold'; margin-bottom:20px;} .img_video03 .tab_t_box{text-align:center;} .img_video03 .tab_t_box .tab_t{display:inline-block; margin:0 15px; cursor:pointer; color:#000; transition:all .4s ease;} .img_video03 .tab_t_box .tab_t div{display:inline-block; vertical-align:middle; font-size:.19rem; line-height:.3rem; font-weight:bold;} .img_video03 .tab_t_box .tab_t .xgicon{font-size:.25rem;} .img_video03 .tab_t_box .tab_t:hover{color:#ea0a2a;} .img_video03 .tab_t_box .tab_t.cur{color:#ea0a2a;} .img_video03 .tab_c_box{margin-top:.3rem; text-align:center; font-size:0;} /* .img_video03 .tab_c_box .tab_c{display:none;} */ .img_video03 .tab_c_box .tab_b{display:inline-block; margin:0 .05rem; font-size:15px; line-height:.3rem; padding:0 .18rem; border-radius:.06rem; border:1px solid #d3d3d3; box-sizing:border-box; cursor:pointer; transition:all .4s ease; color:#000000;} .img_video03 .tab_c_box .tab_b:hover{background:#ea0a2a; color:#fff;} .img_video03 .tab_c_box .tab_b.cur{background:#ea0a2a; color:#fff;} .img_video03 .tab_m_box{margin-top:60px;} .img_video03 .tab_m_box .tab_m li{width:18.48%; float:left; margin-bottom:36px; margin-right:1.9%; position:relative; cursor:pointer; position:relative; border-radius:6px; overflow:hidden;} .img_video03 .tab_m_box .tab_m li.li_first{width:38.78%;} .img_video03 .tab_m_box .tab_m li:nth-child(4){margin-right:0;} .img_video03 .tab_m_box .tab_m li:nth-child(5n+7){margin-right:0;} .img_video03 .tab_m_box .tab_m li .cover{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(10, 30, 64, 0.6); opacity:0; visibility:hidden; transition:all 0.5s ease;} .img_video03 .tab_m_box .tab_m li .cover .play{width:.5rem; height:.5rem; background:url(../img_video03_play.html) no-repeat center/cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .img_video03 .tab_m_box .tab_m li:hover .cover{opacity:1; visibility:visible;} .img_video03 .rect-693{padding-bottom:69.3%;} .img_video03 .video .rect-693 img{left:50%; transform:translateX(-50%); width:auto; max-width:none;} .img_video03 .li_first .rect-693{padding-bottom:71.5%;} .img_video04{margin-top:.7rem; text-align:center; overflow:hidden;} .img_video04 .rect-5963{padding-bottom:59.63%;} .img_video04 .box{position:relative;} .img_video04 .content{width:73.7%; margin:0 auto;} .img_video04 .swiper-container{overflow:visible;} .img_video04 .swiper-slide{border-radius:6px; opacity:.5; transition:opacity .3s ease;} .img_video04 .swiper-slide.swiper-slide-active{opacity:1;} .img_video04 .swiper-slide .words{position:absolute; bottom:5.2%; left:5%; width:90%; color:#fff; font-weight:bold; opacity:0; visibility:hidden; transition:all .3s ease;} .img_video04 .swiper-slide.swiper-slide-active .words{opacity:1; visibility:visible;} .img_video04 .swiper-slide .paly_btn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:77px; height:77px; background:url(../img_video04_play.html) no-repeat center/cover; cursor:pointer;} .img_video04 .swiper-button-next, .img_video04 .swiper-button-prev{position:absolute; top:50%; transform:translateY(-50%); margin-top:0; width:.75rem; height:.75rem; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:space-around; box-shadow:0 0 6px 2px rgba(0,0,0,0.1); outline:none;} .img_video04 .iconfont{color:#000; font-size:24px; line-height:1; font-weight:bold; font-weight:bold;} .img_video04 .swiper-button-prev{left:0;} .img_video04 .swiper-button-next{right:0;} /* 下层banner手机端显示 */ .xc_banner.m_show{display:none;} /* 图集 */ .img_video02 .imgList{display:none;} body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover{background:#ea0a2a;} /* 新闻详情 start */ .newsDetail_ban.xc_banner{height:160px; margin-top:74px; background:#f5f5f5;} .newsDetail_ban.xc_banner>img{display:none;} .newsDetail_ban.xc_banner .intro .info .con{color:#000; margin-top:0;} .newsDetail_ban.xc_banner .intro .info .tit{color:#000;} .newsDetail_ban.xc_banner .content .crumbs{color:#000; margin-top:0;} .newsDetail_ban.xc_banner .content{bottom:50%; transform:translateY(50%); position:absolute;} .news_detail01 .left{width:73%;} .news_detail01 .left .switcher{display:inline-block;} .news_detail01 .left .tit{font-size:26px; line-height:40px; font-family:'ali_bold';} .news_detail01 .left .con{margin-top:22px; font-size:16px; line-height:30px;} .news_detail01 .left .time{margin-right:20px;} .news_detail01 .left .play{margin-left:20px; cursor:pointer;} .news_detail01 .left .play img{vertical-align:middle;} .news_detail01 .left .share_box{text-align:center; position:relative; margin-top:30px; margin-bottom:0.55rem;} .news_detail01 .left .share_box .line{position:absolute; width:100%; height:1px; background:#dddddd; top:0; left:0; top:50%; margin-top:-1px;} .news_detail01 .left .share_box li{position:relative; z-index:2; background:#fff; display:inline-block; padding:0 0.22rem; margin:0 -0.02rem;} .news_detail01 .left .share_box li a{opacity:0.7;} .news_detail01 .left .share_box li a img{width:35px;} .news_detail01 .left .share_box li:hover a{opacity:1;} .news_detail01 .left .text{border-bottom:1px solid #dfdfdf; padding-bottom:65px; line-height:2;} .news_detail01 .left .text a{color:#ea0a2a;} .news_detail01 .left .btns{text-align:center; width:100%; margin-top:25px;} .news_detail01 .left .btns .to_list{display:inline-block; color:#fff; padding:0 50px; line-height:40px; background:#ea0a2a; margin-top:20px;} .news_detail01 .left .btns .prev{text-align:left; width:30%;} .news_detail01 .left .btns .next{text-align:right; width:30%;} .news_detail01 .left .btns i{margin:0;} .news_detail01 .left .btns a:hover .con15{color:#ea0a2a;} .news_detail01 .left .text img{max-width:650px!important; } .news_detail01 .right{width:21%;} .news_detail01 .right .title{background:#ea0a2a; color:#fff; line-height:62px; padding-left:26px; box-sizing:border-box;} .news_detail01 .right .item{border:1px solid #ececec; border-top:none; margin-bottom:24px; box-sizing:border-box;} .news_detail01 .right .item .item_con{padding:30px 30px 20px; box-sizing:border-box; font-size:0;} .news_detail01 .right .item .item_con .time{font-size:14px; color:#5d5d5d; line-height:12px;} .news_detail01 .right .item .item_con .tit{transition:all 0.5s ease; font-size:15px;} .news_detail01 .right .item .item_con .sub{position:relative; margin-top:10px;} .news_detail01 .right .item .item_con .sub input{border:1px solid #ececec; width:100%; line-height:60px; box-sizing:border-box; text-indent:25px; padding:0; height:60px; font-size:15px; font-family:'he-t'; color:#5d5d5d;} .news_detail01 .right .item .item_con .sub input::-webkit-input-placeholder{color:#b3b3b3; font-size:15px; text-indent:25px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub input::-moz-placeholder{color:#b3b3b3; font-size:15px; text-indent:25px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub input:-moz-placeholder{color:#b3b3b3; font-size:15px; text-indent:25px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub input:-ms-input-placeholder{color:#b3b3b3; font-size:15px; text-indent:25px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub button{outline:none; border:none; padding:0 12px; box-sizing:border-box; line-height:0.48rem; background:#777; cursor:pointer; position:absolute; right:6px; top:50%; margin-top:-24px; color:#fff;} .news_detail01 .right .item .item_con li{margin-bottom:25px;} .news_detail01 .right .item .item_con li:last-child{margin-bottom:0;} .news_detail01 .right .item .item_con li:hover .tit{color:#ea0a2a;} /* 新闻详情 end */ /* widgets_home_network_11 start */ .global-site-3d{max-width:568px; margin:0 auto;} #mountNode{width:100%;height:100%;position:relative;background:url(../png/widgets_home_network_11_earth_bg.png) no-repeat;background-size:100% 100%;background-position:top} #mountNode .shadow{background:url(../png/widgets_home_network_11_shadow.png);background-size:96% 96%;background-position:50%;background-repeat:no-repeat;top:0;left:0} #mountNode .shadow,#mountNode .shadow2{width:100%;height:100%;pointer-events:none;position:absolute} #mountNode .shadow2{background:url(../png/widgets_home_network_11_shadow2.png);background-size:100% 100%;background-position:-50% -50%;background-repeat:no-repeat;left:70px;top:70px;z-index:-1} #earth{width:100%!important;height:100%!important;outline:none} #labels{z-index:0;color:#fff} #labels,#labels>div{position:absolute;left:0;top:0} #labels>div{cursor:pointer;width:18px;height:29px;background:url(../png/widgets_home_network_11_mark.png) no-repeat;background-size:contain;color:#252b3a} #labels>div .labelText{display:inline-block;white-space:nowrap;font-size:14px;padding:3px 8px;border-radius:2px;background:#fff;box-shadow:0 2px 4px 0 rgba(91,116,148,.17);position:relative;transform:translate(0) translate(30px,-30px)} #labels>div .labelText,#labels>div .labelText .label-title{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#ea0a2a} #labels>div .labelText .label-desc{display:none} #labels>div .labelText:before{content:"";display:block;position:absolute;height:14px;width:19px;border-top:1px dashed #ea0a2a;border-left:1px dashed #ea0a2a;background:transparent;left:-26px;top:15px} #labels>div .labelText:after{content:"";display:block;position:absolute;height:3px;width:3px;background:#ea0a2a;left:-28px;top:27px;border-radius:50%} #labels>div .labelText.bottom{transform:translate(-100%) translate(-8px,-23px)} #labels>div .labelText.bottom:before{height:9px;width:17px;border:1px dashed #ea0a2a;border-bottom:none;border-left:none;left:auto;right:-18px;top:12px} #labels>div .labelText.bottom:after{left:auto;right:-19px;top:20px} #labels>div .labelText.left{transform:translate(-100%) translate(-2px,-36px)} #labels>div .labelText.left:before{height:24px;width:10px;border:1px dashed #ea0a2a;border-bottom:none;border-left:none;left:auto;right:-11px;top:13px} #labels>div .labelText.left:after{left:auto;right:-12px;top:34px} #labels>div .waves{position:absolute;top:0;left:0;display:block} #labels>div .waves .wave{width:8px;height:6px;position:absolute;top:16px;left:5px;box-shadow:inset 0 0 5px #ea0a2a;border-radius:50%} #labels>div .waves .wave.wave1,#labels>div .waves .wave.wave2{-webkit-animation:none;animation:none} #labels>div .waves .wave.wave2{width:16px;height:11px;top:14px;left:1px} @-webkit-keyframes warn2 { 0%{transform:scale(1);opacity:1} 30%{opacity:.5} 50%{opacity:.4} 75%{opacity:.2} to{transform:scale(4);opacity:0} } @keyframes warn2 { 0%{transform:scale(1);opacity:1} 30%{opacity:.5} 50%{opacity:.4} 75%{opacity:.2} to{transform:scale(4);opacity:0} } @-webkit-keyframes warn { 0%{transform:scale(1);opacity:1} 30%{opacity:.5} 75%{opacity:.2} to{transform:scale(4);opacity:0} } @keyframes warn { 0%{transform:scale(1);opacity:1} 30%{opacity:.5} 75%{opacity:.2} to{transform:scale(4);opacity:0} } #labels>div:hover{z-index:200000!important} #labels>div:hover .waves .wave1{-webkit-animation:warn 1.5s ease-out infinite;animation:warn 1.5s ease-out infinite} #labels>div:hover .waves .wave2{-webkit-animation:warn2 1.5s ease-out infinite;animation:warn2 1.5s ease-out infinite} #labels>div:hover .labelText{padding:10px 12px;z-index:10000} #labels>div:hover .labelText .label-title{font-size:16px;height:22px;line-height:22px;font-weight:600} #labels>div:hover .labelText .label-desc{display:block} /* widgets_home_network_11 end */ /* 把点变小，所以放射圆圈的位置也要变化 */ #labels>div{width:13px; height:20px; background-size:cover;} #labels>div .waves .wave{top:12px; left:2px;} #labels>div .waves .wave.wave2{top:14px; left:-1px;} /* 企业文化弹窗 */ .business_tc{position:fixed; left:0; top:0; width:100%; height:100%; z-index:52; display:none;} .business_tc .bg{position:absolute; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); top:0;} .business_tc .content{position:fixed; width:1120px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; background:#fff; border-radius:20px;} .business_tc .content .tit{font-size:0.22rem; padding:0.2rem 0.9rem; color:#fff; background-color:#ea0a2a; border-radius:20px 20px 0 0;} .business_tc .content .box{padding:0.5rem 0.9rem; box-sizing:border-box; height:100%;} .business_tc .content .box .box_content{max-height:60vh; padding-right:15px; overflow-y:auto; padding-bottom:2px;} .business_tc .content .box .rect-5638{padding-bottom:56.38%;} .business_tc .content .box .box_content::-webkit-scrollbar {width:2px; height:2px;} .business_tc .content .box .box_content::-webkit-scrollbar-thumb {border-radius:0; background:#ea0a2a;} .business_tc .content .box .box_content::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .business_tc .content .box .text{font-size:18px; line-height:30px;} /* .business_tc .content .box .lunbo{margin-top:0.3rem; position:relative;} .business_tc .content .box .lunbo .swiper-pagination{position:absolute; left:0; width:100%; bottom:0.2rem;} .business_tc .content .box .lunbo .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; background:#fff; margin:0 5px; opacity:1;} .business_tc .content .box .lunbo .swiper-pagination .swiper-pagination-bullet-active{background:#0a47ac;} */ .business_tc .content .close{width:40px; position:absolute; top:-0.1rem; right:-0.5rem; transition:all 0.5s ease; cursor:pointer;} /* 切换按钮 */ /* .business_tc .lunbo .arr{width:53px; height:53px;outline:none; position:absolute; top:50%; transform:translateY(-50%); background:none; outline:none; cursor:pointer; -webkit-transition:all 0.4s; transition:all 0.4s; z-index:4;} .business_tc .lunbo .swiper_prev{background:url(../img/jt1_on.png) no-repeat center; left:10px;} .business_tc .lunbo .swiper_next{background:url(../img/jt2_on.png) no-repeat center; right:10px;} .business_tc .lunbo .swiper_prev.swiper-button-disabled, .business_tc .lunbo .swiper_next.swiper-button-disabled{display:none;} */ /* 公告列表 */ .report_list01 .li_{height:104px;padding-right:.6%;line-height:104px;border-bottom:1px solid #e1e8ed; transition:all 0.5s ease;} .report_list01 .li_:hover{ background-color:#eef2f5; border-color:#eef2f5;} .report_list01 .li_.cur{ background-color:#eef2f5; border-color:#eef2f5;} .report_list01 .li_ .date{ width:9.3%; height:100%; padding-right:2.9%; font-family:'Arial'; text-align:right; color:#6b6b6b;} .report_list01 .li_ .date .center_box{ display:inline-block; vertical-align:middle;} .report_list01 .li_ .date span{ display:block; padding-right:3px; font-size:16px; line-height:18px;} .report_list01 .li_ .date strong{ display:block; font-size:30px; line-height:32px; font-weight:normal;} .report_list01 .li_ .title{ width:57%; padding-right:3%; font-size:16px; font-weight:normal;} .report_list01 .li_ .title a{color:#272727;} .report_list01 .li_ .item_btn{ width:10%; height:100%; padding-left:0; font-size:15px; color:#6b6b6b; line-height:104px; background-position:center left; background-repeat:no-repeat;margin-right:1%;} .report_list01 .li_:hover .date, .report_list01 .li_:hover .item_btn{ color:#ea0a2a;} .report_list01 .li_:hover .title a{ color:#ea0a2a;} @media only screen and (max-width:1240px){ .report_list01 .li_ .date{width:12%;} .report_list01 .li_ .title{width:55%;} .report_list01 .li_ .item_btn{width:12%;} } @media only screen and (max-width:760px){ .report_list01 .li_{height:auto; line-height:24px; padding:20px;} .report_list01 .li_ .date{width:auto;} .report_list01 .li_ .date span{display:inline-block;} .report_list01 .li_ .date strong{font-size:17px; line-height:24px; display:inline-block;} .report_list01 .li_ .title{width:100%; margin:3px 0 0;} .report_list01 .li_ .item_btn{line-height:24px; width:auto; margin-top:7px; margin-right:4%;} .report_list01 .li_ .item_btn i{margin-left:0;} } body .bg-primary{background:#ea0a2a;} /* 导航修改 */ /* .header .inav .nav_li{position:relative;} .header .inav_wrapper .inav_down{position:absolute; left:50%; top:100%; width:150px; line-height:30px; font-size:14px; color:#212529; background:#fff; text-align:center; display:none; transform:translate(-50%,0); box-shadow:0px 7px 15px 0px rgb(0 0 0 / 10%);} .header .inav_wrapper .inav_down li{padding:10px 25px; text-align:center; border-top:1px solid #dddada;} .header .inav_wrapper .inav_down li:first-child{border-top:none;} .header .inav_wrapper .inav_down .down_box{background:#fff;} .header .inav_wrapper .inav_down .down_box .nav_fir{display:none;} .header .inav_wrapper .inav_down .down_box .sec_box{display:block;} .header .inav_wrapper .inav_down .down_box .sec_box .nav_sec>a{line-height:40px;} */ .b_hint {opacity:1; transition:all .5s ease; display:flex; align-items:center; font-size:16px; line-height:1; color:#000; position:absolute; bottom:-100px; left:50%; transform:translateX(-50%);} .b_hint.cur{opacity:0;} .b_hint>div{width:18px; margin-right:20px; height:25px; border-radius:20px; border:2px solid #000; position:relative; box-sizing:border-box;} .b_hint span{left:6px; position:absolute; top:5px; width:2px; height:5px; background-color:#000; border-radius:1px; animation:upDown 1s ease-out infinite;} @keyframes upDown { to { transform: translate3d(0, 100%, 0); } } /* 全站搜索 */ body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:transparent;} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:#ea0a2a;} body .resultArea #botBtn a::before{background:#ea0a2a;} body .resultArea .content_form{margin-top:30px;} body .searchArea{padding-top:0;} body .resultArea .content_form .piclist_area .srchList li .intro .t{font-size:22px;} body .resultArea .content_form .piclist_area .srchList li{width:32%;} body .resultArea .content_form .piclist_area .srchList li:nth-child(3n){margin-right:0;} body .resultArea .content_form .piclist_area .rect-695{padding-bottom:36%;} body .resultArea #botBtn a:hover{border-color:#ea0a2a; background:#ea0a2a!important;} body .resultArea #botBtn a::before{display:none;} /* 导航下拉 再次改版*/ .xiala_down{position:absolute; left:0; width:100%; top:100%; background:#fff; box-shadow: 0px 7px 15px 0px rgb(0 0 0 / 10%); display:none;} .xiala_down .content .left{width:22%; float:left; padding-top:65px;} .xiala_down .content .left .rect-574{padding-bottom:57.4%;} .xiala_down .content .center{width:31%; float:left; padding-top:65px; display:none;} .xiala_down .content .center .info{padding:0 17%; margin-top:30px;} .xiala_down .content .center .info .tit{font-size:24px; line-height:30px; color:#000; font-family:'ali_bold';} .xiala_down .content .center .info .con{font-size:16px; line-height:26px; color:#000; margin:6px 0 30px;} .xiala_down .content .right{width:47%; float:right; width:70%; margin-left:8%;} .xiala_down .content .right .item{padding-top:55px; float:left; padding-bottom:40px;} .xiala_down .content .right .item ul{max-height:330px; overflow-y:auto;} .xiala_down .content .right .item ul::-webkit-scrollbar {width:2px; height:4px;} .xiala_down .content .right .item ul::-webkit-scrollbar-thumb {border-radius:5px; background:#ea0a2a; } .xiala_down .content .right .item ul::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .xiala_down .content .right .item li a{display:block; line-height:50px; font-size:18px; color:#000; padding:0 80px; margin-bottom:5px;} .xiala_down .content .right .item li a i{color:#D8D8D8; transition:0.3s ease;} .xiala_down .content .right .item li a:hover{color:#ea0a2a;} .xiala_down .content .right .item li a:hover i{color:#ea0a2a;} .xiala_down .content .right .item_first{width:53%; min-height:330px; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; box-sizing:border-box;} .xiala_down .content .right .item_second{width:47%; padding-top:40px;} /* 导航右侧的媒体和联系 下拉改成左字右图 */ .header .inav .nav_li05 .xiala_down .content .left, .header .inav .nav_li06 .xiala_down .content .left{margin-left:36%;} .header .inav .nav_li05 .xiala_down .content .right, .header .inav .nav_li06 .xiala_down .content .right{float:right; width:34%; } .header .inav .nav_li05 .xiala_down .content .right .item_first, .header .inav .nav_li06 .xiala_down .content .right .item_first{width:100%;} /* 产品中心 */ .pro_center{background:url(../jpg/industry01_2.jpg) no-repeat center; background-size:cover;} /* 下载中心 */ .download .rect-134{padding-bottom:134.14%; background-color:#ffffff;} .download01 .left{width:25.7%; float:left; margin-right:1.8%;} .download01 .left .t_box{background-color:#f9f9f9; padding:.4rem .3rem; margin-bottom:.3rem;} .download01 .left .t_box .tit{font-size:.2rem; font-weight:bold; line-height:.24rem; color:#000; padding-bottom:.2rem; margin-bottom:.2rem; position:relative;} .download01 .left .t_box .tit::after{display:block; content:''; position:absolute; bottom:0; left:0; width:.41rem; height:4px; background-color:#ea0a2a;} .download01 .left .t_box .t_inp{height:.46rem; font-size:0; width:100%;} .download01 .left .t_box .t_inp input{display:inline-block; height:.46rem; line-height:.46rem; font-size:14px; background-color:#e9e9e8; border-radius:4px; padding:0; border:none; vertical-align:middle; color:#5b5b5b; width:87%; padding-left:.21rem; box-sizing:border-box;} .download01 .left .t_box .t_inp span{display:inline-block; width:13%; height:.46rem; background-color:#ea0a2a; border-radius:4px; vertical-align:middle; position:relative;} .download01 .left .t_box .t_inp span img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);} .download01 .left .content{position:relative; padding:.35rem .3rem .4rem; background-color:#f9f9f9;} .download01 .left .content .title{font-size:.2rem; font-weight:bold; line-height:.24rem; color:#ea0a2a; padding-bottom:.2rem; position:relative; margin-bottom:.25rem;} .download01 .left .content .title::after{display:block; content:''; position:absolute; bottom:0; left:0; width:.41rem; height:4px; background-color:#ea0a2a;} .download01 .left .content .list{ max-height:calc(100vh - 4rem); overflow-y:auto; transition:marginTop 0.5s ease;} .download01 .left .content .list::-webkit-scrollbar {width:2px; height:4px;} .download01 .left .content .list::-webkit-scrollbar-thumb {border-radius:0; background:#ea0a2a;} .download01 .left .content .list::-webkit-scrollbar-track {border-radius:0; background:#edeef0;} /* .download01 .left .content{} */ .download01 .left .item{position:relative;}/* padding-bottom:25px; */ /* 小手手的出现位置 字加icon还是全行*/ .download01 .left .item{position:relative; display:block; color:#111; font-weight:bold; transition:0.5s ease; border-bottom:1px solid #bfbfbf; cursor:pointer; padding:.2rem 0;} .download01 .left .item span{display:block; padding-right:.4rem; box-sizing:border-box; font-size:.14rem; line-height:.24rem;} .download01 .left .item.cur{color:#ea0a2a;} .download01 .right{float:right; width:72.5%; border:solid 1px #d1d1d1; padding:0 .3rem; box-sizing:border-box; } .download01 .right .right_box .top_{padding:.2rem 0;} .download01 .right .right_box .top_ .num{font-size:0.14rem; color:#5b5b5b; line-height:.24rem; font-weight:bold;} .download01 .right .right_box .bott_{padding-bottom:30px;} .download01 .right .right_box .bott_ .li_{width:100%; margin-bottom:20px; transition:.5s ease; box-sizing:border-box;} .download01 .right .right_box .bott_ .li_ .box{padding:.35rem .3rem; box-sizing:border-box; font-size:0;} .download01 .right .right_box .bott_ .li_ .box .img{float:left; width:50px; padding:0.14rem 0.3rem; border-right: 1px solid #d7d7d7;} .download01 .right .right_box .bott_ .li_ .box .intro{margin-left:0; margin-right:0; float:left; width:calc(50% - 2rem); vertical-align:middle; padding-left:0.3rem;} .download01 .right .right_box .bott_ .li_ .box .intro .tit{margin:0 .1rem 0 0; line-height:0.36rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:0.22rem; color:#222; } .download01 .right .right_box .bott_ .li_ .box .intro .con{margin-right:.1rem; vertical-align:middle; font-size: 0.14rem; color: #5b5b5b; line-height:.28rem;} .download01 .right .right_box .bott_ .li_ .box .btn_list{width:auto; text-align:right; float:right; padding:0.15rem 0;} .download01 .right .right_box .bott_ .li_ .box .btn_list a{margin-left:.2rem; margin-bottom:0; display:inline-block; width:auto; line-height:0.41rem; color:#ea0a2a; text-align:left; border:1px solid #ea0a2a; box-sizing:border-box; border-radius:4px; padding:0 25px 0 20px;font-size:14px; font-weight:bold;} .download01 .right .right_box .bott_ .li_ .box .btn_list a span{display:inline-block; vertical-align:middle; margin-left:5px;} .download01 .right .right_box .bott_ .li_ .box .btn_list a img{display:inline-block; vertical-align:middle;} .download01 .right .right_box .bott_ .li_ .box .btn_list .btn1{margin-left:0; margin-bottom:0; margin-right:0;} .download01 .right .right_box .bott_ .li_ .box .btn_list a img{width:0.2rem;} .download01 .right .right_box .bott_ .li_ .box .btn_list .btn2 {color:#ea0a2a; background:transparent; border-color:#ea0a2a;} .download01 .right .right_box .bott_ .li_ .box .btn_list .btn2:hover {color:#ea0a2a; background:transparent;} .download01 .right .right_box .bott_ .li_{background:transparent;} .download01 .right .right_box .bott_ .li_ .box{border-bottom:1px solid #d7d7d7;} .download01 .right .right_box .bott_ .li_:hover{background:#ffffff; box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.16);} .download01 .right .right_box .bott_ .li_:hover .rect-134{background-color:#eeeeee;} .download01 .widgets_common_pages_4{margin-top:0.3rem;} /* 20240723 公司介绍和技术研发banner修改 新增类名 xc_banner_new*/ .xc_banner_new.xc_banner::after{content:''; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; left:0; top:0; pointer-events:none;} .xc_banner_new.xc_banner .intro{text-align:center; transform:translateY(0); top:16vh;} .xc_banner_new.xc_banner .intro_list{position:absolute; left:0; width:100%; bottom:80px; z-index:3;} .xc_banner_new.xc_banner .intro_list ul{display:flex; justify-content:center;} .xc_banner_new.xc_banner .intro_list ul li{padding:0 40px; color:#fff; font-size:20px; text-align:center;} .xc_banner_new.xc_banner .intro_list ul li span{display:inline-block; margin-right:3px; font-size:24px;;} .xc_banner_new.xc_banner .crumbs{display:none;} /* 表单 */ body .Form-J1 .Form-J1-li label{font-size:15px; top:4px} /* 20240730 */ .ipart02 .content .item .txt_box{top:inherit; bottom:0; height:auto;} .ipart02 .content .item .txt_full .con a{margin-bottom:5px; } .global02 .content .map_img{width:86%; float:right;} .about_us02 .about-list1{height:auto;} .about_us02 .about-list1 .videobox.scr-el{display:none;} .about_us02 .pt1 .wrap{padding-top:60px; padding-bottom:160px;} .about02_video{height:600px; overflow:hidden; position:relative;} .about02_video video{width:100%;} .about02_video .play{width:50px; height:50px; background:url(../png/about_cen01_2.png) no-repeat center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer;} /* 产品详细图片改轮播 */ .pro_detail01 .bd .infor .pic_ .owl-dots{position:absolute; left:0; bottom:-20px; text-align:center; width:100%;} .pro_detail01 .bd .infor .pic_ .owl-dots .owl-dot{display:inline-block; width:10px; height:10px; background:#fff; border-radius:15px; margin:0 5px; transition:0.5s ease;} .pro_detail01 .bd .infor .pic_ .owl-dots .owl-dot.active{background:#ea0a2a; width:35px;} .pro_detail01 .bd .infor .pic_ .nav_btn{display:none;} /* 首页地球换成点 */ .ipart03 #labels>div{background:none;} /* .ipart03 #labels>div .labelText.left:before{right:-5px;} */ .ipart03 #labels>div .labelText.left:after{display:none;} .ipart03 #labels>div .waves{width:6px; height:6px; background:#ea0a2a; border-radius:10px;} .ipart03 #labels>div .waves .wave{position:absolute; top:50%; left:50%;} .ipart03 #labels>div .waves .wave.wave1{width:12px;height:12px; background:rgba(237,0,20,0.2);margin-top:-6px; margin-left:-6px;; animation:global_warn 2s linear 0s infinite; opacity:0; border-radius:40px;} .ipart03 #labels>div .waves .wave.wave2{display:none;} /* 首页产品查看更多加个箭头 */ .ipart01 .content .left .bd .li_last .icon{position:relative; margin-left:10px; width:12px; height:10px; display:inline-block;} .ipart01 .content .left .bd .li_last .icon:after{content:''; position:absolute; top:0px; width:12px; height:10px; background:url(../svg/more_jt4.svg) no-repeat center; background-size:cover;} .ipart01 .content .left .bd .li_last:hover .icon:after{background:url(../svg/more_jt.svg) no-repeat center;background-size:cover;} /* 下载列表的弹窗 */ /* 产品详情弹窗2 */ .download_tc{ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:9rem; padding:0.5rem 0.7rem 0.6rem 0.55rem; box-sizing:border-box; background:#ffffff; z-index:53; border-radius:10px} .download_tc_bg{ position:fixed; top:0; left:0; width:100%; height:100%; background:url(../png/black.6.png); z-index:51; backdrop-filter:blur(40px);} .download_tc .title{font-size:24px; line-height:30px; margin-bottom:40px; font-family:'ali_bold';} .download_tc .close_btn{position:absolute; top:0.3rem; right:0.3rem; font-size:0.24rem; line-height:1; cursor:pointer;} .download_tc .close_btn i{display:block; margin:0; transition:all .4s ease;} .download_tc .close_btn:hover i{color:#ea0a2a; transform:rotate(180deg);} .download_tc .form_box .inp_wrap{float:left; width:47.5%; margin-right:5%; font-size:0; margin-bottom:0.25rem; display:flex; align-items:center; position:relative;} .download_tc .form_box .inp_wrap:nth-child(2n){margin-right:0;} .download_tc .form_box .inp_wrap .label_t em{color:#e42800;} .download_tc .form_box .inp_wrap .label_t sup{color:#ea0a2a;} .download_tc .form_box .inp_wrap .label_t{font-size:18px; line-height:30px; width:100px;} .download_tc .form_box .inp_wrap .inp{width:calc(100% - 100px); box-sizing:border-box; text-indent:20px; border:1px solid #707070; border-radius:0; padding:5px 0; margin:0; background:none; line-height:34px; font-size:18px; border-radius:5px;} .download_tc .form_box .inp_wrap.inp_address{width:100%; margin-right:0;;} /* 关注领域下拉 */ .download_tc .content .form_box .inp_wrap.inp_area .inp{position:relative; cursor:pointer;} .download_tc .content .form_box .inp_wrap.inp_area span{display:block; position:relative} .download_tc .content .form_box .inp_wrap.inp_area span:after{content:''; width:10px; height:6px; background:url(../png/news_list01_1.png) no-repeat center; position:absolute; right:10px; top:50%; margin-top:-3px; transition:0.5s ease;} .download_tc .content .form_box .inp_wrap.inp_area.on span:after{transform:rotateZ(180deg);} .download_tc .content .form_box .inp_wrap.inp_area ul{position:absolute; top:100%; width:100%; background:#fff; font-size:16px; line-height:35px; margin-top:1px; box-shadow:0 0 15px rgba(0,0,0,.15); max-height:150px; overflow-y:auto; overflow-x:hidden; display:none; z-index:2;} .download_tc .content .form_box .inp_wrap.inp_area ul::-webkit-scrollbar {width:2px; height:2px;} .download_tc .content .form_box .inp_wrap.inp_area ul::-webkit-scrollbar-thumb {border-radius:5px; background:#ea0a2a; } .download_tc .content .form_box .inp_wrap.inp_area ul::-webkit-scrollbar-track {border-radius:0; background:#fff;} .download_tc .content .form_box .inp_wrap.inp_area ul li{width:100%; height:50px; line-height:50px; transition:all .3s ease; display:flex; font-size:16px; cursor:pointer;} .download_tc .content .form_box .inp_wrap.inp_area ul li:hover{background:#f2f2f2;} .download_tc .content .form_box .inp_wrap.inp_area ul li .icon{background:none; border:0; display:flex; align-items:center; } .download_tc .content .form_btns{font-size:20px; line-height:46px; background:#ea0a2a; cursor:pointer; text-align:center; width:150px; border-radius:5px; margin:30px auto 0; color:#fff; display:block; outline:none; border:0; padding:0;} .download_tc .Validform_wrong {position:absolute; top:100%; font-size:0.16rem; left:1.8rem;} .download_tc .input_ .Validform_wrong{left:0;} /* 新页面 产品中心 */ .pro_cen_banner{position:relative; overflow:hidden; height:100vh; display:none;} .pro_cen_banner video{width:100%; height:100%; object-fit:cover;} .pro_cen.channel_content{padding:0;} .pro_cen01{padding:140px 0 80px;} .pro_cen01 .infor{padding:0 13%; text-align:center;} .pro_cen01 .infor .tit{font-size:36px; line-height:40px; color:#000; font-family:'ali_bold';} .pro_cen01 .infor .con{font-size:18px; line-height:36px; color:#000; margin-top:25px;} .pro_cen01 .content{margin-top:75px;} .pro_cen01 .content ul{display:flex; justify-content:space-around; align-items:center;} .pro_cen01 .content ul li .icon{height:52px; text-align:center;} .pro_cen01 .content ul li .text{font-size:18px; line-height:30px; color:#000; text-align:center; margin-top:20px; transition:0.5s ease;} .pro_cen01 .content ul li:hover .text{color:#ea0a2a;} .pro_cen02 .item{height:100vh;;} .pro_cen02 .item .infor{padding:0 18%; padding-top:76px; text-align:center;} .pro_cen02 .item .infor .tit{font-size:36px; line-height:40px; color:#000; font-family:'ali_bold';} .pro_cen02 .item .infor .con{font-size:16px; line-height:30px; color:#000; margin:25px 0 27px;} /* 20240731 */ .ipart02 .content .item .txt_full .con a{margin-right:0px; font-size:14px; line-height:30px;} .ipart01 .content .left .bd li.hot span:before{display:none;} .ipart01 .content .left .bd li .rotate_box{content:''; position:absolute; top:5px; right:-53px;} .tech03 .content{width:65%;} .img_video01{display:none;} .imgVideo_ban{display:block; height:5.8rem; overflow:hidden;} .imgVideo_ban .appl_intro{position:absolute; z-index:1; top:0; left:0; overflow:hidden; width:100%; height:100%; pointer-events:none; -webkit-backface-visibility:hidden; background: url(../jpg/imgvideo_ban_bg.jpg) no-repeat left center/cover;} .imgVideo_ban .appl_intro .slide_body{width:66.7%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transform:rotate(30deg); transform:rotate(30deg); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; justify-content:flex-end; -webkit-backface-visibility:hidden; margin:0 auto; margin-right:0;} .imgVideo_ban .appl_intro .slide_rail{height:100%; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; margin-left:3%;} .imgVideo_ban .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:first-child{-webkit-animation:railDown1 200s -100s linear infinite; animation:railDown1 200s -100s linear infinite;} .imgVideo_ban .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:last-child{-webkit-animation:railDown2 200s linear infinite; animation:railDown2 200s linear infinite;} .imgVideo_ban .appl_intro .slide_rail_inner{position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .imgVideo_ban .appl_intro .slide_rail_inner ul{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .imgVideo_ban .appl_intro .slide_rail_inner ul:first-child{-webkit-animation:railUp1 200s -100s linear infinite; animation:railUp1 200s -100s linear infinite;} .imgVideo_ban .appl_intro .slide_rail_inner ul:last-child{-webkit-animation:railUp2 200s linear infinite; animation:railUp2 200s linear infinite} .imgVideo_ban .appl_intro .slide_tile{margin-bottom:.3rem; position:relative; width:100%; border-radius:.06rem; overflow:hidden;} .imgVideo_ban .xc_cont{height:100%;} .imgVideo_ban .xc_words{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); color:#000; z-index:3; display:block;} .imgVideo_ban .xc_words .tit{font-weight:bold; margin-bottom:.15rem; font-size:0.4rem; text-transform:uppercase;} .imgVideo_ban>img{display:none;} @-webkit-keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @-webkit-keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @-webkit-keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @-webkit-keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } @keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } .tech03 .content .swiper-slide .intro{position:static; } .tech03 .content .swiper-slide .intro .box{line-height:28px; color:#000; padding:20px 0;} .tech03 .content .swiper-slide .intro .box .con{max-height:168px; overflow-y:auto; margin-top:10px;} .tech03 .content .swiper-slide .intro .box .con::-webkit-scrollbar {width:2px; height:4px;} .tech03 .content .swiper-slide .intro .box .con::-webkit-scrollbar-thumb {border-radius:5px; background:#ea0a2a; } .tech03 .content .swiper-slide .intro .box .con::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .tech03 .content .swiper-slide .intro:after{display:none;} .global02{overflow:hidden;} .global02 .content .mess_box{padding:25px; box-sizing:border-box; background:#fff; border-radius:10px;box-shadow: 0px 5px 19.32px 1.68px rgba(32, 30, 31, 0.09);} .global02 .content .map_img .dots_box .dot.show .mess_box{opacity:1; visibility:visible; pointer-events:all;} .global02 .content .mess_box .cell .box .desc{display:none;} .global02 .content .mess_box .cell{cursor:pointer; margin-bottom:10px;} .global02 .content .mess_box .box .t{font-size:16px;} .global02 .content .map_img .dots_box .dot.big i{width:11px; height:11px;} .global02 .content .mess_box{width:265px;} /* 新加饼状图 */ .about_pie{position:relative; padding:60px 0;} .about_pie .content{display:flex; align-items:center;} .about_pie .left{width:40%; float:left;} .about_pie .left #mainMap{height:300px;} .about_pie .right{width:45%; float:right; margin-left:5%; color:#000;} .about_pie .right .info .tit{font-size:36px; line-height:40px; } .about_pie .right .info .con{font-size:16px; line-height:30px; margin-top:10px;;} /* 0801 Lan */ .global01_new .con_right .bd {border:none; border-radius:unset; padding:0;} .global01_new .con_right .bd > div{border:1px solid #fff; border-radius:5px; padding:5px;} .global01_new .con_right .bd .box{position:relative;} .global01_new .con_right .bd .box::after{content:''; position:absolute; bottom:30px; left:5%; right:5%; height:1px; background-color:rgba(255, 255, 255, 0.7);} .global01_new .con_right .bd .box:last-child::after{display:none;} .global01_new .con_right .bd .haveMore{max-height:280px; overflow-y:auto; overflow-x:hidden; max-height:235px; padding-right:5px;} .global01_new .con_right .bd .haveMore::-webkit-scrollbar{width:4px; height:4px;} .global01_new .con_right .bd .haveMore::-webkit-scrollbar-thumb{border-radius:5px; background:#ea0a2a;} .global01_new .con_right .bd .haveMore::-webkit-scrollbar-track{border-radius:5px; background:rgba(255, 255, 255, 0.3);} .global01_new .con_right .bd .haveMore .box .t{font-size:18px; margin-bottom:0;} .global01_new .con_right .bd .haveMore .box{padding:15px 30px;} .global01_new .con_right .bd .haveMore .box::after{bottom:0;} .about_us_new02{padding-top:40px;} #labels>div .labelText{background:rgba(255, 255, 255, 0.4);} #labels>div .labelText.left:before{right:-5px;} #labels>div .labelText.zhejiang_18236{transform:translate(0) translate(29px, -30px);} #labels>div .labelText.zhejiang_18231:before{height:1px; width:24px; left:-21px; top:14px; border-right:none; } #labels>div .labelText.zhejiang_18231{transform:translate(0) translate(29px, -15px);} #labels>div .labelText.zhejiang_18231:after{left:-21px; top:13px;} #labels>div .labelText.Taiwan_18284:before{height:11px; width:88px; left:-85px; top:5px; border:1px dashed #ea0a2a; border-right:none; border-top:none;} #labels>div .labelText.Taiwan_18284{transform:translate(0) translate(87px, 4px);} #labels>div .labelText.Taiwan_18284:after{left:-86px; top:4px;} #labels>div .labelText.Zhejiang_18275:before{height:7px; width:28px; left:-28px; top:12px; border:1px dashed #ea0a2a; border-right:none; border-top:none;} #labels>div .labelText.Zhejiang_18275{transform:translate(0) translate(31px, 1px);} #labels>div .labelText.Zhejiang_18275:after{left:-29px; top:10px;} #labels>div .labelText.liaoning_18241:before{height:43px; width:33px; left:-29px; top:15px;} #labels>div .labelText.liaoning_18241{transform:translate(0) translate(35px,-66px);} #labels>div .labelText.liaoning_18241:after{left:-30px; top:59px;} #labels>div .labelText.left.Fuxin_18277:before{height:61px; width:62px; right:-60px; top:14px;} #labels>div .labelText.left.Fuxin_18277{transform:translate(-100%) translate(-57px, -75px);} #labels>div .labelText.right.Fuxin_18276:before{height:61px; width:30px; right:-60px; top:14px;} #labels>div .labelText.right.Fuxin_18276{transform:translate(29px, -75px);} #labels>div .labelText.right.Fuxin_18276:after{top:76px} #labels>div .labelText.left.Zhejiang_18275:before{height:75px; width:75px; right:-73px; top:14px;} #labels>div .labelText.left.Zhejiang_18275{transform:translate(-100%) translate(-64px, -91px);} /* #labels>div .labelText.left.Anhui_18278:before{height:53px; width:59px; right:-57px; top:15px;} #labels>div .labelText.left.Anhui_18278{transform:translate(-100%) translate(-51px, -63px);} */ #labels>div .labelText.left.Jiangsu_18283:before{height:35px; width:75px; right:-73px; top:14px;} #labels>div .labelText.left.Jiangsu_18283{transform:translate(-100%) translate(-63px, -95px);} #labels>div .labelText.left.Chongqing_18279{transform:translate(-100%) translate(-5px, -11px);} #labels>div .labelText.left.Chongqing_18279:before{height:1px;} #labels>div .labelText.Guangdong_18281{transform:translate(0%) translate(62px, 18px);} #labels>div .labelText.Guangdong_18281:before{height:22px; width:64px; left:-60px; top:-8px; border:1px dashed #ea0a2a; border-right:none; border-top:none;} #labels>div .labelText.Guangdong_18281:after{left:-61px; top:-10px;} #labels>div .labelText.Shenzhen_18280:before{height:52px; width:59px; left:-55px; top:-38px; border:1px dashed #ea0a2a; border-right:none; border-top:none;} #labels>div .labelText.Shenzhen_18280{transform:translate(0) translate(59px, 48px);} #labels>div .labelText.Shenzhen_18280:after{left:-56px; top:-40px;} #labels>div .labelText.Shanghai_18282:before{height:24px; width:24px; left:-26px; top:-9px; border:1px dashed #ea0a2a; border-right:none; border-top:none;} #labels>div .labelText.Shanghai_18282{transform:translate(0) translate(31px, 21px);} #labels>div .labelText.Shanghai_18282:after{left:-26px; top:-11px;} #labels>div .labelText.left.anhui_18242:before{height:25px; width:58px; left:42px; top:13px} #labels>div .labelText.left.anhui_18242{transform:translate(-100%) translate(-54px, -38px);} #labels>div .labelText.fuxin_18277:before{height:12px; width:40px; left:-37px; top:13px;} #labels>div .labelText.fuxin_18277{transform:translate(0) translate(39px, -29px);} #labels>div .labelText.fuxin_18277:after{left:-38px; top:24px;} /* 20240802 */ .industry_detail01 .content .right .getdata{float:left; width:100%; min-height:600px;} .industry_banner .list{justify-content:center;} .industry_banner .list li{width:auto;} .industry_banner .list li a{padding:.2rem .7rem;} #con_banner {padding-top:74px;} /* 20240806 */ .pro_detail01 .bd .infor .more_box{margin-bottom:30px;} .global01_new .infor .tit{font-size:36px; color:#fff; margin-bottom:20px; font-weight:bold;} .ipart01 .content .left .bd li .rotate_box{top:0} .ipart01 .content .left .bd li .rotate_box img{height:30px;} .industry_detail02 .intro .box .btn_wrap{text-align:center; font-size:0; width:100%;} .industry_detail02 .intro .box .btn_wrap button{display:inline-block; width:40%; font-size:15px; margin:0 2%;} .industry_detail02 .intro .box .btn_wrap a{width:38%; display:inline-block; margin:0 2%; color:#fff; background:#221f20; border:none; text-align:center; line-height:44px; padding:0; outline:none; cursor:pointer;font-size:15px} .xc_banner video{width:100%; height:100%; object-fit:cover;} .xc_banner #con_banner{position:absolute;left:0;width:100%;bottom:0;} .xc_banner .content{position:static;} /* 20240813 */ .global02 .content .infor{display:none;} .global02 .content .map_img{width:100%;} .global02 .intro .tit{font-size:36px; line-height:40px; font-weight:bold; color:#000;} .invest01 .boxRight .right-box .echarts{margin:-850px 0px -40px -662px;} .invest01 .boxRight .right-box .echarts iframe{height: 1113px;} .ibanner .video_img{display:none;} /* 20240828 */ .pro_cen02 .item .content{display:none;} .pro_detail01 .bd .infor .pic_ .weight{right:-150px;} /* 20240830 */ /* 投资者中心 新增部分 */ .invest_add{padding:65px 0; background:#f7f8fa; margin-bottom:70px;} .invest_add .infor{text-align:center;} .invest_add .content{margin-top:40px;} .invest_add .content ul{display:flex; align-items:stretch;} .invest_add .content li{float:left; width:31%; margin-right:3.5%; padding-bottom:30px; position:relative; border-bottom:1px solid #7A7B7C;;} .invest_add .content li:nth-child(3n){margin-right:0;} .invest_add .content li .box .tit{font-size:24px; color:#000; line-height:30px; border-bottom:1px solid #7A7B7C; padding-bottom:10px; margin-bottom:20px;} .invest_add .content li .box .con_l{font-size:16px; line-height:30px; color:#000; width:calc(100% - 150px);} .invest_add .content li .box .con_l span{display:block;} .invest_add .content li .box .con_r{position:absolute; bottom:30px; right:0;} .invest_add .content li .box .con_r a{display:block; padding:0 25px; line-height:34px; border:1px solid #f00010; border-radius:10px; font-size:16px; color:#f00010;;} .invest_add .content li .box .con_r a i{display:inline-block; width:15px; height:16px; background:url(../png/invest_add1.png) no-repeat center; transition:.5s ease; margin-left:15px; vertical-align:middle;} .invest_add .content li .box .con_r:hover a{background:#f00010; color:#fff;;} .invest_add .content li .box .con_r:hover a i{background:url(../png/invest_add2.png) no-repeat center;} /* 加入我们修改 */ .join_us.channel_content{padding-bottom:0;} .join_us01{padding-bottom:50px;} .join_us01 .infor{text-align:center;} .join_us01 .content{margin-top:40px;} .join_us01 .content .item{width:23.5%; margin-right:2%; float:left; margin-bottom:2%; background:#fff; border-radius:10px; box-shadow: 0px 0px 15.52px 0.48px rgba(0, 0, 0, 0.08); height:169px; position:relative; overflow:hidden;} .join_us01 .content .item_four{margin-right:0;} .join_us01 .content .item .box{padding:30px; position:relative; z-index:3;} .join_us01 .content .item .icon{width:274px; position:absolute; right:0; bottom:0;} .join_us01 .content .item i{font-size:25px;} .join_us01 .content .item.last .tit{font-family:'ali_bold'; color:#dd0e2d;} .join_us01 .content .item.last .con{color:#dd0e2d;} .join_us02{padding:65px 0 100px; background:#f6f6f6;} .join_us02 .infor{border-bottom:1px solid #DDDDDD;} .join_us02 .infor .con .item{display:inline-block; position:relative; padding:0 20px; margin-left:25px; line-height:50px; padding-bottom:20px; cursor:pointer; font-size:24px;} .join_us02 .infor .con .item:after{content:''; width:0%; height:2px; transition:.5s ease; background:#ea0a2a; position:absolute; left:0; bottom:-1px} .join_us02 .infor .con .item.on{color:#ea0a2a; font-family:'ali_bold';} .join_us02 .infor .con .item.on:after{width:100%;} .join_us02 .content{width:70%; margin:60px auto 0; position:relative;} .join_us02 .content .rect-47{padding-bottom:47%; border-radius:20px;} .join_us02 .content .item .info{padding:20px;} .join_us02 .content .item .info .t{font-size:24px; line-height:30px;;} .join_us02 .content .item .info .c{font-size:15px; line-height:30px;;} .join_us02 .content .owl-carousel .owl-stage-outer{overflow:visible;} .join_us02 .content .join_us_btn>div{width:50px; height:50px; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; z-index:4; font-size:0;} .join_us02 .content .join_us_btn .owl-prev{background:url(../svg/jt1.svg) no-repeat center; background-size:cover; left:-95px;} .join_us02 .content .join_us_btn .owl-next{background:url(../svg/jt2.svg) no-repeat center; background-size:cover; right:-95px;} .join_us02 .content .join_us_btn .arrs.swiper-button-disabled{display:none;} .join_us02 .content .join_us_btn .owl-prev:hover{background:url(../svg/jt1_on.svg) no-repeat center; background-size:cover} .join_us02 .content .join_us_btn .owl-next:hover{background:url(../svg/jt2_on.svg) no-repeat center; background-size:cover} .join_us02 .content .item img{transition:all 0.5s ease;} .join_us02 .content .item:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .join_us03{background:url(../jpg/join_us03.jpg) no-repeat center; background-size:cover; height:564px; position:relative;} .join_us03 .intro{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);} .join_us03 .intro .box{width:30.5%;} .join_us03 .intro .box .con{margin-top:20px;} /* 招聘列表 */ .job_list01.join01{padding-bottom:0;} .job_list02 .content li{border-bottom:1px solid #e7e7e7; overflow:hidden;} .job_list02 .content li.first {background:#ea0a2a; color:#fff; border-bottom:none; padding:0; height:60px;line-height:60px; border-radius:5px;} .job_list02 .content li ._ut{float:left; text-align:center;} .job_list02 .content li ._un{float:left; text-align:center; height:80px; line-height:80px; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .job_list02 .content li ._un, .job_list02 .content li ._ut{width:14%;} .job_list02 .content li ._t1{width:19%;} .job_list02 .content li ._t7{width:8%; cursor:pointer;} .job_list02 .content li ._un._t7:after {content:"+"; display:inline-block; vertical-align:-1px; color:#313131; margin-left:5px; font-size:20px;} .job_list02 .content li.j_t_cur ._un._t7:after {content:"-";} .job_list02 .content li.j_t {cursor:pointer;} .job_list02 .content li.j_c {height:auto; line-height:1.5; background:#f9f9f9; display:none;} .job_list02 .content .j_c .j_c_box {padding:40px;} .job_list02 .content .j_c .j_c_box .intro {color:#666; line-height:24px; position:relative;} .job_list02 .content .j_c .j_c_box .intro strong{display:block; font-size:16px; color:#ea0a2a; margin-bottom:10px} .job_list02 .content .j_c .intro .job_btn {position:absolute; right:0; bottom:0;} .job_list02 .content .j_c .intro .job_btn ._btn {display:inline-block; width:160px; height:48px;line-height:48px; color:#fff; border-radius:30px; font-size:16px; background:#ea0a2a; cursor:pointer; text-align:center; transition:.5s ease;} .job_list02 .content .j_c .intro .job_btn ._btn:hover{background:#ea0a2a;} /* 20240905 */ .ipart01 .content .left .hd .item.on .text span a:hover{color:#000;} .ipart01 .content .left .hd .item{width:23%; margin-right:2%;} .ipart01 .content .left .hd .item .text{font-size:18px; line-height:26px;} .ipart01 .content .left .hd .item.on .text:after{width:105%;bottom:2px;} .ipart02 .content .item .txt_cover .tit{font-size:20px;} .ipart03 .content .con_right .list li{width:30%; margin:0 1.5%;} .f_top .left{width:24%;} .f_top .right{width:75%;} .f_top .right dl{width:28%;} .f_top .right dl.dl04{width:15%;} .f_cen .addr{margin-left:6%;} .f_cen .addr em{font-size:20px;} .f_cen .f_share{width:14%;} /* 20240906 */ /* .history02 .content .bd .stage_item .cont .year_item .con{max-height:175px; overflow-y:auto;} .history02 .content .bd .stage_item .cont .year_item .con::-webkit-scrollbar {width:2px; height:4px;} .history02 .content .bd .stage_item .cont .year_item .con::-webkit-scrollbar-thumb {border-radius:5px; background:#ea0a2a; } .history02 .content .bd .stage_item .cont .year_item .con::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} */ .history02 .content .hd .item .infor .con{width:100%;} .history02 .content .bd{margin-top:30px;} .history02 .content .bd .indicators .indi_item .txt{font-size:15px; margin-top:15px;;} .history02 .content .bd .stage_item .cont .year_item{padding:0 30px;} .history02 .content .bd .indicators{margin-top:30px;} .history02 .content .bd .stage_item .cont .year_item{width:535px;} .contact_us01 .bd .li_{height:300px;} .invest01 .left .bot_ .item_list .item .text{font-size:15px;} .invest02 .content li .box .tit{max-height:120px; padding-right:3px; overflow-y:auto;} .invest02 .content li .box .tit::-webkit-scrollbar {width:2px; height:4px;} .invest02 .content li .box .tit::-webkit-scrollbar-thumb {border-radius:5px; background:#ea0a2a; } .invest02 .content li .box .tit::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .invest03 .content .hd .item{width:200px; font-size:15px; line-height:20px; height:40px;} .pro_detail01 .hd li{vertical-align:top;} .industry_detail01 .content .left .li_{word-break:break-all;} .about_us_new02 .content .info .box .tit{font-size:15px; line-height:30px; max-height:210px; padding-right:3px; overflow-y:auto;} .about_us_new02 .content .info .box .tit::-webkit-scrollbar {width:2px; height:4px;} .about_us_new02 .content .info .box .tit::-webkit-scrollbar-thumb {border-radius:5px; background:#ea0a2a; } .about_us_new02 .content .info .box .tit::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .about_us02 .pt1 .content .leftitem .item .info{width:calc(100% - 120px);} /* 20240912 */ .header .h_search{width:calc(100% - 130px);} .header .inav_wrapper{width:78%;} .header .h_tool{width:19%;} .header .h_logo{left:47%;} .ipart01 .content .left .hd{margin-bottom:30px;} .ipart01 .content .left .bd li{width:47%; margin-right:3%;} .ipart01 .content .left .hd .item{width:auto; max-width:23%;} .ipart04 .infor .con .cell a{transition:0s ease;} .ipart04 .infor .con .cell a:hover{color:#fff;} .xc_banner_new.xc_banner .intro_list{bottom:60px;} .xc_banner_new.xc_banner .intro_list ul{padding:0 10%;} .xc_banner_new.xc_banner .intro_list ul li{width:30%; line-height:1.2;} .about_us_new02 .content .info{width:45%;} .about_us_new02 .content .info .box .tit{max-height:300px;} .xc_banner_new .intro{z-index:2;} .about_us02 .pt1 .content .leftitem .item .info .con{height:60px;} .tech04 .content .li_ .pic_tc .txt{max-height:240px; overflow-y:auto; padding-right:5px;} .tech04 .content .li_ .pic_tc .txt::-webkit-scrollbar {width:2px; height:4px;} .tech04 .content .li_ .pic_tc .txt::-webkit-scrollbar-thumb {border-radius:5px; background:#ea0a2a; } .tech04 .content .li_ .pic_tc .txt::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .tech05 .content .left{padding:70px 0; padding-left:7%;} .tech05 .content .left .infor .con{max-height:inherit; overflow-y:auto; padding-right:5px; padding-top:0; margin-top:30px;;} .tech05 .content .left .infor .con::-webkit-scrollbar {width:2px; height:4px;} .tech05 .content .left .infor .con::-webkit-scrollbar-thumb {border-radius:5px; background:#ea0a2a; } .tech05 .content .left .infor .con::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .industry01 .infor .tit{width:60%;} .industry_detail01 .content .right .li_ .cover .box .con{word-wrap:break-word; max-height:120px; overflow-x:hidden; overflow-y:auto; padding-right:3px;} .industry_detail01 .content .right .li_ .cover .box .con::-webkit-scrollbar {width:2px; height:4px;} .industry_detail01 .content .right .li_ .cover .box .con::-webkit-scrollbar-thumb {border-radius:5px; background:#f6f5f5; } .industry_detail01 .content .right .li_ .cover .box .con::-webkit-scrollbar-track {border-radius:0; background:#ea0a2a;} .industry_detail02 .intro .box .inp_wrap.inp_yzm{width:100%; background:none; padding:0;} .industry_detail02 .intro .box .inp_wrap.inp_yzm .inp{width:50%; padding:0 28px; background:#ebedef; border-radius:50px;} .industry_detail02 .intro .box .inp_wrap.inp_yzm img{border-radius:50px; width:calc(50% - 65px); vertical-align:middle;} .pro_detail03 .content .swiper-slide .info .box .tit{height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .pro_detail02 .item .rect-80{padding-bottom:0%; height:auto;} .pro_detail02 .item .box{display:flex; align-items:center;} .pro_detail02 .item .box .right{margin-left:5.5%;} .pro_detail02 .item .box .right .info{position:static; transform:translateY(0);} .pro_detail02 .item.even .box{flex-direction:row-reverse;} .pro_detail02 .item.even .box .right{margin-right:5.5%; margin-left:0;} .pro_list01 .infor .con_cnc span{margin-left:0!important; margin-right:2.6%; width:14%; box-sizing:border-box; line-height:1.2; margin-bottom:10px; font-size:16px;; padding-bottom:7px; height:auto;} .pro_list01 .infor .con_cnc{float:right; width:75%; font-size:0; text-align:right;;} .pro_detail01 .wrap, .pro_detail02 .wrap{width:1500px;} .invest03 .content .hd .item{width:235px;} /* 20240914 */ .industry_detail02 .wrap{height:600px; position:relative; padding:0;} .industry_detail02 .intro{position:absolute; right:0; top:50%; transform:translateY(-50%);} .pro_detail01 .hd li .box_bott dd{line-height:20px; padding:8px 0;} .pro_list01 .infor .con span{text-align:center;} /* 20240919 */ body .tdt-container a{color:#ea0a2a;} .industry_detail01 .content .right .form .inp{text-overflow:ellipsis; overflow:hidden; white-space: nowrap;} .right_nav{width:65px;} .right_nav .item, .right_nav .service{width:65px;} .right_nav .popup{right:65px;} .pro_detail04{padding-bottom:0;} .join_us02 .infor .con .item{font-size:20px; margin-left:15px;} .invest01 .boxRight{position:relative;} .invest01 .boxRight .r_border {position:absolute;width:100%;height:100%;top:0;left:0;border:5px solid #dddddd;padding:30px 25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .invest01 .boxRight .tab_b{height:40px;margin-bottom:20px;} .invest01 .boxRight .tab_t{width:20%;text-align:center;border:1px solid #e5e4e9;line-height:40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-left:-1px} .invest01 .boxRight .tab_t.tab_t_cur{color:#ea0a2a;} .invest01 .boxRight .tab_t.tab_t_cur:after{content:"";width:100%;height:3px;background-color:#ea0a2a;display:block;position:absolute;bottom:0;left:0;} .invest01 .boxRight .number02 .ico{background:url(../png/widgets_shares_info1_ico.png);} .contact_us01 .bd .li_{height:350px;} .pro_list03 .infor .infor_l{float:left; width:calc(100% - 180px);} .pro_list03 .infor .infor_r{float:right; position:static; margin-top:0;} /* 20240923 */ .pro_detail01 .hd li{width:auto;} .pro_detail01 .hd_cnc li{width:13%;} .invest01 .left .bot_ .item_list .item{width:auto;} .invest01 .left{width:53%;} .invest01 .boxRight .tab_t{width:25%; font-size:14px;} #labels>div .labelText.Liaoning_18276:before{height:43px; width:33px; left:-29px; top:15px;} #labels>div .labelText.Liaoning_18276{transform:translate(0) translate(35px,-66px);} #labels>div .labelText.Liaoning_18276:after{left:-30px; top:59px;} /* 20240926 */ .join_us .fz42{font-weight:bolder;} .industry_detail01 .content .left .li_{width:100%;} .news_detail01 .left .text .source{text-align:right; margin-top:10px; font-size:20px; font-weight:bolder;} /* 20241009 */ .contact_us01 .bd .li_{height:250px;} .ipart01 .content .right .item .info .more{display:none} .channel_content.job_list{padding-top:0;} /* 20241216 cookie */ .cookie_box{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.3); z-index:100; transition:.5s ease;; backdrop-filter:blur(5px);} .cookie_box1 .content{width:535px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff;;} .cookie_box1 .content .box{padding:30px 55px;} .cookie_box1 .content .box .cookie_logo{text-align:center; margin-bottom:24px;} .cookie_box1 .content .box .con{font-size:16px; max-height:240px; overflow-y:auto; line-height:30px; color:#000; margin-bottom:24px;} .cookie_box1 .content .box .con::-webkit-scrollbar {width:6px; height:4px;} .cookie_box1 .content .box .con::-webkit-scrollbar-thumb {border-radius:5px; background:#D8D8D8;} .cookie_box1 .content .box .con::-webkit-scrollbar-track {border-radius:5px; background:#fff;} .cookie_box1 .content .box .btn_box .item{width:100%; height:44px; line-height:44px; border:1px solid #000; font-size:16px; text-align:center; cursor:pointer; color:#000;} .cookie_box1 .content .box .btn_box .item01{margin-bottom:9px;} .cookie_box1.yincang{opacity:0; visibility:hidden; pointer-events:none;} /* 第二个cookie 弹窗 */ .cookie_box2{display:none;} .cookie_box2 .content{width:910px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff;;} .cookie_box2 .content .box .cookie_logo{text-align:center; padding:20px; background:#fafafa;margin-bottom:10px;} .cookie_box2 .content .box .container{padding:0 30px 0 40px;} .cookie_box2 .content .box .container .inner{max-height:calc(80vh - 120px); overflow-y:auto; padding-right:10px;} .cookie_box2 .content .box .container .inner::-webkit-scrollbar {width:6px; height:4px;} .cookie_box2 .content .box .container .inner::-webkit-scrollbar-thumb {border-radius:5px; background:#D8D8D8;} .cookie_box2 .content .box .container .inner::-webkit-scrollbar-track {border-radius:5px; background:#fff;} .cookie_box2 .content .box .container .info .tit{font-size:22px; line-height:30px; color:#000; margin-bottom:15px;} .cookie_box2 .content .box .container .info .con{font-size:14px; line-height:24px; color:#000; margin-bottom:15px;} .cookie_box2 .content .box .container .info .txt{font-size:14px; line-height:24px; color:#000;} .cookie_box2 .content .box .container .info .txt a{color:#d8112e; text-decoration:underline;} .cookie_box2 .content .box .container .intro{margin-top:10px;} .cookie_box2 .content .box .container .intro .tit{font-size:22px; line-height:30px; color:#000; margin-bottom:15px;} .cookie_box2 .content .box .container .intro .list{border:1px solid #D8D8D8} .cookie_box2 .content .box .container .intro .list li{border-bottom:1px solid #DADADA} .cookie_box2 .content .box .container .intro .list li:last-child{margin-bottom:0;} .cookie_box2 .content .box .container .intro .list li .li_top{background:#f4f4f4; padding:7px 22px; position:relative;} .cookie_box2 .content .box .container .intro .list li .li_top>span{display:inline-block; font-size:14px; color:#000; position:relative; line-height:30px; padding-left:27px;cursor:pointer;} .cookie_box2 .content .box .container .intro .list li .li_top>span:after{content:''; width:12px; height:11px; background:url(../png/jia.png) no-repeat center; position:absolute; left:0; top:50%; transform:translateY(-50%);} .cookie_box2 .content .box .container .intro .list li.cur .li_top>span:after{background:url(../png/jian.png) no-repeat center; } .cookie_box2 .content .box .container .intro .list li .li_top .anniu{font-size:14px; color:#000; position:absolute; right:22px; top:50%; transform:translateY(-50%); cursor:pointer;} .cookie_box2 .content .box .container .intro .list li .li_top .anniu span{display:block; width:40px; height:24px; border-radius:20px; background:#d6d6d6; transition:.5s ease; position:relative;} .cookie_box2 .content .box .container .intro .list li .li_top .anniu span:before{content:''; width:18px; height:18px; border-radius:50%; background:#fff; position:absolute; top:50%; transform:translateY(-50%); right:4px; transition:.5s ease;} .cookie_box2 .content .box .container .intro .list li .li_bott{padding:15px 22px; display:none;} .cookie_box2 .content .box .container .intro .list li .li_bott .text{font-size:14px; color:#000;} .cookie_box2 .content .box .container .intro .list li.on .li_top .anniu span{background:#e42800;} .cookie_box2 .content .box .container .intro .list li.on .li_top .anniu span:before{right:16px} .cookie_box2 .content .box .btn_box{padding:25px 0 20px; margin-top:5px; text-align:center;background:#fafafa} .cookie_box2 .content .box .btn_box a{display:inline-block;font-size:14px; color:#000; margin:0 18px;} .cookie_box2 .content .box .btn_box a:hover{text-decoration:underline;} .cookie_box2 .content .box .btn_box a.btn02{display:none;} /* 20241218 重置按钮 */ .global01_new .con_right .form_box .sele_wrap{width:40%; margin-right:3%;} .reset_btn{float:right; width:14%;height:44px; line-height:44px; border:1px solid #fff; cursor:pointer; border-radius:5px; box-sizing:border-box;text-align:center; color:#fff;} .reset_btn i{margin:0;} .global01_new .con_right .form_box .sele_wrap .origin{height:42px; line-height:42px;} .global01_new .con_right .form_box .sele_wrap .origin span{width:80%; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* 20241219 */ .job_list02 .content .j_c .intro .job_btn{position:static; margin-top:30px;} .job_list01.join01{background:none ;} .header .h_tool{width:15%;} .header .inav_wrapper{width:85%;} .pro_detail_add{padding:65px 0 45px; background:#f6f7f8;} .pro_detail_add .infor .tit{color:#000; font-size:36px; font-family:'ali_bold';} .pro_detail_add .content{margin-top:25px;} .pro_detail_add .content ul{display:flex; flex-wrap:wrap; justify-content:space-between;} .pro_detail_add .content li{width:48.5%; background:#fff; margin-bottom:20px;} .pro_detail_add .content .li_box{display:block; padding:20px;} .pro_detail_add .content .li_box .tit{font-size:24px; line-height:30px; color:#000; padding-bottom:25px; border-bottom:1px solid #E5E5E5; margin-bottom:20px; transition:.5s ease; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .pro_detail_add .content .li_box .date{font-size:16px; line-height:30px; color:#000; position:relative;} .pro_detail_add .content .li_box .date i{display:block; width:28px; height:28px; background:url(../pro_detail_add.html) no-repeat center; position:absolute; right:0; top:50%; transform:translateY(-50%);} .pro_detail_add .content .li_box:hover .tit{color:#ea0a2a;} @media only screen and (max-width:992px){ .pro_detail_add .infor .tit{font-size:24px; line-height:30px;} .pro_detail_add .content .li_box .tit{font-size:17px; line-height:26px;} .pro_detail_add .content .li_box .date{font-size:14px;} } @media only screen and (max-width:820px){ .pro_detail_add{padding:30px 0 10px;} .pro_detail_add .content li{width:100%;} .pro_detail_add .content .li_box{padding:10px 20px;} .pro_detail_add .content .li_box .tit{padding-bottom:10px; margin-bottom:10px;} } body{height:100vh; overflow:hidden;} body.touch{height:auto;} .global02 .rect-418 img{left:-0.3%} .invest03 .content .hd .arrs{display:none;} /*20250116 修改联系我们的表单，新增几项*/ .widgets_online_form_2 .form .span-4:first-child{margin-left:0} .widgets_online_form_2 .form .span-4{width:32%; margin:0 0 2% 0; margin-right:2%} .widgets_online_form_2 .form .span-4:nth-child(3n){margin-right:0} .widgets_online_form_2 .company_name{background:url("../png/widgets_online_form_2_4.png") no-repeat right 0;} .widgets_online_form_2 .address{background:url("../png/widgets_online_form_2_5.png") no-repeat right 0;} .widgets_online_form_2 .country{background:url("../png/widgets_online_form_2_6.png") no-repeat right 0;} .widgets_online_form_2 .interest_area{border:1px solid #d5d5d5; box-sizing:border-box; height:48px; line-height:48px; padding:0 46px 0 13px;display:flex; align-items:center;} .widgets_online_form_2 .interest_area label{margin-right:40px; display:block;} .widgets_online_form_2 .interest_area .inp_select{display:flex; align-items:center;} .widgets_online_form_2 .interest_area .inp_select .item{position:relative; margin-right:20px; display:flex; font-size:16px; align-items:center;} .widgets_online_form_2 .interest_area .inp_select .item i{width:17px; height:17px; border:1px solid #d5d5d5; border-radius:3px; display:block; margin-right:5px} .widgets_online_form_2 .interest_area .inp_select .item.cur i{border-color:#ea0a2a; background:#ea0a2a} /* 20250207 */ .pro_detail06 .datalist .firstRow{background:#f0f0f0} .pro_detail03 .content .swiper-slide img{height:100%; width:auto; max-width:none} .pro_detail06{margin-bottom:50px} .pro_detail_new{margin-bottom:30px;} .pro_detail_new .item{width:45%; margin-right:5%; display:flex; align-items:center; float:left; margin-bottom:30px;} .pro_detail_new .item .icon{width:54px; margin-right:25px;;} .pro_detail_new .item .info{width:calc(100% - 80px);} .pro_detail_new .item .info .t{font-size:18px; line-height:26px; font-family: 'ali_bold';} .pro_detail_new .item .info .c{font-size:16px; line-height:25px;} .pro_detail_new{margin-bottom:60px} .pro_detail_new .list{display:flex; flex-wrap:wrap; padding:0 11% } .pro_detail_new .pic{text-align:center} .xiala_down .content .right .item ul{max-height:380px} /*new_form 20250307*/ .new_form .infor .tit{text-align:center; font-size:30px; color:#000; line-height:1; margin-bottom:20px; padding-top:80px; } .new_form .infor .con{text-align:center; font-size:16px; color:#5b5b5b; line-height:24px; margin-bottom:15px;} .new_form .form{width:1200px;margin:0 auto;} .new_form .form input{border:1px solid #d5d5d5; font-size:16px;} .new_form .name{background:url("../png/widgets_online_form_2_1.png") no-repeat right 0;} .new_form .phone{background:url("../png/widgets_online_form_2_2.png") no-repeat right 0;} .new_form .email{background:url("../png/widgets_online_form_2_3.png") no-repeat right 0;} .new_form .company_name{background:url("../png/widgets_online_form_2_4.png") no-repeat right 0;} .new_form .address{background:url("../png/widgets_online_form_2_5.png") no-repeat right 0;} .new_form .country{background:url("../png/widgets_online_form_2_6.png") no-repeat right 0;} .new_form .form .inp_wrap{width:32%; margin-right:2%; float:left; margin-bottom:2%;} .new_form .form .inp_wrap:nth-child(3n){margin-right:0;} .new_form .inp{width:100%; box-sizing:border-box; height:48px; line-height:48px; padding:0 46px 0 13px;} .new_form .form textarea{width:100%; box-sizing:border-box; border:1px solid #d5d5d5; padding:10px 40px 10px 13px; height:149px; font-size:16px; line-height:1.5; margin-bottom:20px; background:transparent url("../png/widgets_online_form_2_4.png") no-repeat right top;} .new_form .form .inp_wrap_fill{width:100%; margin-right:0; float:left;} .new_form .form .sele_wrap{position:relative; z-index:3;} .new_form .form .sele_wrap>span{display:block; position:relative; width:100%; box-sizing:border-box; border:1px solid #d5d5d5; font-size:16px; height:48px; line-height:48px; padding:0 46px 0 13px; cursor:pointer;} .new_form .form .sele_wrap>span i{position:absolute; right:13px; top:50%; transform:translateY(-50%);} .new_form .form .sele_wrap .down{position:absolute; left:0; width:100%; background-color:#fff; border:1px solid #d5d5d5; box-sizing:border-box; display:none;} .new_form .form .sele_wrap .down ul{height:160px; overflow-y:auto;} .new_form .form .sele_wrap .down ul::-webkit-scrollbar {width:4px; height:4px;} .new_form .form .sele_wrap .down ul::-webkit-scrollbar-thumb {border-radius:0; background:#ea0a2a;} .new_form .form .sele_wrap .down ul::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .new_form .form .sele_wrap .down li{padding:5px 13px; line-height:30px; cursor:pointer; transition:.5s ease;} .new_form .form .sele_wrap .down li:hover{background:#ea0a2a; color:#fff;} .new_form .form .inp_wrap_time{border:1px solid #d5d5d5; box-sizing:border-box; height:48px; line-height:48px; padding:0 46px 0 13px;display:flex; align-items:center;} .new_form .form .inp_wrap_time label{margin-right:40px; display:block; font-size:16px;} .new_form .form .inp_wrap_time .inp_select{display:flex; align-items:center;} .new_form .form .inp_wrap_time .inp_select .item{position:relative; margin-right:20px; display:flex; font-size:16px; align-items:center;} .new_form .form .inp_wrap_time .inp_select .item i{width:17px; height:17px; border:1px solid #d5d5d5; border-radius:3px; display:block; margin-right:5px} .new_form .form .inp_wrap_time .inp_select .item.cur i{border-color:#ea0a2a; background:#ea0a2a} .new_form .form .btns_list{text-align:center;} .new_form .form .btns_list button{width:45%; height:45px; line-height:37px; border:none; font-size:18px; color:#fff; cursor:pointer;} .new_form .form .btns_list .sub{background-color:#848484; border-radius:0; float:left;} .new_form .form .btns_list .reset{background-color:#848484; border-radius:0; float:right;} .new_form .form .btns_list .btn{border-radius:22px; transition:.3s ease;} .new_form .form .btns_list .on{background-color:#ea0a2a;} .new_form .form .btns_list .btn:hover{background-color:#ea0a2a;} .new_form .yzm_box{width:50%;} .new_form .btns_list{width:50%;} .new_form .yzm_box .yzm{line-height:46px; height:46px; width:30%; text-indent:20px; margin-right:25px;} .new_form .yzm_box img{width:120px; height:50px; margin-right:10px;} .new_form .yzm_box .change{color:#40535a; font-size:12px; vertical-align:bottom;} .new_form .form .row{width:100%;} @media only screen and (max-width: 1240px){ .new_form .form{width:auto;} .new_form .form .inp_wrap_time {width:66%; margin-right:0;;} } @media only screen and (max-width: 992px){ .new_form .infor .tit{padding-top:40px;} } @media only screen and (max-width: 760px){ .new_form .infor .tit{font-size:20px} .new_form .form .inp_wrap{width:49%; margin-right:2%;} .new_form .form .inp_wrap:nth-child(3n){margin-right:2%;} .new_form .form .inp_wrap:nth-child(2n){margin-right:0;} .new_form .form .inp_wrap_time{width:100%} .new_form .yzm_box .yzm{margin-right:12px} .new_form .yzm_box{width:100%; margin-bottom:20px;} .new_form .form .btns_list{width:100%;} .new_form .form .btns_list .sub{margin-right:40px; float:none;width:40%;} .new_form .form .btns_list .reset{float:none;width:40%;} } @media only screen and (max-width: 650px){ .new_form .form .inp_wrap{width:100%; margin-right:0%;} } .new_form .form .inp_wrap_time{width:66%} .industry_detail02 .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{border-radius:50px 0 0 50px} /*20250329 表单区号 start*/ .industry_detail02 .intro .box .inp_wrap.inp_tel{padding:0!important;} .industry_detail02 .intro .box .inp_wrap.inp_tel .input_{display:block;} .industry_detail02 .intro .box .inp_wrap.inp_tel .icon{width:.7rem; height:100%; border:1px solid #707070; background:transparent; padding:0 1em; margin:0; box-sizing:border-box; border-right:0; background:#f2f2f2; display:flex; align-items:center; cursor:pointer; position:relative;} .industry_detail02 .intro .box .inp_wrap.inp_tel .icon::after{position:absolute; top:50%; transform:translateY(-50%); right:10%; background:url(../inquiry_3.html) no-repeat center; background-size:cover; width:8px; height:6px; content:'';} .industry_detail02 .intro .box .inp_wrap.inp_tel .icon img{width:.28rem; height:.16rem; object-fit:cover;} .industry_detail02 .intro .box .inp_wrap.inp_tel .input_ ul::-webkit-scrollbar {width:2px; height:2px;} .industry_detail02 .intro .box .inp_wrap.inp_tel .input_ ul::-webkit-scrollbar-thumb {border-radius:5px; background:#ea0a2a; } .industry_detail02 .intro .box .inp_wrap.inp_tel .input_ ul::-webkit-scrollbar-track {border-radius:0; background:#333740;} .industry_detail02 .intro .box .inp_wrap.inp_tel .input_ ul li{width:100%; height:.4rem; line-height:.4rem; transition:all .3s ease; display:flex;} .industry_detail02 .intro .box .inp_wrap.inp_tel .input_ ul li:hover{background:#f2f2f2;} .industry_detail02 .intro .box .inp_wrap.inp_tel .input_ ul li .icon{background:none; border:0;} body .intl-tel-input.allow-dropdown .flag-container .selected-flag{padding:0 1em; width:auto;} body .intl-tel-input .country-list{width:100%;} body .iti-flag{display:inline-block;} body .intl-tel-input .country-list .country-name{display:none;} body .intl-tel-input .country-list .country .dial-code{padding-left:10px;} body .input_{display:flex; flex-wrap:wrap; position:relative;} body .intl-tel-input{display:flex; flex-wrap:wrap; height:46px; line-height:46px; width:100%} body .intl-tel-input .flag-container{position:static; height:100%; width:.7rem; background:transparent; margin:0; box-sizing:border-box; border-right:0;} body .intl-tel-input .country-list .divider{height:1px!important; overflow:hidden; line-height:1px!important; margin-bottom:0;} body .intl-tel-input input{width:calc(100% - .7rem)!important;; height:100%!important;; background:transparent; border:none!important;; padding:0 1em!important;; margin:0!important;; box-sizing:border-box!important;;} /*20250329 表单区号 end*/ /*联系我们表单样式特殊*/ .new_form .form .inp_wrap.inp_wrap_phone{border:1px solid #d5d5d5; box-sizing: border-box;} .new_form .form .inp_wrap.inp_wrap_phone .intl-tel-input .country-list .country{background:none!important;} /*20250331*/ .industry_detail01 .content .right .list li.cur{background:#ea0a2a; border-color:#ea0a2a; color:#fff;} .pro_detail05.industry_detail02 .intro .box .inp_wrap.inp_yzm .inp{border-radius:0; padding:0 30px;} .pro_detail05.industry_detail02 .intro .box .inp_wrap.inp_yzm img{border-radius:0;} .imgVideo_ban .mobile_pic{display:none;} /*20250418*/ .pro_detail_new {margin:50px 0;} .pro_detail_new .infor{font-size:36px; line-height:40px; font-family:'ali_bold'; color:#000;} .pro_detail_new .list{padding:0; margin-top:30px;} .pro_detail_new415{margin:50px 0;} .pro_detail_new415 .infor{font-size:36px; line-height:40px; font-family:'ali_bold'; color:#000;} .pro_detail_new415 .content{margin-top:30px;} .pro_detail_new415 .content .item{width:24%; float:left; margin-right:1.33%; background:#efeff0; height:2.53rem; padding:20px; box-sizing:border-box; position:relative;} .pro_detail_new415 .content .item:nth-child(4n){margin-right:0;} .pro_detail_new415 .content .item .img_{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .pro_detail06 .infor{font-size:36px; line-height:40px; font-family:'ali_bold'; color:#000;} .pro_detail06 .content{margin-top:30px;} /*20250421*/ .pro_detail_new415 .content .item .img_{width:64%;} .right_nav{top:67%} .right_nav .popup{bottom:-50px;} .right_nav .popup .title{margin-bottom:5px;} .right_nav .popup .con{margin-bottom:6px;} .right_nav .popup .area{padding-bottom:.14rem; margin-bottom:.14rem;;} .right_nav .popup .box .con.whatsapp a i{color:#3DBA30} .right_nav .popup .box .con.whatsapp a{display:flex; align-items: center; justify-content: center;} .m_right{display:none;} .new_form .form .input_ .iti{display:block; width:100%;} .new_form .form .inp_wrap.inp_wrap_phone{border:none} .new_form .form .iti__search-input{line-height:40px} .right_nav .popup .box .con a{background-color:#000;} .right_nav .popup .more_btn{background-color:#ea0a2a;} body .Validform_checktip {position: absolute;} .new_form .form .inp_wrap{margin-bottom:3%;}