/* section */
section{padding: 4vw 0;}
section >*{z-index:5}
section .title_box .page_title{position: relative;margin-bottom: 40px;color: var(--primary);font-size: 32px;font-weight: 600;letter-spacing: 1.7px;line-height: 1.8;}
section .title_box .subtitle{color: var(--info);font-size: 40px;font-weight: 800;font-family:"DM Sans",sans-serif;line-height: 1.03;padding-bottom: 10px;position: relative;display: inline-block;}

@-webkit-keyframes beat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes beat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
section .title_box .subtitle::before {
  -webkit-animation: beat 1.5s ease-in-out infinite;
  animation: beat 1.5s ease-in-out infinite;
  border-radius: 999px;
  border: 1px solid var(--primary);
  content: "";
  height: 14px;
  left: -30px;
  position: absolute;
  top: 8px;
  width: 14px;
}
section .title_box .subtitle::after {
  -webkit-animation: beat 1.5s ease-in-out infinite;
  animation: beat 1.5s ease-in-out infinite;
  background-color: var(--primary);
  border-radius: 999px;
  content: "";
  height: 6px;
  right: -26px;
  position: absolute;
  top: 23px;
  width: 6px;
}
section .title_box p{line-height: 170%;letter-spacing: 0.5px;font-weight: 500;font-size: 20px;color: var(--complement);position: relative;}
section.bg_box{background:no-repeat 50% / cover;}
.more_btn{position: relative;background: #f4f4f4;color: var(--primary);padding: 15px 60px 16px 30px;position:relative;border-radius: 35px;overflow: clip;text-align: center;margin: auto;width: 120px;display: flex;flex-direction: column;justify-content: center;}
.more_btn b{position:absolute;top:50%;right: 0px;}
.more_btn font{font-size: 16px;position:relative;color: var(--info);font-weight: 400;letter-spacing: 1px;}
#product_tabs .more_btn b{top:50%;left:50%;transform:translate(-50%,70%);position:absolute;width:65px;height:30px}
.more_btn b::before{content:"";position:absolute;top:calc(50% - 0px);right:25px;width:18px;height: 1px;background: var(--info);}
.more_btn b::after{content:"";position:absolute;top:calc(50% - 5px);right:25px;width:10px;height:10px;border-top: 1px solid var(--info);border-right: 1px solid  var(--info);transform:rotate(45deg)}
.more_btn:hover font{color: var(--white);}
.more_btn:hover b::before{
    background: var(--white);
}
.more_btn:hover b::after{
    border-top: 1px solid var(--white);
    border-right: 1px solid var(--white);
}

/* service_area */
#service_area{position:relative;z-index: 10;}
#service_area:before{content:'';position:absolute;left:80px;top:0;background:rgb(25 37 50 / 32%);background-size:cover;background-repeat:no-repeat;width:1px;height:100%;opacity:0.5}
#service_area:after{content:'';position:absolute;left: 0;top:0;background: rgb(255 255 255);background-repeat:no-repeat;width: 540px;height:100%;z-index: -1;}
#service_area .bg{position:absolute;width:100%;height:100%;background-image:url(/images/39/serviceBg.jpg);background-repeat:no-repeat;background-position:100% 50%;background-size:auto;top:0;right:0;z-index:-3}
#service_area .workframe{z-index:2;width:min(90%,1400px);margin-left:120px}
#service_area .tit article{width:42%;line-height:2;text-align:justify;font-weight:300}
#product_tabs{display:grid;grid-template-columns:240px 1fr;justify-content:space-between;align-items:center}
#product_tabs .tabs{display:flex;flex-direction:column;align-items:flex-start}
#product_tabs .tabs li{width:100%;padding:10px 0;position:relative}
#product_tabs .tabs li::before{content:"";width:0;height:1px;display:block;background-color:rgb(25 37 50 / 32%);position:absolute;top:calc(50% - 0.5px);left:-40px;opacity:0.5}
#product_tabs .tabs li.active::before{width:25px}
#product_tabs .tabs li.active a,#product_tabs .tabs li.active:hover a{color:var(--primary);font-size:18px}
#product_tabs .tabs li a{display:grid;grid-template-columns: 1fr;color:#888888;font-size: 17px;letter-spacing:2px;font-weight:400;align-items:center;justify-content:space-between}
#product_tabs .tabs li b{font-family:"Lato",serif;color:#898989;font-size:17px;position:relative;display:flex;align-items:center;display:none;}
#product_tabs .tabs li b:after{content:'';position:absolute;width:1px;height:15px;background:#ddd;right:13px}
#product_tabs .tabs li:hover svg{transform:rotate(0deg)}
#product_tabs .tab_content{padding:0px 0px 60px 50px}
#product_tabs .tab_content .linkList{display:grid;grid-template-columns:repeat(2,1fr);gap:170px;align-items:center}
#product_tabs .tab_content .txtItem *{color:var(--triadic1)}
#product_tabs .tab_content .linkList .img_scale img{aspect-ratio:3 / 4.3;width:430px}
#product_tabs .tab_content .img_scale:before{position:absolute;left:-50px;bottom:-50px;content:"";width: 78%;height:100%;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);background-color:var(--triadic1);z-index:-1}
#product_tabs .tab_content .more_btn{background:var(--triadic1);color:var(--white);position:absolute;top:36%;left:39%;font-family:'DM Sans',sans-serif;padding: 30px 25px 50px;width: 55px;display:flex;flex-direction:column;align-content:center;align-items:center;text-align:center}
#product_tabs .tab_content .more_btn b svg{width:15px;height:15px;fill:#e6ecf2;transform:rotate(45deg)}
#product_tabs .tab_content .info_box{padding-left:80px}
#product_tabs .tab_content .info_box h3{font-size: 22px;font-weight:500;margin-bottom:20px;letter-spacing:4px;position:relative;display:flex;align-items:center;gap:15px}
#product_tabs .tab_content .info_box h3 em{font-family:'DM Sans',sans-serif;font-style:initial;letter-spacing:2px;font-size: 26px;text-transform:uppercase}
#product_tabs .tab_content .info_box h3 span{content:'';display:block;width:32px;height:1px;background:var(--triadic1)}
#product_tabs .tab_content .info_box article{font-size: 20px;-webkit-line-clamp:4;text-align:justify;font-weight:400;margin-bottom:60px;letter-spacing:2px}



/* about_area */
#wrap{position:relative;background-color: #f6f9fc;}
#about_area{padding: 0 0 70px 0;position: relative;}
#about_area .serviceimg1,#about_area .serviceimg2{position:absolute;top:0;right:0;transform: translate(-110%,-45%);z-index: 0;opacity: .5;}
#about_area .serviceimg2{transform: translate(0%,120%);}
#about_area .serviceT{position:absolute;top: 20%;right: -10%;z-index: 0;opacity: .5;}


#about_area .workframe{width: min(1680px,90%);}

#about_area:before {
    content:'';
    background: rgb(39 88 167 / 140%);
    box-shadow: 35px 0 #f9e9c7;
    border-radius: 50px;
    -webkit-animation: dotsLoop_2 20s linear 0s infinite;
    animation: dotsLoop_2 20s linear 0s infinite;
    position: absolute;
    bottom: 0px;
    left: 150px;
    z-index: 11;
    width: 120px;
    height: 50px;
}
#about_area .aboutArea:after {
    content:'';
    background: rgb(255 243 205);
    box-shadow: 25px 0 #2758a7;
    border-radius: 50px;
    -webkit-animation: dotsLoop_2 20s linear 0s infinite;
    animation: dotsLoop_2 20s linear 0s infinite;
    position: absolute;
    top: 60px;
    right: -120px;
    z-index: 11;
    width: 60px;
    height: 50px;
}
@-webkit-keyframes dotsLoop_2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes dotsLoop_2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.videoArea{display:flex;-webkit-box-align:center;align-items:center;column-gap:40px;width:100%}
.videoArea .videoBox{width:51%;border-radius:50px;overflow:clip;position:relative;z-index:1;aspect-ratio:16 / 9}
.videoArea .videoBox iframe{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}
.videoArea .videoBox .videoText{position:absolute;bottom:0;left:0;z-index:2;color:#dbd5c9;padding-left:52px;padding-bottom:30px;pointer-events:none}
.videoArea .videoBox .videoText .title{font-size: 26px;line-height:1.25;letter-spacing:1.92px;padding-bottom:16px;color:#fff}
.videoArea .videoBox .videoText .subtitle{border-top:1px solid #fff;padding-top:16px;font-size: 32px;line-height:1.1;letter-spacing:1.6px;text-transform:uppercase;color:#fff}
.videoArea .aboutBox{width:calc(49% - 40px);border-radius:50px;padding:65px 50px 47px 50px;background-color:#ffffff;border:6px solid #f4f4f4}
.videoArea .aboutBox .Txt{display:grid;grid-template-columns: 200px 1fr;gap: 50px;}
.videoArea .aboutBox .Txt .btnBox{display:grid;grid-template-columns:1fr;gap:20px}
.videoArea .aboutBox .Txt .btnBox .btn{position:relative;background-color:#f4f4f4;padding:13px 14px;border-radius:35px;overflow:clip;display:flex;align-items:center;justify-content:space-around}
.videoArea .aboutBox .Txt .btnBox .btn span{z-index:10;position:relative;font-size:18px;letter-spacing:1.5px;font-weight:500}
.videoArea .aboutBox .Txt .btnBox .btn:hover span{color:#fff}
.videoArea .aboutBox .Txt .btnBox .btn span.btnIcon{width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--primary);border-radius:50%}
.videoArea .aboutBox .Txt .btnBox .btn span svg{width:24px;height:24px;fill:var(--white)}
.videoArea .aboutBox .Txt .btnBox .btn:after,.more_btn:before{content:"";width:0;height:0;background-color:var(--primary);border-radius:50%;position:absolute;top:70px;right:14px;z-index:0;pointer-events:none;-webkit-transition:all 0.5s cubic-bezier(0.785,0.2,0.4,0.86);transition:all 0.5s cubic-bezier(0.785,0.2,0.4,0.86)}
.videoArea .aboutBox .Txt .btnBox .btn:hover:after,.more_btn:hover:before{-webkit-transform:scale(13);transform:scale(13);width:42px;height:42px}
.videoArea .aboutBox .right{}
.videoArea .aboutBox .right .infoList{}
.videoArea .aboutBox .right .infoList .infoItem{padding-bottom:20px}
.videoArea .aboutBox .infoList .title{font-size:20px;line-height:1.5;letter-spacing:1.2px;font-weight:500;line-height:1;color:#444}
.videoArea .aboutBox .infoList .subtitle{padding-top:10px;font-size:18px;line-height:1.5555555556;letter-spacing:1.08px;line-height:1.2;color:#444}
.videoArea .aboutBox .infoList .infoItem:not(:first-child){border-top:1px solid rgba(191,175,150,0.5);padding-top:26px}
#about_area .fixTxt{position:absolute;top:-320px;left:36%}
#about_area .aboutArea{position:relative;padding: 130px 0 10px 0;width: min(1280px,90%);margin:auto}
#about_area .aboutArea:before{content:"";z-index:-1;background:#ffffff;width: 140%;height:calc(100% - 40px);border-radius:50px 50px 0 0;pointer-events:none;position:absolute;left: -20%;bottom:-40px;-webkit-box-shadow: 0 10px 30px 0 rgb(126 174 229 / 20%);box-shadow: 0 10px 30px 0 rgb(126 174 229 / 20%);}
#about_area .aboutArea .topGroup{margin:50px 0}
#about_area .aboutArea .topGroup .title_box,#cooperate_area .title_box{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#about_area .aboutArea .title_box .subtitle,#about_area .aboutArea .title_box h2{text-align:center}
#about_area .aboutArea article{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #ddd}
#about_area .aboutArea article p{color:#333333;font-size:18px;line-height:1.8;letter-spacing:1px;text-align:center;padding:0 0 22px 0}
#about_area .advantageList{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-content:center;justify-items:center;margin: 70px auto 60px;width:min(1440px,70%)}
#about_area .advantageList .advantageItem{}
#about_area .advantageList .advantageItem .item{
    position: relative;
}
#about_area .advantageList .advantageItem .item::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background: #f4f4f4;
    border-radius: 50%;
    left: -20px;
    top: -20px;
    z-index: -1;
}
#about_area .advantageList .advantageItem .item .Txt .title{font-family:"DM Sans",sans-serif;text-transform:uppercase}
#about_area .advantageList .advantageItem .item .Txt .numBox{display:flex;align-items:baseline}
#about_area .advantageList .advantageItem .item .Txt .numBox .animateNumber{font-size:70px;font-weight:700;line-height:calc(70 / 70);letter-spacing:calc(70 * 5 / 1000 * 1px);font-family:"DM Sans",sans-serif;color:var(--primary)}
#about_area .advantageList .advantageItem .item .Txt .numBox  .unit{font-size:33px;font-weight:700;line-height:calc(70 / 70);font-family:"DM Sans",sans-serif;font-style:normal;text-align:left;margin:0 0 5px 5px;color:var(--primary)}
#about_area .advantageList .advantageItem .item .Txt .textEditor p{letter-spacing:1px;font-size:19px}
#about_area .about_icon *{transition:unset;-webkit-transition:unset}


/* news_list */
#news_area .titleBox{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:  20px;
    align-items: center;
    margin: 0px 20px 30px;
}
#news_area .title_box .page_title{
    margin-bottom: 0;
}
#news_area .more_btn{
    margin: 0 0 0 auto;
    border: 1px solid #e1e1e1;
    background-color: #fff;
}
#news_list{margin:0;z-index: 10;position: relative;}
#news_list .bottom {display: flex;align-items: center;justify-content: space-between;}
#news_list .linen{display:block;w;width: 80%;height: 4px;background: #faf8f4;position: relative;}
#news_list .linen:before{content:'';position: absolute;top: 0;left: 0;height: 4px;background: var(--primary);width: 46%;}
#news_list .info_box { margin-top: .5em; }
#news_list .info_box .time { font-size: .9em; color: var(--g_500); }
#news_list .info_box h3 { margin: .2em 0 .5em; }
#news_list .info_box article { margin-bottom: .5em; height: 3.2em; font-size: .9em; color: var(--g_600); -webkit-line-clamp: 2; }
#news_list ul{margin-bottom: 40px;}
#news_list li{border:1px solid #f1f1f1;background-color: #fff;margin: 10px 20px;padding: 50px 40px;border-radius: 30px;}
#news_list li:nth-child(even){}
#news_list li font{font-family: "DM Sans", sans-serif;font-size: 15px;color: var(--primary);font-weight: 600;display: flex;align-items: center;gap: 10px;position: relative;}
#news_list li font b{font-family: "DM Sans", sans-serif;color: #303231;font-size: 15px;}
#news_list li font a{color:#747a77;font-weight: 400;border: 1px solid #c6c6c6;display: inline-block;height: auto;font-size: 15px;padding: 3px 20px;position: absolute;right: 0;border-radius: 35px;}
#news_list li h3{font-size: 25px;-webkit-line-clamp: 2;height: 80px;line-height: 1.6;margin: 25px 0 15px 0;color: #292b2a;}
#news_list li .item_row >span{display: block;width: 22px;height: 4px;background: var(--primary);margin: 20px 0;}
#news_list li .Txt{
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 50px;
    gap:  20px;
    margin-top: 30px;
}
#news_list li .more_btn{
    width: auto;
    padding: 15px 30px;
    background: #ffffff;
    border: none;
}
#news_list li article{-webkit-line-clamp:3;height: 90px;font-size: 17px;text-align: justify;margin-bottom: 0;font-weight: 400;}
#news_list li p{display:flex;align-items: center;gap: 60px;color: var(--primary);}
#news_list li p span{display:inline-block;width: 7px;aspect-ratio: 1/1;background: linear-gradient(90deg, var(--primary), var(--secondary));border-radius: 50px;}
#news_list li:hover p span{border:1px solid var(--primary);background:none}


/* linkArea */
#Service_area{overflow:hidden;position:relative;padding: 2vw 0 9vw 0;}
#Service_area .workframe{width:100%}
#Service_area .aboutArea{display:grid;grid-template-columns:1fr 50%;width:100%;align-items:center}
#Service_area .aboutLeft{margin-right:-90px}
#Service_area .aboutArea .aboutRight{background-color:#e9e9e9;padding: 70px 70px 130px;position:relative;overflow:hidden}
#Service_area .linkArea{background-color:#fff;width:70%;position:absolute;right:0;bottom: -150px;}
#Service_area .linkList{padding: 40px 30px;}
#Service_area .linkList li{position:relative;height: 190px;padding: 10px 20px;}
#Service_area .linkList li:after{content:'';position:absolute;right: 0px;top:0;width:1px;height:100%;background:#dbdbdb;opacity:.6}
#Service_area .linkList li:last-child:after{display:none}
#Service_area .linkList li .noBox{position:absolute;color:#122f6f;opacity:.2;font-size:35px;top:50%;right:0;transform:translate(-50%,-50%);width:37px}
#Service_area .linkList li .Img img{aspect-ratio:1 / 1;width:65px;object-fit:contain}
#Service_area .linkList li .Txt{margin-top:20px}
#Service_area .linkList li .Txt  h2{color:var(--triadic2);font-size: 22px;line-height: 130%;margin-bottom: 10px;}
#Service_area .linkList li .Txt p{color:#9196a2;font-size: 16px;}

/* cooperate_area */
#cooperate_area{padding: 3vw 0 5vw 0;}
#cooperate_area .title_box .subtitle{word-spacing:normal;text-align:center}
#cooperate_area .title_box .page_title{text-align:center}
#cooperate_area .partner{margin:30px 0 0}
#cooperate_area .partner ul li{
    -webkit-box-shadow: 0 8px 10px 0 rgb(126 174 229 / 20%);
    box-shadow: 0 8px 10px 0 rgb(126 174 229 / 20%);
    border-radius: 25px;
    background-color: #ffffff;
    margin: 10px;
    }
#cooperate_area .partner ul li .item{position:relative;}
#cooperate_area .partner ul li .item::before{content:"";width:1px;height:50px;display:block;background-color:#ededed;position:absolute;top:65%;right:20px;transform:translate(0,-65%)}
#cooperate_area .partner ul li:last-child  .item::before{display:none}
#cooperate_area .partner ul li .Img{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position: relative;}
#cooperate_area .partner ul li .Img .picTitle{
    white-space: nowrap;
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    line-height: calc(25 / 25);
    letter-spacing: calc(25 * 5 / 1000 * 1px);
    font-style: normal;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    display: none;
    }
#cooperate_area .partner ul li .Img img{aspect-ratio: 4 / 3;object-fit: cover;object-position: top;border-radius: 25px;}
#cooperate_area .partner ul li .Txt{
    margin: 0;
    padding: 30px 30px 40px;
}
#cooperate_area .partner ul li .Txt .title{
        color: #353535;
        font-size: 22px;
        font-weight: 700;
        margin: 0 0 20px;
        line-height: 160%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
}
#cooperate_area .partner ul li .Txt .textEditor{
        color: #333333;
        font-size: 16px;
        line-height: 1.8;
        letter-spacing: 1px;
        -webkit-line-clamp: 2;
        height: auto;
}
#cooperate_area .area_title h2{margin-top:-20px;text-align:center}

@media screen and (max-width: 1680px) {
	#service_area .photoBox{width:11%}
	#about_area .serviceimg1 img,#about_area .serviceimg2 img{width:75%}
	#about_area .serviceimg1,#about_area .serviceimg2{right:-130px}
	#about_area .serviceimg2{transform:translate(-50%,305%)}
}
@media screen and (max-width:1560px){
	#service_area .photoBox{display:none}
	#product_area .workframe{grid-template-columns:30% 65%}
	#product_area:after{bottom:-79px}
	#product_area .top_bg{width:100%}
	section .title_box .subtitle{}
	#about_area .serviceimg1 img,#about_area .serviceimg2 img{width:60%}
	#about_area .serviceimg1,#about_area .serviceimg2{right:-130px}
	#about_area .serviceimg2{transform:translate(-50%,295%)}
}
@media screen and (max-width:1440px){
	#Service_area{padding:2vw 0 20vw 0}
	#Service_area .linkArea{bottom:-220px}
	#service_area .area_title{margin:0}
	#service_area .serviceT img{width:75%}
	section .title_box .page_title{margin-bottom:20px}
	section .title_box .page_title{font-size:24px}
	#product_tabs .tab_content .info_box{padding-left:0}
    .videoArea .aboutBox .Txt{
    gap: 40px;
    grid-template-columns: 1fr;
}
    #about_area .advantageList{
    width: 100%;
}
    #about_area .aboutArea:before{width: 120%;height: calc(100% - 10px);left: -10%;}
#about_area .advantageList .advantageItem .item .Txt .numBox .animateNumber{
    font-size: 42px;
}
}

@media screen and (min-width:1281px){
	.more_btn.white a:hover font{color:#ffffff}
	.more_btn.white a:hover{width:150px}
	#cooperate_area .partner ul li:hover .Img{}
	#cooperate_area .partner ul li:hover .Img img{filter:none;opacity:1}
}

@media screen and (max-width:1280px){
	section .title_box{margin-bottom:0px}
	#cooperate_area .partner ul li .item{padding:0}
	#product_tabs .tab_content .linkList{gap:110px}
    .videoArea{
    display: flex;
    flex-direction: column;
    align-items: center;
}
    .videoArea .videoBox{
    width: 100%;
}
    .videoArea .aboutBox{
    width: auto;
    width: calc(93% - 40px);
    margin-top: 50px;
}
}
@media (min-width:1201px){
	#Service_area .aboutArea .aboutRight p{width:80%}
	#Service_area .aboutArea .aboutRight::after{content:"";display:block;position:absolute;background-image:url(/images/39/icon-service-01.png);background-repeat:no-repeat;background-size:contain;height:184px;width:236px;bottom:-20px;right:-40px;z-index: -1;}
}

@media (max-width:1200px){
	#Service_area{padding:0vw 0px 5vw 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{position:relative;width:100%;bottom: 1px;}
	#Service_area .aboutArea{align-items:end}
    #Service_area .aboutArea .aboutRight{padding: 70px 70px 70px;}
	#fly-could img,#fly-could02 img,#fly-could03 img,#fly-could04 img,#fly-could05 img{width:46%}
	.more_btn a{padding:6px 30px 6px 20px}
	#imglist .img_nav{position:relative}
	#product_area:before{display:none;}
    #product_area #product_list li >div .more_btn{display:none;}
	#product_area .video-bg video{width:auto;height: 100%;}
	#product_area #product_list li .info_box{display: block;}
	#product_area .btn{left: unset;right:0;}
	#product_area .workframe{display: block;width: 80%;margin: 0 auto;}
	#product_area .area_title{margin-bottom: 5vw;}
	#productlist{display:none;}
    #product_tabs .tab_content .linkList{grid-template-columns:1fr;gap:70px}
	#product_tabs .tab_content .more_btn{left:auto;right:60px}
	#product_tabs{gap:70px}
	#product_tabs .tab_content .linkList .img_scale img{width:auto}
}
@media screen and (min-width: 1025px){
    #product_list li:first-child{grid-column: 1 / 4;background: #fff;position: relative;}
    #product_list li:first-child:after{content:'';position: absolute;width: 100%;height: 5px;background: var(--primary);bottom: 0;right: 0;}
    #product_list li:first-child >div{display:grid;grid-template-columns: 50% 50%;justify-content: space-between;align-items: center;}
    #product_list li:first-child >div img{position:relative;z-index: 2;}
    #product_list li:first-child .info_box{padding: 60px;display: flex;align-items: flex-start;gap: 20px;}
    #product_list li:first-child .info_box p{margin: 0;-webkit-line-clamp: 3;}
    #product_list li:first-child .info_box h3{font-size:26px;color: var(--primary);font-weight: 600;letter-spacing: 2px;}
}
@media screen and (max-width:1024px){
    section .title_box .subtitle{
    font-size: 32px;
}
	section .title_box .page_title,#conBox .tit h2{font-size:28px}	#Service_area .aboutArea .aboutRight{padding:40px 30px}
	#service_area .workframe{margin:0 auto;}
    #service_area:before{display:none;}
    #product_list{grid-template-columns: repeat(2, 1fr);gap: 35px;}
    #product_area .tit article{text-align:center;}
    #product_area .tit{display:flex;flex-direction: column;align-items: center;gap: 20px;margin-bottom: 9vw;}
	#cooperate_area{
    padding: 4vw 0 9vw 0;
}
	#service_area:after{width:280px}
    #news_list .linen{width:70%}
}

@media (min-width:961px){
	.bottombtn{position:absolute;bottom:60px;right:0}
}
@media (max-width: 960px){
    section .titleBox .subtitle{font-size:31px}
	#Service_area .aboutArea{grid-template-columns:1fr}
	#Service_area .linkList{padding:20px 0px}
	#service_area .area_title{width:90%;margin:0 auto}
	#service_area .custom_list li img{width:45vw;height:45vw}
	#service_area .arrow_btns_box .arrow{bottom:20vw}
	#service_area .arrow_btns_box .arrow.prev{left:25vw}
	#service_area .arrow_btns_box .arrow.next{right:25vw}
	#product_tabs{grid-template-columns:1fr;gap:40px}
	#product_tabs .tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0px 10px}
	#product_tabs .tab_content .img_scale:before{left:-30px;bottom:-30px}
	#product_tabs .tab_content{padding:0px 0px 30px 30px}
	#product_tabs .tab_content .info_box article{margin-bottom:0}
	#product_tabs .tab_content .more_btn{right:0}
    section {
    padding: 8vw 0 4vw 0;
}
    #about_area:before{
    display: none;
}
    #about_area .advantageList{
    grid-template-columns: repeat(1,1fr);
    gap: 40px;
    margin: 20px auto 40px;
}
    #news_area .titleBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}
}
@media screen and (max-width:640px){
    section .title_box .page_title,#conBox .tit h2{font-size: 24px;}
	.bottombtn .productbtn img{width: 16px;}
	#product_next::after{top: 6px;}
	#fly-could img,#fly-could02 img,#fly-could03 img,#fly-could04 img,#fly-could05 img{width: 37%;}
	#service_area .tit article{width:100%;}
    #service_area .tit article{width:100%;}
	#service_area .area_title{width: 80%;margin: 20px auto 0;}
	#service_area:after{height: 100%;width: 100%;background: rgb(247 247 247);}
	#service_area .custom_list li img { width: 60vw; height: 60vw; }
	#service_area .arrow_btns_box .arrow.prev { left: 15vw; }
	#service_area .arrow_btns_box .arrow.next { right: 15vw; }
	#service_area .arrow_btns_box .arrow { bottom: 30vw; }
	#product_area .btn{position:relative;margin-top: 30px;}
	#product_area .info_box p{margin-bottom:15px}
	#news_list .bottom{justify-content: center;}
    #news_list .linen{display:none;}
    #news_list{margin-top: 8vw;}
    #news_list li:nth-child(even){margin-top:0}
    #news_area .titleBox .h2_title{writing-mode: unset;}
    #news_area .titleBox .btn{display:none;}
    #news_area .workframe{display:block}
    #about_area .aboutArea{
    padding: 70px 0 10px 0;
}
    #about_area .aboutArea .topGroup{
    margin: 50px 0 0;
}
}
@media screen and (max-width:550px){
	#service_area .area_title .other_txt{line-height:1.3}
	#service_area:before{zoom: 70%;}
	#service_area .custom_list li img { width: 80vw; height: 80vw; }
	#service_area .custom_list li .info_box h3 { height: 1.5em; font-size: 7vw; }
	#service_area .arrow_btns_box .arrow.prev { left: 5vw; }
	#service_area .arrow_btns_box .arrow.next { right: 5vw; }
	#product_area:after{display:none;}
    #product_list{grid-template-columns:1fr;gap: 15px;}
    #product_area .tit article{width:100%;}
	#product_area{padding: 20vw 0 3vw;margin: 0;}
	#product_area .workframe { flex-wrap: wrap; }
	#product_area .area_title.left { width: 100%; }
	#product_area .area_title.arrow_btns_box { margin-bottom: 1rem; width: 100%; justify-content: end; }
	#product_area #product_list li >div {margin: 30px 0 0;}
}
@media screen and (max-width:480px){
}