/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''} .row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%} .row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%} .row>.span-3{width:24%}.row>.span-4{width:32.33333333%} .row>.span-5{width:40.66666667%}.row>.span-6{width:49%} .row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%} .row>.span-9{width:74%}.row>.span-10{width:82.33333333%} .row>.span-11{width:90.66666667%}.row>.span-12{width:99%} .full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''} .full-row>[class*='span']{float:left} .full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%} .full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%} .full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%} .full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%} .full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%} .full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%} @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%} .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%} .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:#001946; text-align:center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color:#001946;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:#004ec2;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#001946; background-color:#eee; } .util-page .gobutton .ion{ font-size:.8em;} .util-page .count { margin-left:10px; color:#001946; background:none; border:none; } .util-page span.jump{ background:none; color:#001946;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:#001946; font-size:14px; } .util-page .jumpto_inp{ width:40px; text-align:center; height:37px; line-height:37px; vertical-align:top; } /*默认隐藏百度分享触控弹层*/ .bdshare_popup_box { display:none!important;} /* 常量设置 */ html{font-size:100px;} .wrap { width:84.37%; 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:#001946; background:#fff;} a{color:inherit;} a:hover { color:#004ec2;} ::-moz-selection {color:#fff; background:#004ec2; } ::selection {color:#fff; background:#004ec2; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /* 公共字号 */ .tit36{font-size:.36rem; line-height:.48rem; font-weight:bold;} .tit24{font-size:.24rem; line-height:.36rem;} .tit20{font-size:.20rem; line-height:.3rem;} .con18{font-size:.18rem; line-height:.3rem;} .con16{font-size:.16rem; line-height:.26rem;} /* 导航 */ .pageHeader{height:.98rem;} .header{position:fixed; background:#fff; left:0; top:0; z-index:90; width:100%; transition:all .3s ease; box-shadow:0px 1px 10px 0px rgba(10, 2, 4, 0.05);} .header .logo{padding:.2rem 0 .23rem; display:block;} .header .logo img{height:.55rem;} .header .h_tools{padding-top:.3rem; font-size:0; position:relative; color:#000000;} .header .h_tools>div{display:inline-block; vertical-align:text-top; cursor:pointer; margin-left:.15rem; position:relative; background:#f6f6f6; line-height:.35rem; text-align:center; padding:0 .15rem; border-radius:.2rem; } .header .h_tools .iconfont{font-size:.2rem; line-height:inherit; margin:0; display:block; position:relative;} /* 语言版本 */ .header .h_lan .lan_top{display:flex; align-items:center; transition:all .3s ease; font-size:.16rem;} .header .h_lan .lan_top .icon{width:.2rem; margin-right:.05rem; line-height:initial;} /* 搜索 */ /* .header .h_sear .iconfont{font-weight:bold;} */ /* .header .inner{display:flex; justify-content:space-between; align-items:center;} .header .inner .h_right{display:flex; align-items:center;} */ .header .h_tools {display:flex;} .header .h_tools .h_sear{width:.35rem; height:.35rem; border-radius:.35rem; background:#f5f5f6; display:flex; align-items:center; justify-content:center; transition:.6s ease; margin-left:0; font-size:.16rem; color:#fff; cursor:pointer; padding:0;} .header .h_tools .h_sear .box{display:flex; justify-content:center;} .header .h_tools .h_sear .box .icon{width:.35rem; height:.35rem; display:flex; align-items:center; justify-content:center;} .header .h_tools .h_sear .box .icon .iconfont{font-size:.16rem; color:#000; line-height:1;} .header .h_tools .h_sear .box .input{width:0; overflow:hidden; transition:all .6s ease;} .header .h_tools .h_sear .box .input input{width:100%; font-size:.16rem; line-height:.35rem; outline:0; text-overflow:ellipsis; border:none; padding:0; background:transparent;} .header .h_tools .h_sear:hover{width:2.05rem;} .header .h_tools .h_sear:hover .box .input{width:1.5rem;} /* 导航导航 */ .header .inav_wrapper{position:relative; padding-right:.3rem; margin-right:.25rem;} .header .inav_wrapper::after{content:''; position:absolute; top:50%; right:0; width:1px; height:0.18rem; background:#7f7f7f; transform:translateY(-50%);} .header .inav_wrapper .inav_li{ float:left;} .header .inav_wrapper .inav_li:last-child{margin-right:0;} .header .inav_wrapper .inav_li .inav_a{line-height:0.38rem; transition:all .5s ease; display:block; padding:0.3rem; position:relative;} .header .inav_wrapper .inav_li.active .inav_a{color:#004ec2;} .header .inav_wrapper .inav_li.cur .inav_a{color:#004ec2;} /* 正常栏目导航下拉 */ /* 导航背景 */ .header .inav_wrapper .normal_li{position:relative;} .header .inav_wrapper .inav_li .nav_down {position:absolute; top:100%; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px);; display:none; overflow:hidden; border-radius: 0px 0px 10px 10px; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);} .header .inav_wrapper .normal_li .nav_down{min-width:1.5rem;left:0%;} .header .inav_wrapper .normal_li .nav_down ul {padding:.23rem .3rem .23rem .3rem;} .header .inav_wrapper .normal_li .nav_down ul li{transition:all 0.5s ease; font-size:0.15rem; margin-bottom:.16rem; line-height:0.34rem; color:#5d5d5d;} .header .inav_wrapper .normal_li .nav_down ul li:last-child{margin-bottom:0;} .header .inav_wrapper .normal_li .nav_down ul li a{display:block;} .header .inav_wrapper .normal_li .nav_down ul li a:hover { color: #004ec2; } /* 手机端部分 */ .header .h_tools .mobile_key{display:none;} .mNav{display:none;} /* 底部 */ .footer{background:#27272c;} .footer .f_top{padding:.9rem 0; border-bottom:1px solid rgba(255, 255, 255, 0.2);} .footer .f_top .t_right{width:63%; display:flex; align-items:flex-start; justify-content:space-between;} .footer .f_top .t_right dl{margin-right:.3rem;} .footer .f_top .t_right dl:last-child{margin-right:0;} .footer .f_top .t_right dt{margin-bottom:.2rem; font-weight:bold;} .footer .f_top .t_right dt a{color:#fff;} .footer .f_top .t_right dd{margin-bottom:5px; line-height:.3rem;} .footer .f_top .t_right dd{color:rgba(255, 255, 255, .5);} .footer .f_top .t_right dd a:hover{color:#fff;} .footer .f_top .t_left{width:30%;} .footer .f_top .t_left .logo{display:block; margin-bottom:.35rem;} .footer .f_top .t_left .logo img{width:2.27rem;} .footer .f_top .t_left .share_box{display:flex; align-items:flex-start; margin-bottom:.3rem;} .footer .f_top .t_left .share_box a{display:flex; align-items:center; justify-content:center; position:relative; width:.55rem; height:.55rem; margin-right:.15rem; color:#fff; border-radius:50%; border:1px solid #fff; opacity:.8;} .footer .f_top .t_left .share_box .iconfont{font-size:.25rem; margin:0;} .footer .f_top .t_left .share_box .ewm{position:absolute; left:50%; top:100%; transform:translateX(-50%); width:1.2rem; background:#fff; padding:5px; opacity:0; visibility:hidden; transition:all .3s ease;} .footer .f_top .t_left .share_box .ewm img{width:100%;} .footer .f_top .t_left .share_box a:hover{opacity:1; background:#004ec2; border-color:#004ec2;} .footer .f_top .t_left .share_box a:hover .ewm{opacity:1; visibility:visible;} .footer .f_top .t_left .contact .item{color:rgba(255, 255, 255, .7); margin-bottom:.1rem;} .footer .f_top .t_left .contact .item a{display:inline-block;} .footer .f_top .t_left .contact .item a:hover{color:#fff;} .footer .f_bott{padding:.3rem 0; line-height:.35rem; color:rgba(255, 255, 255, .7);} .footer .f_bott a{display:inline-block; vertical-align:text-top;} .footer .f_bott a:hover{color:#fff;} .footer .f_bott .beian{margin-left:.24rem;} .footer .f_bott .gotop{margin-left:.4rem;} /* 公共部分 */ .channel_content{padding:.8rem 0; min-height:3rem;} /* 首页 */ .ibanner{position:relative; overflow:hidden;} .ibanner .swiper-slide img, .ibanner .swiper-slide video{height:100%; width:100%; object-fit:cover;} .ibanner .swiper-slide{clip-path:none; opacity:0; z-index:0;} .ibanner .swiper-slide-prev{clip-path:polygon(0% -150%, 100% -150%, 100% -20%, 0% 0%); opacity:0; transition:clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease; z-index:3;} .ibanner .swiper-slide-active{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%); opacity:1; transition:clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease; z-index:2;} .ibanner .swiper-slide-next{z-index:1;} .ibanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:8.3%;} .ibanner .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:2rem; height:auto; margin:0 0.12rem!important;vertical-align:middle;background:transparent;opacity:1;outline:none;} .ibanner .swiper-pagination .swiper-pagination-bullet .tit{font-size:0.15rem; color:#fff; text-align:left; opacity:.6; transition:all .5s ease;} .ibanner .swiper-pagination .swiper-pagination-bullet-active .tit{opacity:1;} .ibanner .swiper-pagination-bullet-active .timer, .ibanner .swiper-pagination-bullet .timer{display:block; position:relative;width:2rem; height:2px; margin-top:0.1rem; background:transparent;opacity:1} .ibanner .swiper-pagination-bullet .timer::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.34;content:''} .ibanner .swiper-pagination-bullet .process{display:block;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#fff;transition-property:width;transition-timing-function:linear;} .ibanner .swiper-pagination-bullet.play .process{opacity:1;width:100%;} .ibanner .btns_box{position:absolute; right:7.8%; bottom:5.8%; font-size:0;} .ibanner .btns_box>div{display:inline-block; width:.6rem; height:.6rem; background:#fff; border-radius:50%; outline:none; left:auto; right:auto; margin:0; margin-left:.1rem; position:relative; top:auto;} .ibanner .btns_box>div::after{content:'\e65f'; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:'iconfont'!important; color:#004ec2; font-size:0.2rem;} .ibanner .btns_box .swiper-button-prev::after{content:'\e660';} .index_title{position:relative; padding-bottom:.2rem; margin-bottom:.25rem;} .index_title::after{content:''; position:absolute; left:0; bottom:0; width:.75rem; height:3px; background:#004ec2;} .index_title.white{color:#fff;} .index_title.white::after{background:#fff;} .ipart01,.ipart02{padding-top:.85rem;} .ipart01 .left{width:50%; text-align:justify;} .ipart01 .right{width:34.2%;} .ipart02 .content{display:flex; align-items:stretch; } .ipart02 .content .item{flex:1; position:relative; padding:.1rem 0; text-align:center; border-right:1px solid #e6e6e6; box-sizing:border-box;} .ipart02 .content .item:last-child{border-right:none;} .ipart02 .content .item .num_box{color:#004ec2; display:flex; align-items:flex-end; justify-content:center; font-weight:bold; margin-bottom:.1rem;} .ipart02 .content .item .num_box .num{font-size:.6rem; line-height:1; margin-right:4px;} .ipart03{padding-top:.8rem; margin-top:.8rem; height:7rem; background:url(../img/ipart03_bg.jpg) no-repeat center/cover; background-attachment:fixed; box-sizing:border-box;} .ipart03 .top{position:relative; margin-top:.4rem;} .ipart03 .top::before{content:''; position:absolute; left:0; bottom:10px; width:100%; height:1px; background:#e8e8e8;} .ipart03 .top .wrap{display:flex; align-items:flex-start; justify-content:space-between;} .ipart03 .top .item{font-size:.22rem; line-height:.3rem; font-weight:bold; color:#fff; cursor:pointer; padding:0 3%; position:relative; width:25%; box-sizing:border-box;} .ipart03 .top .item::after{content:''; position:absolute; left:0; bottom:10px; width:0; height:1px; background:#004ec2; opacity:0; transition:all .3s ease;} .ipart03 .top .item .t{padding-bottom:.35rem; position:relative; text-align:center;} .ipart03 .top .item .t::before{content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:20px; height:20px; border:1px solid #fff; border-radius:50%;} .ipart03 .top .item .t::after{content:''; position:absolute; left:50%; bottom:7px; width:8px; height:8px; background:#fff; border-radius:50%; transform:translateX(-50%);} .ipart03 .top .item.cur::after{width:100%; opacity:1;} .ipart03 .top .item.cur .t::before{border-color:#004ec2;} .ipart03 .top .item.cur .t::after{background:#004ec2;} .ipart03 .bott{margin-top:.6rem;} .ipart03 .bott .tab_b{font-weight:bold; color:#fff;} .ipart03 .bott .tab_b .t{font-size:.36rem;} .ipart04{padding-top:.8rem; background:url(../img/ipart04.jpg) no-repeat center/cover;} .ipart04 .hd .content{position:relative;} .ipart04 .hd .content .swiper-slide{width:24.1%; margin-right:1.2%; cursor:pointer;} .ipart04 .hd .content .swiper-slide .li_box{display:block; position:relative;} .ipart04 .hd .content .swiper-slide .li_box .cover_vi{width:100%; height:100%; background:#1b4b9f; position:absolute; left:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease;} .ipart04 .hd .content .swiper-slide .li_box .intro{width:100%; text-align:center; position:absolute; left:0; bottom:0.35rem;} .ipart04 .hd .content .swiper-slide .li_box .intro .icon{opacity:0; visibility:hidden; transition:all 0.5s ease;} .ipart04 .hd .content .swiper-slide .li_box .intro .tit{color:#fff; margin-top:0.2rem; font-size:.2rem; line-height:.3rem; font-weight:bold;} .ipart04 .hd .content .swiper-slide .li_box::after{content:''; width:0.48rem; height:0.19rem; background:url(../img/ipart04_jt.png) no-repeat center; background-size:cover; position:absolute; left:50%; top:calc(100% - 1px); margin-left:-0.24rem; opacity:0; visibility:hidden; transition:all 0.5s ease;} .ipart04 .hd .content .swiper-slide.cur .li_box .cover_vi{opacity:0.8; visibility:visible;} .ipart04 .hd .content .swiper-slide.cur .li_box::after{opacity:1; visibility:visible;} .ipart04 .hd .content .swiper-slide.cur .li_box .intro .icon{opacity:1; visibility:visible;} .ipart04 .hd .content .rect-4611{padding-bottom:46.11%;} .ipart04 .hd .content .rect-4611 img{object-fit:cover;} .ipart04 .hd .content .swiper-slide .li_box .intro .icon{position:relative;width:23px;height:40px;cursor:pointer;background:url(../img/banner_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;} .ipart04 .hd .content .swiper-slide .li_box .intro .icon:after, .ipart04 .hd .content .swiper-slide .li_box .intro .icon:before{content:"";position:absolute;} .ipart04 .hd .content .swiper-slide .li_box .intro .icon:before{width:23px;height:40px;background:url(../img/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation:colorSlide 1.6s linear infinite;animation:colorSlide 1.6s linear infinite;top:0;left:0;} .ipart04 .hd .content .swiper-slide .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(8px);transform:translateY(8px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes nudgeMouse { 0% {-webkit-transform:translateY(0);transform:translateY(0);} 50% {-webkit-transform:translateY(8px);transform:translateY(8px);} 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);} } .ipart04 .hd .content .arrs{width:14px; height:26px;outline:none; margin-top:-13px;} .ipart04 .hd .content .arrs.swiper-button-prev{left:-48px; background:url(../img/ipart04_jt2.svg) no-repeat center/cover;} .ipart04 .hd .content .arrs.swiper-button-next{right:-48px; background:url(../img/ipart04_jt1.svg) no-repeat center/cover;} .ipart04 .bd{margin-top:.94rem;} .ipart04 .bd .left{width:53%; float:left; text-align:center; position:relative; padding-bottom:1.27rem;} .ipart04 .bd .left>img{position:relative; z-index:2;} .ipart04 .bd .left:after{content:''; pointer-events:none; width:15.46rem; left:-1.5rem; bottom:0; background:url(../img/ipart04_2.png) no-repeat center/cover; position:absolute; height:6.05rem;} .ipart04 .bd .right{width:40%; float:right;} .ipart04 .bd .right .tit{margin-bottom:.35rem;} .ipart04 .bd .right .inner{padding-bottom:.2rem; position:relative; margin-bottom:.25rem;} .ipart04 .bd .right .inner .swiper-slide{font-size:.22rem; color:#091e40; cursor:pointer; width:auto; padding-right:.5rem;} .ipart04 .bd .right .inner .swiper-slide.cur{font-weight:bold;} .ipart04 .bd .right .inner .swiper-pagination-progressbar{background:#ABB3C0; width:100%; height:1px; bottom:0; left:0;} .ipart04 .bd .right .inner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:1px; background:#091E40;} .ipart04 .bd .right .list{display:none; justify-content:space-between; flex-wrap:wrap;} .ipart04 .bd .right .list li{width:49%; border:1px solid #919EB2; border-radius:.1rem; box-sizing:border-box; padding:.18rem; text-align:center; margin-bottom:2%;} .ipart04 .bd .right .list li .icon{width:.95rem; height:.95rem; margin:0 auto .25rem;} .ipart04 .bd .right .list.cur{display:flex;} .ipart05{background:#fff; padding:1.2rem 0 1rem; position:relative;} .ipart05:before{content:''; width:12.35rem; height:6.7rem; background:#c1d5f1; position:absolute; left:0; top:1.2rem; pointer-events:none;} .ipart05:after{content:''; width:1.78rem; height:10.32rem; background:url(../img/ipart05_1.png) no-repeat center/cover; position:absolute; left:calc(100% - 1.78rem); top:0; z-index:1;} .ipart05 .content{position:relative; padding-top:.9rem; overflow:hidden; z-index:2;} .ipart05 .content .img_{position:relative;} .ipart05 .content .img_ video{width:16.2rem; height:7.09rem; object-fit:cover;} .ipart05 .content .img_:after{content:''; width:11.78rem; height:7.07rem; background:url(../img/ipart05_cover.png) no-repeat center/cover; position:absolute; left:0; top:0;} .ipart05 .content .infor{position:absolute; left:0; top:0.9rem; width:55.8%;} .ipart05 .content .infor .box{padding:1.06rem 0 1.06rem .75rem;} .ipart05 .content .infor .box .con{color:#fff; line-height:.36rem; margin-bottom:.55rem;} .ipart05 .content .infor .box ul{display:flex; justify-content:space-between; gap:0 .05rem; border-radius:.1rem; overflow:hidden;} .ipart05 .content .infor .box li{padding:.5rem .45rem .5rem .3rem; background:rgba(0,0,0,.2); backdrop-filter:blur(5px); color:#fff;} .ipart05 .content .infor .box li .num_box{display:flex; align-items:flex-end; justify-content:center; margin-bottom:.15rem;} .ipart05 .content .infor .box li .num_box .num{font-size:.6rem; line-height:1; font-weight:bold; margin-right:.1rem;} .ipart06{background:#f8f8f8; padding:.45rem 0; --widthearth:6.5rem; position:relative; z-index:2;} .ipart06 #earth { margin:0 auto 0 0; /* width:var(--widthearth) !important; height:var(--widthearth) !important; */ /* width:650px !important; height:650px !important; */ } .ipart06 #earth canvas { /* width:650px !important; height:650px !important; */ } .ipart06 .content{display:flex; justify-content:space-between;} .ipart06 .content .left{width:49.5%;} .ipart06 .content .left .con{line-height:.36rem;} .ipart06 .content .left .list_box{margin-top:.4rem;} .ipart06 .content .left .list_box .img_{padding:.13rem .3rem; background:#fff; margin:6px 0px; width:24%; margin-right:1.3%; box-sizing:border-box;} .ipart06 .content .left .list_box .img_.four{margin-right:0;} .ipart06 .content .right{width:var(--widthearth); height:100%; position:relative;} .ipart06 .picList{display:flex; flex-wrap:wrap;;} /* SuperSlide 跑马灯必要样式：确保 ul 横向滚动，li 横向排列 */ .parent_ul_index .bd { overflow:hidden; /* 隐藏超出部分，形成滚动视口 */ width:100%; /* 宽度自适应父容器 */ } .parent_ul_index .bd ul { list-style:none; margin:0; padding:0; width:9999px; /* 足够宽的宽度，容纳所有 li 横向排列 */ overflow:hidden; } .parent_ul_index .bd ul li { float:left; /* 横向排列 */ margin:0 5px; /* 可选：添加项之间的间距 */ } /* 下层页面 */ .xc_banner{position:relative;} .xc_banner .intro{position:absolute; left:0; top:45%; transform:translateY(-50%); width:100%;color:#fff;} .xc_banner .intro .tit{margin-bottom:5px;} .xc_banner .crumbs{position:absolute; left:0; bottom:.25rem; width:100%; color:#fff;} .xc_banner .crumbs a:hover{color:rgba(255,255,255,.7);} .xc_banner .crumbs span{color:rgba(255,255,255,.6);} /* 产品综合 */ .pro_center01 .hd .swiper-slide{flex-direction:column; align-items:center; cursor:pointer; position:relative;} .pro_center01 .hd .swiper-slide:after{content:''; width:1px; height:.7rem; background:#e5e8ed; position:absolute; right:0; top:50%; transform:translateY(-50%);} .pro_center01 .hd .swiper-slide .icon{text-align:center; height:65px; margin:0 auto .15rem;} .pro_center01 .hd .swiper-slide .icon .img2{display:none;} .pro_center01 .hd .swiper-slide .txt{font-size:.22rem; line-height:.3rem; color:#001946; position:relative; text-align:center; padding-bottom:.17rem;} .pro_center01 .hd .swiper-slide .txt:after{content:''; width:.38rem; height:4px; background:#004ec2; position:absolute; left:50%; bottom:0; margin-left:-.19rem; transform:scale(0); transition:.5s ease;} .pro_center01 .hd .swiper-slide.cur .icon .img1{display:none;} .pro_center01 .hd .swiper-slide.cur .icon .img2{display:inline-block;} .pro_center01 .hd .swiper-slide.cur .txt{font-weight:bold; color:#004ec2;} .pro_center01 .hd .swiper-slide.cur .txt:after{transform:scale(1);} .pro_center01 .hd .swiper-slide:hover .icon .img1{display:none;} .pro_center01 .hd .swiper-slide:hover .icon .img2{display:inline-block;} .pro_center01 .hd .swiper-slide:hover .txt{font-weight:bold; color:#004ec2;} .pro_center01 .hd .swiper-slide:hover .txt:after{transform:scale(1);} .pro_center01 .bd{margin-top:.6rem;} .pro_center01 .bd .text{margin-bottom:.7rem;} .pro_center01 .bd .list{display:flex; flex-wrap:wrap;} .pro_center01 .bd .list .li_{width:19%; margin-right:1.25%; margin-bottom:.7rem;;} .pro_center01 .bd .list .li_five{margin-right:0;} .pro_center01 .bd .list .li_ .img_{padding:.15rem; display:flex; align-items:center; justify-content:center;} .pro_center01 .bd .list .li_ .tit{font-size:.22rem; line-height:.3rem; color:#041744; padding:.29rem .2rem; background:#f8f8f8;text-align:center;} .pro_center01 .bd .list .li_ img{transition:all 0.5s ease;} .pro_center01 .bd .list .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* 分页 */ .widgets_common_pages_4 {text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} .widgets_common_pages_4 a, .widgets_common_pages_4 span{display:inline-block; width:38px; height:32px;line-height:32px; color:#041744; margin:0 3px; font-size:16px;} .widgets_common_pages_4 i{margin:0 .1rem;} .widgets_common_pages_4 a:hover{background:#f8f8f8;} .widgets_common_pages_4 .current{background:#f8f8f8;} /* 发展历程 */ .develop01 .content .left{width:34.6%; transition:0s ease!important;} .develop01 .content .left .box{position:relative;} .develop01 .content .left .tit{color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); } .develop01 .content .right{width:54%; padding-right:.6rem; box-sizing:border-box; position:relative} .develop01 .content .right:after{content:''; width:1px; height:calc(100% - 13px); background:#eef0f3; position:absolute; left:0; top:13px;} .develop01 .content .right li{padding-left:1.2rem; position:relative; margin-bottom:.8rem; z-index:3;} .develop01 .content .right li:after{content:''; width:38px; height:37px; background:url(../img/develop01_2.png) no-repeat center/cover; position:absolute; left:0; margin-left:-19px; top:0px; z-index:2; transition:.5s ease;} .develop01 .content .right .box{display:flex; align-items:flex-start;} .develop01 .content .right .box .year{font-size:.3rem; line-height:1; font-weight:bold; color:#041744; margin-right:.7rem;} .develop01 .content .right .box .info .t{font-size:.22rem; line-height:.3rem; font-weight:bold; color:#041744;} .develop01 .content .right .box .info .c{color:#666666; margin-top:.15rem;} .develop01 .content .right .scroll-line{position:absolute; left:0; top:0; height:0; background:transparent; width:1px; z-index:2} .develop01 .content .right li.active:after{background:url(../img/develop01_3.png) no-repeat center/cover;} /* 产品详细 */ .pro_detail{padding-top:.65rem;} .pro_detail .crumbs{color:#001946;} .pro_detail .crumbs span{color:rgba(0, 25, 70,.6);} .pro_detail01{padding-top:.3rem;} .pro_detail01 .content .left{width:50%; float:left;} .pro_detail01 .content .left .top_img{width:100%; position:relative; margin-top:.5rem;} .pro_detail01 .content .left .top_img .img_area{display:flex; align-items:center; justify-content:space-between;} .pro_detail01 .content .left .top_img .rect-6125{padding-bottom:61.25%;} .pro_detail01 .content .left .top_img .rect-6125 img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-height:90%; max-width:90%;} .pro_detail01 .content .left .top_img .left_l{width:21%; position:relative;} .pro_detail01 .content .left .top_img .m_list{display:none;} .pro_detail01 .content .left .top_img .left_l .ul_box{height:4.9rem; overflow:hidden;} .pro_detail01 .content .left .top_img .left_l li{margin-bottom:.04rem; cursor:pointer; position:relative;} .pro_detail01 .content .left .top_img .left_l .li_box{border:1px solid #eeeeee; padding:0 .25rem; box-sizing:border-box;} .pro_detail01 .content .left .top_img .left_l li .li_box img{position:absolute; top:50%; transform:translate(-50%,-50%); left:50%; max-width:80%; max-height:80%;} .pro_detail01 .content .left .top_img .left_l li.cur .li_box{border-color:#001946;} .pro_detail01 .content .left .top_img .left_l li.hasMore .cover{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(6, 63, 135, 0.8); display:flex; align-items:center; justify-content:center; flex-wrap:wrap;} .pro_detail01 .content .left .top_img .left_l li.hasMore .cover .cover_img img{width:.6rem;} .pro_detail01 .content .left .top_img .left_l li.hasMore .cover .cover_t{font-size:12px; line-height:.2rem; color:#004ec2; font-weight:bold;} .pro_detail01 .content .left .top_img .left_l .myprev{position:absolute; bottom:100%; left:50%; transform:translateX(-50%); cursor:pointer;} .pro_detail01 .content .left .top_img .left_l .mynext{position:absolute; top:100%; left:50%; transform:translateX(-50%); cursor:pointer;} .pro_detail01 .content .left .top_img .left_l .myprev .iconfont, .pro_detail01 .content .left .top_img .left_l .mynext .iconfont{font-size:.4rem; line-height:1; margin:0; display:block;} .pro_detail01 .content .left .top_img .left_r{width:74%; display:flex; align-items:center;} .pro_detail01 .content .left .top_img .rect-68{padding-bottom:68%;} .pro_detail01 .content .left .top_img .left_l .unable{display:none;} .pro_detail01 .content .right{width:47.5%; float:right;} .pro_detail01 .content .right .info{margin-bottom:.3rem;} .pro_detail01 .content .right .info .tit{font-size:.46rem; line-height:.5rem; font-weight:bold; color:#001946;} .pro_detail01 .content .right .info .con{font-size:.22rem; color:#001946; font-weight:bold; margin-top:.1rem;} .pro_detail01 .content .right .text .t{font-size:.2rem; font-weight:bold;} .pro_detail01 .content .right .text .c{color:#666; margin-top:.1rem; margin-bottom:.35rem;} .pro_detail01 .content .right .list{display:flex; justify-content:space-between; flex-wrap:wrap;} .pro_detail01 .content .right .list li{width:49%; border:1px solid #919EB2; border-radius:.1rem; box-sizing:border-box; padding:.2rem; text-align:center; margin-bottom:2%;} .pro_detail01 .content .right .list li .icon{width:.95rem; height:.95rem; margin:0 auto .2rem; transition:.5s ease;} .pro_detail01 .content .right .list li:hover .icon{transform:rotateY(180deg);} .pro_detail01 .content .right dl dd{position:relative; padding-left:.2rem; font-size:14px; line-height:28px; } .pro_detail01 .content .right dl dd:after{content:''; width:6px; height:6px; background:#001946; border-radius:20px; position:absolute; left:0; top:12px;} .pro_detail02{padding-top:.4rem;} .pro_detail02 .infor{margin-bottom:.5rem;} /* 荣誉资质 */ .honor{background:#f8f8f8;} .honor01 .content{position:relative;} .honor01 .content .intro{position:absolute; left:.4rem; top:.8rem; bottom:.5rem; width:43%;} .honor01 .content .intro .con{margin-top:.4rem; display:flex; } .honor01 .content .intro .con .cell{margin-right:.8rem;} .honor01 .content .intro .con .cell .num{font-size:.46rem; line-height:.5rem; font-weight:bold; margin-bottom:.15rem;} .honor01 .content .intro .list {display:flex;} .honor01 .content .intro .list li{width:45%; margin-right:.45rem;} .honor01 .content .intro .list li:last-child{margin-right:0;} .honor01 .content .intro .list .words{position:relative; margin-top:.45rem; text-align:center; padding:0 .4rem; display:flex; align-items:center; justify-content:center; height:1rem;} .honor01 .content .intro .list .words .info{color:#041744; font-size:.22rem; line-height:.26rem;} .honor01 .content .intro .list .words .info .c{font-weight:bold; border-top:1px solid #C2C9D5; padding-top:.15rem; margin-top:.15rem;;} .honor01 .content .intro .list .words::before, .honor01 .content .intro .list .words::after{content:''; position:absolute; right:-.07rem; top:50%; transform:translateY(-50%); width:.42rem; height:.86rem; background:url(../img/honor01_3.png) no-repeat center/cover;} .honor01 .content .intro .list .words::before{left:-.07rem; right:auto; background:url(../img/honor01_2.png) no-repeat center/cover;} .honor02{margin-top:.8rem;} .honor02 ul{display:flex; flex-wrap:wrap;} .honor02 .li_{width:23.3%; margin-right:2.2%; transition:.5s ease; cursor:pointer; box-sizing:border-box; padding:.22rem .22rem .34rem; background:#fff; box-shadow:0px 3px 12.74px 0.26px rgba(0, 0, 0, 0.11); margin-bottom:.35rem;} .honor02 .li_ .img{height:2.98rem; overflow:hidden; padding:0.2rem .25rem; background:#f3f5f6; display:flex; justify-content:center; align-items:center;} .honor02 .li_four{margin-right:0;} .honor02 .li_ .words{position:relative;; text-align:center; padding:0 .4rem; display:flex; align-items:center; justify-content:center; margin-top:.26rem;} .honor02 .li_ .words .info{transition:.5s ease; color:#041744; font-size:.18rem; line-height:.26rem; height:.52rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .honor02 .li_ .words::before, .honor02 .li_ .words::after{content:''; position:absolute; right:-.07rem; top:50%; transform:translateY(-50%); width:.53rem; height:.74rem; background:url(../img/honor01_5.png) no-repeat center/cover;} .honor02 .li_ .words::before{left:-.07rem; right:auto; background:url(../img/honor01_4.png) no-repeat center/cover;} body .album_ordinary .album_close{background:#001946;} .honor02 .li_:hover{background:#004ec2;} .honor02 .li_:hover .info{color:#fff;} .honor02 .li_ img{transition:all 0.5s ease;} .honor02 .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* 新闻列表 */ .news_list .rect-6266{padding-bottom:62.66%;} .news_list01 .form_box{position:relative; z-index:2; width:76%;} .news_list01 .select_btn{display:none;} .news_list01 .form_box .form_item{width:28%; margin-left:5%; border-bottom:2px solid #004EC2; position:relative;} .news_list01 .form_box .form_item:first-child{margin-left:0;} .news_list01 .form_box .form_item .sel_span{display:block; width:100%; height:0.5rem; line-height:0.5rem; border:none; padding:0; margin:0; box-sizing:content-box; font-size:0.18rem; color:#041744; padding:0; position:relative; cursor:pointer;} .news_list01 .form_box .form_item .sel_span::after{content:''; width:10px; height:8px; background:url(../img/news_list01_1.png) no-repeat center; background-size:cover; position:absolute; right:0; top:50%; margin-top:-0.03rem;} .news_list01 .form_box .form_item .sel_inp{display:block; width:100%; height:0.5rem; line-height:0.5rem; border:none; padding:0; margin:0; box-sizing:content-box; font-size:0.18rem; color:#041744; padding:0;} .news_list01 .form_box .form_item input{width:80%;} .news_list01 .form_box .form_item input::-webkit-input-placeholder{color:#041744;} .news_list01 .form_box .form_item input::-webkit-input-placeholder{color:#041744; font-size:0.18rem; line-height:0.5rem; height:0.5rem;} .news_list01 .form_box .form_item input::-moz-placeholder{color:#041744; font-size:0.15rem; line-height:0.5rem; height:0.5rem;} .news_list01 .form_box .form_item input:-moz-placeholder{color:#041744; font-size:0.15rem; line-height:0.5rem; height:0.5rem;} .news_list01 .form_box .form_item input:-ms-input-placeholder{color:#041744; font-size:0.15rem; line-height:0.5rem; height:0.5rem;} .news_list01 .form_box .form_item .searth_btn{height:0.5rem; border:none; text-align:center; background-color:transparent; outline:none; cursor:pointer; padding:0; position:absolute; right:0; top:0;} .news_list01 .form_box .form_item .searth_btn .icon{display:inline-block; width:0.2rem; height:0.2rem; background:url(../img/news_list01_2.png) no-repeat center; background-size:cover;} .news_list01 .form_box .form_item .sel_down{width:101%; position:absolute; left:0; top:100%; margin-top:2px; opacity:0; pointer-events:none; transform:translateY(20px); transition:.5s ease; background:#fff; box-shadow:0 0 25px rgb(0 0 0 / 10%); z-index:2; max-height:2.52rem; overflow-y:auto;} .news_list01 .form_box .form_item .sel_down li{font-size:0.15rem; color:#041744; line-height:0.36rem; padding-left:0.2rem; box-sizing:border-box; cursor:pointer;} .news_list01 .form_box .form_item .sel_down li:hover{color:#004EC2; background:#f1f1f1;} .news_list01 .form_box .form_item .sel_down.cur{transform:translateY(0); opacity:1; pointer-events:auto;} .news_list02{margin-top:.75rem;} .news_list02 ul{display:flex;; flex-wrap:wrap;} .news_list02 .li_{width:32%; margin-right:2%; border-radius:15px; transition: box-shadow .5s cubic-bezier(.38, 0, 0, 1); margin-bottom:.35rem;} .news_list02 .li_three{margin-right:0;} .news_list02 .li_ .info_{background:#f5f5f5; padding:.4rem .3rem .2rem; color:#041744; border-radius:15px 15px 0 0; overflow:hidden;} .news_list02 .li_ .info_ .sign{font-size:.16rem; line-height:.2rem; margin-bottom:.25rem;;} .news_list02 .li_ .info_ .tit{font-size:.24rem; line-height:.36rem; font-weight:bold; height:.72rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:.67rem;} .news_list02 .li_ .info_ .con{display:flex; justify-content:space-between; align-items:center;} .news_list02 .li_ .info_ .con .date{font-size:.16rem;} .news_list02 .li_ .img_{border-radius:0 0 15px 15px; overflow:hidden;} .news_list02 .li_ img{transition:all 0.5s ease;} .news_list02 .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .news_list02 .li_:hover {box-shadow: 0 .7rem .8rem -5px rgba(35, 38, 38, .3); } .news_list02 .widgets_common_pages_4{margin-top:.3rem;} /* 新闻按钮 */ .layer-btn{display:flex; padding:0 .25rem 0 .3rem; align-items:center; justify-content:center; width:1.2rem; opacity:1; height:.45rem; background-color:rgba(28, 31, 31, .1); transition:width .6s cubic-bezier(.38, 0, 0, 1), opacity .6s cubic-bezier(.38, 0, 0, 1); position:relative; box-sizing:border-box; font-size:.16rem; font-weight:bold; overflow:hidden;} .layer-btn .mk{width:200%; transition:opacity 1s cubic-bezier(.38, 0, 0, 1), transform .8s cubic-bezier(.38, 0, 0, 1); background:#004EC2; transform:translateX(-100%); position:absolute; left:0; top:0; height:100%;} .layer-btn .layer-icon{z-index:10; transition:opacity .6s cubic-bezier(.38, 0, 0, 1), transform .6s cubic-bezier(.38, 0, 0, 1); position:relative; display:flex; justify-content:center; align-items:center;} .layer-btn .layer-icon i{font-size:.14rem; display:block; transform-origin:0 100%; z-index:5; transition:opacity .5s cubic-bezier(.38, 0, 0, 1), transform .8s cubic-bezier(.38, 0, 0, 1), color .5s cubic-bezier(.38, 0, 0, 1); position:relative; margin-right:0;} .layer-btn .txt{text-align:center; z-index:9; margin-right:.15rem; line-height:.45rem; transition:opacity .6s cubic-bezier(.38, 0, 0, 1), transform .6s cubic-bezier(.38, 0, 0, 1),color .6s cubic-bezier(.38, 0, 0, 1);;} .layer-btn:hover .mk{transform:translateX(-50%);} .layer-btn:hover .layer-icon i{opacity:1; transform:rotate(45deg) translate(-.1rem); color:#fff;} .layer-btn:hover .txt{color:#fff;} /* 新闻按钮 end*/ /* 关于我们 */ .about_us01 .infor .en_tit{font-size:.24rem; line-height:1; color:#041744; position:relative; padding-left:.78rem; margin-top:.2rem;} .about_us01 .infor .en_tit:after{content:''; width:.58rem; height:4px; background:#004EC2; position:absolute; left:0; top:50%; margin-top:-2px;} .about_us01 .infor .con{color:#041744; margin-top:.5rem; line-height:.36rem;} .about_us01 .infor .con span{display:block; font-weight:bold; margin-bottom:.37rem;} .about_us01 .infor .list{margin-top:.6rem; display:flex; justify-content:space-between;} .about_us01 .infor .list li .num{font-size:.2rem; line-height:1; font-weight:bold; color:#004ec2;} .about_us01 .infor .list li .num span{font-size:.6rem; margin-right:4px;} .about_us01 .infor .list li .txt{font-size:.2rem; line-height:.3rem; color:#000; margin-top:.06rem;} .about_us01 .content{margin-top:.6rem; } .about_us01 .content .img_{position:relative;} .about_us01 .content .img_ .play{width:.78rem; height:.78rem; background:url(../img/about_us01_2.png) no-repeat center/cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer;} .about_us01 .content .text{color:#001946; line-height:.38rem; margin:.6rem 0;} .about_us02 .rect-668{padding-bottom:66.8%;} .about_us02 ul{display:flex; flex-wrap:wrap;} .about_us02 li{width:32.4%; margin-right:1.4%;} .about_us02 li:nth-child(3n){margin-right:0;} /* 招聘列表 */ .job_list.channel_content{padding:0;} .job_list01{background:#f9f9f9; padding:.65rem 0 .15rem;} .job_list01 .infor{text-align:center; margin-bottom:.55rem; color:#041744;} .job_list01 .content ul{display:flex; justify-content:center; flex-wrap:wrap;} .job_list01 .content li{margin-bottom:.5rem; padding:0 1.04rem;} .job_list01 .content li .img_{width:1.47rem; margin:0 auto;} .job_list01 .content li .txt_{font-size:.18rem; color:#041744; text-align:center; margin-top:.2rem; font-weight:bold;} .job_list01 .content li:nth-child(1){padding-left:0;} .job_list01 .content li:nth-child(5){padding-right:0;} .job_list01 .content li img{transition:all 0.5s ease;} .job_list01 .content li:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .job_list02{padding:.65rem 0;} .job_list02 .infor{text-align:center;} .job_list02 .content{margin-top:.45rem;} .job_list02 .content .form_box{margin-bottom:.45rem; text-align:center;} .job_list02 .content .form_box .inp_wrap{width:22%; margin-right:0.5%; border:1px solid #E3E7EC; display:inline-block; vertical-align:top; border-radius:5px;} .job_list02 .content .form_box .inp_wrap .inp{width:100%; height:.52rem; line-height:.52rem; font-size:.18rem; color:#041744; text-indent:.12rem; border:none; border-radius:0; padding:0; background:transparent;} .job_list02 .content .form_box .inp_wrap.search_wrap{position:relative; text-align:left; width:25%;} .job_list02 .content .form_box .inp_wrap.search_wrap .inp{width:calc(100% - .65rem); text-indent:.22rem;} .job_list02 .content .form_box button{outline:none; border:none; background:#004EC2; height:.42rem; width:.42rem; border-radius:50%; font-size:16px; text-align:center; cursor:pointer; text-align:center; transition:.5s ease; display:flex; align-items:center; justify-content:center; position:absolute; right:7px; top:50%; transform:translateY(-50%); flex-shrink:0;} .job_list02 .content .form_box button i{display:inline-block; color:#fff; vertical-align:middle;} .job_list02 .content .form_box button:hover{background:#004ec2;} .job_list02 .content .form_box .inp_wrap .select-ui-choose-default ._arrow .arr{width:14px; height:8px; background:url(http://zjk.jerei.com/uploadfiles/widgets_xc_job_list_12_1.png) no-repeat center; border:none;} .job_list02 .content .form_box .inp_wrap .select-ui-choose-default.on ._arrow .arr{margin:-.2em 0 0;} .job_list02 .content .form_box .inp_wrap .select-ui-choose ._arrow{right:17px;} .job_list02 .content .form_box .inp_wrap .select-ui-choose-default ._txt{text-align:left;} .job_list02 .content li{border-bottom:1px solid #e7e7e7; overflow:hidden;} .job_list02 .content li.first {background:#004ec2; color:#fff; border-bottom:none; padding:0; height:.7rem;line-height:.7rem; border-radius:5px; font-size:.18rem;} .job_list02 .content li ._ut{float:left; text-align:center;} .job_list02 .content li ._un{float:left; text-align:center; height:.8rem; line-height:.8rem; font-size:.18rem; color:#041744; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .job_list02 .content li ._un, .job_list02 .content li ._ut{width:17%;} .job_list02 .content li ._t1{width:20%;} .job_list02 .content li ._t7{width:8%; cursor:pointer;} .job_list02 .content li ._un._t7:after {content:"+"; display:inline-block; vertical-align:-1px; color:#313131; margin-left:5px; font-size:20px;} .job_list02 .content li.j_t_cur ._un._t7:after {content:"-";} .job_list02 .content li.j_t {cursor:pointer;} .job_list02 .content li.j_c {height:auto; line-height:1.5; background:#f9f9f9; display:none;} .job_list02 .content .j_c .j_c_box {padding:.4rem; padding-left:1rem;} .job_list02 .content .j_c .j_c_box .intro {color:#041744; line-height:.36rem; font-size:.18rem;; position:relative;} .job_list02 .content .j_c .j_c_box .intro strong{display:block; font-size:.18rem; color:#004ec2; margin-bottom:10px} .job_list02 .content .j_c .intro .job_btn {display:flex; justify-content:flex-end; margin-top:.3rem;} .job_list02 .content .j_c .intro .job_btn ._btn {display:inline-block; padding:0 .45rem; height:.57rem;line-height:.57rem; color:#fff; border-radius:30px; font-size:.18rem; background:#004ec2; cursor:pointer; text-align:center; transition:.5s ease;} .job_list02 .content .j_c .intro .job_btn ._btn:hover{background:#041744;} body .select-ui-options-default li:hover{background:#004ec2;} /* 联系我们 */ .contact_us.channel_content{background:url(../img/contact_us01.jpg) no-repeat center/cover;} .contact_us01 .content{padding:0 .8rem;} .contact_us01 ul{display:flex; justify-content:space-between; } .contact_us01 ul li .icon{width:1.7rem; margin:0 auto; transition:.5s ease;} .contact_us01 ul li:hover .icon{transform:rotateY(180deg);} .contact_us01 ul li .info .t{font-size:.24rem; line-height:.3rem; color:#004EC2; text-align:center; margin:.3rem 0 .07rem;} .contact_us01 ul li .info .c{font-weight:bold; font-size:.24rem;} .contact_us02 {margin-top:.8rem;} .contact_us02 .content{background:url(../img/contact_us02_1.jpg) no-repeat bottom right; background-size:cover; border:0.5px solid #fff; border-radius:.15rem;} .contact_us02 .content .box{padding:.76rem 13.5% .8rem;} .contact_us02 .content .info{text-align:center; color:#041744; margin-bottom:.5rem;} .contact_us02 .content .info .con{margin-top:.23rem; } .contact_us02 .content .form_box{display:flex; flex-wrap:wrap;} .contact_us02 .content .inp_wrap{width:30.8%; margin-right:3.8%; margin-bottom:.43rem;} .contact_us02 .content .inp_wrap label{font-size:.18rem; font-weight:bold; color:#041744; display:block; margin-bottom:.14rem;} .contact_us02 .content .inp_wrap label sup{color:#004EC2;} .contact_us02 .content .inp_wrap .inp{width:100%; height:.69rem; line-height:.69rem; border:1px solid #E8EBF0; border-radius:.1rem; text-indent:.2rem; color:rgba(4, 23, 68,.4);} .contact_us02 .content .inp_wrap .inp::-webkit-input-placeholder { color:rgba(4, 23, 68,.4); } .contact_us02 .content .sele_wrap{position:relative; z-index:3;} .contact_us02 .content .sele_wrap span{display:block; position:relative; box-sizing:border-box; background:#fff; padding-right:.32rem; cursor:pointer;} .contact_us02 .content .sele_wrap span:after{content:''; width:.11rem; height:.07rem; background:url(../img/contact_us02_jt.png) no-repeat center/cover; position:absolute; right:.21rem; top:50%; transform:translateY(-50%);} .contact_us02 .content .sele_wrap .sele_down{position:absolute; left:0; top:100%; width:100%; background:#fff; padding:.1rem 0; display:none;} .contact_us02 .content .sele_wrap .sele_down ul{max-height:1.84rem; overflow-y:auto;} .contact_us02 .content .sele_wrap .sele_down li{padding:.05rem .2rem; cursor:pointer; font-size:.16rem; line-height:.36rem;} .contact_us02 .content .sele_wrap .sele_down li:hover{color:#004EC2;} .contact_us02 .content .inp_wrap03{margin-right:0;} .contact_us02 .content .inp_wrap06{margin-right:0;} .contact_us02 .content .inp_textarea{width:65.4%;} .contact_us02 .content .inp_textarea .inp{height:1.4rem;} .contact_us02 .content .inp_yzm{margin-right:0;} .contact_us02 .content .inp_yzm .img_{display:flex; align-items:center; margin-top:.2rem;} .contact_us02 .content .inp_yzm .img_ .txt{margin-left:.2rem; font-size:.16rem; line-height:.16rem;} .contact_us02 .content .btns{padding:0; cursor:pointer; margin:0; outline:0; border:none; background:none; display:block; width:100%;} .contact_us02 .content .btns .layer-btn{width:2.1rem; margin:0 auto; background-color:#004ec2; color:#fff;} .contact_us02 .content .btns .layer-btn .mk{background:#02409c;} /* 技术研发 */ .yanfa.channel_content{padding-bottom:0;} .yanfa01{margin-bottom:.65rem;} .yanfa01 .content{display:flex; justify-content:space-between; flex-wrap:wrap;} .yanfa01 .content .left{width:14%; color:#041744} .yanfa01 .content .left .con{margin-top:.15rem;} .yanfa01 .content .right{width:76.5%;} .yanfa01 .content .right ul{display:flex; flex-wrap:wrap; max-height:6rem; overflow-y:auto; padding-right:.2rem;} .yanfa01 .content .right ul::-webkit-scrollbar {width:2px; height:4px;} .yanfa01 .content .right ul::-webkit-scrollbar-thumb {border-radius:0; background:#004EC2;} .yanfa01 .content .right ul::-webkit-scrollbar-track {border-radius:0; background:#D7DBE2;} .yanfa01 .content .right .li_{width:32%; margin-right:2%; margin-bottom:2%; height:2.76rem; background:url(../img/yanfa01_1.jpg) no-repeat center/cover; border-radius:.15rem; overflow:hidden; } .yanfa01 .content .right .li_three{margin-right:0;} .yanfa01 .content .right .li_ .pic{height:2.35rem; padding-top:.3rem; text-align:center;} .yanfa02{padding:.7rem 0 .5rem; background:#f8f8f8;} .yanfa02 .infor{display:flex; justify-content:space-between;} .yanfa02 .infor .con .form{display:flex;} .yanfa02 .infor .con .item_wrap{width:3.28rem; margin-left:.2rem; border:1px solid #AEB4C2; position:relative;} .yanfa02 .infor .con .sele_wrap span{display:block; padding-right:.3rem; box-sizing:border-box; text-indent:.2rem; line-height:.5rem; height:.5rem; position:relative; cursor:pointer; color:rgba(4, 23, 68,.4); } .yanfa02 .infor .con .sele_wrap span:after{content:''; width:11px; height:7px; background:url(../img/contact_us02_jt.png) no-repeat center/cover; position:absolute; right:.3rem; top:50%; transform:translateY(-50%);} .yanfa02 .infor .con .sele_wrap .sele_down{position:absolute; left:0; top:100%; width:100%; background:#fff; padding:.1rem 0; display:none; margin-top:1px;} .yanfa02 .infor .con .sele_wrap .sele_down ul{max-height:1.84rem; overflow-y:auto;} .yanfa02 .infor .con .sele_wrap .sele_down li{padding:.05rem .2rem; cursor:pointer; font-size:.16rem; line-height:.36rem;} .yanfa02 .infor .con .sele_wrap .sele_down li:hover{color:#004EC2;} .yanfa02 .infor .con .inp_wrap .inp{width:calc(100% - .45rem); text-indent:.2rem; padding:0; height:.5rem; line-height:.5rem; border:none;} .yanfa02 .infor .con .inp_wrap .searth_btn{height:0.5rem; border:none; text-align:center; background-color:transparent; outline:none; cursor:pointer; padding:0; position:absolute; right:.18rem; top:0;} .yanfa02 .infor .con .inp_wrap .searth_btn .icon{display:inline-block; width:0.2rem; height:0.2rem; background:url(../img/news_list01_2.png) no-repeat center; background-size:cover;} .yanfa02 .infor .con .tips{font-size:.16rem; text-align:right; margin-top:.2rem; color:rgba(4, 23, 68,.7);} .yanfa02 .content{margin-top:.45rem;} .yanfa02 .content ul{display:flex; flex-wrap:wrap;} .yanfa02 .content .li_{width:24%; margin-right:1.3%; background:#fff; box-shadow: 0px 5px 8.19px 0.81px rgba(0, 0, 0, 0.04);border-radius:.1rem; transition:.3s ease; margin-bottom:.3rem;} .yanfa02 .content .li_four{margin-right:0;} .yanfa02 .content .li_ .box{padding:.25rem .25rem .3rem; display:block;} .yanfa02 .content .li_ .box .tit{color:#004EC2; font-weight:bold; margin-bottom:.15rem; transition:.3s ease;} .yanfa02 .content .li_ .box .con .cell{display:flex; align-items:center; font-size:.16rem; color:#041744; transition:.3s ease; margin-bottom:.1rem;} .yanfa02 .content .li_ .box .con span{width:.21rem; flex-shrink:0; margin-right:.13rem;; display:flex; align-items:center; justify-content:center;} .yanfa02 .content .li_ .box .con span .img2{display:none;} .yanfa02 .content .li_ .box .more .layer-btn{padding:0 .17rem 0 .15rem; margin-top:.23rem; width:1.02rem; height:.35rem; background:#004EC2;} .yanfa02 .content .li_ .box .more .layer-btn .txt{margin-right:.1rem;} .yanfa02 .content .li_:hover .box .more .layer-btn .mk{background:rgba(255,255,255,.4);} .yanfa02 .content .li_ .box .more .layer-btn .txt{color:#fff; line-height:.35rem;} .yanfa02 .content .li_ .box .more .layer-btn .layer-icon i{color:#fff;} .yanfa02 .content .li_:hover{background:#004ec2;} .yanfa02 .content .li_:hover .box .tit{color:#fff;} .yanfa02 .content .li_:hover .box .con .cell{color:#fff;} .yanfa02 .content .li_:hover .box .con span .img1{display:none;} .yanfa02 .content .li_:hover .box .con span .img2{display:block;} .yanfa02 .content .li_:hover .layer-btn .mk{transform:translateX(-50%);} .yanfa02 .content .li_:hover .layer-btn .layer-icon i{opacity:1; transform:rotate(45deg) translate(-.1rem); color:#fff;} .yanfa02 .content .li_:hover .layer-btn .txt{color:#fff;} .yanfa02 .content .widgets_common_pages_4 {margin-top:.2rem;} /* 弹窗 */ .tanchuang{position:fixed; left:0; width:100%; display:none; height:100%; top:0; backdrop-filter:blur(3px); background:rgba(0,0,0,.5); z-index:100;;} .tanchuang .content{width:1400px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff;} .tanchuang .content .box{padding:1.1rem .6rem .8rem; overflow:hidden;} .tanchuang .content #carousel{margin-bottom:.6rem;} .tanchuang .content #carousel .swiper{overflow:visible;} .tanchuang .content #carousel .swiper-slide { width: 240px; background: #fff; box-shadow: 0 8px 20px #ddd; } .tanchuang .content #carousel .swiper-slide img{width:100%; height:100%; object-fit:cover;} .tanchuang .content .close{width:.41rem; position:absolute; top:.3rem; right:.3rem; cursor:pointer;} .tanchuang .content .datalist{font-size:.18rem; line-height:.26rem; color:#041744; text-align:center;} .tanchuang .content .datalist th{padding:.2rem .06rem;} .tanchuang .content .datalist td{padding:.15rem .06rem;} .tanchuang .swiper-pagination{display:none;} .tanchuang .swiper-button-next, .tanchuang .swiper-button-prev{display:none;} .tanchuang .swiper-slide:nth-child(1){transform: translateX(17.2461px) translateZ(2.7864px) rotateY(36deg); margin-right: 20px;} .tanchuang .swiper-slide:nth-child(2){transform: translateX(-3.61604px) translateZ(-110.845px) rotateY(18deg); margin-right: 20px;} .tanchuang .swiper-slide:nth-child(3){transform: translateX(0px) translateZ(-150px) rotateY(0deg); margin-right: 20px;} .tanchuang .swiper-slide:nth-child(4){transform: translateX(3.61604px) translateZ(-110.845px) rotateY(-18deg); margin-right: 20px;} .tanchuang .swiper-slide:nth-child(5){transform: translateX(-17.2461px) translateZ(2.7864px) rotateY(-36deg);} /* 服务中心 */ .service{background:#f8f8f8;} .service01 .infor {width:69%; color:#041744;} .service01 .infor .con{ line-height:.36rem; color:#041744; margin-top:.3rem;} .service01 .content{ margin-top:.1rem; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between;} .service01 .content .left{width:65%; position:relative;} .service01 .content .left .dots_box{position:absolute; left:0; top:0; width:100%; height:100%;} .service01 .content .left .dots_box .dot{position:absolute; width:.25rem; height:.27rem; background:url(../img/service01_2.png) no-repeat center/cover; animation: bounce 1.2s ease-in-out infinite;} .service01 .content .left .dots_box .main_dot{position:absolute; width:.15rem; height:.17rem; background:url(../img/service01_3.png) no-repeat center/cover; animation: bounce 0s ease-in-out infinite; z-index:3;} .service01 .content .left .dots_box .main_dot span{font-size:12px;font-weight:bold; width:60px; height:23px; position:absolute; bottom:100%; margin-bottom:10px; left:50%; transform:translateX(-50%); background:#fff; line-height:23px; text-align:center;} .service01 .content .left .dots_box .main_dot span:after{content:''; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid #fff; position:absolute; left:50%; top:100%; transform:translateX(-50%);} .service01 .content .right{width:28%;} .service01 .content .right .box{padding:.3rem .28rem; background:#fff; box-shadow: 0px 1px 29.75px 5.25px rgba(0, 0, 0, 0.05);} .service01 .content .right .box .title{font-size:.3rem; font-weight:bold; color:#041744; padding-bottom:.2rem; border-bottom:1px solid #E5E7EC;} .service01 .content .right .box li{padding:.13rem 0.15rem; display:flex; align-items:center;border-bottom:1px solid #E5E7EC;} .service01 .content .right .box li .icon{width:.17rem; margin-right:.17rem; flex-shrink:0;} .service01 .content .right .box li .text{font-size:.18rem; line-height:.3rem;} @keyframes bounce { 0%, 100% { transform: translate(-50%, -50%) translateY(0); /* 初始/结束位置 */ } 50% { transform: translate(-50%, -50%) translateY(-10px); /* 向上跳动的峰值 */ } } /* QHSE */ .qhse.channel_content{padding-top:0;} .qhse01{background:#f7f9f9; padding:.7rem 0 0;} .qhse01 .infor{text-align:center;} .qhse01 .content{display:flex; justify-content:space-between; margin-bottom:1rem; margin-top:.4rem;} .qhse01 .content .item{width:47.8%; padding:.3rem .4rem .4rem; box-sizing:border-box; color:#041744; background:#fff; transition:.5s ease;} .qhse01 .content .item .icon{margin-bottom:0.4rem; width:.84rem;} .qhse01 .content .item .tit{font-size:.3rem; line-height:.36rem; font-weight:bold; padding-bottom:0.3rem; margin-bottom:0.3rem; border-bottom:1px solid #CDD1DA;} .qhse01 .content .item .con{height:1.44rem; line-height:.36rem; overflow-y:auto;;} .qhse01 .content .item .con::-webkit-scrollbar {width:2px; height:4px;} .qhse01 .content .item .con::-webkit-scrollbar-thumb {border-radius:0; background:#004EC2;} .qhse01 .content .item .con::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .qhse02{padding-top:.7rem;;} .qhse02 .infor .tit{text-align:center; font-weight:bold; color:#041744;} .qhse02 .content {background:url(../img/qhse02_1.jpg) no-repeat center/cover; height:5.9rem; margin-top:.4rem;} .qhse02 .content .box{display:flex;} .qhse02 .content .item{width:42.3%; padding-top:1rem; color:#fff;} .qhse02 .content .item .tit{font-size:.3rem; font-weight:bold; margin-bottom:.3rem;} .qhse02 .content .item .con{display:flex; flex-wrap:wrap;} .qhse02 .content .item .con span{display:inline-block; width:31.7%; margin-right:2.45%; margin-bottom:2%; box-sizing:border-box; border:1px solid #fff; border-radius:.1rem; line-height:.52rem; text-align:center; background:rgba(255,255,255,.2); backdrop-filter:blur(3px);} .qhse02 .content .item .con span:nth-child(3n){margin-right:0;} .qhse02 .content .item:nth-child(1){margin-right:12%;} .qhse02 .content .item .con li{padding-left: 0.2rem; position:relative; font-size:.18rem; line-height:.48rem; } .qhse02 .content .item .con li:after{content:''; width:9px; height:9px; background:#fff; border-radius:.2rem; position:absolute; left:0; top:.195rem;} .qhse03{background:url(../img/qhse03_1.jpg) no-repeat center/cover; height:9.3rem;} .qhse03 .infor{text-align:center; color:#041744; padding-top:.8rem;} .qhse03 .infor .tit{font-weight:bold; } .qhse03 .infor .con{margin-top:.2rem; padding:0 23%;} .qhse03 .content{margin-top:.8rem; width:46%;} .qhse03 .content li{color:#041744; padding-left:.21rem; position:relative; margin-bottom:.2rem;} .qhse03 .content li:after{content:''; width:.08rem; height:.08rem; background:#004EC2; border-radius:15px; position:absolute; left:0; top:.11rem;} .qhse04{padding-top:.8rem;} .qhse04 .infor{text-align:center;} .qhse04 .content{margin-top:.4rem;} /* 新闻详情 start */ .news_detail1 .left{width:73%;} .news_detail1 .left .switcher{display:inline-block;} .news_detail1 .left .con{margin-top:0.22rem;} .news_detail1 .left .time{margin:0 0.2rem;} .news_detail1 .left .play{margin-left:0.2rem; cursor:pointer;} .news_detail1 .left .play img{vertical-align:middle;} .news_detail1 .left .share_box{text-align:center; position:relative; margin-top:0.3rem; margin-bottom:0.55rem;} .news_detail1 .left .share_box .line{position:absolute; width:100%; height:1px; background:#dddddd; top:0; left:0; top:50%; margin-top:-1px;} .news_detail1 .left .share_box li{position:relative; z-index:2; background:#fff; display:inline-block; padding:0 0.22rem; margin:0 -0.02rem;} .news_detail1 .left .share_box li a{opacity:0.7;} .news_detail1 .left .share_box li:hover a{opacity:1;} .news_detail1 .left .text{border-bottom:1px solid #dfdfdf; padding-bottom:0.65rem; line-height:2;} .news_detail1 .left .text a{color:#004EC2;} .news_detail1 .left .btns{text-align:center; width:100%; margin-top:0.25rem;} .news_detail1 .left .btns .to_list{display:inline-block; color:#fff; padding:0 0.5rem; line-height:0.4rem; background:#004EC2; margin-top:0.2rem;} .news_detail1 .left .btns .prev{text-align:left; width:30%;} .news_detail1 .left .btns .next{text-align:right; width:30%;} .news_detail1 .left .btns i{margin:0;} .news_detail1 .left .btns a:hover .con15{color:#004EC2;} .news_detail1 .left .text img{max-width:650px!important; } .news_detail1 .right{width:21%;} .news_detail1 .right .title{background:#004EC2; color:#fff; line-height:0.62rem; padding-left:0.26rem; box-sizing:border-box;} .news_detail1 .right .item{border:1px solid #ececec; border-top:none; margin-bottom:0.24rem; box-sizing:border-box;} .news_detail1 .right .item .item_con{padding:0.3rem 0.3rem 0.2rem; box-sizing:border-box; font-size:0;} .news_detail1 .right .item .item_con .time{font-size:0.12rem; color:#5d5d5d; line-height:0.12rem;} .news_detail1 .right .item .item_con .tit{transition:all 0.5s ease;} .news_detail1 .right .item .item_con .sub{position:relative; margin-top:0.1rem;} .news_detail1 .right .item .item_con .sub input{border:1px solid #ececec; width:100%; line-height:0.6rem; box-sizing:border-box; text-indent:0.25rem; padding:0; height:0.6rem; font-size:0.15rem; ; color:#5d5d5d;} .news_detail1 .right .item .item_con .sub input::-webkit-input-placeholder{color:#b3b3b3; font-size:0.15rem; ; text-indent:0.25rem; line-height:0.6rem; height:0.6rem;} .news_detail1 .right .item .item_con .sub input::-moz-placeholder{color:#b3b3b3; font-size:0.15rem; ; text-indent:0.25rem; line-height:0.6rem; height:0.6rem;} .news_detail1 .right .item .item_con .sub input:-moz-placeholder{color:#b3b3b3; font-size:0.15rem; ; text-indent:0.25rem; line-height:0.6rem; height:0.6rem;} .news_detail1 .right .item .item_con .sub input:-ms-input-placeholder{color:#b3b3b3; font-size:0.15rem; ; text-indent:0.25rem; line-height:0.6rem; height:0.6rem;} .news_detail1 .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; position:absolute; right:0.06rem; top:50%; margin-top:-0.24rem; color:#fff;} .news_detail1 .right .item .item_con li{margin-bottom:0.25rem;} .news_detail1 .right .item .item_con li:last-child{margin-bottom:0;} .news_detail1 .right .item .item_con li:hover .tit{color:#004EC2;} /* 新闻详情 end */ /* 企业文化 */ .culture.channel_content{padding-bottom:0;} :root { --main: rgba(23, 49, 98, 1); --white: #ffffff; --black: rgba(15, 30, 53, 1); --gray: rgba(15, 30, 53, .5); --green: rgba(35,149,55,1); --red: rgba(190, 7, 0, 1); --orange: #85d6ff; --blue: rgba(56, 161, 219, 1); --ease: cubic-bezier(.4,0,.2,1); --picEase: cubic-bezier(.76,0,.24,1) } .culture01 .item{position:relative;} .culture01 .item .content{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:1rem;} /* .culture01 .item .content .img_{width:41.3%; border-radius:.1rem;} */ .culture01 .item .content .img_{width:41.3%; height:5.57rem;} .culture01 .item .content .img_ .pic{display: block; width: 100%; height: 100%; position: relative; z-index: 4; object-fit: cover; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0;transition: clip-path 1.2s var(--ease), transform 1.5s var(--ease), opacity 1s var(--ease), -webkit-clip-path 1.2s var(--ease), -webkit-transform 1.5s var(--ease); clip-path: inset(50% 50% 50% 50%); border-radius:.1rem;} .culture01 .item .content .info{color:#041744; width:41.5%; padding-right:10%;} .culture01 .item .content .info .tit{font-weight:bold; margin-bottom:.4rem; transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease); opacity: 0; transform-origin: 0 0; transform: rotateX(-25deg) translate3d(.1rem, .4rem, 0);} .culture01 .item .content .info .tit span{display:block; margin-top:5px;} .culture01 .item .content .info .con{transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .5s var(--ease), box-shadow .5s var(--ease), -webkit-transform 1.2s var(--ease); opacity: 0;transform-origin: 0 50%; transform: translate3d(0, .4rem, 0);} .culture01 .item .content .pic{width:2.04rem; position:absolute; right:0; top:0; z-index:-1;;} .culture01 .item02 .content{flex-direction:row-reverse;} .culture01 .item02 .content .info{padding-right:0; padding-left:8%;;} .culture01 .item02 .content .pic{left:0; right:auto;} .culture01 .item .img_.go .pic { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -webkit-clip-path: circle(50% at 50% 50%);clip-path: inset(0);} .culture01 .item .content .info .tit.go{opacity: 1; -webkit-transform: translate3d(0, 0, 0) !important; transform: translateZ(0) !important;} .culture01 .item .content .info .con.go{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translateZ(0);} .culture02 .infor{text-align:center;} .culture02 .infor .tit{font-weight:bold; color:#041744; transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease); opacity: 0; transform-origin: 0 0; transform: rotateX(-25deg) translate3d(.1rem, .4rem, 0);} .culture02 .infor .tit span{display:block;} .culture02 .infor .tit.go{opacity: 1; -webkit-transform: translate3d(0, 0, 0) !important; transform: translateZ(0) !important;} .culture02 .content {margin-top:.5rem; background:url(../img/culture02_1.jpg) no-repeat center/cover; padding:1.65rem 0 .9rem; transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .5s var(--ease), box-shadow .5s var(--ease), -webkit-transform 1.2s var(--ease); opacity: 0;transform-origin: 0 50%; transform: translate3d(0, .4rem, 0);} .culture02 .content.go{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translateZ(0);} .culture02 .content .box{width:47.2%; padding:.4rem; box-sizing:border-box; background:rgba(255,255,255,.5); backdrop-filter:blur(3px);} .culture02 .content .box .txt{line-height:.36rem;} .culture03 {position:relative; z-index:2; overflow:hidden;} .culture03 .inner {position:relative; padding-top:3.6rem; z-index:2;} .culture03 .inner .afterImg {width:100%; display:block; z-index:1; position:absolute; top:1.2rem; left:0;} .culture03 .inner .txt {width:5rem; display:block; z-index:2; position:absolute; top:2.5rem; left:0; right:0; margin:0 auto;} .culture03 .inner .beforeImg {width:100%; display:block; z-index:3; position:relative;} .culture03 .inner .group {position:absolute; z-index:6; width:100%; left:0; top:7.2rem;} .culture03 .inner .group .title{font-size:.6rem; transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .5s var(--ease), box-shadow .5s var(--ease), -webkit-transform 1.2s var(--ease); opacity: 0; transform-origin: 0 50%; transform-origin: 0 50%; transition-delay: .05s; margin-bottom:1rem; text-align:center; color:#fff;} .culture03 .inner .group .title.go{opacity:1; transform: translateZ(0);} .culture03 .inner .group .part{display:flex;} .culture03 .inner .group .part .item{width:23.8%; margin-left:1.6%; background:rgba(255,255,255,.8); border-radius:.1rem; color:#041744; box-sizing:border-box; padding:.7rem .4rem .5rem; transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), -webkit-transform 1.5s var(--ease); opacity:0; transform-origin: 0 50%;} .culture03 .inner .group .part .item:first-child{margin-left:0;} .culture03 .inner .group .part .item .c{height:.9rem; text-align:center;} .culture03 .inner .group .part .item:nth-child(even){background:rgba(255,255,255,.2); backdrop-filter:blur(3px); color:#fff;} .culture03 .inner .group .part .item:nth-child(1){transition-delay: .05s; transform: translate3d(.3rem, 0, 0);} .culture03 .inner .group .part .item:nth-child(2){transition-delay: .1s; transform: translate3d(.4rem, 0, 0);} .culture03 .inner .group .part .item:nth-child(3){transition-delay: .15s; transform: translate3d(.5rem, 0, 0);} .culture03 .inner .group .part .item:nth-child(4){transition-delay: .2s; transform: translate3d(.6rem, 0, 0);} .culture03 .inner .group .part.go .item{opacity:1; transform: translateZ(0);} /* 20260324 */ .qhse01{padding-top:1rem;} .qhse02{padding-top:1rem;} .job_list02 .content .form_box .inp_wrap .select-ui-choose-default ._arrow .arr{width:10px;} .job_list02 .content .form_box .inp_wrap .select-ui-choose ._arrow{right:13px;} .contact_us02 .content .inp_yzm .img_ img{width:1.5rem;} .pro_center01 .hd .swiper-slide .icon img{height:100%;} .ipart04 .bd .left>img{height:4rem;} .ipart05 .content .infor .box li .num_box .num{font-size:.5rem;} .honor01 .content .intro{width:45%;} .honor01 .content .intro .list .words .info{font-size:.18rem;;} .honor01 .content .intro .list .words .info .c{ padding-top:6px; margin-top:6px;} .ipart01 .right img{background: url(../img/index_bg.jpg) center fixed;} .honor01 .content .intro .con .cell:last-child .num{color:transparent;} .ipart04 .hd .content .swiper-slide .li_box .img_{position:relative;} .ipart04 .hd .content .swiper-slide .li_box .img_:before{content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.1); z-index:2;} .ipart04 .hd .content .swiper-slide .li_box .intro{z-index:3;} /* .pro_detail01 .content .right .list{max-height:4.5rem; padding-right:5px; overflow-y:auto;} .pro_detail01 .content .right .list::-webkit-scrollbar {width:2px; height:4px;} .pro_detail01 .content .right .list::-webkit-scrollbar-thumb {border-radius:0; background:#004EC2;} .pro_detail01 .content .right .list::-webkit-scrollbar-track {border-radius:0; background:#D7DBE2;} */ .ipart04 .bd .right .list{max-height:3.5rem; padding-right:5px; overflow-y:auto;} .ipart04 .bd .right .list::-webkit-scrollbar {width:2px; height:4px;} .ipart04 .bd .right .list::-webkit-scrollbar-thumb {border-radius:0; background:#004EC2;} .ipart04 .bd .right .list::-webkit-scrollbar-track {border-radius:0; background:#D7DBE2;} /* 20260427 */ .pro_detail01 .content .left{width:40%;} .pro_detail01 .content .left .top_img .left_l{width:25%;} .pro_detail01 .content .left .top_img .left_r{width:72%;} .pro_detail01 .content .right{width:53%;} /* 20260430加了锚点，就改大了padding-top的值 */ .job_list01, .job_list02{padding-top:.98rem;} /* 加水印 */ .pro_center01 .bd .list .li_ .img_{position:relative;} .pro_center01 .bd .list .li_ .img_:after{content:''; width:100%; height:100%; background:url(../img/shuiyin.png) no-repeat center/cover; position:absolute; left:0; top:0;} .pro_detail01 .content .left .top_img .left_l .li_box .rect-100:after{content:''; width:100%; height:100%; background:url(../img/shuiyin.png) no-repeat center/cover; position:absolute; left:0; top:0;} .pro_detail01 .content .left .top_img .left_r{position:relative;} .pro_detail01 .content .left .top_img .left_r:after{content:''; width:100%; height:100%; background:url(../img/shuiyin.png) no-repeat center/cover; position:absolute; left:0; top:0;} /* 20260511 */ .pro_center01 .hd {position:relative;} .pro_center01 .hd .arrs{width:14px; height:26px;outline:none; margin-top:-13px;} .pro_center01 .hd .arrs.swiper-button-prev{left:-48px; background:url(../img/ipart04_jt2.svg) no-repeat center/cover;} .pro_center01 .hd .arrs.swiper-button-next{right:-48px; background:url(../img/ipart04_jt1.svg) no-repeat center/cover;} .pro_detail01 .content .right .list{display:block; margin-bottom:20px;} .pro_detail01 .content .right .list li{position:relative; width:100%; box-sizing:border-box; text-align:left; padding:0; border:none; margin-bottom:0;} .pro_detail01 .content .right .list li .text{font-size:14px; line-height:28px; padding-left:.2rem;} .pro_detail01 .content .right .list li .text:after{content:''; width:6px; height:6px; background:#001946; border-radius:20px; position:absolute; left:0; top:11px;} .contact_us01 ul{display:block; font-size:0; text-align:center;} .contact_us01 ul li{width:33.3%; display:inline-block; vertical-align:top;} .ipart01, .ipart02{padding-top:.5rem;} .ipart01 .right{width:29%;} /* 20260513 */ .zhanting{position:relative; width:100%; top:0; left:0;} .zhanting a{display:block; position:relative; height:119px; overflow:hidden;} .zhanting a img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .indexHeader .header{position:relative;} .indexHeader.fixed .header{position:fixed;} /* 20260528 */ .ipart04 .bd .right{margin-top:.8rem;} .ipart04 .bd .right .tit{font-size:.8rem; line-height:1; color:#afabab; position:relative;} .ipart04 .bd .right .tit:after{content:''; width:5.8rem; height:1.67rem; background:url(../img/ipart04_word.png) no-repeat center/cover; position:absolute; left:0; bottom:-5px; pointer-events:none;} .ipart04 .bd .right .tit span{position:relative; z-index:2;} .ipart04 .bd .right .con{color:#afabab; font-size:.18rem;} .ipart04 .bd .right .con span:hover{font-weight:bold;} .ipart04 .bd .right .know_more{margin-top:.4rem; display:flex;} .ipart04 .bd .right .know_more a{display:flex; padding:0 .45rem; line-height:.63rem; background:#004ec2; font-size:.18rem; color:#fff; font-weight:bold; align-items:center;} .ipart04 .bd .right .know_more a i{display:block; width:20px; height:20px; margin-left:17px; background:url(../img/ipart04_jt3.png) no-repeat center/cover;} .ipart04 .bd .right .inner, .ipart04 .bd .right .list_box{display:none;} /* 20260529 */ /* .ipart04{padding:.8rem 0;} */ /* 20260610 */ .ipart04 .bd .left{padding-bottom:0.9rem;} .ipart04 .bd .left:after{width:12.2rem; bottom:.5rem; left:-0.6rem; height:4.2rem;} /* 20260623 */ .ibanner .swiper-slide{position:relative;} .ibanner .swiper-slide .intro{position:absolute; left:0; width:100%; top:45%; transform:translateY(-50%);} .ibanner .swiper-slide .intro .box{width:40%; color:#fff;} .ibanner .swiper-slide .intro .box .en_tit{font-size:.36rem; line-height:1.2; font-weight:bold; font-family:Arial; text-transform:uppercase;} .ibanner .swiper-slide .intro .box .cn_tit{font-size:.3rem; line-height:1.5; margin-top:.2rem;;} /* 20260630 */ .ipart01 .left{text-align:left;} /* .ipart06 .content .right{display:none;} */ .yanfa02 .infor .con .inp_wrap .inp{background:none;} .yanfa02 .infor .con .sele_wrap .sele_down{box-shadow:0 0 15px rgba(0,0,0,.1);} .news_list01 .form_box .form_item{border-bottom:1px solid #000;} .ibanner .swiper-slide{width:100%;} .ibanner {width:100%;} .header .h_tools .h_sear .mobile_box{display:none;} .contact_us02 .content .inp_wrap .inp{padding:0;} /* .zhanting{background:#fff;} .zhanting img{opacity:0;} */ .m_zhanting{display:none;} .ibanner .video_slide img{display:none;} .ipart05 .content .img_ img{display:none;} .ipart06{background:url(../img/ipart06_bg.jpg) no-repeat center/cover;} .ipart03 {height:6rem;} .header .h_tools>div.h_vr{padding:0 .16rem; display:flex; align-items:center; justify-content:center;} .header .h_tools>div.h_vr a{display:flex; align-items:center; justify-content:center;} .header .h_tools>div.h_vr img{height:.2rem; vertical-align:middle;} .header .h_tools>div.h_vr .t{font-size:.16rem; margin-left:10px;} .zhanting a{height:88px;} /* 20260716 */ .ipart05 .content .img_{height:7.09rem; overflow:hidden;} .ipart05 .content .img_ video{width:16rem; height:auto; margin-top:-1rem;} /* 20260804 */ .yanfa01 .content .right .li_ .pic img{height:100%;} .yanfa03{background:url(../img/yanfa03_1.jpg) no-repeat center/cover; padding:.75rem 0; background:#f8f8f8;} .yanfa03 .content{display:flex; flex-wrap:wrap; justify-content:space-between;} .yanfa03 .content .item{width:49%;} .yanfa03 .content .item .title{font-size:.36rem; line-height:1.2; color:#041744; font-weight:bold; margin-bottom:.5rem;} .yanfa03 .content .item li{margin-bottom:19px;} .yanfa03 .content .item li a{display:flex; align-items:center; flex-wrap:wrap; padding:.25rem .34rem; background:#fff; border-radius:12px;} .yanfa03 .content .item li .icon{width:1.2rem; height:1.2rem; border-radius:50%; overflow:hidden; flex-shrink:0; margin-right:.45rem;} .yanfa03 .content .item li .icon img{width:100%; height:100%; object-fit:cover;} .yanfa03 .content .item li .info{font-size:.18rem; line-height:.3rem; color:#041744; width:63%; transition:.5s ease;} .yanfa03 .content .item li:hover .info{color:#004ec2;} .yanfa_detail .news_detail1 .left{float:none; margin:0 auto;} .yanfa_detail .news_detail1 .left .title{text-align:center; padding-bottom:.4rem; border-bottom:1px solid #dfdfdf; margin-bottom:.4rem;} .yanfa_detail .news_detail1 .left .btns{display:none;} .yanfa_detail .news_detail1 .left .text{border-bottom:none; padding-bottom:0;} .pro_detail01 .content .right .text .c{color:#001946} /* 20260818 */ .news_detail1 .left .con{display:none;} /* 20260921英文开始调整 */ .header .inav_wrapper .normal_li .nav_down{min-width:2.5rem} .header .inav_wrapper .normal_li .nav_down ul li{line-height:.26rem; margin-bottom:.1rem;;} .header .h_tools .h_sear:hover{width:1.5rem;} .header .h_tools .h_sear:hover .box .input{width:.8rem;} .footer .f_top .t_left{width:25%;} .footer .f_top .t_right{width:70%;} .footer .f_top .t_right dt{font-size:.18rem;} .ipart02 .content .item .num_box .num{font-size:.5rem;} .ipart03 .top .item{font-size:.18rem;} .ipart03 .bott .tab_b .t{font-size:.3rem;} .ipart04 .bd .right .tit{font-size:.6rem;} .ipart05 .content .infor .box .con{line-height:.3rem; font-size:.18rem; max-height:1.5rem; overflow-y:auto;} .ipart05 .content .infor .box .con::-webkit-scrollbar {width:2px; height:4px;} .ipart05 .content .infor .box .con::-webkit-scrollbar-thumb {border-radius:0; background:#fff;} .ipart05 .content .infor .box .con::-webkit-scrollbar-track {border-radius:0; background:#004ec2;} .ipart05 .content .infor .box li .num_box{justify-content:flex-start;} .about_us01 .infor .list li{width:22%; margin-right:4%;;} .about_us01 .infor .list li:last-child{margin-right:0;} .about_us01 .infor .list li .num span{font-size:.5rem;} .about_us01 .infor .list li .txt{font-size:.17rem;} .culture02 .content .box .txt{line-height:.32rem; max-height:4.8rem; overflow-y:auto; padding-right:5px;} .culture02 .content .box .txt::-webkit-scrollbar {width:2px; height:4px;} .culture02 .content .box .txt::-webkit-scrollbar-thumb {border-radius:0; background:#fff;} .culture02 .content .box .txt::-webkit-scrollbar-track {border-radius:0; background:transparent;} .culture03 .inner .group .part .item{padding:.2rem} .culture03 .inner .txt{display:none;} .culture03 .inner .group .part .item .c{height:1.8rem; overflow-y:auto; padding-right:3px;} .culture03 .inner .group .part .item .c::-webkit-scrollbar {width:2px; height:4px;} .culture03 .inner .group .part .item .c::-webkit-scrollbar-thumb {border-radius:0; background:#004ec2;} .culture03 .inner .group .part .item .c::-webkit-scrollbar-track {border-radius:0; background:transparent;} .culture03 .inner .group .part .item:nth-child(even) .c::-webkit-scrollbar-thumb {border-radius:0; background:#fff;} .develop01 .content .left .tit{width:4.1rem;} .develop01 .content .right .box .info .c{margin-top:0;} .tit36{font-size:.3rem;} .yanfa01 .content .left{width:18%;} .yanfa03 .content .item .title{font-size:.3rem;} .yanfa03 .content .item li .info{flex:1; height:1.5rem; display:flex; align-items:center;} .news_detail1 .left .text img{max-width:none!important; width:100%;} .pro_center01 .hd .swiper-slide .txt, .pro_center01 .bd .list .li_ .tit{font-size:.18rem;} .service01 .infor{width:80%;} .service01 .content .right .box .title{font-size:.25rem;} .service01 .content .left .dots_box .main_dot span{padding:0 10px; white-space:nowrap; width:auto} .qhse01 .content .item .tit{font-size:.25rem;} .qhse02 .content .item .con span{height:.92rem; line-height:.26rem; padding:.2rem 0; display:flex; align-items:center; justify-content:center;} .qhse02 .content .item .con li{line-height:.26rem; margin-bottom:.15rem;} .qhse02 .content .item .con li:after{width:.1rem; height:.1rem; top:.08rem} .qhse03{padding-bottom:.6rem;} .qhse03 .infor .con{padding:0 15%} .job_list01 .content li{padding:0 .7rem;} .job_list01 .content li .txt_{max-width:1.8rem; margin:.2rem auto 0; font-size:.16rem;} .contact_us01 ul li .info .c{font-size:.2rem;} .contact_us02 .content .inp_yzm .img_ .txt{font-size:14px;} .honor01 .content .intro .con .cell{margin-right:.5rem;} body .bg-primary{background:#004EC2;} /* 语言版本下拉 */ .header .h_tools .h_lan .lan_down{box-shadow:0 5px 10px 0; text-align:left; padding:0.18rem; width:1.3rem; position:absolute; left:50%; transform:translateX(-50%); top: 100%; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); display: none; overflow: hidden; border-radius:10px; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);} .header .h_tools .h_lan .lan_down dt{color:#000; padding-left:0.45rem; box-sizing:border-box; margin-bottom:0.1rem; display:none;} .header .h_tools .h_lan .lan_down dd{color:#5d5d5d; line-height:0.4rem; border-bottom:1px solid #d6d6d6; text-transform:uppercase; text-align:center; box-sizing:border-box; font-family:Arial;} .header .h_tools .h_lan .lan_down dd:last-child{border-bottom:none;} .header .h_tools .h_lan .lan_down dd a{position:relative; padding-left:0.2rem;} .header .h_tools .h_lan .lan_down dd a::before{content:''; width:10px; height:10px; border:1px solid #5d5d5d; border-radius:50%; overflow:hidden; position:absolute; left:0; top:50%; margin-top:-7px;} .header .h_tools .h_lan .lan_down dd:hover a{color:#004dbd;} .header .h_tools .h_lan .lan_down dd:hover a::before{border-color:#004dbd; transition:all 0.5s ease;} .all_cover{background:url(../img/black.2.png); position:fixed; top:0; left:0; width:100%; height:100%; z-index:2; display:none;} /* 20260929 */ .ipart05 .content .infor .box li{width:32%;} .ipart05 .content .infor .box li .num_box .num{font-size:.45rem;} .news_detail1 .left .text img{width:60%;} .service01 .content .left .dots_box .main_dot{width:.0; height:.0;} .service01 .content .left .dots_box .main_dot span{padding:5px 12px} /* 20261021 */ .service01 .content .left .img_ img{width:100%;} .pro_center01 .bd .list .li_ .img_:after, .pro_detail01 .content .left .top_img .left_r:after, .pro_detail01 .content .left .top_img .left_l .li_box .rect-100:after{backdrop-filter:blur(1px);}