*{ margin: 0; padding: 0; } body{ overflow: hidden; } a{ text-decoration: none; display: inline-block; } li{ list-style: none; } .pro{ position: absolute; } .pre{ position: relative; } .ft14{ font-size: 14px; } .ft16{ font-size: 16px; } .ft17{ font-size: 17px; } .ft18{ font-size: 18px; } .ft20{ font-size: 20px; } .ft22{ font-size: 22px; } .ft32{ font-size: 32px; } .ft48{ font-size: 48px; } .clff{ color:#fff; } .cl1b{ color:#1b1b1b; } .cl29{ color:#292929; } .cl00{ color:#333; } .cl0d{ color:#0d0d0d; } .clb0{ color:#b0b0b0; } .bac{ background-repeat: no-repeat; background-position: center; background-size: cover; } /* header.php(css) */ header{ position: fixed; top:0; width: 100%; z-index: 100; transition: all .3s ease; } .header-nav-all{ height: 125px; width: 100%; border-bottom: 1px solid rgba(255,255,255,.2); } .header-pc-logo{ margin-left: 2.86%; position: relative; z-index: 99; } .header-pc-logo img{ max-width: 100%; } .header-nav-pc{ height: 100%; line-height: 125px; } .header-pc-dh{ position: absolute; width: 100%; top:0; left: 0; } .header-pc-dh ul{ /* overflow: hidden; */ max-width: 775px; width: 100%; height: 100%; margin: 0 auto; } .header-pc-dh ul li{ float: left; position: relative; } .i1,.i3{ padding: 0 25px; } .i2{ padding: 0 40px; } .i4{ padding: 0 40px; } .header-pc-dh ul li .re-a{ transition: color .3s ease; } .header-pc-dh ul li .re-a:hover{ color:#1b1b1b; opacity: .7; } /* 下拉导航开头 */ .header-mulu { width: 100%; padding:0 10px; position: absolute; left: 0; top: 126px; background: #fff; box-sizing: border-box; display: none; } .header-mulu a{ display: block !important; font-size: 15px; color:#666; line-height: 1.3; margin: 20px 0; text-align: center; } /* 下拉导航尾部 */ .header-pc-yy{ width: 200px; height: 100%; float: right; position: relative; z-index: 9; text-align: center; border-left: 1px solid rgba(255,255,255,.2); } .header-pc-cn,.header-pc-eg{ display: initial; padding-bottom: 5px; transition: all .3s ease; font-weight: bold; } .header-pc-yy a:hover{ color:#fff; border-bottom:2px solid #fff; } .header-pc-eg{ margin: 0 0 0 20px; } .cn-eg-on{ border-bottom:2px solid #fff; } .header-pc-ss{ display: inline-block; } .header-pc-ss img{ max-width: 100%; cursor: pointer; } .header-pc-logo2{ display: none; } header.hover-animate{ background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.1); } .hover-animate .header-pc-logo2{ display: inherit; } .hover-animate .header-pc-logo1{ display: none; } .hover-animate .header-pc-dh a{ color:#1b1b1b; } .hover-animate .header-pc-yy{ border-left: 1px solid rgba(27,27,27,.3); } .hover-animate .header-pc-yy a{ color:#1b1b1b; } .hover-animate .header-pc-yy a.cn-eg-on{ border-bottom: 2px solid #1b1b1b; } .hover-animate .header-pc-yy a:hover{ border-bottom: 2px solid #1b1b1b; } .header-pc-ss2{ display: none; } .hover-animate .header-pc-ss1{ display: none; } .hover-animate .header-pc-ss2{ display: inherit; } header:hover{ background: #fff; } header:hover .header-pc-logo2{ display: inherit; } header:hover .header-pc-logo1{ display: none; } header:hover .header-pc-dh a{ color:#1b1b1b; } header:hover .header-pc-yy{ border-left: 1px solid rgba(27,27,27,.3); } header:hover .header-pc-yy a{ color:#1b1b1b; } header:hover .header-pc-yy a.cn-eg-on{ border-bottom: 2px solid #1b1b1b; } header:hover .header-pc-yy a:hover{ border-bottom: 2px solid #1b1b1b; } header:hover .header-pc-ss1{ display: none; } header:hover .header-pc-ss2{ display: inherit; } /* footer.php(css) */ footer{ width: 100%; background: #222; } .footer-pc-all{ width: 87.5%; margin: 0 auto; } .footer-pc-top{ padding: 120px 0 80px 0; overflow: hidden; border-bottom: 2px solid #fff; } .footer-top-left{ width: 15.43%; } .footer-tleft-title{ line-height: 1.05; } .footer-top-right{ width: 74.4%; } .footer-tright-list{ display: inline-block; vertical-align: top; } .footer-tright-list a{ display: block; transition: color .3s ease; } .footer-tright-list a:hover{ color:rgba(255,255,255,.6); } .footer-tright-title{ margin-bottom: 15px; } .footer-tright-list:nth-child(n+2){ margin-left: 9.5%; } .footer-pc-bottom{ padding: 35px 0; overflow: hidden; } .footer-bt-right{ transition: color .3s ease; } .footer-bt-right:hover{ color:rgba(255,255,255,.6); } /* welcome.php(css) */ .wel-list2{ background: #fff; padding: 85px 0 65px 0; } .swiper-containerw1 .swiper-slide{ height: 950px; } .wel2-all{ width: 88.54%; margin: 0 auto; overflow: hidden; position: relative; } .wel2-left{ width: 350px; } .wel2-left-btitle{ font-weight: bold; line-height: 1.1; } .wel2-left-stitle{ color:#a3a3a3; line-height: 1.6; margin-top: 14px; } .wel2-right{ width: 270px; height: 70px; text-align: center; line-height: 70px; border:1px solid #e3e3e3; position: absolute; right: 0; top:50%; transform: translateY(-50%); } .wel2-right a{ font-weight: bold; background: url(../img/images/jt1.png) right center no-repeat; padding-right: 15px; transition: all 0.4s; position: relative; z-index: 25; } .wel2-right:after { content: ''; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0%; top: 0; right: 0%; transform: scale3d(0,1,1); background: #1b1b1b; z-index: 20; -webkit-transition: all 0.3s; transition: all 0.4s; } .wel2-right:hover:after { transform: scale3d(1,1,1); opacity: 1; } .wel2-right:hover a{ color:#fff; background: url(../img/images/jt2.png) right center no-repeat; } .swiper-containerw2 .swiper-slide{ min-height: 595px; transition: transform .5s ease; } .swiperw2-zz{ width: 100%; bottom: 0; left: 0; padding: 30px 25px; box-sizing: border-box; background: #fff; opacity: 0; transition: all .5s ease; } .swiperw2-title{ font-weight: bold; line-height: 1.2; background: url(../img/images/jt3.png) right center no-repeat; } .swiper-containerw2 .swiper-slide:hover .swiperw2-zz{ opacity: 1; } .swiper-containerw2 .swiper-slide:hover{ transform: scale(1.05); } .swiper-containerw2 .swiper-slide{ cursor: url(../img/images/sb2.ico),auto !important; } .wel-list3{ cursor: url(../img/images/sb2.ico),auto !important; } .wel-list4{ background: #f2f5fc; padding: 120px 0 105px 0; } .wel4-all{ width: 86.98%; margin: 0 auto; } .wel4-content{ text-align: center; } .wel4-btitle{ font-weight: bold; line-height: 1.1; } .wel4-stitle { color:#a3a3a3; line-height: 1.5; margin: 10px 0 75px 0; } .wel5-top-content{ overflow: hidden; } .wel-list5 { color:#fff; padding: 120px 0 135px 0; } .wel5-all{ width: 86.98%; margin: 0 auto; } .wel5-tleft{ width: 340px; } .wel5-btitle{ font-weight: bold; line-height: 1.1; } .wel5-stitle{ margin-top: 24px; color:#a3a3a3; line-height: 1.5; } .wel5-tright-list1{ width: 520px; text-align: left; position: relative; right: 0; display: inline-block; } .wel5-tright-title{ font-weight: bold; line-height: 1.1; margin-bottom: 20px; } .wel5-tright-content{ line-height: 1.7; } .wel5-tright-list2{ width: 310px; text-align: left; display: inline-block; vertical-align: top; } .wel5-bot-content{ margin-top: 115px; } #container{ height:420px; position:relative; } /* 公司简介.css */ .about-list1{ height: 1190px; } .about-list23{ background: #e8e9ed; padding: 0 0 115px 0; } .about2-all{ width: 1680px; margin: 0 auto; position: relative; top:-145px; font-size: 0; } .about2-list1{ width: 22.62%; padding: 0 38px; height: 550px; background: #fff; box-sizing: border-box; } .about2-list1-img{ text-align: center; } .about2-list1-img img{ max-width: 100%; } .about2-list1-title{ font-weight: bold; line-height: 1.2; padding: 44px 0 25px 0; border-bottom: 1px solid #e3e3e3; } .about2-list1-text1{ background: url(../img/images/about3.png) left center no-repeat; padding-left: 17px; margin: 20px 0 15px 0; } .about2-list1-text2{ color:#bbbec1; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .about2-list1-all{ position: relative; top: 50%; transform: translateY(-50%); } .about2-list2{ width: 50.595%; height: 550px; margin-left: 1.97%; } .about2-list2-content{ width: 42.353%; top:65px; left: 65px; } .about2-list2-title{ line-height: 1.2; font-weight: bold; } .about2-list2-text{ color:#bbbec1; line-height: 1.5; margin-top: 15px; } .about2-list3{ width: 24.8%; position: absolute; bottom: 0; } .about2-list3-img{ width: 100%; overflow: hidden; } .about2-list3-content{ width: 100%; background: #fff; padding: 80px 50px 70px 50px; border-left: 1px solid #f2f2f2; box-sizing: border-box; } .about2-list3-img img{ width: 100%; transition: all .5s ease; } .about2-list3-img:hover img{ transform: scale(1.05); } .about2-list3-title{ font-weight: bold; line-height: 1.2; } .about2-list3-content a{ width: 175px; height: 42px; border-radius: 22px; border:1px solid #e3e3e3; text-align: center; line-height: 44px; margin-top: 45px; } .about2-list3-content a:after { content: ''; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0%; top: 0; right: 0%; border-radius: 22px; transform: scale3d(0,1,1); background: #1b1b1b; z-index: 20; -webkit-transition: all 0.3s; transition: all 0.4s; } .about2-list3-content a:hover:after { transform: scale3d(1,1,1); opacity: 1; } .about2-list3-content a div{ position: relative; z-index: 99; } .about2-list3-content a:hover div{ color:#fff; } .about2-list1,.about2-list2,.about2-list3{ display: inline-block; vertical-align: top; } .about3-list { width: 13.4%; height: 610px; transition: all .5s ease; /* transition-delay: .1s; */ } .about-list3{ width: 1680px; margin: 0 auto; display: flex; } .on-about3-list2{ width: 13.4%; } .on-about3-list{ width: 59.8%; /* transition-delay: .3s; */ } .about3-nums{ font-size: 50px; display: inline-block; font-weight: bold; line-height: 1; transition: all .5s ease; } .about3-content{ bottom: 50px; left: 30px; transition: all .5s ease; } .about3-num span{ font-size: 24px; color:#fff; font-weight: bold; display: inline-block; vertical-align: top; line-height: 1; } .about2-text{ transition: all .5s ease; } .on-about3-list .about3-nums{ font-size: 70px; line-height: 1; } .on-about3-list .about2-text{ font-size: 16px !important; line-height: 1.7; } .on-about3-list .about3-content{ bottom: 60px; left: 60px; } .about1-all{ width: 87.5%; left: 50%; top:260px; transform: translateX(-50%); } .about1-top{ overflow: hidden; border-bottom: 2px solid #aab9cd; padding-bottom: 70px; } .about1-top-left{ width: 69.5%; } .about1-top-text1{ font-size: 62px; line-height: 1.2; font-weight: bold; } .about1-top-text2{ line-height: 1.4; margin-top: 25px; } .about1-tr-text1{ font-size: 40px; font-weight: bold; line-height: 1.2; } .about1-top-right{ text-align: right; } .about1-tr-list2{ margin-top: 30px; } .about1-bot-nums{ font-size: 70px; line-height: 1; display: inline-block; font-weight: bold; } .about1-bot-list{ display: inline-block; vertical-align: middle; } .about1-bottom{ margin-top: 70px; font-size: 0; } .about1-bot-zm{ font-size: 24px; line-height: 1; display: inline-block; vertical-align: top; } .about1-bot-text1{ line-height: 1.6; } .about1-bottom span{ width: 2px; height: 50px; background: #98a9c1; display: inline-block; vertical-align: middle; margin: 0 4.56%; } .about1-bot-img img{ max-width: 100%; } /* 联系我们 */ .contact-list1{ padding: 0 0 135px 0; background: #e8e9ed; } .contact1-top{ padding-bottom: 0; border-bottom: none; } .contact-all{ width: 87.5%; /* left: 50%; transform: translateX(-50%); top:-560px; */ position: relative; margin: 0 auto; margin-top: -560px; background: #fff; padding: 112px 0; z-index: 10; } .contact-all-title{ font-size: 53px; color:#0d0d0d; line-height: 1; text-align: center; font-weight: bold; } .contact-content{ width: 85.71%; margin: 0 auto; margin-top: 95px; } #container{ /* height:640px; position:relative; */ } .contact1-list{ background: #fafafa; padding: 80px 0 85px 0; overflow: hidden; } .contact1-left{ width: 37.53%; text-align: right; padding-left: 2%; box-sizing: border-box; } .contact1-title{ line-height: 1.1; font-weight: bold; } .contact1-text1{ line-height: 1.7; margin-top: 20px; } .contact1-right{ width:28.6%; text-align: right; } /* 公司历史 */ .his-list1{ min-height: 700px; } .swiperh1-year{ color:#0d0d0d; line-height: 1; padding-bottom: 20px; } .his1-all{ width: 85.71%; margin: 0 auto; padding-bottom: 70px; background: #f8f8f8; } .his1-lb{ width: 91.5%; margin: 0 auto; padding: 32px 0 5px 0; } .swiper-containerh1 .swiper-slide{ text-align: center; cursor: pointer; transition: all .5s ease; } .swiper-containerh1 span{ width: 30px; height: 3px; background: #0d0d0d; display: none; margin: 0 auto; transition: all .5s ease; } .on-his1 .swiperh1-year{ font-size: 28px; margin-top: -3px; font-weight: bold; transition: all .5s ease; } .on-his1 span{ display: block; } .his1-content{ border-top:1px solid #e5e5e5; min-height: 500px; } .his1-rt-img1 img{ max-width: 100%; } .his1-list{ margin-left: 85px; border-left: 1px solid #e5e5e5; padding-bottom: 180px; } .his1-tr-content{ margin-left: 60px; } .his1-rt-img{ padding-left: 60px; display: inline-block; } .his1-tr-content{ width: 635px; margin-top: 30px; } .his1-tr-title{ line-height: 1.5; } .his1-tr-text{ color:#b3b3b3; line-height: 1.5; margin-top: 10px; } .his1-list:first-child{ padding-top: 115px; } .his1-rt-img2{ top:50%; left: 0; transform: translateY(-50%); margin-left: -8.5px; } .his1-rt-img2 img{ max-width: 100%; } /* 职位招聘.css */ .career-list1{ width: 85.71%; margin: 0 auto; margin-top: 115px; } .career-input input{ width: 29.17%; border:none; outline: none; font-size: 17px; color:#0d0d0d; border-bottom:2px solid #f2f2f2; font-weight: bold; padding-bottom: 26px; transition: all .5s ease; } .career-input input::-webkit-input-placeholder{ font-size: 17px; color:#0d0d0d; font-weight: bold; } .text{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .career-input{ overflow: hidden; } .career-input2{ margin: 0 20px; } .career-ss img{ max-width: 100%; } .career-ss{ width: 88px; height: 53px; border:2px solid #f2f2f2; border-radius: 6px; display: inline-block; text-align: center; line-height: 55px; vertical-align: top; cursor: pointer; } .career-ss:after{ content: ''; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0%; top: 0; right: 0%; border-radius: 6px; transform: scale3d(0,1,1); background: #1b1b1b; z-index: 20; -webkit-transition: all 0.3s; transition: all 0.4s; } .ss-img2{ display: none; position: relative; z-index: 33; } .career-ss:hover:after { transform: scale3d(1,1,1); opacity: 1; } .career-ss:hover .ss-img2{ display: initial !important; } .career-ss:hover .ss-img1{ display: none; } .career1-content{ margin-top: 50px; } .rf-ldf{ font-size: 0; padding: 30px 60px; box-sizing: border-box; background: #f4f4f4; } .rf-ldf div{ font-weight: bold; display: inline-block; line-height: 1; padding-right: 10px; box-sizing: border-box; } .position-title,.position-name{ width: 26.89%; } .num-title,.num-name{ width: 24.38%; } .xl-title,.profession-title,.xl-name,.profession-name{ width: 19.45%; } .salary-title{ width: 9%; } .salary-name{ width: 9.8%; } .fenye{ position: relative; z-index: 555; } .career1-lists{ padding: 0 60px; box-sizing: border-box; background: #f4f4f4; border-top:2px solid #e9e9e9; position: relative; z-index: 995; } .joinInfo-details{ background: #f4f4f4; } .career1-list{ font-size: 0; padding: 30px 0; cursor: pointer; } .career1-list div{ vertical-align: middle; padding: 0 10px 0 0; box-sizing: border-box; color:#3d3d3d; line-height: 1; display: inline-block; } .career1-contents{ padding: 20px 0; display: none; } .news1-all{ width: 88.1%; margin: 0 auto; overflow: hidden; } .news1-left{ width: 22%; } .news-left-title{ font-size: 53px; font-weight: bold; line-height: 1.2; margin-bottom: 120px; } .news-left-list{ font-weight: bold; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #f2f2f2; transition: all .3s ease; cursor: pointer; } .news1-on{ border-bottom: 2px solid #0d0d0d; } .news1-right{ width: 70.95%; } .career1-page{ text-align: right; margin-top: 45px; } .page-num{ color:#cccccc; font-weight: bold; margin-left: 15px; } .page-prev{ width: 6px; height: 10px; background: url("../img/images/jt4.png") center center no-repeat; background-size: 6px 10px; } .next{ margin-left: 15px; width: 6px; height: 10px; background: url("../img/images/jt1.png") center center no-repeat; background-size: 6px 10px; } .page-on1{ color:#0d0d0d; } .page-num:hover{ color:#0d0d0d; } .news1-right .row a{ width: 33.3%; float: left; margin-bottom: 80px; padding: 0 3.3%; box-sizing: border-box; } .news1-right img{ width: 100%; } .title1{ height: 40px; line-height: 1.4; padding: 35px 0 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .title2{ border-bottom:1px solid #e5e5e5; line-height: 1.4; font-weight: bold; margin: 13px 0; } .text{ line-height: 1.4; } .news-page{ text-align: center; border-top:2px solid #e5e5e5; margin-top: 0; padding-top: 35px; } .news-all{ padding: 112px 0 35px 0; } /* 认证.css */ .cer-all{ background: #f9f9f9; } .certification-list1{ width: 94.5%; margin: 0 auto; margin-top: 70px; } .certification-list1 a{ width: 24.82%; padding:0 .6%; box-sizing: border-box; margin-bottom: 18px; } .cer1-img img{ width: 100%; } .cer1-content{ width: 100%; padding: 35px 30px; background: #fff; box-sizing: border-box; } .cer1-time{ font-size: 15px; color:#999; } .cer1-title{ color:#000; font-weight: bold; line-height: 1.3; } .cer1-content span{ width: 55px; height: 2px; background: #000; display: block; margin: 25px 0 0 0; } .cer1-text{ color:#999; line-height: 1.5; margin: 30px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cer1-more-btn{ color:#ee514b; background: url(../img/images/jt34.png) right center no-repeat; padding-right: 15px; display: inline-block; transition: all .5s ease; } .cer1-more-btn:hover{ padding-right: 25px; } .his-add-text{ line-height: 1.2; text-align: center; margin: 20px 0 85px 0; } .swiper-button-prevh1, .swiper-button-nexth1 { width: 7px !important; height: 13px !important; background-size: 7px 13px !important; opacity: 1 !important; outline: none; margin-top: 0 !important; top: 50% !important; transform: translateY(-50%) !important; } .swiper-button-prevh1 { background-image: url(../img/images/jt-816.png) !important; left: -20px !important; } .swiper-button-nexth1 { background-image: url(../img/images/jt-8162.png) !important; right:-20px !important; } /* 首页新加wel6 */ .wel4-list{ font-size: 0; } .wel4-list a{ width: 25%; margin-bottom: 20px; padding: 0 12px; box-sizing: border-box; } /* 1024导航 */ .list-btn { display: inline-block; vertical-align: super; float: right; margin: 0 2.86% 0 0; position: relative; top:50%; transform: translateY(-50%); } .list-btn li { display: block; width: 30px; height: 1px; background-color: #fff; transform-origin: left; opacity: 1; } .list-btn li:nth-child(2) { margin: 10px 0; } .add-li-first { width: 30px !important; height: 1 !important; transition: all .3s ease 0s; transform: rotate(45deg); } .add-li-last { width: 30px !important; height: 1 !important; transition: all .3s ease 0s; transform: rotate(-45deg); } .headerPc-on{ margin-top:-103px !important; } header:hover .list-btn li{ background-color: #333; } .hover-animate .list-btn li{ background-color: #333; } .header-1024 { display: inline-block; } .list_ul { width: 100%; height: auto; background: #191919; position: absolute; top: 110px; left: 0; z-index: 106; line-height: 2 !important; display: none; } .list_ul li { width: 100%; margin: 0 auto; background: #fff; padding: 0 35px; box-sizing: border-box; } .list_ul li .a1 { text-align: left; border-bottom: 1px solid #e8e8e8; text-decoration: none; font-size: 24px; color: #444; padding: 15px 0; display: flex; justify-content: space-between; align-items: center; } .a1 span { width: .2rem; height: .11rem; background: url(../img/images/r6_29.png) center center no-repeat; background-size: .2rem .11rem; transform: rotate(180deg); display: inline-block; transition: all .3s ease; } .mulum { padding: 0 .4rem; margin: 0 auto; border-bottom: 1px solid #e8e8e8; display: none; } .list_ul li:last-child .a1 { border-bottom: none; } .mulum-on{ transform: rotate(360deg) !important; } .mulum a { font-size: 20px; color: #444; display: block; padding: .15rem 0; line-height: 1.5 !important; } .df-ldc{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.2); left: 0; top: 110px; display: none; transition: all .5s ease; } .list-btn{ display: none; } .about2-list4{ display: none; } .swiper-containerp1{ height: 6.1rem; } .about-list3-lb{ width: 92%; margin: 0 auto; overflow: hidden; position: relative; top:-1rem; display: none; } .swiper-containerp1 .about3-nums { font-size: .46rem !important; } .swiper-containerp1 .about3-num span { font-size: .26rem; } .swiper-containerp1 .about3-content{ bottom: .3rem; left: .3rem; } .head-ss-tc { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.4); top: 0; left: 0; z-index: 9999; text-align: center; opacity: 0; visibility: hidden; transition: all .3s ease; } .head-ss-content { font-size: 0; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); } .head-close-ss { position: absolute; right: 10%; top: 10%; cursor: pointer; } .head-ss-input { outline: none; border: none !important; width: 450px; height: 60px; background: #fff; margin-bottom: 0; padding-left: 13px; font-size: 16px; color: #4c4c4c; box-sizing: border-box; border-radius: 5px; } .head-ss-btn { font-size: 20px; width: 200px; height: 60px; text-align: center; background: #a0131a; color: #fff; line-height: 60px; border-radius: 10px; transition: all .3s ease; border: none !important; padding-left: 0 !important; margin-bottom: 0 !important; } .head-close-ss img { max-width: 100%; } .on-head-ss-btn { opacity: 1; visibility: visible; } .loading { margin-top: 50px; text-align: center; display: none; } .loading img { max-width: 100%; } /* 修改。css */ .slidew1-content{ top:250px; left: 50%; transform: translateX(-50%); } .slidew1-title{ font-size: 68px; color:#fff; font-weight: bold; line-height: 1.1; } .slidew1-content{ width: 100%; text-align: center; } .slidew1-content span{ width: 90px; height: 5px; background: #fff; display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 35px; } .slidew1-text{ width: 650px; margin: 0 auto; } .slidew1-text p{ font-size: 22px; color:#fff; line-height: 1.3; text-align: center; } .news1-left a{ width: 100%; display: block; } .pagination a{ color: #cccccc; font-weight: bold; margin-left: 15px; font-size: 14px; } .pagination .active{ color: #0d0d0d !important; } .pagination .next{ margin-left: 15px !important; width: 6px; height: 10px; background: url(../img/images/jt1.png) center center no-repeat; background-size: 6px 10px; /* margin-left: 0 !important; */ } .pagination .prev{ width: 6px; height: 10px; background: url(../img/images/jt4.png) center center no-repeat; background-size: 6px 10px; margin-left: 0 !important; } /* add2.css */ .add-item-cer{ background: #337be0; padding: 65px 30px 40px 30px; } .add-item-title{ font-size: 33px; color:#fff; font-weight: bold; text-transform: uppercase; line-height: 1.1; } .add-item-cer span{ width: 115px; height: 4px; display: block; background: #fff; margin: 35px 0 110px 0; } .add-item-btn{ color: #fff; background: url(../img/images/jt2.png) right center no-repeat; padding-right: 15px; display: inline-block; transition: all .5s ease; } .add-item-cer:hover .add-item-btn{ padding-right: 25px; } .career1-contents a{ width: 100px; height: 35px; line-height: 35px; background: #1d2088; border-radius: 30px; color:#fff; text-align: center; margin-top: 10px; font-size: 14px !important; } .cer1-text{ transition: all .3s ease; } .item12:hover .cer1-text{ -webkit-line-clamp: unset; } .item12:hover .cer1-content{ position: relative; z-index: 55; } /* .. */ .newsdetail-data{ text-align: center; font-weight: bold; color:#999; margin: 15px 0 20px 0; } .newsdetail-all-content { border-top:1px solid rgba(0,0,0,.2); padding: 40px 0; margin-top: 50px; border-bottom:1px solid rgba(0,0,0,.2); } .newsdetail-all-content p { /* font-size: 16px; */ color: rgb(102, 102, 102); } .career-list12{ margin-top: 0 !important; } .newsdetail-page { padding: 40px 0 0 0; box-sizing: border-box; } .nwesdetail-pn-btn { display: inline-block; } .nwesdetail-pn-btn a { line-height: 1.5; color: #666666; display: block; } .fh-btn { width: 135px; height: 50px; background: #000; text-align: center; vertical-align: middle; line-height: 50px; color: #fff; border-radius: 30px; } .fh-btn:hover{ color:#fff; } .newsdetail-all-content img{ max-width: 100%; } .ldc-text-btn{ width: 110px; height: 35px; text-align: center; border-radius: 30px; background: #1d2088; line-height: 35px; float: right; margin-top: 10px; } .product-list{ margin: 100px auto 0; width: 86.9%; } .product-list .row{ margin: 0 -12px; } .product-list .item{ float: left; width: 25%; box-sizing: border-box; padding: 0 12px; margin-bottom: 24px; } .product-list .con-box{ display: block; } .product-list .con-box img{ width: 100%; } .product-list .con-box .text{ background-color: #fff; padding: 24px 8.7%; } .product-list .con-box .tit{ font-size: 20px; line-height: 30px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-list .con-box .desc{ font-size: 14px; line-height: 20px; color: #999; margin-top: 5px; } .product-list .con-box .btns{ margin-top: 24px; font-size: 0; } .product-list .con-box .btns a{ display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } .product-list .con-box .btns .pdf-btn{ font-size: 15px; line-height: 24px; color: #060606; padding-left: 28px; background-repeat: no-repeat; background-position: left center; background-size: 21px; background-image: url('../img/pdf.png'); font-weight: bold; transition: all .3s; } .product-list .con-box .btns .tds{ font-size: 14px; line-height: 24px; width: 74px; font-size: 14px; color: #060606; font-weight: bold; text-align: center; border: 1px solid #cecece; border-radius: 12px; margin-left: 20px; transition: all .3s; } .product-list .page{ margin-top: 106px; } .page{ font-size: 0; text-align: right; } .page a{ display: inline-block; *display: inline; zoom: 1; font-size: 14px; line-height: 24px; color: #ccc; margin-left: 20px; font-weight: bold; transition: all .3s; } .page a.active{ color: #060606; } .page .prev, .page .next{ background-repeat: no-repeat; background-position: center; width: 5px; height: 10px; } .page .prev{ background-image: url('../img/page-prev.png'); } .page .next{ background-image: url('../img/page-next.png'); } @media (min-width: 1025px){ .page a:hover{ color: #060606; } .page .prev:hover, .page .next:hover{ opacity: .7; filter: alpha(opacity=70); } .product-list .con-box .btns .pdf-btn:hover{ color: #e60012; } .product-list .con-box .btns .tds:hover{ color: #fff; background-color: #060606; border-color: #060606; } }