section{padding:5vw 0}
section >*{z-index:5}
section .title_box{margin-bottom: 20px;}
section .title_box font{font-weight:700;font-size:46px;color:#414042;position:relative;font-family:'Raleway',sans-serif;line-height:130%;margin-bottom:5px}
section .title_box font::before{content:"";display:block;width:30px;height:22px;background:url(/images/39/logoIcon.png) center/cover;position:absolute;top:0;left:0}
section .title_box .page_title{text-transform:uppercase;line-height:130%;letter-spacing:4px;font-weight:600;font-size:30px;color:var(--primary);position:relative;display:inline-block}
section .title_box .page_title::after{content:"";position:absolute;bottom:20px;right:-70px;margin-top:-1px;width:60px;height:1px;background-color:#575757;z-index:10}
section .title_box article{padding:50px 0 0;color:#646464;font-size:17px;line-height:240%}
section.bg_box{background:no-repeat 50% / cover;background-attachment:fixed}
.more_btn{margin-top:0px}
.more_btn a{position:relative;overflow:hidden;height:165px;width:165px;display:flex;justify-content:center;flex-direction:column;align-items:center}
.more_btn font{text-align:left;font-weight:500;text-transform:uppercase;letter-spacing:3px;color:#ffffff}
.more_btn.white font{letter-spacing:1px;font-size:15px;position:relative;-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit;color:#fff;font-weight:400}
.more_btn.white a:before{position:absolute;display:block;bottom:16px;left:0px;content:"";background-image:url(/images/39/img-ab-m.png);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;z-index:-1;height:165px;width:165px;-webkit-transform:translateY(10%) scale(1);transform:translateY(10%) scale(1);bkit-animation:imgcircle 50s linear infinite;animation:imgcircle 50s linear infinite}
@-webkit-keyframes imgcircle{0%,100%{-webkit-transform:translateY(10%) rotate(0)}
50%{-webkit-transform:translateY(10%) rotate(1turn)}
}@keyframes imgcircle{0%,100%{transform:translateY(10%) rotate(0)}
50%{transform:translateY(10%) rotate(1turn)}
}


.more_btn.white .arrow{position:relative;display:inline-block;vertical-align:middle;width:9px;height:9px;margin-right:-5px}
.more_btn.white .arrow:after,.more_btn.white .arrow:before{content:"";position:absolute;top:50%;left:0;z-index:1;width:100%;height:1px;margin-top:-0.5px;background-color:#ffffff}
.more_btn.white .arrow:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.more_btn.white:hover .arrow:after{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
#wrap{position:relative}

#about_area{background-image: url(/images/39/img-ab-bg.png);background-repeat:no-repeat;background-position: 50% -60%;background-size: contain;position:relative;overflow: inherit;padding: 5vw 0 1vw;}
#fly-could{transition:unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;-ms-transition:unset}
.fly-out{position:absolute;z-index: 9;width: 215px;height: 359px;bottom: -60px;left: 120px;transition:unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;-ms-transition:unset;}
.fly-out02{position:absolute;z-index: 13;width: 210px;height: 340px;top: -50px;left: 420px;}
.fly-out03{position:absolute;z-index:9;width: 300px;top: -160px;right: 80px;}
.fly-out04{position:absolute;z-index: 10;width: 400px;bottom: 540px;right: -160px;}
.fly-out05{position:absolute;z-index:9;width:1920px;height:980px;bottom:0;right:0;display:none}
#fly-could img,#fly-could02 img,#fly-could03 img,#fly-could04 img,#fly-could05 img{width: auto;height:auto;transition: unset;-webkit-transition: unset;-moz-transition: unset;-o-transition: unset;-ms-transition: unset;}
.cloudBox{position:absolute;z-index:1;opacity:0;pointer-events:none}

.btn1{position:relative}
.btn1::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-color:#839acc;z-index:1}
.btn1.center{text-align:center}
.btn1.full a{width:100%;margin:0}
.btn1 a{position:relative;display:block;width:61px;height:61px;border-radius:50%;background-color:#375981;z-index:2}
.btn1 a::before{content:"";position:absolute;top:calc(50% - 9.5px);left:calc(50% - 11px);width:22px;height:19px;background:url("../images/icon/arrow_right_white.png") no-repeat center/cover;z-index:1}

/* about_area */
#wrap{position:relative;z-index:-1}
#about_area.tooolong .aboutBG{height:100%}
#about_area .nowrap_box{margin-right:auto;flex-direction:row-reverse;justify-content:flex-end;align-items:center;z-index:10}
#about_area .aboutBG:before{position:absolute;display:block;bottom:-40px;left:-10px;content:"";background-image:url(/images/39/img-ab-bg01.png);z-index:7;height:250px;width:0;transition:all 3.1s ease-in-out;-webkit-transition:all 3.1s ease-in-out}
#about_area.tooolong .aboutBG:before{width:660px}
#about_area. .img_item img{width:100%}
#about_area .aboutArea{padding-left:0;padding-right:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;justify-content:space-between;flex-direction:row}
#about_area .aboutArea .areaTxt{padding-top:0px;width:23%;z-index:10;transform:translateX(20%);margin-top:170px}
#about_area .aboutArea .img_item{width:70%;margin:0}
#about_area .title_box p{transform:translateX(-10%)}
section article .title,#about_area .linkArea h2{font-size:24px;margin-left:0px;letter-spacing:2.3px;line-height:160%;font-weight:600;margin-top:20px;color:#3d3b3b}
section article .Txt.show{padding-top:20px;position:relative}
#about_area .aboutArea .ImgCenter .Img{width:100%;margin-top:100px;position:relative;overflow:hidden}
#about_area .aboutArea .Img::after{content:'';position:absolute;height:135px;width:397px;bottom:60px;right:10px;background-image:url(/images/39/img-ab-t.png);background-size:contain;background-repeat:no-repeat;opacity:1;z-index:6}
#about_area .aboutArea .ImgCenter .Img video{width:130%;height:510px}
#about_area .aboutArea .ImgCenter .ImgTop{position:absolute;top:-21%;right:53%;width:45%;z-index:0}
#about_area .aboutArea .ImgCenter .ImgBottom{position:absolute;top:37%;right:-40%;width:66%;z-index:2}
#about_area .aboutArea .bottom{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-start;padding-left:100px;margin-bottom:-11px;position:relative;flex-direction:column;justify-content:flex-end}
#about_area .aboutArea .Txt h2{font-size:25px;margin-bottom:15px}
section article .Txt .text{color:#707070;font-size:16px;font-weight:400;line-height:180%;letter-spacing:0.5px}
#about_area .aboutArea .right .more_btn{position:relative;display:flex;flex-direction:row-reverse;margin-top:20px}
#about_area .deck02{position:absolute;right:60px;z-index:-1;top:70px}
#about_area .deck02 .Img{font-size:180px;font-weight:bold;opacity:0.1;font-family:'Montserrat',sans-serif;letter-spacing:10.5px}
#about_area .linkArea{width:600px;margin-left:auto;margin-top:0px}
#about_area .linkArea h2{width:280px;margin-left:auto;margin-bottom:20px}
#about_area .linkArea ul .linkItem{-webkit-box-shadow:0px 10px 35px 0px rgba(0,0,0,0.2);box-shadow:0px 10px 35px 0px rgba(0,0,0,0.2);background-color:#fff;padding:40px;margin:19px;height:160px;border-radius:0 0 0 70px;position:relative}
#about_area .linkArea ul .linkItem .Txt{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;overflow:hidden}
#about_area .linkArea ul .linkItem .Txt h3{color:#545454;font-weight:400}
#about_area .linkArea ul .linkItem .Txt h4{font-size:60px;font-family:'Raleway',sans-serif;color:#ee6a55;line-height:70%;position:absolute;bottom:60px;font-weight:500}
#about_area .linkArea ul .linkItem .line{margin:10px 0 0px;width:82%;height:10px;background:#ee6a55;position:absolute;bottom:0;right:0}
#about_area .linkArea ul .linkItem:nth-child(2n) .Txt h4{color:#1b489d}
#about_area .linkArea ul .linkItem:nth-child(2n) .line{background:#1b489d}
#Service_area{position:relative}
#Service_area::after{content:"";width:857px;height:100%;display:block;background-image:url(/images/39/img-n-bg.png);background-repeat:no-repeat;position:absolute;right:-20px;bottom:0;transform:translateY(10%);z-index:-1}
#Service_area .contactBox{width:300px;margin-right:0;transform:translateX(0%)}
#Service_area .title_box{display:flex;flex-direction:column;align-items:flex-start}
#Service_area .title_box .Nmore{
    z-index: 10;
}


/* product_area */
.list_box .info_box h3{height:30px;font-weight:500;font-size:17px;color:#3a4856}
#product_area{position:relative;padding: 80px 0px 70px;margin-top:0;z-index:20}
#product_area .info{display:flex;flex-direction:column;position:relative}
#product_area .info .contactBox{position:relative}
#product_area .info .contactBox:before{content:"";position:absolute;background:linear-gradient(to right,var(--primary),var(--primary));width:calc(40% + 290px);display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:end;align-items:flex-start;height: 220px;color:#fff;margin:0 0 0 -150px;top: -60px;left: -220px;text-align:left;border-radius:0 0 130px 0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;-webkit-transform:skewX(160deg);-ms-transform:skewX(160deg);transform:skewX(160deg)}
#product_area .info .contactBox:after{content:'';position:absolute;height: 100px;width: 70%;top: 10px;left:0px;background:#e0e7f1;z-index:-1;-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform: skewX(-30deg);}
#product_area .title_box font,#product_area .title_box .page_title{color:#ffffff}
#product_area .info .more_btn{position:absolute;top:50%;transform:translate(0%,-50%);width:100%;display: none;}
#product_area .list_box{width: calc(100% - 160px);margin: auto;/* -webkit-transform:translate(200px,-90px); *//* transform:translate(200px,-90px); */z-index:10}
#product_area .applicationList .slick-track{padding-bottom: 90px;padding-top: 130px;padding-right:60px}
#product_area .applicationList .slick-list{overflow:unset}
#product_area .applicationItem{padding:0;margin: 10px 60px 0;position:relative}
#product_area .applicationItem.title .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:50px 25px 54px 25px}
#product_area .applicationItem.title .item .more_btn{position:relative}
#product_area .more_btn.white a::after{background-color:#bebebe}
#product_area .more_btn.white a:hover font{color:#ffffff}
#product_area .more_btn.white font{color:#515151}
#product_area .more_btn.white span{margin-left:10px}
#product_area .more_btn.white span img{margin-left:10px;margin-bottom:6px}
#product_area .title_box .page_title{margin-bottom:10px}
#product_area .title_box .page_title::after{background-color: #ffffff;}
#product_area .applicationItem:not(.title) .item{padding:0px 0px 0px 0px}
#product_area .applicationItem:not(.title) .item:hover .title{transform:translate(0%,-20%)}
#product_area .applicationItem:not(.title) .item:hover .subtitle{color:#272727}
#product_area .applicationItem:not(.title) .item:hover .text{color:#ea5c1f;font-family:'Belleza',sans-serif}
#product_area .applicationItem:not(.title) .item:hover .moreBtn{opacity:1;transform: translate(0%,-80%);}
#product_area .item .sideDeco{-ms-flex-align:end;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;top:-45px;right:10px;z-index:4}
#product_area .applicationItem .item .Img{position:relative}
#product_area .item .sideDeco .number{font-size:55px;font-weight:500;margin-bottom:30px}
#product_area .item .sideDeco .number,#product_area .item .sideDeco .text{color:#ea5c1f;display:block;font-family:'Belleza',sans-serif;line-height:120%;letter-spacing:1px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
#product_area .item .sideDeco .text{font-size:16px;font-weight:500}
#product_area .item h4{font-family:'Belleza',sans-serif;font-weight:300;font-size:14px}
#product_area .item h5{margin:40px 0;font-weight:400;font-size:14px}
#product_area .item .atag_item{z-index:10}
#product_area .deck02{position:absolute;right:-140px;z-index:-1;top:0}
#product_area .Img img{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;object-fit:contain;border-radius: 20px;-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.2);height: 130px;background-color: #fff;padding: 0 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#product_area .Txt{align-items: center;display:flex;flex-wrap:wrap;padding-top: 30px;position:relative;z-index:2;flex-direction: column;}
#product_area .applicationItem .item .Img:before{content:"";width: 29px;height: 101px;background-image: url(/images/39/img-p-t.png);background-repeat: no-repeat;position:absolute;top:-40px;right: 50px;z-index:1;display: none;}
#product_area .Txt .title{display:inline-block;font-size:18px;color:#444;font-weight: 500;letter-spacing:1px;text-align: center;}
#product_area .Txt .subtitle{color:#444;font-size:15px;font-weight:400;letter-spacing:1px;padding-top:26px;padding-right:0px}
#product_area .Txt .text{height:85.5px;color:#e9eef5;font-size:15px;line-height:1.9;letter-spacing:0.7px;margin-top:17px}
#product_area .Txt .subtitle{font-size:15px}
#product_area .Txt .text{font-size:14px}
#product_area .moreBtn{padding:10px 0;opacity:0}
#product_area .moreBtn a{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;width:81px;color:#444;font-weight:500;letter-spacing:0.12em;z-index:1;font-size:14px}
#product_area .moreBtn a::after{content:"";position:absolute;top:calc(50% - 7.5px);right:-10px;width:20px;height:17px;background:url("/images/39/arrow_right_white.png") no-repeat center/cover;z-index:1;-webkit-filter:contrast(0) brightness(100%);filter:contrast(0) brightness(100%)}
#product_area .parallaxImg{position:absolute;animation-name:lemon;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:3s}
#product_area .right{animation-duration: 3.5s;left: 10px;top: -200px;}
#product_area .bottom{top: 0px;right: 20px;animation-name: lemon2;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
@keyframes lemon{0%{top:-25%}
100%{top:-30%}
}
@keyframes lemon2{0%{top:-5%}
100%{top:-15%}
}
#product_area .slick-prev{width: 30px;height: 85px;left: -20px;z-index: 10;}
#product_area .slick-prev:before{content:"";background-image: url(/images/39/arrow-left.png);background-repeat: no-repeat;background-size: contain;width: 40px;height: 50px;display: block;}
#product_area .slick-next{width: 30px;height: 85px;right: -20px;z-index: 10;}
#product_area .slick-next:before{content:"";background-image: url(/images/39/arrow-right.png);background-repeat: no-repeat;background-size: contain;width: 40px;height: 50px;display: block;}


#news_area{padding:1vw 0;width:33%;right:0%;transform:translateX(10%)}
#news_area .Nmore{margin-top:60px;display:flex;justify-content:center;align-items:center}
#news_area .more_btn{text-align:center;display:flex;justify-content:center;margin:10px}
#news_area .list_box ul li{border-bottom:1px solid #c0c0c0;margin-bottom:20px;padding-bottom:20px}
#news_area .list_box ul li .item{display:flex;align-items:center}
#news_area .list_box ul li .Txt{width:calc(100% - 140px);border-left:1px solid #c0c0c0;margin-left:20px;padding-left:20px;position:relative}
#news_area .list_box ul li .intro::after{content:"";position:absolute;top:calc(50% - 7.5px);right:-30px;width:18px;height:17px;background:url("/images/39/arrow_right_white.png") no-repeat center/cover;z-index:1;transition:all 0.3s ease-in-out}
#news_area .list_box ul li:hover .intro::after{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-filter:initial;filter:initial;filter:contrast(0) brightness(150%)}
#news_area .list_box ul li .classTitle a{background-color:rgb(255 255 255 / 60%);padding:2px 10px;font-size:14px;border-radius:50px}
#news_area .list_box ul li .date{width:70px;display:flex;flex-direction:column;align-items:center}
#news_area .list_box ul li .date p{font-size:23px;font-weight:600;color:var(--primary);position:relative;font-family:'Raleway',sans-serif;text-transform:uppercase;line-height:120%}
#news_area .list_box ul li .date .big{font-size:48px}
#news_area .list_box ul li .intro{position:relative}
#news_area .list_box ul li .intro h3{color:var(--black);font-size:20px;font-weight:500;margin:4px 0 0}
#news_area .list_box ul li .intro article{-webkit-line-clamp:1;height:auto;color:#656565;margin:7px 0 0}
.newsArea{padding:100px 0;position:relative}
.newsArea .wrap{display:flex;align-items:center;justify-content:space-between}
.news_box{width:560px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;position:relative}
.newsArea .newsImg{flex-basis:80%;position:relative}
.newsArea .newsImg img{position:relative;z-index:3}
.newsArea .newsImgBg{background-color:#1b489d;border-radius:1000px;width:600px;height:600px;left:-21%;top:-100px;position:absolute;z-index:1}
.newsArea .newsImgBgLine{width:292px;height:292px;right:60%;top:-40%;position:absolute;transform-origin:left top;z-index:0}
.newsArea .newsImgBgLine img{max-width:100%}
.newsArea .icons{position:absolute;left:-120px;z-index:10}
.newsArea .newsList{display:flex;height:100%;flex-direction:column;justify-content:space-around;margin:auto;margin-top:50px;transform:translateX(20%)}
.newsArea .newsList .newsItem .item{display:flex;flex-direction:column;align-items:center}
.newsArea .newsList .newsItem .Img{align-items:center;background-color:#fff;border:18px solid #dce2ef;border-radius:1000px;display:flex;height:120px;margin-left:20px;justify-content:center;position:relative;width:120px;flex-direction:column;margin:10px}
.newsArea .newsList .newsItem .Img img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;z-index:3}
.newsArea .newsList .newsItem .Txt{color:#000}
.newsArea .newsList .newsItem .Txt .title{font-size:20px;font-weight:700;letter-spacing:0.5px;line-height:1.4}
.newsArea .newsList .newsItem .Txt .subtitle{font-family:"Lato",sans-serif;font-size:15px;line-height:1.86;letter-spacing:0.5px}
.newsArea .newsList .newsItem:nth-of-type(2){padding-right:50px}


@media screen and (max-width: 1660px){
    #news_area{transform: translateX(8%);}
	.newsArea{padding: 80px 0 40px 0;}
}
@media (max-width:1366px){
	.newsArea .newsImgBgLine{left:48%}
	.newsArea .newsList .newsItem .Img{height:80px;width:80px}
}
@media screen and (max-width: 1440px) {
    footer .workframe{width:80%}
	#product_area .deck02{right:0px}
	.news_box{width:410px}
	.newsArea .newsImg{flex-basis:73%}
	.newsArea .newsImgBg{width:450px;height:450px;left:-22%;top:-80px}
	.newsArea .icons{left:-70px}
	.newsArea .newsList{margin-top:0px}
	.newsArea .newsList .newsItem .Img{height:100px;width:100px;border:11px solid #dce2ef}
	#news_area{transform:translateX(0%)}
}

@media screen and (min-width: 1281px) {
    .more_btn.white a:hover font{color:#eefaff}
	.more_btn.white a:hover:before{width:100%}	
	#product_area .applicationItem .item .Img:after{border: 2px solid #f2f2f2;content:"";width: calc(100% + 40px);height: calc(100% + 70px);display:block;position:absolute;bottom:0;right:0;z-index:-1;-webkit-transform:translate(40px,40px);transform: translate(20px,110px);border-radius: 50px;}
	#product_area .info .more_btn:after{border-top:1px solid rgba(var(--info-rgb),.2);content:"";position:absolute;width:calc(100% - -300px);bottom:0;left:0}
}

@media screen and (max-width: 1280px) {
    section .title_box .page_title{font-size:32px}
	section .title_box{margin-bottom:20px}
	#product_area .deck02 .Img{font-size:110px}
	#product_area .deck02{right:-60px;top:50px}
	#product_area .list_box{width:calc(100% - 0px);margin-left:0;-webkit-transform:translate(0px,0px);transform:translate(0px,0px)}
	#product_area .info .more_btn{position:relative;width:auto;margin-top:30px;margin-left:15px}
	#product_area .applicationList .slick-track{padding-bottom: 20px;padding-top: 50px;padding-right:60px}
	#product_area .parallaxImg{display:none}
	#product_area .Txt{padding-top:30px;left:0;width:100%}
	#product_area .moreBtn{display:none}
	.newsArea .wrap{flex-wrap:wrap;justify-content:center;display:flex;flex-direction:column;align-items:flex-start}
	#Service_area .workframe{width:85%}
	#Service_area::after{display:none}
	#Service_area .contactBox,.news_box,#news_area{width:100%;margin:0}
	.news_box,.fly-out,.fly-out02,.fly-out03,.fly-out04,.fly-out05,#about_area .aboutArea .Img::after{display:none}
	#about_area{padding:0vw 0 1vw}
}
@media (min-width: 1201px) {
    .btn1:hover::before{-webkit-animation:btnHover 1.4s linear infinite forwards;animation:btnHover 1.4s linear infinite forwards}
	.btn1:hover a::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
	#product_area .applicationMList{display:none}
	#product_area .applicationItem:not(.title) .item:hover::before{width:calc(100% + 18px);height:calc(100% + 34px);opacity:1}
	#product_area .applicationItem:not(.title) .item:hover .moreBtn a::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
	#product_area .moreBtn a:hover::after{-webkit-animation:arrowAnimation 1s ease-out infinite;animation:arrowAnimation 1s ease-out infinite}
}

@media (max-width: 1200px) {
	#product_area .Img{top:0}
	#product_area{padding: 80px 0 33px;}
	#about_area .aboutArea .areaTxt{width:35%;transform:translateX(0%);margin-top:130px}
	#about_area .aboutArea .img_item{width:60%}
	#about_area .linkArea{width:100%}
	#about_area .aboutArea{display:flex;justify-content:space-between}
	#about_area .title_box p{transform:translateX(0%)}
	#news_area .list_box ul li .row{margin: 0;}
	#news_area .list_box ul li .classTitle a{background-color: rgb(229 229 229 / 60%);}
	#news_area .list_box ul li .intro h3{font-size: 18px;}
	section .title_box article{padding: 20px 0 30px;line-height: 190%;}
}

@media screen and (max-width: 1024px) {
    section .title_box font{font-size: 21px;}
	section .title_box .page_title{font-size: 25px;}
    #product_area .info .contactBox:before{height: 140px;top: -40px;left: -20px;border-radius: 0 0 40px 0;}
	.newsArea .newsImgBg{width:420px;height:420px}
	#product_area .info .contactBox:after{width: 100%;transform: skewX(-20deg);top: -10px;}
	#news_area .list_box ul li .date .big{font-size: 36px;}
	#news_area .list_box ul li .date p{font-size: 18px;}
	.newsArea {padding: 20px 0 0px 0;}
	#about_area .linkArea ul .linkItem{-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);}
	#about_area .linkArea h2{width: 100%;margin: 50px auto 20px;text-align: center;}
	#product_area .Img img{-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);}
	.more_btn a, .more_btn.white a:before{height: 120px;width: 120px;}
	.more_btn a span img{height: 30px;width: 30px;}
	#product_area .applicationItem{margin: 10px 30px 0;}
}

@media screen (max-width: 960px) {
	#product_area .Txt .title{max-width:calc(100% - 80px)}
	#product_area .Img{right:0}
	#product_area .applicationItem{margin: 10px 25px 0;}
	#product_area .applicationItem.title .item .more_btn{text-align:center}
	#product_area{background-position:70% 50%}
	#product_area .item{height:auto}
}

@media screen and (min-width:961px){
	#product_area .applicationMList::before{content:"";position:absolute;top:0;left:calc(50% - 0.5px);width:1px;height:100%;background-color:rgba(220,220,220,0.25)}
}

@media screen and (max-width: 768px) {
	#product_area .info{display:flex;flex-direction:column;align-items:flex-start}
	#product_area .info .topnote{width:auto}
	#product_area .list_box{width:calc(100% - 0px);margin-top: 20px;}
	#product_area{margin-top: 30px;padding: 0px 0 10px;}
    #about_area .aboutArea{display:flex;flex-direction:column;padding-bottom: 10px;}
	#about_area .aboutArea .areaTxt{width:auto;margin: 70px 0 0;}
	#about_area .aboutArea .img_item{width:100%}
	#about_area .aboutArea .ImgCenter .Img{margin-top:30px}
	#product_area .applicationItem{margin: 10px 30px 0;}
}
@media screen (max-width:640px){
	.newsArea{background-position:20% bottom;padding:30px 0 10px}
	.newsArea .newsImg{display:none}
	.newsArea .icons{display:none}
    .more_btn a{height: 120px;width: 120px;}
    .more_btn a span{width:30px}
	.more_btn.white a:before{height:105px;width:105px;left:4px}
	#Service_area{padding:4vw 0}
	#Service_area::after{width:100%}
	#about_area .linkArea h2{width:80%;margin:30px auto 0;text-align:center}
	#product_area .info .contactBox:before{left:0px;height:140px;top:-40px;border-radius:0 0 60px 0}
}
@media (max-width: 479px) {
	#product_area .Img{right:0px}
}