@font-face { src: ; font-family: "sourcehansanscn-extralight"; } @font-face { src: ; font-family: "sourcehansanscn-light"; } @font-face { src: ; font-family: "sourcehansanscn-heavy"; } @font-face { src: ; font-family: "impact"; } /* @font-face { src: ; font-family: "montserrat-extralight-5.otf"; } */ * { font-family: "微软雅黑","arial"; padding: 0; margin: 0; /* box-sizing: border-box; */ } body { } .app{ padding-top: 80px } /* 苹果兼容性 */ input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } /* ----------------------首页---------------------- */ .wrap { max-width: 1678px; margin: 0 auto; width: 96%; } .header { background-color: #ffffff; height: 80px; position: fixed; top: 0; left: 0; width: 100%; z-index: 998; } .h-wrap { display: flex; justify-content: space-between; align-items: center; } .h-r { display: flex; align-items: center; } .nav { margin-right: 66px; } .ul-nav>li { position: relative; float: left; color: #555555; font-size: 16px; padding: 32px 0; } .ul-nav>li>a { padding: 0 22px; } .nd { display: none; position: absolute; width: 120%; background-color: #ffffff; z-index: 100; top: 80px; } .ul-nd a { display: block; text-align: center; height: 40px; line-height: 40px; color: #353535; font-size: 14px; background: #ffffff; /* border-top: 1px #353535 solid; */ } .ul-nd a:hover{ background-color: #1c509f; color: #fff; } .ul-nav>li:hover .nd { display: block; } .lang{ position: relative; cursor: pointer; } .lang-tc{ display: none; position: absolute; width: 50px; padding: 10px 25px; background-color: #fff; } .lang-tc a{ display: block; font-size: 14px; line-height: 20px; } .lang-tc a:hover{ color: #1c509f; } .lang span{ color: #1c509f; font-size: 14px; vertical-align: middle; margin-left: 8px; } .ss-inp{ width: 70px; min-height: 14px; color: #565656; font-size: 14px;; outline: none; } .ss-inp::placeholder{ color: #565656; font-size: 14px;; } .ss-go{ width: 70px; height: 14px; background: no-repeat center; background-size: 12px; outline: none; cursor: pointer; } .ss-c{ display: flex; align-items: center; padding-left: 16px; border-left: 1px #b9b9b9 solid; margin-left: 18px; } .h-r-btn{ display: flex; align-items: center; } .flex-3{ display: flex; justify-content: space-between; align-items: center; } .banner-pic>img{ width: 100%; } .ipdu{ padding: 80px 0 172px; background-color: #f7f7f7; } .ititle{ font-size: 42px; font-weight: bold; color: #000000; } .ipdu-kk>img{ width: 100%; opacity: 0; } .ipdu-title{ color: #202020; font-size: 20px; margin-top: 5px; } .ipdu-tx{ color: #9c9c9c; font-size: 14px; margin-top: 5px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ul-ipdu{ display: flex; align-content: space-between; flex-wrap: wrap; justify-content: space-between; height: 100%; } .ul-ipdu>li{ position: relative; width: 49.2%; height: 48.8%; background-color: #fff; border-radius: 12px; } .ipdu-real{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 10px; box-sizing: border-box; text-align: center; } .ipdu-pic{ max-width: 186px; margin: 0 auto; width: 41.47%; height: 68%; display: flex; align-items: center; justify-content: center; } .ipdu-pic>img{ width: 100%; } .ipdu-cont{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px; } .ipdu-l{ position: relative; width: 46.84%; background-color: #fff; } .ipdu-l .ipdu-pic{ max-width: 669px; width: 44.47%; } .ipdu-l .ipdu-real{ padding-top: 8%; } .ipdu-l .ipdu-title{ font-size: 24px; margin-top: 6.5%; } .ipdu-l .ipdu-tx{ font-size: 16px; } .ipdu-r{ width: 52.32%; } .ipdu-btn{ display: flex; } .ipdu-btn .swiper-button-prev,.ipdu-btn .swiper-button-next{ position: unset; width: 52px; height: 52px; background: no-repeat center; background-size: 100%; outline: none; margin: 0; } .ipdu-btn .swiper-button-next{ background-image: ; margin-left: 3px; } .ipdu-btn .swiper-button-prev:hover{ background-image: ; } .ipdu-btn .swiper-button-next:hover{ background-image: ; } .iyy-bg>img{ width: 100%; } .inews{ padding: 85px 0 65px; } .iyy-menb{ position: absolute; left: 0; bottom: 0; width: 100%; } .iyy-menb>img{ width: 100%; } .ul-iyy{ display: flex; max-width: 1452px; margin: 0 auto; height: 100%; } .ul-iyy>li{ position: relative; width: 16.66%; text-align: center; } .ul-iyy>li:hover{ background: no-repeat center; background-size: 100% 100%; } .ul-iyy>li:hover .iyy-kk{ bottom: 50%; transform: translatey(50%); } .ul-iyy>li>a{ display: block; height: 100%; } .iyy-kk{ position: absolute; width: 100%; bottom: 50px; text-align: center; transition: 1s; -webkit-transition: 1s; } .iyy{ position: relative; } .iyy-icon{ height: 62px; line-height: 62px; } .iyy-title{ color: #ffffff; font-size: 18px; margin-top: 10px; } .iyy-cont{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .lb-jt .swiper-button-prev,.lb-jt .swiper-button-next{ background: ; background-size: 47px 90px; width: 47px; height: 90px; left: 8%; top: 33.5%; margin: 0; outline: none; opacity: 1; } .lb-jt .swiper-button-next{ background-image: ; right: 8%; left: auto; } .iyy-txt{ position: absolute; width: 100%; top: 85px; text-align: center; z-index: 9; } .iyy-tx{ font-size: 42px; color: #ffffff; } .iyy-tx2{ color: #ffffff; font-size: 14px; margin-top: 15px; } .iyy-c{ position: relative; height: 100%; padding: 0 12%; } .iyy-m { display: none; padding: 30px 0; } .ul-iyy-m .iyy-kk{ position: unset; } .ul-iyy-m{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; } .ul-iyy-m>li{ width: 33%; margin: 0.33% 0; } .ul-iyy-m>li>a{ background-color: rgba(28,80,159,0.9); display: block; padding: 30px 0; } .iyy-txt2 { position: unset; } .iyy-txt2 div{ color: #555555; } .imore{ color: #1c509f; font-size: 18px; } .inews-pic{ position: relative; } .inews-content{ margin-top: 60px; } .inews-cont{ display: flex; flex-wrap: wrap; justify-content: space-between; } .inews-l{ width: 67.22%; } .inews-r{ width: 30.81%; } .inews-pic>img{ width: 100%; } .inews-l-txt{ position: absolute; bottom: 30px; left: 30px; z-index: 9; } .inews-l-tx{ color: #ffffff; font-size: 14px; } .inews-l-tx span{ font-weight: bold; display: inline-block; padding-right: 6px; margin-right: 6px; border-right: 2px #fff solid; } .inews-l-tx2{ color: #ffffff; font-size: 18px; margin-top: 15px; } .inews-menb{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.32); } .inews-title{ color: #5b5b5b; font-size: 14px; } .inews-title span{ display: inline-block; color: #2b3467; font-weight: bold; padding-right: 6px; margin-right: 6px; border-right: 2px #5b5b5b solid; } .inews-tx{ color: #222222; font-size: 18px; margin-top: 12px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .inews-tx2{ color: #949494; font-size: 14px; line-height: 24px; margin-top: 24px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ul-inews-l{ display: flex; justify-content: space-between; margin-top: 35px; } .ul-inews-l>li{ width: 48.8%; } .ul-inews-l>li>a{ display: block; border: 1px #ededed solid; padding: 45px 30px; } .ul-inews-r{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .ul-inews-r .inews-txt{ padding: 25px 25px 35px; border: 1px #ededed solid; border-top: none; } .ibom{ height: 737px; background: no-repeat right; } .ibom-title{ font-size: 30px; color: #ffffff; padding-top: 123px; } .ibom-tx{ font-weight: bold; color: #ffffff; font-size: 42px; margin-top: 10px; } .ibom-c-title{ font-size: 14px; color: #fff; display: flex; align-items: flex-start; justify-content: center; } .ibom-c-title span{ font-family: "impact"; font-size: 60px; margin-top: -5px; padding-right: 2px; } .ibom-c-tx{ font-size: 14px; color: #fff; margin-top: 10px; } .ul-ibom{ max-width: 1100px; display: flex; flex-wrap: wrap; padding-top: 35px; margin-left: -190px; } .ul-ibom>li{ margin: 60px 0 0 190px; text-align: center; min-width: 150px; } .ft-bom{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; color: #656565; font-size: 14px; } .ft-bom>div{ line-height: 22px; } .ul-ft-nav{ display: flex; } .ul-ft-nav>li{ margin-left: 76px; } .ul-ft-nav>li>a{ display: block; margin-bottom: 15px; color: #656565; font-size: 14px; } .ul-ft-nav>li>a:nth-last-child(1){ margin-bottom: 0; } .ul-ft-nav>li:nth-child(1){ margin-left: 0; } .ft-nav-tx{ font-size: 18px; color: #222222; margin-bottom: 20px; } .footer{ padding: 105px 0 85px; } .ft-cont{ display: flex; justify-content: space-between; } .ft-tel{ font-size: 36px; color: #656565; font-family: "impact"; } .ft-dz{ color: #656565; font-size: 14px; line-height: 24px; margin-top: 12px; } .ft-ma{ margin-left: 80px; } .ft-ma-title{ font-size: 18px; color: #222222; } .ul-ft-ma{ display: flex; margin-top: 35px; } .ul-ft-ma>li:nth-last-child(1){ margin-left: 15px; } .ft-r{ display: flex; } .b-play{ position: absolute; min-width: 40px; width: 4.69%; top: 46.96%; left: 50%; transform: translatex(-50%); cursor: pointer; } .b-play>img{ width: 100%; } /* ----------------------产品中心---------------------- */ .zy-banner{ background: no-repeat center; } .zy-b-txt{ padding-top: 210px; } .zy-b-title{ color: #ffffff; font-size: 48px; } .zy-b-tx{ color: #ffffff; font-size: 16px; margin-top: 20px; } .ul-zy-mid { display: flex; justify-content: center; border-bottom: 1px #dfdfdf solid; } .ul-zy-mid>li{ margin: 0 32px; } .ul-zy-mid a{ position: relative; display: block; padding: 26px 0; color: #333333; font-size: 16px; } .ul-zy-mid a:hover,.zy-mid-act{ color: #1c509f !important; } .ul-zy-mid a::after{ display: none; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #1c509f; } .ul-zy-mid a:hover::after,.zy-mid-act::after{ display: block !important; } .zy-footer{ padding: 75px 0 35px; } .pdu{ padding: 75px 0; } .wrap2{ max-width: 1448px; margin: 0 auto; width: 96%; } .pdu-m{ background-color: #efefef; padding: 38px 0; } .pdu-m-c{ max-width: 1368px; display: flex; align-items: center; justify-content: space-between; } .pdu-m-tx{ color: #4c4c4c; font-size: 16px; min-width: 84px; } .pdu-m-sel select{ width: 100%; height: 54px; color: #818181; font-size: 16px; background: no-repeat 95%; background-color: #fff; padding: 0 16px; appearance: none; -webkit-appearance: none; box-sizing: border-box; border: none; outline: none; } .pdu-m-l{ width: 58.48%; display: flex; justify-content: space-between; } .pdu-m-sel{ width: 47.5%; display: flex; align-items: center; } .pdu-m-inp{ width: 100%; color: #818181; font-size: 16px; outline: none; height: 54px; padding: 0 15px; box-sizing: border-box; margin-right: 5px; } .pdu-m-btn{ min-width: 138px; height: 54px; background: no-repeat 38px; background-color: #1c509f; background-size: 17px; color: #ffffff; font-size: 16px; padding-left: 25px; cursor: pointer; } .pdu-m-r{ width: 32.16%; display: flex; align-items: center; } .pdu-c{ position: relative; margin-top: 40px; min-height: 1200px; } .pdu-l{ position: absolute; left: 0; top: 0; width: 300px; } .pdu-r{ padding-left: 335px; width: 100%; box-sizing: border-box; } .ul-pdu-nav{ border: 1px #d2d2d2 solid; } .ul-pdu-nav>li:nth-child(1) a{ border-top: none; } .ul-pdu-nav a{ height: 52px; display: flex; align-items: center; padding: 0 15px; box-sizing: border-box; border-top: 1px #d2d2d2 solid; } .pdu-nav-tx{ color: #565656; font-size: 15px; margin-left: 16px; line-height: 19px; } .pdu-nav-icon>img:nth-last-child(1){ display: none; } .pdu-act,.ul-pdu-nav a:hover { background-color: #1c509f; } .pdu-act .pdu-nav-tx,.ul-pdu-nav a:hover .pdu-nav-tx{ color: #fff !important; } .pdu-act .pdu-nav-icon>img:nth-last-child(1), .ul-pdu-nav a:hover .pdu-nav-icon>img:nth-last-child(1){ display: inline-block; } .pdu-act .pdu-nav-icon>img:nth-last-child(2), .ul-pdu-nav a:hover .pdu-nav-icon>img:nth-last-child(2){ display: none; } .ul-pdu { max-width: 1136px; margin-left: -3.14%; display: flex; flex-wrap: wrap; } .ul-pdu>li{ width: 30.19%; margin: 0 0 3.14% 3.14%; } .ul-pdu a{ display: block; border: 1px #e8e8e8 solid; text-align: center; padding: 35px 15px 55px; } .pdu-pic>img{ width: 100%; max-width: 272px; } .pdu-title{ margin-top: 50px; color: #090909; font-size: 16px; } .pdu-page { /* padding-top: 70px; */ /* text-align: center; */ } .pdu-page-cont { display: inline-block; margin-left: -10px; margin-top: -5px; } .pdu-page-cont a { width: 54px; height: 54px; border: 1px #e2e2e2 solid; color: #2c2b2b; font-size: 14px; box-sizing: border-box; line-height: 52px; text-align: center; margin-left: 10px; border-radius: 4px; display: inline-block; margin-top: 5px; } .prev, .next, .qd { width: 84px !important; } .page-act ,.pdu-page-cont a:hover{ background-color: #1c509f; color: #ffffff !important; border-color: #1c509f !important; } /* ----------------------产品详情---------------------- */ .xq{ padding: 15px 0 50px; } .xq-t{ padding: 26px 0; color: #555555; font-size: 16px; border-bottom: 1px #e0e0e0 solid; } .xq-back{ padding-right: 30px; margin-right: 30px; border-right: #e0e0e0 solid 1px ; display: inline-block; } .ul-fenx{ display: flex; } .ul-fenx>li{ margin-left: 10px; } .fenx-title{ padding-left: 30px; border-left: #e0e0e0 solid 1px ; } .fenx{ display: flex; } .xq-c{ display: flex; justify-content: space-between; align-items: center; margin-top: 53px; } .xq-l{ width: 40.06%; display: flex; justify-content: space-between; } .xq-nav{ width: 114px; padding-top: 70px; } .ul-xq-nav>li img{ width: 100%; } .ul-xq-nav>li { position: relative; margin-bottom: 8px; cursor: pointer; } .xq-show{ width: 58.28%; display: flex; align-items: center; } .xq-nav-act::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px #d9d9d9 solid; box-sizing: border-box; } .xq-title{ color: #1c509f; font-weight: bold; font-size: 30px; } .xq-tx{ font-size: 16px; color: #555555; line-height: 36px; margin-top: 35px; } .xq-btn{ margin-top: 40px; display: flex; } .xq-btn a{ display: flex; justify-content: center; align-items: center; width: 166px; height: 50px; text-align: center; margin-right: 8px; background-color: #1c509f; } .xq-btn a span{ font-size: 16px; color: #ffffff; margin-left: 10px; } .xq-b-nav{ display: flex; margin-top: 40px; background-color: #b4d1fd; } .xq-b-nav-act{ background-color: #1c509f !important; } .xq-b-nav a{ width: 196px; height: 84px; text-align: center; line-height: 84px; color: #ffffff; font-size: 18px; font-weight: bold; cursor: pointer; } .xq-b-pic{ max-width: 1040px; margin: 50px auto 0; } .xq-b-pic>img{ width: 100%; } .xq-pic{ width: 100%; } .xq-pic>img{ width: 100%; } /* ----------------------常见问题---------------------- */ .wt{ padding: 55px 0; } .wt-m .pdu-m-l{ width: 73.1%; } .wt-m .pdu-m-sel{ width: 36.6%; /* height: 40px */ } .wt-m .pdu-m-sel select, .wt-m .pdu-m-btn{ height: 40px; } .wt-m .pdu-m-inp{ width: 48.7%; margin: 0 4px 0 10px; height: 40px } .wt-m .pdu-m-r{ width: 15.72%; } .wt-m-wx>img{ width: 100%; } .wt-m .pdu-m-tx{ min-width: 126px; } .wt-hide{ background-color: #f2f2f2; padding: 26px 40px; display: none; } .wt-hide-p{ color: #10771e; font-size: 16px; line-height: 24px; } .wt-hide-p span{ font-weight: bold; } .wt-title{ color: #555555; font-size: 16px; min-height: 66px; display: flex; align-items: center; line-height: 24px; border-bottom: 1px #c2d0e5 dotted; cursor: pointer; padding: 5px 0; box-sizing: border-box; } .wt-act{ color: #1c509f !important; font-weight: bold; border-bottom: none !important; } .ul-wt>li:nth-last-child(1) .wt-title{ border-bottom: none !important; } /* ----------------------车间展示---------------------- */ .chej{ padding: 110px 0; } .idaih-pic>img{ width: 100%; } .idaih-lb{ padding: 0 113px; } .lb-idaih .swiper-slide { width: 69.1%; } .lb-idaih2{ display: none; } .lb-idaih .swiper-slide-active .idaih-menb{ background-color: transparent; } .idaih-menb{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.33); } .idaih-lb{ position: relative; } .idaih-lb .swiper-button-prev,.idaih-lb .swiper-button-next{ background: no-repeat center; background-size: 100%; width: 25px; height: 43px; margin: 0; left: 50px; top: 50%; transform: translatey(-50%); outline: none; opacity: 1; } .idaih-lb .swiper-button-next{ background-image: ; left: auto; right: 50px; } /* ----------------------发展历程---------------------- */ .lc{ padding: 85px 0; } .lc-cont{ display: flex; justify-content: space-between; } .lc-l{ max-width: 387px; } .lc-r{ width: 69.06%; margin-left: 25px; } .lc-l-pic>img{ width: 100%; } .ul-lc{ position: relative; border-left: #b4b4b4 solid 1px; padding-left: 20px; padding-bottom: 55px; } .ul-lc::after{ content: ''; position: absolute; width: 23px; height: 23px; border: 5px #1c509f solid; left: -12px; bottom: 0px; border-radius: 100%; background-color: #fff; box-sizing: border-box; } .ul-lc>li{ position: relative; padding-bottom: 45px; } .ul-lc>li:nth-child(1)::after{ width: 23px; height: 23px; border: 5px #1c509f solid; background-color: #fff; left: -32px; top: 0px; box-sizing: border-box; } .ul-lc>li::after{ content: ''; position: absolute; left: -28px; top: 3px; width: 14px; height: 14px; border-radius: 100%; background-color: #1c509f; } .lc-title{ color: #1c509f; font-size: 30px; margin-left: 10px; } .lc-time{ color: #1c509f; font-weight: bold; font-size: 24px; } .lc-tx{ font-size: 16px; color: #555555; line-height: 32px; margin-top: 6px; } .lc-pic{ display: flex; margin-top: 15px; } .lc-pic>img{ max-width: 119px; margin-left: 12px; } .lc-pic>img:nth-child(1){ margin-left: 0; } /* ----------------------集团概况---------------------- */ .gk-txt{ text-align: center; padding-top: 90px; } .gk-title{ color: #1c509f; font-size: 30px; } .gk-line{ width: 49px; height: 5px; background-color: #1c509f; margin: 24px auto 0; } .gk-txt2 .gk-title{ color: #fff; } .gk-txt2 .gk-line{ background-color: #fff; } .gk-cont{ padding: 35px 0 100px; } .gk-tx{ color: #555555; font-size: 16px; line-height: 30px; margin-top: 30px; } .gk-mid{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 52px; } .gk-mid-kk{ position: relative; width: 48.2%; } .gk-mid-pic>img{ width: 100%; height: 100%; } .gk-mid-menb>img{ width: 16.7%; } .gk-mid-menb{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.68); cursor: pointer; } .gk-b{ background: no-repeat center; } .fz-kk { width: 100%; overflow: hidden; } .fz-p2 { position: relative; padding-right: 28px; text-align: right; float: left; width: 50%; box-sizing: border-box; padding-top: 5px; border-right: 1px #b4b4b4 solid; } .fz-p { position: relative; padding-left: 28px; width: 50%; float: right; padding-top: 5px; border-left: 1px #b4b4b4 solid; box-sizing: border-box; transform: translatex(-1px); } .fz-p::after{ content: ''; position: absolute; left: -7px; top: 9px; width: 14px; height: 14px; border-radius: 100%; background-color: #fff; } .fz-p2::after{ content: ''; position: absolute; right: -7px; top: 9px; width: 14px; height: 14px; border-radius: 100%; background-color: #fff; } .fz-cont { position: relative; margin-top: 25px; padding: 25px 0; } .fz-cont .lc-tx,.fz-cont .lc-time{ color: #fff; } .fz-cont .lc-tx{ max-width: 570px; display: inline-block; margin-top: 0 } .fz-cont::after{ content: ''; position: absolute; left: 50%; top: 2px; border-radius: 100%; width: 23px; height: 23px; border: 5px #fff solid; background-color: #1c509f; box-sizing: border-box; transform: translatex(-50%); } .fz-cont::before{ content: ''; position: absolute; left: 50%; bottom: 2px; border-radius: 100%; width: 23px; height: 23px; border: 5px #fff solid; background-color: #1c509f; box-sizing: border-box; transform: translatex(-50%); } .fz-more{ text-align: center; margin-top: 18px; } .fz-more a{ display: inline-block; color: #000000; font-size: 14px; width: 156px; height: 44px; text-align: center; line-height: 44px; border-radius: 100px; background-color: #fff; } .fz-kk:nth-child(1) .fz-p2{ padding-top: 30px; } .fz-kk:nth-child(1) .fz-p2::after{ top: 34px; } /* ----------------------领导关怀---------------------- */ .gh-kk { position: relative; } .gh-kk>img { width: 100%; opacity: 0; } .gh-pic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gh-pic>img { width: 100%; height: 100%; } .gh-t { display: flex; justify-content: space-between; } .gh-l { width: 65.33%; } .gh-r { width: 30.66%; display: flex; flex-direction: column; justify-content: space-between; } .gh-tx { color: #555555; font-size: 16px; margin-top: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ul-gh{ display: flex; flex-wrap: wrap; max-width: 1506px; margin-left: -3.85%; } .ul-gh>li{ width: 29.48%; margin: 60px 0 0 3.85%; } .gh{ padding: 85px 0 65px; } /* ----------------------企业资质---------------------- */ .ry{ padding: 90px 0; } .ul-ry{ display: flex; flex-wrap: wrap; max-width: 1496px; margin-left: -3.14%; } .ul-ry>li{ width: 21.86%; margin: 0 0 115px 3.14%; } .ry-pic{ border: 1px #ece4e4 solid; height: 93%; display: flex; align-items: center; justify-content: center; } .ry-pic>img{ width: 100%; } .ry-tx{ color: #404040; font-size: 16px; text-align: center; margin-top: 15px; } .ry-tc { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); text-align: center; z-index: 999; } .ry-tc-cont { width: 80%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; } .ry-tc-pic { display: inline-block; } .ry-tc-pic>img { width: 100%; transition: all .5s; transform: scale(0) } /* ----------------------人才发展---------------------- */ .renc-title{ font-weight: bold; color: #393939; font-size: 24px; } .renc-title span{ font-size: 48px; color: #1c509f; font-family: "impact"; margin-right: 10px; } .renc-tx{ font-size: 16px; color: #555555; line-height: 30px; margin-top: 10px; } .renc{ padding: 90px 0 45px; } .renc-txt{ margin-bottom: 60px; } /* ----------------------设备展示---------------------- */ .sheb{ padding-bottom: 30px; } .sheb-l{ width: 48.9%; } .sheb-r{ width: 48.55%; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; } .sheb-r a{ display: block; width: 47.08%; } .sheb-cont{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 55px; } .sheb-tx{ color: #555; font-size: 16px; text-align: center; margin-top: 16px; } .sheb-more { text-align: center; margin-top: 50px; } .sheb-more a { display: inline-block; color: #ffffff; font-size: 14px; width: 156px; height: 44px; text-align: center; line-height: 44px; border-radius: 100px; background-color: #1c509f; } /* ----------------------售后服务---------------------- */ .fw{ padding-bottom: 15px; } .fw-banner,.fw-m{ display: none; } .zy-b-tx2 { font-size: 48px; font-family: 'impact'; color: #1c509f; margin-top: 15px; } .ul-zy-b { display: flex; flex-wrap: wrap; max-width: 1468px; margin: 220px 0 0 -1.34%; } .ul-zy-b>li { width: 18.66%; margin-left: 1.34%; background-color: rgba(255, 255, 255, 0.64); padding: 55px 5px; display: flex; align-items: center; justify-content: center; border-radius: 4px; box-sizing: border-box; } .zy-wb { margin-left: 15px; } .zy-wb-tx { font-weight: bold; color: #2e2e2e; font-size: 24px; } .zy-wb-tx2 { color: #2e2e2e; font-size: 16px; margin-top: 10px; } .ul-fw-mid { display: flex; justify-content: space-between; flex-wrap: wrap; } .ul-fw-mid>li { position: relative; width: 30.39%; border: 1px #dddddd solid; border-radius: 4px; padding: 85px 5px 60px; box-sizing: border-box; } .fw-mid-icon { position: absolute; left: 50%; transform: translatex(-50%); top: -49px; width: 98px; height: 98px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: #1c509f; } .fw-mid { margin-top: 100px; } .fw-mid-tx { color: #555555; font-size: 14px; margin-top: 10px; } .fw-mid-pic { height: 38px; line-height: 38px; } .fw-mid-c { display: flex; justify-content: center; margin-top: 50px; } .fw-mid-cont { margin: 0 20px; text-align: center; } .fw-mid-title { color: #555555; font-size: 30px; font-weight: bold; text-align: center; } .fw-cont { position: relative; margin-top: 40px; } .ul-fw { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; } .ul-fw>li { width: 10.5%; background-color: rgba(0, 0, 0, 0.3); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-left: 1px; transition: 1s; -webkit-transition: 1s; box-sizing: border-box; } .ul-fw>li:nth-child(1) { margin-left: 0; } .fw-title { color: #ffffff; font-size: 24px; margin-top: 30px; } .fw-show { display: none; color: #ffffff; font-size: 14px; line-height: 30px; margin-top: 18px; max-height: 50%; overflow-y: auto; } .fw-show::-webkit-scrollbar-thumb { background-color: #ededed; border-radius: 4px; } .fw-show::-webkit-scrollbar { background-color: #1c509f; width: 6px; height: 8px; } .ul-fw .fw-act { width: 37.29%; background-color: rgba(28, 80, 159, 0.79); align-items: flex-start; padding: 0 4.1% 0 1.7%; text-align: left; } .fw-act .fw-show { display: block; } .fw-bg>img { width: 100%; } .fw-banner{ position: relative; } .fw-banner>img{ width: 100%; } .fw-zt-txt{ position: absolute; top: 50%; transform: translatey(-50%); } .fw-cont-m{ display: none; margin-top: 30px; } .ul-fw2{ display: flex; flex-wrap: wrap; margin-left: -2%; } .ul-fw2>li{ background-color: rgba(28, 80, 159, 0.85); width: 48%; margin: 2% 0 0 2%; padding: 4% 2%; box-sizing: border-box; } .ul-fw2 .fw-show{ display: block; max-height: unset; } /* ----------------------文化理念---------------------- */ .ln{ padding: 85px 0 50px; } .ln-icon{ height: 66px; line-height: 66px; } .ln-icon>img:nth-last-child(1){ display: none; } .ln-title{ font-size: 24px; color: #555555; font-weight: bold; margin-top: 45px; } .ln-line{ width: 33px; height: 3px; background-color: #747474; margin: 20px 0 25px; } .ln-tx{ color: #555555; font-size: 16px; line-height: 24px; } .ul-ln{ display: flex; flex-wrap: wrap; max-width: 1463px; margin-left: -1.08%; } .ul-ln>li{ width: 23.92%; margin: 0 0 1.08% 1.08%; border: 1px #e8e8e8 solid; padding: 60px 30px 20px; min-height: 370px; transition: .5s; -webkit-transition: .5s; box-sizing: border-box; } .ul-ln>li:hover .ln-line{ background-color: #fff; } .ul-ln>li:hover .ln-tx, .ul-ln>li:hover .ln-title{ color: #fff; } .ul-ln>li:hover{ background-color: #1c509f; border-color: #1c509f; } .ul-ln>li:hover .ln-icon>img:nth-last-child(2){ display: none; } .ul-ln>li:hover .ln-icon>img:nth-last-child(1){ display: inline-block; } /* ----------------------销售网络---------------------- */ .wl{ padding: 130px 0 55px; } .wl-top-pic>img{ width: 100%; } .wl-top{ display: flex; justify-content: space-between; flex-wrap: wrap; } .wl-top-l{ width: 59%; } .wl-top-r{ width: 40%; } .ul-wl{ display: flex; flex-wrap: wrap; max-width: 1488px; margin: 60px 0 0 -2.68%; } .ul-wl>li{ width: 30.65%; margin: 0 0 2.68% 2.68%; padding: 25px; min-height: 220px; border: 1px #dbdbdb solid; box-sizing: border-box; } .wl-title{ color: #2c2c2c; font-size: 18px; font-weight: bold; padding-bottom: 15px; border-bottom: 3px #dadada solid; } .wl-txt{ margin-top: 25px; } .wl-tx{ display: flex; color: #555555; font-size: 14px; line-height: 30px; } .wl-tx span{ display: flex; align-items: flex-start; min-width: 128px; } .wl-tx span img{ margin-right: 10px; margin-left: 5px; margin-top: 8px; } .wl-tx:nth-child(1){ margin-top: 0; } /* ----------------------应用领域---------------------- */ .lyu{ position: relative; } .lyu-bg-pic>img{ width: 100%; } .lyu-cont{ position: absolute; top: 36.7%; left: 0; width: 100%; z-index: 9; } .lyu-title{ font-weight: bold; color: #ffffff; font-size: 48px; } .lyu-tx{ color: #ffffff; font-size: 16px; line-height: 24px; margin-top: 25px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.27); padding: 25px 0 35px; } .lyu-more{ padding-bottom: 30px; border-bottom: 1px solid; border-color: rgba(255, 255, 255, 0.27); } .lyu-more a{ width: 160px; height: 52px; text-align: center; line-height: 52px; color: #ffffff; font-size: 16px; display: block; background-color: #1c509f; } .lyu-name{ margin-top: 10px; color: #fff; font-size: 16px; } .lyu-icon{ width: 21px; height: 21px; background: no-repeat center; background-size: 100%; margin: 0 auto; } .ul-lyu{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 45px; } .ul-lyu>li{ text-align: center; margin-left: 2%; padding-top: 2%; cursor: pointer; } .ul-lyu>li:nth-child(1){ margin-left: 0; } .lyu-menb{ position: absolute; bottom: 0; left: 0; width: 100%; } .lyu-menb>img{ width: 100%; } .lyu-bg-pic{ height: 791px; background: no-repeat center; } .lyu-act .lyu-name{ color: #1c509f; } .lyu-act .lyu-icon{ background-image: ; } .lyu-page{ position: absolute; top: 2px; right: 0; font-weight: bold; color: #ffffff; font-size: 48px; display: flex; } .lyu-page-now{ color: #1c509f; margin-right: 5px; } .lyu-page-total span{ margin-left: 5px; } /* ----------------------员工风采---------------------- */ .fc{ padding: 88px 0; } .fc-l-bg { position: relative; } .fc-l-bg>img { width: 100%; } .lb-fc{ height: 100%; } .fc-lb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .lb-fc-pic>img{ width: 100%; height: 100%; } .fc-top{ display: flex; flex-wrap: wrap; justify-content: space-between; } .fc-l{ width: 50.07%; } .fc-r{ width: 48.34%; } .lb-fc .swiper-pagination,.lb-idaih2 .swiper-pagination{ bottom: 26px; } .lb-fc .swiper-pagination-bullet,.lb-idaih2 .swiper-pagination-bullet{ width: 17px; height: 6px; border-radius: 2px; background-color: #fff; outline: none; opacity: 1; margin: 0 2px !important; } .lb-fc .swiper-pagination-bullet-active,.lb-idaih2 .swiper-pagination-bullet-active{ background-color: #882728; } .fc-r-time{ font-size: 48px; color: #393939; font-weight: bold; } .fc-r-time2{ font-size: 14px; margin-top: 10px; color: #393939; } .fc-r-title{ color: #393939; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .fc-r-tx{ font-size: 14px; line-height: 24px; color: #949393; margin-top: 10px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ul-fc-r{ height: 100%; } .ul-fc-r>li{ height: 33.33%; border-top: 1px #d6d6d6 solid; } .ul-fc-r>li:hover .fc-r-title, .ul-fc-r>li:hover .fc-r-time, .ul-fc-r>li:hover .fc-r-time2{ color: #1c509f; } .ul-fc-r>li:nth-child(1){ border-top: none; } .ul-fc-r>li>a{ display: flex; align-items: center; justify-content: space-between; padding: 0 15px; height: 100%; } .fc-r-l{ min-width: 70px; text-align: center; } .fc-r-r{ width: 82%; } .ul-fc{ max-width: 1506px; margin-left: -3.85%; display: flex; flex-wrap: wrap; } .ul-fc>li{ width: 29.48%; margin: 3.85% 0 0 3.85%; } .fc-pic>img{ width: 100%; } .fc-title{ font-size: 16px; color: #555555; margin-top: 15px; line-height: 24px; } .fc-time{ color: #bbbbbb; font-size: 14px; margin-top: 6px; } .fc-more{ color: #1c509f; font-size: 14px; margin-top: 15px; } /* ----------------------招贤纳士---------------------- */ .zx{ padding: 85px 0; } .zx-inp { width: 100%; height: 40px; outline: none; padding: 0 5px; color: #0e68b0; font-size: 16px; } .zx-inp::placeholder { color: #0e68b0; font-size: 16px; } .zx-go { height: 40px; min-width: 58px; background: no-repeat center; background-size: 22px; outline: none; cursor: pointer; } .zx-search{ display: flex; border-bottom: #0e68b0 solid 3px; } .zx-r{ width: 33.56%; } .ul-zx-l{ display: flex; } .ul-zx-l>li{ margin-left: 8px; } .ul-zx-l>li:nth-child(1){ margin-left: 0; } .ul-zx-l a{ display: block; width: 112px; height: 42px; text-align: center; line-height: 40px; border: 1px #e3e3e3 solid; color: #6a6a6a; font-size: 14px; background-color: #fff; border-radius: 100px; font-weight: bold; box-sizing: border-box; } .zx-l-act a,.ul-zx-l a:hover{ border-color: #0e68b0 !important; color: #ffffff !important; background-color: #0e68b0 !important; } .zx-top{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .zx-flex{ display: flex; flex-wrap: wrap; margin-bottom: 10px; } .zx-tx{ width: 50%;color: #717171; font-size: 14px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .zx-title{ line-height: 60px; color: #155095; font-weight: bold; font-size: 20px; } .zx-txt{ padding: 28px 0; border-top: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; } .zx-btn{ display: flex; padding: 20px 0; } .zx-btn a{ display: block; width: 110px; height: 34px; border-radius: 100px; border: 1px #dcdcdc solid; margin-right: 9px; box-sizing: border-box; line-height: 32px; text-align: center; color: #155095; font-size: 14px; font-weight: bold; } .zx-btn a:nth-child(2){ border-color: #155095; background-color: #155095; color: #fff; } .ul-zx{ max-width: 1482px; margin: 30px 0 0 -1.93%; display: flex; flex-wrap: wrap; } .ul-zx>li{ padding: 0 22px; border: 1px #e6e6e6 solid; width: 31.4%; margin: 0 0 1.93% 1.93%; box-sizing: border-box; } .zxxq .zx-tx{ width: 100%; -webkit-line-clamp: initial; } /* ----------------------资料下载---------------------- */ .xuanc-menb{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.29); display: flex; align-items: center; justify-content: center; cursor: pointer; } .xuanc-v{ position: relative; } .xuanc-v-pic>img{ width: 100%; } .xuanc-title{ color: #303030; margin: 20px 0; font-size: 18px; } .xuanc-btn{ display: flex; } .xuanc-btn a{ width: 98px; height: 38px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .xuanc-btn a:nth-child(1){ margin-right: 10px; border: 1px #dbdbdb solid; background-image: linear-gradient(to bottom,#fefefe ,#efefef); } .xuanc-btn a:nth-child(1) span{ margin-left: 8px; color: #464646; font-size: 12px; } .xuanc-btn a:nth-child(2){ margin-right: 10px; background-image: linear-gradient(to bottom,#3e7ede ,#1e52a2); } .xuanc-btn a:nth-child(2) span{ margin-left: 8px; color: #ffffff; font-size: 12px; } .ul-xuanc{ display: flex; flex-wrap: wrap; max-width: 1500px; margin-left: -3.53%; } .ul-xuanc>li{ width: 29.8%; margin: 40px 0 0 3.53%; } .xiaz-more{ text-align: center; margin-top: 60px; } .xiaz-more a{ display: inline-block; color: #ffffff; font-size: 14px; background-color: #1c509f; width: 154px; height: 44px; text-align: center; line-height: 44px; border-radius: 100px; } .ul-zshu{ margin-left: -3.47%; } .ul-zshu>li{ width: 21.53%; margin: 35px 0 0 3.47%; } /* ----------------------咨询详情---------------------- */ .laiy{ color: #555555; font-size: 16px; margin-right: 8px; } .newsxq-title{ color: #555555; font-weight: bold; font-size: 30px; } .newsxq-cont { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40px; } .newsxq-l { width: 70.44%; } .newsxq-r { width: 27.21%; box-sizing: border-box; } .newsxq-r-w{ padding-left: 9.1%; border-left: 1px #efefef solid; } .newsxq-title2 { font-size: 18px; color: #000000; margin-top: 3px; } .news-tj-pic > img { width: 100%; } .news-tj-tx { color: #000000; font-size: 14px; margin-top: 16px; line-height: 22px; } .news-tj-tx2 { color: #c5c5c5; font-size: 14px; margin-top: 6px; } .ul-newstj li { padding-bottom: 30px; } .ul-newstj{ margin-top: 15px; } .newsxq-tx{ color: #555555; font-size: 16px; line-height: 30px; margin-top: 35px; } .newsxq-pic{ margin-top: 30px; } .newsxq-pic>img{ width: 100%; } .newsxq-page{ padding-top: 14px; } .newsxq-page a{ display: block; color: #000000; font-size: 14px; line-height: 22px; margin-bottom: 24px; } /* ----------------------资讯中心---------------------- */ .news{ padding: 85px 0; } .news-title{ color: #0d0d0d; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news-tx{ color: #9e9e9e; font-size: 14px; margin-top: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ul-news .fc-r-l{ min-width: 66px; } .ul-news .fc-r-time{ font-size: 36px; } .ul-news .fc-r-time2{ margin-top: 7px; } .ul-news { max-width: 1502px; display: flex; flex-wrap: wrap; margin-left: -3.64%; } .ul-news>li{ width: 29.69%; margin: 0 0 110px 3.64%; } .news-txt{ display: flex; align-items: center; margin-top: 15px; } .news-pic{ max-height:235px; } .news-pic>img{ width: 100%; } .news-r{ margin-left: 10px; width: 78%; } /* ----------------------hover---------------------- */ .ul-pdu>li:hover .pdu-pic>img,.gh-pic:hover img,.ul-fc>li:hover .fc-pic>img,.news-tj-pic:hover img, .ul-news>li:hover .news-pic>img,.ipdu-pic:hover img,.ul-ipdu>li:hover .ipdu-pic>img,.ul-inews-r>li:hover .inews-pic>img,.inews-pic:hover img{ transform: scale(1.1); } .pdu-pic>img,.gh-pic>img,.fc-pic>img,.news-tj-pic>img,.news-pic>img,.ipdu-pic>img,.inews-pic>img{ transition: .5s; -webkit-transition: .5s; } .pdu-pic,.gh-pic,.fc-pic,.news-tj-pic,.news-pic,.ipdu-pic,.inews-pic{ overflow: hidden; } .ul-inews-r>li:hover .inews-tx,.ul-inews-l>li:hover .inews-tx,.ul-ft-nav>li>a:hover,.ul-ipdu>li:hover .ipdu-title,.ipdu-l:hover .ipdu-title{ color: #1c509f; } /* ----------------------自适应---------------------- */ .menu { display: none; cursor: pointer; margin-left: 10px; } .menu>ul>li { width: 34px; height: 3px; background-color: #3d3d3d; margin-bottom: 5px; } .menu>ul>li:nth-last-child(1) { margin-bottom: 0; } .tc { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; /* background-color: rgba(0, 0, 0, 0.5); */ } .tc-cont { position: relative; width: 100%; height: 100%; background-color: #ffffff; padding: 25px 25px 40px; box-sizing: border-box; margin-top: 80px; border-top: 1px #232323 solid; } .ul-tc { height: 80%; overflow-y: auto; } .ul-tc>li { color: #555555; font-size: 24px; width: 60%; border-bottom: 1px #232323 solid; } .ul-tc>li>a { display: block; padding: 15px 5px; cursor: pointer; } .ul-nav3 { display: none; padding: 10px 15px; } .ul-nav3 a { display: block; padding: 10px 0; cursor: pointer; border-bottom: 1px #232323 solid; } .ul-nav3>li:nth-last-child(1) a { border-bottom: none; } .gk-mid-pic{ height: 100%; } .pdu-pic { height: 232px; line-height: 232px; } .zy-b-tx{ color: #ffffff; font-size: 16px; margin-top: 20px; line-height: 20px; max-width: 760px; } .pagelist{width:100%;height:37px; padding-top:30px; padding-bottom:50px; text-align:center;} .pagelist a{ padding:8px 20px; height:32px;display:inline-block; background-color:#ffffff; border-radius: 3px; border:#c1c1c1 solid 1px; text-align:center;line-height:32px;margin-left:0px;font-size:14px;color:#3e3e3e; cursor:pointer;} .pagelist a:hover ,.pagelist a.selected{ background-color:#1c509f; color:#fff; border:#1c509f solid 1px; padding:8px 20px; cursor:pointer;} .pagelist span{height:32px;display:inline-block;margin-left:14px;line-height:32px;text-align:center;font-size:14px;color:#999999;} /* hover */ .links{ width:100%; float:left; margin:45px 0px;} .links span{ float:left; font-size:14px; color:#656565; margin-right:10px; line-height:22px;} .links li{ float:left; margin-right:10px;} .links li a{ font-size:14px; color: #656565; line-height:22px; display:block;} .links li a:hover{ font-size:14px; color: #656565; line-height:22px; display:block;}