/* * 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(../img/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /* 常量设置 */ html{font-size:100px;} .wrap { /*width:81.25%;*/ width:15.6rem; margin-right:auto; margin-left:auto; } .mwrap { width:16.8rem; margin-right:auto; margin-left:auto; } /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:.16rem; line-height:.22rem; color:#666666; background:#fff;} a{color:inherit;} a:hover { color:#eb2327;} ::-moz-selection {color:#fff; background:#eb2327; } ::selection {color:#fff; background:#eb2327; } ::-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, .imgZoomSmall 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);} .imgZoomSmall: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);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /* header{position:relative; z-index:99; background-color:#ffffff; height:.85rem;} */ .header{position:fixed; top:0; left:0; width:100%; box-shadow:0px 5px 8px 1px rgba(1, 1, 1, 0.05); background-color:#ffffff; transition:all .3s ease; z-index:99;} .header .h_logo{ padding:.135rem 0; width:4.5rem; position:relative; z-index:2;} .header .h_logo a{display:block;} .header .h_logo .img01{display:block; width:550px;margin-top: 6px;} .header .h_logo .img02{display:none; width:100%;} .header .h_tools{font-size:0; position:relative; z-index:2; margin-top: 0.15rem;} .header .h_tools>div{display:inline-block; margin-right:.36rem; line-height:.85rem;} .header .h_tools>div img{cursor:pointer; vertical-align:middle;} /* .header .h_tools .h_sear{margin-right:.56rem;} */ .header .h_tools .h_personal{position:relative;} .header .h_tools .h_lan{position:relative;} /* 管通汇按钮 */ .header .h_tools .h_lib{margin-right:.1rem;} .header .h_tools .h_lib a{display:inline-block; vertical-align:middle; width:1rem; height:.34rem; border-radius:17px; border:solid 1px #939393; font-size:.15rem; line-height:.32rem; box-sizing:border-box; color:#333333; text-align:center;} .header .h_tools .h_lib a:hover{background-color:#eb2327; color:#ffffff; border-color:#eb2327;} /* 业务电话 */ .header .h_tools .h_tel{margin-right:0;margin-top:-0.15rem; line-height: .1rem;} .header .h_tools .h_tel li{display:inline-block; vertical-align:middle; width:1.5rem; height:.34rem; font-size:.15rem; line-height:.32rem; box-sizing:border-box; color:#e10202; text-align:center;} .header .h_tools .h_tel li:nth-child(1){display:inline-block; vertical-align:middle; width:0.8rem;height:.24rem; border-radius:5px; font-size:.15rem; line-height:.22rem; box-sizing:border-box; text-align:center;background-color:#eb2327; color:#ffffff;} .header .h_tools .h_tel li img{ width:18px; margin-right:5px;margin-top: -6px;} /*.header .h_tools .h_tel a{display:inline-block; vertical-align:middle; width:1rem; height:.34rem; border-radius:17px; border:solid 1px #939393; font-size:.15rem; line-height:.32rem; box-sizing:border-box; color:#333333; text-align:center;}*/ .header .h_tools .h_tel a:hover{background-color:#eb2327; color:#ffffff; border-color:#eb2327;} /* 手机端相关 */ .mNav_bott{display:none;} .header .h_tools .mobile_key{display:none; margin-right:.2rem;} .header .h_tools .mobile_key .m_menu{position:relative; /*padding:.05rem .1rem; padding-right:0; height:24px; width:30px;*/ box-sizing:border-box; display:inline-block; vertical-align:middle; width:24px; } .header .h_tools .mobile_key .m_menu:focus{outline:0;} .header .h_tools .mobile_key .m_menu .icon_bar{display:block; width:22px; height:2px; border-radius:1px; background:#000000;} .header .h_tools .mobile_key .m_menu .icon_bar + .icon_bar{margin-top:6px;} .header .h_tools .mobile_key .m_menu.collapsed .icon_bar{position:absolute; top:50%; left:50%; margin-left:-10px; margin-top:-1px;} .header .h_tools .mobile_key .m_menu.collapsed .icon_bar:nth-child(1){-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .header .h_tools .mobile_key .m_menu.collapsed .icon_bar:nth-child(2){opacity:0;} .header .h_tools .mobile_key .m_menu.collapsed .icon_bar:nth-child(3){-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} /* 个人中心下拉 */ .header .h_tools .h_personal .per_down{position:absolute; width:1.16rem; top:100%; left:50%; transform:translateX(-50%); z-index:2; display:none; box-shadow:0 15px 15px rgba(0,0,0,0.2);} .header .h_tools .h_personal .per_down li{padding:8% 4%; opacity:1; text-align:center; font-size:.16rem; background:#ffffff; transition:all 0.5s ease; line-height:.28rem;} .header .h_tools .h_personal .per_down li a{display:block; color:#111;} .header .h_tools .h_personal .per_down li:hover{background:#eb2327;} .header .h_tools .h_personal .per_down li:hover a{color:#fff;} /* 语言版本下拉 */ .header .h_tools .h_lan .lan_down{position:absolute; width:1.16rem; top:100%; left:50%; transform:translateX(-50%); z-index:2; display:none; box-shadow:0 15px 15px rgba(0,0,0,0.2);} .header .h_tools .h_lan .lan_down li{padding:8% 4%; opacity:1; text-align:center; font-size:.16rem; background:#ffffff; transition:all 0.5s ease; line-height:.28rem;} .header .h_tools .h_lan .lan_down li a{display:block; color:#111;} .header .h_tools .h_lan .lan_down li:hover{background:#f9f9f9; color:#eb2327;} .header .h_tools .h_lan .lan_down li:hover a{color:#eb2327;} /* 搜索下拉 */ .search-alert{position:fixed; left:0; top:-100%; width:100%; height:100%; background:#fff; z-index:98; transition:all 0.5s ease; overflow:hidden;} .search-alert .close{border-left:1px solid #E1E0E1; padding:.325rem; float:right;} .search-alert .close_icon{display:block; width:.2rem; height:.2rem; background:url(../img/search_close.png) no-repeat center; cursor:pointer; -webkit-transition:-webkit-transform 0.3s ease 0s; transition:transform 0.3s ease 0s;} .search-alert .close .close_icon:hover{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} .search-alert .cent-form {padding:.15rem 0; height:.55rem; line-height:.55rem; float:left; width:86%;} .search-alert .cent-form form{position:relative; padding-left:.5rem;} .search-alert .cent-form form .iconfont{position:absolute; left:0; top:50%; margin:0; margin-top:-0.1rem; font-size:.2rem; line-height:1; color:#111; font-weight:bold;} .search-alert .cent-form form .inp {border:none; font-size:.18rem; height:.6rem; line-height:.6rem; text-align:left; width:80%; box-sizing:border-box; background:none; padding:0} .search-alert .cent-form form .btns {border:none; width:1.2rem; background:none; text-align:center; padding:.1rem .2rem; margin:0; font-size:.18rem; color:#aaa; border-radius:.5rem; border:1px solid#aaa; cursor:pointer; outline:none; transition:all 0.5s ease;} .search-alert .cent-form form .btns:hover{background:#eb2327; color:#fff; border-color:#eb2327;} .search-alert.active{top:0;} /* 导航1 */ .header .inav_wrapper{text-align:center; width:100%; display:flex; align-items:center; justify-content:space-around; position:absolute; left:0; width:100%; bottom:0;margin-left:1rem;} .header .inav_wrapper .nav_li{margin:0 .5rem; float:left;} .header .inav_wrapper .nav_li .inav_a{display:block; font-size:0.16rem; line-height:.85rem; transition:all .5s ease; position:relative;} .header .inav_wrapper .nav_li .inav_a::after{content:''; position:absolute; left:0; width:100%; bottom:0; height:2px; background:#eb2327; opacity:0; visibility:hidden; transition:all .3s ease;} .header .inav_wrapper .nav_li .inav_a:hover{font-weight:bold;} .header .inav_wrapper .nav_li .inav_a:hover::after{opacity:1; visibility:visible;} .header .inav_wrapper .nav_li .inav_a.active{font-weight:bold; color:#eb2327;} .header .inav_wrapper .nav_li .inav_a.active::after{opacity:1; visibility:visible;} .header .inav_wrapper .nav_li.cur .inav_a{font-weight:bold; color:#eb2327;} .header .inav_wrapper .nav_li.cur .inav_a::after{opacity:1; visibility:visible;} /* 导航2 */ .header .inav_wrapper .nav2_li{margin:0 .3rem; float:left;position: relative;} .header .inav_wrapper .nav2_li .inav_a{display:block; font-size:0.16rem; line-height:.85rem; transition:all .5s ease; position:relative;} .header .inav_wrapper .nav2_li .inav_a::after{content:''; position:absolute; left:0; width:100%; bottom:0; height:2px; background:#eb2327; opacity:0; visibility:hidden; transition:all .3s ease;} .header .inav_wrapper .nav2_li .inav_a:hover{font-weight:bold;} .header .inav_wrapper .nav2_li .inav_a:hover::after{opacity:1; visibility:visible;} .header .inav_wrapper .nav2_li .inav_a.active{font-weight:bold; color:#eb2327;} .header .inav_wrapper .nav2_li .inav_a.active::after{opacity:1; visibility:visible;} .header .inav_wrapper .nav2_li.cur .inav_a{font-weight:bold; color:#eb2327;} .header .inav_wrapper .nav2_li.cur .inav_a::after{opacity:1; visibility:visible;} /* 导航2下拉 */ .header .inav_wrapper .nav2_down{display:none; position:absolute; width:1.6rem; top:100%; left:50%; transform:translateX(-50%); z-index:2; display:none; box-shadow:0 15px 15px rgba(0,0,0,0.2);} .header .inav_wrapper .nav2_down li{padding:8% 4%; opacity:1; text-align:center; font-size:.16rem; background:#ffffff; transition:all 0.5s ease; line-height:.2rem;} .header .inav_wrapper .nav2_down li a{display:block; color:#111;} .header .inav_wrapper .nav2_down li:hover{background:#eb2327;} .header .inav_wrapper .nav2_down li:hover a{color:#fff;} /*.header .nav2_li .nav2_down .nav_title{padding-left:6.6%; font-size:.18rem; font-weight:bold; color:#000000; text-transform: uppercase; margin-bottom:.4rem;} .header .nav2_li .nav2_down .nav_title i{font-size:.13rem; margin-left:.25rem;} .header .nav2_li .nav2_down {position:relative; font-size:0;} .header .nav2_li .nav2_down::after, .header .nav_li .nav_down .nav_ul::before{content:''; position:absolute; left:33.33%; top:0; height:100%; width:1px; background:#d7d7d7;} .header .nav2_li .nav2_down::after{left:66.66%;} .header .nav2_li .nav2_down li{display:inline-block; vertical-align:text-top; font-size:.16rem; line-height:.3rem; position:relative; width:33.33%; margin-bottom:.15rem;} .header .nav2_li .nav2_down li a{display:inline-block; position:relative; padding-bottom:.05rem; max-width:60%; margin:0 20%;} .header .nav2_li .nav2_down li a::after{content:''; position:absolute; left:0; width:0; bottom:0; height:2px; background:#eb2327; transition:all .3s ease;} .header .nav2_li .nav2_down li a:hover::after{width:100%;} .header .nav2_li .nav2_down li a.cur::after{width:100%;} .header .nav2_li .nav2_down li a.cur{color:#eb2327;}*/ /* 导航产品下拉 */ .header .inav_wrapper .nav_down{display:none; border-top:1px solid #ececec; position:absolute; width:100%; left:0; top:100%; overflow:hidden; z-index:10; background:#ffffff; text-align:left; box-shadow:0px 2px 6px 0px rgba(27, 27, 27, 0.07);} .header .nav_li.product .nav_down{height:5.2rem;} .header .nav_li.product .nav_down .left{position:relative; float:left; box-sizing:border-box; width:26.25%; padding:.5rem 0 .38rem; border-right:1px solid #e6e6e6;} .header .nav_li.product .nav_down .left::after{content:''; position:absolute; right:0; top:.92rem; height:.5rem; width:.04rem; background:#eb2327;} .header .nav_li.product .nav_down .left .tit{font-size:.17rem; color:#111111; font-weight:bold; line-height:.3rem; margin-bottom:.1rem;} .header .nav_li.product .nav_down .left ul{position:relative; display:flex; flex-flow:column wrap; height:3.93rem;} .header .nav_li.product .nav_down .left ul::before{content:''; position:absolute; left:48%; top:0; bottom:0; width:1px; background:#ececec; height:100%;} .header .nav_li.product .nav_down .left .item{font-size:.15rem; line-height:.2rem;} .header .nav_li.product .nav_down .left .item>a{display:block; padding:.1rem 0; position:relative;} .header .nav_li.product .nav_down .left .item>a::before{display:block; content:attr(title); font-weight:bold; visibility:hidden; height:1px; color:transparent; margin-bottom:-1px; overflow:hidden;} .header .nav_li.product .nav_down .left .item.cur a{font-weight:bold; color:#eb2327;} .header .nav_li.product .nav_down .right{float:right; width:73.75%; box-sizing:border-box; padding-left:.76rem; margin-top:.96rem; height:3.46rem; overflow-y:auto; padding-right:4px;} .header .nav_li.product .nav_down .right::-webkit-scrollbar{width:2px; height:4px;} .header .nav_li.product .nav_down .right::-webkit-scrollbar-thumb{border-radius:5px; background:#eb2327;} .header .nav_li.product .nav_down .right::-webkit-scrollbar-track{border-radius:0; background:transparent;} .header .nav_li.product .nav_down .right ul{margin-left:-2%; margin-top:-2%;} .header .nav_li.product .nav_down .right .item{float:left; width:31.333%; margin-left:2%; margin-top:2%; font-size:.15rem; color:#000;} .header .nav_li.product .nav_down .right .item>a{display:block; line-height:.66rem; padding:0 .24rem; border:1px solid #e9e9e9; border-radius:.06rem; box-sizing:border-box;} .header .nav_li.product .nav_down .right .item .icon{margin-right:.3rem;} .header .nav_li.product .nav_down .right .item .icon img{vertical-align:middle; width:67px; max-height:.6rem;} .header .nav_li.product .nav_down.show{opacity:1;visibility:visible;transform:translate(-50%, 0);z-index:-1;} .header .nav_li.solu .nav_down{height:5.2rem; box-sizing:border-box;} .header .nav_li.solu.solu02 .nav_down{height:4.5rem;} .header .nav_li.solu .nav_down .wrap{height:100%;} .header .nav_li.solu .nav_down .left{float:left; width:2.15rem; height:100%; margin-left:10%; border-right:1px solid #e0e0e0; position:relative; padding:.55rem 0; box-sizing:border-box;} .header .nav_li.solu .nav_down .left::after{content:''; position:absolute; right:0; top:.92rem; height:.5rem; width:.04rem; background:#eb2327;} .header .nav_li.solu .nav_down .left .tit{font-size:.18rem; line-height:1; padding:0; margin-bottom:.16rem; color:#000000; font-weight:bold;} .header .nav_li.solu .nav_down .left .li_{font-size:.15rem; line-height:1; padding:.125rem 0; color:#666666;} .header .nav_li.solu .nav_down .left .li_.cur{color:#eb2327;} .header .nav_li.solu .nav_down .left .li_ a{display:block;} .header .nav_li.solu .nav_down .right{float:left; height:100%;} .header .nav_li.solu .nav_down .right .ul_{position:relative; border-right:1px solid #e0e0e0; float:left; width:3.8rem; box-sizing:border-box; height:100%; padding:.89rem .2rem .55rem; padding-left:.8rem; display:none;} .header .nav_li.solu .nav_down .right .ul_01.active{display:block;} .header .nav_li.solu .nav_down .right .ul_02.active{display:block;} .header .nav_li.solu .nav_down .right .li_{font-size:.15rem; line-height:1; padding:.125rem 0; color:#000000;} .header .nav_li.solu .nav_down .right .li_.cur{color:#eb2327;} .header .nav_li.solu .nav_down .right .li_ a{display:block;} .header .nav_li .sec_down{padding:.4rem 0;} .header .nav_li .nav_down .nav_title{padding-left:6.6%; font-size:.18rem; font-weight:bold; color:#000000; text-transform: uppercase; margin-bottom:.4rem;} .header .nav_li .nav_down .nav_title i{font-size:.13rem; margin-left:.25rem;} .header .nav_li .nav_down .nav_ul{position:relative; font-size:0;} .header .nav_li .nav_down .nav_ul::after, .header .nav_li .nav_down .nav_ul::before{content:''; position:absolute; left:33.33%; top:0; height:100%; width:1px; background:#d7d7d7;} .header .nav_li .nav_down .nav_ul::after{left:66.66%;} .header .nav_li .nav_down .nav_ul li{display:inline-block; vertical-align:text-top; font-size:.16rem; line-height:.3rem; position:relative; width:33.33%; margin-bottom:.15rem;} .header .nav_li .nav_down .nav_ul li a{display:inline-block; position:relative; padding-bottom:.05rem; max-width:60%; margin:0 20%;} .header .nav_li .nav_down .nav_ul li a::after{content:''; position:absolute; left:0; width:0; bottom:0; height:2px; background:#eb2327; transition:all .3s ease;} .header .nav_li .nav_down .nav_ul li a:hover::after{width:100%;} .header .nav_li .nav_down .nav_ul li a.cur::after{width:100%;} .header .nav_li .nav_down .nav_ul li a.cur{color:#eb2327;} /* .header .nav_li.nav_library .nav_down .nav_ul{display:flex; flex-wrap:wrap; height:1.16rem; align-items:flex-start; justify-content:flex-start; flex-direction:column; align-content:flex-start;} .header .nav_li.nav_library .nav_down .nav_ul::after{display:none;} */ /* .header .nav_li .nav_down .nav_ul li{flex-grow:0 0 1;} */ /* 底部 */ .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-6 { width: 50%; } .row { width: 100%; transition: .2s width ease; } .elli0 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .elli1 { overflow: hidden; white-space: inherit; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .footer{background-color:#f6f6f6;color: rgb(51, 51, 51);} .footer a{color: rgb(51, 51, 51);} .footer.xc_footer{background-color:#f6f6f6;} .footer .footer-download {height: 1.5rem;list-style-type: none;} .footer .footer-download .item{position:relative; float:left; height:100%; transition:all .6s ease; overflow:hidden; width:50%;background: #000 !important;} .footer .footer-download .item:first-child{margin-left:0;background: #e10202 !important;} .footer .footer-download .item .txt_box{position:absolute; top:50%; left:0; width:100%; padding-left:18.75%; padding-right:9.375%; box-sizing:border-box; z-index:10; transform:translateY(-50%); width:100%;text-align: left;} .footer .footer-download .item .txt_cover{position:relative;} .footer .footer-download .item .txt_cover .txt_btn{position:absolute; top:50%; right: 1rem; transform:translateY(-50%); opacity:0.8; transition: right 500ms cubic-bezier(0.215,0.61,0.355,1);} .footer .footer-download .item .txt_cover .txt_btn .iconfont{font-size:.36rem; margin:0; color:#ffffff;} .footer .footer-download .item .txt_cover .tit{color:#ffffff; margin-bottom:.2rem;} .footer .footer-download .item .txt_cover .con{color:#ffffff;} .footer .footer-download .item.on{width:50%;} .footer .footer-download .item.on .txt_cover .txt_btn{opacity:1;right:0rem;} .footer .f_top{padding:.5rem 0 0.35rem;} .footer .f_top .t_top{margin-bottom:.7rem;} .footer .f_top .t_top .f_logo a{display:block;} .footer .f_top .t_top .group_box{width:3.65rem; height:.44rem; background-color:#efefef; border-radius:10px; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; padding:0 .2rem; padding-right:.1rem; position:relative;} .footer .f_top .t_top .group_box .index_c{font-size:.16rem; line-height:1;} .footer .f_top .t_top .group_box .icon{width:.28rem; height:.28rem; background-color:#eb2327; border-radius:50%; position:relative; cursor:pointer;} .footer .f_top .t_top .group_box .icon .iconfont{margin:0; font-size:.14rem; color:#ffffff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-90deg); transition:all .3s ease;} .footer .f_top .t_top .group_box.cur .icon .iconfont{transform:translate(-50%, -50%) rotate(0deg);} .footer .f_top .t_top .group_box .company_list{position:absolute; left:0%; top:calc(100% + 1px); width:100%; background:#efefef; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.06); display:none; z-index:20; max-height:none; overflow-y:auto; border-radius:10px; box-sizing:border-box; padding:.15rem 0; height:2.2rem;} .footer .f_top .t_top .group_box .company_list::-webkit-scrollbar {width:2px; height:4px;} .footer .f_top .t_top .group_box .company_list::-webkit-scrollbar-thumb {border-radius:5px; background:#eb2327; } .footer .f_top .t_top .group_box .company_list::-webkit-scrollbar-track {border-radius:0; background:transparent;} .footer .f_top .t_top .group_box .company_list a{display:block; width:auto; line-height:0.2rem; padding:0.1rem; padding-left:.2rem; transition:all .5s ease;} .footer .f_top .t_top .group_box .company_list a:hover{color:#eb2327;} .footer .f_top .t_bott .b_left{font-size:0;text-align: left;} .footer .f_top .t_bott .b_left dl{padding:0 .4rem; display:inline-block; vertical-align:text-top; position:relative; height:100%;} .footer .f_top .t_bott .b_left dl::after{content:''; position:absolute; top:0; right:0; background-color:#f6f6f6; height:2.9rem; width:1px;} .footer .f_top .t_bott .b_left dl:first-child{padding-left:0;} .footer .f_top .t_bott .b_left dl:first-child::after{display:none;} .footer .f_top .t_bott .b_left dl:nth-child(2){padding-left:0;} .footer .f_top .t_bott .b_left dl dd{font-size:.15rem; line-height:1; margin-bottom:.17rem;} .footer .f_top .t_bott .b_left dl dd a{white-space:nowrap;} .footer .f_top .t_bott .b_left dl .tit{font-size:.17rem; color:#000000; white-space:nowrap; margin-bottom:.3rem; line-height:.17rem; height:.17rem; font-weight:bold;} .footer .f_top .t_bott .b_right .content_box{margin-bottom:.3rem; text-align:right;} .footer .f_top .t_bott .b_right .content_box .index_box{margin-bottom:.4rem;} .footer .f_top .t_bott .b_right .content_box .index_box:last-child{margin-bottom:0;} .footer .f_top .t_bott .b_right .content_box .index_box .tit{margin-bottom:.1rem;} .footer .f_top .t_bott .b_right .content_box .index_box .con{font-size:.15rem; line-height:.36rem; color:#999999;} .footer .f_top .t_bott .b_right .content_box .index_box.tel .con{font-family:Arial, Helvetica, sans-serif; font-size:.3rem; line-height:1; color:#333333;} .footer .f_top .t_bott .b_right .qrcode_box .item_box{margin-right:.4rem; float:left; text-align:center;} .footer .f_top .t_bott .b_right .qrcode_box .item_box:last-child{margin-right:0;} .footer .f_top .t_bott .b_right .qrcode_box .item_box .img_box{margin-bottom:.1rem;} .footer .f_top .t_bott .b_right .qrcode_box .item_box .con{color:#999999; font-size:.15rem; line-height:1;} .footer .f_bott{padding:.13rem 0; font-size:13px; line-height:24px; color:rgba(93,93,93,0.63);text-align:center;} .footer .f_bott a{padding:.13rem 0; font-size:13px; line-height:24px; color:rgba(93,93,93,0.63);text-align:center;} /* 右侧悬浮导航 */ .right_nav{position:fixed; width:.6rem; height:auto; box-sizing:border-box; border-radius:10px 0 0 10px; bottom:20%; right:0; background-color:#cdd3db; z-index:98; display:flex; justify-content:center; align-items:center;flex-direction:column;} .right_nav .item{padding:.2rem 0; position:relative; text-align:center; cursor:pointer;} .right_nav .item:first-child::after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background-color:#ffffff; width:.18rem; height:1px;} .right_nav .item .img_box{margin-bottom:.1rem;} .right_nav .item .text_box{font-size:.14rem; line-height:1; color:#ffffff;} .right_nav .item .img_box .img01{display:block;} .right_nav .item .img_box .img02{display:none;} /* .right_nav:hover{background-color:#ffffff;} */ .right_nav .item:hover .img_box .img01{display:none;} .right_nav .item:hover .img_box .img02{display:block;} .right_nav .item:hover .text_box{color:#eb2327;} /* 下层banner */ .xc_banner{position:relative; overflow:hidden; margin-top:.85rem; padding-bottom:0.68rem;} .xc_banner .xc_img{width:100%;} .xc_banner .xc_words{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#ffffff;} .xc_banner .xc_words .tit{margin-bottom:.1rem; font-weight:bold;} .xc_banner .xc_words .tit img{width:40%;} .xc_banner .xc_words .con{width:30.8%;} .xc_banner .xc_words .con{display:none;} .xc_banner .crumbs{position:absolute; left:0; width:100%; top:.25rem; color:#ffffff; text-align:right;} .xc_banner .xc_nav{position:absolute; left:0; width:100%; bottom:0; background-color:#000; text-align:center;} .xc_banner .xc_nav .center_area{font-size:0;} .xc_banner .xc_nav .center_area .c_a{font-size:.16rem; line-height:.28rem; color:#ffffff; margin:0 3.8%; display:inline-block; vertical-align:middle; font-weight:normal; opacity:1; position:relative; padding:.2rem 0;} .xc_banner .xc_nav .center_area .c_a::after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:.6rem; height:2px; background-color:#ffffff; display:none;} .xc_banner .xc_nav .center_area .c_a.active{opacity:1; font-weight:bold;} .xc_banner .xc_nav .center_area .c_a.active::after{display:block;} .xc_banner .xc_nav .center_area h1{cursor:pointer;} .xc_banner.xc_model .xc_words .tit{position:relative; margin-bottom:0; display:inline-block;} .xc_banner.xc_model .xc_words .tit::after{content:''; position:absolute; left:0; bottom:-0.05rem; height:0.07rem; background-color:#eb2327; width:100%; z-index:-1;} .xc_banner .xc_words .tit{position:relative; margin-bottom:0; display:inline-block; font-size:.4rem;} .xc_banner .xc_words .tit::after{content:''; position:absolute; left:0; bottom:-0.05rem; height:0.07rem; background-color:#eb2327; width:100%; z-index:-1;} .xc_banner.party_banner .xc_words .tit::after{display:none;} .xc_banner.party_banner .xc_words .tit img{width:100%;} .xc_banner .xc_nav .center_area .c_a:first-child{margin-left:0;} .xc_banner .xc_nav .center_area .c_a:last-child{margin-right:0;} /* 字号标准 */ .tit40{font-size:.4rem; line-height:1;} .tit36{font-size:.36rem; line-height:1;} .tit30{font-size:.3rem; line-height:.4rem;} .tit24{font-size:.24rem; line-height:.32rem;} .tit20{font-size:.2rem; line-height:.28rem;} .con18{font-size:.18rem; line-height:.32rem;} .con16{font-size:.16rem; line-height:.28rem;} .con15{font-size:.15rem; line-height:.23rem;} .con15-1{font-size:.15rem; line-height:.32rem;} /* 公共部分 */ .channel_content{min-height:3rem; padding:.8rem 0;} /* 公共按钮 */ .btn_more{display:inline-block; font-size:0; color:#ffffff;} .btn_more span{display:inline-block; vertical-align:middle; font-size:.14rem; line-height:.22rem; transition:all .5s ease;} .btn_more .c{margin-right:.1rem;} .btn_more .i{position:relative; width:.25rem; height:.25rem; background-color:#eb2327; border-radius:50%;} .btn_more .i .iconfont{position:absolute; top:49%; left:50%; transform:translate(-50%, -50%); margin:0; font-size:.16rem;} .btn_more:hover{color:#ffffff;} .btn_more:hover .i{transform:translateX(55%);} .btn_more:hover .c{color:#eb2327;} .btns_box .item{float:left; margin-right:.35rem; box-sizing:border-box; padding:0 .42rem; height:.4rem; line-height:.38rem; border:1px solid #333333; color:#333333; background-color:transparent; transition:all .3s ease; border-radius: 20px;} .btns_box .item.cur{color:#ffffff; background-color:#eb2327; border-color:#eb2327;} .play{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); cursor:pointer; display:none; z-index:2;} .play.hasVideo{display:block;} /* 公共弹窗 */ .dialog_tc{position:fixed; width:100vw; height:calc(100% - .85rem); left:0; top:0; background-color:rgba(0, 0, 0, .6); margin-top:.85rem; color:#000000; display:none; z-index:95;} .dialog_tc .rect-122{padding-bottom:122.5%;} .dialog_tc.active{display:block;} .dialog_tc .dialog{width:12.4rem; height:80%; padding:0; background-color:#ffffff; box-sizing:border-box; position:absolute; top:50%; transform:translate(-50%, -50%); left:50%;} .dialog_tc .dialog .dialog_close{position:absolute; right:.35rem; top:.35rem; cursor:pointer; width:.41rem; height:.41rem; background-color:transparent; border:solid 1px #333333; border-radius:50%; transition:all .36s ease; z-index:3;} .dialog_tc .dialog .dialog_close .iconfont{color:#333333; margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:.2rem;} .dialog_tc .dialog .dialog_close:hover{border-color:#eb2327; background:#eb2327;} .dialog_tc .dialog .dialog_close:hover .iconfont{color:#ffffff;} .dialog_tc .dialog .content{position:absolute; width:64%; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2;} .dialog_tc .dialog .top .tit_box{padding-bottom:.3rem; box-sizing:border-box; border-bottom:1px solid #e1e1e1; margin-bottom:.5rem;} .dialog_tc .dialog .top .tit_box .tit{text-align:center; font-weight:bold; font-size:.24rem; line-height:.28rem; color:#333333;} .academy .dialog_tc .dialog .content{overflow:hidden;} .academy .dialog_tc .dialog .bott .left{width:27%; margin-right:10%;} .academy .dialog_tc .dialog .bott .right{width:63%; padding-right:5px; max-height:45vh; overflow-y:auto; box-sizing:border-box;} .academy .dialog_tc .dialog .bott .right::-webkit-scrollbar{width:4px; height:4px;} .academy .dialog_tc .dialog .bott .right::-webkit-scrollbar-thumb{border-radius:2px; background:#e1e1e1;} .academy .dialog_tc .dialog .bott .right::-webkit-scrollbar-track{border-radius:2px ; background:transparent;} .dialog_tc01{position:fixed; width:100vw; height:calc(100% - .85rem); left:0; top:0; background-color:rgba(0, 0, 0, .6); margin-top:.85rem; color:#000000; z-index:95;} .dialog_tc01 .rect-122{padding-bottom:122.5%;} /* .dialog_tc01.active{display:block;} */ .dialog_tc01 .dialog{width:5.6rem; height:92%; padding:0; background-color:#ffffff; box-sizing:border-box; position:absolute; top:50%; transform:translate(-50%, -50%); left:50%;} .dialog_tc01 .dialog .dialog_close{position:absolute; right:.28rem; top:.28rem; cursor:pointer; width:.41rem; height:.41rem; background-color:transparent; border:solid 1px #333333; border-radius:50%; transition:all .36s ease;} .dialog_tc01 .dialog .dialog_close .iconfont{color:#333333; margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:.2rem;} .dialog_tc01 .dialog .dialog_close:hover{border-color:#eb2327; background:#eb2327;} .dialog_tc01 .dialog .dialog_close:hover .iconfont{color:#ffffff;} .dialog_tc01 .dialog .content{height:100%; overflow-y:auto; padding:.75rem .66rem .5rem; box-sizing:border-box; padding-right:0;} .dialog_tc01 .dialog .content .add_box{height:100%; overflow-y:auto; box-sizing:border-box; padding-right:.6rem;} /* .dialog_tc01 .dialog .content .form_box{padding:.7rem .66rem .5rem;} */ .dialog_tc01 .dialog .content .add_box::-webkit-scrollbar{width:4px; height:4px;} .dialog_tc01 .dialog .content .add_box::-webkit-scrollbar-thumb{border-radius:2px; background:#e1e1e1;} .dialog_tc01 .dialog .content .add_box::-webkit-scrollbar-track{border-radius:2px ; background:transparent;} .dialog_tc01 .dialog .content .form_box .line{margin-bottom:16px;} .dialog_tc01 .dialog .content .form_box .line .cell .lab{width:100%; display:block; font-size:16px; line-height:30px; color:#000000; padding:7px 0;} .dialog_tc01 .dialog .content .form_box .line .cell .lab em{color:#eb2327;} .dialog_tc01 .dialog .content .form_box .line .cell .inp{width:100%; display:block; font-size:16px; line-height:54px; height:54px; color:#000000; border:1px solid #dcdcdc; padding:0; background-color:transparent; box-sizing:border-box; padding:0 20px;} .dialog_tc01 .dialog .content .form_box .line .cell .inp_text{width:100%; display:block; font-size:16px; line-height:30px; height:140px; color:#000000; border:1px solid #dcdcdc; padding:20px; background-color:transparent; box-sizing:border-box;} .dialog_tc01 .dialog .content .form_box .line:last-child{margin-bottom:40px;} .dialog_tc01 .dialog .content .form_box .btn_box .submit{padding:0; text-align:center; height:.6rem; line-height:.6rem; background-color:#eb2327; border-radius:5px; color:#ffffff; font-size:16px; display:block; width:100%; border:none; box-sizing:border-box; cursor:pointer;} .pro_detail10{display:none;} .pro_detail10.active{display:block;} .pro_detail11{display:none;} .pro_detail11.active{display:block;} .pro_detail11 .dialog_tc01 .dialog{width:5.6rem; height:3.2rem;} .pro_detail11 .dialog_tc01 .dialog .dialog_close{z-index:4;} .pro_detail11 .dialog_tc01 .dialog .content{background:url(../img/dialog_phone_bg.png) no-repeat; background-position:left bottom; background-size:contain; position:relative; padding:0; z-index:3;} .pro_detail11 .dialog_tc01 .dialog .content .dialog_phone{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:3.3rem;} .pro_detail11 .dialog_tc01 .dialog .content .dialog_phone .phone_left{width:.97rem; height:.97rem; float:left;} .pro_detail11 .dialog_tc01 .dialog .content .dialog_phone .phone_left img{width:100%;} .pro_detail11 .dialog_tc01 .dialog .content .dialog_phone .phone_right{float:right;} .pro_detail11 .dialog_tc01 .dialog .content .dialog_phone .phone_right div{margin-bottom:.1rem; font-size:.16rem; line-height:.36rem; border-bottom:1px solid rgba(214, 0, 15, 0.5);} .pro_detail11 .dialog_tc01 .dialog .content .dialog_phone .phone_right div:last-child{margin-bottom:0;} /* 解決方案詳細 弹窗 */ .dialog_tc02{position:fixed; width:100vw; height:calc(100% - .85rem); left:0; top:0; background-color:rgba(0, 0, 0, .6); margin-top:.85rem; color:#000000; display:none; z-index:95;} .dialog_tc02 .rect-122{padding-bottom:122.5%;} .dialog_tc02.active{display:block;} .dialog_tc02 .dialog{width:12.4rem; height:80%; padding:0; background-color:#ffffff; box-sizing:border-box; position:absolute; top:50%; transform:translate(-50%, -50%); left:50%; overflow:hidden;} .dialog_tc02 .dialog .dialog_close{position:relative; cursor:pointer; width:.41rem; height:.41rem; background-color:transparent; border:solid 1px #333333; border-radius:50%; transition:all .36s ease;} .dialog_tc02 .dialog .dialog_close .iconfont{color:#333333; margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:.2rem;} .dialog_tc02 .dialog .dialog_close:hover{border-color:#eb2327; background:#eb2327;} .dialog_tc02 .dialog .dialog_close:hover .iconfont{color:#ffffff;} .dialog_tc02 .dialog .content{width:100%; height:100%; box-sizing:border-box; padding:.6rem .8rem;} .dialog_tc02 .dialog .content::-webkit-scrollbar{width:4px; height:4px;} .dialog_tc02 .dialog .content::-webkit-scrollbar-thumb{border-radius:2px; background:#e1e1e1;} .dialog_tc02 .dialog .content::-webkit-scrollbar-track{border-radius:2px ; background:transparent;} .dialog_tc02 .dialog .top{display:flex; align-items:center; justify-content:space-between; padding-bottom:.3rem; box-sizing:border-box; border-bottom:1px solid #e1e1e1; margin-bottom:.5rem;} .dialog_tc02 .dialog .top .tit_box .tit{text-align:center; font-weight:bold; font-size:.24rem; line-height:.28rem; color:#333333;} .dialog_tc02 .dialog .bott .left{width:45%; margin-right:5%;} .dialog_tc02 .dialog .bott .left .rect-5482{padding-bottom:54.82%;} .dialog_tc02 .dialog .bott .right{width:50%; padding-right:5px; max-height:45vh; overflow-y:auto; box-sizing:border-box; font-size:.16rem; line-height:.3rem;} .dialog_tc02 .dialog .bott .right::-webkit-scrollbar{width:4px; height:4px;} .dialog_tc02 .dialog .bott .right::-webkit-scrollbar-thumb{border-radius:2px; background:#e1e1e1;} .dialog_tc02 .dialog .bott .right::-webkit-scrollbar-track{border-radius:2px ; background:transparent;} /* 20240802 依照数组化工厂解决方案弹窗 进行修改 */ .dialog_tc02 .dialog .bott .right{max-height:37vh;} .dialog_tc02 .dialog{height:70%;} /* tab切换 写为了公共部分 */ /* 目前 解决方案 和 产品详情 使用了三次 在页面里面有一些详细的微调 */ .tab_box{margin-bottom:.6rem; position:relative;} .tab_box::before{content:''; position:absolute; top:0; right:0; width:.8rem; height:100%; background:linear-gradient(to right, transparent, #ffffff); z-index:15; display:none;} .tab_box::after{content:''; position:absolute; left:0; bottom:3px; border-bottom:1px solid #cccccc; width:100%; z-index:-1;} /* .tab_box::after{content:''; position:absolute; top:.3rem; right:0; width:.24rem; height:.27rem; background:url(../img/tab_mobile_next.png) no-repeat center/contain; z-index:16; display:none; animation:certFlag infinite linear 1.8s; opacity:0; animation-fill-mode:forwards;} @keyframes certFlag{ 0% {transform:translateX(-10px); opacity:0;} 100% {transform:translateX(0); opacity:1;} } */ .tab_box .swiper-container{padding-bottom:.05rem;} /* .tab_box .swiper-wrapper::after{content:''; position:absolute; left:0; bottom:0; border-bottom:1px solid #cccccc; width:100%; z-index:-1;} */ .tab_box .swiper-slide{width:auto; box-sizing:border-box; padding:0 .45rem; /*border-bottom:1px solid #cccccc;*/} .tab_box .swiper-slide .li_{cursor:pointer; white-space:nowrap; font-size:.2rem; line-height:.4rem; box-sizing:border-box; position:relative; padding:.2rem 0;} .tab_box .swiper-slide .li_::before{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background-color:#eb2327; display:none;} .tab_box .swiper-slide .li_::after{content:''; position:absolute; width:0; height:0; border-left:.05rem solid transparent; border-right:.05rem solid transparent; border-top: .05rem solid #eb2327; bottom:-1px; transform:translate(-50%, 100%); left:50%; display:none;} .tab_box .swiper-slide:first-child{padding-left:.3rem;} .tab_box .swiper-slide:last-child{padding-right:.3rem;} .tab_box .swiper-slide .li_.active::before{display:block;} .tab_box .swiper-slide .li_.active::after{display:block;} .tab_box .swiper-slide:last-child::after{width:0;} .tab_box .swiper-slide .li_.active{color:#eb2327; font-weight:bold;} /* 首页 */ .ibanner{overflow: hidden;} .ibanner .swiper-slide a{display:block;} .ibanner .swiper-slide .img_box img{width:100%;} .ibanner .swiper-container .swiper-pagination{font-size:0; bottom:.3rem; left:50%; right:unset; transform:translateX(-50%);} .ibanner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:.12rem; height:.12rem; background-color:#ffffff; opacity:1; margin:0; margin-right:.2rem;} .ibanner .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;} .ibanner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ffffff; border-radius:6px; width:.54rem;} .index .common_box{text-align:center; margin-bottom:.35rem;} .index .common_box .common_title{font-weight:bold; margin-bottom:.1rem; color:#333333;} /* npart00 */ .npart00{padding:.2rem 0 .8rem 0; height: 5.8rem;} .npart00 .posil{position:relative;} .npart00 .content a{display:block;} .npart00 .content a:hover{color:#ffffff;} .npart00 .top{position:relative; height:5.8rem;} .npart00 .top .item{transition:all .7s ease; opacity:1; z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;} .npart00 .top .item.on{z-index:2;} .npart00 .top .item .text_box{width:100%; position:absolute; top:50%; transform:translateY(-50%); opacity:0; visibility:hidden;} .npart00 .top .item .text_box .index_box{width:30.8%;} .npart00 .top .item .index_box .tit{font-weight:bold; color:#ffffff; margin-bottom:.35rem;} .npart00 .top .item .index_box .con{color:#ffffff; margin-bottom:.3rem;} @keyframes indbanLeft { 0% { opacity:0; transform:translate(140px, -50%); } 100% { opacity:1; transform:translateX(0, -50%); } } .npart00 .top .item.on .text_box{animation:indbanLeft 1s ease both .2s; opacity:1; visibility:visible;} .npart00 .top .item .img_box{opacity:0; visibility:hidden; transform:translateX(-50px); transition:all .7s ease; width:100%; height:100%;} .npart00 .top .item .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; height:100%; max-width:none; width:auto;} .npart00 .top .item.on .img_box{opacity:1; visibility:visible; transform:translateX(0);} .npart00 .tab{background-color:rgba(240, 240, 240, .85); height:1rem;} .npart00 .video_box{background-color:rgba(255, 255, 255, .13);} .npart00 .video_box .index_box{width:89.9%; position:relative;} .npart00 .clearfix { zoom: 1; } .npart00 .w1200 { width: 1400px; left: 50%; margin-left: -700px; position: relative; padding-top: 90px; } .npart00 .com_info{ width: 1400px; padding-top: 30px; padding-bottom: 90px; } .npart00 .ab_rgt{ float: right; width: 750px; float: right; height: 384px; } .npart00 .ab_left{ width: 530px; float: left; margin-left: 20px; margin-top: 0px; } .npart00 .ab_left .content{ margin-top: 30px; font-size: 13px; line-height: 28px; color: #454545; text-align: justify; } .npart00 .ab_left a.ck{ display: block; width: 111px; height: 24px; margin-top: 30px; background: #EB0000; text-align: center; line-height: 24px; color: #fff; font-size: 12px; } .ipart01{padding:.8rem 0;} .ipart01 .posil{position:relative;} .ipart01 .content a{display:block;} .ipart01 .content a:hover{color:#ffffff;} /* top0.55 */ .ipart01 .content .text_box{color:#ffffff; text-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.1); position:absolute; top:.3rem; left:.3rem;} .ipart01 .content .text_box .tit{margin-bottom:5px; font-weight:bold;} .ipart01 .content .text_box .con{margin-bottom:.25rem;} .ipart01 .content .index_box .text_box .btn_box{opacity:0; visibility:hidden; transform:translateY(130%); transition:all .3s ease;} .ipart01 .content .index_box:hover .text_box .btn_box{opacity:1; visibility:visible; transform:translateY(0);} .ipart01 .content .ci_top, .ipart01 .content .ci_bott{display:flex; align-items:flex-start; justify-content:space-between;} .ipart01 .content .cit_l{width:calc(21.4% - 10px); margin-right:10px;} .ipart01 .content .cit_r{width:23.7%;} .ipart01 .content .cit_c{width:calc(54.9% - 10px); margin-right:10px;} .ipart01 .content .cit_l .index_top{margin-bottom:10px; height:68.72%;} .ipart01 .content .cit_r .index_top{margin-bottom:10px; height:calc(31.28% - 20px);} .ipart01 .content .ci_top .cit_l .index_top .corner_txt{font-size:.18rem; line-height:.54rem; color:#ffffff; text-shadow:0px 0px 7px 1px rgba(0, 0, 0, 0.25); height:.54rem; position:absolute; top:0; right:.1rem;} .ipart01 .content .ci_top .cit_l .index_top .swiper-container .swiper-pagination{font-size:0; bottom:.2rem; left:50%; right:unset; transform:translateX(-50%);} .ipart01 .content .ci_top .cit_l .index_top .swiper-container .swiper-pagination .swiper-pagination-bullet{width:.1rem; height:.1rem; background-color:#ffffff; opacity:1; margin:0; margin-right:.2rem;} .ipart01 .content .ci_top .cit_l .index_top .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;} .ipart01 .content .ci_top .cit_l .index_top .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#eb2327;} .ipart01 .content .ci_top .cit_c .infor_list{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;} .ipart01 .content .ci_top .cit_c .infor_list .infor_item{margin-bottom:10px; margin-left:10px; width:47.2%;} .ipart01 .content .ci_top .cit_c .infor_list .infor_item:nth-child(2n-1){margin-left:0;} .ipart01 .content .ci_top .cit_c .infor_list .infor_item:nth-child(2n){width:calc(52.8% - 10px);} .ipart01 .content .ci_bott .cit_c .infor_top, .ipart01 .content .ci_bott .cit_c .infor_bott{display:flex; align-items:stretch; justify-content:flex-start;} .ipart01 .content .ci_bott .cit_c .infor_top .intop_item{margin-bottom:10px; margin-left:10px; width:47.2%;} .ipart01 .content .ci_bott .cit_c .infor_top .intop_item:nth-child(2n-1){margin-left:0;} .ipart01 .content .ci_bott .cit_c .infor_top .intop_item:nth-child(2n){width:calc(52.8% - 10px);} .ipart01 .content .ci_bott .cit_c .infor_bott .inbott_item{margin-right:10px;} .ipart01 .content .ci_bott .cit_c .infor_bott .inbott_item:nth-child(1){width:calc(32.6% - 10px);} .ipart01 .content .ci_bott .cit_c .infor_bott .inbott_item:nth-child(2){width:calc(33.6% - 10px);} .ipart01 .content .ci_bott .cit_c .infor_bott .inbott_item:nth-child(3){width:33.8%;} .ipart01 .content .ci_bott .cit_c .infor_bott .inbott_item:last-child{margin-right:0;} /* 首页产品版块下拉 */ .ipart01 .content .ci_content{display:none;} .ipart01 .content .ci_icon{margin:.2rem 0; text-align:center;} .ipart01 .content .ci_icon img{cursor:pointer;} .ipart01 .content .ci_icon .img02{display:none;} .ipart01 .content .ci_icon.active .img01{display:none;} .ipart01 .content .ci_icon.active .img02{display:inline-block;} /* .ipart01 .content .ci_icon.active{display:none;} */ .ipart02{padding:1.1rem 0;} .ipart02 .top{position:relative; height:5.8rem;} .ipart02 .top .item{transition:all .7s ease; opacity:1; z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;} .ipart02 .top .item.on{z-index:2;} .ipart02 .top .item .text_box{width:100%; position:absolute; top:50%; transform:translateY(-50%); opacity:0; visibility:hidden;} .ipart02 .top .item .text_box .index_box{width:30.8%;} .ipart02 .top .item .index_box .tit{font-weight:bold; color:#ffffff; margin-bottom:.35rem;} .ipart02 .top .item .index_box .con{color:#ffffff; margin-bottom:.3rem;} @keyframes indbanLeft { 0% { opacity:0; transform:translate(140px, -50%); } 100% { opacity:1; transform:translateX(0, -50%); } } .ipart02 .top .item.on .text_box{animation:indbanLeft 1s ease both .2s; opacity:1; visibility:visible;} .ipart02 .top .item .img_box{opacity:0; visibility:hidden; transform:translateX(-50px); transition:all .7s ease; width:100%; height:100%;} .ipart02 .top .item .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; height:100%; max-width:none; width:auto;} .ipart02 .top .item.on .img_box{opacity:1; visibility:visible; transform:translateX(0);} .ipart02 .tab{background-color:rgba(240, 240, 240, .85); height:1rem;} .ipart02 .tab .wrap{height:100%;} .ipart02 .tab .list{background-color:#ffffff; height:100%;} .ipart02 .tab .list ul{height:100%;} .ipart02 .tab .list .item{float:left; width:calc(12.5% - 2px); border-right:2px solid #ffffff; height:100%; background-color:rgba(240, 240, 240, .85); transition:all .5s ease; display:flex; justify-content:center; align-items:center; cursor:pointer;} .ipart02 .tab .list .item:first-child{border-left:2px solid #ffffff; width:calc(12.5% - 4px);} .ipart02 .tab .list .item .icon{margin-right:.16rem;} .ipart02 .tab .list .item .icon .img01{display:block;} .ipart02 .tab .list .item .icon .img02{display:none;} .ipart02 .tab .list .item .index_box{color:#333333;} .ipart02 .tab .list .item.cur .icon .img01{display:none;} .ipart02 .tab .list .item.cur .icon .img02{display:block;} .ipart02 .tab .list .item.cur{background-color:#eb2327;} .ipart02 .tab .list .item.cur .index_box{color:#ffffff;} .ipart03{padding:1.1rem 0;} .ipart03 .content{display:flex; align-items:center; justify-content:space-between;} .ipart03 .content .right{width:calc(93% - .78rem); display:flex; justify-content:flex-start; align-items:center;} .ipart03 .content .right .text_box{width:34.4%; margin-right:4.4%;} .ipart03 .content .right .text_box .common_box{text-align:left;} .ipart03 .content .right .text_box .common_box .common_title{margin-bottom:.2rem;} .ipart03 .content .right .text_box .list .li_ .tit{margin-bottom:.23rem; color:#eb2327; font-weight:bold;} .ipart03 .content .right .text_box .list .li_ .con{margin-bottom:.5rem; line-height:.28rem;} .ipart03 .content .right .text_box .list .li_ .btn_box .btn_more .c{color:#333333;} .ipart03 .content .right .text_box .list{position:relative; height:2rem;} .ipart03 .content .right .text_box .list .li_{position:absolute; top:0; left:0; width:100%; opacity:0; visibility:hidden;} .ipart03 .content .right .text_box .list .li_.cur{-webkit-animation:fadeInUp 1s ease both; animation:fadeInUp 1s ease both; animation-delay:0.4s;} .ipart03 .content .right .img_box{width:61.2%;} .ipart03 .content .right .img_box .rect-6603{padding-bottom:66.03%;} .ipart03 .content .left{width:.78rem; margin-right:7%;} .ipart03 .content .left .icon_box{margin-bottom:1.35rem; position:relative; cursor:pointer;} .ipart03 .content .left .icon_box::after{content:''; position:absolute; bottom:-.4rem; width:1px; height:.7rem; border-left:1px dashed #e5e5e5; left:50%; transform:translate(-50%, 100%);} .ipart03 .content .left .icon_box:last-child{margin-bottom:0;} .ipart03 .content .left .icon_box:last-child::after{display:none;} .ipart03 .content .left .icon_box .txt{position:absolute; bottom:-.15rem; transform:translateX(-50%); left:50%; white-space:nowrap;} .ipart03 .content .left .icon_box .icon{width:.78rem; height:.78rem; border-radius: 50%; position: relative; transition: all .36s; cursor: pointer;} .ipart03 .content .left .icon_box .img_{transition:all .36s ease; position:absolute; top:47%; left:50%; transform:translate(-50%, -50%);} .ipart03 .content .left .circle{stroke-dasharray:220; stroke-dashoffset:220;} .ipart03 .content .left .icon_box .svg{width:.78rem; height:.78rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-90deg);} .ipart03 .content .left .icon_box svg{position:absolute; left:50%; top:50%; width:100%; height:100%; transform:translate(-50%, -50%); color:#eb2327;} .ipart03 .content .left .icon_box.act .circle{stroke-dasharray:220; stroke-dashoffset:220; -webkit-animation:5.5s svgcircle linear; animation:5.5s svgcircle linear;} .ipart03 .content .left .icon_box.act .txt{display:none;} @-webkit-keyframes svgcircle { 0% { stroke-dashoffset: 220; } 100% { stroke-dashoffset: 0; } } @keyframes svgcircle { 0% { stroke-dashoffset: 220; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes fadeInUp{ 0%{opacity:0; visibility:hidden; -webkit-transform:translate3d(0, 40px, 0); transform:translate3d(0, 40px, 0);} to{opacity:1; visibility:visible; -webkit-transform:none; transform:none;} } @keyframes fadeInUp{ 0%{opacity:0; visibility:hidden;; -webkit-transform:translate3d(0, 40px, 0); transform:translate3d(0, 40px, 0);} to{opacity:1; visibility:visible; -webkit-transform:none; transform:none;} } .index .ipart04 .common_box .common_title{color:#ffffff;} .index .ipart04 .common_box .common_con{color:#ffffff; opacity:0.65;} .ipart04 .top{padding:.8rem 0 0; background-color:#000;} .ipart04 .top, .ipart04 .bott{position:relative;} /* .ipart04 .top .bg img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; height:100%; max-width:none; width:auto;} */ .ipart04 .bott::before{content:''; background:url(../img/ipart04_cover01.png) no-repeat top/cover; width:100%; height:calc(100% + 1px); top:-1px; left:0; position:absolute;} .ipart04 .top .bg img{display:none;} .ipart04 .top .content, .ipart04 .bott .content{position:relative; z-index:2;} .ipart04 .top .content .item{float:left; width:30.8%; margin-right:3.8%;} .ipart04 .top .content .item:last-child{margin-right:0;} .ipart04 .top .content .item .img_box .rect-6166{padding-bottom:61.66%;} .ipart04 .top .content .item .intro_box{display:block; padding:.4rem 0 .3rem;} .ipart04 .top .content .item .intro_box .tit{font-weight:bold; margin-bottom:.28rem; color:#ffffff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient :vertical; min-height:.32rem; height:.32rem; transition:all .5s ease;} .ipart04 .top .content .item .intro_box .con{margin-bottom:.36rem; min-height:.84rem; height:.84rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#bbbbbb;} .ipart04 .bott .bg video{width:100%;} .ipart04 .bott .cover{position:absolute; width:100%; top:0; left:0;} .ipart04 .bott .cover{display:none;} .ipart04 .top .content .item:hover .intro_box .tit{color:#eb2327;} .ipart04 .top .content .item:hover .intro_box .btn_more .i{transform:translateX(55%);} .ibox01{background:url(/resources/img/aboutusbg.jpg) no-repeat center/cover; padding:.8rem 0 .9rem; position:relative; z-index:25;} .ibox01 .content .left{width:40%; margin-right:9%; margin-top:0rem;} .ibox01 .content .right{width:50%;} .ibox01 .content .left .usual_box .usual_tit{color:#333333;} .ibox01 .content .left .usual_box .con{font-size:.18rem; line-height:.3rem; color:#333333;} .ibox01 .video_box { background-color: rgba(255, 255, 255, .13); } .ibox01 .video_box .index_box { width: 89.9%; position: relative; } .ibox01 a.ck { display: block; width: 111px; height: 24px; margin-top: 30px; background: #EB0000; text-align: center; line-height: 24px; color: #fff; font-size: 12px; } .ibox02 { background: #fcfcfc; padding:.8rem 0; background-attachment: fixed; background-size: cover; } .ibox02 .common_box .common_title { color: #000; } /*.ibox02{padding:.8rem 0; background:#fcfcfc;}*/ .ibox02 .rect-5208{padding-bottom:52.08%;} .ibox02 .content{position:relative;} .ibox02 .content .item{text-align:center;background: #fff;} .ibox02 .content .item:last-child{margin-right:0;} .ibox02 .content .item .img_box{margin-bottom:.15rem;} .ibox02 .content .item .index_box{ padding:0 10%;} .ibox02 .content .item .tit{color:#000;padding: 0 0 15px 0;} .ibox02 .content .btn_box{position:absolute; left:-.5rem; right:-.5rem; top:calc((100% - .43rem) / 2); transform:translateY(-50%);} .ibox02 .content .swiper_btn{position:relative; float:left; width:auto; height:auto; background:#cccccc; color:#ffffff; width:.3rem; height:.6rem; border:none; transition:all .3s ease; box-sizing:border-box; border-radius:unset; right:unset; left:unset; top:unset; margin:0; border:none;} .ibox02 .content .swiper_btn i{font-size:40px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .ibox02 .content .swiper-button-next{float:right;} .ibox02 .content .swiper_btn:hover{background-color:#eb2327;} /* .ibox02 .content .swiper-pagination{display:none!important;} */ .ibox02 .content .swiper-pagination{position:unset; line-height:3px; font-size:0; margin-top:.35rem;} .ibox02 .content .swiper-pagination .swiper-pagination-bullet {width:.4rem; height:3px; background-color:#090606; opacity:1; border-radius:unset; margin-right:.1rem;} .ibox02 .content .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;} .ibox02 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.6rem; background-color:#eb2327;} .ibox03 .common_box{margin-bottom:.45rem;} .ibox03 { background: url(/resources/img/productsbg.jpg) no-repeat; padding:.8rem 0; background-attachment: fixed; background-size: cover; } .ibox03 .common_box .common_title { color: #fff; } .ibox03{padding:.8rem 0; background-color:#f2f2f2;} /*.ibox03 .common_box{border-bottom:2px solid #dfdfdf; position:relative; padding-bottom:.4rem; box-sizing:border-box; margin-bottom:.55rem;} */ .ibox03 .common_box{margin-bottom:.55rem;} .ibox03 .common_box::after{content:''; position:absolute; bottom:0; left:0; width:2.9rem; height:2px; background-color:#eb2327; z-index:2; transform:translateY(100%);} .ibox03 .item .rect-5586{padding-bottom:55.86%; text-align:center;} .ibox03 .item .rect-5586 img{width: 60%;} .ibox03 .item{margin-bottom:.4rem; position:relative; width:22.9%; margin-right:2.8%; cursor:pointer; float:left;} .ibox03 .item::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#e3e3e3;} .ibox03 .item::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#eb2327; width:0; transition:all .5s ease;} .ibox03 .item:nth-child(4n){margin-right:0;} .ibox03 .item .tit{margin:.2rem 0;background: #fff;} .ibox03 .item .tit .btn_more{width:100%; text-align:center;} .ibox03 .item .tit .c{font-size:.2rem; color:#000000; /*max-width:calc(100% - .35rem);*/} .ibox03 .item:hover .btn_more{color:#ebebeb;;} .ibox03 .item:hover .btn_more .i{transform:translateX(55%);} .ibox03 .item:hover .btn_more .c{color:#eb2327;} .ibox03 .item:hover::after{width:100%;} .ibox04{padding:.8rem 0; background-color:#f8f8f8;} .ibox04 .top{margin-bottom:.7rem;} .ibox04 .rect-7916{padding-bottom:79.16%;} .ibox04 .title_box{margin-bottom:.6rem;} .ibox04 .title_box .tit{color:#333333; font-weight:bold;} .ibox04 .top .swiper-container .swiper-button-prev, .ibox04 .top .swiper-container .swiper-button-next{position:absolute; width:.51rem; height:.51rem; background:#eb2327; border-radius:50%; overflow:hidden; } .ibox04 .top .swiper-container .swiper-button-next{right:9.9%; transform:translateX(100%);} .ibox04 .top .swiper-container .swiper-button-prev{left:9.9%; transform:translateX(-100%);} .ibox04 .top .swiper-container .swiper-button-prev .iconfont, .ibox04 .top .swiper-container .swiper-button-next .iconfont{position:absolute; font-size:.56rem; margin:0; top:52%; left:50%; transform:translate(-50%, -50%); color:#fff;} .ibox04 .bott .tab_content .li_{padding:0 4%; display:inline-block; vertical-align:middle; position:relative;} .ibox04 .bott .tab_content .li_:first-child{padding-left:2.8%;} .ibox04 .bott .tab_content .li_:last-child{padding-right:2.8%;} .ibox04 .bott .tab_content .li_ .con{display:block; padding:.4rem 0; cursor:pointer; line-height:1; position:relative; font-size:.2rem; color:#999999;} .ibox04 .bott .tab_content .li_ .con::before{content:''; position:absolute; top:0; left:0; width:100%; background-color:#eb2327; display:none; height:5px; z-index:2;} /* .ibox04 .bott .tab_content .li_::after{content:''; position:absolute; top:2px; left:0; width:100%; background-color:#c5c5c5; height:1px; z-index:1;} */ .ibox04 .bott .tab_content .li_.active .con{color:#eb2327;} .ibox04 .bott .tab_content .li_.active .con::before{display:block;} .ibox04 .bott .tab_content .ul_{white-space:nowrap; position:relative; overflow-x:auto; font-size:0;} .ibox04 .bott .tab_content .ul_{text-align:center;} .ibox04 .bott .tab_content .ul_::after{content:''; position:absolute; top:2px; left:0; width:100%; background-color:#c5c5c5; height:1px; z-index:1;} .ipart05{padding:.8rem 0;} .ipart05 .content{width:14rem; margin-right:auto; margin-left:auto; display:flex; justify-content:space-between; align-items:stretch;} .ipart05 .content .item{width:32.8%; margin-right:0.8%; box-sizing:border-box; background-color:#f6f6f6;} .ipart05 .content .item .img_box{position:relative;} .ipart05 .content .item .img_box a{display:block;} .ipart05 .content .item .img_box .rect-6086{padding-bottom:60.86%;} .ipart05 .content .item .img_box .rect-6086 img{object-fit:cover;} .ipart05 .content .item .corner{position:absolute; width:.98rem; height:.39rem; line-height:.39rem; background-color:rgba(0, 0, 0, .5); top:0; left:0; text-align:center; color:#ffffff; transition:all .5s ease;} .ipart05 .content .item .index_box{padding:.3rem .25rem .54rem; background-color:#f6f6f6; height:2.34rem; box-sizing:border-box;} .ipart05 .content .item .index_box .time{line-height:1; margin-bottom:.4rem; padding-left:.28rem; position:relative; transition:all .5s ease; color:#666666;} .ipart05 .content .item .index_box .time::before{content:''; position:absolute; width:.16rem; height:.15rem; left:0; top:50%; transform:translateY(-50%); background:url(../img/news_icon01.png) no-repeat center/cover; opacity:1; visibility:visible; transition:all .5s ease;} .ipart05 .content .item .index_box .time::after{content:''; position:absolute; width:.16rem; height:.15rem; left:0; top:50%; transform:translateY(-50%); background:url(../img/news_icon02.png) no-repeat center/cover; opacity:0; visibility:hidden; transition:all .5s ease;} .ipart05 .content .item .index_box .tit{color:#111111; font-weight:bold; margin-bottom:.17rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:.28rem; min-height:.28rem; transition:all .5s ease;} .ipart05 .content .item .index_box .con{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:.44rem; min-height:.44rem; color:#666666;} .ipart05 .content .item:hover .corner{background-color:#eb2327;} .ipart05 .content .item:hover .index_box .tit{color:#eb2327;} .ipart05 .content .item:hover .index_box .time{color:#eb2327;} .ipart05 .content .item:hover .index_box .time::before{opacity:0; visibility:hidden;} .ipart05 .content .item:hover .index_box .time::after{opacity:1; visibility:visible;} .ipart05 .content .item.item03{margin-right:0; box-sizing:border-box; padding:.7rem .4rem .3rem .35rem; position:relative; background-color:#f6f6f6;} .ipart05 .content .item.item03 .top{padding-bottom:.3rem; border-bottom:1px solid #e3e4e8;} .ipart05 .content .item.item03 .top .t_tit{margin-bottom:.15rem; color:#111111; transition:all .5s ease; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:.56rem; min-height:.56rem;} .ipart05 .content .item.item03 .top .t_con{color:#666666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:.22rem; min-height:.22rem;} .ipart05 .content .item.item03 .top:hover .t_tit{color:#eb2327;} .ipart05 .content .item.item03 .spec_box{padding-top:.3rem;} .ipart05 .content .item.item03 .spec_box .li_{margin-bottom:.35rem;} .ipart05 .content .item.item03 .spec_box .li_ a{display:flex; align-items:center; justify-content:space-between;} .ipart05 .content .item.item03 .spec_box .li_ .time{/*width:.7rem; margin-right:.3rem;*/ color:#888888;} .ipart05 .content .item.item03 .spec_box .li_ .tit{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:.22rem; min-height:.22rem; color:#333333; width:calc(100% - .9rem); transition:all .5s ease;} .ipart05 .content .item.item03 .btn_box .btn_more .c{color:#333333;} .ipart05 .content .item.item03 .spec_box .li_:hover .tit{color:#eb2327;} .ipart05 .content .item.item03 .btn_box .btn_more:hover .c{color:#eb2327;} .ipart06 .content .rect-4585{padding-bottom:45.85%;} .ipart06 .content .rect-2309{padding-bottom:23.09%;} .ipart06 .content .item{position:relative; float:left; height:100%; transition:all .6s ease; overflow:hidden; width:25%;} .ipart06 .content .item:first-child{margin-left:0;} .ipart06 .content .item .img_box{position:relative; width:100%; height:100%; overflow:hidden;} /* .ipart06 .content .item .img_cover{position:relative; opacity:1; max-width:none; width:100%; transition:opacity 0.2s ease 0.4s; z-index:2;} */ .ipart06 .content .item .img_cover{position:relative; opacity:1; max-width:none; width:100%; transition:opacity 0.2s ease; z-index:2;} /* .ipart06 .content .item .img_full{position:absolute; top:0; left:0; width:100%; opacity:1; max-width:none; height:100%; transition:opacity 0.1s ease 0.1s; z-index:1;} */ .ipart06 .content .item .img_full{position:absolute; top:0; left:0; width:100%; opacity:1; max-width:none; height:100%; transition:opacity 0.1s ease; z-index:1;} .ipart06 .content .item .txt_box{position:absolute; top:50%; left:0; width:100%; padding-left:18.75%; padding-right:9.375%; box-sizing:border-box; z-index:10; transform:translateY(-50%); width:100%;} .ipart06 .content .item .txt_cover{position:relative;} .ipart06 .content .item .txt_cover .txt_btn{position:absolute; top:50%; right:0; transform:translateY(-50%); opacity:0; visibility:hidden; transition:opacity 0.4s ease;} .ipart06 .content .item .txt_cover .txt_btn .iconfont{font-size:.36rem; margin:0; color:#ffffff;} .ipart06 .content .item .txt_cover .tit{color:#ffffff; margin-bottom:.2rem;} .ipart06 .content .item .txt_cover .con{color:#ffffff;} .ipart06 .content .item.on{width:50%;} .ipart06 .content .item.on .img_cover{opacity:0; transition:opacity 0s ease;} .ipart06 .content .item.on .img_full{opacity:1;} .ipart06 .content .item.on .txt_cover .txt_btn{opacity:1; visibility:visible;} /* 解决方案 */ .solution .common_box{text-align:center; margin-bottom:.45rem;} .solution .common_box .common_title{font-weight:bold; color:#333333;} .channel_content.solution{padding:0;} .solution01{padding-bottom:.8rem;} .solution01 .rect-5819{padding-bottom:58.19%;} .solution01 .content{display:flex; justify-content:space-between; align-items:center;} .solution01 .content .left{width:48.9%; margin-right:7.6%;} .solution01 .content .right{width:43.5%;} .solution01 .content .right .tit{color:#eb2327; margin-bottom:.35rem; font-weight:bold;} .solution01 .content .right .con{margin-bottom:.4rem; text-align:justify;} .solution02 .content{position:relative; padding:.4rem 0; overflow:hidden;} .solution02{padding-bottom:.8rem;} .solution02 .content .bg img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; height:100%; max-width:none; width:auto; z-index:-1;} .solution02 .content .swiper-container{width:43.8%;} .solution02 .content .swiper-container .rect-5994{padding-bottom:59.94%;} .solution02 .content .swiper-slide .img_box{position:relative;} .solution02 .content .swiper-slide .con{color:rgba(255, 255, 255, 0.66); margin-top:.3rem; text-align:center;} .solution02 .content .btn_box{position:absolute; left:50%; width:51.3%; top:calc((100% - .54rem) / 2); transform:translate(-50%, -50%);} .solution02 .content .swiper_btn{position:relative; float:left; width:auto; height:auto; width:.25rem; height:.45rem; border:none; transition:all .3s ease; box-sizing:border-box; border-radius:unset; right:unset; left:unset; top:unset; margin:0; border:none;} .solution02 .content .btn_box .swiper-button-next{float:right;} .solution02 .content .btn_box .swiper-button-next{background:url(../img/next01.png) no-repeat center/contain;} .solution02 .content .btn_box .swiper-button-next:hover{background:url(../img/next02.png) no-repeat center/contain;} .solution02 .content .btn_box .swiper-button-prev{background:url(../img/prev01.png) no-repeat center/contain;} .solution02 .content .btn_box .swiper-button-prev:hover{background:url(../img/prev02.png) no-repeat center/contain;} .solution03{padding:.8rem 0; position:relative; overflow:hidden;} .solution03 .bg img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; height:100%; max-width:none; width:auto; z-index:-1;} .solution03 .content{position:relative;} .solution03 .content .box{position:relative;} .solution03 .content .swiper-slide{background-color:transparent;} .solution03 .content .item{position:relative;} .solution03 .content .item .cover{width:100%; height:100%; position:absolute; top:0; left:0;} .solution03 .content .item .cover img{width:100%; height:100%;} .solution03 .content .item .index_box{position:relative; padding:.4rem 13%; padding-right:15%;} .solution03 .content .item .index_box .tit{margin-bottom:.2rem; font-weight:bold; color:#333333;} .solution03 .content .item .con{max-height:1.12rem; overflow-y:auto; padding-right:3px; text-align:justify;} .solution03 .content .item .con::-webkit-scrollbar{width:2px; height:4px;} .solution03 .content .item .con::-webkit-scrollbar-thumb{border-radius:5px; background:#9bcbff;} .solution03 .content .item .con::-webkit-scrollbar-track{border-radius:0; background:transparent;} .solution03 .content .box .btn_box{position:absolute; left:-.5rem; right:-.5rem; top:50%; transform:translateY(-50%);} .solution03 .content .box .swiper_btn{position:relative; float:left; width:auto; height:auto; background:#cccccc; color:#ffffff; width:.3rem; height:.6rem; border:none; transition:all .3s ease; box-sizing:border-box; border-radius:unset; right:unset; left:unset; top:unset; margin:0; border:none;} .solution03 .content .box .swiper_btn i{font-size:40px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .solution03 .content .box .swiper-button-next{float:right;} .solution03 .content .box .swiper_btn:hover{background-color:#eb2327;} .solution04{padding:.8rem 0;} .solution04 .content .tab_box .swiper-wrapper{justify-content:center;} .solution04 .content .tab_box .btn_box .swiper_btn{width:.35rem; height:.35rem; border-radius:unset; background:unset; margin-top:0; transform:translateY(-50%); left:0;} .solution04 .content .tab_box .swiper_btn i{font-size:40px; margin:0; transition:all .3s ease; color:#666666; line-height:.35rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .solution04 .content .tab_box .swiper_btn:hover i{color:#eb2327;} .solution04 .content .tab_box .swiper_btn.swiper-button-next{right:0; left:unset;} .solution04 .content .tab_box{padding:0 .35rem;} .solution04 .content .tab_box::after{content:''; position:absolute; left:0; bottom:3px; border-bottom:1px solid #cccccc; width:100%; z-index:-1;} .solution04 .content .tab_box .swiper-slide{border-bottom:none;} .solution04 .content .tab_box.undisable::before{display:none;} .solution04 .content .bottom_solu .infor_box{display:none;} .solution04 .content .bottom_solu .infor_box.selection{display:block;} .solution04 .content .bott_box{display:flex; align-items:center; justify-content:space-between;} .solution04 .content .bott_box .right .rect-5691{padding-bottom:56.91%;} .solution04 .content .bott_box .left{width:37.9%; margin-right:9.6%;} .solution04 .content .bott_box .left .tit{font-weight:bold; margin-bottom:.25rem;} .solution04 .content .bott_box .left .con{text-align:justify;} .solution04 .content .bott_box .right{width:52.5%;} .solution05{padding:.8rem 0; background-color:#f4f5f8;} .solution05 .content .list ul.fix:before, .solution05 .content .list ul.fix:after{display:none;} .solution05 .content .list ul{display:flex; align-items:flex-start; justify-content:space-around; flex-wrap:wrap;} .solution05 .content .list .li_{padding:0 2.5%; text-align:center; box-sizing:border-box; margin-right:0%; margin-bottom:.2rem;} .solution05 .content .list .li_:last-child{margin-right:0;} .solution05 .content .list .li_ .icon_box{margin-bottom:.15rem;} .solution05 .content .list .li_ .tit{font-weight:bold; color:#333333; margin-bottom:.25rem;} .solution05 .content .list .li_ .con{max-height:1.16rem; overflow-y:auto; padding-right:3px;} .solution05 .content .list .li_ .con::-webkit-scrollbar{width:2px; height:4px;} .solution05 .content .list .li_ .con::-webkit-scrollbar-thumb{border-radius:5px; background:#eb2327;} .solution05 .content .list .li_ .con::-webkit-scrollbar-track{border-radius:0; background:transparent;} /* 当列表项为两个时应用的样式 */ .solution05 .content .list ul.two-items{justify-content:center;} .solution05 .content .list ul.two-items .li_{width:25%;} /* 当列表项平分宽度时应用的样式 */ .solution05 .content .list ul.flex-items .li_{flex:1;} .solution06{padding:.8rem 0; background:#fcfcfc;} .solution06 .rect-5208{padding-bottom:52.08%;} .solution06 .content{position:relative;} .solution06 .content .item{text-align:center;} .solution06 .content .item:last-child{margin-right:0;} .solution06 .content .item .img_box{margin-bottom:.15rem;} .solution06 .content .item .index_box{ padding:0 10%;} .solution06 .content .item .tit{color:#333333;} .solution06 .content .btn_box{position:absolute; left:-.5rem; right:-.5rem; top:calc((100% - .43rem) / 2); transform:translateY(-50%);} .solution06 .content .swiper_btn{position:relative; float:left; width:auto; height:auto; background:#cccccc; color:#ffffff; width:.3rem; height:.6rem; border:none; transition:all .3s ease; box-sizing:border-box; border-radius:unset; right:unset; left:unset; top:unset; margin:0; border:none;} .solution06 .content .swiper_btn i{font-size:40px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .solution06 .content .swiper-button-next{float:right;} .solution06 .content .swiper_btn:hover{background-color:#eb2327;} /* .solution06 .content .swiper-pagination{display:none!important;} */ .solution06 .content .swiper-pagination{position:unset; line-height:3px; font-size:0; margin-top:.35rem;} .solution06 .content .swiper-pagination .swiper-pagination-bullet {width:.4rem; height:3px; background-color:#090606; opacity:1; border-radius:unset; margin-right:.1rem;} .solution06 .content .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;} .solution06 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.6rem; background-color:#eb2327;} /* 产品详情 */ .channel_content.pro_detail{padding:0;} .pro_detail .common_box{text-align:center; margin-bottom:.45rem;} .pro_detail .common_box .common_title{font-weight:bold; color:#333333;} .pro_detail01{padding-bottom:1.35rem; position:relative; background:url(../img/pro_detail01_bg.jpg) no-repeat center/cover; margin-top:.85rem;} .pro_detail01 .content{position:relative;} .pro_detail01 .content .box{display:flex; align-items:center;} .pro_detail01 .content .crumbs{padding:.32rem 0; text-align:right; margin-bottom:.2rem;} .pro_detail01 .content .box .left{width:40%; margin-right:7%; margin-left:7%;} .pro_detail01 .content .box .left .rect-656{padding-bottom:65.6%;} .pro_detail01 .content .box .left .rect-7764{padding-bottom:77.64%;} .pro_detail01 .content .box .left .img_top{margin:0 21% .3rem;} .pro_detail01 .content .box .left .img_bott .ul_{font-size:0; text-align:center;} .pro_detail01 .content .box .left .img_bott .ul_ .li_{margin:0 3px; display:inline-block; vertical-align:middle; width:.6rem; border:solid 1px #dddddd; cursor:pointer; overflow:hidden;} .pro_detail01 .content .box .left .img_bott .ul_ .li_.cur{border:solid 1px #eb2327;} .pro_detail01 .content .box .right{width:46%;} .pro_detail01 .content .box .right .ret_list{display:inline-block; margin-bottom:.25rem; font-size:0; cursor:pointer; position:absolute; top:0.32rem; left:0;} .pro_detail01 .content .box .right .ret_list .icon{display:inline-block; vertical-align:middle; background:url(../img/pro_detail01_ricon01.png) no-repeat center / contain; height:.21rem; width:.17rem; margin-right:.1rem;} .pro_detail01 .content .box .right .ret_list:hover .icon{background:url(../img/pro_detail01_ricon02.png) no-repeat center / contain;} .pro_detail01 .content .box .right .ret_list:hover .con{color:#eb2327; font-weight:bold;} .pro_detail01 .content .box .right .ret_list .con{display:inline-block; vertical-align:middle; font-size:.16rem; line-height:1; color:#666666;} .pro_detail01 .content .box .right .index_box{margin-bottom:.6rem;} .pro_detail01 .content .box .right .index_box .common_box{margin-bottom:0;} .pro_detail01 .content .box .right .index_box .common_title{color:#eb2327; margin-bottom:.25rem; text-align:left;} .pro_detail01 .content .box .right .index_box .con{margin-bottom:.3rem; color:#333333;} .pro_detail01 .content .box .right .index_box .con em{font-weight:bold;} .pro_detail02{position:relative; padding:.9rem 0; overflow:hidden;} .pro_detail02 .bg img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; height:100%; max-width:none; width:auto;} .pro_detail02 .content{display:flex; align-items:center; justify-content:space-between;} .pro_detail02 .content .left .rect-6125{padding-bottom:62.15%;} .pro_detail02 .content .left{width:38.7%; margin-right:11.9%; position:relative;} .pro_detail02 .content .right{width:49.4%; position:relative; text-align:left;} .pro_detail02 .content .right .common_title{color:#ffffff; text-align:left;} .pro_detail02 .content .right .con{color:#ffffff;} .pro_detail02_1{position:relative; padding:.9rem 0; overflow:hidden;} .pro_detail02_1 .bg img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; height:100%; max-width:none; width:auto;} .pro_detail02_1 .content{display:flex; align-items:center; justify-content:space-between;} .pro_detail02_1 .content .left .rect-6125{padding-bottom:62.15%;} .pro_detail02_1 .content .left{width:38.7%; margin-right:11.9%; position:relative;} .pro_detail02_1 .content .right{width:49.4%; position:relative; text-align:left;} .pro_detail02_1 .content .right .common_title{color:#ffffff; text-align:left;} .pro_detail02_1 .content .right .con{color:#ffffff;} .pro_detail03{padding:.8rem 0;} .pro_detail03 .content{position:relative;} .pro_detail03 .content .item{position:relative;} .pro_detail03 .content .item .img_box{height:2rem;} .pro_detail03 .content .item .img_box img{width:100%; height:100%; object-fit:cover;} .pro_detail03 .content .item .rect-4198{padding-bottom:41.98%;} .pro_detail03 .content .item .con{max-height:1.12rem; overflow-y:auto; padding-right:3px; position:absolute; left:.85rem; right:.85rem; top:50%; transform:translateY(-50%); /*text-align:center;*/} .pro_detail03 .content .item .con::-webkit-scrollbar{width:2px; height:4px;} .pro_detail03 .content .item .con::-webkit-scrollbar-thumb{border-radius:5px; background:#9bcbff;} .pro_detail03 .content .item .con::-webkit-scrollbar-track{border-radius:0; background:transparent;} .pro_detail03 .content .btn_box{position:absolute; left:-.5rem; right:-.5rem; top:50%; transform:translateY(-50%);} .pro_detail03 .content .swiper_btn{position:relative; float:left; width:auto; height:auto; background:#cccccc; color:#ffffff; width:.3rem; height:.6rem; border:none; transition:all .3s ease; box-sizing:border-box; border-radius:unset; right:unset; left:unset; top:unset; margin:0; border:none;} .pro_detail03 .content .swiper_btn i{font-size:40px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .pro_detail03 .content .swiper-button-next{float:right;} .pro_detail03 .content .swiper_btn:hover{background-color:#eb2327;} .pro_detail04{margin-bottom:.8rem; margin-top:.3rem;} .pro_detail04 .content .right .tab_box .btn_box{display:none;} .pro_detail04 .content .right .tab_box .swiper-slide{padding:0 .35rem;} .pro_detail04 .content .right .tab_box .swiper-slide:first-child{padding-left:0;} .pro_detail04 .content .right .tab_box .swiper-slide:last-child{padding-right:0;} /* .pro_detail04 .content .right .tab_box .swiper-wrapper::after{content:''; position:absolute; left:0; bottom:0; border-bottom:1px solid #cccccc; width:100%; z-index:-1;} */ .pro_detail04 .content{display:flex; justify-content:flex-start; align-items:flex-start;} .pro_detail04 .content .left{width:43.2%; margin-right:5.8%;} .pro_detail04 .content .left .rect-589{padding-bottom:58.9%;} .pro_detail04 .content .left .item{display:none; position:relative;} .pro_detail04 .content .left .item.selection{display:block;} .pro_detail04 .content .left .item .index_box{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:55%;} .pro_detail04 .content .right{width:51%; margin-top:.6rem;} .pro_detail04 .content .right .c_box{position:relative; height:1.12rem;} .pro_detail04 .content .right .c_box .con{color:#333333; width:88.4%; position:absolute; top:0; left:0; z-index:-1; opacity:0; visibility:hidden; max-height:1.12rem; overflow-y:auto; text-align:justify;} .pro_detail04 .content .right .c_box .con.on{animation:indLanLeft 1s ease both .1s; opacity:1; visibility:visible; z-index:1;} .pro_detail04 .content .right .c_box .con::-webkit-scrollbar{width:2px; height:4px;} .pro_detail04 .content .right .c_box .con::-webkit-scrollbar-thumb{border-radius:5px; background:#eb2327;} .pro_detail04 .content .right .c_box .con::-webkit-scrollbar-track{border-radius:0; background:transparent;} @keyframes indLanLeft { 0% { opacity:0; transform:translateX(140px); } 100% { opacity:1; transform:translateX(0); } } .pro_detail05{padding:.8rem 0; background-color:#f4f5f8;} .pro_detail05 .content .list .li_{padding:.15rem 3.4%; text-align:center; box-sizing:border-box;} .pro_detail05 .content .list .li_ .icon_box{margin-bottom:.15rem;} .pro_detail05 .content .list .li_ .tit{font-weight:bold; color:#333333; margin-bottom:.25rem;} .pro_detail05 .content .list .li_ .con{height:1.12rem; overflow-y:auto; padding-right:3px;} .pro_detail05 .content .list .li_ .con::-webkit-scrollbar{width:2px; height:4px;} .pro_detail05 .content .list .li_ .con::-webkit-scrollbar-thumb{border-radius:5px; background:#eb2327;} .pro_detail05 .content .list .li_ .con::-webkit-scrollbar-track{border-radius:0; background:transparent;} .pro_detail05 .content .list .fix{display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap;} .pro_detail05 .content .list .fix::before, .pro_detail05 .content .list .fix::after{display:none;} .pro_detail05 .content .list .li_{padding:.15rem 1.4%;} /* 当列表项为两个时应用的样式 */ .pro_detail05 .content .list ul.two-items .li_{width:25%;} /* 当列表项平分宽度时应用的样式 */ .pro_detail05 .content .list ul.flex-items .li_{flex:1;} .pro_detail .solution06{padding:.8rem 0; color:#fcfcfc;} .pro_detail .ibox02{padding:.8rem 0; color:#fcfcfc;} .pro_detail07{padding:.8rem 0;} .pro_detail .pro_detail07 .common_box{margin-bottom:.2rem;} .pro_detail07 .content .tab_box{margin-bottom:.25rem;} /* .pro_detail07 .content .tab_box .swiper-container {padding-bottom:.08rem;} */ .pro_detail07 .content .tab_box .swiper-wrapper{justify-content:center;} /* .pro_detail07 .content .tab_box .swiper-wrapper::after{content:''; position:absolute; left:0; bottom:0; border-bottom:1px solid #cccccc; width:100%; z-index:-1;} */ .pro_detail07 .content .tab_box .swiper-slide{border-bottom:none} .pro_detail07 .content .tab_box .btn_box{display:none;} .pro_detail07 .content .table_box table{width:100%; text-align:center;} .pro_detail07 .content .table_box table tr{background-color:#ffffff; border-bottom:1px solid #d9d9d9;} .pro_detail07 .content .table_box table tr:nth-child(2n-1){background-color:#f8f8f8;} .pro_detail07 .content .table_box table tr:nth-child(1){background-color:#eaeaea; font-weight:bold;} .pro_detail07 .content .table_box table tr td{padding:.25rem 0; font-size:.18rem; line-height:1;} .pro_detail07 .content .table_box table tr td:nth-child(1){width:43%; text-align:left; padding-left:11.2%; box-sizing:border-box;} .pro_detail07 .content .table_box table tr td:nth-child(2){width:20.5%;} .pro_detail07 .content .table_box table tr td:nth-child(3){width:27.6%; padding:.18rem 0; padding-right:2%; box-sizing:border-box;} .pro_detail07 .content .table_box table tr td button{padding:unset; border:none; background-color:#eb2327; cursor:pointer; margin-right:.33rem; color:#ffffff; height:.35rem; line-height:.35rem; font-size:.16rem; padding:0 .35rem; border-radius:18px; transition:all .3s ease;} .pro_detail07 .content .table_box table tr td button:last-child{margin-right:0;} .pro_detail07 .content .table_box table tr td button:hover{background-color:#be171a;} .pro_detail08{padding:.8rem 0 .6rem; color:#fcfcfc;} .pro_detail .pro_detail08 .common_box{margin-bottom:calc(.45rem - 20px);} .pro_detail08 .rect-5223{padding-bottom:52.23%;} .pro_detail08 .content{overflow:hidden; margin-left:-20px; margin-right:-20px;} .pro_detail08 .content .swiper-container{overflow:visible; margin:0 auto; width:calc(100% - 40px);} .pro_detail08 .content .swiper-slide{padding:.2rem 0;} .pro_detail08 .content .item{text-align:center; box-sizing:border-box; background-color:#ffffff; box-shadow:-5px 3px 20px 0px rgba(0, 0, 0, 0.1); padding:.3rem .32rem .4rem; cursor:pointer;} .pro_detail08 .content .item:last-child{margin-right:0;} .pro_detail08 .content .item .img_box{margin-bottom:.3rem; position:relative;} .pro_detail08 .content .item .tit{color:#111111; font-weight:bold;} .pro_detail08 .content .item.hasVideo .play{display:block;} .pro_detail08 .content .item:hover .tit{color:#eb2327;} .pro_detail08 .content .btn_box{position:absolute; left:-.5rem; right:-.5rem; top:calc((100% - .43rem) / 2); transform:translateY(-50%);} .pro_detail08 .content .swiper_btn{position:relative; float:left; width:auto; height:auto; background:#cccccc; color:#ffffff; width:.3rem; height:.6rem; border:none; transition:all .3s ease; box-sizing:border-box; border-radius:unset; right:unset; left:unset; top:unset; margin:0; border:none;} .pro_detail08 .content .swiper_btn i{font-size:40px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .pro_detail08 .content .swiper-button-next{float:right;} .pro_detail08 .content .swiper_btn:hover{background-color:#eb2327;} /* .pro_detail08 .content .swiper-pagination{display:none!important;} */ .pro_detail08 .content .swiper-pagination{position:unset; line-height:3px; font-size:0; margin-top:.1rem;} .pro_detail08 .content .swiper-pagination .swiper-pagination-bullet {width:.4rem; height:3px; background-color:#dbdbdb; opacity:1; border-radius:unset; margin-right:.1rem;} .pro_detail08 .content .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;} .pro_detail08 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.6rem; background-color:#eb2327;} .pro_detail09{padding:0;} .pro_detail09{margin-top:.4rem; margin-bottom:.8rem;} .pro_detail09 .content{position:relative;} .pro_detail09 .content .tit{position:absolute; bottom:.25rem; left:50%; transform:translateX(-50%); font-weight:bold; color:#ffffff;} /* 资源中心 */ /* 公共new_top */ .resource_center .top_box .left .select_box{width:2.8rem; height:.42rem; background-color:rgba(255, 255, 255, .9); border:1px solid #e1e1e1; border-radius:22px; position:relative; padding:0 .3rem; cursor:pointer;} .resource_center .top_box .left .select_box .text{font-size:.16rem; color:#333333; line-height:1; white-space:nowrap; text-align:center; display:inline-block; line-height:.42rem;} .resource_center .top_box .left .select_box .iconfont{position:absolute; right:.25rem; top:50%; transform:translateY(-50%); margin:0; transition:all .3s ease; color:#333333;} .resource_center .top_box .left .select_box .select_down{position:absolute; top:calc(100% + .13rem); left:-1px; width:calc(100% + 2px); background-color:#ffffff; box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.06); border-radius:5px; border:solid 1px #f7f7f7; padding:.08rem; box-sizing:border-box; overflow:hidden; display:none; z-index:2;} .resource_center .top_box .left .select_box .select_down .select_item{font-size:.16rem; color:#848484; line-height:.42rem; background-color:transparent; transition:all .3s ease; padding:0 .22rem; border-radius:5px; overflow:hidden; cursor:pointer; z-index:20;} .resource_center .top_box .left .select_box .select_down .select_item:hover{color:#ffffff; background-color:#eb2327;} .resource_center .top_box .left .select_box.cur .iconfont{transform:translateY(-50%) rotate(-90deg);} .resource_center .top_box .right .resource_search_box{width:3.15rem; height:.42rem; background-color:rgba(255, 255, 255, .9); border:1px solid #e1e1e1; border-radius:22px; position:relative; padding:0 .25rem; overflow:hidden;} .resource_center .top_box .right .resource_search_box .inp{width:calc(100% - .7rem); line-height:calc(.42rem - 2px); border:none; padding:0; font-size:.16rem; color:#848484;} .resource_center .top_box .right .resource_search_box .resource_search_btn{position:absolute; top:0; right:0; background-color:#eb2327; border:1px solid #eb2327; height:100%; width:.8rem; background:url(../img/resource_search_btn.svg)#eb2327 no-repeat; background-position:center; background-size:.18rem .18rem; padding:0; margin:0; border:none; cursor:pointer; border-radius:22px; overflow:hidden;} /* 样册库 */ .sample_library02 .content{background-color:#ffffff; box-shadow:0px 0px 21px 0px rgba(0, 0, 0, 0.1); padding-bottom:1rem; margin-bottom:.8rem; margin-top:1.3rem;} .sample_library02 .content table{width:100%; text-align:center;} .sample_library02 .content table tr{background-color:#ffffff; border-bottom:2px solid #f0f0f0; box-sizing:border-box; width:100%;} .sample_library02 .content table tr.firstRow{background-color:#f0f0f0; border:none;} .sample_library02 .content table tr td{padding:.21rem 0; font-size:.16rem; line-height:.3rem; color:#333333;} .sample_library02 .content table tr.firstRow td{font-size:.2rem;} .sample_library02 .content table tr td:nth-child(1){width:19.2%; text-align:left; box-sizing:border-box; padding-left:3.8%;} .sample_library02 .content table tr td:nth-child(2){width:22.4%;} .sample_library02 .content table tr td:nth-child(3){width:25.6%; box-sizing:border-box;} .sample_library02 .content table tr td:nth-child(4){width:30.8%; box-sizing:border-box; text-align:left; text-align:right; padding:.21rem 0; padding-right:5.7%;} .sample_library02 .content table tr td button{padding:unset; border:none; background-color:#f0f0f0; cursor:pointer; margin-right:13%; color:#333333; height:.55rem; line-height:.55rem; font-size:.16rem; padding:0 .31rem; border-radius:28px; transition:all .3s ease;} .sample_library02 .content table tr td button:last-child{margin-right:0;} .sample_library02 .content table tr td button:hover{background-color:#eb2327; color:#ffffff;} .sample_library02 .content table tr td button a{color:#333333;} .sample_library02 .content table tr td button:hover a{color:#ffffff;} /* 分页 start */ .page{font-size:0; color:#000000; text-align:center; } .page a,.page select{display:inline-block; vertical-align:middle; min-Width:38px; padding:0 10px; height:38px; line-height:38px; margin-right:13px; text-align:center; background-color:#ffffff; border:solid 1px #c7c7c7; font-size:.16rem;} .page .goprev i, .page .gonext i{font-size:25px; color:#afafaf; vertical-align:top; margin:0;} .page a.current{color:#fff; background:#eb2327; border-color:#eb2327;} .page a:hover{color:#fff; background:#eb2327; border-color:#eb2327;} .page a:hover i{color:#fff;} .page .goprev{border-radius:5px 0px 0px 5px;} .page .gonext{border-radius:0px 5px 5px 0px;} @media only screen and (max-width:820px){ .page a{width:36px; height:36px; line-height:36px; margin-right:10px; font-size:14px;} .page a{width:28px; height:28px; line-height:28px; margin-right:8px; font-size:14px;} .page a:nth-child(4), .page a:nth-child(5), .page a:nth-child(6){display:none;} .page a.sl.ellipsis{display:inline-block;} .page .goprev i, .page .gonext i{font-size:18px;} } /* 分页 end */ /* 视频库 */ .video_library02{margin-top:.65rem;} .video_library02 .content .list .item{float:left; width:32.1%; margin-right:1.85%; cursor:pointer; margin-bottom:.65rem;} .video_library02 .content .list .item:nth-child(3n){margin-right:0;} .video_library02 .content .list .item .img_box{margin-bottom:.32rem; border-radius:10px; overflow:hidden; position:relative;} .video_library02 .content .list .item .img_box .play{width:.52rem; z-index:2;} .video_library02 .content .list .item.hasVideo .img_box .play{display:block;} .video_library02 .content .list .item .img_box .play img{width:100%;} .video_library02 .content .list .item.imgZoom:hover .img_box .play img{ -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1);} .video_library02 .content .list .item .img_box .rect-6055{padding-bottom:60.55%;} .video_library02 .content .list .item .intro_box .con{color:#333333; margin-bottom:.17rem;} .video_library02 .content .list .item .intro_box .time{font-size:.14rem; line-height:1; color:#848484;} /* 视频库 */ .picture_library02{margin-top:.65rem;} .picture_library02 .content .list .item{float:left; width:16.4%; margin-right:4.5%; cursor:pointer; margin-bottom:.65rem;} .picture_library02 .content .list .item:nth-child(5n){margin-right:0;} .picture_library02 .content .list .item .img_box .rect-152{padding-bottom:152%;} /* .picture_library02 .content .list .item .img_box .rect-152 img{position:absolute; top:50%; left:50%; min-height:100%; height:100%; width:auto; min-width:100%; max-width:none; transform:translate(-50%, -50%);} */ .picture_library02 .content .list .item .img_box .rect-152 img{object-fit:cover;} .picture_library02 .content .list .item .img_box{margin-bottom:.23rem; border-radius:10px; overflow:hidden; position:relative;} .picture_library02 .content .list .item .img_box .mask{position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0, 0, 0, .2); z-index:1; transition:all .3s ease;} .picture_library02 .content .list .item .img_box .mask img{width:.36rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2;} .picture_library02 .content .list .item:hover .img_box .mask{background-color:rgba(0, 0, 0, 0);} .picture_library02 .content .list .item .intro_box .con{color:#333333; margin-bottom:.17rem;} .picture_library02 .content .list .item .intro_box .time{font-size:.14rem; line-height:1; color:#848484;} /* 登录 */ .channel_content.login{padding:0;} .login01{height:calc(100vh - .85rem); margin-top:.85rem; position:relative; overflow:hidden;} .login01 .bg img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%; max-height:none; max-width:none; width:auto; overflow:hidden;} .login01 .content{position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0;} .login01 .content .infor_box{width:5.25rem; background-color:#fffefe; box-shadow:0px 2px 7px 1px rgba(130, 9, 0, 0.1); border-radius:10px; overflow:hidden; box-sizing:border-box; padding:.45rem .58rem .35rem .64rem; margin-right:2.8%;} .login01 .content .infor_box .infor{text-align:center;} .login01 .content .infor_box .infor .tit{font-size:.24rem; line-height:1; font-weight:bold; color:#eb2327; padding:.1rem 0; position:relative; margin-bottom:.5rem; display:inline-block;} .login01 .content .infor_box .infor .tit::after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background-color:#eb2327; width:100%; height:2px;} .login01 .content .infor_box .form_con .line{margin-bottom:.28rem;} .login01 .content .infor_box .form_con .line:last-child{margin-bottom:.23rem;} .login01 .content .infor_box .form_con .line .cell{width:100%; height:.6rem; border-radius:5px; border:solid 1px #dcdcdc; position:relative; padding:0 .18rem; box-sizing:border-box;} .login01 .content .infor_box .form_con .line .cell .lab{position:absolute; top:0; left:.18rem; width:auto; line-height:1; font-size:12px; color:#333333; transform:translateY(-50%); z-index:2; background-color:#fff; padding:0 .05rem;} .login01 .content .infor_box .form_con .line .cell .inp{width:100%; line-height:calc(.6rem - 2px); border:none; padding:0; font-size:14px; color:#333333;} .login01 .content .infor_box .form_con .line.verification_code .cell{border:none; padding:0; font-size:0;} .login01 .content .infor_box .form_con .line.verification_code .cell .inp{border: solid 1px #dcdcdc; padding:0 .18rem; box-sizing:border-box; border-radius:8px; overflow:hidden; width:calc(100% - 2.06rem);} .login01 .content .infor_box .form_con .line.verification_code .cell img{width:1.93rem; margin-left:.13rem; cursor:pointer;} .login01 .content .infor_box .form_con .full_link{margin-bottom:.5rem;} .login01 .content .infor_box .form_con .full_link .remember_pwd{font-size:0; cursor:pointer;} .login01 .content .infor_box .form_con .full_link .remember_pwd .remb_icon{width:.16rem; height:.16rem; border-radius:2px; border:solid 1px #dcdcdc; display:inline-block; vertical-align:middle; margin-right:.06rem; line-height:.3rem; position:relative;} .login01 .content .infor_box .form_con .full_link .remember_pwd .remb_icon .iconfont{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:.16rem; color:#eb2327; margin:0; display:none;} .login01 .content .infor_box .form_con .full_link .remember_pwd.check .remb_icon .iconfont{display:block;} .login01 .content .infor_box .form_con .full_link .remember_pwd .remb_text{display:inline-block; vertical-align:middle; line-height:.3rem; color:#333333; font-size:.14rem; transition:all .3s ease;} /* .login01 .content .infor_box .form_con .full_link .remember_pwd:hover .remb_text{color:#eb2327;} */ .login01 .content .infor_box .form_con .full_link .forgot_pwd{line-height:.3rem; color:#333333; font-size:.14rem;} .login01 .content .infor_box .form_con .btn_box{margin-bottom:.3rem;} .login01 .content .infor_box .form_con .btn_box .submit_btn{padding:0; margin:0; border:none; cursor:pointer; border-radius:5px; overflow:hidden; background-color:#eb2327; line-height:.6rem; height:.6rem; font-size:.2rem; text-align:center; font-weight:bold; color:#ffffff; width:100%;} .login01 .content .infor_box .form_con .register_link{text-align:center;} .login01 .content .infor_box .form_con .register_link .text{color:#b7b7b7; position:relative; line-height:1; font-size:.14rem; white-space:nowrap; display:inline-block;} .login01 .content .infor_box .form_con .register_link .text::after{position:absolute; content:''; bottom:-3px; background-color:#b7b7b7; left:0; width:100%; height:1px; transition:all .3s ease;} .login01 .content .infor_box .form_con .register_link .text:hover{color:#eb2327;} .login01 .content .infor_box .form_con .register_link .text:hover::after{background-color:#eb2327;} /* 注册 */ .channel_content.register{padding:0;} .register01{height:calc(100vh - .85rem); position:relative; overflow:hidden; margin-top:.85rem;} .register01 .bg img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%; max-height:none; max-width:none; width:auto; overflow:hidden;} .register01 .content{position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0;} .register01 .content .infor_box{width:5.25rem; background-color:#fffefe; box-shadow:0px 2px 7px 1px rgba(130, 9, 0, 0.1); border-radius:10px; overflow:hidden; box-sizing:border-box; padding:.45rem .58rem .45rem .64rem; margin-right:2.8%;} .register01 .content .infor_box .infor{text-align:center;} .register01 .content .infor_box .infor .tit{font-size:.24rem; line-height:1; font-weight:bold; color:#eb2327; padding:.1rem 0; position:relative; margin-bottom:.4rem; display:inline-block;} .register01 .content .infor_box .infor .tit::after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background-color:#eb2327; width:100%; height:2px;} .register01 .content .infor_box .form_con .line{margin-bottom:.25rem;} .register01 .content .infor_box .form_con .line:last-child{margin-bottom:.23rem;} .register01 .content .infor_box .form_con .line .cell{width:100%; height:.55rem; border-radius:5px; border:solid 1px #dcdcdc; position:relative; padding:0 .18rem; box-sizing:border-box;} .register01 .content .infor_box .form_con .line .cell .lab{position:absolute; top:0; left:.18rem; width:auto; line-height:1; font-size:12px; color:#333333; transform:translateY(-50%); z-index:2; background-color:#fff; padding:0 .05rem;} .register01 .content .infor_box .form_con .line .cell .lab em{color:#eb2327;} .register01 .content .infor_box .form_con .line .cell .inp{width:100%; line-height:calc(.55rem - 2px); border:none; padding:0; font-size:14px; color:#333333;} .register01 .content .infor_box .form_con .line.verification_code .cell{border:none; padding:0; font-size:0;} .register01 .content .infor_box .form_con .line.verification_code .cell .inp{border: solid 1px #dcdcdc; padding:0 .18rem; box-sizing:border-box; border-radius:8px; overflow:hidden; width:calc(100% - 2.06rem);} .register01 .content .infor_box .form_con .line.verification_code .cell img{width:1.93rem; margin-left:.13rem; cursor:pointer;} .register01 .content .infor_box .form_con .full_link{margin-bottom:.35rem;} .register01 .content .infor_box .form_con .full_link .remember_pwd{font-size:0; cursor:pointer;} .register01 .content .infor_box .form_con .full_link .remember_pwd .remb_icon{width:.16rem; height:.16rem; border-radius:2px; border:solid 1px #dcdcdc; display:inline-block; vertical-align:middle; margin-right:.06rem; line-height:.3rem; position:relative;} .register01 .content .infor_box .form_con .full_link .remember_pwd .remb_icon .iconfont{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:.16rem; color:#333333; margin:0; display:none;} .register01 .content .infor_box .form_con .full_link .remember_pwd.check .remb_icon .iconfont{display:block;} .register01 .content .infor_box .form_con .full_link .remember_pwd .remb_text{display:inline-block; vertical-align:middle; line-height:.3rem; color:#333333; font-size:.14rem; transition:all .3s ease;} .register01 .content .infor_box .form_con .full_link .forgot_pwd{line-height:1; color:#b7b7b7; font-size:.14rem; position:relative; white-space:nowrap; margin-top:.2rem;} .register01 .content .infor_box .form_con .full_link .forgot_pwd::after{position:absolute; content:''; bottom:-2px; background-color:#b7b7b7; left:0; width:100%; height:1px; transition:all .3s ease;} .register01 .content .infor_box .form_con .full_link .forgot_pwd:hover{color:#eb2327;} .register01 .content .infor_box .form_con .full_link .forgot_pwd:hover::after{background-color:#eb2327;} .register01 .content .infor_box .form_con .btn_box .submit_btn{padding:0; margin:0; border:none; cursor:pointer; border-radius:5px; overflow:hidden; background-color:#eb2327; line-height:.6rem; height:.6rem; font-size:.2rem; text-align:center; font-weight:bold; color:#ffffff; width:100%;} /* 供应商准入01 */ .supplier_acc01 .title_box{display:flex; justify-content:space-between; align-items:center; margin-bottom:.5rem;} .supplier_acc01 .title_box .tit{line-height:.5rem; color:#333333; font-weight:bold;} .supplier_acc01 .title_box .report_list li{font-size:.2rem; line-height:.36rem; color:#333333; font-weight:bold;} .supplier_acc01 .title_box .report_list li a{color:#eb2327;} .supplier_acc01 .content{margin-bottom:.45rem;} .supplier_acc01 .content .item{float:left; width:32%; margin-right:2%; position:relative;} .supplier_acc01 .content .item:last-child{margin-right:0;} .supplier_acc01 .content .item .rect-60{padding-bottom:60%;} .supplier_acc01 .content .item .infor_box{position:absolute; left:.6rem; top:50%; transform:translateY(-50%);} .supplier_acc01 .content .item .infor_box .tit{margin-bottom:.3rem; color:#ffffff; font-weight:bold;} .supplier_acc01 .content .item .infor_box .btn_check{padding:0 .4rem; line-height:.38rem; height:.38rem; border:1px solid #ffffff; color:#ffffff; position:relative; background-color:transparent; display:inline-block;} .supplier_acc01 .content .item .infor_box .btn_check:hover{background:#fff; color:#000;} .supplier_acc01 .btn_entry{text-align:center;} .supplier_acc01 .btn_entry a{display:inline-block; width:25.6%; font-size:0; background-color:#eb2327; line-height:.65rem; height:.65rem; border-radius:8px; overflow:hidden;} .supplier_acc01 .btn_entry a span{display:inline-block; vertical-align:middle;} .supplier_acc01 .btn_entry a .icon{background:url(../img/supplier_acc_icon01.png) no-repeat center/contain; width:.34rem; height:.31rem; margin-right:.1rem;} .supplier_acc01 .btn_entry a .text{font-size:.24rem; line-height:.65rem; color:#ffffff; font-weight:bold;} /* 供应商准入02 供应商须知 */ .supplier_ntc01 .index_box .tit{color:#333333; margin-bottom:.6rem; text-align:center; font-weight:bold;} .supplier_ntc01 .bott{margin-top:1rem;} .supplier_ntc01 .bott .remember_notic{font-size:0; text-align:center; margin-bottom:.4rem;} .supplier_ntc01 .bott .remember_notic .remb_icon{width:.19rem; height:.19rem; border:solid 1px #333333; display:inline-block; vertical-align:middle; margin-right:.13rem; line-height:.3rem; position:relative; cursor:pointer;} .supplier_ntc01 .bott .remember_notic .remb_icon .iconfont{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:.16rem; color:#333333; margin:0; display:none; color:#eb2327;} .supplier_ntc01 .bott .remember_notic .remb_icon.check .iconfont{display:block;} .supplier_ntc01 .bott .remember_notic .remb_text{display:inline-block; vertical-align:middle; line-height:.16rem; color:#666666; font-size:.16rem; transition:all .3s ease; font-weight:bold;} .supplier_ntc01 .bott .next_btn{text-align:center; font-size:0;} .supplier_ntc01 .bott .next_btn a{background-color:#eb2327; border-radius:8px; overflow:hidden; display:inline-block; padding:0 .47rem; font-weight:bold; font-size:.2rem; line-height:.6rem; height:.6rem; color:#ffffff;} /* 供应商准入03 供应商登记 */ .supplier_reg01 .title_box .tit{color:#333; font-weight:bold; margin-bottom:.5rem;} .supplier_reg01 .form_con .line{float:left; width:32.6%; margin-right:1.1%; height:.6rem; margin-bottom:.25rem;} .supplier_reg01 .form_con .line:nth-child(4), .supplier_reg01 .form_con .line:nth-child(7), .supplier_reg01 .form_con .line:nth-child(10), .supplier_reg01 .form_con .line:nth-child(13), .supplier_reg01 .form_con .line:nth-child(16){margin-right:0;} .supplier_reg01 .form_con .line .cell{position:relative; width:100%; display:flex; align-items:center; justify-content:flex-start; box-shadow:0px 0px 18px 0px rgba(13, 38, 68, 0.05); background-color:#ffffff; border-radius:10px;} .supplier_reg01 .form_con .line .cell .lab{font-size:.16rem; font-weight:bold; line-height:.6rem; height:.6rem; position:relative; padding:0 .28rem; color:#787878;} .supplier_reg01 .form_con .line .cell .lab em{color:#eb2327;} .supplier_reg01 .form_con .line .cell .lab::after{position:absolute; content:''; top:50%; right:0; transform:translateY(-50%); background-color:#e0e0e0; width:1px; height:.2rem;} .supplier_reg01 .form_con .line .cell .inp{line-height:.6rem; height:.6rem; border:none; padding:0; font-size:.16rem; color:#333333; padding:0 .28rem; box-sizing:border-box; flex:1;} /* 自定义下拉selection */ .supplier_reg01 .form_con .line .cell .text{line-height:.6rem; height:.6rem; font-size:.16rem; color:#848484; padding:0 .28rem; box-sizing:border-box; position:relative; flex:1; cursor:pointer;} .supplier_reg01 .form_con .line .cell .text .active{color:#333333;} .supplier_reg01 .form_con .line .cell .text .iconfont{position:absolute; top:50%; transform:translateY(-50%); right:.28rem; margin:0; transition:all .3s ease; color:#333333; font-size:.18rem; line-height:1;} .supplier_reg01 .form_con .line .cell .select_down{position:absolute; top:100%; left:0; width:100%; background-color:#ffffff; box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.06); border-radius:5px; border:solid 1px #f7f7f7; padding:.08rem; box-sizing:border-box; display:none; z-index:2; max-height:4.36rem; overflow-y:auto;} .supplier_reg01 .form_con .line.line07 .cell .text:nth-child(2) .select_down{height:3.94rem;} .supplier_reg01 .form_con .line .cell .select_down::-webkit-scrollbar {width:2px; height:4px;} .supplier_reg01 .form_con .line .cell .select_down::-webkit-scrollbar-thumb {border-radius:5px; background:#eb2327; } .supplier_reg01 .form_con .line .cell .select_down::-webkit-scrollbar-track {border-radius:5px; background:transparent;} .supplier_reg01 .form_con .line .cell .select_down .select_item{font-size:.16rem; color:#848484; line-height:.42rem; background-color:transparent; transition:all .3s ease; padding:0 .2rem; border-radius:5px; overflow:hidden; cursor:pointer; z-index:20;} .supplier_reg01 .form_con .line .cell .select_down .select_item:hover{color:#ffffff; background-color:#eb2327;} /* 自定义line以及input */ .supplier_reg01 .form_con .line.line01{width:100%;} .supplier_reg01 .form_con .line.line01 .cell{width:32.6%;} .supplier_reg01 .form_con .line.line07 .text.province::after{position:absolute; content:''; top:50%; right:0; transform:translateY(-50%); background-color:#e0e0e0; width:1px; height:.2rem;} .supplier_reg01 .form_con .line.download .cell .input_box{position:relative; flex:1; padding:0 .28rem; box-sizing:border-box;} .supplier_reg01 .form_con .line.download .cell .input_box .inp_file{ position:relative; z-index:0; width:100%; line-height:.6rem; height:.6rem; border:none; padding:0; width:calc(50% - .48rem);} .supplier_reg01 .form_con .line.download .cell .input_box .btn_download{position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); color:#eb2327; font-size:.16rem; display:flex; align-self:center; justify-content:center; cursor:pointer;} .supplier_reg01 .form_con .line.download .cell .input_box .btn_download .con{margin-right:.1rem;} .supplier_reg01 .form_con .line.download .cell .input_box .btn_download .iconfont{margin:0; color:#eb2327; font-size:.22rem;} .supplier_reg01 .form_con .line.verification_code .cell{box-shadow:unset;} .supplier_reg01 .form_con .line.verification_code .cell .lab{padding:0; padding-right:.25rem;} .supplier_reg01 .form_con .line.verification_code .cell .lab::after{display:none;} .supplier_reg01 .form_con .line.verification_code .cell .input_box{width:40%; margin-right:.25rem;} .supplier_reg01 .form_con .line.verification_code .cell .input_box .inp_code{ background-color:#ffffff; box-shadow:0px 0px 18px 0px rgba(13, 38, 68, 0.05); border-radius:10px; line-height:.6rem; height:.6rem; border:none; padding:0; width:100%; box-sizing:border-box; padding:0 .25rem; font-size:.16rem;} .supplier_reg01 .form_con .line.verification_code .cell .code_img{flex:1; cursor:pointer;} .supplier_reg01 .form_con .btn_box{width:66.3%; display:flex; align-items:center; justify-content:flex-start;} .supplier_reg01 .form_con .btn_box button{width:2.3rem; height:.6rem; line-height:.6rem; font-size:.2rem; margin-right:0.26rem; font-weight:bold; color:#ffffff; background:#cacaca; border:none; padding:0; outline:none; cursor:pointer; border-radius:8px; overflow:hidden; font-size:.2rem; transition:all .3s ease;} .supplier_reg01 .form_con .btn_box button.active{background-color:#eb2327;} /* 人才招聘 */ .recruit_center01{margin-bottom:.8rem;} .recruit_center01 .title_box{margin-bottom:.75rem;} .recruit_center01 .title_box .en{color:#777777; font-size:.16rem; line-height:.3rem; margin-bottom:.15rem;} .recruit_center01 .title_box .tit{color:#333333; font-weight:bold; letter-spacing:1px; font-size:.42rem; line-height:.6rem;} .recruit_center01 .content .item{width:37.7%; margin-right:1%; position:relative; float:left; height:3.8rem; transition:all .5s ease;} .recruit_center01 .content .item:last-child{margin-right:0;} .recruit_center01 .content .item.active{width:61.3%;} .recruit_center01 .content .item .title{font-weight:bold; color:#ffffff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:1; visibility:visible; transition:all .3s ease; z-index:2;} .recruit_center01 .content .item.active .title{opacity:0; visibility:hidden;} .recruit_center01 .content .item .img_box{position:relative; height:100%;} .recruit_center01 .content .item .img_box .img_bg{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:right;} .recruit_center01 .content .item .img_box .img_cover{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all .5s ease; z-index:3;} .recruit_center01 .content .item.active .img_box .img_cover{opacity:1; visibility:visible;} .recruit_center01 .content .item .index_box{position:absolute; left:0; top:50%; transform:translate(0, calc(-50% + .6rem)); transition:all .5s ease; opacity:0; visibility:hidden; box-sizing:border-box; width:100%; padding:0 10%; z-index:4;} .recruit_center01 .content .item.active .index_box{transform:translate(0, -50%); opacity:1; visibility:visible;} .recruit_center01 .content .item .index_box .tit{margin-bottom:.35rem; font-weight:bold; color:#ffffff;} .recruit_center01 .content .item .index_box .btn_check a{display:inline-block; height:.38rem; line-height:.36rem; border:solid 1px #ffffff; color:#ffffff; background-color:transparent; font-size:.14rem; padding:0 .38rem; box-sizing:border-box;} .recruit_center01 .content .item .index_box .btn_check a:hover{background-color:#ffffff; color:#000000;} .recruit_center02{margin-bottom:.8rem;} .recruit_center02 .title_box{border-top:1px solid #dadada;} .recruit_center02 .title_box .index_box{position:relative; padding:.8rem 0;} .recruit_center02 .title_box .index_box::before{content:''; position:absolute; top:0; left:0.5rem; height:100%; width:1px; background-color:#dadada;} .recruit_center02 .title_box .corner{position:absolute; top:0; left:0; transform:translateY(-50%); border:1px solid #dadada; overflow:hidden; border-radius:50%; width:1rem; height:1rem; background:#ffffff; z-index:2;} .recruit_center02 .title_box .corner img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); animation:jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate;} .recruit_center02 .title_box .con{padding-left:7.2%; margin-left:.5rem; padding-right:7.7%; width:100%; box-sizing:border-box; color:#666666; font-size:.19rem; line-height:.34rem;} @keyframes jump { 0% { transform: translate(-50%, calc(-50% - 4px)); } to { transform: translate(-50%, calc(-50% + 4px)); } } .recruit_center02 .content .bg{position:relative;} .recruit_center02 .content .index_box{position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:2; text-align:center; width:100%; } .recruit_center02 .content .index_box .play{position:static; transform:translate(0, 0); margin:0 auto; margin-bottom:.25rem;} .recruit_center02 .content .index_box .infor_tit{display:inline-block;} .recruit_campus .recruit_center02 .content .index_box .infor_tit{display:none;} .recruit_center03{margin-bottom:.8rem;} .recruit_center03 .title_box{margin-bottom:.6rem;} .recruit_center03 .title_box .tit{color:#333333; font-weight:bold; margin-bottom:.4rem;} .recruit_center03 .title_box .con{color:#666666; line-height:.36rem;} .recruit_center03 .content .list .li_{width:23.2%; float:left; margin-right:2.4%;} .recruit_center03 .content .list .li_:last-child{margin-right:0;} .recruit_center03 .content .list .li_ .rect-8922{padding-bottom:89.22%;} .recruit_center03 .content .list .li_ .img_box{margin-bottom:.2rem;} .recruit_center03 .content .list .li_ .con{color:#333333; font-weight:bold;} .recruit_center04{padding:.8rem 0; background-color:#f8f8f8;} .recruit_center04 .top{margin-bottom:.7rem;} .recruit_center04 .rect-7916{padding-bottom:79.16%;} .recruit_center04 .title_box{margin-bottom:.6rem;} .recruit_center04 .title_box .tit{color:#333333; font-weight:bold;} .recruit_center04 .top .swiper-container .swiper-button-prev, .recruit_center04 .top .swiper-container .swiper-button-next{position:absolute; width:.51rem; height:.51rem; background:#eb2327; border-radius:50%; overflow:hidden; } .recruit_center04 .top .swiper-container .swiper-button-next{right:9.9%; transform:translateX(100%);} .recruit_center04 .top .swiper-container .swiper-button-prev{left:9.9%; transform:translateX(-100%);} .recruit_center04 .top .swiper-container .swiper-button-prev .iconfont, .recruit_center04 .top .swiper-container .swiper-button-next .iconfont{position:absolute; font-size:.56rem; margin:0; top:52%; left:50%; transform:translate(-50%, -50%); color:#fff;} .recruit_center04 .bott .tab_content .li_{padding:0 4%; display:inline-block; vertical-align:middle; position:relative;} .recruit_center04 .bott .tab_content .li_:first-child{padding-left:2.8%;} .recruit_center04 .bott .tab_content .li_:last-child{padding-right:2.8%;} .recruit_center04 .bott .tab_content .li_ .con{display:block; padding:.4rem 0; cursor:pointer; line-height:1; position:relative; font-size:.2rem; color:#999999;} .recruit_center04 .bott .tab_content .li_ .con::before{content:''; position:absolute; top:0; left:0; width:100%; background-color:#eb2327; display:none; height:5px; z-index:2;} /* .recruit_center04 .bott .tab_content .li_::after{content:''; position:absolute; top:2px; left:0; width:100%; background-color:#c5c5c5; height:1px; z-index:1;} */ .recruit_center04 .bott .tab_content .li_.active .con{color:#eb2327;} .recruit_center04 .bott .tab_content .li_.active .con::before{display:block;} .recruit_center04 .bott .tab_content .ul_{white-space:nowrap; position:relative; overflow-x:auto; font-size:0;} .recruit_center04 .bott .tab_content .ul_{text-align:center;} .recruit_center04 .bott .tab_content .ul_::after{content:''; position:absolute; top:2px; left:0; width:100%; background-color:#c5c5c5; height:1px; z-index:1;} .recruit_center05{padding-top:.8rem;} .recruit_center05 .title_box .tit{color:#333333; font-weight:bold; margin-bottom:.4rem;} .recruit_center05 .content .list .li_{width:21.8%; margin-right:4%; float:left; background-color:#ffffff; box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.1); border-radius:10px; border:solid 1px #f4f4f4; height:1.26rem;} .recruit_center05 .content .list .li_ .img_box{display:flex; align-items:center; justify-content:center; height:100%; width:100%;} .recruit_center05 .content .list .li_ a{display:block; height:100%;} .recruit_center06 {padding-top:0rem;} .recruit_center06 .title_box .tit{color:#333333; font-weight:bold; margin-bottom:.4rem;} .recruit_center06 .content .tit {width:97%;font-size: .36rem; color: #333; font-weight: bold; text-align:center; margin-bottom: 0.1rem; background-color:#EFEFEF; box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.1); border-radius:10px; border:solid 1px #f4f4f4; height:1rem;line-height:1rem; margin-bottom:.5rem;} .recruit_center06 .content .list li{width:29.2%; margin-right:4%; float:left; background-color:#ffffff; box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.1); border-radius:10px; border:solid 1px #f4f4f4;height:.5rem;line-height:.5rem; margin-bottom:.1rem;text-align:center;} /* 社会招聘 */ .recruit_social01{margin-bottom:.6rem;} .recruit_social01 .new_top .tab_box .swiper-wrapper{justify-content:center;} /* .recruit_social01 .new_top .tab_box .swiper-wrapper::after{content:''; position:absolute; left:0; bottom:0; border-bottom:1px solid #cccccc; width:100%; z-index:-1;} */ .recruit_social01 .new_top .tab_box .swiper-slide{border-bottom:none; padding:0 10%;} .recruit_social01 .new_top .tab_box .btn_box{display:none;} .recruit_social02{display:none;} .recruit_social02 .title_box{background-color:#eb2327; padding:.36rem 0 .25rem;} .recruit_social02 .title_box .title_img{width:45.6%; margin:0 auto; margin-bottom:.18rem;} .recruit_social02 .title_box .title_img img{width:100%;} .recruit_social02 .title_box .con{width:45.6%; margin:0 auto; position:relative; text-align:center;} .recruit_social02 .title_box .con::before{position:absolute; content:''; top:50%; transform:translateY(-50%); left:.5rem; right:.5rem; background-color:#ffffff; opacity:.5; height:1px; z-index:1;} .recruit_social02 .title_box .con span{display:inline-block; font-size:.18rem; line-height:1; color:#ffffff; padding:0 .2rem; position:relative; z-index:2; background-color:#eb2327;} .recruit_social03 .top{margin:.5rem 0; margin-top:0;} .recruit_social03 .top ul{margin-left:.1rem; margin-bottom:.33rem;} .recruit_social03 .top ul:last-child{margin-bottom:0;} .recruit_social03 .top ul div{float:left; color:#93989d; font-size:.16rem; line-height:.24rem; margin:0 .35rem;} .recruit_social03 .top ul li{float:left; color:#93989d; font-size:.16rem; line-height:.24rem; margin:0 .35rem; cursor:pointer;} .recruit_social03 .top ul div.first{color:#111111; margin-left:0;} .recruit_social03 .top ul li.active{color:#eb2327;} .recruit_social03 .recruit_search{margin-bottom:.45rem;} .recruit_social03 .recruit_search .form_con{width:8.2rem; height:calc(.5rem + 2px); border:1px solid #e3e5e7; border-radius:10px; position:relative; padding:0 .25rem; overflow:hidden; box-sizing:border-box; padding-left:.6rem;} .recruit_social03 .recruit_search .form_con .iconfont{position:absolute; font-size:.24rem; margin:0; top:50%; transform:translateY(-50%); left:0; margin-right:.15rem; margin-left:.25rem;} .recruit_social03 .recruit_search .form_con .inp{width:calc(100% - 2.25rem - 2px); line-height:.5rem; border:none; padding:0; font-size:.16rem; color:#848484;} .recruit_social03 .recruit_search .form_con .recruit_search_btn{position:absolute; top:-1px; right:-1px ; background-color:#eb2327; border:1px solid #eb2327; width:1.63rem; padding:0; margin:0; border:none; cursor:pointer; border-radius:0px 10px 10px 0px; overflow:hidden; font-size:.16rem; line-height:.5rem; height:calc(.5rem + 2px); color:#ffffff;} .recruit_social03 .bott .conts{font-size:.16rem; color:#111111; line-height:1; margin-bottom:.25rem;} /* 招聘列表绘制 */ .recruit_social03 .bott ._t1{width:26.4%;} .recruit_social03 .bott ._t2{width:18.4%;} .recruit_social03 .bott ._t3{width:18.4%;} .recruit_social03 .bott ._t4{width:18.4%;} .recruit_social03 .bott ._t5{width:calc(18.4% - .95rem);} .recruit_social03 .bott ._t6{width:.95rem; cursor:pointer; box-sizing:border-box;} .recruit_social03 .bott .first{background-color:#eb2327;} .recruit_social03 .bott .first ._ut{float:left; color:#fff; font-size:.22rem; line-height:.35rem; padding:.25rem 0; text-align:left; box-sizing:border-box; font-weight:bold;} .recruit_social03 .bott .first ._ut._t1{padding-left:.2rem;} .recruit_social03 .bott .content ul{margin-bottom:.35rem;} .recruit_social03 .bott .content li{float:left; width:100%; height:1rem; line-height:.3rem; background:#fff; border-bottom:1px solid #d4d4d4; font-size:.2rem; box-sizing:border-box;} .recruit_social03 .bott .content li ._un{float:left; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:.35rem 0; box-sizing:border-box;} .recruit_social03 .bott .content li ._un._t1{padding-left:.2rem; font-size:0;} .recruit_social03 .bott .content li ._un._t6{padding:0; height:100%;} .recruit_social03 .bott .content li ._un._t2 .iconfont{margin:0; font-size:.24rem; margin-right:.05rem;} .recruit_social03 .bott .content li ._un._t1 .icon{margin-right:.15rem; background:url(../img/recruit_social02.png) no-repeat center/contain; width:.25rem; height:.25rem; display:none;} .recruit_social03 .bott .content li ._un._t1 .text{display:inline-block; vertical-align:middle; font-size:.2rem; font-weight:bold; color:#111111; text-overflow:ellipsis; overflow:hidden;} .recruit_social03 .bott .content li.hot ._un._t1 .icon{display:inline-block; vertical-align:middle;} .recruit_social03 .bott .content ._t6{cursor:pointer; position:relative;} .recruit_social03 .bott .content ._t6:after, .recruit_social03 .bott .content ._t6:before {content:''; background:#686868; width:16px; height:2px; display:block; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;} .recruit_social03 .bott .content ._t6:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.5s ease-out;} .recruit_social03 .bott .content ._t6:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.5s ease-out;} .recruit_social03 .bott .content .j_t_cur ._t6{color:#eb2327;} .recruit_social03 .bott .content .j_t_cur ._t6:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#eb2327;} .recruit_social03 .bott .content .j_t_cur ._t6:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; background:#fff;} .recruit_social03 .bott .content li.j_c {height:auto; line-height:1.5; background:#f9f9f9; display:none;} .recruit_social03 .bott .content .j_c .j_c_box {margin-bottom:.2rem; padding:.65rem;} .recruit_social03 .bott .content .j_c .j_c_box .intro {font-size:.14rem; color:#666; line-height:24px; position:relative;} .recruit_social03 .bott .content .j_c .j_c_box .intro strong{display:block; font-size:.16rem; color:#333; margin-bottom:.1rem} .recruit_social03 .bott .content .j_c .intro .job_btn {position:absolute; right:0; bottom:0;} .recruit_social03 .bott .content .j_c .intro .job_btn ._btn {display:inline-block; width:1.6rem; height:.48rem; line-height:.48rem; color:#fff; font-size:.16rem; background:#eb2327; cursor:pointer; text-align:center; transition:.5s ease;} .recruit_social03 .bott .content .j_c .intro .job_btn ._btn:hover{background:#eb2327} .recruit_social03 .bott .content .j_c .link{margin-top:.2rem;} .recruit_social03 .bott .content .j_c .link_a{font-size:.16rem; line-height:.28rem; color:#eb2327; font-weight:bold;} .recruit_social03 .bott .content .j_c .link_a a:hover{opacity:0.8;} /* 社会招聘提交表单 */ .channel_content.nobanner{margin-top:0.85rem;} body .Form-J1-content{overflow:visible; padding-left:0;} body .Form-J1 .Form-J1-li label{width:110px; box-sizing:border-box; top:0; left:0; vertical-align:unset; font-size:16px; line-height:60px; height:60px; padding:0 15px; color:#787878;} body .Form-J1 .Form-J1-li label::after{position:absolute; content:''; top:50%; right:0; transform:translateY(-50%); background-color:#e0e0e0; width:1px; height:20px;} body .Form-J1 .Form-J1-li{width:80%; box-shadow:0px 0px 18px 0px rgba(13, 38, 68, 0.05); background-color:#ffffff; border-radius:10px; padding-left:110px; box-sizing:border-box;} body .Form-J1 .Form-J1-li input{width:72%; line-height:60px; height:60px; border:none; padding:0; font-size:16px; color:#333333; padding:0 15px; box-sizing:border-box} body .Form-J1 .Form-J1-li img{height:45px;} body .Form-J1 .Form-J1-li textarea{border:none; width:97%; font-size:16px; line-height:24px; height:195px; box-sizing:border-box; padding:17px 15px;} body .Form-J1 .Form-J1-Btn button{width:2.3rem; height:.6rem; line-height:.6rem; font-size:.2rem; margin-right:0.26rem; font-weight:bold; color:#ffffff; background:#cacaca; border:none; padding:0; outline:none; cursor:pointer; border-radius:8px; overflow:hidden; font-size:.2rem; transition:all .3s ease;} body .Form-J1-li .select-ui-choose.form_sele{width:72%; border:none; line-height:60px; height:60px;} body .Form-J1 .Form-J1-li input._yzm{width:25%;} body .select-ui-choose-default ._txt{padding:0 15px; font-size:16px;} body .select-ui-options-default li:hover{background:#eb2327;} body .select-ui-options-default-bottom{border-radius:0 0 10px 10px;} body .bg-primary{background:#eb2327;} /* 客服中心 */ .service_center01 .li_{width:23%; margin-right:2.6%; float:left; border-radius:.1rem; overflow:hidden; box-shadow:0px 0px 9.7px 0.3px rgba(13, 38, 68, 0.15); transition:0.5s ease; margin-bottom:.3rem; position:relative;} .service_center01 .li_:nth-child(4n){margin-right:0;} .service_center01 .li_ .box{padding:.5rem;} .service_center01 .li_ .box .icon{width:50px; height:50px; background-position:0 0; margin:0 auto .4rem} .service_center01 .li_ .box .tit{margin-bottom:.25rem; font-weight:600; transition:0.5s ease; color:#eb2327;} .service_center01 .li_ .box .con{height:.56rem; color:#575757; transition:0.5s ease;} .service_center01 .li_ .box .info{text-align:center; padding-bottom:.45rem;} .service_center01 .li_ .box .info .con a{transition:0s ease;} .service_center01 .li_ .box .line{width:.56rem; height:2px; background:#eb2327; margin:0 auto; transition:0.5s ease} .service_center01 .li_.cur{background-image:linear-gradient(to bottom,#bf1818,#ea4c58);;} .service_center01 .li_.cur .box .icon{background-position:0 -50px;} .service_center01 .li_.cur .box .info .tit{color:#fff} .service_center01 .li_.cur .box .info .con{color:#fff} .service_center01 .li_.cur .box .line{background:#fff;} .service_center01 .li_.cur .box .info .con a:hover{color:#fff;} .service_center01 .li_ewm .box{transition:all 0.5s ease; transform:scale(1); cursor:pointer;} .service_center01 .li_ewm .item_ewm{position:absolute; left:50%; top:50%; margin-left:-0.75rem; margin-top:-0.75rem; width:1.5rem; height:1.5rem; transition:all 0.5s ease; opacity:0; visibility:hidden; transform:scale(0);} .service_center01 .li_ewm:hover .box{opacity:0; visibility:hidden; transform:scale(0);} .service_center01 .li_ewm:hover .item_ewm{opacity:1; visibility:visible; transform:scale(1);} .service_center02{margin-top:.45rem; position:relative; z-index:5;} .service_center02 .map>*{width:100%!important; height:3.8rem!important;} .service_center03{margin-top:.8rem;} .service_center03 .title{color:#333333; font-weight:bold; margin-bottom:.3rem;} .service_center03 .tab_t{display:flex; align-items:flex-start; margin-bottom:.6rem;} .service_center03 .tab_t .box{flex:1; margin-right:3px; background:#e5e5e5; line-height:.3rem; padding:.25rem 0; font-size:.2rem; color:#333333; text-align:center; cursor:pointer; position:relative; transition:all .3s ease;} .service_center03 .tab_t .box::after{content:''; position:absolute; left:50%; top:100%; transform:translateX(-50%); border:.1rem solid; border-color:#da291c #fff #fff #fff; opacity:0; visibility:hidden; transition:all .3s ease;} .service_center03 .tab_t .box:last-child{margin-right:0;} .service_center03 .tab_t .box:hover{background:#da291c; color:#fff;} .service_center03 .tab_t .box.cur{background:#da291c; color:#fff;} .service_center03 .tab_t .box.cur::after{opacity:1; visibility:visible;} .service_center03 .tab_b li{display:flex; align-items:center; justify-content:space-between; margin-bottom:.45rem;} /* .service_center03 .tab_b li:last-child{margin-bottom:0;} */ .service_center03 .tab_b .img_{width:34.5%; flex-shrink:0;} .service_center03 .tab_b .rect-6765{padding-bottom:67.65%;} .service_center03 .tab_b .words_{width:59.6%; padding-right:.2rem; color:#777777;} .service_center03 .tab_b .words_ .infor{margin-bottom:.2rem;} .service_center03 .tab_b .words_ .infor .t{font-size:.18rem; line-height:.3rem; color:#da291c; font-weight:bold; margin-bottom:.3rem;} .service_center03 .tab_b .words_ .infor .c{color:#777777; max-height:1.12rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;} .service_center03 .tab_b .words_ .bott{display:flex; align-items:flex-start; justify-content:space-between;} .service_center03 .tab_b .words_ .bott .left{padding-top:.15rem;} .service_center03 .tab_b .words_ .bott .right{flex-shrink:0;} .service_center03 .tab_b .words_ .bott .right .ewm{display:inline-block; vertical-align:text-top; margin-left:.2rem; text-align:center;} .service_center03 .tab_b .words_ .bott .right .ewm:first-child{margin-left:0;} .service_center03 .tab_b .words_ .bott .right .ewm img{width:1rem;} .service_center03 .tab_b .words_ .bott .right .ewm .t{font-size:.14rem; color:#333333;} /* 客服中心end */ /* 校园招聘 */ .recruit_campus .recruit_center02 .title_box{background:url(../img/recruit_campus01_bg.jpg) no-repeat; background-position:right 65px; background-size:contain;} .recruit_campus .recruit_center01 .title_box{margin-bottom:1.3rem;} .recruit_campus .recruit_center02 .title_box .index_box{padding:1.1rem 0 1rem;} .recruit_campus01{margin-bottom:.8rem;} .recruit_campus01 .title_box{margin-bottom:.5rem;} .recruit_campus01 .title_box .tit{font-weight:bold; color:#333333;} .recruit_campus02{padding:.9rem 0; background-color:#fbfbfb;} .recruit_campus02 .content .list{display:flex; justify-content:space-between; align-items:center;} .recruit_campus02 .content .list .item{position:relative; box-shadow:2px 4px 20px 0px rgba(48, 48, 48, 0.15);} .recruit_campus02 .content .list .index_box{position:absolute; bottom:.25rem; left:.4rem;} .recruit_campus02 .content .list .index_box .tit{font-size:.2rem; font-weight:bold; line-height:.34rem; color:#1c1f25;} .recruit_campus02 .content .list .index_box .con{font-size:.15rem; line-height:.3rem; color:#333333;} .recruit_campus02 .content .list .item.item01{margin-right:15px;} .recruit_campus02 .content .list.list01{margin-bottom:15px;} .recruit_campus02 .content .list.list02{margin-bottom:15px;} .recruit_campus02 .content .list.list01 .item.item01{width:24.4%;} .recruit_campus02 .content .list.list02 .item.item01{width:66.3%;} .recruit_campus02 .content .list.list03 .item.item01{width:50%;} .recruit_campus02 .content .list.list02 .item .index_box .tit, .recruit_campus02 .content .list.list02 .item .index_box .con{color:#ffffff;} .recruit_campus02 .content .list.list03 .item.item02 .index_box .tit, .recruit_campus02 .content .list.list03 .item.item02 .index_box .con{color:#ffffff;} .recruit_campus02 .content .list .item.item02{flex:1;} .recruit_campus03{padding-top:.8rem;} .recruit_campus03 .content{position:relative; box-shadow:2px 4px 20px 0px rgba(48, 48, 48, 0.15); overflow:hidden;} .recruit_campus03 .content .bg img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:100%; height:100%; max-width:none; width:auto;} .recruit_campus03 .content .add_box{position:relative; padding:1rem .75rem .8rem;} .recruit_campus03 .content .add_box .title_box{margin-bottom:.5rem;} .recruit_campus03 .content .add_box .title_box .tit{font-weight:bold; color:#333333;} .recruit_campus03 .content .add_box .list .item{padding:.6rem .5rem; width:46.8%; margin-right:6.4%; background-color:#eeeeee;box-shadow:2px 4px 20px 0px rgba(48, 48, 48, 0.15); opacity:.91; float:left; box-sizing:border-box;} .recruit_campus03 .content .add_box .list{display:flex; align-items:stretch;} .recruit_campus03 .content .add_box .list .item:last-child{margin-right:0;} .recruit_campus03 .content .add_box .list .item .tit{font-size:.2rem; color:#333333; font-weight:bold; line-height:.34rem; margin-bottom:.28rem;} .recruit_campus03 .content .add_box .list .item .index_box .li_{font-size:.15rem; color:#333333; line-height:.3rem;} /* 玫德书院 */ .usual_tit{font-weight:bold; color:#333333; margin-bottom:.4rem;} .academy01 {margin-bottom:1.4rem;} .academy01 .content .left{float:left; width:44.8%; margin-right:3%;} .academy01 .content .right{float:right; width:52.2%;} .academy01 .content .right img{width:100%;} .academy01 .content .left .index_box{margin-bottom:.75rem;} .academy01 .content .left .index_box .con{font-size:.15rem; line-height:.32rem; color:#666666;} .academy01 .content .left .b_list .ul_{display:flex; justify-content:space-between; align-items:flex-start;} .academy01 .content .left .b_list .li_{width:1.5rem;} /* .academy01 .content .left .b_list .li_{width:28%;} */ .academy01 .content .left .b_list .img_box{margin-bottom:.1rem;} .academy01 .content .left .b_list .infor_box .tit{font-weight:bold; margin-bottom:.1rem; color:#333333;} .academy01 .content .left .b_list .infor_box .con{color:#666666;} .academy02{margin-bottom:.8rem;} .academy02 .rect-179{padding-bottom:179.166%;} .academy02 .rect-7465{padding-bottom:74.65%;} .academy02 .item{position:relative; float:left; width:15.38%; height:100%; margin-left:0.39%; transition:all .6s ease; overflow:hidden;} .academy02 .item:first-child{margin-left:0;} .academy02 .item .img_box{position:relative; width:100%; height:100%; overflow:hidden;} .academy02 .item .img_cover{position:relative; opacity:1; max-width:none; width:100%; transition:opacity 0.2s ease 0.4s; z-index:2;} .academy02 .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;} .academy02 .item .txt_box{position:absolute; top:0; left:0; width: 100%; height:100%; z-index: 10;} .academy02 .item .txt_box .play{z-index:15; opacity:0; visibility:hidden;} .academy02 .item.on .txt_box .play{opacity:1; visibility:visible; transition:all .6s ease;} .academy02 .item .txt_cover{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); text-align:center;} .academy02 .item .txt_cover .tit{color:#ffffff; font-weight:bold;} .academy02 .item .txt_full{position:absolute; bottom:0.12rem; left:0.6rem; right:0.36rem; width:4.9rem; opacity:0; } .academy02 .item .txt_full .tit{color:#ffffff; font-weight:bold;} .academy02 .item .txt_full .con{margin-top:.14rem; color:#ffffff;} .academy02 .item .txt_full .txt{color:#ffffff;} .academy02 .item.on{width:36.92%; transition:all .6s ease;} .academy02 .item.on .img_cover{opacity:0; transition:opacity 0s ease;} .academy02 .item.on .img_full{opacity:1;} .academy02 .item.on .txt_cover{display:none;} .academy02 .item.on .txt_full{opacity:1; bottom:0.6rem; transition:all .8s ease;} .academy03 .solution06{background-color:#f5f5f5; padding:.8rem 0;} .academy03 .ibox02{background-color:#f5f5f5; padding:.8rem 0;} .academy03 .usual_tit{text-align:center;} .academy03 .rect-5977{padding-bottom:59.77%;} .academy03 .solution06 .content .item .tit{font-weight:bold;} .academy03 .ibox02 .content .item .tit{font-weight:bold;} .academy04{margin-top:.8rem;} /* .academy04 .title_box{margin-bottom:.6rem;} */ .academy04 .title_box .usual_tit{float:left;} .academy04 .title_box .academy_tab{float:right;} .academy04 .title_box .academy_tab .item{float:left; padding:0 .4rem; position:relative;} .academy04 .title_box .academy_tab .item:last-child{padding-right:0;} .academy04 .title_box .academy_tab .item:first-child{padding-left:0;} .academy04 .title_box .academy_tab .item::after{content:''; position:absolute; top:50%; transform:translate(-50%, -50%); right:0; width:1px; height:.14rem; background-color:#c9c9c9;} .academy04 .title_box .academy_tab .item:last-child::after{display:none;} .academy04 .title_box .academy_tab .item span{cursor:pointer;} .academy04 .title_box .academy_tab .item.cur{color:#eb2327;} .academy04 .content .item{float:left; width:30.76%; margin-right:3.86%; height:2.7rem; background-color:#ffffff; box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.1); border-radius:10px; border:solid 1px #f4f4f4; box-sizing:border-box; padding:.38rem .44rem; display:flex; align-items:center; justify-content:space-between; margin-bottom:.5rem; cursor:pointer;} .academy04 .content .item:nth-child(3n){margin-right:0;} .academy04 .content .item .index_left{width:52%; margin-right:5%;} .academy04 .content .item .index_left .tit{color:#333333; font-weight:bold; margin-bottom:.1rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:.56rem;} .academy04 .content .item .index_left .con{color:#999999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; max-height:.88rem;} .academy04 .content .item .index_righ{width:43%; text-align:center;} .academy04 .content .item .index_righ img{width:100%;} .academy04 .content .item .index_righ .con{color:#000000; font-size:.16rem; font-weight:bold; text-align:center; display:none;} /* 产品列表 */ .pro_banner{position:relative; margin-top:.85rem; overflow:hidden;} .pro_banner .swiper-slide{overflow:hidden; position:relative;} .pro_banner .swiper-slide img{width:100%;} .pro_banner .cover{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);} .pro_banner .cover .tit{font-size:.46rem; line-height:1; margin-bottom:.3rem; color:#ffffff;} .pro_banner .cover .con{color:#ffffff;} .pro_banner .swiper_btn{background:unset; width:auto; height:auto; margin-top:0; transform:translateY(-50%);} .pro_banner .swiper_btn i{font-size:1.06rem; color:#ffffff; margin:0;} .pro_banner .swiper_btn.swiper-button-prev{left:0;} .pro_banner .swiper_btn.swiper-button-next{right:0; text-align:right;} .channel_content.pro_list{background-color:#f7f8fc;} .pro_list01 .left{width:18.1%; margin-right:2.7%; background-color:#ffffff;border-radius: 0 0 10px 10px;} .pro_list01 .left .title_box{background-color:#eb2327; padding:25px .3rem; font-size:0;} .pro_list01 .left .title_box .iconfont{font-size:.2rem; color:#ffffff; margin:0; margin-right:.15rem; vertical-align:middle;} .pro_list01 .left .title_box .tit{display:inline-block; vertical-align:middle; font-size:.18rem; line-height:1; color:#ffffff;} .pro_list01 .left .content{padding:30px .3rem; max-height:calc(100% - 0.9rem); overflow-y:auto;} .pro_list01 .left .content::-webkit-scrollbar {width:2px; height:4px;} .pro_list01 .left .content::-webkit-scrollbar-thumb {border-radius:5px; background:#eb2327; } .pro_list01 .left .content::-webkit-scrollbar-track {border-radius:5px; background:transparent;} .pro_list01 .left .content .li_{line-height:23px; font-size:15px; color:#333333; margin-bottom:15px; position:relative; padding-left:25px; cursor:pointer;} .pro_list01 .left .content .li_ a{display:block;} .pro_list01 .left .content .li_.active{color:#eb2327;} .pro_list01 .left .content .li_:last-child{margin-bottom:0;} .pro_list01 .left .content .li_ .icon{position:absolute; width:12px; top:50%; transform:translateY(-50%); left:0; display:block; height:12px; background-color:transparent; border:solid 1px #c0c0c0; box-sizing:bor;} .pro_list01 .left .content .li_.active .icon{border-color:#eb2327;} .pro_list01 .left .content .li_.active .icon::after{position:absolute; content:''; top:50%; left:50%; margin-left:-3px; margin-top:-3px; background-color:#eb2327; width:6px; height:6px;} .pro_list01 .left .content .li_ .text{display:block;} .pro_list01 .right{width:79%;} .pro_list01 .right .top{background-color:#ffffff; margin-bottom:.5rem;} .pro_list01 .right .top .box{padding:.45rem 5%; box-sizing:border-box;} .pro_list01 .right .top .box .index_t{padding-bottom:.1rem; border-bottom:1px solid #e6e6e6; margin-bottom:.27rem;} .pro_list01 .right .top .box .index_t .type{font-size:0;} .pro_list01 .right .top .box .index_t .type label{font-size:18px; line-height:26px; font-weight:bold; display:inline-block; vertical-align:middle; color:#333333; margin-right:3%; margin-bottom:.08rem;} .pro_list01 .right .top .box .index_t .type .type_box{display:inline-block; vertical-align:middle; font-size:0;} .pro_list01 .right .top .box .index_t .type .type_box .infor_box{display:inline-block; vertical-align:middle; font-size:15px; line-height:23px; color:#333333; margin-right:.5rem; cursor:pointer; margin-bottom:.08rem;} .pro_list01 .right .top .box .index_t .type .type_box .infor_box:last-child{margin-right:0;} .pro_list01 .right .top .box .index_t .type_box input[type="radio"] {margin:0; margin-right:10px; width:13px; height:13px; padding:0; border-radius:50%; appearance:none; -webkit-appearance:none; border:1px solid #c0c0c0; outline:none; vertical-align:middle; background:#ffffff; position:relative;} .pro_list01 .right .top .box .index_t .type_box .infor_box input[type="radio"]::after { content: ''; position: absolute; left:50%; top:50%; margin-left:-3.5px; margin-top:-3.5px; width:7px; height:7px; border-radius:50%; background:#eb2327; opacity:0;} .pro_list01 .right .top .box .index_t .type_box .infor_box.cur input[type="radio"]{border-color:#eb2327;} .pro_list01 .right .top .box .index_t .type_box .infor_box.cur input[type="radio"]::after{opacity:1;} /* 自定义下拉selection */ .pro_list01 .right .top .box .index_b{display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap;} .pro_list01 .right .top .box .index_b .line{margin-bottom:.15rem; margin-right:.25rem; width:calc(25% - .2rem);} .pro_list01 .right .top .box .index_b .line:nth-child(4n){margin-right:0;} .pro_list01 .right .index_b .cell{position:relative; width:100%; display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:column;} .pro_list01 .right .index_b .cell .lab{font-size:16px; line-height:30px; height:30px; color:#333333; margin-bottom:.05rem;} .pro_list01 .right .index_b .cell .text{line-height:28px; height:30px; font-size:12px; color:#848484; padding:0 .2rem; box-sizing:border-box; position:relative; flex:1; cursor:pointer; border:solid 1px #dddddd; width:2.3rem;} .pro_list01 .right .index_b .cell .text .active{color:#333333;} .pro_list01 .right .index_b .cell .text .iconfont{position:absolute; top:54%; transform:translateY(-50%); right:.16rem; margin:0; transition:all .3s ease; color:#333333; font-size:14px; line-height:1;} .pro_list01 .right .index_b .cell .select_down{position:absolute; top:calc(100% + 8px); left:-1px; width:calc(100% + 2px); background-color:#ffffff; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-sizing:border-box; display:none; z-index:3; max-height:4.36rem; overflow-y:auto; padding:.1rem 0;} .pro_list01 .right .index_b .cell .select_down::-webkit-scrollbar {width:2px; height:4px;} .pro_list01 .right .index_b .cell .select_down::-webkit-scrollbar-thumb {border-radius:5px; background:#eb2327; } .pro_list01 .right .index_b .cell .select_down::-webkit-scrollbar-track {border-radius:5px; background:transparent;} .pro_list01 .right .index_b .cell .select_down .select_item{font-size:14px; color:#848484; line-height:22px; background-color:transparent; transition:all .3s ease; padding:7px .2rem; overflow:hidden; cursor:pointer; z-index:20; position:relative; padding-left:.44rem; padding-right:.1rem;} .pro_list01 .right .index_b .cell .select_down .select_item span{display:block;} .pro_list01 .right .index_b .cell .select_down .select_item::before{content:''; position:absolute; top:50%; left:.2rem; transform:translateY(-50%); width:13px; height:13px; border-radius:50%; border:1px solid #c0c0c0; box-sizing:border-box;} .pro_list01 .right .index_b .cell .select_down .select_item::after{content: ''; position: absolute; left:.2rem; top:50%; margin-left:3.5px; transform:translateY(-50%); width:7px; height:7px; border-radius:50%; background:#eb2327; opacity:0;} .pro_list01 .right .index_b .cell .select_down .select_item:hover{background-color:#f7f8fc;} .pro_list01 .right .index_b .cell .select_down .select_item:hover::after{opacity:1;} .pro_list01 .right .index_b .cell .select_down .select_item:hover::before{border-color:#eb2327;} .pro_list01 .right .index_b .cell .select_down .select_item.on{background-color:#f7f8fc;} .pro_list01 .right .index_b .cell .select_down .select_item.on::after{opacity:1;} .pro_list01 .right .index_b .cell .select_down .select_item.on::before{border-color:#eb2327;} .pro_list01 .right .bott .item{width:23.2%; margin-right:2.4%; float:left; background-color:#ffffff; margin-bottom:.3rem;border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, .10);} .pro_list01 .right .bott .item:nth-child(4n){margin-right:0;} .pro_list01 .right .bott .item .img_box{position:relative; overflow:hidden; padding:.2rem 0.475rem;} .pro_list01 .right .bott .item .img_box .pro{overflow:visible;} .pro_list01 .right .bott .item .img_box .corner{position:absolute; top:.15rem; right:.15rem; display:none; z-index:2;} .pro_list01 .right .bott .item.pro_new .img_box .corner{display:block;} .pro_list01 .right .bott .item .img_box .pro img{ transition:all .8s ease 0s;} .pro_list01 .right .bott .item .infor_box{display:block; padding-bottom:.4rem; border-bottom:1px solid #e4e4e4;} .pro_list01 .right .bott .item .infor_box .tit{font-size:16px; line-height:22px; color:#333333; font-weight:bold; text-align:center; height:44px; padding:0 .15rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .pro_list01 .right .bott .item .btn_box a{display:block; width:50%; float:left; height:.43rem; line-height:.43rem; font-size:14px; white-space:nowrap; color:#333333; text-align:center;} .pro_list01 .right .bott .item .btn_box a:hover{background-color:#eb2327; color:#ffffff;} .pro_list01 .right .bott .item .btn_box .btn_inq{width:calc(50% - 1px); border-right:1px solid #e4e4e4;} .pro_list01 .right .bott .item:hover .img_box .pro 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);} /* 企业文化 */ .culture .recruit_center01{margin-bottom:1.3rem;} .culture .recruit_center02{margin-bottom:0;} .culture .recruit_center02 .title_box .index_box{display:flex; align-items:center; justify-content:flex-end;} .culture .recruit_center02 .title_box .index_box .l_img{text-align:center;} .culture .recruit_center02 .title_box .index_box .r_box{width:52%; margin-right:10%; margin-left:13%;} .culture .recruit_center02 .title_box .index_box .r_box .r_tit{color:#333333; font-weight:bold; margin-bottom:.3rem;} .culture01{position:relative;} .culture01 .bg img{width:100%;} .culture01 .content{position:absolute; top:0; left:0; width:100%; height:100%;} .culture01 .content .usual_tit{text-align:center; padding:.56rem 0 .49rem; border-bottom:1px solid #ffffff; font-weight:bold; color:#ffffff; white-space:nowrap; margin-bottom:0; width:100%; opacity:1;} .culture01 .content .bott{height:calc(100% - 1.41rem - 1px);} .culture01 .content .bott ul{height:100%;} .culture01 .content .bott ul li{height:100%;} .culture01 .content .bott .item{float:left; width:calc(20% - 1px); border-right:1px solid #ffffff; background-color:transparent; transition:all .5s ease; position:relative;} .culture01 .content .bott .item.active{background-color:rgba(0, 0, 0, .3);} .culture01 .content .bott .item .index_box{text-align:center; color:#ffffff; width:58%; position:absolute; top:38%; left:50%; transform:translateX(-50%);} .culture01 .content .bott .item .index_box .tit{font-weight:bold; margin-bottom:.35rem;} .culture02{padding:.8rem 0; background-color:#f8f8f8;} .culture02 .usual_tit{font-weight:bold; color:#333333;} .culture02 .item{display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem;} .culture02 .item:last-child{margin-bottom:0;} .culture02 .item .left{width:44%; font-size:16px; line-height:26px;} .culture02 .item .left img{width:100%;} .culture02 .item .right img{width:100%;} .culture02 .item .right{width:47%;} .culture02 .item:nth-child(1){flex-direction:row-reverse;} .culture03{padding:.8rem 0 0;} .culture03 .swiper-container{margin-bottom:.8rem;} .culture03 .index_box{margin-bottom:.45rem;} .culture03 .index_box .img_box{position:relative; margin-bottom:.15rem;} .culture03 .index_box .img_box .play{width:50px; display:block;} .culture03 .index_box:last-child{margin-bottom:0;} .culture03 .index_box .rect-5833{padding-bottom:58.33%;} .culture03 .index_box .con{font-size:.18rem; line-height:.24rem; color:#333333; height:.48rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .culture03 .content .swiper-scrollbar{position:relative; bottom:auto; left:0; width:100%; margin-top:.4rem; height:2px; background:#e6e6e6;} .culture03 .content .swiper-scrollbar::before{content:''; position:absolute; top:0; left:0; height:100%; width:50%; background-color:#eb2327;} .culture03 .swiper-scrollbar-drag{background:#eb2327;} .culture03 .swiper-scrollbar-drag::after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:.4rem; height:.4rem; background:url(../img/culture03_jt.png) no-repeat right/cover; cursor:pointer;} /* 智能仓储解决方案 */ .channel_content.solution_store{padding:0;} .solution_store .solution04 .content .tab_box .swiper-wrapper{justify-content:center; border-bottom:1px solid #cccccc;} .solution_store .solution04 .content .tab_box .swiper-slide{border:none;} .solution_store .solution04 .content .bott_box .left .tit{color:#000000;} .solution_store .solution04 .content .bott_box .left .con{color:#333333; margin-bottom:.4rem;} .solution_store .solution04 .content .bott_box .left .c{color:#333333;} .solution_store .solution04 .content .bott_box .left .btn_more:hover .c{color:#eb2327;} .solution_store .solution04 .content .bott_box .right{position:relative;} .solution_store .solution06{background-color:#ffffff;} .solution_store .solution06 .content .item .img_box{margin-bottom:.25rem;} .solution_store .solution06 .item .index_box{width:75%; margin:0 auto;} .solution_store .solution06 .item .index_box .tit{font-weight:bold; margin-bottom:.1rem;} .solution_store .solution06 .swiper-slide{cursor:pointer;} .solution_store .solution06 .content .item .tit span.i{margin-left:.2rem;} .solution_store .solution06 .swiper-slide:hover .index_box .tit{color:#eb2327;} .solution_store .solution06 .swiper-slide:hover .index_box .con{color:#eb2327;} .solution_store .solution06 .swiper-slide .index_box .tit{transition:all .5s ease;} .solution_store .solution06 .swiper-slide .index_box .con{transition:all .5s ease;} .solution_store .ibox02{background-color:#ffffff;} .solution_store .ibox02 .content .item .img_box{margin-bottom:.25rem;} .solution_store .ibox02 .item .index_box{width:75%; margin:0 auto;} .solution_store .ibox02 .item .index_box .tit{font-weight:bold; margin-bottom:.1rem;} .solution_store .ibox02 .swiper-slide{cursor:pointer;} .solution_store .ibox02 .content .item .tit span.i{margin-left:.2rem;} .solution_store .ibox02 .swiper-slide:hover .index_box .tit{color:#eb2327;} .solution_store .ibox02 .swiper-slide:hover .index_box .con{color:#eb2327;} .solution_store .ibox02 .swiper-slide .index_box .tit{transition:all .5s ease;} .solution_store .ibox02 .swiper-slide .index_box .con{transition:all .5s ease;} .solution07{padding:.8rem 0;} .solution07 .box{position:relative;} .solution07 .content a{display:block;} .solution07 .content a:hover{color:#ffffff;} .solution07 .content .index_box{color:#ffffff; position:absolute; top:.5rem; left:.35rem;} .solution07 .content .index_box .tit{margin-bottom:.4rem; font-weight:bold;} .solution07 .content .box .index_box .btn_box{opacity:0; visibility:hidden; transform:translateY(130%); transition:all .3s ease;} .solution07 .content .box:hover .index_box .btn_box{opacity:1; visibility:visible; transform:translateY(0);} .solution07 .content .rect-177{padding-bottom:177.4%;} .solution07 .content .rect-7989{padding-bottom:79.89%;} .solution07 .content .rect-6377{padding-bottom:63.77%;} .solution07 .content .rect-8990{padding-bottom:89.9%;} .solution07 .content .rect-118{padding-bottom:118.1818%;} .solution07 .content .rect-4931{padding-bottom:49.31%;} .solution07 .content .line.line01{float:left; width:22.7%; margin-right:20px;} .solution07 .content .line.line02{float:left; width:51.6%; margin-right:20px;} .solution07 .content .line.line03{float:left; width:calc(25.7% - 40px);} .solution07 .content .line .c_t{display:flex; align-items:center; justify-content:space-between;} .solution07 .content .line .c_t.c_t01{margin-bottom:20px;} .solution07 .content .line .c_t.c_t01 .box_l{width:calc(51.2% - 20px); margin-right:20px;} .solution07 .content .line .c_t.c_t01 .box_r{width:48.8%;} .solution07 .content .line .c_t.c_t02 .box_l{width:calc(59.8% - 20px); margin-right:20px;} .solution07 .content .line .c_t.c_t02 .box_r{width:40.2%;} .solution07 .content .line .c_l{display:flex; align-items:center; justify-content:space-between; flex-direction:column;} .solution07 .content .line.line03 .box:first-child{margin-bottom:20px;} /* 解决方案详细 */ .channel_content.solution_detail{margin-top:.95rem; padding:0;} .solution_detail01 .crumbs{text-align:right; padding:.4rem 0; margin-bottom:.25rem;} .solution_detail01 .title_box{border-bottom:2px solid #dfdfdf; position:relative; display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:.4rem; box-sizing:border-box; margin-bottom:.55rem;} .solution_detail01 .title_box::after{content:''; position:absolute; bottom:0; left:0; width:2.9rem; height:2px; background-color:#eb2327; z-index:2; transform:translateY(100%);} .solution_detail .common_box .common_title{color:#000000; font-weight:bold;} .solution_detail01 .title_box .ret_list{display:inline-block; margin-bottom:0; font-size:0; cursor:pointer;} .solution_detail01 .title_box .ret_list .icon{display:inline-block; vertical-align:middle; background:url(../img/pro_detail01_ricon01.png) no-repeat center / contain; height:.21rem; width:.17rem;} .solution_detail01 .title_box .ret_list:hover .icon{background:url(../img/pro_detail01_ricon02.png) no-repeat center / contain;} .solution_detail01 .title_box .ret_list:hover .con{color:#eb2327; font-weight:bold;} .solution_detail01 .title_box .ret_list .con{display:inline-block; vertical-align:middle; font-size:.16rem; line-height:1; color:#666666; margin-right:.1rem;} .solution_detail01 .content .left{width:39.4%; margin-right:6.4%;} .solution_detail01 .content .right{width:54.2%;} .solution_detail01 .content .left .swiper-pagination{position:static; font-size:0; margin-top:.3rem;} .solution_detail01 .content .left .swiper-pagination .swiper-pagination-bullet{width:.13rem; height:.13rem; background-color:#e3e3e3; opacity:1; margin:0; margin-right:.2rem;} .solution_detail01 .content .left .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;} .solution_detail01 .content .left .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#eb2327;} .solution_detail01 .content .right .index_box{padding-bottom:.4rem; margin-bottom:.3rem; box-sizing:border-box; border-bottom:2px solid #dfdfdf;} .solution_detail01 .content .right .index_box .tit{font-size:.2rem; font-weight:bold; line-height:1; margin-bottom:.2rem; color:#000000;} .solution_detail01{margin-bottom:.8rem;} .solution_detail02 .common_box{margin-bottom:.45rem;} .solution_detail02{padding:.8rem 0; background-color:#f2f2f2;} .solution_detail02 .common_box{border-bottom:2px solid #dfdfdf; position:relative; padding-bottom:.4rem; box-sizing:border-box; margin-bottom:.55rem;} .solution_detail02 .common_box::after{content:''; position:absolute; bottom:0; left:0; width:2.9rem; height:2px; background-color:#eb2327; z-index:2; transform:translateY(100%);} .solution_detail02 .item .rect-5586{padding-bottom:55.86%;} .solution_detail02 .item{margin-bottom:.4rem; position:relative; width:22.9%; margin-right:2.8%; cursor:pointer; float:left;} .solution_detail02 .item::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#e3e3e3;} .solution_detail02 .item::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#eb2327; width:0; transition:all .5s ease;} .solution_detail02 .item:nth-child(4n){margin-right:0;} .solution_detail02 .item .tit{margin:.3rem 0;} .solution_detail02 .item .tit .btn_more{width:100%;} .solution_detail02 .item .tit .c{font-size:.2rem; color:#000000; /*max-width:calc(100% - .35rem);*/} .solution_detail02 .item:hover .btn_more{color:#ebebeb;;} .solution_detail02 .item:hover .btn_more .i{transform:translateX(55%);} .solution_detail02 .item:hover .btn_more .c{color:#eb2327;} .solution_detail02 .item:hover::after{width:100%;} /* 产品详细页调整 */ .product_detail02 .common_box{margin-bottom:.45rem;} .product_detail02{padding:.5rem 0; background-color:#fff;} .product_detail02 .common_box .common_title { font-weight: bold; padding-left: 0.6rem; color: #333333; text-align:left; } .product_detail02 .common_box{border-bottom:2px solid #dfdfdf; position:relative; padding-bottom:.25rem; box-sizing:border-box; margin-bottom:.55rem;} .product_detail02 .common_box::after{content:''; position:absolute; bottom:0; left:0; width:2.9rem; height:2px; background-color:#eb2327; z-index:2; transform:translateY(100%);} .product_detail02 .item .rect-5586{padding-bottom:55.86%;} .product_detail02 .item{margin-bottom:.4rem; position:relative; width:22.9%; margin-right:2.8%; cursor:pointer; float:left;} .product_detail02 .item::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#e3e3e3;} .product_detail02 .item::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#eb2327; width:0; transition:all .5s ease;} .product_detail02 .item:nth-child(4n){margin-right:0;} .product_detail02 .item .tit{margin:.3rem 0;} .product_detail02 .item .tit .btn_more{width:100%;} .product_detail02 .item .tit .c{font-size:.2rem; color:#000000; /*max-width:calc(100% - .35rem);*/} .product_detail02 .item:hover .btn_more{color:#ebebeb;;} .product_detail02 .item:hover .btn_more .i{transform:translateX(55%);} .product_detail02 .item:hover .btn_more .c{color:#eb2327;} .product_detail02 .item:hover::after{width:100%;} /* 成员企业 */ .member .infor .tit{font-size:.36rem; line-height:.4rem; color:#333; font-weight:bold;} .member .infor .con{font-size:.16rem; line-height:.32rem; color:#666;margin-top:.25rem;} .member .content{margin-top:.5rem;} .member02{padding-top:.7rem;} .member02 .rect-58{padding-bottom:58%;} .member02 .content .li_{width:31%; float:left; margin-right:2%; position:relative; padding-bottom:1.54rem; margin-bottom:.4rem;} .member02 .content .li_three{margin-right:0;} .member02 .content .li_ .intro{position:absolute; left:0; bottom:0; width:100%; background:#eef0f3;} .member02 .content .li_ .intro .box{padding:.18rem .35rem .14rem;} .member02 .content .li_ .intro .box .tit{font-size:.24rem; line-height:.3rem; color:#333; font-weight:bold; margin-bottom:.1rem;} .member02 .content .li_ .intro .box .con{font-size:.16rem; line-height:.32rem; color:#666; height:.36rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; transition:0.5s ease;} .member02 .content .li_ .intro .box .link{text-align:right; opacity:0; visibility:hidden; transition:0.5s ease; transform:translateY(15px);} .member02 .content .li_ img{transition:all 0.5s ease;} .member02 .content .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .member02 .content .li_:hover .intro .box .con{height:2.88rem; display:block; overflow-y:auto; padding-right:5px;} .member02 .content .li_ .intro .box .con::-webkit-scrollbar {width:2px; height:4px;} .member02 .content .li_ .intro .box .con::-webkit-scrollbar-thumb {border-radius:0; background:#eb2327;} .member02 .content .li_ .intro .box .con::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .member02 .content .li_:hover .intro .box .link{opacity:1; visibility:visible; transform:translateY(0); margin-top:.2rem;} .member02 .content .li_.nolink .intro .box .link{opacity:0; visibility:hidden;} /* 新闻列表 */ .channel_content.news_list{margin-top:0.85rem; padding-top:0;} .news_list01{position:relative; /*padding-bottom:.9rem;*/ overflow:hidden;} .news_list01 > img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;} .news_list01 .content{/*position:absolute; left:6.25%; top:1.65rem;*/ padding:0.8rem 0; overflow:hidden; padding-left:1%; box-sizing:border-box; width:95.2%; margin-left:auto;} .news_list01 .swiper-container{width:74%; overflow:visible; margin:0 auto; margin-left:0; padding-bottom:.25rem;} .news_list01 .swiper-slide{background:#fff; transition:all .4s ease;} .news_list01 .swiper-slide::after{content:''; width:100%; height:100%; background:#000; opacity:0.3; visibility:visible; position:absolute; left:0; top:0; transition:all 0.4s ease;} .news_list01 .swiper-slide .top{display:flex; align-items:flex-end; justify-content:space-between; padding-right:.3rem;} .news_list01 .swiper-slide .top .left{width:66.6%; flex-shrink:0; margin-right:4%;} .news_list01 .swiper-slide .top .right{text-align:right; color:#c7c7c7; opacity:.5;} .news_list01 .swiper-slide .top .time{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size:.6rem; line-height:1;} .news_list01 .swiper-slide .top .type{margin:.2rem 0 .25rem;} .news_list01 .swiper-slide .top .en{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size:.48rem; line-height:1; text-transform:uppercase;} .news_list01 .swiper-slide .bott{padding:.45rem .45rem .5rem; padding-right:1rem;} .news_list01 .swiper-slide .bott .tit{color:#000000; margin-bottom:.1rem; transition:all .4s ease;} .news_list01 .swiper-slide .bott .con{color:#8f8f8f;} .news_list01 .swiper-slide:hover .bott .tit{color:#eb2327;} .news_list01 .swiper-slide.swiper-slide-active{box-shadow:-0.488px 6.983px 12.79px 0.21px rgba(143, 143, 143, 0.26);} .news_list01 .swiper-slide.swiper-slide-active::after{opacity:0; visibility:hidden;} .news_list01 .swiper-btns{position:absolute; bottom:.45rem; right:-.3rem; z-index:5;} .news_list01 .swiper-btns>div{position:static; width:33px; height:15px; background:url(../img/news_list01_prev.png) no-repeat center/cover; transition:all 0.5s ease; display:inline-block;} .news_list01 .swiper-btns .swiper-button-next{background:url(../img/news_list01_next.png) no-repeat center/cover; margin-left:.2rem;} .news_list01 .swiper-btns>div:hover{background: url(../img/news_list01_prev2.png) no-repeat center/cover; width:74px;} .news_list01 .swiper-btns .swiper-button-next:hover{background:url(../img/news_list01_next2.png) no-repeat center/cover;} /* .news_list01 .rect-4266{padding-bottom:42.66%; } */ /* .news_list01 .rect-4266{padding-bottom:56.25%; } */ .news_list01 .rect-4266{padding-bottom:66.67%; } .news_list02{margin-top:.3rem;} .news_list02 .hd{text-align:center; width:8.5rem; margin:0 auto;} .news_list02 .hd .link_box{font-size:0; margin-bottom:.1rem;} .news_list02 .hd .link_box a{display:inline-block; padding:0 .1rem; color:rgba(0,0,0,0.5); position:relative;} .news_list02 .hd .link_box a::after{content:''; position:absolute; right:0; width:2px; top:50%; height:.16rem; transform:translateY(-50%); background:#bcbcbc;} .news_list02 .hd .link_box a:last-child::after{display:none;} .news_list02 .hd .link_box a:hover{color:#eb2327;} .news_list02 .hd .link_box a.cur{color:#eb2327;} .news_list02 .hd .sear_box{width:100%; margin-bottom:.2rem; border:1px solid #cacaca; padding:0 .3rem; justify-content:space-between; box-sizing:border-box; border-radius:.25rem; display:flex; align-items:center; } .news_list02 .hd .sear_box .inp{width:calc(100% - .4rem); border:0; padding:0; margin:0; background:none; line-height:.3rem; font-size:.16rem;} .news_list02 .hd .sear_box .iconfont{font-size:.28rem; margin:0; line-height:.5rem; color:#000000; cursor:pointer; font-weight:bold;} .news_list02 .hd .key_box{color:#000000; font-size:0; height:.3rem; overflow:hidden;} .news_list02 .hd .key_box span{display:inline-block;} .news_list02 .hd .key_box a{display:inline-block; padding:0 .1rem; color:#000000; position:relative;} .news_list02 .hd .key_box a::after{content:''; position:absolute; left:0; width:1px; top:50%; height:.16rem; transform:translateY(-50%); background:#000000;} .news_list02 .hd .key_box a:first-of-type{padding-left:0;} .news_list02 .hd .key_box a:first-of-type::after{display:none;} .news_list02 .hd .key_box a:hover{color:#eb2327;} .news_list02 .bd{margin-top:.75rem;} .news_list02 .bd .select>div{display:inline-block; vertical-align:middle;} .news_list02 .bd .select .name{color:#000000;} .news_list02 .bd .select .cont{font-size:0;} .news_list02 .bd .select .cont .type1{display:inline-block; margin-right:.15rem; font-size:.16rem; line-height:.3rem; padding:0 .15rem; border:1px solid #eaeaea; border-radius:5px; color:rgba(0, 0, 0, .8); cursor:pointer; transition:all .4s ease;} .news_list02 .bd .select .cont .type1.cur{color:#ffffff; background:#eb2327; border-color:#eb2327;} .news_list02 .bd .select .cont .type1:last-child{margin-right:0;} .news_list02 .bd .cont li{position:relative; margin-top:.4rem; background:#fff; box-shadow:-0.209px 2.993px 20.79px 0.21px rgba(143, 143, 143, 0.26);} .news_list02 .bd .cont .type{position:absolute; left:.2rem; top:.15rem; font-size:.16rem; line-height:.28rem; background:#eb2327; color:#fff; padding:0 .2rem; border-radius:5px; z-index:5;} .news_list02 .bd .cont li .box{display:flex; align-items:center; justify-content:flex-start;} .news_list02 .bd .cont li .img{width:29.5%; flex-shrink:0;} .news_list02 .bd .cont li .img img{object-fit:cover;} .news_list02 .bd .cont li .words{width:54.5%; margin-left:3.5%;} .news_list02 .bd .cont li .words .tit{color:#000000; transition:all .4s ease;} .news_list02 .bd .cont li .words .con{color:#8f8f8f; max-height:.56rem; margin:.25rem 0 .2rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_list02 .bd .cont li .words .time{color:#8f8f8f;} .news_list02 .bd .cont li:hover .words .tit{color:#eb2327;} /* .news_list02 .bd .cont .rect-5239{padding-bottom:52.39%;} */ .news_list02 .bd .cont .rect-5239{padding-bottom:56.25%;} .news_list02 .bd .cont .page{margin-top:.8rem;} /* 新闻列表 end */ /* 新闻详情 */ .news_detail.channel_content{margin-top:.85rem; padding-top:1.2rem;} .news_detail01 .left{width:75.6%;} .news_detail01 .left .title{color:#000000; line-height:1.3; margin-bottom:.2rem;} .news_detail01 .left .mess{display:flex; color:#5d5d5d; } .news_detail01 .left .mess>div{margin-right:.13rem;} .news_detail01 .left .mess .switcher{color:#666666;} .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; color:#666666;} .news_detail01 .left .share_box li .iconfont{font-size:.4rem; line-height:1; margin:0;} .news_detail01 .left .share_box li:hover a{opacity:1;} .news_detail01 .left .text{padding-bottom:0.6rem; line-height:2; color:#333333;} .news_detail01 .left .text a{color:#eb2327;} .news_detail01 .left .btns{text-align:center; width:100%; border-bottom:1px solid #dfdfdf; padding-bottom:.2rem; display:flex; align-items:flex-end; justify-content:space-between;} .news_detail01 .left .btns .to_list{color:#fff; padding:0 0.5rem; line-height:0.4rem; background:#eb2327;} .news_detail01 .left .btns .prev{text-align:left; width:30%;} .news_detail01 .left .btns .next{text-align:right; width:30%;} .news_detail01 .left .btns i{margin:0;} .news_detail01 .left .btns a:hover .con15{color:#eb2327;} .news_detail01 .left .btns .bb{color:#000000; font-size:14px;} .news_detail01 .left .text img{max-width:650px!important; } .news_detail01 .right{width:20.9%;} .news_detail01 .right .item{border:1px solid #ececec; border-top:none; margin-bottom:0.38rem; box-sizing:border-box;border-radius: 0 0 15px 15px;} .news_detail01 .right .item .conBox{background:#eb2327; color:#fff; line-height:0.62rem; padding-left:0.3rem; box-sizing:border-box; font-size:.18rem;border-radius: 15px 15px 0 0;} .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 li{margin-bottom:.2rem; color:#5d5d5d;} .news_detail01 .right .item .item_con li:last-child{margin-bottom:0;} .news_detail01 .right .item .item_con li .time{font-size:12px; color:#666666; line-height:1; margin-bottom:.05rem;} .news_detail01 .right .item .item_con .sub{position:relative; margin-top:0.2rem;} .news_detail01 .right .item .item_con .sub input{border:1px solid #e0e0e0; width:100%; line-height:0.5rem; box-sizing:border-box; text-indent:0.2rem; padding:0; height:0.5rem; font-size:0.15rem; color:#333333; background:#fbfbfb;} .news_detail01 .right .item .item_con .sub input::-webkit-input-placeholder{color:#b3b3b3; font-size:0.15rem;} .news_detail01 .right .item .item_con .sub input::-moz-placeholder{color:#b3b3b3; font-size:0.15rem;} .news_detail01 .right .item .item_con .sub input:-moz-placeholder{color:#b3b3b3; font-size:0.15rem;} .news_detail01 .right .item .item_con .sub input:-ms-input-placeholder{color:#b3b3b3; font-size:0.15rem;} .news_detail01 .right .item .item_con .sub button{outline:none; border:none; box-sizing:border-box; line-height:0.48rem; cursor:pointer; position:absolute; right:3px; top:50%; margin-top:-0.24rem; background:none;} .news_detail01 .right .item .item_con .sub button .iconfont{color:#1b1b1b; font-size:.3rem; line-height:1; margin:0;} /* 新闻详情 end */ /* 关于我们 */ .about_banner .swiper-slide .img_box{position:relative; height:100%;} .about_banner .swiper-slide .img_box img, .about_banner .swiper-slide .img_box video{width:100%; height:100%; object-fit:cover;} .about_banner .swiper-slide .cover{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); z-index:10;} .about_banner .swiper-slide .cover .tit{font-size:.68rem; color:#fff; font-weight:bold; letter-spacing:.05em; width:100%; margin-bottom:.2rem;} .about_banner .swiper-slide .cover .tit .text{display:block; margin-bottom:.5rem;} .about_banner .swiper-slide .cover .con{font-size:.18rem; font-family:'he-t'; line-height:.33rem; color:#fff; letter-spacing:.07em; width:100%;} .about_banner .widgets .wrap{position:relative;} .about_banner .btn_area{position:absolute; left:50%; transform:translateX(-50%); bottom:.4rem; z-index:1} .about_banner .swiper-pagination{position:static; font-size:0;} .about_banner .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:.1rem; height:.1rem; margin:0 .5rem!important; vertical-align:middle; background:transparent; opacity:1; outline:none; position:relative; border-radius:50%;border:1px solid rgba(255, 255, 255, .5); cursor:pointer;} .about_banner .swiper-pagination .swiper-pagination-bullet::after{content:''; position:absolute; top:50%; transform:translateY(-50%); width:1rem; height:1px; background-color:rgba(255, 255, 255, .5); left:100%;} .about_banner .swiper-pagination .swiper-pagination-bullet:last-child::after{display:none;} .about_banner .swiper-pagination .swiper-pagination-bullet .tit{font-size:0.16rem; color:#fff; line-height:1; position:absolute; top:-.11rem; left:50%; transform:translate(-50%, -100%); opacity:0; width:auto; text-align:center; width:1.6rem;} .about_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .tit{opacity:1;} .about_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.38rem; height:.38rem; border:1px solid #ffffff; background:url(../img/abanner_icon01.png) no-repeat center; background-size:.29rem .15rem; } .channel_content.about_us{padding:0;} .about_us01{position:relative; background:url(../img/about01_bg.jpg) no-repeat bottom/cover; padding:1rem 0 1.6rem;} .about_us01 .usual_box{padding-bottom:.43rem; border-bottom:2px solid rgba(255, 255, 255, .6); margin-bottom:.65rem;} .about_us01 .usual_box .usual_tit{margin-bottom:0; color:#ffffff;} .about_us01 .left{float:left; width:63.1%; margin-right:6.4%;} .about_us01 .right{float:right; width:30.5%;} .about_us01 .left .text{color:#ffffff; width:89.8%; font-size:.16rem; line-height:.32rem; margin-bottom:.25rem; text-align:justify;} .about_us01 .left .video_box{background-color:rgba(255, 255, 255, .13);} .about_us01 .left .video_box .index_box{width:89.9%; position:relative;} .about_us01 .right .li_{display:flex; float:left; align-items:center; justify-content:center; width:50%; box-sizing:border-box; height:2rem; color:#ffffff; flex-direction:column;} .about_us01 .right .li_ .tit{font-size:.22rem; line-height:.32rem; margin-bottom:.35rem; text-align:center;} .about_us01 .right .li_ .num{font-size:.44rem; line-height:1; font-weight:bold;} .about_us02{position:relative; background:url(../img/about02_bg.png) no-repeat; background-position:left bottom;} .about_us02 .content .add_box{/*height:calc(100vh - .85rem);*/ padding:.9rem 0; display:flex; align-items:center; justify-content:space-between;} .about_us02 .content .add_box .left{width:45%; margin-right:5%;} .about_us02 .content .add_box .right{width:50%;} .about_us02 .content .add_box .left .usual_box{margin-bottom:.9rem;} .about_us02 .content .add_box .left .usual_box .con{font-size:.16rem; line-height:.32rem; color:#333333;} .about_us02 .content .add_box .left ul{display:flex; align-items:center; justify-content:space-between;} .about_us02 .content .add_box .left .item{display:inline-block; vertical-align:middle; /*margin-right:.9rem; margin-bottom:.6rem;*/ margin-bottom:.3rem;} .about_us02 .content .add_box .left .item .num{color:#eb2327; font-size:.36rem; line-height:1; margin-bottom:.1rem; font-weight:bold;} .about_us02 .content .add_box .left .item .tit{color:#333333; font-size:.2rem; line-height:.24rem;} .about_us03 .rect-5962{padding-bottom:59.62%;} .about_us03 .rect-3979{padding-bottom:39.79%;} .about_us03 .hd{position:relative; color:#ffffff;} .about_us03 .hd .usual_box{position:absolute; top:.65rem; left:0; width:100%;} .about_us03 .hd .usual_tit{color:#ffffff;} .about_us03 .hd .con_box{position:absolute; bottom:.8rem; left:0; width:100%;} .about_us03 .hd .con_box .con{font-size:.16rem; line-height:.32rem; width:31%;} .about_us03 .bd{padding:.6rem 0 .45rem; background:url(../img/about03_bg.jpg) no-repeat center/cover;} .about_us03 .bd .swiper-slide .img_box{border-radius:10px; overflow:hidden; height:3rem;} .about_us03 .bd .swiper-slide .img_box img{width:100%; height:100%; object-fit:cover;} .about_us03 .bd .swiper-slide .index_box{position:absolute; top:0; left:0; width:100%; height:100%; padding:.35rem .32rem .3rem; box-sizing:border-box; color:#ffffff; display:flex; justify-content:space-between; flex-direction:column;} .about_us03 .bd .swiper-slide .index_box .tit{font-weight:bold; opacity:0; transition:all 1s ease;} .about_us03 .bd .swiper-slide .index_box .sy_con{display:none;} .about_us03 .bd .swiper-slide.swiper-slide-active .index_box .tit{opacity:1;} .about_us03 .bd .widgets{margin-top:.3rem;} .about_us03 .bd .btn_area .left{width:16.4%;} .about_us03 .bd .btn_area .right{width:9.6%;} .about_us03 .bd .swiper-pagination{position:relative; width:100%; height:2px; margin-top:10px;} .about_us03 .bd .swiper-pagination-progressbar-fill{background:#eb2327;} .about_us03 .bd .swiper-pagination.swiper-pagination-progressbar{background-color:#ffffff;} .about_us03 .bd .btn_box{width:100%;} .about_us03 .bd .swiper_btn{position:relative; float:left; background:transparent; color:#ffffff; width:.4rem; height:.4rem; transition:all .3s ease; box-sizing:border-box; right:unset; left:unset; top:unset; margin:0; border:none;} .about_us03 .bd .swiper_btn i{font-size:55px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .about_us03 .bd .swiper-button-next{float:right;} .about_us03 .bd .swiper_btn:hover{color:#eb2327;} .about_us04{padding:.8rem 0; position:relative;} .about_us04 .content{position:relative;} .about_us04 .content .left{position:absolute; top:0; left:0; width:100%; z-index:-1;} .about_us04 .content .left::before{content:''; position:absolute; top:0; left:0; width:53.1%; background-color:#fcfcfc; height:100%; z-index:-2;} .about_us04 .content .left .usual_box{margin-bottom:.3rem;} .about_us04 .content .left .usual_box .usual_tit{margin-bottom:0;} .about_us04 .content .left .img_box{width:53.1%; display:none;} .about_us04 .content .left .img_box.selection{display:block;} .about_us04 .content .left .rect-6127{padding-bottom:61.27%;} .about_us04 .content .right{width:42.3%;} .about_us04 .content .right .item{border-bottom:2px solid #f2f2f2;} .about_us04 .content .right .item .tit_b{margin:.35rem 0; cursor:pointer; padding-left:.4rem;} .about_us04 .content .right .item .tit_b .tit{font-weight:bold; font-size:.24rem; line-height:.38rem; color:#333333; position:relative;} .about_us04 .content .right .item .tit_b .tit img{position:absolute; bottom:0.07rem; left:.25rem; z-index:-1;} .about_us04 .content .right .item .tit_b .icon{position:relative; width:.38rem; height:.38rem; background-color:transparent; border-radius:50%; border:solid 1px #333333; transition:all .8s ease;} .about_us04 .content .right .item.cur .tit_b .icon{background-color:#666666; border-color:#666666;} .about_us04 .content .right .item .tit_b .icon:after, .about_us04 .content .right .item .tit_b .icon:before {content:''; background:#333333; width:16px; height:2px; display:block; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;} .about_us04 .content .right .item .tit_b .icon:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.8s ease-out;} .about_us04 .content .right .item .tit_b .icon:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.8s ease-out;} .about_us04 .content .right .item.cur .tit_b .icon:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#ffffff;} .about_us04 .content .right .item.cur .tit_b .icon:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; background:#ffffff;} .about_us04 .content .right .item .infor_box{padding:.4rem; padding-right:.3rem; padding-top:0; height:2.4rem; overflow-y:auto;} .about_us04 .content .right .item .infor_box{display:none;} .about_us04 .content .right .item .infor_box .li_{padding-left:.2rem; position:relative; font-size:.16rem; line-height:.3rem; color:#333333;} .about_us04 .content .right .item .infor_box .li_::before{content:""; position:absolute; top:0.12rem; width:.08rem; height:.08rem; background-color:#eb2327; left:0; border-radius:50%;} .about_us04 .content .right .item .infor_box li::marker{color:#eb2327;} .about_us04 .content .right .item.active .tit_b .icon{background-color:#333333; color:#ffffff;} .about_us05{position:relative; height:calc(100vh - 0.85rem); overflow:hidden;} .about_us05 .as_cover{height:100%; position:relative;} .about_us05 .bg{height:100%;} .about_us05 .bg img{width:100%; height:100%; object-fit:cover;} .about_us05 .cover{position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000000; z-index:1; opacity:.4;} .about_us05 .content{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; color:#ffffff; text-align:center; z-index:2;} .about_us05 .content .usual_tit{margin-bottom:.3rem; color:#ffffff; line-height:.46rem;} .about_us05 .content .con{width:61%; font-size:.18rem; line-height:.32rem; margin:0 auto;} .about_us06{position:absolute; top:100%; left:0; width:100%; z-index:2; background-color:#ffffff; box-sizing:border-box;} .about_us06 .as_index{position:absolute; top:50%; width:100%; left:0; width:100%; transform:translateY(-50%);} .about_us06 .add_content{display:flex; align-items:center; justify-content:space-between; align-items:stretch;} .about_us06 .add_content .left{width:25.6%; margin-right:3.8%;} .about_us06 .add_content .right{width:70.6%;} .about_us06 .usual_tit{padding-left:.3rem; margin-bottom:.6rem;} .about_us06 .left .list{max-height:4.4rem; overflow-y:auto;} .about_us06 .left .list .item{font-size:.16rem; line-height:.24rem; color:#333333; padding-left:.3rem; position:relative; margin-bottom:.22rem; cursor:pointer;} .about_us06 .left .list .item::before{content:''; position:absolute; top:.08rem; left:0; width:.08rem; height:.08rem; border-radius:50%; background-color:#eb2327;} .about_us06 .left .list .item.active{color:#eb2327;} .about_us06 .left .list::-webkit-scrollbar {width:5px; height:4px;} .about_us06 .left .list::-webkit-scrollbar-thumb {border-radius:0; background:#eb2327;} .about_us06 .left .list::-webkit-scrollbar-track {border-radius:0; background:#f3f3f3;} .about_us06 .right .hd{margin-bottom:0.22rem; padding:.48rem 0; overflow:hidden;} .about_us06 .right .hd .rect-7055{padding-bottom:70.55%;} .about_us06 .right .hd .fz{-webkit-box-reflect:below 0 linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)); -moz-box-reflect:below 0 linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)); -ms-box-reflect:below 0 linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1));} .about_us06 .right .hd .swiper-container{overflow:visible;} .about_us06 .right .hd .swiper-slide{padding-bottom:1.3rem; transition:all .36s ease;} .about_us06 .right .hd .swiper-slide.swiper-slide-active{-moz-transform:scale(1.35,1.35); -ms-transform:scale(1.35,1.35); -o-transform:scale(1.,1.35); -webkit-transform:scale(1.35,1.35); transform:scale(1.35,1.35);} .about_us06 .right .bd .add_box{display:flex; align-items:center; justify-content:center;} .about_us06 .right .bd .swiper_btn{position:relative; float:unset; background:#ffffff; color:#eb2327; width:.6rem; height:.6rem; transition:all .36s ease; box-sizing:border-box; border-radius:50%; right:unset; left:unset; top:unset; margin:0; border:none; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.09);} .about_us06 .right .bd .swiper_btn i{font-size:.65rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .about_us06 .right .bd .swiper_btn:hover{color:#ffffff; background-color:#eb2327;} .about_us06 .right .bd .swiper-container{width:64.5%; margin:0;} .about_us06 .right .bd .text{font-size:.2rem; line-height:.7rem; color:#333333; text-align:center;} .about_us07{position:relative;} .about_us07 .bg img{width:100%;} .about_us07 .content{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); font-weight:bold;} .about_us07 .content .usual_tit{text-align:center; color:#ffffff;} .about_us07 .content .btn_box{text-align:center;} .about_us07 .content .btn_box a{display:inline-block; padding:0 .38rem; font-size:.18rem; line-height:.5rem; height:.5rem; background-color:#ffffff; border-radius:24px; color:#eb2327; position:relative;} .about_us07 .content .btn_box a::after{content:''; position:absolute; left:50%; top:50%; bottom:50%; right:50%; background-color:rgba(235, 35, 39, 0.05); z-index:1; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; border-radius:24px;} .about_us07 .content .btn_box a:hover::after{left:0; top:0; bottom:0; right:0;} /* 社会责任 */ .channel_content.social{padding:0;} .social01{padding:1.05rem 0; background:url(../img/social01_bg.png) no-repeat center/cover;} .social01 .usual_box .con{font-size:.16rem; line-height:.38rem; color:#333333;} .social01 .content .swiper-container{width:77%; margin:0 auto;} .social01 .content .add_box{position:relative; padding:.8rem 0;} .social01 .content .add_box .swiper-slide{font-weight:bold; text-align:center;} .social01 .content .add_box .num{font-size:.24rem; line-height:1; margin-bottom:.3rem; color:#eb2327;} .social01 .content .add_box .num em{font-size:.5rem;} .social01 .content .add_box .con{font-size:.18rem; line-height:.3rem; color:#333333;} .social01 .content .add_box .swiper_btn{position:absolute; background:transparent; color:#eb2327; width:.14rem; height:.34rem; box-sizing:border-box; border-radius:50%; transition:all .3s ease; right:unset; left:unset; top:unset; bottom:unset; left:0; top:50%; transform:translateY(-50%); border:none; margin:0;} .social01 .content .add_box .swiper_btn i{font-size:.65rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;} .social01 .content .add_box .swiper_btn.swiper-button-next{left:unset; right:0;} .social01 .content .widgets .swiper-pagination{width:2rem;} .social01 .content .widgets .swiper-pagination{position:relative; width:2rem; margin:0 auto; height:2px;} .social01 .content .widgets .swiper-pagination-progressbar-fill{background:#eb2327;} .social01 .content .widgets .swiper-pagination.swiper-pagination-progressbar{background-color:#b7b7b7;} .social02{background:url(../img/social02_bg.png) no-repeat center/cover;} .social02 .content{position:relative; padding:1.05rem 0 0; border-left:1px solid #dadada;;} .social02 .content .corner{position:absolute; top:0; left:0; transform:translate(-50%, -50%); border:1px solid #dadada; overflow:hidden; border-radius:50%; width:1rem; height:1rem; background:#ffffff; z-index:2;} .social02 .content .corner img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); animation:jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate;} .social02 .content .left{width:66.7%; padding-left:4.5%; margin-right:3.2%; color:#333333;} .social02 .content .right{width:25.6%;} .social02 .content .left .icon{margin-bottom:.3rem;} .social02 .content .left .con{font-size:.18rem; line-height:.3rem; color:#333333; margin-bottom:.7rem; font-weight:bold;} .social02 .content .left .con_name{text-align:right; font-size:.18rem; line-height:.3rem; color:#333333; font-weight:bold;} .social02 .content .left .con_name .name02{font-size:.14rem; line-height:.3rem; color:#b4b4b4; font-weight:normal;} .social03{padding-top:.75rem; background:url(../img/social03_bg.jpg) no-repeat center/cover; margin-bottom:.5rem;} .social03 .content .usual_box{margin-bottom:.3rem;} .social03 .content .usual_box .usual_tit{color:#ffffff;} .social03 .content .usual_box .con{font-size:.18rem; line-height:.3rem; color:#ffffff;} .social03 .content .list{transform:translateY(0.5rem);} .social03 .content .list .item{width:32%; margin-right:2%; box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.05); border-radius:2px; box-sizing:border-box; padding:.77rem .55rem .87rem; position:relative;} .social03 .content .list .item:last-child{margin-right:0;} .social03 .content .list .item .bg{position:absolute; top:0; left:0; width:100%; height:100%;z-index:-1;} .social03 .content .list .item .bg img{width:100%; height:100%; object-fit:cover;} .social03 .content .list .item .tit_box{font-size:0;} .social03 .content .list .item .tit_box .icon{display:inline-block; vertical-align:middle; margin-bottom:.3rem; margin-right:.3rem;} .social03 .content .list .item .tit_box .tit{display:inline-block; vertical-align:middle; margin-bottom:.23rem; font-size:.24rem; line-height:.3rem; color:#eb2327;} .social03 .content .list .item .con{font-size:.16rem; line-height:.3rem; color:#333333; margin-bottom:.3rem; height:1.5rem; overflow-y:auto;} .social03 .content .list .item .con::-webkit-scrollbar {width:2px; height:4px;} .social03 .content .list .item .con::-webkit-scrollbar-thumb {border-radius:0; background:#eb2327;} .social03 .content .list .item .con::-webkit-scrollbar-track {border-radius:0; background:#f3f3f3;} .social03 .content .list .item .li_box .ul_{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;} .social03 .content .list .item .li_box .ul_ .li_{display:flex; align-items:center; flex-direction:column; align-items:flex-start; justify-content:flex-start; margin-right:.15rem;} .social03 .content .list .item .li_box .ul_ .li_:last-child{margin-right:0;} .social03 .content .list .item .li_box .ul_ .li_ .num{font-size:.16rem; line-height:.3rem; color:#333333; margin-bottom:.06rem;} .social03 .content .list .item .li_box .ul_ .li_ .num em{font-size:.24rem; color:#eb2327; font-weight:bold;} .social03 .content .list .item .li_box .ul_ .li_ .li_tit{font-size:.16rem; line-height:.3rem; color:#333333;} .social04 .content .usual_box{margin-bottom:.55rem; padding-top:1.5rem;} .social04 .content .usual_box .con{font-size:.18rem; line-height:.3rem; color:#333333;} .social04 .content .bg_map{text-align:center;} .social04 .content .hd_box .hd_center{position:absolute; top:50%; width:2.04rem; height:2.04rem; border:dashed 1px #7a7a7a; box-sizing:border-box; border-radius:50%; left:50%; transform:translate(-50%,-50%); z-index: 11;} .social04 .content .hd_box .hd_center .center_img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1.8rem;} .social04 .content .hd_box .hd_center::after{content:''; position:absolute; top:calc(100% + 1px); left:50%; width:1.66rem; height:3.57rem; background:url(../img/social04_bg01.svg) no-repeat center/cover;} .social04 .content .hd_box .hd_center .c_t{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:.24rem; line-height:1; color:#ffffff;} .social04 .content .list{position:absolute; bottom:.65rem; left:0; width:100%; display:flex; justify-content:space-around; align-items:flex-start; z-index:10;} .social04 .content .list .item{display:flex; align-items:center; justify-content:flex-start;} .social04 .content .list .item .icon{margin-right:.4rem;} .social04 .content .list .item .index_box .tit{font-size:.3rem; line-height:1; color:#eb2327; font-weight:bold; margin-bottom:.25rem;} .social04 .content .list .item .index_box .tit em{font-size:.5rem; margin-right:.1rem;} .social04 .content .list .item .index_box .con{font-size:.18rem; line-height:.3rem; color:#333333;} .social04 .bd_sc .usual_box{margin-bottom:.7rem; padding-top:0;} .social04 .bd_sc .usual_box .usual_tit{color:#ffffff;} .social04 .bd_sc .usual_box .con{color:#ffffff; font-size:.18rem; line-height:.3rem;} .social04 .bd_sc .swiper-container{margin-bottom:.45rem;} .social04 .bd_sc .swiper-slide .img_box{position:relative; border-radius:10px; overflow:hidden;} .social04 .bd_sc .swiper-slide .img_box .img_yuanpei{width:100%;} .social04 .bd_sc .swiper-slide .img_box .tit{position:absolute; bottom:.3rem; left:.35rem; font-size:.16rem; line-height:.28rem; font-weight:bold; color:#ffffff; z-index:3; opacity:0; visibility:hidden; transition:all 1s ease;} .social04 .bd_sc .swiper-slide .img_box .cover_box{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .4); z-index:2; opacity:1; visibility:visible; transition:all 1s ease;} .social04 .bd_sc .swiper-slide .img_box .cover_box .cover_tit{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; padding:0 .35rem; color:#ffffff; font-size:.2rem; line-height:.3rem; font-weight:bold; box-sizing:border-box;} .social04 .bd_sc .swiper-slide .rect-6485{padding-bottom:64.85%;} .social04 .bd_sc .swiper-slide.swiper-slide-active .img_box .tit{opacity:1; visibility:visible;} .social04 .bd_sc .swiper-slide.swiper-slide-active .cover_box{opacity:0; visibility:hidden;} .social04 .bd_sc .swiper-container{padding-top:1.2rem;} .social04 .bd_sc .swiper-slide{position:relative; width:3.87rem; margin-right:.2rem; transition:all 1s ease; transform-origin:bottom center;} .social04 .bd_sc .swiper-slide{cursor:grab;} .social04 .bd_sc .btn_box{display:flex; align-items:center; justify-content:center;} .social04 .bd_sc .swiper_btn{position:relative; background:transparent; color:#ffffff; width:.14rem; height:.34rem; box-sizing:border-box; border-radius:50%; transition:all .3s ease; right:unset; left:unset; top:unset; bottom:unset; border:none; margin:0;} .social04 .bd_sc .swiper_btn i{font-size:.55rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; color:#ffffff; opacity:0.5; transition:all .3s ease;} .social04 .bd_sc .swiper_btn:hover i{opacity:0.9;} .social04 .bd_sc .swiper-pagination{position:static; font-size:0; margin:0 .6rem;} .social04 .bd_sc .swiper-pagination .swiper-pagination-bullet{width:.20rem; height:2px; background:#ffffff; opacity:.5; margin:0; margin-right:6px; border-radius:0;} .social04 .bd_sc .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;} .social04 .bd_sc .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#eb2327; opacity:1; width:.4rem;} .social05{background:url(../img/social05_bg.png) no-repeat center/cover; padding:.8rem 0 .9rem; position:relative; z-index:25;} .social05 .content .left{width:34%; margin-right:9%; margin-top:.75rem;} .social05 .content .right{width:57%;} .social05 .content .left .usual_box .usual_tit{color:#333333;} .social05 .content .left .usual_box .con{font-size:.18rem; line-height:.3rem; color:#333333;} /* 党 建 最后一页 */ .party_banner .xc_words{text-align:center;} .xc_banner.party_banner .xc_words .con{width:48.4%; margin:0 auto;} .channel_content.party{padding:.96rem 0 0;} .party .party_box{display:flex; justify-content:center; align-items:center; margin-bottom:.3rem;} .party .party_box .line{width:28%; position:relative; background:url(../img/party_tit.png) no-repeat right; height:9px;} .party .party_box .line.line.line02{background:url(../img/party_tit02.png) no-repeat left;} .party .party_box .party_tit{position:relative; color:#333333; text-align:center; font-weight:bold; padding:0 .42rem; white-space:nowrap;} .party .party_box .line{background-size:contain;} .party .party_box .line.line.line02{background-size:contain;} .party01{margin-bottom:.5rem;} .party01 .party_tab{text-align:center; margin-bottom:.3rem;} .party01 .party_tab .list{display:inline-block;} .party01 .party_tab .list .item{letter-spacing:1px; color:#333333; font-weight:bold; font-size:.18rem; line-height:1; padding:.11rem 0; position:relative; float:left; margin:0 .5rem; cursor:pointer;} .party01 .party_tab .list .item::after{content:''; position:absolute; bottom:0; left:0; right:0; background-color:#eb2327; height:2px; display:none;} .party01 .party_tab .list .item.cur{color:#eb2327;} .party01 .party_tab .list .item.cur::after{display:block;} .party01 .content{display:flex; align-items:flex-start; justify-content:space-between;} .party01 .content .left{width:48.2%; margin-right:3.6%;} .party01 .content .right{width:48.2%;} .party01 .content .right .list .ul_{padding-right:5px; overflow-y:auto; height:5rem;} .party01 .content .right .list .ul_::-webkit-scrollbar{width:2px; height:4px;} .party01 .content .right .list .ul_::-webkit-scrollbar-thumb{border-radius:5px; background:#eb2327;} .party01 .content .right .list .ul_::-webkit-scrollbar-track{border-radius:0; background:#f7f7f7;} .party01 .content .right .list .ul_ .li_{padding:.3rem .4rem; border-bottom:1px solid rgba(235, 35, 39, 0.35); transition:all .5s ease; background-color:transparent;} .party01 .content .right .list .ul_ .li_:last-child{border:none;} .party01 .content .right .list .ul_ .li_ a{display:flex; justify-content:space-between; align-items:center;} .party01 .content .right .list .ul_ .li_ .con{flex:1; color:#333333; transition:all .5s ease; padding-left:.45rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; max-height:.96rem;} .ipart03 .content .item .intro_box .con{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; max-height:.9rem;} .party01 .content .right .list .ul_ .li_ .l_index .time{font-size:.14rem; line-height:1; padding-bottom:.1rem; border-bottom:1px solid rgba(165, 165, 165, 0.25); font-weight:bold; color:#333333; transition:all .5s ease; margin-bottom:.1rem;} .party01 .content .right .list .ul_ .li_ .l_index .num{font-size:.46rem; line-height:1; font-weight:bold; color:#eb2327; transition:all .5s ease;} .party01 .content .right .list .ul_ .li_:hover{background-color:#eb2327;} .party01 .content .right .list .ul_ .li_:hover .con{color:#ffffff;} .party01 .content .right .list .ul_ .li_:hover .l_index .time{color:#ffffff;} .party01 .content .right .list .ul_ .li_:hover .l_index .num{color:#ffffff;} .party01 .content .right .list .ul_ .li_.cur{background-color:#eb2327;} .party01 .content .right .list .ul_ .li_.cur .con{color:#ffffff;} .party01 .content .right .list .ul_ .li_.cur .l_index .time{color:#ffffff; border-color:rgba(255, 255, 255, 0.25);} .party01 .content .right .list .ul_ .li_.cur .l_index .num{color:#ffffff;} .party02{padding:1.7rem 0; background:url(../img/party02_bg.png) no-repeat top/cover; position:relative;} .party02::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:1.07rem; background:url(../img/party02_down.png) no-repeat bottom/cover;} .party03{padding:0.8rem 0 .95rem;} .party03 .title_box{margin-bottom:.4rem;} .party03 .title_box .party_box{margin-bottom:.5rem;} .party03 .title_box .con{width:78.4%; margin:0 auto; text-align:center; } .party03 .content{position:relative;} .party03 .content .rect-4848{padding-bottom:48.48%;} .party03 .content .swiper-container{width:78.4%; margin:0 auto;} .party03 .content .swiper_btn {position:absolute; background:#ffffff; width:.58rem; height:.58rem; transition:all .36s ease; box-sizing:border-box; border-radius:50%; right:unset; top:unset; bottom:unset; left:0; top:50%; transform:translateY(-50%); border:none; margin:0; border:solid 1px #a5a5a5;} .party03 .content .swiper_btn i{font-size:.65rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; color:#eb2327} .party03 .content .swiper_btn.swiper-button-next{left:unset; right:0;} .party03 .content .swiper_btn:hover{background-color:#eb2327; border-color:#eb2327;} .party03 .content .swiper_btn:hover i{color:#ffffff;} .party04{padding:0.8rem 0 .9rem; background-color:#f7f7f7;} .party04 .party_box{margin-bottom:.45rem;} .party04 .content .list .item{float:left; margin-right:4.4%; width:47.8%; position:relative; background-color:#ffffff; padding:.45rem .5rem .5rem; box-sizing:border-box;} .party04 .content .list .item:nth-child(2n){margin-right:0;} .party04 .content .list .item::after{content:' '; position:absolute; bottom:0; width:0; left:0; transition:all .5s ease; height:2px; background-color:#eb2327;} .party04 .content .list .item:hover::after{width:100%;} .party04 .content .list .item .tit{font-weight:bold; letter-spacing:1px; color:#333333; padding-bottom:.15rem; border-bottom:1px solid #a5a5a5; width:80%; margin-bottom:.35rem; height:.64rem; max-height:.64rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .party04 .content .list .item .icon_box .icon{float:left; margin-right:.55rem;} .party04 .content .list .item .icon_box .icon img{vertical-align:middle; margin-right:.15rem;} .party04 .content .list .item .icon_box .icon span{vertical-align:middle; display:inline-block; color:#333333; cursor:pointer; color:#eb2327;} /* .party04 .content .list .item .icon_box .icon:nth-child(2){cursor:pointer;} .party04 .content .list .item .icon_box .icon:nth-child(2) span{color:#eb2327;} */ .party05{padding:0.8rem 0 .9rem; background-color:#f3eae1;} .party05 .party_box{margin-bottom:.6rem;} .party05 .content{overflow:hidden; margin-left:-10px; margin-right:-10px;} .party05 .content .swiper-container{overflow:visible; width:calc(100% - 20px); margin:0 auto;} .party05 .content .add_box{position:relative; background-color:#ffffff; box-shadow:0px 0px 9px 0px rgba(0, 0, 0, 0.1); box-sizing:border-box; padding:0 .25rem; padding-bottom:.6rem; transition:all .5s ease; display:block;} .party05 .content .add_box::after{content:''; position:absolute; width:0; bottom:0; left:0; background-color:#eb2327; transition:all .5s ease; height:2px;} .party05 .content .add_box .infor_box{padding-top:.45rem;} .party05 .content .add_box .infor_box .tit_box{font-size:0;} .party05 .content .add_box .infor_box .tit_box .num{font-weight:bold; color:#bababa; display:inline-block; vertical-align:middle; transition:all .5s ease;} .party05 .content .add_box .infor_box .tit_box .icon{display:inline-block; vertical-align:middle; background-color:transparent; float:right; width:.36rem; height:.36rem; border-radius:50%; position:relative; transition:all .5s ease;} .party05 .content .add_box .infor_box .tit_box .icon i{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#bababa; transition:all .5s ease; font-size:.4rem; margin:0;} .party05 .content .add_box .infor_box .time{font-size:.16rem; line-height:1; color:#bbbbbb; margin:.3rem 0 .1rem;} .party05 .content .add_box .infor_box .con{height:.96rem; max-height:.96rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#000000;} .party05 .content .add_box .img_box .rect-4968{padding-bottom:49.68%;} .party05 .content .add_box:hover::after{width:100%;} .party05 .content .add_box:hover .infor_box .tit_box .num{color:#151227;} .party05 .content .add_box:hover .infor_box .tit_box .icon{background-color:#eb2327;} .party05 .content .add_box:hover .infor_box .tit_box .icon i{color:#ffffff;} .party05 .content .swiper-slide.swiper-slide-active .add_box::after{width:100%;} .party05 .content .swiper-slide.swiper-slide-active .add_box .infor_box .tit_box .num{color:#151227;} .party05 .content .swiper-slide.swiper-slide-active .add_box .infor_box .tit_box .icon{background-color:#eb2327;} .party05 .content .swiper-slide.swiper-slide-active .add_box .infor_box .tit_box .icon i{color:#ffffff;} .party06{padding:0.8rem 0;} .party06 .party_box{margin-bottom:.6rem;} .party06 .content .img_box .rect-5039{padding-bottom:50.39%;} .party06 .content .index_box{text-align:center; background-color:#f7f7f7; padding:0 .1rem; max-height:.3rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding:.1rem 0; color:#333333;} .party05 .content .swiper-pagination{position:static; font-size:0; margin-top:.4rem; line-height:0;} .party05 .content .swiper-pagination .swiper-pagination-bullet{width:.34rem; height:4px; background:#a5a5a5; opacity:.5; margin:0; margin-right:8px; border-radius:0;} .party05 .content .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;} .party05 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#eb2327; opacity:1; width:.5rem;} .party06 .content .swiper-pagination{position:static; font-size:0; margin-top:.4rem; line-height:0;} .party06 .content .swiper-pagination .swiper-pagination-bullet{width:.34rem; height:4px; background:#a5a5a5; opacity:.5; margin:0; margin-right:8px; border-radius:0;} .party06 .content .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;} .party06 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#eb2327; opacity:1; width:.5rem;} /* 完成后修改 */ /* widgets_home_network_11 start */ .global-site-3d{max-width:568px; margin:0 auto;} #mountNode{width:100%;height:100%;position:relative;background:url(http://zjk.jerei.com/uploadfiles/widgets_home_network_11_earth_bg.png) no-repeat;background-size:100% 100%;background-position:top} #mountNode .shadow{background:url(http://zjk.jerei.com/uploadfiles/widgets_home_network_11_shadow.png);background-size:96% 96%;background-position:50%;background-repeat:no-repeat;top:0;left:0} #mountNode .shadow,#mountNode .shadow2{width:100%;height:100%;pointer-events:none;position:absolute} #mountNode .shadow2{background:url(http://zjk.jerei.com/uploadfiles/widgets_home_network_11_shadow2.png);background-size:100% 100%;background-position:-50% -50%;background-repeat:no-repeat;left:70px;top:70px;z-index:-1} #earth{width:100%!important;height:100%!important;outline:none} #labels{z-index:0;color:#fff} #labels,#labels>div{position:absolute;left:0;top:0} #labels>div{cursor:pointer;width:13px;height:13px;/*background:url(http://zjk.jerei.com/uploadfiles/widgets_home_network_11_mark.png) no-repeat;background-size:contain;color:#252b3a;*/ border-radius:50%; background-color:#eb2327;} #labels>div .labelText{display:block; width:2.6rem; height:1.6rem; background-color:#eb2327; box-sizing:border-box; padding:.1rem; padding-top:.04rem; border-radius:6px; overflow:hidden; opacity:0; visibility:hidden;} #labels>div .labelText .label-title{text-align:center; font-size:.18rem; line-height:.3rem; } #labels>div .labelText .label-img{height:calc(100% - .3rem);} #labels>div .labelText .label-img img{height:100%; width:100%; object-fit:cover;} #labels>div:hover{z-index:200000!important} #labels>div:hover .labelText{opacity:1; visibility:visible;} .widgets_home_network_11 .icon{font-size:0; text-align:center; margin-top:.3rem;} .widgets_home_network_11 .icon img{margin-right:.4rem; vertical-align:middle;} .widgets_home_network_11 .icon img{display:none;} .widgets_home_network_11 .icon span{font-size:.16rem; line-height:1; display:inline-block; vertical-align:middle; color:#eb2327;} /* 解决方案——工作软件 */ .channel_content.solution_software{padding:0;} .solution_software01 .recruit_social01 .new_top .tab_box .swiper-slide{padding:0 .55rem;} .solution_software02 .solution01 .content{flex-direction:row-reverse;} .solution_software .solution01 .content .left{margin-right:0; margin-left:7.6%; position:relative;} .solution_software02 .solution01 .content .left{margin-right:0; margin-left:7.6%; position:relative;} .solution_software02 .solution01 .content .right .con{height:auto; max-height:2.1rem;} .solution_software03{background:url(../img/solution_software03_bg.png) no-repeat center/cover; padding:.85rem 0;} .solution_software03 .common_box .common_title{color:#ffffff;} .solution_software03 .box{padding:.5rem .4rem .45rem .35rem; position:relative; background-color:#ffffff; box-shadow:0px 0px 13px 0px rgba(28, 28, 28, 0.17); border-radius:15px;} .solution_software03 .box .img_box{margin-bottom:.15rem;} .solution_software03 .box .tit{font-size:.2rem; font-weight:bold; margin-bottom:.15rem; line-height:.24rem; color:#000000;} .solution_software03 .box .con{font-size:.16rem; line-height:.24rem; color:#666666; height:.96rem; overflow-y:auto;} .solution_software03 .box .con::-webkit-scrollbar{width:2px; height:4px;} .solution_software03 .box .con::-webkit-scrollbar-thumb{border-radius:5px; background:#eb2327;} .solution_software03 .box .con::-webkit-scrollbar-track{border-radius:0; background:transparent;} .solution_software03 .content .swiper-pagination{position:unset; line-height:.11rem; font-size:0; margin-top:.5rem;} .solution_software03 .content .swiper-pagination .swiper-pagination-bullet {width:.11rem; height:.11rem; background-color:#dbdbdb; opacity:1; margin-right:.35rem;} .solution_software03 .content .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;} .solution_software03 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#eb2327;} .solution_software .solution04 .content .tab_box .btn_box{display:none!important;} /* 管网解决方案 三级导航 */ /* .solution .recruit_social01{margin-bottom:.4rem;} */ .solution.solution_software .tab_box .swiper-container{overflow:visible;} /* .solution.solution_store .tab_box .swiper-container{overflow:visible;} */ .solution .recruit_social01 .new_top .tab_box .swiper-slide .li_ .iconfont{margin:0; margin-left:0.1rem; color:#333333;} .solution .recruit_social01 .new_top .tab_box .swiper-slide .li_.active .iconfont{color:#eb2327; line-height:1;} .solution .recruit_social01 .new_top .tab_box .swiper-slide .select_down{position:absolute; top:calc(100% - .12rem); left:0; width:calc(100% + 2px); background-color:#ffffff; box-shadow: 0px 0px 13px 0px rgba(28, 28, 28, 0.11); border-radius:5px; border:solid 1px #f7f7f7; padding:.08rem; box-sizing:border-box; overflow:hidden; display:none; z-index:2;} .solution .recruit_social01 .new_top .tab_box .swiper-slide .select_down .select_item{font-size:.16rem; color:#848484; line-height:.42rem; background-color:transparent; transition:all .3s ease; padding:0 .22rem; border-radius:5px; overflow:hidden; cursor:pointer; z-index:20; text-align:center;} .solution .recruit_social01 .new_top .tab_box .swiper-slide .select_down .select_item:hover{color:#ffffff; background-color:#eb2327;} .solution .recruit_social01 .new_top .tab_box .swiper-slide .select_down .select_item.active{color:#ffffff; background-color:#eb2327;} .solution .recruit_social01 .new_top .tab_box .swiper-slide .select_down{width:2.1rem;} .solution_store .solution04 .content .tab_box .swiper-wrapper{border-bottom:none;} .solution_software .solution_software01 .tab_box::after{bottom:6px;} /* 公共页面的vi色修改 */ body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover{background-color:#eb2327;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:#eb2327; border-color:#eb2327;} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:#eb2327;} body .resultArea #botBtn a::before{background:#eb2327;} body .resultArea #botBtn a:hover{border-color:#eb2327;} /* 20240717 wrt */ .tab_box .swiper-slide .li_{font-size:.16rem;} .solution06 .content .item .tit span{display:inline-block; vertical-align:bottom; font-size:.14rem; line-height:.22rem; transition:all .5s ease;} .solution06 .content .item .tit span.i{position:relative; width:.25rem; height:.25rem; background-color:#eb2327; border-radius:50%; color:#fff;} .solution06 .content .item .tit span.i .iconfont{position:absolute; top:49%; left:50%; transform:translate(-50%, -50%); margin:0; font-size:.16rem;} .solution06 .content .item:hover .tit span.i{transform:translateX(55%);} .ibox02 .content .item .tit span{display:inline-block; vertical-align:bottom; font-size:.14rem; line-height:.22rem; transition:all .5s ease;} .ibox02 .content .item .tit span.i{position:relative; width:.25rem; height:.25rem; background-color:#eb2327; border-radius:50%; color:#fff;} .ibox02 .content .item .tit span.i .iconfont{position:absolute; top:49%; left:50%; transform:translate(-50%, -50%); margin:0; font-size:.16rem;} .ibox02 .content .item:hover .tit span.i{transform:translateX(55%);} .xc_banner .xc_nav .center_area .c_a{font-size:.2rem;margin:0 2%;} .xc_banner .xc_nav .center_area .c_a a:hover{opacity:0.8;} .xc_banner .xc_nav .center_area .c_a.on{background: #e10202;padding: 0.2rem 2%;opacity:1;} .pro_detail02.no_video .content{justify-content:center;} .pro_detail02.no_video .content .left{display:none;} .pro_detail02.no_video .content .right{text-align:center;} .pro_detail02.no_video .content .right .common_title{text-align:center;} .pro_detail02_1.no_video .content{justify-content:center;} .pro_detail02_1.no_video .content .left{display:none;} .pro_detail02_1.no_video .content .right{text-align:center;} .pro_detail02_1.no_video .content .right .common_title{text-align:center;} .solution_detail02 .content .list{font-size:0;} .solution_detail02 .item{float:none; display:inline-block; vertical-align:text-top;} .ibox03 .content .list{font-size:0;} .ibox03 .item{float:none; display:inline-block; vertical-align:text-top;background: #fff;} .btn_more span{line-height:.25rem;} .sample_library02 .content{margin-top:.7rem;} .xc_banner .xc_nav .center_area .c_a:hover{font-weight:bold; opacity:1;} .pro_detail03 .swiper-slide{width:30.8%; margin-right:3.8%;} .pro_detail03 .content .swiper_btn{display:none;} .pro_detail03 .content .swiper_btn.show{display:block;} .header .nav_li.solu .nav_down .right{width:calc(90% - 2.2rem);} .about_us06 .right .hd .swiper-slide.swiper-slide-duplicate-active{-moz-transform:scale(1.35,1.35);-ms-transform:scale(1.35,1.35);-o-transform:scale(1.,1.35);/* -webkit-transform:scale(1.35,1.35); */transform:scale(1.35,1.35);} .pro_list01 .left .content .li_{margin-bottom:.12rem;} .pro_list01 .left .content{box-sizing:border-box; padding:.28rem .3rem; max-height:calc(100vh - 1.57rem - 20px);} .pro_list01 .left .title_box{padding:.25rem .3rem;border-radius: 10px 10px 0 0;} .pro_list01 .right .index_b .cell .select_down .select_item::before{top:12px; transform:none; width:12px; height:12px;} .pro_list01 .right .index_b .cell .select_down .select_item::after{width:6px; height:6px; top:15px; transform:none; margin-left:3px;} .pro_detail07 .content .table_box table tr td button{line-height:.4rem; height:.4rem;} .solution03 .content .box .swiper-wrapper{align-items:stretch;} .solution03 .content .swiper-slide{height:auto;} .solution03 .content .swiper-slide .item{height:100%;} .video_library02 .content .list .item .img_box{margin-bottom:.2rem;} .video_library02 .content .list .item .intro_box .con{margin-bottom:.1rem;} .picture_library {padding: 0 0 0.8rem 0;} .picture_library02 .content{margin-top: 0.5rem;} .picture_library02 .content .list .item .img_box{margin-bottom:.2rem;} .picture_library02 .content .list .item .intro_box .con{margin-bottom:.1rem;} .picture_library02 .infor .tit{font-size:.36rem; line-height:.4rem; color:#333; font-weight:bold;} .picture_library02 .infor .con{font-size:.16rem; line-height:.32rem; color:#666;margin-top:.25rem;} .about_us04 .content .right .item .infor_box{padding-bottom:0; margin-bottom:.4rem;} .about_us04 .content .right .item .infor_box::-webkit-scrollbar {width:5px; height:4px;} .about_us04 .content .right .item .infor_box::-webkit-scrollbar-thumb {border-radius:5px; background:#eb2327; } .about_us04 .content .right .item .infor_box::-webkit-scrollbar-track {border-radius:0; background:#f3f3f3;} .about_us04 .content .right .item .tit_b{margin:.3rem 0;} .about_us06 .right .hd .swiper-container{display:none;} .about_us06 .right .hd .swiper-container.swiper-container-horizontal{display:block;} .about_us06 .right .hd .swiper-container.swiper-container-initialized{display:block;} .register01 .content .infor_box .form_con .line .tip{font-size:.14rem; padding-top:.05rem;} /* 个人中心下拉 */ .header .h_tools .h_personal .per_down_after{position:absolute; width:auto; min-width:1.4rem; padding:0 .2rem; box-sizing:border-box; top:100%; left:50%; transform:translateX(-50%); z-index:2; display:none; box-shadow:0 15px 15px rgba(0,0,0,0.2);} .header .h_tools .h_personal .per_down_after li{padding:8% 4%; opacity:1; text-align:center; font-size:.16rem; background:#ffffff; transition:all 0.5s ease; line-height:.28rem;} .header .h_tools .h_personal .per_down_after li a{display:block; color:#111;} .header .h_tools .h_personal .per_down_after li:hover{background:#eb2327;} .header .h_tools .h_personal .per_down_after li:hover a{color:#fff;} .tab_box .swiper-container{overflow:visible;} .picture_library02 .content .list .item .img_box .mask img{left:auto; top:auto; transform:none; bottom:.2rem; right:.2rem;} .pro_detail04 .content .right .tab_box .swiper-slide:last-child{padding-right:.1rem;} .pro_detail04 .content .right .swiper-container{overflow:hidden;} .pro_detail04 .content .right .tab_box .btn_box.show{display:block;} .pro_detail04 .content .right .tab_box .btn_box.show .swiper_btn{width:auto; height:auto; background:none; margin-top:0; transform:translateY(-50%) translateX(-100%); left:0; } .pro_detail04 .content .right .tab_box .btn_box.show .swiper_btn i{font-size:.4rem; margin:0; line-height:1; transition:all .3s ease; color:#666666; display:block;} .pro_detail04 .content .right .tab_box .btn_box.show .swiper_btn:hover i{color:#eb2327;} .pro_detail04 .content .right .tab_box .btn_box.show .swiper_btn.swiper-button-next{right:0; left:auto; transform:translateY(-50%) translateX(100%);} .about_us07 .content .btn_box a span{display:block;} .culture .recruit_center02 .title_box .index_box .l_img{width:100%; text-align:left; margin-bottom:.3rem; width:84%; margin-left:16%; } .culture .recruit_center02 .title_box .index_box .l_img img{width:33%;} .culture .recruit_center02 .title_box .index_box .r_box{width:100%; margin:0;} .culture .recruit_center02 .title_box .index_box .r_box .r_tit{margin-bottom:.2rem; width:84%; margin-left:16%; text-align:left;} .culture .recruit_center02 .title_box .index_box .r_box .r_con{width:84%; margin-left:16%; text-align:justify;} .social04{height:calc(100vh - .85rem); overflow:hidden; position:relative;} .social04 .content .usual_box{padding-top:.8rem;} .social04 .content .list{bottom:10vh;} .social04 .content .hd_box .hd_center{top:50%; transform:translate(-50%,-50%);} .social04 .bd_sc{background:url(../img/social05_bg.jpg) no-repeat center/cover; box-sizing:border-box; position:absolute; top:0; left:0; width:100vw; height:100%; padding:0; z-index:20; padding:0; clip-path:circle(8.2% at 50% 50%); z-index:13; opacity:0; visibility:hidden;} .social04 .bd_sc .usual_box{padding-top:.8rem;} .social04 .content .list .item{margin-right:.1rem;} .recruit_center03 .title_box .con{text-align:justify;} .recruit_social03 .recruit_search .form_con .inp{width:calc(100% - 1.6rem);} .recruit_campus02 .content .list .index_box{right:.4rem;} .academy04{overflow:hidden;} .dialog_tc .dialog{max-height:6rem; padding:.4rem 5%; box-sizing:border-box; height:auto;} .dialog_tc .dialog .content{position:static; transform:none; width:100%; max-height:5.2rem; overflow-y:auto; line-height:22px;} .dialog_tc .dialog .content::-webkit-scrollbar{width:4px; height:4px;} .dialog_tc .dialog .content::-webkit-scrollbar-thumb{border-radius:2px; background:#e1e1e1;} .dialog_tc .dialog .content::-webkit-scrollbar-track{border-radius:2px ; background:transparent;} .academy .dialog_tc .dialog .bott .right{max-height:3.74rem;} .service_center02 .map>*{object-fit:cover;} .supplier_ntc01 .bott .remember_notic .remb_icon .iconfont{font-weight:bold;} .dialog_tc01 .dialog{height:auto; padding:.4rem 0;} .dialog_tc01 .dialog .content{height:auto; max-height:70vh; padding-top:.2rem; padding-bottom:0;} .dialog_tc01 .dialog .dialog_close{background:#fff;} .dialog_tc02 .dialog{height:auto;} .dialog_tc02 .dialog .content{padding:.4rem .6rem;} .dialog_tc02 .dialog .bott .right{max-height:5rem;} .pro_detail11 .dialog_tc01 .dialog .content{height:100%;} #labels>div .labelText.noimg{height:auto; padding-bottom:.04rem;} .solution04 .content .tab_box .swiper-container{overflow:hidden;} body .resultArea .content_form .piclist_area .rect-695{padding-bottom:100%;} .header .nav_li.product .nav_down .left ul{height:4.2rem;} .news_list01 .swiper-slide .top .right{display:none;} .news_list01 .swiper-slide .top .left{width:100%; margin-right:0;} .news_list01 .swiper-slide .top{padding-right:0;} .news_list01 .swiper-container{width:47.6%;} .news_list01 .content{padding-bottom:.2rem;} .reset .login01 .content .infor_box .form_con .line.verification_code .cell .inp{width:calc(100% - 186px); margin-right:.3rem;} .reset .login01 .content .infor_box .form_con .line.verification_code button{background:none; border:0; padding:.1rem 0; color:#333333; cursor:pointer;} .reset .login01 .content .infor_box .form_con .line.verification_code button.disabled{color:#d1d1d1; cursor:no-drop;} .reset .login01 .content .infor_box .form_con .line.verification_code .cell .code{width:150px!important;} .register01 .content .infor_box .form_con .line.verification_code .cell .inp{width:calc(100% - 186px); margin-right:.3rem;} .register01 .content .infor_box .form_con .line.verification_code button{background:none; border:0; padding:.1rem 0; color:#333333; cursor:pointer;} .register01 .content .infor_box .form_con .line.verification_code button.disabled{color:#d1d1d1; cursor:no-drop;} .register01 .content .infor_box .form_con .line.verification_code .cell .code{width:150px!important;} body .album_wrap .slide_wrap img{max-height:100vh;} .social04 .content .list{bottom:auto; top:50%;} .pro_detail01 .content .box .right .index_box .authent img{height:.4rem; margin-right:.2rem;} .pro_detail02 .content .right .con{text-align:left;} .pro_detail03 .content .item .con .tit1{font-weight:bold;} .pro_detail02_1 .content .right .con{text-align:left;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box{display:flex; align-items:flex-start; justify-content:space-between;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box .item{width:29.9%; background:#fff; border:1px solid #dcdcdc; box-sizing:border-box; position:relative; padding:11px 15px; line-height:30px;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box .item .word{display:flex; justify-content:space-between; align-items:center; cursor:pointer; width:100%; color:#dcdcdc;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box .item .word span{width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box .item .word .icon{margin:0; font-size:18px; font-weight:bold; color:#e52f37;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box .item.active .word{color:#000;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box .item ul{display:none; background:#fff; width:100%; max-height:225px; overflow-y:auto; position:absolute; left:50%; transform:translateX(-50%); top:calc(100% + 1px); box-shadow:0px 10px 16px 0px rgba(0, 0, 0, 0.1); z-index:1;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box .item ul::-webkit-scrollbar{width:2px; height:4px;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box .item ul::-webkit-scrollbar-thumb{border-radius:5px; background:#eb2327;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box .item ul::-webkit-scrollbar-track{border-radius:0; background:transparent;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box .item ul li{line-height:1; padding:1em; font-size:15px; color:#000000; transition:all .3s ease; cursor:pointer;} .dialog_tc01 .dialog .content .form_box .line .cell .select_box .item ul li:hover{background:#f8f8f8; color:#e52f37;} /* 关于我们 */ .about_us08{background:url(../img/about08_bg.jpg) no-repeat center/cover; padding:1.2rem 0 .9rem;} .about_us08 .content{padding:.65rem 0; position:relative;} .about_us08 .content::after{content:''; position:absolute; top:0; left:-3.8%; width:107.6%; height:100%; background:rgba(0, 0, 0, .65);} .about_us08 .content .cont{position:relative; z-index:2; color:#fff; display:flex; align-items:stretch; justify-content:space-between;} .about_us08 .content .left{width:45.8%;} .about_us08 .content .left .tit{font-weight:bold; margin-bottom:.35rem;} .about_us08 .content .left .con{text-align:justify;} .about_us08 .content .right{width:48.4%; display:flex; align-items:stretch; flex-wrap:wrap;} .about_us08 .content .right .item{width:50%; height:50%; min-height:2rem; display:flex; align-items:center; justify-content:center; font-size:0;} .about_us08 .content .right .item .box{display:flex; align-items:flex-start; justify-content:center; width:100%;;} .about_us08 .content .right .item .icon{width:.7rem; height:.7rem; border:1px solid #fff; border-radius:50%; margin-right:.25rem; box-sizing:border-box; display:flex; align-items:center; justify-content:center;} .about_us08 .content .right .item .icon img{max-height:70%; max-width:70%;} .about_us08 .content .right .item .words{max-width:calc(100% - 1.2rem);} .about_us08 .content .right .item .words .num_box{font-size:0; margin-bottom:.08rem;} .about_us08 .content .right .item .words .num_box>div{display:inline-block; vertical-align:bottom;} .about_us08 .content .right .item .words .num{font-weight:bold; color:#da291c;} .about_us08 .content .right .item1{width:100%; background:rgba(255, 255, 255, 0.2);} .about_us08 .content .right .item2{background:rgba(218, 41, 28, 0.2);} .about_us08 .content .right .item3{background:rgba(255, 255, 255, 0.1);} /* 新增轮播 */ .about_us02 .wrap{position:relative;} .about_us02 .content .swiper-container{overflow:visible;} .about_us02 .content .swiper-wrapper{align-items:center;} .about_us02 .content .add_box .right .s_bg{position:relative;} .about_us02 .content .add_box .right .s_bg>img{width:100%;} .about_us02 .content .add_box .right .s_bg .dot_box{position:absolute; left:0; top:0; width:100%; height:100%;} .about_us02 .content .add_box .right .s_bg .dot_box .dots{position:absolute; cursor:pointer;} .about_us02 .content .add_box .right .s_bg .dot_box .dots .cir{width:10px; height:10px; border-radius:50%; background:#df0c25;} .about_us02 .content .add_box .right .s_bg .dot_box .dots .pop{position:absolute; left:0; top:0; z-index:5; background:#df0c25; border-radius:5px; padding:.1rem; padding-bottom:0; min-width:1.9rem; box-sizing:border-box; opacity:0; visibility:hidden; transition:all .3s ease;} .about_us02 .content .add_box .right .s_bg .dot_box .dots .pop img{width:100%;} .about_us02 .content .add_box .right .s_bg .dot_box .dots .pop .t_name{font-size:.14rem; color:#fff; line-height:.24rem; padding:3px 0;} .about_us02 .content .add_box .right .s_bg .dot_box .dots:hover .pop{opacity:1; visibility:visible;} .about_us02 .btns_box{position:absolute; right:0; top:50%; transform:translate(100%,-50%); } .about_us02 .btns_box .btn_{cursor:pointer; display:flex; align-items:center; color:#df0c25; position:absolute; top:50%; transform:translateY(-50%); opacity:1; visibility:visible;} .about_us02 .btns_box .btn_ .t{writing-mode:tb-rl;} .about_us02 .btns_box .btn_ .iconfont{margin:0; font-size:.2rem; line-height:1; font-weight:bold;} .about_us02 .btns_box .btn_.show{opacity:0; visibility:hidden;} .recruit_campus01 .btns_box{text-align:center; margin-top:.2rem;} .recruit_campus01 .btns_box ._btn {display:inline-block; width:1.6rem; height:.48rem; line-height:.48rem; color:#fff; font-size:.16rem; background:#eb2327; cursor:pointer; text-align:center; transition:.5s ease;} .service_center03 .tab_b ul{display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap;} .service_center03 .tab_b li{flex-direction:column-reverse; width:32.4%; margin-right:1.4%; background:#f8f8f8; padding:.35rem 1.6%; box-sizing:border-box;} .service_center03 .tab_b li:nth-child(3n){margin-right:0;} .service_center03 .tab_b .img_{width:100%;} .service_center03 .tab_b .words_{width:100%; padding-right:0;} .service_center03 .tab_b .words_ .infor{margin-bottom:0;} .service_center03 .tab_b .words_ .infor .t{margin-bottom:.15rem;} .service_center03 .tab_b .words_ .bott{display:block; margin-bottom:.2rem;} .service_center03 .tab_b .words_ .bott .right{display:none;} .service_center03 .tab_b li.noImg .img_{display:none;} .service_center03 .tab_b li.noImg{flex-direction:column;}