/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*挂件分页样式*/ .util-page{ font-size:0; color: #000; text-align: center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#3cabff;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; } .util-page .gobutton .ion{ font-size: .8em;} .util-page .count { margin-left:10px; color:#000; background:none; border:none; } .util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top; } .util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size: 14px; } .util-page .jumpto_inp{ width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; } /*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/ .BdMapArea { margin:0 auto 55px; max-width:1200px; } .BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; } .BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-width:760px) { .BdMapArea { display:none; } } /*默认隐藏百度分享触控弹层*/ .bdshare_popup_box { display:none!important;} /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80p`x -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:1200px; 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:#00458f;} ::-moz-selection {color:#fff; background:#00458f; } ::selection {color:#fff; background:#00458f; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /* 首页*/ .imgZoom img,.imgY180 img,.imgY180 .icon { -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,.imgY180:hover .icon{ cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } .header {position:fixed; width:100%; left:0; top:0; z-index:3; box-shadow: 0 1px 5px rgba(0,0,0,.1);} .shadow.header {box-shadow:1px 1px 10px rgba(0,0,0,.2);} .header .head{position:relative; z-index:3;transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .header .head .wrap{background:#fff;} .header .head .logo{padding:14px 0px;} .header .head .logo a{display:block;line-height:1; position:relative;} .header .head .inav_wrapper{float:right; width:60%;} .header .head .inav>ul>li{float:left; padding:0 16px; text-align:center; position:relative;} .header .head .inav>ul>li>a{display:block;font-size:18px; color:#3d3d3d; line-height:90px; font-weight:bold;} .header .head .inav>ul>li.cur:after{position:absolute; content:'';left:50%; bottom:0; width:80px; height:8px;background:#00458f; margin-left:-40px;} .header .head .inav>ul>li:hover:after{position:absolute; content:'';left:50%; bottom:0; width:80px; height:8px;background:#00458f; margin-left:-40px;} .header .head .inav .h_nav_ul { width: 100%; text-align: center;} .header .head .inav .h_nav_li { display: inline-block; float: left; height: 100%; line-height: 86px; font-size: 15px; text-align: center; position: relative;} .header .head .inav .h_nav_li a {font-size:16px; display: block; width: 100%; height: 100%;} .rect-121 { padding-bottom: 121%;} .header .head .xiala {width: 100%; z-index: 2;left: 0; display: none; background: #F5F5F8; position:fixed; padding: 50px 0 56px;} .header .head .xiala .left_pic { width: 27%; float: left;} .header .head .xiala .right_txt { width: 73%; float: left;} .header .head .xiala .right_txt .txt_box { padding: 45px 95px 0 30px;} .header .head .xiala .right_txt .txt_box .title { font-size: 26px; font-weight: bold; color: #ff8600; text-align: left; line-height: 1.6; margin-bottom: 10px;} .header .head .xiala .right_txt .txt_box .dec { font-size: 14px; color: #3d3d3d; line-height: 1.8; text-align: left; padding-bottom:15px;} .header .head .xiala .right_txt .lianjie_li {padding: 0; line-height: 1.6; display: inline-block; float: left; font-size: 18px; color: #49c0e9; margin-right: 55px;} .header .head .xiala .right_txt .lianjie_li a{line-height:50px;} .header .head .xiala .right_txt .lianjie_li:hover:after{display:none;} .header .head .xiala .right_txt .ej_lianjie { position: absolute; height: 48px; bottom: 0; right: 0; text-align: center; color: #FFFFFF; line-height: 48px; width:180px;} .header .head .mobile_key{ display: none; font-size: 20px; height: 80px; line-height: 80px;} .header .head .r_nav{width:20%; background:#ff8600;color:#fff;text-align:center; font-size:14px; transition:height 0.5s ease; -webkit-transition:height 0.5s ease; line-height:70px;} .header .head .r_nav .iconfont{font-size:24px;} .header .head .r_nav .visitor{width:46%; position:relative;} .header .head .r_nav .visitor >a:hover{color:#fff;} .header .head .xiala .set-img{width:24%;margin-right: 9%;} .header .head .xiala .set-img img{height:150px;width:100%;} .header .head .xiala .set-img .tit{font-size:22px;color:#4e4e4e;margin-top: 5px;} .header .head .xiala .setMenu{width:28%;} .header .head .xiala .setMenu>li{float:left;width:48%;margin-right:2%; line-height:40px;} .header .head .xiala .setMenu>li:hover .set_ico{background-position:-10px 0;} .header .head .xiala .setMenu>li .set_ico{width:10px;height:10px;background:url(../img/xiala_flag.png) no-repeat;display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;margin-right:10px; background-position:0 0; transition:all 0.3s ease; -webkit-transiton:all 0.3s ease;} .header .head .xiala .setMenu li a{display:inline;*display:inline;*zoom: 1;position:relative;color:#000;vertical-align:middle;} .header .head .xiala .setCon{width: 37%;} .header .head .xiala .setCon .p{padding-left: 10%;color: #000; border-left: 1px #000 dotted;line-height: 28px;height: 140px;overflow: hidden; text-align:left;} .header .head .hd_search{ position: relative; } .header .head .hd_search_btn{width:90px; height:90px; display:block; background-color:#fff; cursor:pointer; border:none; border-left:1px solid #ededed; color:#5c5c5c;} .header .head .hd_search_box{padding:35px 0 !important; line-height:20px; width:0; position:absolute; top:0; right:90px; z-index:2; margin:0; padding:0; border: none; transition: all .5s ease; background:#eaeaea;} .header .head input:-ms-input-placeholder{color: #f8f8f8;} .header .head .hd_search:hover .hd_search_box{ width: 760px; padding: 0 10%; } .header .trs_bar{position:absolute; width:50%; top:0; height:100%; z-index:-1;} .header .trs_bar.trs_blue{left:50%; background:#ff8600;} .header .trs_bar.trs_white{right:50%; background:#fff;} .header .compress .head{height:70px; transition:height 0.5s ease; -webkit-transition:height 0.5s ease;} .header .compress .trs_bar{width:50%;height:70px; transition: width 0.5s ease 0.5s;-webkit-transition: width 0.5s ease 0.5s;} .header .compress .head .logo{height:50px; padding-top:20px;} .header .compress .head .inav li{line-height:70px;} .header .compress .head .r_nav{height:70px; line-height:70px; transition:height 0.5s ease; -webkit-transition:height 0.5s ease;} .header .compress .head .r_nav .search .fdj{height:70px;} .header .compress_rep {position:relative; border-bottom:1px solid #f3f3f3;} .header .compress_rep .head{height:70px; transition:height 0.5s ease; -webkit-transition:height 0.5s ease; } .header .compress_rep .trs_bar{width:50%;height:70px; transition: width 0.5s ease 0.5s;-webkit-transition: width 0.5s ease 0.5s;} .header .compress_rep .head .logo{height:50px; padding-top:10px;} .header .compress_rep .head .inav li{line-height:70px;} .header .compress_rep .head .r_nav{height:70px; line-height:70px; transition:height 0.5s ease; -webkit-transition:height 0.5s ease;} .header .compress_rep .head .r_nav .search .fdj{height:70px;} .header .compress_rep .drop_list{position:absolute; left:0; top:100%; width:100%;} .header .drop_list{width:100%; background:#fff; border-top:1px solid #f3f3f3; clear:both; display:none;} .header .compress .drop_list{width:100%;} .header .drop_list .minins{text-align:center; display:none;} .header .drop_list .minins li{display:inline-block; *display:inline; *zoom:1; margin:0 15px; line-height:75px; height:75px; font-size:14px; color:#121212;} .header .drop_list .minins li i{vertical-align:middle; margin-right:10px; font-size:25px;} .header .drop_list .min_pro li{width:240px; border-right:1px solid #e8e8e8; margin:30px 0 20px;} .header .drop_list .min_pro li:last-child{border:0;} .header .drop_list .min_pro li .img_box{width:150px; height:50px; background-position: 0 0; background-repeat:no-repeat; margin:0 auto 10px;} .header .drop_list .min_pro li a:hover .img_box{background-position:0 -50px;} .header .drop_list .min_pro li .catname{font-size:14px; color:#2f2f2f; text-align:center; line-height:1;} .header .mobile_key{display:none;color:#fff;} .channel_content{padding:85px 0 65px; margin-bottom:230px; min-height:400px; background:#fff; position:relative; z-index:2} .footer{position:fixed; bottom:0; left:0; width:100%; height:230px; z-index:1; line-height:28px;} .top_footer{padding:50px 0 40px; background:#f6f6f6;} .top_footer .wrap{position:relative;} .top_footer .phone{font-size:30px; color:#414141; line-height:1;} .top_footer .addr{font-size:14px; color:#242727;} .top_footer .addren{font-size:12px; color:#717171;} .top_footer .right_box{position:absolute; top:50%; right:0; margin-top:-30px;} .top_footer .right_box .item{display:inline-block; *display:inline; *zoom:1; padding: 0 20px; position:relative; cursor:pointer;} .top_footer .right_box .item:hover{color:#00458f;} .top_footer .right_box .item:hover i{color:#333;} .top_footer .right_box .item:after{content:""; height:60px; width:1px; border-right:1px dashed #cacaca; position:absolute; top:0; right:0;} .top_footer .right_box .item i{display:block; font-size:26px; text-align:center; position:relative;} .top_footer .right_box .item .site_map{width:30px; height:30px; background:url(../img/map_ico.png) no-repeat; margin:0 auto 8px;} .top_footer .right_box .item.qrcode img{position:absolute; bottom:0; right:100%; visibility:hidden; opacity:0; transition:all 0.5s ease; -websit-transition:all 0.5s ease;} .top_footer .right_box .item.qrcode:hover img{visibility:visible; opacity:1;} .bottom_footer{background:#ff8600; color:#fff; line-height:55px;} .sec_banner{height:450px; position:relative; z-index:2; margin-top:90px;} .sec_banner>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; max-width:none;} .sec_banner .text_box{position:absolute; width:100%; left:0; bottom:60px; color:#fff;} .sec_banner .text_box .sec_tit{font-size:26px;} .sec_banner .text_box .wrap{position:relative;} .sec_banner .text_box .sec_desc{font-size:40px; font-weight:bold;} .sec_nav{position:relative; z-index:2; background:#f4f4f4;} .sec_nav li{width:auto; float:left; margin-left:-1px; padding:10px 5px; position:relative; margin-right:20px;} .sec_nav li:after{content:""; position:absolute; left:-10px; top:22px; height:20px; width:1px; background:#dcdcdc;} .sec_nav li a{display:inline-block; *display:inline; *zoom:1; line-height:45px; color:#000000; font-size:14px; padding:0 30px; position:relative;} .sec_nav li.cur a,.sec_nav li:hover a{color:#fff; background:#00458f} .sec_nav li:hover a:after{display:block; width:60%; left:20%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} .sec_banner .mouse{width:31px;height:50px; background:url("../img/mouse.png"); margin-left:1%;margin-top:2%;cursor:pointer;position:absolute; right:0; bottom:20px;} /*下层鼠标点击*/ .sec_banner .mouse .ball { position: relative; width: 6px; height: 6px; left: 6%; margin-left: 11px; top: 10px; display: block; background: url("../img/mouse2.png"); -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; transition: 300ms; -webkit-transition: 300ms; } @keyframes mouse-dot { from { opacity: 0; } 33% { opacity: 1; } to { top: 35px; opacity: 0; } } .ff-i{font-family:Impact;} .common-btn{background:#00458f; width:160px; line-height:43px; color:#fff; text-align:center; display:block; user-select:none; transition:all 0.5s ease; -webkit-transition: all 0.5s ease; cursor:pointer;} .common-btn i{margin-left:40px; transition:all 0.5s ease; -webkit-transition: all 0.5s ease;} .common-btn:hover{color:#fff; background:#ff8600;} .common-btn:hover i{margin-left:50px;} .banner{position: relative;overflow: hidden; background:#fff; margin-top: 90px; z-index:2;} .banner .item{ overflow: hidden; height:690px } .banner .owl-carousel .owl-item{overflow: hidden;} .banner .owl-carousel .owl-item img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; } .banner .owl-carousel .item{opacity:0; visibility:hidden;} .banner .owl-carousel.owl-loaded .item{opacity:1; visibility:visible;} .banner video{ position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; } .banner .video_item .cover{ position: absolute; top: 0; left: 0; background: url(../img/video_cover.png) repeat center; width: 100%; height: 100%; z-index: 5; } .banner .img{ position: absolute; top: 0; left: 50%; width: 1440px; margin-left: -720px; max-width: none; } .banner .owl-dots{ position: absolute; bottom: 25px; left: 50%; margin-left: -35px; } .banner .owl-dot{ display: inline-block; margin: 0 5px; } .banner .owl-dot span{ display: block; width: 15px; height: 15px; border-radius: 50%; background-color: #b4b5b4; } .banner .owl-dot.active span{ width: 35px; border-radius: 15px; background-color: #ff8600; } .banner .banner_word{position:absolute; left:0; bottom:0; width:100%; height:100%;} .banner .banner_word .wrap{position: relative;} .banner .banner_word .wrap img{position:static; top:0; left:0; margin:0; width:auto;} .banner .banner_word .wrap .infor{width:708px; height:223px; position:absolute; left:0; top:213px; z-index: 6} .banner .banner_word .wrap .infor .desc{color:#fff; font-size:14px; max-width:550px; margin:10px 0 30px;} .banner .owl-carousel .owl-item img.mobile_img{display:none;} .index{padding:0;} .index .pt1{padding-top:100px; padding-bottom:85px; background:url(../img/index_pt1bg.jpg) no-repeat; background-position:right bottom; background-color:#fafafa; position:relative;} .index .pt1 .left_box{cursor:pointer; position:relative;} .index .pt1 .left_box img{width:100%;} .index .pt1 .rect-78{padding-bottom:78%;} .index .pt1 .video_play{position:absolute; top:50%; left:50%; margin-top:-41px; margin-left:-41px; width:82px; height:82px; background:url(../img/video_play.png);} .index .pt1 .video_text{position:absolute; top:50px; left:30px; width:10px; height:205px; background:url(../img/video_text.png);} .index .pt1 .con{margin-left:50px;} .index .pt1 .con .titen{font-size:50px; color:#2b2a2a; line-height:42px; margin-bottom:5px; position:relative;} .index .pt1 .con .titen:before{content:""; width:75px; height:2px; background:#000000; position:absolute; left:0; top:-25px;} .index .pt1 .con .tit{font-size:40px; color:#1f1f1f;} .index .pt1 .con .desc{color:#312f2f; font-size:14px; margin:40px 0 20px;} .index .pt1 .con .num_box{margin-top:50px;} .index .pt1 .con .num_box li{float:left; width:30%; text-align:center; font-size:13px; position:relative;} .index .pt1 .con .num_box li:not(:last-child):after{content:""; position:absolute; width:1px; height:60px; background:#e8e8e8; top:15px; right:0;} .index .pt1 .con .num_box li a{display:block; cursor:unset;} .index .pt1 .con .num_box .t{color:#212121;} .index .pt1 .con .num_box .num{color:#565656; font-size:40px; letter-spacing:1px; margin-right:10px;} .index .pt1 .con .num_box .d{color:#878787;} .index .pt1 .con .num_box li:hover .t,.index .pt1 .con .num_box li:hover .num,.index .pt1 .con .num_box li:hover .d{color:#ff8600} .index .pt2 .rect-375{padding-bottom:37.5%;} .index .pt2 .rect-53{padding-bottom:53.33%;} .index .pt2{position:relative; height:720px;} .index .pt2 .bg{position:absolute; top:50%; left:50%; margin-left:-960px; margin-top:-360px; max-width:none;} .index .pt2 .con .top{position:absolute; width:100%; top:0; left:0;} .index .pt2 .top .t{color:#ff8600; margin:80px 0 20px;} .index .pt2 .top .t .titen{font-size:50px; margin-right:20px;} .index .pt2 .top .t .tit{font-size:38px;} .index .pt2 .top .d{color:#fff; font-size:14px;} .index .pt2 .top .ico_list{margin:40px 0;} .index .pt2 .top .ico_list li{float:left; width:75px; padding:12px 0; background:url(../img/blue_20.png) repeat; margin-right:40px; border:1px solid #fff; border-radius:4px; text-align:center;} .index .pt2 .top .ico_list li 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;} .index .pt2 .top .ico_list li:hover img{ cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } .index .pt2 .top .ico_list li p{font-family:MicrosoftYaHeiLight; color:#fff;} .index .pt2 .con .bottom{position:absolute; width:100%; bottom:0; left:0;} .index .pt2 .bottom{background:url(../img/grey_40.png) repeat;} .index .pt2 .bottom li{float:left; width:25%; position:relative;} .index .pt2 .bottom li a{display:block;} .index .pt2 .bottom li .pic{opacity:0; transition:all 0.5s ease; visibility:hidden;} .index .pt2 .bottom li .info{width:100%; height:100%; position:absolute; top:0; left:0; transition:all 0.5s ease;} .index .pt2 .bottom li .info .text{margin:35px 30px; position:relative;} .index .pt2 .bottom li .info .text:before{position:absolute; top:0; left:-30px; width:1px; height:100%; background:#ababac; content:""; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; opacity:1; visibility:visible;} .index .pt2 .bottom li:last-child .info .text:after{position:absolute; top:0; right:-30px; width:1px; height:100%; background:#ababac; content:""; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; opacity:1; visibility:visible;} .index .pt2 .bottom li .info .t{font-size:22px; color:#ff8600; font-weight:bold; margin-bottom:10px;} .index .pt2 .bottom li .info .d{font-size:13px; color:#fff;line-height:22px; max-height:44px; overflow:hidden;} .index .pt2 .bottom li:after{content:""; position:absolute; top:100%; left:50px; width:30px; height:30px; background:url(../img/index_pt2flag.png) no-repeat; opacity:0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; visibility:hidden;} .index .pt2 .bottom li:hover .pic{opacity:1; visibility:visible;} .index .pt2 .bottom li:hover .info{top:-100%; background:url(../img/index_pt2bg.jpg) no-repeat; background-size:contain;} .index .pt2 .bottom li:hover .info .t{color:#fff;} .index .pt2 .bottom li:hover:after{top:0; opacity:1; visibility:visible;} .index .pt2 .bottom li:hover .info .text:after{opacity:0; visibility:hidden;} .index .pt2 .bottom li:hover .info .text:before{opacity:0; visibility:hidden;} .index .pt3 .rect-72{padding-bottom:72%;} .index .pt3{padding:50px 0 70px;} .index .pt3 .top{margin-bottom:25px; position:relative;} .index .pt3 .top .titen{color:#2b2a2a; font-size:50px; margin-right:20px;} .index .pt3 .top .tit{color:#1f1f1f; font-size:42px;} .index .pt3 .top .link{position:absolute; bottom:15px; right:5px;} .index .pt3 .top .link a{padding:0 20px;} .index .pt3 .left{width:41%; float:left; font-family:MicrosoftYaHei;} .index .pt3 .left .scroll_con{height:354px; overflow:hidden;} .index .pt3 .left li{border-bottom:1px solid #f1f8fa;} .index .pt3 .left .li_box{padding:28px 24px 19px; display:block;} .index .pt3 .left .li_box .date{width:17%; color:#c4c4c4; transition: 0.5s all ease;} .index .pt3 .left .li_box .date .day{font-size:48px; line-height:1; font-family:Impact;} .index .pt3 .left .li_box .intro{width:82%; float:left; margin-top:5px;} .index .pt3 .left .li_box .intro .t{font-size:18px; color:#000000; margin-bottom:6px; font-weight:normal;} .index .pt3 .left .li_box .intro .c{color:#666666; font-weight:normal;} .index .pt3 .left li:hover .li_box{background:#fffaf5; color:#fff;} .index .pt3 .left .scroll_btn{} .index .pt3 .left .scroll_btn .btns{width:49%; float:left; margin-right:1%; height:25px; line-height:25px; text-align:center; font-size:16px;background:#e7e7e7; color:#fff; font-weight:bold; cursor:pointer; transition:all 0.5s ease; user-select: none;} .index .pt3 .left .scroll_btn .btns:hover{background:#ff8600;} .index .pt3 .left li:hover .li_box .date{color:#00458f;} .index .pt3 .left li:hover .li_box .intro .t{color:#00458f; font-weight:bold;} .index .pt3 .right{width:56%; float:right; font-family:MicrosoftYaHei;} .index .pt3 .right .rect-67{padding-bottom:67%;} .index .pt3 .right .cell{width:47.7%; margin-left:4%; float:left;} .index .pt3 .right .cell a{display:block;} .index .pt3 .right .cell:first-child{margin-left:0;} .index .pt3 .right .cell .cell_infor{padding:14px 22px; background:#f7f7f7;} .index .pt3 .right .cell_infor .t{font-size:18px; color:#1e1e1e; line-height:26px;} .index .pt3 .right .cell_infor .d{font-size:14px; color:#b2b2b2; line-height:37px; margin-bottom:5px;} .index .pt3 .right .cell_infor .c{font-size:14px; color:#6a6a6a; line-height:26px; max-height: 52px; overflow: hidden;} .index .pt4{position:relative; overflow: hidden; min-height:480px;} .index .pt4 img.bg{position:absolute; z-index:1; top:50%; left:50%; margin-left:-960px; margin-top:-240px; max-width:none;} .index .pt4 img.bg.active{animation:img_room 6s linear 1;-webkit-animation:img_room 6s linear 1;} .index .pt4 .wrap{position:relative; z-index:2; color:#fff;} .index .pt4 .con .titen{font-size:50px; margin:70px 0 0;} .index .pt4 .con .tit{font-size:42px; margin-bottom:10px;} .index .pt4 .info{padding:40px 35px 30px; background:url(../img/blue_80.png) repeat; z-index:2; margin-top:160px; margin-left:150px;} .index .pt4 .info .name{font-size:24px; font-weight:bold; margin-bottom:10px;} .index .pt4 .info .d{padding-left: 30px; position:relative; line-height:30px;} .index .pt4 .info .d:before{position:absolute; content:""; width:18px; height:30px; background:url(../img/index_pt4ico.png) no-repeat; top:0; left:0} .index .pt4 .info .d.addr:before{background-position:0 4px;} .index .pt4 .info .d.site:before{background-position:-18px 4px;} .index .pt4 .info .d.phone:before{background-position:-36px 4px;} .index .pt4 .info a:hover{color:#fff;} @keyframes img_room { 0% {-moz-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5); -o-transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); transform:scale(1.5,1.5);} 100% {-moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1);} } @-webkit-keyframes "img_room" { 0% {-moz-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5); -o-transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); transform:scale(1.5,1.5);} 100% {-moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1);} } /*新闻列表*/ .news_list .widget-newstop-8 {margin-bottom:20px;} .news_list .topnews,.news-search {height:0; padding-bottom:24%; overflow:hidden; position:relative;} .news_list .topnews {float:left; width:100%;} .news_list .tn_wrap,.tn_cell { width:100%; height:100%; position:absolute; overflow:hidden; } .news_list .topnews ._img{ float:left; width:45%;} .news_list .topnews ._nr{ float:right; width:50%; margin-right:2%;} .news_list .topnews ._title{font-size:28px; margin-top:20px; margin-bottom:30px; color:#00458f;} .news_list .topnews ._tools{color:#8d8d8d; margin-bottom:5px;} .news_list .topnews ._sum{font-size:14px; color:#3d3d3d; line-height:24px; height:72px; overflow:hidden; margin-bottom:54px; } .news_list .topnews ._more{display:block; width:100%; height:40px; line-height:40px; background:#ff8600; font-size:14px; text-align:center; color:#fff; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .news_list .topnews ._more:hover{background:#00458f;} .news_list .topnews .slide_nav {display:none;} .news_list .topnews .arrs {display:block; width:40px; height:70px; line-height:70px; color:#fff; text-align:center; position:absolute; top:50%; margin-top:-35px; background:rgba(0,0,0,.45); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); z-index:10; font-size:24px;} .news_list .topnews .arrs:hover {background:rgba(0,0,0,.80); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#cc000000,endcolorstr=#cc000000);} .news_list .topnews .arrs .ion {margin:0;} .news_list .topnews .arr_prev {left:0;} .news_list .topnews .arr_next {right:55%;} .news_list .pt2{margin-top:50px;} .news_list .pt2 .list_hd{background-color:#f0f0f0;padding:50px 60px 40px;margin-bottom:30px;} .news_list .pt2 .hd_tit{font-size:24px;color:#1e1e1e;font-weight:normal;height:30px;line-height:30px; margin-right:2%; text-transform:uppercase;} .news_list .pt2 .inp_box_wrap { width:20%;margin-right:2%; } .news_list .pt2 .inp_box{display:block;width:100%;height:32px;line-height:32px;border:1px solid #e0e0e0;padding:0;margin:0;box-sizing:content-box;font-size:13px;color:#999;padding:0;text-indent:10px;} .news_list .pt2 .inp_box_wrap.input_wrap{width:35%;} .news_list .pt2 .hd_btn{width:5%;border:none;text-align:center;background-color:#ff8600;font-size:22px;color:#fff;height:32px;outline:none;cursor:pointer; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .news_list .pt2 .hd_btn:hover{background:#00458f;} .news_list .pt2 .bd_r{width:20%; margin-left:3%;} .news_list .pt2 .select-ui-choose ._arrow{width:16%;right:0;background:#e3e3e3;} .news_list .pt2 .select-ui-choose ._arrow .arr{left:50%;margin:0 0 0 -0.4em;border-color: #969696 transparent transparent;} .news_list .pt2 .list_bd .noimg .bd_c{width:84%;} body .select-ui-options li:hover,body .select-ui-options li.hover{background:#ff8600;} body .select-ui-options-bottom,.news_list .select-ui-choose-bottom.on,.news_list .select_box{border-radius:0px;} .news_list .pt3 li .wrap{padding:50px 0; border-bottom:1px solid #d2d2d2;} .news_list .pt3 li:last-child .wrap{border-bottom:none} .news_list .pt3 li .tit{font-size:28px; color:#1e1e1e; margin-bottom:10px;} .news_list .pt3 li .d{font-size:14px; color:#797979; line-height:25px; height: 50px; overflow:hidden;} .news_list .pt3 li .text{float:left; width:80%;} .news_list .pt3 li .date{float:right; background:#d2d2d2; padding:20px 2%; text-align:center;} .news_list .pt3 li .date ._day{font-size:52px; border-bottom:1px solid #787878; color:#00458f; line-height: 52px;} .news_list .pt3 li .date ._year{font-size:16px; padding:0 5px;} .news_list .pt3 li:hover{background:#f5f8fb;} .news_list .pt4 .page{font-size:0; margin-top:50px;} .news_list .pt4 .page a,.news_list .pt4 .page span{line-height:58px;color:#666;background-color: #f3f3f2;display: inline-block;vertical-align: middle;text-align:center;padding:0 30px;font-size:14px;margin:0;} .news_list .pt4 .page a:hover,.news_list .pt4 .page span.current{color:#fff;background-color: #00458f;} /*新闻详细*/ .news_detail .pt1 .iconfont { color:#676767; } .news_detail .pt1 .n_left { width:66.8%; float:left; } .news_detail .pt1 ._head ._title { font-size:34px; font-weight:bold; color:#000000; margin-bottom:10px;} .news_detail .pt1 ._tools { font-size:0; color:#7e7e7e; margin-bottom:15px;} .news_detail .pt1 ._tools ._tool{ font-size:12px; margin-right:10px; height:30px; line-height:30px; overflow:hidden; vertical-align: middle; } .news_detail .pt1 ._tools .iconfont { font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;} .news_detail .pt1 ._tools b { font-weight:normal; } .news_detail .pt1 ._tools #switcher { margin-left:10px; } .news_detail .pt1 ._tools #switcher ._title{margin-right:5px;font-size:12px;color:#7e7e7e;} .news_detail .pt1 ._tools #switcher .iconfont { font-size:15px; } .news_detail .pt1 ._tools .bds_more { float:none; background:none; padding:0;} .news_detail .pt1 .myart { line-height:2; min-height:200px; font-size:13px; color:#555555; } .news_detail .pt1 .n_right { width:30%; float:right; padding-top:90px; } .news_detail .pt1 .n_right ._tools { text-align:right; } .news_detail .pt1 ._tools ._back { font-size:20px; font-weight:normal; font-weight:bold; color:#676767; height:26px; line-height:26px; border-right:#cccccc 1px solid; padding-right:40px; vertical-align:middle;} .news_detail .pt1 ._tools ._back .iconfont { font-weight:normal; vertical-align:0; } .news_detail .pt1 ._tools .share,.news_detail .pt1 ._tools .print { width:36px; height:36px; line-height:36px; text-align:center; background-color:#80939e; border-radius:50%; cursor:pointer; overflow:hidden; margin-right:0; margin-left:15px; vertical-align:middle; display: inline-block;} .news_detail .pt1 ._tools .share:hover,.news_detail .pt1 ._tools .print:hover { background-color:#ec7f00; } .news_detail .pt1 ._tools .share .iconfont,.news_detail .pt1 ._tools .print .iconfont { font-size:18px; color:#ffffff; } .news_detail .pt1 ._tools .share:hover .iconfont,.news_detail .pt1 ._tools .print:hover .iconfont { color:#ffffff; } .news_detail .pt1 ._tools .share .iconfont { font-size:20px; } .news_detail .pt1 ._detailPage_bottom li strong,.news_detail .pt1 ._detailPage_bottom li span,.news_detail .pt1 ._detailPage_bottom li a{ display:block;} .news_detail .pt1 ._detailPage_bottom{margin-top:45px; border:#f3f3f3 10px solid; } .news_detail .pt1 ._detailPage_bottom ul{padding:10px 7%;} .news_detail .pt1 ._detailPage_bottom li ._mark{ padding-bottom:8px; font-size:19px; font-weight:bold; color:#000000; } .news_detail .pt1 ._detailPage_bottom ._date{ height:30px; line-height:30px; margin-bottom:7px; font-family:Arial; font-size:13px; color:#676767; } .news_detail .pt1 ._detailPage_bottom ._date .iconfont { font-size:20px; height:30px; vertical-align:-2px; margin-left:0;} .news_detail .pt1 ._detailPage_bottom li ._title:hover { color:#5c5c5c; } .news_detail .pt1 ._detailPage_bottom li ._title { font-size:16px; font-weight:bold; color:#5c5c5c; } .news_detail .pt1 ._detailPage_bottom li { padding: 27px 0; } .news_detail .pt1 ._detailPage_bottom li._prev{ border-bottom:1px #ececec solid; } .solution .solution-tit{font-size:34px; text-align:center; position:relative; display:inline-block; *display:inline; *zoom:1; margin:20px 0; line-height:60px;} .solution .solution-tit:after{content:""; width:36%; height:1px; position:absolute; bottom:-10px; left:32%;} .yqgz{padding-top:30px; padding-bottom:0;} .yqgz .pt5{padding-bottom:65px;} .yqgz .pt1{text-align:center;} .yqgz .pt1 .desc{color:#626262; font-size:14px; line-height:30px; text-align:left;} .yqgz .pt1 .tit{color:#00458f;} .yqgz .pt1 .top .solution-tit{color:#333;} .yqgz .pt1 .top .solution-tit:after{background:#333;} .yqgz .pt1 .tit:after{background:#00458f;} .yqgz .pt1 .d{color:#00458f; margin-bottom:20px; text-align:left;} .solution .hy{margin:70px 0 50px;} .yqgz .pt1 .hy{margin-top:40px;} .solution .hy .item{margin-bottom: 25px; background:#fafafa;} .solution .hy .item .con{padding: 40px 40px 40px 150px; text-align:left; position:relative;} .solution .hy .item .con .icon{content:""; width:57px; height:55px; background:url(../img/solution_ico1.png) no-repeat; top:40px; left:40px; position:absolute;} .solution .hy .item.i1 .con .icon{background-position:-115px 0;} .solution .hy .item.i2 .con .icon{background-position:-57px 0;} .solution .hy .item.i3 .con .icon{background-position:0 0;} .solution .hy .item.i4 .con .icon{background-position:-177px 0; width:62px; height:64px;} .solution .hy .item .t{color:#010101; font-size:25px;} .solution .hy .item .d{color:#626262; font-size:14px;} .yqgz .pt2{position:relative; overflow:hidden;} .yqgz .pt2 .bg{position:absolute; z-index:1; width:1920px; top:50%; left:50%; margin-left:-960px; margin-top:-500px; max-width: none;} .yqgz .pt2 .con{position:relative; z-index:2;} .yqgz .pt2 .con .top{text-align:center;} .yqgz .pt2 .con .tit{color:#fff;} .yqgz .pt2 .con .tit:after{background:#fff;} .yqgz .pt2 .slick{position:relative; z-index:2; margin:40px 0 80px;} .yqgz .pt2 .slick .tit p{font-size:30px; line-height:1; color:#3e3a39;} .yqgz .pt2 .slick .content{min-height:300px;} .yqgz .pt2 .slick .content .left{width:22%; float:left; margin-right:3%; position:relative;} .yqgz .pt2 .slick .content .right{width:75%; float:right; height: 100%; background: #fff} .yqgz .pt2 .slick .content .left li{margin-bottom:65px; position:relative; border-radius:25px; background:transparent; cursor:pointer; outline:none;} .yqgz .pt2 .slick .content .left li .num{display:inline-block; width:45px; height:45px; border-radius:50%; border:1px solid #ff8600; font-size:18px; color:#ff8600; text-align:center; line-height:45px; position:relative; z-index:2; background:#fff;} .yqgz .pt2 .slick .content .left li .txt{display:inline-block; font-size:16px; color:#fff; margin-left:20px;} .yqgz .pt2 .slick .content .left li .num:after{content:''; width:1px; height:66px; background:#ff8600; position:absolute; top:100%; left:50%;} .yqgz .pt2 .slick .content .left li:last-child .num:after{display:none;} .yqgz .pt2 .slick .content .right li{outline:none;} .yqgz .pt2 .slick .content .right li.active{display:block;} .yqgz .pt2 .slick .content .right li .infor{height:580px; overflow:hidden;} .yqgz .pt2 .slick .content .right li .tit{font-size:22px; color:#191818; text-align:left; padding:50px 40px 30px; font-weight:bold;} .yqgz .pt2 .slick .content .right li .con{overflow:hidden; position:relative;} .yqgz .pt2 .slick .content .right li .con .con_txt{padding:0 40px;} .yqgz .pt2 .slick .content .right li .con .pic{margin:0 30px 0 50px; float:right;} .yqgz .pt2 .slick .content .right li .con.scrollbar-ui .scroll_slider{height:43px; background:#ff8600; width:7px!important; left: -3px;} .yqgz .pt2 .slick .content .right li .con.scrollbar-ui .scroll_bar{right:7px!important;} .yqgz .pt2 .slick .content .box{background:#fff; padding: 20px 30px;} .yqgz .pt2 .slick .arr_box i {display:block; color:#ff8600; font-size:30px; line-height:30px; cursor:pointer; margin-bottom:5px; position:absolute;} .yqgz .pt2 .slick .arr_box i.arr_prev{top:-30px; left:0;} .yqgz .pt2 .slick .arr_box i.arr_next{bottom:-30px; left:0;} .yqgz .pt2 .slick .content .left li.cur:after{content:''; width:6px; height:11px; background:url(../img/solution_leftarr.png) no-repeat; position:absolute; top:50%; margin-top:-5px; right:21px;} .yqgz .pt2 .slick .content .left li.cur{border-radius:25px; background:#ff8600} .yqgz .pt2 .slick .content .left li.cur .num{color:#fff;} .yqgz .pt2 .slick .content .left li.cur .txt{color:#fff;} .yqgz .pt2 .slick .content .left li.slick-current:after{content:''; width:6px; height:11px; background:url(../img/solution_leftarr.png) no-repeat; position:absolute; top:50%; margin-top:-5px; right:21px;} .yqgz .pt2 .slick .content .left li.slick-current{border-radius:25px; background:#ff8600} .yqgz .pt2 .slick .content .left li.slick-current .num{color:#ff8600;} .yqgz .pt2 .slick .content .left li.slick-current .txt{color:#fff;} body .scrollbar-ui .scroll_slider{background:#ff8600;} .yqgz .pt3 .top{text-align:center; margin: 20px 0 10px;} .yqgz .pt3 .tit{color:#2a2a2a;} .yqgz .pt3 .tit:after{background:#2a2a2a;} .yqgz .pt3 .text_box li{padding:10px 0 15px 100px; border-bottom:1px dashed #bfbfbf; position:relative; min-height:45px;} .yqgz .pt3 .text_box li b{color:#ff8600; font-size:18px;} .yqgz .pt3 .text_box li .num{position:absolute; top:0; left:0; width:100px; height:100%; background:url(../img/solution_ico2.png) no-repeat; color:#fff; font-weight:bold; font-size:30px; background-position:24px 10px; text-align:center; line-height:70px;} .yqgz .pt3 .pic{margin-top:10px; padding-left:40px;} .yqgz .pt3 .pic li{border-bottom:none;} .yqgz .pt3 .pic .t{text-align:center; margin:20px 0 35px;} .yqgz .pt3 .pic .t span{color:#5b5b5b; border:1px dashed #5b5b5b; display:inline-block; *display:inline; *zoom:1; padding:2px 5px;} .yqgz .pt3 .editor_box{margin-top:35px; margin-bottom:65px;} .solution .button_box{margin-top:50px;} .solution .button_box .common-btn{width:190px; margin:0 auto;} .solution .button_box .common-btn i{margin-left:15px;} .solution .button_box .common-btn:hover i{margin-left:30px;} .yqgz .rect-55{padding-bottom:55%;} .yqgz .pt6 .owl-carousel .owl-nav .owl-prev,.yqgz .pt6 .owl-carousel .owl-nav .owl-next{ position: absolute; top: 50%; margin-top: -32px; width: 34px; height: 64px; background: url(../img/widgets_product_scroll_arrpn.png) no-repeat; cursor: pointer; font-size:0;} .yqgz .pt6 .owl-carousel .owl-nav .owl-prev{ left: -50px } .yqgz .pt6 .owl-carousel .owl-nav .owl-prev:hover{ background-position: 0 -64px; } .yqgz .pt6 .owl-carousel .owl-nav .owl-next{ right: -50px; background-position: -34px 0; } .yqgz .pt6 .owl-carousel .owl-nav .owl-next:hover{ background-position: -34px -64px; } .solution .pt_example{background:url(../img/solution_projbg.png); background-size:cover; padding-bottom:75px;} .solution .pt_example .rect-55{padding-bottom:55%;} .solution .pt_example .top{text-align:center; padding:20px 0;} .solution .pt_example .tit{color:#000000;} .solution .pt_example .tit:after{background:#000000;} .solution .pt_example .pt_bd .item a{ display: block; } .solution .pt_example .pt_bd .item .cont_box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5%; text-align: center; transition: all .5s ease; border-bottom:3px solid #94836d;} .solution .pt_example .pt_bd .item .cont_box .title{ font-size: 16px; color:#484848;} .solution .pt_example .owl-carousel .owl-nav .owl-prev,.solution .pt_example .owl-carousel .owl-nav .owl-next{ position: absolute; top: 50%; margin-top: -32px; width: 34px; height: 64px; background: url(../img/widgets_product_scroll_arrpn.png) no-repeat; cursor: pointer; font-size:0;} .solution .pt_example .owl-carousel .owl-nav .owl-prev{ left: -50px } .solution .pt_example .owl-carousel .owl-nav .owl-prev:hover{ background-position: 0 -64px; } .solution .pt_example .owl-carousel .owl-nav .owl-next{ right: -50px; background-position: -34px 0; } .solution .pt_example .owl-carousel .owl-nav .owl-next:hover{ background-position: -34px -64px; } .solution .common-form{background:#fff; padding:110px 0 0;} .solution .common-form .left{float:left; width:35%;} .solution .common-form .right{float:left; width:65%;} .solution .common-form .left .l_box{padding-left:26px; padding-right:62px;} .solution .common-form .left .l_box .tit{font-size:35px; line-height:46px; color:#3A3A3A; padding-right:86px; margin-bottom:23px;} .solution .common-form .left .l_box .con{line-height:28px; background: none;} .solution .common-form .right .r_box label{display:block; font-size:19px; margin-bottom:16px;} .solution .common-form .right .r_box .form_in{margin-bottom:13px; font-size:0; color:#555;} .solution .common-form .right .r_box input{padding: 13px 0 11px; width:89%; text-indent:15px; font-size:14px; border:1px solid #cccccc; background:transparent;} .solution .common-form .right .r_box textarea{width:89.5%; height:20px; font-size:14px; padding: 10px 0; text-indent:15px; border:1px solid #cccccc; background:transparent;} .solution .common-form .right .r_box .btn{width:102px; height:40px; line-height:40px; text-align:center; background:#ff8600; color:#fff; padding:0; margin-top:5px;outline:none; box-shadow:none; border-radius:0;} /*蒸汽干燥*/ .zqgz{padding-top:30px;} .zqgz .rect-25{padding-bottom:25%;} .zqgz .pt1 .top{text-align:center;} .zqgz .pt1 .tit{color:#00458f;} .zqgz .pt1 .tit:after{background:#a8aaae;} .zqgz .pt1 .smpt1 .d{color:#626262; font-size:14px; line-height:25px;} .zqgz .pt1 .smpt1{margin-top:50px;} .zqgz .pt1 .smpt3{margin-top:30px;} .zqgz .pt1 .smpt2{width:1100px; margin:50px auto 0;} .zqgz .pt1 .smpt2 li{width:80px; height:50px; background:#ebebeb; margin:0 auto; text-align:center; padding:45px 30px; border-radius:50%; position:relative; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; color:#262626;} /*.zqgz .pt1 .smpt2 li:hover{background:#00458f; color:#fff;}*/ .zqgz .pt1 .smpt2 .owl-item:nth-child(odd) li{background:#00458f; color:#fff;} .zqgz .pt1 .smpt2 .owl-item{position:relative;} .zqgz .pt1 .smpt2 .owl-item.active:after{content:""; width:35%; height:1px; border-top:1px dashed #ebebeb; position:absolute; top:50%; left:90%;} .zqgz .owl-carousel .owl-nav .owl-prev,.zqgz .owl-carousel .owl-nav .owl-next{ position: absolute; top: 50%; margin-top: -32px; width: 34px; height: 64px; background: url(../img/slide_arrow.png) no-repeat; cursor: pointer; font-size:0;} /*.zqgz .owl-carousel .owl-dots.disabled, .zqgz .owl-carousel .owl-nav.disabled{display:block;}*/ .zqgz .owl-carousel .owl-nav .owl-prev{ left: -50px } .zqgz .owl-carousel .owl-nav .owl-prev:hover{ background-position: 0 -64px; } .zqgz .owl-carousel .owl-nav .owl-next{ right: -50px; background-position: -34px 0; } .zqgz .owl-carousel .owl-nav .owl-next:hover{ background-position: -34px -64px; } .zqgz .pt3 .tit{display:block; margin:0;} .zqgz .pt3 .d{text-align:center; margin-bottom:30px;} .zqgz .pt3 .editor{margin-bottom:100px;} .zqgz .pt4{height: 660px;overflow: hidden;background: url(../img/solution_sfq.jpg) no-repeat center center; margin-top:40px; background-attachment:fixed;} .zqgz .pt4 .bigbox{display: block;} .zqgz .pt4 .bigbox li{width: 20%;height: 765px;float: left;overflow: hidden;transition: all .5s ease;-webkit-transition:all .5s ease;} .zqgz .pt4 .bigbox li .box{height: 100%;border-left: 1px solid #7f8585;padding: 80px 30px;color: #fff;overflow: hidden;} .zqgz .pt4 .bigbox li .box .tit{font-size: 88px;line-height: 1;padding-bottom: 30px;font-weight: normal; font-family:Impact;} .zqgz .pt4 .bigbox li .box .ch{font-size: 24px;line-height:35px;} .zqgz .pt4 .bigbox li .box .en{font-size: 18px;font-family: 'Arial';opacity: 0.5;filter: alpha(opacity=50);padding-top: 18px;display: block;} .zqgz .pt4 .bigbox li:last-child .box{border-right: 1px solid #7f8585;} .zqgz .pt4 .bigbox li.cur{width: 40%;position: relative;} .zqgz .pt4 .bigbox li.cur .box .tit{color: #ff8600;} .zqgz .pt4 .bigbox li.cur .ch{display: none;} .zqgz .pt4 .bigbox li .innerBox{width: 100%;} .zqgz .pt4 .bigbox li .innerBox .inner_tit{transition:all .8s ease;opacity: 0;visibility: hidden;} .zqgz .pt4 .bigbox li.cur .innerBox .inner_tit{font-size: 36px;line-height: 1;color: #ff8600;opacity: 1;visibility: visible;transition-delay:0.1s; } .zqgz .pt4 .bigbox li .innerBox .p{opacity: 0;visibility: hidden;transition:all .8s ease;-webkit-transition:all .8s ease;width: 100%;font-size: 16px;} .zqgz .pt4 .bigbox li.cur .innerBox .p{padding-top: 9%;min-height: 19.2em;overflow: hidden; transition-delay: 0.3s;-webkit-transition-delay:0.3s;opacity: 1;visibility: visible;} .zqgz .pt4 .bigbox li .innerBox .more{transform: translateY(200px);-webkit-transform: translateY(200px);transition: transform,opacity .8s ease;-webkit-transition:transform,opacity .8s ease;display: block;margin-top: 5%;opacity: 0;visibility: hidden;} .zqgz .pt4 .bigbox li.cur .innerBox .more{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;visibility: visible;transition-delay: .4s;-webkit-transition-delay: .4s;} .yqzl{padding-top:50px;} .yqzl .rect-55{padding-bottom:55%;} .yqzl .pt1{text-align:center;} .yqzl .pt1 .tit{color:#00458f;} .yqzl .pt1 .d{line-height:30px; margin-top:10px; padding:0 60px;} .yqzl .pt1 .tit:after{background:#00458f;} .solution>.top{text-align:center; margin-top:30px;} .solution>.top .tit:after{background:#555;} .zqgz .pt2 .hy{margin-top:30px;} .yqzl .pt2{margin:30px 0 70px;} .yqzl .pt2 .hy_tab{position:relative;} .yqzl .pt2 .l{width:25%;} .yqzl .pt2 .c{width:50%; position:absolute; left:25%; height:100%; overflow: hidden;} .yqzl .pt2 .r{width:25%;} .yqzl .pt2 .tab_item{cursor:pointer; position:relative;} .yqzl .pt2 .tab_item .img{display:none;} .yqzl .pt2 div .tab_item:first-child{margin-bottom:20px;} .yqzl .pt2 .con{padding:32px; background:#eeeeee; color:#626262;} .yqzl .pt2 .con .t{font-size:23px; font-weight:bold; color:#000;} .yqzl .pt2 .tab_item.active:after{content:""; width:7px; height:15px; background:url(../img/orange_dir.png) no-repeat center center; position:absolute; top:50%; margin-top:-4px; right:-7px;} .yqzl .pt2 .l .tab_item.active:after{background-position:-10px 0;} .yqzl .pt2 .r .tab_item.active:after{right:100%;background-position:-2px 0;} .yqzl .pt2 .tab_item.active .con{color:#fff; background:#ff8600;} .yqzl .pt2 .tab_item.active .con .t{color:#fff;} .yqzl .pt2 .con .d{font-size:14px; line-height:24px; height:48px;} .yqzl .pt2 .c .pic{margin:0 20px;} .yqzl .pt3{background:url(../img/solution_yqzlbg.jpg) no-repeat; padding:80px 0; background-size:cover;} .yqzl .pt3 .tit{color:#fff; font-size:34px; text-align:center; margin-bottom:80px;} .yqzl .pt3 .item{background:url(../img/white_84.png) repeat; padding:40px; transition:0.3s all ease; -webkit-transition:all 0.3s ease; cursor:pointer;} .yqzl .pt3 .item .t{font-size:22px; font-weight:bold; color:#000; margin-bottom:40px;} .yqzl .pt3 .item .t .ff-i{margin-right:10px;} .yqzl .pt3 .item .d{font-size:14px; color:#515151; line-height:25px; height:100px; overflow:hidden;} .yqzl .pt3 .item:hover{background:url(../img/solution_bg1.png) no-repeat right bottom; background-size:cover;} .yqzl .pt3 .item:hover .t{color:#fff;} .yqzl .pt3 .item:hover .d{color:#fff;} .yqzl .pt4{padding:40px 0 90px; background:#f9f9f9;} .yqzl .pt4 .rect-625{padding-bottom:62.5%;} .yqzl .pt4 .top{text-align:center; margin-bottom:20px;} .yqzl .pt4 .tit{color:#171717;} .yqzl .pt4 .tit:after{background:#171717;} .yqzl .pt4 .tab li{float:left; width:50%; font-size:20px; color:#fff; text-align:center; line-height:75px; background:#ff8600; position:relative; cursor:pointer; transition:0.3s all ease; -webkit-transition:all 0.3s ease;} .yqzl .pt4 .tab li:not(:first-child):after{content:"";position:absolute; left:0; top:0; height:100%; width:1px; background:#fff;} .yqzl .pt4 .tab li.active{background:#00458f; position:relative;} .yqzl .pt4 .tab li.active:before{content:""; position:absolute; top:100%; left:50%; margin-left:-7px; height:7px; width:15px; background:url(../img/blue_dir.png) no-repeat center;} .yqzl .pt4 .tab_con .item{padding:30px 70px; display:none; background:#fff; box-shadow:0 1px 5px rgba(0,0,0,.1);} .yqzl .pt4 .tab_con .item.active{display:block} .yqzl .pt4 .tab_con .item .d{margin-bottom:40px; margin-top:20px; line-height:25px;} .yqzl .pt4 .tab_con .item .span-7>*{margin-left:40px;} .yqzl .pt5{padding:30px 0;} .yqzl .pt5 .tit{font-size: 34px; text-align: center; position: relative; margin: 20px 0 40px; line-height: 60px; color:#333;} .yqzl .pt5 .tit:after{content:""; width:80px; height:1px; position:absolute; bottom:-10px; left:50%; margin-left:-40px; background:#333;} .yqzl .pt5 .rect-140{padding-bottom:140%;} .yqzl .pt5 li {margin-bottom: 20px; background:#f5f5f5;} .yqzl .pt5 ._img { float: left; width: 47%; margin-right: 3%; } .yqzl .pt5 ._detail {float: left; width: 47%; margin-right: 3%; padding-top:10px;} .yqzl .pt5 ._title {color:#191818; font-size:34px; margin:20px 0; font-weight:normal;} .yqzl .pt5 ._p {font-size:14px; color:#818181; margin-bottom:50px; line-height:25px; height:100px; overflow:hidden;} /*关于*/ .about{padding:0;} .about .pt1{background:url(../img/about_bg.jpg) no-repeat center; background-size:cover; padding:160px 0 110px;} .about .pt1 .fix{position:relative;} .about .pt1 .l_box{float:left; width:50%;} .about .pt1 .l_box .con{position:relative; z-index: 1; padding-right:40px;} .about .pt1 .l_box .t1{font-size:90px; color:#eaebec; position:absolute; top:-85px; left:0; z-index:-1;} .about .pt1 .l_box .t2{font-size:30px; color:#ff8600;} .about .pt1 .l_box .t3{font-size:24px; color:#161616;} .about .pt1 .l_box .d{font-size:14px; color:#5b5b5b; margin-top:20px; line-height:30px;} .about .pt1 .r_box{width:50%; position:absolute; right:0; bottom:-110px;} .about .pt1 .r_box .num_box li{float:left; width:33.33%; color:#fff; text-align:center; padding:50px 0;} .about .pt1 .r_box .num_box li .d{color:#fff;} .about .pt1 .r_box .num_box .li1{background:#01458e;} .about .pt1 .r_box .num_box .li2{background:#0261c7;} .about .pt1 .r_box .num_box .li3{background:#0a2441;} .about .pt1 .r_box .num_box .t{font-size:45px;} .about .pt2{position:relative; overflow:hidden;} .about .pt2 .l_pic{position:absolute; right:50%; top:0;} .about .pt2 .r_box{width:50%;} .about .pt2 .r_box .con{margin:90px 0 90px 40px;} .about .t_en{color:#01458e; font-size:32px;} .about .t_ch{color:#161616; font-size:26px; margin-bottom:30px;} .about .d{line-height:25px; font-size:14px; color:#5b5b5b;} .about .pt3{background:#eef2f5; padding:85px 0;} .about .pt3 .l_box{width:50%;} .about .pt3 .r_box{width:50%;} .about .pt3 .rect-62{padding-bottom:62%;} .about .pt3 .con{margin-right: 40px;} .about .pt4{background-repeat: no-repeat; padding:300px;} /*企业实力*/ .strength{} .strength .pt1 .wrap{position:relative;} .strength .pt1 .tit{font-size:36px; color:#000000;} .strength .pt1 .tab{position:absolute; right:0; top:0;} .strength .pt1 .tab_con{background:#fafafa; padding:0 65px 150px;} .strength .pt1 .tab li{background:#004391; line-height:65px; color:#fff; float:left; font-size:24px; width:300px; text-align:center; position:relative; cursor:pointer; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} .strength .pt1 .tab li:not(:last-child):after{content:""; width:1px; height:100%; background:#fff; position:absolute; right:0; top:0;} .strength .pt1 .tab li.active{background:#ff8600;} .strength .pt1 .tab li.active:before{content:""; position:absolute; left:50%; top:100%; margin-left:-11px; background:url(../img/yellow_dir.png) no-repeat; width:22px; height:12px;} .strength .pt1 .tab_con .item{display:none;} .strength .pt1 .tab_con .item.active{display:block;} .strength .pt1 .tab_con .t_en{color:#ededed; font-size:52px; font-family:Arial; font-style:italic; margin-bottom:30px;} .strength .pt1 .tab_con .d{color:#515151; font-size:15px; line-height:30px; margin-bottom:30px;} .strength .pt1 .tab_con .pic_list{height:280px; overflow:hidden; position:relative; padding-right:20px;} .strength .pt1 .tab_con .pic_list .span-4{margin-bottom:20px;} body .scrollbar-ui .scroll_slider{background:#ff8600;} body .scrollbar-ui .scroll_bar{background:#e2e0e0;} .strength .pt1 .tab_con .t_list{margin-bottom:60px;} .strength .pt1 .tab_con .t_list span{font-size:30px; color:#000; font-weight:bold; margin-right:40px; display:inline-block; *display:inline; *zoom:1;} .strength .pt1 .tab_con .t_list .no{width:55px; display:inline-block; *display:inline; *zoom:1; background:#ccc; text-align: center; border-radius:50%; line-height:55px;color:#fff; position:relative; bottom:12px; right: 5px;} .strength .pt1 .tab_con .t_list span:nth-child(odd) .no{background:#ff8600;} /*招聘*/ .widget-job-tit{ background: #ff8600; color: #fff; overflow: hidden; height: 56px; line-height: 56px;} .job .pt1 ._jt { height: 56px; line-height: 56px; overflow: hidden; *zoom: 1;cursor: pointer;border-bottom: 1px dashed #dedede; } .job .pt1 ._ut{ float: left; text-align: center; height:56px;} .job .pt1 ._t1 { width: 28%; } .job .pt1 ._t2 { width: 20%; } .job .pt1 ._t3 { width: 24%; } .job .pt1 ._t4 { width: 24%; } .job .pt1 ._t5 { width: 10%; } .job .pt1 ._t6 { width: 14%; } .job .pt1 ._jc { display: none; } .job .pt1 ._jcon { padding: 40px; background: #f3f3f3; padding-left:96px;} .widget-job-btn{ cursor: pointer; background: #ff8600;color: #fff; width: 160px; height: 40px; line-height: 40px; margin-top: 40px; display: block;text-align: center;font-size: 15px;} .job .pt1 .tit{font-size:16px; color:#5a5a5a; margin-bottom:20px;} .job .pt1 .info{font-size:13px; color:#5a5a5a; line-height:24px; margin-bottom:40px;} @media only screen and (max-width: 760px) { .job .pt1 ._jcon{padding-left: 30px;} } @media only screen and (max-width: 40rem) { .job .pt1 ._jt span { display: none; } } /*联系我们*/ .contact_us01 .intro{text-align:center; padding:0 10%;} .contact_us01 .intro .t{font-size:34px; color:#2b2b2b; margin-bottom:12px;} .contact_us01 .intro .c{font-size:14px; color:#535353; line-height:27px; margin-bottom:40px;} .contact_us01 .left{width:62%; height:526px; overflow:hidden;} .contact_us01 .left img {max-width:none;} .contact_us01 .right{width:35.25%; height:526px; background:#004391; opacity:0.8; -webkit-opacity:0.8;} .contact_us01 .right .r_box{padding:62px 53px 40px 36px;} .contact_us01 .right .r_box .title{font-size:25px; color:#fff; font-weight:bold; margin-bottom:18px;} .contact_us01 .right .r_box .con{color:#fff; font-size:15px; line-height:28px;} .contact_us01 .right .r_box .con a:hover{color:rgba(255,255,255,0.6);} .contact_us01 .right .r_box .img_box{text-align:center; font-size:13px; color:#fff; margin-top:35px;} .contact_us01 .right .r_box .img_box .txt{margin-top:10px;} .contact_us01 .right .img_box{text-align:center; color:#fff;} .contact_us02{overflow:hidden;} .contact_us02 .tit{text-align:center; font-size:30px; color:#313131; line-height:1;margin-bottom:25px; margin-top:68px;} .contact_us02 .info{text-align:center; font-size:14px; color:#898989; line-height:1;margin-bottom:15px;} .contact_us02 .line{display: block; margin: 0 auto 20px; width: 27px; height: 1px; background: #c6c6c6;} .contact_us02 .form{width:1050px;margin:0 auto;} .contact_us02 .form input{border:1px solid #d5d5d5; font-size:14px;} .contact_us02 .name{background: transparent url("../img/i_form_ico1.png") no-repeat right 0;} .contact_us02 .phone{background: transparent url("../img/i_form_ico2.png") no-repeat right 0;} .contact_us02 .email{background: transparent url("../img/i_form_ico3.png") no-repeat right 0;} .contact_us02 .line1{width: 80%; height: 48px; line-height: 48px; padding: 0 46px 0 13px; float: left;} .contact_us02 .form textarea{width: 989px; border: 1px solid #d5d5d5; padding: 10px 40px 10px 13px; height: 149px; font-size: 14px; line-height: 1.5; margin-bottom: 20px; margin-top:25px; background: transparent url("../img/i_form_ico4.png") no-repeat right top;} .contact_us02 .form .btns_list{text-align:center;} .contact_us02 .form .btns_list button{width:45%; height:45px; line-height:37px; border:none; font-size:16px; color:#fff; cursor:pointer;} .contact_us02 .form .btns_list .sub{background-color: #848484; border-radius:0; float:left;} .contact_us02 .form .btns_list .reset{background-color:#848484; border-radius:0; float:right;} .contact_us02 .form .btns_list button:hover{background-color:#ff8600;} .contact_us02 .form_cb .span-4{position:relative;} .contact_us02 .form_cb .span-4 span{position:absolute; right:45px; top:15px;} .contact_us02 .yzm_box{width:50%;} .contact_us02 .btns_list{width:50%;} .contact_us02 .yzm_box .yzm{line-height:46px; height:46px; width:30%; background:transparent; text-indent:20px; margin-right:25px;} .contact_us02 .yzm_box img{width:120px; height:50px; margin-right:10px;} .contact_us02 .yzm_box .change{color:#40535a; font-size:12px; cursor:pointer; vertical-align:bottom;} /*荣誉*/ .widgets_xc_piclist_11 { margin-bottom:20px; } .widgets_xc_piclist_11 ._info{ padding: 20px; background: #aaaaaa; color: #fff;} .widgets_xc_piclist_11 ._info h3{ margin-bottom: 15px; font-weight: normal;} .widgets_xc_piclist_11 ._info .ion{ color: #fbdd34;} .widgets_xc_piclist_11 li{ cursor: pointer; margin-bottom: 40px; } .widgets_xc_piclist_11 li:hover ._info{ background: #00458f; color: #fff;} .widgets_xc_piclist_11 li:hover ._info .ion{ color: #fff; } .widgets_xc_piclist_11 ._img ._mask{ z-index: 4; width: 100%; height: 0%; overflow: hidden; position: absolute; left: 0; bottom: 0;background:rgba(0,49,126,.6);opacity: 0;transition: all 0.5s ease;overflow: hidden;} .widgets_xc_piclist_11 li:hover ._img ._mask{opacity: 1;transition: all 0.5s ease;height: 100%;} .widgets_xc_piclist_11 ._img i{ display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; margin-top: -24px; margin-left: -15px; font-size: 30px;color: #fff;padding: 0;opacity: 0;} .widgets_xc_piclist_11 li:hover ._img i{opacity: 1;transition: all 0.5s ease;} /*产品定制共有部分*/ .header .head .r_nav .visitor .pro_order_btn{cursor:pointer; line-height:90px; height:90px;} .header .head .r_nav .visitor .iconfont{font-size:18px; position:relative; bottom:2px;} .order_cons_wrap{display:none;} .order_cons{position: relative;overflow: hidden;padding:54px 0;background-color: #f9f9f9;z-index: 20;} .order_cons .part02_l{position: relative;overflow: hidden;width:62%;margin-left: 1%;} .order_cons .part02_l .info_{padding-top:35px;} .order_cons .part02_l .info_ .title{font-size: 26px;color:#272727;text-align: left;} .order_cons .part02_l .info_ .desc_{font-size: 14px;color:#5a5a5a;text-align: left;margin-top: 10px;} .order_cons .part02_l .msg_form{position: relative;overflow: hidden;padding-top: 24px;} .order_cons .part02_l .msg_form .rec_list{} .order_cons .part02_l .msg_form .rec_list ._rec{height: 48px;line-height: 48px;width:40%;padding-right: 7%;margin-right: 3%;float:left;margin-bottom: 15px;background-color: #efefef;position:relative;} .order_cons .part02_l .msg_form .rec_list ._bd {width: 93%;padding-right: 7%; border: none; height: 46px; line-height: 46px; background-color: #efefef; text-indent: 30px;} .order_cons .part02_l .msg_form .rec_list ._rec .idsb{background:url(../img/idsb_03.png)no-repeat center right;width:20px;height: 20px;margin-top: 13px;overflow: hidden;display: inline-block;padding: 0;position:absolute;right: 13px;top:2px;} .order_cons .part02_l .msg_form .rec_list ._rec .idsb.idsb01{background-position: 0 -6px;} .order_cons .part02_l .msg_form .rec_list ._rec .idsb.idsb02{background-position: -26px -6px;} .order_cons .part02_l .msg_form .rec_list ._rec .idsb.idsb03{background-position: 0px -31px;} .order_cons .part02_l .msg_form .rec_list ._rec .idsb.idsb04{ background-position: -26px -31px;} .order_cons .part02_l .msg_form .rec_list ._rec05 ._hd{width: 97%;border: none; padding: 20px 0; height: 90px; background: #f5f5f5; outline: none; text-indent: 20px; float: left;} .order_cons .part02_l .msg_form .btn_list ._btn_msg{height: 44px;line-height: 44px;width:200px;text-align: center;background-color: #01458e;font-size: 14px;color:#fff;border:none;padding:0;margin-top:8px;cursor: pointer; transition:all 0.5s ease; -webkit-transition: all 0.5s ease;} .order_cons .part02_l .msg_form .btn_list ._btn_msg:hover{background:#ff8600;} .order_cons .part02_r{position:relative;padding:50px 0 126px 30px;width:28%;margin-left: 3%; background:url(../img/dingzhi_right_03.png) #01458e no-repeat bottom right;float:right;} .order_cons .part02_r .cust_ .cust_t{margin-bottom: 30px;} .order_cons .part02_r .cust_ .cust_t .title{font-size: 26px;color:#fff;text-align: left;} .order_cons .part02_r .cust_ .cust_t p{font-size: 14px;color:#fff;text-align: left;margin-top: 5px;} .order_cons .part02_r .cust_ .cust_c {margin-bottom: 20px;text-align: left;font-size: 16px;color:#fff;} .order_cons .part02_r .cust_ .cust_c a{font-size: 14px;color:#fff;margin-right: 10px;} .order_cons .part02_r .cust_ .cust_b{text-align: left;font-size: 16px;color:#fff;} .order_cons .part02_r .cust_ .cust_b a{font-size: 14px;color:#fff;} .header .order_cons .close { display:block; position:absolute; top:20px; right:10px; width:17px; height:17px; background-image:url(../img/black_close.png); background-position:center center; background-repeat:no-repeat; cursor:pointer; } .box_wrap_out_posi.show{z-index:999;} .brand_ajax{display:none;} .brand_net{position: fixed;top: 0;width:80%;z-index: 3;left:10%; height: 100%; background:#fff;transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .brand_net .con_left{width: 100%;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 50px 0;height: 100%;} .brand_net .con_left .con_box{overflow: hidden;position: relative;height: 560px;} .brand_net .con_left .title{font-size: 24px;color: #012b5d;line-height: 1;margin-bottom: 24px;text-align: center;} .brand_net .con_left .con{margin-bottom: 3%;padding: 0 3%;} .brand_net .con_right{position: absolute;right: -50px;top: 0;background: #232323;width:50px;} .brand_net .con_right .close{background:#ff8600;text-align: center;padding-top:20%;cursor: pointer;padding-bottom:20%;} .brand_net .con_right .close .ico{display: inline-block;width: 32px;height: 37px;background: url(../img/brand_close.png) no-repeat;} .brand_bg{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: url(../img/black.6.png);z-index:3;} .brand_net .con_right .close:hover img{transform: rotate(360deg);-webkit-transform: rotate(360deg);} .brand_net .con_right .close img{transition: all 1s ease;-webkit-transition: all 1s ease;} body .album_ordinary .album_close{background:#ff8600;} .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: #f9ecdd;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: #ff8600;} @media only screen and (max-width:760px){ .widgets_common_pages_6 a, .widgets_common_pages_6 span{line-height:30px; padding:0 6px;} } /*公司荣誉*/ .company_honor .honor-bd{background:url(../img/honor_bj.jpg); background-size:cover;} .company_honor .rect-137{ padding-bottom: 137%; } .company_honor .bd_l{width:45%;min-height:624px;background:url(../img/black.4.png) repeat;} .company_honor .bd_l .b_img{padding:8% 16.7% 0;} .company_honor .bd_l .img_title{text-align:center;background: url(../img/blue_80.png) repeat;;padding:16px 4%;font-size:16px;color:#fff;font-weight:normal;} .company_honor .bd_r{width:55%;min-height:624px;background: url(../img/blue_20.png) repeat;;} .company_honor .bd_r_box{padding:10% 8% 0;color:#fff;} .company_honor .r_title{font-size:30px;margin-bottom:20px;} .company_honor .r_text{font-size:16px;color:rgba(255,255,255,0.9);line-height:28px;margin-bottom:40px;} .company_honor .bd_r .img_box{height:106px;background:#e6e6e6;text-align:center;position:relative;overflow:hidden;} .company_honor .bd_r .img_box img{height:100%;} .company_honor .bd_r li{margin-bottom:14px;float:left;margin-right:3%;width:30%;cursor:pointer;} .company_honor .img_list{height:346px;overflow:hidden;margin-bottom:14px;padding-right:4%;position:relative;} .company_honor .img_cover{position:absolute;width:100%;height:100%;background:url(../img/blue_80.png) repeat;top:0;left:0;opacity:0;transition: all .5s ease; visibility:hidden;} .company_honor .img_cover .list_ico{ left:50%;top:50%;margin-top:-20px;margin-left:-15px;display:block;position:absolute; font-size: 30px; color: #fff; } .company_honor .img_list.scrollbar-ui .scroll_slider{background:#0a4183} /*.company_honor .img_list.scrollbar-ui .scroll_bar{background:url(../img/honor_scroll_bj.png) repeat-y center;}*/ .company_honor li:hover .img_cover{opacity:1; visibility:visible;} .company_honor .bd_r .img_title{display:none;} @media only screen and (max-width: 1240px){ .company_honor .bd_l{ display: none; } .company_honor .bd_r{ width: 100%; min-height: 0; height: auto; } .company_honor .bd_r_box{ padding: 4%; } } @media only screen and (max-width: 760px){ .company_honor .bd_r{background-size:cover;} .company_honor .bd_r li{width:48%;margin-right:2%;margin-bottom:2%;} .company_honor .img_list{padding-right:0;} .company_honor .r_title{font-size:24px;margin-bottom:10px;} .company_honor .img_cover{display:none;} } .solution .pt_example .pt_bd .item .cont_box .title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(500px) rotateX(90deg); -ms-transform: perspective(500px) rotateX(90deg); transform: perspective(500px) rotateX(90deg); opacity: 0; } 50% { -webkit-transform: perspective(500px) rotateX(10deg); -ms-transform: perspective(500px) rotateX(10deg); transform: perspective(500px) rotateX(10deg); opacity: 1; } 100% { -webkit-transform: perspective(500px) rotateX(0deg); -ms-transform: perspective(500px) rotateX(0deg); transform: perspective(500px) rotateX(0deg); } } /*.solution .pt_example .owl-carousel .owl-stage{transition:none !important;;}*/ .solution .pt_example .owl-carousel .owl-item.ani{ -webkit-animation: flipInX .8s linear 1; animation: flipInX .8s linear 1; } .pt_example{padding-bottom:40px; background: url(../img/solution_projbg.png); background-size:cover;} .kehujianzheng .item{border:1px solid #ccc;} .kehujianzheng .top{text-align:center; padding:20px 0;} .kehujianzheng .tit{color:#000000;} .kehujianzheng .tit:after{background:#000000;} .kehujianzheng .rect-55{padding-bottom:55%;} .kehujianzheng{background:url(../img/yqgz_pt6bg.jpg); background-size:cover; padding-bottom:80px; } .mf{padding-top:55px;} .mf .pt1{text-align:center; padding-bottom:60px;} .mf .pt1 .tit{color:#00458f;} .mf .pt1 .d{line-height:30px; margin-top:10px; padding:0 60px; margin-bottom:50px;} .mf .pt1 .tit:after{background:#00458f;} .mf .pt1 .bottom{margin-top:50px;} .mf .pt1 .bottom .l{width:45%; text-align:right; position:relative; padding-bottom:80px;} .mf .pt1 .bottom .r{width:55%; text-align:left;} .mf .pt1 .bottom .l:after{content:""; position:absolute; width:70%; height:140%; bottom:0; left:15%; border:13px solid #ff8600;} .mf .pt1 .bottom .l .con{margin:0 110px;} .mf .pt1 .bottom .l .en{font-size:26px; font-family:Impact; text-transform:uppercase; color:#333;} .mf .pt1 .bottom .l .t{font-size:34px; color: #333; margin-bottom:20px;} .mf .pt1 .bottom .l .desc{font-size:12px; color:#777777;} .mf .pt1 .bottom .r .con{ color:#2c2c2c; margin-right:110px; margin-left:30px;} .mf .pt1 .bottom .r .t{font-size:25px; margin-bottom:15px;} .mf .pt1 .bottom .r .desc{font-size:14px;} .mf .pt2{text-align:center; background:#f8f8f8; padding:30px 0 80px;} .mf .pt2 .tit{color:#181818;} .mf .pt2 .tit:after{background:#a8aaae;} .mf .pt2 .d{line-height:30px; margin-top:10px; padding:0 60px;} .mf .pt2 .smpt2{width:100%; margin:50px auto 0;} .mf .pt2 .smpt2 li{width:80px; height:25px; background:#ebebeb; margin:0 auto; text-align:center; padding:57px 30px; border-radius:50%; position:relative; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; color:#262626;} .mf .pt2 .smpt2 li.five{height:50px; padding:45px 30px;} .mf .pt2 .smpt2 .owl-item:nth-child(odd) li{background:#00458f; color:#fff;} /*.mf .pt2 .smpt2 .owl-item:not(:first-child) li{height:25px;}*/ .mf .pt2 .smpt2 .owl-item{position:relative;} .mf .pt2 .smpt2 .owl-item.active:after{content:""; width:35%; height:1px; border-top:1px dashed #ebebeb; position:absolute; top:50%; left:90%;} .mf .pt2 .owl-carousel .owl-nav .owl-prev,.mf .pt2 .owl-carousel .owl-nav .owl-next{ position: absolute; top: 50%; margin-top: -32px; width: 34px; height: 64px; background: url(../img/slide_arrow.png) no-repeat; cursor: pointer; font-size:0;} .mf .pt2 .owl-carousel .owl-nav .owl-prev{ left: -50px } .mf .pt2 .owl-carousel .owl-nav .owl-prev:hover{ background-position: 0 -64px; } .mf .pt2 .owl-carousel .owl-nav .owl-next{ right: -50px; background-position: -34px 0; } .mf .pt2 .owl-carousel .owl-nav .owl-next:hover{ background-position: -34px -64px; } .widgets_product_figure_2 .pt_bd{width:100%; position:relative;height:675px;} .widgets_product_figure_2 .pt_bd ul{width:50%;height:100%;background:url(../img/black.7.png);position:absolute;top:0;left:0} .widgets_product_figure_2 .pt_bd li{height:135px;position:relative; cursor:pointer;} .widgets_product_figure_2 .pt_bd li a{display:block;} .widgets_product_figure_2 .pt_bd li:before{content:"";width:160px;height:1px;background:#fff;display:block;position:absolute;right:440px;bottom:0;} .widgets_product_figure_2 .pt_bd li:last-child:before{display:none;} .widgets_product_figure_2 .pt_bd li .list_hover{width:0;height:100%;background:url(../img/blue_80.png);position:absolute;top:0;left:0;z-index:1;display:block;transition: 600ms; -webkit-transition: 600ms;} .widgets_product_figure_2 .pt_bd li:hover .list_hover,.widgets_product_figure_2 .pt_bd li.cur .list_hover{width:120%;} .widgets_product_figure_2 .pt_bd .list_box{width:600px;position:absolute;top:0;right:0;color:#fff;z-index:2;padding:2% 0 0;} .widgets_product_figure_2 .pt_bd .list_box:after,.widgets_product_figure_2 .pt_bd .list_box:before{content:"";background:#fff;display:block;top:65%;position:absolute;visibility:hidden;opacity:0; transition: 300ms; -webkit-transition: 300ms;} .widgets_product_figure_2 .pt_bd .list_box:after{width:42px;height:1px;right:-120px;} .widgets_product_figure_2 .pt_bd .list_box:before{width:1px;height:42px;margin-top:0;right:-70px;} .widgets_product_figure_2 .pt_bd li:hover .list_box:after,.widgets_product_figure_2 .pt_bd li:hover .list_box:before,.widgets_product_figure_2 .pt_bd li.cur .list_box:after,.widgets_product_figure_2 .pt_bd li.cur .list_box:before{transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms;visibility:visible;opacity:1;} .widgets_product_figure_2 .pt_bd li:hover .list_box:after,.widgets_product_figure_2 .pt_bd li.cur .list_box:after{right:-90px;} .widgets_product_figure_2 .pt_bd li:hover .list_box:before,.widgets_product_figure_2 .pt_bd li.cur .list_box:before{margin-top:-21px;} .widgets_product_figure_2 .pt_bd .list_ico{width:90px;height:90px;display:block;background:url(../img/splution_mfpt2_ico.png) no-repeat; margin-left:40px;} .widgets_product_figure_2 .pt_bd li:nth-child(1) .list_ico{background-position:0px 0;} .widgets_product_figure_2 .pt_bd li:nth-child(2) .list_ico{background-position:-90px 0;} .widgets_product_figure_2 .pt_bd li:nth-child(3) .list_ico{background-position:-180px 0;} .widgets_product_figure_2 .pt_bd li:nth-child(4) .list_ico{background-position:-270px 0;} .widgets_product_figure_2 .pt_bd li:nth-child(5) .list_ico{background-position:-360px 0;} .widgets_product_figure_2 .pt_bd .list_text{padding:2% 0 0 9%;} .widgets_product_figure_2 .pt_bd .list_hd{font-size:25px;margin-bottom:10px; font-weight:normal;} .widgets_product_figure_2 .pt_bd .list_bd{font-size:13px;} @media only screen and (max-width: 760px) { .widgets_product_figure_2 .pt_bd .list_text{padding:0;width:66%;margin-left:4%;} } .mf .pt3 .top{text-align:center; padding-top:40px; margin-bottom:40px;} .mf .pt3 .tit{color:#181818;} .mf .pt3 .tit:after{background:#a8aaae;} .mf .pt4tit .top{text-align:center; padding-top:40px; margin-bottom:40px;} .mf .pt4tit .tit{color:#181818;} .mf .pt4tit .tit:after{background:#a8aaae;} .mf .pt4{height: 580px;overflow: hidden;background: url(../img/solution_mf_sfq.jpg) no-repeat center center; margin-top:40px; background-attachment:fixed;} .mf .pt4 .bigbox{display: block;} .mf .pt4 .bigbox li{width: 15%;height: 765px;float: left;overflow: hidden;transition: all .5s ease;-webkit-transition:all .5s ease;} .mf .pt4 .bigbox li .box{height: 100%;border-left: 1px solid #7f8585;padding: 80px 15px;color: #fff;overflow: hidden;} .mf .pt4 .bigbox li .box .tit{font-size: 88px;line-height: 1;padding-bottom: 30px;font-weight: normal; font-family:Impact;} .mf .pt4 .bigbox li .box .ch{font-size: 24px;line-height:35px;} .mf .pt4 .bigbox li .box .en{font-size: 18px;font-family: 'Arial';opacity: 0.5;filter: alpha(opacity=50);padding-top: 18px;display: block;} .mf .pt4 .bigbox li:last-child .box{border-right: 1px solid #7f8585;} .mf .pt4 .bigbox li.cur{width: 25%;position: relative;} .mf .pt4 .bigbox li.cur .box .tit{color: #ff8600;} .mf .pt4 .bigbox li.cur .ch{display: none;} .mf .pt4 .bigbox li .innerBox{width: 100%;} .mf .pt4 .bigbox li .innerBox .inner_tit{transition:all .8s ease;opacity: 0;visibility: hidden;} .mf .pt4 .bigbox li.cur .innerBox .inner_tit{font-size: 36px;line-height: 1;color: #ff8600;opacity: 1;visibility: visible;transition-delay:0.1s; } .mf .pt4 .bigbox li .innerBox .p{opacity: 0;visibility: hidden;transition:all .8s ease;-webkit-transition:all .8s ease;width: 100%;font-size: 16px;} .mf .pt4 .bigbox li.cur .innerBox .p{padding-top: 9%;min-height: 19.2em;overflow: hidden; transition-delay: 0.3s;-webkit-transition-delay:0.3s;opacity: 1;visibility: visible;} .mf .pt4 .bigbox li .innerBox .more{transform: translateY(200px);-webkit-transform: translateY(200px);transition: transform,opacity .8s ease;-webkit-transition:transform,opacity .8s ease;display: block;margin-top: 5%;opacity: 0;visibility: hidden;} .mf .pt4 .bigbox li.cur .innerBox .more{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;visibility: visible;transition-delay: .4s;-webkit-transition-delay: .4s;} .mf .pt5 .wrap{position:relative;} .mf .pt5 .part03{height: 676px;background-position: center;background-repeat: no-repeat;position: relative} .mf .pt5 .licheng{height: 350px} .mf .pt5 .licheng_ul{overflow: hidden} .mf .pt5 .licheng_ul>li{display: inline-block;width: 25%;float: left;height: 100%;background: url(../img/mf_develop.png);background-repeat: no-repeat;background-position: center;position: relative} .mf .pt5 .licheng_dec{padding: 10px 35px;color: #5f5f5f;font-size:13px;position: absolute} .mf .pt5 .licheng_year{width: 80px;height: 80px;border-radius: 50%;background: #ff8600;text-align: center;line-height: 80px;position: absolute;left: 50%;margin-left: -40px;font-size: 24px; color:#fff} .mf .pt5 .licheng_dec_top{top: 0;} .mf .pt5 .licheng_dec_bottom{bottom: 0;} .mf .pt5 .licheng_year_top{top: 0} .mf .pt5 .licheng_year_bottom{bottom: 0} .mf .pt5 .licheng_ul>li.cur .licheng_year{color: #FFFFFF} .mf .pt5 .prev, .mf .pt5 .next{display: block;font-size: 55px;position: absolute;cursor: pointer;color: #adabab;} .mf .pt5 .prev:hover, .mf .pt5 .next:hover{color: #ff8600;} .mf .pt5 .prev{left: -100px;top: 50%; margin-top:-50px;} .mf .pt5 .next{right: -100px;top: 50%; margin-top:-50px;} @media only screen and (max-width:1240px){ .mf .pt5 .licheng_ul>li{width: 33.3%;background-size:100% auto} } @media only screen and (max-width:760px){ .mf .pt5 .licheng_ul>li{width: 50%;background-size:100% auto} } @media only screen and (max-width:480px){ .mf .pt5 .licheng_ul>li{width: 100%;background-size:100% auto} } .mf .pt6{position:relative; margin-top:100px; height:420px;} .mf .pt6 img{width:1920px; position:absolute; left:50%; margin-left:-960px; max-width:none;} .mf .pt6 .tit{color:#fff; font-size:34px; position: relative; padding-top:80px; text-align:center;} .mf .pt6 .video_box{width:85px; height:85px; position:absolute; left:50%; margin-left:-43px; bottom:120px; background:url(../img/video_play.png) no-repeat; cursor:pointer;} .kehujianzheng .owl-carousel .owl-nav .owl-prev,.kehujianzheng .owl-carousel .owl-nav .owl-next{ position: absolute; top: 50%; margin-top: -32px; width: 34px; height: 64px; background: url(../img/widgets_product_scroll_arrpn.png) no-repeat; cursor: pointer; font-size:0;} .kehujianzheng .owl-carousel .owl-nav .owl-prev{ left: -50px } .kehujianzheng .owl-carousel .owl-nav .owl-prev:hover{ background-position: 0 -64px; } .kehujianzheng .owl-carousel .owl-nav .owl-next{ right: -50px; background-position: -34px 0; } .kehujianzheng .owl-carousel .owl-nav .owl-next:hover{ background-position: -34px -64px; } body .util-page .gobutton:hover, .util-page .num:hover, .util-page .current{background:#00458f; } .solution_back{ position: fixed; bottom: 20%; right: 0; background: #ff8600; color: #fff; z-index: 100; font-size: 30px;}