/* * 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:1400px; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto; font-weight:lighter;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:15px; line-height:1.6; color:#000; background:#fff;} a{color:inherit;} a:hover { color:#ea5613;} ::-moz-selection {color:#fff; background:#ea5613; } ::selection {color:#fff; background:#ea5613; } ::-webkit-input-placeholder { color:#aaa; } *{margin:0; box-sizing:border-box;} .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.05,1.05); -ms-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /* 公共按钮 */ .common-btn{display:inline-block; height:55px; line-height:55px; font-size:15px; padding:0 70px 0 40px; border:1px solid #e1e0e1; border-radius:50px; background:#ea5613; transition:all 0.5s ease; position:relative;} .common-btn span{display:inline-block; color:#fff;} .common-btn span.icon{width:8px; height:12px; background:url(../img/btn_white.png) no-repeat center; transition:all 0.5s ease; position:absolute; top:50%; margin-top:-6px; right:37px;} .common-btn:hover{background:#be4e1b;} .common-btn:hover span.icon{right:32px} /* 公共按钮带边框 */ .common-btn{display:inline-block; height:55px; line-height:55px; font-size:15px; padding:0 70px 0 40px; border:1px solid #e1e0e1; border-radius:50px; background:#ea5613; transition:all 0.5s ease; position:relative;} .common-btn span{display:inline-block; color:#fff;} .common-btn span.icon{width:8px; height:12px; background:url(../img/btn_white.png) no-repeat center; transition:all 0.5s ease; position:absolute; top:50%; margin-top:-6px; right:37px;} .common-btn:hover{background:#be4e1b;} .common-btn:hover span.icon{right:32px} .common-border-btn{display:inline-block; height:55px; line-height:55px; font-size:15px; padding:0 70px 0 40px; border:1px solid #e1e0e1; border-radius:50px; transition:all 0.5s ease; position:relative;} .common-border-btn span{display:inline-block; color:#000;} .common-border-btn span.icon{width:8px; height:12px; background:url(../img/btn_black.png) no-repeat center; transition:all 0.5s ease; position:absolute; top:50%; margin-top:-6px; right:37px;} .common-border-btn:hover{background:#ea5613; border-color:#ea5613;} .common-border-btn:hover span{color:#fff;} .common-border-btn:hover span.icon{right:32px; background:url(../img/btn_white.png) no-repeat center;} /* 无边框按钮 */ .noborder-btn{display:inline-block; height:35px; line-height:35px; font-size:15px; padding-right:40px; transition:all 0.5s ease; position:relative; color:#fff;} .noborder-btn .icon{display:inline-block; transition:all 0.5s ease; position:absolute; top:2px; font-size:18px; margin:0; right:10px;} .noborder-btn:hover{color:#ea5613;} .noborder-btn:hover .icon{right:5px; color:#ea5613} /* 头部 */ .header{position:fixed; left:0; top:0; width:100%; z-index:10; border-bottom:1px solid #fff; transition:all 0.5s ease; border-color:rgba(255,255,255,.24);} .header .logo{padding:39px 0; transition:.5s ease;} .header .logo a{display:block; font-size:0;} .header .h_tools{padding:44px 0; transition:.5s ease;} .header .h_tools .h_sear{margin-left:27px; cursor:pointer;} .header .h_tools .h_sear .icon{width:20px; height:20px; background:url(../img/h_sear.png) no-repeat;} .header .h_tools .h_sear .icon:hover{background-position:0 -20px;} .header .h_tools .h_lan{margin-left:40px;} .header .h_tools .h_lan .icon{width:20px; height:20px; background:url(../img/h_lan.png) no-repeat;} .header .h_tools .h_lan .icon:hover{background-position:0 -20px;} .header .h_tools .h_me{height:20px; position:relative; margin-left:30px;} .header .h_tools .h_me span{display:inline-block; font-size:15px; line-height:20px; color:#fff;} .header .h_tools .h_me span.icon{width:12px; height:8px; background:url(../img/h_me.png) no-repeat; margin-left:10px;} /* 搜索下拉 */ .search-alert{position:fixed; left:0; top:-100%; width:100%; height:100%; background:#fff; z-index:98; transition:all 0.5s ease} .search-alert .close{border-left: 1px solid #E1E0E1; padding:44px; float:right;} .search-alert .close_icon{display:block; width:20px; height:20px; background:url(../img/search_close.png) no-repeat center; cursor:pointer; -webkit-transition:-webkit-transform 0.3s ease 0s; transition:transform 0.3s ease 0s;} .search-alert .close .close_icon:hover{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} .search-alert .cent-form {padding:19px 0; height:70px; line-height:70px; float:left; width:86%;} .search-alert .cent-form form{position:relative; padding-left:50px;} .search-alert .cent-form form .icon{position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../img/ico2_2.png) no-repeat;} .search-alert .cent-form form .inp {border:none; font-size:15px; height:70px; line-height:70px; text-align:left; width:80%; box-sizing:border-box; background:none; padding:0} .search-alert .cent-form form .btns {border:none; width:120px; background:none; text-align:center; padding:10px 20px; margin:0; font-size:15px; color:#aaa; border-radius:50px; border:1px solid#aaa; cursor:pointer; outline:none; transition:all 0.5s ease;} .search-alert .cent-form form .btns:hover{background:#ea5613; color:#fff; border-color:#ea5613;} .search-alert.active{top:0;} /* 我是下拉 */ .header .h_tools .h_me{position:relative;} .header .h_tools .h_me .me_down{position:absolute; left:50%; margin-left:-50px; top:100%; margin-top:5px; width:100px; border:1px solid #e5e5e5; text-align:center; display:none; background:#fff;} .header .h_tools .h_me .me_down ul{padding:5px 0;} .header .h_tools .h_me .me_down li a{font-size:14px; line-height:30px; color:#666;} .header .h_tools .h_me .me_down li a:hover{color:#ea5613;} /* PC导航 */ .header .inav_wrapper{border-right:1px solid #fff; border-color:rgba(255,255,255,.4); padding-right:13px;} .header .inav_wrapper .nav_li{font-size:16px; line-height:36px; padding:36px 26px; float:left; color:#fff; transition:padding .5s ease;} /* 导航下拉 */ .header .inav .nav_li .dropdown{display:none; overflow:hidden; position:absolute; z-index:1; width:100%; top:100%; left:0; background:url(../img/nav.jpg) no-repeat center;} .header .dropdown .left{float:left; width:24.5%; padding-top:45px; min-height:400px;} .header .dropdown .left ul{position:relative; padding-bottom:30px;} .header .dropdown .left ul:after{content:''; position:absolute; bottom:0; width:90%; left:0; height:1px; background:#c7c7c9;} .header .dropdown .left ul li{font-size:15px; color:#000; line-height:45px; padding-left:50px;} .header .dropdown .left ul li:hover{background:#fff;} .header .dropdown .left ul li.cur{background:#fff;} .header .dropdown .left dl{padding:25px 0 20px;} .header .dropdown .left dl dt{font-size:17px; color:#000; padding-left:50px; line-height:30px;} .header .dropdown .left dl dd{font-size:14px; color:#000; line-height:30px; padding-left:50px;} .header .dropdown .right{float:right; width:75%; padding-top:45px;} .header .dropdown .right .infor{float:left; width:57%; position:relative; z-index:1;} .header .dropdown .right .infor .box{padding-left:60px;} .header .dropdown .right .infor .tit{font-size:25px; color:#000; line-height:50px;} .header .dropdown .right .infor .con{font-size:15px; color:#000; line-height:30px; margin:13px 0 45px;} .header .dropdown .right .img{position:absolute; right:0; bottom:0;} /* 产品下拉 */ .header .pro_li .dropdown .right .content{display:none; width:50%; float:left; position:relative; z-index:1; min-height:223px;} .header .pro_li .dropdown .right .content:first-child{display:block;} .header .pro_li .dropdown .right .content>div{margin-bottom:40px;} .header .pro_li .dropdown .right .content>div .box{padding-left:50px;} .header .pro_li .dropdown .right .content>div .box a{display:block;} .header .pro_li .dropdown .right .content .t{font-size:16px; color:#000; line-height:30px; margin-bottom:10px; transition:.3s ease; font-weight:bold;} .header .pro_li .dropdown .right .content>div:hover .t{color:#ea5613;} .header .pro_li .dropdown .right .content .t .iconfont{opacity:0; visibility:hidden; transition:.3s ease;} .header .pro_li .dropdown .right .content>div:hover .t .iconfont{opacity:1; visibility:visible;} .header .pro_li .dropdown .right .content .c{font-size:13px; color:#000; line-height:30px; } /* 头部触控及吸顶 */ .header:hover{background:#fff;} .header:hover .inav_wrapper .nav_li{color:#000;} .header:hover .h_tools .h_lan .icon{background-position:0 -20px;} .header:hover .h_tools .h_sear .icon{background-position:0 -20px;} .header:hover .h_tools .h_me span{color:#000;} .header:hover .h_tools .h_me span.icon{background-position:0 -8px;} .header.fixed{background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2);} .header.fixed .inav_wrapper .nav_li{color:#000;} .header.fixed .h_tools .h_lan .icon{background-position:0 -20px;} .header.fixed .h_tools .h_sear .icon{background-position:0 -20px;} .header.fixed .h_tools .h_me span{color:#000;} .header.fixed .h_tools .h_me span.icon{background-position:0 -8px;} .header.fixed .logo{padding:19px 0;} .header.fixed .h_tools{padding:24px 0;} .header.fixed .inav_wrapper .nav_li{padding:16px 24px;} .header.fix{background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2);} .header.fix .inav_wrapper .nav_li{color:#000;} .header.fix .h_tools .h_lan .icon{background-position:0 -20px;} .header.fix .h_tools .h_sear .icon{background-position:0 -20px;} .header.fix .h_tools .h_me span{color:#000;} .header.fix .h_tools .h_me span.icon{background-position:0 -8px;} .header.fix .logo{padding:19px 0;} .header.fix .h_tools{padding:24px 0;} .header.fix .inav_wrapper .nav_li{padding:16px 24px;} /*----------手机端下拉部分--------*/ .header .mLan_down{display:none;} .header .mSearch{display:none;} .mobile_key{display:none;} .m_nav{display:none;} .m_banner{display:none;} .m_ipart{display:none;} .m_footer{display:none;} /*----------手机端下拉部分 end-------*/ /* 底部 */ footer{background:#2d2d35;} .f_top{padding:20px 0; border-bottom:1px solid #fff; border-bottom-color:rgba(255,255,255,.08)} .f_top .left{width:57%; float:left; margin-top:17px;} .f_top .left li{display:inline-block; font-size:15px; color:#fff; color:rgba(255,255,255,.8); margin-right:40px;} .f_top .left li a:hover{color:#a9a7a5;} .f_top .left li .icon{margin-right:15px;} .f_top .right{float:right;} .f_top .right a{ display:inline-block; width: 55px; height: 55px; background: #ea5413; border-radius: 50%; line-height: 55px; text-align: center; } .f_top .right a:hover{background:#be4e1b;} .f_top .right a img{vertical-align:middle;} /* .f_top .right .inp_wrap{height:84px; line-height:84px; border:1px solid #fff; border-color:rgba(255,255,255,.21); border-radius:50px; background:#595969; background:rgba(89,89,105,.21); position:relative;} .f_top .right .inp_wrap .inp{width:70%; height:84px; line-height:84px; border:none; padding:0; text-indent:40px; background:none; color:#fff;} .f_top .right .inp_wrap .btns{width:64px; height:64px; background:none; padding:0; margin:0; border:none; outline:none; position: absolute; right:10px; top:10px; cursor:pointer;} .f_top .right .inp_wrap .btns .icon{width:64px; height:64px; background:url(../img/f_top02.png) no-repeat center; transition:.5s ease;} .f_top .right .inp_wrap .btns .icon:hover{background:url(../img/f_top03.png) no-repeat center;} */ .f_cen{padding:43px 0; border-bottom:1px solid #fff; border-bottom-color:rgba(255,255,255,.08)} .f_cen .img_{margin-top:7px;} .f_cen .list{margin-top:7px;} .f_cen .list li{font-size:14px; line-height:31px; color:#fff; margin-left:45px; display:inline-block;} .f_cen .list li a:hover{color:#a9a7a5} .f_cen .share_box .bdsharebuttonbox{overflow:hidden;} .f_cen .share_box a{display:block; float:right; width:40px; height:40px; background:url(../img/f_cen01.png) no-repeat;padding:0; margin:5px 5px 0;} .f_cen .share_box a.bds_tsina{background-position:0 0;} .f_cen .share_box a.bds_weixin{background-position:-40px 0;} .f_cen .share_box a.bds_sqq{background-position:-80px 0;} .f_cen .share_box a:hover{background:url(../img/f_cen02.png) no-repeat;} .f_cen .share_box a.bds_tsina:hover{background-position:0 0;} .f_cen .share_box a.bds_weixin:hover{background-position:-40px 0;} .f_cen .share_box a.bds_sqq:hover{background-position:-80px 0;} .f_bott{padding:25px 0; font-size:13px; color:#fff; color:rgba(255,255,255,.5)} .f_bott .left a{margin:0 10px;} .f_bott .left a:hover{color:#fff} .f_bott .left{float:left;} .f_bott .right{float:right;} .f_bott .right a:hover{color:#fff} .f_cen .share_box .qr{vertical-align: middle;} .f_cen .share_box .qr .t{font-size: 12px;height: 22px;display: table-cell;vertical-align: bottom;line-height: 1;color: #fff;} .channel_content{min-height:300px; padding:60px 0;} /* 首页 */ /*ibanner*/ .ibanner{position:relative; height:749px;} .ibanner .item{height:749px; overflow:hidden; position:relative;} .ibanner .owl-carousel .item{display:none;} .ibanner .owl-carousel .owl-item .item{display:block;} .ibanner .item .banner_img{position:absolute; top:0; left:0; z-index:0;} .ibanner .item .banner_img img{width:100%; height:100%; position:absolute;top:0;left:0;} .ibanner .v_item video{width:auto; height:100%; position:absolute;top:0;} :root .ibanner .v_item .banner_img img{display:none;} .ibanner .mask {width:100%; height:100%; position:absolute; z-index:4; top:0%; left:0; background:url(../img/mask.png) center;} .ibanner .iban_tools{position:absolute; bottom:170px; width:100%; left:0; z-index:1;} .ibanner .iban_btn>div{width:120px; cursor:pointer; position:relative; display:inline-block; transition:.3s ease;} .ibanner .iban_btn .btns{transition:.3s ease;} .ibanner .iban_btn .btns:hover{margin-right:-8px;margin-left:-8px;padding-left:0;padding-right:8px;color:#ea5613;} .ibanner .iban_btn .owl-prev .btns:hover{width:70px;margin-left:0;padding-left:6px;} .ibanner .iban_btn span{position:relative; display:inline-block; width:65px; height:65px; background:#fff; border-radius:50%; text-align:center; line-height:65px;} .ibanner .iban_btn span::before {content:''; width:45px; height:100%; position:absolute; right:50%;top:50%; background-color:#ea5613; opacity:0; border-radius:35px 0 0 35px; -webkit-transform:translateY(-50%) translateX(50%) scaleY(1) scaleX(1); transform:translateY(-50%) translateX(50%) scaleY(1) scaleX(1); transition:opacity .3s,border-radius .3s ease,-webkit-transform .3s ease; transition:opacity .3s,border-radius .3s ease,transform .3s ease; transition:opacity .3s,border-radius .3s ease,transform .3s ease,-webkit-transform .3s ease; z-index:-1;} .ibanner .iban_btn>div:hover span::before, .ibanner .iban_btn .active span::before{ opacity:1; -webkit-transform:translateY(-50%) translateX(0) scaleY(1) scaleX(1); transform:translateY(-50%) translateX(0) scaleY(1) scaleX(1);} .ibanner .iban_btn span i{margin:0; font-size:20px;} .banner_mouse{display:block; position:absolute; right:180px; bottom:0; z-index:2; margin-top:50px; width: 23px;height: 40px;cursor:pointer;background:url(../img/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite;} .banner_mouse:after,.banner_mouse:before{content: "";position: absolute;} .banner_mouse:before{width:23px;height:40px;background:url(../img/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;} .banner_mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} @-webkit-keyframes colorSlide { 0% { height:0; } 90%{ height:40px; } } @keyframes colorSlide { 0% { height:0; } 90%{ height:40px; } } @-webkit-keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); } 68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); } 100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } } @keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); } 68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); } 100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } } @-webkit-keyframes nudgeMouse { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes nudgeMouse { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .ibanner .iban_word {position:absolute; left:0; top:30%; width:100%; z-index:4;} .ibanner .iban_word .tit{font-size:55px; color:#fff; font-weight:normal;} .ibanner .iban_word .tit1{font-size:60px; color:#242222; font-weight:normal;} .ibanner .iban_word .con1{font-size:18px; color:#242222; margin:15px 0 50px;} .ibanner .iban_word .con{font-size:18px; color:#fff; margin:15px 0 50px;} .ibanner .iban_word .tit2{font-size:60px; color:#fff; font-weight:normal;} .ibanner .iban_word .con2{font-size:18px; color:#fff; margin:15px 0 50px;} /* .ibanner .iban_word .infor2 .tit{color:#000;} .ibanner .iban_word .infor2 .con{color:#000;} */ .ibanner .iban_word .infor3 .tit{font-size:45px; font-weight:lighter;} .ibanner .iban_word .infor3 .con{font-size:55px; font-weight:normal; margin-top:0;} .ibanner .red_line em{background:#ea5613; width:0; height:4px; position:absolute; bottom:0; left:0; z-index:2;} /* 首页公共标题 */ .ipart .infor .tit_en{font-size:17px; color:#ea5613; font-family:'PIER'; position:relative; display:inline-block; text-transform:uppercase; margin-bottom:10px;} .ipart .infor .tit_en:after{content:''; position:absolute; left:110%; width:50px; height:2px; background:#ea5613; top:50%; margin-top:-1px;} .ipart .infor .tit{font-size:38px; color:#000; line-height:1;} .ipart .top_ .left{float:left; width:50%;} .ipart .top_ .right{float:left; width:50%;} .ipart01 .top_{padding:60px 0;} .ipart01 .top_ .right .dot{float:left; width:20%; position:relative; text-align:center; cursor:pointer;} .ipart01 .top_ .right .dot .img{width:70px; height:35px; background-repeat:no-repeat; display:inline-block;} .ipart01 .top_ .right .dot:after{content:''; position:absolute; width:1px; height:36px; background:#ededed; top:9px; left:0;} .ipart01 .top_ .right .dot:first-child:after{display:none;} .ipart01 .top_ .right .dot .txt{font-size:17px; color:#000;} .ipart01 .top_ .right .dot.active .img{background-position:0 -35px;} .ipart01 .top_ .right .dot.active .txt{color:#ea5613;} .ipart01 .top_ .right .dot:before{content:""; position:absolute; bottom:-40px; left:0; right:0; height:14px; background:url(../img/cert_btm.png) no-repeat center; opacity:0; animation-fill-mode:forwards;} .ipart01 .top_ .right .dot.active:before{ animation: certFlag infinite linear 1.8s; -webkit-animation: certFlag infinite linear 1.8s; -moz-animation: certFlag infinite linear 1.8s; -o-animation: certFlag infinite linear 1.8s; -ms-animation: certFlag infinite linear 1.8s;} @keyframes certFlag{ 0% {transform:translateY(-10px); opacity:0;} 100% {transform:translateY(0); opacity:1;} } @-moz-keyframes certFlag{ 0% {-moz-transform:translateY(-10px); opacity:0;} 100% {-moz-transform:transform:translateY(0); opacity:1;} } @-webkit-keyframes certFlag { 0% {-webkit-transform:translateY(-10px); opacity:0;} 100% {-webkit-transform:transform:translateY(0); opacity:1;} } @-o-keyframes certFlag { 0% {-o-transform:translateY(-10px); opacity:0;} 100% {-o-transform:transform:translateY(0); opacity:1;} } @-ms-keyframes certFlag { 0% {-ms-transform:translateY(-10px); opacity:0;} 100% {-ms-transform:transform:translateY(0); opacity:1;} } .ipart01 .bott_ .item{display:none; position:relative; overflow:hidden;} .ipart01 .bott_ .owl-item .item{display:block;} .ipart01 .bott_ .item img{position:absolute; width:1920px; left:50%; margin-left:-960px; max-width:none; top:0;} .ipart01 .bott_ .item .orange_block{background:#ea5613; width:41.5%; height:65%; position:absolute; bottom:0; right:0;} .ipart01 .bott_ .item .content{position:relative; z-index:2; padding:75px 0 110px;} .ipart01 .bott_ .item .right{float:right; width:51.4%; height:385px; overflow:hidden; background:#fff;} .ipart01 .bott_ .item .right .box{padding:50px 60px;} .ipart01 .bott_ .item .right .box .t{font-size:18px; color:#ea5613;} .ipart01 .bott_ .item .right .box .tit{font-size:35px; color:#000;} .ipart01 .bott_ .item .right .box .con{line-height:28px; height:56px; overflow:hidden; margin:20px 0 60px;} .ipart01 .bott_ .item .right .box .links a{margin-right:40px; position:relative; display:inline-block; color:#ea5616; font-size:17px;} .ipart01 .bott_ .item .right .box .links a i{margin:0; transition:.5s ease;} .ipart01 .bott_ .item .right .box .links a:after{content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:#ea5613; transition:.5s ease;} .ipart01 .bott_ .item .right .box .links a:hover:after{width:100%;} .ipart01 .bott_ .item .right .box .links a:hover i{transform:translateX(5px);} .ipart02{padding:60px 0;} .ipart02 .top_{margin-bottom:60px;} .ipart02 .top_ .right{margin-top:15px; font-size:16px; line-height:34px;} .ipart02 .bott_ .item{ margin-left:20px; position:relative; float:left; width:12.8%; height:512px; text-align:center; color:#fff; background-repeat:no-repeat; transition-duration:1s;} .ipart02 .bott_ .item:first-child{margin-left:0;} .ipart02 .bott_ .item1{margin-top:31px; background-position: 79% 0;} .ipart02 .bott_ .item2{margin-top:71px; background-position:75% 0;} .ipart02 .bott_ .item3{background-position:82% 0;} .ipart02 .bott_ .item4{margin-top:56px; background-position:55% 0;} .ipart02 .bott_ .item.on, .ipart02 .bott_ .item:hover {width:56.09%; text-align:left; background-position:0 !important;} .ipart02 .bott_ .item::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../img/black.6.png); z-index:0; opacity:1; visibility:visible; transition-duration:.3s;} .ipart02 .bott_ .item3::before{background:url(../img/orange.8.png);} .ipart02 .bott_ .item .inner{position:relative;margin:200px 40px;} .ipart02 .bott_ .item .inner .tit{font-size:22px; transition:.5s ease;} .ipart02 .bott_ .item .inner .con{opacity:0; visibility:hidden; max-width:450px;; transition:.5s ease; height:0; overflow:hidden;} .ipart02 .bott_ .item .inner .con .txt{margin:20px 0 60px;} .ipart02 .bott_ .item.on .inner {margin:120px 40px 0;} .ipart02 .bott_ .item.on::before{opacity:0; visibility:hidden;} .ipart02 .bott_ .item.on .inner .tit{font-size:35px;} .ipart02 .bott_ .item.on .inner .con{opacity:1; visibility:visible; height:300px;} .ipart03{height:auto;width:100%;overflow:hidden;} .ipart03 ul{width:100%; height:658px; margin:0 auto; z-index:2;} .ipart03 li{width:100%; height:658px;} .ipart03 li .list_box{-webkit-transform:scale(0.9); -ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9); background:#fff; transition:.5s ease;} .ipart03 li .list_box img{opacity:0.7; filter:alpha(opacity=70);} .ipart03 li.roundabout-in-focus .list_box{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .ipart03 li.roundabout-in-focus .list_box img{opacity:1; filter:alpha(opacity=100)} .ipart03 .list_box{display:block; color:#2f2f2f; position:relative;} .ipart03 .intro{width:100%; position:absolute; top:0; left:0; visibility:hidden; opacity:0; transition:.5s ease;} .ipart03 .intro .box{padding:130px 110px;} .ipart03 .intro .box .smal_tit{font-size:18px; font-weight:bold;} .ipart03 .intro .box .tit{font-size:55px; line-height:1.2;} .ipart03 .intro .box .con{font-size:18px; margin:15px 0 65px;} .ipart03 .rect-47{padding-bottom:47%;} .ipart03 .roundabout-in-focus .intro{visibility:visible; opacity:1;} .ipart03 .arr_btn{position:absolute; top:50%; margin-top:-25px; color:#fff; z-index:300; text-align:center; width:70px; text-align:center; font-size:35px;cursor:pointer; overflow:hidden;} .ipart03 .arr_btn i{margin:0;} .ipart03 .arr_btn.arr_btn_prev{left:0;} .ipart03 .arr_btn.arr_btn_next{right:0;} .ipart03 .arr_btn:hover{color:#ea5613;} .ipart03 .common-border-btn{background:url(../img/white.2.png);} .ipart03 .common-border-btn span{color:#ea5613} .ipart03 .common-border-btn span.icon{background:url(../img/btn_orange.png) no-repeat center; } .ipart03 .common-border-btn:hover{background:#fff; border-color:#fff;} .ipart03 .common-border-btn:hover span{color:#000} .ipart03 .common-border-btn:hover span.icon{background:url(../img/btn_black.png) no-repeat center; } .ipart04{padding:60px 0;} .ipart04 .top_{margin-bottom:60px;} .ipart .ipart04 .top_ .left{width:40%;} .ipart .ipart04 .top_ .right{width:60%;} .ipart04 .top_ .right{margin-top:15px; font-size:16px; line-height:34px;} .ipart04 .top_ .right{overflow:hidden;} .ipart04 .top_ .right .txt{float:left; width:70%;} .ipart04 .top_ .right .common-btn{color:#fff;} .ipart04 .content .item .rect-568{padding-bottom:56.8%;} .ipart04 .content .item{display:none; background:#e6e6e6; position:relative; transition:.5s ease;} .ipart04 .content .owl-item .item{display:block;} .ipart04 .content .item .img .tit{background:url(../img/gray.8.png); padding:12px 25px; position:absolute; left:0; bottom:0; font-weight:normal;} .ipart04 .content .item .img .tit span{font-size:14px; color:#000;} .ipart04 .content .item .img .tit em{width:2px; height:12px; background:#000; display:inline-block; margin:0 7px; vertical-align:middle;} .ipart04 .content .item .intro{overflow:hidden;} .ipart04 .content .item .intro .box{margin:30px 25px; } .ipart04 .content .item .intro .box .tit{font-size:20px; line-height:30px; color:#000; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-bottom:30px; transition:.5s ease;} .ipart04 .noborder-btn{color:#000;display:block; text-align:right;} .ipart04 .noborder-btn:hover .icon{color:#fff} .ipart04 .content .item:hover{background:#ea5613;} .ipart04 .content .item:hover .intro .box .tit{color:#fff;} .ipart04 .content .item:hover .noborder-btn{color:#fff;} .ipart04 .owl-nav>div{cursor:pointer; z-index:5; font-size:30px; position:absolute; top:50%; margin-top:-30px; color:#fff;} .ipart04 .owl-nav i{margin:0;} .ipart04 .owl-nav .owl-prev{left:0;} .ipart04 .owl-nav .owl-next{right:0;} .ipart04 .owl-nav>div:hover{color:#ea5613;} .ipart05{position:relative; padding:80px 0; overflow:hidden;} .ipart05 .img1{position:absolute; top:0; width:1920px; left:50%; margin-left:-960px; max-width:none;} .ipart05 .content{position:relative;} .ipart05 .content .left{width:48.5%;} .ipart05 .content .left .con{margin:30px 0 60px; line-height:28px;} .ipart05 .content .left ul li{float:left; width:30%; text-align:center; margin-left:5%;} .ipart05 .content .left ul li:first-child{margin-left:0;} .ipart05 .content .left ul li .txt{color:#9f9f9f; font-size:14px;} .ipart05 .content .left ul li .num{margin:20px 0; font-size:54px; color:#ea5613; font-family:'HUR'; line-height:1;} /* xc_banner */ .xc_banner{position:relative; overflow:hidden; height:492px;} .xc_banner img {position:absolute;width:1920px;left:50%;margin-left:-960px;max-width:none;} .xc_banner .content{ position:absolute; width:100%; left:0; bottom:120px;} .xc_banner .content .wrap{position:relative;} .xc_banner .content .tit{font-size:38px; color:#fff; display:inline-block;} .xc_banner .banner_mouse{bottom:-50px; right:0;} /* xc_nav */ .xc_nav{line-height:70px; height:70px; border-bottom:2px solid #f0f0f0;} .xc_nav .left{float:left;} .xc_nav .left ul li{position:relative; float:left; font-size:15px; padding:0 30px;} .xc_nav .left ul li:after{content:''; position:absolute; width:1px; height:12px; background:#dddddd; left:0; top:50%; margin-top:-6px;} .xc_nav .left ul li:first-child{margin-left:0;} .xc_nav .left ul li:first-child:after{display:none;} .xc_nav .left ul li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:2px; background:#ea5613; -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;} .xc_nav .left ul li:hover:before, .xc_nav .left ul li.cur:before{left:0; right:0;} .xc_nav .left ul li:hover a, .xc_nav .left ul li.cur a{color:#ea5613;} .xc_nav .right{float:right; font-size:14px; color:#333;} .xc_nav .right .home{color:#ea5613; font-size:16px;} /* 商务合作 */ .business.channel_content{padding-bottom:0;} .business01 .left{float:left; width:45%; position:relative; z-index:2;} .business01 .left .inner{position:absolute; background:#fff; border-bottom:5px solid #ea5613; width:100%; left:0; top:0; box-shadow:0 0 15px 0 rgba(0,0,0,0.2);} .business01 .left .box{padding:50px;} .business01 .left .box .infor .tit{font-size:35px;} .business01 .left .box .infor .con{font-size:17px; color:#3e3a39; margin:5px 0 30px; line-height:24px;} .business01 .left .box .form .inp_box{border-bottom:1px solid #dee0e2; padding:20px 0;} .business01 .left .box .form .inp_box label{display:inline-block; font-size:16px; line-height:24px;} .business01 .left .box .form .inp_box input{line-height:24px; padding:0; border:none; width:70%;} .business01 .left .box .form button{cursor:pointer; outline:none; margin-top:20px; background:#eeeeee; border:none;} .business01 .left .box .form button:hover{background:#ea5613;} .business01 .left .box .form .bott label{line-height:34px;} .business01 .left .box .form .bott input{line-height:34px; width:100px;} .business01 .left .box .form .bott img{height:34px;} .business01 .right{float:right; width:47%;} .business01 .right .box{padding:50px 0;} .business01 .right .box .infor .tit{font-size:35px;} .business01 .right .box .infor .con{font-size:17px; color:#3e3a39; margin:5px 0 30px; line-height:24px;} .business01 .right .box ul li{position:relative; padding-left:30px; margin-bottom:16px;} .business01 .right .box ul li span{display:inline-block; font-size:16px; line-height:30px;} .business01 .right .box ul li .icon{position:absolute; left:0; top:5px; width:20px; height:18px;} .business01 .right .box ul li.li1 .icon{background:url(../img/business01_1.png) no-repeat center;} .business01 .right .box ul li.li2 .icon{background:url(../img/business01_2.png) no-repeat center;} .business01 .right .box ul li.li3 .icon{background:url(../img/business01_3.png) no-repeat center;} .business02{height:490px; overflow:hidden;} .business02 img{max-width:none;} /* 招聘列表 */ .job_list01{margin-bottom:60px;} .job_list01 .infor{text-align:center; font-size:35px; line-height:1; margin-bottom:50px;} .job_list01 .rect-91{padding-bottom:91%;} .job_list01 .rect-857{padding-bottom:85.7%;} .job_list01 .rect-478{padding-bottom:47.8%;} .job_list01 .tit{font-size:28px; margin-bottom:15px;} .job_list01 .text{line-height:28px;} .job_list01 .list_l_t_text{background:#f3f3f3;} .job_list01 .list_l_t_text .text_box{padding:20% 10% 0;} .job_list01 .list_l_t_text .tit{color:#ea5613; } .job_list01 .list_l_b_txt_box{top:0;left:0; width:100%;} .job_list01 .list_l_b_txt_box .box{padding:10% 10% 0;} .job_list01 .list_r_text{bottom:0;right:0;background:url(../img/orange.8.png); color:#fff;width:47%;padding:8% 6%;text-align:right;} .job_list02 .infor{text-align:center; font-size:35px; line-height:1; margin-bottom:50px;} .job_list02 .form_box{ margin-bottom:45px; } .job_list02 .form_box .inp_wrap{width:30.5%; margin-right:1%; border:1px solid #e3e7ec; display:inline-block; vertical-align:top;} .job_list02 .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_list02 .form_box .inp_wrap.search_wrap{width:54px; margin-right:0;} .job_list02 .form_box .inp_wrap.date_wrap{display:none;} .job_list02 .form_box button{outline:none; border:none; background:#ea5613; height:54px; line-height:54px; font-size:0; text-align:center; cursor:pointer; text-align:center; width:100%; vertical-align:top; transition:.5s ease;} .job_list02 .form_box button:hover{background:#be4e1b;} .job_list02 .form_box button i{display:inline-block; color:#fff; vertical-align:middle; width:23px; height:22px; background:url(../img/job_list02_2.png) no-repeat center;} .job_list02 .form_box .inp_wrap .select-ui-choose-default ._arrow .arr{width:12px; height:6px; background:url(../img/job_list02_1.png) no-repeat center; border:none;} .job_list02 .form_box .inp_wrap .select-ui-choose-default.on ._arrow .arr{margin:-.2em 0 0;} .job_list02 .form_box .inp_wrap .select-ui-choose ._arrow{right:17px;} .job_list02 .form_box .inp_wrap .select-ui-choose-default ._txt{text-align:left;} .job_list02 .widget-job-tit{background:#ea5613; color:#fff; overflow:hidden; height:54px; line-height:54px;} .job_list02 ._jt {height:70px; line-height:70px; overflow:hidden; *zoom:1;cursor:pointer;border-bottom:1px solid #dedede; font-size:16px; color:#666;} .job_list02 ._ut{float:left; text-align:center; min-height:1px; width:16.5%;} .job_list02 ._jt ._ut._t6:after {content:"+"; display:inline-block; vertical-align:-1px; color:#aaa; font-weight:bold; margin-left:5px; font-size:20px;} .job_list02 ._jt._jt_act ._ut._t6:after {content:"-";} .job_list02 ._jc {display:none;} .job_list02 ._jcon {padding:50px 80px 40px; background:#f5f5f5; } .job_list02 .tit{font-size:17px;margin-bottom:20px;} .job_list02 .info{line-height:30px; margin-bottom:40px;} .job_list02 ._jt._jt_act{border-color:transparent;} body .select-ui-options-default{box-sizing:border-box;} body .select-ui-options-default li:hover{background:#ea5613;} body .select-ui-options-default li{padding:6px 0 6px 20px;} body .select-ui-choose ._arrow .arr{left:-6px;} /* 新闻列表 */ .news_list.channel_content{background:#f0f0f0;} .news_list01 .hd{margin-bottom:65px;} .news_list01 .hd .box{padding:31px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1)} .news_list01 .hd .box .hd_tit{font-size:26px; height:56px; line-height:56px; margin-right:4%; text-transform:uppercase;} .news_list01 .hd .box .sele_wrap, .news_list01 .hd .box .inp_box_wrap{width:24%; margin-right:2%; float:left;} .news_list01 .hd .box .sele_wrap select, .news_list01 .select-ui-choose-default, .news_list01 .hd .box .inp_box{display:block; width:100%; height:56px; line-height:56px; padding:0; margin:0; font-size:14px; color:#555; text-indent:10px; background:#f8f8f8; border-color:#f8f8f8;} .news_list01 .hd .box input.inp_box{outline:none; border:1px solid #f8f8f8;} .news_list01 .hd .box .hd_btn{width:100px; border-radius:10px; background:#ea5613; text-align:center; font-size:15px; color:#fff; height:56px; line-height:56px; outline:none; cursor:pointer; border:none; transition:.5s ease; font-size:0;} .news_list01 .hd .box .hd_btn .icon{display:inline-block; width:23px; height:22px; background:url(../img/job_list02_2.png) no-repeat center; vertical-align:middle;} .news_list01 .hd .box .hd_btn:hover{background:#be4e1b;} .news_list01 .select-ui-choose-default ._arrow .arr{border-color:#b5b5b5 transparent transparent;} .news_list01 .select-ui-choose-default.on ._arrow .arr {border-color:transparent transparent #b5b5b5} .news_list01 ul li{float:left; width:32%; margin-right:2%; background:#fff; transition:.5s ease; margin-bottom:40px; border-bottom:3px solid #cecdcf;} .news_list01 ul li.three_li{margin-right:0;} .news_list01 ul .rect-536{padding-bottom:53.6%;} .news_list01 ul .rect-528{padding-bottom:52.8%;} .news_list01 ul li .intro .box{padding:30px;} .news_list01 ul li .intro .box .con{color:#010101; line-height:24px; height:72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .news_list01 ul li .intro .box .tit{font-size:26px; line-height:40px; height:80px; color:#000; overflow:hidden; margin:0 0 45px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_list01 ul li .intro .box .date{font-size:15px; line-height:20px; color:#a1a0a1; position:absolute; left:25px; bottom:25px;} .news_list01 ul li .intro .box .icon{width:23px; height:23px; background:url(../img/news_list01_icon1.png) no-repeat center; transition:.3s ease; position:absolute; right:23px; bottom:23px; cursor:pointer;} .news_list01 ul li:hover .intro .box .icon{background:url(../img/news_list01_icon2.png) no-repeat center;} .news_list01 ul li:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.2);} .news_list01 ul li.noimg .img{background:#ea5613; position:relative;} .news_list01 ul li.noimg .img:after {content:''; position:absolute; width:0; height:0; bottom:-21px; left:6%; border-top:11px solid #ea5613; border-left:11px solid #ea5613; border-bottom:11px solid transparent; border-right:11px solid transparent;} .news_list01 ul li.noimg .img .box{padding:50px 30px;} .news_list01 ul li.noimg .img .box .t{font-size:26px; line-height:40px; height:80px; color:#fff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /*点击加载*/ .load_more{text-align:center; padding-top:20px;} .load_more .loading{width:170px; height:50px; line-height:50px; background:#ea5613; border-radius:35px; display:inline-block; vertical-align:middle; font-size:15px; color:#fff; cursor:pointer; transition:.5s ease;} .load_more .loading:hover{background:#be4e1b;} .load_more.nomore {display:none;} /*点击加载 end*/ /* 新闻详细 */ .xc_banner .content .con{float:right;} .xc_banner .content .con #nPage{float:left;} .xc_banner .content .con a{float:left; width:44px; height:44px; vertical-align:top; line-height:44px; margin-left:10px; color:#fff; background:#acaba8; text-align:center; border-radius:50%; font-weight:bold;} .xc_banner .content .con a.list{background:#ea5613;} .xc_banner .content .con a:hover{background:#be4e1b;} .news_detail.channel_content{padding-bottom:0;} .news_detail01{padding-bottom:60px; } .news_detail01 .top_{margin-bottom:60px; position:relative;} .news_detail01 .top_ .title{font-size:30px; margin-bottom:22px; color:#262626;} .news_detail01 .top_ .date {font-size:18px; color:#a1a0a1; padding-bottom:25px; border-bottom:1px solid #dcdcdc;} .news_detail01 .bott_ .bott_l {margin-right:5%;} .news_detail01 .bott_ .bott_l .bdsharebuttonbox{overflow:hidden;} .news_detail01 .bott_ .bott_l a{display:block; float:none; width:72px; height:72px; background:#f5f5f5; padding:0; margin:0; -webkit-box-align:center; align-items:center; cursor:pointer; display:flex; -webkit-box-pack:center; justify-content:center; text-decoration:none;} .news_detail01 .bott_ .bott_l a i{background:#dedede; width:28px; height:28px; text-align:center; line-height:28px; color:#fff; font-size:19px; border-radius:5px;} .news_detail01 .bott_ .bott_r video{width:600px; max-width:100%;margin:0 auto;} .news_detail01 .bott_ .bott_r{width:75%; font-size:15px; color:#666666;} .news_detail02{background:url(../img/news_detail02_bg.jpg) no-repeat center; padding:60px 0;} .news_detail02 .tit{color:#000; font-size:38px; margin-bottom:40px; text-align:center;} .news_detail02 .content .item{display:block; background:#fff; padding:25px 50px; position:relative;} .news_detail02 .content .item .date{font-size: 16px; margin-bottom: 20px; color:#a1a0a1;} .news_detail02 .content .item .icon{width:23px; height:23px; background:url(../img/news_list01_icon1.png) no-repeat center; transition:.3s ease; position:absolute; right:23px; bottom:23px; cursor:pointer;} .news_detail02 .content .item:hover .icon{background:url(../img/news_list01_icon2.png) no-repeat center;} .news_detail02 .content .item .t{font-size:26px; color:#000; line-height:40px; height:80px; overflow:hidden; margin-bottom: 25px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} /* 公共按钮 */ .common-infor .tit{font-size:17px; color:#ea5613; position:relative; display:inline-block; text-transform:uppercase; margin-bottom:10px;} .common-infor .tit:after{content:''; position:absolute; left:110%; width:50px; height:2px; background:#ea5613; top:50%; margin-top:-1px;} .common-infor .con{font-size:38px; color:#000; line-height:1;} /* 关于我们 */ .about_us.channel_content{padding:0;} .about_us01 {margin-bottom:60px;} .about_us01 .left{margin-bottom:40px;} .about_us01 .right{font-size:15px; color:#000; line-height:30px;} .about_us02 .rect-30{padding-bottom:30%;} .about_us02 .media{cursor:pointer;} .about_us02 .media .cover{width:102px; height:102px; position:absolute; left:50%; margin-left:-62.5px; top:50%; margin-top:-62.5px; background:url(../img/play.png) no-repeat center;} .about_us03{display:none;} .about_us03 .tab_t{padding:60px 0;} .about_us03 .tab_t ul li{float:left; width:20%; text-align:center; cursor:pointer;} .about_us03 .tab_t ul li .img{display:inline-block; background-repeat:no-repeat; background-position:0 0; width:96px; height:55px;} .about_us03 .tab_t ul li .txt{font-size:18px; position:relative;} .about_us03 .tab_t ul li .txt:after{content:''; position:absolute; left:50%; margin-left:-21px; bottom:-5px; width:42px; height:1px; background:#ea5613; opacity:0; visibility:hidden; transition:.5s ease;} .about_us03 .tab_t ul li.cur .img{background-position:0 -55px;} .about_us03 .tab_t ul li.cur .txt{color:#ea5613;} .about_us03 .tab_t ul li.cur .txt:after{opacity:1; visibility:visible;} .about_us03 .tab_c .content{display:none;} .about_us03 .tab_c .content.cur{display:block;} .about_us03 .tab_c .content .txt{font-size:16px; line-height:30px; margin-bottom:35px;} .about_us04{background:#f4f4f4; padding:60px 0; margin-top:60px;} .about_us04 .infor .tit{font-size:38px; text-align:center; margin-bottom:60px;} .about_us04 .content .item{float:left; width:32%; margin-right:2%; overflow:inherit;} .about_us04 .content .item.item3{margin-right:0;} .about_us04 .content .item .rect-99{padding-bottom:99%;} .about_us04 .content .item .intro{background:#fff; transition:.5s ease; width:90%; color:#0f0f0f; float:right; margin-top:-90px; position:relative; min-height:170px;} .about_us04 .content .item .intro .box{padding:30px 25px 0;} .about_us04 .content .item .intro .box .tit{font-size:28px;} .about_us04 .content .item .intro .box .con{line-height:25px; font-size:14px;} .about_us04 .content .item:hover .intro{background:#ea5613; color:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.2);} .about_us05{padding:60px 0; margin-bottom:60px; background:url(../img/about_us05_bg.jpg) no-repeat center;} .about_us05 .left{float:left;} .about_us05 .right{float:right; margin-top:10px;} .about_us05 .content .con{font-size:15px; margin:40px 0 80px;} .about_us05 ul li{float:left; width:25%; position:relative;} .about_us05 ul li:after{content:''; position:absolute; width:1px; height:100%; background:#d2d2d2; left:-15%; top:0;} .about_us05 ul li:first-child .box{padding-left:0;} .about_us05 ul li:first-child:after{display:none;} .about_us05 ul li .img{width:20%; float:left; margin-right:5%;} .about_us05 ul li .txt{float:left; width:75%;} .about_us05 ul li .txt .t{font-family:'Arial'; font-size:35px; color:#ea5613; font-weight:bold; line-height:1.2;} .about_us06{background:url(../img/about_us06_bg.jpg) no-repeat center; padding:88px 0; text-align:center; color:#fff;} .about_us06 .tit{font-size:38px;} .about_us06 .con{color:#d2d2d2; margin:26px 0 80px;} .about_us06 .common-border-btn{background:url(../img/white.2.png); border:none;} .about_us06 .common-border-btn span{color:#fff;} .about_us06 .common-border-btn span.icon{background:url(../img/btn_white.png) no-repeat center} .about_us06 .common-border-btn:hover{background:#fff;} .about_us06 .common-border-btn:hover span{color:#000;} .about_us06 .common-border-btn:hover span.icon{background:url(../img/btn_black.png) no-repeat center} /* 视频中心 */ .video_list.channel_content{background:#f0f0f0;} .video_list01 .item{cursor:pointer; margin-bottom: 20px;} .video_list01 .item .txt{font-size:15px; color:#262626; padding:15px 20px; background:#fff; 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;} .video_list01 .item .txt .t{display:inline-block;width:80%;vertical-align:middle;} .video_list01 .item .cover{opacity:1; visibility:visible; transition:.5s ease;position:absolute; width:100%; height:100%; background:url(../img/black.2.png); top:0; left:0;} .video_list01 .item .cover i{position:absolute; width:60px; height:60px; line-height:50px; top:50%; left:50%; font-size: 60px; color:#fff; text-align:center; margin-left: -30px; margin-top: -30px; -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; opacity:0.8;} .video_list01 .item:hover .cover i{ -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transform:scale(0.8); transform:scale(0.8)} .video_list01 .item:hover .txt{background:#ea5613; color:#fff;} /* 产品详细 */ .header.nofix{position:absolute;} .pro_nav{height:60px; z-index:20; position:fixed; width:100%; top:-60px; transition:.5s ease; background:url(../img/black.85.png); color:#fff;} .pro_nav .tit{line-height:60px;} .pro_nav ul li{float:left; line-height:60px; margin:0 12px; cursor:pointer;} .pro_nav ul li.active{font-weight:bold;} .pro_nav .contact{display:none; background:#ea5613; transition:.5s ease; text-align:center; color:#fff; font-size:14px; padding:0 22px; line-height:34px; height:34px; margin-top:12px; margin-left:50px;} .pro_nav .contact:hover{background:#be4e1b;} .pro_nav.fix{top:0;} .pro_detail.channel_content{padding-top:0;} .pro_detail01{position:relative;overflow:hidden;} .pro_detail01 .pro_video{position:absolute; top:0; left:0; z-index:0;} /* .pro_detail01 video{width:100%;} */ .pro_detail01 img{position:absolute; top:0; left:0; width:100%; height:100%;} :root .pro_detail .pro_detail01 img{display:none;} .pro_detail01 .cover{position:absolute; top:40%; left:0; width:100%; text-align:center; z-index:2;} .pro_detail01 .cover .box{width:50%; margin:0 auto;} .pro_detail01 .cover .tit{font-size:20px; color:#ea5613;} .pro_detail01 .cover .con{font-size:50px; color:#fff;} .pro_detail01 .cover .txt{font-size:17px; color:#fff; margin-bottom:50px; margin-top: 20px;} .pro_detail01 .cover .common-border-btn{background:#fff; border:none; cursor:pointer;} .pro_detail01 .cover .common-border-btn:hover{background:#ea5613;} .pro_detail02{position:relative; overflow:hidden; background-size:cover;} .pro_detail02 .content{padding:60px 0; text-align:center; position:absolute; width:100%; top:0; z-index:2;} .pro_detail02 .content .tit{font-size:38px; margin-bottom:60px;} .pro_detail02 .content ul{padding:0 17.5%;} .pro_detail02 .content ul li{width:33%; float:left;} .pro_detail02 .content ul li .con em{font-size:49px; font-weight:normal;} .pro_detail02 .content ul li .con{font-size:18px; margin-bottom:15px; font-weight:bold;} .pro_detail02 .content ul li .txt{font-size:15px; color:#232323;} /* 产品对比 */ #page{width:100%;height:771px;position:relative;margin:0 auto;} #page .wrapper{width:100%; height:771px; position: absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); overflow:hidden;} #page .before, #page .after {width:100%;height:100%;background-repeat:no-repeat;background-color: white;background-size: cover;background-position: center;position: absolute;top:0;left:0;pointer-events:none;overflow: hidden;} #page .content-image{height:100%; max-width:none;} #page .after{width:125px} #page .scroller{width: 652px;height: 287px;position: absolute;left:100px;top:68%;transform:translateY(-50%);pointer-events:auto;cursor: pointer;} #page .scroller:hover{opacity:1} #page .scrolling{pointer-events:none;opacity:1;z-index: 1;} #page .scroller__thumb{width:100%;height:100%;} #page .scroller:before, #page .scroller:after{content:" ";display: block;width: 4px;height: 9999px;position: absolute;left: 50%;margin-left: -2px;z-index: 30;transition:0.1s;display:none;} #page .scroller:before{top:100%;} #page .scroller:after{bottom:100%;} #page .scroller:before, #page .scroller:after{background: #fff;} .pro_detail03{margin:60px 0;} .pro_detail03 .item{float:left; width:23%; margin-left:2.5%;} .pro_detail03 .item:first-child{margin-left:0;} .pro_detail03 .item .tit{font-size:26px; color:#ea5613; font-weight:normal; border-bottom:1px solid #dcdcdc; padding-bottom:33px; margin-bottom:33px;} .pro_detail03 .item .con{font-size:15px; line-height:26px;} .pro_detail04{position:relative; overflow:hidden; height:1400px;} .pro_detail04 .content .left, .pro_detail04 .content .right{position:absolute; width:240px; height:100%; background-color:#FFF; transition:all .8s ease .5s; z-index:1;} .pro_detail04 .content .left{left:0;} .pro_detail04 .content .right{right:0;} .pro_detail04 .content .media .video_{display:none; position:absolute; width:100%; top:0; left:0;} :root .pro_detail04 .content .media img{display:none;} .pro_detail04 .content .media .video_.cur{display:block;} .pro_detail04 .item_wrap{position:absolute; width:100%; height:100%; top:0; left:0; transform:translateY(100px); transition:all .8s ease .8s; background:url(../img/black.6.png); opacity:0; visibility:hidden;} .pro_detail04 .item_wrap .infor{text-align:center; position:absolute; width:100%; bottom:62%;} .pro_detail04 .item_wrap .infor .tit{font-size:17px; color:#ea5613; margin-bottom:10px;} .pro_detail04 .item_wrap .infor .con{font-size:38px; color:#fff; line-height:1;} .pro_detail04 .item_wrap .content{position:absolute; width:100%; bottom:60px;} .pro_detail04 .item_wrap ul li{float:left; width:25%; transition:.5s ease; position:relative;} .pro_detail04 .item_wrap ul li .tit{font-size:24px; color:#fff; margin:20px 0;} .pro_detail04 .item_wrap ul li .con{color:#fff; opacity:0; visibility:hidden; transition:.5s ease;} .pro_detail04 .item_wrap ul li.cur .con{opacity:1; visibility:visible;} .pro_detail04 .item_wrap ul li.cur {transform:translateY(-50px)} .pro_detail04.cur .content .left, .pro_detail04.cur .content .right{width:0;} .pro_detail04.cur .item_wrap{opacity:1; visibility:visible; transform:translateY(0);} .pro_detail04.fixed .content .media .video_{position:fixed;} .pro_detail04.fixed .item_wrap{position:fixed;} .pro_detail04.abs .content .media .video_{top:auto;bottom:0;} .pro_detail04.abs .item_wrap {top:auto; bottom:0; position:absolute; width:100%; z-index:1;} .pro_detail04.abs .item_wrap .infor{bottom:43%;} /* .pro_detail04.cur .content .media .video_{position:fixed;} */ .pro_detail05{padding:60px 0 0;} .pro_detail05 .infor{text-align:center; font-size:38px;} .pro_detail05 .tab_t{text-align:center; margin:50px 0; border-bottom:1px solid #dcdcdc;} .pro_detail05 .tab_t .item{display:inline-block; font-size:20px; position:relative; margin:0 40px; padding-bottom:25px; transition:.5s ease; cursor:pointer;} .pro_detail05 .tab_t .item:after{content:''; position:absolute; bottom:0; left:0; width:0; height:5px; background:#ea5613; transition:.5s ease;} .pro_detail05 .tab_t .item.cur{color:#ea5613;} .pro_detail05 .tab_t .item.cur:after{width:100%;} .pro_detail05 .tab_c .left .rect-628{padding-bottom:62.8%;} .pro_detail05 .tab_c{background:#f3f3f3;} .pro_detail05 .tab_c .left{float:left; width:40%;} .pro_detail05 .tab_c .right{float:left; width:40%;} .pro_detail05 .tab_c .right .box{padding:100px;} .pro_detail05 .tab_c .right .box .tit{font-size:35px;} .pro_detail05 .tab_c .right .box .con{line-height:26px; margin:25px 0 50px;} .pro_detail06{padding-top:60px;} .pro_detail06 .infor{text-align:center; font-size:38px;} .pro_detail06 .tab_t{text-align:center; margin:50px 0; border-bottom:1px solid #dcdcdc;} .pro_detail06 .tab_t .item{display:inline-block; font-size:20px; position:relative; margin:0 40px; padding-bottom:25px; transition:.5s ease; cursor:pointer;} .pro_detail06 .tab_t .item:after{content:''; position:absolute; bottom:0; left:0; width:0; height:5px; background:#ea5613; transition:.5s ease;} .pro_detail06 .tab_t .item.cur{color:#ea5613;} .pro_detail06 .tab_t .item.cur:after{width:100%;} .pro_detail07{margin:60px 0;} .pro_detail07 .infor{text-align:center; font-size:38px; margin-bottom:50px;} .pro_detail07 .owl-carousel .owl-stage-outer{overflow:inherit;} .pro_detail07 .rect-692{padding-bottom:69.2%;} .pro_detail07 .content .item{display:none;} .pro_detail07 .content .owl-item .item{display:block;} .pro_detail07 .content .cover{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/pro_detail07_2.png) repeat-x bottom;} .pro_detail07 .content .intro{position:relative;} .pro_detail07 .content .intro .box{padding:15px 15px 25px;} .pro_detail07 .content .intro .box .t{font-size:16px; color:#ea5613; margin-bottom:5px;} .pro_detail07 .content .intro .box .c{font-size:18px;} .pro_detail07 .content .intro:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:4px; background:#eeeeee;} .pro_detail07 .content .intro:before{content:''; position:absolute; bottom:0; left:0; width:0; height:4px; background:#ea5613; transition:.7s ease; z-index:1;} .pro_detail07 .content .item:hover .intro:before{width:100%;} .pro_detail07 .content .owl-nav>div{opacity:0; visibility:hidden; transition:.5s ease; width:43px; height:43px; color:#000; transition:.3s ease; font-weight:bold; position:absolute; top:38%; margin-top:-21px; line-height:43px; background:#fff; background:rgba(255,255,255,0.9); text-align:center;} .pro_detail07 .content .owl-nav .owl-prev{left:-1px;} .pro_detail07 .content .owl-nav .owl-next{right:0;} .pro_detail07 .content .owl-nav>div:hover{background:#ea5613; color:#fff;} .pro_detail07 .content:hover .owl-nav>div{opacity:1; visibility:visible;} .pro_detail08 .infor{text-align:center; font-size:38px; margin-bottom:50px;} .pro_detail08 .content .rect-113{padding-bottom:113%;} .pro_detail08 .content .item{float:left; width:32.5%; margin-left:1.25%; overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0);} .pro_detail08 .content .item 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; } .pro_detail08 .content .item: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); } .pro_detail08 .content .item:first-child{margin-left:0;} .pro_detail08 .content .item .cover{position:absolute; bottom:0; left:0; width:100%; height:100%; background:url(../img/pro_detail08_2.png) repeat-x bottom;;} .pro_detail08 .content .item .intro{position:absolute; bottom:50px; width:100%; left:0;} .pro_detail08 .content .item .intro .box{padding:0 40px;} .pro_detail08 .content .item .intro .box .t{font-size:23px; color:#fff;} .pro_detail08 .content .item .intro .box .t i{float:right; transition:.5s ease;} .pro_detail08 .content .item:hover .intro .box .t i{transform:translateX(10px);} .table-responsive tr:nth-child(2n+1){background:#f3f3f3;} .datalist th{background:#9c9c9c; color:#fff;} /* 解决方案 */ .solution.channel_content{padding-bottom:0;} .solution01 .tit{font-size:38px; line-height:1;} .solution01 .con{font-size:25px; margin:15px 0 20px;} .solution01 .txt{font-size:15px; line-height:28px;} .solution01 .img{margin:60px 0;} .solution02 .rect-5548{padding-bottom:55.48%;} .solution02 ul li{background:#f2f2f2; margin-bottom:50px;} .solution02 ul li .left{float:left; width:43.5%;} .solution02 ul li .left .item{display:none;} .solution02 ul li .left .owl-item .item{display:block;} .solution02 ul li .left .item .cover{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/solution2_02_1.png) repeat-x center bottom;} .solution02 ul li .left .item .tit{position:absolute; width:100%; left:0; bottom:20px; color:#fff; text-align:center;} .solution02 ul li .right{float:right; width:56.5%;} .solution02 ul li .right .box{padding:50px;} .solution02 ul li .right .box .tit{color:#ea5613; font-size:30px; margin-bottom:25px;} .solution02 ul li .right .box .con{line-height:28px; height:112px; overflow:auto; padding-right:25px;} .solution02 ul li ::-webkit-scrollbar-track-piece {background:#fff;} /*凹槽颜色*/ .solution02 ul li ::-webkit-scrollbar {width:4px; height:5px;} /*滚动条宽高*/ .solution02 ul li ::-webkit-scrollbar-thumb {background:#ea5613;; background-clip:padding-box; min-height:10px;}/*滚动条设置*/ .solution02 ul li ::-webkit-scrollbar-thumb:hover {background:#bbb;} .solution02 ul li.even .left{float:right;} .solution02 ul li .owl-nav>div{cursor:pointer; z-index:5; position:absolute; font-size:0; width:36px; height:36px; top:50%; background:url(../img/solution_jt.png) no-repeat; margin-top:-18px;} .solution02 ul li .owl-nav .owl-prev{left:15px;} .solution02 ul li .owl-nav .owl-next{right:15px; background-position:-36px 0;} .solution02 ul li .owl-nav .owl-prev:hover{background-position:0 -36px;} .solution02 ul li .owl-nav .owl-next:hover{ background-position:-36px -36px;} .solution03 .infor .tit{font-size:38px; color:#333; margin-bottom:10px;} .solution03 .infor .con{color:#333;} .solution04{background:url(../img/solution04_1.jpg) no-repeat center; padding:60px 0; text-align:center; color:#333; margin-top:60px;} .solution04 .infor{width:67%; margin:0 auto;} .solution04 .tit{font-size:38px;} .solution04 .con{font-size:14px; color:#747474; margin:20px 0 30px;} .solution04 .common-border-btn{border-color:#707070;} .solution04 .common-border-btn:hover{border-color:#ea5613;} .solution2_02 .rect-5419{padding-bottom:54.19%;} .solution2_02 .left{float:left; width:50%;} .solution2_02 .left .tit{color:#ea5613; font-size:30px; margin-top:40px;} .solution2_02 .left .con{margin:20px 0 60px;} .solution2_02 .left ul li{float:left; width:33%; text-align:center; font-size:17px;} .solution2_02 .left ul li .img{transition:.5s ease; margin-bottom:10px;} .solution2_02 .left ul li:hover .img{transform:rotateY(180deg);} .solution2_02 .right{float:right; width:46.7%;} .solution2_02 .right .item{display:none;} .solution2_02 .right .owl-item .item{display:block;} .solution2_02 .right .item .cover{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/solution2_02_1.png) repeat-x center bottom;} .solution2_02 .right .item .tit{position:absolute; width:100%; left:0; bottom:20px; color:#fff; text-align:center;} .solution2_02 .owl-nav>div{cursor:pointer; z-index:5; position:absolute; font-size:0; width:36px; height:36px; top:50%; background:url(../img/solution_jt.png) no-repeat; margin-top:-18px;} .solution2_02 .owl-nav .owl-prev{left:15px;} .solution2_02 .owl-nav .owl-next{right:15px; background-position:-36px 0;} .solution2_02 .owl-nav .owl-prev:hover{background-position:0 -36px;} .solution2_02 .owl-nav .owl-next:hover{ background-position:-36px -36px;} .solution2_03{margin:60px 0;} .solution2_03 .infor{color:#ea5613; font-size:30px;} .solution2_03 .item{margin-top:35px;} .solution2_03 .item .left{float:left; width:17.8%; font-size:25px; margin-top:30px;} .solution2_03 .item .left em{font-size:60px; font-weight:bold; font-family:'Arial'; color:#b9b9b9; line-height:1;} .solution2_03 .item .right{float:left; width:82%;} .solution2_03 .item .right .rect-657{padding-bottom:65.7%;} .solution2_03 .item .right ul li{display:inline-block; width:20%; vertical-align:top; margin-left:6%; position:relative; padding:10px; border:1px dashed #b9b6b6;} .solution2_03 .item .right ul li .rect-657{background:#f0f0f0;} .solution2_03 .item .right ul li:after{content:''; position:absolute; width:43px; height:25px; left:-55px; top:50%; margin-top:-12.5px; background:url(../img/solution2_03_3.png) no-repeat center;} .solution2_03 .item .right ul li:first-child{margin-left:0;} .solution2_03 .item .right ul li:first-child:after{display:none;} .solution2_03 .item .right ul li .box{padding:45px 45px;} .solution2_03 .item2 .right ul li .box{padding:33px 45px;} .solution2_03 .item2 .right ul li{border-color:#ff8244;} .solution2_03 .item2 .right ul li .rect-657{background:#ffd1ba;} .solution2_03 .item2 .right ul li:after{background:url(../img/solution2_03_4.png) no-repeat center;} .solution2_03 .item2 .left{color:#ea5613;} .solution2_03 .item2 .left em{color:#ea5613;} .solution2_03 .bjk{margin-top:60px;} .BMap_bubble_content{width:270px!important;} body .searchArea{padding:0 0 50px;} body .searchArea .content_form .form_box .search .btn_wrap .btns, body .resultArea #botBtn .btnMore{border-color:#ea5613; color:#ea5613;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:#ea5613;} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:#ea5613;} body .resultArea #botBtn a:hover{border-color:#ea5613;} body .resultArea #botBtn a::before{background:#ea5613;} body .resultArea .content_form{padding:0; margin-top:50px;} body .bd_weixin_popup{height:300px!important;} .header .h_tools .h_lan{position:relative;} .header .h_tools .h_lan .lan_box{position:absolute; left:0; top:28px; background:#f4f4f4; width:182px; font-size:12px; padding:7px 20px; border-radius:28px; color:#555; opacity:0; visibility:hidden; transition:all 0.5s ease;} .header .h_tools .h_lan .lan_box:after{content:''; height:0; width:0; overflow: hidden; font-size: 0; line-height: 0; border-color: transparent transparent #f4f4f4 transparent ; border-style:solid solid dashed dashed; border-width:6px; position:absolute; bottom:100%; left:20px;} .header .h_tools .h_lan:hover .lan_box{opacity:1; visibility:visible;} /* 营销网络 */ .network.channel_content{background:url(../img/network01_2.jpg) no-repeat center;} .network01 .left{float:left; width:36%;} .network01 .right{float:right; width:51.4%; margin-top:20px;} .network01 .right .common-infor{margin-bottom:40px;} .network01 .right .common-infor .tit{color:#000;} .network01 .right .common-infor .tit:after{background:#000;} .network01 .right .content ul li{margin-bottom:20px;} .network01 .right .content dt{color:#ea5613; font-size:15px; font-weight:bold;} .network01 .right .content dd{color:#000; font-size:14px; line-height:22px;} /* 售后服务 */ .service01 .infor .tit{font-size:38px; line-height:38px; color:#ff5500;} .service01 .content .t{font-size:23px; line-height:25px; color:#474747; margin:30px 0 20px;} .service01 .content .c{font-size:15px; line-height:22px; color:#474747;} .service02{margin-top:65px} .service02 .rect-49{padding-bottom:48%;} .service02 .rect-238{padding-bottom:23.8%;} .service02 .left{width:32.5%; float:left; position:relative} .service02 .right{width:65.3%; float:right;} .service02 .right .r_top .item{width:49%; margin-bottom:22px; position:relative;} .service02 .right .r_top .item01{margin-right:2%;} .service02 .right .r_bott{position:relative} .service02 .cover{position:absolute; left:0; top:0; width:100%;} .service02 .cover .box{padding:50px 50px 40px 40px;} .service02 .cover .box .t{font-size:20px; line-height:24px; color:#fff; margin-bottom:20px;} .service02 .cover .box .c{font-size:14px; line-height:24px; color:#fff} .service02 .cover .box .c a{font-family:Arial; font-weight:bold; font-size:27px; line-height:1; display:inline-block; vertical-align:-4px;} .service02 .left .cover .box{padding:70px 95px 60px 60px;} /* 解决方案——道路 */ .solution_road02 .infor .tit{color:#ea5613; font-size:30px; margin-top:40px; margin-bottom:20px;} .solution_road02 .infor .con{margin:20px 0 60px;} .solution_road02 .content{margin:50px 0 60px;} .solution_road02 .content ul li{width:20%; float:left; text-align:center;} .solution_road02 .content ul li .con em{font-size:56px; line-height:1;} .solution_road02 .content ul li .con{font-size:20px; margin-bottom:5px; color:#ea5613; font-weight:normal;} .solution_road02 .content ul li .txt{font-size:17px; color:#333;} .solution_road03 .rect-5419{padding-bottom:54.19%;} .solution_road03 .left{float:left; width:50%;} .solution_road03 .left .tit{color:#ea5613; font-size:30px; margin-top:40px;} .solution_road03 .left .con{margin:20px 0 40px;} .solution_road03 .left ul li{line-height:28px; position:relative; padding-left:10px;} .solution_road03 .left ul li:after{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background:#ea5613; left:0; top:12px; transition:.5s ease;} .solution_road03 .right{float:right; width:46.7%;} .solution_road03 .right .item{display:none;} .solution_road03 .right .owl-item .item{display:block;} .solution_road03 .right .item .cover{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/solution2_02_1.png) repeat-x center bottom;} .solution_road03 .right .item .tit{position:absolute; width:100%; left:0; bottom:20px; color:#fff; text-align:center;} .solution_road03 .owl-nav>div{cursor:pointer; z-index:5; position:absolute; font-size:0; width:36px; height:36px; top:50%; background:url(../img/solution_jt.png) no-repeat; margin-top:-18px;} .solution_road03 .owl-nav .owl-prev{left:15px;} .solution_road03 .owl-nav .owl-next{right:15px; background-position:-36px 0;} .solution_road03 .owl-nav .owl-prev:hover{background-position:0 -36px;} .solution_road03 .owl-nav .owl-next:hover{ background-position:-36px -36px;} /* 解决方案——港口 */ .solution_gk02 .rect-5419{padding-bottom:54.19%;} .solution_gk02 .left{float:left; width:50%; margin-top:50px;} .solution_gk02 .left .tit{color:#ea5613; font-size:30px; margin-top:40px; display:none;} .solution_gk02 .left ul li{margin-bottom:20px;} .solution_gk02 .left ul li .t{line-height:28px; position:relative; padding-left:10px; font-size:18px; color:#ea5613; margin-bottom:5px;} .solution_gk02 .left ul li .t:after{content:''; position:absolute; width:6px; height:6px; border-radius:50%; background:#ea5613; left:0; top:12px; transition:.5s ease;} .solution_gk02 .right{float:right; width:46.7%;} .solution_gk02 .right .item{display:none;} .solution_gk02 .right .owl-item .item{display:block;} .solution_gk02 .right .item .cover{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/solution2_02_1.png) repeat-x center bottom;} .solution_gk02 .right .item .tit{position:absolute; width:100%; left:0; bottom:20px; color:#fff; text-align:center;} .solution_gk02 .owl-nav>div{cursor:pointer; z-index:5; position:absolute; font-size:0; width:36px; height:36px; top:50%; background:url(../img/solution_jt.png) no-repeat; margin-top:-18px;} .solution_gk02 .owl-nav .owl-prev{left:15px;} .solution_gk02 .owl-nav .owl-next{right:15px; background-position:-36px 0;} .solution_gk02 .owl-nav .owl-prev:hover{background-position:0 -36px;} .solution_gk02 .owl-nav .owl-next:hover{ background-position:-36px -36px;} .solution_gk03{margin-top:60px;} .solution_gk03 .rect-1097{padding-bottom:109.7%;} .solution_gk03 .infor .tit{color:#ea5613; font-size:32px; text-align:center; margin-bottom:40px;} .solution_gk03 .content .item{float:left;width:27%; margin:0 3%; position:relative;} .solution_gk03 .content .item .cover{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/solution2_02_1.png) repeat-x center bottom;} .solution_gk03 .content .item .tit{position:absolute; width:100%; left:0; bottom:20px; color:#fff; font-size:18px; text-align:center;} /* 智能云平台 */ .ypt.channel_content{padding-bottom:0;} .ypt01 .infor{text-align:center; padding:0 7%;} .ypt01 .infor .tit{font-size:38px; color:#333;} .ypt01 .infor .con{color:#333;} .ypt01 .content{text-align:center; padding:0 15%; margin-top:50px;} .ypt01 .content ul li{width:33%; float:left;} .ypt01 .content ul li .img{transition:.5s ease;} .ypt01 .content ul li .tit{font-size:17px; color:#000; margin-top:25px;} .ypt01 .content ul li:hover .img{transform:rotateY(180deg)} .ypt02{margin-top:60px; } .ypt02 .infor{text-align:center; color:#ea5613; font-size:32px; margin-bottom:30px;} .ypt02 .content{position:relative;} .ypt02 .content .cover{position:absolute; left:0; top:0; width:50%; color:#fff;} .ypt02 .content .cover .box{padding:60px 40px;} .ypt02 .content .cover .box .tit{font-size:23px; margin-bottom:15px;} .ypt02 .content .cover .box .tab_t{margin-bottom:25px;} .ypt02 .content .cover .box .tab_t span{display:inline-block; cursor:pointer; margin-right:12px; line-height:30px; padding:0 22px; border:1px solid rgba(255,255,255,0.3);} .ypt02 .content .cover .box .tab_t span.cur{border-color:#ea5613; color:#ea5613;} .ypt02 .content .cover .box .tab_c{width:90%;} .ypt02 .content .cover .box .tab_c .item{display:none;} .ypt02 .content .cover .box .tab_c .item ul{overflow:hidden;} .ypt02 .content .cover .box .tab_c .item ul li{float:left; width:26%; padding-left:10px; position:relative; margin-bottom:5px;} .ypt02 .content .cover .box .tab_c .item ul li:after{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background:#ea5613; left:0; top:12px; transition:.5s ease;} .ypt03{margin:30px 0 50px;} .ypt03 .rect-434{padding-bottom:43.4%;} .ypt03 .item{float:left; width:48.5%;} .ypt03 .item:first-child{margin-right:3%;} .ypt03 .item .cover{position:absolute; left:0; bottom:0; width:100%; color:#000;} .ypt03 .item .cover .box{padding:40px;} .ypt03 .item .cover .box .tit{font-size:23px; margin-bottom:20px;} .ypt03 .item .cover .box .con{width:80%;} .ypt03 .item .cover .box ul{width:25%; display:inline-block;} .ypt03 .item .cover .box ul li{ padding-left:10px; position:relative; margin-bottom:5px;} .ypt03 .item .cover .box ul li:after{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background:#ea5613; left:0; top:12px; transition:.5s ease;} .ypt04{padding:60px 0; background:#f7f7f7;} .ypt04 .rect-5419{padding-bottom:54.19%;} .ypt04 .left{float:left; width:41%;} .ypt04 .left .tit{color:#ea5613; font-size:30px; margin-top:40px;} .ypt04 .left .con{margin:20px 0 40px;} .ypt04 .left ul li{line-height:28px; position:relative; padding-left:10px;} .ypt04 .left ul li:after{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background:#ea5613; left:0; top:12px; transition:.5s ease;} .ypt04 .right{float:right; width:46.7%;} .ypt04 .right .item{display:none;} .ypt04 .right .owl-item .item{display:block;} .ypt04 .right .item .cover{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/solution2_02_1.png) repeat-x center bottom;} .ypt04 .right .item .tit{position:absolute; width:100%; left:0; bottom:20px; color:#fff; text-align:center;} .ypt04 .owl-nav>div{cursor:pointer; z-index:5; position:absolute; font-size:0; width:36px; height:36px; top:50%; background:url(../img/solution_jt.png) no-repeat; margin-top:-18px;} .ypt04 .owl-nav .owl-prev{left:15px;} .ypt04 .owl-nav .owl-next{right:15px; background-position:-36px 0;} .ypt04 .owl-nav .owl-prev:hover{background-position:0 -36px;} .ypt04 .owl-nav .owl-next:hover{ background-position:-36px -36px;} /* 垃圾车 */ :root .garbage .pro_detail01 img{display:block;} .garbage.channel_content{padding-top:0;} .garbage02{text-align:center; padding:60px 0; background-size:cover;} .garbage02 .infor .tit{text-align:center; font-size:38px;} .garbage02 .infor .con{margin:20px 0 50px; padding:0 22%;} .garbage03 .infor{text-align:center; font-size:38px; margin-bottom:40px;} .garbage04 .infor{text-align:center; font-size:38px; margin-bottom:40px;} .zxs_garbage .garbage03.pro_detail03 .item:first-child{margin-left:4%;} .zxs_garbage .garbage03.pro_detail03 .item{width:25%; margin:0 4%;} /* 真空抽吸车 */ .channel_content.cxc{padding-top:0;} :root .cxc .pro_detail01 img{display:block;} .cxc02{text-align:center; padding-top:60px; background-size:cover;} .cxc02 .infor .tit{text-align:center; font-size:38px;} .cxc02 .infor .con{margin:20px 0 50px; padding:0 14%;} .cxc02 .content{padding:0 14%;} .cxc02 .content ul li{float:left; width:25%; text-align:center;} .cxc02 .content ul li .num{color:#ea5613; font-size:54px; font-weight:normal;} .cxc02 .content ul li .num span{font-size:16px;} .cxc03{padding-top:60px;} .cxc03 .infor .tit{text-align:center; font-size:38px; text-align:center;} .cxc03 .content{height:235px; margin-top:30px; background-repeat:no-repeat; background-size:cover;} .cxc03 .content .box{padding:44px 145px;} .cxc03 .content dl{overflow:hidden;} .cxc03 .content dl dd{color:#fff; float:left; width:25%; position:relative; font-size:15px; line-height:30px; padding-left:14px;} .cxc03 .content dl dd:after{content:''; width:5px; height:5px; position:absolute; left:0; top:13px; background:#ea5613; border-radius:10px;} .cxc04{padding-top:60px;} .cxc04 .infor .tit{text-align:center; font-size:38px; text-align:center; margin-bottom:30px;} /* 检测车 */ .channel_content.jiance{padding-top:0;} :root .jiance .pro_detail01 img{display:block;} .jiance02.pro_detail03 .item{width:19%;} .jiance02.pro_detail03 .item:first-child{margin-left:0;} .jiance02.pro_detail03 .item{margin-left:1.2%;} .jiance02 .infor{text-align:center; font-size:38px; text-align:center; margin-bottom:40px;} .jiance03 .infor{text-align:center; font-size:38px; text-align:center; margin-bottom:40px;} .jiance03 .content{background:#f3f3f3;} .jiance03 .content .left{float:left; width:46%;} .jiance03 .content .right{float:left; width:54%;} .jiance03 .content .right .box{padding:50px;} .jiance03 .content .right .box ul{height:280px; overflow:auto;} .jiance03 .content .right .box ul li{margin-bottom:25px; padding-left:20px;} .jiance03 .content .right .box ul li .t{font-size:20px; line-height:1; color:#0f0f0f; position:relative; margin-bottom:15px;} .jiance03 .content .right .box ul li .t:after{content:''; position:absolute; left:-20px; top:0; width:3px; height:19px; background:#ea5613;} .jiance03 .rect-508{padding-bottom:50.8%;} .jiance04{margin:60px 0; padding:50px 0 110px; background:url(../img/jiance04_bg.jpg) no-repeat center;} .jiance04 .infor{text-align:center; font-size:38px; text-align:center; margin-bottom:40px;} .jiance04 .content ul{margin-top:40px;} .jiance04 .content ul li{float:left; width:25%; position:relative;} .jiance04 .content ul li .box{padding:0 40px;} .jiance04 .content ul li .box .img img{transition:.5s ease;} .jiance04 .content ul li .box .tit{font-size:25px; color:#ea5613; margin:20px 0 15px;} .jiance04 .content ul li .box .con{font-size:16px; color:#fff;} .jiance04 .content ul li:after{content:''; position:absolute; width:1px; height:56px; left:0; bottom:20px; background:#fff; background:rgba(255,255,255,0.5);} .jiance04 .content ul li:first-child:after{display:none;} .jiance04 .content ul li:hover .img img{transform: rotateY(180deg);} .jiance03 ::-webkit-scrollbar-track-piece {background:#fff;} /*凹槽颜色*/ .jiance03 ::-webkit-scrollbar {width:5px; height:5px;} /*滚动条宽高*/ .jiance03 ::-webkit-scrollbar-thumb {background:#ea5613;; background-clip:padding-box; min-height:10px;}/*滚动条设置*/ .jiance03 ::-webkit-scrollbar-thumb:hover {background:#bbb;} /* 20210305 404页面*/ .rect-45{padding-bottom: 45%;} .err_404{padding: 130px 0 80px;} .err_404 ._img{width: 70%;margin: 0 auto;} .err_404 ._img .btn_404{position: absolute;width: 150px;left: 20px;bottom: 40px;} .err_404 ._img .btn_404.btn_prev{left: 190px; } @media only screen and (max-width:1240px) { .err_404 ._img{width: 100%;} } @media only screen and (max-width:992px) { .err_404 ._img .btn_404{width: 150px;} .err_404 ._img .btn_404.btn_prev{left: 190px;} } @media only screen and (max-width:760px) { .err_404 ._img .btn_404{bottom: 0;} .err_404 ._img .btn_404{width: 100px;} .err_404 ._img .btn_404.btn_prev{left: 140px;} } .error .pt1 .box{margin-left: 17%;width: 72%;} .error .pt1 .tit{font-size: 150px;line-height: 1;color: #ea5613;margin-bottom: 20px;margin-top:130px;} .error .pt1 .tit .ion{width: 127px;height: 113px;display: inline-block;background-image: url(../img/error.jpg);background-repeat: no-repeat;background-position: 0 0;margin-right: 25px;} .error .pt1 .t2{font-size: 43px;line-height: 1;color: #000;margin-bottom: 20px;} .error .pt1 .t3{font-size: 17px;color: #000;margin-bottom: 30px;} .error .pt1 .t3 a{text-decoration: underline;color: #ea5613;} .error .pt1 .t4{font-size: 16px;color: #000;margin-bottom: 30px;} .error .pt1 .form{width: 100%;position: relative;margin-bottom: 100px;} .error .pt1 .form .input_t{width: 100%;height: 100%;border: none;outline: 0;border: 1px solid #f2f2f2;height: 58px;line-height: 58px;font-size: 18px;padding: 0;text-indent: 30px;} .error .pt1 .form .submit_b{position: absolute;border: none;outline: 0;padding: 0;margin: 0;width: 122px;height: 50px;line-height: 50px;right: 5px;top: 50%;margin-top: -25px;background-color: #ea5613;color: #fff;text-align: center;font-size: 18px;cursor: pointer;transition: all .5s ease;-webkit-transition: all .5s ease;} .error .pt1 .form .submit_b:hover{background-color: #000;} .error .pt1 .form:hover .submit_b{opacity: 1;filter: alpha(opacity=100);} .header .inav .nav_li .dropdown{background-size:cover;}