/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width: 100%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right: 0;*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:100%; margin-right:0;}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*挂件分页样式*/ .util-page{ font-size:0; color:#000; text-align:center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color:#000;display:inline-block;border:1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align:middle;margin:0 0 10px -1px;background:#fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#fac109;} .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:1540px; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1540px\9; overflow-x:auto; font-size:16px;} /*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:#fac109;} ::-moz-selection {color:#fff; background:#fac109; } ::selection {color:#fff; background:#fac109; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#fac109; outline:0; box-shadow:inset 0 1px 1px #fac109, 0 0 6px #fac109;} .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) } /* 网站样式 */ /* 导航 */ .xc_pageHeader{height:90px;} .header{position:fixed; top:0; left:50%; transform:translateX(-50%); width:100vw; z-index:99; border-bottom:1px solid rgba(255, 255, 255, .18); transition:all .2s ease-in-out;} .header .h_logo{float:left; padding:30px 0;} .header .h_logo a{display:block; margin:0; padding:0; font-size:0;} .header .inav_wrapper{float:right; width:53%; transition:all 0.4s ease-in-out;} .header .inav_wrapper .nav_li{font-size:16px; line-height:1; color:#fff; float:left; margin:0 3%; cursor:pointer; transition:all .2s ease-in-out;} .header .inav_wrapper .nav_li:first-child{margin-left:0;} .header .inav_wrapper .nav_li:last-child{margin-right:0;} .header .inav_wrapper .nav_li .nav_a{display:block; padding:38px 0px; position:relative;} .header .inav_wrapper .nav_li .nav_a:hover{} .header .inav_wrapper .nav_li .nav_a:after{content:''; width:100%; height:5px; background:#fac109; position:absolute; left:0; transition:all 0.5s ease; transform:scale(0); bottom:0px} .header .inav_wrapper .nav_li.cur .nav_a:after{transform:scale(1);} .header .inav_wrapper .nav_li:hover .nav_a:after{transform:scale(1);} .header .inav_wrapper .nav_li .nav_down{position:absolute; left:50%; transform:translateX(-50%); top:100%; width:100vw;} .header .inav_wrapper .nav_li .nav_down{padding:40px 0; background:url(../img/xl2.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:cover; display:none;} .header .inav_wrapper .nav_li .nav_down .left{width:60%; float:left;} .header .inav_wrapper .nav_li .nav_down .left .content .intro .title{font-size:24px; line-height:1; color:#000;} .header .inav_wrapper .nav_li .nav_down .left .content .intro{float:left; width:52.5%;} .header .inav_wrapper .nav_li .nav_down .left .content .intro ul{margin-top:32px;} .header .inav_wrapper .nav_li .nav_down .left .content .intro ul li{width:39%; line-height:32px; font-size:16px; position:relative; float:left; padding-left:3%; color:#414141;} .header .inav_wrapper .nav_li .nav_down .left .content .intro ul li:before{content:''; width:6px; height:9px; background:url(../img/xl_jt.png) no-repeat; position:absolute; left:0; top:50%; transform:translateY(-50%);} .header .inav_wrapper .nav_li .nav_down .left .content .intro ul li:hover::before{background-position:0 -9px;} .header .inav_wrapper .nav_li .nav_down .left .content .img{width:40%; float:right;} .header .inav_wrapper .nav_li .nav_down .left .content .img .rect-62{padding-bottom:62%;} .header .inav_wrapper .nav_li .nav_down .right{float:right; width:28%;} .header .inav_wrapper .nav_li .nav_down .right .tit{font-size:32px; line-height:32px; color:#343434; font-weight:lighter;} .header .inav_wrapper .nav_li .nav_down .right .con{margin-top:28px; font-size:14px;line-height:28px; color:#343434; } .header .h_tools{float:right; width:21%; transition:all 0.4s ease-in-out;} .header .h_tools .h_search{padding:25px 5%; float:right; cursor:pointer; padding-left:0;} .header .h_tools .h_search .icon{height:40px; width:40px; border-radius:40px; overflow:hidden; text-align:center; line-height:40px; background:rgba(0,0,0,0.15); transition:all .2s ease-in-out;} .header .h_tools .h_search i{display:inline-block; color:#fff; padding:0; margin:0; font-size:20px; line-height:1;} .header .h_tools .h_price{float:right; padding:34px 5%; cursor:pointer;} .header .h_tools .h_lan{padding:25px 5%; float:right; cursor:pointer;} .header .h_tools .h_lan .icon{height:40px; width:40px; border-radius:40px; overflow:hidden; text-align:center; line-height:40px; background:rgba(0,0,0,0.15); } .header .h_tools .h_lan i{display:inline-block; color:#fff; padding:0; margin:0; font-size:20px; line-height:1;} .header .h_tools .h_lan .h_lan_down{position:absolute; top:100%; left:50%; transform:translateX(-50%); width:100vw; background:#fff; padding:40px 0; display:none;} .header .h_tools .h_lan .h_lan_down .title{font-size:24px; line-height:1.5; font-weight:bold; color:#000;} .header .h_tools .h_lan .h_lan_down ul{font-size:0; margin-top:30px;} .header .h_tools .h_lan .h_lan_down ul li{display:inline-block; vertical-align:top; min-width:20%; padding-right:30px; font-size:20px; line-height:1.5;} .header .h_tools .h_price .h_price_down{position:absolute; top:100%; left:50%; transform:translateX(-50%); width:100vw; background:#fff; padding:40px 0; display:none;} .header .h_tools .h_price .h_price_down .title{font-size:24px; line-height:1.5; font-weight:bold; color:#000;} .header .h_tools .h_price .h_price_down ul{font-size:0; margin-top:30px;} .header .h_tools .h_price .h_price_down ul li{display:inline-block; vertical-align:top; min-width:20%; padding-right:30px; font-size:20px; line-height:1.5;} .header .h_tools .h_price{float:right; padding:34px 5%; cursor:pointer;} .header .h_tools .h_m_nav{float:right; padding:34px 5%; cursor:pointer; display:none;} .header .h_tools .h_m_nav i{display:block; padding:0; margin:0; font-size:22px; color:#fff; font-weight:200; line-height:1; padding-right:0; transform:all .2s ease-in-out;} .header .h_tools .h_company{float:right; padding:34px 5%; cursor:pointer; padding-right:0;} .header .h_tools .h_company i{display:block; padding:0; margin:0; font-size:22px; color:#fff; font-weight:200; line-height:1; padding-right:0; transform:all .2s ease-in-out;} /*导航搜索*/ .header .search_box{position:absolute; top:19px; right:13%; width:500px; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); transition:all 0.4s ease-in-out; opacity:1; visibility:visible;} .header .search_box input{width:385px;height:48px; border:1px solid #d4d4d4;line-height:48px;padding-left:20px;outline:none;font-size:16px;padding-right:50px;background-color:#fff; border-radius:30px;} .header .search_box button{cursor:pointer; position:absolute; right:60px; top:50%; transform:translateY(-50%); color:#fff; text-decoration:none; outline:none; border:none; height:40px; width:40px; border-radius:40px; overflow:hidden; text-align:center; line-height:40px; background:#fac109; } .header .search_box .search_close{cursor:pointer;font-size:20px; position:absolute; right:8px; top:0; line-height:48px; color:#86807f; text-decoration:none; margin:0;} .header .search_box.search_hide {-webkit-transform:scale(0);-ms-transform:scale(0); transform:scale(0); opacity:0; visibility:hidden;} /* 点击搜索隐藏导航 */ .head_hide{-webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); visibility:hidden; opacity:0;} /* 右侧导航 */ /* LNB */ .lnb .lnb_bg{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/black.6.png); 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:#fac109; color:#000;} .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:url(../img/black.6.png); 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:rgba(0,0,0,0.4);} .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} .pageHeader:hover{background:#fff;} .header:hover{background:#fff;} .pageHeader.on{background:#fff;} .pageHeader.on .header{background:#fff;} .header:hover .inav_wrapper .nav_li{color:#000;} .header:hover .h_tools .h_company i{color:#fac109;} .header .h_tools .h_search:hover .icon{background:#fac109;} .header .h_tools .h_lan:hover .icon{background:#fac109;} .pageHeader.fixed .header{background:#fff; box-shadow:0 0 15px rgb(0 0 0 / 20%);} .pageHeader.fixed .header .inav_wrapper .nav_li{color:#000;} .pageHeader.fixed .header .h_tools .h_company i{color:#fac109;} .pageHeader.fixed .header .h_tools .h_m_nav i{color:#fac109;} .pageHeader.fixed .header .h_tools .h_search .icon{background:#fac109;} .pageHeader.fixed .header .h_tools .h_lan .icon{background:#fac109;} .pageHeader.fixed .header{border:none} /* 点击搜索加类名fix 不然太阳成集团tyc122cc入口导航会透明底 */ .pageHeader.fix{background:#fff;} /* 底部 */ .pageFooter{background:#21252c; position:relative; z-index:5; background:url(../img/footer_bg.jpg) no-repeat right bottom; background-size:cover;} .f_top {padding:60px 0 50px; border-bottom:1px solid #fff; border-color:rgba(255,255,255,.2);} .f_top .left{float:left; width:70%;} .f_top .left .common_more{float:left; width:29%; margin-right:4%; padding:0 40px; box-sizing:border-box; background:#383f49; line-height:64px; height:64px;} .f_top .left .common_more a{display:block; font-size:0;} .f_top .left .common_more span{display:inline-block; font-size:18px; vertical-align:middle; color:#fff;} .f_top .left .common_more i{display:inline-block; width:30px; height:30px; vertical-align:middle; margin-right:25%;} .f_top .left .common_more i.icon1{background:url(../img/f_icon6.png) no-repeat center; background-size:cover;} .f_top .left .common_more i.icon2{background:url(../img/f_icon7.png) no-repeat center; background-size:cover;} .f_top .left .common_more i.icon3{background:url(../img/f_icon8.png) no-repeat center; background-size:cover;} .f_top .left .common_more i.icon4{background:url(../img/f_icon8.png) no-repeat center; background-size:cover;} .f_top .right{float:right; margin-top:32px;} .f_top .right .f_share a{display:inline-block; width:25px; height:25px; margin-left:9px; background-size:cover;} .f_top .right .f_share a:first-child{margin-left:0;} .f_top .right .f_share a.icon1{background:url(../img/f_icon1.png) no-repeat center;} .f_top .right .f_share a.icon2{background:url(../img/f_icon2.png) no-repeat center;} .f_top .right .f_share a.icon3{background:url(../img/f_icon3.png) no-repeat center;} .f_top .right .f_share a.icon4{background:url(../img/f_icon4.png) no-repeat center;} .f_cen{padding:70px 0 30px;} .f_cen .left{width:25%; float:left;} .f_cen .left .f_logo{margin-bottom:35px;} .f_cen .left .f_tel{font-size:15px; line-height:30px; color:#8a97a9; margin-bottom:15px;} .f_cen .left .f_tel .icon{display:inline-block; width:18px; height:18px; background:url(../img/f_icon10.png) no-repeat center; vertical-align:middle; margin-right:5px; background-size:100%;} .f_cen .left .f_addr{font-size:15px; line-height:15px; color:#8a97a9;} .f_cen .left .f_addr .icon{display:inline-block; width:24px; height:24px; background:url(../img/f_icon9.png) no-repeat center; vertical-align:middle; margin-right:5px; background-size:auto 100%;} .f_cen .right{width:70%; float:right;} .f_cen .right dl{float:right; width:auto; margin-left:8%;} .f_cen .right dl:last-child{margin-left:0;} .f_cen .right dl dt{font-size:20px; line-height:1; color:#fff; margin-bottom:20px;} .f_cen .right dl dd{font-size:15px; line-height:1; color:#98a5b9; margin-bottom:15px;} .f_cen .right dl dd:last-child{margin-bottom:0;} .f_cen .right .dl02{white-space:nowrap; font-size:0;} .f_cen .right .dl02 .left_{display:inline-block; width:40%; position:relative; padding-right:10%; text-align:right;} .f_cen .right .dl02 .left_::after{position:absolute; right:0; width:1px; height:100%; background:#2f353d; top:0; content:'';} .f_cen .right .dl02 .right_{display:inline-block; width:40%; padding-left:10%;} .f_bottom{font-size:15px; line-height:30px; color:#768190; padding:19px 0; border-top:1px solid #fff; border-color:rgba(255,255,255,.2);} .f_bottom .left{float:left;} .f_bottom .right{float:right;} .m_nav{position:fixed; left:0; top:0px; right:0; width:100%; background:#fff; z-index:20; height:100vh; left:100%; transition:all 0.5s ease; overflow:auto;} .m_nav.cur{left:0;} .m_nav .m_wrap{padding:0 40px;} .m_nav .mNav_top{background:#fff; border-bottom:1px solid #dfdfdf;} .m_nav .mNav_top .m_Hlogo{float:left; padding:32px 0 27px; margin-left:37px;} .m_nav .mNav_top .m_Hlogo a{display:block; font-size:0} .m_nav .mNav_top .m_close{float:right; width:114px; height:94px; background:url(../img/m_close.png) no-repeat center;} .m_nav .m_lan{padding:35px 0 45px;} .m_nav .m_lan a{display:inline-block; font-size:26px; line-height:30px; color:#323232; margin-right:30px; position:relative; padding-bottom:7px;} .m_nav .m_lan a.en{font-size:28px; line-height:30px; color:#323232; font-family:Arial;} .m_nav .m_lan a.cur:after{content:''; width:100%; height:4px; background:#fac109; position:absolute; left:0; bottom:0;} .m_nav .m_lan a:hover:after{content:''; width:100%; height:4px; background:#fac109; position:absolute; left:0; bottom:0;} #li0_0:hover:after{width:19%;} .m_nav .m_sear{margin-bottom:40px;} .m_nav .m_sear form{border:1px solid #fac109; border-radius:50px; height:78px; line-height:78px; position:relative;} .m_nav .m_sear .inp{width:100%; height:78px; line-height:78px; padding:0; font-size:20px; background:transparent; border:none; color:#323232; text-indent:43px;} .m_nav .m_sear .btns{background:none; border:none; padding:0; margin:0;} .m_nav .m_sear .btns .icon{display:block; width:32px; height:32px; background:url(../img/m_search.png) no-repeat center; position:absolute; right:37px; top:50%; margin-top:-16px;} .m_nav .m_link{font-size:0; background:#37454d; padding:50px 0 40px; position:absolute; bottom:0; left:0; width:100%;} .m_nav .m_link a{display:inline-block; font-size:15px; line-height:24px; color:#fff; padding-right:50px; position:relative; margin-bottom:10px;} .m_nav .m_link a:after{content:''; width:1px; height:20px; background:#fff; background:rgba(255,255,255,.7); position:absolute; right:25px; top:50%; margin-top:-10px;} .m_nav .m_link a:last-child:after{display:none;} /* 手机端导航 */ .m_nav .mNav_bott .first_ul{height:auto; overflow-y:auto;} .m_nav .mNav_bott .m_navli{position:relative; transition:all 0.3s ease-out; border-bottom:solid 1px #ededed;} .m_nav .mNav_bott .m_navli>a{display:block; padding:23px 35px 23px 2px; font-size:22px; position:relative; overflow:hidden; color:#323232;} .m_nav .mNav_bott .m_navli>a:after, .m_nav .mNav_bott .m_navli>a:before{content:''; background:#959595; width:28px; height:4px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;} .m_nav .mNav_bott .m_navli>a:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} .m_nav .mNav_bott .m_navli>a:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;} /* .m_nav .mNav_bott .m_navli.active{background:#2a7ecc;} */ .m_nav .mNav_bott .m_navli.active>a:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#959595;} .m_nav .mNav_bott .m_navli.active>a:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#959595;} /* .m_nav .mNav_bott .m_navli.active>a{border-bottom:solid 1px #58a3e7; font-weight:bold;} */ .m_nav .mNav_bott .m_navli .m_secNav{display:none; background:#fafafa;} .m_nav .mNav_bott .m_navli .m_secNav ul{font-size:0; padding:18px 0;} .m_nav .mNav_bott .m_navli .m_secNav li{font-size:18px;} .m_nav .mNav_bott .m_navli .m_secNav li>a{padding:8px 50px; line-height:34px; display:block; position:relative; color:#2f2f2f; color:rgba(47,47,47,.8)} .m_nav .mNav_bott .m_navli .m_secNav li>a:hover{color:#fac109;} .m_nav .mNav_bott .m_navli .m_secNav li>a.cur{color:#fac109;} /*无连接的话去掉加号*/ .m_nav .mNav_bott .m_navli.nav_link>a:after, .m_nav .mNav_bott .m_navli.nav_link>a:before{display:none;} .m_nav .mNav_bott .m_navli.nav_link.active>a:before, .m_nav .mNav_bott .m_navli.nav_link.active>a:before{display:none;} .m_nav .mNav_bott .m_navli.nav_link a:after{content:''; display:block; width:16px; height:16px; background:url(../img/link_ico.png) no-repeat center; position:absolute; top:0; bottom:0; right:15px;} .ibanner{height:100vh; background:#fff;} .ibanner{position:relative;width:100%;height:100vh;overflow:hidden;} .ibanner .infor{position:absolute; top:45%; left:140px; width:100%; margin-top:-100px; z-index:10; display:none;} .ibanner .swiper-slide-active .infor{display:block;} .ibanner .infor .tit{font-size:60px; color:#fff; font-weight:bold; letter-spacing:0.05em; width:100%;} .ibanner .infor .con{font-size:18px; line-height:33px; color:#fff; letter-spacing:0.07em; width:100%;} .ibanner .infor img{display:block;} .ibanner .infor .img_circle{position:relative; margin-top:26px; width:34px; height:20px; overflow:hidden;} .ibanner .infor .img_circle img{position:absolute; top:0; right:0; max-width:none; width:34px;} .ibanner .swiper .img_ img{width:100vw; position:absolute; left:50%; height:100vh; object-fit:cover; max-width:none; min-height:100%; top:0; transform:translateX(-50%);} .ibanner .iban_dots{position:absolute; left:35px; bottom:40px; z-index:2;} .ibanner .iban_dots .owl-dots .owl-dot{display:inline-block; margin:0 5px; width:100px;} .ibanner .iban_dots .owl-dots .owl-dot span{display:block; font-size:15px; color:#fff;} .ibanner .iban_dots .owl-dots .owl-dot .dot_line{width:100%; height:5px; background:rgba(255,255,255,.4); margin-top:20px; position:relative;} .ibanner .iban_dots .owl-dots .owl-dot .dot_line span{position:absolute; top:0; left:0; bottom:0; width:0; height:100%; background:#161798;} .ibanner .iban_dots .owl-dots .owl-dot.active .dot_line span{width:0; overflow:hidden;} .ibanner .swiper-button-prev{width:52px; height:52px; background:url(../img/prev.png) no-repeat center; background-size:cover; position:absolute; left:0; top:50%; margin-top:-26px; transition:all 0.5s ease;} .ibanner .swiper-button-next{width:52px; height:52px; background:url(../img/next.png) no-repeat center; background-size:cover; position:absolute; right:0; top:50%; margin-top:-26px; transition:all 0.5s ease;} .ibanner .swiper-button-prev:hover{background:url(../img/prev_on.png) no-repeat center;} .ibanner .swiper-button-next:hover{background:url(../img/next_on.png) no-repeat center;} .ibanner .swiper-button-prev::after,.ibanner .swiper-button-next::after{display:none;} .ibanner .btn-area{position:absolute; right:160px; bottom:40px; display:flex;align-items:flex-end;justify-content:flex-start; z-index:1} .ibanner .btn-area .btn-stop, .ibanner .btn-area .btn-play{display:inline-block;width:28px;height:0;overflow:hidden;} .ibanner .btn-area .btn-stop{background:url(../img/btn-slider-stop.png) no-repeat center} .ibanner .btn-area .btn-play{display:none;background:url(../img/btn-slider-play.png) no-repeat center} .ibanner .swiper-pagination{position:static} .ibanner .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:200px; height:auto; margin:0 12px!important;vertical-align:middle;background:transparent;opacity:1;outline:none;} .ibanner .swiper-pagination .swiper-pagination-bullet .tit{font-size:15px; color:#fff; text-align:left; opacity:.6; transition:all .5s ease;} .ibanner .swiper-pagination .swiper-pagination-bullet-active .tit{opacity:1;} .ibanner .swiper-pagination-bullet-active .timer, .ibanner .swiper-pagination-bullet .timer{display:block; position:relative;width:200px;height:2px; margin-top:10px; background:transparent;opacity:1} .ibanner .swiper-pagination-bullet .timer::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.34;content:''} .ibanner .swiper-pagination-bullet .process{display:block;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#fff;transition-property:width;transition-timing-function:linear;} .ibanner .swiper-pagination-bullet.play .process{opacity:1;width:100%;} .ibanner .swiper-pagination-bullet.play.stop .process{transition:none} .ibanner .visual-con{position:relative;width:100%;height:100%} .ibanner .visual-con .img_{position:absolute;top:0;left:0;width:100%;height:100%; overflow:hidden;} .ibanner .visual-con .img_ img{/*width:100%;height:100%;*/} .ibanner .visual-con .img_ video{transform:translate(-50%, -50%);position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100} .ibanner .visual-con .img_ .video_overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1); z-index:0;} .ibanner .swiper-slide .visual-con{clip-path:none;width:0;} .ibanner .swiper-slide-prev .visual-con{ clip-path:polygon(0% -150%, 100% -150%, 100% -20%, 0% 0%); width:100%;height:100%; transition:clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1); } .ibanner .swiper-slide-active .visual-con{ clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%); width:100%;height:100%; transition:clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1); } .ibanner .left-area{position:absolute; top:50%; left:35px; transform:translateY(-50%); z-index:1;} .ibanner .left-area .pagination-left .line{width:15px; height:2px; padding:7px 0; transition:all .5s ease; cursor:pointer;} .ibanner .left-area .pagination-left .line::after{content:""; display:block; width:100%; height:2px; background:rgba(255,255,255,0.3);} .ibanner .left-area .pagination-left .line:first-child{margin-top:0;} .ibanner .left-area .pagination-left .line.active{width:30px;} .ibanner .left-area .pagination-left .line.active::after{background:rgba(255,255,255,1);} .ibanner .scroll_down{position:absolute; left:140px; bottom:80px; z-index:1;} .ibanner .scroll_down .txt{font-size:14px; color:#fff;} .ibanner .scroll_down .line{display:block; width:3px; height:66px; position:absolute; top:40px; left:0; overflow:hidden;} .ibanner .scroll_down .line:before{height:100%; background:rgba(255,255,255,.57); opacity:.3; left:0; top:0; bottom:0; content:''; position:absolute; width:2px;} .ibanner .scroll_down .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%; } } .ipart01{background:url(../img/ipart1_bg.jpg) no-repeat center; background-size:cover;} .ipart01 .hd{font-size:19px; color:#000; line-height:1; border:1px solid #dddfdf;} .ipart01 .hd .swiper-slide{width:auto !important;} .ipart01 .hd .swiper-slide span{display:block; padding:40px 47px; position:relative; transition:all .2s ease-in-out; cursor:pointer;} .ipart01 .hd .swiper-slide span::after{position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:url(../img/ipart1_2.png) no-repeat; background-size:cover; width:0; height:7px; transition:all .2s ease; content:'';} .ipart01 .hd .swiper-slide.swiper-slide-active span{font-size:21px; font-weight:bold;} .ipart01 .hd .swiper-slide.swiper-slide-active span::after{width:100%;} .ipart01 .bd{position:relative;} .ipart01 .bd .title{font-size:20px; line-height:1; font-weight:bold; text-align:center; color:#000; margin-top:90px; margin-bottom:55px;} .ipart01 .bd .swiper-slide{padding-bottom:40px; text-align:center; -webkit-filter:grayscale(100%); filter:grayscale(100%); transition:all .2s ease-in-out;} .ipart01 .bd .swiper-slide.swiper-slide-active{-webkit-filter:grayscale(0%); filter:grayscale(0%);} .ipart01 .bd .swiper-slide .img_{display:inline-block; width:75%;} .ipart01 .bd .rect-54{padding-bottom:54%;} .ipart01 .bd .btn_{text-align:center; font-size:0; display:none; margin-top:40px;} .ipart01 .bd .swiper-slide.swiper-slide-active .btn_{display:block;} .ipart01 .bd .btn_ .btn{margin:0; padding:0; width:180px; height:50px; line-height:50px; font-size:14px; color:#000; border:1px solid #000; margin-right:20px; transition:all .4s ease-in-out;} .ipart01 .bd .btn_ .btn:last-child{margin-right:0;} .ipart01 .bd .btn_ .btn:hover{font-weight:bold; color:#fff; background:#424a52;} .ipart01 .bd .swiper-button-prev{background:url(../img/ipart1_left.png) no-repeat center; background-size:cover; width:56px; height:50px; border-radius:0; left:20%; opacity:1;} .ipart01 .bd .swiper-button-next{background:url(../img/ipart1_right.png) no-repeat center; background-size:cover; width:56px; height:50px; border-radius:0; right:20%; opacity:1;} .ipart02{position:relative; height:120vh; overflow:hidden;} .ipart02 .container{position:absolute; top:0; left:0; width:100%; height:100%;} .ipart02 .container .infor{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; width:100%; text-align:center;} .ipart02 .container .infor .en_tit{font-size:14px; line-height:1; text-align:center; color:#fac109; font-weight:bold;} .ipart02 .container .infor .tit{font-size:46px; line-height:1; text-align:center; color:#fff; font-weight:bold; margin-top:20px;} .ipart02 .container .infor .con{font-size:14px; line-height:2; text-align:center; color:#fff; font-weight:bold; margin-top:20px;} .ipart02 .container .infor .item_list{font-size:0; white-space:nowrap; margin-top:50px; text-align:center;} .ipart02 .container .infor .item_list .item{text-align:center; display:inline-block; margin-right:6%;} .ipart02 .container .infor .item_list .item:last-child{margin-right:0;} .ipart02 .container .infor .item_list .item .t{font-size:18px; font-weight:bold; line-height:1; color:#fff; margin:10px 0;} .ipart02 .container .infor .item_list .item .c{font-size:14px; line-height:2; color:#fff;} .ipart02 .container .infor .more{display:inline-block; width:220px; height:55px; /*border:1px solid #fff; */line-height:53px; font-size:18px; color:#fff; margin-top:50px;} .ipart02 .container .infor .more .icon{display:inline-block; font-size:0; vertical-align:middle;} .ipart02 .container .infor .more i{display:inline-block; font-size:30px; width:30px; height:30px; border-radius:30px; border:1px solid #fff; line-height:34px; text-indent:.5em;} .ipart02 .container .infor .more a{display:inline-block; vertical-align:middle;margin-left:1em;} .ipart02 .container .content{position:relative; height:100%; z-index:1;} .ipart02 .container .content::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .42); z-index:1;} .ipart02 .container .list{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; transform:rotate(-10deg) scale(1.3);} .ipart02 .container .list .row{height:31.83%; margin-top:1.5%;} .ipart02 .container .list .row ul{height:100%;} .ipart02 .container .list .row .item{float:left; position:relative; width:23.5%; height:100%; margin-right:1.5%; border-radius:30px; background:#000; overflow:hidden;} .ipart02 .container .list .row .item img{max-width:none; width:100%; height:100%; object-fit:cover;} .ipart03{position:relative; overflow:hidden; padding:80px 0;} .ipart03 .infor{} .ipart03 .infor .en_tit{font-size:14px; line-height:1; color:#fac109; font-weight:bold;} .ipart03 .infor .label{margin-top:20px;} .ipart03 .infor .label .title{font-size:46px; line-height:1; color:#000; font-weight:bold; float:left;} .ipart03 .infor .label .item_list{float:right; position:relative; width:auto; transition:all .2s ease-in-out;} .ipart03 .infor .label .item_list::after{position:absolute; top:.5em; width:80%; height:1px; content:''; background:#ebebeb; left:50%; transform:translateX(-50%); z-index:-1;} .ipart03 .infor .label .item_list .item{float:left; font-size:14px; line-height:1; margin-right:65px; text-align:center; cursor:pointer; width:auto;} .ipart03 .infor .label .item_list .item:last-child{margin-right:0;} .ipart03 .infor .label .item_list .item .icon{margin-bottom:10px;} .ipart03 .infor .label .item_list .item i{margin:0; padding:0; transform:rotateZ(45deg); background:#ebebeb; display:inline-block; width:1em; height:1em;} .ipart03 .infor .label .item_list .item.cur{color:#fac109;} .ipart03 .infor .label .item_list .item.cur i{background:#fac109;} .ipart03 .content{margin-top:65px; overflow:hidden;} .ipart03 .content .new_box{display:block;} .ipart03 .content .new_box .img_{position:relative;} .ipart03 .content .new_box .rect-524{padding-bottom:52.4%;} .ipart03 .content .new_box .img_ .tit{font-size:14px; color:#fff; font-weight:bold; padding:10px 25px; background:#000; transition:all .2s ease-in-out; position:absolute; left:0; bottom:0;} .ipart03 .content .new_box .img_ .tit:hover{background:#fac109;} .ipart03 .content .new_box .new_text{margin-top:35px;} .ipart03 .content .new_box .new_text .time{font-size:14px; color:#000; line-height:1;} .ipart03 .content .new_box .new_text .tit{font-size:24px; line-height:1.3; color:#000; margin-top:5px; margin-bottom:15px;} .ipart03 .content .new_box .new_text .con{font-size:15px; line-height:2; color:#535353;} .ipart03 .content .swiper_tools{white-space:nowrap; margin-top:65px; box-sizing:border-box;} .ipart03 .content .swiper-button-prev,.ipart03 .content .swiper-button-next{position:static; margin:0; opacity:1; outline:none; display:inline-block; background:none; vertical-align:middle;} .ipart03 .content .swiper-button-prev i,.ipart03 .content .swiper-button-next i{font-size:2em; padding:0; margin:0; font-weight:bold; transition:all .2s ease-in-out; color:#fac109;} .ipart03 .content .swiper-button-prev.swiper-button-disabled i,.ipart03 .content .swiper-button-next.swiper-button-disabled i{color:#bfbfbf;} .ipart03 .content .swiper-scrollbar{position:static; margin:0; width:calc(100% - 4em); display:inline-block; vertical-align:middle; height:1px; margin-top:-1px;} .ipart03 .content .swiper-scrollbar .swiper-scrollbar-drag{background:#fac109;} .ipart04{position:relative; height:100vh; overflow:hidden;} .ipart04 .content{position:relative; height:100%; z-index:1;} .ipart04 .content .ipart04_bg{width:100%; object-fit:cover;} .ipart04 .content video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100vw; height:100vh; object-fit:cover;} .ipart04 .overlay{position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; opacity:0; overflow:hidden; pointer-events:none;} .ipart04 .overlay .img_logo{position:absolute; top:0; left:0; width:100vw; height:100vh; z-index:3; background-position:center; background-repeat:no-repeat; background-size:100%;} .ipart04 .overlay .intro_box{position:absolute; left:0; right:0; top:59%; text-align:center; z-index:4; height:100vh; opacity:0;} .ipart04 .overlay .intro_box .txt{font-size:46px; color:#000; font-weight:bold; line-height:1; opacity:0;} .ipart04 .overlay .intro_box .arrow{margin-top:60px; opacity:0;} .ipart04 .overlay .intro_box .arrow .tit{line-height:1; color:#bfbfbf; font-size:14px;} .ipart04 .overlay .intro_box .arrow i{font-size:40px; margin-top:35px; width:35px; height:35px; line-height:37px; border-radius:50%; border:2px solid #bfbfbf; display:inline-block; color:#bfbfbf; text-indent:70%;} .ipart04 .play_overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; } .ipart04 .play_overlay .play_btn{position:absolute; display:block; top:50%; left:50%; width:100px; height:100px; transform:translate(-50%, -50%);} .ipart04 .play_overlay .play_btn{position:absolute; display:block; top:50%; left:50%; width:100px; height:100px; transform:translate(-50%, -50%); } .ipart04 .play_overlay .play_btn .icon{width:100%; height:100%; background:url(../img/play_button.png) center/contain no-repeat;} .ipart04 .play_overlay .play_btn::before{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index:-1;} .ipart04 .play_overlay .play_btn::after{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index:-1; } .ipart04 .play_overlay .play_btn::before{animation:scale 2s ease-out infinite; background:#fff; opacity:0.5; animation-delay:0;} .ipart04 .play_overlay .play_btn::after{animation:scale2 2s ease-out infinite; background:#fff; opacity:0.3; animation-delay:0;} @keyframes scale{0%{transform:translate(-50%, -50%) scale(1); opacity:.9} 100%{transform:translate(-50%, -50%) scale(7); opacity:0;}} @keyframes scale2{0%{transform:translate(-50%, -50%) scale(1); opacity:.9;} 100%{transform:translate(-50%, -50%) scale(10);opacity:0;}} /* 下层导航 */ .pageHeader.xc_pageHeader .header{background:#fff; box-shadow:0 0 15px rgb(0 0 0 / 20%);} .pageHeader.xc_pageHeader .header .inav_wrapper .nav_li{color:#000;} .pageHeader.xc_pageHeader .header .h_tools .h_company i{color:#fac109;} .pageHeader.xc_pageHeader .header .h_tools .h_m_nav i{color:#fac109;} .pageHeader.xc_pageHeader .header .h_tools .h_search .icon{background:#fac109;} .pageHeader.xc_pageHeader .header .h_tools .h_lan .icon{background:#fac109;} .pageHeader.xc_pageHeader .header{border:none} /* 下层banner */ .xc_banner{position:relative; overflow:hidden;} .xc_banner .intro{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:2;} .xc_banner .intro .tit{font-size:45px; line-height:45px; font-weight:lighter; color:#fff;} .xc_banner .intro .tit span{display:inline-block; font-weight:bold; margin-right:10px; position:relative; padding-bottom:20px;} .xc_banner .intro .tit span:after{content:''; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:0px;} .xc_banner .intro .con{font-size:14px; line-height:28px; color:#fff; color:rgba(255,255,255,.79); margin-top:15px;} /*下层综合banner*/ .Center_banner{position:relative; overflow:hidden;} .Center_banner .intro{position:absolute; left:0; width:100%;/* bottom:220px; */z-index:2;top: 50%;transform: translateY(-50%);} .Center_banner .intro .smal_tit{font-size:16px; line-height:24px; font-family:Arial; color:#fff; text-transform:uppercase; position:relative; padding-left:20px;} .Center_banner .intro .smal_tit:after{content:''; width:20px; height:1px; background:#fff; position:absolute; left:0; top:50%;} .Center_banner .intro .tit{font-size:56px; line-height:56px; color:#fff; margin:20px 0 15px;} .Center_banner .intro .tit span{font-size:70px; line-height:70px; font-weight:bold;} .Center_banner .intro .con {font-size:16px; line-height:28px; color:#fff;} /* 二级导航 */ .xc_nav{background:#e9e8e8; line-height:54px;;} .xc_nav li{float:left; margin-right:54px; transition:all 0.5s ease;} .xc_nav li a{display:block; font-size:16px; color:#000000; position:relative;} /* .xc_nav li a:after{content:''; width:100%; height:2px; background:#fac109; position:absolute; left:0; transition:all 0.5s ease; transform:scale(0); bottom:0} */ .xc_nav li.cur a{font-weight:bold;} .xc_nav li.cur a:after{transform:scale(1);} .xc_nav li:hover a{font-weight:bold;} .xc_nav li:hover a:after{transform:scale(1);} /* 内容区 */ .channel_content{min-height:300px; padding:70px 0;} /* 新闻列表 start */ .m_newsban{display:none;} .news_ban{background:url(../img/news_ban.jpg) no-repeat center; background-size:cover; padding:50px 0 60px;} .news_ban .left{width:62.5%; float:left; position:relative;} .news_ban .left .rect-49{padding-bottom:49%;} .news_ban .left .cover{position:absolute; left:0; width:100%; height:100%; top:0; background:none;} .news_ban .left .cover a{display:block;} .news_ban .left .cover .box{padding:65px 50px;} .news_ban .left .cover .box .date{font-size:17px; font-family:Arial; color:#fac109; position:relative; padding-left:25px; margin-bottom:15px;} .news_ban .left .cover .box .date:after{content:''; width:19px; height:19px; background:url(../img/news_ban_2.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-10px;} .news_ban .left .cover .box .tit{font-size:24px; font-weight:bold; color:#fff; line-height:32px; width:72%;} .news_ban .left .cover .box .con{font-size:16px; color:#fff; color:rgba(255,255,255,0.7); line-height:30px; height:90px; overflow:hidden; width:63%; margin:25px 0 20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .news_ban .left .cover .box .links a{display:inline-block; vertical-align:middle;width:98px; height:34px; line-height:34px; border:1px solid #C9C9C9; text-align:center; color:rgba(255,255,255,0.8); font-size:14px; margin-bottom:5px; font-weight:lighter; margin-right:1em;} .news_ban .left .cover .box .links a:hover{background:#fac109; border-color:#fac109; color:#000;} .news_ban .right{width:34.5%; float:right; background:#fff;} .news_ban .right .rect-89{padding-bottom:88.6%;} .news_ban .right .item{display:none;} .news_ban .right .owl-item .item{display:block;} .news_ban .right .box {padding:65px 50px;} .news_ban .right .box .date{font-size:16px; font-family:Arial; color:#000; margin-bottom:2px; position:relative; padding-left:25px; margin-bottom:20px;} .news_ban .right .box .date:after{content:''; width:19px; height:19px; background:url(../img/news_ban_3.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-10px;} .news_ban .right .box .tit{font-size:24px; font-weight:bold; color:#000; line-height:1.2;} .news_ban .right .box .con{font-size:16px; color:#000; line-height:30px; height:90px; overflow:hidden; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:25px 0 30px;} .news_ban .right .box .links a{display:inline-block; vertical-align:middle; padding:0 12px; height:28px; line-height:28px; border:1px solid #6a6a6a; text-align:center; color:#6a6a6a; margin-right:8px; margin-bottom:5px;} .news_ban .right .box .links a:hover{background:#fac109; border-color:#fac109; color:#fff;} .news_ban .right .owl-nav{position:absolute; bottom:50px;left:35px;} .news_ban .right .owl-nav>div{width:50px; height:50px; display:inline-block; font-size:0; top:50%; margin-top:-26px; transition:.3s ease; vertical-align:top;} .news_ban .right .owl-nav .owl-prev{background:url(../img/news_ban_jt1.jpg) no-repeat center; margin-right:8px;} .news_ban .right .owl-nav .owl-next{background:url(../img/news_ban_jt2.jpg) no-repeat center;} .news_list01 .form{width:70%; margin:0 auto; background:#f6f6f6; position:relative;} .news_list01 .form .sele_wrap{float:left; height:58px; line-height:58px; position:relative; box-sizing:border-box; width:17%;} .news_list01 .form .sele_wrap:after{content:''; width:1px; height:24px; background:#cbcbcb; position:absolute; right:0; top:50%; margin-top:-12px;} .news_list01 .form .sele_wrap .sele{height:58px; line-height:58px; border:none; background:transparent; width:100%; padding-left:12px; box-sizing:border-box;} .news_list01 .form .sele_wrap .inp{height:58px; line-height:58px; border:none; background:transparent; width:100%; padding-left:12px; box-sizing:border-box; padding:0;} .news_list01 .form .sele_inp_wrap:after{display:none;} .news_list01 .form .sele_year_wrap{width:17%;} .news_list01 .form .sele_mon_wrap{width:17%;} .news_list01 .form .sele_inp_wrap{width:33%; color:#666666; padding-left:20px; box-sizing:border-box;} .news_list01 .form .btns{width:58px; height:58px; border:1px solid #777; line-height:58px; text-align:center; background:none; padding:0; margin:0; outline:none; display:flex; align-items:center; justify-content:center; cursor:pointer; position:absolute; right:0; top:0;} .news_list01 .form .btns .icon{width:22px; height:22px; display:inline-block; background:url(../img/news_list01_1.png) no-repeat center;} .news_list01 .form .btns span{display:none;} .news_list01 .form .sele.select-ui-choose ._arrow{right:1em;} body .select-ui-options-default li:hover{background:#fac109;} .news_list01 .select-ui-choose-default ._arrow .arr{border:none; width:10px; height:5px; background:url(../img/job_jt.png) no-repeat center;} .news_list01 .select-ui-choose-default.on ._arrow .arr{margin-top:-0.2em;} .news_list02{margin-top:54px;} .news_list02 .rect-60{padding-bottom:60%;} .news_list02 li{margin-bottom:30px;} .news_list02 .li_box{display:block; background:#f6f6f6; position:relative} .news_list02 .li_box .img_{width:25.5%; float:left;} .news_list02 .li_box .intro_{width:65%; float:left;} .news_list02 .li_box .intro_ .box{padding:40px 230px 30px 55px;} .news_list02 .li_box .intro_ .box .tit{font-size:24px; line-height:30px; color:#000; font-weight:bold; margin-bottom:13px;transition:all 0.5s ease;} .news_list02 .li_box .intro_ .box .tit a{transition:all 0s ease;} .news_list02 .li_box .intro_ .box .con{font-size:16px; line-height:30px; color:#000; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_list02 .li_box .intro_ .box .con a{font-size:16px; line-height:30px; color:#000; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;} .news_list02 .li_box .intro_ .box .con a{color:#000;} .news_list02 .li_box .intro_ .box .time{display:none;} .news_list02 .li_box .intro_ .box .link{margin-top:25px;} .news_list02 .li_box .intro_ .box .link a{display:inline-block; padding:0 22px; height:34px; line-height:34px; border:1px solid #C9C9C9; margin-right:1em;} .news_list02 .li_box .intro_ .box .link a:hover{background:#fac109; color:#fff;} .news_list02 .li_box .date{width:9%; height:100%; position:absolute; right:0; top:0;} .news_list02 .li_box .date:after{content:''; width:19px; height:31px; background:url(../img/news_list02_2.png) no-repeat center; position:absolute; left:-18px; top:50%; transform:translateY(-50%); opacity:0 ;visibility:hidden; transition:all 0.5s ease;} .news_list02 .li_box .date .box{height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#000; transition:all 0.5s ease;} .news_list02 .li_box .date .box .year{font-size:60px; line-height:60px; font-weight:bold;} .news_list02 .li_box .date .box .day{font-size:18px; line-height:26px;} .news_list02 .li_box:hover .intro_ .box .tit{color:#fac109;} .news_list02 .li_box:hover .date .box{background:#fac109;} .news_list02 .li_box:hover .date:after{opacity:1; visibility:visible;} /* 新闻列表 end */ /*滚动加载*/ .load_more{text-align:center; margin-top:20px; cursor:pointer;} .load_more span{display:inline-block; vertical-align:middle;} .load_more span.icon{display:none; width:44px; height:44px; background:url(../img/brand_loading.gif) no-repeat center; margin-right:20px;} .load_more span.txt{display:inline-block; border:1px #000 solid; color:#000; height:54px; line-height:54px; width:260px; text-align:center; font-size:16px; color:#000; position:relative; z-index:2; margin:auto; transition:all 0.5s ease;} .load_more span.txt:hover{border-color:#fac109; background-color:#fac109; color:#fff;} .load_more.nomore {display:none;} /* 新闻详细 */ .news_detail01 .left{width:73.5%; float:left;} .news_detail01 .left .tit{font-size:36px; line-height:40px; color:#000; font-weight:bold; margin-bottom:20px;} .news_detail01 .left .con{margin-top:0.22rem;} .news_detail01 .left .con .switcher{display:inline-block;} .news_detail01 .left .con .time{margin-right:30px; font-size:16px; color:#5d5d5d; line-height:30px;} .news_detail01 .left .share_box{text-align:center; position:relative; margin-top:30px; margin-bottom:55px} .news_detail01 .left .share_box .line{position:absolute; width:100%; height:1px; background:#dddddd; top:0; left:0; top:50%; margin-top:-1px;} .news_detail01 .left .share_box li{position:relative; z-index:2; background:#fff; display:inline-block; padding:0 22px; margin:0 -2px;} .news_detail01 .left .share_box li a{opacity:0.7;} .news_detail01 .left .share_box li:hover a{opacity:1;} .news_detail01 .left .text{border-bottom:1px solid #dfdfdf; padding-bottom:65px; line-height:2; font-size:16px; color:#000;} .news_detail01 .left .text a{color:#fac109;} .news_detail01 .left .btns{text-align:center; width:100%; margin-top:25px;} .news_detail01 .left .btns .to_list{display:inline-block; color:#fff; padding:0 50px; line-height:40px; background:#fac109; margin-top:20px;} .news_detail01 .left .btns .prev{text-align:left; width:30%;} .news_detail01 .left .btns .next{text-align:right; width:30%;} .news_detail01 .left .btns i{margin:0;} .news_detail01 .left .btns a:hover .con15{color:#fac109;} .news_detail01 .right{width:22%; float:right;} .news_detail01 .right .title{background:#fac109; font-size:18px; color:#000; line-height:62px; padding-left:26px; box-sizing:border-box;} .news_detail01 .right .item{border:1px solid #ececec; border-top:none; margin-bottom:24px; box-sizing:border-box;} .news_detail01 .right .item .item_con{ box-sizing:border-box; font-size:0;} .news_detail01 .right .item .item_con .t{font-size:16px; line-height:30px; color:#5d5d5d; padding:20px;} .news_detail01 .right .item .item_con .time{font-size:12px; color:#5d5d5d; line-height:12px; margin-bottom:4px;} .news_detail01 .right .item .item_con .tit{transition:all 0.5s ease; font-size:15px; color:#000;} .news_detail01 .right .item .item_con .sub{position:relative; margin:0 20px 20px;} .news_detail01 .right .item .item_con .sub input{border:1px solid #ececec; width:100%; line-height:60px; box-sizing:border-box; text-indent:10px; padding:0; height:60px; font-size:15px; color:#5d5d5d;} .news_detail01 .right .item .item_con .sub input::-webkit-input-placeholder{color:#b3b3b3; font-size:15px; text-indent:15px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub input::-moz-placeholder{color:#b3b3b3; font-size:15px; text-indent:15px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub input:-moz-placeholder{color:#b3b3b3; font-size:15px; text-indent:15px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub input:-ms-input-placeholder{color:#b3b3b3; font-size:15px; text-indent:15px; line-height:60px; height:60px;} .news_detail01 .right .item .item_con .sub button{outline:none; border:none; padding:0 12px; box-sizing:border-box; line-height:48px; background:#777; cursor:pointer; position:absolute; right:6px; top:50%; margin-top:-24px; color:#fff;} .news_detail01 .right .item .item_con li{padding:20px 20px;} .news_detail01 .right .item .item_con li:last-child{margin-bottom:0;} .news_detail01 .right .item .item_con li:hover{background:#FEF1D8;} /* 新闻详情 end */ .common_infor .tit{font-size:35px; line-height:35px; color:#000; /*font-weight:bold;*/} .common_infor .line{width:52px; height:5px; background:#fac109; margin:25px 0 43px;} .common_infor .con{font-size:16px; line-height:30px; color:#000;} /* 公司简介 start */ .about_us.channel_content{padding-bottom:0;} .about_us01 .rect-768{padding-bottom:76.8%;} .about_us01 .img_{width:49%; float:right; margin-left:6%; margin-bottom:30px; position:relative;} .about_us01 .img_:after{content:''; width:100%; height:100%; background:url(../img/about_us01_bg.png) no-repeat right bottom; position:absolute; right:0; top:0; pointer-events:none; z-index:2; background-size:cover;} .about_us01 .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:27px; left:0%; width:100%; text-align:center;} .about_us01 .owl-carousel .owl-dot{width:12px; height:12px; background:#fff; margin:0 5px;border-radius:50%; display:inline-block;} .about_us01 .owl-carousel .owl-dot.active{background:#fac109;} .about_us01 .item{display:none;} .about_us01 .owl-item .item{display:block;} .about_us02{padding:80px 0;} .about_us02 li{float:left; width:25%;} .about_us02 li .tit{font-size:16px; line-height:30px; color:#fac109;} .about_us02 li .num{font-size:42px; color:#000; font-weight:bold;} .about_us02 li .num span{font-size:72px; line-height:72px; color:#fac109; font-family:'BEBAS'; font-weight:normal;} .about_us02 li .text{font-size:16px; line-height:30px; color:#6f6f6f;} .about_us03{overflow:hidden; position:relative; background:url(../img/about_us03_1.jpg) no-repeat center; background-size:cover; background-attachment:fixed; height:441px;} /* .about_us03 video{width:auto; height:auto; object-fit:cover; min-width:100%; min-height:100%;} */ .about_us03 .play_overlay{padding:90px 0; } .about_us03 .play_overlay .play_btn{position:absolute; display:block; top:50%; left:50%; transform:translate(-50%, -50%); } .about_us03 .play_overlay .play_btn .icon{width:102px; height:102px; position:relative; background:url(../img/play_button.png) center/contain no-repeat; margin:0 auto 70px;} .about_us03 .play_overlay .play_btn .icon::before{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index:-1;} .about_us03 .play_overlay .play_btn .icon::after{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index:-1; } .about_us03 .play_overlay .play_btn .icon::before{animation:scale 2s ease-out infinite; background:#fff; opacity:0.5; animation-delay:0;} .about_us03 .play_overlay .play_btn .icon::after{animation:scale2 2s ease-out infinite; background:#fff; opacity:0.3; animation-delay:0;} @keyframes scale{0%{transform:translate(-50%, -50%) scale(1); opacity:.9} 100%{transform:translate(-50%, -50%) scale(7); opacity:0;}} @keyframes scale2{0%{transform:translate(-50%, -50%) scale(1); opacity:.9;} 100%{transform:translate(-50%, -50%) scale(10);opacity:0;}} .about_us03 .play_overlay .play_btn .text{font-size:42px; line-height:50px; color:#fff; font-weight:bold;} /* 公司介绍 end */ /* 社会责任 start */ .social_respon02{margin-top:95px;} .social_respon02 .content{width:75%; margin:0 auto; position:relative;} .social_respon02 .content .rect-435{padding-bottom:43.3%;} .social_respon02 .content .rect-102{padding-bottom:102%;} .social_respon02 .owl-carousel .owl-stage-outer{overflow:visible;} .social_respon02 .item{display:none; position:relative;} .social_respon02 .owl-item .item{display:block;} .social_respon02 .item .cover{display:none;} .social_respon02 .intro{width:400px; position:absolute; left:40px; bottom:0; background:#f7f7f7; z-index:2;} .social_respon02 .intro .box{padding:55px 35px 35px;} .social_respon02 .intro .box .tit{font-size:24px; line-height:24px; color:#000; font-weight:bold;} .social_respon02 .intro .box .con{font-size:16px; line-height:30px; color:#000; margin:14px 0 45px; max-height:90px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; ;} .social_respon02 .intro .box .btns{margin:0; padding:0; width:180px; height:50px; line-height:50px; font-size:14px; color:#000; border:1px solid #000; margin-right:20px; transition:all .4s ease-in-out; display:block; text-align:center;} .social_respon02 .intro .box .btns:hover{font-weight:bold; color:#fff; background:#424a52;} .social_respon02 .intro .box .count {width:80px; position:absolute; bottom:35px; right:35px; z-index:2; font-family:Arial; color:#000;} .social_respon02 .intro .box .count .current {font-size:36px; color:#fac109;} .social_respon02 .intro .box .count .line {font-size:23px;} .social_respon02 .intro .box .count .all {font-size:16px;} .social_respon02 .social_btn>div{width:48px; height:48px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:50%; margin-top:-14px;;} .social_respon02 .social_btn .owl-prev {left:-195px;background:url(../img/social_respon02_1.png) no-repeat center;} .social_respon02 .social_btn .owl-next {right:-195px;background:url(../img/social_respon02_2.png) no-repeat center;} .social_respon03{margin-top:80px;} .social_respon03 .rect-524{padding-bottom:52.4%;} .social_respon03 li{float:left; width:32%; margin-left:2%;} .social_respon03 li a{display:block;} .social_respon03 li:first-child{margin-left:0;} .social_respon03 li .intro .box{padding-top:30px; padding-right:30px;} .social_respon03 li .intro .box .date{font-size:14px; line-height:24px; color:#000;} .social_respon03 li .intro .box .tit{font-size:24px; line-height:33px; color:#000; height:66px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.5s ease;} .social_respon03 li .intro .box .con{font-size:16px; line-height:30px; color:#737373; margin-top:5px; height:90px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .social_respon03 li:hover .intro .box .tit{color:#fac109;} /* 社会责任 end */ /* 发展历程 start */ .history.channel_content{padding-bottom:0px;} .history01{position:relative; z-index:3;} .history01 .left{width:45%;} .history01 .left .date{font-size:72px; color:#dfdfdf; font-weight:bold; line-height:80px; margin-bottom:70px; text-transform:uppercase;} .history01 .left .text_con{height:240px; position:relative; overflow:auto; overflow-x:hidden; padding-right:64px;} .history01 .left .text_con .item{position:absolute; top:0; left:0; right:0; opacity:0; visibility:hidden; transform:translateX(30px);} .history01 .left .text_con .item.cur{opacity:1; visibility:visible; transform:translateX(0); -moz-transition:all 1s ease 0.2s; -ms-transition:all 1s ease 0.2s; -o-transition:all 1s ease 0.2s; -webkit-transition:all 1s ease 0.2s; transition:all 1s ease 0.2s;} .history01 .left .text_con .item .con{font-size:16px; color:#000; line-height:30px; height:240px; overflow:auto; padding-right:30px; box-sizing:border-box;} .history01 .left .text_con .item .con::-webkit-scrollbar {width:5px; height:4px;} .history01 .left .text_con .item .con::-webkit-scrollbar-thumb {border-radius:5px; background:#fac109;} .history01 .left .text_con .item .con::-webkit-scrollbar-track {border-radius:0; background:#f7f7f7;} .history01 .left .text_con .item .con li{position:relative; padding-left:15px;} .history01 .left .text_con .item .con li::before{content:''; width:8px; height:8px; background:#fac109; border-radius:50%; position:absolute; top:10px; left:-0;} .history01 .right{width:45.9%; border:5px solid #fac109; box-sizing:border-box;} .history01 .rect-625{padding-bottom:62%;} .history01 .right .year{color:#fff; font-family:Arial; font-weight:bold; font-size:72px; position:absolute; top:50%; left:0; right:0; text-align:center; z-index:2; line-height:100px; margin-top:-50px; text-shadow:2px 2px 10px rgba(0,0,0,0.2);} .history01 .right .pic_item .rect-63:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/black.2.png) repeat; z-index:1;} .history01 .right .pic_item{position:absolute; top:0; right:0; left:0;} .history01 .right .pic_item.cur{z-index:10;} .history01 .time_line{font-size:24px; color:#222; text-align:center; line-height:24px; margin-top:80px; width:100%; margin-bottom:105px;} .history01 .time_line .wrap{position:relative;} .history01 .time_line .wrap::before{content:''; width:2000px; height:1px; background:#e5e5e5; position:absolute; left:-10%; top:8px;} .history01 .time_line .cur{color:#000; font-weight:bold;} .history01 .time_line .cur .item{color:#000; font-size:24px; font-weight:bold;} .history01 .time_line .item{padding-top:30px; position:relative;} .history01 .time_line .item::before{content:''; width:10px; height:10px; border:1px solid #D5D3D2; background:#fff; position:absolute; left:50%; margin-left:-6px; top:2px; transition:all 0.5s ease; border-radius:50px;} .history01 .time_line .owl-item.cur .item::before{border-color:#fac109; background:#fac109;} /* .history01 .time_line .owl-item.cur .item::before{opacity:1; visibility:visible;} */ .history01 .time_line .owl-prev, .history01 .time_line .owl-next{position:absolute; left:8%; top:50%; font-size:26px; line-height:32px; font-weight:bold; color:#b8b8b8; cursor:pointer;} .history01 .time_line .owl-prev:hover, .history01 .time_line .owl-next:hover{color:#fac109;} .history01 .time_line .owl-next{right:7%; left:auto;} .history01 .time_line .item{cursor:pointer; text-transform:uppercase; font-size:20px; color:#000; line-height:28px;} .history01 .time_line .item span{display:block;} .history01 .time_line .owl-prev{display:none; z-index:3;} .history01 .time_line .owl-next{display:none; z-index:3;} .history01 .right .pic_item .swiper{transform:scale(0.6); opacity:0; visibility:hidden; -moz-transition:all 1.2s ease 0s; -ms-transition:all 1.2s ease 0s; -o-transition:all 1.2s ease 0s; -webkit-transition:all 1.2s ease 0s; transition:all 1.2s ease 0s;} .history01 .right .pic_item.cur .swiper{transform:scale(1); opacity:1; visibility:visible;} .history01 .right .pic_item .swiper-pagination-bullet{background:#fff; opacity:1;} .history01 .right .pic_item .swiper-pagination-bullet-active{background:#fac109;} /* 发展历程 end */ /* 联系我们 start */ .contact_us{background:#F8F8F7;} .contact_us01 .content {display:flex; align-items:center;} .contact_us01 .content .img_{width:100px; margin-right:40px; vertical-align:text-top;} .contact_us01 .content .info_ .t{font-size:30px; line-height:30px; color:#fac109; font-weight:bold} .contact_us01 .content .info_ .c{font-size:16px; line-height:30px; color:#000; margin-top:10px;} .contact_us02{margin-top:60px;} .contact_us02 .li_{float:left; width:32%; margin-right:2%; background:#fff; transition:all 0.5s ease; margin-bottom:2%;} .contact_us02 .li_three{margin-right:0;} .contact_us02 .li_ .box{padding:27px 50px 37px;} .contact_us02 .li_ .box .li_top{display:flex; align-items:center; margin-bottom:20px;} .contact_us02 .li_ .box .li_top .txt{font-size:24px; line-height:30px; color:#000; font-weight:bold; margin-left:30px;} .contact_us02 .li_ .box .li_bott span{display:block; font-size:16px; line-height:30px; color:#000;} .contact_us02 .li_ .box .li_bott span a{color:#000;} .contact_us02 .li_.hover{background:#fac109;} /* 联系我们 end */ /* 企业文化 */ .culture.channel_content{padding:0;} .culture01{padding:70px 0; background:url(../img/culture01_1.jpg) no-repeat center; background-size:cover;} .culture01 .content{margin-top:-40px;} .culture01 .content .box{/*background:rgba(255,255,255,.9);*/ padding:80px 30px;} .culture01 .content .box ul{display:flex;} .culture01 .content .box ul li{text-align:center; position:relative; width:calc(16.66666667%)} .culture01 .content .box ul li .icon{width:100px; margin:0 auto 45px;} .culture01 .content .box ul li .tit{font-size:24px; line-height:30px; font-weight:bold; color:#000; margin-bottom:10px;} .culture01 .content .box ul li .con{font-size:16px; line-height:30px; color:#000;} .culture01 .content .box ul li .con span{display:block;} .culture01 .content .box ul li .xian{height:1px; width:calc((100% - 100px) - 5px); top:50px; border-top:1px dashed #fac109; position:absolute; left:100%; transform:translateX(-50%);} .culture01 .content .box ul li:last-child .xian{display:none;} /* 企业文化 end */ /* 人力资源 start */ .sanji_nav{margin-top:60px; } .sanji_nav ul{border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;} .sanji_nav li{float:left; font-size:16px; line-height:38px; padding:0 50px; position:relative;} .sanji_nav li:after{content:''; width:1px; height:19px; background:#CECCCB; position:absolute; left:0; top:50%; transform:translateY(-50%);} .sanji_nav li:first-child{padding-left:0;} .sanji_nav li:first-child:after{display:none;} .sanji_nav li a{padding:6px 0; display:block; position:relative; color:#000;} .sanji_nav li a:after{content:''; width:100%; height:2px; background:#fac109; position:absolute; left:0; bottom:0; transform:scale(0); transition:0.5s ease;} .sanji_nav li.cur a{font-weight:bold;} .sanji_nav li.cur a:after{transform:scale(1);} .sanji_nav li:hover a{font-weight:bold;} .sanji_nav li:hover a:after{transform:scale(1);} .job_list{padding-top:60px;} .job_list01 .hd{position:relative; background:#F6F6F6;} .job_list01 .hd .sele_wrap{width:32%; float:left; height:56px; line-height:56px; background:#F6F6F6; padding-right:40px; box-sizing:border-box; position:relative;} .job_list01 .hd .sele_wrap:after{content:''; width:1px; height:24px; background:#CBCBCB; position:absolute; right:0; top:50%; transform:translateY(-50%);} .job_list01 .hd .sele_addr_wrap:after{display:none;} .job_list01 .hd .sele_wrap .sele{height:56px; line-height:56px; font-size:16px; width:100%; border:none; padding:0; border-radius:0; background:none; text-indent:35px; color:#000} .job_list01 .hd .btn_wrap{width:56px; height:56px; line-height:58px; border:1px solid #777777; position:absolute; right:0; top:0; box-sizing:border-box; text-align:center;} .job_list01 .hd .btn_wrap button{background:none; padding:0; margin:0; border:none; outline:none; vertical-align:middle; cursor:pointer;} .job_list01 .hd .btn_wrap button .icon{width:22px; height:22px; background:url(../img/job_list01_1.png) no-repeat center; display:inline-block;} .job_list01 .hd .btn_wrap button span{display:none;} body .select-ui-options-default-bottom{text-indent:35px;} .job_list01 .select-ui-choose-default ._arrow .arr{border:none; width:10px; height:5px; background:url(../img/job_jt.png) no-repeat center;} .job_list01 .select-ui-choose-default.on ._arrow .arr{margin-top:-0.2em;} .job_list01 .bd{margin-top:40px;} .job_list01 .bd li{border-bottom:1px solid #e7e7e7; overflow:hidden;} .job_list01 .bd li.first {background:#fac109; color:#fff; border-bottom:none; padding:0; height:60px;line-height:60px; border-radius:5px; font-size:18px; color:#000; font-weight:bold;} .job_list01 .bd li ._ut{float:left; text-align:center;} .job_list01 .bd li ._un{float:left; text-align:center; height:55px; line-height:55px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .job_list01 .bd li ._un, .job_list01 .bd li ._ut{width:16.6%;} .job_list01 .bd li ._un._t6:after {content:"+"; display:inline-block; vertical-align:-1px; color:#fac109; margin-left:5px; font-size:20px;} .job_list01 .bd li.j_t_cur ._un._t6:after {content:"-";} .job_list01 .bd li.j_t {cursor:pointer;} .job_list01 .bd li.j_c {height:auto; line-height:1.5; background:#f9f9f9; display:none;} .job_list01 .bd .j_c .j_c_box {padding:40px;} .job_list01 .bd .j_c .j_c_box .intro {color:#000; line-height:30px; font-size:16px; position:relative;} .job_list01 .bd .j_c .j_c_box .intro strong{display:block; font-size:16px; color:#000; margin-bottom:10px} .job_list01 .bd .j_c .intro .job_btn {text-align:right; margin-top:20px;} .job_list01 .bd .j_c .intro .job_btn ._btn {display:inline-block; width:160px; height:48px; line-height:48px; color:#000; font-size:16px; background:#fac109; cursor:pointer; text-align:center; transition:.5s ease;} .job_list01 .bd .j_c .intro .job_btn ._btn:hover{background:#fac109;} /* 人力资源 end */ /* 简历投递 */ .jianli{padding-top:70px;} .jianli01 .infor .tit{font-size:36px; line-height:40px; color:#000;} .jianli01 .infor .con{font-size:16px; line-height:26px; color:#000; margin-top:20px; padding-bottom:45px; border-bottom:1px solid #EFEFEF; margin-bottom:40px;} .jianli01 .content{overflow:hidden; padding-right:40px;} .jianli01 .content .inp{float:left; width:29%; margin-right:4%; margin-bottom:25px; position:relative;} .jianli01 .content .inp label{float:left; width:21%; font-size:16px; color:#5c5c5c; font-weight:lighter; margin-right:2%; line-height:57px; height:57px;} .jianli01 .content .inp .stars{color:red; margin-left:5px; position:absolute; right:8%; top:50%; margin-top:-10px; height:20px; line-height:20px;} .jianli01 .content .inp .inp_box{overflow:hidden; background:#f4f4f4; width:77%; float:left; position:relative;} .jianli01 .content .inp input{width:65%; float:left; border:none; background:transparent; line-height:57px; height:57px; text-indent:20px;} .jianli01 .content .inp select{width:100%; float:left; border:none; background:transparent; line-height:57px; height:57px;} .jianli01 .content .inp .select-ui-choose-default{display:block; border:1px solid #eee; background:transparent; line-height:57px; height:57px;} .jianli01 .content .inp .select-ui-choose-default ._arrow{width:2em;} .jianli01 .content .inp_text{width:100%; margin-right:0;} .jianli01 .content .inp_text label{width:4.9%; margin-right:1.8%;} .jianli01 .content .inp_text .text_box{overflow:hidden; background:#F3F3F3; width:88.6%; float:left;} .jianli01 .content .txtarea{background:#F3F3F3; border:none; height:150px; width:91.5%; font-size:16px; color:#5c5c5c;font-weight:lighter; padding:20px 30px; border:none} .jianli01 .content .btn_box{margin-top:65px;} .jianli01 .content .btn_box button{cursor:pointer; background:#fac109; color:#000; width:147px; height:56px; line-height:56px; display:block;text-align:center;font-size:16px; float:left; border:none; outline:none;} .jianli01 .content .btn_box button.btn1{margin-left:6.6%;} .jianli01 .content .btn_box button.btn2{background:#d4d4d4; margin-left:20px;} .jianli01 .content .Validform_checktip{position:absolute; right:5px; top:19px;} .jianli01 .content .btn_box{margin-top:20px;} .jianli01 .content .btn_box button.btn1{margin-left:5.9%;} .jianli01 .content .btn_box button{line-height: 50px; height: 50px;} .jianli01 .content .inp label{width:18%; line-height:45px; height:45px;} .jianli01 .content .inp_text label{margin-right: 0.8%; width:4.9%;} .jianli01 .content .inp .select-ui-choose-default, .jianli01 .content .inp input, .jianli01 .content .inp select{height:45px; line-height:45px; padding:0;} .jianli01 .content .inp{margin-bottom:15px;} .jianli01 .content .Validform_checktip{right:20px; top:12px;} .jianli01 .content .btn_box button.btn2:hover {color:#000;background:#fac109;} .jianli01 .content .inp .inp_box, .jianli01 .content .inp_text .text_box{border:none;} .jianli01 .content .inp .inp_box{width:76%;} .jianli01 .content .inp .inp_box:hover, .jianli01 .content .inp .inp_box:hover textarea{background:#eae9e9} .jianli01 .content .inp .select-ui-choose-default{border:none;} .jianli01 .content .inp.yzm_box{width:52%;} .jianli01 .content .inp.yzm_box label{width:9%;} .jianli01 .content .inp.yzm_box .inp_box{width:21%; margin-right:3%;} /* 简历投递 end */ /* 招标公告 start*/ .zhaobiao02{margin-top:50px;} .zhaobiao02 li{margin-bottom:29px;} .zhaobiao02 .li_box{display:block; background:#f6f6f6; border:1px solid transparent;transition:0.5s ease; position:relative} .zhaobiao02 .li_box .intro_{width:90%; float:left;} .zhaobiao02 .li_box .intro_ .box{padding:40px 230px 30px 55px;} .zhaobiao02 .li_box .intro_ .box .tit{font-size:24px; line-height:30px; color:#000; font-weight:bold; margin-bottom:13px;transition:all 0.5s ease;} .zhaobiao02 .li_box .intro_ .box .con{font-size:16px; line-height:30px; color:#000; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .zhaobiao02 .li_box .intro_ .box .time{display:none;} .zhaobiao02 .li_box .intro_ .box .link{margin-top:25px;} .zhaobiao02 .li_box .intro_ .box .link a{display:inline-block; padding:0 22px; height:34px; line-height:34px; border:1px solid #C9C9C9;} .zhaobiao02 .li_box .intro_ .box .link a:hover{background:#fac109; color:#fff;} .zhaobiao02 .li_box .date{width:9%; height:100%; position:absolute; right:0; top:0;} .zhaobiao02 .li_box .date:after{content:''; width:19px; height:31px; background:url(../img/news_list02_2.png) no-repeat center; position:absolute; left:-18px; top:50%; transform:translateY(-50%); opacity:0 ;visibility:hidden; transition:all 0.5s ease;} .zhaobiao02 .li_box .date .box{height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#000; transition:all 0.5s ease;} .zhaobiao02 .li_box .date .box .year{font-size:60px; line-height:60px; font-weight:bold;} .zhaobiao02 .li_box .date .box .day{font-size:18px; line-height:26px;} .zhaobiao02 .li_box:hover .intro_ .box .tit{color:#fac109;} .zhaobiao02 .li_box:hover .date .box{background:#fac109;} .zhaobiao02 .li_box:hover .date:after{opacity:1; visibility:visible;} .zhaobiao02 .li_box:hover{border-color:#e7e7e7; background:none;} .zhaobiao01 .select-ui-choose-default ._arrow .arr{border:none; width:10px; height:5px; background:url(../img/job_jt.png) no-repeat center;} .zhaobiao01 .select-ui-choose-default.on ._arrow .arr{margin-top:-0.2em;} /* 招标 end */ /* 关于我们 start */ .about_center.channel_content{padding-bottom:0;} .about_center01{margin-bottom:100px;} .about_center01 .left{width:30%; float:left;} .about_center01 .right{width:70%; float:right;} .about_center01 .right .info{margin-bottom:50px;} .about_center01 .right .info .c{font-size:16px; line-height:30px; color:#000000;} .about_center01 .right .info .more{text-align:right; margin-top:45px;;} .about_center01 .right .info .more a{display:inline-block; padding:0 80px; font-size:16px; color:#000; border:1px solid #000; height:50px; line-height:50px;} .about_center01 .right .info .more a:hover{background:#424a52; color:#fff; border-color:#424a52;} .about_center01 .right .rect-51{padding-bottom:51%;} .about_center01 .right .img_box{position:relative} .about_center01 .right .img_box .play{width:102px; height:102px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); cursor:pointer;} .about_center01 .right .img_box .play .icon{width:102px; height:102px; position:relative; background:url(../img/play_button.png) center/contain no-repeat; margin:0 auto 70px; z-index:2;} .about_center01 .right .img_box .play::before{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index:-1;} .about_center01 .right .img_box .play::after{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:24px; height:24px; border-radius:50%; content:''; z-index:-1; } .about_center01 .right .img_box .play::before{animation:scale 2s ease-out infinite; background:#fff; opacity:0.5; animation-delay:0;} .about_center01 .right .img_box .play::after{animation:scale2 2s ease-out infinite; background:#fff; opacity:0.3; animation-delay:0;} .about_center01 .right .img_box .cover{width:100%; position:absolute; left:0; bottom:20px;} .about_center01 .right .img_box .cover .item{width:33%; float:left; position:relative} .about_center01 .right .img_box .cover .item:after{content:''; width:2px; height:43px; background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%);} .about_center01 .right .img_box .cover .item:last-child:after{display: none;} .about_center01 .right .img_box .cover .item a{display:flex; justify-content:center; align-items:center;} .about_center01 .right .img_box .cover .item .icon{transition:all 0.5s ease;} .about_center01 .right .img_box .cover .item .text{font-size:20px; line-height:24px; color:#ffffff; margin-left:25px; transition:all 0.5s ease;} .about_center01 .right .img_box .cover .item:hover .icon{transform:rotateY(180deg);} .about_center01 .right .img_box .cover .item:hover .text{color:#fac109;} .about_center02{background:url(../img/about_center02_1.jpg) no-repeat center; height:642px; padding-top:90px; box-sizing:border-box;;} .about_center02 .common_infor{width:46%;} .about_center02 .common_infor .tit{color:#fff;} .about_center02 .common_infor .line{background-color:#fff;} .about_center02 .common_infor .con{color:#fff;} .about_center02 .common_infor .more{margin-top:65px;} .about_center02 .common_infor .more a{display:inline-block; padding:0 80px; font-size:16px; color:#fff; border:1px solid #fff; height:50px; line-height:50px;} .about_center02 .common_infor .more a:hover{background:#424a52; color:#fff; border-color:#424a52;} .about_center03{margin:90px 0;} .about_center03 .item{position:relative;} .about_center03 .item .common_infor{position:absolute; width:auto; white-space:nowrap; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; z-index:99;} .about_center03 .item .common_infor .tit{color:#fff;} .about_center03 .item .common_infor .line{background-color:#fac109; margin:20px auto 13px;} .about_center03 .item .common_infor .con{color:#fff; opacity:0; visibility:hidden; transition:0.5s ease; display:none;} .about_center03 .swiper .swiper-slide{width:13.8% !important; margin-right:1%; overflow:hidden; transition:all .3s ease;} .about_center03 .swiper .swiper-slide:last-child{margin-right:0%;} .about_center03 .swiper .swiper-slide.cur{width:56.6% !important;} .about_center03 .swiper .swiper-slide img{max-width:none; width:100%; object-fit:cover; height:450px;} .about_center03 .swiper .swiper-slide.cur .common_infor{top:inherit; transform:none; bottom:40px; left:40px; text-align:left;} .about_center03 .swiper .swiper-slide.cur .common_infor .line{margin:20px 0 13px} .about_center03 .swiper .swiper-slide.cur .common_infor .con{opacity:1; visibility:visible; display:block;} .about_center03 .swiper .swiper-button-prev, .about_center03 .swiper .swiper-button-next{display:none;} .about_center04{background:url(../img/about_center04_1.jpg) no-repeat center; height:300px; padding-top:80px; box-sizing:border-box;} .about_center04 .common_infor{text-align:center;} .about_center04 .common_infor .tit{color:#fff;} .about_center04 .common_infor .line{background-color:#fac109; margin:25px auto 35px;} .about_center04 .common_infor .con{color:#fff;} .about_center04 .common_infor .con .item{display:inline-block; padding:0 86px;} /* 关于我们 end */ /* 在线留言 */ .liuyan01 .infor .tit{font-size:35px; line-height:35px;} .liuyan01 .infor .con{margin:25px 0; width:48%; font-size:16px;} .liuyan01 .content{overflow:hidden; padding-right:40px;} .liuyan01 .content .inp{float:left; width:29%; margin-right:4%; margin-bottom:25px; position:relative;} .liuyan01 .content .inp label{float:left; width:21%; font-size:16px; color:#5c5c5c; font-weight:lighter; margin-right:2%; line-height:57px; height:57px;} .liuyan01 .content .inp .stars{color:red; margin-left:5px; position:absolute; right:-14px; top:50%; margin-top:-10px; height:20px; line-height:20px;} .liuyan01 .content .inp .inp_box{overflow:hidden; background:#f4f4f4; width:77%; float:left;} .liuyan01 .content .inp input{width:65%; float:left; border:none; background:transparent; line-height:57px; height:57px; text-indent:20px;} .liuyan01 .content .inp select{width:100%; float:left; border:none; background:transparent; line-height:57px; height:57px;} .liuyan01 .content .inp .select-ui-choose-default{display:block; border:1px solid #eee; background:transparent; line-height:57px; height:57px;} .liuyan01 .content .inp .select-ui-choose-default ._arrow{width:2em;} .liuyan01 .content .inp_text{width:100%; margin-right:0;} .liuyan01 .content .inp_text label{width:4.9%; margin-right:1.8%;} .liuyan01 .content .inp_text .text_box{overflow:hidden; background:#f4f4f4; width:88.6%; float:left;} .liuyan01 .content .txtarea{background:#f4f4f4; border:none; height:150px; width:91.5%; font-size:16px;color:#5c5c5c;font-weight:lighter; padding:20px 30px;} .liuyan01 .content .btn_box{margin-top:65px;} .liuyan01 .content .btn_box button{cursor:pointer; background:#fac109; color:#000; width:147px; height:56px; line-height:56px; display:block;text-align:center;font-size:17px; font-weight:bold; float:left; border:none; outline:none;} .liuyan01 .content .btn_box button.btn1{margin-left:6.6%;} .liuyan01 .content .btn_box button.btn2{color:#000; background:#d4d4d4; margin-left:20px;} .liuyan01 .content .Validform_checktip{position:absolute; right:5px; top:19px;} .liuyan01 .content .btn_box{margin-top:20px;} .liuyan01 .content .btn_box button.btn1{margin-left:5.9%;} .liuyan01 .content .btn_box button{line-height: 50px; height: 50px;} .liuyan01 .content .inp label{width:18%; line-height:45px; height:45px;} .liuyan01 .content .inp_text label{margin-right: 0.8%; width:4.9%;} .liuyan01 .content .inp .select-ui-choose-default, .liuyan01 .content .inp input, .liuyan01 .content .inp select{height:45px; line-height:45px;} .liuyan01 .content .inp{margin-bottom:15px;} .liuyan01 .content .Validform_checktip{right:20px; top:12px;} .liuyan01 .content .btn_box button.btn2:hover {color:#000;background:#fac109;} .liuyan01 .content .inp .inp_box, .liuyan01 .content .inp_text .text_box{border:1px solid #e0dede;} .liuyan01 .content .inp .inp_box{width:76%;} .liuyan01 .content .inp .inp_box:hover, .liuyan01 .content .inp .inp_box:hover textarea{background:#eae9e9} .liuyan01 .content .inp .select-ui-choose-default{border:none;} .liuyan01 .content .inp .inp_box:hover, .liuyan01 .content .inp_text:hover .text_box{border:1px solid #d8d7d7;} .liuyan01 .content .inp.yzm_box{width:52%;} .liuyan01 .content .inp.yzm_box label{width:9%;} .liuyan01 .content .inp.yzm_box .inp_box{width:21%; margin-right:3%;} /* 留言 end */ /* 环保查询 */ .huanbao.channel_content{padding-bottom:0;} .huanbao01{text-align:center;} .huanbao01 .infor .tit{font-size:35px; line-height:35px;} .huanbao01 .content ul{margin:35px 0} .huanbao01 .content ul li{display:inline-block; position:relative; width:210px; cursor:pointer;} .huanbao01 .content ul li:before{content:''; width:0; height:2px; background:#fac109; position:absolute; left:50%; margin-left:-40px; bottom:-4px; transition:all 0.5s ease;} .huanbao01 .content ul li .icon{display:inline-block;width:60px; height:38px; background-repeat:no-repeat;transition:transform 0.5s ease;} .huanbao01 .content ul li .txt{font-size:18px;} .huanbao01 .content ul li:after{content:''; position:absolute; background:#d7d7d7; left:0; width:1px; height:80px; top:50%; margin-top:-40px;} .huanbao01 .content ul li:first-child:after{display:none;} .huanbao01 .content ul li.cur .icon{background-position:0 -38px;} .huanbao01 .content ul li.cur .txt{color:#fac109;} .huanbao01 .content ul li.cur:before{width:80px;} .huanbao01 .content ul li:hover:before{width:80px;} .huanbao01 .content ul li:hover .icon{transform:rotateY(180deg);} .huanbao02{background:#fff; padding:40px 0 70px;} .huanbao02 .content{padding:0 22%;} /*.huanbao02 .content .form{display:none;}*/ .huanbao02 .content .inp_box{border:1px solid #999;transition:all 0.5s ease;} .huanbao02 .content .inp_box .l{width:80%;} .huanbao02 .content .inp_box input{border:none; background:transparent; height:40px; line-height:40px; width:100%; padding-left:2%; font-size:16px; color:#999; font-weight:bold;} .huanbao02 .content .inp_box .r{width:18%; height:40px; line-height:40px;} .huanbao02 .content .inp_box .r img{vertical-align:middle;} .huanbao02 .content .inp_box button{font-size:16px; color:#4a4a4a; border:none; outline:none; line-height:40px; display:block; width:100%;} .huanbao02 .content .txt{font-size:13px; color:#616161; margin:10px 0 25px; } .huanbao02 .content .btns button{width:100%; cursor:pointer; line-height:57px; text-align:center; font-size:18px; color:#000; background:#fac109; border:none; outline:none; font-weight:bold; margin-top:28px;} input:-internal-autofill-selected{background:transparent!important} .huanbao02 .content .inp_box button:hover{color:#fac109; cursor:pointer;} .huanbao02 .content .inp_box:hover{background:#f5f5f5;} /* 环保查询end */ /* 实名举报 start*/ .jubao01 .content{overflow:hidden; padding-right:40px;} .jubao01 .content .inp{float:left; width:29%; margin-right:4%; margin-bottom:15px; position:relative;} .jubao01 .content .inp label{float:left; width:22%; font-size:15px; color:#5c5c5c; font-weight:lighter; margin-right:3%; line-height:45px; height:45px;} .jubao01 .content .inp .stars{color:red; margin-left:5px; position:absolute; right:-14px; top:50%; margin-top:-10px; height:20px; line-height:20px;} .jubao01 .content .inp .inp_box{overflow:hidden; background:#f4f4f4; /*width:75%;*/ float:left;margin-right: 4%;} .jubao01 .content .inp input{width:100%; float:left; border:none; background:transparent; line-height:45px; height:45px; text-indent:20px; box-sizing: border-box;} .jubao01 .content .inp select{width:100%; float:left; border:none; background:transparent; line-height:45px; height:45px;} .jubao01 .content .inp .select-ui-choose-default{display:block; border:none; background:transparent; line-height:45px; height:45px;} .jubao01 .content .inp .select-ui-choose-default ._arrow{width:2em;} .jubao01 .content .inp_text{width:100%; margin-right:0;} .jubao01 .content .inp_text label{width:7%; margin-right:0;} .jubao01 .content .inp_text .text_box{overflow:hidden; background:#f4f4f4; width:87.6%; float:left;} .jubao01 .content textarea{background:#f4f4f4; border:none; height:100px; width:91.5%; font-size:16px;color:#5c5c5c;font-weight:lighter; padding:20px 30px;} .jubao01 .content .btn_box{margin-top:20px;} .jubao01 .content .btn_box button{cursor:pointer; background:#fac109; color:#000; width:147px; height:50px; line-height:50px; display:block;text-align:center;font-size:17px; font-weight:bold; float:left; border:none; outline:none;} .jubao01 .content .btn_box button.btn1{margin-left:7%;} .jubao01 .content .inp .inp_box, .jubao01 .content .inp_text .text_box{border:1px solid #e0dede;} .jubao01 .content .inp .inp_box:hover, .jubao01 .content .inp .inp_box:hover textarea{background:#eae9e9} .jubao01 .content .inp .inp_box:hover, .jubao01 .content .inp_text:hover .text_box{border:1px solid #d8d7d7;} .jubao01 .content .inp_text .stars{right:3%; top:10%;} .jubao01 .content .Validform_checktip{position:absolute; right:20px; top:12px;} .jubao01 .content .inp_text .Validform_checktip{right:70px;} .jubao01 .uploadImg{display:inline-block; margin-left:7%;} .jubao01 .uploadImg .btns{background:#eee; padding:5px 10px; cursor:pointer; transition:.5s ease;} .jubao01 .uploadImg:hover .btns{background:#fac109; color:#000;} .jubao01 .left{width:78%; float:left;} .jubao01 .right{width:17%; float:right;border-left: 1px solid #ccc; padding-left:3%;} .jubao01 .right .tit{font-size:16px;} .jubao01 .right .txt_{margin:20px 0;} .jubao01 .right .txt_ span{width:72px; display:inline-block;} .jubao01 .content .wxts{margin-left:70px;} /* 举报进度查询 */ .chaxun01 .inp_box{position:relative; margin-bottom:30px;} .chaxun01 .inp_box input{width:76%; border-radius:30px; border:1px solid #e0dede; overflow:hidden; background:#f4f4f4; line-height:45px; height:45px; text-indent:3em;} .chaxun01 .inp_box i{position:absolute; left:10px; font-size:18px; top:10px;} .chaxun01 .inp_box .submit{display:inline-block; margin-left:2%; cursor: pointer; background:#fac109; color:#000; width:147px; height:50px; line-height:50px; text-align:center; font-size:17px; font-weight:bold; border:none; outline:none;} .chaxun01 .item{margin-bottom:30px;} .chaxun01 .item .tit{font-size:16px; margin-bottom:15px;} .chaxun01 .item .con{background:#f4f4f4; padding:30px;} .chaxun01 .item .con ul{position:relative;} .chaxun01 .item .con ul:after{content:''; position:absolute; left:3px; top:7px; width:1px; height:70%; background:#fac109;} .chaxun01 .item .con ul li{position:relative; padding-left:15px; margin-bottom:10px;} .chaxun01 .item .con ul li:after{content:''; position:absolute; width:6px; height:6px; border-radius:50%; left:0; top:7px; background:#fac109;} .chaxun01 .item .con ul.on:after{background:red;} .chaxun01 .item .con ul.on li:after{background:red;} /* 产品列表 */ .channel_content.pro_center{padding-bottom:0;} .pro_center1 .hd{padding-bottom:55px;} .pro_center1 .hd .hd_box{align-items:center;} .pro_center1 .hd .hd_box .left{font-size:32px; font-weight:bold; line-height:1; padding-bottom:30px; border-bottom:1px solid #e3e3e2;} .pro_center1 .hd .hd_box .center{margin-top:20px; height:400px; overflow-y:auto;} .pro_center1 .hd .hd_box .center::-webkit-scrollbar{width:4px; height:4px;} .pro_center1 .hd .hd_box .center::-webkit-scrollbar-thumb{border-radius:5px; background:#fac109;} .pro_center1 .hd .hd_box .center::-webkit-scrollbar-track{border-radius:0; background:#e3e3e3;} .pro_center1 .hd .hd_box .center .tip{margin-bottom:30px;} .pro_center1 .hd .hd_box .center .tip:last-child{margin-bottom:0;} .pro_center1 .hd .hd_box .center .tip .tip_l{font-size:18px; color:#000; line-height:1; font-weight:bold; white-space:nowrap; margin-bottom:20px;} .pro_center1 .hd .hd_box .center .tip .tip_r{font-size:0; flex-wrap:wrap; width:100%;} .pro_center1 .hd .hd_box .center .tip .tip_r .item{margin-right:5%; cursor:pointer; margin-bottom:10px;} .pro_center1 .hd .hd_box .center .tip .tip_r .item:last-child{margin-right:0;} .pro_center1 .hd .hd_box .center .tip .tip_r .item .icon{text-align:center; width:20px; height:20px; border:1px solid #ecebeb; font-size:0; box-sizing:border-box; margin-right:15px; display:inline-block; vertical-align:middle;} .pro_center1 .hd .hd_box .center .tip .tip_r .item .icon i{display:block; margin:0; padding:0; color:#000; line-height:20px;} .pro_center1 .hd .hd_box .center .tip .tip_r .item.on .icon{background:#fac109; font-size:12px; background-color:#fac109;} .pro_center1 .hd .hd_box .center .tip .tip_r .item .text{display:inline-block; vertical-align:middle; font-size:16px; color:#000; line-height:1; white-space:nowrap;} .pro_center1 .hd .hd_box .right{margin-top:20px;} .pro_center1 .hd .hd_box .right .rest{width:200px; height:55px; line-height:55px; text-align:center; font-size:16px; color:#000; background:#fac109;} .pro_center1 .bd{background:#f8f8f7; padding-bottom:70px;} .pro_center1 .bd .tips{font-size:32px; line-height:1; font-weight:bold; color:#000; margin-bottom:45px;} .pro_center1 .bd .tips span{font-size:46px; color:#fac109;} .pro_center1 .bd ul{display:flex; flex-wrap:wrap; font-size:0;} .pro_center1 .bd li{width:32.5%; background:#fff; box-sizing:border-box; padding:40px 2%; transition:all .2s ease-in-out; margin-bottom:20px; padding-top:0;} .pro_center1 .bd li:hover{box-shadow:4px 0px 20px 2px #e6e6e6;} .pro_center1 .bd li .li_box{display:block;} .pro_center1 .bd li .img_{margin-bottom:10px;} .pro_center1 .bd li .img_ .rect-75{padding-bottom:75%;} .pro_center1 .bd li .tit{font-size:24px; line-height:1; text-align:center; font-weight:bold; color:#000; margin-bottom:50px;} .pro_center1 .bd li .text{margin-bottom:20px;} .pro_center1 .bd li .text .text_{font-size:16px; color:#000; line-height:1; flex:1; padding:0 2%; display:flex; justify-content: space-between;} .pro_center1 .bd li .text .text_ .t{margin-bottom:15px;} .pro_center1 .bd li .text .text_c{flex:1; } .pro_center1 .bd li .btns .btn_{width:49%; margin-right:2%; float:left; height:45px; line-height:43px; box-sizing:border-box; text-align:center; background:#fac109;} .pro_center1 .bd li .btns .btn_ a{display:block; color:#000; font-size:16px;} .pro_center1 .bd li .btns .btn_ .icon{display:inline-block; vertical-align:middle; width:20px; height:20px; line-height:18px; border:2px solid #a07524; box-sizing:border-box; margin-right:3%; font-size:0; font-weight:bold;} .pro_center1 .bd li .btns .btn_ .icon i{display:block; margin:0; padding:0; width:100%; height:100%;} .pro_center1 .bd li .btns .btn_:last-child{margin-right:0%; border:1px solid #000; background:none;} .pro_center1 .bd li .btns .btn_:last-child .icon{border:0;} .pro_center1 .bd li .btns .btn_:last-child .icon i{background:url(../img/baojia.png) no-repeat center; background-size:100% 100%;} .pro_center1 .bd li.on .contrast .icon{font-size:.8em;} .pro_center1 .bd .see_more{text-align:center; font-size:16px; line-height:1; color:#000; margin-top:40px;} .pro_center1 .bd .see_more .more{display:inline-block; width:260px; height:55px; line-height:55px; cursor:pointer; border:1px solid #000;} .pro_center2{background:#fac109; position:fixed; bottom:-100%; left:50%; transform:translateX(-50%); width:100%; z-index:10; padding:25px 0; transition:all .2s ease-in-out;} .pro_center2 .content .left{float:left; width:45%; position:relative; box-sizing:border-box;} .pro_center2 .content .left .left_box{margin:0 20px;} .pro_center2 .content .left .swiper{overflow:hidden;} .pro_center2 .content .left .swiper .swiper-slide{width:auto !important;} /* .pro_center2 .content .left .swiper .swiper-slide:last-child{margin-right:0px;} */ .pro_center2 .content .left .swiper .swiper-slide .item{line-height:1; font-size:16px; color:#000; padding:10px; text-align:center; cursor:pointer;} .pro_center2 .content .left .swiper .swiper-slide .item .close{display:inline-block; vertical-align:middle; font-size:12px; margin-left:5px;} .pro_center2 .content .left .swiper .swiper-slide .item span{display:inline-block; vertical-align:middle; margin:0; padding:0;} .pro_center2 .content .left .swiper i{display:inline-block; vertical-align:middle; margin:0; padding:0; line-height:1;} .pro_center2 .content .left .swiper-button-prev,.pro_center2 .content .left .swiper-button-next{font-size:2em; width:2em; height:2em; margin:0; top:50%; transform:translateY(-50%); background:none; line-height:2em; color:#000;} .pro_center2 .content .left .swiper-button-prev{left:-30px;} .pro_center2 .content .left .swiper-button-next{right:-30px;} .pro_center2 .content .left .swiper-button-disabled{display:none;} .pro_center2 .content .right{float:right; width:40%;} .pro_center2 .content .right .contrast{pointer-events:none;} .pro_center2 .content .right .btn_{border:1px solid #000; padding:10px; font-size:16px; line-height:1; color:#000; display:inline-block; margin-right:20px; cursor:pointer;} .pro_center2 .content .right .btn_:last-child{margin-right:0;} .pro_center3{position:fixed; left:0; top:100%; width:100%; z-index:999; background:#fff; height:100vh; transition:all .4s ease; overflow-y:auto;} .pro_center3 .infor{background:#fac109; padding:30px 0; text-align:center;} .pro_center3 .infor .tit{font-size:22px; line-height:1; color:#000; display:inline-block;} .pro_center3 .infor .tit i{display:inline-block; background:url(../img/compare_xiala.png) no-repeat center; width:68px; height:32px; vertical-align:middle; margin-left:15px;} .pro_center3 .content {overflow-x:auto; width:90%; margin:0 auto; margin-top:100px; margin-bottom:50px; text-align:center; font-size:0; box-sizing:border-box;} .pro_center3 .content .img_list{white-space:nowrap;} .pro_center3 .content .img_list .item{width:30%; display:inline-block; text-align:center;} .pro_center3 .content .img_list .item:last-child{margin-right:0;} .pro_center3 .content .img_list .item .img_{width:80%; margin:0 auto;} .pro_center3 .content .img_list .item .img_ .rect-366{padding-bottom:90%;} .pro_center3 .content .img_list .item .tit{font-size:22px; color:#000; text-align:center; margin:50px 0;} .pro_center3 .content .img_list .item .more{width:80%; display:inline-block; border:1px solid #000; font-size:16px; text-align:center; height:40px; line-height:40px;} .pro_center3 .content .text_list{text-align:center; margin-top:50px; border-bottom:1px solid #dfdfdf; white-space:nowrap;} .pro_center3 .content .text_list .item{width:33.333%; display:inline-block;} .pro_center3 .content .text_list li{border:1px solid #dfdfdf; border-bottom:0; line-height:45px; font-size:14px; color:#000; height:45px;} .pro_center3 .content .text_list li:first-child{background:#ededed; font-weight:bold;} /*除名查询*/ .cmcx { background-color: #f5f5f5;} .cmcx .container {font-size: 24px;padding: 0 120px;} .cmcx .bg_f5 .change-password h1 {margin-top: 20px;margin-bottom:20px;} .cmcx .new-forms-box .change-password .query-contant {padding-top: 35px;min-height: 400px; font-size: 18px;} .query-contant {height: auto;display: block;border: 1px solid #eee;background: url(../img/cm.png) no-repeat 100% 100% #fff; } .cmcx .selct-form-left {position: absolute;min-height: 1px;padding-left:50px;width:50%;} .cmcx .selct-form-right{min-height: 1px;padding-left: 11px;padding-right: 11px;width:50%;float: right;} .col-sm-12.change-password .row {margin-bottom: 30px;} .change-password .input-name {position: absolute;text-align: right; padding-right: 5px; height: 42px;font-size: 18px; line-height: 42px; display: table;} .change-password input {margin-left: 105px;width: 300px; height: 42px;background: none;border: 1px solid #ccc; border-radius: 4px; float: left; line-height: 100%; line-height: 2; padding-left: 5px;} .cmcx .selct-form-left .btn_box button {margin-left: 106px; cursor: pointer;border: 1px solid #111; background: #fff; width: 150px;height: 42px; line-height: 42px; display: block;text-align: center;font-size: 18px;font-weight: bold; float: left;outline: none;} .cmcx .selct-form-left .btn_box button.btn1:hover {margin-left: 106px; cursor: pointer; background: #fac109;color: #000; width: 150px;height: 42px; line-height: 42px; display: block;text-align: center;font-size: 18px;font-weight: bold; float: left; border: none; outline: none;} .query-contant #result{margin-top: 20px;} .m_selct-form-right{display:none;} /*视频列表*/ .video_list01 .li_{width:23.5%; margin-right:2%; float:left; margin-bottom:60px; cursor:pointer;} .video_list01 .li_four{margin-right:0px;} .video_list01 .li_ .intro{background:#d3d7db; transition:all 0.5s ease;} .video_list01 .li_ .intro .box{padding:20px 25px;} .video_list01 .li_ .intro .box span{font-size:16px; line-height:26px; color:#2e2e2e; transition:all 0.5s ease; display:inline-block; vertical-align:middle;} .video_list01 .li_ .intro .box i{vertical-align:-2px;} .video_list01 .li_:hover .intro{background:#fac109} .video_list01 .li_:hover .intro .box span{color:#000;} /* 党建 */ .dangjian01 .hd {margin-bottom:40px;} .dangjian01 .hd .intro .tit{font-size:35px; line-height:50px; color:red; margin-bottom:20px; padding-left:0px; text-indent:0; line-height:1;} .dangjian01 .hd .intro .tit:after {display: none;} .dangjian01 .hd .intro .con {font-size:16px; line-height:28px;} .dangjian01 .bd .rect-62{padding-bottom:56.25%;} .dangjian01 .bd .rect-62 img{height:auto;} .dangjian01 .bd ul li{background:#f2f2f2; transition:.5s ease; margin-bottom:30px;} .dangjian01 .bd ul li a{display:block; color:#000;} .dangjian01 .bd ul li .intro .box .txt .t a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .dangjian01 .bd ul li .img{float:left; width:28%;} .dangjian01 .bd ul li .intro{float:left; width:72%;} .dangjian01 .bd ul li.noimg .img{display:none;} .dangjian01 .bd ul li.noimg .intro{width:100%;} .dangjian01 .bd ul li.noimg .intro .box{padding-bottom:30px;} .dangjian01 .bd ul li .intro .box{padding:50px 50px 0;} .dangjian01 .bd ul li .intro .box .txt{float:left; width:80%;} .dangjian01 .bd ul li .intro .box .txt .t{font-size:26px; color:#373737; transition:.3s ease;} .dangjian01 .bd ul li .intro .box .txt .c{font-size:14px; color:#333f47; line-height:26px; height:52px; overflow:hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; margin:8px 0 15px; font-weight:lighter; transition:.3s ease;} .dangjian01 .bd ul li .intro .box .txt .time{display:none;} .dangjian01 .bd ul li .intro .box .date{float:right; width:10%; text-align:center; color:#333f47;} .dangjian01 .bd ul li .intro .box .date .day{font-family:Impact; font-size:48px; transition:.3s ease; line-height:1.2;} .dangjian01 .bd ul li .intro .box .date .year{font-family:Arial; font-size:17px;} .dangjian01 .bd ul li a{transition:0s;} .dangjian01 .bd ul li:hover{background:#fac109;} /* 营销网络 start */ .network1 .infor .con{font-size:16px; line-height:30px; color:#000;} .network1 .content{margin-top:70px; margin-bottom:65px;} .network1 .content .li_{float:left; box-sizing:border-box; border-right:1px solid #e5e5e5;} .network1 .content .li_.li01{width:16%;} .network1 .content .li_.li02{width:23%; padding-left:9%;} .network1 .content .li_.li03{width:28%; padding-left:10%;} .network1 .content .li_.li04{width:33%; border:none; padding-left:4%;} .network1 .content .li_ .tit{font-size:16px; color:#fac109;} .network1 .content .li_ .num_box{margin-top:4px; margin-bottom:6px;} .network1 .content .li_ .num{font-size:72px; color:#fac109; font-family:'BEBAS'; line-height:72px; vertical-align:inherit;} .network1 .content .li_ span{font-size:42px; font-family:'BEBAS'; color:#000; vertical-align:-8px; line-height:42px;} .network1 .content .li_ .con{font-size:16px; color:#6f6f6f;} .network2 .top{width:55%; margin:0 auto; background:#f6f6f6; height:48px; box-sizing:border-box; position:relative;} .network2 .top{height:100%;} .network2 .top input{width:100%; height:100%; line-height:48px; border:none; padding:0; background:transparent; font-size:16px; color:#000; position:relative;} .network2 .top input::-webkit-input-placeholder{font-size:16px; color:#666;} .network2 .top input::-moz-placeholder{font-size:16px; color:#666;} .network2 .top input:-moz-placeholder{font-size:16px; color:#666;} .network2 .top input:-ms-input-placeholder{font-size:16px; color:#666;} .network2 .top button{position:absolute; right:0; top:0; width:48px; height:48px; background:url(../img/network_icon.jpg) no-repeat center; background-size:cover; border:none; cursor:pointer;} .network2 .bott{margin-top:65px;} .network2 .bott{height:880px;} .network2 .bott .left{width:26%; height:100%; box-sizing:border-box; background:#f7f7f7;} .network2 .bott .item{border-bottom:1px solid #e7e7e7; padding-top:20px; padding-right:10px; box-sizing:border-box; padding-bottom:25px; cursor:pointer;} .network2 .bott .item:first-child{padding-top:0;} .network2 .bott .item dt{font-size:20px; line-height:28px; font-weight:bold; color:#000; margin-bottom:17px; transition:all 0.5s ease;} .network2 .bott .item dd{font-size:16px; line-height:26px; color:#000; padding-left:25px; box-sizing:border-box; position:relative; transition:all 0.5s ease;} .network2 .bott .item dd::before{content:''; width:14px; height:17px; position:absolute; top:50%; transform:translateY(-50%); left:0;} .network2 .bott .item dd.dd01::before{background:url(../img/network_icon2.png) no-repeat center; background-size:cover;} .network2 .bott .item dd.dd02::before{background:url(../img/network_icon3.png) no-repeat center; background-size:cover;} .network2 .bott .item dd.dd03::before{background:url(../img/network_icon4.png) no-repeat center; background-size:cover; width:15px; height:11px; top:10px;} .network2 .bott .right{width:74%; height:100%;} .network2 .bott .right .map{height:100%;} /* 营销网络 end */ /* 电子商城 */ .market{background:#f8f8f7;} .market01{margin-bottom:55px;} .market01 .rect-356{padding-bottom:35.6%;} .market01 .rect-111{padding-bottom:111%;} .market01 a{display:block;} .market01 .left{width:74.3%; float:left; position:relative;} .market01 .left .img_{position:absolute; right:68px; width:684px; height:443px; bottom:-14px; transition:all 0.5s ease;} .market01 .left .info{position:absolute; left:79px; top:50%; transform:translateY(-50%); z-index:2;} .market01 .left .info .t{font-size:32px; line-height:32px; color:#000; font-weight:bold;} .market01 .left .info .c{font-size:18px; line-height:26px; color:#000; margin-top:15px;} .market01 .left:hover .img_{bottom:0;} .market01 .right{width:24%; float:right; position:relative;} .market01 .right .img_{position:absolute; left:50%; transform:translateX(-50%); width:200px; height:200px; bottom:106px; transition:all 0.5s ease;} .market01 .right .info{position:absolute; left:50%; transform:translateX(-50%); bottom:40px; z-index:2;} .market01 .right .info .t{font-size:32px; line-height:32px; color:#fff; font-weight:bold;} .market01 .right:hover .img_{bottom:126px;} .market02 .content .info{position:absolute; left:80px; top:50%; transform:translateY(-50%); z-index:2;} .market02 .content .info .t{font-size:32px; line-height:32px; color:#fff; font-weight:bold;} .market02 .content .info .c{font-size:18px; line-height:26px; color:#fff; margin-top:15px;} .market03{margin-top:50px;} .market03 .infor{margin-bottom:35px;} .market03 .infor .t{font-size:24px; line-height:30px; color:#000; font-weight:bold; float:left;} .market03 .infor .c{font-size:16px; line-height:30px; color:#7e7e7e; float:right;} .market03 .content li{width:23.5%; float:left; margin-left:2%; background:#fff;} .market03 .content li:first-child{margin-left:0;} .market03 .content li a{display:block;} .market03 .content li .info{transition:all 0.5s ease;} .market03 .content li .info .box{padding:35px;} .market03 .content li .info .box .t{font-size:24px; line-height:30px; color:#000; font-weight:bold;} .market03 .content li .info .box .c{font-size:16px; line-height:24px; color:#000; margin-top:10px;} .market03 .content li:hover .info{background:#fac109;} .market04{margin-top:50px;} .market04 .infor{margin-bottom:35px;} .market04 .infor .t{font-size:24px; line-height:30px; color:#000; font-weight:bold; float:left;} .market04 .infor .c{font-size:16px; line-height:30px; color:#7e7e7e; float:right;} .market04 .content li{width:23.5%; float:left; margin-left:2%; background:#fff;} .market04 .content li:first-child{margin-left:0;} .market04 .content li a{display:block;} .market04 .content li .info{transition:all 0.5s ease;} .market04 .content li .info .box{padding:35px;} .market04 .content li .info .box .t{font-size:24px; line-height:30px; color:#000; font-weight:bold;} .market04 .content li .info .box .c{font-size:16px; line-height:24px; color:#000; margin-top:10px;} .market04 .content li:hover .info{background:#fac109;} /* 企业荣誉 start */ .honor{padding-bottom:60px;} .honor1 .rect-64{padding-bottom:64%;} .honor1 .infor{text-align:center;} .honor1 .infor .common_infor .line{margin:0 auto; margin-top:25px; margin-bottom:43px;} .honor1 .content .top .wrap{position:relative; text-align:center;} .honor1 .content .top .title{font-size:40px; line-height:50px; font-weight:bold; color:#000; display:inline-block; background:#fff; padding:0 15px;} .honor1 .content .top .line{width:200%; height:1px; background:#d5d3d2; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-1;} .honor1 .content .top .prev{width:50px; height:50px; background:url(../img/honor_prev.png) no-repeat center; background-size:cover; position:absolute; left:0; top:50%; transform:translateY(-50%); cursor:pointer;} .honor1 .content .top .next{width:50px; height:50px; background:url(../img/honor_next.png) no-repeat center; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%); cursor:pointer;} .honor1 .content .bott ul{text-align:center; margin-top:55px;} .honor1 .content .bott li{display:inline-block; font-size:20px; color:#d5d3d2; margin:0 25px; cursor:pointer; transition:all 0.5s ease; position:relative;} .honor1 .content .bott li::after{content:''; width:100%; height:6px; background:#fac109; position:absolute; bottom:-12px; left:50%; transform:translateX(-50%); opacity:0; visibility:hidden; transition:all 0.5s ease;} .honor1 .content .bott li:hover{color:#fac109;} .honor1 .content .bott li:hover::after{opacity:1; visibility:visible;} .honor1 .content .bott li.active{color:#fac109;} .honor1 .content .bott li.active::after{opacity:1; visibility:visible;} .honor1 .content .bott .list{margin-top:75px;} .honor1 .content .bott .list .item{width:32%; margin-right:2%; float:left; margin-bottom:30px;} .honor1 .content .bott .list .item.three{margin-right:0;} .honor1 .content .bott .list .item .intro{padding:35px 40px; box-sizing:border-box; background:#f5f5f5; transition:all 0.5s ease;} .honor1 .content .bott .list .item .intro div{font-size:24px; line-height:28px; color:#000;} .honor1 .content .bott .list .item:hover .intro{background:#fac109;} /* 企业荣誉 end */ /* 产品列表 */ .channel_content.pro_detail{padding:0;} .pro_detail1{background:url(../img/pro_detail_5.jpg) no-repeat center; background-size:cover; padding:90px 0 70px;} .pro_detail1 .content .left{float:left; width:39%;} .pro_detail1 .content .left .infor .en_tit{font-size:38px; line-height:1; color:#000; font-weight:bold; margin-bottom:20px;} .pro_detail1 .content .left .infor .ch_tit{font-size:24px; line-height:1; color:#fac109; font-weight:bold;} .pro_detail1 .content .left .infor .con{font-size:16px; line-height:30px; color:#000; margin-top:20px;} .pro_detail1 .content .left .text{margin-top:80px;} .pro_detail1 .content .left .text ul{display:flex;} .pro_detail1 .content .left .text li{font-size:16px; color:#000; line-height:1; flex:1; justify-content: space-between;} .pro_detail1 .content .left .text li .t{margin-bottom:15px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .pro_detail1 .content .left .text li .c{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .pro_detail1 .content .left .offer{margin-top:65px;} .pro_detail1 .content .left .offer a{display:block; width:290px; height:45px; line-height:45px; text-align:center; font-size:16px; color:#000; background:#fac109;} .pro_detail1 .content .left .offer a .icon{display:inline-block; vertical-align:middle; background:url(../img/baojia.png) no-repeat center; background-size:100% 100%; width:21px; height:21px; margin-right:20px;} .pro_detail1 .content .left .btns{margin-top:20px;} .pro_detail1 .content .left .btns .btn_{width:22%; height:45px; line-height:45px; text-align:center; border:1px solid #000; margin-right:3%; float:left;} .pro_detail1 .content .left .btns .btn_:last-child{margin-right:0;} .pro_detail1 .content .left .btns .btn_ .icon{display:inline-block; vertical-align:middle; background:url(../img/pro_detail_1.png) no-repeat center; background-size:100% 100%; width:16px; height:16px; margin-right:5%; } .pro_detail1 .content .left .btns .btn_2 .icon{background-image:url(../img/pro_detail_2.png);} .pro_detail1 .content .left .btns .btn_3 .icon{background-image:url(../img/pro_detail_3.png);} .pro_detail1 .content .left .btns .btn_4 .icon{background-image:url(../img/pro_detail_4.png);} .pro_detail1 .content .right{float:left; width:33%; overflow:hidden; position:relative; margin-left:25%; mix-blend-mode:darken;} .pro_detail1 .content .right .rect-90{padding-bottom:75%;} .pro_detail1 .content .right .swiper-pagination{position:static; margin-top:20px;} .pro_detail1 .content .right .swiper-pagination-bullet{width:12px; height:12px; background:#bdbdbd; opacity:1 !important;} .pro_detail1 .content .right .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fac109;} .pro_detail2{background:#fac109; } .pro_detail2 ul{font-size:0; height:70px;} .pro_detail2 li{position:relative; font-size:18px; line-height:70px; color:#000; transition:all .2s ease-in-out; margin-right:3%; float:left;} .pro_detail2 li:last-child{margin-right:0;} .pro_detail2 li::after{position:absolute; left:50%; transform:translateX(-50%); content:''; width:0; height:3px; background:#000; bottom:0;} .pro_detail2 li.on{font-weight:bold; font-size:24px; } .pro_detail2 li.on::after{width:120%;} .pro_detail3{margin-top:50px;} .pro_detail3 .title{font-size:42px; line-height:1; color:#000; font-weight:bold; margin-bottom:50px;} .pro_detail4{margin-top:50px; background:url(../img/pro_detail_7.jpg) no-repeat center; background-size:cover; padding:60px 0 40px;} .pro_detail4 .title{font-size:42px; line-height:1; color:#fff; font-weight:bold; margin-bottom:50px;} .pro_detail4 .content ul{display:flex; flex-wrap:wrap; justify-content:space-between; font-size:0;} .pro_detail4 .content ul li{width:32.5%; background:#fff; box-sizing:border-box; padding:40px 2%; transition:all .2s ease-in-out; margin-bottom:20px;} .pro_detail4 .content ul li:hover{box-shadow:4px 0px 20px 2px #e6e6e6;} .pro_detail4 .content ul li .li_box{display:block;} .pro_detail4 .content ul li .img_{margin-bottom:70px;} .pro_detail4 .content ul li .img_ .rect-75{padding-bottom:75%;} .pro_detail4 .content ul li .tit{font-size:24px; line-height:1; text-align:center; font-weight:bold; color:#000; margin-bottom:50px;} .pro_detail4 .content ul li .text{margin-bottom:40px;} .pro_detail4 .content ul li .text .text_{font-size:16px; color:#000; line-height:1; padding:0 2%; display:flex; justify-content:space-between;} .pro_detail4 .content ul li .text .text_ .t{margin-bottom:15px; width:49%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .pro_detail4 .content ul li .text .text_ .c{margin-bottom:15px; width:49%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:right;} .pro_detail4 .content ul li .text .text_c{flex:1;} .pro_detail4 .content ul li .btns{text-align:center;} .pro_detail4 .content ul li .btns .btn_{width:49%; display:inline-block; height:45px; line-height:43px; box-sizing:border-box; text-align:center; background:#fac109;} .pro_detail4 .content ul li .btns .btn_ a{display:block; color:#000; font-size:16px;} .pro_detail4 .content ul li .btns .btn_ .icon{display:inline-block; vertical-align:middle; width:20px; height:20px; line-height:18px; box-sizing:border-box; margin-right:3%; font-size:0; font-weight:bold;} .pro_detail4 .content ul li .btns .btn_ .icon i{display:block; margin:0; padding:0; width:100%; height:100%; background:url(../img/pro_detail_6.jpg.png) no-repeat center; background-size:100% 100%;} .pro_detail4 .content ul li.on .contrast .icon{font-size:.8em;} .pro_detail5{margin-top:50px;} .pro_detail5 .title{font-size:42px; line-height:1; color:#000; font-weight:bold; margin-bottom:50px;} .pro_detail5 .content{overflow:hidden; position:relative;} .pro_detail5 .content .rect-566{padding-bottom:56.6%;} .pro_detail5 .content .item{background:#f7f7f7;} .pro_detail5 .content .item .intro .box{padding:30px 7%;} .pro_detail5 .content .item .intro .box .t{font-size:24px; color:#000; font-weight:lighter;} .pro_detail5 .content .item .intro .box .c{font-size:16px; color:#000; opacity:0.5; font-weight:lighter;} .pro_detail5 .content .item .cover{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/pro_detail05_2.jpg) no-repeat center; background-size:cover; transition:all 0.5s ease; opacity:0; visibility:hidden;} .pro_detail5 .content .item .cover .box{padding:77px 30px 0;} .pro_detail5 .content .item .cover .box .t{font-size:30px; font-weight:bold; color:#fac109;} .pro_detail5 .content .item .cover .box .c{font-size:16px; color:#fefefe; line-height:26px; height:52px; overflow:hidden; margin:25px 0 60px;} .pro_detail5 .content .item:hover .cover{opacity:1; visibility:visible;} .pro_detail5 .content .swiper-pagination{position:static; display:none;} .son_company06{height:236px; overflow:hidden; position:relative; margin-top:70px;} .son_company06>img{position:absolute; width:100vw; top:0; left:0%; max-width:none; object-fit:cover; height:100%;} .son_company06 .content{position:relative; padding-top:60px;} .son_company06 .content .left{float:left; width:27%;} .son_company06 .content .left .t{font-size:30px; color:#fff; opacity:.8;} .son_company06 .content .left .c{font-size:42px; font-weight:bold; color:#fff;} .son_company06 .content .right{float:right; width:68.5%;} .son_company06 .content .right .item:first-child{margin-left:0;} .son_company06 .content .right .item{width:27.1%; float:left; margin-left:-40px; background-size:cover; background-repeat:no-repeat; background-position:center;} .son_company06 .content .right .item .box{padding:25px;} .son_company06 .content .right .item1{width:27.1%; background-image:url(../img/son_company06_bg1.png)} .son_company06 .content .right .item2{width:29%; background-image:url(../img/son_company06_bg2.png)} .son_company06 .content .right .item2 .box{padding-left:52px;} .son_company06 .content .right .item3{width:29%; background-image:url(../img/son_company06_bg2.png)} .son_company06 .content .right .item3 .box{padding-left:52px;} .son_company06 .content .right .item4{width:27.1%; background-image:url(../img/son_company06_bg3.png)} .son_company06 .content .right .item4 .box{padding-left:52px;} .son_company06 .content .right .item1:hover{background-image:url(../img/son_company06_bg1_on.png)} .son_company06 .content .right .item2:hover{background-image:url(../img/son_company06_bg2_on.png)} .son_company06 .content .right .item3:hover{background-image:url(../img/son_company06_bg2_on.png)} .son_company06 .content .right .item4:hover{background-image:url(../img/son_company06_bg3_on.png)} .son_company06 .content .right .item1.cur{background-image:url(../img/son_company06_bg1_on.png)} .son_company06 .content .right .item2.cur{background-image:url(../img/son_company06_bg2_on.png)} .son_company06 .content .right .item3.cur{background-image:url(../img/son_company06_bg2_on.png)} .son_company06 .content .right .item4.cur{background-image:url(../img/son_company06_bg3_on.png)} .son_company06 .content .right .item .box .icon{display:inline-block; vertical-align:middle; width:70px; height:43px; background-repeat:no-repeat; background-position:0 0;} .son_company06 .content .right .item .box .t{display:inline-block; vertical-align:middle; margin-left:6px; font-size:22px; font-weight:lighter; color:#2d2d2d;} .son_company06 .content .right .item:hover .t{color:#fff;} .son_company06 .content .right .item.cur .box .icon{background-position:0 -45px;} .son_company06 .content .right .item.cur .t{color:#fac109;} .channel_content.pro_center{padding-top:0;} .pro_center1{overflow:hidden; background:#f8f8f7; padding-top:90px;} .pro_center1 .hd{float:left; width:19%;} .pro_center1 .bd{float:right; width:78%;} .about_center03 .item::after{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:url(../img/about_us_cover.png) no-repeat center; background-size:cover; z-index:1; content:''; opacity:0;} .about_center03 .item::before{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:#000; background-size:cover; z-index:1; content:''; opacity:.2;} .about_center03 .swiper .swiper-slide.cur .common_infor{z-index:99;} .about_center03 .swiper .swiper-slide.cur .item::after{opacity:1;} .about_center03 .swiper .swiper-slide.cur .item::before{opacity:0;} .ibanner .visual-con .img_.video img{display:none;} .contact_us01 .content{display:block; overflow:hidden;} .contact_us01 .content .img_list{float:left; overflow:hidden;} .contact_us01 .content .img_list .img_{display:inline-block; margin-right:3em;} .contact_us01 .content .img_list .img_:last-child{margin-right:0;} .contact_us01 .content .img_list .img_ .title{text-align:center; font-size:16px; margin-top:10px; line-height:1;} .contact_us01 .content .info_{float:left; margin-right:8%;} .pjfw01 .tit{font-size:35px; line-height:1;} .pjfw01 .con{font-size:16px; line-height:1.6; margin-top:20px;} .pjfw01 .con span{font-size:20px;} .pjfw .form{background:#f4f4f4;} .pjfw .form .box{padding:30px 48px 60px;} .pjfw .form .box .tit{text-align:center; margin-bottom:50px;} .pjfw .form .box .icon{display:inline-block; width:60px; height:38px; background-repeat:no-repeat; background-position:0 -38px; vertical-align:middle;} .pjfw .form .box .txt{display:inline-block; font-size:22px; color:#313131; vertical-align:middle;} .pjfw .form .box .inp_box{width:405px; margin:0 auto; margin-bottom:50px;} .pjfw .form .box .inp_box input{background:#fff; border:none; line-height:48px; height:48px; width:100%; text-indent:13px;} .pjfw .form .box .inp_box.yzm input{width:45%;} .pjfw .form .box .inp_box.yzm img{float:right;} .pjfw .form .box .btns{text-align:center;} .pjfw .form .box .btns button{width:145px; cursor:pointer; line-height:47px; text-align:center; font-size:18px; color:#fff; background:#fac109; border:none; outline:none; font-weight:bold;} .pjfw .form .box .btns .btn2{background:#d4d4d4; color:#757575; margin-left:10px;} .box_tanchuang.pjfw .content{width:500px; margin-left:-250px; height:300px; margin-top:-150px;} .box_tanchuang.pjfw .content .intro .txt{overflow:hidden; border-bottom:1px solid #dfdfdf; background:#f7f7f7; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;} .box_tanchuang.pjfw .content .intro .txt:first-child{border-top:1px solid #dfdfdf;} .box_tanchuang.pjfw .content .intro .txt .t{float:left;width:37.6%; text-align:center; padding:7px 0; } .box_tanchuang.pjfw .content .intro .txt .c{float:left; width:62%; text-align:center; padding:7px 0; background:#fff; border-left: 1px solid #dfdfdf;} .span-6.smidd-12.smal-12:nth-of-type(2){float:right;} .span-6.smidd-12.smal-12:nth-of-type(2) img{width:100%;} .dangjian01 .bd ul li:hover{background:none;} .dangjian01 .bd ul li:hover .intro .box .txt .t a{color:#fac109;} .news_list02 .li_box .date:after{content:'';width:19px;height:31px;background:url(../img/news_list02_2.png) no-repeat center;position:absolute;left:-18px;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all 0.5s ease;} .header:hover::after{width:100%;} .header::after{position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:0; transition:all .2s ease-in-out; content:''; height:1px; background:#dfdfdf;} .news_ban .left::after{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:url(../img/news_list01_2.png) no-repeat center; background-size:cover; content:'';} .news_ban .left .cover{z-index:1;} .honor1 .content .bott .list .item{border:1px solid #dfdfdf; } .honor1 .content .bott .list .item .intro .tit{height:56px; overflow:hidden; text-overflow:-o-ellipsis-lastline; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 2; line-clamp:2; -webkit-box-orient:vertical; white-space:normal;} .honor1 .content .bott .list .item{box-sizing:border-box; } .xc_nav ul{overflow:hidden;} .xc_nav li.djyl a{font-size:30px; color:red;} .news_list02 .li_box .intro_{position:absolute; top:50%; right:9%; transform:translateY(-50%);} .job_list01 .hd{overflow:hidden;} .sanji_nav li{padding:0 30px;} .job_list01 .bd .j_c .j_c_box .intro strong:first-child{display:inline-block;} .network2 .bott .left{position:relative;} .network2 .bott .left .swiper-scrollbar{z-index:2;} .network2 .bott .left .swiper-scrollbar-drag{background:#fac109;} .network2 .bott .left .swiper{overflow:hidden; height:100%;} .network2 .bott .right{position:relative; transition:all .4s ease; overflow:hidden;} .network2 .bott .right_box{position:relative; transition:all .4s ease; width:100%; height:100%;} .network2 .bott .right_box.on{transform:scale(2);} .network2 .bott .right_box .dot_box{position:absolute; top:0; left:0; width:100%; height:100%;} .network2 .bott .right_box .dot_box .dot{position:absolute;} .network2 .bott .right_box .dot_box .dot .icon {width:20px; height:20px; transition:all .5s ease; background:url(../img/service_network01_dot.png) no-repeat center/contain; transition:all .4s ease; position:absolute; left:50%; transform:translateX(-50%); top:-20px; cursor:pointer;} .network2 .bott .right_box .dot_box .dot.on .icon{transform:scale(1.5);} .network2 .bott .item.on dt{color: #fac109;} .network2 .bott .left .swiper .swiper-slide.on dt{color:#fac109;} .network2 .bott .left .swiper .swiper-slide.on dd.dd01::before{background:url(../img/network_icon22.png) no-repeat center; background-size:cover;} .network2 .bott .left .swiper .swiper-slide.on dd.dd02::before{background:url(../img/network_icon33.png) no-repeat center; background-size:cover;} .network2 .bott .left .swiper .swiper-slide.on dd.dd03::before{background:url(../img/network_icon44.png) no-repeat center; background-size:cover;} .network2 .bott .right .map{width:100%; height:100%;} .network2 .bott .right .map img{width:100%; height:100%;} .network2 .top{width:60%; line-height:48px; text-align:center; position:relative; z-index:9;} .network2 .top .select_down{width:20%;float:left; box-sizing:border-box; background:#f6f6f6; position:relative;} .network2 .top .select_down::after{position:absolute; right:0; top:50%; height:60%; width:1px; background:#cbcbcb; content:''; transform:translateY(-50%);} .network2 .top .select_down span{display:block; position:relative; cursor:pointer;} .network2 .top .select_down span::after{position:absolute; right:1em; top:50%; transform:translateY(-50%); background:url(../img/job_jt.png) no-repeat center; width:10px; height:5px; content:'';} .network2 .top .select_down ul{display:none; position:absolute; top:100%; left:0; width:100%; background:#f6f6f6;} .network2 .top .select_down ul li{cursor:pointer;} .network2 .top .input_{float:left; box-sizing:border-box; width:calc(60% - 48px - 1em); background:#f6f6f6; padding-left:1em;} .history01 .right .pic_item{width:100%; height:100%;} .ipart04 .overlay .more{display:inline-block; width:220px; height:55px; line-height:53px; font-size:18px; color:#000; margin-top:50px;} .ipart04 .overlay .more .icon{display:inline-block; font-size:0; vertical-align:middle;} .ipart04 .overlay .more i{display:inline-block; font-size:30px; width:30px; height:30px; border-radius:30px; border:1px solid #000; line-height:34px; text-indent:.5em;} .ipart04 .overlay .more a{display:inline-block; vertical-align:middle;margin-left:1em;} .ipart02 .container .content{position:relative; height:100%; z-index:1;} .right_bar{position:fixed; right:0; top:60%; z-index:99;} .right_bar li{margin-bottom:10px; font-size:14px; text-align:center; line-height:1; background:#fac109; padding:15px;} .right_bar li a{display:block; color:#000;} .right_bar li i{font-size:30px; line-height:1; margin-bottom:10px;} .pro_center1 .bd li{margin-right:1.25%;} .pro_center1 .bd li:nth-child(3n){margin-right:0;} .pro_center3 .content.pro_three .text_list .item{width:25%;} /* 注册登录 */ .login.channel_content{padding:0;} .login01{background:url(../img/login01_1.jpg) no-repeat center; height:90vh; background-size:cover;} .login01 .content{width:480px; height:340px; padding-top:150px;} .login01 .content .hd .item{float:left; width:50%; line-height:51px; font-size:17px; color:#737373; font-weight:bold; text-align:center; cursor:pointer;background:#f0f0f0} .login01 .content .hd .item.cur{background:#fff} .login01 .content .bd{background:#fff;} .login01 .content .bd .item{display:none} .login01 .content .bd .item .box{padding:30px 35px 40px 25px;} .login01 .content .bd .item .box .inp_box{height:42px; line-height:42px; margin-bottom:15px; position:relative} .login01 .content .bd .item .box .inp_box .inp{width:100%; height:42px; line-height:42px; border:1px solid #e2e9ed; border-radius:4px; background:#f0f0f0; font-size:14px; color:#ababab; text-indent:19px; padding:0;} .login01 .content .bd .item .box .inp_box em{font-size:15px; color:#cf0b19; height:42px; line-height:42px; position:absolute; right:-13px; top:0;} .login01 .content .bd .item .box .inp_yzm .yzm{width:30%; height:37px; line-height:37px; border:1px solid #e2e9ed; border-radius:4px; text-indent:19px;} .login01 .content .bd .item .box .inp_yzm .yzm_img{margin-left:14px; display:inline-block; vertical-align:-3px; width:100px;} .login01 .content .bd .item .box .inp_yzm em{position:static} .login01 .content .bd .item .box .btns{width:100%; height:42px; line-height:42px; color:#000; font-size:18px; font-weight:bold; padding:0; margin:0; border:none; background:#fac109; text-align:center; outline:none; cursor:pointer;} .login01 .content .bd .item.cur{display:block;} .login01 .content .bd .item .box .inp_mess button{padding:0 20px; outline:none; cursor:pointer;} .login01 .content .bd .item .box .btns{transition:all 0.5s ease;} .login01 .content .bd .item .box .btns:hover{background:#fac109} .login01 .content .bd .item02 .box .inp_yzm{display:inline-block} .login01 .content .bd .item02 .box .inp_yzm .yzm{width:90%;} .login01 .content .bd .item02 .box .inp_mess{display:inline-block; width:40%; vertical-align:top;} .login01 .content .bd .item .box .inp_mess button{line-height:35px;;} .login01 .content .bd .item .box .inp_box{position:relative;} .login01 .content .bd .item .box .inp_box .repeat{position:absolute; right:15px; top:0px; font-size:12px; color:red;} .login01 .content .bd .item .box .inp_box .repeat2{position:absolute; right:15px; top:0px; font-size:12px; color:red;} .login01 .content .bd .item02 .box .inp_mess button.disabled{background:#f4f4f4; border:2px solid #f4f4f4; color:#d1d1d1;} .reset.channel_content{padding:0;} .reset01.login01 .content .bd .item{display:block;} .reset01.login01 .content .hd .item{width:100%;} .login01 .content .bd .item .box .inp_mima .Validform_checktip{position:absolute; right:0; top:0;} .huanbao01 .content ul li .icon{background:url(../img/huanbao_1.png) no-repeat center !important; background-size:100% 100% !important; } .huanbao01 .content ul li:last-child{display:none;} /* 经销商注册 */ .dealier01 .infor .con{margin:25px 0; color:#999c9f; width:48%;} .dealier01 .content{overflow:hidden; padding-right:40px;} .dealier01 .content .inp{float:left; width:29%; margin-right:4%; margin-bottom:25px; position:relative;} .dealier01 .content .inp label{float:left; width:21%; font-size:16px; color:#5c5c5c; font-weight:lighter; margin-right:2%; line-height:57px; height:57px;} .dealier01 .content .inp .stars{color:red; margin-left:5px; position:absolute; right:-14px; top:50%; margin-top:-10px; height:20px; line-height:20px;} .dealier01 .content .inp .inp_box{overflow:hidden; background:#f4f4f4; width:77%; float:left;} .dealier01 .content .inp input{width:65%; float:left; border:none; background:transparent; line-height:57px; height:57px; text-indent:20px;} .dealier01 .content .inp select{width:100%; float:left; border:none; background:transparent; line-height:57px; height:57px;} .dealier01 .content .inp .select-ui-choose-default{display:block; border:1px solid #eee; background:transparent; line-height:57px; height:57px;} .dealier01 .content .inp .select-ui-choose-default ._arrow{width:2em;} .dealier01 .content .inp_text{width:100%; margin-right:0;} .dealier01 .content .inp_text .text_box{overflow:hidden; background:#f4f4f4; width:88.6%; float:left;} .dealier01 .content textarea{background:#f4f4f4; border:none; height:150px; width:91.5%; font-size:16px;color:#5c5c5c;font-weight:lighter; padding:20px 30px;} .dealier01 .content .btn_box{margin-top:65px;} .dealier01 .content .btn_box button{cursor:pointer; background:#fbba40; color:#fff; width:147px; height:56px; line-height:56px; display:block;text-align:center;font-size:17px; font-weight:bold; float:left; border:none; outline:none;} .dealier01 .content .btn_box button.btn2{color:#757575; background:#d4d4d4; margin-left:20px;} .dealier01 .content .Validform_checktip{position:absolute; right:5px; top:19px;} .dealier01 .content .btn_box button{transition:all 0.5s ease} /* .dealier01 .content .btn_box button.btn1:hover{background:#095845} */ .dealier01 .content .btn_box button.btn2:hover{opacity:0.8;} .dealier01 .content .btn_box{margin-top:20px;} .dealier01 .content .btn_box button.btn1{margin-left:6.9%;} .dealier01 .content .btn_box button{line-height: 50px; height: 50px;} .dealier01 .content .inp label{width:21%; line-height:23px; height:45px;} .dealier01 .content .inp_text label{width:6.7%; margin-right:0;} .dealier01 .content .inp_text1 textarea{height:80px;} .dealier01 .content .inp .select-ui-choose-default, .dealier01 .content .inp input, .dealier01 .content .inp select{height:45px; line-height:45px;} .dealier01 .content .inp{margin-bottom:15px;} .dealier01 .content .Validform_checktip{right:20px; top:12px;} .dealier01 .content .btn_box button.btn2:hover {color:#000;background:#fbba40;} .dealier01 .content .inp .inp_box, .dealier01 .content .inp_text .text_box{border:1px solid #e0dede;} .dealier01 .content .inp .inp_box{width:76%;} .dealier01 .content .inp .inp_box:hover, .dealier01 .content .inp .inp_box:hover textarea{background:#eae9e9} .dealier01 .content .inp .select-ui-choose-default{border:none;} .dealier01 .content .inp .inp_box:hover, .dealier01 .content .inp_text:hover .text_box{border:1px solid #d8d7d7;} .dealier01 .content .inp.yzm_box{width:52%;} .dealier01 .content .inp.yzm_box label{width:11%;} .dealier01 .content .inp.yzm_box .inp_box{width:21%; margin-right:3%;} .dealier01 .infor span{font-size:35px; line-height:1;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:#fbba40;} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:#fbba40;} body .searchArea{padding:20px 0;} .news_detail01 .left .btns .to_list{color:#000;} .network2 .bott .left .tit{font-size:30px; line-height:1; font-weight:bold; margin-bottom:0px !important;} .network2 .bott .left_box{height:80%; overflow:auto; padding-right:20px; box-sizing:border-box; padding:0 40px; width:96%; margin-top:40px;} .network2 .bott .left_box::-webkit-scrollbar{width:4px; height:4px;} .network2 .bott .left_box::-webkit-scrollbar-thumb{border-radius:5px; background:#fac109;} .network2 .bott .left_box::-webkit-scrollbar-track{border-radius:0; background:#f7f7f7;} .pro_center1 .bd li .text .text_ .t{width:49%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .pro_center1 .bd li .text .text_ .c{width:49%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .pageHeader.xc_pageHeader .header .inav_wrapper .nav_li.cur {font-weight: bold;} .pjfw .form .box .btns button {color: #000;} .pro_center1 .bd li .text .text_ .c{text-align:right;} .f_top .right .item{width:25px; height:25px; display:inline-block; vertical-align:middle; margin-left:9px; cursor:pointer; position:relative;} .f_top .right .item .img_down{position:absolute; top:100%; left:50%; transform:translateX(-50%); width:100px; height:100px; display:none;} .f_top .right .item .img_down img{width:100%; height:100%; object-fit:cover;} .f_top .right a{display:inline-block; vertical-align:middle;} .network2 .bott .left{padding-top:0 !important; position:relative; overflow:hidden;} .network2 .bott .left .tit{padding:20px 0; background:#fbba40; text-align:center; color:#000;} .ewm_tc{display:none;} .ewm_tc .bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:10;} .ewm_tc .content{width:280px; text-align:center; height:auto; background:#fbba40; position:fixed; z-index:11; top:50%; margin-top:-155px; left:50%; margin-left:-140px;} .ewm_tc .content .box{padding:10px;} .ewm_tc .content .box .top_{background:#fff; padding:10px; margin-bottom:10px;} .ewm_tc .content .box .top_ .tit{font-size:16px; font-weight:bold;} .ewm_tc .content .box .top_ .img{margin:10px 0;} .ewm_tc .content .box .top_ .img img{margin:0 auto} .ewm_tc .content .close{position:absolute; right:10px;top:10px;font-size:18px; cursor:pointer;} /* 环保查询弹窗 */ .box_tanchuang{position:relative; z-index:8} .box_tanchuang .bg{position:fixed; left:0; top:0; width:100%; height:100%; background:url(../img/black.6.png) center;} .box_tanchuang .content{width:800px; height:420px; position:fixed; left:50%; margin-left:-400px; top:50%;margin-top:-210px; z-index:99; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2)} .box_tanchuang .content .close{width:43px; height:43px; background:url(../img/popup_close_btn.png) no-repeat center; transition:all 0.5s ease; position:absolute; left:50%; margin-left:-21px; top:20px; cursor:pointer;} .box_tanchuang .content .intro{padding:20px 0; margin:65px 50px 0;;} .box_tanchuang .content .intro{height:260px; overflow-y:auto;} .box_tanchuang .content .intro::-webkit-scrollbar {width:4px; height:7px;} .box_tanchuang .content .intro::-webkit-scrollbar-thumb {border-radius:5px;background:#fbba40;} .box_tanchuang .content .intro::-webkit-scrollbar-track {border-radius:0;background:#f6f5f5;} .box_tanchuang .content .intro ul{padding:15px 0; border-bottom:1px solid #f0f0f0} .box_tanchuang .content .intro li{font-size:15px; line-height:26px;} .pro_detail3 .content {width:100%; font-size:14px;} .pro_detail3 .content .tab{min-width:800px;} .pro_detail3 .content .d1{width:30%; float:left; margin-bottom:-1px;} .pro_detail3 .content .d2{width:14%; float:left; margin-bottom:-1px;} .pro_detail3 .content .d3{width:56%; float:left; margin-bottom:-1px;} .pro_detail3 .content .d_body {border-top:1px solid #dfdfdf; width:100%; border-collapse:collapse;} .pro_detail3 .content .parameter {text-align:center; border:1px solid #dfdfdf; border-top:0; text-indent:16px; height:46px; color:#686868; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:46px;} .pro_detail3 .content .d3 .parameter{width:100%; } .pro_detail3 .content .d_title {font-weight:bold; height:34px; line-height:34px; background:#ededed;} .pro_detail3 .content .d1 .d_item {background:#f7f7f7;} .pro_detail4 .content ul li{padding-top:0 !important;} .pro_detail4 .content ul li .img_{margin-bottom:10px;} .pro_detail4 .content ul li .text{margin-bottom:20px;} .liuyan01 .content .inp:nth-of-type(4){display:none;} .f_cen .right .dl02 .left_{vertical-align:top;} .f_cen .right .dl02 .right_{vertical-align:top;} .header .inav_wrapper .nav_li .nav_down .left,.header .inav_wrapper .nav_li .nav_down .right{font-weight:normal;} .pro_center1 .hd .hd_box .center .tip .tip_r .item .icon{border:2px solid #ccc;} .load_more span.txt:hover{color:#000;} .login01 .wrap{position:relative; height:100%;} .login01 .content{position:absolute; top:50%; right:0; transform:translateY(-50%); height:auto; padding-top:0; transition: all .4s ease;} .dealier01 .content .btn_box .btn1{color:#000;} .about_center04 .common_infor .con .item{margin-right:5%; padding:0;} .about_center04 .common_infor .con .item:last-child{margin-right:0;} .pro_center3 .content .text_list li{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} body .bg-primary{background:#fbba40;} .pro_center3 .content .text_list .item ul{border-bottom: 1px solid #dfdfdf;} .pro_center3 .content .text_list{border:none;} .network2 .top .reset{float:right; font-size:16px; text-align:center; width:50px; color:#000; background:#f6f6f6;} .network2 .top button{right:50px;} .network2 .top .input_{width:calc(80% - 48px -50px - 1em);} .network2 .bott .right_box .dot_box .dot.zzj .icon{background:url(/resources/web/img/service_network01_dot1.png) center center / contain no-repeat;} .pro_detail2 li a{color:#000;} .news_list01 .form .btns span{color:#000 !important;} .news_list02 .li_box .intro_ .box .tit a{display:block;} .about_center03 .swiper .item .common_infor .tit{white-space:nowrap;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{color:#000;} .header .search_box button i{display:block;} .network2 .top .reset{cursor:pointer;} .m_nav .mNav_bott .m_navli.no_sec a::before,.m_nav .mNav_bott .m_navli.no_sec a::after{display:none;} .network2 .bott .item dt .icon{display:inline-block; vertical-align:middle; width:41px; height:25px; margin-right:1em;} .network2 .bott .item dt .icon img{width:100%; height:100%; vertical-align:middle;} .network2 .bott .item dt span{display:inline-block; vertical-align:middle; width:calc(100% - 41px - 1em); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ipart04 .content .ipart04_bg{display:none;} .jubao01 .wrap{overflow:hidden;} .social_respon02 .owl-item .item::after{position:absolute; right:0; top:0; z-index:1; pointer-events:none; width:100%; height:100%; background:#000; opacity:.3; content:''; transition:all .4s ease-in-out;} .social_respon02 .owl-item.active .item::after{opacity:0;} .jianli01 .content .inp .stars{right:0;} .jianli01 .content .txtarea{resize:none;} /*20221216*/ .f_top .left .common_more i {margin-right: 8%;} .f_top .left .common_more {width: 23%;margin-right: 2%;padding: 0 24px;} .xc_banner img{width:100%;} /*20221219*/ .culture01 .content .box ul li {width: calc(19.666667%);} .ibanner .swiper-slide-active .infor{left:0; padding:0 9.5%; box-sizing:border-box;} .ibanner .btn-area{right:0; flex-direction:column; width:100%; box-sizing:border-box; padding-right:7.5%;} .network2 .top .select_down.down2 ul{height:30vh; overflow-y:auto;} .network2 .top .select_down.down2 ul::-webkit-scrollbar {width:4px; height:7px;} .network2 .top .select_down.down2 ul::-webkit-scrollbar-thumb {border-radius:5px;background:#fbba40;} .network2 .top .select_down.down2 ul::-webkit-scrollbar-track {border-radius:0;background:#f6f5f5;} .network2 .top .select_down.down2{pointer-events:none; opacity:.5;} .news_list01 .form .sele_inp_wrap{position:relative;} .news_list01 .form .sele_inp_wrap::before{content:''; width:1px; height:24px; background:#cbcbcb; position:absolute; right:0; top:50%; margin-top:-12px;} .news_list01 .form .sele_inp_wrap:nth-child(2n)::before{display:none;} .dangjian01 .bd ul li.no_img .intro_{position:static; transform:none; width:80%; box-sizing:border-box;} .dangjian01 .bd ul li.no_img .intro_ .box{padding:40px 0 40px 3%; box-sizing:border-box;} .news_list02 li.no_img .intro_{position:static; transform:none; width:80%; box-sizing:border-box;} .news_list02 li.no_img .intro_ .box{padding:40px 0 40px 3%; box-sizing:border-box;} .dangjian .news_list02 .li_box .intro_ .box .link{display:none;} .dangjian .news_list02{margin-top:0;} .news_list02 li.no_img .li_box .img_{display:none;} .honor1 .content .bott .list .item .intro .time{color: #fac009; font-size: 20px; padding-bottom: 10px;} .honor1 .content .bott .list .item .intro:hover .time{color:#000} .ibanner .swiper-slide.right .infor{text-align:right;} .ibanner .swiper-slide.right .infor .tit{color:#000;} .ibanner .swiper-slide.right .infor .con{color:#000;} .ibanner .swiper-slide.right .infor .img_circle{display:inline-block;} .zhaobiao02 .li_box .date .box .year{font-size:46px;} .zhaobiao02 .li_box .date .box .day{font-size:16px;} .header .h_logo a{width:190px; height:auto;} .f_cen .left .link{width:130px; display:inline-block; text-align:center; position:relative; margin-top:15px;} .f_cen .left .link>a{display:block; height:32px; line-height:32px; border:1px solid rgba(255,255,255,.6); color:#bebebe; } .f_cen .left .link ul{position:absolute; left:0; bottom:100%; width:100%; background:#eff0f1; display:none; z-index:4;} .f_cen .left .link ul li a{display:block; border-top:1px solid #d6d6d6; font-size:14px; color:#2d2d2d; line-height:40px} .f_cen .left .link ul li a:hover{background:#fbba40; color:#fff;} /*20230106*/ .news_detail01 .left .text table {width: 100%!important;} .ipart01 .bd .btn_ .btn a {display: inline-block;padding: 0 60px;} .Center_banner img {width: 100%} .job_list01 .hd .sele_wrap{width:24%;} .history01 .time_line{position:relative;} .history01 .time_line .owl-prev,.history01 .time_line .owl-next{display:block;} .market02 .content{overflow:hidden; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;} .market02 .content .rect-32{padding-bottom:32%;} .market02 .content .swiper{width:calc(100% - 140px); overflow:hidden;} .market02 .content .btn_{width:50px; height:100%; background:#e9e7e8; color:#000; text-align:center; font-size:20px; transition:all .2s ease; font-weight:bold; cursor:pointer;} .market02 .content .btn_:nth-of-type(1){margin-right:20px;} .market02 .content .btn_:nth-of-type(3){margin-left:20px;} .market02 .content .btn_:hover{background:#fbba40;} .pup{width:100vw; height:100vh; position:fixed; left:0; top:0; z-index:9; overflow:hidden;} .pup .content{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .pup .content::after{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100vw; height:100vw; content:''; background:rgba(0, 0, 0, 0.5); z-index:-1;} .pup .close{position:absolute; top:120px; right:50px; color:#fff; font-size:4em; cursor:pointer; z-index:9;} .contact_us01 .content .img_{width:auto;} .f_cen .right .dl02 .left_::after{display:none;} .market03 .infor .btn{padding: 5px 20px;float: right;border: 1px solid #000;} .market03 .infor .btn:hover{background:#fac109;border: 1px solid #fac109;} .market03 .infor .btn:hover a{color:#000;} /* 20240407 Lan */ .jubao01 .content .inp.yzm_box .inp_box{width:25%; margin-right:25px;} .jubao01 .content .inp.yzm_box{width:100%; margin-right:0;} .jubao01 .content .inp.yzm_box label{width:7%; margin-right:0; height:47px;} .jubao01 .content .inp.yzm_box img{float:left; width:auto; height:47px;} .jubao01 .content .wxts01{margin-left:7%;} .jubao01 .content .wxts{margin-left:7%;} .jubao01 .content .inp_text .stars{right:3.7%;} .jubao01 .content .Validform_checktip{right:8px; top:unset; bottom:-18px;} .jubao01 .content .inp.yzm_box span.change{line-height: 50px;} .pic_lunbo.channel_content{padding-bottom: 0;min-height:300px;} .imgnav{ width:788px; margin:10px auto;} .imgnav{ position:relative; margin:0 auto; width:75%; /*margin-bottom:30px;*/} .pic_lunbo #img{ /*z-index:10;*/ width:100%; position:relative; text-align:center; height:auto;} .pic_lunbo #img img{ display:none; } .pic_lunbo #front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer; width:20px; height:20px; } .pic_lunbo #front a{ position:absolute; left:-50px; top:200px;display:block; background:url(../img/w_pic_23.jpg) no-repeat center center; width:30px; height:30px; display:block;} .pic_lunbo #next{ position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:20px; height:20px; } .pic_lunbo #next a{ position:absolute; right:-50px; top:200px; display:block; background:url(../img/w_pic_24.jpg) no-repeat center center; width:30px; height:30px; display:block;} .pic_lunbo #cbtn{ position:relative; height:122px; margin-top:12px; } .pic_lunbo #cbtn ul{position:relative; width:10000px; height:122px;} .pic_lunbo #cbtn ul li{ float:left; width:120px; height:100px; cursor:pointer; text-align:center; position:relative; text-align:center} .pic_lunbo #cbtn ul .bglal{ background:url(../img/wc_pic_20.jpg) no-repeat center center} .pic_lunbo #cbtn ul li img{ width:100px; height:66px; display:block; margin-top:17px; margin-left:10px;} .pic_lunbo #cbtn ul li tt{ background:#0067c2; color:#FFF; position:absolute; right:4px; bottom:20px; z-index:20 ;font-size:12px; line-height:16px; padding:0 5px; display:none} .pic_lunbo #cbtn li.hov{ background:url(../images/ico/imgHoverBg.gif) no-repeat;} .ctrl div{ clear:both;} .pic_lunbo #cSlideUl{width:600px; height:116px;overflow:hidden; position:relative; top:10px; margin:0 auto;} .picSildeLeft{cursor:pointer; position:absolute; top:50px; left:-20px; z-index:9; background:url(../img/wc_pic_23.gif) no-repeat center center; width:20px; height:20px;} .picSildeRight{cursor:pointer; position:absolute; top:50px; right:-20px; z-index:9;background:url(../img/wc_pic_24.gif) no-repeat center center; width:20px; height:20px;} .ovhi{/* overflow:hidden;*/ /*height:400px; */width:100%; margin:0 auto; display:block; padding:0 100px; margin-left:-100px; position:relative} /*.pic_lunbo02{margin-top: 30px;}*/ .imgnav02{ width:788px; margin:10px auto;} .imgnav02{ position:relative; margin:0 auto; width:75%; /*margin-bottom:30px;*/} .pic_lunbo #img02{ /*z-index:10;*/ width:100%; position:relative; text-align:center; height:auto;} .pic_lunbo #img02 img{ display:none; } .pic_lunbo #front02{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer; width:20px; height:20px; } .pic_lunbo #front02 a{ position:absolute; left:-50px; top:200px;display:block; background:url(../img/w_pic_23.jpg) no-repeat center center; width:30px; height:30px; display:block;} .pic_lunbo #next02{ position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:20px; height:20px; } .pic_lunbo #next02 a{ position:absolute; right:-50px; top:200px; display:block; background:url(../img/w_pic_24.jpg) no-repeat center center; width:30px; height:30px; display:block;} .pic_lunbo #cbtn02{ position:relative; height:122px; margin-top:12px; } .pic_lunbo #cbtn02 ul{position:relative; width:10000px; height:122px;} .pic_lunbo #cbtn02 ul li{ float:left; width:120px; height:100px; cursor:pointer; text-align:center; position:relative; text-align:center} .pic_lunbo #cbtn02 ul .bglal{ background:url(../img/wc_pic_20.jpg) no-repeat center center} .pic_lunbo #cbtn02 ul li img{ width:100px; height:66px; display:block; margin-top:17px; margin-left:10px;} .pic_lunbo #cbtn02 ul li tt{ background:#0067c2; color:#FFF; position:absolute; right:4px; bottom:20px; z-index:20 ;font-size:12px; line-height:16px; padding:0 5px; display:none} .pic_lunbo #cbtn02 li.hov{ background:url(../images/ico/imgHoverBg.gif) no-repeat;} .ctrl div{ clear:both;} .pic_lunbo #cSlideUl02{width:600px; height:116px;overflow:hidden; position:relative; top:10px; margin:0 auto;} .ovhi02{/* overflow:hidden;*/ /*height:400px; */width:100%; margin:0 auto; display:block; padding:0 100px; margin-left:-100px; position:relative} .picSildeLeft02{cursor:pointer; position:absolute; top:50px; left:-20px; z-index:9; background:url(../img/wc_pic_23.gif) no-repeat center center; width:20px; height:20px;} .picSildeRight02{cursor:pointer; position:absolute; top:50px; right:-20px; z-index:9;background:url(../img/wc_pic_24.gif) no-repeat center center; width:20px; height:20px;} .pic_lunbo01{width:50%;float:right;margin-bottom: 60px;} .pic_lunbo02{width:50%;float:left;margin-bottom: 60px;} /*20240718*/ .pic_lunbo02 {width:100%;} .pic_lunbo02 .left {width:46%; margin-right:4%; float:left;} .pic_lunbo02 .left .tit{font-size:35px; line-height:35px; color:#000; margin-bottom:35px; padding-bottom:25px; position:relative;} .pic_lunbo02 .left .tit::after{content:''; position:absolute; bottom:0; left:0; width:52px; height:5px; background: #fac109;} .pic_lunbo02 .left .con{font-size:16px; line-height:30px; color:#000;} .pic_lunbo02 .right {width:50%; float:right;} .pic_lunbo02 .right {width:46%; margin-right:4%; float:left;} .pic_lunbo02 .right .tit{font-size:35px; line-height:35px; color:#000; margin-bottom:35px; padding-bottom:25px; position:relative;} .pic_lunbo02 .right .tit::after{content:''; position:absolute; bottom:0; left:0; width:52px; height:5px; background: #fac109;} .pic_lunbo02 .right .con{font-size:16px; line-height:30px; color:#000;} .culture01 .common_infor{text-align: center;} .culture01 .common_infor .line{margin:0 auto;margin-top: 25px;margin-bottom: 43px;} /* 20240809 */ .jubao01 .content .inp{width:32%; margin-right:2%;} .jubao01 .content .inp:nth-child(3n){margin-right:0;} .jubao01 .content .inp .stars{position:static;} .jubao01 .content .inp label, .jubao01 .content .inp.yzm_box label{width:80px; margin-right:10px; text-align:right;} .jubao01 .content .inp .inp_box{width:calc(100% - 90px); box-sizing:border-box; margin-right:0;} .jubao01 .content .inp_text .text_box{width:calc(100% - 90px); box-sizing:border-box;} .jubao01 .content .inp.inp_text{width:100%; margin-right:0;} .jubao01 .uploadImg, .jubao01 .content .btn_box button.btn1, .jubao01 .content .wxts, .jubao01 .content .wxts01{margin-left:90px;} .jubao01 .content textarea{padding:20px;} .culture .culture01{padding:351px 0;}