/* * 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:#ffa500;} .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:1220px; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover { color:#ffa500;} ::-moz-selection {color:#fff; background:#ffa500; } ::selection {color:#fff; background:#ffa500; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#ffa500; 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) } /* 网站样式 */ /* 公共按钮 */ .common-btn{cursor:pointer; color:#fff;font-size:14px;line-height:20px; display:inline-block; text-align:center; padding:8px 0; overflow:hidden; position:relative; width:166px; border:2px solid #ffa500; background:#ffa500;} .common-btn span{position:relative; z-index:1; display:block;} .common-btn:before{content:''; position:absolute; z-index:0; width:100%; height:100%; top:0; right:-20px; bottom:0; left:0; border-right:20px transparent solid; border-top:4rem solid #fff; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .common-btn:hover:before {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);} .common-btn:hover a{color:#fff;} :root .common-btn:hover a{color:#ffa500;} /* 头部 */ .head_top{background:url(../img/head_top_bg.jpg) no-repeat center; color:#fff; } .head_top .left{float:left; line-height:29px; display:none;} .head_top .right{float:right;} .head_top .right .tool>li{float:left; padding:0 15px; position:relative; line-height:29px; height:29px;} .head_top .right .tool>li:after{content:''; position:absolute; left:0; width:1px; height:13px; top:8px; background:rgba(255,255,255,0.4)} .head_top .right .tool>li:first-child:after{display:none;} .head_top .right .tool>li a:hover{color:#fff; color:rgba(255,255,255,0.6);} .head_top .right .tool>li .icon{position:relative; top:3px; display:inline-block; width:25px; height:14px; background:url(../img/head_top_1.png) no-repeat center;} .head_top .right .tool>li i{margin:0 5px;} .head_top .right .tool>li ul{display:none;} .head_top .right .tool>li ul{position:absolute; width:100%; top:100%; left:0; z-index:22; border-bottom:2px solid #ffa500; display:none;} .head_top .right .tool>li ul li a{line-height:40px; background-color:#f5f5f5; border-bottom:1px dashed #e3e3e3; font-size:14px; color:#333; text-align:center; display:block;} .head_top .right .tool>li ul li a:hover{background-color:#ffa500; color:#fff;} .head_top .right .tool>li ul.li3_ul{width:150%; left:-25%;} .head_bott{position:relative; background:#fff;} .head_bott .logo{float:left; padding:15px 0;} .head_bott .logo a{display:block; font-size:0;} .head_bott .h_search{float:right; padding:12px 0; line-height:40px; height:40px; cursor:pointer; transition:all 0.5s ease;} .head_bott .h_search .icon{display:inline-block; width:24px; height:24px; background:url(../img/h_search.png) no-repeat center; vertical-align:middle;} .head_bott .inav_wrapper{width:75%; float:right;} .head_bott .inav .nav_li{font-size:17px; font-weight:bold; display:inline-block; line-height:40px; color:#000; padding:12px 25px; transition:all 0.5s ease;} .head_bott .inav .nav_li.cur{color:#ffa500;} /*头部吸顶*/ .header.fixed .head_bott{position:fixed; width:100%; top:0; background:#fff; left:0; z-index:6; box-shadow: 0px 0px 22px #878585;} /*PC导航下拉*/ .head_bott .inav .nav_li .inner_box{position:absolute; top:100%; left:0; width:100%; padding:65px 0 40px; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.075); display:none; border-top:1px solid #f5f5f5; z-index:10;} .head_bott .inav .nav_li .inner_box .box_l{width:70%; float:left; text-align:center; opacity:0; filter:alpha(opacity=0); transform:translateY(20px); transition:all .5s cubic-bezier(.4,.5,.58,1.11); transition-delay:0.3s;} .head_bott .inav .nav_li .inner_box .box_l li{width:20%; float:left; height:30px; line-height:30px; font-size:15px; margin-top:11px; color:#000; position:relative; text-align:left; padding-top:15px; margin-bottom:35px} /* .head_bott .inav .nav_li02 .inner_box .box_l li{width:33%;} */ .head_bott .inav .nav_li .inner_box .box_l li:before{content:''; position:absolute; top:0; left:0; width:30px; height:1px; background:#000; transition:all .5s ease; -webkit-transition:all .5s ease;} .head_bott .inav .nav_li .inner_box .box_l li a{display:block;} .head_bott .inav .nav_li .inner_box .box_l li:hover:before{width:72px; background:#ffa500;} .head_bott .inav .nav_li .inner_box .box_r{width:28%; float:right; text-align:left; opacity:0; filter:alpha(opacity=0); transform:translateX(20px); transition:all .5s cubic-bezier(.4,.5,.58,1.11); transition-delay:0.4s;} .head_bott .inav .nav_li .inner_box.inner_hover .box_l, .head_bott .inav .nav_li .inner_box.inner_hover .box_r{opacity:1; filter:alpha(opacity=100); transform:translate(0,0);} /*搜索下拉*/ .search_bg{position:fixed; width:100%; height:100%; left:0; top:0; z-index:3; background:url(../img/black.6.png) center; opacity:0; visibility:hidden; transition:all 0.6s ease;} .search_bg.cur{opacity:1; visibility:visible;} .search-alert{position:fixed; left:0; top:-100%; width:100%; height:100%; background:#ffa500; z-index:98; transition:all 0.5s ease} .search-alert .close{display:block; width:30px; height:30px; background:url(../img/search_close.png) no-repeat center; background-size:24px auto; position:absolute; top:0; bottom:0; margin:auto 0; right:2.6%; cursor:pointer; -webkit-transition:-webkit-transform 0.3s ease 0s; transition:transform 0.3s ease 0s;} .search-alert .close:hover{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} .search-alert .cent-form {position:absolute; width:86%; top:0; bottom:0; left:0; right:0; margin:auto; height:65px; line-height:65px; border-bottom:1px solid #fff; z-index:2;} .search-alert .cent-form .tex {border:none; font-size:20px; height:65px; line-height:65px; text-align:left; width:100%; box-sizing:border-box; color:#fff; background:none; padding-left:70px; padding-right:120px; background:url(../img/ico2_2.png) no-repeat left center;} .search-alert .cent-form .sub-butn {border:none; width:120px; background:none; position:absolute; right:0; top:0; text-align:center; height:65px; font-size:22px; line-height:65px; color:#fff; cursor:pointer;} .search-alert.active{top:0;} /* input默认文字白色 */ .search-alert .cent-form .tex::-webkit-input-placeholder {color:#fff;} .search-alert .cent-form .tex:-ms-input-placeholder {color:#fff;} .search-alert .cent-form .tex:-moz-placeholder {color:#fff;} .search-alert .cent-form .tex::-moz-placeholder {color:#fff;} /*手机端搜索、手机导航按钮及手机导航在PC隐藏*/ .head_bott .h_lang{display:none;} .head_bott .mSearch{display:none;} .mobile_key{display:none;} .m_nav{display:none;} /* 底部 */ .footer{position:relative; overflow:hidden; background:#333;} :root .footer{background:transparent;} .footer .f_bg{position:absolute; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7);} .footer .cover{position:absolute; left:0; bottom:0; width:100%; height:100%;} /* .footer .cover video{width:100%;} */ :root .footer .cover img{display:none;} .footer .foot_top{position:relative; z-index:1;} .footer .foot_top .content{position:relative; padding:80px 0;} .footer .foot_top:after{content:''; position:absolute; bottom:0; width:70%; left:15%; height:2px; background:#fff; background:rgba(255,255,255,0.1);} .footer .foot_top .left{float:left; width:27%;} .footer .foot_top .left .f_link{margin:70px 0 15px;} .footer .foot_top .left .f_link a{display:inline-block; font-size:14px; color:#e0e0e0; position:relative; padding:0 15px;} .footer .foot_top .left .f_link a:first-child{padding-left:0;} .footer .foot_top .left .f_link a:hover{color:#ffa500;} .footer .foot_top .left .f_link a:after{content:''; position:absolute; left:0; width:1px; height:13px; background:#8d8d8d; top:50%; margin-top:-6px;} .footer .foot_top .left .f_link a:first-child:after{display:none;} .footer .foot_top .left .f_share{position:relative; color:#e0e0e0; font-size:14px; display:none;} .foot_top .left .f_share .bdsharebuttonbox{display:inline-block; vertical-align:top;} .foot_top .left .f_share a{display:inline-block; width:30px; height:30px; background:url(../img/f_share.png) no-repeat; padding:0; float:none;margin-right:25px; vertical-align:text-bottom; transition:0s; margin:0 6px;} .foot_top .left .f_share a.bds_weixin:hover{background-position:0 0;} .foot_top .left .f_share a.bds_sqq:hover{background-position:-30px 0;} .foot_top .left .f_share a.bds_tsina:hover{background-position:-60px 0;} .foot_top .left .f_share a.bds_weixin{background-position:0 -30px;} .foot_top .left .f_share a.bds_sqq{background-position:-30px -30px;} .foot_top .left .f_share a.bds_tsina{background-position:-60px -30px;} .footer .foot_top .right{float:right; width:69%;} .footer .foot_top .right dl{float:left; width:20%; margin-left:2%;} .footer .foot_top .right dl:first-child{margin-left:0;} .footer .foot_top .right dl dt{font-size:18px; color:#fff; font-weight:bold; padding-bottom:25px;} .footer .foot_top .right dl dd{font-size:14px; color:#fff; color:rgba(255,255,255,0.8); line-height:30px;} .footer .foot_top .right dl.dl4{overflow:hidden; width:35%; margin-left:0;} .footer .foot_top .right dl.dl4 dd{float:left; width:48%; text-align:center;} .footer .foot_top .right dl.dl4 dd:first-child{margin-right:4%;} .footer .foot_top .right dl.dl4 dd .txt{margin-top:5px;} .footer .foot_bott{position:relative; z-index:1; padding:30px 0;} .footer .foot_bott .txt{text-align:center; font-size:14px; color:#a2a2a2;} /* 公共 */ .channel_content{padding:50px 0; min-height:300px; background:#f5f5f5;} /* xc_banner */ .xc_banner{position:relative;} .xc_banner .infor{position:absolute; width:100%; left:0; top:30%; color:#fff;} .xc_banner .infor .tit{font-size:48px; margin-bottom:20px;} .xc_banner .infor .crumbs{font-size:14px;} .xc_banner.hs .infor{color:#333;} /* xc_nav */ .xc_nav{height:70px; background:#fff; position:relative;} .xc_nav span{line-height:70px; display:inline-block; vertical-align:top;} .xc_nav .span1{font-size:18px; color:#000; } .xc_nav .span1 a{float:left;} .xc_nav .span1 i{display:block;padding-left:21px;padding-right:23px;float:left;width:11px;height:70px;background:url(../img/inner_navarrow1.png) no-repeat center;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-transform-origin:center; transform-origin:center;} .xc_nav .span1.on i{ -webkit-transform: rotate(-90deg);transform: rotate(-90deg);} .xc_nav .span2 i{padding-right:23px;font-size:16px;color:#333333;} .xc_nav .span3{font-size:18px; color:#ffa500;} .navigation-down {position: absolute;top: 70px;left: 0px;width: 100%; } .navigation-down .nav-down-cont{display:none; width:100%;margin:0;background:#ffa500;position:absolute;top:0px; z-index:3; box-shadow: 0px 5px 7px 0px rgba(4, 0, 0, 0.2);} .navigation-down ul{ padding:30px 0; line-height: 27px; } .navigation-down ul li{float: left; margin-right: 28px; } .navigation-down ul li a{ display: block;color:#fff;font-size: 16px;color: #fff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .navigation-down ul li a:hover{ opacity: 0.8; text-shadow:0px 0px 0px rgba(0,0,0,0.3); -webkit-transform:translateY(-2px);transform:translateY(-2px); } .navigation-down ul li.cur a{font-weight:bold;} /* 二级导航吸顶 */ .sec_nav.fixed{position:fixed; top:0; width:100%; z-index:7;} .sec_nav.fixed .nav-down-cont{display:block;} /*返回顶部悬浮*/ .f_box{position:fixed; right:0; bottom:50px; z-index:20; font-size:18px; font-weight:bold; color:#fff; text-align:center; cursor:pointer;} .f_box .f_b{width:57px; height:52px; margin-bottom:1px; line-height:20px; position:relative;} .f_box .tit{padding-bottom:30px; background-color:#000; background-image:url(../img/f_box1.png); background-position: center bottom; background-repeat: no-repeat; padding-top:6px; height:46px;} .f_box .tel a{background-image:url(../img/f_box2.png);background-position: left center; background-repeat: no-repeat; position:absolute; width:190px;padding-left:57px; top:0; left:0;} .f_box .tel .phone{ height:52px; line-height:52px; background-color:#f7ac1b; width:100%; text-align:center; overflow:hidden;} .f_box a{display:block;width:100%;height:100%; background-color:#6a6a6c;} .f_box a:hover{color:#fff;} .f_box .to_ask a{background-image:url(../img/to_ask.jpg); background-position:-57px 0;} .f_box .to_ask a:hover{background-position:0 0;} .f_box .chact a{background-image:url(../img/f_box3.jpg);background-position: -57px 0; background-repeat: no-repeat;} .f_box .chact a:hover{background-position: 0 0; } .f_box .qqkf a{background-image:url(../img/f_box4.jpg);background-position: -57px 0; background-repeat: no-repeat;} .f_box .qqkf a:hover{background-position: 0 0; } .f_box .gotop a{background-image:url(../img/f_box5.jpg);background-position: -57px 0; background-repeat: no-repeat;} .f_box .gotop a:hover{background-position: 0 0; } .f_box .gotop {height:40px;} .f_box .qqkf{display:none;} /*手机端返回顶部*/ .website_gotop .gotop{display:none; position:fixed; right:20px; bottom:20px; background:url(../img/go_top.png) no-repeat center; width:40px; height:40px; z-index:10; cursor:pointer;} .header_bott .inav_wrapper{width:62%;} /* 分页*/ .widgets_common_pages_6{font-size:0; margin-top:50px;} .widgets_common_pages_6 a,.widgets_common_pages_6 span{line-height:58px;color:#666;background-color:#ececec;display: inline-block;vertical-align: middle;text-align:center;padding:0 30px;font-size:14px;margin:0;} .widgets_common_pages_6 a:hover,.widgets_common_pages_6 span.current{color:#fff;background-color: #ffa500;} @media only screen and (max-width:760px){ .widgets_common_pages_6{margin-top:15px;} .widgets_common_pages_6 a, .widgets_common_pages_6 span{line-height:30px; padding:0 12px;} } /*分页*/ /* 新闻列表 */ .news_list01 .list_hd{margin-bottom:70px;} .news_list01 .list_hd .inp_box_wrap {width:32%; margin-left:2%; border-bottom:solid 4px #ffa500;} .news_list01 .list_hd .inp_box_wrap:first-child{margin-left:0;} .news_list01 .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:#242424; padding:0;text-indent:10px; background:transparent;} .news_list01 .list_hd .inp_box_wrap .inp_box.hd_inp{width:80%;} .news_list01 .list_hd .inp_box_wrap>input::-webkit-input-placeholder {color:#242424;} .news_list01 .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_1.png);background-repeat:no-repeat;background-size:18px 18px; background-position:center; outline:none; cursor:pointer; padding:0;} .news_list01 .select-ui-choose ._arrow{width:16%; right:0;} .news_list01 .select-ui-choose ._arrow .arr{left:50%; margin:0 0 0 -0.4em; border-color:#666666 transparent transparent;} body .select-ui-options-default{margin-top:4px;} body .select-ui-options li:hover, body .select-ui-options li.hover{background:#ffa500;} body .select-ui-options-bottom, .news_list01 .select-ui-choose-bottom.on, .news_list01 .select_box{border-radius:0px;} /* .news_list02{padding-bottom:100px;} */ .news_list02 .rect-5665{padding-bottom:56.65%;} .news_list02 ul{position:relative;} .news_list02 ul:after{content:''; background:#bcbcbc; position:absolute; top:0; left:13%; height:100%; width:1px; z-index:3;} .news_list02 ul .item{height:205px; margin-bottom:15px;} .news_list02 ul .item_l{width:20%; float:left; position:relative; height:100%;} .news_list02 ul .item_l:after{content:''; position:absolute; top:0; right:86px; width:0; height:206px; background:#ffa500; transition:all .5s ease; -webkit-transition:all .5s ease;} .news_list02 ul .item_r{width:80%; float:left; height:100%; position:relative;} .news_list02 ul .item_r:after{content:''; position:absolute; top:0; right:0; background:#fff; height:100%; width:0; transition:all .5s ease; -webkit-transition:all .5s ease;} .news_list02 ul .item_l .time{width:65%; float:left; font-family:'Arial'; line-height:1; text-align:center; position:absolute; height:64px; top:50%; margin-top:-32px; color:#ffa500; z-index:5; font-size:14px} .news_list02 ul .item_l .time .d{font-size:52px; margin-bottom:3px;} .news_list02 ul .item_l .time:after{content:''; background:#bcbcbc; position:absolute; width:46px; height:1px; top:50%; right:-46px;transition:all .5s ease; -webkit-transition:all .5s ease;} .news_list02 ul .item_r .box{padding:30px 40px;} .news_list02 ul .item_r .intro_box .tit{font-size:20px; font-weight:bold; color:#000; line-height:24px; margin-bottom:20px;} .news_list02 ul .item_r .intro_box .tit a{display:block;} .news_list02 ul .item_r .intro_box .list_tool{margin-bottom:10px; color:#c9c9c9; font-size:14px;} .news_list02 ul .item_r .intro_box .list_tool .share_more{margin-left:10px; vertical-align:middle;} .news_list02 ul .item_r .intro_box .list_tool .time{margin-left:10px;} .news_list02 ul .item_r .intro_box .con{font-size:14px; color:#444; height:60px; line-height:30px; overflow:hidden;} .news_list02 ul .item_r .intro_box{width:75%; float:left;} .news_list02 ul .item_r .img_box{float:right; width:24%;} .news_list02 ul .item.hover{background:#fff;} .news_list02 ul .item.hover .item_l .time{color:#fff;} .news_list02 ul .item.hover .item_l .time:before{content:''; position:absolute; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #ffa500; right:-15px; top:50%; margin-top:-15px; z-index:3;} .news_list02 ul .item.hover .item_l .time:after{background:#ffa500; } .news_list02 ul .item.hover .tit{color:#ffa500;} .news_list02 ul .item.hover .item_l:after{width:520px} .news_list02 ul .item.hover .item_r:after{width:330px;right:-330px;} .news_list02 ul .item:last-child{margin-bottom:0;} /* 新闻详细 */ .news_detail01 .detail_l{width:67%;} .news_detail01 .detail_l .l_box{background:#fff; padding:8% 6%;} .news_detail01 .detail_l .l_box .news_title{font-size:30px; color:#000; margin-bottom:10px; font-weight:bold;} .news_detail01 .detail_l .l_box .l_tools{margin-bottom:40px; line-height:20px;} .news_detail01 .detail_l .l_box .l_tools span{display:inline-block; *display:inline; *zoom:1; font-size:14px; color:#5a5a5a;} .news_detail01 .detail_l .l_box .l_tools .news_time{margin-right:20px;} .news_detail01 .detail_l .l_box .l_tools .switcher .title{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} .news_detail01 .detail_l .l_box .news_text{font-size:14px;} .news_detail01 .detail_r{width:28%;} .news_detail01 .detail_r .arr_box{background:#fff; padding:8%; margin-bottom:14px; color:#666;display:block;} .news_detail01 .detail_r .arr_title{font-size:18px;color:#000;margin-bottom:10px; font-weight:bold;} .news_detail01 .detail_r .arr_news_title{font-size:14px; font-weight:normal;} .news_detail01 .detail_r .arr_time{font-size:14px; padding-top:6px; display:block;} .news_detail01 .detail_r .arr_box:hover{color:#fff; background:#ffa500;} .news_detail01 .detail_r .arr_box:hover .arr_title{color:#fff;} .news_detail01 .detail_r .share_box{background:#fff; padding:8%;} .news_detail01 .detail_r .share_title{font-size:18px; color:#000; margin-bottom:10px; font-weight:bold;} .news_detail01 .detail_r .black_list{width:100%; height:42px; line-height:42px; background:#ffa500; text-align:center; font-size:18px; color:#fff; display:block;} .news_detail01 .newdetail_share{padding:10px 0px; font-size:0;} .news_detail01 .newdetail_share a{display:inline-block; width:45px; height:45px; background:url(../img/news_share.png) no-repeat; padding:0; margin:0 0 0 9px; float:none; cursor:pointer;} .news_detail01 .newdetail_share a.bds_tsina{background-position:0px 0;} .news_detail01 .newdetail_share a.bds_sqq{background-position:-45px 0;} .news_detail01 .newdetail_share a.bds_weixin{background-position:-90px 0;} .news_detail01 .newdetail_share a.bds_tsina:hover{background-position:0 -45px;} .news_detail01 .newdetail_share a.bds_sqq:hover{background-position:-45px -45px;} .news_detail01 .newdetail_share a.bds_weixin:hover{background-position:-90px -45px;} /*产品列表*/ .pro_list01 .infor .tit{color:#000; font-size:36px; line-height:48px;} .pro_list01 .infor .tit span{display:inline-block; font-size:48px; line-height:48px; font-family:Impact; margin-right:10px; vertical-align:-5px;} .pro_list01 .content{margin-top:28px;} .pro_list01 .content .rect-6913{padding-bottom:69.13%;} .pro_list01 .content li{width:23.5%; margin-right:2%; position:relative; float:left;} .pro_list01 .content .four_li{margin-right:0px;} .pro_list01 .content li .intro{background:#fff;} .pro_list01 .content li .intro .box{padding:23px 35px;} .pro_list01 .content li .intro .box .tit{font-size:18px; line-height:26px; font-weight:bold; color:#000; margin-bottom:5px;} .pro_list01 .content li .intro .box .con{font-size:25px; line-height:25px; font-weight:bold; color:#ffa500;} .pro_list01 .content li .intro .box .more_box .more{display:inline-block; font-size:14px; color:rgba(0,0,0,.9); margin-top:28px; position:relative; padding-right:20px;} .pro_list01 .content li .intro .box .more_box .more span{display:inline-block;} .pro_list01 .content li .intro .box .more_box .more span.icon{width:10px; height:10px; background:url(../img/add.png) no-repeat center; transition:all 0.5s ease; font-size:0; position:absolute; right:0; top:50%; margin-top:-4px;} .pro_list01 .content li .intro .box .more_box .more:hover{color:#ffa500} .pro_list01 .content li .intro .box .more_box .more:hover .icon{transform:rotateZ(180deg); background:url(../img/add_on.png) no-repeat center;} .pro_list01 .content li .intro .box .more_box .more.know_more{margin-right:35px;} .pro_list01 .content li .li_line {width:0; height:5px; background:#ffa500; position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .pro_list01 .content li:hover .li_line{width:100%;} .pro_list02{background:url(../img/pro_list02_1.jpg) no-repeat center; padding:50px 0; margin-top:60px;} .pro_list02 .infor{padding-right:8%; margin-bottom:55px; position:relative;} .pro_list02 .infor .tit{float:left;} .pro_list02 .infor .tit a{display:inline-block; font-size:36px; line-height:45px; font-weight:bold; color:#fff;} .pro_list02 .infor .tit_bott{position:relative; padding-bottom:5px; display:inline-block;} .pro_list02 .infor .con{float:right; font-size:14px; color:#fff; line-height:28px; margin-top:33px} .pro_list02 .infor .tit a:hover{color:rgba(255,255,255,0.7);} .pro_list02 .content{position:relative;} .pro_list02 .content .rect-6225{padding-bottom:62.25%;} .pro_list02 .content .item{display:none;} .pro_list02 .content .owl-item .item{display:block;} .pro_list02 .content .intro .t{font-size:24px; font-weight:bold; color:#fff; margin:20px 0 5px;} .pro_list02 .content .intro .more{font-size:14px; color:#fff; transition:all 0.5s ease; position:relative; display:inline-block; padding-right:15px;} .pro_list02 .content .intro .more span{display:inline-block; vertical-align:middle;} .pro_list02 .content .intro .more span.icon{width:10px; height:10px; background:url(../img/add_white.png) no-repeat center; transition:all 0.5s ease; font-size:0; position:absolute; right:0; top:50%; margin-top:-4px;} .pro_list02 .content .intro .more:hover{color:#ffa500} .pro_list02 .infor .line{width:1px; height:23px; background:#fff; background:rgba(255,255,255,0.6); position:absolute; right:22px; top:36px;} .pro_list02 .infor .proList2_btn{position:absolute; top:35px; right:0; width:60px; height:15px;} .pro_list02 .infor .proList2_btn>div{width:9px; height:13px; position:absolute; top:50%; margin-top:-6px; z-index:2; font-size:14px; color:#fff; cursor:pointer; } .pro_list02 .infor .proList2_btn .owl-prev {left:0; background-position:0 0;} .pro_list02 .infor .proList2_btn .owl-next {right:0; background-position:-9px 0px;} .pro_list02 .content .item:hover .intro .more .icon{transform:rotateZ(180deg); background:url(../img/add_on.png) no-repeat center;} .pro_list02 .content .item:hover .intro .more{color:#ffa500;} .pro_list03{padding:80px 0 30px;} .pro_list03 .infor{text-align:center;} .pro_list03 .infor .tit{font-size:36px; line-height:45px; font-weight:bold; color:#000; margin-bottom:20px;} .pro_list03 .infor .con{font-size:14px; line-height:26px; color:#666; padding:0 15%;} .pro_list03 .content{margin-top:40px;} .pro_list03 .content li{transition:all 0.5s ease;} .pro_list03 .content .li_box{display:block; padding:55px 55px 35px;} .pro_list03 .content .li_box .icon{width:68px; height:62px; background:url(../img/pro_list03_ico.png) no-repeat; margin:0 auto 30px; transition:all 0.5s ease;} .pro_list03 .content .li_box .icon1{background-position:0 0;} .pro_list03 .content .li_box .icon2{background-position:-68px 0;} .pro_list03 .content .li_box .icon3{background-position:-136px 0;} .pro_list03 .content .li_box .icon4{background-position:-204px 0;} .pro_list03 .content .li_box .tit{font-size:22px; color:#000; text-align:center;} .pro_list03 .content li.cur{background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);} .pro_list03 .content li.cur .li_box .icon{transform:rotateY(180deg);} /*关于我们*/ .about_us01{padding:20px 0 70px} .about_us01 .infor .tit{font-size:75px; line-height:75px; font-family:Impact; color:#333; margin-bottom:30px;} .about_us01 .infor .con{font-size:18px; line-height:32px; color:#333;} .about_us02{padding:70px 0; background:url(../img/about_us02_1.jpg) no-repeat center;} .about_us02 .infor .tit{font-size:30px; line-height:32px; color:#fff;} .about_us02 .content{margin-top:55px;} .about_us02 .content li{width:22%; float:left; position:relative; padding-left:3%;} .about_us02 .content li:first-child{padding-left:0;} .about_us02 .content li:after{content:''; width:1px; height:96px; background:rgba(255,255,255,.6); position:absolute; left:0; top:50%; margin-top:-48px;} .about_us02 .content li:first-child:after{display:none;} .about_us02 .content li .number span{display:inline-block; color:#fff; margin-right:5px;} .about_us02 .content li .number .num{font-size:60px; line-height:60px; color:#ffa500; font-family:Impact;} .about_us02 .content li .text{font-size:14px; line-height:32px; color:#fff;} .about_us02 .about_jt{margin-top:50px; display:inline-block; cursor:pointer;} .about_us02 .about_jt i{display:inline-block; width:12px; height:31px; background:url(../img/about_us_jt.png) no-repeat center; position:relative; top:0; animation:move_jt 2s ease infinite;} @keyframes move_jt{ 0% {top:0;} 50% {top:30px} 100% {top:0;} } .about_us03{padding:70px 0 20px;} .about_us03 .rect-69{padding-bottom:69%;} .about_us03 li .left{width:50%;} .about_us03 li .right{width:50%;} .about_us03 li.odd .left{float:left;} .about_us03 li.odd .right{float:right;} .about_us03 li.even .left{float:right;} .about_us03 li.even .right{float:left;} .about_us03 li .left .box{padding:60px 40px 60px 60px;} .about_us03 li.odd .left .box{padding-left:0;} .about_us03 li.even .left .box{padding-right:0;} .about_us03 li .tit{font-size:24px; color:#333; margin-bottom:20px;} .about_us03 li .left .box .con{font-size:14px; line-height:26px; color:#333; padding-right:20px; height:286px; overflow-y:auto;} /*滚动条样式*/ .about_us03 li .left .box .con::-webkit-scrollbar {width:5px; height:4px; } .about_us03 li .left .box .con::-webkit-scrollbar-thumb {border-radius:5px; background:#ffa500;} .about_us03 li .left .box .con::-webkit-scrollbar-track {border-radius:0; background:#e5e5e5;} /*产品中心*/ .pro_center.channel_content{padding:0;} .pro_center01{background:url(../img/pro_center01_1.jpg) no-repeat center; padding:90px 0;} .pro_center01 .infor{text-align:center;} .pro_center01 .infor .tit{font-size:48px; line-height:48px; font-weight:bold; color:#fff; margin-bottom:50px;} .pro_center01 .infor .con{font-size:14px; line-height:26px; color:#fff; padding:0 15%; margin-bottom:60px;} .pro_center01 .infor .form_box{padding:0 20%;} .pro_center01 .infor .form_box .inp_wrap{width:74%; float:left;} .pro_center01 .infor .form_box .inp_wrap input{width:100%; height:56px; line-height:56px; text-indent:20px; border:none; padding:0;} .pro_center01 .infor .form_box .btn_wrap{width:22%; float:left;} .pro_center01 .infor .form_box .btn_wrap button{padding:0; width:100%; height:56px; line-height:56px; background:#ffa500; color:#fff; border:none; text-align:center; font-size:18px; font-weight:bold; cursor:pointer; transition:all 0.5s ease; outline:none;} .pro_center01 .infor .form_box .btn_wrap button.common-btn:before{border-top: 4rem solid #1b2026;} .pro_center02{background:#fff; padding:50px 0 70px;} .pro_center02 .infor .tit{font-size:36px; line-height:36px; font-weight:bold; color:#000; margin-bottom:40px;} .pro_center02 .content{position:relative;} .pro_center02 .content .item{display:none; position:relative;} .pro_center02 .content .owl-item .item{display:block;} .pro_center02 .content .item .intro{position:absolute; left:0; width:100%; bottom:20px; transition:all 0.5s ease;} .pro_center02 .content .item .intro .box{padding:0 25px;} .pro_center02 .content .item .intro .tit{font-size:13px; line-height:20px; font-weight:bold; color:#ffa500;} .pro_center02 .content .item .intro .con{font-size:23px; line-height:26px; font-weight:bold; color:#fff;} .pro_center02 .content .item .cover{position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../img/pro_center02_2.png) no-repeat center; opacity:0; visibility:hidden; transition:all 0.5s ease;} .pro_center02 .content .item .cover .box{padding:25px;} .pro_center02 .content .item .cover .box li{width:50%; float:left; margin-bottom:20px;} .pro_center02 .content .item .cover .box li.li03, .pro_center02 .content .item .cover .box li.li04{margin-bottom:0;} .pro_center02 .content .item .cover .box li .li_box{display:block;} .pro_center02 .content .item .cover .box li .li_box .img_{margin:20px auto 15px; width:40px; height:40px; transition:all 0.5s ease; position:relative; overflow:hidden;} .pro_center02 .content .item .cover .box li .li_box .img_ i{display: block;width: 40px;height: 40px;background: url(../img/pro_center02_icon1.png) no-repeat;position: absolute;top: 0;left: 0; transition:.5s ease;} .pro_center02 .content .item .cover .box li .li_box .img_ .icon_hover{left:-50px; } .pro_center02 .content .item .cover .box li:hover .li_box .img_ .icon{left:50px;} .pro_center02 .content .item .cover .box li:hover .li_box .img_ .icon_hover{left:0;} .pro_center02 .content .item .cover .box li.li01 .li_box .img_ i{background: url(../img/pro_center02_icon1.png) no-repeat;} .pro_center02 .content .item .cover .box li.li02 .li_box .img_ i{background: url(../img/pro_center02_icon2.png) no-repeat;} .pro_center02 .content .item .cover .box li.li03 .li_box .img_ i{background: url(../img/pro_center02_icon3.png) no-repeat;} .pro_center02 .content .item .cover .box li.li04 .li_box .img_ i{background: url(../img/pro_center02_icon4.png) no-repeat;} .pro_center02 .content .item .cover .box li .li_box .txt{font-size:14px; line-height:26px; color:#fff; text-align:center;} .pro_center02 .content .item:hover .cover{opacity:1; visibility:visible;} /*箭头*/ .pro_center02 .content .item:hover .intro{opacity:0; visibility:hidden;} .pro_center02 .content .pro02_btn>div{width:48px; height:46px; background:url(../img/pro_center02_jt.png) no-repeat; position:absolute; top:-83px; z-index:2; font-size:0; cursor:pointer; } .pro_center02 .content .pro02_btn .owl-prev {right:60px; background-position:0 0;} .pro_center02 .content .pro02_btn .owl-next {right:0; background-position:-48px 0px;} .pro_center02 .content .pro02_btn .owl-prev:hover {background-position:0 -46px;} .pro_center02 .content .pro02_btn .owl-next:hover {right:0; background-position:-48px -46px;} .pro_center03{padding:65px 0; background:#f5f5f5;} .pro_center03 .infor{text-align:center;} .pro_center03 .infor .tit{font-size:36px; line-height:36px; color:#000; font-weight:bold; margin-bottom:40px;} .pro_center03 .content .item{margin-bottom:50px; -webkit-perspective: 3000px; perspective: 3000px;} .pro_center03 .content .item:last-child{margin-bottom:0;} .pro_center03 .content .item .item_hd{background:url(../img/pro_center03_bg1.jpg) no-repeat center; transition:all 0.5s ease;} .pro_center03 .content .item .item_hd .box{padding:30px 30px;} .pro_center03 .content .item .item_hd .box .img_ {width:24%; float:left; margin-right:4%;} .pro_center03 .content .item .item_hd .box .intro{width:65%; float:left; padding-right:7%; color:#000; position:relative; transition:all 0.5s ease;} .pro_center03 .content .item .item_hd .box .intro .intro_box{padding-top:55px;} .pro_center03 .content .item .item_hd .box .intro .intro_box .t{font-size:25px; line-height:26px; font-weight:bold; margin-bottom:16px;} .pro_center03 .content .item .item_hd .box .intro .intro_box .c{font-size:14px; line-height:26px; height:52px; overflow:hidden;} .pro_center03 .content .item .item_hd .box .intro .anniu{font-size:18px; color:#333; position:absolute; right:0; top:55px; cursor:pointer; transition:all 0.5s ease;} .pro_center03 .content .item .item_hd .box .intro .anniu .icon{display:inline-block; width:16px; height:16px; background:url(../img/pro_center_ico.png) no-repeat 0 -16px; vertical-align:-1px;} .pro_center03 .content .item .item_bd{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;opacity: 0;-webkit-transform-origin: center top;transform-origin: center top;-webkit-transform: rotateX(60deg);transform: rotateX(60deg);-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;height: 0; background:#fff; overflow:hidden;} .pro_center03 .content .item .item_bd .box{padding:45px 45px 0;} .pro_center03 .content .item .item_bd .box ul{border-bottom:1px solid #f3f3f3;} .pro_center03 .content .item .item_bd .box .li{width:24%; margin-right:1.32%; float:left; margin-bottom:40px;} .pro_center03 .content .item .item_bd .box .four_li{margin-right:0;} .pro_center03 .content .item .item_bd .box .li .txt{font-size:15px; line-height:30px; color:#212121; margin-top:17px;} .pro_center03 .content .item .item_bd .box .shouqi{padding:30px 0; text-align:right;} .pro_center03 .content .item .item_bd .box .shouqi .tit{display:inline-block; font-size:18px; color:#555; cursor:pointer;} .pro_center03 .content .item .item_bd .box .shouqi .tit .icon{display:inline-block; width:14px; height:14px; background:url(../img/pro_center03_close.png) no-repeat center; margin-left:10px; transition:all 0.5s ease;} .pro_center03 .content .item .item_bd .box .shouqi .tit:hover .icon{transform:rotateZ(180deg);} /*展开时候的状态*/ .pro_center03 .content .item.open .item_hd{background:url(../img/pro_center03_bg.jpg) no-repeat center;} .pro_center03 .content .item.open .item_hd .box .intro{color:#fff;} .pro_center03 .content .item.open .item_hd .box .intro .anniu{color:#fff;} .pro_center03 .content .item.open .item_hd .box .intro .anniu .icon{background-position:0 0;} .pro_center03 .content .item.open .item_bd{-webkit-transform:rotateX(0); transform:rotateX(0); opacity:1; height:auto;} /* 施工案例 */ .channel_content.case{padding:0;} .case01{background:url(../img/case01_1.jpg) no-repeat center; padding:70px 0;} .case01 .infor{text-align:center;} .case01 .infor .tit{font-size:36px; line-height:48px; font-weight:bold; color:#fff; margin-bottom:50px;} .case01 .infor .form_box{padding:0 21%;} .case01 .infor .form_box .inp_wrap{width:74%; float:left;} .case01 .infor .form_box .inp_wrap input{width:100%; height:56px; line-height:56px; text-indent:20px; border:none; padding:0;} .case01 .infor .form_box .btn_wrap{width:22%; float:left;} .case01 .infor .form_box .btn_wrap button{width:100%; height:56px; line-height:56px; background:#ffa500; border:none; text-align:center; font-size:18px; font-weight:bold; cursor:pointer; transition:all 0.5s ease; outline:none; color:#fff;} .case01 .infor .form_box .btn_wrap button:hover{opacity:0.8;} .case01 .crumbs{color:#fff; color:rgba(255,255,255,0.7); text-align:center; margin-top:20px;} .case02 .wrap{position:relative;} .case02 .tab_t{background:#fff; overflow:hidden;} .case02 .tab_t .cat_list2{padding-bottom:20px;} .case02 .tab_t .cat_list{padding-top:20px;} .case02 .tab_t .cat_list .tit {font-weight:bold; float:left; font-size:15px; color:#353535; width:8%; line-height:36px;} .case02 .tab_t .cat_list .ser_list{float:left; width:80%; overflow:hidden;} .case02 .tab_t .cat_list .ser_list .ser_sx {line-height:36px; display:inline-block; font-size:14px; color:#353535; cursor:pointer; margin-right:35px;} .case02 .tab_t .cat_list .ser_list .ser_sx i {display:inline-block;*display:inline;*zoom:1;width:18px;height:18px;margin-right:10px;vertical-align:middle;background:url(../img/case02_1.png) no-repeat 0 0;} .case02 .tab_t .cat_list .ser_list .ser_sx.cur i{background-position:0 -18px;} .case02 .tab_t .cat_list .ser_list .ser_sx.cur {font-weight:bold; color:#ffa500;} .case02 .tab_c{background:#f5f5f5; padding:60px 0;} .case02 .tab_c .content .item{position:relative; background:#fff;width: 32%;float: left;margin-top:34px;margin-right: 2%; transition:all .3s ease;} .case02 .tab_c .content .item .li_line{width:0; height:5px; background:#ffa500; position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .case02 .tab_c .content .item:hover .li_line{width:100%;} .case02 .tab_c .content .item:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2)} .case02 .tab_c .content .item.three_item { margin-right: 0;} .case02 .tab_c .content .item .box{padding:30px;} .case02 .tab_c .content .item .box .tit{font-size:24px; color:#000; font-weight:bold; line-height:34px; margin-bottom:15px;} .case02 .tab_c .content .item .box .list{font-size:14px; color:#333333; line-height:28px; margin:10px 0; } .case02 .tab_c .content .item .box .list ul li{display:inline-block;border:1px solid #b5b5b5; padding:0 5px; margin-right:30px;} .case02 .tab_c .content .item .box .list ul li.li01{ margin-bottom:10px;} .case02 .tab_t .more {display:none; position:absolute; right:0; top:80px; font-size:14px; color:#666; cursor:pointer;} /* 走进同力 */ .about_center.channel_content{padding:0;} .about_center01{background:url(../img/about_center01_1.jpg) no-repeat center top; padding:50px 0 70px;} .about_center01 .infor{text-align:center;} .about_center01 .infor .tit{font-size:36px; line-height:36px; color:#000;} .about_center01 .infor .con{font-size:16px; line-height:32px; color:#333; margin:25px 0 35px; padding:0 12%;} .about_center01 .content{margin-bottom:50px; padding:0 90px;} .about_center01 .content li{width:22%; float:left; position:relative; padding-left:3%;} .about_center01 .content li:first-child{padding-left:0;} .about_center01 .content li .number span{display:inline-block; color:#000; margin-right:5px; font-size:18px;} .about_center01 .content li .number .num{font-size:60px; line-height:60px; color:#ffa500; font-family:Impact;} .about_center01 .content li .text{font-size:14px; line-height:32px; color:#000;} .about_center01 .about_video{cursor:pointer;} .about_center01 .rect-343{padding-bottom:34.3%;} .about_center01 .about_video .icon{width:84px; height:84px; background:url(../img/about_center_play.png) no-repeat center; display:inline-block; position:absolute; left:50%; margin-left:-42px; top:50%; margin-top:-42px;} .about_center01 .about_video .cover{position:absolute; width:100%; height:100%; top:0; left:0; background:url(../img/black.7.png); opacity:.7;transition:all 0.3s linear} .about_center01 .about_video img{transition:all 0.3s linear;} .about_center01 .about_video:hover img{-webkit-transform:scale(1.1); transform:scale(1.1);} .about_center01 .about_video:hover .cover{opacity:0.3;} .about_center02{padding-bottom:70px;} .about_center02 .rect-569{padding-bottom:56.9%;} .about_center02 ul li{float:left; width:48%; transition:all 0.3s linear;} .about_center02 ul li:first-child{margin-right:4%;} .about_center02 ul li img{transition:.3s linear;} .about_center02 ul li .box{padding:25px 50px;} .about_center02 ul li .tit{font-size:36px; color:#000; transition:all 0.3s linear; margin-bottom:10px;} .about_center02 ul li .con{font-size:16px; color:#333; line-height:30px; height:60px; overflow:hidden;} .about_center02 ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2); background:#fff;} .about_center02 ul li:hover img{-webkit-transform:scale(1.1); transform:scale(1.1);} .about_center02 ul li:hover .tit{color:#ffa500; -webkit-transform:translateY(-6px); transform:translateY(-6px);} .about_center03{background:url(../img/about_center03_bg.jpg) no-repeat center fixed; padding:75px 0;} .about_center03 .infor{text-align:center;} .about_center03 .infor .tit{font-size:36px; line-height:36px; color:#fff;} .about_center03 .infor .con{font-size:16px; line-height:32px; color:#fff; margin:25px 0 35px; padding:0 3%;} .about_center03 .more{border:none;} .about_center03 .more i{display:inline-block; width:10px; height:10px; background:url(../img/add_white.png) no-repeat center; margin-left:40px; transition:all 0.5s ease;} :root .about_center03 .more:hover i{background:url(../img/add_on.png) no-repeat center;} .about_center04{padding:70px 0;} .about_center04 .rect-1098{padding-bottom:109.8%;} .about_center04 .infor{position:absolute; width:100%; left:0; bottom:0;} .about_center04 .infor .tit{position:relative; bottom:0; transition: all 0.3s linear; font-size:36px; color:#fff;} .about_center04 .item:hover .infor .tit{bottom:15px;} .about_center04 .infor .box{padding:30px;} .about_center04 .infor .con{font-size:16px; color:#333; line-height:25px; transition:.3s linear;} .about_center04 .item{transition:.3s linear;} .about_center04 .item img{transition:.3s linear;} .about_center04 .item:hover img{-webkit-transform:scale(1.1); transform:scale(1.1);} .about_center04 .more{display:inline-block; font-size:14px; color:rgba(0,0,0,.9); margin-top:28px; position:relative; padding-right:20px;} .about_center04 .more span{display:inline-block;} .about_center04 .more span.icon{width:10px; height:10px; background:url(../img/add.png) no-repeat center; transition:all 0.5s ease; font-size:0; position:absolute; right:0; top:50%; margin-top:-4px;} .about_center04 .more:hover{color:#ffa500} .about_center04 .more:hover .icon{transform:rotateZ(180deg); background:url(../img/add_on.png) no-repeat center;} .about_center04 .item2 .infor{top:0;} .about_center04 .item2 .infor .box{padding:80px 30px;} .about_center04 .item2 .infor .tit{color:#000; margin-bottom:25px; transition:.3s linear;} .about_center04 .item2:hover{background:#ffa500;} .about_center04 .item2:hover img{opacity:0; visibility:hidden;} .about_center04 .item2:hover .tit{color:#fff;} .about_center04 .item2:hover .con{color:#fff;} .about_center04 .item2:hover .more{color:#fff;} .about_center04 .item2:hover .icon{transform:rotateZ(180deg); background:url(../img/add_white.png) no-repeat center;} /* 产品详细 */ .pro_detail01{padding-bottom:50px;} .pro_detail01 .infor{text-align:center; position:relative; z-index:1; margin-bottom:20px;} .pro_detail01 .infor .tit_en{font-size:48px; color:#ffa500; font-family:Impact; line-height:1.2;} .pro_detail01 .infor .tit{font-size:18px; font-weight:bold; color:#000;} .pro_detail01 .infor .tit_en1{font-size:75px; font-family:Arial; font-weight:bold; color:#eaeaea; text-transform:uppercase; position:absolute; top:0; width:100%; text-align:center; z-index:-1;} .pro_detail01 .infor .crumbs{font-size:14px; color:#666; margin-top:10px;} .pro_detail01 .content{background:url(../img/pro_detail01_2.png) no-repeat center top;} /* swiper */ .pro_detail01 .content .swiper-container {width: 100%; height: 476px; color: #fff; text-align: center;} .pro_detail01 .content .swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;transition: 300ms;transform: scale(0.4);} .pro_detail01 .content .swiper-slide .img_:after{content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/black.6.png);} .pro_detail01 .content .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1.7);position:relative;} .pro_detail01 .content .swiper-slide-active .img_:after{display:none;} .pro_detail01 .content .img_{position:relative; width:100%;} .pro_detail01 .swiper-button-prev,.pro_detail01 .swiper-container-rtl .swiper-button-prev{left:12%; outline:none;} .pro_detail01 .swiper-button-next,.pro_detail01 .swiper-container-rtl .swiper-button-prev{right:12%; outline:none;} .pro_detail01 .content .owl-nav>div{position:absolute; font-size:30px; color:#333; top:50%; margin-top:-15px;} .pro_detail01 .content .owl-nav .owl-prev{left:-40px;} .pro_detail01 .content .owl-nav .owl-next{right:-40px;} .pro_detail01 .content .ie8{display:none;} .pro_detail02{position:relative; overflow:hidden; background:url(../img/pro_detail02_bg.jpg) no-repeat center;} .pro_detail02 .content{position:relative; z-index:2;} .pro_detail02.fixed{position:fixed; width:100%; top:0; z-index:5;} .pro_detail02 .content dl{text-align:center; transition:.3s ease;} .pro_detail02 .content dl dd a{transition:0s;} .pro_detail02 .content dl dt,.pro_detail02 .content dl dd{float: left; height: 217px; line-height: 275px; margin-left: -1px; text-align: center; width: 20%; position: relative; cursor: pointer; font-size: 18px; color:#fff; background: url(../img/pro_line.png) center 102px; background-repeat: repeat-x; transition: .3s ease;} .pro_detail02 .content dl .p_circul {width: 15px;height: 15px;border-radius: 10px;background: #fff;position: absolute;top: 95px;left: 50%;margin-left: -7.5px;} .pro_detail02 .content dl .active .p_circul {color: #fff;background: #ffa500;} .pro_detail02 .content dl .active{font-weight:bold;} .pro_detail02.fixed dl dd,.pro_detail02.fixed dl dt {height: 120px;line-height: 159px; background: url(../img/pro_line.png) center 48px;background-repeat: repeat-x;} .pro_detail02.fixed .content dl .p_circul {top: 41px;} .pro_detail03{position:relative;} .pro_detail03 .infor{font-size:36px; font-weight:bold; color:#000; padding:0 0 25px;} .pro_detail03 .content{font-size:14px; color:#000; line-height:34px; padding-bottom:0;} .pro_detail03 .section{margin:70px 0;} .pro_detail03 .section3{background:url(../img/pro_detail03_1.jpg) no-repeat center;} .pro_detail03 .section3 .infor{padding-right:8%; margin-bottom:55px; position:relative;} .pro_detail03 .section3 .infor .tit{float:left;} .pro_detail03 .section3 .infor .tit a{display:inline-block; font-size:36px; line-height:45px; font-weight:bold; color:#fff;} .pro_detail03 .section3 .infor .tit_bott{position:relative; padding-bottom:5px; display:inline-block;} .pro_detail03 .section3 .infor .con{float:right; font-size:14px; color:#fff; line-height:28px; margin-top:33px} .pro_detail03 .section3 .infor .tit a:hover{color:rgba(255,255,255,0.7);} .pro_detail03 .section3 .content{position:relative; padding-bottom:50px;} .pro_detail03 .section3 .content .rect-6225{padding-bottom:62.25%;} .pro_detail03 .section3 .content .item{display:none;} .pro_detail03 .section3 .content .owl-item .item{display:block;} .pro_detail03 .section3 .content .intro .t{font-size:24px; font-weight:bold; color:#fff; margin:20px 0 5px;} .pro_detail03 .section3 .content .intro .more{font-size:14px; color:#fff; transition:all 0.5s ease; position:relative; display:inline-block; padding-right:15px;} .pro_detail03 .section3 .content .intro .more span{display:inline-block; vertical-align:middle;} .pro_detail03 .section3 .content .intro .more span.icon{width:10px; height:10px; background:url(../img/add_white.png) no-repeat center; transition:all 0.5s ease; font-size:0; position:absolute; right:0; top:50%; margin-top:-4px;} .pro_detail03 .section3 .content .intro .more:hover{color:#ffa500} .pro_detail03 .section3 .infor{color:#fff; padding:90px 0 40px; margin-bottom:0;} .pro_detail03 .section3 .infor .line{width:1px; height:23px; background:#fff; background:rgba(255,255,255,0.6); position:absolute; right:22px; top:100px;} .pro_detail03 .section3 .infor .proList2_btn{position:absolute; top:101px; right:0; width:60px; height:15px;} .pro_detail03 .section3 .infor .proList2_btn>div{width:9px; height:13px; position:absolute; top:50%; margin-top:-6px; z-index:2; font-size:14px; color:#fff; cursor:pointer; } .pro_detail03 .section3 .infor .proList2_btn .owl-prev {left:0; background-position:0 0;} .pro_detail03 .section3 .infor .proList2_btn .owl-next {right:0; background-position:-9px 0px;} .pro_detail03 .section3 .content .item:hover .intro .more .icon{transform:rotateZ(180deg); background:url(../img/add_on.png) no-repeat center;} .pro_detail03 .section3 .content .item:hover .intro .more{color:#ffa500;} .pro_detail03 .section4 .infor{text-align:center;} .pro_detail03 .section4 .infor .con{font-size:16px; font-weight:normal;margin:5px 0 30px;} /*在线订购 zhaoy*/ .pro_detail03 .section4 .content{overflow:hidden;} .pro_detail03 .section4 .content .pdet_form{ padding:10px 3%; margin-top:20px;} .pro_detail03 .section4 .content .pdet_form label{ line-height:32px; display:inline-block;} .pro_detail03 .section4 .content .pdet_form .ord_inp{ width:73%; height:30px; line-height:30px; border:1px solid #ddd; background:transparent; padding:0; margin:0; padding-left:2%;} .pro_detail03 .section4 .content .pdet_form .ord_area{ width:88%;border:1px solid #ddd; background:transparent; padding:0; margin:0; height:190px;} .pro_detail03 .section4 .content .pdet_form .ord_inp.ord_yzm{ width:40%;} .pro_detail03 .section4 .content .pdet_form .porder_v{ margin-bottom:10px;} .pro_detail03 .section4 .content .pdet_form .porder_v>.span-6{position:relative;} .pro_detail03 .section4 .content .pdet_form .porder_v>.span-6 .Validform_wrong{position:absolute; left:69%; top:5px;} .pro_detail03 .section4 .content .pdet_form .ord_btninp{ text-align:center;} .pro_detail03 .section4 .content .pdet_form .ord_sub{ height:45px; font-size:16px; width:165px; background:#ffa500; color:#fff; margin-right:10px; border:none; outline:none; cursor:pointer;} .pro_detail03 .section4 .content .pdet_form .ord_rest{ height:45px; font-size:16px; width:165px; background:#1b2026; border:none; outline:none; color:#fff; cursor:pointer;} .pro_detail03 .section4 .content .pdet_form .ord_sub:hover{color:#000;} :root .pro_detail03 .section4 .content .pdet_form .ord_rest:hover{color:#000;} .pro_detail03 .section4 .content .pdet_form .red{color:red; position:absolute; top:5px; left:-11px;} .pro_detail03 .section4 .content .con_nr a:hover{ color:#1480bf;} .pro_detail03 .section4 .content .pdet_form label{width:70px; text-align:right; font-size:14px; vertical-align:top;} .pro_detail03 .section4 .content .form-control{background:transparent; display:inline-block; *display:inline; *zoom:1;width:25.7%; height:30px; line-height:30px; border:1px solid #d5d5d5; margin-right:25px;outline: none; box-shadow: none; box-sizing:content-box; color:#adadad;} .pro_detail03 .section4 .content #qu{margin-right:0;} .pro_detail03 .section4 .content .zq_sele{width:72.5%; margin-right:0;} .pro_detail03 .section4 .content .pdet_form .sel_v{position:relative;} .pro_detail03 .section4 .content .yzm_box .yzm{border:none; outline:none; line-height:43px; height:43px; width:46%; text-indent:20px; margin-right:25px; background:transparent; border:1px solid #ddd;} .pro_detail03 .section4 .content .yzm_box img{width:120px; height:45px; margin-right:10px;} .pro_detail03 .section4 .content .yzm_box .change{color:#40535a; font-size:12px; vertical-align:bottom;} .pro_detail03 .section4 .content .yzm_box{width:60%;} .pro_detail03 .section4 .content .btns_list{width:40%;} /*首页*/ /* ibanner */ .ibanner{position:relative; overflow:hidden; height:555px;} .ibanner .item{height:555px; overflow:hidden; position:relative; display:none;} .ibanner .owl-item .item{display:block;} .ibanner .owl-carousel .owl-item .img_{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} :root .ibanner .owl-carousel .item.i_video .img_{display:none;} .ibanner .owl-carousel .item.i_video video{position:absolute; top:-200px;} .ibanner .content{width:100%; position:absolute; bottom:180px; left:0;text-align:center; z-index:3;} .ibanner .owl-dots{display:none; text-align:left; padding-left:20px;} .ibanner .owl-dots .owl-dot {transition:.3s; display:inline-block; width:88px; height:6px; background:#c6c6c6; margin:0 6px; cursor:pointer; } .ibanner .owl-dots .owl-dot.active{background:#fea500;} .ibanner .cover{z-index:4;position:absolute; width:100%;left:0; top:0; height:100%; /*background:url(../img/banner_cover.png) center; */} .ibanner .owl-carousel .ban_word{z-index:5; position:absolute; width:100%;left:0; top:0; height:100%;} .ibanner .owl-carousel .ban_word>.wrap{margin-top:198px;} .ibanner .owl-carousel .ban_word img{width:auto;} .ibanner .owl-btn>div{cursor:pointer; z-index:5; font-size:70px; position:absolute; top:50%; margin-top:-63px; color:#fff;} .ibanner .owl-btn .owl-prev{left:0%;} .ibanner .owl-btn .owl-next{right:0%; background-position:-60px 0;} .ibanner .owl-btn>div:hover{color:#fea500;} .ibanner .cursor{position:fixed;top:0;left:0;z-index:30; pointer-events: none;display:none;} .ibanner .cursor .cursorIcon{width:33px;height:54px;background:url(../img/cursor-left.png) no-repeat center;} /* .ibanner .cursor.right .cursorIcon{-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)} */ .ibanner .cursor.right .cursorIcon{background:url(../img/cursor-right.png) no-repeat center;} .ipart01{background:#1b2026; padding:21px 0; background:url(../img/ipart01_bg.jpg) no-repeat center;} .ipart01 .sele_wrap{width:24%; margin-right:2%; float:left;} .ipart01 .sele_wrap .sele{width:100%; height:47px; line-height:47px; border:none; border-bottom:1px solid #fff; color:#fff; font-size:15px; background:none;} .ipart01 .sele_wrap .sele option{color:#555;} .ipart01 .btn_wrap{width:18%; float:left;} .ipart01 .btn_wrap .btns{outline:none; width:180px; height:47px; background:transparent; font-size:24px; color:#fff; font-weight:bold; text-align:center; line-height:47px; padding:0; margin:0; border:none;} body .ipart01 .select-ui-choose-default{border-radius:0; margin-top:0px;} body .ipart01 .select-ui-choose-default ._arrow .arr{width:13px; height:6px; background:url(../img/ipart01_2.png) no-repeat center; margin:0; border:none;} .ipart02{background:url(../img/ipart02_bg.jpg) no-repeat center; padding:90px 0;} .ipart02 .infor{text-align:center;} .ipart02 .infor .tit{font-size:40px; line-height:40px; font-weight:bold; color:#212121; margin-bottom:25px;} .ipart02 .infor .con{font-size:16px; line-height:26px; font-weight:bold; color:#333333;} .ipart02 .infor .con a{display:inline-block;} .ipart02 .infor .con em{display:inline-block; margin:0 5px;} .ipart02 .content{margin-top:45px;} .ipart02 .content .rect-6868{padding-bottom:68.68%;} .ipart02 .content .rect-1373{padding-bottom:137.3%;} .ipart02 .content li .intro{position:absolute; font-weight:bold;} .ipart02 .content li .intro .s_tit{font-size:20px; line-height:24px; color:#333; margin-bottom:4px;} .ipart02 .content li .intro{left:30px; top:30px;} .ipart02 .content li.li01 .intro .s_tit, .ipart02 .content li.li04 .intro .s_tit{color:#fff;} .ipart03{background:url(../img/ipart03_bg.jpg) no-repeat center; padding:135px 0 50px;} .ipart03 .content{margin-bottom:50px;} .ipart03 .left{width:27.5%; float:left; color:#fff;} .ipart03 .left .infor .tit{font-size:40px; line-height:40px; font-weight:bold;} .ipart03 .left .infor .con{font-size:20px; line-height:30px; margin:16px 0 25px; padding-right:60px;} .ipart03 .left .infor .txt{font-size:15px; line-height:26px;} .ipart03 .left .list{margin-top:90px;} .ipart03 .left .list li{width:50%; float:left;} .ipart03 .left .list li .number span{display:inline-block;} .ipart03 .left .list li .num{font-size:50px; line-height:50px; font-family:Impact; color:#ffa500;} .ipart03 .left .list li .symbol{font-size:30px; font-family:Impact; color:#ffa500; vertical-align:-3px; line-height:1; margin:0 5px;} .ipart03 .left .list li .text{font-size:16px; line-height:30px; color:#fff;} .ipart03 .left .list li .list_txt{font-size:14px; line-height:30px; color:#fff;} .ipart03 .right{width:70%; float:right; position:relative; margin-top:40px;} .ipart03 .right .rect-5823{padding-bottom:58.23%;} .ipart03 .right .item{display:none; padding-bottom:61px; position:relative;} .ipart03 .right .item:after{content:''; width:8px; height:8px; background:#ffa500; border-radius:10px; position:absolute; left:50%; margin-left:-4px; bottom:0px;} .ipart03 .right .owl-item .item{display:block;} .ipart03 .right .item a{display:block;} .ipart03 .right .item .intro{background:#fff; background:rgba(255,255,255,.9); transition:all 0.5s ease; position:relative;} .ipart03 .right .item .intro:after{content:''; width:100%; height:100%; background:url(../img/ipart03_4.png) no-repeat center; position:absolute; left:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease;} .ipart03 .right .item .intro .box{padding:29px 27px;} .ipart03 .right .item .intro .box .line{width:16px; height:4px; background:#ffa500; margin-bottom:20px; transition:all 0.3s ease;} .ipart03 .right .item .intro .box .tit{font-size:14px; line-height:24px; color:#666; margin-bottom:35px; transition:all 0.3s ease;} .ipart03 .right .item .intro .box .con{font-size:24px; line-height:24px; color:#ffa500; font-weight:bold; transition:all 0.3s ease;} .ipart03 .right .ipt3_btn>div{width:10px; height:16px; background:url(../img/ipart03_jt.png) no-repeat; position:absolute; top:-30px; z-index:2; font-size:0; cursor:pointer;} .ipart03 .right .ipt3_btn .owl-prev {right:36px; background-position:0 0;} .ipart03 .right .ipt3_btn .owl-next {right:2px; background-position:-10px 0px;} .ipart03 .right .item:hover .intro{background:#ffa500;} .ipart03 .right .item:hover .intro:after{content:''; opacity:1; visibility:visible;} .ipart03 .right .item:hover .intro .box .line{background:#fff;} .ipart03 .right .item:hover .intro .box .tit{color:#fff;} .ipart03 .right .item:hover .intro .box .con{color:#fff;} .ipart03 .xian{float:left; width:100%; margin-top:-54px; height:2px; background:#ffa500;} .ipart04{background:url(../img/ipart04_bg.jpg) no-repeat center; padding-top:95px; position:relative; z-index:2;} .ipart04 .ipt4_img{width:679px; height:454px; position:absolute; right:-766px; bottom:-40px; transition:1s ease;} .ipart04 .infor {text-align:center;} .ipart04 .infor .tit{font-size:40px; line-height:40px; font-weight:bold; color:#212121; margin-bottom:50px;} .ipart04 .content .rect-44{padding-bottom:44.1%;} .ipart04 .content .rect-782{padding-bottom:78.2%;} .ipart04 .content .rect-7777{padding-bottom:77.7%;} .ipart04 .content .rect-691{padding-bottom:69.1%;} .ipart04 .content .item{float:left;} .ipart04 .content .item .cover{width:100%; height:100%; position:absolute; left:0; top:0;} .ipart04 .content .item .cover .box{padding:37px 50px; color:#fff;} .ipart04 .content .item .cover .s_tit{font-size:14px; line-height:27px; opacity:0.6;} .ipart04 .content .item .cover .b_tit{font-size:24px; line-height:30px; font-weight:bold; margin:10px 0 7px; height:60px; overflow:hidden;} .ipart04 .content .item .cover .date{font-size:14px; line-height:30px; font-family:Arial; margin-bottom:9px;} .ipart04 .content .item .cover .txt{font-size:14px; line-height:24px; height:48px; overflow:hidden;} .ipart04 .content .item01{width:64%; height:344px; overflow:hidden;} .ipart04 .content .item01 .cover{width:35%; height:auto; left:45px; top:75px;} .ipart04 .content .item01 .cover .box{padding:0;} .ipart04 .content .item02{background:#1b2026; width:36%; height:344px; overflow:hidden;} .ipart04 .content .item02 .cover .box{padding:75px 60px;} .ipart04 .content .item03{width:32%;} .ipart04 .content .item04{width:32%; background:#f0f0f0;} .ipart04 .content .item04 .cover .box{color:#333;} .ipart04 .content .item05{width:36%;} .ipart04 .content01{margin-top:140px; padding:0 24.5% 120px; position:relative;} .ipart04 .content01 .intro{color:#000; text-align:center;} .ipart04 .content01 .intro .tit{font-size:40px; line-height:40px; font-weight:bold; margin-bottom:17px;} .ipart04 .content01 .intro .con{font-size:16px; line-height:30px; margin-bottom:45px;} .ipart04 .content01 .intro .list .a_link{display:inline-block; margin-right:21px; margin-bottom:17px;} .ipart04 .content01 .intro .list .a_link {border:1px solid #bfbfbf; line-height:31px; text-align:center;position:relative; padding:0 21px; overflow:hidden;} .ipart04 .content01 .intro .list .a_link a{color:#666;} .ipart04 .content01 .intro .list .a_link span{position:relative; z-index:1; display:block;} .ipart04 .content01 .intro .list .a_link:before{content:''; position:absolute; z-index:0; width:100%; height:100%; top:0; right:-20px; bottom:0; left:0; border-right:20px transparent solid; border-top:4rem solid #ffa500; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } .ipart04 .content01 .intro .list .a_link:hover:before {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);} .ipart04 .content01 .intro .list .a_link:hover a{color:#fff;} /* .ipart04 .content01 .img_1{width:410px; height:266px; position:absolute; left:-160px; bottom:0;} */ .ipart04 .content01 .img_1{width:410px; height:266px; position:absolute; left:-570px; bottom:0; transition:1s ease;} /* 视频列表 */ .video_list01 .rect-6982{padding-bottom:69.82%;} .video_list01 li{cursor:pointer; margin-bottom:40px; width:31%; float:left; margin-right:3.5%; background:#fff; transform: translateY(0); transition: all .3s ease;} .video_list01 li.three_item{margin-right:0;} .video_list01 li:hover { -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.1);-webkit-transform: translateY(-5px);transform: translateY(-5px);} .video_list01 li .box{padding:30px 25px;} .video_list01 li .intro{padding-top:30px; text-align:center;} .video_list01 li .intro span{display:block; color:#333;} .video_list01 li .intro .tit {font-size:16px; line-height:20px;} .video_list01 li .intro .date{font-size:12px;} .video_list01 li .cover{position:absolute; width:100%; height:100%; left:0; bottom:0; transition:all 0.5s ease; background:url(../img/orange.7.png) repeat; overflow:hidden;} .video_list01 li .cover .play{width:61px; height:61px; background:url(../img/video_list01_1.png) no-repeat center; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px;} .video_list01 li:hover .cover{height:100%; transition:all 0.5s ease;} /* 企业文化 */ .culture01 .infor{text-align:center;} .culture01 .infor .tit{font-size:38px; color:#000; font-weight:bold;} .culture01 .infor .con{font-size:14px; color:#000; margin:15px 0 60px;} .culture01 .content{min-height: 100%;margin: 0 auto;background: url(../img/culture01_bg.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover;} .culture01 .content ul li{height: 329px;} .culture01 .content ul li .box{height: 100%;position: relative;overflow: hidden;} .culture01 .content ul li .box .cen{width: 160px;height: 100px;position: absolute;top: 50%;margin-top: -50px;left: 50%;margin-left: -80px;transform:scale(1);opacity: 1;transform-origin:center center; transition:all .5s ease;-webkit-transition: all .5s ease;} .culture01 .content ul li .box .cen .tit{font-size: 20px;text-align: center;color: #fff;} .culture01 .content ul li .box .cen .en{font-size: 13px;color: #fff;font-family: 'Arial';text-align: center;} .culture01 .content ul li .box .cen .img{text-align: center;color: #fff;padding-top: 8px;} .culture01 .content ul li .box .cen .hr{width: 95px;height: 1px;background-color: #fff;margin: 8px auto 0;} .culture01 .content ul li .box .cen2{padding:80px 55px 0 55px;background-color: #ffa500;transform: scale(0.9);transform-origin:center center; transition:all .5s ease;-webkit-transition: all .5s ease;opacity: 0;height: 100%;} .culture01 .content ul li.cur .cen{transform: scale(0.7); opacity:0;filter:alpha(opacity=0);} .culture01 .content ul li.cur .cen2{transform: scale(1);opacity: 1;filter: alpha(opacity=100)} .culture01 .content ul li .box .cen2 .tit{font-size: 20px;color: #fff;text-align: left; padding-bottom: 10px;} .culture01 .content ul li .box .cen2 .minh{font-size: 17px;color: #fff;} .culture01 .content ul li .box .cen2 .hr{width: 100%;height: 1px;background-color: #fff;margin-top: 40px;} .culture01 .content ul li .box .cen2 .en{text-align: right;font-size: 14px;color: #fff;font-family: 'Arial'; } .culture01 .content ul li:first-child .box,.culture01 .content ul li:nth-child(2) .box{border-right: 1px solid #fff;border-bottom:1px solid #fff; } .culture01 .content ul li.cur .box{border: none;} .culture01 .content ul li:nth-child(3) .box{border-bottom: 1px solid #fff;} .culture01 .content ul li:nth-child(4) .box,.culture01 .content ul li:nth-child(5) .box{border-right: 1px solid #fff;} .culture01 .content ul li:nth-child(3) .box{border-bottom: 1px solid #fff;} .culture01 .content ul li:nth-child(4) .box,.culture01 .content ul li:nth-child(5) .box{border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .culture01 .content ul li:nth-child(6) .box{border-bottom: 1px solid #fff;} .culture01 .content ul li:nth-child(7) .box,.culture01 .content ul li:nth-child(8) .box{border-right: 1px solid #fff;} .culture01 .content ul li.cen{display: block;} .culture01 .content ul li.cen2{display: none;} .culture01 .content ul li .box .cen2{filter:alpha(opacity=0);display: none\9;} .culture01 .content ul li.cur .box .cen2{filter:alpha(opacity=100);display: block\9;} /* 服务支持 */ .support01 .infor{text-align:center;} .support01 .infor .tit{font-size:38px; color:#000; font-weight:bold;} .support01 .infor .con{font-size:14px; color:#000; margin:15px 0 60px; padding:0 7%;} .support01 .content{background:url(../img/support01_bg.jpg) no-repeat center;} /* aboutzh-6 start*/ .support01 .content .about-list .item{ height:640px;} .support01 .content .about-list .item.item_center ._sum{text-align:center;} .support01 .content .about-list .item a{ height:100%; display:block; padding:0 25px; text-align:center; color:#fff; } .support01 .content .about-list .item ._title{ font-size:20px; font-weight:bold; margin-bottom:10px;} .support01 .content .about-list .item ._sum{text-align:center; font-size:12px; line-height:24px; height:72px; overflow:hidden; margin-bottom:30px; transition:.3s ease;} .support01 .content .about-list .item:hover ._sum{height:auto;} .support01 .content .about-list .item .ablico{ display:inline-block; width:105px; height:105px; background-image:url( ../img/support01_1.png); background-repeat:no-repeat; margin-top:170px; margin-bottom:15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-position:0px 0px;} .support01 .content .about-list .item a:hover{ background:#ffa500;} .support01 .content .about-list .item a .ablico_01{ background-position:0px top;} .support01 .content .about-list .item a .ablico_02{ background-position:-105px top;} .support01 .content .about-list .item a .ablico_03{ background-position:-210px top;} .support01 .content .about-list .item a .ablico_04{ background-position:-315px top;} .support01 .content .about-list .item a .ablico_05{ background-position:-420px top;} .support01 .content .about-list .item a .ablico_06{ background-position:-525px top;} .support01 .content .about-list .item a .ablico_07{ background-position:-630px top;} .support01 .content .about-list .item a:hover .ablico_01{ background-position:0px bottom;} .support01 .content .about-list .item a:hover .ablico_02{ background-position:-105px bottom;} .support01 .content .about-list .item a:hover .ablico_03{ background-position:-210px bottom;} .support01 .content .about-list .item a:hover .ablico_04{ background-position:-315px bottom;} .support01 .content .about-list .item a:hover .ablico_05{ background-position:-420px bottom;} .support01 .content .about-list .item a:hover .ablico_06{ background-position:-525px bottom;} .support01 .content .about-list .item a:hover .ablico_07{ background-position:-630px bottom;} .support01 .content .owl-nav>div{position:absolute; top:45%; font-size:50px; color:#fff;} .support01 .content .owl-nav>div:hover{color:#ffa500;} .support01 .content .owl-nav .owl-prev{left:-100px;} .support01 .content .owl-nav .owl-next{right:-100px;} /* 企业荣誉 */ .honor01{margin-bottom:80px; display:none;} .honor01 .wrap{background:#fff;} .honor01 .rect-65{padding-bottom:65%;} .honor01 .left{width:60%; float:left;} .honor01 .left .box{padding:40px;} .honor01 .left .box .tit{font-size:36px; line-height:50px; color:#333; margin-bottom:40px;} .honor01 .left .box .con{font-size:18px; line-height:30px; color:#333;} .honor01 .right{width:40%; float:right;} .honor02 ul li{float:left; width:31%; margin-right:3.5%; margin-bottom:50px; cursor:pointer;} .honor02 ul li.three_item{margin-right:0;} .honor02 ul li .img{border: 8px solid #e3e4e4; padding:25px 5px; background:#fff;} .honor02 ul li .img .cover{position: absolute; left: 0;top: 0;width: 100%;height: 100%;background: url(../img/orange.6.png) repeat;z-index: 2;filter: alpha(opacity=0);opacity: 0; transition:.3s ease;} .honor02 ul li .img .icon{width: 47px;height: 47px;position: absolute;left: 50%;top: 50%;margin: -24px 0 0 -24px;z-index: 4;background: url(../img/honorIcon.png) no-repeat center;background-size: 100% 100%;-webkit-transform: scale(0);transform: scale(0); transition:.3s ease;} .honor02 ul li:hover .img .cover{filter: alpha(opacity=100);opacity: 1;} .honor02 ul li:hover .img .icon{-webkit-transform: scale(1);transform: scale(1);} .honor02 ul li .txt{background:#cfd0d0; transition:.3s ease; text-align:center; color:#333; font-size:16px; line-height:65px;} .honor02 ul li:hover .txt{background:#ffa500; color:#fff;} .honor02 .rect-62{padding-bottom:62%;} body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover{background:#ffa500;} /* 发展历程 */ /* 发展历程 */ .history.channel_content{padding:0;} .history01{background:url(../img/history01_1.jpg) no-repeat center fixed; padding:60px 0;} .history01 .ul-list{position:relative; } .history01 .ul-list:before{content:''; width:32px; height:32px; background:url(../img/history01_time.png) no-repeat center center; top:12px; margin:5px auto 0; position:absolute; left:50%; margin-left:-16px;} .history01 .ul-list:after{ content:""; position:absolute; width:1px; height:100%; display:block; background:#b1b1b1; left:50%; top:49px; } .history01 .ul-list li{ width:80%; margin:0 auto; margin-bottom:3%; } .history01 .ul-list li:first-child{ padding-top:5%; } .history01 .ul-list li .box{ width:70%; padding-bottom:2%; position:relative; } .history01 .ul-list li .box:after{ content:""; position:absolute; height:1px; width:85%; display:block; background:#b1b1b1; bottom:0; } .history01 .ul-list li.odd .box:after{ left:0; } .history01 .ul-list li.even .box:after{ right:0; } .history01 .ul-list li.odd .box{ float:right; } .history01 .ul-list li.even .box{ float:left; } .history01 .ul-list li .year{ width:25%; font-size:38px; font-family:"Arial"; color:#ffa500; text-align:center; } .history01 .ul-list li .con{ width:62%; } .history01 .ul-list li .con .title{ font-size:20px; font-weight:bold; color:#3c3c3c; } .history01 .ul-list li .con .dec{ font-size:16px; color:#1b1b1b; } .history01 .ul-list li.odd .year{ float:left; } .history01 .ul-list li.even .year{ float:right; } .history01 .ul-list li.odd .con{ float:right; } .history01 .ul-list li.even .con{ float:left; text-align:right; } .history01 .time{position:relative;} .history01 .time:before{content:''; position:absolute; border-width:10px; border-color:#3c3c3c transparent transparent transparent; border-style:solid; top:0; left:50%; margin-left:-10px;} /* .history01 .time:after{ content:""; position:absolute; top:-4px; left:50%; width:10px; margin-left:-5px; height:2px; background:#3c3c3c; } */ /* 社会招聘 */ .job_list01 li{border:1px solid #bfbfbf; margin-bottom:20px; background:#fff;} :root .job_list01 li{border:none;} .job_list01 .li_top{position:relative; } .job_list01 .li_top .top_l{padding-right:200px; } .job_list01 .li_top .box{ padding:15px 0; margin:0 40px; } .job_list01 .li_top .top_h{ margin-bottom:15px; } .job_list01 .li_top .tit{font-size:23px; padding-right:8%; color:#3c3c3c; font-weight:bold;} .job_list01 .li_top .time1{ position:relative; padding:0 3%;} .job_list01 .li_top .time1,.job_list01 .li_top .time2{color:#525252; line-height:40px; } .job_list01 .li_top .time1:after{content:""; position:absolute; top:0; width:1px; height:100%; background-color:#999; display:block; } .job_list01 .li_top .time1:after{ right:0; } .job_list01 .li_top .time2{ padding-left:3%;} .job_list01 .li_top .top_d_item{ display:inline-block; padding-right:20px; line-height:30px; font-size:17px; color:#3f3f3f;} .job_list01 .li_top .top_r{ position:absolute; top:10%; right:0; height:80%; width:150px; border-left:1px solid #bfbfbf; line-height:111px; text-align:center; cursor:pointer; } .job_list01 .li_top .top_r .see{ font-size:17px; color:#ffa500;} .job_list01 .li_top .top_r .see_close{ position:absolute; top:50%; left:50%; margin-top:-18px; margin-left:-18px; display:none; } .job_list01 .li_bottom{ display:none; } .job_list01 .li_bottom .box{ padding:40px; position:relative; } .job_list01 .li_bottom .box .infor{margin-bottom:15px;} .job_list01 .li_bottom .box .tit{font-size:18px; color:#141414; margin-bottom:10px;} .job_list01 .li_bottom .box .con{font-size:14px; color:#626262; line-height:32px;} .job_list01 .li_bottom .send{float:right; margin-top:30px; padding:10px 45px; background:#ffa500; background-size:cover; color:#fff; font-size:17px; } .job_list01 li.cur{box-shadow:0 0 10px #c1c1c1; } .job_list01 li.cur .li_top .box{ border-bottom:1px solid #bfbfbf; } .job_list01 li.cur .li_top .top_r .see{display:none;} .job_list01 li.cur .li_top .top_r .see_close{ display:block;} /* 20200203 */ .culture01 .content ul li .box .cen .en, .culture01 .content ul li .box .cen2 .en{text-transform:uppercase;} /* 社会责任 */ .social01 li{background:#fff; margin-bottom:20px; overflow:hidden; cursor:pointer;} .social01 li:last-child{margin-bottom:0} .social01 li .rect-5932{padding-bottom:59.32%;} .social01 li .img{width:50%; overflow:hidden;} .social01 li .intro{width:50%;} .social01 li.odd .img{float:right;} .social01 li.odd .intro{float:left;} .social01 li.even .img{float:left;} .social01 li.even .intro{float:right;} .social01 li .intro .box{padding:37px 45px;} .social01 li .intro .box .tit{font-size:30px; color:#666; font-weight:bold;} .social01 li .intro .box .con{font-size:21px; font-weight:bold; margin-bottom:15px;} .social01 li .intro .box .txt{font-size:14px; padding-right:10%; /*height:110px;overflow:hidden;*/ margin-bottom:30px;} :root .social01 li .intro .box .more:hover i {background:url(../img/add_on.png) no-repeat center;} .social01 li .intro .box .more i {display:inline-block; width:10px; height:10px; background:url(../img/add_white.png) no-repeat center; margin-left:40px; transition:all 0.5s ease;} /* 表单 */c .jltd .tit{text-align:center; margin-bottom:30px;} .jltd .tit .t{font-size:36px; line-height:1.2; color:#666; font-weight:bold;} .jltd .tit .c{font-size:16px; line-height:24px; color:#666; margin:5px 0;} .jltd .text_content{padding:0 19%;} .jltd .text_content .inp_box{float:left; width:46%; margin:0 2% 20px; position:relative;} .jltd .text_content .inp_box .type{font-size:14px; color:#353333; margin-bottom:5px;} .jltd .text_content .inp_box .input_area{width:100%; height:40px; line-height:40px; border:1px solid #cccccc; padding:0} .jltd .text_content .inp_box .select_wrap{width:100%; height:40px; line-height:40px; border:1px solid #cccccc; position:static; box-sizing:inherit;} .jltd .text_content .inp_box textarea.input_area{height:100px;} .jltd .text_content .inp_box span.xing{color:#bc0b13; position:absolute; right:5px; top:55%;} .jltd .text_content .inp_box span.Validform_checktip{position:absolute; top:55%; right:27px;} .jltd .text_content .choose .xz i {display:inline-block;*display:inline;*zoom:1;width:11px;height:11px;margin-right:10px;vertical-align:middle;background:url(../img/service_case02_1.png) no-repeat 0 0;} .jltd .text_content .choose .xz.cur i{background-position:0 -11px;} .jltd .text_content .yzm .input_area{width:46%; margin:0 4% 0 2%; height:44px; line-height:44px; border:1px solid #cccccc; padding-left:10px; box-sizing:border-box; overflow:hidden;} .jltd .text_content .yzm .yzmImg{height:44px;} .jltd .text_content .con{font-size:13px; color:#454545; margin-top:40px; padding-top:20px; border-top:1px solid #999999;} .jltd .text_content .send{cursor:pointer; float:right; background: #c2c2c2; color: #3c3c3c; border:none; outline:none; font-size:18px; width:190px; line-height:50px;} /* .jltd .text_content .send:hover{background:#eee; color:#3c3c3c;} */ .jltd .text_content .t{line-height:50px;} .jltd .text_content .t a{color:#ffa500; text-decoration:underline;} .jltd .select-ui-choose-default{border-radius:0; position:relative;} .jltd .select-ui-choose ._arrow{top:13px;} .jltd .text_content .send_mail {background: #ffa500;color: #fff;margin-right: 20px;} .jltd .text_content .send.common-btn{padding:0;} .jltd .text_content .send:hover{color:#3c3c3c;} /* 技术实力 */ .technology .intro{text-align:center; padding:0 5%;} .technology .intro .t{font-size:30px; color:#262626; font-weight:bold; margin-bottom:10px;} .technology .intro .c1{font-size:15px; color:#6b6b6b; padding:0 5%;} .technology01 .intro{background:#fff; padding-top:30px; padding-bottom:30px;} /* .technology01 .content{margin-top:40px; background:#fcfcfc; padding:40px 5%;} .technology01 .content ul li{width:25%; text-align:center; float:left; position:relative;} .technology01 .content ul li:after{content:''; position:absolute; left:0; top:0; width:1px; height:98px; top:15px; background:url(../img/technology01_5.png) no-repeat center;} .technology01 .content ul li .icon{width:75px; height:70px; margin:0 auto; } .technology01 .content ul li .txt{font-size:16px; color:#454545; margin-top:20px;} .technology01 .content ul li:hover .icon img{transform:rotateY(180deg)} .technology01 .content ul li .icon img{transition:all .5s ease;} .technology01 .content ul li:first-child:after{display:none;} */ .technology02 .intro{padding-top:60px;} .technology02 .content{padding:40px 0;} .technology02 .item{cursor:pointer;} .technology02 .item .img{border: 8px solid #e3e4e4; padding:25px 5px; background:#fff;} .technology02 .item .img .cover{position: absolute; left: 0;top: 0;width: 100%;height: 100%;background: url(../img/orange.6.png) repeat;z-index: 2;filter: alpha(opacity=0);opacity: 0; transition:.3s ease;} .technology02 .item .img .icon{width: 47px;height: 47px;position: absolute;left: 50%;top: 50%;margin: -24px 0 0 -24px;z-index: 4;background: url(../img/honorIcon.png) no-repeat center;background-size: 100% 100%;-webkit-transform: scale(0);transform: scale(0); transition:.3s ease;} .technology02 .item:hover .img .cover{filter: alpha(opacity=100);opacity: 1;} .technology02 .item:hover .img .icon{-webkit-transform: scale(1);transform: scale(1);} .technology02 .item .txt{background:#cfd0d0; transition:.3s ease; text-align:center; color:#333; font-size:16px; line-height:65px;} .technology02 .item:hover .txt{background:#ffa500; color:#fff;} .technology02 .rect-62{padding-bottom:62%;} .technology02 .owl-nav>div{font-size:50px; position:absolute; top:50%; margin-top:-45px;} .technology02 .owl-nav .owl-prev{left:-55px;} .technology02 .owl-nav .owl-next{right:-55px;} .technology02 .owl-nav .iconfont{margin:0;} .technology02 .content1{margin-top:40px; background:#fcfcfc; padding:40px 5%;} .technology02 .content1 ul li{width:25%; text-align:center; float:left; position:relative;} .technology02 .content1 ul li:after{content:''; position:absolute; left:0; top:0; width:1px; height:98px; top:15px; background:url(../img/technology01_5.png) no-repeat center;} .technology02 .content1 ul li .icon{width:75px; height:70px; margin:0 auto; } .technology02 .content1 ul li .txt{font-size:16px; color:#454545; margin-top:20px;} .technology02 .content1 ul li:hover .icon img{transform:rotateY(180deg)} .technology02 .content1 ul li .icon img{transition:all .5s ease;} .technology02 .content1 ul li:first-child:after{display:none;} /* 售后服务网络 */ .service01{margin-bottom:45px;} .service01 .infor{text-align:center; padding:0 10%;} .service01 .infor .tit{font-size:36px; font-weight:bold; color:#000; line-height:32px;} .service01 .infor .con{font-size:14px; color:#000; line-height:24px; margin:30px 0;} .service01 .content{padding:0 10px;} .service01 .content .hd{background:#ffa500;} .service01 .content .hd .box{padding:25px 60px;} .service01 .content .hd .box .sele_wrap, .service01 .content .hd .box .inp_wrap, .service01 .content .hd .box .form_btn{float:left;} .service01 .content .hd .box .sele_wrap{width:26%; overflow:hidden; margin-right:25px;} .service01 .content .hd .box .sele_wrap select{width:100%; padding-left:15px; box-sizing:border-box; line-height:43px; height:43px; font-size:14px; color:#a9a9a9; border:none; background:#fff;} .service01 .content .hd .box .inp_wrap{width:30%; overflow:hidden; margin-right:25px;} .service01 .content .hd .box .inp_wrap input{width:100%; padding-left:15px; box-sizing:border-box; line-height:43px; height:43px; font-size:14px; color:#a9a9a9; border:none; background:#fff;} .service01 .content .hd .box .form_btn{width:15%; } .service01 .content .hd .box .form_btn button{padding:0; cursor:pointer; width:100%; font-size:18px; font-weight:bold; color:#fff; background:#1b2026; border:none; outline:none;line-height:43px; height:43px;} .service01 .content .hd .select-ui-choose-default{width:100%; border-radius:0; line-height:43px; height:43px; border:none;} body .select-ui-options-default{border-bottom: 2px solid #ffa500; width:20%;} :root body .select-ui-options-default{width:100%;} .service01 .content .bd{overflow:hidden;} .service01 .content .bd .map{width:1200px; height:520px; overflow:hidden;} .service01 .content .bd .map img{max-width:none;} .service02 li{border:1px solid #bfbfbf; margin-bottom:20px; background:#fff;} :root .service02 li{border:none;} .service02 .li_top{position:relative; } .service02 .li_top .top_l{padding-right:200px; } .service02 .li_top .box{ padding:15px 0; margin:0 40px; } .service02 .li_top .top_h{ margin-bottom:15px; } .service02 .li_top .tit{font-size:23px; padding-right:8%; color:#3c3c3c; font-weight:bold;} .service02 .li_top .top_d_item{ display:inline-block; width:40%; line-height:30px; font-size:17px; color:#3f3f3f;} .service02 .li_top .top_r{ position:absolute; top:10%; right:0; height:80%; width:150px; border-left:1px solid #bfbfbf; line-height:111px; text-align:center; cursor:pointer; } .service02 .li_top .top_r .see{ font-size:17px; color:#ffa500;} .service02 .li_top .top_r .see_close{ position:absolute; top:50%; left:50%; margin-top:-18px; margin-left:-18px; display:none; } .service02 .li_bottom{ display:none; } .service02 .li_bottom .box{ padding:40px; position:relative; } .service02 .li_bottom .box .infor{margin-bottom:15px;} .service02 .li_bottom .box .con{font-size:14px; color:#626262; line-height:32px;} .service02 li.cur .li_top .box{ border-bottom:1px solid #bfbfbf; } .service02 li.cur .li_top .top_r .see{display:none;} .service02 li.cur .li_top .top_r .see_close{ display:block;} .service02 li.cur{box-shadow: 0 0 10px #c1c1c1;} body .select-ui-choose ._arrow{right:15px;} body .select-ui-choose-default ._txt{padding-left:15px;} /* 营销网络 */ .network01{margin-bottom:45px;} .network01 .infor{text-align:center; padding:0 10%;} .network01 .infor .tit{font-size:36px; font-weight:bold; color:#000; line-height:32px;} .network01 .infor .con{font-size:14px; color:#000; line-height:24px; margin:30px 0;} .network01 .content .hd{background:#ffa500;} .network01 .content .hd .box{padding:25px 60px;} .network01 .content .hd .box .sele_wrap, .network01 .content .hd .box .inp_wrap, .network01 .content .hd .box .form_btn{float:left;} .network01 .content .hd .box .sele_wrap{width:26%; overflow:hidden; margin-right:25px;} .network01 .content .hd .box .sele_wrap select{width:100%; padding-left:15px; box-sizing:border-box; line-height:43px; height:43px; font-size:14px; color:#a9a9a9; border:none; background:#fff;} .network01 .content .hd .box .inp_wrap{width:30%; overflow:hidden; margin-right:25px;} .network01 .content .hd .box .inp_wrap input{width:100%; padding-left:15px; box-sizing:border-box; line-height:43px; height:43px; font-size:14px; color:#a9a9a9; border:none; background:#fff;} .network01 .content .hd .box .form_btn{width:15%; } .network01 .content .hd .box .form_btn button{padding:0; cursor:pointer; width:100%; font-size:18px; font-weight:bold; color:#fff; background:#1b2026; border:none; outline:none;line-height:43px; height:43px;} .network01 .content .hd .select-ui-choose-default{width:100%; border-radius:0; line-height:43px; height:43px; border:none;} .network01 .content .bd{padding:0 20%; margin-bottom:30px;} .network01 .content .bd li{width:30%; text-align:center; float:left; position:relative; padding-left:3%; border-left:1px dashed #e2e2e2;} .network01 .content .bd li:first-child{border:none;} .network01 .content .bd li:first-child:after{display:none;} .network01 .content .bd li .number span{display:inline-block; color:#000; margin-right:5px;} .network01 .content .bd li .number .num{font-size:60px; line-height:60px; color:#ffa500; font-family:Impact;} .network01 .content .bd li .text{font-size:14px; line-height:32px; color:#000;} .network02 ul li{width:31%; float:left; margin-right:3.5%; background:#fff; transition:.3s ease; margin-bottom:30px;} .network02 ul li.three_item{margin-right:0;} .network02 ul li .box{padding:10% 8%;} .network02 ul li .box .tit{font-size:17px; font-weight:bold; color:#000; line-height:32px; transition:.3s ease; margin-bottom:20px;} .network02 ul li .box .con{font-size:14px; color:#666; line-height:24px;} .network02 ul li:hover .box .tit{color:#ffa500;} .network02 ul li:hover{box-shadow: 2px 2px 15px rgba(0,0,0,.2);} .network02 ul li.cur{box-shadow: 2px 2px 15px rgba(0,0,0,.2);} /* 客户培训 */ .customer01 .infor{text-align:center; padding:0 10%;} .customer01 .infor .tit{font-size:36px; font-weight:bold; color:#000; line-height:32px;} .customer01 .infor .con{font-size:14px; color:#000; line-height:24px; margin:30px 0;} .customer01 ul li{background:#fff; position:relative; margin-bottom:24px; transition:.3s ease;} .customer01 ul li:hover{box-shadow:-4px 2px 10px 1px rgba(0,0,0,0.2);} .customer01 ul li .content .rect-61{padding-bottom:61%;} .customer01 ul li .content .img{float:left; width:31.7%;} .customer01 ul li .content .txt{float:left; width:68.3%;} .customer01 ul li.noimg .content .img{display:none;} .customer01 ul li.noimg .content .txt{width:100%;} .customer01 ul li .content .txt .box{padding:45px 30px;} .customer01 ul li .content .txt .box .tit{font-size:22px; color:#3c3c3c; line-height:30px; transition:.3s ease;} .customer01 ul li:hover .content .txt .box .tit{color:#ffa500;} .customer01 ul li:hover .content .txt .box .date{color:#ffa500;} .customer01 ul li .content .txt .box .date{font-size:14px; color:#666; line-height:24px; margin-bottom:10px;} .customer01 ul li .content .txt .box .con{font-size:14px; color:#666; line-height:24px; height:72px; overflow:hidden;} .customer01 ul li .more{position:absolute; width:17px; height:10px; background:url(../img/anniu_jt1.png) no-repeat center; right:45px; bottom:20px;} .order .pro_detail03 .section{margin:0;} /* 维修保养 */ .weixiu01 ul li{background:#fff; transition:.3s ease; margin-bottom:35px; cursor:pointer;} .weixiu01 ul li .box{padding:25px 55px;} .weixiu01 ul li .date{float:left; padding-right:40px; margin-right:40px; color:#ffa500; transition:.3s ease; text-align:right; border-right:1px solid #f2f2f2;} .weixiu01 ul li .date .t{font-size:16px; line-height:1;} .weixiu01 ul li .date .d{font-size:36px; font-family:Impact; line-height:1;} .weixiu01 ul li .tit{float:left; font-size:16px; color:#333; transition:.3s ease; line-height:52px;} .weixiu01 ul li .more{float:right; font-size:16px; color:#333; transition:.3s ease; line-height:52px;} .weixiu01 ul li .more i{display:inline-block; width:10px; height:10px; background:url(../img/add.png) no-repeat center; margin-left:18px; transition:all 0.5s ease;} .weixiu01 ul li:hover .more i{background:url(../img/add_white.png) no-repeat center;} .weixiu01 ul li.cur{background:#ffa500;} .weixiu01 ul li.cur .date{color:#fff; border-color:#fff;} .weixiu01 ul li.cur .tit{color:#fff;} .weixiu01 ul li.cur .more{color:#fff;} .weixiu01 ul li.cur .more i{background:url(../img/add_white.png) no-repeat center;} /*维修弹窗*/ .weixiu_bg { position:fixed; top:0; left:0; z-index:100; width:100%; bottom:0; background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); } .weixiu_bg .weixiu_win { position:absolute; left:0%; top:50%; margin-top:-270px; width:100%; height:540px; overflow:hidden;} .weixiu_bg .weixiu_win .wrap{background:#fff;} .weixiu_bg .weixiu_win > iframe { border-radius:10px; } .weixiu_box { position:relative; height:92%; padding:10px 45px 40px; } .weixiu_bg .btn_close {transition:.3s ease; display:block; position:absolute; top:25px; right:45px; width:30px; height:30px; font-size:0; background:url(../img/job_list01_1.png) 0 0 no-repeat;z-index:2;} .weixiu_box .job_tit {width:96%; line-height:2.4em; font-size:30px; font-weight:bold; color:#333333; border-bottom:#d2d2d2 1px solid; } .weixiu_box .txt_con {width:96%; margin:18px 0 20px; height:380px; overflow-y:auto; font-size:14px; line-height:28px; } .weixiu_bg .btn_close:hover{transform: rotateZ(180deg);} /*默认滚动条处理*/ .weixiu_bg ::-webkit-scrollbar-track-piece {background:#dedede;width:1px;} /*凹槽颜色*/ .weixiu_bg ::-webkit-scrollbar {width:5px; height:5px;} /*滚动条宽高*/ .weixiu_bg ::-webkit-scrollbar-thumb {background:#ffa500; background-clip:padding-box; min-height:10px;}/*滚动条设置*/ .weixiu_bg ::-webkit-scrollbar-thumb:hover {background:#bbb;} /* 联系我们 */ .contact_us01 .left{width:46%; float:left; position:relative; z-index:2;} .contact_us01 .left .left_area{position:absolute; width:100%; left:0; top:0; border-bottom:5px solid; border-color:#ffa500; box-shadow:0px 2px 11px rgba(0,0,0,.16); background:#fff;} .contact_us01 .left .left_area{border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0;} :root .contact_us01 .left .left_area{border-left:none; border-top:none; border-right:none;} .contact_us01 .left .left_area .box{padding:55px 50px 63px;} .contact_us01 .left .left_area .box .infor .tit{font-size:34px; color:#333f48; line-height:34px; font-weight:bold; margin-bottom:25px;} .contact_us01 .left .left_area .box .infor .con{font-size:15px; color:#303030; margin-bottom:30px;} .contact_us01 .left .left_area .box .content .cell{border-bottom:1px solid #dee0e2; line-height:50px; margin-bottom:15px; padding-left:16%; position:relative;} .contact_us01 .left .left_area .box .content .cell label{font-size:15px; color:#333f48; position:absolute; left:0; top:0;} .contact_us01 .left .left_area .box .content .cell input{width:100%; background:transparent; border:none; height:30px; line-height:30px;} .contact_us01 .left .left_area .box .content .cell textarea{width:100%; background:transparent; border:none; padding:0; margin-top:15px;} .contact_us01 .left .left_area .box .content .btns{text-align:center; padding-top:8px;} .contact_us01 .left .left_area .box .content .btns button{display:inline-block; width:35%; height:48px; line-height:48px; font-size:16px; text-align:center; border:none; outline:none; margin:0 6px; cursor:pointer;} .contact_us01 .left .left_area .box .content .btns button.btn1{background:#ffa500; color:#fff;} .contact_us01 .left .left_area .box .content .btns button.btn2{background:#b7b7b7; color:#212121;} .contact_us01 .yzm{text-align:center; margin-top:35px;} .contact_us01 .yzm ._yzm{line-height:40px; border:1px solid #dee0e2; width:35%; padding-left:10px; box-sizing:border-box; margin-right:12px;} .contact_us01 .yzm img{height:44px; width:35%;} .contact_us01 .right{width:50%; float:right; margin-bottom:43px;} .contact_us01 .right .box{padding:55px;} .contact_us01 .right .box .infor{position:relative;} .contact_us01 .right .box .infor .tit{font-size:34px; color:#333f48; line-height:34px; font-weight:bold; margin-bottom:25px;} .contact_us01 .right .box .infor .con{font-size:16px; color:#303030; line-height:24px; margin-bottom:28px;} .contact_us01 .right .box .infor .text{display:inline-block;} .contact_us01 .right .box .infor .text .icon_box{position:relative; padding-left:30px; margin-bottom:16px;} .contact_us01 .right .box .infor .text .icon_box span{display:inline-block; font-size:15px; color:#3d3d3d; line-height:30px;} .contact_us01 .right .box .infor .text .addr .icon{display:inline-block; width:20px; height:18px; background:url(../img/contact_us01_1.png) no-repeat center; position:absolute; left:0; top:5px;} .contact_us01 .right .box .infor .text .phone .icon{display:inline-block; width:17px; height:16px; background:url(../img/contact_us01_2.png) no-repeat center; position:absolute; left:0; top:7px;} .contact_us01 .right .box .infor .text .fax .icon{display:inline-block; width:19px; height:18px; background:url(../img/contact_us01_3.png) no-repeat center; position:absolute; left:0; top:4px;} .contact_us01 .right .box .infor .text .mail .icon{display:inline-block; width:17px; height:12px; background:url(../img/contact_us01_4.png) no-repeat center; position:absolute; left:0; top:10px;} .contact_us01 .right .box .infor .text .tel{padding-left:30px; font-size:15px; color:#3d3d3d; line-height:40px;} .contact_us01 .right .box .infor .contact_ewm{position:absolute; right:0; bottom:20px; text-align:center;} .contact_us01 .right .box .infor .contact_ewm .txt{font-size:15px; color:#ffa500; font-weight:bold; margin-top:10px;} .contact_us02 .map_box{overflow:hidden; height:425px;} .contact_us02 .map_box img{max-width:none;} .contact_us03{padding-top:50px;} .contact_us03 .rect-7625{padding-bottom:76.25%;} .contact_us03 .item{float:left; width:30.7%; margin-right:3.8%; position:relative; background:#fff; margin-bottom:30px;} .contact_us03 .item.three_item{margin-right:0;} .contact_us03 .item .cover{position:absolute; z-index:0; width:100%; height:100%; top:0; left:0; opacity:0; visibility:hidden; transition:.3s ease; background:url(../img/contact_us03_1.jpg) no-repeat center;} .contact_us03 .item:hover .cover{opacity:1; visibility:visible;} .contact_us03 .item .box{padding:28px 20px; position:relative; z-index:1; color:#666;height: 115px;} .contact_us03 .item .box dl dt{font-size:18px; color:#000; font-weight:bold; transition:.3s ease; margin-bottom:10px;} .contact_us03 .item .box dl dd{font-size:14px; transition:.3s ease; line-height:24px;} .contact_us03 .item .box dl dd a{color:#666} .contact_us03 .item:hover .box dl dt{color:#fff;} .contact_us03 .item:hover .box{color:#fff;} .contact_us03 .item:hover .box dl dd a{color:#fff;} /* 20200207 */ /* 人才理念*/ .workbox {padding: 20px 0 40px; border-bottom:1px dotted #e7e7e7;} .workbox .nun {font-family:impact; color:#ffa500; font-size:40px;} .workbox .icon {color:#ffa500; font-size:40px;} .workbox .tit { font-size:26px;} .box1 {background: #fff;padding: 30px 40px;} #inner_menu1 ul{padding:24.5px 0;} /* 20200210 */ .support01 .content .about-list .item .ablico{margin-top:200px;} /* widgets_share1 */ .widgets_share1 .Share_box{position:fixed; width:100%; height:100%; left:0; bottom:0; z-index:100; display:none;} .widgets_share1 .Share_box .share_bg{position:fixed; width:100%; height:100%; left:0; bottom:0; background:url(../img/widgets_share1_bg.png) center; z-index:1;} .widgets_share1 .Share_box .content .share_close{width:38px; height:38px; background:url(../img/widgets_share1_close.png) no-repeat center; position:absolute; top:30px; right:24px; cursor:pointer; transition:all 0.5s ease;} .widgets_share1 .Share_box .content .share_close:hover{transform:rotateZ(360deg);} .widgets_share1 .Share_box .content{position:fixed; width:580px; height:380px; left:50%; margin-left:-290px; top:50%; margin-top:-190px; background:#fff; z-index:2;} .widgets_share1 .Share_box .content .box{padding:55px 70px 50px;} .widgets_share1 .Share_box .content .box .share_title{font-size:20px; line-height:26px; color:#666; text-align:center; margin-bottom: 40px;} .widgets_share1 .Share_box .content .box ul{text-align:center;} .widgets_share1 .Share_box .content .box ul li{font-size:0; margin:0 21px;display:inline-block; position:relative;} .widgets_share1 .Share_box .content .box ul li a{display:block;} .widgets_share1 .Share_box .content .box ul li a .img_{display:block; width:54px; height:54px;} .widgets_share1 .Share_box .content .box ul li a .txt{display:block; font-size:14px; color:#666; line-height:26px; text-align:center; margin:8px 0 30px; opacity:1; visibility:visible;} .widgets_share1 .Share_box .content .box ul li a.linkin .txt{margin-bottom:0;} .widgets_share1 .Share_box .content .box ul li a.twitter .txt{margin-bottom:0;} /* 微信下拉及微信字体隐藏 */ .widgets_share1 .Share_box .content .box ul li.weixin_xl a .txt{opacity:0; visibility:hidden;} .widgets_share1 .Share_box .content .box ul li .share_ewm{position:absolute; width:112px; height:112px; left:50%; margin-left:-66px; top:54px; display:none; padding:12px;} .widgets_share1 .Share_box .content .box ul li .share_ewm .img_{position:relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding:0px; background-repeat:no-repeat;} .widgets_share1 .Share_box .content .box ul li .share_ewm .img_:after{content:""; display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff; position:absolute; left:50%; top:-8px; margin-left:-8%;} .widgets_share1 .Share_box .bdsharebuttonbox a{height:auto; padding:0; margin:0; background:none;} /* 手机端分享弹窗 */ .widgets_share1 .share_content{display:none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 99999;} body .swiper-button-next.swiper-button-disabled,body .swiper-button-prev.swiper-button-disabled{display:none;} .pro_center02{display:none;} .pro_center .pro_list03{padding:0 0 50px;} /* download-4 start*/ .download01 .download_item{height: 104px;padding-right: .6%;line-height: 104px;border-bottom: 1px solid #e1e8ed;} .download01 .download_item:hover{ background-color: #eef2f5; border-color: #eef2f5;} .download01 .download_date{ width: 9.3%; height: 100%; padding-right: 2.9%; font-family: 'Arial'; text-align: right; color: #6b6b6b;} .download01 .download_date .center_box{ display: inline-block; vertical-align: middle;} .download01 .download_date span{ display: block; padding-right: 3px; font-size: 14px; line-height: 18px;} .download01 .download_date strong{ display: block; font-size: 30px; line-height: 32px; font-weight: normal;} .download01 .download_title{ width: 57%; padding-right: 3%; font-size: 16px; color: #272727; font-weight: normal;} .download01 .item_btn{float:right; width: 10%; height: 100%; padding-left: 3.1%; font-size: 15px; color: #6b6b6b; line-height: 104px; background-position: center left; background-repeat: no-repeat;} .download01 .download_item:hover .download_date, .download01 .download_item:hover .item_btn{ color:#ffa500;} .download01 .item_btn{padding-left: 0;margin-right: 1%;} .download01 .download_btn {display:none;} body .searchArea{padding:0;} .pro_center01 .infor .int{font-size:14px; color:#fff; margin-top:15px; text-align:center;} /*404页面*/ .channel_content.false{padding:0; background:#fff;} .false01 .content{width:850px;position:absolute; left:50%; margin-left:-425px; top:50%; margin-top:-302px; } .false01 .content .box{width:55%; margin:0 auto; padding-top:100px; padding-bottom:110px;} .false01 .text{padding:20px 0 0 60px;} .false01 .text .txt1{font-size:28px; font-weight:bold; color:#ffa500; margin-bottom:25px;} .false01 .text .txt2{font-size:18px; font-weight:bold; color:#1f1f1f;} .false01 .text .txt3{font-size:14px; color:#666; line-height:26px; margin-top:10px; margin-bottom:20px;} .false01 .text .txt3 li{position:relative; padding-left:25px;} .false01 .text .txt3 li:after{content:''; position:absolute; left:0; top:50%; margin-top:-4px; width:8px; height:8px; border-radius:50%; background:#959595;} .false01 .text .txt4{font-size:16px; color:#666; line-height:26px;} .false01 .text .txt4 a{color:#ffa500;} @media only screen and (max-width: 760px) { /*404页面*/ .false01 .content{width:100%; position:static; margin-left:0; margin-top:0;} .false01 .text .txt1{font-size:20px;} .false01 .content .box{width:100%;} .false01 .text{padding:20px;} }