/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*挂件分页样式*/ .util-page{ font-size:0; color:#000; text-align:center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color:#000;display:inline-block;border:1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align:middle;margin:0 0 10px -1px;background:#fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#3cabff;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; } .util-page .gobutton .ion{ font-size:.8em;} .util-page .count { margin-left:10px; color:#000; background:none; border:none; } .util-page span.jump{ background:none; color:#000;display:inline-block; margin:0 7px; vertical-align:top; } .util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background:none; border:none;color:#000; font-size:14px; } .util-page .jumpto_inp{ width:40px; text-align:center; height:37px; line-height:37px; vertical-align:top; } /*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/ .BdMapArea { margin:0 auto 55px; max-width:1200px; } .BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; } .BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-width:760px) { .BdMapArea { display:none; } } /*默认隐藏百度分享触控弹层*/ .bdshare_popup_box { display:none!important;} /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(/resources/web/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;} /* 常量设置 */ .wrap { width:83.3%; 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;} } html{font-size:5.10204vw;} body{font-size:0.16rem; line-height:1.6; color:#4c4c4c; background:#fff;} a{color:inherit;} a:hover { color:#fe4f00;} ::-moz-selection {color:#fff; background:#fe4f00; } ::selection {color:#fff; background:#fe4f00; } ::-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) } /* 网站样式 */ /* 全站公共样式 start */ .tit42{font-size:0.42rem; line-height:0.6rem;} .tit32{font-size:0.32rem; line-height:0.44rem;} .tit22{font-size:0.22rem; line-height:0.3rem;} .con16{font-size:0.16rem; line-height:0.3rem; color:#3c3c3c;} .con14{font-size:0.14rem; line-height:0.24rem; color:#3c3c3c;} /* 全站公共样式 end */ /* 头部 start */ .pageHeader{height:1.24rem; transition:all .5s ease;} /* .pageHeader.fixed{margin-top:-0.52rem;} */ .header{position:fixed; top:0; left:0; width:100%; transition:all .5s ease; z-index:1000;} .pageHeader.fixed .header{top:-0.52rem;} .header .h_top{background:#fff; color:#4c4c4c; border-bottom:0.01rem solid rgba(0,0,0,0.1);} .header .h_top .right>*{float:left; margin-left:0.24rem; padding:0.16rem 0; line-height:0.2rem; font-size:0.16rem;} .header .h_top .right>*:first-child{margin-left:0;} .header .h_top .icon{display:inline-block; width:0.2rem; height:0.2rem; background-size:contain; background-position:center; background-repeat:no-repeat; vertical-align:top;} .header .h_top .text{margin-left:0.08rem;} .header .h_top .iconfont{vertical-align:top; margin:0;} .header .h_top .h_company{position:relative; z-index:1;} .header .h_top .h_company a{display:block;} .header .h_top .company_down{position:absolute; top:100%; left:50%; margin-left:-1.6rem; width:3.2rem;} .header .h_top .company_down ul{margin-top:0.04rem; background:#fff; box-shadow:0.02rem 0.02rem 0.02rem 0.02rem rgba(0,0,0,0.05); overflow:hidden;} .header .h_top .company_down li{line-height:0.6rem; padding:0 0.2rem; font-size:0.16rem;} .header .h_top .company_down li a{display:block;} .header .h_top .company_down li:hover{background:#eeeeee;} .header .h_top .company_down li:hover a{color:#fe4f00;} .header .h_bott{position:relative; background:#fff; border-bottom:1px solid rgba(0,0,0,0.1);} .header .h_bott .logo{padding:0.16rem 0; line-height:0;} .header .h_bott .logo img{height:0.37rem;} .header .h_bott .inav_wrapper{float:right; margin-right:0.2rem; color:#000;} .header .h_bott .inav_wrapper .nav_li{display:inline-block; padding:0.23rem 0.3rem;} .header .h_bott .inav_wrapper .nav_li .nav_a{display:block; position:relative; line-height:0.24rem; font-size:0.18rem; } .header .h_bott .h_tools{font-size:0.18rem; line-height:0.24rem; color:#000; padding-left:0.38rem; border-left:0.01rem solid rgba(0,0,0,0.05);} .header .h_bott .h_lan{position:relative; padding:0.23rem 0; z-index:0;} .header .h_bott .h_lan .icon{display:inline-block; width:0.2rem; height:0.2rem; background:#fe4f00 url(../img/language_icon_2.gif) no-repeat center/contain; border-radius:50%; vertical-align:top;} .header .h_bott .h_lan .text{display:inline-block; line-height:0.2rem; vertical-align:top; margin-left:0.1rem;} .header .h_bott .h_lan .lan_down{width:1rem; position:absolute; left:0; top:100%; z-index:3; padding:0.05rem 0; background:#E6E8EA; background:rgba(230,232,234,0.8);} .header .h_bott .h_lan .lan_down ul>li{margin:0.05rem 0; padding:0; float:none;} .header .h_bott .h_lan .lan_down ul>li a{display:block; padding:0.05rem 0.1rem; color:#666; font-size:0.14rem;} .header .h_bott .h_lan .lan_down ul>li a:hover{background:rgba(255,255,255,.9);} .header .h_bott .h_search{padding:0.23rem 0; margin-left:0.2rem; cursor:pointer;} .header .h_bott .h_search .iconfont{line-height:0.2rem; vertical-align:top;} /* 导航下拉 start */ .header .h_bott .xiala_nav{display:none;} .header .h_bott .pro_xiala{position:absolute; left:0; top:100%; width:100%; height:5.5rem; background:url(/resources/web/img/xiala_bg.jpg) no-repeat right/auto 5.14rem, #f2f2f1; box-shadow:0 0.02rem 0.1rem rgba(0,0,0,.1); z-index:-1;} .header .h_bott .pro_xiala .wrap{position:relative; height:100%;} .header .h_bott .pro_xiala .left{float:left; width:33.3333%; padding-top:0.5rem;} .header .h_bott .pro_xiala .center{position:absolute; top:0; left:33.3333%; width:33.3333%; height:100%; background:#fff;} .header .h_bott .pro_xiala .right{float:right; width:33.3333%; padding-top:0.5rem;} .header .h_bott .pro_xiala .left .infor{padding-left:1.2rem;} .header .h_bott .pro_xiala .left .infor .tit{font-size:0.24rem; font-weight:bold; color:#373a40;} .header .h_bott .pro_xiala .left .list{padding-left:1.2rem; margin-top:0.2rem;} .header .h_bott .pro_xiala .left .list li{font-size:0.18rem; line-height:0.42rem; color:#373a40;} .header .h_bott .pro_xiala .left .list li::before{content:"> "; color:#aaa;} .header .h_bott .pro_xiala .center ul{padding-top:0.16rem;} .header .h_bott .pro_xiala .center li a{display:block; padding:0.34rem 0 0.34rem 1.5rem;} .header .h_bott .pro_xiala .center li .icon{display:inline-block; width:0.2rem; height:0.2rem; background-position:center; background-repeat:no-repeat; background-size:contain; vertical-align:top; transition:all .5s ease;} .header .h_bott .pro_xiala .center li .text{font-size:0.18rem; margin-left:0.1rem; line-height:0.2rem;} .header .h_bott .pro_xiala .center li.li01 .icon{background-image:url(/resources/web/img/xiala_top_1.png);} .header .h_bott .pro_xiala .center li.li01.cur .icon{background-image:url(/resources/web/img/xiala_top_1_1.png);} .header .h_bott .pro_xiala .center li.li02 .icon{background-image:url(/resources/web/img/xiala_top_2.png);} .header .h_bott .pro_xiala .center li.li02.cur .icon{background-image:url(/resources/web/img/xiala_top_2_1.png);} .header .h_bott .pro_xiala .center li.li03 .icon{background-image:url(/resources/web/img/xiala_top_3.png);} .header .h_bott .pro_xiala .center li.li03.cur .icon{background-image:url(/resources/web/img/xiala_top_3_1.png);} .header .h_bott .pro_xiala .center li.li04 .icon{background-image:url(/resources/web/img/xiala_top_4.png);} .header .h_bott .pro_xiala .center li.li04.cur .icon{background-image:url(/resources/web/img/xiala_top_4_1.png);} .header .h_bott .pro_xiala .center li:hover, .header .h_bott .pro_xiala .center li.cur{background:#fe4f00;} .header .h_bott .pro_xiala .center li:hover a, .header .h_bott .pro_xiala .center li.cur a{color:#fff;} .header .h_bott .pro_xiala .right ul{display:none; padding-left:1rem;} .header .h_bott .pro_xiala .right ul.cur{display:block;} .header .h_bott .pro_xiala .right li{font-size:0.18rem; line-height:0.58rem; color:#373a40;} .header .h_bott .pro_xiala .right li::before{content:"> "; color:#aaa;} /* .header .h_bott .pro_xiala .xl_bott{background:#fff;} .header .h_bott .pro_xiala .xl_bott .left{float:left;} .header .h_bott .pro_xiala .xl_bott .center{float:left;} .header .h_bott .pro_xiala .xl_bott .right{float:right;} .header .h_bott .pro_xiala .xl_bott .left li{float:left; font-size:0.18rem; color:#434343; margin-left:0.9rem; padding:0.3rem 0;} .header .h_bott .pro_xiala .xl_bott .left li:first-child{margin-left:0;} .header .h_bott .pro_xiala .xl_bott .left li .icon{display:inline-block; width:0.5rem; height:0.5rem; background-repeat:no-repeat; background-position:center; vertical-align:top;} .header .h_bott .pro_xiala .xl_bott .left li .text{display:inline-block; line-height:0.5rem; margin-left:0.18rem;} .header .h_bott .pro_xiala .xl_bott .center .xl_tel{padding:0.3rem 0; margin-left:1.4rem;} .header .h_bott .pro_xiala .xl_bott .center .xl_tel span{display:inline-block; font-size:0.2rem; line-height:0.5rem; vertical-align:top;} .header .h_bott .pro_xiala .xl_bott .center .xl_tel a{display:inline-block; font-size:0.32rem; line-height:0.5rem; vertical-align:top;} .header .h_bott .pro_xiala .xl_bott .right .xl_close{display:block; line-height:0.5rem; font-size:0.2rem; padding:0.3rem 0;} */ .header .h_bott .common_xiala{position:absolute; left:0; top:100%; width:100%; height:3.07rem;} .header .h_bott .common_xiala .rect-67{padding-bottom:67%;} .header .h_bott .common_xiala .wrap{height:100%;} .header .h_bott .common_xiala .left{width:62.5%; float:left; background:#f4f4f4; padding-top:0.47rem; padding-bottom:0.4rem; height:3.07rem; box-sizing:border-box;} .header .h_bott .common_xiala .left .list{float:left; margin-left:25.25%; width:33.5%;} .header .h_bott .common_xiala .left .list .title{font-size:0.22rem; line-height:0.37rem; color:#222222; font-weight:bold; margin-bottom:10px;} .header .h_bott .common_xiala .left .list li{width:45%; margin-right:5%; float:left; font-size:0.16rem; line-height:0.3rem; color:#3c3c3c; padding-left:0.2rem; box-sizing:border-box; position:relative;} .header .h_bott .common_xiala .left .list li:after{content:''; width:6px; height:10px; background:url(/resources/web/img/xl_jt.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-5px;} .header .h_bott .common_xiala .left .img_{float:right; margin-right:5%; width:27%;} .header .h_bott .common_xiala .right{width:37.5%; float:right; background:#fff; position:relative; height:3.07rem; box-sizing:border-box;} .header .h_bott .common_xiala .right:after{content:''; width:4.68rem; height:2.83rem; background:url(/resources/web/img/xl_bg.png) no-repeat center; position:absolute; right:0; bottom:0; pointer-events:none;} .header .h_bott .common_xiala .right .box{padding:0.65rem 28.75% 0.65rem 0.5rem;} .header .h_bott .common_xiala .right .box .t{font-size:0.32rem; line-height:0.37rem; color:#222; margin-bottom:0.14rem;} .header .h_bott .common_xiala .right .box .c{font-size:0.16rem; line-height:0.3rem; color:#3c3c3c;} /* .header .h_bott .common_xiala .left{float:left; margin-left:25%; width:30%; background:#f3f3f3; height:100%;} .header .h_bott .common_xiala .right{float:left;width:30%; background:#f9f9f9; height:100%;} .header .h_bott .common_xiala .left ul{padding-top:0.16rem;} .header .h_bott .common_xiala .left li{position:relative; width:100%;} .header .h_bott .common_xiala .left li:hover{background:#fe4f00;} .header .h_bott .common_xiala .left li a{display:block; padding:0.15rem 0.2rem; line-height:0.2rem; font-size:0.16rem;} .header .h_bott .common_xiala .left li:hover a{color:#fff;} .header .h_bott .common_xiala .left li::after{content:">"; position:absolute; top:0.12rem; right:0.2rem;} .header .h_bott .common_xiala .left li::before{content:""; position:absolute; bottom:0; left:3%; right:3%; height:0.01rem; background:#ccc;} .header .h_bott .common_xiala .left li:hover::before{display:none;} .header .h_bott .common_xiala .left li:hover::after{color:#fff;} .header .h_bott .common_xiala .right .intro{padding:0.5rem;} .header .h_bott .common_xiala .right .intro .con{font-size:0.16rem; line-height:0.3rem;} .header .h_bott .common_xiala .right .intro .more_btn{display:block; margin-top:0.5rem; line-height:0.4rem; width:1.2rem; text-align:center; border:0.01rem solid #bbb; transition:all .5s ease;} .header .h_bott .common_xiala .right .intro .more_btn:hover{background:#fe4f00; color:#fff; border-color:#fe4f00;} */ /* 导航下拉 end */ /* PC搜索下拉 start */ .search-alert{position:absolute; left:0; width:100%; top:0; height:100%; z-index:98; transition:all 0.5s ease; opacity:0; visibility:hidden;} .search-alert .wrap{position:relative; height:100%;} .search-alert .wrap .box{position:absolute; left:1.5rem; right:-50%; height:100%; background:#fff;} .search-alert .close{display:block; width:0.2rem; height:0.2rem; background:url(/resources/web/img/search_close.svg) no-repeat center; background-size:0.24rem auto; position:absolute; top:0; bottom:0; margin:auto 0; right:0; cursor:pointer; -webkit-transition:-webkit-transform 0.3s ease 0s; transition:transform 0.3s ease 0s} .search-alert .close:hover{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .search-alert .cent-form{position:absolute; width:50%; top:0; bottom:0; left:0; right:0; margin:auto; height:0.5rem; line-height:0.5rem; border-bottom:0.01rem solid #e0e0e0; color:#e0e0e0; } .search-alert .cent-form .tex{border:none; font-size:0.2rem; height:0.5rem; line-height:0.5rem; text-align:left; width:100%; box-sizing:border-box; background:none; padding-left:0.2rem; padding-right:0.5rem; } .search-alert .cent-form .sub-butn{border:none; width:0.2rem; background:none; position:absolute; right:0; top:0; text-align:center; height:0.5rem; font-size:0.22rem; line-height:0.5rem; color:#fff; cursor:pointer; background:url(/resources/web/img/search_alert.svg) no-repeat center;} .search-alert.active{opacity:1; visibility:visible;} .search-alert.active .box{left:1.5rem; right:0; transition:all .5s ease;} .search-alert .cent-form .tex::placeholder{color:#e0e0e0;} /* PC搜索下拉 end */ /* 头部 end */ /* 底部股票 start */ .channel_stock{background:#f7f7f7; padding-top:0.5rem; padding-bottom:0.35rem; position:relative; z-index:0;} .channel_stock .left{width:30%; height:0.75rem; position:relative;} .channel_stock .left .item{width:33%; float:left; color:#000; font-family:'he-t';} .channel_stock .left .item.item01{width:37%;} .channel_stock .left .item.item01 .t{font-size:0.26rem; line-height:0.26rem; font-family:'he';} .channel_stock .left .item.item01 .c{font-size:0.2rem; line-height:0.2rem; margin-top:0.2rem;} .channel_stock .left .item.item02{width:25%;} .channel_stock .left .item.item03{width:38%; white-space:nowrap;} .channel_stock .left .item .t{line-height:0.34rem; font-size:0.15rem; vertical-align:text-bottom;} .channel_stock .left .item .c{font-size:0.16rem; line-height:0.44rem;} .channel_stock .left .item .c .icon{width:0.08rem; height:0.11rem; display:inline-block; margin-left:0.05rem; animation:beating 3s linear infinite; -webkit-animation:beating 3s linear infinite; background-size:cover;} .channel_stock .left .item.up .c .icon{background:url(/resources/web/img/stock_up.png) no-repeat center;} .channel_stock .left .item.down .c .icon{background:url(/resources/web/img/stock_down.png) no-repeat center;} .channel_stock .right{width:55%; margin-top:0.15rem;} .channel_stock .right .item{float:right; width:33%; border-right:0.01rem solid #dcdcdc; padding-left:3%; box-sizing:border-box; position:relative; cursor:pointer;} .channel_stock .right .item:first-child{border:none; width:30%;} .channel_stock .right .item:last-child{padding-left:0;} .channel_stock .right .item .item_r{display:inline-block;} .channel_stock .right .item .item_r .t{font-size:0.18rem; color:#000; transition:all 0.5s ease;} .channel_stock .right .item .item_r .c{font-size:0.16rem; color:#8b8b8b; font-family:'he-t';} .channel_stock .right .item .icon{margin-right:4%; display:inline-block; vertical-align:top; background-size:cover; transition:all 0.5s ease;} .channel_stock .right .item01 .icon{width:0.23rem; height:0.27rem; background:url(/resources/web/img/douyin.png) no-repeat center/contain;} .channel_stock .right .item02 .icon{width:0.31rem; height:0.26rem; background:url(/resources/web/img/weibo.png) no-repeat center/contain;} .channel_stock .right .item03 .icon{width:0.32rem; height:0.26rem; background:url(/resources/web/img/weixin.png) no-repeat center/contain;} .channel_stock .right .item01:hover .icon{background:url(/resources/web/img/douyin2.png) no-repeat center/contain;} .channel_stock .right .item02:hover .icon{background:url(/resources/web/img/weibo2.png) no-repeat center/contain;} .channel_stock .right .item03:hover .icon{background:url(/resources/web/img/weixin2.png) no-repeat center/contain;} .channel_stock .right .item:hover .item_r .t{color:#fe4f00;} .channel_stock .right .item .item_ewm{position:absolute; left:9%; width:1.2rem; height:1.2rem; bottom:120%; opacity:0; visibility:hidden; transition:all 0.5s ease;} .channel_stock .right .item03 .item_ewm{left:0;} .channel_stock .right .item:hover .item_ewm{opacity:1; visibility:visible;} /*上下跳动*/ @keyframes beating { 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 33%{-webkit-transform:translateY(-0.05rem);-ms-transform:translateY(-0.05rem);transform:translateY(-0.05rem);} 66%{-webkit-transform:translateY(0.05rem);-ms-transform:translateY(0.05rem);transform:translateY(0.05rem);} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } /* 底部股票 end */ /* 底部导航 start */ .pageFooter{position:relative; background:#4d4d4d url(../img/footer_bg.png) no-repeat right bottom; z-index:0;} .f_tools{padding-top:0.3rem;} .f_tools .f_company{float:right; line-height:0.44rem; padding:0 0.26rem; font-size:0.14rem; color:#e7e8ea; background:#666666; border-radius:0.22rem;} .f_tools .f_company .iconfont{margin-left:0.08rem; margin-right:0;} .f_top{padding:0.36rem 0 0.1rem;} .f_top .left{float:left;} .f_top .left .f_social .plat{display:block; float:left; background:url(/resources/web/img/f_social.png) no-repeat; width:32px; height:32px; margin-right:0.08rem; margin-top:0.3rem;} .f_top .left .f_social .plat:last-child{margin-right:0;} .f_top .left .f_social .plat.weixin{background-position:0 0;} .f_top .left .f_social .plat.qzone{background-position:-39px 0;} .f_top .left .f_social .plat.zhihu{background-position:-78px 0;} .f_top .left .f_social .plat.bilibili{background-position:-117px 0;} .f_top .left .f_contact{font-size:0.16rem; line-height:0.3rem; margin-top:0.5rem; color:#b2b1b1;} .f_top .left .f_contact a{display:block;} .f_top .right{float:right; width:73.5%;} .f_top .right dl{float:right; margin-left:8.5%;} .f_top .right dl:last-child{margin-left:0;} .f_top .right dl dt{margin-bottom:0.16rem; font-size:0.2rem; color:#fff;} .f_top .right dl dd{font-size:0.15rem; line-height:0.3rem; color:#b3b1b2;} .f_bott{padding:0.23rem 0; border-top:0.01rem solid #515151; font-size:0.14rem; line-height:0.2rem; color:#b2b1b1;} .f_bott .left{float:left;} .f_bott .right{float:right;} .f_company_xiala{display:none; position:absolute; top:0; bottom:0; left:0; right:0; padding-top:0.6rem; z-index:1; background:#5a5a5a;} .f_company_xiala .content{position:relative; margin:0 auto; color:#fff; text-align:center;} .f_company_xiala .content .item{display:inline-block; vertical-align:top; text-align:left; margin:0 0.5rem;} .f_company_xiala .content .tit{font-size:0.22rem; margin-bottom:0.2rem;} .f_company_xiala .content .list{font-size:0.14rem;} .f_company_xiala .content .list li{padding:0.08rem 0;} .f_company_xiala .content .close_btn{position:absolute; right:0; top:0; font-size:0.22rem; cursor:pointer;} /* 底部导航 end */ /* 首页 start */ /* 首页公共样式 start */ .ipart .tit_smal{font-size:0.14rem; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fe4f00;} .ipart .tit_smal::after{content:""; display:inline-block; position:relative; top:-0.05rem; width:0.34rem; height:0.01rem; margin-left:0.14rem; background:#fe4f00;} .ipart .tit_big{font-size:0.42rem; font-weight:bold; line-height:0.6rem; margin-top:0.14rem; color:#040000;} /* 首页公共样式 end */ /* banner start */ .ibanner{height:100vh; position:relative;} .ibanner .swiper-slide{clip-path:none; opacity:0; z-index:0;} .ibanner .swiper-slide-next{z-index:1;} .ibanner .swiper-slide .img_box{position:relative; height:100%;} .ibanner .swiper-slide .img_box img, .ibanner .swiper-slide .img_box video{width:100%; height:100%; object-fit:cover;} /* 视频遮罩 */ .ibanner .swiper-slide.video_slide .img_box::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1); z-index:0;} .ibanner .swiper-slide .intro_box{position:absolute; top:50%; left:0; width:100%; z-index:10; transform:translate(0,-50%);} .ibanner .swiper-slide .intro_box .tit{font-size:0.6rem; color:#fff; font-weight:bold; width:100%; } .ibanner .swiper-slide .intro_box .con{font-size:0.28rem; line-height:0.28rem; color:#fff; width:100%;} .ibanner .swiper-pagination{position:absolute; bottom:0.45rem; left:0; width:100%;} .ibanner .swiper-pagination .swiper-pagination-bullet{width:11px; height:11px; background:#fff; border-radius:10px; margin-right:12px; opacity:1; outline:none ;} .ibanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fe4f00; width:32px;} .ibanner .video_overlay{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.1); z-index:1;} .ibanner .visual-con{position:relative;width:100%;height:100%} .ibanner .swiper-slide .visual-con{clip-path:none;width:0;} .ibanner .swiper-slide-prev .visual-con{ clip-path:polygon(0% -150%, 100% -150%, 100% -20%, 0% 0%); width:100%;height:100%; transition:clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1); } .ibanner .swiper-slide-active .visual-con{ clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%); width:100%;height:100%; transition:clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1); } /* banner end */ /* ipart01 start */ .ipart01{position:relative; overflow:hidden;} .ipart01 .content{position:absolute; left:0; top:0; width:100%; height:100%;} .ipart01 .content .left{width:43.2%; position:absolute; top:50%; transform:translate(0,-50%); z-index:3;} .ipart01 .content .left .cont{margin-top:0.2rem;} /* .ipart01 .content .left .cont .words{font-size:0.16rem; line-height:0.3rem; color:#040000; text-align:justify;} */ .ipart01 .content .left .cont .more_btn{margin-top:0.5rem;height:0.5rem; width:1.55rem; padding:0; position:relative; color:#fe4f00; } .ipart01 .content .left .cont .more_btn a{font-size:0.14rem; line-height:0.5rem; position:relative; z-index:4; padding-left:0.4rem; transition:all .5s ease; display:block;} .ipart01 .content .left .cont .more_btn::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(1); border:0.01rem solid #fe4f00; transition:all .5s ease; z-index:0;} .ipart01 .content .left .cont .more_btn:hover::before{transform:translate(-50%, -50%) scale(1.2); opacity:0;} .ipart01 .content .left .cont .more_btn::after{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(0.8); opacity:0; background:#fe4f00; transition:all .5s ease; z-index:-1;} .ipart01 .content .left .cont .more_btn:hover::after{transform:translate(-50%, -50%) scale(1); opacity:1;} .ipart01 .content .left .cont .more_btn .iconfont{position:absolute; right:0.3rem; top:50%; font-size:0.1rem; transform:translateY(-50%); margin:0;} .ipart01 .content .left .cont .more_btn:hover a{color:#ffffff;} .ipart01 .content .left .bott{margin-top:0.5rem;} .ipart01 .content .left .bott li{float:left; margin-right:0.75rem;} .ipart01 .content .left .bott li:last-child{margin-right:0;} .ipart01 .content .left .bott li .icon{width:0.53rem; height:0.53rem; display:inline-block; vertical-align:middle; background-size:cover;} .ipart01 .content .left .bott li .t{font-size:0.2rem; line-height:0.3rem; color:#000000; display:inline-block; vertical-align:middle; margin-left:0.12rem;} .ipart01 .right{position:absolute; right:0; bottom:0; height:100%; width:64%;} .ipart01 .right .img_{position:relative; z-index:1;} /* 轮播的点暂时去掉，现在只有一张图，后期加了再给点放开 */ /* .ipart01 .right .owl-dots{position:absolute; bottom:0.25rem; right:40%; transform:translate(50%,0);} .ipart01 .right .owl-dots .owl-dot{display:inline-block; background:rgba(255,255,255,0.6); width:0.15rem; height:0.15rem; border-radius:50%; margin-right:0.12rem;} .ipart01 .right .owl-dots .owl-dot.active{background:rgba(255,255,255,1);} */ /* ipart01 end */ /* 首页业务 start */ .ipart02{padding:0.7rem 0 0.5rem;} .ipart02 .content{margin-top:0.5rem; } .ipart02 .content .rect-205{padding-bottom:205.88%;} .ipart02 .content .rect-62{padding-bottom:62.1%;} .ipart02 .content .item{position:relative; float:left; width:18.05%; height:100%; margin-left:2%; transition:all .6s ease; overflow:hidden;} .ipart02 .content .item:first-child{margin-left:0;} .ipart02 .content .item .img_box{position:relative; width:100%; height:100%; overflow:hidden;} .ipart02 .content .item .img_cover{position:relative; opacity:1; max-width:none; width:100%; transition:opacity 0.2s ease 0.4s; z-index:2;} .ipart02 .content .item .img_full{position:absolute; top:0; left:0; width:100%; opacity:1; max-width:none; height:100%; transition:opacity 0.1s ease 0.1s; z-index:1;} .ipart02 .content .item .txt_box{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;} .ipart02 .content .item .txt_cover{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); text-align:center;} .ipart02 .content .item .txt_cover .icon{height:0.6rem;} .ipart02 .content .item .txt_cover .tit{color:#fff; margin-top:0.1rem;} .ipart02 .content .item .txt_full{position:absolute; bottom:1.2rem; left:0.6rem; right:0.36rem; width:8.6rem; opacity:0; } .ipart02 .content .item .txt_full .tit{margin-top:0.24rem; font-size:0.32rem; color:#fff;} .ipart02 .content .item .txt_full .con{margin-top:0.14rem; font-size:0.15rem; color:#fff;} .ipart02 .content .item .txt_full .txt{ margin-top:0.04rem; font-size:0.15rem; color:#fff;} .ipart02 .content .item.on{width:59.9%; transition:all .6s ease;} .ipart02 .content .item.on .img_cover{opacity:0; transition:opacity 0s ease;} .ipart02 .content .item.on .img_full{opacity:1;} .ipart02 .content .item.on .txt_cover{display:none;} .ipart02 .content .item.on .txt_full{opacity:1; bottom:0.6rem; transition:all .8s ease;} /* 首页业务 end */ /* 首页解决方案 start */ .ipart03{padding:0.9rem 0 1rem; background:url(/resources/web/img/ipart03_bg.jpg) no-repeat bottom right/cover;} .ipart03 .rect-5923{padding-bottom:59.23%;} .ipart03 .content{margin-top:0.5rem;} .ipart03 .content .left{float:left; width:54%; text-align:left; position:relative;} .ipart03 .content .right{float:right; width:40%; text-align:left; margin-left:6%; padding-top:0.2rem;} .ipart03 .content .left .img_swiper{display:inline-block; width:100%;} .ipart03 .content .left .img_swiper img{max-width:none;} .ipart03 .content .left .img_swiper video{object-fit:cover;} .ipart03 .content .right .tabs{display:inline-block; position:relative; z-index:1; color:#040000;} .ipart03 .content .right .tabs .tab{margin-top:0.25rem;} .ipart03 .content .right .tabs .tab .tit{position:relative; display:inline-block; font-size:0.2rem; line-height:0.4rem; transition:all .5s ease;} .ipart03 .content .right .tabs .tab .tit::after{content:""; position:absolute; left:0.1rem; top:0.3rem; width:0; height:0.1rem; background:#fc7a3f; transition:all .5s ease; z-index:-1;} .ipart03 .content .right .tabs .tab.on .tit, .ipart03 .content .right .tabs .tab:hover .tit{font-size:0.3rem;} .ipart03 .content .right .tabs .tab.on .tit::after, .ipart03 .content .right .tabs .tab:hover .tit::after{width:100%;} .ipart03 .content .right .con_swiper{display:inline-block; margin-top:0.6rem; width:6.2rem; text-align:left; font-size:0.16rem; line-height:0.3rem; overflow:hidden;} .ipart03 .btns{position:relative; z-index:1; display:inline-block; width:6.2rem; margin-top:1.25rem; text-align:left;} .ipart03 .more_btn{position:relative; display:inline-block; line-height:0.4rem; color:#fe4f00; font-size:0.16rem; font-weight:200; padding:0 0.45rem 0 0.35rem; z-index:0;} .ipart03 .more_btn:hover{color:#fff;} .ipart03 .more_btn::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(1); border:0.01rem solid #fe4f00; transition:all .5s ease; z-index:0;} .ipart03 .more_btn:hover::before{transform:translate(-50%, -50%) scale(1.2); opacity:0;} .ipart03 .more_btn::after{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(0.8); opacity:0; background:#fe4f00; transition:all .5s ease; z-index:-1;} .ipart03 .more_btn:hover::after{transform:translate(-50%, -50%) scale(1); opacity:1;} .ipart03 .more_btn .iconfont{position:absolute; right:0.1rem; top:50%; font-size:1em; transform:translateY(-50%);} /* 首页解决方案 end */ /* 首页新闻 start */ .ipart04{padding:0.86rem 0;} .ipart04 .infor .left{float:left;} .ipart04 .infor .right{float:right; padding-top:0.6rem;} .ipart04 .infor .right .tab{float:left; margin-left:0.14rem; font-size:0.15rem; line-height:0.4rem; width:1.6rem; text-align:center; color:#000; background:#e8e8e8; cursor:pointer; transition:all .5s ease;} .ipart04 .infor .right .tab:first-child{margin-left:0;} .ipart04 .infor .right .tab:hover, .ipart04 .infor .right .tab.cur{color:#fff; background:#fe4f00;} .ipart04 .content{margin-top:0.4rem;} .ipart04 .content .swiper-slide{width:33.33%; margin-bottom:0.3rem;} .ipart04 .content .swiper-container .controls{position:relative; width:82.5%; height:0.02rem; margin:0.12rem auto;} .ipart04 .content .swiper-container .controls .swiper-pagination{position:relative; width:100%; height:0.02rem;} .ipart04 .content .swiper-container .controls .swiper-pagination-progressbar-fill{background:#fe4f00;} .ipart04 .content .swiper-container .controls .swiper-button-prev{left:-0.5rem; width:auto; height:auto; margin-top:-0.22rem; background:none; color:#fe4f00;} .ipart04 .content .swiper-container .controls .swiper-button-next{right:-0.5rem; width:auto; height:auto; margin-top:-0.22rem; background:none; color:#fe4f00;} .ipart04 .content .swiper-container .controls .swiper-button-disabled{color:#000;} .ipart04 .content .swiper-container .controls .iconfont{font-size:1.8em;} .ipart04 .content .item .img_box{position:relative;} .ipart04 .content .item .img_box .rect-51{padding-bottom:51.575%;} .ipart04 .content .item .img_box .tag{position:absolute; left:0; bottom:0; padding:0 0.14rem; font-size:0.14rem; font-style:italic; line-height:0.34rem; color:#fff; background:#040000; z-index:1;} .ipart04 .content .item .img_box .time{position:absolute; right:0.18rem; bottom:0.06rem;font-size:0.14rem; color:#fff; z-index:1;} .ipart04 .content .item .intro_box{display:block; padding:0.25rem 0.12rem;} .ipart04 .content .item .intro_box .tit{font-size:0.24rem; line-height:0.33rem; margin-top:0.12rem; color:#040000; transition:all .5s ease;} .ipart04 .content .item .intro_box .con{font-size:0.15rem; margin-top:0.2rem; color:#4c4c4c;} .ipart04 .content .item:hover .intro_box .tit{color:#fe4f00;} /* 首页新闻 end */ /* 首页 end */ /* 解决方案 start */ .solution01{padding-top:1.5rem; padding-bottom:1.4rem; background-position:center; background-repeat:no-repeat; background-size:cover;} .solution01 .infor{margin-bottom:0.5rem;} .solution01 .infor .tit{color:#fff;} .solution01 .content .rect-59{padding-bottom:59.259%;} .solution01 .content .swiper-wrapper{padding-left:8.35%; padding-right:8.35%;} .solution01 .content .swiper-slide{position:relative; border-radius:0.1rem; overflow:hidden; cursor:pointer;} .solution01 .content .item_back{position:relative;} .solution01 .content .item_back .intro_box{position:absolute; opacity:1; visibility:visible; right:0; bottom:0; left:0; padding:0.3rem 0.4rem; background:linear-gradient(to top, #000, transparent); transition:all .5s ease;} .solution01 .content .item_back .intro_box .tit{color:#fff;} .solution01 .content .item_front{position:absolute; opacity:0; visibility:hidden; top:0; right:0; bottom:0; left:0; padding:0.8rem 0.4rem 0.3rem; background:rgba(0,0,0,0.6); transition:all .5s ease;} .solution01 .content .item_front .tit{color:#fff; font-size:0.26rem; margin-bottom:0.3rem;} .solution01 .content .swiper-slide:hover .item_back .intro_box{opacity:0; visibility:hidden;} .solution01 .content .swiper-slide:hover .item_front{opacity:1; visibility:visible;} .solution_xtjc{position:fixed; top:100%; left:0; width:100%; z-index:1000; overflow:hidden; overflow-y:auto;} .solution_xtjc .infor{position:relative; box-sizing:border-box; height:100vh; padding-top:2rem; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:-1;} .solution_xtjc .content{background:#fff; transition:all 0.6s; transition-delay:1s;} .solution.fix1 .solution_xtjc{top:0; height:100vh; animation:portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s;} .solution.fixdown1 .solution_xtjc{animation:portClose both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s} .solution.fix1 .solution_xtjc .content{margin-top:-3rem;} .solution_xtjc .infor .tit{color:#fff;} .solution_xtjc .infor .close_btn{position:fixed; opacity:0; visibility:hidden; top:40px; right:40px; width:56px; height:56px; border-radius:50%; background:#ffffff; cursor:pointer; overflow:hidden; transition:all 0.4 s; transition-delay:0.4s; z-index:100; box-shadow:0 0px 16px 0 rgb(0 0 0 / 10%); z-index:1;} .solution_xtjc .infor .close_btn .img01_{display:block; max-width:none;} .solution_xtjc .infor .close_btn .img02_{display:none; max-width:none;} .solution_xtjc .infor .close_btn:hover{background:transparent;} .solution_xtjc .infor .close_btn:hover .img02_{display:block;} .solution_xtjc .infor .close_btn:hover .img01_{display:none;} .solution_xtjc .infor .close_btn::after{content:''; position:absolute; top:50%; left:50%; width:100%; height:100%; background:#fc511e; transform:translate(-50%, -50%) scale(0); transition:all 0.26s; border-radius:50%;} .solution_xtjc .infor .close_btn:hover::after{transform:translate(-50%, -50%) scale(1.04);} .solution_xtjc .infor .close_btn img{width:16px !important; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10;} .solution.fix1 .solution_xtjc .infor .close_btn{opacity:1; visibility:visible;} @keyframes portOpen { 0% { top:100%; } 100% { top:0; } } @keyframes portOpen1 { 0% { top:0px; opacity:0; } 1% { top:100%; opacity:1; } 100% { top:0; } } @keyframes portClose { 0% { top:0; } 100% { top:100%; } } .solution_xtjc .content .left{float:left; width:28%; padding-top:1.2rem;} .solution_xtjc .content .left .tab{float:left; margin-bottom:0.5rem; transition:all .5s ease; width:50%; box-sizing:border-box;} .solution_xtjc .content .left .tab .tit{font-style:italic; font-weight:bold; line-height:1; color:rgba(0,0,0,0.5); transition:all .5s ease;} .solution_xtjc .content .left .tab .tit_smal{font-size:0.14rem; line-height:0.22rem; margin-top:0.14rem; text-transform:uppercase; color:rgba(0,0,0,0.5); transition:all .5s ease;} .solution_xtjc .content .left .tab .more{margin-left:-0.1rem; opacity:0; width:52px; height:15px; margin-top:0.1rem; background:url(/resources/web/img/solution_right_arrow.png) no-repeat center/contain; transition:all .5s ease;} .solution_xtjc .content .left .tab.cur, .solution_xtjc .content .left .tab:hover{padding-left:0.3rem;} .solution_xtjc .content .left .tab.cur .tit, .solution_xtjc .content .left .tab:hover .tit{color:#fe4f00; margin-left:-0.3rem; padding-left:0.2rem; border-left:0.08rem solid #fe4f00;} .solution_xtjc .content .left .tab.cur .tit_smal, .solution_xtjc .content .left .tab:hover .tit_smal{color:#000;} .solution_xtjc .content .left .tab.cur .more, .solution_xtjc .content .left .tab:hover .more{margin-left:0; opacity:1;} .solution_xtjc .content .right{float:right; padding:1rem 0 0.9rem 2%; width:70%; background:#fbfbfb;} .solution_xtjc .content .right .rect-79{padding-bottom:79.441%;} .solution_xtjc .content .right .item{position:relative; float:left; width:33.333%; filter:grayscale(1);} .solution_xtjc .content .right .item .intro_box{position:absolute; bottom:0; left:0; right:0; padding:0 0.3rem 0.2rem; color:#fff; z-index:1;} .solution_xtjc .content .right .item::after{content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); z-index:2; transition:all .8s ease;} .solution_xtjc .content .right .item.cur, .solution_xtjc .content .right .item:hover{filter:grayscale(0);} .solution_xtjc .content .right .item.cur::after, .solution_xtjc .content .right .item:hover::after{background:transparent;} /* 解决方案 end */ .common_demo{margin-top:0; overflow:hidden; position:relative;} .common_demo>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .header .h_bott .common_xiala.about_xl{background:none; height:3.07rem;} .header .h_bott .common_xiala.about_xl>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .xl_culture{position:absolute; left:25%; top:43%; width:120px; height:33px;} .xl_social{position:absolute; left:25%; top:54%; width:120px; height:33px} /* 下层banner */ .xc_banenr{height:5.1rem; position:relative; overflow:hidden;} .xc_banenr>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .xc_banenr .intro{position:absolute; bottom:2.3rem; left:0; width:100%;} .xc_banenr .intro .tit{font-size:0.42rem; color:#fff; font-weight:bold;} .xc_banenr .crumbs{padding:0.2rem 0; vertical-align:middle; line-height:0.26rem; height:0.26rem; position:absolute; bottom:0.3rem; left:0; width:100%; color:#fff;} /* .xc_banenr .crumbs a.home{display:inline-block; font-size:0;} */ .xc_banenr .crumbs a.home img{vertical-align:-0.03rem;} .xc_banenr .crumbs em{display:inline-block; margin:0 0.03rem;} .xc_banenr .crumbs span{display:inline-block; } .channel_content{min-height:300px;} /* 新闻列表 */ .common_more{margin-top:0.5rem;height:0.5rem; width:1.55rem; padding:0; position:relative; color:#fe4f00; } .common_more a{font-size:0.14rem; line-height:0.5rem; position:relative; z-index:4; padding-left:0.4rem; transition:all .5s ease; display:block;} .common_more::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(1); border:0.01rem solid #fe4f00; transition:all .5s ease; z-index:0;} .common_more:hover::before{transform:translate(-50%, -50%) scale(1.2); opacity:0;} .common_more::after{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(0.8); opacity:0; background:#fe4f00; transition:all .5s ease;} .common_more:hover::after{transform:translate(-50%, -50%) scale(1); opacity:1;} .common_more .iconfont{position:absolute; right:0.3rem; top:50%; font-size:0.1rem; transform:translateY(-50%); margin:0;} .common_more:hover a{color:#ffffff;} .news_crumbs{padding:0.4rem 0 0.5rem; vertical-align:middle;line-height:0.26rem; height:0.26rem;} /* .news_crumbs a.home{display:inline-block; font-size:0;} */ .news_crumbs a.home img{vertical-align:-0.03rem;} .news_crumbs em{display:inline-block; margin:0 0.03rem;} .news_crumbs span{display:inline-block; } .news_list01 .item{background:#f7f7f7; position:relative; overflow:hidden; border-radius:0.25rem;} .news_list01 .item:after{content:''; width:6.49rem; height:3.99rem; background-size:cover; position:absolute; right:0; bottom:0; pointer-events:none; background:url(/resources/web/img/news_list01_2.png);} .news_list01 .left{width:55%; float:left;} .news_list01 .right{width:45%; float:right;} .news_list01 .right .box{padding:0.95rem 0.85rem 0.65rem 0.65rem;} .news_list01 .right .box .date{font-size:0.16rem; color:#3c3c3c;} .news_list01 .right .box .title{font-size:0.32rem; color:#3c3c3c; padding:0.1rem 0 0.13rem;} .news_list01 .right .box .con{font-size:0.16rem; color:#3c3c3c; line-height:0.3rem; height:1.5rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; ;} .news_list01 .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:0.33rem; right:0.45rem; text-align:center;} .news_list01 .owl-carousel .owl-dot{width:0.13rem; height:0.13rem; margin:0 0.1rem; border-radius:50%; display:inline-block; background:#f8c3b3;} .news_list01 .owl-carousel .owl-dot.active{background:#fe4f00;} .news_list02{margin-top:0.4rem;} .news_list02 .left{width:77.5%; float:left;} .news_list02 .left .rect-64{padding-bottom:64%;} .news_list02 .left .li_box{display:block; padding:0.22rem 0; border-bottom:1px solid #f8f8f8;} .news_list02 .left li:first-child .li_box{padding-top:0;} .news_list02 .left .img_{width:28%; float:left;} .news_list02 .left .img_ img{border-radius:0.2rem;} .news_list02 .left .intro{width:69%; float:right;} .news_list02 .left .intro .box{display:block; padding-top:0.3rem; padding-right:0.7rem;} .news_list02 .left .intro .tit{font-size:0.22rem; color:#222222; margin-bottom:0.2rem; transition:all 0.5s ease;} .news_list02 .left .intro .con{font-size:0.16rem; color:#4c4c4c; line-height:0.3rem; height:0.6rem; overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .news_list02 .left .intro .date{font-size:0.16rem; color:#3c3c3c; margin-top:0.2rem;} .news_list02 .left .no_img .img_{display:none;} .news_list02 .left .no_img .intro{width:100%;} .news_list02 .left li:hover .intro .tit{color:#fe4f00;} .news_list02 .right{width:20%; float:right;} .news_list02 .right .cell{padding-bottom:0.2rem; border:1px solid #fafafa; border-top-color:transparent; margin-bottom:0.2rem;} .news_list02 .right .cell .tit{font-size:0.16rem; color:#f7f7f7; font-weight:bold; background:#fe4f00; line-height:0.57rem;; padding:0 0.32rem; margin-bottom:0.2rem;} .news_list02 .right .cell dd{font-size:0.14rem; color:#4c4c4c; line-height:0.3rem; padding:0.05rem 0.15rem 0; } .news_list02 .right .share{line-height:0.32rem;} .news_list02 .right .share .t{font-size:0.14rem; color:#4c4c4c; display:inline-block;} .news_list02 .right .share .c{display:inline-block;} .news_list02 .right .share .c a{display:inline-block; width:0.32rem; height:0.32rem; border-radius:50%; background:#999999; text-align:center; color:#fff; margin:0 0.05rem;} .news_list02 .right .share .c a:hover{background:#fe4f00;} .news_list02 .right .cell .sub{position:relative; margin-top:0.1rem;} .news_list02 .right .cell .sub input{border:1px solid #ececec; width:100%; line-height:0.6rem; box-sizing:border-box; text-indent:0.2rem; padding:0; height:0.6rem; font-size:0.15rem; color:#5d5d5d;} .news_list02 .right .cell .sub input::-webkit-input-placeholder{color:#b3b3b3; font-size:0.15rem; text-indent:0.2rem; line-height:0.6rem; height:0.6rem;} .news_list02 .right .cell .sub input::-moz-placeholder{color:#b3b3b3; font-size:0.15rem; text-indent:0.25rem; line-height:0.6rem; height:0.6rem;} .news_list02 .right .cell .sub input:-moz-placeholder{color:#b3b3b3; font-size:0.15rem; text-indent:0.25rem; line-height:0.6rem; height:0.6rem;} .news_list02 .right .cell .sub input:-ms-input-placeholder{color:#b3b3b3; font-size:0.15rem; text-indent:0.25rem; line-height:0.6rem; height:0.6rem;} .news_list02 .right .cell .sub button{outline:none; border:none; padding:0 0.12rem; box-sizing:border-box; line-height:0.48rem; background:#777; cursor:pointer; position:absolute; right:0.06rem; top:50%; margin-top:-0.24rem; color:#fff;} .news_list02 .page{padding:0.4rem 0 0.6rem;} /* 分页 */ .widgets_common_pages_2{font-size:16px; color:#3d3d3d; text-align:center;} .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:#ff6600} .widgets_common_pages_2 a.goprev{border-radius:0;} .widgets_common_pages_2 a.goprev:hover{background:transparent; color:#ff6600} .widgets_common_pages_2 a:hover,.widgets_common_pages_2 span{color:#fff; background:#ff6600; } .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_detail01 .left{width:69%; float:left;} .news_detail01 .left .title{font-size:0.32rem; color:#222;} .news_detail01 .left .tools {margin:0.2rem 0 0.5rem;} .news_detail01 .left .tools span{display:inline-block; margin-right:0.5rem;} .news_detail01 .left .tools .bshare-custom .t{font-size:0.14rem; color:#4c4c4c; display:inline-block;} .news_detail01 .left .tools .bshare-custom .c{display:inline-block;} .news_detail01 .left .tools .bshare-custom .c a{display:inline-block; width:0.32rem; height:0.32rem; line-height:0.32rem; border-radius:50%; background:#999999; text-align:center; color:#fff; margin:0 0.05rem;} .news_detail01 .left .tools .bshare-custom .c a:hover{background:#fe4f00;} .news_detail01 .left .tools .bshare-custom .c i{vertical-align:top; font-size:0.2rem;} .news_detail01 .left .text{border-bottom:1px solid #dfdfdf; padding-bottom:0.65rem; line-height:2;} .news_detail01 .left .text a{color:#ea5515;} .news_detail01 .left .btns{padding-top:0.4rem; padding-bottom:0.6rem;} .news_detail01 .left .btns .btn_page{float:left; width:67%;} .news_detail01 .left .back_list{float:right; color:#fff; padding:0 0.5rem; line-height:0.4rem; background:#ea5515; margin-top:0.2rem; border-radius:0.05rem;} .news_detail01 .right{width:29%; float:right;} .news_detail01 .right .box{padding:0.4rem; box-shadow:0 0 15px rgba(0,0,0,.1);} .news_detail01 .right .box .title{font-size:0.32rem; color:#222;} .news_detail01 .right .box .rect-635{padding-bottom:63.5%;} .news_detail01 .right .box li{padding:0.3rem 0; border-bottom:1px solid #f1f1f1;} .news_detail01 .right .box li .con{font-size:0.22rem; color:#3c3c3c; padding-top:0.15rem;} /* 人才招聘 */ .talent01{padding:0.6rem 0 0.9rem;} .talent01 .infor{text-align:center; position:relative;} .talent01 .infor:before{content:''; width:0.52rem; height:0.52rem; background:url(/resources/web/img/talent01_1.png) no-repeat center; background-size:cover; position:absolute; left:19.25%; top:-0.2rem; transition:all 0.5s ease;} .talent01 .infor:after{content:''; width:0.52rem; height:0.52rem; background:url(/resources/web/img/talent01_2.png) no-repeat center; background-size:cover; position:absolute; right:19.25%; bottom:-0.2rem; transition:all 0.5s ease;} .talent01 .infor .tit{font-size:0.42rem; color:#222; margin-bottom:0.2rem;} .talent01 .infor .con{font-size:0.16rem; line-height:0.3rem; color:#3c3c3c;} .talent01 .infor .con span{display:block;} .talent02 li{position:relative; height:2.8rem; overflow:hidden;} .talent02 .li01{width:54%; float:left;} .talent02 .li02{width:46%; float:left;} .talent02 .li_three{width:33.333%; float:left;} .talent02 .li_bg { position:relative; height:2.8rem; box-sizing:border-box; overflow:hidden; transition:.5s top cubic-bezier(0.2, 0, 0.2, 1); background-repeat:no-repeat; background-size:cover; background-position:center;} .talent02 .li_bg::after { content:""; display:inline-block; width:100%; height:280px; position:absolute; top:0; left:0; z-index:1; transform:translate(0, 280px); transform-origin:bottom; transition:all .5s cubic-bezier(0.2, 0.0, 0.2, 1);} .talent02 .li01 .li_bg::after {background:#0052D9;} .talent02 .li02 .li_bg::after {background:#FF671F;} .talent02 .li03 .li_bg::after {background:#FF671F;} .talent02 .li04 .li_bg::after {background:#79C000;} .talent02 .li05 .li_bg::after {background:#9B26B6;} .talent02 .li_bg .intro{ position:relative; width:100%; height:100%; padding-top:0.5rem; padding-left:0.45rem; font-size:0.16rem; color:#FFF; line-height:0.26rem; z-index:2; box-sizing:border-box; padding-right:0.3rem;} .talent02 .li_bg .intro .tit{ display:inline-block; margin-bottom:0.1rem; font-size:0.28rem; color:#FFF; line-height:0.44rem; box-sizing:border-box; font-style:italic;} .talent02 .li_bg .intro .con .welfare-details { opacity:0; position:relative; width:92.765%; height:100%; z-index:4; font-size:0.14rem; color:#FFFFFF; line-height:0.24rem; transform:translate(0, 0.8rem); transform-origin:bottom; transition:transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1); height:1.18rem; overflow-y:auto;} /* 触控效果 */ /* .talent02 .li_bg:hover .intro .con .welfare-details {opacity:1; transform:translate(0, 0);} .talent02 .li_bg:hover::after{transform:translate(0, 0);} */ .talent03{background:#f3f3f3; padding:0.6rem 0;} .talent03 .infor .tit{display:inline-block; position:relative; font-size:0.14rem; color:#fb501e; font-weight:bold; font-family:Arial; text-transform:uppercase;} .talent03 .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fe4f00; position:absolute; left:120%; top:50%;} .talent03 .infor .con{font-size:0.42rem; color:#222222; font-weight:bold;} .talent03 .hd{margin-top:0.35rem;} .talent03 .hd .item{display:inline-block; width:2.16rem; height:0.54rem; line-height:0.54rem; font-size:0.16rem; color:#222222; text-align:center; margin-left:0.2rem; background:#fff; cursor:pointer;} .talent03 .hd .item.on{color:#fe4f00;} .talent03 .bd{width:100%; margin-top:0.45rem;} .talent03 .bd ul{overflow:hidden;} .talent03 .bd li{ position:relative; float:left; width:48.5%; height:1.28rem; margin-bottom:0.32rem; background-color:white; padding:0.2rem 0.24rem 0.24rem 0.24rem; box-sizing:border-box; background-size:contain; box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.05); cursor:pointer; transition:transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), color .5s cubic-bezier(0.2, 0.0, 0.2, 1), box-shadow .5s cubic-bezier(0.2, 0.0, 0.2, 1);} .talent03 .bd li.even{float:right;} .talent03 .bd li a{display:block} .talent03 .bd li .t{font-size:0.22rem; color:#222222; font-weight:bold; transition:all 0.5s ease;} .talent03 .bd li .c{position:absolute; width:0.8rem; bottom:0.23rem; font-size:0.18rem; color:#fe4f00; font-weight:600;} .talent03 .bd li .c::after { content:""; position:absolute; top:50%; margin-top:-6px; width:0.12rem; height:0.12rem; background-image:url(/resources/web/img/talent_jt.png); background-size:0.12rem 0.12rem; background-position:center; transform:translateX(3px);background-repeat:no-repeat; transition:.5s all cubic-bezier(0.2, 0.0, 0.2, 1);} .talent03 .bd li:hover {transform:translateY(-4px); box-shadow:0 10px 8px 0 rgba(0, 0, 0, 0.10);} .talent03 .bd li:hover .t{color:#fe4f00;} .talent03 .bd li .icon { position:absolute; width:32px; height:32px; right:0.24rem; top:50%;transform: translateY(-50%); background-size:contain;} .talent03 .bd li .c:hover {color:#F6735D;} .talent03 .bd li .c:hover::after { transform:translateX(8px); opacity:0.7;} .talent03 .bd .btn_box .more{ position:relative; left:50%; font-weight:bold; transform:translate(-50%, 0); display:inline-block; font-size:0.16rem; color:#fb501e; background:#FFFFFF; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.3); box-shadow:0 2px 2px 0 #d8d8d8\0; -webkit-transition:all .35s cubic-bezier(0.2, 0.0, 0.2, 1); transition:all .35s cubic-bezier(0.2, 0.0, 0.2, 1); text-align:center; line-height:0.52rem; height:0.52rem; margin-top:0.3rem; padding:0 0.24rem; min-width:2.13rem; overflow:hidden; box-sizing:border-box; } .talent03 .bd .btn_box .more:hover {transform:translate(-50%, -4px); box-shadow:0 4px 6px 0 rgba(0, 0, 0, 0.40);} .talent03 .bd .btn_box .more .icon{display:inline-block; width:12px; height:12px; background:url(/resources/web/img/talent_jt.png) no-repeat center;} .talent03 .re_detail .re_content .infor .re_tel{font-weight:bold; margin-bottom:20px;} .talent03 .infor .con{font-weight:normal;} /* 社会责任 */ .social_resp01{padding:0.6rem 0 5.5rem; background:url(/resources/web/img/social_resp01.jpg) no-repeat center; background-size:cover; position:relative;} .social_resp01 .infor{text-align:center;} .social_resp01 .infor .tit{font-size:0.14rem; color:#fe4f00; font-family:Arial; font-weight:bold; text-transform:uppercase; position:relative; display:inline-block;} .social_resp01 .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fe4f00; position:absolute; left:120%; top:50%;} .social_resp01 .infor .con{font-size:0.42rem; color:#222222; font-weight:bold; padding:0.05rem 0; padding-left:4%;} .social_resp01 .infor .txt{font-size:0.16rem; color:#3c3c3c; padding:0 10.6%;} .social_resp01 .content{position:absolute; left:0; bottom:0.5rem; width:100%;} .social_resp01 .content .heart-cup-box {width:1.23rem; margin:0 auto; position:relative;} .social_resp01 .content .heart-cup-box .heart-cup{display:block} .social_resp01 .content .cup-bubbles .bubble{ position:absolute; border-radius:100%; left:30%; top:24%; transform:scale(0); } .social_resp01 .content .cup-bubbles .bubble .img{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:100%; } .social_resp01 .content .cup-bubbles .img1{width:0.96rem; height:0.96rem; margin:-2.225rem 0 0 -2.225rem; z-index:2;} .social_resp01 .content .cup-bubbles .img2{width:1.9rem; height:1.9rem; margin:-1rem 0 0 -1rem; z-index:2;} .social_resp01 .content .cup-bubbles .img3{width:1.41rem; height:1.41rem; margin:-0.7rem 0 0 -0.7rem; z-index:2;} .social_resp01 .content .cup-bubbles .img4{width:1.31rem; height:1.31rem; margin:-0.65rem 0 0 -0.65rem; z-index:2;} .social_resp01 .content .cup-bubbles .img5{width:1.33rem; height:1.33rem; margin:-0.66rem 0 0 -0.66rem; z-index:2;} .social_resp01 .content .cup-bubbles .img6{width:0.96rem; height:0.96rem; margin:-0.48rem 0 0 -0.48rem; z-index:2;} .social_resp01 .content .cup-bubbles .dot1{width:0.54rem; height:0.54rem; margin:-0.27rem 0 0 -0.27rem; border:1px solid #fe4f00} .social_resp01 .content .cup-bubbles .dot2{width:0.66rem; height:0.66rem; margin:-0.33rem 0 0 -0.33rem; background:#fcddd4;} .social_resp01 .content .cup-bubbles .dot3{width:0.16rem; height:0.16rem; margin:-0.08rem 0 0 -0.08rem; border:1px solid #fe4f00} .social_resp01 .content .cup-bubbles .dot4{width:0.26rem; height:0.26rem; margin:-0.13rem 0 0 -0.13rem; background:#fe4f00} .social_resp01 .content .cup-bubbles .dot5{width:0.26rem; height:0.26rem; margin:-0.13rem 0 0 -0.13rem; background:#faebe6} .social_resp01 .content .cup-bubbles .dot6{width:0.52rem; height:0.52rem; margin:-0.26rem 0 0 -0.26rem; border:1px solid #fe4f00} .social_resp01 .content .cup-bubbles .dot7{width:0.8rem; height:0.8rem; margin:-0.4rem 0 0 -0.4rem; background:#eee;} .social_resp01 .content .cup-bubbles .dot8{width:0.35rem; height:0.35rem; margin:-0.17rem 0 0 -0.17rem; background:#fcddd4;} .social_resp01 .content .cup-bubbles .dot9{width:0.43rem; height:0.43rem; margin:-0.21rem 0 0 -0.21rem; border:1px solid #fe4f00} .social_resp01 .content .cup-bubbles .dot10{width:0.34rem; height:0.34rem; margin:-0.17rem 0 0 -0.17rem; border:1px solid #fe4f00} .social_resp01 .content .cup-bubbles .dot11{width:0.13rem; height:0.13rem; margin:-0.06rem 0 0 -0.06rem; border:1px solid #fe4f00} .social_resp01 .content .cup-bubbles .dot12{width:0.16rem; height:0.16rem; margin:-0.08rem 0 0 -0.08rem; border:1px solid #fe4f00} .social_resp01 .content .cup-bubbles .dot13{width:0.44rem; height:0.44rem; margin:-0.22rem 0 0 -0.22rem; border:1px solid #fe4f00} .social_resp01 .content .cup-bubbles .dot14{width:0.26rem; height:0.26rem; margin:-0.13rem 0 0 -0.13rem; background:#fe4f00} .social_resp02{padding:0.6rem 0; background:#f8f8f8;} .social_resp02 .infor{text-align:center; margin-bottom:0.5rem;} .social_resp02 .infor .tit{font-size:0.14rem; color:#fe4f00; font-family:Arial; font-weight:bold; text-transform:uppercase; position:relative; display:inline-block;} .social_resp02 .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fe4f00; position:absolute; left:120%; top:50%;} .social_resp02 .infor .con{font-size:0.42rem; color:#222222; font-weight:bold; padding:0.05rem 0; padding-left:4%;} .social_resp02 .content .intro {width:48.75%; float:left;} .social_resp02 .content .intro .tit {font-size:0.42rem; color:#000; font-weight:bold; position:relative; display:inline-block; } .social_resp02 .content .intro .tit span{position:relative; z-index:2;} .social_resp02 .content .intro .date{font-size:0.16rem; color:#222; margin:0.1rem 0; } .social_resp02 .content .intro .date i{margin-left:0;} .social_resp02 .content .intro .con{font-size:0.14rem; line-height:0.28rem; color:#4c4c4c; } .social_resp02 .content .img_{width:47.6%; float:right; position:relative;} .social_resp02 .content .img_ .rect-60{z-index:2;} .social_resp02 .content .img_::before {content:''; width:1.6rem; height:1.6rem; background:#ff7b3f; position:absolute; right:-0.8rem; top:-0.8rem; border-radius:50%; z-index:1;} .mc_b1s1_bot{margin-top:0.6rem; padding:0 1.5rem;} .mc_b1s1b_control {position:relative; margin-bottom:15px;} .mc_b1s1b_arrow { position:absolute; top:50%; transform:translateY(-50%) translateY(3px); z-index:5; cursor:pointer; font-size:0.36rem;} .mc_b1s1b_arrow .iconfont { font-size:inherit; color:#222;} .mc_b1s1b_prev {left:-1em;} .mc_b1s1b_next {right:-1em;} .mc_b1s1t_slick .slick-list {overflow:visible;} .mc_b1s1b_line {width:100%; height:10px;} .mc_b1s1b_slick{padding:0 0.2rem;} .mc_b1s1b_li {float:left; width:25%; text-align:center; color:#fff; cursor:pointer;} .mc_b1s1b_li .mc_b1s1b_title {font-size:0.16rem; line-height:1.5; color:#4c4c4c;} .mc_b1s1b_li.slick-current {opacity:1;} .mc_b1s1b_li.slick-current .mc_b1s1b_title {color:#fe4f00; font-weight:bold} .social_resp02 .content .slick-active .intro .tit{animation:ysfadeInUp 1.5s .5s both ease-in-out;} .social_resp02 .content .slick-active .intro .date{animation:ysfadeInUp 1.5s .7s both ease-in-out;} .social_resp02 .content .slick-active .intro .con{animation:ysfadeInUp 1.5s .9s both ease-in-out;} .social_resp02 .content .slick-active .img_ {animation:scaler .5s 1.5s both ease-in-out; transform-origin:100% 0%; -webkit-transform-origin:100% 0%;} .social_resp02 .content .slick-active .img_::before{animation:bounceIn cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s .9s both;} .mc_b1s1b_title {line-height:24px; margin-bottom:5px;} @-webkit-keyframes ysfadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 50px, 0); transform:translate3d(0, 50px, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes ysfadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 50px, 0); transform:translate3d(0, 50px, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes scaler { 0% { opacity:0; transform:scale(.8); } 100% { transform:scale(1); opacity:1; } } .social_resp03{height:6.7rem; overflow:hidden; position:relative;} .social_resp03 .infor{ margin-bottom:0.5rem; position:relative; z-index:3; padding-top:1.1rem;} .social_resp03 .infor .tit{font-size:0.14rem; color:#fff; font-family:Arial; font-weight:bold; text-transform:uppercase; position:relative; display:inline-block;} .social_resp03 .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fff; position:absolute; left:120%; top:50%;} .social_resp03 .infor .con{font-size:0.42rem; color:#fff; font-weight:bold; padding:0.05rem 0; } .social_resp03 .content{position:absolute; top:0; left:50%; transform:translateX(-50%); overflow:hidden; width:100%;} .social_resp03 .content .bg_box{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;} .social_resp03 .content .bg_box .img_{position:relative; height:100%; display:none;} .social_resp03 .content .bg_box .img_.on{display:block;} .social_resp03 .content .cover{width:100%; position:relative; height:100%;} .social_resp03 .dots_box{position:absolute; left:0; width:100%; bottom:0.4rem;} .social_resp03 .dots_box .left{width:54%; position:absolute; bottom:-25px; left:8.35%; width:45%;} .social_resp03 .dots_box .left .item{position:absolute; left:0; width:100%; bottom:0; box-sizing:border-box; padding:0 12%; text-align:center; opacity:0; transition:all 0.5s ease; transform:translateY(100px);} .social_resp03 .dots_box .left .item.on{ transform:translateY(0px); opacity:1;} .social_resp03 .dots_box .left .t{font-size:0.22rem; color:#fe4f00; font-weight:bold; margin-bottom:0.1rem;} .social_resp03 .dots_box .left .t .icon{display:inline-block; width:0.3rem; height:0.3rem; background-size:cover; vertical-align:middle;} .social_resp03 .dots_box .left .c{font-size:0.14rem; color:#3c3c3c; line-height:0.28rem; height:1.4rem; padding-right:0.05rem; overflow-y:auto;} .social_resp03 .dots_box .left .c::-webkit-scrollbar {width:2px; height:4px;} .social_resp03 .dots_box .left .c::-webkit-scrollbar-thumb {border-radius:5px; background:#fe4f00;} .social_resp03 .dots_box .left .c::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .social_resp03 .dots_box .right{width:46%; float:right; position:relative;} .social_resp03 .dots_box .right .dot{text-align:center; position:absolute; cursor:pointer; width:25%;} .social_resp03 .dots_box .right .dot01{top:83.5%; left:13%;} .social_resp03 .dots_box .right .dot02{top:90%; left:54%;} .social_resp03 .dots_box .right .dot03{top:90%; left:86%;} .social_resp03 .dots_box .right .dot i {display:inline-block; width:10px; height:10px; background:#fe4f00; border-radius:50%; position:relative; box-shadow:0px 0px 14px 3px #fe4f00; animation:bordershow 3s infinite;} .social_resp03 .dots_box .right .dot i span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:3px; height:3px; border-radius:50%; background:#fff;} .social_resp03 .dots_box .right .dot i::before {content:''; position:absolute; top:-6px; left:-6px; /* transform:translate(-50%, -50%); */ width:23px; height:23px; background:rgba(255, 255, 255, 0.4); border-radius:50%; -webkit-animation:boderM 3s .75s infinite; -moz-animation:boderM 3s .75s infinite; animation:boderM 3s .75s infinite;} .social_resp03 .dots_box .right .dot i::after {content:''; position:absolute; top:-6px; left:-6px; /* transform:translate(-50%, -50%); */ width:23px; height:23px; background:rgba(239, 45, 26, 0.2); border-radius:50%; -webkit-animation:boderM 3s .75s infinite; -moz-animation:boderM 3s .75s infinite; animation:boderM 3s .75s infinite;} .social_resp03 .dots_box .right .dot .txt{font-size:0.22rem; color:#222; margin-top:0.2rem;} .social_resp03 .dots_box .right .dot.on .txt{color:#fe4f00; font-weight:bold;} @keyframes boderM { 0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:0 } 20% { opacity:1 } 75% { -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); -o-transform:scale(2); transform:scale(2); opacity:0 } 100% { opacity:0 } } @-webkit-keyframes boderM { 0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:0 } 20% { opacity:1 } 75% { -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); -o-transform:scale(2); transform:scale(2); opacity:0 } 100% { opacity:0 } } @-webkit-keyframes bordershow { 0% { box-shadow:0px 0px 0px 0px #fe4f00; } 50% { box-shadow:0px 0px 14px 4px #fe4f00; } 100% { box-shadow:0px 0px 0px 0px #fe4f00; } } @-moz-keyframes bordershow { 0% { box-shadow:0px 0px 0px 0px #fe4f00; } 50% { box-shadow:0px 0px 14px 4px #fe4f00; } 100% { box-shadow:0px 0px 0px 0px #fe4f00; } } @keyframes bordershow { 0% { box-shadow:0px 0px 0px 0px #fe4f00; } 50% { box-shadow:0px 0px 14px 4px #fe4f00; } 100% { box-shadow:0px 0px 0px 0px #fe4f00; } } .social_resp04{padding:0.5rem 0 0.6rem;} .social_resp04 .infor{display:none;} .social_resp04 .infor .tit{font-size:0.42rem; color:#222; font-weight:bold; margin-bottom:0.2rem;} .social_resp04 .left{width:41%; float:left;} .social_resp04 .left .tit{font-size:0.42rem; color:#222; font-weight:bold; margin-bottom:0.2rem;} .social_resp04 .left .con li{margin-bottom:0.4rem;} .social_resp04 .left .con li .t{font-size:0.22rem; color:#222; font-weight:bold;} .social_resp04 .left .con li .c{font-size:0.16rem; line-height:0.3rem; color:#3c3c3c; display:none;} .social_resp04 .right{width:56%; float:right;} .social_resp04 .right .rect-60{border-radius:0.2rem;} .social_resp04 .right .rect-60 img{display:none; transition:all 0.5s ease;} /* 头部导航 */ .sr-only {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0;} .navbar-toggle {position:relative; float:right; padding:9px 10px; background-color:transparent; background-image:none; border:1px solid transparent; border-radius:4px; cursor:pointer; margin-top:4px; margin-bottom:4px; width:44px; height:40px; display:none;} .navbar-toggle .icon-bar{display:block; width:22px; height:2px; border-radius:1px; position:absolute; top:50%; left:50%; margin-left:-11px; margin-top:-1px; background-color:#000;} .navbar-toggle .icon-bar:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .navbar-toggle .icon-bar:nth-child(3){opacity:0;} .navbar-toggle .icon-bar:nth-child(4){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} /* 导航关闭状态下的按钮 */ .navbar-toggle.collapsed .icon-bar {position:static; margin:0; margin-top:4px;} .navbar-toggle.collapsed .icon-bar:nth-child(2){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);margin-top:0;} .navbar-toggle.collapsed .icon-bar:nth-child(3){opacity:1;} .navbar-toggle.collapsed .icon-bar:nth-child(4){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);} /* 手机端导航 */ .mNav{width:100%; position:fixed; left:100%; top:0.6rem; bottom:0; padding:0 0.15rem; background-color:#f8f8f8; -webkit-transition:all 0.5s; transition:all 0.5s; overflow:hidden; padding-bottom:0.48rem; box-sizing:border-box;} .mNav.in{left:0;} .mNav>ul{padding-top:0.25rem;} .mNav ul .m_li{position:relative; margin:0 0.25rem;} .mNav ul .m_li>a{position:relative; display:block; font-size:0.24rem; border-bottom:1px solid #d4d4d4; font-weight:bold; padding:0.25rem 0;} .mNav ul .m_li>a span{float:right; display:block; font-size:0.2rem;} .mNav ul .m_li .nav_open{width:100%; border-bottom:1px solid #d4d4d4; position:fixed; left:100%; top:0.6rem; bottom:0; background-color:#fff; overflow-y:auto; z-index:120; padding:0.5rem 0.25rem; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); visibility:hidden; box-sizing:border-box;} .mNav ul .m_li .nav_open.in{left:0; visibility:visible;} .mNav ul .m_li .nav_open>a{font-size:0.23rem;} .mNav ul .m_li .nav_open>a span{margin-right:8px; margin-top:0; margin-left:0;} .mNav ul .m_li .nav_open .bd{margin-left:-0.15rem; margin-right:-0.15rem; overflow:hidden;} .mNav ul .m_li .nav_open .bd .title {font-size:0.26rem; font-weight:bold; margin:0.2rem 0.25rem; margin-bottom:0; padding:0.1rem 0; border-bottom:1px solid #d4d4d4;} .mNav ul .m_li .nav_open .bd .container{padding:0 0.25rem; margin:0 auto;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t>a{display:block; font-size:0.22rem; border-bottom:1px solid #d4d4d4; padding:0.2rem 0 0.1rem 0; font-weight:normal; overflow:hidden; margin:0;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t span{margin-right:8px; margin-top:0; margin-left:0; font-size:0.2rem; float:right; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t .collapsed span {-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);} .mNav ul .m_li .nav_open .bd .container .m_secondNav .m_thirdNav{padding:0 0.25rem; display:none} .mNav ul .m_li .nav_open .bd .container .m_secondNav .m_thirdNav.in{display:block;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .m_thirdNav li {border-bottom:1px solid #d4d4d4; padding:10px 0; margin:0;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t .iconfont{display:none;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t.has_third .iconfont{display:block;} .mobile-menu-open {overflow:hidden;} /* 手机端语言版本 */ .top-nav{position:relative; z-index:1001;} .top-nav .top-nav-height {background-color:#111111; width:100%; position:fixed; bottom:0; left:100%; text-align:center; z-index:100; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); background-color:transparent; height:1rem;} .top-nav .top-nav-height.hide-down{bottom:-1rem;} .top-nav .top-nav-height.in{left:0;} .top-nav .top-nav-height .container{padding:0 0.24rem; width:100%; box-sizing:border-box;} .top-nav .top-nav-height a {display:inline-block; line-height:48px; overflow:hidden; margin:0; width:24%; color:#666666; vertical-align:top;} .top-nav .pull-right .icon{width:48px; height:48px; border-radius:100%; display:block; margin:0 auto;} .top-nav .pull-right .icon01{background:url(/resources/web/img/icon01.png) no-repeat center;} .top-nav .pull-right .icon02{background:url(/resources/web/img/icon02.png) no-repeat center;} .top-nav .pull-right .icon03{background:url(/resources/web/img/icon03.png) no-repeat center;} .top-nav .top-nav-content {width:100%; position:fixed; left:100%; top:0.6rem; bottom:0; z-index:130; background-color:#f7f7f7; padding-top:30px; -webkit-transition:left 0.5s; transition:left 0.5s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); overflow-y:auto; -webkit-overflow-scrolling:touch;} .top-nav .top-nav-content.in{left:0;} .top-nav .top-nav-content .container{padding:0 0.24rem; width:100%; box-sizing:border-box;} .top-nav .top-nav-content .container .btn-nav-back{font-size:0.23rem;} .top-nav .top-nav-content .container .btn-nav-back span{margin-right:8px; margin-top:0; margin-left:0;} .top-nav .top-nav-content .container .title {font-size:0.26rem; font-weight:bold; margin:0.2rem 0.25rem; margin-bottom:0; padding:0.1rem 0; border-bottom:1px solid #d4d4d4;} .top-nav .top-nav-content .container .t>a{display:block; font-size:0.22rem; border-bottom:1px solid #d4d4d4; padding:0.2rem 0 0.1rem 0; font-weight:normal; overflow:hidden; margin:0;} .top-nav .top-nav-content .container .list{padding:0 0.25rem;} .top-nav .top-nav-content .group-website.chide {display:none;} .top-nav .top-nav-content .group-language.chide {display:none;} /* 联系大奖国际 */ .contact_us01{padding:0.9rem 0 0.7rem;} .contact_us01 .map{display:none; position:fixed; width:12rem; height:5rem; left:50%; margin-left:-6rem; top:50%; margin-top:-2.5rem; transition:all 0.5s ease; padding:0.3rem; background:#fafafa; box-sizing:border-box;} .contact_us01 .map .close{width:22px; height:22px; background:url(/resources/web/img/about_close2.png) no-repeat center; position:absolute; right:5px; top:5px; cursor:pointer; transition:all 0.5s ease;} .contact_us01 .map .close:hover{transform:rotateZ(180deg);} .contact_us01 .infor .tit{font-size:0.42rem; line-height:0.42rem; color:#ee5200; font-weight:bold;} .contact_us01 .infor .con{font-size:0.16rem; line-height:0.3rem; color:#3c3c3c; margin-top:17px;} .contact_us01 .infor .con p{display:inline-block;} .contact_us01 .infor .con .see{font-size:0.16rem; color:#fe4f00; display:inline-block; margin-left:39px; cursor:pointer;} .contact_us01 .infor .con .see i{width:13px; height:18px; background:url(/resources/web/img/contact_us01_1.png) no-repeat center; background-size:cover; display:inline-block; margin-right:0.1rem; vertical-align:-2px;} .contact_us01 .content{margin-top:0.5rem;} .contact_us01 .content .item{width:48%; float:left; margin-right:4%; font-size:0.22rem; color:#222; border-top:1px solid #ededed; border-bottom:1px solid #ededed; line-height:0.3rem; padding:0.2rem; box-sizing:border-box; position:relative;} .contact_us01 .content .item:last-child{margin-right:0;} .contact_us01 .content .item .icon{display:inline-block; margin-right:15px; width:24px; height:20px;;} .contact_us01 .content .item a{font-size:16px; display:inline-block; margin-left:30px;} .contact_us01 .content .item:after{content:'>'; position:absolute; right:20px; top:50%; transform:translateY(-50%);} .contact_us02{background:#fafafa; padding:0.6rem 0;} .contact_us02 .infor .tit{display:inline-block; position:relative; font-size:0.14rem; color:#fb501e; font-weight:bold; font-family:Arial; text-transform:uppercase;} .contact_us02 .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fe4f00; position:absolute; left:120%; top:50%;} .contact_us02 .infor .con{font-size:0.42rem; color:#222222; font-weight:bold;} .contact_us02 .content{margin-top:0.4rem;} .contact_us02 .content .li_{width:24%; margin-right:1.3%; float:left; transition:all 0.5s ease; height:2.35rem; background:#fff; position:relative; margin-bottom:0.17rem;} .contact_us02 .content .li_:after{content:''; width:2.91rem; height:1.84rem; background:url(/resources/web/img/contact02_4.png) no-repeat center; position:absolute; right:0; bottom:0; pointer-events:none; opacity:0; visibility:hidden; transition:all 0.5s ease;} .contact_us02 .content .li_four{margin-right:0;} .contact_us02 .content .li_ .box{padding:0.28rem 0.25rem;} .contact_us02 .content .li_ .box .t{font-size:0.22rem; line-height:0.3rem; color:#3c3c3c;} .contact_us02 .content .li_ .box .c{font-size:0.16rem; color:#3c3c3c; margin-top:0.25rem;} .contact_us02 .content .li_ .box .c .cell{position:relative; padding-left:35px; margin-bottom:0.1rem;} .contact_us02 .content .li_ .box .c .cell:last-child{margin-bottom:0;} .contact_us02 .content .li_ .box .c .cell .icon{width:22px; height:24px; display:inline-block; position:absolute; left:0; top:2px; background-position:0 0;} .contact_us02 .content .li_:hover{background:#fb501e;} .contact_us02 .content .li_:hover:after{opacity:1; visibility:visible;} .contact_us02 .content .li_:hover .t{color:#fff;} .contact_us02 .content .li_:hover .c{color:#fff;} .contact_us02 .content .li_:hover .c a:hover{color:#fff; color:rgba(255,255,255,.7)} .contact_us02 .content .li_:hover .box .c .cell .icon{background-position:0 -24px;} .contact_us03{margin-top:0.8rem;} .contact_us03 .left{width:23.125%; float:left;} .contact_us03 .left .infor .tit{display:inline-block; position:relative; font-size:0.14rem; color:#fb501e; font-weight:bold; font-family:Arial; text-transform:uppercase;} .contact_us03 .left .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fe4f00; position:absolute; left:120%; top:50%;} .contact_us03 .left .infor .con{font-size:0.42rem; color:#222222; font-weight:bold;} .contact_us03 .left .infor .txt{font-size:0.16rem; line-height:0.3rem; color:#3c3c3c; margin:0.05rem 0 0.5rem;} .contact_us03 .left .infor a{display:inline-block; padding:0 0.25rem; font-size:0.14rem; color:#3c3c3c; line-height:0.56rem; border:1px solid #f7f7f7; margin-bottom:0.12rem;} .contact_us03 .left .infor a span{width:1.64rem; display:inline-block; text-align:right;} .contact_us03 .left .infor a .iconfont{display:inline-block; margin-left:18px;} .contact_us03 .left .infor a:hover{color:#fff; background:#fb501e;} .contact_us03 .right{width:73.5%; float:right;} .contact_us03 .right .rect-49{padding-bottom:49%;} .contact_us03 .right .map_box {position:relative;} .contact_us03 .right .map_box .rect-39{padding-bottom:39%;} .contact_us03 .right .map_box .dots_box{position:absolute; left:0; top:0; width:100%; height:100%;} .contact_us03 .right .map_box .dots_box .dot{position:absolute; cursor:pointer;} .contact_us03 .right .map_box .dots_box .dot span{display:block; width:8px; height:8px; background:#fb501e; border-radius:50%; position:relative;} .contact_us03 .right .map_box .dots_box .dot span:before{content:''; width:16px; height:16px; border:1px solid #F1B8A7; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite;animation:warn 2s linear 0s infinite; position:absolute; left:50%; margin-left:-9px; top:50%; margin-top:-8px; border-radius:50%;} .contact_us03 .right .map_box .dots_box .dot span:after{content:''; width:24px; height:24px; border:1px solid #F1B8A7; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite;animation:warn 2s linear 0s infinite; position:absolute; left:50%; margin-left:-13px; top:50%; margin-top:-12px; border-radius:50%} @keyframes warn { 0% { transform:scale(1); opacity:0; } 25% { transform:scale(1.1); opacity:0.2; } 50% { transform:scale(1.2); opacity:0.4; } 75% { transform:scale(1.3); opacity:0.2; } 100% { transform:scale(1.4); opacity:0; } } @-webkit-keyframes warn { 0% { transform:scale(1); opacity:0; } 25% { transform:scale(1.1); opacity:0.2; } 50% { transform:scale(1.2); opacity:0.4; } 75% { transform:scale(1.3); opacity:0.2; } 100% { transform:scale(1.4); opacity:0; } } .contact_us03 .right .map_box .dots_box .dot .tips{position:absolute; top:100%; margin-top:20px; left:50%; transform:translateX(-50%); width:3.64rem; line-height:30px; background:#fb501e; color:#fff; transition:all 0.5s ease; opacity:0; visibility:hidden; pointer-events:none; z-index:3; border-radius:10px;} .contact_us03 .right .map_box .dots_box .dot .tips:after{content:''; width:0; height:0; border:8px solid rgba(0,0,0,0); border-bottom:4px solid #fb501e; position:absolute; top:-12px; left:50%; transform:translateX(-50%);} .contact_us03 .right .map_box .dots_box .dot .tips .close{width:10px; height:10px; background:url(/resources/web/img/about_close.png) no-repeat center; position:absolute; right:15px; top:15px; background-size:cover; transition:all 0.5s ease;} .contact_us03 .right .map_box .dots_box .dot .tips .close:hover{transform:rotateZ(180deg);} .contact_us03 .right .map_box .dots_box .dot .tips .box{padding:0.27rem;} .contact_us03 .right .map_box .dots_box .dot .tips .box .t{font-size:0.22rem; line-height:0.3rem; color:#fff; border-bottom:1px solid #fff; border-color:rgba(255,255,255,.45); padding:0 0.2rem; padding-bottom:0.15rem; margin-bottom:0.15rem;} .contact_us03 .right .map_box .dots_box .dot .tips .box .c{font-size:0.14rem; line-height:0.2rem; color:#fff;} .contact_us03 .right .map_box .dots_box .dot .tips .box .c>div{position:relative; margin-bottom:0.1rem; padding-left:0.3rem;} .contact_us03 .right .map_box .dots_box .dot .tips .box .c .icon{display:inline-block; width:15px; height:19px; margin-right:0.1rem; position:absolute; left:0; top:0px;} .contact_us03 .right .map_box .dots_box .dot .tips .box .c_addr .icon{background:url(/resources/web/img/contact_us03_ico1.png) no-repeat center;} .contact_us03 .right .map_box .dots_box .dot .tips .box .c_email .icon{background:url(/resources/web/img/contact_us03_ico2.png) no-repeat center;} .contact_us03 .right .map_box .dots_box .dot .tips .box .c_email a:hover{color:#fff; color:rgba(255,255,255,.7);} .contact_us03 .right .map_box .dots_box .dot.show .tips{opacity:1; visibility:visible; pointer-events:visible} .contact_us04{margin-bottom:0.6rem;} .contact_us04 .infor .tit{text-align:center; font-size:0.3rem; color:#000; line-height:1; margin-bottom:0.2rem; margin-top:0.5rem;} .contact_us04 .infor .con{text-align:center; font-size:0.16rem; color:#333; line-height:24px; margin-bottom:0.3rem;} .contact_us04 .form{width:75%; margin:0 auto;} .contact_us04 .form input{border:1px solid #d5d5d5; font-size:0.16rem;} .contact_us04 .name{background:url(/resources/web/img/widgets_online_form_2_1.png) no-repeat right 0;} .contact_us04 .phone{background:url(/resources/web/img/widgets_online_form_2_2.png) no-repeat right 0;} .contact_us04 .email{background:url(/resources/web/img/widgets_online_form_2_3.png) no-repeat right 0;} .contact_us04 .line1{width:100%; box-sizing:border-box; height:48px; line-height:48px; padding:0 0.46rem 0 0.13rem;} .contact_us04 .form textarea{width:100%; box-sizing:border-box; border:1px solid #d5d5d5; padding:0.1rem 0.4rem 0.1rem 0.13rem; height:1.49rem; font-size:0.16rem; line-height:1.5; margin-bottom:0.2rem; margin-top:0.25rem; background:transparent url(../img/widgets_online_form_2_4.png) no-repeat right top;} .contact_us04 .form #content{width:100%; box-sizing:border-box; border:1px solid #d5d5d5; padding:0.1rem 0.4rem 0.1rem 0.13rem; height:1.49rem; font-size:0.16rem; line-height:1.5; margin-bottom:0.2rem; margin-top:0.25rem; background:transparent url(../img/widgets_online_form_2_4.png) no-repeat right top;} .contact_us04 .form .btns_list{text-align:center;} .contact_us04 .form .btns_list button{width:45%; height:45px; line-height:37px; border:none; font-size:0.18rem; color:#fff; cursor:pointer;} .contact_us04 .form .btns_list .sub{background-color:#848484; border-radius:0; float:left;} .contact_us04 .form .btns_list .reset{background-color:#848484; border-radius:0; float:right;} .contact_us04 .form .btns_list .btn{border-radius:0.22rem; transition:.3s ease;} .contact_us04 .form .btns_list .on{background-color:#fe4f00;} .contact_us04 .form .btns_list .btn:hover{background-color:#fe4f00;} .contact_us04 .yzm_box{width:50%;} .contact_us04 .btns_list{width:50%;} .contact_us04 .yzm_box .yzm{line-height:46px; height:46px; width:30%; text-indent:0.2rem; margin-right:0.25rem;} .contact_us04 .yzm_box img{width:120px; height:50px; margin-right:0.1rem;} .contact_us04 .yzm_box .change{color:#40535a; font-size:12px; vertical-align:bottom;} /* 关于大奖国际 */ .about_us01{padding:1.2rem 0; background:url(/resources/web/img/about_us01.jpg) no-repeat center; background-size:cover;} .about_us01 .left{width:45.3%; float:left;} .about_us01 .right{width:49.5%; float:right; margin-top:1rem;} .about_us01 .right .infor{margin-bottom:0.5rem;} .about_us01 .right .infor .tit{font-size:0.14rem; color:#fe4f00; font-family:Arial; font-weight:bold; text-transform:uppercase; position:relative; display:inline-block;} .about_us01 .right .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fe4f00; position:absolute; left:120%; top:50%;} .about_us01 .right .infor .con{font-size:0.42rem; color:#222222; font-weight:bold; padding:0.05rem 0;} .about_us01 .right .infor .txt{font-size:0.17rem; line-height:0.3rem; color:#3c3c3c; margin-top:0.18rem;} .about_us01 .right .infor .pic{text-align:right; margin-top:0.3rem;} .about_us02{padding:0.5rem 0;} .about_us02 li{width:25%; float:left; display:flex; align-items:center; position:relative; padding-left:0.5rem; box-sizing:border-box;} .about_us02 li .icon{width:0.65rem; height:0.65rem; margin-right:0.1rem;} .about_us02 li .info .t{font-size:0.5rem; line-height:0.5rem; color:#fb501e; font-family:Arial; font-weight:bold;} .about_us02 li .info .c{font-size:0.16rem; line-height:0.3rem; color:#000000;} .about_us02 li:after{content:''; width:1px; height:0.88rem; background:#f6f6f6; position:absolute; left:-26px; top:50%; margin-top:-0.44rem;} .about_us02 li:first-child{padding-left:0;} .about_us02 li:first-child:after{display:none;} .about_us03{background:url(/resources/web/img/about_us03_1.jpg) no-repeat center; height:6.98rem; padding-top:0.7rem; box-sizing:border-box;} .about_us03 .infor{margin-bottom:0.5rem; width:69.5%; position:relative;} .about_us03 .infor .tit{font-size:0.14rem; color:#fff; font-family:Arial; font-weight:bold; text-transform:uppercase; position:relative; display:inline-block;} .about_us03 .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fff; position:absolute; left:120%; top:50%;} .about_us03 .infor .con{font-size:0.42rem; color:#fff; font-weight:bold; padding:0.05rem 0;} .about_us03 .infor .txt{font-size:0.16rem; line-height:0.3rem; color:#fff; margin-top:0.2rem; height:2.1rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; transition:all 0.5s ease;} .about_us03 .infor .mask{width:100%; height:1rem;position:absolute; left:0; bottom:-0.8rem; cursor:pointer; } /* background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0)) */ .about_us03 .infor .mask .icon{width:30px; height:60px; background:url(/resources/web/img/about_us03_2.png) no-repeat center; position:absolute; background-size:cover; top:10%; left:50%; margin-left:-0.15rem; transition:all 0.5s ease; animation:beating 2s linear infinite; -webkit-animation:beating 2s linear infinite;} .about_us03 .infor.cur .txt{height:4.2rem; display:block;} .about_us03 .infor.cur .mask .icon{transform:rotateZ(-180deg);} /*上下跳动*/ @keyframes beating { 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);} } @-webkit-keyframes beating{ 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);} } @-moz-keyframes beating{ 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);} } @-ms-keyframes beating{ 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);} } @-o-keyframes beating{ 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);} } .about_us04{background:url(/resources/web/img/about_us04.jpg) no-repeat center; background-size:cover; padding:0.7rem 0;} .about_us04 .infor{width:69.5%; position:relative;} .about_us04 .infor .tit{font-size:0.14rem; color:#fe4f00; font-family:Arial; font-weight:bold; text-transform:uppercase; position:relative; display:inline-block;} .about_us04 .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fe4f00; position:absolute; left:120%; top:50%;} .about_us04 .infor .con{font-size:0.42rem; color:#222; font-weight:bold; padding:0.05rem 0;} .about_us04 .infor .date{font-size:1rem; line-height:1; color:#fb501e; font-weight:bold; font-family:Arial; margin-top:0.5rem; margin-bottom:0.4rem;} .about_us04 .left{width:43%;} .about_us04 .left .text_con{position:relative; min-height:1.44rem;} .about_us04 .left .text_con .item{ position:absolute; top:0; left:0; right:0; font-size:0.22rem; line-height:0.36rem; color:#4c4c4c; height:1.44rem; overflow:hidden;} .about_us04 .left .text_con .item span{display:block; opacity:0; visibility:hidden; transform:translateX(30px);} .about_us04 .left .text_con .item.cur span{opacity:1; visibility:visible; transform:translateX(0);} .about_us04 .left .text_con .item.cur span:nth-child(1){-moz-transition:all 1s ease 0.2s; -ms-transition:all 1s ease 0.2s; -o-transition:all 1s ease 0.2s; -webkit-transition:all 1s ease 0.2s; transition:all 1s ease 0.2s;} .about_us04 .left .text_con .item.cur span:nth-child(2){-moz-transition:all 1s ease 0.5s; -ms-transition:all 1s ease 0.5s; -o-transition:all 1s ease 0.5s; -webkit-transition:all 1s ease 0.5s; transition:all 1s ease 0.5s;} .about_us04 .left .text_con .item.cur span:nth-child(3){-moz-transition:all 1s ease 0.8s; -ms-transition:all 1s ease 0.8s; -o-transition:all 1s ease 0.8s; -webkit-transition:all 1s ease 0.8s; transition:all 1s ease 0.8s;} .about_us04 .left .text_con .item.cur span:nth-child(4){-moz-transition:all 1s ease 1.1s; -ms-transition:all 1s ease 1.1s; -o-transition:all 1s ease 1.1s; -webkit-transition:all 1s ease 1.1s; transition:all 1s ease 1.1s;} .about_us04 .time_line{font-size:0.18rem; color:#444; text-align:center; line-height:0.4rem; padding:0 0.5rem; position:relative; margin-top:0.2rem; position:relative; width:100%; margin-top:0.5rem; box-sizing:border-box;} .about_us04 .time_line:after{content:""; position:absolute; bottom:8px; left:0; width:100%; height:1px; background:#e5e5e5; z-index:0;} .about_us04 .time_line .cur{font-size:0.24rem; font-weight:bold; color:#ee6b00;} .about_us04 .time_line .item{display:none;} .about_us04 .time_line .owl-item .item{display:block;} .about_us04 .time_line .owl-nav .icon{display:block; width:42px; height:42px;} .about_us04 .time_line .owl-prev .icon{background:url(/resources/web/img/about_us04_2.jpg) no-repeat center; background-size:cover;} .about_us04 .time_line .owl-next .icon{background:url(/resources/web/img/about_us04_3.jpg) no-repeat center; background-size:cover;} .about_us04 .time_line .owl-prev, .about_us04 .time_line .owl-next{position:absolute; left:-50px; top:50%; } .about_us04 .time_line .owl-prev:hover, .about_us04 .time_line .owl-next:hover{color:#ee6b00;} .about_us04 .time_line .owl-next{right:-50px; left:auto;} .about_us04 .time_line .item{cursor:pointer; padding-bottom:25px; position:relative;} .about_us04 .time_line .item:after{content:''; width:17px; height:17px; background:url(/resources/web/img/about_us04_4.png) no-repeat center; position:absolute; left:50%; margin-left:-8px; bottom:0; transition:all 0.5s ease;} .about_us04 .time_line .item:hover:after{background:url(/resources/web/img/about_us04_5.png) no-repeat center;} .about_us04 .time_line .cur .item:after{background:url(/resources/web/img/about_us04_5.png) no-repeat center;} .about_us04 .time_line .item:hover{color:#ee6b00;} .about_us04 .right{width:48%;} .about_us04 .rect-65{padding-bottom:65%;} .about_us04 .right .year{color:#fff; font-family:Arial; font-weight:bold; font-size:0.72rem; position:absolute; top:50%; left:0; right:0; text-align:center; z-index:2; line-height:1rem; margin-top:-0.5rem; text-shadow:2px 2px 10px rgba(0,0,0,0.2);} .about_us04 .right .pic_item .rect-65:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.2); z-index:1;} .about_us04 .right .pic_item{position:absolute; top:0; right:0; left:0;} .about_us04 .right .pic_item .rect-65{transform:scale(0.6); opacity:0; visibility:hidden; -moz-transition:all 1.2s ease 0s; -ms-transition:all 1.2s ease 0s; -o-transition:all 1.2s ease 0s; -webkit-transition:all 1.2s ease 0s; transition:all 1.2s ease 0s;} .about_us04 .right .pic_item.cur .rect-65{transform:scale(1); opacity:1; visibility:visible;} .about_us05{background:url(/resources/web/img/about_us05.jpg) no-repeat center; padding:0.65rem 0; background-size:cover;} .about_us05 .infor{text-align:center; margin-bottom:0.3rem;} .about_us05 .infor .tit{display:inline-block; position:relative; font-size:0.14rem; color:#fb501e; font-weight:bold; font-family:Arial; text-transform:uppercase;} .about_us05 .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fe4f00; position:absolute; left:120%; top:50%;} .about_us05 .infor .con{font-size:0.42rem; color:#222222; font-weight:bold;} .about_us06{padding:0.6rem 0;} .about_us06 .left{width:32.125%; float:left; position:relative; height:6.6rem; box-shadow:0 0 15px rgba(0,0,0,.2);} .about_us06 .left .item{width:100%; height:100%;transition:all .5s; display:flex; align-items:center; display:none;} .about_us06 .left .item .box{padding:1.5rem 0.4rem 0.5rem 0.65rem;} .about_us06 .left .item .box .infor .tit{display:inline-block; position:relative; font-size:0.14rem; color:#fb501e; font-weight:bold; font-family:Arial; text-transform:uppercase;} .about_us06 .left .item .box .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fe4f00; position:absolute; left:120%; top:50%;} .about_us06 .left .item .box .infor .con{font-size:0.42rem; color:#222222; font-weight:bold;} .about_us06 .left .item .box .infor .txt{font-size:0.16rem; line-height:0.3rem; color:#3c3c3c; margin-top:0.15rem;} .about_us06 .right{width:67.75%; float:right; position:relative; height:6.6rem} .about_us06 .right .bg_box{position:absolute; left:0; top:0; width:100%; height:100%;} .about_us06 .right .bg_box .bg{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:all .5s; overflow:hidden;} .about_us06 .right .bg_box .bg.cur{opacity:1; visibility:visible;} .about_us06 .right ul{width:100%; height:100%;} .about_us06 .right ul li{width:50%; height:100%; position:relative; float:left; box-sizing:border-box;} .about_us06 .right ul li:not(:last-child) {border-right:1px solid rgba(255, 255, 255, .3);} .about_us06 .right ul li .box{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:0.15rem; box-sizing:border-box;} .about_us06 .right ul li .t{font-size:0.32rem; color:#fff; font-weight:bold; transition:all 0.5s ease; line-height:0.4rem; text-align:center; margin-top:0.5rem;} .about_us06 .right ul li .icon {display:block; width:0.8rem; height:0.8rem; opacity:1; transition:.1s; transform:translateZ(0); margin:0 auto;} .about_us06 .right ul li .icon:before {content:""; left:50%; position:absolute; top:50%; transform:translate3d(-50%, -50%, 0) scale(.75); transition:.4s; border:1px solid hsla(0, 0%, 100%, .3); border-radius:100%; height:0.79rem; width:0.79rem;} .about_us06 .right ul li .icon i, .about_us06 .right ul li .icon em {background:hsla(0, 0%, 100%, .8); border:1px solid #fff; border-radius:100%; height:0.22rem;left:50%; position:absolute; top:50%; transform:translate3d(-50%, -50%, 0) scale(.5); transition:.4s; width:0.22rem;} .about_us06 .right ul li .icon:after {content:""; left:50%; position:absolute; top:50%; transform:translate3d(-50%, -50%, 0) scale(.75); transition:.4s; border:1px solid hsla(0, 0%, 100%, .1); border-radius:100%; height:0.53rem; width:0.53rem;} .about_us06 .right ul li:hover .icon:before {animation:scalepulse 1.3s linear .3s infinite both; transform:translate3d(-50%, -50%, 0) scale(1);} .about_us06 .right ul li:hover .icon i, .about_us06 .right ul li:hover .icon em {background:#fff; animation:scalepulse 1.3s linear 0s infinite both; transform:translate3d(-50%, -50%, 0) scale(1);} .about_us06 .right ul li:hover .icon:after {animation:scalepulse 1.3s linear .15s infinite both; transform:translate3d(-50%, -50%, 0) scale(1);} @keyframes scalepulse { 20% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15); transform: translate3d(-50%, -50%, 0) scale(1.15); -webkit-animation-timing-function: ease; animation-timing-function: ease } 50% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); -webkit-animation-timing-function: ease; animation-timing-function: ease } } /* 企业文化 */ .common-infor .tit{display:inline-block; position:relative; font-size:0.14rem; color:#fb501e; font-weight:bold; font-family:Arial; text-transform:uppercase;} .common-infor .tit::after{content:''; width:0.34rem; height:1px; background:#fe4f00; position:absolute; left:120%; top:50%;} .common-infor .con{font-size:0.42rem; color:#222222; font-weight:bold;} .common-infor .txt{font-size:0.16rem; line-height:0.3rem; color:#fff; margin-top:0.45rem;} .culture01{padding:0.65rem 0;} .culture01 .content{margin-top:0.35rem; background:url(/resources/web/img/culture01_1.jpg) no-repeat center; height:6.38rem; background-size:cover;} .culture01 .content ul{height:100%; width:100%;} .culture01 .content ul li{width:25%; height:100%; float:left; box-sizing:border-box;} .culture01 .content ul li:not(:last-child) {border-right:1px solid rgba(255, 255, 255, .3);} .culture01 .content ul li .box{padding:0 0.8rem; text-align:center; height:100%; padding-top:3rem; box-sizing:border-box;transition:all 0.5s ease;} .culture01 .content ul li .box .tit{font-size:0.22rem; line-height:0.3rem; color:#f0f0f0; font-weight:bold; transition:all 0.5s ease;} .culture01 .content ul li .box .con{font-size:0.16rem; line-height:0.3rem; color:#f0f0f0; opacity:0; visibility:hidden; transition:all 0.5s ease;} .culture01 .content ul li .box .con .more{margin-top:0.17rem;} .culture01 .content ul li:hover .box{padding-top:2.54rem;} .culture01 .content ul li:hover .box .tit{font-size:0.32rem; margin-bottom:0.1rem;} .culture01 .content ul li:hover .box .con{opacity:1; visibility:visible; } /* 弹窗 */ .re_detail{position:relative; z-index:60; display:none;} .re_detail .re_bg{position:fixed; left:0; top:0; width:100%; height:100%; background:url(/resources/web/img/black.6.png) center;} .re_detail .re_content{position:fixed; width:12rem; height:5rem; background:#ffffff; left:50%; margin-left:-6rem; top:50%; margin-top:-2.5rem; overflow:hidden; padding:.5rem .6rem .75rem .7rem; box-sizing:border-box;} .re_detail .re_content .close{width:31px; height:31px; position:absolute; top:35px; right:35px; background:url(/resources/web/img/re_close.png) no-repeat center; transition:all .5s ease; cursor:pointer;} .re_detail .re_content .close:hover{transform:rotate(180deg);} .re_detail .re_content .infor .title{font-size:0.32rem; line-height:0.34rem; color:#000000; margin-bottom:40px;} .re_detail .re_content .infor .text{height:2.6rem; overflow-y:auto; padding-right:10px;} .re_detail .re_content .infor .text::-webkit-scrollbar {width:2px; height:4px;} .re_detail .re_content .infor .text::-webkit-scrollbar-thumb {border-radius:5px; background:#fe4f00; } .re_detail .re_content .infor .text::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .re_detail .re_content .infor ul li{margin-bottom:40px;} .re_detail .re_content .infor ul li:last-child{margin-bottom:0;} .re_detail .re_content .infor ul li .tit{font-size:0.22rem; line-height:0.28rem; color:#333333; padding-left:15px; position:relative; margin-bottom:20px;} .re_detail .re_content .infor ul li .tit::before{content:''; position:absolute; left:0; top:0; width:3px; height:.24rem; margin-top:2px; background:#fe4f00;} .re_detail .re_content .infor ul li .con{font-size:0.16rem; line-height:0.24rem; color:#333333; } .culture02{background:url(/resources/web/img/culture02_1.jpg) no-repeat center; height:8.4rem; background-size:cover; position:relative; padding:0.7rem 0; box-sizing:border-box;} .culture02 .common-infor .con{color:#fff;} .culture02 .content{position:absolute;width:6.77rem;height:6.77rem; top:0.5rem;left:0;right:0;bottom:0;margin:auto;z-index:6;background:url(/resources/web/img/culture02_2.png) no-repeat center;background-size:100%;transform:scale3d(0.5, 0.5, 1);opacity:0;transition:1.5s ease-in-out; transform:scale3d(1, 1, 1);opacity:1;transition:1.5s ease-in-out} .culture02 .content .intro_box{width:4.8rem; height:3rem; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; overflow:hidden; margin:auto; z-index:12;} .culture02 .content .intro_box .intro{position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; visibility:hidden; transition:.5s ease;} .culture02 .content .intro_box .intro.active{opacity:1; visibility:visible; z-index:2;} .culture02 .content .intro_box .tit{font-size:0.32rem; color:#fe4f00; position:relative; margin-bottom:30px;} .culture02 .content .intro_box .tit:after{content:''; position:absolute; width:30px; height:2px; background:#fff; left:50%; margin-left:-15px; bottom:-10px;} .culture02 .content .intro_box .con{font-size:0.22rem; color:#fff; line-height:28px;} .culture02 .content .intro_box .txt{font-size:0.14rem; color:#fff; line-height:0.24rem; margin:0.2rem 0;} .culture02 .content .intro_box .txt{font-size:14px; line-height:24px; height:96px; overflow-y:auto; padding-right:5px;} .culture02 .content .intro_box .txt::-webkit-scrollbar {width:2px; height:4px;} .culture02 .content .intro_box .txt::-webkit-scrollbar-thumb {border-radius:5px; background:#fe4f00; } .culture02 .content .intro_box .txt::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .culture02 .content .intro_box .more{display:inline-block; line-height:40px; color:#fff; height:40px; width:120px; text-align:center; border:1px solid #fff; border-radius:20px; display:none;} .culture02 .content .intro_box .more:hover{background:#fe4f00; border-color:#fe4f00;} .culture02 .content .icon_box{ width:5.56rem; height:5.54rem; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; z-index:8;} .culture02 .content .icon_box .bg_img { width:100%; height:100%; background:url(/resources/web/img/culture02_3.png) no-repeat center; background-size:100%; animation:zhuan0 7s infinite linear .65s;} /* 六个图标及对应小标题*/ .culture02 .content .icon_box .icon{display:block; color:#fe4f00; position:absolute; width:60px; height:60px; opacity:1; cursor:pointer;} .culture02 .content .icon_box .icon img {width:100%; height:100%; background:#9fa4bc; border-radius:50%; transition:.5s ease-in-out; cursor:pointer;} .culture02 .content .icon_box .icon.active img, .culture02 .content .icon_box .icon:hover img {background:#fe4f00; transition:.5s ease-in-out;} .culture02 .content .icon_box .icon span{width:auto; display:block; height:60px; line-height:60px; position:absolute; top:0; font-size:0.18rem; transition:.5s ease-in-out; color:#fff;} .culture02 .content .icon_box .icon.icon1 span{left:-1.2rem;} .culture02 .content .icon_box .icon.icon2 span{left:-1.2rem;} .culture02 .content .icon_box .icon.icon3 span {left:-0.9rem;} .culture02 .content .icon_box .icon.icon4 span{right:-1rem;} .culture02 .content .icon_box .icon.icon5 span{right:-1rem;} .culture02 .content .icon_box .icon.icon6 span{right:-1rem;} .culture02 .content .icon_box .icon.icon7 span{right:-0.8rem;} /* .culture02 .content .icon_box .icon:hover span, .culture02 .content .icon_box .icon.active span{color:#339933;} */ @keyframes zhuan0 { from {transform:rotate(0);} to {transform:rotate(360deg);} } /* AGV */ .AGV_ban{height:6.97rem;} .AGV01{background:url(/resources/web/img/AGV01_1.jpg) no-repeat center; padding:0.9rem 0 1.2rem; background-size:cover;} .AGV01 .infor .tit{float:left; font-size:0.42rem ; color:#222; line-height:0.42rem; font-weight:bold;} .AGV01 .infor .con{float:right; width:52.5%; font-size:0.16rem; line-height:0.3rem; color:#3c3c3c;} .AGV02{background:url(/resources/web/img/AGV02_1.jpg) no-repeat center; padding:0.6rem 0; background-size:cover;} .AGV02 .common-infor .con{color:#222;} .AGV02 .content{margin-top:0.5rem;} .AGV02 .content ul{display:flex; justify-content:space-around;} .AGV02 .content ul li{display:flex; flex-direction:column;} .AGV02 .content ul li .icon{width:0.92rem; height:0.92rem; margin:0 auto 0.4rem; transition:all 0.5s ease;} .AGV02 .content ul li .text{font-size:0.22rem; color:#222; font-weight:bold; line-height:0.3rem; text-align:center;} .AGV02 .content ul li:hover .icon{transform:rotateY(180deg);} .AGV03{background:url(/resources/web/img/AGV03_1.jpg) no-repeat center; padding:1rem 0 0.7rem; background-size:cover;} .AGV03 .common-infor{width:47%; float:left; margin-top:0.5rem;} .AGV03 .common-infor .con{color:#fff;} .AGV03 .img_{width:47%; float:right;} .AGV04{padding:0.8rem 0; background:#fafafa;} .AGV04 .content{margin-top:0.4rem;} .AGV04 .content .item{display:none; transition:all 0.5s ease;} .AGV04 .content .owl-item .item{display:block;} .AGV04 .content .rect-1125{padding-bottom:112.5%;} .AGV04 .content .box{border:1px solid #f0f0f0; padding:0.65rem 0.64rem 0.1rem; min-height:5.2rem; box-sizing:border-box;} .AGV04 .content .box .t{font-size:0.22rem; color:#222222; line-height:0.3rem; font-weight:bold; text-align:center;} .AGV04 .content .box .c{font-size:0.16rem; color:#4c4c4c; line-height:0.3rem; text-align:center; margin-bottom:0.2rem;} .AGV04 .content .box .more{text-align: center; padding-top:0.2rem; transition:all 0.5s ease;} .AGV04 .content .box .more span{display:inline-block; padding:0.0.53rem; line-height:0.5rem; color:#222222; font-size:0.16rem; font-weight:bold; border:1px solid transparent; border-radius:5px; transition:all 0.5s ease} .AGV04 .content .item:hover{background:#fff;} .AGV04 .content .item:hover .box .more { padding-top:0.1rem;} .AGV04 .content .item:hover .box .more span{color:#fe4f00;border-color:#fe4f00;} .AGV05{background:url(/resources/web/img/AGV05_1.jpg) no-repeat center; padding:0.65rem 0; background-size:cover;} .AGV05 .common-infor .txt{color:#3c3c3c;} .AGV05 .common-infor{width:49%; float:left; margin-top:1rem;} .AGV05 .img_{width:41%; float:right;} .AGV06{padding:0.8rem 0;} .AGV06 .content{margin-top:0.5rem;} .AGV06 .content li{float:left; width:33.333%; padding:0.3rem 0; position:relative;} .AGV06 .content li .box{border:1px solid #f6f6f6; height:3.13rem; box-sizing:border-box; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; z-index:3;} .AGV06 .content li .box .icon{width:49px; height:49px; transition:all 0.5s ease;} .AGV06 .content li .box .icon .img2{display:none;} .AGV06 .content li .box .tit{font-size:0.22rem; line-height:0.3rem; color:#222; margin:0.2rem 0 0.1rem;transition:all 0.5s ease;} .AGV06 .content li .box .con{font-size:0.16rem; line-height:0.3rem; color:#3c3c3c;transition:all 0.5s ease;} .AGV06 .content li .box .txt{font-size:0.14rem; line-height:0.24rem; color:#fefefe; margin-top:0.05rem; opacity:0; visibility:hidden; transition:all 0.5s ease; transform:translateY(10px); display:none;} .AGV06 .content li .box .txt span{display:block;} .AGV06 .content li:after{content:''; width:100%; height:100%; background:url(/resources/web/img/AGV06.jpg) no-repeat center; opacity:0; visibility:hidden; pointer-events:none; position:absolute; left:0; top:0;} .AGV06 .content li.cur:after{opacity:1; visibility:visible; transition:all 0.3s ease;} .AGV06 .content li.cur .box{border-color:transparent;} .AGV06 .content li.cur .box .icon{margin-top:-0.2rem;} .AGV06 .content li.cur .box .tit{color:#fff;} .AGV06 .content li.cur .box .con{color:#fff;} .AGV06 .content li.cur .box .txt{opacity:1; visibility:visible; transform:translateY(0px); display:block;} .AGV06 .content li.cur .box .icon .img1{display:none;} .AGV06 .content li.cur .box .icon .img2{display:block;} /* 产品详情 start */ .pro_detail{position:relative; z-index:60; display:none;} .pro_detail .rect-98{padding-bottom:98.9%;} .pro_detail .pro_bg{width:100%; height:100%; position:fixed; left:0; top:0; background:url(/resources/web/img/black.6.png) center;} .pro_detail .close{width:31px; height:31px; position:absolute; right:30px; top:32px; background:url(/resources/web/img/pro_close.png) no-repeat center; transition:all 0.5s ease; cursor:pointer;} .pro_detail .close:hover{transform:rotate(180deg);} .pro_detail .pro_content{width:1400px; height:660px; background:#fafafa; position:fixed; left:50%; margin-left:-700px; top:50%; margin-top:-330px; overflow:hidden; padding:55px; box-sizing:border-box;} .pro_detail .content .left{width:43.5%; padding:0 85px; box-sizing:border-box; margin-top:70px;} .pro_detail .content .left .norms{font-size:24px; color:#464646; line-height:24px; margin-top:20px; text-align:center;} .pro_detail .content .left .norms span{font-size:16px; color:#747474; margin-right:10px;} .pro_detail .content .left .owl-prev{width:10px; height:31px; background:url(/resources/web/img/pro_detail01_jt1.png) no-repeat center; background-size:cover; position:absolute; left:-85px; top:50%; margin-top:-15px;} .pro_detail .content .left .owl-next{width:10px; height:31px; background:url(/resources/web/img/pro_detail01_jt2.png) no-repeat center; background-size:cover; position:absolute; right:-85px; top:50%; margin-top:-15px;} .pro_detail .content .left .owl-dots{position:absolute; left:50%; transform:translate(-50%,0); margin-top:15px;} .pro_detail .content .left .owl-dots .owl-dot{width:12px; height:12px; border-radius:50%; background:#000; display:inline-block; margin-right:5px;} .pro_detail .content .right{width:49%;} .pro_detail .content .right .logo{padding:0 20px; line-height:30px; background:#fe4f00; display:inline-block; color:#fff; font-size:14px; margin-bottom:25px;} .pro_detail .content .right .logo span{font-style:italic;} .pro_detail .content .right .tit{font-size:24px; line-height:32px; color:#222; margin-bottom:10px;} .pro_detail .content .right .tit_tag{font-size:14px; color:#888;} /* 补充 */ .pro_detail .content .right .add_icon.three li{float:left; width:33.333%;} .pro_detail .content .right .add_icon.five li{float:left; width:20%;} .pro_detail .content .right .add_icon li .icon{width:30px; height:30px; margin:0 auto 10px;} .pro_detail .content .right .add_icon li .text{font-size:14px; color:#777; text-align:center;} /* 补充 end */ .pro_detail .content .right .con{margin-top:20px; margin-bottom:25px;} .pro_detail .content .right .con .t{font-size:16px; color:#222; font-weight:bold; margin-bottom:15px;} .pro_detail .content .right .con .c{background:#fff; padding:25px 30px; box-sizing:border-box; max-height:300px; overflow:auto;} .pro_detail .content .right .con .c::-webkit-scrollbar {width:2px; height:4px;} .pro_detail .content .right .con .c::-webkit-scrollbar-thumb {border-radius:5px; background:#fe4f00;} .pro_detail .content .right .con .c::-webkit-scrollbar-track {border-radius:0; background:#e2e2e2;} .pro_detail .content .right .btns{float:right;} .pro_detail .content .right .btns .common-btn{display:inline-block; padding:0 20px; line-height:30px; background:#fe4f00; color:#fff; font-size:14px;} /* 产品详情 end */ /* 社交媒体 */ .media01{margin-top:0.55rem; margin-bottom:0.35rem;} .media01 .top .infor{text-align:center;} .media01 .top .infor .tit{font-size:0.14rem; color:#fe4f00; font-family:Arial; font-weight:bold; text-transform:uppercase; padding-right:0.34rem; position:relative; display:inline-block;} .media01 .top .infor .tit::after{content:''; width:0.34rem; height:1px; background:#fe4f00; position:absolute; right:-10%; top:50%;} .media01 .top .infor .con{font-size:0.42rem; color:#222222; font-weight:bold; padding:0.05rem 0;} .media01 .top .infor .txt{font-size:0.16rem; line-height:0.3rem; color:#3c3c3c;} .media01 .bott{width:4.8rem; margin:0 auto; box-shadow:0px 6px 12px 1px rgba(0, 0, 0, 0.09); border:1px solid #e8e8e8; padding:0.1rem 0.2rem; box-sizing:border-box; margin-top:0.25rem; } .media01 .bott .left{display:inline-block; vertical-align:middle; width:1.63rem; height:1.63rem; overflow:hidden;} .media01 .bott .right{display:inline-block; vertical-align:middle; margin-left:0.3rem; padding-top:0.2rem;} .media01 .bott .right .t{font-size:0.26rem; color:#fe4f00; font-weight:bold; } .media01 .bott .right .c{font-size:0.19rem; color:#3c3c3c;} .media02{margin-bottom:0.25rem;} .media02 li{float:left; width:24.25%; margin-right:1%; border:1px solid #e7e7e7; box-sizing:border-box; padding:0.15rem 0.2rem; transition:all .5s ease; margin-bottom:0.2rem;} .media02 .li04{margin-right:0;} .media02 li .left{display:inline-block; vertical-align:middle;width:1.36rem; height:1.36rem; overflow:hidden;} .media02 li .right{display:inline-block; vertical-align:middle; padding:0 0.15rem; } .media02 li .right .t{font-size:0.22rem; color:#fe4f00; font-weight:bold; } .media02 li .right .c{font-size:0.16rem; color:#3c3c3c;} .media02 li:hover{box-shadow:0px 6px 12px 1px rgba(0, 0, 0, 0.09);} /* 系统集成 */ .integration01{position:relative; overflow:hidden; margin-top:0.75rem;} .integration01 .nwrap{width:92.3%; margin:0 auto;} .integration01 .bg .bg_box{position:relative;} .integration01 .bg .bg_box::after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1.65rem; background:rgba(0,0,0,0.278);} .integration01 .content{position:absolute; left:0; bottom:0; height:1.65rem; width:100%;} .integration01 .content .tab_c_box .tab_c{float:left; width:20%; text-align:center; position:relative; height:1.65rem; cursor:pointer; transition:all .5s ease;} .integration01 .content.three .tab_c_box .tab_c{width:33.33%;} .integration01 .content.four .tab_c_box .tab_c{width:25%;} .integration01 .content .tab_c_box .tab_c.cur{background:#fe4f00;} .integration01 .content .tab_c_box .tab_c .cont{position:absolute; top:50%; left:0; width:100%; transform:translate(0,-50%); } .integration01 .content .tab_c_box .tab_c .cont .icon{width:0.64rem; height:0.5rem; margin:0 auto;} .integration01 .content .tab_c_box .tab_c .cont .t{font-size:0.22rem; line-height:0.3rem; color:#ffffff; margin-top:0.1rem;} .integration01 .content2{position:absolute; left:0; top:0; height:calc(100% - 1.65rem); width:100%;} .integration01 .content2 .cont{position:absolute; left:0; top:50%; transform:translate(0,-50%); width:100%;} .integration01 .content2 .tab_w_box .tab_w{width:35%; } .integration01 .content2 .tab_w_box .tab_w .tit{font-size:0.32rem; line-height:0.44rem; color:#ffffff; font-weight:bold; animation:indbanLeft 0.4s ease both .3s;} .integration01 .content2 .tab_w_box .tab_w .con{font-size:0.16rem; line-height:0.3rem; color:#ffffff; animation:indbanLeft 0.6s ease both .3s; margin-top:0.05rem;} @keyframes indbanLeft{ 0%{opacity:0;transform:translateX(140px);} 100%{opacity:1;transform:translateX(0);} } .integration02{margin:0.7rem 0;} .integration02 .content{width:10.95rem; margin:0 auto; background:#ffffff; margin-bottom:0.45rem; box-shadow:0px 5px 26px 1px rgba(0, 0, 0, 0.13); padding:0.5rem 0.7rem 0.4rem 0.9rem; box-sizing:border-box;} .integration02 .content .title{font-size:0.32rem; line-height:0.48rem; color:#000000; font-weight:bold; text-align:center; margin-bottom:0.5rem;} .integration02 .content .left{vertical-align:middle; float:left;} .integration02 .content .left .item{display:inline-block; vertical-align:middle;} .integration02 .content .left .item02{margin-left:0.1rem;} .integration02 .content .left .item .ewm{width:1.05rem; height:1.05rem; padding:0.15rem; border:1px solid #dddddd; border-radius:8px;} .integration02 .content .left .item .t{font-size:0.14rem; line-height:0.24rem; color:#3c3c3c; text-align:center; margin-top:0.05rem;} .integration02 .content .right{vertical-align:middle; width:calc(100% - 350px); float:right; margin-top:0.4rem;} .integration02 .content .right li{float:left; margin-left:2%; width:32%;;} .integration02 .content .right li:first-child{margin-left:0;} .integration02 .content .right li .top{margin-bottom:0.15rem;} .integration02 .content .right li .icon{width:0.4rem; height:0.41rem; float:left;} .integration02 .content .right li .c{font-size:0.22rem; line-height:0.41rem; float:left; margin-left:0.1rem;} .integration02 .content .right li .bott{font-size:0.16rem; line-height:0.3rem; color:#3c3c3c; transition:all .5s ease; } .integration02 .content .right li .bott:hover{color:#fe4f00; font-weight:bold;} .integration03{position:relative; overflow:hidden; height:1.96rem; background:url(/resources/web/img/integration03_bg.jpg) no-repeat center;} .integration03 .content .item{background:rgba(0,0,0,0.33); transition:all .3s ease;} .integration03 .content .left{width:50%; float:left; height:1.96rem; position:relative; } .integration03 .content .right{width:50%; float:left; height:1.96rem; position:relative; } .integration03 .content .cont{position:absolute; top:50%; transform:translate(0,-50%); left:0; width:100%; text-align:center;} .integration03 .content .cont .tit{font-size:0.22rem; line-height:0.40rem; color:#ffffff; font-weight:bold;} .integration03 .content .cont .con{font-size:0.16rem; line-height:0.3rem; color:#ffffff; display:none; opacity:0; visibility:hidden; animation:indbanTop ease both .3s; transition:all .3s ease;} .integration03 .content .item.cur{background:transparent;} .integration03 .content .item.cur .cont .con{display:block; opacity:1; visibility:visible;} @keyframes indbanTop{ 0%{opacity:0;transform:translateY(40px);} 100%{opacity:1;transform:translateY(0);} } /* 物料搬运 */ .common_btn{height:0.5rem; width:1.55rem; padding:0; position:relative; color:#fe4f00;} .common_btn a{font-size:0.14rem; line-height:0.5rem; position:relative; z-index:4; padding-left:0.4rem; transition:all .5s ease; display:block;} .common_btn::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(1); border:0.01rem solid #fe4f00; transition:all .5s ease; z-index:0;} .common_btn:hover::before{transform:translate(-50%, -50%) scale(1.2); opacity:0;} .common_btn::after{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(0.8); opacity:0; background:#fe4f00; transition:all .5s ease; z-index:1;} .common_btn:hover::after{transform:translate(-50%, -50%) scale(1); opacity:1;} .common_btn .iconfont{position:absolute; right:0.3rem; top:50%; font-size:0.1rem; transform:translateY(-50%); margin:0;} .common_btn:hover a{color:#ffffff;} .pro_wlby01{height:7.2rem; position:relative;} .pro_wlby01::after{position:absolute; left:0; top:0; width:100%; height:80%; content:''; background:#000; z-index:-1;} .pro_wlby01 .content{width:100%; height:100%;} .pro_wlby01 .content .wrap{height:100%; position:relative;} .pro_wlby01 .content .left{float:left; width:16%; font-size:0.21rem; color:#818181; position:relative; height:80%;} .pro_wlby01 .content .left .item_list{height:80%; position:absolute; left:0; top:50%; transform:translateY(-50%); overflow-x:hidden; overflow-y:auto; user-select:none; -webkit-user-select:none; border-left: 1px solid #29292a;} /* 去除滚动条 */ .pro_wlby01 .content .left .item_list::-webkit-scrollbar {width:0 !important; overflow: -moz-scrollbars-none; scrollbar-width: none} .pro_wlby01 .content .left .item_list {-ms-overflow-style: none; } .pro_wlby01 .content .left .item_list {overflow: -moz-scrollbars-none; scrollbar-width: none} .pro_wlby01 .content .left .item_list::-webkit-scrollbar{display:none;} .pro_wlby01 .content .left .item_list {scrollbar-width: none;} .pro_wlby01 .content .left .item_list {-ms-overflow-style: none;} /* 去除滚动条 end*/ .pro_wlby01 .content .left .item_list .item{line-height:1; padding:0.18rem 0; cursor:pointer; transition:all 0.2s ease; position:relative; padding-left:0.33rem;} .pro_wlby01 .content .left .item_list .item:hover{color:#fff;} .pro_wlby01 .content .left .item_list .item::after{position:absolute; left:0; top:50%; transform:translateY(-50%); width:2px; height:0%; background:#fff; border-radius:2px; content:''; transition:all .2s ease;} .pro_wlby01 .content .left .item_list .item:hover:after{height:80%;} .pro_wlby01 .content .left .item_list .item.on:after{height:80%;} .pro_wlby01 .content .left .item_list .item.on{color:#fff;} .pro_wlby01 .content .right .title{font-size:1.5rem; color:#4a4a4a; display:inline-block; line-height:1; background-color: rgba(0, 0, 0, 0.02); position:absolute; left:50%; transform:translateX(-50%); top:0.2rem; white-space:nowrap; font-family:'ys';} .pro_wlby01 .content .right .title span{position:relative; display:inline-block;} .pro_wlby01 .content .right .title span::after{position:absolute; top:0; left:0; width:100%; height:110%; content:''; background:linear-gradient(to bottom, rgb(241 241 241 / 0%) ,rgb(0 0 0)); transition: background-color .5s;} .pro_wlby01 .content .right .img_{position:absolute; bottom:0rem; left:50%; transform:translateX(-50%); width:7.04rem; } .pro_wlby01 .content .right .img_ .rect-616{padding-bottom:61.6%;} .pro_wlby01 .content .right .text_box{position:absolute; font-size:0.16rem; line-height:0.3rem; color:#fff; width:4rem; right:0; bottom:2rem; } .pro_wlby01 .content .right .text_box .text{margin-bottom:0.15rem;} .pro_wlby01 .content .right .text_box i{display:none;} .pro_wlby01 .content .right .text_box .common_btn a{padding-left:0; text-align:center;} .pro_wlby01 .content .right .text_box .common_btn{float:left; width:46%; color:#fff;} .pro_wlby01 .content .right .text_box .common_btn:nth-of-type(2){float:right;} .pro_wlby01 .content .right .text_box .common_btn::after{background:#000;} .pro_wlby01 .content .right .text_box .common_btn::before{border-color:#fff; border-radius:0;} .pro_detail .rect-98{padding-bottom:112%;} /* 2022-1017 */ /* .culture01 .re_detail .re_content{height:5rem; margin-top:-2.5rem;} .culture01 .re_detail .re_content .infor .text{height:3.5rem} .talent03 .re_detail .re_content{height:5rem; margin-top:-2.5rem;} .talent03 .re_detail .re_content .infor .text{height:3.5rem} */ /* .pro_wlby01::after{background:url(/resources/web/img/pro_wlby01_bg.png) no-repeat center; background-size:cover;} */ .pro_wlby01 .content .right .text_box .common_btn::after{background:#fff;} .common_btn:hover a{color:#000;} .pro_wlby01 .content .right .title{left:52%;} .pro_wlby01 .content .left{z-index:1;} .pro_wlby01 .content .right .img_{left:48%;} .pro_wlby01 .content .right .img_{bottom:0.5rem;} .pro_wlby01 .content .right .title{color:#6c6c6c99;} .pro_wlby01 .content .right .title span::after{top:-10%;} .pro_wlby01 .content .right .img_::after{position:absolute; width:100%; height:78%; left:0%; top:0; background:url(/resources/web/img/pro_cover.png) no-repeat center; background-size:cover; content:''; z-index:-1;} /* 2922-1019 */ .media01 .bott .right{padding-top:0;} .media02 li{font-size:0;} .media02 li .right{width:calc(100% - 1.4rem); box-sizing:border-box;} .header{z-index:70;} .solution01 .content .swiper-slide{display:none;} .solution01 .content .swiper-container-initialized .swiper-slide{display:block;} .solution01 .content .item_front .tit{margin-bottom:0.7rem;} .solution_xtjc{z-index:80;} .re_detail .re_content .infor .text{height:3.5rem;} .header .h_bott .pro_xiala .center li .icon{vertical-align:-4px; margin-right:10px;} #contact-us01-map-544{width:100%!important;} /* 2022-1020 */ .ipart04 .content .item .img_box .rect-51{padding-bottom:60.575%} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:#fe4f00;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:#fe4f00;} .ipart01 .right{width:56.5%;} .ipart01 .right .owl-carousel .owl-item .item img{width:auto;} .f_company_xiala .content{text-align:left;} .header .h_bott .pro_xiala .center li a{font-size:0.18rem;} body .searchArea{padding:70px 0 40px;} body .resultArea{padding-bottom:40px;} /* .solution01 .content .swiper-wrapper{padding:0;} .solution01 .content .swiper-slide:first-child{margin-left:8.35%;} */ .header .h_bott .pro_xiala .left .list ul{overflow:hidden;} .header .h_bott .pro_xiala .left .list li{width:50%; float:left;} .header .h_bott .pro_xiala .left .list{padding-left:0.5rem;} .header .h_bott .pro_xiala .left .infor{padding-left:0.5rem;} /* 20221027 */ .re_detail .re_content{height:auto !important;} .re_detail .re_content{overflow:inherit;} .re_detail .re_content::after{position:absolute; bottom:0; width:100%; height:14%; background:#fff; content:''; left:0;} .re_detail .re_content .infor .text{position:relative; z-index:10;} .xc_banenr>img{height:100%;} .more_btn{margin-top:0.5rem;height:0.5rem; width:1.55rem; padding:0; position:relative; color:#fe4f00; } .more_btn a{font-size:0.14rem; line-height:0.5rem; position:relative; z-index:4; padding-left:0.4rem; transition:all .5s ease; display:block;} .more_btn::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(1); border:0.01rem solid #fe4f00; transition:all .5s ease; z-index:0;} .more_btn:hover::before{transform:translate(-50%, -50%) scale(1.2); opacity:0;} .more_btn::after{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(0.8); opacity:0; background:#fe4f00; transition:all .5s ease; z-index:-1;} .more_btn:hover::after{transform:translate(-50%, -50%) scale(1); opacity:1;} .more_btn .iconfont{position:absolute; right:0.3rem; top:50%; font-size:0.1rem; transform:translateY(-50%); margin:0;} .more_btn:hover a{color:#ffffff;} .contact_us01 .map{z-index:9;} .contact_us03 .right .map_box .dots_box .dot .tips{display:block !important;} .re_detail .re_content .infor .title{display:inline-block;} .re_detail .re_content .infor .more_btn{float:right; margin-top:0.5rem;} body .Form-J1 .Form-J1-Btn ._submit{background-color:#fe4f00;} .mNav ul .m_li>a span{font-size:0.3rem;} .ibanner .swiper-slide.video_slide img{display:none;} .ipart03 .rect-5923 video{display:block;} .ipart03 .rect-5923 img{display:none;} .AGV04 .owl-nav{width:100%; position:absolute; left:0; top:50%; margin-top:-20px;} .AGV04 .owl-nav div{font-size:30px; line-height:30px; position:absolute; top:0;} .AGV04 .owl-nav div i{margin:0; color:#fe4f00; font-weight:bold;} .AGV04 .owl-nav .owl-prev{left:0;} .AGV04 .owl-nav .owl-next{right:0;} .about_us03 .wrap{position:relative; height:100%;} .about_us03 .play{width:1.5rem; height:1.5rem; background:url(/resources/web/img/iban_sj.png) no-repeat center; position:absolute; right:0; bottom:0.5rem; z-index:2; cursor:pointer;} @-webkit-keyframes zhuan{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } @-moz-keyframes zhuan{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } @-o-keyframes zhuan{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } @keyframes zhuan{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } .ipart03 .more_btn{width:1rem; line-height:0.5rem;} .ipart03 .content .left .img_swiper img{width:100%;} /*.about_us03 .play .icon{width:1.5rem; height:1.5rem; background:url(/resources/web/img/iban_circle.png) no-repeat center; animation:zhuan 3s infinite linear;} .about_us03 .play{display:none;} .about_us03{background:none; position:relative;} .about_us03 .wrap{z-index:1;} .about_us03 video{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;} .about_us03 .cover{position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000;}*/ .about_add{position:fixed; left:0; width:100%; top:0; z-index:1} .about_us01, .about_us02, .about_us03, .about_us04, .about_us05, .about_us06{position:relative; z-index:2;} .xc_banenr{position:relative; z-index:2;} .about_us02{background:#fff} .about_us03{margin-top:7rem;} .about_us03 .play{display:none;} .about_us06{background:#fff} .channel_stock{background:#fff; position:relative; z-index:2} .pageFooter{position:relative; z-index:2} .header .h_bott .pro_xiala{height:auto; padding-bottom:0.5rem; overflow:hidden;} .header .h_bott .pro_xiala .center{height:120%;} /* 2022-1116 首页第一部分修改 */ .ipt1_new{position:relative; overflow:hidden; height:712px; box-sizing:border-box; background:url(/resources/web/img/ipart01_bg.jpg) no-repeat center; padding-top:0.8rem;} .ipt1_new .content{width:100%; height:100%;} .ipt1_new .content .left{width:43.2%; z-index:3;} .ipt1_new .content .left .cont{margin-top:0.2rem;} /* .ipt1_new .content .left .cont .words{font-size:0.16rem; line-height:0.3rem; color:#040000; text-align:justify;} */ .ipt1_new .content .left .cont .more_btn{margin-top:0.5rem;height:0.5rem; width:1.55rem; padding:0; position:relative; color:#fe4f00; } .ipt1_new .content .left .cont .more_btn a{font-size:0.14rem; line-height:0.5rem; position:relative; z-index:4; padding-left:0.4rem; transition:all .5s ease; display:block;} .ipt1_new .content .left .cont .more_btn::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(1); border:0.01rem solid #fe4f00; transition:all .5s ease; z-index:0;} .ipt1_new .content .left .cont .more_btn:hover::before{transform:translate(-50%, -50%) scale(1.2); opacity:0;} .ipt1_new .content .left .cont .more_btn::after{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:0.05rem; transform:translate(-50%, -50%) scale(0.8); opacity:0; background:#fe4f00; transition:all .5s ease; z-index:0;} .ipt1_new .content .left .cont .more_btn:hover::after{transform:translate(-50%, -50%) scale(1); opacity:1;} .ipt1_new .content .left .cont .more_btn .iconfont{position:absolute; right:0.3rem; top:50%; font-size:0.1rem; transform:translateY(-50%); margin:0;} .ipt1_new .content .left .cont .more_btn:hover a{color:#ffffff;} .ipt1_new .content .left .bott{margin-top:0.5rem;} .ipt1_new .content .left .bott li{float:left; margin-right:0.75rem; cursor:pointer;} .ipt1_new .content .left .bott li:last-child{margin-right:0;} .ipt1_new .content .left .bott li .icon{width:0.53rem; height:0.53rem; margin:0 auto 0.12rem; background-size:cover;} .ipt1_new .content .left .bott li .t{font-size:0.2rem; line-height:0.3rem; color:#000000; display:inline-block; vertical-align:middle; margin-left:0.12rem;} .ipt1_new .content .left .bott li.cur .t{color:#fe4f00;} .ipt1_new .right{position:absolute; right:0; bottom:0; height:100%; width:70%;} .ipt1_new .right .img_{position:relative; z-index:1;} .ipt1_new .right .markers{position:absolute; top:0; left:0; right:0; bottom:0; z-index:10;} .ipt1_new .right .markers .marker{position:absolute; top:50%; left:50%; width:18px; height:18px; margin-top:-9px; margin-left:-9px; z-index:10;} .ipt1_new .right .markers .marker .dot{position:relative; width:18px; height:18px; border-radius:9px; background-color:#c4c2c2;} .ipt1_new .right .markers .marker .dot::after{content:""; box-sizing:border-box; position:absolute; top:9px; left:9px; width:18px; height:18px; border-radius:9px; border:1px solid #c4c2c2; transform:translate(-50%, -50%) scale(1); opacity:1; animation: dot_scale 1.5s linear infinite;} .ipt1_new .right .markers .marker .dot::before{content:""; box-sizing:border-box; position:absolute; top:50%; left:50%; width:4px; height:4px; border-radius:9px; background:#fff; z-index:2; margin-left:-2px; margin-top:-2px} .ipt1_new .right .markers .marker .label{position:absolute; display:block; right:40px; top:50%; transform:translateY(-50%); font-size:14px; line-height:40px; color:#fff; padding:0 40px; border-radius:20px; white-space:nowrap; background:#c4c2c2cc; font-weight:bold; transition:all 0.5s ease;} .ipt1_new .right .markers .marker.label_left .label{left:initial; right:50px; padding-right:60px;} .ipt1_new .right .markers .marker.label_right .label{left:34px; right:initial; padding-left:45px;} .ipt1_new .right .markers .marker .label:hover{color:#000; background:#fff;} @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; } } .ipt1_new .right .markers .marker.on .dot{background-color:#fe4f00;} .ipt1_new .right .markers .marker.on .dot::after{border-color:#fe4f00;} .ipt1_new .right .markers .marker.on .label{background:#fe4f00;} .ipt1_new .right .markers .marker:hover .dot{background-color:#fe4f00;} .ipt1_new .right .markers .marker:hover .dot::after{border-color:#fe4f00;} .ipt1_new .right .markers .marker:hover .label{background:#fe4f00; color:#fff;} .ipt1_new .right .img{margin-top:30px;} .ipt1_new .right .markers{top:70px;} .contact_us01 .map img{max-width:none} .solution_xtjc .infor .close_btn{top:inherit; bottom:350px; left:130px; right:inherit; position:absolute} .solution01 .content{width:83.3%; margin:0 auto;} .solution01 .content .swiper-wrapper{padding-left:0; padding-right:0; } .contact_us01 .map{box-shadow:0 0 15px rgba(0,0,0,.1)} .contact_us01 .map .img_{overflow:hidden;} /*.contact_us01 .map .img_ #contact-us01-map-544>div{margin-top:130px; margin-left:450px}*/ .solution01 .content .item_front .tit{margin-bottom:0.4rem;} .ipt1_new .right .img{width:100%; left:0; top:0; position:absolute;height:100%;} .ipt1_new .right .img .img1{width:100%; left:0; top:0; position:absolute;height:100%;} .ipt1_new .right .img .img1{display:block;} .ipt1_new .right .img .img2{display:none;} .ipart03 .content .right .tabs .tab{display:inline-block; margin-right:0.25rem;} .pro_wlby01 .content .right .text_box{font-size:0.18rem;} .pro_wlby01 .content .right .text_box .text{margin-bottom:0.3rem;} .header .h_bott .pro_xiala .center{height:140%;} .header .h_bott .pro_xiala .wrap{height:auto;} .header .h_bott .pro_xiala .center li a{padding:0.25rem 0 0.34rem 1.5rem} .ipt1_new .right .markers .marker.label_right .label{padding:0 20px; line-height:35px;} .ipt1_new .content .left .bott li .t{margin-left:0} .ipart03 .content .right{padding-top:0.8rem;} .pro_wlby01 .content .right .img_ .common_btn{margin:0.3rem auto 0; text-align:center;} .pro_wlby01 .content .right .img_ .common_btn a{padding-left:0;} .pro_wlby01 .content .right .img_ .common_btn:hover a{color:#fff;} .integration01 .content{bottom:1.05rem;} .integration01 .common_btn{margin:0.5rem auto 0} .integration01 .common_btn:hover a{color:#fff} .solution_xtjc .infor .close_btn img{display:none!important} .solution_xtjc .infor .close_btn{background:url(/resources/web/img/solu_close1.png) no-repeat center; transition:all 0.5s ease} .solution_xtjc .infor .close_btn:hover{background:url(/resources/web/img/solu_close2.png) no-repeat center;} .solution_xtjc .infor .close_btn::after{display:none;} .about_us04 .right .pic_item .rect-65:after{background:none;} .ipart03 .content .right{padding-top:0} .ipart03 .content .right .tabs .tab{margin-top:0} .about_add ._img{background:url(/resources/web/img/about_add_img.jpg) no-repeat center; position:absolute; width:100%; height:100%; left:0; top:0} .about_add ._img .play{width:80px; height:80px; background:url(/resources/web/img/about_play.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-size:cover; margin-top:-150px} .solution01 .content .rect-59{padding-bottom:75%;} .ipt1_new .right .img{width:115%;} .integration02 .content .left{width:100%; text-align:center;} .integration02 .content .right{width:100%;} .integration01 .content{bottom:0;} .common_btn.add_more{padding-left:0; text-align:center; margin:0.3rem auto 0;} .common_btn.add_more a{padding-left:0} .integration02 .content .right li{display:flex; flex-direction:column; align-items:center;} .integration01 .bg .bg_box .img_ img{width:100%} .AGV06 .common_btn{margin:0.5rem auto 0;text-align:center;} .AGV06 .common_btn a{padding-left:0} .AGV06 .common_btn:hover a{color:#fff;} .integration01 .content{z-index:3;} .social_resp01 .content .heart-cup-box{width:3rem;} /* 投资者 */ .tit36{font-size:0.36rem; line-height:0.36rem; color:#000;} .tit24{font-size:0.24rem; line-height:0.32rem; color:#000;} .con18{font-size:0.18rem; line-height:0.3rem; color:#5d5d5d;} .con15{font-size:0.15rem; line-height:0.26rem; color:#5d5d5d;} .invest02{margin-top:0.6rem; padding-top:0.6rem; padding-bottom:1rem; background:#f8f8f8;} .invest02 .infor .tit{text-align:center; } .invest02 .content{margin-top:0.25rem;} .invest02 .content .hd{border-bottom:1px solid #dbdbdb;} .invest02 .content .hd .swiper{overflow:hidden;} .invest02 .content .hd .swiper .swiper-slide{width:1.08rem;} .invest02 .content .hd .swiper .swiper-slide .year{text-align:center; position:relative; height:0.6rem; line-height:0.6rem; cursor:pointer;} .invest02 .content .hd .swiper .swiper-slide-active .year{color:#ea5515;} .invest02 .content .hd .swiper .swiper-slide.swiper-slide-active .year::after{position:absolute; bottom:0; width:100%; height:0.03rem; background:#eb5727; content:''; left:0;} .invest02 .content .bd{margin-top:0.55rem;} .invest02 .content .bd .left{width:42%; float:left;} .invest02 .content .bd .left .rect-562{padding-bottom:56.2%;} .invest02 .content .bd .left .rect-562 .text_box{position:absolute; top:50%; left:0.4rem; transform:translateY(-50%);} .invest02 .content .bd .left .rect-562 .text_box .t{font-size:0.41rem; color:#fff; line-height:0.41rem; margin-bottom:0.2rem;} .invest02 .content .bd .left .rect-562 .text_box .c{font-size:0.33rem; color:#fff; line-height:0.33rem; margin-bottom:0.45rem;} .invest02 .content .bd .left .rect-562 .text_box .more{width:1.8rem; height:0.55rem; border:1px solid #f0825f; text-align:center;} .invest02 .content .bd .left .rect-562 .text_box .more a{display:inline-block; font-size:0.16rem; line-height:0.55rem; text-align:center; color:#fff; padding-right:0.5rem;} .invest02 .content .bd .left .rect-562 .text_box .more .icon{display:inline-block; vertical-align:middle; background:url(/resources/web/img/invest02-2.jpg.png) no-repeat center; background-size:cover; width:0.1rem; height:0.18rem;} .invest02 .content .bd .right{float:right; width:54%;} .invest02 .content .bd .right .item_list .item{width:48%; margin-right:4%; float:left; border-bottom:1px solid #dadada; padding-bottom:0.25rem; padding-top:0.23rem;} .invest02 .content .bd .right .item_list .item:nth-child(2n){margin-right:0;} .invest02 .content .bd .right .item_list .item01{padding-top:0;} .invest02 .content .bd .right .item_list .item02{padding-top:0;} .invest02 .content .bd .right .item_list .item .left_{float:left;} .invest02 .content .bd .right .item_list .item .left_ .left_t{color:#000; line-height:0.3rem; transition:all .3s ease;} .invest02 .content .bd .right .item_list .item:hover .left_ .left_t{color:#eb5727;} .invest02 .content .bd .right .item_list .item .left_ .left_b{color:#e95626; line-height:0.2rem; font-size:0.13rem;} .invest02 .content .bd .right .item_list .item .right_{float:right;} .invest02 .content .bd .right .item_list .item .right_ .icon{background:url(/resources/web/img/invest02-3.jpg) no-repeat center; background-size:cover; width:0.17rem; height:0.18rem; display:inline-block; vertical-align:-0.15rem;} .invest02 .content .bd .right .item_list .item .right_ a{display:block;} .navbar-toggle{outline:none;} .f_bott .right .l{margin-right:10px;} body .Form-J1-content{padding-top:0.6rem; padding-bottom:0.6rem;} .pro_wlby01 .content .right .text_box .common_btn a{font-size:0.16rem;} .pro_wlby01 .content .right .img_{bottom:0.2rem;} .pro_wlby01 .content .right .img_::after{height:75%;} .add_ipart{padding-bottom:0.5rem;} .solution_xtjc .content .left .tab .tit_smal{height:44px;} .ipt1_new .right .img{left:-15px} .ipt1_new .content .left .bott li{float:none; margin-bottom:0.3rem;} .ipt1_new .content .left .bott li .icon{display:inline-block; vertical-align:middle; margin-right:0.15rem; margin-bottom:0} .ipt1_new .content .left{float:left; width:39%} .ipt1_new .content .right{position:relative; float:right; right:inherit; bottom:inherit; width:60%; height:600px} .ipt1_new .content .right .img{position:absolute; width:100%; left:inherit; right:0; width:120%;} .ipt1_new .content .right .img .img1{right:0; top:0} .solution_xtjc .content .left .common_btn:hover a{color:#fff;} .solution_xtjc .content .left .common_btn a{padding-left:0;text-align:center;} .ipt1_new .content .right .img{width:136%;} .about_add{display:none;} /* 20230105wrt */ .contact_us03.add_ipart{margin-top:0;} .contact_us03.add_ipart .content{position:relative; display:flex; align-items:flex-end; justify-content:space-between; padding:0.5rem 0; } .contact_us03.add_ipart .news_ipart03{width:69.375%; float:right;} .contact_us03.add_ipart .news_ipart03 .dots_area{width:40.54%; float:left; position:relative; height:4.5rem;} .contact_us03.add_ipart .news_ipart03 .dots_area::after{content:''; position:absolute; left:50%; top:50%; height:127%; transform:translate(-50%,-50%); background:url(/resources/web/img/ipart_new_ditu.png) no-repeat center/cover; width:328%; z-index:-1;} .contact_us03.add_ipart .news_ipart03 .dots_area .dots{position:absolute; cursor:pointer;} .contact_us03.add_ipart .news_ipart03 .dots_area .dots span{display:block; width:8px; height:8px; background:#fb501e; border-radius:50%; position:relative; z-index:2;} .contact_us03.add_ipart .news_ipart03 .dots_area .dots span::before{content:''; width:14px; height:14px; background:#F1B8A7; position:absolute; left:50%; margin-left:-7px; top:50%; margin-top:-7px; border-radius:50%; z-index:1; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite;animation:warn 2s linear 0s infinite;} .contact_us03.add_ipart .news_ipart03 .i_cont{width:55%; float:right; overflow:hidden; position:relative; margin-top:1.3rem;} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-container{width:calc(100% - 2.5rem); margin:0 auto; overflow:visible;} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-slide{transition:all .3s ease; transform:scale(0.8); opacity:0.52; z-index:0;} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-slide.swiper-slide-prev {transform:translateX(252px) scale(0.8);} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-slide.swiper-slide-next {transform:translateX(-252px) scale(0.8);} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-slide.swiper-slide-active{opacity:1; z-index:1; transform:translateX(0) scale(1);} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-button-prev, .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-button-next{background:url(/resources/web/img/new_ipart03_jt01.png) no-repeat center/cover; width:0.42rem; height:0.42rem; margin-top:-0.21rem; top:50%;} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-button-prev{left:0;} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-button-next{right:0; transform:rotate(180deg);} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-button-prev:hover, .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-button-next:hover{background:url(/resources/web/img/new_ipart03_jt02.png) no-repeat center/cover;} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-button-prev:hover{transform:rotate(180deg);} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-button-next:hover{transform:rotate(0);} .contact_us03.add_ipart .news_ipart03 .i_cont .box{background:url(/resources/web/img/ipart_new_bg.png) no-repeat bottom right; background-size:cover; border-radius:10px; padding:0.3rem; box-sizing:border-box; box-shadow:none;} .contact_us03.add_ipart .news_ipart03 .i_cont .swiper-slide.swiper-slide-active .box{box-shadow:0px 0px 36.4px 3.6px rgba(0, 0, 0, 0.23);} .contact_us03.add_ipart .news_ipart03 .i_cont .box .title{color:#fff; font-size:0.22rem; line-height:0.3rem; border-bottom:1px solid rgba(255,255,255,0.4); padding-bottom:0.1rem; text-align:center; } .contact_us03.add_ipart .news_ipart03 .i_cont .box dl{margin-top:0.2rem;} .contact_us03.add_ipart .news_ipart03 .i_cont .box dl dd{color:#fff; font-size:14px; position:relative; line-height:20px; margin-bottom:0.1rem;} .contact_us03.add_ipart .news_ipart03 .i_cont .box dl dd a{padding-left:0.1rem;} .invest02{margin-top:0;} .contact_us03 .left{width:26%;} .contact_us03 .left .infor a span{width:auto;} .about_us06 .left{box-shadow:-5px 0 15px rgb(0 0 0 / 20%)} body .bg-primary{background:#fe4f00;} body .Validform_right{color:#fe4f00;} .pro_detail .pro_content{margin-top:-280px;} .news_detail01 .left .text a{text-decoration:underline;} body .resultArea .content_form .piclist_area .srchList li .intro .t{font-size:20px;} /*去掉滚动条*/ .hidescrollbar{overflow:hidden; -ms-overflow-x:hidden; -ms-overflow-y:hidden; } .solution_xtjc{overflow-y:auto!important; -ms-overflow-y:auto!important;} .ipart04 .infor .right .tab a{color:#fff} .xc_banenr{height:auto;} .xc_banenr>img{height:auto;} .xc_banenr>img{position:relative; left:0; width:100%; margin-left:0} .resultArea .content_form .content_area li .t{transition:0.3s ease;} .resultArea .content_form .content_area li:hover .t{color:#fe4f00;}