/* * 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:#fcb026;} .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; *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:1260px; margin-right:auto; margin-left:auto;} .mwrap {width:1260px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover {color:#fcb026;} ::-moz-selection {color:#fff; background:#fcb026;} ::selection {color:#fff; background:#fcb026;} ::-webkit-input-placeholder {color:#a1a1a1;} .placeholder {color:#a1a1a1;} /*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) } /* 网站样式 */ .pageHeader{position:relative; z-index:10;} .pageHeader.index_pageHeader{height:80px;} .index_header{position:relative; left:0; top:0; width:100%; z-index:5; transition:all 0.5s ease;} .header_top {padding:6px 0; background:#ededed;} .header_top .left{float:left; font-size:15px; line-height:28px; color:#333e46;} .header_top .right{float:right;} .header_top .right li{float:left; padding:0 12px; position:relative;} .header_top .right li:after{content:''; width:1px; height:8px; background:#8a9094; background:rgba(51,62,70,.3); position:absolute; left:0; top:50%; margin-top:-4px;} .header_top .right li i{display:inline-block; vertical-align:middle;} .header_top .right li .li_txt{display:inline-block; vertical-align:middle; margin:0 5px;} .header_top .right li.li01 a,.header_top .right li.li02 a{font-size:0;} .header_top .right li.li01 .li_txt,.header_top .right li.li02 .li_txt{font-size:12px;} .header_top .right li .icon01_1{width:9px; height:13px; background:url(h_top_ico1.png) no-repeat center} .header_top .right li .icon02_1{width:15px; height:14px; background:url(h_top_ico2.png) no-repeat center;} .header_top .right li .icon_jt{width:4px; height:7px; background:url(h_top_jt2.png) no-repeat center;} .header_top .right li a{font-size:12px; color:#333e46; line-height:28px; display:block;} .header_top .right li a:hover{color:#fcb026;} .header_top .right li.h_lan .icon_jt{margin-left:5px; width:7px; height:4px; background:url(h_top_jt.png) no-repeat center;} .header_top .right li.h_lan:before{content:''; width:1px; height:8px; background:#8a9094; background:rgba(51,62,70,.3); position:absolute; right:0; top:50%; margin-top:-4px;} .header_top .right li.h_lan .lan_down{width:130px; position:absolute; left:50%; margin-left:-65px; top:100%; display:none; z-index:3; padding:5px 0; background:#E6E8EA; background:rgba(230,232,234,0.8);} .header_top .right li.h_lan .lan_down ul>li{margin:5px 0; padding:0; float:none;} .header_top .right li.h_lan .lan_down ul>li a{display:block; padding:5px 10px; color:#666;} .header_top .right li.h_lan .lan_down ul>li a img{margin-right:10px; vertical-align:middle} .header_top .right li.h_lan .lan_down ul>li a span{display:inline-block; font-size:15px; vertical-align:middle} .header_top .right li.h_lan .lan_down ul>li a:hover{background:rgba(255,255,255,.9);} .header_bott{background:#fcb026; /*position:relative;*/} .header_bott .h_logo{float:left; font-size:0; padding:27px 0 26px; transition:all 0.5s ease;} .header_bott .h_logo a{display:block;} .header_bott .h_logo a ._img1{display:block;} .header_bott .h_logo a ._img2{display:none;} .header_bott .h_tools{float:right; padding:30px 0; margin-left:40px; transition:all 0.5s ease;} .header_bott .h_tools .h_price{display:inline-block; vertical-align:middle;} .header_bott .h_tools .h_price a{display:block; width:130px; height:38px; line-height:38px; text-align:center; border:3px solid #333e46; font-size:16px; color:#333e46; font-weight:bold; position:relative;} .header_bott .h_tools .h_price a span{position:relative; z-index:2;} .header_bott .h_tools .h_price a:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .header_bott .h_tools .h_price a:hover{color:#fff;} .header_bott .h_tools .h_price a:hover:after{width:100%;} .header_bott .h_tools .h_search{display:inline-block; vertical-align:middle; margin-left:25px; cursor:pointer;} .header_bott .h_tools .h_search .icon{width:24px; height:24px; background:url(h_search.png) no-repeat center} .header_bott .inav_wrapper{float:right; padding:35px 0;} .header_bott .inav .nav_li{display:inline-block; padding:0 22px;} .header_bott .inav .nav_li .nav_a{display:block; font-size:18px; font-weight:bold; color:#333e46; line-height:34px; /*padding:35px 0;*/ position:relative; transition:all 0.5s ease;} .header_bott .inav .nav_xl .nav_a:after{content:''; width:11px; height:6px; background:url(xiala_jt.png) no-repeat; position:absolute; top:50%; margin-top:-3px; right:-19px;} .header_bott .inav .nav_li.cur .nav_a:after{background-position:0 -6px} .header_bott .inav .nav_li.cur .nav_a{color:#000;} .header_bott .inav .nav_li:hover .nav_a{color:#000;} .header_bott .inav .nav_li:hover .nav_a:after{background-position:0 -6px} .header_bott .inav .nav_li.zj{background: url(rx1.png) no-repeat 94% 11px;} .header_bott .inav .nav_li.bj{background: url(rx1.png) no-repeat 94% 11px;} /*头部吸顶*/ .header.fixed{top:0; box-shadow:0 0 15px rgba(0,0,0,.3);} .header.fixed .header_bott .h_logo{padding:25px 0 26px;} .header.fixed .header_bott .h_tools{padding:25px 0;} /* .header.fixed .header_bott .inav .nav_li .nav_a{padding:23px 0;} */ .header.fixed .header_bott .inav_wrapper{padding:23px 0;} .header.fixed .header_bott .h_logo a ._img1{display:none;} .header.fixed .header_bott .h_logo a ._img2{display:block;} /*0227更换logo以后调整*/ .header.fixed .header_bott .h_logo{padding:18px 0;} /*下层头部默认吸顶*/ /*头部吸顶*/ /*.xc_pageHeader .header{top:-40px; box-shadow:0 0 15px rgba(0,0,0,.3);} .xc_pageHeader .header .header_bott .h_logo{padding:25px 0 26px;} .xc_pageHeader .header .header_bott .h_tools{padding:18px 0;} .xc_pageHeader .header .header_bott .inav .nav_li .nav_a{padding:23px 0;} .xc_pageHeader .header .header_bott .h_logo a ._img1{display:none;} .xc_pageHeader .header .header_bott .h_logo a ._img2{display:block;}*/ /*PC导航下拉*/ /*下拉定死了高度,左右部分都定死了*/ .pc_xiala{position:absolute; left:0; top:100%; width:100%; z-index:2; display:none;} .pc_xiala_top{position:relative;} .pc_xiala_top:after{content:''; width:300px; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:1;} .pc_xiala_top:before{content:''; width:300px; height:100%; background:#f7f7f7; position:absolute; right:0; top:0; z-index:1;} .pc_xiala_top .content{position:relative; z-index:2;} .pc_xiala_top .content .left{width:24%; float:left; background:#fff; height:535px;} .pc_xiala_top .content .left .box{padding:30px 0 40px;} .pc_xiala_top .content .left .title{font-size:34px; color:#343e47; font-weight:bold; margin-bottom:12px;} .pc_xiala_top .content .left .list ul{overflow-y:auto; height:380px;} .pc_xiala_top .content .left .list li{font-size:17px; color:#323f47; line-height:38px;} .pc_xiala_top .content .left .list li a{display:inline-block; position:relative;} .pc_xiala_top .content .left .list li a:after{content:''; width:0%; height:2px; background:#fcb026; position:absolute; left:0; bottom:0px; transition:all 0.5s ease;} .pc_xiala_top .content .left .list li:hover{color:#fcb026;} .pc_xiala_top .content .left .list li:hover a:after{width:105%;} /*滚动条整体样式*/ .pc_xiala_top .content .left .list ul::-webkit-scrollbar {width:8px; height:4px; border-radius:4px;} /*滚动条里面小方块*/ .pc_xiala_top .content .left .list ul::-webkit-scrollbar-thumb {border-radius:5px; background:#dcdcdc;} /*滚动条里面轨道*/ .pc_xiala_top .content .left .list ul::-webkit-scrollbar-track {border-radius:0; background:#efefef;} .pc_xiala_top .content .right{width:76%; float:left; background:#f7f7f7; height:535px;} .pc_xiala_top .content .right .box{padding:30px 0 40px 45px;} .pc_xiala_top .content .right .title{font-size:30px; line-height:45px; color:#323f47; margin-bottom:26px; font-weight:lighter;} .pc_xiala_top .content .right .rect-5648{padding-bottom:56.48%;} .pc_xiala_top .content .right ul li{width:31%; margin-right:2%; float:left;} .pc_xiala_top .content .right ul li .li_box{display:block;} .pc_xiala_top .content .right ul li .intro{font-size:20px; line-height:45px; color:#323f47;} .pc_xiala_top .content .right ul.ul02{padding-top:25px; border-top:1px solid #e4e4e4; margin-top:40px;} .pc_xiala_top .content .right ul.ul02 li{height:60px; line-height:60px; background:#fcb026; color:#333e46; text-align:center; transition:all 0.5s ease;} .pc_xiala_top .content .right ul.ul02 li a{transition:all 0s ease} .pc_xiala_top .content .right ul.ul02 li span{display:inline-block; vertical-align:middle;} /*.pc_xiala_top .content .right ul.ul02 li span.icon{width:20px; height:20px; transition:all 0.5s ease;} .pc_xiala_top .content .right ul.ul02 li span.icon1{background:url(../img/xiala_ico1.png) no-repeat} .pc_xiala_top .content .right ul.ul02 li span.icon2{background:url(../img/xiala_ico1.png) no-repeat}*/ .pc_xiala_top .content .right ul.ul02 li span.text{font-size:16px; margin-left:14px;} .pc_xiala_top .content .right ul.ul02 li:hover {background:#323f47; color:#fcb026;} /*.pc_xiala_top .content .right ul.ul02 li:hover span.icon1{background-position:0 -20px;} .pc_xiala_top .content .right ul.ul02 li:hover span.icon2{background-position:0 -20px;}*/ .pc_xiala_top .content .xiala_close{width:30px; height:30px; background:url(xiala_close.png) no-repeat center; position:absolute; right:0; top:55px; transition:all 0.5s ease; cursor:pointer} .pc_xiala_top .content .xiala_close:hover{transform:rotateZ(180deg);} .pc_xiala_bott a{display:block; height:82px; line-height:82px; background:#343e47; text-align:center;} .pc_xiala_bott a span{display:inline-block; vertical-align:middle;} .pc_xiala_bott a span.xiala_search{width:34px; height:32px; background:url(xiala_search.png) no-repeat center;} .pc_xiala_bott a span.txt{font-size:20px; color:#fcb026; margin-left:14px;} .pcXiala_bg{background:url(black.6.png) center; width:100%; height:100%; position:fixed; left:0; top:0; z-index:3; display:none;} /*PC搜索下拉*/ .pc_search{position:fixed; left:0; top:0; background:#fff; width:100%; z-index:10; display:none;} .pc_search_top .hd{text-align:center; padding-top:70px;} .pc_search_top .hd span{display:inline-block; font-size:32px; color:#fcb026; vertical-align:middle; font-family:Impact; text-transform:uppercase; cursor:pointer;} .pc_search_top .hd span.cur{font-size:40px; color:#323f47;} .pc_search_top .hd em{display:inline-block; vertical-align:middle; font-size:40px; color:#323f47; font-weight:bold; margin:0 5px;} .pc_search_top .bd{padding:0 15%; margin:60px 0 115px;} .pc_search_top .bd form{position:relative; border-bottom:1px solid #333333;} .pc_search_top .bd .inp{display:block; font-size:16px; color:#aeaeae; width:100%; height:65px; line-height:65px; border:none;} .pc_search_top .bd .btns{position:absolute; right:0; top:50%; margin-top:-17px; width:34px; height:34px; background:url(pc_search.png) no-repeat center; border:none; outline:none; padding:0; cursor:pointer;} .pc_search_bott a{display:block; height:82px; line-height:82px; background:#343e47; text-align:center;} .pc_search_bott a span{display:inline-block; vertical-align:middle;} .pc_search_bott a span.xiala_search{width:34px; height:32px; background:url(xiala_search.png) no-repeat center;} .pc_search_bott a span.txt{font-size:20px; color:#fcb026; margin-left:14px;} .pc_search_close{width:100px; height:100px; background:#fcb026; position:absolute; right:0; top:0; cursor:pointer;} .pc_search_close .icon{width:25px; height:25px; position:absolute; left:50%; margin-left:-12px; top:50%; margin-top:-12px; background:url(pc_search_close1.png) no-repeat center; transition:all 0.5s ease;} .pc_search_close:hover .icon{transform:rotateZ(180deg);} /*手机导航下拉*/ /*头部二级导航*/ .xc_header{position:fixed; left:0; top:0; width:100%; z-index:5;} .header .erji_nav{position:absolute; top:144px; left:0; background:#333e46; width:100%; z-index:3;} .header .erji_nav .erji_content{position:relative; text-align:center; overflow:hidden; padding-left:60px;} .header .erji_nav .erji_content .erji_btn{position:absolute; top:25px; left:28px; z-index:9;} .header .erji_nav .erji_content .erji_btn a{display:block;} .header .erji_nav .erji_content .erji_btn a span {width:20px; height:2px; background-color:#fff; margin-bottom:4px; display:block; transition:all 0.3s;} .header .erji_nav .erji_content .erji_btn a span:last-child {margin-bottom:0;} .header .erji_nav .erji_content .erji_btn.on a span.span01{transform:translate(0, 6px) rotate(-45deg);} .header .erji_nav .erji_content .erji_btn.on a span.span02{opacity:0; visibility:hidden;} .header .erji_nav .erji_content .erji_btn.on a span.span03{transform:translate(0, -6px) rotate(45deg);} .header .erji_nav .erji_content .erji_list {position:relative; width:100%;} .header .erji_nav .erji_content .erji_list .erji_intro{position:relative; width:100%; height:0; overflow:hidden; -webkit-transition:height 0.3s; -moz-transition:height 0.3s; -ms-transition:height 0.3s; -o-transition:height 0.3s; transition:height 0.3s; overflow-x:auto;} .header .erji_nav .erji_content .erji_list .erji_intro::-webkit-scrollbar {width:4px; height:4px;} .header .erji_nav .erji_content .erji_list .erji_intro::-webkit-scrollbar-thumb {border-radius:5px;background:#fcb026;background:rgba(252,176,38,.6)} .header .erji_nav .erji_content .erji_list .erji_intro::-webkit-scrollbar-track {border-radius:0;background:#f6f5f5;} .header .erji_nav .erji_content .erji_list .erji_intro ul {font-size:0; display:inline-block; margin:0 auto; text-align:center; height:64px; line-height:64px; vertical-align:top; /*padding-left:36.5%;*/ white-space: nowrap;} .header .erji_nav .erji_content .erji_list .erji_intro ul li {display:inline-block; margin:0 18px; height:64px; line-height:64px; vertical-align:top;} .header .erji_nav .erji_content .erji_list .erji_intro ul li a {position:relative; transition:all 0.3s; display:inline-block; font-size:17px; color:#d4d6d8;} .header .erji_nav .erji_content .erji_list .erji_intro ul li a:after {content:''; position:absolute; width:0%; height:1px; background:#fff; left:0; bottom:18px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;} .header .erji_nav .erji_content .erji_list .erji_intro ul li.on a{color:#fcb026} .header .erji_nav .erji_content .erji_list .erji_intro ul li.on a:after{width:100%; background:#fcb026} .header .erji_nav .erji_content .erji_list .erji_intro ul li:hover a:after{width:100%; background:#fcb026} .header .erji_nav .erji_content .erji_list .erji_intro.down{height:64px;} .header .erji_nav .erji_content .erji_list .erji_intro ul li a:hover{color:#fcb026} /*三级导航公共样式*/ /*下层banner*/ .pageHeader.xc_pageHeader{height:60px;} .xc_banner{height:376px; position:relative;} .xc_banner>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} /*面包屑*/ .crumbs{position:absolute; left:0; width:100%; top:70px; text-transform:uppercase;} .crumbs .home .icon{display:inline-block; width:12px; height:12px; background:url(crumbs_home.png) no-repeat center;} .crumbs em{display:inline-block; width:6px; height:10px; background:url(crumbs_jt.png) no-repeat center; margin:0 6px;} .crumbs a{font-size:12px; color:#fff;} .crumbs a:hover{color:#fcb026;} .crumbs span{font-size:12px; color:#fcb026;} /*下层banner文字*/ .xc_banner .intro{position:absolute; left:0; width:100%; top:130px;} .xc_banner .intro .tit h1{font-size:50px; line-height:50px; font-family:Impact; color:#fff; text-transform:uppercase;} /*底部*/ /* .pageFooter{background:#333f47;} .f_top{padding:65px 0 35px;} .f_top .left{width:30%; float:left;} .f_top .left .share_box{margin:35px 0 18px;} .f_top .left .share_box .title{font-size:18px; color:#fff; font-weight:bold; display:inline-block; vertical-align:middle; margin-right:10px;} .f_top .left .share_box .bdsharebuttonbox{display:inline-block; vertical-align:middle;} .f_top .left .share_box a{display:inline-block; width:26px; height:21px; background:url(../img/f_share.png) no-repeat; padding:0; margin:5px 2px 0; float:none; line-height:21px; font-size:0;} .f_top .left .share_box a.bds_tsina{background-position:0 0;} .f_top .left .share_box a.bds_weixin{background-position:-26px 0;} .f_top .left .share_box a.bds_sqq{background-position:-52px 0;} .f_top .left .f_ewm .cell{display:inline-block; padding:0 5px;} .f_top .left .f_ewm .img_{width:120px; height:120px; display:block; margin:0 auto} .f_top .left .f_ewm .txt{font-size:16px; margin-top:10px; color:#fff; text-align:center} .f_top .right{width:70%; float:right;} .f_top .right dl{width:23%; float:left; color:#fff;} .f_top .right dl.dl05{width:7.25%;} .f_top .right dl dt{font-size:20px; font-weight:bold; line-height:36px;} .f_top .right dl dd{font-size:14px; line-height:34px; color:rgba(255,255,255,.6)} .f_top .right dl dd a:hover{color:#fff;} .f_cen .content{border-top:1px solid #fff; border-bottom:1px solid #fff; border-color:rgba(94,98,101,.7); padding:17px 0px;} .f_cen .content .left{float:left; color:#fff;} .f_cen .content .left a{display:inline-block; font-size:15px; margin-right:60px; line-height:46px; color:rgba(255,255,255,.7);} .f_cen .content .left a:hover{color:#fff;} .f_cen .content .right{float:right;} .f_cen .content .right a{display:inline-block; color:#fff; margin-left:40px; text-align:center;} .f_cen .content .right a:hover{color:#fcb026;} .f_cen .content .right a .icon{text-align:center; transition:all 0.5s ease; display:inline-block;} .f_cen .content .right a .icon img{display:none;} .f_cen .content .right a .icon01{width:18px; height:19px; background:url(../img/f_icon1.png) no-repeat;} .f_cen .content .right a .icon02{width:21px; height:21px; background:url(../img/f_icon2.png) no-repeat;} .f_cen .content .right a .icon03{width:22px; height:19px; background:url(../img/f_icon3.png) no-repeat;} .f_cen .content .right a:hover .icon01{background-position:0 -19px;} .f_cen .content .right a:hover .icon02{background-position:0 -21px;} .f_cen .content .right a:hover .icon03{background-position:0 -19px;} .f_cen .content .right a .txt{font-size:15px; font-weight:bold;} .f_bott{padding:30px 0; color:#fff; color:rgba(255,255,255,.6);} .f_bott .left{font-size:13px; line-height:26px; float:left;} .f_bott .right{font-size:13px; line-height:26px; float:right;} .f_bott .right .f_company a:hover{color:#fff;} .f_bott .right .jerei{text-align:right;} */ /*底部漂浮*/ .foot_float{margin-bottom:-65px; opacity:0; visibility:hidden; position:fixed; right:0; bottom:0; width:100%; z-index:6; transition:all ease .5s; -webkit-transform:translateZ(0); background:#121212; background:rgba(18,18,18,0.85);} .foot_float .content{position:relative; height:64px; overflow:hidden;} .foot_float .wrap{position:relative;} .foot_float .left{width:79%; float:left;} .foot_float .left .float_ewm{float:right; padding:15px 21px; cursor:pointer; position:relative } .foot_float .left .float_ewm .icon{width:34px; height:34px; background:url(widgets_foot_float_1_01.png) no-repeat center;} .foot_float .left .float_ewm .ewm_img{width:150px; height:150px; position:absolute; bottom:100%; right:0%; display:none;} .foot_float .left .float_txt{font-size:16px; color:#fff; line-height:34px; text-transform:uppercase; margin-right:30px; float:left; width:90%;} .foot_float .left .float_txt a{display:block;} .foot_float .left .float_txt .title{font-size:20px; font-weight:bold; float:left; padding:15px 0;} .foot_float .left .float_txt .con{float:right; width:83%;} .foot_float .left .float_txt .con .sele_wrap{width:18%; float:left; margin-right:2%; text-align:center; padding:15px 0; position:relative; cursor:pointer;} .foot_float .left .float_txt .con .sele_wrap .tit{color:#c8c8c8; border-bottom:1px solid #a0a0a0; border-color:rgba(160,160,160,.3); line-height:33px; position:relative;} .foot_float .left .float_txt .con .sele_wrap .tit span{display:inline-block;} .foot_float .left .float_txt .con .sele_wrap .tit .icon{display:inline-block; width:7px; height:4px; background:url(foot_float_jt.png) no-repeat center; vertical-align:4px; position:absolute; right:7px; top:50%; margin-top:-2px;} .foot_float .left .float_txt .con .btns{width:18%; float:left; height:34px; line-height:34px; margin:15px 0; position:relative;} .foot_float .left .float_txt .con .btns button{display:block; height:34px; line-height:34px; outline:none; background:#fcb026; color:#333f47; text-align:center; border:none; width:100%; padding:0; cursor:pointer; position:relative;} .foot_float .left .float_txt .con .btns button span{position:relative; z-index:3;} .foot_float .left .float_txt .con .btns button:after{content:''; width:0%; height:100%; background:#333f47; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .foot_float .left .float_txt .con .btns button:hover {color:#fff;} .foot_float .left .float_txt .con .btns button:hover:after{width:100%} .foot_float .left .float_txt .con .down{position:absolute; bottom:100%; left:0; width:100%; background:#000; border:1px solid #666; display:none;} .foot_float .left .float_txt .con .down ul{height:180px; overflow-y:auto;} .foot_float .left .float_txt .con .down ul::-webkit-scrollbar-track-piece {background:#333;} .foot_float .left .float_txt .con .down ul::-webkit-scrollbar {width:3px; height:5px;} .foot_float .left .float_txt .con .down ul::-webkit-scrollbar-thumb {background:#666; background-clip:padding-box; min-height:10px;} .foot_float .left .float_txt .con .down ul::-webkit-scrollbar-thumb:hover {background:#bbb;} .foot_float .left .float_txt .con .down li{padding:0 15px; line-height:45px; color:#999; cursor:pointer;} .foot_float .left .float_txt .con .down li:hover{background:#333;} .foot_float .right{width:21%; float:right; background:#fcb026; padding:20px 0 17px; opacity:1; visibility:visible; transition:all 0.5s ease .3s;} .foot_float .right li{width:25%; float:left;} .foot_float .right li a{display:block;} .foot_float .right li i{display:block; width:39px; height:27px; background:url(widgets_foot_float_1_02.png) no-repeat center; margin:0 auto; transition:all 0.5s ease} .foot_float .right li:hover i{opacity:0.8;} .foot_float .right li i.icon01{background-position:0 0;} .foot_float .right li i.icon02{background-position:-39px 0;} .foot_float .right li i.icon03{background-position:-78px 0;} .foot_float .right li i.icon04{background-position:-117px 0;} .foot_float .menu_btn {position:absolute; top:0; right:0; margin-right:-64px; width:64px; height:64px; cursor:pointer;} .foot_float .menu_btn .btn_ico {display:block; position:absolute; top:0; left:0; width:64px; height:64px; background:url(float_02.png) -64px 0 no-repeat;} /*点击关闭*/ .foot_float.show{margin-bottom:0; opacity:1; visibility:visible;} .foot_float.floatBClosed {width:0; padding-right:64px; overflow:hidden;} .foot_float.floatBClosed .content{width:0; transition:all 0.5s ease; overflow:hidden;} .foot_float.floatBClosed .left .float_txt .con{display:none;} .foot_float.floatBClosed, .foot_float.show {z-index:30;} .foot_float.floatBClosed .menu_btn {left:0; right:auto;} .foot_float.floatBClosed .menu_btn .btn_ico{background-position:0 0;} .foot_float.floatBClosed .right{opacity:0; visibility:hidden;} .foot_float.slide_show .content{overflow:visible;} .channel_content{min-height:300px; padding:60px 0;} .hwmt1{padding: 40px 0 0!important; background: #000!important} .hwmt{display: none;} /* 进度条 */ .index_progress {display:none; position:fixed; top:144px; left:0; right:0; bottom:0; display:block; background:#fff; z-index:100; display:flex; align-items:center; justify-content:center; flex-flow:column nowrap;} .index_progress .loading {width:50px; height:50px;} .index_progress .count {margin-top:10px; font-size:20px;} /*首页*/ /*ibanner*/ .ibanner{position:relative;height:774px; overflow:hidden; z-index:3;} /*.ibanner .owl-carousel .item{height:774px; overflow:hidden; position:relative;} .ibanner .owl-carousel .owl-item .item img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .ibanner .owl-carousel .item video{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; z-index:1;} */ .ibanner .item{position:relative; overflow:hidden; width:100%;} .ibanner .item .banner_img{position:absolute; top:0; left:0; z-index:0;} .ibanner .item .banner_img img{width:100%; height:100%; position:absolute;top:0;left:0;} .ibanner .item video{position:absolute; left:0; top:0; /*width:100%;*/ height:100%; z-index:1; object-fit:fill} .ibanner .owl-carousel .item .mask{position:absolute; left:0%; top:0; width:100%; height:100%; z-index:2; background:url(iban_mask.png) center;} /* .ibanner .item .iban_word{width:990px; height:440px; position:absolute; left:50%; margin-left:-495px; top:50%; margin-top:-200px; z-index:3;} */ .ibanner .item .iban_word{position:absolute; left:0; top:150px; width:100%; text-align:center; z-index:3;} .ibanner .item .iban_word .intro{color:#fff;} .ibanner .item .iban_word .intro .tit{font-family:Impact; text-transform:uppercase;} .ibanner .item .iban_word .intro .tit span{display:block; line-height:1;} .ibanner .item .iban_word .intro .smal_t{font-size:50px; margin-bottom:40px;} .ibanner .item .iban_word .intro .big_t{font-size:70px; margin-bottom:30px;} .ibanner .item .iban_word .intro .con{font-size:15px; line-height:25px; padding:0 10%;} .ibanner .cursor{position:fixed; top:0; left:0; z-index:30; pointer-events:none;display:none;} .ibanner .cursor .cursorIcon{width:33px; height:54px; background:url(cursor-left.png) no-repeat center; transition:all .5s ease; -webkit-transition:all .5s ease;} .ibanner .cursor.right .cursorIcon{background:url(cursor-right.png) no-repeat center;} .ibanner .iban_line{width:100%; position:absolute; left:0; bottom:0; z-index:2;} .ibanner .iban_line .label{display:block; letter-spacing:.1em; font-size:0.875rem; position:relative; padding-bottom:calc(30px + 1rem); color:#fff;} .ibanner .iban_line .label .line{display:block; width:3px; height:100px; position:absolute; bottom:0; left:0; overflow:hidden;} .ibanner .iban_line .label .line:before{height:100%; background:#fff; opacity:.3; left:0; top:0; bottom:0; content:''; position:absolute; width:1px;} .ibanner .iban_line .label .line:after{background:#fff; left:0; top:0; content:''; position:absolute; width:2px; -webkit-animation:scroll-down-line 2s infinite; -o-animation:scroll-down-line 2s infinite; animation:scroll-down-line 2s infinite;} @-webkit-keyframes scroll-down-line { 0%, 20% { height:45%; top:-45%; } 80%, 100% { height:45%; top:145%; } } @keyframes scroll-down-line { 0%, 20% { height:45%; top:-45%; } 80%, 100% { height:45%; top:145%; } } .ibanner .main_carousel{position:absolute; right:0; width:100%; text-align:right; bottom:40px; z-index:3;} .ibanner .main_carousel .carousel_inner{display:inline-block; vertical-align:top; cursor:pointer;} .ibanner .main_carousel .carousel_inner .owl-dot{position:relative; display:inline-block; width:80px; height:4px; background-color:rgba(255,255,255,0.55); margin-right:6px;} /*.ibanner .main_carousel .carousel_inner .owl-dot:before {content:""; position:absolute; top:-25px; left:0; width:100%; height:50px;}*/ /*.ibanner .main_carousel .carousel_inner .owl-dot:after {content:""; display:block; width:0; height:100%; background:#fff;} .ibanner .main_carousel .carousel_inner .owl-dot.active:after {width:100%; transition:width 6s linear;} */ .ibanner .main_carousel .carousel_inner .owl-dot span{position:absolute; top:0; left:0; bottom:0; width:0; height:100%; background:#fff; display:none !important;} .ibanner .main_carousel .carousel_inner .owl-dot.active span{display:inline-block !important; width:0; overflow:hidden;} .ibanner .main_carousel .btn_playStop {position:relative; display:inline-block; width:24px; height:24px; top:-1px; left:6px;} .ibanner .main_carousel .btn_playStop:before {content:""; position:relative; width:100%; height:100%; display:block; background:url(ico_kv_pause.png) no-repeat center;} .ibanner .main_carousel .btn_playStop:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background:url(ico_kv_play.png) no-repeat center; opacity:0; visibility:hidden;} .ibanner .main_carousel .btn_playStop.on:before {opacity:0; visibility:hidden;} .ibanner .main_carousel .btn_playStop.on:after {opacity:1; visibility:visible;} .ibanner .main_carousel.paused .carousel_inner .owl-dot.active span {width:100%; transition:width 0.3s linear;} /*0227加空a 可点击*/ /*.ibanner .banner_img a{cursor:default;}*/ .ibanner .banner_img .img_link {display:block; width:800px; height:600px; position:absolute; top:50%; margin-top:-400px; left:50%; margin-left:-350px; z-index:2; cursor:pointer;} /*page*/ .page-bar { position: relative; margin: 50px 0 30px; height: 33px; text-align: center; font-size: 14px; line-height: 31px; } .page-bar a, .page-bar span { color: #333f47;padding: 0 8px;position: relative; display: inline-block; margin: 0 4px; min-width: 33px; border: 1px solid #798186; vertical-align: top; text-align: center; box-sizing: border-box;} .page-bar a.current, .page-bar a:hover { background: #fcb026;color: #fff;border-color:#fcb026;} .page-bar span.current2 { padding-right: 8px; padding-left: 8px; } /* bd_table */ .bd_table{padding: 50px 0;} .en_pro_list01 .right .bd_table .infor {margin-bottom: 35px;} .en_pro_list01 .right .bd_table .infor .tit{font-size: 38px;line-height: 38px;font-family: 'Impact';text-transform: uppercase;color: #333f47;float: left;} .en_pro_list01 .right .bd_table .infor .con { display: block; float: right; margin-top: 6px; } .en_pro_list01 .right .bd_table .infor .con span.icon01 { width: 29px; height: 29px; background: url(parts_list01_2.png) no-repeat center; } .en_pro_list01 .right .bd_table .infor .con span.txt { font-size: 23px; line-height: 25px; color: #000; font-weight: bold; margin: 0 7px 0 15px; transition: all 0.5s ease; } .en_pro_list01 .right .bd_table .infor .con span.icon02 { width: 14px; height: 12px; background: url(parts_list01_3.png) no-repeat center; } .en_pro_list01 .right .bd_table .infor .con span { display: inline-block; vertical-align: middle; } .en_pro_list01 .right .bd_table .infor .con:hover span.txt { color: #fcb026; } /*滚动加载*/ .load_more{text-align:center; padding-top:20px;} .load_more span{display:inline-block; vertical-align:middle;} .load_more span.icon{width:44px; height:44px; background:url(brand_loading.gif) no-repeat center; margin-right:20px;} .load_more span.txt{font-size:28px; color:#333f47;} .load_more.nomore {display:none;} /*品牌活动*/ .pageHeader.xc_pageHeader.brand_pageHeader{height:0;} .brand_crumbs{top:168px;} .brand_crumbs a{color:#333f47;} .brand_crumbs .home .icon{background:url(brand_crumbs.png) no-repeat center} .brand_activity{margin-top:130px;} .brand_activity01 .infor{margin:30px 0 20px;} .brand_activity01 .infor .tit{font-size:48px; line-height:48px; color:#333f47; font-weight:bold;} .brand_activity01 .content{position:relative;} .brand_activity01 .content .rect-5789{padding-bottom:57.89%;} .brand_activity01 .content .owl-item .item{display:block;} .brand_activity01 .content .item{display:none; background:#f8f8f8;} .brand_activity01 .content .item a{display:block;} .brand_activity01 .content .item .left{width:44%; float:left;} .brand_activity01 .content .item .right{width:56%; float:right; position:relative} .brand_activity01 .content .item .right .box{padding:80px 160px 80px 45px;} /*0226设计这里暂时定死标题一行 内容三行*/ .brand_activity01 .content .item .right .box .t{font-size:30px; line-height:30px; font-weight:bold; color:#333f47; height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .brand_activity01 .content .item .right .box .c{font-size:15px; line-height:24px; color:#333f47; margin:19px 0 35px; height:72px; overflow:hidden;} .brand_activity01 .content .item .right .box .txt{font-size:16px; line-height:28px; color:#333f47;} .brand_activity01 .content .item .right .box .txt span{display:block;} .brand_activity01 .content .item .right .pages{position:absolute; right:34px; bottom:25px; font-family:Impact} .brand_activity01 .content .item .right .pages span{display:inline-block; vertical-align:middle;} .brand_activity01 .content .item .right .pages em{display:inline-block; vertical-align:middle; color:#333f47; font-size:36px; margin:0 5px;} .brand_activity01 .content .item .right .pages span.current_page{color:#fcb026; font-size:32px;} .brand_activity01 .content .item .right .pages span.all_page{color:#333f47; font-size:36px;} .brand_activity01 .content .brand_btn>div{width:70px; height:70px; background:url(brand_activity01_2.jpg) no-repeat; position:absolute; top:50%; margin-top:-35px; z-index:2; font-size:0; cursor:pointer;} .brand_activity01 .content .brand_btn .owl-prev {left:0px; background-position:0 0;} .brand_activity01 .content .brand_btn .owl-next {right:0px; background-position:-70px 0px;} .brand_activity02{margin-top:80px;} .brand_activity02 .hd .box{padding:31px 120px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1)} .brand_activity02 .hd .box .form_box .hd_tit{font-size:26px; color:#333f47; height:56px; line-height:56px; margin-right:4%; text-transform:uppercase;} .brand_activity02 .hd .box .form_box .inp_box_wrap {width:18%; margin-right:2%;} .brand_activity02 .hd .box .form_box .inp_box{display:block; width:100%; height:56px; line-height:56px; padding:0; margin:0; font-size:14px; color:#555; text-indent:10px; background:#f8f8f8; border-color:#f8f8f8;} .brand_activity02 .hd .box .form_box input.inp_box{outline:none; border:1px solid #f8f8f8;} .brand_activity02 .hd .box .form_box .hd_btn{width:56px; background:#fcb026; text-align:center; font-size:15px; color:#fff; height:56px; line-height:56px; outline:none; cursor:pointer; border:none;} .brand_activity02 .hd .box .form_box .hd_btn .icon{display:inline-block; width:17px; height:17px; background:url(brand_activity02_ico.png) no-repeat center; vertical-align:middle;} body .select-ui-choose-default{border-radius:0;} body .select-ui-choose ._arrow .arr{left:-6px;} body .select-ui-options-default li:hover{background:#fcb026;} .brand_activity02 .select-ui-choose-default ._arrow .arr{border-color:#b5b5b5 transparent transparent;} .brand_activity02 .select-ui-choose-default.on ._arrow .arr {border-color:transparent transparent #b5b5b5} .brand_activity02 .hd .leibie_select_wrap{position:relative;height:56px; line-height:56px; background:#f8f8f8; border:1px solid #f8f8f8;} .brand_activity02 .hd .tit{font-size:14px; display:block; padding-left:8px; padding-right:20px; text-indent:10px; position:relative; cursor:pointer;} .brand_activity02 .hd .tit:after{content:''; margin:-.2em 0 0; border:.4em solid; border-color:#b5b5b5 transparent transparent; position:absolute; top:50%; right:8px;} .brand_activity02 .hd .tit.cur:after{border-color: transparent transparent #b5b5b5; margin-top:-.5em;} .brand_activity02 .hd .leibie_down{position:absolute; left:0; top:100%; width:100%; background:#fff; z-index:2; border:1px solid #eee; border-top:none; display:none;} .brand_activity02 .hd .leibie_down li a{display:block; padding:6px 8px; line-height:1.8; text-indent:10px} .brand_activity02 .hd .leibie_down li a:hover{background:#fcb026; color:#fff;} .brand_activity02 .bd{margin-top:75px;} .brand_activity02 .bd .rect-5288{padding-bottom:52.88%;} .brand_activity02 .bd .li{width:32%; margin-right:1.5%; margin-bottom:30px; float:left;} .brand_activity02 .bd .li_three{margin-right:0;} .brand_activity02 .bd .li a{display:block;} .brand_activity02 .bd .li .rect-51{padding-bottom:51%;} .brand_activity02 .bd .li .intro{background:#f8f8f8; transition:all 0.5s ease;} .brand_activity02 .bd .li .intro .box{padding:30px 45px 60px 26px; color:#333f47;} .brand_activity02 .bd .li .intro .box .date{font-size:16px; line-height:32px; font-family:Arial} .brand_activity02 .bd .li .intro .box .tit{font-size:28px; line-height:36px; max-height:72px; overflow:hidden; margin-bottom:10px;} .brand_activity02 .bd .li .intro .box .con{font-size:14px; line-height:24px; height:48px; overflow:hidden;} .brand_activity02 .bd .li:hover .intro{background:#fcb026;} /*@media only screen and (max-width:1240px){ .brand_activity02 .hd .box{padding:60px 0;} .brand_activity02 .hd .box .form_box .list_hd{padding:30px 20px;} } @media only screen and (max-width:992px){ .brand_activity02 .hd .box .form_box{padding:30px;} .brand_activity02 .hd .box .form_box .inp_box_wrap{margin-right:2%;} } @media only screen and (max-width:760px){ .brand_activity02 .hd .box{padding:30px 0;} .brand_activity02 .hd .box .form_box .hd_tit{margin-bottom:20px; float:none; text-align:center;} .brand_activity02 .hd .box .form_box .inp_box_wrap{width:100%; margin:0; padding:0; margin-bottom:20px;} .brand_activity02 .hd .box .form_box .hd_btn{width:100%;} }*/ /*三级导航公共*/ .channel_Left{width:22%; float:left;/* background:pink*/} .channel_Left .third_nav ul{position:relative; margin-bottom:90px;} .channel_Left .third_nav ul:after{content:''; width:4px; height:100%; background:#eee; position:absolute; left:0; top:0px; z-index:1;} .channel_Left .third_nav li{font-size:22px; line-height:50px; font-weight:bold; color:#333f47; position:relative; padding-left:23px;} .channel_Left .third_nav li:after{content:''; width:4px; height:0%; background:#fcb026; position:absolute; left:0; top:0px; transition:height 0.5s ease; z-index:2;} .channel_Left .third_nav li a{position:relative} .channel_Left .third_nav li a i{display:inline-block; width:10px; height:21px; background:url(third_jt.png) no-repeat; position:absolute; right:-40px; top:50%; margin-top:-10px;} .channel_Left .third_nav li.cur a i{background-position:-10px 0} .channel_Left .third_nav li:hover a i{background-position:-10px 0} .channel_Left .third_nav li.cur{color:#fcb026;} .channel_Left .third_nav li.cur:after{height:100%;} .channel_Left .third_nav li:hover{color:#fcb026;} .channel_Left .third_nav li:hover:after{height:100%;} .channel_Right{width:78%; float:right;/* background:#ffccaa*/} /*视频中心*/ .video_nav .title{font-size:22px; line-height:30px; color:#333f47;} .video_nav .con{font-size:16px; line-height:24px; color:#8e8e8e; margin-top:15px;} .video_nav .txt{font-size:16px; line-height:24px; color:#8e8e8e;} .video_nav .video_more{font-size:15px; line-height:30px; color:#fcb026; font-weight:bold; margin-top:10px;} .video_nav .video_more span{display:inline-block; vertical-align:middle;} .video_nav .video_more i{display:inline-block; vertical-align:middle; width:8px; height:16px; background:url(video_nav_jt.png) no-repeat center; margin-left:30px; transition:all 0.5s ease;} .video_nav .tit{font-size:22px; line-height:30px; color:#333f47; margin:30px 0 14px;} .video_list01 .infor .tit{font-size:48px; line-height:48px; font-weight:bold; color:#333f47; position:relative; padding-bottom:24px;} .video_list01 .infor .tit:after{content:''; width:90px; height:4px; background:#fcb027; position:absolute; left:0; bottom:0;} .video_list01 .content{margin-top:40px;} .video_list01 .content .li{width:32%; margin-right:2%; float:left; margin-bottom:25px; cursor:pointer;} .video_list01 .content .li_three{margin-right:0px;} .video_list01 .content .li .intro{padding:20px 17px;} .video_list01 .content .li .intro .t{font-size:15px; color:#333f47; line-height:32px; height:64px; overflow:hidden;} .video_list01 .content .li .cover{width:100%; position:absolute; left:0; bottom:0; height:49px; background:url(green80.png) center;} .video_list01 .content .li .cover .box{padding:14px 15px 15px; line-height:20px; height:20px;} .video_list01 .content .li .cover .box span{display:inline-block; vertical-align:middle; font-size:12px; color:#fff; margin-right:10px; line-height:20px; height:20px; overflow:hidden; position:relative} .video_list01 .content .li .cover .box span.icon01{padding-left:25px;} .video_list01 .content .li .cover .box span.icon02{padding-left:30px;} .video_list01 .content .li .cover .box span.icon01 i{display:inline-block; width:16px; height:18px; background:url(video_list01_icon1.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-9px;} .video_list01 .content .li .cover .box span.icon02 i{display:inline-block; width:22px; height:14px; background:url(video_list01_icon2.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-7px;} .video_list01 .content .li .cover .box .play{position:absolute; right:0; bottom:0; width:55px; height:49px; background:url(video_list01_2.jpg) no-repeat center;} /*招聘列表*/ .job_nav .title{font-size:22px; line-height:30px; color:#333f47;} .job_nav .con{font-size:16px; line-height:30px; color:#8e8e8e; margin-top:15px;} .job_nav .job_more{font-size:15px; line-height:30px; color:#fcb026; font-weight:bold; margin-top:10px;} .job_nav .job_more span{display:inline-block; vertical-align:middle;} .job_nav .job_more i{display:inline-block; vertical-align:middle; width:8px; height:16px; background:url(video_nav_jt.png) no-repeat center; margin-left:30px; transition:all 0.5s ease;} .job_nav .tit{font-size:22px; line-height:30px; color:#333f47; margin:30px 0 14px;} .job_list01 .infor .tit{font-size:48px; line-height:48px; font-weight:bold; color:#333f47; position:relative; padding-bottom:24px;} .job_list01 .infor .tit:after{content:''; width:90px; height:4px; background:#fcb027; position:absolute; left:0; bottom:0;} .job_list01 .infor .con{font-size:18px; line-height:30px; color:#6b6b6b; margin-top:30px;} .job_list01 .content{margin-top:40px;} .job_list01 .content .sele_wrap{width:40%; margin-right:2%; float:left; height:56px; line-height:56px; font-size:18px; color:#676767;} .job_list01 .content .sele_wrap .sele{width:100%; background:#eee; height:56px; line-height:56px; border:none; text-indent:10px;} /*这里修改了--去掉第二个下拉改成了input*/ .job_list01 .content .inp_box_wrap{width:40%; margin-right:2%; height:56px; line-height:56px; font-size:18px;} .job_list01 .content .inp_box_wrap input{width:100%; background:#eee; height:56px; line-height:56px; border:none; text-indent:20px;} .job_list01 .content .inp_box_wrap ::-webkit-input-placeholder {color:#aaa;} /*这里修改了--去掉第二个下拉改成了input*/ .job_list01 .content .btns{width:15%; float:left; height:56px; line-height:56px; text-align:center;} .job_list01 .content .btns button{width:100%; height:56px; line-height:56px; font-size:18px; color:#333f47; font-weight:bold; border:none; background:#fcb026; outline:none; box-shadow:none;} .job_list01 .content .bd{margin-top:60px;} .job_list01 .content .bd li{border:1px solid #bababe; margin-bottom:20px;} .job_list01 .content .bd .li_top{position:relative;} .job_list01 .content .bd .li_top .top_l{padding-right:200px;} .job_list01 .content .bd .li_top .box{padding:15px 30px;} .job_list01 .content .bd .li_top .top_h{margin-bottom:15px;} .job_list01 .content .bd .li_top .tit{font-size:25px; padding-right:8%; color:#333f47;} .job_list01 .content .bd .li_top .time1{position:relative; padding:0 3%;} .job_list01 .content .bd .li_top .time1, .job_list01 .content .bd .li_top .time2{color:#999; line-height:40px;} .job_list01 .content .bd .li_top .time1:after, .job_list01 .content .bd .li_top .time1:before{content:""; position:absolute; top:0; width:1px; height:100%; background-color:#999; display:block;} .job_list01 .content .bd .li_top .time1:before{left:0;} .job_list01 .content .bd .li_top .time1:after{right:0;} .job_list01 .content .bd .li_top .time2{padding-left:3%;} .job_list01 .content .bd .li_top .top_d_item{display:inline-block; margin-right:30px; line-height:30px; font-size:16px;} .job_list01 .content .bd .li_top .top_r{position:absolute; top:0; right:0; height:100%; width:150px; border-left:1px solid #bababe; line-height:120px; text-align:center; cursor:pointer;} .job_list01 .content .bd .li_top .top_r .see{font-size:20px;} .job_list01 .content .bd .li_top .top_r .see_close{position:absolute; top:50%; left:50%; margin-top:-18px; margin-left:-18px; display:none;} .job_list01 .content .bd .li_bottom{display:none;} .job_list01 .content .bd .li_bottom .box{padding:30px; position:relative;} .job_list01 .content .bd .li_bottom .send{position:static; /*bottom:40px; right:45px;*/ padding:15px 35px; background-color:#333f47; color:#fff; font-size:15px; display:inline-block; margin-top:20px;} .job_list01 .content .bd li.cur{box-shadow:0 0 10px #666;} .job_list01 .content .bd li.cur .li_top{border-bottom:1px solid #bababe;} .job_list01 .content .bd li.cur .li_top .top_r .see{display:none;} .job_list01 .content .bd li.cur .li_top .top_r .see_close{display:block;} /*@media only screen and (max-width:1240px){ .job_list01 .content .bd .li_bottom .send{position:static; display:inline-block; margin-top:30px;} } @media only screen and (max-width:992px){ .job_list01 .content .bd .li_top .top_l{padding-right:150px;} } @media only screen and (max-width:760px){ .job_list01 .content .bd .li_top .top_l{padding-right:80px;} .job_list01 .content .bd .li_top .top_r{width:110px;} .job_list01 .content .bd .li_top .tit{font-size:25px; display:block; margin-bottom:10px;} .job_list01 .content .bd .li_top .time1, .job_list01 .content .bd .li_top .time2{display:block; padding:0; font-size:14px; line-height:1.5;} .job_list01 .content .bd .li_top .time2{padding-left:0;} .job_list01 .content .bd .li_top .time1:before,.job_list01 .content .bd .li_top .time1:after{display:none;} .job_list01 .content .bd .li_top .top_d_item{font-size:14px; line-height:1.4;} .job_list01 .content .bd .li_top .top_r{line-height:257px;} }*/ /*社会责任*/ .social_nav .title{font-size:22px; line-height:30px; color:#333f47;} .social_nav .con{font-size:16px; line-height:24px; color:#8e8e8e; margin-top:5px;} .social_nav .social_more{font-size:15px; line-height:30px; color:#fcb026; font-weight:bold; margin-top:40px;} .social_nav .social_more span{display:inline-block; vertical-align:middle;} .social_nav .social_more i{display:inline-block; vertical-align:middle; width:8px; height:16px; background:url(video_nav_jt.png) no-repeat center; margin-left:30px; transition:all 0.5s ease;} .social_nav .tit{font-size:22px; line-height:30px; color:#333f47; margin:50px 0 5px;} .social_nav .text{font-size:16px; line-height:24px; color:#8e8e8e;} .social_respon01 .infor .tit{font-size:48px; line-height:48px; font-weight:bold; color:#333f47; position:relative; padding-bottom:24px;} .social_respon01 .infor .tit:after{content:''; width:90px; height:4px; background:#fcb027; position:absolute; left:0; bottom:0;} .social_respon01 .content{margin-top:40px;} .social_respon01 .content .rect-56{padding-bottom:62.5%;} /*2020.01.12潘欣要求图片比例为720x450*/ .social_respon01 .content .cell{position:relative; margin-bottom:100px;} .social_respon01 .content .cell .hd .t{font-size:26px; line-height:30px; color:#fcb026; font-weight:bold;} .social_respon01 .content .cell .hd .c{font-size:16px; line-height:32px; color:#666; margin-top:12px;} .social_respon01 .content .cell .bd{margin-top:30px;} .social_respon01 .content .cell .bd .owl-carousel{width:60%; margin:0 auto;} .social_respon01 .content .cell .bd .item{display:none;} .social_respon01 .content .cell .bd .owl-item .item{display:block;} .social_respon01 .content .cell .bd .cover{width:100%; background:url(bg50.png) center; position:absolute; left:0; bottom:0; z-index:1;} .social_respon01 .content .cell .bd .cover .txt{font-size:20px; color:#fff; font-weight:bold; padding:20px; text-align:center;} .social_respon01 .content .cell .bd .btn_line{width:60%; margin:35px auto 0; display:none;} .social_respon01 .content .cell .bd.show .btn_line{display:block;} .social_respon01 .content .cell .bd .btn_line .number{display:inline-block; font-size:16px; color:#333f47; vertical-align:middle;} .social_respon01 .content .cell .bd .btn_line .number span{display:inline-block;} .social_respon01 .content .cell .bd .btn_line .number em{display:inline-block;} .social_respon01 .content .cell .bd .btn_line .lines{display:inline-block; width:80%; margin:0 3%; height:2px; background:#ededed; vertical-align:middle; position:relative} .social_respon01 .content .cell .bd .btn_line .lines .process{position:absolute; left:0; top:0; height:100%; background:#fcb026; transition:width 0.5s ease;} .social_respon01 .content .cell .bd .btn_line .arr_btn{display:inline-block; vertical-align:middle;} .social_respon01 .content .cell .bd .btn_line .arr_btn .btn_{width:10px; height:19px; background:url(social_btns.png) no-repeat; display:inline-block; cursor:pointer;} .social_respon01 .content .cell .bd .btn_line .arr_btn .btn_prev{background-position:0 0;} .social_respon01 .content .cell .bd .btn_line .arr_btn .btn_next{background-position:-10px 0; margin-left:15px;} .social_respon01 .content .cell .owl-nav>div{width:59px; height:59px; background:url(social_btn.png) no-repeat; position:absolute; top:50%; margin-top:-29px; z-index:2; font-size:0; cursor:pointer;} .social_respon01 .content .cell .owl-nav>div.disabled{display:none;} .social_respon01 .content .cell .owl-nav .owl-prev {left:38px; background-position:0 0;} .social_respon01 .content .cell .owl-nav .owl-next {right:38px; background-position:-59px 0px;} /*关于综合*/ /*.pageHeader.about_pageHeader{height:80px;}*/ .about_banner{position:relative; height:821px;} .about_banner .video_box{height:821px; position:absolute; left:0; bottom:0; width:100%; overflow:hidden;} .about_banner .video_box .video{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .about_banner .video_box .video_cover{position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(about_videobg.png) center;} .about_banner .about_img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; display:none;} .about_banner.ie8 .about_img{display:block;} .about_banner.ie8 .video{display:none;} .about_banner.ie8 .video_cover{display:none;} .about_banner .about_ban_word{position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:3;} .about_banner .about_ban_word .infor{margin-top:250px;} .about_banner .about_ban_word .infor .tit{width:585px; height:135px; margin:0 auto 42px;} .about_banner .about_ban_word .infor .con{font-size:40px; color:#fff; font-weight:bold; line-height:40px; text-align:center; margin-bottom:25px;} .about_banner .about_ban_word .infor .txt{font-size:16px; color:#fff; font-weight:lighter; line-height:26px; text-align:center; width:45%; margin:0 auto;} .about_banner .about_line{width:100%; position:absolute; left:0; bottom:0; z-index:2;} .about_banner .about_line:after{content:''; width:15px; height:53px; position:absolute; left:50%; margin-left:-7px; top:100%; background:url(about_ban_jt.png) no-repeat center;} .about_banner .about_line .label{display:block; letter-spacing:.1em; font-size:0.875rem; position:relative; padding-bottom:calc(100px + 1rem); color:#fff; text-align:center;} .about_banner .about_line .label .line{display:block; width:3px; height:100px; position:absolute; bottom:0px; left:50%; margin-left:-1px; overflow:hidden;} .about_banner .about_line .label .line:before{height:100%; background:#fff; opacity:.3; left:0; top:0; bottom:0; content:''; position:absolute; width:2px;} .about_banner .about_line .label .line:after{background:#ff9d24; left:0px; top:0; content:''; position:absolute; width:2px; -webkit-animation:about_scroll-down-line 3s infinite; -o-animation:about_scroll-down-line 3s infinite; animation:about_scroll-down-line 3s infinite;} @-webkit-keyframes about_scroll-down-line { 0%, 20% { height:30%; top:-45%; } 80%, 100% { height:30%; top:145%; } } @keyframes about_scroll-down-line { 0%, 20% { height:30%; top:-45%; } 80%, 100% { height:30%; top:145%; } } .about_center.channel_content{padding:0px;} .about_center01{padding-top:110px;} .about_center01 .infor{text-align:center; padding:0 14.6%;} .about_center01 .infor .tit{font-size:24px; color:#343e47; line-height:38px;} .about_center01 .content{margin-top:80px;} .about_center01 .content li{width:23%; float:left; padding:0 1%; text-align:center} .about_center01 .content li .num{font-size:70px; font-family:Impact; color:#545f69; line-height:1; transition:all 0.5s ease;} .about_center01 .content li .num span{display:inline-block;} .about_center01 .content li .num .text{font-size:16px; color:#343e47; margin-left:5px; font-family:"微软雅黑"; vertical-align:3px} .about_center01 .content li .txt{font-size:16px; color:#343e47; line-height:30px; margin-top:15px; transition:all 0.5s ease;} .about_center01 .content li:hover .num{color:#fcb026;} .about_center01 .content li:hover .txt{color:#fcb026;} .about_center02{padding:60px 0 90px;} .about_center02 .rect-5269{padding-bottom:52.69%;} .about_center02 li{width:32%; float:left; margin-left:2%;} .about_center02 li:first-child{margin-left:0px;} .about_center02 li .li_box{display:block;} .about_center02 li .li_box .more{padding:0 20px 0 40px; height:38px; line-height:38px; background:#fcb026; font-size:14px; color:#343e47; font-weight:bold; position:absolute; left:0; bottom:0; transition:all 0.5s ease; opacity:0; visibility:hidden;} .about_center02 li .li_box .more span{display:inline-block; vertical-align:middle;} .about_center02 li .li_box .more span.icon{margin-left:46px; width:8px; height:16px; background:url(about_center_jt.png) no-repeat center;} .about_center02 li .intro{background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2)} .about_center02 li .intro .box{padding:30px 46px 30px 33px; color:#343e47;} .about_center02 li .intro .box .line{width:43px; height:3px; background:#fcb32f; margin-bottom:20px;} .about_center02 li .intro .box .tit{font-size:24px; line-height:30px; margin-bottom:10px; transition:all 0.5s ease;} .about_center02 li .intro .box .con{font-size:14px; line-height:22px; height:44px; transition:all 0.5s ease; font-weight:lighter;} .about_center02 li:hover .li_box .more{opacity:1; visibility:visible;} .about_center02 li:hover .intro .box .tit{font-weight:bold;} .about_center02 li:hover .intro .box .con{font-weight:bold;} .about_center03{background:url(about_center03_1.jpg) no-repeat center; height:631px; position:relative; background-size:cover;} .about_center03 .play_box{position:absolute; width:100%; left:0; bottom:60px; cursor:pointer;} .about_center03 .play span{display:inline-block; vertical-align:middle;} .about_center03 .play span.icon{width:100px; height:100px; background:url(about_play.png) no-repeat center; margin-right:29px;} .about_center03 .play span.txt{font-size:20px; color:#fff; font-weight:bold; line-height:30px} .about_center03 .cover_box{position:relative;} .about_center03 .cover{position:absolute; right:0; top:0; background:#fcb026; overflow:hidden;} .about_center03 .cover:after{content:''; width:308px; height:242px; background:url(about_ico.png) no-repeat center; position:absolute; right:-64px; bottom:-23px; z-index:2;} .about_center03 .cover .box{padding:70px 49px 170px 40px;} .about_center03 .cover .box .smal_t{font-size:20px; color:#343e47; line-height:30px; margin-bottom:24px;} .about_center03 .cover .box .big_t{font-size:42px; color:#343e47; line-height:44px; font-weight:bold; margin-bottom:5px;} .about_center03 .cover .box .c{font-size:28px; color:#343e47; font-weight:bold; margin-bottom:40px;} .about_center03 .cover .box .more{display:inline-block; padding:0 20px; height:38px; line-height:38px; text-align:center; border:2px solid #333e46; font-size:14px; color:#333f47; font-weight:bold; position:relative;} .about_center03 .cover .box .more span{display:inline-block; vertical-align:middle; position:relative; z-index:3;} .about_center03 .cover .box .more span.icon{width:8px; height:16px; background:url(about_center03_jt.png) no-repeat; margin-left:33px;} .about_center03 .cover .box .more:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .about_center03 .cover .box .more:hover{color:#fff;} .about_center03 .cover .box .more:hover:after{width:100%;} .about_center03 .cover .box .more:hover span.icon{background-position:-8px 0;} .box_wrap_out_posi.show{background:#000;} .about_center04 {padding:90px 0 50px;} .about_center04 .item{width:49%; float:left; margin-left:2%;} .about_center04 .item:first-child{margin-left:0px;} .about_center04 .item .rect-5518{padding-bottom:55.18%;} .about_center04 .item .intro{width:76%; background:#fff; margin-top:-70px; position:relative; z-index:2;} .about_center04 .item .intro .box{padding:49px 29px 20px 49px;} .about_center04 .item .intro .box .tit{font-size:36px; line-height:36px; color:#fbaf27; font-weight:bold; margin-bottom:13px;} .about_center04 .item .intro .box .con{font-size:16px; line-height:25px; color:#000; font-weight:lighter; height:50px; overflow:hidden; margin-bottom:45px;} .about_center04 .item .intro .box .more{display:inline-block; padding:0 20px; height:38px; line-height:38px; text-align:center; border:2px solid #333e46; font-size:14px; color:#333f47; font-weight:bold; position:relative;} .about_center04 .item .intro .box .more span{display:inline-block; vertical-align:middle; position:relative; z-index:3;} .about_center04 .item .intro .box .more span.icon{width:8px; height:16px; background:url(about_center03_jt.png) no-repeat; margin-left:33px;} .about_center04 .item .intro .box .more:after{content:''; width:0; height:100%; background:#fcb026; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .about_center04 .item .intro .box .more:hover{border-color:#fcb026} .about_center04 .item .intro .box .more:hover:after{width:100%;} .about_center05{padding:60px 0; background:#f8f8f8;} .about_center05 .infor{color:#333e46; margin-bottom:40px;} .about_center05 .infor .tit{float:left; font-size:42px; line-height:42px; font-weight:bold;} .about_center05 .infor .con{float:right; font-size:15px; line-height:30px; font-weight:bold;} .about_center05 .infor .con span{display:inline-block; vertical-align:middle;} .about_center05 .infor .con span.icon{width:8px; height:16px; background:url(about_center_jt.png) no-repeat center; margin-left:14px; transition:all 0.3s ease;} .about_center05 .infor .con:hover span.icon{background:url(video_nav_jt.png) no-repeat center;} /*.about_center05 .content .wrap1300{width:1300px; margin:0 auto;}*/ .about_center05 .content .wrap1300{width:116%; margin-left:-8%;} .about_center05 .content .rect-5490{padding-bottom:54.9%;} .about_center05 .content .list{position:relative;} .about_center05 .content .list:before{content:''; width:18.8%; height:100%; background:rgba(255,255,255,.6); position:absolute; left:0; top:0; z-index:3;} .about_center05 .content .list:after{content:''; width:18.8%; height:100%; background:rgba(255,255,255,.6); position:absolute; right:0; top:0; z-index:3;} .about_center05 .content .list .owl-carousel{z-index:2;} .about_center05 .content .list .item{display:none; position:relative; height:auto; overflow:hidden;} .about_center05 .content .list .item .cover{display:none;} .about_center05 .content .list .owl-item .item{display:block;} .about_center05 .content .list .owl-item .item a{display:block; overflow:hidden; position:relative;} .about_center05 .content .list .owl-stage-outer{overflow:visible;} .about_center05 .content .list .btn_nav>div{position:absolute; width:70px; height:70px; z-index:4; font-size:0; cursor:pointer; top:50%; margin-top:-35px; background:url(about_center05_jt.png) no-repeat; transition:all 0.5s ease} .about_center05 .content .list .btn_nav .owl-prev {left:350px; background-position:0 0;} .about_center05 .content .list .btn_nav .owl-next {right:350px; background-position:-70px 0;} .about_center05 .content .list .item .intro{color:#323f47; padding:23px 20px; background:#fff;} .about_center05 .content .list .item .intro .date{font-size:16px; line-height:32px} .about_center05 .content .list .item .intro .t{font-size:22px; line-height:32px;} .about_center05 .content .list .owl-item.prev_item{opacity:0.6;} /*产品综合*/ .pageHeader.xc_pageHeader.proCenter_pageHeader{height:144px;} .proCenter_pageHeader .header .erji_nav .erji_content .erji_btn{display:none;} .pro_center.channel_content{padding-bottom:0px;} .pro_center01{padding-bottom:70px;} .pro_center01 .left{width:15%; float:left;} .pro_center01 .left ul{display:inline-block; *display:inline; *zoom:1; width:232px; position:relative; z-index:1;} .pro_center01 .left li{padding:0 35px; border-bottom:1px solid #727272; border-color:rgba(114,114,114,.3); background:#333f47;} .pro_center01 .left li .tab {line-height:52px;} .pro_center01 .left li .tab .t{font-size:16px; color:#fff;} .pro_center01 .left li .tab .t a{display:inline-block;} .pro_center01 .left li .tab .icon{position:absolute; top:0; right:0; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; color:#fff;} .pro_center01 .left li .tab .t a:hover{color:#333f47;} .pro_center01 .left li:hover, .pro_center01 .left li.cur{background:#fcb026;} .pro_center01 .left li:hover .icon, .pro_center01 .left li.cur .icon{visibility:visible; opacity:1; transform:translateX(10px); color:#333f47;} .pro_center01 .left li:hover .tab .t, .pro_center01 .left li.cur .tab .t{color:#333f47;} .pro_center01 .left li .sec_con{position:absolute; left:232px; top:0; bottom:0; background:url(white.88.png) repeat; padding:20px 32px; white-space:nowrap; opacity:0; visibility:hidden; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; width:260px;} .pro_center01 .left li.cur .sec_con{opacity:1; visibility:visible;} .pro_center01 .left li .sec_con .sec_name{line-height:55px; color:#000; font-weight:bold; border-bottom:2px solid #fcb026; font-size:20px;} .pro_center01 .left li .sec_con .sec_list{padding:12px 0;} .pro_center01 .left li .sec_con .sec_list a{display:block; line-height:35px; color:#424242;} .pro_center01 .left li .sec_con .sec_list a:hover{color:#fcb026;} .pro_center01 .right{width:84%; float:right;} .pro_center01 .right .rect-3209{padding-bottom:32.09%;} .pro_center01 .right .rect-47{padding-bottom:47%;} .pro_center01 .right .r_top{margin-bottom:24px;} .pro_center01 .right .r_bott{overflow:hidden;} .pro_center01 .right .r_bott .item{width:32%; float:left; margin-left:2%;} .pro_center01 .right .r_bott .item:first-child{margin-left:0px;} .pro_center01 .right .r_bott .item .cover{position:absolute; left:0; bottom:0; width:100%; height:100%;} .pro_center01 .right .r_bott .item .cover .box{padding:31px 27px; color:#333f47;} .pro_center01 .right .r_bott .item .cover .box .t{font-size:14px; line-height:26px;} .pro_center01 .right .r_bott .item .cover .box .c{font-size:30px; font-weight:bold; line-height:30px; margin-top:3px;} .pro_center01 .right .r_bott .item03 .cover .box{color:#fff;} /*.pro_center02 .hd{margin-bottom:30px;}*/ .pro_center02 .hd{height:48px; margin-bottom:40px;} /* .pro_center02 .hd .hd_box.fixed{position:fixed; top:64px; left:0; right:0; z-index:10; background:#f7f9fc; -webkit-box-shadow:0 1px 5px rgba(0,0,0,.2); box-shadow:0 1px 5px rgba(0,0,0,.2); } .pro_center02 .hd .hd_box.fixed{padding:20px 0;} */ .pro_center02 .hd .title{float:left; font-size:48px; line-height:48px; font-weight:bold; color:#333f47;} .pro_center02 .hd .content{float:right;} .pro_center02 .hd .content li{display:inline-block; padding:0 30px; height:46px; line-height:46px; text-align:center; font-size:16px; color:#333f47; cursor:pointer;} /* .pro_center02 .hd .content li.cur{background:#fcb026; font-weight:bold; font-size:18px;} */ .pro_center02 .bd .item{padding:0 0 40px;} /*.pro_center02 .bd .item01{padding:0 0 45px;}*/ /*.pro_center02 .bd .item.even{background:#f7f7f7;}*/ .pro_center02 .bd .item .rect-135{padding-bottom:135%;} .pro_center02 .bd .item .left{width:23%; float:left; position:relative} .pro_center02 .bd .item .left .infor{position:absolute; left:0; width:100%; top:0;} .pro_center02 .bd .item .left .infor .box{padding:45px 20px 0; font-weight:bold; color:#fff;} .pro_center02 .bd .item .left .infor .box .tit{font-size:38px; line-height:38px; margin-bottom:15px;} .pro_center02 .bd .item .left .infor .box .con{font-size:24px; line-height:36px;} .pro_center02 .bd .item .left .more_box{position:absolute; left:0; bottom:45px; width:100%; text-align:center} .pro_center02 .bd .item .left .more_box .more{display:inline-block; padding:0 35px; height:39px; line-height:39px; text-align:center; border:2px solid; font-size:16px; font-weight:bold; position:relative;} .pro_center02 .bd .item .left .more_box .more span{position:relative; z-index:3;} .pro_center02 .bd .item .left .more_box .more01{border-color:#fcb026; background:#fcb026; color:#333f47;} .pro_center02 .bd .item .left .more_box .more02{border-color:#f5f5f5; color:#fff; margin-left:11px;} .pro_center02 .bd .item .left .more_box .more01:hover{opacity:0.8} .pro_center02 .bd .item .left .more_box .more02:after{content:''; width:0; height:100%; background:#fcb026; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .pro_center02 .bd .item .left .more_box .more02:hover:after{width:100%;} .pro_center02 .bd .item .left .more_box .more02:hover{border-color:#fcb026; color:#333f47;} .pro_center02 .bd .item .right{width:77%; float:left;} .pro_center02 .bd .item .right .li_box{display:block; border:1px solid #d6d6d6; margin-left:-1px;} /*.pro_center02 .bd .item .right li:first-child .li_box{border-left:1px solid #d6d6d6;;}*/ .pro_center02 .bd .item .right .li_box .rect-161{padding-bottom:161.5%;} .pro_center02 .bd .item .right .li_box .box{padding:0 40px;} .pro_center02 .bd .item .right .li_box .infor{padding:25px 0px 10px; position:relative; z-index:2;} .pro_center02 .bd .item .right .li_box .infor .tit{font-size:14px; line-height:24px; color:#3d3d3d;} .pro_center02 .bd .item .right .li_box .infor .con{font-size:20px; line-height:30px; color:#000; font-family:Impact;} .pro_center02 .bd .item .right .li_box .intro{padding:6px 0px;} .pro_center02 .bd .item .right .li_box .intro .con .con_text{margin-top:4px; font-size:14px;} .pro_center02 .bd .item .right .li_box .intro .con .con_text:first-child{margin-top:0;} .pro_center02 .bd .item .right .li_box .intro .con .con_text .text_t{color:#3d3d3d; line-height:24px;} .pro_center02 .bd .item .right .li_box .intro .con .con_text .text_c{color:#060606; font-size:14px; font-weight:bold; height:22px; overflow:hidden;} .pro_center02 .bd .item .right .li_box .intro .con .con_text .text_c .cn{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .pro_center02 .bd .item .right .li_box .more{padding:17px 40px; border-top:1px solid #d6d6d6;} .pro_center02 .bd .item .right .li_box .more span{display:block; text-align:center; font-size:14px; color:#000; line-height:35px; height:35px; background:#fcb026;} /*部件综合*/ .part_center .pro_center01 .left li .tab{line-height:62px;} .part_center .pro_center01 .right .r_top{margin-bottom:18px;} .part_center .pro_center02 .bd .item .right .li_box .box{padding:40px 0 0} .part_center .pro_center02 .bd .item .right .li_box .infor{padding:0 30px;} /*.part_center .pro_center02 .bd .item .right .li_box .infor .con{font-size:25px; height:60px; overflow:hidden; font-family:'Microsoft Yahei';}*/ .part_center .pro_center02 .bd .item .right .li_box .img_{margin:20px 0 40px; padding:0 10px;} .part_center .pro_center02 .bd .item .right .li_box .more{padding:26px 40px;} .part_center .pro_center02 .hd .content ul{font-size:0} .part_center .pro_center02 .hd .content li{padding:0 20px;} /*企业文化*/ .culture01 .infor .tit{font-size:48px; line-height:48px; font-weight:bold; color:#333f47; position:relative; padding-bottom:24px;} .culture01 .infor .tit:after{content:''; width:90px; height:4px; background:#fcb027; position:absolute; left:0; bottom:0;} .culture01 .infor .con{font-size:30px; line-height:30px; color:#333f47; margin-top:32px;} .culture01 .content .rect-5013{padding-bottom:50.13%;} .culture01 .content .rect-1386{padding-bottom:138.6%;} .culture01 .content .rect-1113{padding-bottom:111.3%;} .culture01 .con_pt1{background:#fafafa; margin-top:45px; margin-bottom:15px;} .culture01 .con_pt1 .left{width:37%; float:left;} .culture01 .con_pt1 .left .box{padding:50px 45px;} .culture01 .con_pt1 .left .box .tit{font-size:38px; line-height:38px; color:#333f47;} .culture01 .con_pt1 .left .box .con{font-size:28px; line-height:30px; color:#666; margin:15px 0 30px;} .culture01 .con_pt1 .left .box .txt{font-size:14px; line-height:24px; color:#7e7e7e; height:96px; overflow:hidden;} .culture01 .con_pt1 .right{width:63%; float:right;} .culture01 .con_pt1 .right .cover{position:absolute; left:50px; top:50px; width:46%; color:#fff;} .culture01 .con_pt1 .right .cover .tit{font-size:36px; line-height:36px;} .culture01 .con_pt1 .right .cover .con{font-size:28px; line-height:30px; margin:15px 0 25px;} .culture01 .con_pt1 .right .cover .txt{font-size:14px; line-height:24px;} .culture01 .con_pt2{margin-bottom:15px;} .culture01 .con_pt2 .left{width:28%; float:left; position:relative} .culture01 .con_pt2 .left .intro{position:absolute; left:52px; top:68px; color:#fff;} .culture01 .con_pt2 .left .intro .tit{font-size:36px; line-height:36px; margin-bottom:25px;} .culture01 .con_pt2 .left .intro .con{font-size:20px; line-height:26px;} .culture01 .con_pt2 .right{width:70%; float:right; background:#f6f5f5;} .culture01 .con_pt2 .right .item{width:50%; float:left; position:relative} .culture01 .con_pt2 .right .item .box{padding:65px 50px;} .culture01 .con_pt2 .right .item .box .tit{font-size:36px; line-height:36px; color:#333f47;} .culture01 .con_pt2 .right .item .box .con{font-size:28px; line-height:30px; color:#666; margin:15px 0 35px} .culture01 .con_pt2 .right .item .box .txt{font-size:14px; line-height:20px; color:#636363; height:220px; overflow-y:auto;} .culture01 .con_pt2 .right .item .box .txt::-webkit-scrollbar {width:4px; height:4px;} .culture01 .con_pt2 .right .item .box .txt::-webkit-scrollbar-thumb {border-radius:5px;background:#fcb026;background:rgba(252,176,38,.6)} .culture01 .con_pt2 .right .item .box .txt::-webkit-scrollbar-track {border-radius:0;background:#f6f5f5;} .culture01 .con_pt2 .right .item01:after{content:''; width:13px;height:25px; background:url(culture01_jt.png) no-repeat center; position:absolute; left:100%; top:75px; z-index:5;} .culture01 .con_pt3{background:#fcb026; position:relative;} .culture01 .con_pt3 .left{width:37%; float:right; position:relative; z-index:2;} .culture01 .con_pt3:after{content:''; width:205px; height:232px; background:url(culture01_ico.png) no-repeat center; position:absolute; right:0; bottom:0; z-index:1;} .culture01 .con_pt3 .left .box{padding:100px 45px 50px; color:#333f47;} .culture01 .con_pt3 .left .box .tit{font-size:38px; line-height:38px;} .culture01 .con_pt3 .left .box .con{font-size:28px; line-height:30px; margin:15px 0 30px;} .culture01 .con_pt3 .right{width:63%; float:left;} /*0219设计稿如此，潘欣第二封调整要求还要往下，top由50 改为100;上面left的box的paddig居上也为100*/ .culture01 .con_pt3 .right .cover{position:absolute; left:50px; top:100px; width:46%; color:#fff;} .culture01 .con_pt3 .right .cover .tit{font-size:36px; line-height:36px;} .culture01 .con_pt3 .right .cover .con{font-size:28px; line-height:30px; margin:15px 0 25px;} .culture02{padding:50px 0;} .culture02 .infor{text-align:center;} .culture02 .infor .tit{font-size:40px; line-height:40px; color:#333f47;} .culture02 .content{background:#eeeeee; margin-top:42px;} /*这个是0220的时候潘欣自己把左右20改成了50.企业文化最后一部分*/ .culture02 .content .box{padding:60px 50px;} .culture02 .content .box .t{font-size:30px; line-height:30px; color:#333f47; font-weight:bold;} .culture02 .content .box .line{width:58px; height:3px; background:#fcb026; margin:19px 0 25px;} .culture02 .content .box .c{font-size:15px; line-height:24px; color:#333f47; max-height:144px; overflow-y:auto;} .culture02 .content .box .c::-webkit-scrollbar {/*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条的尺寸*/ height:4px; } .culture02 .content .box .c::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius:5px; background:#fcb026; background:rgba(252,176,38,.6) } .culture02 .content .box .c::-webkit-scrollbar-track {/*滚动条里面轨道*/ border-radius:0; background:#f6f5f5; } /*达人课堂*/ .classroom01 .infor .tit{font-size:48px; line-height:48px; font-weight:bold; color:#333f47; position:relative; padding-bottom:24px;} .classroom01 .infor .tit:after{content:''; width:90px; height:4px; background:#fcb027; position:absolute; left:0; bottom:0;} .classroom01 .infor .con{margin:40px 0;} .classroom01 .infor .con .box{padding:30px 50px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1)} .classroom01 .infor .con .box .form_box .hd_tit{font-size:26px; color:#333f47; height:56px; line-height:56px; margin-right:4%; text-transform:uppercase;} .classroom01 .infor .con .box .form_box .inp_box_wrap {width:29%; margin-right:2%;} .classroom01 .infor .con .box .form_box .inp_box{display:block; width:100%; height:56px; line-height:56px; padding:0; margin:0; font-size:14px; text-indent:10px; background:#f8f8f8; border-color:#f8f8f8;} .classroom01 .infor .con .box .form_box input.inp_box{outline:none; border:1px solid #f8f8f8;} .classroom01 .infor .con .box .form_box .hd_btn{width:56px; background:#fcb026; font-size:15px; color:#fff; height:56px; line-height:56px; outline:none; cursor:pointer; text-align:center; border:none;} .classroom01 .infor .con .box .form_box .hd_btn .icon{display:inline-block; width:17px; height:17px; background:url(brand_activity02_ico.png) no-repeat center; vertical-align:middle;} .classroom01 .select-ui-choose-default ._arrow .arr{border-color:#b5b5b5 transparent transparent;} .classroom01 .select-ui-choose-default.on ._arrow .arr {border-color:transparent transparent #b5b5b5;} .classroom01 .content .hd {text-align:right; margin-bottom:23px; display:none} .classroom01 .content .hd li{display:inline-block; font-size:16px; font-weight:bold; color:#333f47; margin-left:40px; position:relative; padding-bottom:5px;} .classroom01 .content .hd li:after{content:''; width:0%; height:3px; background:#fcb026; position:absolute; left:2px; bottom:0; transition:all 0.5s ease;} .classroom01 .content .hd li.cur{font-size:20px;} .classroom01 .content .hd li.cur:after{width:100%;} .classroom01 .content .hd li:hover:after{width:100%;} .classroom01 .content .bd li{background:#f2f2f2; margin-bottom:30px; transition:all 0.5s ease;} .classroom01 .content .bd .li_box{display:block; padding:60px 75px 35px 62px;} .classroom01 .content .bd .li_box .intro{float:left; width:70%;} .classroom01 .content .bd .li_box .intro .t{font-size:32px; line-height:32px; color:#333f47; margin-bottom:20px} .classroom01 .content .bd .li_box .intro .c{font-size:16px; line-height:28px; color:#333f47; margin-bottom:25px; height:56px; overflow:hidden;} .classroom01 .content .bd .li_box .intro .more{display:inline-block; padding:0 20px; height:38px; line-height:38px; text-align:center; border:2px solid #333e46; font-size:14px; color:#333f47; font-weight:bold; position:relative; opacity:0; visibility:visible; transition:all 0.5s ease;} .classroom01 .content .bd .li_box .intro .more span{display:inline-block; vertical-align:middle; position:relative; z-index:3;} .classroom01 .content .bd .li_box .intro .more span.icon{width:8px; height:16px; background:url(about_center03_jt.png) no-repeat; margin-left:33px;} .classroom01 .content .bd .li_box .intro .more:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .classroom01 .content .bd .li_box .date{float:right; margin-top:30px} .classroom01 .content .bd .li_box .date .day{font-size:60px; line-height:60px; color:#333f47; font-family:Impact;} .classroom01 .content .bd .li_box .date .year{font-size:18px; line-height:32px; color:#333f47; font-weight:bold;} .classroom01 .content .bd li.cur {background:#fcb026;} .classroom01 .content .bd li.cur .li_box .intro .more{opacity:1; visibility:visible;} /*公司治理*/ .com_manage01 .infor .tit{font-size:48px; line-height:48px; font-weight:bold; color:#333f47; position:relative; padding-bottom:24px;} .com_manage01 .infor .tit:after{content:''; width:90px; height:4px; background:#fcb027; position:absolute; left:0; bottom:0;} .com_manage01 .content{margin-top:60px;} .com_manage01 .content li{border-bottom:1px solid #f4f4f4;} .com_manage01 .content li .li_box{padding:23px 70px 23px 22px; font-size:0;} .com_manage01 .content li .li_box .date{display:inline-block; padding-right:28px; vertical-align:middle; text-align:right; color:#555; transition:all 0.5s ease;} .com_manage01 .content li .li_box .date .year{font-size:14px; line-height:22px; font-family:Arial;} .com_manage01 .content li .li_box .date .day{font-size:36px; line-height:36px; font-family:Impact; width:90px} .com_manage01 .content li .li_box .line{display:inline-block; width:1px; height:49px; background:#dadada; vertical-align:middle;} .com_manage01 .content li .li_box .intro{display:inline-block; margin-left:4%; width:52%; vertical-align:middle;} .com_manage01 .content li .li_box .intro .t{font-size:18px; color:#555; line-height:30px; display:block;} .com_manage01 .content li .li_box .tools{display:inline-block;} .com_manage01 .content li .li_box .tools a{display:inline-block; margin-left:30px;} .com_manage01 .content li .li_box .tools i{display:inline-block; font-size:20px;} .com_manage01 .content li .li_box .tools span{display:inline-block; font-size:15px; color:#555; vertical-align:middle;} .com_manage01 .content li.cur{background:#fcfcfc;} .com_manage01 .content li.cur .li_box .date{color:#fcb026;} /*股票信息*/ .shares01 .infor .tit{font-size:48px; line-height:48px; font-weight:bold; color:#333f47; position:relative; padding-bottom:24px;} .shares01 .infor .tit:after{content:''; width:90px; height:4px; background:#fcb027; position:absolute; left:0; bottom:0;} .shares01 .content{margin-top:60px;} .shares01 .content .rect-113{padding-bottom:113%;} .shares01 .content .left{float:left; width:50%;} .shares01 .content .right{float:right; width:50%;} .shares01 .right .r_top{height:262px; overflow:hidden; background:#fafafa;} .shares01 .right .r_top .box{padding:27px 55px 39px 52px;} .shares01 .right .r_top .box .stock{padding-bottom:14px; border-bottom:1px solid #e0e1e2;} .shares01 .right .r_top .box .stock .name, .shares01 .right .r_top .box .stock .stock_code{font-size:18px; color:#3c3c3c; margin-right:6px; display:inline-block;} .shares01 .right .r_top .box .stock .stock_num{font-size:36px; color:#ff0000; font-family:Arial; margin-left:14px; line-height:1;} .shares01 .right .r_top .box .stock .stock_num i{width:17px; height:23px; background:url(shares01_2.png) no-repeat; display:inline-block;} .shares01 .right .r_top .box .stock .stock_num i span{display:none;} .shares01 .right .r_top .box .stock .stock_num i.up{background-position:0 0;} .shares01 .right .r_top .box .stock.down .stock_num i{background-position:0 -23px;} .shares01 .right .r_top .box .stock.down .stock_num{color:#008000;} .shares01 .right .r_top .box .stock.down .number .num{color:#008000;} .shares01 .right .r_top .box .stock.unchange .stock_num i{background:none} .shares01 .right .r_top .box .stock.unchange .stock_num i span{display:inline-block;} .shares01 .right .r_top .box .stock .number{display:inline-block; margin-left:21px;} .shares01 .right .r_top .box .stock .number .num{font-size:14px; color:#ff0000; font-family:Arial;} .shares01 .right .r_top .box .information{padding-top:36px;} .shares01 .right .r_top .box .information li{margin-bottom:24px;} .shares01 .right .r_top .box .information li .t{font-size:14px; color:#787878; } .shares01 .right .r_top .box .information li .c{font-size:22px; color:#1d314e; font-family:Arial;} .shares01 .right .r_top .box .information .date{font-size:13px; color:#b9b9b9;} .shares01 .right .r_top .box .information .date .time{padding:0 7px 0 4px;} .shares01 .right .r_bott{padding-top:28px;} .shares01 .right .r_bott .rect-58{padding-bottom:58%;} .shares01 .right .r_bott .tab_t_box{padding-left:54px; margin-bottom:20px;} .shares01 .right .r_bott .tab_t_box .tab_t{width:20%; float:left;} .shares01 .right .r_bott .tab_t_box .tab_t.tab_t_cur{color:#0074ba;} .shares01 .right .r_bott .tab_c{opacity:0; visibility:hidden;} .shares01 .right .r_bott .tab_c.tab_c_cur{opacity:1; visibility:visible;} /*服务综合*/ .ser_banner.xc_banner{height:648px;} .ser_banner .intro .tit{font-size:48px; line-height:48px; font-weight:bold; color:#fcb026; margin-bottom:11px;} .ser_banner .intro .txt{font-size:18px; line-height:36px; color:#fff;} .ser_banner .intro .con{font-size:20px; line-height:32px; font-weight:bold; color:#fff; margin:14px 0 45px;} .ser_banner .intro .con span{display:block;} .ser_banner .intro .img_{width:187px; height:184px;} .ser_banner .intro .img_ .txt{font-size:20px; line-height:36px; font-weight:bold; color:#fff; text-align:center;} .service_center.channel_content{padding:0;} .service_center01{padding:75px 0 65px; background:#f3f4f8;} .service_center01 .infor{padding:0 18%; text-align:center;} .service_center01 .infor .tit{font-size:44px; line-height:44px; font-weight:bold; color:#333f47; margin-bottom:23px;} .service_center01 .infor .con{font-size:15px; line-height:28px; color:#333f47;} .service_center01 .content{margin-top:45px;} .service_center01 .content .left{width:31%; float:left;} .service_center01 .content .left .rect-1173{padding-bottom:117.3%;} .service_center01 .content .right{width:65%; float:right; position:relative; margin-top:40px;} .service_center01 .content .right .item{display:none;} .service_center01 .content .right .owl-item .item{display:block;} /*三个的*/ .service_center01 .content .right .item_three li{float:left; width:32.5%; margin-left:1.25%;} .service_center01 .content .right .item_three li:first-child{margin-left:0;} /*两个的*/ .service_center01 .content .right .item_two li{float:left; width:49%; margin-left:2%;} .service_center01 .content .right .item_two li:first-child{margin-left:0;} .service_center01 .content .right .item .title{font-size:36px; line-height:36px; font-weight:bold; color:#fcb026; text-align:center; margin-bottom:42px;} .service_center01 .content .right .item .li_box{padding:15px; text-align:center;} .service_center01 .content .right .item .li_box .intro{box-shadow:0 0 15px rgba(0,0,0,.2); padding:60px 15px 50px; background:#fff;} .service_center01 .content .right .item .li_box .icon{width:70px; height:70px; margin:0 auto 13px; transition:all 0.5s ease;} .service_center01 .content .right .item .li_box .t{font-size:30px; line-height:30px color:#333f47;} .service_center01 .content .right .item .li_box .c{font-size:15px; line-height:26px; color:#6c6c6c; height:78px; overflow:hidden; margin-top:11px;} .service_center01 .content .right .item li:hover .li_box .icon{transform:rotateY(180deg);} .service_center01 .content .ser01_btn>div{width:26px; height:77px; background:url(service01_jt.png) no-repeat; position:absolute; top:50%; z-index:2; font-size:0; cursor:pointer; } .service_center01 .content .ser01_btn .owl-prev {left:-30px; background-position:0 0;} .service_center01 .content .ser01_btn .owl-next {right:-30px; background-position:-26px 0px;} .service_center01 .content .ser01_btn .owl-prev:hover {background-position:0 -77px;} .service_center01 .content .ser01_btn .owl-next:hover {background-position:-26px -77px;} .service_center01 .content .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:-9%; left:0%; width:100%; text-align:center;} .service_center01 .content .owl-carousel .owl-dot{width:12px; height:12px; border:1px solid #333f47; margin:0 6px;border-radius:50%; display:inline-block;} .service_center01 .content .owl-carousel .owl-dot.active{background:#333f47;} .service_center02{padding:90px 0; background:url(service02.jpg) no-repeat center;} .service_center02 .infor{width:51%;} .service_center02 .infor .tit{font-size:44px; line-height:44px; font-weight:bold; color:#fff;} .service_center02 .infor .con{font-size:15px; line-height:30px; color:#fff; margin-top:30px} .service_center02 .infor .list{margin-top:50px;} .service_center02 .infor .list li{display:inline-block; margin-right:70px;} .service_center02 .infor .list li span{display:inline-block;} .service_center02 .infor .list li .num{font-size:62px; line-height:62px; font-family:Impact; color:#fcb026;} .service_center02 .infor .list li .txt{font-size:16px; line-height:28px; font-weight:bold; color:#fff; margin-left:5px;} .service_center02 .infor .more{display:inline-block; padding:0 20px; height:42px; line-height:42px; text-align:center; font-size:14px; color:#333f47; background:#fcb026; font-weight:bold; position:relative; margin-top:50px;} .service_center02 .infor .more span{display:inline-block; vertical-align:middle; position:relative; z-index:3;} .service_center02 .infor .more span.icon{width:8px; height:16px; background:url(about_center03_jt.png) no-repeat; margin-left:33px;} .service_center02 .infor .more:hover{background:rgba(252,176,38,.8);} .service_center03{background:url(service03_bg.jpg) no-repeat center; padding:108px 0 220px;} .service_center03 .infor{text-align:center;} .service_center03 .infor .tit{font-size:44px; line-height:44px; font-weight:bold; color:#333f47;} .service_center03 .infor .con{margin-top:40px; text-align:center;} .service_center03 .infor .con a{display:inline-block; padding:0 37px; background:#fcb026; height:64px; line-height:64px; margin-right:10px; vertical-align:middle; position:relative} .service_center03 .infor .con a:after{content:''; width:0; height:100%; background:#333f47; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .service_center03 .infor .con a span{display:inline-block; font-size:16px; color:#333f47; vertical-align:middle; position:relative; z-index:3;} .service_center03 .infor .con a .icon{width:20px; height:24px; margin-right:11px;} .service_center03 .infor .con a.down01 .icon{background:url(service03_1.png) no-repeat;} .service_center03 .infor .con a.down02 .icon{background:url(service03_2.png) no-repeat;} .service_center03 .infor .con a:hover:after{width:100%;} .service_center03 .infor .con a:hover span{color:#fff;} .service_center03 .infor .con a:hover.down01 .icon{background-position:0 -24px;} .service_center03 .infor .con a:hover.down02 .icon{background-position:0 -24px;} .service_center03 .infor .con .down_ewm{display:inline-block; position:relative; vertical-align:middle; cursor:pointer;} .service_center03 .infor .con .down_ewm .img_{width:67px; height:64px;} .service_center03 .infor .con .down_ewm .ewm{display:none; position:absolute; top:100%; left:50%; margin-left:-55px; width:110px; height:110px;} /*荣誉资质*/ .honor01 .infor{overflow:hidden;} .honor01 .infor .tit{font-size:48px; line-height:48px; font-weight:bold; color:#333f47; position:relative; padding-bottom:24px; float:left;} .honor01 .infor .tit:after{content:''; width:90px; height:4px; background:#fcb027; position:absolute; left:0; bottom:0;} .honor01 .infor .con{float:right;} .honor01 .infor .con li{display:inline-block; font-size:16px; color:#333f47; font-weight:bold; line-height:32px; position:relative; margin-left:35px;} .honor01 .infor .con li:after{content:''; width:0%; height:3px; background:#fcb026; position:absolute; left:50%; bottom:-4px; transition:all 0.5s ease 0s;} .honor01 .infor .con li.cur{font-size:20px;} .honor01 .infor .con li.cur:after{left:-2px; width:110%;} .honor01 .infor .con li:hover:after{left:-2px; width:110%;} .honor01 .content{margin-top:60px;} .honor01 .honor_list .yx_count{position:relative;} .honor01 .honor_list .yx_count .digit{font-size:36px; color:#d6d6d6;display:block;position:absolute;bottom:85px;left:0; width:74%;text-align:center;} .honor01 .honor_list{overflow:hidden;} .honor01 .honor_list li{margin-bottom:30px;} .honor01 .honor_list li .mask{background:url(orange.8.png) repeat; background:rgba(252,176,38,.8); position:absolute; width:100%; height:100%; cursor:pointer; bottom:0%; left:0; font-size:0; opacity:0; visibility:hidden; transition:all 0.5s ease;} .honor01 .honor_list li ._title{font-size:24px;color:#fff;text-align:center;width:90%;z-index:2;padding:0 5%;display:inline-block;height:auto;line-height:1.4; vertical-align:middle;position:absolute;top:53%;left:0;} .honor01 .honor_list li .line{display:block;width:42px; height:42px; background:url(ico2.png) 0 -230px no-repeat;position:absolute;top:25%;left:50%; margin-left:-21px;} .honor01 .honor_list li .line:after{content:'';width:46px; height:1px; background-color:#fff; position:absolute;bottom:-20px; left:50%; margin-left:-14px;} .honor01 .honor_list li:hover .mask{opacity:1; visibility:visible;} .honor01 .honor_list li.first{ float:right;} .honor01 .honor_list .form_box{padding:34px 25px;} .honor01 .honor_list .form_box .sele_wrap{text-indent:5px; height:40px; line-height:40px; margin-bottom:10px;} .honor01 .honor_list .form_box .sele_wrap .sele {height:40px; line-height:40px; width:100%; background:#fff; border:1px solid #eee; color:#a9a9a9;} .honor01 .honor_list .form_box .sele_wrap .sele.select-ui-choose-default ._arrow{width:2.5em; background:#f3f3f3;} .honor01 .honor_list .form_box .sele_wrap .sele.select-ui-choose-default ._arrow .arr{width:0; height:0; border-left:5px transparent solid; border-right:5px transparent solid; border-top:5px #b8b8b8 solid; position:absolute; top:50%; left:50%; margin-left:-5px; margin-top:-2.5px;} .honor01 .honor_list .form_box .sele_wrap .sele.select-ui-choose-default.on ._arrow .arr{border-bottom:5px #b8b8b8 solid; border-top:0;} .album_gallery .arrs{width: 58px!important;height: 51px!important;line-height: 51px!important;font-size: 0!important;color: #fff;top: 50%;margin-top: -100px;text-align: center;z-index: 5; background:url(album.png) no-repeat; transition:none;} .album_gallery .arr_prev{left: 10%!important;} .album_gallery .arr_next{left:auto!important;right:10%; background-position: right top;} .album_gallery .arr_prev:hover{ background-position:left bottom;} .album_gallery .arr_next:hover{background-position:right bottom;} .album_gallery .album_close{top:inherit!important; margin:0 1em!important;} .album_gallery .album_close i{font-weight:bold;} .album_gallery .album_close:hover{color:#fcb026!important;} /*全球服务综合*/ .global_banner .intro .tit{font-size:40px; line-height:40px; font-weight:lighter; color:#fff; margin-left:4%;} .global_banner .intro .con{font-size:54px; line-height:54px; font-weight:bold; color:#fcb026; margin-top:15px; margin-left:4%; margin-bottom:35px;} .global_banner .intro .form_box{width:38%; margin-left:4%; position:relative;} .global_banner .intro .form_box .inp_wrap{width:100%; height:49px; line-height:49px; color:#fff;} .global_banner .intro .form_box .inp_wrap .inp{width:100%; height:49px; line-height:49px; background:none; border:none; border-bottom:1px solid #fff; border-bottom-color:rgba(255,255,255,.8); font-size:14px; color:#fff;} .global_banner .intro .form_box button{background:none; border:none; width:33px; height:32px; background:url(global_banner_ico.png) no-repeat center; position:absolute; top:50%; margin-top:-16px; right:0; cursor:pointer;} .global_banner ::-webkit-input-placeholder {color:#fff; color:rgba(255,255,255,.4);} .global_banner .intro .guanjian{margin-left:4%; margin-top:20px;} .global_banner .intro .guanjian span{display:inline-block; vertical-align:middle;} .global_banner .intro .guanjian span.t{font-size:16px; line-height:40px; font-weight:bold; color:#ededed;} .global_banner .intro .guanjian span.c a{display:inline-block; font-size:14px; color:#ededed; height:33px; line-height:33px; border-radius:20px; border:1px solid #ededed; padding:0 19px; margin-right:13px;} .global_banner .intro .guanjian span.c a:hover{background:#fcb026; color:#fff; border-color:#fcb026;} .global.channel_content{padding:0;} .global01{background:url(global01_1.jpg) no-repeat center; padding:55px 0 40px; background-size:cover;} .global01 .infor{text-align:center; padding:0 16%;} .global01 .infor .tit{font-size:44px; line-height:44px; font-weight:bold; color:#333f47;} .global01 .infor .con{font-size:15px; line-height:28px; color:#333f47; margin-top:20px;} .global01 .content{padding: 0 28%; margin-top:40px; text-align:center;} .global01 .content li{width:33%; float:left;} .global01 .content li .intro span{display:inline-block;} .global01 .content li .intro span.num{font-size:62px; line-height:62px; color:#fcb026; font-family:Impact;} .global01 .content li .intro span.txt{font-size:16px; line-height:28px; color:#333f47;} .global01 .content .more{display:inline-block; padding:0 20px; height:42px; line-height:42px; text-align:center;background:#fcb026; font-size:14px; color:#333f47; font-weight:bold; position:relative; margin-top:40px;} .global01 .content .more span{display:inline-block; vertical-align:middle; position:relative; z-index:3;} .global01 .content .more span.icon{width:8px; height:16px; background:url(about_center03_jt.png) no-repeat; margin-left:33px;} .global01 .content .more:after{content:''; width:0; height:100%; background:#333f47; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .global01 .content .more:hover{color:#fff;} .global01 .content .more:hover span.icon{background-position:-8px 0;} .global01 .content .more:hover:after{width:100%;} .global02 .content{height:438px; background:url(global02_1.jpg) no-repeat center; position:relative; background-size:cover;} .global02 .content .play{width:168px; height:168px; background:url(global02_2.png) no-repeat center; position:absolute; left:50%; margin-left:-84px; top:50%; margin-top:-84px; cursor:pointer;} .global03{padding-top:70px;} .global03 .infor{text-align:center; margin-bottom:45px;} .global03 .infor .tit{font-size:44px; line-height:44px; font-weight:bold; color:#333f47;} .global03 .infor .con{font-size:16px; line-height:25px; color:#636b70; margin-top:20px;} .global03 .content .item{position:relative; overflow:hidden;} .global03 .content .item .box{width:33%; position:absolute; left:0; height:100%;} .global03 .content .item .box .smal_tit{font-size:30px; line-height:30px; color:#333f47; font-weight:lighter; margin-bottom:15px;} .global03 .content .item .box .big_tit{font-size:42px; line-height:42px; color:#333f47; font-weight:bold; margin-bottom:45px;} .global03 .content .item .box .con{font-size:14px; line-height:24px; color:#616262;} .global03 .content .item .box .more{display:inline-block; padding:0 20px; height:38px; line-height:38px; text-align:center; border:2px solid #333e46; font-size:14px; color:#333f47; font-weight:bold; position:relative; margin-top:35px;} .global03 .content .item .box .more span{display:inline-block; vertical-align:middle; position:relative; z-index:3} .global03 .content .item .box .more span.icon{width:8px; height:16px; background:url(about_center03_jt.png) no-repeat; margin-left:33px;} .global03 .content .item .box .more:after{content:''; width:0; height:100%; background:#fcb026; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .global03 .content .item .box .more:hover{border-color:#fcb026;} .global03 .content .item .box .more:hover:after{width:100%;} .global03 .content .item01 .box .intro{padding-top:45px; padding-right:120px;} .global03 .content .item02 .box{right:0; left:inherit;} .global03 .content .item02 .box .intro{padding-top:80px; padding-left:45px; padding-right:80px;} .global03 .content .item03{height:403px;} .global03 .content .item03 .left{width:58%; float:left; height:100%; position:relative} .global03 .content .item03 .left .box{right:0; left:inherit; width:55%;} .global03 .content .item03 .left .box .intro{padding:80px 45px 20px;} .global03 .content .item03 .right{width:42%; float:right; height:100%; position:relative} .global03 .content .item03 .right:after{content:''; width:234px; height:218px; background:url(pro_detail03_3.png) no-repeat center; position:absolute; right:0; bottom:0; z-index:1;} .global03 .content .item03 .right .info{position:relative; z-index:2; padding:80px 140px 80px 60px;} .global03 .content .item03 .right .info .tit{font-size:34px; line-height:34px; color:#fff; font-weight:lighter;} .global03 .content .item03 .right .info .con{font-size:45px; line-height:45px; color:#fff; font-family:Impact; margin:19px 0 40px;} .global03 .content .item03 .right .info .txt{font-size:15px; line-height:25px; color:#fff;} .global04{padding:70px 0 60px; background:#fafafa;} .global04 .infor{text-align:center;} .global04 .infor .tit{font-size:44px; line-height:44px; color:#333f47; font-weight:bold;} .global04 .infor .con{font-size:15px; line-height:25px; color:#636b70; margin-top:20px;} .global04 .content{margin-top:55px; text-align:center;} .global04 .content li{float:left; width:25%; position:relative; text-align:left;} .global04 .content li:after{content:''; width:1px; height:108px; background:#ccc; position:absolute; left:0; top:50%; margin-top:-54px;} .global04 .content li:first-child:after{display:none;} .global04 .content li .li_box{display:block; padding:0 55px;} .global04 .content li .li_box .smal_tit{font-size:16px; line-height:26px; font-weight:bold; color:#fcb026;} .global04 .content li .li_box .big_tit{font-size:22px; line-height:28px; font-weight:bold; color:#000; margin:5px 0 15px; transition:all 0.5s ease;} .global04 .content li .li_box .con{font-size:14px; line-height:26px; color:#4c4c4c; height:52px; overflow:hidden;} .global04 .content li.li01 .li_box{padding-left:0;} .global04 .content li.li04 .li_box{padding-right:0;} .global04 .content li:hover .li_box .big_tit{color:#fcb026} .global04 .content .more{display:inline-block; padding:0 20px; height:42px; line-height:42px; text-align:center;background:#fcb026; font-size:14px; color:#333f47; font-weight:bold; position:relative; margin-top:40px;} .global04 .content .more span{display:inline-block; vertical-align:middle; position:relative; z-index:3;} .global04 .content .more span.icon{width:8px; height:16px; background:url(about_center03_jt.png) no-repeat; margin-left:33px;} .global04 .content .more:after{content:''; width:0; height:100%; background:#333f47; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .global04 .content .more:hover{color:#fff;} .global04 .content .more:hover span.icon{background-position:-8px 0;} .global04 .content .more:hover:after{width:100%;} /*实力见证*/ .str_witness01 .infor .tit{font-size:48px; line-height:48px; font-weight:bold; color:#333f47; position:relative; padding-bottom:24px;} .str_witness01 .infor .tit:after{content:''; width:90px; height:4px; background:#fcb027; position:absolute; left:0; bottom:0;} .str_witness01 .content{margin-top:65px;} .str_witness01 .content .item .hd{padding:54px 120px; text-align:center;} .str_witness01 .content .item .hd .tit{font-size:36px; line-height:36px; color:#fcb026; font-weight:bold;} .str_witness01 .content .item .hd .con{font-size:20px; line-height:34px; color:#333f47; margin-top:30px;} .str_witness01 .content .item01{margin-bottom:60px;} .str_witness01 .content .item01 .hd{background:url(str_witness01_1.jpg) no-repeat center; padding:54px 120px; text-align:center; background-size:100% 100%;} .str_witness01 .content .item01 .bd{margin-top:60px;} .str_witness01 .content .item01 .bd .rect-475{padding-bottom:47.5%;} .str_witness01 .content .item01 .bd li{width:32%; margin-left:2%; float:left;} .str_witness01 .content .item01 .bd li:first-child{margin-left:0;} .str_witness01 .content .item01 .bd li .cover{width:100%; height:100%; position:absolute; left:0; top:0;} .str_witness01 .content .item01 .bd li .cover .box{padding:65px 50px;} .str_witness01 .content .item01 .bd li .cover .box .line{width:50px; height:3px; background:#fcb026;} .str_witness01 .content .item01 .bd li .cover .box .t{font-size:30px; line-height:30px; color:#fff; font-weight:bold; margin-top:20px;} .str_witness01 .content .item01 .bd li .intro{background:#f9f9f9;} .str_witness01 .content .item01 .bd li .intro .box{padding:30px 45px 30px 35px;} .str_witness01 .content .item01 .bd li .intro .box .t{font-size:18px; color:#333; line-height:30px; margin-bottom:25px; height:90px; overflow:hidden;} .str_witness01 .content .item02 .hd{background:url(str_witness01_4.jpg) no-repeat center; background-size:100% 100%;} .str_witness01 .content .item02 .bd{margin-top:60px;} .str_witness01 .content .item02 .bd .tab_t{position:relative; height:77px; overflow:hidden;} .str_witness01 .content .item02 .bd .tab_t .cell{line-height:77px; color:#21478b; display:block; font-size:20px; font-weight:bold; float:left; position:relative; text-align:center; color:#fff; transition:all 0.5s ease; cursor:pointer;} .str_witness01 .content .item02 .bd .tab_t .cell.left{width:346px; position:absolute; left:0; top:0; background:url(str_witness01_5.png) no-repeat right center;} .str_witness01 .content .item02 .bd .tab_t .cell.left:hover, .str_witness01 .content .item02 .bd .tab_t .cell.left.cur {background:url(str_witness01_5_hover.png) no-repeat right center;} .str_witness01 .content .item02 .bd .tab_t .cell.center {width:319px; position:absolute; top:0; z-index:1; background:url(str_witness01_6.png) no-repeat center center; background-size:100% 100%;} .str_witness01 .content .item02 .bd .tab_t .cell.center:hover, .str_witness01 .content .item02 .bd .tab_t .cell.center.cur {background:url(str_witness01_6_hover.png) no-repeat center center; background-size:100% 100%;} .str_witness01 .content .item02 .bd .tab_t .cell.center01{left:304px;} .str_witness01 .content .item02 .bd .tab_t .cell.center02{left:582px;} .str_witness01 .content .item02 .bd .tab_t .cell.right {width:346px; position:absolute; right:0; top:0; z-index:1; background:url(str_witness01_7.png) no-repeat center center; background-size:100% 100%;} .str_witness01 .content .item02 .bd .tab_t .cell.right:hover, .str_witness01 .content .item02 .bd .tab_t .cell.right.cur {background:url(str_witness01_7_hover.png) no-repeat center center; background-size:100% 100%;} .str_witness01 .content .item02 .bd .tab_c li{background:#f9f9f9; display:none;} .str_witness01 .content .item02 .bd .tab_c li:first-child{display:block;} .str_witness01 .content .item02 .bd .tab_c li .li_box{padding:70px 90px;} .str_witness01 .content .item02 .bd .tab_c li .li_box .img_{width:43%; float:right;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro{width:41%; float:left;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .t{font-size:36px; line-height:36px; font-weight:bold; color:#000; margin:30px 0 20px;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .c{font-size:16px; line-height:30px; color:#333f47; margin-bottom:30px;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .more_box a{display:inline-block; vertical-align:middle; margin-right:14px;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .more_box a.ask{width:140px; height:41px; line-height:41px; text-align:center; font-size:16px; color:#fcb026; background:#333f47;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .more_box a.ask:hover{opacity:0.8;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .share{display:inline-block; width:138px; height:38px; line-height:38px; text-align:center; border:1px solid #333e46; font-size:16px; color:#333f47; position:relative} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .share span{display:block; vertical-align:middle; position:relative; z-index:3;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .share span.icon{width:8px; height:16px; background:url(about_center03_jt.png) no-repeat; margin-left:33px;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .share:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .share:hover{color:#fcb026;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .share:hover:after{width:100%;} .str_witness01 .content .item02 .bd .tab_c li .li_box .intro .share:hover span.icon{background-position:-8px 0;} /*营销网络*/ .sale_pageHeader.pageHeader.xc_pageHeader{height:auto;} .sale_pageHeader .xc_header{position:relative; top:0!important;} .sale_net.channel_content{padding:0;} .sale_net01{overflow:hidden;} .sale_net01 .left{width:27%; float:left; margin-left:5%;} .sale_net01 .left .l_top{background:#333f47; position:relative; margin-bottom:35px;} .sale_net01 .left .l_top .box{padding:20px 35px 20px 0; position:relative; z-index:2;} .sale_net01 .left .l_top:after{content:''; width:100%; height:100%; background:#333f47; position:absolute; right:90%; top:0; z-index:1;} .sale_net01 .left .l_top .box .sele_wrap{float:left; width:49%; margin-left:2%; height:44px; line-height:44px; text-align:center; position:relative} .sale_net01 .left .l_top .box .sele_wrap:first-child{margin-left:0;} .sale_net01 .left .l_top .box .sele_wrap .sele{display:block; width:100%; height:44px; line-height:44px; font-size:0; color:#475259; background:#fff; cursor:pointer; position:relative} .sale_net01 .left .l_top .box .sele_wrap .sele span{display:inline-block; vertical-align:middle; font-size:16px;} .sale_net01 .left .l_top .box .sele_wrap .sele .icon{display:inline-block; width:12px; height:10px; background:url(sale01_2.png) no-repeat center; margin-left:15px;} .sale_net01 .left .l_top .box .sele_wrap .sele_down{position:absolute; left:0; top:100%; width:100%; background:#fff; display:none;} .sale_net01 .left .l_top .box .sele_wrap .sele_down li{padding:0 6px; cursor:pointer; height:40px; line-height:40px; border-top:1px solid #eee;} .sale_net01 .left .l_top .box .sele_wrap.cur .sele{background:#fcb026;} .sale_net01 .left .l_top .box .sele_wrap.cur .sele .icon{background:url(sale01_2_on.png) no-repeat center;} .sale_net01 .left .l_bott{padding-right:35px;} .sale_net01 .left .l_bott .sele_wrap{height:46px; line-height:46px; margin-bottom:18px;} .sale_net01 .left .l_bott .sele_wrap .sele{width:100%; height:46px; line-height:46px; border:1px solid #979aa0;} .sale_net01 .left .l_bott .sele_wrap .select-ui-choose-default ._arrow{width:60px} .sale_net01 .left .l_bott .sele_wrap .select-ui-choose-default ._arrow:after{content:''; width:1px; height:20px; background:#979aa0; left:0; top:50%; margin-top:-10px; position:absolute;} .sale_net01 .left .l_bott .sele_wrap .select-ui-choose ._arrow .arr{border:none; left:50%; margin-left:-6px; width:12px; height:10px; margin-top:-5px; background:url(sale01_2.png) no-repeat center;} .sale_net01 .left .l_bott .sele_wrap .select-ui-choose-default ._txt{padding-right:60px;} .sale_net01 .left .l_bott .sele_wrap .select-ui-choose-default.on ._arrow .arr{margin-top:-5px;} .sale_net01 .left .l_bott .sele_wrap .select-ui-choose-default-bottom.on{border-radius:0;} .sale_net01 .left .l_bott .list{border:1px solid #959595;} .sale_net01 .left .l_bott .list .title{font-size:15px; color:#333f47; height:46px; line-height:46px; padding-left:20px; background:#f6f6f6; border-bottom:1px solid #959595;} .sale_net01 .left .l_bott .list .content{overflow-y:auto;} .sale_net01 .left .l_bott .list .content ul li{padding:25px 40px 25px 20px; cursor:pointer; transition:all 0.5s ease;} .sale_net01 .left .l_bott .list .content ul li .intro{padding-left:45px; position:relative} .sale_net01 .left .l_bott .list .content ul li .intro .icon{width:24px; height:38px; background:url(sale01_3.png) no-repeat center; position:absolute; left:0; top:0px;} .sale_net01 .left .l_bott .list .content ul li .intro .tit{font-size:18px; color:#282828; font-family:'H_Bold'; text-transform:uppercase; margin-bottom:10px} .sale_net01 .left .l_bott .list .content ul li .intro .con{font-size:15px; line-height:24px; color:#616161;} .sale_net01 .left .l_bott .list .content ul li .intro .tel{font-size:15px; line-height:24px; color:#616161;} .sale_net01 .left .l_bott .list .content ul li .intro .txt{display:block; width:155px; height:36px; line-height:36px; font-size:14px; color:#333f47; text-align:center; background:#f8ad25; margin-top:20px;} .sale_net01 .left .l_bott .list .content ul li:hover{background:#f1f1f1;} .sale_net01 .right{width:68%; float:right; height:100%;} .sale_net01 .right img{max-width:none;} /*滚动条整体样式*/ .sale_net01 .left .l_bott .list .content::-webkit-scrollbar {width:19px; height:4px;} /*滚动条里面小方块*/ .sale_net01 .left .l_bott .list .content::-webkit-scrollbar-thumb {background:#a2a2a2;} /*滚动条里面轨道*/ .sale_net01 .left .l_bott .list .content::-webkit-scrollbar-track {background:#d9d9d9;} /*-------------------------zhangxr--------------------------------*/ /* 新闻详细 */ .erji_nav{position:relative;} .erji_nav .line_progress{display:none; width:100%; background:#fff; height:2px; position:absolute; bottom:0;} .erji_nav .line_progress i{position:absolute; left:0; top:0; width:10%; height:2px; background:#fcb026;} .news_detail.channel_content{padding:0 0 60px;} .news_detail01 .hd{background:#f1f1f1; padding:100px 0 60px; margin-bottom:20px;} .news_detail01 .hd .tit{font-size:35px; font-family:Impact; text-transform:uppercase; color:#333; text-align:center; margin-bottom:10px;} .news_detail01 .hd .tit h1{font-size:35px; font-family:Impact; text-transform:uppercase; color:#333; text-align:center; margin-bottom:10px;} .news_detail01 .hd .dec{font-size:13px; color:#939393; text-align:center;} .news_detail01 .hd .dec .iconfont{margin-bottom:3px;} .news_detail01 .hd .dec span{cursor:pointer; display:inline-block;} .news_detail01 .hd .dec span.date, .news_detail01 .hd .dec span.view{display:inline-block; margin-right:5px;} .news_detail01 .content{padding-left:200px; position:relative;} .news_detail01 .content .c_left{position:absolute; left:0; top:0; } .news_detail01 .content .c_left .c_box>div{width:50px; cursor:pointer; transition:.3s ease; height:55px; background:#eee; text-align:center; line-height:55px; color:#b3b3b3; border-bottom:1px solid #f8f8f8;} .news_detail01 .content .c_left .c_box>div:hover{background:#fcb026; color:#fff;} .news_detail01 .content .c_left .c_box:hover a:hover{color:#fff;} .news_detail01 .content .c_left .c_box a{background:transparent; padding-left:0; margin:0; float:none;} .news_detail01 .content .c_left .c_box .iconfont{font-size:22px;} /* .news_detail01 .content .c_left .kj i{width:23px; height:23px; background:url(../img/news_detail01_1.png) no-repeat center;} */ .news_detail01 .content .c_left .ewm{position:absolute; width:100px; left:60px; top:50px; display:none;} .news_detail01 .content .c_center{width:65%; float:left; min-height:900px;} .news_detail01 .content .c_center .box{padding-top:60px;} .news_detail01 .content .c_center .text{font-size:14px; color:#575757; line-height:25px; margin-bottom:20px} .news_detail01 .content .c_center .keywords span{display:inline-block; vertical-align:middle; font-size:18px; line-height:24px; font-weight:bold;} .news_detail01 .content .c_center .keywords a{display:inline-block; vertical-align:middle; font-size:16px; color:#fcb026; line-height:24px; margin-right:25px; position:relative} .news_detail01 .content .c_center .keywords a:after{content:''; width:100%; height:1px; background:#fcb026; position:absolute; left:0; bottom:3px;} .news_detail01 .content .c_right{position:absolute; right:0; top:0; width:20%;} .news_detail01 .content .c_right .list>div{border:1px solid #f3f3f3; margin-bottom:25px;} .news_detail01 .content .c_right .list .box{padding:25px 30px;} .news_detail01 .content .c_right .list .box .t{font-size:18px; color:#3c3c3c; font-family:'H_Bold'; line-height:24px; position:relative;} .news_detail01 .content .c_right .list .box .t:after{content:''; position:absolute; width:55%; height:1px; background:#f2f2f2; left:35%; top:12px;} .news_detail01 .content .c_right .list .box .d{font-size:14px; color:#c1c0c0; margin:10px 0 15px;} .news_detail01 .content .c_right .list .box .d i{margin-left:0;} .news_detail01 .content .c_right .list .box .tit{font-size:16px; color:#696969; line-height:25px; height:50px; overflow:hidden; transition:all .3s ease; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;*} .news_detail01 .content .c_right .hot_news{border:10px solid #f5f5f5;} .news_detail01 .content .c_right .hot_news .hot_box{padding:0 20px;} .news_detail01 .content .c_right .hot_news .infor .box{padding:25px 0 0;} .news_detail01 .content .c_right .hot_news .infor .tit{float:left; font-size:24px; font-weight:bold; color:#323f47; line-height:26px; font-family:'H_Bold'; width:75%;} .news_detail01 .content .c_right .hot_news .infor .more{font-size:16px; color:#797979; float:right; line-height:26px;} .news_detail01 .content .c_right .hot_news .con .item{border-top:1px solid #f0f0f0;} .news_detail01 .content .c_right .hot_news .con .item:first-child{border:none;} .news_detail01 .content .c_right .hot_news .con .item .t{font-size:15px; color:#727272; line-height:24px; margin-bottom:10px; height:48px; overflow:hidden; transition:all .3s ease;} .news_detail01 .content .c_right .hot_news .con .item .d{font-size:14px; color:#727272;} .news_detail01 .content .c_right .hot_news .con .box{padding:25px 0;} .news_detail01 .content .c_right .hot_news .con .item .t:hover{color:#fcb026;} .news_detail01 .content .c_right .list .box:hover .tit{color:#fcb026;} /* 案例详细 */ .case_detail.channel_content{padding:0;} .case_detail01 .hd .dec span#switcher{margin-left:10px;} .case_detail01 .hd .dec span#switcher .t{margin-right:5px; font-size:12px; color:#7e7e7e;} .case_detail01 .hd{background:#f1f1f1; padding:150px 0 60px; margin-bottom:20px;} .case_detail01 .hd .tit{font-size:32px; font-family:Impact; text-transform:uppercase; color:#333; text-align:center; margin-bottom:10px;} .case_detail01 .hd .tit h1{font-size:32px; font-family:Impact; text-transform:uppercase; color:#333; text-align:center; margin-bottom:10px;} .case_detail01 .hd .dec{font-size:13px; color:#939393; text-align:center;} .case_detail01 .hd .dec .iconfont{margin-bottom:3px;} .case_detail01 .hd .dec span{cursor:pointer; display:inline-block;} .case_detail01 .hd .dec span.date, .case_detail01 .hd .dec span.view{display:inline-block; margin-right:5px;} .case_detail01 .content{padding-left:100px; position:relative;} .case_detail01 .content .c_left{position:absolute; left:0; top:0; } .case_detail01 .content .c_left .c_box>div{width:50px; cursor:pointer; transition:.3s ease; height:55px; background:#eee; text-align:center; line-height:55px; color:#b3b3b3; border-bottom:1px solid #f8f8f8;} .case_detail01 .content .c_left .c_box>div:hover{background:#fcb026; color:#fff;} .case_detail01 .content .c_left .c_box:hover a:hover{color:#fff;} .case_detail01 .content .c_left .c_box a{background:transparent; padding-left:0; margin:0; float:none;} .case_detail01 .content .c_left .c_box .iconfont{font-size:22px;} /* .case_detail01 .content .c_left .kj i{width:23px; height:23px; background:url(../img/news_detail01_1.png) no-repeat center;} */ .case_detail01 .content .c_left .ewm{position:absolute; width:100px; left:60px; top:50px; display:none;} .case_detail01 .content .c_center{width:72%; float:left; min-height:1000px; padding-bottom:30px;} .case_detail01 .content .c_center ul{padding:0 2%; margin-top:35px; font-size:0;} .case_detail01 .content .c_center ul li{cursor:pointer; width:32%; margin-right:2%; display:inline-block; font-size:15px; color:#666; text-align:center; background:#eee; line-height:44px; margin-bottom:15px; transition:.3s ease;} /* 2020-0427 案例详细暂时修改为一行一条*/ .case_detail01 .content .c_center ul li{width:100%; margin-right:0; margin-bottom:10px; height:40px; line-height:40px;} /* 2020-0427 案例详细暂时修改为一行一条 end*/ .case_detail01 .content .c_center ul li .case_detail01 .content .c_center ul li.li3{margin-right:0;} .case_detail01 .content .c_center ul li.li4{width:100%} .case_detail01 .content .c_center ul li span{ font-weight:bold;} .case_detail01 .content .c_center ul li:hover{color:#333f47; background:#fcb026;} .case_detail01 .content .c_center .box{padding-top:30px;} .case_detail01 .content .c_center .text{font-size:14px; color:#575757; line-height:25px; } .case_detail01 .content .c_center .text ._img{margin-bottom:20px; text-align:center;} .case_detail01 .content .c_right{position:absolute; right:0; top:0; width:21%;} .case_detail01 .content .c_right .hot_pro{border:10px solid #f5f5f5;} .case_detail01 .content .c_right .hot_pro .hot_box{padding:20px 20px 0;} .case_detail01 .content .c_right .hot_pro .infor .tit{font-size:26px; font-weight:bold; color:#323f47; line-height:26px;} .case_detail01 .content .c_right .hot_pro .con .item{border-top:1px dashed #bab8b8; text-align:center;} .case_detail01 .content .c_right .hot_pro .con .item:first-child{border:none;} .case_detail01 .content .c_right .hot_pro .con .item .t{font-size:15px; color:#727272; line-height:26px; margin-bottom:10px; transition:all .3s ease;} .case_detail01 .content .c_right .hot_pro .con .box{padding:25px 20px;} .case_detail01 .content .c_right .hot_pro .con .item .more{display:block; width:90%; margin:0 auto; height:40px; line-height:40px; text-align:center; border:2px solid #343e47; font-size:16px; color:#343e47; font-weight:bold; position:relative;} .case_detail01 .content .c_right .hot_pro .con .item .more span{position:relative; z-index:2;} .case_detail01 .content .c_right .hot_pro .con .item .more:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .case_detail01 .content .c_right .hot_pro .con .item .more:hover{color:#fff;} .case_detail01 .content .c_right .hot_pro .con .item .more:hover:after{width:100%;} .case_detail01 .content .c_right .hot_pro .con .item .more i{position:absolute; z-index:3; right:10px; top:50%; margin-top:-7px; width:8px; height:15px; background:url(case_detail_jt.png) no-repeat; background-position:0 0;} .case_detail01 .content .c_right .hot_pro .con .item .more:hover i{background-position:0 -15px;} /* 品牌综合 */ .brand_center.channel_content{padding:0;} .brand_center .infor{text-align:center;} .brand_center .infor .tit{font-size:44px; font-weight:bold; color:#333f47; } .brand_center .infor .con{font-size:16px; color:#808080; line-height:28px; margin:5px 0 30px;} .brand_center01{background:#fafafa; padding:50px 0;} .brand_center01 .content a{display:block;} .brand_center01 .content .rect-5515{padding-bottom:55.15%;} .brand_center01 .content .rect-5535{padding-bottom:55.35%;} .brand_center01 .content .rect-53{padding-bottom:53%;} .brand_center01 .content .item{width:32%; float:left; margin-left:2%;} .brand_center01 .content .item:first-child{margin-left:0;} .brand_center01 .content .item .intro{transition:all 0.5s ease;} .brand_center01 .content .item .intro .box{padding:30px 0 50px; color:#333f47;} .brand_center01 .content .item .intro .box .date{font-size:16px; line-height:32px; font-family:Arial;} .brand_center01 .content .item .intro .box .tit{font-size:28px; line-height:32px; margin:10px 0 20px; max-height:64px; white-space:normal;} .brand_center01 .content .item .intro .box .con{font-size:14px; line-height:24px; margin-bottom:18px; color:#666;} .brand_center01 .content .item:hover .intro .box .tit{font-weight:bold;} .brand_center02{padding:50px 0;} .brand_center02 .rect-28{padding-bottom:28.1%;} .brand_center02 .rect-5625{padding-bottom:56.25%;} .brand_center02 .rect-5615{padding-bottom:56.15%;} .brand_center02 .left{float:left; width:50%; cursor:pointer;} .brand_center02 .left .txt{background:#fafafa;} .brand_center02 .left .txt .box{padding:6% 3%;} .brand_center02 .left .txt .t{font-size:24px; color:#fcb026; line-height:28px; font-weight:lighter;} .brand_center02 .left .txt .c{font-size:35px; color:#2d3a43; line-height:28px; font-weight:bold; margin:15px 0;} .brand_center02 .left .txt .tool{font-size:13px; color:#2d3a43;} .brand_center02 .left .txt i{color:#fcb026;} .brand_center02 .left .cover{position:absolute; width:100%; height:100%; background:url(black.3.png);top:0; left:0;} .brand_center02 .left .cover i{position:absolute; width:98px; height:98px; background:url(brand_center02_2.png) no-repeat center; left:50%; margin-left:-49px; top:50%; margin-top:-49px;} .brand_center02 .right{float:right; width:50%;} .brand_center02 .right .item1 .cover{position:absolute; width:100%; height:100%; left:0; top:0;} .brand_center02 .right .item1 .cover a{display:block; padding:9% 4% 0;} .brand_center02 .right .item1 .cover .t_cn{font-size:34px; color:#fff;} .brand_center02 .right .item1 .cover .t_en{font-size:24px; color:#fff; font-family:Impact; text-transform:uppercase;} .brand_center02 .right .item2{background:#fafafa; cursor:pointer;} .brand_center02 .right .txt .box{padding:12% 6%;} .brand_center02 .right .txt .t{font-size:18px; color:#fcb026; line-height:28px; font-weight:lighter;} .brand_center02 .right .txt .c{font-size:24px; color:#2d3a43; line-height:28px; font-weight:bold; margin:15px 0;} .brand_center02 .right .txt .tool{font-size:13px; color:#2d3a43;} .brand_center02 .right .txt i{color:#fcb026;} .brand_center02 .right .item .txt{float:left; width:50%;} .brand_center02 .right .item .img{float:left; width:50%;} .brand_center02 .right .item .img .cover{position:absolute; width:100%; height:100%; background:url(black.3.png);top:0; left:0;} .brand_center02 .right .cover .icon1{position:absolute; width:69px; height:69px; background:url(brand_center02_3.png) no-repeat center; left:50%; margin-left:-34px; top:50%; margin-top:-34px;} .brand_center02 .right .cover .icon2{position:absolute; width:20px; height:39px; top:50%; margin-top:-18px;} .brand_center02 .right .item2 .cover .icon2{left:0; background:url(brand_center02_6.png) no-repeat center;} .brand_center02 .right .item3{background:#343e47; cursor:pointer;} .brand_center02 .right .item3 .txt{float:right;} .brand_center02 .right .item3 .img{float:left;} .brand_center02 .right .item3 .cover .icon2{background:url(brand_center02_7.png) no-repeat center; right:0;} .brand_center02 .right .item3 .txt .c{color:#fff;} .brand_center02 .right .item3 .txt .tool{color:#fff; color:rgba(255,255,255,0.6);} .brand_center03{margin-bottom:80px;} .brand_center03 .rect-64{padding-bottom:64%;} .brand_center03 .content li .li_box a{display:block; position:relative;} .brand_center03 .content li .li_box img{opacity:0; visibility:hidden;} .brand_center03 .content li .li_box .mask{position:absolute; left:0; top:0; background-color:rgba(0,0,0,.3); width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.2s ease 0s;} .brand_center03 .content li .li_box .intro_wrap{position:absolute; top:0; left:0; bottom:0; right:0; border:1px solid #e3e3e3;} .brand_center03 .content li .li_box .intro_wrap .box{padding:8%;} .brand_center03 .content li .li_box .intro_wrap .box .intro .tit{font-size:24px; color:#333f47; font-weight:bold;} .brand_center03 .content li .li_box .intro_wrap .box .intro .dec{font-size:15px; color:#696969; height:48px; line-height:24px; position:relative; margin-top:4%; overflow:hidden;;} .brand_center03 .content li .li_box .date{margin-top:4%;} .brand_center03 .content li .li_box .date .time{float:left; color:#8e8e8e;} .brand_center03 .content li .li_box .date .time .day{font-size:36px; font-family:Impact; color:#fcb026; line-height:1.2;} .brand_center03 .content li .li_box .date .time .year{font-size:13px; color:#fcb026;} .brand_center03 .content li .li_box .date .mores{width:30px; height:20px; float:right; padding:0; overflow:hidden; border:0; border-left:1px solid rgba(255,255,255,0.2); text-indent:-110px; border-radius:0; opacity:0; visibility:hidden; transition:all 0.3s ease 0s; margin-top:8px;} .brand_center03 .content li .li_box .date .mores:after{content:'>'; margin-left:10px; color:#fff; font-size:28px; padding-left:89px; text-indent:1px; line-height:18px; transition:all 0.3s ease 0s;} .brand_center03 .content li:hover .li_box .date .mores{opacity:1; visibility:visible;} .brand_center03 .content li:hover .li_box .date .mores:after{padding-left:105px;} .brand_center03 .content li:hover .li_box img{opacity:1; visibility:visible;} .brand_center03 .content li:hover .li_box .mask{opacity:1; visibility:visible;} .brand_center03 .content li:hover .li_box .intro_wrap .box .intro .tit{color:#fff;} .brand_center03 .content li:hover .li_box .intro_wrap .box .intro .dec{color:#fff;} .brand_center03 .content li:hover .li_box .date .time{color:#fff;} .brand_center03 .content li:hover .li_box .intro_wrap{border-color:transparent;} .brand_center03 .content li:hover .li_box .date .time .day{color:#fff;} .brand_center03 .content li:hover .li_box .date .time .year{color:#fff;} /* 第四部分品牌的动画 */ .brand_center04 .page1_logo {position:absolute; width:467px;height:142px;left: 50%;margin-left: -233px;top: 50%;margin-top: -122px;} .brand_center04 .tit{position:absolute; width:467px; left:50%; margin-left:-233px; top:50%; margin-top:50px; text-align:center; font-size:18px; color:#fff;} .brand_center04 .SibAiBody .infor{text-align:left;} .SibAiBody .infor .t1{font-size:30px; font-weight:lighter;} .SibAiBody .infor .t2{font-size:42px; font-weight:bold;} .SibAiBody .infor .c{font-size:16px;} #SibAiCubeButton.SibAiRed{font-size: 0;width: 66px;height: 102px;background:url(brand_center04_more.png) no-repeat center center;cursor: pointer;} #SibAiCubeButton.SibAiRed a{display: none;} #SibAiCubeButton a{display: none;} #SibAiCubeButton{width: 66px;height: 102px;background-image: url(brand_center04_button1.png);background-repeat: no-repeat;cursor: pointer;} #SibAiSection2 .SibAiImg{background-image:url(brand_center04_2.jpg);background-repeat: no-repeat;background-size: cover;} #SibAiPanel3 #SibAiSection2 .SibAiBody .infor1{display:block;} #SibAiPanel3 #SibAiSection2 .SibAiBody .infor2{display:none;} #SibAiPanel4 #SibAiSection2 .SibAiBody .infor1{display:none;} #SibAiPanel4 #SibAiSection2 .SibAiBody .infor2{display:block;} #SibAiSection3 .SibAiRightCol{background: url(brand_center04_3.jpg) no-repeat 50% 80%; background-size: cover;} #SibAiPanel6 #SibAiSection3 .SibAiLeftCol .SibAiBody .infor1{display:block;} #SibAiPanel6 #SibAiSection3 .SibAiLeftCol .SibAiBody .infor2{display:none;} #SibAiPanel7 #SibAiSection3 .SibAiLeftCol .SibAiBody .infor1{display:none;} #SibAiPanel7 #SibAiSection3 .SibAiLeftCol .SibAiBody .infor2{display:block;} #SibAiPanel7 #SibAiSection3 .SibAiLeftCol .SibAiBody .infor .t:after{background:#fcb026;} #SibAiPanel6 #SibAiSection3 .SibAiLeftCol .SibAiBody .infor .t:after{background:#fcb026;} #SibAiSection4 .SibAiLeftCol{background: url(brand_center04_4.jpg) no-repeat 50% 80%;background-size: cover;} #SibAiPanel11 #SibAiSection4 .SibAiLeftCol{background: url(brand_center04_4.jpg) no-repeat ;background-size: cover;} #SibAiPanel9 #SibAiSection4 .SibAiRightCol .SibAiBody .infor1{display:block;} #SibAiPanel9 #SibAiSection4 .SibAiRightCol .SibAiBody .infor2{display:none;} #SibAiPanel10 #SibAiSection4 .SibAiRightCol .SibAiBody .infor1{display:none;} #SibAiPanel10 #SibAiSection4 .SibAiRightCol .SibAiBody .infor2{display:block;} #SibAiPanel11 #SibAiSection4 .SibAiRightCol .SibAiBody .infor1{display:none;} #SibAiPanel11 #SibAiSection4 .SibAiRightCol .SibAiBody .infor2{display:block;} #SibAiSection4 .SibAiRightCol{background-color: none;} #SibAiSection5{background: url(940ca303d0724941b26474ec7c94a866.jpg) no-repeat fixed;background-size: cover;margin-bottom: 0;} #SibAiCubeContainer{background:#333; background-size: cover;margin-bottom: 0;} .SibAiRich #Contents{padding-bottom: 0;} #SibAiSection5 .SibAiButton a{background-color: #00479d;} #SibAiSection5 .SibAiButton a:before{background-color: #00479d;} #SibAiBody{overflow:hidden;} /*-------------------------zhangxr end-----------------------------*/ /*事业部*/ .shiyebu01 .infor .tit{font-size:48px; line-height:48px; font-weight:bold; color:#333f47; position:relative; padding-bottom:24px;} .shiyebu01 .infor .tit:after{content:''; width:90px; height:4px; background:#fcb027; position:absolute; left:0; bottom:0} .shiyebu01 .infor .con{font-size:18px; line-height:30px; color:#6b6b6b; margin-top:30px;} .shiyebu01 .content{margin-top:40px;} .shiyebu01 .content li .box{padding:2% 3%; border:1px #fff solid; border-bottom-color:#f1f1f1; } .shiyebu01 .content li .imgbox {width:24%; margin-right:4%;} .shiyebu01 .content li .info {width:auto; padding-top:50px;} .shiyebu01 .content li .info .title {font-size:24px; margin:0 0 8px;} .shiyebu01 .content li .info .p {font-size:13px; color:#727272; line-height:23px; height:46px; overflow:hidden;} /*返回顶部*/ .rightFloat{position:fixed; right:0; bottom:0; z-index:15; cursor:pointer;} .rightFloat .gotop{display:block;width:60px; height:60px; background:url(top.png) no-repeat;} .rightFloat .gotop:hover{background-position:0 -60px;} /*全站搜索*/ body .searchArea .content_form .form_box .search .btn_wrap{position:relative} body .searchArea .content_form .form_box .search .btn_wrap .btns{color:#333f47; border-color:#333f47; position:relative; z-index:3;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:none} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{display:none;} body .searchArea .content_form .form_box .search .btn_wrap:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} body .searchArea .content_form .form_box .search .btn_wrap:hover:after{width:100%;} body .searchArea{padding:0 0 60px;} /*表单按钮*/ body .channel-content-49189 .form-m1 .form-m1-btn button{width:136px; height:40px; line-height:40px; outline:none; border:none; border-radius:0;} body .channel-content-49189 .form-m1 .form-m1-btn ._submit{background:#fcb026; color:#333f47} body .Form-J1 .Form-J1-Btn button{width:136px; height:40px; line-height:40px; outline:none; border:none; border-radius:0;} body .Form-J1 .Form-J1-Btn ._submit{background:#fcb026; color:#333f47} /*品牌综合*/ #SibAiSection5 .SibAiButton a{display:none!important;} /*导航下拉按钮图标*/ .header_bott .inav .nav_li .pc_xiala_top .content ul.ul02 li span{display:inline-block; vertical-align:middle;} .header_bott .inav .nav_li .pc_xiala_top .content ul.ul02 li span.icon{width:20px; height:20px; transition:all 0.5s ease;} .header_bott .inav .zj .pc_xiala_top .content ul.ul02 li span.icon{background:url(zj.png) no-repeat;} /*.header_bott .inav .bj .pc_xiala_top .content ul.ul02 li span.icon{background:url(http://en.shantui.com/resources/web/img/bj.png) no-repeat;}*/ /*.header_bott .inav .gc .pc_xiala_top .content ul.ul02 li span.icon{background:url(http://en.shantui.com/resources/web/img/gc.png) no-repeat;}*/ /*.header_bott .inav .sg .pc_xiala_top .content ul.ul02 li span.icon{background:url(http://en.shantui.com/resources/web/img/sg.png) no-repeat;}*/ /*.header_bott .inav .qq .pc_xiala_top .content ul.ul02 li span.icon{background:url(http://en.shantui.com/resources/web/img/qq.png) no-repeat;}*/ /*.header_bott .inav .pp .pc_xiala_top .content ul.ul02 li span.icon{background:url(http://en.shantui.com/resources/web/img/pp.png) no-repeat;}*/ /*.header_bott .inav .gy .pc_xiala_top .content ul.ul02 li span.icon{background:url(http://en.shantui.com/resources/web/img/gy.png) no-repeat;}*/ .header_bott .inav .nav_li .pc_xiala_top .content ul.ul02 li span.icon1{background-position:0 0} .header_bott .inav .nav_li .pc_xiala_top .content ul.ul02 li span.icon2{background-position:-20px 0} .header_bott .inav .nav_li .pc_xiala_top .content ul.ul02 li:hover span.icon1{background-position:0 -20px} .header_bott .inav .nav_li .pc_xiala_top .content ul.ul02 li:hover span.icon2{background-position:-20px -20px} /*导航下拉叉号隐藏*/ .pc_xiala_top .content .xiala_close{display:none;} /* 发展历程 */ .history .container {position:relative; overflow: hidden; margin:0;} .history .container.last_min_height {min-height:860px;} .history .section {position:fixed; top:0; left:0; width:100%; height:100vh; padding:0; max-width:100%; min-height:inherit; visibility:hidden; opacity:0; z-index:0;} .history .section.on {visibility:visible; opacity:1; z-index:1;} .history .section .section_inner {position:relative; width:100%; height:100%;} .history .section .bg_box {position:absolute; bottom:0; left:0; width:100vw; height:100vh; box-sizing: border-box;} .history .section .bg_box .bg_box_inner {position:relative; width:100%; height:100%; overflow: hidden;} .history .section .bg_box .bg_box_inner:after {content:""; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); opacity:0;} .history .section .bg_box .bg_box_inner video {position: absolute; width: auto; height: auto; min-width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .history .section .bg_box .bg_box_inner li {position:absolute; bottom:0; left:0; width:100%; height:0; overflow: hidden;} .history .section .bg_box .bg_box_inner li:first-child {height:100%;} .history .section .bg_box .bg_box_inner li > div {position:absolute; bottom:0; left:0; width:100%; height:100vh;} .history .section .bg_box .bg_box_inner li:first-child > div {height:100%;} /*=== DETAIL ================================================================*/ #HISTORY_DETAIL {margin-top:88px; height:calc(100vh - 88px); color:#fff;} #HISTORY_DETAIL .back_btn {position:absolute; top:40px; left:40px; z-index:4;} #HISTORY_DETAIL .back_btn a {font-size:16px; line-height: 13px; display:inline-block; vertical-align: top;} #HISTORY_DETAIL .back_btn a:before {content:""; position:relative; top:2px; display: inline-block; margin-right:12px; width:16px; height:13px; background:url("back_arrow.png") no-repeat 0 0 / contain;} #HISTORY_DETAIL .back_btn a:after {content:""; position:absolute;bottom:-6px;left:0;width:0;height:1px;background:#fff; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;} #HISTORY_DETAIL .back_btn a:hover:after {width:100%;} #HISTORY_DETAIL .detail_container {position:relative; width:100%; height:100%;} #HISTORY_DETAIL .detail_container .hidden_scroll {position:fixed; top:0; left:0; width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; opacity:0;} #HISTORY_DETAIL .detail_container .hidden_scroll .hidden_contents {display: block; width:100%; height:100%;} #HISTORY_DETAIL .detail_contents {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing: border-box; visibility: hidden; opacity:0; z-index:0} #HISTORY_DETAIL .detail_contents.on {visibility: visible; opacity:1; z-index:1;} #HISTORY_DETAIL .detail_contents.change {animation:detail_change_animate 1s forwards cubic-bezier(.66,0,.34,1); visibility: visible; opacity:1; z-index:2;} #HISTORY_DETAIL .detail_contents .detail_inner {position:relative; margin-top:100px; height:100%;} #HISTORY_DETAIL .detail_contents .detail_inner .intro {position:absolute; top:100px; left:12vw; max-width:740px; word-break: keep-all;} #HISTORY_DETAIL .detail_contents .detail_inner .intro li.year {font-size:20px; color:#cccccc;} #HISTORY_DETAIL .detail_contents .detail_inner .intro li.year span {display: inline-block;} #HISTORY_DETAIL .detail_contents .detail_inner .intro li.year .year_str {font-size:20px;} #HISTORY_DETAIL .detail_contents .detail_inner .intro li.title {font-size: 52px;line-height: 52px;color: #fcb026; font-weight:bold; margin-top:33px; margin-bottom:60px;} #HISTORY_DETAIL .detail_contents .detail_inner .intro li.desc {font-size:16px; line-height: 30px; color:#cccccc; margin-bottom:60px;} #HISTORY_DETAIL .detail_contents .detail_inner .intro li.scroll {font-size:14px;letter-spacing:1.4px;} #HISTORY_DETAIL .detail_contents .detail_inner .intro li.scroll .arrow {display: inline-block; position:relative; vertical-align: middle; top:-4px;} #HISTORY_DETAIL .detail_contents .detail_inner .intro li.scroll .arrow:before {content:""; position:absolute; top:0; left:7px; width:7px; height:7px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); animation:detail_scroll_arrow_animate 1.5s infinite;} #HISTORY_DETAIL .detail_contents .detail_inner .intro li.scroll .arrow:after {content:""; position:absolute; top:0; left:0; width:7px; height:7px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); animation:detail_scroll_arrow_animate 1.5s 0.1s infinite;} #HISTORY_DETAIL .detail_contents .detail_inner .lists {position:relative; font-size:0; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; padding-top:8vw;padding-left:100%; -ms-overflow-style:none; height:100%;} #HISTORY_DETAIL .detail_contents .detail_inner .lists::-webkit-scrollbar {display:none;} #HISTORY_DETAIL .detail_contents .detail_inner .lists a {position:relative; display: inline-block; vertical-align: top; margin-right:120px;color: #fff; text-decoration: none} #HISTORY_DETAIL .detail_contents .detail_inner .lists a:last-child {margin-right:243px;} #HISTORY_DETAIL .detail_contents .detail_inner .lists a .thumb {width:400px;overflow:hidden;} #HISTORY_DETAIL .detail_contents .detail_inner .lists a img {width:100%;transition:all 500ms ease-out;} #HISTORY_DETAIL .detail_contents .detail_inner .lists a:hover .thumb img {transform:scale(1.1);} #HISTORY_DETAIL .detail_contents .detail_inner .lists a .copy_box {display: block; margin-top:20px; white-space: normal;} #HISTORY_DETAIL .detail_contents .detail_inner .lists a .copy_box span {display: block;} #HISTORY_DETAIL .detail_contents .detail_inner .lists a .copy_box .title {font-size:15px; margin-bottom:20px; line-height: 24px;} #HISTORY_DETAIL .detail_contents .detail_inner .lists a .copy_box .year {font-size:16px; color:#999999;} #HISTORY_DETAIL .detail_contents1 {background:url("detail_bg1.jpg") no-repeat center/cover;} #HISTORY_DETAIL .detail_contents2 {background:url("detail_bg2.jpg") no-repeat center/cover;} #HISTORY_DETAIL .detail_contents3 {background:url("detail_bg3.jpg") no-repeat center/cover;} #HISTORY_DETAIL .detail_contents4 {background:url("detail_bg4.jpg") no-repeat center/cover;} #HISTORY_DETAIL .detail_contents5 {background:url("detail_bg5.jpg") no-repeat center/cover;} body.ipad #HISTORY_DETAIL .detail_contents {padding-top:180px;} #HISTORY_DETAIL .progress {position:absolute; bottom:0; left:0; width:100%; height:120px; transform:translate(0, 45px); transition:transform 0.7s cubic-bezier(.66,0,.34,1); z-index:3;} #HISTORY_DETAIL .progress .progress_container {background-color:#222222; width:100%; height:100%;} #HISTORY_DETAIL .progress .progress_inner {font-size:0; padding:0 12vw; box-sizing: border-box;} #HISTORY_DETAIL .progress .progress_inner a {position:relative; width:20%; display:inline-block; margin-top:36px; text-align: center; vertical-align: top;} #HISTORY_DETAIL .progress .progress_inner a:before {content:""; position:absolute; top:0; left:0; width:18px; height:18px; margin:-9px; border:1px solid #fff; border-radius: 50%; opacity:0; box-sizing: border-box; z-index:1;} #HISTORY_DETAIL .progress .progress_inner a:after {content:""; position:absolute; top:0; left:0; width:18px; height:18px; margin:-9px; border:1px solid #fff; border-radius: 50%; opacity:0; box-sizing: border-box; z-index:1;} #HISTORY_DETAIL .progress .progress_inner a .line {position:relative; width:100%; height:1px; background-color:#444444; margin-bottom:36px;} #HISTORY_DETAIL .progress .progress_inner a .line .progress_line {position:absolute; top:0; left:0; width:0; height:1px; background-color:#fff;} #HISTORY_DETAIL .progress .progress_inner a:last-child .line:before {content:""; position:absolute; top:-4px; right:-7px; width:9px; height:9px; background:url("progress_end_arrow.png") no-repeat 0 0; background-size:9px;} #HISTORY_DETAIL .progress .progress_inner a .line:after {content:""; position:absolute; top:-3px; left:-3px; width:7px; height:7px; background-color:#fff; border-radius: 50%;} #HISTORY_DETAIL .progress .progress_inner a span {position:relative; display: inline-block; font-size:16px; color:#fff; opacity:0.42; transform:translate(0, 40px); transition:transform 0.7s 0.2s, opacity 0.3s;} #HISTORY_DETAIL .progress .progress_inner a span:after {content:""; position:absolute; bottom:-6px; left:50%; width:0; height:1px; background-color:#fff; transition:all 0.3s;} #HISTORY_DETAIL .progress .progress_inner a.already .line .progress_line {width:100% !important;} #HISTORY_DETAIL .progress .progress_inner a.on span {opacity:1;} #HISTORY_DETAIL .progress .progress_inner a.on span:after {left:0; width:100%;} #HISTORY_DETAIL .progress .progress_inner a:hover span {opacity:1;} #HISTORY_DETAIL .progress .progress_inner a.on:before {animation:progress_on_animate 2s infinite;} #HISTORY_DETAIL .progress .progress_inner a.on:after {animation:progress_on_animate 2s 0.5s infinite;} #HISTORY_DETAIL .progress .progress_arrow {position:absolute; top:30px; right:30px; width:20px; height:12px; transform:rotate(180deg); transition:transform 0.3s;} #HISTORY_DETAIL .progress .progress_arrow img{vertical-align: top;max-width: 100%;} #HISTORY_DETAIL .progress.on {transform:translate(0,0);} #HISTORY_DETAIL .progress.on .progress_inner a span {transform:translate(0,0);} #HISTORY_DETAIL .progress.on .progress_arrow {transform:rotate(0deg);} #HISTORY_DETAIL .progress .progress_container {transform:translate(0, 100px); opacity:0;} #HISTORY_DETAIL.on .progress .progress_container {transform:translate(0, 0); opacity:1; transition:all 1s 1s;} #HISTORY_DETAIL .detail_contents .detail_inner .intro li .tw_box {transform:translate(0, 100px); opacity:0;} #HISTORY_DETAIL .detail_contents.change .detail_inner .intro li .tw_box, #HISTORY_DETAIL .detail_contents.on .detail_inner .intro li .tw_box {transform:translate(0, 0); opacity:1; transition:all 1s;} #HISTORY_DETAIL .detail_contents.change .detail_inner .intro li:nth-of-type(1) .tw_box, #HISTORY_DETAIL .detail_contents.on .detail_inner .intro li:nth-of-type(1) .tw_box {transition-delay:1s;} #HISTORY_DETAIL .detail_contents.change .detail_inner .intro li:nth-of-type(2) .tw_box, #HISTORY_DETAIL .detail_contents.on .detail_inner .intro li:nth-of-type(2) .tw_box {transition-delay:1.1s} #HISTORY_DETAIL .detail_contents.change .detail_inner .intro li:nth-of-type(3) .tw_box, #HISTORY_DETAIL .detail_contents.on .detail_inner .intro li:nth-of-type(3) .tw_box {transition-delay:1.2s} #HISTORY_DETAIL .detail_contents.change .detail_inner .intro li:nth-of-type(4) .tw_box, #HISTORY_DETAIL .detail_contents.on .detail_inner .intro li:nth-of-type(4) .tw_box {transition-delay:1.3s} /*=== DETAIL ANIMATION ================================================================*/ #POPUP {position:fixed; top:89px; left:0; width:100%; height:calc(100% - 89px); background-color:rgba(0,0,0,0.8); z-index:3; overflow-y:auto; display: none;} #POPUP .popup_container {position:relative; width:100%; height:100%; display:table; text-align: center;} #POPUP .popup_inner {display: table-cell; vertical-align: middle;} #POPUP .popup_inner .thumb_box {position:relative; width:100%; max-width:784px; margin:0 auto; padding:60px 0;} #POPUP .popup_inner .thumb_box > img {width:100%;} #POPUP .popup_inner .thumb_box .popup_close {position:absolute; top:24px; right:0;width:21px;height:21px;} .isWeb {display: inline-block !important;} .isMob {display: none !important;} @keyframes step1_scroll_animate { 0%, 20% {height: 45%;top: -45%;} 80%, 100% {height: 45%;top: 145%;} } @keyframes detail_change_animate { 0% {transform:translate(100%,0);} 100% {transform:translate(0,0);} } @keyframes detail_scroll_arrow_animate { 0% {transform:translate(-5px,0) rotate(45deg); opacity:0;} 50% {transform:translate(0,0) rotate(45deg); opacity:1;} 100% {transform:translate(5px,0) rotate(45deg); opacity:0;} } @keyframes progress_on_animate { 0% {width:0; height:0; margin:0; opacity:0;} 10% {width:0; height:0; margin:0; opacity:1;} 90% {width:40px; height:40px; margin:-20px; opacity:0;} 100% {width:40px; height:40px; margin:-20px; opacity:0;} } /* 发展历程 end /*订购表单 end*/ .solution_list03 .content .item .intro .box .t a:hover{opacity:0.8; filter:Alpha(opacity=80)} /* .solution_list03 .content .item01 .intro .box .c a:hover{background:#fcb026; color:#333f47; border-color:#fcb026;} .solution_list03 .content .item01 .top .intro .box .c a:hover{background:#333f47; color:#fcb026; border-color:#333f47;} .solution_list03 .content .item01 .top .intro .box .t a:hover{color:#fff; color:rgba(255,255,255,.7);} .solution_list03 .content .item02 .intro .box .c a:hover{background:#fcb026; color:#333f47; border-color:#fcb026;} .solution_list03 .content .item02 .bottom .intro .box .c a:hover{background:#333f47; color:#fcb026; border-color:#333f47;} .solution_list03 .content .item02 .bottom .intro .box .t a:hover{color:#fff; color:rgba(255,255,255,.7);} .solution_list03 .content .item03 .top .intro .box .c a{border-color:#333f47; color:#333f47;} .solution_list03 .content .item03 .intro .box .c a:hover{background:#fcb026; color:#333f47; border-color:#fcb026;} body .bg-primary{background:#fcb026} */ /*0229*/ .xc_banner.big_banner>img{width:3840px; margin-left:-1920px;} .solu_banner.big_banner>img{width:3840px; margin-left:-1920px;} .about_banner.big_banner .video_box .video{width:3840px; margin-left:-1920px;} .pro_center01 .left ul{width:90%;} .bigscreen .pro_center01 .left li .tab{line-height:104px;} .part_center.bigscreen .pro_center01 .left li .tab{line-height:124px;} .part_center.bigscreen .pro_center02 .bd .item .right .li_box .more{padding:150px 40px;} .contact_us.bigscreen .BMap_mask{background-size:cover;} /*404页面*/ .channel_content.false{padding:0;} .false01 .content{width:850px;position:absolute; left:50%; margin-left:-425px; top:50%; margin-top:-302px; } .false01 .content .box{width:55%; margin:0 auto; padding-bottom:110px;} .false01 .text{padding:20px 0 0 60px;} .false01 .text .txt1{font-size:28px; font-weight:bold; color:#fcb026; margin-bottom:25px;} .false01 .text .txt2{font-size:18px; font-weight:bold; color:#1f1f1f;} .false01 .text .txt3{font-size:14px; color:#666; line-height:26px; margin-top:10px; margin-bottom:20px;} .false01 .text .txt3 li{position:relative; padding-left:25px;} .false01 .text .txt3 li:after{content:''; position:absolute; left:0; top:50%; margin-top:-4px; width:8px; height:8px; border-radius:50%; background:#959595;} .false01 .text .txt4{font-size:16px; color:#666; line-height:26px;} .false01 .text .txt4 a{color:#fcb026;} /* 0303 */ /* 订购表单 */ .order_form.channel_content{padding-bottom:0} .order_form01{padding:60px 0 40px;} .order_form01 .infor{text-align:center;} .order_form01 .infor .tit{font-size:30px; line-height:30px; font-family:Impact; text-transform:uppercase; color:#333f47; margin-bottom:15px;} .order_form01 .infor .con{font-size:16px; color:#333f47; line-height:25px;} /* .order_form01 .content{margin-top:25px;} */ .order_form01 .content li{float:left; width:32%; margin-left:2%; position:relative; box-shadow:0 0 25px rgba(0,0,0,.1);} /* .order_form01 .content li .li_box{padding:60px 55px 65px 35px;} */ .order_form01 .content li .li_box{padding:20px;} .order_form01 .content li .li_box .tit{font-size:25px; line-height:30px; color:#4f4f4f; color:rgba(79,79,79,.8); font-family:'H_Bold'} .order_form01 .content li .li_box .tit .num{font-size:35px; font-family:Impact; display:inline-block; vertical-align:-4px; margin-right:5px;} .order_form01 .content li .li_box .con{font-size:14px; line-height:20px; color:#333f47; margin-top:10px; height:60px; overflow:hidden;} .order_form01 .content li .icon{position:absolute; right:15px; bottom:0;} .order_form01 .content li:first-child{margin-left:0; background:#fcb026;} .order_form01 .content li:first-child .li_box .tit{color:#fff;} .order_form01 .content li:first-child .li_box .con{color:#fff;} .proOrder_form01{margin-bottom:40px;} .proOrder_form01 .content{padding:0 10%;} .proOrder_form01 .content .item{background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1)} .proOrder_form01 .content .img_{width:22%; float:left;} .proOrder_form01 .content .intro_{width:78%; float:left;} .proOrder_form01 .content .intro_ .box{padding:30px;} .proOrder_form01 .content .intro_ .box .left {width:64%; float:left;} .proOrder_form01 .content .intro_ .box .left .tit span{display:inline-block;} .proOrder_form01 .content .intro_ .box .left .tit span.xinghao{font-size:30px; color:#333f47; font-family:Impact;} .proOrder_form01 .content .intro_ .box .left .tit span.name{font-size:20px; color:#333f47} .proOrder_form01 .content .intro_ .box .left .con{font-size:14px; color:#333f47; line-height:23px;} .proOrder_form01 .content .intro_ .box .left .con span{display:block} .proOrder_form01 .content .intro_ .box .right{width:35%; float:right; margin-top:40px;} .proOrder_form01 .content .intro_ .box .right .cell{font-size:15px; color:#333f47; display:inline-block; padding:0 20px; position:relative; text-align:center} .proOrder_form01 .content .intro_ .box .right .cell .top_{font-size:20px; color:#fcb026} .proOrder_form01 .content .intro_ .box .right .cell02{padding-right:0;} .proOrder_form01 .content .intro_ .box .right .cell01:after{content:''; width:1px; height:50px; background:#d6d9da; position:absolute; right:0; top:50%; margin-top:-25px;} .order_form02{padding:30px 0 83px; background:#fafafa;} .order_form02 .infor{padding:0 4%;} .order_form02 .infor .tit{font-size:40px; line-height:40px; font-weight:bold; color:#333f47; display:none;} .order_form02 .content{/*padding:0 4%; margin-top:40px;*/} /* .order_form02 .content .form_box{background:#fff;} */ /* .order_form02 .content .form_box form{padding:30px;} */ .order_form02 .content .form_box form .inp_box{position:relative; margin-bottom:10px; font-size:0; padding-left:150px; box-sizing:border-box;} .order_form02 .content .form_box form .inp_box label{font-size:18px; color:#333f47; line-height:35px; width:150px; position:absolute; left:0; top:50%; margin-top:-17px; font-family:'H_Bold';} .order_form02 .content .form_box form .inp_box label span{color:#fcb026;} .order_form02 .content .form_box form .inp_box .inp{width:100%; display:inline-block; height:35px; line-height:35px; border:1px solid #e4e4e4; font-size:18px; text-indent:10px; vertical-align:middle; padding:0} .order_form02 .content .form_box form .inp_box .sele{width:100%; display:inline-block; height:37px; line-height:37px; border:1px solid #e4e4e4; font-size:18px; box-sizing:border-box} .order_form02 .content .form_box form .inp_box.message .inp{height:70px;} .order_form02 .content .form_box form .inp_box.yzm {margin-top:13px;} .order_form02 .content .form_box form .inp_box.yzm .img_{display:inline-block; vertical-align:middle; height:35px;} .order_form02 .content .form_box form .inp_box.yzm .img_ img{height:100%;} .order_form02 .content .form_box form .inp_box.yzm .inp{width:35%;} .order_form02 .content .form_box form .inp_box.accept{padding-left:0; font-size:14px; color:#aaa; line-height:25px; cursor:pointer; margin-bottom:0; display:none;} .order_form02 .content .form_box form .inp_box.accept span{display:inline-block; vertical-align:middle;} .order_form02 .content .form_box form .inp_box.accept i{display:inline-block; vertical-align:middle; width: 15px; height: 15px; border: 1px solid #333f47; margin:0 5px;} .order_form02 .content .form_box form .inp_box.accept.cur i {background: #fcb026; border-color: #fcb026;} .order_form02 .content .form_box form .inp_box.btns{padding-left:0; position:relative; margin-bottom:0; margin-right:0; text-align:center; margin-top:20px;} .order_form02 .content .form_box form .inp_box.btns button{display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; background:#fcb026; outline:none; border:none; font-size:17px; font-weight:bold; color:#333f47; cursor:pointer; position:relative;} .order_form02 .content .form_box form .inp_box.btns button span{position:relative; z-index:3} .order_form02 .content .form_box form .inp_box.btns button:after{content:''; width:0; height:100%; background:#333f47; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .order_form02 .content .form_box form .inp_box.btns button:hover{color:#fff;} .order_form02 .content .form_box form .inp_box.btns button:hover:after{width:100%;} /* 20200305 首页按钮修改 */ .ipart01 .content .li_.active .box .li_box .more{overflow:hidden; position:relative;} .ipart01 .content .li_.active .box .li_box .more span{display:inline-block; vertical-align:middle; position:relative; z-index:3;} .ipart01 .content .li_.active .box .li_box .more .icon{width: 8px;height: 16px;background: url(about_center03_jt.png) no-repeat;margin-left: 33px;} .ipart01 .content .li_.active .box .li_box .more:after{content:''; width:0; height:100%; background:#333f47; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .ipart01 .content .li_.active .box .li_box .more:hover span{color:#fff; } .ipart01 .content .li_.active .box .li_box .more:hover .icon{background-position:-8px 0;} .ipart01 .content .li_.active .box .li_box .more:hover:after{width:100%;} /* 全站搜索 */ .Total_banner{display:none;} .Total_search{padding-bottom:100px; padding-top:40px;} .Total_search01 .searchArea{background:url(total_banner.jpg) no-repeat center; padding:100px 0 80px; margin-bottom:50px;} .Total_search01 .searchArea .content_form .list a{color:#fff;} .Total_search01 .searchArea .content_form .list a:after{background:#fff;} .Total_search01 .searchArea .infor .tit{font-family:Impact; text-transform:uppercase; font-weight:normal} body .searchArea .content_form .form_box .search .btn_wrap{background:#fcb026;} body .searchArea .content_form .form_box .search .btn_wrap .btns{border:none; background:none; display:inline-block; width:auto;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:none;} body .searchArea .content_form .form_box .search .btn_wrap:hover .btns{color:#fff;} .Total_search01 .resultArea .infor .tit span{color:#fcb026;} .global_banner .intro .guanjian p{font-size:16px; font-weight:bold; color:#fcb026; margin-top:20px;} .global_banner .intro .guanjian p a{font-family:'Impact'; font-size:24px; font-weight:normal} .header_top .right li .icon01_0 {width:15px; height:14px; background: url(h_top_ico0.png) no-repeat center;} .header_top .right li.li00{font-family:Arial;} /* 2020-03-11 */ /* 手机端展示在PC端隐藏掉 */ .header_bott .mobile_key{display:none; width:39px; height:32px; background:url(mobile_key.png) no-repeat center;} .header_bott .m_search{display:none;} .m_header_top{display:none;} .m_nav{display:none;} .m_xcbanner{display:none} .m_pageFooter{display:none;} .m_third_nav{display:none;} .add_price{display:none;} /* 2020-03-26 产品中心加新品推荐 */ .pro_center02 .bd .item .right .li_box .infor{position:relative;} .pro_center02 .bd .item .right .li_box .infor .icon{width:63px; height:62px; background:url(pro_list_ico.png) no-repeat center; position:absolute; top:30px; right:-25px; opacity:0; visibility:hidden;} .pro_center02 .bd .item .right li.li_new .li_box .infor .icon{opacity:1; visibility:visible;} .header:after{content:''; width:167px; height:104px; background:url(h_ico.png) no-repeat center; position:absolute; right:10%; bottom:0; pointer-events:none;} /* 2020-0413 */ .case_detail01 .content .c_center{min-height:650px;} /* ********************************以下是英文站的修改*************************************** */ .header:after{display:none;} .header_top{display:none;} .header .erji_nav{top:104px;} .header_bott .inav .nav_li .nav_a{font-size:17px; text-transform:uppercase; font-weight:normal;} .header_bott .h_tools{padding:37px 0;} /* 语言版本下拉 */ .header_bott .h_tools .h_lan {display:inline-block; vertical-align:middle; position:relative;} .header_bott .h_tools .h_lan a{display:block} .header_bott .h_tools .h_lan .icon_map {display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(icon_map.png) no-repeat center;} .header_bott .h_tools .h_lan .icon_jt {display:inline-block; vertical-align:middle; margin-left:5px; width:11px; height:6px; background:url(xiala_jt.png) no-repeat;} .header_bott .h_tools .h_lan .lan_down{width:130px; position:absolute; left:50%; margin-left:-65px; top:140%; display:none; z-index:3; padding:5px 0; background:#E6E8EA; background:rgba(230,232,234,0.8);} .header_bott .h_tools .h_lan .lan_down ul>li{margin:5px 0; padding:0; float:none;} .header_bott .h_tools .h_lan .lan_down ul>li a{display:block; padding:5px 10px; color:#666; text-align: center;} .header_bott .h_tools .h_lan .lan_down ul>li a img{margin-right:10px; vertical-align:middle; display: none;} .header_bott .h_tools .h_lan .lan_down ul>li a span{display:inline-block; font-size:15px; vertical-align:middle} .header_bott .h_tools .h_lan .lan_down ul>li a:hover{background:rgba(255,255,255,.9);} /* 底部 */ .pageFooter{background:#333f47;} .en_f_top{padding:65px 0 35px;} .en_f_top .right{width:100%; float:right;} .en_f_top .right dl{/*width:25%;*/ float:left; color:#fff; text-transform:uppercase;} .en_f_top .right dl.dl01{width:24%;} .en_f_top .right dl.dl02{width:32%} .en_f_top .right dl.dl03{width:28%;} .en_f_top .right dl.dl04{width:16%; float:right} .en_f_top .right dl dt{font-size:28px; line-height:28px; font-family:Impact; padding-bottom:19px; position:relative; margin-bottom:30px;} .en_f_top .right dl dt:after{content:''; width:43px; height:3px; background:#feb100; position:absolute; left:0; bottom:0} .en_f_top .right dl dd{font-size:16px; line-height:20px; font-family:Arial; color:rgba(255,255,255,.5); margin-bottom:15px} .en_f_top .right dl dt a:hover{color:#fff;} .en_f_top .right dl dd a:hover{color:#fff;} .en_f_top .right dl dd .a2a_kit01{overflow:hidden;} .en_f_top .right dl dd .a2a_kit01 a{display:inline-block; float:none; width:28px; height:28px; background:url(f_share.png) no-repeat; padding:0; margin:9px 5px} .en_f_top .right dl dd .a2a_kit01 a span{display:none} .en_f_top .right dl dd .a2a_kit01 a.a2a_button_facebook{background-position:0 0;} .en_f_top .right dl dd .a2a_kit01 a.a2a_button_twitter{background-position:-28px 0;} .en_f_top .right dl dd .a2a_kit01 a.a2a_button_linkedin{background-position:-56px 0;} /* .en_f_top .right dl dd .a2a_kit01 .a2a_default_style a.a2a_button_twitter:hover{background-position:0 -28px;} .en_f_top .right dl dd .a2a_kit01 .a2a_default_style a.a2a_button_facebook:hover{background-position:-28px -28px;} .en_f_top .right dl dd .a2a_kit01 .a2a_default_style a.a2a_button_linkedin:hover{background-position:-56px -28px;} */ .en_f_cen{font-size:17px; font-family:Arial; color:#fcb026; line-height:30px; padding-bottom:5px;} .en_f_cen a,.en_f_cen em{display:inline-block;} .en_f_cen a:hover{color:rgba(252,176,38,.7);} .en_f_bott .content{padding:20px 0; color:#fff; color:rgba(255,255,255,.6); border-top:1px solid rgba(255,255,255,.1);} .en_f_bott .left{font-size:17px; line-height:22px; float:left; color:rgba(255,255,255,.4);} .en_f_bott .right{font-size:17px; line-height:22px; float:right;} .en_f_bott a:hover{color:#fff;} /* 首页banner修改 */ .ibanner{height:618px; overflow:hidden; position:relative;} .ibanner .item{height:618px; overflow:hidden; position:relative;} .ibanner .item .banner_img{height:618px; overflow:hidden; position:relative;} .ibanner .item .banner_img img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; height:auto;} .ibanner .item .banner_img video{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; height:auto;} /* 英文首页第一部分 */ .en_ipart01{padding:35px 0; background:#f5f5f5;} .en_ipart01 .content{position:relative;} .en_ipart01 .content .owl-carousel:after{content:''; width:110%; height:1px; background:url(en_ipart01_line.png) repeat center; position:absolute; left:-5%; top:51px; opacity:0; visibility:hidden;} .en_ipart01 .content .owl-carousel.owl-loaded:after{opacity:1; visibility:visible;} .en_ipart01 .content .owl-carousel .owl-stage-outer{z-index:2;} .en_ipart01 .content .item{display:none; transition:all 0.5s ease;} .en_ipart01 .content .owl-item .item{display:block;} .en_ipart01 .content .item .item_box{display:block; width:100px; margin:0 auto;} .en_ipart01 .content .item .icon{width:100px; height:100px; background-repeat:no-repeat; background-position:0 0; border:1px solid #dcdcdc; transition:background-color 0.5s ease; margin:0 auto; background-color:#f5f5f5;} .en_ipart01 .content .item .text{font-size:16px; color:#333f47; font-family:'H_Bold'; text-transform:uppercase; text-align:center; line-height:20px; margin-top:8px} .en_ipart01 .content .en_ipt1_btn>div{width:21px; height:41px; background:url(en_ipt1_btn.png) no-repeat; position:absolute; top:31px; z-index:2; font-size:0; cursor:pointer;} .en_ipart01 .content .en_ipt1_btn .owl-prev {left:-30px; background-position:0 0;} .en_ipart01 .content .en_ipt1_btn .owl-next {right:-30px; background-position:-21px 0px;} .en_ipart01 .content .item:hover .icon{background-position:0 -100px; background-color:#fcb026; border-color:#fcb026;} .en_ipart02{padding:60px 0 0;} .en_ipart02 .infor{margin-bottom:25px} .en_ipart02 .infor .tit a{display:block; font-size:48px; line-height:50px; font-family:Impact; text-transform:uppercase; color:#333f47; text-align:center; padding-left:0;} .en_ipart02 .infor .tit a:hover{opacity:0.7;} .en_ipart02 .infor .con{padding-left:70px; margin-top:28px; text-align:center} .en_ipart02 .infor .con li{display:inline-block; font-size:17px; line-height:28px; color:#333f47; padding:0 2px; position:relative;} .en_ipart02 .infor .con li:after {content:''; width:1px; height:12px; background:#989fa3; position:absolute; right:0; top:50%; margin-top:-6px;} .en_ipart02 .infor .con a{display:inline-block; font-size:17px; line-height:28px; color:#333f47; padding:0 24px; position:relative;} .en_ipart02 .infor .con a:after {content:''; width:1px; height:12px; background:#989fa3; position:absolute; right:0; top:50%; margin-top:-6px;} .en_ipart02 .infor .con a:last-child:after{display:none;} .en_ipart02 .infor .con a:hover{color:#fcb026} .en_ipart02 .content{background:url(en_ipart02_bg.jpg) no-repeat center; overflow:hidden; height:556px; position:relative; background-size:cover;} .en_ipart02 .content .con_box{position:relative; border-right:1px solid rgba(255,255,255,.4)} .en_ipart02 .content .li{position:relative; transition:all 0.5s ease; height:556px; opacity:0; visibility:hidden} .en_ipart02 .content .owl-item .li{opacity:1; visibility:visible;} .en_ipart02 .content .li:after{content:''; width:1px; height:100%; background:#fff; background:rgba(255,255,255,.4); position:absolute; left:0; top:0;} .en_ipart02 .content .active:first-child .li:after{display:none;} .en_ipart02 .content .li:before{content:''; position:absolute; top:0%; right:0%; width:100%; height:100%; background:url(black75.png) center; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease;} .en_ipart02 .content .li_box{position:relative; z-index:3; position:absolute; left:30px; right:30px; bottom:123px; transition:bottom 0.5s ease; color:#fff;} .en_ipart02 .content .li_box .tit a{font-size:35px; line-height:35px; margin-bottom:15px; font-family:Impact; text-transform:uppercase;} .en_ipart02 .content .li_box .list{margin-top:35px; display:none;} .en_ipart02 .content .li_box .list .text{font-size:16px; line-height:24px; font-family:Arial; color:#b6b6b6;} .en_ipart02 .content .li .more{position:absolute; left:30px; bottom:56px; font-size:17px; color:#fefefe; font-family:Arial; text-transform:uppercase;} .en_ipart02 .content .li .more a{display:inline-block; color:#fefefe; padding:7px 0;} .en_ipart02 .content .li .more span{display:inline-block; vertical-align:middle;} .en_ipart02 .content .li .more span.jt{width:33px; height:11px; background:url(en_ipart02_jt.png) no-repeat center; margin-left:5px;} .en_ipart02 .content .li.active:before{opacity:1; visibility:visible;} .en_ipart02 .content .li.active .li_box{bottom:190px;} .en_ipart02 .content .li.active .li_box .tit a{color:#feb100;} .en_ipart02 .content .li.active .more {background:#fcb026} .en_ipart02 .content .li.active .more a{padding-left:13px; padding-right:13px} .en_ipart02 .content .en_ipt2_btn>div{width:38px; height:69px; background:url(en_ipart02_btn.png) no-repeat; position:absolute; top:50%; margin-top:-35px; z-index:2; font-size:0; cursor:pointer;} .en_ipart02 .content .en_ipt2_btn .owl-prev {left:-50px; background-position:0 0;} .en_ipart02 .content .en_ipt2_btn .owl-next {right:-50px; background-position:-38px 0px;} .en_ipart03{background:url(en_ipart03_bg.jpg) no-repeat center; padding:80px 0;} .en_ipart03 .swiper-container {width:1260px; height:265px; overflow:hidden; position:relative;} /* .en_ipart03 .swiper-container .swiper-slide{margin-bottom:20px} */ .en_ipart03 .swiper-container a{display:block} .en_ipart03 .img_{width:21%; float:left; margin-left:6.5%;} .en_ipart03 .intro{width:62%; float:right; margin-right:5.3%;} .en_ipart03 .intro .box{padding-left:65px; position:relative;} .en_ipart03 .intro .box:before{content:''; width:42px; height:43px; background:url(en_ipart03_ico.png) no-repeat center; position:absolute; left:0; top:0;} .en_ipart03 .intro .box .smal_tit{font-size:26px; line-height:26px; font-family:'H_Bold'; color:#333f47; text-transform:uppercase; padding-top:21px;} .en_ipart03 .intro .box .big_tit{font-size:45px; line-height:45px; height:90px; overflow:hidden; font-family:Impact; color:#fff; text-transform:uppercase; margin:20px 0 30px;} .en_ipart03 .intro .box .big_tit a:hover{color:rgba(255,255,255,.8)} .en_ipart03 .intro .box .con{font-size:17px; line-height:25px; height:75px; overflow:hidden; color:#fff; font-family:Arial;} .en_ipart03 .pagination{position:absolute; right:0; top:105px; text-align:right; z-index:3; cursor:pointer;} .en_ipart03 .pagination span{display:block; height:3px; margin-bottom:20px; position:relative;} .en_ipart03 .pagination span:after{content:''; width:34px; height:4px; background:#fff; background:rgba(255,255,255,.6); transition:all 0.5s ease; position:absolute; right:0; top:0;} .en_ipart03 .pagination span.swiper-active-switch:after{width:47px; background:#fff; height:6px} .en_ipart03 .pagination span:hover:after{width:47px; height:6px;} .en_ipart04 {padding:60px 0;} .en_ipart04 .infor{text-align:center} .en_ipart04 .infor .tit{display:inline-block; font-size:48px; line-height:48px; color:#333f47; font-family:Impact; text-transform:uppercase;} .en_ipart04 .infor .con{font-size:17px; line-height:22px; color:#333f47; font-family:Arial; padding:0 13%; margin-top:20px} .en_ipart04 .content{margin-top:30px;} .en_ipart04 .content .rect-57{padding-bottom:57%;} .en_ipart04 .content .rect-476{padding-bottom:57%;} .en_ipart04 .content .left{width:47%; float:left;} .en_ipart04 .content .left a{display:block;} .en_ipart04 .content .left .intro{background:#f3f3f3;} .en_ipart04 .content .left .intro .box{padding:45px 40px 45px 30px;} .en_ipart04 .content .left .intro .box .date{font-size:18px; line-height:24px; font-family:Arial; color:#fcb026;} .en_ipart04 .content .left .intro .box .t{font-size:32px; line-height:36px; font-family:'H_Bold'; color:#333f47; height:72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .en_ipart04 .content .left .intro .box .c{font-size:15px; line-height:20px; font-family:Arial; color:#666; margin-top:14px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .en_ipart04 .content .right{width:51.3%; float:right;} .en_ipart04 .content .right a{display:block;} .en_ipart04 .content .right .r_top{margin-bottom:20px;} .en_ipart04 .content .right .r_top .item01{float:left} .en_ipart04 .content .right .r_top .item02{float:right} .en_ipart04 .content .right .r_top .item{width:48.4%; position:relative;} .en_ipart04 .content .right .r_top .item .intro{box-shadow:0 0 15px rgba(0,0,0,.2)} .en_ipart04 .content .right .r_top .item .intro .box{padding:25px 20px 60px;} .en_ipart04 .content .right .r_top .item .intro .box .date{font-size:16px; line-height:24px; font-family:Arial; color:#fcb026;} .en_ipart04 .content .right .r_top .item .intro .box .t{font-size:22px; line-height:26px; font-family:'H_Bold'; color:#333f47; height:52px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .en_ipart04 .content .right .r_top .item .new_share{position:absolute; right:0; bottom:0; background:#f3f3f3; height:34px; padding:0 5px} .en_ipart04 .content .right .r_top .item .a2a_kit{overflow:hidden;} .en_ipart04 .content .right .r_top .item .new_share a{display:block; float:right; width:19px; height:16px; background:url(new_share.png) no-repeat; padding:0; margin:9px 5px} .en_ipart04 .content .right .r_top .item .new_share a span{display:none} .en_ipart04 .content .right .r_top .item .new_share a.a2a_button_twitter{background-position:0 0;} .en_ipart04 .content .right .r_top .item .new_share a.a2a_button_facebook{background-position:-19px 0;} .en_ipart04 .content .right .r_top .item .new_share a.a2a_button_google_plus{background-position:-38px 0;} .en_ipart04 .content .right .r_top .item .new_share a.a2a_button_twitter:hover{background-position:0 -16px;} .en_ipart04 .content .right .r_top .item .new_share a.a2a_button_facebook:hover{background-position:-19px -16px;} .en_ipart04 .content .right .r_top .item .new_share a.a2a_button_google_plus:hover{background-position:-38px -16px;} .en_ipart04 .content .right .r_bott .box{padding:26px 24px; box-shadow:0 0 15px rgba(0,0,0,.2)} .en_ipart04 .content .right .r_bott .box .date{font-size:16px; line-height:24px; font-family:Arial; color:#fcb026; margin-bottom:4px} .en_ipart04 .content .right .r_bott .box .t{font-size:22px; line-height:26px; font-family:'H_Bold'; color:#333f47;} .en_ipart04 .content .right .r_bott .box .c{font-size:15px; line-height:20px; font-family:Arial; color:#666; margin-top:6px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .en_ipart04 .content .right .r_bott .box .more{display:inline-block; color:#fefefe; padding:7px 20px; font-size:17px; font-family:Arial; text-transform:uppercase; background:#fcb026; margin-top:25px} .en_ipart04 .content .right .r_bott .box .more span{display:inline-block; vertical-align:middle;} .en_ipart04 .content .right .r_bott .box .more span.jt{width:33px; height:11px; background:url(en_ipart02_jt.png) no-repeat center; margin-left:5px;} .en_ipart04 .content .right .r_bott .box .more:hover{opacity:0.8;} .en_ipart05{background:url(en_ipart06_1.jpg) no-repeat center; padding:38px 0;} .en_ipart05 .left{float:left; font-size:38px; line-height:43px; font-family:Impact; color:#fff; text-transform:uppercase} .en_ipart05 .left a:hover{color:rgba(255,255,255,.8)} .en_ipart05 .right{float:right;} .en_ipart05 .right .more{display:inline-block; color:#fefefe; padding:0px 20px; font-size:17px; font-family:Arial; text-transform:uppercase; background:#333f47; height:43px; line-height:43px;} .en_ipart05 .right .more span{display:inline-block; vertical-align:middle;} .en_ipart05 .right .more span.jt{width:33px; height:11px; background:url(en_ipart02_jt.png) no-repeat center; margin-left:5px;} .en_ipart05 .right .more:hover{opacity:0.8;} /*产品列表*/ .en_prolist_banner.xc_banner{height:376px; z-index: 8;} .en_prolist_banner .ban_form{position:absolute; left:0; width:100%; top:120px;} .en_prolist_banner .ban_form .tit{font-size:45px; line-height:45px; font-family:Impact; text-transform:uppercase; color:#fff; text-align:center; margin-bottom:40px;} .en_prolist_banner .ban_form .tit h1{font-size:45px; line-height:45px; font-family:Impact; text-transform:uppercase; color:#fff; text-align:center; margin-bottom:40px;} .en_prolist_banner .ban_form .form_box{text-align:center; width:63%; margin:0 auto;} .en_prolist_banner .ban_form .form_box .inp_box_wrap {width:30%; position:relative; background:#fff;} .en_prolist_banner .ban_form .form_box .inp_box_wrap .inp_txt{font-size:20px; color:#fd8800; font-weight:bold; position:absolute; left:10px; top:0; line-height:60px; height:60px; overflow:hidden;} .en_prolist_banner .ban_form .form_box .inp_box{display:block; width:100%; height:60px; line-height:60px; padding:0; margin:0; box-sizing:content-box; font-size:17px; color:#454545; text-indent:10px; background:#fff; border:none; text-align:left;} .en_prolist_banner .ban_form .form_box .inp_box_wrap>span{display: none;} .en_prolist_banner .ban_form .form_box .inp_box_wrap.year_select_wrap:after{content:''; width:1px; height:28px; background:#e0e0e0; position:absolute; right:0; top:50%; margin-top:-14px;} .en_prolist_banner .ban_form .form_box .inp_box_wrap.month_select_wrap:after{content:''; width:1px; height:28px; background:#e0e0e0; position:absolute; right:0; top:50%; margin-top:-14px;} .en_prolist_banner .ban_form .form_box .inp_box.select-ui-choose-default{border-radius:0;} .en_prolist_banner .ban_form .form_box .inp_box.select-ui-choose ._arrow .arr{left:-6px;} .en_prolist_banner .ban_form .form_box .inp_box.select-ui-options-default{overflow-x:hidden;} .en_prolist_banner .ban_form .form_box .inp_box.select-ui-options-default li:hover{background:#fd8800;} .en_prolist_banner .ban_form .form_box .inp_box.select-ui-choose-default ._txt{padding-left:0;} .en_prolist_banner .ban_form .form_box .btns{display:inline-block; width:69px; height:60px; line-height:60px; background:#fcb026; vertical-align:middle;} .en_prolist_banner .ban_form .form_box .btns button{background:none; padding:0; margin:0; width:100%; height:100%; display:block; outline:none; position:relative; box-shadow:none; border:none; cursor:pointer;} .en_prolist_banner .ban_form .form_box .btns button .icon{display:block; width:27px; height:27px; background:url(case_search.png) no-repeat center; position:absolute; left:50%; margin-left:-13px; top:50%; margin-top:-13px;} .en_prolist_banner .ban_form .con{font-size:16px; color:#fff; margin-top:10px; text-align:right; text-transform:uppercase;} .en_prolist_banner .ban_form .con span{font-weight:bold; color:#fcb026;} .en_pro_list.channel_content{padding-bottom:0;} .en_pro_list01{padding-bottom:60px;} .en_pro_list01 .left{width:23%; float:left;position: sticky;top: 80px;} .en_pro_list01 .left .box{padding:26px 18px 20px; border:2px solid #dcdcdc;} .en_pro_list01 .left .box .infor{border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:15px;} .en_pro_list01 .left .box .infor .t{float:left; font-size:24px; line-height:24px; font-family:Impact; color:#1b1b1b; text-transform:uppercase;} .en_pro_list01 .left .box .infor .c{float:right; font-size:15px; line-height:24px; color:#fcb026; cursor:pointer;} .en_pro_list01 .left .box .content{max-height:475px; overflow-y:auto; padding-right:10px;} /* 滚动条样式 */ .en_pro_list01 .left .box .content::-webkit-scrollbar {width:4px; height:4px;} .en_pro_list01 .left .box .content::-webkit-scrollbar-thumb {border-radius:5px; background:#fcb026; background:rgba(252,176,38,.6)} .en_pro_list01 .left .box .content::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} /* 滚动条样式 end*/ .en_pro_list01 .left .box .content .item{padding-top:15px; border-top:1px solid #dcdcdc; margin-top:20px} .en_pro_list01 .left .box .content .item:first-child{border-top:none; margin-top:0; padding-top:0} .en_pro_list01 .left .box .content .item .tit{font-size:16px; font-weight:bold; color:#1b1b1b; position:relative;text-transform:uppercase; display:block;} .en_pro_list01 .left .box .content .item .tit span.icon_jt{display:inline-block; width:19px; height:11px; background:url(icon_jt.png) no-repeat center; position:absolute; right:0; top:50%; margin-top:-5px; transition:all 0.5s ease; transform:rotateZ(-90deg);} .en_pro_list01 .left .box .content .item .item_down{margin-top:12px;} .en_pro_list01 .left .box .content .item .item_down .con_a{display:block; font-size:14px; line-height:22px; margin-bottom:5px; color:#454545; text-transform:uppercase; padding-left:25px; position:relative;} .en_pro_list01 .left .box .content .item .item_down .con_a i{display:block; width:17px; height:17px; background:url(en_prolist01_sele.png) no-repeat; position:absolute; left:0; top:2px;} /* 产品列表展开筛选 */ /* .en_pro_list01 .left .box .content .item.on .tit span.icon_jt{transform:rotateZ(0deg);} */ .en_pro_list01 .left .box .content .item.active .tit span.icon_jt{transform:rotateZ(0deg);} .en_pro_list01 .left .box .content .item.active .item_down{display: block;} .en_pro_list01 .left .box .content .item .item_down{display: none;} /* 点击筛选选项 */ .en_pro_list01 .left .box .content .item .item_down .con_a.cur i{background-position:-17px 0;} /* 右侧列表 */ .en_pro_list01 .right{width:74%; float:right} .en_pro_list01 .right .bd_infor{margin-bottom:20px;display: none;} .en_pro_list01 .right .bd_infor .tit{font-size:32px; font-family:Impact; color:#1b1b1b; line-height:32px; text-transform:uppercase;} .en_pro_list01 .right .bd_infor .con span{display:inline-block; font-size:18px; text-transform:uppercase; color:#333f47; font-weight:bold} .en_pro_list01 .right .bd_infor .con .con_txt{display:inline-block; font-size:0;} .en_pro_list01 .right .bd_infor .con_txt .cell{display:inline-block; height:26px; cursor:pointer; font-size:18px; color:#616161; line-height:26px; text-transform:uppercase;} .en_pro_list01 .right .bd_infor .con_txt em{display:inline-block; font-size:16px; margin:0 5px;} .en_pro_list01 .right .bd_infor .con_txt .cell:first-child{border-right:none;} .en_pro_list01 .right .bd_infor .con_txt .cell:last-child{border-left:none;} .en_pro_list01 .right .bd_infor .con_txt .cell.cur{color:#fcb026} .en_pro_list01 .right .add_list{font-size:0;} .en_pro_list01 .right .add_list .list_a{display:inline-block; margin-right:18px; /*margin-bottom:20px;*/} .en_pro_list01 .right .add_list .list_a.no_content{margin:0} .en_pro_list01 .right .add_list .list_a span{display:inline-block; font-size:14px; padding:0 40px 0 10px; height:42px; line-height:42px; color:#1b1b1b; text-transform:uppercase; vertical-align:middle; background:#fcb026; position:relative;} .en_pro_list01 .right .add_list .list_a span:after{content:''; width:16px; height:16px; background:url(close1.png) no-repeat center; position:absolute; right:14px; top:50%; margin-top:-8px; transition:all 0.5s ease;} .en_pro_list01 .right .add_list .list_a span:hover:after{transform:rotateZ(180deg);} /* .en_pro_list01 .right .bd_list{margin-top:20px;} */ .en_pro_list01 .right .bd_list li {margin-bottom:30px; transition:all 0.5s ease; width:32%; margin-right:2%; float:left} .en_pro_list01 .right .bd_list li:nth-child(3n){margin-right: 0;} .en_pro_list01 .right .bd_list .li_three{margin-right:0;} .en_pro_list01 .right .bd_list li .li_box{border:1px solid #d6d6d6;} .en_pro_list01 .right .bd_list li .infor{padding:20px 20px 0; position:relative; z-index:2;} .en_pro_list01 .right .bd_list li .infor .model{font-size: 14px;line-height: 28px;font-weight: bold;color: rgba(14,14,14,.8);height: 28px;overflow: hidden;} /* .en_pro_list01 .right .bd_list li .infor .tit{font-size:14px; line-height:30px; font-weight:bold; text-transform:uppercase; color:#454545; white-space:nowrap; text-overflow:ellipsis; height:30px; overflow:hidden;} */ .en_pro_list01 .right .bd_list li .infor .tit{text-transform: uppercase;} .en_pro_list01 .right .bd_list li .infor .con { white-space: nowrap;} .en_pro_list01 .right .bd_list li .infor .con,.en_pro_list01 .right .bd_list li .infor .tit{font-size:30px; line-height:1.16; color:#1b1b1b; font-family:Impact;} .en_pro_list01 .right .bd_list li .infor .con.hunning{font-size:20px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:80%;} .en_pro_list01 .right .bd_list li .infor .icon{width:41px; height:40px; background:url(hot.png) no-repeat center; position:absolute; top:10px; right:10px; opacity:0; visibility:hidden; background-size:cover; display: none;} .en_pro_list01 .right .bd_list li.li_new .infor .icon{opacity:1; visibility:visible;} .en_pro_list01 .right .bd_list li .img_{width:86%; margin:20px auto;} .en_pro_list01 .right .bd_list li .intro{padding:15px 20px;/*display: none;*/} .en_pro_list01 .right .bd_list li .intro .con .con_text{font-size:14px; height:44px; overflow:hidden} .en_pro_list01 .right .bd_list li .intro .con .con_text .text_t{color:#4a4a4a; line-height:24px; text-transform:uppercase;} .en_pro_list01 .right .bd_list li .intro .con .con_text .text_c{color:#0a0a0a; font-weight:bold; text-transform:uppercase;} .en_pro_list01 .right .bd_list li .intro .con .con_text .text_c .cn{display:none; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:22px;} .en_pro_list01 .right .bd_list li .intro .con .con_text .text_c .cn.on{display:block;} .en_pro_list01 .right .bd_list li .intro .con .con_text .text_c .en{display:block; /*display:none;*/ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:22px} .en_pro_list01 .right .bd_list li .intro .con .con_text .text_c .en.on{display:block;} .en_pro_list01 .right .bd_list li:hover{box-shadow:0 0 20px rgba(0,0,0,0.2)} .en_pro_list01 .right .bd_list li .more_box{text-align:center; margin-bottom:35px;} .en_pro_list01 .right .bd_list li .more_box .more{display:inline-block; width:114px; height:34px; line-height:34px; text-align:center; border:1px solid #798186; font-size:14px; color:#333f47; position:relative; margin-left:14px; text-transform:uppercase;} .en_pro_list01 .right .bd_list li .more_box .more:first-child{margin-left:0px;} .en_pro_list01 .right .bd_list li .more_box .more span{position:relative; z-index:3;} .en_pro_list01 .right .bd_list li .more_box .more:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .en_pro_list01 .right .bd_list li .more_box .more:hover{color:#f5a834; border-color:#333e46;} .en_pro_list01 .right .bd_list li .more_box .more:hover:after{width:100%;} .en_pro_list02{padding:50px 0 42px; background:#fcb026;} .en_pro_list02 .infor .tit{text-align:center; text-transform:uppercase; font-size:32px; line-height:32px; color:#333f47; font-family:Impact; margin-bottom:45px;} .en_pro_list02 li{width:25%; float:left; position:relative} /* .en_pro_list02 li:after{content:''; width:2px; height:100px; background:#fff; background:rgba(255,255,255,.3); position:absolute; left:0; top:22px;} .en_pro_list02 li:first-child:after{display:none;} */ .en_pro_list02 li .li_box{padding:0 11.5%; display:block;} .en_pro_list02 li .li_box .img_{width:78px; height:60px; margin:0 auto 15px; transition:all 0.5s ease;} .en_pro_list02 li .li_box .intro{text-align:center;} .en_pro_list02 li .li_box .intro .txt{font-size:22px; line-height:25px; color:#333f47; font-family:Impact; text-transform:uppercase;} .en_pro_list02 li:hover .li_box .img_{transform:rotateY(180deg);} /*产品详细*/ .proDetail_pageHeader.pageHeader.xc_pageHeader{height:auto;} .proDetail_pageHeader .xc_header{position:relative; top:0!important;} .en_pro_detail.channel_content{padding:0;} .en_pro_detail01{border-bottom:6px solid #fcb026; position:relative} .en_pro_detail01:after{content:''; width:1000px; background:#f6f6f6; height:100%; position:absolute; left:80%; ; top:0; z-index:2;} .en_pro_detail01 .left{width:60%; float:left; position:relative; padding:30px 0; overflow:hidden;} .en_pro_detail01 .left .proDetail_crumbs{margin-bottom:15px; text-transform:uppercase;} .en_pro_detail01 .left .proDetail_crumbs a{font-size:16px; color:#505050;} .en_pro_detail01 .left .proDetail_crumbs a:hover{color:#fcb026;} .en_pro_detail01 .left .proDetail_crumbs span{font-size:16px; color:#505050;} .en_pro_detail01 .left .left_r{padding:0 13%;} /* .en_pro_detail01 .left .left_r .big_img{width:82%; margin:0 auto 22px;} .en_pro_detail01 .left .left_r .smal_img ul{text-align:center; font-size:0;} .en_pro_detail01 .left .left_r .smal_img li{width:23.5%; margin-left:2%; display:inline-block; cursor:pointer;} .en_pro_detail01 .left .left_r .smal_img li:first-child{margin-left:0;} .en_pro_detail01 .left .left_r .smal_img li .li_box{border:2px solid #ececec;} .en_pro_detail01 .left .left_r .smal_img li.cur .li_box{border-color:#fcb026;} */ /*手册下载弹窗*/ .en_pro_detail01 .left .download_box{position:absolute; left:0; top:0; width:100%; height:100%; display:none; background:#fff; z-index:2;} .en_pro_detail01 .left .download_box .box{padding:60px 45px 57px 10px;} .en_pro_detail01 .left .download_box .box .tit{font-size:30px; line-height:30px; color:#333f47; font-family:Impact; margin-bottom:15px;} .en_pro_detail01 .left .download_box .box .con{font-size:24px; line-height:30px; color:#333f47; font-weight:lighter; margin-bottom:45px;} .en_pro_detail01 .left .download_box .box .inp_wrap{width:43%; margin-right:3%; float:left; height:40px; line-height:40px; margin-bottom:40px; border-bottom:1px solid #ccc;} .en_pro_detail01 .left .download_box .box .inp_wrap .inp{width:100%; border:none; height:40px; line-height:40px; font-size:15px; color:#6a6a6a; text-indent:10px; background:none} .en_pro_detail01 .left .download_box .box .inp_wrap .inp.select-ui-choose-default ._txt{padding-left:0;} .en_pro_detail01 .left .download_box .box .fasong{float:left;} .en_pro_detail01 .left .download_box .box .Agreement{margin:0px 0 40px; cursor:pointer; float:left; width:100%;} .en_pro_detail01 .left .download_box .box .Agreement .icon{display:inline-block; width:15px; height:15px; border:1px solid #333f47; margin-right:15px; vertical-align:middle;} .en_pro_detail01 .left .download_box .box .Agreement .txt{font-size:15px; color:#333f47; display:inline-block; vertical-align:middle;} .en_pro_detail01 .left .download_box .box .Agreement .txt a{color:#fcb026; font-weight:bold; margin-left:5px;} .en_pro_detail01 .left .download_box .box .Agreement.cur .icon{background:#fcb026; border-color:#fcb026;} .en_pro_detail01 .left .download_box .box .more{float:left;} .en_pro_detail01 .left .download_box .box .more a{display:block; width:190px; height:52px; line-height:52px; font-size:18px; font-weight:bold; color:#333f47; background:#fcb026; text-align:center;} .en_pro_detail01 .left .download_box .box .more button{display:block; width:190px; height:52px; line-height:52px; font-size:18px; font-weight:bold; color:#333f47; background:#fcb026; text-align:center; outline:none; border:none;} .en_pro_detail01 .left .download_box .box .close{width:36px; height:36px; background:url(pro_detail_close.png) no-repeat center; position:absolute; top:60px; right:45px; transition:all 0.5s ease; cursor:pointer; background-size:cover;} .en_pro_detail01 .left .download_box .box .close:hover{transform:rotateZ(180deg);} .en_pro_detail01 .right{width:40%; float:right; background:#f6f6f6; min-height:653px; overflow:hidden; position:relative} .en_pro_detail01 .right .r_box{padding:45px 20px 30px 30px; position:relative; z-index:3;} .en_pro_detail01 .right .smal_tit{font-size:19px; line-height:30px; color:#fcb026; font-weight:bold; text-transform:uppercase;} .en_pro_detail01 .right .big_tit{font-size:60px; line-height:60px; color:#333f47; font-family:Impact; text-transform:uppercase;} .en_pro_detail01 .right .big_tit.hunningtu{font-size:40px; line-height:45px;} .en_pro_detail01 .right .intro{margin-top:17px;} .en_pro_detail01 .right .intro .item{margin-bottom:10px} .en_pro_detail01 .right .intro .item .t{font-size:18px; line-height:22px; color:#7b7b7b; text-transform:uppercase;} .intro .item .t{font-size:18px; line-height:22px; color:#7b7b7b; text-transform:uppercase;} .en_pro_detail01 .right .intro .item .c{font-size:17px; line-height:22px; color:#333f47; font-weight:bold;} .en_pro_detail01 .right .pro_download{position:relative; padding-bottom:17px;} .en_pro_detail01 .right .pro_download:after{content:''; position:absolute; left:0; bottom:0; width:75%; height:1px; background:#c1c1c1;} .en_pro_detail01 .right .pro_download a .icon{display:inline-block; width:16px; height:16px; background:url(pro_add.png) no-repeat; position:absolute; left:5px; top:7px; transition:all 0.5s ease;} .en_pro_detail01 .right .pro_download a:hover .icon{background-position:0 -16px;} .en_pro_detail01 .right .pro_download a span{display:inline-block; font-size:18px; color:#2e2e2e; font-weight:bold; line-height:28px; padding-left:35px; transition:all 0.5s ease;} .en_pro_detail01 .right .pro_download a:hover span{color:#fd8800;} .en_pro_detail01 .right .con{margin:15px 0;} .en_pro_detail01 .right .con a{display:inline-block; margin-right:40px;} .en_pro_detail01 .right .con a span{display:inline-block; vertical-align:middle;} .en_pro_detail01 .right .con a span.icon{width:19px; height:19px; margin-right:10px;} .en_pro_detail01 .right .con a span.icon img{display:none;} /*.en_pro_detail01 .right .con a.con_a1 span.icon{background:url(../image/pro_detail01_ico1.png) no-repeat 0 -19px;;} .en_pro_detail01 .right .con a.con_a1:hover span.icon{background-position:0 0} .en_pro_detail01 .right .con a.con_a2 span.icon{background:url(../image/pro_detail01_ico2.png) no-repeat 0 -19px;} .en_pro_detail01 .right .con a.con_a2:hover span.icon{background-position:0 0;} .en_pro_detail01 .right .con a.con_a3 span.icon{background:url(../image/pro_detail01_ico3.png) no-repeat 0 -19px;}*/ .en_pro_detail01 .right .con a.con_a3:hover span.icon{background-position:0 0;} .en_pro_detail01 .right .con a span.txt{font-size:17px; color:#888888;} .en_pro_detail01 .right .con a:hover span.txt{color:#fcb026} .en_pro_detail01 .right .pro_price{width:36%; height:58px; line-height:58px; background:#333f47; text-align:center; font-size:22px; font-family:Impact; color:#fcb026; position:relative; text-transform:uppercase;} .en_pro_detail01 .right .pro_price a{position:relative; z-index:3; color:#fcb026; display:block;} .en_pro_detail01 .right .pro_price:after{content:''; width:0; height:100%; background:#fcb026; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .en_pro_detail01 .right .pro_price a:hover{color:#333f47;} .en_pro_detail01 .right .pro_price:hover:after{width:100%;} .en_pro_detail02 .hd{border-bottom:1px solid #dfdfdf; margin-bottom:50px; height:103px;position: sticky;top: 0;z-index: 9999;background: #fff;} .en_pro_detail02 .hd .target_wrap{padding:29px 0px; transition:padding 0.5s ease;} /*.en_pro_detail02 .hd.fixed{height:74px;}*/ .en_pro_detail02 .hd .target_wrap.fixed{width:100%; position:fixed; left:0; top:0; background:#fff; z-index:5; box-shadow:0 0 15px rgba(0,0,0,.2); padding:15px 0;} .en_pro_detail02 .hd .title{float:left; font-size:44px; line-height:44px; color:#333f47; font-family:Impact; text-transform:uppercase;} .en_pro_detail02 .hd .title.hunningtu{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:40%;} .en_pro_detail02 .hd ul{float:right;} .en_pro_detail02 .hd ul li{display:inline-block; font-size:22px; line-height:44px; color:#333f47; text-transform:uppercase; font-family:'H_Bold'; margin-left:50px; cursor:pointer;} .en_pro_detail02 .hd ul li.active{color:#fcb026;} .en_pro_detail02 .sections{margin-bottom:50px;} .en_pro_detail02 .sections .title{font-size:48px; line-height:48px; color:#333f47; font-family:Impact; text-transform:uppercase; margin-bottom:27px;} .en_pro_detail02 .sections01 .content .left{width:39%; float:left;} .en_pro_detail02 .sections01 .content .left li{font-size:18px; height:69px; line-height:28px; color:#333f47; font-weight:bold; position:relative; cursor:pointer; border-bottom:1px solid #eee;} .en_pro_detail02 .sections01 .content .left li:after {content:''; display:inline-block; *display:inline; *zoom:1; height:100%; vertical-align:middle; visibility:hidden;} .en_pro_detail02 .sections01 .content .left li span{display:inline-block; vertical-align:middle; position:relative; padding-left:15px; padding-right:20px;} .en_pro_detail02 .sections01 .content .left li span:before{content:''; width:6px; height:6px; background:#333f47; position:absolute; left:0; top:9px; border-radius:50%;} .en_pro_detail02 .sections01 .content .left li.cur {color:#fcb026} .en_pro_detail02 .sections01 .content .left li.cur span:before{background:#fcb026;} .en_pro_detail02 .sections01 .content .right{width:59%; float:right; height:401px; background:#f6f6f6; position:relative} .en_pro_detail02 .sections01 .content .right li{position:absolute; left:0; bottom:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease;} .en_pro_detail02 .sections01 .content .right li .li_box{padding:50px 45px;} .en_pro_detail02 .sections01 .content .right li .intro{float:left; width:43%; padding-right:20px; height:300px; overflow-y:auto;} /* 由于左侧高度不定，现在目前基本是以左侧最矮来写右侧的内容高度 */ .en_pro_detail02 .sections01 .content .right li .intro{height:250px;} .en_pro_detail02 .sections01 .content .right li .intro::-webkit-scrollbar {width:4px; height:4px;} .en_pro_detail02 .sections01 .content .right li .intro::-webkit-scrollbar-thumb {border-radius:5px; background:#fcb026; background:rgba(252,176,38,.6)} .en_pro_detail02 .sections01 .content .right li .intro::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .en_pro_detail02 .sections01 .content .right li .intro .tit{font-size:24px; color:#333f47; font-weight:bold; margin-bottom:11px;} .en_pro_detail02 .sections01 .content .right li .intro .con{font-size:15px; color:#333f47; line-height:30px;} .en_pro_detail02 .sections01 .content .right li .img_{width:46%; float:right;} .en_pro_detail02 .sections01 .content .right li.no_img .intro{width:100%;} .en_pro_detail02 .sections01 .content .right li.no_img .img_{display:none;} .en_pro_detail02 .sections01 .content .right li.cur{opacity:1; visibility:visible;} .en_pro_detail02 .sections01 .bianji{margin-top:30px} .en_pro_detail02 .sections02 .content{position:relative; overflow-x:auto; text-align:center;} .en_pro_detail02 .sections02 .content .content_table .table_tr{height:59px;/* padding:0 20px;*/} /*最顶上一行 背景是主色橙色*/ .en_pro_detail02 .sections02 .content .content_table .table_tr.top_tr.content_tr{font-weight:normal; background:#f8f8f8; color:#333f47; font-size:15px; font-weight:bold;} /*每一条td宽度是257 */ /* .en_pro_detail02 .sections02 .content .content_table .table_tr td{width:257px; box-sizing:border-box; word-break:break-all;} */ /*标题区的背景*/ .en_pro_detail02 .sections02 .content .content_table .table_tr.title_tr{background:#eeeff7;} /*内容区的背景和高度*/ .en_pro_detail02 .sections02 .content .content_table .table_tr.content_tr{background:#FFF;} /*表格2绝对定位 只留下左侧一列，也就是每一个tr中的第一个td*/ /* .en_pro_detail02 .sections02 .content .content_table01{position:relative; z-index:1;} .en_pro_detail02 .sections02 .content .content_table02{position:absolute; left:0; top:0; width:228px; border-right:1px solid #c2c2c2; z-index:2;overflow:hidden;} .en_pro_detail02 .sections02 .content .content_table .table{width:2058px; overflow:hidden; display:block; max-width:none;} .en_pro_detail02 .sections02 .content .content_table02 .table-responsive{overflow:hidden;} .en_pro_detail02 .sections02 .content .content_table02 .table_tr td.nofirst_td{ display:none;} .en_pro_detail02 .sections02 .content .content_table02 .table_tr td.first_td{width:257px;} .en_pro_detail02 .sections02 .table{margin-bottom:0;} */ .en_pro_detail02 .sections03{background:url(pro_detail03_1.jpg) no-repeat center; padding:50px 0;} .en_pro_detail02 .sections03 .infor .smal_tit{font-size:36px; line-height:36px; font-weight:lighter; color:#fff;} .en_pro_detail02 .sections03 .infor .title{color:#fff;} .en_pro_detail02 .sections03 .content{position:relative} .en_pro_detail02 .sections03 .content .rect-6083{padding-bottom:60.83%;} /*.en_pro_detail02 .sections03 .content .item{width:32%; margin-left:2%; float:left; position:relative}*/ .en_pro_detail02 .sections03 .content .item a{display:block;} .en_pro_detail02 .sections03 .content .item:first-child{margin-left:0px;} .en_pro_detail02 .sections03 .content .item .intro{background:#fff;} .en_pro_detail02 .sections03 .content .item .intro .box{padding:30px 25px;} .en_pro_detail02 .sections03 .content .item .intro .box .line{width:49px; height:3px; background:#fcb026;} .en_pro_detail02 .sections03 .content .item .intro .box .t{font-size:24px; line-height:28px; color:#000e2e; margin-top:15px; text-transform:uppercase; font-family:'H_Bold'; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .en_pro_detail02 .sections03 .content .item .cover{position:absolute; left:0; bottom:0; width:100%; height:100%; background:#fcb026; transition:all 0.5s ease; opacity:0; visibility:hidden;} .en_pro_detail02 .sections03 .content .item .cover:after{content:''; width:234px; height:218px; background:url(pro_detail03_3.png) no-repeat center; position:absolute; right:0; bottom:0;} .en_pro_detail02 .sections03 .content .item .cover .box{padding:50px 25px; position:relative; z-index:2;} .en_pro_detail02 .sections03 .content .item .cover .box .t{font-size:34px; line-height:34px; font-family:'H_Bold'; color:#333f47; margin-bottom:20px; text-transform:uppercase; text-overflow:ellipsis; height:136px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;} .en_pro_detail02 .sections03 .content .item .cover .box .c{font-size:15px; line-height:22px; color:#535353; height:154px; overflow:hidden;} .en_pro_detail02 .sections03 .content .item:hover .cover{opacity:1; visibility:visible;} .en_pro_detail02 .sections03 .content .item{display:none;} .en_pro_detail02 .sections03 .content .owl-item .item{display:block;} .en_pro_detail02 .sections03 .content .sec3_btn>div{width:26px; height:77px; background:url(service01_jt.png) no-repeat; position:absolute; top:50%; margin-top:-38px; z-index:2; font-size:0; cursor:pointer;} .en_pro_detail02 .sections03 .content .sec3_btn>div.disabled{display:none;} .en_pro_detail02 .sections03 .content .sec3_btn .owl-prev {left:-35px;background-position:0 -77px;} .en_pro_detail02 .sections03 .content .sec3_btn .owl-next {right:-35px;background-position:-26px -77px;} .en_pro_detail02 .sections04 .content{margin-top:30px;} .en_pro_detail02 .sections04 .content li{transition:all 0.5s ease; margin-bottom: 20px;} .en_pro_detail02 .sections04 .content li .li_box{border:1px solid #d6d6d6;} .en_pro_detail02 .sections04 .content li .infor{padding:20px 20px 0; position:relative; z-index:2;} .en_pro_detail02 .sections04 .content li .infor .tit{font-size:14px; line-height:30px; font-weight:bold; text-transform:uppercase; color:#454545;} .en_pro_detail02 .sections04 .content li .infor .con{font-size:30px; line-height:30px; color:#1b1b1b; font-family:Impact} .en_pro_detail02 .sections04 .content li .infor .con.hunningtu{height:60px; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .en_pro_detail02 .sections04 .content li .infor .icon{width:41px; height:40px; background:url(hot.png) no-repeat center; position:absolute; top:20px; right:15px; opacity:0; visibility:hidden; background-size:cover;} .en_pro_detail02 .sections04 .content li.li_new .infor .icon{opacity:1; visibility:visible;} .en_pro_detail02 .sections04 .content li .img_{width:86%; margin:20px auto 0px;} .en_pro_detail02 .sections04 .content li .intro{padding:15px 20px; min-height: 136px; /* margin-bottom: 3px; */ height: 35px;} .en_pro_detail02 .sections04 .content li .intro .con .con_text{font-size:14px; height:53px; overflow:hidden} .en_pro_detail02 .sections04 .content li .intro .con .con_text .text_t{color:#4a4a4a; line-height:24px; text-transform:uppercase;} .en_pro_detail02 .sections04 .content li .intro .con .con_text .text_c{color:#0a0a0a; font-weight:bold; text-transform:uppercase;} .en_pro_detail02 .sections04 .content li .intro .con .con_text .text_c .cn{display:none; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .en_pro_detail02 .sections04 .content li .intro .con .con_text .text_c .en{display:block; display:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .en_pro_detail02 .sections04 .content li:hover{box-shadow:0 0 20px rgba(0,0,0,0.2)} .en_pro_detail02 .sections04 .content li .more_box{text-align:center; margin-bottom:35px;} .en_pro_detail02 .sections04 .content li .more_box .more{display:inline-block; width:114px; height:34px; line-height:34px; text-align:center; border:1px solid #798186; font-size:14px; color:#333f47; position:relative; margin-left:14px; text-transform:uppercase;} .en_pro_detail02 .sections04 .content li .more_box .more:first-child{margin-left:0px;} .en_pro_detail02 .sections04 .content li .more_box .more span{position:relative; z-index:3;} .en_pro_detail02 .sections04 .content li .more_box .more:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .en_pro_detail02 .sections04 .content li .more_box .more:hover{color:#f5a834; border-color:#333e46;} .en_pro_detail02 .sections04 .content li .more_box .more:hover:after{width:100%;} .en_pro_detail03{padding:50px 0 42px; background:#fcb026;} .en_pro_detail03 .infor .tit{text-align:center; text-transform:uppercase; font-size:32px; line-height:32px; color:#333f47; font-family:Impact; margin-bottom:45px;} .en_pro_detail03 li{width:25%; float:left; position:relative} /* .en_pro_detail03 li:after{content:''; width:2px; height:100px; background:#fff; background:rgba(255,255,255,.3); position:absolute; left:0; top:22px;} .en_pro_detail03 li:first-child:after{display:none;} */ .en_pro_detail03 li .li_box{padding:0 11.5%; display:block;} .en_pro_detail03 li .li_box .img_{width:78px; height:60px; margin:0 auto 15px; transition:all 0.5s ease;} .en_pro_detail03 li .li_box .intro{text-align:center;} .en_pro_detail03 li .li_box .intro .txt{font-size:22px; line-height:25px; color:#333f47; font-family:Impact; text-transform:uppercase;} .en_pro_detail03 li:hover .li_box .img_{transform:rotateY(180deg);} /*取消产品详细表格左侧固定*/ .en_pro_detail02 .sections02 .content .content_table02{display:none;} /*产品详细表格 4列、3列、2列*/ /* .en_pro_detail02 .sections02 .content .content_table.four_table .table_tr td{width:386px;} .en_pro_detail02 .sections02 .content .content_table02.four_table{width:386px;} .en_pro_detail02 .sections02 .content .content_table.three_table .table_tr td{width:514px;} .en_pro_detail02 .sections02 .content .content_table02.three_table{width:514px;} .en_pro_detail02 .sections02 .content .content_table.two_table .table_tr td{width:773px;} .en_pro_detail02 .sections02 .content .content_table02.two_table{width:773px;} */ /* 案例列表 */ .en_case_banner.xc_banner{height:376px;} .en_case_banner .ban_form{position:absolute; left:0; width:100%; top:120px;} .en_case_banner .ban_form .tit{font-size:45px; line-height:45px; font-family:Impact; text-transform:uppercase; color:#fff; text-align:center; margin-bottom:30px;} .en_case_banner .ban_form .form{text-align:center; width:50%; margin:0 auto;} .en_case_banner .ban_form .form .sele_wrap{display:inline-block; width:86%; height:61px; line-height:61px; vertical-align:middle; position:relative} .en_case_banner .ban_form .form .sele_wrap .sele{height:61px; line-height:61px; width:100%; border:none; padding:0; background:#fff; background:rgba(255,255,255,.9); text-align:left; font-size:16px; color:#999; text-indent:23px; vertical-align:0; text-transform:uppercase;} /*0227这里改成了跳连接下拉*/ .en_case_banner .ban_form .form .sele_wrap .sele_down{position:absolute; left:0; top:100%; border-top:none; width:100%; background:#fff; z-index:2; display:none; text-align:left;} .en_case_banner .ban_form .form .sele_wrap .sele_down ul{height:117px; overflow-y:auto;} .en_case_banner .ban_form .form .sele_wrap .sele_down ul::-webkit-scrollbar {width:4px; height:4px;} .en_case_banner .ban_form .form .sele_wrap .sele_down ul::-webkit-scrollbar-thumb {border-radius:5px;background:#fcb026;background:rgba(252,176,38,.6)} .en_case_banner .ban_form .form .sele_wrap .sele_down ul::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .en_case_banner .ban_form .form .sele_wrap .sele_down li a{display:block; padding:7px 23px; line-height:1.8; text-transform:uppercase;} .en_case_banner .ban_form .form .sele_wrap .sele_down li a:hover{background:#eee;} /*0227这里改成了下拉 end*/ .en_case_banner .ban_form .form .btns{display:inline-block; width:69px; height:61px; line-height:61px; background:#fcb026; vertical-align:middle; cursor:pointer;} .en_case_banner .ban_form .form .btns button{background:none; padding:0; margin:0; width:100%; height:100%; display:block; outline:none; position:relative; box-shadow:none; border:none;} .en_case_banner .ban_form .form .btns button .icon{display:block; width:27px; height:27px; background:url(case_search.png) no-repeat center; position:absolute; left:50%; margin-left:-13px; top:50%; margin-top:-13px;} .en_case_banner .ban_form .con{font-size:16px; color:#fff; margin-top:10px; text-align:right; text-transform:uppercase;} .en_case_banner .ban_form .con span{font-weight:bold; color:#fcb026;} /* 案例左侧 */ .en_case_list01{padding-bottom:60px;} .en_case_list01 .left{width:23%; float:left;} .en_case_list01 .left .box{padding:26px 18px 20px; border:2px solid #dcdcdc;} .en_case_list01 .left .box .infor{border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:15px;} .en_case_list01 .left .box .infor .t{float:left; font-size:24px; line-height:24px; font-family:Impact; color:#1b1b1b; text-transform:uppercase;} .en_case_list01 .left .box .infor .c{float:right; font-size:15px; line-height:24px; color:#fcb026; cursor:pointer;} .en_case_list01 .left .box .content{max-height:457px; overflow-y:auto; padding-right:10px;} /* 滚动条样式 */ .en_case_list01 .left .box .content::-webkit-scrollbar {width:4px; height:4px;} .en_case_list01 .left .box .content::-webkit-scrollbar-thumb {border-radius:5px; background:#fcb026; background:rgba(252,176,38,.6)} .en_case_list01 .left .box .content::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} /* 滚动条样式 end*/ .en_case_list01 .left .box .content .item{padding-top:15px; border-top:1px solid #dcdcdc; margin-top:20px} .en_case_list01 .left .box .content .item:first-child{border-top:none; margin-top:0; padding-top:0} .en_case_list01 .left .box .content .item .tit{font-size:16px; font-weight:bold; color:#1b1b1b; position:relative;text-transform:uppercase; display:block;} .en_case_list01 .left .box .content .item .tit span.icon_jt{display:inline-block; width:19px; height:11px; background:url(icon_jt.png) no-repeat center; position:absolute; right:0; top:50%; margin-top:-5px; transition:all 0.5s ease; transform:rotateZ(-90deg);} .en_case_list01 .left .box .content .item .item_down{margin-top:12px;} .en_case_list01 .left .box .content .item .item_down .con_a{display:block; font-size:14px; line-height:22px; margin-bottom:5px; color:#454545; text-transform:uppercase; padding-left:25px; position:relative;} .en_case_list01 .left .box .content .item .item_down .con_a i{display:block; width:17px; height:17px; background:url(en_prolist01_sele.png) no-repeat; position:absolute; left:0; top:2px;} /* 产品列表展开筛选 */ .en_case_list01 .left .box .content .item.on .tit span.icon_jt{transform:rotateZ(0deg);} /* 点击筛选选项 */ .en_case_list01 .left .box .content .item .item_down .con_a.cur i{background-position:-17px 0;} /* 右侧列表 */ .en_case_list01 .right{width:74%; float:right} .en_case_list01 .right .add_list{font-size:0;} .en_case_list01 .right .add_list .list_a{display:inline-block; margin-right:18px; margin-bottom:20px;} .en_case_list01 .right .add_list .list_a.no_content{margin:0;} .en_case_list01 .right .add_list .list_a span{display:inline-block; font-size:14px; padding:0 40px 0 10px; height:42px; line-height:42px; color:#1b1b1b; text-transform:uppercase; vertical-align:middle; background:#fcb026; position:relative;} .en_case_list01 .right .add_list .list_a span:after{content:''; width:16px; height:16px; background:url(close1.png) no-repeat center; position:absolute; right:14px; top:50%; margin-top:-8px; transition:all 0.5s ease;} .en_case_list01 .right .add_list .list_a span:hover:after{transform:rotateZ(180deg);} /* .en_case_list01 .right .bd_list{margin-top:20px;} */ .en_case_list01 .right .rect-627{padding-bottom:62.7%;} .en_case_list01 .right li{margin-bottom:30px; background:#f2f2f2; transition:all 0.5s ease;} .en_case_list01 .right li .img_{width:38%; float:left;} .en_case_list01 .right li .intro{width:62%; float:left;} .en_case_list01 .right li .intro .box{padding:35px 30px;} /*0226没有图片的话*/ .en_case_list01 .right li.no_img .img_{display:none;} .en_case_list01 .right li.no_img .intro{width:100%;} .en_case_list01 .right li .intro .box_l{width:100%; float:left;} .en_case_list01 .right li .intro .box_l a{display:block;} .en_case_list01 .right li .intro .box_l .t{font-size:30px; line-height:30px; text-transform:uppercase; font-family:Impact; color:#323f47; margin-bottom:17px;} .en_case_list01 .right li .intro .box_l .c{font-size:14px; line-height:26px; text-transform:uppercase; font-family:Arial; color:#323f47; margin-bottom:20px;} .en_case_list01 .right li .intro .box_l .c span{font-weight:bold;} .en_case_list01 .right li .intro .box_r{float:right; display:none} .en_case_list01 .right li .intro .box_r>a{display:inline-block; width:134px; height:46px; line-height:46px; font-size:20px; color:#323f47; font-weight:bold; background:#fcb026; text-align:center;} .en_case_list01 .right li .intro .box_r .text{margin-top:10px;} .en_case_list01 .right li .intro .box_r .text .text_a{display:block; font-size:22px; line-height:32px; color:#333; font-family:Impact; text-align:center;} .en_case_list01 .right li:hover{background:#fcb026;} .en_case_list01 .right li:hover .intro .box_r>a{background:#323f47; color:#fff;} .en_case_list01 .right li.cur{background:#fcb026;} .en_case_list01 .right li.cur .intro .box_r>a{background:#323f47; color:#fff;} /* 配件列表 */ .en_parts_banner.xc_banner{height:376px;} /*配件列表*/ .en_parts_banner .ban_form{position:absolute; left:0; width:100%; top:150px;} .en_parts_banner .ban_form .tit{font-size:45px; line-height:45px; font-family:Impact; text-transform:uppercase; color:#fff; text-align:center; margin-bottom:40px;} .en_parts_banner .ban_form .form_box{text-align:center; width:80%; margin:0 auto;} .en_parts_banner .ban_form .form_box .inp_box_wrap {width:30%; position:relative; background:#fff;} /* 2020-03-25加了四级联动以后 */ .en_parts_banner .ban_form .form_box.four_form .inp_box_wrap{width:22%;} .en_parts_banner .ban_form .form_box .inp_box_wrap .inp_txt{font-size:20px; color:#fd8800; font-weight:bold; position:absolute; left:10px; top:0; line-height:60px; height:60px; overflow:hidden;} .en_parts_banner .ban_form .form_box .inp_box{display:block; width:100%; height:60px; line-height:60px; padding:0; margin:0; box-sizing:content-box; font-size:17px; color:#454545; text-indent:15px; background:#fff; border:none; text-align:left;} .en_parts_banner .ban_form .form_box .inp_box_wrap.type_select_wrap:after{content:''; width:1px; height:28px; background:#e0e0e0; position:absolute; right:0; top:50%; margin-top:-14px;} .en_parts_banner .ban_form .form_box .inp_box_wrap.brand_select_wrap:after{content:''; width:1px; height:28px; background:#e0e0e0; position:absolute; right:0; top:50%; margin-top:-14px;} .en_parts_banner .ban_form .form_box .inp_box.select-ui-choose-default{border-radius:0;} .en_parts_banner .ban_form .form_box .inp_box.select-ui-choose ._arrow .arr{left:-6px;} .en_parts_banner .ban_form .form_box .inp_box.select-ui-options-default{overflow-x:hidden;} .en_parts_banner .ban_form .form_box .inp_box.select-ui-options-default li:hover{background:#fd8800;} .en_parts_banner .ban_form .form_box .inp_box.select-ui-choose-default ._txt{padding-left:0; width:83%;} .en_parts_banner .ban_form .form_box .btns{display:inline-block; width:69px; height:60px; line-height:60px; background:#fcb026; vertical-align:middle;} .en_parts_banner .ban_form .form_box .btns button{background:none; padding:0; margin:0; width:100%; height:100%; display:block; outline:none; position:relative; box-shadow:none; border:none; cursor:pointer;} .en_parts_banner .ban_form .form_box .btns button .icon{display:block; width:27px; height:27px; background:url(case_search.png) no-repeat center; position:absolute; left:50%; margin-left:-13px; top:50%; margin-top:-13px;} .en_parts_banner .ban_form .con{font-size:18px; color:#fff; margin-top:10px; text-align:right;} .en_parts_banner .ban_form .con span{font-weight:bold; color:#fcb026;} .en_parts_list.channel_content{padding-bottom:0px;} /* 配件列表左侧 */ .en_parts_list01{padding-bottom:60px;} .en_parts_list01 .left{width:23%; float:left;} .en_parts_list01 .left .box{padding:26px 18px 20px; border:2px solid #dcdcdc;} .en_parts_list01 .left .box .infor{border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:15px;} .en_parts_list01 .left .box .infor .t{float:left; font-size:24px; line-height:24px; font-family:Impact; color:#1b1b1b; text-transform:uppercase;} .en_parts_list01 .left .box .infor .c{float:right; font-size:15px; line-height:24px; color:#fcb026; cursor:pointer;} .en_parts_list01 .left .box .content{max-height:457px; overflow-y:auto; padding-right:10px;} /* 滚动条样式 */ .en_parts_list01 .left .box .content::-webkit-scrollbar {width:4px; height:4px;} .en_parts_list01 .left .box .content::-webkit-scrollbar-thumb {border-radius:5px; background:#fcb026; background:rgba(252,176,38,.6)} .en_parts_list01 .left .box .content::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} /* 滚动条样式 end*/ .en_parts_list01 .left .box .content .item{padding-top:15px; border-top:1px solid #dcdcdc; margin-top:20px} .en_parts_list01 .left .box .content .item:first-child{border-top:none; margin-top:0; padding-top:0} .en_parts_list01 .left .box .content .item .tit{font-size:16px; font-weight:bold; color:#1b1b1b; position:relative;text-transform:uppercase; display:block;} .en_parts_list01 .left .box .content .item .tit span.icon_jt{display:inline-block; width:19px; height:11px; background:url(icon_jt.png) no-repeat center; position:absolute; right:0; top:50%; margin-top:-5px; transition:all 0.5s ease; transform:rotateZ(-90deg);} .en_parts_list01 .left .box .content .item .item_down{margin-top:12px;} .en_parts_list01 .left .box .content .item .item_down .con_a{display:block; font-size:14px; line-height:22px; margin-bottom:5px; color:#454545; text-transform:uppercase; padding-left:25px; position:relative;} .en_parts_list01 .left .box .content .item .item_down .con_a i{display:block; width:17px; height:17px; background:url(en_prolist01_sele.png) no-repeat; position:absolute; left:0; top:2px;} /* 配件列表展开筛选 */ .en_parts_list01 .left .box .content .item.on .tit span.icon_jt{transform:rotateZ(0deg);} /* 点击筛选选项 */ .en_parts_list01 .left .box .content .item .item_down .con_a.cur i{background-position:-17px 0;} /* 右侧列表 */ .en_parts_list01 .right{width:74%; float:right} .en_parts_list01 .right .add_list{font-size:0;} .en_parts_list01 .right .add_list .list_a{display:inline-block; margin-right:18px; margin-bottom:20px;} .en_parts_list01 .right .add_list .list_a.no_content{margin:0} .en_parts_list01 .right .add_list .list_a span{display:inline-block; font-size:14px; padding:0 40px 0 10px; height:42px; line-height:42px; color:#1b1b1b; text-transform:uppercase; vertical-align:middle; background:#fcb026; position:relative;} .en_parts_list01 .right .add_list .list_a span:after{content:''; width:16px; height:16px; background:url(close1.png) no-repeat center; position:absolute; right:14px; top:50%; margin-top:-8px; transition:all 0.5s ease;} .en_parts_list01 .right .add_list .list_a span:hover:after{transform:rotateZ(180deg);} /* .en_parts_list01 .right .bd_list{margin-top:20px;} */ .en_parts_list01 .right .bd_list li{margin-bottom:30px; transition:all 0.5s ease; width:32%; margin-right:2%; float:left} .en_parts_list01 .right .bd_list li:nth-child(3n){margin-right:0;} .en_parts_list01 .right .bd_list .li_three{margin-right:0;} .en_parts_list01 .right .bd_list li .li_box{border:1px solid #d6d6d6;} .en_parts_list01 .right .bd_list li .infor{padding:30px 30px 0; position:relative; z-index:2;} .en_parts_list01 .right .bd_list li .infor .tit{font-size:14px; line-height:28px; font-weight:bold; color:#454545; color:rgba(14,14,14,.8); height:28px; overflow:hidden;} .en_parts_list01 .right .bd_list li .infor .con{font-size:24px; line-height:28px; color:#1b1b1b; font-family:Impact; overflow:hidden; text-transform:uppercase;} .en_parts_list01 .right .bd_list li .infor .con span{display:block;} .en_parts_list01 .right .bd_list li .infor .icon{width:41px; height:40px; background:url(hot.png) no-repeat center; position:absolute; top:10px; right:10px; opacity:0; visibility:hidden; background-size:cover;} .en_parts_list01 .right .bd_list li.li_new .infor .icon{opacity:1; visibility:visible;} .en_parts_list01 .right .bd_list li .img_{margin:20px auto; width:86%;} .en_parts_list01 .right .bd_list li .intro{padding:15px 35px;} .en_parts_list01 .right .bd_list li .intro .con .con_text{margin-bottom:10px; font-size:15px;} .en_parts_list01 .right .bd_list li .intro .con .con_text .text_t{color:#2f2f2f; line-height:28px;} .en_parts_list01 .right .bd_list li .intro .con .con_text .text_c{color:#0e0e0e; font-size:16px; font-weight:bold;} .en_parts_list01 .right .bd_list li .intro .con .con_text .text_c .cn{display:none; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .en_parts_list01 .right .bd_list li .intro .con .con_text .text_c .en{display:block; display:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .en_parts_list01 .right .bd_list li:hover{box-shadow:0 0 20px rgba(0,0,0,0.2)} .en_parts_list01 .right .bd_list li .more_box{text-align:center; margin-bottom:35px;} .en_parts_list01 .right .bd_list li .more_box .more{display:inline-block; width:114px; height:34px; line-height:34px; text-align:center; border:1px solid #798186; font-size:14px; color:#333f47; position:relative; margin-left:14px; text-transform:uppercase;} .en_parts_list01 .right .bd_list li .more_box .more:first-child{margin-left:0px;} .en_parts_list01 .right .bd_list li .more_box .more span{position:relative; z-index:3;} .en_parts_list01 .right .bd_list li .more_box .more:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .en_parts_list01 .right .bd_list li .more_box .more:hover{color:#f5a834; border-color:#333e46;} .en_parts_list01 .right .bd_list li .more_box .more:hover:after{width:100%;} .en_parts_list01 .right .bd_table{padding:50px 0;} .en_parts_list01 .right .bd_table .infor{margin-bottom:35px;} .en_parts_list01 .right .bd_table .infor .tit{font-size:38px; line-height:38px; font-family:'Impact'; text-transform:uppercase; color:#333f47; float:left;} .en_parts_list01 .right .bd_table .infor .con{display:block; float:right; margin-top:6px;} .en_parts_list01 .right .bd_table .infor .con span{display:inline-block; vertical-align:middle;} .en_parts_list01 .right .bd_table .infor .con span.icon01{width:29px; height:29px; background:url(parts_list01_2.png) no-repeat center;} .en_parts_list01 .right .bd_table .infor .con span.icon02{width:14px; height:12px; background:url(parts_list01_3.png) no-repeat center;} .en_parts_list01 .right .bd_table .infor .con span.txt{font-size:23px; line-height:25px; color:#000; font-weight:bold; margin:0 7px 0 15px; transition:all 0.5s ease;} .en_parts_list01 .right .bd_table .infor .con:hover span.txt{color:#fcb026;} .en_parts_list01 .right .bd_table .datalist td{text-align:center; padding:15px;} .en_parts_list01 .right .bd_table .datalist .odd{background:#eeeff7} .en_parts_list01 .right .bd_table .datalist .firstTr{border-top:2px solid #121212;} .en_parts_list01 .right .bd_table .datalist .firstTr td {font-size:20px; color:#333f47; font-family:'H_Bold'; height:60px; line-height:30px; text-align:center;} .en_parts_list02{padding:50px 0 42px; background:#fcb026;} .en_parts_list02 .infor .tit{text-align:center; text-transform:uppercase; font-size:32px; line-height:32px; color:#333f47; font-family:Impact; margin-bottom:45px;} .en_parts_list02 li{width:25%; float:left; position:relative} /* .en_parts_list02 li:after{content:''; width:2px; height:100px; background:#fff; background:rgba(255,255,255,.3); position:absolute; left:0; top:22px;} .en_parts_list02 li:first-child:after{display:none;} */ .en_parts_list02 li .li_box{padding:0 11.5%; display:block;} .en_parts_list02 li .li_box .img_{width:78px; height:60px; margin:0 auto 15px; transition:all 0.5s ease;} .en_parts_list02 li .li_box .intro{text-align:center;} .en_parts_list02 li .li_box .intro .txt{font-size:22px; line-height:25px; color:#333f47; font-family:Impact; text-transform:uppercase;} .en_parts_list02 li:hover .li_box .img_{transform:rotateY(180deg);} /*金融服务*/ .jr_service.channel_content{padding-bottom:0px;} .jr_service01 .infor{text-align:center; padding:0 8%;} .jr_service01 .infor .tit{font-size:44px; line-height:34px; font-family:Impact; text-transform:uppercase; color:#333f47;} .jr_service01 .infor .con{font-size:16px; line-height:25px; color:#636b70; margin-top:30px} .jr_service01 .content ul{padding:0 2%; margin-top:45px; text-align:center; overflow:hidden;} .jr_service01 .content ul li{width:25%; float:left;} .jr_service01 .content ul li .li_box{padding:0 50px; text-align:center;} .jr_service01 .content ul li .li_box .img_{width:140px; height:140px; margin:0 auto; transition:all 0.5s ease;} .jr_service01 .content ul li .li_box .txt{font-size:16px; line-height:24px; color:#171717; margin-top:20px; height:48px; overflow:hidden;} .jr_service01 .content ul li:hover .li_box .img_{transform:rotateZ(180deg);} .jr_service02{margin:65px 0;} .jr_service02 .content{position:relative} .jr_service02 .content .rect-4012{padding-bottom:40.12%;} .jr_service02 .content .cover{position:absolute; left:128px; top:125px; } .jr_service02 .content .cover .tit{font-size:44px; line-height:44px; font-family:Impact; text-transform:uppercase; color:#fff;} .jr_service02 .content .cover .line{width:45px; height:4px; background:#fcb026; margin:16px 0 40px;} .jr_service02 .content .cover .con{font-size:16px; line-height:25px; color:#fff; width:41%;} .jr_service03{padding:50px 0 60px; background:#fcb026;} .jr_service03 ul{padding:0 8%; text-align:center;} .jr_service03 ul li{position:relative; width:31%; margin:0 1%; float:left;} .jr_service03 ul li:after{content:''; width:2px; height:137px; background:#fff; background:rgba(255,255,255,.3); position:absolute; left:0; top:50%; margin-top:-68px;} .jr_service03 ul li:first-child:after{display:none;} .jr_service03 ul li .li_box{display:block; padding:0 40px;} .jr_service03 ul li .li_box .img_{width:69px; height:59px; margin:0 auto; transition:all 0.5s ease;} .jr_service03 ul li .li_box .intro .t{font-size:22px; line-height:25px; color:#333f47; font-family:Impact; margin:20px 0 10px;} .jr_service03 ul li .li_box .intro .c{font-size:18px; line-height:25px; color:#333f47; font-weight:bold;} .jr_service03 ul li:hover .li_box .img_{transform:rotateY(180deg);} /*关于我们*/ .about_us01.channel_content{padding:60px 0;} .about_us01 .infor{color:#333e46; position:relative;} .about_us01 .infor .tit{font-size:34px; line-height:34px; font-family:Impact; margin-bottom:6px; text-transform:uppercase;} .about_us01 .infor .con{font-size:42px; line-height:54px; font-family:'H_Bold'; text-transform:uppercase;} .about_us01 .infor .txt{font-size:15px; line-height:26px; color:#5b5b5b; margin-top:25px;} .about_us01 .infor .txt1{padding-right:450px;} .about_us01 .infor .right_nav{width:26.5%; position:absolute; right:0; top:-165px; background:#fcb026;} .about_us01 .infor .right_nav .rect-82{padding-bottom:82%;} .about_us01 .infor .right_nav .rect-82:after{content:''; width:224px; height:221px; background:url(about_us01_1.png) no-repeat center; position:absolute; right:0; bottom:0; pointer-events:none;} .about_us01 .infor .right_nav ul{padding-top:65px; padding-left:45px;} .about_us01 .infor .right_nav ul li{position:relative; margin-top:40px; padding-left:38px; font-size:20px; font-family:Impact; color:#fff; line-height:30px; text-transform:uppercase;} .about_us01 .infor .right_nav ul li:first-child{margin-top:0px;} .about_us01 .infor .right_nav ul li .icon{width:12px; height:12px; background:#fff; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-6px; z-index:2;} .about_us01 .infor .right_nav ul li:after{content:''; width:1px; height:70px; background:#fff; position:absolute; left:5px; bottom:10px; z-index:1;} .about_us01 .infor .right_nav ul li:first-child:after{display:none;} .about_us01 .infor .right_nav ul li a{color:#fff;} .about_us01 .infor .right_nav ul li.cur{font-size:30px; color:#333e46;} .about_us01 .infor .right_nav ul li.cur a{color:#333e46;} .about_us01 .infor .right_nav ul li.cur a:hover{color:rgba(40,41,35,.7);} .about_us01 .infor .right_nav ul li.cur .icon{background:#333e46} .about_us02 {margin-top:45px;} .about_us02 li{width:25%; float:left;} .about_us02 li.li01{background:#323f47;} .about_us02 li.li03{background:#fcb027;} .about_us02 li .box{padding:35px 30px; text-align:center; color:#fff;} .about_us02 li .box .tit{font-size:30px; line-height:30px; text-transform:uppercase; font-family:'H_Bold'; margin-bottom:24px;} .about_us02 li .box .con{font-size:16px; line-height:24px;} /*新闻列表*/ /*.pageHeader.xc_pageHeader.news_pageHeader{height:0;}*/ /*这个是控制新闻列表的*/ .pageHeader.xc_pageHeader.news_header {height:0;} /*这个是控制新闻详细和案例详细的*/ .news_list{margin-top:40px;} .news_list .crumbs{top:115px;} .news_list.channel_content{padding-top:0;} .news_list01{background:url(news_list01_bg.jpg) no-repeat center; padding:60px 0 30px; background-size:cover} .news_list01 .infor{margin:30px 0 20px;} .news_list01 .infor .tit{float:left; font-size:48px; line-height:48px; color:#333f47; text-transform:uppercase; font-family:Impact; } .news_list01 .infor .con{float:right;} .news_list01 .infor .con li{display:inline-block; font-size:16px; color:#333f47; font-family:'H_Bold'; text-transform:uppercase; line-height:32px; position:relative; margin-left:35px;} .news_list01 .infor .con li:after{content:''; width:0%; height:3px; background:#fcb026; position:absolute; left:50%; bottom:-4px; transition:all 0.5s ease 0s;} .news_list01 .infor .con li.cur{font-size:20px;} .news_list01 .infor .con li.cur:after{left:-2px; width:110%;} .news_list01 .infor .con li:hover:after{left:-2px; width:110%;} .news_list01 .content a{display:block;} .news_list01 .content .rect-5515{padding-bottom:55.15%;} .news_list01 .content .rect-5535{padding-bottom:55.35%;} .news_list01 .content .rect-53{padding-bottom:53%;} .news_list01 .content .left{width:32%; float:left; margin-right:2%;} .news_list01 .content .item .intro{transition:all 0.5s ease; background:#fff;} .news_list01 .content .item .intro .box{padding:30px 35px 50px; color:#333f47;} .news_list01 .content .item .intro .box .date{font-size:16px; line-height:32px; font-family:Arial;} /*这里0218要求新闻列表标题和内容距离一致，所以把两行高度改为最大高度*/ .news_list01 .content .item .intro .box .tit{font-size:28px; line-height:32px; margin:10px 0 20px; max-height:64px; white-space:normal; font-family:'H_Bold';} .news_list01 .content .item .intro .box .tit a{color:#333f47;} .news_list01 .content .item .intro .box .tit a:hover{color:rgba(51,63,71,.6)} .news_list01 .content .item .intro .box .con{font-size:14px; line-height:24px; margin-bottom:10px; color:#666} .news_list01 .content .item .intro .box .symbol{display:inline-block;} .news_list01 .content .item .intro .box .symbol span{display:inline-block; vertical-align:middle; width:70px; height:23px; line-height:23px; border:1px solid #a9a9a9; text-align:center; font-size:12px; color:#7e7e7e; margin-right:8px; margin-bottom:5px;} .news_list01 .content .item .intro .box .symbol span a:hover{color:#333f47; opacity:0.8;} .news_list01 .content .item:hover .intro{background:#fcb026;} .news_list01 .content .item:hover .intro .box .con{color:#333f47;} .news_list01 .content .item:hover .intro .box .symbol span{border-color:#333f47; color:#333f47;} .news_list01 .content .center{width:32%; float:left; margin-right:2%;} .news_list01 .content .right{width:32%; float:right;} .news_list01 .content .right .r_top{margin-bottom:22px;} .news_list02{margin-top:60px;} .news_list02 .hd .box{padding:30px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1)} .news_list02 .hd .box .form_box .hd_tit{font-size:26px; color:#333f47; height:56px; line-height:56px; margin-right:4%; text-transform:uppercase; font-family:'H_Bold'} .news_list02 .hd .box .form_box .inp_box_wrap {width:18%; margin-right:2%;} .news_list02 .hd .box .form_box .inp_box{display:block; width:100%; height:56px; line-height:56px; padding:0; margin:0; font-size:14px; text-indent:10px; background:#f8f8f8; border-color:#f8f8f8;border:0px;} .news_list02 .hd .box .form_box input.inp_box{outline:none; border:1px solid #f8f8f8;} .news_list02 .hd .box .form_box .hd_btn{width:56px; background:#fcb026; font-size:15px; color:#fff; height:56px; line-height:56px; outline:none; cursor:pointer; text-align:center; border:none;} .news_list02 .hd .box .form_box .hd_btn .icon{display:inline-block; width:17px; height:17px; background:url(brand_activity02_ico.png) no-repeat center; vertical-align:middle;} .news_list02 .select-ui-choose-default ._arrow .arr{border-color:#b5b5b5 transparent transparent;} .news_list02 .select-ui-choose-default.on ._arrow .arr {border-color:transparent transparent #b5b5b5;} .news_list02 .hd .box .form_box .inp_box_wrap.leibie_select_wrap {display:none;} .news_list02 .hd .leibie_select_wrap{position:relative;height:56px; line-height:56px; background:#f8f8f8; border:1px solid #f8f8f8;} .news_list02 .hd .tit{font-size:14px; display:block; padding-left:8px; padding-right:20px; text-indent:10px; position:relative; cursor:pointer;} .news_list02 .hd .tit:after{content:''; margin:-.2em 0 0; border:.4em solid; border-color:#b5b5b5 transparent transparent; position:absolute; top:50%; right:8px;} .news_list02 .hd .tit.cur:after{border-color: transparent transparent #b5b5b5; margin-top:-.5em;} .news_list02 .hd .leibie_down{position:absolute; left:0; top:100%; width:100%; background:#fff; z-index:2; border:1px solid #eee; border-top:none; display:none;} .news_list02 .hd .leibie_down li a{display:block; padding:6px 8px; line-height:1.8; text-indent:10px;} .news_list02 .hd .leibie_down li a:hover{background:#fcb026; color:#fff;} .news_list02 .bd{margin-top:50px;} .news_list02 .bd .rect-6195{padding-bottom:61.95%;} .news_list02 .bd li{margin-bottom:30px; background:#f2f2f2; transition:all 0.5s ease;} .news_list02 .bd li a{display:block;} .news_list02 .bd li .img_{width:28%; float:left;} .news_list02 .bd li .infor{width:72%; float:right;} .news_list02 .bd li .infor .box{padding:30px 60px;} .news_list02 .bd li .infor .box .intro{width:80%; float:left;} .news_list02 .bd li .infor .box .intro .tit{font-size:32px; line-height:48px; color:#333f47; font-family:Impact;} .news_list02 .bd li .infor .box .intro .tit a{color:#333f47} .news_list02 .bd li .infor .box .intro .tit a:hover{color:rgba(51,63,71,.6)} .news_list02 .bd li .infor .box .intro .con{font-size:15px; line-height:26px; color:#666666; margin:12px 0 25px; height:52px; overflow:hidden;} .news_list02 .bd li .infor .box .intro .symbol{display:inline-block;} .news_list02 .bd li .infor .box .intro .symbol span{display:inline-block; vertical-align:middle; width:70px; height:23px; line-height:23px; border:1px solid #a9a9a9; text-align:center; font-size:12px; color:#7e7e7e; margin-right:8px;} .news_list02 .bd li .infor .box .intro .symbol span:hover{border-color:rgba(169,169,169,.9)} .news_list02 .bd li .infor .box .intro .symbol span a:hover{color:#333f47; opacity:0.7;} .news_list02 .bd li .infor .box .date{float:right; margin-top:25px;} .news_list02 .bd li .infor .box .date .day {font-size:60px; line-height:60px; color:#333f47; font-family:Impact; margin-bottom:5px;} .news_list02 .bd li .infor .box .date .year{font-size:18px; line-height:32px; color:#333f47; font-family:Arial;} .news_list02 .bd li:hover {background:#fcb026;} .news_list02 .bd li:hover .infor .box .intro .con{color:#333f47;} .news_list02 .bd li:hover .infor .box .intro .symbol span{border-color:#333f47; color:#333f47;} /*没有图片的时候*/ .news_list02 .bd li.wu .img_{display:none;} .news_list02 .bd li.wu .infor{width:100%;} /*@media only screen and (max-width:1240px){ .news_list02 .hd .box{padding:60px 0;} .news_list02 .hd .box .form_box .list_hd{padding:30px 20px;} } @media only screen and (max-width:992px){ .news_list02 .hd .box .form_box{padding:30px;} .news_list02 .hd .box .form_box .inp_box_wrap{margin-right:2%;} } @media only screen and (max-width:760px){ .news_list02 .hd .box{padding:30px 0;} .news_list02 .hd .box .form_box .hd_tit{margin-bottom:20px; float:none; text-align:center;} .news_list02 .hd .box .form_box .inp_box_wrap{width:100%; margin:0; padding:0; margin-bottom:20px;} .news_list02 .hd .box .form_box .hd_btn{width:100%;} }*/ body .select-ui-options-default::-webkit-scrollbar {width:4px; height:4px;} body .select-ui-options-default::-webkit-scrollbar-thumb {border-radius:5px; background:#fcb026; background:rgba(252,176,38,.6)} body .select-ui-options-default::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} /*技术支持*/ .technology.channel_content{padding:0;} .technology01{background:#f0f0f0; padding:60px 0; margin-bottom:60px;} .technology01 .infor{text-align:center; padding:0 6%;} .technology01 .infor .tit{font-size:44px; line-height:44px; color:#333f47; font-family:Impact; text-transform:uppercase;} .technology01 .infor .con{font-size:15px; line-height:30px; color:#333f47; margin-top:30px} .technology01 .content{margin-top:50px;} .technology01 .content ul{padding:0 10%; text-align:center; overflow:hidden;} .technology01 .content ul li{width:31%; margin:0 1%; float:left;} .technology01 .content ul li .number span{display:inline-block; color:#fcb026;} .technology01 .content ul li .number span.num{font-size:60px; line-height:60px; font-family:Impact;} .technology01 .content ul li .number span.txt{font-size:18px; line-height:28px; margin-left:5px; padding:0 30px;} .technology01 .content ul li .txt{font-size:16px; line-height:28px; color:#626262;} .technology02 .infor{text-align:center;} .technology02 .infor .tit{font-size:44px; line-height:44px; color:#333f47; font-family:Impact; text-transform:uppercase;} .technology02 .infor .con{font-size:15px; line-height:25px; color:#333f47; margin-top:20px;} .technology02 .content{position:relative; /*box-shadow:0 0 15px rgba(0,0,0,.1)*/ margin-top:30px} .technology02 .content:after{content:''; width:60%; height:38px; background:url(technology02_2.png) no-repeat top right; position:absolute; top:100%; right:0} .technology02 .rect-4722{padding-bottom:47.22%;} .technology02 .item{display:none;} .technology02 .owl-item .item{display:block;} .technology02 .item .img_{width:73%;} .technology02 .item .intro{position:absolute; right:0.5%; bottom:0; width:49.5%; background:#fff;} .technology02 .item .intro .box{padding:50px 100px 50px 50px;} .technology02 .item .intro .box .tit{font-size:36px; line-height:36px; color:#333f47; font-family:'H_Bold'} .technology02 .item .intro .box .line{width:61px; height:2px; background:#fcb026; margin:15px 0 20px;} .technology02 .item .intro .box .con{font-size:15px; line-height:26px; height:52px; overflow:hidden; color:#333f47;} .technology02 .content .page_box {position:absolute; right:165px; bottom:250px; display:none;} .technology02 .content .page_box span{display:inline-block; vertical-align:middle; font-size:16px; color:#333f47; font-family:Arial;} .technology02 .content .page_box span.line{margin:0 10px;} .technology02 .content .tech02_btn>div{width:68px; height:65px; background:url(technology02_jt.jpg) no-repeat; position:absolute; bottom:230px; z-index:2; font-size:0; cursor:pointer;} .technology02 .content .tech02_btn .owl-prev{right:75px; background-position:0 0;} .technology02 .content .tech02_btn .owl-next{right:0px; background-position:-68px 0px;} .technology03{padding:80px 0;} .technology03 .infor{text-align:center;} .technology03 .infor .tit{font-size:44px; line-height:44px; font-family:Impact; color:#333f47; text-transform:uppercase} .technology03 .content{margin-top:60px;} .technology03 .content ul{padding:0 6%;} .technology03 .content li{width:33%; float:left;} .technology03 .content li .img{width:119px; height:119px; margin:0 auto 25px; transition:all 0.5s ease;} .technology03 .content li .txt{font-size:18px; line-height:28px; color:#626262; font-weight:bold; text-align:center;} .technology03 .content li:hover .img{transform:rotateY(180deg);} .technology04{padding:50px 0 60px; background:#fcb026;} .technology04 ul{padding:0 8%; text-align:center;} .technology04 ul li{position:relative; width:31%; margin:0 1%; float:left;} .technology04 ul li:after{content:''; width:2px; height:137px; background:#fff; background:rgba(255,255,255,.3); position:absolute; left:0; top:50%; margin-top:-68px;} .technology04 ul li:first-child:after{display:none;} .technology04 ul li .li_box{display:block; padding:0 40px;} .technology04 ul li .li_box .img_{width:69px; height:59px; margin:0 auto; transition:all 0.5s ease;} .technology04 ul li .li_box .intro .t{font-size:22px; line-height:25px; color:#333f47; font-family:Impact; margin:20px 0 10px;} .technology04 ul li .li_box .intro .c{font-size:18px; line-height:25px; color:#333f47; font-weight:bold;} .technology04 ul li:hover .li_box .img_{transform:rotateY(180deg);} /*解决方案综合*/ .solu_banner{position:relative; height:750px; overflow:hidden;} .solu_banner .solu_img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .solu_banner .about_ban_word{position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:3;} .solu_banner .about_ban_word .infor{margin-top:130px;} .solu_banner .about_ban_word .infor .tit h1{text-align:center; font-size:70px; line-height:70px; text-transform:uppercase; font-family:Impact; margin:0 auto; color:#fff; margin-bottom:30px;} .solu_banner .about_ban_word .infor .con{text-align:center; font-size:0;} .solu_banner .about_ban_word .infor .con a{display:inline-block; font-size:18px; line-height:30px; color:#fff; font-weight:bold; margin:0 20px; position:relative;} .solu_banner .about_ban_word .infor .con a:after{content:''; width:2px; height:12px; background:#fff; background:rgba(255,255,255,.67); position:absolute; left:-20px; top:50%; margin-top:-6px;} .solu_banner .about_ban_word .infor .con a:first-child:after{display:none;} .solu_banner .about_ban_word .infor .con a:hover{color:#fcb026;} .solu_banner .about_ban_word .infor .txt{font-size:14px; color:#fff; line-height:26px; text-align:center; width:70%; margin:14px auto 0;} .solu_banner .about_line{width:100%; position:absolute; left:0; bottom:0; z-index:2;} .solu_banner .about_line:after{content:''; width:15px; height:53px; position:absolute; left:50%; margin-left:-7px; top:100%; background:url(about_ban_jt.png) no-repeat center;} .solu_banner .about_line .label{display:block; letter-spacing:.1em; font-size:0.875rem; position:relative; padding-bottom:calc(100px + 1rem); color:#fff; text-align:center;} .solu_banner .about_line .label .line{display:block; width:3px; height:100px; position:absolute; bottom:0px; left:50%; margin-left:-1px; overflow:hidden;} .solu_banner .about_line .label .line:before{height:100%; background:#fff; opacity:.3; left:0; top:0; bottom:0; content:''; position:absolute; width:2px;} .solu_banner .about_line .label .line:after{background:#ff9d24; left:0px; top:0; content:''; position:absolute; width:2px; -webkit-animation:about_scroll-down-line 3s infinite; -o-animation:about_scroll-down-line 3s infinite; animation:about_scroll-down-line 3s infinite;} .solu_center.channel_content{padding:0} .solu_center01{padding:70px 0; background:#f5f5f5;} .solu_center01 .infor{text-align:center; padding:0 10%;} .solu_center01 .infor .tit{font-size:44px; line-height:44px; color:#333f47; font-family:Impact; text-transform:uppercase} .solu_center01 .infor .con{font-size:15px; line-height:28px; color:#6b6b6b; margin-top:27px;} .solu_center01 .content{margin-top:65px; padding:0 8%;} .solu_center01 .content ul li{width:20%; text-align:center; float:left; position:relative;} .solu_center01 .content ul li:after{content:''; position:absolute; left:0; top:0; width:1px; height:98px; top:15px; background:url(solu_center_line.png) no-repeat center;} .solu_center01 .content ul li .icon{width:75px; height:70px; margin:0 auto; } .solu_center01 .content ul li .txt{font-size:15px; color:#454545; margin-top:20px; padding:0 15px;} .solu_center01 .content ul li:hover .icon img{transform:rotateY(180deg)} .solu_center01 .content ul li .icon img{transition:all .5s ease;} .solu_center01 .content ul li:first-child:after{display:none;} .solu_center02{padding:70px 0;} .solu_center02 .infor{text-align:center;} .solu_center02 .infor .tit{font-size:44px; line-height:44px; font-family:Impact; text-transform:uppercase; color:#333f47} .solu_center02 .infor .con{font-size:15px; line-height:28px; color:#6b6b6b; margin-top:20px;} .solu_center02 .content{margin-top:45px;} .solu_center02 .content .rect-535{padding-bottom:53.5%;} .solu_center02 .content .rect-60{padding-bottom:60%;} /*.solu_center02 .content .rect-120{padding-bottom:100%;}*/ .solu_center02 .content .rect-1045{padding-bottom:104.5%;} .solu_center02 .content .item .top{margin-bottom:20px;} .solu_center02 .content .item .center{margin-bottom:20px;} .solu_center02 .content .item .intro{position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:2;} .solu_center02 .content .item .intro .box{padding:20px;} .solu_center02 .content .item .intro .box .t{font-size:30px; display:block; line-height:30px; position:relative; padding-bottom:13px; font-family:'H_Bold'; white-space:nowrap; text-overflow:ellipsis; height:30px; overflow:hidden;} .solu_center02 .content .item .intro .box .t:after{content:''; width:30px; height:2px; background:#fff; position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .solu_center02 .content .item .intro .box .t a{color:#fff;} .solu_center02 .content .item .intro .box .t a:hover{opacity:0.8} .solu_center02 .content .item .intro:hover .t:after{width:60px} .solu_center02 .content .item .intro .box .txt{font-size:14px; line-height:25px; color:#fff; margin-top:15px;} .solu_center02 .content .item .intro .box .c{margin-top:15px; font-size:0;} .solu_center02 .content .item .intro .box .c a{display:inline-block; padding:0 7px; height:30px; line-height:30px; border:1px solid #fff; border-color:rgba(255,255,255,.7); margin-right:10px; font-size:13px; color:#fff; margin-bottom:8px;} .solu_center02 .content .item01 .intro .box .c a:hover{background:#fcb026; color:#333f47; border-color:#fcb026;} .solu_center02 .content .item01 .top{background:#fcb026;} .solu_center02 .content .item01 .top .intro .box .c a:hover{background:#333f47; color:#fcb026; border-color:#333f47;} .solu_center02 .content .item01 .top .intro .box .t a:hover{color:#fff; color:rgba(255,255,255,.7);} .solu_center02 .content .item02 .rect-120{padding-bottom:111%;} .solu_center02 .content .item02 .center{background:#e1e1e1;} .solu_center02 .content .item02 .center .intro .box .t a{color:#333f47;} .solu_center02 .content .item02 .center .intro .box .t:after{background:#333f47;} .solu_center02 .content .item02 .center .intro .box .c a{border-color:#333f47; color:#333f47;} .solu_center02 .content .item02 .intro .box .c a:hover{background:#fcb026; color:#333f47; border-color:#fcb026;} .solu_center02 .content .item02 .bottom{background:#fcb026;} .solu_center02 .content .item02 .bottom .intro .box .c a:hover{background:#333f47; color:#fcb026; border-color:#333f47;} .solu_center02 .content .item02 .bottom .intro .box .t a:hover{color:#fff; color:rgba(255,255,255,.7);} .solu_center02 .content .item03 .top{background:#e1e1e1;} .solu_center02 .content .item03 .top .intro .box .t a{color:#333f47;} .solu_center02 .content .item03 .top .intro .box .t:after{background:#333f47;} .solu_center02 .content .item03 .top .intro .box .c a{border-color:#333f47; color:#333f47;} .solu_center02 .content .item03 .center{background:#333f47;} .solu_center02 .content .item03 .bottom{margin-bottom:20px} .solu_center02 .content .item03 .bottom2{background:#8f8f8f;} .solu_center02 .content .item03 .intro .box .c a:hover{background:#fcb026; color:#333f47; border-color:#fcb026;} .solu_center03{padding:70px 0; background:url(solu_center03_1.jpg) no-repeat center; background-size:cover;} .solu_center03 .infor {width:51%;} .solu_center03 .infor .tit{font-size:36px; line-height:36px; font-family:'H_Bold'; color:#333f47;} .solu_center03 .infor .con{font-size:44px; line-height:44px; font-family:Impact; text-transform:uppercase; color:#333f47; margin:11px 0 30px;} .solu_center03 .infor .txt{font-size:16px; line-height:26px; color:#333f47;} .solu_center02 .content .rect-535{padding-bottom:53%;} .solu_center02 .content .item01 .bottom .rect-535{padding-bottom:70%;} .solu_center02 .content .item02 .center .rect-535{padding-bottom:61%;} .solu_center02 .content .item02 .bottom .rect-535{padding-bottom:70%;} .solu_center02 .content .item03 .bottom .rect-535{padding-bottom:61%;} .solu_center02 .content .item03 .bottom2 .rect-535{padding-bottom:70%;} .solu_center02 .content .rect-1045{padding-bottom:112%;} /*解决方案列表*/ .soluList_banner .intro .con{font-size:15px; line-height:25px; color:#fff; margin-top:30px; width:65%;} .solution_list.channel_content{padding-bottom:0px;} .solution_list01 .infor{text-align:center;} .solution_list01 .infor .tit{font-size:44px; line-height:44px; font-family:'Impact'; text-transform:uppercase; color:#333f47;} .solution_list01 .content{margin-top:30px} .solution_list01 .content .hd ul{text-align:center;} .solution_list01 .content .hd li{display:inline-block; width:auto; padding:0 10px; margin:0 7px; height:41px; line-height:41px; background:#f0f0f0; font-size:15px; color:#333f; text-align:center; font-family:'H_Bold'; cursor:pointer;} .solution_list01 .content .hd li.cur{background:#fcb026;} .solution_list01 .content .bd{margin-top:55px; position:relative} .solution_list01 .content .bd .item{margin-bottom:45px; transition:all 0.5s ease; display:none;} .solution_list01 .content .bd .owl-item .item{display:block;} .solution_list01 .content .bd .item .li_box{border:1px solid #d6d6d6;} .solution_list01 .content .bd .item .img_{width:80%; margin:10px auto 0;} .solution_list01 .content .bd .item .infor{padding:20px 30px 0; position:relative; z-index:2;} .solution_list01 .content .bd .item .infor .tit{font-size:15px; line-height:30px; color:#333f47;} .solution_list01 .content .bd .item .infor .con{font-size:34px; line-height:34px; color:#1b1b1b; font-family:Impact;} .solution_list01 .content .bd .item .infor .icon{width:63px; height:62px; background:url(pro_list_ico.png) no-repeat center; position:absolute; top:30px; right:25px; opacity:0; visibility:hidden;} /*.solution_list01 .content .bd .item.li_new .infor .icon{opacity:1; visibility:visible;}*/ .solution_list01 .content .bd .item .intro{padding:15px 35px;} .solution_list01 .content .bd .item .intro .con .con_text{margin-bottom:10px; font-size:15px;} .solution_list01 .content .bd .item .intro .con .con_text .text_t{color:#2f2f2f; line-height:28px;} .solution_list01 .content .bd .item .intro .con .con_text .text_c{color:#0e0e0e; font-size:16px; font-weight:bold;} .solution_list01 .content .bd .item .intro .con .con_text .text_c .cn{display:none; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .solution_list01 .content .bd .item .intro .con .con_text .text_c .en{display:block; display:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /*.solution_list01 .content .bd .item:hover{box-shadow:0 0 20px rgba(0,0,0,0.2)}*/ .solution_list01 .content .bd .item .more_box{text-align:center; margin-bottom:35px;} .solution_list01 .content .bd .item .more_box .more{display:inline-block; width: 114px; height: 34px; line-height: 34px; text-align:center; border:1px solid #798186; font-size:14px; color:#333f47; position:relative; margin-left:14px;text-transform:uppercase;} .solution_list01 .content .bd .item .more_box .more:first-child{margin-left:0px;} .solution_list01 .content .bd .item .more_box .more span{position:relative; z-index:3;} .solution_list01 .content .bd .item .more_box .more:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .solution_list01 .content .bd .item .more_box .more:hover{color:#f5a834; border-color:#333e46;} .solution_list01 .content .bd .item .more_box .more:hover:after{width:100%;} .solution_list01 .content .bd .solu01_btn>div{width:26px; height:77px; background:url(service01_jt.png) no-repeat; position:absolute; top:50%; margin-top:-38px; z-index:2; font-size:0; cursor:pointer;} .solution_list01 .content .bd .solu01_btn>div.disabled{display:none;} .solution_list01 .content .bd .solu01_btn .owl-prev {left:-35px; background-position:0 0;} .solution_list01 .content .bd .solu01_btn .owl-next {right:-35px; background-position:-26px 0px;} .solution_list01 .content .bd .solu01_btn .owl-prev:hover{background-position:0 -77px;} .solution_list01 .content .bd .solu01_btn .owl-next:hover{background-position:-26px -77px;} .solution_list02{background:url(pro_detail03_1.jpg) no-repeat center; padding:65px 0; background-size:cover} .solution_list02 .infor {text-align:center; margin-bottom:50px;} .solution_list02 .infor .tit{font-size:44px; line-height:44px; font-family:'Impact'; text-transform:uppercase; color:#fff;} .solution_list02 .content .rect-6083{padding-bottom:60.83%;} /*.solution_list02 .content .item{width:32%; margin-left:2%; float:left; position:relative} .solution_list02 .content .item a{display:block;} .solution_list02 .content .item:first-child{margin-left:0px;}*/ .solution_list02 .content{position:relative} .solution_list02 .content .item{display:none;} .solution_list02 .content .owl-item .item{display:block;} .solution_list02 .content .item .intro{background:#fff;} .solution_list02 .content .item .intro .box{padding:30px 25px;} .solution_list02 .content .item .intro .box .line{width:49px; height:3px; background:#fcb026;} .solution_list02 .content .item .intro .box .t{font-size:24px; line-height:26px; color:#000e2e; margin-top:15px;} .solution_list02 .content .item .cover{position:absolute; left:0; bottom:0; width:100%; height:100%; background:#fcb026; transition:all 0.5s ease; opacity:0; visibility:hidden;} .solution_list02 .content .item .cover:after{content:''; width:234px; height:218px; background:url(pro_detail03_3.png) no-repeat center; position:absolute; right:0; bottom:0;} .solution_list02 .content .item .cover .box{padding:50px 25px; position:relative; z-index:2;} .solution_list02 .content .item .cover .box .line{ width:49px; height:3px; background:#333f47; margin-bottom:15px;} .solution_list02 .content .item .cover .box .t{font-size:34px; line-height:34px; font-weight:bold; color:#333f47; margin-bottom:20px} .solution_list02 .content .item .cover .box .c{font-size:15px; line-height:26px; color:#535353; height:78px; overflow:hidden;} .solution_list02 .content .item .cover .box .list{margin-top:10px;} .solution_list02 .content .item .cover .box .list dd{font-size:15px; line-height:28px; color:#535353;} .solution_list02 .content .item .cover .box .list dd span{font-weight:bold; font-size:18px;} .solution_list02 .content .item:hover .cover{opacity:1; visibility:visible;} .solution_list02 .content .solu02_btn>div{width:26px; height:77px; background:url(service01_jt.png) no-repeat; position:absolute; top:50%; margin-top:-38px; z-index:2; font-size:0; cursor:pointer;} .solution_list02 .content .solu02_btn>div.disabled{display:none;} .solution_list02 .content .solu02_btn .owl-prev {left:-35px;background-position:0 -77px;} .solution_list02 .content .solu02_btn .owl-next {right:-35px;background-position:-26px -77px;} .solution_list03{padding:60px 0;} .solution_list03 .infor{text-align:center;} .solution_list03 .infor .tit{font-size:44px; line-height:44px; font-family:'Impact'; text-transform:uppercase; color:#333f47;} .solution_list03 .infor .con{font-size:15px; line-height:28px; color:#6b6b6b; margin-top:20px;} .solution_list03 .content{margin-top:45px;} .solution_list03 .content .rect-535{padding-bottom:53.5%;} .solution_list03 .content .rect-60{padding-bottom:60%;} /*.solution_list03 .content .rect-120{padding-bottom:100%;}*/ .solution_list03 .content .rect-1045{padding-bottom:104.5%;} .solution_list03 .content .item .top{margin-bottom:20px;} .solution_list03 .content .item .center{margin-bottom:20px;} .solution_list03 .content .item .intro{position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:2;} .solution_list03 .content .item .intro .box{padding:20px;} .solution_list03 .content .item .intro .box .t{font-size:30px; display:block; line-height:30px; position:relative; padding-bottom:13px; font-family:'H_Bold'; white-space:nowrap; text-overflow:ellipsis; height:30px; overflow:hidden;} .solution_list03 .content .item .intro .box .t:after{content:''; width:30px; height:2px; background:#fff; position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .solution_list03 .content .item .intro .box .t a{color:#fff} .solution_list03 .content .item .intro .box .t a:hover{opacity:0.8} .solution_list03 .content .item .intro:hover .t:after{width:60px} .solution_list03 .content .item .intro .box .txt{font-size:14px; line-height:25px; color:#fff; margin-top:15px;} .solution_list03 .content .item .intro .box .c{margin-top:15px; font-size:0;} .solution_list03 .content .item .intro .box .c a{display:inline-block; padding:0 7px; height:30px; line-height:30px; border:1px solid #fff; border-color:rgba(255,255,255,.7); margin-right:10px; font-size:13px; color:#fff; margin-bottom:8px;} .solution_list03 .content .item01 .top{background:#fcb026;} .solution_list03 .content .item02 .rect-120{padding-bottom:111%;} .solution_list03 .content .item02 .center{background:#e1e1e1;} .solution_list03 .content .item02 .center .intro .box .t a{color:#333f47;} .solution_list03 .content .item02 .center .intro .box .t:after{background:#333f47;} .solution_list03 .content .item02 .center .intro .box .c a{border-color:#333f47; color:#333f47;} .solution_list03 .content .item02 .bottom{background:#fcb026;} .solution_list03 .content .item03 .top{background:#e1e1e1;} .solution_list03 .content .item03 .top .intro .box .t a{color:#333f47;} .solution_list03 .content .item03 .top .intro .box .t:after{background:#333f47;} .solution_list03 .content .item03 .top .intro .box .c a{border-color:#333f47; color:#333f47;} .solution_list03 .content .item03 .center{background:#333f47;} .solution_list03 .content .item03 .bottom{margin-bottom:20px} .solution_list03 .content .item03 .bottom2{background:#8f8f8f;} .solution_list03 .content .rect-535{padding-bottom:53%;} .solution_list03 .content .item01 .bottom .rect-535{padding-bottom:70%;} .solution_list03 .content .item02 .center .rect-535{padding-bottom:61%;} .solution_list03 .content .item02 .bottom .rect-535{padding-bottom:70%;} .solution_list03 .content .item03 .bottom .rect-535{padding-bottom:61%;} .solution_list03 .content .item03 .bottom2 .rect-535{padding-bottom:70%;} .solution_list03 .content .rect-1045{padding-bottom:112%;} .solution_list03 .content .item01 .intro .box .c a:hover{background:#fcb026; color:#333f47; border-color:#fcb026;} .solution_list03 .content .item01 .top{background:#fcb026;} .solution_list03 .content .item01 .top .intro .box .c a:hover{background:#333f47; color:#fcb026; border-color:#333f47;} .solution_list03 .content .item01 .top .intro .box .t a:hover{color:#fff; color:rgba(255,255,255,.7);} .solution_list03 .content .item02 .rect-120{padding-bottom:111%;} .solution_list03 .content .item02 .center{background:#e1e1e1;} .solution_list03 .content .item02 .center .intro .box .t a{color:#333f47;} .solution_list03 .content .item02 .center .intro .box .t:after{background:#333f47;} .solution_list03 .content .item02 .center .intro .box .c a{border-color:#333f47; color:#333f47;} .solution_list03 .content .item02 .intro .box .c a:hover{background:#fcb026; color:#333f47; border-color:#fcb026;} .solution_list03 .content .item02 .bottom{background:#fcb026;} .solution_list03 .content .item02 .bottom .intro .box .c a:hover{background:#333f47; color:#fcb026; border-color:#333f47} .solution_list03 .content .item02 .bottom .intro .box .t a:hover{color:#fff; color:rgba(255,255,255,.7);} .solution_list03 .content .item03 .top{background:#e1e1e1;} .solution_list03 .content .item03 .top .intro .box .t a{color:#333f47;} .solution_list03 .content .item03 .top .intro .box .t:after{background:#333f47;} .solution_list03 .content .item03 .top .intro .box .c a{border-color:#333f47; color:#333f47;} .solution_list03 .content .item03 .center{background:#333f47;} .solution_list03 .content .item03 .bottom{margin-bottom:20px} .solution_list03 .content .item03 .bottom2{background:#8f8f8f;} .solution_list03 .content .item03 .intro .box .c a:hover{background:#fcb026; color:#333f47; border-color:#fcb026;} /* 联系我们 */ .contact_us01{margin-bottom:45px;} .contact_us01 .tit{font-size:32px; color:#333e46;font-family:Impact; text-transform:uppercase; margin-bottom:20px;} .contact_us01 .left{float:left; width:48%; position:relative; z-index:3} .contact_us01 .left .con{font-size:16px; color:#777; line-height:24px; margin-bottom:35px; text-align:justify} .contact_us01 .left .con span{font-size:18px; font-weight:bold; color:#fcb026;} .contact_us01 .left ul li{float:left; width:48%; margin-right:2%; margin-bottom:35px; position:relative; cursor:pointer;} .contact_us01 .left ul li .ewm{position:absolute; left:100%; top:50%; margin-top:-60px; width:120px; height:120px; display:none} .contact_us01 .left ul li.gzh, .contact_us01 .left ul li.douyin{display:none;} .contact_us01 .left ul li .t{font-size:20px; color:#333e46; font-weight:bold; margin-bottom:5px;} .contact_us01 .left ul li .c{font-size:14px; color:#727272; line-height:20px; height:40px; overflow:hidden;} .contact_us01 .left .bdsharebuttonbox a{background:none; padding-left:0; font-size:20px; color:#bebebe;} .contact_us01 .left .bdsharebuttonbox a:hover{color:#fcb026;} .contact_us01 .right{float:right; width:46%;} .contact_us01 .right ul li{overflow:hidden; margin-bottom:20px;} .contact_us01 .right ul li input{width:100%; font-size:16px; color:#333e46; line-height:40px; border:1px solid #ebebeb; text-indent:20px; height:40px; box-sizing:border-box} .contact_us01 .right ul li textarea{width:100%; font-size:16px; color:#333e46; line-height:40px; border:1px solid #ebebeb; padding-left:20px; height:130px; box-sizing:border-box} .contact_us01 .right button{cursor:pointer; outline:none; background:transparent; display:inline-block; padding:0 20px; height:38px; line-height:34px; text-align:center; border:2px solid #333e46; font-size:14px; color:#333f47; font-weight:bold; position:relative;} .contact_us01 .right button span{display:inline-block; vertical-align:top; line-height:34px; position:relative; z-index:3;} .contact_us01 .right button span.icon{width:8px; height:16px; position:relative; top:9px; background:url(about_center03_jt.png) no-repeat; margin-left:33px;} .contact_us01 .right button:after{content:''; width:0; height:100%; background:#fcb026; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} /*.contact_us01 .right button:hover{border-color:#fcb026;color: #fff;}*/ .contact_us01 .right button:hover:after{width:100%;} .contact_us02 .map{height:430px; width:100%; overflow:hidden;} .contact_us02 img{max-width:none;} .contact_us02 .content{background:#fcb026; padding:40px 0;} .contact_us02 .content .tit{font-size:32px; color:#fff; font-family:Impact; text-transform:uppercase;} .contact_us02 .content .con{font-size:17px; color:#fff;} .contact_us03{margin-top:45px;} .contact_us03 ul li{float:left; width:45%; margin-right:5%; margin-bottom:30px;} .contact_us03 ul li .tit{font-size:28px; color:#333e46; font-family:Impact; text-transform:uppercase; margin-bottom:15px} .contact_us03 ul li .box{padding:30px; border:1px solid #e2e2e2;} .contact_us03 ul li .box .left{float:left; position:relative; padding-right:5%; font-size:20px; color:#333e46; line-height:110px; width:auto;} .contact_us03 ul li .box .left:after{content:''; position:absolute; right:0; width:1px; height:110px; background:#bcbcbc; top:50%; margin-top:-55px;} .contact_us03 ul li .box .right{width:60%; position:relative; float:left; padding-left:5%; min-height:110px;} :root .contact_us03 ul li .box .right dl{width:100%; transform:translateY(-50%); position:absolute; top:50%;} .contact_us03 ul li .box .right dl dd{position:relative; padding-left:15px; font-size:16px; color:#333e46; line-height:30px;} .contact_us03 ul li .box .right dl dd:after{content:''; position:absolute; left:0; width:5px; height:5px; border-radius:50%; background:#fcb026; top:12px;} .contact_us03 ul li.li_img{text-align:center; overflow:hidden;} .contact_us03 ul li.li_img .img_box{float:left; width:33%; margin-top:65px;} .contact_us03 ul li.li_img .img_box .img_{width:120px; height:120px; margin:0 auto;} .contact_us03 ul li.li_img .img_box .txt{font-size:17px; line-height:24px; padding:0 20px; margin-top:10px;} /* 2020-0430 友情连接 */ .en_f_top .right dl dd.friend_link{position:relative; line-height:40px; height:40px; cursor:pointer;} .en_f_top .right dl dd.friend_link span{display:block; padding:0 20px; font-size:16px; border:1px solid #fff; border-color:rgba(255,255,255,.3); position:relative;} .en_f_top .right dl dd.friend_link span:after { content: ''; width: 11px; height: 6px; background: url(friend_xiala_jt.png) no-repeat; position: absolute; top: 50%; margin-top: -3px; right: 10px; } .en_f_top .right dl dd.friend_link .link_down{position:absolute; left:0; width:100%; top:100%; background:#fff; display:none;} .en_f_top .right dl dd.friend_link .link_down li{margin-bottom:1px; background:#fcb026; font-size:14px; line-height:34px;} .en_f_top .right dl dd.friend_link .link_down a{padding:5px 20px; color:#333e46; display:block} .en_f_top .right dl dd.friend_link .link_down li a:hover{color:rgba(51,62,70,.6)} /* 2020-0508 */ .en_pro_list01 .right{min-height:650px;} .solution_list02 .content .item .cover .box .t{height:102px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; font-weight:normal; font-family:'H_Bold'; text-transform:uppercase;} .solution_list02 .content .item .intro .box .t{font-family:'H_Bold';} .en_case_list01 .right li .intro .box{padding:25px 30px;} .case_detail01 .hd .dec span.date{display:none;} .en_f_top .right dl dd .a2a_kit01 a.a2a_button_linkedin{display:none;} /* 2020-0602 */ .en_ipart03 .intro .box .smal_tit{font-size:23px; line-height:23px;} .en_ipart03 .intro .box .con{height:auto;} .en_ipart03 .intro .box .big_tit{height:auto; font-size:30px; line-height:30px; margin:15px 0;} /* 2020-0611 */ .news_detail01 .content .c_center .text img{width:600px;} .case_detail01 .content .c_center .text img{width:600px;} /* 2020-0628 */ .ibanner .iban_btn>div{width:33px; height:54px; position:absolute; top:50%; margin-top:-27px; z-index:2; font-size:0; cursor:pointer; } .ibanner .iban_btn .owl-prev {left:20px; background: url(cursor-left.png) no-repeat center;} .ibanner .iban_btn .owl-next {right:20px; background: url(cursor-right.png) no-repeat center;} .ibanner{cursor:inherit} .ibanner .first_item{cursor:pointer;} .pro_detail01 .right .pro_price{width:36%; height:58px; line-height:58px; background:#333f47; text-align:center; font-size:18px; font-weight:bold; color:#fcb026; position:relative; display:inline-block;} .pro_detail01 .right .pro_price a{position:relative; z-index:3; color:#fcb026; display:block;} .pro_detail01 .right .pro_price:after{content:''; width:0; height:100%; background:#fcb026; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .pro_detail01 .right .pro_price a:hover{color:#333f47;} .pro_detail01 .right .pro_price:hover:after{width:100%;} .pro_detail01 .right .pro_price02{background:#fcb026; margin-left:20px;} .pro_detail01 .right .pro_price02:after{background:#333f47;} .pro_detail01 .right .pro_price a:hover{color:#fcb026;} /*下层banner搜索*/ .m_xcbanner .ban_form{position:absolute; left:0; width:100%; top:160px;} .m_xcbanner .ban_form .tit{font-size:50px; line-height:50px; font-weight:bold; color:#fff; text-align:center; margin-bottom:40px;} .m_xcbanner .ban_form .form{text-align:center; width:45%; margin:0 auto;} .m_xcbanner .ban_form .form .sele_wrap{display:inline-block; width:86%; height:61px; line-height:61px; vertical-align:middle; position:relative} .m_xcbanner .ban_form .form .sele_wrap .sele{height:61px; line-height:61px; width:100%; border:none; padding:0; background:#fff; background:rgba(255,255,255,.9); text-align:left; font-size:18px; color:#999; text-indent:23px; vertical-align:0;} /*0227这里改成了跳连接下拉*/ .m_xcbanner .ban_form .form .sele_wrap .sele_down{position:absolute; left:0; top:100%; border-top:none; width:100%; background:#fff; z-index:2; display:none; text-align:left;} .m_xcbanner .ban_form .form .sele_wrap .sele_down ul{height:117px; overflow-y:auto;} .m_xcbanner .ban_form .form .sele_wrap .sele_down ul::-webkit-scrollbar {/*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条的尺寸*/ height:4px; } .m_xcbanner .ban_form .form .sele_wrap .sele_down ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius:5px; background:#fcb026; background:rgba(252,176,38,.6) } .m_xcbanner .ban_form .form .sele_wrap .sele_down ul::-webkit-scrollbar-track {/*滚动条里面轨道*/ border-radius:0; background:#f6f5f5; } .m_xcbanner .ban_form .form .sele_wrap .sele_down li a{display:block; padding:7px 13px; line-height:1.8;} .m_xcbanner .ban_form .form .sele_wrap .sele_down li a:hover{background:#eee;} /*0227这里改成了下拉 end*/ .m_xcbanner .ban_form .form .btns{display:inline-block; width:69px; height:61px; line-height:61px; background:#fcb026; vertical-align:middle; cursor:pointer;} .m_xcbanner .ban_form .form .btns button{background:none; padding:0; margin:0; width:100%; height:100%; display:block; outline:none; position:relative; box-shadow:none; border:none;} .m_xcbanner .ban_form .form .btns button .icon{display:block; width:27px; height:27px; background:url(case_search.png) no-repeat center; position:absolute; left:50%; margin-left:-13px; top:50%; margin-top:-13px;} .m_xcbanner .ban_form .con{font-size:18px; color:#fff; margin-top:10px; text-align:right;} .m_xcbanner .ban_form .con span{font-weight:bold; color:#fcb026;} area{outline:none;} /*==============web_head=================*/ @font-face { font-weight: normal; font-style: normal; font-family: 'fontawesome'; src: url("fontawesome-webfont.eot"); src: url("fontawesome-webfont.eot#iefix") format("embedded-opentype"), url("fontawesome-webfont.woff2") format("woff2"), url("fontawesome-webfont.woff") format("woff"), url("fontawesome-webfont.ttf") format("truetype"), url("fontawesome-webfont.svg") format("svg"); font-display: fallback; } .layout { position: relative; margin: 0 auto; width: 1400px; } .web_head { position: fixed; z-index: 99;top:0; width: 100%; background: #fcb026;transition: all 0.5s ease;-webkit-transition: all 0.5s ease; } .head_layout { position: relative; display: flex; -webkti-display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; height: 104px;width: 1260px; } .head_layout.layout:after { display: none; } .web_head .change-language { position: relative; display: inline-block; vertical-align: middle; text-align: left; } .web_head .change-language .change-language-cont { border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); } .web_head .logo { position: relative; display: inline-block;vertical-align: middle;margin:0;} .web_head .logo img {width: auto;} .web_head .btn--search { width: 24px; height: 24px; cursor: pointer; position: relative; display: inline-block;vertical-align: middle; margin-left: 15px;} .web_head .btn--search:after, .web_head .btn--search:before { display: inline-block; width: 100%; height: 100%; background-image: url(h_search.png); background-position: 0 0; background-repeat: no-repeat; content: ''; vertical-align: top; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .web_head .btn--search:after { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transform: scale(.6) translateY(60%); -o-transform: scale(.6) translateY(60%); transform: scale(.6) translateY(60%); filter: alpha(opacity=0); -ms-transform: scale(.6) translateY(60%); } .web_head .btn--search:hover:after { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; } .web_head .btn--search:hover:before { opacity: 0; -webkit-transform: scale(.6) translateY(-60%); -o-transform: scale(.6) translateY(-60%); transform: scale(.6) translateY(-60%); -ms-transform: scale(.6) translateY(-60%); } /*nav*/ .web_head .nav_wrap { position: relative; display: inline-block; } .web_head .nav_wrap .head_nav { position: relative; } .head_nav > li { position: relative; display: inline-block;padding: 0 18px; } .head_nav > li.has-child a { padding-right: 15px; } .head_nav>li>a { position: relative; display: inline-block; color: #333e46; font-weight: normal; font-size: 17px; line-height: 104px; font-family: Arial,'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; text-transform: uppercase; } .head_nav>li>a:before{content:"";width: 0; height: 0; border-width: 0 8px 8px 8px; border-style: solid; border-color: transparent transparent #333f47; position: absolute; bottom: -1px; left: 50%; margin-left: -8px; display: none; z-index: 9999;} .head_nav>li.has-child:hover>a:before{ display: block; } .head_nav li a b { position: absolute; top: 50%; right: 0; display: inline-block; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; width: 19px; height: 19px; text-align: center; line-height: 19px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .head_nav li a b:before { content: '\f107'; font-family: 'fontawesome'; } .head_nav li ul { position: absolute; top: 100%; left: 0; display: none; width: 220px;background-color: #FFF; -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s;box-shadow: 0 0 10px rgb(0 0 0 / 30%); border-top: 2px solid #333f47; -webkit-transform-origin: top; transform-origin: top; } .head_nav >li >ul{ left: 50%;margin-left: -110px; } .head_nav>li ul li { position: relative; padding: 10px 0; border-bottom: 1px solid #eee; font-size: 14px; line-height: 2; } .head_nav>li ul li a { position: relative; display: block; color: #555; line-height: 25px;text-align: center; font-size: 16px;} .head_nav>li ul li a b { top: 12px; } .head_nav>li ul li a b:before { content: '\f105'; } .head_nav li ul ul { top: 0; left: 240px; margin-left: 2px; border-radius: 7px; } .head_nav li.menu_show>ul { display: block; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } /*.head_nav > li:hover > a { position: relative; z-index: 1; color: #fff;background-color: #fe0100; } */ .head_nav > li > a:hover b { -webkit-transform: rotateX(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%)rotate(180deg); } .head_secondary .layout{ width: 1260px; } .head_drop{ position: absolute; top: 25px; left: 28px;cursor: pointer; z-index: 9;visibility: hidden;opacity: 0; } .head_drop i{ width: 20px; height: 2px; background-color: #fff; margin-bottom: 4px; display: block; transition: all 0.3s; } .head_drop i:last-child{ margin-bottom: 0; } .head_secondary{ position: absolute; top: 104px; left: 0; background: #333e46; width: 100%; z-index: 3;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 0; } .head_secondary .layout{ padding-left: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .head_secondary_list{ width: 100%;overflow: hidden; overflow-x: auto;white-space: nowrap;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 0; } .head_secondary_list::-webkit-scrollbar {width:4px; height:4px;} .head_secondary_list::-webkit-scrollbar-thumb {border-radius:5px;background:#fcb026;background:rgba(252,176,38,.6)} .head_secondary_list::-webkit-scrollbar-track {border-radius:0;background:#f6f5f5;} .head_secondary_list li{ display: inline-block;margin: 0 18px; } .head_secondary_list li a{ position: relative; display: inline-block; font-size: 17px; color: #d4d6d8;line-height: 64px; } .head_secondary_list li a:after { content: ''; position: absolute; width: 0%; height: 1px; background: #fff; left: 0; bottom: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .head_secondary_list li:hover a:after ,.head_secondary_list li.nav-current a:after{ width: 100%; background: #fcb026; } .web_warp{ height: 104px; } .ej-active{ top: -104px; } .ej-active .head_secondary,.ej-active .head_secondary_list,.top-active .head_secondary,.top-active .head_secondary_list{ height: 64px; } .ej-active .head_drop,.top-active .head_drop{ visibility: visible;opacity: 1; } .top-active .head_drop i:nth-child(1){transform:translate(0, 6px) rotate(-45deg);} .top-active .head_drop i:nth-child(2){opacity:0; visibility:hidden;} .top-active .head_drop i:nth-child(3){transform:translate(0, -6px) rotate(45deg);} @font-face {font-family: "hsgfont"; src: url('http://at.alicdn.com/t/font_2302902_j86d18tnwk.eot?t=1609398096311'); /* IE9 */ src: url('http://at.alicdn.com/t/font_2302902_j86d18tnwk.eot?t=1609398096311#iefix') format('embedded-opentype'), url('http://at.alicdn.com/t/font_2302902_j86d18tnwk.woff?t=1609398096311') format('woff'), url('http://at.alicdn.com/t/font_2302902_j86d18tnwk.ttf?t=1609398096311') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('http://at.alicdn.com/t/font_2302902_j86d18tnwk.svg?t=1609398096311#hsgfont') format('svg'); /* iOS 4.1- */ } @media only screen and (max-width: 950px) { .z10000 { position: relative; z-index: 100000; } .mobile-body-mask { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); } .mobile-ico-close { position: absolute; top: 0; left: -35px; width: 30px; height: 30px; background: #fff url(mobile_close.png) center center no-repeat; background-size: 50% auto; cursor: pointer; } .sub-content { position: relative; right: auto; z-index: 99999; display: block; border: none; border-radius: 0; box-shadow: none; } .lang-more { display: none !important; } .mobile-head-items { position: fixed;display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between; top: 0; left: 0; z-index: 999; align-items:center;-webkit-align-items:center; width: 100%; height: 35px; background: #fff; text-align: left; line-height: 35px;padding:0 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .mobile-head-item { width: 45px; } .mobile-head-item.mobile-head-aside { float: right; } .mobile-head-item .title { overflow: hidden; width: 100%; height: 25px; color: #000; text-align: center; line-height: 25px; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); } .mobile-head-item .title a { position: relative; display: block; color: #FFF; } .mobile-head-item.mobile-head-home .title a:before { content: '\f015'; } .mobile-head-item.mobile-head-nav .title:before { content: "\e7fc"; font-family: "hsgfont" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mobile-head-item.mobile-head-language .title:before { content: "\e782"; font-family: "hsgfont" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mobile-head-item.mobile-head-search .title:before { content: "\f002"; } .mobile-head-item.mobile-head-social .title:before { content: "\f007"; } .mobile-head-item.mobile-head-aside .title:before { content: "\f060"; } .mobile-head-item .main-content-wrap { top: 0; z-index: 99999; display: block; background: #FFF; } .mobile-head-item .main-content-wrap .content-wrap { overflow-y: auto; padding: 15px 10px; height: 100%; background-color: #fff; } .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap { overflow-y: hidden; } .mobile-head-item .side-content-wrap { position: fixed; right: -70%; display: block; width: 70%; height: 100%; } .mobile-head-item .middle-content-wrap { position: absolute; left: 0; visibility: hidden; padding: 20px 0; width: 100%; height: auto; opacity: 0; } .mobile-head-item .middle-show-content-wrap { top: 0px; visibility: visible; opacity: 1; } .web_head .nav_wrap .head_nav, .web_head .change-language, .head-search .search-attr, .web_head .btn--search { display: none; } .index_main .layout, .layout { margin: 0 auto; width: 98%; } .web_head, .web_head.index_web_head { padding: 25px 0 0; padding-top: 25px; height: auto; background: #0b87fb; position: relative; left: auto; top: auto; } .web_head .logo, .web_head.index_web_head .logo { position: relative; display: block; width: 100%; max-width: unset; text-align: center; padding: 10px 0; -webkit-transform: unset; transform: unset; } .web_head .logo img, .web_head.index_web_head .logo img { width: auto; } .web_head .nav_wrap { position: static; } .nav_wrap .logo img { height: 100px; } .head-search { position: relative; width: 100%; height: 35px; background: #fcb026; color: #fff; } .head-search .search-ipt:placeholder{color:#fff;} .head-search .search-ipt { width: 100%; line-height: 35px; height: 35px; padding-left: 1.5%; color:#fff;} .head-search .search-btn { width: 35px; height: 35px; background-image: url(web_icon.png); background-position: 0 4px; background-repeat: no-repeat; position: absolute; right: 0; top: 0; background-color: transparent; border: none; } .mobile-head-logo{ max-width: 100px; } .mobile-head-logo a{ display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center; } .mobile-head-items .head_right{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;} .web_warp { height: 60px; } .mobile-head-logo .logo{ margin: 0; } /* header */ .web_head { background: #0b87fb;display:none; } .head_layout { height: auto; } /*nav */ .head_nav { width: 100%; } .head_nav > li { display: block; line-height:2} .head_nav>li>a{line-height:2;} .head_nav li { padding-top: 4px; padding-bottom: 4px; padding-left: 28px; } .head_nav li, .head_nav li a, .head_nav>li ul li a, .head_nav li:hover a { color: #111; } .head_nav li.has-child { margin-top: 0; margin-bottom: 0; padding-left: 28px; } .head_nav li.has-child>a { margin-top: 3px; margin-right: 35px; margin-bottom: 3px; } .head_nav li.has-child>ul { position: relative; top: auto; left: auto; display: block; margin-left: 0; padding: 0 0 0 10px; width: 100%; border-top: unset; box-shadow: unset; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); background: #fff; display: none; } .head_nav li a { position: relative; display: block;} .head_nav>li ul li a{line-height:1.2} .head_nav li a:hover { color: inherit; } .head_nav li em { display: block; overflow: hidden; height: 1.4em; } .head_nav li li { font-size: 14px; } .head_nav li li li { font-size: 12px; } .head_nav li li a { color: #666; } .head_nav li.has-child a b { position: absolute; top: 10px; right: -35px; display: inline-block; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; width: 15px; height: 15px; border: 1px solid #111; border-radius: 2px; line-height: 15px; } .head_nav li.has-child a b:before, .head_nav li.has-child a b:after { position: absolute; top: 50%; left: 3px; display: block; margin-top: -.5px; width: 9px; height: 1px; background-color: #111; content: ''; } .head_nav li.has-child a b:after { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); } .head_nav li.has-child a:hover b { border-color: #111; } .head_nav>li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; } .head_nav>li>a { position: relative; position: relative; margin-bottom: -1px; text-transform: uppercase; text-transform: uppercase; font-size: 16px; } .head_nav li, .head_nav li.has-child { padding-left: 0; } .head_nav li li, .head_nav li li.has-child { padding-left: 15px; } .head_nav li.active>a>b:after { display: none; } .web_head .nav_wrap { display: none; } .head_nav>li ul li { border-bottom: none; } .head_nav > li:before { display: none; } } .head_nav > li.hot_nav { background: url(rx.png) no-repeat 94% 11px; } .cloud-zoom-lens { border: 1px solid #eee; cursor: move; } .cloud-zoom-title { position: absolute !important; top: 0px; padding: 3px; width: 100%; background-color: #000; color: #fff; text-align: center; font-weight: bold; font-size: 10px; } .cloud-zoom-big { overflow: hidden; padding: 0px; background-color: #fff; } .cloud-zoom-loading { padding: 3px; border: 1px solid #000; background: #222; color: white; } .en_pro_detail01 .left .left_r .product-image.zoom_remove:after { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; height: 100%; content: ""; } .en_pro_detail01 .left .left_r .product-image { overflow: hidden; } .en_pro_detail01 .left .left_r .product-image img { position: relative; width: 100%; } .en_pro_detail01 .left .left_r .image-additional-wrap { position: relative; z-index: 10; } .en_pro_detail01 .left .left_r .image-additional { position: relative; overflow: hidden; padding: 0 2px; } .en_pro_detail01 .left .left_r .image-additional li { position: relative; float: left; display: -webkit-box; display: -webkit-flex; display: flex; overflow: visible; width: 100%; width: 20%; height: auto; border: 2px solid #ececec; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } .en_pro_detail01 .left .left_r .image-additional li:before { position: absolute; bottom: -5px; left: 40%; z-index: 1; display: block; width: 20%; height: 4px; border-radius: 6px; content: ''; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .en_pro_detail01 .left .left_r .image-additional li.single { display: none; } .en_pro_detail01 .left .left_r .image-additional li img { position: relative; display: block; margin: 0 auto; width: 100%; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; filter: alpha(opacity=40); } .en_pro_detail01 .left .left_r .image-additional li a { position: relative; display: block; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .en_pro_detail01 .left .left_r .image-additional li.current { border: 2px solid #fcb026; -bottom: 0; } .en_pro_detail01 .left .left_r .image-additional li.current img { opacity: 1; filter: alpha(opacity=100); } .en_pro_detail01 .left .left_r .image-additional img.popup { display: none; } .ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #0b87fb; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; } .en_pro_detail01 .left .left_r .image-additional.swiper-container-horizontal>.swiper-pagination-bullets { display: none; } .en_pro_detail01 .left .left_r .swiper-button-next, .en_pro_detail01 .left .left_r .swiper-button-prev { margin-top: -16px; width: 25px; height: 32px; background: none; font-size: 24px; line-height: 32px; opacity: 1; filter: alpha(opacity=100); } .en_pro_detail01 .left .left_r .swiper-button-prev { left: 10px; } .en_pro_detail01 .left .left_r .swiper-button-next { right: 10px; } .en_pro_detail01 .left .left_r .swiper-button-next:before, .en_pro_detail01 .left .left_r .swiper-button-prev:before { width: 25px; height: 33px; /*background-image: url(img/web_icon.png);*/ background-repeat: no-repeat; content: ""; -webkit-transition: all ease .35s; transition: all ease .35s; } .en_pro_detail01 .left .left_r .swiper-button-next:before { background-position: right -93px; } .en_pro_detail01 .left .left_r .swiper-button-prev:before { background-position: -250px -93px; } .en_pro_detail01 .left .left_r .swiper-button-next:hover:before { background-position: right -126px; } .en_pro_detail01 .left .left_r .swiper-button-prev:hover:before { background-position: -250px -126px; } .en_pro_detail01 .left .left_r .swiper-button-next.swiper-button-disabled, .en_pro_detail01 .left .left_r .swiper-button-prev.swiper-button-disabled { opacity: 1; filter: alpha(opacity=100); } .en_pro_detail01 .left .left_r:hover .swiper-button-prev, .en_pro_detail01 .left .left_r:hover .swiper-button-next { background: none; opacity: 1; filter: alpha(opacity=100); } .en_pro_detail01 .left .left_r:hover .swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); } .en_pro_detail01 .left .left_r .image-additional li{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -ms-box-sizing: border-box; -o-box-sizing: border-box; } /* recommen_slide/ */ .recommen_slide{ border: 1px solid #d6d6d6;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .recommen_slide>a{display: block;position: relative;padding: 20px 30px 0;} .recommen_slide figure{margin: 0;text-align: center;} .recommen_slide figure h4{font-size: 15px; line-height: 30px; color: #333f47;font-family: 'Impact'; text-transform: uppercase;} .recommen_slide figure h3{font-size: 34px; line-height: 34px; color: #1b1b1b; font-family: Impact;} .recommen_slide figure .item_img 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; } .recommen_slide figure .item_img{overflow: hidden;} .recommen_slide:hover figure .item_img img{transform: scale(1.1);-webkit-transform: scale(1.1);} .recommen_slide figcaption{padding:15px 35px;} .recommen_slide figcaption .con .con_text{margin-bottom:10px; font-size:15px;} .recommen_slide figcaption .con .con_text .text_t{color:#2f2f2f; line-height:28px;} .recommen_slide figcaption .con .con_text .text_c{color:#0e0e0e; font-size:16px; font-weight:bold;} .recommen_slide figcaption .con .con_text .text_c .cn{display:none; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .recommen_slide figcaption .con .con_text .text_c .en{display:block; display:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .recommen_slide .more_box{text-align:center; margin-bottom:35px;} .recommen_slide .more_box .more{display:inline-block; width: 114px; height: 34px; line-height: 34px; text-align:center; border:1px solid #798186; font-size:14px; color:#333f47; position:relative; margin-left:14px;text-transform:uppercase;} .recommen_slide .more_box .more:first-child{margin-left:0px;} .recommen_slide .more_box .more span{position:relative; z-index:3;} .recommen_slide .more_box .more:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} .recommen_slide .more_box .more:hover{color:#f5a834; border-color:#333e46;} .recommen_slide .more_box .more:hover:after{width:100%;} .page_recommen_warp{position: relative;margin-bottom: 45px;} .page_recommen_item{ position:absolute;left:0;top:0;width:100%;opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);opacity:0;z-index:9;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-ms-transition: all .5s ease;} .page_recommen_item:nth-child(1){position:relative;} .page_recommen_item.active{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);z-index:99;} .page_recommen_item .swiper_prev,.page_recommen_item .swiper_next,.page_solution_main .swiper_prev,.page_solution_main .swiper_next{width:26px; height:77px; background:url(service01_jt-2.png) no-repeat; position:absolute; top:50%; margin-top:-38px; z-index:2; font-size:0; cursor:pointer;} .page_recommen_item .swiper_prev.swiper-button-disabled,.page_recommen_item .swiper_next.swiper-button-disabled,.page_solution_main .swiper_prev.swiper-button-disabled,.page_solution_main .swiper_next.swiper-button-disabled{display:none;} .page_recommen_item .swiper_prev {left:-35px; background-position:0 0;} .page_recommen_item .swiper_next{right:-35px; background-position:-26px 0px;} .page_recommen_item .swiper_prev:hover{background-position:0 -77px;} .page_recommen_item .swiper_next:hover{background-position:-26px -77px;} .page_solution_main{position: relative;} .page_solution_main .swiper_next{right:-35px;background-position:-26px -77px;} .page_solution_main .swiper_prev{left:-35px;background-position:0 -77px;} .solution_slide .rect-6083{padding-bottom:60.83%;} .solution_slide{position:relative} .solution_slide .intro{background:#fff;} .solution_slide .intro .box{padding:30px 25px;} .solution_slide .intro .box .line{width:49px; height:3px; background:#fcb026;} .solution_slide .intro .box .t{font-size:24px; line-height:26px; color:#000e2e; margin-top:15px;} .solution_slide .cover{position:absolute; left:0; bottom:0; width:100%; height:100%; background:#fcb026; transition:all 0.5s ease; opacity:0; visibility:hidden;} .solution_slide .cover:after{content:''; width:234px; height:218px; background:url(pro_detail03_3-2.png) no-repeat center; position:absolute; right:0; bottom:0;} .solution_slide .cover .box{padding:50px 25px; position:relative; z-index:2;} .solution_slide .cover .box .line{ width:49px; height:3px; background:#333f47; margin-bottom:15px;} .solution_slide .cover .box .t{font-size:34px; line-height:34px; font-weight:bold; color:#333f47; margin-bottom:20px} .solution_slide .cover .box .c{font-size:15px; line-height:26px; color:#535353; height:78px; overflow:hidden;} .solution_slide .cover .box .list{margin-top:10px;} .solution_slide .cover .box .list dd{font-size:15px; line-height:28px; color:#535353;} .solution_slide .cover .box .list dd span{font-weight:bold; font-size:18px;} .solution_slide:hover .cover{opacity:1; visibility:visible;} /* font-family */ .mobile-head-item .title:before { display: inline-block; text-decoration: inherit; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: "fontawesome"; speak: none; } /*------------------------------- swiper-slide start ----------------------------------*/ .slider_banner { position: relative; overflow: hidden; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode>.swiper-wrapper { margin: 0 auto; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-slide { position: relative; overflow: hidden; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; pointer-events: none; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; z-index: 2; margin-top: -25px; width: 36px; height: 50px; border-radius: 2px; background-color: rgba(0,0,0,.4); background-color: #ccc; text-align: center; font-size: 30px; line-height: 50px; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); } .swiper-button-next:before, .swiper-button-prev:before { display: inline-block; } .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.3; cursor: auto;/* pointer-events:none; */ } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { right: auto; left: 10px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before { content: '\f104'; } .swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before { content: '\f105'; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; z-index: 2; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 100%; text-align: center; font-size: 0; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); } .swiper-pagination-bullet, .swiper-pagination-bullet:before, .swiper-pagination-bullet:after { display: inline-block; width: 30px; height: 3px; vertical-align: top; } .swiper-pagination-bullet { position: relative; overflow: hidden; cursor: pointer; display: none; } .swiper-pagination-bullet:before { background-color: #fff; content: ''; } .swiper-pagination-bullet-active:before { background-color: #0b87fb; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-container-vertical>.swiper-pagination-bullets { top: 50%; right: 10px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 6px 0; } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .3s -webkit-transform; -o-transition: .2s transform, .3s top; transition: .2s top, .3s -webkit-transform; transition: .2s transform, .3s top; transition: .2s transform, .3s top, .3s -webkit-transform; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .3s -webkit-transform; -o-transition: .2s transform, .3s left; transition: .2s left, .3s -webkit-transform; transition: .2s transform, .3s left; transition: .2s transform, .3s left, .3s -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .3s -webkit-transform; -o-transition: .2s transform, .3s right; transition: .2s right, .3s -webkit-transform; transition: .2s transform, .3s right; transition: .2s transform, .3s right, .3s -webkit-transform; } .swiper-pagination-progressbar { position: absolute; background: rgba(0, 0, 0, .25); } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #007aff; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; -ms-transform: scale(0); -ms-transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; } .swiper-container-horizontal { overflow: hidden; } .swiper-container-horizontal>.swiper-pagination-progressbar { top: 0; left: 0; width: 100%; height: 4px; } .swiper-container-vertical>.swiper-pagination-progressbar { top: 0; left: 0; width: 4px; height: 100%; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { position: relative; border-radius: 10px; background: rgba(0, 0, 0, .1); -ms-touch-action: none; } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; bottom: 3px; left: 1%; z-index: 50; width: 98%; height: 5px; } .swiper-container-vertical>.swiper-scrollbar { position: absolute; top: 1%; right: 3px; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { position: relative; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(0, 0, 0, .5); } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; -webkit-transform-origin: 50%; transform-origin: 50%; -ms-transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; width: 100%; height: 100%; background-position: 50%; background-size: 100%; background-repeat: no-repeat; content: ''; } .swiper-lazy-preloader-white:after { } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; top: 0; left: 0; z-index: -1000; opacity: 0; pointer-events: none; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; pointer-events: none; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { z-index: 1; visibility: hidden; width: 100%; height: 100%; -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform-origin: 0 0; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -ms-transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { visibility: visible; pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { z-index: 1; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } @media screen and (max-width: 480px) { .swiper-pagination-bullet { margin: 0 5px; width: 10px; height: 10px; } .solu_center02 .content .rect-60{padding-bottom:80%;} .solu_center02 .content .item01 .bottom .rect-535{padding-bottom:80%;} .solu_center02 .content .item02 .center .rect-535{padding-bottom:100%;} .solu_center02 .content .item02 .bottom .rect-535{padding-bottom:80%;} .solu_center02 .content .item03 .bottom .rect-535{padding-bottom:80%;} .solu_center02 .content .item03 .bottom2 .rect-535{padding-bottom:80%;} } /*ie*/ .swiper-container { overflow: hidden\9; } .slider_banner .swiper-container .swiper-wrapper { width: 2000%\9; } .swiper-slide { float: left\9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .swiper-container .swiper-wrapper { width: auto; } } /* index */ .en_ipart03 .pagination{position:absolute; right:0; top:105px; text-align:right; z-index:3; cursor:pointer;} .en_ipart03 .pagination span.swiper-pagination-bullet{display:block; height:3px; margin-bottom:20px; position:relative;} .en_ipart03 .pagination span.swiper-pagination-bullet{width:34px; height:4px; background:#fff; background:rgba(255,255,255,.6); transition:all 0.5s ease;margin: 0 0 20px auto;} .en_ipart03 .pagination span.swiper-pagination-bullet-active,.en_ipart03 .pagination span.swiper-pagination-bullet-active{width:47px; background:#fff; height:6px} .en_ipart03 .pagination span:hover:after{width:47px; height:6px;} .en_ipart03 .pagination span.swiper-pagination-bullet:before{display: none;} /*------------------------------- swiper-slide end ----------------------------------*/ /*slider_banner*/ .slider_banner .swiper-wrapper { } .slider_banner .swiper-slide img { width: 100%; min-height: 150px; } .slider_banner .swiper-slide img+img { position: absolute; top: 0; left: 0; } .slider_banner .swiper-slide img { width: 100%; transition: 3s linear; transform: scale(1.08); } .slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); } .slider_banner .slider_swiper_control { position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; height: 54px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .slider_banner .swiper-button-white { position: static; position: relative; right: auto; left: auto; display: inline-block; overflow: hidden; margin: auto; width: 60px; height: 90px; border-radius: 0; background-color: #0b87fb; background-position: center; background-repeat: no-repeat; vertical-align: middle; text-indent: -9999px; opacity: 1; filter: alpha(opacity=100); } .slider_banner .layout { bottom: 50px !important;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index:99;text-align: right; } .slider_banner .swiper-pagination {opacity: 1;width: auto;position: relative;display: inline-block;} .slider_banner .swiper-pagination span { vertical-align: middle; } .slider_banner .swiper-pagination i { display: inline-block; margin: 0 8px; width: 6px; height: 6px; background-color: #fff; vertical-align: middle; } .slider_banner .swiper-pagination-bullet:before { display: none; } .slider_banner .swiper-pagination-bullet{position:relative;display:inline-block;width:80px;height:4px;background-color:rgba(255,255,255,0.55);margin-right:6px} .slider_banner .swiper-pagination-bullet:after{content:"";width:0px;height:4px;position:absolute;top:0;left:0;background:#fff} .slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width:80px;transition:all 5s linear;-webkit-transition:all 5s linear} .banner_button_prev,.banner_button_next{width:33px;height:54px;position:absolute;top:50%;margin-top:-27px;z-index:2;font-size:0;cursor:pointer} .banner_button_prev{left:20px;background:url(cursor-left-2.png) no-repeat center} .banner_button_next{right:20px;background:url(cursor-right-2.png) no-repeat center} .video_banner .video_src{width:100%;height:100%;max-height:612px;object-fit:cover;object-position:center} .index_main .layout{width:1260px} .index_main figure{margin:0} .slider_banner .btn_playStop {position:relative; display:inline-block; width:24px; height:24px; top:-1px; left:6px;} .slider_banner .btn_playStop:before {content:""; position:relative; width:100%; height:100%; display:block; background:url(ico_kv_pause-2.png) no-repeat center;} .slider_banner .btn_playStop:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background:url(ico_kv_play-2.png) no-repeat center; opacity:0; visibility:hidden;} .slider_banner .btn_playStop.on:before {opacity:0; visibility:hidden;} .slider_banner .btn_playStop.on:after {opacity:1; visibility:visible;} /*@font-face{font-family:"H_Bold";font-style:normal;src:url(/uploads/IMHELVETICA_NEUE_CONDENSED_BOLD_0PACT.ttf) format("TrueType");font-display:fallback}*/ .index_product_warp{padding:35px 0;background:#f5f5f5} .index_product_main{position:relative} .product_slide img{width:auto} .product_slide a{display:block;position:relative;max-width:100px;margin:auto} .product_slide a figure{border:1px solid #dcdcdc;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background-color:#f5f5f5} .product_slide figure img + img{position:absolute;top:0;left:0;opacity:0} .product_slide:hover figure img{opacity:0} .product_slide:hover img+img{opacity:1} .product_slide:hover figure{background-color:#fcb026;border-color:#fcb026} .product_slide a h3{font-size:16px;color:#333f47;font-family:'H_Bold';text-transform:uppercase;text-align:center;line-height:20px;margin-top:8px} .index_product_main .swiper_prev,.index_product_main .swiper_next{width:21px;height:41px;background:url(en_ipt1_btn-2.png) no-repeat;position:absolute;top:31px;z-index:2;font-size:0;cursor:pointer} .index_product_main .swiper_prev{left:-30px;background-position:0 0} .index_product_main .swiper_next{right:-30px;background-position:-21px 0px} .index_product_main:after{content:'';width:110%;height:1px;background:url(en_ipart01_line-2.png) repeat center;position:absolute;left:-5%;top:51px} .index_service_swiper{border-right:1px solid rgba(255,255,255,.4)} .service_slide:before{content:'';position:absolute;top:0%;right:0%;width:100%;height:100%;background:url(black75-2.png) center;height:100%;opacity:0;visibility:hidden;transition:all 0.5s ease} .service_slide:hover:before{opacity:1;visibility:visible} .service_slide{position:relative;transition:all 0.5s ease;height:556px} .service_slide .li_box{position:relative;z-index:3;position:absolute;left:30px;right:30px;bottom:123px;transition:bottom 0.5s ease;color:#fff} .service_slide .li_box .list{display:none;padding-bottom:30px} .service_slide .li_box .tit a{font-size:35px;line-height:35px;margin-bottom:15px;font-family:Impact;text-transform:uppercase} .service_slide .li_box .tit{transition:all 0.5s ease} .service_slide .li_box .list .text{font-size:16px;line-height:24px;font-family:Arial;color:#b6b6b6} .service_slide .more{position:absolute;left:30px;bottom:56px;font-size:17px;color:#fefefe;font-family:Arial;text-transform:uppercase} .service_slide .more a{display:inline-block;color:#fefefe;padding:7px 0} .service_slide:hover .more a{padding:7px 13px} .service_slide:hover .more{background-color:#fcb026} .service_slide:hover .li_box .tit a{color:#fcb026} .service_slide:hover .li_box .tit{padding-bottom:30px} .service_slide .more span{display:inline-block;vertical-align:middle} .service_slide .more span.jt{width:33px;height:11px;background:url(en_ipart02_jt-2.png) no-repeat center;margin-left:5px} .service_slide:after{content:'';width:1px;height:100%;background:#fff;background:rgba(255,255,255,.4);position:absolute;left:0;top:0} .index_service_main .swiper_prev,.index_service_main .swiper_next{width:38px;height:69px;position:absolute;top:50%;margin-top:-35px;z-index:2;font-size:0;background:url(en_ipart02_btn-2.png) no-repeat;cursor:pointer} .index_service_main .swiper_prev{left:-50px;background-position:0 0} .index_service_main .swiper_next{right:-50px;background-position:-38px 0px} @media only screen and (max-width: 1440px) { .index_main .layout,.wrap,.en_ipart03 .swiper-container{width: 1200px !important;} } @media only screen and (max-width: 1366px) { .head_nav > li{ position: relative; display: inline-block; padding: 0 8px; font-size: 15px; } .head_nav>li>a{ font-size: 13px; } .head_layout{padding: 0 60px;width: 100%;} *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .index_main .layout,.wrap,.en_ipart03 .swiper-container{width: 1150px !important;} } @media only screen and (max-width: 1280px) { .index_main .layout,.wrap,.en_ipart03 .swiper-container{width: 98% !important;} .ipart{ display: block !important;} } @media only screen and (max-width: 950px) { .banner_button_prev, .banner_button_next{display: none;} .en_ipart02 .infor .tit a,.en_ipart04 .infor .tit{font-size:24px;line-height:1.5} .en_ipart02 .infor .con a{font-size:15px;line-height:24px;padding: 0 10px;} .en_ipart03 .intro .box .smal_tit{font-size:16px} .en_ipart03 .intro .box .big_tit{font-size:20px} .en_ipart03 .intro .box .con,.en_ipart04 .infor .con{font-size:14px} .en_ipart04 .content .left .intro .box{padding:20px} .en_ipart04 .content .left .intro .box{padding:20px} .en_ipart04 .content .left .intro .box .date{font-size:14px} .en_ipart04 .content .left .intro .box .c{font-size:12px} .en_ipart04 .content .right .r_top .item .intro .box{padding:15px 10px 40px} .en_ipart04 .content .right .r_top .item .intro .box .date{font-size:12px} .en_ipart04 .content .right .r_top .item .intro .box .t{font-size:16px} .en_ipart04 .content .right .r_bott .box .t{font-size:18px} .en_ipart05 .left{font-size:20px;line-height:2} .en_f_top .right dl dt{font-size:18px;margin-bottom:20px;line-height:1.5} .en_f_top .right dl dd{font-size:12px;margin-bottom:10px} .en_f_cen a,.en_f_cen em{font-size:12px} .en_f_bott .left{font-size:12px} .en_ipart02 .infor .con{padding-left:0;margin-top:10px} .head_nav > li { padding: 20px 10px 20px 0; } .head_nav>li.has-child:hover>a:before {content:none;} .head_nav > li.hot_nav { background: url(rx.png) no-repeat calc(100% - 30px) 0; } } @media only screen and (max-width: 768px) { .en_prolist_banner .ban_form .tit h1{ font-size: 21px; line-height: 20px; /* font-family: Impact; */ text-transform: capitalize; color: #fff; text-align: center; margin-top: 40px; } .en_ipart03 .swiper-container{height: auto;} .en_ipart03 .img_{width:100%;float:unset;margin-left:0} .en_ipart03 .intro{width:100%;float:unset;margin-right:0} .en_ipart03,.en_ipart05{background-size:cover} .en_ipart03 .swiper-container a{text-align:center} .en_ipart04 .content .right{width:100%;float:unset;} .en_ipart04 .content .left{width:100%;float:unset;margin-bottom: 15px;} .pageFooter{display: block !important;} .en_prolist_banner .ban_form .form_box .inp_box_wrap>span{ line-height: 45px!important; } .en_pro_list01 .right .bd_list li .more_box .more{ width: 63px!important; font-size: 11px!important; } .slider_banner .swiper-pagination-bullet{ display: none; } } @media only screen and (max-width: 640px) { .en_ipart03 .intro .box:before{width:23px;height:27px;background-size:100%} .en_ipart03 .intro .box{padding-left:30px} .en_ipart05 .left{margin-bottom:15px;float:unset} .en_ipart05 .right{float:unset} .en_f_top .right dl{width: 100% !important;;} } /*------------------------------- language start ----------------------------------*/ .prisna-wp-translate-seo { display: none; font-family: Arial, Helvetica, sans-serif; } .mobile-head-language .prisna-wp-translate-seo, .change-language .prisna-wp-translate-seo { display: block; } .change-language .change-language-title, .change-language .change-language-title a { font-size: 10pt; } .change-language .change-language-title a:after { display: inline-block; padding-left: 2px; content: "\f0d7"; font-size: 12px; font-family: 'fontawesome'; } .change-language:hover .change-language-title a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -ms-transform: rotate(-180deg); } .change-language .change-language-cont { position: absolute; top: 36px; right: 0; z-index: 999; visibility: hidden; overflow-y: scroll; padding: 20px 10px 20px 20px; width: 360px; max-height: 80vh; border: 1px solid #eee; border-radius: 5px; background: #FFF; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: scale3d(0.9, 0.9, 1); -ms-transition: all 0.3s ease-in-out; } .change-language:hover .change-language-cont { visibility: visible; opacity: 1; transform: scale3d(1, 1, 1); } .change-language .change-language-cont li { display: inline-block; overflow: hidden; margin: 0 0 10px; padding: 0 10px 0 0; width: 30%; vertical-align: top; font-size: 10pt; } .change-language .change-language-cont li a:hover { color: #fe0100; } .change-language .change-language-cont .lang-item-hide { display: none !important; } .change-language .change-language-cont .lang-more { position: relative; display: block; text-align: center; line-height: 30px; cursor: pointer; } .change-language .change-language-cont .more-active { font-size: 20px; } .language-flag span { position: relative; display: inline-block; overflow: hidden; padding: 0 0 0 33px; vertical-align: top; white-space: nowrap; *display: inline; *zoom: 1; } .change-language ::-webkit-scrollbar { width: 5px; } .change-language ::-webkit-scrollbar-track { background-color: #fff; } .change-language ::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(0,0,0,.3); } .change-language .language-cont:hover::-webkit-scrollbar-thumb { display: block; } .language-flag .country-flag { position: absolute; top: 50%; left: 0; display: inline-block; margin: -8px 5px 0; width: 22px; height: 16px; background-image: url(all-m.gif); background-repeat: no-repeat; vertical-align: top; *display: inline; *zoom: 1; } li.language-flag a { position: relative; } .language-flag-af .country-flag { background-position: 0 0 !important; } .language-flag-sq .country-flag { background-position: 0 -16px !important; } .language-flag-ar .country-flag { background-position: 0 -32px !important; } .language-flag-hy .country-flag { background-position: 0 -48px !important; } .language-flag-az .country-flag { background-position: 0 -64px !important; } .language-flag-eu .country-flag { background-position: 0 -80px !important; } .language-flag-be .country-flag { background-position: 0 -96px !important; } .language-flag-bg .country-flag { background-position: 0 -112px !important; } .language-flag-ca .country-flag { background-position: 0 -128px !important; } .language-flag-zh .country-flag { background-position: 0 -144px !important; } .language-flag-zh-TW .country-flag { background-position: 0 -160px !important; } .language-flag-hr .country-flag { background-position: 0 -176px !important; } .language-flag-cs .country-flag { background-position: 0 -192px !important; } .language-flag-da .country-flag { background-position: 0 -208px !important; } .language-flag-nl .country-flag { background-position: 0 -240px !important; } .language-flag-en .country-flag { background-position: 0 -256px !important; } .language-flag-et .country-flag { background-position: 0 -272px !important; } .language-flag-tl .country-flag { background-position: 0 -288px !important; } .language-flag-fi .country-flag { background-position: 0 -304px !important; } .language-flag-fr .country-flag { background-position: 0 -320px !important; } .language-flag-gl .country-flag { background-position: 0 -336px !important; } .language-flag-ka .country-flag { background-position: 0 -352px !important; } .language-flag-de .country-flag { background-position: 0 -368px !important; } .language-flag-el .country-flag { background-position: 0 -384px !important; } .language-flag-ht .country-flag { background-position: 0 -400px !important; } .language-flag-iw .country-flag { background-position: 0 -416px !important; } .language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag { background-position: 0 -432px !important; } .language-flag-hu .country-flag { background-position: 0 -448px !important; } .language-flag-is .country-flag { background-position: 0 -464px !important; } .language-flag-id .country-flag { background-position: 0 -480px !important; } .language-flag-ga .country-flag { background-position: 0 -496px !important; } .language-flag-it .country-flag { background-position: 0 -512px !important; } .language-flag-ja .country-flag { background-position: 0 -528px !important; } .language-flag-ko .country-flag { background-position: 0 -544px !important; } .language-flag-la .country-flag { background-position: 0 -560px !important; } .language-flag-lv .country-flag { background-position: 0 -576px !important; } .language-flag-lt .country-flag { background-position: 0 -592px !important; } .language-flag-mk .country-flag { background-position: 0 -608px !important; } .language-flag-ms .country-flag { background-position: 0 -624px !important; } .language-flag-mt .country-flag { background-position: 0 -640px !important; } .language-flag-no .country-flag { background-position: 0 -656px !important; } .language-flag-fa .country-flag { background-position: 0 -672px !important; } .language-flag-pl .country-flag { background-position: 0 -688px !important; } .language-flag-pt .country-flag { background-position: 0 -704px !important; } .language-flag-ro .country-flag { background-position: 0 -720px !important; } .language-flag-ru .country-flag { background-position: 0 -736px !important; } .language-flag-sr .country-flag { background-position: 0 -752px !important; } .language-flag-sk .country-flag { background-position: 0 -768px !important; } .language-flag-sl .country-flag { background-position: 0 -784px !important; } .language-flag-es .country-flag { background-position: 0 -800px !important; } .language-flag-sw .country-flag { background-position: 0 -816px !important; } .language-flag-sv .country-flag { background-position: 0 -832px !important; } .language-flag-th .country-flag { background-position: 0 -848px !important; } .language-flag-tr .country-flag { background-position: 0 -864px !important; } .language-flag-uk .country-flag { background-position: 0 -880px !important; } .language-flag-ur .country-flag { background-position: 0 -896px !important; } .language-flag-vi .country-flag { background-position: 0 -912px !important; } .language-flag-cy .country-flag { background-position: 0 -928px !important; } .language-flag-yi .country-flag { background-position: 0 -944px !important; } .language-flag-bn .country-flag { background-position: 0 -960px !important; } .language-flag-eo .country-flag { background-position: 0 -976px !important; } .language-flag.language-flag-custom-afghanistan .country-flag { background-position: 0 -992px !important; } .language-flag.language-flag-custom-albania .country-flag { background-position: 0 -1008px !important; } .language-flag.language-flag-custom-algeria .country-flag { background-position: 0 -1024px !important; } .language-flag.language-flag-custom-argentina .country-flag { background-position: 0 -1040px !important; } .language-flag.language-flag-custom-australia .country-flag { background-position: 0 -1056px !important; } .language-flag.language-flag-custom-austria .country-flag { background-position: 0 -1072px !important; } .language-flag.language-flag-custom-belgium .country-flag { background-position: 0 -1088px !important; } .language-flag.language-flag-custom-brazil .country-flag { background-position: 0 -1104px !important; } .language-flag.language-flag-custom-canada .country-flag { background-position: 0 -1120px !important; } .language-flag.language-flag-custom-chile .country-flag { background-position: 0 -1136px !important; } .language-flag.language-flag-custom-cote-d-ivoire .country-flag { background-position: 0 -1152px !important; } .language-flag.language-flag-custom-ecuador .country-flag { background-position: 0 -1168px !important; } .language-flag.language-flag-custom-egypt .country-flag { background-position: 0 -1184px !important; } .language-flag.language-flag-custom-england .country-flag { background-position: 0 -1200px !important; } .language-flag.language-flag-custom-luxembourg .country-flag { background-position: 0 -1216px !important; } .language-flag.language-flag-custom-malaysia .country-flag { background-position: 0 -1232px !important; } .language-flag.language-flag-custom-mexico .country-flag { background-position: 0 -1248px !important; } .language-flag.language-flag-custom-new-zealand .country-flag { background-position: 0 -1264px !important; } .language-flag.language-flag-custom-oman .country-flag { background-position: 0 -1280px !important; } .language-flag.language-flag-custom-qatar .country-flag { background-position: 0 -1296px !important; } .language-flag.language-flag-custom-saudi-arabia .country-flag { background-position: 0 -1312px !important; } .language-flag.language-flag-custom-singapore .country-flag { background-position: 0 -1328px !important; } .language-flag.language-flag-custom-south-africa .country-flag { background-position: 0 0 !important; } .language-flag.language-flag-custom-switzerland .country-flag { background-position: 0 -1344px !important; } .language-flag.language-flag-custom-syria .country-flag { background-position: 0 -1360px !important; } .language-flag.language-flag-custom-united-arab-emirates .country-flag { background-position: 0 -1376px !important; } .language-flag.language-flag-custom-united-states-of-america .country-flag { background-position: 0 -1392px !important; } .language-flag-hy .country-flag { background-position: 0 -1408px; } .language-flag-bs .country-flag { background-position: 0 -1424px; } .language-flag-ceb .country-flag { background-position: 0 -1440px; } .language-flag-ny .country-flag { background-position: 0 -1456px; } .language-flag-ha .country-flag { background-position: 0 -1472px; } .language-flag-hmn .country-flag { background-position: 0 -1488px; } .language-flag-ig .country-flag { background-position: 0 -1504px; } .language-flag-jw .country-flag { background-position: 0 -1520px; } .language-flag-kk .country-flag { background-position: 0 -1536px; } .language-flag-km .country-flag { background-position: 0 -1552px; } .language-flag-lo .country-flag { background-position: 0 -1568px; } .language-flag-la .country-flag { background-position: 0 -1584px; } .language-flag-mg .country-flag { background-position: 0 -1600px; } .language-flag-ml .country-flag { background-position: 0 -1616px; } .language-flag-mi .country-flag { background-position: 0 -1632px; } .language-flag-mr .country-flag { background-position: 0 -1648px; } .language-flag-mn .country-flag { background-position: 0 -1664px; } .language-flag-my .country-flag { background-position: 0 -1680px; } .language-flag-ne .country-flag { background-position: 0 -1696px; } .language-flag-pa .country-flag { background-position: 0 -1712px; } .language-flag-st .country-flag { background-position: 0 -1728px; } .language-flag-si .country-flag { background-position: 0 -1744px; } .language-flag-so .country-flag { background-position: 0 -1760px; } .language-flag-su .country-flag { background-position: 0 -1776px; } .language-flag-tg .country-flag { background-position: 0 -1792px; } .language-flag-uz .country-flag { background-position: 0 -1808px; } .language-flag-yo .country-flag { background-position: 0 -1824px; } .language-flag-zu .country-flag { background-position: 0 -1840px; } /*------------------------------- language end ----------------------------------*/ /*------------------------------- search start ----------------------------------*/ .container { position:relative; min-height:100vh;} .search-ipt { border:0; background:transparent; border-radius:0; -webkit-appearance:none; } .web-search { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;visibility:hidden; } .web-search .btn--search-close { display:inline-block;font-size:1.8em;border-radius:50%; position:fixed; top:1.25em; right:1.25em; display:none;background-color: #000; background-image:url(search_btn_close.png);background-position:center;background-repeat:no-repeat; -webkit-background-size:auto 40%;background-size:auto 40%; width:55px;height:55px;line-height:55px;cursor:pointer;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease; } .web-search .btn--search-close:hover{background-color:#fa3b00;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .js .btn--search-close { display:block; } .web-search .search-ipt { font-family:inherit; line-height:1em; display:inline-block; box-sizing:border-box; width:75%; padding:0.05em 0; color:#333; border-bottom:3px solid; font-size:20px; } .web-search .search-ipt::-webkit-input-placeholder {color:#333;font-weight:bold;} .web-search .search-ipt::-moz-placeholder {opacity:1;color:#333;font-weight:bold;} .web-search .search-ipt:-ms-input-placeholder {color:#333;font-weight:bold;} .web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {-webkit-appearance:none;} .web-search .search-ipt::-ms-clear {display:none;} .web-search .search-attr { font-size:90%;display:block; width:75%; margin:0 auto; padding:0.85em 0; text-align:right; color:#333; } .js .container { position:relative; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } .js .main-wrap--move {height:100vh; } .js .web-search { pointer-events:none; } .js .search--open { pointer-events:auto; opacity:1; visibility:visible;} .web-search .btn--search-close { opacity:0;-webkit-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease; } .search--open .btn--search-close { opacity:1; -webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease; -webkit-animation:bounceInA 1s ease;-o-animation:bounceInA 1s ease;animation:bounceInA 1s ease;} .search__suggestion, .web-search .search-attr { opacity:0;-moz-transform:translate3d(10%, 0, 0); -webkit-transform:translate3d(10%, 0, 0); -ms-transform:translate3d(10%, 0, 0); -o-transform:translate3d(10%, 0, 0); transform:translate3d(10%, 0, 0);-moz-transition:opacity.6s, transform.6s; -webkit-transition:opacity.6s, transform.6s; -ms-transition:opacity.6s, transform.6s; -o-transition:opacity.6s, transform.6s; transition:opacity.6s, transform.6s; } .search--open .search-attr { opacity:1;-moz-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); font-size:20px; } .js .web-search .search-ipt {font-size:72px;font-weight:bold;border-bottom-width:2px;padding:15px 0;-moz-transform:scale3d(0, 1, 1); -webkit-transform:scale3d(0, 1, 1); -ms-transform:scale3d(0, 1, 1); -o-transform:scale3d(0, 1, 1); transform:scale3d(0, 1, 1);-moz-transform-origin:0% 50%; -webkit-transform-origin:0% 50%; -ms-transform-origin:0% 50%; -o-transform-origin:0% 50%; transform-origin:0% 50%;-moz-transition:transform .3s; -webkit-transition:transform .3s; -ms-transition:transform .3s; -o-transition:transform .3s; transition:transform .3s; opacity:0;text-transform:uppercase;} .js .web-search .search-ipt,.web-search .search-attr {-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;} .js .search--open .search-ipt {-moz-transform:scale3d(1, 1, 1); -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); -o-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);opacity:1;-moz-transition-duration:.3s; -webkit-transition-duration:.3s; -ms-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; } .js .search--open .search-btn { display:none !important; } .web-search .search-attr{padding-bottom:0;} .js .web-search .head-search{width:90%;height:240px;position:fixed;left:0;top:0;right:0;bottom:0;padding:50px 0;margin:auto;border-radius:8px;z-index:100001;perspective:1200px;} .js .search--open::before {opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;} .web-search{content:'';display:block;width:50%;height:50%;background-color:rgba(255,255,255,.95);position:fixed;right:0;top:0;z-index:100000;border-radius: 0 0 0 100%;opacity: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .web-search.search--open{width:100%;height:100%;opacity: 1;border-radius: 0;} /*------------------------------- search end ----------------------------------*/ .en_prolist_banner .ban_form .form_box .inp_box_wrap>span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 20px;position: relative; line-height: 60px; font-size: 17px; color: #454545; text-align: left;cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent: 10px; font-family: Arial,'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; } .en_prolist_banner .ban_form .form_box .inp_box_wrap>span:before{ content: ""; position: absolute; top: 50%; right: 6px; margin: -2px 0 0; border: 4px solid; border-color: #333 transparent transparent; cursor: pointer; width: 0;height: 0; } .inp_select{overflow: auto; max-height: 12em; border: 1px solid #eee; background: #fff;border-top: 0; border-radius: 0 0 4px 4px;width: 100%;text-align: left; position: absolute; top: calc(100% + 3px);left: 0;display: none; } .inp_select::-webkit-scrollbar-thumb { border-radius: 5px; background: #fcb026; background: rgba(252,176,38,.6); } .inp_select::-webkit-scrollbar-track { border-radius: 0; background: #f6f5f5; } .inp_select::-webkit-scrollbar { width: 4px; height: 4px; } .inp_select li{ line-height: 1.8em; padding: 6px;cursor: pointer;font-size: 14px;font-family: Arial,'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;color: #555; } .inp_select li:hover{ background: #fcb026;color: #fff; } .inp_select li.active{ background: #eee; } .inp_span.active:before{ margin-top: -0.5em !important; border-color: transparent transparent #333 !important; } .en_prolist_banner .ban_form .form_box .inp_box_wrap_s{ width: 22.5%;position: relative; background: #fff; } .item_down>li{ cursor: pointer; } .en_parts_list01 .left .box .content .item .par_submenu>li { display: block; font-size: 14px; line-height: 22px; margin-bottom: 5px; color: #454545; text-transform: uppercase; padding-left: 25px; position: relative; } .en_parts_list01 .left .box .content .item .par_submenu>li:before{content:""; display:block; width:17px; height:17px; background:url(en_prolist01_sele.png) no-repeat; position:absolute; left:0; top:2px;} .en_parts_list01 .left .box .content .item .par_submenu>li.active:before{background-position:-17px 0;} .order_form02 #mauticform_wrapper_shantuigongchengjixiegufenyouxiangongsixunpanbiaodan{ max-width: 800px;width: 80%;margin: auto; } .mauticform-text{ margin-bottom: 20px; } .mauticform-input{ width: 100%; font-size: 16px; color: #333e46; line-height: 40px; border: 1px solid #ebebeb; text-indent: 20px; height: 40px; box-sizing: border-box; } .mauticform-textarea{ width: 100%; font-size: 16px; color: #333e46; line-height: 40px; border: 1px solid #ebebeb; padding-left: 20px; height: 130px; box-sizing: border-box; } #mauticform_input_shantuigongchengjixiegufenyouxiangongsixunpanbiaodan_submit{ cursor: pointer; outline: none; background: transparent; display: inline-block; padding: 0 20px; height: 38px; line-height: 36px; text-align: center; border: 2px solid #333e46; font-size: 14px; color: #333f47; font-weight: bold;z-index: 9; position: relative; } #mauticform_input_shantuigongchengjixiegufenyouxiangongsixunpanbiaodan_submit:after{ content: ""; display: inline-block; width: 8px; height: 16px; position: relative; background: url(about_center03_jt-2.png) no-repeat; margin-left: 33px; vertical-align: text-top; } #mauticform_input_shantuigongchengjixiegufenyouxiangongsixunpanbiaodan_submit:before { content: ''; width: 0; height: 100%; background: #fcb026; position: absolute; left: 0; bottom: 0; z-index: -1; transition: all 0.5s ease; } #mauticform_input_shantuigongchengjixiegufenyouxiangongsixunpanbiaodan_submit:hover { border-color: #fcb026; } #mauticform_input_shantuigongchengjixiegufenyouxiangongsixunpanbiaodan_submit:hover:before { width: 100%; } /*inquiry*/ .inquiry-pop-bd { position: fixed; top: 50%; left: 50%; z-index: 9999; display: none; margin: -300px 0 0 -275px; width: 550px; height: 500px; background: #FFF; box-shadow: 0 0 10px rgba(255, 255, 255, .5); } .inquiry-pop-bd:before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); content: ""; } .inquiry-pop-bd .inquiry-pop { position: absolute; top: 0; left: 0; z-index: 1; padding: 22px; width: 100%;/* height: 100%;*/ background: #FFF; -webkit-animation: fadeInDownA .4s ease; -o-animation: fadeInDownA .4s ease; animation: fadeInDownA .4s ease; } .inquiry-pop-bd .inquiry-pop .ico-close-pop { position: absolute; top: -10px; right: -10px; z-index: 1; width: 30px; height: 30px; background: url(fancy_close.png) no-repeat center center; cursor: pointer; } .inquiry-form-wrap { position: relative; width: 100.5%; height: 420px; } .ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #0b87fb; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; } @media screen and (max-width: 550px) { .inquiry-pop-bd { top: 10px; right: 10px; bottom: 10px; left: 10px; margin: auto; width: auto; } .inquiry-pop-bd .inquiry-pop { padding: 10px; } .scrollsidebar { display: none; } } .mauticform-errormsg{ color: #fcb026; } .mauticform-message{ color: #fcb026; } .path_bar { position: relative; padding: 20px 0; width: 1260px; margin-right: auto; margin-left: auto;} .path_bar ul { font-size: 0; } .path_bar li { display: inline; letter-spacing: 0; } .path_bar li, .path_bar li a { color:#fcb026; font-size: 12px; line-height: 38px;text-transform: uppercase; } .path_bar li:before { position: relative; margin: 0 10px; content: '>'; vertical-align: baseline; } .path_bar li:first-child:before { display: none; }