/*reset*/ * { padding: 0; margin: 0; list-style: none; } html, body { margin: 0 auto; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, header, section, footer { margin: 0; padding: 0; } body, button, input, select, textarea { font: 12px/1.5 "microsoft yahei"; color: #666; font-weight: normal; } body { overflow-x: hidden; } address, cite, dfn, em, var, i { font-style: normal; } ul, ol, dl { list-style: none; } a { text-decoration: none; outline: none; font-family: "microsoft yahei"; color: #666; cursor: pointer; font-size: 12px; } li { font-size: 12px; font-family: "microsoft yahei"; list-style: none; margin: 0; padding: 0; } em { font-style: normal; font-size: 12px; } body, p, span { font-family: "microsoft yahei"; } img { border: none; } p { margin: 0px; padding: 0px; word-wrap: break-word; } :focus { outline: none; } img { border: 0; vertical-align: middle; display: inline-block; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .clear:after { display: block; mainContent: ""; clear: both; } .transtion { transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .clear:after { display: block; content: ""; clear: both; } /* @font-face { font-family: "pfBold"; src: url("PINGFANG BOLD.TTF"); } @font-face { font-family: "pfMedium"; src: url("PINGFANG MEDIUM.TTF"); } @font-face { font-family: "pfRegular"; src: url("PINGFANG REGULAR.TTF"); } */ @font-face { font-family: "alter"; src: url("ALTERNATEGOTHIC2BT.TTF"); } @font-face { font-family: "TT0320M"; src: url("TT0320M.TTF"); } @font-face { font-family: "TT0319M"; src: url("TT0319M.TTF"); } @font-face { font-family: "pfBold"; src: url("pfBold.eot"); /* IE9 */ src: url("pfBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("pfBold.woff") format("woff"), /* chrome銆乫irefox */ url("pfBold.ttf") format("truetype"), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+ */ url("pfBold.svg#pfBold") format("svg"); /* iOS 4.1- */ font-style: normal; font-weight: normal; } .header { position: fixed; left: 0; right: 0; top: 0; height: 96px; background: rgba(17, 92, 49, 0.3); z-index: 999; transition: all 0.5s; height: 5vw; } .header-list { width: 84%; margin: 0 auto; /* position: relative; */ } .header-list .logo { float: left; font-size: 0; line-height: 96px; height: 96px; line-height: 5vw; height: 5vw; } .header-list .logo img { max-height: 90%; max-width: 216px; } .header-list .logo img.logo1 { display: inline-block; } .header-list .logo img.logo2 { display: none; } .header-list .search-lang { float: right; margin-top: 35px; margin-top: 1.8vw; } .header-list .search-lang .search-list { float: left; position: relative; font-size: 0; } .header-list .search-lang .search-list img { cursor: pointer; height: 1.35vw; width: 1.2vw; } .header-list .search-lang .search-list div { position: absolute; right: 0; top: 60px; overflow: hidden; width: 220px; display: none; border: 1px solid #005c31; top: 3.25vw; width: 12vw; } .header-list .search-lang .search-list div input { float: left; height: 40px; border: none; line-height: 40px; width: 140px; font-size: 16px; color: #005c31; padding: 0 10px; font-size: 0.84vw; width: 9vw; height: 2.1vw; line-height: 2.1vw; box-sizing: border-box; } .header-list .search-lang .search-list div a { float: right; height: 40px; width: 60px; text-align: center; line-height: 40px; color: #fff; background: #005c31; font-size: 16px; font-size: 0.84vw; width: 3vw; height: 2.1vw; line-height: 2.1vw; } .header-list .search-lang .lang { float: right; width: 26px; height: 26px; margin-left: 25px; position: relative; width: 1.35vw; height: 1.35vw; margin-left: 1.35vw; } .header-list .search-lang .lang img { position: absolute; left: 0; top: 0; opacity: 1; transition: all 0.5s; height: 1.35vw; width: 1.35vw; } .header-list .search-lang .lang.cn .enImg { opacity: 0; } .header-list .search-lang .lang.cn:hover .enImg { opacity: 1; } .header-list .search-lang .lang.cn:hover .cnImg { opacity: 0; } .header-list .search-lang .lang.en .cnImg { opacity: 0; } .header-list .search-lang .lang.en:hover .cnImg { opacity: 1; } .header-list .search-lang .lang.en:hover .enImg { opacity: 0; } .header-list .nav { /* position: absolute;right: 75px;top: 33px; */ float: right; /* margin-top: 33px; */ } .header-list .nav ul li { float: left; margin-right: 80px; line-height: 96px; margin-right: 4vw; line-height: 5vw; } .header-list .nav ul li a { font-size: 20px; color: #fff; position: relative; font-size: 0.94vw; /* font-weight: bold; */ display: block; } .header-list .nav ul li a:before { position: absolute; left: 0; right: 0; bottom: -10px; content: ""; height: 2px; background: #fff; width: 0; transition: all 0.5s; margin: auto; bottom: 1vw; } .header-list .nav ul li a.on { width: 100%; } .header-list .nav ul li a.on:before { width: 100%; } .header-list .nav ul li a:hover:before { width: 100%; } .header.on .header-list .nav>ul>li>ul { background: rgba(255, 255, 255, 0.9); } .header-list .nav ul li ul { position: absolute; left: 0; right: 0; top: 96px; background: rgba(255, 255, 255, 1); padding: 25px 0px; text-align: center; font-size: 0; line-height: initial; padding: 1.3vw 0; padding: 0.5vw 0; top: 5vw; } .header-list .nav>ul>li>ul>li { float: none; display: inline-block; vertical-align: top; text-align: left; margin-right: 0; line-height: initial; /* background-color: #ececec; */ margin: 0 20px; } .header-list .nav>ul>li:nth-child(3)>ul>li { background-color: #ececec; } .header-list .nav>ul>li>ul>li>ul { border-top: 1px solid #005e27; } .header-list .nav ul li ul li { float: none; display: inline-block; vertical-align: top; text-align: left; margin-right: 0; line-height: initial; } .header-list .nav ul li ul li a { font-size: 20px; font-weight: bold; color: #333 !important; display: block; margin: 0 60px; line-height: 50px; font-size: 1vw; margin: 0 3vw; line-height: 2.6vw; font-size: 0.94vw; } .header-list .nav ul li ul li a:before { display: none; } .header-list .nav ul li ul li a:hover { color: #005c31 !important; } .header-list .nav ul li ul li a.on { color: #005c31 !important; } .header-list .nav ul li ul li ul { position: relative; top: 0; display: block !important; background: none; padding: 0; text-align: left; padding-bottom: 0.5vw; } .header-list .nav ul li ul li ul li { display: block; line-height: 30px; line-height: 1.56vw; } .header-list .nav ul li ul li ul li a { font-size: 18px; font-weight: normal; margin: 0 60px; line-height: 30px; font-size: 0.94vw; margin: 0 3vw; line-height: 1.8vw; font-size: 0.84vw; } .header-list .nav ul li ul li ul li ul { display: none !important; } .header.on { background: #fff; border-bottom: 1px solid rgba(17, 92, 49, 0.1); } .header.on .header-list .logo img.logo1 { display: none; } .header.on .header-list .logo img.logo2 { display: inline-block; } .header.on .header-list .nav li a { color: #333; } .header.on .header-list .nav li .on { color: #005e27; } .header.on .header-list .nav li:hover a { color: #005e27; } .header.on .header-list .nav li a:before { background: #005e27; } .banner .swiper-slide { font-size: 0; } .banner video { min-width: 1920px; width: 100%; } .banner img { width: 100%; height: auto; } .banner ul { width: 100%; height: 100%; } .banner ul>li { width: 100%; height: 100%; } .banner ul>li>a { display: block; width: 100%; height: 100%; } .banner .tip { display: none; position: absolute; left: 0; right: 0; bottom: 60px; z-index: 99; width: 112px; margin: auto; text-align: center; bottom: 3vw; width: 7vw; } .banner .swiper-pagination { bottom: 50px !important; } .banner .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; } .banner .swiper-pagination .swiper-pagination-bullet-active { background-color: #005c31; } .banner .tip p { font-size: 14px; opacity: 0.4; color: #fff; margin-bottom: 15px; position: relative; font-size: 0.73vw; margin-bottom: 0.8vw; } .banner .tip img { position: relative; animation: mouse 2s linear infinite; top: 10px; cursor: pointer; width: auto; top: 0.5vw; width: 0.94vw; } @keyframes mouse { 0% { top: 5px; } 50% { top: 0px; } 100% { top: 5px; } } .banner .txt1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 92, 49, 0.4); } .banner .txt1 div { position: absolute; width: 84%; left: 0; right: 0; margin: auto; top: 0; bottom: 0; } .banner .txt1 div dd { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 190px; width: 945px; line-height: 95px; height: 10.5vw; line-height: 5vw; width: 49.3vw; width: 624px; height: 150px; line-height: 75px; } .banner .txt1 div b { font-size: 72px; color: #fff; display: block; float: left; font-size: 3.75vw; font-size: 48px; font-family: "pfBold"; font-weight: normal; } .banner .txt1 div b:last-child { float: right; margin-top: 95px; margin-top: 5vw; margin-top: 75px; } .banner .txt1 div span { font-size: 92px; color: #fff; font-size: 4.8vw; font-size: 60px; font-family: "pfBold"; } .banner .txt1 div h3 { font-size: 48px; font-family: "pfBold"; color: #fff; background: #005c31; display: inline-block; padding: 0 15px; margin-top: 20%; line-height: 82px; display: none; } .banner .txt1 div p { font-size: 48px; font-family: "pfMedium"; color: #fff; margin-top: 15px; display: none; } .banner .txt1 div em { font-size: 24px; font-family: "pfRegular"; color: #fff; display: block; display: none; } .banner .swiper-button-next { position: absolute; left: 8%; right: initial; bottom: 85px; top: inherit; width: 65px; height: 65px; border-radius: 50%; background: none; margin-left: 55px; transition: all 0.5s; width: 3.4vw; height: 3.4vw; bottom: 4.4vw; margin-left: 2.9vw; display: none; } .banner .swiper-button-next img.circle { animation: circle 10s linear infinite; } .banner .swiper-button-next img.next { position: absolute; top: 0; bottom: 0; margin: auto; left: -55px; transition: all 0.5s; width: 91px; left: -2.9vw; width: 4.7vw; } .banner .swiper-button-next:hover img.next { width: 36px; height: 11px; left: 15px; width: 1.9vw; height: 0.6vw; left: 0.8vw; } @keyframes circle { 0% { transform: rotate(0deg) } 50% { transform: rotate(180deg) } 100% { transform: rotate(360deg) } } .section02 { /* background: url(about-bg.png) no-repeat center; */ background-size: cover; position: relative; } .section02-img { position: absolute; left: 0; top: 0; width: 0px; height: 0px; display: none; } .about { margin-top: 96px; margin-top: 5vw; } .about .about-list { width: 84%; margin: 0 auto; position: relative; overflow: hidden; } .about .about-list .about-data { position: absolute; top: 40px; left: 0; bottom: 0px; top: 2.1vw; } .about .about-list .about-data div { height: 20%; } .about .about-list .about-data div h3 { display: inline-block; position: relative; line-height: 70px; height: 70px; line-height: 3.7vw; height: 3.7vw; } .about .about-list .about-data div h3 b { font-size: 60px; font-family: "alter"; font-weight: normal; color: #333; font-size: 3.1vw; } .about .about-list .about-data div h3 span { position: absolute; width: 14px; height: 14px; border-radius: 50%; background: rgba(0, 92, 49, 0.25); top: 7px; right: -7px; width: 0.74vw; height: 0.74vw; top: 0.37vw; right: -0.37vw; } .about .about-list .about-data div h3 em { position: absolute; right: -35px; top: 0; font-size: 30px; font-family: "alter"; color: #333; line-height: initial; font-size: 1.56vw; right: -1.8vw; } .about .about-list .about-data div p { font-size: 16px; font-size: 0.84vw; } .about .about-list .about-brief { background: url(brief-bg.png) no-repeat center; width: 1002px; height: 762px; margin: 0px 0 0px 340px; overflow: hidden; background-size: contain; position: relative; width: 52.2vw; height: 39.7vw; margin: 0 0 0 17.7vw; background-size: 99.6%; } .about .about-list .about-brief .about-brief-list { width: 610px; height: 610px; border-radius: 50%; background: #005c31; margin: 50px auto 0; overflow: hidden; width: 31.8vw; height: 31.8vw; margin: 2.6vw auto 0; } .about .about-list .about-brief .about-brief-list h3 { color: #fff; font-size: 24px; color: #fff; font-weight: normal; text-align: center; margin-top: 150px; font-size: 1.25vw; margin-top: 7.9vw; } .about .about-list .about-brief .about-brief-list p { color: #fff; font-size: 16px; color: #fff; font-weight: normal; text-align: center; margin-top: 5px; font-size: 0.84vw; margin-top: 0.25vw; } .about .about-list .about-brief .about-brief-list div { margin: 30px 60px 55px 95px; font-size: 16px; color: #fff; text-indent: 32px; line-height: 30px; height: 150px; overflow: hidden; margin: 1.56vw 3.12vw 2.9vw 5vw; font-size: 0.84vw; text-indent: 1.68vw; line-height: 1.56vw; height: 7.8vw; } .about .about-list .about-brief .about-brief-list a { display: block; width: 130px; height: 40px; border: 1px solid #fff; border-radius: 5px; font-size: 16px; color: #fff; margin: 0 auto; text-align: center; line-height: 40px; text-transform: uppercase; transition: all 0.5s; font-size: 0.84vw; width: 6.7vw; height: 2vw; line-height: 2vw; margin-top: 1.04vw; } .about .about-list .about-brief .about-brief-list a:hover { background: #fff; color: #005c31; } .about .about-list .about-video { position: absolute; right: 40px; bottom: 40px; padding: 10px; width: 372px; background: #fff; border-radius: 50%; overflow: hidden; box-shadow: 0px 5px 40px 0px rgba(17, 92, 49, 0.48); right: 2.1vw; bottom: 2.1vw; padding: 0.5vw; width: 19.4vw; height: 19.4vw; } .about .about-list .about-video div { position: relative; height: 372px; overflow: hidden; border-radius: 50%; background: #000; height: 19.4vw; } .about .about-list .about-video img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; } .about .about-list .about-video img.play { z-index: 99; cursor: pointer; width: 3.4vw; } .about .about-list .about-video video { width: 100%; height: 100%; } .hideVideo { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: 999; } .hideVideo div { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 50vw; font-size: 0; height: 28vw; } .hideVideo div video { width: 100%; } .hideVideo div img { position: absolute; right: -36px; top: -36px; cursor: pointer; } .index-title { width: 84%; margin: 0 auto; /* padding: 100px 0 60px; */ padding-bottom: 60px; padding-bottom: 3.1vw; } .index-title h3 { font-size: 26px; font-family: arial; text-transform: uppercase; color: #005e27; opacity: 0.7; font-size: 1.36vw; } .index-title b { font-size: 30px; color: #005e27; display: block; font-size: 1.56vw; } .index-title p { width: 47px; height: 1px; background: #b1b1b1; margin-top: 25px; /* width: 2.5vw; */ margin-top: 1.3vw; } .section03 { /* background: url(product-bg.png) no-repeat center; */ background-size: cover; } .section03-img { position: absolute; left: 0; top: 0; width: 0px; height: 0px; display: none; } .product { overflow: hidden; position: relative; margin-top: 96px; margin-top: 5vw; } .section03 .product-honeycomb { position: absolute; left: 0; right: 0; bottom: 0; z-index: 0; } .section03 .product-honeycomb img { max-width: 100%; animation: honeycomb 3.5s linear infinite; } @keyframes honeycomb { 0% { opacity: 0.2; transform: scale(1); } 50% { opacity: 1; transform: scale(1.05); } 100% { opacity: 0.2; transform: scale(1); } } .product-list { width: 84%; margin: 0 auto; position: relative; } .product-list .product-list-item { position: absolute; right: 0; top: -135px; top: -7.05vw; } .product-list .product-list-item p { float: left; width: 175px; height: 60px; text-align: center; line-height: 60px; border-radius: 5px; font-size: 0; border: 1px solid rgba(255, 255, 255, 0.3); margin-left: 12px; cursor: pointer; transition: all 0.5s; width: 9vw; height: 3.1vw; line-height: 3.1vw; margin-left: 0.75vw; background-color: #fff; } .product-list .product-list-item p span { height: 40px; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 20px; height: 2.1vw; margin-right: 1.04vw; width: 1.88vw; } .product-list .product-list-item p span img { position: relative; top: -2.1vw; transition: all 0.5s; width: 100%; } .product-list .product-list-item p b { font-size: 20px; color: #333; transition: all 0.5s; display: inline-block; vertical-align: middle; font-size: 1.04vw; } .product-list .product-list-item p.on { background: #005e27; } .product-list .product-list-item p.on b { color: #fff; } .product-list .product-list-item p.on span img { position: relative; /* top: 0px; */ top: -0.1vw; } .product-list .product-list-column { position: relative; } .product-list .swiper-container { padding-bottom: 50px; padding-bottom: 2.6vw; } .product-list .swiper-container .swiper-slide { width: 32%; } .product-list .swiper-container .swiper-slide dl { border-radius: 10px; overflow: hidden; } .product-list .swiper-container .swiper-slide dt { background: #fff; height: 335px; line-height: 335px; font-size: 0; text-align: center; overflow: hidden; height: 17.5vw; line-height: 17.5vw; /* line-height: 19.5vw; */ /* background: #eeeeee; */ } .product-list .swiper-container .swiper-slide dt img { max-width: 80%; max-height: 80%; transition: all 0.5s; } .product-list .swiper-container .swiper-slide dd { height: 95px; background: #ececec; overflow: hidden; transition: all 0.5s; font-size: 0; line-height: 95px; height: 5vw; line-height: 5vw; } .product-list .swiper-container .swiper-slide dd h3 { text-align: center; font-size: 20px; color: #333; font-weight: normal; margin: 0px 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s; display: inline-block; vertical-align: middle; margin-top: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 60px; font-size: 1.04vw; line-height: 1.56vw; margin: 0 1.56vw; margin-top: 0.94vw; height: 3.1vw; } .product-list .swiper-container .swiper-slide dd h3 span { display: inline-block; font-size: 20px; vertical-align: middle; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 1.04vw; line-height: 1.56vw; } .product-list .swiper-container .swiper-slide dd p { font-size: 14px; text-align: center; margin: 0 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s; color: #fff; display: none; font-size: 0.8vw; margin: 0 1.56vw; } .product-list .swiper-container .swiper-slide dl:hover dt img { transform: scale(1.05); } .product-list .swiper-container .swiper-slide dl:hover dd { background: #005c31; } .product-list .swiper-container .swiper-slide dl:hover dd h3 { color: #fff; /* margin: 18px 30px 5px; */ } .product-list .swiper-container .swiper-pagination-bullet { width: 12px; height: 12px; border: 1px solid #005c31; border-radius: 50%; background: none; opacity: 1; width: 0.65vw; height: 0.65vw; } .product-list .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #005c31; } .product-list .swiper-container .swiper-pagination { bottom: 0.5vw; font-size: 0; } .product-list a.more { display: block; width: 130px; height: 40px; border: 1px solid #005c31; background-color: #fff; border-radius: 5px; font-size: 16px; color: #005c31; margin: 50px auto 0px; text-align: center; line-height: 40px; text-transform: uppercase; transition: all 0.5s; font-size: 0.84vw; width: 6.7vw; height: 2vw; line-height: 2vw; margin-top: 2.6vw; } .product-list a.more:hover { background: #005c31; color: #fff; } .technology { width: 84%; /* margin: 0 auto 100px; */ overflow: hidden; margin: 96px auto 0; margin-top: 5vw; } .technology .technology-brief { float: left; width: 28%; width: 23.5vw; background: url(technology-img01.png) no-repeat left bottom; background-size: 19.5vw; } .technology .index-title { width: 100%; } .technology .index-title h3 { color: #d9d9d9; } .technology .index-title b { color: #333; } .technology .index-title p { background: #b1b1b1; } .technology .technology-brief-list h3 { font-size: 24px; color: #005c31; font-weight: normal; font-size: 1.25vw; } .technology .technology-brief-list p { font-size: 16px; line-height: 36px; margin: 10px 0; font-size: 0.84vw; margin: 0.5vw 0; line-height: 1.9vw; } .technology .technology-brief-list a { display: block; width: 130px; height: 40px; border: 1px solid #fff; border-radius: 5px; font-size: 16px; color: #fff; margin: 30px 0 0; text-align: center; line-height: 40px; text-transform: uppercase; transition: all 0.5s; background: #005c31; font-size: 0.84vw; width: 6.7vw; height: 2vw; line-height: 2vw; margin-top: 1.56vw; } .technology .technology-brief-list img { max-width: 100%; width: 20.5vw; display: none; } .technology .technology-list { float: right; overflow: hidden; width: 67.8%; /* margin-top: 120px; */ width: 57vw; } .technology .technology-list .swiper-slide { float: left; position: relative; width: 31.8%; margin-right: 2.3%; width: 18vw; margin-right: 1.3vw; } .technology .technology-list dl {} .technology .technology-list dl:last-child { margin-right: 0; } .technology .technology-list dl dt { height: 297px; background: #f2f2f2; overflow: hidden; height: 15.5vw; } .technology .technology-list dl dt span { display: block; width: 125px; height: 125px; margin: 40px auto 25px; line-height: 125px; font-size: 0; border: 1px solid rgba(0, 92, 49, 0.25); border-radius: 50%; text-align: center; width: 6.5vw; height: 6.5vw; line-height: 6.5vw; margin: 2.1vw auto 1.3vw; } .technology .technology-list dl dt span img { width: 4.3vw; } .technology .technology-list dl dt h3 { font-size: 24px; color: #666; font-weight: normal; text-align: center; margin-bottom: 5px; font-size: 1.25vw; margin-bottom: 0; padding: 0 10px; } .technology .technology-list dl dt p { font-size: 16px; color: #666; font-weight: normal; text-align: center; margin: 0 20px; text-transform: uppercase; line-height: 20px; } .technology .technology-list dl dd { position: relative; height: 422px; overflow: hidden; height: 22vw; } .technology .technology-list dl dd img { height: 100%; left: 50%; top: 50%; transition: all 0.5s; transform: translate(-50%, -50%); position: absolute; /* width: 100%; */ } .technology .technology-list dl dd p { position: absolute; left: 0; right: 0; top: 0; bottom: 0; /* background: rgba(0, 0, 0, 0.45); */ padding: 20% 20px 0; opacity: 0; transition: all 0.5s; } .technology .technology-list dl dd p span { display: block; font-size: 16px; color: #fff; line-height: 30px; margin-top: 50px; transition: all 0.5s; font-size: 0.84vw; line-height: 1.56vw; top: 2.6vw; padding: 0; } .technology .technology-list dl dd p img { display: block; margin: 35px auto; display: none; } .technology .technology-list dl:hover dd p { opacity: 1; background: rgba(0, 0, 0, 0.45); } .technology .technology-list dl:hover dd p span { margin-top: 0; opacity: 1; } .contact { height: 578px; /* background: url(contact-bg.jpg) no-repeat center; */ background-size: cover; height: 61.68%; overflow: hidden; box-sizing: border-box; padding-top: 0px; position: relative; } .contact-img { position: absolute; left: 0; top: 0; width: 0px; height: 0px; display: none; } .contact-list { width: 84%; margin: auto; position: absolute; top: 96px; bottom: 0; left: 0; right: 0; height: 347px; height: 18vw; top: 5vw; } .contact-list .index-title { width: 100%; } .contact-list .contact-list-item h3 { font-size: 30px; color: #333; font-weight: normal; font-size: 1.56vw; } .contact-list .contact-list-item p { font-size: 20px; color: #333; font-size: 1.04vw; } .contact-list .contact-list-item div { margin-top: 60px; overflow: hidden; margin-top: 3.1vw; } .contact-list .contact-list-item div a { float: left; display: block; width: 130px; height: 40px; /* border: 1px solid #fff; */ border-radius: 5px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; text-transform: uppercase; transition: all 0.5s; margin-right: 20px; font-size: 0.84vw; width: 6.7vw; height: 2vw; line-height: 2vw; margin-right: 1.04vw; background-color: #005e27; } .contact-list .contact-list-item div a:hover { background: #fff; color: #005c31; } .footer { height: 38.32%; position: relative; background: #042513; background: #005c31; background: #004823; background: #f2f2f2; } .footer-list { overflow: hidden; } .footer-list-nav { width: 84%; margin: 0px auto; overflow: hidden; margin: 35px auto; margin: 1.85vw auto; } .footer-list-nav-list { float: left; overflow: hidden; } .footer-list-nav-list ul li { float: left; margin-right: 80px; margin-right: 4.2vw; } .footer-list-nav-list ul li:last-child { margin-right: 0; } .footer-list-nav-list ul li a { font-size: 18px; color: #fff; font-weight: bold; font-size: 0.94vw; color: #333; } .footer-list-nav-list ul li ul { margin-top: 15px; margin-top: 0.8vw; } .footer-list-nav-list ul li ul li { float: left; max-width: 150px; float: inherit; margin-right: 0; max-width: 7.8vw; } .footer-list-nav-list ul li ul li a { font-size: 14px; color: #717171; /* opacity: 0.7; */ font-weight: normal; margin: 5px 0; display: block; font-size: 0.84vw; margin: 0.3vw 0; } .footer-list-nav-list ul li ul li a:hover { text-decoration: underline; opacity: 1; color: #005e27; } .footer-list-nav-contact { float: right; } .footer-list-nav-contact h3 { font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 15px; font-size: 0.94vw; margin-bottom: 0.4vw; color: #333; } .footer-list-nav-contact p { font-size: 16px; color: #fff; /* line-height: 30px; */ margin-top: 5px; opacity: 0.7; font-size: 0.84vw; color: #333; margin-top: 0.1vw; } .footer-list-nav-contact dl { margin-top: 27px; margin-top: 0.8vw; } .footer-list-nav-contact dl dt img { max-width: 85px; } .footer-list-nav-contact dl dd { font-size: 16px; opacity: 0.7; color: #fff; margin-top: 5px; color: #333; } .footer-list-copyright { font-size: 14px; color: #fff; text-align: center; border-top: 1px solid rgba(255, 255, 255, 1); padding: 20px 0; margin: auto; font-size: 0.84vw; padding: 1.04vw 0; background: #005c31; color: rgba(255, 255, 255, 0.65); background: #f2f2f2; color: #8e8e8e; } .footer.innerfoot { background: #00401a; } .innerfoot .footer-list-copyright { background: #00401a; } .innerfoot .footer-list-copyright { border-top: 1px solid #015623; } .innerfoot .footer-list-nav-list ul li a { color: #FFFFFF; } .innerfoot .footer-list-nav-list ul li ul li a { color: #FFFFFF; } .innerfoot .footer-list-nav-contact h3 { color: #FFFFFF; } .innerfoot .footer-list-nav-contact p { color: #FFFFFF; } .innerfoot .footer-list-nav-contact dl dd { color: #FFFFFF; } .innerfoot .footer-list-copyright { color: #FFFFFF; } .innerfoot .footer-list-copyright a { color: #FFFFFF; } .footer-list-copyright span { display: block; margin: 0 auto; width: 84%; } .footer-list-copyright a { font-size: 14px; color: #fff; font-size: 0.84vw; color: rgba(255, 255, 255, 0.65); color: #8e8e8e; } .footer-list-copyright a:hover { text-decoration: underline; color: #fff; color: #8e8e8e; } .indexFooter .footer-list-copyright { position: absolute; left: 0; right: 0; bottom: 0; /* width: 84%; */ } .innerBanner { margin-top: 96px; /* max-width: 1920px;margin: 96px auto 0; */ margin-top: 5vw; } .innerBanner img { max-width: 100%; height: 13vw; opacity: 0; } .innerNav-box { box-shadow: 0px 2px 5px 1px #e6e6e6; position: relative; } .innerNav { width: 84%; margin: 0 auto; overflow: hidden; /* height: 66px; */ } .innerNav .innerNav-list { float: left; overflow: hidden; border-right: 1px solid #eeeeee; } .innerNav .innerNav-list li { float: left; padding: 0 45px; border-left: 1px solid #eeeeee; padding: 0 2.25vw; } .innerNav .innerNav-list li a { display: block; font-size: 16px; line-height: 64px; border-bottom: 2px solid transparent; transition: all 0.5s; font-size: 0.84vw; line-height: 3.3vw; } .innerNav .innerNav-list li a.on { color: #005c31; border-color: #005c31; } .innerNav .innerNav-list li a:hover { color: #005c31; border-color: #005c31; } .innerNav p { float: right; font-size: 16px; line-height: 66px; padding-left: 30px; background: url(position.png) no-repeat left center; font-size: 0.84vw; line-height: calc(3.3vw + 2px); height: calc(3.3vw + 2px); } .innerNav p a { font-size: 16px; font-size: 0.84vw; } .innerNav p a:last-child { color: #005c31; } .innerNav p a:hover { text-decoration: underline; } .innerAbout {} .innerAbout-title { font-size: 30px; color: #333; font-weight: normal; font-size: 1.56vw; } .innerAbout-brief { width: 84%; margin: 0 auto; overflow: hidden; padding-top: 85px; padding-top: 4.4vw; } .innerAbout-brief .innerAbout-brief-text { float: left; width: 54.375%; position: relative; width: 45.5vw; } .innerAbout-brief .innerAbout-brief-text .innerAbout-title { position: absolute; left: 0; top: -25px; top: -1.3vw; } .innerAbout-brief .innerAbout-brief-text .text-div { font-size: 16px; line-height: 30px; margin-top: 50px; font-size: 0.84vw; line-height: 1.56vw; margin-top: 2.6vw; } .innerAbout-brief .innerAbout-brief-text .text-div * { max-width: 100%; } .innerAbout-brief .innerAbout-brief-text .text-div2 { margin-bottom: 50px; position: relative; background: url(asdasd.jpg) no-repeat right bottom; background-size: 35%; } .innerAbout-brief .innerAbout-brief-text .text-div2 .text-div2-img { text-align: right; } .innerAbout-brief .innerAbout-brief-text .text-div2 .text-div2-img img { max-width: 100%; display: none; } .innerAbout-brief .innerAbout-brief-text .text-div2 .text-div2-text { /* position: absolute;right: 0;left: 0;top: 0; */ } .innerAbout-brief .innerAbout-brief-text .text-a { display: block; width: 130px; height: 40px; border: 1px solid #fff; border-radius: 5px; font-size: 16px; color: #fff; margin: 20px 0 0; text-align: center; line-height: 40px; text-transform: uppercase; transition: all 0.5s; background: #005c31; font-size: 0.84vw; width: 6.7vw; height: 2vw; line-height: 2vw; margin-top: 1.04vw; } .innerAbout-brief .innerAbout-brief-video { float: right; width: 43.4%; background: #000; font-size: 0; overflow: hidden; position: relative; height: 447px; line-height: 447px; width: 36.3vw; height: 23.2vw; line-height: 23.2vw; } .innerAbout-brief .innerAbout-brief-video video { width: 100%; vertical-align: middle; } .innerAbout-brief .innerAbout-brief-video img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; /* max-width: 100%;max-height: 100%; */ margin: auto; z-index: 9; max-width: 100%; width: 100%; } .innerAbout-brief .innerAbout-brief-video img.play { z-index: 99; cursor: pointer; animation: opa 2.5s ease-in infinite; width: 32px; } @-webkit-keyframes opa { 0% { opacity: 0.15; } 50% { opacity: 1; } 100% { opacity: 0.15; } } .innerAbout-cultrue { background: #005c31; margin-top: 115px; overflow: hidden; margin-top: 6vw; } .innerAbout-cultrue .innerAbout-title { padding: 50px 0; text-align: center; color: #fff; padding: 2.6vw 0; } .innerAbout-cultrue .innerAbout-cultrue-list { width: 84%; margin: 0 auto 100px; overflow: hidden; margin: 0 auto 5.2vw; } .innerAbout-cultrue .innerAbout-cultrue-list dl { float: left; width: 24%; margin-right: 1.333%; background: rgba(255, 255, 255, 0.9); height: 365px; margin-bottom: 25px; transition: all 0.5s; height: 19vw; margin-bottom: 1.25vw; } .innerAbout-cultrue .innerAbout-cultrue-list dl:last-child { margin-right: 0; } .innerAbout-cultrue .innerAbout-cultrue-list dl dt { width: 102px; height: 102px; border-radius: 50%; overflow: hidden; font-size: 0; text-align: center; margin: 45px auto 0; width: 5.35vw; height: 5.35vw; line-height: 5.35vw; margin: 2.35vw auto 0; } .innerAbout-cultrue .innerAbout-cultrue-list dl dt img { max-width: 100%; } .innerAbout-cultrue .innerAbout-cultrue-list dl dd h3 { font-size: 24px; text-align: center; font-weight: normal; color: #333; margin-top: 18px; font-size: 1.25vw; margin-top: 0.94vw; } .innerAbout-cultrue .innerAbout-cultrue-list dl dd span { font-size: 16px; text-align: center; color: #c1c7c4; display: block; text-transform: uppercase; font-size: 0.84vw; } .innerAbout-cultrue .innerAbout-cultrue-list dl dd p { margin: 17px 55px 0; font-size: 16px; text-align: center; color: #333; font-size: 0.84vw; margin: 0.9vw 2.9vw 0; } .innerAbout-cultrue .innerAbout-cultrue-list dl:hover { background: #fff; } .innerAbout-develop { background: url(develop-img02.jpg) no-repeat center; height: 828px; height: 43vw; background-size: cover; } .innerAbout-develop .innerAbout-title { text-align: center; padding: 60px 0; padding: 3.1vw 0; } .innerAbout-develop-list { width: 84%; margin: 0 auto; } .innerAbout-develop-list .preview { position: relative; } .innerAbout-develop-list .preview p { height: 1px; background: #d2d2d2; position: absolute; left: 0; right: 0; top: 57px; margin: auto; top: 3vw; } .innerAbout-develop-list .preview .swiper-slide { width: 12.5%; position: relative; padding: 35px 0 30px; padding: 1.8vw 0 1.56vw; } .innerAbout-develop-list .preview .swiper-slide span { position: absolute; left: 0; right: 0; bottom: 24px; font-size: 28px; text-align: center; color: #333; transition: all 0.3s; font-family: "alter"; bottom: 1.25vw; font-size: 1.46vw; } .innerAbout-develop-list .preview .swiper-slide em { width: 13px; height: 13px; border: 1px solid #929292; position: absolute; left: 0; right: 0; bottom: 0; border-radius: 50%; margin: auto; background: #fff; transition: all 0.5s; box-sizing: border-box; width: 0.7vw; height: 0.7vw; } .innerAbout-develop-list .preview .swiper-slide.active-nav span { font-size: 36px; color: #005c31; font-size: 1.88vw; } .innerAbout-develop-list .preview .swiper-slide.active-nav em { border-color: #005c31; background: #005c31; } .innerAbout-develop-list .view { background: #fff; margin-top: 25px; height: 517px; position: relative; margin-top: 1.3vw; height: 27vw; } .innerAbout-develop-list .view .arrow-right { position: absolute; right: 45px; bottom: 45px; background: #eeeeee; width: 62px; height: 62px; text-align: center; line-height: 62px; font-size: 0; z-index: 99; transition: all 0.5s; right: 2.5vw; bottom: 2.5vw; width: 3.2vw; height: 3.2vw; line-height: 3.2vw; } .innerAbout-develop-list .view .arrow-right:hover { background: #005c31; } .innerAbout-develop-list .view .swiper-slide dl { overflow: hidden; } .innerAbout-develop-list .view .swiper-slide dl dt { float: left; width: 43%; text-align: center; line-height: 517px; background: url(develop-img04.jpg) no-repeat right center; width: 36vw; line-height: 27vw; height: 27vw; background-size: contain; } .innerAbout-develop-list .view .swiper-slide dl dt img { max-width: 90%; max-height: 90%; } .innerAbout-develop-list .view .swiper-slide dl dd { float: right; width: 57%; width: 47vw; } .innerAbout-develop-list .view .swiper-slide dl dd h3.year { margin: 50px 45px 15px; font-size: 30px; font-weight: normal; color: #005c31; font-family: "alter"; font-size: 1.56vw; margin: 2.6vw 2.3vw 0.9vw; } .innerAbout-develop-list .view .swiper-slide dl dd div.content { margin: 0 45px; font-size: 16px; color: #333; line-height: 30px; font-size: 0.84vw; margin: 0 2.3vw; line-height: 1.56vw; } .innerAbout-user img { max-width: 100%; width: 100%; } .innerAbout-certify { background: url(honor-bg.png) no-repeat center; background-size: cover; } .innerAbout-certify .innerAbout-title { padding: 60px 0; text-align: center; width: 84%; margin: 0 auto; padding: 3.1vw 0; } .innerAbout-certify .innerAbout-certify-list { background: url(platform.png) no-repeat bottom center; padding-bottom: 40px; padding-bottom: 2.1vw; background-size: 83.4vw; } .innerAbout-certify .innerAbout-certify-list .swiper-container { width: 84%; } .innerAbout-certify .swiper-slide { width: 477px; /* width: 24.86vw; */ } .innerAbout-certify .swiper-slide div { height: 332px; font-size: 0; /* background: #fff; */ text-align: center; line-height: 332px; overflow: hidden; height: 17.3vw; line-height: 17.3vw; } .innerAbout-certify .swiper-slide img { max-width: 100%; max-height: 100%; } .innerAbout-certify .swiper-slide em { display: block; height: 55px; position: relative; margin-top: 1px; height: 2.9vw; margin: auto; } .innerAbout-certify .swiper-slide em:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(240, 240, 240, 1) 90%); } .innerAbout-certify .swiper-slide p { text-align: center; font-weight: bold; color: #333; font-size: 18px; display: none; height: 54px; height: 2.9vw; font-size: 0.94vw; } .innerAbout-certify .swiper-slide.swiper-slide-active p { display: block; padding-top: 55px; background: url(down2.png) no-repeat top center; padding-top: 2.9vw; background-size: 1.1vw; } .productItem { background: url(productItem-img01.jpg) no-repeat center; background-size: cover; padding: 2.1vw 0; position: relative; } .productItem #particles-js { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .productItem .productItem-list { width: 1120px; margin: 0 auto; height: 970px; width: 59vw; height: 51vw; position: relative; } .productItem .productItem-list .img05 { position: absolute; width: 18vw; } .productItem .productItem-list .img05.img05-top { top: -1.2vw; left: 16vw; } .productItem .productItem-list .img05.img05-left { bottom: 0; left: 0; } .productItem .productItem-list .img05.img05-right { bottom: 4.8vw; left: 31.6vw; } .productItem .productItem-list .img02 { position: absolute; left: 9vw; bottom: 8.9vw; width: 18.2vw; } .productItem .productItem-list div { position: absolute; background: url(productItem-img04.png) no-repeat center; background-size: cover; width: 26.3vw; height: 26.3vw; left: 18.3vw; bottom: 14vw; } .productItem .productItem-list div p { width: 18.2vw; height: 18.2vw; margin: 4vw auto 0; background: url(productItem-img06.png) no-repeat center; background-size: cover; overflow: hidden; } .productItem .productItem-list div p b { color: #fff; font-size: 1.8vw; margin-top: 6vw; text-align: center; display: block; } .productItem .productItem-list dl { position: absolute; left: 0; top: 0; background: url(productItem-img03.png) no-repeat center; width: 18.2vw; height: 18.2vw; overflow: hidden; z-index: 99; background-size: cover; } .productItem .productItem-list dl.img07 { top: 8vw; left: 6.5vw; } .productItem .productItem-list dl.img08 { top: 3.5vw; left: 33.6vw; } .productItem .productItem-list dl.img09 { top: 19vw; left: 40.6vw; } .productItem .productItem-list dl.img10 { top: 33vw; left: 17.9vw; } .productItem .productItem-list dl dt { height: 6vw; text-align: center; font-size: 0; text-align: center; overflow: hidden; line-height: 6vw; margin-top: 5.2vw; } .productItem .productItem-list dl dt img { max-width: 100%; max-height: 100%; transition: all 0.5s; max-height: 75%; } .productItem .productItem-list dl dd { font-size: 1.25vw; text-align: center; color: #005c31; transition: all 0.5s; } .productItem .productItem-list dl:hover dt img { transform: scale(1.1); } .productItem .productItem-list dl:hover dd { color: #ff6600; font-weight: bold; } .innerProduct { background: #f8f8f8; overflow: hidden; } .innerProduct-list { width: 84%; margin: 36px auto; overflow: hidden; /* width: 98%; */ } .innerProduct .innerProduct-nav { float: left; width: 305px; background: #fff; width: 15.9vw; } .innerProduct .innerProduct-nav-title { padding: 20px 16px; padding: 1.04vw 0.84vw; background: url(asd.png) no-repeat center; background-size: cover; } .innerProduct .innerProduct-nav-title h3 { font-size: 30px; color: #333; font-weight: normal; font-size: 1.56vw; font-weight: bold; font-size: 24px; } .innerProduct .innerProduct-nav-title p { font-size: 16px; color: #333; /* font-size: 0.84vw; */ } .innerProduct .innerProduct-nav-list ul li a { display: block; padding: 20px; font-size: 24px; color: #333; border-top: 1px solid #f1f1f1; font-size: 1.25vw; background: url(right.png) no-repeat 275px center; background: url(right.png) no-repeat 14.35vw center; padding: 1.04vw; font-weight: bold; font-size: 18px; } .innerProduct .innerProduct-nav-list ul li a.on { background: #005c31; color: #fff; } .innerProduct .innerProduct-nav-list ul li ul { display: none; } /* .innerProduct .innerProduct-nav-list ul li:hover>a{background: #005c31;color: #fff;} */ /* .innerProduct .innerProduct-nav-list ul li:hover>ul{display: block;} */ .innerProduct .innerProduct-nav-list ul li ul li a { color: #333; font-size: 18px; font-weight: normal; /* font-size: 0.94vw; */ } .innerProduct .innerProduct-nav-list ul li ul li a.on { color: #005c31; background: none; } .innerProduct .innerProduct-nav-list ul li ul li ul li a { font-size: 16px; font-weight: bold; padding: 15px 0px; border-bottom: 1px dashed #f1f1f1; margin: 0 20px; background: url(right.png) no-repeat right center; /* font-size: 0.84vw; */ margin: 0 1.04vw; padding: 0.8vw 0; font-weight: normal; } /* .innerProduct .innerProduct-nav-list ul li ul li:hover>ul{display: block;} */ .innerProduct .innerProduct-nav-list ul li ul li ul li a.on { background: url(down.png) no-repeat right center; color: #333; } .innerProduct .innerProduct-nav-list ul li ul li ul li ul li a { font-size: 16px; color: #666; font-weight: normal; padding: 8px 5px; margin: 0 20px; background: none; /* font-size: 0.84vw; */ margin: 0 1.04vw; padding: 0.4vw 0.25vw; } /* .innerProduct .innerProduct-nav-list ul li ul li ul li:hover ul{display: block;} */ .innerProduct .innerProduct-nav-list ul li ul li ul li ul li a.on { background: #e5eeea; } .innerProduct .innerProduct-content { float: right; width: calc(100% - 320px); background: #fff; width: calc(100% - 16.6vw); } .innerProduct .innerProduct-content-brief { margin: 0 40px; overflow: hidden; margin: 0 2.1vw; } .innerProduct .innerProduct-content-brief dt { float: left; height: 326px; line-height: 326px; font-size: 0; width: 39%; text-align: center; width: 24.5vw; height: 17vw; line-height: 17vw; } .innerProduct .innerProduct-content-brief dt img { max-width: 98%; max-height: 98%; } .innerProduct .innerProduct-content-brief dd { float: right; background: url(bg.png) no-repeat left center; min-height: 266px; width: 61%; padding: 30px 0; background-size: auto 100%; width: calc(100% - 24.55vw); padding: 1.56vw 0 3vw; min-height: 13.9vw; background-size: 100% 100%; } .innerProduct .innerProduct-content-brief dd h3 { margin: 25px 0px 25px 90px; font-size: 30px; font-weight: normal; color: #333; font-size: 1.56vw; margin: 1.3vw 0 1.3vw 4.65vw; font-size: 24px; font-weight: bold; } .innerProduct .innerProduct-content-brief dd div { margin: 0 0 0 90px; overflow: hidden; line-height: 30px; margin-left: 4.65vw; line-height: 1.56vw; line-height: 30px; } .innerProduct .innerProduct-content-brief dd div span { font-size: 16px; float: left; /* width: 80px; */ font-size: 0.84vw; font-size: 16px; } .innerProduct .innerProduct-content-brief dd div p { font-size: 16px; float: left; /* width: calc(100% - 80px); */ font-size: 0.84vw; font-size: 16px; } .innerProduct .innerProduct-content-list { margin: 0 40px; margin: 0 2.1vw; } .innerProduct .innerProduct-content-list .innerProduct-content-list-h3 { font-size: 18px; color: #333; border-bottom: 1px solid #eeeeee; height: 45px; /* font-size: 0.94vw;height: 2.3vw; */ } .innerProduct .innerProduct-content-list .innerProduct-content-list-h3 b { float: left; border-bottom: 3px solid #06532c; height: 44px; /* height: 2.2vw; */ } .innerProduct .innerProduct-content-list .innerProduct-content-list-div { margin: 15px 0 30px; font-size: 16px; line-height: 28px; /* font-size: 0.84vw; */ margin: 0.8vw 0 1.56vw; /* line-height: 1.5vw; */ } .innerProduct .innerProduct-content-list .innerProduct-content-list-div * { max-width: 100%; } .innerProduct-content2 { float: right; width: calc(100% - 320px); background: #fff; padding: 40px 0; width: calc(100% - 16.6vw); padding: 2.1vw 0; } .innerProduct-content2-brief { margin: 0 2.1vw; overflow: hidden; } .innerProduct-content2-brief h3 { font-size: 30px; color: #333; text-align: center; font-weight: normal; font-size: 1.56vw; } .innerProduct-content2-brief div { height: 360px; line-height: 360px; text-align: center; font-size: 0; height: 18.8vw; line-height: 18.8vw; } .innerProduct-content2-brief div img { max-width: 100%; max-height: 90%; } .innerProduct-content2-brief p { font-size: 18px; text-align: center; color: #333; font-size: 0.94vw; } .innerProduct-content2-title { margin: 70px 40px 0; border-bottom: 1px solid #eeeeee; height: 40px; margin: 3.6vw 2.1vw 0; height: 2.1vw; } .innerProduct-content2-title b { float: left; font-size: 18px; color: #333; margin-right: 60px; font-weight: bold; height: 39px; cursor: pointer; position: relative; font-size: 0.94vw; height: 2vw; } .innerProduct-content2-title b:before { width: 0; left: 0; right: 0; bottom: -3px; content: ""; background: #005c31; transition: all 0.5s; height: 3px; position: absolute; margin: auto; } .innerProduct-content2-title b.on { font-weight: bold; } .innerProduct-content2-title b.on:before { width: 100%; } .innerProduct-content2-list { margin: 20px 40px; overflow: hidden; margin: 1.04vw 2.1vw; } .innerProduct-content2-list-item * { max-width: 100%; } .innerProduct-content2-list-item .innerProduct-content2-list-item-h3 { font-size: 18px; font-weight: normal; color: #333; font-size: 0.94vw; } .innerProduct-content2-list-item .innerProduct-content2-list-item-div { font-size: 16px; margin: 10px 0 30px; font-size: 0.84vw; margin: 0.5vw 0 1.56vw; } .innerProduct-content2-list-item .innerProduct-content2-list-item-div * { max-width: 100%; } .innerProduct-content2-list-item .innerProduct-content2-list-item-div table tr { border-top: 1px solid #333; border-left: 1px solid #333; } .innerProduct-content2-list-item .innerProduct-content2-list-item-div table tr td { border-right: 1px solid #333; border-bottom: 1px solid #333; padding: 20px; padding: 1.04vw; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl { overflow: hidden; display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl { float: left; border: 1px solid #f2f2f2; box-sizing: border-box; width: 32%; border-radius: 10px; overflow: hidden; margin: 25px 2% 25px 0; transition: all 0.5s; background: #f2f2f2; margin: 1.25vw 2% 1.25vw 0; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl:nth-child(3n) { margin-right: 0; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl dt { height: 235px; line-height: 235px; font-size: 0; text-align: center; overflow: hidden; height: 12.2vw; line-height: 12.2vw; background: #fff; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl dt img { max-width: 85%; max-height: 85%; transition: all 0.5s; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl dd { font-size: 18px; /* background: #f2f2f2; */ padding: 10px 20px; line-height: 30px; min-height: 60px; overflow: hidden; transition: all 0.5s; font-size: 0.94vw; margin: 0.5vw 1.04vw; line-height: 1.56vw; min-height: 3.12vw; padding: 0; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl:hover { border-color: #005c31; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl:hover { background: #005c31; color: #fff; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl:hover dd { color: #fff; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl:hover dt img { transform: scale(1.05); } .innerProduct-content2-consumables { margin: 1.04vw 2.1vw; } .innerProduct-content2-consumables dl { overflow: hidden; padding: 1vw 0; } .innerProduct-content2-consumables dl dt { float: left; width: 22vw; height: 12vw; font-size: 0; text-align: center; line-height: 12vw; } .innerProduct-content2-consumables dl dt img { max-width: 100%; max-height: 100%; } .innerProduct-content2-consumables dl dd { float: right; width: 38vw; } .innerProduct-content2-consumables dl dd h3 { font-size: 1.04vw; color: #333; margin-bottom: 1vw; font-weight: bold; } .innerProduct-content2-consumables dl dd div { overflow: hidden; margin-bottom: 0.5vw; } .innerProduct-content2-consumables dl dd div span { float: left; font-size: 0.84vw; color: #999; width: 2.7vw; } .innerProduct-content2-consumables dl dd div p { font-size: 0.84vw; color: #333; width: 35.3vw; float: right; } .innerProduct-content2-scientific { margin: 1.04vw 2.1vw; } .innerProduct-content2-scientific .innerProduct-content2-list-item-h3 { font-size: 18px; font-weight: normal; color: #333; font-size: 0.94vw; font-weight: bold; } .innerProduct-content2-scientific div.innerProduct-content2-list-item-div { border: 1px solid #dedede; width: 100%; margin: 1vw 0; } .innerProduct-content2-list-item-div div { overflow: hidden; text-align: center; } .innerProduct-content2-list-item-div div:nth-child(even) { background: #f1f1f1; } .innerProduct-content2-list-item-div div b { float: left; font-size: 0.84vw; color: #333; padding: 0.5vw 1vw; box-sizing: border-box; width: 20%; border-right: 1px solid #dedede; } .innerProduct-content2-list-item-div div h3 { float: left; font-size: 0.84vw; color: #333; padding: 0.5vw 1vw; box-sizing: border-box; width: 80%; font-weight: bold; } .innerProduct-content2-list-item-div div span { float: left; font-size: 0.84vw; color: #666; padding: 0.5vw 1vw; box-sizing: border-box; width: 20%; border-right: 1px solid #dedede; } .innerProduct-content2-list-item-div div p { float: left; font-size: 0.84vw; color: #666; padding: 0.5vw 1vw; box-sizing: border-box; width: 80%; } .innerProduct-content2-scientific table { border: 1px solid #dedede; width: 100%; margin: 1vw 0; } .innerProduct-content2-scientific table tr:nth-child(even) { background: #f1f1f1; } .innerProduct-content2-scientific table th { font-size: 0.84vw; color: #333; padding: 0.5vw 1vw; text-align: left; } .innerProduct-content2-scientific table td { font-size: 0.84vw; color: #666; padding: 0.5vw 1vw; } .innerTec { background: #f6f6f6; overflow: hidden; padding: 65px 0 70px; padding: 15px 0 70px; } .innerTec-title { width: 84%; margin: 0 auto; text-align: center; } .innerTec-title h3 { font-size: 30px; color: #333; font-weight: bold; display: none; } .innerTec-title p { font-size: 24px; color: #005c31; margin: 30px 0 10px; } .innerTec-title div { font-size: 16px; } .innerTec-list { width: 84%; margin: 45px auto 0; background: #fff; font-size: 0; } .innerTec-list .innerTec-list-text { display: inline-block; vertical-align: middle; width: 34%; } .innerTec-list .innerTec-list-text div { margin: 0 60px; } .innerTec-list .innerTec-list-text h3 { font-size: 24px; color: #333; font-weight: bold; } .innerTec-list .innerTec-list-text p { font-size: 16px; color: #333; margin-top: 30px; } .innerTec-list .innerTec-list-img { display: inline-block; vertical-align: middle; width: 66%; position: relative; } .innerTec-list .innerTec-list-img div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; /* background: rgba(0, 0, 0, 0.45); */ } .innerTec-list .innerTec-list-img div dl { width: 33.333%; float: left; height: 100%; position: relative; box-sizing: border-box; border-right: 1px solid rgba(255, 255, 255, 0.4); } .innerTec-list .innerTec-list-img div dl:last-child { border: none; } .innerTec-list .innerTec-list-img div dl dt { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 101px; margin: auto; } .innerTec-list .innerTec-list-img div dl dt span { width: 62px; margin: 0 auto; text-align: center; height: 62px; line-height: 62px; display: block; position: relative; } .innerTec-list .innerTec-list-img div dl dt span em { width: 10px; height: 10px; background: #fff; border-radius: 50%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .innerTec-list .innerTec-list-img div dl dt span:before { width: 28px; height: 28px; border: 1px solid hsla(0, 0%, 100%, .3); border-radius: 50%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: ""; } .innerTec-list .innerTec-list-img div dl dt span:after { width: 44px; height: 44px; border: 1px solid hsla(0, 0%, 100%, .3); border-radius: 50%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: ""; } .innerTec-list .innerTec-list-img div dl dt img { width: 40px; transition: all 0.5s; } .innerTec-list .innerTec-list-img div dl b { font-size: 16px; font-weight: bold; color: #fff; text-align: center; margin-top: 15px; display: block; } .innerTec-list .innerTec-list-img div dl:hover dt img { width: 100%; } .innerTec-list .innerTec-list-img div dl:hover dt em { width: 20px; height: 20px; animation: big 1.3s linear 0s infinite both; } .innerTec-list .innerTec-list-img div dl:hover dt span:before { width: 38px; height: 38px; animation: big 1.3s linear 0.15s infinite both; } .innerTec-list .innerTec-list-img div dl:hover dt span:after { width: 54px; height: 54px; animation: big 1.3s linear 0.3s infinite both; } @keyframes big { 20% { -webkit-transform: scale(1.15); transform: scale(1.15); -webkit-animation-timing-function: ease; animation-timing-function: ease } 50% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease; animation-timing-function: ease } } .innerTec-list .innerTec-list-img p img { max-width: 100%; } .innerTechnology-brief { background: url(amplification-img05.jpg) no-repeat center; background-size: cover; overflow: hidden; } .innerTechnology-title { width: 84%; margin: 50px auto 0; text-align: center; } .innerTechnology-title p { font-size: 24px; text-transform: uppercase; font-size: 1.25vw; } .innerTechnology-title h3 { font-weight: bold; color: #333; font-size: 30px; margin-top: 5px; font-size: 1.5vw; } .innerTechnology-brief-list { width: 84%; margin: 25px auto; font-size: 16px; line-height: 28px; font-size: 0.84vw; } .innerTechnology-brief-item { width: 84%; margin: 40px auto; overflow: hidden; } .innerTechnology-brief-item dl { float: left; width: 25%; margin-bottom: 20px; } .innerTechnology-brief-item dl dt { font-size: 0; text-align: center; height: 5.2vw; } .innerTechnology-brief-item dl dt img { max-height: 75%; } .innerTechnology-brief-item dl dd h3 { text-align: center; font-size: 24px; color: #333; font-weight: normal; font-size: 1.25vw; } .innerTechnology-brief-item dl dd p { text-align: center; margin-top: 5px; } .innerTechnology-brief-item dl dd p span { display: inline-block; font-size: 16px; text-align: left; max-width: 60%; line-height: 30px; color: #999999; font-size: 0.84vw; line-height: 1.56vw; } .innerTechnology-advantage { width: 84%; margin: 45px auto 170px; position: relative; margin-bottom: 9vw; } .innerTechnology-advantage-number { width: 375px; height: 375px; margin: auto; position: relative; width: 19.5vw; height: 19.5vw; } .innerTechnology-advantage-number span { font-size: 72px; color: #005c31; font-family: "TT0320M"; position: absolute; left: 0; right: 0; top: 110px; text-align: center; font-size: 3.75vw; top: 5.7vw; } .innerTechnology-advantage-number em { font-size: 24px; font-weight: bold; color: #333; position: absolute; left: 0; right: 0; bottom: 140px; text-align: center; font-size: 1.25vw; bottom: 7.25vw; } .innerTechnology-advantage-number img { width: 100%; } .innerTechnology-advantage-list { margin: 45px 0 0 0; position: relative; } .innerTechnology-advantage-list5 {} .innerTechnology-advantage-list5 div { overflow: hidden; position: absolute; width: calc((100% - 200px)/2); left: 0; width: calc((100% - 10.5vw)/2); } .innerTechnology-advantage-list5 div dd { float: left; width: calc(100% - 260px); width: calc(100% - 13.5vw); } .innerTechnology-advantage-list5 div span { font-family: "TT0319M"; font-size: 36px; color: #999; float: left; margin-right: 20px; line-height: 40px; font-size: 1.8vw; position: relative; width: 40px; height: 40px; line-height: 30px; margin-right: 10px; /* text-align: center; */ width: 100%; font-size: 1.2vw; /* text-indent: 6vw; */ } .innerTechnology-advantage-list5 div span img { width: 35px; position: relative; /* top: -3px; */ width: 1.8vw; } .innerTechnology-advantage-list5 div p { font-size: 16px; float: left; width: calc(100% - 50px); color: #333; font-size: 0.84vw; } .innerTechnology-advantage-list5 div img { position: absolute; right: 0; top: 0; width: 1.7vw; } .innerTechnology-advantage-list5 div::before { position: absolute; right: 32px; top: 15px; bottom: 0; width: 155px; content: ""; height: 1px; background: #eeeeee; width: 8vw; } .innerTechnology-advantage-list5 div:nth-child(even) { right: 0; left: inherit; } .innerTechnology-advantage-list5 div:nth-child(even) img { left: 0; } .innerTechnology-advantage-list5 div:nth-child(even) dd { float: right; } .innerTechnology-advantage-list5 div:nth-child(even)::before { left: 32px; right: inherit; } .innerTechnology-advantage-list5 div:nth-child(1) { top: 25px; top: 1.3vw; } .innerTechnology-advantage-list5 div:nth-child(2) { top: 25px; top: 1.3vw; } .innerTechnology-advantage-list5 div:nth-child(3) { top: 240px; width: calc((100% - 320px)/2); top: 12.5vw; width: calc((100% - 16.8vw)/2); } .innerTechnology-advantage-list5 div:nth-child(3) dd { width: calc(100% - 200px); width: calc(100% - 10.5vw); } .innerTechnology-advantage-list5 div:nth-child(4) { top: 240px; width: calc((100% - 320px)/2); top: 12.5vw; width: calc((100% - 16.8vw)/2); } .innerTechnology-advantage-list5 div:nth-child(4) dd { width: calc(100% - 200px); width: calc(100% - 10.5vw); } .innerTechnology-advantage-list5 div:nth-child(5) { width: 435px; margin: auto; right: 0; bottom: -85px; width: 22.7vw; bottom: -125px; } .innerTechnology-advantage-list5 div:nth-child(5) dd { width: 100%; margin-top: 50px; } .innerTechnology-advantage-list5 div:nth-child(5)::before { display: none; } .innerTechnology-advantage-list5 div:nth-child(5) img { left: 0; margin: auto; top: 0px; } .innerTechnology-advantage-list6 div dd { float: left; width: calc(100% - 275px); width: calc(100% - 14.3vw); } .innerTechnology-advantage-list6 div:nth-child(3) { top: 170px; width: calc((100% - 350px)/2); top: 8.85vw; width: calc((100% - 18vw)/2); } .innerTechnology-advantage-list6 div:nth-child(3) dd { width: calc(100% - 200px); width: calc(100% - 10.4vw); } .innerTechnology-advantage-list6 div:nth-child(4) { top: 170px; width: calc((100% - 350px)/2); top: 8.85vw; width: calc((100% - 18vw)/2); } .innerTechnology-advantage-list6 div:nth-child(4) dd { width: calc(100% - 200px); width: calc(100% - 10.4vw); } .innerTechnology-advantage-list6 div:nth-child(5) { width: calc((100% - 200px)/2); margin: auto; right: inherit; bottom: inherit; top: 325px; top: 16.9vw; width: calc((100% - 10vw)/2); } .innerTechnology-advantage-list6 div:nth-child(5) dd { width: calc(100% - 12.8vw); margin-top: 0; } .innerTechnology-advantage-list6 div:nth-child(5)::before { display: block; } .innerTechnology-advantage-list6 div:nth-child(5) img { left: auto; top: 0px; } .innerTechnology-advantage-list6 div:nth-child(6) { top: 325px; top: 16.9vw; width: calc((100% - 10vw)/2); } .innerTechnology-advantage-list4 div dd { float: left; width: calc(100% - 200px); width: calc(100% - 10.4vw); } .innerTechnology-advantage-list4 div:nth-child(1) { top: 65px; width: calc((100% - 280px)/2); top: 3.4vw; width: calc((100% - 14.5vw)/2); } .innerTechnology-advantage-list4 div:nth-child(2) { top: 65px; width: calc((100% - 280px)/2); top: 3.4vw; width: calc((100% - 14.5vw)/2); } .innerTechnology-advantage-list4 div:nth-child(4) { top: 280px; width: calc((100% - 280px)/2); top: 14.55vw; width: calc((100% - 14.5vw)/2); } .innerTechnology-advantage-list4 div:nth-child(3) { top: 280px; width: calc((100% - 280px)/2); top: 14.55vw; width: calc((100% - 14.5vw)/2); } .innerTechnology-item { padding: 0.1vw 0 3vw; background: #f9f9f9; } .innerTechnology-item .innerProduct-content2-list-item-dl { overflow: hidden; display: flex; align-items: stretch; flex-wrap: wrap; width: 84%; margin: 0 auto; } .innerTechnology-item .innerProduct-content2-list-item-dl dl { float: left; border: 1px solid #f2f2f2; box-sizing: border-box; width: 24%; border-radius: 10px; overflow: hidden; margin: 25px 2% 25px 0; transition: all 0.5s; background: #f2f2f2; margin: 1.25vw 1.333% 1.25vw 0; } .innerTechnology-item .innerProduct-content2-list-item-dl dl:nth-child(4n) { margin-right: 0; } .innerTechnology-item .innerProduct-content2-list-item-dl dl dt { height: 235px; line-height: 235px; font-size: 0; text-align: center; overflow: hidden; height: 12.2vw; line-height: 12.2vw; background: #fff; } .innerTechnology-item .innerProduct-content2-list-item-dl dl dt img { max-width: 85%; max-height: 85%; transition: all 0.5s; } .innerTechnology-item .innerProduct-content2-list-item-dl dl dd { font-size: 18px; /* background: #f2f2f2; */ padding: 10px 20px; line-height: 30px; min-height: 60px; overflow: hidden; transition: all 0.5s; font-size: 0.94vw; margin: 0.5vw 1.04vw; line-height: 1.56vw; min-height: 3.12vw; padding: 0; } .innerTechnology-item .innerProduct-content2-list-item-dl dl:hover { border-color: #005c31; } .innerTechnology-item .innerProduct-content2-list-item-dl dl:hover { background: #005c31; color: #fff; } .innerTechnology-item .innerProduct-content2-list-item-dl dl:hover dd { color: #fff; } .innerTechnology-item .innerProduct-content2-list-item-dl dl:hover dt img { transform: scale(1.05); } .innerNews { background: #f8f8f8; overflow: hidden; } .innerNews-list { width: 84%; margin: 35px auto; overflow: hidden; padding: 0 10px; } .innerNews-list-item { float: left; width: calc(100% - 540px); width: 100%; } .innerNews-list-item dl { background: #fff; overflow: hidden; margin-bottom: 20px; } .innerNews-list-item dl dt { float: right; /* width: 57.845%; */ height: 351px; overflow: hidden; position: relative; width: 612px; height: 18.3vw; width: 32vw; } .innerNews-list-item dl dt img { /* position: absolute;left: -306px;top: 0;margin-left: 50%; */ width: 100%; } .innerNews-list-item dl dd { float: left; width: 42.155%; box-sizing: border-box; padding: 0 30px; width: calc(100% - 612px); margin-left: 1.56vw; padding: 0; width: 48vw; } .innerNews-list-item dl dd span { font-size: 20px; color: #005c31; display: block; font-family: "alter"; margin-top: 40px; font-size: 1.04vw; } .innerNews-list-item dl dd h3 { font-size: 20px; font-weight: bold; color: #333; margin: 15px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.04vw; } .innerNews-list-item dl dd p { font-size: 16px; line-height: 28px; max-height: 112px; overflow: hidden; font-size: 0.84vw; } .innerNews-list-item dl dd em { display: block; width: 130px; height: 40px; border: 1px solid #fff; border-radius: 5px; font-size: 16px; color: #fff; margin: 45px 0 0; text-align: center; line-height: 40px; text-transform: uppercase; transition: all 0.5s; background: #005c31; font-size: 0.84vw; width: 6.7vw; height: 2vw; line-height: 2vw; margin-top: 2.5vw; } .innerNews-list-item div.innerNews-list-item-div { margin-bottom: 18px; overflow: hidden; padding: 25px 30px; font-size: 0; background: #fff; transition: all 0.5s; } .innerNews-list-item div.innerNews-list-item-div .date { display: inline-block; vertical-align: middle; border-right: 1px solid #eee; padding-right: 45px; } .innerNews-list-item div.innerNews-list-item-div .date span { display: block; font-size: 24px; text-align: center; color: #005c31; border-bottom: 1px solid #eeeeee; line-height: 50px; font-size: 1.25vw; line-height: 2.5vw; } .innerNews-list-item div.innerNews-list-item-div .date em { display: block; font-size: 16px; color: #005c31; line-height: 30px; padding-top: 4px; font-size: 0.84vw; } .innerNews-list-item div.innerNews-list-item-div .text { display: inline-block; vertical-align: middle; margin-left: 24px; width: calc(100% - 160px); background: url(right2.png) no-repeat right center; transition: all 0.5s; background-size: 1.5vw; } .innerNews-list-item div.innerNews-list-item-div .text h3 { font-size: 20px; color: #333; font-weight: normal; margin-right: 50px; font-size: 1.04vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .innerNews-list-item div.innerNews-list-item-div .text p { font-size: 16px; color: #999; margin-right: 50px; max-height: 52px; overflow: hidden; line-height: 26px; color: #999999; margin-top: 3px; font-size: 0.84vw; } .innerNews-list-item div.innerNews-list-item-div:hover { box-shadow: 1px 3px 5px 1px #d1dfd9; } .innerNews-list-item div.innerNews-list-item-div:hover .text { background: url(right3.png) no-repeat right center; } .rightContact { float: right; width: 487px; display: none; } .rightContact .rightContact-search { border: 1px solid #eeeeee; background: #fff; height: 62px; } .rightContact .rightContact-search input { float: left; border: none; height: 62px; line-height: 62px; font-size: 16px; margin-left: 20px; width: 380px; } .rightContact .rightContact-search a { float: right; height: 62px; width: 62px; background: url(search2.png) no-repeat center; margin-right: 10px; font-size: 0; } .rightContact h3 { font-size: 24px; border-bottom: 1px solid #eeeeee; line-height: 80px; font-weight: normal; } .rightContact p { line-height: 36px; font-size: 16px; margin-top: 25px; } .innerDetails { float: left; width: calc(100% - 540px); background: #fff; width: 100%; } .innerDetails .innerDetails-title { margin: 35px 35px 20px; } .innerDetails .innerDetails-title h3 { font-size: 24px; color: #333; font-weight: normal; font-size: 1.25vw; } .innerDetails .innerDetails-title p { font-size: 16px; color: #999999; margin-top: 10px; font-size: 0.84vw; } .innerDetails .innerDetails-list { margin: 0 35px; padding: 20px 0 50px; border-top: 1px solid #eeeeee; font-size: 16px; line-height: 30px; min-height: 300px; } .innerDetails .innerDetails-list * { max-width: 100%; } .innerDetails .innerDetails-prevNext { padding: 15px 35px 35px; border-top: 1px solid #eeeeee; font-size: 16px; overflow: hidden; } .innerDetails .innerDetails-prevNext p { overflow: hidden; line-height: 44px; float: left; width: 48%; white-space: nowrap; text-overflow: ellipsis; font-size: 0; line-height: 2.3vw; } .innerDetails .innerDetails-prevNext p:last-child { float: right; } .innerDetails .innerDetails-prevNext a { font-size: 16px; font-size: 0.84vw; } .innerDetails .innerDetails-prevNext span { font-size: 16px; font-size: 0.84vw; } .innerDetails .innerDetails-prevNext em { font-size: 16px; color: #fff; background: #005c31; display: inline-block; width: 110px; text-align: center; margin-right: 20px; font-size: 0.84vw; width: 5.75vw; } .innerJob { background: #f8f8f8; overflow: hidden; } .innerJob-list { width: 84%; margin: 35px auto; overflow: hidden; } .innerJob-list-join { float: left; background: #fff; width: 306px; box-sizing: border-box; padding: 25px; width: ; padding: 1.3vw; width: 16vw; } .innerJob-list-join h3 { font-size: 30px; color: #333; font-weight: normal; font-size: 1.5vw; } .innerJob-list-join p { font-size: 16px; color: #333; font-size: 0.84vw; } .innerJob-list-join dl { margin-top: 15px; border-top: 1px solid #eeeeee; padding-top: 30px; } .innerJob-list-join dt { text-align: center; } .innerJob-list-join dt img { max-width: 100%; } .innerJob-list-join dd { font-size: 16px; line-height: 30px; text-align: center; font-size: 0.84vw; } .innerJob-list-item { float: right; background: #fff; width: calc(100% - 330px); width: 66.4vw; } .innerJob-list-item-sort { padding: 30px 0; border-bottom: 10px solid #f8f8f8; margin: 0 30px 0px; } .innerJob-list-item-sort ul { overflow: hidden; margin-bottom: 10px; } .innerJob-list-item-sort ul span { float: left; font-size: 18px; color: #005c31; line-height: 35px; margin-right: 30px; font-size: 0.94vw; } .innerJob-list-item-sort ul li { float: left; font-size: 16px; color: #333; cursor: pointer; line-height: 35px; margin-right: 30px; padding: 0 15px; font-size: 0.84vw; padding: 0 0.8vw; margin-right: 1.5vw; } .innerJob-list-item-sort ul li.on { background: #005c31; color: #fff; border-radius: 35px; } .innerJob-list-item-sort div { overflow: hidden; } .innerJob-list-item-sort div span { float: left; font-size: 18px; color: #005c31; cursor: pointer; line-height: 35px; margin-right: 30px; font-size: 0.94vw; } .innerJob-list-item-sort div p { float: left; line-height: 33px; margin-right: 30px; color: #005c31; border: 1px solid #005c31; font-size: 0; height: 33px; border-radius: 35px; padding: 0 15px; } .innerJob-list-item-sort div p em { font-size: 16px; font-size: 0.84vw; } .innerJob-list-item-sort div p img { vertical-align: top; margin-top: 12px; margin-left: 7px; cursor: pointer; } .innerJob-list-item-sort div a { font-size: 16px; text-decoration: underline; color: #999999; line-height: 35px; font-size: 0.84vw; } .innerJob-list-item-number { margin: 0 30px; } .innerJob-list-item-number-page { line-height: 65px; overflow: hidden; } .innerJob-list-item-number-page p { float: left; font-size: 16px; color: #005c31; font-size: 0.84vw; } .innerJob-list-item-number-page div { float: right; font-size: 16px; font-size: 0.84vw; } .innerJob-list-item-number-page div span { font-size: 16px; color: #005c31; font-size: 0.84vw; } .innerJob-list-item-number-page div em { font-size: 16px; font-size: 0.84vw; } .innerJob-list-item-number-page div a { font-size: 0; } .innerJob-list-item-number-page div a img { vertical-align: top; margin-top: 26px; } .innerJob-list-item-number table { width: 100%; border-top: 1px solid #eeeeee; } .innerJob-list-item-number table th { border-bottom: 1px solid #eeeeee; background: #f6f6f6; line-height: 50px; font-size: 16px; color: #333; font-weight: normal; font-size: 0.84vw; } .innerJob-list-item-number table td { border-bottom: 1px solid #eeeeee; line-height: 50px; font-size: 16px; text-align: center; font-size: 0.84vw; } .innerJob-list-item-number table td a { font-size: 16px; color: #005c31; text-decoration: underline; font-size: 0.84vw; } .innerJob-list-item-number .layui-laypage { display: none !important; } .innerJobDetails { background: #f8f8f8; overflow: hidden; } .innerJobDetails-list { width: 84%; margin: 30px auto; overflow: hidden; background: #fff; padding: 0 60px; box-sizing: border-box; } .innerJobDetails-title { font-size: 30px; color: #333; font-weight: bold; border-bottom: 1px dashed #eeeeee; padding: 35px 0 25px; margin-bottom: 35px; font-size: 1.5vw; } .innerJobDetails-content { margin-bottom: 30px; } .innerJobDetails-content .innerJobDetails-content-title { font-size: 16px; color: #333; font-weight: bold; font-size: 0.84vw; } .innerJobDetails-content .innerJobDetails-content-list { font-size: 16px; line-height: 30px; margin-top: 10px; font-size: 0.84vw; } .innerJobDetails-content .innerJobDetails-content-list * { max-width: 100%; } .innerJobDetails-welfare { background: #f5f9f7; padding: 50px 650px 50px 70px; position: relative; min-height: 230px; } .innerJobDetails-welfare .innerJobDetails-welfare-img { position: absolute; top: 0; bottom: 0; right: 50px; margin: auto; } .innerJobDetails-welfare .innerJobDetails-welfare-title { font-size: 24px; color: #005c31; font-weight: normal; font-size: 1.25vw; } .innerJobDetails-welfare .innerJobDetails-welfare-list { font-size: 16px; margin-top: 20px; line-height: 30px; font-size: 0.84vw; } .innerJobDetails-btn { margin: 45px 0 80px; overflow: hidden; position: relative; } .innerJobDetails-btn p { float: left; width: 288px; height: 77px; line-height: 77px; text-align: center; font-size: 16px; background: #005c31; color: #fff; cursor: pointer; font-size: 0.84vw; width: 15vw; height: 4vw; line-height: 4vw; } .innerJobDetails-btn a { float: right; width: 220px; height: 50px; position: absolute; right: 0; bottom: 0; border: 1px solid #eee; text-align: center; line-height: 50px; font-size: 16px; font-size: 0.84vw; } .innerJobDetails-btn a img { margin-left: 10px; vertical-align: top; margin-top: 16px; } .innerJobDetails-form { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); z-index: 9999; display: none; } .innerJobDetails-form-list { position: absolute; background: #fff; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 832px; height: 550px; border-radius: 5px; padding: 40px 60px; box-sizing: border-box; } .innerJobDetails-form-list h3 { font-size: 30px; color: #005c31; font-weight: normal; margin-bottom: 35px; font-size: 1.5vw; } .innerJobDetails-form-list img { position: absolute; right: -40px; top: -40px; cursor: pointer; } .innerJobDetails-form-list form>div { margin: 15px 0; height: 54px; } .innerJobDetails-form-list form>div span { float: left; font-size: 16px; line-height: 50px; font-size: 0.84vw; } .innerJobDetails-form-list form>div input { float: right; font-size: 16px; border: 1px solid #eee; height: 52px; line-height: 50px; width: 570px; padding: 0 20px; box-sizing: content-box; font-size: 0.84vw; } .innerJobDetails-form-list form>div .layui-form-select { float: right; width: 612px; } .innerJobDetails-form-list form>div .layui-form-select .layui-input { padding: 0 20px; } .innerJobDetails-form-list .layui-btn { width: 100%; height: 57px; border: none; background: #005c31; color: #fff; font-size: 16px; border-radius: 5px; margin-top: 40px; font-size: 0.84vw; } .innerJobDetails-form-list .singUploader { float: right; width: 612px; } .innerJobDetails-form-list .singUploader .webuploader-container { border: none; } .innerJobDetails-form-list .singUploader .webuploader-pick { width: 144px; height: 54px; background: #eee; line-height: 54px; font-size: 16px; font-size: 0.84vw; } .innerContact { background: #f8f8f8; overflow: hidden; } .innerContact-list { width: 84%; margin: 45px auto; overflow: hidden; } .innerContact-list dt { float: right; background: #fff; padding: 2px; width: 60%; height: 530px; box-sizing: border-box; margin-top: 20px; } .innerContact-list dd { float: left; width: 37%; } .innerContact-list dd h3 { font-size: 30px; color: #333; font-weight: normal; border-bottom: 1px solid #c4c4c4; padding-bottom: 20px; margin-bottom: 10px; font-size: 1.5vw; } .innerContact-list dd p { font-size: 16px; overflow: hidden; margin: 0px 0; line-height: 50px; font-size: 0.84vw; } .innerContact-list dd p span { float: left; width: 35px; } .innerContact-list dd p b { color: #333; float: left; } .innerContact-list dd div { height: 30px; } .layui-laypage { width: 100%; text-align: center; } .layui-laypage .layui-laypage-count { padding: 0 10px; font-size: 16px; } .layui-laypage a, .layui-laypage span { font-size: 16px; } .layui-laypage a:hover { color: #004823; } .layui-laypage .layui-laypage-curr .layui-laypage-em { background: #004823; } .section { overflow: hidden; } /* .innerInvestor .innerNews-list-item{width: 100%;} */ /* 瀛椾綋鏇存柊 */ @media screen and (max-width:1920px) { .header-list .nav ul li a { font-size: 20px; font-size: 16px; font-weight: normal; } .header-list .nav ul li ul li a { font-size: 18px; font-size: 16px; } .header-list .nav ul li ul li ul li a { font-size: 16px; font-size: 14px; } .innerNav .innerNav-list li a { font-size: 16px; } .innerNav p { font-size: 16px; } .innerNav p a { font-size: 16px; } .innerAbout-brief .innerAbout-brief-text .text-div { font-size: 16px; height: 17.2vw; overflow: hidden; line-height: 30px; } .innerAbout-cultrue .innerAbout-title { font-size: 30px; } .innerAbout-cultrue .innerAbout-cultrue-list dl { height: auto; } .innerAbout-cultrue .innerAbout-cultrue-list dl dd h3 { font-size: 24px; } .innerAbout-cultrue .innerAbout-cultrue-list dl dd span { font-size: 16px; } .innerAbout-cultrue .innerAbout-cultrue-list dl dd p { font-size: 16px; height: 120px; } .innerAbout-title { font-size: 30px; } .innerAbout-develop { min-height: 828px; } .innerAbout-develop-list .preview .swiper-slide { padding: 36px 0 30px; } .innerAbout-develop-list .preview .swiper-slide.active-nav span { font-size: 36px; } .innerAbout-develop-list .preview .swiper-slide span { font-size: 28px; bottom: 24px; } .innerAbout-develop-list .preview .swiper-slide em { width: 13px; height: 13px; } .innerAbout-develop-list .preview p { top: 59px; } .innerAbout-develop-list .view { height: 520px; } .innerAbout-develop-list .view .swiper-slide dl dt { height: 520px; line-height: 520px; } .innerAbout-develop-list .view .swiper-slide dl dd h3.year { font-size: 30px; } .innerAbout-develop-list .view .swiper-slide dl dd div.content { font-size: 16px; line-height: 30px; } .innerAbout-certify .swiper-slide p { font-size: 18px; } .innerProduct-content2-title { height: 40px; } .innerProduct-content2-title b { font-size: 18px; height: 39px; } .innerProduct-content2-list-item .innerProduct-content2-list-item-h3 { font-size: 18px; } .innerProduct-content2-list-item .innerProduct-content2-list-item-div { font-size: 16px; } .innerProduct-content2-scientific .innerProduct-content2-list-item-h3 { font-size: 18px; } .innerProduct-content2-list-item-div div b { font-size: 16px; } .innerProduct-content2-list-item-div div h3 { font-size: 16px; } .innerProduct-content2-list-item-div div span { font-size: 16px; } .innerProduct-content2-list-item-div div p { font-size: 16px; } .innerProduct-content2-brief h3 { font-size: 30px; } .innerProduct-content2-brief p { font-size: 18px; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl dd { font-size: 18px; line-height: initial; } .innerProduct-content2-consumables dl dd h3 { font-size: 20px; } .innerProduct-content2-consumables dl dd div span { font-size: 16px; width: 52px; } .innerProduct-content2-consumables dl dd div p { font-size: 16px; width: calc(100% - 52px); } .innerTechnology-title p { font-size: 24px; } .innerTechnology-title h3 { font-size: 28px; } .innerTechnology-brief-list { font-size: 16px; } .innerTechnology-brief-item dl dd h3 { font-size: 24px; } .innerTechnology-brief-item dl dd p span { font-size: 16px; line-height: inherit; max-width: 80%; } .innerTechnology-advantage-list5 div p { font-size: 16px; } .innerTechnology-item .innerProduct-content2-list-item-dl dl dd { font-size: 18px; } .innerNews-list-item dl dd span { font-size: 20px; margin-top: 2.1vw; } .innerNews-list-item dl dd h3 { font-size: 20px; margin-top: 0.8vw; } .innerNews-list-item dl dd p { font-size: 16px; } .innerNews-list-item div.innerNews-list-item-div .date span { font-size: 24px; } .innerNews-list-item div.innerNews-list-item-div .date em { font-size: 16px; } .innerNews-list-item div.innerNews-list-item-div .text h3 { font-size: 20px; } .innerNews-list-item div.innerNews-list-item-div .text p { font-size: 16px; } .innerDetails .innerDetails-title h3 { font-size: 24px; } .innerDetails .innerDetails-title p { font-size: 16px } .innerDetails .innerDetails-prevNext em { font-size: 16px; width: 110px; line-height: 44px; } .innerDetails .innerDetails-prevNext a { font-size: 16px; } .innerJob-list-join h3 { font-size: 30px; } .innerJob-list-join p { font-size: 16px; } .innerJob-list-join dd { font-size: 16px; } .innerJob-list-item-sort ul span { font-size: 16px; } .innerJob-list-item-sort ul li { font-size: 16px; } .innerJob-list-item-sort div span { font-size: 16px; } .innerJob-list-item-sort div a { font-size: 16px; } .innerJob-list-item-sort div p em { font-size: 16px; } .innerJob-list-item-number-page p { font-size: 16px; } .innerJob-list-item-number-page div { font-size: 16px; } .innerJob-list-item-number-page div span { font-size: 16px; } .innerJob-list-item-number-page div em { font-size: 16px; } .innerJob-list-item-number table th { font-size: 16px; } .innerJob-list-item-number table td { font-size: 16px; } .innerJob-list-item-number table td a { font-size: 16px; } .innerJobDetails-title { font-size: 30px; } .innerJobDetails-content .innerJobDetails-content-title { font-size: 16px; } .innerJobDetails-content .innerJobDetails-content-list { font-size: 16px; } .innerJobDetails-welfare .innerJobDetails-welfare-title { font-size: 24px; } .innerJobDetails-welfare .innerJobDetails-welfare-list { font-size: 16px; } .innerJobDetails-btn p { font-size: 16px; } .innerJobDetails-btn a { font-size: 16px; } .innerJobDetails-form-list form>div span { font-size: 16px; } .innerJobDetails-form-list form>div input { font-size: 16px; } .innerJobDetails-form-list .layui-btn { font-size: 16px; } .innerJobDetails-form-list .singUploader .webuploader-pick { font-size: 16px; } .innerContact-list dd h3 { font-size: 30px; } .innerContact-list dd p { font-size: 16px; } .banner .tip { width: 112px; } .banner .tip p { font-size: 14px; } .about .about-list .about-data div p { font-size: 16px } .about .about-list .about-brief .about-brief-list h3 { font-size: 24px; } .about .about-list .about-brief .about-brief-list p { font-size: 16px; } .about .about-list .about-brief .about-brief-list div { font-size: 16px; line-height: 30px; height: auto; margin-bottom: 2vw; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .index-title h3 { font-size: 26px; font-weight: bold; } .index-title b { font-size: 30px; font-size: 24px; } .product-list .product-list-item p b { font-size: 20px; font-size: 18px; } .product-list .swiper-container .swiper-slide dd h3 { font-size: 18px; } .technology .technology-brief-list h3 { font-size: 24px; font-size: 18px; } .technology .technology-brief-list p { font-size: 16px; line-height: 36px; } .technology .technology-list dl dt h3 { font-size: 18px; } .technology .technology-list dl dd p span { font-size: 1.04vw; font-size: 16px; line-height: inherit; } .footer-list-nav-contact h3 { font-size: 18px; font-size: 16px; } .footer-list-nav-contact p { font-size: 16px; } .footer-list-nav-list ul li a { font-size: 18px; font-size: 16px; } .footer-list-nav-list ul li ul li { max-width: 150px; } .footer-list-nav-list ul li ul li a { font-size: 14px; } .footer-list-copyright { font-size: 14px; } .footer-list-copyright a { font-size: 14px; } .contact-list .contact-list-item h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .contact-list .contact-list-item p { font-size: 16px; } } @media screen and (max-width:1750px) { /* .header-list .nav ul li{margin-right: 60px;} */ .technology .technology-brief { background-size: 16.5vw; } } @media screen and (max-width:1680px) { /* .about .about-list .about-brief{width: 60%;margin-left: 21.25%;} .about .about-list .about-brief .about-brief-list{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} .about .about-list .about-video div{height: 100%;} .about .about-list .about-brief .about-brief-list h3{margin-top: 20%;} .about .about-list .about-brief .about-brief-list div{margin: 30px 60px 55px 60px;} */ /* .technology .technology-brief{width: 25%;} .technology .technology-list{width: 71%;} */ .innerContact-list dd p { line-height: 44px; } } @media screen and (max-width:1600px) { /* .header{height: 86px;} */ /* .header-list .logo{height: 86px;line-height: 86px;} */ /* .header-list .nav ul li{margin-right: 40px;margin-right: 2.5vw;} */ /* .header-list .nav ul li{line-height: 86px;} */ /* .header-list .nav ul li a{font-size: 18px;} */ /* .header-list .nav ul li ul{top: 87px;padding: 15px 0;} */ .header-list .nav ul li ul li a { font-size: 16px; } /* .header-list .nav ul li ul li ul li a{font-size: 16px;} */ .header-list .nav ul li ul li ul li a { line-height: 1.8vw; } /* .about .about-list .about-brief .about-brief-list div{margin-bottom: 30px;} */ /* .header-list .search-lang{margin-top: 30px;} */ /* .technology .index-title h3{font-size: 20px;} .technology .technology-list dl dd p{font-size: 15px;line-height: 28px;} */ /* .footer-list-nav-list ul li{margin-right: 60px;} */ /* .innerNav .innerNav-list li{padding: 0 40px;} */ .rightContact { width: 350px; } .rightContact .rightContact-search input { width: 250px; } /* .innerNews-list-item{width: calc(100% - 400px);} */ /* .innerDetails{width: calc(100% - 400px);} */ .innerJobDetails-welfare { padding-right: 500px; } .innerJobDetails-welfare .innerJobDetails-welfare-img { width: 400px; } /* .about .about-list .about-data div h3{line-height: 57px;height: 57px;} .about .about-list .about-data div h3 b{font-size: 50px;} .about .about-list .about-brief .about-brief-list h3{font-size: 20px;} .about .about-list .about-brief .about-brief-list p{font-size: 15px;} .about .about-list .about-brief .about-brief-list div{font-size: 15px;} .about .about-list .about-brief .about-brief-list a{font-size: 15px;} */ /* .about{margin-top: 86px;} .product{margin-top: 86px;} .technology{margin-top: 86px;} .contact-list{top: 86px;} .innerBanner{margin-top: 86px;} */ } @media screen and (max-width:1550px) { /* .innerNav .innerNav-list li{padding: 0 35px;} */ } @media screen and (max-width:1500px) { /* .technology .technology-list dl dd p{font-size: 14px;line-height: 26px;} */ /* .footer-list-nav-list ul li{margin-right: 50px;} */ /* .innerNav .innerNav-list li{padding: 0 30px;} */ .innerContact-list dd p { line-height: 40px; } /* .header-list .nav ul li{margin-right: 40px;} */ .header-list .nav ul li { margin-right: 40px; margin-right: 2.5vw; } .innerNav .innerNav-list li a { font-size: 16px; } .innerNav p { font-size: 16px; } .innerNav p a { font-size: 16px; } .innerAbout-brief .innerAbout-brief-text .text-div { line-height: 32px; } .innerAbout-cultrue .innerAbout-title { font-size: 24px; } .innerAbout-cultrue .innerAbout-cultrue-list dl dd h3 { font-size: 20px; } .innerAbout-title { font-size: 24px; } .innerAbout-develop-list .preview .swiper-slide.active-nav span { font-size: 30px; } .innerAbout-develop-list .preview .swiper-slide span { font-size: 22px; } .innerAbout-develop-list .view .swiper-slide dl dd h3.year { font-size: 24px; } .innerAbout-certify .swiper-slide p { font-size: 16px; } .innerProduct-content2-brief h3 { font-size: 24px; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl dd { font-size: 16px; } .innerProduct-content2-consumables dl dd h3 { font-size: 18px; } .innerTechnology-title p { font-size: 18px; } .innerTechnology-title h3 { font-size: 22px; } .innerTechnology-brief-item dl dd h3 { font-size: 20px; } .innerTechnology5 .innerTechnology-advantage { margin-bottom: 12vw; } .innerTechnology-advantage-list5 div:nth-child(5) { bottom: -115px; } .innerDetails .innerDetails-title h3 { font-size: 20px; } .innerJob-list-join h3 { font-size: 24px; } .innerJobDetails-title { font-size: 24px; } .innerJobDetails-welfare .innerJobDetails-welfare-title { font-size: 20px; } .innerJobDetails-btn a { height: 44px; line-height: 44px; } .innerJobDetails-btn a img { margin-top: 13px; } .innerContact-list dd h3 { font-size: 24px; } .about .about-list .about-brief .about-brief-list h3 { font-size: 20px; } .about .about-list .about-brief .about-brief-list div { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .about .about-list .about-brief .about-brief-list p { font-size: 14px; } .index-title h3 { font-size: 20px; } .index-title b { font-size: 24px; } .product-list .product-list-item p b { font-size: 18px; } .product-list .swiper-container .swiper-slide dd h3 { font-size: 16px; } .technology .technology-brief-list h3 { font-size: 20px; } .technology .technology-brief-list p { font-size: 16px; line-height: 30px; } /* .technology .technology-list dl dt h3{font-size: 20px;} */ .footer-list-nav-list ul li { margin-right: 4vw; } /* .contact{height: 55%;} */ .contact-list { height: 270px; } .contact-list .index-title { padding-bottom: 30px; padding-bottom: 45px; } .contact-list .contact-list-item div { margin-top: 45px; } /* .indexFooter{height: 45%;} */ /* .contact-list .contact-list-item h3{font-size: 24px;} */ /* .contact-list .contact-list-item p{font-size: 18px;} */ .contact-list .contact-list-item div a { width: 100px; height: 30px; font-size: 13px; line-height: 30px; } .technology .technology-list dl dd p span { font-size: 16px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; /* height: 180px;line-height: 30px; */ } } @media screen and (max-width:1450px) { /* .innerNav .innerNav-list li{padding: 0 25px;} */ } @media screen and (max-width:1400px) { /* .header{height: 76px;} */ /* .header-list .logo{height: 76px;line-height: 76px;} */ /* .header-list .nav{top: 35px;} */ /* .header-list .nav ul li{line-height: 76px;} */ /* .header-list .nav li a{font-size: 18px;} */ /* .header-list .nav ul li ul{top: 77px;padding: 5px 0;} */ /* .header-list .nav ul li ul li a{font-size: 16px;} */ /* .header-list .nav ul li ul li ul li a{font-size: 14px;} */ /* .header-list .search-lang{margin-top: 27px;} */ /* .header-list .search-lang .search-list img{width: 20px;} */ /* .header-list .search-lang .lang img{width: 23px;} */ /* .technology .technology-list dl dd p{padding-top: 20%;} */ /* .footer-list-nav-list ul li{margin-right: 40px;} */ /* .innerNav .innerNav-list li{padding: 0 20px;} */ /* .innerNav .innerNav-list li a{font-size: 15px;} */ /* .innerNav p{font-size: 15px;} */ /* .innerNav p a{font-size: 15px;} */ /* .header-list .nav ul li{margin-right: 30px;} */ /* .header-list .nav ul li a{font-size: 16px;} */ /* .about .about-list .about-data div h3{line-height: 45px;height: 45px;} .about .about-list .about-data div h3 b{font-size: 40px;} .about .about-list .about-data div p{font-size: 14px;} .about .about-list .about-brief .about-brief-list h3{font-size: 18px;} .about .about-list .about-brief .about-brief-list p{font-size: 14px;} .about .about-list .about-brief .about-brief-list div{font-size: 14px;} .about .about-list .about-brief .about-brief-list a{width: 130px;height: 34px;font-size: 14px;line-height: 34px;} */ /* .about{margin-top: 76px;} .product{margin-top: 76px;} .technology{margin-top: 76px;} .contact-list{top: 76px;} .innerBanner{margin-top: 76px;} */ .about .about-list .about-brief .about-brief-list a { width: 100px; height: 30px; font-size: 13px; line-height: 30px; } .product-list .product-list-item p { width: 128px; height: 45px; line-height: 45px; margin-left: 15px; } .product-list .product-list-item p span { width: 26px; height: 30px; margin-right: 15px; } .product-list .product-list-item p.on span img { top: 0px; } .product-list a.more { width: 100px; height: 30px; font-size: 13px; line-height: 30px; } .technology .technology-brief { background: none; } .technology .technology-brief-list a { width: 100px; height: 30px; font-size: 13px; line-height: 30px; } /* .technology .technology-list dl dt h3{font-size: 20px;} */ .technology .technology-list dl dd p span { -webkit-line-clamp: 8; } .contact-list .contact-list-item h3 {} .header { height: 70px; } .header-list .logo { height: 70px; line-height: 70px; } .header-list .logo img { width: auto; max-height: 65%; } .header-list .nav ul li { line-height: 70px; } .header-list .nav ul li ul { padding: 10px 0; top: 70px; } .header-list .nav ul li ul li ul li { line-height: 28px; } .header-list .nav ul li ul li ul li a { line-height: 28px; } .header-list .search-lang { margin-top: 25px; } .header-list .search-lang .lang { width: 20px; height: 20px; margin-left: 20px; } .header-list .search-lang .lang img { width: 100%; height: 100%; } .header-list .search-lang .search-list img { width: 18px; height: 20px; } .header-list .search-lang .search-list div { top: 45px; width: 210px; } .header-list .search-lang .search-list div input { height: 35px; width: 150px; font-size: 15px; } .header-list .search-lang .search-list div a { height: 35px; width: 60px; font-size: 15px; line-height: 35px; } .innerBanner { margin-top: 70px; } } @media screen and (max-width:1350px) { /* .header-list .nav{top: 37px;} */ /* .header-list .nav li a{font-size: 16px;} */ /* .innerNav .innerNav-list li{padding: 0 20px;} */ /* .about .about-list .about-brief .about-brief-list div{margin: 20px 50px;line-height: 25px;} */ } @media screen and (max-width:1300px) { /* .header-list .nav li{margin-right: 30px;} */ /* .innerNav .innerNav-list li a{font-size: 14px;} */ /* .innerNav p{font-size: 14px;} */ /* .innerNav p a{font-size: 14px;} */ /* .header-list .nav ul li{margin-right: 20px;} */ /* .header-list .nav ul li{margin-right: 3vw;} */ .about .about-list .about-brief .about-brief-list h3 { font-size: 18px; } .about .about-list .about-brief .about-brief-list p { font-size: 13px; } .about .about-list .about-brief .about-brief-list div { font-size: 15px; line-height: 27px; } .about .about-list .about-brief .about-brief-list a {} .technology .technology-brief-list h3 { font-size: 18px; } .technology .technology-brief-list p { font-size: 15px; line-height: 27px; } .technology .technology-list dl dt { height: 16vw; } .technology .technology-list dl dt h3 { font-size: 18px; } /* .technology .technology-list dl dd p span{font-size: 15px;} */ /* .footer-list-nav-contact{display: none;} */ .technology .technology-list dl dd p span { -webkit-line-clamp: 7; } } @media screen and (max-width:1200px) { /* .header-list .nav ul li a{font-size: 16px;} */ .technology .technology-list dl dd p span { -webkit-line-clamp: 6; } .footer-list-nav-list ul li { margin-right: 3vw; } } .product-list-column .swiper-container1 { position: relative; z-index: 99; opacity: 1; } .product-list-column .swiper-container2 { position: absolute; z-index: 9; left: 0; top: 0; right: 0; opacity: 0; } @media screen and (max-width:1100px) { .product-list-column .swiper-container1 { position: absolute; z-index: 9; left: 0; top: 0; right: 0; opacity: 0; } .product-list-column .swiper-container2 { position: relative; z-index: 99; opacity: 1; } .index-title h3 { font-size: 18px; } .about .about-list .about-data { display: none; } .about .about-list .about-brief { margin: 0; width: 69vw; height: 52.7vw; } .about .about-list .about-brief .about-brief-list { width: 40.8vw; height: 40.8vw; margin: 4.6vw auto 0; } .about .about-list .about-brief .about-brief-list div { -webkit-line-clamp: 6; } .about .about-list .about-video { width: 24.4vw; height: 24.4vw; } .about .about-list .about-video div { height: 24.4vw; } .technology .technology-list dl dt { height: 17vw; } .technology .technology-list dl dt h3 { font-size: 16px } /* .technology .technology-list dl dd p span{line-height: 25px;height: 150px;} */ .technology .technology-list dl dd p span { -webkit-line-clamp: 5; } .footer-list-nav-list ul li { margin-right: 2vw; } /* .footer-list-nav-contact{display: none;} */ } .pcNav { display: none; } @media screen and (max-width:1050px) { .pcNav { display: block; float: right; width: 20px; background: url(nav.png) no-repeat center; width: 20px; height: 17px; background-size: cover; cursor: pointer; margin: 25px 20px 0 0; } .header-list .nav { position: fixed; left: 0; right: 0; top: 70px; background: rgba(17, 92, 49, 0.3); bottom: 0; /* background: #fff; */ text-align: center; display: none; } .header-list .nav ul { width: 84%; font-size: 0; margin: 0 auto; display: flex; justify-content: space-between; } .header-list .nav ul li { float: initial; display: inline-block; margin: 0; text-align: center; position: relative; float: left; text-align: left; } .header-list .nav ul li a { display: inline-block; font-size: 16px; } .header-list .nav ul li a.on { width: auto; } .header-list .nav ul li ul { background: none; display: block !important; width: 100%; position: relative; top: 0; } .product-list .swiper-container .swiper-slide dd h3 { font-size: 12px; } .header-list .nav ul li ul li { display: block; width: 100%; } .header-list .nav ul li ul li a { margin: 0; text-align: left; color: #fff !important; font-size: 13px; font-weight: normal; line-height: 32px; opacity: 1; } .header-list .nav ul li ul li a:hover { opacity: 1; color: #fff !important; text-decoration: underline; } .header-list .nav ul li ul li ul { display: none !important; } .header-list .nav>ul>li:nth-child(3)>ul>li { background-color: inherit; } .header.on .header-list .nav { background: #fff !important; } .header.on .header-list .nav ul li ul li a { color: #005c31 !important; } .header.on .pcNav { background: url(nav03.png) no-repeat center; background-size: cover; } } @media screen and (max-width:1000px) { .about .about-list .about-brief .about-brief-list div { -webkit-line-clamp: 5; } .index-title h3 { font-size: 16px; } .footer-list-nav-contact { display: none; } .footer-list-nav-list ul li { margin-right: 6vw; } } @media screen and (max-width:900px) { .about .about-list .about-brief .about-brief-list h3 { margin-top: 9vw; } .about .about-list .about-brief .about-brief-list div { -webkit-line-clamp: 4; } .technology .index-title h3 { font-size: 14px } .technology .technology-brief-list p { font-size: 14px; line-height: 25px; } /* .technology .technology-list dl dd p span{height: 125px;-webkit-line-clamp: 5;} */ .technology .technology-list dl dt h3 { padding: 0; } .footer-list-nav-list ul li { margin-right: 5vw; } } @media screen and (max-width:850px) { .about .about-list .about-brief .about-brief-list h3 { font-size: 16px; } .about .about-list .about-brief .about-brief-list p { font-size: 12px; } .about .about-list .about-brief .about-brief-list div { font-size: 14px; line-height: 25px; } .about .about-list .about-brief .about-brief-list a { width: 85px; height: 26px; font-size: 12px; line-height: 26px; } .technology .technology-brief-list h3 { font-size: 16px; } .footer-list-nav-list ul li { margin-right: 3.8vw; } .footer-list-nav-list ul li a { font-size: 16px; } } .wapHeader { display: none; } .videoMp4 { display: block; } .videoFif { display: none; } @media screen and (max-width:750px) { #fp-nav.right { right: 0 !important; } .banner .swiper-pagination .swiper-pagination-bullet { width: 0.2rem; height: 0.2rem; } .videoMp4 { display: none; } .videoFif { display: block; } .menu_list_bor { position: fixed; height: 100%; width: 100%; right: -100%; top: 0; z-index: 8888; } .colse_menu { position: absolute; left: 0; top: 0; width: 40%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; } .menu_right { width: 60%; position: absolute; height: 100%; right: 0; top: 0; background: #fff; z-index: 9999; overflow-x: hidden; } .menu_right .lang { overflow: hidden; border-bottom: 1px solid #005c31; } .menu_right .lang a { float: left; width: 50%; text-align: center; line-height: 0.8rem; font-size: 0.3rem; color: #005c31; } .menu_right .lang a.on { background: #005c31; color: #fff; } .menu_top { width: 100%; height: 1rem; border-bottom: 1px solid #bbbbbb; } .clo { line-height: 1rem; color: #333; font-size: 0.3rem; /* width: 1.8rem; */ margin-left: 0.3rem; height: 1rem; background-size: auto 0.25rem; padding-left: 0.35rem; } .menu_list { width: 100%; } .clo b { float: left; height: 100%; width: 20px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); ; background: url('fl.png') no-repeat right center; background-size: 40%; } .clo span { display: inline-block; line-height: 0.8rem; margin-left: 0.1rem; } .menu_list>ul>li, .menu_list>ul>li div>ul>li { line-height: 0.8rem; *height: 0.8rem; position: relative; border-bottom: 1px solid #e9e9e9; } .menu_list>ul>li div>ul { display: none; } .menu_list>ul>li>a, .menu_list>ul>li div>ul>li>a { line-height: 0.8rem; *height: 0.8rem; color: #333; font-size: 0.28rem; display: inline-block; padding-left: 0.65rem; /*width: 100%;*/ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .menu_list ul li a { line-height: 0.8rem; *height: 0.8rem; color: #333; font-size: 0.3rem; display: inline-block; padding-left: 0.65rem; /*width: 100%;*/ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .menu_list ul li ul li a { border-top: 1px solid #e9e9e9; padding-left: 1rem; } .menu_list>ul>li div>ul>li { border: 0; border-top: 1px solid #e9e9e9; padding-left: 0.3rem; } .menu_list>ul>li div>ul>li>a { color: #575757; } .menu_list>ul>li>b, .menu_list>ul>li div>ul>li b { position: absolute; display: block; width: 24%; height: 0.8rem; right: 0; top: 0; background: url('fl.png') no-repeat center; background-size: 15%; } .menu_list>ul>li div>ul>li li { border-top: 1px solid #e9e9e9; } .menu_list>ul>li div>ul>li li a { padding-left: 1.25rem; color: #333; font-size: 0.28rem; } .menu_list>ul>li>b.nex, .menu_list>ul>li div>ul>li b.nex { background: url('nex.png') no-repeat center; background-size: 30%; } .menu_list>ul>li { line-height: 0.8rem; } .menu_list>ul>li ul { display: none; } .menu_list>ul>li ul#ul_2f32ce1b-1f71-4b52-93f7-11b4b723131a { height: 5.35rem; overflow-y: auto; } .header { display: none; } .wapHeader { position: fixed; top: 0rem; left: 0; width: 100%; height: 1rem; z-index: 999; transition: all 0.5s; display: block; background: rgba(17, 92, 49, 0.3); } /* .header-on{background: #303036;} */ .wapHeader .logo { /* width: 0.61rem; */ /* height: 0.63rem; */ text-align: center; line-height: 1rem; font-size: 0; float: left; /* margin-top: 0.18rem; */ margin-left: 0.25rem; height: 1rem; } .wapHeader .logo img { /*max-width: 3.06rem;*/ height: 0.8rem; display: inline-block; } .wapHeader .logo img.logo2 { display: none; } .wapHeader.on { background: #fff; border-bottom: 1px solid #dedede; } .wapHeader.on .logo img { display: none; } .wapHeader.on .logo img.logo2 { display: inline-block; } .wapHeader.on .icon { background: url("nav02.png") no-repeat center; background-size: contain; } .wapHeader .icon { float: right; margin-right: 0.25rem; margin-top: 0.34rem; width: 0.38rem; height: 0.32rem; background: url("nav.png") no-repeat center; background-size: contain; } .wapHeader .lang { float: right; width: 0.44rem; height: 0.44rem; font-size: 0; margin: 0.28rem; } .wapHeader .lang img { max-width: 100%; } .banner img { width: 100%; height: 4.2rem; display: block !important; } .banner .swiper-slide { height: 4.2rem !important; } .banner .swiper-pagination { bottom: 10px !important; } .banner .txt1 div span { font-size: 0.5rem !important; } .innerTechnology-advantage-list6 div:nth-child(5) { margin-bottom: 0.2rem; } .banner { height: 4.2rem; } .product-honeycomb { display: none; } .banner ul>li>a { display: block; width: 100%; height: 4.2rem; } .banner .txt1 div { width: auto; left: 0.25rem; right: 0.25rem; } .banner .txt1 div h3 { margin-top: 1.35rem; font-size: 0.4rem; line-height: 0.8rem; } .banner .txt1 div p { font-size: 0.32rem; margin-top: 0.2rem; } .banner .txt1 div em { font-size: 0.28rem; } .banner .tip { display: none; } .banner .swiper-button-next { display: none; } .banner .txt1 div dd { height: 1.3rem; line-height: 0.65rem; width: 5.1rem; top: 0.25rem; } .banner .txt1 div b { font-size: 0.4rem; } .banner .txt1 div span { font-size: 0.5rem; } .banner .txt1 div b:last-child { margin-top: 0rem; } .about .about-list { width: auto !important; margin: 0 0.25rem !important; padding-bottom: 2rem; } .about .about-list .about-data { top: 0; bottom: initial; position: relative; overflow: hidden; margin-top: 0.2rem; } .about .about-list .about-data div { margin: 0.25rem 0; float: left; } .about .about-list .about-data div:nth-child(even) { float: right; } .about .about-list .about-data div h3 { line-height: initial; height: inherit; } .about .about-list .about-data div h3 b { font-size: 0.65rem; } .about .about-list .about-data div h3 span { width: 0.2rem; height: 0.2rem; top: 0.1rem; right: -0.1rem; } .about .about-list .about-data div h3 em { font-size: 0.3rem; right: -0.4rem; } .about .about-list .about-data div p { font-size: 0.26rem; } .about .about-list .about-brief { width: auto; margin: 0.5rem 0; height: auto; height: 7rem; } .about .about-list .about-brief .about-brief-list { width: auto; height: 7rem; margin: 0; position: relative; } .about .about-list .about-brief .about-brief-list h3 { font-size: 0.32rem; margin: 1.25rem 1rem 0; } .about .about-list .about-brief .about-brief-list p { font-size: 0.24rem; margin: 0 0.75rem; } .about .about-list .about-brief .about-brief-list div { margin: 0.3rem 0.65rem; font-size: 0.28rem; line-height: 0.44rem; text-indent: 0.56rem; height: 2.2rem; overflow: hidden; } .about .about-list .about-brief .about-brief-list a { width: 2rem; height: 0.65rem; line-height: 0.65rem; font-size: 0.28rem; display: none; } .about .about-list .about-video { right: 0.1rem; bottom: 0.55rem; padding: 0.15rem; width: 3.5rem; height: 3.5rem; box-shadow: 0 0.05rem 0.1rem 0 rgb(17 92 49 / 25%); } .about .about-list .about-video img.poster { width: 100%; } .about .about-list .about-video img.play { width: 0.65rem; } .about .about-list .about-video div { height: 3.5rem; } .index-title { width: auto; padding: 0.5rem 0; } .index-title h3 { font-size: 0.3rem; } .index-title b { font-size: 0.4rem; } .index-title p { width: 0.6rem; margin-top: 0.25rem; } .product { padding: 0 0.25rem; } .product-list { width: auto; margin: 0.25rem 0rem 0; } .product-list .product-list-item { top: 0; position: relative; overflow: hidden; } .product-list .product-list-item p { width: 49%; margin-left: 2%; box-sizing: border-box; height: 0.8rem; line-height: 0.8rem; } .product-list .product-list-item p:first-child { margin-left: 0; } .product-list .product-list-item p b { font-size: 0.32rem; } .product-list .product-list-item p span { width: 0.6rem; height: 0.6rem; margin-right: 0.15rem; } .product-list .product-list-item p span img { height: 1.2rem; } .product-list .product-list-item p.on span img { top: 0rem; } .product-list .product-list-item p span img { top: -0.6rem; } .product-list .product-list-column { margin-top: 0.25rem; } .product-list .swiper-container { padding-bottom: 0.5rem; } .product-list .swiper-container .swiper-slide dt { height: 3rem; line-height: 3rem; } .product-list .swiper-container .swiper-slide dt img { max-width: 90%; max-height: 90%; } .product-list .swiper-container .swiper-slide dd { height: 0.8rem; line-height: 0.8rem; } .product-list .swiper-container .swiper-slide dd h3 { font-size: 0.3rem; margin: 0 0.25rem; } .product-list .swiper-container .swiper-slide dd p { display: none; } .product-list .swiper-container .swiper-slide dl:hover dd h3 { margin: 0 0.25rem; } .product-list .swiper-container .swiper-pagination-bullet { width: 0.15rem; height: 0.15rem; } .product-list .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; } .product-list a.more { margin: 0.5rem auto; width: 2rem; height: 0.65rem; font-size: 0.28rem; line-height: 0.65rem; } .technology { width: auto; margin: 0.5rem 0.25rem 0; } .technology .technology-brief { width: 100%; } .technology .technology-brief-list { display: none; } .technology .technology-brief-list h3 { font-size: 0.32rem; } .technology .technology-brief-list p { font-size: 0.28rem; line-height: 0.44rem; margin: 0.1rem 0; } .technology .technology-brief-list a { display: none; } .technology .technology-brief-list img { display: none; } .technology .technology-list { width: 100%; margin-top: 0rem; } .technology .technology-list dl dt { height: 3.6rem; } .technology .technology-list dl dt span { width: 1.5rem; height: 1.5rem; margin: 0.5rem auto 0.35rem; line-height: 1.5rem; } .technology .technology-list dl dt span img { width: 0.8rem; } .technology .technology-list dl dt h3 { font-size: 0.3rem; margin: 0.1rem 0.25rem; } .technology .technology-list dl dt p { font-size: 0.26rem; line-height: initial; } .technology .technology-list dl dd { height: 5rem; } .technology .technology-list dl dd p { padding: 12% 0.25rem 0; font-size: 0.28rem; line-height: 0.5rem; } .contact { height: 400px !important; overflow: hidden; } .contact-list { width: auto; margin: 0 0.25rem; top: 1rem; margin: auto 0.25rem; height: 5.4rem; } .contact-list .index-title { padding: 0.5rem 0 0.85rem; } .contact-list .contact-list-item h3 { font-size: 0.34rem; margin-bottom: 0.2rem; } .contact-list .contact-list-item p { font-size: 0.3rem; } .contact-list .contact-list-item div { margin: 0.8rem 0 0.5rem; overflow: hidden; } .contact-list .contact-list-item div a { width: 2rem; height: 0.65rem; font-size: 0.28rem; line-height: 0.65rem; margin-right: 0.5rem; } .footer { height: auto; } .footer-list { width: auto; /* margin: 0 0.25rem; */ } .footer-list-nav { width: auto; margin: 0.25rem; } .footer-list-nav-list ul li { width: 33.333%; margin: 0.1rem 0; text-align: center; } .footer-list-nav-list ul li a { font-size: 0.3rem; } .footer-list-nav-list ul li ul { display: none !important; } .footer-list-copyright { font-size: 0.26rem; position: relative !important; padding: 0.25rem 0; } .footer-list-copyright a { font-size: 0.26rem; } .footer-list-copyright span { width: auto; margin: 0 0.25rem; } .innerBanner { margin-top: 1rem; position: relative; height: 3rem; overflow: hidden; } .innerBanner img { position: absolute; top: 0rem; height: 3rem; left: -1.5rem; max-width: initial; opacity: 1; } .innerNav { width: auto; margin: 0 0.25rem; height: auto; } .innerNav .innerNav-list { display: none; } .innerNav p { font-size: 0.28rem; line-height: 0.44rem; float: left; padding-left: 0.5rem; background-size: 0.3rem; padding: 0.15rem 0 0.15rem 0.5rem; background: url(position.png) no-repeat left 0.2rem; background-size: 0.3rem; height: auto; } .innerNav p a { font-size: 0.28rem; } .innerAbout-title { font-size: 0.4rem !important; font-weight: bold; } .innerAbout-brief { width: auto; margin: 0 0.25rem; padding-top: 0.5rem; } .innerAbout-brief .innerAbout-brief-text { width: 100%; } .innerAbout-brief .innerAbout-brief-text .innerAbout-title { position: relative; top: 0; } .innerAbout-brief .innerAbout-brief-text .text-div { font-size: 0.3rem; line-height: 0.5rem; margin-top: 0.25rem; max-height: 5rem; overflow: hidden; height: auto; } .innerAbout-brief .innerAbout-brief-text .text-div2 { max-height: initial; background: url(asdasd.jpg) no-repeat right bottom; background-size: 100%; } .innerAbout-brief .innerAbout-brief-text .text-a { width: 2rem; height: 0.65rem; font-size: 0.28rem; line-height: 0.65rem; margin-right: 0.5rem; margin-top: 0.2rem; } .innerAbout-brief .innerAbout-brief-video { width: 100%; height: auto; line-height: initial; margin-top: 0.5rem; } .innerAbout-brief .innerAbout-brief-video img { max-height: initial; } .innerAbout-cultrue { margin-top: 1rem; } .innerAbout-cultrue .innerAbout-title { padding: 0.5rem 0; } .innerAbout-cultrue .innerAbout-cultrue-list { width: auto; margin: 0 0.25rem; padding-bottom: 0.25rem; } .innerAbout-cultrue .innerAbout-cultrue-list dl { width: auto; width: 48%; margin: 0 0 0.25rem 0; height: 5.5rem; } .innerAbout-cultrue .innerAbout-cultrue-list dl:nth-child(even) { float: right; } .innerAbout-cultrue .innerAbout-cultrue-list dl dt { margin: 0.5rem auto; width: 1.5rem; height: 1.5rem; } .innerAbout-cultrue .innerAbout-cultrue-list dl dt img { max-width: 100%; } .innerAbout-cultrue .innerAbout-cultrue-list dl dd h3 { font-size: 0.36rem; margin: 0; } .innerAbout-cultrue .innerAbout-cultrue-list dl dd span { font-size: 0.26rem; } .innerAbout-cultrue .innerAbout-cultrue-list dl dd p { font-size: 0.28rem; margin: 0.25rem; height: auto; } .innerAbout-develop { height: auto; min-height: auto; padding-bottom: 0.5rem; } .innerAbout-develop .innerAbout-title { padding: 0.5rem 0; } .innerAbout-develop-list { width: auto; margin: 0 0.25rem; } .innerAbout-develop-list .preview .swiper-slide { width: 25%; padding: 0.5rem 0 0.3rem; } .innerAbout-develop-list .preview p { top: 0.72rem; } .innerAbout-develop-list .preview .swiper-slide span { font-size: 0.36rem; bottom: 0.3rem; } .innerAbout-develop-list .preview .swiper-slide em { width: 0.15rem; height: 0.15rem; box-sizing: border-box; } .innerAbout-develop-list .preview .swiper-slide.active-nav span { font-size: 0.44rem; } .innerAbout-develop-list .view { margin-top: 0.25rem; height: auto; } /* .innerAbout-develop-list .view .swiper-slide dl{display: flex;} */ .innerAbout-develop-list .view .swiper-slide dl dt { line-height: initial; position: relative; background-size: 5% 100%; width: 100%; font-size: 0; background: none; height: auto; } .innerAbout-develop-list .view .swiper-slide dl dt img { position: relative; /* left: 0;right: 0;top: 0;bottom: 0;margin: auto; */ max-width: 100%; } .innerAbout-develop-list .view .swiper-slide dl dd { padding: 0.25rem 0; width: 100%; } .innerAbout-develop-list .view .swiper-slide dl dd h3.year { font-size: 0.36rem; margin: 0 0.25rem; } .innerAbout-develop-list .view .swiper-slide dl dd div.content { margin: 0 0.25rem; font-size: 0.28rem; line-height: 0.5rem; } .innerAbout-develop-list .view .arrow-right { display: none; } .innerAbout-certify .innerAbout-title { width: auto; margin: 0 0.25rem; padding: 0.5rem 0; } .innerAbout-certify .innerAbout-certify-list { padding-bottom: 0.5rem; background: url(platform.png) no-repeat center 4.65rem; background-size: 23rem; } .innerAbout-certify .innerAbout-certify-list .swiper-container { width: auto; margin: 0 0.25rem; } .innerAbout-certify .swiper-slide { width: 5rem; } .innerAbout-certify .swiper-slide div { height: 3.48rem; line-height: 3.48rem; margin-bottom: 0.3rem; } .innerAbout-certify .swiper-slide em { height: 1rem; display: none; } .innerAbout-certify .swiper-slide.swiper-slide-active p { padding-top: 0.6rem; font-size: 0.28rem; background-size: 0.3rem; height: 1.26rem; } .innerProduct-list { width: auto; margin: 0.25rem; } .innerProduct .innerProduct-nav-title { display: none; } .innerProduct .innerProduct-nav { display: block; width: 100%; margin-bottom: 0.25rem; } .innerProduct .innerProduct-nav-list ul li a { font-size: 0.32rem; padding: 0.15rem 0.25rem; background: url(right.png) no-repeat 6.6rem center; } .innerProduct .innerProduct-nav-list ul li ul li a { font-size: 0.3rem; } .innerProduct .innerProduct-nav-list ul li ul li ul li a { font-size: 0.28rem; padding: 0.15rem 0; margin: 0 0.25rem; } .innerProduct .innerProduct-nav-list ul li ul li ul li ul li a { margin: 0 0.25rem; padding: 0.15rem; font-size: 0.28rem; } .innerProduct .innerProduct-content { width: 100%; } .innerProduct .innerProduct-content-brief { margin: 0 0.25rem; } .innerProduct .innerProduct-content-brief dt { width: 100%; height: auto; line-height: initial; margin: 0.4rem 0; text-align: center; } .innerProduct .innerProduct-content-brief dd { width: 100%; padding: 0; background: #f7faf9; padding: 0.25rem; box-sizing: border-box; min-height: initial; } .innerProduct .innerProduct-content-brief dd h3 { font-size: 0.32rem; margin: 0; margin-bottom: 0.15rem; } .innerProduct .innerProduct-content-brief dd div { margin-left: 0; line-height: 0.5rem; } .innerProduct .innerProduct-content-brief dd div span { font-size: 0.28rem; line-height: 0.5rem; width: auto !important; font-size: 0.3rem; } .innerProduct .innerProduct-content-brief dd div p { font-size: 0.3rem; width: auto !important; float: initial !important; } .innerProduct .innerProduct-content-list { margin: 0.25rem; } .innerProduct .innerProduct-content-list .innerProduct-content-list-h3 { font-size: 0.32rem; height: 0.6rem; } .innerProduct .innerProduct-content-list .innerProduct-content-list-h3 b { height: 0.6rem; } .innerProduct .innerProduct-content-list .innerProduct-content-list-div { font-size: 0.28rem; line-height: 0.5rem; margin: 0.25rem 0; } .innerProduct-content2 { width: 100%; padding: 0.5rem 0.25rem; box-sizing: border-box; } .innerProduct-content2-brief { margin: 0; } .innerProduct-content2-brief h3 { font-size: 0.36rem; } .innerProduct-content2-brief div { height: 5rem; line-height: 5rem; } .innerProduct-content2-brief p { font-size: 0.3rem; } .innerProduct-content2-title { margin: 1rem 0 0 0; height: 0.6rem; display: flex; justify-content: space-between; } .innerProduct-content2-title b { font-size: 0.32rem; margin-right: 0; height: 0.6rem; } .innerProduct-content2-list { margin: 0.25rem 0; } .innerProduct-content2-list-item .innerProduct-content2-list-item-h3 { font-size: 0.3rem; } .innerProduct-content2-list-item .innerProduct-content2-list-item-div { font-size: 0.28rem; margin: 0.1rem 0 0.3rem; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl { margin: 0.1rem 0; width: 48%; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl:nth-child(even) { float: right; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl dt { height: 2.5rem; line-height: 2.5rem; } .innerProduct-content2-list-item .innerProduct-content2-list-item-dl dl dd { font-size: 0.28rem; padding: 0.1rem; /* height: 0.6rem; */ line-height: initial; /* white-space: nowrap;overflow: hidden;text-overflow: ellipsis; */ margin: 0; } .innerProduct-content2-scientific { margin: 0.25rem 0 0 0; } .innerProduct-content2-scientific .innerProduct-content2-list-item-h3 { font-size: 0.3rem; font-weight: normal; } .innerProduct-content2-scientific div.innerProduct-content2-list-item-div { margin: 0.15rem 0; } .innerProduct-content2-list-item-div div b { font-size: 0.28rem; padding: 0.1rem; width: 25%; } .innerProduct-content2-list-item-div div h3 { font-size: 0.28rem; padding: 0.1rem; width: 75%; } .innerProduct-content2-list-item-div div p { font-size: 0.28rem; padding: 0.1rem; width: 75%; } .innerProduct-content2-list-item-div div span { font-size: 0.28rem; padding: 0.1rem; width: 25%; } .innerProduct-content2-consumables { margin: 0.25rem 0; } .innerProduct-content2-consumables dl { padding: 0.1rem 0; } /* .innerProduct-content2-consumables dl a{display: flex;} */ .innerProduct-content2-consumables dl dt { width: 100%; height: 5rem; } .innerProduct-content2-consumables dl dd { width: 100%; height: auto; } .innerProduct-content2-consumables dl dd h3 { font-size: 0.32rem; } .innerProduct-content2-consumables dl dd div { margin-bottom: 0.1rem; } .innerProduct-content2-consumables dl dd div span { font-size: 0.3rem; width: 0.95rem; } .innerProduct-content2-consumables dl dd div p { font-size: 0.3rem; width: calc(100% - 0.95rem); } .innerTec { padding: 0.5rem 0; } .innerTec-title { width: auto; margin: 0 0.25rem; } .innerTec-title p { font-size: 0.32rem; margin: 0; } .innerTec-title div { font-size: 0.28rem; margin: 0.1rem 0 0.5rem; } .innerTec-list { width: auto; margin: 0 0.25rem; } .innerTec-list .innerTec-list-text { display: block; width: 100%; overflow: hidden; } .innerTec-list .innerTec-list-text div { margin: 0.4rem 0.25rem; } .innerTec-list .innerTec-list-text h3 { font-size: 0.32rem; } .innerTec-list .innerTec-list-text p { font-size: 0.28rem; margin-top: 0.2rem; } .innerTec-list .innerTec-list-img { display: block; width: 100%; } .innerTec-list .innerTec-list-img div dl dt { height: 2rem; right: 0.1rem; left: 0.1rem; } .innerTec-list .innerTec-list-img div dl dt span { width: 0.8rem; height: 0.8rem; } .innerTec-list .innerTec-list-img div dl dt span em { width: 0.15rem; height: 0.15rem; } .innerTec-list .innerTec-list-img div dl dt span:before { width: 0.5rem; height: 0.5rem; } .innerTec-list .innerTec-list-img div dl dt span:after { width: 0.75rem; height: 0.75rem; } .innerTec-list .innerTec-list-img div dl b { font-size: 0.28rem; margin-top: 0.2rem; } .innerTechnology-item .innerProduct-content2-list-item-dl { width: auto; margin: 0 0.25rem; justify-content: space-between; } .innerTechnology-item .innerProduct-content2-list-item-dl dl { width: 48%; margin: 0.1rem 0; } .innerTechnology-item .innerProduct-content2-list-item-dl dl dt { height: 2.5rem; line-height: 2.5rem; } .innerTechnology-item .innerProduct-content2-list-item-dl dl dd { margin: 0; padding: 0.1rem; font-size: 0.28rem; line-height: initial; min-height: initial; } .innerTechnology-title { width: auto; margin: 0.25rem; } .innerTechnology-title p { font-size: 0.3rem; } .innerTechnology-title h3 { font-size: 0.36rem; margin-top: 0rem; } .innerTechnology-brief { padding-top: 0.25rem; } .innerTechnology-brief-list { margin: 0 0.25rem; width: auto; font-size: 0.28rem; line-height: 0.5rem; } .innerTechnology-brief-item { width: auto; margin: 0.25rem; } .innerTechnology-brief-item dl { width: 100%; margin: 0.2rem 0; } .innerTechnology-brief-item dl dt { float: left; width: 1.5rem; height: initial; font-size: 0; } .innerTechnology-brief-item dl dt img { max-width: 45%; max-height: 45%; } .innerTechnology-brief-item dl dd { float: right; width: 5.4rem; text-align: left; } .innerTechnology-brief-item dl dd h3 { text-align: left; font-size: 0.32rem; } .innerTechnology-brief-item dl dd p { text-align: left; margin-top: 0.05rem; } .innerTechnology-brief-item dl dd p span { max-width: 100%; font-size: 0.28rem; line-height: 0.44rem; } .innerTechnology-advantage-number { display: none; } .innerTechnology-advantage { width: auto; margin: 0.5rem 0.25rem; } .innerTechnology-advantage-list { margin-top: 0.25rem; } .innerTechnology-advantage-list5 div { position: relative; width: 100% !important; left: 0; top: 0 !important; margin-bottom: 0.2rem; } .innerTechnology-advantage-list5 div dd { width: 100% !important; margin: 0 !important; } .innerTechnology-advantage-list5 div::before { display: none; } .innerTechnology-advantage-list5 div img { display: none; } .innerTechnology-advantage-list5 div span { font-size: 0.4rem; margin-right: 0.2rem; line-height: 0.5rem; color: #333; } .innerTechnology-advantage-list5 div p { width: 6.5rem; font-size: 0.28rem; line-height: 0.44rem; } .innerNews-list { width: auto; margin: 0.25rem; padding: 0; } .rightContact { display: none; } .innerNews-list-item { width: 100%; } .innerNews-list-item dl { margin-bottom: 0.25rem; } .innerNews-list-item dl dt { width: 100%; height: auto; } .innerNews-list-item dl dt img { position: relative; max-width: 100%; margin: 0; left: 0; } .innerNews-list-item dl dd { width: 100%; padding: 0.25rem; margin: 0; } .innerNews-list-item dl dd span { margin-top: 0; font-size: 0.36rem; } .innerNews-list-item dl dd h3 { font-size: 0.32rem; margin: 0; } .innerNews-list-item dl dd p { font-size: 0.28rem; line-height: 0.44rem; } .innerNews-list-item dl dd em { width: 1.5rem; height: 0.6rem; font-size: 0.28rem; line-height: 0.6rem; margin-right: 0.5rem; margin-top: 0.25rem; } .innerNews-list-item div.innerNews-list-item-div { padding: 0.25rem; margin-bottom: 0.25rem; } .innerNews-list-item div.innerNews-list-item-div a { display: flex; align-items: center; justify-content: space-between; } .innerNews-list-item div.innerNews-list-item-div .date { padding-right: 0rem; border: none; } .innerNews-list-item div.innerNews-list-item-div .date span { font-size: 0.36rem; line-height: 0.6rem; } .innerNews-list-item div.innerNews-list-item-div .date em { font-size: 0.26rem; padding: 0; line-height: 0.6rem; } .innerNews-list-item div.innerNews-list-item-div .text { width: 5.2rem; margin: 0; background-size: 0.35rem; } .innerNews-list-item div.innerNews-list-item-div .text h3 { font-size: 0.32rem; margin-right: 0.5rem; } .innerNews-list-item div.innerNews-list-item-div .text p { font-size: 0.28rem; margin: 0 0.5rem 0 0; line-height: 0.44rem; height: 0.88rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .innerNews-list-item div.innerNews-list-item-div:hover .text { background-size: 0.35rem; } .innerDetails { width: 100%; } .innerDetails .innerDetails-title { margin: 0.25rem; } .innerDetails .innerDetails-title h3 { font-size: 0.32rem; } .innerDetails .innerDetails-title p { font-size: 0.28rem; margin-top: 0.1rem; } .innerDetails .innerDetails-list { margin: 0.25rem; padding: 0.25rem 0; font-size: 0.28rem; line-height: 0.44rem; min-height: 5rem; } .innerDetails .innerDetails-prevNext { padding: 0.25rem; } .innerDetails .innerDetails-prevNext p { width: 100%; line-height: 0.6rem; font-size: 0; margin: 0.05rem 0; } .innerDetails .innerDetails-prevNext em { font-size: 0.28rem; width: 1.2rem; margin-right: 0.2rem; line-height: 0.6rem; } .innerDetails .innerDetails-prevNext a { font-size: 0.28rem; } .innerDetails .innerDetails-prevNext span { font-size: 0.28rem; } .innerJob-list { width: auto; margin: 0.25rem; } .innerJob-list-join { display: none; } .innerJob-list-item { width: 100%; } .innerJob-list-item-sort { margin: 0 0.25rem; padding: 0.25rem 0; border-bottom: 0.1rem solid #f8f8f8; } .innerJob-list-item-sort ul { margin-bottom: 0.1rem; } .innerJob-list-item-sort ul span { font-size: 0.3rem; line-height: 0.55rem; margin-right: 0rem; } .innerJob-list-item-sort ul li { font-size: 0.28rem; line-height: 0.55rem; padding: 0 0.2rem; margin-right: 0.15rem; } .innerJob-list-item-sort div span { font-size: 0.3rem; line-height: 0.55rem; margin-right: 0rem; } .innerJob-list-item-sort div p { font-size: 0.28rem; line-height: 0.55rem; margin-right: 0.25rem; height: 0.55rem; box-sizing: border-box; padding: 0 0.2rem; } .innerJob-list-item-sort div p em { font-size: 0.28rem; } .innerJob-list-item-sort div p img { width: 0.2rem; margin-top: 0.16rem; margin-left: 0.1rem; } .innerJob-list-item-sort div a { font-size: 0.28rem; line-height: 0.55rem; } .innerJob-list-item-number { margin: 0 0.25rem; } .innerJob-list-item-number-page { line-height: 1rem; } .innerJob-list-item-number-page p { font-size: 0.28rem; } .innerJob-list-item-number-page div { line-height: 1rem; font-size: 0; } .innerJob-list-item-number-page div a img { margin-top: 0.34rem; } .innerJob-list-item-number-page div span { font-size: 0.28rem; margin: 0 0.1rem; } .innerJob-list-item-number-page div em { font-size: 0.28rem; display: none; } .innerJob-list-item-number table th { line-height: 0.8rem; font-size: 0.28rem; } .innerJob-list-item-number table th.salary { display: none; } .innerJob-list-item-number table th.num { display: none; } .innerJob-list-item-number table td { line-height: 0.8rem; font-size: 0.28rem; } .innerJob-list-item-number table td a { font-size: 0.3rem; } .innerJob-list-item-number table td.salary { display: none; } .innerJob-list-item-number table td.num { display: none; } .innerJobDetails-list { width: auto; margin: 0.25rem; padding: 0.25rem; } .innerJobDetails-title { font-size: 0.32rem; padding: 0 0 0.25rem 0; margin-bottom: 0.25rem; } .innerJobDetails-content { margin-bottom: 0.5rem; } .innerJobDetails-content .innerJobDetails-content-title { font-size: 0.3rem; } .innerJobDetails-content .innerJobDetails-content-list { font-size: 0.28rem; line-height: 0.5rem; margin-top: 0.1rem; } .innerJobDetails-welfare { padding: 0.25rem; min-height: initial; } .innerJobDetails-welfare .innerJobDetails-welfare-title { font-size: 0.32rem; } .innerJobDetails-welfare .innerJobDetails-welfare-img { display: none; } .innerJobDetails-welfare .innerJobDetails-welfare-list { font-size: 0.28rem; line-height: 0.5rem; margin-top: 0.2rem; } .innerJobDetails-btn { margin: 0.5rem 0; } .innerJobDetails-btn p { width: 3rem; height: 1rem; line-height: 1rem; font-size: 0.3rem; } .innerJobDetails-btn a { width: 3rem; height: 1rem; line-height: 1rem; font-size: 0.3rem; box-sizing: border-box; } .innerJobDetails-btn a img { margin-top: 0.35rem; height: 0.3rem; margin-left: 0.2rem; } .innerJobDetails-form-list { width: auto; height: 10rem; left: 0.25rem; right: 0.25rem; padding: 0.5rem; } .innerJobDetails-form-list h3 { font-size: 0.4rem; margin-bottom: 0rem; } .innerJobDetails-form-list form>div { margin: 0.2rem 0; height: 1.6rem; } .innerJobDetails-form-list form>div span { line-height: 0.8rem; font-size: 0.3rem; } .innerJobDetails-form-list form>div input { line-height: 0.8rem; font-size: 0.3rem; height: 0.8rem; width: 100%; box-sizing: border-box; padding: 0 0.2rem; } .innerJobDetails-form-list form>div .layui-form-select { width: 100%; } .innerJobDetails-form-list .singUploader { width: 100%; height: 0.8rem; } .innerJobDetails-form-list .singUploader .webuploader-container { height: 0.8rem; } .innerJobDetails-form-list .singUploader .webuploader-pick { width: 2rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; } .innerJobDetails-form-list .layui-btn { height: 0.8rem; line-height: 0.8rem; margin-top: 0.25rem; } .innerJobDetails-form-list img { right: 0.5rem; top: 0.5rem; background: #005c31; border-radius: 50%; width: 0.6rem; } .innerContact-list { width: auto; margin: 0.25rem; } .innerContact-list dt { width: 100%; } .innerContact-list dd { width: 100%; } .innerContact-list dd h3 { font-size: 0.36rem; padding-bottom: 0.15rem; margin-bottom: 0.15rem; } .innerContact-list dd p { line-height: 0.7rem; font-size: 0.34rem; } .innerContact-list dd p b { font-size: 0.30rem; } .innerContact-list dd p span { width: 0.6rem; } .innerContact-list dd p span img { width: 0.34rem; } .innerContact-list dd div { height: 0.2rem; } .productItem { padding: 0.5rem 0; } .productItem .productItem-list { width: auto; height: 7rem; margin: 0 0.25rem; } .productItem .productItem-list .img05 { display: none; } .productItem .productItem-list .img02 { display: none; } .productItem .productItem-list dl { width: 3.4rem; height: 3.4rem; } .productItem .productItem-list dl dt { height: 1.5rem; line-height: 1.5rem; margin: 0.7rem 0.5rem 0; } .productItem .productItem-list dl dt img { max-height: 80%; max-width: 65%; } .productItem .productItem-list dl dd { font-size: 0.28rem; } .productItem .productItem-list dl.img07 { left: 0; top: 0; } .productItem .productItem-list dl.img08 { right: 0; top: 0; left: initial; } .productItem .productItem-list dl.img09 { left: 0; bottom: 0; top: initial; } .productItem .productItem-list dl.img10 { right: 0; bottom: 0; left: initial; top: initial; } .productItem .productItem-list div { width: 4.8rem; height: 4.8rem; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .productItem .productItem-list div p { width: 3.4rem; height: 3.4rem; margin: 0.7rem auto 0; } .productItem .productItem-list div p b { font-size: 0.36rem; margin-top: 1.06rem; } .productItem .productItem-list dl:hover dt img { transform: scale(1); } .hideVideo div { right: 0.25rem; left: 0.25rem; width: auto; height: 4rem; } .hideVideo div img { right: 0; top: -40px; width: 0.6rem; } .about { margin-top: 1rem; } .about .about-list .about-brief .about-brief-list div { -webkit-line-clamp: 5; } .product { margin-top: 1rem; } .product-list .product-list-item p { height: 1rem; line-height: 1rem; } .product-list .swiper-container .swiper-slide dd { padding: 0.15rem 0; } .product-list .swiper-container .swiper-slide dd h3 { height: auto; line-height: initial; } } @media screen and (max-height: 880px) { /* .index-title{padding-bottom: 40px;} .index-title h3{font-size: 22px;} .index-title b{font-size: 28px;} .index-title p{margin-top: 20px;} .product-list .swiper-container .swiper-slide dt{height: 300px;line-height: 300px;} .product-list .product-list-item{top: -115px;} .product-list a.more{margin-top: 35px;} */ /* .technology .technology-list dl dd{height: 380px;} .technology .technology-list dl dd img{} .technology .technology-brief-list img{height: 320px;} */ /* .contact-list{height: 314px;} */ .technology .technology-brief-list img { height: 320px; } } @media screen and (max-height: 800px) { /* .index-title{padding-bottom: 40px;} .index-title h3{font-size: 18px;} .index-title b{font-size: 24px;} .index-title p{margin-top: 15px;} .product-list .swiper-container .swiper-slide dt{height: 250px;line-height: 250px;} .product-list .product-list-item{top: -110px;} .product-list .swiper-container .swiper-slide dd{height: 80px;} .product-list .swiper-container .swiper-slide dd h3{margin-top: 10px;} .product-list a.more{margin-top: 30px;} */ /* .technology .technology-brief-list h3{font-size: 20px;} .technology .technology-brief-list p{line-height: 30px;} .technology .technology-brief-list img{height: 280px;} .technology .technology-list dl dd{height: 350px;} .technology .technology-list dl dt{height: 250px;} .technology .technology-list dl dt span{margin: 25px auto 15px;} .technology .technology-list dl dt h3{font-size: 20px;} .technology .technology-list dl dt p{font-size: 14px;} */ /* .contact{height: 58%;} .footer{height: 42%;} .contact-list{height: 285px;} .contact-list .contact-list-item h3{font-size: 26px;} .contact-list .contact-list-item p{font-size: 16px;} */ .technology .technology-brief-list img { height: 280px; } } @media screen and (max-height: 750px) { /* .technology .technology-list dl dt{height: 240px;} .technology .technology-list dl dt span{width: 110px;height: 110px;line-height: 110px;} .technology .technology-brief-list a{margin: 20px 0 0;} .technology .technology-list dl dt p{font-size: 13px;} .technology .technology-list dl dd{height: 320px;} .technology .technology-brief-list img{height: 250px;} */ /* .contact-list{height: 265px;} .contact-list .contact-list-item div{margin-top: 40px;} */ .technology .technology-brief-list img { height: 250px; } } @media screen and (max-height: 700px) { /* .index-title{padding-bottom: 40px;} .index-title h3{font-size: 16px;} .index-title b{font-size: 20px;} .index-title p{margin-top: 10px;} */ /* .product-list .swiper-container .swiper-slide dt{height: 230px;line-height: 230px;} .product-list .product-list-item{top: -100px;} .product-list .swiper-container .swiper-slide dd{height: 60px;} .product-list .swiper-container .swiper-slide dd h3{margin-top: 0px;font-size: 16px;} .product-list a.more{margin-top: 15px;} .product-list .product-list-item p{height: 50px;line-height: 50px;width: 125px;} .product-list .product-list-item p b{font-size: 16px;} .product-list .product-list-item p span{height: 30px;margin-right: 10px;} .product-list .product-list-item p span img{height: 60px;} .product-list .product-list-item p.on span img{top: -30px;} */ /* .technology .technology-brief-list img{display: none;} .technology .technology-list dl dt{height: 220px;} .technology .technology-list dl dt span{width: 100px;height: 100px;line-height: 100px;} .technology .technology-list dl dt span img{width: 50px;} .technology .technology-list dl dt h3{font-size: 16px;margin-bottom: 0;} .technology .technology-list dl dt p{font-size: 12px;} .technology .technology-list dl dd{height: 300px;} .technology .technology-list dl dd p{font-size: 14px;line-height: 26px;} */ /* .contact-list{height: 205px;} .contact-list .index-title{padding-bottom: 25px;} .contact-list .contact-list-item h3{font-size: 20px;} .contact-list .contact-list-item p{font-size: 14px;} .contact-list .contact-list-item div{margin-top: 25px;} .contact-list .contact-list-item div a{font-size: 14px;width: 110px;height: 34px;line-height: 34px;} .indexFooter .footer-list-nav{margin: 25px 0 0;} .indexFooter .footer-list-nav-list ul li a{font-size: 16px;} .indexFooter .footer-list-nav-list ul li ul li a{font-size: 14px;} .indexFooter .footer-list-nav-contact h3{font-size: 16px;} .indexFooter .footer-list-nav-contact p{font-size: 14px;} .indexFooter .footer-list-copyright{font-size: 14px;} */ .technology .technology-brief-list img { display: none; } } @media screen and (max-height: 650px) { /* .contact{height: 56%;} */ /* .footer{height: 44%;} */ /* .technology .technology-list dl dt{height: 200px;} .technology .technology-list dl dt span{margin: 15px auto 10px;} */ } @media screen and (max-height: 625px) { /* .product-list a.more{display: none;} */ /* .technology .technology-list dl dt{height: 160px;} .technology .technology-list dl dt p{display: none;} */ }