锘緻charset "UTF-8"; #index .index-banner { width: 100%; } #index .index-banner .index-swiper { width: 100%; } #index .index-banner .index-swiper img { width: 100%; } #index .index-banner .index-swiper .swiper-pagination-index { bottom: 20px; } #index .index-banner .index-swiper .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; } #index .index-banner .index-swiper .swiper-pagination-bullet-active { background-color: #099ad9; } #index .index01-box .t-title { padding: 65px 0px 60px; } #index .index01-box > ul { width: 100%; padding: 0px 20px; } #index .index01-box > ul li { width: 19.2%; position: relative; float: left; margin-right: 1%; overflow: hidden; } #index .index01-box > ul li a { width: 100%; display: inline-block; } #index .index01-box > ul li a img { width: 100%; height: 100%; } #index .index01-box > ul li a .text-box { position: absolute; bottom: 0; padding: 25px 30px; box-sizing: border-box; width: 100%; color: #fff; background-color: #099ad9; opacity: 0.8; bottom: -130px; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #index .index01-box > ul li a .text-box .t1 { font-size: 18px; } #index .index01-box > ul li a .text-box .t2 { font-size: 14px; margin-top: 5px; } #index .index01-box > ul li:last-of-type { margin-right: 0; } #index .index02-box { width: 100%; /* margin-top: 80px; */ position: relative; margin:0 auto; } #index .index02-box img { width: 100%; } #index .index02-box .video-box-position { position: absolute; top: 140px; width: 70%; margin:0 auto; } #index .index02-box .video-box-position .center .video-box { position: relative; } #index .index02-box .video-box-position .center .video-box .video { width: 640px; height: 380px; box-shadow: 0px 4px 15px 0px #e7eff5; z-index: 2; position: absolute; left: 0; top: 0; } #index .index02-box .video-box-position .center .video-box .video .video-img { width: 100%; height: 100%; } #index .index02-box .video-box-position .center .video-box .video .play-img { width: 105px; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #index .index02-box .video-box-position .center .video-box .info-box { width: 1160px; height: 520px; box-sizing: border-box; padding: 110px 15px 0px 0px; background: #fff; position: absolute; right: 140px; top: 30px; z-index: 1; } #index .index02-box .video-box-position .center .video-box .info-box .info { float: right; } #index .index02-box .video-box-position .center .video-box .info-box .info .t1 { color: #0095d8; font-size: 24px; position: relative; } #index .index02-box .video-box-position .center .video-box .info-box .info .t1:before { content: ''; position: absolute; width: 40px; height: 40px; background: url("../images/hao.png"); background-size: 40px 40px; background-repeat: no-repeat; left: -70px; top: -30px; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont { margin-top: 40px; margin-bottom: 60px; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont p { color: #333; font-size: 14px; line-height: 2em; } #index .index02-box .video-box-position .center .video-box .info-box .info > a { width: 260px; height: 48px; padding: 0px 20px; box-sizing: border-box; background-color: #def4fd; box-shadow: 0px 4px 12px 3px rgba(221, 243, 252, 0.5); border-radius: 24px; color: #0095d8; font-size: 14px; display: flex; align-items: center; justify-content: space-between; } #index .index03-box { width: 100%; background: #f1faff; padding: 0px 0px 80px; } #index .index03-box .news-box { padding: 80px 100px 60px; background: #fff; } #index .index03-box .news-box .news-left .title { color: #333; font-size: 32px; font-weight: 700; margin-bottom: 60px; } #index .index03-box .news-box .news-right { width: 1340px; } #index .index03-box .news-box .news-right li { width: 320px; cursor: pointer; float: left; margin-right: 20px; } #index .index03-box .news-box .news-right li a { width: 100%; display: inline-block; } #index .index03-box .news-box .news-right li a .pic { width: 100%; overflow: hidden; } #index .index03-box .news-box .news-right li a .pic img { width: 100%; transition: transform .5s ease-out; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out; } #index .index03-box .news-box .news-right li a .info { color: #333; font-size: 16px; line-height: 1.7em; margin-top: 20px; margin-bottom: 35px; } #index .index03-box .news-box .news-right li a .date { color: #333; font-size: 14px; } #index .index03-box .news-box .news-right li:last-of-type { margin-right: 0; } #index .index03-box .news-box .news-right li:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } #index .index03-box .news-box .news-right li:hover .info { color: #0095d8; } #about .about01-box { padding-bottom: 75px; } #about .about01-box .t-title01 { padding: 75px 0px 65px; } #about .about01-box .company-box .company-banner { width: 640px; } #about .about01-box .company-box .company-banner .gallery-top { width: 100%; height: auto; } #about .about01-box .company-box .company-banner .gallery-top .swiper-slide { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } #about .about01-box .company-box .company-banner .gallery-top .swiper-slide img { width: 100%; opacity: 0; } #about .about01-box .company-box .company-banner .gallery-thumbs { width: 100%; height: auto; margin-top: 10px; } #about .about01-box .company-box .company-banner .gallery-thumbs .swiper-slide { width: 33.333%; height: 100%; opacity: .6; } #about .about01-box .company-box .company-banner .gallery-thumbs .swiper-slide img { width: 100%; opacity: 1; } #about .about01-box .company-box .company-banner .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; border: 2px solid #0095d8; } #about .about01-box .company-box .company-info { width: 720px; padding-top: 45px; } #about .about01-box .company-box .company-info .title { color: #333; font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 30px; } #about .about01-box .company-box .company-info .content { height: 310px; overflow-y: auto; padding-right: 15px; box-sizing: border-box; /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ } #about .about01-box .company-box .company-info .content::-webkit-scrollbar { width: 5px; height: 10px; background-color: #F5F5F5; } #about .about01-box .company-box .company-info .content::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ border-radius: 10px; background-color: #f2f4f5; } #about .about01-box .company-box .company-info .content::-webkit-scrollbar-thumb { border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/ background-color: #099ad9; } #about .about01-box .company-box .company-info .content p { line-height: 2em; color: #333; font-size: 14px; margin-bottom: 18px; } #about .about02-box { padding: 75px 0px 110px; background: #f1faff; } #about .about02-box .date-center { position: relative; } #about .about02-box .date-center .date-swiper { width: 88%; height: 300px; margin-top: 90px; } #about .about02-box .date-center .date-swiper .swiper-slide { display: flex; justify-content: baseline; flex-direction: column; align-items: center; } #about .about02-box .date-center .date-swiper .swiper-slide .pic { width: 108px; position: absolute; top: 50%; transform: translateY(-50%); } #about .about02-box .date-center .date-swiper .swiper-slide .pic img { width: 100%; } #about .about02-box .date-center .date-swiper .swiper-slide .pic span { position: absolute; color: #099ad9; font-size: 18px; top: 35%; left: 33%; } #about .about02-box .date-center .date-swiper .swiper-slide .info { height: 65px; overflow: auto; /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ } #about .about02-box .date-center .date-swiper .swiper-slide .info::-webkit-scrollbar { width: 4px; height: 10px; background-color: #F5F5F5; } #about .about02-box .date-center .date-swiper .swiper-slide .info::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ border-radius: 10px; background-color: #ffffff; } #about .about02-box .date-center .date-swiper .swiper-slide .info::-webkit-scrollbar-thumb { border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/ background-color: #099ad9; } #about .about02-box .date-center .date-swiper .swiper-slide .info p { color: #333; font-size: 14px; text-align: center; } #about .about02-box .date-center .date-swiper .swiper-slide:nth-of-type(2n) { flex-direction: column-reverse; justify-content: flex-start; } #about .about02-box .date-center .date-swiper .swiper-slide:nth-of-type(2n-1) { padding-top: 30px; } #about .about02-box .date-center .swiper-button-prev-date { left: -31px; top: 50%; width: 32px; height: 32px; background-image: url("../images/arrow.png"); transform: rotate(180deg); background-size: 32px 32px; background-repeat: no-repeat; outline: none; margin-top: -15px; } #about .about02-box .date-center .swiper-button-next-date { right: -31px; top: 50%; width: 32px; height: 32px; background-image: url("../images/arrow.png"); background-size: 32px 32px; background-repeat: no-repeat; outline: none; margin-top: -15px; } #about .about02-box .date-center .time-line { width: 100%; height: 2px; background-color: #099ad9; position: absolute; top: 50%; } #about .about03-box { width: 100%; } #about .about03-box .about03-info-box { width: 50%; } #about .about03-box .about03-info-box .pic { width: 100%; overflow: hidden; } #about .about03-box .about03-info-box .pic img { width: 100%; transition: transform .5s ease-out; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out; } #about .about03-box .about03-info-box .info { width: 100%; height: 100px; padding: 0px 110px 0px 100px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #about .about03-box .about03-info-box .info > span { color: #333; font-size: 24px; } #about .about03-box .about03-info-box .info > a { width: 260px; height: 48px; padding: 0px 20px; box-sizing: border-box; border-radius: 24px; color: #0095d8; font-size: 14px; display: flex; align-items: center; justify-content: space-between; } #about .about03-box .about03-info-box:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } #about .about03-box .about03-info-box:hover .info { background-color: #d4eef9; } #about .about03-box .about03-info-box:hover .info a { background-color: #def4fd; box-shadow: 0px 4px 12px 3px rgba(221, 243, 252, 0.5); } #about .about04-box { background: #f1faff; padding: 140px 0px 150px; } #about .about04-box .cert-center { position: relative; } #about .about04-box .cert-center .cert-swiper .swiper-slide .pic { width: 100%; padding: 20px 15px 15px; box-sizing: border-box; background: #fff; } #about .about04-box .cert-center .cert-swiper .swiper-slide .pic img { width: 100%; } #about .about04-box .cert-center .cert-swiper .swiper-slide p { color: #333; font-size: 14px; width: 100%; text-align: center; padding-top: 30px; } #about .about04-box .cert-center .swiper-button-prev-cert { left: -50px; top: 45%; width: 32px; height: 32px; background-image: url("../images/arrow.png"); transform: rotate(180deg); background-size: 32px 32px; background-repeat: no-repeat; outline: none; } #about .about04-box .cert-center .swiper-button-next-cert { right: -50px; top: 45%; width: 32px; height: 32px; background-image: url("../images/arrow.png"); background-size: 32px 32px; background-repeat: no-repeat; outline: none; } #about .company-future { padding: 60px 0px 80px; background: #f1faff; } #about .company-future .future-box li { width: 19%; transition: transform .5s ease-out; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out; float: left; background: #fff; margin-right: 1.25%; } #about .company-future .future-box li .pic { width: 100%; overflow: hidden; } #about .company-future .future-box li .pic img { width: 100%; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #about .company-future .future-box li .info { width: 100%; height: 300px; box-sizing: border-box; padding: 70px 40px 0px 30px; background: #fff; position: relative; } #about .company-future .future-box li .info .t1 { font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 20px; } #about .company-future .future-box li .info p { color: #333; font-size: 14px; line-height: 2em; text-align: center; } #about .company-future .future-box li .info .img { width: 110px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); } #about .company-future .future-box li .info .img img { width: 100%; } #about .company-future .future-box li:last-of-type { margin-right: 0; } #about .company-future .future-box li:hover { box-shadow: 0px 6px 7px 0px rgba(216, 216, 216, 0.5); transform: translateY(-30px); } #about .company-future .future-box li:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } #about .party-building { padding: 80px 0px 90px; background: #f1faff; } #about .party-building .party a { display: block; } #about .party-building .party a:nth-of-type(2n) li { margin-right: 0; } #about .party-building .party li { width: 49%; height: 200px; display: flex; align-items: center; float: left; margin-right: 2%; margin-bottom: 2%; cursor: pointer; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #about .party-building .party li .pic { width: 320px; height: 100%; overflow: hidden; } #about .party-building .party li .pic img { width: 100%; height: 100%; transition: transform .5s ease-out; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out; } #about .party-building .party li .info { flex: 1; box-sizing: border-box; height: 100%; padding: 20px 20px 0; background: #fff; } #about .party-building .party li .info .date { display: flex; align-items: center; justify-content: space-between; color: #333; } #about .party-building .party li .info .date span:nth-of-type(1) { font-size: 24px; font-weight: bold; } #about .party-building .party li .info .date span:nth-of-type(2) { font-size: 16px; } #about .party-building .party li .info .t1 { font-size: 16px; font-weight: bold; padding: 20px 0px 5px; } #about .party-building .party li .info p { color: #888; font-size: 14px; line-height: 2em; } #about .party-building .party li:nth-of-type(2n) { margin-right: 0; } #about .party-building .party li:hover { box-shadow: 0px 6px 7px 0px rgba(216, 216, 216, 0.5); } #about .party-building .party li:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } #about .brand-list{ display: flex; flex-wrap: wrap; } #about .brand-list .item{ width:15%; margin-bottom: 2%; margin-right: 2%; border: 1px solid #e6e6e6; } #about .brand-list .item:nth-child(6n){ margin-right: 0; } #about .party-building .party-nav { display: flex; align-items: center; justify-content: center; padding: 0px 0px 55px; background: #f4faff; } #about .party-building .party-nav .item { margin-right: 100px; color: #333; font-size: 24px; cursor: pointer; } #about .party-building .party-nav .item a { padding: 0px 10px 15px; display: inline-block; } #about .party-building .party-nav .item .line { display: block; width: 0; height: 2px; transition: width .5s ease-out; -webkit-transition: width .5s ease-out; -moz-transition: width .5s ease-out; } #about .party-building .party-nav .item.active a, #about .party-building .party-nav .item:hover a { color: #099ad9; } #about .party-building .party-nav .item.active .line, #about .party-building .party-nav .item:hover .line { width: 100%; height: 2px; background: #099ad9; } #about .party-building .party-nav .item:last-of-type { margin-right: 0; } #contact .map-box { width: 100%; } #contact .map-box #map { width: 100%; height: 640px; } #contact .contact01-box { padding: 70px 0px; } #contact .contact01-box .cont-left .t1 { color: #099ad9; font-size: 32px; font-weight: bold; } #contact .contact01-box .cont-left .t2 { color: #333; font-size: 14px; margin-top: 20px; } #contact .contact01-box .cont-right { float: right; } #contact .contact01-box .cont-right li { display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-start; float: left; margin-right: 140px; } #contact .contact01-box .cont-right li .cont-l { display: flex; flex-direction: column; align-items: center; } #contact .contact01-box .cont-right li .cont-l .t1 { padding: 10px 0px 15px; color: #333; font-size: 16px; } #contact .contact01-box .cont-right li .cont-r { display: flex; flex-direction: column; align-items: flex-start; } #contact .contact01-box .cont-right li .cont-r p { color: #333; font-size: 16px; line-height: 1.5em; } #contact .contact01-box .cont-right li:last-of-type { margin-right: 0; } #contact .contact02-box { padding: 70px 0px 125px; background: #f1faff; } #contact .contact02-box .t1 { font-size: 32px; color: #099ad9; } #contact .contact02-box .t2 { color: #333; font-size: 14px; margin-top: 10px; } #contact .contact02-box .form-box { padding-top: 85px; } #contact .contact02-box .form-box .form-left input { height: 40px; background: #fff; border: 1px solid #ddd; padding-left: 10px; } #contact .contact02-box .form-box .form-left .tel-box { margin-bottom: 15px; } #contact .contact02-box .form-box .form-left .tel-box p { color: #888888; font-size: 14px; padding-bottom: 5px; } #contact .contact02-box .form-box .form-left .tel-box input { width: 360px; } #contact .contact02-box .form-box .form-left .tel-box01 p { color: #888888; font-size: 14px; padding-bottom: 5px; } #contact .contact02-box .form-box .form-left .tel-box01 img { width: 120px; margin-left: 10px; } #contact .contact02-box .form-box .form-left .tel-box01 input { width: 120px; } #contact .contact02-box .form-box .form-right .tel-box p { color: #888888; font-size: 14px; padding-bottom: 5px; } #contact .contact02-box .form-box .form-right .tel-box textarea { width: 1000px; height: 200px; background: #fff; border: 1px solid #ddd; padding-left: 10px; padding-top: 10px; resize: none; } #contact .contact02-box .form-box .form-right .tel-box .button-box { text-align: right; } #contact .contact02-box .form-box .form-right .tel-box .button-box .tijiao { width: 180px; height: 40px; line-height: 40px; text-align: center; color: #fff; border: none; background-color: #099ad9; box-shadow: 0px 4px 12px 3px rgba(221, 243, 252, 0.5); border-radius: 20px; margin-top: 35px; } #recruit .profile-box { padding: 70px 0px 70px; } #recruit .profile-box .title { color: #333; font-size: 24px; text-align: center; font-weight: bold; } #recruit .profile-box .profile-ul { margin-top: 60px; } #recruit .profile-box .profile-ul li { width: 480px; cursor: pointer; position: relative; display: flex; flex-direction: column; float: left; } #recruit .profile-box .profile-ul li .pic { width: 100%; height: 50%; background-repeat: no-repeat; background-size: cover; } #recruit .profile-box .profile-ul li .pic img { width: 100%; opacity: 1; } #recruit .profile-box .profile-ul li .info { width: 100%; box-sizing: border-box; background: #f4faff; position: relative; } #recruit .profile-box .profile-ul li .info img { width: 100%; opacity: 0; } #recruit .profile-box .profile-ul li .info .info-box { padding: 50px 50px 0px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #recruit .profile-box .profile-ul li .info .info-box .t1 { color: #333; font-size: 18px; } #recruit .profile-box .profile-ul li .info .info-box .t2 { color: #333; font-size: 14px; line-height: 2em; margin-top: 10px; height: 70px; overflow-y: auto; /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ } #recruit .profile-box .profile-ul li .info .info-box .t2::-webkit-scrollbar { width: 5px; height: 10px; background-color: #F5F5F5; } #recruit .profile-box .profile-ul li .info .info-box .t2::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ border-radius: 10px; background-color: #f2f4f5; } #recruit .profile-box .profile-ul li .info .info-box .t2::-webkit-scrollbar-thumb { border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/ background-color: #099ad9; } #recruit .profile-box .profile-ul li .info .info-box .re-more { width: 260px; height: 48px; padding: 0px 20px; box-sizing: border-box; border-radius: 24px; color: #0095d8; font-size: 14px; display: flex; align-items: center; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #recruit .profile-box .profile-ul li .info .info-box .re-more .arr { margin-left: 10%; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #recruit .profile-box .profile-ul li:hover .pic { position: relative; } #recruit .profile-box .profile-ul li:hover .pic .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: inline-block; background: rgba(16, 117, 162, 0.4); transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #recruit .profile-box .profile-ul li:hover .info { background: #96d4f0; } #recruit .profile-box .profile-ul li:hover .info .re-more { background: #def4fd; box-shadow: 0px 4px 12px 3px rgba(221, 243, 252, 0.5); } #recruit .profile-box .profile-ul li:hover .info .re-more .arr { margin-left: 60%; } #recruit .profile-box .profile-ul li:nth-of-type(2) { flex-direction: column-reverse; } #recruit .recruit-box { padding: 75px 0px 100px; background: #f1faff; } #recruit .recruit-box .title { color: #333; font-size: 24px; font-weight: bold; text-align: center; } #recruit .recruit-box .recruit-ul { margin-top: 60px; } #recruit .recruit-box .recruit-ul li .recruit-top { display: flex; align-items: center; justify-content: space-between; padding: 0px 30px 0px 50px; height: 60px; width: 100%; background-color: #ffffff; border: solid 1px #def4fd; border-bottom: none; box-sizing: border-box; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #recruit .recruit-box .recruit-ul li .recruit-top .t1 { font-size: 16px; } #recruit .recruit-box .recruit-ul li .recruit-top .t2 { font-size: 14px; } #recruit .recruit-box .recruit-ul li .recruit-top .add-minus { width: 24px; height: 24px; background-size: 24px 24px; background: url("../images/add.png"); background-repeat: no-repeat; } #recruit .recruit-box .recruit-ul li .recruit-top:hover { background: #c9e9f9; } #recruit .recruit-box .recruit-ul li .add-active { background: #c9e9f9; } #recruit .recruit-box .recruit-ul li .add-active .add-minus { width: 24px; height: 24px; background-size: 24px 24px; background: url("../images/minus.png"); background-repeat: no-repeat; } #recruit .recruit-box .recruit-ul li .recruit-content { width: 100%; padding: 40px 120px; background: #e2f5ff; } #recruit .recruit-box .recruit-ul li .recruit-content .content .tt { font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid #acd3e9; } #recruit .recruit-box .recruit-ul li .recruit-content .content .cont { padding-top: 30px; padding-bottom: 55px; } #recruit .recruit-box .recruit-ul li .recruit-content .content .cont p { line-height: 2.5em; font-size: 14px; } #recruit .recruit-box .recruit-ul li .recruit-content .content .up-down-box .up-btn { display: inline-block; width: 180px; height: 40px; text-align: center; line-height: 40px; background-color: #099ad9; box-shadow: 0px 4px 12px 3px rgba(221, 243, 252, 0.5); border-radius: 20px; color: #fff; font-size: 14px; } #recruit .recruit-box .recruit-ul li .recruit-content .content .up-down-box .upload { margin-right: 40px; } #recruit .recruit-box .recruit-ul li .recruit-content .content .up-down-box .file-upload { position: relative; } #recruit .recruit-box .recruit-ul li .recruit-content .content .up-down-box .file-upload .file { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; } #recruit .profile-item-box { padding: 50px 0px 180px; background: #f1faff; } #recruit .profile-item-box .item-ul li { width: 100%; height: 240px; display: flex; align-items: center; margin-bottom: 10px; } #recruit .profile-item-box .item-ul li .pic { width: 420px; height: 240px; background-repeat: no-repeat; background-size: cover; } #recruit .profile-item-box .item-ul li .img { width: 100%; display: none; } #recruit .profile-item-box .item-ul li .img img { width: 100%; } #recruit .profile-item-box .item-ul li .info { background: #fff; flex: 1; height: 100%; padding: 30px 50px 0px 60px; box-sizing: border-box; } #recruit .profile-item-box .item-ul li .info .t1 { color: #333; font-size: 20px; font-weight: bold; margin-bottom: 20px; } #recruit .profile-item-box .item-ul li .info .cont { height: 140px; overflow-y: auto; /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ } #recruit .profile-item-box .item-ul li .info .cont::-webkit-scrollbar { width: 5px; height: 10px; background-color: #F5F5F5; } #recruit .profile-item-box .item-ul li .info .cont::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ border-radius: 10px; background-color: #f2f4f5; } #recruit .profile-item-box .item-ul li .info .cont::-webkit-scrollbar-thumb { border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/ background-color: #099ad9; } #recruit .profile-item-box .item-ul li .info .cont p { color: #333; font-size: 14px; line-height: 2em; } #recruit .profile-item-box .item-ul li:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } #recruit .profile-item-box .profile-swiper-box { position: relative; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide { display: flex; width: 100%; height: 100%; background: #fff; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .pic { width: 36%; height: 100%; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .pic img { width: 100%; height: 100%; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info { width: 64%; height: 100%; padding: 90px 45px 60px 60px; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont { height: 400px; overflow-y: auto; /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont::-webkit-scrollbar { width: 5px; height: 10px; background-color: #F5F5F5; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ border-radius: 10px; background-color: #f5f5f5; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont::-webkit-scrollbar-thumb { border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/ background-color: #099ad9; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont .t1 { margin-bottom: 65px; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont .t1 p { color: #333; font-size: 18px; line-height: 2em; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont .t2 { color: #333; margin-bottom: 20px; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont .t2 p { font-size: 16px; line-height: 1.5em; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont .t2 .tt { font-size: 14px; } #recruit .profile-item-box .profile-swiper-box .gallery-thumbs { height: 320px; margin-top: 30px; } #recruit .profile-item-box .profile-swiper-box .gallery-thumbs .swiper-slide { width: 100%; height: 100%; } #recruit .profile-item-box .profile-swiper-box .gallery-thumbs .swiper-slide img { width: 100%; } #recruit .profile-item-box .profile-swiper-box .swiper-button-box { position: absolute; bottom: -70px; left: 50%; z-index: 100000; transform: translateX(-50%); } #recruit .profile-item-box .profile-swiper-box .swiper-button-box .swiper-button-prev-profile { width: 32px; height: 32px; background-image: url("../images/arrow.png"); background-size: 32px 32px; background-repeat: no-repeat; outline: none; margin-left: 40px; } #recruit .profile-item-box .profile-swiper-box .swiper-button-box .swiper-button-next-profile { width: 32px; height: 32px; background-size: 32px 32px; background-image: url("../images/arrow.png"); transform: rotate(180deg); background-repeat: no-repeat; outline: none; margin-right: 40px; } #recruit .profile-item-box .profile-swiper-box .swiper-pagination-profile { position: absolute; bottom: -75px; /* left: 50%; */ color: #333; font-size: 16px; } #recruit .structure-box { padding: 90px 0px; } #recruit .structure-box .structure { text-align: center; } #recruit .develop-way { background: #f1faff; padding: 75px 0px 130px; } #recruit .develop-way .way-ul { margin-top: 55px; } #recruit .develop-way .way-ul li { width: 32%; height: 120px; background: #fff; margin-right: 2%; margin-bottom: 2%; box-sizing: border-box; padding: 35px 35px 0; float: left; } #recruit .develop-way .way-ul li .t1 { color: #099ad9; font-size: 18px; } #recruit .develop-way .way-ul li .t2 { margin-top: 6px; font-size: 14px; color: #333; } #recruit .develop-way .way-ul li:nth-of-type(3n) { margin-right: 0; } #news .news-content { padding: 60px 0px 100px; background: #f1faff; } #news .news-content .news-nav { display: flex; align-items: center; justify-content: center; margin-bottom: 50px; } #news .news-content .news-nav li { color: #333; font-size: 24px; cursor: pointer; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #news .news-content .news-nav li a { padding: 0px 10px 15px; display: inline-block; } #news .news-content .news-nav li .line { display: block; width: 0; height: 2px; transition: width .5s ease-out; -webkit-transition: width .5s ease-out; -moz-transition: width .5s ease-out; } #news .news-content .news-nav li:hover .line { width: 100%; height: 2px; background: #099ad9; transition: width .5s ease-out; -webkit-transition: width .5s ease-out; -moz-transition: width .5s ease-out; } #news .news-content .news-nav li:hover a { color: #099ad9; } #news .news-content .news-nav .nav101 { margin-right: 180px; } #news .news-content .news-nav .active a { color: #099ad9; } #news .news-content .news-nav .active .line { width: 100%; height: 2px; background: #099ad9; } #news .news-content .news-items-box { padding: 20px 0px; background: #fff; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #news .news-content .news-items-box .news-item { display: flex; align-items: center; justify-content: space-between; } #news .news-content .news-items-box .news-item .item-left { display: flex; align-items: center; } #news .news-content .news-items-box .news-item .item-left .pic { width: 280px; overflow: hidden; } #news .news-content .news-items-box .news-item .item-left .pic img { width: 100%; transition: transform .5s ease-out; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out; } #news .news-content .news-items-box .news-item .item-left .info { width: 740px; margin-left: 40px; } #news .news-content .news-items-box .news-item .item-left .info .date { color: #333; font-size: 14px; padding-bottom: 25px; } #news .news-content .news-items-box .news-item .item-left .info .tt { color: #333; font-size: 18px; padding-bottom: 10px; } #news .news-content .news-items-box .news-item .item-left .info .dtl { color: #888888; font-size: 14px; line-height: 1.5em; } #news .news-content .news-items-box .news-item .re-more { width: 260px; height: 48px; padding: 0px 20px; box-sizing: border-box; border-radius: 24px; color: #0095d8; font-size: 14px; display: flex; align-items: center; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; cursor: pointer; } #news .news-content .news-items-box .news-item .re-more .arr { margin-left: 10%; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #news .news-content .news-items-box:hover { background: #f2f9ff; } #news .news-content .news-items-box:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } #news .news-content .news-items-box:hover .re-more { background: #def4fd; box-shadow: 0px 4px 12px 3px rgba(221, 243, 252, 0.5); } #news .news-content .news-items-box:hover .re-more .arr { margin-left: 60%; } #news .article-content { padding: 40px 0px 100px; background: #f1faff; } #news .article-content .content-box { padding: 50px 220px 80px; box-sizing: border-box; background: #fff; } #news .article-content .content-box .text-title { text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; } #news .article-content .content-box .text-title .tt { color: #333; font-size: 24px; } #news .article-content .content-box .text-title .tt1 { padding-top: 10px; } #news .article-content .content-box .text-title .tt1 span { color: #888; font-size: 14px; } #news .article-content .content-box .content { padding-top: 40px; padding-bottom: 100px; } #news .article-content .content-box .content p { color: #333; font-size: 14px; line-height: 2.5em; } #news .article-content .content-box .content-bottom { border-top: 1px solid #ddd; padding-top: 15px; display: flex; align-items: center; justify-content: space-between; } #news .article-content .content-box .content-bottom .bottom-left p { color: #333; line-height: 2em; font-size: 14px; } #news .article-content .content-box .content-bottom .bottom-left p a { color: #333; font-size: 14px; } #news .article-content .content-box .content-bottom .bottom-left p:hover a { color: #099ad9; } #news .article-content .content-box .content-bottom .back-btn { width: 100px; line-height: 35px; height: 35px; text-align: center; color: #fff; display: inline-block; background: #099ad9; } #product .product-apply { padding: 60px 0px 80px; background: #f4faff; } #product .product-apply .pro-ul { margin-top: 60px; padding: 0px 40px; } #product .product-apply .pro-ul > li { width: 19%; margin-right: 1.25%; position: relative; cursor: pointer; float: left; } #product .product-apply .pro-ul > li img { width: 100%; } #product .product-apply .pro-ul > li .info { color: #333; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; padding: 60px 45px 0px; display: none; } #product .product-apply .pro-ul > li .info .cont { height: 32%; white-space: normal !important; overflow-y: auto !important; /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ } #product .product-apply .pro-ul > li .info .cont::-webkit-scrollbar { width: 2px; height: 2px; background-color: #F5F5F5; } #product .product-apply .pro-ul > li .info .cont::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ border-radius: 10px; background-color: #f2f4f5; } #product .product-apply .pro-ul > li .info .cont::-webkit-scrollbar-thumb { border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/ background-color: #0095d8; } #product .product-apply .pro-ul > li .info .t1 { font-size: 18px; margin-bottom: 20px; } #product .product-apply .pro-ul > li .info p { font-size: 14px; line-height: 2em; } #product .product-apply .pro-ul > li .info .re-more { width: 260px; height: 48px; padding: 0px 20px; box-sizing: border-box; border-radius: 24px; color: #0095d8; font-size: 14px; display: flex; align-items: center; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; position: absolute; bottom: 45px; left: 45px; } #product .product-apply .pro-ul > li .info .re-more .arr { margin-left: 10%; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #product .product-apply .pro-ul > li .info .re-more:hover { background: #def4fd; box-shadow: 0px 4px 12px 3px rgba(221, 243, 252, 0.5); } #product .product-apply .pro-ul > li .info .re-more:hover .arr { margin-left: 60%; } #product .product-apply .pro-ul > li:hover .info { display: block; opacity: 1; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #product .product-apply .pro-ul > li:last-of-type { margin-right: 0; } #product .product-apply .pro-ul > li:nth-of-type(2n) { transform: translateY(40px); } #product .product-apply .product02-box { padding-top: 130px; } #product .product-apply .product02-box > li { width: 100%; height: 360px; display: flex; align-items: center; } #product .product-apply .product02-box > li .pic { width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; } #product .product-apply .product02-box > li .pic img { width: 100%; opacity: 0; transition: transform .5s ease-out; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out; } #product .product-apply .product02-box > li .info { width: 50%; height: 100%; box-sizing: border-box; padding: 70px 150px 0px; background: #fff; } #product .product-apply .product02-box > li .info .tt { color: #333; font-size: 24px; } #product .product-apply .product02-box > li .info .t01 { font-size: 16px; color: #333; margin-top: 30px; margin-bottom: 60px; } #product .product-apply .product02-box > li .info .t01 a { color: #888; border-left: 1px solid #888; padding: 0px 5px 0px 10px; margin-left: 10px; display: inline-block; } #product .product-apply .product02-box > li .info .t01 a:first-of-type a { border: none; } #product .product-apply .product02-box > li:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } #product .product-box { padding-bottom: 100px; background: #f1faff; } #product .product-box .product-nav { padding: 55px 0px; background: #f4faff; } #product .product-box .product-nav .pro-nav { display: flex; align-items: center; justify-content: center; } #product .product-box .product-nav .pro-nav > li { color: #333; font-size: 24px; cursor: pointer; } #product .product-box .product-nav .pro-nav > li a { padding: 0px 10px 15px; display: inline-block; } #product .product-box .product-nav .pro-nav > li .line { display: block; width: 0; height: 2px; transition: width .5s ease-out; -webkit-transition: width .5s ease-out; -moz-transition: width .5s ease-out; } #product .product-box .product-nav .pro-nav > li:hover .line { width: 100%; height: 2px; background: #099ad9; transition: width .5s ease-out; -webkit-transition: width .5s ease-out; -moz-transition: width .5s ease-out; } #product .product-box .product-nav .pro-nav > li:hover a { color: #099ad9; } #product .product-box .product-nav .pro-nav .nav101 { margin-right: 210px; } #product .product-box .product-nav .pro-nav .active a { color: #099ad9; } #product .product-box .product-nav .pro-nav .active .line { width: 100%; height: 2px; background: #099ad9; } #product .product-box .product-content { padding: 60px 0px 100px; background: #fff; } #product .product-box .product-content .tab-box { display: flex; align-items: center; justify-content: center; } #product .product-box .product-content .tab-box > li { color: #333; font-size: 18px; height: 40px; line-height: 40px; text-align: center; background: #fff; border-radius: 20px; display: inline-block; border: 1px solid #ddd; margin-right: 10px; cursor: pointer; } #product .product-box .product-content .tab-box > li a { width: 100%; height: 100%; display: block; padding: 0px 30px; } #product .product-box .product-content .tab-box .active { border: 1px solid #099ad9; background: #099ad9; color: #fff; } #product .product-box .product-content .tab-box .active > a { color: #fff; } #product .product-box .product-content .product-display { margin-top: 60px; } #product .product-box .product-content .product-display li { width: 48.6%; height: 280px; background: #f4faff; padding-left: 35px; display: flex; align-items: center; margin-right: 2.8%; margin-bottom: 2.8%; float: left; } #product .product-box .product-content .product-display li .pic { width: 180px; overflow: hidden; } #product .product-box .product-content .product-display li .pic img { width: 100%; transition: transform .5s ease-out; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out; } #product .product-box .product-content .product-display li .info { margin-left: 80px; } #product .product-box .product-content .product-display li .info p { color: #333; font-size: 14px; line-height: 3em; } #product .product-box .product-content .product-display li .info p span { display: inline-block; width: 90px; } #product .product-box .product-content .product-display li:nth-of-type(2n) { margin-right: 0%; } #product .product-box .product-content .product-display li:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } #product .product-box .product-content .feature-box { margin-top: 110px; } #product .product-box .product-content .feature-box .display-box { width: 460px; margin: 0 auto; position: relative; } #product .product-box .product-content .feature-box .display-box > img { width: 100%; } #product .product-box .product-content .feature-box .display-box .pic { position: absolute; width: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } #product .product-box .product-content .feature-box .display-box .pic img { width: 100%; } #product .product-box .product-content .feature-box .display-box .pot-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #product .product-box .product-content .feature-box .display-box .pot-box li { position: absolute; width: 50px; height: 50px; /*background-color: #099ad9;*/ border: 1px solid #099ad9; border-radius: 50%; color: #fff; font-size: 14px; text-align: center; cursor: pointer; } #product .product-box .product-content .feature-box .display-box .pot-box li img { width: 100%; height: 100%; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box { width: 610px; background: rgba(0, 0, 0, 0.5); padding: 15px; box-sizing: border-box; position: absolute; z-index: 9999; left: 0; transform: translate(-50%, -50%); display: none; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box { background: #fff; padding: 25px; display: flex; align-items: center; box-sizing: border-box; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .img { width: 160px; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .img img { width: 100%; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .info { margin-left: 25px; background: #fff; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .info > p { color: #333; font-size: 14px; line-height: 3em; text-align: justify; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .info > p span { display: inline-block; width: 70px; } #product .product-box .product-content .feature-box .display-box .pot-box li:nth-of-type(1) { top: 0px; left: 50%; transform: translate(-50%, -50%); } #product .product-box .product-content .feature-box .display-box .pot-box li:nth-of-type(2) { top: 15%; left: 15%; transform: translate(-50%, -50%); } #product .product-box .product-content .feature-box .display-box .pot-box li:nth-of-type(3) { top: 50%; left: 0; transform: translate(-50%, -50%); } #product .product-box .product-content .feature-box .display-box .pot-box li:nth-of-type(4) { top: 85%; left: 15%; transform: translate(-50%, -50%); } #product .product-box .product-content .feature-box .display-box .pot-box li:nth-of-type(5) { top: 100%; left: 50%; transform: translate(-50%, -50%); } #product .product-box .product-content .feature-box .display-box .pot-box li:nth-of-type(6) { top: 85%; left: 85%; transform: translate(-50%, -50%); } #product .product-box .product-content .feature-box .display-box .pot-box li:nth-of-type(7) { top: 50%; left: 100%; transform: translate(-50%, -50%); } #product .product-box .product-content .feature-box .display-box .pot-box li:nth-of-type(8) { top: 15%; left: 85%; transform: translate(-50%, -50%); } #product .product-box .product-content .car-box { position: relative; margin: 0 auto; width: 756px; margin-top: 100px; } #product .product-box .product-content .car-box img { width: 100%; } #product .product-box .product-content .car-box .car-ul { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #product .product-box .product-content .car-box .car-ul li { line-height: 40px; text-align: center; font-size: 16px; color: #fff; background-color: #099ad9; border-radius: 25px; padding: 0 20px; position: absolute; } #product .product-box .product-content .car-box .car-ul li .pro-box { width: 610px; background: rgba(0, 0, 0, 0.5); padding: 15px; box-sizing: border-box; position: absolute; z-index: 9999; left: 0; transform: translate(5%, -100%); display: none; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box { background: #fff; padding: 25px; display: flex; align-items: center; box-sizing: border-box; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box .img { width: 160px; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box .img img { width: 100%; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box .info { margin-left: 25px; background: #fff; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box .info > p { color: #333; font-size: 16px; line-height: 3em; font-weight: bold; text-align: justify; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box .info > p span { display: inline-block; width: 70px; } #product .product-box .product-content .car-box .car-ul li:after { content: ''; width: 137px; height: 137px; position: absolute; background-size: 137px 137px; } #product .product-box .product-content .car-box .car-ul .item01 { top: 0%; left: -5%; } #product .product-box .product-content .car-box .car-ul .item01:after { background: url("../images/line.png"); top: 20px; left: 98px; } #product .product-box .product-content .car-box .car-ul .item02 { bottom: -5%; left: 40%; } #product .product-box .product-content .car-box .car-ul .item02:after { background: url("../images/line01.png"); top: -115px; right: 130px; } #product .product-box .product-content .car-box .car-ul .item03 { top: -10%; left: 5%; } #product .product-box .product-content .car-box .car-ul .item03:after { background: url("../images/line.png"); top: 20px; left: 160px; } #product .product-box .product-content .car-box .car-ul .item04 { bottom: 5%; left: 65%; } #product .product-box .product-content .car-box .car-ul .item04:after { background: url("../images/line01.png"); top: -115px; right: 113px; } #product .product-box .product-content .car-box .car-ul .item05 { top: 75%; left: 70%; } #product .product-box .product-content .car-box .car-ul .item05:after { background: url("../images/line01.png"); top: -115px; right: 113px; } #product .product-box .product-content .car-box .car-ul .item06 { top: 14%; left: -24%; } #product .product-box .product-content .car-box .car-ul .item06:after { background: url("../images/line.png"); top: 20px; left: 113px; } #product .product-box .product-content .car-box .car-ul .item07 { top: 86%; left: 29%; } #product .product-box .product-content .car-box .car-ul .item07:after { background: url("../images/line01.png"); top: -116px; right: 82px; } #product .product-box .product-content .car-box .car-ul .item0701 { top: 25%; left: -13%; } #product .product-box .product-content .car-box .car-ul .item0701:after { background: url("../images/line.png"); top: 20px; left: 82px; } #product .product-box .product-content .car-box .car-ul .item08 { top: -5%; left: -8%; } #product .product-box .product-content .car-box .car-ul .item08:after { background: url("../images/line.png"); top: 20px; left: 113px; } #product .product-box .product-content .car-box .car-ul .item09 { top: 9%; left: -7%; } #product .product-box .product-content .car-box .car-ul .item09:after { background: url("../images/line.png"); top: 20px; left: 113px; } #product .product-box .product-content .car-box .car-ul .item10 { top: 80%; left: 41%; } #product .product-box .product-content .car-box .car-ul .item10:after { background: url("../images/line01.png"); top: -115px; right: 113px; } #product .product-box .product-content .car-box .car-ul .item11 { top: 72%; left: 27%; } #product .product-box .product-content .car-box .car-ul .item11:after { background: url("../images/line01.png"); top: -115px; right: 113px; } #product .product-box .product-content .car-box .car-ul .item12 { top: 20%; left: -17%; } #product .product-box .product-content .car-box .car-ul .item12:after { background: url("../images/line.png"); top: 20px; left: 113px; } #product .product-box .solution-content { padding: 80px 0px 140px; background: #fff; } #product .product-box .solution-content .recruit-ul li { cursor: pointer; } #product .product-box .solution-content .recruit-ul li .recruit-top { display: flex; align-items: center; justify-content: space-between; padding: 0px 30px 0px 50px; height: 60px; width: 100%; background-color: #ffffff; border: solid 1px #def4fd; border-bottom: none; box-sizing: border-box; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #product .product-box .solution-content .recruit-ul li .recruit-top .t1 { font-size: 16px; } #product .product-box .solution-content .recruit-ul li .recruit-top .t1 span { font-weight: bold; } #product .product-box .solution-content .recruit-ul li .recruit-top .t2 { font-size: 14px; } #product .product-box .solution-content .recruit-ul li .recruit-top .add-minus { width: 24px; height: 24px; background-size: 24px 24px; background: url("../images/add.png"); background-repeat: no-repeat; } #product .product-box .solution-content .recruit-ul li .recruit-top:hover { background: #c9e9f9; } #product .product-box .solution-content .recruit-ul li .add-active { background: #c9e9f9; } #product .product-box .solution-content .recruit-ul li .add-active .add-minus { width: 24px; height: 24px; background-size: 24px 24px; background: url("../images/minus.png"); background-repeat: no-repeat; } #product .product-box .solution-content .recruit-ul li .recruit-content { width: 100%; padding: 35px 40px 40px 50px; background: #e2f5ff; } #product .product-box .solution-content .recruit-ul li .recruit-content .content .tt { font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid #acd3e9; } #product .product-box .solution-content .recruit-ul li .recruit-content .content .cont { padding-top: 30px; } #product .product-box .solution-content .recruit-ul li .recruit-content .content .cont p { line-height: 2.5em; font-size: 14px; } #product .product-box .solution-content .recruit-ul li:last-of-type .recruit-top { border-bottom: 1px solid #def4fd; } #product .product-analysis-box .product-process { padding: 70px 0px 80px; background: #f4faff; } #product .product-analysis-box .product-process .process-box { padding: 0px 50px; margin-top: 90px; } #product .product-analysis-box .product-process .process-box li { width: 31%; height: 120px; margin-right: 3.5%; margin-bottom: 1.75%; background: #fff; display: flex; align-items: center; padding-left: 35px; box-sizing: border-box; float: left; cursor: pointer; } #product .product-analysis-box .product-process .process-box li .pic { width: 60px; position: relative; } #product .product-analysis-box .product-process .process-box li .pic span { font-size: 24px; color: #fff; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #product .product-analysis-box .product-process .process-box li .pic img { width: 100%; } #product .product-analysis-box .product-process .process-box li .info { margin-left: 40px; color: #333; } #product .product-analysis-box .product-process .process-box li .info .t1 { font-size: 18px; font-weight: bold; } #product .product-analysis-box .product-process .process-box li .info .t2 { font-size: 16px; } #product .product-analysis-box .product-process .process-box li:nth-of-type(3n) { margin-right: 0; } #product .product-analysis-box .structure-analysis { background: #fff; padding: 60px 0px 80px; } #product .product-analysis-box .structure-analysis .structure-ul { padding: 0px 50px; margin-top: 45px; } #product .product-analysis-box .structure-analysis .structure-ul li { width: 21%; margin-right: 1.33333%; float: left; } #product .product-analysis-box .structure-analysis .structure-ul li .pic { width: 100%; overflow: hidden; } #product .product-analysis-box .structure-analysis .structure-ul li .pic img { width: 100%; transition: transform .5s ease-out; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out; } #product .product-analysis-box .structure-analysis .structure-ul li p { padding: 30px 0; background: #f2f9ff; color: #333; font-size: 16px; text-align: center; } #product .product-analysis-box .structure-analysis .structure-ul li:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } #product .product-analysis-box .structure-analysis .structure-ul .last-li { width: 33%; margin-right: 0%; } #product .product-analysis-box .model-analysis { padding: 55px 0px; background: #f4faff; } #product .product-analysis-box .model-analysis .model-center { padding: 0px 50px; margin-top: 50px; } #product .product-analysis-box .model-analysis .model-center .model-box { background: #fff; padding: 45px 0px 80px; text-align: center; } #product .product-classify-box { padding-top: 70px; } #product .product-classify-box .classfy-ul { display: flex; justify-content: space-between; margin-top: 60px; } #product .product-classify-box .classfy-ul > li a { display: flex; flex-direction: column; align-items: center; } #product .product-classify-box .classfy-ul > li a .pic { width: 44px; overflow: hidden; margin-bottom: 25px; } #product .product-classify-box .classfy-ul > li a .pic img { width: 100%; } #product .product-classify-box .classfy-ul > li a p { color: #333; font-size: 16px; line-height: 1.5em; text-align: center; } #product .product-classify-box .uplaod-list .tt { text-align: center; padding: 50px 0px 25px; border-bottom: 2px solid #6bb92d; color: #333; font-size: 18px; } #product .product-classify-box .uplaod-list .list-ul > li { width: 320px; margin-right: 53.3px; margin-top: 30px; float: left; } #product .product-classify-box .uplaod-list .list-ul > li a { display: inline-block; width: 100%; box-sizing: border-box; padding: 10px 0px; border-bottom: 1px solid #ddd; color: #333; font-size: 14px; } #product .product-classify-box .uplaod-list .list-ul > li:nth-of-type(4n) { margin-right: 0; } #product .product-classify-box .product-search { padding: 105px 105px 75px; } #product .product-classify-box .product-search .search-select { display: flex; align-items: center; justify-content: space-between; margin-top: 25px; margin-bottom: 50px; } #product .product-classify-box .product-search .search-select > li { width: 23.5%; height: 40px; } #product .product-classify-box .product-search .search-select > li input { width: 100%; height: 100%; font-size: 14px; padding-left: 20px; border: 1px solid #ddd; } #product .product-classify-box .product-search .search-select > li input::-webkit-input-placeholder { color: #888 !important; } #product .product-classify-box .product-search .search-select > li input:-moz-placeholder { color: #888 !important; } #product .product-classify-box .product-search .search-select > li input:-ms-input-placeholder { color: #888 !important; } #product .product-classify-box .product-search .search-select > li select { width: 100%; height: 100%; color: #888; font-size: 14px; border: 1px solid #ddd; padding-left: 20px; background: #fafbff; } #product .product-classify-box .product-search .search-select > li select option { width: 100%; height: 40px; line-height: 40px; display: inline-block; } #product .product-classify-box .product-search .search-btn { width: 180px; height: 40px; line-height: 40px; text-align: center; color: #fff; display: block; margin: 0 auto; font-size: 14px; background-color: #099ad9; box-shadow: 0px 4px 12px 3px rgba(221, 243, 252, 0.5); border-radius: 20px; } #product .product-classify-box .search-list-box { margin-bottom: 65px; } #product .product-classify-box .search-list-box .tt { text-align: center; padding: 0px 0px 25px; border-bottom: 2px solid #6bb92d; color: #333; font-size: 18px; } #product .product-classify-box .search-list-box .list-ul > li { width: 320px; margin-right: 53.3px; margin-top: 30px; float: left; } #product .product-classify-box .search-list-box .list-ul > li a { display: inline-block; width: 100%; box-sizing: border-box; padding: 10px 0px; border-bottom: 1px solid #ddd; color: #333; font-size: 14px; } #product .product-classify-box .search-list-box .list-ul > li:nth-of-type(4n) { margin-right: 0; } #product .product-confirm-box { position: relative; width: 100%; } #product .product-confirm-box img { width: 100%; } #product .product-confirm-box .confirm-box { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } #product .product-confirm-box .confirm-box .cont { width: 1020px; height: 240px; margin: 0 auto; background-color: #f4faff; box-shadow: 0px 4px 7px 0px rgba(216, 216, 216, 0.8); border-radius: 8px; display: flex; align-items: center; flex-direction: column; justify-content: center; } #product .product-confirm-box .confirm-box .cont .t2 { color: #333; font-size: 14px; margin-top: 15px; margin-bottom: 40px; } #product .product-confirm-box .confirm-box .cont .t2 span { font-size: 20px; color: #099ad9; } #product .product-confirm-box .confirm-box .cont .check > a { width: 180px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; display: inline-block; background-color: #099ad9; box-shadow: 0px 4px 12px 3px rgba(221, 243, 252, 0.5); border-radius: 20px; } #product .product-confirm-box .confirm-box .cont .check .check-mar { margin-left: 40px; } #purchase .purchase-box { padding: 120px 0px 140px 110px; background: #f1faff; } #purchase .purchase-box .swiper-box { display: flex; align-items: center; position: relative; } #purchase .purchase-box .swiper-box .gallery-top { width: 660px; min-width: 660px; height: 400px; box-shadow: 0px 4px 15px 0px #e7eff5; margin-left: 0; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide { width: 100% !important; height: 100% !important; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box { width: 100%; height: 100%; padding: 50px 180px 0px 60px; box-sizing: border-box; background: #fff; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box .num { font-size: 32px; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box .title { font-size: 20px; margin-top: 40px; margin-bottom: 25px; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box .cont { font-size: 14px; margin-bottom: 60px; } #purchase .purchase-box .swiper-box .swiper-left { width: 1800px; overflow: hidden; } #purchase .purchase-box .swiper-box .swiper-left .gallery-thumbs { margin-left: -47%; } #purchase .purchase-box .swiper-box .swiper-left .gallery-thumbs .swiper-wrapper { display: flex; align-items: center; } #purchase .purchase-box .swiper-box .swiper-left .gallery-thumbs .swiper-wrapper .swiper-slide { width: 600px; position: relative; } #purchase .purchase-box .swiper-box .swiper-left .gallery-thumbs .swiper-wrapper .swiper-slide img { width: 100%; } #purchase .purchase-box .swiper-box .swiper-left .gallery-thumbs .swiper-wrapper .swiper-slide .shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: .6; } #purchase .purchase-box .swiper-box .swiper-left .gallery-thumbs .swiper-wrapper .swiper-slide-active .shadow { opacity: 0; } #purchase .purchase-box .swiper-box .swiper-button-box { position: absolute; top: 0px; left: 4.5%; z-index: 100000; transform: translateX(-50%); } #purchase .purchase-box .swiper-box .swiper-button-box .swiper-button-prev-sales { width: 32px; height: 32px; background-image: url("../images/arrow.png"); background-size: 32px 32px; background-repeat: no-repeat; outline: none; margin-left: 40px; } #purchase .purchase-box .swiper-box .swiper-button-box .swiper-button-next-sales { width: 32px; height: 32px; background-size: 32px 32px; background-image: url("../images/arrow.png"); transform: rotate(180deg); background-repeat: no-repeat; outline: none; margin-right: 40px; } #purchase .purchase-box .swiper-box .swiper-pagination-box { position: absolute; top: 15px; left: 2%; width: 85px; } #purchase .purchase-box .swiper-box .swiper-pagination-box .swiper-pagination-sales { /* left: 50%; */ color: #333; font-size: 16px; } #purchase .purchase-box .sales-box li { margin-bottom: .4rem; } #purchase .purchase-box .sales-box li .pic { width: 100%; } #purchase .purchase-box .sales-box li .pic img { width: 100%; } #purchase .purchase-box .sales-box li .info { width: 100%; height: 100%; padding: .3rem; box-sizing: border-box; background: #fff; } #purchase .purchase-box .sales-box li .info .num { font-size: 20px; } #purchase .purchase-box .sales-box li .info .title { font-size: 16px; margin-top: .4rem; margin-bottom: .25rem; } #purchase .purchase-box .sales-box li .info .cont { font-size: 12px; margin-bottom: .6rem; } #search .search-result-box { padding: 70px 0px 165px; background: #f1faff; } #search .search-result-box .search-r-box { width: 800px; height: 50px; background-color: #ffffff; border-radius: 25px; border: solid 1px #dddddd; display: flex; align-items: center; position: relative; margin: 0 auto; } #search .search-result-box .search-r-box input { padding-left: 35px; height: 45px; border: none; width: 90%; background: transparent; } #search .search-result-box .search-r-box .search-r-icon { position: absolute; top: 10px; right: 15px; width: 24px; height: 24px; background-size: 24px 24px; background-repeat: no-repeat; background: url("../images/search01.png"); cursor: pointer; } #search .search-result-box p { text-align: center; color: #333; font-size: 14px; padding: 25px 0px 30px; } #search .search-result-box .result-box li { display: flex; align-items: center; justify-content: space-between; padding: 0px 20px 0px 35px; height: 80px; background: #fff; border-bottom: 1px solid #f1faff; } #search .search-result-box .result-box li span { color: #333; font-size: 16px; } #search .search-result-box .result-box li > a { width: 260px; height: 48px; padding: 0px 20px; box-sizing: border-box; border-radius: 24px; color: #0095d8; font-size: 14px; display: flex; align-items: center; justify-content: flex-start; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #search .search-result-box .result-box li > a span { color: #0095d8; } #search .search-result-box .result-box li > a .arr { margin-left: 20px; } #search .search-result-box .result-box li:hover > a { background-color: #def4fd; box-shadow: 0px 4px 12px 3px rgba(221, 243, 252, 0.5); transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #search .search-result-box .result-box li:hover > a .arr { margin-left: 100px; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } #search .search-result-box .result-box li:last-of-type { border-bottom: none; } #product .product-box .product-content .pro-one .product-display { display: none; } #product .product-box .product-content .pro-one .feature-box { display: block; } #product .product-box .product-content .pro-one .car-box { display: block; } #purchase .purchase-box .swiper-box { display: flex; } #purchase .purchase-box .sales-box { display: none; } .person-container { position: relative; background-color: #fff; padding: 50px 0 0; } .person-container .container { width: 1500px; margin: 0 auto; } .person-container .container .top-desc { font-size: 16px; line-height: 32px; } .person-container .container .p-list { margin-top: 60px; display: flex; flex-wrap: wrap; } .person-container .container .p-list .item { display: block; width: calc((100% - 150px)/4); margin-bottom: 30px; margin-right: 50px; } .person-container .container .p-list .item .pic { width: 100%; overflow: hidden; } .person-container .container .p-list .item .pic img { width: 100%; transition: transform .5s ease-out; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out; } .person-container .container .p-list .item .info { padding: 20px 0; } .person-container .container .p-list .item .info .title { text-align: center; font-size: 24px; } .person-container .container .p-list .item .info .desc { font-size: 16px; line-height: 28px; margin-top: 10px; } .person-container .container .p-list .item:nth-child(4n) { margin-right: 0; } .person-container .container .p-list .item:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } @media screen and (min-width: 1930px) { #index .index02-box .center { width: 80%; } #index .index02-box .video-box-position .center .video-box .video { width: 44%; height: auto; } #index .index02-box .video-box-position .center .video-box .info-box { width: 80.5%; height: 650px; padding: 150px 155px 0px 0px; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont { margin-top: 60px; margin-bottom: 100px; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont p { line-height: 2.5em; } #product .product-apply .product02-box > li .pic { overflow: hidden; } #product .product-apply .product02-box > li .pic img { width: 100%; height: 100%; opacity: 1; } #purchase .purchase-box { padding: 120px 0px 140px 0px; } #purchase .purchase-box .swiper-box { width: 85%; margin: 0px auto; } #purchase .purchase-box .swiper-box .swiper-left .gallery-thumbs .swiper-wrapper .swiper-slide { width: 750px; } #purchase .purchase-box .swiper-box .swiper-left { width: calc(98.5% - 750px); } #purchase .purchase-box .swiper-box .gallery-top { width: 790px; min-width: 790px; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box { padding: 50px 70px 0px 130px; } #product .product-apply .product02-box > li { height: 445px; } } @media screen and (max-width: 1900px) { .header { /* padding: 0px 3%; */ } #index .index03-box .news-box .news-right li { width: 24%; margin-right: 1.3333%; } #index .index03-box .news-box .news-right { width: 70%; } #index .index03-box .news-box { padding: 60px 60px 40px; } #index .index02-box .video-box-position { top: 75px; } #product .product-apply .pro-ul > li .info .re-more { width: 80%; } #purchase .purchase-box .swiper-box .swiper-left { width: 1200px; } #purchase .purchase-box .swiper-box .gallery-top { width: 600px; min-width: 600px; } .footer { padding: 30px 45px; } .footer .footer-center { margin-left: 80px; } .footer .footer-right > img { margin-left: 45px; } } @media screen and (max-width: 1600px) { .center { width: 90%; } #index .index02-box .video-box-position .center .video-box .video { width: 44%; height: auto; } #index .index02-box .video-box-position .center .video-box .info-box { width: 80.5%; } .header .logo { /* width: 25%; */ } .header .nav-right .search-box { width: 170px; } .header .nav-right .language { width: 80px; height: 25px; } .header .nav-right .language a { line-height: 25px; } .header .nav-center > li { /* margin-right: 20px; */ } .header .nav-center > li .about-down .about-down-box { width: 120px; padding: 15px 0px; } .header .nav-center > li .about-down { left: -25px; } .footer { padding: 30px 3%; } .footer .footer-right > img { margin-left: 55px; } #index .index02-box .video-box-position .center .video-box .info-box { height: auto; padding: 110px 155px 45px 0px; } #about .about01-box .company-box .company-banner { width: 44%; } #about .about01-box .company-box .company-info { width: 50%; } #about .about04-box { padding: 120px 0px 130px; } #news .news-content .news-items-box .news-item .item-left .info { width: 675px; } #news .article-content .content-box { padding: 50px 170px 80px; } #product .product-classify-box .uplaod-list .list-ul > li { width: 22%; margin-right: 4%; } #product .product-classify-box .search-list-box .list-ul > li { width: 22%; margin-right: 4%; } #recruit .profile-box .profile-ul li { width: 33.3333%; } #contact .contact02-box .form-box .form-left { width: 25%; } #contact .contact02-box .form-box .form-right { width: 69%; } #contact .contact02-box .form-box .form-left .tel-box input { width: 100%; } #contact .contact02-box .form-box .form-right .tel-box textarea { width: 100%; } #purchase .purchase-box .swiper-box .gallery-top { width: 33%; min-width: 33%; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box { padding: 20px 15px 0px 25px; } #purchase .purchase-box .swiper-box .swiper-left { width: 70%; margin-left: -20%; } #purchase .purchase-box .swiper-box .gallery-top { width: 25%; min-width: 450px; } #purchase .purchase-box { padding: 50px 0px 50px 30px; } #purchase .purchase-box .swiper-box .swiper-button-box { left: 6%; } #purchase .purchase-box .swiper-box .swiper-pagination-box .swiper-pagination-sales { left: 15% !important; } } @media screen and (max-width: 1460px) { #index .index02-box .video-box-position .center .video-box .info-box { padding: 110px 80px 45px 0px; } #index .index01-box > ul li a .text-box { padding: 15px 25px; } #product .product-confirm-box .confirm-box .cont { width: 75%; } #news .news-content .news-items-box .news-item .item-left .pic { width: 25%; } #news .news-content .news-items-box .news-item .item-left .info { width: 60%; } #news .news-content .news-items-box .news-item .re-more { width: 25%; } .footer .footer-left p span { margin-left: 0px; display: inline-block; margin-right: 130px; } #recruit .profile-box .profile-ul li .info .info-box { padding: 25px 25px 0px; } #about .about01-box .company-box .company-info { padding-top: 30px; } #about .about01-box .company-box .company-info .content { height: 230px; } } @media screen and (max-width: 1386px) { #index .index02-box .video-box-position .center .video-box .info-box { padding: 65px 80px 45px 0px; } #index .index03-box .news-box .news-right li a .info { font-size: 14px; margin-top: 20px; margin-bottom: 20px; } #about .party-building .party li .info { padding: 15px 15px 0; } #about .party-building .party li .pic { width: 50%; } #about .party-building .party li .info .t1 { padding: 15px 0px 5px; } #about .party-building .party li { height: 160px; } #about .party-building .party li .info p { font-size: 12px; line-height: 1.5em; } .header .nav-center > li { margin-right: 15px; } .header .nav-center > li > a { font-size: 16px; } .header .nav-right .search-box { width: 145px; } #product .product-apply .pro-ul > li .info { padding: 30px 25px 0px; } #product .product-apply .pro-ul > li .info .re-more:hover .arr { margin-left: 40%; } #product .product-apply .pro-ul > li .info .re-more { width: 70%; height: 40px; padding: 0 5px; } #contact .contact01-box .cont-right li { margin-right: 80px; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .pic { width: 50%; } #recruit .profile-item-box .profile-swiper-box .gallery-top { height: 5rem; } #recruit .profile-item-box .profile-swiper-box .gallery-thumbs { height: 2.2rem; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info { padding: 50px 26px 42px 35px; } #purchase .purchase-box .swiper-box .swiper-left .gallery-thumbs .swiper-wrapper .swiper-slide { width: 44%; } #purchase .purchase-box { padding: 85px 0 65px 30px; } #purchase .purchase-box .swiper-box .gallery-top { height: 375px; min-width: 30%; } } @media screen and (max-width: 1300px) { .header .logo { width: 20%; } .header .nav-right .language { width: 50px; } .header .nav-right .search-box { width: 130px; } .header .nav-right .language a { font-size: 12px; } #index .index02-box .video-box-position .center .video-box .info-box .info > a { width: 220px; height: 40px; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont { margin-top: 25px; margin-bottom: 35px; } .t-title { font-size: 22px; } #index .index01-box .t-title { padding: 40px 0px 40px; } #index .index02-box .video-box-position .center .video-box .info-box { padding: 55px 0px 45px 0px; } #about .about03-box .about03-info-box .info { padding: 0px 30px 0px 30px; } #about .about03-box .about03-info-box .info > span { font-size: 20px; } #news .article-content .content-box { padding: 48px 80px 80px; } #product .product-apply .pro-ul > li { width: 32%; margin-right: 2%; margin-bottom: 2%; } #product .product-apply .pro-ul > li:nth-of-type(2n) { transform: translateY(0px); } #product .product-apply .pro-ul > li:nth-of-type(3n) { margin-right: 0px; } #product .product-apply .pro-ul { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } #product .product-apply .pro-ul > li { display: inline-block; float: none; } #product .product-apply .product02-box { padding-top: 60px; } #recruit .profile-box .profile-ul li .info { padding: 25px 20px 0px; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box { width: 525px; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .img { width: 20%; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .info > p { line-height: 1.5em; } #product .product-box .product-content .car-box .car-ul li .pro-box { width: 525px; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box .img { width: 20%; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box .info > p { line-height: 1.5em; } #product .product-box .product-nav { padding: 25px 0px; } #product .product-box .product-nav .pro-nav > li { font-size: 18px; } #product .product-box .product-nav .pro-nav .active a { padding: 0px 10px 10px; } #product .product-box .product-content .car-box { width: 50%; } #product .product-box .product-content .car-box .car-ul li { padding: 0 15px; height: 25px; line-height: 25px; font-size: 12px; } #product .product-box .product-content .product-display li { height: 180px; padding-left: 15px; } #product .product-box .product-content .product-display li .info { margin-left: 10%; } #product .product-box .product-content .product-display li .info p { line-height: 2em; } #product .product-box .solution-content .recruit-ul li .recruit-top { padding: 0px 10px 0px 15px; height: 50px; } #recruit .recruit-box .recruit-ul li .recruit-top { padding: 0px 10px 0px 15px; height: 50px; } #recruit .profile-item-box .profile-swiper-box .gallery-top { height: 4rem; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont { height: 310px; } #recruit .develop-way .way-ul li { padding: 25px 20px 0; } #index .index02-box .video-box-position { top: 45px; } #index .index03-box .news-box .news-left .title { font-size: 24px; } .more { width: 220px; height: 40px; } #news .news-content .news-items-box .news-item .re-more { width: 30%; } #about .about01-box .t-title01 { padding: 40px 0px 40px; } #about .about01-box .company-box .company-info { padding-top: 10px; } #about .about02-box { padding: 50px 0 50px; } #about .about02-box .date-center .date-swiper { margin-top: 40px; } #about .about03-box .about03-info-box .info { height: 75px; } #news .news-content { padding: 35px 0px 75px; } #news .news-content .news-nav { margin-bottom: 35px; } #news .news-content .news-nav .active a { padding: 0px 10px 10px; } #news .news-content .news-nav li { font-size: 20px; } #contact .contact02-box .form-box .form-left .tel-box01 input { width: 42%; } #contact .contact01-box .cont-left { float: none; text-align: center; } #contact .contact01-box .cont-right { float: none; display: flex; align-items: flex-start; justify-content: center; margin-top: 40px; } #contact .contact01-box .cont-right li { margin-right: 20%; } #contact .map-box #map { height: 400px; } #index .index03-box .news-box { padding: 60px 50px 40px; } #about .about03-box .about03-info-box .info > a { width: 220px; height: 40px; } #product .product-analysis-box .product-process .process-box li { width: 49%; margin-right: 2%; } #product .product-analysis-box .product-process .process-box li:nth-of-type(2n) { margin-right: 0 !important; } #product .product-analysis-box .product-process .process-box li:nth-of-type(3n) { margin-right: 2%; } #product .product-analysis-box .product-process .process-box { padding: 0; } #purchase .purchase-box .swiper-box .gallery-top { height: 300px; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box .title { margin-top: 15px; margin-bottom: 15px; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box .cont { margin-bottom: 30px; } #recruit .profile-box .profile-ul li .info .info-box .re-more .arr { display: none; } #recruit .profile-box .profile-ul li .info .info-box .re-more { width: 150px; height: 30px; } #about .party-building{ padding: 60px 0; } #about .party-building .party-nav .item{ margin-right: 60px; font-size: 20px; } } @media screen and (max-width: 1044px) { #index .index01-box > ul { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } #index .index01-box > ul li { width: 32%; margin-right: 4%; margin-bottom: 2%; } #index .index01-box > ul li { display: inline-block; float: none; } .header .nav-center > li > a { font-size: 12px; } .header .nav-right .language { margin-right: 0; } .header .nav-right .search-box { display: none; } .header .nav-right .language { height: 20px; } .header .nav-right .language a { line-height: 20px; } #about .company-future .future-box li { width: 32%; margin-right: 2%; margin-bottom: 4%; } #about .company-future .future-box li:nth-of-type(3n) { margin-right: 0; } #about .party-building .party li { width: 100%; } #about .party-building .party li .pic { width: 35%; } #news .news-content .news-items-box .news-item .re-more { width: 30%; min-width: 30%; height: 35px; font-size: 12px; display: none; } #news .news-content .news-items-box .news-item .item-left .pic { width: 35%; } #news .news-content .news-items-box .news-item .re-more { padding: 0 .2rem; } #news .news-content .news-items-box .news-item .item-left .info .date { padding-bottom: 10px; } .footer .footer-left { float: none; float: none; text-align: center; } .footer .footer-right { display: flex; align-items: center; flex-direction: column; justify-content: center; width: 100%; margin-bottom: .2rem; } .footer .footer-right > img { margin-left: 0px; margin-bottom: .3rem; margin-top: .5rem; } #index .index02-box { margin-top: .5rem; } #index .index02-box .video-box-position .center .video-box .video { width: 30%; } #index .index02-box .video-box-position .center .video-box .video .play-img { width: 25%; } #index .index02-box .video-box-position { top: 20px; } #index .index02-box .video-box-position .center .video-box .info-box { padding: 10px 10px 25px 0px; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont { width: 4rem; } #index .index02-box .video-box-position .center .video-box .info-box .info .t1:before { width: 25px; height: 25px; background-size: 25px 25px; left: -41px; top: 0px; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont { margin-top: .1rem; margin-bottom: 0.2rem; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont p { line-height: 1.5em; } #index .index03-box { padding: .4rem 0 1.5rem; position: relative; } #index .index03-box .news-box { padding: .3rem .35rem .3rem; } #index .index03-box .news-box .news-left { float: none; text-align: center; } #index .index03-box .news-box .news-left .more { position: absolute; bottom: .5rem; left: 50%; transform: translateX(-50%); } #index .index03-box .news-box .news-left .title { margin-bottom: .3rem; } #index .index03-box .news-box .news-right { width: 100%; margin-top: .3rem; } #index .index03-box .news-box .news-right li { width: 49%; margin-right: 2%; margin-bottom: 2%; } #index .index03-box .news-box .news-right li:nth-of-type(2n) { margin-right: 0; } #about .about01-box .company-box .company-info .content { height: 2rem; } #about .about03-box .about03-info-box .info > span { font-size: 16px; } #about .about03-box .about03-info-box .info { height: 45px; } #about .about03-box .about03-info-box .info > a { width: 180px; height: 30px; } #about .about04-box { padding: .7rem 30px .7rem; } #news .news-content .news-items-box .news-item .item-left .info .tt { font-size: 14px; } #news .news-content .news-items-box .news-item .item-left .info .dtl { font-size: 12px; } #news .article-content .content-box .content { padding-top: .2rem; padding-bottom: .5rem; } #news .article-content .content-box .content img { max-width: 100% !important; } #news .article-content .content-box { padding: .3rem .35rem .4rem; } #product .product-box .product-content .feature-box .display-box { width: 40%; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box { padding: .1rem; width: 4rem; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box { padding: .1rem; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .info > p { font-size: 12px; } #product .product-apply .product02-box > li { height: 2.5rem; } #product .product-apply .product02-box > li .info { padding: .3rem .3rem 0.4rem; } #product .product-apply .product02-box > li .info .t01 { margin-top: .2rem; margin-bottom: .4rem; } #product .product-box .product-content .product-display li { width: 100%; } .center { width: 95%; } #product .product-box .solution-content .recruit-ul li .recruit-top .t1 { font-size: 12px; } #product .product-box .product-content .product-display li .pic { width: 20%; } #recruit .profile-box .profile-ul li .info .re-more { width: 1.8rem; height: .35rem; margin-top: .4rem; font-size: 12px; } #recruit .profile-box { padding: .6rem 0 .6rem; } #recruit .profile-item-box .item-ul li { width: 100%; height: 185px; } #recruit .profile-item-box .item-ul li .pic { width: 35%; height: 100%; } #recruit .profile-item-box .item-ul li .info { padding: 15px 25px 0px 30px; } #recruit .profile-item-box .item-ul li .info .t1 { margin-bottom: 15px; font-size: 18px; } #recruit .profile-item-box .item-ul li .info .cont { height: 85px; } #recruit .profile-item-box { padding: 50px 0px 120px; } #contact .contact01-box { padding: 50px 0; } #contact .contact01-box .cont-right li { margin-right: 10%; } #contact .contact02-box .form-box .form-left .tel-box01 img { width: 45%; } #contact .contact02-box { padding: 70px 0 70px; } .header .logo { width: 20%; } #product .product-box .product-content .tab-box { display: flex; overflow-x: auto; padding-left: 1rem; -webkit-overflow-scrolling: touch; padding-bottom: .15rem; } #product .product-box .product-content .tab-box > li { flex-shrink: 0; } #product .product-apply .pro-ul { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } #product .product-apply .pro-ul li { display: inline-block; float: none; margin-right: 4%; } #product .product-apply .pro-ul li:nth-of-type(3n) { margin-right: 2%; } #recruit .structure-box .structure img { width: 70%; } #recruit .develop-way .way-ul li { width: 49%; margin-right: 2%; } #recruit .develop-way .way-ul li:nth-of-type(2n) { margin-right: 0 !important; } #recruit .develop-way .way-ul li:nth-of-type(3n) { margin-right: 2%; } #search .search-result-box { padding: .6rem 0 1.3rem; } #search .search-result-box .search-r-box { width: 100%; height: 40px; } #search .search-result-box .search-r-box .search-r-icon { top: 6px; } #search .search-result-box .result-box li { padding: 0px .2rem 0px .3rem; height: .8rem; } #search .search-result-box .result-box li > a { width: 3rem; height: .7rem; padding: 0 .1rem; } #search .search-result-box .result-box li span { font-size: 12px; } #search .search-result-box .result-box li:hover > a .arr { margin-left: 27%; } .footer { display: flex; flex-direction: column-reverse; padding: .6rem 3%; } #about .about02-box .date-center .swiper-button-prev-date { left: 0; } #about .about02-box .date-center .swiper-button-next-date { right: 0; } #about .about04-box .cert-center .cert-swiper .swiper-slide .pic { padding: 10px; } #about .about04-box .cert-center .swiper-button-next-cert { right: -32px; } #about .about04-box .cert-center .swiper-button-prev-cert { left: -32px; } #about .about01-box .company-box .company-info .title { margin-bottom: 10px; } #purchase .purchase-box .swiper-box .swiper-button-box { top: -25px; } #purchase .purchase-box .swiper-box .swiper-pagination-box { top: -5px; left: 1%; } #purchase .purchase-box .sales-box { display: block; } #purchase .purchase-box .swiper-box { display: none; } #purchase .purchase-box { padding: 0.6rem 0.2rem 1.3rem; } #recruit .profile-box .profile-ul li { width: 100%; margin-bottom: 25px; } #recruit .profile-box .profile-ul li .info .info-box .re-more { display: flex; } #recruit .profile-box .profile-ul li:nth-of-type(2) { flex-direction: column; } #recruit .profile-box .profile-ul li .info { height: 300px; } #recruit .profile-box .profile-ul li .info img { display: none; } #product .product-analysis-box .model-analysis .model-center .model-box img { width: 90%; } .footer .footer-left p span { margin-right: 0; display: block; } .footer .footer-left { float: unset !important; } .footer .footer-center { margin-left: 0; float: unset !important; } .footer .footer-left .label { float: unset; } .footer .footer-left .info-box { float: unset; } #about .brand-list .item{ width:32%; } #about .brand-list .item:nth-child(3n){ margin-right: 0; } #about .party-building{ padding: 0.2rem 0; } #about .party-building .party-nav{ padding-bottom: 0.2rem; overflow-x: auto; justify-content: flex-start; width: 95%; margin: 0 auto; } #about .party-building .party-nav .item{ margin-right: 0.2rem; font-size: 14px; flex-shrink: 0; } #about .party-building .party-nav .item a{ padding: 0 10px 0; } } @media screen and (max-width: 750px) { .header { display: none; } .cover { position: fixed; bottom: 0; right: 0; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 10000; } .m-header { display: block; height: 1rem; background: #fff; width: 100%; padding: 0 .25rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; z-index: 10001; box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.21); } .m-header .logo { width: 50%; display: inline-block; } .m-header .logo img { width: 100%; } .m-header .language { width: 1.1rem; display: flex; align-items: center; height: .4rem; border-radius: .3rem; border: 1px solid #099ad9; overflow: hidden; margin-left: .7rem; } .m-header .language a { width: 50%; display: inline-block; height: 100%; line-height: .37rem; color: #099ad9; font-size: 12px; text-align: center; } .m-header .language .active { background: #099ad9; color: #fff; } .m-header .menu { width: .32rem; cursor: pointer; } .m-header .menu img { width: 100%; } .m-header .down-box-big { width: 100%; height: calc(100vh - 1rem); position: fixed; top: 1rem; background: #fff; left: 0; padding: 0 .4rem; } .m-header .down-box-big .m-search-box { margin: .55rem 0 .5rem; width: 100%; height: .8rem; line-height: .8rem; background-color: #f2f4f5; border-radius: 40px; position: relative; padding-left: .6rem; } .m-header .down-box-big .m-search-box .search-m-icon { position: absolute; left: .2rem; top: .2rem; width: .4rem; height: .4rem; background: url(../images/search_m.png); background-repeat: no-repeat; background-size: .4rem .4rem; display: inline-block; margin-left: .2rem; } .m-header .down-box-big .m-search-box input { width: 80%; height: .7rem; border: none; font-size: .28rem; background-color: #f2f4f5; padding-left: .6rem; } .m-header .down-box-big .m-search-box input::-webkit-input-placeholder { color: #888888 !important; font-size: .28rem; } .m-header .down-box-big .m-search-box input:-moz-placeholder { color: #888888 !important; font-size: .28rem; } .m-header .down-box-big .m-search-box input:-ms-input-placeholder { color: #888888 !important; font-size: .28rem; } .m-header .down-box-big .down-box { height: calc(100vh - 2.85rem); overflow-y: auto; } .m-header .down-box-big .down-box > li { width: 100%; height: .9rem; cursor: pointer; position: relative; display: flex; border-bottom: 1px solid #ddd; align-items: center; justify-content: space-between; } .m-header .down-box-big .down-box > li > a { width: 100%; height: 100%; color: #666; text-align: center; font-size: 16px; line-height: .9rem; display: flex; align-items: center; justify-content: space-between; } .m-header .down-box-big .down-box > li > a img { width: .17rem; height: .32rem; } .m-header .down-box-big .down-box > li span { color: #333; font-size: .28rem; } .m-header .down-box-big .down-box > li input { width: 30%; height: .5rem; border: none; border-bottom: 1px solid #0095d8; padding-left: 10px; font-size: 12px; margin-left: .4rem; } .m-header .down-box-big .down-box > li input::-webkit-input-placeholder { color: #b4b5bf !important; } .m-header .down-box-big .down-box > li input:-moz-placeholder { color: #b4b5bf !important; } .m-header .down-box-big .down-box > li input:-ms-input-placeholder { color: #b4b5bf !important; } .m-header .down-box-big .down-box > li:hover a { color: #0095d8; } .m-header .down-box-big .down-box .m-about-hover > span { color: #333; font-size: .28rem; } .m-header .down-box-big .down-box .m-about-hover > img { width: .32rem; height: .32rem; } .m-header .down-box-big .down-box .m-about-down > a { width: 100%; height: .8rem; display: flex; align-items: center; justify-content: space-between; line-height: .6rem; text-align: center; font-size: 14px; cursor: pointer; padding-left: .5rem; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; } .m-header .down-box-big .down-box .m-about-down > a span { color: #333; font-size: .24rem; } .m-header .down-box-big .down-box .m-about-down > a img { width: .12rem; height: .22rem; } .m-header .down-box-big .down-box .m-about-down > a:last-of-type { border-bottom: none; } body { margin-top: .88rem; } .t-title { font-size: 18px; } #index .index01-box .t-title { padding: .4rem 0px .4rem; } #index .index01-box > ul { padding: 0 .2rem; } #index .index01-box > ul li a .text-box { padding: .15rem .25rem; } #index .index01-box > ul li a .text-box .t1 { font-size: 14px; } #index .index01-box > ul li a .text-box .t2 { font-size: 12px; } #index .index02-box .video-box-position .center .video-box .info-box { top: .4rem; } #index .index02-box .video-box-position .center .video-box .info-box .info .t1:before { width: .2rem; height: .2rem; background-size: .2rem .2rem; } #index .index02-box .video-box-position .center .video-box .info-box .info .t1 { font-size: 16px; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont p { font-size: 12px; } #index .index02-box .video-box-position .center .video-box .info-box { padding: .1rem .1rem .2rem 0; } #index .index02-box .video-box-position .center .video-box .info-box .info > a { width: 2.5rem; height: .5rem; font-size: 12px; } #index .index03-box .news-box .news-left .title { font-size: 18px; } .more { width: 2.5rem; height: .5rem; font-size: 12px; padding: 0px .2rem; } .footer .footer-right span { width: 2.5rem; height: .55rem; line-height: .55rem; font-size: 12px; } .footer .footer-left p { font-size: 12px; } #index .index-banner .index-swiper .swiper-pagination-index { bottom: 5px; } #index .index-banner .index-swiper .swiper-pagination-bullet { width: 8px; height: 8px; } #index .index03-box .news-box .news-right li a .info { font-size: 12px; } #index .index02-box .video-box-position .center .video-box .info-box { padding: .4rem .1rem .6rem 0; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont { height: 2.2rem; overflow-y: auto; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont::-webkit-scrollbar { width: 5px; height: 10px; background-color: #F5F5F5; display: none; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ border-radius: 10px; background-color: #f2f4f5; } /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ #index .index02-box .video-box-position .center .video-box .info-box .info .cont::-webkit-scrollbar-thumb { border-radius: 10px; /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/ background-color: #0095d8; } #index .index02-box .video-box-position .center .video-box .info-box .info .cont { margin-bottom: .3rem; } .t-title01 { font-size: 18px; } #about .about01-box .t-title01 { padding: .4rem 0 .4rem; } #about .about01-box .company-box .company-info .title { font-size: 14px; margin-bottom: .2rem; } #about .about01-box .company-box .company-info .content p { font-size: 12px; } #about .about01-box { padding-bottom: .5rem; } #about .about02-box { padding: .3rem 0 .3rem; } #about .company-future { padding: .6rem 0 1rem; } #about .company-future .future-box li .info .img img { width: 75%; } #about .company-future .future-box li .info .img { transform: translate(-38%, -50%); } #about .about02-box .date-center .swiper-button-next-date { right: 0; } #about .about02-box .date-center .swiper-button-prev-date { left: 0; } #about .party-building { padding: .4rem 0 .5rem; } #about .about03-box .about03-info-box .info > a { width: 2.5rem; } #about .party-building .party li { height: auto; } #about .about02-box .date-center .date-swiper .swiper-slide .pic { width: 50%; } #about .company-future .future-box li { width: 49%; margin-right: 2%; } #about .company-future .future-box li .info { height: 4.5rem; } #about .company-future .future-box li .info p { font-size: 12px; } #about .company-future .future-box li .info .t1 { font-size: 14px; margin-bottom: .2rem; } #about .company-future .future-box li:nth-of-type(2n) { margin-right: 0 !important; } #about .company-future .future-box li:nth-of-type(3n) { margin-right: 2%; } #about .company-future .future-box li .info { padding: 1rem .4rem .3rem .3rem; } #about .party-building .party li .info .t1 { font-size: 14px; } #about .party-building .party li .info { padding: .2rem; } #about .party-building .party li .info .date span:nth-of-type(1) { font-size: 18px; } #about .party-building .party li .info .t1 { padding: .1rem 0 .1rem; } #about .about02-box .date-center .date-swiper .swiper-slide .pic span { font-size: 13px; } #about .about02-box .date-center .date-swiper .swiper-slide .info p { font-size: 12px; } #about .about02-box .date-center .date-swiper { margin-top: .3rem; } #about .about04-box .cert-center .cert-swiper .swiper-slide .pic { padding: .2rem .15rem .15rem; } #about .about03-box .about03-info-box .info > span { font-size: 12px; } #about .about03-box .about03-info-box .info > a { font-size: 12px; } #about .about03-box .about03-info-box .info { padding: 0px .1rem; } #about .about04-box .cert-center .cert-swiper .swiper-slide p { font-size: 12px; padding-top: .1rem; } #about .about04-box .cert-center .swiper-button-prev-cert { left: -.3rem; } #about .about04-box .cert-center .swiper-button-next-cert { right: -.3rem; } #news .news-content .news-nav .nav101 { margin-right: 4%; } #news .news-content { padding: .25rem 0 .5rem; } .page .pre_next { width: 1rem; } .page a { font-size: 12px; margin-right: 1%; } .page { margin-top: .5rem; padding: 0 .1rem 0 .2rem; } #news .news-content .news-items-box { padding: .2rem 0; border-bottom: 1px solid #f1faff; } #news .news-content .news-items-box .news-item .item-left .info { margin-left: 5%; } #news .article-content .content-box .content-bottom { display: unset; } #news .news-content .news-nav { margin-bottom: 0rem; } #news .article-content .content-box .content-bottom .back-btn { display: block; margin: 0 auto; margin-top: .2rem; } #news .news-content .news-nav li { font-size: 18px; } #product .product-apply .pro-ul { margin-top: .5rem; padding: 0px .2rem; } #product .product-apply { padding: .4rem 0px .8rem; } #product .product-apply .pro-ul > li .info { padding: .1rem .1rem 0; } #product .product-apply .pro-ul > li .info .t1 { font-size: 14px; margin-bottom: .1rem; } #product .product-apply .product02-box { padding-top: .5rem; } #product .product-apply .pro-ul > li .info p { font-size: 12px; line-height: 1.5em; } #product .product-apply .pro-ul > li .info .re-more { font-size: 12px; bottom: .1rem; left: .1rem; } #product .product-box .product-nav .pro-nav .nav101 { margin-right: 20%; font-size: 16px; } #product .product-box .product-nav .pro-nav .active a { padding: 0 10px 0; } #product .product-box .product-content { padding: .4rem 0 .8rem; } #product .product-box .product-nav { padding: .2rem 0; } #product .product-box { padding-bottom: 0.6rem; } #product .product-box .product-content .feature-box { margin-top: 1rem; } #product .product-box .product-content .tab-box > li { font-size: 12px; height: .6rem; line-height: .6rem; padding: 0px 10px; } #product .product-box .product-content .feature-box .display-box { width: 50%; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box { flex-direction: column; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .info { margin-left: 0; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .info > p { text-align: center; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .info > p span { display: block; width: auto !important; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box .inner-box .img { width: 50%; } #product .product-box .product-content .feature-box .display-box .pot-box li .pro-box { width: 3rem; } #product .product-box .product-content .product-display { margin-top: .6rem; } #product .product-box .product-content .product-display li .info p { font-size: 12px; line-height: 1.5em; } #product .product-box .product-content .product-display li { height: auto; padding: .3rem 0; display: unset; } #product .product-box .product-content .product-display li .pic { text-align: center; width: 100%; } #product .product-box .product-content .product-display li .pic img { width: 20%; } #product .product-box .solution-content .recruit-ul li .recruit-top { height: auto; padding: .2rem; } #product .product-box .solution-content .recruit-ul li .recruit-top .t1 { width: 85%; } #product .product-box .solution-content .recruit-ul li .recruit-content { padding: .3rem .4rem .4rem .5rem; } #product .product-box .solution-content { padding: .5rem 0px 1rem; } #recruit .profile-box .title { font-size: 18px; } #recruit .profile-box .profile-ul { margin-top: .5rem; height: 8rem; } #recruit .profile-box .profile-ul li { width: 100%; margin-bottom: .3rem; } #recruit .profile-box .profile-ul li .info .info-box { padding: .3rem .3rem 0; } #recruit .profile-box .profile-ul li .info .info-box .re-more .arr { display: none; } #recruit .profile-box .profile-ul li .info .info-box .re-more { justify-content: center; width: 2.5rem; height: .6rem; line-height: .6rem; } #recruit .recruit-box .title { font-size: 18px; } #recruit .recruit-box .recruit-ul { margin-top: .4rem; } #recruit .profile-box .profile-ul li:nth-of-type(2) { flex-direction: column; } #recruit .profile-item-box .item-ul li { height: auto; margin-bottom: .3rem; } #recruit .profile-item-box .item-ul li .info { padding: .15rem .25rem .25rem .3rem; margin-bottom: .2rem; } #recruit .profile-item-box .item-ul li .info .t1 { font-size: 14px; } #recruit .profile-item-box .item-ul li .info .cont { height: auto; } #recruit .profile-item-box .item-ul li .info .cont p { line-height: 1.5em; } #recruit .profile-item-box { padding: .6rem 0 1.2rem; } #recruit .profile-item-box .profile-swiper-box .swiper-button-box { bottom: -.7rem; } #recruit .profile-item-box .profile-swiper-box .swiper-pagination-profile { bottom: -.7rem; font-size: 14px; } #recruit .recruit-box .recruit-ul li .recruit-content { padding: .4rem .3rem; } #recruit .recruit-box .recruit-ul li .recruit-content .content .cont p { line-height: 2em; font-size: 12px; } #recruit .recruit-box .recruit-ul li .recruit-content .content .cont { padding-bottom: .4rem; padding-top: .3rem; } #recruit .recruit-box .recruit-ul li .recruit-content .content .up-down-box { display: flex; align-items: center; } #recruit .recruit-box { padding: .7rem 0 1rem; } #recruit .recruit-box .recruit-ul li .recruit-content .content .up-down-box .up-btn { width: 45%; } #recruit .recruit-box .recruit-ul li .recruit-content .content .up-down-box .upload { margin-right: 10%; } #recruit .profile-item-box .profile-swiper-box .gallery-top { height: auto; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide { display: unset; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info { padding: .2rem; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .pic { width: 100%; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info { width: 100%; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont .t1 p { font-size: 12px; line-height: 1.5em; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont .t1 { margin-bottom: .2rem; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont { height: auto; } #recruit .profile-item-box .profile-swiper-box .gallery-top .swiper-slide .info .cont .t2 p { font-size: 12px; } #contact .contact01-box .cont-left .t1 { font-size: 20px; } #contact .contact02-box { padding: .7rem 0 .7rem; } #contact .contact02-box .t1 { font-size: 20px; } #contact .contact02-box .form-box { padding-top: .6rem; } #contact .contact01-box .cont-right { display: unset; } #contact .contact01-box .cont-right li { margin-right: 0; width: 100%; align-items: center; justify-content: flex-start; margin-top: .5rem; flex-direction: initial; } #contact .contact01-box .cont-right li .cont-l { width: 35%; } #contact .contact01-box .cont-right li:nth-of-type(1) { width: 100%; } #contact .contact02-box .form-box .form-left { width: 100%; } #contact .contact02-box .form-box .form-right { width: 100%; } #contact .contact02-box .form-box .form-right .tel-box textarea { height: 2.5rem; } #product .product-apply .product02-box > li .info .tt { font-size: 14px; } #product .product-apply .product02-box > li .info .t01 { font-size: 12px; margin-bottom: .2rem; } #product .product-analysis-box .product-process { padding: .7rem 0 .8rem; } #product .product-analysis-box .product-process .process-box { padding: 0 .2rem; margin-top: .4rem; } #product .product-analysis-box .product-process .process-box li { width: 100%; } #product .product-analysis-box .structure-analysis .structure-ul { padding: 0 .2rem; display: flex; overflow-x: auto; overflow-y: hidden; align-items: flex-end; } #product .product-analysis-box .structure-analysis .structure-ul li { width: auto; margin-bottom: 5%; flex-shrink: 0; } #product .product-analysis-box .structure-analysis .structure-ul li p { padding: .2rem 0; } #product .product-analysis-box .structure-analysis .structure-ul .last-li { width: auto; } #product .product-analysis-box .structure-analysis { padding: .5rem 0 .7rem; } #product .product-analysis-box .model-analysis .model-center { padding: 0 .2rem; margin-top: .4rem; } #product .product-analysis-box .model-analysis { padding: .45rem 0; } #product .product-analysis-box .model-analysis .model-center .model-box { padding: .4rem 0 .7rem; } #product .product-analysis-box .model-analysis .model-center .model-box img { width: 100%; } #product .product-classify-box .classfy-ul { display: unset; } #product .product-classify-box .classfy-ul li { width: 32%; float: left; margin-right: 2%; } #product .product-classify-box .classfy-ul li:nth-of-type(3n) { margin-right: 0; } #product .product-classify-box .classfy-ul > li a p { font-size: 12px; } #product .product-classify-box .search-list-box .tt { padding: .4rem 0 .4rem; } #product .product-classify-box .uplaod-list .list-ul > li { width: 49%; margin-right: 2%; } #product .product-classify-box .search-list-box .list-ul > li { width: 49%; margin-right: 2%; } #product .product-classify-box .search-list-box .list-ul li:nth-of-type(2n) { margin-right: 0; } #product .product-classify-box .uplaod-list .list-ul li:nth-of-type(2n) { margin-right: 0; } #product .product-classify-box .product-search { padding: 0; } #product .product-classify-box .product-search .search-select { display: unset; } #product .product-classify-box .product-search .search-select > li { width: 49%; margin-right: 2%; float: left; margin-bottom: 2%; } #product .product-classify-box .product-search .t-title01 { padding: .3rem 0; } #product .product-classify-box .product-search .search-select li:nth-of-type(2n) { margin-right: 0; } #product .product-confirm-box img { height: 3.5rem; } #product .product-classify-box .product-search .search-btn { width: 2rem; height: 0.5rem; line-height: .5rem; margin-top: 0.3rem; } #product .product-confirm-box { margin-top: .4rem; } #product .product-confirm-box .confirm-box .cont { height: 3rem; } #product .product-confirm-box .confirm-box .cont .t2 { margin-top: .1rem; margin-bottom: .2rem; } #product .product-confirm-box .confirm-box .cont { width: 95%; } #product .product-confirm-box .confirm-box .cont .check { display: flex; align-items: center; justify-content: center; width: 100%; } #product .product-confirm-box .confirm-box .cont .check a { width: 30%; height: .5rem; line-height: .5rem; font-size: 12px; } #product .product-confirm-box .confirm-box .cont .t2 span { font-size: 16px; } #purchase .purchase-box { padding: 0.6rem 0.2rem 1.3rem; } #purchase .purchase-box .swiper-box { display: unset; } #purchase .purchase-box .swiper-box .gallery-top { width: 100%; height: 4.5rem; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box { padding: .2rem; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box .num { font-size: 22px; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box .title { margin-top: .4rem; margin-bottom: .2rem; font-size: 16px; } #purchase .purchase-box .swiper-box .gallery-top .swiper-slide .text-box .cont { margin-bottom: .3rem; } #purchase .purchase-box .swiper-box .gallery-thumbs { margin-top: 1rem; height: auto; } #purchase .purchase-box .swiper-box .swiper-button-box { display: none; } #purchase .purchase-box .swiper-box .swiper-pagination-box .swiper-pagination-sales { left: 165%; top: -22px; } #purchase .purchase-box .swiper-box .gallery-thumbs .swiper-wrapper .swiper-slide { width: 33.33333% !important; } #product .product-box .product-content .car-box { width: 5rem; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box { flex-direction: column; padding: .2rem; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box .info { margin-left: 0; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box .info > p { text-align: center; font-size: 12px; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box .info > p span { display: block; width: auto !important; } #product .product-box .product-content .car-box .car-ul li .pro-box { padding: .1rem; } #product .product-box .product-content .car-box .car-ul li .pro-box .inner-box .img { width: 50%; } #product .product-box .product-content .car-box .car-ul li .pro-box { width: 3rem; } #product .product-box .product-content .car-box .car-ul li:after { content: ''; width: 50px; height: 50px; position: absolute; background-size: 50px 50px; } #product .product-box .product-content .car-box .car-ul .item01 { top: 0%; left: -5%; } #product .product-box .product-content .car-box .car-ul .item01:after { background: url("../images/line_m.png"); top: 12px; left: 65px; } #product .product-box .product-content .car-box .car-ul .item02 { bottom: -5%; left: 40%; } #product .product-box .product-content .car-box .car-ul .item02:after { background: url("../images/line01_m.png"); top: -36px; right: 88px; } #product .product-box .product-content .car-box .car-ul .item03 { top: -10%; left: -19%; } #product .product-box .product-content .car-box .car-ul .item03:after { background: url("../images/line_m.png"); top: 12px; left: 113px; } #product .product-box .product-content .car-box .car-ul .item04 { bottom: -12%; left: 67%; } #product .product-box .product-content .car-box .car-ul .item04:after { background: url("../images/line01_m.png"); top: -37px; right: 76px; } #product .product-box .product-content .car-box .car-ul .item05 { top: 75%; left: 70%; } #product .product-box .product-content .car-box .car-ul .item05:after { background: url("../images/line01_m.png"); top: -37px; right: 66px; } #product .product-box .product-content .car-box .car-ul .item06 { top: -1%; left: -22%; } #product .product-box .product-content .car-box .car-ul .item06:after { background: url("../images/line_m.png"); top: 12px; left: 40px; } #product .product-box .product-content .car-box .car-ul .item07 { top: 80%; left: 30%; } #product .product-box .product-content .car-box .car-ul .item07:after { background: url("../images/line01_m.png"); top: -36px; right: 81px; } #product .product-box .product-content .car-box .car-ul .item08 { top: 78%; left: 20%; } #product .product-box .product-content .car-box .car-ul .item08:after { top: -115px; right: 113px; } #product .product-box .product-content .car-box .car-ul .item09 { top: -11%; left: -8%; } #product .product-box .product-content .car-box .car-ul .item09:after { background: url("../images/line_m.png"); top: 13px; left: 76px; } #product .product-box .product-content .car-box .car-ul .item10 { top: 9%; left: -7%; } #product .product-box .product-content .car-box .car-ul .item10:after { background: url("../images/line_m.png"); top: 13px; left: 73px; } #product .product-box .product-content .car-box .car-ul .item11 { top: 80%; left: 41%; } #product .product-box .product-content .car-box .car-ul .item11:after { background: url("../images/line01_m.png"); top: -115px; right: 113px; } #product .product-box .product-content .car-box .car-ul .item12 { top: -50%; left: -19%; } #product .product-box .product-content .car-box .car-ul .item12:after { background: url("../images/line.png"); top: 5px; left: 5px; width: 130px !important; height: 130px !important; background-size: 130px 130px !important; } .footer .footer-right span img { margin-right: 15px; width: 10%; margin-top: -3px; } #news .news-content .news-items-box .news-item .item-left .info .date { padding-bottom: .1rem; } #news .news-content .news-items-box .news-item .item-left .info .tt { padding-bottom: .1rem; } #index .index02-box .video-box-position .center .video-box .info-box { width: 100%; } #index .index02-box .video-box-position .center .video-box .video { width: 100%; } #index .index02-box { background: #f1faff; height: 9.5rem; } #index .index02-box > img { display: none; } #index .index02-box .video-box-position .center .video-box .info-box { top: 4.4rem; } #index .index02-box .video-box-position .center .video-box .info-box .info { float: none; margin-left: 33%; } #product .product-box .product-nav .pro-nav > li a { padding: 0 10px 0; } #news .article-content { padding: .4rem 0 1rem; } #news .article-content .content-box .text-title .tt { font-size: 20px; } #news .article-content .content-box .text-title .tt1 span { font-size: 12px; } #product .product-apply .pro-ul > li .info .cont::-webkit-scrollbar { width: 1px; } #about .about02-box .date-center .swiper-button-next-date { width: 20px; height: 20px; background-size: 20px 20px; margin-top: -10px; } #about .about02-box .date-center .swiper-button-prev-date { width: 20px; height: 20px; background-size: 20px 20px; margin-top: -10px; display: none; } #about .about04-box .cert-center .swiper-button-next-cert { width: 20px; height: 20px; background-size: 20px 20px; margin-top: -10px; } #about .about02-box .date-center .swiper-button-next-date { display: none; } #about .about04-box .cert-center .swiper-button-prev-cert { width: 20px; height: 20px; background-size: 20px 20px; margin-top: -10px; } #news .news-content .news-items-box:hover .re-more .arr { margin-left: 15%; } #product .product-box .solution-content .recruit-ul li .recruit-content .content .cont { padding-top: .3rem; } #product .product-box .solution-content .recruit-ul li .recruit-content .content .cont p { line-height: 2em; } #recruit .profile-box .profile-ul li .info .re-more { width: 3.8rem; height: .7rem; } #recruit .recruit-box .recruit-ul li .recruit-top .t1 { font-size: 14px; } #recruit .recruit-box .recruit-ul li .recruit-top .t2 { font-size: 12px; } #contact .contact02-box .form-box .form-left .tel-box01 img { width: 33%; } #contact .contact01-box .cont-right li .t1 { font-size: 14px; } #contact .contact01-box { padding: .5rem 0; } #contact .contact01-box .cont-right li p { font-size: 14px; } #news .news-content .news-nav li { font-size: 16px; } #product .product-box .product-nav .pro-nav > li { font-size: 16px; } #about .about03-box .about03-info-box { width: 100%; } #about .about01-box .company-box .company-banner { width: 100%; } #about .about01-box .company-box .company-info { width: 100%; } #about .about01-box .company-box .company-banner .gallery-top { height: auto; } #about .about01-box .company-box .company-banner .gallery-thumbs { height: auto; } #about .about01-box .company-box .company-info { padding-top: .4rem; } #about .about02-box .date-center .date-swiper { height: 4rem; width: 100%; } #about .about02-box .date-center .date-swiper .swiper-slide:nth-of-type(2n-1) { padding-top: 0px; } #about .about02-box .date-center .date-swiper .swiper-slide:nth-of-type(2n) .info { padding-top: 15px; } #about .about02-box .date-center .date-swiper .swiper-slide .info p { text-align: justify; } #about .company-future .future-box { display: flex; flex-wrap: wrap; flex: 1; } #about .company-future .future-box li .info { height: auto; } #about .party-building .party li { display: unset; margin-bottom: 4%; } #about .party-building .party li .pic { width: 100%; } #news .news-content .news-items-box .news-item .re-more { display: none; } #product .product-apply .pro-ul li:nth-of-type(3n) { margin-right: 4%; } #product .product-apply .product02-box > li .pic { height: 100%; width: 100%; overflow: hidden; } #product .product-apply .product02-box > li .pic img { width: 100%; opacity: 1; } #product .product-apply .product02-box > li { display: unset; height: auto; } #product .product-apply .product02-box > li .info { width: 100%; padding: .3rem .3rem 0.4rem; } #product .product-apply .product02-box > li:nth-of-type(1) .info { margin-bottom: .2rem; } #recruit .profile-box .profile-ul li:hover .pic { position: initial; } #recruit .profile-box .profile-ul li .info .re-more { display: none; } #recruit .profile-box .profile-ul li .info { height: 4rem; } #about .about01-box .company-box .company-info .content { height: auto; } #product .product-box .product-content .pro-one .product-display { display: block; } #product .product-box .product-content .pro-one .feature-box { display: none; } #product .product-box .product-content .pro-one .car-box { display: none; } #product .product-box .product-content .product-display li .info { margin-left: 5%; margin-top: .2rem; } #product .product-analysis-box .product-process .process-box li { height: 1.5rem; } #product .product-analysis-box .product-process .process-box li .pic img { width: 65%; } #product .product-analysis-box .product-process .process-box li .pic span { font-size: 18px; transform: translate(-100%, -55%); } #contact .contact02-box .form-box .form-right .tel-box .button-box { text-align: center; } #contact .contact02-box .form-box .form-right .tel-box textarea { height: 2rem; } #product .product-classify-box { padding-top: .6rem; } #product .product-classify-box .t-title01 { margin-bottom: .5rem; } #purchase .purchase-box .swiper-box { display: none; } #purchase .purchase-box .sales-box { display: block; } #recruit .structure-box { padding: .6rem 0; } #recruit .develop-way { padding: .6rem 0 1rem; } #recruit .develop-way .way-ul li { padding: .2rem .2rem 0; height: 1.5rem; box-sizing: border-box; width: 100%; } #recruit .develop-way .way-ul li .t1 { font-size: 14px; } #recruit .develop-way .way-ul { margin-top: .4rem; } #recruit .develop-way .way-ul li .t2 { font-size: 12px; } #product .product-apply .product02-box > li:nth-of-type(2) { display: flex; flex-direction: column-reverse; } #about .about02-box .date-center .date-swiper .swiper-slide .info { overflow-y: initial; height: auto; } #recruit .profile-item-box .item-ul li .pic { display: none; } #recruit .profile-item-box .item-ul li .img { display: block; } #recruit .profile-item-box .item-ul li { display: unset; } #recruit .profile-item-box .item-ul li .info { width: 100%; } #recruit .profile-item-box .profile-swiper-box .swiper-button-box .swiper-button-prev-profile { width: 20px; height: 20px; background-size: 20px 20px; } #recruit .profile-item-box .profile-swiper-box .swiper-button-box .swiper-button-next-profile { width: 20px; height: 20px; background-size: 20px 20px; } .footer .footer-right a:nth-of-type(1) { margin-right: .3rem; display: inline-block; } .footer .footer-right a:nth-of-type(2) { margin-left: .3rem; display: inline-block; } .footer .footer-right span:nth-of-type(1) { margin-right: 0; } #product .product-box .product-content .tab-box > li a { padding: 0; } #product .product-box .product-content .tab-box { justify-content: flex-start; padding-left: .2rem; } .video-layer .layui-layer-content { width: 400px !important; height: 225px !important; overflow: hidden !important; } #product .product-box .product-nav .pro-nav > li:hover .line { height: 0; } #news .news-content .news-nav li:hover .line { height: 0; } .footer .footer-center { font-size: 12px; } .footer .footer-left .label { font-size: 14px; } .footer .footer-left .info-box p { font-size: 12px; } .footer .footer-center .beian-box .num01 { margin-left: 0.4rem; } #news .news-content .news-items-box .news-item{ width: 100%; } #news .news-content .news-items-box .news-item .item-left{ width: 100%; } #news .news-content .news-items-box .news-item .item-left .pic{ width: 2.5rem; flex-shrink: 0; } #news .news-content .news-items-box .news-item .item-left .info{ width: calc(100% - 2.5rem); } } @media screen and (max-width: 480px) { .m-header .down-box-big .down-box > li > a { font-size: 12px; } .m-header .down-box-big .down-box .m-about-down a { font-size: 12px; } .video-layer .layui-layer-content { width: 300px !important; height: 169px !important; overflow: hidden !important; } } @media screen and (max-width: 1600px) { .person-container { padding: 40px 0 0; } .person-container .container { width: 90%; } .person-container .container .p-list { margin-top: 50px; } .person-container .container .p-list .item { width: calc((100% - 120px)/4); margin-bottom: 26px; margin-right: 40px; } .person-container .container .p-list .item .info { padding: 18px 0; } .person-container .container .p-list .item .info .title { text-align: center; font-size: 20px; } .person-container .container .p-list .item .info .desc { font-size: 15px; line-height: 24px; } } @media screen and (max-width: 1386px) { .person-container { padding: 35px 0 0; } .person-container .container .p-list { margin-top: 40px; } .person-container .container .p-list .item { width: calc((100% - 90px)/4); margin-bottom: 20px; margin-right: 30px; } .person-container .container .p-list .item .info { padding: 15px 0; } .person-container .container .p-list .item .info .title { font-size: 18px; } .person-container .container .p-list .item .info .desc { font-size: 14px; line-height: 24px; } } @media screen and (max-width: 1044px) { .person-container { padding: 30px 0 0; } .person-container .container .p-list { margin-top: 30px; } .person-container .container .p-list .item .info { padding: 15px 0; } .person-container .container .p-list .item .info .title { font-size: 16px; } } @media screen and (max-width: 750px) { .person-container { padding: 0.4rem 0 0; } .person-container .container .top-desc { font-size: 12px; line-height: 24px; } .person-container .container .p-list { margin-top: 0.4rem; } .person-container .container .p-list .item { width: 49%; margin-bottom: 0.2rem; margin-right: 2%; } .person-container .container .p-list .item .info { padding: 0.2rem 0; } .person-container .container .p-list .item .info .title { font-size: 14px; } .person-container .container .p-list .item .info .desc { font-size: 12px; line-height: 20px; } .person-container .container .p-list .item:nth-child(2n) { margin-right: 0; } } /*# sourceMappingURL=style.css.map */