/* * 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:#00469a;} .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:1605px; margin-right:auto; margin-left:auto;} /*内容区1605的版心*/ .mwrap {width:1720px; margin-right:auto; margin-left:auto;} /*头尾导航 1720版心*/ /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover { color:#00469a;} ::-moz-selection {color:#fff; background:#00469a;} ::selection {color:#fff; background:#00469a;} ::-webkit-input-placeholder { color:#aaa;} .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px;} .form-control:focus { border-color:#00469a; 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) } /* 网站样式 */ /* 注意： 1、导航和内容区版心不一样，头尾1720，内容区1605 2、下层banner的文字加了h1标签 */ .header{background:url(../img/header.png) no-repeat center top; position:fixed; left:0; top:0; width:100%; transition:0.5s ease; z-index:12;} .header .h_logo{padding:22px 0;} .header .h_logo a{display:block;} .header .h_logo .img1{display:block;} .header .h_logo .img2{display:none;} .header .h_tools .group{line-height:42px; height:42px; padding:22px 0; margin-left:40px; position:relative;} .header .h_tools .group span{display:inline-block; color:#fff; font-size:16px; transition:0.5s ease} .header .h_tools .group .iconfont{color:#fff; font-size:20px; vertical-align:-2px; transition:0.5s ease} /* 站群下拉 */ .header .h_tools .group .group_ul{width:180px; background:#fff; position:absolute; left:50%; transform:translateX(-50%); z-index:99; top:100%; opacity:0; visibility:hidden;; padding:10px 0; transition:0.5s ease;} .header .h_tools .group .group_ul a {display:block; line-height:30px; font-size:14px; color:#333; text-align:center;} .header .h_tools .group .group_ul a:hover{color:#00469a;} .header .h_tools .group:hover .group_ul{opacity:1; visibility:visible;} /* 搜索 */ .header .h_tools .h_search {line-height:42px; height:42px; padding:22px 0; margin-left:40px; cursor:pointer;} .header .h_tools .h_search i{font-size:25px; color:#fff; vertical-align:-5px; margin:0; transition:0.5s ease} .header .h_tools .h_lan{padding:22px 0; line-height:42px;} .header .h_tools .h_lan a{font-size:16px; color:#fff; display:block; text-transform:uppercase;} /* 导航搜索下拉 */ .header .search_box{position:absolute; background:#ffffff; width:100vw; left:50%; transform:translateX(-50%); top:100%; background:#ffffff; /*border-top:1px solid rgba(0,0,0,0.1);*/ display:none; box-shadow:0 0 4px 2px rgba(0,0,0,0.04);} .header .search_box .sear_cont{width:950px; margin:0 auto; padding:60px 0; box-sizing:border-box;} .header .search_box .box{width:100%; background:#f0f0f0; border-radius:40px; padding:20px 20px; box-sizing:border-box;} .header .search_box i{font-size:24px; line-height:30px; margin:0; display:block; color:#201e1f; /*font-weight:bold;*/ transition:all .3s ease;} .header .search_box .box .search_input{width:calc(100% - 50px); display:inline-block; vertical-align:middle; overflow-x:hidden;} .header .search_box .box .search_input .sear_inp{outline:none; width:100%; text-indent:30px; padding:0; margin:0; border:0; background:none; line-height:30px; font-size:20px;} .header .search_box .box .sear_icon{cursor:pointer; display:inline-block; vertical-align:middle; outline:none;padding:0; margin:0; border:0; background:none;} .header .search_box .box{padding:10px 20px; background:none; border:1px solid #eaeaea; font-size:0; padding-right:10px;} .header .search_box .box .sear_icon{width:50px; height:50px; border-radius:50%; background:#00469a;} .header .search_box .box .sear_icon i{color:#ffffff;} /* 导航 */ .header .inav_wrapper{margin-right:5%;} .header .inav_wrapper .nav_li{display:inline-block; padding:22px 0; margin:0 35px; position:relative} .header .inav_wrapper .nav_li>a{font-size:16px; line-height:42px; color:#fff;} .header .inav_wrapper .nav_normal .sec_nav{width:260px; background:#fff; position:absolute; left:50%; margin-left:-140px; z-index:99; top:100%; display:none; box-shadow: 0px 3px 10.89px 0.11px rgba(128, 128, 128, 0.3);} .header .inav_wrapper .nav_normal .sec_nav{padding:10px;} .header .inav_wrapper .nav_normal .sec_nav a {display:block; line-height:45px; font-size:14px; color:#333; text-align:center;} .header .inav_wrapper .nav_normal .sec_nav a:hover{background:#00469a; color:#fff;} /* 导航下拉 */ .header .xl_bg{width:100%; position:absolute; left:0; top:100%; min-height:440px; background:#fff; display:none;} .header .nav_pro .nav_down{position:absolute; left:-88px; top:100%; z-index:2; min-width:680px; display:none; padding:10px 30px; box-shadow: 0px 5px 10.89px 0.11px rgba(128, 128, 128, 0.3); background:#fff} .header .nav_pro .nav_down .nav_item{line-height:45px; min-width:310px; float:left; padding:20px 0;; margin-right:5px;} .header .nav_pro .nav_down .nav_item li{padding:0 20px; position:relative; transition:0.5s ease;} .header .nav_pro .nav_down .nav_item li a{display:block; color:#111; font-size:16px; color:#111;} .header .nav_pro .nav_down .nav_item li a i{position:absolute; right:20px; top:50%; transform:translateY(-50%);} .header .nav_pro .nav_down .nav_item li.active{background:#00469a;} .header .nav_pro .nav_down .nav_item li.active a{color:#fff;} .header .nav_pro .nav_down .nav_item li:hover{background:#00469a;} .header .nav_pro .nav_down .nav_item li:hover a{color:#fff;} .header .nav_pro .nav_down .nav_erji{opacity:0; visibility:hidden; transform:translateX(-40px); transition:all 0.5s ease;} .header .nav_pro .nav_down .nav_erji.on{opacity:1; visibility:visible; transform:translateX(0);} /* 头部触控 */ .header:hover{background:#fff;box-shadow:0 0 10px 3px rgba(0,0,0,.05);} .header:hover .h_logo .img1{display:none;} .header:hover .h_logo .img2{display:block;} .header:hover .inav_wrapper .nav_li>a{color:#111;} .header:hover .h_tools .h_search i{color:#00469a;} .header:hover .h_tools .group .iconfont{color:#00469a;} .header:hover .h_tools .group span{color:#111;} .header:hover .h_tools .h_lan a{color:#00469a;} /* 导航吸顶 */ .header.fixed{background:#fff;box-shadow:0 0 10px 3px rgba(0,0,0,.05);} .header.fixed .h_logo .img1{display:none;} .header.fixed .h_logo .img2{display:block;} .header.fixed .inav_wrapper .nav_li>a{color:#111;} .header.fixed .h_tools .h_search i{color:#00469a;} .header.fixed .h_tools .group .iconfont{color:#00469a;} .header.fixed .h_tools .group span{color:#111;} .header.fixed .h_tools .h_lan a{color:#00469a;} /* 下层 */ .xc_pageHeader .header{background:#fff;box-shadow:0 0 10px 3px rgba(0,0,0,.05);} .xc_pageHeader .header .h_logo .img1{display:none;} .xc_pageHeader .header .h_logo .img2{display:block;} .xc_pageHeader .header .inav_wrapper .nav_li>a{color:#111;} .xc_pageHeader .header .h_tools .h_search i{color:#00469a;} .xc_pageHeader .header .h_tools .group .iconfont{color:#00469a;} .xc_pageHeader .header .h_tools .group span{color:#111;} .xc_pageHeader .header .h_tools .h_lan a{color:#00469a;} /* 手机端导航 */ .m_nav{display:none;} .mobile_key{display:none;} /* 底部 */ .f_top{background:#333; padding:60px 0 50px;} .f_top dl{width:14.2%; float:left;} .f_top dl dt{font-size:16px; line-height:30px; color:#fff; margin-bottom:22px;} .f_top dl dd{font-size:14px; line-height:30px; color:#838383;} .f_top dl dt a:hover{color:#0081c3;} .f_top dl dd a:hover{color:#0081c3;} .f_center{background:#333;} .f_center .content{padding:30px 0; border-top:1px solid #fff; border-color:rgba(255,255,255,.2);} .f_center .content .left {float:left;} .f_center .content .left .f_logo{margin-bottom:30px;} .f_center .content .left .f_con .friend_link{width:140px; height:36px; box-sizing:border-box; text-align:center; position:relative; border:1px solid #fff; border-color:rgba(255,255,255,.5); line-height:36px; color:#fff; color:rgba(255,255,255,.8); cursor:pointer; display:inline-block; margin-right:38px;} .f_center .content .left .f_con .friend_link i{vertical-align:top; transition:0.5s ease;} .f_center .content .left .f_con .friend_link.cur i{transform:rotateZ(180deg);} .f_center .content .left .f_con .friend_link ul{position:absolute; left:-15%; width:130%; bottom:100%; display:none; background:#666;} .f_center .content .left .f_con .friend_link a:hover{color:#0081c3;} .f_center .content .left .f_con .f_share .title{display:inline-block; font-size:12px; color:#D2D2D2;} .f_center .content .left .f_con .f_share{display:inline-block;} .f_center .content .left .f_con .f_share li{display:inline-block;} .f_center .content .left .f_con .f_share li i{font-size:20px; color:#D2D2D2;} .f_center .content .left .f_con .f_share .bshare-custom{display:inline-block;} .f_center .content .right{width:35%; float:right; display:flex; align-items:center;} .f_center .content .right .ewm{padding:7px; border:1px solid #fff; display:inline-block; vertical-align:middle;} .f_center .content .right .info{display:inline-block; margin-left:45px; vertical-align:middle;font-size:16px; line-height:30px; color:#fff;} .f_center .content .right .info>div{margin:10px 0;} .f_center .content .right i{display:inline-block;} .f_center .content .right i img{vertical-align:middle;} .f_center .content .right span{display:inline-block;} .f_center .content .right .f_tel span a{font-size:26px; font-weight:bold;} .f_center .content .right .f_tel span a:hover{color:#0081c3;} .f_center .content .right .f_mail a:hover{color:#0081c3;} .f_bott {background:#434343; padding:18px 0;} .f_bott .left{float:left; font-size:14px; line-height:30px; color:#fff; color:rgba(255,255,255,.5);} .f_bott .left a{display:inline-block; margin:0 5px;} .f_bott .right{float:right; font-size:14px; line-height:30px; color:#fff; color:rgba(255,255,255,.5);} .f_bott a:hover{color:#0081c3;} /* 下层banner 和 二级导航 */ .xc_banner{position:relative;} .xc_banner .intro{position:absolute; left:0; top:50%; width:100%; transform:translateY(-45%); text-align:center; color:#fff;} .xc_banner .intro .tit{font-size:40px; line-height:40px; letter-spacing:7px; font-weight:normal;} .xc_banner .intro .con{font-size:18px; line-height:20px; margin-top:48px; text-transform:uppercase;} .xc_banner .xc_nav{position:absolute; left:0; bottom:0%; width:100%;} .xc_banner .xc_nav ul{font-size:0; background:#fff; background:rgba(255,255,255,.8); height:80px; line-height:80px; padding:0 5%; text-align:center;} .xc_banner .xc_nav ul li{display:inline-block; padding:0 4%; margin:0 4%; font-size:20px; color:#111; position:relative;} .xc_banner .xc_nav ul li:after{content:''; width:100%; height:2px; background:#00469a; position:absolute; left:0; bottom:0; transform:scale(0); transition:all 0.5s ease;} .xc_banner .xc_nav ul li a{display:block;} .xc_banner .xc_nav ul li.cur{color:#00469a;} .xc_banner .xc_nav ul li.cur:after{transform:scale(1); color:#00469a;} .xc_banner .xc_nav ul li:hover:after{transform:scale(1); color:#00469a;} .xc_banner .xc_nav ul li:hover{color:#00469a;} /* 下层页面 */ .channel_content{min-height:300px; padding:65px 0;} /* 产品列表 */ .pro_list01 .left{width:17%; float:left; padding-left:5px; /*height:525px; overflow-y:auto; */transition:marginTop 0.5s ease;} .pro_list01 .left::-webkit-scrollbar {width:2px; height:4px;} .pro_list01 .left::-webkit-scrollbar-thumb {border-radius:0; background:#00469a;} .pro_list01 .left::-webkit-scrollbar-track {border-radius:0; background:#edeef0;} .pro_list01 .left .content{ position:relative; min-height:520px;} .pro_list01 .left .content:before{content:''; width:1px; height:100%; background:#edeef0; position:absolute; left:5px; top:0;} .pro_list01 .left .item{padding-left:35px; padding-right:20px; position:relative; padding-bottom:25px;} .pro_list01 .left .item span{position:relative; display:block; font-size:20px; color:#111; font-weight:bold; transition:0.5s ease;} .pro_list01 .left .item span .icon{cursor:pointer; width:14px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px;;} .pro_list01 .left .item span .icon:after, .pro_list01 .left .item span .icon:before {content:''; background:#686868; width:14px; height:2px; display:block; position:absolute; top:0; bottom:0; right:0; margin:auto;} .pro_list01 .left .item span .icon:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} .pro_list01 .left .item span .icon:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;} .pro_list01 .left .item:before{content:''; width:9px; height:9px; background:#00469a; border-radius:10px; position:absolute; left:0px; top:11px; transition:0.5s ease; transform:scale(0); text-replace:center center;} .pro_list01 .left .item.cur:before{transform:scale(1);} .pro_list01 .left .item.cur span{color:#00469a; margin-bottom:15px;} .pro_list01 .left .item.cur span .icon:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#00469a;} .pro_list01 .left .item.cur span .icon:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; background:#fff;} .pro_list01 .left .item ul{display:none;} .pro_list01 .left .item ul li{font-size:16px; line-height:40px; color:#686868; position:relative; margin-bottom:5px; transition:0.5s ease;} .pro_list01 .left .item ul li .circle{display:inline-block; width:28px; height:28px; border-radius:50px; color:#fff; line-height:28px; text-align:center; background:#99B5D7; position:absolute; top:50%; margin-top:-14px; right:27px;} .pro_list01 .left .item ul li.cur{padding-left:18px;;} .pro_list01 .left .item ul li.cur:after{content:''; width:2px; height:20px; background:#00469a; position:absolute; left:0; top:50%; transform:translateY(-50%);} .pro_list01 .left .item.no_link span{margin-bottom:0;} .pro_list01 .left .item.no_link span a{display:block;} .pro_list01 .left .item.no_link span .icon{display:none;} /* .pro_list01 .mCSB_dragger_onDrag{opacity:1; transition:0s ease;} .pro_list01 .mCSB_scrollTools .mCSB_draggerRail{background:#E2E4EA; opacity:1;} .pro_list01 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#00469a; opacity:1;transition:0s ease; width:2px;} */ .pro_list01 .right{width:74%; float:right;} .pro_list01 .right .title{font-size:30px; line-height:40px; color:#111; border-bottom:1px solid #B4C9E2; padding-bottom:17px; text-transform:uppercase; margin-bottom:40px;} .pro_list01 .right .li_{width:31%; float:left; margin-right:2.3%; border-radius:10px; box-shadow:0px 0px 18px 0px rgba(0, 0, 0, 0.18); position:relative; overflow:hidden; margin-bottom:40px;} .pro_list01 .right .li_three{margin-right:0;} .pro_list01 .right .li_ .li_box{padding:20px 20px 87px} .pro_list01 .right .li_ .img_{width:70%; margin:0 auto;} .pro_list01 .right .li_ .rect-81{padding-bottom:81%;} .pro_list01 .right .li_ .info .t{font-size:30px; line-height:30px; height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#111; text-align:center; margin:10px 0 20px;} .pro_list01 .right .li_ .info .c{font-size:0; text-align:center;} .pro_list01 .right .li_ .info .c .cell{display:inline-block; margin:0 4%; width:40%; vertical-align:top;} .pro_list01 .right .li_ .info .c .cell span{font-size:16px;color:#686868; display:block; margin-bottom:15px;} .pro_list01 .right .li_ .info .c .cell span>em{display:block} .pro_list01 .right .li_ .info .c .cell>em{display:block; width:52px; height:52px; text-align:center; line-height:52px; color:#fff; font-size:14px; border-radius:40px; background:#00469a; margin:0 auto;} .pro_list01 .right .li_ .more{position:absolute; left:0; width:100%; bottom:-66px; transition:0.5s ease; background:#00469a;} .pro_list01 .right .li_ .more a{display:block; line-height:66px; text-align:center; font-size:16px; color:#fff;} .pro_list01 .right .li_ .more a i{position:absolute; right:16%; top:50%; transform:translateY(-50%); font-size:14px;} .pro_list01 .right .li_.hover .more{bottom:0;} .pro_list01 .right .li_ img{transition:all 0.5s ease;} .pro_list01 .right .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* 分页 start */ .news_page{font-size:16px; color:#afafaf; text-align:center; font-family:Arial; margin-top:40px;} .news_page a{display:inline-block; vertical-align:middle; width:44px; height:44px; line-height:44px; margin-right:10px; text-align:center; border:1px solid #E4E4E4} .news_page .goprev{border-radius:7px 0 0 7px;} .news_page .gonext{border-radius:0 7px 7px 0;} .news_page .goprev i, .news_page .gonext i, .news_page .count i{font-size:40px; color:#afafaf; vertical-align:top; margin:0;} .news_page a.current{color:#fff; background:#00469a;} .news_page a:hover{color:#fff; background:#00469a;} .news_page a:hover i{color:#fff;} @media only screen and (max-width:760px){ .news_page{margin-top:25px;} .news_page a{width:36px; height:36px; line-height:36px; margin-right:5px;} .news_page .goprev, .news_page .gonext, .news_page .count{display:inline-block;} } /* 分页 end */ /* 产品详细 */ .pro_detail01 .right{width:74%; float:right;} .pro_detail01 .right .title{font-size:30px; line-height:40px; color:#111; border-bottom:1px solid #B4C9E2; padding-bottom:17px; text-transform:uppercase; margin-bottom:40px;} .pro_detail01 .right .pt1_l{width:50%; float:left;} .pro_detail01 .right .pt1_l .rect-81{padding-bottom:81%;} .pro_detail01 .right .pt1_l .swiper-slide{margin-bottom:40px;} .pro_detail01 .right .pt1_l .big_img{padding:35px; background:#F9F9F9;} .pro_detail01 .right .pt1_l .big_img .img_box{width:55%; margin:0 auto;} .pro_detail01 .right .pt1_l .big_img .img_box img{mix-blend-mode:multiply; } .pro_detail01 .right .pt1_l .item_video{position:relative; cursor:pointer;} .pro_detail01 .right .pt1_l .item_video:after{content:''; width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; left:0; bottom:0;} .pro_detail01 .right .pt1_l .item_video:before{content:''; width:60px; height:60px; background:url(../img/proo_detail01_4.png) no-repeat center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;} .pro_detail01 .right .pt1_l .smal_img{font-size:0; text-align:center;} .pro_detail01 .right .pt1_l .smal_img .cell{display:inline-block; width:20%; padding:6px 0; margin:0 2%; border:1px solid #D3D3D3; cursor:pointer; position:relative; background:#fff;} .pro_detail01 .right .pt1_l .smal_img .cell .img_{width:50%; margin:0 auto;} .pro_detail01 .right .pt1_l .smal_img .cell_video:before{content:''; width:40px; height:40px; background:url(../img/proo_detail01_4.png) no-repeat center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .pro_detail01 .right .pt1_l .smal_img .cell.cur:after{content:''; width:100%; height:100%; background:url(../img/proo_detail01_2.png) no-repeat center; background-size:100% 100%; position:absolute; left:0; bottom:0;} .pro_detail01 .right .pt1_l .smal_img .cell.active:after{content:''; width:100%; height:100%; background:url(../img/proo_detail01_2.png) no-repeat center; background-size:100% 100%; position:absolute; left:0; bottom:0;} .pro_detail01 .right .pt1_r{width:46%; float:right; padding-top:10px;} .pro_detail01 .right .pt1_r .item {margin-bottom:40px;} .pro_detail01 .right .pt1_r .item .t{font-size:20px; color:#111; line-height:26px; margin-bottom:15px;} .pro_detail01 .right .pt1_r .item .c{font-size:16px; line-height:26px; color:#686868;} .pro_detail01 .right .pt1_r .item .c span{display:block;} .pro_detail01 .right .pt1_r .item .c a{display:block; position:relative; padding-left:32px; color:#00469a;} .pro_detail01 .right .pt1_r .item .c a:hover{font-weight:bold;} .pro_detail01 .right .pt1_r .item .c a:after{content:''; width:16px; height:20px; background:url(../img/pro_detail01_1.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-10px;} .pro_detail01 .right .pt2{margin-top:60px;} .pro_detail01 .right .pt2 .hd{font-size:0; margin-bottom:10px; border-bottom:1px solid #EAEAEA;} .pro_detail01 .right .pt2 .hd .item{display:inline-block; font-size:16px; line-height:32px; color:#00469a; cursor:pointer; padding:0 15px;} .pro_detail01 .right .pt2 .hd .item.cur{background:#00469a; color:#fff; border-radius:10px 10px 0 0;} .pro_detail01 .right .pt2 .bd .item{display:none;} .pro_detail01 .right .pt2 .bd .item.cur{display:block;} .pro_detail01 .right .pt3{margin-top:60px;} .pro_detail01 .right .pt3 .tit{font-size:20px; line-height:25px; color:#000; margin-bottom:25px;} .pro_detail01 .right .pt3 .rect-4625{padding-bottom:46.25%;} /* .pro_detail01 .right .pt3 .dd_{width:32%; float:left; margin-right:2%; margin-bottom:25px;} .pro_detail01 .right .pt3 .dd_three{margin-right:0;} */ .pro_detail01 .right .pt3 .list{position:relative;} .pro_detail01 .right .pt3 .dd_ .info{text-align:center; margin-top:15px;} .pro_detail01 .right .pt3 .dd_ .info .txt{font-size:16px; line-height:26px; color:#111;} .pro_detail01 .right .pt3 .dd_ .info .txt span{display:block;} .pro_detail01 .right .pt3 .dd_ img{transition:all 0.5s ease;} .pro_detail01 .right .pt3 .dd_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .pro_detail01 .right .pt3 .owl-nav{width:100%; position:absolute; left:0; top:34%; margin-top:-15px;} .pro_detail01 .right .pt3 .owl-nav div{font-size:25px; line-height:30px; position:absolute; top:0;} .pro_detail01 .right .pt3 .owl-nav div i{margin:0; color:#111; font-weight:bold; transition:0.5s ease;} .pro_detail01 .right .pt3 .owl-nav .owl-prev{left:-30px;} .pro_detail01 .right .pt3 .owl-nav .owl-next{right:-30px;} .pro_detail01 .right .pt3 .owl-nav div.disabled{display:none;} .pro_detail01 .right .pt3 .owl-nav div:hover i{color:#00469a;} /* 联系我们 */ .contact_us.channel_content{padding-bottom:0;} .contact_us01 .li_{width:23%; margin-right:2.6%; float:left; border-radius:10px; overflow:hidden; box-shadow:0px 0px 9.7px 0.3px rgba(13, 38, 68, 0.15); transition:0.5s ease; margin-bottom:43px;} .contact_us01 .li_four{margin-right:0;} .contact_us01 .li_ .box{padding:50px;} .contact_us01 .li_ .box .icon{width:59px; height:59px; background-position:0 0; margin:0 auto 40px} .contact_us01 .li_ .box .tit{font-size:20px; line-height:30px; margin-bottom:25px; font-weight:600;} .contact_us01 .li_ .box .con{font-size:16px; line-height:32px; height:64px;} .contact_us01 .li_ .box .info{text-align:center; padding-bottom:35px;} .contact_us01 .li_ .box .info .tit{color:#00469a; transition:0.5s ease;} .contact_us01 .li_ .box .info .con {color:#575757; transition:0.5s ease;} .contact_us01 .li_ .box .info .con span{display:block;} .contact_us01 .li_ .box .info .con a{transition:0s ease;} .contact_us01 .li_ .box .line{width:56px; height:2px; background:#00469a; margin:0 auto; transition:0.5s ease} .contact_us01 .li_.cur{background-image:linear-gradient(to bottom,#034aa1,#2586fc);;} .contact_us01 .li_.cur .box .icon{background-position:0 -59px;} .contact_us01 .li_.cur .box .info .tit{color:#fff} .contact_us01 .li_.cur .box .info .con{color:#fff} .contact_us01 .li_.cur .box .line{background:#fff;} .contact_us01 .li_.cur .box .info .con a:hover{color:#fff;} .contact_us01 .li_ewm{position:relative;cursor:pointer;} .contact_us01 .li_ewm .box{transition:all 0.5s ease; transform:scale(1);} .contact_us01 .li_ewm .box .txt{text-align:center; margin-top:25px;} .contact_us01 .li_ewm .item_ewm{position:absolute; left:50%; top:50%; margin-left:-75px; margin-top:-75px; width:150px; height:150px; transition:all 0.5s ease; opacity:0; visibility:hidden; transform:scale(0);} .contact_us01 .li_ewm:hover .box{opacity:0; visibility:hidden; transform:scale(0);} .contact_us01 .li_ewm:hover .item_ewm{opacity:1; visibility:visible; transform:scale(1);} .contact_us02{margin-top:70px; background:#f9fafc; padding:70px 0;} .contact_us02 .infor .tit{font-size:40px; line-height:40px; color:#111;} .contact_us02 .content{margin-top:40px;} .contact_us02 .content .inp_wrap{height:60px; line-height:60px; background:#fff; box-shadow:0px 0px 18px 0px rgba(13, 38, 68, 0.05); border-radius:10px; float:left; padding:0 30px; box-sizing:border-box; font-size:16px; color:#787878; margin-bottom:25px;} .contact_us02 .content .inp_wrap label{width:55px; display:inline-block} .contact_us02 .content .inp_wrap label em{color:red;} .contact_us02 .content .inp_wrap .inp{width:calc(100% - 60px); border:none; height:60px; line-height:60px; padding:0;} .contact_us02 .content .inp_wrap01{width:66%; margin-right:2%;;} .contact_us02 .content .inp_wrap02{width:32%; position:relative;} .contact_us02 .content .inp_wrap02 label{width:100%; cursor:pointer;} .contact_us02 .content .inp_wrap02 .iconfont{position:absolute; right:32px; top:50%; transform:translateY(-50%); color:#111; transition:0.5s ease;} .contact_us02 .content .inp_wrap02 ul{background:#fff; position:absolute; left:0; top:100%; border-radius:10px; width:100%;border-top:1px solid #f1f1f1; display:none; overflow:hidden;} .contact_us02 .content .inp_wrap02 ul li{padding:0 32px; cursor:pointer; transition:0.5s ease;} .contact_us02 .content .inp_wrap02 ul li:hover{background:#00469a; color:#fff;} .contact_us02 .content .inp_wrap02.cur .iconfont{transform:translateY(-50%) rotateZ(180deg);} .contact_us02 .content .inp_wrap03{width:32%;} .contact_us02 .content .inp_wrap04{width:32%; margin:0 2%;} .contact_us02 .content .inp_wrap05{width:32%;} .contact_us02 .content .inp_wrap06{width:100%;} .contact_us02 .content .inp_wrap06 label{width:65px;} .contact_us02 .content .inp_wrap06 .inp{width:calc(100% - 70px);} .contact_us02 .content .inp_wrap.inp_wrap07{width:100%; height:auto;} .contact_us02 .content .inp_wrap07 label{width:65px; vertical-align:top;} .contact_us02 .content .inp_wrap07 textarea{width:100%; height:200px; border:none; padding:0; line-height:30px;} .contact_us02 .content .inp_yzm{float:left; width:100%; height:60px; line-height:60px; font-size:16px; color:#787878; margin-bottom:25px;} .contact_us02 .content .inp_yzm label{width:auto; margin-right:10px;} .contact_us02 .content .inp_yzm label em{color:red;} .contact_us02 .content .inp_yzm .inp{width:253px; background:#fff; box-shadow:0px 0px 18px 0px rgba(13, 38, 68, 0.05); border-radius:10px; border:none; height:60px; line-height:60px; padding:0; text-indent:20px;} .contact_us02 .content .inp_yzm span{color:#111;} .contact_us02 .content .inp_yzm img{vertical-align:middle; margin:0 10px;} .contact_us02 .content .inp_privacy{font-size:16px; float:left; width:100%; line-height:60px; color:#111; position:relative; padding-left:44px; margin-bottom:40px;} .contact_us02 .content .inp_privacy a{color:#00469a;} .contact_us02 .content .inp_privacy .icon{width:24px; height:24px; background:url(../img/contact_icon1.png) no-repeat center; background-size:cover; position:absolute; left:0; top:50%; transform:translateY(-50%); cursor:pointer;} .contact_us02 .content .inp_privacy.cur .icon{background:url(../img/contact_icon2.png) no-repeat center; background-size:cover;} .contact_us02 .content .inp_btns>button{width:197px; height:62px; line-height:62px; background:none; border:1px solid #00469a; color:#00469a; padding:0; margin:0; text-align:center; outline:none; border-radius:5px; margin-right:34px; transition:0.5s ease; cursor:pointer;} .contact_us02 .content .inp_btns .btn01{background:#00469a; color:#fff;} .contact_us02 .content .inp_btns .btn02:hover{background:#00469a; color:#fff;} /* 新闻列表 */ .news_list01 .left{width:76%; float:left;} .news_list01 .left .hd {position:relative; z-index:3;} .news_list01 .left .hd form{background:#EFF3F8; border-radius:10px; height:54px; line-height:54px; position:relative;} .news_list01 .left .hd .select_wrap{width:22%; position:relative; cursor:pointer; float:left;} .news_list01 .left .hd .select_wrap:after{content:''; width:1px; height:25px; background:#969696; position:absolute; right:0; top:50%; transform:translateY(-50%);} .news_list01 .left .hd .select_wrap span{display:block; padding:0 25px 0 30px; box-sizing:border-box;} .news_list01 .left .hd .select_wrap .iconfont{position:absolute; right:32px; top:50%; transform:translateY(-50%); color:#111; transition:0.5s ease; margin:0;} .news_list01 .left .hd .select_wrap ul{background:#fff; position:absolute; left:0; top:100%; border-radius:10px; width:100%;border-top:1px solid #f1f1f1; display:none; overflow:hidden; box-shadow:0px 0px 18px 0px rgba(13, 38, 68, 0.1);} .news_list01 .left .hd .select_wrap ul li{padding:0 32px; cursor:pointer; transition:0.5s ease;} .news_list01 .left .hd .select_wrap ul li:hover{background:#00469a; color:#fff;} .news_list01 .left .hd .select_wrap.cur .iconfont{transform:translateY(-50%) rotateZ(180deg);} .news_list01 .left .hd .inp_wrap{width:36%; position:relative; cursor:pointer; float:left;} .news_list01 .left .hd .inp_wrap .inp{width:100%; text-indent:20px; border:none; padding:0; margin:0; background:transparent; height:54px; line-height:54px;} .news_list01 .left .hd .btns{width:54px; height:54px; position:absolute; right:0; top:0; background:none; border:none; padding:0; margin:0; outline:none; cursor:pointer;} .news_list01 .left .hd .btns .icon{width:100%; height:100%; display:block; background:url(../img/news_list01_1.png) no-repeat center;} .news_list01 .left .hd .btns span{display:none} .news_list01 .left .bd{margin-top:60px;} .news_list01 .left .bd .rect-64{padding-bottom:64%;} .news_list01 .left .bd li{border-radius:10px; /*box-shadow:0 0 25px rgb(0 0 0 / 10%);*/ overflow:hidden; transition:0.5s ease; position:relative; margin-bottom:36px} .news_list01 .left .bd li a{display:block;} .news_list01 .left .bd .img_{width:33.5%; float:left;} .news_list01 .left .bd .info_{width:61%; float:right; position:relative;} .news_list01 .left .bd .info_ .box{padding:50px 110px 50px 0;} .news_list01 .left .bd .info_ .box .tit{font-size:20px; line-height:25px; color:#111; height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .news_list01 .left .bd .info_ .box .con{font-size:16px; line-height:32px; color:#696969; margin:6px 0 40px; height:64px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_list01 .left .bd .info_ .box .date{font-size:16px; line-height:20px; color:#696969; padding-left:30px; position:relative;} .news_list01 .left .bd .info_ .box .date:after{content:''; width:20px; height:18px; background:url(../img/news_list01_2.png) no-repeat center; background-size:cover; position:absolute; left:0; top:50%;transform:translateY(-50%)} .news_list01 .left .bd li .more{width:98px; height:60px; line-height:60px; background:#00469a; color:#fff; text-align:center; position:absolute; right:0%; opacity:0; transform:translateY(10px); bottom:0%; transition:0.5s ease;} .news_list01 .left .bd li.hover{box-shadow:0px 1px 18px 0px rgba(0, 0, 0, 0.16);} .news_list01 .left .bd li.hover .more{opacity:1;transform:translateY(0px)} .news_list01 .left .bd li img{transition:all 0.5s ease;} .news_list01 .left .bd li:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* .news_list01 .left .bd li.no_img .img_{display:none;} .news_list01 .left .bd li.no_img .info_{width:100%;} .news_list01 .left .bd li.no_img .info_ .box{padding:50px 110px 50px 50px;} */ .news_list01 .right{width:22%; float:right;} .news_list01 .right .item{border-radius:10px 10px 0 0; overflow:hidden; margin-bottom:25px;} .news_list01 .right .item .title{font-size:20px; line-height:62px; text-align:center; font-weight:bold; color:#fff; background:#00469a;} .news_list01 .right .item .con{border:1px solid #D3D5DD;} .news_list01 .right .item01 .con .box{padding:14px; font-size:0;} .news_list01 .right .item01 .con .box a{display:inline-block; font-size:16px; line-height:40px; color:#686868; margin:0 17px;} .news_list01 .right .item01 .con .box a:hover{color:#00469a;} .news_list01 .right .item02 .con .box{padding:30px; color:#686868; font-size:16px;} .news_list01 .right .item02 .con .box>div{margin-bottom:6px;} .news_list01 .right .item02 .con .box .ewm{text-align:center; margin-top:20px;} .news_list01 .right .item02 .con .box .pic{padding:7px; border:3px solid #00469a; display:inline-block; border-radius:5px; overflow:hidden;} .news_list01 .right .item02 .con .box .txt{font-size:16px; text-align:center;} /* 人才政策 */ .talent.channel_content{padding-bottom:0;} .talent01 .infor .tit{font-size:40px; line-height:40px; color:#111; margin-bottom:60px;} .talent01 .content{position:relative;} .talent01 .content .intro{position:absolute; right:6%; width:30%; background:linear-gradient(90deg, #034aa1 0%, #2586fc 100%); border-radius:8px; padding:60px 50px; box-sizing:border-box; bottom:-34%;} .talent01 .content .intro:after{content:''; width:300px; height:327px; background:url(../img/talent01_2.png) no-repeat center; background-size:cover; position:absolute; right:0; bottom:0; pointer-events:none;} .talent01 .content .intro .tit{font-size:20px; line-height:32px; color:#fff; margin-bottom:65px;} .talent01 .content .intro .con{font-size:20px; line-height:1; color:#fff;} .talent01 .content .intro .con span{font-size:60px; font-weight:bold; display:inline-block; margin-right:5px;} .talent01 .content .intro .con .num01{margin-bottom:50px;} .talent02{margin-top:100px;} .talent02 .content li{width:41%; float:left; margin-bottom:70px;} .talent02 .content li .title{display:flex; font-size:20px; line-height:30px; color:#111; align-items:center; margin-bottom:20px;} .talent02 .content li .title .tit{margin-left:20px; text-shadow: 0.1px 0.1px 0px #111;} .talent02 .content li .title .img{transition:0.5s ease;} .talent02 .content li .title:hover .img{transform:rotateY(180deg);} .talent02 .content li .con{font-size:16px; line-height:30px; color:#444;} .talent02 .content li:nth-child(2n){position:relative; top:160px; float:right;} .talent03{height:417px; display:flex; align-items:center; padding-left:4.5vw; /*background:url(../img/talent03_1.jpg) no-repeat center;*/ position:relative; z-index:2;} .talent03 .content .pic{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:-1;} .talent03 .content .pic .swiper-slide{position:relative; width:100%; height:100%; overflow:hidden;} .talent03 .content .pic .swiper-slide .slide-inner {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background:no-repeat center; background-size:cover;} .talent03 .content .pic .swiper-slide .kuai {content:""; position:absolute; top:0; right:0; width:18%; height:100%;} .talent03 .content .info {color:#fff; position:relative; overflow:hidden; width:31.25vw;} .talent03 .content .info .swiper-slide{background-size:0 0;} .talent03 .content .info .t{font-size:40px; line-height:40px; color:#fff;} .talent03 .content .info .c{font-size:16px; line-height:30px; margin:14px 0 55px;} .talent03 .content .info .more{display:block; width:190px; height:60px; line-height:60px; border-radius:5px; font-size:16px; text-align:center; color:#fff; border:1px solid #fff} .talent03 .content .info .more:hover{background:#fff; color:#00469a;} .talent03 .content .tit {display:none; position:absolute; right:3.9vw; overflow:hidden; width:162px; color:#fff; font-size:40px; line-height:52px; top:50%; transform:translateY(-50%);} .talent03_mobile{display:none;} @-webkit-keyframes ysfadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes ysfadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0) } to { opacity:1; -webkit-transform:none; transform:none } } .ys_fadeup1 { animation:ysfadeInUp .3s ease-in-out both; animation-delay:.1s } .ys_fadeup2 { animation:ysfadeInUp .3s ease-in-out both; animation-delay:.2s } /* 服务中心 */ .service_cen01 .infor .tit{font-size:40px; line-height:40px; color:#111;} .service_cen01 .content{margin-top:35px; padding:30px 27px; box-sizing:border-box; box-shadow:0px 4px 17.64px 0.36px rgba(63, 63, 63, 0.15); border-radius:10px;} .service_cen01 .content .box{position:relative; padding-right:40px; padding-left:80px;} .service_cen01 .content .box label{font-size:20px; line-height:25px; color:#000; position:absolute; left:0; top:5px} .service_cen01 .content .box .icon{position:absolute; top:3px; right:0; font-size:23px; cursor:pointer; transition:0.5s ease;} .service_cen01 .content .box ul{font-size:0; height:44px; overflow:hidden; transition:0.5s ease;} .service_cen01 .content .box li{display:inline-block; padding:0 36px; font-size:16px; line-height:42px; border:1px solid #DCDDDF; color:#686868; border-radius:10px; margin-right:20px; margin-bottom:20px; cursor:pointer;} .service_cen01 .content .box li.cur{border-color:#00469a; color:#00469a;} .service_cen01 .content .box.cur ul{height:108px;} .service_cen01 .content .box.cur .icon{transform:rotateZ(180deg);} .service_cen01 .result{font-size:20px; line-height:30px; color:#00469a; margin-top:50px; margin-bottom:30px;;} .service_cen01 .list .item{float:left; padding-left:4%; box-sizing:border-box; font-size:20px;} .service_cen01 .list .item01{width:46%;} .service_cen01 .list .item02{width:27%;} .service_cen01 .list dt{background:#EDEEF0;} .service_cen01 .list dt .item{line-height:90px; color:#111;} .service_cen01 .list dd{line-height:83px; border-bottom:1px solid #ECEDEF;} .service_cen01 .list dd .item{font-size:16px; color:#686868; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .service_cen01 .list dd .link{float:right; margin-top:18px; width:25%;} .service_cen01 .list dd .link a{float:right; margin-right:90px; width:76px; height:46px; line-height:46px; color:#686868; font-size:16px; text-align:center; background:#EAEBED; border-radius:10px;} .service_cen01 .list dd .link a:hover{background:#00469a; color:#fff;} /* 服务政策 */ .service_policy.channel_content{padding-bottom:0;} .service_policy01 .infor{text-align:center;} .service_policy01 .infor .tit{font-size:40px; line-height:40px; color:#111;} .service_policy01 .infor .con{font-size:20px; line-height:30px; color:#111; margin-top:23px;} .service_policy01 .content{margin-top:65px; margin-left:8.2%;} .service_policy01 .content .left{width:42.5%; float:left; position:relative;} .service_policy01 .content .left .widgets{margin-bottom:60px;} .service_policy01 .content .left .swiper-pagination{position:static} .service_policy01 .content .left .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:33%; height:auto; margin:0!important;vertical-align:middle;background:transparent;opacity:1; outline:none; font-size:0;} .service_policy01 .content .left .swiper-pagination .swiper-pagination-bullet .tit{font-size:16px; color:#686868; text-align:left; transition:all .5s ease; display:inline-block; width:40px; vertical-align:12px; text-align:center;} .service_policy01 .content .left .swiper-pagination .swiper-pagination-bullet .yuan{width:10px; height:10px; background:#D5D7E1; border-radius:10px; margin:0 auto;} .service_policy01 .content .left .swiper-pagination .swiper-pagination-bullet-active .tit{opacity:1;} .service_policy01 .content .left .swiper-pagination-bullet-active .timer, .service_policy01 .content .left .swiper-pagination-bullet .timer{display:inline-block; position:relative; width:calc(100% - 40px); height:2px; background:transparent;opacity:1; vertical-align:middle} .service_policy01 .content .left .swiper-pagination-bullet .timer::before{position:absolute; top:0; left:0; width:100%;height:100%; background:#D5D7E1; opacity:.34; content:''} .service_policy01 .content .left .swiper-pagination-bullet .process{display:block; position:absolute; top:0; left:0; width:0; opacity:0; height:100%; background:#00469a; transition-property:width; transition-timing-function:linear;} .service_policy01 .content .left .swiper-pagination-bullet.play .process{opacity:1; width:100%;} .service_policy01 .content .left .swiper-pagination-bullet.play.stop .process{transition:none} .service_policy01 .content .left .swiper-pagination .swiper-pagination-bullet .yuan span{display:block; width:10px; height:10px; position:relative; z-index:2; background:#D5D7E1; border-radius:10px;} .service_policy01 .content .left .swiper-pagination .swiper-pagination-bullet.play .yuan:after {content:""; position:absolute; top:-5px; left:-5px; width:20px; height:20px; background-color:#00469a; border-radius:50%; -webkit-animation:warn1 2s ease-out infinite; -moz-animation:warn1 2s ease-out infinite; -o-animation:warn1 2s ease-out infinite; animation:warn1 2s ease-out infinite; opacity:.1; z-index:-1; opacity:0; visibility:hidden;} .service_policy01 .content .left .swiper-pagination .swiper-pagination-bullet.play .yuan{ position:relative;} .service_policy01 .content .left .swiper-pagination .swiper-pagination-bullet.play .yuan span{background:#00469a;} .service_policy01 .content .left .swiper-pagination .swiper-pagination-bullet.play .yuan:after {opacity:1;visibility:visible;} @keyframes warn1 { 0% { opacity:0; -webkit-transform:scale(.4); -moz-transform:scale(.4); -o-transform:scale(.4); transform:scale(.4); } 5% { opacity:0.8; } to { opacity:0; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1); } } .service_policy01 .content .left .swiper-slide{font-size:16px; line-height:30px; color:#686868;} .service_policy01 .content .left .swiper-slide li{margin-bottom:20px;} .service_policy01 .content .left .swiper-slide .report{text-align:right; display:block; margin-top:40px;} .service_policy01 .content .left .swiper-slide .report span{display:inline-block; padding-bottom:1px; color:#00469a; border-bottom:2px solid #00469a;} .service_policy01 .content .left .swiper-slide .report .icon{display:inline-block; width:21px; height:22px; background:url(../img/service_policy01_2.png) no-repeat center;} .service_policy01 .content .right{width:50%; float:right;} .service_policy02{padding:60px 0; background:url(../img/service_policy02_1.jpg) no-repeat center; margin-top:80px;} .service_policy02 .infor{text-align:center;} .service_policy02 .infor .tit{font-size:40px; line-height:40px; color:#111;} .service_policy02 .infor .con{font-size:20px; line-height:30px; color:#111; margin-top:23px;} .service_policy02 .content{margin-top:70px; padding:0 3.4%;} .service_policy02 .content .li_{width:27%; float:left; margin-right:8%; background:#fff; border:1px solid #d5d7e1; border-radius:10px; transition:0.5s ease; position:relative;} .service_policy02 .content .li_:after{content:''; width:227px; height:238px; position:absolute; right:0; bottom:0; background:url(../img/service_policy02_3.png) no-repeat center; transition:0.5s ease; opacity:0; visibility:hidden; pointer-events:none;} .service_policy02 .content .li_:last-child{margin-right:0;} .service_policy02 .content .li_ .rect-74{padding-bottom:74%; border-radius:10px;} .service_policy02 .content .li_ .img_{position:relative; top:-20px; right:-50px; width:95%;} .service_policy02 .content .li_ .info{padding:25px 50px 45px 45px; color:#111; transition:0.5s ease;} .service_policy02 .content .li_ .info .tit{font-size:20px; line-height:30px;;} .service_policy02 .content .li_ .info .con{font-size:16px; line-height:32px; height:160px; overflow-y:auto; margin-top:14px; padding-right:5px;} .service_policy02 .content .li_ .info .con::-webkit-scrollbar {width:2px; height:4px;} .service_policy02 .content .li_ .info .con::-webkit-scrollbar-thumb {border-radius:0; background:#6f9cd3;} .service_policy02 .content .li_ .info .con::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .service_policy02 .content .li_:hover{background:#00469a;} .service_policy02 .content .li_:hover .info{color:#fff;} .service_policy02 .content .li_:hover:after{opacity:1; visibility:visible;} .service_policy02 .content .li_ .img_{position:relative;} .service_policy02 .content .li_ .img_ .num{position:absolute; width:48px; height:48px; line-height:48px; text-align:center; background:#fff; border-radius:10px; color:#00469a; font-weight:bold; font-size:24px; position:absolute; left:-15px; bottom:-15px;box-shadow:0px 1px 6.93px 0.07px rgba(0, 0, 0, 0.16);} .service_policy02 .content .li_ img{transition:all 0.5s ease;} .service_policy02 .content .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* 国内网络 */ .network.channel_content{padding:0;} .network01{position:relative;} .network01 .map{height:900px; overflow:hidden; z-index:2;} .network01 .map img{max-width:none; height:100%;} .network01 .map_nav{width:45%; box-sizing:border-box; height:100%; z-index:3; position:absolute; left:-45%;; top:0; background:#f9fafc; padding-bottom:10px; transition:1.5s ease;} /* .network01 .map_nav .map_nav_anniu{position:absolute; left:100%; top:110px; width:52px; height:100px; border-radius:0 15px 15px 0; background:#fff; cursor:pointer;} .network01 .map_nav .map_nav_anniu i{width:7px; height:14px; background:url(../img/network01_6.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:0.5s ease;} .network01 .map_nav.cur .map_nav_anniu i{background:url(../img/network01_7.png) no-repeat center;} */ .network01 .map_nav.cur{left:0;} .network01 .map_nav .content .hd{padding-left:17.5%;} .network01 .map_nav .content .hd form{width:84.5%; padding-top:40px;} .network01 .map_nav .content .hd .inp_wrap{margin-bottom:20px; font-size:16px; line-height:46px; line-height:46px; background:#fff; cursor:pointer; padding:0 28px; box-sizing:border-box; position:relative; box-shadow:0px 4px 17.64px 0.36px rgba(63, 63, 63, 0.15); border-radius:10px;} .network01 .map_nav .content .hd .inp_wrap .inp{line-height:46px; height:46px; border:none; background:none; padding:0; color:#252b33; width:calc(100% - 120px);} .network01 .map_nav .content .hd .inp_wrap .btns{background:#00469a; border-radius:10px; line-height:46px; height:46px; position:absolute; right:0; top:0; padding:0; border:none; margin:0; width:115px; cursor:pointer;} .network01 .map_nav .content .hd .inp_wrap .btns .icon{display:inline-block; width:18px; height:18px; background:url(../img/network01_2.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer;} .network01 .map_nav .content .hd .sele_wrap{width:48%; padding:0 25px; box-sizing:border-box; background:#00469a; border-radius:10px; height:46px; line-height:46px; position:relative; z-index:3} .network01 .map_nav .content .hd .sele_wrap label{width:100%; display:block; cursor:pointer; font-size:16px; color:#fff;} .network01 .map_nav .content .hd .sele_wrap .iconfont{position:absolute; right:32px; top:50%; transform:translateY(-50%); transition:0.5s ease;} .network01 .map_nav .content .hd .sele_wrap ul{background:#fff; position:absolute; left:0; top:100%; border-radius:10px; width:100%; border-top:1px solid #f1f1f1; display:none; overflow:hidden; box-shadow:0px 4px 17.64px 0.36px rgba(63, 63, 63, 0.15);} .network01 .map_nav .content .hd .sele_wrap ul li{padding:0 32px; cursor:pointer; transition:0.5s ease;} .network01 .map_nav .content .hd .sele_wrap ul li:hover{background:#00469a; color:#fff;} .network01 .map_nav .content .hd .sele_wrap.cur .iconfont{transform:translateY(-50%) rotateZ(180deg);} .network01 .map_nav .content .hd .search_result{font-size:16px; line-height:47px; color:#111; margin-top:15px; padding-bottom:15px;} .network01 .map_nav .content .hd .search_result span{color:#00469a; display:inline-block; margin-right:10px;} .network01 .map_nav .content .bd{padding-left:17.5%; background:#fff} .network01 .map_nav .content .bd .list li{padding:50px 0 30px; border-bottom:1px solid #ECEDEF; cursor:pointer;} .network01 .map_nav .content .bd .list li .t{font-size:20px; line-height:30px; color:#111; margin-bottom:5px;} .network01 .map_nav .content .bd .list li .c{font-size:16px; line-height:30px; color:#686868; margin-bottom:10px;} .network01 .map_nav .content .bd .list li .c .icon{display:inline-block; margin-right:5px;} .network01 .map_nav .content .bd .list li .addr {font-size:16px; color:#686868; margin-bottom:50px;} .network01 .map_nav .content .bd .list li .addr img{vertical-align:-3px;} .network01 .map_nav .content .bd .list li .view_details{position:relative; padding-left:80px; font-size:16px; line-height:30px; color:#00469a;} .network01 .map_nav .content .bd .list li .view_details:after{content:''; width:60px; height:1px; background:#00469a; position:absolute; left:0; top:50%;} .network01 .map_nav .content .bd .list{ overflow-y:auto;} .network01 .map_nav .content .bd .list::-webkit-scrollbar {width:10px; height:4px;} .network01 .map_nav .content .bd .list::-webkit-scrollbar-thumb {border-radius:10px; background:#c2c2c2;} .network01 .map_nav .content .bd .list::-webkit-scrollbar-track {border-radius:10px; padding:0 3px; background:#f6f5f5;} /* 行业应用 */ .application.channel_content{padding:0;} .application01{background:url(../img/application01_1.jpg) no-repeat center top; background-size:cover;} .application01 .left{width:19%; float:left; box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.25); box-sizing:border-box; background:#fff;} .application01 .left .infor {padding:43px 63px 43px 103px; background:url(../img/application01_5.jpg) no-repeat center; background-size:cover; width:100%; box-sizing:border-box;} .application01 .left .infor .tit{font-size:18px; padding-left:40px; position:relative; color:#fff;} .application01 .left .infor .tit:after{content:''; width:30px; height:1px; background:#fff; position:absolute; left:0;; top:13px} .application01 .left .infor .con{font-size:40px; line-height:40px; margin-top:25px; color:#fff;} .application01 .left .bd{padding-left:100px; margin-top:40px; height:608px; overflow-y:auto;} .application01 .left .bd::-webkit-scrollbar {width:6px; height:4px;} .application01 .left .bd::-webkit-scrollbar-thumb {border-radius:0; background:#00469a;} .application01 .left .bd::-webkit-scrollbar-track {border-radius:0; background:#edeef0;} .application01 .left .bd .l_content{position:relative; min-height:320px;} .application01 .left .bd .l_content:before{content:''; width:1px; height:100%; background:#edeef0; position:absolute; left:5px; top:0;} .application01 .left .item{padding-left:35px; padding-right:20px; position:relative; padding-bottom:25px;} .application01 .left .item span{position:relative; display:block; font-size:20px; color:#111; font-weight:bold; transition:0.5s ease;} .application01 .left .item:before{content:''; width:9px; height:9px; background:#00469a; border-radius:10px; position:absolute; left:0px; top:11px; transition:0.5s ease; transform:scale(0); text-replace:center center;} .application01 .left .item span .icon{cursor:pointer; width:14px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px;;} .application01 .left .item span .icon:after, .application01 .left .item span .icon:before {content:''; background:#686868; width:14px; height:2px; display:block; position:absolute; top:0; bottom:0; right:0; margin:auto;} .application01 .left .item span .icon:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} .application01 .left .item span .icon:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;} .application01 .left .item:before{content:''; width:9px; height:9px; background:#00469a; border-radius:10px; position:absolute; left:0px; top:11px; transition:0.5s ease; transform:scale(0); text-replace:center center;} .application01 .left .item.cur span .icon:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#00469a;} .application01 .left .item.cur span .icon:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; background:#fff;} .application01 .left .item.cur:before{transform:scale(1);} .application01 .left .item.cur span{color:#00469a; margin-bottom:15px;} .application01 .left .item ul{display:none;} .application01 .left .item ul li{font-size:16px; line-height:40px; color:#686868; position:relative; margin-bottom:5px; transition:0.5s ease;} .application01 .left .item ul li.cur{padding-left:18px;;} .application01 .left .item ul li.cur:after{content:''; width:2px; height:20px; background:#00469a; position:absolute; left:0; top:50%; transform:translateY(-50%);} .application01 .right{width:80%; float:right;} .application01 .right .r_content{padding:75px 7%;} .application01 .right .infor {margin-bottom:35px ;} .application01 .right .infor .tit{font-size:18px; padding-left:40px; position:relative;} .application01 .right .infor .tit:after{content:''; width:30px; height:1px; background:#00469a; position:absolute; left:0;; top:50%;} .application01 .right .infor .con{font-size:35px; line-height:35px; margin-top:25px; font-weight:bold; color:#00469a;} .application01 .right .bd .pic{border-radius:10px; overflow:hidden; margin-bottom:20px;} .application01 .right .bd li{background:#fff; border-radius:10px; overflow:hidden; margin-bottom:20px;} .application01 .right .bd .li_top{padding:0 40px; position:relative; font-size:20px; line-height:68px; color:#00469a; font-weight:bold;} .application01 .right .bd .li_top span{position:relative; padding-left:45px;} .application01 .right .bd .li_top span:after{content:''; width:9px; height:9px; background:#00469a; border-radius:10px; position:absolute; left:0; top:50%; transform:translateY(-50%);} .application01 .right .bd .li_bott{border-top:1px solid #ECECEC; padding:35px 40px;} .application01 .right .bd .li_bott .text{margin-bottom:10px;} .application01 .right .bd .li_bott .text .t{font-size:20px; line-height:30px; color:#111; position:relative; padding-left:17px;} .application01 .right .bd .li_bott .text .c{font-size:16px; line-height:30px; color:#686868; padding-left:17px; margin-top:6px;} .application01 .right .bd .li_bott .text .t:after{content:''; width:2px; height:25px; background:#00469a; position:absolute; left:0; top:50%; transform:translateY(-50%);} .application01 .right .bd li .icon{cursor:pointer; width:14px; height:14px; position:absolute; right:40px; top:50%; margin-top:-7px;;} .application01 .right .bd li .icon:after, .application01 .right .bd li .icon:before {content:''; background:#111; width:14px; height:2px; display:block; position:absolute; top:0; bottom:0; right:0; margin:auto;} .application01 .right .bd li .icon:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} .application01 .right .bd li .icon:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;} .application01 .right .bd li.cur:before{transform:scale(1);} .application01 .right .bd li.cur{color:#00469a; margin-bottom:15px;} .application01 .right .bd li.cur .icon:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#111;} .application01 .right .bd li.cur .icon:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; background:#fff;} /* 表格需要实现，4-9列 */ .application01 .right .bd .table_box .col_3 dl{width:33.333%;} .application01 .right .bd .table_box .col_4 dl{width:25%;} .application01 .right .bd .table_box .col_5 dl{width:20%;} .application01 .right .bd .table_box .col_6 dl{width:16.666%;} .application01 .right .bd .table_box .col_7 dl{width:14.28%;} .application01 .right .bd .table_box .col_8 dl{width:12.5%;} .application01 .right .bd .table_box .col_9 dl{width:11.111%;} .application01 .right .bd .table_box .biaoge{margin-bottom:30px;} .application01 .right .bd .table_box .biaoge .box{border-radius:10px; border:2px solid #d5d7e1; overflow:hidden;} .application01 .right .bd .table_box dl{float:left; box-sizing:border-box; text-align:center; /*height:270px;*/} .application01 .right .bd .table_box dl.dl01 dd{display:flex; align-items:center; justify-content:center;border-left:none;} .application01 .right .bd .table_box dl dt{line-height:50px; height:50px; background:#00469a; color:#fff; display:flex; align-items:center; justify-content:center;} .application01 .right .bd .table_box dl dd{line-height:42px; height:42px; border-top:2px solid #D5D7E1; display:flex; align-items:center; justify-content:center; min-height:1px;border-left:2px solid #d5d7e1;} /* 表格一行的情况 */ /* .application01 .right .bd .table_box .row_1 dl{height:94px;} */ /* .application01 .right .bd .table_box .row_1 dl dd{height:44px;} */ /* .application01 .right .bd .table_box dl.dl01 dd{min-height:218px;} */ /* 关于我们 */ .about_us.channel_content{padding:0;} .about_us .title{font-size:40px; line-height:40px; color:#111; margin-bottom:100px;} .about_us01{background:url(../img/about_us01_1.jpg) no-repeat center bottom; padding:100px 0; background-size:cover;} .about_us01 .left{width:17.5%; float:left;} .about_us01 .left li{display:flex; margin-bottom:60px;} .about_us01 .left li:last-child{margin-bottom:0;} .about_us01 .left li .icon{width:42px; margin-right:8px;} .about_us01 .left li .info{width:calc(100% - 50px);} .about_us01 .left li .info .t{font-size:36px; line-height:40px; color:#0b0a0a; font-weight:bold;} .about_us01 .left li .info .t em{font-weight:normal; font-size:20px;} .about_us01 .left li .info .c{font-size:16px; line-height:32px; color:#111;} .about_us01 .right{width:72%; float:right;} .about_us01 .right .tit{font-size:36px; line-height:40px; color:#111;} .about_us01 .right .con{font-size:20px; line-height:40px; color:#696969; text-transform:uppercase; margin-top:15px;} .about_us01 .right .txt{font-size:16px; line-height:32px; color:#111; margin-top:70px;} .about_us02{margin-top:0!important; background:url(../img/about_us02_1.jpg) no-repeat center; background-size:cover; background-attachment:fixed; position:relative; padding:70px 0 40px;} .about_us02 .content{margin-top:100px;} .about_us02 .txt_box{position:relative;overflow:hidden;} .about_us02 .txt_box .swiper-pagination{display:none;} .about_us02 .txt_box .swiper-slide .day{font-size:20px; line-height:28px; color:#111; margin-bottom:0.78vw; transition:all 0.5s;} /*.about_us02 .txt_box .swiper-slide-duplicate{opacity:0;}*/ .about_us02 .txt_box .swiper-slide .p{font-size:16px; line-height:32px; color:#111; color:rgba(17,17,17,.6); transition:all 0.5s; padding-right:0.4vw; height:128px; overflow:auto; width:calc(100% - 4vw); margin-bottom:0.6vw;} .about_us02 .txt_box .swiper-slide .p::-webkit-scrollbar {width:2px; height:5px;} .about_us02 .txt_box .swiper-slide .p::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);} .about_us02 .txt_box .swiper-slide .p::-webkit-scrollbar-thumb {background:#0426A1;} .about_us02 .txt_box .swiper-slide-active .day{color:#00469a;} .about_us02 .txt_box .swiper-slide-active .p{color:#111;} .about_us02 .svg_box{height:17vw; position:relative;} .about_us02 .solid_box{width:100%; -webkit-clip-path:url(#menu-clip-path); clip-path:url(#menu-clip-path); cursor:pointer; overflow:hidden; color:#fff; position:absolute; left:0; bottom:0;} .about_us02 .solid_box .swiper-slide{height:12.5vw; background:url(../img/ab2_solid.png); background-size:100% 100%; opacity:0.3; transition:all 1s;} .about_us02 .solid_box .swiper-slide-active{opacity:1;} .about_us02 .solid_box1{width:100%; position:absolute; left:0; bottom:0; overflow:hidden; cursor:url(../img/np.png), pointer!important;} .about_us02 .solid_box1 .swiper-slide{height:15.6vw; background:url(../img/ab2_solid2.png)no-repeat left; background-size:auto 100%; transition:all 1s; opacity:0.3;} .about_us02 .solid_box1 .swiper-slide-active{background-size:auto 100%; opacity:1;} /* .about_us02 .swiper-button-next{background-image:url(../img/ab_next.png); right:7vw; top:auto; bottom:4.48vw; margin-top:0; width:4.17vw; height:4.17vw; background-size:100% 100%;} .about_us02 .swiper-button-next:hover{background-image:url(../img/ab_next1.png);} .about_us02 .swiper-button-prev{background-image:url(../img/ab_prev.png); left:auto; right:12vw; top:auto; bottom:4.48vw; margin-top:0; width:4.17vw; height:4.17vw; background-size:100% 100%;} .about_us02 .swiper-button-prev:hover{background-image:url(../img/ab_prev1.png);} */ .about_us03{padding:100px 0; background:url(../img/about_us03_1.jpg) no-repeat center; background-size:cover;} .about_us03 .content ul{display:flex; border-radius:15px; overflow:hidden; height:613px;} .about_us03 .content li{position:relative; transition:0.36s ease; width:109px; height:100%; box-sizing:border-box;} .about_us03 .content li:before{content:''; width:4px; position:absolute; right:0; top:0; height:100%; background:#fff; z-index:2;box-sizing:border-box;} .about_us03 .content li:last-child:before{display:none;} .about_us03 .content li .scln_view {position:absolute; height:100%; width:109px; background:#eff3f8; padding:35px 0 25px; left:0; transition:all 0.36s; display:flex; flex-direction:column; justify-content:space-between;box-sizing:border-box;} .about_us03 .content li .scln_view .tit{font-size:20px; color:#111; font-weight:bold; width:20px; margin:0 auto; line-height:1.2; box-sizing:border-box;} .about_us03 .content li .scln_view .icon{width:50px; margin:0 auto; transition:all 0.36s; position:relative; overflow:hidden;box-sizing:border-box;} .about_us03 .content li .scln_view .icon img{width:100%; transition:all 0.36s;box-sizing:border-box;} .about_us03 .content li .scln_view .icon img.img1{opacity:0;} .about_us03 .content li .scln_view .icon img.img2{position:absolute; left:0; top:0; height:100%;} .about_us03 .content li .scln_pic{opacity:0; pointer-events:none; position:absolute; width:100%; height:100%; top:0; left:0; transition:all 0.36s;box-sizing:border-box;} .about_us03 .content li .scln_pic_img {position:absolute; width:100%; height:100%; top:0; left:0;box-sizing:border-box;} .about_us03 .content li .scln_pic_img::before {content:''; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; z-index:3;box-sizing:border-box;} .about_us03 .content li .scln_pic_img img {position:absolute; height:100%; top:0; left:0; max-width:none;box-sizing:border-box;} .about_us03 .content li .scln_pic_text {position:absolute; width:100%; top:50%; left:0; z-index:5; padding:0px 84px; transform:translateY(-20%); box-sizing:border-box; transition:1.2s ease;} .about_us03 .content li .scln_pic_text .tit{font-size:36px; color:#fff; margin-bottom:20px; line-height:40px;;} .about_us03 .content li .scln_pic_text .con{font-size:20px; line-height:30px; color:#fff; font-weight:bold;} .about_us03 .content li.act { width:calc(100% - 327px);} .about_us03 .content li.act .scln_view{left:calc(100% - 109px);} .about_us03 .content li.act .scln_view .icon{opacity:1; pointer-events:all; z-index:10;} .about_us03 .content li.act .scln_view .icon img.img1{opacity:1;} .about_us03 .content li.act .scln_view .icon img.img2{opacity:0;} .about_us03 .content li.act .scln_pic{opacity:1; pointer-events:all} .about_us03 .content li.act .scln_pic_text{transform:translateY(-50%);} .about_us03 .content li.act:before{opacity:0;} .about_us04{padding:100px 0; background:url(../img/about_us04_1.jpg) no-repeat center; background-size:cover;} .about_us04 .infor .con{float:right; font-size:0;} .about_us04 .infor .con .item{display:inline-block; padding:0 33px; height:50px; line-height:50px; color:#111; font-size:20px; border-radius:10px; margin-left:20px; cursor:pointer;} .about_us04 .infor .con .item.cur{background:#00469a; color:#fff;} .about_us04 .content .img_{position:relative; margin-bottom:80px; border-radius:10px; cursor:pointer} .about_us04 .content .img_ .rect-5616{padding-bottom:56.16%; border-radius:10px;} .about_us04 .content .img_ .info{width:100%; height:76px; background:url(../img/about_us04_3.png) center; position:absolute; left:0; bottom:0; transition:0.5s ease;} .about_us04 .content .img_ .info .tit{font-size:20px; line-height:30px; padding:23px; color:#fff;} .about_us04 .content .img_ .cover{width:100%; height:100%; background:rgba(0, 70, 154,.5); position:absolute; left:0; top:0; transition:0.5s ease; opacity:0; visibility:hidden;} .about_us04 .content .img_ .cover .tit{font-size:20px; line-height:30px; padding:23px; width:100%; position:absolute; top:50%; transform:translateY(-50%); box-sizing:border-box; color:#fff; text-align:center;} .about_us04 .content .img_ img{transition:all 0.5s ease;} .about_us04 .content .img_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .about_us04 .content .img_:hover .cover{opacity:1; visibility:visible;} .about_us04 .content .img_:hover .info{opacity:0; visibility:visible;} .about_us04 .content .swiper-pagination-progressbar{position:static; height:5px; background:#EDEEEF; border-radius:10px; cursor:pointer;} .about_us04 .content .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#00469a;} .about_us04 .content .swiper-slide{display:none;} .about_us04 .content .swiper-container-initialized .swiper-slide{display:block;} body .album_ordinary .album_close{background:#00469a;} /* 新闻详情 start */ .news_detail1 .tit36{font-size:30px; line-height:40px; color:#000;} .news_detail1 .con15{font-size:15px; line-height:30px; color:#5d5d5d;} .news_detail1 .left{width:73%;} .news_detail1 .left .switcher{display:inline-block;} .news_detail1 .left .con{margin-top:22px;} .news_detail1 .left .time{margin:0 20px;} .news_detail1 .left .play{margin-left:20px; cursor:pointer;} .news_detail1 .left .play img{vertical-align:middle;} .news_detail1 .left .share_box{text-align:center; position:relative; margin-top:30px; margin-bottom:55px;} .news_detail1 .left .share_box .line{position:absolute; width:100%; height:1px; background:#dddddd; top:0; left:0; top:50%; margin-top:-1px;} .news_detail1 .left .share_box li{position:relative; z-index:2; background:#fff; display:inline-block; padding:0 22px; margin:0 -0.02rem;} .news_detail1 .left .share_box li a{opacity:0.7;} .news_detail1 .left .share_box li:hover a{opacity:1;} .news_detail1 .left .text{border-bottom:1px solid #dfdfdf; padding-bottom:65px; line-height:2;} .news_detail1 .left .text a{color:#00469a;} .news_detail1 .left .btns{text-align:center; width:100%; margin-top:25px;} .news_detail1 .left .btns .to_list{display:inline-block; color:#fff; padding:0 50px; line-height:40px; background:#00469a; margin-top:20px;} .news_detail1 .left .btns .prev{text-align:left; width:30%;} .news_detail1 .left .btns .next{text-align:right; width:30%;} .news_detail1 .left .btns i{margin:0;} .news_detail1 .left .btns a:hover .con15{color:#00469a;} .news_detail1 .left .text img{max-width:650px!important; } .news_detail1 .right{width:21%;} .news_detail1 .right .title{background:#00469a; color:#fff; line-height:62px; padding-left:26px; box-sizing:border-box;} .news_detail1 .right .item{border:1px solid #ececec; border-top:none; margin-bottom:24px; box-sizing:border-box;} .news_detail1 .right .item .item_con{padding:30px 30px 20px; box-sizing:border-box; font-size:0;} .news_detail1 .right .item .item_con .time{font-size:12px; color:#5d5d5d; line-height:12px;} .news_detail1 .right .item .item_con .tit{transition:all 0.5s ease;} .news_detail1 .right .item .item_con .sub{position:relative; margin-top:10px;} .news_detail1 .right .item .item_con .sub input{border:1px solid #ececec; width:100%; line-height:60px; box-sizing:border-box; text-indent:25px; padding:0; height:60px; font-size:15px; color:#5d5d5d;} .news_detail1 .right .item .item_con .sub input::-webkit-input-placeholder{color:#b3b3b3; font-size:15px; text-indent:25px; line-height:60px; height:60px;} .news_detail1 .right .item .item_con .sub input::-moz-placeholder{color:#b3b3b3; font-size:15px; text-indent:25px; line-height:60px; height:60px;} .news_detail1 .right .item .item_con .sub input:-moz-placeholder{color:#b3b3b3; font-size:15px; text-indent:25px; line-height:60px; height:60px;} .news_detail1 .right .item .item_con .sub input:-ms-input-placeholder{color:#b3b3b3; font-size:15px; text-indent:25px; line-height:60px; height:60px;} .news_detail1 .right .item .item_con .sub button{outline:none; border:none; padding:0 12px; box-sizing:border-box; line-height:48px; background:#777; cursor:pointer; position:absolute; right:6px; top:50%; margin-top:-24px; color:#fff;} .news_detail1 .right .item .item_con li{margin-bottom:25px;} .news_detail1 .right .item .item_con li:last-child{margin-bottom:0;} .news_detail1 .right .item .item_con li:hover .tit{color:#00469a;} /* 新闻详情 end */ /* 首页 */ .ibanner{height:100vh; overflow:hidden;} .ibanner .swiper-slide a{display:block;} .ibanner .swiper-slide .img_box{position:relative; height:100%;} .ibanner .swiper-slide .img_box img, .ibanner .swiper-slide .img_box video{width:100%; height:100%; object-fit:cover; position:absolute;} .ibanner .swiper-slide.video_slide .img_box>a{display:none;} /* 视频遮罩 */ .ibanner .swiper-slide.video_slide .img_box::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1); z-index:0;} .ibanner .swiper-slide .intro_box{position:absolute; top:35%; left:0; width:100%; margin-top:-100px; z-index:10;} .ibanner .swiper-slide .intro_box .more{display:inline-block; width:160px; height:50px; line-height:50px; margin-top:80px;} .ibanner .swiper-slide .intro_box .more a{display:block; font-size:15px; color:#fff; text-align:center; border:1px solid #fff; border-radius:5px;} .ibanner .swiper-slide .intro_box .more a i{display:inline-block; vertical-align:middle; margin-left:15px;} .ibanner .swiper-slide .intro_box .more:hover a{background:#fff; color:#00469a; border-color:#00469a;} /* .ibanner .swiper-button-prev{width:52px; height:52px; background:url(../img/prev.png) no-repeat center; background-size:cover; position:absolute; left:0; top:50%; margin-top:-26px; transition:all 0.5s ease;} .ibanner .swiper-button-next{width:52px; height:52px; background:url(../img/next.png) no-repeat center; background-size:cover; position:absolute; right:0; top:50%; margin-top:-26px; transition:all 0.5s ease;} .ibanner .swiper-button-prev:hover{background:url(../img/prev_on.png) no-repeat center;} .ibanner .swiper-button-next:hover{background:url(../img/next_on.png) no-repeat center;} */ .ibanner .swiper-button-prev::after,.ibanner .swiper-button-next::after{display:none;} .ibanner .btn-area{position:absolute; right:0; bottom:90px; width:100%; display:flex; align-items:flex-end; justify-content:flex-start; z-index:1; text-align:right;} .ibanner .swiper-pagination{position:static; float:right;} .ibanner .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:30px; height:5px; margin:0 10px; vertical-align:middle; background:#fff; opacity:1; outline:none; border-radius:0; transition:0.5s ease;} .ibanner .swiper-pagination .swiper-pagination-bullet-active{width:50px; background:#0074ff;} .ibanner .swiper-pagination-bullet-active .timer, .ibanner .swiper-pagination-bullet .timer{display:block; position:relative;width:200px; height:2px; margin-top:10px; background:transparent;opacity:1} .ibanner .swiper-pagination-bullet .timer::before{position:absolute; top:0; left:0; width:100%; height:100%;background:#fff; opacity:.34; content:''} .ibanner .swiper-pagination-bullet .process{display:block; position:absolute; top:0; left:0; width:0; opacity:0;height:100%; background:#fff; transition-property:width; transition-timing-function:linear;} .ipart .infor{margin-bottom:60px;} .ipart .infor .tit{font-size:40px; line-height:40px; color:#111; font-weight:normal;} .ipart .infor .con{font-size:18px; line-height:40px; color:#111;} .ipart .infor .con i{font-size:30px; margin:0; color:#00469a;} .ipart .infor .con:hover {color:#00469a;} .ipart01{padding:80px 0;} .ipart01 .swiper1 .swiper-slide {width:11.111%; position:relative; text-align:center; cursor:pointer;} .ipart01 .swiper1 .swiper-slide:after{content:''; width:100%; height:1px; background:#D0D0D0; position:absolute; left:0; top:25px;} .ipart01 .swiper1 .swiper-slide span{position:relative; z-index:2; padding:0 13px; background:#fff; display:inline-block;} .ipart01 .swiper1 .swiper-slide .icon{width:51px; height:51px; margin:0 auto; background-position:0 0;} .ipart01 .swiper1 .swiper-slide .txt{font-size:18px; line-height:30px; color:#111;} .ipart01 .swiper1 .swiper-slide.cur .icon{background-position:0 -51px;} .ipart01 .swiper1 .arrs{display:none;} .ipart01 .bd{margin-top:45px;} .ipart01 .swiper2{width:94.5%; float:left;} .ipart01 .swiper2 .swiper-slide{background:#EDEEF0; border-radius:10px; overflow:hidden; position:relative;} .ipart01 .swiper2 .swiper-slide .box{padding:30px 35px; display:block; position:relative;} .ipart01 .swiper2 .swiper-slide .box .tit{transition:0.3s ease; font-size:16px; line-height:30px; color:#979797; margin-bottom:15px; border-bottom:1px solid #D7D8D9; padding-bottom:6px;} .ipart01 .swiper2 .swiper-slide .box .name{transition:0.3s ease; font-size:24px; line-height:30px; color:#111; margin-bottom:40px;} /* .ipart01 .swiper2 .swiper-slide .box .img_ img{mix-blend-mode:multiply;} */ .ipart01 .swiper2 .swiper-slide .box .img_ .rect-81{padding-bottom:81%;transition:0.5s ease; right:0;} .ipart01 .swiper2 .swiper-slide .box .icon{width:37px; height:37px; background:url(../img/ipart01_5.png) no-repeat center; position:absolute; bottom:30px; left:45px; transition:0.5s ease; opacity:0; visibility:hidden; transform:translateX(-20px)} .ipart01 .swiper2 .swiper-slide.new:after{content:''; width:28px; height:59px; background:url(../img/ipart01_new.png) no-repeat center; position:absolute; top:0; right:35px;} /* .ipart01 .swiper2 .swiper-slide:hover .box .img_ img{} */ .ipart01 .swiper2 .swiper-slide:hover{background:linear-gradient(#034aa2,#2587fd);} .ipart01 .swiper2 .swiper-slide:hover .box .img_ .rect-81{right:-70px;} .ipart01 .swiper2 .swiper-slide:hover .box .icon{opacity:1; visibility:visible; transform:translateX(0px)} .ipart01 .swiper2 .swiper-slide:hover .box .tit{color:#fff;} .ipart01 .swiper2 .swiper-slide:hover .box .name{color:#fff;} .ipart01 .swiper2 .swiper-slide{display:none;} .ipart01 .swiper2.swiper-container-initialized .swiper-slide{display:block;} .ipart01 .learn_more{border-radius:0 10px 10px 0; font-size:18px; background:#EDEEF0; float:right; width:3.6%} .ipart01 .learn_more .rect-644{padding-bottom:612%;} .ipart01 .learn_more a{display:block; width:50%; margin:0 auto; transition:0.3s ease; color:#111;} .ipart01 .learn_more a span{position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%)} .ipart01 .learn_more a span i{margin:0;} .ipart01 .learn_more:hover{background:linear-gradient(#034aa2,#2587fd); color:#fff; } .ipart01 .learn_more:hover a{color:#fff;} .ipart02 .content{height:677px; position:relative;} .ipart02 .content .bg_box{position:absolute; left:0; top:0; width:100%; height:100%;} .ipart02 .content .bg_box .bg{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:0.5s ease;} .ipart02 .content .bg_box .bg img{width:100%; height:100%; object-fit:cover;;} .ipart02 .content .bg_box .bg.cur{opacity:1; visibility:visible;} .ipart02 .content .intro_content{height:100%;} .ipart02 .content .intro_content>.wrap{height:100%;} .ipart02 .content .intro_content .left{padding:150px 0 100px; position:relative; width:7.5%; height:100%; box-sizing:border-box;; float:left;} /* .ipart02 .content .intro_content .left .swiper-pagination{position:static} .ipart02 .content .intro_content .left .swiper-pagination .swiper-pagination-bullet{display:block; width:10px; height:auto; margin:0 0 9px!important;vertical-align:middle;background:transparent;opacity:1; outline:none; font-size:0; position:relative;} .ipart02 .content .intro_content .left .swiper-pagination .swiper-pagination-bullet .tit{font-size:18px; color:#fff; text-align:left; font-weight:bold; transition:all .5s ease; display:inline-block; vertical-align:12px; text-align:center; position:absolute; width:124px; top:0; background:url(../img/ipart02_5.png) no-repeat center; background-size:cover;} .ipart02 .content .intro_content .left .swiper-pagination .swiper-pagination-bullet-active .tit{opacity:1;} .ipart02 .content .intro_content .left .swiper-pagination-bullet-active .timer, .ipart02 .content .intro_content .left .swiper-pagination-bullet .timer{display:inline-block; position:relative; width:2px; height:110px; background:transparent;opacity:1; vertical-align:middle} .ipart02 .content .intro_content .left .swiper-pagination-bullet .timer::before{position:absolute; top:0; left:0; width:100%;height:100%; background:#fff; opacity:.34; content:''; display:none} .ipart02 .content .intro_content .left .swiper-pagination-bullet .timer::after{position:absolute; top:-10px; left:-4px; width:10px; height:10px; border:1px solid #fff; box-sizing:border-box; border-radius:10px; content:''} .ipart02 .content .intro_content .left .swiper-pagination-bullet .process{display:block; position:absolute; top:0; left:0; width:100%; opacity:0; height:0%; background:#fff; transition-property:height; transition-timing-function:linear;} .ipart02 .content .intro_content .left .swiper-pagination-bullet.play .process{opacity:1; height:100%;} .ipart02 .content .intro_content .left .swiper-pagination-bullet.play.stop .process{transition:none} .ipart02 .content .intro_content .left .swiper-pagination-bullet-active .timer::after{background:#fff;} */ .ipart02 .content .intro_content .left:after{content:''; width:2px; height:100%; background:rgba(255,255,255,.34); position:absolute; left:14px; top:0; z-index:1;} .ipart02 .content .intro_content .left .icon_box{margin-bottom:80px; position:relative; cursor:pointer;} .ipart02 .content .intro_content .left .icon_box .txt{position:absolute; top:50%; transform:translateY(-50%); right:0; font-size:16px; color:#fff; font-weight:bold;;} .ipart02 .content .intro_content .left .icon_box .txt:after{content:''; width:124px; height:64px; background:url(../img/ipart02_5.png) no-repeat center; background-size:cover; position:absolute;left:50%; top:50%; transform:translate(-50%,-50%); transition:0.5s ease; opacity:0; visibility:hidden;} .ipart02 .content .intro_content .left .icon_box .txt span{position:relative; z-index:3; display:inline-block; top:-2px;} .ipart02 .content .intro_content .left .icon_box .icon{width:30px; height:30px; border-radius:50%; position:relative; margin-bottom:40px; transition:all .36s; cursor:pointer; background:#b5d2f8} .ipart02 .content .intro_content .left .icon_box.act .icon{background:rgb(0, 69, 153,.2); box-shadow:0 0 30px 10px rgb(254, 192, 15, 0.1);} .ipart02 .content .intro_content .left .icon_box .img_{width:14px; height:14px; transition:all .36s ease; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff;} .ipart02 .content .intro_content .left .circle{stroke-dasharray:220; stroke-dashoffset:220;} .ipart02 .content .intro_content .left .icon_box .svg{width:30px; height:30px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-90deg);} .ipart02 .content .intro_content .left .icon_box svg{position:absolute; left:50%; top:50%; width:100%; height:100%; transform:translate(-50%, -50%); color:#167bf7;} @-webkit-keyframes svgcircle{0%{stroke-dashoffset:220;} 100%{stroke-dashoffset:0}} @keyframes svgcircle{0%{stroke-dashoffset:220;} 100%{stroke-dashoffset:0}} .ipart02 .content .intro_content .left .icon_box.act .txt:after{opacity:1; visibility:visible;} .ipart02 .content .intro_content .left .icon_box.act .img_{background:#fff;} .ipart02 .content .intro_content .left .icon_box.act .circle{stroke-dasharray:220; stroke-dashoffset:220; -webkit-animation:5.5s svgcircle linear; animation:5.5s svgcircle linear;} .ipart02 .content .intro_content .right{width:88%; float:right; padding:150px 0 100px;} .ipart02 .content .intro_content .right .info{width:35.5%; float:left; color:#fff; margin-top:20px;} .ipart02 .content .intro_content .right .info .t{font-size:40px; line-height:40px;} .ipart02 .content .intro_content .right .info .c{font-size:16px; line-height:30px; margin:17px 0 30px;} .ipart02 .content .intro_content .right .info .links a{display:inline-block; position:relative; padding-left:23px; margin-right:30px; margin-bottom:20px; font-size:16px;} .ipart02 .content .intro_content .right .info .links a:after{content:''; width:6px; height:6px; border:2px solid #fff; border-radius:10px; position:absolute; left:3px; top:50%; transform:translateY(-50%);} .ipart02 .content .intro_content .right .info .links a:hover{color:rgba(255,255,255,.7);} .ipart02 .content .intro_content .right .info .more{display:inline-block; width:160px; height:50px; line-height:50px; margin-top:40px;} .ipart02 .content .intro_content .right .info .more a{display:block; font-size:15px; color:#fff; text-align:center; border:1px solid #fff; border-radius:5px;} .ipart02 .content .intro_content .right .info .more a i{display:inline-block; vertical-align:middle; margin-left:15px;} .ipart02 .content .intro_content .right .info .more:hover a{background:#fff; color:#00469a; border-color:#00469a;} .ipart02 .content .intro_content .right .img_{width:59%; float:right; position:relative;} .ipart02 .content .intro_content .right .img_ .intro{width:79%; float:left; background:rgba(255,255,255,.75); border-radius:15px;} .ipart02 .content .intro_content .right .img_ .intro .box{padding:70px 170px 70px 60px;} .ipart02 .content .intro_content .right .img_ .intro .box .t{font-size:26px; line-height:30px; height:60px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#111;} .ipart02 .content .intro_content .right .img_ .intro .box .c{font-size:16px; line-height:26px; color:#575757; margin-top:30px; margin-right:25px; height:182px; overflow-y:auto; padding-right:5px;} .ipart02 .content .intro_content .right .img_ .intro .box .c::-webkit-scrollbar {width:2px; height:4px;} .ipart02 .content .intro_content .right .img_ .intro .box .c::-webkit-scrollbar-thumb {border-radius:0; background:#00469a;} .ipart02 .content .intro_content .right .img_ .intro .box .c::-webkit-scrollbar-track {border-radius:0; background:#edeef0;} .ipart02 .content .intro_content .right .img_ .pic{width:45%; float:right; position:absolute; right:0; bottom:0; transform:translateY(80px); transition:2s ease;} .ipart02 .content .intro_content .right .img_ .pic .rect-81{padding-bottom:81%;} .ipart02 .content .intro_content .right .swiper-slide-active .img_ .pic{transform:translateY(0);} .ipart03{ height:860px; box-sizing:border-box; position:relative; overflow:hidden; width:100%;} .ipart03 .overlay_box{position:absolute; top:0; left:0; width:100%; height:100%; opacity: 1; z-index:0;} /* .ipart03 .overlay_box .img_overlay{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:120%;max-width:none; z-index: 0;} .ipart03 .overlay_box .intro{position:absolute; top:600px; left:50%; transform:translate(-50%, -50%); z-index:1; text-align:center;} */ .ipart03 video{position:absolute; top:50%; left:50%; width:100%; height:100%; min-width:auto; min-height:auto; object-fit:cover; transform:translate(-50%, -50%); z-index:-1;} .ipart03 .intro {text-align:center;} .ipart03 .intro .t{font-size:40px; line-height:40px; display:inline-block; color:#111; text-align:center; position:relative;} .ipart03 .intro .t:before{content:''; width:50px; height:40px; background:url(../img/ipart03_3.png) no-repeat center; background-size:cover; position:absolute; bottom:80%; right:110%;} .ipart03 .intro .t:after{content:''; width:50px; height:39px; background:url(../img/ipart03_4.png) no-repeat center; background-size:cover; position:absolute; top:80%; left:110%;} .ipart03 .intro .c{margin-top:100px; padding:0 8%; font-size:0;} .ipart03 .intro .c li{display:inline-block; width:20%; vertical-align:top;} .ipart03 .intro .c li .num{font-size:18px; line-height:1; color:#00469a;} .ipart03 .intro .c li .num span{font-size:40px; font-weight:bold; display:inline-block; margin-right:5px;} .ipart03 .intro .c li .txt{font-size:18px; line-height:30px; color:#222;} .ipart03 .intro{margin-bottom:50px;} .ipart03 video{position:absolute; top:50%; left:50%; width:100%; height:100%; min-width:auto; min-height: auto; object-fit:cover; transform:translate(-50%, -50%); z-index:-1;} .ipart03.fixed{position:fixed; top:0; left:0;} .ipart04{padding:90px 0; background:#edeef0;} .ipart04 .content .rect-64{padding-bottom:64%; border-radius:10px;} .ipart04 .content .info_ .box{padding:23px 0;} .ipart04 .content .info_ .date{font-size:16px; line-height:25px; color:#969696;} .ipart04 .content .info_ .tit{font-size:20px; line-height:36px; color:#111; margin-top:3px; transition:0.5s ease;} .ipart04 .content .swiper-slide:hover .info_ .tit{color:rgb(0, 70, 154); font-weight:bold; /*text-shadow:1px 1px 1px rgba(0, 70, 154, 0.3)*/} .ipart04 .content .swiper-slide img{transition:all 0.5s ease;} .ipart04 .content .swiper-slide:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .ipart04 .swiper-pagination{width:100%; position:static; margin-top:20px;} .ipart04 .swiper-pagination-bullet{width:20px; height:5px; background:#BFBFBF; transition:0.5s ease; opacity:1; border-radius:0; display:inline-block; margin:0 5px;} .ipart04 .swiper-pagination-bullet-active{background:#00469a; width:36px;} /* 全站搜索 */ body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:#0a47ac;} body .resultArea #botBtn a::before{background:#0a47ac;} body .resultArea .content_form .piclist_area .srchList li .intro .t{font-size:20px; line-height:30px;} body .resultArea .content_form .piclist_area .srchList li .intro{height:60px;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:none;} body .searchArea{padding:0 0 50px;} body .searchArea .content_form{margin-top:40px;} body .resultArea .content_form{border-top:none;} body .bg-primary{background:#00469a;} .talent03{padding-left:0;} .talent03>.content{width:1605px; margin:0 auto;} .ipart02 .content .intro_content .right .info .links{height:90px; overflow:hidden;} .ipart02 .content .intro_content .right .info .links a{line-height:25px;} /* 2024-0124 */ .xc_banner.no_erji .intro{transform: translateY(0%);} .xc_banner .intro .con{margin-top:20px;} .about_us03 .title{margin-bottom:60px;} .about_us04 .title{margin-bottom:60px;} .about_us04 .infor .con{margin-top:-5px;} body .Validform_error{background:transparent;} .application01 .right .bd .table_box dl dd{line-height:20px; flex-wrap:wrap; min-height:65px; padding:0 10px} .service_policy01 .infor .con, .service_policy02 .infor .con{font-size:16px; color:#686868; padding:0 10%;} .f_center .content .right i{display:block; margin-bottom:10px;} .f_center .content .right i img{display:inline-block; margin-right:5px;} .f_center .content .right .info>div{margin:5px 0;} .ipart03{background:url(../img/ipart03_5.jpg) no-repeat center; background-size:cover; padding-bottom:40px;} .ipart03 video{display:none;} .ipart03 .overlay_box{text-align:center; margin-top:70px; position:static;} .ipart03 .intro{margin-top:70px;} .service_policy02{display:none;} .service_policy01{padding-bottom:50px;} .ipart03 .overlay_box{position:absolute; top:50%; transform:translateY(-50%); height:auto;} /* 20240407 */ .ipart02 .content .intro_content .right .info .links{height:auto;} .ipart02 .content .intro_content .right .info .links a{margin-bottom:10px;} .ipart02 .content .intro_content .right .img_{width:57%;} .ipart02 .content .intro_content .right .info{width:40%;} .pro_list01 .right .li_ .info .c .cell>em{width:130px; height:43px; line-height:43px;} /* 2024-0515 */ .header .h_tools .group .group_ul{box-shadow:0 12px 15px rgba(0,0,0,.1);} .about_us04 .content.yincang .swiper-pagination-progressbar{display:none;} .about_us04{padding-bottom:60px;} /* 20240716 */ .contact_us02 .content .inp_wrap08{width:49%; margin-right:2%;} .contact_us02 .content .inp_wrap06{width:49%;} .contact_us02 .content .inp_wrap label{width:90px;} .contact_us02 .content .inp_wrap .inp{width: calc(100% - 95px);} .contact_us02 .content .inp_wrap02 label{width:100%;} .contact_us02 .content .inp_wrap07 label{width:100%;} .ipart03 .intro .t{font-size:26px} .about_us01 .right .tit{font-size:27px} .about_us .title{font-size:35px} .about_us03 .content li .scln_view .tit{font-size:16px; text-align:center; width:auto; padding:0 5px} .talent01 .infor .tit, .contact_us02 .infor .tit{font-size:35px;} .talent01 .content .intro .con span{font-size:40px;} .xc_banner .xc_nav ul li{padding:0 2%; margin:0 2%;} /* 20240809 */ .ipart .infor{margin-bottom:35px;} .ipart01 .learn_more{font-size:12px;} .ipart01 .learn_more i{display:none;} .ipart02 .content .intro_content .right .info .c{font-size:15px; line-height:25px; margin:15px 0;} .ipart02 .content .intro_content .right .info .more{margin-top:20px;} .ipart02 .content .intro_content .right .info .links a{margin-bottom:5px;} .ipart02 .content .intro_content .left{width:10.5%;} .ipart02 .content .intro_content .left .icon_box .txt{font-size:14px;} .ipart02 .content .intro_content .left .icon_box .txt:after{display:none;} .ipart02 .content .intro_content .left .icon_box .txt{left:35px;} .ipart02 .content .intro_content .right .img_ .intro .box .t{font-size:20px; line-height:25px; height:50px;} .ipart04 .content .info_ .tit{font-size:16px; line-height:25px; height:75px;} .about_us01 .left{width:22%;} .about_us01 .right .tit{font-size:24px; line-height:30px;} .xc_banner .intro .tit{letter-spacing:0px;} .pro_list01 .right .title{font-size:24px; line-height:30px;} .pro_list01 .left .item{padding-left:23px;} .pro_list01 .left .item span{font-size:17px;} .pro_list01 .left .item ul li .circle{right:0; width:22px; height:22px; line-height:23px; font-size:13px;} .pro_list01 .left .item ul li{font-size:14px; line-height:20px; padding:5px 0;} .pro_list01 .left .item ul li a{width:calc(100% - 35px); display:inline-block;} .pro_list01 .left .item ul li.cur{padding-left:12px;} .pro_list01 .right .li_ .info .t{height:25px; line-height:25px; font-size:20px;;} .service_policy01 .content .left .swiper-pagination .swiper-pagination-bullet .tit{width:65px; font-size:14px; white-space:nowrap; } .service_policy01 .content .left .swiper-pagination-bullet-active .timer, .service_policy01 .content .left .swiper-pagination-bullet .timer{width:calc(100% - 65px);} .f_center .content .left .f_con .friend_link li{line-height:24px; padding:5px 0;} .application01 .left .item{padding-left:24px;} .application01 .left .item span{font-size:17px;} .application01 .left .item ul li{font-size:14px; line-height:20px; padding:5px 0;} .application01 .left .item ul li.cur{padding-left:12px;} .application01 .right .infor .con{font-size:25px;} .contact_us01 .li_ .box .tit{font-size:18px; margin-bottom:10px;} .contact_us01 .li_ .box .con{line-height:23px; height:46px; font-size:14px;} .talent01 .content .intro .con span{font-size:30px;} .talent01 .content .intro .tit{font-size:18px; line-height:26px;} .talent03 .content .info .more{width:160px; height:46px; line-height:46px;} .contact_us02 .content .inp_btns>button{width:160px; height:46px; line-height:46px;} .f_center .content .right .f_tel span a{font-size:20px;} .ibanner .swiper-slide .intro_box .more{margin-left:100px;} .application01 .left .item span .icon{top:6px; margin-top:0;} .ipart01 .learn_more a span{visibility:hidden;} .ipart01 .learn_more a span i{font-size:30px; display:block; visibility:visible;} .ipart01 .swiper2.swiper-container-initialized .swiper-slide, .ipart01 .learn_more{height:390px;} .header .inav_wrapper .nav_li>a{text-transform:capitalize;} .pro_list01 .right .li_ .more{text-transform:capitalize;} /* 大标题都改成27 */ .ipart .infor .tit, .ipart02 .content .intro_content .right .info .t, .application01 .left .infor .con, .talent01 .infor .tit, .contact_us02 .infor .tit, .about_us .title, .service_policy01 .infor .tit, .service_cen01 .infor .tit, .talent03 .content .info .t{font-size:27px; line-height:35px;} /* 大标题都改成27 end*/ /* 20240906 */ .about_us02 .txt_box .swiper-slide .p{height:auto;} .application01 .right .bd .table_box dl dd{min-height:120px;} /* 20240912 */ /* 20250919 */ .ipart01 .swiper1 .swiper-slide{width:16.67%;} /* 20251209 */ .pro_list01 .left .sear_area{margin-bottom:50px;} .pro_list01 .left .sear_area .tit1{font-size:24px; line-height:30px; font-weight:bold; color:#01469a; margin-bottom:30px;} .pro_list01 .left .sear_area .form_box{border:2px solid #01469a; border-radius:10px; display:flex; padding:8px 10px; align-items:center; justify-content:space-between;} .pro_list01 .left .sear_area .form_box .sear_inp{width:calc(100% - 30px); font-size:14px; line-height:30px; padding:0; border:none; outline:none; background:transparent; font-weight:bold; margin:0; text-indent:10px;} .pro_list01 .left .sear_area .form_box .btns1{margin:0; font-size:24px; line-height:1; cursor:pointer; color:#01469a;} .pro_list01 .right .top_sele{margin-bottom:55px;} .pro_list01 .right .top_sele .title_box{display:flex; align-items:center; justify-content:space-between; padding:25px 2.5%; background:#f3f4f4; border-radius:10px;} .pro_list01 .right .top_sele .title_box .name{font-size:24px; line-height:30px; font-weight:bold; color:#000;} .pro_list01 .right .top_sele .title_box .reset_btn{cursor:pointer;} .pro_list01 .right .top_sele .title_box .reset_btn .t1{font-size:16px; line-height:24px; font-weight:bold; color:#5c5c5c; position:relative; display:inline-block; vertical-align:top; padding-bottom:5px; margin-right:5px;} .pro_list01 .right .top_sele .title_box .reset_btn .t1::after{content:''; position:absolute; width:100%; height:1px; background:#818282; left:0; bottom:0;} .pro_list01 .right .top_sele .title_box .reset_btn .iconfont{font-size:20px; line-height:1; margin:0;} .pro_list01 .right .sele_area{display:flex; align-items:flex-start; justify-content:flex-start; margin-top:50px;} .pro_list01 .right .sele_area .item{width:28%; box-sizing:border-box; margin-right:8%; padding-left:10px; padding-bottom:10px; border-bottom:1px solid #e9e9e9; box-sizing:border-box; position:relative;} .pro_list01 .right .sele_area .item:last-child{margin-right:0;} .pro_list01 .right .sele_area .item .words span{width:90%; white-space:nowrap; color:#999999; font-size:16px; line-height:30px;} .pro_list01 .right .sele_area .item .words .iconfont{margin:0; font-size:18px; font-weight:bold; color:#999999;} .pro_list01 .right .sele_area ul{display:none; background:#fff; width:100%; position:absolute; left:50%; transform:translateX(-50%); top:calc(100% + 1px); box-shadow:0 20px 20px 0px rgba(0,0,0,0.04); z-index:1; max-height:200px; overflow-y:auto; padding-right:3px;} .pro_list01 .right .sele_area ul::-webkit-scrollbar {width:2px; height:4px;} .pro_list01 .right .sele_area ul::-webkit-scrollbar-thumb {border-radius:5px; background:#01469a; } .pro_list01 .right .sele_area ul::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .pro_list01 .right .sele_area ul li{line-height:24px; padding:8px 10px; font-size:16px; color:#000000; transition:all .3s ease; cursor:pointer;} .pro_list01 .right .sele_area ul li:hover{background:#f3f4f4; color:#01469a;} .pro_list01 .right .sele_area .item.cur .words span{color:#000;} .ipart01 .new_content .swiper-container{padding:15px;} .ipart01 .new_content .swiper-wrapper{align-items:stretch;} .ipart01 .new_content .swiper-slide{border-radius:10px; width:16%; margin-right:.8%; text-align:center; height:auto; background-color:#ffffff; box-shadow:0px 0px 18.06px 2.94px rgba(26, 26, 26, 0.07); padding:40px 1.5%; box-sizing:border-box;} .ipart01 .new_content .swiper-slide .icon{height:70px; margin-bottom:15px;} .ipart01 .new_content .swiper-slide .icon img{max-height:100%;} .ipart01 .new_content .swiper-slide .en{font-size:16px; line-height:30px; font-weight:bold; color:#01469a; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;} .ipart01 .new_content .swiper-slide .name{font-size:20px; line-height:30px; font-weight:bold; color:#000; min-height:60px; margin-bottom:10px;} .ipart01 .new_content .swiper-slide .more{width:100%; display:block; border:1px solid #01469a; border-radius:5px; font-size:16px; line-height:50px; color:#01469a; font-weight:bold; box-sizing:border-box;} .ipart01 .new_content .swiper-slide .more:hover{background:#01469a; color:#fff;} .ipart01 .new_content .swiper-pagination{position:relative; margin-top:30px; font-size:0; bottom:auto;} .ipart01 .new_content .swiper-pagination .swiper-pagination-bullet{width:12px; height:12px;} .ipart01 .new_content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#01469a;} .global.channel_content{background:url(../img/global_bg.jpg) no-repeat center / cover; padding-top:130px;} .global01 .left{width:31.4%;} .global01 .left .title_box{position:relative; padding-top:30px; padding-bottom:10px; margin-bottom:35px;} .global01 .left .title_box .title{font-size:48px; line-height:50px; font-weight:bold; color:#000; position:relative; z-index:1;} .global01 .left .title_box .en{font-size:90px; line-height:1; font-weight:bold; color:#222222; opacity:.1; position:absolute; bottom:0; left:0; z-index:0; text-transform:uppercase;} .global01 .left .con{width:75%; font-size:16px; line-height:30px; color:#555555;} .global01 .left .big_num{font-size:0; width:75%;} .global01 .left .big_num .item{display:inline-block; vertical-align:top; margin-right:4%; width:48%; margin-top:45px;} .global01 .left .big_num .item:nth-child(2n){margin-right:0;} .global01 .left .big_num .item .num{font-size:48px; line-height:1; font-weight:bold; color:#01469a; margin-bottom:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .global01 .left .big_num .item .t{font-size:16px; line-height:30px; color:#555555;} .global01 .right{width:68.6%; position:relative;} .global01 .right .map{position:relative;} .global01 .right .map>img{width:100%;} .global01 .right .dots_box{position:absolute; left:0; top:0; width:100%; height:100%;} .global01 .right .dots_box .dots{position:absolute; transform:translate(-50%,-100%) scale(.6); text-align:center; min-width:50px; opacity:0; transition:opacity .5s, transform .5s cubic-bezier(.64, .57, .67, 1.53); transition-delay:0.4s;} .global01 .right .dots_box .dots .t{font-size:16px; line-height:30px; color:#00469a; margin-bottom:5px;} .global01 .right .dots_box .dots .icon{background:url(../img/global01_c02.png) no-repeat bottom center; padding-bottom:14px;} .global01 .right .dots_box .dots .jt{width:28px; height:34px; background:url(../img/global01_d02.png) no-repeat center/cover; margin:0 auto; animation:updown1 1400ms ease-in-out infinite;} .global01 .right .dots_box .dots.red{transition-delay:0.6s;} .global01 .right .dots_box .dots.red .t{color:#e60117;} .global01 .right .dots_box .dots.red .icon{background:url(../img/global01_c03.png) no-repeat bottom center;} .global01 .right .dots_box .dots.red .jt{background:url(../img/global01_d03.png) no-repeat center/cover;} .global01 .right .dots_box .dots.blue{transition-delay:0.4s;} .global01 .right .dots_box .dots.blue .icon{background:url(../img/global01_c01.png) no-repeat bottom center;} .global01 .right .dots_box .dots.blue .jt{background:url(../img/global01_d01.png) no-repeat center/cover;} .global01 .right .dots_box .dots.first{transition-delay:0.2s;} .global01 .right .dots_box .dots.first .t{font-size:18px; color:#fff; margin-bottom:10px; min-width:160px; background:url(../img/global01_dots_bg.png) no-repeat center/cover; padding:5px 0;} .global01 .right .dots_box .dots.first .icon{background:url(../img/global01_c01.png) no-repeat bottom center;} .global01 .right .dots_box .dots.first .jt{background:url(../img/global01_d01.png) no-repeat center/cover;} .global01 .right.show .dots_box .dots{opacity:1; transform:translate(-50%,-100%) scale(1);} @keyframes updown1 { 0% { transform:translateY(5px); } 50% { transform:translateY(0); } 100% { transform:translateY(5px); } } /* 关于我们 */ .about_us02,.about_us04{display:none!important;} .new_about_us02{padding:70px 0; background:#f3f6fb;} .new_about_us02 .infor .title{margin-bottom:0;} .new_about_us02 .content{margin-top:40px;} .new_about_us02 .top-block .swiper{padding-top:35px;} .new_about_us02 .top-block .item{margin-right:30px; width:23.7%; position:relative; cursor:pointer;} .new_about_us02 .top-block .item .img-box{ height:0; padding-bottom:113.6%; overflow:hidden; position:relative;} .new_about_us02 .top-block .item .img-box:after{content:''; width:100%; height:30%; position:absolute; top:0; left:0; background-image:linear-gradient(180deg, rgba(0,0,0,.3), transparent);} .new_about_us02 .top-block .item .img-box:before{content:''; width:100%; height:30%; position:absolute; bottom:0; left:0; z-index:2; background-image:linear-gradient(0deg, rgba(0,0,0,.3), transparent);} .new_about_us02 .top-block .img-box .img1{display:block; width:100%; height:100%; object-fit:cover; filter:blur(5px); transform:scale(1.2); transform-origin:center; position:absolute; left:0; top:0;} .new_about_us02 .top-block .img-box .img2{height:auto; position:absolute; left:0; top:50%; transform:translateY(-50%);} .new_about_us02 .top-block span{font-size:30px; line-height:96px; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color:#fff; position:absolute; top:0; left:40px; z-index:3; transition:all .3s ease; will-change:transform;} .new_about_us02 .top-block .item .info{position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:30px 9.3%; color:#fff; z-index:3;} .new_about_us02 .top-block .item .info .c{font-size:16px; line-height:24px; min-height:auto; max-height:96px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;} .new_about_us02 .top-block .item.active span{color:#167cf8; font-size:66px; transform:translateY(-50%);} .new_about_us02 .top-block .item.active::after{content:''; width:100%; height:100%; background:rgba(0,0,0,.1); position:absolute; left:0; bottom:0; border-radius:.3rem;} .new_about_us02 .mid-block{margin-top:40px; display:flex; justify-content:center; align-items:flex-end;} .new_about_us02 .mid-block .swiper{width:calc(100% - 250px); margin:0 auto; padding-bottom:20px; box-sizing:border-box;} .new_about_us02 .mid-block .swiper::after{content:''; position:absolute; bottom:26px; left:0; width:100%; height:1px; background:#e1e1e2;} .new_about_us02 .mid-block .item{cursor:pointer; position:relative; display:flex; align-items:center; flex-direction:column-reverse; text-align:center;} .new_about_us02 .mid-block .item span{display:block; font-size:20px; color:#000000; margin-bottom:15px; transition:color .3s ease; font-weight:bold;} .new_about_us02 .mid-block .item .circle{width:12px; height:12px; margin:0 auto; border-radius:50%; background:#aaaaaa; position:relative; transition:background .3s ease;} .new_about_us02 .mid-block .item .circle:before{content:''; width:12px; height:12px; border:4px solid #152d7a; border-radius:50%; background-color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0; transition:opacity .3s ease;} .new_about_us02 .mid-block .item.active{background:#f3f6fb;} .new_about_us02 .mid-block .item.active .circle{background:#fff;} .new_about_us02 .mid-block .item.active .circle:before{opacity:1;} .new_about_us02 .mid-block .item.active span{color:#00469a;} .new_about_us02 .mid-block .btn_{width:50px; height:50px; border:1px solid #b2bbd4; color:#b2bbd4; position:relative; border-radius:50%; margin:0 30px; cursor:pointer; transition:.5s ease; flex-shrink:0; } .new_about_us02 .mid-block .btn_::after{content:'\e65f'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:'iconfont'!important; font-size:20px; line-height:1;} .new_about_us02 .mid-block .btn_.prev::after{content:'\e660';} .new_about_us02 .mid-block .btn_:hover{color:#00469a; border-color:#00469a;} .about_us05{margin-top:120px; position:relative;} .about_us05 .cont{/*position:absolute; left:50%; top:30px; transform:translateX(-50%); */text-align:center; width:100%; margin-bottom:30px;} .about_us05 .cont .title1{margin-bottom:50px; font-size:40px; line-height:1; color:#111;} .about_us05 .cont .more_btn{width:255px; line-height:70px; text-align:center; font-size:18px; display:none!important; border-radius:10px; color:#00469a; border:2px solid #88a9d0; display:inline-block; } .about_us05 .cont .more_btn:hover{background:#00469a; color:#fff; border-color:#00469a;} .about_us06{margin-top:55px; overflow:hidden;} .about_us06 .title{margin-bottom:50px; text-align:center;} .about_us06 .img_list{position:relative; overflow:hidden; margin-bottom:30px;} .about_us06 .img_list .list_ul{display:flex; align-items:flex-start; position:relative; width:calc(478px * var(--go) + 30px * var(--go));;} .about_us06 .img_list .list_li{width:478px; margin-right:30px;} .about_us06 .img_list .list_li .rect-68{padding-bottom:68%;} .about_us06 .img_list .list_li .rect-68 img{object-fit:cover;} .about_us06 .img_list.list01 .list_ul01{animation:donghua1 linear infinite;} .about_us06 .img_list.list01 .list_ul02{transform:translateX(100%); position:absolute; top:0; left:0; animation:donghua2 linear infinite;} .about_us06 .img_list.list02 .list_ul01{animation:donghua3 linear infinite;} .about_us06 .img_list.list02 .list_ul02{transform:translateX(100%); position:absolute; top:0; left:0; animation:donghua4 linear infinite;} .about_us06 .rect-68{padding-bottom:68%;} .about_us06 .rect-68 img{object-fit:cover;} .about_us06 .content{display:none!important;} .about_us06 .new_content li{float:left; width:32.4%; margin-right:1.4%; margin-bottom:20px;} .about_us06 .new_content li:nth-child(3n){margin-right:0;} @keyframes donghua1{ 0% { transform: translateX(0%); -webkit-transform: translateX(0%); } 100% { transform: translateX(-100%); -webkit-transform: translateX(-100%); } } @keyframes donghua2{ 0% { transform: translateX(100%); -webkit-transform: translateX(100%); } 100% { transform: translateX(0); -webkit-transform: translateX(0); } } @keyframes donghua3{ 0% { transform: translateX(0%); -webkit-transform: translateX(0%); } 100% { transform: translateX(100%); -webkit-transform: translateX(100%); } } @keyframes donghua4{ 0% { transform: translateX(-100%); -webkit-transform: translateX(-100%); } 100% { transform: translateX(0); -webkit-transform: translateX(0); } } /* 行业应用 */ .application01 .right .new_pic{position:relative; border-radius:5px; overflow:hidden; margin-bottom:27px; padding:40px 0 25px; box-sizing:border-box;} .application01 .right .new_pic .bg img{width:100%; position:absolute; top:0; left:0; object-fit:cover; height:100%;} .application01 .right .new_pic .tab_box{position:absolute; padding:10px; left:2.2%; top:3.9%; border:1px solid #fff; border-radius:15px; background:rgba(255,255,255,0.3); box-shadow:0px 2px 5.58px 0.42px rgba(26, 26, 26, 0.24); z-index:5;} .application01 .right .new_pic .tab_box .btns01{width:40px; height:40px; border-radius:50%; background:#e2e1e6; cursor:pointer; display:flex; align-items:center; justify-content:center;} .application01 .right .new_pic .tab_box .btns01 .iconfont{line-height:1; font-size:18px; margin:0; color:#00479b; font-weight:bold; transition:all .3s ease;} .application01 .right .new_pic .tab_box .t1{font-size:16px; color:#000; margin-top:15px;} .application01 .right .new_pic .tab_box .tab_t_box{display:flex; align-items:stretch; margin-top:20px; transition:margin-top .3s ease;} .application01 .right .new_pic .tab_box .tab_t{min-width:75px; position:relative; font-size:18px; color:#000; font-weight:bold; display:flex; align-items:center; justify-content:center; cursor:pointer; height:80px; border:1px solid #fff; padding:5px; box-sizing:border-box; border-radius:15px; background:rgba(255,255,255,0.4); margin-right:2px; transition:all .3s ease;} .application01 .right .new_pic .tab_box .tab_t .iconfont{position:absolute; top:4px; right:5px; margin:0; color:#fff; opacity:0;} .application01 .right .new_pic .tab_box .tab_t.cur{background:#00469a; color:#fff;} .application01 .right .new_pic .tab_box .tab_t.cur .iconfont{opacity:1;} .application01 .right .new_pic .tab_box .tab_t:hover{background:#00469a; color:#fff;} .application01 .right .new_pic .tab_box.active .tab_t_box{opacity:0; height:0; margin-top:0;} .application01 .right .new_pic .tab_box.active .btns01 .iconfont{transform:rotate(-90deg);} /* .application01 .right .new_pic .pic_cont:hover{position:relative;z-index:6;} */ .application01 .right .new_pic .pic_box{position:relative; bottom:0; left:30%;width:auto; display:inline-block; max-width:80%;} .application01 .right .new_pic .pic_box>img{display:block;} .application01 .right .new_pic .pic_box .dots_box{position:absolute; left:0; top:0; width:100%; height:100%;} .application01 .right .new_pic .pic_box .dots_box .dots{position:absolute; width:40px;} .application01 .right .new_pic .pic_box .dots_box .dots .cir{width:14px; height:14px; border-radius:50%; background:#00479b; position:relative; cursor:pointer;} .application01 .right .new_pic .pic_box .dots_box .dots .cir::before{position:absolute; content:''; width:14px; height:14px; border-radius:50%; background:rgba(0, 71, 155, .8); top:50%; left:50%; transform:translate(-50%,-50%); animation:scale1 2s ease-in-out infinite;} .application01 .right .new_pic .pic_box .dots_box .dots .cir::after{position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#fff; top:50%; left:50%; transform:translate(-50%,-50%);} /* .application01 .right .new_pic .tab_box:hover{z-index:10;} */ @keyframes scale1{ 0% { transform:translate(-50%,-50%) scale(1); opacity:1; } 100% { transform:translate(-50%,-50%) scale(2); opacity:0; } } .animate-indbanLeft{animation:indbanLeft .8s ease both .3s; transition:all .2s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;} @keyframes indbanLeft{ 0%{opacity:0;transform:translateX(20px);} 100%{opacity:1;transform:translateX(0);} } .application01 .right .new_pic .pic_box .dots_box .dots .name{position:absolute; cursor:pointer; left:35px; top:50%; transform:translateY(-50%); backdrop-filter:blur(5px); font-size:14px; line-height:22px; color:#000000; white-space:nowrap; border:1px solid #fff; background:rgba(255,255,255,0.4); border-radius:5px; padding:5px 15px; box-sizing:border-box;} .application01 .right .new_pic .pic_box .dots_box .dots .name::before{content:''; position:absolute; width:10px; height:10px; border:1px solid #fff; left:0; top:50%; transform:translate(-50%,-50%) rotate(45deg); border-right-color:transparent; border-top-color:transparent;} .application01 .right .new_pic .pic_box .dots_box .dots .pop_box{display:block; position:absolute; cursor:pointer; left:35px; bottom:-10px; z-index:10; min-width:250px; opacity:0; visibility:hidden; transition:all .3s ease; padding-top:5px; padding-right:5px;} .application01 .right .new_pic .pic_box .dots_box .dots .pop_box::after{content:''; position:absolute; width:92px; height:94px; top:0; right:0; background:url(../img/application01_new_title.png) no-repeat center/cover;} .application01 .right .new_pic .pic_box .dots_box .dots .pop_box .box{background:url(../img/application01_new_bg.png) no-repeat center/cover; border-radius:10px; overflow:hidden; padding:15px 20px 25px;} .application01 .right .new_pic .pic_box .dots_box .dots .pop_box .box .new_intro{color:#00479b; margin-bottom:30px; text-align:left;} .application01 .right .new_pic .pic_box .dots_box .dots .pop_box .box .new_intro .t{font-size:18px; line-height:30px; font-weight:bold;} .application01 .right .new_pic .pic_box .dots_box .dots .pop_box .box .new_intro .en{font-size:16px; line-height:30px;} .application01 .right .new_pic .pic_box .dots_box .dots .pop_box .box .new_list{column-count:2; column-gap:0;} .application01 .right .new_pic .pic_box .dots_box .dots .pop_box .box .new_list li{display:block; margin-right:10px; background:none; text-align:center; margin-bottom:10px; margin-top:0; border-radius:0;} .application01 .right .new_pic .pic_box .dots_box .dots .pop_box .box .new_list li a{padding:3px 10px; border:1px solid #dddddd; font-size:14px; color:#000000; border-radius:10px; line-height:16px; display:block;} .application01 .right .new_pic .pic_box .dots_box .dots .pop_box .box .new_list li a:hover{color:#00479b; border-color:#00479b;} .application01 .right .new_pic .pic_box .dots_box .dots:hover .pop_box{opacity:1; visibility:visible;} .application01 .right .new_pic .pic_box .dots_box .dots:hover .name{opacity:0; visibility:hidden;} .application01 .right .new_pic .pic_box .dots_box .dots.right .cir{margin:0 auto; margin-right:0;} .application01 .right .new_pic .pic_box .dots_box .dots.right .name{left:auto; right:35px;} .application01 .right .new_pic .pic_box .dots_box .dots.right .name::before{left:auto; right:0; transform:translate(50%,-50%) rotate(225deg);} /* .application01 .right .new_pic .pic_box .dots_box .dots.right .pop_box{left:auto; right:35px;} */ .application01 .right .new_pic .pic_box .dots_box .dots.right:hover .name{opacity:1; visibility:visible;} .pro_list01 .left .item ul li .circle{top:6px; margin-top:0;} .pro_list01 .left .item ul li.cur:after{top:10px; transform:none;} .pro_list01 .left .item ul li .item_third>div{position:relative; padding-left:10px;} .pro_list01 .left .item ul li .item_third>div.cur:after{content:''; width:2px; height:20px; background:#00469a; position:absolute; left:0; top:10px;} /* 20251023 */ .pro_list01 .right .li_{min-height:400px;} .application01 .right .bd .table_box dl dd{height:auto;} .pro_detail01 .right .pt1_r .item .c a.app_link{display:inline-block; padding-left:0;} .pro_detail01 .right .pt1_r .item .c a.app_link:after{display:none;} .global01 .right .dots_box .dots.first .t{min-width:284px;} /* 20251219 */ .pro_detail01 .right .title .ret_list{display:inline-block; font-size:0; cursor:pointer; float:right;} .pro_detail01 .right .title .ret_list .icon{display:inline-block; vertical-align:middle; background:url(../img/pro_detail01_ricon01.png) no-repeat center / contain; height:21px; width:17px; margin-right:10px;} .pro_detail01 .right .title .ret_list:hover .icon{background:url(../img/pro_detail01_ricon02.png) no-repeat center / contain;} .pro_detail01 .right .title .ret_list:hover .con{color:#00469a; font-weight:bold;} .pro_detail01 .right .title .ret_list .con{display:inline-block; vertical-align:middle; font-size:16px; line-height:1; color:#666666;} .pro_list01 .right .sele_area .item .words span{font-size:14px;} .new_about_us02 .infor{display:flex; align-items:center; justify-content:space-between;} .new_about_us02 .infor .t{display:none; font-size:40px; line-height:1; color:#167cf8;} .new_about_us02 .infor .t:first-child{display:block;}