/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*挂件分页样式*/ .util-page{ font-size:0; color: #000; text-align: center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#228bcb;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; } .util-page .gobutton .ion{ font-size: .8em;} .util-page .count { margin-left:10px; color:#000; background:none; border:none; } .util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top; } .util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size: 14px; } .util-page .jumpto_inp{ width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; } /*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/ .BdMapArea { margin:0 auto 55px; max-width:1200px; } .BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; } .BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-width:760px) { .BdMapArea { display:none; } } /*默认隐藏百度分享触控弹层*/ .bdshare_popup_box { display:none!important;} /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /* 常量设置 */ .wrap { width:1200px; margin-right:auto; margin-left:auto;} .wrap .wrap {width:100%} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover { color:#228bcb;} ::-moz-selection {color:#fff; background:#228bcb; } ::selection {color:#fff; background:#228bcb; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ .icon{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; } .header{height:95px;} .head{height:95px; position:fixed; left:0; top:0; width:100%; background-color:#fff; z-index:97;} .header .fixed{box-shadow:0 5px 5px rgba(0,0,0,.1);} .head .logo{margin-right:10px; margin-top:20px;} .head .tool_box{line-height:75px; padding-top:20px;} .head .tool_box .lang{font-size:14px; color:#9f9f9f; margin-right:20px;} .head .tool_box .lang .icon{width:16px; height:15px; background:url(../img/tool_icons.png) 0 0 no-repeat; margin-right:15px; vertical-align:-2px;} .head .tool_box .search i{width:25px; height:25px; background:url(../img/tool_icons.png) -25px 0;} .nav .nav_li {position:relative; float:left;} .nav .nav_li>a{padding:0 10px; display:block; font-size:12px; color:#000; line-height:75px; padding-top:20px;} .nav .nav_li:hover>a,.nav .nav_li.cur>a{background:#025098; color:#fff;} .nav .nav_li .nav_layer{width:690px; background:#f8f8f8; overflow:hidden; position:absolute; top:100%; left:-200px; display:none;} .nav .nav_li .nav_layer .pd{padding:40px 55px 55px 50px;} .nav .nav_li .nav_layer .l_navbox{width:30%; line-height:48px;} .nav .nav_li .nav_layer .l_navbox a{display:block; border-bottom:1px solid #d4d4d4; font-size:14px; color:#2c2c2c; padding:0 15px; position:relative;} .nav .nav_li .nav_layer .l_navbox a:hover{color:#228bcb;} .nav .nav_li .nav_layer .l_navbox a i{display:none} .nav .nav_li .nav_layer .r_navbox{width:60%; padding-left:10%;} .nav .nav_li .nav_layer .r_navbox .img_box{margin-bottom:15px;} .nav .nav_li .nav_layer .r_navbox .info_box{line-height:28px; font-size:14px; color:#615959; text-align:left;} .mobile_key{display:none;} .footer{background:#161616; padding:30px 0;} .footer .col{width: 300px; height: 250px; margin: 0 0 20px 0; padding: 0 18px; color: #868686; float:left; border-left:1px solid #222;} .footer .col.first{width:370px; border:none;} .footer .col.qr{width:150px;} .footer .col.link{width:230px;} .footer .col.first .f_logo{margin-bottom:20px;} .footer .col.first .f_t1{font-size:13px; color:#8f8f8f; margin-bottom:10px;} .footer .col.first .f_t2 {margin-bottom:15px;} .footer .col.first .f_t2 .l_box{margin-right:14px;} .footer .col.first .f_t2 .a2a_kit a{margin-right:6px;} .footer .col.first .f_t2 .a2a_svg {background:url(../img/footer_share.png) no-repeat !important;} .footer .col.first .f_t2 .a2a_svg svg{display:none;} .footer .col.first .f_t2 .a2a_svg.a2a_s_facebook{background-position:0 0 !important;} .footer .col.first .f_t2 .a2a_svg.a2a_s_linkedin{background-position:-26px 0 !important;} .footer .col.first .f_t2 .a2a_svg.a2a_s_wechat{background-position:-52px 0 !important;} .footer .col.first .f_t2 .share_btn{width:26px; height:26px; float:left; background:url(../img/footer_share.png) -78px 0 no-repeat} .footer .col.first .made{font-size:12px; color:#8f8f8f;} .footer .col .title {position:relative;font-size:14px;font-weight:700;line-height:1.5;margin-bottom:27px;color:#0191d8;font-weight:normal;} .footer .col .title:before {content:'';position:absolute;bottom:-1px;left:-19px;width:0;height:100%;border-left:1px solid #0191d8;} .footer .col .contact-list .icon{width:20px; height:22px; float:left; } .footer .col .contact-list .add .icon{ background:url(../img/foot_icon.png) 0 0 no-repeat;} .footer .col .contact-list li{margin-bottom:20px;} .footer .col .contact-list span{float:left; width:260px; margin-left:15px;} .footer .col .contact-list .tel .icon{width:24px; height:21px;background:url(../img/foot_icon.png) 0 -22px no-repeat;} .footer .col .contact-list .mail .icon{width:24px; height:21px; background:url(../img/foot_icon.png) 0 -44px no-repeat;} .footer .col .cate-list li {position:relative;width:262px;height:39px;line-height:39px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px; color:#8f8f8f;} .footer .col .cate-list li a {position:relative;padding:0 40px 0 10px;} .footer .col .cate-list li a:before {content:'';position:absolute;top:50%;right:0;width:0;height:0;margin:-3px 0 0;border-top:3px solid transparent;border-left:5px solid #face13;border-bottom:3px solid transparent;} .footer .col .cate-list li a:after {content:'';position:absolute;top:50%;right:3px;width:0;height:0;margin:-3px 0 0;border-top:3px solid transparent;border-left:5px solid #161616;border-bottom:3px solid transparent;} .footer .col .qr-wrap{display:inline-block;padding:6px;border:1px solid #343434;} .channel_content{min-height:300px; padding:70px 0; background: #f4f4f4; padding-top:40px;} .channel_content>.wrap>.con{padding:50px; background:#fff;} .sec_banner{height:400px; position:relative; overflow:hidden;} .sec_banner img{max-width: none; width:1920px; position:absolute; left:50%; margin-left:-960px; top:0; z-index:1;} .sec_banner .catname{position:absolute; width:100%; top:30%; left:0; text-align:center; font-size:45px; color:#fff; z-index:2;} .sec_banner .sec_nav{position:absolute; bottom:0; left:0; width:100%; height:50px; line-height:50px; z-index:2;} .sec_banner .sec_nav .wrap{background:url(../img/blue90.png);} .sec_banner .sec_nav li{font-size:16px; color:#fff; display:inline-block; *display:inline; *zoom:1; margin:0 22px;} .sec_banner .sec_nav li a:hover{color:#2186c3; text-decoration:underline;} .sec_banner .sec_nav li.cur a{color:#2186c3; text-decoration:underline;} .sec_banner .sec_nav.fixed{position:fixed; left:0; width:100%; top:95px; bottom:auto;} .sec_banner .sec_nav .home_icon{width:60px; border-right:1px solid #224c6d; text-align:center;} .sec_banner .sec_nav .home_icon .icon{width:20px; height:20px; background:url(../img/sec_nav_icon.png) 0 0 no-repeat;} .sec_banner .sec_nav .index_cat{padding:0 15px; border-right:1px solid #224c6d; color:#fff;} .sec_banner .sec_nav .index_cat .icon{width:20px; height:20px; background:url(../img/sec_nav_icon.png) -20px 0; margin-left:35px;} /*history*/ .channel_content.history {padding:0;} .history .pt1 .title{font-size:40px; color:#343434; text-align:center;} .history .pt1 .info{font-size:14px; color:#3d3d3d; text-align:center; width:80%; margin:20px auto 30px;} .history .pt1{padding:90px 0 70px; background-repeat:no-repeat; background-position:center center; background-attachment:fixed;} .history .pt1 .his_box{position:relative; text-align:center;} .history .pt1 .his_box:before{content:""; width:24px; height:12px; background:url(../img/arrow13.png) center no-repeat; position:absolute; left:50%; margin-left:-12px; top:-12px;} .history .pt1 .his_list{ padding-bottom:62px; position:relative;} .history .pt1 .time:before{ content:""; width:9px; height:2px; background:#000; position:absolute; left:50%; margin-left:-4px; top:-4px;} .history .pt1 .his_list:after{ content:""; width:1px; height:100%; background:#000000; position:absolute; left:50%; top:0;} .history .pt1 .his_list li{ padding-top:64px; width:750px; margin:auto;} .history .pt1 .his_list .cell{ padding-bottom:10px; width:518px; float:right; border-bottom:1px solid #000000;} .history .pt1 .his_list .cell strong{ display:inline-block; float:left; color:#0059a9; font-size:48px; font-family:Arial; line-height:1; padding-top:7px; font-weight:normal; text-align:left;} .history .pt1 .his_list p{float:right; width:338px; color:#000000; font-size:13px; line-height:2; text-align:left;} .history .pt1 .his_list .even .cell{float:left;} .history .pt1 .his_list .even .cell strong{float:right;} .history .pt1 .his_list .even .cell p{float:left;} .history .pt1 .time{ display:block; width:32px; height:32px; background:url(../img/time.png) center no-repeat; margin:auto; margin-top:4px; position:relative;} /*honor*/ .honor li{cursor:pointer; margin-bottom:40px;} .honor .pd{padding:20px 50px; background-color:#efefef;} .honor .title_box{padding:30px; background:#e8e8e8;} .honor li:hover .title_box{background:#228bcc;} .honor .title_box .t1{font-size:18px; color:#282828; font-weight:bold; margin-bottom:20px; line-height:1;} .honor .title_box .t2{font-size:14px; color:#3c3c3c; display: none;} .honor li:hover .title_box .t1, .honor li:hover .title_box .t2{color:#fff;} .more_btn{line-height:45px; color:#888;} .more_btn img{margin-right:5px; vertical-align:middle;} body .album_ordinary .album_close{background:#228bcc;} /*about*/ .rect-140{padding-bottom:140%;} .rect-120{padding-bottom:120%;} .channel_content.about{padding-bottom:0;} .about .pt1 {margin-bottom:60px;} .about .pt1 .t1{font-size:50px; color:#012b5d; line-height:1; margin-bottom:30px;} .about .pt1 .t1 span{font-size:53px; font-family:Impact;} .about .pt1 .t2{font-size:16px; color:#2d2d2d; line-height:32px;} .about .pt3 {padding:50px;} .about .pt3 .bjk{font-size:16px; color:#000; line-height:32px; padding-bottom:50px; border-bottom:1px solid #dedee1;} .about .pt4{padding-bottom:80px;} .about .pt4 .l_box{width:300px; margin-right:20px;} .about .pt4 .l_box .ctl_box {padding:15px; background:#f0f0f0;} .about .pt4 .l_box .ctl_box .arr_box .owl-prev{cursor:pointer; float:left; margin-right:20px; font-size:0; width:16px; height:16px; background:url(../img/ab_arrs.png) 0 0 no-repeat;} .about .pt4 .l_box .ctl_box .arr_box .owl-prev:hover{background-position:0 -16px;} .about .pt4 .l_box .ctl_box .arr_box .owl-next{cursor:pointer; float:left; font-size:0; width:16px; height:16px; background:url(../img/ab_arrs.png) -16px 0 no-repeat;} .about .pt4 .l_box .ctl_box .arr_box .owl-next:hover{background-position:-16px -16px;} .about .pt4 .l_box .ctl_box .arr_box .owl-prev.disabled,.about .pt4 .l_box .ctl_box .arr_box .owl-next.disabled{opacity:0.5; cursor:default;} .about .pt4 .l_box .ctl_box .dots_box .owl-dot{cursor:pointer; font-size:14px; color:#000; margin-right: 20px; float:left;} .about .pt4 .l_box .ctl_box .dots_box .owl-dot.active{color:#228bcc; text-decoration:underline;} .about .pt4 .r_box{overflow:hidden;} .about .pt4 .r_box .pic_box{margin-bottom:30px;} .about .pt4 .r_box .pic_box li{cursor:pointer;} .about .pt4 .r_box .pic_box .bor{border-right:2px solid #fff;} .about .pt4 .r_box .pic_box .mask{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/blue70.png); opacity:0; visibility:hidden; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;} .about .pt4 .r_box .pic_box .icon{width:39px; height:39px; background:url(../img/fdj.png) center center no-repeat; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:0px; z-index:2; opacity:0; visibility:hidden; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;} .about .pt4 .r_box .text_box{font-size:16px; color:#3d3d3d; line-height:26px; height:56px; overflow:hidden; padding:0 50px;} .about .pt4 .r_box .pic_box li:hover .mask{opacity:1; visibility:visible;} .about .pt4 .r_box .pic_box li:hover .mask .icon{opacity:1; visibility:visible; margin-top:-20px;} /*network*/ .network .title{text-align:center; color:#3c3c3c; margin-bottom:30px;} .network .map_layout{position:relative;} .network .map_layout>.wrap{position:relative;} .network .points{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .network .point{ position: absolute; } .network .point .dian{ cursor: pointer; font-size: 12px;} .network .point .dian i{ display: inline-block; *display:inline; *zoom:1; vertical-align:middle; width: 20px; height: 20px; margin-right: 5px; background:url(../img/point.png) center center no-repeat;} .network .point.leftTop .con{bottom:100%; right:100%; } .network .point.rightTop .con{bottom:100%; left: :100%; } .network .point.leftBottom .con{top:100%; right:100%; } .network .point.rightBottom .con{top:100%; left:100%; } .network .point .con{ position: absolute; width: 300px; height:auto; background: #228bcb; padding: 40px 30px; display: none; } .network .point .con .close{ position: absolute; top: 0; right: 0; width: 50px; height: 50px; text-align: center; background: #0b487e; line-height: 50px; color: #fff; cursor: pointer; } .network .point .con .close:before,.network .point .con .close:after{ content: ""; position: absolute; left: 50%; width: 60%; height: 1px; background: #fff; display: block; margin-left: -30%; transition: all .3s ease; } .network .point .con .close:before{ bottom: 50%; transform: rotate(-45deg); } .network .point .con .close:after{ top: 50%; transform: rotate(45deg); } .network .point .con .close i{ opacity: 0;} .network .point .con .close:hover:before{ bottom: 20%; transform: rotate(0deg); } .network .point .con .close:hover:after{ top: 20%; transform: rotate(0deg); } .network .point .con .close:hover i{ opacity: 1; } .network .point .con dl dt{ font-size: 25px; color: #fff; font-weight: bold; margin-bottom:15px; } .network .point .con dl dd{color:#fff; margin-bottom:10px;} .network .point .con dl dd a{color:#fff;} .network .point .con dl dd .icon{width:15px; height:15px; background:url(../img/network_icons.png) 0 0 no-repeat; margin-right:15px;} .network .point .con dl .d2 .icon{background-position:-15px 0; } .network .point .con dl .d3 .icon{background-position:-30px 0; } .network .point.cur .dian{ color: #228bcc; } .network .point.cur .con{ display: block; } .network .point.cur{z-index:2;} .network .pt2{line-height:60px; color:#fff;} .network .pt2 .pd{margin:0 auto; background:#012b5d; padding:50px 90px 50px 0px; margin: 0 40px;} .network .pt2 .l_box{width:40%;} .network .pt2 .l_box .bor{border-right:1px solid #3d6190; text-align:center; font-size:26px;line-height: 30px;} .network .pt2 .l_box .icon{width:42px; height:40px; margin-right:40px; background:url(../img/posi.png) center center no-repeat; vertical-align:-6px;} .network .pt2 .r_box{width:60%;} .network .pt2 .r_box .text{padding-left:60px; line-height:30px; display:inline-block; *display:inline; *zoom:1; font-size:16px; filter:alpha(opacity=80); opacity:0.8;} .network .pt2 .infos{margin: 0 40px; padding:50px 0; border-bottom:1px dashed #a7a7a7; color:#000;} .network .pt2 .infos span{color:#228bcc;} .network .pt2 .infos li{text-align:center; font-size:18px;} .network .pt2 .infos li .icon{position:absolute; left:0; top:10px; margin-right:15px; width:48px; height:48px; background:url(../img/network_info.png) 0 0 no-repeat;} .network .pt2 .infos .li2 .icon{background-position:-48px 0;} .network .pt2 .infos .li3 .icon{background-position:-96px 0;} .network .pt2 .infos li .pd2{position:relative; padding-left:80px; display:inline-block; *display:inline; *zoom:1; text-align:left; line-height:1.5;} /*pro_center*/ @keyframes boderM { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0 } 20% { opacity: 1 } 75% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0 } 100% { opacity: 0 } } @-webkit-keyframes boderM { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0 } 20% { opacity: 1 } 75% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0 } 100% { opacity: 0 } } .pro_center{background:url(../img/car_bg.jpg) center top no-repeat; padding-top:80px;} .pro_center .title{text-align:center; color:#fff; line-height:1; margin-bottom:20px;} .pro_center .info{text-align:center; color:#fff; width:87%; margin:0 auto; font-size:14px; line-height:26px;} .pro_center .car_wrap{width:1160px; margin:0 auto;} .pro_center .car_wrap .car_map{margin-top:180px; position:relative; user-select:none;} .pro_center .car_wrap .point{position:absolute;} .pro_center .point .img_box{display:none;position:absolute; bottom:180%; left:50%; margin-left:-100px; width:180px; padding:30px 20px; text-align:center; background:#fff;} .pro_center .point:hover .img_box{display:block;} .pro_center .car_wrap .point .img_box .name{font-size:14px; color:#2e2e2e; line-height:1; margin-bottom:10px;} .pro_center .shine{width:8px;height:8px;border:2px solid #fff;display:block;border-radius:50%;box-shadow: 0px 0px 14px 5px #0f6ec1;position:relative;-webkit-animation: bordershow 3s infinite;-moz-animation: bordershow 3s infinite;animation: bordershow 3s infinite;cursor:pointer;} .pro_center .shine:after,.pro_center .shine:before{content:"";width:20px;height:20px;background:#fff;background:rgba(255,255,255,0.5);box-shadow: 0px 0px 4px rgba(255,255,255,0.5);display:block;border-radius:50%;position:absolute;top:-6px;left:-6px;} .pro_center .shine:after{-webkit-animation: boderM 3s infinite;-moz-animation: boderM 3s infinite;animation: boderM 3s infinite;} .pro_center .shine:before{-webkit-animation: boderM 3s .75s infinite;-moz-animation: boderM 3s .75s infinite;animation: boderM 3s .75s infinite;} .pro_center .point .tip{width:140px; text-align:center; position:absolute; font-size:14px; color:#fff; left:-70px; /*cursor:pointer;*/} .pro_center .point.point1 .line{width:0px; height:1px; background:#fff; position:absolute; right:105%; top:50%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} .pro_center .point1 .line:after{content:''; width:1px; height:0px; background:#fff; position:absolute; right:100%; bottom:0; transition:all 0.5s ease 0.5s; -webkit-transition:all 0.5s ease 0.5s;} .pro_center .point.point1 .tip{ bottom:100px; left:-140px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} .pro_center .point1.show .line{width:90px;} .pro_center .point1.show .line:after{height:90px;} .pro_center .point1 .tip.show{opacity:1; visibility:visible;} .pro_center .point2 .line{width:1px; height:140px; background:#fff; position:absolute; bottom:105%; left:50%;} .pro_center .point2 .tip{bottom:160px; } .pro_center .point3 .line{width:1px; height:80px; background:#fff; position:absolute; top:105%; left:50%;} .pro_center .point3 .tip{top:100px; } .pro_center .point3 .img_box{bottom:auto; top:150%;} .pro_center .point4 .line{width:1px; height:220px; background:#fff; position:absolute; top:105%; left:50%;} .pro_center .point4 .tip{top:240px; } .pro_center .point4 .img_box{bottom:auto; top:150%;} .pro_center .point5 .line{width:1px; height:80px; background:#fff; position:absolute; bottom:105%; left:50%;} .pro_center .point5 .tip{bottom:100px; } .pro_center .point .line{opacity:0; visibility:hidden; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease;} .pro_center .point .tip{opacity:0; visibility:hidden; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease;} .pro_center .point .line.show{opacity:1; visibility:visible;} .pro_center .point .tip.show{opacity:1; visibility:visible;} .pro_center .point:hover{z-index:2;} .pro_center .point:hover .line,.pro_center .point:hover .tip{opacity:0;} .pro_center .mobile_car{display:none;} /*widgets_video_banner_2*/ .widgets_video_banner_2{height:700px;} .widgets_video_banner_2 .ibanner{display:none;} .widgets_video_banner_2 .item{position:relative;height:700px;overflow:hidden;} .widgets_video_banner_2 .item a{position:absolute; width:1920px; left:50%;margin-left:-960px; top:0;display:block;} .widgets_video_banner_2 .item.video_item a{position: static;width:100%;margin:0;} .widgets_video_banner_2 .text_box{position:absolute; left:50%; margin-left: -300px; top:160px;width:600px; height:360px; font-size:30px; color:#fff; background:url(../img/index_kuang.png) center center no-repeat; overflow: hidden; text-align:center;} .widgets_video_banner_2 .text_box .en_title{font-size: 30px; text-transform:uppercase; line-height: 1.5; margin-top: 50px; margin-bottom: 30px;} .widgets_video_banner_2 .text_box .cn_title{font-size: 50px; margin-bottom:5px} .widgets_video_banner_2 .text_box .info{font-size: 14px;} .widgets_video_banner_2 .owl-dots{position:absolute; left:0; width:100%; bottom:40px; text-align:center;} .widgets_video_banner_2 .owl-dots .owl-dot{display:inline-block; *display:inline; *zoom:1; margin:0 10px; font-size:0; height:25px; vertical-align:middle; width:25px; border:none; padding:0; position:relative;} .widgets_video_banner_2 .owl-dots .owl-dot:after{content:''; width:100%; height:2px; position:absolute; background:#fff; left:0; top:11px;} .widgets_video_banner_2 .owl-dots .owl-dot.active{ padding:0 10px; line-height:25px; height:25px; color:#fff; border:1px solid #fff; font-size:14px; background:none;} .widgets_video_banner_2 .owl-dots .owl-dot.active:after{display:none;} .widgets_video_banner_2 .item .video{min-width:100%; min-height: 100%;} .widgets_video_banner_2 .item .video_cover{position:absolute;top:0; left:0; bottom:0; right:0; background:url( ../img/video_cover.png) center center no-repeat;} @media only screen and (max-width: 760px){ .widgets_video_banner_2 .item .video{display:none;} .widgets_video_banner_2{height:auto;} .widgets_video_banner_2 .item{height:auto;} .widgets_video_banner_2 .item a{position:static;margin:0;width:100%;} .widgets_video_banner_2 .text_box{display:none;} .widgets_video_banner_2 .owl-dots{bottom:4%;} } /*widgets_video_banner_2 end*/ /*index*/ .owl-carousel{display:none;} .owl-carousel.owl-loaded{display:block;} .index .pt1{padding:60px 0 120px; background:url(../img/i_pt1_bg.png) center top no-repeat; overflow:hidden;} .index .pt1 .tit{font-weight:bold; padding-left:60px;} .index .pt1 .info{font-size:16px; color:#7a7a7a; margin-bottom:50px; padding-left:60px;} .index .pt1 .tabt_pd{padding-right:140px; position:relative; margin-bottom:70px;} .index .pt1 .tabt_con .bor{overflow:hidden; position:relative; text-align:center; cursor:pointer;} .index .pt1 .tabt_con .bor:after{content:''; position:absolute; left:1px; top:0; width:2px; height:40px; background:#ededed;} .index .pt1 .tabt_con .tab_t1 .bor:after{display:none;} .index .pt1 .tabt_con .bor .img_box{display:inline-block; *display:inline; *zoom:1; width:50px; height:45px; vertical-align:middle; margin-bottom:20px; background:url(../img/i_pt1_icons.png) 0 0 no-repeat;} .index .pt1 .tabt_con .bor .tab_name{font-size:17px; color:#000;padding: 0 5px;} .index .pt1 .tabt_con .owl-item.cur .bor .tab_name{color:#228bcb;} .index .pt1 .tabt_con .tab_t1 .bor .img_box{background-position:0 0;} .index .pt1 .tabt_con .owl-item.cur .tab_t1 .bor .img_box{background-position:0 -45px;} .index .pt1 .tabt_con .tab_t2 .bor .img_box{background-position:-50px 0;} .index .pt1 .tabt_con .owl-item.cur .tab_t2 .bor .img_box{background-position:-50px -45px;} .index .pt1 .tabt_con .tab_t3 .bor .img_box{background-position:-100px 0;} .index .pt1 .tabt_con .owl-item.cur .tab_t3 .bor .img_box{background-position:-100px -45px;} .index .pt1 .tabt_con .tab_t4 .bor .img_box{background-position:-150px 0;} .index .pt1 .tabt_con .owl-item.cur .tab_t4 .bor .img_box{background-position:-150px -45px;} .index .pt1 .tabt_con .tab_t5 .bor .img_box{background-position:-200px 0;} .index .pt1 .tabt_con .owl-item.cur .tab_t5 .bor .img_box{background-position:-200px -45px;} .index .pt1 .tabt_con .tab_t6 .bor .img_box{background-position:-250px 0;} .index .pt1 .tabt_con .owl-item.cur .tab_t6 .bor .img_box{background-position:-250px -45px;} .index .pt1 .tabt_con .tab_t7 .bor .img_box{background-position:-300px 0;} .index .pt1 .tabt_con .owl-item.cur .tab_t7 .bor .img_box{background-position:-300px -45px;} .index .pt1 .tabt_con .tab_t8 .bor .img_box{background-position:-350px 0;} .index .pt1 .tabt_con .owl-item.cur .tab_t8 .bor .img_box{background-position:-350px -45px;} .index .pt1 .tabt_con .tab_t9 .bor .img_box{background-position:-400px 0;} .index .pt1 .tabt_con .owl-item.cur .tab_t9 .bor .img_box{background-position:-400px -45px;} .index .pt1 .tabt_pd .next_arr{cursor:pointer; width:130px; height:20px; position:absolute; right:0; top:10px; background:url(../img/i_pt1_arr.png) 0 0 no-repeat;} .index .pt1 .tabt_pd .next_arr .blue_arr{width:0; height:100%; background:url(../img/i_pt1_arr.png) 0 -20px no-repeat; animation: shrink 2s ease infinite alternate;} @keyframes shrink{ 0%{ width:0; opacity:0; } 100%{ width:100%; opacity:1; } }; @-webkit-keyframes shrink{ 0%{ width:0; opacity:0; } 100%{ width:100%; opacity:1; } } .index .pt1 .con{position:relative;} .index .pt1 .con .slide_box{width:1600px;} .index .pt1 .con .slide_box .shadows{box-shadow:0 0 3px 3px rgba(0,0,0,.1);} .index .pt1 .con .slide_box a{display:block; padding:5px;} .index .pt1 .con .slide_box .r_box{overflow:hidden;} .index .pt1 .con .slide_box .r_box .rect-75{padding-bottom:60.49%;} .index .pt1 .con .slide_box .r_box .rect-75:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/black.2.png); opacity:0; transition:all 0.5s ease; visibility:visible;} .index .pt1 .con .slide_box a:hover .rect-75:after{opacity:1; visibility:visible;} .index .pt1 .con .slide_box a:hover .rect-75 image{z-index:1;} .index .pt1 .con .slide_box .r_box .mask{z-index:2;position:absolute; left:0; width:100%; top:40%; font-size:18px; color:#fff; text-align:center; line-height:45px; opacity:0; visibility:hidden; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .index .pt1 .con .slide_box .r_box .mask:after{content:''; position:absolute; left:50%; bottom:0; width:120px; height:1px; background:#fff; margin-left:-60px;} .index .pt1 .con .slide_box .r_box .mask i{margin-left:8px;} .index .pt1 .con .slide_box a:hover .mask{opacity:1; visibility:visible;} .index .pt1 .con .slide_box .l_box{padding:30px 25px 0; background:#fff; text-align:center;} .index .pt1 .con .slide_box .l_box .num{font-size:17px; color:#000; margin-bottom:10px;} .index .pt1 .con .slide_box .l_box .name{height:150px;font-size:16px; color:#6b6b6b; writing-mode: vertical-lr; writing-mode: tb-rl; letter-spacing: 5px; text-align:justify;} .index .pt1 .con .prev_arr{cursor:pointer; width:70px; height:20px; position:absolute; left:-70px; top:40%; background:url(../img/i_pt1_prev.png) 0 0 no-repeat;} .index .pt1 .con .prev_arr .blue_arr{width:0; height:100%; background:url(../img/i_pt1_prev.png) right -20px no-repeat; animation: shrink 2s ease infinite alternate; position:absolute; right:0; top:0;} .index .pt2{padding:130px 0 120px; background:url(../img/i_pt2_bg.jpg) center center no-repeat; background-attachment:fixed;} .index .pt2 .wrap{position:relative;} .index .pt2 .text{width:380px; position:absolute; right:50px; top:0; text-align:right; color:#fff;} .index .pt2 .text .tit{font-size:34px; margin-bottom:30px; font-weight:bold;} .index .pt2 .text .info{font-size:17px;} .index .pt2 .square_list{width:70%;} .index .pt2 .square_list li{height:246px; margin-bottom:20px;} .index .pt2 .square_list .li1,.index .pt2 .square_list .li4{background:#fff;} .index .pt2 .square_list .type1 .pd{padding:60px 30px 0; text-align:center;} .index .pt2 .square_list .type1 .pd .t{font-size:62px; color:#094ba1; line-height:1; margin-bottom:20px; font-family:impact;} .index .pt2 .square_list .type1 .pd .d{font-size:18px; color:#4a4a4a;} .index .pt2 .square_list .li2 .pd{border:1px solid #fff; height:184px; color:#fff;} .index .pt2 .square_list .type2 .pd{padding:60px 30px 0; text-align:center;} .index .pt2 .square_list .type2 .pd .img_box{width:70px; margin:0 auto 15px;} .index .pt2 .square_list .type2 .pd .img_box img{width:100%;} .index .pt2 .square_list .type2 .pd .t{font-size:21px; line-height:1; margin-bottom:12px;} .index .pt2 .square_list .li4{color:#4a4a4a;} .index .pt2 .square_list .li5{background:#0e2d52; color:#fff;} .index .pt2 .square_list .type3 .pd{padding:60px 30px 0;} .index .pt2 .square_list .type3 .t{font-size:21px; margin-bottom:12px; line-height:1;} .index .pt2 .square_list .type3 .d{font-size:13px; margin-bottom:10px;} .index .pt2 .square_list .type3 .img_box{text-align:right;} .index .pt2 .square_list .li6{background:#fff;} .index .pt3{padding:80px 0 120px;} .index .pt3 .tit{font-weight:bold; } .index .pt3 .info{font-size:16px; color:#7a7a7a; margin-bottom:50px; } /*新闻类 widgets_news_listimg_5*/ .widgets_news_listimg_5 .pt_bd .left_con{ width: 44%; } .widgets_news_listimg_5 .pt_bd .left_con a{ display: block; } .widgets_news_listimg_5 .pt_bd .left_con .img_box{ position: relative; } .widgets_news_listimg_5 .pt_bd .left_con .img_box .cont_box{ position: absolute; right: 0; bottom: 0; background: #153256; background: rgba(21,50,86,0.9); width: 290px; height: 130px; padding: 5% 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; } .widgets_news_listimg_5 .pt_bd .left_con .img_box .cont_box .time{ font-family: "Arial"; } .widgets_news_listimg_5 .pt_bd .left_con .img_box .cont_box .dec{ font-size: 14px; } .widgets_news_listimg_5 .pt_bd .right_con{ width: 51%; } .widgets_news_listimg_5 .pt_bd .right_con .first{border-bottom:1px #dcdcdc dashed;} .widgets_news_listimg_5 .pt_bd .right_con .first a{ display: block; } .widgets_news_listimg_5 .pt_bd .right_con .first .n_tit{height:40px;line-height: 40px;} .widgets_news_listimg_5 .pt_bd .right_con .first .n_tit ._date{font-size:24px;float:left;margin-right: 15px;} .widgets_news_listimg_5 .pt_bd .right_con .first .n_tit ._title{float:left;font-size: 18px; width: 80%;} .widgets_news_listimg_5 .pt_bd .right_con .first .p{padding-left:75px;margin:3% 0 5%;} .widgets_news_listimg_5 .pt_bd .right_con .first .p .i{display: block;height: 53px;line-height: 53px;width: 53px;position:absolute;left:0;top:50%;margin-top:-26.5px;background-color: #e1e1e1;color: #fff;border-radius: 50%;overflow: hidden;text-align: center;} .widgets_news_listimg_5 .pt_bd .right_con .first .p .i i{margin:0;font-size: 24px;vertical-align: top;} .widgets_news_listimg_5 .pt_bd .right_con li{margin-bottom:4.5%;overflow: hidden;} .widgets_news_listimg_5 .pt_bd .right_con li .img{width: 22.5%;margin-right: 2%;} .widgets_news_listimg_5 .pt_bd .right_con li .word{width:60%;} .widgets_news_listimg_5 .pt_bd .right_con li .title{font-size:18px;font-weight: normal;color: #343434;margin-bottom: 8px;} .widgets_news_listimg_5 .pt_bd .right_con li ._data{font-family: Arial;} .widgets_news_listimg_5 .pt_bd .right_con li ._data .day{font-size:29px;color:#000;display: inline-block;margin-top: 6px; vertical-align: top} .widgets_news_listimg_5 .pt_bd .right_con li ._data .month{font-size:22px;color:#d1d1d1;display: inline-block; margin-top: 27px;vertical-align: bottom;} .widgets_news_listimg_5 .pt_bd .right_con ul{padding-bottom: 6px;} ._more{font-size:14px;display:block;} .widgets_news_listimg_5 .pt_bd .right_con ._more{margin-top:10px;} .widgets_news_listimg_5 .pt_bd .right_con li:hover .title,.widgets_news_listimg_5 .pt_bd .right_con li:hover ._title{ color: #228bcc } @media only screen and (max-width: 1240px){ .widgets_news_listimg_5 .pt_bd .right_con li{ margin-bottom: 3.5%; } .widgets_news_listimg_5 .pt_bd .right_con .first .p{ margin: 3% 0; } .widgets_news_listimg_5 .pt_bd .right_con li .word .p{ font-size: 13px; } } @media only screen and (max-width: 992px){ .widgets_news_listimg_5 .pt_bd .left_con,.widgets_news_listimg_5 .pt_bd .right_con{ float: none; width: 100%; margin-bottom: 3%; } } @media only screen and (max-width: 760px){ .widgets_news_listimg_5 .pt_hd .n_tit{ font-size: 24px; } .widgets_news_listimg_5 .pt_hd .dec{ font-size: 14px; } .widgets_news_listimg_5 .pt_bd .right_con li{ margin-bottom:20px; } .widgets_news_listimg_5 .pt_bd .right_con li .img{ float: none; width: 100%; } .widgets_news_listimg_5 .pt_bd .right_con li .word{ width: 80%; } .widgets_news_listimg_5 .pt_bd .right_con .first .n_tit ._title{ width: 70%; } } /*widgets_home_network_8*/ .widgets_home_network_8{ background: #2d4465; padding: 2% 0; } .widgets_home_network_8 .map{ position: relative; } .widgets_home_network_8 .points{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .widgets_home_network_8 .point{ position: absolute; } .widgets_home_network_8 .point .dian{ cursor: pointer; color:#fff;} .widgets_home_network_8 .point .dian i{ display: inline-block; width: 5px; height: 5px; border: 3px solid #fff; border-radius: 50%; margin-right: 5px; } .widgets_home_network_8 .point .con{ position: absolute; width: 450px; height: auto; background: #228bcb; top: 100%; right: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 30px; display: none; z-index:2; color:#fff;} .widgets_home_network_8 .point .con .close{ position: absolute; top: 0; right: 0; width: 50px; height: 50px; text-align: center; background: #0b487e; line-height: 50px; color: #fff; cursor: pointer; } .widgets_home_network_8 .point .con .close:before,.widgets_home_network_8 .point .con .close:after{ content: ""; position: absolute; left: 50%; width: 60%; height: 1px; background: #fff; display: block; margin-left: -30%; transition: all .3s ease; } .widgets_home_network_8 .point .con .close:before{ bottom: 50%; transform: rotate(-45deg); } .widgets_home_network_8 .point .con .close:after{ top: 50%; transform: rotate(45deg); } .widgets_home_network_8 .point .con .close i{ opacity: 0;} .widgets_home_network_8 .point .con .close:hover:before{ bottom: 20%; transform: rotate(0deg); } .widgets_home_network_8 .point .con .close:hover:after{ top: 20%; transform: rotate(0deg); } .widgets_home_network_8 .point .con .close:hover i{ opacity: 1; } .widgets_home_network_8 .point .con dl dt{ font-size: 25px; color: #fff; font-weight: bold; } .widgets_home_network_8 .point.cur .dian{ color: #2688c5; } .widgets_home_network_8 .point:hover .dian{ color: #2688c5; } .widgets_home_network_8 .point.cur .dian i{ color: #2688c5; border: 3px solid #2688c5; background: #2688c5; } .widgets_home_network_8 .point:hover .dian i{ color: #2688c5; border: 3px solid #2688c5; background: #2688c5; } .widgets_home_network_8 .point.cur .con{ display: block; } .widgets_home_network_8 .num-area{ position: absolute; bottom: 3%; left: 5%; font-size:21px; color:#fff;} /*.widgets_home_network_8 .num-area i{ display: inline-block; width: 28px; height: 70px; background: url(http://zjk.jerei.com/uploadfiles/home_network_8_num.png) no-repeat 0 0; vertical-align:-10px}*/ .widgets_home_network_8 .num-area i{font-size:60px; font-family:Impact; color:#fff; vertical-align:-5px;} .widgets_home_network_8 .smalImg{ display: none; } @media only screen and (max-width: 760px){ .widgets_home_network_8 .smalImg{ display: block; } .widgets_home_network_8 .bigImg{ display: none; } .widgets_home_network_8 .points{ display: none; } .widgets_home_network_8 .num-area{ display: none; } } /********************************ljx*********************************/ /*新闻列表*/ .news_list01 .list_hd{background-color:#f0f0f0;padding:50px 60px 40px;margin-bottom:26px;} .news_list01 .hd_tit{font-size:20px;color:#1e1e1e;font-weight:normal;height:30px;line-height:30px; margin-right:2%; text-transform:uppercase;} .news_list01 .inp_box_wrap { width:20%;margin-right:2%; } .news_list01 .inp_box{display:block;width:100%;height:32px;line-height:32px;border:1px solid #e0e0e0;padding:0;margin:0;box-sizing:content-box;font-size:13px;color:#999;padding:0;text-indent:10px;} .news_list01 .hd_btn{width:18%;border:none;text-align:center;background-color:#228bcb;font-size:15px;color:#fff;height:32px;line-height:32px;outline:none;cursor:pointer;} .news_list01 .list_box{padding:46px 60px 40px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .news_list01 .list_main{overflow:hidden; width:88%;} .news_list01 .bd_r{width:20%; margin-left:3%;} .news_list01 .bd_r .rect-5625{padding-bottom: 75%;} .news_list01 .list_title{font-size:24px;color:#424242;font-weight:normal; display:block;} .news_list01 .list_tool{font-size:12px;color:#c9c9c9;padding:10px 0px;} .news_list01 .list_tool span{display:inline-block; vertical-align:middle;} .news_list01 .list_tool .share_btn{cursor:pointer; margin:0 20px;} .news_list01 .list_p{font-size:16px; color:#424242;line-height:32px; height:32px; overflow:hidden} .news_list01 .list_box:after{content: "";width:88%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;} .news_list01 li:hover .list_box{background-color:#f8f8f8;} .news_list01 li:hover .list_box:after{background-color:#f8f8f8;} .news_list01 li:hover .list_title a{color:#008756;} .news_list01 .list_time{font-size:14px;color:#228bcb;padding:0 2% 2% 0;border-right:1px solid #e6e6e6; width:60px;} .news_list01 .list_time_day{display:block;font-size:50px;color:#228bcb;line-height:50px;font-family:helvetica;} .news_list01 .select-ui-choose ._arrow{width:16%;right:0;background:#e3e3e3;} .news_list01 .select-ui-choose ._arrow .arr{left:50%;margin:0 0 0 -0.4em;border-color: #969696 transparent transparent;} body .select-ui-options li:hover, body .select-ui-options li.hover{background:#228bcc;} body .select-ui-options-bottom, .news_list01 .select-ui-choose-bottom.on, .news_list01 .select_box{border-radius:0px;} .news_list01 .share_btn a{padding:0;margin:0;background:none;height:20px;line-height:20px;} .news_list01 .list_bd .noimg .bd_c{width:84%;} .news_list01 .more_btn{margin-top:40px;} /*新闻详细*/ .news_detail01 .iconfont {color:#676767;} .news_detail01 .n_left {width:66%; float:left;} .news_detail01 ._head ._title {font-size:26px; font-weight:bold; color:#000; margin-bottom:10px;} .news_detail01 ._tools {font-size:0; color:#7e7e7e; margin-bottom:15px;} .news_detail01 ._tools ._tool{font-size:12px; margin-right:10px; height:30px; line-height:30px; overflow:hidden; vertical-align: middle;} .news_detail01 ._tools .iconfont {font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;} .news_detail01 ._tools b {font-weight:normal;} .news_detail01 ._tools #switcher {margin-left:10px;} .news_detail01 ._tools #switcher ._title{margin-right:5px;font-size:12px;color:#7e7e7e;} .news_detail01 ._tools #switcher .iconfont {font-size:15px;} .news_detail01 ._tools .bds_more {float:none; background:none; padding:0;} .news_detail01 .myart {line-height:2; min-height:200px; font-size:13px; color:#555555;} .news_detail01 .n_right {width:30%; float:right; padding-top:90px;} .news_detail01 .n_right ._tools {text-align:right;} .news_detail01 ._tools ._back {font-size:18px; font-weight:normal; font-weight:bold; color:#676767; height:26px; line-height:26px; border-right:#cccccc 1px solid; padding-right:40px; vertical-align:middle;} .news_detail01 ._tools ._back .iconfont {font-weight:normal; vertical-align:0;} .news_detail01 ._tools .share_btn, .news_detail01 ._tools .print {width:36px; height:36px; line-height:36px; text-align:center; background-color:#80939e; border-radius:50%; cursor:pointer; overflow:hidden; margin-right:0; margin-left:15px; vertical-align:middle; display: inline-block;} .news_detail01 ._tools .share_btn:hover, .news_detail01 ._tools .print:hover{background-color:#228bcb;} .news_detail01 ._tools .share_btn .iconfont, .news_detail01 ._tools .print .iconfont {font-size:18px; color:#ffffff;} .news_detail01 ._tools .share_btn:hover .iconfont, .news_detail01 ._tools .print:hover .iconfont {color:#ffffff;} .news_detail01 ._tools .share_btn .iconfont {font-size:20px;} .news_detail01 ._detailPage_bottom li strong, .news_detail01 ._detailPage_bottom li span, .news_detail01 ._detailPage_bottom li a{display:block;} .news_detail01 ._detailPage_bottom{margin-top:45px; border:#f3f3f3 10px solid;} .news_detail01 ._detailPage_bottom ul{padding:10px 7%;} .news_detail01 ._detailPage_bottom li ._mark{padding-bottom:8px; font-size:19px; font-weight:bold; color:#000000;} .news_detail01 ._detailPage_bottom ._date{height:30px; line-height:30px; margin-bottom:7px; font-family:Arial; font-size:13px; color:#676767;} .news_detail01 ._detailPage_bottom ._date .iconfont {font-size:20px; height:30px; vertical-align:-2px; margin-left:0;} .news_detail01 ._detailPage_bottom li ._title:hover {color:#5c5c5c;} .news_detail01 ._detailPage_bottom li ._title {font-size:16px; font-weight:bold; color:#5c5c5c;} .news_detail01 ._detailPage_bottom li {padding: 27px 0;} .news_detail01 ._detailPage_bottom li._prev{border-bottom:1px #ececec solid;} /*人才招聘*/ .job_center{padding:0;} .job_center01{width:100%; background:url(http://zjk.jerei.com/uploadfiles/widget-personalzh-1_img1.jpg) no-repeat center; padding:50px 0px; background-size:cover;} .job_center01 .join_hd .hd_tit, .job_center01 .join_hd .hd_con{color:#fff; text-align:center;} .job_center01 .join_hd .hd_tit{font-size:42px; font-weight:normal; margin-bottom:9px;} .job_center01 .join_hd .hd_con{font-size:16px; line-height:30px;margin-bottom:20px; padding:0 12%} .job_center01 .join_bd{height:540px; overflow:hidden;} .job_center01 .join_bd .left_box{display:block; height:100%; background:url(http://zjk.jerei.com/uploadfiles/widget-personalzh-1_img2.png) no-repeat top center; background-size:cover} .job_center01 .join_bd .left_box .infor{padding:8% 10%; color:#fff;} .job_center01 .join_bd .left_box .infor .tit{font-size:22px; font-weight:normal; margin-bottom:28px;} .job_center01 .join_bd .left_box .infor .join_more{display:block; width:127px; height:38px; border:1px solid #fff; line-height:35px; font-size:14px; text-align:center; margin:63% 0 0% 0%; color:#fff;} .job_center01 .join_bd .left_box .infor .join_more:hover{background:#fff; color:#228bcc} .job_center01 .join_bd .right, .job_center01 .join_bd .left{height:100%;} .job_center01 .join_bd .right .box_top{width:84%; height:207px; margin-bottom:4%; background:#fff; padding:4% 8% 8%;} .job_center01 .join_bd .right .box_bott{width:100%; height:200px;} .job_center01 .join_bd .right .box_top .select-ui-choose-default ._txt{padding-left:0;} .job_center01 .join_bd .right .box_top .select-ui-choose ._arrow{right:23px;} .job_center01 .join_bd .right .box_top .select-ui-choose-default ._arrow .arr {border:.5em solid; border-color: #bebebe transparent transparent;} .job_center01 .join_bd .right .box_top .tit{font-size:22px; color:#1f1f1f; font-weight:normal; margin-bottom:3%;} .job_center01 .join_bd .right .box_top .rec-L-sel{width:47%; height:47px; margin-bottom:5%; color:#b5b5b5;border:1px solid #b5b5b5; line-height:47px; border-radius:0; font-size:15px; text-indent:15px;} .job_center01 .join_bd .right .box_top .select1{margin-right:3%;} .job_center01 .join_bd .right .box_top .search-div{width:98%; height:45px; border:1px solid #AAA; margin-bottom:3%;} .job_center01 .join_bd .right .box_top .select-input{ width:91.9%; border:none; height:auto; line-height:43px; text-indent:15px; font-size:15px;} .job_center01 .join_bd .right .box_top .ser-btn { display:block; width:8%; height:45px; border:none; top:0px; right:0px; outline:none; background-color:#228bcc; color:#fff; cursor:pointer} .job_center01 .join_bd .right .box_top .ser-btn i{font-size:20px;} .job_center01 .join_bd .right .box_bott .ico_t{width:118px;height:100px; display:block; margin:0 auto;} .job_center01 .join_bd .right .box_bott .txt{display:block; font-size:22px; color:#1e1e1e; margin-top:20px;} .job_center01 .join_bd .right .box_bott li:hover{background-color:#f1f5fa;} .job_center01 .join_bd .box_bott li{height:inherit;text-align:center;background:#fff;} .job_center01 .join_bd .jous-bom-a{display:block;padding:38px 0px 18px;} /*招聘列表*/ .job_list01 .widget-job-tit{ background:#2186c3; color:#fff; overflow:hidden; height:56px; line-height:56px;} .job_list01 .infor{ text-align:center; } .job_list01 .infor .t{font-size:35px; color:#343434; margin-bottom:18px;} .job_list01 .infor .c{font-size:15px; color:#3d3d3d; margin-bottom:48px;} .job_list01 ._jt {height:56px; line-height:56px; overflow:hidden; *zoom:1;cursor:pointer;border-bottom:1px dashed #dedede;} .job_list01 ._ut{float:left; text-align:center; height:56px;} .job_list01 ._t1 {width:28%;} .job_list01 ._t2 {width:20%;} .job_list01 ._t3 {width:14%;} .job_list01 ._t4 {width:14%;} .job_list01 ._t5 {width:10%;} .job_list01 ._t6 {width:14%;} .job_list01 ._jc {display:none;} .job_list01 ._jcon {padding:40px; background:#f3f3f3; padding-left:96px;} .job_list01 .widget-job-btn{cursor:pointer; background:#2186c3;color:#fff; width:160px; height:40px; line-height:40px; margin-top:40px; display:block;text-align:center;font-size:15px;} .job_list01 .tit{font-size:16px; color:#5a5a5a; margin-bottom:20px;} .job_list01 .info{font-size:13px; color:#5a5a5a; line-height:24px; margin-bottom:40px;} .job_list01 .more_btn{margin-top:40px;} /*工厂设备*/ .banner_zh{height:539px; position:relative; overflow:hidden;} .banner_zh img{max-width: none; width:1920px; position:absolute; left:50%; margin-left:-960px; top:0; z-index:1;} .banner_zh .banner_infor{position:relative; width:100%; top:32%; left:0; text-align:center; font-size:45px; color:#fff; z-index:2; margin:0 auto} .banner_zh .banner_infor .banner_tit{font-size:40px; margin:0 13% 18px;line-height: 45px;} .banner_zh .banner_infor .banner_con{font-size:14px; line-height:26px; padding:0 1%; margin:0 13%;} .transition1{-webkit-transition: all 1s ease;transition: all 1s ease;} .transition08{-webkit-transition: all 0.8s ease;transition: all 0.8s ease;} .delay02{transition-delay: 0.2s;-moz-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;} .delay03{transition-delay: 0.3s;-moz-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;-o-;transition-delay: 0.3s;} .equipment{padding-top:0;} .equipment .rect-74 {padding-bottom:74%;} .equipment .rect-153{padding-bottom: 152.7%;} .equipment .rect-124{padding-bottom: 124%;} .equipment .rect-618{padding-bottom: 61.8%;} .equipment01{background:#f7f7f7; padding:80px 0 72px;} .equipment01 .infor{text-align:center;} .equipment01 .infor .tit{font-size:36px; color:#212121; line-height:1; margin-bottom:30px;} .equipment01 .content{position:relative;} .equipment01 .content .bd_l{width:27.5%} .equipment01 .content .bd_l .list_box:first-child{margin-bottom:4.8%;} .equipment01 .content .bd_c{width:42%;margin-left: 1.5%} .equipment01 .content .bd_r{width:33.333%} .equipment01 .content .list_box{position:relative;} .equipment01 .content .list_title{position:absolute; width:100%; bottom:0; left:0; padding:30px 0px;font-size:18px; color:#fff; font-weight:normal; opacity:1;visibility:visible; z-index:1; text-align:center;} .equipment01 .content .list_cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/black_70.png) repeat;opacity:0;visibility:hidden;color:#fff;} .equipment01 .content .cover_box{padding:10%;} .equipment01 .content .cover_title{font-size:32px;transform:translateY(16px);-webkit-transform:translateY(16px);opacity:0;visibility:hidden;} .equipment01 .content .list_cover .list_p{font-size:16px;transform:translateY(16px);-webkit-transform:translateY(16px);opacity:0;} /*.equipment01 .content .list_box:hover .list_title{opacity:0;visibility:hidden;}*/ .equipment01 .content .list_box:hover .list_cover{opacity:1;visibility:visible;} .equipment01 .content .list_box:hover .cover_title{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);visibility:visible;} .equipment01 .content .list_box:hover .list_p{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);} .equipment01 .content .bd_l .cover_title{font-size:20px;} .equipment01 .eq01_btn>div{width: 31px; height: 57px;background: url(../img/equipment_05.png) no-repeat; position: absolute;top: 50%;margin-top: -28px;z-index: 2;font-size: 0;cursor: pointer;} .equipment01 .eq01_btn .owl-prev {left: -80px;background-position: 0 0;} .equipment01 .eq01_btn .owl-next {right: -80px;background-position: -31px 0;} .equipment02 .infor{text-align:center; padding:70px 0 30px;} .equipment02 .infor .tit{font-size:36px; color:#212121; line-height:1;} .equipment02 .content{position:relative; padding-bottom:80px;} .equipment02 .content .list_box{position:relative;overflow:hidden;cursor:pointer;background:#000;} .equipment02 .content .list_title{position: absolute;font-size:20px;height:68px;line-height:68px;text-align:center;background:url(../img/black_50.png) repeat;bottom:0;left:0;width:94%;padding:0 3%;color:#fff;font-weight:normal;} .equipment02 .content .owl-carousel{margin-bottom:30px;} .equipment02 .content .eq2_btn>div{width:128px; height:62px; position:absolute; /*top:50%; margin-top:-46px;*/ z-index:2; font-size:0; cursor:pointer;} .equipment02 .content .eq2_btn .owl-prev {background:url(../img/equipment_l.jpg); left:0;} .equipment02 .content .eq2_btn .owl-next {background:url(../img/equipment_r.jpg); right:0;} /*产品详细*/ .proDtail_banner{height:50px; position:relative; overflow:hidden;} .proDtail_banner .sec_nav{position:absolute; bottom:0; left:0; width:100%; background:url(../img/blue90.png); height:50px; line-height:50px; text-align:center; z-index:2;} .proDtail_banner .sec_nav li{font-size:13px; color:#fff; display:inline-block; *display:inline; *zoom:1; margin:0 5px;} .proDtail_banner .sec_nav li a:hover{color:#2186c3; text-decoration:underline;} .proDtail_banner .sec_nav li.cur a{color:#2186c3; text-decoration:underline;} .proDtail_banner .sec_nav{position:fixed; top:95px; width:100%; left:0;} .proDtail_banner .sec_nav .wrap{width:1300px;} .proDtail_banner .sec_nav .home_icon,.proDtail_banner .sec_nav .index_cat{display:none;} .pro_detail.channel_content{padding:0;} .pro_detail .rect-5625{padding-bottom:56.39%;} .pro_detail .rect-1033{padding-bottom:103.3%;} .pro_detail01{background:url(../img/pro_detail01.jpg) no-repeat center; padding:94px 0 80px; background-size:cover;} .pro_detail01 .infor{color:#fff; text-align:center;} .pro_detail01 .infor .tit{font-size:40px; line-height:1; margin-bottom:18px;} .pro_detail01 .infor .con{font-size:14px; line-height:30px; color:rgba(255,255,255,0.65);} .pro_detail01 .content{background:#fff; margin-top:64px;} .pro_detail01 .content .box{padding:21px 37px 25px 16px;} .pro_detail01 .content .box .big_img{width:77%; float:left; overflow:hidden;} .pro_detail01 .content .box .big_img .item{display:none;} .pro_detail01 .content .box .big_img .item.slick-slide{display:block;} .pro_detail01 .content .box .big_img .txt{font-size:21px; color:#000; text-align:center; position:absolute; bottom:25px; left:0; width:100%;} .pro_detail01 .content .box .small_img{width:20%;} .pro_detail01 .content .box .small_img .arr_box i{display:block;background:#012b5d;color:#fff;width:50%;font-size:40px;line-height:60px;text-align:center;margin:0;cursor:pointer; margin-bottom:16px;} .pro_detail01 .content .box .small_img .item.slick-current{border-color:#012b5d;} .pro_detail01 .content .box .small_img .item{cursor:pointer;outline:none;} .pro_detail01 .content .box .slick-vertical .slick-slide{margin-bottom:15px; border-width:2px;} .pro_detail02 {margin-bottom:90px;} .pro_detail02 .infor .tit{font-size:32px; color:#000; line-height:1; padding:65px 0 50px; text-align:center;} .pro_detail02 .content li{width:32%; float:left; margin-left:2%;} .pro_detail02 .content li:first-child{margin-left:0;} .pro_detail02 .content li .intro{padding-left:30px;} .pro_detail02 .content li .intro .t{background:#012b5d; font-size:26px; line-height:1; color:#fff; padding:45px 0; text-align:center; width:47%; margin-top:-47px; position:relative; z-index:1;} .pro_detail02 .content li .intro .c{font-size:16px; color:#000; line-height:35px; position:relative; padding-left:21px; margin-top:17px;} .pro_detail02 .content li .intro .c:before{content:''; width:3px; height:3px; background:#0189b1; position:absolute; left:2px; top:15px;} /*公共部分*/ .common-part{padding:111px 0 135px; background:url(../img/pro_detail05.jpg) no-repeat center; background-size:cover;} .common-part .infor{text-align:center; padding:0 6%; color:#fff;} .common-part .infor .tit{font-size:32px; line-height:1; margin-bottom:22px;} .common-part .infor .con{font-size:16px; line-height:30px;} .common-part .content{width:65%; margin:70px auto 0;} .common-part .content li{position:relative;} .common-part .content li:before{content:''; width:1px; height:106px; background:#fff; background:rgba(255,255,255,0.25); position:absolute; left:0; top:0;} .common-part .content li:first-child:before{display:none;} .common-part .content .li_box{padding-right:20%; color:#fff; text-align:right;} .common-part .content .li_box .t{font-size:24px; line-height:30px;} .common-part .content .li_box span{display:inline-block;} .common-part .content .li_box .c .num{font-size:43px; font-family:Impact;} .common-part .content .li_box .c .txt{font-size:37px; font-weight:bold; vertical-align:4px;} .about .common-part .content{width:100%} @media only screen and (max-width:1240px){ .common-part .content .li_box{padding-right:12%;} } @media only screen and (max-width:992px){ .common-part .infor{padding:0 3%;} .common-part .content{width:90%;} .common-part .content li:before{display:none;} .common-part .content .li_box{text-align:center;} } @media only screen and (max-width:760px){ .common-part{padding:30px 0;} .common-part .infor .tit{font-size:23px;} .common-part .content{width:100%; margin:30px auto 0;} .common-part .content .li_box .t{font-size:17px;} .common-part .content .li_box .c .num{font-size:30px;} .common-part .content .li_box .c .txt{font-size:25px;} } /*翻入式动画*/ .rolling { -webkit-perspective:1300px; -o-perspective:1300px; -ms-perspective:1300px; perspective:1300px; -webkit-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; } .rolling .is_animated { -webkit-transition-duration:1.2s; -webkit-transition-property:-webkit-transform,opacity; -webkit-transition-delay:.15s; -webkit-transition-timing-function:'ease-in-out'; -moz-transition-duration:1.2s; -moz-transition-property:all; -moz-transition-delay:.15s; -moz-transition-timing-function:'ease-in-out'; -o-transition-duration:1.2s; -o-transition-property:transform,opacity; -o-transition-delay:.15s; -o-transition-timing-function:'ease-in-out'; -ms-transition-duration:1.2s; -ms-transition-property:transform,opacity; -ms-transition-delay:.15s; -ms-transition-timing-function:'ease-in-out'; transition-duration:1.2s; transition-property:transform,opacity; transition-delay:.15s; transition-timing-function:'ease-in-out'; -webkit-transform:rotatex(-80deg) translateZ(0); -ms-transform:rotatex(-80deg) translateZ(0); transform:rotatex(-80deg) translateZ(0); -webkit-transform-origin:0 0 0; -ms-transform-origin:0 0 0; transform-origin:0 0 0; opacity:0 } .rolling .is_animated.revealed { -webkit-transform:rotatex(0) translateZ(0); -ms-transform:rotatex(0) translateZ(0); transform:rotatex(0) translateZ(0); opacity:1 } .rolling .tansDelay00{transition-delay: 0s;-webkit-transition-delay: 0s;} .rolling .tansDelay200{transition-delay: .2s;-webkit-transition-delay: .2s;} .rolling .tansDelay400{transition-delay:.4s;-webkit-transition-delay: .4s;} .rolling .tansDelay600{transition-delay: .6s;-webkit-transition-delay: .6s;} .rolling .tansDelay800{transition-delay: .8s;-webkit-transition-delay: .8s;} .rolling .tansDelay1000{transition-delay: 1s;-webkit-transition-delay: 1s;} /*culture*/ .culture .title{text-align:center; color:#3c3c3c;} .culture .info{width:85%; margin:0 auto; font-size:16px; color:#3c3c3c; text-align:center; margin-bottom:30px;} .culture .list_box{border-top:2px solid #00013d; border-left:1px solid #ddd;} .culture .list_box .pd{padding:40px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .culture .list_box .pd .t{font-size:29px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#000; margin-bottom:10px; height:40px; line-height:40px;} .culture .list_box .pd .desc{font-size:18px; line-height:26px; height:78px; overflow:hidden; color:#585858; margin-bottom:20px;} .culture .list_box .pd .icon{width:70px; height:70px; float:right; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} .culture .list_box .li1 .icon{background:url(../img/culture_icon.png) 0 0 no-repeat;} .culture .list_box .li2 .icon{background:url(../img/culture_icon.png) -70px 0 no-repeat;} .culture .list_box .li3 .icon{background:url(../img/culture_icon.png) -140px 0 no-repeat;} .culture .list_box .li4 .icon{background:url(../img/culture_icon.png) -210px 0 no-repeat;} .culture .list_box .li5 .icon{background:url(../img/culture_icon.png) -280px 0 no-repeat;} .culture .list_box .nodata .pd{position:relative; overflow:hidden;} .culture .list_box .nodata .pd img{position:absolute; width:100%; height:auto; left:0; top:0;} .culture .list_box li:hover .t{color:#012b5d;} .culture .list_box li:hover .desc{color:#012b5d;} .culture .list_box li:hover .pd .icon{transform:rotateY(180deg); -webkit-transform:rotateY(180deg);} /*friends*/ .friends .title{text-align:center; color:#3c3c3c;} .friends .info{width:85%; margin:0 auto; font-size:16px; color:#3c3c3c; text-align:center; margin-bottom:30px;} .friends .f_list .t{position:relative; font-size:24px; color:#000; line-height:60px;} .friends .f_list .icon{width:22px; height:22px; background:url(../img/friend_icon.png) center center no-repeat; margin-right:15px;} .friends .f_list .t:after{content:''; position:absolute; width:85%; left:40%; top:30px; height:1px; background:#c7c7c7;} .rect-45{padding-bottom:45%;} .friends .f_list li{margin-bottom:20px;} .friends .f_list{margin-bottom:30px;} /*tec_service*/ .rect-130{padding-bottom:130%;} .tec_service {padding:0;} .tec_service .pt1{padding:30px 0 60px;} .tec_service .pt1 .title{color:#3c3c3c; line-height:1; margin-bottom:30px; text-align:center;} .tec_service .pt1 .info{width:90%; font-size:16px; color:#3c3c3c; line-height:30px; margin:0 auto 50px; text-align:center; } .tec_service .pt1 .lists .mask{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/blue2_90.png); z-index:1; opacity:0; visibility:hidden\9; -webkit-transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition: transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s;-webkit-transform: scaleY(0); transform-origin: left 100%;} .tec_service .pt1 .lists .text_box{position:absolute;left:0; top:0; width:100%; height:100%;overflow:hidden; z-index:2;} .tec_service .pt1 .lists .text_box .pd{padding:35px 30px 0;} .tec_service .pt1 .lists .text_box .pd .icon_box{margin:0 auto 20px; width:60px;} .tec_service .pt1 .lists .text_box .pd .tit_box{font-size:24px; color:#fff; font-weight:bold; position:relative; line-height:30px; margin-bottom:30px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .tec_service .pt1 .lists .text_box .pd .tit_box:after{content:''; position:absolute; width:50px; height:1px; background:#fff; left:0; bottom:0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .tec_service .pt1 .lists .text_box .pd .desc{font-size:13px; color:#fff; line-height:24px; opacity:0; visibility:hidden\9; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: 200px; position:relative; overflow:hidden; padding-right:12px;} .tec_service .pt1 .lists li:hover .icon_box{display:none;} .tec_service .pt1 .lists li:hover .text_box .pd .tit_box{text-align:center;} .tec_service .pt1 .lists li:hover .text_box .pd .tit_box:after{left:50%; margin-left:-25px;} .tec_service .pt1 .lists li:hover .mask{-webkit-transform: scaleY(1); opacity:1; visibility:visible\9; transform-origin: left 0;} .tec_service .pt1 .lists li:hover .text_box .pd .desc{opacity:1; visibility:visible\9; } .tec_service .pt2{display:none; padding:60px 0 150px; background:url(../img/tec_bg.jpg) center center no-repeat; background-size:cover;} .tec_service .pt2 .title{font-size:30px; font-weight:bold; color:#3c3c3c; line-height:1; margin-bottom:35px; text-align:center;} .tec_service .pt2 .info{width:90%; font-size:16px; color:#3c3c3c; line-height:30px; margin:0 auto 50px; text-align:center; } .tec_service .pt2 .lists .img_box{text-align:center; margin-bottom:20px;} .tec_service .pt2 .lists .num{font-size:24px; color:#000; text-align:center;} .tec_service .pt2 .lists .d{font-size:16px; text-align:center; color:#000;} .tec_service .pt1 .owl-prev{width:31px; height:57px; position:absolute; left:-80px; top:50%; margin-top:-25px; background:url(../img/equipment_05.png) 0 0 no-repeat; font-size:0;} .tec_service .pt1 .owl-next{width:31px; height:57px; position:absolute; right:-80px; top:50%; margin-top:-25px; background:url(../img/equipment_05.png) -31px 0 no-repeat; font-size:0;} /*contact_us*/ .contact_us .pt1{margin-bottom:40px;} .contact_us .pt1 .tit{font-size:30px; color:#1a1a1a; text-align:center; line-height:1; margin-bottom:20px;} .contact_us .pt1 .info{font-size:14px; color:#666; text-align:center; width:80%; margin:0 auto 35px;} .contact_us .pt1 .map_box{height:500px; overflow:hidden;} .contact_us .pt1 .map_box img{max-width:none;} .contact_us .pt2{padding:80px 0 60px; background:#f8f8f8; margin-bottom:50px;} .contact_us .pt2 .img{width:60px; height:50px; margin:0 auto 15px; background:url(../img/contact_icon.png) 0 0 no-repeat;} .contact_us .pt2 li:hover .t{color:#2375c1;} .contact_us .pt2 .t{text-align:center; font-size:16px; color:#333333; margin-bottom:20px;} .contact_us .pt2 .bjk{font-size:14px; color:#666666; line-height:24px;} .contact_us .pt2 .li1 .img{background-position:0 0;} .contact_us .pt2 .li1:hover .img{background-position:0 -50px;} .contact_us .pt2 .li2 .img{background-position:-60px 0;} .contact_us .pt2 .li2:hover .img{background-position:-60px -50px;} .contact_us .pt2 .li3 .img{background-position:-120px 0;} .contact_us .pt2 .li3:hover .img{background-position:-120px -50px;} .contact_us .pt2 .li4 .img{background-position:-180px 0;} .contact_us .pt2 .li4:hover .img{background-position:-180px -50px;} .contact_us .pt3 .tit{font-size:24px; color:#333; line-height:1; margin-bottom:20px;} .contact_us .pt3 li{margin-bottom:30px;} .contact_us .pt3 .pd{border-left:2px solid #2375c1; padding:5px 0 10px 10px; } .contact_us .pt3 .pd .t{font-size:16px; color:#2375c1; margin-bottom:10px;} .contact_us .pt3 .pd .bjk{line-height:24px; height:48px; overflow:hidden;} /*talent*/ .talent .pt1 .tit{font-size:16px; color:#2375c1;margin-bottom:15px; font-weight:bold;} .talent .pt1 .bjk{font-size:14px; color:#666666; margin-bottom:40px;} .talent .pt1 .line{height:10px; background:url(../img/talent_line.png);} .talent .pt2 .tip{padding-top:50px;} .talent .pt2 .tip .l_box{width:18%;} .talent .pt2 .tip .l_box img{transition:all 0.5s ease;} .talent .pt2 .tip .r_box{width:80%;} .talent .pt2 .tip .r_box .pd{padding:0 0 50px 0px; border-bottom:1px solid #dedddd;} .talent .pt2 .tip .r_box .t{font-size:24px; color:#2375c1; margin-bottom:15px;} .talent .pt2 .tip .r_box .info{font-size:16px; color:#1a1a1a; line-height:40px; position:relative; margin-bottom:25px;} .talent .pt2 .tip .r_box .info:after{content:''; width:35px; height:1px; background:#e70013; position:absolute; left:0; bottom:0;} .talent .pt2 .tip:hover .l_box img{-moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg); } /*welfare*/ .welfare .pt1 {margin-bottom:50px;} .welfare .pt1 .title{text-align:center; color:#3c3c3c; margin-bottom:30px;} .welfare .pt1 .bjq .pd{padding:50px 40px 40px; background:#f3f3f3;} .welfare .pt1 .bjq .pd .item{padding-left:40px; position:relative; margin-bottom:20px; font-size:16px;} .welfare .pt1 .bjq .pd .item .icon{width:10px; height:10px; transform:rotate(45deg);-webkit-transform:rotate(45deg); background:#2779ac; position:absolute; left:0; top:5px;} .welfare .pt2 .list_box .t{font-size:24px; color:#000; line-height:60px;} .welfare .pt2 .list_box .icon{width:22px; height:22px; background:url(../img/friend_icon.png) center center no-repeat; margin-right:15px;} .welfare .pt2 .list_box .t:after{content:''; position:absolute; width:85%; left:20%; top:30px; height:1px; background:#c7c7c7;} .welfare .pt2 .list_box .name{line-height:50px; color:#000; font-size:16px; text-align:center; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .welfare .pt2 .list_box {margin-bottom:30px;} /*首页头部下拉窗*/ .stage3d{position:fixed; left:0; width:100%; top:76px; -webkit-perspective: 200px; perspective: 200px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;z-index: -2; height: 0;} .stage3d.on{z-index:1;} .stage3d .tk_box{-webkit-transform-origin: top center; -webkit-transform: rotateX(-30deg); transform: rotateX(-30deg); opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; visibility:hidden; min-height:230px;} .stage3d.on .tk_box{visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1;} .stage3d.on .tk_box .pd{background:#ffffff; padding:50px 50px 30px; position: relative;} .stage3d.on .tk_box .pd .close{width:44px; height:33px; font-size:0; position:absolute; right:25px; top:25px; background:url(../img/close.png) center center no-repeat; cursor:pointer;} .stage3d .tk_box .pd .l_box{width:48%;} .stage3d .tk_box .pd .r_box{width:50%;} .stage3d .tk_box .pd .l_box .t1{font-size:35px; color:#127cb8; line-height:1; margin-bottom:10px;} .stage3d .tk_box .pd .l_box .t2{font-size:45px; color:#127cb8; border-bottom:1px solid #ddd; padding-bottom:10px;} .stage3d .tk_box .pd .l_box .text_box{padding:15px 0 30px;} .stage3d .tk_box .pd .l_box .text_box img{float:left; margin-right:50px;} .stage3d .tk_box .pd .l_box .text_box dt{font-size:19px; color:#000; margin-bottom:10px;} .stage3d .tk_box .pd .l_box .text_box dd{font-size:14px; color:#616161; line-height:33px;} .stage3d .tk_box .pd .l_box .btm_box .tip{ width:40px; font-size:14px; color:#000; margin-right:10px; } .stage3d .tk_box .pd .l_box .btm_box .tel{font-size:40px; color:#000; line-height:44px;} .stage3d .tk_box .pd .r_box .tit{font-size:22px; margin-bottom:10px;} .stage3d .tk_box .pd .r_box .ipt_box{padding:0 40px 0 15px; background:#f2f2f2; margin-bottom:15px; position:relative;} .stage3d .tk_box .pd .r_box .ipt_box .icon{position:absolute; width:25px; height:25px; right:10px; top:7px; background:url(../img/tk_icons.png) 0 0 no-repeat;} .stage3d .tk_box .pd .r_box .li2 .ipt_box .icon{background-position:-25px 0;} .stage3d .tk_box .pd .r_box .li3 .ipt_box .icon{background-position:-50px 0;} .stage3d .tk_box .pd .r_box .li4 .ipt_box .icon{background-position:-75px 0;} .stage3d .tk_box .pd .r_box .ipt_box input{width:100%;background:none; border:none; height:40px; line-height:40px; margin:0; padding:0; outline:none;} .stage3d .tk_box .pd .r_box .ipt_box textarea{width:100%;height:80px;background:none; border:none;margin:0; padding:0; outline:none; } .stage3d .tk_box .pd .r_box .span-12 .ipt_box{padding:20px;} .stage3d .tk_box .pd .r_box button{width:100%; height:40px; line-height:40px; text-align:center; background:#127cb8; border:none;outline:none; box-shadow:none; color:#fff; font-size:16px; cursor:pointer;} .stage3d .tk_box .pd .r_box .ipt_box em{position:absolute; right:37px; top:10px; color:red;} /*工厂设备修改*/ .equipment01 .content .bd_r{width:32.333%; margin-right:1%;} .equipment01 .content .list_cover{display:none;} .equipment01 .content .add{width:100%; height:527px ;background:url(../img/equipment01_bg.png) no-repeat center; position:absolute; left:0; bottom:0;} /*20190111*/ .nav .nav_li .nav_layer .l_navbox a{line-height:30px; padding:5px 10px;} .nav .nav_li .nav_layer .pd{padding:40px 20px;} .tec_service .pt1 .lists .text_box .scrollbar-ui .scroll_bar{border-left: 1px solid #85acd1; background: none;} .tec_service .pt1 .lists .text_box .scrollbar-ui .scroll_slider{background:#fff;left: -3px;} /*about2*/ .about2{background:#f4f4f4; padding-top:40px;} .about2 .con{padding:50px; background:#fff;} .about2 .con .bjq{margin-bottom:20px;} .about2 .con .img_box{position:relative; overflow:hidden;} .about2 .con .img_box img{position:absolute; left:0; top:0; width:100%; height:auto;} .about2 .con .img_box .text_box{padding:40px 30px; position:relative; z-index:1;} .about2 .con .img_box .text_box .pd{padding:25px 45px 45px 35px; background:url(../img/blue_80.png); width:250px;} .about2 .con .img_box .text_box .text{border-top:1px dashed #9db7d9; color:#fff; padding:20px;} .about2 .con .img_box .text_box .text:first-child{border:none;} .about2 .con .img_box .text_box .t{font-size:34px; font-weight:bold;} .about2 .con .img_box .text_box .d{font-size:16px;} /*tec_service2*/ .tec_service2{background:#f4f4f4;} .tec_service2 .pt1{padding-top:40px;} .tec_service2 .pt1 .title{font-size:50px; color:#012b5d; margin-bottom:30px; border-bottom:1px solid #e6e6e6; text-align:left; line-height:1.5;} .tec_service2 .pt1 .info{text-align:left; margin:0 0 50px 0; width:100%;} .tec_service2 .pt1 .title span{font-weight:bold;} .tec_service2 .con{padding:50px; background:#fff;} .tec_service2 .pt1 .lists{width:90%;} .tec_service2 .pt1 .lists .item{margin-bottom:20px;} .tec_service2 .rect-130{width:98%;} .tec_service2 .pt1 .lists .text_box .pd{padding:50px 30px 0;} /*widgets_bidimg_banner_1*/ .index_banner{height:750px;} .widgets_bidimg_banner_1{width:100%;display:none;} .widgets_bidimg_banner_1 .item{position:relative;height:750px;overflow:hidden;} .widgets_bidimg_banner_1 .owl-item .item img{width:1920px;height:750px;position:absolute;top:0;left:50%;margin-left:-960px;max-width:none;display:block;opacity:1;} .widgets_bidimg_banner_1 .owl-item .item .text{position:absolute; left:0; top:180px; width:100%; color:#fff; text-align:center;} .widgets_bidimg_banner_1 .owl-item .item .text .t1{font-size:66px; font-weight:bold; width:90%; margin:0 auto; line-height:1.2;} .widgets_bidimg_banner_1 .owl-item .item .text .t2{font-size:16px; width:80%; margin:0 auto;} .widgets_bidimg_banner_1 .owl-dots{width:100%;position:absolute;bottom:6%;left:0;text-align:center;} .widgets_bidimg_banner_1 .owl-dots .owl-dot{width: 13px;height: 13px;background: #fff;border-radius: 30px;display:inline-block;margin:0 8px;} .widgets_bidimg_banner_1 .owl-dots .owl-dot.active{background: #b08536;} .widgets_bidimg_banner_1 .owl-prev,.widgets_bidimg_banner_1 .owl-next{top:50%;margin-top: -45px;position:absolute;display:block;font-size:50px;opacity:0.6;color:#555; width:28px; height:52px; background:url(../img/index2_banner_arr.png) 0 0 no-repeat; font-size:0;} .widgets_bidimg_banner_1 .owl-prev{left:10%;} .widgets_bidimg_banner_1 .owl-prev:hover{opacity:1;} .widgets_bidimg_banner_1 .owl-prev.disabled:hover{opacity:0.6;} .widgets_bidimg_banner_1 .owl-next{right:10%; background-position:-28px 0;} .widgets_bidimg_banner_1 .owl-next:hover{opacity:1;} .widgets_bidimg_banner_1 .owl-next.disabled:hover{opacity:0.6;} @media only screen and (max-width: 1240px){ .index_banner{height:auto;} .widgets_bidimg_banner_1{height:auto;} .widgets_bidimg_banner_1 .item{height:300px;} .widgets_bidimg_banner_1 .owl-item .item img{width:1152px;height:300px;margin-left:-576px;} } @media only screen and (max-width: 760px){ .widgets_bidimg_banner_1{height:auto;} .widgets_bidimg_banner_1 .item{height:auto;} .widgets_bidimg_banner_1 .owl-item .item img{width:100%;height:auto;position:static;margin:0;} .widgets_bidimg_banner_1 .owl-prev,.widgets_bidimg_banner_1 .owl-next{display:none;} .widgets_bidimg_banner_1 .owl-dots .owl-dot{width:8px;height:8px;} } /*widgets_bidimg_banner_1 end*/ /*index2*/ .rect-75{padding-bottom:75%;} .rect-85{padding-bottom:85%;} .rect-95{padding-bottom:95%;} .rect-170{padding-bottom:170%;} .index2{position:relative; z-index:1;} .index2 .pt1{margin-top:-90px;padding-bottom: 70px;} .index2 .pt1 .con{background:#fff;} .index2 .col1,.index2 .col3{width:25%;} .index2 .col2{width:50%;} .index2 .col1 .box1{background:#fbfaf8;} .index2 .col1 .box1 .text{font-size:35px; color:#0b1d4f; text-align:center; position:absolute; top:70px; left:0; width:100%; line-height:1.2; font-weight:bold; text-transform:uppercase;} .index2 .col1 .box1 .text:after{content:''; width:160px; height:1px; background:#0b1d4f; position:absolute; left:50%; bottom: -20px; margin-left:-80px;z-index:1;} .index2 .col1 .box3 .arr_box{background:#22253b; color:#fff; height:0; padding-bottom:75%; position:relative;} .index2 .col1 .box3 .arr_box:after{content:''; position:absolute; top:-20px; width:0px; border:0px; border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid #22253b; left:50%; margin-left:-20px;z-index:1;} .index2 .arr_box .pd{padding:30px 20px;} .index2 .arr_box .t{font-size:18px; margin-bottom:5px; text-transform:uppercase;} .index2 .arr_box .d{font-size:13px;} .index2 .col2 .box1 .l_box,.index2 .col2 .box1 .r_box{width:50%;} .index2 .col2 .box1 .arr_box{background:#22253b; color:#fff; height:0; padding-bottom:85%; position:relative;} .index2 .col2 .box1 .arr_box:after{content:''; position:absolute; top:50%; width:0px; border:0px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right:20px solid #22253b; left:-20px; margin-top:-20px;z-index:1;} .index2 .col2 .box2 .l_box,.index2 .col2 .box2 .r_box{width:50%;} .index2 .col2 .box2 .arr_box{background:#025098 url(../img/index2_pt1_logo.png) right bottom no-repeat; color:#fff; height:0; padding-bottom:85%; position:relative;} .index2 .col2 .box2 .arr_box:after{content:''; position:absolute; bottom:-20px; width:0px; border:0px; border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #025098; left:50%; margin-left:-20px; z-index:1;} .index2 .col3 .box2 .arr_box{background:#22253b; color:#fff; height:0; padding-bottom:75%; position:relative;} .index2 .col3 .box2 .arr_box:after{content:''; position:absolute; bottom:-20px; width:0px; border:0px; border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #22253b; left:50%; margin-left:-20px; z-index:1;} .index2 .pt2{padding:50px 0; background:#21283c;} .index2 .pt2 .title{text-align:center; font-size:36px; color:#fff; margin-bottom:30px; font-weight:bold; position:relative; text-transform:uppercase;} .index2 .pt2 .title:after{content:''; position:absolute; left:50%; margin-left:-90px; width:180px; height:1px; background:#fff; bottom:0;} .index2 .pt2 .l_box{width:30%; margin-left:5%;} .index2 .pt2 .r_box{width:60%;} .index2 .pt2 .r_box .desc{font-size:14px; color:#fff; margin-bottom:20px; line-height:22px;} .index2 .pt2 .r_box .img_list{margin-right:-2%; margin-bottom:20px;} .index2 .pt2 .r_box .img_list .cell{float:left; width:18%; margin-right:2%;} .index2 .pt2 .r_box .img_list .pd{padding:4px; background:#383e50;} .index2 .pt2 .r_box .read_more{width:145px; height:40px; line-height:40px; text-align:center; border:2px solid #fff; font-size:16px; text-transform:uppercase; color:#fff;} .index2 .pt2 .r_box .read_more a{display:block; color:#fff;} .index2 .pt2 .r_box .read_more:hover{background:#383e50;} .index2 .pt3{padding:70px 0;} .index2 .pt3 .title{text-align:center; font-size:36px; color:#0b1d4f; margin-bottom:30px; font-weight:bold; position:relative; text-transform:uppercase;} .index2 .pt3 .title:after{content:''; position:absolute; left:50%; margin-left:-90px; width:180px; height:1px; background:#0b1d4f; bottom:0;} .index2 .pt3 .info{font-size:14px; text-align:center; width:80%; margin:0 auto 40px; color:#777c91;} .index2 .pt3 .inews_list ul{margin-right:-2%;} .index2 .pt3 .inews_list li{width:23%;margin-right:2%;} .index2 .pt3 .inews_list .list_box{display:block; padding-bottom:30px;} .index2 .pt3 .inews_list .list_tit{font-size:18px; color:#333; padding:10px 0 0; line-height:25px; height:50px;font-weight:normal; overflow:hidden; margin-bottom:10px;} .index2 .pt3 .inews_list .list_cover .list_tit{height:auto;} .index2 .pt3 .inews_list .list_text{color:#999999; margin-bottom:14px; line-height:22px; height:88px; overflow:hidden;} .index2 .pt3 .inews_list .list_cover{top:0; left:0; bottom:0; right:0; padding:10%; background:#fff; visibility:hidden; opacity:0; color:#025098;} .index2 .pt3 .inews_list .list_cover .list_text{height:198px; line-height:22px; overflow:hidden;} .index2 .pt3 .inews_list li:hover .list_cover{visibility:visible; opacity:1;} .index2 .pt3 .inews_list li:hover .list_box{box-shadow:0px 0px 30px #ccc;} /*pro_center2*/ .pro_center2.channel_content{padding:0; background:#091124;overflow:hidden;} .pro_center2 .pt1{height:550px; position:relative; overflow:hidden;} .pro_center2 .pt1 img{position:absolute; left:0; top:0; max-width:none; width:1920px;} .pro_center2 .pt1 .text_box{position:relative; z-index:1; margin-top:170px;text-align:center; } .pro_center2 .pt1 .text_box .tit{font-size:45px; color:#fff; margin-bottom:10px; text-transform:uppercase;} .pro_center2 .pt1 .text_box .info{font-size:16px; color:#fff; width:80%; margin:0 auto;} .pro_center2 .pt2{padding-bottom:130px} .pro_center2 .pt2 .list{width:80%; margin:0 auto;} .pro_center2 .pt2 .list .l_box {width:78%;} .pro_center2 .pt2 .list .r_box {width:20%;} .pro_center2 .pt2 .list>li{padding-top:130px;} .pro_center2 .pt2 .list .l_box .img_list li{width:31%; margin-right:2%; float:left; cursor:pointer;} .pro_center2 .pt2 .list .l_box .img_list .big_img{width:97%; margin-bottom:20px;} .pro_center2 .pt2 .list .l_box .img_list .mask{width:60px; height:60px; background:url(../img/pro_center2_mask.png) center center no-repeat; position: absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px; opacity:0; transition:all 0.5s ease; transform:scale(0);} .pro_center2 .pt2 .list .l_box .img_list li:hover .mask{opacity:1;transform:scale(1);} .pro_center2 .pt2 .r_box .num{font-size:70px; line-height:70px; color:#a1a5ac; } .pro_center2 .pt2 .r_box .tit{font-size:26px; font-weight:900; margin-bottom:15px; color:#fff;} .pro_center2 .pt2 .r_box .desc{color:#8e8e96;} /*语言下拉*/ .head .tool_box .lang{position:relative;} .head .tool_box .lang .drop_list{display:none;position:absolute; left:0; top:120%; padding:10px 0; background:#fff; width:160px;} .head .tool_box .lang .drop_list a{display:block; padding:0 5px 0 20px; line-height:30px;} .head .tool_box .lang .drop_list:before{position:absolute; width:0; height:0; content:''; top:-10px; left:50%; margin-left:-10px;border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff;} .pro_center2 .pt2 .r_box .desc{height:400px; overflow:hidden; position:relative; padding-right:20px;} .pro_center2 .pt2 .r_box .scrollbar-ui .scroll_bar{border-left: 1px solid #85acd1; background: none;} .pro_center2 .pt2 .r_box .scrollbar-ui .scroll_slider{background:#fff;left: -3px;} /*20190118*/ .pro_center2 .pt2 .r_box .desc{height:400px; overflow:hidden; position:relative; padding-right:20px;} .pro_center2 .pt2 .r_box .scrollbar-ui .scroll_bar{border-left: 1px solid #85acd1; background: none;} .pro_center2 .pt2 .r_box .scrollbar-ui .scroll_slider{background:#fff;left: -3px;} /*job_list2*/ .uni_column_tit1_wrap { padding-top:50px; color:#fff; text-align:center; } .uni_column_tit1 .tit_hd { font-size:24px;/* font-weight:bold;*/ } .uni_column_tit1 .tit_bd { margin-top:25px; } .job_list.channel_content{padding-top:0;} .job_list .part1{margin-bottom:50px;} .job_list .part1 .uni_column_tit1_wrap { padding-top:0; } .job_list .part1{background:url(../img/job_index_part1_bj.jpg) no-repeat center;padding:51px 0px;} .job_list .uni_column_tit1 .tit_bd{padding:0 14%;} .job_list .part1_bd{padding:90px 14% 0;} .job_list .part1_bd .list_box{padding:0 22%;text-align:center;font-size:12px;color:#000;cursor:default;} .job_list .part1_bd .list_box .rect-100{border-radius:50%;background:rgba(255,255,255,0.8);} .job_list .part1_bd .list_box .radius_bj{background:#fff;position:absolute;display:block;top:0;left:0;bottom:0;right:0;margin:12px;border-radius:50%;padding:0 14%;line-height:1.4;z-index:2;} .job_list .part1_bd .list_ico{width:60px;height:60px;display:block;margin:20px auto 0px;background:url(../img/job_index_part1_ico.png) no-repeat;} .job_list .part1_bd .list_ico2{background-position:-60px 0px;} .job_list .part1_bd .list_ico3{background-position:-120px 0px;} .job_list .part1_bd .blue_bj{position:absolute;width:100%;height:100%;display:block;z-index:-1;border-radius:50%;visibility:hidden;opacity:0;top:0;left:0;} .job_list .part1_bd li:hover .blue_bj{visibility:visible;opacity:1;} .job_list .part1_bd li:hover .list_box{color:#fff;} .job_list .part1_bd li:hover .list_ico1{background-position:0px -60px;} .job_list .part1_bd li:hover .list_ico2{background-position:-60px -60px;} .job_list .part1_bd li:hover .list_ico3{background-position:-120px -60px;} .blue_bj{ /* Webkit: Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0464af), to(#2a9ecf)); /* Webkit: Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(left, #0464af, #2a9ecf); /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #0464af, #2a9ecf); /* Opera 11.10+ */ background: -o-linear-gradient(left, #0464af, #2a9ecf); /* IE 10 */ background: -ms-linear-gradient(left, #0464af, #2a9ecf); /* IE 10 <*/ filter:progid:DXImageTransform.Microsoft.gradient(GradientType='1',startcolorstr=#990464af,endcolorstr=#992a9ecf); } /*20190126*/ .friends .f_list .t:after{display:none;} .about2 .con .img_box .text_box .pd{width:420px;} /*20190126*/ .news_detail01 ._tools ._back{padding-right:10px;} body .content-52373 .submit{width:auto} body .Form-J1 .Form-J1-li{padding-left:90px;} .equipment01 .content .item{margin-right:-1%;} .sec_banner .sec_nav.fixed{z-index:3;} .culture .list_box .pd .desc{height:104px} body .content-52211 .submit{width:auto;} .contact_us .pt2 .bjk{padding:0 20px;} .footer .col.first .f_t2 .a2a_svg img{display:none;} .footer .col .qr-wrap{display:block;}