.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:#3cabff;} .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(../images/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:88.5%; 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:#222222; background:#fff;} a{color:inherit;} a:hover { color:#0d4696;} ::-moz-selection {color:#fff; background:#0d4696; } ::selection {color:#fff; background:#0d4696; } ::-webkit-input-placeholder { color:#777777; } .placeholder { color:#777777;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /* 公共字体 */ .tit48{font-size:.48rem; line-height:.6rem;} .tit42{font-size:.42rem; line-height:.5rem;} .tit36{font-size:.36rem; line-height:.44rem;} .con18{font-size:.18rem; line-height:.34rem;} .con16{font-size:.16rem; line-height:.3rem; color:#555555;} /* 头部导航 */ .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:#0d4696;} .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:#0d4696; 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:#0d4696; color:#fff; border-color:#0d4696;} .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.16rem; 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:#0d4696; transition:all .5s ease;} .header .inav_wrapper .nav_li .inav_a:hover{color:#0d4696;} .header .inav_wrapper .nav_li .inav_a:hover::after{left:0; right:0;} .header .inav_wrapper .nav_li .inav_a.cur{color:#0d4696;} .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:#0d4696;} /* 触控态 */ .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:#0d4696;} .header:hover .h_tools .h_search i{color:#0d4696;} .header:hover .h_tools>div{color:#222;} .header:hover .h_tools>div:hover{color:#0d4696;} /* 吸顶态 */ .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:#0d4696;} .header.fixed .h_tools .h_search i{color:#0d4696;} .header.fixed .h_tools>div{color:#222;} .header.fixed .h_tools>div:hover{color:#0d4696;} /* 下层态 */ .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:#0d4696;} .header.xc_header .h_tools .h_search i{color:#0d4696;} .header.xc_header .h_tools>div{color:#222;} .header.xc_header .h_tools>div:hover{color:#0d4696;} /* 底部 */ .footer .footer_top{background:#064498; padding:.5rem 0;} .footer .footer_top .content{display:flex; align-items:stretch; justify-content:space-between; color:#fff;} .footer .footer_top .left{width:48.8%; border-right:1px solid rgba(255,255,255,0.2); padding-right:5.1%; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between;} .footer .footer_top .left .box .num_box{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; margin-top:.1rem;} .footer .footer_top .left .box .num_box div{display:inline-block; vertical-align:text-bottom;} .footer .footer_top .left .box .num_box .num01{font-size:.55rem; line-height:1; margin-right:.5rem;} .footer .footer_top .left .box .num_box .num02{font-size:.34rem; line-height:.4rem; padding-left:.25rem; position:relative;} .footer .footer_top .left .box .num_box .num02::after{content:''; position:absolute; left:0; bottom:.05rem; width:.13rem; height:.23rem; background:url(../images/footer_top_up.png) no-repeat top/cover;} .footer .footer_top .left .box .num_box .num02.down::after{background:url(../images/footer_top_down.png) no-repeat top/cover;} .footer .footer_top .left .box .time{color:#fff; } .footer .footer_top .left .common_btns:hover{border-color:#fff;} .footer .footer_top .right{width:51.2%; padding-left:5.7%; box-sizing:border-box; font-size:0;} .footer .footer_top .right .l_box{position:relative; display:inline-block; vertical-align:text-top; width:30%;} .footer .footer_top .right .l_box .title{font-size:.3rem; line-height:1; /*font-weight:bold;*/ margin-bottom:.4rem;} .footer .footer_top .right .l_box .swiper-pagination{position:relative; text-align:left;} .footer .footer_top .right .l_box .swiper-pagination .swiper-pagination-bullet{background:#fff; width:.12rem; height:.12rem; margin-right:.1rem;} .footer .footer_top .right .r_box{position:relative; display:inline-block; vertical-align:text-top; width:70%;} .footer .footer_top .right .r_box .swiper-slide{opacity:0;} .footer .footer_top .right .r_box .swiper-slide.swiper-slide-active{opacity:1;} .footer .footer_top .right .r_box .intro .t{color:#fff; font-size:.2rem; line-height:.28rem; max-height:.56rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:.15rem;} .footer .footer_top .right .r_box .intro .c{color:#fff; font-size:.14rem; opacity:.7;} .footer .footer_bott{background:#222222; padding-top:.45rem; color:#fff;} .footer .footer_bott .b_top{padding-bottom:.35rem; border-bottom:1px solid rgba(255,255,255,0.1);} .footer .footer_bott .b_top a:hover{/*font-weight:bold;*/ color:#fff;} .footer .footer_bott .b_top .t_left a{line-height:.24rem; color:#fff;} .footer .footer_bott .b_top .t_right{font-size:.22rem; line-height:.24rem; margin:0; color:#fff;} .footer .footer_bott .b_center{padding:.35rem 0 .5rem; border-bottom:1px solid rgba(255,255,255,0.1);} .footer .footer_bott .b_center .c_left{width:70.6%; text-align:justify;} .footer .footer_bott .b_center .c_left::after{content:''; display:inline-block; width:100%;} .footer .footer_bott .b_center .c_left dl{display:inline-block; vertical-align:text-top;} .footer .footer_bott .b_center .c_left dt{/*font-weight:bold;*/ font-size:.2rem; line-height:.28rem; margin-bottom:.15rem;} .footer .footer_bott .b_center .c_left dd{font-size:.15rem; line-height:.2rem; color:#999999; margin-bottom:.15rem;} .footer .footer_bott .b_center .c_left dd:hover a{color:#fff;} .footer .footer_bott .b_center .c_right{max-width:28%; text-align:right; } .footer .footer_bott .b_center .c_right .r_box{/*font-weight:bold;*/ font-size:.2rem; line-height:.28rem;} .footer .footer_bott .b_center .c_right .r_box a{font-size:.3rem; line-height:1; margin-top:.2rem; display:inline-block;} .footer .footer_bott .b_center .c_right .order_btns{display:inline-block; margin-top:.6rem; border:2px solid rgba(255,255,255,0.2); padding:0 .4rem;} .footer .footer_bott .b_center .c_right .order_btns .iconfont{font-size:.18rem; line-height:1; margin:0; margin-right:.1rem;} .footer .footer_bott .b_center .c_right .order_btns .c{line-height:.5rem; color:#fff; display:inline-block; vertical-align:middle;} .footer .footer_bott .b_center .c_right .order_btns:hover{background:#fff; color:#0d4696;} .footer .footer_bott .b_center .c_right .order_btns:hover .c{color:#0d4696;} .footer .footer_bott .b_bott{padding:.18rem 0; color:#999999; font-size:.15rem;} .footer .footer_bott .b_bott a:hover{color:#fff;} .footer .footer_bott .b_bott .gongan{padding-left:.1rem;} .footer .footer_bott .b_bott .gongan img{padding-right:.05rem;} .footer .footer_bott .b_bott .b_right>*{margin-left:.15rem;} /* 下层banner */ .xc_banner{margin-top:.92rem; position:relative;} .xc_banner>img{width:100%;} .xc_banner .xc_words{position:absolute; top:45%; left:0; width:100%; color:#ffffff; transform:translateY(-50%);} .xc_banner .xc_words .con{width:41%; margin-top:.3rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /* 二级导航 */ .xc_nav{border-bottom:2px solid #f5f5f5; line-height:.3rem;} .xc_nav .content{padding-top:.25rem; position:relative;} .xc_nav .wrap{position:relative;} .xc_nav .wrap::after{content:''; position:absolute; left:0; top:0; width:5px; height:.16rem; background:#184095; transform:translateY(-50%);} .xc_nav .crumbs{position:relative; color:#0d4696;} .xc_nav .crumbs h1{font-size:.16rem; line-height:.3rem; display:inline-block; font-weight:normal;} .xc_nav .xc_link a{margin-left:.45rem; padding-bottom:.25rem; position:relative; display:inline-block;} .xc_nav .xc_link a::after{content:''; position:absolute; bottom:-2px; left:50%; width:0; height:2px; background:#0d4696; transition:all .4s ease;} .xc_nav .xc_link a.cur{color:#0d4696;} .xc_nav .xc_link a.cur::after{left:0; width:100%;} .xc_nav .xc_link a:hover::after{left:0; width:100%;} /* 手机端部分 */ .header .h_tools .mobile_key{display:none;} .mNav{display:none;} /* 公共部分 */ .channel_content{padding:.8rem 0; min-height:3rem;} .swiper-button-next,.swiper-button-prev{outline:none;} /* 公共按钮 */ /* 蓝边蓝字 */ .common_btns{display:inline-block; font-size:0; padding:0 .35rem; /*border-radius:.3rem;*/ border:1px solid #064498;} .common_btns>div{display:inline-block; vertical-align:middle; line-height:.6rem; color:#064498;} .common_btns .t{font-size:.18rem;} .common_btns .iconfont{font-size:.24rem; margin:0; margin-left:.15rem; transform:rotate3d(0,6, 0, 180deg); font-weight:bold; line-height:1; padding-top:.05rem;} .common_btns:hover{background:#064498; border-color:#064498;} .common_btns:hover>div{color:#fff;} /* 白边白字 */ .common_btns.white{border-color:#ffffff;} .common_btns.white>div{color:#ffffff;} .common_btns.white:hover{background:#ffffff;} .common_btns.white:hover>div{color:#064498;} /* 蓝底白字 */ .common_btns.blue{background:#064498;} .common_btns.blue>div{color:#ffffff;} .common_btns.blue:hover{background:#fff; border-color:#064498;} .common_btns.blue:hover>div{color:#064498;} /* 白底蓝字 */ .common_btns.bw{background:#fff; border-color:#fff;} .common_btns.bw:hover{background:#064498; border-color:#064498;} .common_btns.bw:hover>div{color:#fff;} /* 新闻中心 */ /* .news_center.channel_content{padding-top:.92rem!important;} */ .news_center01{position:relative; padding:.7rem 0; overflow:hidden;} .news_center01 .bg img{position:absolute; left:50%; top:0; height:100%; transform:translateX(-50%); min-width:100%; max-width:none; width:auto; z-index:-1;} .news_center01 .title_box{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:.3rem;} .news_center01 .title_box .title{color:#fff; /*font-weight:bold;*/} .news_center01 .title_box .con{color:#fff;} .news_center01 .rect-5037{padding-bottom:50.37%;} .news_center01 .bott .swiper-slide{width:31.6%; margin-right:2.6%; display:inline-block; vertical-align:text-top; background:#fff; border-radius:.15rem; overflow:hidden;} .news_center01 .bott .swiper-slide .words{padding:.28rem 5%; padding-right:14%;} .news_center01 .bott .swiper-slide .words .time{font-size:14px; line-height:20px; color:#0d4696;} .news_center01 .bott .swiper-slide .words .tit{font-size:.2rem; line-height:.3rem; height:.6rem; margin:.05rem 0 .1rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_center01 .bott .swiper-slide .words .con{color:#777777; height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_center01 .bott .swiper-slide:nth-child(4){position:absolute; right:0; bottom:0; margin-right:0; height:auto;} .news_center01 .bott .swiper-slide:nth-child(3) .img_box, .news_center01 .bott .swiper-slide:nth-child(4) .img_box{display:none;} .news_center01 .bott .swiper-slide:nth-child(3) .words, .news_center01 .bott .swiper-slide:nth-child(4) .words{padding-top:7%; padding-bottom:7%;} /* .news_center02{margin-top:.7rem;} */ .news_center02 .hd{display:flex; flex-wrap:wrap;} .news_center02 .hd .item{width:30.6%; height:.4rem; font-size:.2rem; padding-right:.15rem; padding-left:.1rem; margin-right:4.1%; border-bottom:1px solid #0d4696; line-height:.3rem; padding-bottom:.1rem; box-sizing:border-box; position:relative; background:none;} .news_center02 .hd .item2{padding-right:0; margin-right:0; line-height:.4rem; box-sizing:border-box; position:relative; background:none;} .news_center02 .hd .item .word{display:flex; justify-content:space-between; align-items:center; cursor:pointer; height:100%; width:100%; color:#0d4696;} .news_center02 .hd .item .word span{width:90%; white-space:nowrap; color:#777777;} .news_center02 .hd .item .word .icon{margin:0; font-size:.18rem; font-weight:bold;} .news_center02 .hd .item2 input{padding:0; margin:0; display:flex; height:.3rem; border:none; outline:none; color:#222; width:calc(100% - 0.5rem); background:none; font-size:.2rem;} .news_center02 .hd .item2 input::-webkit-input-placeholder{color:#777777;} .news_center02 .hd .item2 .word{display:flex; justify-content:space-between; align-items:center; cursor:pointer; height:100%; width:100%;} .news_center02 .hd .item2 .word .icon{font-size:.2rem; margin:0; display:block; color:#494949; font-weight:bold; width:.4rem; height:.4rem; background:none; text-indent:0; text-align:center; line-height:.4rem;} .news_center02 .hd .item.choose .word span{color:#222;} .news_center02 .hd ul{display:none; background:#fff; width:100%; position:absolute; left:50%; transform:translateX(-50%); top:calc(100% + 1px); box-shadow:0 20px 20px 0px rgba(0,0,0,0.04); z-index:1;} .news_center02 .hd ul li{line-height:1; padding:1em; font-size:.18rem; color:#111; transition:all .3s ease; cursor:pointer;} .news_center02 .hd ul li:hover{background:#0d4696; color:#fff;} /* .news_center02 .bd{margin-top:.3rem;} */ .news_center02 .bd li{padding:.6rem 0 .55rem; border-bottom:1px solid #cdcdcd;} .news_center02 .bd li a{display:flex; align-items:center; justify-content:space-between;} .news_center02 .bd li .words_box{width:67%; } .news_center02 .bd li .words_box .tit{font-size:.3rem; line-height:1;} .news_center02 .bd li .words_box .con{max-height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:.2rem 0 .3rem;} .news_center02 .bd li .words_box .time{font-size:14px; line-height:1; color:#0d4696;} .news_center02 .bd li .img_box{width:23.2%; border-radius:.15rem; border-bottom-right-radius:0; overflow:hidden;} .news_center02 .rect-5569{padding-bottom:55.69%;} .news_center02 .rect-5569 img{position:absolute; top:0; left:50%; height:100%; min-width:100%; max-width:none; width:auto; transform:translateX(-50%);} .news_center02 .bd li:hover .rect-5569 img{transform:translateX(-50%) scale(1.05);} .news_center02 .bd li.no_img .words_box{width:90%;} /* 分页 start */ .news_page{font-size:0; color:#666666; text-align:center; font-family:Arial; margin-top:.7rem;} .news_page a{font-size:.16rem; display:inline-block; vertical-align:middle; width:auto; height:.4rem; padding:0 .15rem; line-height:.4rem; border:1px solid #eaeaea; } .news_page span{font-size:.16rem; display:inline-block; vertical-align:middle; width:auto; height:.4rem; padding:0 .15rem; line-height:.4rem;} .news_page .goprev{border-radius:5px 0 0 5px;} .news_page .gonext{border-radius:0 5px 5px 0;} .news_page .goprev i, .news_page .gonext i, .news_page .count i{font-size:.2rem; color:#0d4696; vertical-align:top; margin:0; font-weight:bold;} .news_page a.current{color:#fff; background:#0d4696; border-color:#0d4696;} .news_page a:hover{color:#fff; background:#0d4696; border-color:#0d4696;} .news_page a:hover i{color:#fff;} /* 分页 end */ /* 新闻详情 */ .news_detail_banner.xc_banner{height:5rem;} .news_detail_banner.xc_banner>img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); overflow:hidden;} .news_detail01 .left{width:73%;} .news_detail01 .left .switcher{display:inline-block;} .news_detail01 .left .con{margin-top:0.22rem;} .news_detail01 .left .time{margin-right:0.2rem;} .news_detail01 .left .share_box{text-align:center; position:relative; margin-top:0.3rem; margin-bottom:0.4rem;} .news_detail01 .left .share_box .line{position:absolute; width:100%; height:1px; background:#dddddd; top:0; left:0; top:50%; margin-top:-1px;} .news_detail01 .left .share_box li{position:relative; z-index:2; background:#fff; display:inline-block; padding:0 0.22rem; margin:0;} .news_detail01 .left .share_box li a{opacity:0.7; display:block;} .news_detail01 .left .share_box li a .iconfont{margin:0; font-size:.3rem; line-height:.4rem;} .news_detail01 .left .share_box li a.bshare-sinaminiblog .iconfont{font-size:.38rem;} .news_detail01 .left .share_box li:hover a{opacity:1;} .news_detail01 .left .text{border-bottom:1px solid #dfdfdf; padding-bottom:0.65rem; line-height:2;} .news_detail01 .left .text a{color:#0d4696;} .news_detail01 .left .btns{text-align:center; width:100%; margin-top:0.25rem;} .news_detail01 .left .btns .to_list{display:inline-block; color:#fff; padding:0 0.5rem; line-height:0.4rem; background:#0d4696; margin-top:0.2rem;} .news_detail01 .left .btns .prev{text-align:left; width:30%;} .news_detail01 .left .btns .next{text-align:right; width:30%;} .news_detail01 .left .btns i{margin:0;} .news_detail01 .left .btns a:hover .con15{color:#0d4696;} .news_detail01 .left .text img{max-width:650px!important; } .news_detail01 .right{width:21%;} .news_detail01 .right .title{background:#0d4696; color:#fff; line-height:0.6rem; font-size:.2rem; padding-left:0.26rem; box-sizing:border-box;} .news_detail01 .right .item{border:1px solid #ececec; border-top:none; margin-bottom:0.24rem; box-sizing:border-box;} .news_detail01 .right .item .item_con{padding:0.3rem 0.3rem 0.2rem; box-sizing:border-box; font-size:0;} .news_detail01 .right .item .item_con .time{font-size:12px; color:#555555; line-height:14px;} .news_detail01 .right .item .item_con .tit{transition:all 0.5s ease;} .news_detail01 .right .item .item_con .sub{position:relative; margin-top:0.1rem;} .news_detail01 .right .item .item_con .sub form{border:1px solid #ececec; width:100%; } .news_detail01 .right .item .item_con .sub input{width:calc(100% - .7rem); border:0; line-height:0.6rem; box-sizing:border-box; text-indent:0.25rem; padding:0; height:0.6rem; font-size:0.16rem; color:#555555;} .news_detail01 .right .item .item_con .sub input::-webkit-input-placeholder{color:#b3b3b3; font-size:0.16rem;} .news_detail01 .right .item .item_con .sub input::-moz-placeholder{color:#b3b3b3; font-size:0.16rem;} .news_detail01 .right .item .item_con .sub input:-moz-placeholder{color:#b3b3b3; font-size:0.16rem;} .news_detail01 .right .item .item_con .sub input:-ms-input-placeholder{color:#b3b3b3; font-size:0.16rem;} .news_detail01 .right .item .item_con .sub button{outline:none; border:none; padding:0 0.12rem; box-sizing:border-box; line-height:0.48rem; background:#777; cursor:pointer; color:#fff;} .news_detail01 .right .item .item_con li{margin-bottom:0.25rem;} .news_detail01 .right .item .item_con li:last-child{margin-bottom:0;} .news_detail01 .right .item .item_con li:hover .tit{color:#0d4696;} /* 产品详情 */ .xc_banner .kefu_btn{display:inline-block; margin-top:.5rem; background:#fff; font-size:0; padding:0 .35rem; border:1px solid #fff;} .xc_banner .kefu_btn>div{display:inline-block; vertical-align:middle; line-height:.6rem; color:#064498;} .xc_banner .kefu_btn .iconfont{font-size:.24rem; margin:0; margin-right:.15rem; line-height:1; } .xc_banner .kefu_btn:hover{background:#064498;} .xc_banner .kefu_btn:hover>div{color:#fff;} .pro_detail.channel_content{padding-bottom:0;} .pro_detail01{padding-bottom:.7rem;} .pro_detail01 .content .li_{width:23.5%; margin-right:2%; float:left;} .pro_detail01 .content .li_:last-child{margin-right:0;} .pro_detail01 .content .li_ .li_box{display:block; position:relative;} .pro_detail01 .content .li_ .li_box::after{content:''; border:.23rem solid transparent; border-top-color:#0d4696; position:absolute; left:50%; top:100%; margin-left:-0.23rem; opacity:0; visibility:hidden; transition:all 0.5s ease; border-bottom:0;} .pro_detail01 .content .li_ .li_box .cover_black{width:100%; height:100%; background:url(../images/pro_detail_bg.png) bottom;background-size:cover;position:absolute;left:0;bottom:0;} .pro_detail01 .content .li_ .li_box .cover_vi{width:100%; height:100%; background:#0d4696; position:absolute; left:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease;} .pro_detail01 .content .li_ .li_box .intro{width:100%; text-align:center; position:absolute; left:0; bottom:20%;} .pro_detail01 .content .li_ .li_box .intro .icon{opacity:0; visibility:hidden; transition:all 0.5s ease;} .pro_detail01 .content .li_ .li_box .intro .tit{color:#fff; margin-top:0.3rem;} .pro_detail01 .content .li_:hover .li_box .cover_vi{opacity:0.8; visibility:visible;} .pro_detail01 .content .li_:hover .li_box::after{opacity:0.9; visibility:visible;} .pro_detail01 .content .li_:hover .li_box .intro .icon{opacity:1; visibility:visible;} .pro_detail01 .content .li_.cur .li_box .cover_vi{opacity:0.8; visibility:visible;} .pro_detail01 .content .li_.cur .li_box::after{opacity:1; visibility:visible;} .pro_detail01 .content .li_.cur .li_box .intro .icon{opacity:1; visibility:visible;} .pro_detail01 .content .rect-5463{padding-bottom:54.63%;} .pro_detail01 .content .li_ .li_box .intro .icon>img{display:none;} .pro_detail01 .content .li_ .li_box .intro .icon{position:relative; width:23px; height:40px; cursor:pointer; background:url(../images/pro_detail01_mouse_ico.png) no-repeat -23px 0px; -webkit-animation: nudgeMouse 1.6s linear infinite; animation:nudgeMouse 1.6s linear infinite; display:block; margin:0 auto;} .pro_detail01 .content .li_ .li_box .intro .icon:after, .pro_detail01 .content .li_ .li_box .intro .icon:before{content: "";position: absolute;} .pro_detail01 .content .li_ .li_box .intro .icon:before{width:23px; height:40px; background:url(../images/pro_detail01_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite; animation: colorSlide 1.6s linear infinite; top:0; left:0;} .pro_detail01 .content .li_ .li_box .intro .icon:after{background-color:#ffffff; width:4px; height:4px; border-radius:100%; -webkit-animation:trackBallSlide 1.6s linear infinite; animation:trackBallSlide 1.6s linear infinite; top:0; right:0; bottom:0; left:0; margin:auto;} @-webkit-keyframes colorSlide { 0% {height:0;} 90%{height:40px;} } @keyframes colorSlide { 0% {height:0;} 90%{height:40px;} } @-webkit-keyframes nudgeMouse { 0% {-webkit-transform: translateY(0);transform: translateY(0);} 50% {-webkit-transform: translateY(6px);transform: translateY(6px);} 100% {-webkit-transform: translateY(0);transform: translateY(0);} } @keyframes nudgeMouse { 0% {-webkit-transform: translateY(0);transform: translateY(0);} 50% {-webkit-transform: translateY(6px);transform: translateY(6px);} 100% {-webkit-transform: translateY(0);transform: translateY(0);} } @-webkit-keyframes trackBallSlide { 0% {opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);} 34% {opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);} 68% {opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);} 100% {opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);} } @keyframes trackBallSlide { 0% {opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);} 34% {opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);} 68% {opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);} 100% {opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);} } .pro_detail01 .five .li_{width:18.4%;} .pro_detail01 .five .li_ .li_box::after{border-width:.16rem; margin-left:-.16rem;} .pro_detail01 .five .li_ .li_box .intro{bottom:15%;} .pro_detail01 .five .li_ .li_box .intro .tit{margin-top:0.2rem;} .pro_detail02{margin-bottom:.7rem;} .pro_detail02 .tit{margin-bottom:.25rem; /*font-weight:bold;*/} .pro_detail03{margin-bottom:.7rem;} .pro_detail03 .title{margin-bottom:.25rem; /*font-weight:bold;*/} .pro_detail03 .item{position:relative; float:left; width:26.3%; height: 100%; margin-left: 1%; transition:all .6s ease; overflow:hidden;} .pro_detail03 .item:first-child{margin-left:0;} .pro_detail03 .item .img_box{position:relative; width:100%; height:100%; overflow:hidden; border-radius:.2rem; } .pro_detail03 .item .img_cover{position:relative; opacity:1; max-width:none; width:100%; transition:opacity 0.2s ease 0.4s; z-index:2;} .pro_detail03 .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;} .pro_detail03 .item .txt_box{position:absolute; top:0; left:0; width: 100%; height:100%; z-index: 10;} .pro_detail03 .item .txt_cover{position:absolute; top:10%; left:10%; width:80%; height:80%; display:flex; align-items:center; justify-content:center;} .pro_detail03 .item .t{color:#fff; font-size:.24rem; line-height:.3rem;} .pro_detail03 .item .txt_cover .t{writing-mode:vertical-rl} .pro_detail03 .item .txt_full{position:absolute; bottom:0.12rem; left:0.6rem; right:0.36rem; opacity:0; } .pro_detail03 .item.on{width:72.7%; transition:all .6s ease;} .pro_detail03 .item.on .img_cover{opacity:0; transition:opacity 0s ease;} .pro_detail03 .item.on .img_full{opacity:1;} .pro_detail03 .item.on .txt_cover{display:none;} .pro_detail03 .item.on .txt_full{opacity:1; bottom:0.4rem; transition:all .8s ease;} .pro_detail03 .rect-1366{padding-bottom:136.6%;} .pro_detail03 .rect-495{padding-bottom:49.5%;} .pro_detail03 .content.content3 .item{width:20%;} .pro_detail03 .content.content3 .item.on{width:58%;} .pro_detail03 .content.content3 .rect-1366{padding-bottom:143.6%;} .pro_detail03 .content.content4 .item{width:15%;} .pro_detail03 .content.content4 .item.on{width:52%;} .pro_detail03 .content.content4 .rect-1366{padding-bottom:170.6%;} .pro_detail03 .content.content5 .item{width:12%;} .pro_detail03 .content.content5 .item.on{width:48%;} .pro_detail03 .content.content5 .rect-1366{padding-bottom:196.6%;} .pro_detail04{padding:.7rem 0; background:#f1f5f6;} .pro_detail04 .title{margin-bottom:.25rem; /*font-weight:bold;*/ text-align:center;} .pro_detail04 .swiper-slide{background:#fff; border-radius:.15rem; overflow:hidden; width:31%; margin-right:3.5%;} .pro_detail04 .swiper-slide .words{padding:.35rem;} .pro_detail04 .swiper-slide .words .tit{font-size:.2rem; line-height:.3rem; margin-bottom:.1rem;} .pro_detail04 .swiper-slide .words .con{height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .pro_detail04 .rect-5559{padding-bottom:55.59%;} .pro_detail04 .swiper-container-horizontal>.swiper-pagination-bullets{position:relative; bottom:auto; margin-top:.6rem; font-size:0;} .pro_detail04 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .08rem; width:.12rem; height:.12rem; opacity:1; background:#cbcbcb; border-radius:.1rem} .pro_detail04 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.6rem; background:#0d4696;} /* 关于我们 */ .about_us .title{/*font-weight:bold;*/ font-weight:normal;} .about_us01 .hd .content{display:flex; align-items:flex-start; justify-content:space-between;} .about_us01 .hd .content .center{width:55.3%; text-align:justify;} .about_us01 .hd .content .right{width:.6rem; height:.6rem; display:flex; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; -webkit-box-align:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; -webkit-justify-content:center; justify-content:center; position:relative;} .about_us01 .hd .content .right::before{content:''; width:100%; height:100%; border:1px dashed #999; border-radius:50%; position:absolute; top:0; left:0; animation:rotate 8s linear infinite;} @keyframes rotate{ 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} 100%{-webkit-transform:rotate(360deg);} } .about_us01 .bd{margin-top:.6rem;} .about_us01 .bd .cont{overflow:hidden; position:relative; margin-left:5.75%; width:94.25%; border-top-left-radius:.2rem; border-bottom-left-radius:.2rem;} .about_us01 .bd .cont .color_box{width:0%; height:100%; background:#0d4696; z-index:1; position:absolute; right:0; top:0;} .about_us01 .bd .cont .img_{opacity:0; overflow:hidden;} .about_us01 .swiper-container-horizontal>.swiper-pagination-bullets{position:absolute; bottom:.4rem; font-size:0;} .about_us01 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .08rem; width:.12rem; height:.12rem; opacity:1; background:#ffffff; border-radius:.1rem} .about_us01 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.6rem; background:#0d4696;} .about_us02{margin-top:.7rem; padding:.8rem 0 .9rem; background:#f8f8f8;} .about_us02 .content{display:flex; align-items:flex-start; justify-content:space-between; position:relative;} .about_us02 .left{width:45.3%; border-radius:.2rem; overflow:hidden;} .about_us02 .left img{width:100%;} .about_us02 .right{width:48%; padding-right:4%; box-sizing:border-box; padding-top:.4rem;} .about_us02 .right .infor .title span{display:block; color:#0d4696; margin:.1rem 0;} .about_us02 .right .infor .con{text-align:justify; margin-top:.3rem;} .about_us02 .cover_box{position:absolute; right:0; bottom:0; width:67.7%; background:#0d4696; border-radius:.2rem; padding:.25rem 0 .35rem; box-sizing:border-box; } .about_us02 .cover_box ul{display:flex; align-items:stretch; justify-content:space-evenly;} .about_us02 .cover_box .line{width:1px; background:#fff; opacity:.3;} .about_us02 .cover_box .line:last-child{display:none;} .about_us02 .cover_box li .t{color:#fff; margin-bottom:.15rem;} .about_us03{position:relative;} .about_us03 .bg img{width:100%;} .about_us03 .content{position:absolute; left:0; width:100%; top:55%; transform:translateY(-50%);} .about_us03 .infor{width:44.7%;} .about_us03 .infor .title{color:#fff;} .about_us03 .infor .con{color:#fff; text-align:justify; margin:.15rem 0 .5rem;} .about_us03 .big_num{margin-top:.6rem;} .about_us03 .big_num li{display:inline-block; vertical-align:text-top; margin-right:5.3%;} .about_us03 .big_num li .num_box{/*font-weight:bold;*/ color:#fff;} .about_us03 .big_num li .num_box .num{font-size:.6rem; font-family:Arial, Helvetica, sans-serif; line-height:1.2; font-weight:900;} .about_us03 .big_num li .t{color:#fff; margin-top:.05rem;} .about_us04{padding-top:.7rem;} .about_us04 .top_box{display:flex; align-items:flex-end; justify-content:space-between;} .about_us04 .top_box .title{padding-bottom:.15rem;} .about_us04 .top_box .tabs01{border-bottom:1px solid #d0d0d0; padding:0 0.6rem;} .about_us04 .top_box .tabs01 .item{display:inline-block; text-align:center; padding:0 0.5rem .1rem; position:relative; margin-bottom:-2px; transition:all .5s ease; cursor:pointer;} .about_us04 .top_box .tabs01 .item::after{content:''; position:absolute; bottom:-1px; height:6px; left:0; width:100%; background:#0d4696; opacity:0; visibility:hidden; transition:all .4s ease; border-radius:3px;} .about_us04 .top_box .tabs01 .item .icon .img02{display:none;} .about_us04 .top_box .tabs01 .item .t{margin-top:0.1rem;} .about_us04 .top_box .tabs01 .item.cur::after{opacity:1; visibility:visible;} .about_us04 .top_box .tabs01 .item.cur .t{color:#0d4696;} .about_us04 .top_box .tabs01 .item.cur .icon .img01{display:none;} .about_us04 .top_box .tabs01 .item.cur .icon .img02{display:inline-block;} .about_us04 .bott_box{margin-top:.7rem;} .about_us04 .bott_box .rect-701{padding-bottom:70.1%; background:#f8f8f8;} .about_us04 .bott_box .rect-701 img{left:50%; top:50%; max-width:70%; max-height:70%; width:auto; height:auto; transform:translate(-50%,-50%);} .about_us04 .bott_box .swiper-slide{display:inline-block; width:32.33%; margin-right:1%;} .about_us04 .bott_box .swiper-slide{position:relative;} .about_us04 .bott_box .swiper-slide .txt_box{opacity:0; visibility:hidden; position:absolute; top:0; left:0; right:0; bottom:0; padding:0.9rem 0.3rem 0; text-align:center; color:#fff; background:rgba(13, 70, 150, 0.8); transition:all .5s ease;} .about_us04 .bott_box .swiper-slide .txt_box .txt{color:#fff;} .about_us04 .bott_box .swiper-slide:hover .txt_box{opacity:1; visibility:visible;} .about_us04 .bott_box .swiper-controls{position:relative; margin-top:0.5rem; font-size:0;} .about_us04 .bott_box .swiper-controls .swiper-buttons{position:static; display:inline-block; vertical-align:middle; width:1.2rem; margin-right:4%;} .about_us04 .bott_box .swiper-controls .swiper-buttons .swiper-button-next, .about_us04 .bott_box .swiper-controls .swiper-buttons .swiper-button-prev{position:relative; top:initial; bottom:initial; outline:none; left:initial;right:initial; display:inline-block; margin:0; margin-right:.1rem; font-size:0.20rem; line-height:1; background:none; width:.5rem; height:0.5rem; border-radius:50%; border:1px solid #cecece; color:#9a9a9a; transition:all .5s ease; box-sizing:border-box;} .about_us04 .bott_box .swiper-controls .swiper-buttons .swiper-button-next:hover, .about_us04 .bott_box .swiper-controls .swiper-buttons .swiper-button-prev:hover{ color:#0d4696; border-color:#0d4696;} .about_us04 .bott_box .swiper-controls .swiper-buttons .swiper-button-next{margin-right:0;} .about_us04 .bott_box .swiper-controls .swiper-buttons .iconfont{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .about_us04 .bott_box .swiper-controls .swiper-scrollbar{position:static; display:inline-block; vertical-align:middle; width:calc(96% - 1.2rem); height:6px; background:#f6f6f8;} .about_us04 .bott_box .swiper-controls .swiper-scrollbar .swiper-scrollbar-drag{background:#0d4696; cursor:pointer;} /* 媒体图库 */ .media01 .hd{position:relative;} .media01 .hd .bg img{width:100%;} .media01 .hd .cover{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);} .media01 .hd .cover .infor{width:32%; padding-left:4.7%; color:#fff;} .media01 .hd .cover .infor .title{/*font-weight:bold;*/ margin-bottom:.15rem;} .media01 .bd{margin-top:.45rem; padding-top:.45rem; border-top:1px solid #e5e5e5;} .media01 .bd li{float:left; width:23.8%; margin-right:1.6%; margin-bottom:.4rem; cursor:pointer;} /* .media01 .bd li:nth-child(4n){margin-right:0;} */ .media01 .bd li .rect-6231{padding-bottom:62.31%;} .media01 .bd li .cover{position:absolute; width:100%; height:0; left:0; bottom:0; transition:all 0.5s ease; background:rgba(13, 70, 150,0.3); overflow:hidden;} .media01 .bd li .cover .play{width:.4rem; height:.4rem; background:url(../images/media01_2.png) no-repeat center; background-size:auto 100%; position:absolute; left:50%; margin-left:-0.3rem; top:50%; margin-top:-0.2rem;} .media01 .bd li .intro{padding:.35rem; padding-right:.7rem; background:#f8f8f8; position:relative; transition:all .3s ease;} .media01 .bd li .intro::after{position:absolute; right:.3rem; top:50%; transform:translateY(-50%); font-family:'iconfont'!important; content:'\e694'; font-size:.26rem; margin:0;} .media01 .bd li .intro .t{font-size:.2rem; line-height:.3rem;} .media01 .bd li:hover .cover{height:100%; transition:all 0.5s ease;} .media01 .bd li:hover .intro{background:#0d4696; color:#fff;} /* 图集弹窗 */ body .album_ordinary .album_close{background:#0d4696;} /* 文化 */ .culture01 .hd .content{display:flex; align-items:flex-start; justify-content:space-between;} .culture01 .hd .content .center{width:55.3%; text-align:justify;} .culture01 .hd .content .right{width:.6rem; height:.6rem; display:flex; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; -webkit-box-align:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; -webkit-justify-content:center; justify-content:center; position:relative;} .culture01 .hd .content .right::before{content:''; width:100%; height:100%; border:1px dashed #999; border-radius:50%; position:absolute; top:0; left:0; animation:rotate 8s linear infinite;} .culture01 .bd{margin-top:.6rem; position:relative;} .culture01 .bd .cont{position:absolute; left:0; width:100%; top:0; height:100%;} .culture01 .bd .cont .wrap{height:100%;} .culture01 .bd .cont .box{height:100%;} .culture01 .bd .cont .item{width:33.33%; cursor:pointer; float:left; height:100%; transition:all .3s ease; border-right:1px solid rgba(255,255,255,0.28); box-sizing:border-box; display:flex; align-items:center; justify-content:center;} .culture01 .bd .cont .item:first-child{border-left:1px solid rgba(255,255,255,0.28);} .culture01 .bd .cont .item .infor{padding:0 .6rem; text-align:center; color:#fff;} .culture01 .bd .cont .item .infor .tit{/*font-weight:bold;*/ margin-bottom:.15rem;} .culture01 .bd .cont .item .infor .con{height:0; opacity:0; visibility:hidden; transform:translateY(20px); transition:all .4s ease;} .culture01 .bd .cont .item:hover .infor .con{height:auto; opacity:1; visibility:visible; transform:translateY(0);} .culture02{margin-top:.7rem;} .culture02 .content{display:flex; align-items:center; justify-content:space-between;} .culture02 .left{width:34.7%;} .culture02 .left li{position:relative; margin-bottom:.4rem; cursor:pointer;} .culture02 .left li:last-child{margin-bottom:0;} .culture02 .left li .infor>div{padding-left:.45rem;} .culture02 .left li .tit{/*font-weight:bold;*/ opacity:.5; position:relative; transition:all .3s ease;} .culture02 .left li .tit::before{content:''; position:absolute; left:0; width:6px; height:.36rem; top:.04rem; background:#0d4696; opacity:0; visibility:hidden; transition:all .3s ease;} .culture02 .left li .con{display:none; padding-top:.1rem; text-align:justify;} .culture02 .right{width:55.2%; border-radius:.2rem; overflow:hidden;} .culture02 .right .img{display:none;} .culture02 .right img{width:100%;} .culture02 .left li.cur .tit{opacity:1; color:#0d4696;} .culture02 .left li.cur .tit::before{opacity:1; visibility:visible;} .culture02 .m_left{display:none;} /* 社会责任 */ .responsive .title{/*font-weight:bold;*/} .responsive01 .top{text-align:center;;} .responsive01 .top .infor{width:75%; margin:0 auto; margin-bottom:.6rem} .responsive01 .top .infor .con{margin-top:.25rem;} .responsive01 .top .big_num{font-size:0; text-align:center;} .responsive01 .top .big_num .item{display:inline-block; vertical-align:text-top; width:auto; margin-right:9.4%; text-align:left; color:#666666;} .responsive01 .top .big_num .item:last-child{margin-right:0;} .responsive01 .top .big_num .item .num_box{font-size:.18rem; line-height:.24rem;} .responsive01 .top .big_num .item .num{font-size:.72rem; line-height:1; color:#222; font-family:Arial, Helvetica, sans-serif; /*font-weight:bold;*/ transition:all .4s ease; margin-right:.1rem;} .responsive01 .top .big_num .item:hover .num{color:#0d4696;} .responsive01 .bott{margin-top:.45rem; padding-left:5.75%; width:100%; box-sizing:border-box;} .responsive01 .bott .rect-5004{padding-bottom:50.04%;} .responsive01 .bott .swiper-slide{width:10.3rem;} .responsive01 .bott .swiper-slide::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:50%; background:linear-gradient(to top, rgba(0,0,0,.6) 10%,rgba(0,0,0,.5) 20%,rgba(0,0,0,.4) 30%, rgba(0,0,0,0)); opacity:0;} .responsive01 .bott .swiper-slide.swiper-slide.swiper-slide-active::after{opacity:1;} .responsive01 .bott .words_box{position:absolute; bottom:.4rem; left:4.7%; right:4.7%; opacity:0; color:#fff; z-index:10;} .responsive01 .bott .words_box .t{font-size:.24rem; line-height:.3rem; margin-bottom:.1rem;} .responsive01 .bott .swiper-slide-active .words_box{opacity:1;} .responsive01 .bott .swiper-pagination-progressbar{position:absolute; bottom:.1rem; top:auto; height:1px; background:#b8b9be;} .responsive01 .bott .swiper-pagination-progressbar::before{content:''; position:absolute; left:0; width:.1rem; height:.1rem; background:#0d4696; border-radius:50%; margin-top:-.04rem;} .responsive01 .bott .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#0d4696;} .responsive01 .bott .btns{margin-top:.5rem;} .responsive01 .swiper-controls{position:relative; margin-top:0.35rem; font-size:0;} .responsive01 .swiper-controls .swiper-buttons{position:static; display:inline-block; vertical-align:middle; width:1.2rem; margin-right:4%;} .responsive01 .swiper-controls .swiper-buttons .swiper-button-next, .responsive01 .swiper-controls .swiper-buttons .swiper-button-prev{position:relative; top:initial; bottom:initial; outline:none; left:initial;right:initial; display:inline-block; margin:0; margin-right:.1rem; font-size:0.20rem; line-height:1; background:none; width:.5rem; height:0.5rem; border-radius:50%; border:2px solid #cecece; color:#9a9a9a; transition:all .5s ease; box-sizing:border-box;} .responsive01 .swiper-controls .swiper-buttons .swiper-button-next:hover, .responsive01 .swiper-controls .swiper-buttons .swiper-button-prev:hover{ color:#0d4696; border-color:#0d4696;} .responsive01 .swiper-controls .swiper-buttons .swiper-button-next{margin-right:0;} .responsive01 .swiper-controls .swiper-buttons .iconfont{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .responsive01 .swiper-controls .swiper-pagination-progressbar{position:relative; display:inline-block; vertical-align:middle; width:calc(96% - 1.2rem); height:1px; background:#f6f6f8; bottom:auto;} .responsive01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#0d4696;} .responsive01 .swiper-pagination-progressbar::before{content:''; position:absolute; left:0; width:.1rem; height:.1rem; background:#0d4696; border-radius:50%; margin-top:-.04rem;} .responsive02{margin-top:.7rem;} .responsive02 .content{display:flex; flex-direction:row; align-items:stretch;} .responsive02 .left{width:52.2%;} .responsive02 .left .img_box img{width:100%;} .responsive02 .left .words_box{position:absolute; left:4.9%; bottom:5.8%; color:#fff; } .responsive02 .left .words_box .t{font-size:.24rem; line-height:.3rem;} .responsive02 .left .words_box .c{margin-top:.1rem; color:#fff;} .responsive02 .right{width:47.8%; background:#f7f7f7; position:relative;} .responsive02 .right .box{color:#222; right:12.5%; left:10.7%; position:absolute; top:45%; transform:translateY(-50%);} .responsive02 .right .box .con{margin-top:.3rem; text-align:justify;} .responsive02 .right .btns{position:absolute; right:12.5%; bottom:12.5%; z-index:20;} .responsive02 .right .btns .swiper-button-next, .responsive02 .right .btns .swiper-button-prev{position:relative; top:initial; bottom:initial; outline:none; left:initial;right:initial; display:inline-block; margin:0; margin-right:.1rem; font-size:0.20rem; line-height:1; background:none; width:.5rem; height:0; padding-bottom:.5rem; border-radius:50%; border:2px solid #cecece; color:#9a9a9a; transition:all .5s ease;} .responsive02 .right .btns .swiper-button-next:hover, .responsive02 .right .btns .swiper-button-prev:hover{ color:#0d4696; border-color:#0d4696;} .responsive02 .right .btns .swiper-button-next{margin-right:0;} .responsive02 .right .btns .iconfont{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} /* 联系我们 */ .contact_us .title{text-align:center; /*font-weight:bold;*/} .contact_us01 .content{display:flex; align-items:stretch;} .contact_us01 .left{width:63%; height:7.4rem; flex-shrink:0; position:relative; z-index:5;} .contact_us01 .left #contact-us01-l-map-51169{width:100%!important; height:100%!important;} .contact_us01 .right{width:37%; background:#0d4696; color:#fff; padding:0.3rem 2.8%; box-sizing:border-box; display:flex; align-items:center;} .contact_us01 .right .item{padding-top:.5rem; margin-top:.5rem; border-top:1px solid rgba(255,255,255,.3);} .contact_us01 .right .item:first-child{padding-top:0; margin-top:0; border-top:0;} .contact_us01 .right .item .tit{font-size:.24rem; line-height:.3rem; margin-bottom:.3rem;} .contact_us01 .right .item li{margin-bottom:.2rem; font-size:0;} .contact_us01 .right .item li .icon{display:inline-block; vertical-align:text-top; border:2px solid #fff; border-radius:50%; box-sizing:border-box; text-align:center; margin-right:.2rem;} .contact_us01 .right .item li .iconfont{font-size:.24rem; line-height:1; margin:0; padding:.11rem;} .contact_us01 .right .item li .box{width:calc(100% - .75rem); display:inline-block; vertical-align:text-top; color:#fff;} .contact_us01 .right .item li .box .line a{color:#fff;} .contact_us02{margin-top:.7rem;} .contact_us02 .content{margin-top:.3rem;} .contact_us02 .content .ul_f{display:flex; align-items:flex-start; flex-wrap:wrap;} .contact_us02 .content li{width:31%; margin-right:3.5%; margin-bottom:.3rem; border-top:2px solid #0d4696; padding:.45rem 2.5% .3rem; box-sizing:border-box; transition:all .3s ease; position:relative;} .contact_us02 .content li::after{content:''; position:absolute; left:0; bottom:0; height:2px; width:0; background:#0d4696; transition:all .3s ease;} .contact_us02 .content li:nth-child(3n){margin-right:0;} .contact_us02 .content li .tit{font-size:.24rem; line-height:.3rem; /*font-weight:bold;*/} .contact_us02 .content li .cont{margin-top:.3rem; font-size:0;} .contact_us02 .content li .cont dd{margin-bottom:.1rem;} .contact_us02 .content li .cont dd div{display:inline-block; vertical-align:text-top;} .contact_us02 .content li .cont dd .iconfont{margin:0; font-size:.24rem; line-height:.3rem; color:#0d4696; margin-right:.11rem;} .contact_us02 .content li .cont dd .t{width:calc(100% - .4rem);} .contact_us02 .content li:hover{box-shadow:0px 6px 26.19px 0.81px rgba(0, 0, 0, 0.14);} .contact_us02 .content li:hover::after{width:100%;} .contact_us03{margin-top:.4rem;} .contact_us03 .infor{text-align:center; margin-bottom:.3rem;} .contact_us03 .infor .con{margin-top:.1rem;} .contact_us03 .form_box .inp_box{width:32.4%; margin-right:1.4%; margin-bottom:.2rem;} .contact_us03 .form_box .inp_box:nth-child(3n){margin-right:0;} .contact_us03 .form_box .inp_box .inp{width:100%; padding:.1rem .2rem; box-sizing:border-box; border:1px solid #dddddd; line-height:.28rem;} .contact_us03 .form_box .text_mess{width:100%; margin-right:0;} .contact_us03 .form_box .text_mess .text_{width:100%; line-height:.28rem; height:1.9rem; padding:.25rem .2rem; box-sizing:border-box; border:1px solid #dddddd; resize:none;} .contact_us03 .form_box .yzm_box{width:auto;} .contact_us03 .form_box .yzm_box .yzm{width:1.8rem; margin-right:.2rem;} .contact_us03 .form_box .yzm_box img{width:1.2rem; margin-right:.2rem; height:.5rem; cursor:pointer;} .contact_us03 .form_box .yzm_box .change{font-size:12px; color:#737382; display:inline-block; vertical-align:bottom;} .contact_us03 .form_box .btns_list{text-align:center;} .contact_us03 .form_box .btns_list button{width:2.4rem; height:.5rem; line-height:.5rem; outline:none; padding:0; border:none; font-size:.16rem; color:#fff; cursor:pointer; border-radius:0; display:inline-block; margin-left:.15rem;} .contact_us03 .form_box .btns_list .sub{background-color:#0d4696; margin-left:0;} .contact_us03 .form_box .btns_list .reset{background-color:#575757;} /* 科研创新 */ .technology .title{/*font-weight:bold;*/ margin-bottom:.4rem;} .technology01 .infor{text-align:center; width:70%; margin:0 auto .3rem;} .technology01 .infor .title{margin-bottom:.3rem;} .technology01 .item{display:flex; align-items:stretch; justify-content:space-between; margin-bottom:.25rem;} .technology01 .item.even{flex-direction:row-reverse;} .technology01 .item:last-child{margin-bottom:0;} .technology01 .item .img{position:relative; overflow:hidden;} .technology01 .item .img01{width:61.47%;} .technology01 .item .img02{width:36.88%;} .technology01 .item .tit{position:absolute; left:.5rem; right:.3rem; bottom:.4rem; font-size:.24rem; line-height:.3rem; color:#fff;} .technology01 .rect-4144{padding-bottom:41.44%;} .technology01 .rect-6906{padding-bottom:69.06%;} .technology02{margin-top:.7rem;} .technology02 .content li{float:left; width:23.8%; margin-right:1.6%; margin-bottom:.3rem; background:#eff0f2; border-radius:.2rem; height:1.6rem; display:flex; align-items:center; justify-content:center;} .technology02 .content li:nth-child(4n){margin-right:0;} .technology02 .content li .img{max-width:80%; max-height:80%; overflow:hidden;} .technology02 .content li .img img{max-height:100%; mix-blend-mode:darken;} .technology03{margin-top:.4rem;} .technology03 .content{display:flex; align-items:stretch;} .technology03 .left{width:33.7%; flex-shrink:0;} .technology03 .left img{height:100%;} .technology03 .right{width:66.3%; background:#0d4696; display:flex; align-items:center; justify-content:center;} .technology03 .right .box{width:82%; padding:.4rem 0; color:#fff;} .technology03 .right .box .infor .tit{font-size:.24rem; line-height:.36rem; margin-bottom:.3rem;} .technology03 .right .box .infor .con{color:#fff; text-align:justify;} .technology03 .right .box .big_num{margin-top:.7rem;} .technology03 .right .box .big_num ul{display:flex; align-items:flex-start; justify-content:space-around;} .technology03 .right .box .big_num li .t{color:#fff; margin-top:.15rem;} /* 研发成果 */ .achievement.channel_content{padding:0;} .achievement .title{/*font-weight:bold;*/} .achievement01{background:#f3f3f3;} .achievement01 .content{position:relative;} .achievement01 .right{width:56%; float:right;} .achievement01 .right img{width:100%;} .achievement01 .left{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);} .achievement01 .left .cont{width:42.6%;} .achievement01 .left .cont .infor .title{color:#090b37; margin-bottom:.25rem;} .achievement01 .left .cont .big_num{margin-top:.45rem;} .achievement01 .left .cont .big_num .item{display:inline-block; margin-right:.7rem; vertical-align:text-top;} .achievement01 .left .cont .big_num .item span{/*font-weight:bold;*/ color:#0d4696; margin-right:.05rem;} .achievement02{margin:.7rem 0;} .achievement02 .title{margin-bottom:.3rem; text-align:center;} .achievement02 .swiper-container{padding:.11rem; box-sizing:border-box;} .achievement02 .swiper-slide{width:32.4%; margin-right:1.4%; padding:.3rem .45rem; border-radius:.1rem; box-sizing:border-box; background:url(../images/achievement02_bg.jpg) no-repeat center/cover; min-height:3rem; display:flex; align-items:stretch; justify-content:space-between; box-shadow:0 0 11px 3px rgba(0,0,0,0.12);} .achievement02 .swiper-slide .right{width:1.78rem; flex-shrink:0; background:#fff; border-radius:.1rem;} .achievement02 .swiper-slide .right img{width:100%;} .achievement02 .swiper-slide .left{position:relative; padding-right:8%;} .achievement02 .swiper-slide .left .tit{font-size:.24rem; line-height:.36rem; /*font-weight:bold;*/ color:#000000;} .achievement02 .swiper-slide .left .tit span{color:#0d4696; display:block;} .achievement02 .swiper-slide .left .icon{position:absolute; left:0; bottom:0;} .achievement02 .swiper-controls{position:relative; margin-top:0.45rem; font-size:0;} .achievement02 .swiper-controls .swiper-buttons{position:static; display:inline-block; vertical-align:middle; width:1.2rem; margin-right:4%;} .achievement02 .swiper-controls .swiper-buttons .swiper-button-next, .achievement02 .swiper-controls .swiper-buttons .swiper-button-prev{position:relative; top:initial; bottom:initial; outline:none; left:initial;right:initial; display:inline-block; margin:0; margin-right:.1rem; font-size:0.20rem; line-height:1; background:none; width:.5rem; height:0.5rem; border-radius:50%; border:2px solid #cecece; color:#9a9a9a; transition:all .5s ease; box-sizing:border-box;} .achievement02 .swiper-controls .swiper-buttons .swiper-button-next:hover, .achievement02 .swiper-controls .swiper-buttons .swiper-button-prev:hover{ color:#0d4696; border-color:#0d4696;} .achievement02 .swiper-controls .swiper-buttons .swiper-button-next{margin-right:0;} .achievement02 .swiper-controls .swiper-buttons .iconfont{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .achievement02 .swiper-controls .swiper-pagination-progressbar{position:relative; display:inline-block; vertical-align:middle; width:calc(96% - 1.2rem); height:9px; background:#f6f6f8; bottom:auto; border-radius:5px; overflow:hidden;} .achievement02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#0d4696; border-radius:5px;} .achievement03{position:relative; min-height:7.6rem; padding:1.4rem 0 1rem; box-sizing:border-box;} .achievement03 .bg img{width:auto; position:absolute; top:0; height:100%; left:50%; transform:translateX(-50%); max-width:none; min-width:100%;} .achievement03 .content{position:relative; z-index:5; color:#fff;} .achievement03 .title{text-align:center; margin-bottom:19%;} .achievement03 .cont{font-size:0; text-align:center;} .achievement03 .cont li{display:inline-block; vertical-align:text-top; margin-right:7%; width:14.1%; text-align:left;} .achievement03 .cont li:last-child{margin-right:0;} .achievement03 .cont li .num_box{font-size:.24rem; line-height:.3rem; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:.2rem;} .achievement03 .cont li .num_box .num{font-size:.72rem; /*font-weight:bold;*/ padding-right:.05rem;} .achievement03 .cont li .t{color:#fff; margin-top:.2rem;} /* 人才 */ .xc_banner{overflow:hidden;} .talent_intro{position:absolute; z-index:1; top:0; left:0; overflow:hidden; width:100%; height:calc(100vh - .92rem); pointer-events:none; -webkit-backface-visibility:hidden; background:#b8b7b8;} .talent_intro:after{content:""; position:absolute; z-index:2; top:0; left:0; width:100%; height:32rem; background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.3) 60%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,0.8) 100%); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} .talent_intro .slide_body{width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transform:rotate(-30deg); transform:rotate(-30deg); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-backface-visibility:hidden;} .talent_intro .slide_rail{height:calc(100vh - .92rem); position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; margin-right:2%;} .talent_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:first-child{-webkit-animation:railDown1 1000s -500s linear infinite; animation:railDown1 1000s -500s linear infinite;} .talent_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:last-child{-webkit-animation:railDown2 1000s linear infinite; animation:railDown2 1000s linear infinite;} .talent_intro .slide_rail_inner{position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .talent_intro .slide_rail_inner ul{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .talent_intro .slide_rail_inner ul:first-child{-webkit-animation:railUp1 1000s -500s linear infinite; animation:railUp1 1000s -500s linear infinite;} .talent_intro .slide_rail_inner ul:last-child{-webkit-animation:railUp2 1000s linear infinite; animation:railUp2 1000s linear infinite} .talent_intro .slide_tile{margin-bottom:0.5rem; position:relative; width:100%;} .talent_intro .slide_tile:before{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(18,13,11,0.5);} .talent_box{position:relative; height:calc(100vh - .92rem); z-index:2;} .talent_box .more{position:absolute; left:50%; top:25%; z-index:3; transform:translate(-50%,0); white-space:nowrap;} .talent_box .more .common_btns:first-child{margin-right:.15rem;} .talent_box .more .common_btns.cur{background:#064498; border-color:#064498;} .talent_box .more .common_btns.cur>div{color:#fff;} .talent_box .logo{display:block; position:fixed; z-index:2; top:0; left:0; width:100vw; height:calc(100vh - .92rem); -webkit-transition:all .5s cubic-bezier(0.43, 0.05, 0.17, 1); transition:all .5s cubic-bezier(0.43, 0.05, 0.17, 1); -webkit-transition-property:visibility,opacity; transition-property:visibility,opacity;} .talent_box .logo .join{pointer-events:none; -webkit-transition:all 2s cubic-bezier(0.43, 0.05, 0.17, 1); transition:all 2s cubic-bezier(0.43, 0.05, 0.17, 1); -webkit-transition-property:opacity; transition-property:opacity; opacity:1;} .talent_box .logo .join .bg{position:absolute; left:50%; bottom:-0.7rem; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); width:83.33%; height:7rem; background:url(../images/develop_logo1.png); background-repeat:no-repeat; background-position:center center; background-size:contain; transition:all 5s ease;} .talent_box .logo .join.black{opacity:0.03;} .talent_box .logo .join.black .bg{background-image:url(../images/develop_logo2.png); bottom:0;} .talent_box .logo .join.hide{opacity:0;} @-webkit-keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @-webkit-keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @-webkit-keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @-webkit-keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } @keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } .talent.channel_content{position:relative; z-index:5;} .talent .title{/*font-weight:bold;*/} .talent .content .t_box{position:relative; padding-bottom:.2rem; margin-bottom:.3rem; border-bottom:1px solid #d5d5d5;} .talent .content .t_box span:first-child{font-size:1rem; color:#f6f6f7; font-family:Impact; line-height:1rem;} .talent .content .t_box span:last-child{position:absolute; left:0; top:50%; transform:translate(0,-50%); font-size:.28rem; line-height:.3rem;} .talent01 .content{display:flex; align-items:center; justify-content:space-between;} .talent01 .left{width:58.8%;} .talent01 .rect-482{padding-bottom:48.2%;} .talent01 .right{width:34.7%; text-align:right;} .talent01 .right .infor{text-align:left;} .talent01 .right .con{margin-top:.15rem; color:#777777; text-align:justify;} .talent01 .right .common_btns{margin-top:1rem;} .talent02{margin-top:.7rem; position:relative;} .talent02::before{content:''; width:46%; height:93%; background:url(../images/talent2_bg1.jpg) no-repeat center; background-size:cover; position:absolute; right:0; bottom:0; z-index:-1;} .talent02 .title{text-align:center;} .talent02 .content .top .tit{/*font-weight:bold;*/ font-size:.32rem; line-height:.4rem; margin-bottom:.25rem;} .talent02 .content .con{color:#777777; text-align:justify;} .talent02 .content01{margin-top:1rem;} .talent02 .content01 .top{margin-bottom:.3rem;} .talent02 .content01 .bott{font-size:0;} .talent02 .content01 .bott .left{width:57.3%; display:inline-block; vertical-align:top; margin-right:3%;} .talent02 .content01 .bott .right{width:31.77%; display:inline-block; vertical-align:top; padding-top:0.7rem;} .talent02 .content02{margin-top:1.4rem;} .talent02 .content02 .cont{width:84.2%; margin:0 auto; margin-left:3%;} .talent02 .content02 .top .tit{margin-bottom:.6rem;} .talent02 .content02 .bott{position:relative; padding-bottom:.4rem;} .talent02 .content02 .right{position:absolute; bottom:0; right:0; width:55.2%;} .talent02 .content02 .left{width:26%; position:relative;} .talent02 .content02 .left::after{content:''; width:0.73rem; height:1.05rem; background:url(../images/talent2_icon.png) no-repeat center; background-size:cover; position:absolute; right:0; bottom:0;} .talent02 .content02 .left .t22{margin-top:.35rem;} .talent02 .content02 .left .t22 span{font-size:0.22rem; line-height:0.22rem; padding-bottom:0.2rem; display:block; font-style:oblique;} .talent02 .rect-5168{padding-bottom:51.68%;} .talent02 .rect-5949{padding-bottom:59.49%;} .talent03{margin-top:1.4rem; position:relative; padding:.5rem 0 .4rem; background:#f8f9fa;} .talent03::after{content:''; width:2.5rem; height:2.8rem; background:url(../images/talent3_bg.png) no-repeat center; position:absolute; left:0; top:-22%;} .talent03 .cont{width:94.2%; margin:0 auto; display:flex; align-items:flex-start; justify-content:space-between; position:relative;} .talent03::before{content:''; width:1.06rem; height:0.73rem; background:url(../images/talent3_icon.png) no-repeat center; background-size:cover; position:absolute; right:5.75%; bottom:-.2rem; transform:translateY(100%);} .talent03 .left{width:48.5%; transform:translateY(.7rem);} .talent03 .right{width:46%; } .talent03 .right .con{margin-top:.15rem; margin-bottom:.4rem; color:#777777; text-align:justify;} .talent03 .content .t_box span:first-child{color:#e7e7e7;} .talent03 .rect-578{padding-bottom:57.8%;} .talent04{margin-top:1.4rem;} .talent04 .title{text-align:center; margin-bottom:.4rem;} .talent04 .content{width:54%; margin:0 auto;} .talent04 .content .swiper-container{overflow:visible;} .talent04 .content .swiper-slide{opacity:.6;} .talent04 .content .swiper-slide .t{font-size:.24rem; color:#fff; position:absolute; bottom:.3rem; left:6%; right:6%; opacity:0; visibility:hidden;} .talent04 .content .swiper-slide.swiper-slide-active{opacity:1;} .talent04 .content .swiper-slide.swiper-slide-active .t{opacity:1; visibility:visible;} .talent04 .content .swiper-container-horizontal>.swiper-pagination-bullets{position:relative; bottom:auto; margin-top:.6rem; font-size:0;} .talent04 .content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px; width:.12rem; height:.12rem; opacity:1; border-radius:.06rem; background:#cbcbcb;} .talent04 .content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.6rem; background:#0d4696;} .talent04 .rect-6699{padding-bottom:66.99%;} .talent05{margin-top:.8rem; overflow:hidden;} .talent05 .title{text-align:center; margin-bottom:.4rem;} .talent05 li{float:left; width:15.5%; margin-right:1.4%; text-align:center; margin-bottom:.4rem; border:2px solid #ededed; border-radius:.1rem; height:2.65rem; display:flex; align-items:center; justify-content:center; box-sizing:border-box; transition:all .4s ease;} .talent05 li:nth-child(6n){margin-right:0;} .talent05 li .icon{width:1.2rem; height:1.2rem; border-radius:50%; background:#f5fafc; display:flex; align-items:center; justify-content:center; transition:all .4s ease;} .talent05 li .icon .img01{display:block;} .talent05 li .icon .img02{display:none;} .talent05 li .t{margin-top:.25rem; transition:all .4s ease;} .talent05 li:hover{background:#0d4696; border-color:#0d4696;} .talent05 li:hover .icon{background:rgba(255,255,255,0.1);} .talent05 li:hover .icon .img02{display:block;} .talent05 li:hover .icon .img01{display:none;} .talent05 li:hover .t{color:#fff;} /* 首页 */ .ibanner{position:relative; border-bottom-left-radius:1.1rem; overflow:hidden;} .ibanner .img_box img{width:100%;} .ibanner .img_box video{width:100%;} .ibanner .words_box{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff;} .ibanner .words_box .info{width:44%;} .ibanner .words_box .con{font-size:.24rem; line-height:.36rem; margin-bottom:.1rem;} .ibanner .words_box .tit{font-size:.6rem; line-height:.8rem; /*font-weight:bold;*/} .ibanner .words_box .common_btns{margin-top:.5rem;} .ibanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:auto; top:93vh;} .ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 9px; border-radius:0; width:.8rem; height:4px; background:#fff; opacity:1;} .ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0d4696;} .ibanner .cover_icon{position:absolute; right:0; top:93vh; transform:translateY(-100%); width:100%; z-index:2;} .ibanner .down_icon{width:.6rem; height:.6rem; position:relative; float:right; display:flex; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; -webkit-box-align:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; -webkit-justify-content:center; justify-content:center;} .ibanner .down_icon::before{content:''; width:100%; height:100%; border:1px dashed #fff; border-radius:50%; position:absolute; top:0; left:0; animation:rotate 8s linear infinite;} .ibanner .m_img{display:none;} .ipart_title .en{/*font-weight:bold;*/ text-transform:uppercase; color:#0d4696; } .ipart_title .title{/*font-weight:bold;*/ margin-top:.15rem;} .ipart01{margin-top:1.2rem; overflow:hidden; position:relative;} .ipart01 .left{width:43.5%; background:#fff;} .ipart01 .left .con{margin-top:.2rem; margin-bottom:.6rem; text-align:justify;} .ipart01 .left .des_box{margin-bottom:.3rem;} .ipart01 .left .des_box li{float:left; width:42%; margin-right:8%; margin-bottom:.25rem; display:flex; align-items:center; justify-content:space-between;} .ipart01 .left .des_box li .icon{width:45%; height:.9rem; border:1px solid #abbfda; display:flex; align-items:center; justify-content:center;} .ipart01 .left .des_box li .icon img{max-width:80%; max-height:80%;} .ipart01 .left .des_box li .t{width:48.2%; transition:all .4s ease;} .ipart01 .left .des_box li:hover .t{color:#0d4696;} .ipart01 .right{width:50%; position:absolute; right:0; top:0; overflow:hidden;} .ipart01 .right .box{width:83.5%;} .ipart01 .right .swiper-container{overflow:visible;} .ipart01 .right .swiper-slide{border-radius:.2rem; overflow:hidden; opacity:.4;} .ipart01 .right .swiper-slide.swiper-slide-active{opacity:1;} .ipart01 .right .swiper-button-next{position:absolute; right:-7.7%; transform:translateX(100%); width:.7rem; opacity:.8; height:.7rem; border-radius:50%; background:#064498; margin:0; left:auto; transition:all .4s ease;} .ipart01 .right .swiper-button-prev{position:absolute; left:2.5%; width:.7rem; opacity:.8; height:.7rem; border-radius:50%; background:#064498; margin:0; right:auto; transition:all .4s ease;} .ipart01 .right .swiper-button-disabled{display:none;} .ipart01 .right .swiper-button-next:hover, .ipart01 .right .swiper-button-prev:hover{opacity:1;} .ipart01 .right .iconfont{position:absolute; font-size:.2rem; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; color:#fff; font-weight:bold;} .ipart01 .right .rect-7194{padding-bottom:71.94%;} .ipart02{margin-top:1.2rem; position:relative; overflow:hidden;} .ipart02 .bg .img_{display:none; background-size:100% auto;} .ipart02 .bg .img_.on{display:block;} .ipart02 .bg .img_::after{content:''; position:absolute; width:100%; height:100%; background:inherit; left:0; transform:scale(1.2); top:0; z-index:1;} .ipart02 .bg .img_.on::after{animation:scale 2s ease forwards;} .ipart02 .show_box{position:absolute; top:18.5%; left:0; width:100%; z-index:2;} .ipart02 .show_box .ind_show{overflow:hidden; display:none;} .ipart02 .show_box .ind_show.on{display:block;} .ipart02 .show_box .ind_show .title{text-align:center; color:#fff; /*font-weight:bold;*/} .ipart02 .show_box .ind_show .con_box{display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; margin-top:10%; height:2.3rem;} .ipart02 .show_box .ind_show .con_box .item{margin:0 3.645vw; position:relative;} .ipart02 .show_box .ind_show .con_box .item::after{content:''; display:block; height:0; width:3.645vw; left:100%; top:50%; position:absolute; border-bottom:1px dotted rgba(255, 255, 255, 0.4);} .ipart02 .show_box .ind_show .con_box .item::before{content:''; display:block; height:0; width:3.645vw; right:100%; top:50%; position:absolute; border-bottom:1px dotted rgba(255, 255, 255, 0.4);} .ipart02 .show_box .ind_show .con_box .item:first-child::before{display:none;} .ipart02 .show_box .ind_show .con_box .item:last-child::after{display:none;} .ipart02 .show_box .ind_show .con_box .item span{position:absolute; display:block; width:120%; height:120%; border-radius:100%; left:50%; top:50%; transform:translate(-50%, -50%); transition:all .3s ease; opacity:0; pointer-events:none;} .ipart02 .show_box .ind_show .con_box .item span img {display:block;width:100%;} .ipart02 .show_box .ind_show .con_box .item .cover {border-radius:100%; transition:all .3s ease; width:.85rem; height:.85rem;} .ipart02 .show_box .ind_show .con_box .item .cover .icon{border-radius:50%; transition:all .3s ease; border:1px solid rgba(255, 255, 255, 0.4); width:.85rem; height:.85rem; margin:0 auto; display:flex; align-items:center; justify-content:center; box-sizing:border-box;} .ipart02 .show_box .ind_show .con_box .item .cover .icon .img01{display:block;} .ipart02 .show_box .ind_show .con_box .item .cover .icon .img02{display:none;} .ipart02 .show_box .ind_show .con_box .item .cover .t{transition:all .3s ease; position:absolute; left:50%; transform:translateX(-50%); white-space:nowrap; margin-top:.1rem;} .ipart02 .show_box .ind_show .con_box .item .cover .c{display:none; width:76%; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:0 auto;} .ipart02 .show_box .ind_show .con_box .item:hover span{opacity:1;} .ipart02 .show_box .ind_show .con_box .item:hover .cover{background-color:#fff; width:2.3rem; height:2.3rem; overflow:hidden;} .ipart02 .show_box .ind_show .con_box .item:hover .cover .icon{width:.5rem; height:.5rem; margin-top:.2rem;} .ipart02 .show_box .ind_show .con_box .item:hover .cover .icon .img02{display:block;} .ipart02 .show_box .ind_show .con_box .item:hover .cover .icon .img01{display:none;} .ipart02 .show_box .ind_show .con_box .item:hover .cover .t{margin-top:0; color:#222222; position:relative;} .ipart02 .show_box .ind_show .con_box .item:hover .cover .c{display:-webkit-box; color:#888888;} .ipart02 .show_box .animated{-webkit-animation-duration:1.2s; animation-duration:1.2s; -webkit-animation-fill-mode:both; animation-fill-mode:both;} .ipart02 .show_box .fadeInUpSmall{-webkit-animation-name:fadeInUpSmall; animation-name:fadeInUpSmall} .ipart02 .btn_box{position:absolute; bottom:10%; left:0; width:100%; z-index:2; font-size:0;} .ipart02 .btn_box .btns{width:50%; box-sizing:border-box; text-align:center; float:left; display:flex; align-items:center; justify-content:center; padding:.2rem; height:1.3rem; border-bottom:2px solid #0d4696; background:rgba(255,255,255,0.3); transition:all .4s ease; cursor:pointer;} .ipart02 .btn_box .btns .infor{padding-left:5.8%;} .ipart02 .btn_box .btns .infor .tit{font-size:.24rem; line-height:.3rem; color:#fff; } .ipart02 .btn_box .btns .infor .con{color:rgba(255,255,255,0.3);} .ipart02 .btn_box .btns.cur{background:#0d4696;} @-webkit-keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 15px, 0); -ms-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } @keyframes scale { 0% { transform: scale(1.2); } 100% { transform: scale(1); } } .ipart03{margin-top:1.2rem;} .ipart03 .content{display:flex; width:100%; border-radius:.2rem; overflow:hidden; height:5.3rem; overflow:hidden; margin-top:.45rem;} .ipart03 .content .item{height:100%; transition:all .65s ease-out; position:relative; overflow:hidden; width:66.666666%;} .ipart03 .content .item .bg img{position:absolute; left:50%; top:50%; min-width:101%; width:auto; max-width:none; height:100%; transform:translate(-50%, -50%); z-index:0;} .ipart03 .content .item .before_tit{width:100%; text-align:center; padding: .2rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:5; transition:all .36s; color:#fff; /*font-weight:bold;*/} .ipart03 .content .item .after_words{width:70%; position: absolute; top:50%; left:6%; padding:.3rem 0; z-index:10; opacity:0; transition:all .5s ease-out; pointer-events:none; transform:translateY(-50%); box-sizing:border-box;} .ipart03 .content .item .after_words .infor{margin-bottom:.5rem;} .ipart03 .content .item .after_words .infor .tit{color:#fff; /*font-weight:bold;*/} .ipart03 .content .item .after_words .infor .con{color:#fff; margin-top:.15rem;} .ipart03 .content .item.on{width:165%;} .ipart03 .content .item.on .before_tit{opacity:0;} .ipart03 .content .item.on .after_words{opacity:1; pointer-events:inherit;} .ipart03 .m_content{display:none;} .ipart04{margin:1.2rem 0; } .ipart04 .top{display:flex; align-items:flex-end; justify-content:space-between;} .ipart04 .top .common_btns{margin-bottom:.25rem;} .ipart04 .content{margin-top:.45rem; display:flex; justify-content:space-between; align-items:flex-start;} .ipart04 .left{width:48%; border-radius:.2rem; overflow:hidden;} .ipart04 .left .img_box{position:relative; } .ipart04 .left .img_box::after{content:''; position:absolute; left:0; width:100%; bottom:0; height:100%; background:url(../images/index_news_bg.png) no-repeat center/cover;} .ipart04 .left .words{position:absolute; bottom:.2rem; left:6%; width:calc(87% - 2rem); color:#fff;} .ipart04 .left .words .time{color:#fff; margin-bottom:.05rem;} .ipart04 .left .words .tit{font-size:.24rem; line-height:.36rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .ipart04 .left .swiper-container-horizontal>.swiper-pagination-bullets{width:auto; left:auto; right:3.5%; font-size:0; bottom:.35rem;} .ipart04 .left .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{border-radius:0; width:.6rem; height:6px; background:#fff; opacity:1;} .ipart04 .left .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0d4696;} .ipart04 .right{width:46.2%;} .ipart04 .right li{border-bottom:1px solid #f2f2f2; margin-bottom:.25rem;} .ipart04 .right li:last-child{margin-bottom:0;} .ipart04 .right a{display:block; padding-top:.15rem; padding-bottom:.2rem; } .ipart04 .right .t{font-size:.24rem; line-height:.32rem; height:.64rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:.1rem;} .ipart04 .rect-5888{padding-bottom:58.88%;} /* 产品下拉 */ .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:#0d4696;} .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:30.5%; padding:.5rem 5.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:37.5%; position:relative; padding:.55rem 5.2% .8rem; padding-right:5.75%; box-sizing:border-box; text-align:left; background:#f2f4f7 url(../images/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:#0d4696; /*font-weight:bold;*/ line-height:1;} /* 解决方案 */ .solution01 .top{position:relative; margin-bottom:.3rem;} .solution01 .top .bg img{width:100%;} .solution01 .top .word{position:absolute; left:5.3%; top:50%; transform:translateY(-50%); line-height:.6rem;} .solution01 .bott li{float:left; width:19.2%; margin-right:1%; margin-bottom:.2rem; position:relative;} .solution01 .bott li:nth-child(5n){margin-right:0;} .solution01 .bott li .bg img{width:100%;} .solution01 .bott li .cover{position:absolute; top:0; left:0; width:100%; height:100%; transition:all .3s ease;} .solution01 .bott li .cover .infor{padding:.3rem 9% .2rem; color:#fff;} .solution01 .bott li .cover .infor .t{font-size:.24rem; line-height:.3rem; margin-bottom:.25rem;} .solution01 .bott li .cover .infor .t a{color:#fff;} .solution01 .bott li .cover .infor .c{max-height:2.65rem; overflow-y:auto; padding-right:.05rem; transform:translateY(.3rem); opacity:0; visibility:hidden; transition:all .3s ease;} .solution01 .bott li .cover .infor .c::-webkit-scrollbar {width:2px; height:4px;} .solution01 .bott li .cover .infor .c::-webkit-scrollbar-thumb {border-radius:5px; background:#0d4696; } .solution01 .bott li .cover .infor .c::-webkit-scrollbar-track {border-radius:0; background:#fff;} .solution01 .bott li .cover .infor .c a{display:block; color:#fff; margin-bottom:.15rem; line-height:.25rem;} .solution01 .bott li .cover .infor .c a:last-child{margin-bottom:0;} .solution01 .bott li .m_link{display:none;} .solution01 .bott li:hover .cover{background:rgba(0, 65, 154, 0.8);} .solution01 .bott li:hover .cover .infor .c{opacity:1; visibility:visible; transform:translateY(0);} /* 解决方案详情 */ .xc_banner.tac{text-align:center;} .xc_banner.tac .xc_words .con{margin:0 auto; width:60%;} .solu_detail.channel_content{padding:0;} .solu_detail01 .item{padding:.8rem 0;} .solu_detail01 .item .cont{display:flex; align-items:center; justify-content:space-between;} .solu_detail01 .item .img{width:50.6%; flex-shrink:0;} .solu_detail01 .item .img img{width:100%;} .solu_detail01 .item .words{width:43%; padding-right:5%; box-sizing:border-box;} .solu_detail01 .item .words .infor{margin-bottom:.45rem;} .solu_detail01 .item .words .con{color:#222222; margin-top:.15rem;} .solu_detail01 .item .words .rela_box .t{font-size:.2rem; font-weight:bold;} .solu_detail01 .item .words .rela_box a{margin-top:.15rem; float:left; line-height:.55rem; margin-right:.1rem; font-size:.16rem; padding:0 .5rem; border:1px solid #888888; box-sizing:border-box;} .solu_detail01 .item .words .rela_box a:hover{border-color:#0d4696; color:#fff; background:#0d4696;} .solu_detail01 .item.even{background:#f2f4f7;} .solu_detail01 .item.even .cont{flex-direction:row-reverse;} /* 战略目标 */ .strategy01{display:none;} .strategy01 .content{position:relative; overflow:hidden;} .strategy01 .bg img{width:100%;} .strategy01 .cover{position:absolute; top:50%; transform:translateY(-50%); left:4.7%; width:83.5%; } .strategy01 .cover .box{display:flex; align-items:flex-start; justify-content:space-between;} .strategy01 .cover .left{width:50%; color:#000000; text-align:justify;} .strategy01 .cover .left .tit{/*font-weight:bold;*/ margin-bottom:.15rem;} .strategy01 .cover .right{width:4.8rem; text-align:center; position:relative} .strategy01 .cover .right .cont{width:58%; margin:0 auto;} .strategy01 .cover .right .btns01{background:none; border:1px solid #0d4696; border-radius:50%; width:.4rem; height:.4rem; display:flex; align-items:center; justify-content:center; margin-top:0; top:.8rem;} .strategy01 .cover .right .btns01 i{margin:0; font-size:.34rem; color:#0d4696; line-height:1;} .strategy01 .cover .right .t{margin-top:.25rem; color:#000000;} .strategy01 .rect-7142{padding-bottom:71.42%;} /* .strategy02{margin-top:.8rem;} */ .strategy02 .title{text-align:center; /*font-weight:bold;*/ margin-bottom:.3rem;} .strategy02 .item{position:relative; margin-bottom:.8rem;} .strategy02 .item:last-child{margin-bottom:0;} .strategy02 .item .bg img{width:100%;} .strategy02 .item .cover{position:absolute; right:0; top:50%; transform:translateY(-50%); height:4.8rem; width:54%; background:rgba(255,255,255,.9); z-index:5;} .strategy02 .item .cover .box{padding:.6rem 6.5%; padding-right:6%; position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); box-sizing:border-box;} .strategy02 .item .cover .box .tit{font-size:.3rem; line-height:.3rem; /*font-weight:bold;*/ margin-bottom:.15rem;} .strategy02 .item .cover .box .con{color:#222; max-height:3.5rem; overflow-y:auto; padding-right:.05rem; } .strategy02 .item .cover .box .con::-webkit-scrollbar {width:2px; height:2px;} .strategy02 .item .cover .box .con::-webkit-scrollbar-thumb {border-radius:5px; background:#0d4696; } .strategy02 .item .cover .box .con::-webkit-scrollbar-track {border-radius:0; background:transparent;} .strategy02 .item.even .cover{right:auto; left:0;} .strategy03{padding:.8rem 0; background:#f8f8f8;} .strategy03 .content{display:flex; align-items:stretch; justify-content:space-between;} .strategy03 .content .right{width:49.2%; flex-shrink:0;} .strategy03 .content .right .img{position:relative; cursor:pointer;} .strategy03 .content .right .play_btn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.85rem; height:.85rem; background:url(../images/strategy03_02.png) no-repeat center/cover;} .strategy03 .content .left{width:43.8%;} .strategy03 .content .left .title{/*font-weight:bold;*/ padding-bottom:.35rem;} .strategy03 .content .left .box{height:3.5rem; overflow-y:auto; padding-right:8%; } .strategy03 .content .left .box::-webkit-scrollbar {width:2px; height:2px;} .strategy03 .content .left .box::-webkit-scrollbar-thumb {border-radius:5px; background:#00347c; } .strategy03 .content .left .box::-webkit-scrollbar-track {border-radius:0; background:#9e9e9e;} .strategy03 .content .left .box a{display:block; position:relative; padding-bottom:.2rem; margin-bottom:.2rem; border-bottom:1px solid #c6c6c6; padding-left:.25rem;} .strategy03 .content .left .box a::after{content:''; position:absolute; top:.12rem; left:0; width:.06rem; height:.06rem; background:#00419b; border-radius:50%;} .strategy03 .content .left .box a:last-child{margin-bottom:0;} /* 投资 ljx start */ /*上下跳动*/ @keyframes beating { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 33% { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } 66% { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .invest .tit20{font-size:0.2rem; line-height:0.3rem;} .invest .con18{color:#5d5d5d;} .invest .infor .tit{/*font-weight:bold;*/} .invest .info .tit{/*font-weight:bold;*/} .invest01 .left{padding-left:0.6rem; float:left; width:47.8%; box-sizing:border-box;} .invest01 .left .top_{margin-bottom:0.6rem; margin-top:0.52rem;} .invest01 .left .top_ .con .num01{margin-top:0.12rem; display:inline-block;} .invest01 .left .top_ .con .num01 span{font-size:0.51rem; color:#000; line-height:0.51rem; margin-right:0.1rem;} .invest01 .left .top_ .con .num01 .icon{background:url(../images/stock_up.png) no-repeat center; animation: beating 3s linear infinite; -webkit-animation: beating 3s linear infinite; background-size: cover; width:0.14rem; height:0.2rem; display:inline-block; vertical-align:baseline; margin:0 0.14rem;} .invest01 .left .top_ .con .num01.down .icon{background:url(../images/stock_down.png) no-repeat center;} .invest01 .left .top_ .con .num02{font-size:0.19rem; display:inline-block; vertical-align:baseline; color:#000;} .invest01 .left .bot_{margin-bottom:0.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 .num{font-size:0.34rem; line-height:0.34rem; color:#000;} .invest01 .left .time{font-size:0.14rem; color:#5d5d5d;} .invest01 .right{float:right; width:47.8%; border:1px solid #e0e0e0; height:4rem;} .invest02{margin-top:0.6rem; padding-top:0.6rem; padding-bottom:1rem; background:#f8f8f8;} .invest02 .infor .tit{text-align:center; } .invest02 .content{margin-top:0.25rem;} .invest02 .content .hd{border-bottom:1px solid #dbdbdb;} .invest02 .content .hd .swiper{overflow:hidden;} .invest02 .content .hd .swiper .swiper-slide{width:1.08rem;} .invest02 .content .hd .swiper .swiper-slide .year{text-align:center; position:relative; height:0.6rem; line-height:0.6rem; cursor:pointer;} .invest02 .content .hd .swiper .swiper-slide-active .year{color:#0d4696;} .invest02 .content .hd .swiper .swiper-slide.swiper-slide-active .year::after{position:absolute; bottom:0; width:100%; height:0.03rem; background:#0d4696; content:''; left:0;} .invest02 .content .bd{margin-top:0.55rem;} .invest02 .content .bd .left{width:42%; float:left;} .invest02 .content .bd .left .rect-562{padding-bottom:56.2%;} .invest02 .content .bd .left .rect-562 .text_box{position:absolute; top:50%; left:0.4rem; transform:translateY(-50%);} .invest02 .content .bd .left .rect-562 .text_box .t1{color:#fff; line-height:1; margin-bottom:0.2rem;} .invest02 .content .bd .left .rect-562 .text_box .c{font-size:0.33rem; color:#fff; line-height:0.33rem; margin-bottom:0.45rem;} .invest02 .content .bd .right{float:right; width:54%;} .invest02 .content .bd .right .item_list .item{width:48%; margin-right:4%; float:left; border-bottom:1px solid #dadada; padding-bottom:0.25rem; padding-top:0.23rem;} .invest02 .content .bd .right .item_list .item:nth-child(2n){margin-right:0;} .invest02 .content .bd .right .item_list .item01{padding-top:0;} .invest02 .content .bd .right .item_list .item02{padding-top:0;} .invest02 .content .bd .right .item_list .item .left_{float:left; width:80%;} .invest02 .content .bd .right .item_list .item .left_ .left_t{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; line-height:0.3rem; transition:all .3s ease;;} .invest02 .content .bd .right .item_list .item:hover .left_ .left_t{color:#0d4696;} .invest02 .content .bd .right .item_list .item .left_ .left_b{color:#0d4696; line-height:0.2rem; font-size:0.14rem;} .invest02 .content .bd .right .item_list .item .right_{float:right;} .invest02 .content .bd .right .item_list .item .right_ .icon{background:url(../images/invest02-3.jpg) no-repeat center; background-size:cover; width:0.17rem; height:0.18rem; display:inline-block; vertical-align:-0.15rem;} .invest02 .content .bd .right .item_list .item .right_ a{display:block;} .invest03{margin-top:0.6rem;} .invest03 .infor{margin-bottom:0.2rem;} .invest03 .infor .tit{text-align:center;} .invest03 .content .item_list .item{height:0.9rem; line-height:0.9rem; float:left} .invest03 .content .item_list .item{width:47.8%; margin-right:4.4%;} .invest03 .content .item_list .item:nth-child(2n){margin-right:0;} .invest03 .content .item_list .item:hover .center_{color:#0d4696;} .invest03 .content .item_list .item.on{background:#f6f6f6;} .invest03 .content .item_list .item .left_{font-size:0.14rem; float:left; width:30%; padding-left:2.7%; box-sizing:border-box;} .invest03 .content .item_list .item .center_{float:left; width:50%; line-height:0.9rem; transition:all .3s ease;} .invest03 .content .item_list .item .right_{float:right; width:18%; line-height:0.9rem;} .invest03 .content .item_list .item .right_ a{display:block; color:#5d5d5d;} .invest03 .content .item_list .item .right_ a .icon{display:inline-block; vertical-align:middle; background:url(../images/invest03-1.jpg.png) no-repeat center; background-size:cover; width:0.17rem; height:0.17rem; margin-right:0.1rem;} .invest03 .content .btns{text-align:center;} .invest03 .content .item_list{height:2.7rem; overflow:hidden;} .invest03 .content .item_list.more{height:auto;} .invest03 .content .common_btns{margin-top:.3rem;} .invest04{margin-top:0.6rem;} .invest04 .content .rect-02{padding-bottom:20%;} .invest04 .content .rect-02 .text_box{position:absolute; top:50%; transform:translateY(-50%); left:6.6%; z-index:1;} .invest04 .content .rect-02 .text_box .info .tit{color:#fff;} .invest04 .content .rect-02 .text_box .con{margin-top:.06rem;} .invest04 .content .rect-02 .text_box .con .tel{color:#fff; float:left; margin-right:1rem;} .invest04 .content .rect-02 .text_box .con .mail{color:#fff; float:left;} .invest04 .content .rect-02 .text_box .con a:hover{color:#fff; font-weight:bold;} .invest03 .right{float:right; width:46%;} /* 投资 end */ /* 地图 */ #contact-us01-l-map-50835{width:100%!important; height:100%!important;} body .BMap_shadow img{display:none;} /* 右侧导航 */ .widgets_right_nav_6{width:53px; position:fixed; right:0; bottom:200px; z-index:10; opacity:1; visibility:visible; transition:.5s ease;} .widgets_right_nav_6 ul li{width:53px; height:53px; cursor:pointer; position:relative; background-color:#fff; transition:.5s ease; border-radius:3px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.075); margin-bottom:3px;} .widgets_right_nav_6 ul li a{display:block;} .widgets_right_nav_6 ul li .img{width:53px; height:53px; background-image:url(../images/widgets_right_nav_6_1.png); background-repeat:no-repeat;} .widgets_right_nav_6 ul li.li2 .img{background-position:0 -53px;} .widgets_right_nav_6 ul li.li3 .img{background-position:0 -106px;} .widgets_right_nav_6 ul li.li4{background-color:#00419a;} .widgets_right_nav_6 ul li.li4 .img{background-position:-53px -159px;} .widgets_right_nav_6 ul li.li1:hover .img{background-position:-53px 0;} .widgets_right_nav_6 ul li.li2:hover .img{background-position:-53px -53px;} .widgets_right_nav_6 ul li.li3:hover .img{background-position:-53px -106px;} .widgets_right_nav_6 ul li:hover{background-color:#00419a;} .widgets_right_nav_6 ul li .ewm{opacity:0; visibility:hidden; position:absolute; right:100%; top:0; width:80px; height:80px;} .widgets_right_nav_6 ul li .desc{opacity:0; visibility:hidden; position:absolute; right:0; top:0; width:auto; white-space:nowrap; padding:0 .2rem; background:#0d4696; color:#fff; border-radius:3px; height:100%; font-size:.16rem; line-height:53px; transition:all .3s ease; z-index:0;} .widgets_right_nav_6 ul li.li3:hover .ewm{opacity:1; visibility:visible;} .widgets_right_nav_6 ul li.li1:hover .desc{opacity:1; visibility:visible; right:100%; z-index:1;} /* 20240325 */ /* 媒体图库 */ .media01 .center{text-align:center; font-size:0; margin-top:.55rem;} .media01 .center .item{display:inline-block; vertical-align:text-top; margin:0 .4rem; padding-bottom:.15rem; cursor:pointer; position:relative;} .media01 .center .item::after{content:''; position:absolute; bottom:-1px; left:0; width:0; height:2px; background:#0e4797; transition:all .3s ease;} .media01 .center .item:hover::after{width:100%;} .media01 .center .item.cur::after{width:100%;} .media01 .bd{margin-top:0;} .media01 .hd .cover .infor .title{font-weight:normal;} .media01 .hd .cover .infor .en{text-transform:uppercase; margin-bottom:.05rem;} .media01 .hd .cover .play{position:absolute; top:50%; right:10%; transform:translateY(-50%); width:.6rem; height:.6rem; cursor:pointer;} .media01 .hd .cover .play .icon{width:100%; height:100%; background:url(../images/media01_play.png) no-repeat center/cover;} .media01 .hd .cover .play::before{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index: -1;} .media01 .hd .cover .play::after{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index: -1; } .media01 .hd .cover .play::before{animation:scale 2s ease-out infinite; background:#fff; opacity:0.5; animation-delay:0;} .media01 .hd .cover .play::after{animation:scale2 2s ease-out infinite; background:#fff; opacity:0.3; animation-delay:0;} @keyframes scale{0%{transform:translate(-50%, -50%) scale(1); opacity:.9} 100%{transform:translate(-50%, -50%) scale(5); opacity:0;}} @keyframes scale2{0%{transform:translate(-50%, -50%) scale(1); opacity:.9;} 100%{transform:translate(-50%, -50%) scale(8);opacity:0;}} /* 新闻中心 */ .news_center02 .bd li:first-child{padding-top:0;} .news_center02 .bd li{padding:.7rem 0 .6rem;} .news_center02 .bd li .img_box{width:23.5%;} /* 新-解决方案详情 */ .channel_content.solu_detail{padding:0;} .new_solution01{border-bottom:2px solid #f5f5f5; padding-top:.25rem; line-height:.3rem; font-size:0;} .new_solution01 .content a{margin-right:.45rem; padding-bottom:.25rem; position:relative; display:inline-block; font-size:.16rem;} .new_solution01 .content a::after{content:''; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#0d4696; transition:all .4s ease;} .new_solution01 .content a.cur{color:#0d4696;} .new_solution01 .content a.cur::after{left:0; width:100%;} .new_solution01 .content a:hover::after{left:0; width:100%;} .new_solution01 .content a:last-child{margin-right:0;} /* 研发创新 */ /* .channel_content.technology{padding-top:0;} */ .technology04{position:relative;} .technology04 .right{width:50%; margin:0 auto; margin-right:0; position:relative; overflow:hidden;} .technology04 .right img{width:100%;} .technology04 .left{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;} .technology04 .left .cont{width:43.6%;} .technology04 .left .cont .infor{width:92%;} .technology04 .left .cont .infor .tit{color:#000;} .technology04 .left .cont .infor .con{margin-top:.3rem; margin-bottom:.2rem; color:#555555;} .technology04 .left .cont .item_box{font-size:0;} .technology04 .left .cont .item_box li{width:46%; margin-right:8%; display:inline-block; vertical-align:text-top; margin-bottom:.3rem; position:relative; padding-left:.3rem; box-sizing:border-box; font-size:.2rem; line-height:.36rem; color:#555555;} .technology04 .left .cont .item_box li:nth-child(2n){margin-right:0;} .technology04 .left .cont .item_box li::before{content:''; position:absolute; left:0; top:.1rem; width:10px; height:16px; background:url(../images/innovation_i1.png) no-repeat center/cover;} .technology03 .left{width:53.5%; overflow:hidden; position:relative;} /* 质量管理 */ .quality01 .title{text-align:center; margin-bottom:.5rem; color:#000000; } .quality01 .hd ul{display:flex; align-items:flex-start; justify-content:space-between;} .quality01 .hd li{text-align:center;} .quality01 .hd li .icon{width:1.7rem; height:0; padding-bottom:100%; position:relative; border-radius:50%; background:#fff; box-shadow:0px 17px 32px 0px rgba(0, 0, 0, 0.09); display:flex; align-items:center; justify-content:center;} .quality01 .hd li .icon img{max-width:.7rem; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .quality01 .hd li .t{font-size:.2rem; line-height:.3rem; color:#000000; margin-top:.2rem;} .quality01 .hd li:hover .icon img{transform:translate(-50%,-50%) rotateY(180deg);} .quality01 .bd .item{margin-top:.8rem; display:flex; align-items:stretch; justify-content:space-between; background:#f5f8ff;} .quality01 .bd .item.even{flex-direction:row-reverse;} .quality01 .bd .item .right{flex-shrink:0; width:55.3%; overflow:hidden;} .quality01 .bd .item .right img{width:100%;} .quality01 .bd .item .left{padding:.3rem 5.1%; width:44.7%; box-sizing:border-box; display:flex; align-items:center; } .quality01 .bd .item .left .words{width:100%;} .quality01 .bd .item .left .words .tit{margin-bottom:.25rem;} .quality01 .bd .item .left .words .con{margin-bottom:.4rem; text-align:justify;} .quality01 .bd .item .left .words .list{margin-bottom:.4rem;} .quality01 .bd .item .left .words .list ul{list-style-type:none!important} .quality01 .bd .item .left .words .list li{padding-left:.15rem; box-sizing:border-box; position:relative; margin-bottom:.05rem;} .quality01 .bd .item .left .words .list li::after{left:0; content:''; position:absolute; top:.1rem; width:6px; height:6px; background:#0d4696; border-radius:50%;} .quality01 .bd .item .left .words .img_ li{height:.8rem; margin-right:.2rem; margin-bottom:.2rem; float:left;} .quality01 .bd .item .left .words .img_ li img{height:100%; transform:none!important;} .quality01 .bd .item .left .words .num_{font-size:0;} .quality01 .bd .item .left .words .num_ li{display:inline-block; vertical-align:text-top; margin-right:10%; margin-bottom:.2rem;} .quality01 .bd .item .left .words .num_ li .num_box{color:#0d4696;} /* 社会责任 */ .strategy04{overflow:hidden; padding-top:.9rem;} .strategy04 .title{text-align:center; margin-bottom:.2rem;} .strategy04 .top_ .swiper{overflow:hidden; position:relative; width:100vw;} .strategy04 .top_ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper{ perspective:100vw !important;} .strategy04 .top_ .swiper-slide{width:4.5rem;} .strategy04 .top_ .swiper-slide .img_{width:100%;} .strategy04 .top_ .swiper-slide img{width:100%; object-fit:cover; display:block;} .strategy04 .bot_{width:8rem; margin:.3rem auto 0;} .strategy04 .bot_ .swiper{width:calc(100% - 1rem); margin:0 auto; overflow:hidden;} .strategy04 .bot_ .text_box{text-align:center;} .strategy04 .bot_ .text_box .tit{font-size:.24rem; line-height:.3rem; margin-bottom:.1rem;} .strategy04 .bot_ .text_box .con{color:#555555; } .strategy04 .bot_ .swiper_tools{display:flex;} .strategy04 .bot_ .swiper_tools .swiper_button{position:static; margin:0; width:.5rem; height:.5rem; background:none !important;} .strategy04 .bot_ .swiper_tools .swiper_button:first-child{margin-right:.2rem;} .strategy04 .bot_ .swiper_tools .swiper_button::after{display:none;} .strategy04 .bot_ .swiper_tools .swiper_button img{width:100%; object-fit:cover;} .strategy04 .content .bot_{position:relative;} .strategy04 .content .bot_ .swiper_tools .swiper_button:first-child{position:absolute; left:0%; top:0;} .strategy04 .content .bot_ .swiper_tools .swiper_button:last-child{position:absolute; right:0%; top:0;} .strategy04 .swiper-3d .swiper-wrapper{transform-style: preserve-3d;} .strategy04 .swiper-3d .swiper-slide{transform-style: preserve-3d;} .tit30{font-size:.3rem; line-height:.44rem;} .tit24{font-size:.24rem; line-height:.34rem;} /* 新-产品 */ .new_pro.channel_content{padding-top:0;} .new_pro01{padding:.9rem 0 .8rem; position:relative;} .new_pro01::after{content:''; position:absolute; right:0; top:0; height:5.5rem; width:12.7rem; background:url(../images/new_pro01_01.jpg) no-repeat right/cover; z-index:-1;} .new_pro01 .left{width:65%;} .new_pro01 .left .link a{display:inline-block; padding:0 .8rem; line-height:.8rem; color:#555555;} .new_pro01 .left .link a.cur{background:#0d4696; color:#fff; border-radius:.2rem;} .new_pro01 .left .t{/*font-size:.3rem;*/ margin-top:.6rem; color:#555555;} .new_pro02 .top{border-bottom:1px solid #e5e5e5; font-size:0;} .new_pro02 .top .tab_t{line-height:.3rem; padding-bottom:.3rem; color:#000000; margin-right:7%; position:relative; display:inline-block; cursor:pointer;} .new_pro02 .top .tab_t::after{content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:#0d4696; transition:all .3s ease;} .new_pro02 .top .tab_t:hover{color:#0d4696;} .new_pro02 .top .tab_t.cur{color:#0d4696;} .new_pro02 .top .tab_t.cur::after{width:100%;} .new_pro02 .bott{margin-top:.55rem; font-size:0;} .new_pro02 .bott .wrap{width:94.25%; margin-right:0; display:flex; align-items:flex-start; justify-content:space-between;} .new_pro02 .bott .left{width:40%;} .new_pro02 .bott .left .top_tab{font-size:.2rem; line-height:.3rem;} .new_pro02 .bott .left .top_tab span{cursor:pointer;} .new_pro02 .bott .left .top_tab span.cur{color:#0d4696;} .new_pro02 .bott .left .bott_ li{display:inline-block; vertical-align:text-top; margin-top:.5rem; width:48%; margin-right:4%; padding-bottom:.15rem; border-bottom:1px solid #b2b2b2;} .new_pro02 .bott .left .bott_ li:nth-child(2n){margin-right:0;} .new_pro02 .bott .left .bott_ li .tit{font-weight:bold; margin-bottom:.14rem; font-size:.32rem;} .new_pro02 .bott .left .bott_ li .con{ color:#575757;} .new_pro02 .bott .left .bott_ li .con sub, .new_pro02 .bott .left .bott_ li .con sup{line-height:.1rem;} .new_pro02 .bott .left .bott_ li:hover{border-bottom-color:#19289a;} .new_pro02 .bott .left .bott_ li:hover .tit{color:#19289a;} .new_pro02 .bott .right{width:54.4%;} .new_pro02 .bott .right .swiper-container{border-top-left-radius:.3rem; border-bottom-left-radius:.3rem; overflow:hidden;} /* .new_pro02 .bott .right .swiper-slide{border-top-left-radius:.3rem; border-bottom-left-radius:.3rem; overflow:hidden;} */ .new_pro02 .bott .right .img img{width:100%;} .new_pro02 .bott .right .t{color:#fff; position:absolute; bottom:7.7%; left:8.8%; right:8.8%;} .new_pro02 .bott .swiper-pagination.swiper-pagination-bullets{position:relative; bottom:auto; font-size:0; margin-top:.25rem;} .new_pro02 .bott .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:.16rem; height:.16rem; margin:0 .1rem;} .new_pro02 .bott .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0d4696;} .new_pro03{margin-top:.8rem;} .new_pro03 .content{position:relative; overflow:hidden;} .new_pro03 .words{position:absolute; top:50%; transform:translateY(-50%); left:5.8%; right:5.8%; display:flex; align-items:center; justify-content:space-between;} .new_pro03 .words .tit{font-weight:bold; color:#fff;} /* 投资者关系 */ .invest05 .content{display:flex; align-items:center; justify-content:space-between;} .invest05 .right{width:50%; flex-shrink:0; } .invest05 .right img{width:100%;} .invest05 .left{width:40%;} .invest05 .left .top{border-bottom:1px solid #0d4696; padding-bottom:.3rem; margin-bottom:.3rem; color:#0d4696;} .invest05 .left .top .title{font-weight:bold;} .invest05 .left .num_box .num01{margin-top:0.12rem; display:inline-block;} .invest05 .left .num_box .num01 span{color:#0d4696; margin-right:0.1rem; font-weight:bold;} .invest05 .left .num_box .num01 .icon{background:url(../images/invest05_up.png) no-repeat center/cover; animation: beating 3s linear infinite; -webkit-animation: beating 3s linear infinite; background-size: cover; width:16px; height:21px; display:inline-block;} .invest05 .left .num_box .num01.down .icon{background:url(../images/invest05_down.png) no-repeat center/cover;} .invest05 .left .num_box .num02{display:inline-block; color:#0d4696; margin-left:11%;} .invest05 .left .tips{color:#000000; margin:.35rem 0 .45rem;} .invest04 .content .rect-02 .text_box .common_btns{margin-top:.25rem;} /* 新-技术驱动 */ .new_tech01 .top{width:9.2rem; margin:0 auto .6rem; text-align:center;} .new_tech01 .top .con{margin-top:.25rem; color:#555555;} .new_tech01 .bott{width:13rem; margin:0 auto;} .new_tech01 .bott ul{display:flex; align-items:flex-start; justify-content:space-between; text-align:center;} .new_tech01 .bott li .circle{padding:.1rem; border-radius:50%; margin-bottom:.3rem;} .new_tech01 .bott li .num_box{width:1.75rem; height:0; padding-bottom:100%; position:relative; border-radius:50%; position:relative;} .new_tech01 .bott li .num_box .box{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);} .new_tech01 .bott li .num_box .num{font-size:.7rem; line-height:1; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#000000; padding-right:.2rem;} .new_tech01 .bott li .num_box .unit{position:absolute; bottom:0.05rem; } .new_tech02{margin-top:.8rem;} .new_tech02 .bg img{width:100%;} .new_tech02 .cont{margin-top:-2.7rem; height:5.52rem;} .new_tech02 .cont li{width:33.33%; float:left; box-sizing:border-box; padding-bottom:0; transition:all .4s ease; position:relative; background:#4eaadb; padding:.9rem .25rem .7rem;} .new_tech02 .cont li::after{content:''; position:absolute; left:0; width:100%; top:0; height:100%; background:#154296 url(../images/new_tech02_02.png) no-repeat center; transition:all .4s ease; opacity:0;} .new_tech02 .cont li .box{color:#fff; text-align:center; position:relative; z-index:2; transition:all .4s ease;} .new_tech02 .cont li .icon{height:.7rem;} .new_tech02 .cont li .infor{margin-top:.4rem;} .new_tech02 .cont li .infor .tit{font-size:.3rem; margin-bottom:.3rem;} .new_tech02 .cont li .infor .con{height:1.02rem; overflow:hidden; transition:all .4s ease;} .new_tech02 .cont li.cur .infor .con{height:2.04rem; overflow-y:auto;} .new_tech02 .cont li.cur .infor .con::-webkit-scrollbar {width:0; height:0;} .new_tech02 .cont li.cur::after{opacity:1;} .new_tech03{position:relative; margin-top:.8rem; overflow:hidden;} .new_tech03 .content{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%;} .new_tech03 .cont{width:43%;} .new_tech03 .con{color:#555555; margin-top:.25rem;} .new_tech03 .big_num{margin-top:.4rem;} .new_tech03 .big_num li{display:inline-block; vertical-align:text-top; margin-right:8%;} .new_tech03 .big_num li .num_box{color:#0d4696; text-align:center;} .new_tech03 .big_num li .num_box .num{font-weight:bold;} .new_tech04{margin-top:.8rem;} .new_tech04 .content{padding:.6rem 5.1%; background:url(../images/new_tech04_bg.jpg) no-repeat center/cover;} .new_tech04 .title{text-align:center; margin-bottom:.7rem; color:#fff;} .new_tech04 li{float:left; width:32%; margin-bottom:.2rem; margin-right:2%; background:rgba(255,255,255,0.9); height:1.9rem; padding:.2rem 1.9%; box-sizing:border-box; display:flex; align-items:center; justify-content:start;} .new_tech04 li:nth-child(3n){margin-right:0;} .new_tech04 li .icon{width:.6rem; margin-right:.2rem; flex-shrink:0;} /* 新-人才 */ .personnel.channel_content{padding-bottom:0;} .personnel01{margin-bottom:.8rem;} .personnel01 .content{margin-top:.3rem;} .personnel01 .item{position:relative; float:left; width:23%; height:100%; margin-left:1.2%; transition:all .6s ease; overflow:hidden;} .personnel01 .item:first-child{margin-left:0;} .personnel01 .item .img_box{position:relative; width:100%; height:100%; overflow:hidden;} .personnel01 .item .img_cover{position:relative; opacity:1; max-width:none; width:100%; transition:opacity 0.2s ease 0.4s; z-index:2;} .personnel01 .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;} .personnel01 .item .txt_box{position:absolute; top:0; left:0; width:100%; height:100%; z-index: 10;} .personnel01 .item .txt_cover{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); text-align:center;} .personnel01 .item .txt_cover .tit{color:#fff; margin-top:.2rem;} .personnel01 .item .txt_full{position:absolute; /*top:8.9%; left:7.7%;*/ top:0; left:0; width:100%; height:100%; padding:.5rem 7%; box-sizing:border-box; text-align:left; opacity:0; transition:all .8s ease;} .personnel01 .item .txt_full .tit{color:#fff; margin-top:.2rem; padding-bottom:.1rem; margin-bottom:.1rem; border-bottom:1px solid rgba(255,255,255,0.5);} .personnel01 .item .txt_full .words_cont{height:calc(100% - 1.3rem); overflow-y:auto; color:#fff; padding-right:5px;} .personnel01 .item .txt_full .words_cont::-webkit-scrollbar {width:3px; height:4px;} .personnel01 .item .txt_full .words_cont::-webkit-scrollbar-thumb {border-radius:5px; background:#064498; } .personnel01 .item .txt_full .words_cont::-webkit-scrollbar-track {border-radius:0; background:#fff;} .personnel01 .item.on{width:51.6%; transition:all .6s ease;} .personnel01 .item.on .img_cover{opacity:0; transition:opacity 0s ease;} .personnel01 .item.on .img_full{opacity:1;} .personnel01 .item.on .txt_cover{display:none;} .personnel01 .item.on .txt_full{opacity:1; transition:all .8s ease;} .personnel01 .rect-1518{padding-bottom:151.78%;} .personnel01 .rect-6792{padding-bottom:67.92%;} .personnel02{padding:.8rem 0; background:#f6f6f6; margin-bottom:.8rem;} .personnel02 .title{text-align:center;} .personnel02 .content{margin-top:.5rem;} .personnel02 .content li{width:25%; float:left; height:2.9rem; overflow:hidden; position:relative;} .personnel02 .content li::before {content:''; position:absolute; bottom:.7rem; left:50%; width:.36rem; height:1px; background:#00419a; margin-left:-0.18rem;} .personnel02 .content li .li_box{height:100%; background:#fff; border:1px solid #e4e5f6; border-left-width:0; text-align:center; box-sizing:border-box;} .personnel02 .content li:first-child .li_box{border-left-width:1px;} .personnel02 .content li .li_box .icon{height:.45rem; margin:0 auto .25rem; padding-top:.6rem;} .personnel02 .content li .li_box .cover_{position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/personnel02_02.jpg) no-repeat 50% 50%; background-size:cover; opacity:0; visibility:hidden; transition:all 0.5s ease;} .personnel02 .content li .li_box .cover_ .box{padding:.6rem 14%;} .personnel02 .content li .li_box .cover_ .tit{color:#fff; margin-bottom:.05rem;} .personnel02 .content li .li_box .cover_ .con{font-size:.18rem; color:#fff; color:rgba(255,255,255,.7); line-height:.3rem; height:.9rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .personnel02 .content li .li_box .cover_ .more{position:absolute; bottom:20%; left:0; width:100%;} .personnel02 .content li .li_box .cover_ .more .iconfont{margin:0 auto; display:block; font-size:.4rem; color:#fff; line-height:.5; transform:rotate3d(0, 6, 0, 180deg);} .personnel02 .content li.hover{box-shadow:0px 27px 36.8px 9.2px rgba(0, 0, 0, 0.19); z-index:2;} .personnel02 .content li.hover .li_box>.icon{display:none;} .personnel02 .content li.hover .li_box>.text{display:none;} .personnel02 .content li.hover .li_box{border-color:transparent;} .personnel02 .content li.hover .li_box .cover_{opacity:1; visibility:visible;} .personnel03{margin-bottom:.8rem; overflow:hidden; position:relative;} .personnel03 .wrap{width:94.25%; margin-right:0;} .personnel03 .content{display:flex; align-items:center; justify-content:space-between;} .personnel03 .left{width:22%; overflow:hidden; position:relative; z-index:2; background:#fff;} .personnel03 .left .tab_box{margin:.35rem 0;} .personnel03 .left .tab_box .tab_t{margin-bottom:.15rem; font-size:.2rem; cursor:pointer;} .personnel03 .left .tab_box .tab_t div{display:inline-block; vertical-align:middle;} .personnel03 .left .tab_box .tab_t .iconfont{margin:0;} .personnel03 .left .tab_box .tab_t:hover{color:#0d4696;} .personnel03 .left .tab_box .tab_t.cur{color:#0d4696;} .personnel03 .left .btns_box .swiper_button{position:static; margin:0; width:.5rem; height:.5rem; background:none !important; display:inline-block;} .personnel03 .left .btns_box .swiper_button:first-child{margin-right:.1rem;} .personnel03 .left .btns_box .swiper_button::after{display:none;} .personnel03 .left .btns_box .swiper_button img{width:100%; object-fit:cover; height:100%;} .personnel03 .right{width:76.5%; overflow:hidden;} .personnel03 .right .box{overflow:hidden;} .personnel03 .rect-7137{padding-bottom:71.37%;} .personnel04{position:relative; overflow:hidden;} .personnel04 .bg img{width:100%;} .personnel04 .content{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);} .personnel04 .content .cont{width:31.2%;} .personnel04 .content .cont .con{margin:0.25rem 0 .6rem;} .personnel04 .content .cont .common_btns:first-child{margin-right:.2rem;} .personnel04 .content .cont .common_btns.blue2{background:#064498; border-color:#064498;} .personnel04 .content .cont .common_btns.blue2>div{color:#fff;} /* 新-关于 */ .about.channel_content{padding-top:0;} .about01{background:#f8f8f8; padding:.8rem 0;} .about01 .content{display:flex; align-items:flex-start; justify-content:space-between; overflow:visible;} .about01 .left{width:45.3%;} .about01 .left .swiper-container{border-radius:.2rem; overflow:hidden;} .about01 .left .swiper-slide{overflow:hidden;} .about01 .left .cover{position:absolute; bottom:0; left:0; width:100%; padding:.1rem .2rem .3rem; box-sizing:border-box; color:#fff;} .about01 .left .swiper-pagination.swiper-pagination-bullets{position:relative; bottom:auto; font-size:0; margin-top:.2rem;} .about01 .left .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:.16rem; height:.16rem; margin:0 .1rem;} .about01 .left .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0d4696;} .about01 .right{width:48.5%; position:relative;} .about01 .right .infor{position:relative; height:100%; box-sizing:border-box;} .about01 .right .infor::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:1.02rem; background:url(../images/about01_cover.png) no-repeat bottom/cover; z-index:2;} .about01 .right .title{line-height:1.6; margin-bottom:.15rem;} .about01 .right .title span{display:block; color:#0d4696;} .about01 .right .con{color:#555555; transition:all .4s ease; overflow:hidden;} .about01 .right .jt{position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:2; cursor:pointer;} .about01 .right .jt .iconfont{font-size:.3rem; line-height:1; display:block; margin:0 auto; color:#0d4696; font-weight:bold;} .about01 .right.showAll .infor::after{opacity:0;} .about01 .right.showAll .con{height:auto;} .about01 .right.showAll .jt{position:relative; top:.2rem; text-align:center;} .about01 .right.showAll .jt .iconfont{transform:rotate(180deg);} .about02{position:relative; overflow:hidden;} .about02 .bg img{position:absolute; top:0; height:100%; left:50%; transform:translateX(-50%); min-width:100%; max-width:none;} .about02 .content{position:relative; z-index:2;} .about02 .content .title{padding:.9rem 0 .65rem; color:#fff; text-align:center;} .about02 .content li{float:left; width:25%; padding-top:.68rem; transition:all .5s ease;} .about02 .content li .box{border-left:1px solid rgba(255, 255, 255, 0.6); padding:0 5.3%; box-sizing:border-box; transition:all .5s ease;} .about02 .content li .icon img{height:.56rem;} .about02 .content li .icon{margin-bottom:.2rem;} .about02 .content li .infor{color:#fff; height:2.34rem; transition:all .5s ease;} .about02 .content li .infor .t{margin-bottom:.2rem;} .about02 .content li .infor .c{opacity:0; visibility:hidden; transition:all .5s ease;} .about02 .content li.cur{padding-top:0;} .about02 .content li.cur .infor{height:3.02rem;} .about02 .content li.cur .infor .c{opacity:1; visibility:visible;} .about03{background:#f7f7f7; overflow:hidden; height:calc(100vh - .92rem);} .about03 .wrap{height:100%;} .about03 .left{width:26.8%; padding:.4rem 0; height:100%; box-sizing:border-box; display:flex; align-items:center;} .about03 .left .list{padding:7vh 0;} .about03 .left .list ul{max-height:3.1rem; overflow-y:auto; padding-right:.2rem;} .about03 .left .list ul::-webkit-scrollbar {width:3px; height:2px;} .about03 .left .list ul::-webkit-scrollbar-thumb {border-radius:5px; background:#0d4696; } .about03 .left .list ul::-webkit-scrollbar-track {border-radius:0; background:#f7f7f7;} .about03 .left .list li{padding-left:.55rem; position:relative; margin-bottom:.2rem;} .about03 .left .list li:last-child{margin-bottom:0;} .about03 .left .list li::before{content:''; position:absolute; width:.3rem; height:.3rem; background:url(../images/about03_01.png) no-repeat center; background-size:auto 100%; left:0; top:.02rem;} .about03 .left .big_num .item{display:inline-block; vertical-align:text-top; margin-right:5%;} .about03 .left .big_num .item .num{font-size:.6rem; line-height:1; color:#0d4696;} .about03 .right{width:65.8%; height:100%; display:-webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .about03 .right .img_box{width:33.33%; height:100%;} .about03 .right .img_box .swiper-container{height:100%; padding:0 .2rem; overflow:visible;} .about03 .right .img_box .swiper-container .swiper-wrapper{transition-timing-function:linear !important; -webkit-transition-timing-function: linear !important; -moz-transition-timing-function: linear !important; -ms-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important;} .about03 .right .img_box .swiper-container .swiper-slide{background:#fff; height:auto; box-shadow:0px 17px 32px 0px rgba(0, 0, 0, 0.06); padding:.2rem; box-sizing:border-box;} .about03 .right .img_box .swiper-container .swiper-slide img{width:100%;} .about04{padding-top:.8rem; overflow:hidden;} .about04 .item{position:relative;} .about04 .item .bg img{width:100%;} .about04 .item .cover{position:absolute; left:0; top:50%; transform:translateY(-50%); height:80%; width:54%; background:rgba(255,255,255,.9); z-index:5;} .about04 .item .cover .box{padding:.6rem 6.5%; padding-right:6%; position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); box-sizing:border-box;} .about04 .item .cover .box .tit{ margin-bottom:.25rem;} .about04 .item .cover .box .con{color:#555555; max-height:2.04rem; overflow-y:auto; padding-right:5px; } .about04 .item .cover .box .con::-webkit-scrollbar {width:2px; height:2px;} .about04 .item .cover .box .con::-webkit-scrollbar-thumb {border-radius:5px; background:#0d4696; } .about04 .item .cover .box .con::-webkit-scrollbar-track {border-radius:0; background:transparent;} .about05{padding-top:.8rem;} .about05 .content{position:relative;} .about05 .infor{position:absolute; left:0; top:7%; width:26%; z-index:2;} .about05 .infor .con{color:#555555; margin-top:.2rem; text-align:justify;} .about05 .cont{position:relative;} .about05 .ditu{width:76.1%; margin:0 auto; margin-right:3.7%; position:relative; overflow:hidden;} .about05 .ditu .dots_box{position:absolute; left:0; width:100%; top:0; height:100%; z-index:2;} .about05 .ditu .dots_box .dot{position:absolute; width:.12rem; height:.12rem; background:#0d4696; border-radius:50%;} .about05 .ditu .dots_box .dot::before{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:0.1rem; height:0.1rem; border-radius:50%; content:''; z-index: -1;} .about05 .ditu .dots_box .dot::after{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:0.1rem; height:0.1rem; border-radius:50%; content:''; z-index: -1; } .about05 .ditu .dots_box .dot::before{animation:scale 2s ease-out infinite; background:#0d4696; opacity:0.5; animation-delay:0;} .about05 .ditu .dots_box .dot::after{animation:scale2 2s ease-out infinite; background:#0d4696; opacity:0.3; animation-delay:0;} @keyframes scale{0%{transform:translate(-50%, -50%) scale(1); opacity:.9} 100%{transform:translate(-50%, -50%) scale(3); opacity:0;}} @keyframes scale2{0%{transform:translate(-50%, -50%) scale(1); opacity:.9;} 100%{transform:translate(-50%, -50%) scale(5);opacity:0;}} .about05 .cont .desc{position:absolute; left:0; bottom:12%; width:26.8%; background:#0d4696; border-radius:.2rem; padding:.35rem 2% .3rem; box-sizing:border-box;} .about05 .cont .desc::after{content:''; position:absolute; right:0; top:50%; transform:translate(100%,-50%); border:.16rem solid; border-color:transparent transparent transparent #0d4696;} .about05 .cont .desc .tit{color:#fff; padding-bottom:.15rem; border-bottom:1px solid rgba(255,255,255,0.1);} .about05 .cont .desc .tel_{margin-top:.12rem; display:block; color:rgba(255,255,255,0.8); position:relative; padding-left:.3rem;} .about05 .cont .desc .addr_{margin-top:.12rem; display:block; color:rgba(255,255,255,0.8); position:relative; padding-left:.3rem;} .about05 .cont .desc .addr_::before{content:'\e64f'; position:absolute; left:0; top:.03rem; font-size:.18rem; line-height:1; font-family:'iconfont'!important;} .about05 .cont .desc .tel_::before{content:'\e665'; position:absolute; left:0; top:.03rem; font-size:.18rem; line-height:1; font-family:'iconfont'!important;} .about05 .cont .desc a:hover{color:#fff;} /* 新-首页 */ .common_btns.new_index{background:linear-gradient(to right, #0046af, #22b5de); border:0; } .common_btns.new_index>div{color:#fff;} .common_btns.new_index:hover{/*filter:brightness(0.95);*/ background:linear-gradient(to left, #0046af, #22b5de);} .new_ibanner{position:relative; overflow:hidden;} .new_ibanner .img_box img{width:100%;} .new_ibanner .img_box video{width:100%;} .new_ibanner .words_box{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);} .new_ibanner .words_box .info{width:50%;} .new_ibanner .words_box .con{font-weight:bold; color:#0047af; margin-bottom:.1rem;} .new_ibanner .words_box .tit{font-weight:bold; font-size:.6rem; line-height:.74rem; background-image:linear-gradient(to right, #0046af, #22b5de); -webkit-background-clip:text; color:transparent;} .new_ibanner .words_box .common_btns{margin-top:.5rem;} .new_ibanner .m_img{display:none;} .new_ibanner .words_box.white .con{color:#fff;} .new_ibanner .words_box.white .tit{color:#fff; background:none;} .new_ibanner .widgets{position:absolute; bottom:.6rem; left:0; width:100%; font-size:0; text-align:right;} .new_ibanner .widgets .wrap{position:relative;} .new_ibanner .widgets .swiper-pagination{position:relative; display:inline-block; margin-right:7%; width:auto; color:#ffff;} .new_ibanner .swiper-button-prev, .new_ibanner .swiper-button-next{position:relative; width:.6rem; height:.6rem; border-radius:50%; border:2px solid #fff; background:none; display:inline-block; margin-top:0; left:auto; right:auto;} .new_ibanner .widgets .iconfont{font-size:.3rem; margin:0; font-weight:bold; line-height:1; color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .new_ibanner .swiper-button-next{margin-left:.2rem;} .new_ibanner .swiper-button-next .iconfont{transform:translate(-50%,-50%) rotateY(180deg);} .new_ibanner .scroll_down{position:absolute; left:0; bottom:0.2rem; z-index:1;} .new_ibanner .scroll_down .txt{font-size:14px; color:#fff;} .new_ibanner .scroll_down .line{display:block; width:3px; height:0.66rem; position:absolute; top:0.4rem; left:0; overflow:hidden;} .new_ibanner .scroll_down .line:before{height:100%; background:rgba(255,255,255,.57); opacity:.3; left:0; top:0; bottom:0; content:''; position:absolute; width:2px;} .new_ibanner .scroll_down .line:after{background:#fff; left:0px; top:0; content:''; position:absolute; width:2px; -webkit-animation:about_scroll-down-line 3s infinite; -o-animation:about_scroll-down-line 3s infinite; animation:about_scroll-down-line 3s infinite;} @keyframes about_scroll-down-line { 0%, 20% { height:30%; top:-45%; } 80%, 100% { height:30%; top:145%; } } .new_index .title{font-weight:bold; background-image:linear-gradient(to right, #0046af, #22b5de); -webkit-background-clip:text; color:transparent;} .new_index01{ background:#f1f4ff url(../images/index1_bg.jpg) no-repeat bottom; /*background:#f1f4ff; */ background-size:100% auto; padding:1.1rem 0 1.6rem; } .new_index01 .top_all{margin-bottom:.4rem;} .new_index01 .top{display:flex; align-items:flex-start; justify-content:space-between;} .new_index01 .top .left{margin-right:11%;} .new_index01 .top .left .title{margin-bottom:.45rem;} .new_index01 .top .right{max-width:70%; color:#555555; font-size:.2rem;} .new_index01 .bott{display:flex; align-items:flex-end; justify-content:space-between;} .new_index01 .bott .left .play{position:relative; width:1.58rem; height:1.58rem; display:flex; align-items:center; justify-content:center; cursor:pointer;} .new_index01 .bott .left .play::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/new_index01_02.png) no-repeat right; background-size:auto 100%; animation:turnrotate2 8000ms linear infinite;} @keyframes turnrotate2 { 0% { -webkit-transform: rotate(360deg); } 25% { -webkit-transform: rotate(270deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(90deg); } 100% { -webkit-transform: rotate(0deg); } } .new_index01 .bott .right{width:48%;} .new_index01 .bott .right li{position:relative; width:48%; float:left; margin-right:4%; margin-top:.35rem; text-align:center; height:1.02rem; display:flex; align-items:center; justify-content:center;} .new_index01 .bott .right li:nth-child(2n){margin-right:0;} .new_index01 .bott .right li::after{position:absolute; left:0; top:0; content:''; background:url(../images/new_index01_04.png) no-repeat center; background-size:cover; width:0.48rem; height:1.02rem;} .new_index01 .bott .right li::before{position:absolute; right:0; top:0; content:''; background:url(../images/new_index01_05.png) no-repeat center; background-size:cover; width:0.48rem; height:1.02rem;} .new_index01 .bott .right li .box{width:calc(100% - .96rem);} .new_index01 .bott .right li .icon img{height:.5rem;} .new_index01 .bott .right li .t{font-size:.2rem; line-height:.34rem; margin-top:.1rem;} .new_index01 .bott .right li:hover .t{color:#0d4696;} .new_index02{margin-bottom:1rem;} .new_index02 .content{position:relative; display:flex;} .new_index02 .content::before, .new_index02 .content::after{content:''; position:absolute; width:1.23rem; height:4.58rem; z-index:2;} .new_index02 .content::before{left:0; top:0; background:url(../images/new_index02_cover01.png) no-repeat top/cover; transform:translateY(-.7rem);} .new_index02 .content::after{right:0; bottom:0; background:url(../images/new_index02_cover02.png) no-repeat bottom/cover; transform:translateY(.7rem);} .new_index02 .content .item{overflow:hidden; width:36.2%; position:relative; -webkit-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s; margin-left:-12%;} .new_index02 .content .item:first-child{margin-left:0;} .new_index02 .content .item .img{width:100%; height:8rem; overflow:hidden; position:relative; transform:skew(-18deg); transform-origin:right top;} .new_index02 .content .item .img img{width:100vw; height:100vh; min-height:8rem; object-fit:cover; position:absolute; top:50%; left:55%; transition:left 0.3s linear; transform:skew(18deg) translateY(-50%); margin-left:-50vw; max-width:none;} .new_index02 .content .item:nth-child(2) .img{transform-origin:left bottom;} .new_index02 .content .item:nth-child(2) .img img{left:80%;} .new_index02 .content .item .cont{position:absolute; bottom:0; left:0; width:100%; padding-left:1.1rem; width:82%; z-index:2; color:#fff; padding-bottom:.7rem;} .new_index02 .content .item .cont .tit{font-weight:bold; margin-top:.2rem;} .new_index02 .content .item .cont .link_box{opacity:0; visibility:hidden; transition:opacity 0.3s linear; width:75%; margin-top:.3rem; white-space:nowrap; margin-bottom:-.4rem;} .new_index02 .content .item .cont .link_box .link{display:inline-block; padding-right:.2rem; margin-right:.2rem; position:relative;} .new_index02 .content .item .cont .link_box .link:hover{color:#fff; font-weight:bold;} .new_index02 .content .item .cont .link_box .link::after{content:''; position:absolute; right:0; top:0.06rem; width:1px; height:.22rem; background:#fff;} .new_index02 .content .item .cont .link_box .link:last-child:after{display:none;} .new_index02 .content .item.on:nth-child(2) .img img{left:50%;} .new_index02 .content .item.on{-webkit-transition:width 0.3s linear; transition:width 0.3s linear; width:76.8%;} .new_index02 .content .item.on .cont .link_box{opacity:1; visibility:visible; transition:opacity 0.15s 0.1s linear; width:100%; margin-bottom:0;} .new_index03{margin-bottom:1rem;} .new_index03 .content{position:relative; overflow:hidden;} .new_index03 .bg img{width:100%;} .new_index03 .cont{position:absolute; left:0; width:100%; transform:translateY(-50%); top:50%;} .new_index03 .cont .words{width:32%; padding-left:4.4%;} .new_index03 .cont .words .con{margin:.15rem 0 .35rem; font-size:.2rem; line-height:.34rem; color:#555555;} .new_index04{margin-bottom:1rem;} .new_index04 .top{display:flex; align-items:flex-end; justify-content:space-between;} .new_index04 .bott{margin-top:.3rem;} .new_index04 .bott .swiper-slide{width:31.8%; margin-right:2.3%;} .new_index04 .bott .swiper-slide img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:none; min-width:100%; min-height:100%;} .new_index04 .bott .swiper-slide .words{padding:.24rem .2rem 0;} .new_index04 .bott .swiper-slide .words .time{font-size:.14rem; line-height:1; margin-bottom:.1rem; color:#000000;} .new_index04 .bott .swiper-slide .words .con{margin-top:.15rem; height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .new_index04 .bott .btns_box{position:relative; font-size:0; width:90%; margin:.35rem auto 0;} .new_index04 .bott .swiper-button-next, .new_index04 .bott .swiper-button-prev, .new_index04 .bott .swiper-pagination{position:relative; margin-top:0; display:inline-block; vertical-align:middle; left:auto; right:auto;} .new_index04 .bott .swiper-button-next, .new_index04 .bott .swiper-button-prev{font-size:.3rem; line-height:1; margin:0; background:none; width:auto; height:auto;} .new_index04 .bott .swiper-pagination{width:calc(100% - 1rem); margin:0 .2rem; height:2px; background:#bfbfbf;} .new_index04 .bott .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#0e4797;} .new_index04 .rect-6444{padding-bottom:64.44%;} .new_index04 .bott .swiper-slide:hover img{transform:translate(-50%,-50%) scale(1.05,1.05);} .footer .footer_top{position:relative;} .footer .footer_top::after{content:''; position:absolute; left:0; bottom:0; width:.9rem; height:3.15rem; background:url(../images/footer_top_cover.png) no-repeat right top/cover;} .header .h_tools .h_menu{display:none;} /* 解决方案banner */ .solu_banner{height:5rem; position:relative; overflow:hidden;} .solu_banner .solu_intro{position:absolute; z-index:1; top:0; left:0; overflow:hidden; width:100%; height:100%; pointer-events:none; -webkit-backface-visibility:hidden;} .solu_banner .solu_intro .slide_body{width:66.7%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transform:rotate(30deg); transform:rotate(30deg); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; justify-content:flex-end; -webkit-backface-visibility:hidden; margin:0 auto; margin-right:0;} .solu_banner .solu_intro .slide_rail{height:100%; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; margin-left:3%;} .solu_banner .solu_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:first-child{-webkit-animation:railDown1 300s -150s linear infinite; animation:railDown1 300s -150s linear infinite;} .solu_banner .solu_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:last-child{-webkit-animation:railDown2 300s linear infinite; animation:railDown2 300s linear infinite;} .solu_banner .solu_intro .slide_rail_inner{position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .solu_banner .solu_intro .slide_rail_inner ul{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .solu_banner .solu_intro .slide_rail_inner ul:first-child{-webkit-animation:railUp1 300s -150s linear infinite; animation:railUp1 300s -150s linear infinite;} .solu_banner .solu_intro .slide_rail_inner ul:last-child{-webkit-animation:railUp2 300s linear infinite; animation:railUp2 300s linear infinite} .solu_banner .solu_intro .slide_tile{margin-bottom:.3rem; position:relative; width:100%; border-radius:.06rem; overflow:hidden;} .solu_banner .xc_cont{height:100%;} .solu_banner .xc_words{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); color:#fff; z-index:3; display:block;} .solu_banner .xc_words .tit{margin-bottom:.15rem;} @-webkit-keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @-webkit-keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @-webkit-keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @-webkit-keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } @keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } /* 图集弹窗 */ body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover{background:#0d4696;} /* 公共部分 */ body .searchArea{padding-top:0!important;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:#0d4696;} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:#0d4696;} body .bg-primary{background:#0d4696;} /* 产品详情 */ .header .inav_wrapper .nav_li .nav_down.pro_down .down_center .ul01 li{width:100%;} .new_pro01 .content{display:flex; align-items:flex-end; justify-content:space-between;} .new_pro01 .content .right{display:flex; align-items:center; flex-shrink:0;} .new_pro01 .content .right .icon{width:.5rem; height:.5rem; margin-right:.15rem; background:#00419a; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center;} .new_pro01 .content .right .iconfont{margin:0; font-size:.18rem; line-height:1;} .new_pro01 .content .right .intro .c{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; line-height:1;} .new_pro02 .bott .tab_c>.infor{margin-bottom:.8rem;} .new_pro02 .bott .tab_c .infor .wrap{display:block;} .new_pro02 .bott .tab_c .infor .tit{color:#222222; font-weight:bold;} .new_pro02 .bott .tab_c .infor .con{color:#222222; font-size:.2rem; line-height:.32rem; margin-top:.15rem;} .strategy04 .infor{margin-bottom:.3rem;} .strategy04 .infor .con{width:80%; margin:0 auto; font-size:.18rem; line-height:.32rem; color:#555; text-align:center;} .technology02 .new_infor{margin-bottom:.4rem;} .technology .technology02 .title{margin-bottom:.15rem;} .new_tech01 .top{margin-bottom:0;} .new_tech01 .bott{display:none;} .new_tech04{display:none;} .new_tech05 .item{margin-top:.8rem; display:flex; align-items:stretch; justify-content:space-between; background:#f6f8fe;} .new_tech05 .item .left{flex-shrink:0; width:55.3%; overflow:hidden;} .new_tech05 .item .left img{width:100%;} .new_tech05 .item .right{padding:.3rem 5.1%; width:44.7%; box-sizing:border-box; display:flex; align-items:center; } .new_tech05 .item .right .words{width:100%;} .new_tech05 .item .right .words .tit{margin-bottom:.25rem;} .new_tech05 .item .right .words .con{margin-bottom:.4rem; text-align:justify;} .new_tech05 .item .right .words .list{margin-bottom:.4rem;} .new_tech05 .item .right .words .list ul{list-style-type:none!important} .new_tech05 .item .right .words .list li{padding-left:.3rem; box-sizing:border-box; position:relative; margin-bottom:.2rem; font-size:.2rem; line-height:.36rem; color:#000000;} .new_tech05 .item .right .words .list li span{font-weight:bold; font-weight:bold; color:#194095;} .new_tech05 .item .right .words .list li::after{left:0; content:''; position:absolute; top:.1rem; width:10px; height:16px; background:url(../images/technology04_02.png) no-repeat center/cover;} .new_tech05 .item .right .words .img_ li{height:.8rem; margin-right:.2rem; margin-bottom:.2rem; float:left;} .new_tech05 .item .right .words .img_ li img{height:100%; transform:none!important;} .new_tech05 .item .right .words .num_{font-size:0;} .new_tech05 .item .right .words .num_ li{display:inline-block; vertical-align:text-top; margin-right:10%; margin-bottom:.2rem; text-align:center;} .new_tech05 .item .right .words .num_ li .num_box{color:#0d4696; font-weight:bold;} .new_tech02 .cont2{margin-top:-3rem; height:5rem;} .new_tech02 .cont2 li{width:18.8%; float:left; box-sizing:border-box; padding-bottom:0; transition:all .4s ease; position:relative; height:5rem; } .new_tech02 .cont2 li::after{content:''; position:absolute; right:0; width:2.5rem; top:0; height:2.1rem; background:url(../images/new_tech02_new03.jpg) no-repeat center; opacity:0; visibility:hidden;} .new_tech02 .cont2 li .before_box{background:#4eaadb; padding:.75rem 10% .7rem; color:#fff; height:100%; box-sizing:border-box;} .new_tech02 .cont2 li:nth-child(2) .before_box{background:#0d4696;} .new_tech02 .cont2 li .before_box .box{position:relative; height:100%;} .new_tech02 .cont2 li .before_box .icon{height:.7rem; margin-bottom:.3rem;} .new_tech02 .cont2 li .before_box .icon img{max-height:100%;} .new_tech02 .cont2 li .before_box .words{font-size:.2rem; line-height:.36rem;} .new_tech02 .cont2 li .before_box .words .c{font-weight:bold;} .new_tech02 .cont2 li .before_box .jt{width:.52rem; height:.52rem; background:url(../images/new_tech02_new02.png) no-repeat center/cover; position:absolute; left:0; bottom:0;} .new_tech02 .cont2 li .after_box{opacity:0; visibility:hidden; background:#fff; height:100%; position:absolute; top:0; left:0; width:100%; box-shadow:0px 3px 22.8px 1.2px rgba(0, 0, 0, 0.1); padding-top:.65rem; box-sizing:border-box;} .new_tech02 .cont2 li .after_box .box{position:relative; z-index:2; transition:all .4s ease; width:91%; margin:0 auto; overflow:hidden; max-height:90%;} .new_tech02 .cont2 li .after_box .box .tit{color:#194095; margin-bottom:.15rem;} .new_tech02 .cont2 li .after_box .box .tit span{font-weight:bold; } .new_tech02 .cont2 li .after_box .box .con{color:#555555;} .new_tech02 .cont2 li .after_box .time_line{margin-top:.3rem; background:#f7f9fe; border-radius:.1rem; padding:.3rem .4rem; box-sizing:border-box;} .new_tech02 .cont2 li .after_box .area{position:relative; display:flex; align-items:flex-start; justify-content:space-between;} .new_tech02 .cont2 li .after_box .area::after{content:''; position:absolute; top:.32rem; left:0; width:100%; height:.12rem; background:url(../images/new_tech02_newline.png) no-repeat right; background-size:auto 100%; z-index:0;} .new_tech02 .cont2 li .after_box .item{flex:1; text-align:center; padding:0 .1rem; box-sizing:border-box; position:relative; z-index:2;} .new_tech02 .cont2 li .after_box .item .time{font-size:.2rem; line-height:.3rem; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#194095; height:.3rem;} .new_tech02 .cont2 li .after_box .item .circle{width:.16rem; height:.16rem; background:#194095; border-radius:50%; margin:0 auto; position:relative; margin-bottom:.1rem;} .new_tech02 .cont2 li .after_box .item .circle::after{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.06rem; height:.06rem; border-radius:50%; background:#f7f9fe;} .new_tech02 .cont2 li .after_box .item .c{color:#222222; line-height:.24rem;} .new_tech02 .cont li .box{color:#fff; text-align:center; position:relative; z-index:2; transition:all .4s ease;} .new_tech02 .cont li .icon{height:.7rem;} .new_tech02 .cont li .infor{margin-top:.4rem;} .new_tech02 .cont li .infor .tit{font-size:.3rem; margin-bottom:.3rem;} .new_tech02 .cont li .infor .con{height:1.02rem; overflow:hidden; transition:all .4s ease;} .new_tech02 .cont li.cur .infor .con{height:2.04rem; overflow-y:auto;} .new_tech02 .cont li.cur .infor .con::-webkit-scrollbar {width:0; height:0;} .new_tech02 .cont2 li.cur::after{opacity:1; visibility:visible;} .new_tech02 .cont2 li.cur{width:62.4%;} .new_tech02 .cont2 li.cur .before_box{opacity:0; visibility:hidden;} .new_tech02 .cont2 li.cur .after_box{opacity:1; visibility:visible;} .new_tech05 .item .right .words .num_ li{width:32%; margin-right:16%; margin-bottom:.55rem;} .new_tech05 .item .right{align-items:flex-start; padding-top:1rem;} .new_tech05 .item .right .words .tit{margin-bottom:.55rem;} .quality01 .title{display:none;} .quality01 .hd{display:none;} .quality01 .bd .item:first-child{margin-top:0!important;} .about01 .right.noMore .infor::after{display:none;} .about01 .right.noMore .jt{display:none;} .media01 .bd li{width:32.4%; margin-right:1.4%;} .media01 .bd li:nth-child(3n){margin-right:0;} .new_index01 .top .left{margin-right:9%;} .contact_us01 .right .cont{width:100%;} .solu_detail01 .item .words .rela_box a{font-size:.18rem;} .quality01 .bd .item .left .words .list{font-size:.18rem;} .technology04 .content{background:#eef1f7; position:relative;} .technology04 .right{width:61.5%;} .technology04 .left .cont{width:38.5%; padding-left:4.4%; padding-right:2%; box-sizing:border-box;} .technology04 .left .cont .item_box li{width:100%; margin-right:0;} .new_tech03 .content{z-index:10;} .footer .footer_bott{background:#333333;} .xc_nav .wrap::after{display:none;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE */ .new_ibanner .words_box .tit{background:none; color:#0d4696;} .new_index .title{background:none; color:#0d4696;} } .fixed_contacts { position: fixed; z-index: 1000; right: 0; top: 25%; transition: all 0.3s; } .fixed_contacts_default { width: 50px; height: 250px; background: #1D84DC; } .fixed_contacts_active { width: 320px; height: 380px; background: #1D84DC; } .fixed_contacts ul { width: 100%; display: flex; flex-direction: column; padding: 0; } .fixed_contacts ul li:not(:last-child) { border-bottom: solid 1px #459CE7; } .fixed_contacts ul li:last-child { height: 130px; align-items: start; } .fixed_contacts ul li { display: flex; align-items: center; color: #FFF; font-size: 18px !important; padding-inline-start: 0; } .fixed_contacts ul li a { color: inherit; display: none; } .fixed_contacts ul li a:hover { color: inherit !important; } .whatsapp_qrcode { width: 100%; height: 100%; display: flex; flex-direction: column; } .whatsapp_qrcode a { height: 50px; line-height: 50px; } .whatsapp_qrcode img { display: none; width: 90px; /* height: 75px;*/ } .common_box{ width: 65%; margin: 60px auto; } .common_box .title{ text-align: center; margin-bottom: 40px; } .common_table { width: 100%; border: 1px solid #333; } .common_table tr td { line-height: 20px; font-size: 15px; padding: 10px 20px; height: 80px; } .common_table tr:nth-child(2n) { background: #fff; } .common_table tr td:nth-child(3) p { font-family: ml; font-weight: 400; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 40px; line-height: 20px; padding: 0px; margin: 0px; } .common_table tr:nth-child(1) { background: #0058ab; color: #fff; font-weight: 900; font-size: 20px; line-height: 65px !important; height: 65px !important; } .common_table tr:hover { background: #beddfb; } .common_table tr:nth-child(1):hover { background: #0058ab; } .common_tabletr td img { width: 95%; height: auto; } .total_records { display: block; margin: 20px auto; width: 100%; text-align: center; font-size: 14px; } .pager { width: 400px; height: 40px; margin: 30px auto; display: flex; justify-content: center; align-items: center; } .pager a { font-size: 16px; width: 40px; height: 40px; border: solid 1px #999; border-radius: 3px; box-sizing: border-box; color: #0058ab; display: flex; justify-content: center; align-items: center; margin: 0 3px; } .pager .cur { background: #0058ab; color: #FFF; } .pager a:not(.disabled):hover { background: #0058ab; color: #FFF; cursor: pointer; } .pager .disabled { color: #999; } .pager .disabled:hover { cursor: not-allowed; } .product_large_category { width: 100%; height: 50px; display: flex; border: solid 1px #0058ab; margin-bottom: 50px; } .product_large_category a { display: block; width: 50%; height: 50px; text-align: center; line-height: 50px; color: inherit; font-size: 24px; } .product_large_category .active { background: #0d4696; color: #FFF; } .product_cover { width: auto; height: 220px; } .faq_q { font-weight: bold; font-size: 20px; color: #333; } .faq_a { font-size: 16px; margin-bottom: 40px; color: #666; }