/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式;默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*挂件分页样式*/ .util-page{ font-size:0; color: #000; text-align: center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#3cabff;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; } .util-page .gobutton .ion{ font-size: .8em;} .util-page .count { margin-left:10px; color:#000; background:none; border:none; } .util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top; } .util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size: 14px; } .util-page .jumpto_inp{ width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; } /*百度地图容器-默认高度45%,BdMapArea是防止在同屏版心下地图太大*/ .BdMapArea { margin:0 auto 55px; max-width:1200px; } .BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; } .BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-width:760px) { .BdMapArea { display:none; } } /*默认隐藏百度分享触控弹层*/ .bdshare_popup_box { display:none!important;} /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../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:1450px; margin-right:auto; margin-left:auto;} .mwrap { width:1250px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度,防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#182332; background:#fff;} a{color:inherit;} a:hover { color:#009943;} ::-moz-selection {color:#fff; background:#009943; } ::selection {color:#fff; background:#009943; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /* 头部 */ /* 透明底白字 */ .header{position:fixed; left:0; width:100%; top:0; z-index:80; transition:all 0.5s ease; height:97px; } .header .h_logo{padding-top:35px;} .header .h_logo a{display:block; font-size:0;} .header .h_logo img{width:177px; height:45px;} .header .h_logo .img01{display:block;} .header .h_logo .img02{display:none;} .header .h_tools{width:10%; padding:48px 0 33px; } /* 搜索 */ .header .h_search{margin-left:45px;} .header .h_search .icon{background:url(../img/h_sear_white.png) no-repeat center; width:17px; height:17px; cursor:pointer;} .header .h_search.cur .icon{background:url(../img/h_sear_green.png) no-repeat center;} .header .h_search:hover .icon{background:url(../img/h_sear_green.png) no-repeat center;} /* 搜索下拉 */ .header .search_down{position:absolute; background:url(../img/black.6.png); width:100%; top:100%; left:0; height:80px; line-height:80px; display:none; z-index:2;} .header .search_down form{margin-top:20px;} .header .search_down .inp_box {width:75%; background:#fff; height:40px; line-height:40px; margin-right:30px; position:relative; padding-left:60px; box-sizing:border-box;} .header .search_down .iconfont {color:#009943; position:absolute; top:0; left:19px; font-size:25px; margin:0} .header .search_down .inp {border:0; display:block; width:100%; height:40px; line-height:40px; margin:0; padding:0;} .header .search_down .search_btn {border:0; outline:none; background:none; color:#fff; height:40px; line-height:40px; padding:0; font-weight:bold; font-size:20px; cursor:pointer;} /* 语言版本 */ .header .h_lan a{display:block; font-size:0;} .header .h_lan .icon{background:url(../img/lan_icon_white.png) no-repeat center; width:17px; height:17px;} .header .h_lan:hover .icon{background:url(../img/lan_icon_green.png) no-repeat center;} /* 手机端导航 */ .header .mobile_key{display:none; font-size:22px; height:49px; line-height:49px;} .header .mobile_key i{height:49px; line-height:49px; margin:0;} .m_nav{display:none;} /* 导航 */ .inav_wrapper{float:right; width:66%;} .header .inav_wrapper .nav_li{display:inline-block; padding:0 33px; position:relative;} .header .inav_wrapper .nav_li .nav_a{font-size:16px; line-height:1; color:#fffefe; display:block; padding:47px 0 32px; position:relative;} /* 导航下拉 */ /* .header .nav_down{position:absolute; left:0; top:100%; width:100%; height:305px; background:url(../img/nav_bg.jpg) no-repeat left; background-size:cover; overflow:hidden; display:none; z-index:30;} .header .nav_down .wrap{position:relative; height:100%;} .header .nav_down .left{width:30%; position:absolute; left:13.3%; top:50%; transform:translate(0,-50%); max-height:305px;} .header .nav_down .left .title{font-size:25px; line-height:30px; font-weight:bold; color:#009943; margin-bottom:25px;} .header .nav_down .left ul li .icon{background:url(../img/nav_down.png) no-repeat center; width:5px; height:10px; display:inline-block;} .header .nav_down .left ul li .t{font-size:16px; color:#373f50; line-height:20px; margin-bottom:15px; display:inline-block;} .header .nav_down .left ul li:hover .t{color:#009943;} .header .nav_down .right img{position:absolute; right:0; bottom:0; height:100%; width:50%;} */ /* 新导航下拉 */ .header .nav_down{display:none; position:absolute; width:110%; left:-5%; top:100%; background:#fff; border-radius:3px; overflow:hidden;} .header .nav_down ul li{text-align:center; transition:.5s ease; color:#303c48; line-height:35px; cursor:pointer;} .header .nav_down ul li:hover{background:#f3f3f3; color:#009843;} /* widgets_smal_nav_8 */ /* 头部 */ .header .h_company{padding-top:25px; color:#fff; line-height:55px; font-size:18px; cursor:pointer;} /* 右侧导航 */ /* LNB */ .lnb .lnb_bg{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:url(http://zjk.jerei.com/uploadfiles/widgets_smal_nav_8_5.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%; background:url(../img/right.jpg) no-repeat center bottom; background-size:cover;} .lnb .lnb_inner .btn_lnb_close{position:absolute; right:50px; top:30px; font-size:16px; font-weight:bold; transition:.5s ease; z-index:2;} .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; border-radius:3px; line-height:40px; height:40px; overflow:hidden; font-size:15px; color:#262626; margin-bottom:10px;} .lnb .lnb_top{border-bottom:1px solid #eeeeee; background:#fff; position:relative; z-index:1;} .lnb .lnb_top .box .con a i{float:right; transition:transform .3s ease; transform:translateX(-5px)} .lnb .lnb_top .box .con a:hover{background:#009843; color:#fff; border-color:#009843;} .lnb .lnb_top .box .con a:hover i{transform:translateX(0);} /* .lnb .lnb_bott{position:relative;} */ .lnb .lnb_bott ul .tit{position:relative; font-size:18px; color:#fff; border-bottom:2px solid rgba(255,255,255,0.2); padding:20px 50px;} .lnb .lnb_bott ul{position:relative;z-index:1; font-size:15px;} .lnb .lnb_bott ul .tit .icon{position:absolute; right:50px; top:50%; margin-top:-10px; width:21px; height:20px; background:url(http://zjk.jerei.com/uploadfiles/widgets_smal_nav_8_6.png) no-repeat; background-position:0 -20px;} .lnb .lnb_bott .con{display:none;} .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:#009843;} .lnb .lnb_bott .con ul li:hover a i{transform:translateX(0);opacity:1; visibility:visible;} .lnb .lnb_bott .img img{display:none; position:absolute; top:0; left:0; width:100%; height:100%;} .lnb .lnb_bott ul li.on .tit .icon{background-position:0 0;} /* 展开 */ .lnb.on .lnb_bg {visibility:visible; opacity:1;} .lnb.on .lnb_area {right:0} /* widgets_smal_nav_8 end */ /* 导航-商城 */ .header .h_tools .h_mall a{display:block;} .header .h_tools .h_mall .icon{background:url(../img/h_mall_white.png) no-repeat center; width:17px; height:17px; cursor:pointer;} .header .h_tools .h_mall:hover .icon{background:url(../img/h_mall_green.png) no-repeat center;} /* 导航触控效果 */ /* 白底黑字 */ .header:hover{background:#fff; } .header:hover .h_logo .img01{display:none;} .header:hover .h_logo .img02{display:block;} .header:hover .h_search .icon{background:url(../img/h_sear_green.png) no-repeat center;} .header:hover .h_lan .icon{background:url(../img/lan_icon_green.png) no-repeat center;} .header:hover .inav_wrapper .nav_li .nav_a{color:#182332;} .header:hover .inav_wrapper .nav_li:hover .nav_a{color:#009943;} .header:hover .h_company{color:#303c48;} .header:hover .h_tools .h_mall .icon{background:url(../img/h_mall_green.png) no-repeat center;} /* 导航吸顶效果 */ /* 白底黑字 */ .header.fixed{background:#fff; } .header.fixed .h_logo .img01{display:none;} .header.fixed .h_logo .img02{display:block;} .header.fixed .h_search .icon{background:url(../img/h_sear_green.png) no-repeat center;} .header.fixed .h_lan .icon{background:url(../img/lan_icon_green.png) no-repeat center;} .header.fixed .inav_wrapper .nav_li .nav_a{color:#182332;} .header.fixed .inav_wrapper .nav_li:hover .nav_a{color:#009943;} .header.fixed .h_company{color:#303c48;} .header.fixed .h_tools .h_mall .icon{background:url(../img/h_mall_green.png) no-repeat center;} /* 有产品弹窗时导航 */ /* 白底黑字 */ .header.modal{background:#fff; } .header.modal .h_logo .img01{display:none;} .header.modal .h_logo .img02{display:block;} .header.modal .h_search .icon{background:url(../img/h_sear_green.png) no-repeat center;} .header.modal .h_lan .icon{background:url(../img/lan_icon_green.png) no-repeat center;} .header.modal .inav_wrapper .nav_li .nav_a{color:#182332;} .header.modal .inav_wrapper .nav_li:hover .nav_a{color:#009943;} .header.modal .h_company{color:#303c48;} .header.modal .h_tools .h_mall .icon{background:url(../img/h_mall_green.png) no-repeat center;} /* 第三屏头部 */ /* 透明底黑字 */ .header.cur .h_logo .img01{display:none;} .header.cur .h_logo .img02{display:block;} .header.cur .h_search .icon{background:url(../img/h_sear_green.png) no-repeat center;} .header.cur .h_lan .icon{background:url(../img/lan_icon_green.png) no-repeat center;} .header.cur .inav_wrapper .nav_li .nav_a{color:#182332;} .header.cur .inav_wrapper .nav_li:hover .nav_a{color:#009943;} .header.cur .h_company{color:#303c48;} .header.cur .h_tools .h_mall .icon{background:url(../img/h_mall_green.png) no-repeat center;} /* 下层导航 */ .xc_header{height:97px;} .xc_header .header{background:#fff; } .xc_header .header .h_logo .img01{display:none;} .xc_header .header .h_logo .img02{display:block;} .xc_header .header .h_search .icon{background:url(../img/h_sear_green.png) no-repeat center;} .xc_header .header .h_lan .icon{background:url(../img/lan_icon_green.png) no-repeat center;} .xc_header .header .inav_wrapper .nav_li .nav_a{color:#182332;} .xc_header .header .inav_wrapper .nav_li:hover .nav_a{color:#009943;} .xc_header .header .h_company{color:#303c48;} .xc_header .header .h_tools .h_mall .icon{background:url(../img/h_mall_green.png) no-repeat center;} /* 底部 */ .footer{background:url(../img/footer_bg.png) no-repeat top center; height:332px; position:relative;} .footer .content{width:65.5%; margin:0 auto; padding-top:130px; position:relative; z-index:40;} .footer .content .top{text-align:center;} .footer .content .top li{display:inline-block; padding:0 35px; font-size:16px; line-height:1;} .footer .content .top li a{color:#ffffff; } .footer .content .top li:hover a{color:#182332; } .footer .content .center{margin-top:45px;} .footer .content .center .left{float:left; width:50%; } .footer .content .center .left .item .iconfont{font-size:24px; color:#fff; margin:0; margin-right:30px;} .footer .content .center .left .item a{display:inline-block; color:#fff; font-size:16px; line-height:40px;} .footer .content .center .left .item:hover a{color:#182332;} .footer .content .center .right{width:20%; float:right; margin-top:35px;} .footer .content .center .right a{float:right; padding:0; margin:0; margin-left:20px; } .footer .content .center .right .ewm{background:url(../img/footer_share_ewm.png) no-repeat center; width:25px; height:23px; position:relative;} .footer .content .center .right .ewm:hover{opacity:1;} .footer .content .center .right .qq{background:url(../img/footer_share_qq.png) no-repeat center; width:23px; height:23px;} .footer .content .center .right .weixin{background:url(../img/footer_share_vx.png) no-repeat center; width:30px; height:23px;} .footer .content .center .right .ewm .ewm_img{position:absolute; left:50%; margin-left:-50px; bottom:100%; width:100px; height:100px; display:none;} .footer .content .bott{font-size:12px; line-height:20px; color:#fff; margin-top:15px;} .footer .content .bott a:hover{color:#182332;} .footer .content .bott .left{float:left;} .footer .content .bott .right{float:right; text-align:right;} .footer .cattle{position:absolute; left:0; bottom:20px; z-index:10;} /* 面包屑 */ .crumbs{position:relative; z-index:10; margin-top:-33px; overflow:hidden;} .crumbs .wrap{position:relative; height:66px;} .crumbs .right{position:absolute; left:0; width:1685px; top:0; height:100%; background:url(../img/crumbs_bg.png) no-repeat left; border-top-left-radius:33px; border-bottom-left-radius:33px;} .crumbs .right ul li{display:inline-block; margin-left:40px; position:relative; padding:23px 0;} .crumbs .right ul li.cur::after{content:''; position:absolute; bottom:0; left:50%; margin-left:-7px; width:13px; height:6px; background:url(../img/crumbs_cur.png) no-repeat center; } .crumbs .right a{display:block; color:#fff; font-size:14px; line-height:20px; font-weight:bold;} .crumbs .right a:hover{color:#182332;} /* 首页右侧抽拉导航 */ .right_cont{position:fixed; right:0; width:85px; top:0; height:100%; z-index:1;} .right_cont .line01{position:absolute; left:0; top:0; width:1px; height:100%; background:#fff; opacity:0.5;} .right_cont .line02{position:absolute; left:-1px; top:37px; width:3px; height:20px; background:#009943;} .right_cont .btns{position:absolute; right:0; top:50%; margin-top:-36px; cursor:pointer;} /* 右侧导航内容 */ .right_area{position:fixed; right:0; width:50vw; height:100%; z-index:1; background:url(../img/right_area_bg.jpg) no-repeat; background-size:cover; opacity:0; visibility:hidden; transition:all 1s ease;} .right_area.show{z-index:99; opacity:1; visibility:visible;} .right_area .close_btn{position:absolute; top:30px; right:55px; background:url(../img/right_area_close.png) no-repeat; width:23px; height:23px; cursor:pointer; transition:all .5s ease;} .right_area .close_btn:hover{transform:rotateZ(180deg);} .right_area .content{position:absolute; left:8%; top:50%; transform:translate(0,-50%); width:41.5%;} .right_area .content .r_a_logo{margin-bottom:55px;} .right_area .content .title{font-size:18px; line-height:20px; color:#314950; font-weight:bold; margin-bottom:35px;} .right_area .content .top{margin-bottom:65px;} .right_area .content .item{border:1px solid #314850; margin-bottom:10px;} .right_area .content .item .t{font-size:14px; line-height:15px; padding:12px 0; color:#314850; padding-left:10px; transition:all .5s ease;} .right_area .content .item:hover .t{color:#009943;} .right_area .content .center{margin-bottom:55px;} .right_area .content .center li{font-size:14px; line-height:15px; color:#314850; font-weight:bold; margin-bottom:35px;} .right_area .content .bott a{padding:0; margin:0; margin-right:25px; display:block; float:left; } .right_area .content .bott a:hover{opacity:0.8;} .right_area .content .bott .ewm{background:url(../img/right_share_ewm.png) no-repeat center; width:25px; height:23px; position:relative;} .right_area .content .bott .ewm:hover{opacity:1;} .right_area .content .bott .qq{background:url(../img/right_share_qq.png) no-repeat center; width:23px; height:23px;} .right_area .content .bott .weixin{background:url(../img/right_share_vx.png) no-repeat center; width:30px; height:23px;} .right_area .content .bott .ewm .ewm_img{position:absolute; left:50%; margin-left:-50px; bottom:100%; width:100px; height:100px; display:none;} /* banner圆点 */ .fake_dots_box{position:absolute; z-index:10; bottom:30px; right:24px; opacity:0;} .fake_dots_box .owl-dot{width:27px; height:27px; border:1px solid transparent; margin:0 5px;border-radius:50%; display:block; margin-bottom:27px; position:relative; cursor:pointer;} /* banner圆点 end */ /* 首页 */ .section1{overflow:hidden;} .ibanner{position:relative; z-index:2; width:100%; height:100%;} .ibanner .item{position:relative; min-height:100vh; overflow:hidden;} .ibanner .owl-item .item video{height:100%; max-width:none;} .ibanner .owl-item .item .iban_img{position:absolute; left:50%; margin-left:-960px; max-width:none; width:1920px; top:0; height:100%;} /* 圆点 */ .ibanner .dots_box{position:absolute; z-index:20; bottom:30px; right:24px; } .ibanner .owl-dot{width:27px; height:27px; border:1px solid transparent; margin:0 5px;border-radius:50%; display:block; margin-bottom:27px; position:relative; cursor:pointer;} .ibanner .owl-dot span{display:block; width:7px; height:7px; margin-top:10px; margin-left:10px; border-radius:10px; background:rgba(255,255,255,0.5);} .ibanner .owl-dot .circleChart{position:absolute!important; left:0; top:0; z-index:-1;} .ibanner .owl-dot.active span{background:#fff; border-color:rgba(255, 255, 255, 0.8); } /* 左侧漂浮 */ .piaofu{position:absolute; left:100px; bottom:86px; z-index:50;} .piaofu .t{font-size:16px; line-height:18px; color:#ffffff; writing-mode:vertical-rl;} .piaofu .line{position:absolute; top:70px; width:2px; left:50%; margin-left:-1px; height:86px; display:block; overflow:hidden;} .piaofu .line:before{height:100%; background:rgba(255,255,255,.57); opacity:.3; left:0; top:0; bottom:0; content:''; position:absolute; width:2px;} .piaofu .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%; } } .section2{overflow:hidden; } .ipart01{overflow:hidden; height:100%; position:relative;} .ipart01 .pic{position:absolute; left:0; top:0; width:100%; height:100%;} .ipart01 .pic img{height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%) scale(1.2); min-width:1918px;} .ipart01 .circle{position:absolute; top:90px; left:0; right:0; bottom:0; z-index:2;} .ipart01 .circle li.move {animation:warn 2s linear 0s infinite; border:1px solid #fff; border-radius:50%; border-color:rgba(255,255,255,.8); position:absolute; top:50%; left:50%;} .ipart01 .circle li.move1{width:800px; height:800px; margin-left:-400px; margin-top:-400px;} .ipart01 .circle li.move2{width:660px; height:660px; margin-left:-330px; margin-top:-330px;} .ipart01 .circle li.move3{width:560px; height:560px; margin-left:-280px; margin-top:-280px;} @keyframes warn { 0% { transform:scale(1); opacity:0; } 50% { transform:scale(1.1); opacity:0.5; } 100% { transform:scale(1.2); opacity:0; } } .ipart01 .infor{text-align:center; width:460px; height:460px; position:absolute; left:50%; margin-left:-230px; top:50%; margin-top:-150px; z-index:3;} .ipart01 .infor a{display:block; color:#fff;} .ipart01 .infor .icon{width:150px; height:89px; margin:0 auto;} .ipart01 .infor .tit{font-size:20px; line-height:25px; text-transform:uppercase; margin:30px 0 20px;} .ipart01 .infor .con{font-size:50px; line-height:50px; color:#fff; font-weight:bold;} .ipart01 .infor .txt{font-size:18px; line-height:30px; margin-top:50px;} .ipart01 .more_box{text-align:center;} .ipart01 .more_box .btn_more{display:inline-block; padding:0 51px 0 30px; font-size:14px; line-height:44px; color:#fff; border:1px solid #fff; border-radius:50px; position:relative; margin-top:30px;} .ipart01 .more_box .btn_more i{position:absolute; right:25px; top:50%; margin-top:-22px; font-size:15px; transition:all 0.5s ease;} .ipart01 .more_box .btn_more:hover i{right:15px;} .section3{background:url(../img/ipart02_bg.jpg) no-repeat center; height:100%; overflow:hidden; background-size:cover;} .ipart02 .left{width:23%; float:left;} .ipart02 .title{font-size:56px; line-height:1; color:#314950; font-weight:bold;} .ipart02 .m_title{line-height:1; color:#314950; font-weight:bold; display:none;} .ipart02 .img_01{margin:30px 0;} .ipart02 .words .tit{font-size:20px; line-height:1; color:#314950; font-family:'he'; margin-bottom:45px;} .ipart02 .words .tab_t{font-size:16px; line-height:20px; color:#314950; font-weight:bold; margin-bottom:35px; transition:all .5s ease; cursor:pointer;} .ipart02 .words .tab_t:hover{color:#009943;} .ipart02 .words .tab_t.cur{color:#009943;} .ipart02 .common_btn{width:200px;} .ipart02 .right{float:right; width:74%; margin-top:100px;} .ipart02 .right li{width:29%; float:left; margin-right:4.3%;} .ipart02 .right li .time{font-size:18px; line-height:20px; color:#314950; margin-bottom:10px; font-family:'He_bold'; text-align:right;} .ipart02 .right li .rect-6709{padding-bottom:67.09%;} .ipart02 .right li .rect-6709 img{border-radius:20px;} .ipart02 .right li .type{font-size:14px; line-height:18px; color:#009943; background:#fff; border:2px solid #009943; padding:0 30px; display:inline-block; border-radius:10px; margin:25px 0 15px;} .ipart02 .right li .con{font-size:16px; line-height:30px; color:#314950; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all .5s ease;} .ipart02 .right li:hover .con{color:#009943;} .section4{background:url(../img/ipart02_bg.jpg) no-repeat bottom;} /* 新闻中心 */ .channel_content.news_center{padding-top:0;} .news_center01 li{width:32%; float:left; margin-right:2%; margin-bottom:80px;} .news_center01 .li03{margin-right:0;} .news_center01 li .time{font-size:18px; line-height:20px; color:#314950; margin-bottom:10px; font-family:'He_bold'; text-align:right;} .news_center01 li .rect-6709{padding-bottom:67.09%;} .news_center01 li .rect-6709 img{border-radius:20px;} .news_center01 li .type{font-size:14px; line-height:25px; color:#009943; background:#fff; border:2px solid #009943; padding:0 25px; display:inline-block; border-radius:15px; margin:35px 0 15px;} .news_center01 li .con{font-size:16px; line-height:30px; color:#314950; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all .5s ease;} .news_center01 li:hover .con{color:#009943;} /* 分页 */ .fenye01{margin-top:50px;} .fenye01 .content{text-align:center; margin:0 auto;} .fenye01 .content a,.fenye01 .content span{font-size:13px; line-height:14px; color:#009943; font-weight:bold; padding:10px 13px; border:2px solid #009943; border-radius:50%; margin-right:10px; display:inline-block; vertical-align:middle;} .fenye01 .content a:hover{background:#009943; color:#fff; } .fenye01 .content span{background:#009943; color:#fff; } .fenye01 .content .sl{border:0; color:#009943; background:#fff;} .fenye01 .content .gopage{background:url(../img/fenye01.png) no-repeat center; width:10px; height:6px; padding:14px 12px;} .fenye01 .content .gopage:hover{background:url(../img/fenye01.png) no-repeat center;} /* 新闻详情 */ .channel_content.news_detail{padding-bottom:130px;} /* widgets_xc_newdetail_lr_4 */ .widgets_xc_newdetail_lr_4 .infor .title{font-size:38px; color:#343434; margin-bottom:10px;} .widgets_xc_newdetail_lr_4 .left{width:66.8%; float:left;} .widgets_xc_newdetail_lr_4 .left ._tools{font-size:0; color:#7e7e7e; margin-bottom:15px;} .widgets_xc_newdetail_lr_4 .left ._tools ._tool{font-size:12px; margin-right:10px; height:30px; line-height:30px; overflow:hidden; /*vertical-align:middle;*/} .widgets_xc_newdetail_lr_4 .left ._tools ._tool .iconfont{font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;} .widgets_xc_newdetail_lr_4 .left ._tools ._tool#switcher{margin-left:10px;} .widgets_xc_newdetail_lr_4 .left ._tools ._tool#switcher .t{margin-right:5px; font-size:12px; color:#7e7e7e;} .widgets_xc_newdetail_lr_4 .left .myart{line-height:2; min-height:200px; font-size:14px; color:#343434;} .widgets_xc_newdetail_lr_4 .left .myart img{display:inline-block; margin-right:20px;} .widgets_xc_newdetail_lr_4 .right{width:30%; float:right; padding-top:90px;} .widgets_xc_newdetail_lr_4 .right .r_top{text-align:right;} .widgets_xc_newdetail_lr_4 .right .r_top .bds_more{float:none; background:none; padding:0;} .widgets_xc_newdetail_lr_4 .right .r_top .go_back{font-size:20px; font-weight:normal; font-weight:bold; color:#676767; height:26px; line-height:26px; border-right:#ccc 1px solid; padding-right:40px; vertical-align:middle;} .widgets_xc_newdetail_lr_4 .right .r_top .go_back .iconfont{font-weight:normal; vertical-align:0;} .widgets_xc_newdetail_lr_4 .right .r_top .share, .widgets_xc_newdetail_lr_4 .right .r_top .print{width:36px; height:36px; line-height:36px; text-align:center; background-color:#80939e; border-radius:50%; cursor:pointer; overflow:hidden; margin-right:0; margin-left:15px; vertical-align:middle; display:inline-block;} .widgets_xc_newdetail_lr_4 .right .r_top .share:hover, .widgets_xc_newdetail_lr_4 .right .r_top .print:hover{background-color:#009943;} .widgets_xc_newdetail_lr_4 .right .r_top .share .iconfont, .widgets_xc_newdetail_lr_4 .right .r_top .print .iconfont{font-size:18px; color:#fff;} .widgets_xc_newdetail_lr_4 .right .r_top .share:hover .iconfont, .widgets_xc_newdetail_lr_4 .right .r_top .print:hover .iconfont{color:#fff;} .widgets_xc_newdetail_lr_4 .right .r_top .share .iconfont{font-size:20px;} .widgets_xc_newdetail_lr_4 .right .r_bott ul{padding:10px 7%;} .widgets_xc_newdetail_lr_4 .right .r_bott li span, .widgets_xc_newdetail_lr_4 .right .r_bott li a{display:block;} .widgets_xc_newdetail_lr_4 .right .r_bott{margin-top:45px; border:#f3f3f3 10px solid;} .widgets_xc_newdetail_lr_4 .right .r_bott li ._mark{padding-bottom:8px; font-size:19px; font-weight:bold; color:#000;} .widgets_xc_newdetail_lr_4 .right .r_bott li ._date{height:30px; line-height:30px; margin-bottom:7px; font-family:Arial; font-size:13px; color:#676767;} .widgets_xc_newdetail_lr_4 .right .r_bott li ._date .iconfont{font-size:20px; height:30px; vertical-align:-2px; margin-left:0;} .widgets_xc_newdetail_lr_4 .right .r_bott li ._title:hover{color:#5c5c5c;} .widgets_xc_newdetail_lr_4 .right .r_bott li ._title{font-size:16px; font-weight:bold; color:#5c5c5c;} .widgets_xc_newdetail_lr_4 .right .r_bott li{padding:27px 0;} .widgets_xc_newdetail_lr_4 .right .r_bott li._prev{border-bottom:1px #ececec solid;} /* 社会招聘 */ .channel_content.job_list {padding-bottom:130px;} .job_list01 .form_box{margin-bottom:45px; } .job_list01 .form_box .inp_wrap{width:22%; margin-right:0.5%; border:1px solid #e3e7ec; display:inline-block; vertical-align:top; border-radius:5px;} .job_list01 .form_box .inp_wrap .inp{width:100%; height:54px; line-height:54px; font-size:16px; color:#000; text-indent:23px; border:none; border-radius:0; padding:0; background:transparent;} .job_list01 .form_box .inp_wrap.search_wrap{width:54px; border:none; margin-right:0;} .job_list01 .form_box button{outline:none; border:none; background:#009943; height:55px; width:55px; border-radius:50%; font-size:16px; text-align:center; cursor:pointer; text-align:center; width:100%; transition:.5s ease;} .job_list01 .form_box button i{display:inline-block; color:#fff; vertical-align:middle;} .job_list01 .form_box button:hover{background:#009943;} .job_list01 .form_box .inp_wrap .select-ui-choose-default ._arrow .arr{width:14px; height:8px; background:url(../img/widgets_xc_job_list_12_1.png) no-repeat center; border:none;} .job_list01 .form_box .inp_wrap .select-ui-choose-default.on ._arrow .arr{margin:-.2em 0 0;} .job_list01 .form_box .inp_wrap .select-ui-choose ._arrow{right:17px;} .job_list01 .form_box .inp_wrap .select-ui-choose-default ._txt{text-align:left;} .job_list01 .content li{border-bottom:1px solid #e7e7e7; overflow:hidden;} .job_list01 .content li.first {background:#009943; color:#fff; border-bottom:none; padding:0; height:60px;line-height:60px; border-radius:5px;} .job_list01 .content li ._ut{float:left; text-align:center;} .job_list01 .content li ._un{float:left; text-align:center; height:80px; line-height:80px; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .job_list01 .content li ._un, .job_list01 .content li ._ut{width:14%;} .job_list01 .content li ._t1{width:19%;} .job_list01 .content li ._t7{width:8%; cursor:pointer;} .job_list01 .content li ._un._t7:after {content:"+"; display:inline-block; vertical-align:-1px; color:#313131; margin-left:5px; font-size:20px;} .job_list01 .content li.j_t_cur ._un._t7:after {content:"-";} .job_list01 .content li.j_t {cursor:pointer;} .job_list01 .content li.j_c {height:auto; line-height:1.5; background:#f9f9f9; display:none;} .job_list01 .content .j_c .j_c_box {padding:40px;} .job_list01 .content .j_c .j_c_box .intro {color:#666; line-height:24px; position:relative;} .job_list01 .content .j_c .j_c_box .intro strong{display:block; font-size:16px; color:#009943; margin-bottom:10px} .job_list01 .content .j_c .intro .job_btn {position:absolute; right:0; bottom:0;} .job_list01 .content .j_c .intro .job_btn ._btn {display:inline-block; width:160px; height:48px;line-height:48px; color:#fff; border-radius:30px; font-size:16px; background:#339933; cursor:pointer; text-align:center; transition:.5s ease;} .job_list01 .content .j_c .intro .job_btn ._btn:hover{background:#009943;} /* 企业文化 */ .channel_content.culture{padding-bottom:130px;} .culture01{padding-bottom:73px;} .culture01 li{float:left; width:32%; margin-right:2%; position:relative; cursor:pointer;} .culture01 .li03{margin-right:0;} .culture01 li .rect-9333{padding-bottom:93.33%;} .culture01 li .cover{position:absolute; bottom:-73px; left:4.2%; width:91.6%; background:rgba(224 224 224 / 80%); border-radius:20px; min-height:146px; transition:all .5s ease;} .culture01 li .cover .infor{ width:76.5%; margin:0 auto; padding:30px 0 20px;} .culture01 li .cover .infor .title{font-size:35px; line-height:40px; color:#000; transition:all .5s ease;} .culture01 li .cover .infor .tit{font-size:23px; line-height:40px; color:#000; margin-bottom:10px; transition:all .5s ease;} .culture01 li .cover .infor .con{font-size:16px; line-height:24px; color:#000; transition:all .5s ease;} .culture01 li:hover .cover{background:rgba(0 153 67 /80%);} .culture01 li:hover .cover .infor .title{color:#fff; } .culture01 li:hover .cover .infor .tit{color:#fff; } .culture01 li:hover .cover .infor .con{color:#fff;} .culture02{margin-top:120px; background:url(../img/culture02_big_bg.jpg) no-repeat; padding-top:135px; box-sizing:border-box;} .culture02 .cwrap{width:1700px; margin:0 auto;} .culture02 .cwrap .content{ position:relative;} .culture02 .bg{position:relative;} .culture02 .bg .img01{border-radius:20px;} .culture02 .cont{position:absolute; right:30px; width:55.5%; bottom:0; height:82%;} .culture02 .cont .clrcle{width:90px; height:90px; margin-left:340px; position:relative;} .culture02 .cont .clrcle .svg{position:absolute; left:0; top:0; width:90px; height:90px; transform:rotate(-45deg);} .culture02 .cont .clrcle .svg01{position:absolute; left:0; top:0; width:90px; height:90px; transform:rotate(-45deg);} .culture02 .cont .words{margin-top:30px;} .culture02 .cont .words .left{width:230px; text-align:center; background:rgba(255, 255, 255, 0.9); border-radius:30px; float:left; margin-right:110px;} .culture02 .cont .words .left .t{font-size:18px; color:#182332; line-height:26px; padding:18px 0; } .culture02 .cont .words .right{float:left; width:calc(100% - 360px);} .culture02 .cont .words .right .infor{margin-top:10px;} .culture02 .cont .words .right .infor .tit{font-size:30px; line-height:40px; color:#ffffff; font-weight:bold;} .culture02 .cont .words .right .infor .con{font-size:20px; line-height:30px; color:#ffffff; margin-top:30px;} .culture02 .cont .dots_box{position:absolute; right:-12px; bottom:20px; } .culture02 .cont .owl-dot{width:12px; height:12px; border-radius:50%; border:2px solid #fff; opacity:0.6; margin-top:15px; cursor:pointer;} .culture02 .cont .owl-dot.active{opacity:1;} .culture02 .cont .clrcle01.cur .svg #circle1 {stroke-dasharray:251; stroke-dashoffset:251; animation:svgcircle1 4s linear ;} .culture02 .cont .clrcle02.cur .svg #circle1 {stroke-dasharray:251; stroke-dashoffset:251; animation:svgcircle1 4s linear ;} .culture02 .cont .clrcle03.cur .svg #circle1 {stroke-dasharray:251; stroke-dashoffset:251; animation:svgcircle1 4s linear ;} .culture02 .cont .clrcle04.cur .svg #circle1 {stroke-dasharray:251; stroke-dashoffset:251; animation:svgcircle1 4s linear ;} .culture02 .cont .clrcle05.cur .svg #circle1 {stroke-dasharray:251; stroke-dashoffset:251; animation:svgcircle1 4s linear ;} .culture02 .cont .clrcle06.cur .svg #circle1 {stroke-dasharray:251; stroke-dashoffset:251; animation:svgcircle1 4s linear ;} .culture02 .cont .clrcle_box .clrcle{display:none;} .culture02 .cont .clrcle_box .clrcle.cur{display:block;} @-webkit-keyframes svgcircle1{ 0%{stroke-dashoffset:0;} 50%,100%{stroke-dashoffset:251;} } @keyframes svgcircle1{ 0%{stroke-dashoffset:0;} 50%,100%{stroke-dashoffset:251;} } body .Form-J1 .Form-J1-Btn ._submit{background:#009943;} /* 新——关于我们 */ .about_company.channel_content{padding-bottom:130px;} .about_company01 .tit{font-size:45px; line-height:1; color:#009843; text-transform:uppercase; font-weight:200;} .about_company01 .con{font-size:32px; line-height:38px; color:#009843; margin-top:5px;} .about_company01 .words{font-size:15px; line-height:26px; color:#5a5a5a; margin-top:40px;} .about_company02{margin-top:60px; background-size:cover;} .about_company02 li{float:left; width:25%; position:relative;} .about_company02 li .rect-8071{padding-bottom:80.71%;} .about_company02 .li02 .words{position:absolute; width:64%; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;} .about_company02 .li02 .words .tit{font-size:45px; line-height:1; color:#ffffff; text-transform:uppercase; font-weight:200;} .about_company02 .li02 .words .con{font-size:32px; line-height:38px; color:#ffffff; margin-top:5px; width:73%; margin:0 auto;} .about_company02 .li04 .play{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:83px; height:83px; cursor:pointer;} .about_company02 .li04 .play img{width:100%; height:100%;} .about_company02 .li04 .play::before{width:30px; height:30px; border-radius:200px; animation:dot_scale 1s linear infinite; z-index:1; border:10px solid #fff; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .about_company02 .li04 .play::after{width:20px; height:20px; border-radius:200px; animation:dot_scale2 2s linear infinite; z-index:1; border:10px solid #fff; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .about_company03{background:url(../img/about_company03_bg.jpg) no-repeat bottom; background-size:cover; } .about_company03 .content{padding:70px 0;} .about_company03 .content li{float:left; width:20%; text-align:center;} .about_company03 .content .li01{text-align:left;} .about_company03 .content .li05{text-align:right;} .about_company03 .content li .num_box{width:90%;} .about_company03 .content li .num_box .num{font-size:73px; line-height:1; color:#000; font-weight:200; transition:all .5s ease;} .about_company03 .content li .num_box .t{font-size:15px; line-height:26px; color:#000; transition:all .5s ease; height:52px;} .about_company03 .content li .num_box:hover .num{color:#009843;} .about_company03 .content li .num_box:hover .t{color:#009843;} .about_company04{margin-top:60px;} .about_company04 .t{font-size:15px; line-height:26px; color:#5a5a5a;} /* 新-首页新闻 */ .news_ipart02 .top .tit{font-size:56px; line-height:1; color:#314950; font-weight:bold; margin-bottom:20px;} .news_ipart02 .top .con{font-size:20px; line-height:1; color:#314950; font-family:'he'; margin-bottom:45px; text-transform:uppercase;} .news_ipart02 .bott{margin-top:40px;} .news_ipart02 .bott a{display:block;} .news_ipart02 .bott .img_{border-radius:20px;} .news_ipart02 .bott .rect-6709{padding-bottom:67.09%;} .news_ipart02 .bott .rect-6709 img{border-radius:20px;} .news_ipart02 .bott .time{font-size:18px; line-height:20px; color:#2d3132; margin-bottom:10px; } .news_ipart02 .bott .con{font-size:24px; line-height:30px; color:#2d3132; transition:all .5s ease; margin-bottom:35px;} .news_ipart02 .bott .item:hover .con{color:#009943;} .news_ipart02 .bott .owl-nav{font-size:0; margin-top:36px;} .news_ipart02 .bott .owl-prev{width:73px; height:68px; background:url(../img/news_ipart2_nav.png) no-repeat; display:inline-block; margin-right:8px;} .news_ipart02 .bott .owl-next{width:73px; height:68px; background:url(../img/news_ipart2_nav.png) no-repeat; transform:rotate(180deg); display:inline-block;} /* 新-发展历程 */ /* widgets_xc_history_lr_15 */ .news_history01 .widgets_xc_history_lr_15{background:url(../img/history_bg.jpg) no-repeat center; background-size:cover; padding:160px 0 120px;} .news_history01 .widgets_xc_history_lr_15 .left{width:50%;} .news_history01 .widgets_xc_history_lr_15 .left .date{font-size: 150px; color:#e7e7e7; font-weight: bold; line-height:0.9; position:absolute; top:0; left:0;} .news_history01 .widgets_xc_history_lr_15 .left .tit{font-size: 60px; font-weight: bold; color:#000; margin:40px 0; position:relative; z-index:2;} .news_history01 .widgets_xc_history_lr_15 .left .text_con{height:144px; position:relative;} .news_history01 .widgets_xc_history_lr_15 .left .text_con .item{font-size: 18px; color:#444444; line-height:36px; height:144px; overflow:hidden; position:absolute; top:0; left:0; right:0;} .news_history01 .widgets_xc_history_lr_15 .left .text_con .item span{display:block; opacity:0; visibility:hidden; transform:translateX(30px);} .news_history01 .widgets_xc_history_lr_15 .left .text_con .item.cur span{opacity:1; visibility:visible; transform:translateX(0);} .news_history01 .widgets_xc_history_lr_15 .left .text_con .item.cur span:nth-child(1){-moz-transition:all 1s ease 0.2s; -ms-transition:all 1s ease 0.2s; -o-transition:all 1s ease 0.2s; -webkit-transition:all 1s ease 0.2s; transition:all 1s ease 0.2s;} .news_history01 .widgets_xc_history_lr_15 .left .text_con .item.cur span:nth-child(2){-moz-transition:all 1s ease 0.5s; -ms-transition:all 1s ease 0.5s; -o-transition:all 1s ease 0.5s; -webkit-transition:all 1s ease 0.5s; transition:all 1s ease 0.5s;} .news_history01 .widgets_xc_history_lr_15 .left .text_con .item.cur span:nth-child(3){-moz-transition:all 1s ease 0.8s; -ms-transition:all 1s ease 0.8s; -o-transition:all 1s ease 0.8s; -webkit-transition:all 1s ease 0.8s; transition:all 1s ease 0.8s;} .news_history01 .widgets_xc_history_lr_15 .left .text_con .item.cur span:nth-child(4){-moz-transition:all 1s ease 1.1s; -ms-transition:all 1s ease 1.1s; -o-transition:all 1s ease 1.1s; -webkit-transition:all 1s ease 1.1s; transition:all 1s ease 1.1s;} .news_history01 .widgets_xc_history_lr_15 .left .time_line{font-size: 18px; color:#444; text-align:center; line-height:40px; padding:0 50px; position:relative; margin-top: 20px; position:relative;} .news_history01 .widgets_xc_history_lr_15 .left .time_line:after{content:""; position:absolute; top:50%; left:-1920px; right:-1920px; height:1px; background:#e5e5e5; z-index:0;} .news_history01 .widgets_xc_history_lr_15 .left .time_line .cur{font-size: 24px; font-weight: bold; color:#ee6b00;} .news_history01 .widgets_xc_history_lr_15 .left .time_line .owl-prev, .widgets_xc_history_lr_15 .left .time_line .owl-next{position:absolute; left:-50px; top:0; font-size: 26px; line-height:32px;} .news_history01 .widgets_xc_history_lr_15 .left .time_line .owl-prev:hover, .widgets_xc_history_lr_15 .left .time_line .owl-next:hover{color:#ee6b00;} .news_history01 .widgets_xc_history_lr_15 .left .time_line .owl-next{right:-50px; left:auto;} .news_history01 .widgets_xc_history_lr_15 .left .time_line .item{cursor:pointer;} .news_history01 .widgets_xc_history_lr_15 .left .time_line .item:hover{color:#ee6b00;} .news_history01 .widgets_xc_history_lr_15 .right{width:48%;} .news_history01 .widgets_xc_history_lr_15 .rect-63{padding-bottom:63%;} .news_history01 .widgets_xc_history_lr_15 .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);} .news_history01 .widgets_xc_history_lr_15 .right .pic_item .rect-63:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.2); z-index:1;} .news_history01 .widgets_xc_history_lr_15 .right .pic_item{position:absolute; top:0; right:0; left:0; display:none!important;} .news_history01 .widgets_xc_history_lr_15 .right .pic_item .rect-63{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;} .news_history01 .widgets_xc_history_lr_15 .right .pic_item.cur .rect-63{transform: scale(1); opacity:1; visibility:visible;} /* 新-行业新闻 */ /* newslist-13 start*/ .industry_news01 .time_box {width:17%; background-color:#d9d9d9; color:#8e8e8e;} .industry_news01 .time_box .pd{padding:30px 20px 45px 0; text-align:right;} .industry_news01 .time_box .day{font-size:48px; line-height:1; margin-bottom:12px;} .industry_news01 .time_box .year{font-size:14px; line-height:1; margin-bottom:20px;} .industry_news01 .time_box .line{width:26px; height:1px; background-color:#8e8e8e; margin-bottom:40px; display:inline-block; *display:inline; *zoom:1;} .industry_news01 .time_box .catname{font-size:13px; line-height:1;} .industry_news01 .lists a{display:block;} .industry_news01 .lists>li{overflow:hidden; margin-bottom:25px;} .industry_news01 .info_box{width:83%;} .industry_news01 .info_box .pd{padding:40px 60px 500px 45px; background-color:#f7f7f7; margin-bottom:-500px;} .industry_news01 .info_box .tit{font-size:24px; color:#666666; line-height:1; margin-bottom:30px;} .industry_news01 .info_box .texts{font-size:14px; color:#676767; line-height:24px; height:48px; overflow:hidden; margin-bottom:5px;} .industry_news01 .lists a:hover .time_box{background-color:#009843; color:#fff;} .industry_news01 .lists a:hover .line{background-color:#fff;} .industry_news01 .lists .more{display:none; width:110px; height:40px; background-color:#009843; color:#fff;text-align:center; font-size:14px; line-height:40px; float:right;} .industry_news01 .lists a:hover .more{display:block;} @media only screen and (max-width:640px){ .industry_news01 .time_box{width:100%; float:none;} .industry_news01 .time_box .pd{padding:20px;} .industry_news01 .time_box .day{float:left;line-height:48px; margin-bottom:0; margin-right:10px;} .industry_news01 .time_box .year{float:left; line-height:48px; vertical-align:bottom; margin-bottom:0; margin-right:10px;} .industry_news01 .time_box .catname{float:left; line-height:48px; vertical-align:bottom;} .industry_news01 .lists .line{display:none;} .industry_news01 .info_box{width:100%; float:none;} .industry_news01 .info_box .pd{padding:30px 20px 560px 20px;} } /* 公共部分 */ .channel_content{min-height:300px; padding:70px 0;} /* 公共标题 20220531 wzb */ .common_tit{float:left;} .common_tit .tit{font-size:30px; line-height:45px; color:#0f1a2c; position:relative; padding-left:33px;} .common_tit .tit::after{position:absolute; top:50%; transform:translateY(-50%); content:''; width:18px; height:5px; background:#009c4f; border-radius:5px; left:0;} /* 下层banner */ .xc_banner{position:relative; height:405px; overflow:hidden;} .xc_banner>img{position:absolute; top:0px; left:50%; margin-left:-960px; max-width:none; width:1920px;} /* 下层标题 */ .xc_title{position:absolute; height:255px; top:50%; left:0; transform:translate(0,-50%); width:100%;} .xc_title .cht{font-size:36px; line-height:45px; color:#182332; font-weight:bold; position:absolute; left:17%;z-index:2;} .xc_title .img_{position:absolute; top:45px; left:0%; padding:0px 2%;} /* 关于我们 详情*/ .about_us01{background:url(../img/about_center03.jpg) center no-repeat; background-size:cover;} .about_us01 .content{width:69%; float:right;} .about_us01 .content .t{font-size:16px; line-height:30px; color:#0f1a2c; margin-bottom:100px; text-align:justify;} /* 合作伙伴 */ .company01{background:url(../img/Company03.jpg) center no-repeat; background-size:cover; display:none;} .company01 .common_tit{float:none; padding-left:6%; margin-bottom:50px;} .company01 .content .left{float:left; width:43%; margin-top:120px;} .company01 .content .left .t{font-size:16px; line-height:30px; color:#0f1a2c; text-align:justify;} .company01 .content .right{float:right; width:52%; margin-top:50px;} .company01 .content .right .rect-978{padding-bottom:97.8%;} /* 发展历程-13 */ .history01 .widgets_xc_history_lr_13{padding:0 0 70px;} .history01 .widgets_xc_history_lr_13 .wrap{position:relative;} .history01 .widgets_xc_history_lr_13 .left_box{width:28%;} .history01 .widgets_xc_history_lr_13 .left_box.fixed{position:fixed; top:97px; left:50%; margin-left:-650px; width:364px;} .history01 .widgets_xc_history_lr_13 .left_box.abs{position:absolute; bottom:0; left:0;} .history01 .widgets_xc_history_lr_13 .left_box ul{border-top:1px solid #d2d2d2; margin-right:90px; text-align:right;} .history01 .widgets_xc_history_lr_13 .left_box li{border-bottom:1px solid #d2d2d2; padding:30px 0; position:relative; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .history01 .widgets_xc_history_lr_13 .left_box li:before{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:#009943; z-index:0;} .history01 .widgets_xc_history_lr_13 .left_box li:after{content:""; position:absolute; right:-15px; top:50%; margin-top:-12px; height:24px; width:15px; background:url(../img/history_sanjiao.png); z-index:0;} .history01 .widgets_xc_history_lr_13 .left_box li:after,.widgets_xc_history_lr_13 .left_box li:before{opacity:0; visibility:hidden; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .history01 .widgets_xc_history_lr_13 .left_box li .info{position:relative; z-index:1; display:block;} .history01 .widgets_xc_history_lr_13 .left_box li .y{font-size:36px; font-family:Impact; color:#7a7e80; line-height:1;} .history01 .widgets_xc_history_lr_13 .left_box li .name{font-size:20px; color:#000; font-weight:bold;} .history01 .widgets_xc_history_lr_13 .left_box li:hover,.widgets_xc_history_lr_13 .left_box li.cur{padding-right:20px;} .history01 .widgets_xc_history_lr_13 .left_box li:hover:after,.widgets_xc_history_lr_13 .left_box li:hover:before,.widgets_xc_history_lr_13 .left_box li.cur:after,.widgets_xc_history_lr_13 .left_box li.cur:before{visibility:visible; opacity:1;} .history01 .widgets_xc_history_lr_13 .left_box li:hover .y,.widgets_xc_history_lr_13 .left_box li:hover .name,.widgets_xc_history_lr_13 .left_box li.cur .y,.widgets_xc_history_lr_13 .left_box li.cur .name{color:#fff;} .history01 .widgets_xc_history_lr_13 .right_box{width:72%;} .history01 .widgets_xc_history_lr_13 .right_box .item_wrap{border-left:1px solid #d2d2d2; padding-bottom:80px; position:relative;} .history01 .widgets_xc_history_lr_13 .right_box .item_wrap:after{content:""; width:8px; height:8px; border:3px solid #009943; border-radius:50%; display:inline-block; *display:inline; *zoom:1; position:absolute; top:0; left:-8px;} .history01 .widgets_xc_history_lr_13 .right_box .item_wrap:before{content:""; position:absolute; left:6px; top:6px; width:20px; height:2px; background:#009943;} .history01 .widgets_xc_history_lr_13 .right_box .item{position:relative; padding-left:70px;} .history01 .widgets_xc_history_lr_13 .right_box .item .pic{position:relative; width:88%;} .history01 .widgets_xc_history_lr_13 .right_box .item .pic:before{content:""; position:absolute; top:15px; bottom:15px; width:10px; background:#009943; left:-10px;} .history01 .widgets_xc_history_lr_13 .right_box .item .text_box{position:absolute; top:15px; bottom:15px; right:0; background:#9d9d9d; width:165px; color:#fff; -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,.2); box-shadow:0px 0px 10px 2px rgba(0,0,0,.2); padding:40px 25px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .history01 .widgets_xc_history_lr_13 .right_box .item .text_box .date{font-size:37px; font-family:Impact; } .history01 .widgets_xc_history_lr_13 .right_box .item .text_box .date.date2{font-size:26px; line-height:1.4; margin-bottom:20px; font-family:'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; font-weight:bold;} .history01 .widgets_xc_history_lr_13 .right_box .item:hover .text_box{background:#009943;} /* 联系我们 */ .contact_us01 .widget_contact_7 .left{width:35%; height:700px; background:#f3f4f8} .contact_us01 .widget_contact_7 .right{width:60%; position:relative; z-index:2;} .contact_us01 .widget_contact_7 .right .map{height:700px; width:100%; overflow:hidden;} .contact_us01 .widget_contact_7 .right .map img{max-width:none;} .contact_us01 .widget_contact_7 .left .box{padding:30px;} .contact_us01 .widget_contact_7 .left .box .tit{font-size:28px; color:#009c4f; border-bottom:1px solid #dcdde1; padding-bottom:20px;} .contact_us01 .widget_contact_7 .left .box .item{line-height:30px; padding:20px 0; border-bottom:1px solid #dcdde1; font-size:14px; color:#616161; position:relative; padding-left:40px;} .contact_us01 .widget_contact_7 .left .box .item span{width:40px; height:40px; position:absolute; left:0; top:12px; background:url(../img/contacct_us_icon01.png) no-repeat; background-position:0 0; margin-right:15px;} .contact_us01 .widget_contact_7 .left .box .item .icon2{background-position:-40px 0;} .contact_us01 .widget_contact_7 .left .box .item .icon3{background-position:-80px 0;} .contact_us01 .widget_contact_7 .left .box .item .icon4{background-position:-120px 0;} .contact_us01 .widget_contact_7 .left .box .item .icon5{background-position:-160px 0;} .contact_us01 .widget_contact_7 .left .ercode{text-align:center; font-size:16px; color:#616161; margin-top:20px;} .contact_us01 .widget_contact_7 .left .ercode .ewm{width:40%; padding:2%;} .contact_us01 .widget_contact_7 .left .ercode .ewm .t{margin-top:5px;} /* 关于我们 */ .about_center.xc_banner{border-bottom-left-radius:120px;} .about_center.xc_banner .tit{font-size:36px; line-height:45px; color:#182332; font-weight:bold; position:absolute; left:17%; z-index:2; top:50%; transform:translate(0,-50%);} .about_center.xc_banner .play{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:83px; height:83px;} .about_center.xc_banner .play img{width:83px; height:83px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-left:0px;} .about_center.xc_banner .play::after{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); content:''; width:50px; height:50px; border-radius:200px; animation:dot_scale .5s linear infinite; z-index:1; border:10px solid #fff;} .about_center.xc_banner .play::before{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); content:''; width:80px; height:80px; border-radius:200px; animation:dot_scale .5s linear infinite; z-index:1; border:10px solid #fff;} @keyframes dot_scale { 0% { transform:translate(-50%, -50%) scale(1); opacity:.7; border-width:20px; } 50%{ transform:translate(-50%, -50%) scale(1.5); opacity:.4; border-width:20px; } 100% { transform:translate(-50%, -50%) scale(2); opacity:0; border-width:20px; border-radius:200px; } } .about_center.channel_content{padding-top:0;} .about_center01{padding-top:110px; padding-bottom:130px;background:url(../img/about_us011.png) no-repeat center; background-size:cover;} .about_center01 .wrap{padding:0px 6%; box-sizing:border-box;} .about_center01 .left{float:left; width:44%;} .about_center01 .left .info .t{font-size:20px; line-height:30px; color:#009943; margin-bottom:30px;} .about_center01 .left .content .t{font-size:30px; line-height:45px; color:#182332; margin-bottom:15px;} .about_center01 .left .content .con{font-size:16px; line-height:45px; color:#182332; margin-bottom:25px;} .common_btn{font-size:17px; color:#fff; width:250px; height:60px; background:#009943; border-radius:60px; line-height:60px; box-sizing:border-box; transition:all 1s ease; box-shadow:-3px 4px 21px 5px rgba(15 14 1 / 19%);} .common_btn:hover{background:#0fc960;} .common_btn a{display:block; position:relative; padding-left:96px; transition:background .6s; width:100%; height:100%; box-sizing:border-box;} .common_btn a .svg{width:40px; height:40px; position:absolute; top:50%; left:32px; transform:translateY(-50%);} .common_btn a .svg::after{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:40px; height:40px; content:''; background:url(../img/about_us002.jpg.png) no-repeat center; border-radius:40px;} .common_btn a .svg svg{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:40px; height:40px; border-radius:40px;} .common_btn .svg #circle1{opacity:0;} .common_btn:hover a .svg #circle1 {stroke-dasharray:220; stroke-dashoffset:220; -webkit-animation:4s svgcircle1 linear; animation:1.5s svgcircle1 forwards; opacity:1;} @-webkit-keyframes svgcircle1{0%{stroke-dashoffset:220;} 100%{stroke-dashoffset:0;}} @keyframes svgcircle1{0%{stroke-dashoffset:220;} 100%{stroke-dashoffset:0;}} .air_ticket1 .left .icon_box.act #circle2{stroke-dasharray:220;stroke-dashoffset:220; -webkit-animation:6s svgcircle2 linear; animation:6s svgcircle2 linear;} .common_btn span{position:relative; display:inline-block;} .common_btn span::after{position:absolute; bottom:15px; left:50%; transform:translateX(-50%); content:''; width:0%; height:1px; background:#fff; transition:all .5s ease;} .common_btn:hover span::after{width:100%; } .common_btn a:hover{color:#fff;} .about_center01 .right{float:right; width:47%; border-radius:20px; overflow:hidden; transition:all .5s ease;} .about_center01 .right:hover{box-shadow:0px 0px 35px 3px rgba(55,67,4,41%);} .about_center01 .right .rect-67{padding-bottom:67%;} .about_center02{background:url(../img/about_us005.jpg) no-repeat center; background-size:cover; height:500px; box-sizing:border-box; position:relative;} .about_center02 .wrap{padding:0px 6%; box-sizing:border-box;} .about_center02 .left{margin-top:140px; float:left; width:55%;} .about_center02 .left .info{margin-bottom:20px;} .about_center02 .left .info .t{font-size:36px; line-height:45px; color:#fff;} .about_center02 .left .content .numbox .item{float:left; width:26%; padding-right:10%; text-align:center;} .about_center02 .left .content .numbox .item:nth-child(3){padding-right:0px;} .about_center02 .left .content .numbox .item .num{font-size:18px; color:#fff; margin-bottom:20px; text-align:center;} .about_center02 .left .content .numbox .item .num span{font-size:45px; color:#fff; font-weight:bold;} .about_center02 .left .content .numbox .item .text{font-size:18px; color:#fff; position:relative; padding-left:40px; display:inline-block;} .about_center02 .left .content .numbox .item01 .text::after{position:absolute; background:url(../img/about_us006.png) no-repeat center; width:30px; height:29px; content:''; top:50%; transform:translateY(-50%); left:0px;} .about_center02 .left .content .numbox .item02 .text::after{position:absolute; background:url(../img/about_us007.png) no-repeat center; width:30px; height:29px; content:''; top:50%; transform:translateY(-50%); left:0px;} .about_center02 .left .content .numbox .item03 .text::after{position:absolute; background:url(../img/about_us008.png) no-repeat center; width:30px; height:29px; content:''; top:50%; transform:translateY(-50%); left:0px;} .about_center02 .right{margin-top:140px; float:right; width:24%;} .about_center02 .right .info{margin-bottom:25px;} .about_center02 .right .info .t{font-size:20px; line-height:38px; color:#fff; font-weight:bold;} .about_center02 .right .content .t{font-size:16px; line-height:30px; color:#fff; text-align:justify;} .about_center02 .img_{position:absolute; top:50%; transform:translateY(-50%); right:33%; width:17%;} .about_center02 .img_ .rect-69{padding-bottom:69%; border-radius:30px;} .about_center03{padding-top:124px; padding-bottom:130px;background:url(../img/about_us011.png) no-repeat center; background-size:cover;} .about_center03 .wrap{padding:0px 6%; box-sizing:border-box;} .about_center03 .left{float:right; width:44%;} .about_center03 .left .info .t{font-size:20px; line-height:30px; color:#009943; margin-bottom:30px;} .about_center03 .left .content .t{font-size:30px; line-height:45px; color:#182332; margin-bottom:15px;} .about_center03 .left .content .con{font-size:16px; line-height:45px; color:#182332; margin-bottom:25px;} .about_center03 .right{float:left; width:47%; border-radius:20px; overflow:hidden; transition:all .5s ease;} .about_center03 .right:hover{box-shadow:0px 0px 35px 3px rgba(55,67,4,41%);} .about_center03 .right .rect-67{padding-bottom:67%; } /* .about_center04{margin-bottom:140px;} */ .about_center04 .wrap{padding:0px 6%; box-sizing:border-box;} .about_center04 .list .item{float:left; width:29%; padding-right:6%;} .about_center04 .list .item a{display:block;} .about_center04 .list .item:nth-child(3n){padding-right:0%;} .about_center04 .list .item .img_{margin-bottom:40px;} .about_center04 .list .item .img_ .rect-66{padding-bottom:66%; border-radius:20px;} .about_center04 .list .item .con .t{font-size:18px; line-height:30px; color:#182332; position:relative; display:inline-block;} .about_center04 .list .item .con .t::after{position:absolute; content:''; background:#009943; width:0%; height:1px; bottom:0px; transform:translateX(-50%); left:50%; transition:all .5s ease;} .about_center04 .list .item .con .t::before{position:absolute; content:''; background:url(../img/about_us013png.png); width:13px; height:8px; right:-20px; transform:translateY(-50%); top:50%; transition:all .5s ease; z-index:2;} .about_center04 .list .item .con .t:hover::after{width:100%;} .about_center04 .list .item .con .t:hover::before{right:-30px;} .about_center04 .list .item .con .c{font-size:16px; line-height:30px; color:#182332;} .channel_content.contact_us{padding-bottom:130px;} .channel_content.history{padding-top:0;} .channel_content.honor{padding-bottom:130px;} /* 产业布局 */ .industry01 .label .line:before{height:100%; background:rgba(255,255,255,.57); opacity:.3; left:0; top:0; bottom:0; content:''; position:absolute; width:2px;} .iindustry01 .label .line:after{background:#fff; left:0px; top:0; content:''; position:absolute; width:2px; -webkit-animation:about_scroll-down-line 3s infinite; -o-animation:about_scroll-down-line 3s infinite; animation:about_scroll-down-line 3s infinite;} @keyframes about_scroll-down-line { 0%, 20% { height:50%; top:-45%; } 80%, 100% { height:50%; top:145%; } } .industry01{position:relative; overflow:hidden;} .industry.channel_content{padding:0; position:relative;} .industry01 .item{position:relative; overflow:hidden; height:969px;} /* .industry01 .item .img_{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1920px; max-width:none; height:100%;} */ .industry01 .item .img_{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:2000px; max-width:none; height:100%;} .industry01 .ban_dots{position:absolute; bottom:95px; height:81px; z-index:1; width:100%; background:url(../img/line.png) no-repeat center; width:1920px; margin-left:-960px; left:50%;} .industry01 .ban_dots .owl-dot{cursor:pointer; background:#009842; border-radius:40px; width:420px; height:75px; position:relative; margin-top:30px;} .industry01 .ban_dots .owl-dot1{float:left; margin-left:13.3%;} .industry01 .ban_dots .owl-dot2{float:right; margin-right:13.3%;} .industry01 .ban_dots .owl-dot .con{position:absolute; top:50%; transform:translateY(-50%); left:0px; width:100%; padding-left:33%; box-sizing:border-box;} .industry01 .ban_dots .owl-dot1 .con::after{position:absolute; top:50%; transform:translateY(-50%); left:50px; content:''; background:url(../img/industry.png) no-repeat center; width:47px; height:31px;} .industry01 .ban_dots .owl-dot2 .con::after{position:absolute; top:50%; transform:translateY(-50%); left:50px; content:''; background:url(../img/industry01.png) no-repeat center; width:47px; height:31px;} .industry01 .ban_dots .owl-dot .con .t{font-size:18px; color:#fff; line-height:25px;} .industry01 .ban_dots .owl-dot .con .c{font-size:14px; color:#fff; line-height:25px;} /* .industry01 .ban_dots .owl-dot1{margin-right:40%;} */ .industry01 .ban_dots::before{position:absolute; top:47%; left:13.2%; content:''; background:url(../img/kuohao.png) no-repeat center; width:424px; height:59px; transition:all 1s ease; z-index:2;} .industry01 .ban_dots.on::before{left:64.7%;} .industry01 .touxiang{position:absolute; left:50%; transform:translateX(-50%); bottom:60px; width:100%; height:95px; z-index:3; pointer-events:none} .industry01 .touxiang img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:80px; height:80px; max-width:none;} .industry01 .dots .marker .dot span{display:block; width:10px; height:10px; border-radius:25px; background:#fff; position:relative;} .industry01 .dots .marker .dot span::before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:10px; height:10px; border-radius:20px; animation: dot_scale2 1s linear infinite; z-index:-1; border:1px solid #fff; opacity:.5;} .industry01 .dots .marker .dot span::after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:30px; height:30px; border-radius:40px; animation: dot_scale 1s linear infinite; z-index:-1; border:1px solid #fff; opacity:.5;} .industry01 .dots .marker{position:absolute; z-index:1; width:auto; height:auto;} .industry01 .dots .marker .tantu{position:absolute; top:-80%; left:-256%; opacity:0; transition:all .2s ease; cursor:pointer; width:72px; height:128px; transform:scale(0.2);} .industry01 .dots .marker:hover .tantu{transform:scale(1); opacity:1; top:-140px; animation: tantu 0.2s linear .3s forwards;} .industry01 .dots .marker .tantu .ent{font-size:14px; color:#fff; line-height:30px; white-space:nowrap;padding-left:100%; opacity:0; transition:all 2s ease;} .industry01 .dots .marker .tantu .cht{font-size:22px; color:#fff; line-height:30px; white-space:nowrap;padding-left:100%; opacity:0; transition:all 2s ease;} .industry01 .dots .marker:hover .ent{opacity:1;} .industry01 .dots .marker:hover .cht{opacity:1;} .industry01 .dots .du720{position:absolute; z-index:0; width:29px; height:20px; animation:tiao 0.5s infinite;} .industry01 .dots .du720 img{width:29px; height:20px;} @keyframes tiao{0%{ransform:translateY(0%);} 25%{ransform:translateY(25%);} 50%{transform:translateY(50%);} 75%{transform:translateY(25%);} 100%{transform:translateY(0%);}} .tanchuang{position:fixed; top:95px; left:0px; width:100%; height:100%; z-index:6; display:none; background:#fff; overflow-y:scroll;} .tanchuang .left{float:left; width:50%; background:url(../img/tanchuang01.jpg) no-repeat center; height:100%; background-size:cover; z-index:60; position:relative;} .tanchuang .left .rect-101{padding-bottom:102%;} .tanchuang .right{float:right; width:50%; background:#fff; height:100%;} .tanchuang .right .content{padding:190px 20% 0px 20%;} .tanchuang .right .content .cht{font-size:30px; font-weight:bold; color:#182332; position:relative; display:inline-block; margin-bottom:40px;} .tanchuang .right .content .cht::after{position:absolute; bottom:0px; left:0px; content:''; width:100%; height:13px; background:#009842;} .tanchuang .right .content .cht i{position:relative; z-index:1;} .tanchuang .right .content .con{font-size:16px; color:#182332; position:relative; line-height:30px;} .tanchuang .left .btn_area{position:absolute; top:15px; left:5%; width:90%; height:30px; z-index:10;} .tanchuang .left .btn_area .swiper-button-prev{background:url(../img/tc_l_jt.png) no-repeat; width:25px; height:25px; position:absolute; left:0; top:0; cursor:pointer;} .tanchuang .left .btn_area .swiper-button-next{background:url(../img/tc_r_jt.png) no-repeat; width:25px; height:25px; position:absolute; left:35px; top:0; cursor:pointer;} .tanchuang .left .btn_area .swiper-pagination{position:absolute; right:0; top:0; font-size:25px; line-height:1; color:#fff;} /* .tanchuang .swiper-button-prev{position:absolute; top:13%; left:3%; font-size:25px; color:#fff;} .tanchuang .swiper-button-next{position:absolute; top:13%; left:7%; font-size:25px; color:#fff;} */ .tanchuang .close{position:absolute; top:11%; right:5%; background:url(../img/close.png) no-repeat center; width:25px; height:25px; cursor:pointer;} .industry02{display:none; overflow:hidden;} .industry02 .swiper .item{height:1033px; position:relative; } .industry02 .swiper .item .img_{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:none;} .industry02 .swiper .item .list{text-align:center; position:absolute; top:10%; left:50%; transform:translateX(-50%); width:100%;} .industry02 .swiper .item .list .line{width:60%; display:inline-block; height:75px; line-height:75px; background:#000; border-radius:60px; margin-bottom:20px; position:relative;} .industry02 .swiper .item .list .box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .industry02 .swiper .item .list .t{font-size:30px; color:#fff; font-weight:bold; position:relative;} .industry02 .swiper .item .list .t::after{position:absolute; top:50%; left:-55%; transform:translateY(-50%); background: url(../img/line01.png) no-repeat center; width:83px; height:66px; content:'';} .industry02 .swiper .item .list .more{margin-top:20px;} .industry02 .swiper .item .list .more span{position:relative; border:1px solid #fff; display:inline-block; color:#fff; padding:8px 50px; border-radius:50px;} /* 荣誉资质 */ .honor01 .rect-137{ padding-bottom:137%; } .honor01 .left{width:41%; background:url(../img/honor01_1.jpg) no-repeat center; background-size:cover; height:690px;} .honor01 .left .box{padding:75px 65px 0;} .honor01 .left .box .img_ {background:url(../img/honor01_2.jpg) no-repeat center; background-size:cover;} .honor01 .left .box .img_ .rect-94{padding-bottom:94%; text-align:center;} .honor01 .left .box .img_ .img_span{display:inline-block; margin-top:16%; transition:all 0.5s ease; padding:0 7%;} .honor01 .left .title{text-align:center; background:#009943; height:70px; line-height:70px; font-size:18px; color:#fff;} .honor01 .right{width:59%; height:690px; } .honor01 .right .box{padding:90px 35px 70px 65px; color:#02001c;} .honor01 .right .box .infor .tit{font-size:40px; line-height:45px; margin-bottom:20px;} .honor01 .right .box .infor .con{font-size:16px; line-height:30px; margin-bottom:70px;} .honor01 .right .list{height:384px; overflow:hidden; padding-right:4%; margin-bottom:35px; position:relative;} .honor01 .right .list li{margin-bottom:14px; float:left; margin-right:3%; width:30%; cursor:pointer; background:url(../img/honor01_4.jpg) no-repeat center;} .honor01 .right .list .img_box{height:178px; text-align:center; position:relative; overflow:hidden;} .honor01 .right .list .img_box img{height:110px; margin-top:25px; padding:0 10%;} .honor01 .right .list.scrollbar-ui .scroll_slider{background:#009943} .honor01 .right .list .img_title{display:none;} .industry01 .dots .marker{position:absolute; z-index:1; width:auto; height:auto;} .industry01 .dots .marker .tantu{left:-80px; width:200px;} .industry01 .dots .marker .tantu img{display:inline-block; width:72px; height:128px;} .industry01 .dots .marker .tantu .txt{display:inline-block;} .industry01 .dots .marker .tantu .ent{padding-left:0;} .industry01 .dots .marker .tantu .cht{padding-left:0;} .industry01 .dots .marker:hover .tantu{left:-28px;} .industry02 .swiper .item .list .t::after{background:none;} .industry02 .swiper .item .list img{width:83px; height:66px; transform:scale(.5); vertical-align:middle; display:inline-block;} .industry02 .swiper .item .list .box{height:75px;} .industry02 .swiper .item .list .t{display:inline-block; vertical-align:middle;} /* 20220606 */ .about_center.xc_banner .play::before{width:30px; height:30px; border-radius:200px; animation:dot_scale 1s linear infinite; z-index:1; border:10px solid #fff;} .about_center.xc_banner .play::after{width:20px; height:20px; border-radius:200px; animation:dot_scale2 2s linear infinite; z-index:1; border:10px solid #fff;} .about_center.xc_banner video{width:100%;} .tanchuang .right .content{padding:30px 5%;} .tanchuang .close{top:4%} .xc_title .cht .ent{width:180px;} .contact_us01 .widget_contact_7 .left .box .item .icon4{background-position:-80px 0;} .contact_us01 .widget_contact_7 .left .box .item .icon5{background-position:-120px 0;} .about_us01 .content .t{margin-bottom:60px;} .about_us01 .content .img_{position:relative;} .about_us01 .content .img_ .play{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:83px; height:83px; cursor:pointer;} .about_us01 .content .img_ .play img{width:100%; height:100%;} .about_us01 .content .img_ .play::before{width:30px; height:30px; border-radius:200px; animation:dot_scale 1s linear infinite; z-index:1; border:10px solid #fff; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .about_us01 .content .img_ .play::after{width:20px; height:20px; border-radius:200px; animation:dot_scale2 2s linear infinite; z-index:1; border:10px solid #fff; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} @keyframes dot_scale{0%{transform:translate(-50%, -50%) scale(1); opacity:.9} 100%{transform:translate(-50%, -50%) scale(3); opacity:0;}} @keyframes dot_scale2{0%{transform:translate(-50%, -50%) scale(1); opacity:.9;} 100%{transform:translate(-50%, -50%) scale(5);opacity:0;}} .tanchuang .left{background:none; overflow:hidden;} .tanchuang .left .img_box{background:url(../img/tanchuang01.jpg) no-repeat center; height:100%; background-size:cover; z-index:60; width:100%;} .tanchuang .right{position:relative; z-index:1;} .industry01 .ban_dots{display:none;} .industry01 .touxiang{display:none;} .industry01{position:fixed; width:100%; height:100%; top:0; left:0;} .tanchuang .close{z-index:3;} body .album_ordinary .album_close{background:#009842;} .news_history01 .widgets_xc_history_lr_15 .left .time_line .cur, .news_history01 .widgets_xc_history_lr_15 .left .time_line .owl-prev:hover, .news_history01 .widgets_xc_history_lr_15 .left .time_line .owl-next:hover, .news_history01 .widgets_xc_history_lr_15 .left .time_line .item:hover{color:#009943;} .industry01 .item .intro_box{position:relative; margin-top:200px; color:#fff; text-align:center; z-index:2;} .industry01 .item .intro_box .tit_en{font-size:45px; font-weight:200; line-height:1;} .industry01 .item .intro_box .tit{margin-top:10px; font-size:32px;} .industry01 .item .intro_box .con{margin-top:10px; font-size:16px; line-height:27px;} .industry01 .item .dots{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1920px; height:100%; z-index:10;} .industry01 .dots .marker:hover{z-index:2;} .industry01 .dots .marker .tantu{pointer-events:none;} .industry01 .dots .marker:hover .tantu{pointer-events:initial;} .industry01 .dots::after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1920px; height:100%; background:rgba(0, 0, 0, 0); z-index:1; pointer-events:none; transition:all .5s ease;} .industry01 .dots.on::after{background:rgba(0, 0, 0, 0.6);} .about_center01 .wrap, .about_center02 .wrap, .about_center03 .wrap, .about_center04 .wrap{padding-left:0; padding-right:0;} .about_center02 .left .content .numbox .item{padding-right:5%;} .xc_title{height:auto;} .xc_title .cht{position:static; left:0;} .xc_title .img_{display:none;} .contact_us01 .widget_contact_7 .right .map .map_box{height:100%;width:100%;} .contact_us01 .widget_contact_7 .right .map .map_box #cu01-1-332{height:100%!important;width:100%!important;} .channel_content.honor{padding-bottom: 160px;} .news_ipart02 .bott .con{font-size:16px;} /* 新-新闻列表 */ .news_list .widgets_xc_newlist_pic_10 .list_hd{margin-bottom:40px;} .news_list .widgets_xc_newlist_pic_10 .list_hd .inp_box_wrap {width:32%; margin-left:2%; border-bottom:solid 4px #009843;} .news_list .widgets_xc_newlist_pic_10 .list_hd .inp_box_wrap:first-child{margin-left:0;} .news_list .widgets_xc_newlist_pic_10 .list_hd .inp_box_wrap .inp_box{display:block; width:100%; height:50px; line-height:50px; border:none; padding:0; margin:0; box-sizing:content-box; font-size:18px; color:#009843; padding:0;text-indent:10px;} .news_list .widgets_xc_newlist_pic_10 .list_hd .inp_box_wrap .inp_box.hd_inp{width:80%;} .news_list .widgets_xc_newlist_pic_10 .list_hd .inp_box_wrap>input::-webkit-input-placeholder {color:#009843;} .news_list .widgets_xc_newlist_pic_10 .list_hd .inp_box_wrap .hd_btn{width:20%;height:50px; border:none; text-align:center; background-color:transparent; background-image:url(../img/news_list01_search_btn.jpg);background-repeat:no-repeat;background-size:20px 24px; background-position:center; outline:none; cursor:pointer; padding:0;} .news_list .widgets_xc_newlist_pic_10 .list_bd .list_box{padding:46px 60px 40px; position:relative; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;} .news_list .widgets_xc_newlist_pic_10 .list_bd .list_main{overflow:hidden; width:88%;} .news_list .widgets_xc_newlist_pic_10 .list_bd .list_main .bd_r{width:20%; margin-left:3%;} .news_list .widgets_xc_newlist_pic_10 .list_bd .list_main .bd_c .list_title{height:30px; line-height:30px; font-size:20px; color:#1f1f1f; display:block;} .news_list .widgets_xc_newlist_pic_10 .list_bd .list_main .bd_c .list_tool{font-size:14px; color:#c1c1c1; padding:10px 0px} .news_list .widgets_xc_newlist_pic_10 .list_bd .list_main .bd_c .list_tool span{display:inline-block; vertical-align:middle;} .news_list .widgets_xc_newlist_pic_10 .list_bd .list_main .bd_c .list_tool .share_btn{cursor:pointer; margin:0 20px;} .news_list .widgets_xc_newlist_pic_10 .list_bd .list_main .bd_c .list_p{font-size:14px; color:#505050; line-height:26px; height:52px; overflow:hidden;} .news_list .widgets_xc_newlist_pic_10 .list_bd .list_box:after{content:""; width:100%; height:1px; background-color:#e6e6e6; position:absolute; bottom:0; right:0;} .news_list .widgets_xc_newlist_pic_10 .list_bd li:hover .list_box{background-color:#f4f4f4;} .news_list .widgets_xc_newlist_pic_10 .list_bd li:hover .list_box:after{background-color:#f4f4f4;} .news_list .widgets_xc_newlist_pic_10 .list_bd li:hover .list_main .bd_c .list_title{color:#009843;} .news_list .widgets_xc_newlist_pic_10 .list_bd li.cur .list_box{background-color:#f4f4f4;} .news_list .widgets_xc_newlist_pic_10 .list_bd li.cur .list_box:after{background-color:#f4f4f4;} .news_list .widgets_xc_newlist_pic_10 .list_bd li.cur .list_main .bd_c .list_title{color:#009843;} .news_list .widgets_xc_newlist_pic_10 .list_time{position:relative; width:90px; padding:10px 0; font-size:14px; text-align:center; color:#fff; background-image:url(../img/news_date.jpg); background-repeat:no-repeat;background-size:100% 100%; background-position:left center; font-family:Arial;} .news_list .widgets_xc_newlist_pic_10 .list_bd .list_box .list_time:after{content:''; position:absolute; top:0; right:-20px; width:1px; height:100%; background-color:#e6e6e6;} .news_list .widgets_xc_newlist_pic_10 .list_bd .list_box .list_time_day{display:block; font-size:50px; line-height:50px;} .news_list .widgets_xc_newlist_pic_10 .select-ui-choose ._arrow{width:16%; right:0;} .news_list .widgets_xc_newlist_pic_10 .select-ui-choose ._arrow .arr{left:50%; margin:0 0 0 -0.4em; border-color:#009843 transparent transparent;} body .select-ui-options-default{margin-top:4px;} body .select-ui-options-default::-webkit-scrollbar {width:2px; height:4px;} body .select-ui-options-default::-webkit-scrollbar-thumb {border-radius:5px; background:#009843; } body .select-ui-options-default::-webkit-scrollbar-track {border-radius:0; background:#fff;} body .select-ui-options li:hover, body .select-ui-options li.hover{background:#009843;} body .select-ui-options-bottom, .news_list .widgets_xc_newlist_pic_10 .select-ui-choose-bottom.on, .news_list .widgets_xc_newlist_pic_10 .select_box{border-radius:0px;} .news_list .widgets_xc_newlist_pic_10 .list_bd .noimg .bd_c{width:84%;} .right_cont,.right_area,.fake_dots_box{display:none;} /* 新-企业文化 */ .culture03{margin-top:120px; background:url(../img/culture02_big_bg.jpg) no-repeat; padding-top:135px; box-sizing:border-box;} .culture03 .owl-item .item{display:block;} .culture03 .owl-carousel .owl-stage-outer{overflow:inherit;} .culture03 .bg{position:relative; border-radius:20px; overflow:hidden;} .culture03 .bg .img01{border-radius:20px;} .culture03 .bg .img02{height:100%;} .culture03 .bg .cover{position:absolute; right:0; height:100%; top:0;} .culture03 .right{position:absolute; right:50px; width:37.3%; top:80px;} .culture03 .right .clrcle{width:90px; height:90px; position:relative;} .culture03 .right .clrcle .svg{position:absolute; left:0; top:0; width:90px; height:90px; transform:rotate(-45deg);} .culture03 .right .clrcle .svg01{position:absolute; left:0; top:0; width:90px; height:90px; transform:rotate(-45deg);} .culture03 .right .infor{margin-top:10px;} .culture03 .right .infor .title{font-size:35px; line-height:40px; color:#ffffff; } .culture03 .right .infor .tit{font-size:23px; line-height:40px; color:#ffffff; } .culture03 .right .infor .con{font-size:15px; line-height:24px; color:#ffffff; margin-top:10px;} .culture03 .owl-item.active .right .clrcle .svg #circle1 {stroke-dasharray:251; stroke-dashoffset:251; animation:svgcircle1 4s linear infinite;} .culture03 .bd{text-align:center; margin-top:40px;} .culture03 .bd .btns{display:inline-block; position:relative; margin:15px 0;} .culture03 .bd .btns span{width:400px; display:inline-block; line-height:35px;} .culture03 .bd .nav_btn .owl-prev{left:0;} .culture03 .bd .nav_btn .owl-next{right:0;} .culture03 .bd .nav_btn .owl-prev, .culture03 .bd .nav_btn .owl-next{position:absolute; cursor:pointer; font-size:20px; color:#009843;} .culture03 .bd .nav_btn .owl-prev.disabled{color:#565656;} .culture03 .bd .nav_btn .owl-next.disabled{color:#565656;} .culture03 .bd .line{width:38%; margin:0 auto; height:2px; background:#ededed; vertical-align:middle; position:relative} .culture03 .bd .line .process{position:absolute; left:0; top:0;z-index:1; height:100%; background:#009843; transition:width 0.5s ease;} .ibanner .owl-carousel .owl-item .v_item>img{display:none;} .culture01 li .cover{min-height:211px;} .culture01 li .cover .infor .title{font-size:24px; line-height:30px;} .culture01 li .cover .infor .tit{font-size:18px; line-height:30px; margin-bottom:5px;} .culture03 .right .infor .tit{font-size:20px; line-height:30px; margin-top:10px;} .contact_us01 .widget_contact_7 .left{width:38%;} .company01 .content .right{width:44%;} .company01 .common_tit{padding-left:0; margin-bottom:40px;} .company01 .common_tit .tit{font-size:40px; line-height:45px; color:#000;} .news_history01 .widgets_xc_history_lr_15 .left .tit{ font-size:40px; line-height:45px; font-weight:normal; color:#000;} .footer .cattle{display:none;} .footer .wrap .content{width:100%;} .footer .content .bott .left a.company{margin-right:10px;} .footer .content .bott .left a.beian{margin-left:10px;} .footer .content .bott .right a{margin-right:10px;} .about_center.xc_banner video{position:absolute; top:50%; transform:translate(0,-50%); left:0;} .channel_content.news_history{padding:0;} .news_history01 .widgets_xc_history_lr_15{padding:100px 0; overflow:hidden;} .industry02 .swiper .item .list .line{background:rgba(0, 152, 67,0.7);} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:#009943;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:#009943;} .about_center.xc_banner .play{display:none;} .about_center.xc_banner .tit{left:0; width:100%;} body .bg-primary{background-color:#009843;} .contact_us01 .widget_contact_7 .left .box .item span{transform:scale(0.8);} .tanchuang{overflow-y:auto;} /* 公共部分-产品弹窗 */ .modal_pro{position:fixed; top:95px; left:0px; width:100%; height:calc(100vh - 95px); z-index:70; display:none; background:#fff; overflow-y:scroll;} .modal_pro .content{position:absolute; left:0; top:0; width:100%; height:100%;} .modal_pro .content .left{background:none; overflow:hidden; float:left; width:50%; height:100%; position:relative;} .modal_pro .content .left .img_box{height:100%; z-index:60; width:100%; overflow:hidden;} .modal_pro .content .left .btn_area{position:absolute; top:15px; left:5%; width:90%; height:30px; z-index:10;} .modal_pro .content .left .btn_area .swiper-button-prev{background:url(../img/tc_l_jt.png) no-repeat; width:25px; height:25px; position:absolute; left:0; top:0; cursor:pointer;} .modal_pro .content .left .btn_area .swiper-button-next{background:url(../img/tc_r_jt.png) no-repeat; width:25px; height:25px; position:absolute; left:35px; top:0; cursor:pointer;} .modal_pro .content .left .btn_area .swiper-pagination{position:absolute; right:0; top:0; font-size:25px; line-height:1; color:#fff;} .modal_pro .content .right{float:right; width:50%; background:#fff; height:100%; position:relative; z-index:1;} .modal_pro .content .right .words{padding:30px 5%;} .modal_pro .content .right .words .tit{font-size:30px; font-weight:bold; color:#182332; position:relative; display:inline-block; margin-bottom:40px;} .modal_pro .content .right .words .tit::after{position:absolute; bottom:0px; left:0px; content:''; width:100%; height:13px; background:#009842;} .modal_pro .content .right .words .tit i{position:relative; z-index:1;} .modal_pro .content .right .words .con{font-size:16px; color:#182332; position:relative; line-height:30px;} /* .modal_pro .content .swiper-button-prev{position:absolute; top:13%; left:3%; font-size:25px; color:#fff;} .modal_pro .content .swiper-button-next{position:absolute; top:13%; left:7%; font-size:25px; color:#fff;} */ .modal_pro .content .close_btn{position:absolute; top:4%; right:5%; background:url(../img/close.png) no-repeat center; width:25px; height:25px; cursor:pointer; display:block; z-index:3;} /* 2022.06.17 新-产品列表 */ .pro_list01 .bg{position:relative; height:100vh; overflow:hidden;} /* .pro_list01 .bg{position:absolute; left:50%; bottom:0; margin-left:-960px; width:1920px; height:100%;} */ .pro_list01 .bg figure{margin:0;} .pro_list01 .bg img{max-width:none; position:absolute; left:50%; top:0; width:1920px; transform:translate(-50%,0);} /* .pro_list01 .content{position:absolute; left:6.7%; top:50%; transform:translate(0,-50%); width:41%; text-align:center;} */ .pro_list01 .content{position:absolute; left:6.7%; top:15%; width:41%; text-align:center;} /* 20240409 */ body .searchArea{padding-top:0!important;} body .resultArea #botBtn a::before{background:#009943;} body .resultArea #botBtn a:hover{background:#009943;} .header .h_logo{padding-top:26px;} .header .inav_wrapper .nav_li .nav_a{padding:39px 0;} .header .h_tools{padding:40px 0;} .header .h_company{padding-top:16px;} .header .mobile_key{font-size:20px;} .pro_list01 .bg .pc{display:block;} .pro_list01 .bg .mobile{display:none;} .industry_news01 .info_box .tit{line-height:30px;} .industry_news01 .lists a{background-color:#f7f7f7; display:flex; align-items:stretch;} .industry_news01 .info_box .pd{margin-bottom:0; padding-bottom:30px;} .job_list01 .form_box{font-size:0;} .job_list01 .form_box .inp_wrap{width:calc(32.5% - 18px);} .job_list01 .content li ._un, .job_list01 .content li ._ut{width:15%;} .job_list01 .content li ._t1{width:23%;} .job_list01 .content li ._t5{width:22%;} .job_list01 .content li ._t7{width:10%;} .tanchuang{height:calc(100vh - 95px);} .header .h_tools .h_mall{display:none;} .header .h_tools{width:7%;} .footer .content .center .left .item>div{display:inline-block; color:#fff; font-size:16px; line-height:40px;} .header .nav_down{z-index:10;} /* 关于我们 */ .about_center02,.about_center03{display:none;} .about_center04 .list .item{width:23.6%; margin-right:1.8%; padding-right:0!important;} .about_center04 .list .item:nth-child(4n){margin-right:0;} .about_center04 .list .item .img_{border-radius:20px; overflow:hidden;} .about_center04 .list .item .con .t{font-weight:bold;} .about_center04 .list .item .con .c{display:none;} .about_center04 .rect-7296{padding-bottom:72.96%;} .about_center05{margin-top:90px;} .about_center05 .content{position:relative; overflow:hidden; border-radius:20px; text-align:center; padding:70px 0 100px; background:url(../img/about_us05_bg.jpg) no-repeat center/cover;} .about_center05 .words{display:inline-block; color:#fff;} .about_center05 .words .common_btn{text-align:left; background:none; box-shadow:none; border:1px solid #fff; margin:0 auto;} .about_center05 .words .t{font-size:20px; line-height:30px; margin-bottom:15px;} .about_center05 .words .c{font-size:30px; line-height:40px; margin-bottom:40px;} /* 公司简介 */ .about_company03,.about_company04{display:none;} /* 合作伙伴 */ .company.channel_content{background:url(../img/Company03.jpg) center no-repeat; background-size:cover;} .company02 .hd .common_tit{float:none; margin-bottom:40px; padding-left:0;} .company02 .hd .cont{text-align:center; font-size:0;} .company02 .hd .cont li{width:32.4%; margin-right:1.4%; margin-bottom:35px; border:1px solid #009943; border-radius:15px; background:#fff; box-sizing:border-box; display:inline-block; vertical-align:text-top; height:120px;} .company02 .hd .cont li:nth-child(3n){margin-right:0;} .company02 .hd .cont li .img{height:100%; display:flex; align-items:center; justify-content:center;} .company02 .hd .cont li img{max-height:80%; max-width:80%;} .company02 .bd{margin-top:30px; display:flex; align-items:flex-start; justify-content:space-between;} .company02 .bd .item{width:48%;} .company02 .bd .item .t{font-size:30px; line-height:40px; color:#009943; margin-bottom:25px;} .company02 .bd .item li{padding-left:30px; position:relative;} .company02 .bd .item li::after{content:''; position:absolute; top:7px; left:0; border:8px solid transparent; border-left-color:#009943;} .company02 .bd .item li .c{font-size:20px; line-height:30px; margin-bottom:10px; color:#182332; font-weight:bold;} /* 联系我们 */ .contact_us01 .widget_contact_7 .left .box{padding-top:60px;} .contact_us01 .widget_contact_7 .left .box .tit{padding-bottom:30px;} .contact_us01 .widget_contact_7 .left .ercode{margin-top:40px;} /* 简历 */ .job_list01 .content .j_c .intro .job_btn{display:none;} /* 联系我们综合页 */ .contact.channel_content{padding-top:0;} .contact01{position:relative; overflow:hidden; margin-top:-33px;} .contact01 .bg img{width:100%;} .contact01 .content{position:absolute; left:0; width:100%; top:calc(50% + 15px); transform:translateY(-50%);} .contact01 .content .words{width:45%;} .contact01 .content .words .title{font-size:40px; line-height:1; color:#182332; margin-bottom:20px;} .contact01 .content .words .con{color:#182332; font-size:16px; line-height:30px; min-height:90px; margin-bottom:60px;} .contact02{margin-top:90px;} .contact02 .item{width:46%; margin-right:8%; float:left;} .contact02 .item:nth-child(2n){margin-right:0;} .contact02 .item a{display:block; font-size:0;} .contact02 .item .img_{margin-bottom:20px; border-radius:20px; overflow:hidden;} .contact02 .item .img_ .rect-6609{padding-bottom:66.09%;} .contact02 .item .con .t{font-size:30px; line-height:1.2; color:#182332; position:relative; display:inline-block; font-weight:bold;} .contact02 .item .con .t::after{position:absolute; content:''; background:#009943; width:0%; height:1px; bottom:0px; transform:translateX(-50%); left:50%; transition:all .5s ease;} .contact02 .item .con .t::before{position:absolute; content:''; background:url(../img/contact02_jt.png); width:26px; height:15px; right:-40px; transform:translateY(-50%); top:50%; transition:all .5s ease;} .contact02 .item .con .t:hover::after{width:100%;} .contact02 .item .con .t:hover::before{right:-30px;} /* 供应商需求 */ .sup_require01 .content .title{font-size:30px; color:#182332; line-height:1; margin-bottom:30px;} .sup_require01 .content .j_c_box{padding:40px; height:auto; background:#f9f9f9; border-top:1px solid #e7e7e7;} .sup_require01 .content .j_c_box .intro{color:#222222; line-height:24px; position:relative; font-size:14px;} .sup_require01 .content .j_c_box .intro strong{display:block; font-size:16px; color:#009943; margin-bottom:10px}