/* section */
section{padding:5vw 0}
section>*{z-index:5}
section .title_box{position:relative}
section .title_box span{width:15px;height:80px;top:-50px;left:-50px;z-index:1;background:var(--primary);transform-origin:bottom;transform:skewX(-40deg);z-index:6}
section .title_box font{font-weight:700;font-size:55px;color:var(--black);position:relative;font-family:'Quantico',sans-serif;text-transform:uppercase;line-height:130%}
section .title_box font::first-letter{color:var(--primary)}
section .title_box .page_title{text-transform:uppercase;line-height:130%;letter-spacing:2px;font-weight:600;font-size:26px;color:var(--primary);position:relative}
section.bg_box{background:no-repeat 50% / cover}
.more_btn{margin-top:0px}
.more_btn a{position:relative;overflow:hidden;width:150px;padding:10px 30px 10px 30px;display:inline-block;border-bottom:1px solid #5bb531}
.more_btn font{text-align:left;font-weight:500;text-transform:uppercase;letter-spacing:3px;color:#4f3c30}
.more_btn.white font{letter-spacing:1px;font-size:14px;position:relative;-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit;color:var(--primary);font-family:'Quantico',sans-serif;font-weight:500;margin-right:10px}
.more_btn.white svg{width:26px;height:16px;fill:#5bb531;transform:rotate(90deg)}
.more_btn.white span::after{position:absolute;content:"";width:50px;height:1px;background-color:#afafaf;top:25px;right:-20px}
.more_btn.white a:before{content:"";height:100%;width:22%;display:block;position:absolute;bottom:0;left:-35px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;background-color:#5bb531}
.more_btn.white a::after{content:'';position:absolute;height:100%;width:100%;top:0;right:40px;background-color:#ffffff;-webkit-transform:skewX(40deg);-ms-transform:skewX(40deg);transform:skewX(40deg);z-index:-1;transform-origin:top left;transition:all 1.1s ease-in-out;-webkit-transition:all 1.1s ease-in-out}

/* news_area */
#news_area{position:absolute;left:150px;top:-90px;z-index:10;padding:10px 0px;width:40%;margin:0}
#news_area .news_box{display:flex;flex-wrap:wrap;align-items:center}
#news_area .title_box{letter-spacing:2px;width:90px;margin:0;font-weight:bold;font-size:22px;text-align:left;font-family:'Quantico',sans-serif;text-transform:uppercase;border-right:1px solid #e0e0e0}
#news_area .title_box::first-letter{color:var(--primary)}
#news_area .list_box{width:calc(100% - 145px)}
#news_area .infoo{display:flex;flex-wrap:wrap;align-items:baseline}
#news_area .time{line-height:120%;font-size:16px;font-weight:800;color:#313131;display:inline-flex;align-items:center}
#news_area .img_cover,#book_area .img_cover{height:350px}
#news_area h3{height:auto;line-height:45px;font-weight:400;font-size:16px;width:calc(100% - 160px);color:#000;margin:0}
#news_area .time:after{width:3px;height:1px;background:#474747;display:inline-block;content:"";margin:0 20px}
#news_area .more font{font-weight:600;font-style:italic}
#news_area .more svg{width:26px;height:16px;fill:#5bb531;transform:rotate(90deg)}

/* about_area */
#wrap{position:relative}
#about_area{padding:5vw 0 1vw 0;position:relative}
#about_area .aboutBG{content:'';position:absolute;height:130%;width:15%;top:0;left:170px;background:#d9eab4;z-index:0;-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg)}
#about_area .nowrap_box{margin-right:auto;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%;display:flex}
#about_area::after{content:"";width:1906px;height:2086px;display:block;background-image:url(/images/39/img-ab-bg.png);background-size:cover;background-repeat:no-repeat;position:absolute;bottom:-530px;left:330px;z-index:-1}
#about_area.tooolong .aboutArea .ImgCenter:before{width:60px}
#about_area. .img_item img{width:100%}
#about_area .aboutArea{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%}
#about_area .aboutArea .areaTxt{padding-left:50px;padding-top:50px;width:21%;position:absolute;left:9%}
#about_area .aboutArea .img_item{margin:0;width:100%;margin-right:auto;display:flex;justify-content:flex-end;position:relative}
#about_area .aboutArea .img_item .ImgCenter{position:relative;display:flex;flex-direction:row;align-content:flex-end;justify-content:flex-end;width:60%;margin-left:auto}
#about_area .aboutArea .areaTitle .title{font-size:26px;margin-left:0px;letter-spacing:3px;padding-top:0;line-height:180%;font-weight:500}
#about_area .aboutArea .areaTitle article .Txt{padding-top:30px;position:relative;-webkit-transition-delay:300ms;transition-delay:300ms}
#about_area .aboutArea .ImgCenter .Img{margin-left:0px;position:relative;overflow:hidden}
#about_area .aboutArea .ImgCenter .Img video{width:130%;height:510px}
#about_area .aboutArea .ImgCenter .ImgTop{position:absolute;top:-40px;left:0;width:50%;z-index:-1}
#about_area .aboutArea .ImgCenter .ImgBottom{position:absolute;top:240px;left:0;width:23%;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{letter-spacing:0.6px;line-height:1.6}
#about_area .aboutArea .Txt h2{font-size:25px;margin-bottom:15px}
#about_area .aboutArea .Txt .text{color:#3f3f3f;font-size:16px;font-weight:400;line-height:200%;letter-spacing:1px}
#about_area .aboutArea .right .more_btn{position:relative;margin-top:50px}
#about_area .deck02{position:absolute;right:360px;z-index:0;top:130px}
#about_area .deck02 .Img{width:100%;height:100%}


/* process_area */
.list_box .info_box h3{height:30px;font-weight:500;font-size:17px;color:#3a4856}
#process_area{position:relative;padding:100px 0px 0px}
#process_area .right{margin-top:19px}
#process_area .workframe{width:80%}
#process_area .list_box{display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:column}
#process_area .left{position:relative;width:80%;margin-left:0}
#process_area .left::before{content:'';position:absolute;height:100%;width:170%;bottom:-20px;left:-140px;background:#5bb531;opacity:1;z-index:-1;-webkit-transform:skewX(-40deg);-ms-transform:skewX(-40deg);transform:skewX(-40deg);padding:40px}
#process_area .list_box .right{width:calc(100% - 360px);margin-top:90px}
#process_area .applicationList{width:100%;height:590px;display:grid;grid-template-columns:repeat(2,1fr)}
#process_area .applicationMList{border:1px solid rgba(220,220,220,0.25)}
#process_area .applicationItem:first-child{grid-row:1/3}
#process_area .applicationItem .atag_item{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}
#process_area .applicationItem .img_cover{height:100%}
#process_area .applicationItem .Txt{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}
#process_area .applicationItem .Txt *{color:#fff;font-size:22px;letter-spacing:2px}
#process_area .applicationItem .txt{text-transform:uppercase;font-family:'Quantico',sans-serif}
#process_area .applicationItem .title{font-size:38px}
#process_area .item .atag_item{z-index:10}
#process_area .item{position:relative;display:flex;align-items:center;justify-content:space-between}
#process_area .item .Ptxt{color:#fff;width:300px;font-size:18px}
#process_area .title_box *{color:#fff}
#process_area .title_box font::first-letter{color:#fff}
#process_area .title_box span{background:#ffffff;left:-80px;top:-40px}
#Service_area{background-image:url(/images/39/img-b-bg.png);background-size:cover;overflow:hidden;position:relative;padding:8vw 0 6vw 0}
#Service_area:after{position:absolute;width:100%;height:100%;background:linear-gradient(to top,#ffffff00 45%,rgb(235 235 235) 91%);top:0;left:0;z-index:1;content:"";opacity:1}
#Service_area .workframe{display:flex}
#Service_area .contactBox{width:320px;margin-right:20px}
#Service_area .noteBox{width:75%;margin:30px 0;line-height:190%}
#Service_area .more_btn{}
#Service_area .linkArea{width:calc(100% - 380px);padding:0 10px}
.linkArea{overflow:hidden}
.linkArea .linkList{display:flex;flex-direction:row}
.linkArea .linkItem{padding:0 10px}
.linkArea .item{position:relative}
.linkArea .Img{position:relative;overflow:hidden;background-color:#fff}
.linkArea .Img img{}
.linkArea .Img img{width:100%;height:310px;object-fit:contain;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.linkArea .Txt{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:500;padding:25px 30px;background-image:url(/images/39/img-s-t-bg.png);height:50px}
.linkArea .title{font-size:34px;letter-spacing:1px;color:var(--white);position:relative;font-family:'Quantico',sans-serif;text-transform:uppercase;line-height:130%}
.linkArea .subtitle{letter-spacing:0.5px;font-size:18px;font-weight:500;text-align:center}
.linkArea .btn1{position:absolute;bottom:11px;left:calc(50% - 30.5px);width:61px;z-index:1}
.linkArea .btn1::before{background-color:#fff}
.linkArea .btn1 a{width:100%;background-color:#fff}
.linkArea .btn1 a::before{background:url("/images/39/arrow_right_white.png") no-repeat center/cover}
.linkArea .link{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
.linkArea .link:hover+.btn1 a::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.linkArea .link:hover~.Img img{-webkit-transform:scale(1.1);transform:scale(1.1)}

/*button*/
.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}

@media screen and (max-width:1640px){
	footer .workframe{width:80%;display:flex;justify-content:space-between}
	#about_area .deck02{right:190px}
	#about_area .aboutArea .areaTxt{left:5%}
	#about_area .aboutArea .img_item{width:100%;display:flex;justify-content:flex-end;flex-direction:column;align-content:flex-end;margin-left:auto}
}
@media screen and (max-width:1440px){
	#about_area .aboutArea .ImgCenter:before{right:60px}
	#news_area{left:140px}
	#about_area .aboutArea .areaTxt{left:4%}
	#about_area .aboutArea .img_item .ImgCenter{width:60%}
}
@media screen and (
	max-width:1366px){#about_area .aboutArea .ImgCenter .ImgTop{right:-30px}
	#about_area .aboutArea .ImgCenter .ImgBottom{right:-100px}
}
@media screen and (
	min-width:1281px){.more_btn.white a:hover font{color:var(--info)}
	.more_btn.white a:hover{padding:10px 10px 10px 50px}
	#Service_area .serviceBG:after{position:absolute;display:block;top:0;right:-300px;content:"";background:#ecf1e0;z-index:2;height:100%;width:72%;-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg)}
	#Service_area:before{position:absolute;display:block;top:-70px;right:50%;content:"";background:rgb(144 195 31 / 30%);z-index:2;height:440px;width:190px;-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg)}
	.linkArea .linkItem .Img::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0;border:1px solid #90c31f;z-index:1}
	.linkArea .linkItem:hover .Img::before{width:calc(100% - 20px);height:calc(100% - 20px)}
}
@media screen and (max-width:1280px){
	section .title_box font:last-child{font-size:46px}
	#about_area .aboutArea .ImgCenter:before{bottom:90px;left:30px;height:290px}
	#about_area.tooolong .aboutArea .ImgCenter:before{width:430px}
	section .title_box{margin-bottom:0px}
	#news_area{width:calc(100% - 70px);position:relative;top:0;left:70px}
	#about_area{padding:10vw 0 1vw 0}
}
@media (min-width:1201px){
	.linkArea .link:hover+.btn1::before{-webkit-animation:btnHover 1.4s linear infinite forwards;animation:btnHover 1.4s linear infinite forwards}
	.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)}
}
@media (max-width:1200px){
	.linkArea{margin-bottom:30px}
	.linkArea .Img::before{width:calc(100% - 36px);height:calc(100% - 36px)}
	.linkArea .Txt{padding:30px 30px;width:calc(100% - 60px)}
	.linkArea .title{font-size:24px}
	.linkArea .btn1{width:43px}
	.linkArea .btn1 a{height:43px}
	.linkArea .btn1 a::before{top:calc(50% - 6.5px);left:calc(50% - 7.5px);width:15px;height:13px}
	#about_area{padding:6vw 0 8vw 0}
	#about_area .aboutArea{display:flex;flex-direction:column}
	#about_area .aboutArea .areaTxt{margin-bottom:30px;width:30%;top:-40px;left:1%}
	#about_area .aboutArea .ImgCenter .Img{margin-left:0;margin-top:0}
	#about_area .aboutArea .ImgCenter .Img video{width:100%;height:100%}
	#about_area .deck02{display:none}
	#about_area .aboutArea .ImgCenter .ImgBottom{top:120px}
	#about_area.tooolong .aboutBG{height:540px;width:23%;left:90px}
	#about_area .img_item{width:auto;margin-bottom:30px}
	#about_area .aboutArea .ImgCenter .ImgTop{right:-60px}
	#about_area .aboutArea .bottom{padding-left:0;margin-bottom:0;width:auto}
	#Service_area{padding:3vw 0 6vw 0}
	#Service_area .workframe{display:flex;flex-direction:row;flex-wrap:wrap}
	#Service_area .contactBox{margin-bottom:50px;width:calc(100% - 20px);padding:0 10px}
	#Service_area .linkArea{width:calc(100% - 0px);padding:0px}
}
@media screen and (max-width:1140px){
	#process_area .left::before{bottom:-20%;width:100%;height:120%;left:auto;right:0;-webkit-transform:skewX(0deg);-ms-transform:skewX(0deg);transform:skewX(0deg)}
	#process_area .left{width:100%}
	#process_area .item{display:flex;flex-direction:column;align-items:center}
	#process_area .workframe{width:100%}
	#process_area .item .Ptxt{width:80%;text-align:center}
	section .title_box font{font-size:18px}
	section .title_box .page_title{font-size:27px}
	#about_area .aboutArea .areaTxt{position:relative;width:auto;top:0;left:0;margin-bottom:80px;padding-left:50px;padding-right:50px;padding-top:40px}
	#about_area .aboutArea .img_item .ImgCenter{width:90%}
	#process_area .applicationList{display:grid;grid-template-columns:repeat(1,1fr)}
	#process_area .applicationItem:first-child{grid-row:1 / 1}
	#process_area .applicationItem .txt{font-size:19px}
	#process_area .applicationItem .title{font-size:25px}
}
@media (max-width:960px){
	.linkArea .linkList{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
	.linkArea .linkItem{margin-bottom:20px}
}
@media screen and (max-width:640px){
	section .title_box .page_title{font-size:21px}
	.more_btn a{width:140px;padding:10px 30px 10px 20px}
	#about_area{padding:10vw 0 5vw 0}
	#news_area{padding:20px 35px;left:0}
	#news_area h3{width:calc(100% - 30px)}
	#news_area .time:after{margin:0 20px}
	#news_area .infoo{margin:0}
	#news_area .list_box{width:100%}
	#news_area .news_box{display:flex;flex-direction:column;align-items:flex-start}
}