body{ font-family: Microsoft YaHei ; margin:0px; padding:0px; color: #333; overflow-x: visible !important; } body, button, input, select, textarea {font: 12px Microsoft YaHei,Arial, PingFang SC, Lantinghei SC, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;} *{ margin:0px; padding:0px;} .clear{clear:both;height:0;overflow:hidden; font-size:0px;} .clear10{height:10px;overflow:hidden;clear:both;} .clear20{height:20px;overflow:hidden;clear:both;} .clear30{height:30px;overflow:hidden;clear:both;} .clear40{height:40px;overflow:hidden;clear:both;} .clear150{height:150px;overflow:hidden;clear:both;} .clearfix:after {content: "";display: block;clear: both;width: 100%;height: 0;line-height: 0;font-size: 0;} ol,ul,li{list-style:none outside none;} a{color:#333; text-decoration:none} a img{border:0 none;} a:hover{ color: #00533c} table,tr,td,th{border-collapse:collapse;padding:0; margin:0;} img{vertical-align: middle;} input,textarea,button,select{padding:0 2px; resize:none;-webkit-appearance: none !important;outline: none; border:none; background:none;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999;} input:-moz-placeholder, textarea:-moz-placeholder {color:#999;} input::-moz-placeholder, textarea::-moz-placeholder {color:#999;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;} .m1200{ width:1200px; margin:0px auto; position: relative; } @media screen and (min-width: 200px) and (max-width: 1199px) {body{ width:1200px; }} h2,h3,h4,h5,h6{ font-weight: normal;} .fl{ float:left;} .fr{ float:right;} .padding{ padding:10px;} .info{ line-height:2; text-align:left; } .color{ color:#00533c; font-size:16px; font-weight: normal;} .dis-flex{ display: flex; justify-content: space-between; align-items: center;} .pglist {padding: 80px 0;width: 100%;text-align: center;clear: both;} .pglist a {color: #333;padding: 0 15px;margin: 0 4px;background: #fff;border: 1px solid #edebeb;} .pglist a.close {background: #f2f2f2 !important;} .pglist * {display: inline-block;vertical-align: middle;line-height: 34px;padding-bottom: 1px;} .pglist a:hover,.pglist .hover {display: inline-block;color: #fff;background: #00533c;border-color: #00533c;} header{position: fixed; height: 60px; background: #fff; width: 100%; top: 0; left: 0; z-index: 99; box-shadow: 0px 5px 10px rgb(0 0 0 / 0.1);} header .m1200{ display: flex; justify-content: space-between; align-items: center; overflow: hidden; } .nav{ display: flex; justify-content: space-between; align-items: center;} .nav a{ display: block; height: 60px; line-height: 60px; text-align: center; padding: 0 25px; font-weight: bold;} .nav a.on,.nav a:hover{ color: #fff; background: #00533c;} .banner{ height: 760px; margin-top: 60px; width: 100%; overflow: hidden;} .skitter-themes { text-align: center; margin-bottom: 10px; } .skitter-themes ul { } .skitter-themes ul li { display: inline-block; } .skitter-themes ul li a { padding: 10px; display: inline-block; color: black; text-decoration: none; font-size: 14px; font-weight: bold; text-transform: uppercase; border-radius: 2px; border: 2px solid; margin: 0 5px 10px 5px; } .skitter-themes ul li a.active { color: #999; } .index-tit{ text-align: center; position: relative; margin: 85px 0;} .index-tit h1{ font-size: 28px; font-weight: bold; margin-top: -20px;} .index-pro-ul{ display: flex; justify-content: space-between;} .index-pro-ul li{ width: 396px; position: relative;} .index-pro-ul li .img{ position: relative;} .index-pro-ul li .txt{ background: #f4f4f4; height: 102px; line-height: 102px; text-align: center; font-size: 18px;} .imgmask{ position: absolute;top: 0px;left: 0px;background: rgba(0, 83, 60, 0.6); width: 100%;height: 100%;opacity: 1; transform: scale(0); z-index: 2; display: flex; align-items: center; justify-content: center; transition: all .6s;} .index-pro-ul li:hover .imgmask{ transform: scale(1);} .index-more{ position: relative; transition: all .3s; width: 223px; height: 47px; margin: 80px auto; display: flex; align-items: center; justify-content: center; background: #4f4f4f; font-size: 18px; color: #fff; font-weight: bold;} .index-more span{ z-index: 2;} .index-more::before{ content: ''; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background: #00533c; transition: all .6s;} .index-more:hover::before{ width: 100%;} .index-more:hover{ color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);} .more{position: relative; transition: all .3s; display: flex; align-items: center; justify-content: center; color: #fff;} .more span{ z-index: 2;} .more::before{ content: ''; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background: #00533c; transition: all .6s;} .more:hover::before{ width: 100%;} .more:hover{ color: #fff; } .text-left{ text-align: left;} .index-about{ background: #f8f8f8; padding: 120px 0;} .index-about .m1200{ display: flex; justify-content: space-between; overflow: hidden;} .index-about .left{ width: calc(100% - 551px); background: #4c4c4c; color: #fff;} .index-about .left figure{margin-top: 36px; margin-left: 100px;} .index-about .left .index-tit{ margin: 0;} .index-about .left .info{ width: 360px; font-size: 12px; font-weight:500; line-height:1.9; margin:40px 0;} .index-about .left a{ width: 47px; height: 14px; text-transform: uppercase; background: #686767;} .index-about .right{ width: 551px; position: relative; overflow: hidden;} .index-news-box{ display: flex; justify-content: space-between; overflow: hidden;} .index-news-box .left{ width: 479px;} .index-news-box .left .img{ overflow: hidden;} .index-news-box .left .img img{ transition: all .5s;} .index-news-box .left:hover img{ transform: scale(1.1); } .index-news-box .left:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} .index-news-box .left:hover .txt{ padding: 0 15px;} .index-news-box .left .txt{ margin-top: 28px; transition: all .5s;} .index-news-box .left .txt h1{ font-size: 14px;} .index-news-box .left .txt .info{ margin-top: 28px;font-size: 13px; line-height: 2;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .transition{ transition: all .4s;} .index-news-box .right{ width: 580px;} .index-news-box .right .index-news-ul{} .index-news-box .right .index-news-ul li{ border-bottom: 2px solid #e3e3e3; padding-bottom: 28px; margin-bottom: 28px;} .index-news-box .right .index-news-ul li a{ display: flex; justify-content: space-between;} .index-news-ul li .time{ margin: 0 30px; width: 84px; height: 84px; background: #dedddd; text-align: center; display: flex; align-items: center; justify-content: center; color: #4c4c4c;} .index-news-ul li .time .day{ font-size: 30px;} .index-news-ul li .time .day_ym{} .index-news-ul li .conts{ width: calc(100% - 144px); display: flex; align-items: center;} .index-news-ul li .conts .title{ font-size: 14px;} .index-news-ul li .conts .abstract{ font-size: 13px; line-height: 24px;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .index-video{ height: 376px; margin-bottom: 150px;} .index-video .swiper-wrapper .swiper-slide{ background: url(/public/static/home/images/video-bg.jpg); height: 376px;} .index-video .swiper-wrapper .swiper-slide .img{ padding-top: 28px;} .index-video .swiper-wrapper .swiper-slide .img img{ width: 100%; height: 288px;} .index-video .swiper-wrapper .swiper-slide .play{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 99; top: 0; left: 0;} .index-video .swiper-wrapper .swiper-slide .play figure{ cursor: pointer; position: relative;} .index-video .swiper-wrapper .swiper-slide .play figure img{ position: relative; z-index: 99;} .index-video .swiper-wrapper .swiper-slide .play figure::before{ background: rgba(0, 0, 0, 0.3); transform: scale(0); transition: all .5s; border: 1px dashed rgba(255, 255, 255, 0.6); width: 70px; height: 70px; content: ''; display: block; position: absolute; left: 50%; top: 50%; border-radius: 50%; margin-left: -36px; margin-top: -36px;} .index-video .swiper-wrapper .swiper-slide .play figure:hover::before{ transform: scale(1);} .videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-500px; margin-top:-210px; z-index:100; width:1000px; height:360px; } .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; } .index-video .swiper-button-next,.index-video .swiper-button-prev{ display: none;} .index-video:hover .swiper-button-next,.index-video:hover .swiper-button-prev{ display: block;} .index-video .swiper-button-next{ right: -50px;} .index-video .swiper-button-prev{ left: -50px;} footer{ background: url(/public/static/home/images/footbg.jpg) center top #000; color: #fff; padding-top: 70px;} footer a{ color: #fff;} footer .m1200{ display: flex; justify-content: space-between; border-bottom: 1px solid rgb(255,255,255 ,0.15); padding-bottom: 35px;} footer .left{} footer .left dl{ float: left; margin-right: 60px; line-height:3; } footer .left dl:last-child{ margin-right: 0;} footer .left dl dt{ font-size: 15px;} footer .left dl dd a{ } footer .line{ background: rgb(255,255,255 ,0.15); width: 1px;} footer .right{ width: 215px; justify-content: space-between; text-align: center; color: #8f8f8f; display: flex; line-height: 3;} .copyright{ text-align: center; padding: 35px 0; line-height: 2;} @font-face { font-family: "applefont"; src: url('/public/static/home/images/Univers.ttf') format('truetype'); } .neiban{ display: flex; justify-content: center; align-items: center; margin-top: 60px; color: #fff; text-align: center;} .neiban h2{ font-size: 52px;} .neiban .line{ width: 54px; height: 4px; background: #00533c; margin: 25px auto 0;} .neiban h3{ font-family: "applefont"; font-size: 52px; text-transform: uppercase;} .about-MEANING{ padding-top: 30px;} .about-info .info{ line-height:2;} .love{ background: url(/public/static/home/images/lovebg.jpg) no-repeat center top; height: 718px; position: relative;} .love .txt{ position: absolute; left: 66px; bottom: 66px; color: #fff; font-size: 15px; line-height: 2; } .love .img{ position: absolute; right: 50px; top: 45px; } .CULTURE .img{ margin-top: -120px;} .flex-between{ display: flex; justify-content: space-between;} .CULTURE ul{ margin-top: 25px;} .CULTURE ul li{ position: relative; margin-right: 255px; float: left; width: 230px; border-bottom: 2px solid #e6e6e6; text-align: center; font-weight: bold; padding-bottom: 28px; margin-top: 55px; } .CULTURE ul li:nth-child(3n){ margin-right: 0;} .CULTURE ul li h1 { font-size: 22px;} .CULTURE ul li h1 span{ font-size: 42px; font-family: "applefont"; color: #666666; margin-right: 10px; transition: all .3s;} .CULTURE ul li .txt{line-height: 3;} .CULTURE ul li:hover h1 span{ color: #00533c;} .CULTURE ul li:hover { color: #00533c; } .CULTURE ul li::before{ width: 0%; height: 2px; content: ''; display: block; left: 0; bottom: 0; position: absolute; background: #00533c; transition: all .3s;} .CULTURE ul li:hover::before{ width: 100%;} .txt-right{ text-align: right;} .about-server{ background: url(/public/static/home/images/service-bg.png) no-repeat center top; height: 865px; padding-top: 70px; position: relative; margin-top: 200px;} .about-server .img{ position: absolute; left: 0; bottom: 85px;} .love-server{ background: #f8f8f8; overflow: hidden; margin-top: 180px;} .love-server .txt{ text-align: center;} .love-server .txt h1{ font-size:48px;} .love-server .txt h2{ font-size: 31px;} .love-server .img{ background: url(/public/static/home/images/server-img.png) no-repeat left center; background-size:50% 100%; margin: 130px 0; } .INSTALLATIONSERVICE{ margin-top: 50px; overflow: hidden; margin-bottom: 190px;} .INSTALLATIONSERVICE .txt{ width: 437px; position: relative;} .INSTALLATIONSERVICE .txt .info{ font-size: 16px; line-height:3; position: absolute; left: 0; bottom: 0; } .PROCESS ul li{ width: 214px; background: #e8e6e5; font-size: 20px; text-align: center; padding: 40px 0 20px; float: left; position: relative; margin-right: 114px; margin-bottom: 80px; } .PROCESS ul li .txt{ margin-top: 20px; z-index: 2; position: relative;} .PROCESS ul li .img{ overflow: hidden; position: relative; z-index: 2;} .PROCESS ul li .img img{ transition: all .3s;} .PROCESS ul li::before{ content: ''; display: block; width: 43px; height: 43px; background: url(/public/static/home/images/process-ico.png) no-repeat center center; right: -78px; position: absolute; top: 50%; margin-top: -21.5px;} .PROCESS ul li:nth-child(4n){ margin-right: 0;} .PROCESS ul li:nth-child(4n):before{ display: none;} .PROCESS ul li::after{ content: ''; display: block; height: 100%; width: 0%; position: absolute; bottom: 0; left: 0; background: #00533c; z-index: 1; transition: all .3s;} .PROCESS ul li:hover::after{ width: 100%; } .PROCESS ul li:hover{ color: #fff;} .PROCESS ul li:hover img{transform: scale(1.1);} .nav-two ul{ display: flex;} .nav-two ul li{ flex: 1; background: #cccccc; text-align: center; font-size: 14px; font-weight: bold; border-right: 1px solid #d8d8d8; height: 107px; display: flex; align-items: center; justify-content: center;} .nav-two ul li .img{ margin-bottom: 17px;} .nav-two ul li.on,.nav-two ul li:hover{ background: #00533c;} .nav-two ul li.on a,.nav-two ul li:hover a{ color: #fff;} .nav-two ul li.on img,.nav-two ul li:hover img{filter: grayscale(100%) brightness(500%);} .news-nav ul{display: flex;} .news-nav li{ flex: 1;background: #cccccc; text-align: center;border-right: 1px solid #d8d8d8; font-size: 16px; height: 60px; line-height: 60px;} .news-nav li a{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;} .news-nav li.on a,.news-nav li:hover a{ background: #00533c; color: #fff;font-weight: bold;} .text-center{ text-align: center;} .nav-there{ margin: 100px auto 80px;} .nav-there ul{ display: block !important;} .nav-there li{ float: left; width:150px ; margin-right: 60px; margin-bottom: 40px;} .nav-there li:nth-child(6n){ margin-right: 0; text-align: center;} .nav-there li a{ border: 1px solid #9e9e9e; font-size: 18px; color: #000; border-radius: 5px; text-align: center; padding: 18px 0; display: block;} .nav-there li a:hover,.nav-there li a.on{ background: #00533c; color: #fff;} .prolist ul{} .prolist ul li{ width:387px; float: left; margin-right:19.5px ; margin-bottom: 40px; font-size: 14px; line-height: 3; font-weight: bold; cursor: pointer; } .prolist ul li:nth-child(3n){ margin-right: 0;} .prolist ul li .img{ position: relative;} .prolist ul li:hover .imgmask{ transform: scale(1);} .prolist-video{ background: url(/public/static/home/images/ico/prolist-video.jpg) no-repeat center bottom; height: 845px; position: relative; } .join-img-1{ margin-top: 240px;} .prolist-viedobox { width: 846px; height: 525px; left: 50%; margin-left: -430px; position: absolute; top:20px;} .video-btn{ width: 80px; height: 23px; position: absolute; left: 50%; margin-left: -40px; bottom: -115px; display: flex; justify-content: space-between;} .video-left,.video-right{ width: 23px; height: 23px; display: block; cursor: pointer; border: 1px solid #000; border-radius: 50%;} .video-left{ background: url(/public/static/home/images/ico/video-left.png) center center no-repeat; } .video-right{ background: url(/public/static/home/images/ico/video-right.png) center center no-repeat;} .video-left:hover{ background: url(/public/static/home/images/ico/video-left-hover.png) center center no-repeat #000; } .video-right:hover{ background: url(/public/static/home/images/ico/video-right-hover.png) center center no-repeat #000; } .INTELLIGENTPRODUCTION-ul{ width: 590px; display: flex; justify-content: space-between; flex-direction: column;} .INTELLIGENTPRODUCTION-ul li{ display: flex; justify-content: space-between; position: relative; } .INTELLIGENTPRODUCTION-ul li span{ display: flex; align-items: center; justify-content: center; width: 95px; height: 95px; border-radius: 50%; font-size: 50px; background: #342c2a; color: rgba(255, 255, 255, 0.8);} .INTELLIGENTPRODUCTION-ul li .info{ width: calc(100% - 170px);} .INTELLIGENTPRODUCTION-ul li:nth-child(2) span{ background: #4c4e4d;} .INTELLIGENTPRODUCTION-ul li:nth-child(3) span{background:#999b9a ;} .INTELLIGENTPRODUCTION-ul li:hover span{ background: #00533c !important; color: #fff;} .INTELLIGENTPRODUCTION-ul li:hover h1{ color: #00533c;} .INTELLIGENTPRODUCTION-ul li::after{ width: 2px; height: 110px; position: absolute; content: ''; display: block; background:#e1e2e3 ; top: 118px; left: 46px;} .INTELLIGENTPRODUCTION-ul li:nth-child(3)::after{ display: none;} .join-img-2{ margin-top: 50px;} .space .left { position: relative;} .space .left .img{ position: absolute; left: 0; top: 170px;} .space .right ul{ width: 884px;} .space .right ul li{ border: 1px solid #e9e9e9; width: 120px; padding: 25px 15px 0 15px; float: left; margin-right: 30px; margin-bottom: 45px; height: 238px; position: relative;} .space .right ul li::before{ display: block; content: ''; position: absolute; top: 0px; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); transform: scale(1,0); border-left: 1px solid #00533c; border-right: 1px solid #00533c; transition: all .5s;} .space .right ul li::after{ display: block; content: ''; position: absolute; top: 0px; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); transform: scale(0,1); border-top: 1px solid #00533c; border-bottom: 1px solid #00533c; transition: all .5s;} .space .right ul li:hover::before,.space .right ul li:hover::after{ transform: scale(1,1); } .space .right ul li:nth-child(5n){ margin-right: 0; } .space .right ul li .txt{ height: 70px; display: flex; align-items: flex-start; margin-top:50px; } .space .right ul li h2{ color: #000; font-size: 18px; font-weight: bold;} .space .right ul li h3{ font-family: "applefont"; color: #7d7d7d; font-size: 18px;} .space .right ul li .line{ background: #e9e9e9; height: 1px ;width: 100%; margin-top: 40px;} .space .right ul li .flex-between{ line-height: 30px;} .space .right ul li .flex-between span:nth-child(1){ } .space .right ul li:hover h2,.space .right ul li:hover h3{ color: #00533c;} .join-img-4{ position: relative;} .join-sapce{ width: 845px; position: absolute; right: 0; bottom: 0;} .join-sapce li{ text-align: center; transition: all .3s;} .join-sapce li .img{ margin-bottom: 25px; transition: all .3s;} .join-sapce li h1{ font-size: 20px; margin-bottom: 12px; color: #554e4e;} .join-sapce li p{ line-height: 1.5; font-size: 14px;} .join-sapce li:hover {transform: translateY(-10px);} .join-sapce li:hover h1{ color:#00533c;} .join-img-5 .txt{ margin-top: 30px;} .join-img-5 h1{ font-size: 22px;} .join-img-5 .info{ font-size: 16px;} .cycle{ background: url(/public/static/home/images/cyclebg.png) no-repeat center top; height: 817px; display: flex; align-items: center; justify-content: center;} .cycle-bot { margin: 55px auto; overflow: hidden;} .cycle-bot .left{ background: url(/public/static/home/images/cycle-left-bg.jpg) no-repeat left top; width: 415px; height: 743px; color: #fff;} .cycle-bot .left h2{ margin-top: 46px; margin-left: 46px;font-family: "applefont"; font-size: 25px; line-height: 32px; font-weight: 100; color: #d1d1d1;} .cycle-bot .right{ width: 648px;} .cycle-bot .right ul{ height: 100%; display: flex; justify-content: space-between; flex-direction: column;} .cycle-bot .right ul li{ border: 1px solid #a9a9aa; display: flex; position: relative;} .cycle-bot .right ul li span{ width: 40px; height: 65px; background: #383d41; position: relative; z-index: 2;color: #d1d1d1; font-size:30px; font-family: "applefont"; display: flex; align-items: center; justify-content: center;} .cycle-bot .right ul li .txt{ position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; text-align: center; width: calc(100% - 42px);} .cycle-bot .right ul li .txt h1{ font-size: 20px; margin-right: 10px;} .cycle-bot .right ul li .txt h2{ font-size: 16px;} .cycle-bot .right ul li::after{ width: 22px; height: 36px; display: block; content: ''; background: url(/public/static/home/images/ico/jiantou.png) no-repeat center center; position: absolute; left: 50%; margin-left: -11px; top: 80px;} .cycle-bot .right ul .img {font-size:30px; font-family: "applefont"; text-align: center;} .cycle-bot .right ul li::before{ display: block; content: '';width: 0; top: 0; height: 100%; background: #383d41; transition: all .5s; position: absolute; } .cycle-bot .right ul li:hover::before{ width: 100%;} .cycle-bot .right ul li:hover .txt{ color: #fff;} .join-img-6 .flex-between{ margin-top: 20px;} .join-img-6 .txt .info{ position: absolute; bottom: 0; left: 0; width: 474px;} .join-h1{ text-align: center; font-size: 28px; margin: 50px 0;} .ms-ul{} .ms-ul li{ transition: all .3s; background: url(/public/static/home/images/ico/join-item-bg.png) no-repeat center center; width: 138px; height: 138px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 2; float: left; margin-right: 39px;} .ms-ul li:nth-child(7n){ margin-right: 0;} .ms-ul li:hover{ color: #00533c; transform: translateY(-10px); } /* .ms-ul li:hover{ background: url(/public/static/home/images/ico/join-item-bg2.png) no-repeat center center ; color: #fff;} .ms-ul li:hover h1{ transition: all .2s;} .ms-ul li img{ transition: all .2s;} .ms-ul li:hover img{ display: none; } */ .ms-ul2{ width: 852px; margin: 0px auto 50px;} .ms-ul2 li{ margin-right: 100px; margin-bottom: 40px;} .ms-ul2 li:nth-child(4n){ margin-right: 0;} .ms-ul2 li:nth-child(7n){ margin-right: 100px;} .modesinfo{ background: url(/public/static/home/images/moodes-bg.jpg) no-repeat center center; width: 100%; height: 413px; position: relative;} .modesinfo ul { padding-top: 108px;} .modesinfo ul li{ font-size: 22px; color: rgba(255, 255, 255, 0.8); width: 14.2%; float: left ; text-align: center; line-height: 2.5; transition: all .3s;} .modesinfo ul li:hover{transform: translateY(-10px); color: #fff;} .modesinfo h1{ position: absolute; bottom: 50px; left: 0; text-align: center; width: 100%; font-size: 14px; font-weight: 100; color: #fff;} .modes-ul{ margin-bottom: 100px;} .modes-ul li{ margin-top: 90px; float: left; width: 265px; margin-right: 46.6px;} .modes-ul li:nth-child(4n){ margin-right: 0; } .modes-ul li h1{ font-size: 16px; border-bottom: 1px solid #121212; width: 238px; font-weight: normal; padding-bottom: 15px; margin-bottom: 15px;} .modes-ul li p{ line-height: 2.3; font-weight: 100; font-size: 16px; transition: all .3S;} .modes-ul li p:hover{ transform: translateX(10px);} .newslist ul{ margin-top: 150px;} .newslist ul li{ border-bottom: 1px solid #cccccc; margin-top:60px; padding-bottom: 35px;} .newslist ul li a{ display: flex; justify-content: space-between;} .newslist ul li .img{ width: 277px; position: relative;} .newslist ul li .txt{ width: calc(100% - 334px);} .newslist ul li .txt h2{ font-size: 17px;} .newslist ul li .txt h5{ font-size: 12px; font-weight: 100; line-height: 3;} .newslist ul li .txt .info{ font-weight: 100;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; margin-top: 20px;} .newslist ul li:hover h2{ font-weight: bold;} .newslist ul li:hover .imgmask{ transform: scale(1);} .news-deatil{ margin-top: 90px;} .news-deatil h2.h2{ font-size: 26px; text-align: center; line-height: 3;} .news-deatil h5.h5{ font-size: 12px; text-align: center; line-height: 1;} .news-deatil .info{ font-size: 14px ;line-height: 2; width: 1025px; margin: 35px auto 0;} .news-deatil .info img{ max-width: 100%;} .page-ul{ display: flex; justify-content: space-between; margin-top: 60px; padding-bottom: 150px;} .page-ul li{ width:46%; } .page-ul li a{ display: block;white-space: nowrap; width: 100%; overflow: hidden;text-overflow:ellipsis; } .page-ul li:nth-child(2) a{ text-align: right;} .contactbox{ border: 1px solid #9e9e9e; display: flex; justify-content: space-between; overflow: hidden;} .contactbox .left{ height: 580px; background: url(/public/static/home/images/contact-left.jpg) no-repeat left top; width: 439px; border-right: 1px solid #9e9e9e; display: flex; align-items: center; justify-content: center;} .contactbox .left figure{ width: 366px; color: #fff; } .contactbox .left figure p{ font-size: 16px; font-weight: 100;line-height: 3} .contactbox .left figure h2{ font-size: 22px;} .contactbox .left figure .item:first-child{ padding-bottom: 85px; margin-bottom: 85px; border-bottom: 1px solid rgba(255, 255, 255, 0.5);} .contactbox .right{ width: calc(100% - 440px);} .contac-order input{ border: 1px solid #aaaaab; width: 710px; line-height: 65px; margin: 0px auto; display: block; padding-left: 30px; font-size: 22px; margin-bottom: 60px;} .contac-order select{border: 1px solid #aaaaab; width: 740px; height: 65px; line-height: 65px; margin: 0px auto; display: block; padding-left: 30px; font-size: 22px; margin-bottom: 60px; background: url(/public/static/home/images/ico/select-bg.png)no-repeat center right 30px;} #city,#province,#town{background: url(/public/static/home/images/ico/select-bg.png)no-repeat center right 30px;} .contac-order textarea{ border: 1px solid #aaaaab; width: 710px; line-height: 65px; margin: 0px auto; display: block; padding-left: 30px; font-size: 22px; margin-bottom: 60px;} .contac-order button,.contact-join button{ font-size: 22px; color: #fff; background: #4f4f4f; display: flex; align-items: center; justify-content: center; width: 395px; height: 50px; margin: 0px auto;} ._citys { width: 740px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background: #fff; } ._citys span { color: #00533c; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #00533c; cursor: pointer; } ._citys0 { width: 95%; height: 34px; line-height: 34px; display: inline-block; border-bottom: 2px solid #05920a; padding: 0px 5px; font-size:14px; font-weight:bold; margin-left:6px; } ._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; } ._citys1 { width: 100%; display: inline-block; padding: 10px 0; } ._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 12px; border-radius: 5px; overflow: hidden; } ._citys1 a:hover { color: #fff; background-color: #00533c; } .AreaS { background-color: #00533c !important; color: #fff !important; } .contact-join label{ display: flex; justify-content: space-between;} .contact-join label input{ width: 539px; line-height: 65px; border: 1px solid #aaaaab; padding-left: 30px; margin-bottom: 60px; font-size: 22px;} .contact-join label select{ width: 539px; line-height: 65px; border: 1px solid #aaaaab; padding-left: 30px; margin-bottom: 60px; font-size: 22px;} .contact-join textarea{border: 1px solid #aaaaab; width: 100%; line-height: 65px; margin: 0px auto; display: block; padding-left: 30px; font-size: 22px; margin-bottom: 60px;} .brand-ul{ display: flex; justify-content: space-between;} .brand-ul li{ position: relative;} .brand-ul li .txt{ position: absolute; left: 0; bottom: 45px; transition: all .3s;} .brand-ul li:hover .txt{ bottom: 40%; } .brand-ul li:hover img{webkit-filter: grayscale(100%);filter: grayscale(100%);} .tabbox{ margin-top: 150px; } .tabtit{height: 213px; display: flex; align-items: center; justify-content: space-between; background: url(/public/static/home/images/tab-tit-bg.jpg) no-repeat center center;} .tabtit ul{display: flex; align-items: center; justify-content: space-between; width: 100%; } .tabtit ul li{ text-align: center; color: #fff; flex: 1; width: 33.3%; font-size: 22px; line-height: 3; cursor: pointer;} .tabtit ul li .img img{opacity: 0.8;} .tabtit ul li .img img:nth-child(2),.tabtit ul li.on .img img:nth-child(1),.tabtit ul li:hover .img img:nth-child(1){display: none;} .tabtit ul li.on .img img:nth-child(2),.tabtit ul li:hover .img img:nth-child(2){ display: inline-block ;} .tabtit ul li.on,.tabtit ul li:hover { color: #00533c;} /* .tab-ul { margin-top: 35px;} .tab-item{ width:394px ; margin-right: 9px; position: relative; float: left; margin-bottom: 10px;} .tab-item img{ max-width: 100%;} .tab-ul .tab-item:nth-child(3n){ margin-right: 0;} */ .schooltabcon{ width: 1200px; height: 500px; margin: 30px auto; position: relative;} .schooltabcon .schooltabconItem{ visibility: hidden; position: absolute; top: 0 ;left: 0; width: 100%; height: 100%; } .schooltabcon .schooltabconItem.active{ visibility:visible } .schooltabcon .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .schooltabcon .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: calc((100% - 9px) / 2); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; } .schooltabcon .swiper-slide img{ height: 240px; width: 100%;} .page-aside { position: fixed; right: -6px; bottom: 180px; transform: translateX(100%); z-index: 6; opacity: 0; transition: transform .3s, opacity .3s } .page-aside.show { transform: translateX(0); opacity: 1 } .page-aside .img { max-width: 100% } .page-aside-item { width: 54px; text-align: center; height: 50px; position: relative; z-index: 1; cursor: pointer; display: block; background-color: rgba(0, 0, 0, .5); margin: 4px 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding-right: 6px; transition: transform .3s; display: flex; align-items: center; justify-content: center } .page-aside-item .icon { width: 24px } .page-aside-item .iconfont { font-size: 24px; line-height: 50px; color: #fff } .page-aside-item.sign .c-dropdown { width: 160px; font-size: 13px } .page-aside-item.sign .c-dropdown-main { padding: 20px 16px 30px } .page-aside-item.sign .c-btn { margin-top: 12px } .page-aside-item.ewm .c-dropdown { width: 190px } .page-aside-item.tel .c-dropdown { font-size: 18px; font-family: DINPro, Arial, Helvetica, sans-serif; white-space: nowrap } .page-aside-item.tel .c-dropdown-main { padding: 4px 16px } @media only screen and (min-width:961px) { .page-aside-item:hover { transform: translateX(-6px) } } @media only screen and (max-width:960px) { .page-aside { right: 0; bottom: 50px; transform: translateY(0); display: none } .page-aside-item.mOn .iconfont { color: #e62111 } } .gbook{ height: 110px; background: #313131; width: 100%; color: #fff; bottom: 0; left: 0; z-index: 99; position: fixed;} .gbook form{ height: 100%;} .gbook .m1200{ display: flex; justify-content: space-between; height: 100%;} .gbook .m1200 .left{display: flex; align-items: center;} .gbook .m1200 .left input{ width: 155px; height: 45px; line-height: 45px; background: #fff; border: 1px solid #cbcbcb; font-size: 16px; padding-left: 10px;} .gbook .m1200 .left button{ width: 112px; height: 46px; color: #fff; font-size: 16px; background: #00533c; text-align: center; line-height: 46px;} .gbook-close{ cursor: pointer;} /* FILE ARCHIVED ON 02:35:11 Dec 15, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 04:50:59 May 17, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.505 exclusion.robots: 0.028 exclusion.robots.policy: 0.02 esindex: 0.01 cdx.remote: 21.98 LoadShardBlock: 195.776 (3) PetaboxLoader3.datanode: 245.372 (4) load_resource: 416.446 PetaboxLoader3.resolve: 286.0 */