/* * 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:#008ece;} .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;} .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:#008ece;} ::-moz-selection {color:#fff; background:#008ece; } ::selection {color:#fff; background:#008ece; } ::-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;} /*.widgets_double_nav_1*/ .widgets_double_nav_1{position:relative;z-index:50;} .widgets_double_nav_1 .logo{font-size:0;} .widgets_double_nav_1 .mobile_key{display:none;} .widgets_double_nav_1 .header_bar{padding:20px 0px; position:relative; z-index:2;} .widgets_double_nav_1 .header_tools>a{line-height:35px; display:inline-block; *display:inline;*zoom:1; color:#828282; font-size:14px; padding:0 20px;} .widgets_double_nav_1 .header_tools>a:hover{color:#008ece;} .widgets_double_nav_1 .header_tools .roles_box{ display:inline-block; *display:inline;*zoom:1; position:relative;line-height:32px; color:#828282; font-size:14px; padding: 0 20px; cursor:pointer;} .widgets_double_nav_1 .header_tools .roles_box .icon{width:7px; height:4px; background:url(../img/arr.png) center center no-repeat; margin-left:10px;} .widgets_double_nav_1 .header_tools em{color:#bfbfbf; line-height:35px;} .widgets_double_nav_1 .header_tools .roles_box ul{position:absolute; left:0; top:100%; width:100%; display:none;background:#dadada;} .widgets_double_nav_1 .header_tools .roles_box ul a{display:block; text-indent:20px;} .widgets_double_nav_1 .header_tools .iconfont{font-size:20px;margin:0 0.2em 0 0;} .widgets_double_nav_1 .page_header{background:#008ece;} .widgets_double_nav_1 .page_nav >ul>li{float:left;} .widgets_double_nav_1 .page_nav >ul>li>a{display:block;font-size:16px;padding:0px 35px;color:#fff; line-height:50px;} .widgets_double_nav_1 .page_header{position:static;top:100%;left:0;width:100%;} .widgets_double_nav_1 .search_box{display:none;} .widgets_double_nav_1 .search_ico{font-size:30px;color:#fff;margin:0;line-height:65px;padding:0 18px;background-color: #162c4c;cursor:pointer;} .widgets_double_nav_1 .search_ico:hover{background-color: #008ece;} .widgets_double_nav_1 li .nav_layer{position:absolute;top:100%;left:0;width:100%;background:#f4f4f4;padding:30px 0 40px;display:none;} .widgets_double_nav_1 li .nav_layer .layer_l{width:20%;padding:0;float:left;} .widgets_double_nav_1 li .nav_layer .layer_l a{display:block; line-height:45px; height:45px; font-size:16px; color:#666; border-bottom:1px solid #e0e0e0; text-align:center;} .widgets_double_nav_1 li .nav_layer .layer_l .nav_ico{margin-top: 3px;} .widgets_double_nav_1 li .nav_layer .layer_l li:hover a{color:#fff; background-color: #008ece;} .widgets_double_nav_1 li .nav_layer .layer_l li:hover .nav_ico{background-position:-60px -60px;} .widgets_double_nav_1 li .nav_layer .layer_r{width:70%;} .widgets_double_nav_1 li .nav_layer .layer_r .layer_text{width: 49%;} .widgets_double_nav_1 li .nav_layer .layer_r .list_img{width:46%} .widgets_double_nav_1 li .nav_layer .layer_r .layer_p{font-size:14px;color:#a0a0a0;margin-bottom:20px;min-height:100px;} .widgets_double_nav_1 li .nav_layer .layer_r .more_btn{font-size:14px;color:#333;display:inline-block;*display:inline;*zoom: 1;line-height:40px;border: 2px solid #ebeae9;padding:0 50px;} .widgets_double_nav_1 li .nav_layer .layer_r .more_btn:hover{color:#fff;background:#008ece;border-color:#008ece;} .widgets_double_nav_1 .header_search{padding:0 20px 0 15px; background:#fff; border-radius:50px; height:24px; margin-top:13px;} .widgets_double_nav_1 .header_search input{background:none; line-height:24px; height:24px; font-size:14px; color:#828282; display:inline-block; *display:inline; *zoom:1; width:100px; border:none; outline:none; margin:0; padding:0;} .widgets_double_nav_1 .header_search button{width:24px; height:24px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; background:url(../img/fdj.png) center center no-repeat; border:none; outline:none; box-shadow:none; cursor:pointer;} .widgets_double_nav_1 .resp_search{width:24px; height:32px; line-height:32px; background:url(../img/fdj.png) center center no-repeat; display:none; margin-left:10px; margin-right:10px;} @media only screen and (max-width: 1240px){ .widgets_double_nav_1 .page_nav{display:none;} .widgets_double_nav_1 .mobile_key{display:block;font-size:24px;color:#008ece;line-height:35px;} .widgets_double_nav_1 .resp_search{display:inline-block;} .widgets_double_nav_1 .header_tools>a,.widgets_double_nav_1 .header_tools .roles_box{padding:0 5px;} .widgets_double_nav_1 .header_tools .roles_box ul{width:100px;} .widgets_double_nav_1 .header_search{display:none;} } @media only screen and (max-width: 996px){ .widgets_double_nav_1 .header_bar{padding-top:5px;} .widgets_double_nav_1 .header_tools{margin-bottom:5px;} } @media only screen and (max-width: 760px){ } /*.widgets_double_nav_1 end*/ .footer1{padding:70px 0 40px; background:url(../img/footer_bg.jpg) center top no-repeat; background-size: cover; } .footer1 .l_box{width:900px;} .footer1 .r_box{width:300px;} .footer1 .l_box dl{width:200px;} .footer1 .l_box dl dt{font-size:20px; font-weight:bold; color:#000; line-height:1; margin-bottom:45px;} .footer1 .l_box dl dd{font-size:16px; color:#000; line-height:28px;} .footer1 .r_box .t{font-size:20px; font-weight:bold; color:#000; line-height:1; margin-bottom:45px;} .footer1 .bdsharebuttonbox{padding-bottom:20px; position:relative; margin-bottom:20px;} .footer1 .bdsharebuttonbox .line{width:640px; height:1px; content:''; background:#000; position:absolute; left:0; bottom:0;} .footer1 .bdshare-button-style0-16 a{width:40px; height:40px; margin: 0 20px 0 0; padding:0; background:url(../img/share.png) 0 0 no-repeat;} .footer1 .r_box .tel_line{font-size:14px; color:#868686; margin-bottom:20px;} .footer1 .r_box .tel_line span{font-size:30px; font-family:Impact; color:#000; margin-left:10px;} .footer1 .bdshare-button-style0-16 .bds_weixin{background-position:0 0;} .footer1 .bdshare-button-style0-16 .bds_weixin:hover{background-position:0 -40px;} .footer1 .bdshare-button-style0-16 .bds_tsina{background-position:-40px 0;} .footer1 .bdshare-button-style0-16 .bds_tsina:hover{background-position:-40px -40px;} .footer1 .bdshare-button-style0-16 .bds_sqq{background-position:-80px 0;} .footer1 .bdshare-button-style0-16 .bds_sqq:hover{background-position:-80px -40px;} .footer1 .groups{width:100%; height:50px; background:#dadada; line-height:50px; cursor:pointer;} .footer1 .groups .pd{padding:0 25px; font-size:16px; color:#000000; position:relative;} .footer1 .groups .pd .arr{width:25px; height:15px; vertical-align:middle; background:url(../img/arr_up.png) center center no-repeat; float:right; margin-top:17px;} .footer1 .groups .pd ul{position:absolute; left:0; bottom:100%; width:100%; display:none;} .footer1 .groups .pd ul li a{display:block; background:#dadada; text-indent:25px; border-bottom:1px solid #fff; cursor:pointer;} .footer2{padding:25px 0; background:#008ece;} .footer2 a{font-size:14px; color:#fff; opacity:0.6;} .footer2 a:hover{ opacity:1;} .footer2 .r_box em{font-size:14px; color:#fff; opacity:0.6; margin:0 5px;} .channel_content{padding:70px 0; min-height:300px;} .xc_banner{width:100%;position:relative;height:304px;overflow:hidden;} .xc_banner .img_box{width:1920px;position:absolute;top:0;left:50%;margin-left:-960px;} .bread{font-size:14px; color:#8d8d8d; line-height:66px; border-bottom:1px solid #eaeaea;} .bread .l_box .iconfont{color:#a2a2a2;} .bread .r_box li{margin-right:25px; font-size:16px; color:#000;} .bread .r_box li.cur{border-bottom:2px solid #008ece; color:#008ece; } @media only screen and (max-width: 760px){ .xc_banner {height:auto; } .xc_banner .img_box {position: static; margin: 0; width: 100%; } .xc_banner .img_box img{width:100%;} .bread .r_box{display:none;} .bread{line-height:46px;} } /*公司简介*/ .about_p1{margin-bottom:50px;} .about_p1 .p1_img{width:40%; margin-left:6%;} .about_p1 .p1_text{padding-top:30px;} .about_p1 .p1_text .en_title{font-size:52px; line-height:1; font-weight:normal; font-family:Arial;} .about_p1 .p1_text .cn_title{font-size:28px; color:#008ece; padding:10px 0px 20px;} .about_p1 .p1_text .p{font-size:14px; line-height:2.4;} .about_p2{background:url(http://jdjy.icm.cn/resources/web/img/about_num.jpg) no-repeat center; padding:50px 0px; margin-bottom:50px;} .about_p2 .number_list{display:inline-block; margin:0 5%; color:#717171;} .about_p2 .number_list .number{font-size:26px; color:#008ece; display:inline-block; width:100%; margin-bottom:10px;} .about_p2 .number_list .number em{font-size:45px; font-family:Arial; margin-right:6px; line-height:1;} /*联系我们*/ .contact_us .pt2{ overflow:hidden;width: 60%; float: left;} .contact_us .pt2 .tit{text-align:center; font-size:30px; color:#313131; line-height:1;margin-bottom:25px;} .contact_us .pt2 .info{text-align:center; font-size:14px; color:#898989; line-height:1;margin-bottom:15px;} .contact_us .pt2 .line{display: block; margin: 0 auto 20px; width: 27px; height: 1px; background: #c6c6c6;} .contact_us .pt2 .form{width:90%;margin:0 auto;} .contact_us .pt2 .wrap{width: 100%} .contact_us .pt2 .form input{border:1px solid #d5d5d5; font-size:14px;} .contact_us .pt2 .name{ background: transparent url("../img/i_form_ico1.png") no-repeat right 0;} .contact_us .pt2 .phone{background: transparent url("../img/i_form_ico2.png") no-repeat right 0;} .contact_us .pt2 .email{background: transparent url("../img/i_form_ico3.png") no-repeat right 0;} .contact_us .pt2 .line1{width: 80%; height: 48px; line-height: 48px; padding: 0 46px 0 13px; float: left;} .contact_us .pt2 .form textarea{width: 94%; border: 1px solid #d5d5d5; padding: 10px 40px 10px 13px; height: 149px; font-size: 14px; line-height: 1.5; margin-bottom: 20px; margin-top:25px; background: transparent url("../img/i_form_ico4.png") no-repeat right top;} .contact_us .pt2 .form .btns_list{text-align:center;} .contact_us .pt2 .form .btns_list button{width:45%; height:45px; line-height:37px; border:none; font-size:16px; color:#fff; cursor:pointer;} .contact_us .pt2 .form .btns_list .sub{background-color: #ffc109; border-radius:0; float:left;} .contact_us .pt2 .form .btns_list .reset{background-color:#848484; border-radius:0; float:right;} .contact_us .pt2 .form .btns_list button:hover{background-color:#008ece;} .contact_us .pt2 .form_cb .span-4{position:relative;} .contact_us .pt2 .form_cb .span-4 span{position:absolute; right:45px; top:15px;} .contact_us .pt2 .yzm_box{margin-bottom: 30px;} .contact_us .pt2 .btns_list{width:50%;} .contact_us .pt2 .yzm_box .yzm{line-height:46px; height:46px; width:30%; background:transparent; text-indent:20px; margin-right:25px;} .contact_us .pt2 .yzm_box img{width:120px; height:50px; margin-right:10px;} .contact_us .pt2 .yzm_box .change{color:#40535a; font-size:12px; cursor:pointer; vertical-align:bottom;} .contact_us .title{font-size: 14px;color: #5e5e5e;padding-bottom: 20px;} .contact_us .pt1{width: 100%;height: 540px;position: relative;margin-bottom: 5%;overflow:hidden;} .contact_us .pt1 .map_box{height:100%;} .contact_us .pt1 .map_box img{max-width:none;} .contact_us .pt1 .box{width: 40%;right: 0;height: 100%;background-color: #008ece;position: absolute;top: 0; z-index: 1; } .contact_us .pt1 .box .inner_box{padding: 11%;color: #fff;} .contact_us .pt1 .box .inner_box a{color: #fff;} .contact_us .pt1 .box .inner_box .tit a{font-size: 25px;line-height: 1; } .contact_us .pt1 .box .inner_box .tit{ margin-bottom: 25px; } .contact_us .pt1 .box .inner_box dl dd{ line-height: 2; } .contact_us .pt1 ._img{position: absolute;top: 0;left: 0;height: 100%;width: 100%;} .contact_us .pt1 .c_phone{ margin: 25px 0; } .contact_us .pt1 .c_phone .ico{ display: inline-block; width: 58px; height: 64px; background: url(../img/contact_phone.png) no-repeat; margin-right: 10px; vertical-align: top; } .contact_us .pt1 .c_phone a{ color: #fff; font-size: 28px; display: block; line-height: 1; } .contact_us .pt1 .c_phone span{ display: inline-block; } .contact_us .pt1 .c_phone span i{ font-size: 28px; } /*新闻详细*/ .news_det{ padding: 0 0 70px; } .news_det .pt_hd{ padding: 70px 0 30px; background: #f4f4f4; text-align: center; } .news_det .pt_hd .tit{ font-size: 35px; color: #000; margin-bottom: 1%; width: 85%;margin: 0 auto 20px; } .news_det .pt_hd .tools { position: relative; } .news_det .pt_hd .tools .tool{ margin: 0 5px; color: #afafaf; } .news_det .pt_hd .tools .tool .iconfont:hover{ color: #008ece; } .news_det .pt_hd .tools .tool b{ font-weight: normal; } .news_det .pt_hd .tools .tool#switcher > a{ margin: 0 1px; } .news_det .pt_hd .tools .back{ font-size: 18px; font-weight: bold; color: #525252; } .news_det .pt_hd .tools .back .iconfont{ color: #008ece; } .news_det .pt_hd .tools .back:hover .iconfont{ color: #008ece; } .news_det .pt_bd .myart { padding: 2% 0; min-height: 400px; } .news_det .pt_bd .detailPage_bottom {border-top: 1px solid #cccccc;} .news_det .pt_bd .detailPage_bottom li {line-height: 50px; overflow: hidden; height: 50px; border-bottom: 1px solid #cccccc; } .news_det .pt_bd .detailPage_bottom .mark {font-weight: bold; float: left; margin-right: 10px; color: #7c7c7c; padding: 0 1%; } .news_det .pt_bd .detailPage_bottom .title {font-size: 18px; float: left; width: 68%; color: #000; } .news_det .pt_bd .detailPage_bottom .time { float: right;} .news_det .pt_bd .detailPage_bottom li:hover .mark{ background: #ffc109; color: #000; } .news_det .pt_hd .tools .tool .bds_more{ float: none; background-image: none; padding-left: 0; color: #afafaf; } .news_det .pt_hd .tools .tool{ display: inline-block; } .news_det .pt_hd .tools .bdsharebuttonbox{ vertical-align: middle; font-size: 14px; } .news_det .pt_hd .tools .tool .bds_more{display: inline-block;width: 65px;background: url(../img/more_icon.png) no-repeat right center;} /*新闻列表*/ .new_list{ padding: 0 0 70px; } .new_list .rect-68{padding-bottom: 68%;} .new_list .rect-67{padding-bottom: 67%;} .news_list01{height:707px;background: url(../img/news_list01.jpg) no-repeat center;overflow: hidden;} /*news_list01*/ .news_list01 .infor{text-align: center;padding: 80px 2% 24px;} .news_list01 .infor .tit{font-size: 36px;color: #000;line-height: 50px;} .news_list01 .infor .con{font-size: 14px;color: #666;line-height: 50px;} .news_list01 .infor .dec{ font-size: 16px; } .news_list01 .news_con .bd{height: 306px;overflow: hidden;} .news_list01 .news_con .bd li{ width:100%;height:306px;background:#fff;background:rgba(255,255,255,0.8);} .news_list01 .news_con .goods_img{ width: 30%;margin: 36px 23px 23px;} .news_list01 .news_con .news_info{ width: 60.33333%;margin-top:50px;color: #666;padding-left: 2%;} .news_list01 .news_con .news_date{ margin-top:15px;font-size:14px;line-height:30px;margin-bottom:5px} .news_list01 .news_con .news_tit{ font-size: 24px; line-height: 30px;color: #000;} .news_list01 .news_con .news_con{ height: 90px; margin-top: 20px; font-size: 14px; line-height: 30px; overflow: hidden;} .news_list01 .news_con .hd{ height: 70px; background:#fff;overflow: hidden;} .news_list01 .news_con .hd li{ font-size: 18px; color: #000; text-align: center; line-height: 70px; cursor: pointer; width: 33.333%;} .news_list01 .news_con .hd li a{display:block;border-right: 1px solid #f0f1f3;;} .news_list01 .news_con .hd li:last-child a{border-right: none;} .news_list01 .news_con .hd li i{color: #008ece;} .news_list01 .news_con .hd li:hover{ background-color: #008ece;color: #fff;} .news_list01 .news_con .hd li:hover i{color: #fff;} .news_list01 .news_con .hd li:hover a{color: #fff;transition: all 0s ease;} .news_list01 .news_con .hd li.cur,.news_list01 .news_con .hd li.cur i{ background-color: #008ece;color: #fff; } @media only screen and (max-width:992px){ .news_list01 .news_con .goods_img{height: auto;margin: 70px 40px } } @media only screen and (max-width:760px){ .widgets_xc_newlist_top_4{display: none;} } /* newslist-10 start*/ .widget-newslist-10{ padding-top: 60px; } .widget-newslist-10 .list_hd{background-color:#f0f0f0;padding:50px 60px 40px;margin-bottom:26px;} .widget-newslist-10 .hd_tit{font-size:20px;color:#1e1e1e;font-weight:normal;height:30px;line-height:30px; margin-right:2%; text-transform:uppercase;} .widget-newslist-10 .inp_box_wrap { width:20%;margin-right:2%; } .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 .hd_btn{width:18%;border:none;text-align:center;background-color:#ffc109;font-size:15px;color:#000;height:32px;line-height:32px;outline:none;cursor:pointer;} .widget-newslist-10 .list_box{padding:46px 60px 40px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .widget-newslist-10 .list_main{overflow:hidden; width:88%;} .widget-newslist-10 .bd_r{width:20%; margin-left:3%;} .widget-newslist-10 .list_title{font-size:20px;color:#202020;font-weight:normal; display:block;} .widget-newslist-10 .list_tool{font-size:12px;color:#c9c9c9;padding:10px 0px;} .widget-newslist-10 .list_tool span{display:inline-block; vertical-align:middle;} .widget-newslist-10 .list_tool .share{cursor:pointer; margin:0 20px;} .widget-newslist-10 .list_p{font-size:14px;color:#464646;line-height: 26px;height:52px;overflow:hidden;} .widget-newslist-10 .list_box:after{content: "";width:88%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;} .widget-newslist-10 li:hover .list_box{background-color:#f8f8f8;} .widget-newslist-10 li:hover .list_box:after{background-color:#f8f8f8;} .widget-newslist-10 li:hover .list_title a{color:#008ece;} .widget-newslist-10 .list_time{font-size:14px;color:#008ece;padding:0 2% 2% 0;border-right:1px solid #e6e6e6; width:60px;} .widget-newslist-10 .list_time_day{display:block;font-size:50px;color:#008ece;line-height:50px;font-family:helvetica;} .widget-newslist-10 .select-ui-choose ._arrow{width:16%;right:0;background:#e3e3e3;} .widget-newslist-10 .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:#008ece;} body .select-ui-options-bottom,.widget-newslist-10 .select-ui-choose-bottom.on,.widget-newslist-10 .select_box{border-radius:0px;} .widget-newslist-10 .bdsharebuttonbox a{padding:0;margin:0;background:none;height:20px;line-height:20px;} .widget-newslist-10 .list_bd .noimg .bd_c{width:84%;} @media only screen and (max-width:1240px){ .widget-newslist-10 .hd_btn{margin-left:0;} .widget-newslist-10 .inp_box_wrap{margin-right:1%; width:18%;} .widget-newslist-10 .hd_tit{margin-right:2%} .widget-newslist-10 .list_hd{padding:30px 20px;} .widget-newslist-10 .list_box{padding:46px 10px 40px;} .widget-newslist-10 .bd_l{width:10%;} } @media only screen and (max-width:760px){ .widget-newslist-10 .hd_tit{margin-bottom:20px;float:none;text-align:center;} .widget-newslist-10 .inp_box_wrap{width:100%;margin:0;padding:0;margin-bottom:20px;} .widget-newslist-10 .hd_btn{width:100%;} .widget-newslist-10 .bd_r{float: none;width:100%; margin-left:0; margin-bottom:20px;} .widget-newslist-10 .list_main{width:100%;} .widget-newslist-10 .list_box{padding:0;} .widget-newslist-10 li{margin-bottom:30px;} .widget-newslist-10 .list_box:after{display:none;} } /*通用-按钮-加载更多*/ .uni_btn_more_wrap { margin:20px auto; } .uni_btn_more { position:relative; margin:4px auto; width:248px; height:38px; line-height:38px; font-size:14px; color:#333; text-align:center; border:#dbdbdb 1px solid; cursor:pointer; } .uni_btn_more:hover { color:#ce010c; border-color:#ce010c; } .uni_btn_more:after { background-color:#ce010c; } .uni_loading { display:none; margin:0 auto; width:48px; height:48px; background:url(../img/loading.png) center center no-repeat; animation:rotating 3s linear infinite; -webkit-animation:rotating 3s linear infinite; } .uni_btn_more_wrap.loading .uni_loading { display:block; } .uni_btn_more_wrap.loading .uni_btn_more { display:none; } .uni_btn_more_wrap.nomore .uni_btn_more { border-color:transparent; cursor:default; } .uni_btn_more_wrap.nomore .uni_btn_more:before { content:'没有更多内容了'; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background-color:#fff; z-index:3; color:#333; text-align: center; } .uni_btn_more_wrap.nomore .uni_btn_more:after { display:none; } .uni_btn_more_wrap.nomore .uni_btn_more .btn_con{display:none;} @keyframes rotating { 0% { transform:rotate(0); -webkit-transform:rotate(0); } 25% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } 50% { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } 75% { transform:rotate(-270deg); -webkit-transform:rotate(-270deg); } 100% { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); } } @-webkit-keyframes rotating { 0% { transform:rotate(0); -webkit-transform:rotate(0); } 25% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } 50% { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } 75% { transform:rotate(-270deg); -webkit-transform:rotate(-270deg); } 100% { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); } } /*招聘列表*/ .job_list .pt-hd{ text-align: center; margin-bottom: 35px; } .job_list .pt-hd .tit{ font-size: 35px; color: #3c3c3c; margin-bottom: 15px; } .job_list .pt-hd .decs{ color: #8d8d8d; line-height: 2; } /* job-2 start*/ .widget-job-tit{ background: #008ece; color: #fff; overflow: hidden; height: 56px; line-height: 56px; font-size: 18px;} .widget-job-2 ._jt { height: 56px; line-height: 56px; overflow: hidden; *zoom: 1;cursor: pointer;border-bottom: 1px dashed #dedede; } .widget-job-2 ._ut{ float: left; text-align: center; height: 100%;} .widget-job-2 ._t1 { width: 35%; } .widget-job-2 ._t1 .new{display: inline-block; width: 44px; height: 28px; background: url(../img/job_news.png) no-repeat 0 0; vertical-align: -2px; margin-left: 5px; } .widget-job-2 ._t2 { width: 35%; } .widget-job-2 ._t3 { width: 20%; } .widget-job-2 ._t4 { width: 15%; display: none;} .widget-job-2 ._t5 { width: 15%; display: none;} .widget-job-2 ._jc { display: none; } .widget-job-2 ._jcon { padding: 40px; background: #f3f3f3; padding-left:96px;} .widget-job-btn{ cursor: pointer; background: #ffc109;color: #000; width: 160px; height: 40px; line-height: 40px; margin-top: 40px; display: block;text-align: center;font-size: 15px;} .widget-job-btn:hover{ color: #000; } .widget-job-2 .tit{font-size:16px; color:#5a5a5a; margin-bottom:20px;} .widget-job-2 .info{font-size:13px; color:#5a5a5a; line-height:24px; margin-bottom:40px;} @media only screen and (max-width: 760px) { .widget-job-2 ._jcon{padding-left: 30px;} } @media only screen and (max-width: 40rem) { .widget-job-2 ._jt span { display: none; } } /*首页*/ .ibanner .owl-carousel{ display: none; } .ibanner .owl-dots{ position: absolute; bottom: 30px; left: 50%; margin-left: -40px; } .ibanner .owl-dot{ display: inline-block; margin: 0 3px; } .ibanner .owl-dot span{ display: block; width: 21px; height: 21px; background: url(../img/ibanner_ico.png) no-repeat; background-position: -21px; } .ibanner .owl-dot.active span{ background-position: 0 0; } .imain .ipt1{ background: #f5f5f5; padding: 70px 0 0; position: relative; z-index: 1; overflow: hidden; } .imain .ipt1 .left{ width: 40%; } .imain .ipt1 .right{ width: 55%; } .imain .ipt1 .line{ display: block; width: 70px; height: 5px; background: #008ece; margin-bottom: 30px; } .imain .ipt1 .tit{ font-size: 36px; color: #000; } .imain .ipt1 .title{ font-size: 20px; color: #000; margin-bottom: 30px; } .imain .ipt1 .decs{ color: #666; line-height: 2; } .imain .ipt1 .about_p2{ background: none; margin-bottom: 0; display: block; } .imain .ipt1 .about_p2 .number_list{ margin: 0; width: 30%; } .imain .ipt1 .about_p2 .number_list .number{ display: block; font-size: 14px; color: #000; } .imain .ipt1 .about_p2 .number_list .number em{ font-family: "Impact"; font-size: 57px; color: #008ece; } .imain .ipt1 .right .rect-55{ padding-bottom: 55%; } .imain .ipt1 .video_box{ position: relative; cursor: pointer; } .imain .ipt1 .video_box .iplay{ width: 83px; height: 83px; display: block; position: absolute; top: 50%; left: 50%; margin-top: -41px; margin-left: -41px; background: url(../img/iplay.png) no-repeat; } .imain .ipt1 #container{ position: absolute; left: 50%; top: 0; background: url(../img/ipt1_canvas.jpg) no-repeat; width: 50%; height: 527px; z-index: -1; overflow: hidden; } .imain .ipt1 .anitOut{ background: url(../img/ipt1_canvas.jpg) no-repeat; } .imain .ipt2{ background: #fff; padding: 60px 0; } .imain .ipt2 .pt_hd{ text-align: center; margin-bottom: 40px; } .imain .ipt2 .pt_hd .tit{ font-size: 36px; color: #000; } .imain .ipt2 .pt_hd span a{ padding: 0 10px; } /*widgets_news_listimg_14*/ /*.widgets_news_listimg_14 .rect-5909{padding-bottom: 59.09%;} .widgets_news_listimg_14 .content .left{width: 54%;float: right;} .widgets_news_listimg_14 .content .right{width: 44%;float: left;} .widgets_news_listimg_14 .content .left li{margin-bottom: 15px;} .widgets_news_listimg_14 .content .left li:last-child{margin-bottom: 0;} .widgets_news_listimg_14 .content .left li a{display: block;padding: 10px 30px 9px;background: #f0f0f0;} .widgets_news_listimg_14 .content .left li .date{width: 17.9%;text-align: right;padding-right: 2.7%;color: #808080;font-family: Arial;position: relative;} .widgets_news_listimg_14 .content .left li .date .y{font-size: 14px;line-height: 1.2;} .widgets_news_listimg_14 .content .left li .date .d{font-size: 34px;line-height: 1;} .widgets_news_listimg_14 .content .left li .intro{width: 73%;color: #333;padding-left: 3.3%;position: relative;} .widgets_news_listimg_14 .content .left li .intro:after{content:'';width: 1px;height: 47px;background: #bebebe;position: absolute;left: 0;top: 50%;margin-top: -23px;} .widgets_news_listimg_14 .content .left li .intro .t{line-height:52px;font-size: 17px;} .widgets_news_listimg_14 .content .left li .intro .c{display:none;} .widgets_news_listimg_14 .content .left li.on a{padding: 22px 30px 18px; background: #008ece;} .widgets_news_listimg_14 .content .left li.on .intro{ color: #fff; } .widgets_news_listimg_14 .content .left li.on .intro .t{line-height: 1.6;margin-bottom: 5px;} .widgets_news_listimg_14 .content .left li.on .intro:after{height: 96px;margin-top: -48px;} .widgets_news_listimg_14 .content .left li.on .intro .c{font-size: 14px;color: #fff;line-height: 23px;height: 69px;overflow: hidden;display:block;} .widgets_news_listimg_14 .content .left li.on .date{color:#fff;width:19%;padding-top: 15px;} .widgets_news_listimg_14 .content .left li.on .date .d{font-size: 40px;} .widgets_news_listimg_14 .content .left li.on .date .y{font-size: 16px;} .widgets_news_listimg_14 .content .right .add{position: absolute;left: 0;bottom: 0;background: rgba(252,186,15,0.8);background: #fcba0f\9\0;width: 100%;} .widgets_news_listimg_14 .content .right .add_box{padding: 16px 26px 16px 32px;} .widgets_news_listimg_14 .content .right .add .txt{font-size: 17px;color: #1a1a1a;width: 70%;} .widgets_news_listimg_14 .content .right .add .time{font-size: 16px;color: #333;} @media only screen and (max-width: 1240px){ .widgets_news_listimg_14 .content .left li .date .d,.widgets_news_listimg_14 .content .left li.on .date .d{font-size: 30px;} .widgets_news_listimg_14 .content .left li.on a{padding: 10px 20px} .widgets_news_listimg_14 .content .left li a{padding: 8px 15px} .widgets_news_listimg_14 .content .left{width: 48%;} .widgets_news_listimg_14 .content .right{width: 51%;} .widgets_news_listimg_14 .content .left li .date{width: 19%;} .widgets_news_listimg_14 .content .left li.on .intro .t{margin-bottom: 1px;} } @media only screen and (max-width: 992px){ .widgets_news_listimg_14 .content .left{width: 100%;} .widgets_news_listimg_14 .content .right{width: 100%;margin-top: 15px;} .widgets_news_listimg_14 .content .left li .date .d, .widgets_news_listimg_14 .content .left li.on .date .d{font-size: 25px;} .widgets_news_listimg_14 .content .left li.on .intro .c{height: auto;} .widgets_news_listimg_14{margin-bottom: 35px;} .widgets_news_listimg_14 .content .left li.on .intro:after { height: 60px; margin-top: -30px;} } @media only screen and (max-width: 760px){ .widgets_news_listimg_14 .content .left li .date .d,.widgets_news_listimg_14 .content .left li.on .date .d{font-size:18px;} .widgets_news_listimg_14 .content .left li.on .intro:after { height: 80px; margin-top: -40px;} }*/ .widgets_news_listimg_14 .rect-5909{padding-bottom: 59.09%;} .widgets_news_listimg_14 .content .right{width: 54%;float: right;} .widgets_news_listimg_14 .content .left{width: 44%;float: left;} .widgets_news_listimg_14 .content .right li{margin-bottom: 15px;} .widgets_news_listimg_14 .content .right li:last-child{margin-bottom: 0;} .widgets_news_listimg_14 .content .right li a{display: block;padding: 10px 30px 9px;background: #f0f0f0;} .widgets_news_listimg_14 .content .right li .date{width: 17.9%;text-align: right;padding-right: 2.7%;color: #808080;font-family: Arial;position: relative;} .widgets_news_listimg_14 .content .right li .date .y{font-size: 14px;line-height: 1.2;} .widgets_news_listimg_14 .content .right li .date .d{font-size: 34px;line-height: 1;} .widgets_news_listimg_14 .content .right li .intro{width: 73%;color: #333;padding-left: 3.3%;position: relative;} .widgets_news_listimg_14 .content .right li .intro:after{content:'';width: 1px;height: 47px;background: #bebebe;position: absolute;left: 0;top: 50%;margin-top: -23px;} .widgets_news_listimg_14 .content .right li .intro .t{line-height:52px;font-size: 17px;} .widgets_news_listimg_14 .content .right li .intro .c{display:none;} .widgets_news_listimg_14 .content .right li.on a{padding: 22px 30px 18px; background: #008ece;} .widgets_news_listimg_14 .content .right li.on .intro{ color: #fff; } .widgets_news_listimg_14 .content .right li.on .intro .t{line-height: 1.6;margin-bottom: 5px;} .widgets_news_listimg_14 .content .right li.on .intro:after{height: 96px;margin-top: -48px;} .widgets_news_listimg_14 .content .right li.on .intro .c{font-size: 14px;color: #fff;line-height: 23px;height: 69px;overflow: hidden;display:block;} .widgets_news_listimg_14 .content .right li.on .date{color:#fff;width:19%;padding-top: 15px;} .widgets_news_listimg_14 .content .right li.on .date .d{font-size: 40px;} .widgets_news_listimg_14 .content .right li.on .date .y{font-size: 16px;} .widgets_news_listimg_14 .content .left .add{position: absolute;left: 0;bottom: 0;background: rgba(252,186,15,0.8);background: #fcba0f\9\0;width: 100%;} .widgets_news_listimg_14 .content .left .add_box{padding: 16px 26px 16px 32px;} .widgets_news_listimg_14 .content .left .add .txt{font-size: 17px;color: #1a1a1a;width: 70%;} .widgets_news_listimg_14 .content .left .add .time{font-size: 16px;color: #333;} @media only screen and (max-width: 1240px){ .widgets_news_listimg_14 .content .right li .date .d,.widgets_news_listimg_14 .content .right li.on .date .d{font-size: 30px;} .widgets_news_listimg_14 .content .right li.on a{padding: 10px 20px} .widgets_news_listimg_14 .content .right li a{padding: 8px 15px} .widgets_news_listimg_14 .content .right{width: 48%;} .widgets_news_listimg_14 .content .left{width: 51%;} .widgets_news_listimg_14 .content .right li .date{width: 19%;} .widgets_news_listimg_14 .content .right li.on .intro .t{margin-bottom: 1px;} } @media only screen and (max-width: 992px){ .widgets_news_listimg_14 .content .right{width: 100%;} .widgets_news_listimg_14 .content .left{width: 100%;margin-top: 15px;} .widgets_news_listimg_14 .content .right li .date .d, .widgets_news_listimg_14 .content .right li.on .date .d{font-size: 25px;} .widgets_news_listimg_14 .content .right li.on .intro .c{height: auto;} .widgets_news_listimg_14{margin-bottom: 35px;} .widgets_news_listimg_14 .content .right li.on .intro:after { height: 60px; margin-top: -30px;} } @media only screen and (max-width: 760px){ .widgets_news_listimg_14 .content .right li .date .d,.widgets_news_listimg_14 .content .right li.on .date .d{font-size:18px;} .widgets_news_listimg_14 .content .right li.on .intro:after { height: 80px; margin-top: -40px;} } .imain .ipt3{ padding: 50px 0; background: url(../img/ipt3_bg.jpg) no-repeat center center; background-size: cover; } .imain .ipt3 .pt_hd{ margin-bottom: 30px; text-align: center; } .imain .ipt3 .pt_hd .tit{ font-size: 36px; color: #000; } .imain .ipt3 .pt_hd .decs{ font-size: 16px; color: #333; } .imain .ipt3 li{width: 31%;float: left;background: url(../img/black.2.png) repeat;text-align: center;height: 270px;overflow: hidden;position: relative;margin-right: 3.5%} .imain .ipt3 li.last{margin-right: 0;} .imain .ipt3 li .box{display: block;color: #fff;transition: all .5s ease;-webkit-transition: all .5s ease;height: 100%; position: relative; overflow: hidden; z-index: 2; } .imain .ipt3 li .box:after{ content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #facd00; display: block; z-index: -1; transition: all .5s ease; } .imain .ipt3 li .ico{ display: block; width: 88px; height: 76px; background: url(../img/index_pt3_ico.png) no-repeat; margin: 11% auto 0; transition: all .5s ease; } .imain .ipt3 li .ico2{ background-position: -88px 0; } .imain .ipt3 li .ico3{ background-position: -176px 0; } .imain .ipt3 li .inner_box{position: absolute;top: 100%;width: 100%;height: 100%;transition: all .5s ease;-webkit-transition: all .5s ease; color: #000; } .imain .ipt3 li .box .icon{display: inline-block;padding-top: 11%;} .imain .ipt3 li .box .tit{font-size: 36px;line-height: 1;padding: 5%;} .imain .ipt3 li .box.active:after{ top: 0; } .imain .ipt3 li .box.active{ color: #000; } .imain .ipt3 li .box.active .ico1{ background-position: 0 -76px; } .imain .ipt3 li .box.active .ico2{ background-position: -88px -76px; } .imain .ipt3 li .box.active .ico3{ background-position: -176px -76px; } /*.imain .ipt3 li .box.active .inner_box{top: 0;background-color: #facd00;} .imain .ipt3 li .box.active .inner_box .tit{padding-top: 11%;padding-bottom: 3%;} .imain .ipt3 li .box.active .top_box{display: none;} .imain .ipt3 li .box.active .icon{opacity: 0;height: 0;} .imain .ipt3 li .box.active .tit{padding-top: 0;} .imain .ipt3 li .box.active .inner_box .p{width: 80%;margin: 0 auto;padding-top: 5%;}*/ .imain .ipt4{ padding: 60px 0; } .imain .ipt4 .pt-hd{ margin-bottom: 30px; text-align: center; } .imain .ipt4 .pt-hd .tit{ font-size: 36px; color: #000; } .imain .ipt4 .pt-hd span a{ padding: 0 10px; } .imain .ipt4 .pt-bd{ position: relative; } .imain .ipt4 .pt-bd .ipt4_bg{ position: absolute; top: 0; right: 0; background: url(../img/ipt4_bg.png) no-repeat; height: 100%; width: 50%; z-index: 1; background-size: cover; } .imain .ipt4 .pt-bd .con-box{ width: 30%; position: absolute; top: 0; right: 0; text-align: right; z-index: 2; height: 100%; } .imain .ipt4 .pt-bd .con-box li{ display: none; } .imain .ipt4 .pt-bd .con-box li a{ display: block; color: #fff; } .imain .ipt4 .pt-bd .con-box li.cur{ display: block; padding: 15% 10%; } .imain .ipt4 .pt-bd .con-box li.cur .t{ font-size: 30px; } .imain .ipt4 .pt-bd .con-box li.cur .c{ font-size: 18px; margin-bottom: 9%; } .imain .ipt4 .pt-bd .dots{ position: absolute; bottom: 15%; right: 5%; z-index: 3; } .imain .ipt4 .pt-bd .owl-dot{ display: inline-block; margin: 0 6px; cursor: pointer; } .imain .ipt4 .pt-bd .owl-dot span{ display: block; width: 15px; height: 15px; background: #fff; border-radius: 50%; } .imain .ipt4 .pt-bd .owl-dot.active span{ width: 40px; border-radius: 30px; background: #facd00; } .imain .ipt5{ padding: 50px 0; position: relative; text-align: center; } .imain .ipt5 .info{ font-size: 16px; color: #fff; margin-bottom: 15px; } .imain .ipt5 a{ display: inline-block; width: 100px; height: 25px; line-height: 25px; border: 1px solid #fff; color: #fff; margin: 0 8px; position: relative; overflow: hidden; z-index: 1; transition: all .5s ease; } .imain .ipt5 a:after{ content:""; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #facd00;transition: all .5s ease; z-index: -1; } .imain .ipt5 a:hover:after{ top: 0; } .imain .ipt5 a:hover{ color: #000; } .imain .ipt5 #cav_box{ position: absolute; left: 0; top: 0; background: url(../img/ipt5_bg.png) no-repeat; width: 100%; height: 175px; z-index: -1; overflow: hidden; } .imain .ipt1 .anitOut{ background: url(../img/ipt5_bg.png) no-repeat; } /*创新联盟*/ .innovation .pt1{ background: #f2f2f2; margin-bottom: 80px; } .innovation .pt1 .box{ padding: 50px 60px; } .innovation .pt1 .tit{ font-size: 24px; color: #000; margin-bottom: 10px; } .innovation .pt1 .decs{ color: #666; } .innovation .pt2 li{ float: left; width: 20%; } .innovation .pt2 li a{ display: block; padding: 1px; border-top: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; text-align: center; cursor: default; } .innovation .pt2 li a img{ padding: 20px; } /*.innovation .pt2 .li1 a,.innovation .pt2 .li2 a,.innovation .pt2 .li3 a,.innovation .pt2 .li4 a,.innovation .pt2 .li5 a{ border-top: 0; } .innovation .pt2 .li5 a,.innovation .pt2 .li10 a{ border-right: 0; }*/ /*技术核心*/ .tec_core ul{ margin-bottom: 50px; } .tec_core li{ width: 32%; margin-right: 2%; float: left; cursor: pointer; position: relative; } .tec_core li .con{ position: absolute; bottom: 0; left: 0; width: 100%; background: url(../img/black.2.png); } .tec_core li .con .title{ padding: 15px 20px; color: #fff; font-size: 18px; } .tec_core .li3{ margin-right: 0; } .tec_core li.tab_t_cur .con{ background: #facd00; } .tec_core li.tab_t_cur .con .title{ color: #000; } .tec_core .tab_c{ position: relative; background: #f5f5f5; } .tec_core .tab_c .con{ padding: 60px 50px; min-height: 200px; } .tec_core .tab_c:after{ content: ""; position: absolute; top: -16px; width: 26px; height: 17px; background: url(../img/invest_zzz_03.png) no-repeat; display: none; } .tec_core .tab_c_cur:after{ display: block; } .tec_core .tab1:after{ left: 15%; } .tec_core .tab2:after{ left: 49%; } .tec_core .tab3:after{ left: 83%; } /*职业发展*/ .career_develop{ padding: 70px 0 0; } .career_develop li{ margin-bottom: 55px; background: #f3f3f3; } .career_develop li .imgbox,.career_develop li .conbox{ width: 50%; } .career_develop .odd .imgbox,.career_develop .even .conbox{ float: left; } .career_develop .even .imgbox,.career_develop .odd .conbox{ float: right; } .career_develop li .conbox .box{ padding: 30px 60px 0; } .career_develop li .conbox .box .title{ font-size: 20px; color: #000; } .career_develop li .conbox .box .line{ display: block; width: 55px; height: 2px; background: #facd00; margin: 10px 0 25px; } .career_develop li .conbox .box .info{ position: relative; height: 160px; overflow: hidden; padding-right: 10px; } body .scrollbar-ui .scroll_slider{ background: #facd00; } .new_chm .pt5 .pc_box{ display: block; } .new_chm .pt5 .mobile_box{ display: none; } /* download-4 start*/ .widget-download-4 .download_item{height: 104px;padding-right: .6%;line-height: 104px;border-bottom: 1px solid #e1e8ed;} .widget-download-4 .download_item:hover{ background-color: #eef2f5; border-color: #eef2f5;} .widget-download-4 .download_date{ width: 9.3%; height: 100%; padding-right: 2.9%; font-family: 'Arial'; text-align: right; color: #6b6b6b;} .widget-download-4 .download_date .center_box{ display: inline-block; vertical-align: middle;} .widget-download-4 .download_date span{ display: block; padding-right: 3px; font-size: 14px; line-height: 18px;} .widget-download-4 .download_date strong{ display: block; font-size: 30px; line-height: 32px; font-weight: normal;} .widget-download-4 .download_title{ width: 57%; padding-right: 3%; font-size: 16px; color: #272727; font-weight: normal;} .widget-download-4 .item_btn{ width: 10%; height: 100%; padding-left: 3.1%; font-size: 15px; color: #6b6b6b; line-height: 104px; background-position: center left; background-repeat: no-repeat;} .widget-download-4 .download_item:hover .download_date, .widget-download-4 .download_item:hover .item_btn{ color: #008ece;} .widget-download-4 .item_btn{padding-left: 0;margin-right: 1%;} @media only screen and (max-width: 992px) { .widget-download-4 .download_date{width: 12.3%;} .widget-download-4 .item_btn{width: 14%;} .widget-download-4 .download_title{width: 50%;padding-right:0; } } @media only screen and (max-width: 760px){ .widget-download-4 .download_date{ width: 11%;} .widget-download-4 .download_title{ width: 55%;} .widget-download-4 .item_btn{ width: 10%; padding-left: 4%;} .widget-download-4 .download_item{ height: auto; line-height: 66px;} .widget-download-4 .download_date{ width: 28%; line-height: 124px;} .widget-download-4 .download_title{ width: 68%; padding-right: 0; border-bottom: 1px solid #e1e8ed;} .widget-download-4 .item_btn{ float: right; width: 25%; line-height: 56px;} } @media only screen and (max-width: 480px) { .widget-download-4 .item_btn{padding: 0;width: 32%;} } /* widgets_xc_piclist_11 start*/ .widgets_xc_piclist_11 { margin-bottom:20px; } .widgets_xc_piclist_11 ._info{ padding: 20px; background: #aaaaaa; color: #fff;} .widgets_xc_piclist_11 ._info h3{ margin-bottom: 15px; font-weight: normal;} .widgets_xc_piclist_11 ._info .ion{ color: #fbdd34;} .widgets_xc_piclist_11 li{ cursor: pointer; margin-bottom: 40px; } .widgets_xc_piclist_11 li:hover ._info{ background: #008ece; color: #fff;} .widgets_xc_piclist_11 li:hover ._info .ion{ color: #fff; } .widgets_xc_piclist_11 ._img ._mask{ z-index: 4; width: 100%; height: 0%; overflow: hidden; position: absolute; left: 0; bottom: 0;background:rgba(0,142,206,.6);opacity: 0;transition: all 0.5s ease;overflow: hidden;} .widgets_xc_piclist_11 li:hover ._img ._mask{opacity: 1;transition: all 0.5s ease;height: 100%;} .widgets_xc_piclist_11 ._img i{ display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; margin-top: -24px; margin-left: -15px; font-size: 30px;color: #fff;padding: 0;opacity: 0;} .widgets_xc_piclist_11 li:hover ._img i{opacity: 1;transition: all 0.5s ease;} body .content-51976 .Form-J1 .Form-J1-Btn button{ width: 200px; height: 50px; line-height: 50px; font-size: 16px; } body .content-51976 .Form-J1 .Form-J1-Btn ._submit{ margin-right: 40px; } .about_p2{ display: none; } .imain .ipt1 .video_box .iplay{ display: none; } /*20180823*/ .imain .ipt1{padding:0;} .imain .ipt1 .left{padding-top:70px;} .imain .ipt1 .video_box .rect-55{padding-bottom:80%;} .imain .ipt2 .pt_hd,.imain .ipt4 .pt-hd{font-size:16px;} .new_list .list_bd{width:68%;} .widgets_xc_newslist_num_4_r.c_search_box{width:28%; margin-bottom:20px;} .widgets_xc_newslist_num_4_r.c_search_box .serch_title{margin-bottom:10px;color:#333; font-size: 24px;} .widgets_xc_newslist_num_4_r.c_search_box .serch_box{background:#f4f4f4; padding:12.5% 10%; margin-bottom:20px;} .widgets_xc_newslist_num_4_r.c_search_box .serch_inp{background:#fff; margin-bottom:14px; font-size:16px;} .widgets_xc_newslist_num_4_r.c_search_box .serch_inp .select_box01,.widgets_xc_newslist_num_4_r.c_search_box .serch_inp input{width:88%; height:40px;line-height:40px; background:none; border:none; padding:0; margin:0; color:#666666; padding:0 6%; border-radius:0;} .widgets_xc_newslist_num_4_r.c_search_box .serch_btn{width:100%;height:40px;line-height:40px;text-align:center;color:#fff;font-size:18px;border:none;cursor:pointer;background: #008ece;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .widgets_xc_newslist_num_4_r.c_search_box .serch_inp ._arrow{width:40px;height:40px;background:#008ece;} .widgets_xc_newslist_num_4_r.c_search_box .serch_inp ._arrow .arr{border-color: #fff transparent transparent; left: 50%; margin-left: -.4em;} .widgets_xc_newslist_num_4_r.c_search_box .serch_inp .on ._arrow .arr{border-color: transparent transparent #fff;} .widgets_xc_newslist_num_4_r.c_search_box .select-ui-choose-default ._txt{padding:0;} .widgets_xc_newslist_num_4_r.c_search_box .serch_btn:hover{background:#008ece;} @media screen and (max-width:992px){ .new_list .list_bd{width:100%;} .widgets_xc_newslist_num_4_r.c_search_box{width:100%;} } .innovation .pt2 li a .t{line-height:30px;background:#ababab; font-size:16px; color:#fff;padding:20px;} .innovation .pt2 li:hover .t{background:#008ece;} .innovation .pt2 li{ width: 24%; margin-right: 1%; margin-bottom: 15px; } .innovation .pt2 li a{ border: 1px solid #e4e4e4; padding: 0; } .new_chm .pt5{ margin-bottom: 40px; } .new_list .list_bd li { background-color:#f4f4f4; clear:both; overflow:hidden; padding:17px; margin-bottom:30px;} .new_list .list_bd .img { width:24%; height:0; padding-bottom:16%; overflow:hidden; float:left; position:relative; margin-right:3%;} .new_list .list_bd .img img { display:block; width:100%; height:auto;} .new_list .list_bd .intro .n { font-size:22px; font-weight:normal; height:36px; line-height:36px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#333;} .new_list .list_bd .intro time { font-size:14px; color:#999;} .new_list .list_bd .intro .text { border-top:#999 1px dotted; overflow:hidden; padding-top:10px; margin-top:5px; color:#333; font-size:12px;} .new_list .list_bd a:hover .n { color:#01a2ea;} /*公司简介 new*/ .about_new{ background: #eee; } .about_new li{ padding: 20px 40px; } .about_new li .imgbox,.about_new li .con{ width: 49%; } .about_new li .imgbox{ float: right; } .about_new li.odd .imgbox{ float: left; } .about_new li .con{ float: left; } .about_new li.odd .con{ float: right; } /*20190726*/ .cg{ width: 30%!important } .cg2{ width: 65%!important }