@charset "utf-8";

#sub_layout{margin-top: 130px; margin-bottom: 110px;}

.speed-box > ul{display: flex; flex-wrap:wrap; align-items:center; margin-left: -5px;}
.speed-box > ul > li {display: flex; align-items:center; color: #222;font-size: 20px; font-weight: 400; line-height: 160%; }
.speed-box > ul > li:not(:last-child):after{content: ''; width: 24px; height: 24px; background: url(../img/sub/speed-arr.png) center no-repeat;	margin: 0 12px;}
.speed-box > ul > li:last-child{font-weight: 600;}

.sub-tit{color: #222; text-align: center; font-size: 50px; font-weight: 700; line-height: 120%; display: flex; justify-content: center; gap:10px; margin-top: 107px; padding-right: 10px; margin-bottom: 90px;}
.sub-tit i{line-height: 0; position: relative; top: -8px;}

.sub-visual{position: relative; overflow: hidden; height: 560px;}
.sub-visual > img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit:cover;}

.sub-menu{position: relative; margin-top: -76px; margin-bottom: 120px;}
.lnb > b{display: none;}
.lnb > ul{display: flex; flex-wrap:wrap;}
.lnb > ul > li{flex:1 1 20%; }
.lnb > ul > li > a{display: flex; height: 76px;  justify-content: center; align-items: center; border: 1px solid #CCC; background: #FFF; border-right: 0; transition:.3s; color: #999; text-align: center; font-size: 22px; font-weight: 600; line-height: 160%; box-sizing: border-box;}
.lnb > ul > li:last-child > a,
.lnb > ul > li:nth-child(5n+5) > a{border-right: 1px solid #CCC;}
.lnb > ul > li:nth-child(n+6) > a{border-top: 0;}
.lnb > ul > li:hover > a{color: #fff; background: #000; border-color: #000;}
.lnb > ul > li.current > a{background: linear-gradient(90deg, #00CAFF 0%, #0048B3 100%); color: #fff; font-weight: 700; border-color: rgba(255,255,255,0); border: none;}
.lnb .dep3{display: none;}

.sub-name{display: flex; align-items:center; color: #222; font-size: 46px; font-weight: 700; line-height: 160%; margin-bottom: 80px; border-bottom: 2px solid #CCC; padding-bottom: 17px;}
.sub-name span{color: #444; font-size: 32px; font-weight: 700; line-height: 160%; }
.sub-name span:before{display: inline-block; content: ''; width: 1px; height: 27px; background: #ccc; margin: 0 30px;}

/* sub */
.sub-flex{position: relative; display: flex; gap:0px 80px; justify-content: space-between; flex-wrap:wrap;}
.sub-flex .sub-name{width: 100%;}

.sub-left{max-width:313px; width: 100%; 	}
.sub-left > div{position: sticky; top: 150px;}
.sub-left > div > a{display: none;}
.sub-left > div  ul{display: flex; flex-direction: column; border-radius: 32px; background: #F5F5F5; gap:10px; display: flex; justify-content: center; text-align: center; padding: 20px 10px;}
.sub-left > div  ul > li > a{display: flex; align-items:center; padding: 10px 30px; border-radius: 100px; color: #444; text-align: center; justify-content: center; text-align: center; font-size: 20px; font-weight: 400; line-height: 160%; transition:.3s;}
.sub-left > div  ul > li.current > a{background: #003F9D; color: #FFF; font-weight: 600;}

.sub-left .quick-sticky h3{color: #222; font-size: 40px; font-weight: 700; line-height: 160%; margin-bottom: 54px;}

.sub-flex .sub-cnt{flex:1; padding-top: 40px; width: 1%;}

.dep4{position: relative; display: flex; gap:2px; margin-top: -40px; margin-bottom: 120px;}
.dep4:after{position: absolute; content: ''; width: 100%;height: 2px; background: #003F9D; left: 0; bottom: 0px;}
.dep4 > li{flex:1; position: relative;}
.dep4 > li:after{position: absolute; content: ''; width: calc(100% - 4px); height: 2px; left: 2px; bottom: 0; background: #fff; opacity: 0; z-index: 10;}
.dep4 > li > a{display: flex; height: 76px; justify-content: center; align-items: center; border: 1px solid #EEE; background: #F8F8F8; color: #666; text-align: center; font-size: 24px; font-weight: 400; line-height: 160%; }
.dep4 > li.current > a{border: 2px solid #003F9D; border-bottom: 0;background: #fff; color: #003F9D; font-weight: 700;}
.dep4 > li.current:after{opacity: 1;}


/* s1 */
.s1 .arti1 .s1-gall{display: flex; flex-wrap:wrap; margin-left: -38px; gap:100px 0;} 
.s1 .arti1 .s1-gall > li{margin-left: 38px; width: calc(33.33% - 38px);}
.s1 .arti1 .s1-gall > li a{display: flex; flex-direction: column;}
.s1 .arti1 .s1-gall > li figure{position: relative; border-radius: 10px;  box-sizing: border-box; }

.s1 .arti1 .s1-gall > li figure:before{position: absolute; content: ''; width: 100%; height: 100%; border: 3px solid rgba(255,255,255,0); opacity: 0; transition:.3s; border-radius: 10px;}
.s1 .arti1 .s1-gall > li figure o{display: block; overflow: hidden; }
.s1 .arti1 .s1-gall > li figure img{width: 100%; height: 100%; object-fit:cover; transition:.3s;}

.s1 .arti1 .s1-gall > li figure > span{position: absolute; left: 50%; top: 50%; translate:-50% -50%; display: flex; align-items:center; display: flex; width: 258px; height: 60px; justify-content: center; align-items: center; gap: 10px; color: #FFF; font-size: 20px; font-weight: 600; line-height: 160%; border-radius: 100px; background: rgba(34,34,34,0.9); transition:.3s; opacity: 0;}

.s1 .arti1 .s1-gall > li:hover{
 figure {}
 figure img{scale:1.1;}
 figure:before{opacity: 1; border-color: #003F9D;}
 figure > span{opacity: 1;}
}

.s1 .arti1 .s1-gall > li figure img{width: 100%; height: 100%; object-fit:cover; border-radius: 10px;}
.s1 .arti1 .s1-gall > li figure figcaption{position: absolute; right: 12px; bottom: -12px; display: inline-flex; padding: 4px 12px; align-items:center; justify-content: center; text-align: center; color: #FFF; font-size: 16px; font-weight: 700; line-height: normal; border-radius: 100px;}
.s1 .arti1 .s1-gall > li figure figcaption.c1{background: #254BE6;}  /* 디지털·AI */
.s1 .arti1 .s1-gall > li figure figcaption.c2{background: #6B24F9;} /* 진로·학업설계 */
.s1 .arti1 .s1-gall > li figure figcaption.c3{background: #EA662D;} /* 취업역량 */
.s1 .arti1 .s1-gall > li figure figcaption.c4{background: #76D031;} /* 사회·인성 */
.s1 .arti1 .s1-gall > li figure figcaption.c5{background: #30C4E5;} /* 자기경영·리더십 */
.s1 .arti1 .s1-gall > li figure figcaption.c6{background: #E49516;} /* 경제·금융 */
.s1 .arti1 .s1-gall > li figure figcaption.c7{background: #F242C6;} /* 문해력 */
.s1 .arti1 .s1-gall > li figure figcaption.c8{background: #0BB27D;} /* 성장전환기 */
.s1 .arti1 .s1-gall > li figure figcaption.c9{background: #E2181B;} /* 교원연수 */
.s1 .arti1 .s1-gall > li figure figcaption.c10{background: #816CF6;} /* 기업교육 */
.s1 .arti1 .s1-gall > li .tbx{display: flex; flex-direction: column; gap:6px; margin-top: 20px; padding: 0px 20px; box-sizing: border-box;		}
.s1 .arti1 .s1-gall > li .tbx b {color: #222; font-size: 22px; font-weight: 700; line-height: 160%;transition:.3s;}
.s1 .arti1 .s1-gall > li .tbx b span{color:#003F9D;}
.s1 .arti1 .s1-gall > li .tbx p{color: #666; font-size: 18px; font-weight: 400; line-height: 160%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden; text-overflow: ellipsis; transition:.3s;}
.s1 .arti1 .s1-gall > li:hover{
 figure:after{background: url(../img/main/mcnt4-video-h.png) center no-repeat;}
}

.s110 {
	.af::after{display: block; content:''; clear: both;}
	.mo_on{display: none;}
	.sub_q{width: 100%; height: 87px; border:1px solid #ddd; border-radius:50px;padding-left: 24px;padding-top: 22px;margin-top: 39px;}
	.sub_q figure{float: left;}
	.sub_q div{float: left;position: relative;top: -4px;padding-left: 11px;}
	.sub_q div h3{font-size: 13px; color: #333333; font-weight: 400;margin-bottom: 1px;}
	.sub_q div p{font-size: 21px; color: #1e88e5; font-weight: 800; line-height: 1;text-align: left;}
	.pc_display_none{display: none;}
	.s102_5 span.pc_none{display: none;	}
	.nsc{display: inline-block !important;color: #666 !important;margin-top: 0 !important;text-align: center !important;}
	/*mb150 w1320 titlebottom 60*/
	/*s1*/
	.tit_h3{font-weight: 800;color: #333;text-align: center;font-size: 2.250em; line-height: 1;}
	.tit_p{width: 38.9%;text-align: center;height: 44px;line-height: 44px;background: linear-gradient(#1e8ae4, #24bedb);margin: 0 auto;color: #fff; border-radius:50px;margin-bottom: 55px;margin-top: 28px; position: relative;}
	.tit_p:before{content:''; position: absolute;left:50%; margin-left: -6px;  bottom: -61px;width: 12px; height: 61px;background: url(../img/old-sub/s101_6.png) no-repeat;z-index: 9; }
	.tit_p span{font-weight: 700;}

	.s101_1 ul{padding-top: 55px; position: relative;}
	.s101_1 ul:before{content:''; position: absolute;left: 50%; margin-left: -38.2%; top: 0px;width:76.4%; height: 1px;background-color: #ddd; }
	.s101_1 ul li{width: 23.5%; float: left; margin-right: 2%; position: relative;}
	.s101_1 ul li:before{content:''; position: absolute;left: 50%;  top: -55px;width:1px; height: 55px;background-color: #ddd;}
	.s101_1 ul li:last-child{margin-right: 0;}
	.s101_1 ul li figure{position: relative;}
	.s101_1 ul li figure:before{content:''; position: absolute;left: 0;  bottom: -19px;width: 100%; height: 19px;background: url(../img/old-sub/s101_5.png) no-repeat; }
	.s101_1 ul li h4{text-align: center;font-weight: 500;color: #99abb4;margin-top: 13px;margin-bottom: 6px;}
	.s101_1 ul li p{text-align: center;line-height: 26px;color: #666;}
	.s101_2{height: 221px; border:1px solid #ddd; padding: 3px; margin-top: 76px;}
	.s101_2 ul{background:#f6f6f6 url(../img/old-sub/s101_7.png) no-repeat bottom ; height: 100%; background-position-x:98%; padding-left: 57px; padding-top: 40px;}
	.s101_2 ul li{ line-height: 26px; position: relative;;}
	.s101_2 ul li p{position: relative;color: #666; padding-left: 14px}
	.s101_2 ul li p:before{content:''; position: absolute;left: 0;  top: 11px;width: 4px; height: 4px; border-radius:50%;background-color: #99abb4; }
	.s101_3 figure.s101_3f{margin-top: 84px;}
	.s101_3_ul{margin-top: 119px;}
	.s101_3_ul .s101_3_li{width: 30.3%; margin-right: 3.1%; float: left;}
	.s101_3_ul .s101_3_li .s101_top3{border-bottom: 5px solid #26c6da; padding-bottom: 15px;}
	.s101_3_ul .s101_3_li .s101_top3 figure{display: inline-block;vertical-align: middle;}
	.s101_3_ul .s101_3_li .s101_top3 div{display: inline-block;vertical-align: middle;margin-left: 16px;}
	.s101_3_ul .s101_3_li .s101_top3 div h5{font-weight: 800;font-size: 1.438em;color: #333;line-height: 30px;}
	.s101_3_ul .s101_3_li .s101_top3 div h5 span{color: #26c6da;}
	.s101_3_ul .s101_3_li .s101_top3 div h6{font-weight: 700;font-size: 17px;color: #333;}
	.s101_3_ul .s101_3_li2 .s101_top3 {border-bottom: 5px solid #1e88e5;}
	.s101_3_ul .s101_3_li2 .s101_top3 div h5 span{color: #1e88e5;}
	.s101_3_ul .s101_3_li3 .s101_top3 {border-bottom: 5px solid #094c7d}
	.s101_3_ul .s101_3_li3{margin-right: 0; width: 32%;}
	.s101_3_ul .s101_3_li3 .s101_top3 div h5 span{color: #094c7d;	}
	.s101_3_ul .s101_3_li ul{ margin-top: 31px;}
	.s101_3_ul .s101_3_li ul li{ padding-left: 12px;line-height: 26px; color: #666; position: relative;}
	.s101_3_ul .s101_3_li ul li:before{content:''; position: absolute;left: 0;  top:11px;width: 4px; height: 4px;background: #99abb4;  border-radius:50%;}
	.arrow{margin:0 auto; text-align: center;margin-top: 42px;}
	.s101_4{width: 100%; width: 100%; margin:0 auto; text-align: center; height: 179px;background: url(../img/old-sub/s101_13.png) center no-repeat  ;margin-top: 52px; display: flex; flex-direction: column; align-items:center; justify-content: center;} 
	.s101_4 h3{font-weight: 800;color: #333;font-size: 2.250em;margin-bottom: 3px; margin-bottom: 15px;}
	.s101_4 h3 span{color: #1e88e5;}
	.s101_4 p{color: #333;}
	.s1_2 .tit_p{width: 38.9%; margin-bottom: 42px; margin-top: 21px;}
	.s1_2 .tit_p:before{display: none;}
	.s102_1{ position: relative;}
	.s102_1 .center{position: absolute;left: 50%; margin-left: -223px;z-index: -1; top: 20px;}
	.s102_1 ul{}
	.s102_1 ul li{float: left;width: 50%; padding-left: 140px;}
	.s102_1 ul li .border_h3{border:10px solid rgba(195,195,195,0.2);width: 127px; height: 127px;border-radius:50%; float: left;}
	.s102_1 ul li h3{ background-color: #76d3d6; width: 100%; height: 100%;border-radius:50%; text-align: center; line-height: 106px; color: #fff; font-weight: 800; font-size: 2.500em;} 
	.s102_1 ul li div.s102_txt{float: left; padding-left: 19px;}
	.s102_1 ul li div.s102_txt h5{color: #333333; font-weight: 500; font-size: 1.500em;padding-top: 5px;margin-bottom: 3px;}
	.s102_1 ul li div.s102_txt h5 span{font-weight: 700; color: #26c6da;}
	.s102_1 ul li div.s102_txt p{ line-height: 26px; color: #666;}
	.s102_1 ul li.li1 div.s102_txt,
	.s102_1 ul li.li3 div.s102_txt{float: right; text-align: right; padding-left: 0; padding-right: 19px;}
	.s102_1 ul li.li1 .border_h3,
	.s102_1 ul li.li3 .border_h3{float: right;}
	.s102_1 ul li.li1, 
	.s102_1 ul li.li3{padding-left: 0; padding-right: 140px;}
	.s102_1 ul li.li1,
	.s102_1 ul li.li2{ margin-bottom: 232px;}
	.s102_1 ul li.li2 h3{background-color: #26c6da;}
	.s102_1 ul li.li2 div h5 span{color: #26c6da;}
	.s102_1 ul li.li3 h3{background-color: #1e88e5;}
	.s102_1 ul li.li3 div h5 span{color: #1e88e5;}
	.s102_1 ul li.li4 h3{background-color: #094c7d;}
	.s102_1 ul li.li4 div h5 span{color: #094c7d;}
	.s102_1 .pc_none{display: none;}
	.s102_2{margin-top: 118px;}
	.s102_2 h3{margin-bottom: 0;}
	.s102_2 .s102_3{height: 194px;margin-top: 30px;}
	.s102_2 .s102_3 ul{background-position-y :49px;}
	.s102_2 .s102_3 li:first-child{padding-left: 0; width: 29%;}
	.s102_2 .s102_3 li:nth-child(2){width: 36%;}
	.s102_2 .s102_3 li{width: 33.333%; float: left; padding-left: 30px;}
	.s102_4{height: 217px;background: url(../img/old-sub/s102_2.png) center no-repeat ;width: 100%; padding-top: 0px; margin-top: 40px;}
	.s102_4 h3{line-height: 40px; font-size: 1.875em; margin-bottom: 7px;}
	.s102_4 p{line-height: 26px;}
	.s102_4 p .nsc{color: #333 !important;}
	.s102_5{margin-top: 118px;}
	.s102_5 h3{margin-bottom: 31px;}
	.s102_5 ul li{width: 50%; float: left; height: 269px; padding-left: 51px; border:1px solid #ddd ; border-top: 4px solid #76d3d6;padding-top: 40px;}
	.s102_5 ul li.li2{border-top: 4px solid #26c6da;}
	.s102_5 ul li.li3{border-top: 4px solid #1e88e5;}
	.s102_5 ul li.li4{border-top: 4px solid #094c7d;}
	.s102_5 ul li:nth-child(2n+2){border-left: none;}
	.s102_5 ul li:nth-child(n+3){height: 246px;}
	.s102_5 ul li figure{float: left;border-radius: 50%;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
	.s102_5 ul li div{float: left;padding-left: 31px;}
	.s102_5 ul li div h3{ font-weight: 700; font-size: 1.250em;line-height: 1;margin-bottom: 15px;}
	.s102_5 ul li div p{line-height: 26px;color: #666; position: relative; padding-left: 14px;}
	.s102_5 ul li div p:before{content:''; position: absolute;left: 0;  top: 11px;width: 4px; height: 4px; border-radius:50%;background-color: #99abb4; }
	.s102_5 span{text-align: right; display: block;color: #999999;margin-top: 8px;}
	.s102_2 .s103_3 li:nth-child(2){padding-left: 44px;}
	.c76d3d6{color: #76d3d6;}
	.c26c6da{color: #26c6da;}
	.c1e88e5{color: #1e88e5;}
	.c094c7d{color: #094c7d;}
	.s1_2 .go_s4{margin-top: 73px;}
	.s1_3 .tit_p{width: 47.8%; margin-bottom: 0;}
	.s1_3 .tit_p:before{display: none;}
	.s103_101{margin-top: 60px;}
	.s103_101 li{width: 31.5%; margin-right: 2.75%; float: left;}
	.s103_101 li:last-child{margin-right: 0;}
	.s103_101 li figure{position: relative;}
	.s103_101 li figure:before{content:''; position: absolute;left: 0;  bottom: -26px;width: 100%; height: 26px;background: url(../img/old-sub/s103_5.png) no-repeat}
	.s103_101 li p{color: #666666; line-height: 26px; text-align: center;margin-top: 23px;}
	.s103_2{margin-top: 115px;}
	.s103_3 {height: 192px;}
	.s103_3 ul{background: #f6f6f6 url(../img/old-sub/s101_7.png) no-repeat bottom; background-position-x:98%; background-position-y :49px;}
	.s103_2 .s103_3 ul li:first-child{padding-left: 0;}
	.s103_4 ul li{height:245px ;}
	.s103_4 ul li:nth-child(n+3){height: 218px;}
	.s1_5 .s104_2{margin-top: 75px;}
	.s1_4 .tit_p{width: 38.8%; margin-bottom: 50px;}
	.s1_4 .tit_p:before{display: none;}
	.s104_1{position: relative;}
	.s104_1 .center_{width: 277px; height: 277px; border-radius:50%;  border:15px solid #fff;box-shadow: 0 0 20px rgba(0,0,0,0.09);position: absolute;top: 50%;left: 50%;margin-top: -138.5px;margin-left: -138.5px;}
	.s104_1 .center_ p{background: linear-gradient(0.2turn, #25bcdc, #1f92e3); width: 100%; height: 100%;border-radius:50%;text-align: center;font-weight: 700;color: #fff;line-height: 36px;font-size: 1.625em;text-shadow: 2px 2px 3px rgba(0,0,0,0.15);padding-top: 75px;}
	.s104_1 ul li{ border:1px solid #ddd; border-right: none; height: 242px; border-top: none; text-align: center;width: 50%; float: left;padding-top: 22px;}
	.s104_1 ul li:nth-child(1),
	.s104_1 ul li:nth-child(2){border-top: 1px solid #ddd;padding-top: 31px;}
	.s104_1 ul li:nth-child(1) div,
	.s104_1 ul li:nth-child(3) div{position: relative;left: -48px;}
	.s104_1 ul li:nth-child(2) div,
	.s104_1 ul li:nth-child(4) div{position: relative;right: -51px;}
	.s102_2 .s104_3 li:nth-child(1){width: 47%;}
	.s102_2 .s104_3 li:nth-child(2){width: 50%; padding-left: 0;}
	.s104_1 ul li:nth-child(2n+2){border-right: 1px solid #ddd;}
	.s104_1 ul li figure{ }
	.s104_1 ul li h3{font-weight: 500; color: #333;  font-size: 1.375em;line-height: 1;margin-top: 10px;margin-bottom: 5px;}
	.s104_1 ul li p{color: #666; line-height: 26px;}
	.s104_2 .s104_3 ul li{padding-left: 0;width: 50%;}
	.s104_5 ul li{height: 301px;}
	.s104_5 ul li div h3.lh30{line-height: 30px; margin-bottom: 9px;}
	.s104_5 ul li:nth-child(n+3){height: 275px !important;}
	.s1_5 .tit_p{width: 63.9%; margin-top: 19px;}
	.s1_5 .tit_p:before{display: none;}
	.s105_1 {padding-left: 27px;}
	.s105_1 figure{float: left;}
	.s105_1 div{float: left; width: 50%;}
	.s105_1 div ul{}
	.s105_1 div ul li{position: relative;padding-bottom: 30px;padding-top: 30px;}
	.s105_1 div ul li:nth-child(1){padding-top: 24px;}
	.s105_1 div ul li:before{content:''; position: absolute;left: 0;  bottom: 0px;width: 100%; height: 1px;background: url(../img/old-sub/s105_6.jpg) ; }
	.s105_1 div ul li:nth-child(3):before{display: none;}
	.s105_1 div ul li:nth-child(3) span{background-color: #1e88e5;}
	.s105_1 div ul li:nth-child(2) span{background-color: #26c3d7;}
	.s105_1 div ul li span{width: 46px;height: 46px;display: inline-block;text-align: center;line-height: 46px;/* background-color: #76d3d6;  */background-color: #6fc7cb;font-weight: 700;color: #fff;font-size: 18px;border-radius: 50%;}
	.s105_1 div ul li p{display: inline-block;vertical-align: middle;color: #666;line-height: 24px; margin-left: 20px;}
	.s1_5 .s105_4 li{height: 219px;}
	.s105_4 ul li:nth-child(n+3){height: 220px;}
	.s1_6 .tit_h3 span{font-size: 32px;color: #b5b5b5;}
	.s1_6 .tit_p{width: 35.8%;margin-bottom: 50px; margin-top: 17px; opacity: 0.8;	}
	.s1 a.go_s4{margin-top: 75px;}
	.s1_6 .tit_p:before{display: none;}
	.s1_6 .s104_2{margin-top: 89px;}
	.s106_1 ul li{width: 48.8%; float: left;position: relative;margin-bottom: 34px;}
	.s106_1 ul li:nth-child(2n+2){float: right;}
	.s106_1 ul li figure{position: absolute;left: 0;}
	.s106_1 ul li div{height: 170px;width: 90.2%;float: right;border-radius: 100px;box-shadow: 0 0 10px rgba(185,185,185,0.3);padding-left: 144px;padding-top: 34px;}
	.s106_1 ul li div h3{font-size: 1.438em;margin-bottom: 2px;}
	.s106_1 ul li div p{color: #666; line-height: 26px;}
	.s106_4 ul li div h3.lh30{line-height: 30px; margin-bottom: 9px;}
	.s106_4 ul li{height: 248px;}
	.s106_4 ul li:nth-child(n+3){height: 220px;}
	.s1_7 .tit_p{width: 38.8%;margin-bottom: 50px; margin-top: 19px;}
	.s1_7 .tit_p:before{display: none;}
	.s1_7 .s102_5 ul li div{padding-left: 27px;}
	.s1_7 .s102_5 ul li div h3.lh30{margin-top: -5px;}
	.s107_1{position: relative; background: url(../img/old-sub/s107_3.png) no-repeat center bottom; padding-bottom: 50px; max-width:999px; margin: 0 auto;	}
	.s107_1:before{content:''; position: absolute;left: 0;  top: 50%; width: 100%; height: 16px;background: url(../img/old-sub/s107_2.png) no-repeat; z-index: 9; margin-top: -33px;}
	.s107_1 .center{width: 33.8%; height: 228px; background: linear-gradient(0.25turn, #26c2da, #1e88e4); position: absolute;left: 50%; margin-left: -16.9%; border-radius:120px;text-align: center;padding-top: 33px;}
	.s107_1 .center figure{margin-bottom: 45px;}
	.s107_1 .center h3{color: #fff;font-size: 24px;line-height: 34px;}
	.s107_1 ul{width: 36.8%; height: 228px; border:1px solid #26c0db; float: left; border-radius:120px;padding-top: 44px; margin-left: 2.1%;background-color: #fff;}
	.s107_1 ul li{line-height: 26px;color: #666;padding-left: 64px;margin-bottom: 40px;}
	.s107_1 ul li span{font-weight: 500;color: #333;}
	.s107_1 ul li:last-child{margin-bottom: 0;}
	.s107_1 ul.last_ul{border:1px solid #1e8ce4; float: right;;text-align: right;padding-left: 0; margin-left: 0; margin-right: 2.1%;}
	.s107_1 ul.last_ul li{padding-left: 0; padding-right: 60px;}
	.s107_2{margin-top: 70px;}
	.s107_4 ul li{height: 219px;}
	.s107_4 ul li:nth-child(n+3){height: 275px;}
	.s107_4 ul li div h3.lh30{line-height: 30px; margin-bottom: 9px;}
	.s1_8{background: url(../img/old-sub/s108_9.png) no-repeat top;background-position-y:15%}
	.s1_8 .tit_p{width: 32.8%;margin-bottom: 50px; margin-top: 19px;}
	.s1_8 .tit_p:before{display: none;}
	.s1_8 .s103_2{margin-top: 86px;}
	.s108_1 .s108_left{float: left; margin-left: 25px;width: 32.5%;margin-top: 89px;}
	.s108_1 .s108_right{float: left;width: 64.5%; padding-left: 7.4%; position: relative;}
	.s108_1 .s108_right:before{content:''; position: absolute;left: -1px;  top: 54px;width: 77px; height: 402px;background: url(../img/old-sub/s108_8.png) no-repeat; }
	.s108_1 .s108_right ul li{position: relative;margin-bottom: 33px;}
	.s108_1 .s108_right ul li figure{display: inline-block;position: absolute;left: 0;/*! top: 0; */}
	.s108_1 .s108_right ul li div{display: inline-block;height: 145px;box-shadow: 5px 5px 5px rgba(0,0,0,0.08);background: #fff;border-radius: 65px;width: 91.9%;float: right;margin-right: 27px;display: table;padding-left: 154px;}
	.s108_1 .s108_right ul li div p{display: table-cell;vertical-align: middle;color: #666;line-height: 26px;}
	.s108_2 .s104_3 ul li{width: 50%; padding-left: 0;}
	.s108_2 .s104_3 li:first-child{padding-left: 0;}
	.s108_4 ul li{height: 219px;}
	.s108_2 .s108_3{height: 171px;}
	.s1_9 .tit_p{width: 38.8%;margin-bottom: 50px; margin-top: 19px;}
	.s1_9 .tit_p:before{display: none;}
	.s1_9 .s108_2 .s108_3{height: 194px;}
	.s1_9 .s102_5 ul li div h3.lh30{margin-top: -5px;}
	.s109_4 ul li{height: 245px;}
	.s109_4 ul li:nth-child(n+3){height: 271px;}
	.s109_1 .s109_figure{margin-bottom: 80px; text-align: center;}
	.s109_1 .s109_div ul li{width: 31.6%; float: left; margin-right: 2.6%;text-align: center;}
	.s109_1 .s109_div ul li:last-child{margin-right: 0;}
	.s109_1 .s109_div ul li p{color: #666; line-height: 26px;position: relative;top: -4px;}
	.s109_2{margin-top: 109px;}
	.s102_5 ul li div h3.lh30{line-height: 30px; margin-bottom: 9px; margin-top: -5px;}	
	.pc_display_none{display: none;}
	.s102_5 span.pc_none{display: none;	}
	.pc_none {display: none;}
	/*s2*/
.s2_1 .s201_1{height: 370px; background: url(../../images/sub/s201_1.jpg) no-repeat ; border:5px solid #fff;text-align: center;box-shadow: 20px 20px 21px rgba(0,0,0,.1);margin-bottom: 40px;} 
.s2_1 .s201_1 figure{padding-top: 48px;}
.s202_1{height: 370px; background: url(../../images/sub/s202_1.jpg) no-repeat ; border:5px solid #fff;text-align: center;box-shadow: 20px 20px 21px rgba(0,0,0,.1);margin-bottom: 40px;} 
.s202_1 figure{padding-top: 70px;}
.s202_1 h3{color: #fff;font-weight: 800;line-height: 45px;font-size: 2.250em;text-shadow: 2px 2px 3px rgba(0,0,0,0.25);position: relative;top: -14px;}
.s202_2{position: relative;}
.s2_2 .s202_1{margin-bottom: 40px;}
.s202_2:before{content:''; position: absolute;left: 50%;  top: 0;width: 1px; height: 111px;background-color: #ddd; }
.s202_2 li{width: 50%;float: left;position: relative;margin-bottom: 17px;}
.s202_2 li span{position: absolute;left: 0;width: 54px;height: 31px;border-radius: 50px;line-height: 29px;border: 1px solid #99abb4;text-align: center;font-weight: 700;color: #99abb4;}
.s202_2 li p{line-height: 26px;color: #666;padding-left: 70px;position: relative;top: -5px;}
.s202_2 li:nth-child(2n+2){left: 29px; position: relative;}
.s202_3{margin-top: 78px;}
.s2_1 .s202_3,
.s2_4 .s202_3{margin-top: 82px;}
.s2 a.go_s4{margin-top: 50px;}
.s202_3 h3{text-align: center;font-weight: 800;color: #333;font-size: 2.250em;}
.s202_3 p{text-align: center;color: #666;margin-top: 3px; margin-bottom: 9px;}
a.go_s4{width: 200px;height: 65px;margin: 0 auto;line-height: 65px;background: #1e88e5;text-align: center;color: #fff;font-weight: 800;font-size: 1.125em;margin-top: 80px;}
a.go_s4 img{vertical-align: middle;margin-left: 10px;}
.s2_3 .s203_1{height: 370px; background: url(../../images/sub/s203_1.jpg) no-repeat ; border:5px solid #fff;text-align: center;box-shadow: 20px 20px 21px rgba(0,0,0,.1);margin-bottom: 40px;} 
.s2_3 .s203_1 figure{padding-top: 48px;}
.s202_2 li p.lh31{line-height: 31px; top: 0;}
.s2_4 .s204_1{height: 370px; background: url(../../images/sub/s204_1.jpg) no-repeat ; border:5px solid #fff;text-align: center;box-shadow: 20px 20px 21px rgba(0,0,0,.1);margin-bottom: 40px;} 
.s2_4 .s204_1 figure{padding-top: 48px;}
.s2_5 .s205_1{height: 370px; background: url(../../images/sub/s205_1.jpg) no-repeat ; border:5px solid #fff;text-align: center;box-shadow: 20px 20px 21px rgba(0,0,0,.1);margin-bottom: 40px;} 
.s2_5 .s205_1 figure{padding-top: 48px;}
.s2_5 .s205_2 li{margin-bottom: 40px;}
.s2_5 .s205_2 li:last-child{margin-bottom: 0;}
.s2_3 .s202_3{margin-top: 102px;}
.s2_5 .s202_3{margin-top: 120px;}
.s2_5 .s202_3 p{margin-bottom: 16px;}
.s2_4 .s202_3 p{margin-bottom: 19px;}
/*S3*/
.s3_title{text-align: center;font-weight: 800;color: #333;font-size: 2.250em;}
.s3_out{margin-bottom: 104px;}
.s3_out .s3_top{height: 370px;background: url(../../images/sub/s301_1.jpg) no-repeat;border: 5px solid #fff;box-shadow: 20px 20px 21px rgba(0,0,0,0.1);}
.s3_out .s3_top .s_top_inner{width: 50%;height: 100%;background: url(../../images/sub/s301_2.png) no-repeat;color: #fff;padding-top: 90px;padding-left: 54px;}
.s3_out .s3_top .s_top_inner h3{font-weight: 800;font-size: 23px;line-height: 40px;text-shadow: 2px 2px 3px rgba(0,0,0,0.25);margin-bottom: 15px;}
.s3_out .s3_top .s_top_inner h3 span{font-size: 36px; font-weight: 800; }
.s3_out .s3_top .s_top_inner p{line-height: 26px;text-shadow: 2px 2px 3px rgba(0,0,0,0.25);}
.s3_out .s3_top2{padding-left: 59px;padding-top: 59px;}
.s3_out .s3_top2 figure{display: inline-block; position: relative;}
.s3_out .s3_top2 figure:before{content:''; position: absolute;left: 50%;  top: -60px;width: 1px; height: 70px;background-color: #ddd; z-index: -1;}
.s3_out .s3_top2 figure img{}
.s3_out .s3_top2 div{display: inline-block;vertical-align: top; padding-left: 24px;}
.s3_out .s3_top2 div h3{font-size: 20px;color: #1e88e5;font-weight: 700; margin-bottom: 9px;}
.s3_out .s3_top2 div ul{}
.s3_out .s3_top2 div ul li{line-height: 26px;color: #666; position: relative; padding-left: 13px;}
.s3_out .s3_top2 div ul li:before{content:''; position: absolute;left: 0;  top: 11px;width: 4px; height: 4px;background-color: #99abb4; border-radius:50%;}

.s3_mid{margin-bottom: 105px;}
.s3_mid h3{margin-bottom: 82px;}
.s3_mid ul{}
.s3_mid ul li{width: 33.333%; float: left;text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; height: 422px;}
.s3_mid ul li:first-child{border-left: 1px solid #ddd;}
.s3_mid ul li figure{position: relative;margin-top: -92px;}
.s3_mid ul li h4{font-weight: 700;font-size: 20px; margin-bottom: 6px;}
.s3_mid ul li div{ padding-left: 39px;}
.s3_mid ul li div.figure_h4{padding-left: 0;}
.s3_mid ul li div p{line-height: 26px;color: #666; position: relative;text-align: left;	 padding-left: 13px; -ms-word-break: keep-all;word-break: keep-all; padding-right: 10px;}
.s3_mid ul li div p:before{content:''; position: absolute;left: 0;  top: 11px;width: 4px; height: 4px;background-color: #99abb4; border-radius:50%;}

.bt76d3d6{border-top: 5px solid #76d3d6;}
.bt1e88e5{border-top: 5px solid #1e88e5}
.bt094d7f{border-top: 5px solid #094d7f}
.bt082838{border-top: 5px solid #082838}
.btbde5e5{border-top: 5px solid #bde5e5}
.bt26c6da{border-top: 5px solid #26c6da}
.c094d7f{color: #094d7f;}
.c082838{color: #082838;}
.cbde5e5{color: #bde5e5;}
.cb7e2e2{color: #b7e2e2;}

.s3_bottom h3{margin-bottom: 12px;}
.s3_bottom .s3_b1{height: 366px;}
.s3_bottom .s3_b2{margin-top: 20px;}
.s3_bottom .s3_b2 .s3_bleft h4{margin-top: 218px;}
.s3_bottom .s3_bleft:Before{content:''; position: absolute;right: 0;  top: 50%; margin-top: -15.5px;width: 26px; height: 31px;background: url(../../images/sub/s301_9.png) no-repeat; }
.s3_bottom .s3_bleft{ width: 29%; float: left; height: 100%; position: relative;background: #1e88e5 url(../../images/sub/s301_7.png) no-repeat center top; background-position-y:99px;; text-align: center;box-shadow: 0 0 35px rgba(0,0,0,0.07) inset;}
.s3_bottom .s3_bleft h4{color: #fff; font-weight: 800;font-size: 26px;margin-top: 243px;padding-top: 6px;position: relative;}
.s3_bottom .s3_bleft h4:before{content:''; position: absolute;left: 50%; margin-left: -10.5px;  top: 0px;width: 21px; height: 3px;background-color: #fff;}
.s3_bottom .s3_bright{background-color: #f6f6f6; width: 71%; float: left; height: 100%;}
.s3_bottom .s3_bright ul{padding-top: 54px;}
.s3_bottom .s3_bright ul li{width: 50%;float: left;padding-left: 48px;margin-bottom: 20px;}
.s3_bottom .s3_bright ul li:nth-child(2n+2){padding-left: 0;}
.s3_bottom .s3_bright ul li h5{font-weight: 700;font-size: 20px;line-height: 30px;color: #333;margin-bottom: 6px;}
.s3_bottom .s3_bright ul li p{color: #666;line-height: 26px;}
.s3_bottom .s3_b2{height: 340px;}
.s3_bottom .s3_b2 .s3_bleft{	background:#094d7f url(../../images/sub/s301_8.png) no-repeat center top; height: 100%; background-position-y:64px;}
.s3_mid2 ul li{height: 232px;}
.s3_mid2 ul.ul_2{margin-top: 102px;}
.s3_2 .s3_out .s3_top{height: 370px;background: url(../../images/sub/s302_1.jpg) no-repeat;border: 5px solid #fff;box-shadow: 20px 20px 21px rgba(0,0,0,0.1);}
.s3_3 .s3_out .s3_top{height: 370px;background: url(../../images/sub/s303_1.jpg) no-repeat;border: 5px solid #fff;box-shadow: 20px 20px 21px rgba(0,0,0,0.1);}
.s3_mid3 ul li{height: 270px;}

.s6_top{margin-bottom: 116px;}
.s6_top .s6_left{height: 130px;width: 20.4%;float: left;text-align: center;background: linear-gradient(0.2turn, #26c6da, #1e88e5);font-weight: 800;color: #fff;font-size: 2.250em;text-shadow: 2px 2px 3px rgba(0,0,0,0.15);display: table;}
.s6_top .s6_left p{height: 130px;display: table-cell;vertical-align: middle;width: 100%;text-align: center;}
.s6_top .s6_right{height: 130px;width: 78.6%;float: right;background-color: #f6f6f6;text-align: center;display: table;}
.s6_top .s6_right p{font-weight: 500;line-height: 30px;color: #333;font-size: 1.250em;display: table-cell;vertical-align: middle;}
.s601_1{}
.s601_1 .pc_none{display: none;}
.s601_1 .pc_none .center{}
.s601_1 .pc_none .center figure{border-radius: 50%;box-shadow: 0 0 30px rgba(0,0,0,0.1);display: inline-block;}
.s601_1 .pc_none ul{}
.s601_1 .pc_none ul li{width: 33.333%;float: left;text-align: center;}
.s601_1 .pc_none ul li figure{}
.s601_1 .pc_none ul li p{font-size: 1.250em;text-align: center;line-height: 30px;color: #666;}
.s601_2{height: 379px; background: url(../../images/sub/s601_6.jpg) no-repeat; margin-top: 120px;}
.s601_2 ul{text-align: center;padding-top: 52px;}
.s601_2 ul li:nth-child(2){width: 33%;}
.s601_2 ul li{display: inline-block; vertical-align:top; text-align: center;width: 30%;}
.s601_2 ul li h5{color: #26c6da;font-weight: 700;font-size: 15px;margin-bottom: 4px;}
.s601_2 ul li h4{font-weight: 700;line-height: 30px;font-size: 20px;color: #333;margin-bottom: 12px;}
.s601_2 ul li h4 span{color: #26c6da;}
.s601_2 ul li p{line-height: 26px;color: #666666;padding-top: 30px;position: relative;}
.s601_2 ul li p:before{content:''; position: absolute;left: 50%;  top: 0px;width: 1px; height: 25px;background-color: #ddd; }
.s601_2 ul li:nth-child(2) h5{color: #1e88e5;}
.s601_2 ul li:nth-child(3) h5{color: #094d7f;}
.s601_2 ul li:nth-child(2) h4 span{color: #1e88e5;}
.s601_2 ul li:nth-child(3) h4 span{color: #094d7f;}

.bt3_b7e2e2{border-top: 3px solid #b7e2e2;}
.bt3_76d3d6{border-top: 3px solid #76d3d6;}
.bt3_26c6da{border-top: 3px solid #26c6da;}
.bt3_1e88e5{border-top: 3px solid #1e88e5;}
.bt3_094d7f{border-top: 3px solid #094d7f;}



}




/* s1-10-9 */
.s1109 .tit_h3{font-weight: 800;color: #333;text-align: center;font-size: 2.250em; line-height: 1;}
.s1109 .tit_p{width: 38.9%;text-align: center;height: 44px;line-height: 44px;background: linear-gradient(#1e8ae4, #24bedb);margin: 0 auto;color: #fff; border-radius:50px;margin-bottom: 55px;margin-top: 28px; position: relative;}
.s1109 .tit_p span{font-weight: 700; color: #fff;}
.s1109 .tit_p{width: 63.9%; margin-top: 19px;}

.s1109 .arti2 {padding-left: 27px; display: flex; flex-wrap:wrap;}
.s1109 .arti2 figure{}
.s1109 .arti2 div{ width: 50%;}
.s1109 .arti2 div ul{}
.s1109 .arti2 div ul li{position: relative;padding-bottom: 30px;padding-top: 30px;}
.s1109 .arti2 div ul li:nth-child(1){padding-top: 24px;}
.s1109 .arti2 div ul li:before{content:''; position: absolute;left: 0;  bottom: 0px;width: 100%; height: 1px;background: url(../img/sub/s1109-line.jpg) ; }
.s1109 .arti2 div ul li:nth-child(3):before{display: none;}
.s1109 .arti2 div ul li:nth-child(3) span{background-color: #1e88e5;}
.s1109 .arti2 div ul li:nth-child(2) span{background-color: #26c3d7;}
.s1109 .arti2 div ul li span{width: 46px;height: 46px;display: inline-block;text-align: center;line-height: 46px;/* background-color: #76d3d6;  */background-color: #6fc7cb;font-weight: 700;color: #fff;font-size: 18px;border-radius: 50%;}
.s1109 .arti2 div ul li p{display: inline-block;vertical-align: middle;color: #666;line-height: 24px; margin-left: 20px;}

.s1109 .arti3{margin-top: 75px;}
.s1109 .arti3{}
.s1109 .arti3 .box{margin-top: 30px; border: 1px solid #ddd; padding: 3px;}
.s1109 .arti3 ul{height: 194px;padding-left: 57px; padding-top: 40px; }
.s1109 .arti3 ul{background-position-y :49px; display: flex; flex-wrap:wrap;background: #f6f6f6 url(../img/sub/s1109-arti3-bg.png) no-repeat bottom; background-position-x:98%; background-position-y :49px;}
.s1109 .arti3 li:first-child{padding-left: 0; width: 29%;}
.s1109 .arti3 li:nth-child(2){width: 36%;}
.s1109 .arti3 li{width: 33.333%; padding-left: 30px;}
.s1109 .arti3 ul li{ line-height: 26px; position: relative;;}
.s1109 .arti3 ul li p{position: relative;color: #666; padding-left: 14px}
.s1109 .arti3 ul li p:before{content:''; position: absolute;left: 0;  top: 11px;width: 4px; height: 4px; border-radius:50%;background-color: #99abb4; }
.s1109 .arti4{margin-top: 118px;}
.s1109 .arti4 h3{margin-bottom: 30px;}
.s1109 .arti4 ul{display: flex; flex-wrap:wrap;}
.s1109 .arti4 ul li{width: 50%;  height: 220px; padding-left: 51px; border:1px solid #ddd ; border-top: 4px solid #76d3d6;padding-top: 40px; display: flex;     align-items: flex-start;}
.s1109 .arti4 ul li.li2{border-top: 4px solid #26c6da;}
.s1109 .arti4 ul li.li3{border-top: 4px solid #1e88e5;}
.s1109 .arti4 ul li.li4{border-top: 4px solid #094c7d;}
.s1109 .arti4 ul li:nth-child(2n+2){border-left: none;}
.s1109 .arti4 ul li:nth-child(n+3){height: 246px;}
.s1109 .arti4 ul li figure{border-radius: 50%;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.s1109 .arti4 ul li figure img{width: 128px; height: 126px; border-radius: 50%; overflow: hidden;}
.s1109 .arti4 ul li div{padding-left: 31px;}
.s1109 .arti4 ul li div h3{ font-weight: 700; font-size: 1.250em;line-height: 1;margin-bottom: 15px;}
.s1109 .arti4 ul li div p{line-height: 26px;color: #666; position: relative; padding-left: 14px;}
.s1109 .arti4 ul li div p:before{content:''; position: absolute;left: 0;  top: 11px;width: 4px; height: 4px; border-radius:50%;background-color: #99abb4; }
.s1109 .arti4 span{text-align: right; display: block;color: #999999;margin-top: 8px;}
/* a.link-a{display: flex; align-items:center; justify-content: center; width: 200px;height: 65px;margin: 0 auto;line-height: 65px;background: #1e88e5;text-align: center;color: #fff;font-weight: 800;font-size: 1.125em;margin-top: 80px;}
a.link-a img{margin-left: 10px; line-height: 0; position: relative; top: 1px;} */


a.link-a{display: flex; width: 220px; height: 70px; padding: 12px 20px; justify-content: center; align-items: center; text-align: center; gap: 10px; border-radius: 100px; background: #FFF; color: #003F9D; font-size: 24px; font-weight: 700; line-height: 160%; transition:.3s; margin: 80px auto 0;}
a.link-a svg path{transition:.3s;}
a.link-a:last-child{background: #003F9D; color: #fff;}
a.link-a:hover{background: #000 !important; color: #fff;
	 svg path{stroke:#fff;}
}




.c76d3d6{color: #76d3d6;}
.c26c6da{color: #26c6da;}
.c1e88e5{color: #1e88e5;}
.c094c7d{color: #094c7d;}


.s11010 {
	.s3_title{text-align: center;font-weight: 800;color: #333;font-size: 2.250em;}
	.s3_out{margin-bottom: 104px;}
	.s3_out .s3_top{height: 370px;background: url(../img/sub/s110101_1.jpg) center / cover no-repeat;border: 5px solid #fff;box-shadow: 20px 20px 21px rgba(0,0,0,0.1);}
	.s3_out .s3_top .s_top_inner{width: 50%;height: 100%;background: url(../img/sub/s110101_2.png) center / cover no-repeat;color: #fff;padding-top: 90px;padding-left: 54px;}
	.s3_out .s3_top .s_top_inner h3{font-weight: 800;font-size: 23px;line-height: 40px;text-shadow: 2px 2px 3px rgba(0,0,0,0.25);margin-bottom: 15px;}
	.s3_out .s3_top .s_top_inner h3 span{font-size: 36px; font-weight: 800; }
	.s3_out .s3_top .s_top_inner p{line-height: 26px;text-shadow: 2px 2px 3px rgba(0,0,0,0.25);}
	.s3_out .s3_top2{padding-left: 59px;padding-top: 59px;}
	.s3_out .s3_top2 figure{display: inline-block; position: relative;}
	.s3_out .s3_top2 figure:before{content:''; position: absolute;left: 50%;  top: -60px;width: 1px; height: 70px;background-color: #ddd; z-index: -1;}
	.s3_out .s3_top2 figure img{}
	.s3_out .s3_top2 div{display: inline-block;vertical-align: top; padding-left: 24px;}
	.s3_out .s3_top2 div h3{font-size: 20px;color: #1e88e5;font-weight: 700; margin-bottom: 9px;}
	.s3_out .s3_top2 div ul{}
	.s3_out .s3_top2 div ul li{line-height: 26px;color: #666; position: relative; padding-left: 13px;}
	.s3_out .s3_top2 div ul li:before{content:''; position: absolute;left: 0;  top: 11px;width: 4px; height: 4px;background-color: #99abb4; border-radius:50%;}

	.s3_mid{margin-bottom: 105px;}
	.s3_mid h3{margin-bottom: 100px;}
	.s3_mid ul{display: flex; flex-wrap:wrap;}
	.s3_mid ul li{width: 33.333%; display: block;text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; height: 422px;}
	.s3_mid ul li:first-child{border-left: 1px solid #ddd;}
	.s3_mid ul li figure{position: relative;margin-top: -92px;}
	.s3_mid ul li h4{font-weight: 700;font-size: 20px; margin-bottom: 6px;}
	.s3_mid ul li div{ padding-left: 39px;}
	.s3_mid ul li div.figure_h4{padding-left: 0;}
	.s3_mid ul li div p{line-height: 26px;color: #666; position: relative;text-align: left;	 padding-left: 13px; -ms-word-break: keep-all;word-break: keep-all; padding-right: 10px;}
	.s3_mid ul li div p:before{content:''; position: absolute;left: 0;  top: 11px;width: 4px; height: 4px;background-color: #99abb4; border-radius:50%;}

	.bt76d3d6{border-top: 5px solid #76d3d6;}
	.bt1e88e5{border-top: 5px solid #1e88e5}
	.bt094d7f{border-top: 5px solid #094d7f}
	.bt082838{border-top: 5px solid #082838}
	.btbde5e5{border-top: 5px solid #bde5e5}
	.bt26c6da{border-top: 5px solid #26c6da}
	.c094d7f{color: #094d7f;}
	.c082838{color: #082838;}
	.cbde5e5{color: #bde5e5;}
	.cb7e2e2{color: #b7e2e2;}

	.s3_bottom h3{margin-bottom: 30px;}
	.s3_bottom .s3_b1{height: 366px;}
	.s3_bottom .s3_b2{margin-top: 20px;}
	.s3_bottom .s3_b2 .s3_bleft h4{margin-top: 218px;}
	.s3_bottom .s3_bleft:Before{content:''; position: absolute;right: 0;  top: 50%; margin-top: -15.5px;width: 26px; height: 31px;background: url(../img/sub/s110101_9.png) no-repeat; }
	.s3_bottom .s3_bleft{ width: 29%; float: left; height: 100%; position: relative;background: #1e88e5 url(../img/sub/s110101_7.png) no-repeat center top; background-position-y:99px;; text-align: center;box-shadow: 0 0 35px rgba(0,0,0,0.07) inset;}
	.s3_bottom .s3_bleft h4{color: #fff; font-weight: 800;font-size: 26px;margin-top: 243px;padding-top: 12px;position: relative;}
	.s3_bottom .s3_bleft h4:before{content:''; position: absolute;left: 50%; margin-left: -10.5px;  top: 0px;width: 21px; height: 3px;background-color: #fff;}
	.s3_bottom .s3_bright{background-color: #f6f6f6; width: 71%; float: left; height: 100%;}
	.s3_bottom .s3_bright ul{padding-top: 54px; display: flex; flex-wrap:wrap;}
	.s3_bottom .s3_bright ul li{width: 50%; padding-left: 48px;margin-bottom: 20px;}
	.s3_bottom .s3_bright ul li:nth-child(2n+2){padding-left: 0;}
	.s3_bottom .s3_bright ul li h5{font-weight: 700;font-size: 20px;line-height: 30px;color: #333;margin-bottom: 6px;}
	.s3_bottom .s3_bright ul li p{color: #666;line-height: 26px;}
	.s3_bottom .s3_b2{height: 340px;}
	.s3_bottom .s3_b2 .s3_bleft{	background:#094d7f url(../img/sub/s110101_8.png) no-repeat center top; height: 100%; background-position-y:64px;}
	.s3_mid2 ul li{height: 232px;}
	.s3_mid2 ul.ul_2{margin-top: 102px;}
	.s3_mid3 ul li{height: 270px;}
}
	.s110102 .s3_out .s3_top{background: url(../img/sub/s110102_1.jpg) center / cover no-repeat;}
	.s3_3 .s3_out .s3_top{background: url(../img/sub/s110103_1.jpg) center / cover no-repeat;}
	
	
/* s3 */
.s3-arti1{position: relative; display: flex; flex-wrap:wrap; gap:111px; }
.s3-arti1 .lbx{max-width:438px; width: 100%;}
.s3-arti1 .lbx strong{color: #222; font-size: 40px; font-weight: 700; line-height: 160%;}
.s3-arti1 .lbx strong span{color: #003F9D;}
.s3-arti1 .rbx{position: relative; display: flex; flex-direction: column; gap:12px; z-index: 2;  padding-bottom: 200px;}
.s3-arti1 .rbx b{color: #222; font-size: 32px; font-weight: 700; line-height: 160%; }
.s3-arti1 .rbx b.noew{font-weight: 400;}
.s3-arti1 .rbx b.noew strong{font-weight: 600;}
.s3-arti1 .rbx p{color: #444; font-size: 22px; font-weight: 400; line-height: 160%; }
.s3-arti1 .rbx big{position: absolute; left: 64px; bottom: 20px; color: #F8F8F8; font-size: 200px; font-weight: 800; line-height: 160%; z-index: -1; width: max-content;;}

.s31{width: 100%; overflow: hidden;}
.s31 dl{display: flex; flex-wrap:wrap; gap:111px; margin-top: 120px;}
.s31 dl dt{max-width:438px; width: 100%;}
.s31 dl dt strong{color: #222; font-size: 40px; font-weight: 700; line-height: 160%;}
.s31 dl dt strong span{color: #003F9D;}
.s31 dl dd{position: relative; display: flex; flex-direction: column; gap:12px; z-index: 2;  }
.s31 dl dd b{color: #222; font-size: 32px; font-weight: 700; line-height: 160%; }
.s31 dl dd p{color: #444; font-size: 22px; font-weight: 400; line-height: 160%; }
.s31 .arti3-wrap{position: relative; background: #F0F8FF; text-align: center; margin-top: 215px; padding-top: 200px; padding-bottom: 244px; max-width: 100%; overflow: hidden;}
.s31 .arti3 .tit{display: flex; flex-direction: column; align-items:center; justify-content: center; text-align: center; gap:12px;}
.s31 .arti3 .tit b{color: #222; font-size: 40px; font-weight: 700; line-height: 160%; } 
.s31 .arti3 .tit b span{color: #003F9D;}
.s31 .arti3 .tit p{color:#444; font-size: 22px; font-weight: 400; line-height: 160%; }
.s31 .arti3 figure{margin-top: 140px;}
.s31 .arti3-wrap big{display: block; width: max-content; position: absolute; left: -10px; bottom: 0;}
.s31 .arti4{margin-top: 147px; padding-bottom: 10px;}
.s31 .arti4 .img-box{text-align: center; margin-top: 200px; }
.s31 .arti4 .img-box .ceo{position: relative; width: 222px; height: 222px; border-radius: 50%; margin: 0 auto;}
.s31 .arti4 .img-box .ceo figure{z-index: 2;width: 222px; height: 222px; display: flex; align-items:center; justify-content: center;  border-radius: 50%; background: linear-gradient(227deg, #26C6DA 8.85%, #1E88E5 87.33%); margin: 0 auto;}
.s31 .arti4 .img-box .ceo span{position: absolute; left: 50%; top: 50%; translate:-50% -50%; display: block; width: 222px; height: 222px; border-radius: 50%;animation: waveRipple1 3s infinite; z-index: -1; opacity: 0;}
.s31 .arti4 .img-box .ceo span.o1{background: rgba(0, 190, 240, 0.16); animation-delay: 0s;}
.s31 .arti4 .img-box .ceo span.o2{background: rgba(0, 190, 240, 0.06); animation-delay: .5s; animation: waveRipple2 2s infinite;}
@keyframes waveRipple1{0%{transform: scale(1);} 20%{opacity: 1; transform: scale(1.1);} 70%{opacity: 0.6;} 100%{transform: scale(1.2); opacity: 0; }}
@keyframes waveRipple2{0%{transform: scale(1);} 40%{opacity: 1; transform: scale(1.2);} 80%{opacity: 0.6;} 100%{transform: scale(1.4); opacity: 0; }}

.s31 .arti4 .img-box > figure{position: relative; top: 8px; }
.s31 .arti5-wrap{background: url(../img/sub/s31-6.jpg) center / cover no-repeat; margin-top: 190px;}
.s31 .arti5{display: flex; flex-direction: column; justify-content: center; text-align: center; height: 520px; }
.s31 .arti5 .tbx{display: flex; flex-direction: column; gap:40px}
.s31 .arti5 p{color: #FFF; font-size: 36px; font-weight: 700; line-height: 160%; }
.s31 .arti5 .link-flex{display: flex; flex-wrap:wrap; gap:20px; justify-content: center; align-items:center;}
.s31 .arti5 .link-flex > a{display: flex; width: 400px; height: 70px; padding: 12px 60px; justify-content: center; align-items: center; text-align: center; gap: 10px; border-radius: 100px; background: #FFF; color: #003F9D; font-size: 24px; font-weight: 700; line-height: 160%; transition:.3s;}
.s31 .arti5 .link-flex > a svg path{transition:.3s;}
.s31 .arti5 .link-flex > a:last-child{background: #003F9D; color: #fff;}
.s31 .arti5 .link-flex > a:hover{background: #000 !important; color: #fff;
	 svg path{stroke:#fff;}
}


/* s32 */
.s32{max-width:100%; overflow: hidden;}
.s32 .s3-arti1 .lbx{padding-top: 20px;}
.s32 .s3-arti1 .rbx{padding-top: 20px;}
.s32 .arti2-wrap{position: relative; background: url(../img/sub/s32-1.jpg) center / cover no-repeat; height: 545px; display: flex; align-items:center; justify-content: center; }
.s32 .arti2 > ul{display: flex; justify-content: center; text-align: center; align-items:center; gap:136px;}
.s32 .arti2 > ul > li{position: relative; width: 329px; display: flex; display: flex; align-items:center; }
.s32 .arti2 > ul > li:not(:last-child):after{position: absolute; content: ''; display: block; width: 1px; height: 209px; background: rgba(255, 255, 255, 0.20); right: -68px; top: 50%; translate:0 -50%;}
.s32 .arti2 > ul > li .box{display: flex; flex-direction: column; gap:20px; text-align: center; width: 100%;}
.s32 .arti2 > ul > li .box .tbx{display: flex; flex-direction: column; gap:3px; justify-content: center; }
.s32 .arti2 > ul > li .box .tbx .num{display: flex; flex-wrap:wrap; color: #FFF; text-align: center; font-size: 40px; font-weight: 700; line-height: 160%; text-align: center; justify-content: center;}
.s32 .arti2 > ul > li .box .tbx .num b{font-family: 'Montserrat'; font-size: 60px; font-weight: 600; line-height: 100%; margin-right: 7px;		}
.s32 .arti2 > ul > li .box .tbx .num span{font-family: 'Montserrat'; color: #00BEF0; font-size: 60px; font-weight: 700; line-height: 100%; margin-left: 15px;}
.s32 .arti2 > ul > li .box .tbx p{color: #FFF; font-size: 28px; font-weight: 600; line-height: 160%; }
.s32 .arti3{display: flex; flex-direction: column; gap:100px; margin-top: 140px;}
.s32 .arti3 .box{display: flex; flex-wrap:wrap; gap:60px; justify-content: space-between;}
.s32 .arti3 .box:nth-child(even){    flex-direction: row-reverse;}
.s32 .arti3 .box figure{position: relative; max-width:686px; width: 100%;}
.s32 .arti3 .box figure span{position: absolute; right: 30px; top: 30px; color: #999; font-size: 50px; font-weight: 800; line-height: 100%; opacity: 0.5;}
.s32 .arti3 .box .tbx{display: flex; flex-direction: column; padding-top: 40px; flex:1;}
.s32 .arti3 .box .tbx b{color: #070707; font-size: 32px; font-weight: 700; line-height: 160%; margin-bottom: 10px;}
.s32 .arti3 .box .tbx b span{color: #003F9D;}
.s32 .arti3 .box .tbx p{color: #222; font-size: 22px;font-weight: 400; line-height: 160%; }
.s32 .arti3 .box .tbx p .m-br{display: none;}
.s32 .arti3 .box .tbx ul{margin-top: 32px; margin-left: 35px; display: flex; flex-direction: column; gap:8px;}
.s32 .arti3 .box .tbx ul > li{list-style:disc; color: #444; font-size: 22px; font-weight: 400; line-height: 160%; }
.s32 .arti3 .box .tbx ul > li.w11{width: 110%;}

/* s33 */

.s33{max-width:100%; overflow: hidden;}
.s33 .s3-arti1 .lbx{padding-top: 20px;}
.s33 .s3-arti1 .rbx{padding-top: 20px;}
.s33 .arti2-wrap{display: flex; align-items:center; justify-content: center; background: #F0F8FF; height: 1014px;}
.s33 .arti3{margin-top: 200px;; display: flex; flex-direction: column; gap:176px;}
.s33 .arti3 .flex{display: flex; flex-wrap:wrap; gap:80px; justify-content: space-between; }
.s33 .arti3 .flex .box{flex:1; scroll-margin-top: 150px;} 
.s33 .arti3 .flex .box .tit{display: flex; flex-wrap:wrap; align-items:center; margin-bottom: 20px;}
.s33 .arti3 .flex .box .tit span{display: flex; align-items:center; color: #00BEF0; font-size: 22px; font-weight: 700; line-height: 160%; }
.s33 .arti3 .flex .box .tit span:after{content: '';	width: 1px; height: 20px; background: #999; margin: 0px 20px;}
.s33 .arti3 .flex .box .tit p{color: #000; font-size: 32px; font-weight: 700; line-height: 160%; }
.s33 .arti3 .flex .box figure{position: relative; }
.s33 .arti3 .flex .box figure .link-box > a{position: absolute; right: 15px; bottom: -26px; display: flex; width: 350px; height: 60px; padding: 12px 10px; justify-content: center; align-items: center; gap: 10px; color: #FFF; text-align: center; font-size: 20px; font-weight: 700; line-height: 160%; border-radius: 100px;background: #2168C3; box-sizing: border-box; transition:.3s;}
.s33 .arti3 .flex .box figure .link-box > a:hover{background: #000;}

.s33 .arti3 .flex .box .tbx{display: flex; flex-direction: column; gap:40px; margin-top: 60px; } 
.s33 .arti3 .flex .box .tbx .check{display: flex; align-items:center; gap:6px; margin-bottom: 6px;}
.s33 .arti3 .flex .box .tbx .check p{flex:1; color: #000; font-size: 26px; font-weight: 700; line-height: 160%;}
.s33 .arti3 .flex .box .tbx .check p span{color: #003F9D;}
.s33 .arti3 .flex .box .tbx .txt > p{color: #222; font-size: 22px; font-weight: 400; line-height: 160%; height: 105px;}
.s33 .arti3 .flex .box .tbx .txt ul{display: flex; flex-direction: column; gap:8px; margin-left: 35px;}
.s33 .arti3 .flex .box .tbx .txt ul > li{list-style:disc; color: #444; font-size: 22px; font-weight: 400; line-height: 160%; }

.sub_3_4_1 .sub-flex .sub-cnt{padding-top: 60px;}
.sub_3_4_1 .dep4{margin-bottom: 100px;}
.s341 {display: flex; flex-wrap:wrap; justify-content: space-between; }
.s341 .history-wrap{max-width:1062px; flex:1; display: flex; flex-direction: column; margin-top: 40px; gap:60px; flex-direction: column-reverse;}
.s341 .history-wrap .box{display: flex; flex-direction: column; }
.s341 .history-wrap .box .tit{display: flex; flex-wrap:wrap; align-items:center; border-bottom: 1px solid #ccc; padding-bottom: 16px; margin-bottom: 40px;}
.s341 .history-wrap .box .tit b{ font-size: 50px; font-weight: 700; line-height: 120%;  background: linear-gradient(90deg, #00CAFF 0%, #0048B3 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.s341 .history-wrap .box .tit span{color: #444; font-size: 28px; font-weight: 700; line-height: 160%; display: flex; flex-wrap:wrap; align-items:center;}
.s341 .history-wrap .box .tit span:before{content: ''; width: 1px; height: 27px; background: #ccc; margin: 0 20px;}
.s341 .history-wrap .box figure{padding-left: 27px; margin-bottom: 30px;}
.s341 .history-wrap .box .cnt{display: flex; flex-wrap:wrap; padding-left: 27px; }
.s341 .history-wrap .box .cnt .years{position: relative; width: 180px; padding-bottom: 93px;}
.s341 .history-wrap .box .cnt .years b{color: #222; font-size: 36px; font-weight: 700; line-height: 120%;}
.s341 .history-wrap .box .cnt .years:after{position: absolute; content: ''; width: 20px; height: 20px;  border: 6px solid #4AD3C7; box-sizing: border-box; border-radius: 50%; right: 4px; top: 19px;}
.s341 .history-wrap .box .cnt .years:before{position: absolute; content: ''; width: 1px; height: calc(100% - 34px); border-left: 1px dashed #ccc; right: 13px; top: 34px; }
.s341 .history-wrap .box .cnt .txt{flex:1; padding-left: 25px; padding-top: 20px; padding-bottom: 80px;} 
.s341 .history-wrap .box .cnt .txt ul{display: flex; flex-direction: column; gap:16px; margin-left: 35px; flex-direction:column-reverse}
.s341 .history-wrap .box .cnt .txt ul > li{color: #444; font-size: 22px; font-weight: 400; line-height: 160%; list-style:disc;}

.sub_3_4_2 .sub-flex .sub-cnt{padding-top: 60px;}
.sub_3_4_2 .dep4{margin-bottom: 100px;}
.s342 .arti1{display: flex; flex-wrap:wrap; justify-content: center; gap:110px;}
.s342 .arti1 .lbx{max-width:438px; width: 100%;}
.s342 .arti1 .lbx b{color: #222; font-size: 40px; font-weight: 700; line-height: 160%; }
.s342 .arti1 .rbx{flex:1; }
.s342 .arti1 .rbx p{color: #222; font-size: 32px; font-weight: 700; line-height: 160%; margin-bottom: 72px;}
.s342 .arti1 .rbx .img-box{display: flex; flex-direction: column; gap:32px;}
.s342 .arti1 .rbx .img-box figure{box-sizing: border-box; padding: 20px; background: #F0F8FF; border-radius: 40px;}
.s342 .arti1 .rbx .img-box figure img{padding: 14px; background: #fff; border-radius: 20px;}




.br_pc_none{display: none;}
.mo_block_nunber{display: none;}