/* * name:Global && Pc StyleSheet * version:v3.4.1 * update:挂件分页样式 * date:2016-06-14 */ .row{width:102%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:2%;*margin-right:1.89%}.row>.span-1{width:6.33333333%}.row>.span-2{width:14.66666667%} .row>.span-3{width:18%}.row>.pan-3{width:23%;float:left;margin-right:2%;*margin-right:1.89%}.row>.pan-25{width:23%;float:left;margin-right:2%;*margin-right:1.89%}.row>.span-4{width:31.33333333%}.row>.span-44{width:32.33333333%}.row>.span-5{width:39.66666667%}.row>.span-6{width:48%}.row>.span-7{width:56.33333333%}.row>.span-8{width:64.66666667%}.row>.span-9{width:73%}.row>.span-10{width:81.33333333%}.row>.span-11{width:89.66666667%}.row>.span-12{width:98%}.row>.span-13{width:106.33333333%}.row>.span-14{width:114.66666667%}.row>.span-15{width:123%}.row>.span-16{width:131.33333333%}.row>.span-17{width:139.66666667%}.row>.span-18{width:148%}.row>.span-19{width:156.33333333%}.row>.span-20{width:164.66666667%}.row>.span-21{width:173%}.row>.span-22{width:181.33333333%}.row>.span-23{width:189.66666667%}.row>.span-24{width:198%}.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%}.full-row>.span-13{width:108.33333333%;*width:108.22333333%}.full-row>.span-14{width:116.66666667%;*width:116.55666667%}.full-row>.span-15{width:125%;*width:124.89%}.full-row>.span-16{width:133.33333333%;*width:133.22333333%}.full-row>.span-17{width:141.66666667%;*width:141.55666667%}.full-row>.span-18{width:150%;*width:149.89%}.full-row>.span-19{width:158.33333333%;*width:158.22333333%}.full-row>.span-20{width:166.66666667%;*width:166.55666667%}.full-row>.span-21{width:175%;*width:174.89%}.full-row>.span-22{width:183.33333333%;*width:183.22333333%}.full-row>.span-23{width:191.66666667%;*width:191.55666667%}.full-row>.span-24{width:200%;*width:199.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-1%;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-left-13{position:relative;left:-108.33333333%}.pull-left-14{position:relative;left:-116.66666667%}.pull-left-15{position:relative;left:-125%}.pull-left-16{position:relative;left:-133.33333333%}.pull-left-17{position:relative;left:-141.66666667%}.pull-left-18{position:relative;left:-150%}.pull-left-19{position:relative;left:-158.33333333%}.pull-left-20{position:relative;left:-166.66666667%}.pull-left-21{position:relative;left:-175%}.pull-left-22{position:relative;left:-183.33333333%}.pull-left-23{position:relative;left:-191.66666667%}.pull-left-24{position:relative;left:-200%}.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%}.pull-right-13{position:relative;left:108.33333333%}.pull-right-14{position:relative;left:116.66666667%}.pull-right-15{position:relative;left:125%}.pull-right-16{position:relative;left:133.33333333%}.pull-right-17{position:relative;left:141.66666667%}.pull-right-18{position:relative;left:150%}.pull-right-19{position:relative;left:158.33333333%}.pull-right-20{position:relative;left:166.66666667%}.pull-right-21{position:relative;left:175%}.pull-right-22{position:relative;left:183.33333333%}.pull-right-23{position:relative;left:191.66666667%}.pull-right-24{position:relative;left:200%} @media only screen and (max-width:1240px){.row>.midd-1{width:6.33333333%}.row>.midd-2{width:14.66666667%}.row>.midd-3{width:23%}.row>.midd-4{width:31.33333333%}.row>.midd-5{width:39.66666667%}.row>.midd-6{width:48%}.row>.midd-7{width:56.33333333%}.row>.midd-8{width:64.66666667%}.row>.midd-9{width:73%}.row>.midd-10{width:81.33333333%}.row>.midd-11{width:89.66666667%}.row>.midd-12{width:98%}.row>.midd-13{width:106.33333333%}.row>.midd-14{width:114.66666667%}.row>.midd-15{width:123%}.row>.midd-16{width:131.33333333%}.row>.midd-17{width:139.66666667%}.row>.midd-18{width:148%}.row>.midd-19{width:156.33333333%}.row>.midd-20{width:164.66666667%}.row>.midd-21{width:173%}.row>.midd-22{width:181.33333333%}.row>.midd-23{width:189.66666667%}.row>.midd-24{width:198%}.midd-hide{display:none}.midd-center{position:relative;left:-1%;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%}.full-row>.midd-13{width:108.33333333%}.full-row>.midd-14{width:116.66666667%}.full-row>.midd-15{width:125%}.full-row>.midd-16{width:133.33333333%}.full-row>.midd-17{width:141.66666667%}.full-row>.midd-18{width:150%}.full-row>.midd-19{width:158.33333333%}.full-row>.midd-20{width:166.66666667%}.full-row>.midd-21{width:175%}.full-row>.midd-22{width:183.33333333%}.full-row>.midd-23{width:191.66666667%}.full-row>.midd-24{width:200%}}@media only screen and (max-width:992px){.row>.smidd-1{width:6.33333333%}.row>.smidd-2{width:14.66666667%}.row>.smidd-3{width:23%}.row>.smidd-4{width:31.33333333%}.row>.smidd-5{width:39.66666667%}.row>.smidd-6{width:48%}.row>.smidd-7{width:56.33333333%}.row>.smidd-8{width:64.66666667%}.row>.smidd-9{width:73%}.row>.smidd-10{width:81.33333333%}.row>.smidd-11{width:89.66666667%}.row>.smidd-12{width:98%}.row>.smidd-13{width:106.33333333%}.row>.smidd-14{width:114.66666667%}.row>.smidd-15{width:123%}.row>.smidd-16{width:131.33333333%}.row>.smidd-17{width:139.66666667%}.row>.smidd-18{width:148%}.row>.smidd-19{width:156.33333333%}.row>.smidd-20{width:164.66666667%}.row>.smidd-21{width:173%}.row>.smidd-22{width:181.33333333%}.row>.smidd-23{width:189.66666667%}.row>.smidd-24{width:198%}.smidd-hide{display:none}.smidd-center{position:relative;left:-1%;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%}.full-row>.smidd-13{width:108.33333333%}.full-row>.smidd-14{width:116.66666667%}.full-row>.smidd-15{width:125%}.full-row>.smidd-16{width:133.33333333%}.full-row>.smidd-17{width:141.66666667%}.full-row>.smidd-18{width:150%}.full-row>.smidd-19{width:158.33333333%}.full-row>.smidd-20{width:166.66666667%}.full-row>.smidd-21{width:175%}.full-row>.smidd-22{width:183.33333333%}.full-row>.smidd-23{width:191.66666667%}.full-row>.smidd-24{width:200%}}@media only screen and (max-width:760px){.row>.smal-1{width:6.33333333%}.row>.smal-2{width:14.66666667%}.row>.smal-3{width:23%}.row>.smal-4{width:31.33333333%}.row>.smal-5{width:39.66666667%}.row>.smal-6{width:48%}.row>.smal-7{width:56.33333333%}.row>.smal-8{width:64.66666667%}.row>.smal-9{width:73%}.row>.smal-10{width:81.33333333%}.row>.smal-11{width:89.66666667%}.row>.smal-12{width:98%}.row>.smal-13{width:106.33333333%}.row>.smal-14{width:114.66666667%}.row>.smal-15{width:123%}.row>.smal-16{width:131.33333333%}.row>.smal-17{width:139.66666667%}.row>.smal-18{width:148%}.row>.smal-19{width:156.33333333%}.row>.smal-20{width:164.66666667%}.row>.smal-21{width:173%}.row>.smal-22{width:181.33333333%}.row>.smal-23{width:189.66666667%}.row>.smal-24{width:198%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-1%;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%} .full-row>.smal-13{width:108.33333333%}.full-row>.smal-14{width:116.66666667%}.full-row>.smal-15{width:125%}.full-row>.smal-16{width:133.33333333%}.full-row>.smal-17{width:141.66666667%}.full-row>.smal-18{width:150%}.full-row>.smal-19{width:158.33333333%}.full-row>.smal-20{width:166.66666667%}.full-row>.smal-21{width:175%}.full-row>.smal-22{width:183.33333333%}.full-row>.smal-23{width:191.66666667%}.full-row>.smal-24{width:200%}} /*挂件分页样式*/ .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;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:#03529b;} .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; } .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /* 常量设置 */ .wrap { width:1200px; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*反转按钮*/ .look_more { display:inline-block; width:138px; font-size:14px; text-align:center;} .look_more a{display:block; width:100%; height:50px;} .look_more .face1{border:1px solid #fff; line-height:34px; font-size:0; color:#fff; text-align:center; height:34px;} .look_more .face1 .t{display:inline-block; line-height:34px;font-size:14px; vertical-align: top;width: 100%;} .look_more .face2{background:rgba(255,255,255,0.3); border:1px solid;border-color: rgba(255,255,255,0.3); color:#fff;line-height:34px; font-size:0; text-align:center; height:34px; transform-origin: 50% 50% -25px;-webkit-transform-origin: 50% 50% -20px;} .look_more .face2 .t{display:inline-block; line-height:34px;font-size:14px; vertical-align: top;margin-top: -1px;height: 36px;line-height: 36px;width: 100%;} /*查看更多 end*/ /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover { color:#03529b;} ::-moz-selection {color:#fff; background:#03529b; } ::selection {color:#fff; background:#03529b; } ::-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; } .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) } /* 网站样式 */ .trs{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;} header{position:fixed; width:100%; left:0; top:0; z-index:10; } header.shadow{box-shadow:1px 1px 10px rgba(0,0,0,.2);} .head{width:1270px; margin:0 auto; background:#fff; position:relative; z-index:3;height:110px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .head .logo{float:left; padding:28px 40px 0 30px;} .head .inav_wrapper{float:right; width:60%;} .head .inav li{float:left; width:14%; text-align:center; font-size:15px; color:#000; line-height:110px; position:relative;} .head .inav li.cur:after{ position:absolute; content:''; left:0; top:0; width:100%; height:3px; background-color: #f6ab00; } .head .inav li:hover:after{position:absolute; content:'';left:0; top:0; width:100%; height:3px;background:#f6ab00;} .head .inav .sec_ul{display:none;} .mobile_key{display:none;} .head .r_nav{width:10%; background:#0267b5; height:110px; color:#fff;text-align:center; font-size:14px; line-height:110px;transition:height 0.5s ease; -webkit-transition:height 0.5s ease;} .head .r_nav .visitor{width:100%; position:relative;} .head .r_nav .visitor:after{content:''; width:1px; height:40px; position:absolute; right:0; top:50%; margin-top:-20px; background:#2d81c1;} .head .r_nav .lan{width:27%; font-size:18px; position:relative;} .head .r_nav .lan:after{content:''; width:1px; height:40px; position:absolute; right:0; top:50%; margin-top:-20px; background:#2d81c1;} .head .r_nav .search{width:27%; } .head .r_nav .search a{display:block;} .head .r_nav a{color:#fff; display:inline-block;} .head .r_nav .visitor >a{padding-left:25px; background:url(../img/gj.png) left center no-repeat;} .head .r_nav .visitor >a:hover{opacity:0.8;} .head .r_nav .lan >a:hover{opacity:0.8;} .head .r_nav .search>a:hover{opacity:0.8;} .head .r_nav .search .fdj{background:url(../img/search.png) center center no-repeat; height:110px;} header .trs_bar{position:absolute; width:0; top:0; height:110px; z-index:1;} header .trs_bar.trs_blue{left:50%; background:#0267b5;} header .trs_bar.trs_white{right:50%; background:#fff;} header.compress .head{height:70px; transition:height 0.5s ease; -webkit-transition:height 0.5s ease;} header.compress .trs_bar{width:50%;height:70px; transition: width 0.5s ease 0.5s;-webkit-transition: width 0.5s ease 0.5s;} header.compress .head .logo{height:50px; padding-top:10px;} header.compress .head .inav li{line-height:70px;} header.compress .head .r_nav{height:70px; line-height:70px; transition:height 0.5s ease; -webkit-transition:height 0.5s ease;} header.compress .head .r_nav .search .fdj{height:70px;} header.compress_rep {position:relative; border-bottom:1px solid #f3f3f3;} header.compress_rep .head{height:70px; transition:height 0.5s ease; -webkit-transition:height 0.5s ease; } header.compress_rep .trs_bar{width:50%;height:70px; transition: width 0.5s ease 0.5s;-webkit-transition: width 0.5s ease 0.5s;} header.compress_rep .head .logo{height:50px; padding-top:10px;} header.compress_rep .head .inav li{line-height:70px;} header.compress_rep .head .r_nav{height:70px; line-height:70px; transition:height 0.5s ease; -webkit-transition:height 0.5s ease;} header.compress_rep .head .r_nav .search .fdj{height:70px;} header.compress_rep .drop_list{position:absolute; left:0; top:100%; width:100%;} /* -----------------------------product-nav-box-------------------------------------- */ .product-nav-box{ width: 100%; overflow: hidden; padding: 20px 0 40px 0; background-color: #f5fafc; } .product-nav{ width: 1280px; margin: 0 auto; background-color: #; } .product-nav ul{ width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5; } .product-nav ul li{ float:left; } .product-nav ul li span{ font-size: 16px; color: #666; font-weight: bold; display: inline-block; margin: 0 4px 0 0; } .product-nav ul li a{ font-size: 16px; color: #666; display: inline-block; padding: 0 4px; margin: 0 14px; padding-bottom:14px; } .product-nav ul li a:hover{ color: #273c92; text-decoration: none; } .product-nav-active{ color: #273c92 !important; text-decoration: none; } .product-nav ul p{ float:left; } .product-nav ul p a{ font-size: 16px; color: #666; display: inline-block; padding: 0 4px; margin: 0 14px; padding-bottom:14px; } /* ------------------------手机端-------------------------- */ @media all and (max-width:1000px) { .product-nav ul li { padding: 14px 0 16px 0; } .product-nav ul li span { margin: 0 20px 0 0; } .product-nav ul li a { margin: 10px 14px 0 0; } .product-nav-box { padding: 10px 0 28px 0; } } .tcc{ float:left; width:30%;text-align:right; } .tccc{ float:left; width:58%;text-align:left; } .tcccc{ display:none } @media (max-width:1000px) { .tcc{ width:100%;text-align:left; padding-left:15px; } .tccc{ display:none } .tcccc{ display:block;text-align:left;width:80%;margin:0px auto; } } @media (max-width:640px) { .tcc{ width:100%;text-align:left;padding-left:10px; } } /*底部*/ .footer .foot_top{background: url(../img/footer_top_bg.jpg) center center; padding: 5% 0 2% 0;} .footer .foot_top .f_top_l { width: 73%} .footer .foot_top .f_top_l .dl{width: 17%; padding-left: 4%; margin-top: 1%; float:left} .footer .foot_top .f_top_l .dl dt{font-size: 18px; color: #fff; margin-bottom: 10%;} .footer .foot_top .f_top_l .dl dd{font-size: 14px; color: #aaa; padding: 1% 0;} .footer .foot_top .f_top_l .dl.dl1{font-size: 14px; color: #fff; width: 35%; padding-left: 0; margin-top: 0;} .footer .foot_top .f_top_l .dl1 dt{font-size: 27px; margin-bottom: 6%;} .footer .foot_top .f_top_l .dl1 dd{padding: 0 0 5% 0;} .footer .foot_top .f_top_l .dl1 .ico{display: inline-block; width: 30px; height: 31px; background: url(../img/foot_ico.png); margin-right: 2%; transform: rotateY(0deg); transition: all .5s ease} .footer .foot_top .f_top_l .dl1 .ico2{background-position: -30px 0; } .footer .foot_top .f_top_l .dl1 .ico3{background-position: -60px 0; } .footer .foot_top .f_top_l .dl1 dd:hover .ico{ transform: rotateY(180deg); } .footer .foot_top .f_top_l .dl1 dd.last .title{font-size: 18px; vertical-align: top} .f_share.bdshare-button-style0-16 a{display: inline-block; width: 32px; height: 32px; background: url(../img/foot_share_ico.png); cursor: pointer; float: none; margin: 0; padding-left: 0;} .f_share a.bds_sqq{background-position: 0 0;} .f_share a.bds_weixin{background-position: -32px 0;} .f_share a.bds_qzone{background-position: -64px 0;} .f_share a.bds_tsina{background-position: -96px 0;} .f_share a.bds_more{background-position: -128px 0;} .footer .foot_top .f_top_r{width: 22%;} .footer .foot_top .f_top_r .tit{font-size: 27px; color: #fff; margin-bottom: 6%;} .footer .foot_top .f_top_r .ewm_box .wx,.footer .foot_top .f_top_r .ewm_box .phone{cursor: pointer;} .footer .foot_top .f_top_r .ewm_box span{ display: block; text-align: center; color: #aaa; padding: 6% 0; } .footer .foot_bottom{background: #141414; padding: 1% 0; font-size: 13px; color: #939393; line-height: 43px;} .footer .foot_bottom .c_name,.footer .foot_bottom .jerei{padding: 0 10px;} /*鍥炲埌椤堕儴*/ .gotop .ico{display: block; width: 43px; height: 43px; background: url(../img/gotop.png); cursor: pointer; transition: all .5s ease; background-position: 0 -43px;} .footer .foot_bottom .gotop:hover .ico{ background-position: 0 0; } .channel_content2{ min-height:200px; padding-top: 50px; padding-right: 0; padding-bottom: 5px; padding-left: 0; } .channel_content{padding:50px 0; min-height:200px;} .banner_box{position:relative; overflow:hidden; height:500px; width:100%;} .banner_box_zh{height:500px; position:relative; overflow:hidden;} .banner_box img{width:1920px; max-width:none; left:50%; margin-left:-960px; position:absolute; top:0;} .banner_box_zh img{width:1920px; max-width:none; left:50%; margin-left:-960px; position:absolute; top:0;} .banner_box .text_box{position:absolute; top:220px; left:0; width:100%;} .banner_box .catname{ font-size:42px; color:#fff; } .banner_box .info{font-size:16px; color:#fff;} .sec_nav_box {border:1px solid #d9d9d9;} .sec_nav_box .sec_nav li{float:left;} .sec_nav_box .sec_nav li a{font-size:14px; color:#555; padding:0 25px; line-height:80px;} .sec_nav_box .sec_nav li.cur a{font-size:18px; color:#034fa2;} .sec_nav_box .sec_nav li a:hover{color:#034fa2;} .sec_nav_box .pos{line-height:80px; font-size:14px; color:#a4a4a4;} .sec_nav_box .pos span{margin:0 5px;} /*intro*/ .intro .pt1 {line-height:32px;} .intro .pt1 .video_box{width:460px; float:right; margin-left:45px; margin-bottom:45px; cursor:pointer;} .intro .pt1 .video_box .play{position:absolute; width:76px; height:76px; background:url(../img/play.png) center center no-repeat; top:50%; left:50%; margin-top:-38px; margin-left:-38px;} .intro .pt1{margin-bottom:35px;} .intro .pt2{padding:60px 0 50px; background:url(../img/intro_pt2.jpg) center center no-repeat; margin-bottom:35px;} .intro .pt2 .num_box{padding:0 100px; text-align:center;} .intro .pt2 .num_box .top_box {font-size:15px; color:#fff;} .intro .pt2 .num_box .top_box span{font-size:65px; color:#fff; margin-right:20px; font-family:impact;} .intro .pt2 .num_box ._text{font-size:15px; color:#fff;} .intro .pt3{line-height:32px;} /* 网站样式 */ .channel_content{ min-height:300px; padding-top:0px; padding-bottom:60px;} .job-sear{ padding:43px 0 27px 30px; border:10px #ededed solid; margin-bottom:50px;} .job-sear .t-pt{font-size:14px; color: #5a5a5a; font-weight: bold;float: left;line-height:32px;padding: 0 15px 0 5px; text-transform:uppercase;} .job-sear .t-area{ float:left; width:22.5%; height:30px; padding-left:10px; line-height:30px; border:1px solid #eee; text-indent:5px; margin-right:5%;background-color: #fff;} .job-sear .t-area ._val{color:#a9a9a9;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .job-sear .t-area ._val b{ float:right; width:33px; height:30px; background:url(../img/job-areaico.gif) no-repeat; } .job-sear .t-area ._option{ top:30px;} .job-sear .t-area ._option a { padding-left:10px; background-color:#ffffff; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .job-sear .sear_input{ float:left; margin-right:3%; width:25%; padding-left:5px; height:28px; line-height:28px; border:1px solid #eee; position:relative;background-color: #fff;} .job-sear .sear_input input { text-indent:10px; } .job-sear .sear_input input[type=text]{ vertical-align:top; border:0;width: 80%;height: 16px; line-height:16px;box-sizing: content-box;padding: 6px 0;} .job-sear ._submit{ border:0; width:20%; height:30px; line-height: 30px; background-color:#00489d;padding: 0;float:left;font-size:14px; color:#fff;cursor: pointer; text-transform:uppercase;} .job-sear .sear_input button i{ display:block;background:url(../img/job-searico.png) no-repeat; width:100%; height:100%;} .product_cust .part01 .job-sear ._submit:hover{ background-color:#0266b1;}*/ .category a { margin-right: 35px;padding-bottom: 10px;display: block;float: left; } .category a i { display: inline-block; background: url(../img/images/ic_03.png) no-repeat 0 -17px; width: 17px; height: 17px; vertical-align: middle; margin-right: 6px; } .category a.active i { background-position: 0 0; } /*产品定制*/ /* .product_cust .part01{position: relative;padding-top: 70px;z-index: 20;background-color: #fff; padding-bottom: 50px;} .product_cust .part01 .job-sear{ padding:43px 0 27px 30px; border:10px #ededed solid; margin-bottom:50px;} .product_cust .part01 .job-sear .t-pt{font-size:14px; color: #5a5a5a; font-weight: bold;float: left;line-height:32px;padding: 0 15px 0 5px; text-transform:uppercase;} .product_cust .part01 .job-sear .t-area{ float:left; width:22.5%; height:30px; padding-left:10px; line-height:30px; border:1px solid #eee; text-indent:5px; margin-right:5%;background-color: #fff;} .product_cust .part01 .job-sear .t-area ._val{color:#a9a9a9;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .product_cust .part01 .job-sear .t-area ._val b{ float:right; width:33px; height:30px; background:url(../img/job-areaico.gif) no-repeat; } .product_cust .part01 .job-sear .t-area ._option{ top:30px;} .product_cust .part01 .job-sear .t-area ._option a { padding-left:10px; background-color:#ffffff; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .product_cust .part01 .job-sear .sear_input{ float:left; margin-right:3%; width:25%; padding-left:5px; height:28px; line-height:28px; border:1px solid #eee; position:relative;background-color: #fff;} .product_cust .part01 .job-sear .sear_input input { text-indent:10px; } .product_cust .part01 .job-sear .sear_input input[type=text]{ vertical-align:top; border:0;width: 80%;height: 16px; line-height:16px;box-sizing: content-box;padding: 6px 0;} .product_cust .part01 .job-sear ._submit{ border:0; width:20%; height:30px; line-height: 30px; background-color:#00489d;padding: 0;float:left;font-size:14px; color:#fff;cursor: pointer; text-transform:uppercase;} .product_cust .part01 .job-sear .sear_input button i{ display:block;background:url(../img/job-searico.png) no-repeat; width:100%; height:100%;} .product_cust .part01 .job-sear ._submit:hover{ background-color:#0266b1;} .product_cust .part01 .category ._list { margin-bottom: 20px; } .product_cust .part01 .category ._list span { width: 65px; font-size: 13px; color: #353535; font-weight: bold; } .product_cust .part01 .category ._list .pro_list{float:left;width:92%;} .product_cust .part01 .category .sec_list { padding-left: 138px; display: none; } .product_cust .part01 .category .sear { line-height: 32px; } .product_cust .part01 .category .sear form { border: #ececec solid 1px;} .product_cust .part01 .category .sear ._txt { height: 30px; line-height: 30px; background: #fff; text-indent: 10px; border: none; width: 200px; font-family: "MicroSoft Yahei"; } .product_cust .part01 .category .sear button { margin: 0; padding: 0; width: 34px;height: 36px;line-height: 38px; background: #ec1b24; border: none; cursor:pointer;} .product_cust .part01 .category .sear button i { color: #fff; font-size: 24px; margin: 0;font-weight: normal;} .product_cust .part01 .category { /*padding: 20px;} .product_cust .part01 .category a { margin-right: 35px;padding-bottom: 10px;display: block;float: left;} .product_cust .part01 .category a i { display: inline-block; background: url(../img/images/ic_03.png) no-repeat 0 -17px; width: 17px; height: 17px; vertical-align: middle; margin-right: 6px; } .product_cust .part01 .category a.active i { background-position: 0 0; } .product_cust .part01 .bottom{padding:20px 0 0;} .product_cust .part01 .bottom ul li{position: relative;background-color: #f4f4f4;padding:62px 3.5% 24px 3.5%;width:25%;float:left;margin-right:1%;overflow: hidden;margin-bottom: 20px;} .product_cust .part01 .bottom ul li .rect-70{overflow: visible;} .product_cust .part01 .bottom ul li .mask_{ margin-top: 45px; border-top: 1px solid #e7e7e7; text-align: center; } .product_cust .part01 .bottom ul li .mask_ .title{font-size: 16px;color:#000000;margin-bottom: 16px;margin-top: 40px;} .product_cust .part01 .bottom ul li .mask_ .p{font-size: 14px;color:#5a5a5a;} .product_cust .part01 .bottom ul li .info_{width:100%;height: 100%;position:absolute;left:0;top:100%;opacity:0; filter: alpha(opacity=0);transition: all .3s ease;background-color: rgba(255,241,0,.8)} .product_cust .part01 .bottom ul li:hover .info_{top:0;opacity:1;filter:alpha(opacity=100);} .product_cust .part01 .bottom ul li .info_ ._mask{margin-top: 357px;text-align: center;transition-delay: .2s; -webkit-transition-delay: .2s;} .product_cust .part01 .bottom ul li .info_ img{ position: absolute; left: 50%; margin-top: -34px; top: 42%; margin-left: -34px;} .product_cust .part01 .bottom ul li .info_ ._mask .title{font-size: 16px;color:#fff;margin-bottom: 16px;} .product_cust .part01 .bottom ul li .info_ ._mask .p{font-size: 14px; color: #fff;} .product_cust .part01 .bottom ul li:hover .info_ ._mask{margin-top: 357px;text-align: center;transition-delay: .2s; -webkit-transition-delay: .2s;} .product_cust .part01 .bottom ul li:hover .info_ ._mask img{ position: absolute; left: 50%; margin-top: -34px; top: 42%; margin-left: -34px;} .product_cust .part01 .bottom ul li:hover .info_ ._mask .title{font-size: 16px;color:#fff;margin-bottom: 16px;} .product_cust .part01 .bottom ul li:hover .info_ ._mask .p{font-size: 14px; color: #fff;} .product_cust .part01 .spinner{margin-top: 70px;width:100%;} .product_cust .part01 .spinner ._down_more .loading { width: 20px; height: 20px; background: url(../img/loading2.gif) no-repeat center; display: none; background-size: 100% 100%; position: absolute; left: 75%; top: 11px; } .product_cust .part01 .spinner ._down_more{ height: 42px;width:20%;position:relative; line-height: 42px; border: 1px solid #cbcbcb; font-size: 14px;font-weight: bold;color:#000;display:block;margin-left: 40%; } .product_cust .part01 .spinner ._down_more p{margin-left: 20%;} .product_cust .part01 .spinner ._down_more .bg_img{ margin-top: 15px; margin-left: 20%; } .product_cust .part01 .spinner.cur ._down_more .bg_img{display:none;} .product_cust .part01 .spinner.cur ._down_more .loading{display:inline-block;}*/ /*资料下载*/ /*widgets_xc_down_text_4 下载文字列表*/ .download01 .transiton05{transition: all .5s ease;-webkit-transition:all .5s ease;} .download .titen{font-size:93px; font-family:Arial; color:#f0f0f0; line-height:1;} .download .tit{font-size:33px; color:#353434; font-weight:bold; margin-top:-75px; margin-bottom:50px;} .download01 ul li{padding: 20px 2%;float: left;width: 44.5%;background-color: #f7f7f7;margin-right: 3%;margin-bottom: 3%;position: relative;overflow: hidden;} .download01 ul li.even{margin-right: 0;} .download01 ul li .con{width: 70%;display: inline-block;height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;z-index: 1;} .download01 ul li a{display: block;} .download01 ul li .iconfont{font-size: 35px;line-height: 1;position: relative;z-index:1;} .download01 ul li:hover .iconfont{color: #0074bf;} .download01 ul li:hover .con{color: #0074bf;} .download01 ul li:after{content:''; position:absolute; width:100%; height:100%; left:-100%; top:0; background:url(../img/down_li_bg.jpg) 0 0 no-repeat; background-size:100% 100%; background-size:cover; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease; z-index:0;} .download01 ul li:hover:after{left:0;} @media only screen and (max-width: 992px) { .download01 ul li .con{width: 60%;} } @media only screen and (max-width: 760px) { .download01 ul li{width: 100%;margin-right: 0;padding:20px 5%;box-sizing:border-box;-webkit-box-sizing:border-box;} } .iconfont { font-family: "iconfont" !important; display: inline-block; vertical-align: middle; margin: 0 .3em; font-size: 1.1em; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0px; -moz-osx-font-smoothing: grayscale; }.l { float: left; } /*about_us*/ /*按钮*/ ._btn{width:150px; height:40px; font-size:15px; color:#838383; border-top:1px solid #dddee3;border-bottom:1px solid #dddee3; line-height:40px; display:inline-block; margin-right:40px;} ._btn:hover{color:#0267b5; border-color:#0267b5;} ._btn .text{margin:0 40px 0 10px;} .rect-750{padding-bottom:75%;} .rect-65{padding-bottom:65%;} .rect-130{padding-bottom:130%;} .rect-45{padding-bottom:45%;} .about_us{padding-bottom:0;} .about_us .pt1 .title{ text-align:center; margin-bottom:10px; color:#181818;} .about_us .pt1 .info{ text-align:center; color:#6d6d6d; margin-bottom:30px;} .about_us .pt1{margin-bottom:70px;} .about_us .pt1 .container .l_box{width:48%; cursor:pointer;} .about_us .pt1 .container .l_box .video_box .play{position:absolute; width:76px; height:76px; background:url(../img/play.png) center center no-repeat; top:50%; left:50%; margin-top:-38px; margin-left:-38px;} .about_us .pt1 .container .r_box{width:52%;} .about_us .pt1 .container .r_box .pd{border:10px solid #f3f3f3; border-left:0; height:354px; padding:0px 30px 0 60px; overflow:hidden;} .about_us .pt1 .container .r_box .info_box{display:block; margin-top:40px;} .about_us .pt1 .container .r_box .info_box ._t{line-height:1; color:#0e0e0e; margin-bottom:20px;} .about_us .pt1 .container .r_box .info_box .line{width:45px; height:2px; background:#0267b5; margin-bottom:20px;} .about_us .pt1 .container .r_box .info_box .dec{font-size:14px; color:#7d7d7d; margin-bottom:30px;} .about_us .pt2{background:url(../img/ab_pt2.jpg) center center no-repeat; padding:70px 0; margin-bottom:70px;} .about_us .pt2 .tab_con .r_box{width:24%} .about_us .pt2 .tab_con .r_box li{line-height:127px; font-size:24px; color:#595757; background-color:#fff; text-align:center; cursor: pointer; transition: all ease .3s; -webkit-transition: all ease .3s;} .about_us .pt2 .tab_con .r_box li:hover { color:#0267b5; } .about_us .pt2 .tab_con .r_box li.even{background-color:#f6f6f6;} .about_us .pt2 .tab_con .r_box li.tab_t_cur{background-color:#0267B5; color:#fff;} .about_us .pt2 .tab_con .l_box{width:74%; background-color:#fff; overflow:hidden; max-height:380px;} .about_us .pt2 .tab_con .l_box .img_box{width:33%;} .about_us .pt2 .tab_con .l_box .img_box img { position:absolute; top:0; left:0; width:100%; height:100%; } .about_us .pt2 .tab_con .l_box .tabc_content{width:67%;} .about_us .pt2 .tab_con .l_box .tabc_content .pd{padding:65px 70px 0; } .about_us .pt2 .tab_con .l_box .tabc_content ._t{font-size:32px; color:#000; margin-right:20px; margin-bottom:30px; font-weight:bold;} .about_us .pt2 .tab_con .l_box .tabc_content ._t .year{font-family:Arial;font-size:28px; color:#545454;} .about_us .pt2 .tab_con .l_box .tabc_content .info{font-size:14px; color: #757575; line-height:28px; margin-bottom:30px;} .about_us .pt3 {margin-bottom:70px;} .about_us .pt3 .title{ text-align:center; margin-bottom:10px; color:#181818;} .about_us .pt3 .info{ text-align:center; color:#6d6d6d; margin-bottom:50px;} .about_us .pt3 .img_list a{display:block;} .about_us .pt3 .img_list .pd{position:relative;z-index:2; padding:50px 40px;} .about_us .pt3 .img_list .pd .name{font-size:28px; color:#fff; margin-bottom:10px; line-height:1; font-weight:bold;} .about_us .pt3 .img_list .pd .line{width:64px; height:2px; background:#fff;} .about_us .pt3 .img_list a:hover .name{color:#fff;} .about_us .pt3 .img_list a:hover .line{background:#fff;} .about_us .pt4 .title{ text-align:center; margin-bottom:0px; color:#181818;} .about_us .pt4 .info{ text-align:center; color:#6d6d6d; margin-bottom:30px;} .about_us .owl-carousel .owl-stage-outer{overflow:visible;} .about_us .owl_wrap{height:432px; overflow:hidden;} .about_us .owl_wrap .wrap{position:relative;} .about_us .owl_wrap .wrap .owl_arr{width:30px; height:30px; position:absolute; top:50%; z-index:2; cursor:pointer; margin-top:-15px;} .about_us .owl_wrap .wrap .owl_arr.prev{ background:url(../img/owl_prev.png) center center no-repeat; left:30px;} .about_us .owl_wrap .wrap .owl_arr.next{ background:url(../img/owl_next.png) center center no-repeat; right:30px;} .about_us .owl_wrap .wrap .left_mask{width:600px;height:100%; position:absolute; left:-480px;background:url(../img/blue_65.png) repeat;z-index:1; top:0;} .about_us .owl_wrap .wrap .right_mask{width:600px;height:100%; position:absolute; right:-480px;background:url(../img/blue_65.png) repeat;z-index:1; top:0;} /*分页*/ .pageBox { text-align: center; margin-top: 40px; } .pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; } .pageBox a:hover,.pageBox a.active { background-color:#0080cc; color: #FFF; } .pageBox .on{ background-color: #0080cc; color: #FFF; } .pageBox .shangyi{ display:none;} @media (max-width: 861px) { .pageBox { width: 640px; text-align: center; margin:auto; padding-top:20px; padding-bottom:30px;} .pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; } .pageBox a:hover,.pageBox a.active { background-color: #1357a2; color: #FFF; } .pageBox .on{ background-color: #0080cc; color: #FFF; } .pageBox .shangyi{ display:none;} } @media (min-width: 320px) and (max-width: 639px) { .pageBox { width: 320px; text-align: center; margin:auto; padding-top:20px; padding-bottom:30px;} .pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; } .pageBox a:hover,.pageBox a.active { background-color: #1357a2; color: #FFF; } .pageBox .on{ background-color: #0080cc; color: #FFF; } .pageBox .shangyi{ display:none;} } /*news_syn*/ .news_syn{padding-bottom:0; padding-top:210px;} .fix_banner{height:630px; position:fixed; left:0;top:0; width:100%; z-index:-1;} .fix_banner .bg_img{position:relative;width:100%;height:630px;} .fix_banner .bg_img>img{width:1920px; max-width:none; position:absolute;left:50%; margin-left:-960px;} .news_syn .pt1 {margin-bottom:60px;overflow:hidden;} .news_syn .pt1 .title{font-size:34px; color:#2a2a2a;line-height:1;margin-bottom:18px; text-align:center;} .news_syn .pt1 .info{font-size:15px; color:#2a2a2a;line-height:1;margin-bottom:40px; text-align:center;} .news_syn .tit_box {margin-bottom:40px;} .news_syn .tit_box .tit{font-size:34px; color:#2a2a2a; line-height:1;} .news_syn .tit_box .n_more{font-size:14px; color:#595959; line-height:50px;text-align:right;} .news_syn .pt1 .tit_box .tit a{color:#fff; opacity:0.8;} .news_syn .pt1 .tit_box .tit a:hover{opacity:1;} .news_syn .pt1 .tit_box .n_more a{color:#fff; opacity:0.8;} .news_syn .pt1 .tit_box .n_more a:hover{opacity:1;} .news_syn .pt1 .news_list_box {position:relative;} .news_syn .pt1 .news_list_box .arrs_box ul{display:none;} .news_syn .pt1 .news_list_box .arrs_box>a{display:block; width:36px; height:110px; position:absolute; top:50%; margin-top:-55px;} .news_syn .pt1 .news_list_box .arrs_box .prev{left:-60px; background:url(../img/news_syn_prev.png) 0 0 no-repeat;} .news_syn .pt1 .news_list_box .arrs_box .next{right:-60px; background:url(../img/news_syn_next.png) 0 0 no-repeat;} .news_syn .pt1 .news_list_box .arrs_box .prev:hover{background-position:-36px 0;} .news_syn .pt1 .news_list_box .arrs_box .next:hover{background-position:-36px 0;} .news_syn .pt1 .news_list_box .slide_box{height:414px;} .news_syn .pt1 .news_list_box .slide_box ul{overflow:hidden;} .news_syn .pt1 .news_list_box .slide_box li{width:33.333%; margin-right:26px;float:left; position:relative;} .news_syn .pt1 .news_list_box .slide_box .owl-item li{width:100%;} .news_syn .pt1 .news_list_box .slide_box .btm_empty{height:135px; background-color:#fff;} .news_syn .pt1 .news_list_box .slide_box .text_box{background-color:#fff; position:absolute; left:0; bottom:0; width:100%;} .news_syn .pt1 .news_list_box .slide_box .text_box .pd{padding:35px 40px;} .news_syn .pt1 .news_list_box .slide_box .text_box ._tit{font-size:16px; color:#19191a; margin-bottom:15px; height:25px; line-height:25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .news_syn .pt1 .news_list_box .slide_box .text_box ._info{font-size:14px; color:#fff; line-height:22px; height:0;} .news_syn .pt1 .news_list_box .slide_box .text_box ._date{color:#909090; font-size:13px;} .news_syn .pt1 .news_list_box .slide_box a{display:block; position:relative; z-index:1; overflow:hidden;} .news_syn .pt1 .news_list_box .slide_box a:hover ._info{height:44px; margin-bottom:10px;} .news_syn .pt1 .news_list_box .slide_box a:hover .text_box{background:#03529b;} .news_syn .pt1 .news_list_box .slide_box a:hover ._tit{color:#fff;} .news_syn .pt1 .news_list_box .slide_box a:hover ._date{color:#fff;} .news_syn .pt2{padding:50px 0 70px; overflow:hidden; background-color:#fafafa;} .news_syn .pt2 .indst_box .l_box{width:57.5%;} .news_syn .pt2 .indst_box .r_box{width:37.5%;} .news_syn .pt2 .indst_box a{display:block;} .news_syn .pt2 .indst_box a:hover .title{color:#03529b;} .news_syn .pt2 .indst_box a:hover .info{color:#03529b;} .news_syn .pt2 .indst_box .img_box{position:relative;} .news_syn .pt2 .indst_box .img_box img{width:100%;height:100%; position:absolute;} .news_syn .pt2 .indst_box .img_box .text_box{position:absolute; left:0; bottom:0; width:100%;} .news_syn .pt2 .indst_box .img_box .text_box .pd{padding:30px; background-color:#03529b; } .news_syn .pt2 .indst_box .img_box .text_box .title{font-size:20px; color:#fff; margin-bottom:20px;} .news_syn .pt2 .indst_box .img_box .text_box .info{font-size:14px; color:#fff; margin-bottom:20px; line-height:20px; height:40px; overflow:hidden;} .news_syn .pt2 .indst_box .img_box .text_box span{font-size:13px; color:#fff; line-height:20px; display:inline-block; padding-left:40px; margin-right:30px;} .news_syn .pt2 .indst_box .img_box .text_box .time_box{background:url(../img/putTime.png) left center no-repeat;} .news_syn .pt2 .indst_box .img_box .text_box .guanzhu{background:url(../img/look.png) left center no-repeat;} .news_syn .pt2 .slide_box .arrs { position:absolute; top:35%; width:41px; height:83px; background-image:url(../img/news05.png); background-repeat:no-repeat; } .news_syn .pt2 .slide_box .arrs.arr_prev { left:0; background-position:0 0; } .news_syn .pt2 .slide_box .arrs.arr_next { right:0; background-position:-41px 0; } .news_syn .pt2 .slide_box {height:0; padding-bottom:80%; position:relative;} .news_syn .pt2 .slide_box .slide_nav{display:none;} .news_syn .pt2 .news_list>a{display:block;} .news_syn .pt2 .news_list .month{font-size:36px; color:#03529b; line-height:1;font-family:Arial;} .news_syn .pt2 .news_list .year{font-size:16px; color:#03529b; line-height:1; margin-top:15px;} .news_syn .pt2 .news_list .new_time{margin-bottom:20px;} .news_syn .pt2 .news_list .title{font-size:18px; color:#19191a; margin-bottom:20px;} .news_syn .pt2 .news_list .info{font-size:14px; color:#595757; margin-bottom:25px;} .news_syn .pt2 .news_list li{border-bottom:1px solid #ecf1f4; margin-bottom:20px;} /*新闻-综合-part03*/ /*缁煎悎椤�-鍖哄潡鏍囬*/ .zhprt_title { padding:60px 0; text-align:center; } .zhprt_title ._hd { margin-bottom:10px; font-size:40px; color:#333333;} .zhprt_title ._bd { max-width:700px; margin:0 auto; font-size:15px; color:#7c7c7c; } .news_abt .prt04_cell ._msk, .transition { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } .news_abt .cpart01 { padding-bottom:95px; } .news_abt .news_dispic{width: 43.5%;height: 390px;float: left;} .news_abt .news_dispic img{width: 100%;} .news_abt .news_list{float: right;width: 55%;} .news_abt .news_list li { clear:both; overflow:hidden; padding:23px 55px 12px 25px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;background-color: #f4f4f4;margin-bottom: 13px;} .news_abt .news_list ._date1 { width:135px; float:left; color:#c8c8c8; font-size: 35px;margin-right: 30px;padding-top: 10px;text-align: right;font-family: kalinga,Arial;padding-bottom: 1px;} .news_abt .news_list ._date1 ._d1 { display: block;text-align: right; font-size:20px; line-height:1; } .news_abt .news_list ._intro { overflow:hidden; } .news_abt .news_list ._title { margin-bottom:8px; font-size:17px; height:30px; line-height:30px; font-weight:normal; color:#000; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .news_abt .news_list ._text { line-height:1.6em; height:3.2em; overflow:hidden; color:#5f5f5f; } .news_abt .news_list li:hover { background-color:#ececec; } .news_abt .news_list li:hover a,.news_abt .news_list li:hover ._title,.news_abt .news_list li:hover ._title,.news_abt .news_list li:hover ._more { color:inherit; } .news_abt .news_list li:hover ._title{font-weight: bold;} .news_abt .news_list li:hover ._date1 {color:#e6002f;} /*鏂伴椈缁煎悎-part02*/ .news_abt .cpart02 { position:relative; height:365px; overflow:hidden; } .news_abt .cpart02 img { position:absolute; top:0; left:50%; width:1920px; margin-left: -960px; max-width:none; } .news_abt .cpart02 ._mask { position:absolute; top:0; left:0; bottom:0; width:100%; background-image:url(../img/play.png); background-repeat:no-repeat; background-position:center center; cursor:pointer; } /*鏂伴椈缁煎悎-part03*/ .news_abt .prt03_news_box .news_cell { padding:30px 7.5% 40px; } .news_abt .prt03_news_box .news_cell:hover { background-color:#f6f6f6; } .news_abt .prt03_news_box .news_cell ._tit { margin-bottom:7px; font-size:17px; font-weight:bold; color:#3e3e3e; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .news_abt .prt03_news_box .news_cell ._date { display:block; margin-bottom:10px; font-size:14px; color:#999999; } .news_abt .prt03_news_box .news_cell ._txt { height:3.2em; overflow:hidden; font-size:14px; color:#4c4c4c; } .news_abt .cpart03 { padding-bottom:115px; } /*鏂伴椈缁煎悎-part04*/ .news_abt .prt04_cell { position:relative; float:left; width:50%; height:280px; overflow:hidden; background-repeat:no-repeat; } .news_abt .prt04_cell._cell01 { background-image:url(../img/news06.jpg); background-position:right center; } .news_abt .prt04_cell._cell02 { background-image:url(../img/news05.jpg); background-position:left center; } .news_abt .prt04_cell ._msk { position:absolute; top:0; left:0; right:0; bottom:0; background-image:url(../img/news07.png); background-repeat:repeat; color:#ffffff; visibility:hidden; opacity:0; } .news_abt .prt04_cell:hover ._msk { visibility:visible; opacity:1; } .news_abt .prt04_cell ._msk ._con { margin:30px 52px; max-width:850px; height:220px; line-height:220px; font-size:40px; text-align:center; border:#a7a7a8 1px solid; } .news_abt{padding-bottom: 0;} /*人才政策 2017-03-27*/ .job_zhence_box .even .list_img{float:right;} .job_zhence_box .even .list_text{float:left;} .job_zhence_box .list_text_box{padding:8%;} .job_zhence_box .list_hd{font-weight: bold; font-size: 24px;margin-bottom:20px;} .job_zhence_box .list_p{font-size: 16px;} /*res_abt页面*/ .res_abt_ban {position: relative;} .res_abt_ban >.xc_banner{height: 555px;} .res_abt_ban .box{top: 130px;}.rect-39{padding-bottom: 39%;} .res_abt_ban_box{position: absolute;bottom: 0;width: 800px;left: 50%;margin-left: -600px;height: 270px;overflow: hidden;z-index:1;} .res_abt_ban_box .ban_box{width: 400px;height: 270px;} .res_abt_ban_box .ban_box:first-child{background: #3daaff;} .res_abt_ban_box .ban_box:last-child{background: #f9ba00;} .res_abt_ban_box .ban_box .ban_item{padding: 50px 100px 40px 60px;display: block;} .res_abt_ban_box .ban_box .ban_item .res_abt_h4{font-size: 24px;color:#fff;margin-bottom: 15px;font-weight: 100;} .res_abt_ban_box .ban_box .ban_item .res_abt_s{font-size: 14px;color: #fff;padding-bottom:30px } .res_abt_ban_box .more{padding: 0 60px 0 35px;height: 37px;line-height: 37px;} .res_abt{padding-top: 0;} .res_abt .part1{height: 300px;overflow: hidden;} .res_abt .part1_l{width: 800px;background: #eaeaea;} .res_abt .part1_r{width: 400px;height: 300px;background: #3daaff;} .res_abt .part1_l .box{padding: 44px 70px;background: url(../img/c_img/res_abt04.png) no-repeat bottom right;} .res_abt .part1_info_h4{font-size: 26px;color:#545454;margin-bottom: 23px;} .res_abt .part1_l ul li{border-bottom:1px dotted #c2c2c2;margin-bottom: 15px;} .res_abt .part1_l ul li a{display: block;} .res_abt .part1_l ul li span{width: 25%;display: inline-block;text-align: left;float: left;line-height: 1.8;font-size: 14px;color:#666666;} .res_abt .part1_l ul li:last-child{margin-bottom: 0;} .res_abt .part1_r{text-align: center;} .res_abt .part1_r .part1_r_img{display: block;margin: 88px auto 0;} .res_abt .part1_r_h4{font-size: 26px;color: #ffffff;text-align: center;} .res_abt .part2{margin-top: 50px;} .res_abt .part2_h4{font-size: 34px;color: #333;text-align: center;} .res_abt .part2_s{font-size: 14px;color: #808080;text-align: center;margin-bottom: 40px;} .res_abt .part2_l,.res_abt .part2_r{width: 50%;height: 232px;overflow: hidden;display: block;position: relative;} .res_abt .part2_box{position: absolute;top: 60px;left: 60px;z-index: 17;right: 60px;} .res_abt .part2_item_h4{font-size: 26px;color:#fff;text-align: center;margin-bottom: 14px;} .res_abt .part2_item_s{font-size: 14px;color: #ffffff;text-align: center;line-height: 1.8;} .res_abt .part2_over{position: absolute;top: 232px;width: 100%;left: 0;height: 232px;background-color: rgba(61,170,255,.7);transition: all .6s ease;-webkit-transition:all .6s ease;} .res_abt .part2_item:hover .part2_over{top: 0;} .res_abt .part1_l ul li:hover span{color: #3daaff;} /*ljx20161227*/ .news_abt .cpart02 img{transition: all 1.5s ease 0s;} /*ljx20161227 end*/ /*xc_banner*/ .xc_banner{position: relative;height: 420px;overflow: hidden;} .xc_banner>img{position: absolute;top: 0;left: 50%;margin-left: -960px;max-width: none} .xc_banner>.wrap{position: relative;} .xc_banner .box{position: absolute;top: 165px;left: 0;} .xc_banner .xc_b_h3{font-size: 40px;font-weight: bold;color: #ffffff;margin-bottom: 15px;} .xc_banner a:hover{color: #ffffff;} /* bread-1 start*/ .widget-bread-1 {font-size: 14px; color: #fff; } .widget-bread-1 a { color: #fff;} .widget-bread-1 a:hover{color:#3caaff;} .widget-bread-1 .ion { font-size: 14px; margin: 0 5px;} .xc_banner .mouse{width: 34px;height: 70px;background: url(../img/mouse.png) no-repeat top center;position: relative;z-index: 10;margin: 30px 0 0 15px;} .xc_banner .mouse .mouse-bottom{position: absolute;bottom: -15px;left: 50%;margin-left: -5px;display: none;} .iphone_banner{display: none;} /*新闻-综合-part03*/ .news_index_06 .part03 { padding:50px 0; background-color:#ecf1f4; } .news_index_06 .part03 > .wrap{overflow:hidden;} .news_index_06 .prt03_video_wrap { float:left; width:62.5%; } .news_index_06 .prt03_video_wrap ._sub_tit{margin-bottom:20px;} .news_index_06 .prt03_video_wrap .info_{background:#fff; padding:6px;} .news_index_06 .prt03_video_wrap .video_li{position: relative; float:left; width:28%; overflow: hidden; cursor:pointer;} .news_index_06 .prt03_video_wrap .video_li2{margin-bottom:10px;} .news_index_06 .prt03_video_wrap .video_li.video_li1 { margin-right:1.5%; width:70%; margin-bottom:0;} .news_index_06 .prt03_video_wrap .video_li .info_ p{font-size:14px; color:#19191a; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;width:70%;} .news_index_06 .prt03_video_wrap .video_li .info_ .r_video_ico{width:24px; height: 20px; background-position:-74px -112px;} .news_index_06 .prt03_video_wrap .video_li ._info{background:url(../img/black88_03.png) repeat;position: absolute;width:100%;height: 100%;top:100%;transition: all .5s ease;} .news_index_06 .prt03_video_wrap .video_li ._info ._mask{position: absolute; left:50%; margin-left: -34px; top:50%; margin-top: -34px;} .news_index_06 .prt03_video_wrap .video_li ._info .video_ico{width:72px;height:72px; display:block; position:absolute; top:50%; left: 50%; margin-top: -36px; margin-left: -36px; background-position: 0px -148px;} .news_index_06 .prt03_video_wrap .video_li:hover ._info{top:0;} .news_index_06 .prt03_video_wrap .video_li.video_li1 .info_ { position:absolute; top:auto; left:0; bottom:0;text-align:center; background:url(../img/black88_03.png) repeat; color:#fff; padding:0; width:100%;height:60px;line-height:60px;} .news_index_06 .prt03_video_wrap .video_li.video_li1 .info_ p { color:#ffffff; } .news_index_06 .prt03_paper_wrap { float:right; width:35%; } .news_index_06 .prt03_paper_wrap ._tit { margin-bottom:20px; font-size:28px; color:#000000; } .news_index_06 .prt03_video_wrap .video_li .info_ .r_video_ico{width: 20px; height: 15px; background-position: -74px -112px; margin-top:3px;} .news_index_06 .news_index_ico{background: url(../img/news_index_06_ico.png) no-repeat;} .news_index_06 ._sub_tit ._tit{float: left; font-size: 28px; color: #000000;} .news_index_06 ._news_wrap .pd{padding:30px 25px 50px 25px; background:url(../img/white_65.png) repeat; padding-bottom:150px; margin-bottom:-150px;} .news_index_06 ._news_wrap .pd li{font-size:18px; color:#19191a;line-height:60px; border-bottom:1px solid #dfe1e1;} .news_index_06 ._news_wrap .pd a{display:block; } .news_index_06 ._news_wrap .pd .new_name{width:65%;} .news_index_06 ._news_wrap .pd .n_time{width:25%; text-align:right; font-size:14px; color:#03529b; white-space: nowrap;} .news_index_06 ._news_wrap .pd li:last-child{border:0;} @media only screen and (max-device-width: 1024px){ .news_index_06 .prt03_video_wrap .video_li2{margin-bottom: 4px;} .news_index_06 .prt03_video_wrap .info_{padding:4px 6px;} } @media only screen and (max-device-width: 640px){ .news_index_06 .prt03_video_wrap{width:100%;} .news_index_06 .prt03_paper_wrap{width:100%;} .news_index_06 .prt03_video_wrap .video_li{width:100%;} .news_index_06 .prt03_video_wrap .video_li.video_li2{margin-bottom:20px;} .news_index_06 .prt03_video_wrap .video_li.video_li1{ width:100%; margin-right:0; margin-bottom: 20px; } } /*news_detail*/ .news_detail ._tool_ico{width:20px;height:20px;background:url(../img/news_detail_tool_ico.png) no-repeat;display:inline-block;*display:inline-block;*zoom: 1;vertical-align:middle;margin-right:6px;} .news_detail ._tool_ico.ico01{background-position:0px 0px;} .news_detail ._tool_ico.ico02{background-position:-20px 0px;} .news_detail ._tool_ico.ico03{background-position:-40px 0px;} .news_detail ._tool_ico.ico04{background-position:-60px 0px;} .news_detail ._tool_ico.ico05{background-position:-80px 0px;} .news_detail ._tool_ico.ico06{background-position:-100px 0px;margin-left:24px;} /* newsdetail-2 start*/ .widget-newsdetail-2 ._head { border-bottom: 1px dotted #cccccc; } .widget-newsdetail-2 ._head ._title { font-size:30px; line-height: 1.4;color:000;font-weight:bold;margin-bottom:20px;} .widget-newsdetail-2 ._tools {color: #c7c7c7;height:46px;line-height:46px;padding:10px 0px 30px;} .widget-newsdetail-2 .ion { font-size: 16px; font-weight: normal;} .widget-newsdetail-2 ._tools ._tool{display: inline-block; vertical-align: middle;margin-right:24px;} .widget-newsdetail-2 ._tools ._b2l .ion { color: #0e90d2;} .widget-newsdetail-2 .myart { padding:50px 0;} .widget-newsdetail-2 ._detailPage_bottom {border-top: 1px solid #cccccc;} .widget-newsdetail-2 ._detailPage_bottom li {line-height: 60px; overflow: hidden; height: 60px;border-bottom: 1px solid #cccccc;font-size:16px;padding-right:28px; cursor:pointer;} .widget-newsdetail-2 ._detailPage_bottom ._mark { float: left; margin-right:25px;padding:0px 17px;color:#7c7c7c;} .widget-newsdetail-2 ._detailPage_bottom ._title { float:left; width: 68%;color:#000;} .widget-newsdetail-2 ._detailPage_bottom li:hover ._mark{background:#03529b;color:#fff;} .widget-newsdetail-2 ._detailPage_bottom ._time { float: right;font-size:13px;color:#969696;} .widget-newsdetail-2 .bdsharebuttonbox{margin-right:24px;} .widget-newsdetail-2 .bdsharebuttonbox .bds_more { float: none; padding-left: 2px;background: none;font-size:14px;color:#c7c7c7;} .widget-newsdetail-2 .bdsharebuttonbox .bds_more:hover{ color: #0159b0;} .detail_right_btn ._btn_box{width:46px;height:46px;background:url(../img/detail_r_ico.png) no-repeat;display:inline-block;*display:inline;*zoom: 1;} .detail_right_btn ._btn_box:hover{background-position:0px -46px;} .detail_right_btn .news_back{width:46px;height:46px;background:url(../img/news_back.jpg) no-repeat;display:inline-block;*display:inline;*zoom: 1;} .detail_right_btn .news_back:hover{background-position:0px -46px;} .detail_right_btn .news_next{width:46px;height:46px;background:url(../img/news_next.jpg) no-repeat;display:inline-block;*display:inline;*zoom: 1;} .detail_right_btn .news_next:hover{background-position:0px -46px;} body .bdshare_popup_box{display:none!important;} /*新闻列表*/ /*顶部推荐部分*/ /* newslist-8 start*/ .news_list .newslist_top .widget-newstop-8 { margin-bottom:20px;} .news_list .newslist_top .topnews,.news-search { height:0; padding-bottom:26%; overflow:hidden; position:relative;background:#eeeeee;} .news_list .newslist_top .topnews { float:left; width:100%; } .news_list .newslist_top .newslist_box{padding: 12px;} .news_list .newslist_top .tn_wrap,.tn_cell { width:100%; height:100%; position:absolute; overflow:hidden;} .news_list .newslist_top .topnews ._img{ float:left; width:45%;padding: 23px 0 22px 24px;} .news_list .newslist_top .topnews ._nr{ float:right; width:40%; margin:6%;} .news_list .newslist_top .topnews ._title{ font-size:26px; margin-top:20px; margin-bottom:10px; color:#03529b;} .news_list .newslist_top .topnews ._tools{ color:#a5a5a5; margin-bottom:5px; } .news_list .newslist_top .topnews ._tools span{ padding-right:20px;} .news_list .newslist_top .topnews ._tools .ion{ margin-left:0;} .news_list .newslist_top .topnews ._sum{ font-size:14px; line-height:24px; height:49px; overflow:hidden; margin-bottom:15px; } .news_list .newslist_top .topnews ._more{ display:block; width:120px; height:34px; line-height:34px; background:#dda300; font-size:14px; text-align:center; color:#fff; } .rect-659{padding-bottom: 65.9%;} .news_list .newslist_top .news-search{ width:28%; float:right; background:#d9d9d9;} .news_list .newslist_top .news-search ._pd{ padding:20px;height: 248px;background: #fff;} .news_list .newslist_top .nsearch-lant{ font-size:20px; font-weight:bold; margin-bottom:10px; color:#333333; } .news_list .newslist_top .nsearch-main .news-sele{ width:100%; height:35px; line-height:35px; border:1px solid #f4f4f4; background:#fff url(../img/news_list .newslist_top02.png) no-repeat right; border-radius:4px; margin-bottom:15px;background-size: auto 100%;} .news_list .newslist_top .nsearch-main .news-sele ._arrow{ display:none;} .news_list .newslist_top .nsearch-main .select-ui-choose-default-bottom.on{border-radius:0;} .news_list .newslist_top .select-ui-options-default{ border-color:#f1f1f1 !important; } .news_list .newslist_top .nsearch-main .news-inp{ width:100%; float:left; height:35px; line-height:35px; background:#fff; border:1px solid #f4f4f4; padding:0; margin:0; text-indent:8px;margin-bottom: 15px;} .news_list .newslist_top .nsearch-main .news-btn{ width:100%; float:right; height:51px; line-height:51px; border:none; padding:0; margin:0; cursor:pointer; color:#fff; background-color:#03529b; font-size:21px;outline: none;} .news_list .newslist_top .topnews a:hover ._more { filter:alpha(opacity=80); opacity:0.8; } /* pad横屏*/ @media only screen and (max-width:1240px) { .news_list .newslist_top .nsearch-main .news-sele { background:#fff; } .news_list .newslist_top .news-search ._pd{ padding:5px 20px;height: auto;} .news_list .newslist_top .nsearch-main .news-sele{margin-bottom: 5px;} .news_list .newslist_top .nsearch-main .news-inp{margin-bottom: 5px;} .news_list .newslist_top .nsearch-lant{margin-bottom: 5px;} .news_list .newslist_top .topnews ._img{box-sizing:border-box;} .news_list .newslist_top .topnews ._nr{margin:0; box-sizing:border-box; width:50%; padding:23px 20px 0 0;} .news_list .newslist_top .topnews ._title{margin-top:0;} } /*pad竖屏*/ @media only screen and (max-width:992px) { .news_list .newslist_top .topnews ._img { width:45%; } .news_list .newslist_top .topnews, .news-search { padding-bottom:30%; } .news_list .newslist_top .topnews .arr_next { right:44%; } .news_list .newslist_top .topnews ._title{font-size: 19px;margin-top: 7px;} .news_list .newslist_top .topnews ._sum{margin-bottom: 7px;} .news_list .newslist_top .nsearch-main .news-btn {height: 25px; line-height: 25px; font-size: 14px; } .news_list .newslist_top .nsearch-main .news-sele{margin-bottom: 10px;height: 30px;line-height: 30px;} .news_list .newslist_top .nsearch-main .news-inp{margin-bottom: 5px;height: 30px;line-height: 30px;} .news_list .newslist_top .nsearch-lant{margin-bottom: 5px;} .news_list .newslist_top .news-search ._pd{padding: 10px 20px;} } /*mobile*/ @media only screen and (max-width:760px) { .news_list .newslist_top .topnews, .news_list .newslist_top .news-search { width:100%;} .news_list .newslist_top .news-search { height:auto; padding-bottom:0; margin-bottom:20px;} .news_list .newslist_top .topnews { padding-bottom:115%; } .news_list .newslist_top .topnews ._img { width:100%; padding: 0;} .news_list .newslist_top .topnews ._nr { width:100%; margin-right:0;} .news_list .newslist_top .topnews ._nr a{display: block;padding: 0 20px;} .news_list .newslist_top .topnews ._nr { padding:0 4%; box-sizing:border-box; } .news_list .newslist_top .topnews .arrs { top:80px; margin-top:0; } .news_list .newslist_top .topnews .arr_next { right:0; } .news_list .newslist_top .topnews{width: 100%;}/**/ } /*新闻列表--下方列表部分*/ /* newslist-10 start*/ .newslist_bottom .widget-newslist-10 .list_hd{background-color:#f0f0f0;padding:50px 60px 40px;margin-bottom:26px;} .newslist_bottom .widget-newslist-10 .hd_tit{font-size:20px;color:#1e1e1e;font-weight:normal;height:30px;line-height:30px;margin-right:2%;} .newslist_bottom .widget-newslist-10 .inp_box_wrap { width:20%;margin-right:2%; } .newslist_bottom .widget-newslist-10 .inp_box{display:block;width:100%;height:32px;line-height:32px;border:1px solid #e0e0e0;padding:0;margin:0;box-sizing:content-box;font-size:13px;color:#999;padding:0;text-indent:10px;} /*.widget-newslist-10 .select_box { width:14%; margin-right:2%; }*/ .newslist_bottom .widget-newslist-10 .hd_btn{width:20%;border:none;text-align:center;background-color:#084675;font-size:15px;color:#fff;height:32px;line-height:32px;outline:none;cursor:pointer;} .newslist_bottom .widget-newslist-10 .list_box{padding:46px 60px 40px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .newslist_bottom .widget-newslist-10 .list_main{overflow:hidden;} .newslist_bottom .widget-newslist-10 .bd_r{width:20%;} .newslist_bottom .widget-newslist-10 .bd_c{width:76%;padding:0 8% 0 5%;} .newslist_bottom .widget-newslist-10 .list_title{font-size:20px;color:#000;font-weight:normal;} .newslist_bottom .widget-newslist-10 .list_tool{font-size:12px;color:#c9c9c9;padding:10px 0px;} .newslist_bottom .widget-newslist-10 .list_tool .share{margin-left:20px;cursor:pointer;} .newslist_bottom .widget-newslist-10 .list_p{font-size:14px;color:#6c6c6c;line-height: 26px;height:52px;overflow:hidden;} .newslist_bottom .widget-newslist-10 .list_box:after{content: "";width:88%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;} .newslist_bottom .widget-newslist-10 li:hover .list_box{background-color:#f8f8f8;} .newslist_bottom .widget-newslist-10 li:hover .list_time{color: #03529b} .newslist_bottom .widget-newslist-10 li:hover .list_time_day{color: #03529b} .newslist_bottom .widget-newslist-10 li:hover .list_box:after{background-color:#f8f8f8;} /*.newslist_bottom .widget-newslist-10 li:hover .list_title a{color:#3caaff;}*/ .newslist_bottom .widget-newslist-10 .list_time{font-size:14px;color:#989898;padding:0 2% 2% 0;border-right:1px solid #e6e6e6;font-family: Arial;width:60px;} .newslist_bottom .widget-newslist-10 .list_time_day{display:block;font-size:50px;color:#989797;line-height:50px;font-family:Arial;} .newslist_bottom .widget-newslist-10 .bdshare-button-style1-16 a{padding:0;margin:0;background:none;height:20px;line-height:20px;} @media only screen and (max-width:1240px){ .newslist_bottom .widget-newslist-10 .hd_btn{margin-left:0;} .newslist_bottom .widget-newslist-10 .inp_box_wrap{margin-right:1%;} .newslist_bottom .widget-newslist-10 .hd_tit{margin-right:2%} .newslist_bottom .widget-newslist-10 .list_hd{padding:30px 20px;} .newslist_bottom .widget-newslist-10 .list_box{padding:20px 10px 40px;} .newslist_bottom .widget-newslist-10 .bd_l{width:10%;} .newslist_bottom .widget-newslist-10 .bd_c{width:74%;} } @media only screen and (max-width:760px){ .newslist_bottom .widget-newslist-10 .hd_tit{margin-bottom:20px;float:none;text-align:center;} .newslist_bottom .widget-newslist-10 .inp_box_wrap{width:100%;margin:0;padding:0;margin-bottom:20px;} .newslist_bottom .widget-newslist-10 .hd_btn{width:100%;} .newslist_bottom .widget-newslist-10 .bd_r{float: none;width:100%;} .newslist_bottom .widget-newslist-10 .list_main{margin-top: 20px;} .newslist_bottom .widget-newslist-10 .bd_l{width:20%;} .newslist_bottom .widget-newslist-10 .bd_c{width:70%;padding: 0 0 0 5%;} .newslist_bottom .widget-newslist-10 .list_box:after{display:none;} } /* page-5 start*/ .util-page{ font-size:0; color: #000; text-align: center;margin-top: 50px;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff;line-height:27px;font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#03529b;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#fff; } .util-page .gobutton { margin-left:15px; margin-right:15px; font-size:14px; } .util-page .count { margin-left:10px; color:#000; background:none; border:none; display: none;} .util-page .gobutton.next {width: 48px; height: 34px; background-image: url(../img/page_nexth.png);background-position: 0 -34px ; font-size: 0; padding: 0; transition: none;} .util-page .gobutton.next:hover {background-position: 0 0;background-color: #03529b; transition: none;} .util-page .gobutton.prev {width: 48px; height: 34px; background-image: url(../img/page_prevh.png); font-size: 0; padding: 0; background-position: 0 0px;transition: none;} .util-page .gobutton.prev:hover {background-position: 0 -34px; background-color: #03529b;transition: none;} /*pro_detail*/ .rect-32{padding-bottom:32%;text-align:center;} .rect-320{ text-align:center;} .pro_nav{height:68px; line-height:68px;} .pro_nav.fixed .pro_nav_f{position:fixed;left:0; top:0; width:100%; background:#fff; z-index:10;} .pro_nav .name {font-size:14px; color:#555;} .pro_nav .name .pic{vertical-align:middle;} .pro_nav .monitor_list li{font-size:14px; color:#555; margin-left:35px; cursor:pointer;} .pro_nav .monitor_list li.active{color:#04529c;} .pro_nav .monitor_list li a{display:block; line-height:30px; background:#0267b5; color:#fff; margin-top:19px; padding:0 16px;} .pro_detail{padding-top:0; padding-bottom:0;} .pro_detail .pt1{padding:100px 0; background:#ededed;} .pro_detail .pt1 .l_box{width:90%;} .pro_detail .pt1 .r_box{width:8%;} .pro_detail .pt1 .tit_box{text-align:center; margin-bottom:20px;} .pro_detail .pt1 .tit_box .pd{} .pro_detail .pt1 .tit_box .pro_name{ font-size:45px; color:#323335;line-height:1; margin-bottom:10px; font-weight:bold;} .pro_detail .pt1 .tit_box .pro_name span{color:#b72122;} .pro_detail .pt1 .tit_box .info{font-size:16px; color:#555;} .pro_detail .pt1 .tit_box .line{height:1px; width:50%;margin: 15px auto; background:#0267b5;} .pro_detail .pt1 .tit_box .v_box {color:#b92022; font-size:18px; line-height:30px;} .pro_detail .pt1 .tit_box .v_box a{color:#b92022; display:inline-block;} .pro_detail .pt1 .tit_box .v_box ._video{margin-right:20px;} .pro_detail .pt1 .tit_box .v_box ._video i{display:inline-block; width:20px; height:20px; background:url(../img/_v.png) center center no-repeat; margin-left:12px; vertical-align:middle;} .pro_detail .pt1 .tit_box .v_box ._deg i{display:inline-block; width:20px; height:20px; background:url(../img/_deg.png) center center no-repeat; margin-left:5px; vertical-align:middle;} .pro_detail .pt1 .simg_con .pd{padding:34% 0; background:#ededed; border:1px solid #dadada;} .pro_detail .pt1 .simg_con li{margin-bottom:12px; cursor:pointer; margin:auto;} .pro_detail .pt1 .simg_con li.on .pd{border-color:#0688cd;} .pro_detail .pt2{padding-top:50px; padding-bottom:0px;} .pro_detail .pt2 .l_box{width:50%;} .pro_detail .pt2 .r_box{width:50%;} .pro_detail .pt2 .r_box .pd{padding-left:50px; padding-right:20px;} .pro_detail .pt2 .title{font-size:22px; color:#555; line-height:1; margin-bottom:30px; font-weight:bold;} .pro_detail .pt2 .r_box .desc{font-size:15px; color:#7a7a7a; margin-bottom:20px; line-height:30px;} .pro_detail .pt2 .r_box .params li{line-height:40px; border-bottom:1px solid #ccc; font-size:16px; color:#1e1e1e;} .pro_detail .pt2 .r_box .params ._t{width:50%;} .pro_detail .pt2 .r_box .params ._c{width:50%;} .pro_detail .pt2 .r_box .params li:last-child{border:0;} .pro_detail .pt3{height:620px; overflow:hidden; background-position:center; background-repeat:no-repeat;} .pro_detail .pt3 .title{margin-top:160px; font-size:48px; color:#fff; text-align: center;} .pro_detail .pt3 .info{font-size:28px; color:#fff; text-align:center; margin-bottom:50px;} .pro_detail .pt3 .btn_box{text-align:center; width:330px; height:70px; border:2px solid #d8d7d5; line-height:70px; margin:0 auto; cursor:pointer;} .pro_detail .pt3 .btn_box span{line-height:70px; font-size:24px; color:#fff; display:inline-block; vertical-align:middle;} .pro_detail .pt3 .btn_box span.sj{margin-right:40px; height:70px; width:11px; background:url(../img/sj.png) center center no-repeat;} .pro_detail .pt4{padding:100px 0 50px; height:580px; overflow:hidden; background-position: center; background-repeat:no-repeat;} .pro_detail .pt4 .l_box{width:50%;} .pro_detail .pt4 .r_box{width:50%;} .pro_detail .pt4 .r_box .pd{padding:50px 20px 0 20px;} .pro_detail .pt4 .r_box .pd .tit{font-size:42px; color:#000; margin-bottom:10px;} .pro_detail .pt4 .r_box .pd .info{font-size:14px; color:#666;line-height:30px; margin-bottom:30px;} .pro_detail .pt4 .r_box .pd .num_box .top_box{font-size:20px; font-weight:bold; color:#414141; } .pro_detail .pt4 .r_box .pd .num_box .top_box .num{font-size:80px; font-family:Impact; color:#c13033; margin-right:20px; padding-left:5%;} .pro_detail .pt4 .r_box .pd .num_box .btm_box{font-size:16px; color:#333;padding-left:5%;} .pro_detail .pt4 .r_box .pd .num_box li{position:relative;} .pro_detail .pt4 .r_box .pd .num_box li:after{content:''; position:absolute; width:1px; height:100%; top:0; right:0; background:#cdcdcd;} .pro_detail .pt4 .r_box .pd .num_box li.li3:after{display:none;} .pro_detail .pt4 .r_box .pd .icons_box li{width:30%; margin-right:20px; text-align:center;} .pro_detail .pt4 .r_box .pd .icons_box li .icon{display:inline-block; *display:inline; *zoom:1; background-repeat:no-repeat; background-position:center center; width:70px; height:70px; margin-bottom:5px;} .pro_detail .pt4 .r_box .pd .icons_box li .name{font-size:18px; color:#484848; text-align:center;} .pro_detail .pt5{} .pro_detail .pt5 .l_box{width:50%;} .pro_detail .pt5 .r_box{width:50%; position:relative;} .pro_detail .pt5 .l_box .pd{padding-top:130px;} .pro_detail .pt5 .l_box .tit{font-size:42px; color:#fff; margin-bottom:15px;} .pro_detail .pt5 .l_box .info{font-size:14px; color:#fff; margin-bottom:40px;} .pro_detail .pt5 .r_box img{position:absolute; right:-100px; top:50px; max-width:none;} .pro_detail .pt6 {padding-top:90px;} .pro_detail .pt6 .tit{font-size:42px; color:#000; margin-bottom:20px; text-align:center;} .pro_detail .pt6 .info{font-size:14px; color:#666; margin-bottom:20px; text-align:center;} .pro_detail .pt6 .icons_con{text-align:center; margin-bottom:30px;} .pro_detail .pt6 .icons_con .i_box .img_box{margin-bottom:10px; width:85px; height:85px; margin:0 auto 10px; background-repeat:no-repeat;} .pro_detail .pt6 .icons_con .i_box:hover .img_box{background-position:0 -85px;} .pro_detail .pt6 .icons_con .i_box{display:inline-block; *display:inline; *zoom:1; margin:0 5px; width:140px;} .pro_detail .pt6 .icons_con .i_box .text{font-size:14px; color:#666;} .pro_detail .pt6 .video_box{height:500px;width:896px; position:relative; overflow:hidden; margin:0 auto;} .pro_detail .pt6 .video_box video{position:absolute; height:500px; left:50%;margin-left:-450px;top:-1px; } .pro_detail .pt6 .video_box img{position:absolute; left:0; top:0; width:100%; height:100%;} .pro_detail .pt7{background:url(../img/mosha.jpg) repeat; padding-top:60px; overflow:hidden;} .pro_detail .pt7 .tit{font-size:42px; color:#fff;text-align:center; margin-bottom:20px;} .pro_detail .pt7 .info{font-size:14px; color:#c7c7c7;text-align:center; margin-bottom:15px; width:75%; margin-left:auto; margin-right:auto; line-height:30px;} .pro_detail .pt7 .icons_con{text-align:center; margin-bottom:80px;} .pro_detail .pt7 .icons_con .i_box{display:inline-block;*display:inline; *zoom:1; margin:0 20px; font-size:0;} .pro_detail .pt7 .icons_con .i_box .img_box{width:70px; height:60px; display:inline-block;*display:inline; *zoom:1; vertical-align:middle; margin-right:20px; background-repeat:no-repeat;} .pro_detail .pt7 .icons_con .i_box .text{display:inline-block;*display:inline; *zoom:1; font-size:14px; color:#c7c7c7; vertical-align:middle; margin-right:20px; text-align:left;} .pro_detail .pt7 .icons_con .box1 .text{width:45px;} .pro_detail .pt7 .icons_con .box2 .text{width:70px;} .pro_detail .pt7 .icons_con .box3 .text{width:110px;} .pro_detail .pt7 .icons_con .i_box:hover .img_box{background-position: 0 -60px;} .pro_detail .pt7 .icons_con .i_box:hover .text{color:#b50b0b;} .pro_detail .pt7 .img_con{text-align:center;} .pro_detail .pt8 {overflow:hidden; background-repeat:no-repeat; background-position:center; } .pro_detail .pt8 .text_box{width:50%;} .pro_detail .pt8 .pd{padding:190px 0 0 40px;} .pro_detail .pt8 .pd .tit{font-size:42px; color:#000; margin-bottom:20px;} .pro_detail .pt8 .pd .info{font-size:14px; color:#666; line-height:30px; margin-bottom:20px;} .pro_detail .pt8 .pd .btn_box{width:260px; height:70px;line-height:70px; border:2px solid #323234; text-align:center; font-size:24px; color:#000; cursor:pointer;} .pro_detail .pt8 .pics{display:none;} /*产品详细 .rect-61{ padding-bottom: 61%; } .pro_detail .pt1{ margin-bottom: 5%; } .pro_detail .pt1 .left{ width: 48%; } .pro_detail .pt1 .left .iconfont{ font-size: 30px; color: #ce010c; position: absolute; bottom: 3%; right: 2%; font-weight: bold; } .pro_detail .pt1 .right{ width: 48%; } .pro_detail .pt1 .right .title{ font-size: 36px; color: #000; } .pro_detail .pt1 .right .p{ font-size: 16px; color: #666; margin-bottom: 5%; } .pro_detail .pt1 .right .d li{ float: left; margin-right: 5%; } .pro_detail .pt1 .right .d li:first-child a{ display: block; background: #ce010c; color: #fff; padding: 10px 60px; font-size: 16px;background: #ce010c; } .pro_detail .pt1 .right .d li:first-child a:hover .ico{ -webkit-animation:zooming .3s;animation:zooming .3s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:6;animation-iteration-count:6; } .pro_detail .pt1 .right .d li:first-child a .ico{ display: inline-block; width: 23px; height: 31px; background: url(../img/pro_detail_ico.png) no-repeat; margin-right: 20px; } .pro_detail .pt1 .right .d li:last-child span{ display: block; color: #666; } .pro_detail .pt1 .right .d li:last-child span a{ font-size: 22px; color: #ce010c; } .pro_detail .pt1 .right .rec .t{ font-size: 16px; color: #000; margin: 1% 0 2%; } .pro_detail .pt1 .right .rec li{ float: left; width: 30%; margin-right: 3%; } .pro_detail .pt1 .right .rec li a{ display: block; } .pro_detail .pt1 .right .rec li a .el{ margin-top: 8px; } .pro_detail .pt2 .pt-hd{ background: url(../img/pro_detail_bg.jpg) no-repeat center center; height: 218px; background-size: cover; position: relative; z-index: 2; } .pro_detail .pt2 .pt-hd:after{ content: ""; position: absolute; width: 100%; height: 1px; background: #fff; top: 50%; left: 0; z-index: -1; } .pro_detail .pt2 .ul_Target li{ float: left; width: 25%; color: #fff; font-weight: bold; font-size: 20px; text-align: center; cursor: pointer; } .pro_detail .pt2 .ul_Target li .circle{ display: block; width: 20px; height: 20px; border-radius: 50%; background: #fff; margin: 100px auto 15px; } .pro_detail .pt2 .ul_Target li.active{ color: #ce010c; } .pro_detail .pt2 .ul_Target li.active .circle{ background: #ce010c; } .pro_detail .pt2 .sections{ min-height: 300px; padding: 3% 0 0; } .pro_detail .pt2 .sections .tit{ font-size: 32px; color: #000; font-weight: bold; margin-bottom: 2%; } @keyframes zooming { 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);} } @-webkit-keyframes zooming{ 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);} } @-moz-keyframes zooming{ 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);} } @-ms-keyframes zooming{ 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);} } @-o-keyframes zooming{ 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);} } */ /*人才招聘*/ .job{padding:70px 0 70px; overflow:hidden;} .job .pt1 .job-sear{ padding:43px 0 27px 30px; border:10px #ededed solid; margin-bottom:50px;} .job .pt1 .job-sear .t-pt{font-size:14px;color: #5a5a5a; font-weight: bold;float: left;line-height:32px;padding: 0 15px 0 5px; text-transform:uppercase;} .job .pt1 .job-sear .t-area{ float:left; width:22.5%; height:30px; padding-left:10px; line-height:30px; border:1px solid #eee; text-indent:5px; margin-right:5%;background-color: #fff;} .job .pt1 .job-sear .t-area ._val{color:#a9a9a9;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .job .pt1 .job-sear .t-area ._val b{ float:right; width:33px; height:30px; background:url(../img/job-areaico.gif) no-repeat; } .job .pt1 .job-sear .t-area ._option{ top:30px;} .job .pt1 .job-sear .t-area ._option a { padding-left:10px; background-color:#ffffff; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .job .pt1 .job-sear .sear_input{ float:left; margin-right:3%; width:25%; padding-left:5px; height:28px; line-height:28px; border:1px solid #eee; position:relative;background-color: #fff;} .job .pt1 .job-sear .sear_input input { text-indent:10px; } .job .pt1 .job-sear .sear_input input[type=text]{ vertical-align:top; border:0;width: 80%;height: 16px; line-height:16px;box-sizing: content-box;padding: 6px 0;} .job .pt1 .job-sear button[type=submit]{ border:0; width:20%; height:30px; line-height: 30px; background-color:#0070bc;padding: 0;float:left;font-size:14px; color:#fff;cursor: pointer; text-transform:uppercase;} .job .pt1 .job-sear .sear_input button i{ display:block;background:url(../img/job-searico.png) no-repeat; width:100%; height:100%;} .job .pt1 .job-sear button[type=submit]:hover{ background-color:#950606;} .job .pt2{background-color: #fff;z-index: 2;} .job .pt2 .job_list { margin-bottom:60px;position: relative;} .job .pt2 .joblist_tt{background-color: #0070bc;height: 54px;line-height: 54px; overflow:hidden;float:left; width:100%;} .job .pt2 .joblist_tt span{ float:left;text-indent:3%;font-weight: bold;} .job .pt2 .joblist_tt span.jobli1{ width:20%;text-align: left;color:#fff;font-size: 15px;font-weight: normal; text-indent: 5%;} .job .pt2 .joblist_tt span.jobli2{ width:20%;text-align: left;color:#fff;font-size: 15px;font-weight: normal; text-indent: 5%;} .job .pt2 .joblist_tt span.jobli3{ width:20%;text-align: left;color:#fff;font-size: 15px;font-weight: normal; text-indent: 5%;} .job .pt2 .joblist_tt span.jobli4{ width:20%;text-align: left;color:#fff;font-size: 15px;font-weight: normal; text-indent: 5%;} .job .pt2 .joblist_tt span.jobli5{ width:20%;text-align: left;color:#fff;font-size: 15px;font-weight: normal; text-indent: 5%;} .job .pt2 .JobList-J2 { overflow:hidden;} .job .pt2 .JobList-J2 ._jt { background-color: #fff; height: 50px; line-height: 50px; border-bottom:1px solid #f2f2f2; overflow: hidden; *zoom: 1; cursor: pointer; position:relative; float:left; width:100%; } .job .pt2 .JobList-J2 ._jt strong { float: left; width: 20%; color:#5a5a5a;font-size: 14px;text-align: left;text-indent: 5%;font-weight: normal; height: 50px; } .job .pt2 .JobList-J2 ._jt span { float: right; } .job .pt2 .JobList-J2 ._jc { display: none;float:left; width:100%;background-color:#f9f9f9;padding-left: 44px;padding-bottom: 30px; } .job .pt2 .JobList-J2 ._jcon { padding: 10px 10px 10px 20px; } .job .pt2 .JobList-J2 ._jcon ._title{font-size: 15px;color:#000;margin-top: 32px;} .job .pt2 .JobList-J2 ._jcon ._typeIn p{line-height: 24px;} .job .pt2 .JobList-J2 ._jt_act {color:#fff;} .job .pt2 .JobList-J2 ._jt_act ._jt_btn{ background-position:left bottom;} .job .pt2 ._channelBtn{ display: inline-block;border: 1px #d6d6d6 solid; width: 160px; height: 40px;line-height: 40px;text-align: center;margin-top: 14px;margin-right: 10px;} .job .pt2 ._channelBtn:hover{ background-color:#0070bc; color:#fff;} .job .pt2 .JobList-J2 ._jcon{padding-bottom:30px;} .job .page{padding-top:70px;} /*index*/ .ibanner{height:720px; width:100%; position:relative; overflow:hidden; height:100vh;} .ibanner img{max-width:none; position:absolute; left:50%; margin-left:-960px; width:1920px; top:50%; margin-top:-540px;} .ibanner .video{position:absolute; width:1920px; left:50%; margin-left:-960px; top:50%; margin-top:-540px; height:1080px;} .ibanner .slide_nav{bottom:30px; width:100%; text-align:center; font-size:0;} .ibanner .slide_nav a{display:inline-block; width:15px; height:15px; border-radius: 50%; margin:0 5px; background:#fff; cursor:pointer;} .ibanner .slide_nav a.on{background:#0267b5;} .ibanner_wrap .text_wrap{position:absolute; width:1200px; left:50%; margin-left:-600px; top:50%; z-index:1; margin-top:-130px;} .ibanner_wrap .text_wrap .text_box{width:700px; transform:translateX(-60px); opacity:0;} .ibanner_wrap .text_wrap .text_box.move{transform:translateX(0px); opacity:1;} .ibanner_wrap .text_wrap .en{font-size:44px; line-height:50px; color:#fff; font-family:微软雅黑; margin-bottom:30px; text-transform:uppercase;} .ibanner_wrap .text_wrap .chinese{font-size:18px; color:#fff;margin-bottom:30px;} .ibanner_wrap .text_wrap .btn_box{width:230px; height:60px; line-height:60px; background:#d32b2f; font-size:18px; color:#fff; text-align:center;} .ibanner_wrap .slide_nav{z-index:2;} .ibanner_wrap .mask{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/vdian.png); background-repeat:repeat;} .index .pt1{padding-top:40px;padding-bottom:70px; overflow:hidden; background:#fff; position:relative; z-index:3; transition-duration:1s;} .index .pt1.go_top{margin-top:-94px;} .index .pt1 .title{font-size:36px; line-height:1; margin-bottom:10px; color:#000; text-align:center;} .index .pt1 .info{font-size:14px; color:#a3a3a3; width:40%; margin:0 auto 40px;} .index .pt1 .l_box{width:49%;} .index .pt1 .l_box a{display:block;} .index .pt1 .l_box .img_box{position:relative; height:450px; width:100%;} .index .pt1 .l_box .img_box >img{position:absolute; left:0; top:0; width:100; height:100%;} .index .pt1 .l_box .img_box .pd{padding:100px 100px 0 40px; position:relative; z-index:1;} .index .pt1 .l_box .img_box .pd .tit{font-size:65px; font-family:Impact; color:#fff; width:250px; margin-bottom:15px; line-height:1;} .index .pt1 .l_box .img_box .pd .zh_tit{font-size:30px; color:#fff; margin-bottom:30px;} .index .pt1 .l_box .img_box .pd .pt1_info{font-size:14px; line-height:26px; color:#fff;} .index .pt1 .r_box{width:50%;} .index .pt1 .r_box .video_box{height:260px; width:100%; position:relative; overflow: hidden;} .index .pt1 .r_box .video_box video{position:absolute; left:0; top:0; min-width:100%; min-height:100%;} .index .pt1 .r_box .video_box >img{position:absolute; left:0; top:0; width:100%; height:100%;} .index .pt1 .r_box .video_box .v_mask{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/v_mask.png) center center no-repeat;} .index .pt1 .r_box .info_box{height:190px; background:#1b76bc;background:-webkit-gradient(linear,center left, center right, from(#255495), to(#1b76bc)); background: -webkit-linear-gradient(left,#255495,#1b76bc); overflow:hidden; background:url(../img/sky.jpg)center center no-repeat;} .index .pt1 .r_box .info_box a{display:block;} .index .pt1 .r_box .info_box a:hover .name{color:#dfecf7;} .index .pt1 .r_box .info_box a:hover .text{color:#dfecf7;} .index .pt1 .r_box .info_box .name{margin-top:60px; font-size:26px; color:#fff; text-align:center; margin-bottom:15px; line-height:1;} .index .pt1 .r_box .info_box .text{font-size:15px; color:#fff; text-align:center; padding:0 50px;} .index .pt2{padding-bottom:0px; overflow:hidden;} .index .pt2 .tab_con{ background:#e7e7e7; height:144px;} .index .pt2 .tab_con .owl-nav{display:none;} .index .pt2 .tabt_box li{width:20%; float:left;} .index .pt2 .tabt_box li a{display:block;} .index .pt2 .tabt_box .owl-item li{width:100%; float:none;} .index .pt2 .tabt_box .pd{padding:30px 0 15px; background:#e7e7e7;} .index .pt2 .tabt_box .pd a{display:block;} .index .pt2 .tabt_box .pd .img_box{width:130px; height:50px; background-repeat:no-repeat;background-position:0 0; margin:0 auto 20px;} .index .pt2 .tabt_box .pd .pro_name{text-align:center; font-size:18px; color:#333;} .index .pt2 .tabt_box .tab_t_cur .img_box{background-position:0 -50px;} .index .pt2 .tabt_box .tab_t_cur .pd{background:#0078c2;background:-webkit-gradient(linear,center left, center right, from(#0078c2), to(#0078c2)); background: -webkit-linear-gradient(left,#0078c2,#0078c2);} .index .pt2 .tabt_box .tab_t_cur .pd .pro_name{ color:#fff;} .index .pt2 .tabt_box .t4:hover .img_box{background-position:0 -50px;} .index .pt2 .tabt_box .t4:hover .pd{background:#1c3a74;background:-webkit-gradient(linear,center left, center right, from(#0078c2), to(#0078c2)); background: -webkit-linear-gradient(left,#0078c2,#0078c2);} .index .pt2 .tabt_box .t4:hover .pd .pro_name{ color:#fff;} .index .pt2 .tabt_box .t5:hover .img_box{background-position:0 -50px;} .index .pt2 .tabt_box .t5:hover .pd{background:#1c3a74;background:-webkit-gradient(linear,center left, center right, from(#0078c2), to(#0078c2)); background: -webkit-linear-gradient(left,#0078c2,#0078c2);} .index .pt2 .tabt_box .t5:hover .pd .pro_name{ color:#fff;} .index .pt2 .tab_c{height:430px; position:relative;color:#fff; overflow:hidden; visibility:hidden; padding-bottom:40px;} .index .pt2 .tab_c_cur{visibility:visible; } .index .pt2 .left { width: 46%; float: left; position: relative; z-index: 5; } .index .pt2 .right { float: left; width: 50%; margin-left:4%; height:430px; position:relative;} .index .pt2 .right img{position:absolute; right:-100px; bottom:-30px; max-width:none;} .index .pt2 .links {margin-bottom:40px;} .index .pt2 .links a { color: #b5b9c1; text-align: center; display: block; font-size:13px;width:80px; padding-left: 10px; padding-right: 10px; height: 60px; padding-top: 10px; border: 1px solid #fff; border-radius: 4px; float: left; margin-right: 10px; } .index .pt2 .links a .icon{margin-bottom:6px;} .index .pt2 .btns .btn_more{width:230px; height:60px; line-height:60px; background:#414551; color:#fff; text-align:center; font-size:18px; /*font-family:Arial;*/ float:left;} .index .pt2 .btns .btn_more a{display:block; color:#fff;} .index .pt2 .btns .btn_more a:hover{background:#0267b5;} .index .pt2 .btns .btn_solu{width:200px; height:60px; line-height:60px; color:#fff; text-align:center; font-size:18px; float:left;} .index .pt2 .btns .btn_solu .text{display:inline-block; vertical-align:middle; margin-right:20px;} .index .pt2 .btns .btn_solu a{display:block; color:#fff;} .index .pt2 .btns .btn_solu a:hover{color:#0267b5;} .index .pt2 .btns .btn_solu a:hover .sj{background:url(../img/sj_blue.png) center center no-repeat;} .index .pt2 .btns .btn_solu .sj{display:inline-block; vertical-align:middle; width:15px; height:60px; background:url(../img/sj_white.png) center center no-repeat;} .index .pt2 .sec2_bg { z-index: -1; position: absolute; width: 1920px; height: 480px; left: 50%; margin-left: -960px; top: 0; max-width: none; } .index .pt2 .sec_tit { font-size:37px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; margin-top: 80px; margin-bottom: 10px; } .index .pt2 .sec_tit a{color:#fabb01;} .index .pt2 .sec_tit a:hover{opacity:0.8;} .index .pt2 h4 { font-size: 28px; font-weight: normal;} .index .pt2 h4 a{ color:#fff;} .index .pt2 ._txt { font-size: 15px; line-height: 26px; margin-bottom:20px; } .index .pt3{padding:0 0 80px;} .rect-82{padding-bottom:82%;} /*设备 widgets_news_listcover_1*/ .i_video{ overflow:hidden;background:url() #f6f6f6 center top no-repeat; padding-bottom:2%;} .i_video .i_video_con{ overflow:hidden; width:97%; margin:0 auto; max-width:1200px;text-align:center;} .i_video .i_video_con .i_video_div{ position:relative; overflow:hidden; margin-top:3%; margin-bottom:50px;} .i_video .i_video_con .i_video_div .i_video_l{ width:35%; overflow:hidden; position:relative; text-align:left;height:780px;} .i_video .i_video_con .i_video_div .i_video_l .i_video_img{ overflow:hidden;width:100%;height:100%; } .i_video .i_video_con .i_video_div .i_video_l .i_video_img img{ width:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} .i_video .i_video_con .i_video_div .i_video_l h2{ height:32px; line-height:32px; padding-left:3%; padding-right:3%; overflow:hidden; background:url(../images/i_video_bg1.png) repeat; color:#fff; font-weight:normal; margin-top:-32px;font-size:14px; color:#fff; left:0; position:absolute; bottom:0; width:94%;} .i_video .i_video_con .i_video_div .i_video_l i{ display:block; width:100%; height:100%; top:0; left:0; position:absolute; background:url(../images/i_video_pic1.png) center center no-repeat;} .i_video .i_video_con .i_video_div .i_video_l:hover .i_video_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .i_video .i_video_con .i_video_div .i_video_l:hover h2{background:url(../images/i_video_bg2.png) repeat;} .i_video .i_video_con .i_video_div .i_video_r{ width:65%; position:absolute; height:100%; top:0; right:0;} .i_video .i_video_con .i_video_div .i_video_r ul{ display:inline-table; width:100%;} .i_video .i_video_con .i_video_div .i_video_r ul li{ float:left; width:46.6%; margin-left:3.4%; overflow:hidden;height:48.5%; position:relative; text-align:left;} .i_video .i_video_con .i_video_div .i_video_r ul li:nth-child(3n+0){ margin-top:3%;} .i_video .i_video_con .i_video_div .i_video_r ul li:nth-child(4n+0){ margin-top:3%;} .i_video .i_video_con .i_video_div .i_video_r ul li .i_video_img{ overflow:hidden; width:100%; height:100%;} .i_video .i_video_con .i_video_div .i_video_r ul li .i_video_img img{ width:100%; height:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} .i_video .i_video_con .i_video_div .i_video_r ul li h2{ height:32px; line-height:32px; padding-left:3%; padding-right:3%; overflow:hidden; background:url(../images/i_video_bg1.png) repeat; color:#fff; font-weight:normal; margin-top:-32px;font-size:14px; color:#fff; position:absolute; bottom:0; left:0; width:94%;} .i_video .i_video_con .i_video_div .i_video_r ul li:hover .i_video_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .i_video .i_video_con .i_video_div .i_video_r ul li:hover h2{background:url(../images/i_video_bg2.png) repeat;} .i_video_more{ margin:0 auto; width:50%; max-width:200px; background:url(../images/i_video_pic2.png) #e7e7e7 88% center no-repeat; font-size:14px; color:#029bde; display:block; height:40px; line-height:40px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} .i_video_more:hover{ background:url(../images/i_video_pic3.png) #029bde 88% center no-repeat; color:#fff;} .i_case_t{ overflow:hidden; margin-top:8%; } .i_case_t h2{ letter-spacing:1.5px;/* background:url(../images/i_case_bg2.png) center center no-repeat; */ font-weight:normal; line-height:42px; color:#666; font-size:28px;} .i_case_t label{color:#999; font-size:14px; text-transform:uppercase; font-family:Arial; line-height:26px; letter-spacing:4px;} .index_fl{ width:1240px; margin: 0px auto; padding-bottom:60px; padding-top:60px; } .index_fl ul{ margin: 0px auto; overflow:hidden; padding: 0px; } .index_fl li { float: left; position: relative; overflow: hidden; margin:20px; width: 310px; height: 230px; } .index_fl li.index_fl_li1{ width: 500px; height: 500px; overflow: hidden; } .index_fl li .index_fl_img{ transition:all 5s; } .index_fl li .index_fl_tit{ position: absolute; left: 0px; bottom: -10px; text-align: center; background: rgba(0, 0, 0, 0.5); width: 100%; color: #fff; font-size: 18px; line-height: 40px; padding: 10px 0px; } .index_fl li:hover .index_fl_tit{ bottom: 0px; background: rgba(255, 156, 1, 0.7); transition:all 0.6s; } .index_fl li:hover .index_fl_img{ transform: scale(1.2); } .index_fl li.index_fl_li2{ width: 373px; height: 230px; overflow: hidden; float: left; } .index_fl li.index_fl_li3{ width: 373px; height: 230px; overflow: hidden; float: right; background-color:#0267b5 } @media screen and (max-width: 1000px) { .index_fl{width:100%; } .index_fl li {width:100%; } .index_fl li.index_fl_li1 {width:100%; } .index_fl li.index_fl_li2 {width:100%; } .index_fl li.index_fl_li3{width:100%; float: none;} } @media screen and (max-width: 780px) { .i_video .i_video_con .i_video_div .i_video_l{ width:100%; margin-bottom:3%;height:100%;} .i_video .i_video_con .i_video_div .i_video_l .i_video_img{ overflow:hidden;width:100%;height:100%; } .i_video .i_video_con .i_video_div .i_video_r{ width:100%; position:static;} .i_video .i_video_con .i_video_div .i_video_r ul li{ margin-left:0%; margin-right:2%; width:49%;} .i_video .i_video_con .i_video_div .i_video_r ul li:nth-child(2n+0){ margin-right:0;} .i_news ul li{ width:50%;} } @media screen and (max-width: 640px) { .i_case_t h2{ font-size:24px;} .i_case .i_case_con .i_cast_a{ padding-top:4%;} .i_case .i_case_con .i_cast_a a{ font-size:13px;} } /*新闻类 widgets_news_listcover_1*/ .ipt3{ padding-bottom:50px; background-color:#f3f3f3; } .ipt3 .pt-bd li{ margin-bottom: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1.5% 3% 1.5% 0; transition: all .3s ease;background-color:#fff;} .ipt3 .pt-bd li a{ display: block; } .ipt3 .pt-bd li .time{ width: 20%; border-right: 1px solid #c8c8c8; text-align: center;} .ipt3 .pt-bd li .time .date{ font-family: "CH-Bold"; font-size: 55px; color: #303c4a; line-height: 1;} .ipt3 .pt-bd li .time .year{ font-size: 14px; color: #5a5a5a; } .ipt3 .pt-bd li .cont{ width: 75%; } .ipt3 .pt-bd li .cont .title{ font-size: 20px; color: #2e2e2e; font-family: "CH-Bold"; } .ipt3 .pt-bd li .cont .dec{ color: #5a5a5a; line-height: 1.3; } .ipt3 .pt-bd li:hover{ background: #f0f1f3; } .ipt3 .pt-bd li:hover .time .date,.imain .ipt3 .pt-bd li:hover .time .year{ color: #0484ca; } .index .pt4 {height:300px; background-repeat:no-repeat; background-position:center center; } .index .pt4 .box{float:left; width:33.333333%; position:relative; height:300px;} .index .pt4 .box1 .mask{position:absolute; width:1000px ;background:url(../img/blue.png) repeat; height:100%; right:0; top:0;} .index .pt4 .box3 .mask{position:absolute; width:1000px;background:url(../img/blue.png) repeat; height:100%; left:0; top:0; } .index .pt4 .box2 .mask{position:absolute; width:100%;background:url(../img/pink.png) repeat; height:100%; left:0; top:0; } .index .pt4 .box2 .img_con{background:url(../img/circle.png) center 12px no-repeat;} .index .pt4 .box a{display:block; position:relative; z-index:1;} .index .pt4 .box .img_con{margin-top:60px; width:170px; margin-left:auto; margin-right:auto; padding:20px 0 30px;} .index .pt4 .box .img_con .img_box{width:80px; height:70px; margin:0 auto; background-repeat:no-repeat; transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease;} .index .pt4 .box .img_con .t1{font-size:24px; color:#fff;text-align:center;} .index .pt4 .box .img_con .t2{font-size:15px; color:#fff; text-align:center;} .index .pt4 .box a:hover .img_box{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);} .index .pt4 .box a:hover .img_con{background:url(../img/circle.png) center 12px no-repeat;} /*我们优势*/ .section1{ padding: 60px 0; background:url(../img/sec1_bg.gif) no-repeat center;} .section1 ._t{ font-size: 50px; color: #0484ca; text-align: center; line-height: 1; margin-bottom: 30px;} .section1 ._p{ width: 55%; text-align: center; margin: 0 auto; margin-bottom: 80px;} .ic_list li{ float: left; width: 25%; text-align: center;} .ic_list li ._txt{ padding:0 30px;} .ic_list li h3{ font-size: 18px; font-weight: normal; line-height: 1; padding: 20px 0; color: #000;} /*产品综合*/ .pro_index .part1{width:100%;background:#205194;position:relative;overflow: hidden;height:780px;text-align:center;} .pro_index .part1 .ms-section{background-repeat: no-repeat;} .pro_index .part1 .ms-left .ms-section{background-position: right center;} .pro_index .part1 .ms-right .ms-section{background-position: left center;} .pro_index .mymenu{position:absolute;right:4%;} .pro_index .mymenu li{width:16px;height:16px;background:#fff;border-radius:50%;position:relative;margin-bottom:30px;} #multiscroll-nav{position:absolute;top:50%;right:10%;} #multiscroll-nav li{margin-bottom:20px;position:relative;} #multiscroll-nav span{width:16px;height:16px;background:#fff;display:block;border-radius:50%;} #multiscroll-nav .active span{background:rgba(255,255,255,0.5);} #multiscroll-nav li .multiscroll-tooltip{position:absolute;left:180%;top:-4px;width:100px;padding:1%;border:1px solid #fff;border-radius:10px;color:#fff} .pro_index .pro_360{position:absolute;top:0;left:0;bottom:0;right:0;} .pro_index .pro_360 a:hover{transform:rotateY(360deg); -webkit-transform:rotateY(360deg);} .pro_index .pro_360 a{width:262px;height:262px;background:url(../img/pro_index_part1_ico.png) no-repeat center;background-size:cover;position:absolute;top:50%;left:50%;margin-top:-131px;margin-left: -131px;display:none; transition:all 1s ease; -webkit-transition:all 1s ease; } .pro_index .part2{background:#f7f7f7;padding:60px 0px 30px;} .pro_index .part2_hd{width:100%;overflow: hidden;text-align:center;margin-bottom:10px;} .pro_index .part2_bd dl {position:relative;} .pro_index .part2_bd dl .place{position:absolute; height:80px; top:-80px; width:10px;} .pro_index .part2_hd h2{font-size:32px;color:#000;display:inline-block;*display:inline;*zoom:1;position:relative;padding:0 2%;font-weight:normal;} .pro_index .part2_hd h2:after,.pro_index .part2_hd h2:before{content:"";width:600px;height:1px;background:#e5e5e5;display:block;position:absolute;top:50%;} .pro_index .part2_hd h2:after{right:100%;} .pro_index .part2_hd h2:before{left:100%;} .pro_index .part2_bd dt{font-size:22px;color:#2F2F2F;margin-bottom:14px;} .pro_index .part2_bd .list_box{background:#fff;padding:36px 0px;display:block;transform: translate3d(0, 0px, 0);-webkit-transform: translate3d(0, 0px, 0);} .pro_index .part2_bd .list_text{text-align: center;font-size:16px;color:#000;} .pro_index .part2_bd .list_title{font-weight:normal;} .pro_index .part2_bd .list_p{margin-bottom:14px;display:block;} .pro_index .part2_bd .list_more{color:#c0c0c0;display:block;font-size:12px;} .pro_index .part2_bd li:hover .list_box{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transform: translate3d(0, -2px, 0);-webkit-transform: translate3d(0, -2px, 0);} .pro_index .part2_bd ul{width:101%;} .pro_index .part2_bd li{float: left;width:32.3333333%;margin-right:1%;margin-bottom:20px;} .pro_index .pt3 {padding-top:50px;} .pro_index .pt3 .title{ text-align:center; margin-bottom:20px; color:#181818;} .pro_index .pt3 .info{ text-align:center; color:#6d6d6d; margin-bottom:50px;} .pro_index .owl-carousel .owl-stage-outer{overflow:visible;} .pro_index .owl_wrap{height:432px; overflow:hidden;} .pro_index .owl_wrap .wrap{position:relative;} .pro_index .owl_wrap .wrap .owl_arr{width:30px; height:30px; position:absolute; top:50%; z-index:2; cursor:pointer; margin-top:-15px;} .pro_index .owl_wrap .wrap .owl_arr.prev{ background:url(../img/owl_prev.png) center center no-repeat; left:30px;} .pro_index .owl_wrap .wrap .owl_arr.next{ background:url(../img/owl_next.png) center center no-repeat; right:30px;} .pro_index .owl_wrap .wrap .left_mask{width:600px;height:100%; position:absolute; left:-480px;background:url(../img/blue_65.png) repeat;z-index:1; top:0;} .pro_index .owl_wrap .wrap .right_mask{width:600px;height:100%; position:absolute; right:-480px;background:url(../img/blue_65.png) repeat;z-index:1; top:0;} .banner_mouse{ position:absolute;width: 23px;height: 40px;cursor:pointer;background:url(../img/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:40px; right:10%;} .banner_mouse:after,.banner_mouse:before{content: "";position: absolute;} .banner_mouse:before{width:23px;height:40px;background:url(../img/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;} .banner_mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} @-webkit-keyframes colorSlide { 0% { height:0; } 90%{ height:40px; } } @keyframes colorSlide { 0% { height:0; } 90%{ height:40px; } } @-webkit-keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); } 68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); } 100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } } @keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); } 68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); } 100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } } @-webkit-keyframes nudgeMouse { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes nudgeMouse { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .pro_index .part2_bd .list_box{position:relative; overflow:hidden;} .pro_index .part2_bd .list_box:hover .mask{top:0;} .pro_index .part2_bd .list_box .mask{position:absolute; left:0;width:100%; height:100%; top:100%; background:url(../img/black2.png) repeat;} .pro_index .part2_bd .list_box .mask .pd{padding:70px 30px 0; color:#fff;} .pro_index .part2_bd .list_box .mask .pd .tit{font-size:23px; font-weight:bold; line-height:33px; margin-bottom:25px; text-align:center;} .pro_index .part2_bd .list_box .mask .pd .params {margin-bottom:30px;} .pro_index .part2_bd .list_box .mask .pd .params .content{width:50%; border-left:1px solid #828282; margin-left:-1px;} .pro_index .part2_bd .list_box .mask .pd .content .info{font-size:16px; margin-bottom:10px; margin-left:10px;} .pro_index .part2_bd .list_box .mask .pd .content .num{font-size:14px; margin-left:10px;} .pro_index .part2_bd .list_box .mask .pd .read_more{width:135px; height:40px; line-height:40px; color:#000; text-align:center; font-size:14px; background:#fff; margin:0 auto;} /*deg360*/ .deg360 {padding:0;} .deg360 .stage{height:900px; width:100%; background:url(../img/360.jpg) center top no-repeat;} .deg360 .stage .wrap{position:relative;} .deg360 .stage .pro_stage{width:1000px; height:468px;float:right; margin-top:360px; position:relative; cursor:move;} .deg360 .stage .text_con{position:absolute; left:0; top:280px;} .deg360 .stage .text_con .tit{font-size:54px; color:#000; line-height:64px;} .deg360 .stage .text_con .tit span{font-size:64px; font-family:Impact;vertical-align: middle;} .deg360 .stage .text_con .t1{font-size:26px; color:#333;} .deg360 .stage .text_con .t2{font-size:15px; color:#5f5d5d; margin-bottom:40px;} .deg360 .stage .text_con .params{font-size:0; margin-bottom:20px;} .deg360 .stage .text_con .params .param{display:inline-block; width:38px; font-size:18px; color:#757575; padding:10px 20px; border:1px solid #737578; margin-right:20px;} .deg360 .stage .pro_stage .zhuanpan{position:absolute; width:990px; left:50%; margin-left:-495px; bottom:0px; z-index:1;} .deg360 .threesixty{z-index:2;} .deg360 .pro_stage .mask360{position:absolute; width:230px; height:230px; left:50%; top:50%; margin-left:-115px;margin-top:-115px; background:url(../img/mask360.png) center center no-repeat; z-index:3;} .deg360 .stage .text_con .btn_box{width:180px; height:50px; line-height:50px; background:#d32b2f; font-size:16px; color:#fff; text-align:center;} .deg360 .stage .text_con .btn_box a{display:block; color:#fff;} .deg360 .stage .text_con .btn_box:hover{background:#0267b5;} /*video_box*/ body .vjs-big-play-button{font-size:30px;} body .box_wrap_close a{font-size:60px; padding:0; font-weight:normal; line-height:46px;} body .bg-primary{background-color:transparent;} body #boxBlank{background:rgba(0,0,0,.9); filter:alpha(opacity=90);} /*honor*/ .honor { padding-top:50px;} .honor .item {cursor:pointer;} .honor .item ._item_top { position:relative; overflow:hidden; } .honor .item{margin-bottom: 40px;} .honor .item ._pic { height:0; overflow:hidden; padding-bottom:75%; } .honor .item ._pic img { width:100%; -webkit-transition-delay:0.4s; transition-delay:0.4s; } .honor .item ._picc { height:0; overflow:hidden; padding-bottom:125%; } .honor .item ._picc img { width:100%; -webkit-transition-delay:0.4s; transition-delay:0.4s; } .honor .item ._mask{ position:absolute; top:100%; left:0; width:100%; height:100%; opacity:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;background: url(../img/blue_333_03.png);} .honor .item ._mask .bg_img{position: absolute;left:50%;margin-left: -34px;top:50%; margin-top: -34px;} .honor .item:hover ._mask { top:0; opacity:1; -webkit-transition-delay:0.1s; transition-delay:0.1s; } .honor .item ._item_down {padding: 26px 10% 26px 9%;background-color: #aaaaaa; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .honor .item:hover ._item_down { background-color:#00489d; } .honor .item ._name { height:1.6em; overflow:hidden; margin-bottom:13px; font-size:16px; line-height:1.6; color:#ffffff; } .honor .item ._time { font-size:12px; color:#ffffff; } body .album_ordinary .album_close{background:#0267b5;} .honor .util-page{margin-top:0;} /*tech*/ .tech {background:#eef2f5;} .tech .tect_list > li {background:#fff; color:#666666; margin-bottom:30px;} .tech li:hover{color:#03529b;} .tech li .l_box{width:50%;} .tech li .r_box{width:50%;} .tech li .r_box .pd{padding:100px 50px 0;} .tech li .r_box .pd .tit{font-size:30px; font-weight:bold; color:#03529b; margin-bottom:20px;} .tech li .r_box .pd .info{font-size:16px; line-height:28px;} .tech li:hover .r_box .pd .tit{color:#03529b;} .tech li .l_box{ padding:35px 0 10px; width:48%; padding-left:2%;} .tech .cell2 .l_box{float:right; padding-right:2%; padding-left:0;} .tech li .slide_box{height:0; padding-bottom:75%;} .tech .cell2 .r_box .pd .tit{text-align:right;} .tech .cell2 .r_box .pd .info{text-align:right;} .tech li .nav_con{width:100%;text-align:center; line-height:26px;} .tech li .nav_con a{display:inline-block; width:10px; height:10px; border-radius:50%;margin:0 5px; font-size:0; background:#c5c5c5; vertical-align:middle; cursor:pointer;} .tech li .nav_con a.on{background:#03529b;} /*********************************ljx*******************************************/ /*关于我们-发展历程*/ .rect-42{padding-bottom: 42%;} .about_history{position: relative;overflow: hidden;z-index:2;} .about_history .part01 {overflow: hidden;padding:64px 0;background-color: #fff;} .about_history .part01 .his_left {float:left;} .about_history .part01 .his_left.at{position: absolute;left:0;bottom: 51px;} .about_history .part01 .his_left .his_img{height: 351px;} .about_history .part01 .his_left .date_{position: relative;overflow: hidden;width:100%; width:368px;} .about_history .part01 .his_left .date_.at{position: absolute;left:0;bottom:0;} .about_history .part01 .his_left .date_.fixed{position: fixed;left:50%;margin-left: -600px;top:66px; z-index: 22;} .about_history .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;} .about_history .part01 .his_left .date_ ul li a{display:block;} .about_history .part01 .his_left .date_ ul li.on{background-color:#00317e;} .about_history .part01 .his_left .date_ ul li.on a{color:#fff;} .about_history .part01 .his_left .date_ ul li:hover{background-color:#00317e;} .about_history .part01 .his_left .date_ ul li:hover a{color:#fff;} .about_history .part01 .his_right{width:63%;float:right;border-left: 1px solid #e6e6e6;} .about_history .part01 .his_right ul li{margin-bottom: 50px;position: relative;border:7px solid #e7e7e7;margin-left: 60px;} .about_history .part01 .his_right ul li .oc{position: absolute;left:-76px;top:38px;} .about_history .part01 .his_right ul li .os{position: absolute;left:-36px;top:33px;} .about_history .part01 .his_right ul li .mask_ {margin:40px 40px;} .about_history .part01 .his_right ul li .mask_ .title{font-size: 38px;color:#00317e;text-align: left; margin-bottom: 14px;} .about_history .part01 .his_right ul li .mask_ .p{font-size: 14px;color:#5a5a5a;line-height: 24px;} .about_history .part01 .his_right ul li .mask_ .bg_img{margin-top: 35px;} .about_history .part01 .his_right ul li.li_ .bg_img{display: none;} /**********************************ljx ********************************************/ /*售后服务*/ .cus_service li{ margin-bottom:0;} .cus_service li .box{ padding: 10%;} .cus_service li .cont{ font-size: 26px; color: #fff; } .cus_service li .s_pic{ margin-left: 50%; margin-top: 15%; } .cus_service li .left,.cus_service li .right{ width: 50%; } .cus_service li .rect-100 img{position:absolute; width:100%; height:100%;} .cus_service .li1{ background: #cc3831; } .cus_service .li2{ background: #a2c43a; } .cus_service .li3{ background: #1365b1; } .cus_service .li4 .left{ background: #b8b8b8; height:0; padding-bottom:50%;} .cus_service .li4 .right{ background: #7bbbde; height:0; padding-bottom:50%;} .cus_service li .left{ position: relative; } .cus_service .li1 .left:after{ content: ""; position: absolute; border-width: 15px; border-style: solid; border-color: transparent transparent transparent #cc3831 ; top: 50%; margin-top: -7px; right: -30px; width: 0; height: 0; z-index: 9} .cus_service .li2 .left:after{ content: ""; position: absolute; border-width: 15px; border-style: solid; border-color: transparent transparent transparent #a2c43a ; top: 50%; margin-top: -7px; right: -30px; width: 0; height: 0; z-index: 9} .cus_service .li3 .left{ float: right; } .cus_service .li3 .right{ float: left; } .cus_service .li3 .left:after{ content: ""; position: absolute; border-width: 15px; border-style: solid; border-color: transparent #1365b1 transparent transparent ; top: 50%; margin-top: -7px; left: -30px; width: 0; height: 0; z-index: 9} /*network*/ .network{padding-top:0;} .network .map_banner{height:535px; position:relative;} .network .map_banner .map_sele{position:absolute;bottom:26px; left:0;width:100%; text-align: center; display:none;} .network .map_banner a{display:inline-block;width:40%; height:60px;line-height: 60px; font-size:18px; background-color:#80939e; color:#fff; margin-right: 15px; max-width:220px;} .network .map_banner a .ico2{background-position: -26px 0; width:20px; height:26px;margin-right: 8px;display:inline-block; background:url(../img/weizhi.png) no-repeat;vertical-align:middle;} .network .map_banner a.cur{ background-color:#0267b5;} .network .map_banner a.cur .ico2{background-position: 0 0;} /* network-5 start*/ .widget-network-5 .net_ico{background:url(../img/net_work_ico.png) no-repeat;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;} .widget-network-5 .net_ico01{width:24px;height:26px;} .widget-network-5 .net_ico02{width: 20px;height:20px;background-position: -24px 0px;margin-right: 10px;} .widget-network-5 .net_ico03{width:24px;height:34px;background-position: 0px -26px;margin-right: 10px;} .widget-network-5 .net_ico04{width:26px;height:26px;background-position:-24px -26px;position:absolute;bottom:6%;right:8%;display:none;} .widget-network-5 .form-inline .form-control{width:60%;border-radius:0px;} .widget-network-5 .btn-default{width:20%;background:none;color:#fff;margin-left: 2%;border-color:#fff;border-radius:0px; } .widget-network-5 .net_work_bd li{margin-bottom: 2%;position:relative;} .widget-network-5 .net_work_bd .out_box{padding: 10% 10% 20%;background-color: #f6f6f6;position:relative;} .widget-network-5 .net_work_bd .out_box:hover{background:#0267b5;} .widget-network-5 .net_work_bd .out_box:hover .list_box{color:#fff;} .widget-network-5 .net_work_bd .list_box{height:130px;color:#555;overflow:hidden;} .widget-network-5 .net_work_bd .list_box dt{font-size: 20px;font-weight:bold;margin-bottom: 10px;} .widget-network-5 .net_work_bd .list_box dd{font-size:14px;line-height:30px;} .widget-network-5 .sevsr_map{width:100%;height:500px;margin-bottom:40px;} .map-M5-search {padding:2% 6%;margin-bottom:30px; background-color:#e8e8e0;} .map-M5-search .btn { background-color:#e8470a;color:#ffffff; font-size:16px;width:20%;height:34px;line-height: 34px;background-image:url(../img/server_net_search_ico.png);background-repeat:no-repeat;background-position:center;margin-left:18px;} .map-M5-map{height:500px} .network .netsearch_box{margin:30px 0;} .network .netsearch_box{border:10px #ededed solid; padding:30px;} .network .netsearch_box .tit{font-size:13px; color:#565656; margin-right:15px; line-height:32px;} .network .netsearch_box .sele_box{width:30%; height:32px; line-height:32px;margin-right:2%;} .network .netsearch_box .sele_box .sele{width:100%; height:30px; line-height:30px; border-radius:0; border:1px solid #eee;} .network .netsearch_box .input_box{ width:24%; margin-right:1%; line-height:30px; height:30px; border:1px solid #eee;} .network .netsearch_box .input_box input{margin:0; padding:0; text-indent:20px; border:0; outline:none; width:100%; line-height:30px; height:30px;} .network .netsearch_box button{border:0; outline:none; box-shadow:none; width:10%; height:32px; line-height:32px; text-align:center; background:#606d75; font-size:17px; color:#fff; cursor:pointer;} body .select-ui-options-default li:hover{background:#0267b5;} body .select-ui-options-default-bottom{border-radius:0;} body .select-ui-options-default{border-color:#eee;} /*contact_us*/ .contact_us .pt1{margin-bottom:30px;} .contact_us .pt1>.wrap{position:relative;} .contact_us .pt1 .map_box{ height:450px; overflow:hidden;} .contact_us .pt1 .map_box img{max-width:none;} .contact_us .pt1 .map_text{width:36%;background:url(../img/blur_73.png);color:#fff;position:absolute;top:10%;right:10%;} .contact_us .pt1 .map_text dl{ padding-top: 6%; padding-right: 6%; padding-bottom: 10%; padding-left: 6%; } .contact_us .pt1 .map_text dt{font-size:24px;margin-bottom:26px;} .contact_us .pt1 .map_text dd{margin-bottom:20px;line-height:22px;} .contact_us .pt1 .map_text dd .map_main {width:80%;} .contact_us .pt1 .map_text dd a{color:#fff;} .contact_us .pt1 .map_text dd .map_ico{width:30px;height:30px;background:url(../img/about_callus_part1_ico.png) no-repeat;margin-right:10px;} .contact_us .pt1 .map_text dd.dd1 .map_ico{background-position:0px 0px;} .contact_us .pt1 .map_text dd.dd2 .map_ico{background-position:-30px 0px;} .contact_us .pt1 .map_text dd.dd3 .map_ico{background-position:-60px 0px;cursor:default;} .contact_us .pt1 .map_text dd.dd4 .map_ico{background-position:-90px 0px;} /*video_list*/ /*图片列表*/ .pic_list01 .pic_tab .tab_t_box{margin-bottom: 55px;height: 36px;position: relative;} .pic_list01 .pic_tab .tab_t_box .tab_t{padding: 0 32px;line-height: 32px; border:2px solid #f1f1f1;float: left;margin-right: 13px;} .pic_list01 .pic_tab .tab_t_box .tab_t_cur{border-color: #bc0811;color: #bc0811;} /* piclist-1 start*/ .video_list .util-page{margin-top:0;} .widget-prolist-15 { margin-bottom:20px; } .widget-prolist-15 ._info{ padding: 20px; background: #ecf1f4;} .widget-prolist-15 ._info .tit {display:inline-block;max-width:85%;} .widget-prolist-15 ._info .ion{ color: #d32b2f;} .widget-prolist-15 li{ cursor: pointer; margin-bottom: 40px; } .widget-prolist-15 li:hover ._info{ background:#0267b5; color: #fff;} .widget-prolist-15 li:hover ._info .ion{ color: #fff; } .widget-prolist-15 ._img{ height: 0; padding-bottom: 75%; overflow: hidden; position: relative; } .widget-prolist-15 ._img img{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .widget-prolist-15 ._img:hover img{ -webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} .widget-prolist-15 ._img .play_ico{ display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; margin-top: -34px; margin-left: -34px; background:url(../img/news_index_06_ico.png) no-repeat center; width: 72px; height: 72px; background-position:0 -148px;} @media only screen and (max-width: 479px){ .widget-prolist-15 li ._info .ion{ display:none; } } /*地图去黑斑*/ .map_banner img{max-width:none;} /*prodetail2*/ .pro_detail2 .pt9{height:640px; overflow:hidden; background-position:center center; background-repeat:no-repeat;} .pro_detail2 .pt9 .wrap{position:relative; height:100%;} .pro_detail2 .pt9 .l_box{width:50%; position:relative; z-index:2;} .pro_detail2 .pt9 .l_box .pd{padding:120px 0 0 60px;} .pro_detail2 .pt9 .l_box .pd .tit{font-size:40px; color:#000; line-height:1; margin-bottom:35px;} .pro_detail2 .pt9 .l_box .pd .list{font-size:16px; color:#414141;} .pro_detail2 .pt9 .l_box .pd .list .dian{font-size:60px; font-weight:bold; color:#000; margin-right:10px; vertical-align:middle; line-height:45px; display:block; float:left;margin-top:-3px;} .pro_detail2 .pt9 .l_box .pd .list li{border-bottom:1px solid #c5c5c5;line-height:45px; } .pro_detail2 .pt9 .l_box .pd .list li:last-child{border:0;} .pro_detail2 .pt9 .r_box{position:absolute; right:-270px; bottom:0; width:1000px; text-align:center;} .pro_detail2 .pt6{padding-top:30px;} .pro_detail3 .pt9 .r_box{bottom:50px;} /*首页合作*/ .partners_content { text-align: center; } .partners_content_list { display: inline-block; margin: 20px 10px; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: 0.3s all; -webkit-transition: 0.3s all;border:1px solid #f6f6f6; } .partners_content_list:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); } /*导航下拉*/ header .drop_list{width:1270px; margin:0 auto;background:#fff; border-top:1px solid #f3f3f3; clear:both; display:none;} header.compress .drop_list{width:100%;} header .drop_list .minins{text-align:center; display:none;} header .drop_list .minins li{display:inline-block; *display:inline; *zoom:1; margin:0 25px; line-height:75px; height:75px; font-size:14px; color:#121212;} header .drop_list .minins li img{vertical-align:middle; margin-right:10px;} header .drop_list .min_pro li{width:150px; border-right:1px solid #e8e8e8; margin:30px 0 20px;} header .drop_list .min_pro li:last-child{border:0;} header .drop_list .min_pro li .img_box{width:150px; height:50px; background-position: 0 0; background-repeat:no-repeat; margin:0 auto 10px;} header .drop_list .min_pro li a:hover .img_box{background-position:0 -50px;} header .drop_list .min_pro li .catname{font-size:14px; color:#2f2f2f; text-align:center; line-height:1;} .head .r_nav .visitor .xiala{padding:15px 0; position:absolute; top:100%; left:0; background:#0267b5; text-align:center; z-index:2; width:100%; display:none;} .head .r_nav .visitor .xiala li{height:36px; line-height:36px;} .head .r_nav .visitor .xiala li a{display:block; color:#fff; font-size:14px;} .head .r_nav .visitor .xiala li a:hover{ background:#2073b3; } /*百度地图去版权*/ .anchorBL{display:none;} /*在线订购 zhaoy*/ .content-33782{overflow:hidden;} .content-33782 .pdet_form{ padding:10px 3%; background:#f9f9f9; margin-top:20px;} .content-33782 .pdet_form label{ line-height:32px; display:inline-block;} .content-33782 .pdet_form .ord_inp{ width:75%; height:30px; line-height:30px; border:1px solid #ddd; background:#fff; padding:0; margin:0;} .content-33782 .pdet_form .ord_area{ width:88%;border:1px solid #ddd; background:#fff; padding:0; margin:0; height:110px;} .content-33782 .pdet_form .ord_inp.ord_yzm{ width:40%;} .content-33782 .pdet_form .porder_v{ margin-bottom:10px;} .content-33782 .pdet_form .ord_btninp{ text-align:center; padding-top:20px;} .content-33782 .pdet_form .ord_sub{ height:30px; width:90px; background:#95c309; color:#fff; margin-right:10px;} .content-33782 .pdet_form .ord_rest{ height:30px; width:90px; background:#dfdfdf;} .content-33782 .pdet_form .red{color:red} .content-33782 .con_nr a:hover{ color:#1480bf;} @media only screen and (max-width: 64em) { .content-33782 .Login-L1-Left{ width:60%;} .content-33782 .Login-L1-li input { width: 65%; } } @media only screen and (max-width: 40em) { .content-33782 .Login-L1 { background: none; } .content-33782 .Login-L1-Left { width: 100%; } } ._r_main .content-33779 form .btn:hover{background:#94c309} /*表单样式调整*/ body .contactUs-47752 .Form-P1 .Form-P1-Btn ._submit{background: #034fa2;} body .contactUs-47752 .form-m1 .form-m1-btn button{height:32px; line-height:32px; border-radius:0; border:0; outline:none;} body .contactUs-47752 .form-m1 .form-m1-btn button:hover{opacity:0.8;} body .contactUs-47752 .form-m1 .form-m1-btn ._submit{background: #034fa2;} /*sloution*/ .solution .pt1{margin-bottom:40px; overflow:hidden; line-height:32px;} .solution .pt2{margin-bottom:40px; overflow:hidden;} .solution .pt2 li{margin-bottom:26px;} .solution .pt2 .pd{padding:30px 36px; background:#f7f7f7} .solution .pt2 .pd .img_box{width:100px; margin-right:30px;} .solution .pt2 .pd .info_box .tit{font-size:20px; color:#303030; font-weight:bold; margin-top:10px;} .solution .pt2 .pd .info_box .text{font-size:16px; color:#828282; line-height:24px; height:48px; overflow:hidden;} .solution .pt3 .tit{font-size:22px; color:#555; font-weight:bold; margin-bottom:20px;} .solution .pt3 .pic_box ul{width:101%;} .solution .pt3 .pic_box ul li{width:24%; margin-right:1%;float:left;} .solution .pt3 .pic_box ul li:hover a{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); } .solution .pt3 .pic_box ul li a{display:block; padding:background:#fff;padding:36px 0px; border:1px solid #ebebeb;transform: translate3d(0, 0px, 0);-webkit-transform: translate3d(0, 0px, 0);} .solution .pt3 .pic_box .list_text{text-align: center;font-size:16px;color:#000;} .solution .pt3 .pic_box .list_title{font-weight:normal; line-height:29px; height:58px; overflow:hidden;} .solution .pt3 .pic_box .list_more{color:#c0c0c0; display:block; font-size:12px;} .solution .pt33 .tit{font-size:22px; color:#555; font-weight:bold; margin-bottom:20px;} .solution .pt33 .pic_box ul{width:101%;} .solution .pt33 .pic_box ul li{width:24%; margin-right:1%;float:left;} .solution .pt33 .pic_box ul li:hover a{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); } .solution .pt33 .pic_box ul li a{display:block; padding:background:#fff;padding:36px 0px; border:1px solid #ebebeb;transform: translate3d(0, 0px, 0);-webkit-transform: translate3d(0, 0px, 0);} .solution .pt33 .pic_box .list_text{text-align: center;font-size:16px;color:#000;} .solution .pt33 .pic_box .list_title{font-weight:normal; line-height:29px; height:58px; overflow:hidden;} .solution .pt33 .pic_box .list_more{color:#c0c0c0; display:block; font-size:12px;} .solution .pt1 .imgbox{float:left; margin-right:25px; margin-bottom:20px; width:540px; cursor:pointer;} .solution .pt1 .imgbox .tit{position:absolute; left:0; bottom:0; width:100%; background:url(../img/black.6.png) repeat; color:#fff;text-align:center; font-size:16px; line-height:50px; height:50px;} /*漂浮*/ .right_bar{ display:none; position:fixed; top:200px; 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:102px; left:0; } .right_bar li.rtbar_li3{ position:absolute; top:51px; 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; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; } .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:#0267b5; opacity:1;} .rtbar_shwx{ display:none; position:absolute; top:-176px; left:-188px; background:url(../img/rtbar_wxbd.png) no-repeat bottom right;/* width:216px; height:216px; */padding-bottom:9px; } .rtbar_shwx img{ padding:14px; background-color:#FFF; width:160px; height:160px; } /*tech2*/ .tech_banner{height:560px; position:relative; width:100%;} .tech_banner img{position:absolute; width:1920px; max-width:none; left:50%; margin-left:-960px; top:0;} .tech_banner .text{position:absolute; padding:30px; background:url(../img/blue90.png) repeat; color:#fff; left:70px; bottom:90px; width:550px;} .tech_banner .t{font-size:30px; margin-bottom:10px;} .tech_banner .d{font-size:16px; line-height:28px;} .tech2 .pt1 {margin-bottom:70px;} .tech2 .pt1 .l_box{width:50%;} .tech2 .pt1 .r_box{width:50%;} .tech2 .pt1 .l_box .pd{padding:0 40px 0 20px;} .tech2 .pt1 .l_box .pd .tit{font-size:35px; color:#000;margin-bottom:30px;} .tech2 .pt1 .l_box .pd .t2{font-size:20px; color:#000;margin-bottom:10px;} .tech2 .pt1 .l_box .pd .info{font-size:14px; color:#000;line-height:26px; margin-bottom:30px;} .tech2 .pt1 .l_box .pd .num_con .box1{padding-right:30px; border-right:1px solid #bbbbbb; margin-right:30px;} .tech2 .pt1 .l_box .pd .num_con .num_box .number{font-size:58px; color:#006ebb; font-family:Impact;} .tech2 .pt1 .l_box .pd .num_con .num_box .jia{font-size:58px; color:#006ebb; font-family:Impact;} .tech2 .pt1 .l_box .pd .num_con .num_box .desc{font-size:16px; color:#006ebb; margin-left:10px;} .rect-63{padding-bottom:63%;} .rect-85{padding-bottom:85%;} .tech2 .pt1 .r_box .slide_box{height:378px;overflow:hidden;} .tech2 .pt1 .r_box .item a{display:block;} .tech2 .pt1 .r_box .item .info{width:100%; position:absolute; bottom:0; left:0; color:#fff; font-size:18px; line-height:80px; text-align:center; z-index:2;} .tech2 .pt1 .r_box .item .mask{position:absolute;left:0; bottom:0; width:100%; height:100%;background:url(../img/tech_mask.png) center bottom no-repeat;} .tech2 .pt1 .r_box .slide_box .owl-prev{position:absolute; width:40px; height:65px; left:20px; top:50%; margin-top:-32px; background:url(../img/tech2_prev.png) center center no-repeat; font-size:0;} .tech2 .pt1 .r_box .slide_box .owl-next{position:absolute; width:40px; height:65px; right:20px; top:50%; margin-top:-32px; background:url(../img/tech2_next.png) center center no-repeat; font-size:0;} .tech2 .pt1 .r_box .slide_box .disabled{display:none;} .tech2 .pt2{padding:80px 0 120px; background:url(../img/tech_pt2.jpg) center center no-repeat;} .tech2 .pt2 .tit{text-align:center; font-size:30px; color:#2a2a2a;} .tech2 .pt2 .info{text-align:center; font-size:14px; color:#6d6d6d; margin-bottom:40px;} .tech2 .pt2 .pic_box {background:#fff; } .tech2 .pt2 .pic_box .box1{width:22.5%;} .tech2 .pt2 .pic_box .box1 .pd{padding:40px 50px 0;} .tech2 .pt2 .pic_box .box1 .pd .ent{font-size:21px; color:#939393; line-height:26px; margin-bottom:5px; text-transform:uppercase;} .tech2 .pt2 .pic_box .box1 .pd .t{font-size:35px; color:#000; margin-bottom:30px;} .tech2 .pt2 .pic_box .box1 .pd .more{font-size:18px; color:#006ebb;} .tech2 .pt2 .pic_box .box1 .pd .more i{display:inline-block; *display:inline; *zoom:1; background:url(../img/jiamore.png) center center no-repeat; width:25px; height:25px; vertical-align:middle; margin-left:10px;} .tech2 .pt2 .pic_box .list{width:100%;} .tech2 .pt2 .pic_box .list li{width:25%; float:left;} .tech2 .pt2 .pic_box .list .owl-item li{width:100%; float:none;} .tech2 .pt2 .pic_box .list li a{display:block;} .tech2 .pt2 .pic_box .list .li2 a{border-left:1px solid #fff; border-right:1px solid #fff;} .tech2 .pt2 .pic_box .list .name{position:absolute; width:100%; line-height:45px; color:#fff; font-size:16px; text-align:center; background:url(../img/black.6.png) repeat; left:0; bottom:0;} .tech2 .pt3{padding:80px 0 100px;} .tech2 .pt3 .tit{text-align:center; font-size:30px; color:#2a2a2a;} .tech2 .pt3 .info{text-align:center; font-size:14px; color:#6d6d6d; margin-bottom:40px;} .tech2 .pt3 .honor_box .pd{padding:0px 4px; text-align:center; height:285px; } .tech2 .pt3 .honor_box .pd .img_box{width:100%; height:100%;} .tech2 .pt3 .honor_box .li2 .pd{border-left:3px solid #fff;border-right:3px solid #fff; } .tech2 .pt3 .honor_box .pd img{vertical-align:middle; max-width:100%; max-height:100%; display:inline; width:auto;} .tech2 .pt3 .honor_box .pd .img_box:after{content:'';display:inline-block; height:100%; vertical-align:middle;} .tech2 .owl-nav{position:absolute; height:60px; left:0; top:50%; margin-top:-30px; font-size:0; width:100%;} .tech2 .list .owl-nav .owl-prev{width:40px; height:60px; background:url(../img/owl_jt.png) 0 0 no-repeat; position:absolute; left:0; top:0;} .tech2 .list .owl-nav .owl-prev:hover{background:url(../img/owl_jt.png) 0 -60px no-repeat;} .tech2 .list .owl-nav .owl-next{width:40px; height:60px; background:url(../img/owl_jt.png) -40px 0 no-repeat; position:absolute; right:0; top:0;} .tech2 .list .owl-nav .owl-next:hover{background:url(../img/owl_jt.png) -40px -60px no-repeat;} .tech2 .honor_owl .owl-prev{position:absolute; width:40px; height:65px; left:20px; top:50%; margin-top:-32px; background:url(../img/tech2_prev.png) center center no-repeat; font-size:0;} .tech2 .honor_owl .owl-next{position:absolute; width:40px; height:65px; right:20px; top:50%; margin-top:-32px; background:url(../img/tech2_next.png) center center no-repeat; font-size:0;} .tech2 .honor_owl .disabled{display:none;} /*服务*/ .service2 .pt1 .titen{font-size:93px; font-family:Arial; color:#f0f0f0; line-height:1;} .service2 .pt1 .tit{font-size:33px; color:#353434; font-weight:bold; margin-top:-75px;} .service2 .pt1 .lists{padding-top:40px;} .service2 .pt1 .lists li{margin-bottom:30px;} .service2 .pt1 .lists .pd{padding:75px 40px 35px; text-align:center; position:relative; border:1px solid #f2f2f2; overflow:hidden;} .service2 .pt1 .lists .pd .title{font-size:26px; color:#3e75cb; line-height:1px; margin-bottom:15px;} .service2 .pt1 .lists .pd .info{font-size:16px; color:#333; line-height:26px; height:52px; overflow:hidden;} .service2 .pt1 .lists .pd .num{font-size:100px; font-family:Arial; color:#f8f8f8; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;} .service2 .pt1 .lists .pd .text{position:relative; z-index:3;} .service2 .pt1 .lists .pd .mask{position:absolute;background:url(../img/blue90.png) repeat; left:0; top:100%; width:100%; height:100%; z-index:1;} .service2 .pt1 .lists li:hover .title{color:#fff;} .service2 .pt1 .lists li:hover .info{color:#fff;} .service2 .pt1 .lists li:hover .num{color:#6b96d8;} .service2 .pt1 .lists li:hover .mask{top:0;} .service2 .pt2{height:620px; overflow:hidden; background-position:center center; background-repeat:no-repeat;} .service2 .pt2 .l_box{width:50%; float:left; position:relative; height:620px;} .service2 .pt2 .pd{position:relative; z-index:3; padding:80px 40px 0 10px;} .service2 .pt2 .mask{position:absolute; width:960px; height:100%; right:0; top:0; background:url(../img/blue90.png) repeat; z-index:2;} .service2 .pt2 .entit{font-size:93px; font-family:Arial; color:#f0f0f0; line-height:1; position:absolute; z-index:1; top:60px; left:0;} .service2 .pt2 .pd .t{font-size:33px; font-weight:bold; color:#fff; margin-bottom:40px;} .service2 .pt2 .pd .info{font-size:18px; line-height:28px; color:#fff; margin-bottom:30px;} .service2 .pt2 .pd .text_box{font-size:14px; color:#fff; line-height:33px;} .service2 .pt3{padding-top:0px; overflow:hidden; padding-bottom:50px;} .service2 .pt3 .tit{font-size:33px; color:#333; font-weight:bold; text-align:center; line-height:1; margin-bottom:20px;} .service2 .pt3 .info{font-size:14px; color:#666; text-align:center; margin-bottom:40px;} .rect-138{padding-bottom:138%;} .service2 .pt3 .person_list .name_box{padding:20px 0 0 35px;} .service2 .pt3 .person_list .name_box .name1{font-size:20px; color:#333;} .service2 .pt3 .person_list .name_box .name2{font-size:14px; color:#999;} .service2 .pt3 .person_list li{margin-bottom:30px; position:relative;} .service2 .pt3 .person_list li .mask{position:absolute; width:100%; left:0; bottom:-200px; background:url(../img/blue90.png) repeat; opacity:0;} .service2 .pt3 .person_list li .mask .pd{padding:20px 25px; color:#fff;} .service2 .pt3 .person_list li .mask .t1{font-size:20px; font-weight:bold; margin-bottom:10px;} .service2 .pt3 .person_list li .mask .t2{font-size:14px; margin-bottom:25px;} .service2 .pt3 .person_list li .mask .t3{font-size:14px; line-height:24px; height:96px; overflow:hidden;} .service2 .pt3 .person_list li:hover .mask{bottom:0; opacity:1;} /*2017-09-06 ysl*/ .foot_bottom .foot_bottom_wrapper2 { display:none; position:fixed; z-index:100; width:100%; bottom:0; left:0; padding-top:20px; background-color:#141414; } .foot_bottom .foot_bottom_wrapper2 .foot2_links { padding-bottom:20px; } .foot_bottom .foot_bottom_wrapper2 .foot2_link_box { position:relative; float:left; width:33.333333%; } .foot_bottom .foot_bottom_wrapper2 .foot2_link_box .ft2_link_hd { display:none; } .foot_bottom .foot_bottom_wrapper2 .foot2_link_box .ft2_link_bd { display:block; font-size:0; background-size:contain; } .foot_bottom .foot_bottom_wrapper2 .foot2_link_box.link_box1 .ft2_link_bd { background-image:url(../img/ft2_link_bd1.png); } .foot_bottom .foot_bottom_wrapper2 .foot2_link_box.link_box2 .ft2_link_bd { background-image:url(../img/ft2_link_bd2.png); } .foot_bottom .foot_bottom_wrapper2 .foot2_link_box.link_box3 .ft2_link_bd { background-image:url(../img/ft2_link_bd3.png); } .foot_bottom .foot_bottom_wrapper2 .foot2_wx {display:none;} /*.foot_bottom .foot_bottom_wrapper2 .foot2_wx { width:40%; max-width:130px; } .foot_bottom .foot_bottom_wrapper2 .foot2_wx .img_wrap { position:relative; height:0; padding-bottom:100%; overflow:hidden; } .foot_bottom .foot_bottom_wrapper2 .foot2_wx .img_wrap img { position:absolute; top:0; left:0; width:100%; height:100%; } .foot_bottom .foot_bottom_wrapper2 .foot2_wx .txt_wrap { text-align:center; }*/ .foot_bottom .right{ width: 180px; position: relative; margin-top:23px; margin-right:10px; font-size:14px; line-height:1.6; cursor: pointer;} .foot_bottom .link{ border: 1px solid #a5a5a5; padding: 2% 7%;} .foot_bottom .link .ico{ display: inline-block; width: 13px; height: 7px; background: url(../img/foot_bottom_jt.png) no-repeat; margin-left: 50%;} .foot_bottom .right .about_link{ position: absolute; bottom: 100%; left: 0; width: 100%; text-align: center; background:#141414; display: none;} .foot_bottom .right .about_link li{ padding: 2% 0; } .foot_bottom .right .about_link li a{ display: block; width: 100%; height: 100%; } .foot_bottom .right .about_link li:hover{ background: rgba(2,65,136,.9); } .foot_bottom .right .about_link li:hover a{ color: #fff } .honor .top_menu{ margin-bottom: 4%; } .honor .top{ padding-left: 25%; } .honor .top .tab_t{ float: left; display: inline-block; width: 10%; border: 2px solid #f3f3f3; padding: 0.5% 0; text-align: center; margin-right: 2%; color: #666;} .honor .top .tab_t.cur{ border: 2px solid #0267b5; color: #0267b5; } /*新的订购表单*/ .content-33782 .pdet_form{padding:0;background:#fff;} .content-33782 .pdet_form .porder_v > .span-6{position:relative;} .content-33782 .pdet_form .porder_v .Validform_wrong{position:absolute; top:5px; right:80px;} .content-33782 .pdet_form .ord_sub{background:#034fa2; border:none; outline:none; box-shadow:none; height:32px; line-height:32px; font-size:13px;} .content-33782 .pdet_form .ord_sub:hover{opacity:0.8;} .content-33782 .pdet_form .ord_rest{background:#909090; border:none; outline:none; box-shadow:none; height:32px; line-height:32px; color:#fff; font-size:13px;} .content-33782 .pdet_form .ord_rest:hover{opacity:0.8;} .pic_list .tab_t_box{ margin-bottom: 4%; } .pic_list .tab_t_box .tab_t{ padding: 0 32px; line-height: 32px; border: 2px solid #f1f1f1; float: left; margin-right: 13px; } .pic_list .tab_t_box .tab_t.cur{ border-color: #034fa2; color: #034fa2; } /*综合页-区块标题*/ .biaoti{padding:0 0 50px;} .biaoti .title{font-size: 34px;color:#000000;text-align: center; margin-bottom: 6.5px;font-weight: normal;} .biaoti p{font-size: 12px;color:#000;} /*图片*/ .rect-60 { padding-bottom:92%; } .rect-11980 { padding-bottom:119.8%; } /*下层共有样式*/ /*首页-ipart01*/ .ipart01{ padding-top:50px; padding-bottom:50px; height:auto;} .iprt01_btm .lt_box { float:left; margin-right:0.8%; width:33%; } .iprt01_btm .lt_box .con_wrap { background-image:url(../img/index05.jpg); background-position:center bottom; background-repeat:no-repeat; } .iprt01_btm .lt_box ._con { padding:20% 12% 0 13.4%; } .iprt01_btm .lt_box ._con ._tt { margin-bottom:24px; font-size:31px; line-height:1; color:#ffffff; } .iprt01_btm .lt_box ._con ._desc { margin-bottom:15.3%; font-size:14px; line-height:1.9; color:#dde2ed; } .iprt01_btm .rt_box { float:left; width:66%; } .iprt01_btm .rt_box ._slide_con { padding-bottom:60.5%; height:0; overflow:hidden; } .iprt01_btm .rt_float_cell { float:left; margin-right:1%; margin-bottom:1%; width:32%;} .iprt01_btm .rt_float_cell ._con { position:relative; padding:12.6% 9% 0 9%; color:#ffffff; display:block;} .iprt01_btm .rt_float_cell ._tt { margin-bottom:2px; font-size:24px; } .iprt01_btm .rt_float_cell ._desc { font-size:14px; color:#e2e9f2; } .iprt01_btm .rt_float_cell.hover ._con ._tt,.iprt01_btm .rt_float_cell.hover ._con ._desc { display:none; } .iprt01_btm .rt_float_cell ._msk { position:absolute; left:0; top:100%; width:100%; bottom:0; background:rgba(0,65,151,.80); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e6fff100,endcolorstr=#e6fff100); } .iprt01_btm .rt_float_cell.hover ._msk { top:0; } .iprt01_btm .rt_float_cell ._msk_con { padding:11.6% 9% 0 9%; } .iprt01_btm .rt_float_cell ._msk ._tt { color:#fff; } .iprt01_btm .rt_float_cell ._msk ._desc { margin-bottom:16px; color:#686201; } .iprt01_btm .rt_float_cell ._msk ._com_list { color:#fff; } .iprt01_btm .rt_float_cell ._msk ._com_list > a { display:block;color:#fff; } .iprt01_btm .arrs { display:block; visibility:hidden; opacity:0; position:absolute; top:50%; margin-top:-25px; width:29px; height:50px; background-image:url(../img/index_indus_arrs.png); background-repeat:no-repeat; } .iprt01_btm .rt_box:hover .arrs { visibility:visible; opacity:1; } .iprt01_btm .arrs.arr_prev { left:0; } .iprt01_btm .arrs.arr_next { right:1%; background-position:-29px 0; } .iprt01_btm .rt_float_cell ._con{position:absolute;top:0;} /*动画*/ .iprt01_btm .rt_float_cell ._msk,.iprt01_btm .arrs,.ipart05 ._con_rt .roll_nums ._ico, .transition { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } /*产品中心 iproduct*/ .iproduct{ padding-top:50px;} .iproduct .ipro_infor{text-align: center;padding: 54px 0 52px;} .iproduct .ipro_infor .tit{font-size: 40px;color: #000;font-weight: bold;} .iproduct .ipro_infor .con{font-size: 18px;color: #666;} .iproduct .circle_img{text-align: center;} .iproduct .circle_img .cir_li>a{display: block;} .iproduct .circle_img .cir_li2>a{display: block;} .iproduct .circle_img .cir_li3>a{display: block;} .iproduct .circle_img .cir_li4>a{display: block;} .iproduct .circle_img .cir_infor{} .iproduct .circle_img .cir_infor .tit{font-size: 18px;color: #333;} .iproduct .circle_img .cir_infor .con{font-size: 14px;color: #666;line-height: 24px;} .rect-100{padding-bottom: 100%;} .iproduct{padding-bottom:60px;} .iproduct .circle_img .cir_infor{padding:0% 6% 12%;position:absolute;width:82%;bottom:0;left:0;text-align:left;color:#fff;} .iproduct .circle_img .cir_infor .tit{color:#fff;font-size:18px;} .iproduct .circle_img .cir_infor .con{color:#fff;} /*产品第二部分*/ .abh_box2 .abt_index_ico{ width:90px; height:90px; display:block; margin-top: 0; margin-right: auto; margin-bottom: 40px; margin-left: auto; } .abh_box2 .abt_index_ico02{background-position:-90px 0px;} .abh_box2 .abt_index_ico03{background-position:-180px 0px;} .abh_box2{background:url(../img/about_p2_bj.jpg) center center no-repeat;height:352px;} .abh_box2 .wrap{padding-top:80px;padding-bottom:90px;} .abh_box2 ._box2_con{width:42%;} .abh_box2 ._box2_con .info{color:#fff;font-size:24px;font-weight: bold;padding:30px 0 30px;} .abh_box2 ._box2_con .info:after{content:"";width:100px;height:5px;background-color:#00bad6;position:absolute;bottom:0;left:0;} .abh_box2 .widget-area{width:50%;margin-top:0; text-align:center;} .abh_box2 .widget-area li:hover .abt_index_ico{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);} .abh_box2 .widget-area .s1{font-size:40px;font-weight:bold;color:#fff;} .abh_box2 .widget-area .p{font-size:24px;color:#fff; font-weight:bold;} .abh_box2 .abt_index_ico { width: 90px; height: 90px; display: block; margin: 0 auto 40px; } .abt_index_ico { background-image: url(../img/aboutus_icons.png); background-repeat: no-repeat; } /*通用按钮*/ .uni_more_btn {display:inline-block; *display:inline; *zoom:1; width:245px; text-align:left; background-color:#fff100; } .uni_more_btn,.uni_more_btn:hover{ color:#000000;} .uni_more_btn ._btn_con { display:inline-block; *display:inline; *zoom:1; position:relative; padding-left:75px; height:44px; line-height:44px; } .uni_more_btn ._btn_con:after { content:''; display:block; position:absolute; top:50%; right:0; margin-right:-35px; margin-top:-6px; width:20px; height:12px; background-image:url(../img/uni_more_btn_arr.png); background-position:0 0; background-repeat:no-repeat; } /*动画*/ .uni_more_btn ._btn_con:after,.suvery [class|=channel] .form-btn .btn, .ol_msg [class|=channel] .form-m1 .form-m1-btn button,.invest_list .part01 ._download .img, .transition { transition-duration:0.3s; -webkit-transition-duration:0.3s; } /*通用按钮*/ .uni_more_btn { color:#000000; background-color:#fabb04; border:#fabb04 1px solid; } .uni_more_btn ._btn_con:after { background-image:url(../img/uni_more_btn_arr.png); } .uni_more_btn:hover { color:#ffffff; background-color:#00489d; border:#00489d 1px solid; } .uni_more_btn:hover ._btn_con:after { background-image:url(../img/uni_more_btn_arr3.png); } .uni_more_btn.btn_wd_white { color:#ffffff; background-color:transparent; border:#ffffff 1px solid; } .uni_more_btn.btn_wd_white ._btn_con:after { background-image:url(../img/uni_more_btn_arr3.png); } .uni_more_btn.btn_wd_white:hover { color:#000000; background-color:#fabb04; border:#fabb04 1px solid; } .uni_more_btn.btn_wd_white:hover ._btn_con:after { background-image:url(../img/uni_more_btn_arr.png); } .uni_more_btn.btn_wd_black { color:#000000; background-color:transparent; border:#000000 1px solid; } .uni_more_btn.btn_wd_black ._btn_con:after { background-image:url(../img/uni_more_btn_arr.png); } .uni_more_btn.btn_wd_black:hover { color:#000000; background-color:#fabb04; border:#fabb04 1px solid; } .uni_more_btn.btn_wd_black:hover ._btn_con:after { background-image:url(../img/uni_more_btn_arr.png); } /*新闻*/ .i_part03{padding: 77px 0 83px;background: #f5f5f7;} .i_part03 .left{float: left;width: 31.916%;margin-right: 1.833%;} .i_part03 .right{float: left;width: 66.25%;} .i_part03 .infor{margin-bottom: 25px;line-height: 1;height: 30px;} .i_part03 .infor .infor_l{font-size: 30px;color: #444444;float: left;font-weight: normal;} .i_part03 .infor .infor_r{font-size: 14px;color: #5a5a5a;float: right;display: table;height: 100%;} .i_part03 .infor .infor_r a{display: table-cell;vertical-align: bottom;} .i_part03 .ip3_left{background: url(../img/index_30.jpg) no-repeat center;box-sizing:border-box;padding: 90px 35px 36px 30px;height: 450px;overflow: hidden;} .i_part03 .ip3_left .en_tit{font-size: 35px;font-family: Futura Bk BT;color: #fff;text-transform: uppercase;line-height: 1;margin-bottom: 5px;} .i_part03 .ip3_left .tit{font-size: 20px;color:#fff;margin-bottom:15px;} .i_part03 .ip3_left .con{font-size: 14px;color:#fff;line-height:29px;margin-bottom: 20px;} .i_part03 .ip3_left .more .face1 .t{color: #fff;opacity: 1;} .i_part03 .ip3_right {height: 450px;overflow: hidden;} .i_part03 .ip3_right .r_l{float: left;width: 48.3%;margin-right: 3.01%;background: #fff} .i_part03 .ip3_right .r_r{float: left;width: 48.3%;} .i_part03 .ip3_right .r_l .top_{padding-bottom:52.6%;padding: 63px 40px 44px 25px;position: relative;} .i_part03 .ip3_right .r_l .top_:after{content:'';position: absolute;width: 26px;height: 13px;bottom: -13px;left: 50px;background: url(../img/index_32.png) no-repeat center;z-index: 2} .i_part03 .ip3_right .r_l .top_ .t{font-size: 20px;font-weight: bold;color: #000;margin-bottom: 10px;} .i_part03 .ip3_right /*.r_l .top_ */.date{color: #adadad;font-family:Futura Bk BT;line-height:38px;margin-bottom: 5px;} .i_part03 .ip3_right /*.r_l .top_ */.date .month{float:left;font-size: 24px;padding-right: 10px;position: relative;} .i_part03 .ip3_right /*.r_l .top_ */.date .month:after{content:'';position: absolute;right: 0;top: 50%;margin-top: -9px;width: 1px;height: 19px;background:#adadad;} .i_part03 .ip3_right /*.r_l .top_ */.date .year{float:left;font-size: 18px;margin-left: 14px;} .i_part03 .ip3_right .r_l .top_ .c{font-size: 13px;color: #000;line-height: 22px;height: 44px;overflow: hidden;} /*.i_part03 .ip3_right .r_l .bottom_{padding-bottom:47.3%;height: 213px;}*/ .i_part03 .ip3_right .r_l .bottom_ .rect-5546{padding-bottom: 55.46%;} .i_part03 .ip3_right .r_r li{margin-bottom: 10px;background: #fff;} .i_part03 .ip3_right .r_r li:hover a .li_tit{color: #088cd9;} .i_part03 .ip3_right .r_r li.li3{margin-bottom: 0;} .i_part03 .ip3_right .r_r li a{display: block;padding: 20px 37px 16px 25px;box-sizing:border-box;} .i_part03 .ip3_right .r_r li a .li_tit{font-size: 18px;color: #000;} .i_part03 .ip3_right .r_r li a .date{line-height: 1;margin-bottom: 6px;margin-top: 8px;} .i_part03 .ip3_right .r_r li a .date .month{font-size: 20px;} .i_part03 .ip3_right .r_r li a .date .year{font-size: 15px;margin-top: 3px;margin-left: 11px;} .i_part03 .ip3_right .r_r li a .li_con{font-size: 13px;line-height: 23px;} /*第二部分*/ /*widgets_intro_WIN8_9*/ .widgets_intro_WIN8_9{ padding: 4% 0; background-color:#f6f6f6; } .widgets_intro_WIN8_9 .rect-128{padding-bottom: 128%;} .widgets_intro_WIN8_9 .rect-615{padding-bottom: 61.5%;} .widgets_intro_WIN8_9 .infor {text-align: center;} .widgets_intro_WIN8_9 .infor .tit{font-size: 35px;font-weight: bold;color: #000;} .widgets_intro_WIN8_9 .infor .con{font-size: 16px;color: #666;margin-bottom: 30px; width:80%; margin:auto; padding-top:20px; padding-bottom:20px;} .widgets_intro_WIN8_9 .content li{width: 32%;margin-right: 19px;} .widgets_intro_WIN8_9 .content li:last-child{margin-right: 0;} .widgets_intro_WIN8_9 .content li .li_box{padding: 180px 37px 150px 43px;color: #fff;position: relative;opacity: 1;transition: all 0.5s ease;} .widgets_intro_WIN8_9 .content li .li_box .box_tit{font-size: 24px;margin-bottom: 15px;} .widgets_intro_WIN8_9 .content li .li_box .box_con{font-size: 15px;line-height: 28px;overflow: hidden;} .widgets_intro_WIN8_9 .content li .cover{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background: rgba(0,126,198,0.7);background: #ce010c\9\0;opacity: 0;transition: all 0.5s ease;} .widgets_intro_WIN8_9 .content li .cover_box{padding: 70px 66px 150px 55px;color: #fff;position: relative;} .widgets_intro_WIN8_9 .content li .cover_box .tit{font-size: 24px;margin-bottom: 15px;} .widgets_intro_WIN8_9 .content li .cover_box .con{font-size: 15px;margin-bottom: 25px;} .widgets_intro_WIN8_9 .content li .cover_box .txt{font-size: 15px;line-height: 25px;overflow: hidden;} .widgets_intro_WIN8_9 .content li .cover_box .cover_more{width: 245px;height: 44px;border: 1px solid #fff;line-height: 46px;text-align: center;margin-top: 60px;transition: all 0.5s ease;} .widgets_intro_WIN8_9 .content li:hover .cover_box .cover_more,.widgets_intro_WIN8_9 .content li.cur .cover_box .cover_more{transition: all 0.5s ease;color: #fff; } .widgets_intro_WIN8_9 .content li:hover .li_box,.widgets_intro_WIN8_9 .content li.cur .li_box{opacity: 0;transition: all 0.5s ease;} .widgets_intro_WIN8_9 .content li:hover .cover,.widgets_intro_WIN8_9 .content li.cur .cover{opacity: 1;transition: all 0.5s ease;} .widgets_intro_WIN8_9 .content li .top_{margin-bottom: 19px;} .widgets_intro_WIN8_9 .content li .top_infor{position: absolute;bottom: 30px;padding-left: 35px; color: #fff; } .widgets_intro_WIN8_9 .content li .top_infor .tit{font-size: 24px;} .widgets_intro_WIN8_9 .content li .top_infor .con{font-size: 15px;} .widgets_intro_WIN8_9 .content li .bott_box{position: absolute;bottom: 30px;padding-left: 35px; color: #fff; } .widgets_intro_WIN8_9 .content li .bott_box .tit{font-size: 24px;} .widgets_intro_WIN8_9 .content li .bott_box .con{font-size: 15px;} /*翻转按钮*/ .more { display:inline-block; width:120px; font-size:14px; text-align:center;background:rgba(6,147,221,.3); border: 1px solid #ffffff;} .more a{display:block; width:100%; height:46px;} .more .face1{line-height:46px; font-size:0; color:#333; text-align:center; height:46px;} .more .face1 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top; opacity:0.6;} .more .face2{color:#fff;line-height:46px; font-size:0; text-align:center; height:46px; } .more .face2 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top;} /*查看更多*/ /*翻转动画*/ .roll_box{-webkit-perspective: 500px; perspective: 500px; position:relative;} .roll1{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);-webkit-transition: .2s ease; transition: .2s ease; -webkit-transform-origin: 50% 50% -20px; -ms-transform-origin: 50% 50% -20px; transform-origin: 50% 50% -20px; position:absolute; left:0; top:0; width:100%; z-index:1;opacity:1;} .roll2{-webkit-transform: rotateX(90deg); transform: rotateX(90deg);-webkit-transition: .2s ease; transition: .2s ease; -webkit-transform-origin: 50% 50% -22px; -ms-transform-origin: 50% 50% -22px; transform-origin: 50% 50% -22px; position:absolute; left:0; top:0; width:100%; z-index:-1; opacity:0; display:none\9;} .roll_box:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;} .roll_box:hover .roll2{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);display:block\9; z-index:1; opacity:1;} /*服务*/ .ipt4{ background: url(../img/ipt4-bg.jpg) no-repeat center center; height: 496px; margin-top: 3%; } .ipt4 .pt-hd{ padding-top: 6%; } .ipt4 .pt-hd .tit{ color: #fff; text-align:center } .ipt4 .pt-hd .decs{ color: #fff;text-align:center } .ipt4 .pt-bd ul{ width: 80%; margin: 0 auto; } .ipt4 .pt-bd li a{ text-align: center; width: 25%; color: #fff; float: left; display: block; } .ipt4 .pt-bd li .ico-box{ font-size: 80px; width: 100px; height: 100px; line-height: 100px; margin: 0 auto; margin-bottom: 10%; transition: all .5s ease; transform: scale(1);} .ipt4 .pt-bd .iconfont2{ margin: 0; } .ipt4 .pt-bd li .title{ font-size: 18px; } .ipt4 .pt-bd li .ico-box{ font-size: 70px; } .fz44{font-size:44px} .pt-hd .tit a{ color: #000; font-weight: bold; } .ipt4 .pt-hd .tit a{ color: #fff; } /*.imain .ipt4 .pt-bd li:hover .title{ color: #e40045; }*/ /*.imain .ipt4 .pt-bd li:hover .ico-box{ transform: scale(1.1) }*/ .floor4 {margin-bottom:60px;} .floor4 .num_con .number_box{text-align:center;border-right:0px solid #dadada;} .floor4 .num_con .number_box i{font-size: 45px; font-family: Impact; font-weight: normal; line-height:90px; color:#737373;} .floor4 .num_con .number{font-size: 45px; font-family: Impact; font-weight: normal; line-height:90px; color:#737373;} .floor4 .num_con .number_box .unit{margin-left:3px;} .floor4 .num_con .text_box{text-align:center; font-size:16px;color:#737373;line-height:32px;} /*合作企业*/ /* 鍏敤 */ .linkBox .div1{ text-align:center; color:#666;} .linkBox .div1 .p1{ font-size:30px; background:url(../images/1_23.jpg) center bottom no-repeat; padding-bottom:2%; text-transform:uppercase; line-height:30px;} .linkBox .div1 .p2{ font-size:18px; margin-top:1%;} .g-txt{text-align: center;margin-bottom: 40px;position: relative;z-index: 2;font-family: "寰粺姝ｉ粦楂�","Microsoft JhengHei", "Microsoft yahei", "寰蒋闆呴粦", "tahoma";} .g-txt h1{font-size: 48px;text-align: center;margin-bottom: 25px;} .g-txt h1:after{content:"";height: 2px;display: block;width: 130px;margin: 0 auto;margin-top: 20px;} .g-txt-w h1:after{background: #fff;} .g-txt h2{font-size: 48px;text-align: center;margin-bottom: 25px;} .g-txt h2:after{content:"";height: 2px;display: block;width: 130px;margin: 0 auto;margin-top: 20px;} .g-txt p{font-size: 22px;line-height: 2;} .g-txt-w{color: #fff;} .g-txt-w h2:after{background: #fff;} .g-txt-b{color: #484848;} .g-txt-b h2{color: #000;} .g-txt-b h2:after{background: #777;} .linkBox{padding: 50px 0 70px 0;background: #fff;overflow: hidden;} .wp{ width: 1200px;margin: 0 auto; } .g-txt-b{color: #484848;} .g-txt-b h2{color: #000;} .g-txt-b h2:after{background: #777;} .ul-link{margin:0 auto;max-width: 92%;padding-top: 15px;} .ul-link li{width: 11.11%;float: left;margin-bottom: 19px; list-style:none;} .ul-link li a{display: block;margin:0 10px;border: 1px solid #e2e2e2;height: 0;padding-top: 62.52%;position: relative;overflow: hidden;} .ul-link li a img{position: absolute;left:0;top:0;width: 100%;height: 100%; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 0.5;*/ } .ul-link li .img2{opacity: 0;} .ul-link li a:hover .img1{opacity: 0;} .ul-link li a:hover .img2{opacity: 1;} .ul-link li a:hover img{ /* -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;*/ } .ul-link-m{display: none;} @media only screen and (min-width: 1000px) and (max-height:700px) { .ul-menu1{margin-top: 50px;} .formBox .form .inp{height: 38px;} .formBox .form .btn{height: 38px;} .formBox .form p{margin-bottom: 10px;} .formBox .form textarea{height: 100px;} } @media only screen and (max-width: 1600px) { .g-txt h1{font-size: 48px;} .g-txt h1:after{width: 100px;} .g-txt h2{font-size: 48px;} .g-txt h2:after{width: 100px;} .g-txt p{font-size: 22px;} } @media only screen and (max-width: 1199px) { .wp{width: 98%;} .g-txt{max-width: 96%;margin: 0 auto 20px auto;} .g-txt h1{font-size: 24px;} .g-txt h1:after{width: 80px;} .g-txt h2{font-size: 24px;} .g-txt h2:after{width: 80px;} .g-txt p{font-size: 14px;} .bantxt h2{font-size: 24px;margin-bottom: 10px;} .bantxt p{font-size: 14px;} .fixed{display: none;} #copyright{font-size: 12px;color: #999;padding: 10px;} .ul-menu1{margin-top: 50px;} /*.ul-txt1 li{display: block;width: 33.33% !important;float: left !important`;margin: 0 0 20px 0;}*/ .ul-txt1 li .pic{width: 100%;text-align: center;height: 110px;} .ul-txt1 li .txt{float: none;margin: 0 auto;text-align: center;} .ul-txt1 li .txt h4{margin-bottom: 15px;} .txtBox1{padding:120px 0 50px 0;} .txtBox2{padding: 70px 0;overflow: hidden;} .slide-txt .logo{width: 100%;float: none;text-align: center;padding-top: 0;margin-bottom: 20px;} .slide-txt .txt{padding: 0 20px;} .slide-txt .txt h4{font-size: 18px;} .slide-txt .btns{padding-left: 0;text-align: center;} .more-slider{display: inline-block;*display: inline;zoom:1;float: none;} .slide-txt .btns a{float: none;display: inline-block;margin: 0 3px;vertical-align: top;} .ul-txt1 li .txt h3{font-size: 18px;} .ul-txt1 li .txt h4{font-size: 14px;} .more-btn{margin-top: 0;} .linkBox{padding: 50px 0;} } @media only screen and (max-width: 1024px) { .ul-menu1{display: none;} .formBox .form .inp{height: 38px;} .formBox .form .ver img{height: 36px;} .formBox .form .ver a{line-height: 36px;} .formBox .form .btn{height: 38px;} .formBox .form p{margin-bottom: 10px;} .formBox .form textarea{height: 100px;} .ul-link{max-width: 98%;} .ul-link li{margin-bottom: 10px;} .ul-link li a{margin: 0 5px;} } @media only screen and (max-width: 767px) { .article-bd{ padding: 0 10px; } .article-hd{margin-top: 30px;margin-bottom: 20px;padding-bottom: 10px;} .article-hd h1{font-size: 26px;line-height: 1.8;} .txtBox2{ background-attachment: scroll; } .g-txt p{line-height: 2.5; } .g-txt p span {display: inline-block;} .arrowDown{bottom:20px;} #hd{height: 50px;line-height: 50px;} #hd .logo{padding-left: 15px;} #hd .logo img{max-height: 20px;} .menu-m{display: block;} .view{-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;} .view.view-ani{transform: translateX(-250px);-webkit-transform: translateX(-250px);} #hd{-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;} #hd.hd-ani{transform: translateX(-250px);-webkit-transform: translateX(-250px);} #hd .nav ul{display: none;} .nav-m{display: block;position: fixed;transform: translateX(250px);-webkit-transform: translateX(250px);width: 250px;right:0;top:0;height: 100%;padding: 11px 0;background: #111;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;} .nav-m.on{transform: translateX(0);-webkit-transform: translateX(0);} .nav-m li{height:40px;line-height: 40px;padding: 0 40px;} .nav-m li a{display: block;color: #fff;font-size: 16px;background: url(../images/menu-arr.png) no-repeat right center;} .tab-menu{text-align: center;} .tab-menu ul{display: inline-block;*display: inline;zoom:1;} .tab-menu li{margin: 0 10px;display: inline-block;} .case-item .tit{margin-top: 30px;} .case-item .tit h3{text-align: center;} .inner-ban{height: 280px;line-height: 280px;} .inner-ban h2{font-size: 24px;} .case-item .tit h3{font-size: 20px;} .case-item .txt a{display: block;margin:20px auto 0 auto;} .page{text-align: center;padding-bottom: 50px;} .page ul{display: inline-block;*display: inline;zoom:1;} .page li{margin: 0 2px;} .page li a{height: 30px;line-height: 30px;width: 30px;font-size: 14px;} .page li.prev a, .page li.next a{width: 30px;} .page li.prev span{padding-left: 0;font-size: 0;float: left;width: 100%;height: 100%;display: block;background-position: center center;background-size: auto 14px;} .page li.next span{padding-left: 0;font-size: 0;float: left;width: 100%;height: 100%;display: block;background-position: center center;background-size: auto 14px;} .txtBox1{padding-bottom: 20px;padding-top: 60px;} /*.ul-txt1 li{width: 100% !important;margin-bottom: 30px !important;}*/ .ul-txt1 .slick-dots{text-align: center;padding: 10px 0 20px 0;} .ul-txt1 .slick-dots li{display: inline-block;margin: 0 5px; width:auto;float: none;} .ul-txt1 .slick-dots li button{font-size: 0;line-height: 0;background: #999;width: 14px;height: 14px;border-radius: 50%;padding: 0;outline:none;border: 0;} .ul-txt1 .slick-dots li.slick-active button{background: #f1433c;} .slide-txt h4{font-size: 20px;line-height: 1.8;font-weight: bold;margin-top: 30px;padding-left: 0;padding-right: 20px;padding-left: 20px;} .slide-txt .txt p{line-height: 2.5;} .txtBox2{padding-top: 40px;} .case-item .tit{line-height: 2;height: auto;} .index .page4{padding-top: 60px;} .formBox .txt{width: 100%;float: none;overflow: hidden;margin-bottom: 20px;} .formBox .txt p{padding:7px 0 7px 30px; height:auto;line-height: 20px;background-size: auto 20px !important;} .formBox .txt .s3{background-size: auto 14px !important;} .formBox .form{width: 100%;float: none;} .formBox{padding-bottom: 50px;} .ul-link li{width: 33.33%;float: left;margin-bottom: 19px; list-style:none;} .case-item .txt{padding: 0 10px;} .bantxt{padding: 80px 0;margin-top: 50px;} .m-go-top-box{display: block ;} .formBox .txt{display: inline-block;width: auto;position: relative;left: 50%;transform: translateX(-50%); -ms-transform: translateX(-50%);-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);} .caseBox2.index .page4{padding-top: 100px;} } @media only screen and (max-width: 350px) { .g-txt{margin-bottom: 10px;} .g-txt h1{font-size: 20px;margin-bottom: 10px;} .g-txt h1:after{margin-top: 10px;} .g-txt h2{font-size: 20px;margin-bottom: 10px;} .g-txt h2:after{margin-top: 10px;} } /*服务*/ .contain{width:1200px;margin:0 auto;} /*clearfix*/ .clearfix{*zoom:1} .clearfix:before, .clearfix:after{display:table;content:""} .clearfix:after{clear:both} .service-container{padding:103px 0 111px;text-align:center;background:url(../img/srv-bg.jpg) no-repeat center center / cover fixed;} .service-container .t1{line-height:66px;font-size:48px;font-weight:600;color:#fff;} .service-container .t2{line-height:37px;font-size:20px;color:#fff;} .srv-list{width:100.8889%;margin:92px 0 0 -0.8889%;} .srv-list li{width:24%;padding:0 0 0 0.8810681849043849%;float:left;} .srv-list .srvlist-box{display:block;padding:46px 0;background:#;} .srvlist-box .type{line-height:28px;font-size:18px;color:#fff;} .srvlist-box .con{line-height:22px;color:#fff;} .srvlist-box .icon{width:70px;height:70px;position:relative;margin:27px auto 0;} .srvlist-box .icon img{width:100%;} .srvlist-box, .srvlist-box .icon img, .srvlist-box .type, .srvlist-box .con, .srvlist-box .icon{transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .srvlist-box:hover{background:#007ec6;} .srvlist-box:hover .type{color:#fff;transform:translateY(-15px);-webkit-transform:translateY(-15px);} .srvlist-box:hover .con{color:#fff;transform:translateY(-10px);-webkit-transform:translateY(-10px);} .srvlist-box:hover .icon{transform:translateY(-10px);-webkit-transform:translateY(-10px);} .srvlist-box:hover .icon img{opacity:0;} .srvlist-box:hover .icon img.rollover{opacity:1;} /*通用img*/ .srvlist-box .icon img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;} @media all and (max-width:768px){ .Isrv-list li, .solCMM-list li{width:50%; } } @media all and (max-width:1260px){/*1260*/ .contain{width:100%;} } @media all and (max-width:640px){ .contain{width:90%; padding-left:20px; padding-right:20px;} } @media all and (max-width:980px){/*web*/ .service-container{padding:2rem 0;} .service-container .t1{font-size:38px;line-height:56px;} .service-container .t2{font-size:18px;line-height:28px;} .srv-list{margin:20px 0 0;} .srv-list li{width:48%;margin:20px 0 0;} .srv-list .srvlist-box{padding:20px 0;} .srv-list .srvlist-box .icon{margin:15px 58px; text-align:center;} .srv-list .srvlist-box .icon img{width:50px;text-align:center; margin:auto; margin-left:30px;} } @media all and (max-width:580px){ .service-container .t1{font-size:30px;line-height:48px;} .service-container .t2{font-size:16px;line-height:24px;} } /*--- Footer ---*/ .Footer-wrapper{} .F-cr{padding:20px 0;line-height:20px;color:#fff;} .F-cr a{color:#fff;} .footer-container{padding:53px 0 55px;background:#333;} .Fnav{float:left; padding-right:4%;} .Fnav2{width:19%;float:left;} /*--- ying ---*/ /*.Fnav{width:13.5%;float:left;}*/ .Fnav dt{line-height:28px;font-size:16px;font-weight:600;} .Fnav dt a{display:block;color:#fff;} .Fnav dt a:hover{color:#007ec6;text-decoration:underline;} .Fnav dd{margin:15px 0 0;} .Fnav dd a{display:block;padding:5px 0;line-height:22px;color:#ccc;} .Fnav dd a:hover{color:#007ec6;text-decoration:underline;} .Fnav2 dt{line-height:28px;font-size:16px;font-weight:600;color:#fff;} .Fnav2 dt a{display:block;color:#fff;} .Fnav2 dt a:hover{color:#007ec6;text-decoration:underline;} .Fnav2 dd{margin:15px 0 0;} .Fnav2 dd a{display:block;padding:5px 0;line-height:22px;color:#fff;} .Fnav2 dd a:hover{color:#007ec6;text-decoration:underline;} .Fline{width:4%;float:left; text-align:left;} .Fct1{width:26%;float:left;text-decoration: none;} .Fct1 dt{line-height:28px;font-size:16px;font-weight:600; padding-bottom:30px;} .Fct1 .tel{ line-height:32px; font-size:22px; font-family:Arial; background:url(../images/dh.jpg) no-repeat left top; padding-left:60px; text-decoration: none; } .Fct1 .tel a{ text-decoration: none; } .Fct{width:29%;float:right;} .Fct .work-time{line-height:22px;color:#fff;margin:5px 0 0;} .Fcon{padding:9px 0 13px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;margin:13px 0 0;} .Fcon .con{padding:0 0 0 25px;line-height:28px;color:#fff;} .Fcon .con.adr{background:url(../images/icon/icon-Fadr.png) no-repeat left top;} .Fcon .con.post{background:url(../images/icon/icon-Fpost.png) no-repeat left top;} .Fcode{margin:41px 0 0;} .Fcode li{text-align:center;float:left;margin:0 0 0 6.989247311827957%;} .Fcode li:first-child{margin:0px;} .Fcode li img{ margin-left:10px;} .Fcode li .name{line-height:24px;color:#fff;margin:10px 0 0;} .Fct2{width:38%;float:right;color:#fff;} .Fct2 dt{line-height:28px;font-size:16px;font-weight:600;color:#fff; } .Fcon2{padding:9px 0 13px;margin:13px 0 0;color:#ccc;} .Fcon2 .con{line-height:28px;color:#ccc;} .Fct2 .work-time{line-height:22px;color:#fff;margin:5px 0 0;} .Fcode2{margin:10px 0 0;} .Fcode2 li{text-align:center;float:left;margin:0 0 0 2.989247311827957%;} .Fcode2 li:first-child{margin:0px;} .Fcode2 li img{ margin-left:5px; width:53px; height:53px;} .Fcode2 li .name{line-height:24px;color:#fff;margin:10px 0 0;} .Footer-wrapper.on .Fnav dd{display:block !important;} .Footer-wrapper.on .Fnav2 dd{display:block !important;} .Fdd{ color:#CCCCCC;} /*产品综合*/ .pro-center{ margin: 0 0; } .pro-center .pt-hd{ margin-bottom: 5%; text-align: center; width: 80%; margin-left: 10%;} .pro-center .pt-hd .tit{ color: #000; } .pro-center .pt-hd .decs{ font-size: 16px; color: #5a5a5a; } .pro-center .pt1 .mwrap{ background: #f0f1f3; padding-top: 60px; } .pro-center .pt1 li{ float: left; width: 25%; } .pro-center .pt1 li a{ display: block; position: relative; } .pro-center .pt1 li .con{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30% 15%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #fff; transition: all .5s ease; } .pro-center .pt1 li .con .dec{ margin-bottom: 10%; } .pro-center .pt1 li .con .more-btn{ background: none; border: 1px solid #fff; opacity: 0; transition: all .5s ease; filter:alpha(opacity=0); visibility: hidden; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";} .pro-center .pt1 li:hover .con{ background: #0071bd; } .pro-center .pt1 li:hover .con .more-btn{ opacity: 1; filter:alpha(opacity=100); visibility: visible;} .pro-center .pt2{ margin-top: 5%; } .pro-center .pt2 .pt-bd ul{ width: 80%; margin-left: 10%; } .pro-center .pt2 .pt-bd .tab_t{ transition: all .3s ease; text-align: center; } .pro-center .pt2 .pt-bd .tab_t.tab_t_cur{ background: #e40045; color: #fff; } .pro-center .pt2 .pt-bd .ico-box{ font-size: 65px; width: 100%; height: 150px; line-height: 150px; } .pro-center .pt2 .pt-bd .tab_c{ position: relative; height: 430px; overflow: hidden; } .pro-center .pt2 .pt-bd .tab_c img{ position: absolute; height: 430px; left: 50%; margin-left: -960px; max-width: none; } .pro-center .pt2 .pt-bd .con-box{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; color: #acb1b6; } .pro-center .pt2 .pt-bd .con{ width: 50%; padding: 8% 15%; } .pro-center .pt2 .pt-bd .title{ margin-bottom: 10%; } .pro-center .pt2 .pt-bd .tab_c .title{ margin-bottom: 3%; } .pro-center .pt2 .pt-bd .decs{ margin-bottom: 3%; font-size: 21px; } /*留言*/ .channelContent-47616{overflow:hidden;} .channelContent-47616 .form-m1 .form-m1-Left { float: left; width: 50%; } .channelContent-47616 .form-m1 .form-m1-right { float: right; width: 50%; } .channelContent-47616 .form-m1 .form-m1-li { padding-top: 10px; } .channelContent-47616 .form-m1 .form-m1-li label { width: 5em; display: inline-block; color: #666; vertical-align: middle; } .channelContent-47616 .form-m1 .form-m1-li label span{padding: 0 6px;} .channelContent-47616 .form-m1 .form-m1-li input { height: 28px; line-height: 28px; border: 1px #ddd solid; width: 70%; } .channelContent-47616 .form-m1 .form-m1-li textarea { border: 1px #ddd solid; width: 70%; } .channelContent-47616 .form-m1 .form-m1-li em { color: red; vertical-align: middle; padding-left: 10px; } .channelContent-47616 .form-m1 .form-m1-li input._yzm { width: 20%; } .channelContent-47616 .form-m1 .form-m1-li img {height:28px;vertical-align: middle; padding-left: 10px; cursor: pointer; } .channelContent-47616 .form-m1 .form-m1-li b { color: #666; font-size: 12px; padding-left: 4px; } .channelContent-47616 .form-m1 .form-m1-btn { clear: both; text-align: center; padding-top: 40px; } .channelContent-47616 .form-m1 .form-m1-btn button { width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; border-radius: 4px; cursor: pointer; } .channelContent-47616 .form-m1 .form-m1-btn ._submit { background: #d50e25; margin-right: 10px; } .channelContent-47616 .form-m1 .form-m1-btn ._reset { background: #909090; } .channelContent-47616 .form-m1 .Validform_right{white-space: nowrap;} @media only screen and (max-width: 40em) { .channelContent-47616 .form-m1 .form-m1-Left { width: 100%; } .channelContent-47616 .form-m1 .form-m1-li input { width: 65%; } .channelContent-47616 .form-m1 .form-m1-right { width: 100%; } .channelContent-47616 .form-m1 .form-m1-li textarea { width: 65%; } .channelContent-47616 .form-m1 .form-m1-li input._yzm { width: 27%; } .channelContent-47616 .form-m1 .form-m1-li b { display: none; } } /*sec_menu 二级导航*/ .sec_menu{background-color: #f5fafc;height: 62px;line-height: 62px;overflow: hidden; } .sec_menu .firstmenu{float: left;width: 10.83%;background-color: #3caaff;color: #ffffff;font-size: 18px;font-weight: bold;text-align: center;} .sec_menu .firstmenu a:hover{color: #ffffff;} .sec_menu .firstmenu b{font-size: 15px;display: inline-block;margin-left: 15px;display: none;} .sec_menu ul{width: 89%;float: left;overflow-y:hidden;overflow-x: auto;height: 62px;} .sec_menu ul li{float: left;width: 11.68%; text-align: center;color: #9ea0a1;font-size: 15px;} .sec_menu ul li .lin{font-size: 12px;float: right;color: #dadada;} .sec_menu ul li a:hover{color: #0071bd;} .sec_menu ul li.active {color: #0071bd;} .sec_menu .main::-webkit-scrollbar {display: none;} .category ._list { margin-bottom: 20px; } .category ._list span { width: 65px; font-size: 13px; color: #353535; font-weight: bold; } .category ._list .pro_list{float:left;width:92%;} .category .sec_list { padding-left: 138px; display: none; } .category .sear { line-height: 32px; } .category .sear form { border: #ececec solid 1px;} .category .sear ._txt { height: 30px; line-height: 30px; background: #fff; text-indent: 10px; border: none; width: 200px; font-family: "MicroSoft Yahei"; } .category .sear button { margin: 0; padding: 0; width: 34px;height: 36px;line-height: 38px; background: #ec1b24; border: none; cursor:pointer;} .category .sear button i { color: #fff; font-size: 24px; margin: 0;font-weight: normal;} .category { /*padding: 20px;*/ margin-bottom: 40px;} .category a { margin-right: 35px;padding-bottom: 10px;display: block;float: left;} .category a i { display: inline-block; background: url(../img/ic_03.png) no-repeat 0 -17px; width: 17px; height: 17px; vertical-align: middle; margin-right: 6px; } .category a.active i { background-position: 0 0; color: #0071bd;} /*gs*/ .ZS_part4 .infor {text-align: center;} .ZS_part4 .infor .tit{font-size: 28px;color: #000;font-weight: bold;padding: 45px 0 13px;} .ZS_part4 .infor .tit>a{position: relative;padding: 0 25px;} .ZS_part4 .infor .tit>a:before{content: '';width: 38px;height: 2px;background: #dedede; position: absolute;left: -40px;top: 50%;margin-top: -1px;} .ZS_part4 .infor .tit>a:after{content: '';width: 38px;height: 2px;background: #dedede; position: absolute;right: -40px;top: 50%;margin-top: -1px;} .ZS_part4 ul li{position: relative;} .ZS_part4 ul li .cont{position: absolute; bottom: 0; /*padding: 5px 20px;*/ background: url(../img/ZX_part4_cont_bg00.png); color: #fff; width: 100%; height: 67px;} .ZS_part4 ul li .cont .cont_c{padding: 20px; text-align:center;} /*team*/ .tit-j{padding-top:2.5%;text-align:center;letter-spacing:4px;margin-bottom:30px;font-size:48px;font-weight:700;color:#000}.tit-j span{display:inline-block;padding:20px 0;border-bottom:1px solid #0071bd;font-size:30px;color:#000;padding-bottom:10px;font-family:“微软雅黑”}.tit-j h5{letter-spacing:1px;height:93px;padding-top:25px;font-size:28px;color:#484848}.tit-j .desc{letter-spacing:2px;color:#666}.tit-j h5 em{color:#e74a45}.step{width:85%;width:1020px;margin:0 auto;overflow:hidden;margin-bottom:5.8%} .t5{font-size:24px;color:#000;padding-left:1.1em;border-left:3px solid #0071bd;margin-bottom:30px} .t4 p { color: rgb(104, 104, 104); line-height: 2; width: 650px; margin: 0px auto; } .team-box{background-color:#fff;overflow:hidden;padding-bottom:7%}.row-tb p{text-indent:2em;line-height:2;color:#484848}.team-box .t4{padding-bottom:20px}.img-list{margin:30px 0 60px;font-size:0}.img-list img{width:33.3333%}.information-box{padding:60px 0 0}.information-box .t2{text-align:left}.information-box .page{padding-top:50px} .t4{position:relative;text-align:center}.t4 h6{text-transform:uppercase;color:#eaeaea;font-size:110px;font-family:Arial,helvetica neue,Helvetica,sans-serif;position:absolute;width:100%;text-align:center;font-weight:700}.t4 h3{font-size:24px;color:#000;line-height:128px;position:relative;z-index:10}.t4 h4{letter-spacing:4px;margin-bottom:30px;font-size:48px;font-weight:700;color:#000}.t4 p{color:#686868;line-height:2;width:650px;margin:0 auto}.cultrue-box .tit-j{margin-bottom:30px} @media screen and (max-width: 640px){ .t4 p { width: 100%; } } /*xc_banner*/ .xc_banner{position: relative;height: 420px;overflow: hidden;} .xc_banner>img{position: absolute;top: 0;left: 50%;margin-left: -960px;max-width: none} .xc_banner>.wrap{position: relative;} .xc_banner .box{position: absolute;top: 165px;left: 0;} .xc_banner .xc_b_h3{font-size: 40px;font-weight: bold;color: #ffffff;margin-bottom: 15px;} .xc_banner a:hover{color: #ffffff;} /* bread-1 start*/ .widget-bread-1 {font-size: 14px; color: #fff; } .widget-bread-1 a { color: #fff;} .widget-bread-1 a:hover{color:#3caaff;} .widget-bread-1 .ion { font-size: 14px; margin: 0 5px;} .xc_banner .mouse{width: 34px;height: 70px;background: url(../img/mouse.png) no-repeat top center;position: relative;z-index: 10;margin: 30px 0 0 15px;} .xc_banner .mouse .mouse-bottom{position: absolute;bottom: -15px;left: 50%;margin-left: -5px;display: none;}