.wid {max-width:1260px; margin:0 auto ;padding:0 20px;}







.tech {margin-top:70px; overflow: hidden;}
.tech .sec1 {padding:140px 0 0 0 ; }
.tech .sec1 h2 {font-size:64px; color:#2b2e33; }
.tech .sec1 p {margin-top:30px; font-size:20px; color:#676779; line-height:1.6em; font-weight:400;}

.tech .img {width:100%; height:640px; margin-top:95px; background:url('../img/tech_img1.jpg')no-repeat center; background-size:cover;}

.tech .sec6 {margin:150px 0;}
.tech .sec6 h2 {font-size:48px; color:#2b2e33; font-weight:700; float:left; line-height:1.0em;}
.tech .sec6 h2 span {font-size:24px; font-weight:500; display: inline-block; letter-spacing:-1px;}
.tech .sec6 p {float:right; width:610px; font-size:20px; line-height:1.65em; color:#676779;}
.tech .sec6 p b {display: inline-block; width:100%; font-size:32px; margin-bottom:30px; font-weight:700; color:#2b2e33; line-height:1.5em;}
.tech .sec6 .cont {margin-top:100px;}
.tech .sec6 .cont:after {content:''; clear:both; display: table;}
.tech .sec6 .cont .box {float:left; width:calc((100% - 64px) / 3); margin-right:32px;}
.tech .sec6 .cont .box:last-child {margin-right:0;}
.tech .sec6 .cont .box .img {width:100%; padding-top:61.5%;  border-radius:20px; height:auto; margin:0;}
.tech .sec6 .cont .box:nth-child(1) .img{background:url('../img/tech_img2.jpg')no-repeat center; background-size:cover;}
.tech .sec6 .cont .box:nth-child(2) .img{background:url('../img/tech_img3.jpg')no-repeat center; background-size:cover;}
.tech .sec6 .cont .box:nth-child(3) .img{background:url('../img/tech_img4.jpg')no-repeat center; background-size:cover;}

.tech .sec6 .cont .box h3 {font-size:20px; color:#252432; padding:24px 24px 0 24px;}
.tech .sec6 .cont .box span {display:inline-block; margin-top:15px; line-height:1.6em; font-size:14px; color:#676779; padding:0 24px;}


.tech .sec2 {margin-top:150px;}
.tech .sec2 h2 {font-size:48px; color:#2b2e33; font-weight:700; float:left; line-height:1.0em;}
.tech .sec2 h2 span {font-size:24px; font-weight:500; display: inline-block; letter-spacing:-1px;}
.tech .sec2 p {float:right; width:610px; font-size:20px; line-height:1.65em; color:#676779;}
.tech .sec2 p b {display: inline-block; width:100%; font-size:32px; margin-bottom:30px; font-weight:700; color:#2b2e33; line-height:1.5em;}
.tech .sec2 .img2 {width:100%; padding-top:32%; margin-top:80px; border-radius:20px; background:url('../img/tech_img5.jpg')no-repeat center; background-size:cover;}
.tech .sec2 .img3 {width:100%; padding-top:32%; margin-top:80px; border-radius:20px; background:url('../img/tech_img6.jpg')no-repeat center; background-size:cover;}
.tech .sec2 .img4 {width:100%; padding-top:32%; margin-top:80px; border-radius:20px; background:url('../img/tech_img7.jpg')no-repeat center; background-size:cover; }





.tech .sec3 {width:100%; padding:160px 0 190px 0; text-align: center; background:url('../img/tech_img9.jpg')no-repeat center; background-size:cover;}
.tech .sec3 h2 {font-size:48px; color:#fff; line-height:1.4em;}
.tech .sec3 img {margin-top:80px;}




.tech .bg {background:#f9f9f9;  padding:150px 0;}
.tech .bg2 {background:#f9f9f9;  padding:150px 0;}





@media screen and (max-width:1200px) {
  .tech .sec2 h2 {font-size:35px;}
  .tech .sec2 p {font-size:18px;}
  .tech .sec2 ul {margin-top:60px;}

  .tech .sec6 h2 {font-size:35px;}
  .tech .sec6 p {font-size:18px;}
  .tech .sec6 p b {font-size:22px; margin-bottom:15px;}
  .tech .sec6 .cont {margin-top:30px;}
  .tech .sec6 .cont .box {width:100%; margin-bottom:40px;}


  .ft_content button {right:25px;}
}

@media screen and (max-width:900px) {
  .tech .sec1 {padding-top:100px;}
  .tech .sec1 h2 {font-size:50px;}
  .tech .sec1 p {margin-top:25px; font-size:18px;}
  .tech .img {height:360px; margin-top:80px;}


  .tech .sec2 {margin-top:100px;}
  .tech .sec2 h2 {width:100%; float:initial;}  
  .tech .sec6 h2 span {font-size:20px;}
  .tech .sec2 p {float:initial; width:100%; margin-top:30px;}



  .tech .sec6 {margin-top:100px;}
  .tech .sec6 h2 {width:100%; float:initial;}  
  .tech .sec6 p {float:initial; width:100%; margin-top:30px;}
  .tech .sec6 p b br {display: none;}

  .tech .sec3 h2 {font-size:35px;}
  .tech .sec3 img {width:90%;}

}


@media screen and (max-width:767px) {
  .tech .sec1 {padding-top:55px;}
  .tech .sec1 h2 {font-size:35px;}
  .tech .sec1 p br {display: none;}
  .tech .sec1 p {font-size:16px; }

  .tech .img {height:250px; margin-top:65px;}

  .tech .sec6 .cont .box h3 {padding:15px 15px 0 15px;}
  .tech .sec6 .cont .box span {padding:0 15px; margin-top:10px;}
  .tech .sec6 {margin-top:60px; margin-bottom:60px;}
  .tech .sec6 p {font-size:14px; margin-top:20px;}
  .tech .sec6 p b {font-size:18px;}
  .tech .sec6 .box {margin-top:20px;}
  .tech .sec6 .box div {width:100%; margin:15px 0 0 0; padding-top:62%;}


  .tech .sec2 {margin-top:60px; margin-bottom:0px;}
  .tech .sec2 p {font-size:14px; margin-top:20px;}
  .tech .sec2 p b {font-size:18px;}
  .tech .sec2 .img2 {margin-top:35px; padding-top:50%; }
  .tech .sec2 .img3 {margin-top:35px; padding-top:50%; }
  .tech .sec2 .img4 {margin-top:35px; padding-top:50%;}


  .tech .sec3 {padding:80px 30px 80px 30px;}
  .tech .sec3 h2 {font-size:25px;}
  .tech .sec3 h2 br {display: none;}
  .tech .sec3 img {width:100%; margin-top:40px;}

  .tech .bg2 {padding:60px 0;}
  .tech .sec6 .cont .box:last-child {margin-bottom:0;}

}



















.sub_1 {margin-top:70px; overflow: hidden;}
.sub_1 .sec1 {padding:140px 0 0 0 ; }
.sub_1 .sec1 h2 {font-size:64px; color:#2b2e33; }
.sub_1 .sec1 p {margin-top:30px; font-size:20px; color:#676779; line-height:1.6em; font-weight:400;}

.sub_1 .img {width:100%; height:640px; margin-top:95px; background:url('../img/sub1_img1.jpg')no-repeat center; background-size:cover;}


.sub_1 .sec2 {margin-top:150px;}
.sub_1 .sec2 h2 {font-size:48px; color:#2b2e33; font-weight:700; float:left;}
.sub_1 .sec2 p {float:right; width:600px; font-size:20px; line-height:1.65em; color:#676779;}
.sub_1 .sec2 p b {display: inline-block; width:100%; font-size:32px; margin-bottom:30px; font-weight:700; color:#2b2e33;}
.sub_1 .sec2 ul {margin-top:80px;}
.sub_1 .sec2 ul:after {content:''; clear:both; display: table;}
.sub_1 .sec2 ul li {float:left; width:calc((100% - 96px) / 4); margin-right:32px; border-radius:10px; height:250px; position: relative;}
.sub_1 .sec2 ul li:last-child {margin-right:0; }

.sub_1 .sec2 ul li:nth-child(1) {background:url('../img/sub1_img2.jpg')no-repeat center; background-size:cover;}
.sub_1 .sec2 ul li:nth-child(2) {background:url('../img/sub1_img3.jpg')no-repeat center; background-size:cover;}
.sub_1 .sec2 ul li:nth-child(3) {background:url('../img/sub1_img4.jpg')no-repeat center; background-size:cover;}
.sub_1 .sec2 ul li:nth-child(4) {background:url('../img/sub1_img5.jpg')no-repeat center; background-size:cover;}

.sub_1 .sec2 ul li p {position: absolute; left:24px; bottom:23px; font-size:20px; color:#fff; font-weight:500; text-shadow: 0 0 16px rgba(0,0,0,.4);}


.sub_1 .sec3 {margin-top:150px;}
.sub_1 .sec3 h2 {font-size:48px; color:#2b2e33; font-weight:700; float:left;}
.sub_1 .sec3 p {float:right; width:600px; font-size:20px; line-height:1.65em; color:#676779;}
.sub_1 .sec3 p b {display: inline-block; width:100%; font-size:32px; margin-bottom:30px; font-weight:700; color:#2b2e33; line-height:1.5em;}

.sub_1 .sec3 .box {margin-top:80px;}
.sub_1 .sec3 .box:after {content:''; clear:both; display: table;}
.sub_1 .sec3 .box .left {background:url('../img/sub1_img8.jpg')no-repeat center ;background-size:cover; height:400px;float:left; width:50%; border-radius:20px 0 0 20px;}
.sub_1 .sec3 .box .right {float:left; width:50%; height:400px; background:#F7F8FA; border-radius:0 20px 20px 0; padding-left:70px;}
.sub_1 .sec3 .box .right h3 {font-size:32px; margin-top:70px; color:#5E318F; position: relative;}
.sub_1 .sec3 .box .right h3 b {font-size:72px; position: relative; top:2px;}
.sub_1 .sec3 .box .right h3 img { margin:-49px 0 0 25px; }

.sub_1 .sec3 .box .right span {display: inline-block; width:100%; margin-top:85px; position: relative; padding-left:245px; font-size:20px; color:#252432; font-weight:700; line-height:1.35em;}
.sub_1 .sec3 .box .right span img {position: absolute; left:0; top:-12px;}


.sub_1 .sec4 {margin-top:150px;}
.sub_1 .sec4 h2 {font-size:48px; color:#2b2e33; font-weight:700; float:left;}
.sub_1 .sec4 p {float:right; width:600px; font-size:20px; line-height:1.65em; color:#676779;}
.sub_1 .sec4 p b {display: inline-block; width:100%; font-size:32px; margin-bottom:30px; font-weight:700; color:#2b2e33; line-height:1.5em;}

.sub_1 .sec4 .box {margin-top:80px; background:#F7F8FA; border-radius:20px; overflow: hidden; text-align: center; }
.sub_1 .sec4 .box h3 {background:#5e318f; padding:35px 10px;font-size:20px; color:#fff; font-weight:500;}
.sub_1 .sec4 .box h3 b {font-size:32px; display: inline-block; width:100%; font-weight:600; line-height:1.35em; margin-bottom:7px;}
.sub_1 .sec4 .box h3 b br {display: none;}

.sub_1 .sec4 .box p {width:calc(100% - 128px); margin:33px auto 65px auto; padding-top:36px; border-top:1px solid #CCCDD3; font-size:14px; color:#676779; line-height:1.65em; text-align: left; float:initial; letter-spacing: -.8px;}
.sub_1 .sec4 .box p b {font-size:14px; color:#676779; margin:0;}
.sub_1 .sec4 .box img {mix-blend-mode: multiply; margin-top:60px;}
.sub_1 .sec4 .box img.img_mo {display: none;}
.sub_1 .sec4 .box2 {margin-top:40px;}
.sub_1 .sec4 .box2 h3 b {margin:0;}

.sub_2 .sec4 .box .img_box {margin-top:60px; padding:0 70px;}
.sub_2 .sec4 .box .img_box:after {content:''; clear:both; display: table;}
.sub_2 .sec4 .box .img_box img {float:left; width:calc((100% - 25px) / 2); margin-bottom:10px;margin-top:0; margin-right:25px;}
.sub_2 .sec4 .box .img_box img:nth-child(2n) {margin-right:0;}
.sub_2 .sec4 .box button {margin:20px 0 60px 0; padding:0 30px; height:54px; background:#fff; border-radius:50px; font-size:16px; color:#5E318F; font-weight:600; border:none; width:auto;}
.sub_2 .sec4 .box button img {margin-top:-2px; margin-left:10px;}

.sub_2 .sec4 .box h4 {margin-top:65px; text-align: center; font-size:32px; color:#2b2e33;}
.sub_2 .sec4 .box table {max-width:calc(100% - 130px); width:100%; margin:40px auto 0 auto; border-collapse:collapse;}
.sub_2 .sec4 .box th {font-size:20px; color:#fff; background:#2b2e33; padding:17px 0; text-align: center; border-right:1px solid #a5a6aa; width:33.333%; font-weight:600;}
.sub_2 .sec4 .box td {font-size:20px; padding:14px 0; text-align: center; color:#414042; border-right:1px solid #a5a6aa;}
.sub_2 .sec4 .box th:last-child {border-right:none;}
.sub_2 .sec4 .box td:last-child {border-right:none;}
.sub_2 .sec4 .box tr:last-child td {border-bottom:1px solid #a5a6aa;}
.sub_2 .sec4 .box td:first-child {font-weight: 600; font-style: italic; letter-spacing: -0.5px;}
.sub_2 .sec4 .box tr:nth-child(4) td:last-child {color:#5E318F; font-weight:600;} 
.sub_2 .sec4 .box tr:nth-child(5) td:last-child {color:#5E318F; font-weight:600;} 
.sub_2 .sec4 .box tr:nth-child(6) td:last-child {color:#5E318F; font-weight:600;} 
.sub_2 .sec4 .box tr:nth-child(7) td:last-child {color:#5E318F; font-weight:600;} 
.sub_2 .sec4 .box tr:nth-child(2n+1) td {background:#EBECEE;}

.sub_2 .sec4 .box ul {max-width:calc(100% - 130px); width:100%; margin:40px auto 65px auto; text-align: left;}
.sub_2 .sec4 .box ul li {margin-top:8px; font-size:14px; color:#676779; padding-left:12px; position: relative;}
.sub_2 .sec4 .box ul li:after {content:''; width:3px; height:3px; border-radius:50%; background:#676779; position: absolute; left:0; top:50%; transform: translate(0,-50%);}
.sub_2 .sec4 .box2 {margin-bottom:150px;}
.sub_2 .sec4 .box h5 {font-size:32px; margin:60px 0 0 0; padding-left:70px; text-align: left; color:#2B2E33; letter-spacing: -.5px;}
.sub_2 .sec4 .box img.box_img {margin-top:35px; margin-bottom:105px;}
.sub_2 .sec4 .box3 {margin-bottom:150px;}

.sub_1 .sec5 {margin-top:150px;}
.sub_1 .sec5 h2 {font-size:48px; color:#2b2e33; font-weight:700; float:left;}
.sub_1 .sec5 p {float:right; width:610px; font-size:20px; line-height:1.65em; color:#676779;}
.sub_1 .sec5 p b {display: inline-block; width:100%; font-size:32px; margin-bottom:30px; font-weight:700; color:#2b2e33; line-height:1.5em;}
.sub_1 .sec5 .box {margin-top:80px;}
.sub_1 .sec5 .box:after {content:''; clear:both; display: table;}
.sub_1 .sec5 .box div {float:left; width:calc((100% - 32px) / 2); margin-right:32px; height:460px; border-radius:20px;}
.sub_1 .sec5 .box div:last-child {margin-right:0;}
.sub_1 .sec5 .box .left {background:url('../img/sub1_img11.jpg')no-repeat center; background-size:cover;}
.sub_1 .sec5 .box .right {background:url('../img/sub1_img12.jpg')no-repeat center; background-size:cover;}


.sub_1 .sec6 {margin:150px 0;}
.sub_1 .sec6 h2 {font-size:48px; color:#2b2e33; font-weight:700; float:left;}
.sub_1 .sec6 p {float:right; width:610px; font-size:20px; line-height:1.65em; color:#676779;}
.sub_1 .sec6 p b {display: inline-block; width:100%; font-size:32px; margin-bottom:30px; font-weight:700; color:#2b2e33; line-height:1.5em;}
.sub_1 .sec6 .box {margin-top:80px;}
.sub_1 .sec6 .box:after {content:''; clear:both; display: table;}
.sub_1 .sec6 .box div {float:left; width:calc((100% - 64px) / 3); margin-right:32px; height:260px; border-radius:20px; border:1px solid #CBCBCB;}
.sub_1 .sec6 .box div:last-child {margin-right:0;}
.sub_1 .sec6 .box div:nth-child(1) {background:url('../img/sub1_img13.jpg')no-repeat center; background-size:cover;}
.sub_1 .sec6 .box div:nth-child(2) {background:url('../img/sub1_img14.jpg')no-repeat center; background-size:cover;}
.sub_1 .sec6 .box div:nth-child(3) {background:url('../img/sub1_img15.jpg')no-repeat center; background-size:cover;}



.sub_2 .sec7 {margin-top:150px;}
.sub_2 .sec7 h2 {font-size:48px; color:#2b2e33; font-weight:700; float:left; line-height:1.0em;}
.sub_2 .sec7 h2 span {font-size:24px; font-weight:500; display: inline-block; letter-spacing:-1px;}
.sub_2 .sec7 p {float:right; width:610px; font-size:20px; line-height:1.65em; color:#676779;}
.sub_2 .sec7 p b {display: inline-block; width:100%; font-size:32px; margin-bottom:30px; font-weight:700; color:#2b2e33; line-height:1.5em;}
.sub_2 .sec7 .img2 {width:100%; padding-top:32%; margin-top:80px; border-radius:20px; background:url('../img/sub2_img7.jpg')no-repeat center; background-size:cover;}







.ft_content {padding:80px 0 80px 0 ; background:#5E318F;}
.ft_content .wid {position: relative;}
.ft_content h2 {font-size:36px; color:#fff; line-height:1.3em; font-weight:600;}
.ft_content button {position: absolute; right:0; top:50%; transform: translate(0,-50%); height:54px; padding:0 30px; font-size:16px; color:#5E318F; background:#fff; border:none; border-radius:50px; font-weight:700; transition: .3s;}
.ft_content button img {margin-left:10px; margin-top:-3px; }
.ft_content button:hover {background:#965ED4; color:#fff; transition: .3s;}
.ft_content button:hover img {filter: brightness(100);  transition: .3s;}




.tab_ul {position: fixed; left:0; right:0; bottom:45px; margin:0 auto; padding:0 12px; background:#484848; border-radius:50px; width:554px; z-index: 10;}
.tab_ul li {float:left;}
.tab_ul li button {padding:0 12px; height:44px; color:rgba(255,255,255,.6); font-size:14px; border:none; background:none;}
.tab_ul li button.on {color:#fff;}



@media screen and (max-width:1200px) {
    .sub_1 .sec2 h2 {font-size:35px;}
    .sub_1 .sec2 p {font-size:18px;}
    .sub_1 .sec2 p b {font-size:22px; margin-bottom:15px;}
    .sub_1 .sec2 ul {margin-top:60px;}


    .sub_1 .sec3 h2 {font-size:35px;}
    .sub_1 .sec3 p {font-size:18px;}
    .sub_1 .sec3 p b {font-size:22px; margin-bottom:15px;}
    .sub_1 .sec3 .box .left {width:100%; float:initial; border-radius:20px 20px 0 0;}
    .sub_1 .sec3 .box .right {width:100%; float:initial; border-radius:0 0 20px 20px; padding-top:50px;}
    .sub_1 .sec3 .box {margin-top:40px;}
    .sub_1 .sec3 .box .right h3 {margin-top:0;}


    .sub_1 .sec4 h2 {font-size:35px;}
    .sub_1 .sec4 p {font-size:18px;}
    .sub_1 .sec4 p b {font-size:22px; margin-bottom:15px;}
    .sub_1 .sec4 .box img {width:100%;}

    .sub_2 .sec4 .box img {padding:0 25px;}
    .sub_2 .sec4 .box .img_box img {padding:0; width:100%; margin:5px 0;}

    .sub_2 .sec4 .box button img {width:auto; margin:-2px 0 0 10px; padding:0;}
    .sub_2 .sec4 .box h4 {font-size:35px;}
    .sub_2 .sec4 .box h5 {padding-left:30px; margin-top:50px;}
    .sub_2 .sec4 .box img.box_img {margin-top:25px; margin-bottom:50px;}

    .sub_1 .sec5 h2 {font-size:35px;}
    .sub_1 .sec5 p {font-size:18px;}
    .sub_1 .sec5 p b {font-size:22px; margin-bottom:15px;}
    .sub_1 .sec5 .box div {height:auto; padding-top:37%;}

    .sub_1 .sec6 h2 {font-size:35px;}
    .sub_1 .sec6 p {font-size:18px;}
    .sub_1 .sec6 p b {font-size:22px; margin-bottom:15px;}
    .sub_1 .sec6 .box div {height:auto; padding-top:20%;}

    .sub_2 .sec7 h2 {font-size:35px;}
    .sub_2 .sec7 p {font-size:18px;}
    .sub_2 .sec7 p b{font-size:22px;}
    .sub_2 .sec7 ul {margin-top:60px;}


    .ft_content button {right:25px;}
}

@media screen and (max-width:900px) {
    .sub_1 .sec1 {padding-top:100px;}
    .sub_1 .sec1 h2 {font-size:50px;}
    .sub_1 .sec1 p {margin-top:25px; font-size:18px;}

    .sub_1 .sec2 {margin-top:100px;}
    .sub_1 .sec2 h2 {width:100%; float:initial;}
    .sub_1 .sec2 p {float:initial; width:100%; margin-top:30px;}
    .sub_1 .sec2 ul {margin-top:40px;}
    .sub_1 .sec2 ul li {width:calc((100% - 45px) / 4); margin-right:15px; height:175px; }
    .sub_1 .sec2 ul li p {font-size:16px; left:20px; bottom:20px;}

    .sub_1 .img {height:360px; margin-top:80px;}

    .sub_1 .sec3 {margin-top:100px;}
    .sub_1 .sec3 h2 {width:100%; float:initial;}
    .sub_1 .sec3 p {float:initial; width:100%; margin-top:30px;}
    .sub_1 .sec3 p b br {display: none;}


    .sub_1 .sec4 {margin-top:100px;}
    .sub_1 .sec4 h2 {width:100%; float:initial;}
    .sub_1 .sec4 p {float:initial; width:100%; margin-top:30px;}
    .sub_1 .sec4 .box {margin-top:40px;}
    .sub_1 .sec4 .box h3 b {font-size:25px;}
    .sub_1 .sec4 .box h3 {font-size:18px;}
    .sub_1 .sec4 .box p {width:90%;}


    .sub_2 .sec4 .box .img_box {padding:0 20px; margin-top:30px;}
    .sub_2 .sec4 .box button {margin-top:10px; font-size:15px;  margin-bottom:40px;}

    .sub_2 .sec4 .box h4 {font-size:25px;}
    .sub_2 .sec4 .box table {max-width:calc(100% - 50px); margin-top:25px;}
    .sub_2 .sec4 .box th {font-size:14px; padding:15px 8px;}
    .sub_2 .sec4 .box td {font-size:14px; padding:13px 8px;}
    .sub_2 .sec4 .box ul {max-width:calc(100% - 50px); margin-top:25px; margin-bottom:50px;}
    .sub_2 .sec4 .box2 {margin-bottom:60px;}
    .sub_2 .sec4 .box h5 {padding-left:30px; margin-top:30px; font-size:25px;}
    .sub_2 .sec4 .box img.box_img {margin-bottom:40px;}
    .sub_1 .sec4 .box3 {margin-bottom:60px;}

    .sub_1 .sec5 {margin-top:100px;}
    .sub_1 .sec5 h2 {width:100%; float:initial;}
    .sub_1 .sec5 p {float:initial; width:100%; margin-top:30px;}
    .sub_1 .sec5 p b br {display: none;}


    .sub_1 .sec6 {margin-top:100px;}
    .sub_1 .sec6 h2 {width:100%; float:initial;}
    .sub_1 .sec6 p {float:initial; width:100%; margin-top:30px;}
    .sub_1 .sec6 p b br {display: none;}

    .sub_2 .sec7 {margin-top:100px;}
    .sub_2 .sec7 h2 {width:100%; float:initial;}  
    .sub_2 .sec7 h2 span {font-size:20px;}
    .sub_2 .sec7 p {float:initial; width:100%; margin-top:30px;}


    .sub_1 .sec3 .map {height:400px;}
}


@media screen and (max-width:767px) {
    .sub_1 .sec1 {padding-top:55px;}
    .sub_1 .sec1 h2 {font-size:35px;}
    .sub_1 .sec1 p br {display: none;}
    .sub_1 .sec1 p {font-size:16px; }

    .sub_1 .img {height:250px; margin-top:65px;}

    .sub_1 .sec2 {margin-top:60px;}
    .sub_1 .sec2 p {font-size:14px; margin-top:20px;}
    .sub_1 .sec2 p b {font-size:18px;}
    .sub_1 .sec2 ul {margin-top:30px;}
    .sub_1 .sec2 ul li {width:calc((100% - 20px) / 2); margin-bottom:20px; margin-right:20px; height:175px; }
    .sub_1 .sec2 ul li:nth-child(2n) {margin-right:0;}



    .sub_1 .sec3 {margin-top:60px;}
    .sub_1 .sec3 p {font-size:14px; margin-top:20px;}
    .sub_1 .sec3 p b {font-size:18px;}
    .sub_1 .sec3 .box {margin-top:30px;}
    .sub_1 .sec3 .box .left {height:250px;}
    .sub_1 .sec3 .box .right {padding:20px 30px 30px 30px; height:auto;}
    .sub_1 .sec3 .box .right h3 {font-size:25px;}
    .sub_1 .sec3 .box .right h3 b {font-size:50px;}
    .sub_1 .sec3 .box .right h3 img {width:100px; margin:-27px 0 0 16px;}
    .sub_1 .sec3 .box .right span {padding-left:0; margin-top:15px; padding-bottom:120px; font-size:16px;}
    .sub_1 .sec3 .box .right span img {top:initial; bottom:0; width:160px;}


    .sub_1 .sec4 {margin-top:60px;}
    .sub_1 .sec4 p {font-size:14px; margin-top:20px;}
    .sub_1 .sec4 p b {font-size:18px;}
    .sub_1 .sec4 .box h3 {font-size:14px; padding:30px 20px;}
    .sub_1 .sec4 .box h3 b {font-size:18px; }
    .sub_1 .sec4 .box h3 b br {display: block;}
    .sub_1 .sec4 .box img {margin-top:30px;}
    .sub_1 .sec4 .box img.img_pc {display: none;}
    .sub_1 .sec4 .box img.img_mo {display: block;}
    .sub_1 .sec4 .box p {margin-top:20px; width:87%; padding-top:25px; margin-bottom:30px;}
    .sub_1 .sec4 .box2 h3 b br {display: none;}
    .sub_1 .sec4 .box2 {margin-top:20px;}

    .sub_2 .sec4 .box h4 {font-size:20px; margin-top:40px;} 


    .sub_1 .sec5 {margin-top:60px;}
    .sub_1 .sec5 p {font-size:14px; margin-top:20px;}
    .sub_1 .sec5 p b {font-size:18px;}
    .sub_1 .sec5 .box {margin-top:20px;}
    .sub_1 .sec5 .box div {width:100%; margin:20px 0 0 0; padding-top:78%;}


    .sub_1 .sec6 {margin-top:60px; margin-bottom:60px;}
    .sub_1 .sec6 p {font-size:14px; margin-top:20px;}
    .sub_1 .sec6 p b {font-size:18px;}
    .sub_1 .sec6 .box {margin-top:20px;}
    .sub_1 .sec6 .box div {width:100%; margin:15px 0 0 0; padding-top:62%;}


    .sub_2 .sec7 {margin-top:60px; margin-bottom:60px;}
    .sub_2 .sec7 p {font-size:14px; margin-top:20px;}
    .sub_2 .sec7 p b {font-size:18px;}
    .sub_2 .sec7 .img2 {margin-top:35px; padding-top:50%; }


    .ft_content {padding:60px 5px;}
    .ft_content h2 {font-size:30px;}
    .ft_content button {position: relative; right:0; top:0; transform: initial; margin-top:30px; height:46px; font-size:14px;}
    .ft_content button img {margin-top:-2px;}


    .tab_ul {width:calc(100% - 40px); display:flex; overflow-x:scroll; bottom:20px; padding:0 10px;}
    .tab_ul::-webkit-scrollbar {display: none;}
    .tab_ul li {flex:0 0 auto;}
    .tab_ul li button {padding:0 10px; }
}
















.sub_4 {margin-top:70px; overflow: hidden;}
.sub_4 .sec1 {padding:140px 0 0 0 ; }
.sub_4 .sec1 h2 {font-size:64px; color:#2b2e33; line-height :1.35em;}
.sub_4 .sec1 p {margin-top:30px; font-size:20px; color:#676779; line-height:1.6em; font-weight:400;}

.sub_4 .img {width:100%; height:640px; margin-top:40px; background:url('../img/sub4_img1.jpg')no-repeat center; background-size:cover;}

.sub_4 .sec2 {margin-top:150px;}
.sub_4 .sec2 h2 {font-size:48px; color:#2b2e33; font-weight:700; float:left; line-height:1.3em;}
.sub_4 .sec2 h2 span {font-size:24px; font-weight:500; display: inline-block; letter-spacing:-1px;}
.sub_4 .sec2 p {float:right; width:610px; font-size:20px; line-height:1.65em; color:#676779;}
.sub_4 .sec2 p b {display: inline-block; width:100%; font-size:32px; margin-bottom:30px; font-weight:700; color:#2b2e33; line-height:1.5em;}
.sub_4 .sec2 .img2 {width:100%; padding-top:43%; margin-top:80px; border-radius:20px; background:url('../img/sub4_img2.jpg')no-repeat center; background-size:cover;}


.sub_4 .sec3 {padding:0 0 150px 0;}
.sub_4 .sec3 .box {margin-top:40px; background:#F7F8FA; border-radius:20px; overflow: hidden;  }
.sub_4 .sec3 .box h3 {background:#007DC9; padding:35px 10px; font-size:20px; color:#fff; font-weight:500; margin-bottom:60px; text-align: center;}
.sub_4 .sec3 .box h3 b {font-size:32px; display: inline-block; width:100%; font-weight:600; line-height:1.35em; }
.sub_4 .sec3 .box p {font-size:20px; line-height:1.65em; color:#676779; padding:0 64px; letter-spacing: -0.5px;}
.sub_4 .sec3 .box .box_sec1:after {content:''; clear:both; display: table;}
.sub_4 .sec3 .box .box_sec1 {padding:0 64px; margin:40px 0 64px 0;}
.sub_4 .sec3 .box .box_sec1 .img3 {float:left; width:510px; background:#fff; padding:25px 40px; text-align: center; border-radius:20px;}
.sub_4 .sec3 .box .box_sec1 .img3 p {color:#2b2e33; font-weight:600;}
.sub_4 .sec3 .box .box_sec1 .img3 img {width:100%; margin-top:33px;}
.sub_4 .sec3 .box .box_sec1 .txt {float:right; width:calc(100% - 510px); padding:60px 0 0 50px;}
.sub_4 .sec3 .box .box_sec1 .txt p {padding:0;}
.sub_4 .sec3 .box .box_sec1 .txt p b {color:#2b2e33; display: inline-block; width:100%; margin-bottom:7px; font-weight:800;}

.sub_4 .sec3 .box .list1 {padding:0 64px 64px 64px; text-align: center;}
.sub_4 .sec3 .box .list1:after {content:''; clear:both;display: table;}
.sub_4 .sec3 .box .list1 li {float:left; width:calc((100% - 90px) / 6); margin-right:18px;}
.sub_4 .sec3 .box .list1 li:last-child {margin-right:0;}
.sub_4 .sec3 .box .list1 li img {}
.sub_4 .sec3 .box .list1 li p {font-size:14px; margin-top:16px; color:#2b2e33; line-height:1.45em; font-weight:500; padding:0 5px;}
.sub_4 .sec3 .box .list1 li p b {display: inline-block; width:100%; font-size:20px; font-weight:700; margin-bottom:7px; }

.sub_4 .sec3 .box .list2 {padding:0 95px 0 95px; text-align: center;}
.sub_4 .sec3 .box .list2:after {content:''; clear:both;display: table;}
.sub_4 .sec3 .box .list2 li {float:left; width:20%; }
.sub_4 .sec3 .box .list2 li b {display: inline-block; width:100%; margin-top:25px; font-size:20px; color:#2b2e33; font-weight:800; letter-spacing: -.5px; line-height :1.3em;}
.sub_4 .sec3 .box .list2 li:nth-child(2) b, .sub_4 .sec3 .box .list2 li:nth-child(5) b {margin-top:15px;}
.sub_4 .sec3 .box .list2 li:nth-child(1), .sub_4 .sec3 .box .list2 li:nth-child(2) {margin-top:-7px;}
.sub_4 .sec3 .box .list2 li:nth-child(4) {margin-top:1px;}
.sub_4 .sec3 .box .list2 li:nth-child(5) {margin-top:4px;}
.sub_4 .sec3 .box .p2 {border-top:1px solid #CCCDD3; padding:40px 0 64px 0; margin:50px 64px 0 64px; }

.sub_4 .sec3 .box .list3:after {content:''; clear:both; display: table;}
.sub_4 .sec3 .box .list3 {padding:0 65px 25px 65px; text-align: left;}
.sub_4 .sec3 .box .list3 li {position: relative; font-size:20px; color:#2b2e33; line-height:1.6em; padding:40px 0 40px 50px; border-bottom:1px solid #CCCDD3; letter-spacing: -.5px;}
.sub_4 .sec3 .box .list3 li img {position: absolute; right:0;bottom:0;}
.sub_4 .sec3 .box .list3 li b {position: absolute;left:0; top:39px; font-weight:700; letter-spacing: -1px;}
.sub_4 .sec3 .box .list3 li:nth-child(2) img {right:320px; bottom:26px;}
.sub_4 .sec3 .box .list3 li:after {content:''; clear:both; display: table;}
.sub_4 .sec3 .box .list3 li p {float:left; width:50%; padding:0 25px 0 20px; margin:20px 0 0 0; position: relative; font-size:16px; color:#2b2e33; letter-spacing: -.8px;} 
.sub_4 .sec3 .box .list3 li p:last-child {padding-right:0;}
.sub_4 .sec3 .box .list3 li p b {top:21px; left:16px;}
.sub_4 .sec3 .box .list3 li:last-child {font-weight:800; padding-left:0; letter-spacing: -.5px; border-bottom:none;}
.sub_4 .sec3 .box .list3 li:last-child strong {color:#007DC9;}
.sub_4 .sec3 .box .list3 li:first-child {padding-top:0;}
.sub_4 .sec3 .box .list3 li:first-child b {top:0;}

.sub_4 .sec3 .p3 {text-align: right; padding-right:30px; font-size:16px; letter-spacing: -1px; color:#2b2e33; margin-top:28px;}

.sub_4 .bt_box {margin:100px 0 40px 0;}
.sub_4 .bt_box:after {content:''; clear:both; display: table;}
.sub_4 .bt_box button {float:left; margin-right:8px; height:42px; padding:0 16px; border:none; background:none; font-size:18px; color:#676779; font-weight:600; border-radius:50px;}
.sub_4 .bt_box button:last-child {margin-right:0;}
.sub_4 .bt_box button.on {color:#2B2E33; background:#F7F8FA; font-weight:700;}







@media screen and (max-width:1200px) {
    .sub_4 .sec2 h2 {font-size:35px;}
    .sub_4 .sec2 p {font-size:18px;}
    .sub_4 .sec2 p b {font-size:22px; margin-bottom:15px;}

    .sub_4 .sec3 h2 {font-size:35px;}
    .sub_4 .sec3 p {font-size:18px;}
    .sub_4 .sec3 p b {font-size:22px; margin-bottom:15px;}

    .sub_4 .sec3 .box .box_sec1 .img3 {width:450px;}
    .sub_4 .sec3 .box .box_sec1 .img3 p {padding:0;}
    .sub_4 .sec3 .box .box_sec1 .txt {width:calc(100% - 450px); padding:35px 0 0 35px;}

    .sub_4 .sec3 .box .list1 {padding-bottom:40px;}
    .sub_4 .sec3 .box .list1 li {width:calc((100% - 30px) / 3); margin-right:15px;  margin-bottom:30px;}
    .sub_4 .sec3 .box .list1 li:nth-child(3n) {margin-right:0;}

    .sub_4 .sec3 .box .list3 li img {position: relative; display: block; margin-top:15px; right:initial; bottom:initial;}
    .sub_4 .sec3 .box .list3 li:nth-child(2) img {right:0; bottom:0; margin-left:3px; margin-top:20px; }
    .sub_4 .sec3 .box .list3 li:first-child {padding-bottom:0;}
    .sub_4 .sec3 .box .list3 li p {width:100%;}
    .sub_4 .sec3 .box .list3 li p b {top:-12px; left:0;}
}

@media screen and (max-width:900px) {
    .sub_4 .sec1 {padding-top:100px;}
    .sub_4 .sec1 h2 {font-size:50px;}
    .sub_4 .sec1 p {margin-top:25px; font-size:18px;}

    .sub_4 .img {height:250px; margin-top:65px;}

    
    .sub_4 .sec2 {margin-top:100px;}
    .sub_4 .sec2 h2 {width:100%; float:initial;}
    .sub_4 .sec2 p {float:initial; width:100%; margin-top:30px;}

    .sub_4 .sec2 .img2 {margin-top:60px;}
    
    .sub_4 .sec3 .box h3 {margin-bottom:40px;}
    .sub_4 .sec3 .box h3 b {font-size:25px;}
    .sub_4 .sec3 .box p {font-size:16px;}
    .sub_4 .sec3 .box .box_sec1 .img3 {width:100%;}
    .sub_4 .sec3 .box .box_sec1 .txt {width:100%; padding:0; margin-top:30px;}
    .sub_4 .sec3 .box .box_sec1 .txt p b{font-size:18px;}

    .sub_4 .sec3 .box .list2 {margin-top:60px; padding:0 45px;}
    .sub_4 .sec3 .box .list2 li {width:33.333%; margin-bottom:30px;}
    .sub_4 .sec3 .box .list2 li:nth-child(3n+1) {clear:both;}
}


@media screen and (max-width:767px) {
    .sub_4 .sec1 {padding-top:55px;}
    .sub_4 .sec1 h2 {font-size:35px;}
    .sub_4 .sec1 p br {display: none;}
    .sub_4 .sec1 p {font-size:16px; }

    .sub_4 .bt_box {margin:40px 0 0px 0;}
    .sub_4 .bt_box button {width:calc((100% - 6px) / 2); margin-right:6px; font-size:14px; padding:0 10px;}
    .sub_4 .bt_box button:last-child {margin-right:0; }
    .sub_4 .img {height:180px; margin-top:20px;}

    .sub_4 .sec2 {margin-top:60px;}
    .sub_4 .sec2 p {font-size:14px; margin-top:20px;}
    .sub_4 .sec2 p b {font-size:18px;}
    .sub_4 .sec2 .img2 {margin-top:40px;}

    .sub_4 .sec3 {padding-bottom:80px;}
    .sub_4 .sec3 .box {margin-top:20px;}
    .sub_4 .sec3 .box h3 { padding:25px 10px; margin-bottom:25px;}
    .sub_4 .sec3 .box h3 b {font-size:18px;}
    .sub_4 .sec3 .box p {padding:0 30px; font-size:14px;}
    .sub_4 .sec3 .box .box_sec1 {margin:25px 0 40px; padding:0 30px;}
    .sub_4 .sec3 .box .box_sec1 .txt p b {font-size:16px;}

    .sub_4 .sec3 .box .list1 {padding:0 30px 20px 30px;}
    .sub_4 .sec3 .box .list1 li {width:calc((100% - 15px) / 2);}
    .sub_4 .sec3 .box .list1 li:nth-child(3n) {margin-right:15px}
    .sub_4 .sec3 .box .list1 li:nth-child(2n) {margin-right:0;}
    .sub_4 .sec3 .box .list1 li p b {font-size:16px; margin-bottom:4px;}


    .sub_4 .sec3 .box .list2 {padding:0 20px ; margin-top:40px;}
    .sub_4 .sec3 .box .list2 li {width:50%; margin-bottom:20px;}
    .sub_4 .sec3 .box .list2 li img {width:100%;}
    .sub_4 .sec3 .box .list2 li b {font-size:16px;}
    .sub_4 .sec3 .box .list2 li:nth-child(3n+1) {clear:initial;}
    .sub_4 .sec3 .box .list2 li:nth-child(2n+1) {clear:both;}
    .sub_4 .sec3 .box .p2 {margin:20px 30px 0 30px; padding:25px 0 40px 0;}
    .sub_4 .sec3 .box .list3 {padding:0 30px 25px 30px;}
    .sub_4 .sec3 .box .list3 li {font-size:16px; padding:30px 0 30px 40px;}
    .sub_4 .sec3 .box .list3 li:first-child img {width:100%;}
    .sub_4 .sec3 .box .list3 li b {top:29px;}
    .sub_4 .sec3 .box .list3 li p {font-size:14px;}
    .sub_4 .sec3 .box .list3 li p img {width:15px;}

    .sub_4 .sec3 .p3 {font-size:14px; margin-top:20px; padding-right:10px;}

}

@media screen and (max-width:380px) {
  .sub_4 .bt_box button {font-size:12px;}
}
























.sub_5 {margin-top:70px; overflow: hidden;}
.sub_5 .sec1 {padding:140px 0 0 0 ; }
.sub_5 .sec1 h2 {font-size:64px; color:#2b2e33; line-height :1.35em;}
.sub_5 .sec1 p {margin-top:30px; font-size:20px; color:#676779; line-height:1.6em; font-weight:400;}

.sub_5 .img {width:100%; height:640px; margin-top:40px; background:url('../img/sub4_img1.jpg')no-repeat center; background-size:cover;}

.sub_5 .bt_box {margin:100px 0 40px 0;}
.sub_5 .bt_box:after {content:''; clear:both; display: table;}
.sub_5 .bt_box button {float:left; margin-right:8px; height:42px; padding:0 16px; border:none; background:none; font-size:18px; color:#676779; font-weight:600; border-radius:50px;}
.sub_5 .bt_box button:last-child {margin-right:0;}
.sub_5 .bt_box button.on {color:#2B2E33; background:#F7F8FA; font-weight:700;}

.sub_5 .sec2 {margin-top:150px;}
.sub_5 .sec2 h2 {font-size:48px; color:#2b2e33; font-weight:700; float:left; line-height:1.3em;}
.sub_5 .sec2 h2 span {font-size:24px; font-weight:500; display: inline-block; letter-spacing:-1px;}
.sub_5 .sec2 p {float:right; width:610px; font-size:20px; line-height:1.65em; color:#676779;}
.sub_5 .sec2 p b {display: inline-block; width:100%; font-size:32px; margin-bottom:30px; font-weight:700; color:#2b2e33; line-height:1.5em;}
.sub_5 .sec2 .img2 {width:100%; padding-top:43%; margin-top:90px; border-radius:20px; background:url('../img/sub5_img1.jpg')no-repeat center top; background-size:cover;}

.sub_5 .sec2 .list_img {margin-top:110px; padding:0 36px;}
.sub_5 .sec2 .list_img:after {content:''; clear:both; display: table;}
.sub_5 .sec2 .list_img img {float:left; }
.sub_5 .sec2 .list_img img:last-child {float:right;}


.sub_5 .sec3 {padding:0 0 150px 0;}
.sub_5 .sec3 .box {margin-top:40px; background:#F7F8FA; border-radius:20px; overflow: hidden;  }
.sub_5 .sec3 .box h3 {background:#E73C84; padding:35px 10px; font-size:20px; color:#fff; font-weight:500;  text-align: center;}
.sub_5 .sec3 .box h3 b {font-size:32px; display: inline-block; width:100%; font-weight:600; line-height:1.35em; }
.sub_5 .sec3 .box h3 b br {display: none;}

.sub_5 .sec3 .box .box_wid {padding:40px 75px 45px 75px;}
.sub_5 .sec3 .box h4 {font-size:24px; color:#e73c84; font-weight:700;}

.sub_5 .sec3 .box .list1 {text-align: center; margin-top:25px;}
.sub_5 .sec3 .box .list1:after {content:''; clear:both; display: table;}
.sub_5 .sec3 .box .list1 li {float:left; font-size:16px; color:#2b2e33; letter-spacing: -0.5px; margin-right:12px;}
.sub_5 .sec3 .box .list1 li img {margin-bottom:14px;}
.sub_5 .sec3 .box .list1 li:last-child {margin-right:0; height:128px; border-radius:20px; background:#FDEFF5; color:#E73C84; font-size:24px; letter-spacing: -1px; font-weight:700; line-height:1.3em; padding:35px 0; margin-left:15px; width:264px;}
.sub_5 .sec3 .box .list1 li:nth-child(6) {margin:44px 18px 0 18px;}

.sub_5 .sec3 .p3 {text-align: right; padding-right:30px; font-size:16px; letter-spacing: -1px; color:#2b2e33; margin-top:28px;}

.sub_5 .sec3 .box .box_wid2 {padding:78px 0px 50px 0px; max-width:760px; margin:0 auto; width:100%;}
.sub_5 .sec3 .box .box_wid2:after {content:''; clear:both; display: table;}
.sub_5 .sec3 .box .box_wid2 .nove {float:left; width:420px; text-align:center; position: relative; border-radius:20px; background:#fff; border:1px solid #C9CACA; padding-bottom:40px;}
.sub_5 .sec3 .box .box_wid2 .nove .ex_img {position: absolute; left:34px; top:-28px;}
.sub_5 .sec3 .box .box_wid2 .nove p {background:#FBE6EF; border-bottom:1px solid #C9CACA; padding:40px 0 32px 0; border-radius:20px 20px 0 0; }
.sub_5 .sec3 .box .box_wid2 .nove span {display: inline-block; width:100%; margin-top:30px; font-size:28px; color:#3e3a39; line-height:1.45em; letter-spacing: -1px; font-weight:300;}
.sub_5 .sec3 .box .box_wid2 .nove ul {margin-top:130px;}
.sub_5 .sec3 .box .box_wid2 .nove ul:after {content:''; clear:both; display: table;}
.sub_5 .sec3 .box .box_wid2 .nove ul li {float:left; width:50%; font-size:28px; color:#3e3a39; position: relative;}
.sub_5 .sec3 .box .box_wid2 .nove ul li:first-child:after {content:''; position: absolute; right:0; top:4px; height:70px; width:1px; background:#3e3a39;}
.sub_5 .sec3 .box .box_wid2 .nove ul li span {font-weight:300; font-style: italic; display: inline-block; width:100%; margin-top:8px;}
.sub_5 .sec3 .box .box_wid2 .nove ul li b {font-weight:700; display:inline-block; width:100%; margin-top:8px;}

.sub_5 .sec3 .box .box_wid2 .txt1 {float:right; width:240px;   } 
.sub_5 .sec3 .box .box_wid2 .txt1 p {background:#fff; border-radius:20px; font-size:28px; color:#e73c84; font-weight:800; margin-top:10px; text-align: center; padding:30px 0; position: relative;}
.sub_5 .sec3 .box .box_wid2 .txt1 p.p2 { margin-top:90px; padding:50px 0;}
.sub_5 .sec3 .box .box_wid2 .txt1 p:after {content:url('../img/sub5_img11.svg'); position: absolute; left:-101px; top:50%; transform: translate(0,-50%);}
.sub_5 .sec3 .box .box_wid2 .box_img2 {display: block; margin:0 auto;}
.sub_5 .sec3 .box h4.h4_2 {text-align: center; font-size:32px; color:#2B2E33; font-weight:800; margin-top:54px;}
.sub_5 .sec3 .box table {width:90%; border-collapse: collapse; max-width:980px; margin:32px auto 60px auto;}
.sub_5 .sec3 .box table th {border-top:1px solid #E73C84; border-bottom:1px solid #E73C84; background:#fff; font-size:20px; padding:16px 0; text-align: center; color:#E73C84; width:20%;}
.sub_5 .sec3 .box table td {font-size:20px; vertical-align: middle; color:#2B2E33; text-align: center; padding:20px 0; border-bottom:1px solid rgb(231 60 132 / 30%); background:#fff; letter-spacing: -.8px;}

.sub_5 .sec3 .box table th:first-child {background:#FDEFF5;}
.sub_5 .sec3 .box table th:last-child {background:#EBEDF4;}
.sub_5 .sec3 .box table td:first-child {background:#FDEFF5; font-weight:700;}
.sub_5 .sec3 .box table td:last-child {background:#EBEDF4;}

@media screen and (max-width:1260px) {
    .sub_5 .sec2 h2 {font-size:35px;}
    .sub_5 .sec2 p {font-size:18px;}
    .sub_5 .sec2 p b {font-size:22px; margin-bottom:15px;}

    .sub_5 .sec3 h2 {font-size:35px;}
    .sub_5 .sec3 p {font-size:18px;}
    .sub_5 .sec3 p b {font-size:22px; margin-bottom:15px;}

    .sub_5 .sec2 .list_img img {width:48.5%;}
    .sub_5 .sec2 .list_img {padding:0; margin-top:60px;}

    .sub_5 .sec3 .box .box_wid {padding:40px 30px 45px 30px;}
    .sub_5 .sec3 .box .list1 li {width:11%;}
    .sub_5 .sec3 .box .list1 li img {width:100%;}
    .sub_5 .sec3 .box .list1 li:nth-child(6) img {width:35%;}
    .sub_5 .sec3 .box .list1 li:nth-child(6) {width:8%; margin:32px 0 0 0;}
    .sub_5 .sec3 .box .list1 li:nth-child(7) {width:calc(100% - 63% - 75px); height:auto; font-size:20px; padding:21px 0; }
}

@media screen and (max-width:900px) {
    .sub_5 .sec1 {padding-top:100px;}
    .sub_5 .sec1 h2 {font-size:50px;}
    .sub_5 .sec1 p {margin-top:25px; font-size:18px;}

    .sub_5 .img {height:250px; margin-top:65px;}

    
    .sub_5 .sec2 {margin-top:100px;}
    .sub_5 .sec2 h2 {width:100%; float:initial;}
    .sub_5 .sec2 p {float:initial; width:100%; margin-top:30px;}

    .sub_5 .sec2 .img2 {margin-top:60px;}
    
    .sub_5 .sec3 .box h3 {margin-bottom:40px;}
    .sub_5 .sec3 .box h3 b {font-size:25px;}
    .sub_5 .sec3 .box h4 {font-size:20px;}

    .sub_5 .sec3 .box .box_wid {padding-top:0;}

    .sub_5 .sec3 .box .box_wid2 {max-width:630px; padding-top:15px;}
    .sub_5 .sec3 .box .box_wid2 .nove {width:51%;}
    .sub_5 .sec3 .box .box_wid2 .nove .ex_img {width:50px; left:14px; top:-20px;}
    .sub_5 .sec3 .box .box_wid2 .nove .txt_img {width:200px;}
    .sub_5 .sec3 .box .box_wid2 .nove span {font-size:20px;}
    .sub_5 .sec3 .box .box_wid2 .nove ul {margin-top:90px;}
    .sub_5 .sec3 .box .box_wid2 .nove ul li {font-size:20px;}
    .sub_5 .sec3 .box .box_wid2 .nove ul li:first-child:after {height:50px;}
    .sub_5 .sec3 .box .box_wid2 .txt1 {width:33.2%;}
    .sub_5 .sec3 .box .box_wid2 .txt1 p {font-size:20px;}

    .sub_5 .sec3 .box .box_wid2 .box_img2 {width:90%;}

    .sub_5 .sec3 .box h4.h4_2 {font-size:24px; margin-top:35px;}

    .sub_5 .sec3 .box table th {font-size:16px;}
    .sub_5 .sec3 .box table td {font-size:16px;}
}


@media screen and (max-width:767px) {
    .sub_5 .sec1 {padding-top:55px;}
    .sub_5 .sec1 h2 {font-size:35px;}
    .sub_5 .sec1 p br {display: none;}
    .sub_5 .sec1 p {font-size:16px; }

    .sub_5 .bt_box {margin:40px 0 0px 0;}
    .sub_5 .bt_box button {width:calc((100% - 6px) / 2); margin-right:6px; font-size:14px; padding:0 10px;}
    .sub_5 .bt_box button:last-child {margin-right:0; }
    .sub_5 .img {height:180px; margin-top:20px;}

    .sub_5 .sec2 {margin-top:60px;}
    .sub_5 .sec2 p {font-size:14px; margin-top:20px;}
    .sub_5 .sec2 p b {font-size:18px;}
    .sub_5 .sec2 .img2 {margin-top:40px;}

    .sub_5 .sec2 .list_img {margin-top:10px;}
    .sub_5 .sec2 .list_img img {width:100%; margin-top:30px;}

    .sub_5 .sec3 {padding-bottom:80px;}
    .sub_5 .sec3 .box {margin-top:20px;}
    .sub_5 .sec3 .box h3 { padding:20px 10px; margin-bottom:25px;}
    .sub_5 .sec3 .box h3 b {font-size:18px; line-height:1.3em;}
    .sub_5 .sec3 .box h3 b br {display: block;}

    .sub_5 .sec3 .p3 {font-size:14px; margin-top:20px; padding-right:10px;}

    .sub_5 .sec3 .box .box_wid2 .nove .ex_img {width:40px; top:-16px;}
    .sub_5 .sec3 .box .box_wid2 .txt1 {width:100%;}
    .sub_5 .sec3 .box .box_wid2 .txt1 p {font-size:18px; padding:20px 0; margin-top:50px;}
    .sub_5 .sec3 .box .box_wid2 .txt1 p.p2 {margin-toP:12px; padding:30px 0;}
    .sub_5 .sec3 .box .box_wid2 .txt1 p:after {top:-38px; left:50%; transform: translate(-50%,0) scale(.6) rotate(90deg);}
    .sub_5 .sec3 .box .box_wid2 .txt1 p.p2:after {content:none;}

    .sub_5 .sec3 .box .box_wid2 {padding:20px 30px 35px 30px; width:100%;}
    .sub_5 .sec3 .box .box_wid2 .nove {width:100%;}
    .sub_5 .sec3 .box .box_wid2 .nove .txt_img {width:180px;}
    .sub_5 .sec3 .box .box_wid2 .nove p {padding:30px 0 25px 0;}
    .sub_5 .sec3 .box .box_wid2 .nove span {font-size:16px; margin-top:23px;}

    .sub_5 .sec3 .box .box_wid2 .nove ul {margin-top:60px;}
    .sub_5 .sec3 .box .box_wid2 .nove ul li {font-size:16px;}
    .sub_5 .sec3 .box .box_wid2 .box_img2 {margin-top:-20px; width:100%;}

    .sub_5 .sec3 .box h4.h4_2 {font-size:18px;}
    .sub_5 .sec3 .box table th {font-size:13px;}
    .sub_5 .sec3 .box table td {font-size:13px; padding:18px 5px;}
    .sub_5 .sec3 .box table td br {display: none;}


    .sub_5 .sec3 .box h4 {font-size:18px;}
    .sub_5 .sec3 .box .list1 {margin-top:20px;}
    .sub_5 .sec3 .box .list1 li img {margin-bottom:10px;}
    .sub_5 .sec3 .box .list1 li {width:calc((100% - 24px) / 3);}
    .sub_5 .sec3 .box .list1 li:nth-child(3n) {margin-right:0;}
    .sub_5 .sec3 .box .list1 li:nth-child(7) {width:100%; margin-left:0; margin-top:15px;}
    .sub_5 .sec3 .box .list1 li:nth-child(4) {width:calc((100% - 24px) / 3); margin-left:calc((100% - 24px) / 5.5); margin-top:15px;}
    .sub_5 .sec3 .box .list1 li:nth-child(5) {width:calc((100% - 24px) / 3); margin-top:15px;}
    .sub_5 .sec3 .box .list1 li:nth-child(6) {width:100%; margin-top:25px;}
    .sub_5 .sec3 .box .list1 li:nth-child(6) img {width:30px;}
    .sub_5 .sec3 .box .list1 li:nth-child(7) {font-size:18px;}

}

@media screen and (max-width:380px) {
  .sub_5 .bt_box button {font-size:12px;}
}



















.sub_6 {margin-top:70px; overflow: hidden;}
.sub_6 .sec1 {padding:140px 0 0 0 ; }
.sub_6 .sec1 h2 {font-size:64px; color:#2b2e33; line-height :1.35em;}
.sub_6 .sec1 p {margin-top:30px; font-size:20px; color:#676779; line-height:1.6em; font-weight:400;}

.sub_6 .img {width:100%; height:640px; margin-top:40px; background:url('../img/sub6_img1.jpg')no-repeat center; background-size:cover;}

.sub_6 .sec2 {margin-top:150px;}
.sub_6 .sec2_ntop {margin-top:0;}
.sub_6 .sec2 h2 {font-size:48px; color:#2b2e33; font-weight:700; float:left; line-height:1.3em;}
.sub_6 .sec2 h2 span {font-size:24px; font-weight:500; display: inline-block; letter-spacing:-1px;}
.sub_6 .sec2 p {float:right; width:610px; font-size:20px; line-height:1.65em; color:#676779;}
.sub_6 .sec2 p b {display: inline-block; width:100%; font-size:32px; margin-bottom:30px; font-weight:700; color:#2b2e33; line-height:1.5em;}
.sub_6 .sec2 .img2 {width:100%; padding-top:32%; margin-top:80px; border-radius:20px; background:url('../img/sub6_img2.jpg')no-repeat center; background-size:cover;}


.sub_6 .sec3 {padding:0 0 150px 0;}
.sub_6 .sec3 .box {margin-top:80px; background:#F7F8FA; border-radius:20px; overflow: hidden;  }
.sub_6 .sec3 .box.box2 {margin-top:40px;}
.sub_6 .sec3 .box h3 {background:#7B7BB0; padding:35px 10px; font-size:20px; color:#fff; font-weight:500; margin-bottom:60px; text-align: center;}
.sub_6 .sec3 .box h3 b {font-size:32px; display: inline-block; width:100%; font-weight:600; line-height:1.35em; }
.sub_6 .sec3 .box p {font-size:20px; line-height:1.65em; color:#676779; padding:0 64px; letter-spacing: -0.5px;}
.sub_6 .sec3 .box .box_sec1:after {content:''; clear:both; display: table;}
.sub_6 .sec3 .box .box_sec1 {padding:0 64px; margin:40px 0 64px 0;}
.sub_6 .sec3 .box .box_sec1 .img3 {float:left; width:510px; background:#fff; border-radius:20px; padding-top:30%;background:url('../img/sub6_img4.jpg')no-repeat center; background-size: cover;}
.sub_6 .sec3 .box .box_sec1 .txt {float:right; width:calc(100% - 510px); padding:24px 0 0 50px;}
.sub_6 .sec3 .box .box_sec1 .txt span {font-size:20px; color:#2b2e33; margin:8px 0; padding-left:15px; position: relative; width:100%; display: inline-block;}
.sub_6 .sec3 .box .box_sec1 .txt span:after {content:''; position: absolute; left:0; top:9px; width:4px; height:4px; border-radius:50%; background:#2b2e33}

.sub_6 .sec3 .box .sub6_img3 {width:100%; padding:0 40px 50px 40px;}

.sub_6 .sec3 .box .p2 {border-top:1px solid #CCCDD3; padding:40px 0 64px 0; margin:50px 64px 0 64px; }

.sub_6 .sec3 .box .list1 {padding:40px 64px 50px 64px; text-align: center;}
.sub_6 .sec3 .box .list1:after {content:''; clear:both;display: table;}
.sub_6 .sec3 .box .list1 li {float:left; width:calc((100% - 90px) / 6); margin-right:18px;}
.sub_6 .sec3 .box .list1 li:last-child {margin-right:0;}
.sub_6 .sec3 .box .list1 li img {}
.sub_6 .sec3 .box .list1 li p {font-size:14px; margin-top:12px; color:#2b2e33; line-height:1.45em; font-weight:500; padding:0 5px;}
.sub_6 .sec3 .box .list1 li p b {display: inline-block; width:100%; font-size:20px; font-weight:700; margin-bottom:7px; line-height:1.4em;}


.sub_6 .sec3 .box .list3:after {content:''; clear:both; display: table;}
.sub_6 .sec3 .box .list3 {padding:0 65px 25px 65px; text-align: left;}
.sub_6 .sec3 .box .list3 li {position: relative; font-size:20px; color:#2b2e33; line-height:1.6em; padding:20px 0 20px 50px; border-bottom:1px solid #dddddd; letter-spacing: -.5px;}
.sub_6 .sec3 .box .list3 li img {position: absolute; right:0;bottom:0;}
.sub_6 .sec3 .box .list3 li b {position: absolute;left:0; top:20px; font-weight:700; letter-spacing: -1px;}
.sub_6 .sec3 .box .list3 li:after {content:''; clear:both; display: table;}
.sub_6 .sec3 .box .list3 li p {float:left; width:50%; padding:0 25px 0 20px; margin:20px 0 0 0; position: relative; font-size:16px; color:#2b2e33; letter-spacing: -.8px;} 
.sub_6 .sec3 .box .list3 li p:first-child {padding-right:0;}
.sub_6 .sec3 .box .list3 li p b {top:21px; left:16px;}
.sub_6 .sec3 .box .list3 li:first-child {font-weight:800; padding-left:0; letter-spacing: -.5px; padding-top:0; border-bottom:0;}
.sub_6 .sec3 .box .list3 li:first-child strong {color:#7B7BB0;}
.sub_6 .sec3 .box .list3 li:last-child {border-bottom:0;}



.sub_6 .sec3 .box .list5 {max-width:1080px; margin:70px auto 30px auto; width:100%; }
.sub_6 .sec3 .box .list5:after {content:''; clear:both; display: table;}
.sub_6 .sec3 .box .list5 li {float:left; width:calc((100% - 80px) / 3); margin-right:40px; background:#fff; padding:30px;  border-top:2px solid #7B7BB0; height:225px; margin-bottom:40px;}
.sub_6 .sec3 .box .list5 li span {font-size:20px; line-height:1.45em; font-weight:400; display: inline-block; width:100%; color:#676779; letter-spacing: -.7px;}
.sub_6 .sec3 .box .list5 li img {margin-bottom:20px; }
.sub_6 .sec3 .box .list5 li:nth-child(3n) {margin-right:0;}



.sub_6 .sec3 .box .sub6_img9 {display:block; margin:10px auto 70px auto; }
.sub_6 .sec3 .box .img_mo {display: none;;}


.sub_6 .sec3 .p3 {text-align: right; padding-right:30px; font-size:16px; letter-spacing: -1px; color:#2b2e33; margin-top:28px;}

.sub_6 .bt_box {margin:100px 0 40px 0;}
.sub_6 .bt_box:after {content:''; clear:both; display: table;}
.sub_6 .bt_box button {float:left; margin-right:8px; height:42px; padding:0 16px; border:none; background:none; font-size:18px; color:#676779; font-weight:600; border-radius:50px;}
.sub_6 .bt_box button br {display: none;}
.sub_6 .bt_box button:last-child {margin-right:0;}
.sub_6 .bt_box button.on {color:#2B2E33; background:#F7F8FA; font-weight:700;}



.sub_6 .sec3 .box .p4 {text-align: center; color:#222222; font-weight:700;}
.sub_6 .sec3 .box .p4 strong {color:#7B7BB0;}
.sub_6 .sec3 .box .list7:after {content:''; clear:both; display: table;}
.sub_6 .sec3 .box .list7 {padding:0 65px 65px 65px; text-align: left; margin-top:30px;}
.sub_6 .sec3 .box .list7 li {float:left; width:calc((100% - 90px) / 4); margin-right:30px; font-size:18px; color:#373737; line-height:1.55em; letter-spacing: -1px; font-weight:500; position: relative; z-index: 1; height:390px;}
.sub_6 .sec3 .box .list7 li:last-child {margin-right:0; }
.sub_6 .sec3 .box .list7 li b {font-size:80px; color:#ECECF1; display: inline-block; width:100%; position: relative; top:25px; z-index: -1;}
.sub_6 .sec3 .box .list7 li .img {width:100%; height:170px;border-radius:10px; background:#eee; position: absolute; left:0; bottom:0;}
.sub_6 .sec3 .box .list7 li:nth-child(1) .img {background:url('../img/sub6_img20.jpg')no-repeat center; background-size:cover;}
.sub_6 .sec3 .box .list7 li:nth-child(2) .img {background:url('../img/sub6_img21.jpg')no-repeat center; background-size:cover;}
.sub_6 .sec3 .box .list7 li:nth-child(3) .img {background:url('../img/sub6_img22.jpg')no-repeat center; background-size:cover;}
.sub_6 .sec3 .box .list7 li:nth-child(4) .img {background:url('../img/sub6_img23.jpg')no-repeat center; background-size:cover;}


.sub_7 .sec3 .box h3 {background:#4EBBAA}
.sub_7 .sec3 .box {background:#F5FAF6;}
.sub_7 .sec3 .box .list1 li img {border-radius:50%; border:2px solid #4EBBAA}


.sub_7 .sec3 .box .box_sec2:after {content:''; clear:both; display: table;}
.sub_7 .sec3 .box .box_sec2 {padding:0 64px; margin:40px 0 64px 0;}
.sub_7 .sec3 .box .box_sec2 .img3 {float:left; width:510px; background:#fff; padding:25px 0px 35px 0; text-align: center; border-radius:20px;}
.sub_7 .sec3 .box .box_sec2 .img3 p {color:#2b2e33; font-weight:400; padding:0;}
.sub_7 .sec3 .box .box_sec2 .img3 span {display: inline-block; width:100%; margin-top:35px; font-size:16px; color:#2b2e33; letter-spacing: -.5px; line-height:1.45em;}
.sub_7 .sec3 .box .box_sec2 .img3 img {width:80%; margin-top:33px;}
.sub_7 .sec3 .box .box_sec2 .txt {float:right; width:calc(100% - 510px); padding:15px 0 0 50px;}
.sub_7 .sec3 .box .box_sec2 .txt p {padding:0; color:#677972}
.sub_7 .sec3 .box .box_sec2 .txt p b {color:#2b2e33; display: inline-block; width:100%; margin-bottom:7px; font-weight:800;}
.sub_7 .sec3 .box .box_sec2 .txt img {width:70%; display: block; margin:45px auto 0 auto;}

.sub_7 .sec3 .box p span {font-size:24px; margin-right:50px; color:#2b2e33; font-weight:600;}
.sub_7 .sec3 .box p span b {color :#4EBBAA; position: relative; padding-left:13px;}
.sub_7 .sec3 .box p span b:after {content:''; position: absolute; left:0; top:11px; width:5px; height:5px; border-radius:50%; background:#4EBBAA}
.sub_7 .sec3 .box p {color:#677972}

.sub_7 .sec3 .box .p2 {font-size:16px; border-top:1px solid #dce4df; color:#777777;}
.sub_7 .sec3 .box .p2 b {display: inline-block; width:100%; color:#4EBBAA}

.sub_7 .sec3 .box .sub8_img {width:90%; display: block; margin:0 auto;}
.sub_7 .sec3 .box .img_mo {display: none;}


.sub_8 .sec3 .box h3 {background:#F092AE}
.sub_8 .sec3 .box {background:#faf7f7;}
.sub_8 .sec2 p b strong {color:#F092AE}
.sub_8 .sec3 .box p span b {color:#F092AE}
.sub_8 .sec3 .box p span b:after {background:#F092AE}
.sub_8 .sec3 .box .list4 {padding:15px 0 20px 0; background:#fff; max-width:1100px; border-radius:15px; margin:25px auto 60px auto;}
.sub_8 .sec3 .box .list4:after {content:''; clear:both; display: table;}
.sub_8 .sec3 .box .list4 li {float:left; width:calc(100% / 4); position: relative; font-size:16px; line-height:1.5em; letter-spacing: 0px; color:#2b2e33; padding:15px 10px; border-radius:20px; text-align: center;}
.sub_8 .sec3 .box .list4 li b {display: inline-block; width:100%; font-size:20px; font-weight:600; color:#F092AE; margin-top:25px;}
.sub_8 .sec3 .box .list4 li span {display: inline-block; width:100%; padding:7px 0px 12px 0px; color:#767676;}
.sub_8 .sec3 .box .list4 li img {}
.sub_8 .sec3 .box .p2 b {color:#F092AE}
/*.sub_8 .sec3 .box .list4 li:nth-child(2n) {margin-right:0;}
.sub_8 .sec3 .box .list4 li img {position: absolute; left:0; top:0; width:200px;} */


.sub_8 .sec3 .box .list6 {padding:0px 60px 0px 60px;}
.sub_8 .sec3 .box .list6:after {content:''; clear:both; display: table;}
.sub_8 .sec3 .box .list6 li {float:left; width:calc((100% - 45px) / 4); margin-right:15px; background:#fff; border-left:2px solid #F092AE; padding:25px 20px;  line-height:1.45em; color:#767676; font-size:18px;  letter-spacing: -.8px;}
.sub_8 .sec3 .box .list6 li:last-child {margin-right:0;}
.sub_8 .sec3 .box .p3 {text-align: center; font-size:20px; color:#F092AE; font-weight:700;  margin-bottom:50px; margin-top:25px;}
.sub_8 .sec3 .box .p3 br {display: none;}

.sub_8 .sec2 .p_sp span {display: inline-block; padding-left:14px; width:100%; position: relative; margin-top:3px; margin-bottom:4px;}
.sub_8 .sec2 .p_sp span:after {content:''; position: absolute; left:0; top:13px; width:5px; height:5px; background:#F092AE; border-radius:50%; }


@media screen and (max-width:1200px) {
    .sub_6 .sec2 h2 {font-size:35px;}
    .sub_6 .sec2 p {font-size:18px;}
    .sub_6 .sec2 p b {font-size:22px; margin-bottom:15px;}

    .sub_6 .sec3 h2 {font-size:35px;}
    .sub_6 .sec3 p {font-size:18px;}
    .sub_6 .sec3 p b {font-size:22px; margin-bottom:15px;}

    .sub_6 .sec3 .box .box_sec1 .img3 {width:450px;}
    .sub_6 .sec3 .box .box_sec1 .img3 p {padding:0;}
    .sub_6 .sec3 .box .box_sec1 .txt {width:calc(100% - 450px); padding:35px 0 0 35px;}

    .sub_6 .sec3 .box .list1 {padding-bottom:40px;}
    .sub_6 .sec3 .box .list1 li {width:calc((100% - 30px) / 3); margin-right:15px;  margin-bottom:30px;}
    .sub_6 .sec3 .box .list1 li:nth-child(3n) {margin-right:0;}

    .sub_6 .sec3 .box .list3 li img {position: relative; display: block; margin-top:15px; right:initial; bottom:initial;}
    .sub_6 .sec3 .box .list3 li:nth-child(2) img {right:0; bottom:0; margin-left:3px; margin-top:20px; }
    .sub_6 .sec3 .box .list3 li p {width:100%;}
    .sub_6 .sec3 .box .list3 li p b {top:-12px; left:0;}

    .sub_8 .sec3 .box .list4 {padding:10px 30px 50px 30px;}
    .sub_8 .sec3 .box .list4 li span {padding:15px 5px 12px 5px}
    .sub_8 .sec3 .box .list4 li span br {display: none;}

    .sub_6 .sec3 .box .list5 {padding:0 30px;}
    .sub_6 .sec3 .box .list5 li span {font-size:18px;}
    .sub_6 .sec3 .box .list5 li span br {display: none;}

    .sub_8 .sec3 .box .list6 li {width:Calc((100% - 30PX) / 2); margin-right:30px; margin-bottom:20px;}
    .sub_8 .sec3 .box .list6 li:nth-child(2n) {margin-right:0;} 
    .sub_8 .sec3 .box .p3 {margin-top:5px;}

    .sub_6 .sec3 .box .sub6_img9 {width:90%;}

    .sub_8 .sec3 .box .list4 {width:90%; padding:15px 10px 15px 10px}

    .sub_6 .sec3 .box .list7 li {width:calc((100% - 30px) / 2); margin-bottom:30px;}
    .sub_6 .sec3 .box .list7 li:nth-child(2n) {margin-right:0;}
}

@media screen and (max-width:900px) {
    .sub_6 .sec1 {padding-top:100px;}
    .sub_6 .sec1 h2 {font-size:50px;}
    .sub_6 .sec1 p {margin-top:25px; font-size:18px;}

    .sub_6 .img {height:250px; margin-top:65px;}

    
    .sub_6 .sec2 {margin-top:100px;}
    .sub_6 .sec2 h2 {width:100%; float:initial;}
    .sub_6 .sec2 p {float:initial; width:100%; margin-top:30px;}

    .sub_6 .sec2 .img2 {margin-top:60px;}
    
    .sub_6 .sec3 .box h3 {margin-bottom:40px;}
    .sub_6 .sec3 .box h3 b {font-size:25px;}
    .sub_6 .sec3 .box p {font-size:16px;}
    .sub_6 .sec3 .box .box_sec1 .img3 {width:100%;}
    .sub_6 .sec3 .box .box_sec1 .txt {width:100%; padding:0; margin-top:30px;}
    .sub_6 .sec3 .box .box_sec1 .txt p b{font-size:18px;}

    .sub_6 .sec3 .box .list2 {margin-top:60px; padding:0 45px;}
    .sub_6 .sec3 .box .list2 li {width:33.333%; margin-bottom:30px;}
    .sub_6 .sec3 .box .list2 li:nth-child(3n+1) {clear:both;}

    .sub_6 .sec3 .box .box_sec2 .img3 {width:100%;}
    .sub_6 .sec3 .box .box_sec2 .txt {width:100%; padding:0; margin-top:30px;}
    .sub_6 .sec3 .box .box_sec2 .txt p b{font-size:18px;}

    .sub_6 .sec3 .box .list5 li {width:calc((100% - 40px) / 2);}
    .sub_6 .sec3 .box .list5 li:nth-child(3n) {margin-right:40px;}
    .sub_6 .sec3 .box .list5 li:nth-child(2n) {margin-right:0;}

    .sub_7 .sec3 .box p span {font-size:20px;}
    .sub_7 .sec3 .box p span b {font-size:20px;}
    .sub_7 .sec3 .box .box_sec2 .img3 p {font-size:18px;}
    .sub_7 .sec3 .box .box_sec2 .img3 p b {font-size:18px;}
    .sub_7 .sec3 .box .p2 b {font-size:18px; margin-bottom:5px;}

    .sub_8 .sec3 .box .list4 li {width:calc((100% - 30px) / 2);}
    .sub_8 .sec3 .box .list4 li:nth-child(2n) {margin-right:0;}

    .sub_8 .sec3 .box .list6 {padding:10px 30px;} 
    .sub_8 .sec3 .box .list6 li {font-size:16px;}
    .sub_8 .sec3 .box .p3 {margin-top:-5px; font-size:18px;}


  }


@media screen and (max-width:767px) {
    .sub_6 .sec1 {padding-top:55px;}
    .sub_6 .sec1 h2 {font-size:35px;}
    .sub_6 .sec1 p br {display: none;}
    .sub_6 .sec1 p {font-size:16px; }

    .sub_6 .bt_box {margin:40px 0 0px 0;}
    .sub_6 .bt_box button {width:calc(100% / 3); margin-right:0px; font-size:14px; padding:0 10px;}
    .sub_6 .bt_box button:last-child {margin-right:0; }
    .sub_6 .bt_box button br {display: block;}
    .sub_6 .img {height:180px; margin-top:20px;}

    .sub_6 .sec2 {margin-top:60px;}
    .sub_6 .sec2 p {font-size:14px; margin-top:20px;}
    .sub_6 .sec2 p b {font-size:18px;}
    .sub_6 .sec2 .img2 {margin-top:40px;}

    .sub_6 .sec3 {padding-bottom:80px;}
    .sub_6 .sec3 .box {margin-top:20px;}
    .sub_6 .sec3 .box h3 { padding:25px 10px; margin-bottom:25px;}
    .sub_6 .sec3 .box h3 b {font-size:18px;}
    .sub_6 .sec3 .box p {padding:0 30px; font-size:14px;}
    .sub_6 .sec3 .box .box_sec1 {margin:25px 0 40px; padding:0 30px;}
    .sub_6 .sec3 .box .box_sec1 .txt {margin-top:14px;}

    .sub_6 .sec3 .box .box_sec1 .img3 {padding-top:60%;}
    .sub_6 .sec3 .box .box_sec1 .txt span {font-sizE:16px;}


    .sub_6 .sec3 .box .list1 {padding:40px 30px 20px 30px;}
    .sub_6 .sec3 .box .list1 li {width:calc((100% - 15px) / 2);}
    .sub_6 .sec3 .box .list1 li img {width:120px;}
    .sub_6 .sec3 .box .list1 li:nth-child(3n) {margin-right:15px}
    .sub_6 .sec3 .box .list1 li:nth-child(2n) {margin-right:0;}
    .sub_6 .sec3 .box .list1 li p b {font-size:16px; margin-bottom:4px;}


    .sub_6 .sec3 .box .p2 {margin:20px 30px 0 30px; padding:25px 0 40px 0;}
    .sub_6 .sec3 .box .list3 {padding:0 30px 25px 30px;}
    .sub_6 .sec3 .box .list3 li {font-size:16px; padding:30px 0 30px 40px;}
    .sub_6 .sec3 .box .list3 li:first-child img {width:100%;}
    .sub_6 .sec3 .box .list3 li b {top:19px;}
    .sub_6 .sec3 .box .list3 li p {font-size:14px;}
    .sub_6 .sec3 .box .list3 li p img {width:15px;}

    .sub_6 .sec3 .p3 {font-size:14px; margin-top:20px; padding-right:10px;}

    .sub_6 .sec3 .box .img_mo {display: block; padding:0 20px 30px 20px;}
    .sub_6 .sec3 .box .img_pc {display: none;}

    .sub_6 .sec3 .box .list3 li {line-height:1.5em; padding:20px 0 20px 30px;}
    .sub_6 .sec3 .box .list3 li:nth-child(1) {border-bottom:0;}

    .sub_6 .sec3 .box .box_sec2 {margin:25px 0 40px; padding:0 30px;}
    .sub_6 .sec3 .box .box_sec2 .txt p b {font-size:16px;}

    .sub_6 .sec3 .box .sub6_img9 {margin-bottom:10px;}

    .sub_7 .sec3 .box p span {width:100%; display: inline-block; margin-bottom:10px; font-size:18px;}
    .sub_7 .sec3 .box p span b {font-size:18px;}
    .sub_7 .sec3 .box p span b:after {top:8px; width:4px; height:4px;}

    .sub_6 .sec3 .box .box_sec2 {margin-top:15px;}
    .sub_7 .sec3 .box .box_sec2 .img3 {padding:25px 20px 30px 20px;}
    .sub_7 .sec3 .box .box_sec2 .img3 p {font-sizE:16px;}
    .sub_7 .sec3 .box .box_sec2 .img3 p b {font-size:16px;}
    .sub_7 .sec3 .box .box_sec2 .img3 span {font-size:14px;}
    .sub_7 .sec3 .box .box_sec2 .img3 img {width:90%; margin-top:25px;}
    .sub_7 .sec3 .box .box_sec2 .txt img {width:80%; margin-top:35px;}

    .sub_7 .sec3 .box .p2 b {font-size:16px;}
    .sub_6 .sec3 .box .p2 {font-size:14px;}

    .sub_8 .sec3 .box .list4 {padding-top:0;}
    .sub_8 .sec3 .box .list4 li {width:100%; margin-right:0; font-size:14px; margin-top:15px;}


    .sub_7 .sec3 .box .img_pc {display: none;}
    .sub_7 .sec3 .box .img_mo {display: none;}

    .sub_6 .sec3 .box .list5 {margin:35px 0 10px 0;}
    .sub_6 .sec3 .box .list5 li {width:100%; margin-right:0; padding:25px; height:auto; margin-bottom:30px;}
    .sub_6 .sec3 .box .list5 li span {font-size:16px;}
    .sub_6 .sec3 .box .list5 li span br {display: block}

    .sub_7 .sec3 .box .img_mo {display:block; width:85%;}
    .sub_8 .sec3 .box .list6 li {width:100%; margin-right:0; margin-bottom:15px; padding:20px 20px;}

    .sub_8 .sec3 .box .p3 {line-height:1.4em; font-size:16px;}
    .sub_8 .sec3 .box .p3 br {display: block;}

    .sub_8 .sec3 .box .list4 {margin-top:10px; width:85%; padding:15px 25px 15px 25px}
    .sub_8 .sec3 .box .list4 li {border-bottom:1px solid #e4e4e4; border-radius:0; padding:15px 0;}
    .sub_8 .sec3 .box .list4 li img {height:60px;}
    .sub_8 .sec3 .box .list4 li:last-child {border-bottom:none;}

    .sub_8 .sec2 .p_sp span {padding-left:11px;}
    .sub_8 .sec2 .p_sp span:after {top:9px; width:4px; height:4px;}


    .sub_6 .sec3 .box .list7 {padding:10px 30px 20px 30px}
    .sub_6 .sec3 .box .list7 li br {display: none;}
    .sub_6 .sec3 .box .list7 li {font-size:16px; width:100%; margin-right:0; height:auto;}
    .sub_6 .sec3 .box .list7 li .img {position: relative; }
    .sub_6 .sec3 .box .list7 li b {top:18px;}
}

@media screen and (max-width:380px) {
  .sub_6 .bt_box button {font-size:12px;}
}