.wow{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.2s;animation-duration:1.2s} .deck01{opacity:1} .tit .deckTop{margin-bottom:30px} .tit .deckTop h2{letter-spacing:2.5px;position:relative} .deckTop{animation-name:fadeInDown;-webkit-animation-name:fadeInDown} .deckTop h3{position:relative;margin:0 0 40px;font-size:20px;font-weight:600;color:#242424;letter-spacing:1px;z-index:1} .deckTop p{text-transform:uppercase;font-weight:700;margin-bottom:10px} .deckTop p font{color:#252525;font-size:52px;line-height:120%;font-family:'Poppins',sans-serif;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:1.5px} .deckTop p font:nth-child(2){color:#252525;-webkit-text-stroke:2px #252525;-webkit-text-fill-color:transparent} .littetitle{display:flex;flex-direction:column} .littetitle .ame{font-size:42px;line-height:180%;font-weight:700} .littetitle .mr_top{font-size:19px;margin-top:3px;font-weight:500;margin-bottom:56px} .littetitle h3:before{content:"";position:absolute;width:6px;height:140%;background:#f2ae5a;top:-7px;-moz-transform-origin:bottom;-moz-transform:skewX(20deg);-webkit-transform-origin:bottom;-webkit-transform:skewX(-20deg);-o-transform-origin:bottom;-o-transform:skewX(-20deg);-ms-transform-origin:bottom;-ms-transform:skewX(-20deg);transform-origin:bottom;transform:skewX(-20deg);left:-30px} .littetitle h3{color:#f2622e;font-size:18px;position:relative;line-height:120%} #wrapBox{background-image:url(/images/43/web_bg.jpg);position:relative;margin-top: 0;z-index:1;padding-top:0;background-position:50% 50%;padding-top: 0vw;} .aos-init{-webkit-transition:all 0.9s ease-in-out;-moz-transition:all 0.9s ease-in-out;-o-transition:all 0.9s ease-in-out;-ms-transition:all 0.9s ease-in-out} #aboutWrap{overflow:hidden;position:relative} #aboutWrap section{overflow:hidden;position:relative;padding:90px 0;margin:auto;background-size:contain;z-index:1} #aboutWrap #treeCanvas{position:absolute;top:200px;left:240px;-webkit-transform-origin:center;transform-origin:center;z-index:10;display:none} #aboutWrap section #articleInfo7 .info{margin:0 auto;width:calc(50% - -340px);text-align:center;font-size:18px;color:#484848} #recomWrap{position:relative} .tit .deckTop h2::before{content:"";display:block;position:absolute;width:30px;height:3px;left:0;margin-left:0;bottom:-30px;background:#252525} #products ul{overflow:hidden;position:relative;display:flex;flex-wrap:wrap} #products ul li{padding:20px 20px;width:calc((100% / 4) - 40px);position:relative;border-width:0px 0px 1px 0px;border-color:#dcdcdc;border-style:solid;background-color:#fff} #products ul li .info{border-radius:5px} #products ul li .p-more{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10} #products ul li .info .productPhoto{margin-bottom:10px} #products ul li .info .productPhoto{transition:all 0.4s cubic-bezier(0.39,0.58,0.57,1);margin:20px;background-size:cover} #products ul li .info:hover .productPhoto{-webkit-transform:scale(1.02);transform:scale(1.02)} #products ul li .info:hover .productPhoto{} #products ul li .info h3 a{overflow:hidden;height:57px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left;font-size:20px;line-height:160%;letter-spacing:0;font-family:unset;padding:10px 0;margin-bottom:0px;font-weight:500} #products ul li .info span{padding:10px;font-size:17px;font-weight:600;color:#707070;display:none} #products ul li .info p{font-size:16px;color:#CA2A18;text-align:left;font-weight:700;padding:10px 0} #products ul li .info .addcar{border-radius:7px;padding:2px 0px;background:linear-gradient(0deg,#CA2A18 22%,#E96C5E 80%);-webkit-box-shadow:0 2px 12px rgba(70,70,70,0.64);-moz-box-shadow:0 2px 12px rgba(70,70,70,0.64);-ms-box-shadow:0 2px 12px rgba(70,70,70,0.64);box-shadow:3px 4px 8px 1px rgba(70,70,70,0.64);-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;font-size:18px;color:#ffffff;text-align:center;width:72%} #products ul li .info .addcar a{color:#ffffff} #products ul li .info .addcar a:hover{color:#ffffff;text-decoration:none} #products .deck01{position:relative;padding-bottom:50px} .btnBox{position:relative;display:flex;flex-direction:column} .btnBox:hover a{background-color:#000000} .btnBox:hover:before{background-color:#000000} .btnBox:before{content:"";position:absolute;width:50px;height:100%;background:#353535;margin-left: 188px;-moz-transform-origin:bottom;-moz-transform: skewX(0deg);-webkit-transform-origin:bottom;-webkit-transform: skewX(0deg);-o-transform-origin:bottom;-o-transform: skewX(0deg);-ms-transform-origin:bottom;-ms-transform: skewX(0deg);transform-origin:bottom;transform: skewX(0deg);transition:all 0.5s ease-out 0s} .moreBtn{display:inline-block;max-width:140px;width:50px;font-weight:500;font-family:"Noto Sans TC";font-size:13px;color:#6cb2c2;letter-spacing:0.65px;text-align:center;padding:12.5px 0px} .moreBtn:hover{color:#0a0a0a} .moreBtn.arrow{position:relative;text-align:left;padding:20px 70px 20px 45px;width: 80px;background-color:#353535;color:#ffffff;transition:all 0.5s ease-out 0s;font-size: 14px;} .moreBtn.arrow:before,.moreBtn.arrow:after{content:"";position:absolute;top:0;margin:auto;display:block;transition:all 0.5s ease-out 0s} .moreBtn.arrow:before{position:absolute;width:0;height:0;border-style:solid;border-width: 0.9em 0.6em 0px 0.5em;border-color:#fff transparent transparent transparent;right:0;bottom: -3px;content:"";-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)} .moreBtn.arrow:after{bottom:1px;right:10px;width:35px;height:1px;background-color:rgb(255 255 255)} .moreBtn.arrow:hover{} #photoList{overflow:hidden} #photoList .bidPhoto,#photoList .bd{float:left;width:83%} #photoList .bd{margin-left:1%;width:16%} #photoList .bd ul li{margin:10px 0} #photoList .bidPhoto a,#photoList .bd ul li a{border:1px #545353 solid} #NPBox{margin-bottom:80px} #newBox{border:1px solid #eee;box-sizing:border-box} #NPBox .news-content-title{margin-right:30px;padding:16px 0;width:124px;display:inline-block;background:#f39d90;font-weight:bold;text-align:center;font-size:16px;color:#fff} #NPBox .new-slider{margin-bottom:0;width:calc(100% - 160px);display:inline-block} #NPBox .news-item{position:relative;padding:10px;display:flex;align-items:center} #NPBox .news-item .date{position:relative;margin-right:30px;vertical-align:text-bottom;font-family:'Montserrat',sans-serif;font-size:15px} #NPBox .news-item h3{width:70%} #NPBox .news-item .title{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;vertical-align:text-bottom;font-weight:bold;font-size:15px} #NPBox .news-item .date::after{position:absolute;width:13px;height:2px;background:#79551a;top:50%;right:-23px;transform:translateY(-50%);content:""} #NPBox .news-item .more{position:absolute;padding-right:20px;display:flex;font-size:15px;bottom:12px;right:0} #NPBox .news-item .more::after{position:absolute;height:24px;width:1px;background:#eee;display:inline-block;left:-15px;content:""} #NPBox .news-item .more i{padding:5px;font-size:16px;color:#b3b3b3;vertical-align:bottom} #NPBox .news-item .more p{vertical-align:top} #situationWrap{border-bottom:30px solid #1d2087;background:url(../../images/02/index/img-situationBg.jpg);background-repeat:no-repeat;background-size:cover;background-color:rgb(212,229,243);background-position:50% 10%} #situationWrap .info{padding:170px 0;width:100%} #situationWrap .info .logoimg{margin-bottom:15px;text-align:center} #situationWrap .info p{text-align:center;text-shadow:1px 2px 1px #000;line-height:160%;font-size:48px;color:#fff} #serviceWrap{position:relative;padding:120px 0;background-size:cover} #serviceWrap section{display:flex} #serviceWrap .tit{position:relative;width:20%} #serviceWrap .tit h3{font-family:'Montserrat',sans-serif;font-size:229px;line-height:120%;font-weight:500;letter-spacing:-15px;color:#f4f4f4} #serviceWrap ul{display:flex;flex-wrap:wrap} #serviceWrap ul li{position:relative;margin:0 auto;width:calc((100% / 2) - 30px);text-align:center;color:#565656;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease} #serviceWrap ul li .moreR{position:absolute;width:100%;height:100%;display:block;top:0;left:0;z-index:3} #serviceWrap ul li:nth-child(2){-webkit-animation-delay:.5s} #serviceWrap ul li:nth-child(3){-webkit-animation-delay:1s} #serviceWrap ul li .one{padding:0px 0 0px;position:absolute;top:90px;left:60px} #serviceWrap ul li .two img{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s} #serviceWrap ul li h3,#serviceWrap ul li p{margin:5px auto;font-size:15px} #serviceWrap ul li h3{padding-bottom:0;font-weight:300;letter-spacing:0.5px;font-size:15px;color:#fff;text-transform:uppercase} #serviceWrap ul li h5{padding-bottom:35px;padding-top:0;line-height:120%;text-transform:uppercase;font-size:28px;font-weight:300;letter-spacing:.5px;color:#fff} #serviceWrap ul li article{text-align:center} #serviceWrap ul li p{color:#fff;text-transform:uppercase;text-decoration:underline} #slogn{padding:170px 0;background-image:url(/images/02/index/sloganBg.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-attachment:fixed} #slogn img{margin:0 auto;display:block} #slogn .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0;-webkit-box-sizing:border-box;box-sizing:border-box;animation-name:fadeInUp;-webkit-animation-name:fadeInUp} #slogn .wrap a{position:relative;padding-left:25px;width:30%;height:80px;border:1px solid rgb(255 255 255 / 26%);display:inline-block;line-height:80px;letter-spacing:2.5px;font-size:17px;color:#fff;background-color:rgb(10 7 3 / 40%);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out} #slogn .wrap a:before{position:absolute;width:8px;height:1px;background-color:#fff;top:calc( 50% + 0.5px);right:30px;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg);-webkit-animation:anti02 2s forwards cubic-bezier(0.45,0.05,0.55,0.95) infinite;animation:anti02 2s forwards cubic-bezier(0.45,0.05,0.55,0.95) infinite;content:""} #slogn .wrap a:after{position:absolute;width:35px;height:1px;top:50%;right:30px;background-color:#fff;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-animation:anti02 2s forwards cubic-bezier(0.45,0.05,0.55,0.95) infinite;animation:anti02 2s forwards cubic-bezier(0.45,0.05,0.55,0.95) infinite;content:""} @-webkit-keyframes iconRotate{0%{-webkit-transform:rotate(0)} 100%{-webkit-transform:rotate(2deg)} }@keyframes iconRotate{0%{transform:rotate(0)} 100%{transform:rotate(2deg)} }@-webkit-keyframes iconRotate2{0%{-webkit-transform:rotate(0)} 100%{-webkit-transform:rotate(-2deg)} }@keyframes iconRotate2{0%{transform:rotate(0)} 100%{transform:rotate(-2deg)} }@-webkit-keyframes iconRotate3{0%{-webkit-transform:rotate(0)} 80%{-webkit-transform:rotate(25deg)} 100%{-webkit-transform:rotate(25deg)} }@keyframes iconRotate3{0%{transform:rotate(0)} 80%{transform:rotate(25deg)} 100%{transform:rotate(25deg)} }@-webkit-keyframes bgWhirligig{0%{-webkit-transform:rotate(360deg)} 100%{-webkit-transform:rotate(0)} }@keyframes bgWhirligig{0%{transform:rotate(360deg)} 100%{transform:rotate(0)} }@-webkit-keyframes bgWhirligig-2{0%{-webkit-transform:rotate(0)} 100%{-webkit-transform:rotate(360deg)} }@keyframes bgWhirligig-2{0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }@-webkit-keyframes newsbg{0%{background-position:95% 35%} 100%{background-position:95% 90%} }@keyframes newsbg{0%{background-position:95% 35%} 100%{background-position:95% 90%} }@-webkit-keyframes anti02{0%{right:50px;opacity:0} 100%{right:30px;opacity:1} }@keyframes anti02{0%{right:50px;opacity:0} 100%{right:30px;opacity:1} } @media screen and (max-width:1680px){ #NPBox .news-item h3{width:60%} #serviceWrap:before{right:210px;zoom:75%} } .littetitleJJ{display: flex;flex-direction: column;margin-bottom: 20px;width: 100%;} .littetitleJJ h3{text-transform: uppercase;font-size: max(4 * (1vw + 1vh) / 2, 40px);line-height: 120%;color: #8d4745;} .littetitleJJ p{font-size: max(2.1*(1vw + 1vh) / 2, 20px);line-height: 180%;font-weight: 700;} /* newsBox */ #newsBox {position: relative;padding: 50px 0 100px;display: flex;justify-content: space-between;flex-direction: column;align-items: center;overflow: hidden;width: 100%;max-width: 100%;} #newsBox .littetitleJJ:before{ content: ""; position: absolute; width: 30vw; aspect-ratio: 3/2; background: rgb(253 253 253 / 50%); left: -2vw; top: 4vw; z-index: -1; } #newsBox .btnBox{margin-top: 60px;} #newsBox .workframe{padding: 120px 20px 50px;display: flex;align-items: center;justify-content: space-between;} #newsBox .workframe .JJtitle{width: 47%;display: flex;flex-direction: column;margin-top: 29px;} #newsBox .bg {position: relative;order: 2;opacity: 1;background-size: cover;border-radius: 0 0 0 250px;background-position: 50%;} #newsBox .info {padding: 0 0;margin-bottom: 20px;margin-top: 30px;display: flex;width: 55%;} #mid-video:after{content:"";position: absolute;width: 160px;aspect-ratio: 160/140;background: url(/images/40/conitem-2.png);background-position: 50%;background-repeat: no-repeat;right: 14%;top: 60px;transform-origin: right bottom;animation: bounce 2s infinite;background-size: contain;} #newsBox .info .tit {width: 5em;} #newsBox .info .tit a {color: #000;} #newsBox .info .news_list {width: 100%;} #newsBox .info .news_list .slick-list{padding-bottom: 15px;} #newsBox .info .news_list li{position:relative;display:grid;grid-template-columns:144px 1fr 40px;padding:5px 3px;border-top:1px dashed #adadad;align-items:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;margin-bottom:5px} #newsBox .info .news_list li:hover{background:#fff} #newsBox .info .news_list li.slick-current{border-top:unset} #newsBox .info .news_list li a{position:absolute;width:100%;height:100%;left:0;z-index:2;top:0} #newsBox .news_list li .date{border-right:1px solid #8a8a8a;margin-right:40px;display:flex;align-items:center;justify-content:flex-start;margin-left:5px} #newsBox .news_list li .time{color:#505050;display:flex;flex-direction:column;align-items:center;font-family:"Nunito Sans",sans-serif;font-size:max(1 * (1vw + 1vh) / 2,14px);font-weight:300;line-height:100%} #newsBox .news_list li .time b{color:#505050;font-size:max(3.3 * (1vw + 1vh) / 2,39px);font-family:"Nunito Sans",sans-serif;line-height:1} #newsBox .info .news_list .news_txt{position:relative;width:95%} #newsBox .info .news_list .fas{aspect-ratio:1/1;background:#8d4745;display:flex;flex-direction:column;align-items:center;justify-content:center;width:30px;color:#fff;border-radius:500px;font-size:12px} #newsBox .info .news_list .news_txt .mmtop{display:flex;align-items:center;margin-bottom:0} #newsBox .info .news_list .golink{display:flex;position:absolute;right:2%;bottom:45px} #newsBox .info .news_list .golink a{position:relative;padding:10px;background:var(--secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:50px} #newsBox .info .news_list .golink a svg{width:22px;fill:#fff} #newsBox .info .news_list .news_txt span{display:inline-block;background:#f2f2f2;font-size:max(1 * (1vw + 1vh) / 2,13px);padding:7px 9px;width:111px;text-align:center} #newsBox .info .news_list .news_txt h3{height:auto;font-size:max(1.13 * (1vw + 1vh) / 2,16px);font-weight:600;margin:10px 0;margin-left:10px;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:calc(100% - 20px);color:#353535} #newsBox .info .news_list .news_txt p{-webkit-line-clamp:2;height:53px;font-size:16px;color:#343333;overflow:hidden;margin:10px 0;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical} #newsBox .info .news_list .noBox{position:absolute;width:2em;text-align:center;top:50%;right:-6em;-webkit-transform:translateY(-47%);transform:translateY(-47%)} #newsBox .bttn{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px} #newsBox .info .news_btn{position:relative;width:9em;display:flex;justify-content:space-between;align-items:center;z-index:5} #newsBox .info .news_btn font{width:5.5em;display:flex;justify-content:flex-end} #newsBox .info .news_btn font span{min-width:2em;text-align:center} #newsBox .info .news_btn font span:nth-child(2){min-width:1.5em} #newsBox .info .news_btn #prevBtn{-webkit-transform:scaleX(-1);transform:scaleX(-1)} #newsBox .arrow_btns_box a{width:45px;height:45px;background:#509930;border-radius:50px;display:inline-flex!important;align-items:center;justify-content:center;margin:0 5px} #newsBox .arrow_btns_box a svg{width:17px;height:17px;fill:#fff} #newsBox .arrow_btns_box a.prev svg{transform:scaleX(-1)} #damJ{width:100%;padding-top:50px} #damJ:before{content:"";position:absolute;width:100%;height:250px;background:url(/images/43/coo_bg.jpg);bottom:0} #damJ .inboconet{position:relative;display:flex;justify-content:space-around;box-shadow:0 5px 13px 3px #3d3d3d73;width:min(993px ,90%);margin:0 auto;padding:80px 0;border-radius:40px;align-items:center;z-index:0;background-color:#fff} #damJ .inboconet:before{content:"";position:absolute;width:2px;height:75px;background:#1f3349} #damJ .inboconet a:hover{-moz-transform: translateY(-0.25em);-webkit-transform: translateY(-0.25em);-o-transform: translateY(-0.25em);-ms-transform: translateY(-0.25em);transform: translateY(-0.25em);} #damJ .inboconet a{display: flex;flex-direction: column;align-items: center;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;} #damJ .inboconet a *{color: #8d4745;font-size: max(1.7*(1vw + 1vh) / 2,21px);} #damJ .inboconet a img{} @keyframes float { 0% {transform: translateY(0);} 50% {transform: translateY(-20px);} 100% {transform: translateY(0);} } @media screen and (max-width:1470px){ #aboutWrap section{position:relative;width:90%;padding:50px 0} #serviceWrap{padding:40px 0} #serviceWrap:before{right:130px} #aboutWrap #treeCanvas{left:70px} #newsBox:before{left: -65.5%;} #newsBox:after{right: -65%;} #newsBox .workframe{padding: 140px 20px 10px;width: min(1060px, 90%);} #newsBox .littetitleJJ:before{width: 34vw;} } @media screen and (max-width:1366px){ #situationWrap .info{width:100%} #serviceWrap section{width:90%;display:flex;justify-content:space-around} } @media screen and (min-width:1281px){ #products ul::before{content:'';display:block;width:100%;height:100%;border-style:solid;border-width:1px 1px 0px 1px;border-color:#dcdcdc;border-right:none;position:absolute;top:0px;left:0;z-index:10} #products ul li::before{content:'';display:block;width:1px;height:100%;background:#dcdcdc;position:absolute;top:0px;right:0px;z-index:10} #products ul li:last-child::before{right:0px} #products ul li:hover::before{} #recomWrap::after{content:'';position:absolute;height:1000px;width:50%;top:0;right:0;background-image:url(/images/02/index/img-pBg.jpg);z-index:-1} } @media screen and (max-width:1280px){ #slogn{background-attachment:initial} #serviceWrap .tit{width:10%} #serviceWrap ul{width:90%;display:flex;flex-wrap:wrap} #serviceWrap ul li .one{top:30px;left:30px} #serviceWrap ul li h5{font-size:23px} #products ul li{padding:20px 5px;width:calc((100% / 2) - 10px);border-width:0} } @media screen and (min-width:1025px){ .deckTop-m{display:none} #serviceWrap ul li:hover .two img{-webkit-transform:scale(0.95);transform:scale(0.95)} #serviceWrap ul li:hover{} #serviceWrap ul li:hover h3{padding-bottom:0} #serviceWrap ul li:hover h5{padding-bottom:15px} #slogn .wrap a:hover{background-color:#912a2a;border:1px solid rgb(0 0 0 / 0%)} #bookWrap ul li .hoverBox a{padding:0 23px;font-size:16px} } @media screen and (max-width:1024px){ #situationWrap .info{padding:130px 0} #serviceWrap .tit h3{letter-spacing:-5px;font-size:130px} #serviceWrap{padding:20px 0 10px} #serviceWrap:after{zoom:60%;bottom:-130px;z-index:9} #serviceWrap ul li{} #serviceWrap ul li p{padding-bottom:6px;letter-spacing:0;font-size:12px} #NPBox .news-item h3{width:55%} #serviceWrap section{padding:0;width:90%;margin:auto;display:flex;flex-direction:column;align-items:center} #slogn .wrap{display:flex;flex-direction:column} #slogn .wrap a{margin:10px 0;width:80%;height:70px;line-height:70px} #slogn{padding:100px 0} .deckTop p{padding:0} .deckTop p font{font-size:34px} .deckTop-m{zoom:80%} #serviceWrap .tit{margin:20px auto;width:100%} .deckTop-m p{text-align:center} #newsBox .bg {width: 100%;height: 50vh;border-radius: 0;} #newsBox {display: flex;margin-top: 0;flex-wrap: wrap;padding: 0 0 40px;} #newsBox .workframe{padding: 50px 10px 10px 10px;} #newsBox .mmtmore{top: 40px;} } @media screen and (max-width:980px){ .deckTop h3{margin-bottom:10px} #NPBox .news-content-title{margin-right:15px} #NPBox .news-item .more{padding-right:0} #NPBox .news-item h3{width:50%} #serviceWrap ul li .one{padding:0px 0 0;top:30px;left:20px} #serviceWrap ul li h5{padding-bottom:0;font-size:18px} #serviceWrap ul li h3{font-size:13px} #serviceWrap ul{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center} #serviceWrap ul li{margin:10px auto;width:80%} #products ul li .info .productPhoto{margin:5px} #products ul li .info h3 a{font-size:18px;height:52px} #products ul li .info p{font-size:14px} #products .deck01{padding-bottom:20px} #newsBox .workframe{display: flex;flex-direction: column;padding: 0 0;align-items: flex-start;width: 80%;} #newsBox .workframe .JJtitle{width: 100%;} #newsBox .info{width: 100%;margin-top: 20px;} } @media screen and (max-width:768px){ #photoList .bd ul li{margin:5px 0} #prodInfo .box,#prodInfo .box:first-child,#prodInfo .box article{width:100%} #prodInfo .box .list:last-child{text-align:center} #prodInfo .box .list:last-child p{margin-top:10px;width:32%} #situationWrap .info p{font-size:38px} #situationWrap{background-position:50% 60%;border-bottom:30px solid #1d2087} #NPBox .news-item .more p{display:none} #aboutWrap #treeCanvas{top:0;left:-130px} } @media screen and (max-width:640px){ #newBox{padding:0 16px} .deckTop p{margin:0 0 4px} #serviceWrap ul li:after{background:none} #NPBox .new-slider{width:100%} #NPBox .news-item h3{width:calc(100% - 110px)} #NPBox .news-content-title{display:none} #NPBox .sectionTitle{margin-bottom:0;padding:5px 0 5px 16px;background:#79551a;color:#fff} #NPBox .sectionTitle .btn a,#NPBox .sectionTitle .btn a i{color:#fff} #NPBox{margin-bottom:20px} .btnBox{position:relative;bottom:0;margin: 0 auto;} #newsBox .info .news_list .news_txt{width: 92%;} #newsBox .info .news_list li {grid-template-columns: 131px 1fr 40px;} #newsBox .news_list li .date{padding-right: 15px;margin-right: 17px;} #newsBox .mmtmore{position: relative;right: auto;top: auto;} #newsBox{padding-bottom: 0;} #damJ{position: relative;} #damJ .inboconet{display: flex;flex-direction: column;padding: 10px 0;} #damJ .inboconet:before{width: 50%;height: 1px;} #damJ .inboconet a{padding: 50px 0;} #damJ:before{height: 100%;background-size: cover;bottom: -40px;display: none;} #damJ{padding-bottom: 80px;position: relative;padding-top: 90px;} } @media screen and (max-width:540px){ #NPBox .sectionTitle .btn a{font-size:14px} #serviceWrap ul li{width:100%} .littetitle h3:before{left:-17px} .littetitle h3{margin-left:10px} } @media screen and (max-width:480px){ #situationWrap .info{padding:70px 0} #situationWrap .info p{font-size:25px} #serviceWrap:before{top:-100px;right:90px;zoom:55%} #serviceWrap:after{bottom:-210px;zoom:40%} #serviceWrap .tit h3{font-size:90px} #NPBox .news-item{display:block} #NPBox .news-item .date,#NPBox .news-item h3{display:block} #NPBox .news-item h3{width:100%} #NPBox .news-item .date::after{display:none} #wrapBox{padding-top:27px} .maprouctJ .titleJ{margin-top:30px} .moreBtn.arrow{padding: 14px 47px;} .moreBtn.arrow:before{right: 12px;} .moreBtn.arrow:after{right: 20px;width: 25px;} .btnBox:before{margin-left: 0;} #newsBox .info .news_list .news_txt .mmtop {display: flex;flex-direction: row;align-items: center;margin-bottom: 0;} #newsBox .info .news_list .news_txt span{padding: 2px 2px;width: 100px;margin-right: 5px;display: none;} #newsBox .info .news_list .news_txt h3 {width: 100%;margin: 0;} #newsBox .info .news_list li {grid-template-columns: 105px 1fr 40px;padding: 20px 0;} #newsBox .news_list li .date {margin-right: 10px;} #newsBox{padding: 40px 0 0px;} #newsBox .info .news_list .golink{display: none;} #newsBox .info .news_list .news_txt{width: 100%;} } @media screen and (max-width:450px){ #photoList .bidPhoto,#photoList .bd{width:100%} #photoList .bd{display:none} #product-article ul.tabs li a{padding:0 10px;font-size:14px} #prodInfo .box .list:last-child p a{font-size:14px} }