*{margin: 0; padding: 0; outline: 0; box-sizing: border-box;}
        a{display: block; color: #404040; text-decoration: none;}
        ul,li,ol{list-style: none;}
        .container{ width: 1300px; height: 100%; margin: 0 auto;}

        
        /* header */
        header{background-color: #fff; height: 80px; position: fixed; top: 0;width: 100%; z-index: 99; box-shadow: 0 0 10px #00000030;}
        header #header_container{display: flex; align-items: center; justify-content: space-between;}
        header h1{width: 140px; padding-top: 5px;}
        header h1 img{width: 100%;}

        header .navigation{flex-grow: 1; margin-left: 18%;}
        header .navigation ul{display: flex; justify-content: right; height: 100%;}
        header .navigation ul a{display: inline-block; font-weight: 500; padding: 10px 20px;}
        header .navigation ul li:last-child{padding: 5px 20px;}
        header .navigation ul a.family{border: 1px solid #ff4356; border-radius: 5px; background-color: #FFF9F9; color: #ff4356; padding: 5px 10px; margin-left: 10px;}
        header .navigation ul a.family i{margin-left: 10px;}

        /* footer */
        footer{background-color: #FBFBFB; height: auto; color: #707070; padding: 60px 0 130px 0; }
        footer .foot_top{display: flex; justify-content: space-between; align-items: center;}
        footer .foot_top div{display: flex;}
        footer .foot_top div a{margin-right: 15px;}
        footer .foot_top div a svg{width: 50px; height: 50px; filter: invert(84%) sepia(32%) saturate(0%) hue-rotate(164deg) brightness(86%) contrast(111%);}
        footer .foot_top div a svg:hover{filter: none;}
        footer .foot_top .foot_btn{font-weight: bold;}
        footer .foot_top .foot_btn a:hover{color: #ff4356;}
        footer .foot_con{display: flex; width: 800px; flex-wrap: wrap;}
        footer .foot_con li{margin-right: 50px; margin-bottom: 10px;}
        footer .foot_con span{margin-right: 10px; color: #404040;}
        footer .foot_con em{font-style: normal; font-weight: 300;}
        footer .foot_copy{color: #cdcdcd; font-weight: 300;}
        footer .foot_mark{display: flex; height: 50px; margin-top: 30px;}
        footer .foot_mark li{margin-right: 40px; height: 100px;}
        footer .foot_mark img{height: 100%; }
        footer .foot_mark img:hover{opacity: 100%;}
        /* footer_popup*/
        .footer_pop{ width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.5); position: fixed;top: 0;left: 0;z-index: 999999;display: none;}
        .footer_pop .inner{width: 600px;height:780px;background-color: rgba(255, 255, 255, 1);border-radius: 20px;position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);text-align: center;padding-top: 50px;}
        .footer_pop .inner img{border-radius: 20px;}
        .footer_pop .inner>a{position: absolute;right:20px;top: 20px;}
       





        .intro{width: 100%; height: 100vh;position: relative; display: flex;}
        .intro .intro_img{width: 50%; background-color: #222; flex-grow: 1; background:  url(../images/content/main_bg.png) no-repeat center center / cover;}



        .intro .intro_text{width: 40%; padding: 0 80px; flex-shrink: 0; flex-grow: 0; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center;}
        .intro h1{font-family: 'GmarketSansBold'; font-size: 2rem;}
        .intro h1 span{display: flex;}
        .intro h1 img{width: 100%;}
        .intro p:nth-of-type(1){font-size: 1.5rem; text-align: center; font-weight: bold; line-height: 130%; margin-top: 20px;}
        .intro p:nth-of-type(2){color: #444; margin-top: 15px;}
        .intro a{width: 300px; box-shadow: 0 0 10px #00000030; border-radius: 10px; padding: 5px 10px 0px 10px; margin-top: 30px;}
        .intro a img{width: 100%;}
        .intro ul{display: flex; width: 400px; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 30px;}
        .intro ul li{margin-right: 10px; border-radius: 30px; margin-top: 15px; background-color: #ff4356; padding: 6px 15px 5px 15px; color: #fff; box-shadow: 0 0 10px #ff435690; font-size: 15px;}
        .intro .arrow{color: #fff; text-align: center; font-size: 2rem; position: absolute; z-index: 100; width: 30px; height: 30px; bottom: 0; left: 50%; margin-left: -15px;}


        .left-img{width: 220px;height: 160px;background: url(../images/content/left-pu.png) no-repeat;background-position: center;background-size: cover;position: absolute;left: 35vw;top: 50vh;transform: translateY(-50%);padding: 30px 20px 20px 40px;        }
        .right-img{width: 220px;height: 160px;background: url(../images/content/right-pu.png) no-repeat;background-position: center;background-size: cover;position: absolute;right: 6vw;top: 70vh;transform: translateY(-50%);padding: 30px 40px 20px 20px;}
        .left-img .pu,.right-img .pu {display: flex; align-items: center; justify-content: center;}
        .left-img .pu p,.right-img .pu p{color:#fff;text-align: center;font-size: 18px; }
        
        /* misson */
        .mission{width: 100%; padding: 70px 0; background-color: #ff4356; color: #fff; text-align: center; font-size: 1.3rem;}
        .mission h2{margin-bottom: 20px;}
        /* mission1 */
        .mission1{width: 100%; padding: 200px 0 0 0;}
        .mission1 #mission_container{display: flex; padding: 50px 0;}
        .mission1 .mission_text{width: 50%;}
        .mission1 .mission_text h3{font-size: 2rem;margin-bottom: 20px;}
        .mission1 .mission_text h3 span{font-size: 1rem;display: block; font-weight: 400;}
        .mission1 .mission_text p{margin-bottom: 20px;}
        .mission1 .mission_text a{border-bottom: 1px solid #222222; display: inline;}
        .mission1 .mission_text a i{margin-left: 5px;}
        .mission1 .mission_img{width: 50%;}
        .mission1 .mission_img img{width: 80%;}
        /* mission2 */
        .mission2 #mission2_container{display: flex; justify-content: space-between;padding: 100px 0 200px 0;}
        .mission2 #mission2_container>div{box-shadow: 0 0 10px #00000030; border-radius: 20px; padding: 0 30px 30px 30px; width: 30%; display: flex; flex-direction: column; align-items: center;justify-content: top;}
        .mission2 #mission2_container .top-nomber{width: 100px; height: 87px; margin: auto;}
        .mission2 #mission2_container .nomber{width: 100px;height: 50px; background-color: #FF4356; border-radius: 0 0 50px 50px; padding-top: 10px;}
        .mission2 #mission2_container .nomber p{text-align: center; font-size: 30px; font-weight: 700; line-height: 1.2;  color: #fff;}
        .mission2 #mission2_container .top-nomber .text{ text-align: center;font-size: 20px; font-weight: 700; color: #FF4356; margin-top: 5px;}
        .mission2 #mission2_container .bottom_text-area{text-align: center; width: 100%;}
        .mission2 #mission2_container .text-box{font-weight: 400; padding-top: 15px; text-align: left; margin: 20px auto 0px auto; padding: 0px 20px;}
        .mission2 #mission2_container .text-box li{list-style: disc; margin-bottom: 5px;}
        
        
        
        
        
        /* banner */
        .banner1{width: 100%; background-color: #FFFCED; position: relative;}
        .banner1>div{text-align: center;display: flex;justify-content: center;align-items: baseline;}
        .banner1 img{width: 80%;}
    




        /* kind */
        .kind{width: 100%; background-color: #fff;display: flex; padding: 80px 0; }
        .kind img{width:100px;height:100px;}
        .kind .kind-text{ text-align: center; margin: 0 auto;}
        .kind .kind-text .top-kind{margin-bottom: 50px;}
        .kind .kind-text .top-kind h1{font-size: 40px;font-weight: 700;letter-spacing: -1px;color: #FF4356;}
        .kind .kind-text .top-kind b{font-size: 20px;letter-spacing: -1px;}
        .kind .kind-text .top-kind p{font-size: 20px;letter-spacing: -1px;font-weight: 400; padding-top: 10px;}
        .kind .kind-text .bottom-kind{}
        .kind .kind-text .bottom-kind h2{font-size: 30px;letter-spacing: -1px;color: #FF4356;font-weight: 700;}
        .kind .kind-text .bottom-kind p{font-size: 20px;letter-spacing: -1px;font-weight: 400; padding-top: 10px;}

        /*service*/
        .service{width: 100%;height: auto;background-color:#ffffff;}
        .service .service-top{width: 100%; height: 900px;margin:0 auto;text-align: center; position: relative;}
        .service .service-top h1{ padding:50px 0 50px 0; font-size: 40px; color: #FF4356;  font-weight: 700;} 
        .service .service-top h1 img{width:50px; height: 50px; display: block; margin: 0 auto;}
        .service .service-top p{ font-size: 20px;letter-spacing: -1px;font-weight: 400;line-height: 1.5;padding-bottom: 30px;color: #444;}
        .service .service-top p span.mark{background:linear-gradient(180deg,#ffffff00 60%,rgba(159, 159, 159, 0.5) 40%);padding: 0px 0;font-weight: 500; }
        .service .service-top .hashtag{width: 100%;height: 40px;margin-bottom: 30px;}
        .service .service-top .hashtag li{display: inline-block; padding: 8px 30px 7px 30px;background-color: #ff4356; border-radius: 25px;margin-left: 10px;font-size: 18px;}
        .service .service-top .hashtag li:nth-child(1){background-color: #444;color: #fff;}
        .service .service-top .hashtag li:nth-child(2){background-color: #444;color: #fff;}
        .service .service-top .hashtag li:nth-child(3){background-color: #444;color: #fff;}
        .service .service-top .hashtag li:nth-child(4){background-color: #444;color: #fff;}
        .service .service-middle{width: 100%;height: auto;}
        .service .service-content{width: 100%;height: 850px;margin: 0 auto;position: relative; background-color: #fff;}
        .service .bg_g{background-color: #F5F4F4;}
        .service .service-content .container{ width:1300px;}
        .service .service-middle .service-img{ width:50%;height:100%;float: left;position: relative;}
        .service .service-middle .service-img img.phone{ margin-top:50px; z-index: 999; position: absolute;top: 10px;left: 70px;}
        .service .service-middle .service-img img.wait{ margin-top:50px; z-index: 999; position: absolute; top: 10px; left: 75px;}
        /*datatab start*/
        #data-tab{text-align: center; font-size: 20px;}
        #data-tab::after{clear: both;display: block;content: '';}
        #data-tab li{ width: 190px;display: inline-block; font-weight: 600;color: #ff4356;font-family: 'Jal_Haru';padding: 10px 20px 7px 20px;border-radius: 25px;animation: Glitter 1s infinite;cursor: pointer;margin: 10px 0;border: 3px solid #ff4356;}
        #data-tab li:nth-child(2){ margin-left: 15px;}
        @keyframes  Glitter{ 0%{color: #ff4356;}50%{color: #444444;}}
        #data-tab li.tab_active{background-color: #ff4356;color: #fff; animation: none;}
        /* end*/
        /*service slide start*/
        .outo-slide{ width: 270px; height: 570px;position: absolute;top: 135px;left: 180px; background-color: #fff; overflow: hidden;}
        .outo-slide ul{ width:100%; height:100%; position: relative; overflow: hidden;}
        .outo-slide ul li{ position: absolute;width: 100%; height: 100%; left:0; top:0;}
        .outo-slide ul li img{ width: 100%;}
        /*service slide end*/
        .service .service-middle .service-text{width:50%;height: 100%;float: left;text-align: left; color:#444; display: flex; flex-direction: column; align-items: center; justify-content: center;}
        .service .service-middle .service-text h1{ font-size: 28px; color: #FF4356;}
        .service .service-middle .service-text p{ font-size: 18px; padding-bottom: 15px;}
        .service .service-middle .service-text p.p-s{font-size: 2rem; font-weight: 600; padding-bottom: 25px;}
        .service .service-middle .service-text ul{width: 100%; display: flex;  margin-top: 20px;}
        .service .service-middle .service-text ul li{margin-right: 10px; border-radius: 30px; background-color: #ff4356; padding: 3px 10px; color: #fff; box-shadow: 0 0 10px #ff435690; font-size: 15px;}
        .service .bg_9{background: url(../images/background/service_bg9.png) no-repeat center center/ cover;}


        /*faq*/
        #faq-section{width: 100%; height: auto; /* background-color: #FFF8F8; */ background-color: #fff;}
        #faq-section > .container { width: 100%; padding: 120px 0; margin: auto;text-align: center;}
        #faq-section > .container h1{font-size: 45px;font-weight: 700;color: #FF4356;display: block;letter-spacing: -1px;}
        #faq-section > .container .faq-cont{width: 100%; height: auto;}
        #faq-section > .container .faq-cont .box{width: 1300px; height: auto;margin: auto;margin-top: 30px; box-sizing: border-box;position: relative;z-index: 9;padding-bottom: 10px; padding-top: 10px;}
        /* faq content */
        #faq-section > .container .faq-cont .box .slide-toggle .box-toggle {width:100%;height:auto;margin:auto;display: block;border-radius: 20px;overflow: hidden;}
        #faq-section > .container .faq-cont .box .slide-toggle .box-toggle:nth-child(2) {width:100%;height:auto;margin:auto;display: block;border: 2px solid #222;border-radius: 20px;margin-top: 30px;}
        #faq-section > .container .faq-cont .box .slide-toggle .box-toggle:nth-child(3) {width:100%;height:auto;margin:auto;display: block;border: 2px solid #222;border-radius: 20px;margin-top: 30px;}
        #faq-section > .container .faq-cont .box .slide-toggle .box-toggle:nth-child(4) {width:100%;height:auto;margin:auto;display: block;border: 2px solid #222;border-radius: 20px;margin-top: 30px;}
        #faq-section > .container .faq-cont .box .slide-toggle .box-toggle:nth-child(5) {width:100%;height:auto;margin:auto;display: block;border: 2px solid #222;border-radius: 20px;margin-top: 30px;}
        #faq-section > .container .faq-cont .box .slide-toggle .box-toggle .box-content{width:100%;margin:auto;display: block;padding: 10px;}
        #faq-section > .container .faq-cont .box .slide-toggle .box-toggle .contorol {color: #222;overflow: hidden;margin:auto;border: 2px solid #222;border-radius: 20px;margin-top: 20px;padding: 15px;background-color: #fff;height: auto;cursor: pointer;-webkit-transition: 0.1s;-moz-transition: 0.1s;-ms-transition: 0.1s;-o-transition: 0.1s;transition: 0.1s;}
        #faq-section > .container .faq-cont .box .slide-toggle .box-toggle .contorol:hover{border: 3px solid #FF4356;}
        #faq-section > .container .faq-cont .box .slide-toggle .box-toggle .contorol h3 {text-align: left;font-size: 25px;letter-spacing: 1px;color: #222222;padding: 10px;padding-left: 30px;-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
        #faq-section > .container .faq-cont .box .slide-toggle .box-toggle .contorol h3:hover{color: #FF4356;}
        #faq-section > .container .faq-cont .box .slide-toggle .box-toggle .content-box {width: 100%;text-align: left;margin: auto;   padding-bottom: 20px;padding-top: 10px;    }
        .q{vertical-align: middle; width: 39px; line-height: 39px; height: 39px;border-radius: 50%;box-sizing: border-box;background-color: #555555;color: #fff;font-size: 19px;font-weight: 700;text-align: center;display: block;margin-right: 10px;float: left;}
        .cp{text-align: left;background-color: #fff;padding: 25px;font-size: 18px;letter-spacing: -1px;color: #222222;line-height: 1.7;border-radius: 20px;border: 2px solid #ff4356;}
        .contorol:hover .q{background-color: #FF4356;transition: all 0.2s;}


        /* banner */
        .banner{background: url(../images/content/sec_main1.png) no-repeat center / cover; font-size: 1.1rem;}
        .banner .banner_color{background-color: #00000050; width: 100%; height: 100%; padding: 100px 0;}
        .banner h2{color: #fff; text-align: center; margin-bottom: 15px; }
        .banner p{color: #fff; text-align: center; line-height: 150%;}

        /* contact */
        #contact-section{width: 100%;height: auto;background:#444;}
        #contact-section .container{display: flex;}
        #contact-section .contact_text{padding: 70px 0; flex-grow: 1;}
        #contact-section h2{color: #ffffff; font-size: 45px;}
        #contact-section h2::after{content: ''; width: 15px; height: 15px; background-color: #FFE353; border-radius: 50%; display: inline-block; margin-left: 10px;}
        #contact-section p{color: #ffffff; margin-bottom: 40px;}
        #contact-section a{color: #ffffff; border: 1px solid #ffffff; border-radius: 30px; padding: 9px 20px 7px 20px; display: inline-block; transition: .3s;}
        #contact-section a:hover{transition: .3s; background-color: #FFE353; color: #222; border: 1px solid #FFE353;}
        #contact-section .contact_img{align-items: center; justify-content: center;width: 50%; display: flex;}


#sec_notice{ max-width: 1400px; margin: 4rem auto;}


.notice_list {
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  font-family: sans-serif;
  h1{font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem;}
}

.notice_item {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

.notice_header {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  background: #f9f9f9;
  font-weight: bold;
}

.notice_body {
  display: none;
  padding: 15px;
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
  .contents{
    white-space: pre-line;
    margin: 1rem 0;
  }
}

.notice_item.active .notice_body {
  display: block;
}


@media screen and (max-width:1300px){
    section{overflow: hidden;}
    .container{width: 90%; margin: 0 auto;}

    header .navigation ul{ justify-content: right;}
    header .navigation ul li{display: none;}
    header .navigation ul li:nth-last-child(1){display: block;}
    
    footer .foot_con{width: 100%; margin: 0 auto;}
  .service .service-content .container{width: 90%; display: flex;}
  .service .service-middle .service-img{width: 50%;}
  .service .service-middle .service-text{width: 50%;}
  .service .service-img{width: 45%;}
  .service .service-img img.phone{left: -20px;}
  .service .service-img img.wait{width: 180px; left: 270px;}
  .service .service-text p.p-s{font-size: 1.8rem;}
  .service .service-text p span{display: block;}

  #faq-section > .container{padding-top:100px;}
  #faq-section > .container .faq-cont .box{ width: 100%;}
  .cp{font-size: 14px;}
  #faq-section > .container .faq-cont .box .slide-toggle .box-toggle .contorol h3{font-size: 17px; padding: 0; float: none; display: flex; align-items: center;}


}
@media screen and (max-width:1000px){
  .service .service-top{height: 700px;}
  .service .service-top h1{font-size: 30px;}
  .service .service-top p{font-size: 18px;width: 430px;margin: 0 auto;margin-bottom: 40px; }
  .service .service-top p .delx{display: none;}
  .service .service-top .hashtag{display: none;}
  .service .service-content{height: auto;}
  .service .service-middle .service-img{width: 100%;height: 510px;overflow: hidden;position: absolute;top: 90px;left: 20vw;}
  .service .service-middle .service-img img.phone{height: 620px;left: 65px;}  
  .outo-slide{width: 220px;height: 470px;left: 160px;top: 124px;}
  .service .service-middle .service-text{width: 100%;height: auto;overflow: hidden;padding-bottom: 60px;}
  .service .service-middle .service-text h1{font-size: 22px;padding-bottom: 470px;padding-top: 70px;}
  .service .service-middle .service-text h1 img{width: 65px;}
  .service .service-middle .service-text p.p-s{line-height: 130%;padding-top: 20px;}
  footer .foot_mark{width: 100%; display: flex; gap: 0.5rem;}
  footer .foot_mark li{width: auto; margin-right: 0; height: auto; flex: 1;}
  footer .foot_mark li img{height: auto; width: 100%;}
}
@media screen and (max-width:500px){
  main>div{width: 100%; overflow: hidden;}
    footer{overflow: hidden; height: auto; padding: 60px 0;}
    footer .foot_top{margin-bottom: 30px;}
  
    .footer_pop .inner{width: 80vw;height: auto; padding-bottom: 1rem;}
    .footer_pop .inner img{width: 90%;}
    .footer_pop .inner a img{width: 1.5rem;}

    .service .service-top{height: 550px;}
    .service .service-middle .service-img{width: 100%;height: 510px;overflow: hidden;position: absolute;top: 90px;left: -5vw;}
    .service .service-middle .service-text h1{text-align: center;}
    .kind .kind-text .bottom-kind p{font-size: 18px; text-align: left; color: #444;}
    .kind .kind-text .bottom-kind p br{display: none; color: #444;}
    .kind .kind-text .top-kind p{font-size: 18px; text-align: left; color: #444;}

  
    .banner1>div{display: block;overflow: hidden;}
    .banner1 img{width: 180%; display: block; margin-left: 20%;}

    .mission{font-size: 1.2rem; color: #fff;}
    .mission h2{color: #fff;}
    .mission p{color: #fff;}
    .mission span{color: #fff;}
    .mission br{display: none;}
    .mission1{padding: 100px 0 0 0;}
    .mission1 #mission_container{flex-direction: column; padding: 0;}
    .mission1 .mission_text{width: 100%; padding: 0 30px;}
    .mission1 .mission_text p{font-size: 18px; ;}
    .mission1 .mission_img{width: 100%; align-items: center; justify-content: center; text-align: center; margin-top: 20px;}
    .mission2 #mission2_container{flex-direction: column; padding: 100px 0 100px 0;}
    .mission2 #mission2_container>div{width: 100%; margin-bottom: 30px;}



    .intro h1{font-size:1.6rem;}
    .intro h1 img{width: 180px;}
    .intro p:nth-of-type(1){font-size: 1.3rem;}
    .intro p:nth-of-type(2){width: 80%;}
    .intro{background: url(../images/content/main_bg.png) no-repeat center / cover; flex-grow: 0;}
    .intro .intro_text{width: 100%; background-color: #ffffff90; padding: 0 30px; }
    .intro .intro_img{width: 100%; display: none;}
    .intro ul{width: 100%;margin: 0 auto;}
    .left-img{display: none;}
    .right-img{display: none;}
    .intro a{background-color: #fff; width: 200px; margin-bottom: 20px;margin-top: 10px;}
    header h1{width: 100px;}
    header .navigation{margin-left: 5%;}
    header .navigation ul li:nth-last-child(1){padding: 5px 0; justify-content: right;}
    header .navigation ul a.family i{display: none;}
    .service .service-top p{width: 100%;}
    .service .service-middle .service-img{left: 0;}

    .service .service-middle .service-img img.phone{left: -30px;}
    .outo-slide{left: 62px;}
    .service .service-middle .service-text p.p-s{font-size: 1.5rem; text-align: center;}
    .service .service-middle .service-text p{font-size: 16px; text-align: center;}
    .service .service-middle .service-text ul {justify-content: center;}
    .service .service-middle .service-text ul li:last-child{margin-right: 0px;}

    .q{flex-shrink: 0; width: 30px; height: 30px; line-height: 30px;}

    footer .foot_top div a svg{width: 40px; height: 40px;}
  }