/* * 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:#0267ae;} .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;} /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /* 常量设置 */ html{font-size:100px;} .wrap { width:16rem; 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:.16rem; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover { color:#0267ae;} ::-moz-selection {color:#fff; background:#0267ae; } ::selection {color:#fff; background:#0267ae; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#0267ae; 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) } /* 网站样式 */ .tit46{font-size:.46rem; line-height:.6rem; color:#000;} .tit36{font-size:.36rem; line-height:.48rem; color:#000;} .tit30{font-size:.3rem; line-height:.48rem;} .fz30{font-size:.3rem; line-height:.48rem;} .tit24{font-size:.24rem; line-height:.36rem;} .tit20{font-size:.2rem; line-height:.36rem;} .con16{font-size:.16rem; line-height:.3rem; color:#555;} /* 头部导航 */ .header{position:fixed; left:0; width:100%; top:0; transition:all .4s ease; border-bottom:1px solid rgba(255,255,255,0.1); z-index:90;} .header .h_logo{padding:0.21rem 0;} .header .h_logo .img01{display:block; height:100%;} .header .h_logo .img02{display:none; height:100%;} .header .h_logo a{height:.49rem; display:block;} .header .h_tools{font-size:0;} .header .h_tools>div{margin-left:.25rem; color:#fff; display:inline-block; font-size:0; vertical-align:text-top; position:relative; cursor:pointer; padding-top:.33rem; padding-bottom:.36rem;} .header .h_tools i{font-size:0.22rem; line-height:1; margin:0; display:block; } /* 语言 及下拉 */ .header .h_tools .h_lan .lan_top i{display:inline-block; vertical-align:text-top;} .header .h_tools .h_lan .lan_top .t{font-size:.16rem; line-height:.22rem; display:inline-block; vertical-align:text-top; margin-left:.1rem;} .header .h_tools .h_lan>a{display:block; padding:0.08rem; border-radius:50%; background:rgba(255,255,255,0.6);} .header .h_tools .h_lan .lan_down{position:absolute; width:1.16rem; top:100%; left:50%; margin-left:-0.58rem; z-index:2; display:none; box-shadow:0 0 15px rgb(0 0 0 / 20%);} .header .h_tools .h_lan .lan_down li{padding:8% 4%; opacity:1; text-align:center; font-size:14px; background:rgba(255,255,255,0.5); transition:all 0.5s ease;} .header .h_tools .h_lan .lan_down li a{display:block; color:#222;} .header .h_tools .h_lan .lan_down li:hover{background:#0267ae;} .header .h_tools .h_lan .lan_down li:hover a{color:#fff;} /* 搜索 及下拉 */ .search_alert{position:fixed; left:0; top:-100%; width:100%; background:#fff; z-index:100; transition:all 0.5s ease} .search_alert .close{border-left:1px solid #E1E0E1; padding:.36rem .39rem; float:right;} .search_alert .close_icon{display:block; width:.2rem; height:.2rem; font-size:.2rem; margin:0; line-height:1; font-weight:bold; color:#0267ae; cursor:pointer; -webkit-transition:-webkit-transform 0.3s ease 0s; transition:transform 0.3s ease 0s;} .search_alert .close .close_icon:hover{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} .search_alert .cent-form{padding:.16rem 0; height:.6rem; line-height:.6rem; float:left; width:86%;} .search_alert .cent-form form{position:relative; padding-left:.5rem;} .search_alert .cent-form form .icon{position:absolute; left:0; top:50%; width:.2rem; height:.2rem; font-size:.2rem; margin:0; margin-top:-.1rem; line-height:1; font-weight:bold; color:#222222;} .search_alert .cent-form form .inp{border:none; font-size:.16rem; height:.6rem; line-height:.6rem; text-align:left; width:80%; box-sizing:border-box; background:none; padding:0;} .search_alert .cent-form form .btns{border:none; width:1.2rem; background:none; text-align:center; padding:.1rem .2rem; margin:0; font-size:.16rem; color:#aaa; border-radius:.5rem; border:1px solid #aaa; line-height:.2rem; cursor:pointer; outline:none; transition:all 0.5s ease;} .search_alert .cent-form form .btns:hover{background:#0267ae; color:#fff; border-color:#0267ae;} .search_alert.active{top:0;} /* 导航 */ .header .inav_wrapper{text-align:center; font-size:0; margin-left:.35rem;} .header .inav_wrapper .nav_li{padding:0 0.3rem; display:inline-block; position:relative;} .header .inav_wrapper .nav_li .inav_a{display:block; font-size:0.18rem; line-height:0.88rem; padding-bottom:.03rem; color:#ffffff; transition:all .5s ease; position:relative;} .header .inav_wrapper .nav_li .inav_a::after{content:''; position:absolute; bottom:-1px; left:50%; right:50%; height:2px; background:#0267ae; transition:all .5s ease;} .header .inav_wrapper .nav_li .inav_a:hover{color:#0267ae;} .header .inav_wrapper .nav_li .inav_a:hover::after{left:0; right:0;} .header .inav_wrapper .nav_li .inav_a.cur{color:#0267ae;} .header .inav_wrapper .nav_li .nav_down{display:none; position:absolute; left:50%; box-shadow:0 0 10px rgb(0 0 0 / 10%); transform:translateX(-50%); top:100%; min-width:100%; background:#fff; padding:0 0.2rem 0.15rem; overflow:hidden; z-index:10;} .header .inav_wrapper .nav_li .nav_down ul{text-align:left;} .header .inav_wrapper .nav_li .nav_down ul li{color:#555555; white-space:nowrap; text-align:center;} .header .inav_wrapper .nav_li .nav_down ul li a{display:block; font-size:0.16rem; line-height:0.3rem; padding:5px 0; position:relative; border-bottom:1px solid #f5f5f5;} .header .inav_wrapper .nav_li .nav_down ul li:last-child a{border-bottom:0;} .header .inav_wrapper .nav_li .nav_down ul li a:hover{color:#0267ae;} /* 产品下拉 */ .header .inav_wrapper .nav_li.pro_nav{position:static;} .header .inav_wrapper .nav_li .nav_down.pro_down{width:100vw; box-sizing:border-box; font-size:0; padding:0;} .header .inav_wrapper .nav_li .nav_down.pro_down::before{content:''; position:absolute; left:0; width:32%; top:0; height:100%; background:#f2f4f7; z-index:1;} .header .inav_wrapper .nav_li .nav_down.pro_down>div{display:inline-block; vertical-align:text-top;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_left{width:32%; position:relative; z-index:5; padding:0.2rem 0;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_left li{text-align:left;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_left li a{color:#000; /*font-weight:bold;*/ cursor:pointer; display:block; line-height:.8rem; padding:0; padding-left:25.2%;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_left li .t{line-height:.8rem;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_left li.cur{background:#0267ae;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_left li.cur a{color:#fff;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_center{width:34.5%; padding:.35rem 4.2%; padding-right:3%; box-sizing:border-box;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_center li{padding-bottom:.2rem; width:48%; margin-right:4%; display:inline-block;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_center li:nth-child(2n){margin-right:0;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_center li a{border-bottom:0; text-align:left;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_center li a>div{display:inline-block; vertical-align:middle;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_center li .iconfont{font-size:12px; font-weight:bold; margin:0; margin-right:.1rem; color:#a7a7a7;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_right{width:33.5%; position:relative; padding:.55rem 5.2% .9rem; padding-right:5.75%; box-sizing:border-box; text-align:left; background:#f2f4f7 url(../img/pro_down_right.png) no-repeat right bottom;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_right .title{font-size:.24rem; margin-bottom:.35rem; line-height:1;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_right .tel{margin-bottom:.35rem;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_right .tel span{min-width:1.4rem; padding-right:.1rem; display:inline-block;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_right .tel .item{margin-bottom:.2rem;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_right .tel .item:last-child{margin-bottom:0;} .header .inav_wrapper .nav_li .nav_down.pro_down .down_right .tel .item a{font-size:.2rem; color:#0267ae; /*font-weight:bold;*/ line-height:1;} /* 触控态 */ .header:hover{background:#ffffff; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.06);} .header:hover .h_logo .img02{display:block;} .header:hover .h_logo .img01{display:none;} .header:hover .inav_wrapper .nav_li .inav_a{color:#222;} .header:hover .inav_wrapper .nav_li .inav_a:hover{color:#0267ae;} .header:hover .h_tools .h_search i{color:#0267ae;} .header:hover .h_tools>div{color:#222;} .header:hover .h_tools>div:hover{color:#0267ae;} /* 吸顶态 */ .header.fixed{background:#ffffff; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.06);} .header.fixed .h_logo .img02{display:block;} .header.fixed .h_logo .img01{display:none;} .header.fixed .inav_wrapper .nav_li .inav_a{color:#222;} .header.fixed .inav_wrapper .nav_li .inav_a:hover{color:#0267ae;} .header.fixed .h_tools .h_search i{color:#0267ae;} .header.fixed .h_tools>div{color:#222;} .header.fixed .h_tools>div:hover{color:#0267ae;} /* 下层态 */ .header.xc_header{background:#ffffff; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.06);} .header.xc_header .h_logo .img02{display:block;} .header.xc_header .h_logo .img01{display:none;} .header.xc_header .inav_wrapper .nav_li .inav_a{color:#222;} .header.xc_header .inav_wrapper .nav_li .inav_a:hover{color:#0267ae;} .header.xc_header .h_tools .h_search i{color:#0267ae;} .header.xc_header .h_tools>div{color:#222;} .header.xc_header .h_tools>div:hover{color:#0267ae;} /* 手机端部分 */ .header .h_tools .mobile_key{display:none;} .mNav{display:none;} /* 底部 */ .pageFooter{background:#f5f5f7;} .f_top .content{padding:.4rem 0 .35rem; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #DCDCDE;} .f_top .content .gotop{cursor:pointer;} .f_cen{padding:.45rem 0 .55rem} .f_cen .content{display:flex; flex-wrap:wrap; justify-content:space-between;} .f_cen .content .left{width:26.5%;} .f_cen .content .left .tit a{color:#0267ae;} .f_cen .content .left form{background:#ebeff4; border-radius:.35rem; margin-top:.2rem; display:flex; align-items:center; justify-content:space-between;} .f_cen .content .left form .btns{background:#0267ae; line-height:.56rem; height:.56rem; width:1.12rem; border-radius:.35rem; text-align:center; font-size:.16rem; border:none; padding:0; outline:none; color:#fff;} .f_cen .content .left form .inp{width:calc(100% - 1.35rem); height:.56rem; line-height:.56rem; background:none; padding:0; border:none; text-indent:.2rem;} .f_cen .content .left .list{margin:.2rem 0 .32rem;} .f_cen .content .left .share {display:flex; align-items:center;} .f_cen .content .left .share .item{background:#EBEFF4; width:.55rem; height:.55rem; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:.12rem;} .f_cen .content .left .share .item i{font-size:.18rem; margin:0;} .f_cen .content .left .share .wechat{position:relative;} .f_cen .content .left .share .wechat .ewm{position:absolute; left:50%; transform:translateX(-50%) translateY(10px); top:100%; width:1.2rem; height:1.2rem; opacity:0; transition:.5s ease; pointer-events:none;} .f_cen .content .left .share .wechat:hover .ewm{opacity:1; transform:translateX(-50%) translateY(0px); pointer-events:all;} .f_cen .content .right{width:61.5%; display:flex; justify-content:space-between} .f_cen .content .right dt{font-size:.18rem; line-height:.3rem; color:#000; margin-bottom:.11rem;} .f_cen .content .right dd{font-size:.16rem; line-height:.3rem;} .f_bott {border-top:1px solid #E8E8EA; font-size:.16rem; line-height:.34rem; padding:.2rem 0;} .f_bott .content {display:flex; justify-content:space-between;} .f_bott .content .left a{display:inline-block; padding:0 .1rem;} .f_bott .content .right a{display:inline-block; padding:0 .05rem;} /* 公共部分 */ .channel_content{padding:.8rem 0; min-height:3rem;} /* banner的了解更多 */ .pwz {position:relative; overflow:hidden;} .pubmore{padding:0 .35rem; font-size:.16rem; display:flex; line-height:.5rem; border-radius:.5rem; width:1.9rem; align-items:center; justify-content:space-between; box-sizing:border-box; transition:all 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93); border:1px solid #0267ae} .pubmore span {display:inline-block; height:100%; vertical-align:top;} .pubmore .psvg {width:30px; height:30px; position:relative; overflow:hidden;} .pubmore svg{width:30px; height:30px; display:block;} /* 白色线框 */ .pubmore-fff{ border:1px solid #fff} .pubmore-fff .pwz1{color:#fff;} .pubmore-fff .pwz2{color:#fff;} .pubmore-fff .svg-fff{fill:#fff;} .pubmore-fff .svg-000{fill:#fff;} /* 蓝色线框 */ .pubmore-blue .pwz1{color:#0267ae;} .pubmore-blue .pwz2{color:#fff;} .pubmore-blue .svg-fff{fill:#0267ae;} .pubmore-blue .svg-000{fill:#fff;} /* 蓝色线框 end*/ .pubmore:hover {background:#0267ae; border-color:#0267ae;} .svg-1{position:relative; transform:translate(0, 0) rotateZ(-90deg); transition:transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;} .svg-2{opacity:0; transform:translate(-100%, 0); position:absolute; left:0; top:100%; transition:transform 0.3s, opacity 0.3s;} .pwz1{position:relative; transition:transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93);} .pwz2 {position:absolute; top:50%; left:0; transform:translateY(200%); opacity:0; transition:transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93);} .pubmore:hover .pwz1 {transform:translateY(-200%); opacity:0;} .pubmore:hover .pwz2 {transform:translateY(-50%); opacity:1;} .pubmore:hover .svg-1 {opacity:0; transform:translate(100%, -100%); transition:transform 0.3s, opacity 0.3s;} .pubmore:hover .svg-2 {opacity:1; transform:translate(0, -100%) rotateZ(-90deg); transition:transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;} /* 首页 */ /* .ibanner .pubmore-fff .pwz1{color:#fff;} .ibanner .pubmore-fff .svg-fff{fill:#fff;} .ibanner .pubmore{ border:1px solid #fff} */ .ibanner .swiper-slide.video video{display:block;} .ibanner .swiper-slide.video img{display:none;} .ibanner{position:relative; overflow:hidden;} .ibanner .swiper-container{height:calc(100vh - .9rem);} .ibanner .swiper-wrapper{align-items:stretch;} .ibanner .swiper-slide{height:auto;} .ibanner .swiper-slide .img_box{height:100%;} .ibanner .swiper-slide .img_box picture{height:100%;} .ibanner .swiper-slide img, .ibanner .swiper-slide video{width:100%; height:100%; object-fit:cover;} .ibanner .swiper-slide .words_box{position:absolute; top:45%; left:0; width:100%; transform:translateY(-50%);} .ibanner .swiper-slide .words_box .t{color:#fff; font-size:.6rem; line-height:1.1;} .ibanner .swiper-slide .words_box .c{color:#fff; font-size:.6rem; line-height:1.1; font-weight:bold; margin-top:.1rem;} .ibanner .swiper-slide .words_box .logo{width:6.35rem; margin-top:.5rem;} .ibanner .widgets{position:absolute; left:0; bottom:6.8%; width:100%; z-index:1} .ibanner .widgets .wrap{position:relative;} .ibanner .widgets .btn-area>*{vertical-align:middle; display:inline-block;} .ibanner .swiper-pagination{position:relative; margin:0 .3rem; font-size:0; width:4.6rem; height:2px; background:rgba(255, 255, 255, 0.3);} .ibanner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff;} .ibanner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill::after{content:''; position:absolute; right:0; width:2px; height:6px; background:#fff; margin-top:-2px;} .ibanner .btn-area .now{font-weight:900; font-size:15px; line-height:1; color:#ffffff; position:relative;} .ibanner .btn-area .all{font-weight:900; font-size:15px; line-height:1; color:#ffffff; position:relative;} .ibanner .widgets .bannerRight{position:absolute; bottom:0; right:0; z-index:20; cursor:pointer;} .ibanner .widgets .bannerRight .layer-btn .jump{animation:jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate} .ibanner .widgets .bannerRight .layer-btn .jump{background:url(../img/mouse.png) no-repeat center/contain; width:.2rem; height:.2rem;} .ibanner .widgets .bannerRight .layer-btn>svg{animation:jump_dot 1s cubic-bezier(.56,.01,.46,1) infinite alternate} @keyframes jump { 0% { transform: translateY(4px); } to { transform: translateY(-4px); } } @keyframes jump_dot { 0% { transform: translateY(1px); } to { transform: translateY(-3px); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes circleRotateReverse { 0% { -webkit-transform: rotate(1turn); transform: rotate(1turn);} to { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes circleRotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .ibanner .layer-btn {width:.8rem; height:.8rem; border-radius:50%; position:relative; cursor:pointer; pointer-events:auto; display:flex; flex-direction:column; align-items:center; justify-content:center} .ibanner .layer-btn .mask>svg{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;} .ibanner .layer-btn .mask {position:absolute; left:-.3rem; top:-.3rem; width: calc(100% + .6rem); pointer-events:none; height:calc(100% + .6rem); background-size:cover} .ibanner .layer-btn .mask>.lazy {position:absolute; display:block; top:0; left:0; bottom:0; right:0; margin:auto; width:100%; height:100%; background-size:cover; -webkit-animation-name:spin; animation-name:spin; -webkit-animation-duration:4s; animation-duration:4s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear} .ibanner .layer-btn .mask>svg{width:calc(100% - .55rem); height:calc(100% - .55rem)} .ibanner .layer-btn .mask>svg path{transform-origin:50% 50%} .ibanner .layer-btn .mask>svg .p1{animation:circleRotate 4s linear infinite} .ibanner .layer-btn .mask>svg .p2{animation:circleRotateReverse 4s linear infinite} .ibanner .layer-btn .mask>svg.cm{opacity:1; transition:opacity .5s} .ibanner .layer-btn .mask>svg.cr{opacity:0; transition:opacity .5s} .ibanner .layer-btn .mask.noArrow:after{opacity:0} .ibanner .layer-btn i{color:#fff} .ibanner .layer-btn>svg{width:8px; display:block; margin-top:5px} .ibanner .layer-btn:hover .mask>svg.cm{opacity:0} .ibanner .layer-btn:hover .mask>svg.cr{opacity:1} .ipart .infor .en_tit{font-weight:bold; text-transform:uppercase;} .ipart .infor .tit span{color:#0267ae; font-weight:bold;} .ipart01{padding:.8rem 0; background:url(../img/ipart01_1.jpg) no-repeat center/cover;} .ipart01 .content{margin-top:.5rem;} .ipart01 .content .hd {position:relative;} .ipart01 .content .hd .arrs{display:none;} .ipart01 .content .hd .swiper-wrapper{display:flex; justify-content:space-between;} .ipart01 .content .hd .item{width:14%; display:flex; justify-content:center; cursor:pointer; flex-wrap:wrap;} .ipart01 .content .hd .item .icon{width:.6rem; height:.6rem; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;} .ipart01 .content .hd .item .icon img{width:.4rem; } .ipart01 .content .hd .item .icon .img2{display:none;} .ipart01 .content .hd .item .text{width:100%; text-align:center; margin-top:.1rem;;} .ipart01 .content .hd .item.cur .icon{background:#0267ae;} .ipart01 .content .hd .item.cur .icon .img1{display:none;} .ipart01 .content .hd .item.cur .icon .img2{display:block;} .ipart01 .content .bd{display:flex; justify-content:space-between; margin-top:.6rem;} .ipart01 .content .bd .left{width:39%; padding-bottom:2rem; padding-top:.7rem;} .ipart01 .content .bd .left .tit{font-weight:bold;} .ipart01 .content .bd .left .con{margin:.26rem 0 .4rem;} .ipart01 .content .bd .right{padding-right:12.5%; width:28.5%;} .ipart02{padding:.7rem 0;} .ipart02 .content{margin-top:.45rem;} .ipart02 .content{position: relative;} .ipart02 .content .rect-308{padding-bottom:308%;} .ipart02 .content .rect-735{padding-bottom:73.5%;} /* .ipart02 .content .wrap{width:92.7%;} */ .ipart02 .content .item{position:relative; float:left; width:11.6%; height: 100%; margin-left:1.11%; transition:all .6s ease; overflow:hidden; border-radius:.15rem;} .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;font-size: 0.24rem;margin-top: 0.24rem;} .ipart02 .content .item .txt_cover .con{color: #fff; margin-top:0.08rem; display: none;} .ipart02 .content .item .txt_full{position:absolute; bottom:0.12rem; left:0.6rem; right:0.36rem; width: 5.6rem; opacity:0; } .ipart02 .content .item .txt_full .tit{margin-top: 0.24rem; font-size: 0.36rem; color: #fff;} .ipart02 .content .item .txt_full .con{margin-top: 0.16rem; color: #fff;} .ipart02 .content .item .txt_full .txt{ margin-top: 0.04rem; color: #fff;} .ipart02 .content .item.on{width:49.125%; 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:0.6rem; transition:all .8s ease;} .ipart03{background:url(../img/ipart03_1.jpg) no-repeat center/cover; padding:1.4rem 0 .6rem;} .ipart03 .infor{width:49%;} .ipart03 .infor .en_tit{color:#fff;} .ipart03 .infor .tit{color:#fff;} .ipart03 .infor .tit span{display:block; color:#fff;} .ipart03 .infor .con{margin:.25rem 0 .5rem; color:#fff;} .ipart03 .content{margin-top:1.3rem;} .ipart03 .content ul{display:flex; justify-content:space-between;} .ipart03 .content li{color:#fff; text-align:center;} .ipart03 .content li .num{font-size:.4rem; line-height:1.1; font-weight:bold;} .ipart03 .content li .txt{font-size:.16rem; line-height:.3rem; margin-top:.17rem;} .ipart04{padding:.8rem 0; background:#f8f8f8;} .ipart04 .infor{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;} .ipart04 .content{margin-top:.5rem; display:flex;} .ipart04 .content .rect-6537{padding-bottom:65.37%; border-radius:.2rem;} .ipart04 .content .item{width:32%; border-radius:.2rem; padding:.25rem .25rem .35rem; background:#fff; box-sizing:border-box; margin-right:2%;} .ipart04 .content .item{display:block;} .ipart04 .content .item .info_{padding-top:.16rem; color:#000; transition:.5s ease;} .ipart04 .content .item .info_ .tit{margin:2px 0; display:block;} .ipart04 .content .item .info_ .date i{margin-left:0;} .ipart04 .content .item .info_ .con{height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .ipart04 .content .item .info_ .link{margin-top:.23rem;} .ipart04 .content .item .info_ .link a{margin-right:.1rem; display:inline-block; padding:0 .22rem; line-height:.35rem; border-radius:.3rem; border:1px solid #B9B9B9} .ipart04 .content .item .info_ .link a:hover{background:#0267ae; color:#fff;} .ipart04 .content .right .box{overflow-y:auto; height:5.05rem; padding-right:.3rem;} .ipart04 .content .right .box::-webkit-scrollbar {width:4px; height:4px;} .ipart04 .content .right .box::-webkit-scrollbar-thumb {border-radius:5px; background:#0267ae;} .ipart04 .content .right .box::-webkit-scrollbar-track {border-radius:5px; background:#C5C5C5;} .ipart04 .content .right .box a{display:block; margin-bottom:.3rem; color:#000;} .ipart04 .content .right .box a .t{height:.72rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;;} .ipart04 .content .right .box a:last-child{margin-bottom:0;} .ipart04 .content .right .box a:hover{color:#0267ae;} .ipart04 .content .item img{transition:all 0.5s ease;} .ipart04 .content .item:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .ipart04 .content .item:hover .info_{color:#0267ae;} .ipart05{overflow:hidden; padding-top:.4rem; background:#fff;} .ipart05 .content{padding-top:1px;} .ipart05 .words{position:absolute; width:100%; z-index:20; top:.8rem; left:0; text-align:center;} .ipart05 .words .cont{width:53%; margin:0 auto;} .ipart05 .words .title{margin-bottom:.1rem;} .ipart05 .words .con{color:#333333; margin-bottom:.5rem; margin-top:.1rem;} .ipart05 .words .layer_more{margin:0 auto;} .ipart05 .top_cloud{width:100%; position:absolute; top:-23%; left:0; z-index:10; pointer-events:none;} .ipart05 .top_cloud img{width:100%;} .ipart05 .bott{position:relative; background:#fff;} .ipart05 .bott .img_base{position:relative; z-index:30; pointer-events:none; margin-bottom:-1rem; transform:translateY(-0.2rem)} .ipart05 .bott img{width:100%;} .ipart05 .bott .layer_more .cir>img{width:auto;} .ipart05 .bott .cloud_left{position:absolute; top:1.23rem; left:0; z-index:10; width:3.72rem; transform:translateY(1.2rem); z-index:33;} .ipart05 .bott .cloud_right{position:absolute; top:2.5rem; right:.7rem; width:3.72rem; z-index:10; transform:translateY(1.5rem); z-index:33;} .ipart05 .bott .bott_img{position:absolute; top:5.7%; left:0; transform:translateY(1.2rem)} .ipart05 .bott .name_img{position:absolute; top:25%; left:50%; margin-left:-4.17rem; width:8.33rem; transform:translateY(2.4rem)} .ipart05 .svg_box1{position:absolute; left:60%; top:0; width:4.3rem; height:100%; z-index:10; height:5.2rem;} .ipart05 .m_top_cloud{display:none;} .ipart05 .pubmore{margin:0 auto;} /* 下层banner */ .xc_pageHeader{height:.88rem;} .xc_banner{position:relative;} .xc_banner .intro{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:3;} .xc_banner .intro .box{width:32.5%;} .xc_banner .intro .tit{color:#fff; font-weight:bold;} .xc_banner .intro .con{color:#fff; margin-top:.25rem;} /* 面包屑 */ .xc_banner .crumbs{position:absolute; bottom:.25rem; left:0; width:100%; color:#fff; z-index:3;} .xc_banner .crumbs .inner>*{line-height:.3rem; font-weight:normal; display:inline-block; color:#fff; vertical-align:middle;} .xc_banner .crumbs .inner a:hover{color:rgba(255,255,255,.7);} /* 二级导航 */ .xc_nav{padding:.1rem 0; border-bottom:1px solid #E5E5E5;} .xc_nav .inner ul{display:flex; justify-content:center; flex-wrap:wrap;} .xc_nav .inner li{line-height:.4rem; font-size:.18rem;} .xc_nav .inner li a{display:block; padding:0 .25rem;} .xc_nav .inner li.cur{color:#0267ae;} /* 产品中心 */ .pro_banner{position:relative;} .pro_banner img{width:100%; height:100%; object-fit:cover;} .pro_banner .btns_box .btns{cursor:pointer; width:.25rem; height:.5rem; z-index:4 ; position:absolute; top:50%; transform:translateY(-50%);} .pro_banner .btns_box .btns.prev{left:.15rem; background:url(../img/left_jt_white.png) no-repeat center/cover;} .pro_banner .btns_box .btns.next{right:.15rem; background:url(../img/right_jt_white.png) no-repeat center/cover;} .pro_center.channel_content{padding-top:0;} .pro_center01 .left{width:19%; float:left; box-sizing:border-box; padding-bottom:.2rem;} .pro_center01 .left .t_box{padding-top:.65rem; padding-bottom:.25rem; border-bottom:1px solid #e5e5e5;} .pro_center01 .left .t_box .t_cn{color:#0267ae; font-size:.36rem; line-height:1; font-weight:bold; margin-bottom:.1rem;} .pro_center01 .left .t_box .t_en{color:#0267ae; font-size:.18rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-transform:uppercase; font-weight:bold;} .pro_center01 .left .content::-webkit-scrollbar {width:2px; height:4px;} .pro_center01 .left .content::-webkit-scrollbar-thumb {border-radius:0; background:#0267ae;} .pro_center01 .left .content::-webkit-scrollbar-track {border-radius:0; background:#edeef0;} .pro_center01 .left .content{position:relative; max-height:calc(100vh - 2.3rem); overflow-y:auto; transition:marginTop 0.5s ease;} .pro_center01 .left .item{position:relative;}/* padding-bottom:25px; */ /* 小手手的出现位置 字加icon还是全行*/ .pro_center01 .left .item div{position:relative; display:block; font-size:.2rem; line-height:.66rem; color:#111; font-weight:bold; transition:0.5s ease; border-bottom:1px solid #e5e5e5; cursor:pointer; line-height:1.5; padding:.2rem 0;} .pro_center01 .left .item div span{display:block; padding-right:.4rem; box-sizing:border-box;} .pro_center01 .left .item div .icon{cursor:pointer; width:14px; height:14px; position:absolute; right:.2rem; top:.3rem;} .pro_center01 .left .item div .icon:after, .pro_center01 .left .item div .icon:before {content:''; background:#686868; width:14px; height:2px; display:block; position:absolute; top:0; bottom:0; right:0; margin:auto;} .pro_center01 .left .item div .icon:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} .pro_center01 .left .item div .icon:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;} .pro_center01 .left .item.cur div{color:#0267ae;} .pro_center01 .left .item.cur div .icon:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#0267ae;} .pro_center01 .left .item.cur div .icon:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; background:#fff;} .pro_center01 .left .item ul{display:none; padding:.24rem .4rem; background-color:#f9f9f9;} .pro_center01 .left .item ul li{font-size:.16rem; line-height:.2rem; color:#464646; position:relative; margin-bottom:5px; transition:0.5s ease; padding:.1rem 0;} .pro_center01 .left .item ul li .circle{display:inline-block; width:28px; height:28px; border-radius:50px; color:#fff; line-height:28px; text-align:center; background:#99B5D7; position:absolute; top:50%; margin-top:-14px; right:27px;} .pro_center01 .left .item ul li.cur{color:#0267ae;} .pro_center01 .left .item ul li span{cursor:pointer;} .pro_center01 .left .item.no_link ul{padding:0;} .pro_center01 .left .item.no_link .icon{display:none;} .pro_center01 .right{width:80%; float:right;} .pro_center01 .right .infor{padding:.6rem .7rem; position:relative;} .pro_center01 .right .infor:after{content:''; width:1600px; height:100%; background:url(../img/pro_center01_1.jpg) no-repeat center/cover; position:absolute; left:0; top:0; z-index:-1;} /* .pro_center01 .right .infor .box{padding-left:.9rem;} */ .pro_center01 .right .infor .box .tit{color:#000; font-weight:bold; margin-bottom:.13rem;} .pro_center01 .right .infor .box .con{margin-bottom:.3rem;} .pro_center01 .right .infor .box .lunbo {padding:.1rem .1rem 0; overflow:hidden;} .pro_center01 .right .infor .box .lunbo .swiper-slide{ box-shadow: 0px 4px 3.92px 0.08px rgba(0, 0, 0, 0.07); background:#fff; border-radius:.1rem; transition:.5s ease; position:relative} .pro_center01 .right .infor .box .lunbo .swiper-slide:after{content:''; width:1.62rem; height:2.63rem; background:url(../img/pro_center01_3.png) no-repeat center/cover; position:absolute; right:0; bottom:0; pointer-events:none; transition:.5s ease; opacity:0;} .pro_center01 .right .infor .box .lunbo .inner{padding:.34rem .64rem .64rem .34rem;} .pro_center01 .right .infor .box .lunbo .inner .icon .img2{display:none;} .pro_center01 .right .infor .box .lunbo .inner .t{margin:8px 0 6px;} .pro_center01 .right .infor .box .lunbo .inner .c{transition:.3s ease;} .pro_center01 .right .infor .box .lunbo .swiper-slide:hover{background:#0066ad; color:#fff;} .pro_center01 .right .infor .box .lunbo .swiper-slide:hover .icon .img1{display:none;} .pro_center01 .right .infor .box .lunbo .swiper-slide:hover .icon .img2{display:block;} .pro_center01 .right .infor .box .lunbo .swiper-slide:hover .c{color:#fff;} .pro_center01 .right .infor .box .lunbo .swiper-slide:hover:after{opacity:1;} .pro_center01 .right .infor .box .lunbo .swiper-pagination{position:static; text-align:center; width:100%; margin-top:.25rem;} .pro_center01 .right .infor .box .lunbo .swiper-pagination .swiper-pagination-bullet{opacity:1; width:11px; height:11px; background:#A8C7DF; border-radius:50%; margin:0 4px; cursor:pointer; transition:.5s ease;} .pro_center01 .right .infor .box .lunbo .swiper-pagination .swiper-pagination-bullet-active{background:#0267ae;} .pro_center01 .right ul{padding-left:.9rem; margin-top:.65rem;} .pro_center01 .right .item{float:left; box-sizing:border-box; width:31.2%; margin-right:3.2%; margin-bottom:.3rem; border:1px solid #d9d9d9; border-radius:.15rem; transition:all 0.3s ease; position:relative;} .pro_center01 .right .item:after {content:''; width:0%; height:6px; background:linear-gradient(to right, #0267ae,#0267ae); position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .pro_center01 .right .item:hover:after {width:100%;} .pro_center01 .right .item:nth-child(3n){margin-right:0;} .pro_center01 .right .item .item_box{position:relative;box-sizing:border-box; padding:.6rem .25rem .4rem; transition:all 0.5s ease; overflow:hidden;} .pro_center01 .right .item .img_box{height:2rem; text-align:center; margin-bottom:.1rem;} .pro_center01 .right .item .img_box img{max-height:100%; } .pro_center01 .right .item .intro_box{text-align:center; margin-bottom:.3rem;} .pro_center01 .right .item .intro_box .tit{color:#2c343b;} /* .pro_center01 .right .item .ibott .box1{display:block; opacity:1; visibility:visible;} .pro_center01 .right .item .ibott .box1 table{width:100%; color:#000; display:block;} .pro_center01 .right .item .ibott .box1 tbody{display:block; height:.8rem; overflow:hidden;} .pro_center01 .right .item .ibott .box1 table td{padding:0 .2rem; line-height:.4rem; box-sizing:border-box; max-width:50%; } .pro_center01 .right .item .ibott .box1 table td:first-child{padding-right:0.1rem;} .pro_center01 .right .item .ibott .box1 table td:last-child{padding-left:0.1rem;} .pro_center01 .right .item .ibott .box1 table tr{display:flex; justify-content:space-between;} .pro_center01 .right .item .ibott .box1 table tr:first-child{background:#fafafa;} */ .pro_center01 .right .item .ibott .box2{position:absolute; bottom:.4rem; left:.4rem; right:.4rem; transition:all .3s ease; position:static;} .pro_center01 .right .item .ibott .box2 .btns{display:block; width:calc(100% - .3rem); background:#0267ae; border-radius:.05rem; line-height:.47rem; text-align:center; color:#fff; font-size:.16rem;; margin:0 auto;} .pro_center01 .right .item .ibott .box2 .links{font-size:0; text-align:center; margin-top:.15rem;} .pro_center01 .right .item .ibott .box2 .links a{position:relative; padding:0 .08rem;} .pro_center01 .right .item .ibott .box2 .links a::after{content:''; position:absolute; right:0; top:50%; height:.12rem; margin-top:-0.06rem; background:#333; border-left:1px solid #333;} .pro_center01 .right .item .ibott .box2 .links a:first-child{padding-left:0;} .pro_center01 .right .item .ibott .box2 .links a:last-child{padding-right:0;} .pro_center01 .right .item .ibott .box2 .links a:last-child::after{display:none;} .pro_center01 .right .item:hover{box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23);} .pro_center01 .right .item:hover .ibott .box1{opacity:0; visibility:hidden;} .pro_center01 .right .item:hover .ibott .box2{transform:translateY(0); opacity:1; visibility:visible;} .pro_center01 .right .item:hover .intro_box .tit{color:#0267ae;} .pro_center01 .right .item.ispart .item_box{padding:.4rem .25rem;} .pro_center01 .right .item.ispart .ibott{display:none;} .pro_center01 .right .item.ispart .intro_box{margin-bottom:0;} /* 分页 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:#0267ae; border-color:#0267ae;} .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:#0267ae; border-color:#0267ae;} .widgets_common_pages_4 .goprev{width:.36rem; height:.36rem; background:url(../img/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(../img/widgets_common_pages_4_3.jpg) no-repeat center; background-size:cover;} .widgets_common_pages_4 .gonext{width:.36rem; height:.36rem; background:url(../img/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(../img/widgets_common_pages_4_4.jpg) no-repeat center; background-size:cover;} /* 分页 end*/ /* 产品详细 */ .detail_pageHeader .header{position:absolute;} .channel_content.pro_detail{padding:0;} .pro_detail01{padding:.4rem 0 1rem; background:url(../img/pro_detail01_bg.jpg) no-repeat center/cover;} .pro_detail01 .crumbs{color:#555; margin-bottom:1rem;} .pro_detail01 .crumbs .inner>*{line-height:.3rem; font-weight:normal; display:inline-block; color:#555; vertical-align:middle;} .pro_detail01 .content{display:flex; align-items:center; justify-content:space-between;} .pro_detail01 .left{width:35.6%; flex-shrink:0; mix-blend-mode:darken;} .pro_detail01 .right{width:37.5%; margin-right:4.1%;} .pro_detail01 .right .top{padding-bottom:.15rem; border-bottom:1px solid #d9e3ed; margin-bottom:.2rem;} .pro_detail01 .right .top .name{max-height:.96rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:.48rem; font-weight:bold; color:#0267ae;} .pro_detail01 .right .top .tips{margin-top:.45rem; font-size:0;} .pro_detail01 .right .top .tips .item{display:inline-block; margin-right:15%; margin-bottom:.1rem; color:#000;} .pro_detail01 .right .top .tips .item span{display:inline-block; } .pro_detail01 .right .top .tips .item .t{font-weight:bold;} .pro_detail01 .right .center{margin-bottom:.5rem; color:#000;} .pro_detail01 .right .center .tips2{color:#000;} .pro_detail01 .right .center .t{font-weight:bold; margin-right:.05rem;} .pro_detail01 .right .bott .btns{display:flex;} .pro_detail01 .right .bott .btns a:first-child{margin-right:.4rem;} .pro_detail02 .hd{height:.9rem; transition:all .4s ease; background:linear-gradient(to right, #0066ad, #71ccfd); position:relative;} .pro_detail02 .hd .box{padding:.2rem 0; font-size:0; text-align:center;} .pro_detail02 .hd .name{float:left; font-size:.25rem; line-height:.3rem; font-weight:bold; color:#fff; margin-top:.11rem; text-align:left; max-width:35%;} .pro_detail02 .hd .right{float:right; opacity:0; visibility:hidden;}/**/ .pro_detail02 .hd .right .btns{display:flex;} .pro_detail02 .hd .right .btns a:first-child{margin-right:.2rem;} .pro_detail02 .hd .right .btns a.pubmore{line-height:.46rem; padding:0 .25rem; width:170px;} .pro_detail02 .hd .center{display:inline-block; font-size:.16rem; line-height:.46rem; color:#fff; } .pro_detail02 .hd .center li{float:left; margin-right:.65rem; position:relative; cursor:pointer;} .pro_detail02 .hd .center li::before{display:block; content:attr(title); font-weight:bold; visibility:hidden; height:1px; color:transparent; margin-bottom:-1px; overflow:hidden;} .pro_detail02 .hd .center li::after{content:''; position:absolute; left:0; width:0; bottom:0; height:2px; background:#fff; transition:all .3s ease;} .pro_detail02 .hd .center li:last-child{margin-right:0;} .pro_detail02 .hd .center li:hover::after{width:100%;} .pro_detail02 .hd .box.fixed{top:0; left:0; width:100%; position:fixed; z-index:22; background:linear-gradient(to right, #003c82, #00b9f0);} .pro_detail02 .hd .box.fixed .right{opacity:1; visibility:visible;} .pro_detail02 .hd .box.fixed li.active{font-weight:bold;} .pro_detail02 .hd .box.fixed li.active::after{width:100%;} .pro_detail02 .bd .section1{background:#eef0f7; padding:1rem 0;} .pro_detail02 .bd .section1 .bg{border-radius:.2rem; overflow:hidden; opacity:0;} .pro_detail02 .bd .section1 .words_cover{width:96.5%; margin:0 auto; opacity:0; background:rgba(255, 255, 255, 0.8); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); padding:.65rem 4.8% .5rem; box-sizing:border-box; border-radius:.2rem; margin-top:-1.2rem;} .pro_detail02 .bd .section1 .words_cover .box{display:flex; align-items:flex-start; justify-content:space-between;} .pro_detail02 .bd .section1 .words_cover .box .en{font-family:Arial, Helvetica, sans-serif; font-size:.16rem; line-height:.24rem; text-transform:uppercase; color:#002fa7; font-weight:bold; display:flex; align-items:center;} .pro_detail02 .bd .section1 .words_cover .box .en span{display:inline-block; vertical-align:middle; width:.5rem; height:2px; background:#003c82; margin-left:.2rem;} .pro_detail02 .bd .section1 .words_cover .box .tit{font-weight:bold;} .pro_detail02 .bd .section1 .words_cover .box .con{max-width:65%; color:#000;} .pro_detail02 .bd .section1 .bg.show{animation:1s aniStyle2 0.3s; animation-fill-mode:forwards;} .pro_detail02 .bd .section1 .words_cover.show{animation:1s aniStyle2 0.3s; animation-fill-mode:forwards;} @keyframes aniStyle2 { 0% { opacity: 0; transform: translate3d(0, 40px, 0) } 100% { opacity: 1; transform: translate3d(0, 0px, 0) } } .pro_detail02 .bd .section2{background:url(../img/pro_detail02_02_bg.jpg) no-repeat center/cover; padding:1rem 0 .3rem; text-align:center; font-size:0;} .pro_detail02 .bd .section2 .title{color:#fff; margin-bottom:.7rem; font-weight:bold;} .pro_detail02 .bd .section2 ul{display:flex; align-items:stretch; flex-wrap:wrap;} .pro_detail02 .bd .section2 li{width:25%; padding:0 3.5%; box-sizing:border-box; min-height:1.6rem; margin-bottom:.6rem; position:relative;} .pro_detail02 .bd .section2 li::after, .pro_detail02 .bd .section2 li::before{content:''; position:absolute; top:0; height:100%; width:1px; background:rgba(255, 255, 255, 0.3); left:0;} .pro_detail02 .bd .section2 li::after{left:auto; right:0;} .pro_detail02 .bd .section2 li .num{font-size:.6rem; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; line-height:1; margin-bottom:.3rem; color:rgba(255, 255, 255, 0.5);} .pro_detail02 .bd .section2 li .t{font-size:.16rem; line-height:.28rem; color:#fff;} .pro_detail02 .bd .section3{padding:.8rem 0 0;} .pro_detail02 .bd .section3 .title{color:#000; font-weight:bold; text-align:center;} .pro_detail02 .bd .section3 .content{margin-top:.3rem;} .pro_detail02 .bd .section4{padding:.8rem 0;} .pro_detail02 .bd .section4 .title{color:#000; font-weight:bold; text-align:center;} .pro_detail02 .bd .section4 .content{margin-top:.3rem; position:relative;} .pro_detail02 .bd .section4 .content img{border-radius:.1rem;} .pro_detail02 .bd .section4 .content .info{position:absolute; top:50%; transform:translateY(-50%); width:29%; left:.75rem; } .pro_detail02 .bd .section4 .content .info .tit{font-weight:bold; color:#fff;} .pro_detail02 .bd .section4 .content .info .con{color:#fff; margin:.16rem 0 .4rem;} .section5{padding:.8rem 0; background:#f5f9fd;} .section5 .title{color:#000; font-weight:bold; text-align:center;} .section5 .content{display:flex; align-items:stretch; background:#f3f3f3; margin-top:.3rem; border-radius:.2rem; overflow:hidden;} .section5 .content .left{width:47%; padding:1.3rem 4% .3rem; box-sizing:border-box;} .section5 .content .left .t{color:#000;} .section5 .content .left .c{color:#000; line-height:.3rem; margin-top:.25rem; height:1.2rem; overflow-y:auto;} .section5 .left .btns_box{margin-top:.4rem;} .section5 .left .btns_box>div{width:.72rem; height:.72rem;margin:0; margin-right:.12rem; position:static; display:inline-block; vertical-align:middle; outline:none; transition:.4s ease;} .section5 .left .swiper-button-prev{background:url(../img/jt1.png) no-repeat center/cover;} .section5 .left .swiper-button-next{background:url(../img/jt2.png) no-repeat center/cover;} .section5 .left .swiper-button-prev:hover{background:url(../img/jt1_on.png) no-repeat center/cover;} .section5 .left .swiper-button-next:hover{background:url(../img/jt2_on.png) no-repeat center/cover;} .section5 .content .right{width:53%;} .section5 .content .right .rect-714{padding-bottom:71.4%;} .section5 .content .right .swiper-container{height:100%;} .section5 .content .right .swiper-slide{height:100%;} .section5 .content .right .swiper-slide img{width:100%; height:100%; object-fit:cover;} .section5 .content .right .swiper-pagination{bottom:6.4%; font-size:0;} .section5 .content .right .swiper-pagination .swiper-pagination-bullet{width:12px; height:12px; margin:0 7px; background:#fff; opacity:1;} .section5 .content .right .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0267ae;} .section6{padding:.8rem 0; } .section6 .title{color:#000; font-weight:bold; text-align:center;} .section6 .content{margin-top:.3rem; position:relative;} .section6 .content .swiper-slide{padding:.1rem; box-sizing:border-box;} .section6 .content .item{ box-sizing:border-box; border:1px solid #d9d9d9; border-radius:.15rem; transition:all 0.3s ease; position:relative;} .section6 .content .item:after {content:''; width:0%; height:6px; background:linear-gradient(to right, #0267ae,#0267ae); position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .section6 .content .item:hover:after {width:100%;} .section6 .content .item:nth-child(3n){margin-right:0;} .section6 .content .item .item_box{position:relative;box-sizing:border-box; padding:.6rem .25rem .4rem; transition:all 0.5s ease; overflow:hidden;} .section6 .content .item .img_box{height:2rem; text-align:center; margin-bottom:.1rem;} .section6 .content .item .img_box img{max-height:100%; } .section6 .content .item .intro_box{text-align:center; margin-bottom:.3rem;} .section6 .content .item .intro_box .tit{color:#2c343b;} /* .section6 .content .item .ibott .box1{display:block; opacity:1; visibility:visible;} .section6 .content .item .ibott .box1 table{width:100%; color:#000; display:block;} .section6 .content .item .ibott .box1 tbody{display:block; height:.8rem; overflow:hidden;} .section6 .content .item .ibott .box1 table td{padding:0 .2rem; line-height:.4rem; box-sizing:border-box; max-width:50%; } .section6 .content .item .ibott .box1 table td:first-child{padding-right:0.1rem;} .section6 .content .item .ibott .box1 table td:last-child{padding-left:0.1rem;} .section6 .content .item .ibott .box1 table tr{display:flex; justify-content:space-between;} .section6 .content .item .ibott .box1 table tr:first-child{background:#fafafa;} */ .section6 .content .item .ibott .box2{position:absolute; bottom:.4rem; left:.4rem; right:.4rem; transition:all .3s ease; position:static;} .section6 .content .item .ibott .box2 .btns{display:block; width:calc(100% - .3rem); background:#0267ae; border-radius:.05rem; line-height:.47rem; text-align:center; color:#fff; font-size:.16rem;; margin:0 auto;} .section6 .content .item .ibott .box2 .links{font-size:0; text-align:center; margin-top:.15rem;} .section6 .content .item .ibott .box2 .links a{position:relative; padding:0 .08rem;} .section6 .content .item .ibott .box2 .links a::after{content:''; position:absolute; right:0; top:50%; height:.12rem; margin-top:-0.06rem; background:#333; border-left:1px solid #333;} .section6 .content .item .ibott .box2 .links a:first-child{padding-left:0;} .section6 .content .item .ibott .box2 .links a:last-child{padding-right:0;} .section6 .content .item .ibott .box2 .links a:last-child::after{display:none;} .section6 .content .item:hover{box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23);} .section6 .content .item:hover .ibott .box1{opacity:0; visibility:hidden;} .section6 .content .item:hover .ibott .box2{transform:translateY(0); opacity:1; visibility:visible;} .section6 .content .item:hover .intro_box .tit{color:#0267ae;} .section6 .content .btns_box .btns{cursor:pointer; width:.25rem; height:.5rem; z-index:6 ; position:absolute; top:50%; transform:translateY(-50%);} .section6 .content .btns_box .btns.swiper-button-disabled{opacity:.3; cursor:not-allowed;} .section6 .content .btns_box .btns.prev{left:-.8rem; background:url(../img/left_jt_gray.png) no-repeat center/cover;} .section6 .content .btns_box .btns.next{right:-.8rem; background:url(../img/right_jt_gray.png) no-repeat center/cover;} .section6 .content .btns_box .btns.prev:hover{background:url(../img/left_jt_blue.png) no-repeat center/cover;}:hover .section6 .content .btns_box .btns.next:hover{background:url(../img/right_jt_blue.png) no-repeat center/cover;} .section6 .content .swiper-pagination{position:static; width:100%; text-align:center; margin-top:.3rem;} .section6 .content .swiper-pagination .swiper-pagination-bullet{width:14px; height:14px; background:#e5e5e5; cursor:pointer; margin:0 5px; opacity:1;} .section6 .content .swiper-pagination .swiper-pagination-bullet-active{background:#0267ae;} /* 解决方案 */ .solu_banner .crumbs{top:.4rem; bottom:inherit;} .solu_nav{margin-top:-.9rem;} .solu_nav ul{display:flex; justify-content:space-between;} .solu_nav li{float:left; text-align:center; font-size:.2rem; transition:.5s ease; border-radius:10px; overflow:hidden; position:relative;} .solu_nav li:after{content:''; width:1.34rem; height:1.75rem; background:url(../img/solu_logo.png) no-repeat center/cover; position:absolute; right:0; bottom:0; opacity:0; visibility:hidden; transition:.5s ease; pointer-events:none;} .solu_nav li a{display:inline-block; padding:.3rem .5rem .14rem;} .solu_nav li span{display:block; position:relative; z-index:2; margin-bottom:.4rem; color:#fff;} .solu_nav li i{display:block; position:relative; z-index:2; color:#fff;} .solu_nav li.cur{background:#0267ae;} .solu_nav li.cur:after{opacity:1; visibility:visible;} .solu_nav li.cur i{color:#fff!important} .solu_nav li:hover i{animation: flip 1s ease both; color:#0267ae;} .solu01 .content{position:relative; border-radius:.15rem; overflow:hidden;} .solu01 .content .info{position:absolute; top:50%; transform:translateY(-50%); left:.7rem; width:31%; box-sizing:border-box; } .solu01 .content .info .tit{color:#fff; font-weight:bold;} .solu01 .content .info .con{margin-top:.1rem; color:#fff; margin:.1rem 0 .45rem; max-height:1.8rem; overflow-y:auto;} .solu01 .content .info .con::-webkit-scrollbar {width:4px; height:4px;} .solu01 .content .info .con::-webkit-scrollbar-thumb {border-radius:0; background:#f6f5f5;} .solu01 .content .info .con::-webkit-scrollbar-track {border-radius:0; background:transparent;} .solu02{padding-top:.7rem;} .solu02 .content{position:relative;} .solu02 .content .rect-606{padding-bottom:60.6%;} .solu02 .content .swiper-wrapper{display:flex; flex-wrap:wrap; justify-content:flex-start;} .solu02 .content .swiper-slide{width:31.8%; margin-right:2.25%; border-radius:10px; overflow:hidden; margin-bottom:.4rem;} .solu02 .content .swiper-slide:nth-child(3n){margin-right:0;} .solu02 .content .swiper-slide .info{padding:.55rem 0.5rem .4rem; background:#f5f5f7;} .solu02 .content .swiper-slide .info .tit{font-weight:bold; color:#000;} .solu02 .content .swiper-slide .info .con{height:.9rem;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:.14rem 0 .5rem;} .solu02 .content .swiper-slide .info .icon{width:.54rem; height:.54rem; background:url(../img/jt2.png) no-repeat center/cover; transition:.5s ease; border-radius:50%;} .solu02 .content .swiper-slide:hover .info .icon{background:url(../img/jt2_on.png) no-repeat center/cover;} .solu02 .content .swiper-slide img{transition:all 0.5s ease;} .solu02 .content .swiper-slide:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* 解决方案详细 */ .solu_detail.channel_content{padding:0;} .solu_detail01{padding:.6rem 0 0;} .solu_detail01 .crumbs{color:#555; margin-bottom:.6rem;} .solu_detail01 .crumbs .inner>*{line-height:.3rem; font-weight:normal; display:inline-block; color:#555; vertical-align:middle;} .solu_detail01 .content{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;} .solu_detail01 .content .left{width:47.5%; border-radius:.15rem; overflow:hidden;} .solu_detail01 .content .right{width:45%;} .solu_detail01 .content .right .tit{font-weight:bold;} .solu_detail01 .content .right .con{margin:.25rem 0 .3rem;} .solu_detail02{padding:.8rem 0;} .solu_detail02 .infor .tit{font-weight:bold; text-align:center;} .solu_detail02 .content{margin-top:.3rem; background:#dfe5ef; border-radius:.2rem; padding:.5rem; text-align:center;} .solu_detail03{background:url(../img/solu_detail03_1.jpg) no-repeat center/cover; padding:.8rem 0 .6rem;} .solu_detail03 .infor .tit{font-weight:bold; text-align:center; color:#fff;} .solu_detail03 .content{margin-top:.3rem} .solu_detail03 .content .swiper-slide .box{padding:.5rem .7rem .2rem .3rem; background:rgba(255,255,255,.3); border-radius:.2rem; border:1px solid #fff} .solu_detail03 .content .swiper-slide .icon{transition:.5s ease; width:.52rem;} .solu_detail03 .content .swiper-slide:hover .icon{transform:rotateY(180deg);} .solu_detail03 .content .swiper-slide .box .text{color:#fff; margin-top:.35rem; height:.9rem;} .solu_detail03 .content .swiper-pagination{position:static; width:100%; text-align:center; margin-top:.4rem;} .solu_detail03 .content .swiper-pagination .swiper-pagination-bullet{width:14px; height:14px; background:rgba(255,255,255,.5); cursor:pointer; margin:0 5px; opacity:1;} .solu_detail03 .content .swiper-pagination .swiper-pagination-bullet-active{background:#fff;} .solu_detail04 {padding:.8rem 0;} .solu_detail04 .infor .tit{font-weight:bold; text-align:center;} .solu_detail04 .content{margin-top:.25rem;} /* 新闻列表 */ .news_list01 .crumbs {padding:.25rem 0;} .news_list01 .crumbs .inner>*{line-height:.3rem; font-weight:normal; display:inline-block; color:#555; vertical-align:middle;} .news_list.channel_content{padding-top:0;} .news_list01{padding-bottom:.8rem; background:url(../img/news_list01_bg.jpg) no-repeat bottom right; background-size:cover;} .news_list01 .content{margin-top:.2rem;} .news_list01 .swiper-slide a{display:flex; align-items:center; justify-content:space-between;} .news_list01 .img{width:49.4%; border-radius:.2rem; overflow:hidden;} .news_list01 .img img{object-fit:cover;} .news_list01 .img .rect-72{padding-bottom:72%; border-radius:.2rem;} .news_list01 .words{width:42%;} .news_list01 .words .time{margin:.2rem 0; padding-left:.3rem; line-height:.2rem; position:relative; color:#888888;} .news_list01 .words .time::after{content:'\e64d'; position:absolute; left:0; top:50%; transform:translateY(-50%); font-family:'iconfont'!important; font-size:.2rem; line-height:1; color:#0267ae;} .news_list01 .words .tit{color:#0267ae} .news_list01 .words .con{max-height:.9rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#0b0c19; margin-bottom:.5rem;} .news_list01 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15%; width:auto; left:42%; transform:translateX(-100%);} .news_list01 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:.08rem; height:.08rem; cursor:pointer; background:#ced2d8; margin:0; margin-right:.1rem; border-radius:.05rem; opacity:1; outline:none;} .news_list01 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin-right:0;} .news_list01 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0267ae; width:.4rem;} .news_list02{margin-top:.7rem;} .news_list02 .sele_wrap{width:20%; border-radius:40px; height:62px; line-height:62px; box-sizing:border-box; float:left;} .news_list02 .sele_wrap01{position:relative; box-shadow:0px 3px 19.8px 0.2px rgba(0, 0, 0, 0.1); padding:0 .35rem;} .news_list02 .sele_wrap01>span{color:#5b5b5b; color:rgba(91,91,91,.5); display:block; position:relative; cursor:pointer;} .news_list02 .sele_wrap01>span:after{content:''; width:10px; height:6px; background: url(../img/news_jt.png) no-repeat center; position:absolute; top:50%; margin-top:-3px; right:-0;} .news_list02 .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; line-height:45px; max-height:225px; overflow-y:auto;} .news_list02 .sele_wrap01 ul::-webkit-scrollbar {width:4px; height:4px;} .news_list02 .sele_wrap01 ul::-webkit-scrollbar-thumb {border-radius:0; background:#0267ae;} .news_list02 .sele_wrap01 ul::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .news_list02 .sele_wrap01 ul li{cursor:pointer;} .news_list02 .hd{position:relative; z-index:3;} /* .news_list02 .hd .sele_wrap02{margin-left:24px; position:relative; float:left; 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_list02 .hd .sele_wrap02 .yearpicker{background:none; width:100%; box-sizing:border-box; height:49px; line-height:49px; border:none; padding:0; padding:0 30px;} .news_list02 .hd .sele_wrap02 .close{display:inline-block; width:12px; height:12px; position:absolute; right:20px; top:50%; margin-top:-6px; cursor:pointer; background:url(../img/news_close.svg) no-repeat center; background-size:cover;} */ .news_list02 .hd .sele_wrap03{margin-left:24px; background:#fff; box-shadow:0px 3px 19.8px 0.2px rgba(0, 0, 0, 0.05); border:1px solid #ECEDED; position:relative;} .news_list02 .hd .sele_wrap03 .inp{background:none; height:62px; line-height:62px; border:none; padding:0; padding:0 25px;} .news_list02 .hd .sele_wrap03 .news_search{width:19px; height:19px; background:url(../img/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 .bd .li_ a{padding:.35rem 0; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #CCCCCC;} .news_list02 .bd .li_ .rect-655{padding-bottom:65.5%; border-radius:.15rem;} .news_list02 .bd .li_ .img_box{width:24.6%;} .news_list02 .bd .li_ .info{width:66.5%;} .news_list02 .bd .li_ .info .tit{font-weight:bold; color:#000; transition:.5s ease;} .news_list02 .bd .li_ .info .con{font-size:.18rem; line-height:.36rem; color:#777; height:.72rem; overflow:hidden;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:.2rem;} .news_list02 .bd .li_ .info .time{color:#0267ae; margin-top:.15rem;} .news_list02 .bd .li_ img{transition:all 0.5s ease;} .news_list02 .bd .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .news_list02 .bd .li_:hover .tit{color:#0267ae;} .news_list02 .widgets_common_pages_4{margin-top:.5rem;} .el2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* /* 新闻详细 */ .news_detail.channel_content{padding:0;} .news_detail01{padding:.8rem 0; background:url(../img/news_detail01_1.jpg) no-repeat center/cover;;} .news_detail01 .infor{display:flex; align-items:center; justify-content:space-between;} .news_detail01 .infor .tit{font-size:.36rem; line-height:.4rem; font-weight:bold;} .news_detail01 .infor .con{color:#222;} .news_detail01 .infor .con .crumbs .inner>*{line-height:.3rem; font-weight:normal; display:inline-block; color:#555; vertical-align:middle;} .news_detail02{padding:.8rem 0 .6rem;} .news_detail02 .left{width:74.5%; float:left;} .news_detail02 .left .title{margin-bottom:.2rem; text-align:center; font-weight:bold;} .news_detail02 .left .tool{display:flex; align-items:center; justify-content:center;} .news_detail02 .left .tool>div{margin:0 .25rem;} .news_detail02 .left .share_box{text-align:center; position:relative; margin-top:0.3rem; margin-bottom:0.55rem;} .news_detail02 .left .share_box .line{position:absolute; width:100%; height:1px; background:#dddddd; top:0; left:0; top:50%; margin-top:-1px;} .news_detail02 .left .share_box li{position:relative; z-index:2; background:#fff; display:inline-block; padding:0 0.22rem; margin:0 -0.02rem;} .news_detail02 .left .share_box li a{opacity:0.7;} .news_detail02 .left .share_box li:hover a{opacity:1;} .news_detail02 .left .myart{border-bottom:1px solid #dfdfdf; padding-bottom:0.65rem; line-height:2;} .news_detail02 .left .myart a{color:#0267ae;} .news_detail02 .left .btns{text-align:center; width:100%; margin-top:0.35rem;} .news_detail02 .left .btns .to_list{display:inline-block; color:#fff; padding:0 0.5rem; line-height:0.4rem; background:#0267ae; margin-top:0.2rem; border-radius:40px;} .news_detail02 .left .btns .prev{text-align:left; width:30%;} .news_detail02 .left .btns .next{text-align:right; width:30%;} .news_detail02 .left .btns i{margin:0;} .news_detail02 .left .btns a:hover .con15{color:#0267ae;} .news_detail02 .left .text img{max-width:650px!important; } .news_detail02 .right{width:21%; float:right; border-radius:10px; overflow:hidden;} .news_detail02 .right .title{background:#0267ae; color:#fff; line-height:0.62rem; padding-left:0.26rem; box-sizing:border-box;} .news_detail02 .right .item{border:1px solid #ececec; border-top:none; margin-bottom:0.24rem; box-sizing:border-box;} .news_detail02 .right .item .item_con{padding:0.3rem 0.3rem 0.2rem; box-sizing:border-box; font-size:0;} .news_detail02 .right .item .item_con .time{font-size:0.16rem; color:#5d5d5d; line-height:0.2rem;} .news_detail02 .right .item .item_con .tit{transition:all 0.5s ease;} .news_detail02 .right .item .item_con li{margin-bottom:0.25rem;} .news_detail02 .right .item .item_con li:last-child{margin-bottom:0;} .news_detail02 .right .item .item_con li:hover .tit{color:#0267ae;} /* 新闻详情 end */ body .channel-content-663 .pdet_form .ord_sub{background:#0267ae;} body .Validform_right{display:block;} .f_cen .content .left .tit{display:none;} /* 20260325 展会后可以注释 */ .f_cen .content .right{justify-content:flex-end;} .f_cen .content .right dl{margin-left:.7rem;} .f_cen .content .left .share .item.ins{display:none;} .f_cen .content .left .share .item.facebook{display:none;} .header .inav_wrapper{float:left; margin-left:.6rem;} /* 20260325 展会后可以注释 end*/ /* 关于我们 */ .about_us_ban .echarts{position:absolute; left:0; width:100%; bottom:.3rem;} .about_us_ban .echarts .content{height:4rem; width:80%; margin:0 auto;} .about_us01{position:relative; overflow:hidden; z-index:3;} .about_us01 .content{padding-top:1px;} .about_us01 .list{margin-top:90px;} .about_us01 .list ul{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch;} .about_us01 .list li{width:23.5%; margin-right:2%; margin-bottom:20px; font-size:16px; line-height:30px; padding:15px 0; border-radius:10px; background:#fff; text-align:center; transition:.5s ease;} .about_us01 .list li:nth-child(4n){margin-right:0;} .about_us01 .list li.cur{background:#0267ae; color:#fff;} .about_us01 .num_box{position:absolute; left:0; bottom:60px; width:100%; z-index:30;} .about_us01 .num_box li{position:relative; padding:0 9.6%; float:left; color:#fff;} .about_us01 .num_box li:after{content:''; width:1px; height:92px; background:rgba(255,255,255,.4); position:absolute; left:0;; top:50%; transform:translateY(-50%);} .about_us01 .num_box li:first-child{padding-left:0;} .about_us01 .num_box li:first-child::after{display:none} .about_us01 .num_box li:last-child{padding-right:0;} .about_us01 .num_box li .num{font-size:16px;} .about_us01 .num_box li .num span{font-weight:bold; font-size:60px;} .about_us01 .num_box li .txt{font-size:16px; line-height:30px;} .about_us01 .words{position:absolute; width:100%; z-index:20; top:8%; left:0; text-align:center; transform:translateY(1rem);} .about_us01 .words .infor {text-align:center; padding:0 17.5%;} .about_us01 .words .infor .tit{font-weight:bold; color:#000;} .about_us01 .words .infor .con{margin-top:.35rem;} .about_us01 .words .infor .play {position:relative; cursor:pointer;} .about_us01 .words .infor .play .icon{width:.8rem; height:.8rem; background:url(../img/about_us01_1.png) no-repeat center; background-size:cover; position:relative; margin:1rem auto 0;} .about_us01 .words .infor .play:before{content:''; width:1.2rem; height:1.2rem; background:rgba(2, 103, 174,.3); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); animation:warnW 2s linear 0s infinite;} @keyframes warnW { 0% { transform:translate(-50%, -50%) scale(0.9); opacity:0; } 50% { transform:translate(-50%, -50%) scale(1); opacity:.6; } 100% { transform:translate(-50%, -50%) scale(1.2); opacity:0; } } .about_us01 .top_cloud{width:100%; position:absolute; top:-23%; left:0; z-index:10; pointer-events:none;} .about_us01 .top_cloud img{width:100%;} .about_us01 .bott{position:relative; background:#fff;} .about_us01 .bott .img_base{position:relative; z-index:17; pointer-events:none; margin-bottom:-1rem; transform:translateY(-0.2rem)} .about_us01 .bott img{width:100%;} .about_us01 .bott .cloud_left{position:absolute; top:1.23rem; left:0; z-index:10; width:3.72rem; transform:translateY(1.2rem); z-index:18;} .about_us01 .bott .cloud_right{position:absolute; top:2.5rem; right:.7rem; width:3.72rem; z-index:10; transform:translateY(1.5rem); z-index:18;} .about_us01 .bott .bott_img{position:absolute; top:5.7%; left:0; transform:translateY(1.2rem)} .about_us01 .bott .name_img{position:absolute; top:25%; left:50%; margin-left:-4.17rem; width:8.33rem; transform:translateY(2.4rem)} .about_us01 .svg_box1{position:absolute; left:60%; top:0; width:4.3rem; height:100%; z-index:10; height:5.2rem;} .about_us01 .m_top_cloud{display:none;} .about_us02{padding-top:.8rem;} .about_us02 .content{display:flex; justify-content:space-between; flex-direction:row-reverse; flex-wrap:wrap; align-items:center;} .about_us02 .content .rect-62{padding-bottom:62%; border-radius:.2rem;} .about_us02 .content .img_{width:51%;} .about_us02 .content .img_ img{transition:all 0.5s ease;} .about_us02 .content .img_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .about_us02 .content .info_{width:42%;} .about_us02 .content .info_ .tit{font-weight:bold;} .about_us02 .content .info_ .tit span{display:block;} .about_us02 .content .info_ .con{color:#000; margin-top:.35rem;} .about_us03{padding-top:.9rem;} .about_us03 .content{height:6rem; padding:1.2rem .7rem; box-sizing:border-box; border-radius:10px; overflow:hidden; height:auto;} .about_us03 .content .intro{width:46.5%;} .about_us03 .content .intro .tit{color:#fff; font-weight:bold;} .about_us03 .content .intro .con{color:#fff; margin-top:.35rem;} /* 企业文化 */ .culture01 .left{width:14%; height:80vh; border-left:2px solid #d7d7d7; display:flex; align-items:center;} .culture01 .left li{padding:1vh 0; font-size:.18rem;} .culture01 .left li .t{padding-left:.25rem; box-sizing:border-box; position:relative; transition:all .3s ease; cursor:pointer;} .culture01 .left li .t::before{content:''; position:absolute; left:-3px; width:4px; top:0; height:0; background:#0267ae; transition:all .3s ease;} .culture01 .left li.cur .t{font-weight:bold; color:#0267ae; font-size:.24rem;} .culture01 .left li:hover .t{font-weight:bold; color:#0267ae;} .culture01 .left li.cur .t::before{height:.34rem;} .culture01 .right{width:82.5%;} .culture01 .right .item{width:100%; position:relative; overflow:hidden; border-radius:.1rem; margin-bottom:.6rem; position:sticky; top:1.5rem;} .culture01 .right .item .bg{border-radius:.2rem; overflow:hidden;} .culture01 .right .item .bg img{width:100%;} .culture01 .right .item .cover{position:absolute; bottom:50%; transform:translateY(50%); left:7.7%; max-width:80%; color:#fff; font-weight:bold; z-index:3;} .culture01 .right .item .cover .num{font-size:1rem; line-height:1; color:rgba(255, 255, 255, 0); -webkit-text-stroke:1px rgba(255, 255, 255, 0.5); margin-bottom:.15rem;} .culture01 .right .item .cover .tit{font-weight:bold; color:#fff;} .culture01 .right .item .cover .con{color:#fff; margin-top:.08rem;font-size:.28rem;} /* 社会责任*/ .social_respon01 .item{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; margin-bottom:.8rem;} .social_respon01 .item .rect-67{padding-bottom:67%; border-radius:.2rem;} .social_respon01 .item .pic{width:57.25%;} .social_respon01 .item .info{width:37%;} .social_respon01 .item .info .tit{font-weight:bold; margin:.35rem 0 .23rem;} .social_respon01 .item.even{flex-direction:row-reverse;} .social_respon01 .item:last-child{margin-bottom:0;} .social_respon02{padding-top:.7rem;} .social_respon02 .infor{display:flex; flex-wrap:wrap; justify-content:center;} .social_respon02 .infor .item{padding:0 .2rem; position:relative; color:#555; font-weight:normal; cursor:pointer;} .social_respon02 .infor .item:after{content:''; width:1px; height:27px; background:#D5D5D5; position:absolute; left:0; top:50%; transform:translateY(-50%);} .social_respon02 .infor .item:first-child:after{display:none;} .social_respon02 .infor .item.cur{color:#0267ae; font-weight:bold;} .social_respon02 .content{margin-top:.4rem;} .social_respon02 .content ul{display:flex; flex-wrap:wrap; justify-content:space-between;} .social_respon02 .content li{width:46%;} .social_respon02 .content li .li_box{padding:24px 0; display:flex; position:relative; border-bottom:1px solid #E5E5E5; align-items:center;} .social_respon02 .content li .li_box a:first-child{width:100%; display:flex; align-items:center;} .social_respon02 .content li .icon{margin-right:21px; flex-shrink:0; width:40px;} .social_respon02 .content li .icon .img2{display:none;} .social_respon02 .content li .icon .img1{display:block;} .social_respon02 .content li .info{font-size:.2rem; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;width:calc(100% - 110px);} .social_respon02 .content li .jt{width:34px; height:34px; background:url(../img/social_respon02_3.png) no-repeat center/cover; position:absolute; right:0; top:50%; transform:translateY(-50%);} .social_respon02 .content li:hover .icon .img2{display:block;} .social_respon02 .content li:hover .icon .img1{display:none;} /* 投资 start */ .invest.channel_content{padding-bottom:0;} .invest01{margin-bottom:65px;} .invest01 .left{float:left; width:47.5%; box-sizing:border-box;} .invest01 .left .top_{margin-bottom:.6rem; margin-top:.3rem;} .invest01 .left .top_ .tit{color:#555; font-size:.2rem;} .invest01 .left .top_ .con .num01{margin-top:13px; font-size:17px; display:inline-block; color:#555; } .invest01 .left .top_ .con .num01 span{font-size:.6rem; color:#ea0223;; line-height:1.1; font-weight:bold; margin-right:10px;} .invest01 .left .top_ .con .num01 .icon{background:url(../img/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(../img/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:.8rem;} .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:.16rem} .invest01 .left .bot_ .item_list .item .num{font-size:.48rem; line-height:0.5rem; color:#000; font-weight: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; position:relative; 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;} .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:#0267ae;} .invest01 .boxRight .tab_t.tab_t_cur:after{content:"";width:100%;height:3px;background-color:#0267ae;display:block;position:absolute;bottom:0;left:0;} .invest01 .boxRight .number02 .ico{background:url(http://zjk.jerei.com/uploadfiles/widgets_shares_info1_ico.png);} /*上下跳动*/ @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);} } .invest03{padding:.7rem 0; background:#f8f8f8;} .invest03 .infor{text-align:center;} .invest03 .infor .tit{font-weight:bold;} .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:#0267ae; 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{color:#fff;} .invest03 .content .bd .left .intro .t{font-size:.3rem; line-height:.3rem; margin:.14rem 0 .4rem;} .invest03 .content .bd .left .intro .more{display:block; width:155px; height:46px; line-height:46px; color:#0267ae; background:#fff; border-radius:50px; 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:.16rem; line-height:.26rem; color:#000; transition:0.5s ease; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .invest03 .content .bd .right li .box .info .d{font-size:.16rem; line-height:.2rem; color:#0267ae; margin-top:.05rem;} .invest03 .content .bd .right li .box .icon{width:20px; height:18px; background:url(../img/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:#0267ae;} .invest03 .content .bd .right li:hover .box .icon{background:url(../img/invest03_2_on.png) no-repeat center;} .invest03 .content .bd .page_box{float:left; width:100%; margin-top:35px;} .invest04{padding:.8rem 0;} .invest04 .content{display:flex; justify-content:space-between;} .invest04 .content .item{width:48.75%; border-radius:.2rem; overflow:hidden;;} .invest04 .content .item .rect-444{padding-bottom:44.4%;} .invest04 .content .item .info{background:#f7f7f7; padding:.8rem .4rem .8rem .35rem; display:flex; justify-content:space-between; align-items:center;} .invest04 .content .item .info .info_l{display:flex; align-items:center;} .invest04 .content .item .info .info_l .icon{width:.7rem; flex-shrink:0; margin-right:.3rem;} .invest04 .content .item .info .info_l .tit{font-weight:bold;} .invest04 .content .item .info .info_r a{font-weight:bold;} .invest05{background:url(../img/invest05_1.jpg) no-repeat center/cover; padding:1rem 0;} .invest05 .infor .tit{color:#fff; font-weight:bold; margin-bottom:.25rem;} .invest05 .infor .con a{color:#fff; margin-right:.3rem;;} /* 发展历程 */ .history01 .infor .tit{font-weight:bold;} .history01 .content{margin-top:.45rem;} .history01 .content .bd .swiper-container{padding:15px;} .history01 .content .bd .year_item{position:relative; padding:2.3rem 0.42rem 0.24rem; border-left:1px solid #e5e5e5; white-space:initial;} .history01 .content .bd .year_item.on{border-left:1px solid transparent; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); } .history01 .content .bd .year_item.on+.year_item{border-left:1px solid transparent;} /* .history01 .content .bd .year_item:first-child::before{content:""; position:absolute; top:0; left: 0; width:8px; height: 8px; margin-top:-4px; margin-left:-4px; border-radius:4px; background:#ee5515; z-index:1;} */ .history01 .content .bd .year_item:last-child{border-right:1px solid #e5e5e5;} .history01 .content .bd .year_item .intro_box{position:absolute; top:0.12rem; left:0.21rem; right:0.21rem; padding:0.12rem 0.21rem; height:2rem; overflow-y:scroll; z-index:1; transition:all .5s ease;} .history01 .content .bd .year_item.on .intro_box{height:4.8rem; background:#f5f5f7;} .history01 .content .bd .year_item .intro_box::-webkit-scrollbar{display:none;} .history01 .content .bd .year_item .year{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .history01 .content .bd .year_item .tit{color:#000; line-height:.3rem; height:.6rem; margin:.09rem 0;} .history01 .content .bd .year_item .txt{font-size:0.18rem; line-height:0.3rem; margin-top:0.04rem; color: #000;} .history01 .content .bd .year_item .con{line-height:0.3rem; margin-top:0.04rem; text-align: justify;} .history01 .content .bd .year_item .img_box{margin-top:0.2rem;} .history01 .content .bd .year_item .rect-59{padding-bottom:59.28%;} .history01 .content .bd .year_item:hover{background:#f5f5f7;} .history01 .content .hd{padding:0 .15rem; display:flex; justify-content:space-between; align-items:center;} .history01 .content .hd .title{font-size:.8rem; line-height:1; text-transform:uppercase; font-weight:bold; color:#000;} .history01 .content .hd .pages{width:60%; position:relative;} .history01 .content .hd .pages::after{content:""; position:absolute; top:0.2rem; left:0; right:0; height:1px; background:#d0d0d0;} .history01 .content .hd .pages::before{content:""; position:absolute; top:0.1rem; right:-.1rem; width:0; height:0; border:.1rem solid; border-top-color:transparent; border-right-color:transparent; border-left-color:#d0d0d0; border-bottom-color:transparent;} .history01 .content .hd .pages .item .dot{position:relative; width:0.42rem; height:0.42rem; margin:0 auto; cursor:pointer;} .history01 .content .hd .pages .item .dot::before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.16rem; height:0.16rem; border:2px solid #d8d9da; border-radius:50%; background:#fff; z-index:1; transition:all .3s ease;} .history01 .content .hd .pages .item .dot::after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.06rem; height:0.06rem; border-radius:50%; background:#d8d9da; z-index:2; transition:all .3s ease;} .history01 .content .hd .pages .item .year{font-size:0.2rem; line-height:0.36rem; margin-top:0.14rem; color:#c3c3c3; transition:all .3s ease; text-align:center; cursor:pointer;} .history01 .content .hd .pages .item.cur .dot::before{width:0.34rem; height:0.34rem; border:2px solid #0267ae;} .history01 .content .hd .pages .item.cur .dot::after{width:0.15rem; height:0.15rem; background:#0267ae;} .history01 .content .hd .pages .item.cur .year{font-size:0.3rem; color:#0267ae; font-weight:normal;} /* 案例列表 */ .case_list01 .hd{margin-bottom:.5rem; position:relative;} .case_list01 .hd .item{display:flex; align-items:center; margin-bottom:20px;} .case_list01 .hd .item .title{font-size:.18rem; line-height:30px; color:#333; font-weight:bold; display:inline-block; margin-right:30px;} .case_list01 .hd .item li{display:inline-block; padding:0 .15rem; line-height:.3rem; font-size:.16rem; color:#5b5b5b; border-radius:10px; margin-right:25px; cursor:pointer; transition:all 0.5s ease;} .case_list01 .hd .item li.on{background:#0267ae; color:#fff;} .case_list01 .hd .item li:hover{background:#0267ae; color:#fff;} /* .case_list01 .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%);} .case_list01 .hd .item_search .inp{background:none; height:43px; line-height:43px; border:none; padding:0; padding:0 25px;} .case_list01 .hd .item_search .news_search{width:19px; height:19px; background:url(../img/news_search.png) no-repeat center; position:absolute; right:24px; top:50%; margin-top:-10px; cursor:pointer; outline:none; border:none; padding:0;;} */ .case_list01 .bd .rect-555{padding-bottom:55.5%; border-radius:10px 10px 0 0;} .case_list01 .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;} .case_list01 .bd .li_four{margin-right:0;} .case_list01 .bd .li_ .info .box{padding:.35rem .2rem;} .case_list01 .bd .li_ .info .box .tit{display:block; font-size:.2rem; line-height:25px; color:#000; font-weight:bold; margin-bottom:25px;} .case_list01 .bd .li_ .info .box .con{margin-bottom:60px;} .case_list01 .bd .li_ .info .box .con a{display:inline-block; padding:0 20px; line-height:28px; font-size:.16rem; border-radius:15px; border:1px solid #b5bcc4; color:#b5bcc4; margin-right:5px;} .case_list01 .bd .li_ .info .box .con a:hover{border-color:#0267ae; color:#0267ae;} .case_list01 .bd .li_ .info .box .more{display:flex; align-items:center; font-size:16px; color:#0267ae; line-height:25px;} .case_list01 .bd .li_ .info .box .more i{font-size:13px; font-weight:bold; margin-left:5px;} .case_list01 .bd .li_ img{transition:all 0.5s ease;} .case_list01 .bd .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* 视频中心 */ .video_ban{position:relative; overflow:visible;} .video_infor{position:absolute; left:0; bottom:-.8rem; width:100%;} .video_infor .l{color:#fff; font-weight:bold;} .video_infor .top form{width:100%;} .video_infor .top .l{color:#fff;} .video_infor .top .r{width:38%;} .video_infor .top .top_btn{width:12%; height:0.42rem; outline:none; background:#fff; border-radius:5px; border:none; font-size:0.15rem; color:#cdcdcd; float:right; position:relative; cursor:pointer; transition:all 0.5s ease; padding:0;} .video_infor .top .top_btn.reset{color:#000;} .video_infor .top .top_btn.search{background:#0267ae; margin-right:3%;} .video_infor .top .top_btn.search::after{content:''; width:19px; height:19px; background:url(../img/h_icon6.png) no-repeat center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .video_infor .top .top_sel{width:33.5%; height:0.42rem; line-height:0.42rem; font-size:0.15rem; color:#cdcdcd; float:right; background:#fff; border-radius:5px;margin-right:3%; position:relative;} .video_infor .top .top_sel>span{position:relative; display:block; cursor:pointer; padding:0 0.2rem; box-sizing:border-box;} .video_infor .top .top_sel>span::after{content:''; width:18px; height:11px; background:url(../img/live_jt.png) no-repeat center; background-size:cover; position:absolute; right:0.1rem; top:50%; transform:translate(0,-50%);} .video_infor .top .top_sel .sel_down{width:100%; padding:0 0.2rem; box-sizing:border-box; position:absolute; left:0; top:100%; background:#fff; z-index:2; color:#000; box-shadow:0px 7px 15px 0px rgb(0 0 0 / 10%); max-height:2.1rem; overflow:auto; display:none; border-radius:5px;} .video_infor .top .top_sel .sel_down li{line-height:0.3rem; cursor:pointer;} .video_infor .top .top_sel .sel_down::-webkit-scrollbar{width:2px; height:4px;} .video_infor .top .top_sel .sel_down::-webkit-scrollbar-thumb{background:#0267ae;} .video_infor .top .top_sel .sel_down::-webkit-scrollbar-track{background:#f6f5f5;} .video_infor .bott{margin-top:0.4rem; position:relative;} .video_infor .bott .bott_box{position:absolute; left:1.15rem; top:50%; transform:translate(0,-50%); color:#fff;} .video_infor .bott .bott_box .tit{margin-bottom:0.2rem; color:#fff; font-size:.3rem; font-weight:bold;} .video_infor .bott .bott_box .con{color:#fff; width:56%;} .video_infor .bott .play{width:0.79rem; height:0.79rem; background:url(../img/videoList_play.png) no-repeat center; background-size:cover; cursor:pointer; margin-top:0.4rem;} .video_list01{margin-top:.8rem;} .video_list01 li{float:left; width:32.4%; margin-right:1.4%; cursor:pointer; padding-bottom:0.4rem; position:relative; margin-bottom:0.3rem;} .video_list01 li::after{content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#0267ae; transition:all .5s ease;} .video_list01 li:nth-child(3n){margin-right:0;} .video_list01 li .rect-5088{padding-bottom:50.88%;} .video_list01 li .img_{position:relative;} .video_list01 li .img_ .cover{position:absolute; bottom:0; left:0; width:10%;} .video_list01 li .img_ .cover{position:absolute; left:0; bottom:0; width:100%;} .video_list01 li .img_ .cover .key_words{font-size:0.15rem; line-height:34px; padding:0 0.3rem; background:#000000; color:#fff; font-style:oblique; transition:all .5s ease;} .video_list01 li .img_ .cover .year{font-size:0.15rem; line-height:34px; padding-right:0.15rem; color:#ffffff; } .video_list01 li .words{margin-top:0.35rem; color:#000000;} .video_list01 li:hover .img_ .cover .key_words{background:#0267ae;} .video_list01 li:hover::after{width:100%;} /* 联系我们 */ .contact_us01 .content{position:relative; overflow:hidden; border-radius:.2rem;} .contact_us01 .content .bg img{width:100%;} .contact_us01 .content .words{position:absolute; left:5.6%; top:50%; width:60%; transform:translateY(-50%);} .contact_us01 .content .words .title{margin-bottom:.35rem; font-weight:bold;} .contact_us01 .content .words .line{padding-left:.4rem; position:relative; margin-bottom:.15rem;} .contact_us01 .content .words .line::before{content:''; position:absolute; color:#0267ae; font-weight:bold; left:0; top:0; font-size:.2rem; line-height:.3rem; font-family:'iconfont'!important; margin:0;} .contact_us01 .content .words .line.addr::before{content:'\e64f';} .contact_us01 .content .words .line.tel::before{content:'\e69a';} .contact_us01 .content .words .line.mail::before{content:'\e68b';} .contact_us02{padding-top:.7rem;} .contact_us02 .infor{text-align:center;} .contact_us02 .infor .tit{font-weight:bold; margin-bottom:5px;} .contact_us02 .content{margin-top:.4rem;} .contact_us02 .content .form .inp_wrap{width:31.6%; float:left; margin-right:2.6%; border:1px solid #ebebeb; background:#fff; line-height:.6rem; box-sizing:border-box; height:.6rem; margin-bottom:.24rem; border-radius:10px; padding:0 .2rem;} .contact_us02 .content .form label{font-size:.16rem; color:#666; display:inline-block; margin-right:.1rem; } .contact_us02 .content .form label em{color:red;} .contact_us02 .content .form .inp_wrap .inp{line-height:.58rem; height:.58rem; font-size:.16rem; padding:0; border:none; width:70%; background:transparent;} .contact_us02 .content .form .inp_wrap_mail{margin-right:0%;} .contact_us02 .content .form .inp_wrap_text{margin-right:0%; width:100%; height:210px;} .contact_us02 .content .form .inp_wrap_text textarea{line-height:30px; width:100%; border:none; padding:.2rem 0; box-sizing:border-box; height:100%;} .contact_us02 .content .form .Validform_error{background:transparent;} .contact_us02 .content .form .inp_wrap_ask label {display:block; cursor:pointer;} .contact_us02 .content .form .inp_wrap_ask label span{display:block;} .contact_us02 .content .form .inp_wrap_ask ul {background:#fff; position:absolute; left:0; top:100%; border-radius:10px; width:100%; border-top:1px solid #f1f1f1; display:none; overflow:hidden; box-shadow:1px 1.732px 12.8px 3.2px rgba(50, 50, 51, 0.1);;} .contact_us02 .content .form .inp_wrap_ask ul li {padding:0 .2rem; cursor:pointer; transition:0.5s ease;} .contact_us02 .content .form .inp_wrap_ask ul li:hover {background:#0267ae; color:#fff;} .contact_us02 .content .form .btm_box .yzm_box{width:55%; display:flex; align-items:center;} .contact_us02 .content .form .btm_box .yzm_box .inp_yzm{line-height:.58rem; height:.58rem; font-size:.16rem; padding:0; border:none; width:40%; background:transparent; border-radius:10px; border:1px solid #ebebeb; text-indent:.2rem;} .contact_us02 .content .form .btm_box .yzm_box img{padding:0 2%;} .contact_us02 .content .form .btm_box .btns_list{width:28%; } .contact_us02 .content .form .btm_box .btns_list .btns{float:left; width:47%; margin-left:3%; height:.54rem; line-height:.54rem; text-align:center; background:none; border:1px solid #0267ae; border-radius:50px; cursor:pointer; color:#0267ae; font-size:.18rem; padding:0; transition:.5s ease;} .contact_us02 .content .form .btm_box .btns_list .btns.sub{background:#0267ae; color:#fff;} .contact_us02 .content .form .btm_box .btns_list .btns:hover{background:#0267ae; color:#fff;} /* 研发创新 */ .yanfa01{padding-bottom:.5rem;} .yanfa01 .infor{text-align:center; padding:0 15.625%;} .yanfa01 .infor .tit{font-weight:bold; margin-bottom:.25rem;} .yanfa01 .content{margin-top:.45rem;} .yanfa01 .content .pic{border-radius:10px; overflow:hidden;} .yanfa01 .content .list{display:flex; flex-wrap:wrap; margin-top:.6rem; margin-bottom:.3rem;} .yanfa01 .content .list li{width:33%; padding:0 .8rem; position:relative; box-sizing:border-box;} .yanfa01 .content .list li .tit{margin-bottom:.15rem; color:#000;} .yanfa01 .content .list li:after{content:''; width:1px; height:1.8rem; background:#EBEBEB; position:absolute; left:0; top:0;} .yanfa01 .content .list li:first-child{padding-left:0;} .yanfa01 .content .list li:first-child:after{display:none;} .yanfa01 .content .list li:last-child{padding-right:0;} .yanfa02{padding:.75rem 0; overflow:hidden; background:#f5f5f7; } .yanfa02 .infor{text-align:center;} .yanfa02 .infor .tit{font-weight:bold;} .yanfa02 .content{width:86.5%; margin:.4rem auto 0; position:relative;} .yanfa02 .content .rect-396{padding-bottom:39.6%;border-radius:10px;} .yanfa02 .content .swiper-slide{opacity:0.25; transition:0.5s ease; position:relative; overflow:hidden; border-radius:10px;} .yanfa02 .content .swiper-slide.swiper-slide-active{opacity:1;} /* 这个按钮滚动条进程线和分页先注释 换成产品列表的箭头 */ /* .yanfa02 .content .anniu{text-align:center; margin-top:52px;} .yanfa02 .content .anniu>div{display:inline-block;} .yanfa02 .content .anniu .pages{padding:0 60px; font-size:17px; color:#000;} .yanfa02 .content .anniu .arr{width:8px; height:15px; cursor:pointer;} .yanfa02 .content .anniu .arr.prev{background:url(../img/yanfa02_jt1.png) no-repeat center;} .yanfa02 .content .anniu .arr.next{background:url(../img/yanfa02_jt1.png) no-repeat center; transform:rotateY(180deg);} .yanfa02 .content .swiper-pagination{position:static; background:#B5BCC3; height:2px; width:13%; margin:20px auto 0;} .yanfa02 .content .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#0267ae;} */ .yanfa02 .content .arrs_box .arrs{width:.25rem; height:.5rem; position:absolute; top:33%; transform:translateY(-50%); cursor:pointer; z-index:4;} .yanfa02 .content .arrs_box .arrs.prev{background:url(../img/left_jt_gray.png) no-repeat center/cover; background-size:cover; left:-60px;} .yanfa02 .content .arrs_box .arrs.next{background:url(../img/right_jt_gray.png) no-repeat center/cover; background-size:cover; right:-60px;} .yanfa02 .content .arrs_box .arrs.swiper-button-disabled{display:none;} .yanfa02 .content .arrs_box .arrs.prev:hover{background:url(../img/left_jt_blue.png) no-repeat center/cover; background-size:cover} .yanfa02 .content .arrs_box .arrs.next:hover{background:url(../img/right_jt_blue.png) no-repeat center/cover; background-size:cover} .yanfa02 .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;} .yanfa02 .content .swiper-slide .intro .box{padding:40px; line-height:28px; color:#000; padding:20px 0;} .yanfa02 .content .swiper-slide .intro .box .con{max-height:140px; overflow-y:auto; margin-top:10px; padding-right:4px;} .yanfa02 .content .swiper-slide .intro .box .con::-webkit-scrollbar {width:2px; height:4px;} .yanfa02 .content .swiper-slide .intro .box .con::-webkit-scrollbar-thumb {border-radius:5px; background:#0267ae; } .yanfa02 .content .swiper-slide .intro .box .con::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .yanfa02 .content .swiper-slide .intro:after{display:none;} .yanfa03{padding:.75rem 0;} .yanfa03 .infor{text-align:center; padding:0 15%;} .yanfa03 .infor .tit{font-weight:bold; margin-bottom:.2rem;} .yanfa03 .content{position:relative; border-radius:.2rem; overflow:hidden; margin-top:.4rem;} .yanfa03 .bg .img{display:none;} .yanfa03 .bg .img:first-child{display:block;} .yanfa03 .bg .img img{width:100%;} .yanfa03 .tab_t_box{position:absolute; left:0; top:0; width:100%; height:100%; font-size:0;} .yanfa03 .tab_t_box .item{width:25%; display:inline-block; vertical-align:text-top; height:100%; position:relative; color:#fff; text-align:center;} .yanfa03 .tab_t_box .item::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(2, 103, 174,.9); opacity:0; visibility:hidden; transition:all .3s ease;} .yanfa03 .tab_t_box .item::after{content:''; position:absolute; bottom:0; right:0; width:74.2%; height:50%; background:url(../img/yanfa03_icon_bg.png) no-repeat bottom left; background-size:100% auto; opacity:0; visibility:hidden; transition:all .3s ease;} .yanfa03 .tab_t_box .item .box{position:absolute; left:50%; top:40%; transform:translateX(-50%); width:80%; text-align:center; color:#fff; transition:all .3s ease; z-index:2;} .yanfa03 .tab_t_box .item .icon{height:.6rem; margin-bottom:.2rem;} .yanfa03 .tab_t_box .item .icon img{max-height:100%;} .yanfa03 .tab_t_box .item .con{color:#fff; margin-top:.1rem; opacity:0; visibility:hidden; transition:all .3s ease; max-height:2.7rem; overflow-y:auto; padding-right:5px;} .yanfa03 .tab_t_box .item .con::-webkit-scrollbar {width:3px; height:4px;} .yanfa03 .tab_t_box .item .con::-webkit-scrollbar-thumb {border-radius:5px; background:#0267ae; } .yanfa03 .tab_t_box .item .con::-webkit-scrollbar-track {border-radius:0; background:rgba(255, 255, 255, .2);} .yanfa03 .tab_t_box .item.cur::before{opacity:1; visibility:visible;} .yanfa03 .tab_t_box .item.cur::after{opacity:1; visibility:visible;} .yanfa03 .tab_t_box .item.cur .box{top:50%; transform:translate(-50%,-50%);} .yanfa03 .tab_t_box .item.cur .box .con{opacity:1; visibility:visible;} .yanfa04 .infor{text-align:center;} .yanfa04 .infor .tit{font-weight:bold; margin-bottom:.4rem;} .yanfa04 .content .rect-74{padding-bottom:75.76%;} .yanfa04 .content .swiper-slide{float:left; width:33%; margin-right:1%;} .yanfa04 .content .swiper-slide{position:relative;} .yanfa04 .content .swiper-slide .img_box{background:#eeebe6; position:relative;} .yanfa04 .content .swiper-slide .img_box img{border-radius:.2rem; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-height:90%;} .yanfa04 .content .swiper-slide .img_box img::before{content:''; position:absolute; left:50%; bottom:0; transform:translate(-50%, 100%);} .yanfa04 .content .swiper-slide .txt_box{opacity:0; visibility:hidden; position:absolute; top:0; left:0; right:0; bottom:0; padding:0.9rem 0.9rem 0.3rem; text-align:center; background:rgba(2, 103, 174,.8); transition:all .5s ease;} .yanfa04 .content .swiper-slide .txt_box>div{color:#fff;} .yanfa04 .content .swiper-slide .txt_box .tit{font-weight:bold; margin:.1rem 0 .2rem;} .yanfa04 .content .swiper-slide .txt_box .con{max-height:1.2rem; overflow-y:auto; padding:0 5px;} .yanfa04 .content .swiper-slide .txt_box .con::-webkit-scrollbar {width:3px; height:4px;} .yanfa04 .content .swiper-slide .txt_box .con::-webkit-scrollbar-thumb {border-radius:5px; background:#fff; } .yanfa04 .content .swiper-slide .txt_box .con::-webkit-scrollbar-track {border-radius:0; background:#0267ae;} .yanfa04 .content .swiper-slide:hover .txt_box{opacity:1; visibility:visible;} .yanfa04 .content .swiper-controls{position:relative; margin-top:0.5rem; font-size:0; display:flex; align-items:center;} .yanfa04 .content .swiper-controls .swiper-buttons{position:static; display:flex; align-items:stretch; margin-right:2.5%; font-size:0;} .yanfa04 .content .swiper-controls .swiper-buttons .swiper-button-next, .yanfa04 .content .swiper-controls .swiper-buttons .swiper-button-prev{position:relative; top:auto; bottom:auto; outline:none; left:auto; right:auto; margin:0; font-size:0.18rem; font-weight:bold; background:none; width:.5rem; height:.5rem; border-radius:50%; border:1px solid #d2d2d2; color:#d2d2d2; transition:all .5s ease; margin-right:.15rem; box-sizing:border-box;} .yanfa04 .content .swiper-controls .swiper-buttons .swiper-button-next:hover, .yanfa04 .content .swiper-controls .swiper-buttons .swiper-button-prev:hover{background:#0267ae; color:#fff; border-color:#0267ae;} .yanfa04 .content .swiper-controls .swiper-buttons .swiper-button-next{margin-right:0;} .yanfa04 .content .swiper-controls .swiper-buttons .iconfont{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; line-height:1;} .yanfa04 .content .swiper-controls .swiper-pagination{position:static; display:inline-block; vertical-align:middle; width:calc(97.5% - 1.3rem); height:6px; background:#f6f6f8;} .yanfa04 .content .swiper-controls .swiper-pagination .swiper-pagination-progressbar-fill{background:#0267ae; cursor:pointer;} /* 加入我们 */ .join.channel_content{padding-bottom:0;} .join01 .infor .tit{text-align:center; font-weight:bold; margin-bottom:.4rem;} .join01 .content{display:flex; height:400px} .join01 .content .item{width:39.25%; transition:.4s ease; height:100%; margin-left:2.25%;} .join01 .content .item:first-child{margin-left:0;} .join01 .content .item a{width:100%; height:100%; position:relative; border-radius:20px; overflow:hidden; display:block;} .join01 .content .item .pic{position:relative; width:100%; height:100%; object-fit:cover;} .join01 .content .item .pic img{position:relative; width:100%; height:100%; object-fit:cover;} .join01 .content .item .pic:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; background:linear-gradient(270deg, rgba(207, 10, 44, 0.00) 0%, rgba(115, 52, 98, 0.44) 36.5%, rgba(85, 66, 116, 0.59) 48.5%, rgba(66, 75, 127, 0.68) 56%, rgba(40, 87, 142, 0.81) 66.5%, rgba(25, 94, 151, 0.88) 72.5%, #0069A6 82.47%, #0069A6 90%, #0069A6 92.5%);} .join01 .content .item .info{width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:1rem .5rem .45rem; display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box;} .join01 .content .item .info .tit{color:#fff; font-weight:bold;} .join01 .content .item.cur{width:58.5%;} .join02{padding:.75rem 0;} .join02 .infor .tit{text-align:center; font-weight:bold; margin-bottom:.4rem;} .join02 .content .item{position:relative;} .join02 .content .item .tit{position:absolute; left:0.6rem; top:0.7rem; z-index:1; color:#fff; font-size:.28rem; font-weight:bold; transition:.4s ease;} .join02 .content .rect-287{padding-bottom:28.7%;} .join02 .content .rect-437{padding-bottom:44%;} .join02 .content .rect-59{padding-bottom:59%;} .join02 .content .rect-258{padding-bottom:25.8%;} .join02 .content .item .play{position:absolute; bottom:0.13rem; right:0.35rem; display:none;z-index: 5} .join02 .content .item01 .left{float:left; width:60.5%;} .join02 .content .item01 .right{float:left; width:39.5%;} .join02 .content .item02 .left{float:left; width:30.3%;} .join02 .content .item02 .right{float:right; width:69.7%;} .join02 .content .item .words{position:absolute; left:0; width:100%; bottom:0; height:0; color:#fff; transition:all .3s ease; } .join02 .content .item .words .t{position:absolute; top:1.1rem; left:.6rem; right:.4rem; opacity:0; visibility:hidden; transition:all .3s ease;} .join02 .content .item>div:hover .words{height:100%;} .join02 .content .item>div:hover .words .t{opacity:1; visibility:visible;} .join02 .content .item01 .left .words{background:#2b7be6;} .join02 .content .item01 .right .words{background:#f36a07;} .join02 .content .item02 .left .words{background:#f3bd48;} .join02 .content .item02 .right .words{background:#8a30d5;} .join02 .content .item .imgZoom:hover .tit{top:0.6rem} .join03 .infor .tit{text-align:center; font-weight:bold; margin-bottom:.4rem;} .join03 .content ul{display:flex; flex-wrap:wrap;} .join03 .content li{width:20%; margin-bottom:.45rem;} .join03 .content li .icon{width:.86rem; margin:0 auto; transition:.5s ease;} .join03 .content li:hover .icon{transform:rotateY(180deg);} .join03 .content li .icon img{width:100%;} .join03 .content li .text{margin-top:.2rem; color:#000;} .join04{padding:.75rem 0;} .join04 .infor{text-align:center; padding:0 15%;} .join04 .infor .tit{font-weight:bold; margin-bottom:.2rem;} .join04 .content{margin-top:0.4rem;} .join04 .content ul{column-count:3; column-gap:4%;} .join04 .content li{break-inside:avoid; margin-bottom:.4rem; cursor:pointer;} .join04 .content li .img{position:relative;} .join04 .content li .img::before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/black.6.png); opacity:0; visibility:hidden; transition:all .3s ease;} .join04 .content li .img img{width:100%; height:100%; object-fit:cover;} .join04 .content li .img::after{content:'\e86f'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-family:'iconfont'!important; font-size:.5rem; color:#fff; opacity:0; visibility:hidden; transition:all .3s ease;} .join04 .content li .words{width:100%; background:#fff; box-shadow:0px 6px 17.1px 0.9px rgba(26, 26, 26, 0.18);} .join04 .content li .words .hd{overflow:hidden; position:relative; display:flex; align-items:center;} .join04 .content li .words .hd::after{content:''; position:absolute; left:0; top:0; width:100%; height:2px; background:linear-gradient(to right,#0066ad,#0267ae);} .join04 .content li .words .hd .t1{color:#fff; padding:.09rem .4rem; position:relative; padding-right:.7rem; font-weight:bold;} .join04 .content li .words .hd .t1::before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to right,#0066ad,#0267ae); transform:skewX(-30deg) translateX(-10%);} .join04 .content li .words .hd .t1 span{display:block; position:relative; z-index:5;} .join04 .content li .words .hd .icon{width:.3rem;} .join04 .content li .words .bd{padding:.2rem 8% .3rem;} .join04 .content li:hover .img::before, .join04 .content li:hover .img::after{opacity:1; visibility:visible;} body .album_ordinary .album_close{background:linear-gradient(to right,#0066ad,#0267ae); line-height:2em;} .join04 .imgList{display:none;} .join05{position:relative; overflow:hidden;} .join05 .bg img{width:100%;} .join05 .content{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);} .join05 .content .cont{width:31.2%;} .join05 .content .cont .tit{font-weight:bold;} .join05 .content .cont .con{margin:0.25rem 0 .6rem;} .join05 .content .cont .txt span{display:block; margin-bottom:.2rem;} .join05 .content .cont .txt span i{color:#0267ae;} /* 20260424 */ .pro_center01 .left .t_box .t_en{display:none;} .pro_center01 .left .content{max-height:calc(100vh - 3.3rem)} .history01 .content .hd .pages .arrs>div{width:30px; height:30px; transition:.5s ease; margin-top:0; top:.07rem; outline:none; cursor:pointer;} .history01 .content .hd .pages .arrs>div.prev{background:url(../img/arr_prev.svg) no-repeat center/cover; left:0;} .history01 .content .hd .pages .arrs>div.next{background:url(../img/arr_next.svg) no-repeat center/cover; right:0;} .history01 .content .hd .pages .arrs>div.prev:hover{background:url(../img/arr_prev_on.svg) no-repeat center/cover;} .history01 .content .hd .pages .arrs>div.next:hover{background:url(../img/arr_next_on.svg) no-repeat center/cover;} .history01 .content .hd .pages::before{display:none;} .history01 .content .hd .pages::after{left:30px; right:30px;} /* 20260428 */ .solu_detail01{margin-bottom:.4rem;} .pro_center01 .right .item.yeya_item .intro_box{margin-bottom:10px;} .pro_center01 .right .item.yeya_item .intro_box .tit{margin-bottom:.25rem;} .pro_center01 .right .item.yeya_item .intro_box .con{line-height:.3rem; height:.9rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } /* */ .pro_center01 .right .item.yeya_item .cover{position:absolute; left:0; width:100%; height:100%; top:0; transition:0.3s ease; background:#0267ae; opacity:0; visibility:hidden;} .pro_center01 .right .item.yeya_item .cover .box{padding:.6rem .3rem .6rem .4rem;} .pro_center01 .right .item.yeya_item .cover .box .tit{color:#fff; margin-bottom:.2rem;;} .pro_center01 .right .item.yeya_item .cover .box .con{color:#fff; max-height:2.1rem; overflow-y:auto; padding-right:.1rem;} .pro_center01 .right .item.yeya_item .cover .box .con::-webkit-scrollbar {width:3px; height:4px;} .pro_center01 .right .item.yeya_item .cover .box .con::-webkit-scrollbar-thumb {border-radius:5px; background:#fff;} .pro_center01 .right .item.yeya_item .cover .box .con::-webkit-scrollbar-track {border-radius:5px; background:transparent;} .pro_center01 .right .item.yeya_item .cover .box .more{width:100%; height:.46rem; line-height:.46rem; font-size:.16rem; color:#0267ae; text-align:center; background:#fff; border-radius:5px; display:block; margin-top:.3rem;} .pro_center01 .right .item.yeya_item:hover .cover{opacity:1; visibility:visible;} .pro_center01 .right .item.yeya_item:after{display:none;}