.w1440{max-width:1440px;margin: 0 auto;} .p100{ padding:60px 0;} .h100{ width:100%; height:0px;} img{max-width:100%;} .img { overflow:hidden;} .img img { -webkit-transition:-webkit-transform 1s; transition:-webkit-transform 1s; -o-transition:-o-transform 1s; -moz-transition:transform 1s,-moz-transform 1s; transition:transform 1s; transition:transform 1s,-webkit-transform 1s,-moz-transform 1s,-o-transform 1s } /*.about_banner{ overflow:hidden;} .about_banner img{animation: mymove 30s;} @keyframes mymove { from { transform: scale(1.3); } to { transform: scale(1); } }*/ @-webkit-keyframes haha1{ 0%{top:0; opacity: 1;} 25%{top:25%; opacity: 0.75;} 50%{top:50%; opacity: 0.5;} 75%{top:75%; opacity: 0.25;} 100%{top:100%; opacity: 0;} } .index_banner{ width:100%; position:relative;} .index_banner .swiper-button-prev{left:20px; width:50px; height:50px; background:url(../images/ban_l.png) no-repeat; border:1px solid #ffffff;border-radius: 50%; background-size:50px 50px;} .index_banner .swiper-button-next{right:20px;width:50px; height:50px; background:url(../images/ban_r.png) no-repeat; border:1px solid #ffffff;border-radius: 50%;background-size:50px 50px;} .index_banner .swiper-pagination{ width:100%; text-align:center; bottom:10px;} .index_banner .swiper-pagination .swiper-pagination-bullet {width: 12px; height: 12px; display: inline-block; border-radius: 100%;background: #fff;opacity: 0.2; margin:0px 5px;} .index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;} .index_banner_box{ width:100%; position:relative;} .index_banner_box .text{position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%); opacity: 0; transition: all 2s; } .index_banner_box .text .bt { font-size:36PX; color: #ffffff; width:60%; line-height: 1.3; position: relative; font-weight: bold;font-family: "PingFang SC"; /*text-shadow: 5px 5px 5px rgba(0,0,0,0.2); */ } .index_banner_box .text .bt1{font-weight: bold;font-family: "PingFang SC"; font-size:36PX; color:#ffffff;text-align: center; letter-spacing:20px;} .index_banner_box .text .js1{ font-size:18PX;color: #ffffff; text-align: center; letter-spacing: 10px;} .index_banner_box .text .bt b{ color:#FF9900; font-size:36PX;font-weight: bold;/*font-family: 榛戜綋;*/line-height: 1.3;font-family: "PingFang SC";} .index_banner_box .text .js { letter-spacing: 0px;width:50%; font-size:18PX; color: #ffffff; position:relative; margin:30px 0 50px 0; line-height: 1.6; padding-left:20px; } .index_banner_box .text{ transition: all ease-out .6s; -webkit-transition: all ease-out .6s; -moz-transition: all ease-out .6s; -o-transition: all ease-out .6s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .index_banner_box .text{ margin-top: 50px } .swiper-slide-active .text { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 } .swiper-slide-active .text { margin-top: 0; transition-delay: 0.3s } .index_banner_box .text .js:before{ width:3px; height: 80%; left: 0; position: absolute; bottom: 8px; content: ""; background: #FF9900; } .index_banner .index_banner_box .img img{ transform: scale(1.2); transition: all 2s; } .index_banner .swiper-slide-active .index_banner_box .img img{ transform: scale(1); } .index_banner .swiper-slide-active .index_banner_box .text{ opacity: 1; top: 50%; } .index_banner .index_banner_box span { transition: all 0.6s; font-size: 16px; color: #fff; padding:8px 30px; border: 1px solid #FF9900; background:#FF9900; border-radius: 30px; display: inline-block; position: relative; } .index_banner .index_banner_box span b { vertical-align: middle; display: inline-block; width: 24px; height: 20px; background: url(../images/morebg.png) no-repeat right center; } /*鎼滅储寮圭獥*/ .sou_warp{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index:99999; display: none;} .sou_bg{ background: rgba(0,0,0,.80); position: fixed; top:0; left:0; width: 100%; height: 100%;} .sou_closed{ display:block;width: 32px;height: 32px;position: absolute;right: 20px;top: 20px;background: url(../images/close1.png) center no-repeat;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;cursor: pointer;z-index: 2;} .sou_closed:hover{ -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);} .sou_warp .inner{ height:100%;} .sou_box{ width:100%; max-width: 600px; margin: 0 auto; position: relative; top:30%;} .sou_submit,.search_txt02{ height:62px;} .sou_submit{ cursor: pointer; float: right; width: 156px; border:2px solid #3d7cbd; background: #3d7cbd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff;} .sou_submit:hover{ background-color:#32beff; border:2px solid #32beff;} .sou_write{ overflow: hidden; background:#fff; position:relative;} .search_txt02{ vertical-align: top; width: 100%; color: #333; text-indent:24px; height:58px; line-height:58px;} /*鎼滅储寮圭獥*/ /*鍏徃绠€浠?/ .about_banner{width:100%; position:relative;} .about_banner_txt{ position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;text-align: center;} .about_banner_txt h2{ font-size:32px; line-height:1;} .about_banner_txt p{ font-size:16px;text-transform:uppercase; margin-top:10px;} .weizhi{ width:100%; height:70px; line-height:70px;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);} .weizhi_z{ overflow:hidden;} .weizhi_z a{float:left;margin-right:50px; position: relative; line-height:70px; font-weight:600} .weizhi_z a span::after{content: "";position: absolute;left: 50%;bottom: 0;width: 0;height: 3px;background: #005aab;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition:all 0.3s;transition: all 0.3s;} .weizhi_z a.active span{ color:#005aab} .weizhi_z a.active span::after{content: "";position: absolute;left: 50%;bottom: 0;width: 100%;height: 2px;background: #005aab;margin-left: -50%;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition:all 0.3s;transition: all 0.3s;} .weizhi_z a:hover span{ color:#005aab} .weizhi_z a:hover span::after{width: 100%;margin-left: -50%;} .weizhi_y{ font-size:14px; color:#999; line-height:70px;} .weizhi_y em{ display:inline-block; margin:0px 10px;} .weizhi_y a{ color:#999; font-size:14px;} .about_jj .w1440{ background:url(../images/jjbj.png) left no-repeat;} .about_jj_y{ width:48%;} .about_jj_z{ width:45%;} .about_jj_z h2{ font-size:32px; margin-bottom:60px;} .dibu_wx span { position: relative; float: left; margin-right: 29px; } .dibu_wx a { display: block; position: relative; width: 46px; height:46px; text-align: center; border: 1px solid #fff; border-radius: 50%; line-height:40px; } .link-img { position: absolute; bottom: 100%; left: 50%; width: 110px; margin-left: -55px; padding-bottom: 10px; text-align: center; z-index: 100; visibility: hidden; } .link-img::after{content: "";position: absolute;left:50%;bottom: -2px;width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #fff;margin-left: -6px; } .dibu_wx{ margin-top:40px;} .dibu_wx span:hover .link-img{visibility: visible;} /*.about_jj_z h3{ background-image:-webkit-gradient(linear,left top,right top,from(#32beff),to(#005aab)); background-image:-webkit-linear-gradient(left,#32beff 0,#005aab 100%); background-image:-moz-linear-gradient(left,#32beff 0,#005aab 100%); background-image:linear-gradient(to right,#32beff 0,#005aab 100%); -webkit-background-clip:text; color:transparent; font-size:32px; font-weight:700; font-stretch:normal; line-height:54px; letter-spacing:0 }*/ .about_jj_z h3{ color:#32beff; font-size:30px;font-weight:700;} .about_jj_z_p{ margin-top:40px;} .bottom{ width:100%; background: url(../images/bottom.png) bottom center repeat-x;} .bottom1{ width:100%; padding:40px 0;} .bottom2{ width:100%; /*text-align:center; */color: rgba(255,255,255,0.6); font-size:14px; border-top:1px solid rgba(255, 255, 255, 0.2); padding:30px 0 20px 0;} .bottom2 .fl a{ display:inline-block; /*margin:0px 20px; */color: rgba(255,255,255,0.6); font-size:12px;} .bottom2 .fl i{ display:inline-block;margin:0px 10px;font-size:12px;} #copyright{ font-size:12px;} .bottom1 ul{ width:100%; position:relative; } /*.bottom1 ul::after{content: "";position:absolute; top:45px; left:0px; width:100%; height:8px; background:url(../images/quan.png) center center no-repeat; } */ .bottom1 ul .float-left {float: left !important;} .bottom1 ul li.item-1 ,.bottom1 ul li.item-2,.bottom1 ul li.item-3 {width: 15%;} .bottom1 ul li.item-6 {width:30%;} .margin-big-bottom { margin-bottom:10px; font-weight: 700;color: #fff;} .dib_tel{font-size:24px; line-height: 46px; color: #fff; font-weight: normal; font-family: 'gothamBold';} .bottom1 ul li ul li a { line-height: 32px; color: rgba(255,255,255,0.6); font-size:14px; } .bottom1 ul li ul li a:hover{color: rgba(255,255,255,1); font-weight: 700;} .bottom1 ul li p{color: rgba(255,255,255,0.6); font-size:14px; margin-top:5px;} .erm_img img{ border:5px solid #ffffff; border-radius:5px;} .bottom1 ul li.xu_xian{padding-top:30px;} .about_td{ position:relative;} .jiagou { width: 60%; margin: 0 auto; text-align:center;} .boss { display: block; margin: 0 auto; width: 298px; max-width: 28%; padding: 16px 0; background-color: #3c7dc0; text-align:center; border-radius: 5px; } .boss:hover { background-color: #4b9be6; } .boss h3 { font-size: 18px; color: #fff; line-height: 36px; font-weight: bold; height: 36px; overflow: hidden; } .jiagou .line1 { margin: 0 auto; width: 4px; height: 60px; background-color: rgba(18, 95, 163, 0.3); } .bmlist { position: relative; margin: 0 -10px; font-size: 0; } .bmlist:before { content: ''; position: absolute; left: 17%; top: 0; z-index: 0; width: 66%; height: 4px; background-color: rgba(18, 95, 163, 0.3); } .bmlist li { display: inline-block; width: 33%; text-align: center; } .bmlist li .lin { padding: 0 10px; } .bmlist li .line2 { position: relative; margin: 0 auto; width: 4px; height: 60px; background-color: rgba(18, 95, 163, 0.3); } .bmlist li .line2:before { content: ''; position: absolute; left: -2px; top: -2px; z-index: 0; width: 8px; height: 8px; background-color: #3c7dc0; border-radius: 50%; } .bmlist li .boshi { display: block; width: 100%; max-width: 300px; padding: 10px 0; margin: 0 auto; background-color: #3c7dc0; position: relative; border-radius: 5px;cursor:pointer } .bmlist li h3 { font-size: 18px; color: #fff; line-height: 36px; font-weight: bold; height: 36px; overflow: hidden; } .bmlist li .zw { font-size: 16px; color:rgba(255,255,255,.5); line-height: 26px; height: 26px; overflow: hidden; } .bmlist li:hover .boshi { background-color: #4b9be6; } .about_td_txt{ margin-top:60px;} .Contact_nr_z{ width:48%; } .Contact_nr_txt{position:relative; width:94%; margin:0 auto;box-shadow: 0 0 15px 0 rgba(0,0,0,.1); background:#ffffff; padding:10px 20px 20px 20px; box-sizing:border-box; top:-40px; z-index:2; margin-bottom:-40px;} .Contact_nr_txt h2{ font-size:20px; color: #32beff; font-weight:bold; border-bottom:1px solid #eeeeee; padding-bottom:15px; margin-bottom:15px;} .Contact_nr_txt .p1{ background:url(../images/tel.png) left no-repeat; } .Contact_nr_txt .p2{ background:url(../images/yx.png) left no-repeat; } .Contact_nr_txt .p3{ background:url(../images/add.png) left no-repeat; } .Contact_nr_txt p{ margin-top:20px; text-indent:30px;} .Contact_nr_z:hover .img img { transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2) } .job_nr{ position:relative; max-width:360px; margin:0 auto;} .job_nr_txt{} .job_nr_txt h5{ font-size:48px;letter-spacing:4px;text-transform:uppercase;} .job_nr_txt h5 b{font-size:48px;letter-spacing:4px;text-transform:uppercase; font-weight:bold;} .job_nr_txt h2{ font-size:48px;letter-spacing:50px; margin-top:20px;} .job_nr_img1{ width:100%; text-align:right;} .job_nr_img2{ position:absolute; top:0px; left:0;} .job_nr_txt_nr{width:30%; margin:0 auto; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; margin-top:40px; padding:10px 0;} .job_nr_txt_nr_z{ width:60%; } .job_nr_txt_nr_y{ width:30%;} .job_nr_txt_btn{width:240px; margin:0 auto; margin-top:40px;} .job_nr_txt_btn a{ display:inline-block; width:100%; border-radius: 50px; text-align:center; background:#32beff; color:#ffffff; padding:10px 0;} .job_nr_txt_btn a:hover{ background:#005aab} .newbox_li{box-shadow: 0 0 15px 0 rgba(0,0,0,.1); background:#ffffff;} .newbox_li_z{ width:44%;} .newbox_li_y{ width:56%; padding:40px; box-sizing:border-box;} .newbox_li_y_sj{ color:#999999; margin-bottom:10px;} .newbox_li_y h2 a{ font-size:22px; font-weight:bold; color: #005aab;} .newbox_li_y p{ margin:30px 0;text-indent: 28px;} .xq_more a{color: #005aab;} .newbox_li:hover .newbox_li_z .img img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2)} /*.newbox_li:hover { background-image:-webkit-gradient(linear,left top,right top,from(#32beff),color-stop(51%,#005aab),to(#32beff)); background-image:-webkit-linear-gradient(left,#32beff 0,#005aab 51%,#32beff 100%); background-image:-moz-linear-gradient(left,#32beff 0,#005aab 51%,#32beff 100%); background-image:linear-gradient(to right,#32beff 0,#005aab 51%,#32beff 100%); background-size:200% auto; color:#fff } .newbox_li:hover .newbox_li_y_sj{ color:#ffffff;} .newbox_li:hover h2 a{color:#ffffff;} .newbox_li:hover .xq_more a{color: #ffffff;} */ .newbox_li_01 ul li{width:100%; box-shadow: 0 0 15px 0 rgba(0,0,0,.1); background:#ffffff; margin-top:52px;/*border-bottom: 2px solid #4b9be6; */} .newbox_li_01 ul li h2{margin-bottom:20px; font-size:22px; } .newbox_li_01 ul li .txt {margin-top:20px;} .newbox_li_01 ul li .txt .data{ color:#999999;} .newbox_li_01 ul li .txt .fr span{ color:#999999; background:url(../images/browse.png) left no-repeat; padding-left:22px;} .newbox_li_01 ul li:hover .img img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2)} .newbox_li_01 ul li:hover h2{color:#4b9be6} .newbox_li_01 ul li .fl{ width:32%;} .newbox_li_01 ul li .xinw_newli{ width:68%; padding: 30px;box-sizing: border-box;} .newbox_li_01 ul li .xinw_newli p{text-indent: 28px;} .page{ text-align:center; margin-top:40px!important} .page li{display:inline-block; } .page a ,.page span{ display:inline-block; height:38px;line-height: 38px; font-size:14px;min-width:38px; border: 1px solid #eee;background: #fff; margin-right:5px; margin-top:5px; } .page a.page_on{ color: #fff;background: #005bab; border: 1px solid #005bab;} .page a:hover{color: #fff;background: #005bab; border: 1px solid #005bab;} .newcen_z{box-shadow: 0 0 15px 0 rgba(0,0,0,.1); background:#ffffff; width:71%; padding:25px; box-sizing:border-box;} .newcen_y{box-shadow: 0 0 15px 0 rgba(0,0,0,.1); background:#ffffff; width:25%; padding:25px; box-sizing:border-box;} .newcen_y h2{ font-size:24px;} .newcen_y ul li{ border-bottom:1px solid #eee; padding:20px 0} .newcen_y ul li .data{ padding:10px 0 5px 0;color:#4b9be6} .newcen_z h2{ font-size:24px; font-weight:bold;} .newcen_z h5{ border-bottom:1px solid #eee; padding:20px 0; color:#999999;} .newcen_z_p{ margin-top:20px;} .newcen_z_fen{ margin-top:40px; border-top:1px solid #eee; padding-top:20px;} .newcen_z_fen .fr{ padding-top:10px;} .newcen_z_fen .fr a{ display:inline-block; width:100%; border-radius: 50px; text-align:center; background:#32beff; color:#ffffff; width:140px; text-align:center; line-height:40px;} .newcen_z_fen .fr a:hover{ background:#005aab} .newcen_y ul li:hover .img img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2)} .cpjjbox_z .img img{ border-radius:20px;} .cpjjbox_z{ width:45%;} .cpjjbox_y{ width:52%;} .cpjjbox_y h2{ font-size:30px; color:#4b9be6; font-weight:bold;} .cpjjbox_y_txt{ margin-top:30px;} .cpjjbox_y_txt p{ margin-bottom:10px;} .cpjjbox01{ width:100%; background:url(../images/ppjj_img.png) center center no-repeat;} .cpjjbox01 h2{ text-align:center; font-size:30px; color:#ffffff;} .cpjjbox01 p{ text-align:center; color:#ffffff; font-size:24px; margin-top:40px; line-height:1.6;} .h2_tit{ font-size:30px; text-align:center; line-height:1.6;} .index_fa_li{ margin-top:60px;} .index_fa_li ul li{ position:relative; cursor: pointer; margin-right:5%; margin-top:30px; width: 30%; float: left; height:100px; background: #ffffff; box-shadow: 0px 2px 10px 1px #dadada; text-align: center; line-height:100px; } .index_fa_li ul li::after {content: "";position: absolute;left: 0;top: 0;height:100px;width:8px;background: #4b9be6;transition: all 0.3s;} .index_fa_li ul li:hover::after {width:100%;} .index_fa_li ul li span{position: relative; display: inline-block; z-index:3; font-size:24px} .index_fa_li ul li:hover span{ color: #ffffff; } .index_fa_li ul li:nth-child(3n) {margin-right: 0;} .index_fa_li ul li a{ display:inline-block; width:100%; height:100%} .jis_jjbox{ background:url(../images/bibj_img.png) center bottom no-repeat; margin-top:10px;} .jis_jjbox_txt{ margin-top:40px;} .fzlc_box{ width:100%; background:url(../images/fzbj.png) center bottom no-repeat; margin-top:10px;} .bannerScroll { position: absolute; right:60px; width: 20px; text-align: center; bottom:0px; z-index: 10; } .bannerScroll p { font-size: 12px;color:#fff; line-height:20px; } .bannerScroll span { display:block;width: 1px;height: 60px;background: rgba(255,255,255,0.15); margin:12px auto 0; position: relative; } .bannerScroll span:after { content:'';width: 3px;height: 17px;background: #fff; border-radius: 1px; position: absolute; top:0; left:-1px; } .bannerScroll span:after{-webkit-animation:haha1 2s linear infinite;} .index_links{ position:relative; padding:90px 0;} .index_links .img{border: 1px solid #e1e1e1; text-align:center;} .index_news_bt{padding:10px 0 10PX 0;border-bottom: 1px solid #e3e4eb; margin-bottom:30px;} /*.index_news_bt_z h5{background-image: -webkit-gradient(linear,left top,right top,from(#32beff),to(#005aab)); background-image: -webkit-linear-gradient(left,#32beff 0,#005aab 100%); background-image: -moz-linear-gradient(left,#32beff 0,#005aab 100%); background-image: linear-gradient(to right,#32beff 0,#005aab 100%); -webkit-background-clip: text; color: transparent; font-size: 48px; font-weight: 700; font-stretch: normal; line-height: 54px; letter-spacing: 0;}*/ .index_news_bt_z { width:80%;} .index_news_bt_z h5 svg { width:100%; height:60px; line-height:60px; } .index_news_bt_z h5 text{font-size:25px;font-weight: 700;} /*.index_news_bt_z p{ margin-top:10px;}*/ .fzlc_box_li{ position:relative; padding-bottom:60px;} .fzlc_box_li .line{ width:1px;height:100%;background-color: #d4d4d4;position: absolute;top: 0px;left:50%;} .fzlc_box_li ul li:nth-child(1) {margin-top: 0;} .fzlc_box_li ul li{ /* float: left; */ width:45%;text-align: right;position: relative;margin-top: 150px;} .fzlc_box_li ul li:nth-child(2n) {float: right;text-align: left; /* margin-top:150px; */ margin-top:0px; } .fzlc_box_li ul li:before{background:url(../images/sy50.png) no-repeat center center; right: -84px;top:6px; content: "";display: block;position: absolute;width:24px;height:24px;} .fzlc_box_li ul li:nth-child(2n):before{background:url(../images/sy50.png) no-repeat center center; left: -84px;top:6px;right: auto; content: "";display: block;position: absolute;width:24px;height:24px;} .fzlc_box_li ul li h3{ font-size:24px; font-weight:bold;color:#4b9be6} .fzlc_box_li ul li p{ padding:10px 0;} .xia_jiantou{ text-align:center;} .xia_jiantou span{ display:inline-block; background:#3c98d8; position:relative; z-index:99; padding:5px 20px;} .fzlc_box_li ul li .img{border-radius:18px; overflow:hidden;} .fzlc_box_li ul li:hover .img img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2)} .cp_zlyl{ position:relative; margin-top:40px; box-shadow: 0 0 15px 0 rgba(0,0,0,.1);border-radius:4px; overflow:hidden;} .cp_zlyl_txt{ position:absolute; width:40%; top:30%; right:5%; color:#ffffff;text-indent: 28px;} .cp_ys{ background:#f5f5f5;} .cp_ys_z{ width:50%; padding:40px 40px 0 40px; box-sizing:border-box;} .cp_ys_z h2{ font-size:24px; font-weight:bold;} .cp_ys_z .xian{ width:90px; height:3px; background:#666666; font-size:0; margin:15px 0;} .cp_ys_y{ width:50%;} .cp_ys_k{ margin-top:40px;} .cp_ys:hover .img img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2)} .cp_xmsf{box-shadow: 0 0 10px 0 rgba(0,0,0,.1); background:#ffffff} .cp_xmsf_z{ width:50%;} .cp_xmsf_y{ width:50%; padding:0 40px 40px; box-sizing:border-box;} .cp_xmsf_y h2{ margin:27px 0; font-size:24px; font-weight:bold} .cp_xmsf_y_zi p{ margin-bottom:10px;} .index_news_list_z{ width:48%; height: 100%;background:#ffffff; overflow: hidden;box-shadow: 0 0 20px 0 rgba(0,0,0,.1); position:relative; border-radius:8px; } .index_news_list_z .sy_new_pic{position: relative; width:100%; } .index_news_list_z h4{position:absolute; z-index:99; left: 0; bottom: 0; width:100%; margin:0 auto;padding:20px ;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:18px; font-weight:bold; color:#ffffff} .index_news_list_z p{ width:90%; margin:0 auto;margin-bottom:20px;} .index_news_list_z a::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list_box1_top.png) center bottom no-repeat; background-size: auto; background-size: 100% auto; } .index_news_list_z a:hover .img img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2)} .index_news_list {display: flex; } .index_news_list_y ul li:last-of-type { margin-bottom: 0; } .index_news_list_z .imgp { padding-bottom:446px;background-position: center; background-repeat: no-repeat; background-size: cover; } .index_news_list_z a{ display:block;width:100%; height:100%} .index_news_list_z .swiper-slide img{/*o-object-fit: cover;object-fit: cover;*/ } .index_news_list_z .swiper-button-prev{ position:absolute; left:2%; top: 50%; width:50px; height:50px; line-height:44px; background:rgba(0,0,0,.5);border-radius: 50%; overflow:hidden; text-align:center; } .index_news_list_z .swiper-button-next{position:absolute; right:2%; top: 50%; width:50px; height:50px; line-height:44px;background:rgba(0,0,0,.51);border-radius: 50%; overflow:hidden;text-align:center;} .index_news_list_z .swiper-button-prev:hover{ background:#4b9be6;} .index_news_list_z .swiper-button-next:hover{ background:#4b9be6;} .index_news_list_y{ width:49%; margin-left:3%;} .index_news_list_y ul li{ background:rgba(255,255,255,.3);box-shadow: 0 0 20px 0 rgba(0,0,0,.1); padding:23px 0px; margin-bottom:20px; border-radius:5px; overflow:hidden;} .index_news_list_y_z{ width:18%; text-align:center; border-right:1px solid #eeeeee;} .index_news_list_y_z .rizi{ font-size:36px; font-weight:bold; color:#999999; line-height:1.1} .index_news_list_y_z .yue{ color:#999999; margin-top:5px;} .index_news_list_y_y{ width:80%; padding:0 15px;box-sizing:border-box} .index_news_list_y_y h3{font-size:18px; margin-bottom:5px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-weight:600;} .index_news_list_y_y p{ line-height:1.6; color:#999999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:50px;text-indent: 28px;} .index_news{ padding-bottom:40px;} .index_news_list_y ul li:hover{ background:#005aab} .index_news_list_y ul li:hover .rizi{ color:#ffffff;} .index_news_list_y ul li:hover .yue{ color:#ffffff;} .index_news_list_y ul li:hover h3{ color:#ffffff;} .index_news_list_y ul li:hover p{ color:#ffffff} .index_gonggao{ width:100%; background:#e8f0f7; height:50px; line-height:50px;} .index_gonggao_y{ width:20%; text-align:right;} .index_gonggao_y a{ color:#4b9be6; font-size:14px; line-height:50px;} .index_gonggao_z{ margin-right:5px;} .index_gonggao_z span{ font-size:18px; font-weight:bold; display:inline-block; background:url(../images/lb.png) left no-repeat; text-indent:34px; line-height:50px;} .index_gonggao_c{ position:relative;overflow:hidden; height:50px;} .index_gonggao_c .swiper-slide span{ display:inline-block; margin-left:20px; color:#999999;} .index_gonggao_c .swiper-container{ height:50px; line-height: 50px; } .index_gonggao_c .swiper-slide { height:50px; line-height: 50px; } .index_about{background: #e8f0f7;position:relative; width:100%; padding:40px 0 30px 0; } .index_about .index_about_img{position:absolute; width:100%;right:0px; bottom:0px; text-align:right;} .index_about .index_about_img img{width:48%;} .index_about_con{ width:50%;} .cpjj_01c_v {width:45%;} .index_about_con h5 svg { width:100%; height:60px; line-height:60px; } .index_about_con h5 text{font-size:32px;font-weight: 700;} .di_logo{ margin-bottom:36px;} /*.index_about_con h5{ background: -webkit-gradient(linear,left top,right top,from(#32beff),to(#005aab)); background: -webkit-linear-gradient(left,#32beff 0,#005aab 100%); background: -moz-linear-gradient(left,#32beff 0,#005aab 100%); background: linear-gradient(to right,#32beff 0,#005aab 100%); -webkit-background-clip: text; color: transparent; font-size: 48px; font-weight: 700; font-stretch: normal; line-height: 54px; letter-spacing: 0;}*/ .index_about_con_p{ margin:40px 0 0 0;text-indent:28px;} .index_about_con_bt{width: 50%; border-top:2px solid rgba(15,35,65,.1); margin-bottom:20px;} .index_about_con_bt ul{display: inline-block;position: relative; } .index_about_con_bt li{display: inline-block;vertical-align: middle;padding-top:25px;margin-right:70px;position: relative;} .index_about_con_bt li a{ font-size:18px;} .index_about_con_bt li:before{width:24px;height:20px;content: '';background:url(../images/i1_b.png) no-repeat;background-size: contain;position: absolute;left: 0;transform: translateY(-50%);top: 0;transition:.3s;z-index: 8;} .index_about_con_bt li.loaded:before{background:url(../images/i1.png) no-repeat;background-size: contain;} .index_about_con_bt li.loaded a{color: #005aab;} .index_about_con_more{ margin-top:40px;} .index_about_con_more a{display: inline-block;position: relative; color:#4b9be6; padding:20px 0 0 20px; font-weight:700;} .index_about_con_more a::before {width:64px;height:64px;content: '';background: url(../images/more1.png) no-repeat;position: absolute;left: 0;top: 0;} .index_news_bt_y{ padding-top:18px;} .index_news_bt_y a{display: inline-block;position: relative; color:#4b9be6; padding:20px 0 0 20px; font-weight:700;} .index_news_bt_y a::before {width:64px;height:64px;content: '';background: url(../images/more1.png) no-repeat;position: absolute;left: 0;top: 0;} .index_yafa_li ul li{transition: all .25s ease-in; width:23.5%;box-shadow: 0 0 20px 0 rgba(0,0,0,.1); background:#ffffff; float:left; padding:30px 20px; box-sizing:border-box; text-align:center;border-radius:8px; margin-right:2%;} .index_yafa_li ul li h2{ font-size:20px; font-weight:bold; padding:10px 0;} .index_yafa_li ul li p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .index_yafa_li ul li span{position: relative; display:inline-block; margin-top:30px; font-size:14px; border: 1px solid #4b9be6; border-radius:40px; padding:5px 20px; z-index:2; overflow:hidden;} .index_yafa_li ul li:hover span{ background: #4b9be6; color:#ffffff;} .index_yafa_li ul li:hover{ transform: translateY(-8px);} .index_yafa_li ul li .p_img{ transition: all .3s ease; } .index_yafa_li ul li:hover .p_img{ -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); cursor: pointer; } .index_yafa_li ul li:last-child{ margin-right:0;} .index_yafa_big{ position:relative; margin-bottom:40px;box-shadow: 0 0 20px 0 rgba(0,0,0,.1); background: #ffffff;} .index_yafa_big_img{ width:40%;} .index_yafa_big_txt{position:absolute;right:0;width:60%; top: 50%; transform: translateY(-50%);/*box-shadow: 0 0 20px 0 rgba(0,0,0,.1); background: #ffffff; */padding:40px 40px; box-sizing:border-box;} .index_yafa_big_txt h4{ position:relative; font-size:21px; padding-bottom:10px; margin-bottom:25px; font-weight:600; } .index_yafa_big_txt h4::before { width:90px; height:4px; content: ''; background: #005aab; position: absolute; left: 0; bottom: 0;} .index_yafa_big_txt p{overflow: hidden;text-indent: 28px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .index_yafa_big_txt span {display: inline-block; margin-top:25px; } .index_yafa_big_txt span b { display: inline-block; width: 15px; height: 12px; vertical-align: middle; margin-bottom: 3px; margin-left: 5px; transition: all 1s; background: url(../images/xc.png) right center/cover; } .index_yafa_big_img:hover .img img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2)} .index_yafa_big_txt:hover span b{ width: 25px; background: url(../images/xc1.png) right center/cover; transition: all 1s; } .index_yafa_big_txt:hover span{color: #005aab;} .guanggao{ position:relative;} .guanggao .close{ position:absolute; top:10px; right:10px; display:inline-block;background:rgba(0,0,0,0.5); width:24px; height:24px; text-align:center;border-radius:4px; } .guanggao .close img{ display:inline-block; width:20px; position:relative; top:-4px;} .selectdiv{ width: 240px; height:45px; background:rgba(255, 255, 255, .04) url(../images/jt.png) 94% center no-repeat; position: relative; display:inline-flex; align-items: center; color: #fff; margin: auto;border: 1px solid rgba(255, 255, 255, .2); margin-bottom: 20px; /*border-radius:48px;*/font-size:14px; } .selecttitle{ width: 100px; height: 30px; border-right: 1px solid #ccc; text-align: center; font-size: 16px; } .selectbody{ flex: 1; text-align: left; padding-left: 20px;font-size:14px; } .selectitem{ position: absolute; bottom: 45px; background:rgba(255,255,255,.2);; width: 240px; left: 0; /*border-radius: 10px;*/ flex-direction: column; display: none; } .selectitem>a{ color: #fff; width:100%; text-indent: 20px; font-size:14px; } .selectitem>a:hover{ background:#0e4cac;} .zpxx li { margin-bottom: 12px; } .zpxx li:first-child h2, .zpxx li:first-child h3, .zpxx li:first-child h4, .zpxx li:first-child h5 { font-size: 17px; color: #fff; font-weight: bold; line-height: 50px; padding-left: 0 } .zpxx li:first-child .zptit { background: #005aab; } .zptit>div { float: right; width: 13.8%; height: 50px; line-height: 50px; text-align: right } .zptit { height: 50px; box-sizing: border-box; padding: 0 5%; background: #dfdfdf } .jiajian { width: 28px; height: 28px; border: 2px solid #606060; color: #606060; border-radius: 50%; line-height: 28px; position: relative; display: inline-block; vertical-align: middle; margin-right: 15px } .jiajian span { display:block; width:14px; height:14px; background:url(../images/shi01.png) no-repeat; margin:0 auto; margin-top:6px;} .ac span{background:url(../images/shi02.png) no-repeat;} .zpinner h2 { font-size: 18px; color: #202020; font-weight: bold; line-height: 35px; } .zpinner { padding: 20px 5% 35px; border: 1px solid #f0f0f0; box-sizing: border-box; display: none } .zpinner span, .zpinner p { font-size: 15px; color: #666666; line-height: 28px; display: block } .zpinner p { margin:10px 0; } .zpxx li:nth-child(2) .zpinner { display: block } .zptit h2 { float: left; font-size: 16px; color: #202020; width: 37.5%; line-height: 50px } .zptit h3 { float: left; font-size: 16px; color: #202020; width: 10%; line-height: 50px; text-align: center } .zptit h4 { float: right; font-size: 16px; color: #202020; width: 13.8%; text-align: right; line-height: 50px } .zptit h5 { float: right; font-size: 16px; color: #202020; line-height: 50px; width: 10%; text-align: center } .zptit { cursor: pointer; } .zptoupic { display: flex; flex-wrap: wrap; align-items: center; } .zptoupic li{ width: 43%;box-sizing:border-box; position: relative; text-align: center; margin:0 3%;} /*.zptoupic li a{ display: inline-block; padding: 54px 65px 14px; background: #e8f0f7; border-radius: 10px; }*/ .zptoupic li:hover .img img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2)} .zptoupic .infojob { position: absolute; left: 0; top: 50%; z-index: 10; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .zptoupic li p{ margin-top:10px; font-size:24px; font-weight:600; color:#ffffff} .zptoupic .infojob .index-more { color: #005aab; border-color: #fff; background-color: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity: 0; visibility: hidden; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); } .zptoupic li:hover .index-more { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; visibility: visible; } .zptoupic .infojob .index-more { display: inline-block; width: 180px; line-height: 54px; text-align: center; color: #005aab; border-radius: 28px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } @media(max-width:1440px){ .w1440{max-width:1100px;margin: 0 auto;} .bottom1 ul li.item-1, .bottom1 ul li.item-2, .bottom1 ul li.item-3 {width: 14%;} .fzlc_box_li ul li::before {right: -68px;} .fzlc_box_li ul li:nth-child(2n)::before{left: -68px;} .index_banner_box .text .bt {font-size:30PX;} .index_banner_box .text .bt b {font-size:30PX;} .index_banner_box .text .js { font-size:16px;} .about_banner_txt h2 {font-size:28px;} .bottom1 ul li.item-6 { width: 25%;} .index_news_bt_y a::before { width: 48px; height: 48px; content: ''; background: url(../images/more1.png) no-repeat; position: absolute; left: 0; top: 0; background-size: 48px; height: 48px; } .index_news_bt_y a { display: inline-block; position: relative; color: #4b9be6; padding: 11px 0 0 20px; font-weight: 700; font-size: 13px; } .index_news_bt_y { padding-top:30px; } .index_about_con_more a::before { width: 48px; height: 48px; content: ''; background: url(../images/more1.png) no-repeat; position: absolute; left: 0; top: 0; background-size: 48px; height: 48px; } .index_about_con_more a { display: inline-block; position: relative; color: #4b9be6; padding: 11px 0 0 20px; font-weight: 700; font-size: 13px; } .index_about_con h5 text { font-size: 24px; font-weight: 700; } .index_about_con_p { margin: 20px 0 0 0; text-indent: 28px; } .di_logo img { height: 60px; } } @media(max-width:1024px){ .w1440 { max-width:90%; margin: 0 auto; } .p100{ padding:40px 0;} .h100{ width:100%; height:50px;} .weizhi_y{display:none;} .weizhi_z{ width:100%; float:none;} .about_banner_txt h2 {font-size:24px;} .about_banner_txt p {font-size:14px; margin-top:3px;} .weizhi_z a{margin-right:20px;} .about_jj_y{ width:100%;} .about_jj_z{ width:100%; margin-top:40px;} .xu_xian{ display:none;} .bottom1 ul li {width:50%;} .about_jj_z h3 { font-size:24px;} .about_jj_z h2 {font-size:30px; margin-bottom:40px;} .about_jj_z_p{ margin-top:15px;} .bottom1{ display:none;} .boss h3 {font-size:16px;} .jiagou .line1 {height:60px;} .bmlist li .line2 { height:60px;} .bmlist li h3 {font-size:16px;} .bmlist li .zw {font-size: 12px;} .job_nr_img1{ display:none;} .job_nr_img2 { position:relative;} .job_nr_txt{ position:relative; width:90%; margin:0 auto; left:0px;bottom:0px; margin-top:20px;} .newbox_li_z{ width:100%; float:none; box-sizing:border-box;} .newbox_li_y{ width:100%; float:none; box-sizing:border-box;} .newbox_li_01 ul li{ width:100%; float:none} .newcen_z{ width:100%; float:none;} .newcen_y{width:100%; float:none; margin-top:20px;} .index_fa_li ul li {width: 47.5%;margin-right: 5%;} .index_fa_li ul li:nth-child(2n) { margin-right: 0;} .index_fa_li ul li span{ font-size:16px;} .index_fa_li ul li:nth-child(3) {margin-right:5%;} .cpjjbox01 h2 { font-size:24px;} .cpjjbox01 p { font-size:16px; margin-top:20px;} .index_fa_li{ margin-top:20px;} .cpjjbox_z{ width:100%; float:none;} .cpjjbox_y{ width:100%; float:none; margin-top:20px;} .cpjjbox_y h2{ font-size:24px;} .cpjjbox_y_txt{ margin-top:20px;} .h2_tit { font-size:24px;} .fzlc_box_li .line { display:none;} .fzlc_box_li ul li { width:100%; text-align:left; margin-top:20px;} .fzlc_box_li ul li:nth-child(2n) { margin-top:20px;} .xia_jiantou{ display:none;} .cp_zlyl_txt{ position:relative; width:100%; color:#666; left:0px; top:0px; padding:20px; box-sizing:border-box; background:#ffffff} .cp_ys_z,.cp_ys_y{ width:100%;} .cp_ys_z{ padding:20px;} .cp_ys_z h2 {font-size:18px;} .cp_ys_z .xian {width:74px; margin:10px 0;} .cp_xmsf_z{ width:100%;} .cp_xmsf_y{ width:100%; padding:20px; box-sizing:border-box;} .cp_xmsf_y h2 { margin:10px 0; font-size:20px;} .bannerScroll{ display:none;} .index_banner_box .text .bt {width:90%;font-size:18px;} .index_banner_box .text .js { display:none} .index_banner .index_banner_box span { display:none;} .index_about_con { width:100%;} .index_about_con_bt li { margin-right:30px;} .index_banner{ margin-top:50px;} .index_banner_box .text .bt b { font-size:18px;} .index_about_con h5 { font-size:24px;} .index_links { padding:40px 0;} .index_news_list_z{ width:100%; } .index_news_list_y{ width:100%; margin-top:20px; margin-left:0;} .index_yafa_big_img {width: 100%;} .index_about_con_bt { margin-bottom:20px;} .index_yafa_big_txt{ position:relative; width:100%; top:0px; padding: 20px 20px; top:0%; transform: translateY(0%);} .index_yafa_li ul li { width:100%; margin-right:0; margin-top:20px;} .index_yafa_big_txt h4 { font-size:24px;} .index_yafa_big {position: relative;margin-bottom:20px;} .index_news_list_y_y { width: 68%; } .index_news_list_y_z .rizi { font-size: 48px;} .index_news_list_y_z { width: 26%;} .index_gonggao_c { display:inline-block; width:75%; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .index_gonggao_z{ display:none;} .index_about_con_more img { height:60px;} .index_news_bt_y img { height:60px; margin-top:16px;} .weizhi { width: 100%; height:auto; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0,0,0,.05); } .weizhi_z a { line-height:50px;} .index_about { padding:60px 0 0 0} .index_news_bt { padding: 40px 0 40px; margin-bottom:40px;} .index_news { padding-bottom:40px;} .Contact_nr_z {width: 100%; margin-bottom: 20px;} .Contact_nr_txt { padding:20px;} .Contact_nr_txt .p3 { background: url(../images/add.png) left 5px no-repeat; } .about_banner{ margin-top:50px;} .guanggao{ display:none;} .index_banner .swiper-button-next,.index_banner .swiper-button-prev {display:none;} .selectdiv{display:none;} .index_news_bt_z { width: 50%; } .newbox_li_01 ul li .fl { width: 100%; } .newbox_li_01 ul li .fl.data { width: 60%; } .newbox_li_01 ul li .xinw_newli { width: 100%; padding: 15px; box-sizing: border-box; } .index_about_con h5 text { font-size:24px; font-weight: 700; } .index_news_bt_z h5 text { font-size: 24px; font-weight: 700; } .index_about_con_p { margin: 20px 0 0 0; text-indent: 32px; } .index_news_bt_y { display:none} .index_news_bt_z { width:100%} .index_news_list { display: block; } .cpjj_01c_v { width: 100%; margin-top:60px; } .index_about_con_bt { width:100%;} .jiagou { width:100%;margin: 0 auto; text-align:center;} .boss {max-width:50%;} .Contact_nr_txt p {text-indent:0px; padding-left:30px;} .job_nr_txt_nr {width:80%;} .zpxx li:first-child h3, .zpxx li:first-child h4, .zpxx li:first-child h5{width:initial;margin: 0 10px} .zpxx li:first-child h2, .zpxx li:first-child h3, .zpxx li:first-child h4, .zpxx li:first-child h5{font-size: 14px} .zptit h3,.zptit h5{display: none} .zpinner h2 {font-size:14px;} .zptoupic li{ width:80%; margin:0 auto;box-sizing:border-box; position: relative; text-align: center; margin-bottom:5%} .zptoupic li p {font-size:18px;} .index_banner_box .text .bt1 {font-size:18px; letter-spacing:0px;} .index_banner_box .text .js1 {font-size: 14PX; letter-spacing:0px;} }