/* * 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:#0a1e40;} .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:16.4rem; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#333; background:#ffffff;} a{color:inherit;} a:hover { color:#f5be2c;} ::-moz-selection {color:#fff; background:#f5be2c; } ::selection {color:#fff; background:#f5be2c; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ .header{position:relative; z-index:90;} .header .h_top{ border-bottom:1px solid #ececec; background:#fff;} .header .h_top .wrap{display:flex; justify-content:space-between;} .h_top .h_logo{height:.36rem; padding:.22rem 0;} .h_top .h_logo img{height:100%; max-width:none; vertical-align:text-bottom; } .h_top .h_logo span{display:inline-block; position:relative; vertical-align:text-bottom; font-size:.18rem; color:#333; line-height:.22rem; padding-left:.18rem; margin-left:.18rem;} .h_top .h_logo span::before{content:""; position:absolute; left:0; top:50%; height:.22rem; width:1px; margin-top:-0.1rem; background:#e8e8e8;} .h_top .h_find{display:flex; padding:.25rem 0;} .h_top .h_find .icon{margin-right:.05rem; height:.3rem;} .h_top .h_find .icon img{max-width:none; vertical-align:middle;} .h_top .h_find .text{line-height:.3rem; vertical-align:top;} .h_top .h_model{display:flex; margin-right:.3rem; align-items:center;} .h_top .h_seller{display:flex; margin-right:.3rem; align-items:center;} .h_top .h_seller .icon{margin-right:0;} .h_top .h_seller .iconfont{font-size:.26rem; margin:0; line-height:.3rem; font-weight:bold; margin-right:.05rem;} .h_top .h_stock{display:flex; margin-right:.3rem; align-items:center;} .h_top .h_rank{display:flex; align-items:center;} .h_top .h_dealer{display:flex; margin-right:.3rem; align-items:center;} .h_top .h_find .h_dealer .xgicon{font-size:.28rem;} .h_top .h_find .xgicon, .h_top .h_stock .xgicon{font-size:.3rem;} .h_bott { background:#fff; border-bottom:1px solid #ececec;} .h_bott>.wrap{display:flex; justify-content:space-between;} .h_bott .h_tools{display:flex; flex-direction:row; align-items:stretch;} .h_bott .h_tools .h_three, .h_bott .h_tools .h_login, .h_bott .h_tools .h_cart, .h_bott .h_tools .h_search{position:relative; display:flex; align-items:center; padding:0 .2rem; cursor:pointer;} .h_bott .h_tools .h_three .xgicon{font-weight:normal; font-size:.36rem;} .h_bott .h_tools .h_three a:hover{color:#333;} .h_bott .h_tools .h_login .xgicon, .h_bott .h_tools .h_cart .xgicon, .h_bott .h_tools .h_search .xgicon{font-weight:bold; font-size:.2rem;} .h_bott .h_tools .h_three::after{content:""; position:absolute; right:0; top:50%; height:.2rem; margin-top:-0.1rem; width:1px; background:#ececec;} .h_bott .h_tools .h_login::after{content:""; position:absolute; right:0; top:50%; height:.2rem; margin-top:-0.1rem; width:1px; background:#ececec;} .h_bott .h_tools .h_search::after{content:""; position:absolute; left:0; top:50%; height:.2rem; margin-top:-0.1rem; width:1px; background:#ececec;} .h_bott .h_tools .h_lang{position:relative; display:flex; align-items:center; height:100%; padding:0 .8rem 0 .6rem; background:#0a1e40; font-size:.15rem; color:#fff; cursor:pointer;} .h_bott .h_tools .h_lang i{position:absolute; top:.06rem; right:.3rem; margin:0; padding:0; font-size:.2rem; font-weight:200; transition:all .3s ease;} .h_bott .h_tools .h_lang.cur i{transform:rotate(45deg);} .h_bott .h_tools .h_lang::after{content:''; position:absolute; left:0; width:100%; bottom:-1px; height:1px; background:#0a1e40;} .h_bott .h_tools .h_login{position:relative;} .h_bott .h_tools .h_login>img{width:.2rem; height:.2rem; border-radius:50%; overflow:hidden;} .h_bott .h_tools .h_login .down_link{position:absolute; top:.6rem; left:50%; transform:translateX(-50%); display:none; box-shadow:2px 2px 4px rgba(0,0,0, 0.05); width:auto; white-space:nowrap; background:#fff; padding:.1rem .3rem; border-radius:.06rem;} .h_bott .h_tools .h_login .down_link li{line-height:.4rem; color:#333;} .h_bott .h_tools .h_cart{position:relative;} .h_bott .h_tools .h_cart .xiala{opacity:0; visibility:hidden; transition:all .5s ease; box-shadow:2px 2px 4px rgba(0,0,0, 0.05);} .h_bott .h_tools .h_cart .xiala{position:absolute; top:.6rem; left:50%; width:2.4rem; height:auto; box-sizing:border-box; padding-top:.2rem; padding-bottom:.3rem; margin-left:-1.2rem; background:#fff; border-top:1px solid #0a1e40;} .h_bott .h_tools .h_cart .xiala ul{padding:0 .2rem;} .h_bott .h_tools .h_cart .xiala .item{padding:.15rem 0; line-height:.3rem; text-align:center; font-size:.18rem;} .h_bott .h_tools .h_cart:hover .xiala{opacity:1; visibility:visible;} .h_bott .h_tools .h_cart .xiala .item.spec{background:#f3f3f3; border-radius:.06rem;} .h_bott .h_tools .h_cart .xiala .item.spec .ewm{margin:.1rem .3rem 0; mix-blend-mode:darken;} .h_bott .h_tools .h_search::before{content:"\e641"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-family:'iconfont'; font-size:.16rem; margin:0; line-height:1; font-weight:900; opacity:0; visibility:hidden;} .h_bott .h_tools .h_search.cur .xgicon{opacity:0; visibility:hidden;} .h_bott .h_tools .h_search.cur::before{opacity:1; visibility:visible;} /* 提示文字 */ .h_bott .h_tools .h_title_box{position:absolute; top:70%; left:60%; font-size:12px; color:#fff; background:#828385; border:1px solid #909699; padding:0 .1rem; line-height:.3rem; white-space:nowrap; z-index:11; border-radius:.06rem; opacity:0; visibility:hidden; transition:all .3s ease .3s;} .h_bott .h_tools div:hover .h_title_box{opacity:1; visibility:visible;} .header .nav_down{opacity:0; visibility:hidden; position:absolute; left:50%; top:100%; transform:translate(-50%, -100%) ; margin-top:-3px; width:100%; height:5.2rem; background:#fff; overflow:hidden; transition:all .5s ease; z-index:-1;} .header .nav_down .left{position:relative; float:left; box-sizing:border-box; width:26.83%; padding:.5rem 0; border-right:1px solid #e6e6e6;} .header .nav_down .left::after{content:''; position:absolute; right:0; top:.92rem; height:.5rem; width:.04rem; background:#fecc34;} .header .nav_down .left .tit{font-size:.17rem; color:#0a1e40; font-weight:bold; line-height:.3rem; margin-bottom:.3rem;} .header .nav_down .left ul{position:relative; display:flex; flex-flow:column wrap; height:4.4rem;} .header .nav_down .left ul::before{content:''; position:absolute; left:calc(50% - .6rem); top:0; bottom:0; width:1px; background:#ececec;} .header .nav_down .left .item{font-size:.15rem; color:#8a8989; line-height:.2rem; } .header .nav_down .left .item>a{display:block; padding:.1rem 0; position:relative;} .header .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_down .left .item.cur a{font-weight:bold; color:#000;} .header .nav_down .right{float:right; width:73.17%; box-sizing:border-box; padding-left:.76rem; padding-top:.96rem;} .header .nav_down .right ul{margin-left:-2%; margin-top:-2%;} .header .nav_down .right .item{float:left; width:31.333%; margin-left:2%; margin-top:2%; font-size:.15rem; color:#000;} .header .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_down .right .item .icon{margin-right:.3rem;} .header .nav_down .right .item .icon img{vertical-align:middle; width:67px; max-height:.6rem;} /* 修改滚动条宽度 */ /* .header .nav_down::-webkit-scrollbar{width:0px;} .header .nav_down::-moz-scrollbar{width:10px;} .header .nav_down::-webkit-scrollbar-track {background-color:#f2f2f2;} .header .nav_down::-webkit-scrollbar-thumb {background-color:#888;} */ .header .nav_down.show{opacity:1; visibility:visible; transform:translate(-50%, 0);} /* 导航 */ .h_bott .inav_wrapper .nav_li{display:inline-block; padding:0 .3rem;} .h_bott .inav_wrapper .nav_li .nav_a{display:block; padding:.07rem 0 .08rem; font-size:.14rem; line-height:.3rem; color:#000;} .h_bott .inav_wrapper .nav_li:first-child{padding-left:0;} /* .h_bott .inav_wrapper .nav_li:hover .nav_a{color:#f5be2c; font-weight:bold;} .h_bott .inav_wrapper .nav_li.cur .nav_a{color:#f5be2c; font-weight:bold;} */ .h_bott .inav_wrapper .nav_li:hover .nav_a{color:#000; font-weight:bold;} .h_bott .inav_wrapper .nav_li.cur .nav_a{color:#000; font-weight:bold;} .h_bott .inav_wrapper .nav_li .sec_nav {position:absolute; left:0; right:0; top:100%; background:#f5f5f5; min-height:2.57rem; opacity:0; visibility:hidden; transform: translateY(-50px); transition:all .5s ease; z-index:-2; box-shadow:1px 1px 3px rgba(0,0,0, 0.05);} .h_bott .inav_wrapper .nav_li .sec_nav.show {opacity:1; visibility:visible; transform:scale(1) translateY(0); pointer-events:auto; -webkit-transform:scale(1) translateY(0); z-index:-1;} .h_bott .inav_wrapper .nav_li .sec_nav .box{display:flex; padding-top:.3rem; padding-bottom:.3rem;} .h_bott .inav_wrapper .nav_li .sec_nav .box dl{display:flex; flex-direction:column; margin-right:1.2rem;} .h_bott .inav_wrapper .nav_li .sec_nav .box dt{font-size:.17rem; line-height:.31rem; color:#0a1e40;} .h_bott .inav_wrapper .nav_li .sec_nav .box dd{font-size:.14rem; line-height:.31rem; color:#9d9d9d;} .h_bott .inav_wrapper .nav_li .sec_nav{min-height:.7rem;} .h_bott .inav_wrapper .nav_li .sec_nav .box{padding-top:.2rem; padding-bottom:.2rem;} .h_bott .inav_wrapper .nav_li .sec_nav .box dt{font-size:.16rem;} .h_bott .inav_wrapper .nav_li .sec_nav .box dl{margin-right:.6rem;} .h_bott .inav_wrapper .nav_li.solution .sec_nav .box dl{margin-right:auto;} .h_bott .inav_wrapper .nav_li .sec_nav .box dt{color:#595959;} .h_bott .inav_wrapper .nav_li .sec_nav .box dt a:hover{font-weight:bold; color:#000;} .h_bott .inav_wrapper .nav_li .nav_a{position:relative; font-size:.16rem;} .h_bott .inav_wrapper .nav_li .nav_a::after { bottom: -0.5px; left: 0; height: 2px; position: absolute; content: ''; transition: transform .55s cubic-bezier(0.165,0.84,0.44,1); transform: scaleX(0); transform-origin: right; background-color: #192c4c; width: 100%; } .h_bott .inav_wrapper .nav_li:hover .nav_a::after { transform: scaleX(1); transform-origin: left; } .h_bott .inav_wrapper .nav_li.cur .nav_a::after { transform: scaleX(1); transform-origin: left; } .overlay{visibility:hidden; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba(0,0,0, 0.5); transition:all .5s ease;} .overlay.show{visibility:visible; opacity:1;} /* 搜索下拉 */ .search_xiala{position:absolute; top:100%; height:calc(100vh - 1.27rem); overflow-y:auto; box-sizing:border-box; left:0; right:0; padding-top:.9rem; background:#fff; z-index:10; opacity:0; visibility:hidden; transition:all .3s ease;} .search_xiala::-webkit-scrollbar{width:0; height:0;} .search_xiala.show{opacity:1; visibility:visible;} .search_xiala .content{width:8.5rem; margin:0 auto;} .search_xiala .top{/*display:flex; justify-content:center;*/ margin-bottom:.44rem;} .search_xiala .top .box{box-sizing:border-box; width:100%; position:relative;} .search_xiala .top .box .inp_box{position:relative;} .search_xiala .top .box .inp_box input{width:100%; line-height:.4rem; font-size:.26rem; outline:none; background:transparent; border:1px solid rgba(0,0,0,0.2); border-radius:.5rem; padding:.16rem .32rem; padding-right:.8rem; box-sizing:border-box; margin-bottom:.2rem;} .search_xiala .top .box .inp_box .inp_area ul{padding:0 .3rem; display:none;} .search_xiala .top .box .inp_box .inp_area .title{font-size:.24rem; line-height:.3rem; margin-bottom:.25rem;} .search_xiala .top .box .inp_box .inp_area ul li{font-size:.26rem; color:rgba(0,0,0,0.3); line-height:.32rem; margin-bottom:.2rem; cursor:pointer; display:block;} .search_xiala .top .box .icon{cursor:pointer; background:none; outline:none; padding:0; margin:0; border:none; position:absolute; top:.24rem; right:.4rem;} .search_xiala .top .box .icon .xgicon{font-size:.3rem;} .search_xiala .bott{margin-bottom:.6rem;} .search_xiala .bott .item{margin-bottom:.6rem;} .search_xiala .bott .item .tit{font-size:12px; color:gray; margin-bottom:.05rem;} .search_xiala .bott .item li{float:left; width:32.4%; margin-right:1.4%; margin-bottom:.1rem;} .search_xiala .bott .item li:nth-child(3n){margin-right:0;} .search_xiala .bott .item01 li .img{padding-bottom:80%; position:relative; height:0; margin-bottom:.15rem; border-radius:.06rem; background:#f5f5f5; } .search_xiala .bott .item01 li .img img{position:absolute; max-width:80%; max-height:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:transform .5s;} .search_xiala .bott .item01 li:hover .img img{transform:translate(-50%,-50%) scale(1.2);} .search_xiala .bott .item01 li .t{font-size:.16rem; font-weight:700; color:#000;} .search_xiala .bott .item02 li{font-size:.22rem; line-height:.34rem; color:gray;} .search_xiala .content.noBott .bott{display:none;} .search_xiala .top .box .inp_box .inp_area ul li strong{color:#0a1e40; font-weight:normal;} .search_xiala .top .box .inp_box .inp_area ul li a{color:rgba(0,0,0,0.3);} .search_xiala .top .box .inp_box .inp_area ul li a:hover{color:rgba(0,0,0,0.6);} /* 关闭按钮 */ .search_xiala .content .close_btns{position:absolute; right:7.3%; top:.3rem; width:.5rem; height:.5rem; box-sizing:border-box; border:1px solid rgba(0,0,0,0.2); transition:.3s ease-out; cursor:pointer; border-radius:50%;} .search_xiala .content .close_btns .iconfont{margin:0; font-size:.2rem; line-height:1; color:#000; font-weight:bold; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .search_xiala .content .close_btns:hover{background:#0a1e40;} .search_xiala .content .close_btns:hover .iconfont{color:#ffffff;} /* 搜索下拉出现时导航效果 */ .header.fixed{position:fixed; left:0; width:100%; top:0;} .search_xiala.fixed{position:fixed; top:1.27rem;} /* 产品查找下拉 */ /* .profind_xiala{position:absolute; top:0; left:0; right:0; background:#fff; z-index:20; opacity:0; visibility:hidden; transform:translateY(-100%); transition:all .8s ease;} */ .profind_xiala{position:fixed; top:0; left:0; height:100vh; right:0; /*height:9.2rem;*/ background:#fff; z-index:20; opacity:0; visibility:hidden; transform:translateY(-100%); transition:all .8s ease;} .profind_xiala.show{opacity:1; visibility:visible; transform:translateY(0);} /* 语言下拉 */ /* .lang_xiala{position:absolute; top:100%; height:4.88rem; left:0; right:0; padding-top:.9rem; background:#fff; z-index:10; opacity:0; visibility:hidden; transition:all .5s ease;} */ .lang_xiala{position:absolute; margin-top:-1px; top:100%; left:0; right:0; background:#fff; z-index:10; opacity:0; visibility:hidden; transition:all .5s ease; box-shadow:0px 3px 5px rgba(0,0,0, 0.1); max-height:calc(100vh - 1.1rem); overflow-y:auto;} .lang_xiala::-webkit-scrollbar {width:0; height:0;} .lang_xiala.show{opacity:1; visibility:visible;} .lang_xiala .top{padding:.5rem 0 .4rem; background:#0a1e40; color:#fff; position:relative; z-index:2;} .lang_xiala .top .lan_content{display:flex; align-items:flex-end; justify-content:space-between;} .lang_xiala .top .tit{font-size:.26rem; font-weight:bold; line-height:.4rem; margin-bottom:.1rem;} .lang_xiala .top .con{font-size:.19rem; line-height:.25rem;} .lang_xiala .top .suggest{width:55.2%; display:flex; align-items:center; justify-content:space-between;} .lang_xiala .top .suggest .item{background:#fff; border-radius:.06rem; width:42%; box-sizing:border-box; padding:.1rem .3rem .15rem; position:relative;} .lang_xiala .top .suggest .item .cen_item{display:flex; align-items:flex-end; justify-content:space-between; color:#000; cursor:pointer;} .lang_xiala .top .suggest .item .cen_item .l_words{max-width:calc(100% - .6rem);} .lang_xiala .top .suggest .item .cen_item .t{font-size:12px; line-height:20px; text-transform:uppercase;} .lang_xiala .top .suggest .item .cen_item .c{font-size:15px; line-height:20px; font-weight:bold;} .lang_xiala .top .suggest .item .cen_item .right{cursor:pointer; font-size:.22rem; margin:0; line-height:1;} .lang_xiala .top .suggest .item.hasDown .cen_item .right{font-size:.2rem; font-weight:bold;} .lang_xiala .top .suggest .item.hasDown .down_item{position:absolute; top:100%; left:0; width:100%; background:#fff; border-radius:.06rem; padding:.1rem .3rem; box-sizing:border-box; box-shadow:0px 3px 5px rgba(0,0,0, 0.1); display:none;} .lang_xiala .top .suggest .item.hasDown .down_item li{font-size:.16rem; line-height:.3rem; border-bottom:1px solid #f5f5f5; color:#5b5b5b; padding:.05rem .1rem; margin-bottom:.05rem; cursor:pointer; transition:all .3s ease;} .lang_xiala .top .suggest .item.hasDown .down_item li:last-child{border-bottom:0;} .lang_xiala .top .suggest .item.hasDown .down_item li:hover{color:#0a1e40;} /* .lang_xiala .top .suggest .correct_btn .iconfont{margin:0; line-height:1; font-size:.36rem; cursor:pointer;} */ .lang_xiala .top .suggest .correct_btn .xgicon{margin:0; line-height:1; font-size:.3rem; cursor:pointer;} .lang_xiala .top .suggest .correct_btn:hover .xgicon{color:#f5be2c;} /* .lang_xiala .bott ul{max-height:;} */ .lang_xiala .bott .item{width:100%; } .lang_xiala .bott .item .tit{position:relative; padding:.3rem 0; border-bottom:1px solid #f0f0f0; font-size:0; cursor:pointer;} .lang_xiala .bott .item .tit span{font-size:.26rem; font-weight:bold; line-height:.4rem; color:#000; width:45%; display:inline-block; vertical-align:text-top;} .lang_xiala .bott .item .tit i{position:absolute; right:0; top:.4rem; margin:0; line-height:1; font-size:.26rem; font-weight:bold; transition:all .3s ease;} .lang_xiala .bott .item .tit .drop_down{width:43.6%; vertical-align:text-top; display:none; transition:all .3s ease;} .lang_xiala .bott .item .tit .drop_down .line{border-bottom:1px solid #d9d9d9; padding:.1rem 0;} .lang_xiala .bott .item .tit .drop_down .line:last-child{border-bottom:0;} .lang_xiala .bott .item .tit .drop_down .line .country{width:51%; display:inline-block; vertical-align:text-top; font-size:.15rem; line-height:.3rem; color:#000000; font-weight:bold;} .lang_xiala .bott .item .tit .drop_down .line .lan_link{width:48%; display:inline-block; vertical-align:text-top; font-size:.15rem; line-height:.3rem; color:#535353;} .lang_xiala .bott .item .tit .drop_down .line .lan_link .iconfont{margin:0; line-height:1; margin-left:.1rem; color:#ca0929;} .lang_xiala .bott .item .tit .drop_down .line .lan_link:hover{color:#0a1e40;} .lang_xiala .bott .item.active .tit i{transform:rotate(180deg);} .lang_xiala .bott .item.active .tit .drop_down{display:inline-block; } /* 语言下拉背景 */ .lang_bg{position:fixed; top:0; width:100vw; left:0; height:100vh; background:rgba(0, 0, 0, 0.8); z-index:2; display:none;} .lang_bg.show{display:block;} .profind_xiala{padding-top:.36rem; background:#fff; border-bottom:1px solid #efefef;} .profind_xiala .wrap{position:relative;} .profind_xiala .close_btn{position:absolute; right:0; top:.2rem; cursor:pointer;} .profind_xiala .infor{margin-bottom:.5rem; } .profind_xiala .infor .tit{font-size:.48rem; line-height:.6rem; font-weight:bold; color:#0a1e40; text-align:center;} .profind_xiala .content{display:flex;} .profind_xiala .content .left{padding-top:.2rem; width:2.92rem; border-right:1px solid #efefef;} .profind_xiala .content .left .tit{font-size:.16rem; line-height:.5rem; color:#0a1e40;} .profind_xiala .content .left .sel_box{display:inline-block; position:relative; } .profind_xiala .content .left .sel_box.open{z-index:1;} .profind_xiala .content .left .sel_box .box{display:inline-block; border-radius:.06rem; cursor:pointer; font-size:.16rem; color:#fff; width:2.66rem; height:.6rem; line-height:.6rem; box-sizing:border-box; padding:0 .4rem; background:#0a1e40;} .profind_xiala .content .left .sel_box .box i{content:""; position:absolute; right:.4rem; line-height:.2rem; font-size:.2rem; top:.2rem; margin:0; transform:rotate(90deg);} .profind_xiala .content .left .sel_box .xiala{display:none; position:absolute; padding-top:.3rem; padding-bottom:.3rem; top:100%; left:0; width:100%; background:#fff; box-shadow:2px 2px 10px 10px rgba(0,0,0,0.1);} .profind_xiala .content .left .sel_box .xiala .item{padding-left:.4rem; font-size:.16rem; line-height:.5rem; transition:all .5s ease; cursor:pointer;} .profind_xiala .content .left .sel_box .xiala .item:hover{background:#f0f0f0;} /* .profind_xiala .content .left .sel_box.open .xiala{opacity:1; visibility:visible;} */ .profind_xiala .content .midd{padding:0 .25rem; padding-top:.2rem; width:3.97rem;} .profind_xiala .content .midd .tit{font-size:.16rem; line-height:.5rem; color:#0a1e40;} .profind_xiala .content .midd .sel_box{ position:relative; margin-bottom:.2rem;} .profind_xiala .content .midd .sel_box.open{z-index:1;} .profind_xiala .content .midd .sel_box .box{font-size:.16rem; border-radius:.06rem; cursor:pointer; color:#0a1e40; height:.6rem; line-height:.6rem; box-sizing:border-box; padding:0 .4rem; background:#f0f0f0;} .profind_xiala .content .midd .sel_box .box i{content:""; position:absolute; right:.4rem; line-height:.2rem; font-size:.2rem; top:.2rem; margin:0; transform:rotate(90deg);} .profind_xiala .content .midd .sel_box .xiala{display:none; position:absolute; padding-top:.3rem; padding-bottom:.3rem; top:100%; left:0; width:100%; background:#fff; box-shadow:2px 2px 10px 10px rgba(0,0,0,0.1);} .profind_xiala .content .midd .sel_box .xiala .item{padding-left:.4rem; font-size:.16rem; line-height:.5rem; transition:all .5s ease; cursor:pointer;} .profind_xiala .content .midd .sel_box .xiala .item:hover{background:#f0f0f0;} /* .profind_xiala .content .midd .sel_box.open .xiala{opacity:1; visibility:visible;} */ .profind_xiala .content .midd .search_btn{display:block; cursor:pointer; border-radius:.06rem; background:#0a1e40; line-height:.52rem; text-align:center; color:#fff; font-size:.16rem;} .profind_xiala .content .right{padding-left:.54rem; padding-bottom:1.4rem; border-left:1px solid #efefef; width:8.4rem;} .profind_xiala .content .right .intro{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:.34rem;} .profind_xiala .content .right .tit{font-size:.28rem; line-height:.32rem; font-weight:bold;} .profind_xiala .content .right .tit1{color:#7f7f7f;} .profind_xiala .content .right .tit2{color:#0a1e40;} .profind_xiala .content .right .con{font-size:.22rem; font-weight:200; color:#0a1e40;} .profind_xiala .content .right .list ul{display:flex; } .profind_xiala .content .right .list .item{flex:1 1 auto; margin-right:.12rem; width:33%;} .profind_xiala .content .right .list .item{display:flex; flex-direction:column;} .profind_xiala .content .right .list .item:last-child{margin-right:0;} .profind_xiala .content .right .list .item .img_box{/*aspect-ratio:1;*/ border-radius:.06rem; background:#f8f8f8; display:flex; align-items:center; justify-content:center; height:0; padding-bottom:100%; position:relative;} .profind_xiala .content .right .list .item .img_box img{max-width:90%; max-height:90%; display:block; mix-blend-mode:darken; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .profind_xiala .content .right .list .item .intro_box{padding:.3rem .1rem .6rem;} .profind_xiala .content .right .list .item .intro_box .tit{font-size:.22rem; color:#0a1e40;} .profind_xiala .content .right .list .item .intro_box .txt{font-size:.34rem; color:#0a1e40; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;} .profind_xiala .content .right .list .item .intro_box .con{font-size:.14rem; line-height:.22rem; color:#7f7f7f;} .profind_xiala .content .right .list .btns{display:flex; justify-content:center;} .profind_xiala .content .right .list .btns .more_btn{width:4rem; height:.54rem; line-height:.54rem; border-radius:.06rem; border:2px solid #0a1e40; color:#0a1e40; font-size:.18rem; font-weight:bold; text-align:center;} .profind_xiala .content .right .list .btns .more_btn:hover{background:#f5be2c; border-color:#f5be2c; color:#000;} /* 手机端头部 */ .m_header{display:none;} /* 下层面包屑 */ .xc_banner{position:relative;} .xc_banner>img{display:block; margin:0 auto;} .xc_banner .wrap{position:relative; height:100%;} .xc_crumbs{position:absolute; right:0; bottom:.25rem; color:#fff; font-size:.14rem; line-height:.2rem; z-index:3;} .xc_crumbs h1{color:#fff; font-size:.14rem; line-height:.2rem; display:inline-block; font-weight:normal; margin:0;} .crumbs_box{position:absolute; top:.25rem; left:0; width:100%;} .crumbs_box .xc_crumbs{color:#000; position:relative; right:auto; bottom:auto;} .crumbs_box .xc_crumbs h1{color:#000;} /* 下层banner文字 */ .xc_banner .xc_words{display:none;} /* 下层导航 */ .xc_nav{border-bottom:1px solid #d9d9d9; font-size:0; text-align:center; background:#fff; z-index:10; display:block;} .xc_nav .item{display:inline-block; font-size:.15rem; color:#5b5b5b;} .xc_nav .item>a{position:relative; display:block; line-height:.2rem; padding:.2rem 0; margin:0 .25rem; color:#5b5b5b;} .xc_nav .item>a::after{content:''; position:absolute; left:0; width:100%; bottom:0; height:2px; transition: transform .55s cubic-bezier(0.165,0.84,0.44,1); transform: scaleX(0); transform-origin: right; background:#0b1f3e;} .xc_nav .item:hover>a::after, .xc_nav .item.cur>a::after{transform: scaleX(1); transform-origin: left;} .xc_nav .tit{position:relative; display:inline-block; font-size:.16rem; line-height:.2rem; padding:.2rem .25rem; font-weight:bold; color:#0a1e40; display:none;} .xc_nav .tit::after{content:''; position:absolute; right:0; width:1px; top:50%; height:.2rem; margin-top:-0.1rem; background:#e5e5e5;} .xc_nav ul{display:inline-block;} .xc_nav .item.cur>a::before{display:block; content:attr(title); font-weight:bold; visibility:hidden; height:1px; color:transparent; margin-bottom:-1px; overflow:hidden;} .xc_nav .item.cur>a{color:#0a1e40; font-weight:bold;} /* 手机端底部导航 */ .m_tabbar{display:none;} .pageFooter{position:relative; z-index:5;} .f_top{padding:.7rem 0 1rem; background:#f5f5f5;} .f_top .left{float:left; width:54%;} .f_top .left dl{float:left; width:30.8%; margin-right:3.8%;} .f_top .left dl:last-child{margin-right:0;} .f_top .left dl dt{position:relative; font-size:.2rem; font-weight:bold; color:#0a1e40; margin-bottom:.3rem;} .f_top .left dl dt::after{content:''; position:absolute; left:0; bottom:-0.1rem; height:.04rem; width:.4rem; background:#f7b400;} .f_top .left dl dd{font-size:.14rem; font-weight:bold; line-height:.2rem; padding:.2rem 0; color:#0a1e40; border-top:1px solid #999;} .f_top .left dl dd:last-child{border-bottom:1px solid #999;} .f_top .left dl dd .iconfont{margin-left:.2rem; font-size:1.3em; transform:translateY(1px);} .f_top .right{float:right; text-align:right;} .f_top .right .tit{font-size:.36rem; line-height:.4rem; margin-bottom:.3rem; font-weight:bold; color:#000;} .f_top .right .search_box{position:relative; box-sizing:border-box; width:5.45rem; border:2px solid #0a1e40; border-radius:.06rem; text-align:left; padding:.15rem 1.7rem .15rem .25rem;} .f_top .right .search_box .inp{border:none; padding:0; margin:0; background:none; font-size:.15rem; line-height:.3rem; color:#0a1e40; width:100%;} .f_top .right .search_box .search_btn{position:absolute; top:50%; transform:translateY(-50%); right:.15rem; line-height:.42rem; color:#fff; font-size:.16rem; background:#0a1e40; border-radius:.06rem; border:none; outline:none; padding:0 .28rem 0 .44rem; cursor:pointer;} .f_top .right .search_box .search_btn .iconfont{font-size:1.4em; margin-left:.16rem;} .f_bott{position:relative; padding:.6rem 0 .54rem; text-align:center; background:#0d0f13;} .f_bott .wrap{position:relative;} .f_bott .f_logo{position:absolute; right:0; top:0; z-index:1; width:1.8rem;} .f_bott .top{margin-bottom:.4rem;} .f_bott .top li{display:inline-block; font-size:.16rem; line-height:.3rem; margin-right:.4rem; color:#fff; } .f_bott .top li.ggx{position:relative; } .f_bott .top li.ggx .ggf_box{position:absolute; left:0; bottom:150%; background:#fff; width:3rem; padding:15px; color:#5b5b5b; opacity:0; visibility:hidden; transition:all 0.5s ease; font-size:.15rem; line-height:.28rem;} .f_bott .top li.ggx .ggf_box:after{content:''; height:0; width:0; overflow:hidden; font-size:0; line-height:0; border-color:#fff transparent transparent transparent; border-style:solid solid dashed dashed; border-width:6px; position:absolute; top:100%; left:10px;} .f_bott .top li.ggx:hover .ggf_box{opacity:1; visibility:visible;} .f_bott .top li:last-child{margin-right:0;} .f_bott .midd{margin-bottom:.3rem;} .f_bott .midd .footer_share .iconfont{display:inline-block; width:.42rem; height:.42rem; border-radius:50%; color:#fff; border:2px solid #fff; font-size:.28rem; text-align:center; padding:0; margin:0; margin-right:.2rem;} .f_bott .midd .footer_share .iconfont:hover{color:#f5be2c; border-color:#f5be2c;} .f_bott .midd .footer_share>*:last-child{margin-right:0;} .f_bott .bott{font-size:.13rem; line-height:.2rem; color:#fff;} /* 手机端底部 */ .m_footer{display:none;} /* 首页 */ .ibanner .swiper-container{z-index:1;} .ibanner .swiper-slide .img_box{height:7.2rem;} .ibanner .swiper-slide .img_box img{height:100%; width:100%; object-fit:cover;} .ibanner .swiper-pagination{bottom:.4rem!important;} .ibanner .swiper-pagination .swiper-pagination-bullet{position:relative; width:1rem; height:3px; background:rgba(230,230,230,0.7); opacity:1; border-radius:0; transition:all .8s ease; margin:0 .07rem!important;} .ibanner .swiper-pagination .swiper-pagination-bullet::after{content:""; position:absolute; left:0; top:0; height:3px; width:0; background:#fff; z-index:1;} /* .ibanner .swiper-pagination .swiper-pagination-bullet-active{background:#fff;} */ .ibanner .swiper-pagination .swiper-pagination-bullet-active::after{width:100%;} @keyframes progress { 0%{ width:0; } 100%{ width:100%; } } /* 切换按钮 */ .ibanner .swiper-button-prev, .ibanner .swiper-button-next{position:absolute; top:50%; margin-top:0; transform:translateY(-50%); background:none; outline:none; cursor:pointer; opacity:0; visibility:hidden; -webkit-transition:all 0.4s; transition:all 0.4s;} .ibanner .swiper-button-prev{left:2%;} .ibanner .swiper-button-next{right:2%;} .ibanner .swiper-button-prev::after, .ibanner .swiper-button-next::after{content:'\e65f'; font-family:'iconfont'; -webkit-font-smoothing:antialiased; font-size:.4rem; margin:0; color:#f5be2c; font-weight:bold; opacity:.75; -webkit-transition:all 0.4s; transition:all 0.4s;} .ibanner .swiper-button-prev::after{content:'\e660';} .ibanner:hover .swiper-button-prev, .ibanner:hover .swiper-button-next{opacity:1; visibility:visible;} .common_tit{position:relative; font-weight:bold; color:#063f87; text-align:center;} .common_tit::after{content:''; position:absolute; bottom:-0.2rem; left:50%; width:.84rem; transform:translateX(-50%); height:.04rem; background:#f5be2c;} .ibanner:hover .swiper-button-prev:hover::after, .ibanner:hover .swiper-button-next:hover::after{opacity:1;} .ipart01{position:relative; z-index:1; padding:.9rem 0; background:#fff;} .ipart01 .infor{margin-bottom:.7rem;} .ipart01 .content .left{position:relative; float:left; width:49%; height:6.9rem; background:url(../img/ipart01_left_bg.jpg) no-repeat center/cover; border-radius:.06rem; transition:all 0.5s ease;} .ipart01 .content .left .top{position:absolute; top:.2rem; right:.44rem;} .ipart01 .content .left .center{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .ipart01 .content .left .center img{max-width:none; max-height:6.3rem;} .ipart01 .content .left .bott{position:absolute; right:.44rem; bottom:.3rem; font-size:.15rem; line-height:.3rem; color:#3a3a3a;} .ipart01 .content .left .bott .icon{margin-left:.3rem;} .ipart01 .content .left .center .intro_box{position:absolute; bottom:0; left:50%; transform:translateX(-50%); max-width:100%; min-width:3.2rem;} .ipart01 .content .left:hover{box-shadow:0px 0px 6px 1px rgba(10, 30, 64, 0.15);} .ipart01 .content .left:hover .center .intro_box .tit{color:#063f87;} .ipart01 .content .right{float:right; width:49%;} .ipart01 .content .right ul{margin-left:-4%; margin-top:-4%;} .ipart01 .content .right .item{position:relative; float:left; width:46%; margin-left:4%; margin-top:4%; background-color:#f7f8fc; background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); box-shadow: 0px 0px 9.2px .8px transparent; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all 0.5s ease; border-radius:.06rem;} .ipart01 .content .right .item:hover{background-image:url(../img/ipart01_right_hover.jpg); box-shadow: 0px 0px 6px 1px rgba(10, 30, 64, 0.15);} .ipart01 .content .right .item::after{content:''; position:absolute; bottom:0; left:0; width:0; height:3px; background:#063f87; transition:all .3s ease;} .ipart01 .content .right .item:hover::after{width:100%;} .ipart01 .content .right .item>a{display:block; height:3.28rem; padding:.3rem; box-sizing:border-box;} .ipart01 .content .right .item .img_box{text-align:center; margin-bottom:.4rem;} .ipart01 .content .right .item .img_box img{max-height:1.7rem;} .ipart01 .content .intro_box{text-align:center;} .ipart01 .content .intro_box .tit{font-size:.2rem; line-height:.26rem; margin-bottom:.1rem; font-weight:bold; color:#000;} .ipart01 .content .item:hover .intro_box .tit{color:#063f87;} .ipart01 .content .intro_box .con{font-size:.14rem; line-height:.2rem; color:#252525;} .ipart01 .content .right .item.new::before{content:''; position:absolute; left:.2rem; top:.2rem; width:.5rem; height:.5rem; background:url(../img/ipart01_right_icon_2.png) no-repeat center;} /* .ipart01 .content .right .item.top::after{content:''; position:absolute; right:.25rem; top:.2rem; width:.4rem; height:1.1rem; background:url(../img/ipart01_right_icon_1.png) no-repeat center;} */ .ipart01 .content .right .item .area_{position:absolute; right:.2rem; top:.2rem; background-color:transparent; border:none; display:block; width:.7rem; text-align:center; user-select:none; z-index:10;} .ipart01 .content .right .item .area_ .button_{display:block; } .ipart01 .content .right .item .area_ .xgicon{font-size:.45rem;} .ipart01 .content .area_360{position:relative; background-color:transparent; border:none; display:block; width:.7rem; height:.7rem; text-align:center; user-select:none; z-index:10;} .ipart01 .content .area_360 .button_360{display:block; height:.7rem;} .ipart01 .content .button_360 .text-new{position:absolute; top:50%; transform:translateY(-50%); left:0; font-size:.14rem; font-weight:bold; width:100%; text-align:center; margin:0 auto; color:#303337;} .ipart01 .content .button_360 .text-new::after, .ipart01 .content .button_360 .text-new::before{content:''; position:absolute; top:-6px; left:50%; margin-left:-1px; height:4px; width:2px; background:#b4b4b8; opacity:.6;} .ipart01 .content .button_360 .text-new::after{top:auto; bottom:-6px;} .ipart01 .content .button_360 .circle {position:absolute; top:0; left:0; width:.7rem; height:.7rem; border:2px solid #b4b4b8; border-radius:50%; } .ipart01 .content .button_360 .circle_vert {animation:rotating-x 7s linear infinite; } .ipart01 .content .button_360 .circle_horiz {animation:rotating-y 5s linear infinite; width:.66rem; height:.66rem; top:2px; left:2px; } .ipart02{height:7.81rem; position:relative; overflow:hidden; z-index:0; background:#0a1e40;} .ipart02 .top_layer{position:absolute; height:100%; left:50%; transform:translateX(-50%); width:100%; max-width:none;} .ipart02 .top_layer{z-index:2; background-image: linear-gradient(45deg, rgba(10, 30, 64,0.5), rgba(10, 30, 64,0) 50%); pointer-events:none;} .ipart02 .top_layer .icon{position:absolute; top:.4rem; right:.1rem;} .ipart02 .top_layer .icon img{max-height:2.5rem;} .ipart02 .bott_layer{position:absolute; z-index:1; bottom:100%; left:50%; height:100vh; transform: translateX(-50%); width:100%;} .ipart02 .bott_layer .markers{position:absolute; top:50%; left:50%; width:19.2rem; height:10.8rem; transform: translate(-50%, -50%); z-index:10;} .ipart02 .bott_layer video{position:absolute; top:50%; left:50%; width:19.2rem; height:10.8rem; transform: translate(-50%, -50%);} .ipart02 .bott_layer img{position:absolute; top:50%; left:50%; width:19.2rem; height:10.8rem; transform: translate(-50%, -50%);} .ipart02 .bott_layer .markers .marker{position:absolute; top:50%; left:50%; width:.18rem; height:.18rem; margin-top:-0.09rem; margin-left:-0.09rem; z-index:10;} .ipart02 .bott_layer .markers .marker .dot{position:relative; width:.18rem; height:.18rem; border-radius:.09rem; background-color:#f5be2c;} .ipart02 .bott_layer .markers .marker .dot::after{content:""; box-sizing:border-box; position:absolute; top:.09rem; left:.09rem; width:.18rem; height:.18rem; border-radius:.09rem; border:1px solid #f5be2c; transform:translate(-50%, -50%) scale(1); opacity:1; animation: dot_scale 1.5s linear infinite;} .ipart02 .bott_layer .markers .marker .label{position:absolute; display:block; right:.4rem; top:50%; transform:translateY(-50%); font-size:.16rem; line-height:.4rem; color:#000; padding:0 .4rem; border-radius:.2rem; white-space:nowrap; background:rgba(255, 255, 255, 0.6);} .ipart02 .bott_layer .markers .marker.label_left .label{left:initial; right:.5rem; /*padding-right:.6rem;*/} /* .ipart02 .bott_layer .markers .marker.label_left .label::before{content:""; position:absolute; right:.15rem; top:.05rem; width:.2rem; height:.19rem; background:url(../img/index02_arrow.png) center/contain no-repeat;} */ .ipart02 .bott_layer .markers .marker.label_right .label{left:.4rem; right:initial; /*padding-left:.6rem;*/} /* .ipart02 .bott_layer .markers .marker.label_right .label::before{content:""; position:absolute; left:.15rem; top:.06rem; width:.2rem; height:.19rem; background:url(../img/index02_arrow.png) center/contain no-repeat; transform:rotate(180deg);} */ .ipart02 .bott_layer .markers .marker .label:hover{color:#000; background:#f5be2c;} .ipart02 .bott_layer .markers .marker .label::before{content:""; position:absolute; left:.3rem; top:.1rem; width:.2rem; height:.2rem; background:url(../img/ipart02_icon_1.png) center/contain no-repeat;} .ipart02 .bott_layer .markers .marker .label:hover::before{background-image:url(../img/ipart02_icon_1_1.png);} .ipart02 .cover_words{position:absolute; left:11.2%; bottom:18%; width:40%; z-index:20;} .ipart02 .cover_words .title{font-weight:bold; color:#fff;} .ipart02 .cover_words .con{margin-top:.2rem; color:#fff;} .ipart02 .cover_words .more_btns{display:inline-block; line-height:.45rem; width:1.8rem; color:#000; font-size:.16rem; background:#f5be2c; margin-top:.55rem; font-weight:bold; border-radius:.06rem; text-align:center; transition:all .3s ease;} .ipart02 .cover_words .more_btns:hover{color:#fff; background:#063f87;} .ipart03{position:relative; z-index:1;} .ipart03 .infor{box-sizing:border-box; padding-top:1.6rem; height:5rem; background:url(../img/ipart03_infor_bg.jpg) no-repeat center/cover; text-align:center;} .ipart03 .infor .tit{color:#fff; margin-bottom:.5rem;} .ipart03 .infor .con{color:#fff; font-size:.16rem; line-height:.24rem; width:6.4rem; margin:0 auto;} .ipart03 .content .sect{position:relative; box-sizing:border-box; height:4.9rem; margin-top:-0.2rem; padding-top:1.2rem; background-size:cover; background-position:center; background-repeat:no-repeat; border-top-left-radius:.2rem; border-top-right-radius:.2rem; overflow:hidden;} .ipart03 .content .sect:last-child{border-radius:.2rem;} .ipart03 .content .sect .wrap{position:relative;} .ipart03 .content .sect .intro{float:right; width:41.28%; color:#fff;} .ipart03 .content .sect .intro .tit{font-size:.34rem; line-height:.52rem; margin-bottom:.1rem; font-weight:bold;} .ipart03 .content .sect .intro .con{font-size:.16rem; line-height:.25rem; margin-bottom:.4rem;} .ipart03 .content .sect .intro .serv{display:inline-block; } .ipart03 .content .sect .intro .serv li{float:right; font-size:.16rem; color:#fff; height:.74rem; line-height:.74rem; margin-left:-0.7rem; border:2px solid #fff; border-radius:.39rem; background:#12366f;} .ipart03 .content .sect .intro .serv li:last-child{position:relative; margin-left:0;} .ipart03 .content .sect .intro .serv li:last-child::before{content:''; position:absolute; left:-2px; top:50%; width:.74rem; height:.74rem; margin-top:-0.39rem; border:2px solid #fff; border-radius:.39rem; background:url(../img/ipart03_logo.png) no-repeat center; background-size:.45rem .39rem;} .ipart03 .content .sect .intro .serv li:last-child::after{content:'Serv'; position:absolute; left:.19rem; top:-0.12rem; color:#fff; font-size:.16rem; line-height:.2rem; background:#12366f;} .ipart03 .content .sect .intro .serv li>a{display:block; padding:0 .4rem 0 1rem;} .ipart03 .content .sect .intro .serv li>a:hover{color:#f6b32a; font-weight:bold;} .ipart03 .content .sect.sect1 .intro .serv li{background:#12366f;} .ipart03 .content .sect.sect2 .intro .serv li{background:#19488d;} .ipart03 .content .sect.sect3 .intro .serv li{background:#2363b1;} .ipart03 .content .sect.sect1 .intro .serv li:last-child::after{background:#12366f;} .ipart03 .content .sect.sect2 .intro .serv li:last-child::after{background:#19488d;} .ipart03 .content .sect.sect3 .intro .serv li:last-child::after{background:#2363b1;} .ipart04{padding:.7rem 0 1.15rem;} .ipart04 .infor .tit{margin-bottom:.64rem;} .ipart04 .content .left{float:left; width:59.63%;} .ipart04 .content .left .item{float:left; width:48.56%; margin-right:2.88%; border-radius:.06rem; overflow:hidden;} .ipart04 .content .left .item>a{display:block;} .ipart04 .content .left .item:last-child{margin-right:0;} /* .ipart04 .content .left .item .rect-5945{padding-bottom:59.45%;} */ .ipart04 .content .left .item .rect-5945{padding-bottom:2.8rem;} .ipart04 .content .left .item .rect-5945 img{width:auto; min-width:100%; max-width:none; left:50%; transform:translateX(-50%);} .ipart04 .content .left .item .intro_box{background:#efefef; padding:.3rem; transition:all 0.5s ease;} .ipart04 .content .left .item .intro_box .type{display:inline-block; font-size:.14rem; color:#000; background:#f5be2c; line-height:.3rem; padding:0 .18rem; border-radius:.06rem; margin-bottom:.2rem; transition:all 0.5s ease;} .ipart04 .content .left .item .intro_box .tit{font-size:.22rem; line-height:.3rem; height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:bold; color:#000; margin-bottom:.25rem; transition:all 0.5s ease;} .ipart04 .content .left .item .intro_box .txt{line-height:.24rem; color:#000; transition:all 0.5s ease;} .ipart04 .content .left .item:hover .intro_box{background:#063f87;} /* .ipart04 .content .left .item:hover .intro_box .type{color:#000; background:#f5be2c;} */ .ipart04 .content .left .item:hover .intro_box .tit{color:#fff;} .ipart04 .content .left .item:hover .intro_box .txt{color:#fff;} .ipart04 .content .right{float:right; width:38.54%; background:#efefef; border-radius:.06rem;} .ipart04 .content .right .top{padding:.3rem .4rem .24rem; border-bottom:1px solid #e0e2e5;} .ipart04 .content .right .top>a{display:block;} .ipart04 .content .right .top>a:hover .tit{color:#063f87;} .ipart04 .content .right .top .type{display:inline-block; font-size:.14rem; color:#000; background:#f5be2c; line-height:.3rem; padding:0 .18rem; border-radius:.06rem; margin-bottom:.2rem; } .ipart04 .content .right .top .tit{font-size:.22rem; line-height:.3rem; font-weight:bold; color:#000; margin-bottom:.2rem; transition:all .4s ease; height:.6rem; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .ipart04 .content .right .top .con{font-size:.16rem; line-height:.22rem; color:#1e1e1e; } .ipart04 .content .right .bott{padding:.18rem .4rem .24rem;} .ipart04 .content .right .bott .item{ line-height:.3rem; padding:.1rem 0; color:#000; height:.3rem;} .ipart04 .content .right .bott .item a{display:flex; flex-direction:row-reverse; justify-content:space-between;} .ipart04 .content .right .bott .item .tit{margin-right:.5rem; font-size:.16rem;} .ipart04 .content .right .bott .item:hover{color:#063f87; font-weight:bold;} .ipart04 .content .right .bott .item:hover a{color:#063f87; font-weight:bold;} @keyframes dot_scale { 0% { transform:translate(-50%, -50%) scale(1); opacity:1; border-width:1px; } 50%{ opacity:1; border-width:1px; } 100% { transform:translate(-50%, -50%) scale(2); opacity:0; border-width:1px; border-radius:12px; } } .m_ipart{display:none;} /* 产品列表 */ .pro_list.channel_content{padding:.4rem 0 .75rem; background:#f7f8fc;} .pro_list01 .left{float:left; width:17.2%;} .pro_list01 .right{float:right; width:80.3%;} .pro_list01 .left .sect{margin-top:.24rem; background:#fff; border-radius:.06rem; overflow:hidden;} .pro_list01 .left .sect:first-child{margin-top:0;} .pro_list01 .left .sect .hd{background:#063f87; padding:0 .24rem;} .pro_list01 .left .sect .hd .icon{float:left; padding-top:.21rem; margin-right:.14rem;} .pro_list01 .left .sect .hd .tit{float:left; font-size:.18rem; line-height:.56rem; color:#fff;} .pro_list01 .left .sect .hd .reset{display:block; float:right; line-height:.56rem; font-size:.14rem; color:#fff; opacity:0.3;} .pro_list01 .left .sect .hd .toAll{display:block; float:right; line-height:.56rem; color:#fff; opacity:1;} .pro_list01 .left .sect .hd .toAll .xgicon{font-size:.2rem; line-height:1;} .pro_list01 .left .sect .bd{padding:.15rem .24rem;} .pro_list01 .left .sect1 .bd .item{position:relative; font-size:.14rem; line-height:.2rem; padding:.08rem 0 .08rem .34rem; color:#000;} .pro_list01 .left .sect1 .bd .item>a{display:block;} .pro_list01 .left .sect1 .bd .item .check{position:absolute; left:0; top:.1rem; height:.14rem; width:.14rem; border:1px solid #cccccc; border-radius:.03rem; transition:all 0.3s ease;} .pro_list01 .left .sect1 .bd .item .check::after{opacity:0; visibility:hidden; content:''; position:absolute; top:50%; left:50%; width:0; height:0; transform:translate(-50%, -50%); background:#f5be2c; border-radius:.02rem; transition:all 0.3s ease;} .pro_list01 .left .sect1 .bd .item.cur .check{border-color:#f5be2c;} .pro_list01 .left .sect1 .bd .item.cur .check::after{opacity:1; visibility:visible; width:.1rem; height:.1rem;} .pro_list01 .left .sect2 .bd .item:last-child{border-bottom:0;} .pro_list01 .left .sect2 .bd .item{position:relative; padding:.15rem 0; padding-right:.5rem; font-size:.14rem; color:#1e1e1e; line-height:.2rem; border-bottom:1px dashed #e3e3e3;} .pro_list01 .left .sect2 .bd .item>a{display:block;} .pro_list01 .left .sect2 .bd .item .date{position:absolute; right:0; color:#929292;} .pro_list01 .left .sect2 .bd .more{display:none; text-align:center; margin-top:.2rem; font-size:.14rem; line-height:.2rem; color:#0a1e40;} .pro_list01 .left .sect2 .bd .more i{margin-left:.3rem;} .pro_list01 .left .sect3 .bd .item{padding:.2rem 0; border-bottom:1px dashed #e3e3e3;} .pro_list01 .left .sect3 .bd .item .tit{font-size:.15rem; line-height:.2rem; font-weight:bold; color:#0a1e40; margin-bottom:.1rem;} .pro_list01 .left .sect3 .bd .item .img_box{position:relative; height:1.5rem; border:1px solid #f1f1f1;} .pro_list01 .left .sect3 .bd .item .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:95%; max-height:95%;} .pro_list01 .left .sect3 .bd .item .con{font-size:.14rem; line-height:.2rem; color:#1e1e1e; margin-top:.15rem;} .pro_list01 .left .sect3 .bd .more{display:block; text-align:center; margin-top:.2rem; font-size:.14rem; line-height:.2rem; color:#0a1e40;} .pro_list01 .left .sect3 .bd .more i{margin-left:.3rem;} .pro_list01 .right .crumbs{text-align:right; font-size:.15rem; line-height:.2rem; color:#8d8d8d; margin-bottom:.2rem;} .pro_list01 .right .crumbs h1{color:#8d8d8d; font-size:.14rem; line-height:.2rem; display:inline-block; font-weight:normal; margin:0;} .pro_list01 .right .top{background:#fff; padding:.4rem; margin-bottom:.4rem; border-radius:.06rem;} .pro_list01 .right .top .hd .tit{float:left; font-weight:bold; font-size:.19rem; line-height:.3rem; color:#000000;} .pro_list01 .right .top .hd .con{float:left; font-size:.15rem; line-height:.3rem; color:#666666; margin-left:.3rem;} .pro_list01 .right .top .hd .con .num{font-weight:bold; color:#0a1e40;} .pro_list01 .right .top .hd .inquiry{display:block; float:right; font-size:.14rem; line-height:.38rem; width:2rem; height:.38rem; text-align:center; color:#fff; background:url(../img/pro_list_right_inquiry_bg.png) no-repeat center/contain;} .pro_list01 .right .top .bd .filter{padding:.18rem 0; border-top:1px solid #eceff8; display:none;} .pro_list01 .right .top .bd .filter .tit{float:left; font-size:.15rem; width:1rem; line-height:.24rem; color:#979aa8;} .pro_list01 .right .top .bd .filter ul{float:left; width:calc(100% - 1rem); margin-top:-0.15rem;} .pro_list01 .right .top .bd .filter .item{float:left; cursor:pointer; margin-right:.3rem; padding:0 .1rem; font-size:.14rem; line-height:.24rem; color:#1f1f1f; margin-top:.15rem;} .pro_list01 .right .top .bd .filter .item.cur{background:#f7b400; border-radius:.05rem;} .pro_list01 .right .top .bd .filter .item.cur a:hover{color:#0a1e40;} .pro_list01 .right .top .bd .filter.filter1{display:block;} .pro_list01 .right .top .bd .filter1 .item{margin-right:.5rem;} .pro_list01 .right .top .bd .filter1 .item span{color:#005bac;} .pro_list01 .right .top .bd .filter14 ul{width:auto;} .pro_list01 .right .top .bd .filter14 .item{margin-right:.2rem; border:1px dashed #005bac;} .pro_list01 .right .top .bd .filter14 .item .close{color:#005bac; font-weight:bold; font-size:0.9em; margin-left:.05rem;} .pro_list01 .right .top .bd .filter14 .reset{float:left; font-size:.15rem; line-height:.24rem; color:#282828; display:flex; align-items:center; cursor:pointer;} .pro_list01 .right .top .bd .filter14 .reset .icon{vertical-align:baseline; margin-right:.05rem; } .pro_list01 .right .top .bd .filter14 .item.cur{background:none; border-radius:0;} .pro_list01 .right .top .bd .filter14{padding-bottom:0; display:none;} .pro_list01 .right .bott .hd{border-bottom:1px solid #e3e3e3; margin-bottom:.37rem;} .pro_list01 .right .bott .hd .tabs_{float:left;} .pro_list01 .right .bott .hd .tabs_ .item{float:left; font-size:.2rem; line-height:.3rem; padding:0 .2rem .05rem; color:#1d1d1d; border-bottom:2px solid transparent;} .pro_list01 .right .bott .hd .tabs_ .item.cur{font-weight:bold; border-bottom:2px solid #0a1e40;} .pro_list01 .right .bott .hd .sort{float:right; padding:.05rem;} .pro_list01 .right .bott .hd .sort .item{float:left; padding:0 .12rem; font-size:.15rem; line-height:.18rem; color:#000; border-right:1px solid #e6e6e6;} .pro_list01 .right .bott .hd .sort .item:last-child{padding-right:0; border-right:none;} .pro_list01 .right .bott .hd .sort .item.cur{font-weight:bold; color:#000;} .pro_list01 .right .bott .bd .banner{margin-bottom:.4rem;} .pro_list01 .right .bott .bd .banner img{border-radius:.06rem;} .pro_list01 .right .bott .bd .products ul{margin-left:-1.49%; margin-top:-1.49%;} .pro_list01 .right .bott .bd .products .widgets_common_pages_4 {margin-top:.4rem;} .pro_list01 .right .bott .bd .products .item{float:left; box-sizing:border-box; width:23.51%; margin-left:1.49%; margin-top:1.49%; height:4.2rem; } .pro_list01 .right .bott .bd .products .item .item_box{position:relative;box-sizing:border-box; height:100%; padding:.25rem; padding-top:.5rem; background:#fff; transition:all 0.5s ease; border-radius:.06rem; overflow:hidden;} .pro_list01 .right .bott .bd .products .item .item_box::after{content:''; width:0%; height:6px; background:#194097; position:absolute; left:0; bottom:0; transition:0.5s ease;} .pro_list01 .right .bott .bd .products .item .img_box{height:1.7rem; text-align:center;} .pro_list01 .right .bott .bd .products .item .img_box img{max-height:95%; } .pro_list01 .right .bott .bd .products .item .intro_box{text-align:center; margin-bottom:.2rem;} .pro_list01 .right .bott .bd .products .item .intro_box .tit{font-size:.24rem; line-height:.34rem; color:#000; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;} .pro_list01 .right .bott .bd .products .item .intro_box .con{font-size:.15rem; line-height:.2rem; color:#1d1d1d;} .pro_list01 .right .bott .bd .products .item .ibott .box1{display:block; opacity:1; visibility:visible;} .pro_list01 .right .bott .bd .products .item .ibott .box1 table{width:100%; font-size:.14rem; color:#0a1e40; display:block;} .pro_list01 .right .bott .bd .products .item .ibott .box1 tbody{display:block; } .pro_list01 .right .bott .bd .products .item .ibott .box1 table td{padding:0 .2rem; line-height:.36rem; box-sizing:border-box; max-width:50%; } .pro_list01 .right .bott .bd .products .item .ibott .box1 table td:first-child{padding-right:0.1rem;} .pro_list01 .right .bott .bd .products .item .ibott .box1 table td:last-child{padding-left:0.1rem;} .pro_list01 .right .bott .bd .products .item .ibott .box1 table tr{display:flex; justify-content:space-between;} .pro_list01 .right .bott .bd .products .item .ibott .box1 table tr:first-child{background:#f6f6f6;} .pro_list01 .right .bott .bd .products .item .ibott .box2{position:absolute; bottom:.25rem; left:.25rem; right:.25rem; transform:translateY(50%); opacity:0; visibility:hidden; transition:all .3s ease;} .pro_list01 .right .bott .bd .products .item .ibott .box2 .inquiry_btn{display:block; background:#ffcc32; text-align:center; font-size:.16rem; line-height:.45rem; color:#000; border-radius:.06rem;} .pro_list01 .right .bott .bd .products .item .ibott .box2 .links{font-size:0; text-align:center; margin-top:.2rem;} .pro_list01 .right .bott .bd .products .item .ibott .box2 .links a{position:relative; font-size:.16rem; padding:0 .08rem;} .pro_list01 .right .bott .bd .products .item .ibott .box2 .links a::after{content:''; position:absolute; right:0; top:50%; height:.12rem; margin-top:-0.06rem; /*width:1px;*/ background:#333; border-left:1px solid #333;} .pro_list01 .right .bott .bd .products .item .ibott .box2 .links a:first-child{padding-left:0;} .pro_list01 .right .bott .bd .products .item .ibott .box2 .links a:last-child{padding-right:0;} .pro_list01 .right .bott .bd .products .item .ibott .box2 .links a:last-child::after{display:none;} .pro_list01 .right .bott .bd .products .item .compare{display:none; position:absolute; right:.2rem; top:.2rem; font-size:.15rem; line-height:.3rem; padding-left:.3rem; padding-right:.1rem; border:1px solid #f0f0f0; cursor:pointer;} .pro_list01 .right .bott .bd .products .item .compare .check{position:absolute; left:.07rem; top:.07rem; height:.14rem; width:.14rem; border:1px solid #333333; border-radius:.03rem; transition:all 0.3s ease;} .pro_list01 .right .bott .bd .products .item .compare .check::after{opacity:0; visibility:hidden; content:''; position:absolute; top:50%; left:50%; width:0; height:0; transform:translate(-50%, -50%); background:#f5be2c; border-radius:.02rem; transition:all 0.3s ease;} .pro_list01 .right .bott .bd .products .item.comp_cur .compare{display:block;} .pro_list01 .right .bott .bd .products .item.comp_cur .compare .check{border-color:#f5be2c;} .pro_list01 .right .bott .bd .products .item.comp_cur .compare .check::after{opacity:1; visibility:visible; width:.1rem; height:.1rem;} .pro_list01 .right .bott .bd .products .item:hover .item_box{box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23); transform:translateY(-10px);} .pro_list01 .right .bott .bd .products .item:hover .item_box::after{width:100%;} .pro_list01 .right .bott .bd .products .item:hover .compare{display:block;} .pro_list01 .right .bott .bd .products .item:hover .ibott .box1{opacity:0; visibility:hidden;} .pro_list01 .right .bott .bd .products .item:hover .ibott .box2{transform:translateY(0); opacity:1; visibility:visible;} .pro_list01 .right .bott .bd .products .item:hover .intro_box .tit{color:#063f87;} .pro_list01 .right .bott .bd .products .item.new::after{content:''; position:absolute; left:.2rem; top:.2rem; width:.46rem; height:.46rem; background:url(../img/ipart01_right_icon_2.png) no-repeat center/cover;} .pro_list01 .right .bott .bd .products .item.cur{box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23); transform:translateY(-10px);} .pro_list01 .right .bott .bd .products .item.cur::after{width:100%;} .pro_list01 .right .bott .bd .products .item.cur .compare{display:block;} .pro_list01 .right .bott .bd .products .item.cur .ibott .box1{opacity:0; visibility:hidden;} .pro_list01 .right .bott .bd .products .item.cur .ibott .box2{transform:translateY(0); opacity:1; visibility:visible;} .pro_list01 .right .bott .bd .products .item.cur .intro_box .tit{color:#063f87;} /* 禁止选中 */ .pro_list01 .right .bott .bd .products .item.plp-item-constrast-disabled .compare{pointer-events:none; cursor:not-allowed;} .m_pro_list01{display:none;} /* 产品详情 */ .pro_mHeader{display:none;} .pro_detail{padding-top:.65rem; position:relative;} .pro_detail01{margin-bottom:.9rem;} .pro_detail01 .left{width:48.8%; float:left;} .pro_detail01 .left .top_img{width:100%; position:relative; margin-top:.5rem;} .pro_detail01 .left .top_img .img_area{display:flex; align-items:stretch; justify-content:space-between;} .pro_detail01 .left .top_img .rect-6125{padding-bottom:61.25%;} .pro_detail01 .left .top_img .rect-6125 img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-height:90%; max-width:90%;} .pro_detail01 .left .top_img .left_l{width:19%; position:relative;} .pro_detail01 .left .top_img .left_l .ul_box{height:4.3rem; overflow:hidden;} .pro_detail01 .left .top_img .left_l li{margin-bottom:.04rem; cursor:pointer; position:relative;} .pro_detail01 .left .top_img .left_l .li_box{border:1px solid #eeeeee;} .pro_detail01 .left .top_img .left_l li .li_box img{position:absolute; top:50%; transform:translate(-50%,-50%); left:50%; max-width:80%; max-height:80%;} .pro_detail01 .left .top_img .left_l li.cur .li_box{border-color:#063f87;} .pro_detail01 .left .top_img .left_l li.hasMore .cover{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(6, 63, 135, 0.8); display:flex; align-items:center; justify-content:center; flex-wrap:wrap;} .pro_detail01 .left .top_img .left_l li.hasMore .cover .cover_img img{width:.6rem;} .pro_detail01 .left .top_img .left_l li.hasMore .cover .cover_t{font-size:12px; line-height:.2rem; color:#f5be2c; font-weight:bold;} .pro_detail01 .left .top_img .left_l .myprev{position:absolute; bottom:100%; left:50%; transform:translateX(-50%); cursor:pointer;} .pro_detail01 .left .top_img .left_l .mynext{position:absolute; top:100%; left:50%; transform:translateX(-50%); cursor:pointer;} .pro_detail01 .left .top_img .left_l .myprev .iconfont, .pro_detail01 .left .top_img .left_l .mynext .iconfont{font-size:.4rem; line-height:1; margin:0; display:block;} .pro_detail01 .left .top_img .left_r{width:76%; display:flex; align-items:center;} .pro_detail01 .left .top_img .rect-68{padding-bottom:68%;} .pro_detail01 .left .top_img .left_l .unable{display:none;} .pro_detail01 .left .right_btns{position:absolute; right:0; top:10%; transform:translateX(50%); text-align:center;} .pro_detail01 .left .area_360 .button_360{margin-bottom:.25rem; display:block;} .pro_detail01 .left .area_360 .t{color:#063f87; font-weight:bold;} .pro_detail01 .left .right_btns .video_btns{cursor:pointer;} /* .pro_detail01 .left .right_btns .video_btns{position:relative; background-color:transparent; border:none; display:block; width:.7rem; height:.7rem; text-align:center; user-select:none; z-index:10; margin-top:.2rem; border:2px solid #d4d4d4; border-radius:50%; cursor:pointer;} .pro_detail01 .left .right_btns .video_btns .t{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; font-size:.14rem; font-weight:bold; text-align:center; margin:0 auto; color:#303337;} .pro_detail01 .left .right_btns .video_btns .t::after, .pro_detail01 .left .right_btns .video_btns .t::before{content:''; position:absolute; top:-6px; left:50%; margin-left:-1px; height:4px; width:2px; background:#d4d4d4; opacity:.6;} .pro_detail01 .left .right_btns .video_btns .t::after{top:auto; bottom:-6px;} .pro_detail01 .left .right_btns .area_360{position:relative; background-color:transparent; border:none; display:block; width:.7rem; height:.7rem; text-align:center; user-select:none; z-index:10;} .pro_detail01 .left .area_360 .button_360{display:block; height:.7rem;} .pro_detail01 .left .button_360 .text-new{position:absolute; top:50%; transform:translateY(-50%); left:0; font-size:.14rem; font-weight:bold; width:100%; text-align:center; margin:0 auto; color:#303337;} .pro_detail01 .left .button_360 .text-new::after, .pro_detail01 .left .button_360 .text-new::before{content:''; position:absolute; top:-6px; left:50%; margin-left:-1px; height:4px; width:2px; background:#d4d4d4; opacity:.6;} .pro_detail01 .left .button_360 .text-new::after{top:auto; bottom:-6px;} .pro_detail01 .left .button_360 .circle {position:absolute; top:0; left:0; width:.7rem; height:.7rem; border:2px solid #d4d4d4; border-radius:50%; } .pro_detail01 .left .button_360 .circle_vert {animation:rotating-x 7s linear infinite; } .pro_detail01 .left .button_360 .circle_horiz {animation:rotating-y 5s linear infinite; width:.66rem; height:.66rem; top:2px; left:2px; } */ @keyframes rotating-y { from { -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } to { -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes rotating-x { from { -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } to { -ms-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -webkit-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg) } } .pro_detail01 .left .bott_para{margin-top:.5rem; text-align:center; font-size:0;} .pro_detail01 .left .bott_para li{display:inline-block; vertical-align:text-top; text-align:left; max-width:33.33%; padding:0 5%; box-sizing:border-box; border-right:1px solid #e1e0e0; color:#0a1e40;} .pro_detail01 .left .bott_para li:last-child{border-right:0;} .pro_detail01 .left .bott_para li .tit{font-size:.15rem; font-weight:bold; line-height:.27rem;} .pro_detail01 .left .bott_para li .con{font-size:.18rem; line-height:.27rem; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;} .pro_detail01 .right{width:40.6%; margin-right:3.4%; float:right; padding-top:.5rem;} .pro_detail01 .right .title_box{color:#0a1e40; margin-bottom:.5rem;} .pro_detail01 .right .title_box span{display:inline-block; vertical-align:text-bottom;} .pro_detail01 .right .title_box .model{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size:.64rem; line-height:1; margin-right:.1rem;} .pro_detail01 .right .title_box .cate{font-size:.24rem; line-height:1.5; font-weight:bold; } .pro_detail01 .right .center_cont .item{margin-bottom:.25rem;} .pro_detail01 .right .center_cont .item .t{font-size:.18rem; line-height:.3rem; color:#2d3134; font-weight:bold; margin-bottom:.1rem;} .pro_detail01 .right .center_cont .item .c{font-size:.15rem; line-height:.27rem; color:#4d4d4d; } .pro_detail01 .right .center_cont .item01 .t{margin-bottom:.05rem; color:#000000;} /* .pro_detail01 .right .center_cont .item02 li{float:left; margin-bottom:.1rem; padding:0 .17rem; line-height:.34rem; font-size:0; background:#ebebeb; margin-right:.2rem; margin-bottom:.1rem;} */ .pro_detail01 .right .center_cont .item02 .swiper-slide{display:inline-block; width:auto; margin-bottom:.06rem; box-sizing:border-box; padding:0 .17rem; line-height:.34rem; font-size:0; background:#ebebeb; margin-right:.1rem; border-radius:.06rem;} .pro_detail01 .right .center_cont .item02 .swiper-slide>div{display:inline-block; font-size:.15rem; color:#2d3134; vertical-align:middle;} .pro_detail01 .right .center_cont .item02 .swiper-slide .icon{margin-right:.1rem; line-height:normal;} .pro_detail01 .right .center_cont .item02 .swiper-slide .icon img{display:block; width:15px;} .pro_detail01 .right .center_cont .item02 .swiper-slide:hover{background:#f5be2c;} .pro_detail01 .right .center_cont .item02 .swiper-button-next{display:none;} .pro_detail01 .right .center_cont .item02 .swiper-wrapper{display:block;} /* .pro_detail01 .right .center_cont .item02 .swiper-container.hasMore::after{content:''; position:absolute; right:0; width:1.3rem; height:100%; top:0; background:linear-gradient(to left, #fff 40%, rgba(255,255,255,0.5) 70%, rgba(255,255,255,0) 100%); z-index:2;} .pro_detail01 .right .center_cont .item02 .swiper-container.hasMore .swiper-button-next{background:none; display:block; right:0; width:auto; margin-top:0; transform:translateY(-50%); height:auto; outline:none;} .pro_detail01 .right .center_cont .item02 .swiper-container.hasMore .swiper-button-next .iconfont{font-size:.3rem; margin:0; line-height:1; color:#0a1e40; } */ .pro_detail01 .right .btns_box a>div{display:inline-block; vertical-align:middle;} .pro_detail01 .right .btns_box .top_btn a{margin-right:.3rem; display:inline-block; font-size:0;} /* .pro_detail01 .right .btns_box .top_btn .download .btn_t{font-size:.18rem; color:#2d3134; font-weight:bold;} */ .pro_detail01 .right .btns_box .more_btn{margin-bottom:0; border-radius:.06rem; margin-top:.4rem;} .pro_detail01 .right .btns_box .more_btn .btns_{width:2.25rem; display:inline-block; line-height:.52rem; text-align:center; font-size:.16rem; color:#000000; border:2px solid #0a1e40; transition:all .3s ease; border-radius:.06rem;} .pro_detail01 .right .btns_box .more_btn .btns_.cur{background:#f5be2c; border-color:#f5be2c;} .pro_detail01 .right .btns_box .more_btn .btns_:first-child{margin-right:.1rem;} .pro_detail01 .right .btns_box{margin-top:.4rem;} .pro_detail01 .right .btns_box .top_btn{display:inline-block; vertical-align:middle; font-size:0;} .pro_detail01 .right .btns_box .top_btn .btn02{display:none;} .pro_detail01 .right .btns_box .phone_btn{display:inline-block; vertical-align:middle; /*margin-bottom:0;*/} .pro_detail01 .right .btns_box .phone_btn a{display:block;} .pro_detail01 .right .btns_box .top_btn .xgicon, .pro_detail01 .right .btns_box .phone_btn .xgicon{font-size:.26rem; font-weight:bold; color:#0a1e40;} .pro_detail01 .right .btns_box .top_btn .btn_t, .pro_detail01 .right .btns_box .phone_btn .btn_t{font-size:.17rem; color:#0a1e40; font-weight:bold; line-height:.27rem; margin-left:.1rem;} .pro_detail02{margin-bottom:.5rem;} .pro_detail02 .hd{background:#0a1e40; position:relative; height:.8rem; transition:all .4s ease;} .pro_detail02 .hd .list{background:#0a1e40; padding:.2rem 0; transition:all .4s ease;} .pro_detail02 .hd .list .left{margin-left:24.7%;} .pro_detail02 .hd .left span{line-height:.4rem; color:#fff; font-size:.24rem; font-weight:bold; /*margin-right:.7rem;*/ display:inline-block; vertical-align:middle;} .pro_detail02 .hd .left i{width:.3rem; height:.31rem; background:url(../img/pro_detail02_01.png) no-repeat center/cover; display:inline-block; vertical-align:middle; display:none;} .pro_detail02 .hd .right{display:flex; align-items:flex-end; justify-content:flex-end;} .pro_detail02 .hd .right .item{float:left; font-size:.16rem; line-height:.4rem; position:relative; margin-right:.5rem; color:#fff; cursor:pointer;} .pro_detail02 .hd .right .item::before{content:''; position:absolute; left:0; width:100%; bottom:-2px; height:2px; background:#fff; opacity:0;} .pro_detail02 .hd .right .item::after{display:block; content:attr(title); font-weight:bold; visibility:hidden; height:1px; color:transparent; margin-bottom:-1px; overflow:hidden;} .pro_detail02 .hd .right .item:hover{font-weight:bold;} .pro_detail02 .hd .right .btns_box .btns{display:inline-block; line-height:.4rem; font-size:.16rem; text-align:center; color:#ffffff; width:1.7rem; border:2px solid #ffffff; border-radius:.06rem;} .pro_detail02 .hd .right .btns_box .btns:first-child{background:#f5be2c; border-color:#f5be2c; color:#000000; margin-right:.2rem; display:none;} .pro_detail02 .hd .right .btns_box .btns:hover{background:#f5be2c; border-color:#f5be2c; color:#000000;} /* 吸顶 */ .pro_detail02 .hd .list.fixed{top:0; left:0; width:100%; position:fixed; z-index:22;} .pro_detail02 .hd .right .item.active{font-weight:bold;} .pro_detail02 .hd .right .item.active::before{opacity:1;} .pro_detail02 .bd{margin-top:.45rem;} .pro_detail02 .bd .left{width:20.5%; float:left; border:1px solid #f3f3f3; border-top:6px solid #0a1e40; box-sizing:border-box; border-radius:.06rem;} .pro_detail02 .bd .left .item{padding:.2rem 7.2% .25rem;} .pro_detail02 .bd .left .item .title{font-size:.2rem; font-weight:bold; color:#0a1e40; margin-bottom:.3rem;} .pro_detail02 .bd .left .item li{display:flex; align-items:flex-start; justify-content:flex-start; margin-bottom:.2rem;} .pro_detail02 .bd .left .item li .img_{width:33.3%; border:1px solid #e4e4e4; box-sizing:border-box; border-radius:.06rem;} .pro_detail02 .bd .left .item li .rect-7653{padding-bottom:76.53%;} .pro_detail02 .bd .left .item li .img_ img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-height:90%; max-width:90%;} .pro_detail02 .bd .left .item li .words{margin-left:.08rem;} .pro_detail02 .bd .left .item li .words .tit{font-size:.15rem; line-height:.3rem; color:#333333; margin-bottom:.08rem;} .pro_detail02 .bd .left .item li .words .more_box a{display:inline-block; font-size:.15rem; line-height:1; color:#9c9c9c; padding:0 .1rem; border-right:1px solid #9c9c9c;} .pro_detail02 .bd .left .item li .words .more_box a:last-child{padding-right:0; border-right:0;} .pro_detail02 .bd .left .item li .words .more_box a:first-child{padding-left:0;} .pro_detail02 .bd .left .item li .words .more_box a:hover{color:#0a1e40;} .pro_detail02 .bd .left .item .more_btns{display:block; text-align:center; font-size:.15rem; line-height:.2rem; color:#0a1e40;} .pro_detail02 .bd .left .item .more_btns i{margin:0; margin-left:.3rem;} .pro_detail02 .bd .right{width:75.3%; float:right;} .pro_detail02 .bd .right .section{padding:.4rem 0;} .pro_detail02 .bd .right .section .title_box{margin-bottom:.25rem;} .pro_detail02 .bd .right .section .title{font-size:.32rem; line-height:1; font-weight:bold; color:#0a1e40;} .pro_detail02 .bd .right .section.section01{padding-top:0;} .pro_detail02 .bd .right .section02 li{position:relative; padding:.1rem 0; font-size:.17rem; line-height:.28rem; color:#333333; padding-left:.25rem; border-bottom:1px dashed #dddddd;} .pro_detail02 .bd .right .section02 li::after{content:''; position:absolute; left:.05rem; top:.2rem; width:.08rem; height:.08rem; border-radius:50%; background:#333333;} .pro_detail02 .bd .right .section03 .title_box{display:flex; align-items:center; justify-content:space-between;} .pro_detail02 .bd .right .section03 .title_box .btns_box a{display:inline-block; padding:0 .35rem; border:1px solid #000; color:#000; border-radius:.06rem;} .pro_detail02 .bd .right .section03 .title_box .btns_box a.compare{display:none;} .pro_detail02 .bd .right .section03 .title_box .btns_box div{display:inline-block; vertical-align:middle;} .pro_detail02 .bd .right .section03 .title_box .btns_box .t{font-size:.16rem; line-height:.5rem; margin-left:.05rem; } .pro_detail02 .bd .right .section03 .title_box .btns_box .icon img{width:.3rem; } .pro_detail02 .bd .right .section03 .title_box .btns_box a.download{border:0; color:#9c9c9c;} .pro_detail02 .bd .right .section03 .datalist{border:1px solid #dddddd; text-align:center;} .pro_detail02 .bd .right .section03 .table th{/*background:#0a1e40; color:#fff;*/ font-size:.16rem; font-weight:bold; line-height:.28rem; padding:.09rem .15rem; background:#ededed; color:#000;} .pro_detail02 .bd .right .section03 .table td{font-size:.15rem; color:#333333; line-height:.3rem; padding:.1rem;} .pro_detail02 .bd .right .section03 .table tr.grey th{background:#f0f0f0; color:#333333; font-weight:normal;} .pro_detail02 .bd .right .section04 ul{display:flex; align-items:stretch; justify-content:space-between; flex-wrap:wrap;} .pro_detail02 .bd .right .section04 li{width:49%; border:2px solid #d1d1d1; margin-bottom:.28rem; padding:.3rem 3.5%; box-sizing:border-box; border-radius:.06rem; transition:.3s ease;} .pro_detail02 .bd .right .section04 li .name{font-size:.22rem; line-height:1; font-weight:bold; color:#0a1e40; padding-bottom:.15rem; position:relative; margin-bottom:.05rem;} .pro_detail02 .bd .right .section04 li .name::after{content:''; position:absolute; width:.24rem; height:2px; left:0; bottom:0; background:#f5be2c;} .pro_detail02 .bd .right .section04 li .item{font-size:.15rem; line-height:.24rem; color:#333333; } .pro_detail02 .bd .right .section04 li .btns{margin-top:.3rem;} .pro_detail02 .bd .right .section04 li .btns a{font-size:.16rem; display:inline-block; color:#0a1e40; background:#eeeeee; margin-right:.1rem; line-height:.4rem; padding:0 .28rem; box-sizing:border-box; border:1px solid #e9e9e9; border-radius:.06rem;} .pro_detail02 .bd .right .section04 li .btns a:last-child{margin-right:0;} /* .pro_detail02 .bd .right .section04 li .btns .getLow{color:#fff; background:#0a1e40; border-color:#0a1e40;} */ .pro_detail02 .bd .right .section04 li .btns a:hover{background:#0a1e40; border-color:#0a1e40; color:#fff;} .pro_detail02 .bd .right .section04 li:hover{border-color:#0a1e40;} .pro_detail02.noleft .bd .right{width:100%;} .pro_detail02.noleft .hd .list .left{margin-left:0;} .pro_detail02 .bd .right .section05 ul{display:flex; align-items:stretch; justify-content:space-between; flex-wrap:wrap;} .pro_detail02 .bd .right .section05 li{width:49%; border:2px solid #d1d1d1; margin-bottom:.28rem; padding:.3rem 3.5%; box-sizing:border-box; border-radius:.06rem; transition:.3s ease;} .pro_detail02 .bd .right .section05 li .name{font-size:.22rem; line-height:1; font-weight:bold; color:#0a1e40; padding-bottom:.15rem; position:relative; margin-bottom:.05rem;} .pro_detail02 .bd .right .section05 li .name::after{content:''; position:absolute; width:.24rem; height:2px; left:0; bottom:0; background:#f5be2c;} .pro_detail02 .bd .right .section05 li .item{font-size:.15rem; line-height:.24rem; color:#333333; } .pro_detail02 .bd .right .section05 li .btns{margin-top:.3rem;} .pro_detail02 .bd .right .section05 li .btns a{font-size:.16rem; display:inline-block; color:#0a1e40; background:#eeeeee; margin-right:.1rem; line-height:.4rem; padding:0 .28rem; box-sizing:border-box; border:1px solid #e9e9e9; border-radius:.06rem;} .pro_detail02 .bd .right .section05 li .btns a:last-child{margin-right:0;} /* .pro_detail02 .bd .right .section05 li .btns .getLow{color:#fff; background:#0a1e40; border-color:#0a1e40;} */ .pro_detail02 .bd .right .section05 li .btns a:hover{background:#0a1e40; border-color:#0a1e40; color:#fff;} .pro_detail02 .bd .right .section05 li:hover{border-color:#0a1e40;} /* 手机端部分 */ .pro_detail01 .m_rihgt{display:none;} .pro_mFooter{display:none;} /* 产品页-手机端 */ .m_proCenter01 .item{border-top:.06rem solid #eeeeee; background:#fff;} .m_proCenter01 .item:last-child{border-bottom:.06rem solid #eeeeee;} .m_proCenter01 .item .box{padding:.16rem 0;} .m_proCenter01 .item .box .tit{font-size:.24rem; line-height:.4rem; color:#000000; font-weight:bold; margin-bottom:.1rem;} .m_proCenter01 .item .box .con li{float:left; margin-bottom:.05rem; margin-right:.1rem; border-radius:.05rem; background:#eeeeee;} .m_proCenter01 .item .box .con li a{display:block; font-size:.2rem; color:#5f5f5f; line-height:.2rem; padding:.1rem .13rem;} /* 新闻详情 start */ .news_detail{padding:.3rem 0 1rem;} .news_detail_crumbs{font-size:.14rem; line-height:.2rem; color:#9d9d9d; margin-bottom:.6rem;} .news_detail_crumbs h1{color:#9d9d9d; font-size:.14rem; line-height:.2rem; display:inline-block; font-weight:normal; margin:0;} .news_detail1 .left{width:73%;} .news_detail1 .left .switcher{display:inline-block;} .news_detail1 .left .box>.title{ font-weight:bold; color:#000;} .news_detail1 .left .con{margin-top:.22rem;} .news_detail1 .left .time{font-size:.18rem; color:#063f87; margin-right:.2rem;} .news_detail1 .left .play{margin-left:.2rem; cursor:pointer;} .news_detail1 .left .play img{vertical-align:middle;} .news_detail1 .left .share_box{text-align:center; position:relative; margin-top:.3rem; margin-bottom:.55rem;} .news_detail1 .left .share_box .line{position:absolute; width:100%; height:1px; background:#dddddd; top:0; left:0; top:50%; margin-top:-1px;} .news_detail1 .left .share_box li{position:relative; z-index:2; background:#fff; display:inline-block; padding:0 .22rem; margin:0 -0.02rem;} .news_detail1 .left .share_box li a{opacity:0.7;} .news_detail1 .left .share_box li:hover a{opacity:1;} .news_detail1 .left .share_box li .iconfont{margin:0; font-size:.3rem; line-height:.3rem;} .news_detail1 .left .share_box li:nth-child(3) .iconfont{font-size:.4rem;} .news_detail1 .left .text{border-bottom:1px solid #dfdfdf; padding-bottom:.65rem; line-height:2; font-size:.18rem;} .news_detail1 .left .text a{color:#f5be2c; font-weight:bold;} .news_detail1 .left .btns{text-align:center; width:100%; margin-top:.25rem;} .news_detail1 .left .btns .to_list{display:inline-block; color:#000; padding:0 .5rem; line-height:.46rem; font-size:.16rem; background:#f5be2c; margin-top:.15rem; border-radius:.06rem;} .news_detail1 .left .btns .prev{text-align:left; width:30%;} .news_detail1 .left .btns .next{text-align:right; width:30%;} .news_detail1 .left .btns i{margin:0;} .news_detail1 .left .btns a:hover .con15{color:#063f87;} .news_detail1 .left .text img{max-width:650px!important; } .news_detail1 .right{width:21%;} .news_detail1 .right .title{background:#063f87; color:#fff; line-height:.62rem; padding-left:.26rem; box-sizing:border-box; font-weight:bold; font-size:.18rem;} .news_detail1 .right .item{border:1px solid #ececec; border-top:none; margin-bottom:.24rem; box-sizing:border-box; border-radius:.06rem; overflow:hidden;} .news_detail1 .right .item .item_con{padding:.3rem .3rem .2rem; box-sizing:border-box; font-size:0;} .news_detail1 .right .item .item_con .time{font-size:.12rem; color:#5b5b5b; line-height:.12rem;} .news_detail1 .right .item .item_con .tit{transition:all 0.5s ease;} .news_detail1 .right .item .item_con .sub{position:relative; margin-top:.1rem; border:1px solid #ececec; width:100%; height:.6rem;} .news_detail1 .right .item .item_con .sub input{width:calc(100% - .8rem); line-height:.4rem; box-sizing:border-box; text-indent:.25rem; padding:.1rem 0; font-size:.15rem; font-family:'he-t'; color:#5b5b5b; border-radius:.06rem; border:none;} .news_detail1 .right .item .item_con .sub input::-webkit-input-placeholder{color:#b3b3b3; } .news_detail1 .right .item .item_con .sub input::-moz-placeholder{color:#b3b3b3; } .news_detail1 .right .item .item_con .sub input:-moz-placeholder{color:#b3b3b3; } .news_detail1 .right .item .item_con .sub input:-ms-input-placeholder{color:#b3b3b3; } .news_detail1 .right .item .item_con .sub button{outline:none; border:none; padding:0 .12rem; box-sizing:border-box; line-height:.46rem; background:#f5be2c; cursor:pointer; position:absolute; right:.06rem; top:50%; margin-top:-0.24rem; color:#000000; border-radius:.06rem; font-weight:bold;} .news_detail1 .right .item .item_con li{margin-bottom:.25rem;} .news_detail1 .right .item .item_con li:last-child{margin-bottom:0;} .news_detail1 .right .item .item_con li:hover .tit{color:#063f87;} /* 新闻详情 end */ /* 新闻列表 start */ .channel_content.news_list{padding:.5rem 0 .8rem;} .news_list .rect-70{padding-bottom:70.75%;} .news_list1 .left{width:76.5%;} .news_list1 .left .top .filter{margin-bottom:.13rem;} .news_list1 .left .top .filter .tit{float:left; font-size:.19rem; font-weight:bold; color:#063f87; margin-right:.3rem;} .news_list1 .left .top .filter ul{float:left;} .news_list1 .left .top .filter .item{float:left; font-size:.14rem; line-height:.28rem; color:#000; margin-right:.11rem; cursor:pointer; border:1px solid #d3d3d3; border-radius:.06rem;} .news_list1 .left .top .filter .item.cur{font-weight:bold; background:#f4bd3e; } .news_list1 .left .top .filter .item>a{display:block; color:#000; padding:0 .2rem; } /* .news_list1 .left .content{margin-top:.4rem;} */ .news_list1 .left .content .li_{box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.05); border-radius:.06rem; overflow:hidden; margin-bottom:.35rem; transition:all 0.5s ease;} .news_list1 .left .content .li_ .img_{width:33%; float:left; position:relative;} .news_list1 .left .content .li_ .img_::after{content:''; width:.17rem; height:.29rem; background:url(../img/news_icon3.png) no-repeat center; background-size:cover; position:absolute; right:0; top:26%; transform:translate(0,-50%); transition:all 0.5s ease;} .news_list1 .left .content .li_ .intro{width:67%; float:left; padding:.55rem .86rem 0 .65rem; box-sizing:border-box;} .news_list1 .left .content .li_ .intro .tag{color:#063f87; font-size:.14rem; margin-bottom:.02rem; transition:all 0.5s ease;} .news_list1 .left .content .li_ .intro .tit{font-size:.22rem; font-weight:bold; color:#063f87; transition:all 0.5s ease;} .news_list1 .left .content .li_ .intro .con{color:#5b5b5b; line-height:.3rem; margin-top:.2rem; margin-bottom:.5rem; max-height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.5s ease;} .news_list1 .left .content .li_ .intro .time{color:#5b5b5b; font-size:.14rem; transition:all 0.5s ease;} .news_list1 .left .content .li_:hover{background:#063f87;} .news_list1 .left .content .li_:hover .img_::after{background:url(../img/news_icon4.png) no-repeat center; background-size:cover;} .news_list1 .left .content .li_:hover .intro .tag{color:#fff;} .news_list1 .left .content .li_:hover .intro .tit{color:#fff;} .news_list1 .left .content .li_:hover .intro .con{color:#fff;} .news_list1 .left .content .li_:hover .intro .time{color:#fff;} .news_list1 .left .content .widgets_common_pages_4{margin-top:.65rem;} .news_list1 .left .content .li_.no_img .img_{display:none;} .news_list1 .left .content .li_.no_img .intro{padding-bottom:.55rem; width:100%;} .news_list1 .right{width:22%;} .news_list1 .right .form_box .form_item{width:100%; border-bottom:1px solid #d3d3d3; position:relative; margin-top:.2rem;} .news_list1 .right .form_box .form_item:first-child{margin-left:0; margin-top:0;} .news_list1 .right .form_box .form_item .sel_span{display:block; width:100%; height:.5rem; line-height:.5rem; border:none; padding:0; margin:0; box-sizing:content-box; font-size:.16rem; color:#5b5b5b; padding:0; position:relative; cursor:pointer;} .news_list1 .right .form_box .form_item .sel_span::after{content:''; width:.06rem; height:.06rem; background:url(../img/news_icon2.png) no-repeat center; background-size:cover; position:absolute; right:0; top:50%; margin-top:-0.03rem;} .news_list1 .right .form_box .form_item .sel_inp{display:block; width:100%; height:.5rem; line-height:.5rem; border:none; padding:0; margin:0; box-sizing:content-box; font-size:.16rem; color:#5b5b5b; padding:0;} .news_list1 .right .form_box .form_item input{width:80%;} .news_list1 .right .form_box .form_item input::-webkit-input-placeholder{color:#5b5b5b;} .news_list1 .right .form_box .form_item input::-webkit-input-placeholder{color:#5b5b5b; font-size:.16rem; line-height:.5rem; height:.5rem;} .news_list1 .right .form_box .form_item input::-moz-placeholder{color:#5b5b5b; font-size:.16rem; line-height:.5rem; height:.5rem;} .news_list1 .right .form_box .form_item input:-moz-placeholder{color:#5b5b5b; font-size:.16rem; line-height:.5rem; height:.5rem;} .news_list1 .right .form_box .form_item input:-ms-input-placeholder{color:#5b5b5b; font-size:.16rem; line-height:.5rem; height:.5rem;} .news_list1 .right .form_box .form_item .searth_btn{height:.5rem; border:none; text-align:center; background-color:transparent; outline:none; cursor:pointer; padding:0; position:absolute; right:0; top:0;} /* .news_list1 .right .form_box .form_item .searth_btn .icon{display:inline-block; width:13px; height:13px; background:url(../img/news_icon.png) no-repeat center; background-size:cover;} */ .news_list1 .right .form_box .form_item .searth_btn .iconfont{display:block; font-size:14px; line-height:1; margin:0; font-weight:bold;} .news_list1 .right .form_box .form_item .sel_down{width:101%; position:absolute; left:0; top:100%; display:none; background:#fff; box-shadow:0 0 25px rgb(0 0 0 / 10%); z-index:2;} .news_list1 .right .form_box .form_item .sel_down li{font-size:.16rem; color:#5b5b5b; line-height:.3rem; padding-left:.1rem; box-sizing:border-box; cursor:pointer;} .news_list1 .right .form_box .form_item .sel_down li:hover{color:#063f87;} .news_list1 .right .title{background:#063f87; font-size:.18rem; border-top-left-radius:.06rem; border-top-right-radius:.06rem; font-weight:bold; color:#fff; line-height:.62rem; padding-left:.26rem; box-sizing:border-box;} .news_list1 .right .item{border:1px solid #ececec; border-top:none; margin-bottom:.24rem; box-sizing:border-box; border-radius:.06rem; overflow:hidden;} .news_list1 .right .item .item_con{padding:.2rem .2rem .3rem .3rem; box-sizing:border-box; font-size:0;} .news_list1 .right .item .item_con>span{font-size:.16rem; line-height:.3rem; color:#5b5b5b; border:1px solid #c7c7c7; box-sizing:border-box; display:inline-block; border-radius:.3rem; overflow:hidden; padding:0 .22rem; margin-right:.05rem; margin-bottom:.17rem; cursor:pointer; transition:all 0.5s ease;} .news_list1 .right .item .item_con>span:hover{background:#063f87; color:#fff; border-color:#063f87;} .news_list1 .right .item .item_con div>span{margin-bottom:.1rem;} .news_list1 .right .item .item_con div a:hover{color:#063f87;} .news_list1 .right .item .item_con .t{margin-bottom:.1rem; font-size:.15rem; color:#5b5b5b;} .news_list1 .right .item .item_con .con{font-size:.15rem; line-height:.33rem; color:#5b5b5b;} .news_list1 .right .item .item_con .con.email span{display:inline-block; vertical-align:text-top;} .news_list1 .right .item .item_con .con.email span:nth-child(2){width:calc(100% - .6rem);} .news_list1 .right .item .item_con .sub{position:relative;} .news_list1 .right .item .item_con .sub input{border:1px solid #ececec; width:100%; line-height:.6rem; box-sizing:border-box; text-indent:.25rem; padding:0; height:.6rem; font-size:.15rem; color:#5b5b5b; border-radius:.06rem;} .news_list1 .right .item .item_con .sub input::-webkit-input-placeholder{color:#b3b3b3; font-size:.15rem; text-indent:.25rem; line-height:.6rem; height:.6rem;} .news_list1 .right .item .item_con .sub input::-moz-placeholder{color:#b3b3b3; font-size:.15rem; text-indent:.25rem; line-height:.6rem; height:.6rem;} .news_list1 .right .item .item_con .sub input:-moz-placeholder{color:#b3b3b3; font-size:.15rem; text-indent:.25rem; line-height:.6rem; height:.6rem;} .news_list1 .right .item .item_con .sub input:-ms-input-placeholder{color:#b3b3b3; font-size:.15rem; text-indent:.25rem; line-height:.6rem; height:.6rem;} .news_list1 .right .item .item_con .sub button{outline:none; border:none; padding:0 .12rem; box-sizing:border-box; line-height:.46rem; font-size:.15rem; font-weight:bold; background:#f5be2c; cursor:pointer; position:absolute; right:.06rem; top:50%; margin-top:-0.24rem; color:#000; border-radius:.06rem;} .news_list1 .right .item1{overflow:visible;} .news_list1 .right .form_box .form_item .sel_down ul{max-height:1.5rem; overflow-y:auto;} .news_list1 .right .form_box .form_item .sel_down ul::-webkit-scrollbar {width:2px; height:2px;} .news_list1 .right .form_box .form_item .sel_down ul::-webkit-scrollbar-thumb {border-radius:5px; background:#f5be2c; } .news_list1 .right .form_box .form_item .sel_down ul::-webkit-scrollbar-track {border-radius:0; background:#fff;} .m_select{display:none;} /* 新闻列表 end */ /* 分页 start*/ .widgets_common_pages_4{font-size:.18rem; color:#838383; text-align:center; margin-top:10px;} .widgets_common_pages_4>.wrap{width:100%;} .widgets_common_pages_4 a, .widgets_common_pages_4 span{color:#000; display:inline-block; border:1px solid #e8e8e8; vertical-align:middle; width:.34rem; height:.34rem; line-height:.34rem; margin-right:7px; font-size:.18rem; font-family:Arial;} .widgets_common_pages_4 .gonext,.widgets_common_pages_4 .count{margin-left:0;} .widgets_common_pages_4 span.current{color:#fff; background:#f5be2c; border-color:#f5be2c;} .widgets_common_pages_4 span.count{border:0; background:0;color:#000;} .widgets_common_pages_4 a, .widgets_common_pages_4 span{width:auto; padding:0 .12rem; border-radius:.06rem;} .widgets_common_pages_4 .goprev{margin-right:10px; background:none;} .widgets_common_pages_4 span.ellipsis{border-color:transparent; padding:0;} .widgets_common_pages_4 .goprev i{transform:rotateZ(180deg);} .widgets_common_pages_4 a:hover, .widgets_common_pages_4 .goprev:hover{color:#fff; background:#f5be2c; border-color:#f5be2c;} .widgets_common_pages_4 .goprev{width:.36rem; height:.36rem; background:url(../img/widgets_common_pages_4_1.png) no-repeat center/cover; background-size:cover; border:none; padding:0; border:1px solid #e8e8e8; box-sizing:border-box;} .widgets_common_pages_4 .goprev:hover{background:url(../img/widgets_common_pages_4_3.png) no-repeat center; background-size:cover;} .widgets_common_pages_4 .gonext{width:.36rem; height:.36rem; background:url(../img/widgets_common_pages_4_2.png) no-repeat center/cover; background-size:cover; border:none; padding:0; border:1px solid #e8e8e8; box-sizing:border-box;} .widgets_common_pages_4 .gonext:hover{background:url(../img/widgets_common_pages_4_4.png) no-repeat center; background-size:cover;} /* 分页 end*/ /* 新闻 */ .news_press.channel_content{padding:.7rem 0 .1rem;} .news_press1 .top{margin-bottom:.4rem;} .news_press1 .top .filter{margin-bottom:.13rem;} .news_press1 .top .filter .tit{float:left; font-size:.19rem; font-weight:bold; color:#0a1e40; margin-right:.3rem;} .news_press1 .top .filter ul{float:left;} .news_press1 .top .filter .item{float:left; font-size:.14rem; line-height:.28rem; color:#000; margin-right:.11rem; cursor:pointer; border:1px solid #d3d3d3; border-radius:.06rem;} .news_press1 .top .filter .item.cur{font-weight:bold; background:#f4bd3e; } .news_press1 .top .filter .item>a{display:block; color:#000; padding:0 .2rem; } .news_press1 .bott .left{float:left; width:65%;} .news_press1 .bott .left .year{margin-bottom:.8rem;} .news_press1 .bott .left .year .title{position:relative; font-weight:bold; color:#0a1e40; margin-bottom:.5rem;} .news_press1 .bott .left .year .title::after{content:''; position:absolute; bottom:-0.25rem; left:0; height:.04rem; width:.94rem; background:#f4bd3e;} .news_press1 .bott .left .year .item{position:relative; padding-left:.14rem; font-size:.16rem; line-height:.2rem; } .news_press1 .bott .left .year .item>a{display:block; padding:.1rem 0; color:#5b5b5b; transition:all 0.5s ease;} .news_press1 .bott .left .year .item:hover>a{font-weight:bold; color:#0b1f3e;} .news_press1 .bott .left .year .item .date{padding-right:.11rem;} .news_press1 .bott .left .year .item .date::before{position:absolute; left:0; top:.08rem; content:"·"; font-weight:bold;} .news_press1 .bott .left .year .item .date::after{content:'|';margin-left:.11rem; color:#e2e2e2;} .news_press1 .bott .right{float:right; width:30%; text-align:right;} .news_press1 .bott .right .share_box{text-align:right; margin-bottom:.25rem;} .news_press1 .bott .right .share_box .tit{line-height:.28rem; vertical-align:top;} .news_press1 .bott .right .share_box .bshare-custom{display:inline-block; vertical-align:top;} .news_press1 .bott .right .share_box li{display:inline-block;} .news_press1 .bott .right .share_box li img{height:.28rem;} .news_press1 .bott .right .group_news{position:relative; display:inline-block;} .news_press1 .bott .right .group_news .intro_box{position:absolute; bottom:0; left:0; right:0; padding:.4rem; z-index:1; text-align:left;} .news_press1 .bott .right .group_news .intro_box .tit{position:relative; font-size:.39rem; color:#fff; margin-bottom:.3rem;} .news_press1 .bott .right .group_news .intro_box .tit::after{content:''; position:absolute; bottom:-0.1rem; left:0; width:.96rem; height:.04rem; background:#f4bd3e;} .news_press1 .bott .right .group_news .intro_box .con{font-size:.15rem; line-height:.28rem; margin-bottom:.15rem; color:#fff;} .news_press1 .bott .right .group_news .intro_box .more_btn{display:block; background:#f4bd3e; color:#000; font-weight:bold; font-size:.15rem; line-height:.44rem; width:100%; text-align:center; box-sizing:border-box; border-radius:.06rem;} /* 媒体资源包 */ .news_resource.channel_content{padding:.7rem 0 .3rem;} .news_resource1 .top{margin-bottom:.4rem;} .news_resource1 .top .filter{margin-bottom:.13rem;} .news_resource1 .top .filter .tit{float:left; font-size:.19rem; font-weight:bold; color:#0a1e40; margin-right:.3rem;} .news_resource1 .top .filter ul{float:left;} .news_resource1 .top .filter .item{float:left; font-size:.14rem; line-height:.28rem; color:#000; margin-right:.11rem; cursor:pointer; border:1px solid #d3d3d3; border-radius:.06rem;} .news_resource1 .top .filter .item.cur{font-weight:bold; background:#f4bd3e; } .news_resource1 .top .filter .item>a{display:block; color:#000; padding:0 .2rem; } .news_resource1 .midd .left{float:left; width:19%;} .news_resource1 .midd .left .sect{margin-top:.24rem; background:#fff; border-radius:.06rem; overflow:hidden;} .news_resource1 .midd .left .sect:first-child{margin-top:0;} .news_resource1 .midd .left .sect .hd{background:#0a1e40; padding:0 .24rem;} .news_resource1 .midd .left .sect .hd .icon{float:left; padding-top:.21rem; margin-right:.14rem;} .news_resource1 .midd .left .sect .hd .tit{float:left; font-size:.18rem; line-height:.56rem; color:#fff;} .news_resource1 .midd .left .sect .hd .reset{display:block; float:right; line-height:.56rem; font-size:.14rem; color:#fff; opacity:0.3;} .news_resource1 .midd .left .sect .bd{padding:.15rem .24rem; background:#f7f8fc;} .news_resource1 .midd .left .sect1 .bd .item{position:relative; font-size:.14rem; line-height:.2rem; padding:.08rem 0 .08rem .34rem; color:#000;} .news_resource1 .midd .left .sect1 .bd .item>a{display:block;} .news_resource1 .midd .left .sect1 .bd .item .check{position:absolute; left:0; top:.1rem; height:.14rem; width:.14rem; border:1px solid #cccccc; border-radius:.03rem; transition:all 0.3s ease;} .news_resource1 .midd .left .sect1 .bd .item .check::after{opacity:0; visibility:hidden; content:''; position:absolute; top:50%; left:50%; width:0; height:0; transform:translate(-50%, -50%); background:#f5be2c; border-radius:.02rem; transition:all 0.3s ease;} .news_resource1 .midd .left .sect1 .bd .item.cur .check{border-color:#f5be2c;} .news_resource1 .midd .left .sect1 .bd .item.cur .check::after{opacity:1; visibility:visible; width:.1rem; height:.1rem;} .news_resource1 .midd .right{float:right; width:78.5%;} .news_resource1 .midd .right .right_box{padding:.2rem 0 .6rem; border-top:1px solid #e5e5e5;} .news_resource1 .midd .right .right_box .top_{margin-bottom:.15rem;} .news_resource1 .midd .right .right_box .top_ .num{font-size:.16rem; color:#0a1e40;line-height:.4rem;} .news_resource1 .midd .right .right_box .top_ .select{width:2.22rem; position:relative;} .news_resource1 .midd .right .right_box .top_ .select .tit{background:#f4f4f4; text-align:center; line-height:.4rem; cursor:pointer;} .news_resource1 .midd .right .right_box .top_ .select .count{position:absolute; opacity:0; right:-5px; top:-5px; width:.2rem; height:.2rem; text-align:center; background:#0a1e40; border-radius:50%; color:#fff;} .news_resource1 .midd .right .right_box .top_ .select.other .count{opacity:1;} .news_resource1 .midd .right .right_box .top_ .select .con{display:none; position:absolute; top:100%; width:100%; background:#fff; border-color:transparent; box-sizing:border-box;} .news_resource1 .midd .right .right_box .top_ .select ul{padding:.1rem;} .news_resource1 .midd .right .right_box .top_ .select ul li{position:relative; padding-left:.25rem; cursor:pointer;} .news_resource1 .midd .right .right_box .top_ .select ul li .icon{display:inline-block; width:15px; height:15px; background:url(../img/pro_list01_ico1.png) no-repeat center; background-size:cover; position:absolute; left:0; top:.035rem;} .news_resource1 .midd .right .right_box .top_ .select ul li.cur{color:#0a1e40;} .news_resource1 .midd .right .right_box .top_ .select ul li.cur .icon{background:url(../img/pro_list01_ico2.png) no-repeat center; background-size:cover;} .news_resource1 .midd .right .right_box .top_ .select .btns{text-align:center; margin-bottom:.1rem;} .news_resource1 .midd .right .right_box .top_ .select .btns i{display:inline-block; color:#fff; background:#888; padding:0 .1rem; cursor:pointer;} .news_resource1 .midd .right .right_box .top_ .select.cur .con{border:1px solid #f4f4f4;} .news_resource1 .midd .right .right_box .top_ .viewList{float:right; font-size:.18rem; color:#4d4d4d; line-height:.4rem;} .news_resource1 .midd .right .right_box .top_ .viewList span{cursor:pointer;} .news_resource1 .midd .right .right_box .top_ .viewList span.cur{color:#0a1e40} .news_resource1 .midd .right .right_box .bott_ ul li{float:left; width:48%; margin-right:4%; margin-bottom:.4rem; background:#ffffff; transition:.5s ease; border-radius:.06rem; overflow:hidden; border:1px solid #e5e5e5; box-sizing:border-box;} .news_resource1 .midd .right .right_box .bott_ ul li:nth-child(2n){margin-right:0;} .news_resource1 .midd .right .right_box .bott_ ul.one li{width:100%; margin-right:0;} .news_resource1 .midd .right .right_box .bott_ ul li:hover{background:#fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);} .news_resource1 .midd .right .right_box .bott_ ul li .box{padding:.3rem .5rem .3rem .25rem; } .news_resource1 .midd .right .right_box .bott_ ul li .box .img{float:left; width:.99rem; border-radius:.06rem; overflow:hidden;} .news_resource1 .midd .right .right_box .bott_ ul li .box .intro{float:left; padding-left:5%; width:45%;} .news_resource1 .midd .right .right_box .bott_ ul li .box .intro .tit{font-size:.2rem; color:#000; margin:.15rem 0; line-height:.26rem; max-height:.52rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_resource1 .midd .right .right_box .bott_ ul li .box .intro .con{font-size:.16rem; color:#888;} .news_resource1 .midd .right .right_box .bott_ ul li .box .btn_list{float:right; margin-top:.2rem; font-size:.14rem; line-height:.4rem; width:calc(50% - 1rem);} .news_resource1 .midd .right .right_box .bott_ ul li .box .btn_list a{display:block; padding:0 .15rem; border:1px solid #b8b8b8; line-height:.39rem;color:#454545;} .news_resource1 .midd .right .right_box .bott_ ul li .box .btn_list .btn1{margin-bottom:.13rem; background:#0a1e40; color:#fff; border-color:#0a1e40; border-radius:.06rem; text-align:left;} .news_resource1 .midd .right .right_box .bott_ ul li .box .btn_list .btn1:hover{color:#000; background:#f7b400; border-color:#f7b400;} .news_resource1 .midd .right .right_box .bott_ ul li .box .btn_list .btn2{border-radius:.06rem;} .news_resource1 .midd .right .right_box .bott_ ul li .box .btn_list .btn2:hover{border-color:#0a1e40;} .news_resource1 .midd .right .right_box .bott_ ul li .box .btn_list .btn2.disabled{background:#e5e5e5;} .news_resource1 .midd .right .right_box .bott_ ul li .box .btn_list .btn2.disabled:hover{border-color:#e5e5e5;} .news_resource1 .midd .left .first_li .icon{background:url(../img/jia.png) no-repeat center; background-size:contain;} .news_resource1 .midd .left .first_li.cur .icon{background:url(../img/jian.png) no-repeat center; background-size:contain;} /* .news_resource1 .midd .right .right_box .bott_ ul li .box .btn_list .btn1 i{font-size:0; width:15px; height:14px; background:url(../img/icon_download_01.png) no-repeat center; margin-right:9px;} .news_resource1 .midd .right .right_box .bott_ ul li .box .btn_list .btn2 i{font-size:0; width:18px; height:18px; background:url(../img/icon_download_02.png) no-repeat center; margin-right:9px} */ .news_resource1 .midd .right .right_box .bott_ ul.one li{margin-bottom:20px;} .news_resource1 .midd .right .right_box .bott_ ul.one li .box .img{display:none;} .news_resource1 .midd .right .right_box .bott_ ul.one li .box .intro{padding-left:0;} .news_resource1 .midd .right .right_box .bott_ ul.one li .box .intro .tit{display:inline-block; margin:0 10px 0 0;} .news_resource1 .midd .right .right_box .bott_ ul.one li .box .intro .con{display:inline-block; margin-right:10px;} .news_resource1 .midd .right .right_box .bott_ ul.one li .box .btn_list{margin-top:0;} .news_resource1 .midd .right .right_box .bott_ ul.one li .box .btn_list a{display:inline-block; margin-left:20px; margin-bottom:0;} .widgets_common_pages_2{font-size:16px; color:#3d3d3d; text-align:left;} .widgets_common_pages_2 a,.widgets_common_pages_2 span { color:#3d3d3d; display: inline-block;vertical-align: middle;margin: 0 5px 0; width:30px; height:30px; text-align:center; line-height:30px;border-radius:50%;} .widgets_common_pages_2 .goprev{margin-right: 10px;} .widgets_common_pages_2 .gonext,.widgets_common_pages_2 .count {margin-left: 10px; } .widgets_common_pages_2 .gonext{font-weight:bold; color:#ababab;} .widgets_common_pages_2 a.gonext{border-radius:0;} .widgets_common_pages_2 a.gonext:hover{background:transparent; color:#0a1e40} .widgets_common_pages_2 a.goprev{border-radius:0;} .widgets_common_pages_2 a.goprev:hover{background:transparent; color:#0a1e40} .widgets_common_pages_2 a:hover,.widgets_common_pages_2 span{color:#fff; background: #0a1e40; } .widgets_common_pages_2 span.goprev,.widgets_common_pages_2 span.gonext {color:#3d3d3d; background: none; font-weight:bold; color:#ababab;} .widgets_common_pages_2 span.count { border: 0;background: 0;color:#3d3d3d; width:auto;} @media only screen and (max-width: 760px){ .widgets_common_pages_2 a, .widgets_common_pages_2 span{display:none;} .widgets_common_pages_2 .goprev, .widgets_common_pages_2 .gonext,.widgets_common_pages_2 span.count{display:inline-block;} } .news_resource1 .bott{position:fixed; left:0; bottom:-100%; width:100%; z-index:5; transition:.5s ease;} .news_resource1 .bott.show{bottom:.2rem;} .news_resource1 .bott .content{box-shadow: 0 0 5px 0 rgba(0,0,0,.2); background:#fff; border-radius:.06rem; overflow:hidden;} .news_resource1 .bott .content .box{padding:.2rem .3rem; background:#f7f8fc; } .news_resource1 .bott .content .box .top_{border-bottom:1px solid #999; padding-bottom:.05rem; margin-bottom:.2rem;} .news_resource1 .bott .content .box .top_ .tit{font-size:.2rem; color:#000; margin-right:.2rem; line-height:.3rem; font-weight:bold;} .news_resource1 .bott .content .box .top_ .con{line-height:.3rem; color:#000;} .news_resource1 .bott .content .box .top_ .con .num{margin-right:.1rem;} .news_resource1 .bott .content .box .top_ .close{cursor:pointer;} .news_resource1 .bott .content .box .bott_ .left{float:left; padding:0 2%; position:relative;} .news_resource1 .bott .content .box .bott_ .left .carousel_box{width:620px; overflow:hidden;} .news_resource1 .bott .content .box .bott_ .left .carousel{padding-top:10px; white-space:nowrap; position:relative; transition:.5s ease;} .news_resource1 .bott .content .box .bott_ .left .item{display:inline-block; vertical-align:top; border:1px solid #999; position:relative; width:50px; margin-right:10px; border-radius:.06rem;} .news_resource1 .bott .content .box .bott_ .left .item img{border-radius:.06rem;} .news_resource1 .bott .content .box .bott_ .left .item .close{cursor:pointer; position:absolute; width:.14rem; height:.14rem; right:-0.07rem; top:-0.07rem; background:url(../img/icon_delete_01.png) no-repeat center; background-size:cover;} .news_resource1 .bott .content .box .bott_ .left .nav_prev{ cursor:pointer; position:absolute; left:0; top:50%; margin-top:-23px; width:12px; height:30px; background:url(../img/nav_prev.png) no-repeat center; transition:all 0.5s ease;} .news_resource1 .bott .content .box .bott_ .left .nav_prev:hover{background-image:url(../img/nav_prev_1.png);} .news_resource1 .bott .content .box .bott_ .left .nav_next{cursor:pointer; position:absolute; right:0; top:50%; margin-top:-23px; width:12px; height:30px; background:url(../img/nav_next.png) no-repeat center; transition:all 0.5s ease;} .news_resource1 .bott .content .box .bott_ .left .nav_next:hover{background-image:url(../img/nav_next_1.png);} .news_resource1 .bott .content .box .bott_ .left .delAll{margin-top:.1rem; cursor:pointer;} .news_resource1 .bott .content .box .bott_ .left .delAll i{display:inline-block; vertical-align:middle; width:.14rem; height:.14rem; background:url(../img/icon_delete_01.png) no-repeat center; background-size:cover;} .news_resource1 .bott .content .box .bott_ .right{float:right;width:15%; padding-top:.2rem;} .news_resource1 .bott .content .box .bott_ .right a{display:inline-block; padding:0 .3rem; line-height:.46rem;color:#fff; background:#0a1e40; border-radius:.06rem;} .news_resource1 .bott .circle{position:fixed; cursor:pointer; z-index:5; opacity:0; bottom:-100%; transform: translateY(40px); transition:.5s ease; font-weight:normal; text-align:center; width:120px; height:120px; background:#0a1e40; border-radius:50%; overflow:hidden; color:#fff; bottom:.5rem; right:2%;} .news_resource1 .bott .circle .tit{padding-top:.2rem;} .news_resource1 .bott .circle .tit span{font-size:.16rem; margin-right:2px;} .news_resource1 .bott .circle .con{margin:3px 0;} .news_resource1 .bott .circle .txt{border-top:1px solid #fff; margin:0 20px;} .news_resource1 .bott .circle.show{bottom:.5rem; opacity:1; transform: translateY(0);} /* 没有上半部分的足部 */ .footer.noTop .f_top{display:none;} /* 应用场景 */ .application{padding-top:.8rem; } .application .title{font-size:.46rem; line-height:.54rem; font-weight:bold; color:#0a1e40 ;} .application01{margin-bottom:.8rem; z-index:2; position:relative;} .application01 .top{text-align:center; margin-bottom:.6rem;} .application01 .top .title{margin-bottom:.25rem;} .application01 .top .con{font-size:.24rem; line-height:.33rem; color:#000000;} .application01 .bott .c_video{max-width:100%; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; display:block;} .application02{margin-bottom:.6rem;} .application02 .content{font-size:0; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -o-flex-wrap:wrap; flex-wrap:wrap;} .application02 .item{width:23.8%; margin-right:1.6%; margin-bottom:.5rem;} .application02 .item:nth-child(4n){margin-right:0;} .application02 .item .img{border-radius:.05rem;} .application02 .item .rect-5607{padding-bottom:56.07%;} .application02 .item .words{margin-top:.25rem;} .application02 .item .words .tit{font-size:.24rem; line-height:.33rem; color:#000000; margin-bottom:.15rem;} .application02 .item .words .con{font-size:.15rem; line-height:.28rem; color:#000000; text-align:justify;} .application03{padding:.8rem 0 .5rem; background:url(../img/application03_bg.jpg) no-repeat center/cover; margin-bottom:.8rem;} .application03 .title{color:#fff; text-align:center; margin-bottom:.3rem;} .application03 .swiper-slide{width:32.4%; margin-right:1.4%; display:inline-block; background:#fff;} .application03 .rect-5625{padding-bottom:56.25%;} .application03 .swiper-slide .box{padding:.3rem;} .application03 .swiper-slide .box .tit{width:80%; font-size:.24rem; color:#666; font-weight:bold; line-height:.33rem; height:.66rem; overflow:hidden;} .application03 .swiper-slide .box .list{font-size:.15rem; color:#8b8b8b; line-height:.28rem; margin:.1rem 0; } .application03 .swiper-slide .box .list ul li{float:left; margin-right:.2rem; border:1px solid #8b8b8b; padding:0 .05rem;} .application03 .swiper-slide .box .con{font-size:16px; color:#353333; line-height:.28rem; height:.56rem; height:0; overflow:hidden;} .application03 .swiper-slide .box .more{float:right; color:#353333;} .application03 .swiper-slide .li_line{width:0; height:.05rem; background:#ffcc32; position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .application03 .swiper-slide:hover .li_line{width:100%;} .application03 .swiper-container .swiper-pagination{position:relative; margin-top:.5rem;} .application03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .07rem; width:.7rem; height:3px; background:rgba(255,255,255,0.5); border-radius:0; opacity:1;} .application03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ffcc32;} .application04{margin-bottom:.8rem;} .application04 .content .title{text-align:center; margin-bottom:.3rem;} .application04 .content .products{position:relative;} .application04 .content .products .item{position:relative; display:inline-block; box-sizing:border-box; width:19.2%; margin-right:1%; height:4.2rem; padding:.25rem; background:#fff; transition:all 0.5s ease; border:1px solid #e3e3e3;} .application04 .content .products .item .img_box{height:2rem; display:flex; align-items:center; justify-content:space-around;} .application04 .content .products .item .img_box img{max-height:90%;} .application04 .content .products .item .intro_box{text-align:center; margin-bottom:.25rem;} .application04 .content .products .item .intro_box .tit{font-size:.28rem; line-height:.34rem; color:#0a1e40; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;} .application04 .content .products .item .intro_box .con{font-size:.15rem; line-height:.2rem; color:#1d1d1d;} .application04 .content .products .item .ibott .box1{display:block;} .application04 .content .products .item .ibott .box1 table{width:100%; font-size:.14rem; color:#0a1e40;} .application04 .content .products .item .ibott .box1 table td{padding:0 .2rem; line-height:.36rem;} .application04 .content .products .item .ibott .box1 table tr:first-child{background:#f6f6f6;} .application04 .content .products .item .ibott .box2{display:none;} .application04 .content .products .item .ibott .box2 .inquiry_btn{display:block; background:#ffcc32; text-align:center; font-size:.16rem; line-height:.45rem; color:#000;} .application04 .content .products .item .ibott .box2 .links{font-size:0; text-align:center; margin-top:.2rem;} .application04 .content .products .item .ibott .box2 .links a{position:relative; font-size:.16rem; padding:0 .08rem;} .application04 .content .products .item .ibott .box2 .links a::after{content:''; position:absolute; right:0; top:50%; height:.12rem; margin-top:-0.06rem; width:1px; background:#333;} .application04 .content .products .item .ibott .box2 .links a:first-child{padding-left:0;} .application04 .content .products .item .ibott .box2 .links a:last-child{padding-right:0;} .application04 .content .products .item .ibott .box2 .links a:last-child::after{display:none;} .application04 .content .products .item:hover{box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23);} .application04 .content .products .item:hover .ibott .box1{display:none;} .application04 .content .products .item:hover .ibott .box2{display:block;} .application04 .content .products .item.new::after{content:''; position:absolute; left:.2rem; top:.2rem; width:.46rem; height:.46rem; background:url(../img/ipart01_right_icon_2.png) no-repeat center/cover;} .application04 .content .products .btns{position:absolute; top:50%; transform:translateY(-50%) translateX(100%); right:-0.2rem; background:none; font-size:.4rem; line-height:1; width:auto; height:auto; margin-top:0;} .application04 .content .products .btns.swiper-button-prev{right:auto; left:-0.2rem; transform:translateY(-50%) translateX(-100%);} .application04 .content .products .btns i{margin:0;} /* 手机端产品部分 */ .application04 .m_products{display:none;} .application05{position:relative; overflow:hidden;} .application05 .bg img{width:100%;} .application05 .content{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); text-align:center;} .application05 .content .words .title{color:#fff;} .application05 .content .words .con{font-size:.24rem; line-height:.33rem; margin:.15rem 0 .5rem; color:#fff;} .application05 .content .words .more_btn{display:inline-block; border:1px solid #fff; font-size:.15rem; line-height:.6rem; padding:0 .9rem; color:#fff;} .application05 .content .words .more_btn:hover{background:#ffcc32; color:#000; border-color:#ffcc32;} /* 20231106wangqz社交媒体 */ .social_media.channel_content{padding:.7rem 0 0;} .social_media .infor{text-align:center; margin-bottom:.6rem;} .social_media .infor .tit{position:relative; color:#063f87; font-weight:bold; margin-bottom:.5rem;} .social_media .infor .tit::after{content:''; position:absolute; bottom:-0.25rem; left:50%; width:.94rem; margin-left:-0.47rem; height:.04rem; background:#f7b400;} .social_media .infor .con{font-size:.18rem; color:#000;} .sj_media02{padding-bottom:.9rem;} .sj_media02 .content ul{margin-left:-1.5%; margin-top:-1.5%;} .sj_media02 .content li{float:left; width:15.15%; margin-left:1.5%; margin-top:1.5%; position:relative; overflow:hidden; border-radius:.05rem;} .sj_media02 .content li .li{transition:all .3s; background:#f6f6f8;} .sj_media02 .content li .box{padding:.5rem .3rem .4rem;;} .sj_media02 .content li .box .img_{margin-bottom:.3rem; width:.55rem;} .sj_media02 .content li .box .intro .t{font-size:.26rem; font-weight:bold; color:#063f87; margin-bottom:.05rem;} .sj_media02 .content li .box .intro .c{font-size:.15rem; color:#656565;} .sj_media02 .content li:hover .li{opacity:0; visibility:hidden; -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8);} .sj_media02 .content li:hover .li_hover{opacity:1; visibility:visible; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);} .sj_media02 .content li .li_hover{position:absolute; opacity:0; visibility:hidden; overflow:hidden; width:100%; height:100%;left:0;top:0;z-index:2;-webkit-transform:scale(1.333,1.333); -ms-transform:scale(1.333,1.333); transform:scale(1.333,1.333); transition:all .3s ease; } .sj_media02 .content li .li_hover .img{width:35%; margin:15% auto;} .sj_media02 .content li .li_hover .t{text-align:center; font-size:.16rem; color:#656565;} .sj_media02 .content li.noewm:hover .li{opacity:1; visibility:visible; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);} .sj_media02 .content li.noewm:hover .li_hover{opacity:0; visibility:hidden;} /* 字体规范 */ /* .tit46{font-size:.46rem; line-height:.54rem;} */ .tit36{font-size:.36rem; line-height:.46rem;} .tit24{font-size:.24rem; line-height:.33rem;} .con15{font-size:.17rem; line-height:.3rem; color:#5b5b5b;} .tit46{font-size:.4rem; line-height:.5rem;} /* 投资者关系 */ .investor{padding:.7rem 0 .9rem;} .investor .title{font-weight:bold; color:#063f87;} .investor01 .common_tit{margin-bottom:.6rem;} .investor01 .infor .con{color:#747474; text-align:center; width:81.7%; margin:0 auto;} .investor01 .content{margin-top:.55rem; padding:.45rem 6.1%; padding-right:4%; color:#fff; background:#0a1e40 url(../img/investor01_bg01.png) no-repeat ; background-position:4% bottom; background-size:contain; overflow:hidden; border-radius:.06rem;} .investor01 .content .box{display:flex; align-items:center; } .investor01 .content .left{width:36.5%; } .investor01 .content .left .top_num{font-size:0;} .investor01 .content .left .top_num>div{display:inline-block; vertical-align:bottom;} .investor01 .content .left .top_num .num01{font-size:1rem; line-height:1; font-weight:bold;} .investor01 .content .left .top_num .num02{font-size:.27rem; line-height:.4rem; margin-left:.3rem; position:relative; padding-right:.3rem;} .investor01 .content .left .top_num .num02::after{content:'▲'; position:absolute; top:40%; right:0; font-size:.16rem; color:#c71020; line-height:1; animation:beating 3s linear infinite; -webkit-animation:beating 3s linear infinite;} .investor01 .content .left .top_num .num02.down::after{content:'▼'; color:#00cc0a;} .investor01 .content .left .center_name{font-size:.2rem; line-height:.28rem; color:#f5be2c; margin:.15rem 0 .3rem;} .investor01 .content .bott_tit{opacity:.3; color:#787878;} .investor01 .content .bott_tit span{display:block;} .investor01 .content .bott_tit span p{display:inline-block;} .investor01 .content .right{width:63.5%; } .investor01 .content .right .item{float:left; width:25%; text-align:center; position:relative;} .investor01 .content .right .item::after{content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:rgba(255,255,255,0.2);} .investor01 .content .right .item:last-child::after{width:0;} .investor01 .content .right .item .area{display:inline-block; text-align:left;} .investor01 .content .right .item .area .t{font-size:.17rem; line-height:.28rem; color:#ffffff;} .investor01 .content .right .item .area .c{font-size:.52rem; line-height:1; color:#ffffff; font-weight:bold; margin-top:.1rem;} .investor01 .m_show{display:none;} .investor02{padding-top:.95rem;} .investor02 .content{display:flex; align-items:baseline; justify-content:space-between; position:relative;} .investor02 .content::after{content:''; position:absolute; left:50%; top:0; height:105%; width:1px; background:#ebecec;} .investor02 .item{width:44.8%;} .investor02 .item .top_box{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:.45rem;} .investor02 .item .top_box .more{color:#2b2e2e;} .investor02 .item .top_box .more i{color:#145cd7; vertical-align:baseline;} .investor02 .left .bott{border:1px solid #dddddd; border-radius:.06rem; height:4.56rem;} .investor02 .left .bott .kmap{width:100%; height:100%;} .investor02 .right .bott li{margin-bottom:.18rem; padding:.13rem 0 .12rem; font-size:0;} .investor02 .right .bott li:last-child{margin-bottom:0; padding-bottom:0;} .investor02 .right .bott li>div{display:inline-block; vertical-align:text-top;} .investor02 .right .bott li .num{font-size:.13rem; line-height:.22rem; text-align:center; width:.22rem; border-radius:.06rem; background:#f5be2c; color:#000000;} .investor02 .right .bott li .infor{margin:0 .2rem; width:calc(100% - 1.1rem);} .investor02 .right .bott li .infor .tit{display:block; font-size:.18rem; line-height:.25rem; color:#000; position:relative;} .investor02 .right .bott li .infor .tit::after{display:block; content:attr(title); font-weight:bold; visibility:hidden; height:1px; color:rgba(255,255,255,0); margin-bottom:-1px; overflow:hidden;} .investor02 .right .bott li .infor .time{font-size:.13rem; line-height:.2rem; color:#f5be2c; margin-top:.1rem;} .investor02 .right .bott li .down{width:.45rem; height:.45rem; border:1px solid #8e8e8e; border-radius:50%; transition:all .3s ease;} .investor02 .right .bott li .down a{display:flex; align-items:center; justify-content:space-around; text-align:center; color:#8e8e8e; height:100%; transition:all .3s ease;} .investor02 .right .bott li .down .xgicon{margin:0 auto; font-size:.14rem;} .investor02 .right .bott li .down .t{font-size:.12rem; line-height:1; margin-top:.05rem; } .investor02 .right .bott li:hover .infor .tit{font-weight:bold; color:#063f87;} .investor02 .right .bott li:hover .down{border-color:#0a1e40;} .investor02 .right .bott li:hover .down a{color:#0a1e40;} .investor03{margin-top:.9rem; padding:.7rem 0; background:#f8f8f8;} .investor03 .title{text-align:center; margin-bottom:.1rem;} .investor03 .content .hd{border-bottom:1px solid #d3d3d3; position:relative; overflow:hidden;} .investor03 .content .hd::before{content:''; position:absolute; width:25.6%; left:0; top:0; height:100%; background:linear-gradient(to right,#f8f8f8 56%,rgba(248,248,248,0)); z-index:2;} .investor03 .content .hd::after{content:''; position:absolute; width:25.6%; right:0; top:0; height:100%; background:linear-gradient(to left,#f8f8f8 56%,rgba(248,248,248,0)); z-index:2;} .investor03 .content .hd .swiper{width:7.56rem; margin:0 auto; } .investor03 .content .hd .swiper .swiper-container{overflow:visible;} .investor03 .content .hd .swiper .swiper-slide{width:1.08rem;} .investor03 .content .hd .swiper .swiper-slide .year{text-align:center; position:relative; height:.6rem; line-height:.6rem; cursor:pointer; color:#2a2a2a;} /* .investor03 .content .hd .swiper .swiper-slide-active .year{color:#0a1e40;} .investor03 .content .hd .swiper .swiper-slide.swiper-slide-active .year::after{position:absolute; bottom:0; width:100%; height:.03rem; background:#f5be2c; content:''; left:0;} */ .investor03 .content .hd .swiper .swiper-slide.cur .year{color:#063f87; font-weight:bold;} .investor03 .content .hd .swiper .swiper-slide.cur .year::after{position:absolute; bottom:0; width:100%; height:.03rem; background:#f5be2c; content:''; left:0;} .investor03 .content .bd{margin-top:.55rem;} .investor03 .content .bd .left{width:39.6%; float:left;} .investor03 .content .bd .left .rect-5608{padding-bottom:56.08%;} .investor03 .content .bd .left .rect-5608 .text_box{position:absolute; top:55%; left:.4rem; transform:translateY(-50%);} .investor03 .content .bd .left .rect-5608 .text_box .t{font-size:.41rem; color:#fff; line-height:.41rem; margin-bottom:.2rem; font-weight:bold;} .investor03 .content .bd .left .rect-5608 .text_box .c{font-size:.33rem; color:#fff; line-height:.33rem; margin-bottom:.5rem;} .investor03 .content .bd .left .rect-5608 .text_box .more{width:1.55rem; height:.45rem; background:#f5be2c; text-align:center; border-radius:.06rem;} .investor03 .content .bd .left .rect-5608 .text_box .more a{display:inline-block; font-size:.16rem; line-height:.45rem; text-align:center; color:#000000; font-weight:bold;} .investor03 .content .bd .left .rect-5608 .text_box .more:hover{opacity:.95;} .investor03 .content .bd .right{float:right; width:55.2%;} .investor03 .content .bd .right .item_list .item{width:48%; margin-right:4%; float:left; border-top:1px solid #dadada; padding-bottom:.27rem; padding-top:.25rem;} .investor03 .content .bd .right .item_list .item:nth-child(2n){margin-right:0;} .investor03 .content .bd .right .item_list .item.item01{padding-top:0; border-top:0;} .investor03 .content .bd .right .item_list .item.item02{padding-top:0; border-top:0;} .investor03 .content .bd .right .item_list .item .left_{float:left; max-width:calc(100% - .3rem);} .investor03 .content .bd .right .item_list .item .left_ .left_t{color:#000; font-size:.18rem; line-height:.3rem; transition:all .3s ease; position:relative;} .investor03 .content .bd .right .item_list .item .left_ .left_t::before{display:block; content:attr(title); font-weight:bold; visibility:hidden; height:1px; color:transparent; margin-bottom:-1px; overflow:hidden;} .investor03 .content .bd .right .item_list .item .left_ .left_b{color:#f5be2c; line-height:.2rem; font-size:.13rem;} .investor03 .content .bd .right .item_list .item:hover .left_ .left_t{color:#063f87; font-weight:bold;} .investor03 .content .bd .right .item_list .item .right_{float:right; padding-top:.16rem;} .investor03 .content .bd .right .item_list .item .right_ a{display:block;} .investor03 .content .bd .right .item_list .item .right_ .xgicon{font-size:.18rem; color:#d5d5d5; font-weight:bold;} .investor04{padding-top:.8rem;} .investor04 li{float:left; width:18.8%; margin-right:1.5%; position:relative;} .investor04 li:nth-child(5n){margin-right:0;} .investor04 li .bg{width:100%; border-radius:.06rem; overflow:hidden;} .investor04 li .rect-458{padding-bottom:45.8%;} .investor04 li .box{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; text-align:center; font-size:0;} .investor04 li .box>div{display:inline-block; vertical-align:middle;} .investor04 li .box .icon img{max-width:.4rem;} .investor04 li .box .t{font-weight:bold; color:#fff; margin-left:.2rem;} .investor04 li:hover .bg 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);} /* 上下跳动 */ @keyframes beating { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 33% { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } 66% { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } /* 查找经销商 */ .distributor01{position:relative; padding-bottom:.6rem;} .distributor01::after{content:''; position:absolute; bottom:0; height:1.5rem; left:0; width:100%; background:linear-gradient(to top,#fff 50%,rgba(255,255,255,0)); z-index:3;} .distributor01 .right{position:relative; float:right; width:61.35%; z-index:1; height:8.9rem!important;} .distributor01 .left{position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;} .distributor01 .left .content{width:calc(35.3% + 2px);} .distributor01 .left .content .top{margin-bottom:.15rem; width:91.7%;} .distributor01 .left .content .top .title{font-weight:bold; color:#063f87; margin-bottom:.28rem; padding-top:.45rem; box-sizing:border-box;} .distributor01 .left .content .top .line{margin-bottom:.15rem;} .distributor01 .left .content .top .line01 .sel_item{float:left; position:relative; width:50%; background:#063f87; cursor:pointer; color:#ffffff; border-radius:.06rem;} .distributor01 .left .content .top .line01 .sel_item .sel_box{padding:.15rem 8%; padding-right:6.5%;} .distributor01 .left .content .top .line .sel_item .item_l{font-size:.16rem; line-height:.3rem;} .distributor01 .left .content .top .line .sel_item .item_r{position:absolute; right:13%; top:50%; transform:translateY(-50%); font-size:.13rem; font-weight:bold;} .distributor01 .left .content .top .line .sel_item .item_r i{transition:all .5s ease; font-weight:bold; margin:0;} .distributor01 .left .content .top .line .sel_item .item_down{display:none; position:absolute; top:100%; left:0; width:100%; background:#fff; box-shadow:0px 7px 15px 0px rgb(0 0 0 / 10%); z-index:10; padding-left:.2rem; box-sizing:border-box; color:#5b5b5b;} .distributor01 .left .content .top .line .sel_item .item_down ul{max-height:4rem; overflow:auto; scrollbar-width:thin; scrollbar-color:#0a1e40 rgba(10, 30, 64, 0);} .distributor01 .left .content .top .line .sel_item .item_down ul::-webkit-scrollbar{width:2px; height:4px;} .distributor01 .left .content .top .line .sel_item .item_down ul::-webkit-scrollbar-thumb{background:#0a1e40;} .distributor01 .left .content .top .line .sel_item .item_down ul::-webkit-scrollbar-track{background:#ffffff;} .distributor01 .left .content .top .line .sel_item .item_down li{line-height:1.4; padding:.1rem 1em; cursor:pointer;} .distributor01 .left .content .top .line .sel_item .item_down li:hover{color:#063f87;} .distributor01 .left .content .top .line .sel_item.cur .item_r i{transform:rotate(180deg);} .distributor01 .left .content .top .line01 .sel_item02{width:46%; margin-left:4%; background:#f0f0f0; color:#000;} .distributor01 .left .content .top .line01 .sel_item02 .item_down{left:auto; right:0; width:auto; padding-left:0;} .distributor01 .left .content .top .line01 .sel_item02 .item_down .box>div{min-width:1.73rem; background-color:#f6f6f6; padding:.24rem 0 .04rem 0; box-sizing:border-box; display:none;} .distributor01 .left .content .top .line01 .sel_item02 .item_down .box{display:flex;} .distributor01 .left .content .top .line01 .sel_item02 .item_down ul{max-height:5.08rem;} .distributor01 .left .content .top .line01 .sel_item02 .item_down li.active{color:#063f87; background:#fff;} .distributor01 .left .content .top .line .input_item{position:relative; padding:.11rem 13% .1rem; padding-left:.4rem; background:#fff; border-radius:.06rem; overflow:hidden; box-sizing:border-box; border:2px solid #000;} .distributor01 .left .content .top .line .input_item input{font-size:.16rem; line-height:.35rem; width:100%; padding:0; margin:0; background:none;border:none;} .distributor01 .left .content .top .line .input_item input:-moz-placeholder{color:#000;} .distributor01 .left .content .top .line .input_item input::-webkit-input-placeholder{color:#000;} .distributor01 .left .content .top .line .input_item input:-ms-input-placeholder{color:#000;} .distributor01 .left .content .top .line .input_item .search_btn{position:absolute; font-size:.2rem; right:.3rem; top:50%; transform:translateY(-50%); background:none; border:none; outline:none; padding:0; cursor:pointer; color:#0a1e40; font-weight:bold;} .distributor01 .left .content .top .line .input_item .search_btn i{margin:0; display:block;} .distributor01 .left .content .midd{margin-bottom:.1rem;} .distributor01 .left .content .midd .tit{font-size:.16rem; line-height:.4rem; color:#000;} .distributor01 .left .content .midd .tit span{color:#ca2232;} .distributor01 .left .content .bott ul{height:5.6rem; overflow-y:auto; padding-right:.5rem;} .distributor01 .left .content .bott .item{padding:.27rem .28rem .24rem; background:#fafafa; margin-bottom:.15rem; border-radius:.1rem;} .distributor01 .left .content .bott .item:nth-child(2n){background:#fff;} .distributor01 .left .content .bott .item:last-child{margin-bottom:1rem;} .distributor01 .left .content .bott .item .box{position:relative;} .distributor01 .left .content .bott .item .tit{font-size:.2rem; margin-bottom:.15rem; color:#000; font-weight:bold;} .distributor01 .left .content .bott .item .con{font-size:.16rem; line-height:.24rem; color:#8f8f8f; margin-bottom:.35rem;} .distributor01 .left .content .bott .item .con .line{margin-bottom:.02rem;} .distributor01 .left .content .bott .item .btns .action_btn{width:.4rem; height:.4rem; line-height:.4rem; margin-right:.13rem; border-radius:50%; color:#000000; background:#f5be2c; text-align:center; display:inline-block; transition:all .5s ease;} .distributor01 .left .content .bott .item .btns .action_btn i{font-size:.2rem; margin:0; line-height:.4rem;} .distributor01 .left .content .bott .item .btns .action_btn:hover{background:#063f87;} .distributor01 .left .content .bott .item .btns .action_btn:hover i{color:#ffffff;} .distributor01 .left .content .bott .item .type{position:absolute; bottom:0; right:0; display:none;} .distributor01 .left .content .bott .item .type>div{display:inline-block; vertical-align:text-bottom;} .distributor01 .left .content .bott .item .type .c{font-size:.14rem; color:#252b33; line-height:.2rem; margin-left:.1rem;} .distributor01 .left .content .bott ul::-webkit-scrollbar{width:10px; height:10px;} .distributor01 .left .content .bott ul::-webkit-scrollbar-thumb{border-radius:5px; box-shadow:inset 0 0 10px 10px #838383; border-left:solid 6px transparent;} .distributor01 .left .content .bott ul::-webkit-scrollbar-track{border-radius:5px; background:rgba(0, 0, 0, 0); box-shadow:inset 0 0 10px 10px #e8e8e8; border-right:solid 9px transparent;} .distributor01 .left .content .bott .item:hover .tit{color:#063f87;} /* 登录注册 */ .login{position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:999; display:none;} .login_bg{position:fixed; left:0; top:0; width:100vw; height:100vh; background:url(../img/black.6.png); z-index:990; display:none;} .login_bg{background:rgba(0,0,0,.7); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);} .login .close_btn{position:absolute; top:50%; left:50%; color:#fff; font-size:.24rem; cursor:pointer; border-radius:50%; z-index:11; margin-top:-3.1rem; margin-left:5.6rem; } .login .login_box{box-sizing:border-box; width:11.2rem; height:5.6rem; background-color:#fff; border-radius:.06rem; overflow:hidden; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex;} .login .login_box .login_left{height:100%; width:100%; flex:1 4 auto; background:url(../img/login_left.jpg) no-repeat 50%; background-size:cover;} .login .login_box .login_right{height:100%; width:100%; flex:1 5 auto; padding-top:5%;} .login .login_box .login_right .log_content{width:300px; margin:0 auto; height:auto;} .login .log_content .top .logo img{width:1.2rem; height:auto;} .login .log_content .top .title{font-size:20px; margin-top:.1rem; font-weight:lighter;} .login .log_content .bott{margin-top:.2rem;} /* 切换 */ .login .log_content .bott .tab_box{display:flex; justify-content:space-around;} .login .log_content .bott .tab_box .tab_item{color:#999; font-size:.18rem; cursor:pointer; margin:.06rem 0; position:relative; line-height:.3rem; padding-bottom:.1rem; } .login .log_content .bott .tab_box .tab_item::after{content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:.5rem; height:.04rem; border-radius:.02rem; background:rgba(0,71,157,0.2); opacity:0;} .login .log_content .bott .tab_box .tab_item.on{color:#333;} .login .log_content .bott .tab_box .tab_item.on::after{opacity:1;} /* 表单 */ .login .log_content .bott .form_box .ipt_box{width:100%; position:relative; height:40px; border-radius:.06rem; border:1px solid #c2c2c2; margin-top:.15rem; box-sizing:border-box;} .login .log_content .bott .form_box .ipt_box input{border:none; margin:1px .12rem; font-size:14px; height:36px; padding:0; background:none;} /* 协议 */ .login .log_content .bott .form_box .agreement{margin-top:.12rem; color:#5b5b5b; display:flex; align-items:center;} .login .log_content .bott .form_box .agreement .check{position:relative; height:.14rem; width:.14rem; border:1px solid #333333; border-radius:.03rem; transition:all 0.3s ease; display:block; margin-right:.05rem; cursor:pointer;} .login .log_content .bott .form_box .agreement .check::after{opacity:0; visibility:hidden; content:''; position:absolute; top:50%; left:50%; width:0; height:0; transform:translate(-50%, -50%); background:#f5be2c; border-radius:.02rem; transition:all 0.3s ease;} .login .log_content .bott .form_box .agreement .protocol{cursor:pointer; display:inline-block; border-bottom:1px solid #5b5b5b; margin:0 .05rem;} .login .log_content .bott .form_box .agreement.cur .check{border-color:#f5be2c;} .login .log_content .bott .form_box .agreement.cur .check::after{opacity:1; visibility:visible; width:.1rem; height:.1rem;} /* 提交按钮 */ .login .log_content .bott .form_box .login_btn{width:100%; height:.4rem; border-radius:.08rem; background-color:#0a1e40; color:#fff; font-size:.18rem; line-height:.4rem; margin:.3rem 0; cursor:pointer; text-align:center;} .login .log_content .bott .form_box .regin_btn{width:100%; height:.4rem; border-radius:.08rem; background-color:#0a1e40; color:#fff; font-size:.18rem; line-height:.4rem; margin:.3rem 0; cursor:pointer; text-align:center;} .login .log_content .bott .form_box .passwordlogin_btn{width:100%; height:.4rem; border-radius:.08rem; background-color:#0a1e40; color:#fff; font-size:.18rem; line-height:.4rem; margin:.3rem 0; cursor:pointer; text-align:center;} /* 电话input */ .login .log_content .bott .form_box .ipt_box.tel_ .flag{width:26px; height:auto; margin:10px 5px 0 12px;} .login .log_content .bott .form_box .ipt_box.tel_ .t{margin:1px 0; font-weight:600; line-height:36px;} .login .log_content .bott .form_box .ipt_box.tel_ .tel_inp{width:calc(100% - 110px);} /* 验证码input */ .login .log_content .bott .form_box .ipt_box.yzm_ .yzm_inp{width:calc(100% - 130px);} .login .log_content .bott .form_box .ipt_box.yzm_ .msg_code{color:#0a1e40; margin:10px; cursor:pointer; line-height:20px;} /* 密码input */ .login .log_content .bott .form_box .ipt_box.psw_ .psw_inp{width:calc(100% - 65px);} .login .log_content .bott .form_box .ipt_box.psw_ .icon{margin:12px; cursor:pointer;} .login .log_content .bott .form_box .ipt_box.psw_ .icon img{width:15px; height:auto;} .login .log_content .bott .form_box .ipt_box.psw_ .icon .img01{display:block;} .login .log_content .bott .form_box .ipt_box.psw_ .icon .img02{display:none;} .login .log_content .bott .form_box .ipt_box.showNum .icon .img01{display:none;} .login .log_content .bott .form_box .ipt_box.showNum .icon .img02{display:block;} .login .log_content .bott .pwd_form{display:none;} /* 忘记密码按钮 */ .login .log_content .bott .pwd_form .forget{margin-top:.12rem; text-decoration:underline; cursor:pointer; color:#f5be2c;} /* 找回密码 */ .login .log_content .bott .find_pwd{display:none;} .login .log_content .bott .find_pwd .tab_box{justify-content:flex-start;} .login .log_content .bott .find_pwd .tab_box .iconfont{margin-left:0; font-size:.24rem; line-height:1; color:#333;} /* 其他方式登录按钮 */ .login .log_content .other_method{text-align:center;} .login .log_content .other_method .item{display:inline-block; cursor:pointer;} .login .log_content .other_method .item .iconfont{font-size:.22rem; line-height:1; display:inline-block; margin-left:0;} .login .log_content .other_method .item .c{font-size:.16rem; display:inline-block; vertical-align:middle;} /* 手机号登录 */ .login .log_content .wx_login_box .other_method{margin-top:.3rem;} .login .log_content .wx_login_box .other_method .item .iconfont{color:rgb(153, 153, 153); font-size:.4rem; margin-right:0;} .login .log_content .wx_login_box .other_method .agreement{margin-top:.12rem; color:#5b5b5b;} .login .log_content .wx_login_box .other_method .agreement .protocol{cursor:pointer; display:inline-block; border-bottom:1px solid #5b5b5b; margin:0 .05rem;} /* 微信登录 */ /* .login .log_content .bott .other_method .item .iconfont{color:rgb(4, 174, 15);} */ /* 微信登录界面 */ .login .log_content .wx_login_box{margin-top:.2rem; text-align:center; display:none;} .login .log_content .wx_login_box .wx_box{position:relative;} .login .log_content .wx_login_box .wx_box::after{position:absolute; content:''; top:50%; left:50%; width:.44rem; height:.48rem; background:url(../img/loading.png) no-repeat center/cover; z-index:0; animation:rotate1 4s linear infinite;} .login .log_content .wx_login_box .tit{font-size:.2rem; color:#333; line-height:1;} .login .log_content .wx_login_box .wx_cont{margin-top:.15rem; position:relative; z-index:2;} .login .log_content .wx_login_box .wx_cont .ewm_box img{width:2rem; border:1px solid #e2e2e2; } .login .log_content .wx_login_box .wx_cont .info .con{font-size:13px; margin-top:.1rem;} /* 登录验证码 */ .login .log_content .bott .form_box .password_form .ipt_box.yzm_ .rand_code{position:absolute; right:0; top:0; height:100%; margin:0; border-top-right-radius:.06rem; border-bottom-right-radius:.06rem; overflow:hidden;} .login .log_content .bott .form_box .password_form .ipt_box.yzm_ .rand_code img{height:100%;} /* 登录注册 end */ @keyframes rotate1 { 0% { transform: translate(-50%, -50%) rotate(0); } 100% { transform: translate(-50%, -50%) rotate(359deg); } } /* 注册协议 */ .register_box{position:fixed; left:0; top:0; right:0; bottom:0; overflow:auto; margin:0; z-index:2003; display:none;} .register_bg{position:fixed; left:0; top:0; width:100vw; height:100vh; background:url(../img/black.6.png); z-index:2000; display:none;} .dialog{position:relative; margin:15vh auto .5rem; background:#fff; border-radius:2px; box-shadow:0 1px 3px rgba(0,0,0,.3); box-sizing:border-box; width:8rem;} .dialog .dia_header{padding:.2rem; padding-bottom:.1rem; position:relative;} .dialog .dia_header .title{line-height:.24rem; font-size:.18rem; color:#333;} .dialog .dia_header .close_btn{position:absolute; top:.26rem; right:.2rem; margin:0; outline:0; cursor:pointer; font-size:14px; line-height:1; color:#999;} .dialog .dia_header .close_btn:hover{color:#0a1e40;} .dialog .dia_content{padding:.3rem .2rem; padding-bottom:.1rem; color:#666; position:relative; font-size:14px; word-break:break-all;} .dialog .dia_content .tit{font-size:.32rem; line-height:1; text-align:center; font-weight:bold;} .dialog .dia_content .pre{padding:.1rem; margin-top:.2rem; /*white-space:pre-wrap;*/} /* 注册协议 end */ /* 大阳城集团娱乐网站app指数 */ .exponent{padding:.7rem 0 .9rem;} .exponent01 .item{margin-bottom:.8rem;} .exponent01 .item:last-child{margin-bottom:0;} .exponent01 .item .infor{margin-bottom:.5rem;} .exponent01 .item .infor .common_tit{margin-bottom:.5rem;} .exponent01 .item .infor .con{text-align:center; color:#747474; width:60%; margin:0 auto;} .exponent01 .item .bott .charts{width:100%; height:5.9rem; overflow:hidden;} /* 金融计算器 */ .calculator{padding:.7rem 0 .9rem;} .calculator01 .top .item01{margin-bottom:.45rem;} .calculator01 .top .item .title_box{position:relative; border-bottom:1px solid #eceff8;} .calculator01 .title{font-size:.28rem; line-height:.3rem; font-weight:bold; display:inline-block; color:#063f87; position:relative; padding-bottom:.2rem;} .calculator01 .top .item .title_box .title::after{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#f5be2c;} .calculator01 .top .item .cont{margin-top:.25rem;} .calculator01 .top .item .cont .form_box{width:100%;} .calculator01 .top .item .cont .box_{float:left; width:22.9%; margin-right:2.8%; margin-bottom:.25rem; border-bottom:1px solid #e5e5e5; display:flex; align-items:flex-start; } .calculator01 .top .item .cont .box_:nth-child(4n){margin-right:0;} .calculator01 .top .item .cont .box_ .label{font-size:.16rem; line-height:.3rem; font-weight:bold; color:#1f1f1f; text-transform:uppercase; width:37.5%;} .calculator01 .top .item .cont .box_ .label em{color:#ff4242;} .calculator01 .top .item .cont .box_ .down_box{width:62.5%; padding-left:.1rem; box-sizing:border-box; position:relative;} .calculator01 .top .item .cont .box_ .down_box .cont_box{font-size:0; cursor:pointer; padding-bottom:.2rem;} .calculator01 .top .item .cont .box_.noDown .down_box .cont_box{cursor:auto;} .calculator01 .top .item .cont .box_ .down_box .cont_box>*{display:inline-block; vertical-align:middle; margin:0; font-size:.18rem; color:#131313; line-height:.3rem; font-weight:bold; } .calculator01 .top .item .cont .box_ .down_box .cont_box .t{font-size:.15rem; font-weight:normal; color:#979aa8; width:calc(100% - .4rem); margin-right:.1rem; border:0; background:none;} .calculator01 .top .item .cont .box_ .down_box .cont_box i{transform:rotate(90deg); transition:all .3s ease;} .calculator01 .top .item .cont .box_ .down_box .down_{position:absolute; background:#ffffff; left:0; top:100%; width:100%; padding:.1rem; box-sizing:border-box; box-shadow:0 1px 3px rgba(0,0,0,.3); display:none; z-index:2;} .calculator01 .top .item .cont .box_ .down_box .down_ li{font-size:.15rem; line-height:.3rem; padding:.05rem 0; border-bottom:1px solid #eceff8; cursor:pointer; color:#5b5b5b;} .calculator01 .top .item .cont .box_ .down_box .down_ li:last-child{border-bottom:0;} .calculator01 .top .item .cont .box_ .down_box .down_ li:hover{color:#063f87;} .calculator01 .top .item .cont .box_ .down_box .cont_box.cur i{transform:rotate(-90deg);} .calculator01 .top .item .cont .sear_btn{line-height:.44rem; padding:0 .5rem; color:#000; font-weight:bold; font-size:.16rem; background:#f5be2c; border-radius:.06rem; cursor:pointer; margin-top:.05rem; transition:all .3s ease;} .calculator01 .top .item .cont .sear_btn:hover{color:#fff; background:#063f87;} .calculator01 .bott{margin-top:.55rem; background:#424a52; padding:.25rem .18rem .55rem; border-radius:.06rem;} .calculator01 .bott .title{color:#fff;} .calculator01 .bott .content{overflow:hidden; padding-top:.12rem;} .calculator01 .bott .content .cont{background:#ffffff; padding:.55rem .5rem .6rem .35rem; position:relative;} .calculator01 .bott .content .cont::before{content:''; position:absolute; left:-0.07rem; top:-0.12rem; width:.55rem; height:.15rem; background:#fff; transform:skewX(30deg);} .calculator01 .bott .content .cont::after{content:''; position:absolute; left:.57rem; top:-0.1rem; width:93.75%; height:.06rem; background:rgba(255, 255, 255, 0.2); transform:skewX(30deg);} .calculator01 .bott .content .table_{text-align:center; font-size:.15rem; color:#333333; line-height:.32rem;} .calculator01 .bott .content .table_ .datalist th{background:#666666; font-size:.16rem; color:#fff; border-color:#dddddd; line-height:.38rem; padding:.05rem .1rem;} .calculator01 .bott .content .table_ .datalist td{padding:.1rem; border-color:#dddddd;} .calculator01 .bott .content .tips{font-size:12px; line-height:.25rem; color:#919191; margin-top:.15rem;} .calculator01 .bott .content .down_btn{width:2.3rem; background:#063f87; display:block; line-height:.44rem; border-radius:.06rem; color:#fff; font-size:.16rem; font-weight:bold; text-align:center; margin:.4rem auto 0;} /* 右侧导航 */ .right_nav{position:fixed; /*right:16px;*/ right:0; bottom:.32rem; width:44px; z-index:9990;} .right_nav .service{width:44px; border:0; color:#fff; border-radius:4px; background-image:-webkit-gradient(linear, left top, left bottom, from(#063f87), to(#063f87)); background-image:-o-linear-gradient(#063f87, #063f87); background-image:linear-gradient(#063f87, #063f87); font-size:14px; padding:4px 5px 10px; -webkit-box-shadow:0 4px 8px rgba(0, 91, 172, 0.24); box-shadow:0 4px 8px rgba(0, 91, 172, 0.24); cursor:pointer;} .right_nav .service i{display:block; color:currentColor; font-size:20px; margin-bottom:2px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .right_nav .service span{ display:block; line-height:1.3; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} .right_nav .service:hover i{-webkit-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px); opacity:0;} .right_nav .service:hover span{-webkit-transform:translateY(-14px); -ms-transform:translateY(-14px); transform:translateY(-14px);} .right_nav .item{margin-top:8px; width:44px; background-color:#fff; border-radius:4px; -webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1); box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);} .right_nav .item .nav_btn{box-sizing:border-box; display:block; text-align:center; padding:0 5px; text-decoration:none; width:100%; height:44px; font-size:12px; color:#080808; border:0; background-color:transparent; border-radius:4px; overflow:hidden; cursor:pointer;} .right_nav .item .nav_btn i{display:block; font-size:20px; height:44px; line-height:40px; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} .right_nav .item .nav_btn span{display:block; font-size:12px; height:44px; line-height:1.3; padding-top:6px; -webkit-transform:translate(0, -38px); -ms-transform:translate(0, -38px); transform:translate(0, -38px); opacity:0; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} .right_nav .item .nav_btn:hover i{-webkit-transform:translate(0, -5px); -ms-transform:translate(0, -5px); transform:translate(0, -5px); opacity:0;} .right_nav .item .nav_btn:hover span{-webkit-transform:translate(0, -45px); -ms-transform:translate(0, -45px); transform:translate(0, -45px); opacity:1;} .right_nav .item_more{visibility:hidden; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:translate(0, 6px); -ms-transform:translate(0, 6px); transform:translate(0, 6px); opacity:0;} .right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;} .right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;} .right_nav .popup{display:none; position:absolute; bottom:0; right:44px; padding-right:8px} .right_nav .popup.hasGo{display:block;} .right_nav .popup .box{display:block; width:192px; min-height:200px; background-color:#fff; border-radius:4px; padding:24px; -webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.16); box-shadow:0 4px 16px rgba(0, 0, 0, 0.16)} .right_nav .popup.kefu_pup .box{width:330px; padding:0;} .right_nav .popup .area{padding-bottom:.24rem; border-bottom:1px solid #f0f0f0; margin-bottom:.24rem;} .right_nav .popup .title{font-size:14px; line-height:20px; margin-bottom:14px;} .right_nav .popup .title i{margin-right:5px; font-size:20px;} .right_nav .popup .tips{font-size:12px; text-align:center; margin:-6px 0;} .right_nav .popup .box.more_box{max-height:520px; width:240px; overflow-y:auto;} .right_nav .popup .box.more_box .tit{font-size:16px; line-height:1.4; margin-bottom:16px;} .right_nav .popup .box.more_box .tit i{font-size:19px; margin-right:3px} .right_nav .popup .box.more_box .line{padding:14px 16px; background-color:#f5f5f5; border-radius:4px; margin-bottom:8px;} .right_nav .popup .box.more_box .line .t{font-size:14px; font-weight:bold; line-height:1.4; margin-bottom:4px; display:block;} .right_nav .popup .box .cont{display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center;} .right_nav .popup .box .cont .prompt{display:block; font-size:12px; -ms-flex:0 0 84px; flex:0 0 84px; margin-right:5px; background-color:#f5f5f5; padding:5px; line-height:1.3;} .right_nav .popup .box .cont .img_box{width:100%; text-align:center;} .right_nav .popup .box .cont .img_box img{display:block; width:100%; height:auto;} .right_nav .popup .box .cont .img_box .title{display:block; font-size:12px; margin-bottom:0;} .right_nav .popup .box .con{text-align:center;} .right_nav .popup .box .con a{display:block; width:100%; height:33px; background-color:#0a1e3f; font-size:14px; color:#fff!important; border-radius:4px; line-height:33px; text-decoration:none; cursor:pointer;} .right_nav .popup .box .con a:hover{background:#f5be2c; color:#000!important;} .right_nav .popup .more_btn{font-size:12px; text-align:center; color:#fff; background-color:#0a1e3f; line-height:31px; height:33px; width:100%; border-radius:.06rem; border:1px solid transparent; margin-bottom:8px; cursor:pointer;} .right_nav .popup .more_btn a{color:#fff; display:block;} .right_nav .popup .more_btn:hover{background:#f5be2c; color:#000;} .right_nav .popup .more_btn a:hover{color:#000;} .right_nav .popup .more_btn:last-child{margin-bottom:0;} .right_nav .popup .more_btn.btn02{border:1px solid #080808; color:#080808; background-color:transparent;} /* 权威测评 */ .channel_content.assess{padding:.5rem 0 .8rem;} .assess01 .rect-70{padding-bottom:70.75%;} .assess01.news_list1 .left .content{margin-top:0;} .assess01 .left .content .li_ .intro .bott>*{display:inline-block; color:#989898;} .assess01 .left .content .li_ .intro .bott .come{font-size:.14rem; transition:all 0.5s ease;} .assess01 .left .content .li_ .intro .bott em{margin:0 .15rem;} .assess01 .left .content .li_:hover .intro .bott>*{color:#fff;} /* hot */ .assess01 .left .content .li_ .intro .tit{line-height:.3rem;} .assess01 .left .content .li_.hot .intro .tit{padding-left:.27rem; position:relative; box-sizing:border-box;} .assess01 .left .content .li_.hot .intro .tit::after{content:'\e63f'; font-family: "xgicon"!important; position:absolute; left:0; top:0; font-size:.2rem; color:#ed0b19;} /* 关键词 */ .news_list1 .right .item .item_con .keyword{margin-right:.13rem; margin-bottom:.1rem; border:1px solid #dddddd; border-radius:.15rem; display:inline-block; transition:all .3s ease;} .news_list1 .right .item .item_con .keyword a{display:block; padding:.05rem .14rem; color:#5b5b5b; font-size:13px; line-height:.2rem; } .news_list1 .right .item .item_con .keyword:hover{border-color:#f4bd3f; background:#f4bd3f;} .news_list1 .right .item .item_con .keyword:hover a{color:#000000;} /* 新-应用场景 */ /* banner */ /* .xc_application{height:6.4rem;} */ .xc_application{height:5.8rem; display:none!important;} .xc_application .appl_intro{position:absolute; z-index:1; top:0; left:0; overflow:hidden; width:100%; height:100%; pointer-events:none; -webkit-backface-visibility:hidden; background:#0a1e40;} .xc_application .appl_intro::after{content:""; position:absolute; z-index:2; top:0; right:0; width:50%; height:100%; background:linear-gradient(to left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.3) 30% ,rgba(0,0,0,0) 100%); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} .xc_application .appl_intro::before{content:""; position:absolute; z-index:2; bottom:0; right:0; width:100%; height:30%; background:linear-gradient(to top,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0) 100%); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} .xc_application .appl_intro .slide_body{width:66.7%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transform:rotate(30deg); transform:rotate(30deg); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; justify-content:flex-end; -webkit-backface-visibility:hidden; margin:0 auto; margin-right:0;} .xc_application .appl_intro .slide_rail{height:100%; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; margin-left:3%;} .xc_application .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:first-child{-webkit-animation:railDown1 800s -400s linear infinite; animation:railDown1 800s -400s linear infinite;} .xc_application .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:last-child{-webkit-animation:railDown2 800s linear infinite; animation:railDown2 800s linear infinite;} .xc_application .appl_intro .slide_rail_inner{position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .xc_application .appl_intro .slide_rail_inner ul{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .xc_application .appl_intro .slide_rail_inner ul:first-child{-webkit-animation:railUp1 800s -400s linear infinite; animation:railUp1 800s -400s linear infinite;} .xc_application .appl_intro .slide_rail_inner ul:last-child{-webkit-animation:railUp2 800s linear infinite; animation:railUp2 800s linear infinite} .xc_application .appl_intro .slide_tile{margin-bottom:.3rem; position:relative; width:100%; border-radius:.06rem; overflow:hidden;} .xc_application .xc_cont{height:100%;} .xc_application .xc_words{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); color:#fff; z-index:3; display:block;} .xc_application .xc_words .tit{font-weight:bold; margin-bottom:.15rem;} .xc_application>img{display:none;} @-webkit-keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @-webkit-keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @-webkit-keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @-webkit-keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } @keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } .new_application.xc_nav{font-size:0; display:none!important;} .new_application.xc_nav .tit{vertical-align:text-top; margin-right:.3rem;} .new_application.xc_nav .content{position:relative; display:inline-block; vertical-align:text-top; /*width:calc(100% - 1.5rem);*/ width:100%;} .new_application.xc_nav .swiper-container{width:calc(100% - 1.6rem); margin:0 auto;} .new_application.xc_nav .swiper-slide{width:auto; margin-right:.3rem;} .new_application.xc_nav .swiper-slide a{padding:.16rem 0; display:inline-block; position:relative;} .new_application.xc_nav .swiper-slide a::after{content:''; bottom:0; left:0; height:2px; position:absolute; transition:transform .55s cubic-bezier(0.165,0.84,0.44,1); transform: scaleX(0); transform-origin:right; background-color:#0a1e40; width:100%;} .new_application.xc_nav .swiper-slide:hover a{color:#5b5b5b;} .new_application.xc_nav .swiper-slide.cur a{color:#0a1e40; font-weight:bold;} .new_application.xc_nav .swiper-slide.cur a::before{display:block; content:attr(title); font-weight:bold; visibility:hidden; height:1px; color:transparent; margin-bottom:-1px; overflow:hidden;} .new_application.xc_nav .swiper-slide:hover a::after{transform:scaleX(1); transform-origin:left;} .new_application.xc_nav .swiper-slide.cur a::after{transform:scaleX(1); transform-origin:left;} .new_application.xc_nav .swiper_btn{background:none; margin-top:0; width:auto; height:auto; transform:translateY(-50%); left:0; outline:none;} .new_application.xc_nav .swiper_btn.swiper-button-next{left:auto; right:0;} .new_application.xc_nav .swiper_btn .iconfont{font-size:.18rem; line-height:1; margin:0; color:#989898; font-weight:bold;} .new_application02{margin:.7rem 0 1rem;} .new_application02 .top{margin-bottom:.5rem;} .new_application02 .top .con{width:69%; margin:.45rem auto 0; text-align:center;} .new_application02 .bott img{width:100%; border-radius:.06rem;} .new_application03{position:relative;} .new_application03.only{height:100vh;} .new_application03 .bg{height:100vh; position:sticky; top:0; overflow-x:hidden;} .new_application03 .bg img{position:relative; left:50%; height:100%; transform:translateX(-50%); display:block; max-width:none; min-width:100%;} .new_application03 .content{position:relative; z-index:2; margin-top:-100vh; display:flex; flex-direction:column; align-items:center;} .new_application03 .content .box{width:100%; display:flex; align-items:flex-start; justify-content:flex-end; position:sticky; top:12vh; height:88vh;} .new_application03 .content .box .item{background:#063f87; border-radius:.06rem; padding:.9rem .45rem .35rem; box-sizing:border-box; width:5.6rem; margin:0 auto; margin-right:9.45%; flex-shrink:0;} .new_application03 .content .box .item .tit{color:#fff; font-weight:bold; margin-bottom:.3rem; margin-top:.25rem;} .new_application03 .content .box .item .con{min-height:1.68rem; color:#fff;} .new_application03 .content .box .item{margin-top:1.6rem; margin-bottom:.5rem;} .new_application03 .content .box .item .icon img{height:.63rem;} .new_application04{margin:.75rem 0 .45rem;} .new_application04 .title{font-weight:bold; text-align:center; color:#063f87; margin-bottom:.35rem;} .new_application04 .item{display:flex; padding:.3rem 9.4%; align-items:center; justify-content:space-between; background:#f7f8fc; border-radius:.2rem;} .new_application04 .item .img_{max-width:50%;} .new_application04 .item .img_ img{max-height:3rem; mix-blend-mode:darken;} .new_application04 .item .words{width:46%; } .new_application04 .item .words .tit{font-weight:bold; color:#063f87; margin-bottom:.15rem;} .new_application04 .item .words .con{text-align:justify; color:#2a2a2a; max-height:.9rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .new_application04 .item .words .more_btn{display:inline-block; margin-top:.22rem; font-size:.16rem; color:#000; background:#f5be2c; border-radius:.06rem; line-height:.45rem; width:1.55rem; text-align:center; font-weight:bold;} .new_application04 .item .words .more_btn:hover{color:#fff; background:#063f87;} .new_application04 .item:nth-child(2n){background:#ffffff; flex-direction:row-reverse; text-align:right;} .new_application04 .item:nth-child(2n) .words .con{text-align:right;} .new_application05{padding:.75rem 0 .5rem; background:#000000;} .new_application05 .title{color:#fff; text-align:center; margin-bottom:.4rem; font-weight:bold;} .new_application05 .swiper-slide{width:32.4%; margin-right:1.4%; display:inline-block; background:#fff; border-radius:.06rem; overflow:hidden; filter:grayscale(0.6);} .new_application05 .rect-5625{padding-bottom:56.25%;} .new_application05 .swiper-slide .box{padding:.3rem;} .new_application05 .swiper-slide .box .tit{width:80%; font-size:.24rem; color:#666; font-weight:bold; line-height:.33rem; height:.66rem; overflow:hidden;} .new_application05 .swiper-slide .box .list{font-size:.15rem; color:#8b8b8b; line-height:.28rem; margin:.1rem 0; } .new_application05 .swiper-slide .box .list ul li{float:left; margin-right:.2rem; border:1px solid #8b8b8b; padding:0 .05rem; border-radius:.06rem;} .new_application05 .swiper-slide .box .con{font-size:16px; color:#353333; line-height:.28rem; height:.56rem; height:0; overflow:hidden;} .new_application05 .swiper-slide .box .more{float:right; color:#353333;} .new_application05 .swiper-slide .li_line{width:0; height:.05rem; background:#ffcc32; position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .new_application05 .swiper-slide:hover{filter:none;} .new_application05 .swiper-slide:hover .li_line{width:100%;} .new_application05 .swiper-container .swiper-pagination{position:relative; margin-top:.3rem; bottom:auto;} .new_application05 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .07rem; width:.7rem; height:3px; background:rgba(255,255,255,0.5); border-radius:0; opacity:1;} .new_application05 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ffcc32;} .new_application06{position:relative; overflow:hidden;} .new_application06 .bg img{width:100%;} .new_application06 .content{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); text-align:center;} .new_application06 .content .words .title{color:#fff; font-weight:bold;} .new_application06 .content .words .con{font-size:.18rem; line-height:.3rem; margin:.15rem 0 .2rem; color:#fff;} .new_application06 .content .words .more_btn{display:inline-block; background:#f5be2c; border-radius:.06rem; font-size:.15rem; line-height:.42rem; padding:0 .3rem; color:#000000; font-weight:bold;} .new_application06 .content .words .more_btn:hover{color:#fff; background:#063f87;} .new_application07 .title{font-weight:bold; text-align:center; /*color:#0a1e40;*/ margin-bottom:.35rem; color:#fff;} .new_application07 .swiper-pagination{opacity:1; visibility:visible;} .new_application07 .swiper-pagination.noshow{opacity:0; visibility:hidden;} /* 产品测评 */ .pro_evaluation01{margin:.7rem 0 .7rem;} .pro_evaluation01 .top{text-align:center;} .pro_evaluation01 .top .title{font-weight:bold; color:#063f87;} .pro_evaluation01 .top .form_box{width:5.5rem; margin:.25rem auto .3rem; font-size:0; border:1px solid #0a1e40; border-radius:.06rem; padding:.11rem .13rem; box-sizing:border-box;} .pro_evaluation01 .top .form_box>*{display:inline-block; vertical-align:middle;} .pro_evaluation01 .top .form_box .sear_box{padding:0; margin:0; outline:none; border:0; width:28.1%; line-height:.42rem; color:#000000; font-size:.14rem; background:#f5be2c; border-radius:.06rem; cursor:pointer; margin-left:1.9%;} .pro_evaluation01 .top .form_box .sear_box i{margin:0; margin-left:.1rem; font-size:.2rem; font-weight:bold; line-height:1;} .pro_evaluation01 .top .form_box .inp_{font-size:.15rem; line-height:.42rem; width:70%; margin:0; padding:0; border:0; background:none; outline:none; text-indent:.13rem;} .pro_evaluation01 .top .key_box{width:61.3%; margin:0 auto;} .pro_evaluation01 .top .key_box span{display:inline-block; padding:0 .23rem; font-size:.15rem; line-height:.18rem; margin-bottom:.1rem; color:#4d4d4d; border-right:1px solid #e4e4e4;} .pro_evaluation01 .top .key_box span a{display:block;} .pro_evaluation01 .top .key_box span:last-child{border-right:0;} .pro_evaluation01 .bott{margin-top:.45rem;} .pro_evaluation01 .bott li{float:left; width:23.8%; margin-right:1.6%; background:#f7f8fc; margin-bottom:.3rem; padding:.4rem .1rem .1rem; border-radius:.1rem; box-sizing:border-box;} .pro_evaluation01 .bott li:nth-child(4n){margin-right:0;} .pro_evaluation01 .bott li .intro{text-align:center; margin-bottom:.1rem;} .pro_evaluation01 .bott li .intro .t{color:#030303; font-weight:bold;} .pro_evaluation01 .bott li .intro .c{color:#807e7e; margin-top:.1rem; height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .pro_evaluation01 .bott li .img_box{position:relative;} .pro_evaluation01 .bott li .img_box .bg img{width:100%;} .pro_evaluation01 .bott li .img_box .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:62%;} .pro_evaluation01 .bott li .img_box .more_btn{position:absolute; bottom:0; right:.15rem; width:.4rem; height:.4rem; border-radius:50%; background:#303030; display:flex; align-items:center; justify-content:center; transition:all .4s ease;} .pro_evaluation01 .bott li .img_box .more_btn .iconfont{font-size:.2rem; line-height:1; margin:0; color:#fff; padding-left:1px;} .pro_evaluation01 .bott li.li_good .img_box::after{content:''; position:absolute; top:10.9%; right:.2rem; width:.54rem; height:.8rem; background:url(../img/pro_evaluation01_icon01.png) no-repeat center/cover; z-index:2;} .pro_evaluation01 .bott li .img_box .more_btn:hover{background:#f5be2c;} .pro_evaluation01 .bott li .img_box .more_btn:hover .iconfont{color:#000;} .pro_evaluation02{margin-bottom:.6rem;} .pro_evaluation02 .top{text-align:center; color:#063f87; margin-bottom:.35rem;} .pro_evaluation02 .top .title{font-weight:bold; margin-bottom:.05rem;} .pro_evaluation02 .top .con{font-size:.19rem; line-height:.3rem;} .pro_evaluation02 .bott .item{display:flex; padding:.45rem 9.4%; align-items:center; justify-content:space-between; background:#f7f8fc; border-radius:.2rem;} .pro_evaluation02 .bott .item .img_{max-width:52%; display:flex; align-items:flex-start; justify-content:flex-end;} .pro_evaluation02 .bott .item .img_>img{max-height:3.8rem; mix-blend-mode:darken; max-width:calc(100% - .95rem);} .pro_evaluation02 .bott .item .img_ .label_img{position:relative; display:inline-block; width:.95rem;} .pro_evaluation02 .bott .item .img_ .label_img::after{content:attr(data-num); position:absolute; bottom:19%; left:50%; transform:translateX(-50%); font-size:.4rem; line-height:1; color:#f5be2c; font-weight:900;} .pro_evaluation02 .bott .item .words{width:44.7%; } .pro_evaluation02 .bott .item .words .type{font-size:.2rem; line-height:.3rem; color:#f5be2c; margin-bottom:.05rem;} .pro_evaluation02 .bott .item .words .tit{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color:#063f87; margin-bottom:.25rem;} .pro_evaluation02 .bott .item .words .con{text-align:left; color:#2a2a2a; max-height:.9rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;} .pro_evaluation02 .bott .item .words .more_btn{display:inline-block; margin-top:.35rem; font-size:.16rem; color:#000; background:#f5be2c; border-radius:.06rem; line-height:.45rem; width:1.55rem; text-align:center; font-weight:bold; transition:all .3s ease;} .pro_evaluation02 .bott .item .words .more_btn:hover{color:#fff; background:#063f87;} .pro_evaluation02 .bott .item:nth-child(2n){background:#ffffff; flex-direction:row-reverse; text-align:right;} .pro_evaluation02 .bott .item:nth-child(2n) .words .con{text-align:right;} .pro_evaluation02 .bott .item:nth-child(2n) .img_{flex-direction:row-reverse;} .pro_evaluation02 .top .con{display:none;} .pro_evaluation03{margin-bottom:.9rem;} .pro_evaluation03 .content .products{position:relative;} .pro_evaluation03 .content .products.lowSix .swiper-container{overflow:visible;} .pro_evaluation03 .content .products .swiper-container{margin-right:-1%;} .pro_evaluation03 .content .products .item{display:inline-block; box-sizing:border-box; width:19.2%; margin-right:1%; padding:.02rem; position:relative;} .pro_evaluation03 .content .products .item .boxx{position:relative; box-sizing:border-box; height:4.2rem; padding:.23rem; background:#fff; transition:all 0.5s ease; border:1px solid #e3e3e3; border-radius:.1rem; overflow:hidden;} .pro_evaluation03 .content .products .item .boxx::after{content:''; width:0%; height:6px; background:#194097; position:absolute; left:0; bottom:0; transition:0.5s ease;} .pro_evaluation03 .content .products .item .img_box{height:2rem; display:flex; align-items:center; justify-content:space-around;} .pro_evaluation03 .content .products .item .img_box img{max-height:90%;} .pro_evaluation03 .content .products .item .intro_box{text-align:center; margin-bottom:.25rem;} .pro_evaluation03 .content .products .item .intro_box .tit{font-size:.28rem; line-height:.34rem; color:#000; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;} .pro_evaluation03 .content .products .item .intro_box .con{font-size:.15rem; line-height:.2rem; color:#1d1d1d;} .pro_evaluation03 .content .products .item .ibott .box1{display:block; opacity:1; visibility:visible;} .pro_evaluation03 .content .products .item .ibott .box1 table{width:100%; font-size:.14rem; color:#000; display:block;} .pro_evaluation03 .content .products .item .ibott .box1 table tbody{display:block; width:100%;} .pro_evaluation03 .content .products .item .ibott .box1 table tr{display:flex; justify-content:space-between;} .pro_evaluation03 .content .products .item .ibott .box1 table td{padding:0 .2rem; line-height:.36rem; height:.36rem; overflow:hidden; word-break:break-all;} .pro_evaluation03 .content .products .item .ibott .box1 table tr:first-child{background:#f6f6f6;} .pro_evaluation03 .content .products .item .ibott .box2{position:absolute; bottom:.25rem; left:.25rem; right:.25rem; transform:translateY(50%); opacity:0; visibility:hidden; transition:all .3s ease;} .pro_evaluation03 .content .products .item .ibott .box2 .inquiry_btn{display:block; background:#ffcc32; text-align:center; font-size:.16rem; line-height:.45rem; color:#000; border-radius:.06rem;} .pro_evaluation03 .content .products .item .ibott .box2 .links{font-size:0; text-align:center; margin-top:.2rem;} .pro_evaluation03 .content .products .item .ibott .box2 .links a{position:relative; font-size:.16rem; padding:0 .08rem;} .pro_evaluation03 .content .products .item .ibott .box2 .links a::after{content:''; position:absolute; right:0; top:50%; height:.12rem; margin-top:-0.06rem; width:1px; background:#333;} .pro_evaluation03 .content .products .item .ibott .box2 .links a:first-child{padding-left:0;} .pro_evaluation03 .content .products .item .ibott .box2 .links a:last-child{padding-right:0;} .pro_evaluation03 .content .products .item .ibott .box2 .links a:last-child::after{display:none;} .pro_evaluation03 .content .products .item:hover .boxx::after{width:100%;} .pro_evaluation03 .content .products .item:hover .intro_box .tit{color:#063f87;} .pro_evaluation03 .content .products .item:hover .boxx{box-shadow:0px 0px 9.2px .8px rgba(10, 30, 64, 0.23);} .pro_evaluation03 .content .products .item:hover .ibott .box1{opacity:0; visibility:hidden;} .pro_evaluation03 .content .products .item:hover .ibott .box2{transform:translateY(0); opacity:1; visibility:visible;} .pro_evaluation03 .content .products .item.new::after{content:''; position:absolute; left:.2rem; top:.2rem; width:.46rem; height:.46rem; background:url(../img/ipart01_right_icon_2.png) no-repeat center/cover;} .pro_evaluation03 .content .products .btns{outline:none; position:absolute; top:50%; transform:translateY(-50%) translateX(100%); right:-0.2rem; z-index:2; background:none; font-size:.4rem; line-height:1; width:auto; height:auto; margin-top:0;} .pro_evaluation03 .content .products .btns.swiper-button-prev{right:auto; left:-0.2rem; transform:translateY(-50%) translateX(-100%);} .pro_evaluation03 .content .products .btns i{margin:0;} /* 手机端产品部分 */ .pro_evaluation03 .m_products{display:none;} /* 融资租赁 */ .fin_lease.channel_content{padding-top:1rem;} .fin_lease01 .content{font-size:0;} .fin_lease01 .left{width:46%; display:inline-block; vertical-align:text-bottom;} .fin_lease01 .left img{width:100%; border-radius:.06rem;} .fin_lease01 .right{width:54%; display:inline-block; padding:.7rem 0 .6rem; background:#f5f5f5; padding-left:8.35%; box-sizing:border-box; position:relative; padding-right:6%; border-radius:.06rem;} .fin_lease01 .right::after{content:''; position:absolute; left:.1rem; top:0; height:100%; width:38.8%; background:#f5f5f5; transform:translateX(-100%); z-index:-1; border-radius:.06rem;} .fin_lease01 .right .common_tit{text-align:left; margin-bottom:.55rem;} .fin_lease01 .right .common_tit::after{left:0; transform:none;} .fin_lease02{margin:.6rem 0;} .fin_lease02 ul{display:flex; align-items:stretch; flex-wrap:wrap;} .fin_lease02 li{width:25%; box-sizing:border-box; text-align:center; padding:.6rem 3.9% .5rem; border-left:1px solid #ebebeb; margin-bottom:.3rem;} .fin_lease02 li:nth-child(4n){border-right:1px solid #ebebeb;} .fin_lease02 li .infor{margin-top:.35rem;} .fin_lease02 li .tit{font-size:.26rem; line-height:.34rem; color:#000000; font-weight:bold; margin-bottom:.1rem;} .fin_lease03{background:linear-gradient(to top, #fff 8% ,#f8f8f9); position:relative; overflow:hidden;} .fin_lease03 .wrap{position:relative; z-index:2;} .fin_lease03 .content{font-size:0; display:flex; align-items:stretch; justify-content:space-between;} .fin_lease03 .content>div{padding:.7rem 0 .8rem;} .fin_lease03 .content .left{width:25%; position:relative;} .fin_lease03 .content .left::after{content:''; position:absolute; right:0; top:0; height:100%; width:calc(100% + 640px); background:linear-gradient(to top, #fff 8%, #eeeff0); z-index:0;} .fin_lease03 .content .left .tab_t{margin-bottom:.4rem; cursor:pointer; position:relative; z-index:3;} .fin_lease03 .content .left .tab_t .box{display:inline-block;} .fin_lease03 .content .left .tab_t .infor{color:#0a1e40; font-style:oblique;} .fin_lease03 .content .left .tab_t .infor .tit{font-size:.32rem; line-height:.35rem; font-weight:bold; padding-left:.35rem; position:relative;} .fin_lease03 .content .left .tab_t .infor .tit::after{content:''; position:absolute; left:0; top:0; height:100%; width:.06rem; background:#f5be2c; opacity:0; visibility:hidden; transition:all .3s ease;} .fin_lease03 .content .left .tab_t .infor .con{font-size:.15rem; line-height:.28rem; padding-left:.35rem; margin-top:.05rem;} .fin_lease03 .content .left .tab_t .jt{opacity:0; visibility:hidden; transform:translateX(0); transition:all .3s ease;} .fin_lease03 .content .left .tab_t .box:hover .infor{color:#f5be2c;} .fin_lease03 .content .left .tab_t .box:hover .infor .tit::after{opacity:1; visibility:visible;} .fin_lease03 .content .left .tab_t .box:hover .jt{transform:translateX(.35rem); opacity:1; visibility:visible;} .fin_lease03 .content .left .tab_t.cur .infor{color:#f5be2c;} .fin_lease03 .content .left .tab_t.cur .infor .tit::after{opacity:1; visibility:visible;} .fin_lease03 .content .left .tab_t.cur .jt{transform:translateX(.35rem); opacity:1; visibility:visible;} .fin_lease03 .content .right{width:69%; } .fin_lease03 .content .right .tab_b{display:none;} .fin_lease03 .content .right .tab_b .item{margin-bottom:.35rem;} .fin_lease03 .content .right .tab_b .item .tit{padding-left:.2rem; font-size:.26rem; line-height:.3rem; color:#000000; font-weight:bold; margin-bottom:.2rem; position:relative;} .fin_lease03 .content .right .tab_b .item .tit::after{content:''; position:absolute; left:0; top:.02rem; width:3px; height:.26rem; background:#f5be2c;} .fin_lease04{background:#ebebeb; font-size:0; position:relative; overflow:hidden;} .fin_lease04::after{content:''; position:absolute; right:0; top:0; height:100%; width:7.3rem; background:url(../img/fin_lease04_bg.png) no-repeat center right; background-size:contain; z-index:0;} .fin_lease04 .left{width:59.5%; display:inline-block; vertical-align:middle; margin-left:2.1%; mix-blend-mode:darken; position:relative; z-index:2;} .fin_lease04 .left img{width:100%;} .fin_lease04 .right{width:34.1%; display:inline-block; vertical-align:middle; margin-left:4.3%; position:relative; z-index:2;} .fin_lease04 .right .infor .tit{color:#0a1e40; font-weight:bold; margin-bottom:.05rem;} .fin_lease04 .right .bott{margin-top:.25rem;} .fin_lease04 .right .bott .b_left{width:1.45rem; display:inline-block; vertical-align:text-top;} .fin_lease04 .right .bott .b_left .ewm{padding:.05rem; box-sizing:border-box; background:#fff;} .fin_lease04 .right .bott .b_left .ewm img{width:100%;} .fin_lease04 .right .bott .b_left .tips{font-size:12px; text-transform:uppercase; color:#000000; margin-top:.25rem; white-space:nowrap;} .fin_lease04 .right .bott .b_right{margin-left:.35rem; display:inline-block; vertical-align:text-top;} .fin_lease04 .right .bott .b_right .tab_t{width:1.78rem; line-height:.48rem; margin-top:.12rem; cursor:pointer; text-align:center; color:#000; font-weight:bold; font-size:.16rem; border-radius:.3rem; background:#fff;} .fin_lease04 .right .bott .b_right .tab_t.cur{background:#f5be2c;} .fin_lease04 .right .bott .b_right .tab_t a{display:block;} .fin_lease04 .right .bott .b_right .tab_t a:hover{color:#000;} /* 品牌文化 */ .culture01 .section_content, .culture01 .section_warp{position:relative; z-index:1; width:100%; height:100vh;} .culture01 .img_box{width:100%; height:100%; position:absolute; left:0; top:0; transition:transform 1s cubic-bezier(.5,0,0,1); overflow:hidden} .culture01 .img_box img{height:100%; width:100%; object-fit:cover;} .culture01 .section_content.fixed{position:fixed; top:0; left:0; width:100%} .culture01 .con{font-size:.22rem; line-height:.28rem; font-weight:bold;} .culture01 .section_content .words_box{color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2} .culture01 .section_content .words_box.scale_text{display:none; animation:textScale2 .5s; opacity:1} .culture01 .section_content .words_box .common_tit{color:#fff; margin-bottom:.35rem;} .culture01 .text_warp{width:100%; height:100vh; background:#fff; position:relative; z-index:2; text-align:center; overflow:hidden} .culture01 .text_container{width:100%; position:absolute; top:0; left:0; transform:translate(0,0); transition:none} .culture01 .text_content{padding:.45rem 0;} .culture01 .text_content .infor{padding-bottom:.8rem; opacity:0; transition:none; color:#000000;} .culture01 .text_content .infor .common_tit{margin-bottom:.35rem;} .culture01 .text_content_detail{display:none; animation:fadeIn 1s;} .culture01 .text_content_detail ul{display:flex; align-items:stretch; } .culture01 .text_content_detail li{width:33.33%; box-sizing:border-box; border-left:1px solid #dfe2e6; padding:.15rem 4.1% .3rem;} .culture01 .text_content_detail li:last-child{border-right:1px solid #dfe2e6;} .culture01 .text_content_detail li:nth-child(3n){border-right:1px solid #dfe2e6;} .culture01 .text_content_detail li .t{font-size:.2rem; line-height:.28rem; color:#000000; font-weight:bold; margin-bottom:.3rem;} @keyframes textScale2 { 0% { opacity: 0; transform: translate(-50%,-50%) scale(2.5) } 100% { opacity: 1; transform: translate(-50%,-50%) scale(1) } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes topIn { 0% { opacity: 0; transform: translate(-50%,-60%) } 50% { opacity: .5; transform: translate(-50%,-60%) } 100% { opacity: 1; transform: translate(-50%,-50%) } } /* 没有导航显示的时候 */ .xc_nav.noShow{display:none;} .xc_nav.noShow.showMe{display:block;} /* 关于我们 */ .about_us .ab_box{width:46.3%;} .about_us .common_tit{text-align:left;} .about_us .common_tit::after{left:0; transform:none;} .about_us .ab_box .top{margin-bottom:.3rem;} .about_us .ab_box .top .common_tit::after{bottom:-0.65rem;} .about_us .ab_box .top .tit{font-weight:bold; margin-top:.05rem;} .about_us01{background:#fefefe url(../img/about_us01_bg01.jpg) no-repeat right top/cover; padding-top:.9rem;} .about_us01 .top .content{display:flex; align-items:flex-end; justify-content:space-between;} .about_us01 .top .content .common_tit{margin-bottom:.7rem;} /* .about_us01 .top .content .right_year{font-size:3rem; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:1; color:rgba(245, 190, 44, 0.9);} */ .about_us01 .top .content .right_year{width:46.6%; font-size:0!important;} .about_us01 .bott{padding-top:.3rem; box-sizing:border-box; position:relative;} .about_us01 .bott::after{content:''; position:absolute; left:0; width:100%; bottom:0; height:4.6rem; background:url(../img/about_us01_bg02.png) no-repeat bottom center; background-size:100% auto;} .about_us01 .bott ul{display:flex; align-items:stretch; justify-content:space-between; position:relative; z-index:3; padding:.65rem 0 .75rem;} .about_us01 .bott li{padding:0 3%; color:#fff; text-align:center;} .about_us01 .bott li .num_box{font-size:.4rem; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; text-transform:uppercase;} .about_us01 .bott li .t{color:#fff;} .about_us01 .bott .line{width:1px; background:rgba(255,255,255,0.1);} .about_us01 .bott .line:last-child{width:0;} .about_us02{position:relative; } .about_us02 .content{position:absolute; left:0; top:65%; width:100%; transform:translateY(-50%);} .about_us02 .content .common_tit{color:#fff; margin-bottom:.6rem;} .about_us02 .content .con{color:#fff;} .about_us03 .content .r_box{position:relative; height:8rem; padding:0; box-sizing:border-box; } .about_us03 .content .ab_box .webgl-container{height:100%; width:100%;} .about_us03 .content .ab_box .webgl-container .webgl{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%;} .about_us03 .content .ab_box .webgl-container canvas{width:100% !important; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .about_us03 .content .ab_box .webgl-container .region-label{font-size:.2rem; padding:.2rem .3rem; font-weight:700; color:#f5be2c; border-radius:.5rem; box-shadow:0 .03rem 0 rgba(0, 0, 0, 0.16); background-color:#fff; visibility:visible; opacity:1; transition:all 0.2s ease-in-out; transition-property:visibility,opacity; pointer-events:all; cursor:pointer;} .about_us03 .content .ab_box .webgl-container .region-label:hover {cursor:pointer;} .about_us03 .content .ab_box .webgl-container .region-label.invisible {visibility:hidden; opacity:0;} .about_us03 .content .ab_box .webgl-container .city-label{width:.08rem; height:.08rem; border-radius:50%; background-color:#f5be2c; z-index:0 !important; visibility:visible; opacity:1; transition:all 0.2s ease-in-out; transition-property:visibility,opacity;} .about_us03 .content .ab_box .webgl-container .city-label.invisible{visibility:hidden; opacity:0;} .about_us03 .content .ab_box .webgl-container .city-label:after {content:attr(data-name); position:absolute; font-family:"xbt"; font-size:0px; font-weight:700; text-transform:uppercase; bottom:-0.15rem; left:50%; transform:translateX(-50%);} #region-labels{display:none} .about_us03 .content{display:flex; align-items:center; justify-content:space-between;} .about_us03 .content .top{color:#063f87;} .about_us03 .content .bott .item{padding-top:.45rem;} .about_us03 .content .bott .item .t{font-size:.2rem; font-weight:bold; color:#000000; line-height:.28rem; padding-bottom:.1rem; border-bottom:1px solid #dee1e6;} .about_us03 .content .bott .item .c{color:#747474; margin-top:.2rem;} .ab_center{position:relative; } .ab_center .content{position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);} .ab_center .content .common_tit{color:#fff;} .ab_center .content .tit{color:#fff;} .ab_center .content .con{color:#fff; padding-top:.1rem;} .ab_center.about_us06 .content .common_tit{color:#063f87;} .ab_center.about_us06 .content .tit{color:#063f87;} .ab_center.about_us06 .content .con{color:#3c3c3c;} .ab_center.about_us05 .content .common_tit{color:#063f87;} .ab_center.about_us05 .content .tit{color:#063f87;} .ab_center.about_us05 .content .con{color:#3c3c3c;} /* 联系我们 */ .contact_us01{padding:.7rem 0 .9rem;} .contact_us01 .infor{text-align:center; color:#0a1e40;} .contact_us01 .infor .tit{font-weight:bold;} .contact_us01 .infor .con{margin:.45rem 0 .5rem; font-size:.2rem;} .contact_us01 .content{padding:0 3%;} .contact_us01 .content .rect-6085{padding-bottom:60.85%;} .contact_us01 .content .top_{margin-bottom:.5rem;} .contact_us01 .content .top_ .item{display:none; border-radius:.06rem;} .contact_us01 .content .top_ .owl-item .item{display:block;} .contact_us01 .content .top_ .cover{position:absolute; left:0; bottom:0; width:100%; height:100%} .contact_us01 .content .top_ .cover .box{padding:.6rem .5rem .45rem; text-align:center;} .contact_us01 .content .top_ .cover .box .t{color:#fff; font-weight:bold;} .contact_us01 .content .top_ .cover .box .c{font-size:.15rem; color:#fff;} .contact_us01 .content .top_ .cover .box .more{width:1.18rem; height:.35rem; line-height:.35rem; color:#fff; transition:all .3s ease; color:rgba(255,255,255,.7); border:1px solid #fff; border-color:rgba(255,255,255,.7); text-align:center; margin:.2rem auto 0; border-radius:.06rem; font-size:.15rem;} .contact_us01 .content .top_ .cover .box .more:hover{background:#f5be2c; color:#fff; border-color:#f5be2c;} .contact_us01 .content .top_ .owl-nav{width:100%; position:absolute; left:0; top:50%; margin-top:-0.48rem; color:#fff;} .contact_us01 .content .top_ .owl-nav div{font-size:.4rem; position:absolute; top:0%;} .contact_us01 .content .top_ .owl-nav div i{margin:0;} .contact_us01 .content .top_ .owl-nav .owl-prev{left:0;} .contact_us01 .content .top_ .owl-nav .owl-next{right:0;} .contact_us01 .content .bott_ .li_box{padding:.3rem .45rem; border:1px solid #e6e6e6; border-radius:.06rem;} .contact_us01 .content .bott_ .li_box .tit{line-height:.3rem; height:.6rem; overflow:hidden; font-weight:bold; color:#063f87; position:relative; padding-bottom:.15rem; margin-bottom:.15rem;} .contact_us01 .content .bott_ .li_box .tit:after{content:''; width:.24rem; height:.02rem; background:#f5be2c; position:absolute; left:0; bottom:0;} .contact_us01 .content .bott_ .li_box .con{font-size:.15rem; line-height:.28rem; color:#000; height:2.52rem; overflow-y:auto;} /* 影像大阳城集团娱乐网站app */ .img_video .common_tit{margin-bottom:.55rem;} .img_video01{background:#cdd2d8; position:relative; overflow:hidden;} .img_video01 .container{position:relative; overflow:hidden; width:100vw; height:100vh; perspective:20rem; } .img_video01 .container .scroller{height:100%; transform-style:preserve-3d; } /* room */ .img_video01 .container .room{position:absolute; top:50%; left:50%; width:100vw; height:100vh; margin:-50vh 0 0 -50vw; pointer-events:none; opacity:0; transform-style:preserve-3d; } .img_video01 .container .room_current{pointer-events:auto; opacity:1; } .img_video01 .container .room_side{position:absolute; display:flex; justify-content:center; align-items:center; transform-style:preserve-3d; } .img_video01 .container .room_side_left, .img_video01 .container .room_side_right{width:40rem; height:100vh; background:#d9dde0; } .img_video01 .container .room_side_back{width:100vw; height:100vh; background:#e3e5e8; box-shadow:0 0 0 2px #e3e5e8; transform:translate3d(0, 0, -40rem) rotate3d(1, 0, 0, 0.1deg) rotate3d(1, 0, 0, 0deg);} .img_video01 .container .room_side_right{right:0; justify-content:flex-end; transform:rotate3d(0, 1, 0, -90.03deg); transform-origin:100% 50%; } .img_video01 .container .room_side_left{justify-content:flex-start; transform:rotate3d(0, 1, 0, 90deg); transform-origin:0 50%; } .img_video01 .container .room_side_bottom{width:100vw; height:40rem; background:#cdd2d8; transform:rotate3d(1, 0, 0, 90deg) translate3d(0, -40rem, 0); transform-origin:50% 0%; } .img_video01 .container .room_side_bottom{top:100%; } .img_video01 .container .room_img{flex:none; max-width:40%; max-height:60%; margin:0 5%; transform:translate3d(0, 0, 10px); backface-visibility:hidden; } /* Content */ .img_video01 .content{position:absolute; top:0; left:0; width:100%; height:100vh; } .img_video01 .content .wrap{display:flex; flex-direction:column; height:100%;} /* Slides */ .img_video01 .slides{position:relative; flex:1;} .img_video01 .slide{position:absolute; left:50%; transform:translateX(-50%); width:auto; pointer-events:none; opacity:0; bottom:0;} .img_video01 .slide.slide_current{pointer-events:auto; opacity:1;} .img_video01 .slide .slide_name{font-size:1.9rem; line-height:1; margin:0; margin-bottom:.3rem; letter-spacing:0.05em; color:#063f87; white-space:nowrap;} .img_video01 .slide .slide_title, .img_video01 .slide .slide_tips{text-align:right; margin-right:.1rem;} .img_video01 .slide_number{font-size:.15rem; line-height:.24rem; color:#000000; padding:0 .15rem; border-radius:.06rem; display:inline-block; background:#f5be2c; font-weight:bold;} .img_video01 .slide_tips{font-size:.16rem; text-transform:uppercase; font-weight:bold; color:#f5be2c; margin-top:.1rem;} /* Nav */ .img_video01 .nav_btn{display:flex; justify-content:space-between; width:100%; pointer-events:none; margin-bottom:.3rem;} .img_video01 .btn_nav .xgicon{font-size:.4rem; pointer-events:auto; cursor:pointer; color:#606060;} .img_video01 .btn_nav.btn_nav_right .xgicon{transform:rotate(180deg);} .img_video01 .btn_nav .xgicon:hover{color:#f7b400;} .img_video02{margin-top:1.3rem; position:relative;} .img_video02 .content{position:relative;} .img_video02 .content .word_box{position:absolute; right:0; top:0; height:0; padding-bottom:19.2%; width:67.9%; z-index:5;} .img_video02 .content .word_box .tab_t{display:none;} .img_video02 .content .word_box .tab_t .infor{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; padding-left:4.7%; padding-right:13.7%; box-sizing:border-box;} .img_video02 .content .word_box .tab_t .title{font-weight:bold; margin-bottom:.13rem;} .img_video02 .content .word_box .tab_t .title .tit{font-size:.34rem; font-weight:normal;} .img_video02 .content .word_box .tab_t .con{color:#000000; max-height:.84rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .img_video02 .content .word_box .tab_t .more_btns{position:absolute; bottom:0; right:0; font-size:.15rem; line-height:.45rem; color:#000000; padding:0 .5rem; border-radius:.06rem; display:inline-block; background:#f5be2c; font-weight:bold; cursor:pointer;} .img_video02 .swiper-container{height:6.9rem;} .img_video02 .swiper-wrapper{align-items:flex-end;} .img_video02 .swiper-slide .img{width:2.56rem; transition:all .3s ease; height:3.5rem; border-radius:.06rem; overflow:hidden;} .img_video02 .swiper-slide.swiper-slide-active .img{width:5.05rem; height:6.89rem;} .img_video02 .rect-1364{padding-bottom:136.43%;} @media screen and (min-width: 992px) { .img_video02 .swiper-slide{width:auto!important; display:flex; align-items:flex-end;} } .img_video03{margin:1.1rem 0 .9rem;} .img_video03 .tab_t_box{text-align:center;} .img_video03 .tab_t_box .tab_t{display:inline-block; margin:0 .15rem; cursor:pointer; color:#5a5a5a; transition:all .4s ease;} .img_video03 .tab_t_box .tab_t div{display:inline-block; vertical-align:middle; font-size:.19rem; line-height:.3rem; font-weight:bold;} .img_video03 .tab_t_box .tab_t .xgicon{font-size:.25rem;} .img_video03 .tab_t_box .tab_t:hover{color:#063f87;} .img_video03 .tab_t_box .tab_t.cur{color:#063f87;} .img_video03 .tab_c_box{margin-top:.3rem; text-align:center; font-size:0;} .img_video03 .tab_c_box .tab_c{display:none;} .img_video03 .tab_c_box .tab_b{display:inline-block; margin:0 .05rem; font-size:.15rem; line-height:.3rem; padding:0 .18rem; border-radius:.06rem; border:1px solid #d3d3d3; box-sizing:border-box; cursor:pointer; transition:all .4s ease; color:#000000;} .img_video03 .tab_c_box .tab_b:hover{background:#063f87; color:#fff;} .img_video03 .tab_c_box .tab_b.cur{background:#063f87; color:#fff;} .img_video03 .tab_m_box{margin-top:.6rem;} .img_video03 .tab_m_box .tab_m li{width:18.48%; float:left; margin-bottom:.36rem; margin-right:1.9%; position:relative; cursor:pointer; position:relative; border-radius:.06rem; overflow:hidden;} .img_video03 .tab_m_box .tab_m li.li_first{width:38.78%;} .img_video03 .tab_m_box .tab_m li:nth-child(4){margin-right:0;} .img_video03 .tab_m_box .tab_m li:nth-child(5n+7){margin-right:0;} .img_video03 .tab_m_box .tab_m li .cover{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(10, 30, 64, 0.6); opacity:0; visibility:hidden; transition:all 0.5s ease;} .img_video03 .tab_m_box .tab_m li .cover .play{width:.5rem; height:.5rem; background:url(../img/img_video03_play.png) no-repeat center/cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .img_video03 .tab_m_box .tab_m li:hover .cover{opacity:1; visibility:visible;} .img_video03 .rect-693{padding-bottom:69.3%;} .img_video03 .video .rect-693 img{left:50%; transform:translateX(-50%); width:auto; max-width:none;} .img_video03 .li_first .rect-693{padding-bottom:71.69%;} .img_video04{margin-top:.7rem; text-align:center; overflow:hidden;} .img_video04 .rect-5963{padding-bottom:59.63%;} .img_video04 .box{position:relative;} .img_video04 .content{width:73.7%; margin:0 auto;} .img_video04 .swiper-container{overflow:visible;} .img_video04 .swiper-slide{border-radius:.06rem; opacity:.5; transition:opacity .3s ease;} .img_video04 .swiper-slide.swiper-slide-active{opacity:1;} .img_video04 .swiper-slide .words{position:absolute; bottom:5.2%; left:5%; width:90%; color:#fff; font-weight:bold; opacity:0; visibility:hidden; transition:all .3s ease;} .img_video04 .swiper-slide.swiper-slide-active .words{opacity:1; visibility:visible;} .img_video04 .swiper-slide .paly_btn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.77rem; height:.77rem; background:url(../img/img_video04_play.png) no-repeat center/cover; cursor:pointer;} .img_video04 .swiper-button-next, .img_video04 .swiper-button-prev{position:absolute; top:50%; transform:translateY(-50%); margin-top:0; width:.75rem; height:.75rem; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:space-around; box-shadow:0 0 6px 2px rgba(0,0,0,0.1); outline:none;} .img_video04 .iconfont{color:#000; font-size:.24rem; line-height:1; font-weight:bold; font-weight:bold;} .img_video04 .swiper-button-prev{left:0;} .img_video04 .swiper-button-next{right:0;} /* 下层banner手机端显示 */ .xc_banner.m_show{display:none;} /* 图集 */ .img_video02 .imgList{display:none;} body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover{background:#f5be2c;} /* 二手机 */ .sec_hand .title{text-align:center; color:#063f87; font-weight:bold; margin-bottom:.45rem;} .sec_hand01{margin-top:.7rem;} .sec_hand01 .content{text-align:center;} .sec_hand01 .content .tab_t_box{display:inline-block; font-size:0; padding:.07rem; border:1px solid #dedede; border-radius:.31rem;} .sec_hand01 .content .tab_t_box .tab_t{display:inline-block; font-size:.16rem; margin-right:.2rem; padding:0 .5rem; line-height:.48rem; color:#000000; cursor:pointer; border-radius:.24rem;} .sec_hand01 .content .tab_t_box .tab_t:last-child{margin-right:0;} .sec_hand01 .content .tab_t_box .tab_t.cur{color:#000; background:#f5be2c; font-weight:bold;} .sec_hand01 .content .tab_b_box{margin-top:.6rem; text-align:left;} .sec_hand01 .content .tab_b_box img{width:100%;} .sec_hand01 .content .tab_b_box .tab_b{display:none;} .sec_hand01 .content .tab_b_box .tab_b .box{display:flex; align-items:flex-start; justify-content:space-between; position:relative;} .sec_hand01 .content .tab_b_box .tab_b .img_{width:59.5%;} .sec_hand01 .content .tab_b_box .tab_b .right{width:35.4%; padding-top:.3rem; box-sizing:border-box; } .sec_hand01 .content .tab_b_box .tab_b .right .item{padding-left:.3rem; animation:indbanLeft 1s ease both .4s; visibility:visible; opacity:1; } .sec_hand01 .content .tab_b_box .tab_b .right .item .tit{position:relative; font-size:.32rem; line-height:.4rem; color:#000000; font-weight:bold; margin-bottom:.2rem;} .sec_hand01 .content .tab_b_box .tab_b .right .item .tit::before{content:''; position:absolute; left:-0.3rem; top:.11rem; width:.1rem; height:.1rem; border:.04rem solid #f5be2c; border-radius:50%;} .sec_hand01 .content .tab_b_box .tab_b .right .item .con{font-size:.17rem; line-height:.3rem; color:#656565; max-height:1.5rem; overflow-y:auto; padding-right:.05rem;} .sec_hand01 .content .tab_b_box .tab_b .right .item .con::-webkit-scrollbar {width:2px; height:2px;} .sec_hand01 .content .tab_b_box .tab_b .right .item .con::-webkit-scrollbar-thumb {border-radius:5px; background:#f5be2c; } .sec_hand01 .content .tab_b_box .tab_b .right .item .con::-webkit-scrollbar-track {border-radius:0; background:#fff;} .sec_hand01 .content .tab_b_box .tab_b .right .cover_img{position:absolute; bottom:0; right:0; width:1.6rem;} @keyframes indbanLeft{ 0%{opacity:0;transform:translateX(140px);} 100%{opacity:1;transform:translateX(0);} } .sec_hand02{margin-top:.8rem; padding:.6rem 0; background:#fafafa; background:url(../img/sec_hand02_bg.jpg) no-repeat center/cover;} .sec_hand02 .new_common_title{color:#fff; margin-bottom:.45rem;} .sec_hand02 .new_common_title::after{background:#fff;} .sec_hand02 .swiper-slide{background:#fff; transition:all .3s ease; width:23.8%; border-radius:.06rem; padding:.7rem 3% .4rem; box-sizing:border-box; text-align:center;} .sec_hand02 .swiper-slide .icon{width:1.5rem; height:1.5rem; border-radius:50%; margin:0 auto; display:flex; align-items:center; justify-content:center; background:linear-gradient(to bottom,#e7f2fe,#fff);} .sec_hand02 .swiper-slide .icon img{width:1rem;} .sec_hand02 .swiper-slide .words{margin-top:.35rem;} .sec_hand02 .swiper-slide .words .tit{font-weight:bold; margin-bottom:.1rem; color:#000;} .sec_hand02 .swiper-slide .words .con{height:1.5rem; overflow-y:auto; padding:0 .05rem; color:#747474;} .sec_hand02 .swiper-slide .words .con::-webkit-scrollbar {width:2px; height:4px;} .sec_hand02 .swiper-slide .words .con::-webkit-scrollbar-thumb {border-radius:5px; background:#063f87; } .sec_hand02 .swiper-slide .words .con::-webkit-scrollbar-track {border-radius:0; background:#fff;} .sec_hand02 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:auto; position:relative; font-size:0; margin-top:.55rem;} .sec_hand02 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .06rem; width:.12rem; height:.12rem; background:#fff; opacity:1; } .sec_hand02 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f5be2c; border-color:#f5be2c;} .sec_hand02 .swiper-slide:hover{background:#063f87;} .sec_hand02 .swiper-slide:hover .words .tit{color:#ffffff;} .sec_hand02 .swiper-slide:hover .words .con{color:#ffffff;} /*.sec_hand03{margin-top:.9rem; display:none;}*/ .sec_hand03{margin-top:.9rem; display:none;} .sec_hand03 .item{background:#f6f7f8; padding:.65rem 0; margin-bottom:.3rem;} .sec_hand03 .item:last-child{margin-bottom:0;} .sec_hand03 .item .cont{display:flex; align-items:flex-start;} .sec_hand03 .item .cont .img_{width:45.8%; box-shadow:0 0 6px 2px rgba(0,0,0, 0.07);} .sec_hand03 .item .cont .img_ img{width:100%;} .sec_hand03 .item .cont .words{width:41.2%; margin-left:4.2%; margin-right:8.8%;} .sec_hand03 .item .cont .words .num{font-size:1rem; line-height:1.2; color:#f5be2c; margin-bottom:.3rem;} .sec_hand03 .item .cont .words .num span{display:inline-block; position:relative;} .sec_hand03 .item .cont .words .num span::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:50%; background:linear-gradient(to top,rgba(246, 247, 248, 0.7) 30%,rgba(246, 247, 248, 0.5) 50%,rgba(246, 247, 248, 0.3) 70% ,rgba(246, 247, 248, 0));} .sec_hand03 .item .cont .words .tit{font-size:.32rem; line-height:.4rem; font-weight:bold; color:#000000; margin-bottom:.15rem;} .sec_hand03 .item .cont .words .con{color:#656565;} .sec_hand03 .item .cont .words .more_btns{margin-top:.35rem; font-size:.16rem; line-height:.45rem; color:#000000; font-weight:bold; padding:0 .44rem; border-radius:.06rem; background:#f5be2c; display:inline-block;} .sec_hand03 .item:nth-child(2n){background:#fff;} .sec_hand03 .item:nth-child(2n) .cont{flex-direction:row-reverse;} .sec_hand03 .item:nth-child(2n) .cont .words .num span::after{background:linear-gradient(to top,rgba(255,255,255, 0.7) 30%,rgba(255,255,255, 0.5) 50%,rgba(255,255,255, 0.3) 70% ,rgba(255,255,255, 0));} .sec_hand04{margin:.9rem 0; position:relative;} .sec_hand04 .bg{position:absolute; top:1.8rem; width:100%; transition:all .3s ease; z-index:-1;} .sec_hand04 .bg_box{position:sticky; top:0; width:100%; height:3rem; overflow:hidden;} .sec_hand04 .bg .motive_ani{position:absolute; width:120%; height:100%; left:0; bottom:0;} .sec_hand04 .bg .motive_ani>div{width:.1rem; background-size:100% 100%; background-color:#d4d4d4; display:inline-block; bottom:0; top:0; height:40%; opacity:0.1; margin-top:auto; margin-bottom:auto; position:absolute; animation:wave02 8s linear infinite;} .sec_hand04 .bg .motive_ani>div:first-child{margin-left:0;} .sec_hand04 .left{width:41.2%; margin-left:4.2%;} .sec_hand04 .item{padding-bottom:1rem;} .sec_hand04 .item:last-child{padding-bottom:.6rem; box-sizing:border-box;} /* .sec_hand04 .item .words{padding-right:8.8%;} */ .sec_hand04 .item .words .num{font-size:1rem; line-height:1.2; color:#f5be2c; margin-bottom:.3rem;} .sec_hand04 .item .words .num span{display:inline-block; position:relative;} .sec_hand04 .item .words .num span::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:50%; background:linear-gradient(to top,rgba(255,255,255, 0.7) 30%,rgba(255,255,255, 0.5) 50%,rgba(255,255,255, 0.3) 70% ,rgba(255,255,255, 0));} .sec_hand04 .item .words .tit{font-weight:bold; color:#063f87; margin-bottom:.15rem;} .sec_hand04 .item .words .con{color:#656565; text-align:justify;} .sec_hand04 .item .words .more_btns{margin-top:.35rem; font-size:.16rem; line-height:.45rem; color:#000000; font-weight:bold; padding:0 .44rem; border-radius:.06rem; background:#f5be2c; display:inline-block;} .sec_hand04 .item .words .more_btns:hover{color:#fff; background:#063f87;} .sec_hand04 .right{width:45.3%;} .sec_hand04 .right .img{border:8px solid #063f87; border-radius:.2rem; box-shadow:0 0 16px 4px rgba(0, 0, 0, 0.25); overflow:hidden;} .sec_hand04 .right .img img{opacity:0; transition:all .3s ease;} .sec_hand04 .right .img img:first-child{opacity:1;} .sec_hand04 .right .rect-6689{padding-bottom:66.89%;} @keyframes wave02 { 1%, 33%, 35%, 66%, 68%, 99% { height: 40%; } 5%, 29%, 31%, 62%, 72%, 95% { height: 45%; } 12%, 22%, 45%, 55%, 79%, 89% { height: 65%; } 16%, 18%, 49%, 51%, 83%, 85% { height: 70%; } } /* 发展历程 start*/ .history{min-height:3rem;} .history .section01 .words{padding-top:.75rem;} .history .common_tit{color:#063f87; font-weight:bold; margin-bottom:.45rem; text-align:left;} .history .common_tit::after{left:0; transform:none;} .history .section01 .words .infor{position:relative;} .history .section01 .words .infor .tit{display:inline-block; vertical-align:text-top;} .history .section01 .words .infor .tit .common_tit{margin-bottom:0;} .history .section01 .words .infor .tit .common_tit::after{display:none;} .history .section01 .words .infor .tit .t{margin-top:.05rem; font-size:.2rem; text-transform:uppercase; font-weight:bold; color:#949494; font-family:Arial, Helvetica, sans-serif;} .history .section01 .words .infor .con{font-size:.17rem; line-height:.3rem; color:#747474; display:inline-block; vertical-align:text-top; margin-left:8%;} .history .section01 .words .infor .con span{display:block;} .history .section01 .words .infor .scroll_icon{width:.61rem; height:.61rem; display:flex; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; -webkit-box-align:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; -webkit-justify-content:center; justify-content:center; position:absolute; right:0; top:0;} .history .section01 .words .infor .scroll_icon::before{content:''; width:100%; height:100%; border:1px dashed #999; border-radius:50%; position:absolute; top:0; left:0; animation:rotate 8s linear infinite;} .innovation01 .bg{position:absolute; top:0; left:0; width:0; height:100%; background:#0b1f3e; transition:none; z-index:-3;} .innovation01 .innovation01_content{height:calc(100vh - 8rem); position:absolute; bottom:-0.1rem; width:100%; transition:all 1s ease; z-index:20;} .innovation01 .innovation01_content .wrap{position:relative; height:100%;} .innovation01 .innovation01_content .wrap::before{content:''; position:absolute; bottom:-0.6rem; left:.4rem; height:100px; width:.14rem; background:url(../img/history02_jt.png) center/contain no-repeat; transition:all .5s ease; transition-delay:0.4s;} .innovation01 .innovation01_content .video{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:-1; border-radius:.06rem;} .innovation01 .innovation01_content .video video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-2;} /* .innovation01 .innovation01_content .video::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/history02_1.jpg) no-repeat bottom; opacity:0.4; z-index:-1; background-size:cover;} */ .innovation01 .right{float:right; width:32.5%; height:100%; box-sizing:border-box; position:relative; opacity:0; visibility:hidden; transition:all .5s ease;}/*padding*/ .innovation01 .right::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:1; z-index:-1;} .innovation01 .right ul{height:100%;} .innovation01 .right li{position:relative; background:url(../img/black.28.png) center; transition:.5s ease; -webkit-transition:.5s ease; height:25%; overflow:hidden;} .innovation01 .right li:after{content:''; width:100%; height:1px; background:#fff; background:rgba(255,255,255,.1);position:absolute; left:0; bottom:0;} .innovation01 .right .li1.cur:before{content:''; width:100%; height:1px; background:#e5e5e5; position:absolute; left:0; top:0; z-index:1} .innovation01 .right li a{display:block;} .innovation01 .right li .intro{padding:.5rem; position:relative;} .innovation01 .right li .intro .text_box{float:left; width:70%; color:#fff;} .innovation01 .right li .intro .text_box .t{font-size:.34rem; line-height:.4rem; font-family:Impact;} .innovation01 .right li .intro .text_box .c{font-size:.24rem; line-height:.3rem; font-family:Impact;} .innovation01 .right li .intro .icon{display:block; width:.18rem; height:.18rem; background:url(../img/history_add.png) no-repeat center/cover; position:absolute; right:50px; top:50%; transform:translateY(-50%);} .innovation01 .right li .cover{opacity:0; visibility:hidden; position:absolute; top:0; left:0; background:#fff; width:100%; height:100%; transform:scaleY(0); transform-origin:50%; transition:transform .3s ease-out;} .innovation01 .right li .cover .box{padding:.48rem .4rem .6rem;} .innovation01 .right li .cover .box .box_l{width:57%; float:left;} .innovation01 .right li .cover .box .box_l .t{color:#666; font-size:.26rem; font-weight:bold; margin-bottom:3px;} .innovation01 .right li .cover .box .box_l .c{font-size:.24rem; color:#666;} .innovation01 .right li .cover .box .box_r{width:1.57rem; height:.69rem; float:right;} .innovation01 .right li.cur .cover {transform:scaleY(1); opacity:1; visibility:visible;} .innovation01 .left{float:left; width:67.5%; box-sizing:border-box; height:100%; padding-left:.9rem; padding-top:1rem; opacity:0; visibility:hidden; transition:all .5s ease;}/*padding*/ .innovation01 .left .l_top{margin-bottom:.7rem;} .innovation01 .left .l_top .tit{color:#f5be2c; margin-bottom:.1rem;} .innovation01 .left .l_top .year {position:relative; height:2.3rem; margin-left:-25px; margin-bottom:.16rem} .innovation01 .left .l_top .year img {position:absolute} .innovation01 .left .l_top .year img:first-child {left:0; top:.25rem} .innovation01 .left .l_top .year img:nth-child(2) {left:.75rem; top:.48rem} .innovation01 .left .l_top .year img:nth-child(3) {left:1.7rem; top:0} .innovation01 .left .l_top .year img:nth-child(4) {left:2.5rem; top:.4rem} .innovation01 .left .l_top .common_tit{color:#ffffff; margin-bottom:.45rem; font-weight:bold;} .innovation01 .left .l_top .words{color:#ffffff; font-size:.18rem; line-height:.32rem;} .innovation01 .left .l_bott .item{display:inline-block;} .innovation01 .left .l_bott .item01{margin-right:.7rem;} .innovation01 .left .l_bott .item .icon{width:.31rem; height:.35rem; margin-bottom:.1rem;} .innovation01 .left .l_bott .item .t{color:#ffffff;} .innovation #fullpage{z-index:1;} .innovation .section01 .title{text-align:right;} .innovation .section01 .words{margin-top:.9rem;} .innovation .section03{overflow:visible;} .section{overflow:hidden;} /* .fp-viewing-1 .innovation01 .bg{width:100%; transition:all 1s ease; transition-delay:.5s;} .fp-viewing-2 .innovation01 .bg, .fp-viewing-3 .innovation01 .bg{width:100%;} .fp-viewing-1 .innovation01 .right{opacity:1; visibility:visible;} .fp-viewing-2 .innovation01 .right{opacity:1; visibility:visible;} .fp-viewing-1 .innovation01 .left{opacity:1; visibility:visible;} .fp-viewing-2 .innovation01 .left, .fp-viewing-3 .innovation01 .left{opacity:1; visibility:visible;} .fp-viewing-1 .header, .fp-viewing-2 .header, .fp-viewing-3 .header{top:-1.52rem;} .fp-viewing-1 .innovation01_content{height:6.8rem; bottom:50%; transform:translate(0,50%);} .fp-viewing-2 .innovation01_content, .fp-viewing-3 .innovation01_content{height:6.8rem;transform:translateY(-9rem); bottom:1rem;} .fp-viewing-1 .innovation01_content .right::after{opacity:0.6;} .fp-viewing-2 .innovation01_content .right::after, .fp-viewing-3 .innovation01_content .right::after{opacity:0.6;} .animate__animated{display:none;} .fp-viewing-1 .animate__animated, .fp-viewing-2 .animate__animated, .fp-viewing-3 .animate__animated{display:block;} */ .fp-viewing-secondPage .innovation01 .bg{width:100%; transition:all 1s ease; transition-delay:.5s;} .fp-viewing-secondPage .innovation01 .right{opacity:1; visibility:visible;} .fp-viewing-secondPage .innovation01 .left{opacity:1; visibility:visible;} .fp-viewing-secondPage .innovation01_content{height:6.8rem; bottom:1rem;} .fp-viewing-thirdPage .innovation01_content, .fp-viewing-lastPage .innovation01_content{transform:translateY(-9rem); opacity:0; visibility:hidden;} .fp-viewing-secondPage .innovation01_content .right::after, .fp-viewing-thirdPage .innovation01_content .right::after{opacity:0.6;} .animate__animated{display:none;} .fp-viewing-secondPage .animate__animated{display:block;} .fp-viewing-firstPage #fp-nav{opacity:0; visibility:hidden;} .ani_con{overflow:hidden;} .history .section03{background:#fff; position:relative; z-index:3; display:flex; align-items:center; justify-content:space-around; flex-wrap:wrap;} .history3{opacity:0; width:100%;} .history3.op1{opacity:1;} .history3 .hd .item{display:none;} .history3 .hd .item .infor .con{font-size:.15rem; line-height:.28rem; color:#747474;} .history3 .hd .item.cur{display:block; } .history3 .hd .item.cur .common_tit{animation:indbanLeft 1s ease both .4s; visibility:visible; opacity:1;} .history3 .hd .item.cur .con{animation:indbanLeft 1s ease both .6s; visibility:visible; opacity:1;} .history3 .bd{margin-top:.7rem;} .history3 .bd .stages{position:relative; white-space:nowrap; overflow-x:scroll; font-size:0; margin:0 auto; flex:1 1 auto;} .history3 .bd .stages:after{content:''; width:100px; height:100%; background-image:linear-gradient(to left,#fff,transparent); position:absolute; right:0; top:0; z-index:4;} .history3 .bd .stages::-webkit-scrollbar{display:none;} .history3 .bd .stages .swiper-wrapper{transition-duration: .2s!important;} .history3 .bd .stages .swiper-container{position:relative} .history3 .bd .stage_item{display:inline-block; z-index:0; box-sizing:border-box; overflow:hidden; width:auto;} .history3 .bd .stage_item:last-child{min-width:100%;} .history3 .bd .stage_item .cont{position:relative; /*width:9rem;*/ margin-left:8.35vw; white-space:nowrap; height:100%;} .history3 .bd .stage_item .cont:first-child{margin-left:0;} .history3 .bd .stage_item .cont .years{display:inline-block; padding:.1rem 0; padding-right:4vw; font-size:0; box-sizing:border-box; height:100%;} .history3 .bd .stage_item .cont .years:last-child{padding-right:0;} .history3 .bd .stage_item .cont .year_item{position:relative; display:inline-block; width:4.35rem; padding:0 .62rem; padding-right:.45rem; border-left:1px solid #EEEEEE; white-space:initial; box-sizing:border-box; height:100%; box-sizing:border-box;} .history3 .bd .stage_item .cont .year_item:last-child{border-right:0;} .history3 .bd .stage_item .cont .year_item.on{border-left:1px solid transparent; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transition:all .5s ease;} .history3 .bd .stage_item .cont .year_item.on+.year_item{border-left:1px solid transparent;} /* .history3 .bd .stage_item .cont .year_item.on .intro_box .infor{height:3.7rem;} */ .history3 .bd .stage_item .cont .year_item.on .intro_box .infor{height:100%;} .history3 .bd .stage_item .cont .year_item.on .img_{opacity:0;} .history3 .bd .stage_item .cont .year_item .intro_box{position:relative; padding-top:1.7rem; transition:all .5s ease; white-space:normal;} .history3 .bd .stage_item .cont .year_item .intro_box .infor{position:absolute; top:0; left:0; right:0; height:1.7rem; background:#fff; z-index:1; transition:all .5s ease; overflow:hidden;} .history3 .bd .stage_item .cont .year_item .tit{font-size:.34rem; line-height:.4rem; color:#000; font-family:Impact; font-weight:bold; padding-top:.17rem;} .history3 .bd .stage_item .cont .year_item .con{line-height:.25rem; margin-top:.1rem; color:#5b5b5b; font-size:.15rem; } .history3 .bd .stage_item .cont .year_item .img_{margin-top:.25rem; opacity:1; border-radius:.06rem; padding-bottom:56.57%; height:0; position:relative; overflow:hidden;} .history3 .bd .stage_item .cont .year_item .img_ img{border-radius:.06rem; width:100%; position:absolute; top:50%; transform:translateY(-50%); min-height:100%; left:0;} .history3 .bd .indicators{position:relative; z-index:1; width:100%; margin-top:.6rem; display:flex;} .history3 .bd .indicators:before{content:''; width:9px; height:9px; background:url(../img/history3_1.png) no-repeat center; position:absolute; top:-4px; right:0; z-index:3;} .history3 .bd .indicators .indi_item{/*float:left;*/ flex:1 1 auto; cursor:pointer;} .history3 .bd .indicators .indi_item .line{position:relative; width:100%; height:2px; background:#bebebe; overflow:visible;} .history3 .bd .indicators .indi_item .line::before{content:""; position:absolute; top:1px; left:0; width:8px; height:8px; margin-top:-4px; background:#f5be2c; border-radius:4px; z-index:2;} .history3 .bd .indicators .indi_item:last-child .line::after{content:""; position:absolute; top:1px; right:-1px; width:8px; height:8px; margin-top:-4px; background:url(../img/history_jt.png) no-repeat center; z-index:1;} .history3 .bd .indicators .indi_item .line .progress{position:absolute; top:0; left:0; height:100%; width:0; background:#F6B32A; z-index:1; transition:all .3s ease;} .history3 .bd .indicators .indi_item .txt{font-size:.18rem; margin-top:.3rem; text-align:center; color:#000; transition:all .5s ease;} .history3 .bd .indicators .indi_item.active .txt, .history3 .bd .indicators .indi_item:hover .txt{font-weight:bold;} .history3 .bd .indicators .indi_item.cur .line::before{background:#F6B32A;} @keyframes rotate{ 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} 100%{-webkit-transform:rotate(360deg);} } body #fp-nav.left{left:.3rem;} body #fp-nav ul li a.active span, body #fp-nav ul li:hover a.active span {width:6px; height:6px; background:transparent; margin:-2px 0 0 -2px;} body #fp-nav ul li a span{width:6px; height:6px; border:2px solid #B7B7B7; background:#b7b7b7;} body.fp-viewing-0 #fp-nav{opacity:0;} body #fp-nav ul li:hover a span{ margin:-3px 0 0 -4px;} /* 发展历史 end */ /*满意度调查 */ .manyi_survey01{padding:.7rem 0 .9rem; } .manyi_survey01 .content{position:relative;} .manyi_survey01 .welcome {font-size:.17rem;} .manyi_survey01 .welcome .t{font-weight:bold; display:block; color:#0a1e40; margin-bottom:.15rem;} .manyi_survey01 .awardpic{padding:.1rem 0 .3rem; font-size:.18rem; color:#000000; font-weight:bold;} .manyi_survey01 .awardpic .awl{display:inline-block; margin-right:.1rem; white-space:nowrap; } .manyi_survey01 .awardpic .awl i{display:none;} .manyi_survey01 .form_box{font-size:0;} .manyi_survey01 .form_box .fbli{float:left; white-space:nowrap; width:22.6%; margin-right:3.2%; position:relative; margin-bottom:.25rem; border-bottom:1px solid #e5e5e5; display:flex; align-items:flex-start;} .manyi_survey01 .form_box .fbli:nth-child(4n){margin-right:0;} .manyi_survey01 .form_box .fbli .label{font-size:.16rem; color:#000000; font-weight:bold; line-height:.3rem; text-transform:uppercase; width:27%;} .manyi_survey01 .form_box .fbli input {font-size:.15rem; color:#5b5b5b; box-sizing:border-box; margin:0; padding:0; vertical-align:middle; border:none; outline:none; width:83%; padding-left:.1rem; box-sizing:border-box; position:relative; line-height:.3rem; padding-bottom:.2rem; height:.5rem;} .manyi_survey01 .form_box .fbli .sele {font-size:.15rem; color:#5b5b5b; position:relative; line-height:.3rem; height:.3rem; margin-bottom:.2rem; text-indent:.1rem; cursor:pointer; border:none; width:83%; padding-left:.1rem; box-sizing:border-box; position:relative;} .manyi_survey01 .p_title {font-size:.18rem; padding-top:.3rem; line-height:.3rem; padding-bottom:.15rem; font-weight:bold; color:#000; border-bottom:1px solid #e5e5e5; margin-bottom:.25rem;} .manyi_survey01 .form-list>li .form-title{padding:.25rem 0 .1rem; font-size:.16rem; line-height:.3rem; color:#000;} .manyi_survey01 .form-list>li h3.form-big-title {color:#0a1e40; margin-bottom:.2rem;} .manyi_survey01 .form-list>li .form-con{border-bottom:1px solid #eceff8;} .manyi_survey01 .form-list>li .form-con li {width:auto; padding:.05rem .2rem; line-height:.28rem; float:left; color:#5b5b5b; border-bottom:none; font-size:.16rem; } .manyi_survey01 .form-list>li .form-con li:first-child{padding-left:0;} .manyi_survey01 .form-list>li .form-con li input{height:.28rem; line-height:.28rem; border:1px solid #ccc; padding:1px;} .manyi_survey01 .form-list>li .form-con li input.radio {height:auto; vertical-align:middle; margin-right:2px; display:inline-block;} .manyi_survey01 .form-list>li .form-con li span{display:inline-block; vertical-align:middle;} .manyi_survey01 .other_suggest {margin-top:.45rem;} .manyi_survey01 .other_suggest>li h3.form-big-title{padding-bottom:0;} .manyi_survey01 .other_suggest li {border-bottom-width:0;} .manyi_survey01 .other_suggest li .remark{border-radius:.1rem; width:100%; font-size:.16rem; line-height:.3rem; color:#000000; border:1px solid #c6c6c6; padding:.1rem; box-sizing:border-box; height:2rem;} .manyi_survey01 .other_suggest li .remark::-webkit-input-placeholder{font-weight:bold; font-size:.16rem;} .manyi_survey01 .other_suggest li .remark:-moz-placeholder{font-weight:bold; font-size:.16rem;} .manyi_survey01 .other_suggest li .fb_yzm {margin-top:.1rem; font-weight:bold; font-size:.16rem; color:#000; margin-top:.15rem; padding-bottom:.15rem;} .manyi_survey01 .other_suggest li .fb_yzm .input{width:1.6rem; padding:0; margin:0; border:1px solid #c6c6c6; text-indent:.1rem; line-height:.3rem;} .manyi_survey01 .other_suggest li #diaocha-9324AuthCode {height:.3rem; top:0px; width:1.3rem;} .manyi_survey01 .form-btn{position:absolute; bottom:0; right:0;} .manyi_survey01 .form-btn .btn{height:.45rem; line-height:.45rem; text-align:center; color:#fff; background:#0a1e40; border-radius:.06rem; cursor:pointer; font-size:.16rem; padding:0 .4rem; border:0; font-weight:bold; outline:none;} .manyi_survey01 .form_box .required{color:red; font-size:12px; vertical-align:0; margin-left:5px;} /* 互动活动 */ .brand_activity01{padding:.6rem 0 .3rem;} .brand_activity01 .filter{margin-bottom:.25rem;} .brand_activity01 .filter .tit{float:left; font-size:.19rem; font-weight:bold; color:#063f87; margin-right:.3rem;} .brand_activity01 .filter ul{float:left;} .brand_activity01 .filter .item{float:left; font-size:.14rem; line-height:.28rem; color:#000; margin-right:.11rem; cursor:pointer; border:1px solid #d3d3d3; border-radius:.06rem;} .brand_activity01 .filter .item.cur{font-weight:bold; background:#f4bd3e; } .brand_activity01 .filter .item>a{display:block; color:#000; padding:0 .2rem; } .brand_activity01 .rect-57{padding-bottom:57%;} .brand_activity01 .content .list .item{width:32.4%; float:left; margin-right:1.4%; margin-bottom:.3rem; border-radius:.06rem; box-shadow:0px 3px 16px 0px rgba(0, 0, 0, 0.05);} .brand_activity01 .content .list .item:nth-child(3n){margin-right:0;} .brand_activity01 .content .list .item a{display:block;} .brand_activity01 .content .list .item .intro{background:#fff; transition:all 0.5s ease;} .brand_activity01 .content .list .item .intro .box{padding:.32rem .45rem .45rem .27rem;} .brand_activity01 .content .list .item .intro .box .d span{font-size:.14rem; display:inline-block; padding:.03rem .07rem; border:1px solid #8b8b8b; margin-left:.17rem; line-height:1; border-radius:.06rem;} .brand_activity01 .content .list .item .intro .box .t{color:#063f87; font-weight:bold; margin:.07rem 0 .15rem; height:.66rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .brand_activity01 .content .list .item .intro .box .c{height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .brand_activity01 .content .list .item:hover .intro{background:#063f87;} .brand_activity01 .content .list .item:hover .intro .d{color:#fff;} .brand_activity01 .content .list .item:hover .intro .box .t{color:#fff;} .brand_activity01 .content .list .item:hover .intro .c{color:#fff;} .brand_activity01 .content .list .item:hover .intro .box .d span{border-color:#fff;} /* 公共加上下padding的类名 */ .channel_content.channel_padding{padding:.6rem 0;} /* 产品对比 */ .compare_product{position:fixed; z-index:40; width:100%; height:.87rem; /*display:none;*/ bottom:-100%; box-sizing:border-box; overflow-x:hidden;} .compare_product .compare-main{margin:0 auto; background:#0a1e40; text-align:center;} .compare_product .compare-sel{color:#fff; padding:.24rem 0 .21rem; display:inline-block; width:100%; font-size:0;} .compare_product .compare-selul{height:.4rem; overflow:hidden; display:inline-block; margin:0 auto; width:63%;} .compare_product .compare-selli{float:left; font-size:.16rem; height:.38rem; width:30%; margin-right:3%; text-align:center;} .compare_product .compare-selli-name{display:inline-block; max-width:2.45rem; height:.4rem; overflow:hidden; margin-right:.15rem; line-height:.4rem} /*底部单个删除按钮样式*/ .compare_product .compare-selli-delbtn{display:inline-block; vertical-align:top; width:12px; height:12px; line-height:10px; padding:0; border-radius:50%; border:1px solid #fff; color:#fff; margin-top:.13rem; cursor:pointer; background:#fff url(../img/compare_close.png) no-repeat center;} /*底部的对比按钮和取消按钮的父级*/ .compare_product .compare-selbtn{box-sizing:border-box; -moz-box-sizing:border-box; width:33%; height:.42rem; overflow:hidden; padding:0px 0 0 .34rem; border-left:1px solid #6f6f6f; text-align:left; float:right;} /*底部对比按钮*/ .compare_product .compare-selbtn .comparea-selbtn-btn{box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #f5f3f3; border-radius:.06rem; background-color:transparent; color:#f5f3f3; cursor:normal; font-size:.15rem; height:.42rem; line-height:.42rem; max-width:2.78rem; text-align:center; float:left; opacity:.65; padding:0 .16rem;} /*底部取消按钮*/ .compare_product .compare-selbtn .comparea-selbtn-closeall{display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #f5f3f3; border-radius:.06rem; background-color:transparent; color:#f5f3f3; cursor:pointer; font-size:.15rem; height:.42rem; line-height:.42rem; text-align:center; width:1.4rem; padding:0 .16rem; margin-left:.3rem; } .compare_product .compare-selbtn .comparea-selbtn-closeall:hover{background:#f5f3f3;border-color:#f5f3f3;color:#1e1e1e;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out} /*底部对比按钮可点击状态样式及触控*/ .compare_product .compare-selbtn .comparea-selbtn-btn.comparea-selbtn-abled{width:1.4rem; padding:0 .16rem; cursor:pointer; opacity:1; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;} .compare_product .compare-selbtn .comparea-selbtn-btn.comparea-selbtn-abled:hover{background-color:#f5f3f3;color:#1e1e1e;border-color:#f5f3f3} /*产品推拉*/ .comparePro_list{position:fixed; left:0; top:100%; width:100%; height:100%; background:#fff; cursor:pointer; z-index:100;} .comparePro_list .top_{position:relative; height:.7rem; background:#0a1e40; z-index:10;} .comparePro_list .top_ .infor{text-align:center; line-height:.7rem;} .comparePro_list .top_ .tit{display:inline-block; font-size:.18rem; color:#fff; height:.32rem; line-height:.32rem; margin-right:.38rem; vertical-align:middle;} .comparePro_list .top_ .icon{display:inline-block; width:.66rem; height:.3rem; background:url(../img/compare_xiala.png) no-repeat center/cover; vertical-align:middle; cursor:pointer; border:1px solid #fff; border-radius:.06rem;} .comparePro_list .bott_{height:85%;} .comparePro_list .bott_ .title{text-align:center; margin-bottom:.4rem; font-weight:900; color:#0a1e40;} .comparePro_list .bott_{overflow-y:auto!important;} /* 车型选择 */ .comparePro_list .comparison01{background:#f8f8f8; padding:.7rem 0;} .comparePro_list .comparison01 .box .item{width:27.5%; margin-right:8.75%; float:left;} .comparePro_list .comparison01 .box .item:last-child{margin-right:0;} .comparePro_list .comparison01 .box .item .select{position:relative;} .comparePro_list .comparison01 .box .item .select .sel_span{font-size:.2rem; line-height:.2rem; position:relative; padding-bottom:.2rem; border-bottom:1px solid #cfcfcf; cursor:pointer;} .comparePro_list .comparison01 .box .item .select .sel_span::before{content:''; width:0; left:0; bottom:-1px; height:1px; position:absolute; transition: transform .55s cubic-bezier(0.165,0.84,0.44,1); transform: scaleX(0); transform-origin:right; background-color: #192c4c; width:100%;} .comparePro_list .comparison01 .box .item .select .sel_span::after{content:'\e604'; font-family:'iconfont'; font-size:.2rem; position:absolute; right:5px; top:6px;} .comparePro_list .comparison01 .box .item .select .sel_span:hover::before{transform: scaleX(1); transform-origin:left;} .comparePro_list .comparison01 .box .item .select .sel_down{display:none; position:absolute; left:0; top:100%; width:100%; padding:.1rem; box-sizing:border-box; z-index:2; background:#fff; box-shadow:0 3px 6px 2px rgba(0,0,0,0.1); padding-right:0;} .comparePro_list .comparison01 .box .item .select .sel_down ul{max-height:2.72rem; overflow:auto; padding-right:.1rem;} .comparePro_list .comparison01 .box .item .select .sel_down ul::-webkit-scrollbar{width:2px; height:4px;} .comparePro_list .comparison01 .box .item .select .sel_down ul::-webkit-scrollbar-thumb{background:#0a1e40;} .comparePro_list .comparison01 .box .item .select .sel_down ul::-webkit-scrollbar-track{background:#fff;} .comparePro_list .comparison01 .box .item .select .sel_down li{line-height:.34rem; cursor:pointer; font-size:.15rem; color:#5b5b5b; } .comparePro_list .comparison01 .box .item .select .sel_down li:hover{color:#0a1e40;} .comparePro_list .comparison01 .box .item .img_{margin-top:.5rem; margin-bottom:.6rem;} .comparePro_list .comparison01 .box .item .img_ .img_box{height:3rem; text-align:center;} .comparePro_list .comparison01 .box .item .img_ .img_box img{max-height:95%; mix-blend-mode:darken;} .comparePro_list .comparison01 .box .item .more{text-align:center;} .comparePro_list .comparison01 .box .item .more a{color:#fff; line-height:.44rem; background:#0a1e40; position:relative; display:block; width:1.8rem; font-size:.16rem; color:#fff; font-weight:bold; border-radius:.06rem; margin:0 auto;} /* 吸顶 */ .comparePro_list .comparison_list{position:fixed; top:100%; left:0; width:100%; background:#f5f5f5; padding:.3rem 0; transition:all 0.5s ease; opacity:0; box-shadow:0 0 8px 3px rgba(0, 0, 0, 0.2);} .comparePro_list .comparison_list .item{width:27.5%; margin-right:8.75%; float:left; text-align:center;} .comparePro_list .comparison_list .item:last-child{margin-right:0;} .comparePro_list .comparison_list .item a{display:block; font-size:0;} .comparePro_list .comparison_list .item .img_box{width:24%; display:inline-block; vertical-align:middle; margin-right:5%; height:.7rem; mix-blend-mode:darken;} .comparePro_list .comparison_list .item .img_box img{max-height:95%; mix-blend-mode:darken;} .comparePro_list .comparison_list .item .intro{display:inline-block; vertical-align:middle; max-width:70%;} .comparePro_list .comparison_list .item .intro .tit{font-size:.16rem; color:#000; font-weight:bold;} .comparePro_list .comparison_list .item .intro .more{font-size:.15rem; color:#5b5b5b;} .comparePro_list .comparison_list .item .intro:hover .tit{color:#0a1e40;} .comparePro_list .comparison_list .item .intro:hover .more{color:#0a1e40;} /* 参数 */ .comparePro_list .comparison02{margin-top:.7rem; padding-bottom:.4rem;} .comparePro_list .comparison02 .box{font-size:0;} .comparePro_list .comparison02 .list{float:left; width:25%; text-align:center; font-size:.16rem; line-height:.3rem;} .comparePro_list .comparison02 .list .d_body{border-top:1px solid #dfdfdf; width:100%; border-collapse:collapse;} .comparePro_list .comparison02 .list .parameter{padding:.07rem .05rem; border:1px solid #dfdfdf; border-top:0; color:#5b5b5b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .comparePro_list .comparison02 .list .d_title{font-weight:bold; background:#ededed; color:#000;} /* 询低价 */ .inquire01{padding:.7rem 0 .9rem;} .inquire01 .top .box{overflow:hidden; font-size:0; display:flex; align-items:center; justify-content:space-between;} .inquire01 .top .box .item{height:140px; display:flex; align-items:center; justify-content:flex-start; vertical-align:bottom; width:31.7%; padding-left:.5rem; box-sizing:border-box; position:relative; padding-right:.2rem;} .inquire01 .top .box .item01{width:34.8%; background:url(../img/inquire01_01.png) no-repeat right/cover;} .inquire01 .top .box .item .num{font-size:.76rem; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; line-height:1; color:rgba(255,255,255, 0.3);} .inquire01 .top .box .item .infor{color:#fff; margin-left:.3rem;} .inquire01 .top .box .item .infor .tit{font-size:.28rem; line-height:.3rem; font-weight:bold; } .inquire01 .top .box .item .infor .con{font-size:.18rem; line-height:.3rem; margin-top:.05rem;} .inquire01 .top .box .item::after{content:''; position:absolute; top:0; width:105%; height:50%; left:0; background:#063f87; transform:skewX(35.5deg) ; z-index:-1;} .inquire01 .top .box .item::before{content:''; position:absolute; bottom:0; width:105%; height:50%; left:0; background:#063f87; transform:skewX(-35.5deg) ; z-index:-1;} .inquire01 .top .box .item01::after, .inquire01 .top .box .item01::before{display:none;} .inquire01 .top .box .item02::after{transform:skewX(35.5deg) translateX(-5%);} .inquire01 .top .box .item02::before{transform:skewX(-35.5deg) translateX(-5%);} .inquire01 .top .box .item03::after, .inquire01 .top .box .item03::before{width:120%;} .inquire01 .bott{margin-top:.11rem; background:#f3f6f8; padding:.7rem 1rem;} .inquire01 .bott .hd{margin-bottom:.3rem;} .inquire01 .bott .hd .box{background:#fff; box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.1); border-radius:.06rem; padding:.45rem 5.5%; padding-right:7%; display:flex; align-items:center; justify-content:space-between;} .inquire01 .bott .hd .box .left{display:flex; align-items:center; max-width:calc(100% - 3.5rem);} .inquire01 .bott .hd .box .left .img{height:1.45rem; } .inquire01 .bott .hd .box .left .img img{max-height:95%; mix-blend-mode:darken;} .inquire01 .bott .hd .box .left .words{margin-left:3.4%;} .inquire01 .bott .hd .box .left .words .tit{font-size:.26rem; line-height:.3rem; font-weight:bold; color:#0a1e40; margin-bottom:.1rem; white-space:nowrap;} .inquire01 .bott .hd .box .left .words .con .item{color:#0a1e40;} .inquire01 .bott .hd .box .right .line{display:inline-block; vertical-align:text-top; padding:0 .4rem; white-space:nowrap; position:relative;} .inquire01 .bott .hd .box .right .line:first-child::after{content:''; position:absolute; right:0; top:0; height:100%; width:1px; background:#e0e0e0;} .inquire01 .bott .hd .box .right .line .t{font-size:.22rem; line-height:.26rem; font-weight:bold; color:#f5be2c; } .inquire01 .bott .hd .box .right .line .c{font-size:.18rem; line-height:.24rem; color:#0a1e40;} .inquire01 .bott .bd .tips{margin-bottom:.4rem;} .inquire01 .bott .bd .tips .title{font-size:.4rem; line-height:1.1; font-weight:bold; color:#063f87; margin-bottom:.1rem;} .inquire01 .bott .bd .tips .con{font-size:.18rem; line-height:.3rem; font-weight:bold; color:#1f1f1f; } .inquire01 .bott .bd .form_box{position:relative;} .inquire01 .bott .bd .form_box .inp_box{float:left; width:49.3%; margin-right:1.4%; margin-bottom:.2rem; position:relative;} .inquire01 .bott .bd .form_box .inp_box:nth-child(2n){margin-right:0;} .inquire01 .bott .bd .form_box .inp_box.text_inquiry{width:100%;} .inquire01 .bott .bd .form_box .inp_box label{display:block; font-size:.18rem; line-height:.2rem; font-weight:bold; color:#1f1f1f; margin-bottom:.1rem;} .inquire01 .bott .bd .form_box .inp_box label em{color:#fd3f40;} .inquire01 .bott .bd .form_box .inp_box .inp{width:100%; padding:.1rem; box-sizing:border-box; font-size:.16rem; line-height:.3rem; text-indent:.1rem; margin:0; border:0; outline:none; background:#fff; border-radius:.06rem;} .inquire01 .bott .bd .form_box .inp_box .inp_text{width:100%; border:0; margin:0; padding:.2rem; box-sizing:border-box; background:#fff; font-size:.16rem; line-height:.3rem; height:1.3rem; resize:none; border-radius:.06rem;} .inquire01 .bott .bd .form_box .inp_box .inp_text::-webkit-input-placeholder{font-weight:bold; font-size:.16rem;} .inquire01 .bott .bd .form_box .inp_box .inp_text:-moz-placeholder{font-weight:bold; font-size:.16rem;} .inquire01 .bott .bd .form_box .inp_box.inp_yzm{margin-bottom:0; margin-top:.15rem; width:auto;} .inquire01 .bott .bd .form_box .inp_box.inp_yzm>*{display:inline-block; margin-right:.1rem; margin-bottom:0;} .inquire01 .bott .bd .form_box .inp_box.inp_yzm .inp{width:1.6rem; padding:0; margin-right:.1rem; border:1px solid #c6c6c6; background:none; text-indent:.1rem; line-height:.3rem; border-radius:0; box-sizing:border-box;} .inquire01 .bott .bd .form_box .inp_box.inp_yzm img{width:1.28rem; height:.3rem; margin-right:0;} .inquire01 .bott .bd .form_box .form-btn{position:absolute; bottom:0; right:0;} .inquire01 .bott .bd .form_box .form-btn .btn{height:.45rem; line-height:.45rem; text-align:center; color:#000; background:#f5be2c; border-radius:.06rem; cursor:pointer; font-size:.16rem; padding:0 .4rem; border:0; font-weight:bold; outline:none; transition:all .3s ease;} .inquire01 .bott .bd .form_box .form-btn .btn:hover{color:#fff; background:#063f87;} .inquire01 .bott .bd .form_box .sel_box{cursor:pointer;} .inquire01 .bott .bd .form_box .sel_box .sel_span{width:100%; display:block; padding:.1rem; box-sizing:border-box; font-size:.16rem; line-height:.3rem; height:.5rem; text-indent:.1rem; margin:0; border:0; outline:none; background:#fff; border-radius:.06rem;} .inquire01 .bott .bd .form_box .sel_box .sel_down{width:100%; position:absolute; left:0; top:100%; display:none; background:#fff; box-shadow:0px 3px 8px rgb(0 0 0 / 8%); z-index:2; padding:0 .3rem; box-sizing:border-box; max-height:3rem; overflow-y:auto;} .inquire01 .bott .bd .form_box .sel_box .sel_down::-webkit-scrollbar {width:2px; height:2px;} .inquire01 .bott .bd .form_box .sel_box .sel_down::-webkit-scrollbar-thumb {border-radius:5px; background:#0a1e40; } .inquire01 .bott .bd .form_box .sel_box .sel_down::-webkit-scrollbar-track {border-radius:0; background:#fff;} .inquire01 .bott .bd .form_box .sel_box .sel_down li{font-size:.16rem; line-height:.5rem; padding-left:.1rem; cursor:pointer;} .inquire01 .bott .bd .form_box .sel_box .sel_down li:not(:last-child){border-bottom:1px solid #d4d4d4; box-sizing:border-box;} .inquire01 .bott .bd .form_box .sel_box .sel_down li:hover{color:#0a1e40;} /* 公共部分调整 */ .header .nav_down .left .tit{display:none;} .header .nav_down .left .item{font-size:.16rem;} .xc_nav .item{font-size:.16rem;} .new_application.xc_nav .swiper-slide a{font-size:.16rem;} /* select下拉 */ body .select-ui-options-default li:hover{background:#0a1e40;} /* 页面顶部底部高度调整 */ .about_us01{padding-top:.7rem;} .channel_content.news_list, .channel_content.assess{padding:.7rem 0 .9rem;} .brand_activity01{padding:.7rem 0 .6rem;} .fin_lease.channel_content{padding-top:.7rem;} /* 相对定位导航 */ .ab_header .header{position:absolute; top:0; left:0; width:100%;} /* 售后服务 */ .after_sale01{padding-top:.7rem; margin-bottom:.8rem;} .after_sale01 .infor{margin-bottom:.75rem;} .after_sale01 .infor .con_{font-size:.18rem; line-height:.28rem; color:#000000; text-transform:uppercase; width:66.4%; margin:.5rem auto 0; text-align:center;} .after_sale01 .content .swiper-slide{display:inline-block; width:32.2%; margin-right:1.7%; background:#f5f5f5; border-radius:.06rem; position:relative; padding:.5rem 0; padding-left:3.1%; padding-right:4.7%; box-sizing:border-box;} .after_sale01 .content .swiper-slide:nth-child(3n){margin-right:0;} .after_sale01 .content .swiper-slide .item{position:relative;} .after_sale01 .item .before_area{transition:all .3s ease;} .after_sale01 .item .before_area .top .icon img{width:.74rem; height:.74rem;} .after_sale01 .item .before_area .top .tit{color:#000000; font-weight:bold; margin:.2rem 0 .1rem;} .after_sale01 .item .before_area .top .con{height:.6rem; color:#5f5f5f; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .after_sale01 .item .before_area .bott{margin-top:.1rem; min-height:2rem;} .after_sale01 .item .before_area .bott dd{position:relative; padding-left:.4rem; font-size:.18rem; line-height:.3rem; color:#5f5f5f; margin-top:.1rem;} .after_sale01 .item .before_area .bott dd::after{content:''; left:.05rem; top:.03rem; position:absolute; width:.08rem; height:.15rem; border-bottom:2px solid #333; border-right:2px solid #333; transform:rotate(45deg);} .after_sale01 .item .after_area{position:absolute; left:0; top:0; width:100%; height:100%;} .after_sale01 .item .after_area{opacity:0; visibility:hidden; transition:all .3s ease; } .after_sale01 .item .after_area .box{height:100%; overflow-y:auto; padding-right:.08rem; } .after_sale01 .item .after_area .box::-webkit-scrollbar {width:2px; height:2px;} .after_sale01 .item .after_area .box::-webkit-scrollbar-thumb {border-radius:5px; background:#f5be2c; } .after_sale01 .item .after_area .box::-webkit-scrollbar-track {border-radius:0; background:#fff;} .after_sale01 .item .after_area .tit{color:#000000; font-weight:bold; margin-bottom:.15rem;} .after_sale01 .item .after_area .intro{margin-bottom:.3rem;} .after_sale01 .item .after_area .intro:last-child{margin-bottom:0;} .after_sale01 .item .after_area .intro .t{font-size:.17rem; line-height:.3rem; color:#000000; font-weight:bold; margin-bottom:.05rem;} .after_sale01 .item .after_area .intro .c{font-size:.16rem; line-height:.28rem; color:#000000; text-align:justify;} .after_sale01 .btns01{position:absolute; right:.4rem; bottom:.25rem; padding:.1rem; background:#000000; border-radius:50%; cursor:pointer;} .after_sale01 .btns01 .icon{width:.22rem; height:.22rem; background:url(../img/after_sale01_02.png) no-repeat center/cover; transition:all .3s ease;} .after_sale01 .btns01.cur .icon{transform:rotate(45deg);} .after_sale01 .content .swiper-slide.cur .item .before_area{opacity:0; visibility:hidden;} .after_sale01 .content .swiper-slide.cur .item .after_area{opacity:1; visibility:visible;} /* 切换按钮 */ .after_sale01 .box_btn{text-align:center; margin-top:.2rem; align-items:center; justify-content:center; display:none;} .after_sale01 .box_btn.show{display:flex;} .after_sale01 .btns_{position:relative; margin-top:0; width:auto; height:auto; background:none; display:flex; align-items:center; justify-content:space-around; width:.4rem; height:.4rem; border:2px solid #000; border-radius:50%; margin:0 .05rem;} .after_sale01 .btns_ .iconfont{color:#000; font-size:.18rem; line-height:1; font-weight:bold; margin:0; display:block;} .after_sale01 .swiper-button-prev{left:0;} .after_sale01 .swiper-button-next{right:0;} .after_sale02{position:relative; overflow:hidden;} .after_sale02 .bg img{width:100%;} .after_sale02 .content{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);} .after_sale02 .content .top{color:#fff; margin-bottom:.7rem;} .after_sale02 .content .top .title{font-weight:900; margin-bottom:.1rem;} .after_sale02 .content .top .con{font-size:.18rem; line-height:.32rem;} .after_sale02 .content .bott .t{color:#f5be2c; font-size:.3rem; line-height:1; margin-bottom:.25rem;;} .after_sale02 .content .bott .t span{font-size:.8rem; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; } .after_sale02 .content .bott .more_btn{display:inline-block; font-size:.17rem; color:#000; font-weight:bold; background:#f5be2c; border-radius:.06rem; padding:0 .3rem; line-height:.4rem;} .after_sale03 .help_box{width:100%; height:100vh;} .after_sale03 .content{position:sticky; left:0; top:60px; height:calc(100vh - 60px); background-color:#000; overflow:hidden;} .after_sale03 .content .area{width:100%; height:100%;} .after_sale03 .content .area .img_box{position:absolute; overflow:hidden;} .after_sale03 .content .area .img_box>img{width:100%; min-height:100%;} .after_sale03 .content .area .video_box video{width:100%; height:100%; object-fit:fill;} .after_sale03 .content .area .img_box01{width:28.5%; top:7.2%; left:37.4%; height:27.2%;} .after_sale03 .content .area .img_box02{width:19.4%; top:30%; left:16.5%; height:32.7%;} .after_sale03 .content .area .video_box{width:25%; top:37.5%; left:37.5%; height:25%;} .after_sale03 .content .area .img_box04{width:25%; top:37.5%; left:64%; height:25%;} .after_sale03 .content .area .img_box05{width:53.7%; top:65.7%; left:9%; height:24.4%;} .after_sale03 .content .area .img_box06{width:21.3%; top:65.7%; left:64%; height:24.4%;} .after_sale03 .content .area .video_box .video_start{position:absolute; left:50%; top:50%; width:.48rem; height:.48rem; border-radius:50%; background:url(../img/img_video04_play.png) no-repeat center center/cover; transform:translate(-50%, -50%); display:none;} .after_sale04 .right .bott .b_left{vertical-align:text-bottom;} .after_sale04 .right .bott .b_right{vertical-align:text-bottom;} .after_sale04 .right .bott .b_right .t{font-size:.22rem; line-height:.32rem; color:#000000; } .after_sale04 .right .bott .b_phone{color:#0a1e40; margin-top:.2rem; } .after_sale04 .right .bott .b_phone a{font-weight:bold;} /* 个人中心 */ .personal_center{padding:.7rem 0 .9rem; background:#f8f9fc;} .personal_center01 .content{display:flex; align-items:stretch; justify-content:space-between;} .personal_center01 .left{width:15.3%; background:#fff; border-radius:.06rem;} .personal_center01 .left .top{padding-top:.3rem; padding-bottom:.25rem; text-align:center;} .personal_center01 .left .top a{display:inline-block;} .personal_center01 .left .top .img a{display:inline-block;} .personal_center01 .left .top .img img{width:.9rem; height:.9rem; border-radius:50%; } .personal_center01 .left .top .acc_box a{display:block;} .personal_center01 .left .top .acc_box .number{font-size:.28rem; line-height:.3rem; color:#1b1b1b; font-weight:bold; margin-top:.12rem;} .personal_center01 .left .top .acc_box .logup{font-size:.16rem; line-height:.3rem; color:#d80b01;} .personal_center01 .left .bott{padding-top:.25rem;} .personal_center01 .left .bott .list{margin-bottom:.4rem;} .personal_center01 .left .bott .list .title_box{padding-left:.2rem; line-height:.3rem; font-size:0; cursor:pointer; border-left:.04rem solid #fff; color:#1b1b1b; height:.3rem;} .personal_center01 .left .bott .list .title_box>span{display:inline-block; vertical-align:middle;} .personal_center01 .left .bott .list .title_box .xgicon{font-size:.24rem; margin-right:.1rem;} .personal_center01 .left .bott .list .title_box .title{font-size:.2rem; font-weight:bold;} .personal_center01 .left .bott .list .title_box .jt{position:relative; width:.1rem; height:100%; margin-left:8%; } .personal_center01 .left .bott .list .title_box .jt::after{content:''; position:absolute; left:0; width:100%; top:50%; height:2px; margin-top:-1px; background:#929292;} .personal_center01 .left .bott .list .title_box .jt::before{content:''; position:absolute; left:50%; width:2px; top:50%; height:.1rem; margin-left:-1px; margin-top:-0.05rem; background:#929292; opacity:0; visibility:hidden;} .personal_center01 .left .bott .list .cont_box{padding-left:.6rem;} .personal_center01 .left .bott .list .cont_box li{font-size:.16rem; line-height:.3rem; color:#1b1b1b; margin-top:.2rem; cursor:pointer;} .personal_center01 .left .bott .list.cur .title_box{color:#0a1e40;} .personal_center01 .left .bott .list.cur .title_box .jt::after{background:#0a1e40;} .personal_center01 .left .bott .list.active .title_box .jt::before{opacity:1; visibility:visible;} .personal_center01 .left .bott .list.cur.active .title_box .jt::before{opacity:1; visibility:visible; background:#0a1e40;} .personal_center01 .right{width:82%; background:#fff; border-radius:.06rem;} .personal_center01 .right .inner{padding:.45rem 0 1.2rem; padding-left:5.5%; padding-right:4.4%; } .personal_center01 .right .inner .page_title{color:#1b1b1b; padding-bottom:.3rem; border-bottom:1px solid #e3e4e6;} .personal_center01 .right .form_box{padding-top:.55rem;} .personal_center01 .right .form_box .form_area{position:relative;} /* 修改头像 */ .personal_center01 .right .form_area .user_img{position:absolute; top:0; right:12.3%; text-align:center; font-size:0;} .personal_center01 .right .form_area .user_img .pc_box .img_box{width:1rem; height:1rem; border-radius:50%; overflow:hidden; position:relative;} .personal_center01 .right .form_area .user_img .pc_box .img_box img{/* width:auto!important; */ height:100%!important; position:absolute; top:0px; left:50%; width:auto; min-width:100%; max-width:none; transform:translateX(-50%);} .personal_center01 .right .form_area .user_img .pc_box .txt{font-size:.14rem; color:#005aaa; line-height:1; margin-top:.14rem; display:inline-block;} /* 表单 */ .personal_center01 .form_item{margin-bottom:.26rem; } .personal_center01 .form_item label{float:left; display:block; width:1.3rem; box-sizing:border-box; text-align:left; padding-left:.4rem; padding-right:0; padding-top:0; padding-bottom:0; height:.36rem; line-height:.36rem; font-size:.17rem; color:#131313; min-width:.8rem;} .personal_center01 .form_item.mustHave label{position:relative;} .personal_center01 .form_item.mustHave label::after{content:'*'; position:absolute; color:#d80b01; top:.02rem; left:.24rem;} .personal_center01 .form_item .inp_line{display:inline-block; vertical-align:top; margin-right:5px;} .personal_center01 .form_item .inp_line .words{height:.36rem; line-height:.36rem; font-size:.17rem; display:inline-block; vertical-align:middle;} .personal_center01 .form_item .inp_line .inp{display:inline-block; padding:0 .1rem; background-color:#fff; border:1px solid #e3e3e3; outline:0; -webkit-appearance:none; transition:all .3s; -webkit-transition:all .3s; box-sizing:border-box; font-size:14px; color: #333; height:.36rem; line-height:.36rem; width:4.4rem; padding-left:.2rem; padding-right:.2rem; border-radius:.06rem;} .personal_center01 .form_item .inp_line:hover .inp{border-color:#0a1e40;} .personal_center01 .form_item .inp_line .inp:focus, .personal_center01 .form_item .inp_line .inp:hover{border-color:#0a1e40;} .personal_center01 .form_item .psw_link{height:.36rem; line-height:.36rem; font-size:.15rem; display:inline-block; vertical-align:middle; color:#005aaa; margin-left:.2rem;} .personal_center01 .form_item .inp_line .inp_hide{display:none!important;} .personal_center01 .form_item .inp_line .radio_btn{display:inline-block; vertical-align:middle; padding-right:.35rem; line-height:.36rem; color:#666; cursor:pointer; } .personal_center01 .form_item .inp_line .radio_btn .xgicon{font-size:.14rem; color:#c2c2c2; margin-right:8px; display:inline-block;} .personal_center01 .form_item .inp_line .radio_btn span{min-width:.28rem; font-size:.17rem;} .personal_center01 .form_item .inp_line .radio_btn.click .xgicon{color:#005aaa;} .personal_center01 .form_item .inp_line .birthday_txt{color:#005aaa; font-size:.15rem; display:inline-block; line-height:.36rem; margin-left:.1rem;} .personal_center01 .form_btn_group{margin-top:.4rem; border-top:1px solid #e3e4e6; padding-top:.25rem;} .personal_center01 .form_btn_group .tips{font-size:.15rem; color:#444; line-height:1; position:relative; margin-bottom:.18rem; padding-left:.4rem;} .personal_center01 .form_btn_group .tips::after{content:'*'; position:absolute; color:#d80b01; top:.02rem; left:.24rem;} .personal_center01 .form_btn_group .save_btn{display:inline-block; border-radius:.2rem; color:#fff; background-color:#005aaa; border:solid 1px #0c5ca8; height:.4rem; width:1.4rem; margin-left:.2rem; font-size:.17rem; line-height:1; cursor:pointer; transition:all .3s;} /* 手机端相关 */ .personal_center01 .right .form_area .user_img .mobile_box{display:none;} .personal_center01 .m_person_header{display:none;} /* 电话号码 */ .personal_center01 .form_item .inp_line.inp_phone .inp{width:auto; border-width:0;} .personal_center01 .form_item .inp_line.inp_phone.cur .inp{width:4.4rem; border-width:1px;} /* 20231219start wangqz */ .service_action.channel_content{padding-top:.7rem;} .service_action .common_tit{margin-bottom:.45rem;} .service_action01{padding-bottom:.6rem;} .service_action01 .logo_img{text-align:center;} .service_action02{padding-bottom:.8rem;} .service_action02 .infor{text-align:center; /*width:75%; margin:0 auto;*/} .service_action02 .infor .con{color:#666; margin-bottom:.6rem;} .service_action02 .infor .list li{width:23%; margin:0 1%; text-align:center; float:left;} .service_action02 .infor .list li .number{font-size:.6rem; color:#0a1e40; font-family:Impact; line-height:.44rem; margin-top:.15rem;} .service_action02 .infor .list li .number .num{display:inline-block; vertical-align:unset; width:100%; margin-bottom:.2rem;} .service_action02 .infor .list li .number .tit24{display:inline-block; vertical-align:unset; color:#666; font-family:arial; display:none;} .service_action02 .infor .list li .txt{color:#666;} .service_action02 .infor .list li .li_box:hover .icon{transform: rotateY(180deg);} .service_action02 .infor .list li .icon{transition: all 0.5s ease;} .service_action02 .infor .list li .icon img{width:.64rem;} .service_action02 .box ul{display:flex; align-items:stretch; padding-top:.35rem;} .service_action02 .box li{display:inline-block; vertical-align:text-top; text-align:center; width:25%; position:relative;} .service_action02 .box li::after{content:''; position:absolute; right:0; top:0; height:100%; width:1px; background:#e7e8ea;} .service_action02 .box li:last-child::after{display:none;} .service_action02 .box li .num_box{font-weight:bold; color:#063f87; position:relative; display:inline-block;} .service_action02 .box li .num_box .num{font-size:.8rem; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1;} .service_action02 .box li .num_box .t{position:absolute; top:-3px; right:.1rem; font-size:.15rem; transform:translate(100%,-100%); font-weight:bold; color:#2d2d2d; width:auto; white-space:nowrap; line-height:.3rem; padding:0 .2rem; border-radius:.2rem; background:#e8e9ea;} .service_action02 .box li .num_box .t::after{content:''; position:absolute; bottom:-10px; left:5px; border:6px solid transparent; border-top-color:#e8e9ea; transform:rotate(14deg); } .service_action02 .box li .tips{font-size:.2rem; color:#000000; line-height:.3rem; margin-top:.1rem; font-weight:bold;} .service_action03{padding:.8rem 0; margin-bottom:.8rem; overflow:hidden; background:#f5f9ff;} .service_action03 .rect-38{padding-bottom:45.8%; padding-bottom:0; height:auto;} .service_action03 .rect-38 img{width:100%;} .service_action03 .common_tit{margin-bottom:.7rem;} .service_action03 .content .item{margin-bottom:.7rem; display:flex; align-items:center; justify-content:space-between;} .service_action03 .content .item:last-child{margin-bottom:0;} .service_action03 .content .item .left{position:relative; width:47%; } .service_action03 .content .item .left .intro{position:relative;} .service_action03 .content .item .left .intro .icon{position:absolute; left:0; top:.1rem;} .service_action03 .content .item .left .intro .tit{font-size:.3rem; font-weight:bold; margin-bottom:.1rem; color:#000; padding-left:.5rem;} .service_action03 .content .item .left .intro .tit span{margin-left:.1rem;} .service_action03 .content .item .left .intro .con{color:#747474; text-align:justify;} .service_action03 .content .item .right{position:relative; width:47%; height:100%;} .service_action03 .content .item.even{flex-direction:row-reverse;} .service_action04{padding-bottom:.8rem;} .service_action04 .infor{text-align:center; width:74%; margin:0 auto; margin-bottom:.5rem;} .service_action04 .content ul{width:103%;} .service_action04 .content .item{float:left; width:30.33%; margin-right:3%;} .service_action04 .rect-5385{padding-bottom:53.85%;} .service_action05{padding-bottom:.6rem;} .service_action05 .rect-4676{padding-bottom:46.76%;} .service_action05 .map .dot_box{position:absolute; left:0 ;bottom:0; width:100%; height:100%;} .service_action05 .map .dot_box .dot{position:absolute;} .service_action05 .map .dot_box .dot .dot_circle{display:block; width:14px; height:14px; background:#0a1e40; position:relative; z-index:3; border-radius:50%;} .service_action05 .map .dot:after, .service_action05 .map .dot:before{content:""; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;} .service_action05 .map .dot:before {width:29px; height:29px; background:transparent; background:rgba(0,71,157,0.3); margin-top:-14px; margin-left:-14px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;} .service_action05 .dot:after {width:46px; height:46px;background:transparent; /*background:#7e9ec3;*/ background:rgba(0,71,157,0.2); margin-left:-23px; margin-top:-23px; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;} .service_action05 .dot_box .dot.dot_darkblue .dot_circle{background:#0a1e40;} .service_action05 .dot_box .dot.dot_darkblue:before{background:rgba(0,71,157,0.3);} .service_action05 .dot_box .dot.dot_darkblue:after{background:rgba(0,71,157,0.2);} .service_action05 .dot_box .dot.dot_lightblue .dot_circle{background:#5499ed;} .service_action05 .dot_box .dot.dot_lightblue:before{background:rgba(84, 153, 237, 0.3);} .service_action05 .dot_box .dot.dot_lightblue:after{background:rgba(84, 153, 237, 0.2);} .service_action05 .dot_box .dot.dot_grey .dot_circle{background:#9e9e9e;} .service_action05 .dot_box .dot.dot_grey:before{background:rgba(158, 158, 158, 0.3);} .service_action05 .dot_box .dot.dot_grey:after{background:rgba(158, 158, 158, 0.2);} .service_action05 .content{font-size:.17rem; line-height:.3rem; } .service_action05 .dotinfo .dot .dot_circle{display:block; width:14px; height:14px; background:#0a1e40; position:relative; z-index:3; border-radius:50%; left:20%; top:.2rem;} .service_action05 .dotinfo .dot.dot_darkblue .dot_circle{background:#0a1e40;} .service_action05 .dotinfo .dot.dot_darkblue:before{background:rgba(0,71,157,0.3);} .service_action05 .dotinfo .dot.dot_darkblue:after{background:rgba(0,71,157,0.2);} .service_action05 .dotinfo .dot.dot_lightblue .dot_circle{background:#5499ed;} .service_action05 .dotinfo .dot.dot_lightblue:before{background:rgba(84, 153, 237, 0.3);} .service_action05 .dotinfo .dot.dot_lightblue:after{background:rgba(84, 153, 237, 0.2);} .service_action05 .dotinfo .dot.dot_grey .dot_circle{background:#9e9e9e;} .service_action05 .dotinfo .dot.dot_grey:before{background:rgba(158, 158, 158, 0.3);} .service_action05 .dotinfo .dot.dot_grey:after{background:rgba(158, 158, 158, 0.2);} .service_action05 .dotinfo li{width:33%; float:left;} .service_action05 .dotinfo .dot:after, .service_action05 .dotinfo .dot::before{display:none;} .service_action05 .dituinfo, .service_action05 .dotinfo{width:58%; margin:0 auto; text-align:center;} .service_action05 .dot_box .dot .text{position:absolute; opacity:0; visibility:hidden; left:0; top:50%; transform:translateY(-50%); white-space:nowrap; z-index:9; transition:all .5s ease;} .service_action05 .dot_box .dot:hover .text{left:200%; opacity:1; visibility:visible;} .service_action06{padding-bottom:.6rem;} .service_action06 .content ul{width:102%;} .service_action06 .content .item{position:relative; float:left; width:10%; height:.66rem; margin-right:1%; margin-bottom:1%; background:#fff; box-shadow: 0px 0px 10px 0px rgba(27, 27, 27, 0.1); transition:all .5s ease; overflow:hidden; transform:rotate(0);} .service_action06 .content .item img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:none; user-select:none; width:90%; transition:all .5s ease;} .service_action06 .content .item:hover{box-shadow: 0px 0px 10px 4px rgba(27, 27, 27, 0.1);} .service_action06 .content .item:hover img{ transform:translate(-50%, -50%) scale(1.1,1.1);} .service_action07{background:#fafafa; padding:.8rem 0; display:none;} .service_action07 .content ul.fix:before, .service_action07 .content ul.fix:after{display:none;} .service_action07 .content ul{display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;} .service_action07 .content .item{float:none; width:auto; max-width:33%;} /* .service_action07 .content .item:first-child{width:50%;} */ .service_action07 .content .item .box{position:relative; display:block; padding-left:.8rem;} .service_action07 .content .item .box .icon{position:absolute; left:0; top:0; width:.6rem; height:.6rem; text-align:right;} .service_action07 .content .item .box .icon img{position:absolute; left:0; top:50%; transform:translateY(-50%);} .service_action07 .content .item .box .intro .tit{font-size:.3rem; line-height:1; font-weight:bold; color:#0a1e40; margin-bottom:.08rem;} .service_action07 .content .item .box .intro .con{color:#333;} .service_action07 .content .item:hover .box .intro .con{color:#004c97;} .service_action08{padding-bottom:.8rem;} .service_action08 .infor{text-align:center; padding:0 14%; margin-bottom:.3rem;} .service_action08 .infor .con span{font-size:.2rem; color:#00479d; font-weight:bold;} .service_action08 .content{padding:0 .5rem; position:relative;} .service_action08 .content .rect-5133{padding-bottom:51.33%;} .service_action08 .content .dot_box{position:absolute; left:0 ;bottom:0; width:100%; height:100%;} .service_action08 .content .dot_box .dot{position:absolute;} .service_action08 .content .dot_box .dot .dot_circle{display:block; width:14px; height:14px; background:#00479d; position:relative; z-index:3; border-radius:50%;} .service_action08 .content .dot::after, .service_action08 .content .dot::before{content:""; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;} .service_action08 .content .dot::before {width:29px; height:29px; background:transparent; background:rgba(0,71,157,0.3); margin-top:-14px; margin-left:-14px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;} .service_action08 .content .dot::after {width:46px; height:46px; background:transparent; /*background:#7e9ec3;*/ background:rgba(0,71,157,0.2); margin-left:-23px; margin-top:-23px; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;} @keyframes warn { 0% { transform:scale(0.5); opacity:0; } 25% { transform:scale(1); opacity:0.4; } 50% { transform:scale(1.2); opacity:0.8; } 75% { transform:scale(1.3); opacity:0.4; } 100% { transform:scale(1.4); opacity:0; } } @-webkit-keyframes warn { 0% { transform:scale(0.5); opacity:0; } 25% { transform:scale(1); opacity:0.4; } 50% { transform:scale(1.2); opacity:0.8; } 75% { transform:scale(1.3); opacity:0.4; } 100% { transform:scale(1.4); opacity:0; } } .service_action08 .content .cover{position:absolute; right:0; bottom:5%; background:url(../img/blue80.png) center; width:45%;} .service_action08 .content .cover .box{padding:.5rem;} .service_action08 .content .cover .box dt{float:left; font-size:.3rem; line-height:.3rem; color:#fff; font-weight:bold; margin-bottom:.25rem; width:100%;} .service_action08 .content .cover .box dd{float:left; width:49%; margin-right:2%; font-size:.17rem; line-height:.3rem; color:#fff; margin-top:.05rem;} .service_action08 .content .cover .box dd span{display:inline-block; margin-right:3px; font-size:.28rem; color:#facd00; font-family:Arial; font-weight:bold;} .service_action08 .content .cover .box dd.even{margin-right:0;} .service_action08 .content .cover .box .text{font-size:.2rem; color:#fff; line-height:.24rem; margin-top:.3rem;} /* 20231219 end */ /* 备件服务 */ .parts_service{padding:.7rem 0 .9rem;} .parts_service .common_tit{margin-bottom:.45rem;} .parts_service01 .top{width:70.7%; margin:0 auto .6rem; text-align:center;} .parts_service01 .top .more_btn{line-height:.5rem; border-radius:.06rem; background:#f5be2c; font-size:.17rem; font-weight:bold; color:#000; padding:0 .6rem; display:inline-block; margin-top:.4rem;} .parts_service01 .top .more_btn:hover{color:#fff; background:#063f87;} .parts_service01 .bott{background:#f5f9ff; border-radius:.06rem; padding-top:.6rem;} .parts_service01 .bott ul{display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap;} .parts_service01 .bott li{width:35.4%; margin:0 7.3% .2rem; padding-left:.55rem; position:relative; box-sizing:border-box;} .parts_service01 .bott li::after{content:attr(data-num); position:absolute; left:0; top:.05rem; font-size:.17rem; color:#000; line-height:.34rem; width:.34rem; text-align:center; background:#f5be2c; border-radius:50%;} .parts_service01 .bott li .t{color:#000; font-weight:bold;} .parts_service01 .bott li .c{min-height:.9rem; margin-top:.08rem; color:#656565;} .parts_service02{margin-top:.85rem; font-size:0;} .parts_service02 .img{display:inline-block;} .parts_service02 .img01{width:calc(42.4% - .07rem); margin-right:.1rem;} .parts_service02 .img02{width:calc(27.7% - .07rem); margin-right:.1rem;} .parts_service02 .img03{width:calc(28.8% - .07rem); margin-right:.1rem;} .parts_service02 .img03 .rect-5296:first-child{margin-bottom:.08rem;} .parts_service02 .rect-7309{padding-bottom:73.09%; border-radius:.06rem; overflow:hidden;} .parts_service02 .rect-1118{padding-bottom:111.89%; border-radius:.06rem; overflow:hidden;} .parts_service02 .rect-5296{padding-bottom:52.96%; border-radius:.06rem; overflow:hidden;} .parts_service03{margin-top:.65rem; } .parts_service03 .content{padding:.7rem 0; background:#f5f9ff; border-radius:.06rem;} .parts_service03 .content .top{width:67%; margin:0 auto .55rem; text-align:center;} .parts_service03 .content .top .tit24{color:#000; font-weight:bold; margin-bottom:.1rem;} .parts_service03 .content .top .con15{color:#747474;} .parts_service03 .content .bott{margin:0 auto; width:79.4%;} .parts_service03 .content .bott ul{display:flex; align-items:stretch; justify-content:space-between;} .parts_service03 .content .bott ul li{width:21.9%; background:#0a1e40; border-radius:.06rem; padding:.3rem; box-sizing:border-box; display:flex; align-items:flex-start; justify-content:flex-start;} .parts_service03 .content .bott ul li .icon{flex-shrink:0; margin-right:.2rem;} .parts_service03 .content .bott ul li .icon img{width:.34rem;} .parts_service03 .content .bott ul li .intro .t{color:#fff; min-height:.64rem;} .parts_service03 .content .bott ul li .intro .c{/*min-height:1.2rem;*/ color:#fff;} /* 口碑 */ .opinions{padding:.7rem 0 .9rem;} .opinions01 .item{border-bottom:1px dashed #d5d5d5; padding-bottom:.55rem; margin-bottom:.4rem; font-size:0; position:relative;} .opinions01 .item:last-child{border-bottom:0; margin-bottom:.2rem;} .opinions01 .item .left_box{width:16.9%; display:inline-block; vertical-align:text-top; margin-right:3.6%;} .opinions01 .item .left_box .img_{height:1.8rem; width:100%; position:relative;} .opinions01 .item .left_box .img_ img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-height:87%; max-width:65%;} .opinions01 .item .left_box .t{margin-top:.25rem; font-size:.2rem; line-height:.26rem; font-weight:bold; color:#333333;} .opinions01 .item .center_box{width:59.2%; padding-top:.3rem; display:inline-block; vertical-align:text-top;} .opinions01 .item .center_box .top_{font-size:.18rem; line-height:.3rem; color:#5e5e5e;} .opinions01 .item .center_box .top_>div{display:inline-block; vertical-align:text-top; margin-right:.1rem;} .opinions01 .item .center_box .c_tit{font-size:.2rem; line-height:.32rem; color:#000; font-weight:bold; margin:.15rem 0 .25rem; text-align:justify;} .opinions01 .item .center_box .score li{float:left; margin-right:5%; font-size:.18rem; line-height:.3rem; color:#555;} .opinions01 .item .center_box .score li:last-child{margin-right:0;} .opinions01 .item .center_box .score li>div{display:inline-block; vertical-align:middle;} /* 星星 */ .opinions01 .item .center_box .vstar span{float:left; width:13px; height:23px; padding:0; margin:0; overflow:hidden; cursor:pointer; } .opinions01 .item .center_box .vstar .vstar-blank {background:none; width:auto; margin-left:7px; line-height:23px; font-size:.2rem; color:#00479d; font-weight:bold;} .opinions01 .item .center_box .vstar .vstar-1 {background:url(../img/vstar1.jpg) center/cover no-repeat; } .opinions01 .item .center_box .vstar .vstar-2 {background:url(../img/vstar2.jpg) center/cover no-repeat; } .opinions01 .item .center_box .vstar .vstar-3 {background:url(../img/vstar3.jpg) center/cover no-repeat; } .opinions01 .item .center_box .vstar .vstar-4 {background:url(../img/vstar4.jpg) center/cover no-repeat; } .opinions01 .item .more_btn{position:absolute; right:0; top:40%; width:1.8rem; background:#f5be2c; border-radius:.06rem; font-size:.16rem; color:#000; text-align:center; display:inline-block; line-height:.45rem;} /* 没有询价按钮 */ .opinions01 .item.nopro .center_box{width:79%;} /* 弹窗层级 */ body .box_wrap_out{z-index:1001;} body #boxBlank{z-index:1000;} body .bg-primary{background:#0a1e40;} /*20231223lyx*/ .header .nav_down .right{padding-top:.6rem;} .service_action03 .content .item .left .intro .icon{width:34px;} /* 20231223 lian */ /* 金融方案——融资租赁 */ .finance .content{width:79%; margin:0 auto;} .finance .common_tit{margin-bottom:.6rem;} .finance01{padding-top:.7rem; padding-bottom:.8rem;} .finance01 .wrap .content{margin-bottom:.84rem;} .finance .title_con{color:#747474; text-align:center;} .finance01 .list{color:#0a1e40; width:79%; margin:0 auto;} .finance01 .list li{width:23%; margin:0 1%; text-align:center; float:left;} .finance01 .list li .number{font-size:.6rem; color:#0a1e40; font-family:Impact; line-height:.44rem; margin-top:.15rem;} .finance01 .list li .number .num{display:inline-block; vertical-align:unset; width:100%; margin-bottom:.2rem;} .finance01 .list li .number .tit24{display:inline-block; vertical-align:unset; color:#666; font-family:arial; display:none;} .finance01 .list li .txt{color:#666;} .finance01 .list li .li_box:hover .icon{transform: rotateY(180deg);} .finance01 .list li .icon{transition: all 0.5s ease;} .finance01 .list li .icon img{width:.64rem;} .finance01 .box ul{display:flex; align-items:stretch; padding-top:.35rem; font-size:0;} .finance01 .box li{display:inline-block; vertical-align:text-top; text-align:center; width:25%; position:relative;} .finance01 .box li::after{content:''; position:absolute; right:0; top:0; height:100%; width:1px; background:#e7e8ea;} .finance01 .box li:last-child::after{display:none;} .finance01 .box li .num_box{font-weight:bold; color:#063f87; position:relative; display:inline-block;} .finance01 .box li .num_box .num{font-size:.8rem; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1;} .finance01 .box li .num_box .t{position:absolute; top:-3px; right:.1rem; font-size:.15rem; transform:translate(100%,-100%); font-weight:bold; color:#2d2d2d; width:auto; white-space:nowrap; line-height:.3rem; padding:0 .2rem; border-radius:.2rem; background:#e8e9ea;} .finance01 .box li .num_box .t::after{content:''; position:absolute; bottom:-10px; left:5px; border:6px solid transparent; border-top-color:#e8e9ea; transform:rotate(14deg); } .finance01 .box li .tips{font-size:.2rem; color:#000000; line-height:.3rem; margin-top:.1rem; font-weight:bold;} .finance02{color:#ffffff; position:relative;} .finance02 .box{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} .finance02 .box .common_tit{color:#ffffff;} .finance02 .box .title_con{color:#ffffff;} .finance03{padding:.8rem 0;} .finance03 .container .item{background:url(../img/finance03_bg.png) no-repeat; background-size:contain; background-position:center; width:21%; float:left; padding-top:.61rem; position:relative; height:2.6rem; box-sizing:border-box; padding-left:.25rem; padding-right:.63rem; margin-right:5.3%;} .finance03 .container .item:last-child{margin-right:0;} .finance03 .container .item .box{text-align:center;} .finance03 .container .item .box .icon{height:.3rem; margin-bottom:.29rem;} .finance03 .container .item .box .icon img{width:auto; height:100%;} .finance03 .container .item .box .tit{font-size:.26rem; line-height:.26rem; letter-spacing:1px; color:#000000; margin-bottom:.15rem; font-weight:bold;} .finance03 .container .item .box .con{font-size:.15rem; line-height:.26rem; letter-spacing:1px; color:#656565;} .finance03 .container .item .box .num{position:absolute; top:55.5%; right:6.6%; font-family:Impact; font-size:.19rem; line-height:.26rem; color:#ffffff;} .finance03 .container .item .box_litt{width:.51rem; height:.79rem; background-color:#0a1e40;} .finance03 .wrap .content{display:flex; align-items:stretch; justify-content:space-between; width:100%;} .finance03 .content .item{width:21.3%; background:#f7f8fa; border:.06rem solid #063f87; border-left:0; border-right:0; border-radius:.1rem; overflow:hidden; text-align:center; padding:.4rem 0 .6rem; transition:all .3s ease;} .finance03 .content .item .box{width:64.3%; margin:0 auto;} .finance03 .content .item .box .icon{width:1.5rem; height:1.5rem; border:1px solid #fff; border-radius:50%; margin:0 auto; display:flex; align-items:center; justify-content:center; background:linear-gradient(to bottom,#e7f2fe,#fff); margin-bottom:.4rem;} .finance03 .content .item .box .icon img{width:1rem;} .finance03 .content .item .box .tit{font-weight:bold; color:#000; transition:all .3s ease;} .finance03 .content .item .box .con{color:#747474; margin-top:.1rem; transition:all .3s ease;} .finance03 .content .jt:last-child{display:none;} .finance03 .content .jt{display:flex; align-items:center; justify-content:center; } .finance03 .content .jt .iconfont{font-size:.3rem; margin:0; display:block; color:#cdcdcd; font-weight:900;} .finance03 .content .item:hover{background:url(../img/finance03_bg02.jpg) no-repeat center/cover; border-color:#f5be2c; } .finance03 .content .item:hover .box .tit{color:#fff;} .finance03 .content .item:hover .box .con{color:#fff;} .finance04{position:relative; background:linear-gradient(to bottom, #f6f6f7, #fbfbfc); overflow:hidden;} .finance04 .left{background:linear-gradient(to bottom, #063f87, #7796be); padding:.7rem 0 .8rem; width:25.8%; box-sizing:border-box;} .finance04 .left ul{margin-left:28%; margin-right:2%;} .finance04 .left li{font-size:.17rem; color:#ffffff; letter-spacing:1px; line-height:.2rem; padding-left:.22rem; position:relative; cursor:pointer; box-sizing:border-box; margin-bottom:.34rem;} .finance04 .left li:last-child{margin-bottom:0;} .finance04 .left .i_active::before{content:''; position:absolute; width:.03rem; height:.03rem; left:0; top:50%; transform:translateY(-50%); border-radius:50%; background-color:#ffffff;} .finance04 .left .i_active.cur{font-weight:bold; font-size:.18rem; letter-spacing:1px; color:#f5be2c; padding-left:.28rem;} .finance04 .left .i_active.cur::before{left:.01rem; width:.06rem; height:.06rem; background-color:#f5be2c;} .finance04 .bg_r{position:absolute; width:4.84rem; top:50%; height:4.76rem; transform:translateY(-50%); right:0; background:#f5f5f5; z-index:5; display:none;} .finance04 .bg_r .im_box{position:absolute; width:4.16rem; top:50%; transform:translateY(-50%); left:-14.7%;} .finance04 .bg_r .im_box .rect-8966{padding-bottom:91.91%;} .finance04 .right{width:74.2%; position:absolute; right:0; top:0; height:100%;} .finance04 .right .content{width:85.2%; margin-left:5%; height:100%; position:relative;} .finance04 .right .content .index_box{position:absolute; left:5%; top:50%; transform:translateY(-50%); width:calc(95% - 3.2rem);} .finance04 .right .content .index_box .top{margin-bottom:.4rem;} .finance04 .right .content .index_box .top .tit{font-weight:bold; font-size:.32rem; line-height:.34rem; letter-spacing:2px; color:#0a1e40; margin-bottom:.17rem;} .finance04 .right .content .index_box .top .con{font-size:.18rem; line-height:.3rem; color:#747474; min-height:.9rem;} .finance04 .right .content .index_box .bott li{font-size:.17rem; line-height:.17rem; color:#666; margin:.14rem 0; float:left; transition:all .3s ease; position:relative; width:50%;} .finance04 .right .content .index_box .bott li:hover{color:#f5be2c;} .finance04 .center{display:none;} .finance04 .right .box{display:none;} .finance04 .right .content .swiper-container{overflow:visible; height:100%;} .finance04 .right .content .swiper-slide{padding:.5rem .3rem .6rem; box-sizing:border-box; box-shadow:0px 0px 10px 7px rgba(87, 87, 87, 0.05); border-radius:.1rem; height:4.4rem!important; opacity:.5; filter:grayscale(1); } .finance04 .right .content .swiper-slide.swiper-slide-active{opacity:1; filter:grayscale(0);} .finance04 .right .box_new{display:flex; align-items:center;} .finance04 .right .box_new .rect-7848{padding-bottom:78.48%;} .finance04 .right .box_new .img_{width:37.6%; border-radius:.1rem; overflow:hidden; flex-shrink:0;} .finance04 .right .box_new .area{margin-left:5%; width:57.4%;} .finance04 .right .box_new .area .infor{margin-bottom:.25rem;} .finance04 .right .box_new .area .tit{font-size:.32rem; font-weight:bold; color:#063f87; line-height:1.2;} .finance04 .right .box_new .area .con{color:#747474; margin-top:.05rem;} .finance04 .right .box_new .area .bott li{float:left; margin-right:.15rem; color:#000; line-height:.3rem; border:1px solid #fff; padding:0 .2rem; border-radius:.2rem; background:#f6f6f6; box-shadow:0px 0px 8px 3px rgba(87, 87, 87, 0.1); margin-bottom:.15rem; transition:all .3s ease;} .finance04 .right .box_new .area .bott li.cur{background:#f5be2c;} /* 手机端二级导航 */ .m_xcNav{display:none;} .mSearch_box{display:none;} /* 招聘综合 */ .job_center01{overflow:hidden; position:relative; /*height:5.8rem;*/ height:85vh;} .job_center01 .img_box img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; z-index:-1; opacity:0;} .job_center01 .img_box video{width:100%; object-fit:cover;} .job_center01 .infor{position:absolute; left:0; bottom:3rem; width:100%;} .job_center01 .infor .tit{color:#fff; text-align:center; font-weight:bold;} .job_center01 .infor .con{color:#fff; text-align:center; padding:0 18%; margin-top:.26rem} .job_center02{padding-bottom:1rem;} .job_center02 .content{margin-top:-1.42rem;} .job_center02 .content li{width:25%; float:left; position:relative; border-radius:.06rem;} .job_center02 .content li.odd{background:#00a1e9; margin-top:54px;} .job_center02 .content li.li03{background:#facd00;} .job_center02 .content li.even{background:#f8f8f8;} .job_center02 .content .li_box{padding:.7rem .33rem .68rem; display:block;} .job_center02 .content .li_box .intro .tit{font-weight:bold; text-align:center;} .job_center02 .content .li_box .intro .con{margin:.25rem 0 .3rem;} .job_center02 .content .li_box .intro .con .rect-5714{padding-bottom:57.14%;} .job_center02 .content .li_box .intro .txt{height:.6rem; overflow:hidden;} .job_center02 .content .li_box .intro .jt{width:.41rem; height:.12rem; background:url(../img/job_center02_jt.png) no-repeat center/cover; margin-top:.34rem;} .job_center02 .content .li03 .li_box .intro .jt{background:url(../img/job_center02_jt02.png) no-repeat center/cover;} .job_center02 .content li.odd .li_box .intro{color:#fff;} .job_center02 .content li.li03 .li_box .intro{color:#0a1e40;} .job_center02 .content li.even .li_box .intro{color:#0a1e40;} .job_center02 .content li.li01 .li_box .intro .txt{color:#fff;} .job_center02 .content li.even .li_box .intro .txt{color:#5b5b5b;} .job_center03{margin-top:1rem; position:relative; overflow:hidden; display:none;} .job_center03 .bg img{width:100%;} .job_center03 .content{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);} .job_center03 .content .infor{width:47%;} .job_center03 .content .infor .tit{color:#0a1e40; font-weight:bold;} .job_center03 .content .infor .con{margin:.3rem 0 .55rem;} .job_center03 .content .infor .more_btns a{height:.45rem; line-height:.45rem; text-align:center; padding:0 .4rem; border-radius:.06rem; font-size:.17rem; -webkit-transition:color 0.3s; transition:color 0.3s; display:inline-block; border:1px solid #0a1e40; color:#0a1e40;} .job_center03 .content .infor .more_btns a:hover{color:#fff; background:#0a1e40; border-color:#0a1e40;} /* 薪酬体系 */ .channel_content.salary{padding:.7rem 0 0;} .salary .common_tit{font-weight:bold; margin-bottom:.55rem;} .salary01 .content{display:flex; align-items:center; justify-content:space-evenly;} .salary01 .left{width:50%;} .salary01 .left .infor .tit{text-align:left;} .salary01 .left .infor .common_tit::after{left:0; transform:none;} .salary01 .right{flex-shrink:0;} .salary02{background:#f6f6f6; padding:.6rem 0; margin:.7rem 0;} .salary02 .infor{text-align:center; } .salary02 .content .rect-6667{padding-bottom:66.4%;} .salary02 .content .item{width:23%; margin-left:2.6%; float:left; border-radius:.06rem; overflow:hidden;} .salary02 .content .item:first-child{margin-left:0;} .salary02 .content .item .intro{background:#fff} .salary02 .content .item .intro .box{padding:.7rem .5rem; text-align:center;} .salary02 .content .item .intro .box .icon{width:.55rem; height:.55rem; margin:0 auto .23rem;} .salary02 .content .item .cover{position:absolute; left:0; bottom:0; width:100%; height:100%; background:#0a1e40; opacity:0; visibility:hidden; transition:all 0.5s ease; -webkit-trandition:all 0.5s ease;} .salary02 .content .item .cover .box{padding:.48rem; color:#fff;} .salary02 .content .item:hover .cover{opacity:1; visibility:visible;} .salary03 .rect-102{padding-bottom:102%;} .salary03 .rect-625{padding-bottom:62.5%;} .salary03 .content{border-radius:.06rem; overflow:hidden;} .salary03 .left{width:38%; float:left; background:url(../img/salary03_bg.png) no-repeat left center/cover;} .salary03 .left .box{padding:1.07rem .72rem 1.3rem .82rem;} .salary03 .left .box .tit{color:#0a1e40; font-weight:bold;} .salary03 .left .box .con{color:#0a1e40; margin-top:.5rem;} .salary03 .left .box .con li{cursor:pointer; margin-bottom:5px;} .salary03 .left .box .con li.cur{opacity:0.8;} .salary03 .left .box .con li i{float:left; margin:0; margin-right:.1rem; font-size:12px;} .salary03 .left .box .con li span{vertical-align:middle; overflow:hidden;} .salary03 .right{width:62%; float:right;} .salary03 .right .img_box{position:relative;} .salary03 .right .img_{position:absolute; top:0; left:0; opacity:0; visibility:hidden; width:100%; height:100%; transition:all 0.5s ease; -webkit-trandition:all 0.5s ease;} .salary03 .right .img_.cur{opacity:1; visibility:visible;} .salary03{padding:.8rem 0 .9rem; background:#f9f9f9;} .salary04 .words{width:71%; margin:0 auto .6rem; text-align:center;} .salary04 .words .con{margin-top:.35rem; color:#000000;} .salary01,.salary02{display:none;} /*成长故事*/ .growth_story.channel_content{padding:.7rem 0 .9rem;} .growth_story01 li{background:#fff; margin-bottom:.4rem; overflow:hidden; cursor:pointer; box-shadow:0 0 10px 2px rgba(0,0,0,0.1); border-radius:.06rem;} .growth_story01 li .rect-5932{padding-bottom:59.32%;} .growth_story01 li .img{width:50%; overflow:hidden;} .growth_story01 li .intro{width:50%;} .growth_story01 li.odd .img{float:right;} .growth_story01 li.odd .intro{float:left;} .growth_story01 li.even .img{float:left;} .growth_story01 li.even .intro{float:right;} .growth_story01 li .intro .box{padding:.55rem;} .growth_story01 li .intro .box .tit a{font-size:.3rem; color:#0a1e40; font-weight:bold;} .growth_story01 li .intro .box .con{font-weight:bold; margin-bottom:.15rem;} .growth_story01 li .intro .box .txt{padding-right:10%; overflow:hidden;} /*弹窗*/ .brandBox_detail{position:fixed; width:86%; top:50%; margin-top:-3rem; z-index:100; background:#fff; max-width:8rem; height:6rem; left:50%; margin-left:-4rem; overflow:hidden; bottom:10%; border-radius:.06rem;} .brandBox_detail .box{margin:.9rem 0 .6rem; padding:0 .8rem; height:4.5rem; overflow:auto; text-align:center;} .brandBox_detail .box::-webkit-scrollbar {width:2px; height:4px;} .brandBox_detail .box::-webkit-scrollbar-thumb {border-radius:5px; background:#0a1e40; } .brandBox_detail .box::-webkit-scrollbar-track {border-radius:0; background:#ffffff;} .brandBox_detail .box .tit{text-align:center; font-size:.28rem; margin-bottom:.2rem; color:#0a1e40;} .brandBox_detail .box .img_{margin-bottom:.3rem;} .brandBox_detail .box .intro .con{text-align:justify;} .brandBox_detail_bg {position:fixed; width:100%; height:100%; left:0; top:0; background:url(../img/black.6.png); z-index:90} .brandBox_detail .box .tit{margin-top:.4rem; color:#0a1e40;} .brandBox_detail .close{cursor:pointer; background:#fff; display:inline-block; width:44px; height:44px; border:1px solid #0a1e40; margin:.3rem auto 0; font-size:0; position:absolute; right:0; left:0; top:0; transition:all 0.5s ease; border-radius:50%;} .brandBox_detail .close i{font-size:16px; line-height:1; margin:0; padding:14px; font-weight:bold; transition:all 0.5s ease; color:#0a1e40;} .brandBox_detail .close:hover i{transform:rotate(180deg);} /* 新-公共标题 */ .new_common_title{color:#063f87; font-weight:bold; padding-bottom:.2rem; position:relative; text-align:center;} .new_common_title::after{content:''; position:absolute; left:50%; transform:translateX(-50%); width:.84rem; bottom:0; height:4px; background:#f5be2c;} /* 新字号 */ .con18{font-size:.18rem; line-height:.3rem;} .tit26{font-size:.26rem; line-height:.35rem;} .tit40{font-size:.4rem; line-height:.5rem;} /* 新-融资租赁 */ .new_lease01{padding:.7rem 0;} .new_lease01 .new_common_title{text-align:left;} .new_lease01 .new_common_title::after{left:0; transform:none;} .new_lease01 .content{display:flex; justify-content:space-between; align-items:flex-start;} .new_lease01 .left{width:36.6%; padding-top:.4rem;} .new_lease01 .left .con{margin-top:.25rem;} .new_lease01 .left .item{margin-bottom:.25rem; color:#747474;} .new_lease01 .left .item .tit{font-weight:bold; color:#000000; font-size:.2rem;} .new_lease01 .left .tips{font-weight:bold; color:#063f87;} .new_lease01 .right{width:51.7%; margin-right:2.2%; position:relative; height:5.8rem;} .new_lease01 .right .m_img{display:none;} .new_lease01 .right .img_box{height:100%;} .new_lease01 .right .img_box .img{position:absolute;} .new_lease01 .right .img_box .img img{border-radius:.06rem; overflow:hidden;} .new_lease01 .right .img_box .img01{left:0; width:47%; padding-top:.3rem; z-index:2;} .new_lease01 .right .img_box .img02{left:34.4%!important; width:42%;} .new_lease01 .right .img_box .img03{left:54.8%!important; width:42%; top:39.6%!important; z-index:2;} .new_lease01 .right .img_box .img04{left:auto!important; width:19.7%; top:auto!important; bottom:0; right:0; } .new_lease01 .right .cover{position:absolute; width:40.8%; left:3%; bottom:6.8%; background:rgba(6, 63, 135, 0.85); text-align:center; color:#fff; padding:.15rem 0 .1rem;} .new_lease01 .right .cover .box{display:inline-block;} .new_lease01 .right .cover .box .tit{font-size:.2rem; font-weight:bold; line-height:.3rem; padding-bottom:.05rem; border-bottom:1px solid rgba(255,255,255, 0.2);} .new_lease01 .right .cover .box .link{font-size:.16rem; line-height:.3rem;} .new_lease02{padding:.8rem 0; background:url(../img/sec_hand02_bg.jpg) no-repeat center/cover; margin-bottom:.8rem;} .new_lease02 .new_common_title{color:#fff;} .new_lease02 .content{margin-top:.5rem;} .new_lease02 .swiper-slide{width:23.2%; margin-right:2.4%; background:#f6f8fa; border-radius:.06rem; text-align:center; overflow:hidden;} .new_lease02 .swiper-slide .box{padding:.45rem 11.6%; position:relative; z-index:2;} .new_lease02 .swiper-slide .icon{width:1.5rem; height:1.5rem; border:1px solid #fff; border-radius:50%; margin:0 auto; display:flex; align-items:center; justify-content:center; background:linear-gradient(to bottom,#e7f2fe,#fff);} .new_lease02 .swiper-slide .icon img{width:1rem;} .new_lease02 .swiper-slide .infor{margin-top:.45rem; } .new_lease02 .swiper-slide .bg{position:absolute; top:0; height:100%; left:50%; transform:translateX(-50%); max-width:none; opacity:0; visibility:hidden; transition:all .3s ease;} .new_lease02 .swiper-slide .bg img{height:100%; max-width:none;} .new_lease02 .swiper-slide .infor .tit{font-weight:bold; color:#000000; margin-bottom:.1rem;} .new_lease02 .swiper-slide .infor .con{color:#747474; height:1.5rem; overflow-y:auto; padding:0 .05rem; } .new_lease02 .swiper-slide .infor .con::-webkit-scrollbar {width:2px; height:4px;} .new_lease02 .swiper-slide .infor .con::-webkit-scrollbar-thumb {border-radius:5px; background:#063f87; } .new_lease02 .swiper-slide .infor .con::-webkit-scrollbar-track {border-radius:0; background:#fff;} .new_lease02 .swiper-slide.cur .bg{opacity:1; visibility:visible; transition:all .3s ease;} .new_lease02 .swiper-slide.cur .infor .tit{color:#ffffff;} .new_lease02 .swiper-slide.cur .infor .con{color:#ffffff;} .new_lease02 .swiper-slide.cur .icon{box-shadow:inset 0px 0px 13px 0px rgba(255, 255, 255, 0.55);} .new_lease02 .swiper-container-horizontal>.swiper-pagination-bullets{position:relative; bottom:auto; margin-top:.4rem; font-size:0;} .new_lease02 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .06rem; width:.12rem; height:.12rem; background:none; border:1px solid #9a9a9a; opacity:1; } .new_lease02 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f5be2c; border-color:#f5be2c;} .new_lease03{margin-bottom:.8rem;} .new_lease03 .new_common_title{padding-bottom:.35rem;} .new_lease03 .new_common_title::after{display:none;} .new_lease03 .content{text-align:center;} .new_lease03 .tab_t_box{display:inline-block; font-size:0; padding:.07rem; border:1px solid #dedede; border-radius:.31rem;} .new_lease03 .tab_t_box .tab_t{display:inline-block; margin-right:.2rem; padding:0 .5rem; line-height:.48rem; color:#000000; cursor:pointer; border-radius:.24rem;} .new_lease03 .tab_t_box .tab_t:last-child{margin-right:0;} .new_lease03 .tab_t_box .tab_t.cur{background:#f5be2c; color:#000; font-weight:bold;} .new_lease03 .tab_c_box{background:#f2f6f7; padding:.7rem 4.9% .9rem; margin-top:.4rem; text-align:left; border-radius:.06rem;} .new_lease03 .tab_c_box .tab_c .box{display:flex; align-items:flex-start; justify-content:space-between;} .new_lease03 .tab_c_box .tab_c .right{width:50%;} .new_lease03 .tab_c_box .tab_c .left{width:37.8%;} .new_lease03 .tab_c_box .tab_c .left .item{margin-bottom:.5rem; color:#000000;} .new_lease03 .tab_c_box .tab_c .left .item:last-child{margin-bottom:0;} .new_lease03 .tab_c_box .tab_c .left .item .tit{font-weight:bold; margin-bottom:.15rem;} .new_lease04{position:relative; background:url(../img/new_lease04_bg.jpg) no-repeat right/cover; padding-top:1rem; display:none;} .new_lease04 .right{width:57.8%; margin:0 auto; margin-right:0; position:relative; z-index:2;} .new_lease04 .right .box{display:flex; align-items:flex-end; justify-content:flex-start;} .new_lease04 .right .img{width:56%;} .new_lease04 .right .more_btns{font-size:0; display:flex; align-items:stretch;} .new_lease04 .right .more_btns .item{margin-left:.1rem; width:1.4rem; background:#558af4; border-top-right-radius:.1rem; border-top-left-radius:.1rem;} .new_lease04 .right .more_btns .item a{display:block; position:relative; padding:.25rem 10% 1rem;} .new_lease04 .right .more_btns .item .t{font-weight:bold; color:#fff; margin-bottom:.05rem;} .new_lease04 .right .more_btns .item .c{color:#fff;} .new_lease04 .right .more_btns .item .icon{position:absolute; right:10%; bottom:.15rem;} .new_lease04 .left{position:absolute; left:0; width:100%; top:55%; transform:translateY(-50%);} .new_lease04 .left .cont{width:31%;} .new_lease04 .left .tit{color:#fff; font-weight:bold; margin-bottom:.05rem;} .new_lease04 .left .con{color:#fff;} .new_lease04 .left .bott{margin-top:.25rem;} .new_lease04 .left .bott .b_left{width:1.45rem; display:inline-block; vertical-align:text-top;} .new_lease04 .left .bott .b_left .ewm{padding:.05rem; box-sizing:border-box; background:#fff;} .new_lease04 .left .bott .b_left .ewm img{width:100%;} .new_lease04 .left .bott .b_left .tips{font-size:12px; text-transform:uppercase; color:#fff; margin-top:.25rem; white-space:nowrap;} .new_lease04 .left .bott .b_right{margin-left:.35rem; display:inline-block; vertical-align:text-top;} .new_lease04 .left .bott .b_right .tab_t{width:1.78rem; line-height:.48rem; margin-top:.12rem; cursor:pointer; text-align:center; color:#000; font-weight:bold; font-size:.16rem; border-radius:.3rem; background:#fff;} .new_lease04 .left .bott .b_right .tab_t.cur{background:#f5be2c;} .new_lease04 .left .bott .b_right .tab_t a{display:block;} .new_lease04 .left .bott .b_right .tab_t a:hover{color:#000;} /* 新-应用场景1 */ .xc_application .appl_intro{background:url(../img/appl_detail_banner_bg.jpg) no-repeat left center/cover;} .appl_detail .infor{width:75%; margin:0 auto;} .appl_detail .infor .con{margin-top:.2rem;} .appl_detail01{margin:.7rem 0 .8rem;} .appl_detail01 .infor{text-align:center;} .appl_detail01 .content{position:relative; overflow:hidden; height:5.4rem; padding-top:.6rem; transition:all .4s ease;} .appl_detail01 .content li{float:left; width:23.8%; margin-right:1.6%; margin-bottom:.4rem; background:#fff; border-radius:.15rem; padding:.1rem; box-sizing:border-box; box-shadow:3.35px 2.18px 27px 0px rgba(0, 0, 0, 0.14);} .appl_detail01 .content li:nth-child(4n){margin-right:0;} .appl_detail01 .content li .box{position:relative;} .appl_detail01 .content li .intro{text-align:center; width:82%; margin:.15rem auto;} .appl_detail01 .content li .intro .t{font-weight:bold; color:#000000; margin-bottom:.05rem; transition:all .3s ease;} .appl_detail01 .content li .intro .c{height:.6rem; font-size:.15rem; color:#656565; transition:all .3s ease; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .appl_detail01 .content li .img{border-bottom-left-radius:.15rem; border-bottom-right-radius:.15rem; overflow:hidden;} .appl_detail01 .content li .more_btn{position:absolute; bottom:.2rem; right:.2rem; width:.5rem; height:.5rem; border-radius:50%; background:rgba(45, 45, 45, 0.8); display:flex; align-items:center; justify-content:center; transition:all .3s ease;} .appl_detail01 .content li .more_btn .iconfont{font-size:.2rem; line-height:1; margin:0; color:#fff; font-weight:bold; transition:all .3s ease;} .appl_detail01 .content li .more_btn:hover{background:#f5be2c;} .appl_detail01 .content li .more_btn:hover .iconfont{color:#000;} .appl_detail01 .rect-9787{padding-bottom:97.87%;} .appl_detail01 .content li:hover{background:url(../img/new_lease02_bg.gif) no-repeat center/cover;} .appl_detail01 .content li:hover .intro .t{color:#fff;} .appl_detail01 .content li:hover .intro .c{color:#fff;} .appl_detail01 .content .more_box{text-align:center; cursor:pointer; display:none; position:absolute; bottom:0; left:0; width:100%;} .appl_detail01 .content .more_box::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:1.4rem; background:linear-gradient(to top ,rgba(255,255,255,0.8) 70%,rgba(255,255,255,0));} .appl_detail01 .content .more_box .box{display:inline-block; position:relative; z-index:3; background:#f5be2c; border-radius:.06rem; font-size:.16rem; line-height:.45rem; padding:0 .4rem; color:#000000; font-weight:bold; transition:all .3s ease;} .appl_detail01 .content .more_box.more{position:relative;} .appl_detail01 .content .more_box.more::after{opacity:0;} .appl_detail01 .content .more_box .box:hover{color:#fff; background:#063f87;} .appl_detail02{background:url(../img/appl_detail02_bg.jpg) no-repeat right center/cover; overflow:hidden; padding:.8rem 0; height:calc(100vh - .63rem); box-sizing:border-box;} .appl_detail02 .top{margin-bottom:.7rem;} .appl_detail02 .top .new_common_title{color:#fff;} .appl_detail02 .top .con{color:#fff; text-align:center;} .appl_detail02 .content .box{white-space:nowrap; font-size:0; text-align:center;} .appl_detail02 .content .img{border:.07rem solid #000000; border-radius:.3rem; display:inline-block; margin:0 .15rem; overflow:hidden;} .appl_detail02 .content .img img{max-height:calc(100vh - 4.6rem);} .appl_detail03{margin:.8rem 0;} .appl_detail03 .content{margin-left:-20px; margin-right:-20px; overflow:hidden;} .appl_detail03 .swiper-container{width:calc(100% - 40px); margin:0 auto; overflow:visible; padding-top:.25rem;} .appl_detail03 .swiper-slide{width:23.2%; margin-right:2.4%; padding:.2rem 0; transition:all .3s ease-out;} .appl_detail03 .swiper-slide a{display:block; background:#fff; box-shadow:0 0 15px 6px rgba(0,0,0,0.08); border-radius:.1rem;} .appl_detail03 .swiper-slide .box{border-radius:.1rem; overflow:hidden;} .appl_detail03 .swiper-slide .img img{width:100%;} .appl_detail03 .swiper-slide .words{padding:.3rem .25rem;} .appl_detail03 .swiper-slide .words .tit{font-size:.2rem; line-height:.32rem; color:#242424; height:1.28rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;} .appl_detail03 .swiper-slide .words .time{border-top:1px solid #ebf0f5; margin-top:.3rem; padding-top:.1rem; position:relative;} .appl_detail03 .swiper-slide .words .time::before{content:''; position:absolute; top:-1px; left:0; width:0; height:1px; background:#194097; transition:all .3s ease;} .appl_detail03 .swiper-slide .words .time span{color:#194097; border-radius:50%; font-size:.16rem; margin-right:.13rem; display:inline-block; vertical-align:middle;} /* .appl_detail03 .swiper-slide:hover .words .time::before{width:100%;} */ .appl_detail03 .swiper-slide:hover{transform:translateY(-0.1rem);} .appl_detail03 .swiper-slide:hover a{background:#063f87;} .appl_detail03 .swiper-slide:hover .words .tit{color:#fff; font-weight:bold;} .appl_detail03 .swiper-slide:hover .words .time{border-top-color:rgba(255,255,255,0.1); color:#fff;} .appl_detail03 .swiper-slide:hover .words .time span{color:#fff;} .appl_detail03 .swiper-container-horizontal>.swiper-pagination-bullets{position:relative; margin-top:.2rem; bottom:auto; font-size:0;} .appl_detail03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .07rem; width:12px; height:12px; background:#063f87; opacity:1;} .appl_detail03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ffcc32; } /* 解决方案产品列表 ljx */ .solu_ban{position:relative;} .solu_ban .intro{position:absolute; left:0; width:100%; bottom:0;} .solu_ban .intro .info{background:#fff; background:rgba(255,255,255,.83); padding:.5rem .55rem .7rem; border-top-left-radius:.1rem; border-top-right-radius:.1rem; position:relative;} .solu_ban .intro .info .new_common_title{text-align:left; margin-bottom:.25rem;} .solu_ban .intro .info .new_common_title::after{left:0; transform:translateX(0);} .solu_ban .intro .info .con{width:70%;} .solu_ban .intro .info .line{width:84px; height:4px; background:#ffc11d; margin:.14rem 0 .22rem;} .solu_ban .intro .info::after{content:''; width:1.71rem; height:1.36rem; background:url(../img/solu_pro01_2.png) no-repeat center; background-size:cover; position:absolute; right:12px; bottom:-0.75rem;} .solu_pro01{padding-top:1rem;} .solu_pro01 .left{width:20.5%; float:left; border-radius:10px; overflow:hidden;} .solu_pro01 .left .item a:hover{color:inherit;} .solu_pro01 .left .item{position:relative; background:#f5f5f5; border-bottom:2px solid #fff;} .solu_pro01 .left .item span{position:relative; display:block; font-size:.17rem; color:#000; line-height:.7rem; padding:0 .3rem;} .solu_pro01 .left .item span .icon{cursor:pointer; width:14px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px;;} .solu_pro01 .left .item span .icon:after, .solu_pro01 .left .item span .icon:before {content:''; background:#686868; width:14px; height:2px; display:block; position:absolute; top:0; bottom:0; right:.3rem; margin:auto;} .solu_pro01 .left .item span .icon:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} .solu_pro01 .left .item span .icon:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;} .solu_pro01 .left .item span a{transition:0s ease;} .solu_pro01 .left .item.cur span{color:#fff; background:#194097;} .solu_pro01 .left .item.cur span .icon:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#fff;} .solu_pro01 .left .item.cur span .icon:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; background:#fff;} .solu_pro01 .left .item ul{display:none; margin:.1rem 0;} .solu_pro01 .left .item ul li{font-size:.16rem; line-height:.45rem; color:#3c3c3c; position:relative; margin-bottom:5px; transition:0.5s ease; padding:0 .3rem;} .solu_pro01 .left .item ul li a{display:block;} .solu_pro01 .left .item ul li i{position:absolute; font-size:.2rem; color:#c1c1c1; top:50%; transform:translateY(-50%); right:.26rem; margin:0;} .solu_pro01 .left .item ul li.cur{color:#194097; font-weight:bold;} .solu_pro01 .right{width:76%; float:right;} .solu_pro01 .right .r_pt{margin-bottom:.8rem;} .solu_pro01 .right .new_common_title{text-align:left; margin-bottom:.25rem;} .solu_pro01 .right .new_common_title::after{left:0; transform:translateX(0);} .solu_pro01 .right .info .con a{color:#00479d;} .solu_pro01 .right .list{margin-top:.55rem;} .solu_pro01 .right .list .item{width:32.6%; float:left; margin-right:0.7%; box-sizing:border-box; border:1px solid #DFDFDF; border-radius:.1rem; overflow:hidden; margin-bottom:.2rem; position:relative; transition:0.5s ease;} .solu_pro01 .right .list .item:after{content:''; width:0%; height:6px; background:#194097; position:absolute; left:0; bottom:0; transition:0.5s ease;} .solu_pro01 .right .list .item:hover{transform:translateY(-10px); box-shadow:0 0 15px rgba(0,0,0,.2);} .solu_pro01 .right .list .item:hover:after{width:100%;} .solu_pro01 .right .list .item_three{margin-right:0;} .solu_pro01 .right .list .item .rect-64{padding-bottom:64%;} .solu_pro01 .right .list .item .box{padding:.3rem .13rem;} .solu_pro01 .right .list .item .box .info{margin-top:.3rem;} .solu_pro01 .right .list .item .box .info .tit{font-size:.2rem; line-height:.37rem; color:#000; font-weight:bold; text-align:center; margin-bottom:.25rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .solu_pro01 .right .list .item .box .info .con{padding:0 .25rem; font-size:.17rem; color:#000; text-align:justify; line-height:.38rem; height:1.52rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;} .solu_pro01 .right .list .item .box .info .con ul{height:1.52rem; overflow:hidden; text-align:left;} .solu_pro01 .right .list .item .box .info .con li:nth-child(odd){background:#f6f6f6;} .solu_pro01 .right .list .item .box .info .con li span{width:35%; padding-left:10%;} .solu_pro01 .right .list .item .box .info .con li span.l{width:45%;} .solu_pro01 .right .list .item .box .info .btns{font-size:0; text-align:center; margin-top:.3rem;} .solu_pro01 .right .list .item .box .info .btns a{display:inline-block; padding:0 .44rem; font-size:.16rem; color:#000; line-height:.45rem; border:1px solid #D3D3D3; border-radius:.1rem; margin:0 8px;} .solu_pro01 .right .list .item .box .info .btns a.btn01{background:#194097; color:#fff; border-color:#194097;} .solu_pro01 .right .list .item .box .info .btns a:hover{background:#f5be2c; color:#fff; border-color:#f5be2c;} .solu_pro01 .right .list .item .box .info .btns a.btn01:hover{background:#f5be2c; color:#fff; border-color:#f5be2c;} .solu_pro01 .right .list .item img{transition:all 0.5s ease;} .solu_pro01 .right .list .item:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .solu_pro01 .right .r_pt.isfrist>.info{display:none;} .solu_pro01 .right .r_pt.isfrist>.list{margin-top:0;} /* 查找经销商 */ .distributor01 .tdt-container a.tdt-infowindow-close-button{display:none;} .distributor01 .tdt-infowindow-content{margin:0; min-width:3.5rem;} .distributor01 .infoWindow{padding:.4rem .3rem; } .distributor01 .infoWindow .title_name{font-size:.19rem; line-height:.3rem; color:#000000; font-weight:500; margin-bottom:.1rem;} .distributor01 .infoWindow .more_btns{height:.45rem; line-height:.45rem; text-align:center; color:#fff; background:#063f87; border-radius:.06rem; cursor:pointer; font-size:.16rem; display:block; border:0; font-weight:bold; outline:none; margin-top:.2rem;} .distributor01 .infoWindow .con15{color:#666; margin-bottom:.05rem;} /* 新-工作机会 */ .xc_banner.new_job{overflow:hidden; position:relative; height:85vh;} .xc_banner.new_job::after{content:''; position:absolute; left:0; width:100%; top:0; height:100%; background:rgba(6, 63 ,135 , 0.3);} .xc_banner.new_job .img_box img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; z-index:-1; opacity:0;} .xc_banner.new_job .img_box video{width:100%; object-fit:cover;} .xc_banner.new_job .xc_words{position:absolute; top:40%; left:0; width:100%; transform:translateY(-50%); color:#fff; z-index:3; display:block; text-align:center;} .xc_banner.new_job .xc_words .title{font-weight:bold; font-size:.6rem; font-style:oblique; line-height:1.2; letter-spacing:.25em; margin-bottom:.1rem;} .xc_banner.new_job .xc_words .en_title{font-size:.19rem; font-style:oblique; line-height:1.2; text-transform:uppercase; letter-spacing:.6em; opacity:.5; font-family:Arial, Helvetica, sans-serif;} .xc_banner.new_job .xc_links{position:absolute; bottom:8%; left:3.5%; width:93%; text-align:center; font-size:0; z-index:2;} .xc_banner.new_job .xc_links li{display:inline-block; vertical-align:text-top; width:33.33%; color:#fff; text-align:left; padding:0 10px; -moz-box-sizing:border-box; box-sizing:border-box;} .xc_banner.new_job .xc_links li a{height:1.2rem; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.5); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); border-radius:.1rem; overflow:hidden; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -webkit-justify-content:flex-start; -moz-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -moz-box-sizing:border-box; box-sizing:border-box;} .xc_banner.new_job .xc_links .icon{height:100%; padding: 0 .3rem; border-right:1px solid rgba(255,255,255,.5); display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -moz-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0} .xc_banner.new_job .xc_links .icon img{width:.64rem; height:.64rem} .xc_banner.new_job .xc_links .right{padding:0 .4rem; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; -moz-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-flex:1; -webkit-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1} .xc_banner.new_job .xc_links .right .t{color:#fff; font-weight:bold;} .xc_banner.new_job .xc_links .right .c{font-size:12px; line-height:18px; font-family:Arial; text-transform:uppercase; color:rgba(255,255,255,.7); text-align:left; margin-top:5px} .xc_banner.new_job .xc_links .right .xgicon{font-size:.32rem; color:#fff; cursor:pointer} .new_job01{background-color:#f7f8fa; padding:.7rem 0;} /* .new_job01 .content{width:76%; margin:0 auto;} */ .new_job01 .infor{text-align:center;} .new_job01 .infor .con{margin-top:.35rem;} .new_job01 .bott{margin-top:.8rem; font-size:0;} /* .new_job01 .bott ul{text-align:justify;} */ /* .new_job01 .bott ul::after{content:''; display:inline-block; width:100%; } */ .new_job01 .bott ul{display:flex; align-items:stretch; padding-top:.35rem;} .new_job01 .bott li{display:inline-block; vertical-align:text-top; text-align:center; width:25%; position:relative;} .new_job01 .bott li::after{content:''; position:absolute; right:0; top:0; height:100%; width:1px; background:#e7e8ea;} .new_job01 .bott li:last-child::after{display:none;} .new_job01 .bott li .num_box{font-weight:bold; color:#063f87; position:relative; display:inline-block;} .new_job01 .bott li .num_box .num{font-size:.8rem; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1;} .new_job01 .bott li .num_box .t{position:absolute; top:-3px; right:.1rem; font-size:.15rem; transform:translate(100%,-100%); font-weight:bold; color:#2d2d2d; width:auto; white-space:nowrap; line-height:.3rem; padding:0 .2rem; border-radius:.2rem; background:#e8e9ea;} .new_job01 .bott li .num_box .t::after{content:''; position:absolute; bottom:-10px; left:5px; border:6px solid transparent; border-top-color:#e8e9ea; transform:rotate(14deg); } .new_job01 .bott li .tips{font-size:.2rem; color:#000000; line-height:.3rem; margin-top:.1rem; font-weight:bold;} .new_job02.img_video04{margin:.7rem 0;} .new_job02 .rect-4061{padding-bottom:40.61%;} .new_job02 .new_common_title::after{display:none;} .new_job02 .bott{margin-top:.2rem;} .new_job03{position:relative; overflow:hidden;} .new_job03 .bg img{width:100%;} .new_job03 .content{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);} .new_job03 .content .cont{width:42%;} .new_job03 .content .cont .tit{color:#063f87; font-weight:bold; margin-bottom:.25rem;} .new_job03 .content .cont .link_box{margin-top:.25rem; font-size:0;} .new_job03 .content .cont .link_box a{display:inline-block; padding:.1rem .6rem; border:1px solid #666666; border-radius:.1rem; margin-right:.23rem;} .new_job03 .content .cont .link_box a:last-child{margin-right:0;} .new_job03 .content .cont .link_box a:hover{background:#063f87; color:#fff; border-color:#063f87;} /* 学习发展 */ .study01{margin-top:.7rem;} .study01 .item{display:flex; align-items:center; justify-content:space-between; margin-bottom:.8rem;} .study01 .item>div{width:45.8%;} .study01 .words .new_common_title{text-align:left; margin-bottom:.35rem;} .study01 .words .new_common_title::after{left:0; transform:none;} .study01 .words span{color:#063f87; font-weight:bold;} .study01 .item.even{flex-direction:row-reverse;} .study01 .img{border-radius:.1rem; overflow:hidden; position:relative;} .study01 .swiper-container::after, .study01 .swiper-container::before{content:''; position:absolute; top:0; height:100%; left:0; width:22%; background:linear-gradient(to right,rgba(6 ,63 ,135 , 30%),rgba(255 ,255 ,255 , 0%)); z-index:2;} .study01 .swiper-container::after{left:auto; right:0; background:linear-gradient(to left,rgba(6 ,63 ,135 , 30%),rgba(255 ,255 ,255 , 0%));} .study01 .img img{width:100%;} .study01 .img .tab_btns{background:none; width:auto; height:auto; margin-top:0; transform:translateY(-50%); z-index:5;} .study01 .img .swiper-button-prev .xgicon{transform:rotate(180deg);} .study01 .img .tab_btns .xgicon{font-size:.4rem; color:#fff;} .study01 .img .tab_btns:hover .xgicon{color:#f5be2c;} /* 搜索内容 */ body .searchArea .content_form .form_box .search .down_wrap{z-index:6;} /*服务案例*/ .service_common{background:url(../img/service_case01_bg.jpg) no-repeat center; height:4.85rem;} .service_common .infor{padding-top:1.3rem; color:#fff; font-weight:bold; text-align:center; margin-bottom:.45rem;} .service_common .content .form_box {width:45%; margin:0 auto; border-radius:50px; background:#fff; height:.52rem; line-height:.52rem; padding:0 1%;position:relative;} .service_common .content .form_box input {width:90%; line-height:.52rem; border:none; padding:0; margin:0; background:transparent; float:left;text-indent:5px; height:.52rem; color:#a9a9a9;} .service_common .content .form_box button{width:.4rem; height:.4rem; background:#ccc; padding:0; margin:0; outline:none; border:none; cursor:pointer; transition:all 0.5s ease; position:relative; border-radius:50%; float:right; margin-top:5px; line-height:1;} .service_common .content .form_box:hover button{background:#fcc100;} .service_common .content .form_box button i{margin:0; font-size:.2rem; color:#fff; height:.2rem; position:absolute; left:50%; margin-left:-0.1rem; top:50%; margin-top:-0.1rem;} .service_case02{margin:.4rem 0;} .service_case02 .tab_t .t_box{border:1px solid #e8e8e8; border-radius:.06rem; background:#fafafa; padding:.1rem .5rem 0; } .service_case02 .tab_t .cat_list{padding:.3rem 0;} .service_case02 .tab_t .cat_list1{border-bottom:1px solid #e8e8e8;} .service_case02 .tab_t .cat_list .tit{font-weight:bold; float:left; font-size:.18rem; color:#202020; width:8%; line-height:.4rem;} .service_case02 .tab_t .cat_list .ser_list{float:left; width:92%;} .service_case02 .tab_t .cat_list .ser_list .ser_sx {line-height:.4rem; display:inline-block; font-size:.17rem; color:#666; cursor:pointer; margin-right:.25rem;} .service_case02 .tab_t .cat_list .ser_list .ser_sx i {display:inline-block; *display:inline; *zoom:1; width:11px; height:11px; margin-right:.1rem;vertical-align:middle; background:url(../img/service_case02_1.png) no-repeat 0 0;} .service_case02 .tab_t .cat_list .ser_list .ser_sx.cur i{background-position:0 -11px;} .service_case02 .tab_t .cat_list .ser_list .ser_sx.cur {font-weight:bold; color:#063f87;} .service_case02 .tab_c{padding-top:.7rem;} .service_case02 .tab_c .content1{background:#f6f6f6; transition:all .3s ease; display:none;} .service_case02 .tab_c .content2 .item{position:relative; background:#fff; width:32%; float:left; margin-bottom:.34rem; margin-right:2%; border-radius:.06rem; transition:all .3s ease;} .service_case02 .tab_c .content2 .item .li_line{width:0; height:5px; background:#f5be2c; position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .service_case02 .tab_c .content2 .item:hover .li_line{width:100%;} .service_case02 .tab_c .content2 .item:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2)} .service_case02 .tab_c .content2 .item.three_item { margin-right: 0;} .service_case02 .tab_c .content2 .item .box{padding:.3rem;} .service_case02 .tab_c .content2 .item .box .tit{width:80%; font-size:.22rem; color:#666; font-weight:bold; line-height:.34rem; height:.68rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .service_case02 .tab_c .content2 .item .box .list{font-size:14px; color:#8b8b8b; line-height:.28rem; margin:.1rem 0; } .service_case02 .tab_c .content2 .item .box .list ul li{float:left; margin-right:.2rem; border:1px solid #8b8b8b; padding:0 5px; border-radius:.06rem;} .service_case02 .tab_c .content2 .item .box .con{font-size:14px; color:#353333; line-height:.28rem; height:.56rem; height:0px; overflow:hidden;} .service_case02 .tab_c .content2 .item .box .more{float:right; color:#353333;} .service_case02 .tab_c .content2 .item_{position:relative; width:23.8%; float:left; margin-bottom:.45rem; margin-right:1.6%; transition:all .3s ease; } .service_case02 .tab_c .content2 .item_ a{border-radius:.1rem; overflow:hidden; display:block; background:#fff; box-shadow:0 0 15px 6px rgba(0,0,0,0.08); border-radius:.1rem;} .service_case02 .tab_c .content2 .item_:nth-child(4n){margin-right:0;} .service_case02 .tab_c .content2 .item_ .box .list{font-size:14px; color:#8b8b8b; line-height:.28rem; margin-top:.1rem; height:.4rem; overflow:hidden;} .service_case02 .tab_c .content2 .item_ .box .list ul li{float:left; margin-right:.2rem; margin-bottom:.1rem; border:1px solid #8b8b8b; padding:0 5px; border-radius:.06rem;} .service_case02 .tab_c .content2 .item_ .box .list ul li:last-child{margin-right:0;} .service_case02 .tab_c .content2 .item_ .words{padding:.3rem .25rem;} .service_case02 .tab_c .content2 .item_ .words .tit{font-size:.2rem; line-height:.32rem; color:#242424; height:.64rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:bold;} .service_case02 .tab_c .content2 .item_ .words .time{border-top:1px solid #ebf0f5; margin-top:.2rem; padding-top:.1rem; position:relative; transition:all .3s ease;} .service_case02 .tab_c .content2 .item_ .words .time::before{content:''; position:absolute; top:-1px; left:0; width:0; height:1px; background:#194097; transition:all .3s ease;} .service_case02 .tab_c .content2 .item_ .words .time span{color:#194097; border-radius:50%; font-size:.16rem; margin-right:.13rem; display:inline-block; vertical-align:middle;} .service_case02 .tab_c .content2 .item_:hover>a{transform:translateY(-0.1rem); background:#063f87;} .service_case02 .tab_c .content2 .item_:hover .words .tit{color:#fff; font-weight:bold;} .service_case02 .tab_c .content2 .item_:hover .words .time{border-top-color:rgba(255,255,255,0.1); color:#fff;} .service_case02 .tab_c .content2 .item_:hover .words .time span{color:#fff;} .service_case02 .tab_c .content2 .item_:hover .box .list{color:#fff;} .service_case02 .tab_c .content2 .item_:hover .box .list ul li{border-color:#fff;} .service_case02 .rect-6275{padding-bottom:62.75%;} .service_case03{background:#fcfafa; position:relative; height:calc(100vh - 3rem); overflow:hidden; display:none;} .service_case03 .swiper01_box{width:50%; margin-left:0; height:100%;} .service_case03 .swiper01{height:100%;} .service_case03 .swiper-pagination{position:absolute; bottom:9.4%; display:inline-block; width:auto; left:55%;} .service_case03 .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:.5rem; height:4px; vertical-align:middle; background:#e4e0e0;opacity:1; outline:none; border-radius:2px; margin-right:.15rem;} .service_case03 .swiper-pagination-bullet-active .timer, .service_case03 .swiper-pagination-bullet .timer{display:block; position:relative;width:.5rem; height:4px; margin-top:0; background:transparent; opacity:1} .service_case03 .swiper-pagination-bullet .timer::before{position:absolute; top:0; left:0; width:100%; height:100%; background:#e4e0e0; opacity:1; content:''} .service_case03 .swiper-pagination-bullet .process{display:block; position:absolute; top:0; left:0; width:0; opacity:0; height:100%; background:#f5be2c;transition-property:width; transition-timing-function:linear;} .service_case03 .swiper-pagination-bullet.play .process{opacity:1; width:100%;} .service_case03 .swiper-slide{height:100%; overflow:hidden;} .service_case03 .swiper-slide .img_{height:100%; position:relative;} .service_case03 .swiper-slide img{min-height:100%; /*max-width:none;*/ min-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .service_case03 .words_box{position:absolute; top:43%; transform:translateY(-50%); left:0; width:100%;} .service_case03 .words_box .swiper02{width:40%; margin:0 auto; margin-right:4.5%;} .service_case03 .words_box .swiper-slide{opacity:0!important;} .service_case03 .words_box .swiper-slide.swiper-slide-active{opacity:1!important;} .service_case03 .words_box .words .title a{font-weight:bold; color:#063f87;} .service_case03 .words_box .words .list{font-size:14px; color:#8b8b8b; line-height:.28rem; margin:.25rem 0 .15rem; } .service_case03 .words_box .words .list ul li{float:left; margin-right:.2rem; border:1px solid #8b8b8b; padding:0 5px; border-radius:.06rem; margin-bottom:.1rem;} .service_case03 .words_box .words .more_btns{display:inline-block; line-height:.45rem; width:1.8rem; color:#000; font-size:.16rem; background:#f5be2c; margin-top:.45rem; font-weight:bold; border-radius:.06rem; text-align:center; transition:all .3s ease;} .service_case03 .words_box .words .more_btns:hover{color:#fff; background:#063f87;} .service_case03 .go_down{position:absolute; bottom:5.4%; left:0; width:100%; text-align:right;} .service_case03 .go_down .box{display:inline-block; position:relative;} .service_case03 .go_down .box .bg{width:1.1rem; height:1.1rem; animation:txtRun 10s linear forwards infinite;} .service_case03 .go_down .box .icon{width:.25rem; position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); animation:updown1 1400ms ease-in-out infinite;} @keyframes txtRun { form { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes updown1 { 0% { margin: -15px 0 0 0; } 50% { margin: -5px 0 0 0; } 100% { margin: -15px 0 0 0; } } /* 施工案例详细 */ .service_detail03{background:#f6f6f6; padding:.45rem 0; position:relative;} .service_detail03 .content{padding:0 .82rem 0 0; position:relative;} .service_detail03 .content .box{background:#fff; padding:.65rem .6rem;} .service_detail03 .content .box .infor{color:#000; font-weight:bold; text-align:center;} .service_detail03 .content .box .list{text-align:center; margin:.35rem 13%;} .service_detail03 .content .box .bott_{text-align:center;} .service_detail03 .content .box .bott_ img{margin-bottom:.3rem;} .service_detail03 .content .box .bott_ p{text-align:left;} .service_detail03 .content .box .list li{width:48%; display:inline-block; font-size:.17rem; color:#000; line-height:.43rem; border:1px solid #eee; margin:0 5px; border-radius:.06rem;} .service_detail03 .content .back_box{position:absolute; right:0; top:0; width:.56rem} .service_detail03 .content .back_box>div{background:#fff; transition:all .3s ease;} .service_detail03 .content .back_box>div:hover{background:#063f87;} .service_detail03 .content .back_box .icon{width:100%; height:.63rem; margin:0; line-height:.63rem; display:inline-block; font-size:.3rem; text-align:center; color:#bfbfbf; transition:all .3s ease;} .service_detail03 .content .back_box>div:hover .icon{color:#fff;} .service_detail03 ._tools {font-size:0; color:#7e7e7e; margin-bottom:.15rem; text-align:center} .service_detail03 ._tools ._tool{font-size:12px; margin-right:.1rem; display:inline-block; height:.5rem; line-height:.5rem; vertical-align:middle; overflow:hidden;} .service_detail03 ._tools .iconfont {font-size:.18rem; display:inline-block; height:.3rem; line-height:.3rem; vertical-align:-2px;} .service_detail03 ._tools b {font-weight:normal; } .service_detail03 ._tools #switcher {margin-left:.1rem; line-height:.4rem;} .service_detail03 ._tools #switcher ._title{margin-right:.05rem;font-size:12px;color:#7e7e7e;} .service_detail03 ._tools #switcher a {font-size:13px; margin:0 1px; } /* 分页 */ .page_bott{background:#fff; margin-top:.3rem;} .page_bott .page_prev{float:left; width:46%; border-right:1px solid #c9c9c9; box-sizing:border-box;} .page_bott .page_next{float:right; width:46%; border-left:1px solid #c9c9c9; box-sizing:border-box;} .page_bott .box{padding:.3rem .2rem;} .page_bott .page_prev .page_btn{float:left; padding-left:.45rem;} .page_bott .page_next .page_btn{float:right; padding-right:.45rem;} .page_bott .page_btn{margin-right:.3rem; font-size:.16rem; color:#797979; position:relative;} .page_bott .page_btn .icon{position:absolute; width:31px; height:11px; background:url(../img/news_detail02_3.png) no-repeat; top:50%; margin-top:-5px;} .page_bott .page_prev .page_btn .icon{left:0;} .page_bott .page_next .page_btn .icon{background-position:-32px 0; right:0;} .page_bott .t{font-size:.18rem; font-weight:bold; color:#3f3f3f; line-height:.3rem;} .page_bott a:hover .t{color:#063f87 ;} .page_bott .page_center{float:left; width:8%; height:.9rem; position:relative;} .page_bott .page_center .icon .iconfont{position:absolute; left:50%; transform:translate(-50%,-50%); top:50%; margin:0; display:block; font-size:.24rem; color:#b5b5b5;color:#b5b5b5;} .page_bott .page_center:hover .icon .iconfont{color:#063f87 ;} .page_bott .page_prev:hover .page_btn .icon{left:-5px; transition:.3s ease;} .page_bott .page_next:hover .page_btn .icon{right:-5px; transition:.3s ease;} /* 新-首页 */ .ipart05{background:#0a1e40; position:relative; z-index:1; padding:.8rem 0;} .ipart05 .left{width:23.5%; padding-top:.45rem;} .ipart05 .left .common_tit{text-align:left; color:#fff; margin-bottom:.55rem;} .ipart05 .left .common_tit::after{left:0; transform:none;} .ipart05 .con{color:rgba(255,255,255,0.3);} .ipart05 .right{width:71.4%; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1);} .ipart05 .right ul{display:flex; align-items:stretch; } .ipart05 .right li{flex:1; width:33.33%; padding:.6rem 0.35rem .55rem; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.1); color:#fff;} .ipart05 .right li:last-child{border-right:0;} .ipart05 .right li .icon{height:.77rem;} .ipart05 .right li .icon img{height:100%;} .ipart05 .right li .infor{margin:.4rem 0;} .ipart05 .right li .infor .tit{font-weight:bold; margin-bottom:.1rem;} .ipart05 .right li .infor .con{height:1.2rem; overflow:hidden;} .ipart05 .right li .link_box{color:#fff; display:flex; justify-content:space-between; align-items:stretch; line-height:.2rem;} .ipart05 .right li .link_box .line{width:1px; background:rgba(255,255,255,0.1);} .ipart05 .right li .link_box .line:last-child{display:none;} .ipart05 .right li:last-child .link_box{justify-content:flex-start;} .ipart05 .right li:last-child .line{margin:0 .3rem;} .ipart01.new{padding-bottom:.8rem;} .ipart06{margin-bottom:.4rem;} .ipart06 .content{position:relative; height:7rem; overflow:hidden; margin-top:.55rem; border-radius:.2rem;} .ipart06 .bott_layer{position:absolute; z-index:1; bottom:0; left:50%; height:100%; transform: translateX(-50%); width:100%;} .ipart06 .bott_layer .markers{position:absolute; top:50%; left:50%; width:100%; height:100%; transform: translate(-50%, -50%); z-index:10;} .ipart06 .bott_layer video{position:absolute; top:50%; left:50%; width:19.2rem; height:10.8rem; transform: translate(-50%, -50%);} .ipart06 .bott_layer img{position:absolute; top:50%; left:50%; width:19.2rem; height:10.8rem; transform: translate(-50%, -50%);} .ipart06 .bott_layer .markers .marker{position:absolute; top:50%; left:50%; width:.18rem; height:.18rem; margin-top:-0.09rem; margin-left:-0.09rem; z-index:10;} .ipart06 .bott_layer .markers .marker .dot{position:relative; width:.18rem; height:.18rem; border-radius:.09rem; background-color:#f5be2c;} .ipart06 .bott_layer .markers .marker .dot::after{content:""; box-sizing:border-box; position:absolute; top:.09rem; left:.09rem; width:.18rem; height:.18rem; border-radius:.09rem; border:1px solid #f5be2c; transform:translate(-50%, -50%) scale(1); opacity:1; animation: dot_scale 1.5s linear infinite;} .ipart06 .bott_layer .markers .marker .label{position:absolute; display:block; right:.4rem; top:50%; transform:translateY(-50%); font-size:.16rem; line-height:.4rem; color:#000; padding:0 .4rem; border-radius:.2rem; white-space:nowrap; background:rgba(255, 255, 255, 0.6);} .ipart06 .bott_layer .markers .marker.label_left .label{left:initial; right:.5rem; } .ipart06 .bott_layer .markers .marker.label_right .label{left:.4rem; right:initial; } .ipart06 .bott_layer .markers .marker .label:hover{color:#000; background:#f5be2c;} .ipart06 .bott_layer .markers .marker .label::before{content:""; position:absolute; left:.3rem; top:.1rem; width:.2rem; height:.2rem; background:url(../img/ipart02_icon_1.png) center/contain no-repeat;} .ipart06 .bott_layer .markers .marker .label:hover::before{background-image:url(../img/ipart02_icon_1_1.png);} .ipart06 .cover_words{position:absolute; left:6%; bottom:20%; width:40%; z-index:20;} .ipart06 .cover_words .title{font-weight:bold; color:#fff;} .ipart06 .cover_words .con{margin-top:.2rem; color:#fff;} .ipart06 .cover_words .more_btns{display:inline-block; line-height:.45rem; width:1.8rem; color:#000; font-size:.16rem; background:#f5be2c; margin-top:.55rem; font-weight:bold; border-radius:.06rem; text-align:center; transition:all .3s ease;} .ipart06 .cover_words .more_btns:hover{color:#fff; background:#063f87;} .ipart07{padding-top:.4rem; box-sizing:border-box; overflow:hidden; display:none;} .ipart07 .infor .con{color:#888888; font-size:.17rem; line-height:.25rem; width:6.4rem; margin:0 auto; text-align:center; margin-top:.55rem;} .ipart07 .content{position:relative; padding:.6rem 0 .5rem; margin-top:.35rem; overflow:hidden;} .ipart07 .content .bg{position:absolute; top:0; width:100%; height:100%; background:#0b1f3e; border-radius:.2rem; z-index:0;} .ipart07 .content .area{position:relative;} .ipart07 .content .cont{width:auto; white-space:nowrap; margin:0 .4rem;} .ipart07 .content .cont .box{margin-right:.3rem; position:relative; display:inline-block; white-space:normal; vertical-align:text-top; position:relative; padding-bottom:.4rem; } .ipart07 .content .cont .box::after{content:''; position:absolute; bottom:0; height:1px; left:0; width:calc(100% + .3rem); border-bottom:1px dashed #fff;} .ipart07 .content .cont .box:last-child:after{width:100%;} .ipart07 .content .cont .box:first-child:after{left:33px; width:100%;} .ipart07 .content .cont .box.text::before{content:''; position:absolute; bottom:0; left:0; width:14px; height:14px; background:#fff; transform:translateY(50%); border-radius:50%; margin-left:-7px;} .ipart07 .content .cont .box.text:first-child:before{width:33px; height:33px; background:url(../img/ipart07_02.png) no-repeat center/cover; margin-left:0;} .ipart07 .content .cont .box:last-child{margin-right:0;} .ipart07 .content .cont .box .item{border-radius:.1rem; height:4.9rem; overflow:hidden; position:relative;} .ipart07 .content .cont .text .item{width:4.3rem; border:2px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.1); padding:.35rem; padding-top:.95rem; box-sizing:border-box; display:flex; align-items:flex-start; flex-wrap:wrap; border-radius:.1rem; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);} .ipart07 .content .cont .text .info{align-self:flex-end; color:#fff;} .ipart07 .content .cont .text .info .tit{font-weight:bold; margin-bottom:.1rem;} .ipart07 .content .cont .text .info .con{color:rgba(255,255,255,0.3); min-height:.9rem;} .ipart07 .content .cont .pic{position:relative; width:8.7rem;} .ipart07 .content .cont .pic img{width:100%;} .ipart07 .content .cont .pic .link_box{position:absolute; background:#fff; padding:.08rem; border-radius:.4rem; right:4.5%; bottom:8.2%;} .ipart07 .content .cont .pic .link_box a{display:inline-block; font-size:.16rem; padding:0 .4rem; line-height:.55rem; color:#000000; cursor:pointer; border-radius:.3rem; transition:all .3s ease;} .ipart07 .content .cont .pic .link_box a.cur{background:#f5be2c; font-weight:bold;} /* pad端部分 */ .ipart07 .content .m_area{display:none;} .ipart08{padding-top:.4rem; box-sizing:border-box; overflow:hidden;} .ipart08 .infor .con{color:#888888; font-size:.17rem; line-height:.25rem; width:6.4rem; margin:0 auto; text-align:center; margin-top:.55rem;} .ipart08 .content{position:relative; margin-top:.35rem; overflow:hidden; border-radius:.2rem;} .ipart08 .content .sect{position:relative; box-sizing:border-box; height:5.2rem; padding-top:1.1rem; background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden;} .ipart08 .content .sect .wrap{position:relative;} .ipart08 .content .sect .intro{float:right; width:36.6%; margin-right:7.9%; color:#fff;} .ipart08 .content .sect .intro .tit{font-size:.34rem; line-height:.52rem; margin-bottom:.1rem; font-weight:bold;} .ipart08 .content .sect .intro .con{font-size:.16rem; line-height:.25rem; margin-bottom:.4rem;} .ipart08 .content .sect .intro .serv{display:inline-block; } .ipart08 .content .sect .intro .serv li{float:right; font-size:.16rem; color:#fff; height:.74rem; line-height:.74rem; margin-left:-0.7rem; border:2px solid #fff; border-radius:.39rem; background:#12366f;} .ipart08 .content .sect .intro .serv li:last-child{position:relative; margin-left:0;} .ipart08 .content .sect .intro .serv li:last-child::before{content:''; position:absolute; left:-2px; top:50%; width:.74rem; height:.74rem; margin-top:-0.39rem; border:2px solid #fff; border-radius:.39rem; background:url(../img/ipart03_logo.png) no-repeat center; background-size:.45rem .39rem;} .ipart08 .content .sect .intro .serv li:last-child::after{content:'SER'; position:absolute; left:.19rem; top:-0.12rem; color:#fff; font-size:.16rem; line-height:.2rem; background:#12366f;} .ipart08 .content .sect .intro .serv li>a{display:block; padding:0 .4rem 0 1rem;} .ipart08 .content .sect .intro .serv li>a:hover{color:#f6b32a; font-weight:bold;} .ipart08 .content .sect.sect1 .intro .serv li{background:#12366f;} .ipart08 .content .sect.sect2 .intro .serv li{background:#19488d;} .ipart08 .content .sect.sect3 .intro .serv li{background:#2363b1;} .ipart08 .content .sect.sect1 .intro .serv li:last-child::after{background:#12366f;} .ipart08 .content .sect.sect2 .intro .serv li:last-child::after{background:#19488d;} .ipart08 .content .sect.sect3 .intro .serv li:last-child::after{background:#2363b1;} .ipart08 .swiper-pagination{bottom:9.6%!important;} .ipart08 .swiper-pagination .swiper-pagination-bullet{position:relative; width:.8rem; height:2px; background:rgba(230,230,230,0.7); opacity:1; border-radius:0; transition:all .8s ease; margin:0 .07rem!important;} .ipart08 .swiper-pagination .swiper-pagination-bullet::after{content:""; position:absolute; left:0; top:0; height:3px; width:0; background:#fff; z-index:1;} .ipart08 .swiper-pagination .swiper-pagination-bullet-active::after{width:100%;} .ipart08 .swiper-button-prev, .ipart08 .swiper-button-next{position:absolute; top:50%; margin-top:0; transform:translateY(-50%); background:none; outline:none; cursor:pointer; -webkit-transition:all 0.4s; transition:all 0.4s;} .ipart08 .swiper-button-prev{left:3%;} .ipart08 .swiper-button-next{right:3%;} .ipart08 .swiper-button-prev::after, .ipart08 .swiper-button-next::after{content:'\e65f'; font-family:'iconfont'; -webkit-font-smoothing:antialiased; font-size:.5rem; margin:0; color:#f5be2c; font-weight:bold; opacity:.75; -webkit-transition:all 0.4s; transition:all 0.4s;} .ipart08 .swiper-button-prev::after{content:'\e660';} .ipart08 .swiper-button-prev:hover::after, .ipart08 .swiper-button-next:hover::after{opacity:1;} /* 公共提示文字 */ body .box_wrap_remind{text-align:center;} /* 融资租赁导航 */ .xc_banner.spec .xc_words{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; display:block;} .xc_banner.spec .xc_words .title{font-size:.4rem; font-weight:bold; color:#063f87; line-height:1;} .xc_banner.spec .xc_words .con{color:#000000; margin:.1rem 0 .2rem;} .xc_banner.spec .xc_words .more_btns{font-size:.16rem; line-height:.45rem; color:#000000; font-weight:bold; padding:0 .44rem; border-radius:.06rem; background:#f5be2c; display:inline-block;} .xc_banner.spec .xc_words .more_btns:hover{color:#fff; background:#063f87;} /* 产品详情 */ .pro_detail02 .bd .right .section:last-child{padding-bottom:0;} .pro_detail02 .bd .right .section04 .cont .more_btns{font-size:.16rem; line-height:.45rem; color:#000000; font-weight:bold; padding:0 .44rem; border-radius:.06rem; background:#f5be2c; display:inline-block; position:absolute; bottom:1rem; left:50%; transform:translateX(-50%); cursor:pointer; z-index:3; transition:all .3s ease; display:none;} .pro_detail02 .bd .right .section04 .cont .more_btns:hover{color:#fff; background:#063f87;} .pro_detail02 .bd .right .section04.hasMore .cont{height:7.62rem; overflow:hidden; position:relative;} .pro_detail02 .bd .right .section04.hasMore .cont::after{content:''; position:absolute; bottom:0; height:2.8rem; left:0; width:100%; background:linear-gradient(to top,rgba(255,255,255,0.9) 30%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.5) 80%,rgba(255,255,255,0.2)); } .pro_detail02 .bd .right .section04.hasMore .cont .more_btns{display:block;} .pro_detail02 .bd .right .section04.hasMore .cont.showAll{height:auto;} .pro_detail02 .bd .right .section04.hasMore .cont.showAll::after{display:none;} /* 产品对比 */ .compare_crumbs .xc_crumbs{position:static; padding:.2rem 0; color:#000;} .compare_crumbs .xc_crumbs h1{color:#000;} .pro_compare{padding-bottom:1rem;} .pro_compare01 .item{width:20%; border-right:1px solid #c7c7c7; } .pro_compare .com_btns{display:inline-block; font-size:.16rem; line-height:.44rem; font-weight:bold; color:#000000; padding:0 .3rem; border-radius:.06rem; background:#f5be2c; cursor:pointer; transition:all .4s ease;} .pro_compare .com_btns:hover{color:#fff; background:#063f87;} .pro_compare .com_btns.blue{color:#fff; background:#063f87;} .pro_compare .com_btns.blue:hover{color:#000; background:#f5be2c;} .pro_compare01{position:relative;} .pro_compare01 .subject{width:calc(100% - 75px); } .pro_compare01 .hd{height:3.14rem;} .pro_compare01 .hd .hd_box{display:flex; align-items:stretch; border:1px solid #c7c7c7; border-right:0;} .pro_compare01 .hd .item{padding:.2rem .2rem .28rem;} /* 第一个 */ .pro_compare01 .hd .item.item_first{display:flex; align-items:center; justify-content:center;} .pro_compare01 .hd .item.item_first .box{width:100%; margin-bottom:0; height:auto;} .pro_compare01 .hd .item.item_first .tit_box{display:flex; align-items:flex-end; margin-bottom:.2rem;} .pro_compare01 .hd .item.item_first .title{font-weight:bold; color:#000; font-size:.32rem; line-height:.4rem;} .pro_compare01 .hd .item.item_first .num{font-size:.2rem; color:#063f87; margin-left:.2rem;} /* 有内容的 */ .pro_compare01 .hd .item .close_btns{text-align:right; height:.2rem; margin-bottom:.1rem; opacity:0; visibility:hidden;} .pro_compare01 .hd .item .close_btns .iconfont{margin:0; font-size:.17rem; line-height:1; color:#000; font-weight:bold; cursor:pointer;} .pro_compare01 .hd .item .box{margin-bottom:.35rem; height:1.55rem;} .pro_compare01 .hd .item.choose{text-align:center;} .pro_compare01 .hd .item.choose .close_btns{opacity:1; visibility:visible;} .pro_compare01 .hd .item.choose .box{width:100%; text-align:center;} .pro_compare01 .hd .item.choose .box .name{font-weight:bold; margin-bottom:.15rem; color:#000;} .pro_compare01 .hd .item.choose .box .img{height:1.1rem;} .pro_compare01 .hd .item.choose .box .img img{max-height:100%;} /* 需要选择的 */ .pro_compare01 .hd .item{text-align:center;} .pro_compare01 .hd .item .box{width:80.3%; margin-left:auto; margin-right:auto; text-align:left;} .pro_compare01 .hd .item .type{border:1px solid #c7c7c7; border-radius:.06rem; padding:0 .1rem; line-height:.36rem; color:#1e1e1e; margin-bottom:8px;} .pro_compare01 .hd .item .word{display:flex; justify-content:space-between; box-sizing:border-box; align-items:center; cursor:pointer; border:1px solid #c7c7c7; border-radius:.06rem; padding:0 .1rem; line-height:.36rem; width:100%; color:#000;} .pro_compare01 .hd .item .word span{width:90%; white-space:nowrap;} .pro_compare01 .hd .item .word .icon{margin:0; font-size:.18rem; font-weight:bold; color:#063f87;} .pro_compare01 .hd .item .item_choose{position:relative;} .pro_compare01 .hd .item .item_choose ul{display:none; background:#fff; width:100%; position:absolute; left:50%; transform:translateX(-50%); top:calc(100% + 1px); box-shadow:0 20px 20px 0px rgba(0,0,0,0.04); z-index:5; max-height:1.6rem; overflow-y:auto;} .pro_compare01 .hd .item .item_choose ul::-webkit-scrollbar{width:2px; height:4px;} .pro_compare01 .hd .item .item_choose ul::-webkit-scrollbar-thumb{border-radius:5px; background:#063f87; } .pro_compare01 .hd .item .item_choose ul::-webkit-scrollbar-track{border-radius:0; background:#fff;} .pro_compare01 .hd .item .item_choose ul li{line-height:.2rem; padding:.1rem 1em; font-size:.16rem; color:#111; transition:all .3s ease; cursor:pointer;} .pro_compare01 .hd .item .item_choose ul li:hover{background:#063f87; color:#fff;} .pro_compare01 .bd{border-bottom:1px solid #c7c7c7;} .pro_compare01 .bd .section .title_box{padding:.25rem .45rem; background:#063f87;} .pro_compare01 .bd .section .title_box .title{font-size:.28rem; line-height:.3rem; color:#fff; font-weight:bold; } .pro_compare01 .bd .section .name_item .tit{font-size:.28rem; line-height:1; font-weight:bold; color:#000;} .pro_compare01 .bd .section .cont_box{border-left:1px solid #c7c7c7; display:flex; align-items:stretch;} .pro_compare01 .bd .section.section1 .cont_box .item li{font-size:.18rem; line-height:.3rem; color:#1e1e1e; padding:.15rem .2rem; text-align:center;} .pro_compare01 .bd .section.section1 .cont_box .item li:nth-child(2n){background:#f8f8f8;} .pro_compare01 .bd .section.section1 .cont_box .name_item li{color:#000000; font-weight:bold; padding-left:15%; text-align:left;} .pro_compare01 .bd .section.section2 .item .eva{height:2.4rem; margin:.2rem 0;} .pro_compare01 .bd .section.section2 .name_item{display:flex; align-items:center; padding:0 .2rem; box-sizing:border-box;} .pro_compare01 .bd .section.section3 .name_item{display:flex; align-items:center; padding:0 .2rem; box-sizing:border-box;} .pro_compare01 .bd .section.section3 .item .words{padding:.45rem .25rem; padding-right:.05rem;} .pro_compare01 .bd .section.section3 .item .words .t{height:4.8rem; overflow-y:auto; padding-right:.2rem; color:#1e1e1e;} .pro_compare01 .bd .section.section3 .item .words .t::-webkit-scrollbar{width:2px; height:4px;} .pro_compare01 .bd .section.section3 .item .words .t::-webkit-scrollbar-thumb{border-radius:5px; background:#063f87; } .pro_compare01 .bd .section.section3 .item .words .t::-webkit-scrollbar-track{border-radius:0; background:#ebebeb;} .pro_compare01 .sideLayer{width:64px; height:auto; background:#fff; border:#e7e7e7 1px solid; position:fixed; transform:translateX(10%); right:calc(50vw - 8.2rem); top:40%; z-index:90; display:none;} .pro_compare01 .sideLayer .li_{border-bottom:#e7e7e7 1px solid;} .pro_compare01 .sideLayer li.gotop{border-bottom-width:0; text-align:center; cursor:pointer; padding:.1rem 0;} .pro_compare01 .sideLayer a{display:block; text-align:center; position:relative; height:.4rem; line-height:.2rem; padding:.1rem 0; box-sizing:border-box;} .pro_compare01 .sideLayer i{display:none; width:0; height:0; border-width:5px; border-color:transparent #063f87 transparent transparent; border-style:dashed solid dashed dashed; overflow:hidden; position:absolute; left:-0.1rem; top:50%; margin-top:-5px;} .pro_compare01 .sideLayer .active a{background:#063f87; color:#fff;} .pro_compare01 .sideLayer .active i{display:block;} .pro_compare01 .sideLayer.on{position:absolute; top:auto; bottom:0;} .pro_compare01 .compare_hd_fixed{position:fixed; top:0; z-index:90; background:#fff;} .pro_compare01 .hd .item.choose .choosebox{display:block;} .pro_compare01 .hd .item.unchoose .choosebox{display:none;} .pro_compare01 .hd .item.choose .comparebox{display:none;} .pro_compare01 .hd .item.unchoose .comparebox{display:block;} /* 产品对比 */ .compare_product{ height:auto; overflow:visible; transition:all .3s ease;} .compare_product .compare-sel{display:flex; justify-content:space-between; padding:.4rem 0 .3rem;} .compare_product .compare-selul{height:auto; width:85%; margin:0; display:flex; align-items:center; justify-content:space-between; overflow:visible;} .compare_product .compare-selli{width:23%; margin-right:0; height:auto; position:relative; float:none;} .compare_product .compare-selli-delbtn{position:absolute; top:0; right:0; transform:translateY(-50%); margin:0;} .compare_product .compare-selli .compare_box{display:flex; align-items:center;} .compare_product .compare-selli .compare_box.noCont{justify-content:center;} .compare_product .compare-selli .compare_box .img{width:1rem; height:1rem; flex-shrink:0;} .compare_product .compare-selli .compare_box .img a{display:block;} .compare_product .compare-selli .compare_box .img img{max-height:100%;} .compare_product .compare-selli .compare_box .compare_words{margin-left:.2rem; text-align:left; padding-right:.2rem;} .compare_product .compare-selli .compare_box .compare_words .compare-selli-tit{font-size:.17rem; line-height:.25rem; font-weight:bold; height:.5rem; color:#fff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .compare_product .compare-selli .compare_box .compare_words .compare-selli-con{margin-top:.05rem; font-size:.15rem; line-height:1;} .compare_product .compare-selli .compare_box .add_btns{width:.6rem; height:.6rem; margin-right:.4rem; background:rgba(255,255,255,0.8); position:relative;} .compare_product .compare-selli .compare_box .add_btns::after{content:'\e8a7'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:.36rem; font-weight:900; color:#fff; line-height:1; font-family:'iconfont'!important;} .compare_product .compare-selbtn{width:13%; float:none; border-left:0; padding-left:0; height:auto; text-align:center;} .compare_product .compare-selbtn .comparea-selbtn-closeall{margin-left:0; margin-top:.2rem;} .compare_product .compare-selbtn .comparea-selbtn-btn{float:none;} .compare_product .compare-main .wrap{position:relative;} .compare_product .compare-main .compare_header_right{position:absolute; right:0; top:0; transform:translateY(-100%); z-index:2; width:1.2rem; height:.32rem; text-align:center; background:url(../img/compare_jt.png) no-repeat; background-position:bottom; background-size:100%; cursor:pointer;} .compare_product .compare-main .compare_header_right .iconfont{margin:0; position:relative; top:.16rem; display:inline-block; color:#fff; font-size:.16rem; line-height:.16rem; vertical-align:top;} .compare_product.hasJT{transform:translateY(100%); transition:all .3s ease;} .compare_product .compare-main .compare_header_right.down .iconfont{transform:rotate(180deg);} .pro_list01 .right .bott .bd .products .item .item_box .compare{cursor:pointer; pointer-events:all;} .pro_list01 .right .bott .bd .products .item .item_box.plp-item-constrast-disabled .compare{cursor:not-allowed; pointer-events:none;} .pro_detail01 .right .btns_box .more_btn .btns_.compare_btns.not-allow{pointer-events:none;} /* 暂时隐藏 */ .h_top .h_stock{margin-right:0;} .h_top .h_rank{display:none!important;} /* 产品详情新增口碑 */ .pro_detail02 .bd .right .top{margin-bottom:.6rem;} .pro_detail02 .bd .right .top .title_box{display:flex; align-items:flex-end; border-bottom:3px solid #094a9b;} .pro_detail02 .bd .right .top .title_box .title{font-size:.32rem; line-height:1; font-weight:bold; color:#0a1e40; padding-bottom:.2rem;} .pro_detail02 .bd .right .top .title_box .right_ .tab_{display:inline-block; margin-left:.3rem; position:relative; padding-bottom:.2rem; font-size:.2rem; line-height:1; cursor:pointer;} .pro_detail02 .bd .right .top .title_box .right_ .tab_::after{content:''; position:absolute; bottom:-3px; left:0; width:100%; height:3px; background:#f5be2c; z-index:3; opacity:0; transition:all .4s ease;} .pro_detail02 .bd .right .top .title_box .right_ .tab_::before{content:''; position:absolute; bottom :-3px; left:-3px; height:3px; right:-3px; background:#fff; z-index:2; opacity:0; transition:all .4s ease;} .pro_detail02 .bd .right .top .title_box .right_ .tab_.cur{font-weight:bold;} .pro_detail02 .bd .right .top .title_box .right_ .tab_.cur::after, .pro_detail02 .bd .right .top .title_box .right_ .tab_.cur::before{opacity:1;} .pro_detail02 .bd .right .top #commentiframe_star div {display:flex; align-items:center; color:#1e1e1e; } .pro_detail02 .bd .right .top .vstar span {float:left; width:8px; height:16px; padding:0; margin:0; overflow:hidden; cursor:pointer; } .pro_detail02 .bd .right .top .vstar .star_box span:nth-child(2n){margin-right:3px;} .pro_detail02 .bd .right .top .vstar .star_t{color:#1e1e1e; margin-right:.1rem;} .pro_detail02 .bd .right .top .vstar .star_t span{float:none; display:inline-block; vertical-align:middle; height:auto; line-height:1; width:.6rem;} .pro_detail02 .bd .right .top .vstar .vstar-blank {background:none; width:auto; } .pro_detail02 .bd .right .top .vstar div {clear:both; } .pro_detail02 .bd .right .top .vstar .icon_star_box{width:87px; height:15px; background:url(../img/pro_detail02_icon_star.png) no-repeat left/cover; margin:0 4px; position:relative; line-height:normal;} .pro_detail02 .bd .right .top .vstar .icon_star_box .star_cover{position:absolute; left:0; top:0; height:100%; background:url(../img/pro_detail02_icon_star_cover.png) no-repeat left/cover;} .pro_detail02 .bd .right .top .vstar .vstar-s1 span {width:8px; } .pro_detail02 .bd .right .top .vstar .vstar-1 {background:url(../img/pro_vstar1.png) center left no-repeat; } .pro_detail02 .bd .right .top .vstar .vstar-2 {background:url(../img/pro_vstar1.png) center right no-repeat; } .pro_detail02 .bd .right .top .vstar .vstar-3 {background:url(../img/pro_vstar2.png) center left no-repeat; } .pro_detail02 .bd .right .top .vstar .vstar-4 {background:url(../img/pro_vstar2.png) center right no-repeat; } .pro_detail02 .bd .right .top .cont_box{margin-top:.5rem; background:#fff; width:100%; box-shadow:0 0 8px 1px rgba(0,0,0,0.2); border-radius:.1rem; padding:.2rem 4%; box-sizing:border-box;} .pro_detail02 .bd .right .top .cont_box .box{display:flex; align-items:center; justify-content:space-between;} .pro_detail02 .bd .right .top .cont_box .box .box_left{font-size:0; flex-shrink:0; padding-right:.2rem; width:40%;} .pro_detail02 .bd .right .top .cont_box .box .box_left .img{width:1.8rem; display:inline-block; vertical-align:middle;} .pro_detail02 .bd .right .top .cont_box .box .box_left .words{display:inline-block; vertical-align:middle; margin-left:2%; width:calc(98% - 1.8rem);} .pro_detail02 .bd .right .top .cont_box .box .box_left .score{font-size:.19rem; line-height:.3rem; font-weight:bold; color:#063f87; margin-bottom:.05rem;} .pro_detail02 .bd .right .top .cont_box .box .box_left .pro_name{font-weight:bold; margin-bottom:.05rem; color:#000;} .pro_detail02 .bd .right .top .cont_box .box .box_left .para{color:#111f35;} .pro_detail02 .bd .right .top .cont_box .box .box_right{width:51%; padding-left:6%; box-sizing:border-box; border-left:1px solid #eeeeee; display:flex; align-items:center; justify-content:space-between;} .pro_detail02 .bd .right .top .cont_box .box .box_right .write_box .btns{display:inline-block; cursor:pointer; font-size:0; line-height:.48rem; padding:0 .2rem; background:#063f87; border-radius:.06rem; transition:all .3s ease;} .pro_detail02 .bd .right .top .cont_box .box .box_right .write_box .btns>div{display:inline-block; vertical-align:middle; color:#fff;} .pro_detail02 .bd .right .top .cont_box .box .box_right .write_box .btns .xgicon{font-size:.2rem; margin-right:.1rem;} .pro_detail02 .bd .right .top .cont_box .box .box_right .write_box .btns:hover{background:#f5be2c;} .pro_detail02 .bd .right .top .cont_box .box .box_right .write_box .btns:hover>div{color:#000;} .pro_detail02 .bd .right .top .bd_box{margin-top:.15rem;} .pro_detail02 .bd .right .top .bd_box li{padding:.5rem 0; border-bottom:1px solid #f1f3f6; display:flex; align-items:flex-start; justify-content:space-between;} .pro_detail02 .bd .right .top .bd_box li .li_left{width:28%;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_top{display:flex; align-items:center; } .pro_detail02 .bd .right .top .bd_box li .li_left .left_top .avatar{width:.5rem; height:.5rem; border-radius:50%; position:relative; flex-shrink:0; border:2px solid #293a57; overflow:hidden; margin-right:.1rem;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_top .avatar img{height:100%!important; position:absolute; top:0px; left:50%; width:auto; min-width:100%; max-width:none; transform:translateX(-50%);} .pro_detail02 .bd .right .top .bd_box li .li_left .left_top .intro{max-width:calc(100% - .65rem);} .pro_detail02 .bd .right .top .bd_box li .li_left .left_top .intro .name{color:#111f35;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_top .intro .c{font-size:.14rem; color:#99a2b0;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott{background:#f8f9fc; padding:.15rem .35rem; margin-top:.2rem;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .time{position:relative; font-size:.14rem; line-height:.3rem; color:#666e7f; } .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .time .iconfont{font-size:.2rem; top:50%; position:absolute; transform:translateY(-50%) translateX(-100%); line-height:.3rem; color:#0a1e40; left:-.05rem; font-weight:bold; margin:0;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .all_box .ti>*{display:inline-block; vertical-align:baseline; line-height:.3rem; color:#111f35;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .all_box .ti .icon_star_box{width:87px; height:15px; background:url(../img/pro_detail02_icon_star.png) no-repeat left/cover; margin:0 4px; position:relative; line-height:normal;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .all_box .ti .icon_star_box .star_cover{position:absolute; left:0; top:0; height:100%; background:url(../img/pro_detail02_icon_star_cover.png) no-repeat left/cover;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .all_box .ti .fenshu{color:#063f87;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .all_box .para_box{display:flex; align-items:flex-start; flex-wrap:wrap; margin-top:.15rem;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .all_box .para_box .item_{flex: 0 0 25%; text-align:center; margin-bottom:.05rem;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .all_box .para_box .item_ .scro{color:#111f35; font-size:.14rem;} .pro_detail02 .bd .right .top .bd_box li .li_left .left_bott .all_box .para_box .item_ .term{color:#9099aa; font-size:.16rem;} .pro_detail02 .bd .right .top .bd_box li .li_right{width:67%; margin-right:2%; padding-top:.1rem; } .pro_detail02 .bd .right .top .bd_box li .li_right .title{font-weight:bold; color:#1e1e1e; margin-bottom:.25rem;} .pro_detail02 .bd .right .top .bd_box li .li_right .img_area{position:relative; overflow:hidden; font-size:0;} .pro_detail02 .bd .right .top .bd_box li .li_right .img_box{white-space:nowrap;} .pro_detail02 .bd .right .top .bd_box li .li_right .img_box .img{width:23.8%; margin-right:1.6%; border-radius:.06rem; overflow:hidden; display:inline-block; vertical-align:text-top;} .pro_detail02 .bd .right .top .bd_box li .li_right .img_box .img:nth-child(4n){margin-right:0;} .pro_detail02 .bd .right .top .bd_box li .li_right .cover_tips{position:absolute; display:none; bottom:0.1rem; right:0; line-height:.35rem; padding:0 .08rem; background:rgba(0,0,0,0.5); border-top-left-radius:.1rem; border-bottom-left-radius:.1rem; font-size:.15rem; color:#fff;} .pro_detail02 .bd .right .top .bd_box li .rect-7474{padding-bottom:74.74%;} .pro_detail02 .bd .right .top .bd_box li .rect-7474 img{position:absolute; top:0; height:100%; left:50%; transform:translateX(-50%); max-width:none;} .pro_detail02 .bd .right .top .bd_box li .li_right .con{margin-top:.2rem; color:#0a1e3f; text-align:justify;} /* 产品口碑 */ .pro_opin01{margin:.8rem 0;} .pro_opin01 .content{border-radius:.1rem; box-shadow:0 0 8px 1px rgba(0,0,0,0.2);} .pro_opin01 .title_box{padding:.5rem 0; background:#094a9b; text-align:center; border-top-left-radius:.1rem; border-top-right-radius:.1rem;} .pro_opin01 .title_box .title{font-size:.32rem; line-height:.4rem; color:#fff; font-weight:bold;} .pro_opin01 .bott{padding:.7rem 0; width:85%; margin:0 auto;} .pro_opin01 .bott .item{padding:.35rem 0; border-bottom:1px solid #e9e9e9;} .pro_opin01 .bott .item:first-child{padding-top:0;} .pro_opin01 .bott .item .name_box{margin-bottom:.25rem; display:flex; align-items:center; color:#000;} .pro_opin01 .bott .item .name_box .label_{font-weight:bold;} .pro_opin01 .bott .item .name_box .tips{color:#727272;} .pro_opin01 .bott .item .cont_box{margin-left:1.1rem;} .pro_opin01 .vstar .vstar-1{background:url(../img/pro_vstar1.png) center left no-repeat; } .pro_opin01 .vstar .vstar-2{background:url(../img/pro_vstar1.png) center right no-repeat; } .pro_opin01 .vstar .vstar-3{background:url(../img/pro_vstar2.png) center left no-repeat; } .pro_opin01 .vstar .vstar-4{background:url(../img/pro_vstar2.png) center right no-repeat; } .pro_opin01 #commentiframe_star>div{display:flex; align-items:center; color:#000; float:left; margin-right:4.7%;} .pro_opin01 .vstar .star_box{display:flex; align-items:center; color:#000;} .pro_opin01 .vstar .star_box span{width:8px; height:16px; padding:0; margin:0; overflow:hidden; cursor:pointer; } .pro_opin01 .vstar .star_box span:nth-child(2n){margin-right:5px;} .pro_opin01 .vstar .star_t{color:#000000; margin-right:.1rem; font-weight:bold;} .pro_opin01 .vstar .star_t span{float:none; display:inline-block; vertical-align:middle; height:auto; line-height:1; width:.6rem;} .pro_opin01 .vstar .vstar-blank{background:none; width:auto; font-size:.15rem; line-height:.3rem; color:#000; margin-left:.1rem; min-width:.5rem;} .pro_opin01 .bott .item .cont_box .txt{width:100%; border:1px solid #e9e9e9; padding:.15rem .3rem; box-sizing:border-box; margin:0; height:1.5rem; outline:none; line-height:.3rem; color:#000000; resize:none;} .pro_opin01 .bott .item .cont_box .txt1{width:100%; border:1px solid #e9e9e9; padding:.15rem .3rem; box-sizing:border-box; margin:0; outline:none; line-height:.3rem; height:.9rem; color:#000000;} .pro_opin01 .bott .item .cont_box input:-moz-placeholder{color:#000000;} .pro_opin01 .bott .item .cont_box input::-webkit-input-placeholder{color:#000000;} .pro_opin01 .bott .item .cont_box input:-ms-input-placeholder{color:#000000;} .pro_opin01 .bott .item .cont_box textarea:-moz-placeholder{color:#000000;} .pro_opin01 .bott .item .cont_box textarea::-webkit-input-placeholder{color:#000000;} .pro_opin01 .bott .item .cont_box textarea:-ms-input-placeholder{color:#000000;} .pro_opin01 .bott .item .cont_box .img{width:1.6rem; height:.9rem; border:1px dashed #ccd3e4; box-sizing:border-box; display:inline-block;} .pro_opin01 .bott .item .cont_box .img .webuploader-pick{height:100%;} .pro_opin01 .bott .item .cont_box .img .box{display:flex; align-items:center; justify-content:center; cursor:pointer; height:100%; position:relative; overflow:hidden;} .pro_opin01 .bott .item .cont_box .img .box .t{font-size:12px; color:#094a9b;} .pro_opin01 .bott .item .cont_box .img .box img{width:100%; height:100%; display:none;} .pro_opin01 .bott .item .cont_box .inp_yzm ._yzm{border:1px solid #e9e9e9; padding:.05rem .2rem; box-sizing:border-box; margin:0; outline:none; line-height:.3rem; color:#000000;} .pro_opin01 .bott .item .cont_box .inp_yzm img{margin-left:.1rem; height:.4rem; width:2rem;} .pro_opin01 .bott .item .cont_box .inp_yzm em{color:red; margin-left:.1rem;} .pro_opin01 .bott .btns_box{text-align:center; margin-top:.6rem;} .pro_opin01 .bott .btns_box .btns_{display:inline-block; color:#fff; font-weight:bold; line-height:.58rem; padding:0 .85rem; background:#094a9b; border-radius:.06rem; cursor:pointer; transition:all .3s ease;} .pro_opin01 .bott .btns_box .btns_:hover{color:#000; background:#f5be2c;} /* 表单 */ .login .log_content .wx_login_box .msg_form .ipt_box{width:100%; height:40px; border-radius:.06rem; border:1px solid #c2c2c2; margin-top:.15rem; box-sizing:border-box;} .login .log_content .wx_login_box .msg_form .ipt_box input{border:none; margin:1px .12rem; font-size:14px; height:36px; padding:0; background:none;} /* 协议 */ .login .log_content .wx_login_box .msg_form .agreement{margin-top:.12rem; color:#5b5b5b; display:flex; align-items:center;} .login .log_content .wx_login_box .msg_form .agreement .check{position:relative; height:.14rem; width:.14rem; border:1px solid #333333; border-radius:.03rem; transition:all 0.3s ease; display:block; margin-right:.05rem; cursor:pointer;} .login .log_content .wx_login_box .msg_form .agreement .check::after{opacity:0; visibility:hidden; content:''; position:absolute; top:50%; left:50%; width:0; height:0; transform:translate(-50%, -50%); background:#f5be2c; border-radius:.02rem; transition:all 0.3s ease;} .login .log_content .wx_login_box .msg_form .agreement .protocol{cursor:pointer; display:inline-block; border-bottom:1px solid #5b5b5b; margin:0 .05rem;} .login .log_content .wx_login_box .msg_form .agreement.cur .check{border-color:#f5be2c;} .login .log_content .wx_login_box .msg_form .agreement.cur .check::after{opacity:1; visibility:visible; width:.1rem; height:.1rem;} /* 提交按钮 */ .login .log_content .wx_login_box .msg_form .login_btn{width:100%; height:.4rem; border-radius:.08rem; background-color:#0a1e40; color:#fff; font-size:.18rem; line-height:.4rem; margin:.3rem 0; cursor:pointer; text-align:center;} .login .log_content .wx_login_box .msg_form .regin_btn{width:100%; height:.4rem; border-radius:.08rem; background-color:#0a1e40; color:#fff; font-size:.18rem; line-height:.4rem; margin:.3rem 0; cursor:pointer; text-align:center;} /* 电话input */ .login .log_content .wx_login_box .msg_form .ipt_box.tel_ .flag{width:26px; height:auto; margin:10px 5px 0 12px;} .login .log_content .wx_login_box .msg_form .ipt_box.tel_ .t{margin:1px 0; font-weight:600; line-height:36px;} .login .log_content .wx_login_box .msg_form .ipt_box.tel_ .tel_inp{width:calc(100% - 110px);} /* 验证码input */ .login .log_content .wx_login_box .msg_form .ipt_box.yzm_ .yzm_inp{width:calc(100% - 130px);} .login .log_content .wx_login_box .msg_form .ipt_box.yzm_ .msg_code{color:#0a1e40; margin:10px; cursor:pointer; line-height:20px;} /* 密码input */ .login .log_content .wx_login_box .msg_form .ipt_box.psw_ .psw_inp{width:calc(100% - 65px);} .login .log_content .wx_login_box .msg_form .ipt_box.psw_ .icon{margin:12px; cursor:pointer;} .login .log_content .wx_login_box .msg_form .ipt_box.psw_ .icon img{width:15px; height:auto;} .login .log_content .wx_login_box .msg_form .ipt_box.psw_ .icon .img01{display:block;} .login .log_content .wx_login_box .msg_form .ipt_box.psw_ .icon .img02{display:none;} .login .log_content .wx_login_box .msg_form .ipt_box.showNum .icon .img01{display:none;} .login .log_content .wx_login_box .msg_form .ipt_box.showNum .icon .img02{display:block;} .login .log_content .wx_login_box .pwd_form{display:none;} /* 个人中心-修改密码 */ .personal_center01 .personal_code .form_item label{width:1.6rem;} .personal_center01 .personal_code .form_item .inp_img{font-size:0;} .personal_center01 .personal_code .form_item .inp_img .inp{width:2.7rem; display:inline-block;} .personal_center01 .personal_code .form_item .inp_img img{width:1.5rem; height:.36rem; margin-left:.2rem; border:1px solid #34453b; box-sizing:border-box;} /* 新-企业文化 */ .new_culture01{margin:.7rem 0 .2rem;} .new_culture01 .left{width:20%; height:80vh; border-left:2px solid #d7d7d7; display:flex; align-items:center;} .new_culture01 .left li{padding:2vh 0;} .new_culture01 .left li .t{padding-left:.35rem; box-sizing:border-box; position:relative; font-size:.22rem; line-height:.34rem; transition:all .3s ease; cursor:pointer;} .new_culture01 .left li .t::before{content:''; position:absolute; left:-3px; width:4px; top:0; height:0; background:#f5be2c; transition:all .3s ease;} .new_culture01 .left li.cur .t{font-weight:bold; color:#0564df; font-size:.26rem;} .new_culture01 .left li:hover .t{font-weight:bold; color:#0564df;} .new_culture01 .left li.cur .t::before{height:.34rem;} .new_culture01 .right{width:74.5%;} .new_culture01 .right .item{width:100%; position:relative; overflow:hidden; border-radius:.2rem; margin-bottom:.7rem; position:sticky; top:100px;} .new_culture01 .right .item::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:61%; background:url(../img/new_cuture01_cover.png) no-repeat top center/cover;} .new_culture01 .right .item .bg{border-radius:.2rem; overflow:hidden;} .new_culture01 .right .item .bg img{width:100%;} .new_culture01 .right .item .cover{position:absolute; bottom:8.8%; left:7.7%; max-width:80%; color:#fff; font-weight:bold; z-index:3;} .new_culture01 .right .item .cover .num{font-size:1rem; line-height:1; color:rgba(255, 255, 255, 0); -webkit-text-stroke:1px rgba(255, 255, 255, 0.5); margin-bottom:.15rem;} .new_culture01 .right .item .cover .tit{font-weight:bold;} .new_culture01 .right .item .cover .con{font-size:.19rem; line-height:.34rem; margin-top:.08rem;}