/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*挂件分页样式*/ .util-page{ font-size:0; color: #000; text-align: center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#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(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;} /* 常量设置 */ .wrap { width:83.33%;max-width:1440px; 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:14px; line-height:1.6; color:#333333; background:#fff;} a{color:inherit;} a:hover { color:#004ea2;} ::-moz-selection {color:#fff; background:#004ea2; } ::selection {color:#fff; background:#004ea2; } ::-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) } .imgZoom2 img { -moz-transition:all .4s ease 0s; -ms-transition:all .4s ease 0s; -o-transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s;} .imgZoom2 { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom2:hover img{ -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05);} /* 网站样式 */ html{font-size:100px;} .header{position:fixed; left:0; top:0; width:100%; z-index:30; transition:all .5s ease; } .header .wrap{width:93.75%;} .header .h_logo{padding-top:0.22rem; padding-bottom:0.17rem;} .header .h_logo a{width:2.79rem; display:block;} .header .h_logo a .img01{display:block;} .header .h_logo a .img02{display:none;} /* 导航 */ .header .inav_wrapper{text-align:center; width:100%;} .header .inav_wrapper .inav{display:inline-block;} .header .inav_wrapper .nav_li{padding:0 0.27rem; float:left; position:relative;} .header .inav_wrapper .nav_li .inav_a{display:block; font-size:0.18rem; line-height:0.3rem; color:#ffffff; transition:all .5s ease; position:relative; padding:0.23rem 0 0.16rem;} .header .inav_wrapper .nav_li .inav_a::after{content:''; position:absolute; bottom:0; left:50%; right:50%; height:2px; bottom:-6px; background:#004ea2; transition:all .5s ease;} .header .inav_wrapper .nav_li .inav_a:hover{color:#004ea2;} .header .inav_wrapper .nav_li .inav_a:hover::after{left:0; right:0;} .header .inav_wrapper .nav_li .nav_down{display:none; position:absolute; width:100%; left:0; top:0.8rem; overflow:hidden; z-index:10;} .header .inav_wrapper .nav_li .nav_down ul{text-align:center;} .header .inav_wrapper .nav_li .nav_down ul li{ color:#5d5d5d;} .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;} .header .inav_wrapper .nav_li .nav_down ul li a:hover{color:#004ea2;} /* 导航背景 */ .header .bg{width:100%; height:248px; background:#fff; position:absolute; top:100%; left:0; display:none;} /* tools */ /* 搜索 */ .header .h_tools .h_search{cursor:pointer; margin-left:0.2rem; padding-top:0.3rem;} .header .h_tools .h_search .icon{width:0.2rem; height:0.2rem; background:url(h_search01.png) no-repeat center/cover;} /* 搜索下拉 */ .search-alert{position:absolute; top:100%; height:0; left:0; width:100%; background:#fff; border-top:1px solid #dfdede; transition:all .5s ease; opacity:0; visibility:hidden; box-shadow:0 10px 10px 0 rgb(0 0 0 / 5%);} .search-alert .form_box{width:50%; position:absolute; top:50%; left:50%; transform:translate(-50%, 0); padding-bottom:10px; border-bottom:1px solid #dfdede;} .search-alert .form_box .inp{padding:0; margin:0; border:0; width:calc(100% - 40px); line-height:0.3rem; font-size:0.16rem; background:none; vertical-align:middle; text-indent:0.2rem;} .search-alert .form_box .btns{padding:0; margin:0; border:0; width:0.3rem; height:0.3rem; background:none; vertical-align:middle;} .search-alert .form_box .btns i{font-size:0.24rem; line-height:0.3rem; display:block; margin:0; padding:0;} .search-alert.active{height:2.2rem; opacity:1; visibility:visible;} /* 语言版本 */ .header .h_tools .h_lan{cursor:pointer; padding-top:0.23rem;} .header .h_tools .h_lan span{display:inline-block; vertical-align:middle;} .header .h_tools .h_lan .icon{width:0.22rem; height:0.24rem; background:url(h_lan01.png) no-repeat center/cover;} .header .h_tools .h_lan .jt{width:15px; height:8px; background:url(h_lan_jt01.png) no-repeat center/cover; transform:rotate(0);} .header .h_tools .h_lan .t{color:#fff; font-size:0.18rem; line-height:0.3rem; padding:0 10px;} /* 语言版本下拉 */ .header .h_tools .h_lan .lan_down{position:absolute; right:0; width:100%; border-top:1px solid #dfdede; transition:all 0s; background:rgba(255, 255, 255, 0.6); text-align:left; padding:0.6rem 0; top:100%; box-shadow:0 10px 10px 0 rgb(0 0 0 / 5%); display:none;} .header .h_tools .h_lan .lan_down .lan_title{font-size:0.24rem; font-weight:bold; line-height:0.3rem; margin-bottom:0.25rem;} .header .h_tools .h_lan .lan_down li{float:left; min-width:20%; padding-right:0.3rem; font-size:0.2rem; line-height:0.3rem;} .header .h_tools .h_lan .lan_down li.act{color:#004ea2;} /* 导航吸顶 */ .header.fixed{background:#ffffff; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.06);} .header.fixed .h_logo a .img02{display:block;} .header.fixed .h_logo a .img01{display:none;} .header.fixed .inav_wrapper .nav_li .inav_a{color:#333;} .header.fixed .h_tools .h_search .icon{background:url(h_search02.png) no-repeat center/cover;} .header.fixed .h_tools .h_search.act .icon{background:url(h_search02_x.png) no-repeat center/cover;} .header.fixed .h_tools .h_lan .icon{background:url(h_lan02.png) no-repeat center/cover;} .header.fixed .h_tools .h_lan .jt{background:url(h_lan_jt02.png) no-repeat center/cover;} .header.fixed .h_tools .h_lan .lan_cont.act .jt{transform:rotate(180deg);} .header.fixed .h_tools .h_lan .t{color:#333;} .header.fixed .inav_wrapper .nav_li .inav_a:hover{color: #111;;} /* 导航触控 */ .header:hover{background:#ffffff; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.06);} .header:hover .h_logo a .img02{display:block;} .header:hover .h_logo a .img01{display:none;} .header:hover .inav_wrapper .nav_li .inav_a{color:#333;} .header:hover .h_tools .h_search .icon{background:url(h_search02.png) no-repeat center/cover;} .header:hover .h_tools .h_search.act .icon{background:url(h_search02_x.png) no-repeat center/cover;} .header:hover .h_tools .h_lan .icon{background:url(h_lan02.png) no-repeat center/cover;} .header:hover .h_tools .h_lan .jt{background:url(h_lan_jt02.png) no-repeat center/cover;} .header:hover .h_tools .h_lan .lan_cont.act .jt{transform:rotate(180deg);} .header:hover .h_tools .h_lan .t{color:#333;} .header:hover .inav_wrapper .nav_li .inav_a:hover{color: #111;;} /* 手机端相关 */ .header .mobile_key{display:none;} .m_nav{display:none;} .m_nav.toshow{right:0;} /* 底部 */ .footer{background:#1b2229; padding-top:0.35rem;} .footer .wrap{width:93.75%;} .footer .f_top .share_box{text-align:right;} .footer .f_top .share_box a{opacity:0.8; transition:all .3s ease; margin-left:0.08rem; position:relative;} .footer .f_top .share_box a:hover{opacity:1;} .footer .f_top .share_box .ewm_img{width:150px; height:150px; position:absolute; bottom:30px; right:0%; display:none;} .footer .f_center{margin-top:0.2rem; border-bottom:1px solid rgba(255, 255, 255, 0.2); padding-bottom:0.2rem;} .footer .f_center .c_left{float:left; width:35.3%; padding-top:0.5rem;} .footer .f_center .c_left .form_box{width:4.4rem; background:rgba(246, 246, 246, 0.1); padding:0.12rem 0.1rem; padding-right:0.2rem; box-sizing:border-box;} .footer .f_center .c_left .form_box .inp{padding:0; margin:0; border:0; width:calc(100% - 40px); color:#fff; line-height:0.3rem; font-size:0.15rem; background:none; vertical-align:middle; } .footer .f_center .c_left .form_box .btns{padding:0; margin:0; border:0; width:0.3rem; height:0.3rem; background:none; vertical-align:middle;} .footer .f_center .c_left .form_box .btns i{font-size:0.24rem; line-height:0.3rem; display:block; margin:0; padding:0; color:#fff;} .footer .f_center .c_left .form_box input:-moz-placeholder{color:#808080;} .footer .f_center .c_left .form_box input::-webkit-input-placeholder{color:#808080;} .footer .f_center .c_left .form_box input:-ms-input-placeholder {color:#808080;} .footer .f_center .c_left .contact_box{margin-top:0.25rem; } .footer .f_center .c_left .contact_box a{margin-right:0.15rem; font-size:15px; line-height:0.3rem; color:#808080;} .footer .f_center .c_left .contact_box a:hover{color:#fff;} .footer .f_center .c_right{float:right; width:60%;} .footer .f_center .c_right dl{float:left; width:12%; margin-right:10%;} .footer .f_center .c_right dl:last-child{margin-right:0;} .footer .f_center .c_right dl dt{font-size:0.2rem; line-height:0.3rem; color:#fff; text-transform:uppercase; margin-bottom:0.15rem; } .footer .f_center .c_right dl dt a:hover{color:#fff; font-weight:bold;} .footer .f_center .c_right dl dd a{font-size:15px; line-height:0.28rem; color:#959595; text-transform:uppercase; padding-bottom:0.05rem;} .footer .f_center .c_right dl dd a:hover{color:#fff;} .footer .f_bott{padding:0.25rem 0; font-size:14px; line-height:0.3rem; color:#808080;} .footer .f_bott a:hover{color:#fff;} /* 下层banner */ .xc_banner{margin-top:0.75rem; position:relative; overflow:hidden;} .xc_banner .xc_words{position:absolute; left:0; width:100%; text-align:center; top:50%; transform:translateY(-50%);} .xc_banner .xc_words .title{font-size:0.48rem; line-height:0.52rem; color:#fff; font-weight:bold;} /* 公共部分 */ .channel-content{min-height:3rem; padding:0;} /* 首页 */ .ipart .wrap{width:93.75%;} /* banner */ .ibanner{height:100vh; position:relative;} .ibanner .swiper-container-initialized .swiper-slide{clip-path:none; opacity:0; z-index: 0; visibility:hidden;} .ibanner .swiper-container-initialized .swiper-slide-prev{clip-path:polygon(0% -150%, 100% -150%, 100% -20%, 0% 0%); opacity:0; visibility:hidden; transition:clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease; z-index:3;} /* .ibanner .swiper-container-initialized .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-container-initialized .swiper-slide-active{ opacity:1; visibility:visible; transition:clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease; z-index:2;} .ibanner .swiper-container-initialized .swiper-slide-next{z-index:1;} .ibanner .swiper-slide .img_box{position:relative; height:100%;} .ibanner .swiper-slide .img_box img, .ibanner .swiper-slide .img_box video{width:100%; height:100%; object-fit:cover;} .ibanner .swiper-slide .img_box .video_img{display:none;} /* 视频遮罩 */ .ibanner .swiper-slide.video_slide .img_box::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1); z-index:0;} .ibanner .swiper-slide .intro_box{position: absolute; top:45%; left:0; width:100%; margin-top:-100px; z-index:10;} .ibanner .swiper-slide .intro_box .cont{ padding-left:9%;} .ibanner .swiper-slide .intro_box .tit{font-size:0.6rem; line-height:0.7rem; color:#fff; font-weight:bold; letter-spacing:0.05em; width:100%;} .ibanner .swiper-slide .intro_box .con{font-size:0.18rem; line-height:0.34rem; color:#fff; letter-spacing:0.07em; width:100%;} .ibanner .swiper-slide .intro_box .icon{position:relative; margin-top:0.26rem; width:34px; height:20px; overflow:hidden;} .ibanner .swiper-slide .intro_box .icon img{position:absolute; top:0; right:0; max-width:none; width:34px;} .ibanner .widgets .wrap{position:relative;} .ibanner .btn-area{position:absolute; right:0; bottom:0.4rem; display:flex; align-items:flex-end; justify-content:flex-start; z-index:1} .ibanner .swiper-pagination{position:static;} .ibanner .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:2rem; height:auto; margin:0 12px!important;vertical-align: middle;background:transparent;opacity:1;outline: none;} .ibanner .swiper-pagination .swiper-pagination-bullet .tit{font-size:15px; height:25px; overflow:hidden; color:#fff; text-align:left; opacity:.6; transition:all .5s ease;} .ibanner .swiper-pagination .swiper-pagination-bullet-active .tit{opacity: 1;} .ibanner .swiper-pagination-bullet-active .timer, .ibanner .swiper-pagination-bullet .timer{display:block; position:relative;width:2rem; height:2px; margin-top:10px; background:transparent; opacity:1} .ibanner .swiper-pagination-bullet .timer::before{position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:.34; content:''} .ibanner .swiper-pagination-bullet .process{display:block; position:absolute; top:0; left:0; width:0; opacity:0; height:100%; background:#fff;transition-property:width; transition-timing-function: linear;} .ibanner .swiper-pagination-bullet.play .process{opacity:1; width:100%;} .ibanner .swiper-pagination-bullet.play.stop .process{transition:none} .ibanner .left-area{position:absolute; top:50%; left:0.35rem; transform:translateY(-50%); z-index: 1;} .scroll_down{position:absolute; left:0; bottom:0.8rem; z-index:1;} .scroll_down .line{display:block; width:3px; height:0.66rem; position:absolute; bottom:0; left:0; } .scroll_down .line:before{height:100%; background:rgba(255,255,255,.7); opacity:.3; left:0; top:0; bottom:0; content:''; position:absolute; width:2px;} .scroll_down .line:after{background:rgba(255,255,255,.7); left:-4px; content:''; position:absolute; width:10px; height:10px; animation:footbtn 2s linear infinite;} @keyframes footbtn { 0% { bottom: 100%; transform: translateY(50%) scale(1); } 50% { bottom: 0; transform: translateY(50%) scale(1.2); } 100% { bottom: 0; transform: translateY(50%) scale(1.4); opacity: 0; } } .ibanner .more_btns{margin-top:0.65rem;} /* 公共按钮 */ .more_btns{display: block; cursor:pointer; width:2rem; height:0.45rem; line-height:0.45rem; border:1px solid #fff; margin-top:0.4rem; border-color:rgba(255,255,255,.5); font-size:16px; text-transform: uppercase; text-align:center; position:relative; overflow:hidden;} .more_btns a{display:block;} .more_btns .icon01{width:0.27rem; height:0.47rem; background:url(more_icon1.png) no-repeat center/cover; position:absolute; left:0; top:0; transition:all 0.5s ease;} .more_btns .icon02{width:9px; height:0.17rem; background:url(more_icon2.png) no-repeat center/cover; position:absolute; right:0; bottom:0; transition:all 0.5s ease;} .more_btns span{position:relative; z-index:2; color:#fff;} .more_btns:after{content:''; width:0%; height:100%; background:#004ea2; position:absolute; left:50%; top:0; transform:skew(-30deg); transition:all 0.5s ease; pointer-events:none;} .more_btns:hover:after{transform:scale(1); width:120%; left:-10%;} .more_btns:hover .icon01{left:-0.27rem;} .more_btns:hover .icon02{right:-9px;} .section2{background:url(ipart01_bg.jpg) no-repeat center/cover; position:relative;} .section2 .flow{width:16.12rem; position:absolute; left:50%; bottom:0.2rem; transform:translateX(110%); transition:all 1s ease; opacity:0.5;} .section2 .flow.on{transform:translateX(-50%);} .ipart01{position:absolute; left:0; width:100%; top:22%;} .ipart01 .words{width:48%; } .ipart01 .words .tit{font-weight:bold; text-transform:uppercase; text-shadow:-0.209px 3.995px 2.67px rgba(28, 98, 156, 0.16); font-size:0.48rem; line-height:0.8rem; color:#fff;} .ipart01 .words .con{font-size:16px; line-height:30px; color:#fff; text-transform:uppercase; margin-top:0.3rem; text-align:justify;} .ipart01 .words .more_btns{margin-left:0; margin-right:auto;} .ipart02{position:relative; overflow:hidden; height:100vh; width:100%;} .ipart02::after{content:''; position:absolute; bottom:0; left:0; height:30%; width:100%; background:linear-gradient(to top,rgba(0,0,0,0.4),transparent);} /* .ipart02 .img_box .img img{position:absolute; left:50%; top:50%; width:19.2rem; transform:translate(-50%,-50%); height:100vh; max-width:none;} */ .ipart02 .img_box .img img{position:absolute; left:50%; top:50%; width:19.2rem; transform:translate(-50%,-50%); min-height:100vh; max-width:none;} .ipart02 .content01{position:absolute; top:30%; left:0; width:100%;} .ipart02 .cover_words .words .c{font-size:0.48rem; line-height:0.5rem; color:#fff; font-weight:bold;} .ipart02 .content01{display:none;} .ipart02 .content02{position:absolute; bottom:28%; left:0; width:100%;} .ipart02 .content02 .infor{color:#ffffff; width:44%;} .ipart02 .content02 .infor .tit{font-size:0.32rem; line-height:0.4rem; text-transform:uppercase; font-weight:bold; margin-bottom:0.1rem; animation:indbanLeft 1s ease both .2s;} .ipart02 .content02 .infor .con{font-size:0.16rem; line-height:0.3rem; animation:indbanLeft 1s ease both .4s;} @keyframes indbanLeft{ 0%{opacity:0;transform:translateX(140px);} 100%{opacity:1;transform:translateX(0);} } .ipart02 .cover_btn{position:absolute; bottom:6.5%; left:0; width:100%; z-index:10;} .ipart02 .cover_btn::after{content:''; position:absolute; top:0.1rem; left:0; width:100%; height:1px; background:#fff;} .ipart02 .cover_btn .box{width:11rem; margin:0 auto;} .ipart02 .cover_btn li{float:left; width:33.3%; text-align:center; ;position:relative; cursor:pointer; opacity:0.6;} .ipart02 .cover_btn li .icon{display:block; margin:0 auto; width:0.2rem; height:0.2rem; border-radius:50%; border:1px solid #fff; position:relative;} .ipart02 .cover_btn li .icon::before{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:0.1rem; height:0.1rem; border-radius:50%; background:#fff;} .ipart02 .cover_btn li .icon::after{content:''; position:absolute; left:-0.1rem; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; border-radius:50%; background:#fff; opacity:0;} .ipart02 .cover_btn li a{font-size:0.18rem; display:block; line-height:0.3rem; color:#fff; transition:all .4s ease; text-transform:uppercase; margin-top:0.3rem;} .ipart02 .cover_btn li.cur{opacity:1;} .ipart02 .cover_btn li.cur a{font-weight:bold; color:#fff;} .ipart02 .cover_btn li.cur .icon::after{opacity:0.3;} .ipart02 .cover_btn li:hover{opacity:1;} .ipart02 .cover_btn li:hover a{font-weight:bold; color:#fff;} .ipart02 .cover_btn li:hover .icon::after{opacity:0.3;} .ipart03 .title{font-size:0.48rem; line-height:0.5rem; color:#004ea2; text-align:center; margin-bottom:0.4rem; font-weight:bold;} .ipart03 .rect-242{padding-bottom:242.857%;} .ipart03 .rect-59{padding-bottom:59.328%;} .ipart03 .item{position:relative; float:left; width:13.8%; height:100%; margin-left:0.66%; transition:all .6s ease; overflow:hidden;} .ipart03 .item:first-child{margin-left:0;} .ipart03 .item .img_box{position:relative; width:100%; height:100%; overflow:hidden;} .ipart03 .item .img_box::after{content:''; position:absolute; left:0; bottom:0; width:100%; height:40%; background:linear-gradient(to top,rgba(0, 0, 0, 0.4),transparent); z-index:10; } .ipart03 .item .img_cover{position:relative; opacity:1; max-width:none; width:100%; transition:opacity 0.2s ease 0.4s; z-index:2;} .ipart03 .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;} .ipart03 .item .txt_box{position:absolute; top:0; left:0; width: 100%; height:100%; z-index: 10;} .ipart03 .item .txt_cover{position:absolute; bottom:0.5rem; left:0; width:100%; padding:0 0.4rem; box-sizing:border-box;} .ipart03 .item .txt_cover .tit{color: #fff; font-size:0.24rem; line-height:0.3rem; margin-bottom:0.15rem; font-weight:bold;} .ipart03 .item .txt_cover .con{color: #fff; margin-top:8px; font-size:0.18rem; line-height:0.3rem;} .ipart03 .item .txt_full{position:absolute; bottom:0.45rem; left:0.6rem; right:0.36rem; width:auto; opacity:0; } .ipart03 .item .txt_full .tit{margin-top:0.24rem; font-size:0.32rem; color: #fff; margin-bottom:0.15rem; font-weight:bold;} .ipart03 .item .txt_full .con{margin-top:14px; color: #fff; font-size:15px; line-height:28px;} .ipart03 .item .txt_full .txt{ margin-top:4px; color: #fff; font-size:15px; line-height:28px;} .ipart03 .item .txt_full .txt a:hover{color:inherit; font-weight:bold;} .ipart03 .item .year{font-size:14px; line-height:20px; color:#fff; margin-bottom:20px;} .ipart03 .item.on{width:56.6%; transition:all .6s ease;} .ipart03 .item.on .img_cover{opacity:0; transition:opacity 0s ease;} .ipart03 .item.on .img_full{opacity:1;} .ipart03 .item.on .txt_cover{display:none;} .ipart03 .item.on .txt_full{opacity:1; bottom:0.5rem; transition:all .8s ease;} .ipart03 .btns .more_btns{margin-left:auto; margin-right:auto; border-color:#004ea2;} .ipart03 .btns .more_btns span{color:#004ea2;} .ipart03 .btns .more_btns:hover span{color:#fff;} .common_line{position:absolute; bottom:0.6rem; left:0; width:100%;} .common_line .scroll_down{position:relative; left:0; bottom:0; z-index:1;} /* fullpage 侧导航按钮 */ #fp-nav1.fp-nav-right{ width:30px; height:100%; right:3.125%; left:inherit; top:0; box-sizing:border-box; padding:0.9rem 0 0; margin-top:0; position:fixed;} #fp-nav1.fp-nav-right .fp-menu-wr {display:block;position:relative;width:100%;height:100%;transition:all .3s ease} #fp-nav1.fp-nav-right ul {display:block;position:absolute;width:50px;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)} #fp-nav1.fp-nav-right ul li{display:block; height:auto; width:auto; overflow:hidden; } #fp-nav1.fp-nav-right ul li a{display:block; position:relative; font-size:0; margin:9px 0; transition:all .3s ease;} #fp-nav1.fp-nav-right ul li span{display:none;position:relative;color:#fff;font-size:16px; letter-spacing:2px; font-weight:500; white-space:nowrap;transform:rotate(90deg);transition:all .3s ease} #fp-nav1.fp-nav-right ul li:nth-child(1).active a {padding-bottom:0.9rem;} #fp-nav1.fp-nav-right ul li:nth-child(2).active a{padding-bottom:0.9rem;} #fp-nav1.fp-nav-right ul li:nth-child(3).active a{padding-bottom:0.9rem;} #fp-nav1.fp-nav-right ul li:nth-child(4).active a{padding-bottom:0.9rem;} #fp-nav1.fp-nav-right ul li:nth-child(5).active a{padding-bottom:0.9rem} #fp-nav1 ul li .fp-tooltip{display:none;} #fp-nav1.fp-nav-right ul li.active a, .fp-slidesNav ul li.active a{border-color:#fff} #fp-nav1.fp-nav-right ul li a .shape {display:block;width:10px;height:10px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;margin:0 auto;transition:all .3s ease} #fp-nav1.fp-nav-right ul li.active a .shape {width:14px;height:4px;background:#fff;border-radius:0;transform:rotate(-45deg)} #fp-nav1.fp-nav-right ul li.active a span{display:block;padding:0px 0 0 30px; transform: rotate(0); writing-mode: tb; padding: 15px 0 0 10px;} #fp-nav1.fp-nav-right ul li.active a:after {content:"";display:block;position:absolute;width:2px;height:40px;background:rgba(255, 255, 255, .3);left:24px;bottom:0;transition:all .3s ease} #fp-nav1.black ul li a span{color:#999999;} #fp-nav1.black ul li a .shape {border:2px solid #808080;} #fp-nav1.black ul li.active a:after {background:rgba(224,224,224,0.5);} #fp-nav1.black .fp-menu-wr{border-right:1px solid rgba(194,194,194,0.4);} #fp-nav1 ul li:nth-child(n+5){display:none;} .fp-viewing-5 #fp-nav1.fp-nav-right .fp-menu-wr {border-right:none;} /* 新闻中心 */ .news_center01 .hd{margin-bottom:0.6rem; text-align:center;padding-top: 30px;} .news_center01 .hd .tab_t{display:inline-block; font-size:0.16rem; line-height:0.3rem; padding-bottom:0.05rem; position:relative; font-weight:bold; margin-right:0.45rem; cursor:pointer;} .news_center01 .hd .tab_t:last-child{margin-right:0;} .news_center01 .hd .tab_t::after{content:''; position:absolute; left:50%; right:50%; bottom:0; height:2px; background:#004ea2; transition:all .3s ease;} .news_center01 .hd .tab_t:hover::after{left:0; right:0;} .news_center01 .hd .tab_t.cur{color:#004ea2;} .news_center01 .hd .tab_t.cur::after{left:0; right:0;} .news_center01 .bd{padding-top: 80px} .news_center01 .bd li{float:left; width:31.6%; margin-right:1.4%; margin-bottom:0.35rem;border: 1px solid #add3fb;padding:10px} .news_center01 .bd .li03{margin-right:0;} .news_center01 .bd li .rect-6237{padding-bottom:62.37%;text-align: center;} .news_center01 .bd li .words{background:#fafafa; padding:0.15rem 0.2rem; box-sizing:border-box; transition:all .5s ease;} .news_center01 .bd li .words .tit{font-size:0.20rem; line-height:0.3rem;height:0.6rem; font-weight:bold; color:#333333; margin-bottom:0.15rem;} .news_center01 .bd li .words .con{font-size:0.16rem; line-height:0.24rem; color:#666666; margin-bottom:0.1rem; height:0.48rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_center01 .bd li .words .time{font-size:0.16rem; line-height:0.3rem; color:#999999;} .news_center01 .bd li:hover .words{background:#f2f2f2;} /* 分页 */ .widgets_common_pages_7{border-bottom:1px solid #e6e6e6; line-height:30px; padding:20px 55px 20px 30px; margin-top:0.3rem;} .widgets_common_pages_7 .left{float:left; font-size:14px; color:#333;} .widgets_common_pages_7 .right{float:right; font-weight:normal;} .widgets_common_pages_7 .right .intro{font-size:14px; color:#333; display:inline-block;} .widgets_common_pages_7 .right .page_box{display:inline-block; margin-left:30px;} .widgets_common_pages_7 .right .page_box .page{display:inline-block; font-size:14px; cursor:pointer; color:#4c4e53;} .widgets_common_pages_7 .right .page_box .page:hover{color:#004ea2;} .widgets_common_pages_7 .right .page_box .page i{margin:0;} .widgets_common_pages_7 .right .page_box .page.disable{color:#d5d5d5;} .widgets_common_pages_7 .right .page_box .page.disable:hover{color:#d5d5d5;} .widgets_common_pages_7 .right .page_box .next{margin-left:25px; margin-right:5px;} .widgets_common_pages_7 .right .page_box .prev{margin-left:5px;} /* 新闻详情 */ .news_detail01 .left{width:68%;} .news_detail01 .left .box .title{font-size:0.32rem; line-height:0.36rem;} .news_detail01 .left .box .con{font-size:0.15rem; line-height:0.3rem;} .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 .play{margin-left:0.2rem; cursor:pointer;} .news_detail01 .left .play img{vertical-align:middle;} .news_detail01 .left .share_box{text-align:center; position:relative; margin-top:0.3rem; margin-bottom:0.55rem;} .news_detail01 .left .share_box .line{position:absolute; width:100%; height:1px; background:#dddddd; top:0; left:0; top:50%; margin-top:-1px;} .news_detail01 .left .share_box li{position:relative; z-index:2; background:#fff; display:inline-block; padding:0 0.22rem; margin:0 -0.02rem;} .news_detail01 .left .share_box li a{opacity:0.7;} .news_detail01 .left .share_box li: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:#004ea2;} .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:#004ea2; margin-top:0.2rem; transition:all 0.5s ease; border:1px solid #004ea2;} .news_detail01 .left .btns .to_list:hover{background:#fff; color:#004ea2; border-color:#004ea2;} .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 .t{font-size:0.16rem; line-height:0.3rem;} .news_detail01 .right{width:26%;} .news_detail01 .right .title{background:#004ea2; line-height:0.62rem; padding-left:0.26rem; box-sizing:border-box; color:#fff; font-size:0.22rem;} .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:0.12rem; color:#5d5d5d; line-height:0.12rem;} .news_detail01 .right .item .item_con .tit{transition:all 0.5s ease; font-size:0.15rem;line-height: 30px;} .news_detail01 .right .item .item_con .sub{position:relative; margin-top:0.1rem;} .news_detail01 .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_detail01 .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_detail01 .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_detail01 .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_detail01 .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_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; position:absolute; right:0.06rem; top:50%; margin-top:-0.24rem; color:#fff;} .news_detail01 .right .item .item_con li{margin-bottom:0.2rem;} .news_detail01 .right .item .item_con li:last-child{margin-bottom:0;} .news_detail01 .right .item .item_con li:hover .tit{color:#004ea2;} /* 社会责任 */ .responsive.channel-content{padding-bottom:0;} .responsive01{padding:0.4rem 0 1rem;} .responsive01 .box{width:73%; margin:0 auto; text-align:center; position:relative;} .responsive01 .box::before{content:''; position:absolute; left:-0.2rem; top:0; background:url(responsive01_l.png) no-repeat center/cover; width:25px; height:15px; transform:translateX(-100%);} .responsive01 .box::after{content:''; position:absolute; right:0; bottom:0.36rem; background:url(responsive01_r.png) no-repeat center/cover; width:25px; height:15px; transform:translateX(100%);} .responsive01 .box .tit{font-size:0.36rem; line-height:0.6rem; color:#000000; font-weight:bold;} .responsive02 .item{padding:1rem 0; background:#fafafa;} .responsive02 .item.even{background:#fefefe;} .responsive02 .item .content{position:relative;} .responsive02 .item .content .box{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); height:72.22%; z-index:10;} .responsive02 .item .content .box .words{position:absolute; left:0; top:0; height:100%; background:rgba(255, 255, 255, .7); width:45%;} .responsive02 .item .content .box .words .t{font-size:0.16rem; line-height:0.3rem; color:#000000; text-align:justify; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:93%; max-height:95%; overflow-y:auto;} .responsive02 .item .content .box .words .t::-webkit-scrollbar {width:1px; height:2px;} .responsive02 .item .content .box .words .t::-webkit-scrollbar-thumb {border-radius:5px; background:#004ea2; } .responsive02 .item .content .box .words .t::-webkit-scrollbar-track {border-radius:0; background:transparent;} /* 招聘 */ .xc_banner.recruit .play_btn{position:absolute; bottom:17.3%; left:50%; transform:translateX(-50%); width:0.6rem; height:0.6rem; background:url(recruit_ban01.png) no-repeat center/cover; cursor:pointer;} .xc_banner.recruit .play_btn::before{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index: -1;} .xc_banner.recruit .play_btn::after{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index: -1; } .xc_banner.recruit .play_btn::before{animation:scale 2s ease-out infinite; background:#fff; opacity:0.5; animation-delay:0;} .xc_banner.recruit .play_btn::after{animation:scale2 2s ease-out infinite; background:#fff; opacity:0.3; animation-delay:0;} .recruit01 .title{font-size:0.42rem; line-height:0.5rem; font-weight:bold; text-align:center;} .recruit01 .content{height:2.4rem; position:relative; width:calc(100% - 40px); margin:0 auto;} .recruit01 .content .swiper-slide{text-align:center; transition:all .05s ease;} .recruit01 .content .img_{position:relative; display:inline-block; padding:10px;} .recruit01 .content .img_ img{width:0.73rem;} .recruit01 .content .img_::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient( -45deg, rgb(255,8,8) 0%, rgb(252,166,66) 100%); opacity:0.05; border-radius:30px;} .recruit01 .content .swiper-slide-active .img_::after{opacity:0.1;} .recruit01 .content .t{font-size:0.16rem; line-height:0.3rem; margin-top:0.1rem;} .recruit01 .content .swiper-button-prev{position:absolute; margin-top:-0.2rem; left:0; width:20px; height:20px; top:1.2rem; background:url(recruit01_jt.png) no-repeat center; transform:translateX(-100%);} .recruit01 .content .swiper-button-next{position:absolute; margin-top:-0.2rem; right:0; width:20px; height:20px; top:1.2rem; background:url(recruit01_jt.png) no-repeat center; transform:rotate(180deg) translateX(-100%);} .recruit02{margin-top:0.8rem;} .recruit02 .hd .left{width:49.6%; position:relative;} .recruit02 .hd .right{width:49.6%; position:relative;} .recruit02 .hd .rect-4255{padding-bottom:50.31%;} .recruit02 .hd .rect-8409{padding-bottom:50.31%;} .recruit02 .hd .left .words{position:absolute; left:10.5%; bottom:0.4rem; } .recruit02 .hd .left .words .tit{font-size:0.32rem; line-height:0.4rem; color:#DFD7B3; margin-bottom:0.05rem;} .recruit02 .hd .left .words .con{font-size:0.24rem; line-height:0.3rem; color:#969193; font-weight:bold;} .recruit02 .hd .left .words .c{font-size:0.24rem; line-height:0.3rem; color:#CFCFD0; letter-spacing:0.5em; margin-top:0.05rem;} .recruit02 .hd .right .item{width:100%;} .recruit02 .hd .right .words{position:absolute; left:9%; bottom:0.4rem;} .recruit02 .hd .right .words .tit{font-size:0.32rem; line-height:0.4rem; margin-bottom:0.05rem;} .recruit02 .hd .right .words .con{font-size:0.24rem; line-height:0.3rem; color:#655615; font-weight:bold;} .recruit02 .bd{background:#f3f4ee; position:relative;} .recruit02 .bd::after{content:''; position:absolute; left:0; width:100%; bottom:100%; height:0.8rem; background:#f3f4ee; z-index:-1;} .recruit02 .bd .cont{padding:0.6rem 0; position:relative;} .recruit02 .bd .cont .top .t{font-size:0.22rem; line-height:0.34rem; color:#004ea2; padding:0.25rem; box-sizing:border-box;} .recruit02 .bd .cont .bott .c{font-size:0.16rem; line-height:0.3rem; color:#8d8d93; display:inline-block; vertical-align:middle; padding-left:0.25rem;} .recruit02 .bd .cont .bott .icon02{display:inline-block; vertical-align:middle; margin-left:0.5rem;} .recruit02 .bd .cont .cover{position:absolute; right:4.3%; bottom:0.8rem; width:43.75%;} .recruit03{margin-top:0.8rem;} .recruit03 .wrap{overflow:hidden; padding-bottom:0.4rem;} .recruit03 .title{font-size:0.42rem; line-height:0.5rem; font-weight:bold; text-align:center;} .recruit03 .content{margin-top:0.8rem;} .recruit03 .content .swiper-container{overflow:visible;} .recruit03 .content .img_{box-shadow:2px 2px 10px 0 rgb(31 56 88 / 40%); border-radius:10px; overflow:hidden;} .recruit03 .content .swiper-slide-active{z-index:20; transform:scale(1.2); transition:all .3s ease;} .recruit03 .content .img_ img{max-width:none; width:100%; } .recruit03{display:none;} .recruit.channel-content{padding-bottom:0;} .recruit02{margin-bottom:0;} /* 商业模式 */ .ecologySY.channel-content{padding-bottom:0;} .ecologySY01{margin-bottom:0.8rem;} .ecologySY .infor{text-align:center;} .ecologySY .infor .tit{font-size:0.42rem; line-height:0.5rem; font-weight:bold; color:#222222; margin-bottom:0.15rem;} .ecologySY .infor .con{font-size:0.16rem; line-height:0.3rem; color:#222222;} .ecologySY01 .content{margin-top:0.5rem; text-align:center;} .ecologySY01 .content li{float:left; width:30%; margin-right:5%;} .ecologySY01 .content li:last-child{margin-right:0;} .ecologySY01 .content li .icon img{width:0.56rem;} .ecologySY01 .content li .intro{margin-top:0.4rem;} .ecologySY01 .content li .intro .t{color:#004ea2; font-size:0.32rem; line-height:0.4rem;} .ecologySY01 .content li .intro .t .left, .ecologySY01 .content li .intro .t em{font-weight:bold;} .ecologySY01 .content li .intro .c{margin-top:0.25rem; font-size:0.16rem; line-height:0.3rem; color:#000000;} .ecologySY01 .content li.two{float:none; display:inline-block; vertical-align:text-top;} .ecologySY01 .content li.four{width:23.5%; margin-right:2%;} .ecologySY01 .content li.four:last-child{margin-right:0;} .ecologySY02{background:#f9f9f9; padding:0.8rem 0;} .ecologySY02 .content{margin-top:0.5rem; position:relative;} .ecologySY02 .content .left{width:33.5%;} .ecologySY02 .content .left .rect-8917{padding-bottom:89.17%;} .ecologySY02 .content .right{position:absolute; right:0; top:50%; transform:translateY(-50%); width:61.25%;} .ecologySY02 .content .right li{border-bottom:1px solid #d8d8d8; padding:0.3rem 0;} .ecologySY02 .content .right li .t{font-size:0.22rem; line-height:0.3rem; color:#000000; font-weight:bold; margin-bottom:0.1rem;} .ecologySY02 .content .right li .c{font-size:0.16rem; line-height:0.3rem; color:#000000;} .ecologySY02 .content .right li:first-child{padding-top:0;} .ecologySY02 .content .right li:last-child{padding-bottom:0; border-bottom:0;} .ecologySY02 .content.height .right{position:static; transform:none; float:right;} .ecologySY02 .content.height .left{position:absolute; left:0; top:50%; transform:translateY(-50%); float:none;} /* 人才模式 */ .ecologyRC .title{font-size:0.42rem; line-height:0.5rem; font-weight:bold; text-align:center; color:#222222; margin-bottom:0.4rem;} .ecologyRC01 .content{position:relative;} .ecologyRC01 .content .box{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); height:53.2%; z-index:10;} .ecologyRC01 .content .box .words{position:absolute; right:0; top:0; height:100%; background:rgba(255, 255, 255, .7); width:48.2%;} .ecologyRC01 .content .box .words .t{font-size:14px; line-height:0.3rem; color:#000000; text-align:justify; position:absolute; top:50%; left:0; transform:translate(0,-50%); width:100%; padding:0 0.45rem; box-sizing:border-box; text-transform:uppercase; max-height:90%; overflow-y:auto;} .ecologyRC01 .content .box .words .t::-webkit-scrollbar {width:1px; height:2px;} .ecologyRC01 .content .box .words .t::-webkit-scrollbar-thumb {border-radius:5px; background:#004ea2; } .ecologyRC01 .content .box .words .t::-webkit-scrollbar-track {border-radius:0; background:transparent;} .ecologyRC02{margin-top:0.8rem;} .ecologyRC02 .content li{float:left; width:48.4%; margin-right:3.2%; box-shadow:-0.209px 3.995px 24px 8px rgba(0, 0, 0, 0.02); margin-bottom:0.3rem;} .ecologyRC02 .content li:nth-child(2n){margin-right:0;} .ecologyRC02 .content li .rect-3741{padding-bottom:37.41%;} .ecologyRC02 .content li .words{background:#fff; height:1.4rem; position:relative;} .ecologyRC02 .content li .words .box{position:absolute; bottom:0.3rem; width:93.5%; left:50%; transform:translateX(-50%); background:#fff; padding:0.3rem 0.3rem 0; padding-bottom:1.1rem; border-bottom:2px solid #d1d1d1; box-sizing:border-box; } .ecologyRC02 .content li .words .box::after{content:''; position:absolute; left:0; bottom:-1px; height:2px; background:#004ea2; width:0; transition:all .3s ease;} .ecologyRC02 .content li .words .t{font-size:0.16rem; line-height:0.3rem; text-align:justify; color:#222222; height:0.3rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition:all .3s ease; } .ecologyRC02 .content li .words .t::-webkit-scrollbar {width:1px; height:2px;} .ecologyRC02 .content li .words .t::-webkit-scrollbar-thumb {border-radius:5px; background:#004ea2; } .ecologyRC02 .content li .words .t::-webkit-scrollbar-track {border-radius:0; background:transparent;} .ecologyRC02 .content li:hover .words .box{padding-bottom:0.5rem;} .ecologyRC02 .content li:hover .words .t{height:auto; display:block; max-height:1.8rem; overflow-y:auto; padding-right:0.03rem;} .ecologyRC02 .content li:hover .words .box::after{width:100%;} /* 关于未势 start */ .about_us01{padding:0.8rem 0;} .about_us01 .wrap{margin-left:8.33%; width:91.67%;} .about_us01 .left{float:left; width:54%;} .about_us01 .left .intro{margin-top:-0.5rem;} .about_us01 .left .intro .tit{font-size:0.32rem; font-weight:bold; color:#000; margin-top:0.1rem;} .about_us01 .left .intro .con{font-size:0.16rem; line-height:0.24rem; margin-top:0.24rem; color:#747474;} .about_us01 .left .nums{margin-left:-10%; margin-top:0.7rem;} .about_us01 .left .nums .item{float:left; width:25%; text-align:center;} .about_us01 .left .nums .item .tit{position:relative; display:inline-block; font-size:0.36rem; font-weight:bold; color:#000; font-family:Arial, Helvetica, sans-serif; text-align:center;} /* .about_us01 .left .nums .item .tit .unit{position:absolute; display:block; left:100%; padding-left:0.1rem; top:50%; transform:translateY(-50%); width:0.8rem; text-align:left; font-size:0.16rem; font-weight:normal; color:#222;} */ .about_us01 .left .nums .item .tit .unit{position:relative; display:inline-block; top:0; width:0.8rem; text-align:left; font-size:0.16rem; font-weight:normal; color:#222;} .about_us01 .left .nums .item .con{font-size:0.16rem; color:#222;} .about_us01 .right{float:right; width:39%;} .about_us01 .right .rect-63{padding-bottom:63.23%;} .about_us02{background:url(aabc.png) no-repeat center;} .about_us02 .left{float:left; width:50%; padding-top:1.3rem;} .about_us02 .left .intro .tit{font-size:0.42rem; font-weight:bold; color:#fff;} .about_us02 .left .intro .tit_en{font-size:0.16rem; color:#fff; font-family:Arial, Helvetica, sans-serif;} .about_us02 .left .intro .con{margin-top:0.5rem; font-size:0.32rem; font-weight:bold; color:#fff; font-style:italic;} .about_us02 .left .intro .con .iconfont{font-weight:normal;} .about_us02 .right{float:right; width:47.5%; padding:0.4rem 0 0.4rem 12.5%;} .about_us02 .right .item{padding:0.3rem 0;max-width:600px;display:flex;} .about_us02 .right .item .icon{display:inline-block; vertical-align:bottom;} .about_us02 .right .item .text{display:inline-block; vertical-align:bottom; margin-left:0.3rem;max-width:450px;} .about_us02 .right .item .text .con{line-height:180%} .about_us02 .right .item .text .tit{font-size:0.32rem; color:#fff; margin-bottom: 15px;} .about_us02 .right .item .text .con{font-size:0.16rem; color:#fff;} .about_us03{padding:0.7rem 0;} .about_us03 .infor .tit{font-size:0.42rem; font-weight:bold; color:#000; text-align:center;} .about_us03 .infor .con{position:relative;} .about_us03 .infor .con .txt{position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:0.48rem; font-weight:bold; color:#004ea2; font-style:italic;} .about_us03 .infor .con .years{font-size:1.6rem; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:rgba(0, 0, 0, 0.08);} /* .about_us03 .content .swiper-slide{height:3.2rem; overflow-y:scroll;} */ .about_us03 .content .swiper-slide::-webkit-scrollbar{display:block; width:0.03rem; } .about_us03 .content .swiper-slide::-webkit-scrollbar-thumb{ background:#004ea2;} .about_us03 .content .swiper-slide::-webkit-scrollbar-track{opacity:0;} .about_us03 .content .swiper-slide .item{padding:0.24rem 0.4rem; border-right: 1px solid #d0d0d0; border-left:1px solid rgba(0,0,0,0);} .about_us03 .content .swiper-slide.swiper-slide-active .item{border-left-color:#d0d0d0;} .about_us03 .content .swiper-slide .year{font-size:0.36rem; font-family:Arial, Helvetica, sans-serif; color:#000;} .about_us03 .content .swiper-slide .detail .item_d{margin-bottom:0.3rem;} .about_us03 .content .swiper-slide .detail .item_d .txt{position:relative; font-size:0.16rem; line-height:0.28rem; height:0.84rem; padding-left:0.2rem; color:#000;} .about_us03 .content .swiper-slide .detail .item_d .txt::after{content:""; position:absolute; top:0.1rem; left:0.02rem; width:0.1rem; height:0.1rem; border-radius:50%; background:#004ea2;} .about_us03 .timeline{position:relative; text-align:center; margin-top:0.56rem;} .about_us03 .timeline::after{content:""; position:absolute; top:0.23rem; left:0; right:0; height:1px; background:#f0f0f0;} .about_us03 .timeline .item{display:inline-block; width:0.8rem; margin-right:1.5rem; cursor:pointer; vertical-align:top; } .about_us03 .timeline .item:last-child{margin-right:0;} .about_us03 .timeline .item .dot{position:relative; width:0.5rem; height:0.5rem; margin:0 auto;} .about_us03 .timeline .item .dot::before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.18rem; height:0.18rem; border:2px solid #d8d9da; border-radius:50%; background:#fff; z-index:1; transition:all .3s ease;} .about_us03 .timeline .item .dot::after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.06rem; height:0.06rem; border-radius:50%; background:#d8d9da; z-index:2; transition:all .3s ease;} .about_us03 .timeline .item .year{font-size:0.24rem; line-height:0.36rem; margin-top:0.24rem; color:#c3c3c3; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; transition:all .3s ease;} .about_us03 .timeline .item.cur .dot::before{width:0.44rem; height:0.44rem; border:2px solid #004ea2;} .about_us03 .timeline .item.cur .dot::after{width:0.15rem; height:0.15rem; background:#004ea2;} .about_us03 .timeline .item.cur .year{font-size:0.36rem; color:#004ea2;} .about_us04{padding-bottom:0.2rem;} .about_us04 .infor .tit{float:left; font-size:0.42rem; font-weight:bold; color:#000;} .about_us04 .infor .tabs01{float:right; border-bottom:1px solid #d0d0d0; padding:0 0.6rem;} .about_us04 .infor .tabs01 .item{display:inline-block; text-align:center; padding:0.1rem 0.5rem; border-bottom:4px solid transparent; margin-bottom:-2px; transition:all .5s ease; cursor:pointer;} .about_us04 .infor .tabs01 .item .icon .img02{display:none;} .about_us04 .infor .tabs01 .item .text{font-size:0.16rem; color:#000; margin-top:0.1rem;} .about_us04 .infor .tabs01 .item.cur{border-bottom:4px solid #004ea2;} .about_us04 .infor .tabs01 .item.cur .text{color:#004ea2;} .about_us04 .infor .tabs01 .item.cur .icon .img01{display:none;} .about_us04 .infor .tabs01 .item.cur .icon .img02{display:inline-block;} .about_us04 .content .nums{padding:0.5rem 0; width:72.5%; margin:0 auto;} .about_us04 .content .nums .item{float:left; width:25%; text-align:center; padding:0.1rem 0; position:relative;} .about_us04 .content .nums .item::after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:1rem; background:#e0e0e0;} .about_us04 .content .nums .item:last-child:after{width:0;} .about_us04 .content .nums .item .tit{font-size:0.36rem; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#222;} .about_us04 .content .nums .item .con{font-size:0.16rem; color:#222;} .about_us04 .content .rect-74{padding-bottom:74.34%;} .about_us04 .content .swiper-container{} .about_us04 .content .swiper-slide{float:left; width:32.33%; margin-right:1%;} .about_us04 .content .swiper-slide{position:relative;} .about_us04 .content .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(8, 40, 127, 0.8); transition:all .5s ease;} .about_us04 .content .swiper-slide .txt_box .txt{font-size:0.16rem;} .about_us04 .content .swiper-slide .txt_box .tit{font-size:0.32rem; font-weight:bold; line-height:0.4rem;} .about_us04 .content .swiper-slide .txt_box .con{font-size:0.16rem; line-height:0.24rem; margin-top:0.2rem;} .about_us04 .content .swiper-slide:hover .txt_box{opacity:1; visibility:visible;} .about_us04 .content .swiper-controls{position:relative; margin-top:0.5rem; font-size:0;} .about_us04 .content .swiper-controls .swiper-buttons{position:static; display:inline-block; vertical-align:middle; width:7.5%; margin-right:2.5%;} .about_us04 .content .swiper-controls .swiper-buttons .swiper-button-next, .about_us04 .content .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:8%; font-size:0.20rem;font-weight:bold; background:none; width:40%; height:0; padding-bottom:40%; border-radius:50%; border:1px solid #d2d2d2; color:#d2d2d2; transition:all .5s ease;} .about_us04 .content .swiper-controls .swiper-buttons .swiper-button-next:hover, .about_us04 .content .swiper-controls .swiper-buttons .swiper-button-prev:hover{background:#004ea2; color:#fff; border-color:#004ea2;} .about_us04 .content .swiper-controls .swiper-buttons .swiper-button-next{margin-right:0;} .about_us04 .content .swiper-controls .swiper-buttons .iconfont{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .about_us04 .content .swiper-controls .swiper-scrollbar{position:static; display:inline-block; vertical-align:middle; width:90%; height:6px; background:#f6f6f8;} .about_us04 .content .swiper-controls .swiper-scrollbar .swiper-scrollbar-drag{background:#004ea2; cursor:pointer;} /* 关于未势 end */ /* 视频banner */ .xc_banner .xc_words .btns{display:none; margin-top:1rem; text-align:center;} .xc_banner.xc_video_banner .xc_words .btns{display:block;} .xc_banner.xc_video_banner .xc_words .btns .play_btn{position:relative; display:inline-block;} .xc_banner.xc_video_banner .xc_words .btns .play_btn::before{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index: -1;} .xc_banner.xc_video_banner .xc_words .btns .play_btn::after{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index: -1; } .xc_banner.xc_video_banner .xc_words .btns .play_btn::before{animation:scale 2s ease-out infinite; background:#fff; opacity:0.5; animation-delay:0;} .xc_banner.xc_video_banner .xc_words .btns .play_btn::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(7);opacity:0;}} /* 资料下载 */ .xc_banner .xc_words .con{font-size:0.15rem; color:#fff; line-height:0.3rem; margin-top:0.2rem;} .service01 .hd{padding-bottom:0.5rem; border-bottom:1px solid #e0e0e0;} .service01 .hd .select_wrap{width:23.75%; background:#f6f6f6; border-radius:0.3rem; height:0.6rem; margin-right:1.8%;} .service01 .hd .select_box{font-size:0.16rem; color:#222222; width:100%; padding-left:0.7rem; border:none; box-sizing:border-box;} .service01 .hd .select_box option{font-size:0.16rem; } .service01 .hd .select_box option:hover{background:#004ea2; color:#ffffff;} .service01 .hd .search_box{position:relative; margin-right:0; width:48.9%;} .service01 .hd .search_box .inp{height:0.6rem; box-sizing:border-box; background:none; outline:none; padding:0; margin:0; padding-left:0.5rem; border:none; font-size:14px; width:calc(100% - 0.7rem);} .service01 .hd .search_box .btns{height:0.6rem; text-align:center; outline:none; padding:0; margin:0; background:#004ea2; color:#ffffff; font-size:18px; border:none; padding:0 0.18rem; border-radius:0.3rem; cursor:pointer;} .service01 .hd .search_box .btns .icon{background:url(service01_search.png) no-repeat center/cover; width:0.22rem; height:0.22rem; } .service01 .hd .search_box input:-moz-placeholder{color:#777777;} .service01 .hd .search_box input::-webkit-input-placeholder{color:#777777;} .service01 .hd .search_box input:-ms-input-placeholder {color:#777777;} body .select-ui-choose-default{width:100%; height:100%; padding-left:0.7rem; background:#f6f6f6; box-sizing:border-box; border-radius:0.3rem; border:none;} body .select-ui-choose-default.on{border-radius:0.3rem; } body .select-ui-choose-default ._txt{padding:0; line-height:0.6rem; height:0.6rem;} body .select-ui-choose-default ._arrow{right:0.4rem; } body .select-ui-choose-default ._arrow .arr{margin:0; border:0; background:url(service01_jt.png) no-repeat center/cover; top:0.25rem; width:16px; height:9px; } body .select-ui-choose-default.on ._arrow .arr{margin:0;} body .select-ui-options-default li:hover{background:#004ea2;} body .select-ui-options-default-bottom{border-radius:0.2rem; padding-right:0;} body .select-ui-options-default-bottom::-webkit-scrollbar {width:2px; height:4px;} body .select-ui-options-default-bottom::-webkit-scrollbar-thumb {border-radius:5px; background:#004ea2; } body .select-ui-options-default-bottom::-webkit-scrollbar-track {border-radius:0; background:#ffffff;} body .select-ui-options-default li{padding-left:0.2rem;} .service01 .bd{padding-top:0.5rem;} .service01 .bd li{padding:0.15rem 0; border-bottom:1px solid #cacaca; transition:all .3s ease; margin-bottom:0.15rem;} .service01 .bd li .left{padding:0.14rem 0.3rem; border-right:1px solid #d7d7d7; } .service01 .bd li .left img{width:0.38rem;} .service01 .bd li .right{padding:0.1rem 0.2rem;} .service01 .bd li .right a{display:inline-block; vertical-align:middle;} .service01 .bd li .right .down_more{margin-left:0.15rem; width:1.7rem; height:0.48rem; line-height:0.48rem; text-align:center; border:1px solid #004ea2; border-radius:5px; transition:all .3s ease;} .service01 .bd li .right .down_more .icon{width:14px; height:14px; background:url(service01_down01.png) no-repeat center; margin-right:0.1rem;} .service01 .bd li .right .down_more>div{display:inline-block; vertical-align:middle;} .service01 .bd li .center{width:calc(100% - 4rem); padding-left:0.3rem; box-sizing:border-box;} .service01 .bd li .center .t{color:#838383; font-size:0.16rem; line-height:0.35rem; text-transform:uppercase;} .service01 .bd li .center .c{color:#222222; font-size:0.16rem; line-height:0.35rem; font-weight:bold;} .service01 .bd li:hover{background:#f6f6f6; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.1); border-bottom-color:transparent;} .service01 .bd li:hover .right .down_more .icon{background:url(service01_down02.png) no-repeat center;} .service01 .bd li:hover .right .down_more{background:#004ea2; color:#fff;} /* 联系我们 */ .contact_us01 .content{width:86.875%; margin:0 auto;} .contact_us01 .left{width:52.5%; position:relative; background:#fff; border-bottom:7px solid #004ea2; box-shadow:0px 4px 24.96px 7.04px rgba(207, 205, 205, 0.35);} .contact_us01 .left .box{padding:0.5rem 0.6rem;} .contact_us01 .tit{font-size:0.42rem; line-height:0.5rem; font-weight:bold;} .contact_us01 .left .box .form{margin-top:0.3rem;} .contact_us01 .left .box .form .inp_box{border-bottom:1px solid #e9e9e9; padding:0.25rem 0; } .contact_us01 .left .box .form i{display:inline-block; vertical-align:middle;} .contact_us01 .left .box .form .inp_box input{vertical-align:middle; line-height:0.3rem; font-size:0.2rem; color:#666666; padding:0; padding-left:0.2rem; border:none; width:calc(100% - 0.6rem);} .contact_us01 .left .box .form .bott>div{float:left;} .contact_us01 .left .box .form .bott .box01{width:26.6%; margin-right:1.4%;} .contact_us01 .left .box .form .bott .yzm_box{width:72%; padding:0.1rem 0;} .contact_us01 .left .box .form .bott .yzm_box img{width:41.6%; height:0.6rem;} .contact_us01 .left .box .form .bott .more_btn{height:0.5rem; line-height:0.5rem; cursor:pointer; outline:none; margin-top:0.1rem; border:none; background:#eeeeee; text-align:center; border-radius:0.25rem; font-size:0.2rem; color:#666666; width:34%; padding:0;} .contact_us01 .left .box .form .bott .more_btn i{color:#999999; font-size:0.2rem; margin:0; padding:0; vertical-align:baseline; padding-left:0.2rem;} .contact_us01 .left .box .form .bott .more_btn:hover{color:#000000; background:#e2e1e1;} .contact_us01 .left .box .form .bott .more_btn:hover i{color:#000000;} .contact_us01 .right{width:41%; margin-top:0.4rem;} .contact_us01 .right .cont{margin-top:0.4rem;} .contact_us01 .right .cont .top li{float:left; width:49%; margin-right:1%; margin-bottom:0.2rem;} .contact_us01 .right .cont .top li:nth-child(2n){margin-right:0;} .contact_us01 .right .cont .t{font-size:0.2rem; line-height:0.3rem; font-weight:bold; margin-bottom:0.1rem;} .contact_us01 .right .cont .top .c{font-size:0.2rem; line-height:0.3rem; color:#666666;} .contact_us01 .right .cont .top a{display:block;} .contact_us01 .right .cont .bott{margin-top:0.2rem; position:relative;} /* .contact_us01 .right .cont .bott .share_box{position:relative; margin-top:0.2rem; } .contact_us01 .right .cont .bott .share_box a{opacity:0.7; margin-right:0.25rem; position:relative;} .contact_us01 .right .cont .bott .share_box a:hover{opacity:1;} .contact_us01 .right .cont .bott .share_box .ewm_img{width:150px; height:150px; position:absolute; bottom:30px; right:0%; display:none;} .contact_us01 .right .cont .bott .ewm_box{margin-top:0.3rem;} .contact_us01 .right .cont .bott .ewm_box .img_{width:1.5rem; height:1.5rem; display:inline-block; margin-right:0.5rem;} .contact_us01 .right .cont .bott .ewm_box .img_:last-child{margin-right:0;} */ .contact_us01 .right .cont .bott li{padding-bottom:0.25rem; border-bottom:1px solid #d8d8d8; margin-top:0.25rem; cursor:pointer;} .contact_us01 .right .cont .bott li:hover .icon{background:#000;} .contact_us01 .right .cont .bott li .icon{width:0.48rem; height:0.48rem; display:inline-block; vertical-align:middle; background:#000000; border-radius:50%; margin-right:0.3rem; position:relative; transition:all 0.5s ease;} .contact_us01 .right .cont .bott li .icon img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .contact_us01 .right .cont .bott li .intro{display:inline-block; vertical-align:middle;} .contact_us01 .right .cont .bott li .intro .t_{font-size:0.16rem; line-height:0.24rem; color:#004ea2; } .contact_us01 .right .cont .bott li .intro .c_{font-size:0.16rem; line-height:0.24rem; color:#666666; } .contact_us01 .right .cont .bott li .jt{float:right; margin-top:0.12rem; width:9px; height:16px; background:url(contact_us01_jt1.png) no-repeat center/cover;} .contact_us01 .right .cont .bott .ewm_box li{width:2.5rem; background:#f3f4f5; border-radius:10px; padding:0.35rem; box-sizing:border-box; border:none; margin-top:0; position:absolute; right:0; bottom:-0.25rem; text-align:center; opacity:0; visibility:hidden; transition:all 0.5s ease;} .contact_us01 .right .cont .bott .ewm_box li.cur{-webkit-animation:fadeInUp 0.8s ease both; -moz-animation:fadeInUp 0.8s ease both; animation:fadeInUp 0.8s ease both; opacity:1; visibility:visible;} .contact_us01 .right .cont .bott .ewm_box li .tit{margin-top:0.1rem; font-size:0.22rem; line-height:0.3rem; margin-bottom:0.05rem; color:#000000;} .contact_us01 .right .cont .bott .ewm_box li .con{font-size:0.16rem; line-height:0.3rem; text-transform:uppercase; color:#000000;} @-webkit-keyframes fadeInUp{ 0%{opacity:0; -webkit-transform:translate3d(0,50%,0); transform:translate3d(0,50%,0);} to{opacity:1; -webkit-transform:none; transform:none;} } @keyframes fadeInUp{ 0%{opacity:0; -webkit-transform:translate3d(0,50%,0); transform:translate3d(0,50%,0);} to{opacity:1; -webkit-transform:none; transform:none;} } /* 技术生态 */ .ecologyJS01{padding-bottom:0.8rem;} .ecologyJS01 .infor .tit{font-size:0.22rem; color:#222;} .ecologyJS01 .infor .tit span{font-weight:bold;} .ecologyJS01 .content{margin-top:0.5rem;} .ecologyJS01 .content .item{position:relative; float:left; width:33.33%; text-align:center;} .ecologyJS01 .content .item::after{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); height:120%; width:1px; background:#e0e0e0;} .ecologyJS01 .content .item:last-child::after{display:none;} .ecologyJS01 .content .item .tit{font-size:0.26rem; font-weight:bold; color:#222; font-family:Arial, Helvetica, sans-serif;} .ecologyJS01 .content .item .tit .unit{vertical-align:middle; font-size:0.16rem; font-weight:normal; margin-left:0.1rem;} .ecologyJS01 .content .item .con{font-size:0.16rem;} .ecologyJS02{position:relative; padding-bottom:0.6rem;} .ecologyJS02 .bg_{position:absolute; bottom:0; left:0; right:0; z-index:-1;} .ecologyJS02 .infor .sec_tit{position:relative; font-size:0.28rem; line-height:1; color:#222; font-weight:bold; padding-left:0.15rem;} .ecologyJS02 .infor .sec_tit::before{content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#004ea2;} .ecologyJS02 .infor .tit{margin-top:0.15rem; font-size:0.28rem; color:#004ea2;} .ecologyJS02 .infor .con{margin-top:0.15rem; font-size:0.16rem; line-height:0.32rem;} .ecologyJS02 .content{margin-top:0.56rem; position:relative; padding-left:50%;} .ecologyJS02 .content .left{position:absolute; left:0; top:0; bottom:0; width:46%;} .ecologyJS02 .content .left .nums{position:relative; top:8%; height:84%;} .ecologyJS02 .content .left .nums .item{position:relative; float:left; width:50%; height:50%;} .ecologyJS02 .content .left .nums .item::after{content:""; position:absolute; top:0; bottom:0; left:0; right:0; border-right:1px dashed #d7d7d7; border-bottom:1px dashed #d7d7d7;} .ecologyJS02 .content .left .nums .item.item02::after{border-right:none;} .ecologyJS02 .content .left .nums .item.item04::after{border-right:none;} .ecologyJS02 .content .left .nums .item.item05::after{border-bottom:none; border-right:none;} .ecologyJS02 .content .left .nums .item .inner_box{position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%);} .ecologyJS02 .content .left .nums .item .tit{font-size:0.22rem; font-weight:bold; color:#004ea2; font-family:Arial, Helvetica, sans-serif;} .ecologyJS02 .content .left .nums .item .tit .unit{vertical-align:middle; font-size:0.16rem; font-weight:normal; margin-left:0.1rem;} .ecologyJS02 .content .left .nums .item .con{font-size:0.14rem; color:#000; margin-top:0.1rem;} .ecologyJS02 .content .right{} .ecologyJS02 .content .right .rect-52{padding-bottom:52.28%;} .ecologyJS03{padding-bottom:0.5rem;} .ecologyJS03 .infor .tit{font-size:0.28rem; color:#004ea2;} .ecologyJS03 .infor .con{font-size:0.16rem; color:#222; line-height:0.32rem; margin-top:0.15rem;} .ecologyJS03 .content{position:relative; margin-top:0.3rem;} .ecologyJS03 .content::after{content:""; position:absolute; top:0.72rem; left:0.3rem; right:0.3rem; border-bottom:1px dashed #d7d7d7; z-index:0;} .ecologyJS03 .content .item{position:relative; float:left; width:15%; margin-right:2.5%; transition:all .5s ease; background:#f3f3f3;} .ecologyJS03 .content .item:last-child{margin-right:0;} .ecologyJS03 .content .item .intro{padding:0.24rem 0.3rem;} .ecologyJS03 .content .item .tit{font-size:0.18rem; color:#222; font-weight:bold; text-align:center; transition:all .5s ease; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ecologyJS03 .content .item .dot{text-align:center; position:relative; z-index:10;} .ecologyJS03 .content .item .dot::after{content:""; display:inline-block; width:0.1rem; height:0.1rem; margin-top:0.15rem; background:#dfdfdf; border-radius:50%; transition:all .5s ease;} .ecologyJS03 .content .item .con{opacity:0; visibility:visible; margin-top:0.1rem; font-size:0.16rem; line-height:0.32rem; color:#222; height:1.92rem; overflow:hidden; transition:none;} .ecologyJS03 .content .item .icon{opacity:1; visibility:visible; position:absolute; top:60%; left:50%; transform:translate(-50%, -50%); width:1.1rem; height:1.1rem; background:#fff; border-radius:50%; transition:all .5s ease;} .ecologyJS03 .content .item .icon img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .ecologyJS03 .content .item.on{width:65%;} .ecologyJS03 .content .item.on .tit{color:#004ea2; text-align:left;} .ecologyJS03 .content .item.on .dot{text-align:left;} .ecologyJS03 .content .item.on .dot::after{background:#004ea2;} .ecologyJS03 .content .item.on .icon{opacity:0; visibility:hidden; transition:none;} .ecologyJS03 .content .item.on .con{opacity:1; visibility:visible; transition:all .5s ease;} .ecologyJS04{padding-bottom:0.6rem;} .ecologyJS04 .infor .tit{font-size:0.28rem; color:#004ea2;} .ecologyJS04 .infor .con{font-size:0.16rem; color:#222; line-height:0.32rem; margin-top:0.15rem;} .ecologyJS04 .content{margin-top:0.4rem;} .ecologyJS04 .content .item{float:left; width:8%; margin-right:15%;} .ecologyJS04 .content .item:last-child{margin-right:0;} .ecologyJS04 .content .item .ico_box{position:relative; width:100%; height:0; padding-bottom:100%; border-radius:50%; border:1px solid #d1d1d1; background:#f3f3f3; transition:all .5s ease;} .ecologyJS04 .content .item:hover .ico_box{transform:rotateY(180deg);} .ecologyJS04 .content .item .ico_box img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .ecologyJS04 .content .item .txt_box{text-align:center;} .ecologyJS04 .content .item .txt_box .tit{font-size:0.18rem; font-weight:bold; margin-top:0.15rem; color:#222;} .ecologyJS05 .rect-89{padding-bottom:89.85%;} .ecologyJS05 .infor .sec_tit{position:relative; font-size:0.28rem; line-height:1; color:#222; font-weight:bold; padding-left:0.15rem;} .ecologyJS05 .infor .sec_tit::before{content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#004ea2;} .ecologyJS05 .infor .con{margin-top:0.35rem; font-size:0.16rem; line-height:0.32rem; width:62.5%;} .ecologyJS05 .content{margin-top:0.7rem;} .ecologyJS05 .content .item{float:left; width:29.5%; margin-right:5.75%;} .ecologyJS05 .content .item:last-child{margin-right:0;} .ecologyJS05 .content .item .tit{font-size:0.18rem; color:#222; text-align:center; margin-top:0.24rem;} .ecologyJS02 .content .left>.jr-widgets-panel>.jr-widgets-panel-box{height:100%;} .ecologyJS02 .content .left>.jr-widgets-panel{height:100%;} body .bg-primary{background:#004ea2;} /* 解决方案 */ .solu_detail01{margin-bottom:0.8rem;} .solu_detail01 .infor{text-align:center;} .solu_detail .infor .tit{font-size:0.42rem; line-height:0.5rem; font-weight:bold; color:#000000;} .solu_detail .infor .con{font-size:0.16rem; line-height:0.3rem; color:#000000; margin-top:0.1rem;} .solu_detail01 .content{box-shadow: 0px 4px 9px 0px rgba(10, 2, 4, 0.23); margin-top:0.4rem;} .solu_detail01 .content .right{width:65.3%; position:relative;} .solu_detail01 .content .right .tab_c_box{position:absolute; left:0; top:0; width:100%; height:100%; } .solu_detail01 .content .right .tab_c{float:left; height:100%; position:relative; cursor:pointer;} .solu_detail01 .content .right .tab_c::after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:rgba(255,255,255,.4);} .solu_detail01 .content .right .tab_c::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:0; background:#004ea2; transition:all .4s ease;} .solu_detail01 .content .right .tab_c.cur::before{height:5px;} .solu_detail01 .content .right .tab_c .c_box{position:absolute; left:50%; transform:translate(-50%,-50%); top:50%; padding-top:1rem; width:100%; text-align:center;} .solu_detail01 .content .right .tab_c .num{ font-size:14px; font-weight:bold; color:#fff; transition:all .3s ease;} .solu_detail01 .content .right .tab_c .circle{width:0.15rem; height:0.15rem; border-radius:50%; background:rgba(255,255,255,.5); position:absolute; left:50%; transform:translate(-50%,-50%) scale(.7); top:50%; transition:all .3s ease;} .solu_detail01 .content .right .tab_c .circle::before{content:''; position:absolute; left:50%; top:50%; width:0.4rem; height:0.4rem; border-radius:50%; border:1px solid rgba(255,255,255,.4); transition:all .3s ease; transform:translate(-50%,-50%) scale(.75);} .solu_detail01 .content .right .tab_c .circle::after{content:''; position:absolute; left:50%; top:50%; width:0.6rem; height:0.6rem; border-radius:50%; border:1px solid rgba(255,255,255,.2); transition:all .3s ease; transform:translate(-50%,-50%) scale(.75);} .solu_detail01 .content .right .tab_c.cur .circle{background:#fff; animation: scalepulse 1.3s linear 0s infinite both; transform:translate(-50%,-50%) scale(1) rotate(45deg); border-radius:0;} .solu_detail01 .content .right .tab_c.cur .circle::before{border-color:rgba(255,255,255,0.5); animation:scalepulse 1.3s linear .3s infinite both; transform:translate(-50%,-50%) scale(1);} .solu_detail01 .content .right .tab_c.cur .circle::after{border-color:rgba(255,255,255,0.3); animation:scalepulse 1.3s linear .15s infinite both; transform:translate(-50%,-50%) scale(1);} .solu_detail01 .content .tab_t_box{padding:0.7rem 0.5rem; width:34.7%; box-sizing:border-box;} .solu_detail01 .content .tab_t{height:100%; overflow-y:auto; padding-right:3px; position:relative;} .solu_detail01 .content .tab_t::-webkit-scrollbar {width:2px; height:2px;} .solu_detail01 .content .tab_t::-webkit-scrollbar-thumb {border-radius:5px; background:#004ea2; } .solu_detail01 .content .tab_t::-webkit-scrollbar-track {border-radius:0; background:transparent;} .solu_detail01 .content .tab_t .box{position:absolute; top:40%; } .solu_detail01 .content .tab_t .item .t{font-size:0.4rem; line-height:0.4rem; color:#000000; margin-bottom:0.2rem; transition:all .3s ease; position:relative; font-weight:bold;} .solu_detail01 .content .tab_t .item .c{font-size:0.16rem; line-height:0.3rem; color:#000000; position:relative; text-align:justify;} @keyframes scalepulse { 20% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15); transform: translate3d(-50%, -50%, 0) scale(1.15); -webkit-animation-timing-function: ease; animation-timing-function: ease } 50% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); -webkit-animation-timing-function: ease; animation-timing-function: ease } } .solu_detail02{padding-top:0.8rem; background:url(solu02_bg01.jpg) no-repeat top; background-size:contain;} .solu_detail02 .infor{margin-bottom:0.3rem;} .solu_detail02 .infor .tit{color:#fff;} .solu_detail02 .content{position:relative;} /* .solu_detail02 .content .btn_box{margin:0.8rem 0 0.4rem;} */ .solu_detail02 .content .btn_box>div{position:static; float:none; margin:0; display:inline-block;} .solu_detail02 .content .btn_box01{position:absolute; top:-0.3rem; transform:translateY(-100%); right:0;} .solu_detail02 .content .btn_box02{position:absolute; bottom:0.3rem; right:0; z-index:20;} .solu_detail02 .content .btn_box .swiper-button-next, .solu_detail02 .content .btn_box .swiper-button-prev{background:url(solu02_jt.png) no-repeat center/cover; width:0.53rem; height:0.15rem; cursor:pointer;} .solu_detail02 .content .btn_box .swiper-button-prev{transform:rotate(180deg); margin-right:0.3rem;} .solu_detail02 .content .btn_box .swiper-pagination{float:right;} .solu_detail02 .content .btn_box .swiper-pagination .swiper-pagination-bullet{width:0.1rem; height:0.1rem; background:#fff; border-radius:0; opacity:1; margin-left:0.13rem;} .solu_detail02 .content .btn_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:0.3rem; background:#004ea2; } .solu_detail02 .content .con{font-size:0.36rem; line-height:0.4rem; color:#fff; padding:0.35rem 0; border-top:1px solid #fff;} .solu_detail02 .content .swiper-container{padding-bottom:0.1rem;} /* .solu_detail02 .content .swiper-slide .item{width:34.375%; transition:all .3s ease;} .solu_detail02 .content .swiper-slide .item .rect-6215{height:3.1rem; transition:all .3s ease;} .solu_detail02 .content .swiper-slide .item .rect-6215 img{left:50%; top:50%; transform:translate(-50%,-50%); width:100%; min-height:100%; max-width:none; position:absolute; transition:all .3s ease;} .solu_detail02 .content .swiper-slide .item .intro{background:#004ea2; padding:0.35rem; color:#fff; transition:all .3s ease;} .solu_detail02 .content .swiper-slide .item .intro .t{font-size:0.22rem; font-weight:bold; line-height:0.25rem; margin-bottom:0.25rem;} .solu_detail02 .content .swiper-slide .item .intro .c span{display:block; font-size:0.16rem; line-height:0.24rem; height:0.96rem; overflow:hidden; text-align:justify;} .solu_detail02 .content .swiper-slide .item .intro .c{height:1.2rem;} .solu_detail02 .content .swiper-slide .item.cur{width:63.625%; box-shadow: 0px 4px 9px 0px rgba(10, 2, 4, 0.1);} .solu_detail02 .content .swiper-slide .item.cur .intro{background:#fff; color:#222222;} .solu_detail02 .content .swiper-slide .item.cur .intro .c span{height:100%; overflow-y:auto; padding-right:3px; } .solu_detail02 .content .swiper-slide .item.cur .intro .c span::-webkit-scrollbar {width:2px; height:2px;} .solu_detail02 .content .swiper-slide .item.cur .intro .c span::-webkit-scrollbar-thumb {border-radius:5px; background:#004ea2; } .solu_detail02 .content .swiper-slide .item.cur .intro .c span::-webkit-scrollbar-track {border-radius:0; background:transparent;} */ /* 20230303 */ .solu_detail02 .content .swiper-slide .item{position:relative;} .solu_detail02 .content .swiper-slide .item .img_{width:63.75%;} .solu_detail02 .content .swiper-slide .item .intro{position:absolute; right:0; height:60%; width:46.8%; top:20%; padding:0.45rem 0.4rem 0.2rem; box-sizing:border-box; background:#fff; box-shadow:0px 2px 8px 2px rgba(0, 0, 0, 0.06); overflow-y:auto;} .solu_detail02 .content .swiper-slide .item .intro::-webkit-scrollbar {width:2px; height:2px;} .solu_detail02 .content .swiper-slide .item .intro::-webkit-scrollbar-thumb {border-radius:5px; background:#004ea2; } .solu_detail02 .content .swiper-slide .item .intro::-webkit-scrollbar-track {border-radius:0; background:transparent;} .solu_detail02 .content .swiper-slide .item .intro .t{font-size:0.22rem; font-weight:bold; line-height:0.25rem; margin-bottom:0.25rem; color:#222222;} .solu_detail02 .content .swiper-slide .item .intro .c{font-size:0.16rem; line-height:0.24rem; text-align:justify; color:#222222;} .solu_detail03{margin:0.8rem 0 0.6rem;} .solu_detail03 li{width:26.8%; margin-right:9.8%; float:left; margin-bottom:0.4rem;} .solu_detail03 .li03{margin-right:0;} .solu_detail03 li .top{font-size:0.36rem; line-height:0.4rem; color:#004ea2; font-weight:bold; margin-bottom:0.3rem;} .solu_detail03 li .con{border-top:1px solid #dcdcdc; font-size:0.16rem; line-height:0.3rem; color:#666666; padding-top:0.2rem; height:1.2rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;} /* 产品列表 */ .pro_list.channel-content{background:#fafafa; padding-top:0;} .pro_list01 .hd{border-bottom:1px solid #e8e8e8; padding:0.15rem 0;} .pro_list01 .hd .tab_t{display:inline-block; font-size:0.18rem; line-height:0.3rem; font-weight:bold; color:#000000; margin-right:0.5rem;} .pro_list01 .hd .item{display:inline-block; margin-right:0.35rem; padding:0 0.1rem; color:#8c8c8c; font-size:0.16rem; line-height:0.3rem; position:relative; cursor:pointer;} .pro_list01 .hd .item::after{content:''; position:absolute; left:0; width:0; bottom:-0.15rem; height:2px; background:#004ea2; transition:all .3s ease;} .pro_list01 .hd .item:hover::after{width:100%;} .pro_list01 .hd .item:hover{color:#004ea2;} .pro_list01 .hd .item.cur{color:#004ea2;} .pro_list01 .hd .item.cur::after{width:100%;} .pro_list01 .bd{margin-top:0.3rem;} .pro_list01 .bd li{float:left; width:25%; padding:0.35rem; margin-bottom:0rem;border-bottom:1px solid #e0e0e0; padding-top:0rem; box-sizing:border-box; transition:all .3s ease; overflow:hidden; position:relative;} .pro_list01 .bd li:first-child { border-left: 1px solid #e0e0e0;} .pro_list01 .bd li:first-child, .pro_list01 .bd li:nth-child(5):not(:first-child), .pro_list01 .bd li:nth-child(9):not(:first-child), .pro_list01 .bd li:nth-child(13):not(:first-child) /* 根据需要，可以继续添加更多的 :nth-child 规则 */ { border-left: 1px solid #e0e0e0; } .pro_list01 .bd li::after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#d4d4d4; transition:all .3s ease;} .pro_list01 .bd li .cont{overflow:hidden;} .pro_list01 .bd li .img_{height:2.5rem; width:100%; position:relative;} .pro_list01 .bd li .img_ img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;} .pro_list01 .bd li .words{height:1.1rem; text-align:center; position:relative; } .pro_list01 .bd li .words .box{position:absolute; bottom:-0.5rem; left:50%; transform:translateX(-50%); width:100%; transition:all .3s ease;} .pro_list01 .bd li .words .t{font-size:0.18rem; line-height:0.3rem; color:#000000; font-weight:bold; margin-bottom:0.3rem;} .pro_list01 .bd li .words .more_btns{font-size:0.14rem; line-height:0.48rem; height:0.48rem; opacity:0; width:66.1%; margin:0 auto; border:1px solid #cacaca; border-radius:5px;} .pro_list01 .bd li .words .more_btns a{position:relative; z-index:10;font-size:0.14rem; color:#000000; display:block;line-height: 0.48rem;} .pro_list01 .bd li .words .more_btns:hover a{color:#fff;} .pro_list01 .bd li:hover{background:#fff;} .pro_list01 .bd li.no_line::after{background:#fff;} .pro_list01 .bd li:hover .words .box{position:absolute; bottom:0;} .pro_list01 .bd li:hover .words .more_btns{opacity:1;} /*滚动加载*/ .load_more{text-align:center; padding-top:0.2rem;} .load_more .icon{width:34px; height:34px; background:url(brand_loading.png) no-repeat center; margin:0 auto 0.2rem; animation:turnrotate 2000ms linear infinite;} .load_more .txt{font-size:14px; color:#004ea2;} .load_more.nomore {display:none;} @keyframes turnrotate{ 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);} } /* 招聘列表 */ .recruit_detail01{} .recruit_detail01 .hd{width:9rem; margin:0 auto;} .recruit_detail01 .hd .form_box{position:relative;} .recruit_detail01 .hd .inp{width:100%; background:#F5F5F5; line-height:0.3rem; padding:0.25rem 0; border-radius:0.4rem; border:0; font-size:0.16rem; color:#666666; text-indent:0.5rem;} .recruit_detail01 .hd .btns01{position:absolute; right:0.1rem; top:50%; transform:translateY(-50%); background:#004ea2; padding:0.19rem; border-radius:50%; border:0; margin:0; outline:none; cursor:pointer;} .recruit_detail01 .hd .btns01 .icon{background:url(recruit_detail01_01.png) no-repeat center/cover; width:0.28rem; height:0.28rem; } .recruit_detail01 .bd{margin-top:0.4rem;} .recruit_detail01 .bd .title{font-size:0.42rem; line-height:0.48rem; color:#000000; padding-left:0.2rem; border-left:6px solid #004ea2;} .recruit_detail01 .bd .content{margin-top:0.4rem; } .recruit_detail01 .bd .content .tab_t_box{text-align:center;} .recruit_detail01 .bd .content .tab_t_box .tab_t{display:inline-block; cursor:pointer; font-size:0.22rem; color:#000000; margin-right:0.25rem; padding-bottom:0.2rem; line-height:1; position:relative;} .recruit_detail01 .bd .content .tab_t_box .tab_t:last-child{margin-right:0;} .recruit_detail01 .bd .content .tab_t_box .tab_t::after{content:''; position:absolute; left:50%; bottom:0; right:50%; height:3px; background:#004ea2; transition:all .5s ease;} .recruit_detail01 .bd .content .tab_t_box .tab_t:hover::after{left:0; right:0;} .recruit_detail01 .bd .content .tab_t_box .tab_t.cur::after{left:0; right:0;} .recruit_detail01 .bd .content li.j_t{box-sizing:border-box; padding:0.3rem 0.6rem; border-bottom:1px solid #EFEFEF; position:relative; z-index:10;} .recruit_detail01 .bd .content li ._un{width:16%; color:#333333; text-align:center; line-height:0.4rem; font-size:0.16rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .recruit_detail01 .bd .content li ._t1{width:25%; color:#000000; text-transform:capitalize; font-size:0.22rem;} .recruit_detail01 .bd .content li ._un._t5{width:0.2rem; padding:0.1rem 0;} .recruit_detail01 .bd .content li ._t5 .icon{width:0.16rem; height:0.2rem; background:url(recriut_detail01_jt01.png) no-repeat center/cover; transform:rotate(180deg); transition:all .3s ease;} .recruit_detail01 .bd .content li.j_t_cur{box-shadow: 0px 3px 8px 1px rgba(0,0,0,0.11); border-bottom-color:transparent; z-index:20;} .recruit_detail01 .bd .content li.j_t_cur ._t5 .icon{transform:rotate(0);} .recruit_detail01 .bd .content li.j_c {height:auto; line-height:1.5; background:#F7F7F7; display:none;} .recruit_detail01 .bd .content .j_c .j_c_box .intro{padding:0.4rem 0.6rem;} .recruit_detail01 .bd .content .j_c .j_c_box .intro .text {color:#000000; line-height:0.3rem; font-size:0.16rem; position:relative;} .recruit_detail01 .bd .content .j_c .j_c_box .intro .text .tit{font-size:0.24rem; margin-bottom:0.2rem; font-weight:bold;} .recruit_detail01 .bd .content .j_c .j_c_box .intro .text .t{font-size:0.18rem; line-height:0.2rem; margin-bottom:0.2rem; font-weight:bold;} .recruit_detail01 .bd .content .j_c .j_c_box .intro .tips{font-size:0.18rem; margin-top:0.3rem; color:#939393; font-weight:bold; padding-bottom:0.5rem; border-bottom:1px solid #E0E0E0;} .recruit_detail01 .bd .content li.j_c.no_line{border-bottom-color:transparent;} .recruit_detail01 .bd .content .j_c .j_c_box .btns_box{margin-top:0.5rem;} .recruit_detail01 .bd .content .j_c .j_c_box .btns_box .con{font-size:0.24rem; color:#000000; line-height:0.3rem; font-weight:bold; margin-bottom:0.2rem;} .recruit_detail01 .bd .content .j_c .j_c_box .btns_box .item{padding:0.3rem 0 0.25rem; border-bottom:1px solid #E0E0E0;} .recruit_detail01 .bd .content .j_c .j_c_box .btns_box .item:last-child{border-bottom:0; padding-bottom:0;} .recruit_detail01 .bd .content .j_c .j_c_box .btns_box .btn_{text-align:center; width:2rem; font-size:0.16rem; line-height:0.6rem; border-radius:4px; display:inline-block;} .recruit_detail01 .bd .content .j_c .j_c_box .btns_box .btn01{background:#D6D6D6; color:#000000; overflow:hidden;} .recruit_detail01 .bd .content .j_c .j_c_box .btns_box .btn01 .icon{width:0.29rem; height:0.31rem; background:url(recruit_detail01_03.png) no-repeat center/cover; display:inline-block; vertical-align:middle; margin-right:0.1rem;} .recruit_detail01 .bd .content .j_c .j_c_box .btns_box .c{font-size:0.18rem; color:#939393; margin-left:0.25rem; vertical-align:bottom; display:inline-block;} .recruit_detail01 .bd .content .j_c .j_c_box .btns_box .btn02{color:#fff; background:#0E2976; outline:none; padding:0; border:none;} .recruit_detail01 .bd .content .j_c .j_c_box .contact_box{background:#F2F3F4; padding:0.6rem 0.1rem; text-align:center;} .recruit_detail01 .bd .content .j_c .j_c_box .contact_box .item{margin-right:0.6rem; display:inline-block;} .recruit_detail01 .bd .content .j_c .j_c_box .contact_box .item:last-child{margin-right:0;} .recruit_detail01 .bd .content .j_c .j_c_box .contact_box .item>div{display:inline-block; vertical-align:middle;} .recruit_detail01 .bd .content .j_c .j_c_box .contact_box .item .words{margin-left:0.05rem; font-size:0.18rem; line-height:0.3rem; color:#939393;} /* 产品详情 */ .channel-content.pro_detail{padding-bottom:0;} .pro_detail01{padding-bottom:0.4rem;} .pro_detail01 .intro{position:relative;} .pro_detail01 .intro .tit{font-size:0.42rem; color:#000; font-weight:bold; text-align:center;} .pro_detail01 .intro .tabs_box{position:relative; z-index:1;} .pro_detail01 .intro .tabs_box{margin-top:0.4rem;} .pro_detail01 .intro .tabs_box .item{float:left; width:20%; text-align:center; cursor:pointer;} .pro_detail01 .intro .tabs_box .item .txt{position:relative; top:0.65rem; font-size:0.16rem; color:#000; margin-bottom:0.65rem; transition:all .5s ease;} .pro_detail01 .intro .tabs_box .item.cur .txt{top:0;} .pro_detail01 .intro .tabs_box .item .dot{position:relative; display:inline-block; width:0.06rem; height:0.06rem; border-radius:50%; background:#a9a9a9; transition:all .5s ease;} .pro_detail01 .intro .tabs_box .item .dot::after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.2rem; height:0.2rem; border-radius:50%; background:#004ea2; opacity:0; transition:all .5s ease;} .pro_detail01 .intro .tabs_box .item.cur .dot{background:#004ea2;} .pro_detail01 .intro .tabs_box .item.cur .dot::after{opacity:0.3;} .pro_detail01 .intro .car_box{position:absolute; bottom:0.3rem; left:0; transform:translateX(-50%); opacity:0;} .pro_detail01 .intro .dots_line{position:absolute; bottom:0.08rem; left:0; right:0; height:2px; background:#d4d4d4;} .pro_detail01 .intro .dots_line .active_line{position:absolute; left:0; top:0; bottom:0; width:0; background:#2e4b8a;} .pro_detail01 .content{margin-top:0.2rem;} .pro_detail01 .content .rect-26{padding-bottom:26.875%;} .pro_detail01 .content .swiper-slide{background:#fff;} .pro_detail01 .content .swiper-slide .txt_box{padding:0.4rem 0.6rem;} .pro_detail01 .content .swiper-slide .txt_box .tit{font-size:0.3rem; font-weight:bold; color:#000;} .pro_detail01 .content .swiper-slide .txt_box .con{font-size:0.16rem; color:rgba(0, 0, 0, 0.7); margin-top:0.16rem;} .pro_detail02{background:#f8f8f8; padding-top:0.5rem;} .pro_detail02 .wrap{position:relative;} .pro_detail02 .left{float:left; width:47%;} .pro_detail02 .left .swiper-slide{background:#f8f8f8;} .pro_detail02 .left .swiper-pagination{position:static;} .pro_detail02 .left .swiper-pagination-bullet-active{background:#004ea2;} .pro_detail02 .right{position:absolute; right:0; top:0; bottom:0; left:50%;} .pro_detail02 .right .intro{position:absolute; top:50%; left:0; right:0; transform:translateY(-50%);} .pro_detail02 .right .intro .tit{font-size:0.42rem; font-weight:bold; color:#000; line-height:0.5rem;} .pro_detail02 .right .intro .con{font-size:0.16rem; color:rgba(0, 0, 0, 0.7); margin-top:0.3rem;} .pro_detail03{background:#f8f8f8; padding-bottom:0.8rem; padding-top:0.6rem;} .pro_detail03 .nums{width:90%; margin:0 auto;} .pro_detail03 .item{float:left; width:25%; text-align:center; margin-bottom:0.4rem;} .pro_detail03 .item .inner_box{display:inline-block; text-align:left; width:95%;} .pro_detail03 .item .tit{font-size:0.28rem; font-weight:bold; color:#004ea2; padding-bottom:0.1rem; border-bottom:1px solid #e8e8e8;} .pro_detail03 .item .con{font-size:0.2rem; font-weight:bold; color:#666; margin-top:0.1rem;} .pro_detail04{padding:0.9rem 0;} .pro_detail04 .files .item{border-bottom:1px solid #e8e8e8; padding:0.3rem 2.5rem 0.3rem 2rem;} .pro_detail04 .files .item:first-child{border-top:1px solid #e8e8e8;} .pro_detail04 .files .item .item_l{position:relative; float:left; width:2rem; margin-left:-100%; right:2rem; text-align:center;} .pro_detail04 .files .item .item_c{float:left; width:100%; border-left:1px solid #e8e8e8;} .pro_detail04 .files .item .item_r{float:left; width:2.5rem; margin-right:-2.5rem;} .pro_detail04 .files .item .icon{line-height:0.5rem;} .pro_detail04 .files .item .icon img{vertical-align:middle;} .pro_detail04 .files .item .tit{font-size:0.18rem; line-height:0.5rem; color:#004ea2; padding-left:0.64rem; padding-right:0.3rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .pro_detail04 .files .item .download_btn{font-size:0.18rem; color:#004ea2; line-height:0.5rem; padding-right:0.2rem; border-right:1px solid #e8e8e8;} .pro_detail04 .files .item .download_btn img{vertical-align:middle; margin-right:0.16rem;} .pro_detail04 .files .item .preview_btn{font-size:0.18rem; color:#004ea2; line-height:0.5rem; padding-left:0.2rem;} .pro_detail04 .files .item .preview_btn img{vertical-align:middle; margin-right:0.16rem;} .pro_detail05 .infor .tabs{text-align:center;} .pro_detail05 .infor .tabs .item{position:relative; display:inline-block; font-size:0.2rem; cursor:pointer; font-weight:bold;color:#666; margin-right:0.4rem; transition:all .5s ease;} .pro_detail05 .infor .tabs .item::after{content:""; position:absolute; left:50%; bottom:-0.16rem; height:0.03rem; width:0.16rem; margin-left:-0.08rem; background:#004ea2; opacity:0; visibility:hidden; transition:all .5s ease;} .pro_detail05 .infor .tabs .item:last-child{margin-right:0;} .pro_detail05 .infor .tabs .item.cur{color:#004ea2;} .pro_detail05 .infor .tabs .item.cur::after{opacity:1; visibility:visible;} .pro_detail05 .content{margin-top:0.76rem;} .pro_detail05 .content .grid{display:none;} .pro_detail05 .content .grid.cur{display:block;} .pro_detail05 .content .grid .grid-sizer, .pro_detail05 .content .grid .grid-item{width:24.25%; margin-bottom:1%;} .pro_detail05 .content .grid .gutter-sizer{width:1%;} .pro_detail05 .content .grid .grid-item img{width:100%;} .xc_crumbs{background:#fff; box-shadow: 0px 1px 8.82px 0.18px rgba(27, 35, 39, 0.06);} .xc_crumbs .crumbs{float:right;} .xc_crumbs .crumbs .item{display:inline-block; line-height:0.7rem; font-size:0.16rem; color:#333; margin-left:0.6rem;} .xc_crumbs .crumbs .item>a{display:block; transition:all .5s ease;} .xc_crumbs .crumbs .item>a:hover{font-weight:bold;} .xc_crumbs .crumbs .item.cur>a{color:#004ea2; font-weight:bold;} .xc_crumbs .crumbs .item:first-child{margin-left:0;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:#004ea2;} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:#004ea2;} body .resultArea .infor .tit span{color:#004ea2;} body .resultArea #botBtn a::before{background:#004ea2;} .about_us03 .timeline .item{margin-right:0;} .about_us03 .timeline .swiper-container{width:80%;} .about_us03 .content .swiper-slide{height:auto;} .ipart03 .item::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#004ea2; opacity:0.2; z-index:8;} .ipart03 .item.on::after{display:none;} /* 分页-新 */ .fenye{text-align:center; margin-top:0.5rem;} .fenye .page_box{font-size:0;} .fenye .page_box a, .fenye .page_box span{display:inline-block; vertical-align:middle; font-size:0.16rem; color:#888888; line-height:0.4rem; width:0.4rem; background:#F7F7F7; border:1px solid #EDEDED; margin:0 8px; transition:all .4s ease;} .fenye .page_box span{background:#004ea2; color:#fff; border-color:#004ea2;} .fenye .page_box a:hover{background:#004ea2; color:#fff; border-color:#004ea2;} .fenye .page_box a.page{width:0.6rem;} .fenye .page_box a.page.disable{opacity:0.8; } .fenye .page_box a.page.disable:hover{background:#F7F7F7; border:1px solid #EDEDED; color:#888888;} .fenye .page_box span.sl{background:#F7F7F7; border:1px solid #EDEDED; color:#888888;} .fenye .page_box span.sl:hover{background:#F7F7F7; border:1px solid #EDEDED; color:#888888;} /* 招聘第一部分 */ .recruit01 .content01{margin-top:0.6rem; font-size:0; text-align:center;} .recruit01 .content01 li{display:inline-block; margin-bottom:0.2rem;} .recruit01 .content01 .t{font-size:0.16rem; line-height:0.3rem; margin-top:0.1rem;} .ecologyJS05 .infor .con{width:100%; box-sizing:border-box; text-align:justify;} .float-cursor{position:fixed; top:0; left:0; z-index:40; margin-left:-53px; margin-top:-22px; pointer-events:none; display:none;} .recruit01 .content01 li img{width:0.73rem;} /* 投资者关系 */ .channel-content.invest{padding:0; background:#FBFBFB;} .invest01{background:#F8F8F8; padding:0.7rem 0 0.5rem;} .invest .title{text-align:center; font-size:0.42rem; font-weight:bold; line-height:0.5rem; margin-bottom:0.5rem; color:#000;} .invest01 .content{position:relative;} .invest01 .content .left{width:15.5%; float:left;} .invest01 .content .left .top li{position:relative; font-size:0; padding-bottom:0.2rem; width:2.3rem; cursor:pointer; margin-bottom:0.3rem;} .invest01 .content .left .top li::after{content:''; position:absolute; bottom:0; width:100%; height:1px; left:0; background:#F0F4F9;} .invest01 .content .left .top li::before{content:''; position:absolute; bottom:0; width:0; height:2px; left:0; background:#004ea2; transition:all .3s ease;} .invest01 .content .left .top li .t{font-size:0.22rem; line-height:0.3rem; color:#888888; padding-left:0.2rem; box-sizing:border-box; width:calc(100% - 0.2rem); display:inline-block; vertical-align:middle; position:relative;} .invest01 .content .left .top li .t::before{content:''; position:absolute; left:0; top:50%; width:7px; height:7px; border-radius:50%; background:#888888; margin-top:-3px; transition:all .3s ease;} .invest01 .content .left .top li .jt{width:0.18rem; height:0.14rem; background:url(invest01_jt01.png) no-repeat center/cover; display:inline-block; vertical-align:middle;} .invest01 .content .left .top li:hover::before{width:100%;} .invest01 .content .left .top li:hover .t{color:#004ea2;} .invest01 .content .left .top li:hover .t::before{background:#004ea2;} .invest01 .content .left .top li:hover .jt{background:url(invest01_jt02.png) no-repeat center/cover;} .invest01 .content .left .top li.cur::before{width:100%;} .invest01 .content .left .top li.cur .t{color:#004ea2;} .invest01 .content .left .top li.cur .t::before{background:#004ea2;} .invest01 .content .left .top li.cur .jt{background:url(invest01_jt02.png) no-repeat center/cover;} .invest01 .content .bott{position:absolute; bottom:1.2rem; left:0; } .invest01 .content .bott .intro{padding-left:0.45rem; position:relative; font-size:0.18rem; color:#333333; line-height:0.3rem;} .invest01 .content .bott .intro::before{content:''; position:absolute; left:0.07rem; top:0.06rem; background:url(invest01_l01.png) no-repeat center/cover; width:0.19rem; height:0.18rem;} .invest01 .content .bott .intro .t{font-weight:bold; margin-bottom:0.2rem;} .invest01 .content .right{width:67.5%; float:right; } .invest01 .content .right .box{background:#fff; border-radius:0.2rem; padding:0.46rem 0.4rem 0.42rem 0.56rem; /*height:5.56rem;*/ box-sizing:border-box;} .invest01 .content .right .words{font-size:0.16rem; line-height:0.3rem; color:#222222;} .invest01 .content .right .nav_box{margin-top:0.3rem; text-align:center; font-size:0;} .invest01 .content .right .nav_box>div{display:inline-block; position:relative; cursor:pointer; outline:none; left:auto; background:#fff; right:auto; top:0; margin-top:0; width:0.6rem; height:0.6rem; border-radius:50%; border:1px solid #004ea2; } .invest01 .content .right .nav_box .swiper-button-prev{margin-right:0.2rem;} .invest01 .content .right .nav_box>div::after{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url(invest01_r_jt01.png) no-repeat center/cover; width:0.18rem; height:0.14rem;} .invest01 .content .right .nav_box .swiper-button-next::after{transform:translate(-50%,-50%) rotate(180deg);} .invest01 .content .right .nav_box>div.swiper-button-disabled{border-color:#EAEAEA; opacity:1;} .invest01 .content .right .nav_box>div.swiper-button-disabled::after{opacity:0.5;} .invest01 .content .right .nav_box>div:hover{background:#004ea2; } .invest01 .content .right .nav_box>div:hover::after{background:url(invest01_r_jt02.png) no-repeat center/cover;} .invest02{margin-top:0.8rem;} .invest .invest02 .title{margin-bottom:0;} .invest02 .content{position:relative;} .invest02 .content .left{padding-top:0.5rem; width:52.2%; float:left;} .invest02 .content .left .box .t{font-size:0.16rem; line-height:0.3rem; color:#888888; text-align:justify;} .invest02 .content .right{width:27.875%; float:left; margin-left:13.625%;} .invest02 .content .right .circle{border:1px solid #004ea2; border-radius:50%; position:relative;} .invest02 .content .right .circle .box{position:absolute; top:29%; right:7.4%; width:auto; } .invest02 .content .right .circle .box .t{text-align:right; font-size:0.21rem; line-height:0.3rem; color:#004ea2; margin-right:8%; margin-top:0.15rem;} .invest02 .content .scroll_down{position:absolute; right:0; bottom:0; left:auto;} .invest02 .content .scroll_down .line:before{background:#004ea2;} .invest02 .content .scroll_down .line:after{background:#819CE3;} .invest02 .content .right .circle .box .img_{position:relative; width:5rem; transition:all .4s ease;} .invest02 .content .right .circle:hover .box .img_{position:relative; animation:doudong 0.6s;} @keyframes doudong{ 0% { margin-right:0; } 25% { margin-right:10px; } 50% { margin-right:5px; } 75% { margin-right:10px; } 100% { margin-right:0; } } .invest03{margin-top:0.8rem;} .invest03 .title{margin-bottom:0.6rem;} .invest03 .content{text-align:center; font-size:0;} .invest03 .content li{display:inline-block; position:relative; border-radius:4px; margin-bottom:0.3rem; width:18.5%; height:1.2rem; margin-right:1.875%; border:1px solid #E1E3E6; box-sizing:border-box; transition:all .3s ease;} .invest03 .content li:nth-child(5n){margin-right:0;} .invest03 .content li:last-child{margin-right:0;} .invest03 .content li .img_{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; max-height:90%;} .invest03 .content li:hover{box-shadow:0px 3px 6px 1px rgba(0,0,0,0.08);} .invest04{margin-top:0.8rem;} .invest04 .content li{float:left; width:32%; margin-right:2%; background:#F4F4F4; padding:0.2rem; box-sizing:border-box; position:relative; transition:all .4s ease;} .invest04 .content li:nth-child(3n){margin-right:0;} .invest04 .content li .rect-4228{padding-bottom:42.28%;} .invest04 .content li .words{margin-top:0.3rem; margin-bottom:0.2rem;} .invest04 .content li .words .tit{font-size:0.22rem; line-height:0.3rem; color:#000;} .invest04 .content li .words .con{padding-left:0.2rem; position:relative; font-size:0.16rem; line-height:0.3rem; color:#80817F; margin-top:0.15rem;} .invest04 .content li .words .con::before{content:''; position:absolute; left:0; top:0.06rem; width:0.11rem; height:0.15rem; background:url(invest04_02.png) no-repeat center/cover; } .invest04 .content li:hover{margin-top:-0.25rem; margin-bottom:0.25rem;} .invest05{margin-top:0.8rem; position:relative;} .invest05 .bg01{height:0.81rem; position:relative; } .invest05 .bg01 img{position:absolute; width:19.2rem; height:100%; left:50%; top:50%; transform:translate(-50%,-50%); max-width:none;} .invest05 .words{text-align:center; position:absolute; left:0; width:100%; top:50%; transform:translate(0,-50%); color:#000000; font-size:0.2rem; line-height:0.2rem;} .invest05 .words span{display:inline-block; font-size:0; vertical-align:middle; margin:0 0.15rem;} .invest05 .words span .img01{display:block;} .invest05 .words span .img02{display:none;} /* .invest05 .words:hover span .img02{display:block;} .invest05 .words:hover span .img01{display:none;} */ /* 20230207 */ .invest01 .content .right .words ul{padding-left:0.2rem;} .about_us03 .content .swiper-slide .detail .item_d .txt{height:auto; margin-bottom:0.1rem;} .about_us03 .content .swiper-slide .detail .item_d:first-child .txt{height:0.84rem; margin-bottom:0.1rem; text-align:justify;} .invest03 .content li{background:#fff; border-color:#fff;} /* 20230216 */ .header .wrap, .ipart .wrap, .footer .wrap{padding:0;} /* Banner交互视频 */ .ibanner .swiper-slide .hs_box{position:relative; height:100%; overflow:hidden;} .ibanner .swiper-slide .hs_box .video_item{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); background:#fff;} .ibanner .swiper-slide .hs_box .video_item .bg_layer{position:relative; height:0; padding-bottom:50%; z-index:0; transition:filter .8s ease; filter:saturate(1);} .ibanner .swiper-slide .hs_box .video_item .bg_layer .poster, .ibanner .swiper-slide .hs_box .video_item .bg_layer video{position:absolute; display:block; top:0; left:0; width:100%; height:100%;} .ibanner .swiper-slide .hs_box .video_item .bg_layer video{z-index:1;} .ibanner .swiper-slide .hs_box .video_item .bg_layer .poster{z-index:0;} /* .ibanner .swiper-slide .hs_box .video_item .clip_layer{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; transition:all .8s ease; -webkit-backdrop-filter:grayscale(0); backdrop-filter:grayscale(0); clip-path:url(#hotspot_clip); background:rgba(0,0,0,0);} */ .ibanner .swiper-slide .hs_box .video_item .clip_layer{display:none;} .ibanner .swiper-slide .hs_box .video_item .clip_layer canvas{display:none;} .ibanner .swiper-slide .hs_box .video_item .clip_layer .poster{display:none;} .ibanner .swiper-slide .hs_box .video_item.active .bg_layer{filter:saturate(1.5);} .ibanner .swiper-slide .hs_box .video_item.active.active_bright .bg_layer{filter:saturate(1.5);} /* .ibanner .swiper-slide .hs_box .video_item.active .clip_layer{-webkit-backdrop-filter: grayscale(0.6) brightness(0.8); backdrop-filter: grayscale(0.6) brightness(0.8); } .ibanner .swiper-slide .hs_box .video_item.active.active_bright .clip_layer{-webkit-backdrop-filter: grayscale(0.6) brightness(0.6); backdrop-filter: grayscale(0.6) brightness(0.6); } */ .ibanner .swiper-slide .hs_box .video_item .svg_layer{position:absolute; top:0; left:0; right:0; bottom:0; z-index:2;} .ibanner .swiper-slide .hs_box .video_item .svg_layer svg{width:100%; height:100%;} .ibanner .swiper-slide .hs_box .video_item .svg_layer .hotspot{cursor:pointer; fill:transparent; /*stroke:#ccc; stroke-opacity:0; stroke-width:1px; filter:blur(0px); transition:all .6s ease;*/} .ibanner .swiper-slide .hs_box .video_item .svg_layer .hotspot:hover{/*stroke-opacity:1;*/ /*transform:scale(1);*/} .ibanner .swiper-slide .hs_box .video_item .svg_layer #hotspot_ie_mask{display:none; fill:#000; opacity:0; visibility:hidden; pointer-events:none; transition:all .8s ease;} /* .ibanner .swiper-slide .hs_box .video_item.ie_item .svg_layer #hotspot_ie_mask{display:block;} .ibanner .swiper-slide .hs_box .video_item.ie_item.active .svg_layer #hotspot_ie_mask{opacity:0.6; visibility:visible;} */ .ibanner .swiper-slide .hs_box .video_item .svg_layer #hotspot_ie_mask{display:block;} .ibanner .swiper-slide .hs_box .video_item.active .svg_layer #hotspot_ie_mask{opacity:0.3; visibility:visible;} .ibanner .swiper-slide .hs_box .video_item.active.active_bright .svg_layer #hotspot_ie_mask{opacity:0.4; visibility:visible;} .ibanner .swiper-slide .hs_box .video_item .info_layer{position:absolute; top:0; left:0; right:0; bottom:0; z-index:3; pointer-events:none;} .ibanner .swiper-slide .hs_box .video_item .info_layer .info{position:absolute; font-size:0; transform-style:preserve-3d;} .ibanner .swiper-slide .hs_box .video_item .info_layer .info .dot{position:relative; display:inline-block; width:0.2rem; height:0.2rem; border-radius:50%; background:#2f57d0;} /* .ibanner .swiper-slide .hs_box .video_item .info_layer .info .dot span{position:relative; z-index:1; display:inline-block;} */ .ibanner .swiper-slide .hs_box .video_item .info_layer .info .dot::before, .ibanner .swiper-slide .hs_box .video_item .info_layer .info .dot::after, .ibanner .swiper-slide .hs_box .video_item .info_layer .info .dot span{content:""; position:absolute; width:0.6rem; height:0.6rem; border-radius:50%; background:#2f57d0; opacity:0; top:50%; left:50%; margin-top:-0.3rem; margin-left:-0.3rem; will-change: transform;} .ibanner .swiper-slide .hs_box .video_item .info_layer .info.ani .dot::before{-moz-animation: ripple 2s ease 0s infinite; animation:ripple 2s ease 0s infinite;} .ibanner .swiper-slide .hs_box .video_item .info_layer .info.ani .dot::after{-moz-animation: ripple 2s ease 0.5s infinite; animation:ripple 2s ease 0.5s infinite;} .ibanner .swiper-slide .hs_box .video_item .info_layer .info.ani .dot span{-moz-animation: ripple 2s ease 1s infinite; animation:ripple 2s ease 1s infinite;} .ibanner .swiper-slide .hs_box .video_item .info_layer .info .panel{position:absolute; left:0.5rem; top:50%; margin-top:-0.2rem; overflow:hidden; pointer-events: all;} .ibanner .swiper-slide .hs_box .video_item .info_layer .info .panel a{display:inline-block; opacity:0.2; visibility:hidden; transition:all .5s ease; line-height:0.4rem; white-space:nowrap; padding:0 0.5rem; border-radius:0.25rem; font-size:0.18rem; font-weight:bold; color:#fff; background: rgba(47, 87, 208, 0.9); transform:translateX(-100%);} .ibanner .swiper-slide .hs_box .video_item .info_layer .info.active .panel a{transform:translateX(0); opacity:1; visibility:visible;} @-moz-keyframes ripple{ 0%{ opacity:1; -moz-transform: scale(0); transform:scale(0); } 95%{ opacity:0; -moz-transform: scale(1); transform:scale(1); } 100%{ opacity:0; -moz-transform: scale(0); transform:scale(0); } } @keyframes ripple{ 0%{ opacity:1; -moz-transform: scale(0); transform:scale(0); } 95%{ opacity:0; -moz-transform: scale(1); transform:scale(1); } 100%{ opacity:0; -moz-transform: scale(0); transform:scale(0); } } /* 应用场景 */ .pro_detail05{display:none;} /* 搜索页面 */ body .resultArea .content_form .piclist_area .rect-695 img{height:auto; width:auto; top:50%; left:50%; transform:translate(-50%,-50%); max-height:100%;} body .resultArea .content_form .piclist_area .srchList li{border-right:1px solid #d4d4d4; box-sizing:border-box;} body .resultArea .content_form .piclist_area .srchList li .intro .t{font-size:0.18rem; font-weight:bold;} /* 按钮边框问题 */ .search-alert .form_box .btns, .footer .f_center .c_left .form_box .btns{outline:none;} .swiper-button-lock{display:none!important;} .about_us03 .content .swiper-slide .detail.liheight{overflow-y:auto; height:3rem; scrollbar-width:thin; scrollbar-color:rgb(10, 39, 127) rgba(0, 0, 0, 0); padding-right:2%; width:98%;} .about_us03 .content .swiper-slide .detail.liheight::-webkit-scrollbar{display:block; width:0.03rem; } .about_us03 .content .swiper-slide .detail.liheight::-webkit-scrollbar-thumb{ background:#004ea2;} .about_us03 .content .swiper-slide .detail.liheight::-webkit-scrollbar-track{opacity:0;} .pro_detail03 .item .tit{line-height:0.3rem; height:0.35rem; overflow:hidden;} /* 产品详情页面固定面包屑 */ .xc_crumbs.fixed{position:fixed; width:100%; left:0; z-index:20;} .about_us01 .left .nums{margin-left:-5%;} .about_us01 .left .nums .item .tit .unit{width:auto;} .invest01 .content .bott .intro::before{width:20px; height:20px;} .news_center01 .hd{display:none;} .service01 .bd li .right{padding-left:0;} .service01 .bd li .right .item_r{width:2.7rem; } .service01 .bd li .right .icon{line-height:0.5rem;} .service01 .bd li .right .icon img{vertical-align:middle;} .service01 .bd li .right .tit{font-size:0.18rem; line-height:0.5rem; color:#004ea2; padding-left:0.4rem; padding-right:0.3rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .service01 .bd li .right .download_btn{font-size:0.18rem; color:#004ea2; line-height:0.5rem; padding-right:0.2rem; border-right:1px solid #e8e8e8;} .service01 .bd li .right .download_btn img{vertical-align:middle; margin-right:0.16rem;} .service01 .bd li .right .preview_btn{font-size:0.18rem; color:#004ea2; line-height:0.5rem; padding-left:0.2rem;} .service01 .bd li .right .preview_btn img{vertical-align:middle; margin-right:0.16rem;} .ibanner .swiper-pagination .swiper-pagination-bullet{width:2.4rem;} .ibanner .swiper-pagination-bullet-active .timer, .ibanner .swiper-pagination-bullet .timer{width:2.4rem;} .ibanner .swiper-pagination .swiper-pagination-bullet .tit{font-size:0.18rem; font-weight:bold;} .ibanner .swiper-container::after{content:""; position:absolute; bottom:0; left:0; right:0; height:2rem; background:linear-gradient(to top, rgba(0,0,0,0.5), transparent); z-index:1;} .ibanner .widgets .wrap{z-index:2;} .ibanner .swiper-pagination .swiper-pagination-bullet .tit{opacity:0.8;} .ibanner .swiper-pagination .swiper-pagination-bullet:first-child .tit{opacity:0!important;} /*隐藏文字*/ /*.ibanner .swiper-slide .intro_box .tit{opacity:0!important;}*/ .ecologySY01 {display: none;} .ecologySY.channel-content{padding:0;} /* 投资者 */ .invest05{overflow:hidden;} .invest06{margin-top:0.8rem; display:none;} .invest .invest06 .title{margin-bottom:0.2rem;} .invest06 .li_{height:1.04rem; line-height:1.04rem; border-bottom:1px solid #e1e8ed; transition:all 0.5s ease;} .invest06 .li_:hover{background-color:#eef2f5; border-color:#eef2f5;} .invest06 .li_.cur{background-color:#eef2f5; border-color:#eef2f5;} .invest06 .li_ .date{width:9.3%; height:100%; padding-right:2.9%; font-family:'Arial'; text-align:right; color:#333333;} .invest06 .li_ .date .center_box{display:inline-block; vertical-align:middle;} .invest06 .li_ .date span{display:block; padding-right:3px; font-size:0.16rem; line-height:0.2rem;} .invest06 .li_ .date strong{display:block; font-size:0.3rem; line-height:0.32rem; font-weight:normal;} .invest06 .li_ .titl{ width:57%; padding-right:3%; font-size:0.18rem; font-weight:normal;} .invest06 .li_ .titl a{color:#333333; display:block;} .invest06 .li_ .item_btn{width:10%; height:100%; padding-left:0; font-size:0.18rem; color:#666666; line-height:1.04rem; background-position:center left; background-repeat:no-repeat; margin-right:1%;} .invest06 .li_:hover .date, .invest06 .li_:hover .item_btn{ color:#004ea2;} .invest06 .li_:hover .titl a{ color:#004ea2;} /* 社会责任 */ .responsive03{margin-top:0.8rem; margin-bottom:0.4rem; display:block;} .responsive03 .title{font-size:0.4rem; line-height:0.5rem; font-weight:bold; text-transform:uppercase; margin-bottom:0.4rem;} .responsive03 .content .owl-stage-outer{width:100%;padding-right:0.3rem;} .responsive03 .content .owl-item{box-sizing:border-box; padding:0.3rem 0.5rem; margin:0.1rem 0 0.22rem; transition:all .5s ease;} .responsive03 .content .owl-item{border-right:1px solid #e5e5e5;} .responsive03 .content .owl-item:first-child{border-left:1px solid #e5e5e5;} .responsive03 .content .owl-item:last-child{border-right:1px solid #e5e5e5;} .responsive03 .content .item .item_box{position:relative; display:block; padding-bottom:0.25rem; transition:all .5s ease;} .responsive03 .content .item .item_box::before{content:""; position:absolute; width:100%; height:1px; left:0; bottom:0; background:#e5e5e5; z-index:1;} .responsive03 .content .item .item_box::after{content:""; position:absolute; width:0; height:1px; left:0; bottom:0; background:#004ea2; z-index:2; transition:all .5s ease;} .responsive03 .content .item .item_box img{width:auto;} .responsive03 .content .item .item_box .tit{margin-top:0.25rem; margin-bottom:0.2rem; font-size:0.2rem; line-height:0.3rem; font-weight:bold;} .responsive03 .content .item .item_box .con{text-align:justify; line-height:0.28rem; font-size:0.16rem; color:#666666; height:0.84rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .responsive03 .content .item .item_box .more_box{position:relative; margin-top:0.6rem; line-height:0.44rem; color:#004ea2; box-sizing:border-box;transition:all 0.5s ease;} .responsive03 .content .item .item_box .more{position:relative; border:1px solid #004ea2; border-radius:5px; padding-left:0.25rem; padding-right:0.08rem; line-height:0.44rem; color:#004ea2; box-sizing:border-box; display:inline-block; margin-right:.1rem; transition:all 0.5s ease;} .responsive03 .content .item .item_box .more i{line-height:0.44rem; margin-left:0.2rem;} .responsive03 .content .owl-item:hover{box-shadow: 15px 9px 14px 2px rgba(110, 117, 129, .18);} .responsive03 .content .owl-item:hover .item .item_box::after{width:100%;} .responsive03 .content .owl-item .item .item_box .more:hover{background:#004ea2; color:#ffffff;} .responsive03 .content.one .owl-carousel .owl-stage{width:100% !important;} .responsive03 .content.one .owl-carousel .owl-stage .owl-item{width:100% !important; padding:0; border:0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .responsive03 .content.one .owl-carousel .owl-stage .owl-item .logo{display:none;} .responsive03 .content.one .owl-carousel .owl-stage .owl-item .tit_box{width:81%; padding:0; box-sizing:border-box; display:inline-block; position:absolute; left:0; top:50%; transform:translateY(-50%); display:flex; align-items:center;} .responsive03 .content.one .item .item_box{padding-bottom:0; border:0; position:relative; height:1.5rem;} .responsive03 .content.one .item .item_box .tit{display:inline-block; vertical-align:middle; margin:0; min-width:30%; text-align:center;} .responsive03 .content.one .item .item_box .con{display:inline-block; vertical-align:middle; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; -webkit-line-clamp:2; height:0.56rem; padding:0.27rem 6%; } .responsive03 .content.one .item .item_box .more_box{margin:0; position:absolute; right:0; top:50%; transform:translateY(-50%);} .responsive03 .content.one .owl-item:hover .item .item_box::after{width:0;} .responsive03 .content.three .owl-carousel .owl-stage{width:100% !important;} .responsive03 .content.three .owl-item{width:33.33% !important;} .responsive03 .content.two .owl-carousel .owl-stage{width:100% !important;} .responsive03 .content.two .owl-item{width:50% !important;} .responsive03 .owl-prev{position:absolute; left:-0.5rem; top:50%; transform:translate(0,-50%); transition:all 0.5s ease;} .responsive03 .owl-next{position:absolute; right:-0.5rem; top:50%; transform:translate(0,-50%); transition:all 0.5s ease;} .responsive03 .owl-prev i, .responsive03 .owl-next i{font-size:1.8em;} .responsive03 .owl-prev:hover{color:#004ea2;} .responsive03 .owl-next:hover{color:#004ea2;} /* 首页右侧客服按钮 */ .right_nav{position:fixed; right:0; bottom:10vh; z-index:5;} .right_nav .rightNav_btn{width:77px; height:57px; background:#9f9f9f; text-align:center; color:#fff; font-size:14px; padding-top:8px; box-sizing:border-box; transition:all 0.5s ease; cursor:pointer;} .right_nav .rightNav_btn .iconfont{font-size:.2rem; margin:0; line-height:1; } .right_nav .nav_form{position:absolute; display:none; bottom:0; left:0; transform:translateX(-110%); width:5.8rem; box-shadow:0 0 9px 3px rgba(0, 0, 0, 0.1);} .right_nav .nav_form .close_btn{position:absolute; right:.3rem; top:.25rem; font-size:.2rem; color:#000; font-weight:bold; margin:0; cursor:pointer; line-height:1;} .right_nav .nav_form .box{padding:0.4rem 0.5rem; background:#fff;} .right_nav .nav_form .box .tit{font-size:0.38rem; line-height:1; font-weight:bold;} .right_nav .nav_form .box .form{margin-top:0.1rem;} .right_nav .nav_form .box .form .inp_box{border-bottom:1px solid #e9e9e9; padding:0.2rem 0 0.15rem; } .right_nav .nav_form .box .form i{display:inline-block; vertical-align:middle;} .right_nav .nav_form .box .form .inp_box input{vertical-align:middle; line-height:0.3rem; font-size:0.18rem; color:#666666; padding:0; padding-left:0.2rem; border:none; width:calc(100% - 0.6rem);} .right_nav .nav_form .box .form .bott>div{float:left;} .right_nav .nav_form .box .form .bott .box01{width:26.6%; margin-right:1.4%;} .right_nav .nav_form .box .form .bott .yzm_box{width:72%; padding:0.1rem 0;} .right_nav .nav_form .box .form .bott .yzm_box img{width:41.6%; height:0.6rem;} .right_nav .nav_form .box .form .bott .more_btn{height:0.5rem; line-height:0.5rem; cursor:pointer; outline:none; margin-top:0.1rem; border:none; background:#eeeeee; text-align:center; border-radius:0.25rem; font-size:0.2rem; color:#666666; width:34%; padding:0;} .right_nav .nav_form .box .form .bott .more_btn i{color:#999999; font-size:0.2rem; margin:0; padding:0; vertical-align:baseline; padding-left:0.2rem;} .right_nav .nav_form .box .form .bott .more_btn:hover{color:#000000; background:#e2e1e1;} .right_nav .nav_form .box .form .bott .more_btn:hover i{color:#000000;}