/* common */
.subpage { overflow: hidden; position:relative; }
.subpage > section {padding: 100px 0;}
/* .subpage > section:nth-of-type(even) {background-color: #f7f7f7;} */
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.sub_title::before {content: ''; display: block; width: 64px; height: 7px; background-color: #a360ee; margin:0 0 35px;}
.subpage > .wave_bg {background:url("../img/wave_w.png") left bottom repeat-x; position: relative; z-index: 2; padding-bottom: 250px;}
.subpage > .wave_bg + section {padding-top: 0; }
/* .subpage > .wave_bg:nth-of-type(even) {background-image:url("../img/wave_w.png"); } */
.video_wrap {width: 100%; position: relative; height:0; padding-bottom: 56.25%; overflow: hidden; }
.video_wrap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.hyphen > li {position: relative; padding-left: 10px; text-align: left; }
.hyphen > li:nth-child(n+2) {margin-top: 10px;}
.hyphen > li::before {content: '-'; display: block; position: absolute; left: 0; top:0; }
.dot_list > li {position: relative; padding-left: 10px; text-align: left; }
.dot_list > li::before {content: ''; display: block; width: 4px; height: 4px; background-color: #a360ee; position: absolute; left: 0; top:11px; }


/* font size */
.fs_60 {font-size: 60px; font-weight: 300; color:#000; line-height: 1.2; font-family: 'SCoreDream'; }
.fs_24 {font-size: 24px; font-weight: 600; color:#000; line-height: 1.5; font-family: 'SCoreDream'; }
.fs_20 {font-size: 20px; font-weight: 500; color:#000; line-height: 1.5; font-family: 'SCoreDream'; }
.fs_18 {font-size: 18px; font-weight: 300; color:#000; line-height: 36px; }
.fs_16 {font-size: 16px; font-weight: 300; color:#000; line-height: 30px; }

/*Content CSS*/
.subpage .sub_title p {font-family: 'SCoreDream'; margin-top: 30px; }

#sec1 {background-color: #f7f7f7;text-align: center;}
#sec1 .sub_title::before {margin-left: auto; margin-right: auto; }
#sec1 .list {display: flex; flex-wrap: wrap; margin-top: 60px; }
#sec1 .list li {width: 410px;margin-right: 35px; }
#sec1 .list li:nth-child(3n) {margin-right: 0;}
#sec1 .list li:nth-child(n+4) {margin-top: 65px;}
#sec1 .list .img {width: 100%; display: flex; align-items: center; justify-content: center; height: 350px; background: #fff; border-radius: 15px; }
#sec1 .list p {width: 100%; max-width: 300px; border-radius: 25px; background-color: #222c49; border-radius: 25px; padding: 10px 0; margin:25px auto 0;color:#fff;}

/* sec2 */
#sec2 .box_wrap {display: flex; flex-wrap: wrap; width: 100%;}
#sec2 .box {width:100%; padding: 60px 0;border-bottom: 1px solid #ddd; }
#sec2 .box_wrap .box:nth-child(-n+2) {padding-top: 0; width: 50%;}
#sec2 .box_wrap .box:last-child {padding-bottom: 0; border-bottom: 0;}
#sec2 .box .cont + .cont {margin-top: 60px;}

#sec2 .box h3 {display: flex; align-items: center; margin-bottom: 30px; }
#sec2 .box h3 i {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #a360ee;border-radius:50%;
font-size: 24px ;font-weight: 600; color:#fff; font-family: 'SCoreDream'; flex-shrink: 0; margin-right: 27px; font-style: normal;}
#sec2 .box .arrow_tit em {margin-right: 14px; display: block; flex-shrink: 0; position: relative; top:-2px;}
#sec2 .box p.bullet {display: flex; align-items: flex-start; }
#sec2 .box p.bullet em {margin-right:9px; display: block; flex-shrink: 0; position: relative; top:-2px;}

#sec2 .box .arrow_tit_wrap {margin-bottom: 30px;}
#sec2 .box .arrow_tit_wrap h3 {margin-bottom: 10px;}
#sec2 .box .arrow_tit_wrap p {padding-left: 40px; margin-top: 0 !important;}

/* #sec2 .box h3 + div {padding-left: 67px;} */
#sec2 .box .dot_list {margin-top: 30px; }
#sec2 .box .img_list {display: flex; justify-content: space-between;}
#sec2 .box .round {width: 100%; max-width: 580px; border: 2px solid #ddd; border-radius: 15px; display: flex; align-items: center ;justify-content: center;
padding: 45px 0;}
#sec2 .box .round.video_wrap {overflow: hidden; padding: 0;}
#sec2 .box .round.video_wrap {width: 100%; position: relative; height:0; padding-bottom: 56.25%; overflow: hidden; }
#sec2 .box .round.video_wrap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

#sec2 .box.chip_box .chip_wrap {width: 100%; display: flex; justify-content: space-between; margin-top: 55px; text-align: center;}
#sec2 .box.chip_box .chip_wrap > div {width: 410px; }
#sec2 .box.chip_box .title h3 {margin-bottom: 0; }
#sec2 .box.chip_box .title p {font-family: 'SCoreDream'; margin:0 0 0 30px; padding-top: 5px;}
#sec2 .box.chip_box .title span {color:#ff0e0e; font-weight: 400; display: block; padding-left: 67px;}
#sec2 .box.chip_box .title > div {display: flex;margin-bottom: 20px; }
#sec2 .box.chip_box .chip h4 {font-size: 26px; font-weight: 600; color:#fff; }
#sec2 .box.chip_box .chip p {line-height: 26px; margin-top: 10px; color:rgba(255, 255, 255, 0.8);}
#sec2 .box.chip_box .chip .round {padding: 0; border-radius: 15px 15px 0 0;border-bottom: 0; height: 280px;}
#sec2 .box.chip_box .chip .txt {width: 100%; border-radius: 0 0 15px 15px; padding: 40px 35px;}
#sec2 .box.chip_box .chip.color .txt {  background-image: linear-gradient(to right, #F2A75F, #EF6D76, #B166A6, #5D67B2, #42A9DC);}
#sec2 .box.chip_box .chip.black .txt {background: #000; }
#sec2 .box.chip_box .chip.white .txt {border:2px solid #ddd;}
#sec2 .box.chip_box .chip.white .top {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ccc;}
#sec2 .box.chip_box .chip.white h4 {color:#000;}
#sec2 .box.chip_box .chip.white p {color:rgba(0, 0, 0, 0.8);}
#sec2 .box.chip_box .chip.white li {color:#666; line-height: 24px;}

#sec2 .box_wrap .box:nth-child(2) h3 i,
#sec2 .box_wrap .box:nth-child(3) h3 i,
#sec2 .box_wrap .box:nth-child(5) h3 i {background-color: #222c49; }

#sec2 .box .flex_title {display: flex; align-items: center;  margin-bottom: 30px;}
#sec2 .box .flex_title h3 {margin-bottom: 0;}
#sec2 .box .flex_title p {font-family: 'SCoreDream'; margin:0 0 0 30px; padding-top: 0;}

#sec2 .box.box6 .img_list > li {width: 640px;}
#sec2 .box.box6 .img_list .round {padding: 30px 0; max-width: 100%;}
#sec2 .box.box6 .dot_list {margin-top: 20px;}

#sec2 .box.box7 .round {width: 100%; max-width: 100%;}
#sec2 .box.box7 p {font-family: 'SCoreDream'; margin-top: 25px;}

#sec2 .box.box8 .round {width: 100%; max-width: 100%;}
#sec2 .box.box8 .bullet + .round {margin-top: 30px;}
#sec2 .box.box8 p {font-family: 'SCoreDream'; margin-top: 25px;}
#sec2 .box.box8 .img_list > li {width: 640px;}
#sec2 .box.box8 .img_list .round {padding: 30px 0; max-width: 100%;}
#sec2 .box.box8 .dot_list {margin-top: 20px;}


/* sec3 */
#sec3 {background:url("../img/pd2_s3_bg.png") center top/cover no-repeat; padding-top: 140px; }
#sec3 h2 {color:#fff; }
#sec3 .video_wrap {margin-top: 55px;}







@media screen and (max-width:1400px){
    /* content */

}
