/* * 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%}} .clear{clear:both;} .f18 {font-size: 18px;} .f26 {font-size: 26px;} .f32 {font-size: 32px;} .f36 {font-size: 36px;} .cf {color: #fff;} .fs-b {font-weight: bold;} /*挂件分页样式*/ .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:#006ABD;} .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;} /* 雪碧图 */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../images/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;} /* 常量设置 */ .xc_nav {border-bottom:1px solid #e6e6e6} .wrap { width:1400px; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1440px\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; min-width: 1400px; overflow-x: auto; } a{color:inherit;} a:hover { color:#006ABD;} ::-moz-selection {color:#fff; background:#006ABD; } ::selection {color:#fff; background:#006ABD; } ::-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) } .about .content {font-size:16px; line-height: 30px;margin-top: 70px;} .about_main2 .span-4 {margin-right:50px;margin-bottom: 20px; float: left;} .about_main2 .en {margin-top: 40px;} .about_main2 .en {font-size: 56px;font-family: Impact;color: #006ABD;text-transform: uppercase;line-height: 1;margin-top: 25px;} .about_main2 .cn {font-size: 34px;color: #000;font-weight: bold;margin: 10px 0 30px;position: relative;display: inline-block;line-height: 1;} .about_main2 ._right ._bd {font-size: 14px;color: #666;line-height: 25px;} /*首页搜索*/ .widgets_single_nav_2 form {background:url(../images/main_top_07.png) no-repeat left top; height:30px; padding:0 0 0 9px;position:absolute; right:0; top:29px;} .widgets_single_nav_2 form input.search-keyword{ width:170px; padding:0 5px; border:0; line-height:30px; border:1px solid #d2d2d2;height:30px; float:left; color:#999999; font-size:14px;border-radius: 50px;text-indent: 10px;} .widgets_single_nav_2 form button{ border:0;height:23px; float:left;position: absolute;left: 155px;top: 5px; background: #fff;} /*更多按钮*/ .yun-solution-btn {margin-top: 30px;display: inline-block;box-sizing: border-box;border:1px solid #fff;min-width: 70px;color: #fff;text-align: center;padding: 0 30px;height: 36px;line-height: 36px;border-radius: 18px;font-size: 14px;opacity: .9;filter: alpha(opacity=90);-webkit-transition: all .25s ease;transition: all .25s ease} .yun-solution-btn:hover {opacity: 1;filter: alpha(opacity=100);box-shadow: 0 0 10px 0 rgba(3, 0, 76, .3);background: #fff;} /*更多按钮-黑色*/ .yun-solution-btn2 {margin-top: 0px;display: inline-block;box-sizing: border-box;border:1px solid #006ABD;min-width: 150px;color: #006ABD;text-align: center;padding: 0 30px;height: 50px;font-size: 14px; background: #fff; line-height: 50px;} .yun-solution-btn2:hover {box-shadow: 0 0 10px 0 rgba(3, 0, 76, .3);background: #006ABD; color: #fff;} /*-----------------头部样式2---------------------*/ /*widgets_single_nav_2*/ .widgets_single_nav_2{position:fixed; z-index:50; left:0; top:0; width:100%;box-shadow: 0 0 10px rgba(0,0,0, 0.1); background: #fff;} .widgets_single_nav_2 .transition{-webkit-transition: all 0.8s ease;transition: all 0.8s ease;} .widgets_single_nav_2 .wrap2{background:#fff;position:relative;min-width: 1400px; padding: 0 0 0 40px;} .widgets_single_nav_2 .logo{padding-top:20px;} .widgets_single_nav_2 .inav_wrapper{margin-right:0%;} .widgets_single_nav_2 .inav{line-height:90px;} .widgets_single_nav_2 .inav > ul > li{float: left; font-size:16px; color:#010101;text-align:center; position:relative;} .widgets_single_nav_2 .inav > ul > li > a{display:block;padding:0px 25px;} .widgets_single_nav_2 .inav > ul > li:after{content:"";width:100%; bottom:0; left:0; height:3px; background:#006ABD; position:absolute; display:none;} .widgets_single_nav_2 .inav > ul > li:hover:after{display:block;} .widgets_single_nav_2 .hd_tools_box{color:#fff;text-align:center; font-size:14px; line-height:90px;height:90px;width: 220px;background-color: #008A32;} .widgets_single_nav_2 .group{position:relative;color: #fff;font-size: 18px;} .widgets_single_nav_2 .group .ico{ width: 20px; height: 22px; background: url(../images/fangwei.png) no-repeat; margin-right: 10px; } .widgets_single_nav_2 .group:after{content:""; width:1px; height:20px; position:absolute; right:0; top:50%; margin-top:-10px; background:#ddd;} .widgets_single_nav_2 .group .xiala{padding:15px 0; position:absolute; top:100%; left:0; background:#006ABD; text-align:center; z-index:2; width:100%; display:none;border-top:1px solid #f7a443;} .widgets_single_nav_2 .group .xiala li{height:36px; line-height:36px;} .widgets_single_nav_2 .group .xiala li a{display:block; color:#fff; font-size:14px;} .widgets_single_nav_2 .group .xiala li a:hover{ background:#f7a443; } .widgets_single_nav_2 .lang{ font-size:18px;padding:0 10px;display:block;position:relative;} .widgets_single_nav_2 .lang:after{content:""; width:1px; height:40px; position:absolute; right:0; top:50%; margin-top:-20px; background:#2b75b8;} .widgets_single_nav_2 .search{display:block;font-size:18px;padding:0 20px;cursor:pointer;position:relative;} .widgets_single_nav_2 .search .iconfont{display:block;} .widgets_single_nav_2 .search_box{background-color:#006ABD;position:absolute;right:0;top:100%;width:100%;display:none;} .widgets_single_nav_2 .search_box .inp_box{width:80%;border:none;padding:0;margin:0;background:none;height:60px;line-height:60px;color:#ccc;padding:0 10%;} .widgets_single_nav_2 .search_box .search_ico{font-size:20px;color:#fff;cursor:pointer;} .widgets_single_nav_2 .mobile_key{display:none;} .widgets_single_nav_2 .tr_color{position:absolute;top:0;width:0;height:100%;z-index:-1;} .widgets_single_nav_2 .tr_white{left:50%;} .widgets_single_nav_2 .tr_red{right:50%;background-color:#fff;} .widgets_single_nav_2.hover .tr_color{width:50%} .widgets_single_nav_2.xc-head .tr_color{width:50%} .widgets_single_nav_2.xc-head .tr_color{ box-shadow: 0 0 10px 0 #333; } .header-ac { float: right; text-align: right; padding-top: 35px; } .header-ac a { display: inline-block; margin-left: 25px; padding: 0 5px; line-height: 16px; font-size: 14px; color: #333; } .header-a img:first-child { position: relative; top: -2px; } /*第二种下拉*/ .widgets_single_nav_2 .inav > ul > .nav_li{position:relative;} .widgets_single_nav_2 .inav > ul > .nav_li .nav_layer{width:690px; background:#f8f8f8; overflow:hidden; position:absolute; top:100%; left:-200px; display:none;} .widgets_single_nav_2 .inav > ul > .nav_li .nav_layer .pd{padding:40px 55px 55px 50px;} .widgets_single_nav_2 .inav > ul > .nav_li .nav_layer .l_navbox{width:24%; line-height:48px;} .widgets_single_nav_2 .inav > ul > .nav_li .nav_layer .l_navbox a{display:block; border-bottom:1px solid #d4d4d4; font-size:15px; color:#2c2c2c; padding:0 15px; position:relative;} .widgets_single_nav_2 .inav > ul > .nav_li .nav_layer .l_navbox a:hover{color:#006ABD;} .widgets_single_nav_2 .inav > ul > .nav_li .nav_layer .r_navbox{width:56%; padding-left:12%;} .widgets_single_nav_2 .inav > ul > .nav_li .nav_layer .r_navbox .img_box{margin-bottom:15px;} .widgets_single_nav_2 .inav > ul > .nav_li .nav_layer .r_navbox .info_box{line-height:28px; font-size:15px; color:#615959; text-align:left;} .widgets_single_nav_2 .hd_tools_box a:hover{color: #fff;} /*widgets_single_nav_2 end*/ .iconfont,.iconfont2{ margin: 0; } .container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .text-light {color: #f8f9fa!important;} .position-absolute {position: absolute!important;} @media only screen and (min-width: 1200px) { .container {max-width: 1200px;} .position-absolute { margin-top: 70px; width: 650px} .fs-sm-32 {font-size: 40px;} .fs-sm-20 {font-size: 16px; font-weight: normal; line-height: 30px; margin-top: 10px;} } /* 网站样式 */ /* 导航部分 */ .header{width: 96%;position: fixed;top: 20px;left: 2%;background: #fff;z-index: 99;height: 90px;transition: top .5s ease;-webkit-transition:top .5s ease;} .header.fixed{top:0;box-shadow: 0 5px 8px rgba(0,0,0,.2)} .header .logo{width: 272px;height:50px;background-image: url(../images/logo.png);background-position: center center;background-repeat: no-repeat;margin-top: 20px;display: inline-block; } .header .header_logo{width: 23%;float: left;position: relative;height: 90px;text-align: center;} .header .header_logo:after{content:'';position: absolute;right: 0;top: 0;height: 100%;width: 1px;background: #d9d9d9;} .header .header_nav{width: 60%;float: right;} .header .header_tools{float: right;height: 90px;position: relative;width: 17%;} .header .header_tools .mobile_key{display: none;} .header .header_nav .nav_container>ul>li{float: left;width: 13.5%;text-align: center;font-size: 16px;color: #333;height: 90px;line-height: 90px;} .header .header_nav .nav_container>ul>li a{display: block;} .header .header_tools li{height: 90px;line-height: 90px;font-size: 16px;float: left;text-align: center;color: #fff;background: #1b407c;cursor: pointer;width: 25%;float: left;} .header .header_tools li .iconfont{display: block;margin: 0;border-right: 1px solid #1b407c; font-size:20px; font-weight:bold;} .header .header_tools li.language .iconfont{display:inline-block; *display:inline; *zoom:1; font-size:12px; font-weight:bold; border:none;} .header .header_tools li.quick_a{width:50%;color: #fff;font-size: 14px;background: #e60012;border-right: none;border-bottom: 1px solid #e60012;height: 89px;line-height: 89px;} .header .header_tools li.quick_a .iconfont{font-size: 12px;font-weight: bold;border-right: 0;display: inline-block;} .header .header_tools li.quick_a a{color: #fff;} .header .header_tools li.quick_a:after{display: none;} .header .header_tools .quick_box{position: absolute;top: 100%;right: 0;width: 100%;background-color: #e60012; background-repeat: no-repeat;background-position: right top;text-align: left;font-size: 16px;padding: 25px 0 35px;display: none;} .header .header_tools .quick_box a{padding-left: 39px;display: block;height: 50px;line-height: 50px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;} .header .header_tools .quick_box a .lin{padding-right: 30px;color: #fff;vertical-align: 2px;} .header .header_tools .quick_box.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;} .header .header_tools .quick_box.show a:nth-child(1){transition-delay: .3s;} .header .header_tools .quick_box.show a:nth-child(2){transition-delay: .5s;} .header .header_tools .quick_box.show a:nth-child(3){transition-delay: .7s;} .header .header_tools .quick_box.show a:nth-child(4){transition-delay: .9s;} .header .header_tools .quick_box.show a:nth-child(5){transition-delay: 1.1s;} .header .header_tools .quick_box.show a:nth-child(6){transition-delay: 1.3s;} .header .header_tools .quick_box.show a:nth-child(7){transition-delay: 1.5s;} .header .header_tools .quick_box.show a:nth-child(8){transition-delay: 1.7s;} .header .header_tools .quick_box.show a:nth-child(9){transition-delay: 1.9s;} .header .header_tools .quick_box.show a:nth-child(10){transition-delay: 2.1s;} .header .header_tools .quick_box.show a:nth-child(11){transition-delay: 2.3s;} /* 下拉 */ .header .header_box{position: relative; } .header .header_nav .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;} .header .header_nav .inner_box .box_l{width: 65%;float: left;padding-left:7%;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;} .header .header_nav .inner_box .box_r{width: 25%;float: left;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;} .header .header_nav .inner_box.inner_hover .box_l, .header .header_nav .inner_box.inner_hover .box_r{opacity: 1;filter: alpha(opacity=100);transform: translate(0,0);} .header .header_nav .inner_box .box_l li{width: 20%;float: left;height: 30px;line-height: 30px;font-size: 18px;margin-top: 11px;color: #000;position: relative;text-align: left;padding-top: 15px;margin-bottom: 35px;} .header .header_nav .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;} .header .header_nav .inner_box .box_l li a{display: block;} .header .header_nav .inner_box .box_l li:hover:before{width: 72px;background: #006ABD;} /* 产品下拉 */ .header .header_nav .pro .inner_box li:before{visibility: hidden;} .header .header_nav .pro .inner_box li.t:before{content: '';position: absolute;top: 0;left: 0;width: 30px;height: 1px;background: #000;transition: all .5s ease;-webkit-transition: all .5s ease;visibility: visible;} .header .header_nav .pro .inner_box ul:hover li.t:before{width: 130px;background: #006ABD;} .header .header_nav .pro .inner_box ul{float: left;width: 25%;} .header .header_nav .pro .inner_box ul li{float: none;width: 100%;font-size: 14px;color: #666;line-height: 1.6;height: auto;padding-top: 0;margin-top: 0;margin-bottom: 13px;} .header .header_nav .pro .inner_box li.t{font-size: 18px;color: #000;padding: 30px 0 5px;} .header .header_nav .pro .inner_box li.more{margin-top: 5px;font-size: 12px;font-family: "Impact";font-weight: normal;} /* 触控 */ .header .header_box:hover .header_logo{background: #006ABD;} .header .header_box:hover .logo{background-image: url(../images/logo2.png);} .header .header_box:hover .header_nav{background: #006ABD;color: #fff;} .header .header_box:hover .header_nav .nav_container>ul>li>a{color: #fff;} .header .header_box:hover .header_logo:after{background: #006ABD;transition: all .5s ease;} /* 搜索框 */ .header_search_fix{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: #006ABD;color: #fff;display: none;} .header .header_logo{z-index: 100;} .header_search_fix .search{font-size: 18px;margin-bottom: 10px;} .header_search_fix .box{position: absolute;width: 40%;top: 50%;margin-top: -50px;text-align: left;left: 30%;} .header_search_fix .input{background: none;width: 70%;border: 0;outline: 0;font-size: 56px;color: #fff;font-family: 'Impact'} .header_search_fix .input::-webkit-input-placeholder { color: #fff; font-size: 56px; } .header_search_fix .input:-moz-placeholder { color: #fff; font-size: 56px; } .header_search_fix .input:-ms-input-placeholder { color: #fff; font-size: 56px; } .header_search_fix .search_box{line-height: 70px;height: 70px;position: relative;} .header_search_fix .submit{width: 125px;height: 45px;line-height: 41px;font-size: 14px;color: #fff;border: 2px solid #fff;border-radius: 20px;background: transparent;padding: 0;margin: 0;position: absolute;top: 50%;margin-top: -23px;right: 0;-webkit-appearance: none;} .header_search_fix .close{position: absolute;width: 88px;height: 88px;font-size: 12px;line-height: 92px;border: 1px solid #fff;right: 60px;top: 20px;text-align: center;cursor: pointer;transition: all .5s ease;-webkit-transition:all .5s ease;background: #006ABD;} .header_search_fix .close:hover{background: #006ABD;} /* .search_hover .header_logo{background-color: #006ABD;} */ body .search_hover.header .header_logo .logo{background-image: url(../images/logo2.png);} .search_hover .header_logo:after{display: none;} .header.search_hover .header_box:hover .header_logo{background: #006ABD;} .header_search_fix .pro_list{position: absolute;right: 60px;bottom: 60px;text-align: right;} .header_search_fix .pro_list .t{font-size: 18px;color: #fff;padding-bottom: 10px;} .header_search_fix .pro_list a{display: block;font-size: 14px;opacity: 0.5;filter: alpha(opacity=50);color: #fff;} .header_search_fix .search_box .common_btn:hover span{color: #000;} .header_search_fix .submit:before{width: 100%;margin-top: 0;} .header_search_fix .submit:hover{background: #e60012;} .header_search_fix .submit:before{width: 100%;left: 0;text-align: center;} .right_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;} .right_bar li{ width:62px; height:50px; z-index:20; } .right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;} .right_bar li.rtbar_li1{ top:0; width:172px; } .right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; } .right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; } .right_bar li.rtbar_li4{ top:153px;} .rtbar_li4{ position:absolute; top:153px; left:0;} .right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; border-radius:6px;} .right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;} .right_bar li a:hover{ background-color:#006ABD; opacity:1;} .rtbar_shwx{ display:none; position:absolute; top:-120px; left:-160px; padding-bottom:9px; } .rtbar_shwx img{ padding:14px; background-color:#FFF; } /*首页尾部*/ .footer{color:#F6F6F6;} .footer1{background:#006ABD; padding:60px 0 60px;} .footer1 .t{line-height:42px; font-size:20px;margin-bottom: 10px;} .footer1 .l{width:100%;} .footer1 .l ul{overflow:hidden;} .footer1 .l ul li{float:left; margin-right:196px;} .footer1 .l ul li:nth-child(5){margin-right: 0px;} .footer1 .r{text-align:left;} .footer1 .r .ewm img { width: 140px; height: 140px; text-align: center;} .footer1 .r .ewm span { display:block;margin-top: 20px; text-align: center;} .footer1 a{display:block; line-height:30px; font-size:14px; color: #fff;} .footer1 a:hover{color:#fff; opacity:.8;} .footer1 .r .t{} .footer1 .r .tel{color:#e60012; font-size:24px; margin:10px 0; display:inline-block; *display:inline; *zoom:1;} .footer1 .tool{margin-top:40px;} .footer1 .tool .ewm{ width:55px; height:55px; background-image:url(../images/footer_ewm.png); background-color:#fff; display:inline-block; *display:inline; *zoom:1; margin-right:5px; cursor:pointer; position:relative;} .footer1 .tool .ewm img{max-width:none; position:absolute; bottom:100%; left:0; opacity:0; visibility:hidden; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; margin-bottom:10px;} .footer1 .tool .ewm:hover img{opacity:1; visibility:visible;} .footer1 .tool .sharemore{background:#fff; line-height:55px; width:55px; display:inline-block; *display:inline; *zoom:1; font-size:40px; color:#006ABD; margin:0; float:right; text-align:center; cursor:pointer;} .footer2{background:#006ABD; font-size:14px; line-height:30px; padding:25px 0; color: #fff; border-top: 1px solid #1d76bb;} /*下层banner*/ .common-xc .xc_banner{width:100%;height:300px;/* background-attachment:fixed; */background-repeat:no-repeat;position:relative;margin-top: 90px;} .common-xc .xc_banner .xc_title{/* width:100%; */font-size:40px;color:#fff;font-weight:bold;position:absolute;left:50%;margin-left:-700px;bottom:130px;} .common-xc .xc_banner .bread{/* width:100%; */font-size:14px;color:#fff; position:absolute;left:50%;margin-left:-700px;bottom:110px;} .common-xc .xc_nav ul{overflow:hidden;} .common-xc .xc_nav li{float:left;height:66px;line-height:66px;position:relative; color:#000; font-size:16px;} .common-xc .xc_nav li a{padding:0 30px;} .common-xc .xc_nav .active{font-weight:normal;color:#006ABD;border-bottom: 2px solid #006ABD;} .common-xc .xc_nav li:hover,.active{font-weight:normal;color:#006ABD;} .common-xc .xc_nav li:first-child a{padding-left:0;} .common-xc .xc_nav li:after{content:"";width:1px;height:12px;background:#dddddd;display:block;position:absolute;right:-0.5px;top:50%;margin-top:-6px;} .common-xc .xc_nav li:last-child:after{display:none;} .cbanner_mouse{position:absolute; width:23px; height:40px; cursor:pointer; background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px; -webkit-animation:nudgeMouse 1.6s linear infinite; animation:nudgeMouse 1.6s linear infinite; bottom: 100px;left: 50%;margin-left: 600px;} .cbanner_mouse:after, .cbanner_mouse:before{content:""; position:absolute;} .cbanner_mouse:before{width:23px; height:40px; background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px; -webkit-animation:colorSlide 1.6s linear infinite; animation:colorSlide 1.6s linear infinite; top:0; left:0; } .cbanner_mouse:after{background-color:#ffffff; width:4px; height:4px; border-radius:100%; -webkit-animation:trackBallSlide 1.6s linear infinite; animation:trackBallSlide 1.6s linear infinite; top:0; right:0; bottom:0; left:0; margin:auto;} @media only screen and (max-width: 1240px){ .common-xc .xc_banner .xc_title,.common-xc .xc_banner .bread {width: 940px; margin-left: -470px; } .cbanner_mouse{margin-left: 470px;} .common-xc .xc_nav li a {padding: 0 24px; } } @media only screen and (max-width: 992px){ .common-xc .xc_banner .xc_title,.common-xc .xc_banner .bread {width: 740px; margin-left: -370px; } .cbanner_mouse{margin-left: 370px;} .common-xc .xc_nav li a {padding: 0 14px; } } @media only screen and (max-width: 760px){ .common-xc .xc_banner {height:360px; background-attachment: scroll; background-size: cover; background-position: center; } .common-xc .xc_banner .xc_title{width: auto; left: 2%; bottom: 60px; margin: 0; font-size:22px;} .common-xc .xc_banner .bread{width: auto; left: 2%; bottom: 30px; margin: 0; font-size:14px;} .cbanner_mouse{display:none;} .common-xc .xc_nav{display: none;} } @-webkit-keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); } 68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); } 100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } } @keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); } 68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); } 100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } } @-webkit-keyframes nudgeMouse { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes nudgeMouse { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .index_slider{} .index_slider .ibanner{cursor: none;} .index_slider .item{overflow: hidden;z-index: 6;position: relative;} .index_slider .item img{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .index_slider .owl-item{overflow: hidden;} .index_slider .ibanner{visibility: hidden;} .index_slider .ibanner.owl-loaded{visibility: visible;} .index_slider .ibanner .text_box{position: absolute;top: 50%;width:600px;left:50%;margin-top: -100px;opacity: 0;filter: alpha(opacity=0);transition: all .8s ease;-webkit-transition: all .8s ease;visibility: hidden;z-index: 31; margin-left:-600px; cursor:pointer; color:#fff;} .index_slider .ibanner .active .text_box{opacity: 1;filter: alpha(opacity=100);visibility: visible;cursor: pointer;} .index_slider .ibanner .active .text_box a:hover{color:#fff;} .index_slider .ibanner .text_box .tit{font-size: 24px; position:relative; padding-left:110px;} .index_slider .ibanner .text_box .tit:before{content:""; position:absolute; top:0; left:0; width:110px; height:100%; background:url(../images/ibanner_flag.png) no-repeat left center;} .index_slider .ibanner .text_box .en{font-size:60px;font-family: 'impact'; line-height:1; margin:20px 0 30px;line-height: 80px;font-weight: bold;} .index_slider .ibanner .text_box .cn{font-size: 18px;} .index_slider .ibanner .text_box{position:relative;} .index_slider .ibanner .text_box:after{content:""; width:60px; height:2px; background:#fff; position:absolute; left:0; bottom:-40px;} .index_slider .en span{color: #fff;} .index_slider .ibanner .banner_img{width:1920px; max-width:none; position:absolute; left:50%; top:50%; margin-left:-960px; margin-top:-400px; height:auto;} .index_slider .cursor{position:fixed;top:0;left:0;z-index:30; pointer-events: none;display:none;} .index_slider .cursor .cursorIcon{width:33px;height:54px;background:url(../images/cursor-left.png) no-repeat center;transition: all .5s ease;-webkit-transition: all .5s ease;} .index_slider .cursor.right .cursorIcon{background: url(../images/cursor-right.png) no-repeat center;} .index_slider .item .video{min-width:100%; min-height:100%; position:absolute; left:0; top:0;} .index_slider .item .video_cover{background:url(../images/cover.png); position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;} .index_slider .owl-carousel .owl-item .mobile_img{display:none;} .index_slider .ibanner .owl-nav.ie_show{display:block;} .index_slider .ibanner .owl-nav.ie_show [class^=owl-]{position: absolute;width:33px;height:54px;left:5%;top:50%;margin-top: -27px;background: url(../images/cursor-left.png);z-index: 10;font-size: 0;} .index_slider .ibanner .owl-nav.ie_show [class^=owl-].owl-next{background: url(../images/cursor-right.png);right:5%;left:auto;} .index_slider .ibanner .wrap1300.ie_left{width: 900px;margin: 0 auto;} .d_b{display:block;} .common-page-xc{padding:90px 0;} .channel_content{min-height:300px;} .index {padding:0;} .index .index_en{font-size:36px; color:#3B3B3B; font-weight: bold;text-align: center;} .index .index_cn{font-size:14px; color:#979797; position:relative; line-height:1; margin-bottom:10px;margin-top: 10px;text-align: center;} .index .index_en_2{font-size:36px; color:#fff; font-weight: bold;} .index .index_cn_2{font-size:14px; color:#fff; display:inline-block; position:relative; line-height:1; margin-bottom:10px;} .index .index_cn:after{content:""; position:absolute; bottom:0; right:-5px; width:5px; height:5px; background:#e60012; border-radius:50%;} .index .index_desc{color:#979797; font-size:16px;} .index .index_more{color:#a8a8a8; position:absolute; right:0; top:30px;} .index .index_more span{color:#e60012; display:inline-block; *display:inline; *zoom:1; margin-left:5px;} .index .index_more:hover{color:#006ABD;} .index .pt1 .top{position:relative;} .index .pt1 .top ul{position:absolute; bottom:0; right:0;} .index .pt1 .top ul li{display:inline-block; *display:inline; *zoom:1; color:#000; font-size:16px; width:140px; line-height:25px; position:relative; padding-bottom:5px;} .index .pt1 .top ul li a{color:#000;} .index .pt1 .top ul li:hover a,.index .pt1 .top ul li.cur a{color:#e60012; font-size:16px;} .index .pt1 .top ul li:after{content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#e60012; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .index .pt1 .top ul li:hover:after,.index .pt1 .top ul li.cur:after{width:50px;} .index .pt1 .main{position:relative; margin-top:40px; padding-left:100px;} .index .pt1 .main:before{content:""; width:1800px; height:85%; background-size:cover; position:absolute; left:0; bottom:60px; z-index:-1;} .index .pt1 .main .left_box{width:45%; padding:0px 0 0px 50px;} .index .pt1 .main .en{font-size:56px; color:#e60012; font-family:Impact;} .index .pt1 .main .cn{font-size:37px; color:#000; font-weight:bold;} .index .pt1 .main .desc{font-size:16px;color: #999999;line-height: 28px;} .index .pt1 .main .para{font-size:19px; color:#000; font-weight:bold; margin:20px 0 10px;} .index .pt1 .main ul{overflow:hidden;} .index .pt1 .main ul li{width:33.3%; float:left;} .index .pt1 .main ul li .num{font-size:37px; color:#282828; font-family:Impact; text-transform:uppercase; line-height:1;} .index .pt1 .main ul li .de{font-size:16px; color:#6f6f70; margin-top:10px;} .index .pt1 .main .pic{position:absolute; right:0; bottom:-5%; width:48%;} .index .pt1 .main .ctrl{position:absolute; left:0; width:86px; height:460px; background:#006ABD; color:#fff; text-align:center;} .index .pt1 .main .ctrl i{font-size:26px; cursor:pointer;} .index .pt1 .main .ctrl a:hover{color:#fff;} .index .pt1 .main .ctrl .line{padding-top:35px;} .index .pt1 .main .ctrl .num{transform:rotate(-90deg)} .index .pt1 .main .ctrl .bar{width:2px; height:160px; background:#395c95; margin:15px 49px; position:relative;} .index .pt1 .main .ctrl .bar .process{content:""; position:absolute; top:0; left:0; right:0; height:0; background:#869bbe; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .index .pt1 .main .ctrl .tool{position:absolute; left:0; right:0; bottom:20px; } .index .pt1 .owl-nav{position:absolute; bottom:80px; left:60px; font-size:40px; color:#006ABD; overflow:hidden;} .index .pt1 .owl-nav>div{float:left;} .index .pt1 .owl-nav>div:hover{color:#e60012; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .index .pt1 .owl-nav i{margin-left:0; margin-right:20px;} .index .pt0{font-size: 26px; font-weight: 800; text-align: center; padding: 20px 0; color: #333; background: url(../images/line.png) no-repeat center center;} .index .pt0 span img { padding-top:3px;padding-left: 10px;padding-right: 5px; } .index .pt0 b {color: #006ABD !important;} /* 首页关于我们 */ .index .pt2{padding-top:80px; height: 640px;background: url(../images/video-bg.jpg) no-repeat right center; background-size:cover;} .index .pt2 .index_desc{color:#b9c0d0;} .index .pt2 a:hover{color:#fff;} .index .pt2 .t{font-size:24px; font-weight:bold; margin-bottom:10px;} .index .pt2 .d{font-size:15px; line-height:24px; height:48px; overflow:hidden;} .index .pt2 .con{padding:70px 60px 0;} .index .pt2 .box2{background:url(../images/ipt2_box2.png) no-repeat right center; background-size:cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ipt2_box2.png',sizingMethod='scale');} .index .pt2 .box4{background:url(../images/ipt2_box4.png) no-repeat right center; background-size:cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ipt2_box4.png',sizingMethod='scale');} .index .pt2 .box6{background:url(../images/ipt2_box6.png) no-repeat right center; background-size:cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ipt2_box6.png',sizingMethod='scale');} .index .conbox .tit{font-size:20px; margin-top: 30px;;color:#000; line-height:1; margin-bottom:18px; font-weight: bold;} /* .index .conbox .info{width:80%; margin-left: auto; margin-right:auto; font-size:12px; color:#333; line-height:24px; margin-bottom:40px; height:auto; overflow:hidden;text-align: left; height: 50px;} */ .index .pt1{padding:85px 0 80px; background: url(../images/ipt1-bg.jpg) no-repeat right center; background-size:cover;} .index .pt1 .company-box .company-text {width: 700px;padding: 30px 0 0;float: right;} .index .pt1 .company-box .company-pic{width: 647px; padding-top: 0;height: 510px; z-index: 9; float: left;} .pro_list_btn {margin-top: 0px;display: inline-block;box-sizing: border-box;border: 1px solid #006ABD;min-width: 130px;color: #006ABD;text-align: center;padding: 0 30px;height: 40px;border-radius: 50px;font-size: 14px;background: #fff;line-height: 40px;} /* 首页视频中心 */ .index .pt3{padding:70px 0; background: url(../images/ipt3_bg.jpg) no-repeat right center; background-size:cover; height: 580px;} .quality-con-02{width: 100%;position: relative;margin-top: 0px;overflow: hidden;} ul.quality-list-group2 li {width: 436px;height: 420px;float: left;display: table;-webkit-transition: all 0.3s;transition: all 0.3s;margin-right: 45px;} ul.quality-list-group2 li:nth-child(3) {margin-right: 0px;} ul.quality-list-group2 li.quality-list01 {background: url(../images/video01.jpg) no-repeat center;} ul.quality-list-group2 li.quality-list02 {background: url(../images/video02.jpg) no-repeat center;} ul.quality-list-group2 li.quality-list03 {background: url(../images/video03.jpg) no-repeat center;} ul.quality-list-group2 li .quality-list-txt {text-align: center;padding-top: 29%;} ul.quality-list-group2 li .quality-list-txt .num {font-size: 50px;font-weight: bold;color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s;transition: all 0.3s;} ul.quality-list-group2 li .quality-list-txt .tit {letter-spacing: -0.75px;color: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;} ul.quality-list-group2 li .quality-list-txt .tit span {font-size: 26px;} ul.quality-list-group2 li .quality-list-txt .txt {margin-top: 10px;width: 80%;margin: 0 auto;font-size: 16px;line-height: 1.8;color: #fff;padding-top: 15px;-webkit-transition: all 0.3s;transition: all 0.3s;} .quality-center-img img {display: block;width: 23vw;max-width: 388px;height: auto;position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;} ul.quality-list-group2 li.quality-list01:hover {background-size: cover;background: #006ABD;} ul.quality-list-group2 li.quality-list02:hover {background-size: cover;background: #006ABD;} ul.quality-list-group2 li.quality-list03:hover {background-size: cover;background: #006ABD;} ul.quality-list-group2 li:hover .quality-list-txt .num {color: rgba(255, 255, 255, 0.3);} ul.quality-list-group2 li:hover .quality-list-txt .tit {color: #fff;} ul.quality-list-group2 li:hover .quality-list-txt .txt {color: #fff;} .videos{ display:none; border: 0px solid #080808; position:fixed; left:50%; top:50%; /* margin-left:-320px; margin-top:-210px; */ z-index:100; width:640px; height:360px; width: 100%;height: 100%;position: fixed;background: rgba(0, 0, 0, 0.7);top: 0;right: 0;bottom: 0;left: 0;} .vclose { position:absolute;right:1%; top:3%; border-radius:100%; cursor: pointer; } #video {width: 840px;margin: 0 auto;position: fixed;left: 27%;top: 30%;} /*首页产品中心*/ .index .pt2 .pt3{ margin-top: 3%; } .index .pt2 .pt3 .tit{ font-size: 25px; font-weight: bold; color: #555; margin-bottom: 2%; } .index .pt2 .case_list li{ margin-bottom: 1%; /* width: 25%; */ float: left;margin-right: 18px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0, 0.1);} .index .pt2 .case_list li:nth-child(4n){margin-right: 0px;} .index .pt2 .case_list li a{ display: block; /* background: #f8f7f7; */border: 1px solid #f8f7f7; } .index .pt2 .case_list li .cover{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); top: 100%; left: 0; transition: all .3s ease; } .index .pt2 .case_list li .cover:after{ content: ""; position: absolute; width: 30px; height: 1px; top: 50%; left: 50%; margin-left: -15px; background: rgba(255,255,255,.5); display: block; } .index .pt2 .case_list li .cover:before{ content: ""; position: absolute; height: 30px; width: 1px; top: 50%; left: 50%; margin-top: -15px; background: rgba(255,255,255,.5); display: block; } .index .pt2 .case_list li .info{ padding: 5%;border-top: 1px solid #f8f7f7;} .index .pt2 .case_list li .info .title{ font-size: 16px; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index .pt2 .case_list li .info .decs{ font-size: 14px; color: #707070; } .index .pt2 .case_list li:hover a{ background: #006ABD; } .index .pt2 .case_list li:hover .info .title,.index .pt2 .pt3 li:hover .info .decs{ color: #fff; } .index .pt2 .case_list li:hover .info .title,.index .pt2 .pt3 li:hover .info .pro-tag{ color: #fff; } .index .pt2 .case_list li:hover .cover{ top: 0;} .index .pt2 .new_list_more{margin: 20px auto; width: 150px;display: block;} /* .index .pt2:after{content:""; position:absolute; left:50%; margin-left:600px; bottom:0; width:600px; height:250px;} */ /*.index .pt2:before{content:""; position:absolute; right:0; bottom:-80px; width:188px; height:334px; background:url(../images/ipt2_logo.png) no-repeat center; z-index:1;}*/ /* .index .pt2 .wrap{overflow:hidden;} */ .index .pt2 .box{overflow:hidden;} .index .pt2 .smbox{width:100%;} .index .pt2 .lgbox{width:45%;} .Box {position: relative;} .Box .content {width: 1400px;margin: 0 auto;} .Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;} .Box .Box_con {position: relative;} .Box .Box_con .btnl {position: absolute;} .Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 160px;cursor: pointer;} .Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -10px;z-index: 999;} .Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -5px;z-index: 999;} .Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;} .Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;} .Box .Box_con .conbox {position: relative;overflow: hidden;} .Box .Box_con .conbox ul {position: relative;list-style: none;} .Box .Box_con .conbox ul li {float: left;width: 320px;margin-left: 20px;overflow: hidden;} .Box .Box_con .conbox ul li:first-child {margin-left: 0;} .Box .Box_con .conbox ul li img {display: block;transition: all 0.5s;} .Box .Box_con .conbox ul li:hover img {transform: scale(1.1);} .Box .BoxSwitch {margin-top: 30px;text-align: center;} .Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;} .Box .BoxSwitch span.cur {background: red;} /* 首页应用行业 */ .index .pt4{padding:70px 0; background: url(../images/ipt4_bg.jpg) no-repeat top center; background-size:cover; height: 700px;} .application-list {display: block;margin-top: 40px;} ul.application-list li {width: 18%;height: 550px;float: left;display: table;-webkit-transition: all 0.3s;transition: all 0.3s;margin-right: 35px;box-shadow: 0 0 10px rgba(0,0,0, 0.1);} ul.application-list a li:nth-child(5) {margin-right: 0px;} ul.application-list li.quality-list01 {background: url(../images/app_01.jpg) no-repeat center;} ul.application-list li.quality-list02 {background: url(../images/app_02.jpg) no-repeat center;} ul.application-list li.quality-list03 {background: url(../images/app_03.jpg) no-repeat center;} ul.application-list li.quality-list04 {background: url(../images/app_04.jpg) no-repeat center;} ul.application-list li.quality-list05 {background: url(../images/app_05.jpg) no-repeat center; margin-right: 0px !important;} ul.application-list li .quality-list-txt {text-align: center;padding-top: 25%;} ul.application-list li .quality-list-txt .num {font-size: 50px;font-weight: bold;color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s;transition: all 0.3s;} ul.application-list li .quality-list-txt .tit {letter-spacing: -0.75px;color: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;} ul.application-list li .quality-list-txt .tit span {font-size: 20px;} ul.application-list li .quality-list-txt .txt {width: 80%;margin: 0 auto;font-size: 14px;line-height: 22px;color: #fff;padding-top: 25px;-webkit-transition: all 0.3s;transition: all 0.3s;} ul.application-list li .quality-list-txt .txt a:hover {color:#fff !important; text-decoration: underline;} .quality-center-img img {display: block;width: 23vw;max-width: 388px;height: auto;position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;} ul.application-list li.quality-list01:hover {background-size: cover;background: #006ABD;} ul.application-list li.quality-list02:hover {background-size: cover;background: #006ABD;} ul.application-list li.quality-list03:hover {background-size: cover;background: #006ABD;} ul.application-list li.quality-list04:hover {background-size: cover;background: #006ABD;} ul.application-list li.quality-list05:hover {background-size: cover;background: #006ABD;} ul.application-list li:hover .quality-list-txt .num {color: rgba(255, 255, 255, 0.3);} ul.application-list li:hover .quality-list-txt .tit {color: #fff;} ul.application-list li:hover .quality-list-txt .txt {color: #fff;} @media only screen and (max-width:992px){ .index .pt4 .main .right{width:100%;} } @media only screen and (max-width:760px){ .index .pt4 .main .right .scroll_con{height:294px} .index .pt4 .main .right .li_box .intro .t{font-size:16px;} .index .pt4 .main .right .li_box .date .day{font-size:30px;} .index .pt4 .main .right .li_box .date .year{font-size:12px;} .index .pt4 .main .right .li_box .intro{margin-top:0;} .index .pt4 .main .right .li_box .intro .t{margin-bottom:0;} } /*新闻列表*/ .list_bd ul li {/* border-bottom: 1px solid #e6e6e6; */} .news_list{padding:0px 0;} .news_list .pt1 .sele_box{padding:0 20px; font-size:18px;} .news_list .pt1 .sele{width:31%;margin-right:2%; padding-bottom:4px; background:url(../images/gradient_line.jpg) left bottom no-repeat; height:50px; line-height:50px; text-indent:20px; color:#006ABD; border:0; background:none; border-bottom:4px solid #006ABD; border-radius:0;} .news_list .pt1 .ipt_box{width:32%;padding-bottom:4px; background:url(../images/gradient_line.jpg) left bottom no-repeat;height:50px; line-height:50px; text-indent:20px; color:#006ABD; position:relative; background:none; border-bottom:4px solid #006ABD;} .news_list .pt1 .ipt_box .ipt{padding-right:40px;} .news_list .pt1 .select-ui-choose ._arrow .arr{border-color: #006ABD transparent transparent;} .news_list .pt1 .select-ui-choose-default.on ._arrow .arr{border-color: transparent transparent #006ABD;} .news_list .pt1 .ipt_box .ipt input{border:none; outline:none; display:block;height:50px; line-height:50px; width:100%; padding:0; text-indent:20px; background:none;} .news_list .pt1 .ipt_box button{display:block; width:40px; height:50px; position:absolute; right:0; top:0; border:none; outline:none; box-shadow:none; background:none center center no-repeat; padding:0; cursor:pointer; font-size:26px; color:#006ABD; font-weight:bold;} .news_list .pt2{padding:40px 0 50px;} .news_list .page_box{margin-top:40px;} .news_list .pt2 .list_box{padding:46px 20px 40px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .news_list .pt2 .list_main{overflow:hidden;} .news_list .pt2 .bd_r{width:20%;} .news_list .pt2 .bd_c{width:94%;padding:0 0 0 4%;} .news_list .pt2 .nopic .bd_c {width:84%;padding-right:0;} .news_list .pt2 .list_title{font-size:20px;color:#191919;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news_list .pt2 .list_tool{font-size:12px;color:#c9c9c9;padding:7px 0px;} .news_list .pt2 .list_tool .share{margin-left:20px;cursor:pointer;} .news_list .pt2 .list_p{font-size:14px;color:#464646;line-height: 26px;height:52px;overflow:hidden;} .news_list .pt2 .list_box:after{content: "";width:100%;height:1px;position:absolute;bottom:0;right:0;background-color: #e7ebee;} .news_list .pt2 li:hover .list_box{background-color:#F8FBFE;} .news_list .pt2 li:hover .list_box:after{background-color:#e7ebee; } .news_list .pt2 li:hover .list_time{background:;} .news_list .pt2 li:hover .list_title a{color:#006ABD;} .news_list .pt2 .list_time{padding: 1% 1%;font-size:14px;color:#fff;width:60px;background: #006ABD;text-align: center;} .news_list .pt2 .list_time_day{display:block;font-size:40px;color:#fff;line-height:50px;} .news_list .pt2 .bdshare-button-style1-16 a{padding:0;margin:0;background:none;height:20px;line-height:20px;} .news_list .pt2 .list_time:after{ content: "";position: absolute; width: 1px; height: 100%; background: #e6e6e6; display: block; top: 0; right: -25%; } /* .news_list .pt2 .list_time{ padding: 1% 1%; text-align: center; color: #666; position: relative; width: 71px; background: #006ABD;} */ /* .news_list .pt2 .list_time_day{ color: #fff; } */ @media only screen and (max-width:1240px){ .news_list .pt2 .list_box{padding:46px 10px 40px;} .news_list .pt2 .bd_l{width:10%;} .news_list .pt2 .bd_c{width:74%;} } @media only screen and (max-width:996px){ .news_list .pt2 .bd_c{width:68%;} } @media only screen and (max-width:760px){ .news_list .pt2 .bd_r{float: none;width:100%;} .news_list .pt2 .list_main{margin-top: 20px;} .news_list .pt2 .bd_l{width:20%;} .news_list .pt2 .list_box .bd_c{width:70%;padding: 0 0 0 5%;} .news_list .pt2 .list_box:after{width:100%;} .news_list .pt2 .list_time:after{display:none!important;} .news_list .pt2 .list_time{ margin-top:5px; width:60px;} .news_list .pt2 .list_time_day{font-size:32px; line-height:38px;} .news_list .pt2{padding-top:0;} } .news_text{font-size: 16px; line-height: 30px;} /*下拉框*/ body .select-ui-options-default li:hover{background:#006ABD;} .select-ui-options-sele_list2 {padding-top:2px;} .select-ui-options-sele_list2 li{line-height:40px; color:#333; text-indent:20px; font-size:16px; border-bottom:1px solid #fff; background:#f0f0f0;} .select-ui-options-sele_list2 li:hover{color:#fff; background:#006ABD;} /*分页*/ .common-page{font-size:0; margin-top:30px;text-align: center;} .common-page a,.common-page span{line-height:50px;color:#666;display: inline-block;vertical-align: middle;text-align:center;padding:0 20px;font-size:14px;margin:3px;border: 1px solid #e6e6e6;background-color: #fff;} .common-page a:hover,.common-page span.current,.common-page span.cur,.common-page a.cur{color:#fff; background-color: #006ABD;} @media only screen and (max-width:992px){ .common-page a, .common-page span{line-height:50px; padding:0 25px;} } @media only screen and (max-width:760px){ .common-page a, .common-page span{line-height:30px; padding:0 6px;} } /*新闻详细*/ .news_detail{background:#f0f0f0;padding:30px 0px 50px 0;} .news_detail .detail_l{width:70.3399%;} .news_detail .l_box{background:#fff;padding:6% 6%;} .news_detail .news_title{font-size:30px;color:#000;margin-bottom: 10px;} .news_detail .l_tools{margin-bottom:40px;line-height:20px;} .news_detail .l_tools span{display:inline-block;*display:inline;*zoom:1;font-size:14px;color:#5a5a5a;} .news_detail .news_time{margin-right: 20px;} .news_detail .switcher .title{display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;} .news_detail .detail_r{width:100%;} .news_detail .detail_r .arr_box{background:#fff;padding:2%;margin-top:14px;color:#666;display:block;} .news_detail .detail_r .arr_title{font-size:18px;color:#000;margin-bottom:10px;} .news_detail .detail_r .arr_news_title{font-size:14px;font-weight:normal;} .news_detail .detail_r .arr_time{font-size:14px;padding-top:6px;display:block;} .news_detail .detail_r .arr_box:hover{color:#fff;background:#006ABD;} .news_detail .detail_r .arr_box:hover .arr_title{color:#fff;} .news_detail .detail_r .share_box{background:#fff;padding:8%;} .news_detail .detail_r .share_title{font-size:18px;color:#000;margin-bottom:10px;} .news_detail .detail_r .black_list{width:100%;height:42px;line-height:42px;background:#e60012;text-align:center;font-size:18px;color:#fff;display:block;} .news_detail .newdetail_share{padding:10px 0px;} .news_detail .newdetail_share a{width:40px;height:40px;display:inline-block;cursor:pointer;text-align:center;border:1px solid #999;line-height:40px;border-radius:50%;background:none;padding:0;margin:0;margin-right: 10px;font-size:20px;color:#999;} /*新闻详细上下页*/ .proList_title{font-size: 24px;font-weight: bold; border-bottom: 2px solid #006ABD; padding-bottom: 10px; color: #006ABD; margin-left: 25px; margin-bottom: 20px;} .proList-list .detail_r{width:100%;} .proList-list .detail_l {width: 1100px;} .proList-list .detail_r .arr_box{background:#fff;padding:2%;margin-top:14px;color:#666;display:block;} .proList-list .detail_r .arr_title{font-size:18px;color:#000;margin-bottom:10px;} .proList-list .detail_r .arr_news_title{font-size:14px;font-weight:normal;} .proList-list .detail_r .arr_box:hover{color:#fff; background:#006ABD;} .proList-list .detail_r .arr_box:hover .arr_title{color:#fff;} @media screen and (max-width:760px){ .news_detail .detail_l,.news_detail .detail_r{width:100%;} .news_detail .news_title{font-size:24px;} } /*news_detail end*/ /*上下一页*/ .news_detail .detail_r2{width:24%; background: #fff; padding: 2%;} .news_detail .detail_r2 .arr_box{background:#fff;padding:8%;margin-bottom:14px;color:#666;display:block;} .news_detail .detail_r2 .arr_title{font-size:18px;color:#000;margin-bottom:10px;} .news_detail .detail_r2 .arr_news_title{font-size:14px;font-weight:normal;} .news_detail .detail_r2 .arr_time{font-size:14px;padding-top:6px;display:block;} .news_detail .detail_r2 .arr_box:hover{color:#fff;background:#006ABD;} .news_detail .detail_r2 .arr_box:hover .arr_title{color:#fff;} .r_box2 {height:105px} .link_img {width: 30%;} .link_img img {width: 100px; height:70px;} .link_con{width: 66%;margin-left: 10px;} .detail_r2 span {font-size: 20px;color: #000; margin-bottom: 20px; display: block;} .detail_r2 dd {font-size: 14px;color: #999; margin-top: 8px; display: block;} /*产品中心*/ .product .Box_con {position: relative;} .product .Box_con .btnl {position: absolute;} .product .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 200px;cursor: pointer;} .product .Box_con .btnl {background: url(../images/cursor-left.png) no-repeat center;left: -72px;} .product .Box_con .btnr {background: url(../images/cursor-right.png) no-repeat center;right: -72px;} .product .Box_con .btnl:hover {background: url(../images/cursor-left.png) no-repeat center;} .product .Box_con .btnr:hover {background: url(../images/cursor-right.png) no-repeat center;} .product .Box_con .conbox {position: relative;overflow: hidden;} .product .BoxSwitch {margin-top: 30px;text-align: center;} .product .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #fff;margin: 0 5px;cursor: pointer;} .product .BoxSwitch span.cur {background: #006ABD;} .product .pt1 .pt-hd{ margin-bottom: 3%; } .product .pt1 .pt-hd .tit{ font-size: 36px; font-weight: bold; color: #fff; text-align: center; } .product .pt1 .pt-hd .tit em{ color: #333; } .product .pt1 .pt-hd .tit span {font-size: 16px;display: block;font-weight: normal;margin-top: 20px;line-height: 28px;color: #999;} .product{overflow:hidden; margin-top:0;} .product .pt1{height:1150px;background:url(../images/product_bg.jpg) center center no-repeat; padding-top:150px; background-size:cover;} .product .pt1>.wrap{position:relative;} .product .pt1>.wrap .lists{height:520px;} .product .pt1 ul{height:100%;} .product .pt1 li{width:32%; float:left; background-color:rgba(211,219,228,0.7);height:100%;margin-right: 2%;margin-bottom: 2%;} .product .pt1 li:nth-child(3n){margin-right: 0;} .product .pt1 li a{display:block; height:100%;overflow:hidden;} .product .pt1 ._box{ width:100%; margin-top:50px; text-align:center; overflow:hidden;transition:all .5s ease 0s;} .product .pt1 .ico_box{width:95px; height:60px; margin-left:auto; margin-right:auto; margin-bottom:40px; display:none;} .product .pt1 .tit{font-size:20px; color:#000; line-height:1; margin-bottom:18px; font-weight: bold;} .product .pt1 .info{width:80%; margin-left: auto; margin-right:auto; font-size:12px; color:#000; line-height:24px; margin-bottom:40px; height:auto; overflow:hidden;text-align: left;} .product .pt1 .pd{height:100%;} .product .pt1 .pd:hover{border:0;} .product .pt1 .li5 .pd{border:0;} .product .pt1 a:hover .ico_box{display:none;} .product .pt1 a:hover .img_box{} .product .pt1 a:hover ._box{margin-top:50px;} .product .pt1 li>a:hover{background-color:#006ABD;} .product .pt1 a:hover .tit{color:#fff;} .product .pt1 a:hover .info{color:#fff;} .product .scroll_nav{display:none;} .product .arrs{display:block; width:30px; height:56px; top:50%; margin-top:-28px; position:absolute; transition:none;} .product .prev{background:url(../images/prosyn_prev.png) 0 0 no-repeat; left:-50px;} .product .prev:hover{background-position:-29px 0;} .product .next{background:url(../images/prosyn_next.png) 0 0 no-repeat; right:-50px;} .product .next:hover{background-position:-29px 0;} .sideNav {background: #fff; padding: 10px 10px 20px;} .proList-left {width: 280px;float: left;} .proList-nav { width: 280px;} .proNav-head {width: 280px; height: 72px; background-color: #006ABD;} .proNav-head span {display: inline-block;color: #fff; font-size: 24px;font-weight: bold;line-height: 72px;padding-left: 24px;background: url(../images/listico.png) no-repeat 20px center;} .sideNav {background: #fff; padding: 10px 10px 20px;} .sn-list-item {margin-top: 10px;} .sn-item-tit {overflow: hidden;transition: 0.3s; text-indent: 35px;font-size: 16px;color: #666;background: #fafafa url(../images/heiyuan.png) no-repeat 20px center;margin-bottom: 10px;border-radius: 5px;} .sn-list-item .cur{overflow: hidden;transition: 0.3s; text-indent: 35px;font-size: 16px;background: #fafafa url(../images/heiyuan.png) no-repeat 20px center;margin-bottom: 10px;border-radius: 5px;} .sn-list-item .cur a { float: left; max-width: 240px;height: 48px; line-height: 48px; font-size: 16px;color: #006ABD;transition: 0.3s;} .sn-list-item .cur span {width: 16px;height: 16px;float: right; background: url(../images/youguai.png) no-repeat center;margin-top: 16px;margin-right: 20px;} .sn-item-tit a { float: left; max-width: 240px;height: 48px; line-height: 48px; font-size: 16px;color: #555;transition: 0.3s;} .sn-item-tit span {width: 16px;height: 16px;float: right; background: url(../images/youguai.png) no-repeat center;margin-top: 16px;margin-right: 20px;} .pro-tag {margin-top: 10px;} .pro-tag p {color: #999;} .pro-tag span {float: right;display: block;margin-top: 5px;} .proList-cat {background: #fff;padding: 20px; margin-top: 20px;} .proCat-ipo {width: 240px;height: 60px;background: rgba(248,248,248,1) url(../images/dianhua.png) no-repeat 20px center;border-radius: 100px;} .proCat-tp {font-size: 12px;line-height: 14px; color: #008A32;margin-left: 66px; padding-top: 12px;} .proCat-tp span {display: block; font-size: 20px;color: #008A32;line-height: 23px; margin-top: 1px; font-weight: bold;} .proCat-tit {font-size: 14px;line-height: 20px;color: #8C8D8E; text-align: center; position: relative;margin-top: 20px;} .proCat-tit .zuo {position: absolute;left: 0; top: 0;bottom: 0; margin: auto;} .proCat-tit .you {position: absolute; right: 0; top: 0; bottom: 0;margin: auto;} .proCat-tit span {width: 40px;height: 1px; background: rgba(221,221,221,1);opacity: 0.5;} .proCat-post {margin-top: 15px;} .proCat-post a {width: 240px;height: 40px;background: #006ABD; border-radius: 100px;text-align: center;display: block;line-height: 40px;font-size: 16px; color: #fff;} .proCat-post span {display: inline-block;width: 20px;height: 14px; background: url(../images/zixun.png) no-repeat 0 0;position: relative;top: 2px;margin-right: 10px;} .sideNav .active ul {display: block;} .sideNav ul {padding: 11px 20px; display: none;} .sideNav ul li {line-height: 36px;font-size: 14px; text-indent: 14px;background: url(../images/qidian.png) no-repeat 0 18px;} /*三级菜单*/ .application .pt3 .sn-list-item li{ margin-bottom: 2%; width: 100%; float: left;} .application .pt3 .sn-list-item li a{ display: block; background: #fff; box-shadow: none !important;} .application .pt3 .sn-list-item li .cover{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); top: 100%; left: 0; transition: all .3s ease; } .application .pt3 .sn-list-item li .cover:after{ content: ""; position: absolute; width: 30px; height: 1px; top: 50%; left: 50%; margin-left: -15px; background: rgba(255,255,255,.5); display: block; } .application .pt3 .sn-list-item li .cover:before{ content: ""; position: absolute; height: 30px; width: 1px; top: 50%; left: 50%; margin-top: -15px; background: rgba(255,255,255,.5); display: block; } .application .pt3 .sn-list-item li .info{ padding: 6%; } .application .pt3 .sn-list-item li .info .title{ font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .application .pt3 .sn-list-item li .info .decs{ font-size: 14px; color: #707070; } .application .pt3 .sn-list-item li:hover { background: #006ABD; } .application .pt3 .sn-list-item li:hover .info .title,.application .pt3 li:hover .info .decs{ color: #fff; -webkit-box-shadow: 0px 0px 6px 1px #9e9e9e;} .application .pt3 .sn-list-item li:hover .cover{ top: 0;} .menu_list{background: #fff; padding: 10px 10px 20px;} .menu_list .current{background: #dff1ff url(../images/xiajian.png) center right no-repeat;background-position: 230px;} .menu_head{width:100%;height:48px;line-height:48px;font-size:16px;color:#555;cursor:pointer;position:relative; background:#fafafa url(../images/youguai.png) center right no-repeat;margin:0;text-indent: 20px;border-radius: 5px;margin-bottom: 10px;background-position: 230px;} /* .menu_head {overflow: hidden;transition: 0.3s; text-indent: 35px;font-size: 16px;color: #666;background: #fafafa url(../images/youguai.png) no-repeat 20px center;margin-bottom: 10px;border-radius: 5px;height: 48px; line-height: 48px; font-size: 16px;color: #555;transition: 0.3s;} */ /* .menu_head span {width: 16px;height: 16px;float: right; background: url(../images/youguai.png) no-repeat center;margin-top: 16px;margin-right: 20px;} */ .pro-tag {margin-top: 10px;} .menu_body{padding: 0 20px 10px 20px;} .menu_body a{display:block;width:223px;height:38px;line-height:38px;text-indent: 14px;color:#777777;background:#fff;text-decoration:none;font-size: 14px; background: url(../images/qidian.png) no-repeat 0 18px;} .menu_body .active {color:#006ABD; font-weight: bold;} .menu_body a:hover{text-decoration:none;} /*三级菜单-结束*/ .proList-list {width: 1100px;float: right;} .proList-cos {margin-top: 0px;} .pro-box {width: 31%;float: left; margin-left: 25px; min-height: 380px; background: #fff;} .proList-cos .pro-box {margin-bottom: 20px;} .proList-cos .pro-box:hover {background: #006ABD;} .pro-img {width: 100%; height: 270px; position: relative; overflow: hidden; text-align: center;} .pro-img img {width: 100%;height: 270px;} .pro-info { padding: 23px; border-top: 1px solid #F4F4F4; background: #fff;} .pro-tit a {font-size:18px; color: #333;} /*产品详细*/ .Product_con {padding: 6%;background: #fff;height: auto;overflow: hidden;border-top: 4px solid #006ABD;} .Product_con .title {margin-bottom: 4%;border-bottom: 1px solid #eee; } .Product_con .title h1 {height: auto;overflow: hidden;margin: 0 0 3%;font-size: 30px;font-weight:bold;text-align: left;color: #000;} .Product_con .box {height: auto;overflow: hidden;padding-bottom: 5%; margin-top: 2%;} .Product_con .box .con {font-size: 16px;line-height: 30px;} .Product_con .box1 .pic {border: 1px solid #e5e5e5;float: right;width: 40%;} .Product_con .box1 .text {} .Product_con .box .main_tit {margin-bottom: 20px;} .Product_con .box1 .pic {border: 1px solid #e5e5e5;float: right;width: 40%;} .Product_con .box1 .pic img {width: 100%;} .Product_con .main_tit {margin-bottom: 20px;} .Product_con .box .main_tit h1 {font-size: 22px;margin: 0;padding: 0;display: inline-block;color: #006ABD;border-radius: 0;} .product_detail{padding:85px 0;} .product_detail .wrap{ background:#eaeced;} .product_detail .pt1 .tab{position:relative; height:105px; overflow:hidden;} .product_detail .pt1 .tab .item{line-height:105px; color:#006ABD; display:block; font-size:19px; font-weight:bold; float:left; position:relative;} .product_detail .pt1 .tab .item.cur{background:#006ABD; color:#fff;} .product_detail .pt1 .tab .item.left{width:433px; position:absolute; left:0; top:0; background:url(../images/protab_left.png) no-repeat right center;} .product_detail .pt1 .tab .item.left:hover,.product_detail .pt1 .tab .item.left.cur{background:url(../images/protab_left_hover.png) no-repeat right center; color:#fff;} .product_detail .pt1 .tab .item.center{text-align:center; width:463px; position:absolute; left:370px; top:0; z-index:1; background:url(../images/protab_center.png) no-repeat center center; background-size:100% 100%;} .product_detail .pt1 .tab .item.center:hover,.product_detail .pt1 .tab .item.center.cur{background:url(../images/protab_center_hover.png) no-repeat center center; background-size:100% 100%; color:#fff;} .product_detail .pt1 .tab .item.right{text-align:right; width:430px; position:absolute; right:0; top:0; background:url(../images/protab_right.png) no-repeat left center;} .product_detail .pt1 .tab .item.right:hover,.product_detail .pt1 .tab .item.right.cur{background:url(../images/protab_right_hover.png) no-repeat left center; color:#fff;} .product_detail .pt1 .tab .item div{padding:0 60px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .product_detail.detail3 .pt1 .tab .item.left,.product_detail.detail3 .pt1 .tab .item.center{width:340px; background-size:100% 100%;} .product_detail.detail3 .pt1 .tab .item.right{width:340px; background-size:100% 100%;} .product_detail.detail3 .pt1 .tab .item.center1{left:289px;} .product_detail.detail3 .pt1 .tab .item.center2{left:581px;} .product_detail.detail3 .pt1 .tab .item div{padding:0 30px;} .product_detail .pt2 .fix{padding-bottom:20px;} .product_detail .pt2 .l{width:45%;} .product_detail .pt2 .l .con{padding-top:100px; padding-left:60px;} .product_detail .pt2 .l .con .tit{font-size:37px; color:#000; font-weight:bold; margin-bottom:10px;} .product_detail .pt2 .l .con .link{margin-top:70px;} .product_detail .pt2 .l .con .link a{display:inline-block; *display:inline; *zoom:1; margin-right: 40px; line-height:18px;} .product_detail .pt2 .l .con .link .look{width:17px; height:17px; display:inline-block; *display:inline; *zoom:1; background:url(../images/view_icon.png) no-repeat; float:left; margin-right:3px;} .product_detail .pt2 .l .con .link a:hover i{color:#555;} .product_detail .pt2 .r{width:50%;} .product_detail .pt3 .item{background:#d6d6d6; text-align:center; padding:15px 0; font-size:16px; color:#333; cursor:pointer;} .product_detail .pt3 .item:hover{color:#fff; background:#006ABD; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .product_detail .pt3 .item .icon{width:40px; height:40px; background:url(../images/prodetail_icon.png) repeat; margin:0 auto 5px;} .product_detail .pt3 .item.item1 .icon{background-position:0 0;} .product_detail .pt3 .item.item2 .icon{background-position:-40px 0;} .product_detail .pt3 .item.item3 .icon{background-position:-80px 0;} .product_detail .pt3 .item.item4 .icon{background-position:-120px 0;} .product_detail .pt3 .item.item5 .icon{background-position:-160px 0;} .product_detail .pt3 .item.item6 .icon{background-position:-200px 0;} .product_detail .pt3 .item.item1:hover .icon{background-position:0 -40px;} .product_detail .pt3 .item.item2:hover .icon{background-position:-40px -40px;} .product_detail .pt3 .item.item3:hover .icon{background-position:-80px -40px;} .product_detail .pt3 .item.item4:hover .icon{background-position:-120px -40px;} .product_detail .pt3 .item.item5:hover .icon{background-position:-160px -40px;} .product_detail .pt3 .item.item6:hover .icon{background-position:-200px -40px;} .common-num{line-height:34px; background:url(../images/common_numbg.png) no-repeat left center; margin:50px 0 30px;} .common-num .no{color:#fff; font-size:22px;display:inline-block; *display:inline; *zoom:1; width:85px; padding-left:10px;} .common-num .t{font-size:20px; color:#333; font-weight:bold; } .product_detail .pt3 .con,.product_detail .pt4 .con{padding:0 25px;} .product_detail .pt4 .box{overflow:hidden;} .solution{overflow:hidden; padding:50px 0 40px;} .solution .gear{color:#fff; font-weight:bold; text-align:center; line-height:1.2;} .solution .gear .imgY180:hover a{ cursor:pointer; -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); transform:rotateY(360deg) } .solution .gear a{display:inline-block; *display:inline; *zoom:1; -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;} .solution .gear a:hover{color:#fff;} .solution .gear .item1{font-size:22px; top:35%; left:9.5%;} .solution .gear .item2{font-size:28px; top:33%; left:22%;} .solution .gear .item3{font-size:30px; top:50%; left:35%;} .solution .gear .item4{font-size:32px; top:18%; left:52.3%;} .solution .gear .item5{font-size:22px; top:74%; left:53.5%;} .solution .gear .item6{font-size:22px; top:50%; left:62%;} .solution .gear .item7{font-size:22px; top:35%; left:73.5%;} .solution .gear .item8{font-size:22px; top:50%; left:82.5%;} .solution .gear .icon{display:none;} .solution_detail{padding:85px 0 100px;} .solution_detail .pt1 .l{line-height:45px; width:260px;} .solution_detail .pt1 .l li{margin-bottom:4px; background:#e7e7ea; color:#000; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; cursor:pointer;} .solution_detail .pt1 .l li.cur,.solution_detail .pt1 .l li:hover{background:#006ABD; color:#fff;} .solution_detail .pt1 .l li.cur .icon,.solution_detail .pt1 .l li:hover .icon{background:#1a3978;} .solution_detail .pt1 .l .icon{display:inline-block; *display:inline; *zoom:1; width:45px; color:#fff; text-align:center; background:#a4a4ab; margin-right:25px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .solution_detail .pt1 .r{width:70%;} .solution_detail .common-num{margin-top:0;} .picture_list{margin-top:40px;} .picture_list ._info h3{display:none; text-align:center; font-size:15px; font-weight:normal; line-height:63px; height:63px; overflow:hidden; text-overflow:ellipsis; background:#ecf1f4;} .picture_list li{ cursor: pointer; margin-bottom: 40px; } .picture_list ._img ._mask{ z-index: 4; width: 100%; height: 0%; overflow: hidden; position: absolute; left: 0; bottom: 0;background:url(../images/blue.6.png) repeat;opacity: 0;transition: all 0.5s ease;overflow: hidden;} .picture_list li:hover ._img ._mask{opacity: 1;transition: all 0.5s ease;height: 100%;} .picture_list ._img i{ display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; margin-top: -26px; margin-left: -26px; color: #fff;padding: 0;opacity: 0; width:52px; height:52px; background:url(../images/pic_view.png) no-repeat center;} .picture_list li:hover ._img i{opacity: 1;transition: all 0.5s ease;} body .album_ordinary .album_close{background:#006ABD;} .create{padding:40px 0 70px;} .create .desc{line-height:27px;} .rect-69{padding-bottom:69%;} .rect-142{padding-bottom:142%;} body .album_wrap{z-index:100;} /*图片列表*/ .application {padding: 0px 0 50px 0;} .application .pt3{padding-top: 50px; overflow: hidden;} .application .pt3 .tit{ font-size: 25px; font-weight: bold; color: #555; margin-bottom: 2%; } .application .pt3 li{ margin-bottom: 2%; width: 23%; float: left;margin-right: 34px;box-shadow: 0 0 10px rgba(0,0,0, 0.1);background: #f8f7f7;border: 1px solid #e6e6e6;} .application .pt3 li:nth-child(4n){margin-right: 0px;} .application .pt3 li a{ display: block; background: #f8f7f7; border: 1px solid #f8f7f7; } .application .pt3 li .cover{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); top: 100%; left: 0; transition: all .3s ease; } .application .pt3 li .cover:after{ content: ""; position: absolute; width: 30px; height: 1px; top: 50%; left: 50%; margin-left: -15px; background: rgba(255,255,255,.5); display: block; } .application .pt3 li .cover:before{ content: ""; position: absolute; height: 30px; width: 1px; top: 50%; left: 50%; margin-top: -15px; background: rgba(255,255,255,.5); display: block; } .application .pt3 li .info{ padding: 6%; } .application .pt3 li .info .title{ font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .application .pt3 li .info .decs{ font-size: 14px; color: #707070; } .application .pt3 li:hover a{ background: #006ABD; } .application .pt3 li:hover .info .title,.application .pt3 li:hover .info .decs{ color: #fff; } .application .pt3 li:hover .cover{ top: 0;} .application .pt3 .big_title{text-align: center; margin-bottom: 30px;} .application .pt3 .big_title span {margin-top: 5px;display: block;color: #999;} .qywh_con {float: right; width: 620px; overflow: hidden;} .qywh_list {font-size: 18px;color: #fff;margin-left: 130px; padding-top: 120px;} .qywh_list span{font-size: 20px;font-weight: bold;color: #fff;display: block;} .qywh_list:nth-child(2) {font-size: 18px;color: #fff;margin-left: 130px; padding-top: 120px;} .qywh_list:nth-child(3) {font-size: 18px;color: #fff;margin-left: 130px; padding-top: 97px;} /* .box01 li.on{ z-index:99;} .box01 li.on .in{ padding: 5px; border: 1px solid #ccc; position:absolute;z-index:100; width:auto; text-align: center; top:-40px; background: #fff;} .box01 li.on .in p{ position:relative; display:block;} .box01 li.on img{ height: auto; margin-bottom: 8px;} .bsc{ background:url(../images/icon01.png) no-repeat; position:absolute; right:10px; width: 19px; height: 15px; font-size: 0; float:right;} */ /*下载中心*/ .downlist {padding: 0px 0 50px 0;} .downlist .pt3{ margin-top: 3%; } .downlist .pt3 .tit{ font-size: 25px; font-weight: bold; color: #555; margin-bottom: 2%; } .downlist .pt3 li{ margin-bottom: 2%; width: 23%; float: left;margin-right: 37px;box-shadow: 0 0 10px rgba(0,0,0, 0.1);text-align: center;} .downlist .pt3 li:nth-child(4){margin-right: 0px;} .downlist .pt3 li .info{ padding: 10%;} .downlist .pt3 li .info p {max-height: 150px;} .downlist .pt3 li .info p img {height: auto !important; max-height: 130px; max-width: 100% !important;border: 1px solid #e6e6e6;} .downlist .pt3 li .info .title{ font-size: 16px; color: #000; overflow: hidden; padding-bottom: 2%;margin-top: 20px;vertical-align: middle;} .downlist .pt3 li .info .title2{font-size: 14px; color: #666; overflow: hidden; } .downlist .pt3 li .info .title2:nth-child(4){width: 100%;} .downlist .pt3 li .info2{ padding: 2%;} .downlist .pt3 li .info2 .title{ font-size: 16px; font-weight: bold; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 40%;padding-bottom: 2%;} .downlist .pt3 li .info2 .title2{font-size: 16px; font-weight: bold; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 25%;} .downlist .pt3 li .info2 .title2:nth-child(4){width: 10%;} .downlist .pt3 li a{ display: block; background: #f8f7f7;width: 100px;text-align: center;padding: 5px;margin: 10px auto;} .downlist .pt3 li:hover a{ background: #006ABD;width: 100px;text-align: center;padding: 5px;color: #fff;} .downlist .pt3 li:hover .info .decs{ color: #fff; } .downlist .pt3 li:hover { -webkit-box-shadow: 0px 0px 6px 1px #9e9e9e;} /*应用领域*/ .ipt2{ background: url(../images/ipt2-bg.jpg) no-repeat center center; height: 880px; background-size: cover; padding: 170px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ipt2 .wrap{ position: relative; } .rect-168{ padding-bottom: 168%; } .ipt2 .pt-hd{ margin-bottom: 3%; } .ipt2 .pt-hd .tit{ font-size: 36px; font-weight: bold; color: #fff; text-align: center; } .ipt2 .pt-hd .tit em{ color: #fff; } .ipt2 .pt-hd .tit span {font-size: 16px;display: block;font-weight: normal;margin-top: 10px;} .ipt2 .owl-carousel{} .ipt2 .item {width: 277.5px;margin-right: 30px;float: left;} .ipt2 .item:nth-child(4n){margin-right: 0px;} .ipt2 .item a{ display: block; } .ipt2 .item .imgbox{ position: relative; } .ipt2 .item .con{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ipt2 .item .con .top{ width: 100%; top: 0; left: 0; position: absolute; padding: 15% 0 0 15%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; transition: all .3s ease; } .ipt2 .item .con .top .tit{ font-size: 28px; } .ipt2 .item .con .bottom{ width: 100%; bottom: 0; left: 0; position: absolute; padding: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; transition: all .3s ease; z-index: 2; } .ipt2 .item .con .bottom:after{ content: ""; position: absolute; bottom: 0; right: 0; background: url(../images/hchc.png) no-repeat; width: 202px; height: 73px; background-size: cover; z-index: -1; } .ipt2 .item .con .bottom .title{ font-size: 24px; position: relative; margin-bottom: 15px; opacity: 0; transition: all .3s ease; } .ipt2 .item .con .bottom .title:after{ content: ""; position: absolute; width: 20px; height: 1px; background: #fff; top: 50%;display: block; right: 0;} .ipt2 .item .con .bottom .title:before{ content: ""; position: absolute; width: 1px; height: 20px; background: #fff; top: 50%; margin-top: -10px; display: block; right: 10px; } .ipt2 .item .con .bottom .decs{ height: 2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 20px; border-top: 1px solid #fff; transition: all .5s ease; } /*.ipt2 .item:hover .top,.ipt2 .item.cur .top{ opacity: 0; } .ipt2 .item:hover .bottom,.ipt2 .item.cur .bottom{ background: #006ABD; background:-moz-linear-gradient(45deg,#0c4d89 0,#006ABD 50%,#0183dc 100%);background: -webkit-linear-gradient(45deg,#0c4d89 0,#006ABD 30%,#0183dc 90%);background: -ms-linear-gradient(45deg,#0c4d89 0,#006ABD 30%,#0183dc 90%);background: linear-gradient(45deg,#0c4d89 0,#006ABD 30%,#0183dc 90%); }*/ .ipt2 .item:hover .bottom .title,.ipt2 .item.cur .bottom .title{ opacity: 1; } .ipt2 .item:hover .bottom .decs,.ipt2 .item.cur .bottom .decs{ height: auto; overflow: auto; text-overflow: inherit; white-space: normal; } .ipt2 .owl-prev,.ipt2 .owl-next{ position: absolute; top: 50%; background: url(../images/ipt2-owl-pn.png) no-repeat; width: 53px; height: 119px; font-size: 0; cursor: pointer; transition: all .3s ease; } .ipt2 .owl-prev{ left: -65px; background-position: 0 -119px } .ipt2 .owl-prev:hover{ background-position: 0 0; } .ipt2 .owl-next{ background-position: -53px -119px; right: -65px; } .ipt2 .owl-next:hover{ background-position: -53px 0; } .solution-benefits {background: url(../images/solution-benefitsbg.jpg) no-repeat;background-size: cover; height: 520px; text-align: center;margin-top: 2%;} .solution-benefits .solution-tit {padding: 60px 0 15px; color: #fff; line-height: 40px;} .solution-benefits .benefits-con { max-width: 1400px; position: relative; margin: auto;} .solution-benefits .benefits-con .benefits-container {height: 306px;} .solution-benefits .benefits-con .item {height: 263px; width: 198px;text-align: center;padding: 43px; transition: 0.3s;} .solution-benefits .benefits-con .item .pic img {width: 64px;height: 64px;} .solution-benefits .benefits-con .item .pic .img2 {display: none;} .solution-benefits .benefits-con .item h4 {padding: 20px 0;color: #ffffff; position: relative;} .solution-benefits .benefits-con .item p {width: 214px; line-height: 1.5; color: #ffffff;padding-top: 0px;text-align: left;font-size: 16px;} .about-e {height:auto;} .about-e .list a {float: left;width: 100%; height: 450px;background-color: rgba(241,241,241,.7);margin-right: 1.8%; border-radius: 0.125rem;text-align: left; box-sizing: border-box; color: #3B3B3B;transition: all 0.8s; margin-bottom: 50px;padding: 4% ;} .about-e .list a:nth-child(2n) {margin-right: 0; } .about-e .list a img {} .about-e .list a .p1 {font-size: 26px;font-weight:bold; padding-top: 50px; } .about-e .list a .p2 {font-size: 16px; line-height: 30px;overflow-y: auto; padding-top: 20px;} .about-e .list a:hover {background-color: #006ABD; color: #fff;} .use_con {float:left; width: 600px;} .use_img{display: block;float: right;} .use_img img {width: 600px; height: 340px;} .use_con_btn {margin-top: 50px;display: inline-block;box-sizing: border-box;border: 0px solid #006ABD;min-width: 130px;color: #fff; text-align: center; padding: 0 30px;height: 40px;font-size: 14px; background: #006ABD;line-height: 40px;} .use_con_btn2 {margin-top: 10px;display: inline-block;box-sizing: border-box;border: 0px solid #006ABD;min-width: 130px;color: #fff; text-align: center; padding: 0 30px;height: 40px;font-size: 14px; background: #006ABD;line-height: 40px;} .use_con_btn2 a:hover {color:#fff; text-decoration: underline;} .use_con_btn3 {margin-top: 10px;display: inline-block;box-sizing: min-width: 130px;color: #006ABD; text-align: left; height: 40px;font-size: 14px; line-height: 40px;} .use_con_btn3 a:hover {color:#fff; text-decoration: underline;} .proList-cos2 {margin-top: 0px; margin-left: 25px;} .proList-cos2 .list_box{position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding: 30px 0; border-bottom: 1px solid #e6e6e6;} .proList-cos2 .list_main{overflow:hidden;} .proList-cos2 .bd_r{width:20%;} .proList-cos2 .bd_c{width:94%;padding:0 0 0 4%;} .proList-cos2 .nopic .bd_c {width:84%;padding-right:0;} .proList-cos2 .list_title{font-size:20px;color:#191919;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .proList-cos2 .pt2 .list_tool{font-size:12px;color:#c9c9c9;padding:7px 0px;} .proList-cos2 .pt2 .list_tool .share{margin-left:20px;cursor:pointer;} .proList-cos2 .pt2 .list_p{font-size:14px;color:#464646;line-height: 26px;height:52px;overflow:hidden;} .proList-cos2 .pt2 .list_box:after{content: "";width:100%;height:1px;position:absolute;bottom:0;right:0;background-color: #e7ebee;} .proList-cos2 .pt2 li:hover .list_box{background-color:#F8FBFE;} .proList-cos2 .pt2 li:hover .list_box:after{background-color:#e7ebee; } .proList-cos2 .pt2 li:hover .list_time{background:;} .proList-cos2 .pt2 li:hover .list_title a{color:#006ABD;} .news_list .pt2 .list_time{padding: 1% 1%;font-size:14px;color:#fff;width:60px;background: #006ABD;text-align: center;} .news_list .pt2 .list_time_day{display:block;font-size:40px;color:#fff;line-height:50px;} .news_list .pt2 .bdshare-button-style1-16 a{padding:0;margin:0;background:none;height:20px;line-height:20px;} .news_list .pt2 .list_time:after{ content: "";position: absolute; width: 1px; height: 100%; background: #e6e6e6; display: block; top: 0; right: -25%; } /*应用领域-end*/ .rect-42{padding-bottom:42%;} .develop{position: relative;overflow: hidden;z-index:4;} .develop .part01 {overflow: hidden;padding:64px 0;background-color: #fff;} .develop .part01 .his_left {float:left;} .develop .part01 .his_left.at{position: absolute;left:0;bottom: 51px;} .develop .part01 .his_left .his_img{height: 351px;} .develop .part01 .his_left .date_{position: relative;overflow: hidden;width:100%; width:368px;} .develop .part01 .his_left .date_.at{position: absolute;left:0;bottom:0;} .develop .part01 .his_left .date_.fixed{position: fixed;left:50%;margin-left: -600px;top:66px; z-index: 22;} .develop .part01 .his_left .date_ ul li{height: 94px;line-height: 94px;text-align: center; font-size: 22px;color:#2f2f2f;border-bottom: 1px solid #fff;background-color: #f1f1f1;} .develop .part01 .his_left .date_ ul li a{display:block;} .develop .part01 .his_left .date_ ul li.on{background-color:#006ABD;} .develop .part01 .his_left .date_ ul li.on a{color:#fff;} .develop .part01 .his_left .date_ ul li:hover{background-color:#006ABD;} .develop .part01 .his_left .date_ ul li:hover a{color:#fff;} .develop .part01 .his_right{width:63%;float:right;border-left: 1px solid #e6e6e6;} .develop .part01 .his_right ul li{margin-bottom: 50px;position: relative;border:7px solid #e7e7e7;margin-left: 60px;} .develop .part01 .his_right ul li .oc{position: absolute;left:-76px;top:38px;} .develop .part01 .his_right ul li .os{position: absolute;left:-36px;top:33px;} .develop .part01 .his_right ul li .mask_ {margin:40px 40px;} .develop .part01 .his_right ul li .mask_ .title{font-size: 38px;color:#006ABD;text-align: left; margin-bottom: 14px;} .develop .part01 .his_right ul li .mask_ .p{font-size: 14px;color:#5a5a5a;line-height: 24px;} .develop .part01 .his_right ul li .mask_ .bg_img{margin-top: 35px;} .develop .part01 .his_right ul li.li_ .bg_img{display: none;} .develop .part01 .his_right ul li .mask_ .bg_img .img_title{position:absolute;bottom:0;left:0;width:100%;height:34px;line-height:34px;background:url(../images/blue.6.png) repeat;} .develop .part01 .his_right ul li .mask_ .bg_img .img_title span{display:block;padding:0px 10px;font-size:14px;color:#fff;font-weight:normal;text-align:center;} .develop .part01 .his_right .pic{margin-top:30px; overflow:hidden;} .develop .part01 .his_right .pic img{width:100%;} .develop .part01 .his_right .pic.t_pic img{width:48%; float:left;} .develop .part01 .his_right .pic.t_pic img:first-child{margin-right:4%;} /*关于我们*/ .about{height: auto; margin-bottom: 50px;} .about .pt1 {overflow:hidden;} .about .pt1 .year{color:#006ABD; font-size:60px; font-family:Impact; letter-spacing:1px; text-transform:uppercase;} .about .pt1 .t{font-size:31px; color:#006ABD; margin-bottom:25px;} .about .pt1 .video_box{width:390px; margin-left:60px; margin-bottom:50px; cursor:pointer;} .about .pt1 .video_box video{position:absolute; width:100%; height:100%; left:0; top:0;} .about .pt1 .video_box img{z-index:1;} .about .pt1 .video_box .play{width:70px; height:70px; position:absolute; left:50%; top:50%; margin-left:-35px; margin-top:-35px; background:url(../images/video.png) center center no-repeat; z-index:1;} .about .pt2{padding:30px 0; overflow:hidden;} .about .pt2 .number_box{padding:60px 0; background:url(../images/about_databg.jpg) center center no-repeat; background-size:cover;font-size:15px; color:#fff;} .about .pt2 .number_box .num_box,.about .pt2 .number_box .info_box{margin-left:25%;} .about .pt2 .number_box .num_box .number{font-size:48px; color:#fff; font-family:Impact;} .about .content {font-size:16px; line-height: 30px;} /*关于综合*/ .about_main .rect-40{padding-bottom:40%;} .about_main .rect-120{padding-bottom:120%;} .about_main .rect-114{padding-bottom:114%;} .about_main .ch_sub_tt { font-size:28px; font-weight:bold; color:#000000; text-transform:uppercase; } .about_main .ch_bdr { border:#f3f3f3 10px solid; } .about_main .sub_tt ._hd { font-size:32px; font-weight:bold; line-height:2.4; color:#2f2f2f; } .about_main .part01 {padding:90px 0;} .about_main .part01 .en{font-size:56px; font-family:Impact; color:#006ABD; text-transform:uppercase; line-height:1; margin-top:75px;} .about_main .part01 .cn{font-size:34px; color:#000; font-weight:bold; margin:10px 0 30px; position:relative; display:inline-block; *display:inline; *zoom:1; line-height:1;} .about_main .part01 .cn:after{content:""; position:absolute; bottom:2px; right:-8px; width:5px; height:5px; background:#e60012; border-radius:50%;} .about_main .part01 ._right ._right_box{padding-left:55px;} .about_main .part01 ._right ._bd {font-size:16px; color:#a9a9a9; line-height:25px;} .about_main .part01 ._right{position:relative;} .about_main .part01 ._right:after{content:"culture"; width:175px; line-height:155px; text-align:center; color:#000; font-size:20px; background:#fff; position:absolute; top:0; right:0; text-transform:uppercase;} .about_main .part02 { padding:70px 0; background-color:#fff; } .about_main .part02 ._ban {width:25%; } .about_main .part02 .tab_box{width:75%;} .about_main .part02 .tab_c_list { width:64%; } .about_main .part02 .tab_c_list .tab_c{ padding:45px 100px 65px 72px; background-color:#f3f6f8; } .about_main .part02 .tab_c_list .tab_c ._hd { margin-bottom:19px; font-size:30px; font-weight:bold; color:#006ABD; } .about_main .part02 .tab_c_list .tab_c ._bd { height:187px; overflow:hidden; line-height:26px; } .about_main .part02 .tab_t_list {width:34%; } .about_main .part02 .tab_t {width:100%; font-size:22px; line-height:90px; color:#2f2f2f; background-color:#ffffff; text-align:center; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .about_main .part02 .tab_t a{display:block; margin:0;} .about_main .part02 .tab_t a:hover{color:#fff;} .about_main .part02 .tab_t.tab_t_cur { color:#ffffff; background-color: #e60012 !important; } .about_main .part03 {padding:60px 0 75px; } .about_main .part03 .item { position:relative; } .about_main .part03 ._mask { position:absolute; top:0; left:0; right:0; bottom:0; color:#ffffff; text-align:center; padding-top:60px; padding-left:50px;} .about_main .part03 .item01 ._mask {background:url(../images/red.8.png) repeat;} .about_main .part03 .item02 ._mask {background:url(../images/blue.8.png) repeat;} .about_main .part03 ._mask ._hd { padding-top:55px; padding-bottom:4px; font-size:24px; font-weight:bold; } .about_main .part03 ._mask ._bd { padding-bottom:13px; font-size:18px; font-weight:normal; } .about_main .part03 ._mask ._more { font-size:13px; font-family:Arial; text-transform:uppercase; } .about_main .part03 .sub_tt { margin-bottom:48px; } .about_main ._btn_list ._more_btn { display:inline-block; *display:inline; *zoom:1; margin-right:40px; margin-bottom:37px; } .about_main ._btn_list ._more_btn ._txt{position:relative;z-index: 2;} .about_main ._Mbtn { -webkit-transition:all 0.3s ease; transition:all 0.3s ease; *cursor:hand; } .about_main a{display:inline-block; *display:inline; *zoom:1; margin:30px 0;} .about_main ._more_btn{padding:15px 100px 10px; display:inline-block; *display:inline; *zoom:1;} .about_main ._Mbtn:hover{box-shadow: 0 8px 18px #ccc;} .about_main .part01 ._right ._btn_list a{display: inline-block;} .about_main .video_con{cursor:pointer;} .about_main .video_con .play{width:70px; height:70px; position:absolute; left:50%; top:50%; margin-left:-35px; margin-top:-35px; background:url(../images/video.png) center center no-repeat; z-index:1;} .about_main .part03 .sub_tt ._hd{text-align:center; font-size:28px; color:#2f2f2f;} .about_main .part03 .sub_tt ._bd{text-align:center;} .about_main .part03 a{width:100%; margin:0; color:#fff;} .about_main .part03 .en{font-family:Impact; font-size:48px; line-height:1; text-transform:uppercase; text-align:left;} .about_main .part03 .cn{font-size:32px; text-align:left;} @media only screen and (max-width: 1240px){ .about_main .part01 ._right ._right_box{padding:4% 10%;border:none;} .about_main .part02 .tab_c_list .tab_c{padding: 30px 20px;} .about_main ._btn_list ._more_btn{margin-bottom: 33px;} .about_main .part01 .down{background: #eee;} } @media only screen and (max-width: 992px){ .about_main .part01 ._right ._right_box{border-left: #f3f3f3 10px solid;padding:2% 4%;} .about_main .part03 ._mask ._hd{padding-top:20px;} .about_main .part02 ._ban{display: none;} .about_main .part02 .tab_box, .about_main .part02 .tab_t_list, .about_main .part02 .tab_c_list{width: 100%} .about_main .part02 .tab_t{width: 25%;float: left;font-size: 18px;margin-bottom: 10px;} .about_main .part02 .tab_c_list .tab_c ._bd{height:auto:} .about_main .part02 .rect-40{padding-bottom: 0;height: auto;} } @media only screen and (max-width: 760px){ .about_main .part02 ._ban,.about_main .part02 .tab_box,.about_main .part02 .tab_t_list,.about_main .part02 .tab_c_list{width:100%;} .about_main .part02 .tab_c_list .tab_c{padding:8%;} .about_main .part01 ._right ._btn_list a{width: 40%;margin:0 4%;overflow: hidden;} .about_main ._btn_list ._more_btn{width: 100%;margin-right: 0;} .about_main .part02 .tab_t{width: 50%;line-height: 50px;font-size: 16px;} } /*联系我们-方式*/ .contact{padding:80px 0 0px; } .contact .contact_l{width:60%;height:auto;text-align: right;} .contact .contact_l img{max-width:none;} .contact .contact_r{width:40%; /* background:url(../images/contact_bj.jpg) left center no-repeat; */} .contact .contact_r_box{color:#3B3B3B;margin-top: 30px;} .contact .contact_r_box a:hover{color:#fff;} .contact .contact_r_box .r_title{font-size:26px;font-weight:bold;padding-bottom:0px;} .contact .contact_r_box .item {padding: 20px 0;} .contact .contact_r_box .item:nth-child(4) {padding: 20px 0 40px 0;border-bottom: 1px solid #eee;} .contact .contact_r_box .item h4 {font-size: 16px;line-height: 20px; padding-bottom: 10px; color: #006ABD;} .contact .contact_r_box .item h4 img {margin-right: 8px; width: 18px; height: 18px;} .contact .contact_r_box .item p {font-size: 16px;line-height: 36px;} /* .contact .contact_r_box dl{padding:35px 0px 35px; border-top: 1px dotted #fff;} .contact .contact_r_box dt{font-size:16px;margin-bottom:12px;} .contact .contact_r_box dd{font-size:14px;} */ .contact .contact_r_box .part3{padding:25px 0px 25px 80px;background:url(../images/contact_ico.png) no-repeat left center; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff;} .contact .contact_r_box .part3 span{display:block;} .contact .contact_r_box .part3 .number{font-size:30px;} .contact .contact_r_box .part3 .title{font-size:18px;} .contact .contact_r_box .part4{padding:20px 0px 23px;} .contact .contact_r_box .bdshare-button-style0-16 a{float:none; background-image: none; padding-left: 0; font-size: 20px;} .contact .bdshare-button-style1-24 a{padding-left:24px;} .contact .contact_r_box .part4_l{width:50%;} .contact .contact_r_box .part4_l>img{width:135px;height:135px;} .contact .contact_r_box .part4_r{width:50%} .contact .contact_r_box .part4_r span{display:block;} .contact .contact_r_box .part4 .name{font-size:16px;margin-bottom:4px;} .contact .contact_r_box .part4 .en_title{font-size:13px;margin-bottom:10px; text-transform:uppercase; } /*联系我们-留言*/ .contact .pt1 {background: url(../images/contact_bj.jpg) left center no-repeat; overflow: hidden; width: 100%;} .contact .pt2{ overflow:hidden; height: 640px;} .contact .pt2 .tit{text-align:left; color:#313131; margin-bottom:5px;font-size: 26px;font-weight: bold;margin-top: 24px;} .contact .pt2 .info{text-align:left; font-size:14px; color:#898989; margin-bottom:30px;margin-top: 20px;} .contact .pt2 .line{display: block; margin: 0 auto 20px; width: 27px; height: 1px; background: #c6c6c6;} .contact .pt2 .form{/* width:800px;margin:0 auto; */padding-top: 10px;} .contact .pt2 .form input{border:1px solid #e6e6e6; font-size:14px;background: #fff;} .contact .pt2 .name{ background: transparent url("../images/i_form_ico1.png") no-repeat right 0;} .contact .pt2 .phone{background: transparent url("../images/i_form_ico2.png") no-repeat right 0;} .contact .pt2 .email{background: transparent url("../images/i_form_ico3.png") no-repeat right 0;} .contact .pt2 .line1{width: 345px; height: 48px; line-height: 48px; padding: 0 46px 0 13px; float: left;} .contact .pt2 .form textarea{width: 785px; border: 1px solid #e6e6e6; padding: 10px 40px 10px 13px; height: 149px; font-size: 14px; line-height: 1.5; margin-bottom: 20px; margin-top:0px; background: #fff;} .contact .pt2 .form .btns_list{text-align:center;} .contact .pt2 .form .btns_list button{width:45%; height:45px; line-height:37px; border:none; font-size:16px; color:#fff; cursor:pointer;} .contact .pt2 .form .btns_list .sub{background-color: #006ABD; border-radius:0; float:left;} .contact .pt2 .form .btns_list .reset{background-color:#848484; border-radius:0; float:right;} .contact .pt2 .form .btns_list button:hover{background-color:#006ABD;} .contact .pt2 .form_cb .span-4{position:relative;margin-right: 30px; width: 403px;float: left;margin-bottom: 15px;} .contact .pt2 .form_cb .span-4:nth-child(2n){margin-right: 0px;} .contact .pt2 .form_cb .span-4 span{position:absolute; right:45px; top:15px;} .contact .pt2 .yzm_box{} .contact .pt2 .btns_list{width:40%;} .contact .pt2 .yzm_box {width: 60%; text-align: left;} .contact .pt2 .yzm_box .yzm{line-height:46px; height:46px; text-indent:15px; margin-right:25px;} .contact .pt2 .yzm_box img{width:120px; height:50px; margin-right:10px;} .contact .pt2 .yzm_box .change{color:#40535a; font-size:12px; cursor:pointer; vertical-align:bottom;} .product_detail .detail2{padding:60px;} .index .pt1 .main .left_box{width:45%;} .index .pt1 .main ul li{width:50%;} .index .pt1 .main .pic{width:56%; bottom:0;} .product_detail.detail3 .pt1 .tab .item div{text-align:center;} .product_detail.detail3 .pt1 .tab .item div{text-align:center;} .product_detail.detail3 .pt1 .tab .item.left{width:336px; background-size:100% 105%;} .product_detail.detail3 .pt1 .tab .item.center{width:338px;} .product_detail.detail3 .pt1 .tab .item{font-size:17px;} .product_detail.detail3 .pt1 .tab .item.right{width:328px; background-size: 100% 105%;} .header .header_nav .inner_box .box_l li{width:16%;} .product_detail .pt3 .item a:hover{color:#fff;} .product_detail .pt4 .clf_ul{padding-left:20px;} .index .pt2 .t{font-size:22px; } .index .pt2 .d{height:72px;} .index .pt2 .con{padding:70px 43px 0;} .organize .zq_p{height:162px;} .index .pt1 .top ul li{width:120px; margin-left:30px;} .index .pt1 .top ul li:first-child{width:160px;} .right_bar{display:none;} .rtbar_shwx{top:-50px;} .about .pt2 .number_box ul{overflow:hidden;} .about .pt2 .number_box li{float:left; width:20%;} .about .pt2 .number_box li .con{margin-left:80px;} .about .pt2 .number_box li .icon{width:75px; height:75px; background:url(../images/about_history.png) no-repeat;} .about .pt2 .number_box .li2 .icon{background-position:-75px 0;} .about .pt2 .number_box .li3 .icon{background-position:-150px 0;} .about .pt2 .number_box .li4 .icon{background-position:-225px 0;} .about .pt2 .number_box .li5 .icon{background-position:-300px 0;} .header .header_nav .inner_box .box_r{display:none;} .header .header_nav .inner_box .box_l{width:100%;} .header .header_nav .inner_box .box_l li{width:14%;} .about_main .part01 ._right:after,.about_main .part01 .cn:after{display:none;} .about_main .part01 .cn:after{display:none;} .about_main .part01 .en{margin-top:40px;} .about_main .part01 .cn{line-height:1.2;} .about_main ._Mbtn{box-shadow: 0 8px 18px #ccc;} .about_main .part03 .item:after{content:"+"; color:#fff; position:absolute; right:30px; bottom:30px; font-size:40px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; font-weight: lighter; width:46px; height:46px; text-align:center; line-height:1;} .about_main .part03 .item:hover:after{transform:rotate(180deg);} /*尾部*/ .footer1 .ph a{display:inline-block; *display:inline; *zoom:1;} .footer1 .r .t{margin-bottom:10px;} .talent{} .talent .pt1 .l{width:36%;} .talent .pt1 .r{width:64%;} .talent .pt1 .r .en{font-size:80px; color:#006ABD; font-family:Impact; line-height:1; text-transform:uppercase;} .talent .pt1 .r .cn{color:#000; font-size:34px; font-weight:bold; margin-bottom:30px;} .talent .pt1 .r .box{padding-left:70px;} .talent .pt1 .r .box li{line-height:50px; padding-left:30px; position:relative;} .talent .pt1 .r .box li:before{content:""; width:3px; height:3px; border:1px solid #e60012; border-radius:50%; display:inline-block; *display:inline; *zoom:1; position:absolute; left:10px; top:22px;} .culture{background:#fff;} .culture .pt1 .l{/*width:70%; */position:relative;} .culture .pt1 .l .text_box{position:absolute; top:60px; left:60px; color:#fff;} .culture .pt1 .l .text_box .tit{font-size:20px; font-weight:bold; margin-top:20px;} .culture .pt1 .l .text_box .desc{font-size:16px;} .culture .pt2 li{overflow:hidden; padding:25px 0 45px; border-bottom:1px solid #f1f1f1;} .culture .pt2 .no{float:left; font-size:50px; border:2px solid #006ABD; color:#006ABD; line-height:110px; width:110px; text-align:center; border-radius:50%; margin-right:40px;} .culture .pt2 .t{color:#006ABD; font-size:20px; font-weight:bold; margin:20px 0 5px; overflow:hidden;} .culture .pt2 .desc{line-height:26px; overflow:hidden;} .culture .pt3{margin-top:35px;} .gupiao .wrap{overflow:hidden;} .gupiao .share_a{margin-bottom:45px;} .gupiao .tit{font-size:24px; color:#303030; margin-bottom:20px; line-height:1;} .gupiao .shares_l{width:40%;background-color:#006ABD;color:#fff;height:0;padding-bottom:44%;overflow:hidden;} .gupiao .shares_l_box{padding:14% 6% 12%;} .gupiao .l_title{font-size:14px;font-weight:normal;margin-bottom:30px;} .gupiao .number01{font-size:72px;font-family:Arial;display:block;line-height:56px;margin-bottom:20px;} .gupiao .number01 em{font-size:26px;line-height:26px;display:inline-block;vertical-align:top;margin-right:10px;} .gupiao .number02{font-family:Arial;display:block;} .gupiao .l_hd{text-align:center;padding-bottom:40px;border-bottom:1px solid #fff;margin-bottom:10px;} .gupiao .l_bd dl{padding:4% 0;border-bottom:1px dotted #fff;} .gupiao .l_bd dl:last-child{border:none;} .gupiao .l_bd dt,.gupiao .l_bd dd{text-indent:16%;} .gupiao .l_bd dd{font-family:Arial;} .gupiao .shares_r{width:60%;height:0;padding-bottom:44%;position:relative;overflow:hidden;} .gupiao .r_border{position:absolute;width:100%;height:100%;top:0;left:0;border:5px solid #dddddd;border-left:none;padding:30px 25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .gupiao .tab_b{height:40px;margin-bottom:20px;} .gupiao .tab_t{width:16%;text-align:center;border:1px solid #e5e4e9;line-height:40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-left:-1px} .gupiao .tab_t.tab_t_cur{color:#e60012;} .gupiao .tab_t.tab_t_cur:after{content:"";width:100%;height:3px;background-color:#e60012;display:block;position:absolute;bottom:0;left:0;} .index .pt1 .main .en{text-transform:uppercase;} .index .pt1 .main .r.r03{padding-top:120px;} .index .pt1 .main .item1 .pic,.index .pt1 .main .item5 .pic{bottom:auto; margin-top:0px;position:relative; float:right; width:48%; text-align: right;} .index .pt1 .main .item1 .pic{} .index .pt1 .main .item1 .pic img,.index .pt1 .main .item5 .pic img{width:auto;} .index .pt1 .main .en{font-size:46px; line-height:104px;} .index .pt1 .main .cn{font-size:30px; line-height:104px;} .index .pt1 .main .ctrl:after{background-size:cover;} .index .pt1 .main .item4 .left_box{width:auto; } .index .pt1 .main .desc ul li{display:block; width:auto; padding-left:20px; position:relative; min-width:60%;} .index .pt1 .main .desc ul li:before{content:""; display:inline-block; *display:inline; *zoom:1; width:3px; height:3px; background:#333; border-radius:50%; position:absolute; top:10px; left:0;} .datalist td{padding:5px 10px;} .index_slider .ibanner .text_box .tit:before,.index_slider .ibanner .text_box:after{display:none;} .footer2 .r{/*display:none;*/} .index_slider .ibanner .text_box .tit{padding-left:0;} .index .pt1 .main .yyly { margin-top:50px;} .index .pt1 .main .yyly .yy_tit{ font-size: 20px; font-weight: bold;} .index .pt1 .main .yyly .yy_list {padding:0; margin-top: 20px;} .index .pt1 .main .yyly .yy_list ul {list-style:none; padding: 0; } .index .pt1 .main .yyly .yy_list ul li {float:left;width: 150px; text-align: center; margin-right: 10px;line-height: 40px;} /*video_list*/ .widget-prolist-15 {padding:80px 0;} .widget-prolist-15 ._info{ padding: 20px; background: #d0d9de;} .widget-prolist-15 ._info .tit {display:inline-block;max-width:85%;} .widget-prolist-15 ._info .iconfont{ font-size: 18px;} .widget-prolist-15 li{ cursor: pointer; margin-bottom: 40px; } .widget-prolist-15 li:hover ._info{ background: #006ABD; color: #fff;} .widget-prolist-15 li .cover{position: absolute;width: 100%;height: 0;left: 0;bottom: 0;transition: all 0.5s ease;background: rgba(0,0,0,.33);overflow: hidden;} .widget-prolist-15 li .rect-75 i{ display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; margin-top: -34px; margin-left: -34px; font-size: 35px;color: #fff;width: 68px;height: 68px;text-align: center;background: url(../images/news_video_da_03.png) no-repeat center center;} .widget-prolist-15 li:hover .cover{height: 100%;transition: all 0.5s ease;} .widget-prolist-15 li:hover ._info .iconfont{color: #fff;} @media only screen and (max-width: 760px){ .widget-prolist-15 li ._info .iconfont{ display:none; } } body .bianji-52658 .form-m1 .form-m1-btn button{line-height:40px; height:40px; border-radius:0; font-size:14px; border:none;} /*关于我们*/ .full-row{float: left;} .full-row>.span-4 {width: 33.33333333%;} .full-row>.span-8 {width: 66.66666667%;} .about_main2 ._right ._right_box {padding-left: 55px;} .about_main2 .en {margin-top: 40px;} .about_main2 .en {font-size: 56px;color: #006ABD;text-transform: uppercase;line-height: 1;margin-top: 75px;} .about_main2 .cn {font-size: 34px;color: #000;font-weight: bold;margin: 10px 0 30px;position: relative;display: inline-block;line-height: 1;} .about_main2 ._right ._bd {font-size: 16px;color: #a9a9a9;line-height: 25px;} .content .numbox {margin-top: 5px; overflow: hidden;} .content .numbox .item {position: relative;float: left;width: 14%;line-height: 1.1;text-align: center;margin-right: 204px;} .content .numbox .item:nth-child(4) {margin-right: 0px;} .content .numbox .item:before {position: absolute;content: '';width: 1px;height: 30px;top: 50% left: -36px; margin-top: -15px;background: rgba(255, 255, 255, .3);} .content .numbox .item:first-child::before { display: none;} .content .numbox .item .i0 {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 70px;width: 46px;margin: 0 auto;font-size: 18px;} .content .numbox .item .i1 {font-size: 16px;margin: 10px 0 15px;color: #006ABD;text-align: left;} .content .numbox .item .i1 span {font-size: 52px;font-weight: bold ;margin-right: 8px;color: #006ABD;} .content .numbox .item .i2 {font-size: 14px;opacity: 0.8;text-align: left;} .content .numbox .item .i3 {text-align: left;float: left;} .content .numbox .item .i5 {float: left; margin-left: 0px;} .content .numbox .item:nth-child(4) {padding-right: 0;} .quality-con-02{width: 100%;position: relative;margin-top: 0px;overflow: hidden;} /*固定的悬浮窗*/ .yb_conct{position:fixed;z-index:9999999;top:500px;right:-127px;cursor:pointer;transition:all .3s ease;} .yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;} .yb_bar .yb_top{background:#008A32 url(../images/fixCont.png) no-repeat 0 0;} .yb_bar .yb_phone{background:#008A32 url(../images/fixCont.png) no-repeat 0 -57px;} .yb_bar .yb_QQ{text-indent:0;background:#008A32 url(../images/fixCont.png) no-repeat 0 -113px;} .yb_bar .yb_ercode{background:#008A32 url(../images/fixCont.png) no-repeat 0 -169px;} .hd_qr{padding:0 29px 25px 29px;} .yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}