/* * 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:#4479c9;} .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:83.3%; margin-right:auto; margin-left:auto; transition:all 0.5s ease;} .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:16px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover { color:#4479c9;} /* ::-moz-selection {color:#fff; background:#4479c9; }*/ ::selection {color:#fff; background:#4479c9;} ::-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) } /* 网站样式 */ .header{position:absolute; left:0; top:0; width:100%; z-index:105; border-bottom:1px solid #fff; border-color:rgba(255,255,255,.2); transition:all 0.5s ease; z-index:99;} .header .logo{padding:22px 0 21px;} .header .logo a{display:block; font-size:0;} .header .logo a .img1{display:block;} .header .logo a .img2{display:none;} .header .h_tools{padding:0 17px; height:42px; line-height:42px; border:1px solid #fff; margin:29px 0; border-color:rgba(255,255,255,.15); border-radius:30px; color:#fff; color:rgba(255,255,255,.5);} .header .h_tools .h_lan{padding:0 25px;} .header .h_tools .h_search{padding:0 25px; position:relative;} /* .header .h_tools .h_search:after{content:''; width:1px; height:1px; height:13px; background:#fff; background:rgba(255,255,255,.5); position:absolute; left:0; top:50%; margin-top:-6px;} */ /* 头部吸顶 */ .header.fixed {background:url(../img/black.6.png) center; background:rgba(0,0,0,.5); position:fixed; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2);} .header.fixed .logo a .img1{display:none;} .header.fixed .logo a .img2{display:block;} .header.fixed .inav .nav_li{color:#232d46;} .header.fixed .h_tools{color:#232d46; border-color:#adadad;} .header.fixed .h_tools .h_search:after{background:#232d46;} /* 头部触控 */ .header:hover {background:url(../img/black.6.png) center; background:rgba(0,0,0,.5); position:fixed; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2);} .header:hover .logo a .img1{display:none;} .header:hover .logo a .img2{display:block;} .header:hover .inav .nav_li{color:#232d46;} .header:hover .h_tools{color:#232d46; border-color:#adadad;} .header:hover .h_tools .h_search:after{background:#232d46;} /* 手机菜单 */ .header .mobile_key {display:none;} .m_nav {display:none;} /* 导航 */ .header .nav_bg{background:url(../img/black.6.png) center; background:rgba(0,0,0,.5); position:absolute; left:0; top:100%; width:100%; height:400px; display:none;} .header .inav_wrapper{margin-right:7%; position:relative; z-index:3;} .header .inav .nav_li{float:left; padding:0 20px; font-size:16px; color:#fff; line-height:44px; position:relative;} .header .inav .nav_li .nav_a{display:block; padding:29px 34px;} .header .inav .nav_li .nav_down{position:absolute; top:100%; width:100%; left:0; display:none;} .header .inav .nav_li .nav_down ul{text-align:center; padding:40px 10px; height:400px; box-sizing:border-box; transition:all 0.5s ease;} .header .inav .nav_li .nav_down ul li{font-size:0; line-height:36px;} .header .inav .nav_li .nav_down ul li a{font-size:14px; color:#fff; color:rgba(255,255,255,.7); position:relative; display:inline-block;} .header .inav .nav_li .nav_down ul li a:after{content:''; width:100%; height:1px; background:#fff; position:absolute; left:0%; bottom:2px; transform:scale(0); transition:all 0.5s ease;} .header .inav .nav_li .nav_down ul li a:hover:after{transform:scale(1);} .header .inav .nav_li:hover .nav_a{color:#4479c9;} .header .inav .nav_li:hover .nav_down ul{background:#4479c9; background:#4479c9;} .header .inav .nav_li:hover .nav_down ul li{color:#fff;} .header .inav .nav_li.cur{color:#4479c9;} /* 底部 */ .pageFooter{background:#121a38; position:relative; z-index:3;} .f_top{padding:60px 0 70px} .f_top .left{width:30%; float:left; margin-bottom:45px;} .f_top .left .f_logo{margin-bottom:45px;} .f_top .left .f_contact .pic{width:23%;} .f_top .left .f_contact .info{float:left; width:50%; margin-left:4%; color:#fff;;} .f_top .left .f_contact .info .t{font-size:20px; line-height:27px; margin:15px 0;} .f_top .left .f_contact .info .c{font-size:36px; line-height:36px; font-weight:bold;} .f_top .left .f_share{margin-top:20px;} /* .f_top .left .f_share .share{position:relative; float:left; cursor:pointer;} .f_top .left .f_share .share .icon{width:28px; height:28px; background:url(../img/f_share.png); margin-right:14px;} .f_top .left .f_share .share .ewm{position:absolute; left:50%; margin-left:-50px; top:100%; margin-top:10px; width:100px; height:100px; display:none;} .f_top .left .f_share .weixin .icon{background-position:0 0;} .f_top .left .f_share .douyin .icon{background-position:-28px 0;} */ .f_top .left .f_share .bshare-custom{overflow:hidden;} .f_top .left .f_share .bshare-custom a{display:block; float:left; width:36px; height:36px; text-align:center; padding:0; line-height:36px; border-radius:50px; color:#fff; background:#e4e4e4; margin-right:8px;} .f_top .left .f_share .bshare-custom a i{background:none; margin:0; vertical-align:top; font-size:20px;} .f_top .right{width:68%; float:left;} .f_top .right dl{width:30%; margin-right:3%; float:left; color:#fff;} .f_top .right dl dt{font-size:22px; line-height:30px;} .f_top .right dl dd{font-size:16px; line-height:30px; color:rgba(255,255,255,.6);margin-top:15px;} .f_bott{line-height:32px; color:#fff; color:rgba(255,255,255,.4);} .f_bott .content{padding:20px 0; border-top:1px solid #454b63;} .f_bott .content .left{float:left; font-size:14px;} .f_bott .content .left a{display:inline-block; margin:0 5px;} .f_bott .content .right{float:right;} .f_bott .content .right .item{float:right; position:relative; margin-left:30px; cursor:pointer;} .f_bott .content .right .item .t{font-size:14px;} .f_bott .content .right .item .t .icon{display:inline-block; width:15px; height:9px; background:url(../img/f_jt.png) no-repeat center;} .f_bott .content .right .item .down{position:absolute; overflow:hidden; bottom:100%; width:130px; left:50%; margin-left:-65px; background:#fff; border-radius:3px; padding:10px 0; display:none;} .f_bott .content .right .item .down li{text-align:center; transition:.5s ease; color:#303c48; line-height:30px; cursor:pointer;} .f_bott .content .right .item .down li:hover{background:#f3f3f3; color:#4479c9;} /* 公共按钮 */ .common_more{display:inline-block; padding:0 95px 0 50px; border:1px solid #fff; border-color:rgba(255,255,255,.3); border-radius:10px; position:relative;} .common_more span{display:inline-block;} .common_more span.text{font-size:16px; line-height:58px; color:#fff;} .common_more span.icon{width:26px; height:14px; background:url(../img/more_jt.png) no-repeat center; position:absolute; top:50%; margin-top:-7px; right:47px; transition:all 0.5s ease;} .common_more:hover span.icon{right:35px;} /* 下层banner */ .xc_banner{height:503px; position:relative;} .xc_banner>img{position:absolute; left:50%; margin-left:-960px; top:0; max-width:none; width:1920px;} .xc_banner .intro{position:absolute; left:0; width:100%; bottom:200px;} .xc_banner .intro .tit{font-size:40px; line-height:40px; color:#fff; text-align:center;} /* 下层导航 */ .xc_nav{height:60px; position:absolute; width:100%; bottom:0;} .xc_nav_box{background:url(../img/black50.png) center; height:60px; line-height:60px; position:relative; z-index:4;} .xc_nav li{float:left; height:60px} .xc_nav li.home{border-left:1px solid #fff; border-right:1px solid #fff; border-color:rgba(255,255,255,.2); box-sizing:border-box;} .xc_nav li.home .icon{display:block; width:55px; background:url(../img/home.png) no-repeat center; height:100%;} .xc_nav li.li_{width:250px; font-size:14px; position:relative;} .xc_nav li.li_>a{width:100%; height:100%; display:block;} .xc_nav li.li_>a span {display:block; padding-left:20px; color:#fff; line-height:60px; text-align:left; border-right:1px solid rgba(255,255,255,.2); background:url(../img/xc_nav_jt.png) no-repeat 90% 50%;} .xc_nav li.li_ ul{border:1px solid #d8d8d8; border-top:0; border-bottom:0; position:absolute; left:0; top:100%; width:100%; display:none; box-sizing:border-box;} .xc_nav li.li_ ul li {width:100%; background:#f5f5f5; border-bottom:1px solid #d8d8d8;} .xc_nav li.li_ ul li a{font-size:14px; display:block; padding:0 20px; color:#535353;} .xc_nav li.li_ ul li a:hover {background:#ededed;} .xc_nav li.li_ ul li.active a{background:#4479c9;color:#fff;} .xc_nav.fixed .xc_nav_box{position:fixed; left:0; top:0; width:100%; background:#000;} /* 内容区 */ .channel_content{padding:65px 0; min-height:300px; position:relative; z-index:3; background:#fff;} /* 首页 */ /*banner 内容部分*/ .ibanner{position:relative; height:940px; overflow:hidden;} .ibanner .item{height:940px; overflow:hidden; position:relative;} .ibanner .owl-carousel .owl-item .img_{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; } .ibanner .owl-carousel .item video{position:absolute; left:50%; margin-left:-960px; width:1920px; z-index:2;} .ibanner .owl-carousel .item{opacity:0; visibility:hidden;} .ibanner .owl-carousel.owl-loaded .item{opacity:1; visibility:visible;} /* iban 文字 */ .ibanner .iban_word{position:absolute; left:0; width:100%; top:350px; z-index:3;} .ibanner .iban_word .intro{width:60%; margin:0 auto; text-align:center;} .ibanner .iban_word .intro .t{font-size:62px; line-height:90px; color:#fff; margin-bottom:60px;} .ibanner .iban_word .intro .t span{display:block;} /* iban 列表 */ .ibanner .list{position:absolute; left:0; width:100%; bottom:0; z-index:3; border-top:1px solid #fff; border-color:rgba(255,255,255,.25);} .ibanner .list li{float:left; width:25%; padding:43px 0;} .ibanner .list li .icon{width:81px; height:59px; float:left;} .ibanner .list li .info{width:calc(100% - 111px); float:left; margin-left:30px; color:#fff;} .ibanner .list li .info .t{font-size:40px; line-height:40px; font-family:Arial; font-weight:bold;} .ibanner .list li .info .c{font-size:22px; line-height:25px; color:rgba(255,255,255,.6);} /* iban 箭头 */ .ibanner .cursor{position:fixed; top:0; left:0; z-index:30; pointer-events:none;display:none;} .ibanner .cursor .cursorIcon{width:33px; height:54px; background:url(../img/cursor-left.png) no-repeat center; transition:all .5s ease; -webkit-transition:all .5s ease;} .ibanner .cursor.right .cursorIcon{background:url(../img/cursor-right.png) no-repeat center;} /* 第一部分 */ .ipart01{padding:65px 0} .ipart01 .infor{text-align:center;} .ipart01 .infor .tit{font-size:42px; line-height:42px; color:#232d46; margin-bottom:10px;} .ipart01 .infor .con{font-size:18px; line-height:27px; color:#54657f;} .ipart01 .content{margin-top:50px;} .ipart01 .content .left{width:41%; float:left;} .ipart01 .content .left .scroll_con{height:399px; overflow:hidden;} .ipart01 .content .left li{border-bottom:1px solid #F2F8FA} .ipart01 .content .left .li_box{padding:28px 24px 24px; display:block;} .ipart01 .content .left .li_box .date{width:17%; color:#A7A7A7; transition:all 0.5s ease;} .ipart01 .content .left .li_box .date .day{font-size:60px; line-height:1;} .ipart01 .content .left .li_box .date .year {font-size:16px; line-height:20px; color:#888585;} .ipart01 .content .left .li_box .intro{width:82%; float:left; margin-top:5px;} .ipart01 .content .left .li_box .intro .t{font-size:24px; line-height:30px; color:#252424; margin-bottom:11px; transition:all 0.5s ease;} .ipart01 .content .left .li_box .intro .c{font-size:18px; line-height:26px; color:#54657f;transition:all 0.5s ease;} .ipart01 .content .left .scroll_btn .btns{width:49%; float:left; margin-right:1%; height:25px; line-height:25px; text-align:center; font-size:16px;background:#e7e7e7; color:#fff; font-weight:bold; cursor:pointer; transition:all 0.5s ease;} .ipart01 .content .left .scroll_btn .btns:hover{background:#4479c9;} .ipart01 .content .left li:hover .li_box .date{color:#4479c9;} .ipart01 .content .left li:hover .li_box .intro .t{color:#4479c9;} .ipart01 .content .left li:hover .li_box .intro .c{color:#4479c9;} .ipart01 .content .right{width:56%; float:right;} .ipart01 .content .right .rect-62{padding-bottom:62%; border-radius:10px;} .ipart01 .content .right .cell{width:47.7%; margin-left:3.5%; float:left;} .ipart01 .content .right .cell a{display:block;} .ipart01 .content .right .cell:first-child{margin-left:0;} .ipart01 .content .right .cell .img_{position:relative;} .ipart01 .content .right .cell .img_:after{content:''; width:55px; height:55px; background:url(../img/ipart01_2.png) no-repeat center; transition:all 0.5s ease; position:absolute; left:50%; margin-left:-27px; bottom:-27px;} .ipart01 .content .right .cell .intro{margin-top:50px;} .ipart01 .content .right .cell .intro .t{font-size:24px; color:#1f1f1f; line-height:26px; margin-bottom:7px;} .ipart01 .content .right .cell .intro .d{font-size:20px; line-height:20px; color:#a8a8a8; margin-bottom:7px;} .ipart01 .content .right .cell .intro .c{font-size:18px; color:#54657f; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .ipart01 .content .right .cell:hover .img_:after{background:url(../img/ipart01_3.png) no-repeat center;} .ipart01 .content .right .cell:hover .intro .t{color:#4479c9;} .ipart02 .rect-22{padding-bottom:22%;} .ipart02 a{display:block;} .ipart02 .left{width:50%; float:left; position:relative;} .ipart02 .left .intro{width:100%; position:absolute; left:0; top:0;} .ipart02 .left .intro .box{padding:70px 50px 20px 190px; color:#fff;} .ipart02 .left .intro .box .t{font-size:36px; line-height:36px; margin-bottom:12px;} .ipart02 .left .intro .box .c{font-size:16px; line-height:36px;} .ipart02 .right{width:50%; float:right; position:relative} .ipart02 .right .intro{width:100%; position:absolute; left:0; top:0;} .ipart02 .right .intro .box{padding:70px 50px 20px 115px; color:#fff;} .ipart02 .right .intro .box .t{font-size:36px; line-height:36px; margin-bottom:12px;} .ipart02 .right .intro .box .c{font-size:16px; line-height:36px;} .ipart03{padding:80px 0 100px; position:relative;} .ipart03 .left_bg{position:absolute; top:0%; z-index:1;} .ipart03 .right_bg{position:absolute;top:204px;right:0;z-index:1;} .ipart03 .wrap{position:relative; z-index:2;} .ipart03 .top_ .infor{text-align:center;} .ipart03 .top_ .infor .tit{font-size:42px; line-height:42px; color:#232d46; margin-bottom:12px;} .ipart03 .top_ .infor .con{font-size:18px; line-height:30px; color:#54657f;} .ipart03 .top_ .content{margin-top:60px;} .ipart03 .top_ .content .rect-76{padding-bottom:76%;} .ipart03 .top_ .content li{width:31.5%; float:left; margin-left:2%; background:#fff; box-shadow:0 0 25px rgba(0,0,0,.1); border-radius:20px; } .ipart03 .top_ .content li:first-child{margin-left:0;} .ipart03 .top_ .content li .box{padding:50px 70px;} .ipart03 .top_ .content li .box .icon{width:80px; height:80px; margin:0 auto; background-position:0 -80px; transition:all 0.5s ease;} .ipart03 .top_ .content li .box .tit{font-size:24px; line-height:30px; color:#374567; padding-top:26px; transition:all 0.3s ease; text-align:center;} .ipart03 .top_ .content li .box .con{font-size:16px; line-height:40px; color:#fff; text-align:center; opacity:0; visibility:hidden; transition:all 0.5s ease; margin-top:10px;} .ipart03 .top_ .content li .box .con .icon{display:inline-block; width:26px; height:14px; background:url(../img/more_jt.png) no-repeat center; margin-left:14px;} .ipart03 .top_ .content li:hover .box .icon{transform:rotateY(180deg);} .ipart03 .top_ .content li:hover .box .con{opacity:1; visibility:visible;} .ipart03 .bott_{margin-top:120px;} .ipart03 .bott_ .infor_l{position:relative;} .ipart03 .bott_ .infor .tit{font-size:42px; line-height:42px; color:#232d46; margin-bottom:12px;} .ipart03 .bott_ .infor .con{font-size:18px; line-height:30px; color:#54657f;} .ipart03 .bott_ .infor_l .line{margin-top:25px;} .ipart03 .bott_ .infor_r {margin-top:60px;} .ipart03 .bott_ .infor_r .common_more{background:#4479c9; color:#fff;} .ipart03 .bott_ .infor_r .common_more span.text{line-height:63px;} .ipart03 .bott_ .content {margin-top:60px;} .ipart03 .bott_ .content li{float:left; width:30%; margin-left:3.3%;} .ipart03 .bott_ .content li:first-child{margin-left:0;} .ipart03 .bott_ .content li .rect-786{padding-bottom:78.6%; border-radius:5px;} .ipart03 .bott_ .content li .li_box{display:block;} .ipart03 .bott_ .content li .intro .box{padding:30px 20px 0; text-align:center; border-bottom:4px solid #104ecf;} .ipart03 .bott_ .content li .intro .box .t{font-size:26px; line-height:30px; color:#374567;} .ipart03 .bott_ .content li .intro .box .c{font-size:16px; line-height:24px; color:#54657f; margin:15px 0 20px; height:72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .ipart03 .bott_ .content li .intro .box .more{font-size:16px; line-height:43px; color:#4479c9; font-weight:bold;} .ipart04{height:520px; overflow:hidden; background:url(../img/ipart04_1.jpg) no-repeat center; background-attachment:fixed; padding:96px 0 160px; box-sizing:border-box;} .ipart04 .content{position:relative;} .ipart04 .content .intro .tit{font-size:20px; line-height:24px; color:#c9daff;} .ipart04 .content .intro .con{font-size:44px; line-height:60px; color:#fff; margin:15px 0 40px} .ipart04 .content .intro .con span{display:block;} .ipart04 .content .intro .common_more{background:#fff;} .ipart04 .content .intro .common_more span.text{color:#4479c9; line-height:60px;} .ipart04 .content .intro .common_more span.icon{background:url(../img/more_j2.png) no-repeat center;} .ipart04 .content .play{position:absolute; width:117px; height:117px; background:url(../img/ipart04_play.png) no-repeat center; right:0; top:50%; margin-top:-58px; cursor:pointer;} .ipart05{margin-bottom:100px;} .ipart05 .content{background:#fff; box-shadow:0 0 30px rgba(0,0,0,.1); margin-top:-94px; border-radius:10px;} .ipart05 .content ul{padding:60px;} .ipart05 .content ul li{float:left; width:25%; text-align:center; position:relative;} .ipart05 .content ul li:after{content:''; width:1px; height:108px; background:#9EBAED; position:absolute; left:0; top:50%; margin-top:-54px;} .ipart05 .content ul li:first-child:after{display:none;} .ipart05 .content ul li .num{font-size:42px; line-height:42px; font-family:Arial; color:#232323; font-weight:bold; margin-bottom:3px;} .ipart05 .content ul li .num1{font-size:42px; line-height:42px; font-family:Arial; color:#232323; font-weight:bold; margin-bottom:3px;} .ipart05 .content ul li .txt{font-size:22px; line-height:40px; color:#54657f;} .ipart06 .left{width:42%; float:left;} .ipart06 .left .rect-91{padding-bottom:91%;} .ipart06 .right{width:51.5%; float:right;} .ipart06 .right .intro .tit{font-size:42px; line-height:42px; color:#232d46; margin-bottom:20px;} .ipart06 .right .intro .con{font-size:18px; line-height:30px; color:#54657f;} .ipart06 .right .content{margin-top:50px;} /* .ipart06 .right .content li{width:40%; margin-right:5%; float:left; margin-bottom:60px;} .ipart06 .right .content li .icon{width:73px; height:73px; float:left; transition:all 0.5s ease;} .ipart06 .right .content li .info{width:calc(100% - 98px); float:left; margin-left:25px; color:#fff;} .ipart06 .right .content li .info .t{font-size:22px; line-height:30px; color:#374567; margin-bottom:10px} .ipart06 .right .content li .info .c{font-size:16px; line-height:21px; color:#54657f;} .ipart06 .right .content li:hover .icon{transform:rotateY(180deg)} */ .ipart06 .right .content .dd{width:32%; margin-right:2%; float:left; height:55px; line-height:55px; position:relative; border:1px solid #E4E9FF; box-sizing:border-box; margin-bottom:15px; color:#333; transition:all 0.5s ease; background:#f8f9fe;} .ipart06 .right .content .dd_three{margin-right:0;} .ipart06 .right .content .dd span{display:block;} .ipart06 .right .content .dd span.text{font-size:16px; padding-left:45px; padding-right: 20px;} .ipart06 .right .content .dd span.icon{width:11px; height:11px; background:url(../img/ipt6_dot.png) no-repeat center; position:absolute; left:17px; top:50%; margin-top:-5px;} .ipart06 .right .content .dd:hover{background:#4479c9; color:#fff;} .ipart07{padding:75px 0 50px; background:#f2f6f8;} .ipart07 .infor{text-align:center;} .ipart07 .infor .tit{font-size:42px ; line-height:42px; color:#232d46; margin-bottom:20px;} .ipart07 .infor .con{font-size:18px; line-height:26px; color:#54657f;} .ipart07 .content{margin-top:50px;} .ipart07 .content .picMarquee-left{overflow:hidden; position:relative; height:421px;} .ipart07 .content .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } .ipart07 .content .picMarquee-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;} .ipart07 .content .picMarquee-left .bd ul li .pic{ text-align:center;} .ipart07 .content .picMarquee-left .bd ul li .pic img{display:block;} /* 新闻列表 */ .news_list01 .inp_wrap{background:#f7f8fa; height:67px; line-height:67px; padding-left:72px; position:relative;} .news_list01 .inp_wrap .inp{height:67px; line-height:67px; width:calc(100% - 72px); padding:0; margin:0; border:none; background:none; font-size:20px;} .news_list01 .inp_wrap .inp::-webkit-input-placeholder {color:#b9bec7;} .news_list01 .inp_wrap .btns{width:23px; height:23px; background:url(../img/news_list01_1.png) no-repeat center; border:none; padding:0; margin:0; position:absolute; top:50%; margin-top:-11px; left:24px; cursor:pointer;} .news_list02{margin-top:55px;} .news_list02 .li_{width:32%; float:left; margin-right:2%; margin-bottom:55px;} .news_list02 .li_three{margin-right:0;} .news_list02 .li_ .rect-3422{padding-bottom:34.22%;} .news_list02 .li_ .rect-77{padding-bottom:77%;} .news_list02 .li_ .rect-60{padding-bottom:60%;} .news_list02 .li_ .rect-51{padding-bottom:51.2%;} .news_list02 .li_ .img_{position:relative; z-index:2;} .news_list02 .li_ .img_ img{transition:all 0.5s ease;} .news_list02 .li_ .title{font-size:22px; line-height:22px; color:#fff; position:absolute; left:35px; bottom:25px;} .news_list02 .li_ .intro_{background:#f2f5f8; position:relative; border-bottom:4px solid #a5a2a2;} .news_list02 .li_ .intro_:after{content:''; width:100%; height:4px; background:#4479c9; position:absolute; left:0; bottom:-4px; transform:scale(0); transition:all 0.5s ease;} .news_list02 .li_ .intro_ .box{padding:50px 40px 30px 35px;} .news_list02 .li_ .intro_ .box .tit{font-size:32px; line-height:42px; color:#374567; transition:all 0.5s ease; margin-bottom:30px; max-height:84px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .news_list02 .li_ .intro_ .box .con{font-size:16px; line-height:28px; color:#54657f; height:112px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; } .news_list02 .li_ .intro_ .box .date{position:absolute; left:35px; bottom:28px; font-size:15px; color:#b6b6b6; line-height:23px;} .news_list02 .li_ .intro_ .box .icon{width:26px; height:25px; background:url(../img/news_list02_3.png) no-repeat center; position:absolute; right:30px; bottom:20px;} .news_list02 .li_ .intro_ span{display:block; font-size:12px; color:#fff; text-align:center; width:100px; height:27px; line-height:27px; background:#4479c9; position:relative; margin-bottom:42px} .news_list02 .li_ .intro_ span:after{content:''; width:14px; height:15px; background:url(../img/news_list02_2.png) no-repeat center; position:absolute; top:100%; left:0;} .news_list02 .li_.no_img .img_:after{content:''; width:14px; height:15px; background:url(../img/news_list02_2.png) no-repeat center; position:absolute; top:100%; left:35px;} .news_list02 .li_.has_img .intro_ .box{padding-top:30px;} .news_list02 .li_:hover .intro_:after{transform:scale(1)} .news_list02 .li_:hover .intro_ .box .tit{color:#4479c9;} .news_list02 .li_:hover .img_ img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .news_list02 .widgets_common_pages_6{margin-top:0;} /* 分页 start*/ .widgets_common_pages_6{font-size:0; margin-top:50px;} .widgets_common_pages_6 a, .widgets_common_pages_6 span{line-height:58px; color:#666; background:#f1f1f1; display:inline-block;vertical-align:middle; text-align:center; padding:0 30px; font-size:14px; margin:0;} .widgets_common_pages_6 a:hover, .widgets_common_pages_6 span.current{color:#fff; background:#4479c9;} @media only screen and (max-width:760px){ .widgets_common_pages_6 a, .widgets_common_pages_6 span{line-height:30px; padding:0 10px;} } /* 分页 end*/ /* 新闻详细 */ .news_detail_jt{position:absolute; right:0; bottom:90px; text-align:right; width:100%;} .news_detail_jt .box{float:right;} .news_detail_jt a{float:left; display:block; width:45px; height:46px; margin-left:10px;} .news_detail_jt a.prev_jt{background:url(../img/news_detail_jt1_on.png) no-repeat center; background-size:cover;} .news_detail_jt a.next_jt{background:url(../img/news_detail_jt2.png) no-repeat center;background-size:cover;} .news_detail_jt a.back{background:url(../img/back.png) no-repeat center;background-size:cover;} .news_detail01 .left{width:63%; float:left;} .news_detail01 .left .title{font-size:39px; line-height:52px; color:#000; margin-bottom:30px;} /* .news_detail01 .left .con{padding-bottom:35px;} */ .news_detail01 .left .con .box{padding:25px 50px 25px 25px; color:#fff; background:#4479c9;} .news_detail01 .left .con .box .date{font-size:33px; line-height:60px; font-family:Arial} .news_detail01 .left .con .box .text{font-size:16px; line-height:30px; padding-left:70px; height:60px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_detail01 .left .myart{font-size:16px; color:#666; line-height:2; border-top:1px solid #DCDCDC; padding-top:35px;} .news_detail01 .right{width:31%; float:right;} .news_detail01 .right .inp_wrap{border:1px solid #B7B7B7; border-radius:10px; height:50px; line-height:50px; padding-left:55px; position:relative;} .news_detail01 .right .inp_wrap .icon{width:23px; height:22px; background:url(../img/news_detail01_1.png) no-repeat center; position:absolute; left:16px; top:50%; margin-top:-11px;} .news_detail01 .right .inp_wrap .inp{height:50px; line-height:50px; border:none; padding:0; margin:0; border-radius:10px; width:calc(100% - 105px);} .news_detail01 .right .inp_wrap .btns{width:105px; height:50px; line-height:50px; background:#4479c9; color:#fff; font-size:16px; color:#fff; border-radius:10px; padding:0; margin:0; border:none; position:absolute; right:0; top:0; cursor:pointer; outline:none} .news_detail01 .right .news_share{ margin:20px 0 24px;} .news_detail01 .right .news_share .bshare-custom{overflow:hidden;} .news_detail01 .right .news_share .bshare-custom a{display:block; float:left; width:36px; height:36px; text-align:center; padding:0; line-height:36px; border-radius:5px; color:#fff; background:#e4e4e4; margin-right:8px;} .news_detail01 .right .news_share .bshare-custom a i{background:none; margin:0; vertical-align:top; font-size:20px;} .news_detail01 .right ul li{background:#F2F6F8; border-radius:10px; margin-bottom:34px;} .news_detail01 .right ul li .li_box{display:block; padding:55px 47px 45px;} .news_detail01 .right ul li .li_box .tit{font-size:26px; line-height:40px; color:#444; margin-bottom:13px; max-height:80px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.5s ease;} .news_detail01 .right ul li .li_box .con{font-size:15px; line-height:27px; color:#666; height:81px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-bottom:15px;} .news_detail01 .right ul li .li_box .date{font-size:14px; line-height:26px; color:#999;} .news_detail01 .right ul li:hover .li_box .tit{color:#4479c9;} /* 关于我们 */ .about_us.channel_content{padding-bottom:0;} .about_us01{padding-bottom:100px;} .about_us01 .left{width:43%; float:left; margin-top:75px;} .about_us01 .left .infor .tit{font-size:42px; line-height:42px; color:#232d46; margin-bottom:60px; position:relative;} .about_us01 .left .infor .tit::after{content:''; width:133px; height:52px; background:url(../img/tit_jb.png) no-repeat center; position:absolute; top:10px; left:-35px; z-index:-1;} .about_us01 .left .infor .con{font-size:16px; line-height:32px; color:#54657f;} .about_us01 .right{width:50.5%; float:right;} .about_us01 .right .rect-68{padding-bottom:68%; border-radius:10px;} .about_us02{background:url(../img/about_us02_1.jpg) no-repeat center; padding:65px 0 75px; background-size:cover;} .about_us02 .infor{text-align:center; color:#fff} .about_us02 .infor .tit{font-size:42px; line-height:42px; margin-bottom:25px;} .about_us02 .infor .con{font-size:16px; line-height:36px;} .about_us02 .content{text-align:center; margin-top:40px;} .about_us02 .content img{display:inline-block;} .about_us03{padding:90px 0 70px;} .about_us03 .left{width:44%; float:left;} .about_us03 .left .infor .tit{font-size:42px; line-height:42px; color:#232d46; margin-bottom:50px; position:relative;} .about_us03 .left .infor .tit::after{content:''; width:133px; height:52px; background:url(../img/tit_jb.png) no-repeat center; position:absolute; top:10px; left:-35px; z-index:-1;} .about_us03 .left .infor .con{font-size:16px; line-height:32px; color:#54657f;} .about_us03 .left .content{margin-top:50px;} .about_us03 .left .content li{width:42%; float:left; margin-right:8%; margin-bottom:35px; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.2);} .about_us03 .left .content li .li_box{padding:25px 25px 22px;} .about_us03 .left .content li .icon{width:50px; height:58px; margin:0 auto 15px; transition:all 0.5s ease;} .about_us03 .left .content li .text{font-size:20px; line-height:30px; color:#374567; text-align:center;} .about_us03 .left .content li:hover .icon{transform:rotateY(180deg);} .about_us03 .right{width:50.5%; float:right;} .about_us03 .right .rect-68{padding-bottom:68%; border-radius:10px;} /* 招聘列表 */ .job_list.channel_content{padding:0;} .job_list01 .left{width:66.7%; float:left; position:relative;} .job_list01 .left .rect-72{padding-bottom:71.5%;} .job_list01 .intro{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;} .job_list01 .intro .box{padding-left:15%;} .job_list01 .intro .box .cover{background:url(../img/job_list01_cover.png) no-repeat center; color:#fff; width:59%; padding:40px 50px; background-size:cover; box-sizing:border-box;} .job_list01 .intro .box .cover .item .c{font-size:18px; line-height:41px;} .job_list01 .intro .box .cover .item .t{font-size:30px; line-height:60px;} .job_list01 .intro .box .cover .item01{margin-bottom:20px;} /* .job_list01 .intro .box .t{font-size:62px; line-height:62px; color:#fff; position:relative; margin-bottom:20px; display:inline-block;} .job_list01 .intro .box .t:after{content:''; width:88px; height:3px; background:#fff; position:absolute; left:100%; margin-left:16px; top:50%; margin-top:-1px;} .job_list01 .intro .box .c{font-size:52px; line-height:52px; color:#fff; font-family:Arial; font-weight:bold; margin-bottom:50px;} .job_list01 .intro .box .txt{font-size:18px; line-height:30px; color:#fff; width:56%;} */ .job_list01 .right{width:33.3%; float:right;} .job_list01 .right .rect-72{padding-bottom:71.6%;} .job_list01 .right .r_top{background:#4479c9;} .job_list01 .right .r_top .box{padding:150px 250px 43px 80px; color:#fff;} .job_list01 .right .r_top .box .tit{font-size:42px; line-height:42px; margin-bottom:10px;} .job_list01 .right .r_top .box .tit a{color:#fff;} .job_list01 .right .r_top .box .con{font-size:15px; line-height:40px; color:rgba(255,255,255,.8);} .job_list01 .right .r_top .box .common_more_box{margin-top:45px;} .job_list01 .right .r_top .box .common_more span.text{line-height:53px;} .job_list01 .right .r_top .box .pic{width:132px; height:133px; background:url(../img/job_list01_3.png) no-repeat center; position:absolute; right:65px; bottom:43px;} .job_list01 .right .r_bott{background:url(../img/job_list01_2.jpg) no-repeat center;} .job_list01 .right .r_bott .box{padding:120px 250px 43px 80px; color:#fff;} .job_list01 .right .r_bott .box .tit{font-size:42px; line-height:42px; margin-bottom:25px;} .job_list01 .right .r_bott .box .tit a{color:#fff;} .job_list01 .right .r_bott .box .con{font-size:15px; line-height:24px; color:rgba(255,255,255,.8);} .job_list01 .right .r_bott .box .common_more_box{margin-top:45px;} .job_list01 .right .r_bott .box .common_more span.text{line-height:53px;} /* 社会招聘 */ .social_job01 .infor{text-align:center;} .social_job01 .infor .tit{font-size:42px; line-height:42px; color:#232d46;} .social_job01 .content{margin-top:45px; padding:0 60px;} .social_job01 .content .sele_wrap{width:20%; float:left; margin-right:20px;} .social_job01 .content .sele_wrap .t{font-size:14px; line-height:30px; color:#374567; margin-bottom:6px;} .social_job01 .content .sele_wrap .sele{width:100%; height:50px; line-height:50px; border:1px solid #999; border-radius:5px; padding:0 10px; box-sizing:border-box; font-size:16px;} .social_job01 .content .select-ui-choose-default ._arrow{width:2em;} body .select-ui-options-default li:hover{background:#4479c9;} .social_job01 .content .sele_wrap .inp{width:100%; height:50px; line-height:50px; border:1px solid #999; border-radius:5px; padding:0 10px; box-sizing:border-box; font-size:16px;} .social_job01 .content .btn_wrap{width:12.5%; margin-right:0;} .social_job01 .content .btn_wrap .btns{width:100%; height:50px; line-height:50px; border:1px solid #4479c9; background:#4479c9; color:#fff; font-size:16px; text-align:center; padding:0; border-radius:5px; margin:0;} .social_job02{margin-top:55px;} .social_job02 .content{padding:0 60px;} .social_job02 li{border-bottom:1px solid #e7e7e7; overflow:hidden;} .social_job02 li.first {background:#4479c9; color:#fff; border-bottom:none; padding:0; height:60px;line-height:60px; border-radius:5px;} .social_job02 li ._ut{float:left; text-align:center; font-size:20px; font-weight:bold;;} .social_job02 li ._un{float:left; text-align:center; height:74px; line-height:74px; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#374567;} .social_job02 li ._un, .social_job02 li ._ut{width:20%;} .social_job02 li.j_t {cursor:pointer;} .social_job02 li.j_c {height:auto; line-height:1.5; background:#f9f9f9; display:none;} .social_job02 .j_c .j_c_box {padding:40px;} .social_job02 .j_c .j_c_box .intro {font-size:16px; color:#666; line-height:26px; position:relative;} .social_job02 .j_c .j_c_box .intro strong{display:block; font-size:18px; color:#333; margin-bottom:10px} .social_job02 .j_c .intro .job_btn {margin-top:25px;} .social_job02 .j_c .intro .job_btn ._btn {display:inline-block; width:160px; height:52px;line-height:52px; color:#fff; border-radius:5px; font-size:16px; background:#4479c9; cursor:pointer; text-align:center; transition:.5s ease;} .social_job02 .j_c .intro .job_btn ._btn:hover{background:#1a3c78;} /* 简历投递 */ .jltd01 .infor{text-align:center;} .jltd01 .infor .tit{font-size:42px; line-height:42px; color:#333; margin-bottom:20px;} .jltd01 .infor .con{font-size:18px; line-height:26px; color:#333;} .jltd01 .content{margin-top:60px;} .jltd01 .content{padding:0 17%;} .jltd01 .content .inp_box{float:left; width:46%; margin:0 2% 20px; position:relative;} .jltd01 .content .inp_box .type{font-size:14px; color:#353333; margin-bottom:5px;} .jltd01 .content .inp_box .input_area{width:100%; height:50px; line-height:50px; border:1px solid #C5C6C8; padding:0; box-sizing:border-box; color:#A1A2A4; text-indent:10px;} .jltd01 .content .inp_box .sele_area{padding-left:5px; text-indent:0;} .jltd01 .content .inp_box textarea.input_area{height:100px;} .jltd01 .content .inp_box .xing{color:#ff0000; position:absolute; right:30px; top:55%;} .jltd01 .content .inp_box .xing.Validform_checktip{right:28px;} .jltd01 .content .choose .xz i {display: inline-block;*display: inline;*zoom: 1;width: 11px;height: 11px;margin-right: 10px;vertical-align: middle;background: url(../img/service_case02_1.png) no-repeat 0 0;} .jltd01 .content .choose .xz.cur i{background-position:0 -11px;} .jltd01 .content .yzm .input_area{width:46%; margin:0 4% 0 2%; height:50px; line-height:50px; border:1px solid #C5C6C8; padding-left:10px; box-sizing:border-box; overflow:hidden;} .jltd01 .content .yzm .yzmImg{height:50px;} .jltd01 .content .con{font-size:13px; color:#454545; margin-top:40px; padding-top:20px; border-top:1px solid #999999;} .jltd01 .content .btns{display:block; cursor:pointer; float:right; background:#edeef1; border:none; outline:none; font-size:22px; -webkit-transition:color 0.3s; transition:color 0.3s; color:#000; width:254px; line-height:72px; line-height:72px; border-radius:3px; margin-left:25px; text-align:center;} .jltd01 .content .btn02{background:#4479c9; color:#fff} .jltd01 .content .send:hover{background:#eee; color:#3c3c3c;} .jltd01 .content .t{line-height:50px;} .jltd01 .content .t a{color:#bc0b13; text-decoration:underline;} .jltd01 .content .select-ui-choose-default ._arrow{width:2em;} .jltd01 .content .Validform_checktip {position:absolute; right:45px; top:52%;} /* 解决方案公共标题 */ .solu_tit{font-size:42px; line-height:42px; color:#232d46; position:relative; padding-left:32px; margin-bottom:62px;} .solu_tit span{display:inline-block; position:relative; z-index:2;} .solu_tit:after{content:''; width:133px; height:52px; background:url(../img/tit_jb.png) no-repeat center; position:absolute; top:10px; left:0; z-index:-1;} /* 车联网解决方案 */ .clw_solu01 .infor_l{float:left; width:56%;} .clw_solu01 .infor_l .con{font-size:18px; line-height:30px; color:#54657f;} .clw_solu01 .infor_r{width:26%; float:right; margin-top:10px;} .clw_solu01 .content{margin-top:40px;} .clw_solu01 .content li{width:20%; float:left; margin-right:1.5%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2);} .clw_solu01 .content li .li_box{padding:25px 35px 35px; text-align:center;} .clw_solu01 .content li .li_box .icon{width:64px; height:64px; margin:0 auto 25px; transition:all 0.5s ease;} .clw_solu01 .content li .li_box .text{font-size:20px; line-height:30px; height:60px; overflow:hidden; color:#374567;} .clw_solu01 .content li:hover .li_box .icon{transform:rotateY(180deg)} .clw_solu02{margin-top:70px;} /* 车联网大数据解决方案 */ .dsj_solu.channel_content{padding-bottom:0;} .dsj_solu01{padding-bottom:75px;} .dsj_solu01 .left{float:left; width:62%;} .dsj_solu01 .left .infor{width:84%;} .dsj_solu01 .left .infor .con{font-size:18px; line-height:30px; color:#54657f;} .dsj_solu01 .left .content{margin-top:40px;} .dsj_solu01 .left .content li{width:31%; float:left; margin-right:2%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2); margin-bottom:20px;} .dsj_solu01 .left .content li .li_box{padding:25px 35px 35px; text-align:center;} .dsj_solu01 .left .content li .li_box .icon{width:68px; height:68px; margin:0 auto 25px; transition:all 0.5s ease;} .dsj_solu01 .left .content li .li_box .text{font-size:20px; line-height:30px; height:60px; overflow:hidden; color:#374567;} .dsj_solu01 .left .content li:hover .li_box .icon{transform:rotateY(180deg);} .dsj_solu01 .left .content .li02{margin-right:4%;} .dsj_solu01 .right{width:38%; float:right; margin-top:10px;} .dsj_solu02{background:#F2F6F8; padding:80px 0;} /* 高级辅助驾驶系统解决方案 */ .fzjs_solu.channel_content{padding-bottom:0;} .fzjs_solu01{padding-bottom:65px;} .fzjs_solu01 .infor_l{float:left; width:56%;} .fzjs_solu01 .infor_l .con{font-size:18px; line-height:30px; color:#54657f;} .fzjs_solu01 .infor_r{width:26%; float:right; margin-top:10px;} .fzjs_solu01 .content{margin-top:40px;} .fzjs_solu02{background:#F2F6F8; padding:70px 0;} .fzjs_solu02 .content li{width:23%; float:left; margin-right:1.5%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2);} .fzjs_solu02 .content li .li_box{padding:50px 35px 30px; text-align:center;} .fzjs_solu02 .content li .li_box .icon{width:64px; height:64px; margin:0 auto 25px; transition:all 0.5s ease;} .fzjs_solu02 .content li .li_box .text{font-size:20px; line-height:30px; height:90px; overflow:hidden; color:#374567;} .fzjs_solu02 .content li:hover .li_box .icon{transform:rotateY(180deg);} /* 数字化营销解决方案 */ .digital_solu.channel_content{padding-bottom:0;} .digital_solu01{padding-bottom:30px;} .digital_solu01 .infor{text-align:center; padding:0 10%;} .digital_solu01 .infor .tit{font-size:36px; line-height:36px; color:#232d46; margin-bottom:25px;} .digital_solu01 .infor .con{font-size:16px; line-height:27px; color:#54657f;} .digital_solu01 .content{margin-top:50px; padding:0 54px;} .digital_solu01 .content .li_{width:29%; float:left; margin-right:6.5%; background:#F6F8FB; border-radius:10px; margin-bottom:60px; position:relative;} .digital_solu01 .content .li_:after{content:''; width:142px; height:152px; background:url(../img/digital_solu01_2.png) no-repeat center; position:absolute; bottom:0; right:27px; pointer-events:none;} .digital_solu01 .content .li_three{margin-right:0;} .digital_solu01 .content .li_ .li_box{padding:55px 60px 40px;} .digital_solu01 .content .li_ .li_box .icon{width:50px; height:47px; background-size:cover; margin-bottom:15px; transition:all 0.5s ease;} .digital_solu01 .content .li_ .li_box .text{font-size:18px; line-height:31px; color:#374567; height:62px; overflow:hidden;} .digital_solu01 .content .li_:hover .li_box .icon{transform:rotateY(180deg);} .digital_solu02{background:#f6f8fb; padding:80px 0;} .digital_solu02 .content{text-align:center;} .digital_solu02 .content img{display:inline-block;} /* 智慧车队解决方案 */ .zhcd_solu01 .infor_l{float:left; width:55.5%;} .zhcd_solu01 .infor_l .con{font-size:18px; line-height:30px; color:#54657f;} .zhcd_solu01 .infor_r{width:38%; float:right; margin-top:10px;} /* 智慧车服解决方案 */ .zhcf_solu01 .infor_l{float:left; width:52%;} .zhcf_solu01 .infor_l .con{font-size:18px; line-height:30px; color:#54657f;} .zhcf_solu01 .infor_r{width:43%; float:right; margin-top:10px;} .zhcf_solu03{margin-top:75px;} .zhcf_solu03 li{float:left; width:16%; margin-left:4.5%;} .zhcf_solu03 li:first-child{margin-left:0;} .zhcf_solu03 li .li_box{padding:54px 40px 55px; border:1px solid #DADADA; border-radius:10px; box-shadow:0 0 25px rgba(0,0,0,.2); text-align:center;} .zhcf_solu03 li .li_box .icon{width:83px; height:60px; margin:0 auto 25px; transition:all 0.5s ease;} .zhcf_solu03 li .li_box .tit{font-size:24px; line-height:30px; color:#0065cd; margin-bottom:12px;} .zhcf_solu03 li .li_box .con{font-size:14px; line-height:24px; color:#54657f; height:48px; overflow:hidden;} .zhcf_solu03 li:hover .li_box .icon{transform:rotateY(180deg);} /* 智慧车务 */ .zhcw.channel_content{padding-top:0;} .zhcw01{background:url(../img/zhcw01_1.jpg) no-repeat center; padding:80px 0;} .zhcw01 .left{width:57.5%; float:left;} .zhcw01 .left .infor .con{font-size:18px; line-height:30px; color:#54657f;} .zhcw01 .left .content{margin-top:60px;} .zhcw01 .left .content li{width:32%; float:left; margin-left:2%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2); margin-bottom:20px;} .zhcw01 .left .content li:first-child{margin-left:0;} .zhcw01 .left .content li .li_box{padding:25px 35px 35px; text-align:center;} .zhcw01 .left .content li .li_box .icon{width:64px; height:64px; margin:0 auto 25px; transition:all 0.5s ease;} .zhcw01 .left .content li .li_box .text{font-size:20px; line-height:30px; height:30px; overflow:hidden; color:#374567;} .zhcw01 .left .content li:hover .li_box .icon{transform:rotateY(180deg);} .zhcw01 .right{width:32%; float:right;} .zhcw02{padding:65px 0 0;} .zhcw02 .content dl{margin-bottom:60px; height:170px; overflow:hidden; background:#F7F8FA;} .zhcw02 .content dl dt{float:left; width:17.5%; background:url(../img/zhcw02_1.jpg) no-repeat center;} .zhcw02 .content dl dt .t{font-size:24px; line-height:30px; color:#fff; font-weight:bold; text-align:center; line-height:170px;} .zhcw02 .content dl dd{float:left; width:27.5%; text-align:center; line-height:170px;} .zhcw02 .content dl dd .icon{display:inline-block; vertical-align:middle; transition:all 0.5s ease;} /* .zhcw02 .content dl dd .icon img{vertical-align:middle;} */ .zhcw02 .content dl dd .text{display:inline-block; vertical-align:middle; margin-left:20px;font-size: 18px; color: #54657f;} .zhcw02 .content dl dd:hover .icon{transform:rotateY(180deg);} /* 智慧货运 */ .zhhy.channel_content{padding-bottom:0;} .zhhy01{padding-bottom:60px;} .zhhy01 .left{width:57.5%; float:left;} .zhhy01 .left .infor .con{font-size:18px; line-height:30px; color:#54657f;} .zhhy01 .left .content{margin-top:60px;} .zhhy01 .left .content li{width:32%; float:left; margin-left:2%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2); margin-bottom:20px;} .zhhy01 .left .content li:first-child{margin-left:0;} .zhhy01 .left .content li .li_box{padding:25px 35px 35px; text-align:center;} .zhhy01 .left .content li .li_box .icon{width:64px; height:64px; margin:0 auto 25px; transition:all 0.5s ease;} .zhhy01 .left .content li .li_box .text{font-size:20px; line-height:30px; height:30px; overflow:hidden; color:#374567;} .zhhy01 .left .content li:hover .li_box .icon{transform:rotateY(180deg);} .zhhy01 .right{width:36%; float:right;} .zhhy02{background:#F2F6F8; padding:65px 0;} .zhhy02 .left{width:42%; float:left;} .zhhy02 .left .rect-91{padding-bottom:91%;} .zhhy02 .right{width:51.5%; float:right;} .zhhy02 .right .intro .tit{font-size:42px; line-height:42px; color:#232d46; margin-bottom:20px;} .zhhy02 .right .intro .con{font-size:18px; line-height:30px; color:#54657f;} .zhhy02 .right .content{margin-top:50px;} .zhhy02 .right .content li{width:40%; margin-right:5%; float:left; margin-bottom:60px;} .zhhy02 .right .content li .icon{width:73px; height:73px; float:left; transition:all 0.5s ease;} .zhhy02 .right .content li .info{width:calc(100% - 98px); float:left; margin-left:25px; margin-top:21px; color:#fff;} .zhhy02 .right .content li .info .t{font-size:22px; line-height:30px; color:#374567;} .zhhy02 .right .content li:hover .icon{transform:rotateY(180deg)} .zhhy03{background:url(../img/zhhy03_1.jpg) no-repeat center; padding:105px 0;} .zhhy03 .left{width:36%; float:left;} .zhhy03 .left .infor .tit{font-size:42px; line-height:42px; color:#fff; margin-bottom:12px;} .zhhy03 .left .infor .con{font-size:18px; line-height:30px; color:#fff; margin-bottom:35px;} .zhhy03 .right{width:57%; float:right;} .zhhy03 .right li{width:23.5%; margin-left:2%; float:left;} .zhhy03 .right li:first-child{margin-left:0;} .zhhy03 .right li .rect-146{padding-bottom:146%;} .zhhy04{height:790px; overflow:hidden; position:relative;} .zhhy04>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .zhhy04 .content{position:absolute; left:0; width:100%; top:180px; z-index:2;} .zhhy04 .content .info{width:34%;} .zhhy04 .content .info .tit{font-size:42px; line-height:42px; color:#232d46; margin-bottom:20px;} .zhhy04 .content .info .con{font-size:18px; line-height:30px; color:#54657f;} /* 智能驾驶系统解决方案 */ .znjs_solu.channel_content{padding-bottom:0;} .znjs_solu01{padding-bottom:50px;} .znjs_solu01 .infor_l{float:left; width:56%;} .znjs_solu01 .infor_l .con{font-size:18px; line-height:30px; color:#54657f;} .znjs_solu01 .infor_r{width:26%; float:right; margin-top:10px;} .znjs_solu01 .content{margin-top:30px;} .znjs_solu02{background:#F2F6F8; padding:65px 0 100px;} .znjs_solu02 .content li{width:23.5%; float:left; margin-left:2%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2);} .znjs_solu02 .content li:first-child{margin-left:0;} .znjs_solu02 .content li .li_box{padding:45px 50px 50px; text-align:center;} .znjs_solu02 .content li .li_box .icon{width:64px; height:64px; margin:0 auto 25px; transition:all 0.5s ease;} .znjs_solu02 .content li .li_box .text{font-size:20px; line-height:30px; height:60px; overflow:hidden; color:#374567;} .znjs_solu02 .content li:hover .li_box .icon{transform:rotateY(180deg);} /* 智能网联测试验证解决方案 */ .znwl_solu.channel_content{padding-bottom:0;} .znwl_solu01{padding-bottom:100px;} .znwl_solu01 .infor_l{float:left; width:56%;} .znwl_solu01 .infor_l .con{font-size:18px; line-height:30px; color:#54657f;} .znwl_solu01 .infor_r{width:26%; float:right; margin-top:10px;} .znwl_solu01 .content{margin-top:40px;} .znwl_solu02{background:#F2F6F8; padding:65px 0 100px;} .znwl_solu02 .content li{width:36%; float:left; margin-right:3%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2);} .znwl_solu02 .content li .li_box{padding:45px 50px 50px; font-size:0;} .znwl_solu02 .content li .li_box .icon{width:64px; height:64px; display:inline-block; vertical-align:top; transition:all 0.5s ease;} .znwl_solu02 .content li .li_box .text{font-size:20px; line-height:30px; height:120px; overflow:hidden; color:#374567; display:inline-block; width:calc(100% - 86px); margin-left:22px;} .znwl_solu02 .content li:hover .li_box .icon{transform:rotateY(180deg);} /* 高级自动驾驶系统解决方案 */ .zdjs_solu.channel_content{padding-bottom:0;} .zdjs_solu01{padding-bottom:75px;} .zdjs_solu01 .left{float:left; width:68%;} .zdjs_solu01 .left .infor{width:84%;} .zdjs_solu01 .left .infor .con{font-size:18px; line-height:30px; color:#54657f;} .zdjs_solu01 .left .content{margin-top:40px;} .zdjs_solu01 .left .content li{width:31%; float:left; margin-right:2%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2); transition:all 0.5s ease; margin-bottom:20px;} .zdjs_solu01 .left .content li .li_box{padding:25px 35px 30px; } .zdjs_solu01 .left .content li .li_box .tit{font-size:24px; line-height:30px; color:#4479c9; font-weight:bold; margin-bottom:10px;} .zdjs_solu01 .left .content li .li_box .text{font-size:16px; line-height:24px; height:96px; overflow:hidden; color:#374567;} .zdjs_solu01 .left .content .li02{margin-right:4%;} .zdjs_solu01 .right{width:30%; float:right; margin-top:10px;} .zdjs_solu02{background:#F2F6F8; padding:65px 0;} /* 智能终端解决方案 */ .znzd_solu.channel_content{padding-bottom:0;} .znzd_solu01 .infor_l{width:45%;} .znzd_solu01 .infor_r{width:45%;} .znzd_solu01 .infor .con{font-size:18px; line-height:30px; color:#54657f;} .znzd_solu01 .content{margin-top:50px;} .znzd_solu01 .content li{width:20%; float:left; margin-bottom:50px;} .znzd_solu01 .content li .icon{margin-bottom:10px;} .znzd_solu01 .content li .text{font-size:18px; line-height:36px; color:#374567;} .znzd_solu01 .content .li04{margin-right:2%;} .znzd_solu02{background:url(../img/znzd_solu02_1.jpg) no-repeat center; background-size:cover; padding:80px 0;} .znzd_solu02 .infor{text-align:center;} .znzd_solu02 .infor .tit{font-size:42px; line-height:42px; color:#fff;;} .znzd_solu02 .content{margin-top:50px; padding:0 3.5%;} .znzd_solu02 .content ul{font-size:0; text-align:center;} .znzd_solu02 .content li{display:inline-block; margin:0 13px;} .znzd_solu02 .content li .t{font-size:18px; line-height:52px; text-align:center; border:1px solid #fff; border-radius:7px; padding:0 30px; color:#fff;} /* 刘玉霞 */ .ipart01 .content .left .li_box .intro .t {font-size: 20px;} .ipart01 .content .left .li_box .intro .c {font-size: 14px;} .ipart01 .content .right .cell .intro .t {font-size: 20px;} .ipart01 .content .right .cell .intro .c {font-size: 14px;} .news_list02 .li_ .intro_ .box .tit {font-size: 26px;} .news_list02 .li_ .rect-77 {padding-bottom: 68%;} .digital_solu01 .infor .con {line-height: 31px; font-size: 18px;} /* 2021-1211 */ .ipart01 .content .right .rect-62{padding-bottom:51%;} .f_top .right dl dd{font-size:15px; line-height:25px; margin-top:10px;;} /* 2021-1211 */ .header .inav .nav_li .nav_down ul{padding:10px 7px} .header .inav .nav_li .nav_down ul li{line-height:27px;} .header .inav .nav_li .nav_down ul li a{font-size:12px;} /* 关于新增模块 */ .about_add{padding-bottom:80px;} .about_add .item01{width:48%; float:left;} .about_add .item02{width:48%; float:right;} .about_add .item{position:relative;} .about_add .item:after{content:''; width:100%; height:6px; background:#4479c9; position:absolute; left:0; bottom:0;} .about_add .item .rect-38{padding-bottom:38%;} .about_add .item .intro{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;} .about_add .item .intro .box{padding-left:50px;} .about_add .item .intro .t{font-size:36px; line-height:36px; color:#232d46; margin-bottom:20px;} .about_add .item .intro .c{font-size:17px; line-height:32px; color:#374567;} .about_add .item .intro .icon{width:75px; height:80px; position:absolute; right:56px; top:56%; margin-top:-61px; transition:all 0.5s ease;} .about_add .item:hover .intro .icon{transform:rotateY(180deg);} /* 2012-1213 联系我们*/ .contact_us01 .infor_l{float:left; width:56%;} .contact_us01 .infor_l .con{font-size:22px; line-height:30px; color:#030303;} .contact_us01 .infor_r{width:26%; float:right; margin-top:10px;} .contact_us02{margin-top:-30px;} .contact_us02 .infor .tit{font-size:20px; line-height:38px; color:#4479c9;} .contact_us02 .content .left{width:56%; float:left;} .contact_us02 .content .left .dl01{float:left; width:60%;} .contact_us02 .content .left .dl02{float:left; width:40%;} .contact_us02 .content .left dd{font-size:20px; line-height:38px; color:#030303;} .contact_us02 .content .right{margin-left:6%; float:left; width:19%;} .contact_us02 .content .right .item{width:40%; float:left; margin-right:10%} .contact_us02 .content .right .item .txt_{font-size:16px; line-height:40px; color:#222; font-weight:bold; text-align:center;} /* 2012-1213 */ .ipart06 .right .content li .info .c{display:none;} .f_top .right .dl01{width:24%;} .f_top .right .dl02{width:70%;} .f_top .right .dl02 dd{width:47%; margin-right:3%; float:left;} .f_top .right .dl03{display:none;} .ipart05 .content ul li .num {font-size:36px;} .ipart05 .content ul li {width:33%;} .ibanner .list li .info .c {font-size:30px; line-height:60px;} /* 2021-1214 */ .ipart05 .content{display:none;} .f_top .right dl dt{padding-bottom:25px;} /* .f_top .right .dl02 .dl05_dd{height:280px; overflow-y:auto; padding-right:5px;} .f_top .right .dl02 .dl05_dd::-webkit-scrollbar {width:4px; height:4px;} .f_top .right .dl02 .dl05_dd::-webkit-scrollbar-thumb {border-radius:5px; background:#4479c9;} .f_top .right .dl02 .dl05_dd::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} */ .news_detail01 .right .news_share .bshare-custom a {background: #4479c9;} .f_top .left .f_share .bshare-custom a {background: #4479c9;} .ipart06 .right .content .dd a:hover {color: #fff; } /* 2021-1216 */ .header .inav .nav_li .nav_down ul{max-height:570px; height:auto} .header .nav_bg{max-height:570px; height:auto;} .xc_nav li.li_ ul{max-height:360px; overflow-y:auto;} .xc_nav li.li_ ul::-webkit-scrollbar {width:4px; height:4px;} .xc_nav li.li_ ul::-webkit-scrollbar-thumb {border-radius:5px; background:#4479c9;} .xc_nav li.li_ ul::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} /* 2021-1216 下载列表*/ .download01 .li_{height:104px;padding-right:.6%;line-height:104px;border-bottom:1px solid #e1e8ed; transition:all 0.5s ease;} .download01 .li_>a{display:block;} .download01 .li_:hover{ background-color:#eef2f5; border-color:#eef2f5;} .download01 .li_.cur{ background-color:#eef2f5; border-color:#eef2f5;} .download01 .li_ .date{ width:9.3%; height:100%; padding-right:2.9%; font-family:'Arial'; text-align:right; color:#6b6b6b;} .download01 .li_ .date .center_box{ display:inline-block; vertical-align:middle;} .download01 .li_ .date span{ display:block; padding-right:3px; font-size:16px; line-height:18px;} .download01 .li_ .date strong{ display:block; font-size:30px; line-height:32px; font-weight:normal;} .download01 .li_ .title{ width:57%; padding-right:3%; font-size:16px; font-weight:normal;color:#272727;} .download01 .li_ .item_btn{ width:10%; height:100%; padding-left:0; font-size:15px; color:#6b6b6b; line-height:104px; background-position:center left; background-repeat:no-repeat;margin-right:1%;} .download01 .li_ .item_btn i{vertical-align:0;} .download01 .li_:hover .date, .download01 .li_:hover .item_btn{ color:#4479c9;} .download01 .li_:hover .title{ color:#4479c9;} /* 2021-1216 客户反馈修改 */ .news_detail01 .left .myart {font-size:18px;} .f_top .right .dl01{float:right; width:auto;} .header .inav_wrapper{margin-right:4%;} .header .inav .nav_li{font-size:18px;} .header .inav .nav_li .nav_a{padding:29px;} .ibanner .list{background:url(../img/black50.png) center;} .ibanner .list li{width:20%;} .ibanner .list li .info .t{font-size:18px; line-height:34px;} .ibanner .list li .info .t span{font-size:34px; display:inline-block; margin-right:5px;} .ibanner .list li .info .c{font-size:22px; line-height:30px;} .ibanner .list li .info{margin-left:10px;} .ipart01 .content .left .li_box .intro .t{font-size:24px;} .ipart01 .content .left .li_box .intro .c{font-size:18px;} .ipart01 .content .right .cell .intro .t{font-size:24px; line-height:30px; margin-bottom:10px;} .ipart01 .content .right .cell .intro .d{margin-bottom:12px;} .ipart01 .content .right .cell .intro .c{font-size:18px;} .ipart03 .bott_ .content li .rect-786{padding-bottom:110%;} .ipart03 .bott_ .content li{position:relative;} .ipart03 .bott_ .content li .intro{position:absolute; left:0; bottom:0; width:100%; background:url(../img/black.6.png) center; border:none; transition:all 0.5s ease;} .ipart03 .bott_ .content li .intro .box{padding:20px;} .ipart03 .bott_ .content li .intro .box .t{font-size:26px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff;} .ipart03 .bott_ .content li .cover{position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.5s ease; opacity:0; visibility:hidden; background:rgba(0,0,0,.7); display:flex; flex-direction:column; justify-content:center;} .ipart03 .bott_ .content li .cover .box{padding:100px 40px; color:#fff;} .ipart03 .bott_ .content li .cover .box .t{font-size:26px; line-height:30px;} .ipart03 .bott_ .content li .cover .box .c{font-size:16px; line-height:30px; margin:15px 0 20px; padding-right:10px; height:270px; overflow-y:auto; text-align:justify;} .ipart03 .bott_ .content li .cover .box .c::-webkit-scrollbar {width:4px; height:4px;} .ipart03 .bott_ .content li .cover .box .c::-webkit-scrollbar-thumb {border-radius:5px; background:#f6f5f5;} .ipart03 .bott_ .content li .cover .box .c::-webkit-scrollbar-track {border-radius:0; background:#4479c9;} .ipart03 .bott_ .content li .cover .box .more{display:none;} .ipart03 .bott_ .content li:hover .intro{opacity:0; visibility:hidden;} .ipart03 .bott_ .content li:hover .cover{opacity:1; visibility:visible;} .ipart05 .content{display:block;} .ipart05 .content ul{padding:40px;} .ipart05 .content ul li{width:25%;} .ipart05 .content ul li .num1{width:83px; height:60px; margin:0 auto; transition:all 0.5s ease; margin-bottom:10px;} .ipart05 .content ul li:hover .num1{transform:rotateY(180deg);} .ipart07{background:none; padding-top:0;} /* 2021-1222 */ .header .h_tools{border:none} .header .h_tools .h_search i{font-size:23px; margin:0;} .xc_nav{display:none;} /* 关于我们补充 */ .about_add2 {padding:60px 0 0;} .about_add2 .infor .tit{font-size:42px; line-height:42px; color:#232d46; margin-bottom:60px; position:relative;} .about_add2 .infor .tit::after{content:''; width:133px; height:52px; background:url(../img/tit_jb.png) no-repeat center; position:absolute; top:10px; left:-35px; z-index:-1;} .about_add2 .infor .con{font-size:16px; line-height:32px; color:#54657f;} .about_add2 .content {margin-top:60px;} .about_add2 .content li{float:left; width:30%; margin-left:3.3%; position:relative;} .about_add2 .content li:first-child{margin-left:0;} .about_add2 .content li .rect-786{padding-bottom:78.6%; border-radius:5px;} .about_add2 .content li .li_box{display:block;} .about_add2 .content li .rect-786{padding-bottom:110%;} .about_add2 .content li{position:relative;} .about_add2 .content li .intro{position:absolute; left:0; bottom:0; width:100%; background:url(../img/black.6.png) center; border:none; transition:all 0.5s ease;} .about_add2 .content li .intro .box{padding:20px;} .about_add2 .content li .intro .box .t{font-size:26px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff;} .about_add2 .content li .cover{position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.5s ease; opacity:0; visibility:hidden; background:#4479c9; display:flex; flex-direction:column; justify-content:center;} .about_add2 .content li .cover .box{padding:100px 40px; color:#fff;} .about_add2 .content li .cover .box .t{font-size:26px; line-height:30px;} .about_add2 .content li .cover .box .c{font-size:18px; line-height:26px; margin:15px 0 20px; padding-right:10px; height:260px; overflow-y:auto; } .about_add2 .content li .cover .box .c::-webkit-scrollbar {width:4px; height:4px;} .about_add2 .content li .cover .box .c::-webkit-scrollbar-thumb {border-radius:5px; background:#f6f5f5;} .about_add2 .content li .cover .box .c::-webkit-scrollbar-track {border-radius:0; background:#4479c9;} .about_add2 .content li .cover .box .more{display:none;} .about_add2 .content li:hover .intro{opacity:0; visibility:hidden;} .about_add2 .content li:hover .cover{opacity:1; visibility:visible;} /* 车联网补充 */ .clw_solu03{padding:60px 0;} .clw_solu03 .content li{width:17.5%; float:left; margin-right:3%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2); transition:all 0.5s ease;} .clw_solu03 .content li:last-child{margin-right:0;} .clw_solu03 .content li .li_box{padding:25px 35px 35px; text-align:center; display:block;} .clw_solu03 .content li .li_box .icon{width:85px; height:85px; margin:0 auto 25px; transition:all 0.5s ease;} .clw_solu03 .content li .li_box .text{font-size:20px; line-height:30px; color:#4479c9;} .clw_solu03 .content li .li_box .con{font-size:13px; line-height:30px; color:#4479c9;} .clw_solu03 .content li .li_box .con i{display:inline-block; margin-left:14px; transition:all 0.5s ease;} .clw_solu03 .content li:hover .li_box .icon{background-position:0 -85px;} .clw_solu03 .content li:hover .li_box .con i{margin-left:20px;} .clw_solu03 .content li:hover{background:#4479c9;} .clw_solu03 .content li:hover .li_box .text{color:#fff;} .clw_solu03 .content li:hover .li_box .con{color:#fff;} /* 2021-1223 */ .dsj_solu01 .left .content li .li_box .text{font-size:18px;} .dsj_solu01 .left .content li .li_box .text span{display:block;} .clw_solu01 .content li .li_box .text span{display:block;} /* 底部 */ .pageFooter{position:relative;} .pageFooter .F_top{padding:55px 0; background:#164482;} .pageFooter .F_top .left{width:66%; float:left;} .pageFooter .F_top .left .f_logo{margin-bottom:44px;} .pageFooter .F_top .left .list{margin-bottom:60px;} .pageFooter .F_top .left .list li{float:left; font-size:18px; line-height:35px; color:#fff; padding-left:55px; position:relative;} .pageFooter .F_top .left .list li:first-child{padding-left:0;} .pageFooter .F_top .left .list li a{display:block;} .pageFooter .F_top .left .list li:after{content:''; width:5px; height:1px; background:#fff; background:rgba(255,255,255,.3); position:absolute; left:25px; top:50%;} .pageFooter .F_top .left .list li:first-child:after{display:none;} .pageFooter .F_top .left .info{font-size:15px; line-height:30px; color:#fff;} .pageFooter .F_top .left .info span{display:inline-block;} .pageFooter .F_top .right{float:right; text-align:right;} .pageFooter .F_top .right .tel{font-size:15px; line-height:30px; color:#fff; margin-bottom:25px;} .pageFooter .F_top .right .tel a{display:block; font-size:30px; font-family:Impact;} .pageFooter .F_top .right .fax{font-size:15px; color:#fff; margin-bottom:25px;} .pageFooter .F_top .right .fax span{display:block;} .pageFooter .F_top .right .addr{font-size:15px; line-height:24px; color:#fff; width:80%; margin-left:20%;} .pageFooter .F_top .right .f_share{margin-top:10px; text-align:center;} .pageFooter .F_top .right .f_share .bshare-custom{overflow:hidden;} .pageFooter .F_top .right .f_share .bshare-custom a{display:inline-block; float:none; width:36px; height:36px; text-align:center; padding:0; line-height:36px; border-radius:50px; color:#fff; background:#0880d7; margin:0 4px;} .pageFooter .F_top .right .f_share .bshare-custom a i{background:none; margin:0; vertical-align:top; font-size:20px;} /* 2021-1224 */ .four_solu .clw_solu03 .content li{width:23.5%; margin-right:2%; margin-left:0;} .four_solu .clw_solu03 .content li:last-child{margin-right:0;} .znjs_solu02 .content li .li_box .text{height:auto;} .clw_solu03 .content li{margin-right:0; width:18.4%; margin-left:2%;} .clw_solu03 .content li:first-child{margin-left:0;} /* 导航下拉重做 */ .header .inav_wrapper{position:static; transition:.5s ease;} .header .inav .nav_li.pro_li{position:static;} .header .inav .nav_li .nav_down.pro_down{background:url(../img/nav_bg.jpg) no-repeat center; height:400px;} .header .pro_down .left{width:23.4%; float:left; height:400px; display:flex; flex-direction:column; justify-content:center; position:relative; align-items:center;} .header .pro_down .left:after{content:''; width:1px; height:100%; background:rgba(255,255,255,.3); position:absolute; right:0; top:0;} .header .pro_down .left .info .tit{font-size:48px; line-height:60px; color:#fff; margin-bottom:30px;} .header .pro_down .center{width:40.6%; float:left;} .header .pro_down .center dl{width:50%; height:400px; display:flex; flex-direction:column; justify-content:center; position:relative} .header .pro_down .center dl:after{content:''; width:1px; height:100%; background:rgba(255,255,255,.3); position:absolute; right:0; top:0;} .header .pro_down .center dl dd{font-size:16px; line-height:40px; color:#fff; padding-left:20%;} .header .pro_down .center dl dd a:hover{color:rgba(255,255,255,.6)} .header .pro_down .right{width:36%; float:left; height:400px; display:flex; flex-direction:column; justify-content:center;} .header .pro_down .right .rect-61{padding-bottom:61%; border-radius:25px;} .header .pro_down .right .img_{width:80%; margin:0 auto;} /* 2021-1225 */ .ipart01 .content .left .scroll_con{height:435px;} .ipart01 .content .left .li_box .date{float:none; width:100%;} .ipart01 .content .left .li_box .intro{float:none;} .dzky_solu .dsj_solu01{padding-bottom:0px;} .dzky_solu .dsj_solu01 .left .content li{width:46%; margin-right:2%;} .dzky_solu .dsj_solu01 .left .content li:last-child{margin-right:0;} .dzky_solu .dsj_solu01 .left .content li .li_box .text{height:90px; font-size:16px;} .dzky_solu .dsj_solu01 .left .content li .li_box .tit{font-size:18px; line-height:30px; color:#374567; font-weight:bold; margin:5px 0;} .dzky_solu01{padding-bottom:50px;} .dzky_solu01 .content li{width:28.5%; float:left; margin-right:1.5%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2); margin-bottom:20px;} .dzky_solu01 .content li .li_box{padding:25px 30px 35px; text-align:center;} .dzky_solu01 .content li .li_box .icon{width:68px; height:68px; margin:0 auto 25px; transition:all 0.5s ease;} .dzky_solu01 .content li .li_box .tit{font-size:18px; line-height:30px; color:#374567; font-weight:bold; margin:5px 0;} .dzky_solu01 .content li .li_box .text{line-height:30px; height:90px; font-size:16px; overflow:hidden; color:#374567;} .dzky_solu01 .content li:hover .li_box .icon{transform:rotateY(180deg);} .gongjiao_solu .content{width:100%; float:left;} .ltcd_solu03 li{width:20%; float:left; text-align:center;} .ltcd_solu03 li .icon{width:84px; height:84px; margin:0 auto; transition:all 0.5s ease;} .ltcd_solu03 li .tit{font-size:18px; line-height:30px; color:#374567; margin:5px 0;} .ltcd_solu03 li:hover .icon{transform:rotateY(180deg);} .xiaoche03{background:#f6f8fb; padding:60px 0;} .ibanner .owl-nav{width:100%; position:absolute; left:0; top:50%; margin-top:-20px; display:none;} .ibanner .owl-nav div{font-size:40px; line-height:40px; position:absolute; top:0;} .ibanner .owl-nav div i{margin:0; color:#fff; font-weight:bold;} .ibanner .owl-nav .owl-prev{left:20px;} .ibanner .owl-nav .owl-next{right:20px;} .ibanner .list li{width:25%;} .ibanner .list li .info{margin-left:5px;} .ibanner .list li .info .t{font-size:20px;} .ibanner .list li .info .t span{font-size:36px;} .ibanner .list li .info .c{font-size:24px;} .ibanner .iban_word .intro .t{font-size:0;} .ibanner .iban_word .intro .t{background:url(../img/ban_word.png) no-repeat center; width:680px; height:94px; margin:0 auto 30px} /* 20211227 */ .header .inav .nav_li .nav_down.pro_down{height: 300px;} .header .pro_down .center{width: 77%;} .header .pro_down .center dl{width: 33.3%;height: 300px;} .header .pro_down .left{width: 23%;height: 300px;} /* 20211227 dy */ .ibanner .iban_word .intro .t span{display:none;} .dsj_solu01 .left .content li .li_box .text span{display:block;} /* 2021-1228 */ .clw_solu01 .infor_l{width:72%;} .clw_solu01 .content li{width:23.5%; margin-right:2%;} .clw_solu01 .content li:last-child{margin-right:0;} .clw_solu01 .content li .li_box .icon{background-size:cover; width:80px; height:80px;} .znjs_solu02 .content li:hover .li_box .icon{transform:rotateY(0);} /* 2021-1229 */ .social_job01 .infor .tit{margin-bottom:20px;} .social_job01 .infor .con{font-size:18px; line-height:26px;} .pageFooter .F_top .left .info span{display:block;} .contact_us02{margin-top:0;} .about_add .item .intro .t{line-height:40px; height:80px; width:65%; font-size:30px;} /* 2021-1230 */ .header.hover {background:url(../img/black.6.png) center; background:rgba(0,0,0,.5); position:fixed; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2);} .header.hover .logo a .img1{display:none;} .header.hover .logo a .img2{display:block;} .header.hover .inav .nav_li{color:#232d46;} .header.hover .h_tools{color:#232d46; border-color:#adadad;} .header.hover .h_tools .h_search .icon{background:url(../img/h_search_gray.png) no-repeat center;} .header.hover .h_tools .h_search .icon:hover{background:url(../img/h_search_on.png) no-repeat center;} .header.hover .h_tools .h_search.cur .icon{background:url(../img/h_search_close.png) no-repeat center;} .header.fixed .h_tools .h_search .icon{background:url(../img/h_search_gray.png) no-repeat center;} .header.fixed .h_tools .h_search .icon:hover{background:url(../img/h_search_on.png) no-repeat center;} .header.fixed .h_tools .h_search.cur .icon{background:url(../img/h_search_close.png) no-repeat center;} /* 搜索 */ .header .h_tools{transition:all 0.5s ease;} .header .h_tools .h_search{display:block; padding:13px 25px;} .header .h_tools .h_search .icon{display:block; width:21px; height:21px; background:url(../img/h_search.png) no-repeat center; transition:all 0.5s ease;} .header:hover .h_tools .h_search .icon{background:url(../img/h_search_gray.png) no-repeat center;} .header:hover .h_tools .h_search .icon:hover{background:url(../img/h_search_on.png) no-repeat center;} .header .h_tools .h_search .m_icon{display:none;} /*导航搜索*/ .header .search_box{position:absolute; top:25px; right:11%; width:500px; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); transition:all 0.3s; opacity:1; visibility:visible;} .header .search_box input{width:385px;height:48px; border:1px solid #d4d4d4;line-height:48px;padding-left:20px;outline:none;font-size:16px;padding-right:50px;background-color:#fff; border-radius:30px;} .header .search_box button{cursor:pointer; position:absolute; right:60px; top:15px; color:#86807f; text-decoration:none; outline:none; border:none; width:21px; height:21px; background:url(../img/h_search_on.png) no-repeat center;} .header .search_box .search_close{cursor:pointer;font-size:20px; position:absolute; right:8px; top:0; line-height:48px; color:#86807f; text-decoration:none; margin:0;} .header .search_box.search_hide {-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0); opacity:0; visibility:hidden;} /* 点击搜索隐藏导航 */ .head_hide{-webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); visibility:hidden; opacity:0;} .ibanner .iban_word{display:none;} .xc_banner{height:400px;} .download01 .li_ .title{font-size:18px;} .download01 .li_ .item_btn{font-size:18px;} .about_add .item .intro .c{font-size:18px;} .job_list01 .right .r_bott .box .con{font-size:16px;} .zhcd_solu01 .infor_l .content{margin-top:60px;} .zhcd_solu01 .infor_l .content li{width:32%; float:left; margin-left:2%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2); margin-bottom:20px;} .zhcd_solu01 .infor_l .content li:first-child{margin-left:0;} .zhcd_solu01 .infor_l .content li .li_box{padding:25px 35px 35px; text-align:center;} .zhcd_solu01 .infor_l .content li .li_box .icon{width:64px; height:64px; margin:0 auto 25px; transition:all 0.5s ease;} .zhcd_solu01 .infor_l .content li .li_box .text{font-size:20px; line-height:30px; height:30px; overflow:hidden; color:#374567;} .zhcd_solu01 .infor_l .content li:hover .li_box .icon{transform:rotateY(180deg);} .ipart03 .bott_ .infor_l{width:100%; text-align:center;} .ipart01 .content .left .li_box{padding:16px 24px;} .ipart01 .content .left .scroll_con{height:375px;} .contact_us01 .infor_l .con{color:#54657f;} .contact_us02 .content .left dd{color:#54657f;} .contact_us02 .content .right .item .txt_{color:#54657f;} .news_list02 .li_ .intro_ .box .icon{transition:all 0.5s ease; width:auto; height:auto; font-size:24px; background:none;} .news_list02 .li_:hover .intro_ .box .icon{background:none;} .news_list02 .li_:hover .intro_ .box .date{color:#4479c9;} .ipart03 .top_ .content li .box .icon{background-size:cover; background-position:0 0;} .ipart04 .content .intro .con{font-size:42px;} .ipart05{margin-bottom:0px;} .ipart05 .content ul li .num1{width:80px; height:80px;} /* .zhcw02 .content dl dd{width:20.625%;} */ /* 底部 */ .pageFooter{background:#070f25;} .footer_top{padding-top:50px} .footer_top .content{padding-bottom:23px; border-bottom:1px solid #fff; border-color:rgba(255,255,255,.5);} .footer_top .content .content_top{margin-bottom:20px;} .footer_top .content_top .left{float:left;} .footer_top .content_top .left .f_contact{display:inline-block; font-size:18px; color:#071425; font-weight:bold; border:2px solid transparent; border-radius:40px;} .footer_top .content_top .left .f_contact span{display:block; padding:0 32px; height:56px; line-height:56px; text-align:center; border-radius:40px; background:#fff; margin:5px;;} .footer_top .content_top .left .f_contact span .icon{display:inline-block; width:16px; height:11px; background:url(../img/f_con.png) no-repeat center; margin-right:16px;} .footer_top .content_top .left .f_contact:hover{border-color:#fff;} .footer_top .content_top .left .f_job{display:inline-block; font-size:16px; line-height:30px; padding:13px 0; color:#fff; margin-left:40px;;} .footer_top .content_top .left .f_job span{display:inline-block; position:relative;} .footer_top .content_top .left .f_job span:after{content:''; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-2px; transition:all 0.5s ease; transform:scale(0);} .footer_top .content_top .left .f_job:hover span:after{transform:scale(1);} .footer_top .content_top .right{float:right;} .footer_top .content_top .right .footer_share{line-height:36px; margin-top:24px;} .footer_top .content_top .right .footer_share a{display:inline-block; float:none; text-align:center; padding:0; height:36px; line-height:36px; color:#fff; background:transparent; margin:0 4px; position:relative;} .footer_top .content_top .right .footer_share a i{background:none; margin:0; vertical-align:top; font-size:22px;} .footer_top .content_top .right .footer_share .pop{position: absolute; top:100%; left:50%; margin-left:-60px; opacity:0;transition:all 0.2s; pointer-events:none; width:120px; height:128px; z-index:3;} .footer_top .content_top .right .footer_share .weixin:hover .pop{opacity: 1; pointer-events: auto;} .footer_top .content_bott .left{float:left; line-height:35px;} .footer_top .content_bott .left span{font-size:16px; line-height:20px; color:#fff; display:inline-block; margin-left:7px;} .footer_top .content_bott .right{float:right; width:50%; text-align:right;} .footer_top .content_bott .right .f_nav li{display:inline-block; font-size:16px; line-height:35px; color:#fff; padding-left:50px; position:relative;} .footer_top .content_bott .right .f_nav li:first-child{padding-left:0;} .footer_top .content_bott .right .f_nav li a{display:block; color:#fff;} .footer_top .content_bott .right .f_nav li:after{content:''; width:5px; height:1px; background:#fff; background:rgba(255,255,255,.3); position:absolute; left:25px; top:50%;} .footer_top .content_bott .right .f_nav li:first-child:after{display:none;} .footer_top .content_bott .right .f_nav li span{position:relative; display:inline-block;} .footer_top .content_bott .right .f_nav li span:before{content:''; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-2px; transition:all 0.5s ease; transform:scale(0);} .footer_top .content_bott .right .f_nav li:hover span:before{transform:scale(1);} .footer_bott{font-size:14px; line-height:30px; color:#77777b; padding:20px 0;} .footer_bott span{display:inline-block; margin-right:5px;} /* 底部 end */ /* 字号修改 */ .solu_tit:after{z-index:1;} .ipart01 .content .right .cell .img_:after{margin-left:-22.5px; margin-top:-22.5px;;} .ipart03 .bott_ .content li .intro .box .t{font-size:24px;} .ipart04 .content .intro .tit{font-size:18px;} .ipart05 .content ul li .txt{font-size:24px;} .news_detail01 .left .title{font-size:30px;} .news_detail01 .left .con .box .date{font-size:24px;} .contact_us01 .infor_l .con{font-size:24px;} .contact_us02 .infor .tit{font-size:18px;} .contact_us02 .content .left dd{font-size:18px;} .contact_us02 .content .right .item .txt_{font-size:16px; font-weight:normal;} .job_list01 .intro .box .cover .item .t{line-height:42px;} .job_list01 .right .r_top .box .con{font-size:16px;} .social_job01 .content .sele_wrap .t{font-size:16px;} .social_job01 .content .btn_wrap .t{font-size:0;} .social_job02 li ._ut{font-size:18px;} .social_job02 li ._un{font-size:16px;} .news_list01 .inp_wrap .inp{font-size:18px;} .news_list02 .li_ .intro_ .box .tit{font-size:24px;} .news_list02 .li_ .rect-60{padding-bottom:55%;} .news_list02 .li_ .intro_ .box .date{font-size:16px;} .news_detail01 .right ul li .li_box .tit{font-size:24px;} .news_detail01 .right ul li .li_box .con{font-size:16px;} .news_detail01 .right ul li .li_box .date{font-size:16px;} .clw_solu01 .content li .li_box .text{font-size:18px;} .clw_solu03 .content li .li_box .text{font-size:18px;} .clw_solu03 .content li .li_box .con{font-size:14px;} .digital_solu01 .infor .tit{font-size:42px; line-height:42px;} .zhhy01 .left .content li .li_box .text{font-size:18px;} .zhhy02 .right .content li .info .t{font-size:24px;} .zhhy02 .right .content li{margin-bottom:45px;} .zhcw01 .left .content li .li_box .text{font-size:18px;} .zhcd_solu01 .infor_l .content li .li_box .text{font-size:18px;} .zhcf_solu03 li .li_box .con{font-size:16px;} .znjs_solu02 .content li .li_box .text{font-size:18px;} .znwl_solu02 .content li .li_box .text{font-size:18px; line-height:30px; height:90px;} .fzjs_solu02 .content li .li_box .text{font-size:18px;} .contact_us01 .infor_l .con{font-size:18px;} /* 字号修改 end*/ .znjs_solu01 .infor_l{width:72%;} .about_add .item .intro .c{margin-bottom:10px;} .digital_solu01 .content .li_{background:#fff; box-shadow: 0 0 15px rgb(0 0 0 / 10%);} .zhhy01 .left .content li{box-shadow: 0 0 15px rgb(0 0 0 / 10%);} .fzjs_solu01 .infor_l{width:72%;} .znwl_solu01 .infor_l{width:72%;} /* .header .pro_down .center{width:100%;} .header .pro_down .center dl{width:25%;} .header .pro_down .center dl dt{font-size:30px; line-height:40px; color:#fff; margin-bottom:15px; padding-left:20%; opacity:0; visibility:hidden;} .header .pro_down .center dl.dl02 dt{opacity:1; visibility:visible;} */ .footer_top .content_bott .right .f_nav li:after{display:none;} .zhcw01 .left .content li .li_box .icon{background-size:cover;} .zhcw02 .content dl dd .icon{width:64px; height:64px;} .digital_solu01 .infor{text-align:left; padding:0!important;} .digital_solu01 .infor_l{width:72%; float:left;} .digital_solu01 .infor_l .con {font-size:18px; line-height:30px; color: #54657f;} .digital_solu01 .infor_r{width:26%; float:right; margin-top:10px;} .digital_solu01 .content{padding:0;} .digital_solu03 .infor_l{width:72%; float:left;} .digital_solu03 .infor_l .con {font-size:18px; line-height:30px; color: #54657f;} .digital_solu03 .infor_r{width:26%; float:right; margin-top:10px;} .digital_solu03 .content{margin-top:30px;} .digital_solu03{padding:50px;} .zdjs_solu01 .left .content li .li_box .icon{width:68px; height:68px; margin:0 auto 20px; transition:all 0.5s ease; background-size:cover;} .zdjs_solu01 .left .content li:hover .li_box .icon{transform:rotateY(180deg);} .zdjs_solu01 .left .content li .li_box .tit{font-size:18px; text-align:center; color:#374567; font-weight:normal; margin-bottom:0} .dsj_solu01 .left .content li .li_box .icon{background-size:cover;} .dsj_solu01 .left .content li .li_box .icon{margin-bottom:20px;} .zhhy01 .left .content li .li_box .icon{margin-bottom:20px;} .dsj_solu01{padding-bottom:0px;} .dsj_solu01_new.dsj_solu01 .left{width:100%;} .dsj_solu01_new.dsj_solu01 .left .content li{width:18.4%; margin-right:2%;} .dsj_solu01_new.dsj_solu01 .left .content li:last-child{margin-right:0;} .header .logo a img{height:49px;} .dsj_solu02{background:none;} .dsj_solu02 .infor .con{font-size:18px; line-height:30px; color:#54657f;} .dsj_solu02 .content{background:url(../img/dsj_solu02_new1.jpg) no-repeat center; padding:60px 0 50px; margin-top:30px; background-size:cover;} .dsj_solu02 .content li{float:left; margin-right:3%; width:30%; margin-bottom:20px; background:#fff; height:145px; position:relative; transition:all 0.5s ease;} .dsj_solu02 .content li:hover{box-shadow:0 0 15px rgba(0,0,0,.2);} .dsj_solu02 .content li span {display:flex; flex-direction:column; justify-content:center; padding-left:81px; font-size:24px; color:#54657f; height:100%;} .dsj_solu02 .content li:after{content:''; width:8px; height:100%; background:#4479c9; position:absolute; left:0; top:0;} .dsj_solu03 .infor .con{font-size:18px; line-height:30px; color:#54657f;} .dsj_solu03 .content{margin-top:30px;} .dsj_solu04{background:#eef2f7; margin:60px 0;} .dsj_solu04 .left{width:42%; float:left;} .dsj_solu04 .left .rect-67{padding-bottom:67%;} .dsj_solu04 .left img{transition:all 0.5s ease;} .dsj_solu04 .left:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .dsj_solu04 .right{width:50%; float:right;} .dsj_solu04 .right .infor{margin-top:52px;} .dsj_solu04 .right .infor .con{font-size:18px; line-height:30px; color:#54657f;} .clw_solu02 .content .left{width:70.5%; float:left;} .clw_solu02 .content .right{width:26%; float:right; position:relative;} .clw_solu02 .content .right .r_scroll{height:718px; overflow:hidden;} .clw_solu02 .content .right li{margin-bottom:14px;} .clw_solu02 .content .right li img{height:230px;} .clw_solu02 .content .right .r_scroll_btn .btns{width:49%; position:absolute; left:50%; margin-left:-9px; width:18px; height:18px; cursor:pointer; transition:all 0.5s ease;} .clw_solu02 .content .right .r_scroll_btn .myprev{top:10px; background:url(../img/r_top_jt1.png) no-repeat center;} .clw_solu02 .content .right .r_scroll_btn .mynext{bottom:10px; background:url(../img/r_top_jt2.png) no-repeat center} .clw_solu02 .content .right .r_scroll_btn .btns i{display:none;} /* .znjs_solu02.clw_solu03{display:none;} */ .zhcf_solu03 li .li_box .icon{width:68px; height:68px; background-size:cover;} .zhhy01 .left .content li .li_box .icon{background-size:cover} .zhhy03 .right li{background:#fff; border-radius:20px;} .zhhy03 .right li .box{padding:40px 0px; position:relative;} .zhhy03 .right li .num{font-size:70px; line-height:70px; color:#4479c9; margin-bottom:30px;} .zhhy03 .right li .icon{width:68px; height:68px; background-size:cover; margin:0 auto 20px;} .zhhy03 .right li .txt{font-size:18px; line-height:30px; color:#54657f; text-align:center; padding:0 20px;} .fzjs_solu02 .content li .li_box .icon{background-size:cover;} /* .news_detail01 .left .footer_share{line-height:36px; margin-top:24px;} .news_detail01 .left .footer_share a{display:inline-block; float:none; text-align:center; padding:0; height:36px; line-height:36px; color:#4479c9; background:transparent; margin:0 4px; position:relative;} .news_detail01 .left .footer_share a i{background:none; margin:0; vertical-align:top; font-size:22px;} .news_detail01 .left .footer_share .pop{position: absolute; top:100%; left:50%; margin-left:-60px; opacity:0;transition:all 0.2s; pointer-events:none; width:120px; height:128px; z-index:3;} .news_detail01 .left .footer_share .weixin:hover .pop{opacity: 1; pointer-events: auto;} */ .zdjs_solu01{padding-bottom:0px;} .zdjs_solu01_new.zdjs_solu01 .left{width:100%;} .zdjs_solu01_new.zdjs_solu01 .left .content li{width:18.4%; margin-right:2%;} .zdjs_solu01_new.zdjs_solu01 .left .content li:last-child{margin-right:0;} /* 20211230 dy */ .dsj_solu01 .left .content li .li_box .text{height:auto; min-height:90px;} .dsj_solu01 .left .content li .li_box .text span{display:inline;} .zhhy03 .right li .rect-146{padding-bottom:170%;} .zdjs_solu01{padding-bottom:50px;} .znwl_solu02 .content li .li_box .icon{background-size:cover;} .dsj_solu01 .left .infor .con p{text-align:justify;} .znjs_solu02 .content li .li_box .icon{background-size:cover;} .dsj_solu04{height:300px;} .dsj_solu04 .wrap{position:relative;} .dsj_solu04 .left{position:absolute; left:0; top:-20px;} .about_add .item .intro .icon{width:80px; height:80px; background-size:cover;} .news_detail01 .left .news_share{ margin:20px 0 24px;} .news_detail01 .left .news_share .bshare-custom{overflow:hidden;} .news_detail01 .left .news_share .bshare-custom a{display:block; float:left; width:36px; height:36px; text-align:center; padding:0; line-height:36px; border-radius:5px; color:#4479c9; background:#e4e4e4; margin-right:8px;} .news_detail01 .left .news_share .bshare-custom a i{background:none; margin:0; vertical-align:top; font-size:20px;} .clw_solu03{display:none;} .clw_solu04{margin-top:130px;} .clw_solu04 .rect-140{padding-bottom:140.6%;} .clw_solu04 ul li{float:left; width:20%; position:relative; transition:all 0.5s ease;} .clw_solu04 ul li:hover{transform:scale(1.15); z-index:2; border-radius:15px; overflow:hidden;} .clw_solu04 ul li .t{font-size:24px; line-height:24px; padding-bottom:20px; position:absolute; left:55px; top:65px; color:#fff;} .clw_solu04 ul li .t::after{content:''; width:60px; height:6px; background:#fff; position:absolute; left:0; bottom:0;} .clw_solu04 ul li .cover{width:100%; height:100%; background:url(../img/dy_cover.png); background-size:cover; position:absolute; left:0; top:0;} .clw_solu04 ul li:hover .cover{opacity:0; visibility:hidden;} .znzd_solu01 .infor .t{font-size:30px; line-height:30px; color:#000; margin-bottom:40px;} .znzd_solu01 .infor .con{margin-bottom:40px; min-height:150px;} .znzd_solu01 .rect-51{padding-bottom:51.11%;} .znzd_solu01 .content li{width:18.55%; float:left; margin-right:1.3%; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.2);} .znzd_solu01 .content li .li_box{padding:25px 35px 35px; text-align:center;} .znzd_solu01 .content li .li_box .icon{width:80px; height:80px; margin:0 auto 25px; transition:all 0.5s ease;} .znzd_solu01 .content li .li_box .text{font-size:18px; line-height:28px; height:60px; overflow:hidden; color:#374567; background-size:cover;} .znzd_solu01 .content li:hover .li_box .icon{transform:rotateY(180deg);} .znzd_solu02{background:#f9fbfc; padding-top:55px;} .znzd_solu02 .infor .tit{color:#000; font-size:26px; line-height:26px; margin-bottom:25px;} .znzd_solu02 .infor .con{font-size:18px; line-height:28px; color:#374567;} .znzd_solu02 .infor .img_{margin:55px 0;} .znzd_solu02 .content li{background:#4479c9; overflow:hidden; border-radius:8px;} .znzd_solu02 .content li .t{border:none;} .zhcw01 .left .content li{background:#fff;} .zhhy03 .right li .num{opacity:0.3; margin-bottom:15px;} .zhhy03 .right li .txt{font-size:24px;} .digital_solu01 .content .li_ .li_box .icon{margin:0 auto 25px; width:80px; height:80px;} .digital_solu01 .content .li_ .li_box .text{text-align:center;} .digital_solu01 .content .li_{width:23.5%; margin-right:2%;} .digital_solu01 .content .li_:nth-child(4){margin-right:0;} .digital_solu01 .content .li_ .li_box{padding:25px 35px 35px;} .zhcw02 .content dl dd .text{font-size:20px;} .zhcw02 .content dl dd .text{font-size:20px;} .zhcw01 .right{margin-top:50px;} .zhcw02 .content dl dd{width:20.5%;} .zhcw02 .content dl dd .text{margin-left:0;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:none;} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:#4479c9;} body .resultArea #botBtn a::before{background:#4479c9;} /* 2022-0104 */ .dsj_solu02 .solu_tit {font-size:32px; line-height:32px; padding-left:0;} .dsj_solu02 .solu_tit:after{display:none;} .dsj_solu02 .content li{height:100px;} .zhhy02 .right .intro .tit{font-size:32px; line-height:32px;} .zhhy03 .left .infor .tit{font-size:32px; line-height:32px;} .zhcw02 .solu_tit {font-size:32px; line-height:32px; padding-left:0;} .zhcw02 .solu_tit:after{display:none;} .zhcw03 .solu_tit {font-size:32px; line-height:32px; padding-left:0;} .zhcw03 .solu_tit:after{display:none;} .zhcf_solu02 .solu_tit {font-size:32px; line-height:32px; padding-left:0;} .zhcf_solu02 .solu_tit:after{display:none;} .znjs_solu02 .solu_tit {font-size:32px; line-height:32px; padding-left:0;} .znjs_solu02 .solu_tit:after{display:none;} .zdjs_solu02 .solu_tit {font-size:32px; line-height:32px; padding-left:0;} .zdjs_solu02 .solu_tit:after{display:none;} .fzjs_solu02 .solu_tit {font-size:32px; line-height:32px; padding-left:0;} .fzjs_solu02 .solu_tit:after{display:none;} /*404*/ .channel_content.false{padding:0; position:static} .false01 .content{width:850px;position:absolute; left:50%; margin-left:-425px; top:50%; margin-top:-302px; } .false01 .content .box{width:55%; margin:0 auto; padding-top:100px; padding-bottom:110px;} .false01 .text{padding:20px 0 0 60px;} .false01 .text .txt1{font-size:28px; font-weight:bold; color:#4479c9; margin-bottom:25px;} .false01 .text .txt2{font-size:18px; font-weight:bold; color:#1f1f1f;} .false01 .text .txt3{font-size:14px; color:#666; line-height:26px; margin-top:10px; margin-bottom:20px;} .false01 .text .txt3 li{position:relative; padding-left:25px;} .false01 .text .txt3 li:after{content:''; position:absolute; left:0; top:50%; margin-top:-4px; width:8px; height:8px; border-radius:50%; background:#959595;} .false01 .text .txt4{font-size:16px; color:#666; line-height:26px;} .false01 .text .txt4 a{color:#4479c9;} /* 2022-0105 */ .dsj_solu03 .solu_tit {font-size:32px; line-height:32px; padding-left:0;} .dsj_solu03 .solu_tit:after{display:none;} .dsj_solu04 .solu_tit {font-size:32px; line-height:32px; padding-left:0;} .dsj_solu04 .solu_tit:after{display:none;} .ibanner .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:80px; left:0%; width:100%; text-align:center;} .ibanner .owl-carousel .owl-dot{width:16px; height:16px; background:#ABABAB; margin:0 5px; border-radius:50%; display:inline-block;} .ibanner .owl-carousel .owl-dot.active{background:#737373;} .dsj_solu02 .content .li_{width:28%;margin-right:8%;height:auto;position:relative;margin-bottom:70px;} .dsj_solu02 .content .li_:after{content:'';width:8px;height:100%;position:absolute;left:0px;top:0px;background:#4479c9;} .dsj_solu02 .content .li_three{margin-right:0;} .dsj_solu02 .content .li_ .rect-44{padding-bottom:44%;} .dsj_solu02 .content .li_ .tit{position:absolute;left:38px;top:50px;font-size:24px;line-height:24px;color:#fff;padding-bottom:14px;} .dsj_solu02 .content .li_ .tit:after{content:'';width:83px;height:4px;position:absolute;left:0px;bottom:0px;background:#fff;} /* 20220305 */ .news_detail01 .left .myart table{width:100%;} @media only screen and (max-width:767px) { .fulima02 .index02 .content_list .left_info{width:96%;margin:0 auto;} .ipart03 .top_ .content li{width:90%;margin:20px auto;float:none;} .ipart03 .top_ .content li:first-child{margin-left:5%;} .jjfa_dy.fulima02 .index02 .icon_list li{width:30%;} .fulima04.ipart4 .bott .left{margin:0 auto;width:96%;margin-left:2%;margin-right:2%} .jjfa_dy.fulima02 .index02 .icon_list li:first-child{margin-left:2%} .jjfa_dy.fulima02 .index02 .icon_list li:last-child{margin-right:2%} .jjfa_dy.fulima02 .index02 .content_list .d{padding-left:0px;} .jjfa_dy.fulima02 .index02 .content_list .t{padding-left:0px;} .foot1{display:none;} .footer_3d .foot2, .footer_3d .foot3{width:96%;margin:0 auto;line-height:25px;font-size:14px;} .footer_3d .foot2 .inner_wrap{padding:10px 50px;} .footer_3d .foot2 .inner_wrap .lt,.footer_3d .foot3 .inner_wrap .lt {width: auto; float:none !important;display:block; height: 25px;font-size:14px;} .footer_3d .foot3 .links{display:none;} .fulima02 .index02 .icon_list li{font-size:18px;font-weight:bold;} .footer_3d{padding-top:20px;} }