/* * 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; margin-top:20px;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#3cabff;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; } .util-page .gobutton .ion{ font-size: .8em;} .util-page .count { margin-left:10px; color:#000; background:none; border:none; } .util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top; } .util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size: 14px; } .util-page .jumpto_inp{ width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; } /*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/ .BdMapArea { margin:0 auto 55px; max-width:1200px; } .BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; } .BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-width:760px) { .BdMapArea { display:none; } } /*默认隐藏百度分享触控弹层*/ .bdshare_popup_box { display:none!important;} /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /* 常量设置 */ .wrap { width:1500px; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover { color:#23ac38;} ::-moz-selection {color:#fff; background:#23ac38; } ::selection {color:#fff; background:#23ac38; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ .channel_content{min-height:300px; padding:60px 0;} .common_btn{display:inline-block; line-height:58px; padding:0 64px; border:1px solid #000; color:#000;} .common_btn:hover{color:#fff; background:#23ac38; border:1px solid #23ac38;} /* 滚动条 */ /* ::-webkit-scrollbar{width:6px; margin-left:10px;} ::-webkit-scrollbar-track{background:transparent;} ::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.4); border-radius:3px;} ::-webkit-scrollbar-thumb:hover {background:rgba(0, 0, 0, 0.55);} */ /* 分页 */ .util-page{font-size:0; color: #000; text-align: center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count {color: #bfbfbf;display: inline-block;border: 1px solid #bfbfbf;margin:10px 0;padding:12px 20px;vertical-align: middle;margin: 0 0 10px 2px;background: #fff; font-size:16px ;font-weight:normal; } .util-page .gobutton{color:#23ac38;} .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#23ac38; border-color:#23ac38;} .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; } /* 头部 */ .header{position:fixed; left:0; top:0; width:100%; z-index:20; transition:all .5s ease;} body[class^="fp-viewing-"] .header{opacity:0; visibility:hidden;} body.fp-viewing-0 .header{opacity:1; visibility:visible;} /* logo */ .header .h_logo{padding:20px 0;} .header .h_logo a{display:block; font-size:0;} .header .h_logo .logo_light{display:block;} .header .h_logo .logo_dark{display:none;} /* 工具图标 */ .header .h_tools .iconfont{line-height:1; margin:0; color:#fff; font-size:24px;} /* 搜索 */ .header .h_tools .h_search{padding:39px 0; cursor:pointer; margin-left:24px;} /* 720 */ .header .h_tools .h_720{display:block; padding:39px 0; margin-left:24px;} .header .h_tools .h_720 .icon{display:block; width:72px; height:24px; background:url(../img/h_720.png) no-repeat center;} /* 集团站 */ .header .h_tools .h_group{display:block; padding:39px 0; font-size:16px; line-height:24px; color:#fff;} .header .h_tools .h_group:hover{color:#23ac38;} .header .h_tools .h_group .icon{display:inline-block; width:24px; height:24px; background:url(../img/talent01_1_1.png) no-repeat center/contain; vertical-align:top;} .header .h_tools .h_group .text{display:inline-block; vertical-align:top;} /* 语言版本 */ .header .h_tools .h_lan{position:relative; padding:39px 0; margin-left:24px; cursor:pointer;} .header .h_tools .h_lan .more_down{display:none;} .header .h_tools .h_lan .more_down{position:absolute; width:116px; top:100%; left:50%; margin-left:-58px; z-index:2;} .header .h_tools .h_lan .more_down a{padding:8% 4%; color:#fff; opacity:1; text-align:center;font-size:14px; background:rgba(0,0,0,.6); display:block;} .header .h_tools .h_lan .more_down a:after{display:none;} .header .h_tools .h_lan .more_down a:hover{background:#23ac38;} /* 右侧菜单导航 */ .header .h_menu{padding:39px 0; margin-left:24px; cursor:pointer;} /* PC搜索下拉 */ .search-alert{position:fixed; left:0; top:-100%; width:100%; height:102px;background: #1f3461; z-index:98; transition:all 0.5s ease} .search-alert .close{display:block; width:30px; height:30px; background:url(../img/search_close.png) no-repeat center; background-size:24px auto; position:absolute; top:0; bottom:0; margin:auto 0; right:2.6%; cursor:pointer; -webkit-transition:-webkit-transform 0.3s ease 0s; transition:transform 0.3s ease 0s} .search-alert .close:hover{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .search-alert .cent-form {position:absolute; width:86%; top:0; bottom:0; left:0; right:0; margin:auto; height:65px; line-height:65px; border-bottom:1px solid #fff; } .search-alert .cent-form .tex {border:none; font-size:20px; height:65px; line-height:65px; text-align:left; width:100%; box-sizing:border-box; color:#fff; background:none; padding-left:70px; padding-right:120px; background:url(../img/pc_sousuo.png) no-repeat left center; } .search-alert .cent-form .sub-butn {border:none; width:120px; background:none; position:absolute; right:0; top:0; text-align:center; height:65px; font-size:22px; line-height:65px; color:#fff; cursor:pointer;} .search-alert.active{top:0;} .search-alert .cent-form .tex::-webkit-input-placeholder {color:#fff;} .search-alert .cent-form .tex:-ms-input-placeholder {color:#fff;} .search-alert .cent-form .tex:-moz-placeholder {color:#fff;} .search-alert .cent-form .tex::-moz-placeholder {color:#fff;} /* 导航 */ .header .inav_wrapper{float:right; margin-right:50px; color:#fff;} .header .inav_wrapper .nav_li{display:inline-block; padding:38px 26px;} .header .inav_wrapper .nav_li .nav_a{display:block; position:relative; line-height:24px; font-size:18px; } .header .inav_wrapper .nav_li .nav_a::after{content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:#23ac38; transition:all .5s ease;} .header .inav_wrapper .nav_li .nav_a:hover{color:unset;} .header .inav_wrapper .nav_li .nav_a:hover::after{width:100%;} /* .header .inav_wrapper .nav_li .nav_a:hover{color:#23ac38;} */ /* 导航下拉 */ .header .inav_wrapper .inav .nav_li .xiala_nav{position:absolute; left:0; top:100%; width:100%; background:url(../img/xiala_bg.jpg) no-repeat bottom center; height:373px;/* box-shadow:0px 2px 13px 1px rgba(0,0,0,0.2) inset;*/ display:none;} .header .inav_wrapper .inav .nav_li .xiala_nav.pro_xiala{height:506px;} .header .inav .nav_li .xiala_nav .left{float:left; width:71.5%; padding-top:53px;} .header .inav .nav_li .xiala_nav.pro_xiala .left{padding-top:44px;} .header .inav .nav_li .xiala_nav .left .rect-6219{padding-bottom:62.19%;} .header .inav .nav_li .xiala_nav .left .nav_infor{float:left; width:55%;} .header .inav .nav_li .xiala_nav .left .nav_infor .t{font-size:35px; color:#666; font-weight:bold; line-height:35px; margin-bottom:30px;} .header .inav .nav_li .xiala_nav .left .nav_infor .c{font-size:14px; color:#666; line-height:25px; margin-bottom:17px;} .header .inav .nav_li .xiala_nav .left .nav_infor .list li{float:left; width:33%; font-size:16px; line-height:34px; color:#666;} .header .inav .nav_li .xiala_nav .left .nav_infor .list li a:hover{color:#23ac38;} .header .inav .nav_li .xiala_nav .left .nav_img{float:right; width:33%; padding-top:54px; padding-right:5%;} .header .inav .nav_li .xiala_nav .right{width:28.5%; float:left;} .header .inav .nav_li .xiala_nav .right .r_infor{padding-top:100px; padding-left:16%;} .header .inav .nav_li .xiala_nav .right .r_infor dt{font-size:28px; font-weight:bold; color:#fff; line-height:28px; margin-bottom:24px;} .header .inav .nav_li .xiala_nav .right .r_infor dd{font-size:16px; color:#fff; line-height:37px;} .header .inav .nav_li .xiala_nav .right .r_infor dd a:hover{color:rgba(255, 255, 255, 0.6);} .header .inav .nav_li .xiala_nav .left .pro_list{overflow:hidden; padding-right:6%;} .header .inav .nav_li .xiala_nav .left .pro_list ul{width:102%;} .header .inav .nav_li .xiala_nav .left .pro_list .item{float:left; width:14.666667%; margin-right:2%; margin-bottom:2%;} .header .inav .nav_li .xiala_nav .left .pro_list .item>a{display:block;} .header .inav .nav_li .xiala_nav .left .pro_list .item .img_box{background:#fff; text-align:center;} .header .inav .nav_li .xiala_nav .left .pro_list .item .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all .8s ease;} .header .inav .nav_li .xiala_nav .left .pro_list .item .intro_box{padding:10px; padding-right:0; border-top:3px solid #23ac38; font-size:14px; background:#ddd;} .header .inav .nav_li .xiala_nav .left .pro_list .item .intro_box .tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .header .inav .nav_li .xiala_nav .left .pro_list .item .intro_box .iconfont{display:none;} .header .inav .nav_li .xiala_nav .left .pro_list .item:hover .img_box img{transform:translate(-50%, -50%) scale(1.1);} /* 右侧导航 */ /* LNB */ .lnb .lnb_bg{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); visibility:hidden; opacity:0;z-index: 999; transition: all 0.3s;} .lnb .lnb_area{position:fixed; right:-497px; top:0; width:497px; height:100%; z-index:999; background:#fff; transition:all 0.3s;} .lnb .lnb_inner{position:relative; overflow:auto; height:100%;} .lnb .lnb_inner .btn_lnb_close{position:absolute; right:50px; top:30px; font-size:16px; font-weight:bold; transition:.5s ease;} .lnb .lnb_inner .btn_lnb_close:hover{transform:rotateZ(180deg);} .lnb .lnb_top .box{padding:90px 50px 18px;} .lnb .lnb_top .box .tit{font-size:20px; color:#262626; font-weight:bold; margin-bottom:20px;} .lnb .lnb_top .box .con a{display:block; padding:0 20px; border:1px solid #cccccc; line-height:40px; height:40px; overflow:hidden; font-size:15px; color:#262626; margin-bottom:10px;} .lnb .lnb_top{border-bottom:1px solid #eeeeee;} .lnb .lnb_top .box .con a i{float:right; transition:transform .3s ease; transform:translateX(-5px)} .lnb .lnb_top .box .con a:hover{background:#23ac38; color:#fff;} .lnb .lnb_top .box .con a:hover i{transform:translateX(0);} .lnb .lnb_bott .tit{font-size:20px; color:#262626; font-weight:bold; padding:20px 50px;} .lnb .lnb_bott .con{position:relative;} .lnb .lnb_bott .con ul{position:relative; background:rgba(0,0,0,.2); z-index:1; font-size:15px;} .lnb .lnb_bott .con ul li{border-bottom:2px solid rgba(255,255,255,0.2); transition:.3s ease;} .lnb .lnb_bott .con ul li a{padding:28px 50px; display:block; color:#fff;} .lnb .lnb_bott .con ul li a i{float:right; opacity:0; visibility:hidden; transition:.3s ease; transform:translateX(-5px)} .lnb .lnb_bott .con ul li:hover{background:#23ac38;} .lnb .lnb_bott .con ul li:hover a i{transform:translateX(0);opacity:1; visibility:visible;} .lnb .lnb_bott .con .img img{position:absolute; top:0; left:0; width:100%; height:100%;} .lnb.on .lnb_bg {visibility:visible; opacity:1;} .lnb.on .lnb_area {right:0} /* 手机菜单 */ .header .mobile_key {display:none;} .m_nav {display:none;} /* 下层头部 */ .xc_pageHeader{height:100px;} .xc_pageHeader .header{background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2);} .xc_pageHeader .header .h_logo .logo_light{display:none;} .xc_pageHeader .header .h_logo .logo_dark{display:block;} .xc_pageHeader .header .h_tools .iconfont{color:#23ac38;} .xc_pageHeader .header .h_tools .h_720 .icon{background:url(../img/h_720_dark.png) no-repeat center;} .xc_pageHeader .header .h_tools .h_group{color:#000;} .xc_pageHeader .header .h_tools .h_group .icon{background:url(../img/talent01_1.png) no-repeat center/contain;} .xc_pageHeader .header .inav_wrapper{color:#000;} .index_pageHeader.xc_pageHeader{height:0;} .index_pageHeader.xc_pageHeader .header{background:rgba(255,255,255,0.8); transition:all .5s ease; backdrop-filter: blur(15px);} .index_pageHeader.xc_pageHeader .header:hover{background:#fff;} /* 下层banner */ .xc_banner{height:322px; position:relative; overflow:hidden;} .xc_banner>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .xc_banner .intro{position:absolute; left:0; top:50%; width:100%; color:#fff; transform:translateY(-50%);} .xc_banner .intro .info{width:40%;} .xc_banner .intro .info .tit{font-size:36px; font-weight:bold; line-height:36px;} .xc_banner .intro .info .con{font-size:14px; line-height:24px; margin-top:20px;} /* 二级导航 */ .xc_nav{position:relative; line-height:70px; background:#1f3461;} /* 面包屑 */ .crumbs{font-size:14px; color:#fff;} .crumbs a{display:inline-block;} .crumbs em{display:inline-block; margin:0 5px;} .crumbs span{display:inline-block;} /* 底部 */ .pageFooter{background:#1f3461;} .f_top{padding:100px 0 15px;} .f_top .left{width:27%; float:right;} .f_top .left .tit{color:#fff; font-size:24px; font-weight:bold; letter-spacing:0.1em;} .f_top .left .con{margin-top:16px; color:rgba(255,255,255,.4); font-size:30px; font-weight:300;} .f_top .left .ewm_con{margin-top:20px;} .f_top .left .ewm_con .ewm{float:left; text-align:center; margin-left:40px;} .f_top .left .ewm_con .ewm:first-child{margin-left:0;} .f_top .left .ewm_con .ewm .ewm_txt{margin-top:15px; font-size:16px; color:#fff;} .f_top .left dl{text-align:right; margin-top:35px;} .f_top .left dd{font-size:15px; line-height:27px; color:#fff;} .f_top .left .bott{display:table-cell; padding:20px 0;} .f_top .left .bott .contact{display:inline-block;} .f_top .left .bott .contact .tel{font-size:30px; color:#23ac38; font-weight:bold; font-family: Arial, Helvetica, sans-serif;} .f_top .left .bott .contact .more{font-size:18px; color:#fff;} .f_top .left .bott .bshare-custom{display:inline-block; vertical-align:bottom; overflow:hidden;} .f_top .left .bott .bshare-custom a{display:block; float:left; width:40px; height:40px; text-align:center; padding:0; line-height:40px; color:#23ac38; margin-left:20px;} .f_top .left .bott .bshare-custom a i{background:none; margin:0; vertical-align:top; font-size:32px;} .f_top .right{width:65%; float:left;} .f_top .right dl{float:left; width:23.7%; padding-top:28px; padding-left:0.5%; border-top:2px solid rgba(255,255,255,.2); margin-right:5%;} .f_top .right dt{font-size:18px; line-height:30px; color:#fff; font-weight:bold; margin-bottom:20px; letter-spacing:0.16em;} .f_top .right dd{font-size:16px; line-height:28px; color:#fff; letter-spacing:0.08em;} .f_top .right dl.dl03{width:41%; margin-right:0;;} .f_top .right dl.dl03 dd{letter-spacing:normal;} .f_top .right dl.dl03 .tel{margin-top:36px; font-size:30px; color:#23ac38; font-weight:bold; font-family: Arial, Helvetica, sans-serif;} .f_top .right dl.dl03 .more{margin-top:18px; font-size:18px; color:#fff;} .f_bott .content{padding:40px 0; border-top:1px solid rgba(255,255,255,.07);} .f_bott .left{float:left; width:50%; font-size:16px; line-height:30px; color:rgba(255,255,255,.4);} .f_bott .right{float:right; font-size:16px; line-height:30px; color:rgba(255,255,255,.4);} /* 首页 start */ .ibanner{position:relative; height:100vh;} .ibanner .owl-carousel{height:100vh;} .ibanner .owl-carousel .item{height:100vh;} .ibanner .iban_img{position:relative; width:100%; height:100%; overflow:hidden; z-index:0;} .ibanner .iban_img img{position:absolute; top:50%; left:50%; width:100%; max-width:none; height:auto; transform:translate(-50%, -50%); z-index:0;} .ibanner .iban_img video{position:absolute; top:50%; left:50%; width:100%; max-width:none; height:auto; transform:translate(-50%, -50%); z-index:1; object-fit:cover;} .ibanner .iban_word{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%;} .ibanner .iban_word .intro{opacity:0;} .ibanner .iban_word .intro img{width:auto; margin:20px 0;} .ibanner .iban_word .intro .tit{color:#fff; font-size:48px; text-shadow: 2px 2px 4px rgb(0 0 0 / 50%);} .ibanner .iban_word .intro .con{color:#fff; font-size:30px; margin-top:16px; text-shadow: 2px 2px 4px rgb(0 0 0 / 50%);} .ibanner .iban_word .intro .txt{color:#fff; font-size:20px; margin-top:26px; text-shadow: 2px 2px 4px rgb(0 0 0 / 50%);} .ibanner .iban_word .intro .btns{margin-top:70px;} .ibanner .iban_word .intro .btns .more_btn{border:1px solid #fff; color:#fff;} .ibanner .iban_word .intro .btns .more_btn:hover{border:1px solid #23ac38;} .ibanner .iban_widgets{position:absolute; bottom:0; left:0; width:100%; height:100px; z-index:1;} .ibanner .iban_widgets .wrap{position:relative; height:100%;} .ibanner .iban_widgets .line_box{position:absolute; left:0; bottom:0;} .ibanner .iban_widgets .label{display:block; font-size:13px; position:relative; padding-bottom: 30px; margin-bottom:80px; color:#fff; text-align:center; width:20px; text-transform:uppercase;} .ibanner .iban_widgets .label .txt{transform:rotate(90deg); white-space:nowrap; display:block; font-size:13px;} .ibanner .iban_widgets .label .line{display:block; width:3px; height:80px; position:absolute; top:50px; left:50%; margin-left:-1px; overflow:hidden;} .ibanner .iban_widgets .label .line:before{height:100%; background:rgba(255,255,255,.57); opacity:.3; left:0; top:0; bottom:0; content:''; position:absolute; width:2px;} .ibanner .iban_widgets .label .line:after{background:#fff; 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;} @keyframes about_scroll-down-line { 0%, 20% { height:30%; top:-45%; } 80%, 100% { height:30%; top:145%; } } .ibanner .iban_widgets .iban_dots{position:absolute; bottom:80px; right:30px;} .ibanner .owl-dot{display:inline-block; width:28px; height:28px; margin:0 5px; position:relative; cursor:pointer;} .ibanner .iban_widgets .iban_ctrl{position:absolute; bottom:80px; right:0; width:28px; height:34px; color:#fff; font-size:14px; cursor:pointer;} .ibanner .iban_widgets .iban_ctrl i{padding-top:2px;} .ibanner .iban_widgets .iban_ctrl .play_btn{display:none;} .ibanner .iban_widgets .iban_ctrl .pause_btn{display:block;} .ibanner .iban_widgets .iban_ctrl.paused .play_btn{display:block;} .ibanner .iban_widgets .iban_ctrl.paused .pause_btn{display:none;} .ipart .section2{background:url(../img/ipart01_bg.jpg) no-repeat center/cover;} .ipart01 .infor{position:relative;} .ipart01 .infor::before{content:""; position:absolute; bottom:1px; background:#e8e8e8; height:2px; width:100%;} .ipart01 .infor .left{position:relative; float:left; width:73%;} /* .ipart01 .infor .left::after{content:""; position:absolute; right:0; top:0; bottom:4px; width:100px; background:linear-gradient(to right, transparent, #fff) right no-repeat; z-index:1;} */ .ipart01 .infor .right{float:right; width:26%;} .ipart01 .infor .right .search_form{position:relative; border:2px solid #23ac38; padding-left:34px; padding-right:64px; margin-top:6px; background:rgba(255,255,255,.4);} .ipart01 .infor .right .search_form input{width:100%; border:none; padding:0; margin:0; font-size:18px; line-height:43px; background:none;} .ipart01 .infor .right .search_form input::placeholder{color:#9c9c9c;} .ipart01 .infor .right .search_form .submit_btn{position:absolute; top:50%; right:24px; cursor:pointer; padding:0; margin:0; border:0; background:none; margin-top:-18px; font-size:24px; color:#23ac38;} .ipart01 .infor .right .search_form .submit_btn i{margin:0;} .ipart01 .infor .tab{position:relative; color:#000; font-size:18px; line-height:64px; transition:all .5s ease;} .ipart01 .infor .tab::after{content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; background:rgba(109, 186, 68, 0); transition:all .5s ease;} .ipart01 .infor .tab.cur{color:#000; font-weight:bold;} .ipart01 .infor .tab.cur::after{background:#23ac38;} .ipart01 .content{margin-top:40px;} .ipart01 .content .left{float:left; width:53.9%; height:0; padding-bottom:42.27%; margin-right:1%; background:#e5ebf4; overflow:hidden;} .ipart01 .content .left>a{display:block; padding:15px;} .ipart01 .content .left .img_box{position:relative; background:url(../img/ipart01_overlay.png) center/100% 100% no-repeat; text-align:center; padding-bottom:57.89%; height:0;} .ipart01 .content .left .img_box img{position:absolute; left:50%; height:100%; transform:translateX(-50%); transition:all .8s ease;} .ipart01 .content .left:hover .img_box img{transform:translateX(-50%) scale(1.1);} .ipart01 .content .left .intro_box{position:relative; padding:35px; padding-top:60px;} .ipart01 .content .left .intro_box .type{position:absolute; top:-22px; left:35px; line-height:44px; padding:0 15px; color:#fff; font-size:18px; background:#23ac38;} .ipart01 .content .left .intro_box .tit{color:#353535; font-size:24px; transition:all .5s ease;} .ipart01 .content .left .intro_box .tit span{position:relative; display:inline-block; } .ipart01 .content .left .intro_box .con{position:relative; display:inline-block; margin-top:15px; color:#353535; font-size:14px; transition:all .5s ease;} .ipart01 .content .left .intro_box .con span{position:relative; display:inline-block;} .ipart01 .content .left .intro_box .tit span::before{content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:#23ac38; transition:all .5s ease;} .ipart01 .content .left:hover .intro_box .tit span{color:unset;} .ipart01 .content .left:hover .intro_box .tit span::before{width:100%;} .ipart01 .content .left .intro_box .con span::after{content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:#23ac38; transition:all .5s ease;} .ipart01 .content .left:hover .intro_box .con span{color:unset;} .ipart01 .content .left:hover .intro_box .con span::after{width:100%;} .ipart01 .content .left .cover_box{position:absolute; top:0; left:0; } .ipart01 .content .right{float:left; width:45.1%; height:0; padding-bottom:42.27%; overflow:hidden;} .ipart01 .content .right ul{width:102.5%;} .ipart01 .content .right li{float:left; background:#f0f6fe; width:47.5%; height:0; padding-bottom:44.5%; margin-right:2.5%; margin-bottom:2.5%; text-align:center; transition:all .5s ease; overflow:hidden;} .ipart01 .content .right li>a{display:block;} .ipart01 .content .right li:hover{background:#d4dfef;} .ipart01 .content .right li .img_box{position:relative; padding-bottom:69.69%; height:0;} .ipart01 .content .right li .img_box img{position:absolute; left:50%; height:100%; transform:translateX(-50%); transition:all .8s ease;} .ipart01 .content .right li:hover .img_box img{transform:translateX(-50%) scale(1.1);} .ipart01 .content .right li .type{color:#23ac38; font-size:18px;} .ipart01 .content .right li .tit{color:#353535; font-size:24px;} .ipart02 .content{width:100%; overflow:hidden;} .ipart02 .content ul{width:100.3%;} .ipart02 .content .item{position:relative; float:left; width:33.033%; height:100vh; margin-right:0.3%; background-position:center; background-size:cover; background-repeat:no-repeat;} .ipart02 .content .item::after{content:""; position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; background:url(../img/ipart02_overlay.png) bottom/100% no-repeat; opacity:0; transition:all .5s ease;} .ipart02 .content .item:hover::after{opacity:1;} .ipart02 .content .item a{position:relative; display:block; width:100%; height:100%; z-index:1;} .ipart02 .content .item .tit{position:absolute; bottom:60px; left:50%; transform:translateX(-50%); color:#fff; font-size:24px; font-weight:200;} .ipart .section4{background:url(../img/ipart03_bg.jpg) no-repeat center/cover;} .ipart03{ position:relative;} .ipart03:after{content:'';width: 100%;height:226px;background: url(../img/ipart03_tit.png) no-repeat left; position:absolute;left: 0; top:80px; pointer-events:none;} .ipart03 .left{width:32%; float:left; position:relative; z-index:2} .ipart03 .left .infor{margin-top:180px; color:#303030;} .ipart03 .left .infor .tit{font-size:30px; font-weight:bold; line-height:40px; margin-bottom:35px;} .ipart03 .left .infor .con{font-size:14px; line-height:28px;} .ipart03 .left .btns{margin-top:60px;} .ipart03 .left .btns .more_btn{display:inline-block; line-height:38px; padding:0 32px; font-size:16px;} .ipart03 .right{width:65%; float:right; position:relative; z-index:2;} .ipart03 .right ul{width:102%;} .ipart03 .right .li_{width:48%; margin-top:2%; margin-right:2%; float:left; } .ipart03 .right .li_ .rect-635{padding-bottom:63.5%;} /* .ipart03 .right .li_ img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; transition:all 0.5s ease;} */ .ipart03 .right .li_.cur img{-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:inherit;} .ipart03 .right .li_ video{position:absolute; left:0; bottom: 0; width:100%; height:100%;} .ipart03 .right .li_ img{transition:all 0.5s ease;;} .ipart03 .right .li_.no img{opacity:0; visibility:hidden; pointer-events:none;} .ipart .section5{background:url(../img/section5.png) no-repeat center/cover; background-position:top;} .ipart04{} .ipart04 .rect-6279{padding-bottom:62.79%;} .ipart04 .infor{text-align:center;} .ipart04 .infor .tit{position:relative; display:inline-block; padding-bottom:8px; color:#161616; font-size:38px; font-weight:200;} .ipart04 .infor .tit::after{content: ''; width: 50%; height: 2px; background-color: #23ac38; position: absolute; left: 50%; bottom: 0; min-width: 35px; transform:translateX(-50%);} .ipart04 .content{margin-top:50px;} .ipart04 .content>ul{width:102.5%;} .ipart04 .content>ul>li{float:left; width:30.833333%; padding-bottom:35.46%; height:0; margin-right:2.5%; overflow:hidden;} /* .ipart04 .content .rect-115{padding-bottom:115%;} */ .ipart04 .content .news_box{position:relative; background:#f0f6fe;} .ipart04 .content .news_box .img_box{} .ipart04 .content .news_box .intro_box{margin:30px; max-height:180px; overflow:hidden;} .ipart04 .content .news_box .intro_box .tit{color:#161616; font-size:18px; line-height:30px; max-height:60px; text-align:justify; overflow:hidden; text-overflow:ellipsis; transition:all .5s ease;} .ipart04 .content .news_box:hover .intro_box .tit{color:#23ac38;} .ipart04 .content .news_box .intro_box .tools{color:#161616; margin-top:15px; font-size:16px; font-weight:200;} .ipart04 .content .news_box .intro_box .date{position:relative; padding-left:25px;} .ipart04 .content .news_box .intro_box .date::before{content:""; position:absolute; left:0; top:50%; width:20px; height:20px; margin-top:-11px; background:url(../img/icon_date.png) center/contain no-repeat;} .ipart04 .content .news_box .intro_box .con{color:#303030; height:84px; margin-top:20px; font-size:14px; line-height:28px; overflow:hidden;} .ipart04 .content .news_box .cover_box{position:absolute; top:0; left:0; width:100%; padding-bottom:62.79%;} .ipart04 .content .news_box .cover_box .type{position:absolute; top:0; left:0; line-height:40px; padding:0 24px; color:#fff; font-size:16px; background:rgba(48, 48, 48, 0.8); transition:all .5s ease;} .ipart04 .content .news_box:hover .cover_box .type{background:rgba(35, 172, 56, 0.8);} .ipart04 .content .news_list{position:relative; background:#f0f6fe;} .ipart04 .content .news_list .list_box{padding:30px;} .ipart04 .content .news_list .list_box .item{margin-top:40px;} .ipart04 .content .news_list .list_box .item:first-child{margin-top:0;} .ipart04 .content .news_list .list_box .item a{display:block;} .ipart04 .content .news_list .list_box .item .tit{color:#161616; font-size:18px; transition:all .5s ease; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ipart04 .content .news_list .list_box .item:hover .tit{color:#23ac38;} .ipart04 .content .news_list .list_box .item .date{position:relative; color:#161616; font-size:16px; font-weight:200;} .ipart04 .content .news_list .cover_box{width:100%; background:#f0f6fe;} .ipart04 .content .news_list .cover_box .type{display:inline-block; line-height:40px; padding:0 24px; color:#fff; font-size:16px; background:rgba(48, 48, 48, 0.8); transition:all .5s ease;} .ipart04 .content .news_list:hover .cover_box .type{background:rgba(35, 172, 56, 0.8);} /* 首页 end */ /* 关于我们 start */ .about_us01{height:555px;} .about_us01 .wrap{position:relative;} .about_us01 .infor{position:absolute; top:40px; left:100px; z-index:1; font-size:0;} .about_us01 .infor .tab{position:relative; display:inline; font-size:16px; color:#fff; padding:0 30px;} .about_us01 .infor .tab::before{content:""; position:absolute; top:4px; left:0; height:16px; width:2px; background:#fff;} .about_us01 .infor .tab:first-child{padding-left:0;} .about_us01 .infor .tab:first-child::before{display:none;} .about_us01 .infor .tab.cur{color:#23ac38;} .about_us01 .content{position:relative; z-index:0;} .about_us01 .content .item{position:absolute; top:0; left:0; right:0; opacity:0; visibility:hidden; transition:all .5s ease; overflow:hidden;} .about_us01 .content .item.cur{opacity:1; visibility:visible; z-index:1;} .about_us01 .content .item .img_box img{max-width:none;} .about_us01 .content .item .intro_box{position:absolute; top:100px; left:100px; width:540px; color:#fff;} .about_us01 .content .item .intro_box{transform:translateX(-50px); opacity:0; visibility:hidden; transition:none;} .about_us01 .content .item.cur .intro_box{transform:translateX(0); opacity:1; visibility:visible; transition:all .5s ease;} .about_us01 .content .item .intro_box .tit{display:inline-block; position:relative; font-size:30px;} .about_us01 .content .item .intro_box .tit::after{content:""; position:absolute; left:0; bottom:-10px; width:100%; height:1px; background:#23ac38;} .about_us01 .content .item .intro_box .con{line-height:32px; height:320px; padding-right:12px; margin-top:30px; font-size:16px; text-align:justify; overflow-y:scroll;} .about_us02{padding:60px 0 50px;} .about_us02 .top .left{float:left; width:79%;} .about_us02 .top .left .map_box{position:relative;} .about_us02 .top .left .dots_box{position:absolute; top:0; left:0; bottom:0; right:0;} .about_us02 .top .left .dots_box .dot{position:absolute; height:0; width:0; overflow:visible;} .about_us02 .top .left .dots_box .dot span{position:absolute; top:-7px; left:-7px; height:14px; width:14px; overflow:visible; border-radius:50%; background:transparent;} .about_us02 .top .left .dots_box .dot.dot_logo span{top:-32px; left:-32px; height:64px; width:64px; background-position:center; background-size:contain; background-repeat:no-repeat;} .about_us02 .top .left .dots_box .dot.dot_blue span{background:#1f3461;} .about_us02 .top .left .dots_box .dot.dot_green span{background:#23ac38;} .about_us02 .top .left .dots_box .dot.dot_orange span{background:#fcb043;} .about_us02 .top .left .dots_box .dot.dot_blue span::after{content:"";width:28px;height:28px;border-radius:50px;position:absolute;left:50%;margin-left:-14px;top:50%;margin-top:-14px;-webkit-animation:warn 2s ease-out both infinite;-moz-animation:warn 2s ease-out both infinite;box-shadow:0 0 15px rgba(0,0,0,.1);background:#1f3461;} .about_us02 .top .left .dots_box .dot.dot_blue span::before{content:"";width:36px;height:36px;border-radius:50px;position:absolute;left:50%;margin-left:-18px;top:50%;margin-top:-18px;-webkit-animation:warn 2s ease-out both infinite;-moz-animation:warn 2s ease-out both infinite;box-shadow:0 0 15px rgba(0,0,0,.1);background:#1f3461;} @-webkit-keyframes warn{ 0%{-webkit-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0} } @-moz-keyframes warn{ 0%{-moz-transform:scale(0);transform:scale(0);opacity:1} 100%{-moz-transform:scale(1);transform:scale(1);opacity:0} } @-o-keyframes warn{ 0%{-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-o-transform:scale(1);transform:scale(1);opacity:0} } @keyframes warn{ 0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0} } .about_us02 .top .right{float:right; width:20%; margin-left:1%;} .about_us02 .top .right li{position:relative; padding-left:70px; margin-top:30px; font-size:16px; color:#000; transition:all .5s ease;} .about_us02 .top .right li::before{content:""; position:absolute; top:50%; left:24px; margin-top:-7px; width:14px; height:14px; border-radius:50%; background:transparent;} .about_us02 .top .right li.li01{background-position:left; background-size:60px auto; background-repeat:no-repeat;} .about_us02 .top .right li.li02::before{background:#23ac38;} .about_us02 .top .right li.li03::before{background:#fcb043;} .about_us02 .top .right li.li04::before{background:#1f3461;} .about_us02 .top .right li.li01:hover, .about_us02 .top .right li.li02:hover{color:#23ac38;} .about_us02 .bott{position:relative; margin-top:50px; height:250px; border-top:1px solid #b8b8b8;} .about_us02 .bott .list{position:absolute; top:50px; left:0; bottom:0; right:0; opacity:0; visibility:hidden; transition:all .5s ease;} .about_us02 .bott .list.cur{opacity:1; visibility:visible;} .about_us02 .bott .list .item{float:left; width:25%; text-align:center;} .about_us02 .bott .list .item .icon{height:60px;} .about_us02 .bott .list .item .number{line-height:1; margin-top:28px; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color:#1f3461; font-size:18px; font-weight:bold; } .about_us02 .bott .list .item .number sup{font-size:0.6em;} .about_us02 .bott .list .item .number span{font-size:60px;} .about_us02 .bott .list .item .text{margin-top:20px; font-size:16px; color:#777;} .about_us03{position:relative; padding:30px 0;} .about_us03::before{content:""; position:absolute; top:0; left:0; right:0; height:340px; background:#1f3461; z-index:-1;} .about_us03 .infor{text-align:center;} .about_us03 .infor .tit{font-size:36px; color:#fff;} .about_us03 .content{margin-top:30px;} .about_us03 .content ul{width:101.5%;} .about_us03 .content .item{float:left; width:23.5%; margin-right:1.5%; margin-bottom:30px; padding:45px 0; text-align:center; background:#fff; box-shadow: 0px 0px 10px 1px rgba(63, 63, 63, 0.1); transition:all .5s ease;} .about_us03 .content .item:hover{box-shadow: 0px 0px 26px 1px rgba(63, 63, 63, 0.27);} .about_us03 .content .item .icon{height:80px;} .about_us03 .content .item .tit{margin-top:10px; font-size:36px; color:#23ac38;} .about_us03 .content .item .con{height:90px; line-height:30px; padding:0 20px; margin-top:30px; font-size:16px; color:#666;} .about_us04 .infor{text-align:center;} .about_us04 .infor .tit{font-size:36px; color:#293456;} .about_us04 .content{margin-top:30px;} .about_us04 .content ul{width:103%;} .about_us04 .content .item{position:relative; float:left; width:30.333333%; margin-right:3%; overflow:hidden; cursor:pointer;} .about_us04 .content .item .rect-717{padding-bottom:71.7%;} .about_us04 .content .item .intro_box{position:absolute; bottom:-40px; left:0; right:0; height:40px; background:#23ac38; text-align:center; color:#fff; transition:all .5s ease;} .about_us04 .content .item .intro_box .tit{font-size:16px; line-height:40px;} .about_us04 .content .item:hover .intro_box{bottom:0;} .about_us04 .content .btns{margin-top:40px; text-align:center;} .about_us04 .content .btns .more_btn{line-height:48px; padding:0 40px; font-size:18px;} .about_us04 .content .imgList{display:none;} body .album_wrap_case5 .album_case5 .right_btn .btn_box:hover{background:#23ac38;} body .album_wrap_case5 .album_case5 .slide_nav .on{border-color:#23ac38;} /* 关于我们 end */ /* 产品中心 start */ .pro_center01 .left{float:left; width:24%; margin-right:4%;} .pro_center01 .left .search_box{padding:20px 12px; background:#1f3461;} .pro_center01 .left .search_box .tit{color:#fff; font-size:16px; font-weight:bold;} .pro_center01 .left .search_box .input_box{position:relative; margin-top:12px;} .pro_center01 .left .search_box .input_box input{box-sizing:border-box; line-height:35px; width:100%; padding:0; border:0; padding-left:10px; padding-right:40px;} .pro_center01 .left .search_box .input_box button{position:absolute; top:0; right:0; font-size:24px; color:#23ac38; background:none; padding:0; border:none; outline:none; cursor:pointer;} .pro_center01 .left .filter_box{padding:20px 0; background:#f0f6fe;} .pro_center01 .left .filter_box .list_box{margin-top:18px;} .pro_center01 .left .filter_box .list_box:first-child{margin-top:0;} .pro_center01 .left .filter_box .list_box>span{position:relative; display:block; line-height:46px; padding:0 12px; border:2px solid #23ac38; color:#343434; font-size:16px; font-weight:bold; cursor:pointer;} .pro_center01 .left .filter_box .list_box>span::before{content:"\002b"; display:block; position:absolute; top:0; right:12px;} .pro_center01 .left .filter_box .list_box>span::after{content:"\002d"; display:none; position:absolute; top:0; right:15px;} .pro_center01 .left .filter_box .list_box.cur>span::before{display:none;} .pro_center01 .left .filter_box .list_box.cur>span::after{display:block;} .pro_center01 .left .filter_box .list_box .down_{display:none; padding:20px 40px;} .pro_center01 .left .filter_box .list_box .down_>span{position:relative; display:block; color:#343434; font-size:16px; line-height:28px; height:28px; overflow-y:hidden; transition:all .5s ease; cursor:pointer;} .pro_center01 .left .filter_box .list_box .down_>span.cur{color:#23ac38;} .pro_center01 .left .filter_box .list_box .down_>span::after{content:"\00d7"; font-size:1.2em; font-weight:bold; opacity:0; color:#343434; transition:all .5s ease;} .pro_center01 .left .filter_box .list_box .down_>span.cur::after{opacity:1; color:#23ac38;} .pro_center01 .left .link_box .item{position:relative; margin-top:20px;} .pro_center01 .left .link_box .item>a{display:block;} .pro_center01 .left .link_box .item .img_box{position:relative; padding-bottom:67.82%; height:0;} .pro_center01 .left .link_box .item .img_box img{width:100%;} .pro_center01 .left .link_box .item .intro_box{position:absolute; top:0; left:0; right:0; bottom:0; padding:50px 30px 0;} .pro_center01 .left .link_box .item .intro_box .tit{font-size:30px; color:#fff;} .pro_center01 .left .link_box .item .intro_box .btns{margin-top:80px; text-align:right;} .pro_center01 .left .link_box .item .intro_box .btns .more_btn{font-size:16px; color:#fff;} .pro_center01 .left .link_box .item .intro_box .btns .more_btn i{font-size:1.5em; margin:0; margin-top:-0.05em; transition:all .5s ease;} .pro_center01 .left .link_box .item:hover .intro_box .btns .more_btn i{transform:translateX(0.1em);} .pro_center01 .right{float:right; width:72%;} .pro_center01 .right .list ul{width:101%;} .pro_center01 .right .list .item{position:relative; float:left; width:32.333333%; margin-right:1%; margin-bottom:5%; background:#f0f6fe; transition:all .5s ease;} .pro_center01 .right .list .item>a{display:block;} .pro_center01 .right .list .item .logo_box{position:absolute; right:20px; top:25px; z-index:1;} .pro_center01 .right .list .item .img_box{position:relative; padding-bottom:69.69%; height:0; text-align:center;} .pro_center01 .right .list .item .img_box img{position:absolute; left:50%; height:100%; transform:translateX(-50%); transition:all .8s ease;} .pro_center01 .right .list .item .intro_box{padding:15px 10px; text-align:center; color:#343434;} .pro_center01 .right .list .item .intro_box .tit{font-size:18px; font-weight:bold; transition:all .5s ease;} .pro_center01 .right .list .item .intro_box .con{font-size:14px; line-height:24px; height:24px;} .pro_center01 .right .list .item:hover{background:#d4dfef;} .pro_center01 .right .list .item:hover .img_box img{transform:translateX(-50%) scale(1.1);} .pro_center01 .right .list .item:hover .intro_box .tit{font-size:18px; color:#23ac38;} /* 产品中心 end */ /* 设备展示 start */ .device_list01 .infor{text-align:center;} .device_list01 .infor .tit{font-size:36px; color:#293456; position:relative;} .device_list01 .infor .con{font-size:16px; color:#0e1530; margin-top:10px;} .device_list01 .content{margin-top:30px;} .device_list01 .content .hd{padding:0;} .device_list01 .content .hd .rect-3688{padding-bottom:36.88%;} .device_list01 .content .hd .rect-3688:after{content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4))} .device_list01 .content .hd .big_image{display:block;} .device_list01 .content .hd .big_image .intro{position:absolute; width:100%; bottom:35px; left:0; z-index:1;} .device_list01 .content .hd .big_image .intro .txt{padding:0 65px; font-size:25px; line-height:25px; color:#fff;} .device_list01 .content .bd{margin-top:50px;} .device_list01 .content .bd .bd_tab{font-size:0;} .device_list01 .content .bd .bd_tab .tab{display:inline-block; line-height:46px; width:150px; text-align:center; color:#fff; background:#1f3461; margin-right:5px; font-size:16px; margin-top:5px; transition:all .5s ease;} .device_list01 .content .bd .bd_tab .tab:last-child{margin-right:0;} .device_list01 .content .bd .bd_tab .tab a{display:block; color:inherit;} .device_list01 .content .bd .bd_tab .tab.cur, .device_list01 .content .bd .bd_tab .tab:hover{background:#23ac38; color:#fff;} .device_list01 .content .bd .bd_content{padding:50px 80px; position:relative;} .device_list01 .content .bd .bd_content::after{content:""; position:absolute; top:0; left:0; right:0; height:310px; background:#f0f6fe; z-index:-1;} .device_list01 .content .bd_content ul{width:101%; padding-bottom:50px;} .device_list01 .content .bd_content .item{float:left; width:19%; margin-right:1%; position:relative; background:#fff; cursor:pointer;} .device_list01 .content .bd_content .item::after{content:""; position:absolute; z-index:0; top:-2px; left:-2px; width:100%; height:100%; border:2px solid #23ac38; border-radius:2px; opacity:0; visibility:hidden; transition:all .5s ease;} .device_list01 .content .bd_content .item.cur::after, .device_list01 .content .bd_content .item:hover::after{opacity:1; visibility:visible;} .device_list01 .content .bd_content .item .rect-51{padding-bottom:51%;} .device_list01 .content .bd_content .item .box{padding:20px;} .device_list01 .content .bd_content .item .box .txt{font-size:16px; line-height:22px; height:44px; margin-top:15px; color:#293456; text-align:center; transition:.3s ease;} .device_list01 .content .util-page{text-align:left;} /* 设备展示 end */ /* 华星风貌 start */ .picture_list01 .infor{text-align:center;} .picture_list01 .infor .tit{font-size:36px; color:#282828;} .picture_list01 .infor .tabs{text-align:left; margin-top:40px; font-size:0;} .picture_list01 .infor .tabs .item{position:relative; display:inline; padding:0 30px; font-size:16px; color:#303030; white-space:nowrap;} .picture_list01 .infor .tabs .item a{position:relative;} .picture_list01 .infor .tabs .item a::after{content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:#23ac38; transition:all .5s ease;} .picture_list01 .infor .tabs .item a:hover{color:unset;} .picture_list01 .infor .tabs .item a:hover::after{width:100%;} .picture_list01 .infor .tabs .item.cur a::after{width:100%;} .picture_list01 .infor .tabs .item::before{content:""; position:absolute; top:4px; left:0; height:16px; width:2px; background:#c6c6c6;} .picture_list01 .infor .tabs .item:first-child{padding-left:0;} .picture_list01 .infor .tabs .item:first-child::before{display:none;} .picture_list01 .content{margin-top:40px;} .picture_list01 .content .rect-6958{padding-bottom:69.58%;} .picture_list01 .content .item{float:left; cursor:pointer;} .picture_list01 .content .item .cover{position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(149, 210, 103, 0.37); text-align:center; opacity:0; visibility:hidden; transition:all 1s ease;} .picture_list01 .content .item .cover i{position:absolute; top:50%; left:0; right:0; margin-top:-30px; color:#fff; font-weight:bold; font-size:40px; line-height:60px; opacity:0; visibility:hidden; transition:all 1s ease 0s; transform:scale(1.2);} .picture_list01 .content .item .cover .tit{position:absolute; left:25px; right:25px; bottom:0; z-index:1; font-size:16px; color:#fff; transition:all 1s ease 0s;} .picture_list01 .content .item:hover .cover{opacity:1; visibility:visible;} .picture_list01 .content .item:hover .cover i{opacity:1; visibility:visible; transform:scale(1.0);} .picture_list01 .content .item:hover .cover .tit{bottom:20px;} .picture_list01 .content .top ul{width:101.3%;} .picture_list01 .content .top .item{width:23.35%; margin-right:1.3%; margin-bottom:1.9%;} .picture_list01 .content .top .item:first-child{width:49.35%;} .picture_list01 .content .top .item:first-child:hover .cover .tit{bottom:50px;} .picture_list01 .content .bott{margin-top:40px;} .picture_list01 .content .bott ul{width:101.6%;} .picture_list01 .content .bott .item{width:23.4%; margin-right:1.6%; margin-bottom:1.6%;} body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover{background:#23ac38;} /* 华星风貌 end */ /* 视频中心 start */ .video_list01 .infor{text-align:center;} .video_list01 .infor .tit{font-size:36px; color:#282828;} .video_list01 .infor .tabs{text-align:left; margin-top:40px; font-size:0;} .video_list01 .infor .tabs .item{position:relative; display:inline; padding:0 30px; font-size:16px; color:#303030; white-space:nowrap;} .video_list01 .infor .tabs .item a{position:relative;} .video_list01 .infor .tabs .item a::after{content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:#23ac38; transition:all .5s ease;} .video_list01 .infor .tabs .item a:hover{color:unset;} .video_list01 .infor .tabs .item a:hover::after{width:100%;} .video_list01 .infor .tabs .item.cur a::after{width:100%;} .video_list01 .infor .tabs .item::before{content:""; position:absolute; top:4px; left:0; height:16px; width:2px; background:#c6c6c6;} .video_list01 .infor .tabs .item:first-child{padding-left:0;} .video_list01 .infor .tabs .item:first-child::before{display:none;} .video_list01 .content{margin-top:40px;} .video_list01 .content .rect-7068{padding-bottom:70.68%;} .video_list01 .content ul{width:100.85%;} .video_list01 .content .item{float:left; width:24.15%; margin-right:0.85%; margin-bottom:3.3%; cursor:pointer;} .video_list01 .content .item .intro{padding:25px; color:#363636; background:#d3dbe8; transition:all .5s ease;} .video_list01 .content .item .intro .tit{font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .video_list01 .content .item .intro .date{font-size:16px; margin-top:5px;} .video_list01 .content .item .cover{position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(149, 210, 103, 0.37); text-align:center; opacity:0; visibility:hidden; transition:all 1s ease;} .video_list01 .content .item .cover i{position:absolute; top:50%; left:0; right:0; margin-top:-30px; color:#fff; font-weight:bold; font-size:56px; line-height:60px; opacity:0; visibility:hidden; transition:all 1s ease 0s; transform:scale(1.2);} .video_list01 .content .item:hover .intro{color:#fff; background:#23ac38;} .video_list01 .content .item:hover .cover{opacity:1; visibility:visible;} .video_list01 .content .item:hover .cover i{opacity:1; visibility:visible; transform:scale(1.0);} /* 视频中心 end */ /* 新闻详情 start */ .news_detail{background:#f0f0f0;} .news_detail01 .detail_l{width:70%;} .news_detail01 .l_box{background:#fff;padding:8% 6%;} .news_detail01 .news_title{font-size:30px;color:#000;margin-bottom: 10px; font-weight:bold;} .news_detail01 .l_tools{margin-bottom:40px;line-height:20px;} .news_detail01 .l_tools span{display:inline-block;*display:inline;*zoom:1;font-size:14px;color:#5a5a5a;} .news_detail01 .news_time{margin-right: 20px;} .news_detail01 .switcher .title{display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;} .news_detail01 .news_text{font-size:14px;} .news_detail01 .detail_r{width:28%;} .news_detail01 .detail_r .arr_box{background:#fff;padding:8%;margin-bottom:14px;color:#666;display:block;} .news_detail01 .detail_r .arr_title{font-size:18px;color:#000;margin-bottom:10px; font-weight:bold;} .news_detail01 .detail_r .arr_news_title{font-size:14px;font-weight:normal;} .news_detail01 .detail_r .arr_time{font-size:14px;padding-top:6px;display:block;} .news_detail01 .detail_r .arr_box:hover{color:#fff;background:#1f3461;} .news_detail01 .detail_r .arr_box:hover .arr_title{color:#fff;} .news_detail01 .detail_r .share_box{background:#fff;padding:8%;} .news_detail01 .detail_r .share_title{font-size:18px;color:#000;margin-bottom:10px; font-weight:bold;} .news_detail01 .detail_r .black_list{width:100%;height:42px;line-height:42px;background:#1f3461;text-align:center;font-size:18px;color:#fff;display:block;} .news_detail01 .newdetail_share{padding:10px 0px;} .news_detail01 .newdetail_share a{width:40px;height:40px;display:inline-block;cursor:pointer;text-align:center;border:1px solid #999;line-height:40px;border-radius:50%;background:none;padding:0;margin:0;margin-right: 10px;font-size:20px;color:#999;} @media screen and (max-width:760px){ .news_detail01 .detail_l,.news_detail01 .detail_r{width:100%;} .news_detail01 .detail_r{margin-top:14px;} .news_detail01 .news_title{font-size:20px;} } /* 新闻详情 end */ /* 营销网络 start */ .service_network01{overflow:hidden;} .service_network01 .left{width:33.5%; float:left; height:702px; overflow:hidden; background:#f0f6fe;} .service_network01 .left form{background:#1f3461;} .service_network01 .left form .box{padding:40px 35px 22px;} .service_network01 .left .sele_wrap{height:46px; line-height:46px; margin-bottom:18px;} .service_network01 .left .sele_wrap .sele{width:100%; height:46px; line-height:46px; border:1px solid #fff;color:#fff; background:none;} .service_network01 .left .sele_wrap .select-ui-choose-default{background:none;} .service_network01 .left .sele_wrap .select-ui-choose-default ._arrow{width:60px} .service_network01 .left .sele_wrap .select-ui-choose-default ._arrow:after{content:''; width:1px; height:20px; background:#fff; left:0; top:50%; margin-top:-10px; position:absolute;} .service_network01 .left .sele_wrap .select-ui-choose ._arrow .arr{border:none; left:50%; margin-left:-6px; width:12px; height:10px; margin-top:-2px; background:url(../img/service_network01_xiala.png) no-repeat center;} .service_network01 .left .sele_wrap .select-ui-choose-default ._txt{padding-right:60px;} .service_network01 .left .sele_wrap .select-ui-choose-default.on ._arrow .arr{margin-top:-5px;} .service_network01 .left .sele_wrap .select-ui-choose-default-bottom.on{border-radius:0;} .service_network01 .left .list{overflow-y:auto;} .service_network01 .left .list ul li{padding:40px 60px 0px 45px; cursor:pointer; transition:all 0.5s ease} .service_network01 .left .list ul li .intro{position:relative; padding-bottom:40px; border-bottom:1px solid #313131; border-color:#d3dbe8;} .service_network01 .left .list ul li .intro:after{content:''; width:49px; height:64px; background:url(../img/service_network01_weizhi.png) no-repeat center; position:absolute; right:0; bottom:0; pointer-events:none;} .service_network01 .left .list ul li .intro dt{font-size:18px; color:#1f3461; margin-bottom:8px} .service_network01 .left .list ul li .intro dd{font-size:15px; line-height:28px; color:#1f3461; } .service_network01 .left .list ul li .intro .tel{font-size:15px; line-height:24px; color:#616161;} .service_network01 .left .list 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;} .service_network01 .right{width:66.5%; float:right; height:702px; overflow:hidden;} .service_network01 .right img{max-width:none;} .service_network01 .left .list::-webkit-scrollbar {width:4px; height:4px;} .service_network01 .left .list::-webkit-scrollbar-thumb {background:#afafaf;} .service_network01 .left .list::-webkit-scrollbar-track {background:#d9d9d9;} @media only screen and (max-width: 992px) { /* 服务网络 */ .service_network01 .left form .box{padding:25px 20px 10px;} .service_network01 .left .list ul li{padding:30px 30px 0;} .service_network01 .left .list ul li .intro:after{width:34px; height:44px; background-size:cover;} } @media only screen and (max-width: 760px) { /* 服务网络 */ .service_network01 .right{width:100%; margin-bottom:20px; height:300px;} .service_network01 .left{width:100%;} .service_network01 .left .sele_wrap .sele{height:40px; line-height:40px; text-indent:10px; font-size:14px;} .service_network01 .left .list ul li{padding:25px 25px 0;} .service_network01 .left .list ul li .intro dt{font-size:16px; line-height:25px; margin-bottom:5px;;} .service_network01 .left .list ul li .intro dd{font-size:14px; line-height:28px;} } /* 营销网络 end */ /* 在线留言 start */ .leave_message01 .infor .tit{text-align:center; font-size:36px; font-weight:bold; color:#000; line-height:1; margin-bottom:20px; margin-top:0;} .leave_message01 .infor .con{text-align:center; font-size:18px; color:#000; line-height:24px; margin-bottom:15px;} .leave_message01 .form{width:1050px;margin:0 auto; margin-top:30px;} .leave_message01 .form input{background:#f7f7f7; border:none; font-size:16px;} /* .leave_message01 .name{background:url("http://zjk.jerei.com/uploadfiles/leave_message01_1.png") no-repeat right 0;} .leave_message01 .phone{background:url("http://zjk.jerei.com/uploadfiles/leave_message01_2.png") no-repeat right 0;} .leave_message01 .email{background:url("http://zjk.jerei.com/uploadfiles/leave_message01_3.png") no-repeat right 0;} */ .leave_message01 .line1{width:80%; height:48px; line-height:48px; padding:0 46px 0 13px;} .leave_message01 .form textarea{width:989px; border:none; background:#f7f7f7; resize:none; padding:10px 40px 10px 13px; height:149px; font-size:16px; line-height:1.5; margin-bottom:20px; margin-top:25px; /*background:transparent url("http://zjk.jerei.com/uploadfiles/leave_message01_4.png") no-repeat right top;*/} .leave_message01 .form #content{width:989px; border:none; background:#f7f7f7; resize:none; padding:10px 40px 10px 13px; height:149px; font-size:16px; line-height:1.5; margin-bottom:20px; margin-top:25px; /*background:transparent url("http://zjk.jerei.com/uploadfiles/leave_message01_4.png") no-repeat right top;*/} .leave_message01 .form .btns_list{text-align:center;} .leave_message01 .form .btns_list button{width:45%; height:45px; line-height:37px; border:none; font-size:18px; color:#fff; cursor:pointer;} .leave_message01 .form .btns_list .sub{background-color:#23ac38; border-radius:0; float:left;} .leave_message01 .form .btns_list .reset{background-color:#848484; border-radius:0; float:right;} .leave_message01 .form .btns_list .btn{transition:.3s ease;} /* .leave_message01 .form .btns_list .on{background-color:#23ac38;;} .leave_message01 .form .btns_list .btn:hover{background-color:#23ac38;} */ .leave_message01 .yzm_box{width:50%;} .leave_message01 .btns_list{width:50%;} .leave_message01 .yzm_box .yzm{line-height:46px; height:46px; width:30%; text-indent:20px; margin-right:25px;} .leave_message01 .yzm_box img{width:120px; height:50px; margin-right:10px;} .leave_message01 .yzm_box .change{color:#888787; font-size:14px; vertical-align:bottom;} /* 在线留言 end */ /* 联系我们 start*/ .contact_us01 .content .left{float:left; width:60%; background:#f0f3fa;} .contact_us01 .content .left .rect-743{padding-bottom:74.3%;} .contact_us01 .content .left .rect-743::after{content:''; width:1px; height:100%; box-shadow:1px 0px 20px 10px #c8c8c8; position:absolute; top:0; right:0;} .contact_us01 .content .right{float:right; width:40%; background:url(../img/contact_us01-2.jpg) no-repeat center; background-size:cover;} .contact_us01 .content .right .box{padding:140px 0px 140px 13%;} .contact_us01 .content .right .box .info{margin-bottom:34px;} .contact_us01 .content .right .box .info .t{color:#343434; font-size:32px; line-height:35px; font-weight:bold;} .contact_us01 .content .right .box .con{font-size:16px; line-height:32px; color:#343434; margin-bottom:50px;} .contact_us01 .content .right .box .ewm img{ display:inline-block; vertical-align:middle;} .contact_us01 .content .right .box .ewm .text{font-size:16px; line-height:24px; font-weight:bold; color:#343434; display:inline-block; vertical-align:middle; padding-left:14px;} /* 联系我们 end*/ /* 新闻列表 start*/ .news_list01{padding:30px 0;} .news_list01 .form_box .hd_tit{font-size:20px; color:#1e1e1e; height:30px; line-height:30px; margin-right:3%; text-transform:uppercase;} .news_list01 .form_box .inp_box{width:22.5%; margin-right:2%; position:relative;} .news_list01 .form_box .inp_box.inp_box_btn{margin-right:0%;} .news_list01 .form_box .inp{display:block; width:100%; height:55px; line-height:55px; border:1px solid #f3f3f3; padding:0; margin:0; box-sizing:content-box; font-size:17px; color:#666; text-indent:18px; background:#f0f6fe; border-radius:0;} .news_list01 .form_box .hd_btn{width:57px; height:57px; line-height:57px; background:none; border:none; text-align:center; font-size:0; color:#fff; outline:none; cursor:pointer; position:absolute; right:0; top:0;} .news_list01 .form_box .hd_btn .icon{display:inline-block; width:28px; height:28px; background:url(../img/news_list02.png) no-repeat center; position:absolute; left:50%; margin-left:-14px; top:50%; margin-top:-14px;} .news_list01 .form_box .news_reset{float:right; width:57px; height:57px; background:url(../img/news_list03.png) no-repeat center; cursor:pointer; padding:0; margin:0; background-size:cover;} body .select-ui-choose-default{border-radius:0;} body .select-ui-choose-default ._arrow{width:2.5em;} body .select-ui-options-default li:hover{background:#23ac38;} body .select-ui-choose-default ._arrow .arr{background:url(../img/news_list05.jpg.png) no-repeat center; background-size:cover; width:14px; height:8px; margin:0; border:0; transform:translateY(-50%);} body .select-ui-choose-default.on ._arrow .arr{margin:0; transform:rotateZ(180deg) translateY(50%);} .news_list01 .form_box .inp_box .news_select{background:none; border:0; border-bottom:1px solid #343434;} .news_list01 .content{margin-top:50px;} .news_list01 li{border-bottom:1px solid #e6e6e6; padding:45px 20px; transition:all 0.5s ease; position:relative;} .news_list01 li::before{content:""; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px; background:#fff; box-shadow:0 0 25px rgba(0,0,0,.1); opacity:0; transition:all .5s ease; z-index:0;} .news_list01 li::after{position:absolute; right:0; bottom:0; background:url(../img/news_list04.jpg) no-repeat center; content:''; width:353px; height:175px; background-size:cover; opacity:0; transition:all .5s ease; z-index:1;} .news_list01 li:hover::before{opacity:1;} .news_list01 li:hover::after{opacity:1;} .news_list01 .li_box{display:block; position:relative; z-index:2;} .news_list01 .li_box .img_{width:24.7%; float:left;} .news_list01 .li_box .img_ .rect-56{padding-bottom:56%;} .news_list01 .li_box .intro{width:71%; float:right;} .news_list01 .li_box .intro .box{margin-top:30px;} .news_list01 .li_box .intro .box .tool{font-size:14px; line-height:20px; color:#a6a5a5; margin:10px 0;} .news_list01 .li_box .intro .box .tool .date{display:inline-block; margin-right:20px;} .news_list01 .li_box .intro .box .tool .view{display:inline-block;} .news_list01 .li_box .intro .box .tool span{display:inline-block; vertical-align:middle;} .news_list01 .li_box .intro .box .tool i{display:inline-block; vertical-align:middle; margin-left:0;} .news_list01 .li_box .intro .box .tit{font-size:26px; line-height:30px; color:#333; transition:all .5s ease;} .news_list01 .li_box .intro .box .con{font-size:14px; line-height:24px; height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#676767;} /* .news_list01 li:hover{box-shadow:0 0 25px rgba(0,0,0,.1);} */ .news_list01 li:hover .li_box .intro .box .tit{color:#23ac38;} .news_list01 li.no_img .img_{display:none;} .news_list01 li.no_img .intro{width:100%;} .news_list01 li.no_img .li_box .intro .box{margin-top:0px;} /* 新闻列表 end*/ /*分页 start*/ .pages{border-bottom:1px solid #e6e6e6; line-height:30px; padding:25px 55px 25px 30px;} .pages .left{float:left; font-size:14px; color:#333;} .pages .right{float:right; font-weight:normal;} .pages .right .intro{font-size:14px; color:#333; display:inline-block;} .pages .right .page_box{display:inline-block; margin-left:30px;} .pages .right .page_box .page{display:inline-block; font-size:14px; cursor:pointer; color:#4c4e53;} .pages .right .page_box .page:hover{color:#cf0b19;} .pages .right .page_box .page i{margin:0;} .pages .right .page_box .page.disable{color:#d5d5d5;} .pages .right .page_box .page.disable:hover{color:#d5d5d5;} .pages .right .page_box .next{margin-left:25px; margin-right:5px;} .pages .right .page_box .prev{margin-left:5px;} /*分页 end*/ /* 招聘 start */ .recruit01{margin-bottom:40px; text-align:right; } .recruit01 form{position:relative;} .recruit01 input{display:inline-block; height:45px; margin:0; padding:0; line-height:45px; box-sizing:border-box; font-size:16px; border:0; border-bottom:1px solid #68aa53; width:31%; padding-left:15px; padding-right:40px;} .recruit01 input::-webkit-input-placeholder{color:#68aa53; font-size:16px;} .recruit01 button{position:absolute; right:0; top:50%; background:url(../img/recruit01-3.png) no-repeat center; width:30px; height:30px; background-size:cover; display:block; border:0; transform:translateY(-50%);} .recruit02 .left{width:100%; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);} .recruit02 .left .content{padding:45px 4% 60px;} .recruit02 .load_more{margin-bottom:50px;} .recruit02 .tit{color:#262626; font-size:36px; margin-bottom: 20px; text-align:center;} .recruit02 .filter .t{font-size: 20px; color:#262626;} .recruit02 .filter .condition{overflow:hidden; margin-bottom:30px;} .recruit02 .filter .condition .item{display:inline-block; *display:inline; *zoom:1; background:#7c7c7c; font-size: 18px; line-height:50px; padding-left:40px; padding-right: 30px; color:#fff; margin:10px 15px 10px 0; cursor:pointer; -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;} .recruit02 .filter .condition .item i{margin-left: 20px; margin-right: 0;} .recruit02 .filter .condition .item:hover{background:#a4a4a4;} .recruit02 .bd .first {background:#1f3461;border-bottom:none; padding:0; height:60px;line-height:60px;} .recruit02 .bd ._ut {float:left; text-align:center; color:#fff; font-size:18px;} .recruit02 .bd li {float:left; width:100%; height:75px; line-height:75px; background:#fff; border-bottom:1px dashed #dedede} .recruit02 .bd li ._un {float:left; text-align:center; height:75px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .recruit02 .bd ._t1 {width:20%;} .recruit02 .bd ._t2 {width:20%;} .recruit02 .bd ._t3 {width:20%;} .recruit02 .bd ._t4 {width:20%;} .recruit02 .bd ._t5 {width:20%;} .recruit02 .bd ._t6 {width:20%; cursor:pointer;} .recruit02 .bd li ._t6:after {content:""; display:inline-block; color:#265ba8; background:url(../img/recruit01-1.png) no-repeat center; background-size:cover; width:19px; height:19px; vertical-align:-4px;} .recruit02 .bd li.j_t_cur ._t6:after {background:url(../img/recruit01-2.png) no-repeat center; height:3px; vertical-align:4px; background-size:cover;} .recruit02 .bd li.j_t {font-size:15px; cursor:pointer;} .recruit02 .bd li.j_t.nodata{text-align:center;} .recruit02 .bd li.j_c {height:auto; line-height:1.5; background:#f0f6fe; display:none;} .recruit02 .bd .j_c .j_c_box {margin-bottom:20px; padding:80px 80px 40px;} .recruit02 .bd .j_c .j_c_box .intro {font-size:16px; color:#676767; line-height:35px; position:relative;} .recruit02 .bd .j_c .j_c_box .intro p{margin-bottom:30px;} .recruit02 .bd .j_c .j_c_box .intro strong{display:block; font-size:18px; color:#676767; margin-bottom:10px} .recruit02 .bd .j_c .intro .job_btn {position:absolute; right:0; bottom:0; font-weight:bold;} .recruit02 .bd .j_c .intro .job_btn ._btn {display:inline-block; width:160px; height:48px;line-height:48px; color:#fff; font-size:16px; background:#23ac38; cursor:pointer; text-align:center; transition:.5s ease;} .recruit02 .bd .j_c .intro .job_btn ._btn:hover{background:#204985} .recruit02 .bd .j_c .link{margin-top:20px;} .recruit02 .bd .j_c .link_a{font-size:16px; line-height:28px; color:#265ba8; font-weight:bold;} .recruit02 .bd .j_c .link_a a:hover{opacity:0.8;} /*滚动加载*/ .load_more{text-align:center; padding-top:20px;} .load_more span{display:inline-block; vertical-align:middle;} .load_more span.icon{width:25px; height:25px; background:url(../img/loading.gif) no-repeat center; margin-right:20px; background-size:cover;} .load_more span.txt{font-size:16px; color:#999999;} .load_more.nomore {display:none;} @media only screen and (max-width:1240px){ .recruit02 .bd .j_c .j_c_box{padding:40px;} .recruit02 .bd .j_c .intro .job_btn{position:relative; margin-top:20px;} } @media only screen and (max-width:760px){ .recruit02 .right{width:100%; margin-bottom:30px;} .recruit02 .right .reset_btn button{margin-top:0;} .recruit02 .left{width:100%;} .recruit02 .left .content{padding:30px 3%;} .recruit02 .tit{font-size:20px; line-height:24px;} .recruit02 .bd ._ut{font-size:16px;} .recruit02 .bd li ._un{font-size:13px;} .recruit02 .bd .j_c .j_c_box{padding:20px;} } /* 招聘 end */ /* 产品详情 start */ .channel_content.pro_detail{padding-bottom:0;} .pro_detail01 .left{float:left; width:46%; margin-right:4%;} .pro_detail01 .left .big_img{position:relative; background:#f0f6fe; text-align:center; padding-bottom:54.32%; height:0;} .pro_detail01 .left .big_img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-height:100%;} .zoomdiv{background:#f0f6fe;} .pro_detail01 .left .small_img{margin-top:26px;} .pro_detail01 .left .small_img ul{} .pro_detail01 .left .small_img li{position:relative; box-sizing:border-box; float:left; width:16%; height:0; margin-right:0.666%; margin-bottom:0.666%; padding-bottom:10%; border:1px solid #a9a9a9; cursor:pointer; transition:all .5s ease;} .pro_detail01 .left .small_img li img{position:absolute; top:50%; left:50%; height:90%; transform:translate(-50%, -50%);} .pro_detail01 .left .small_img li.cur, .pro_detail01 .left .small_img li:hover{border-color:#68ab53;} .pro_detail01 .right{float:left; width:50%; box-sizing:border-box; padding:0 95px 0 55px;} .pro_detail01 .right .intro .tit{color:#23ac38; font-size:30px; font-weight:bold;} .pro_detail01 .right .intro .con{width:90%; margin-top:20px; color:#282828; font-size:16px; line-height:28px;} .pro_detail01 .right .intro{padding-bottom:20px; border-bottom:2px solid #d5d5d5;} .pro_detail01 .right .feature{padding:20px 0; border-bottom:2px solid #d5d5d5;} .pro_detail01 .right .feature .tabs{font-size:0;} .pro_detail01 .right .feature .tab{position:relative; margin:0 26px; color:#000; font-size:20px; font-weight:bold; cursor:pointer;} .pro_detail01 .right .feature .tab:first-child{margin-left:0;} .pro_detail01 .right .feature .tab::after{content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:#23ac38; transition:all .5s ease;} .pro_detail01 .right .feature .tab.cur::after, .pro_detail01 .right .feature .tab:hover::after{width:100%;} .pro_detail01 .right .feature .tab::before{content:""; position:absolute; top:4px; left:-27px; height:20px; width:3px; background:#282828;} .pro_detail01 .right .feature .tab:first-child::before{display:none;} .pro_detail01 .right .feature .txts{margin-top:10px;} .pro_detail01 .right .feature .txt{color:#282828; font-size:16px; line-height:28px;} .pro_detail01 .right .feature .txt:not(:first-child){display:none;} .pro_detail01 .right .specs{padding:30px 0;} .pro_detail01 .right .specs table{width:100%; text-align:center;} .pro_detail01 .right .specs table thead{background:#eceffc;} .pro_detail01 .right .specs table th, .pro_detail01 .right .specs table td{width:16%; font-size:16px; font-weight:normal; color:#000; padding:18px 0; border:2px solid #d5d5d5;} .pro_detail01 .right .btns .price_btn{position:relative; display:inline-block; line-height:53px; padding:0 30px 0 50px; font-size:18px; font-weight:bold; color:#fff; background:#1f3461;} .pro_detail01 .right .btns .price_btn::before{content:""; position:absolute; left:18px; top:50%; margin-top:-10px; width:22px; height:22px; background:url(../img/pro_detail01_price.png) no-repeat center/contain;} .pro_detail01 .right .btns .price_btn:hover{background:#23ac38;} .pro_detail01 .right .btns .contact_btn{position:relative; display:inline-block; line-height:53px; padding:0 30px 0 50px; margin-left:22px; font-size:18px; font-weight:bold; color:#fff; background:#1f3461;} .pro_detail01 .right .btns .contact_btn::before{content:""; position:absolute; left:18px; top:50%; margin-top:-10px; width:22px; height:22px; background:url(../img/pro_detail01_contact.png) no-repeat center/contain;} .pro_detail01 .right .btns .contact_btn:hover{background:#23ac38;} .pro_detail02{margin-top:53px;} .pro_detail02 .infor{background:#1f3461; height:80px; line-height:80px;} .pro_detail02 .infor .left{float:left; width:50%;} .pro_detail02 .infor .left .tit{color:#23ac38; font-size:30px;} .pro_detail02 .infor .right{float:right; width:50%;} .pro_detail02 .infor .right li{float:left; margin-left:70px; color:#fff; font-size:20px;} .pro_detail02 .infor .right li:hover, .pro_detail02 .infor .right li.cur{color:#23ac38;} .pro_detail02 .content .sec1{position:relative; width:100%; height:465px; padding:10px 0; overflow:hidden;} .pro_detail02 .content .sec1 .box{width:100%; height:465px; position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); overflow:visible; /*box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);*/} .pro_detail02 .content .sec1 .before, .pro_detail02 .content .sec1 .after {width:100%; height:100%; background-repeat:no-repeat; background-color:white; background-size:cover; background-position:center; position:absolute; top:0; left:0; pointer-events:none; overflow:hidden;} .pro_detail02 .content .sec1 .content-image{height:100%; max-width:none;} .pro_detail02 .content .sec1 .after{width:125px;} .pro_detail02 .content .sec1 .scroller{width:50px; height:50px; position:absolute; left:100px; top:50%; transform:translateY(-50%); border-radius:50%; background-color:#fff; opacity:0.9; pointer-events:auto; cursor:pointer;} .pro_detail02 .content .sec1 .scroller:hover{opacity:1;} .pro_detail02 .content .sec1 .scrolling{pointer-events:none; opacity:1; z-index:1;} .pro_detail02 .content .sec1 .scroller:before, .pro_detail02 .content .sec1 .scroller:after{content:""; display:block; width:10px; height:9999px; position:absolute; left:50%; margin-left:-5px; z-index:30; transition:0.1s;} .pro_detail02 .content .sec1 .scroller:before{top:100%;} .pro_detail02 .content .sec1 .scroller:after{bottom:100%;} .pro_detail02 .content .sec1 .scroller{border:5px solid #fff;} .pro_detail02 .content .sec1 .scroller:before, .pro_detail02 .content .sec1 .scroller:after{background:#fff;} .pro_detail02 .content .sec1 .scroller{z-index:3} .pro_detail02 .content .sec1 .float_img{width:auto; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2;pointer-events:none;} .pro_detail02 .content .sec2{display:none; padding:50px 0;} .pro_detail02 .content .sec2 ul{width:101.3%;} .pro_detail02 .content .sec2 .item{position:relative; float:left; width:23.7%; padding:25px 0; margin-right:1.3%; background:#f0f6fe; overflow:visible;} .pro_detail02 .content .sec2 .item>a{display:block;} .pro_detail02 .content .sec2 .item::after{content:""; position:absolute; z-index:-1; top:-2px; left:-2px; width:100%; height:100%; border:2px solid #23ac38; border-radius:2px; opacity:0; visibility:hidden; transition:all .5s ease;} .pro_detail02 .content .sec2 .item .img_box{text-align:center; height:280px;} .pro_detail02 .content .sec2 .item .intro_box{text-align:center; padding:0 15px;} .pro_detail02 .content .sec2 .item .intro_box .tit{color:#000; font-size:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .pro_detail02 .content .sec2 .item:hover::after{opacity:1; visibility:visible;} .pro_detail02 .content .sec3{display:none; padding:50px 0;} .pro_detail02 .content .sec3 ul{width:101.3%;} .pro_detail02 .content .sec3 .item{float:left; box-sizing:border-box; width:23.7%; margin-right:1.3%; border:2px solid #c9c9c9; transition:all .5s ease;} .pro_detail02 .content .sec3 .item>a{display:block;} .pro_detail02 .content .sec3 .item .intro_box{padding:18px 30px; color:#282828; background:#d4dfef; transition:all .5s ease;} .pro_detail02 .content .sec3 .item .intro_box .tit{font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .pro_detail02 .content .sec3 .item .img_box{position:relative; height:360px;} .pro_detail02 .content .sec3 .item .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all .8s ease;} .pro_detail02 .content .sec3 .item:hover{border-color:#23ac38;} .pro_detail02 .content .sec3 .item:hover .intro_box{background:#23ac38;} .pro_detail02 .content .sec3 .item:hover .img_box img{transform:translate(-50%, -50%) scale(1.1);} .pro_detail02 .content .sec4{display:none; padding:50px 0;} .pro_detail02 .content .sec4 .solution{font-size:16px; line-height:28px; color:#282828;} /* 产品详情 end */ /* 发展历程 start */ .history01 .bd_l{position:relative; box-sizing:border-box; width:88%;height:750px;overflow:hidden; overflow-x:visible; padding:0 50px; margin:0 -50px;} /* .history01 .bd_l::after{content:""; position:absolute; left:0; right:0; bottom:0; height:100px; background:linear-gradient(transparent, #FFF) left repeat; pointer-events:none;} */ .history01 .bd_l dl{position:relative; margin-bottom:60px;opacity:.6; overflow:visible; padding-right:20px;} .history01 .bd_l dl::after{content:""; position:absolute; top:40px; left:-20px; right:0px; bottom:-15px; background:#fff; box-shadow: 0px 0px 25.92px 1.08px rgba(63, 63, 63, 0.15); z-index:-1; opacity:0; visibility:hidden; transition:all .5s ease;} .history01 .bd_l dt{position:relative;height:30px;line-height:30px;margin:16px 0px 25px;} .history01 .bd_l dt span{display:inline-block;font-size:26px;color:#737373; background:#fff; position:absolute;left:0;z-index:2;padding-right: 10px;} .history01 .bd_l dt .year_bj{width:60%;height:0;border-bottom:1px #9f9f9f dotted;position:absolute;top:50%;left:0;z-index:1;} .history01 .bd_l dd{font-size:16px;color:#454545;line-height:30px;margin-bottom:10px; } .history01 .bd_l dd img{max-height:250px; margin-top:5px;} .history01 .bd_l dl.active{opacity:1;} .history01 .bd_l dl.active::after{opacity:1; visibility:visible;} .history01 .bd_l dl.active dt span{color:#23ac38;} .history01 .bd_r{width:10%;height:750px;position:relative;overflow-y:scroll; padding:0;} .history01 .bd_r .os-scrollbar{display:block!important; width:6px;} .history01 .bd_r .os-scrollbar-track{background:#eee;} .history01 .bd_r .os-scrollbar-handle{background:#23ac38;} .history01 .bd_r li{padding:20px 0px 20px 10px;position:relative;cursor:pointer; /*border-right:6px solid #eeeeee;*/} .history01 .bd_r .list_box{border-radius:50%;font-size:24px;text-align:center;width:80px;height:80px;line-height:80px;border:2px solid #a3a3a3;color:#a3a3a3; background:#fff;} .history01 .bd_r .year_line{width:60px;height:1px;position:absolute;right:0px;top:50%;display:block;background-color:#a3a3a3; z-index:-1;} .history01 .bd_r .year_bot{display:none; width:6px;height:0;position:absolute;right:-6px;top:50%; margin-top:0; background-color:#23ac38; z-index:1;} .history01 .bd_r .active .list_box{background-color:#23ac38;color:#fff; border-color:#23ac38;} .history01 .bd_r .active .year_line{background-color:#23ac38;} .history01 .bd_r .active .year_bot{height:150px; margin-top:-75px; transition:all .5s ease;} .history01 .add_height{width:100%;height:1000px;display:block;} @media only screen and (max-device-width: 769px){ .history01 .bd_r{display:none;} .history01 .bd_l{width:100%;height:auto; float:none; margin:0; padding:0;} .history01 .bd_l dl{opacity:1; margin-bottom:20px;} .history01 .bd_l dl:last-of-type{margin-bottom:0;} .history01 .bd_l dl::after, .history01 .bd_l dl.active::after{display:none;} .history01 .bd_l dl dt{margin:0; margin-bottom:5px;} .history01 .bd_l dl dt span{color:#23ac38; font-size:20px;} .history01 .bd_l dt .year_bj{width:100%;} .history01 .bd_l dd{margin-bottom:5px; line-height:28px;} .history01 .add_height{display:none;} } @media only screen and (max-device-width: 640px){ .history01 .bd_r li{padding: 20px 0px 20px 16px;} .history01 .bd_r .year_line{width:16px;} .history01 .bd_r .list_box{width:50px;height:50px;font-size:20px;line-height:50px;} } /* 发展历程 end */ /* 人才理念 start */ .talent01{height:463px;} .talent01 .wrap{position:relative;} .talent01 .bg_img{position:absolute; top:0; left:50%; width:1500px; max-width:none; margin-left:-750px; z-index:-1;} .talent01 .intro .infor{color:#fff; text-align:center; padding-top:80px;} .talent01 .intro .infor .tit{font-size:30px;} .talent01 .intro .infor .con{font-size:16px; margin-top:10px;} .talent01 .intro .content{margin-top:40px;} .talent01 .intro .content ul{width:65%; margin:0 auto;} .talent01 .intro .content .item{float:left; width:33.333%; text-align:center;} .talent01 .intro .content .item>a{display:inline-block;} .talent01 .intro .content .item .icon{position:relative; width:136px; height:136px; border:2px solid #fff; border-radius:50%; margin:0 auto; background:transparent; transition:all .5s ease;} .talent01 .intro .content .item .icon img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all .5s ease;} .talent01 .intro .content .item .icon img.img_1{opacity:1; visibility:visible;} .talent01 .intro .content .item .icon img.img_2{opacity:0; visibility:hidden;} .talent01 .intro .content .item>a:hover .icon{border-color:#23ac38; background:#23ac38;} .talent01 .intro .content .item>a:hover .icon img{transform:translate(-50%, -50%) rotateY(180deg);} .talent01 .intro .content .item>a:hover .icon img.img_2{opacity:1; visibility:visible;} .talent01 .intro .content .item>a:hover .icon img.img_1{opacity:0; visibility:hidden;} .talent01 .intro .content .item .text{color:#fff; font-size:18px; margin-top:16px;} .talent02 .rect-663{padding-bottom:66.3%;} .talent02 .rect-7459{padding-bottom:74.59%;} .talent02 .content .item{margin-top:60px;} .talent02 .content .item .left{width:50%;} .talent02 .content .item .right{width:43.6%;} .talent02 .content .item.odd .left{float:left;} .talent02 .content .item.odd .right{float:right;} .talent02 .content .item.even .left{float:right;} .talent02 .content .item.even .right{float:left;} .talent02 .content .item .left{position:relative; background:#f0f6fe;} .talent02 .content .item .left .bg_img{position:absolute; right:0; bottom:0; z-index:0; max-width:70%; max-height:70%; user-select:none;} .talent02 .content .item .left .intro{position:absolute; left:90px; right:90px; top:50%; margin-top:-130px; color:#282828;} .talent02 .content .item .left .intro .tit{position:relative; font-size:30px;} .talent02 .content .item .left .intro .tit::after{content:""; position:absolute; left:0; bottom:-24px; height:2px; width:212px; background:#23ac38;} .talent02 .content .item .left .intro .con{line-height:28px; height:112px; font-size:16px; margin-top:70px;} .talent02 .content .item .right ul{width:105%; margin-top:-5.25%;} .talent02 .content .item .right li{float:left; width:45%; margin-right:5%; margin-top:5%;} .talent02 .content .item .right li>a{display:block;} .talent02 .content .item .right li .intro_box{position:absolute; bottom:-40px; left:0; right:0; height:40px; background:#23ac38; text-align:center; color:#fff; transition:all .5s ease;} .talent02 .content .item .right li .intro_box .tit{font-size:16px; line-height:40px;} .talent02 .content .item .right li:hover .intro_box{bottom:0;} /* 人才理念 end */ /* 客户服务 start */ .customer_service01 .rect-5816{padding-bottom:58.16%;} .customer_service01 .infor{text-align:center; color:#282828;} .customer_service01 .infor .tit{font-size:36px;} .customer_service01 .infor .con{font-size:16px; margin-top:10px; width:730px; margin:0 auto;} .customer_service01 .content{position:relative; margin-top:30px;} .customer_service01 .content .item{width:730px;} .customer_service01 .content .item>a{display:block; transform:scale(0.8); background:#1f3461; transition:all .5s ease;} .customer_service01 .content .active.center .item>a{transform:scale(1); transition:all .5s ease;} .customer_service01 .content .item .bg_img{z-index:0; opacity:0.4; transition:all 1s ease;} .customer_service01 .content .item .intro{position:absolute; z-index:1; left:0; right:0; bottom:-150px; padding:30px 50px; color:#fff; opacity:0; transition:all 1s ease; background:linear-gradient(to top, #1f3461 40%, transparent) left/cover no-repeat;} .customer_service01 .content .item .intro .tit{font-size:24px;} .customer_service01 .content .item .intro .con{font-size:16px; line-height:25px; max-height:50px; margin-top:10px; overflow:hidden;} .customer_service01 .content .active.center .item .bg_img{opacity:1;} .customer_service01 .content .active.center .item .intro{opacity:1; bottom:0;} .customer_service01 .content .nav_btns{position:absolute; top:50%; left:50%; height:0; width:920px; margin-left:-460px; z-index:1; overflow:visible;} .customer_service01 .content .nav_btns .arrow_left{position:absolute; left:0; top:0; width:60px; height:60px; margin-top:-30px; color:#fff; background:#1f3461; font-size:34px;} .customer_service01 .content .nav_btns .arrow_right{position:absolute; right:0; width:60px; height:60px; margin-top:-30px; color:#fff; background:#1f3461; font-size:34px;} .customer_service01 .content .nav_btns .arrow_left:hover, .customer_service01 .content .nav_btns .arrow_right:hover{color:#fff; background:#23ac38;} .customer_service02{margin-top:70px;} .customer_service02 .rect-5614{padding-bottom:56.14%;} .customer_service02 .infor{text-align:center; color:#282828;} .customer_service02 .infor .tit{font-size:36px;} .customer_service02 .infor .con{font-size:16px; margin-top:5px;} .customer_service02 .content{margin-top:40px;} .customer_service02 .content .item .left{float:left; width:50%;} .customer_service02 .content .item .right{float:left; width:50%;} .customer_service02 .content .item.odd .left{float:left;} .customer_service02 .content .item.odd .right{float:right;} .customer_service02 .content .item.even .left{float:right;} .customer_service02 .content .item.even .right{float:left;} .customer_service02 .content .item .left{position:relative; background:#f1f7fe;} .customer_service02 .content .item .left .bg_img{position:absolute; right:10px; bottom:10px; z-index:0; max-width:70%; max-height:70%; user-select:none;} .customer_service02 .content .item .left .intro{position:absolute; left:90px; right:90px; top:50%; margin-top:-140px;} .customer_service02 .content .item .left .intro .tit{position:relative; font-size:24px; font-weight:bold; color:#1f3461;} .customer_service02 .content .item .left .intro .tit::after{content:""; position:absolute; left:0; bottom:-16px; height:2px; width:160px; background:#23ac38;} .customer_service02 .content .item .left .intro .con{line-height:48px; height:192px; font-size:0; margin-top:50px; color:#353535;} .customer_service02 .content .item .left .intro .con li{position:relative;} .customer_service02 .content .item .left .intro .con .t{position:absolute; top:0; left:0; display:inline-block; font-weight:bold; color:#1f3461; font-size:16px;} .customer_service02 .content .item .left .intro .con .c{padding-left:82px; display:inline-block; font-size:16px;} /* 客户服务 end */ /* 简历投递 start */ .resume01{ position:relative; z-index:1; background-color:#fff; overflow:hidden; padding-top:0; padding-bottom:0;} .resume01 .infor .tit{text-align:center; font-size:36px; font-weight:bold; color:#000; line-height:1; margin-bottom:20px; margin-top:0;} .resume01 .infor .con{text-align:center; font-size:18px; color:#000; line-height:24px; margin-bottom:15px;} .resume01 .Form-J1{margin-top:30px;} .resume01 .Form-J1 .Form-J1-Left {float:left; width:48%;} .resume01 .Form-J1 .Form-J1-right {float:right;width:48%;} .resume01 .Form-J1 .Form-J1-li {background:#f7f7f7;padding:10px 2%;margin-bottom:15px; position:relative;} .resume01 .Form-J1 .Form-J1-li label {font-size:14px;width:5em;display:inline-block;color:#666;vertical-align:middle;} .resume01 .Form-J1 .Form-J1-li input {height:28px;line-height:28px;width:81%;vertical-align:middle;padding:0;border:none;background:transparent;} .resume01 .Form-J1 .Form-J1-li .text {width:83%;vertical-align:middle; height:90px;border:none;background:transparent; resize:none;} .resume01 .Form-J1 .Form-J1-li em {color:red;vertical-align:middle;padding-left:10px;} .resume01 .Form-J1 .Form-J1-li input._yzm { width:20%;} .resume01 .Form-J1 .Form-J1-li img { vertical-align:middle; padding-left:10px; cursor:pointer;height:30px;width:100px;} .resume01 .Form-J1 .Form-J1-li b { color:#666;font-size:12px;padding-left:4px;} .resume01 .Form-J1 .Form-J1-li select {width:81%;background:transparent;border:none; height:30px;line-height:30px;} .resume01 .Form-J1 .Form-J1-Btn {clear:both;text-align:center;padding-top:30px;} .resume01 .Form-J1 .Form-J1-Btn button {width:200px;height:45px; line-height:45px;text-align:center;color:#fff;cursor:pointer; outline:none; border:none;padding:0;font-size:18px;} .resume01 .Form-J1 .Form-J1-Btn ._submit {background:#23ac38;margin-right:10px;} .resume01 .Form-J1 .Form-J1-Btn ._reset {background:#909090;} .resume01 .Form-J1 .Form-J1-li .Validform_wrong{position:absolute;right:9%;top:13px; font-size:14px;} .resume01 .Form-J1 .Form-J1-li .Validform_right{font-size:14px; display:block;} @media only screen and (max-width:1240px){ .resume01 .infor .tit{margin-top:0;} .resume01 .Form-J1 .Form-J1-li input, .resume01 .Form-J1 .Form-J1-li select{width:75%;} .resume01 .Form-J1 .Form-J1-li .text{height:68px;} } @media only screen and (max-width:992px){ .resume01 .Form-J1 .Form-J1-li input, .resume01 .Form-J1 .Form-J1-li select{width:67%; font-size:14px;} .resume01 .Form-J1 .Form-J1-li input._yzm{width:15%;} .resume01 .Form-J1 .Form-J1-li .text{height:68px;} .resume01{padding-bottom:30px;} } @media only screen and (max-width:760px){ .resume01 .infor .tit{font-size:20px; margin-top:0;} .resume01 .infor .con{line-height:1.5; font-size:15px; margin-bottom:0;} .resume01 .Form-J1{margin-top:20px;} .resume01 .Form-J1 .Form-J1-Left,.resume01 .Form-J1 .Form-J1-right{width:100%;} .resume01 .Form-J1 .Form-J1-Btn button{width:120px; line-height:32px; height:32px; font-size:16px;} .resume01 .Form-J1 .Form-J1-li img{width:85px;} .resume01 .Form-J1 .Form-J1-Btn{padding-top:10px;} } /* 简历投递 end */ /* 20220708 */ /* 隐藏工会 */ .about_us01 .infor .tab:last-child{display:none;} /* 下拉层级 */ body .select-ui-options{z-index:5;} /* 获取报价 */ .quote01 .row{width:102%;} .quote01 .row>.span-4{width:31.33333%; margin-right:2%;} .quote01 .row>.span-12{width:98%; margin-right:2%;} .quote01 .form{width:1050px; margin:0 auto;} .quote01 .form input{background:#f7f7f7; border:none; font-size:16px;} .quote01 .line1, .quote01 .line2{box-sizing:border-box; width:100%; height:48px; line-height:48px; padding:0 46px 0 13px; margin-bottom:25px;} .quote01 .form textarea{display:block; box-sizing:border-box; width:100%; border:none; background:#f7f7f7; resize:none; padding:10px 40px 10px 13px; height:149px; font-size:16px; line-height:1.5; margin-bottom:28px;} .quote01 .form #content{display:block; box-sizing:border-box; width:100%; border:none; background:#f7f7f7; resize:none; padding:10px 40px 10px 13px; height:149px; font-size:16px; line-height:1.5; margin-bottom:28px;} .quote01 .form .btns_list{text-align:center;} .quote01 .form .btns_list button{width:45%; height:45px; line-height:45px; padding:0; margin:0; border:none; outline:none; font-size:20px; color:#fff; cursor:pointer;} .quote01 .form .btns_list .sub{background-color:#23ac38; border-radius:0; float:left;} .quote01 .form .btns_list .reset{background-color:#848484; border-radius:0; float:right;} .quote01 .form .btns_list .btn{transition:.3s ease;} .quote01 .yzm_box{width:50%;} .quote01 .btns_list{width:50%;} .quote01 .yzm_box .yzm{box-sizing:border-box; padding-left:13px; line-height:48px; height:48px; width:30%; margin-right:25px;} .quote01 .yzm_box img{width:120px; height:48px; margin-right:10px;} .quote01 .yzm_box .change{color:#888787; font-size:14px; vertical-align:bottom;} @media only screen and (max-width:1240px){ .quote01 .infor .tit{margin-top:0;} .quote01 .form, .quote01 .form textarea{width:100%;box-sizing:border-box;} .quote01 .form #content{width:100%;box-sizing:border-box;} } @media only screen and (max-width:992px){ .quote01 .yzm_box{width:100%; margin-bottom:20px;} .quote01 .form .btns_list{width:100%;} .quote01 .form .btns_list .sub{margin-right:40px; float:none;width:40%;} .quote01 .form .btns_list .reset{float:none;width:40%;} } @media only screen and (max-width:760px){ .quote01 .row>.smal-12{width:98%; margin-right:2%;} .quote01{padding-top:0;} .quote01 .form{margin:0 auto;} .quote01 .form input{font-size:14px;} .quote01 .line1, .quote01 .line2{width:100%; height:40px; line-height:40px; margin:0 auto 15px; padding-left:10px; box-sizing:border-box;} .quote01 .yzm_box .yzm{padding-left:10px; width:100%; margin-bottom:15px; height:40px; line-height:40px;} .quote01 .yzm_box img{width:50%; height:40px;} .quote01 .form .btns_list button{padding:0; height:40px; line-height:40px; font-size:16px;} .quote01 .form textarea{font-size:14px; margin-bottom:15px; padding-left:10px;} .quote01 .form #content{font-size:14px; margin-bottom:15px; padding-left:10px;} } /* 20220826 */ .contact_us01 .content .left .rect-743::after{display:none;} .pro_center01 .right .list .item .img_box{overflow:hidden;} .ipart02 .content .item{background-size:auto 100%; transition:all .8s ease;} .ipart02 .content .item::after{display:none;} .ipart02 .content .item:hover{background-size:auto 110%;} .leave_message01 .infor .tit{font-size:36px; font-weight:normal; color:#293456; margin-bottom:25px;} .leave_message01 .infor .con{font-size:16px; color:#0e1530;} .ipart01 .content .right li .img_box{overflow:hidden;} .ipart01 .content .left .img_box{overflow:hidden;} .f_top .left .top .f_link{width:130px; color:#fff;} .f_top .left .top .f_link_hd{width:80%;height:40px;line-height:40px;font-size:15px;position:relative;cursor:pointer;background-color: #294580;padding:0 10%;margin-bottom: 10px;z-index:10;} .f_top .left .top .f_link_list{display:none;position:absolute;width:100%;top:100%;background:#fff;left:0;} .f_top .left .top .f_link_list a{display:block;padding:0 10%;color:#294580;} .f_top .left .top .f_link_list a:hover{background-color:rgba(41, 69, 128, 0.1);color:#294580;} /* 20220905 */ .about_us01 .content .item .img_box .play_btn{position:absolute; top:50%; right:18%; font-weight:bold; color:#fff; transform:translate(-50%, -50%); z-index:1; transition:all .5s ease; cursor:pointer;} .about_us01 .content .item .img_box .play_btn .iconfont{font-size:72px;} .about_us01 .content .item .img_box .play_btn:hover{transform:translate(-50%, -50%) scale(1.2);} /* 20220908 */ .about_us01 .infor{display:none;} .about_us01 .content .item.cur .intro_box{top:70px;} .device_list01 .content .bd{margin-top:20px} /* 2022-1025 */ .talent01 .intro .content .item{width:36%; margin:0 7%;} .ibanner .owl-nav{width:100%; position:absolute; left:0; top:50%; margin-top:-20px;} .ibanner .owl-nav div{font-size:40px; line-height:40px; position:absolute; top:0;} .ibanner .owl-nav div i{margin:0; color:#fff; font-weight:bold;} .ibanner .owl-nav .owl-prev{left:30px} .ibanner .owl-nav .owl-next{right:30px;} .ipart03 .right .li_ video{object-fit:fill;} /* 设备展示 new */ .equipment .infor{text-align:center;} .equipment .infor .tit{font-size:36px; color:#293456; position:relative;} .equipment .infor .con{font-size:16px; color:#0e1530; margin-top:10px;} .equipment .content{margin-top:30px;} .equipment .content .hd{padding:0; width:68.2%; float:left;} .equipment .content .hd .rect-70{padding-bottom:70%;} .equipment .content .hd .rect-70:after{content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4))} .equipment .content .hd .big_image{display:block;} .equipment .content .hd .big_image .intro{position:absolute; width:100%; bottom:35px; left:0; z-index:1;} .equipment .content .hd .big_image .intro .txt{padding:0 65px; font-size:25px; line-height:25px; color:#fff;} .equipment .content .tabs{font-size:0;} .equipment .content .tabs .tab{display:inline-block; line-height:46px; width:106px; text-align:center; color:#fff; background:#1f3461; margin-right:5px; font-size:16px; margin-top:5px; transition:all .5s ease;} .equipment .content .tabs .tab:last-child{margin-right:0;} .equipment .content .tabs .tab a{display:block; color:inherit;} .equipment .content .tabs .tab.cur, .equipment .content .tabs .tab:hover{background:#23ac38; color:#fff;} .equipment .content .bd{margin-top:50px; width:30.4%; float:right;padding:0 14px 0 40px; box-sizing:border-box; background:#f0f6fe;} .equipment .content .bd .bd_content{ position:relative; padding:15px 0; box-sizing:border-box; height:100%; overflow-y:auto; border-bottom:20px solid transparent;} .equipment .content .bd .bd_content::-webkit-scrollbar {width:4px; height:4px;} .equipment .content .bd .bd_content::-webkit-scrollbar-thumb {border-radius:5px; background:#23ac38;} .equipment .content .bd .bd_content::-webkit-scrollbar-track {border-radius:0; background:#f0f6fe;} .equipment .content .bd .bd_content::after{content:""; position:absolute; top:0; left:0; right:0; height:310px; background:#f0f6fe; z-index:-1;} .equipment .content .bd_content .item{float:left; width:46%; margin-right:4%; margin-bottom:17px; position:relative; background:#fff; cursor:pointer;} .equipment .content .bd_content .item::after{content:""; position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; border:2px solid #23ac38; border-radius:2px; opacity:0; visibility:hidden; transition:all .5s ease;} .equipment .content .bd_content .item.cur::after, .equipment .content .bd_content .item:hover::after{opacity:1; visibility:visible;} .equipment .content .bd_content .item .rect-70{padding-bottom:70%;} .equipment .content .bd_content .item .box{padding:20px;} .equipment .content .bd_content .item .box .txt{font-size:16px; line-height:22px; height:44px; margin-top:15px; color:#293456; text-align:center; transition:.3s ease;} .equipment .content .util-page{text-align:left;} /* 设备展示 end */ /* 2022-1103 */ .f_top .left .top .f_link{display:none;} .header .inav_wrapper .inav .nav_li .xiala_nav{display:block;} .header .inav .nav_li .xiala_nav .left .nav_img{float:left;} /* 导航 */ .header .inav_wrapper{float:right; margin-right:50px; color:#fff;} .header .inav_wrapper .nav_li{display:inline-block; padding:38px 26px;} .header .inav_wrapper .nav_li .nav_a{display:block; position:relative; line-height:24px; font-size:18px; } .header .inav_wrapper .nav_li .nav_a::after{content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:#23ac38; transition:all .5s ease;} .header .inav_wrapper .nav_li .nav_a:hover{color:unset;} .header .inav_wrapper .nav_li .nav_a:hover::after{width:100%;} /* .header .inav_wrapper .nav_li .nav_a:hover{color:#23ac38;} */ /* 导航下拉 */ .header .nav_down{position:absolute; left:0; top:100%; width:100%; height:300px;/* box-shadow:0px 2px 13px 1px rgba(0,0,0,0.2) inset;*/ overflow:hidden; display:none;} .header .nav_down .wrap{height:100%; background:rgba(255,255,255,.9);} .header .nav_down .left{float:left; width:23%; padding-top:60px; min-height:300px; box-sizing:border-box; margin:0 1.75%;} .header .nav_down .left .rect-5652{padding-bottom:56.52%;} .header .nav_down .center{min-height:300px; float:left; width:52%;} .header .nav_down .right{width:21.5%; float:right; background:#23ac38; padding-top:60px; min-height:300px; box-sizing:border-box; position:relative;} /* .header .nav_down .right:before{content:''; width:700px; height:100%; position:absolute; top:0; left:90%; background:#23ac38; pointer-events:none;} */ .header .nav_down .right:after{content:''; width:232px; height:71px;background:url(../img/nav_down_logo.png) no-repeat center; position:absolute; left:55px; bottom:28px;} .header .nav_down .right dl{ padding-left:16%; position:relative; z-index:2;} .header .nav_down .right dl dt{font-size:28px; font-weight:bold; color:#fff; line-height:28px; margin-bottom:24px;} .header .nav_down .right dl dd{font-size:16px; color:#fff; line-height:37px;} .header .nav_down .right dl dd a:hover{color:rgba(255, 255, 255, 0.6);} .header .nav_down .left .pro_list{overflow:hidden; padding-right:6%;} .header .nav_down .left .pro_list ul{width:102%;} .header .nav_down .left .pro_list .item{float:left; width:14.666667%; margin-right:2%; margin-bottom:2%;} .header .nav_down .left .pro_list .item>a{display:block;} .header .nav_down .left .pro_list .item .img_box{background:#fff; text-align:center;} .header .nav_down .left .pro_list .item .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all .8s ease;} .header .nav_down .left .pro_list .item .intro_box{padding:10px; padding-right:0; border-top:3px solid #23ac38; font-size:14px; background:#ddd;} .header .nav_down .left .pro_list .item .intro_box .tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .header .nav_down .left .pro_list .item .intro_box .iconfont{display:none;} .header .nav_down .left .pro_list .item:hover .img_box img{transform:translate(-50%, -50%) scale(1.1);} .header .inav .nav_li{position:relative; padding:39px 36px;} .header .inav .nav_li .sec_nav{position:absolute; width:100%; top:100%; left:0; z-index:3; height:300px; display:none;} .header .inav .nav_li .sec_nav ul{padding:20px 0; height:100%; box-sizing:border-box; transition:all 0.5s ease;} .header .inav .nav_li .sec_nav ul li{font-size:15px; color:#8f8f8f; line-height:38px; text-align:center;} .header .inav .nav_li .sec_nav ul:hover{background:#23ac38;} .header .inav .nav_li .sec_nav ul:hover li{color:#fff;} .header .inav .nav_li .sec_nav ul:hover li:hover {background:rgba(255,255,255,.5); color:#fff;} .header .inav .nav_li .sec_nav ul li a:hover{color:#fff} .header .inav .nav_li.hover .sec_nav ul{background:#23ac38;} .header .inav .nav_li.hover .sec_nav ul li{color:#fff;} .header .inav .nav_li.hover .sec_nav ul li:hover{background:rgba(255,255,255,.5); color:#fff;} .about_us03 .content .item .con{font-size:20px;} .bg-primary{background:#23ac38;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:#23ac38;} body .resultArea .content_form .piclist_area .srchList li .intro .t{font-size:20px;} /* 2022-12-15 */ .history01 .bd_l{float:left;} .history01 .bd_r{float:right;} .xc_pageHeader .header .h_tools .h_mail{color:#000;} .xc_pageHeader .header .h_tools .h_mail .icon{background:url(../img/h_mail.png) no-repeat center/contain;} .header .h_tools .h_mail{display:block; padding:39px 0; font-size:16px; line-height:24px; color:#fff; margin-left:20px;} .header .h_tools .h_mail:hover{color:#23ac38;} .header .h_tools .h_mail .icon{display:inline-block; width:24px; height:24px; background:url(../img/h_mail.png) no-repeat center/contain; vertical-align:top;} .header .h_tools .h_mail .text{display:inline-block; vertical-align:top;} .header .inav .nav_li{padding:39px 32px;} /* .header .nav_down .left{width:18%;;} .header .inav_wrapper{margin-right:30px;} */ .header .h_logo{padding:31px 0;}