/* Common **********************************************************************/ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } @font-face { font-family: 'OTEnjoystoriesBA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff'); font-weight: normal; font-style: normal; } /* Common **********************************************************************/ html,body {width:100%; } html {overflow-y:scroll; box-sizing:border-box;} *, *:before, *:after{box-sizing:inherit;} *{ -webkit-text-size-adjust:none; -webkit-text-size-adjust - auto | none | N% (default auto) } body {*word-break:break-all;-ms-word-break:break-all; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;} fieldset,img {border:0px none; vertical-align:top;} dl,ul,ol,menu,li {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;} button {border:0 none; background-color:transparent; cursor:pointer;} body { background:#fff;} body,th,td,input,select,textarea,button {font-size:14px; line-height:1.6; font-family: 'Noto Sans KR';color:#555555;} a:link,a:active,a:visited{color:#555555; text-decoration:none; border:0px;} a:hover,a:focus{color:#555555; text-decoration:none} table {border-collapse:collapse; border-spacing:0;} address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;} summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;} caption {position:static;} /* label hidden 처리 */ .invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;} label.invisible{*position:Absolute;} /* common */ .clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden; } .clfix {display:inline-block;} .clfix {display:block;} * html .clfix {height:1%;} /* Hides from IE-mac */ .clfix {zoom:1;} /*for IE 5.5-7*/ /*멤버스킨*/ .title{font-size:15px; font-weight:bold;} /*테이블*/ .tbl_type,.tbl_type th,.tbl_type td{border:0} .tbl_type{width:100%;border-bottom:1px solid #e2e2e5; } .tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;} .tbl_type p{font-size:11px; color:#b6b7bc;} .tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;} .tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0} .tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; } .tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;} .tbl_type2 p{font-size:11px; color:#b6b7bc;} .tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;} /*main*/ .f_left{float:left;} .f_right{float:right;} .t_center{text-align:center;} /*로그인스킨*/ .mobile_loginWrap{} .mobile_loginWrap th{ padding-left:30px; width:95px; height:35px; background-color:#f0f0f0; font-size:13px; color:#333333; font-weight:bold; text-align:left;} .mobile_loginWrap td{height:35px;background-color:#f0f0f0; } input.input_mobile_login{width:85%; height:30px; color:#666666;background-color:#ffffff; border:1px solid #DFDFDF; -webkit-border-radius:0px; -webkit-appearance:none; } .btn_login_mobileWrap{text-align:center;} .login_btn_mobile{width:80%; height:35px; font-size:14px; font-weight:bold; color:#ffffff; background:#333333; border:0 none; } /*회원가입 스킨*/ .inWrap {width:98%; padding:30px 0;} .inWrap.type1 { padding:50px 0;} .inWrap.type2 { padding:0;} .inWrap.type3 { padding:5px 0; border-bottom-width:0;} .inWrap.width1 { width:680px !important; margin:0 auto;} .tbox1 { border:1px solid #cdcdcd; } .tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;} .tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;} .txt_type { line-height:25px; font-size:13px; color:#666;} .agreement input{vertical-align:middle; border:none;} .btnType { display:inline-block; position:relative; transition:all 0.3s;} .btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:12px;} .btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; } .btnWrap input{font-family:"Nanum Barun Gothic"; color:#fff;} /* main */ #wrap{ overflow:hidden; width:100%; min-width:375px; max-width: 767px; margin: 0 auto; position:relative; word-break: keep-all;} /* header */ #header { display:flex; justify-content:space-between; align-items:center; position:relative; z-index:4000; padding:0 4%; height:63px; border-bottom:1px solid #ddd;} #header h1 { width: 181px;} #header h1 a { display:flex; align-items:center; width:100%;} #header .nav_btn { display:block; position:relative; width:20px; height:17px;} #header .nav_btn span { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:3px; background:#006ebf; text-indent:-9999px;} #header .nav_btn span::before { content:''; position:absolute; left:0; top:-7px; width:100%; height:100%; background:#006ebf; transition:all .5s;} #header .nav_btn span::after { content:''; position:absolute; left:0; top:7px; width:100%; height:100%; background:#006ebf; transition:all .5s;} #header .nav_btn.on span { background:transparent;} #header .nav_btn.on span::before { top:0; transform:rotate(45deg);} #header .nav_btn.on span::after { top:0; transform:rotate(-45deg);} /* navigation */ .navigation { display:none; position:absolute; left:0; right:0; top:63px; bottom:0; width:100%; height:100%; z-index:3000; background:#fff;} .navigation .nav_container { display:flex; height:100%;} .navigation .nav_menu_wrap { padding:30px 0; width:50%; background:#e5eff7;} .navigation .nav_menu {} .navigation .nav_menu li { position:relative; height:40px;} .navigation .nav_menu li::before { opacity:0; content:''; position:absolute; left:0; top:0; z-index:1; width:calc(100% + 7px); height:100%; background:#006ebf; transition:.5s;} .navigation .nav_menu li a { display:flex; align-items:center; position:relative; z-index:2; padding:0 4%; width:100%; height:100%; font-size:15px; color:#222; font-weight:500;} .navigation .nav_menu li.on::before { opacity:1;} .navigation .nav_menu li.on a { color:#fff;} .navigation .login_menu { margin-top:28px; padding:0 4%;} .navigation .login_menu li { margin-bottom:18px;} .navigation .login_menu li a { display:inline-block; position:relative; min-width:59px; font-size:13px; color:#222;} .navigation .login_menu li a::after { content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#006ebf;} .navigation .nav_tab_wrap { padding:30px 0 0 27px; width:50%; background:#fff;} .navigation .nav_con {} .navigation .nav_con li { height:40px;} .navigation .nav_con li a { display:flex; align-items:center; width:100%; height:100%; font-size:14px; color:#222;} .navigation .nav_con li.on a { color:#006ebf;} /* == visual == */ #visual_wrap { position:relative;} #visual_wrap .video_wrap { position:relative; padding-bottom:80.7%;} #visual_wrap video { position:absolute; left:0; top:0; width:100%; height:100%;} /* == section == */ .sec_tit01 { text-align:center; line-height:1;} .sec_tit01 p {font-size:15px; color:#00d4c6; font-weight:500; letter-spacing:3px;} .sec_tit01 p span { margin-right:10px; color:#ffa20e;} .sec_tit01 strong { display:block; margin-top:15px; font-size:25px; color:#006ebf; font-weight:900;} #section01 { padding:30px 4% 0;} #section01 .con { position:relative; padding:25px; border:1px solid #ddd; border-top:2px solid #e5eff7; font-size:0; line-height:1;} #section01 .con ~ .con { margin-top:20px;} #section01 .con strong { display:inline-block; margin-bottom:20px; font-size:20px; color:#006ebf; font-weight:700;} #section01 .con01 strong::after { content:''; display:inline-block; margin-left:10px; width:17px; height:17px; background:url(/mobile/images/main/main_ico_time.png) center no-repeat; background-size:100% auto;} #section01 .con02 strong::after { content:''; display:inline-block; margin-left:10px; width:18px; height:15px; background:url(/mobile/images/main/main_ico_notice.png) center no-repeat; background-size:100% auto;} #section01 .con03 strong::after { content:''; display:inline-block; margin-left:10px; width:13px; height:18px; background:url(/mobile/images/main/main_ico_location.png) center no-repeat; background-size:100% auto;} #section01 .con01 p { font-size: 14px; color:#222; font-weight:500;} #section01 .con01 p ~ p { margin-top:15px;} #section01 .con01 p em { display:inline-block; width:55px;} #section01 .con01 p span { color:#006ebf;} #section01 .con02 .con02_view { display:block; position:absolute; right:25px; top:25px; width:21px; height:21px; border:1px solid #ddd; background:url(/mobile/images/main/ico_view01.png) center no-repeat; background-size:9px auto;} #section01 .con02 .notice_con li ~ li { margin-top:15px;} #section01 .con02 .notice_con li a { display:block; font-size:14px; color:#666; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} #section01 .con03 span { display:block; padding-left:25px; font-size:20px; color:#222; font-weight:500; background:url(/mobile/images/main/main_ico_tel.png) left center no-repeat; background-size:15px auto;} #section01 .con03 p { margin:10px 0 20px; font-size:14px; color:#222; line-height:20px; font-weight:500;} #section01 .con03 .map_link { display:flex;} #section01 .con03 .map_link a { display:block; width:calc(50% - 7.5px);} #section01 .con03 .map_link a ~ a { margin-left:15px;} #section02 { padding:70px 4% 75px;} #section02 .sec02_container { margin-top:35px;} #section02 .sec02_list { display:flex; flex-wrap:wrap; justify-content:space-between;} #section02 .sec02_list li { position:relative; width:calc(50% - 7.5px);} #section02 .sec02_list li:nth-child(2) ~ li { margin-top:15px;} #section02 .sec02_list li a { display:block; width:100%;} #section02 .sec02_list li a .img_wrap { position:relative; width:100%; padding-bottom:133.33%;} #section02 .sec02_list li a .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;} #section02 .sec02_list li a .txt { position:absolute; left:0; right:0; bottom:0; padding-bottom:25px; line-height:1; text-align:center;} #section02 .sec02_list li a .txt p { display:inline-block; position:relative; padding: 0 11px; font-size:15px; color:#fff; font-weight:500; /* width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; */} #section02 .sec02_list li a .txt p span { width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} #section02 .sec02_list li a .txt p::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#fff;} #section02 .sec02_list li a .txt p::after { content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#fff;} #section03 { padding:0 4% 80px;} #section03 .sec_tit01 strong { margin-top:10px ; line-height:35px;} #section03 .sec_tit01 p:nth-of-type(2) { margin-top:9px; font-size:14px; color:#666; line-height:24px; font-weight:400; letter-spacing:0px;} /* #section03 .sec03_slide_wrap { margin-top:25px;} */ /* #section03 .sec03_slide .slick-list { width:calc(100% + 1000px);} */ /* #section03 .sec03_slide li { width:310px; margin-right:15px;} */ #section03 .sec03_slide li { width:310px; margin-right:0} #section03 .sec03_slide li a .img_wrap { position:relative; width:100%; padding-bottom:/* 57.09% */107.57%;} #section03 .sec03_slide li a .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;} #section04 { padding:70px 4%; background:url(/mobile/images/main/sec04_bg.jpg) top center no-repeat; background-size:cover;} #section04 .sec_tit01 strong, #section04 .sec_tit01 p { color:#fff;} #section04 .sec04_container { margin-top:30px;} #section04 .sec04_container ul { display:flex; flex-wrap:wrap; justify-content:space-between;} #section04 .sec04_container ul li { overflow:hidden; position:relative; width:calc(50% - 7.5px); height:255px; border-radius:75px; background:#fff;} #section04 .sec04_container ul li:nth-child(2) ~ li { margin-top:15px;} #section04 .sec04_container ul li a { display:block; width:100%; height:100%;} #section04 .sec04_container ul li a .img_wrap { overflow:hidden; position:relative; width:100%; height:150px;} #section04 .sec04_container ul li .txt_wrap { position:relative; padding:27px 0 0; text-align:center; line-height:1;} #section04 .sec04_container ul li .txt_wrap em { display:block; position:absolute; left:50%; top:-15px; transform:translateX(-50%); width:31px; height:31px; border:2px solid #fff; border-radius:50%; background:#006ebf url(/mobile/images/main/ico_view02.png) center no-repeat; background-size:9px auto;} #section04 .sec04_container ul li .txt_wrap span { font-size:13px; color:#00d4c6;} #section04 .sec04_container ul li .txt_wrap p { margin-top:14px; font-size:16px; color:#006ebf; font-weight:500;} #section05 { padding:70px 4%; background:#f5f5f5;} #section05 .sec05_slide_wrap { margin-top:30px;} #section05 .sec05_slide .slick-list { width:calc(100% + 1000px);} #section05 .sec05_slide li { width:280px; margin-right:15px;} #section05 .sec05_slide li a .img_wrap { position:relative; width:100%; padding-bottom:105.35%;} #section05 .sec05_slide li a .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;} #section05 .sec05_slide li a .txt_wrap { padding-top:20px; text-align:center; line-height:1;} #section05 .sec05_slide li a .txt_wrap strong { display:block; font-size:16px; color:#222; font-weight:500; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} #section06 { padding:60px 4% 70px; text-align:center;} #section06 .sec_tit01 strong { margin-top:10px ; line-height:35px;} #section06 .sec06_container { margin-top:25px;} #section06 .sec06_container ul { display:flex; flex-wrap:wrap; justify-content:space-between;} #section06 .sec06_container ul li { overflow:hidden; position:relative; width:calc(50% - 7.5px);} #section06 .sec06_container ul li:nth-child(2) ~ li { margin-top:15px;} #section06 .sec06_container ul li a .img_wrap { position:relative; width:100%; padding-bottom:100%;} #section06 .sec06_container ul li a .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;} #section06 .sec06_view { display:inline-block; margin-top:30px;} #section06 .sec06_view span { padding-right:33px; font-size:14px; color:#006ebf; line-height:1; background:url(/mobile/images/main/sec06_arrow_right.png) right center no-repeat; background-size:18px auto;} #section07 { padding:50px 4% 50px; background:#e5eff7;} #section07 .sec07_txt { margin-bottom:32px;} #section07 .sec07_txt .con { line-height:1;} #section07 .sec07_txt .con strong { display:block; margin-bottom:15px; font-size:18px; color:#006ebf; font-weight:700;} #section07 .sec07_txt .con p { font-size:14px; color:#006ebf; line-height:24px;} #section07 .sec07_txt .con:nth-child(3) p { color:#00d4c6;} #section07 .sec07_txt .con:nth-child(3) p:nth-of-type(3) em { width:auto;} #section07 .sec07_txt .con p em { display:inline-block; width:55px; color:#006ebf;} #section07 .sec07_txt .con span { display:block; font-size:18px; color:#00d4c6; font-weight:700;} #section07 .sec07_txt .con:nth-of-type(1) p { line-height:24px;} #section07 .sec07_txt .con:nth-of-type(2) { margin-top:25px;} #section07 .sec07_txt .con:nth-of-type(3) { margin-top:30px;} #section07 .sec07_map { position:relative; width:100%; padding-bottom:78.26%;} #section07 .sec07_map iframe { position:absolute; width:100%; height:100%;} /* quick_menu */ .quick_menu { position:fixed; right:4%; bottom:40px; z-index:6000;} .quick_menu.ab {position:absolute; bottom:358px;} .quick_menu ul { line-height:1;} .quick_menu ul li{position:absolute; right: 0; bottom: 0; transition: 0.5s; z-index: 10; opacity: 0;} .quick_menu.on ul li{opacity: 1;} .quick_menu.on ul li:nth-child(1){bottom: 250px;} .quick_menu.on ul li:nth-child(2){bottom: 200px;} .quick_menu.on ul li:nth-child(3){bottom: 150px;} .quick_menu.on ul li:nth-child(4){bottom: 100px;} .quick_menu.on ul li:nth-child(5){bottom: 50px;} .quick_menu ul li ~ li { margin-top:10px;} .quick_menu ul li a { display:block; text-align:center;} .quick_menu ul li a .ico_box { display:flex; justify-content:center; align-items:center; width:40px; height:40px; border-radius:50%;} .quick_menu .quick_btn { position:relative; z-index:20; display:block; margin-top:10px; width:40px; height:40px; border-radius:50%; background:#08559b url(/mobile/images/main/quick_btn.png) center no-repeat; background-size:15px auto;} .quick_bg { display:none; position:absolute; left:0; right:0; top:0; bottom:0; z-index:5000; background:rgba(0,0,0,.3);} /* == footer == */ #footer { position:relative; z-index:7000;} #footer .online_form_wrap { position:relative; background:#08559b;} #footer .btn_form_box { display:flex; align-items:center; justify-content:center; position:absolute; left:50%; top:-40px; transform:translateX(-50%); width:170px; height:40px; background:#08559b; border-radius:5px 5px 0 0;} #footer .btn_form_box span { padding-right:27px; font-size:14px; color:#fff; font-weight:500; background:url(/mobile/images/main/online_form_arrow_up.png) right center no-repeat; background-size:11px auto;} #footer .btn_form_box.on span { background-image:url(/mobile/images/main/online_form_arrow_down.png);} #footer .form_box {border-bottom: 1px solid #054885; position:absolute; left:0; right:0; top:0; padding:25px 4% 10px; transition:all 1s; background:#08559b;} #footer .form_box.on { top:-208px; z-index:1;} #footer .form_box .in_form { position:relative; z-index:-1; opacity:0; transition:1s;} #footer .form_box.on .in_form { opacity:1;} #footer .form_box .input_box { display:flex; flex-wrap:wrap; justify-content:space-between;} #footer .form_box .input_box > div { border-bottom:1px solid #fff;} #footer .form_box .input_box input { width:100%; padding-bottom:10px; border:0; outline:0; background:transparent; color:#fff;} #footer .form_box .input_box input::placeholder { font-size:13px; color:#fff; font-family: 'Noto Sans KR';} #footer .form_box .input_box .input_name, #footer .form_box .input_box .input_tel { width:calc(50% - 5px);} #footer .form_box .input_box .input_txt { margin-top:20px; width:100%;} #footer .form_box .chk_box { margin:15px 0 20px;} #footer .form_box .chk_box input { position:absolute; left:-9999%;} #footer .form_box .chk_box label { position:relative; padding-left:20px; font-size:12px; color:#fff;} #footer .form_box .chk_box label::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:13px; height:13px; border:1px solid #fff;} #footer .form_box .chk_box input:checked + label::before { background:url(/mobile/images/main/chk_on.png) center no-repeat; background-size:7px auto;} #footer .form_box .btn_form01 { width:100%; height:38px; background:#fff; border-radius:5px;} #footer .form_box .btn_form01 span { padding-right:20px; font-size:13px; color:#08559b; background:url(/mobile/images/main/online_form_arrow_right.png) right center no-repeat; background-size:6px auto;} #footer .footer_link { display:flex; justify-content:center; align-items:center; position:relative; z-index:10; padding:0 4%; height:50px; background:#08559b;} #footer .footer_link li { position:relative; padding:0 15px 0 17px;} #footer .footer_link li ~ li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:6px; background:#054885;} #footer .footer_link li:first-child { padding-left:0;} #footer .footer_link li:last-child { padding-right:0;} #footer .footer_link li a { font-size:14px; color:#bdceea;} #footer .footer_info { position:relative; z-index:10; padding:30px 4% 25px; background:#0068b0;} #footer .footer_logo { display:block; width:196px;} #footer address { margin:16px 0 7px; font-size:14px; color:#fff; line-height:20px;} #footer address i { display:block; height:8px;} #footer .copy { font-size:14px; color:#bdceea; line-height:20px;} /* == SUB == */ #sub_visual_wrap { position:relative;} #sub_visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; line-height:1;} #sub_visual_wrap .txt_wrap h2 { position:relative; padding-bottom:26px; font-size:25px; color:#fff; font-weight:700;} #sub_visual_wrap .txt_wrap h2::after { content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:30px; height:1px; background:#fff;} #sub_visual_wrap .txt_wrap p { margin-top:26px; font-size:14px; color:#fff;} /* tab_menu */ .tab_menu { display: flex; position:relative; width:100%; border: 1px solid #ddd; font-size:0; height:50px;} .tab_menu .menu {display: flex; width:100%;} .tab_menu .menu > li {position:relative; display: flex; flex:1; background:url("/mobile/images/sub/tab_arrow_down.png") center right 15px no-repeat; background-size:11px auto;} .tab_menu .menu > li.menulink02.on > a { color:#006ebf;} .tab_menu .menu > li ~ li { border-left:1px solid #ddd;} .tab_menu .menu > li.on {background:url("/mobile/images/sub/tab_arrow_up.png") right 15px center no-repeat; background-size:11px auto;} .tab_menu .menu > li > a {display:flex; align-items:center; padding:0 15px; width:100%; height:100%; font-size: 14px; color:#666; line-height:1.2;} .tab_menu .menu > li ul { display:none; position:absolute; left:-1px; padding:15px 0; width:calc(100% + 2px); top:100%; border:1px solid #ddd; background:#fff; z-index:100;} .tab_menu .menu > li ul li ~ li { margin-top: 10px;} .tab_menu .menu > li ul li a {display:block; font-size:14px; color:#222; line-height:25px; padding:0 15px;} .tab_menu .menu > li ul li.on > a {color:#006ebf;} #sub_contents { padding:50px 0 80px; min-height:500px;} #sub_contents .inner { padding:0 4%;} #sub_contents .no_inner {} #sub_contents .contop { margin-bottom:23px; text-align:center; line-height:1;} #sub_contents .contop h3 { position:relative; padding-bottom:22px; font-size:25px; color:#222; font-weight:700;} #sub_contents .contop h3::after { content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:25px; height:2px; background:#006ebf;} #sub_contents.sub_content_none{padding:50px 0 0} #sub_contents .inner.inner_none{width:100%;padding:0;} /* sub0101 */ .sub0101 { text-align:center; line-height:1;} .sub0101 .sub0101_tit { margin-bottom:20px; font-size:18px; color:#222; line-height:28px; font-weight:500;} .sub0101 .sub0101_tit strong { display:block; font-weight:700;} .sub0101 .txt01 { margin:49px 4% 33px;} .sub0101 .txt01 strong { font-size:20px; color:#006ebf; font-weight:700l} .sub0101 .txt01 .txt_box { margin:25px 0 15px; width:100%; padding:13px 70px; border-radius:50px; background:rgba(0,110,191,.1);} .sub0101 .txt01 .txt_box span { display:block; font-size:14px; color:#222; line-height:24px;} .sub0101 .txt01 p { padding:0 20px; font-size:14px; color:#555; line-height:24px;} .sub0101 .txt01 p em { color:#006ebf;} .sub0101 .img_list { padding:0 4% 50px;} .sub0101 .img_list li { position:relative; text-align:left;} .sub0101 .img_list li ~ li { margin-top:20px;} .sub0101 .img_list li .img_wrap { position:relative; width:100%;} .sub0101 .img_list li .txt_wrap { position:absolute; left:0; right:0; bottom:0; padding:25px 30px;} .sub0101 .img_list li .txt_wrap strong { font-size:18px; color:#fff; font-weight:500;} .sub0101 .img_list li .txt_wrap p { margin-top:13px; font-size:14px; color:#fff; line-height:24px;} .sub0101 .txt_list {} .sub0101 .txt_list li { position: relative;} .sub0101 .txt_list li .img_wrap { position:relative; width:100%;} .sub0101 .txt_list li .txt_wrap { display:flex; flex-wrap:wrap; align-content:center; position:absolute; left:0; right:0; top:0; bottom:0; line-height:1; padding:0 4%; text-align:left;} .sub0101 .txt_list li .txt_wrap span { font-size:20px; color:#fff; font-weight:500;} .sub0101 .txt_list li .txt_wrap strong { display:block; margin:16px 0 15px; width:100%; font-size:25px; color:#fff; font-weight:700; line-height:35px;} .sub0101 .txt_list li .txt_wrap p { width:100%; color:#fff;} .sub0101 .txt_list li .txt_wrap p:nth-of-type(1) { font-size:16px; line-height:26px;} .sub0101 .txt_list li .txt_wrap p:nth-of-type(2) { margin-top:30px; font-size:14px; line-height:24px;} .sub0101 .txt_list li:nth-child(5) .txt_wrap { text-align:center;} .sub0101 .txt_list li:nth-child(5) .txt_wrap p { font-size:20px; line-height:30px;} /*sub0102_wrap*/ .sub0102_wrap .top{text-align:center;position:relative; padding: 30px 0;margin-bottom:20px;} .sub0102_wrap .top:before{position:absolute;top:-10px;left:-10px;background:url(/mobile/images/sub/sub0102_img01.png)no-repeat;content:'';width:100px;height:100px} .sub0102_wrap .top:after{position:absolute;bottom:-10px;right:-10px;background:url(/mobile/images/sub/sub0102_img02.png)no-repeat;content:'';width:100px;height:100px} .sub0102_wrap .top em{font-family: 'OTEnjoystoriesBA';color:#333;font-size: 25px;font-weight: bold;line-height: 1;display: block;margin-bottom: 20px;} .sub0102_wrap .top p{font-size:14px;color:#222;font-weight:500;margin-top:5px;} .sub0102_wrap .top p span{font-style: italic;} .sub0102_wrap .img_wrap ul{display:flex;flex-wrap:wrap;} .sub0102_wrap .img_wrap ul li{width:100%;margin-bottom:20px;} .sub0102_wrap .img_wrap ul li img{width:100%} .sub0102_wrap .sec1{position:relative;display:flex;flex-wrap:wrap;padding:30px 30px 60px;border:1px solid #ddd;} .sub0102_wrap .sec1 ul{width:100%;} .sub0102_wrap .sec1 ul:nth-child(2){border-bottom:none;margin-top:20px;padding-top:20px;border-top:1px solid #ddd;} .sub0102_wrap .sec1 ul li{position:relative;font-size:14px;color:#555;padding-left:14px;margin-bottom:5px;} .sub0102_wrap .sec1 ul li:last-child{margin-bottom:0;} .sub0102_wrap .sec1 ul li:before{position:absolute;content:"";display:inline-block;width:3px;height:3px;background:#0068b0;border-radius:50%;left:0;top:8px;} .sub0102_wrap .sec1 ul li em{font-size:14px;font-weight:600;color:#222;} .sub0102_wrap .sec1 > p{position:absolute;width:100%;left: 0;text-align:center;bottom:20px;line-height:1;font-size:25px;font-weight:600;color:#e5f0f8;} .sub0102_wrap > em{display:block;text-align:center; font-size:16px;font-weight:500;color:#0068B0;margin-top:20px;} /*sub0103*/ .sub0104_wrap li{display:flex;flex-wrap:wrap;border:1px solid #ddd;margin-bottom:30px;} .sub0104_wrap li:last-child{margin-bottom:0;} .sub0104_wrap li em{z-index: 99;position: absolute;font-size:14px; width: 40px;height: 40px;line-height:40px;background:#08559b;color:#fff;top:0;left:0;text-align:center;} .sub0104_wrap li .img{width:100%;} .sub0104_wrap li .img img{width:100%;} .sub0104_wrap li .txt{position:relative;width:100%;background:#f5f5f5;padding:30px;} .sub0104_wrap li .txt .txt_pos{} .sub0104_wrap li .txt strong{position:relative;display:block;font-size:14px;color:#555;font-weight:400;padding-bottom: 21px;margin-bottom: 20px;} .sub0104_wrap li .txt strong:before{position: absolute; width: 30px;height: 1px; background: #ddd; content: ''; left: 0;bottom: 0;} .sub0104_wrap li .txt strong span{font-size:20px;color:#08559b;font-weight:500;} .sub0104_wrap li .txt p{font-size:14px;} /*sub0104*/ .sub0108_wrap{} .sub0108_wrap .con1{text-align:center;} .sub0108_wrap .con1 em{display:block;color:#222;font-size:20px;line-height:30px;font-weight:500;} .sub0108_wrap .con1 em span{display:block;font-weight:700;} .sub0108_wrap .con1 img{margin-top:25px;width:100%;} .sub0108_wrap .con2{margin-top:60px;} .sub0108_wrap .con2 .con_tit{text-align:center;} .sub0108_wrap .con2 .con_tit em{display:block;color:#222;font-size:20px;line-height:30px;font-weight:700;margin-bottom:10px;} .sub0108_wrap .con2 .con_tit p{font-size:14px;line-height:24px;} .sub0108_wrap .con2 video{margin-top:25px;} .sub0108_wrap .con3{margin-top:60px;} .sub0108_wrap .con3 em{display:block;color:#222;font-size:20px;line-height:35px;font-weight:700;text-align:center;} .sub0108_wrap .con3 ul{margin-top:5px;display:flex;flex-wrap:wrap;} .sub0108_wrap .con3 ul li{margin-top:20px;width:100%;position:relative;} .sub0108_wrap .con3 ul li p{ z-index: 1;font-size: 16px;color: #fff;font-weight: 500;position: absolute; left: 20px; bottom: 20px;} .sub0108_wrap .con3 ul li img{width:100%;} .sub0108_wrap .con4{margin-top:60px;} .sub0108_wrap .con4 em{display:block;color:#222;font-size:20px;line-height:30px;font-weight:700;text-align:center;} .sub0108_wrap .con4 ul{display:flex;flex-wrap:wrap; justify-content: space-between;margin-top:25px;} .sub0108_wrap .con4 ul li img{width:100%;} .sub0108_wrap .con5{margin-top:60px;} .sub0108_wrap .con5 .tit_wrap{margin-bottom:25px;text-align:center;} .sub0108_wrap .con5 .tit_wrap em{display:block;width:100%;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:10px;} .sub0108_wrap .con5 .tit_wrap p{font-size:14px;line-height:24px;color:#555;} .sub0108_wrap .con5 ul{display: flex;flex-wrap:wrap;} .sub0108_wrap .con5 ul li{position:relative;text-align:center;width:100%;height:0;padding-bottom:81.15%;background:url(/mobile/images/sub/sub0104_img06.jpg)center center no-repeat;background-size:cover;} .sub0108_wrap .con5 ul li:nth-child(2){background:url(/mobile/images/sub/sub0104_img07.jpg)center center no-repeat;background-size:cover;} .sub0108_wrap .con5 ul li:nth-child(3){background:url(/mobile/images/sub/sub0104_img08.jpg)center center no-repeat;background-size:cover;} .sub0108_wrap .con5 ul li:nth-child(4){background:url(/mobile/images/sub/sub0104_img09.jpg)center center no-repeat;background-size:cover;} .sub0108_wrap .con5 ul li div{position: absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:100%;} .sub0108_wrap .con5 ul li em{font-size:16px;color:#fff;font-weight:500;line-height:1;display:block;width:100%;margin-bottom:15px;} .sub0108_wrap .con5 ul li p{font-size:13px;color:#fff;} /*sub0105*/ .sub0109_wrap{} .sub0109_wrap .con1{} .sub0109_wrap .con1 > em{display:block;color:#222;font-size:20px;line-height:30px;font-weight:500;text-align:center;} .sub0109_wrap .con1 > em span{display:block;font-weight:700;} .sub0109_wrap .con1 ul{display:flex;flex-wrap:wrap;margin-top:25px} .sub0109_wrap .con1 ul li{ width:100%; border:1px solid #ddd;} .sub0109_wrap .con1 ul li ~ li { margin-top:20px;} .sub0109_wrap .con1 ul li .img_wrap{height:0;position:relative;padding-bottom:65.78%;overflow:hidden;width:100%;} .sub0109_wrap .con1 ul li .img_wrap img{width:auto;height:auto;max-height:100%;max-width:100%;position:absolute;left:0;bottom:0;top:0;right:0;margin:auto;} .sub0109_wrap .con1 ul li .text_wrap{ border-top:0;padding:20px;} .sub0109_wrap .con1 ul li .text_wrap span{font-size:12px;color:#006ebf;display:block; text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;overflow: hidden;} .sub0109_wrap .con1 ul li .text_wrap em{display:block;margin:5px 0 20px;font-size:14px;color:#222;font-weight:500;display: -webkit-box; line-height: 28px; height: 56px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:normal;} .sub0109_wrap .con1 ul li .text_wrap p{font-size:13px;display: -webkit-box; line-height: 20px; height: 60px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space:normal;color:#555;padding-top:20px;border-top:1px solid #ddd;} .sub0109_wrap .con1 ul li img.img_off{opacity: 1;transition: 0.3s;} .sub0109_wrap .con1 ul li img.img_on{opacity: 0;transition: 0.3s;} .sub0109_wrap .con2{margin-top:60px;} .sub0109_wrap .con2 .tit_wrap{margin-bottom:25px;text-align:center;} .sub0109_wrap .con2 .tit_wrap em{display:block;width:100%;color:#222;font-size:20px;line-height:35px;font-weight:700;margin-bottom:10px; } .sub0109_wrap .con2 .tit_wrap p{font-size:14px;line-height:24px;color:#555;} .sub0109_wrap .con2 ul{display: flex;flex-wrap:wrap;} .sub0109_wrap .con2 ul li{position:relative;text-align:center;width:100%;height:0;padding-bottom:81.15%;background:url(/mobile/images/sub/sub0104_img06.jpg)center center no-repeat;background-size:cover;} .sub0109_wrap .con2 ul li:nth-child(2){background:url(/mobile/images/sub/sub0104_img07.jpg)center center no-repeat;background-size:cover;} .sub0109_wrap .con2 ul li:nth-child(3){background:url(/mobile/images/sub/sub0104_img08.jpg)center center no-repeat;background-size:cover;} .sub0109_wrap .con2 ul li:nth-child(4){background:url(/mobile/images/sub/sub0104_img09.jpg)center center no-repeat;background-size:cover;} .sub0109_wrap .con2 ul li div{position: absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:100%;} .sub0109_wrap .con2 ul li em{font-size:16px;color:#fff;font-weight:500;line-height:1;display:block;width:100%;margin-bottom:15px;} .sub0109_wrap .con2 ul li p{font-size:13px;color:#fff;} /*sub0107*/ .sub0103 .con1{text-align: center; font-size:20px;line-height:30px;font-weight: 500;margin-bottom: 25px; color: #222;} .sub0103 .con1 .color1{color:#006ebf} .sub0103 .con1 .color2{color:#ffa20e} .sub0103 .slide_wrap_top .img_wrap{width:100%;height:0;position:relative;padding-bottom:57.16%;overflow:hidden;} .sub0103 .slide_wrap_top img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .sub0103 .slide_wrap_top .text_wrap{position:absolute;left:0;bottom:0;width:100%;padding:0 10px;background:rgba(0,0,0,0.8);text-align:center;color:#fff;font-size:16px;line-height:80px;} .sub0103 .slide_wrap_bottom{margin-top:15px;width:calc(100% + 15px);} .sub0103 .slide_wrap_bottom .slick-list{overflow:hidden !important;;} .sub0103 .slide_wrap_bottom .slick-track{left: -15px;} .sub0103 .slide_wrap_bottom li{margin-left: 15px;} .sub0103 .slide_wrap_bottom li .img_wrap{width:100%;height:0;position:relative;padding-bottom:57.16%;overflow:hidden;} .sub0103 .slide_wrap_bottom li .img_wrap img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .sub0103 .slide_wrap_bottom li.slick-active.on .img_wrap:before{position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #006ebf;content:'';z-index:9999;} /*sub0107*/ .sub0107 .con1{margin-bottom:80px;display:flex;flex-wrap: wrap; align-items: center;} .sub0107 .con1 .text_box{width:100%;} .sub0107 .con1 .text_box strong{font-size:20px;line-height:1;color:#222;display:block;font-weight:700;margin-bottom:15px;} .sub0107 .con1 .text_box p{font-size:14px;color:#222; line-height:24px;} .sub0107 .con1 .text_box ul{} .sub0107 .con1 .text_box > ul > li{margin-top:30px;} .sub0107 .con1 .text_box ul li em{position:relative;padding-left:35px;color:#222;font-size:20px;display:block;font-weight:700;margin-bottom:20px;padding-bottom:15px;} .sub0107 .con1 .text_box ul li em:before{background:#ddd;width:20px;height:1px;content:'';position:absolute;left:0;bottom:0;} .sub0107 .con1 .text_box ul li:nth-child(1) em:after{content:'';position:absolute;left:0;top: 10px;width:19px;height:19px;background:url(/mobile/images/sub/sub0107_img4.png)no-repeat;background-size:cover} .sub0107 .con1 .text_box ul li:nth-child(2) em:after{content:'';position:absolute;left:0;top: 10px;width:18px;height:18px;background:url(/mobile/images/sub/sub0107_img5.png)no-repeat;background-size:cover} .sub0107 .con1 .text_box ul li ul li{margin-top:8px;position:relative;color:#222;font-weight:500;font-size:14px;} .sub0107 .con1 .text_box ul li ul li span{position: absolute; left: 125px;color: #006ebf;font-weight:500;} .sub0107 .con1 .img_box{width: 100%;position:relative;margin-top:40px;} .sub0107 .con1 .img_box > img{width:100%;} .sub0107 .con1 .img_box a{position:absolute;width:100px;height:85px;background:#006ebf;left:20px;bottom:-40px;color:#fff;padding:20px 15px 15px;} .sub0107 .con1 .img_box a img{display:block;margin-top:5px;width:71px;height:7px;} .sub0107 .con2 .text_box{padding:30px 0;border-bottom:1px solid #ddd; display: flex;justify-content:center;flex-wrap:wrap;} .sub0107 .con2 .text_box p{width: 100%;text-align: center;font-size:16px;color:#222;font-weight:500;line-height:1;} .sub0107 .con2 .text_box p span{position:relative;padding-left: 24px;} .sub0107 .con2 .text_box p span:before{width:15px;height:21px;content:'';position:absolute;left:0;background:url(/mobile/images/sub/sub0107_img6.png)no-repeat; top: 3px;background-size:cover} .sub0107 .con2 .text_box ul{display: flex;margin-top:20px} .sub0107 .con2 .text_box ul li{margin-left:10px;} .sub0107 .con2 .text_box ul li img{width:140px;height:45px;} /*sub0201*/ .sub0202_wrap .con1{text-align:center;} .sub0202_wrap .con1 em{display:block;color:#222;font-size:20px;line-height:30px;font-weight:500;} .sub0202_wrap .con1 em span{display:block;font-weight:700;} .sub0202_wrap .con1 p{margin-top:10px;font-size:14px;} .sub0202_wrap .con1 img{margin-top:25px;width:100%;} .sub0202_wrap .con2{margin-top:60px;} .sub0202_wrap .con2 .top{display:flex;align-items: center;margin-bottom:30px;} .sub0202_wrap .con2 .top .left{text-align: center;width:43.47%;} .sub0202_wrap .con2 .top .right{text-align: center;width:43.47%;} .sub0202_wrap .con2 .top .center{font-size: 30px; line-height: 1; color: #d0d0d0; display: block; font-weight: 500;text-align: center; width: calc(100% - 86.94%);} .sub0202_wrap .con2 .top em{font-size: 16px;line-height: 1;margin-bottom: 10px;color: #222; display: block;font-weight: 500;} .sub0202_wrap .con2 .bottom > div{display:flex;align-items: center;height: 100%;} .sub0202_wrap .con2 .bottom .left{width:50%; justify-content: center;display: flex;flex-wrap:wrap;padding:30px 0;position:relative;} .sub0202_wrap .con2 .bottom .left:before{z-index:-1;background:#e8f5ff; width: calc(100% + 10%);height:100%;content:'';position:absolute;left:-10%;top:0;} .sub0202_wrap .con2 .bottom .left ul{width:100%;margin-top:15px;} .sub0202_wrap .con2 .bottom .left ul li{margin-top:10px;padding-left:20px;position:relative;} .sub0202_wrap .con2 .bottom .left ul li:before{position:absolute;background:url(/mobile/images/sub/sub0201_img10.png) no-repeat;left:0;content:'';top:8px;width:8px;height:7px;background-size:cover;} .sub0202_wrap .con2 .bottom .left ul li:nth-child(1){margin-top:0;} .sub0202_wrap .con2 .bottom .right{width:50%;display: flex;justify-content: center;flex-wrap:wrap;padding:30px 0;position:relative;} .sub0202_wrap .con2 .bottom .right:before{z-index:-1;background:#f5f5f5; width: calc(100% + 10%);height:100%;content:'';position:absolute;right:-10%;top:0;} .sub0202_wrap .con2 .bottom .right ul{width:100%;margin-top:15px;} .sub0202_wrap .con2 .bottom .right ul li{margin-top:10px;padding-right:20px;position:relative;text-align:right;} .sub0202_wrap .con2 .bottom .right ul li:before{position:absolute;background:url(/mobile/images/sub/sub0201_img10.png) no-repeat;right:0;content:'';top:8px;width:8px;height:7px;background-size:cover;} .sub0202_wrap .con2 .bottom .right ul li:nth-child(1){margin-top:0;} .sub0202_wrap .con3{margin-top:60px;} .sub0202_wrap .con3 .con_tit{text-align:center;} .sub0202_wrap .con3 .con_tit em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;} .sub0202_wrap .con3 .con_tit p{margin-top:10px;} .sub0202_wrap .con3 ul{display:flex;flex-wrap:wrap;margin-top:25px;} .sub0202_wrap .con3 ul li{width:47.82%;margin-right:4.34%;margin-top:4.34%;text-align:center;} .sub0202_wrap .con3 ul li:nth-child(2n){margin-right:0px;} .sub0202_wrap .con3 ul li:nth-child(-n+2){margin-top:0px;} .sub0202_wrap .con3 ul li p{font-size:13px;margin-top:10px} .sub0202_wrap .con3 ul li img{width:100%;} .sub0202_wrap .con3 span{margin-top:30px;border:1px solid #ddd; padding:20px 0;display:block;text-align:center;} .sub0202_wrap .con4{margin-top:60px;} .sub0202_wrap .con4 .con_tit{text-align:center;} .sub0202_wrap .con4 .con_tit em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;} .sub0202_wrap .con4 .con_tit p{margin-top:10px;} .sub0202_wrap .con4 .top{margin-top:40px;} .sub0202_wrap .con4 .top em{font-size: 16px;line-height: 1;margin-bottom: 10px;color: #222; display: block;font-weight: 500;} .sub0202_wrap .con4 .img_wrap{margin-top:20px;position:relative;} .sub0202_wrap .con4 .img_wrap p{ z-index: 1;font-size:14px;border-radius:35px;background:rgba(255,255,255,0.8);width:120px;height:35px;line-height:35px;text-align:center;color:#222;position:absolute;left:50%;transform:translateX(-50%);bottom:25px;} .sub0202_wrap .con4 .img_wrap img{width:100%;} .sub0202_wrap .con4 .img_wrap02 p{background:rgba(51,51,51,0.8);color:#fff;} .sub0202_wrap .con5{background:#f5f5f5;padding:60px 0;margin-top:60px;} .sub0202_wrap .con5 .con_tit{text-align:center;} .sub0202_wrap .con5 .con_tit em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;} .sub0202_wrap .con5 .con_tit p{margin-top:10px;} .sub0202_wrap .con5 .con_con{margin-top:25px;} .sub0202_wrap .con5 .con_con img{width:100%;} .sub0202_wrap .con5 .con_con .text_wrap{width:100%;margin-top:30px;} .sub0202_wrap .con5 .con_con .text_wrap em{font-size:16px;line-height:1;font-weight:700;color:#222;display:block;margin-bottom:20px;} .sub0202_wrap .con5 .con_con .text_wrap strong{text-align:right;font-size:16px;line-height:1;font-weight:700;color:#222;display:block;margin-bottom:25px;} .sub0202_wrap .con5 .con_con .text_wrap p{font-size:14px;color:#222; font-weight:500;} .sub0202_wrap .con6{margin-top:60px;} .sub0202_wrap .con6 em{text-align:center;display:block;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:30px;} .sub0202_wrap .con6 div img{width:100%;margin-bottom:20px;} .sub0202_wrap .con6 div ul li{margin-top:10px;padding-left:20px;position:relative;} .sub0202_wrap .con6 div ul li:before{position:absolute;background:url(/mobile/images/sub/sub0201_img10.png) no-repeat;left:0;content:'';top:8px;width:8px;height:7px;background-size:cover;} .sub0202_wrap .con6 div ul li:nth-child(1){margin-top:0;} .sub0202_wrap .con7{margin-top:60px;} .sub0202_wrap .con7 .tit_wrap{margin-bottom:25px;text-align:center;} .sub0202_wrap .con7 .tit_wrap em{display:block;width:100%;color:#222;font-size:20px;line-height:35px;font-weight:700;margin-bottom:10px; } .sub0202_wrap .con7 .tit_wrap p{font-size:14px;line-height:24px;color:#555;} .sub0202_wrap .con7 ul{display: flex;flex-wrap:wrap;} .sub0202_wrap .con7 ul li{position:relative;text-align:center;width:100%;height:0;padding-bottom:81.15%;background:url(/mobile/images/sub/sub0104_img06.jpg)center center no-repeat;background-size:cover;} .sub0202_wrap .con7 ul li:nth-child(2){background:url(/mobile/images/sub/sub0104_img07.jpg)center center no-repeat;background-size:cover;} .sub0202_wrap .con7 ul li:nth-child(3){background:url(/mobile/images/sub/sub0104_img08.jpg)center center no-repeat;background-size:cover;} .sub0202_wrap .con7 ul li:nth-child(4){background:url(/mobile/images/sub/sub0104_img09.jpg)center center no-repeat;background-size:cover;} .sub0202_wrap .con7 ul li div{position: absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:100%;} .sub0202_wrap .con7 ul li em{font-size:16px;color:#fff;font-weight:500;line-height:1;display:block;width:100%;margin-bottom:15px;} .sub0202_wrap .con7 ul li p{font-size:13px;color:#fff;} /*sub0202*/ .sub0203_wrap .sec1 .img{width:100%} .sub0203_wrap .sec1 .img img{width:100%} .sub0203_wrap .sec1 .txt{padding-top: 40px; width:100%;} .sub0203_wrap .bnf_wrap{display:flex;flex-wrap:wrap;} .sub0203_wrap .bnf_wrap li{position:relative;margin-top:20px;width:100%;border:1px solid #ddd;text-align:center;} .sub0203_wrap .bnf_wrap li:first-child span{display:block;padding:10px;font-weight:600;background:#999;color:#fff;} .sub0203_wrap .bnf_wrap li:last-child span{display:block;padding:10px;font-weight:600;background:#08559b;color:#fff;} h5.h5_tit{line-height: 1;font-size: 18px; font-weight: 500; color: #222; background: url('/mobile/images/sub/sub_tit.png') no-repeat left center; padding-left:25px; margin-bottom: 20px;} /*sub0203_wrap*/ .sub0203_wrap_mob div > h5 {font-size: 20px; font-weight: 500; color: #222; text-align: center; line-height: 1.4;} .sub0203_wrap_mob div > h5 span {font-weight: 700; display: block;} .sub0203_wrap_mob div > p {font-size: 13px; color: #333; margin-top: 20px; text-align: center;} .sub0203_wrap_mob > div + div {margin-top: 50px;} .sub0203_wrap_mob .con1 {text-align: center; } .sub0203_wrap_mob .con1 em {font-size: 15px; color: #006ebf; display: block; margin: 20px 0 15px} .sub0203_wrap_mob .con1 img {width: 100%;} .sub0203_wrap_mob .con2 > div {margin-top: 30px;} .sub0203_wrap_mob .con2 > div .txt_box {text-align: center; padding: 0 30px;} .sub0203_wrap_mob .con2 > div .txt_box h6 {font-size: 16px; color: #222; } .sub0203_wrap_mob .con2 > div .txt_box p {font-size: 12px; color: #555; margin-top: 10px;} .sub0203_wrap_mob .con2 > div .txt_box span {font-size: 13px; color: #222;display: block; margin-top: 15px;} .sub0203_wrap_mob .con2 > div .img_box {} .sub0203_wrap_mob .con2 > div .img_box img {width: 100%;} .sub0203_wrap_mob .con3 {background-color: #f5f5f5; padding: 40px 0;} .sub0203_wrap_mob .con3 div > div {display: flex; flex-wrap: wrap; justify-content: center} .sub0203_wrap_mob .con3 ul {margin-top: 40px; display: flex; flex-wrap: wrap; } .sub0203_wrap_mob .con3 ul li {text-align: center;} .sub0203_wrap_mob .con3 ul li img {width: 85px;} .sub0203_wrap_mob .con3 ul li:nth-child(1) {margin-right: 30px; position: relative;} .sub0203_wrap_mob .con3 ul li:nth-child(1):after {content: ""; position: absolute; right: -25px; top: 21%; width: 23px; height: 23px; background: url(/images/sub/sub0203_ico1.png)center no-repeat; background-size: 12px;} .sub0203_wrap_mob .con3 ul li:nth-child(2) {margin-right: 30px; position: relative;} .sub0203_wrap_mob .con3 ul li:nth-child(2):after {content: ""; position: absolute; right: -25px; top: 21%; width: 23px; height: 23px; background: url(/images/sub/sub0203_ico2.png)center no-repeat; background-size: 12px;} .sub0203_wrap_mob .con3 ul li p {font-size: 14px; color: #222; font-weight: 500; margin-top: 13px;} .sub0203_wrap_mob .con3 ul li span {font-size: 13px; color: #006ebf;} .sub0203_wrap_mob .con4 ul {margin-top: 25px;} .sub0203_wrap_mob .con4 ul li{width:100%; border: 7px solid #f7f7f7; border-radius: 5px; text-align: center; padding: 20px 30px; transition: all 0.3s;} .sub0203_wrap_mob .con4 ul li + li {margin-top: 8px;} .sub0203_wrap_mob .con4 ul li:hover {border: 7px solid #006ebf;} .sub0203_wrap_mob .con5 {text-align: center;} .sub0203_wrap_mob .con5 img {width: 100%; margin-top: 25px;} .sub0203_wrap_mob .con6 {border: 10px solid #f7f7f7; border-radius: 5px; padding: 20px; margin-top: 30px;} .sub0203_wrap_mob .con6 p {margin-top: 0; font-size: 14px; color: #222; font-weight: 500; margin-bottom: 15px;} .sub0203_wrap_mob .con6 span {font-size: 13px; color: #006ebf; display: block; text-align: center;} /*sub0203*/ .sub0104_wrap > p{display:block;font-size:20px;font-weight:500;color:#006ebf;margin-bottom:30px;text-align:center;} .sub0104_wrap .slide_wrap{position:relative;overflow:hidden;} .sub0104_wrap .slick-prev {position:absolute;width:10px;height:17px;left:10px;top:50%;transform:translateY(-50%);background:url("/images/main/sec03_prev.png")no-repeat;background-size:cover;text-indent: 100%; white-space: nowrap; overflow: hidden;} .sub0104_wrap .slick-next {position:absolute;width:10px;height:17px;right:10px;top:50%;transform:translateY(-50%);background:url("/images/main/sec03_next.png")no-repeat;background-size:cover;text-indent: 100%; white-space: nowrap; overflow: hidden;} /*sub0301_wrap*/ .sub0401_wrap .con1{text-align:center;} .sub0401_wrap .con1 em{display:block;color:#222;font-size:20px;line-height:30px;font-weight:500;} .sub0401_wrap .con1 em span{font-weight:700;display: block;} .sub0401_wrap .con1 img{margin-top:25px;width:100%;} .sub0401_wrap .con2{margin-top:40px;} .sub0401_wrap .con2 .con2_tit{text-align:center;} .sub0401_wrap .con2 .con2_tit em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;} .sub0401_wrap .con2 .con2_tit p{font-size:14px;line-height:24px;margin-top:15px;} .sub0401_wrap .con3{background:#f5f5f5;padding:60px 0;margin-top:60px;} .sub0401_wrap .con3 .con3_tit{text-align:center;margin-bottom:50px;} .sub0401_wrap .con3 .con3_tit em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:20px;} .sub0401_wrap .con3 .con3_tit p{font-size:14px;line-height:24px;margin-top:10px;} .sub0401_wrap .con3 video{margin-bottom:20px;width:1200px;height:675px;} .sub0401_wrap .con3 > div > p{text-align:right;} .sub0401_wrap .con4{margin-top:60px;} .sub0401_wrap .con4 > em{display:block;color:#222;font-size:20px;line-height:30px;font-weight:700;margin-bottom:25px;text-align:center;} .sub0401_wrap .con4 > div{display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd; align-items: center;} .sub0401_wrap .con4 .left{} .sub0401_wrap .con4 .left em{display:block;color:#222;font-size:18px;line-height:1;font-weight:700;margin-bottom:15px;} .sub0401_wrap .con4 .left p{font-size:14px;color:#555} .sub0401_wrap .con4 .left strong{display:block;color:#222;font-size:16px;line-height:1;font-weight:500;margin:25px 0 15px;} .sub0401_wrap .con4 .left span{display:block;font-size:13px;color:#555} .sub0401_wrap .con4 .right{width:100%;margin-top:30px;} .sub0401_wrap .con4 .right img{width:100%;} .sub0401_wrap .con5{margin-top:60px;} .sub0401_wrap .con5 > em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:25px;text-align:center;} .sub0401_wrap .con5 p{color:#555;font-size:13px;} .sub0401_wrap .con5 ul{display: flex;flex-wrap:wrap;} .sub0401_wrap .con5 ul li{margin-bottom:30px;width:100%;position:relative;} .sub0401_wrap .con5 ul li:last-child{margin-bottom:0;} .sub0401_wrap .con5 ul li video{margin-bottom:15px;width:100%;} .sub0401_wrap .con5 ul li em{color:#222;line-height:1;font-size:16px;display:block;font-weight:500;margin:0px 0 15px;} .sub0401_wrap .con5 ul li p{color:#555;font-size:13px;} .sub0401_wrap .con5_1{background:#f5f5f5;padding:60px 0;margin-top:60px;} .sub0401_wrap .con5_1 .con5_1_tit{margin-bottom:25px;text-align:center;} .sub0401_wrap .con5_1 .con5_1_tit em{display:block;width:100%;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:10px;} .sub0401_wrap .con5_1 .con5_1_tit p{font-size:14px;line-height:24px;color:#555;} .sub0401_wrap .con5_1 .con5_1_con{display:flex;flex-wrap:wrap;} .sub0401_wrap .con5_1 .con5_1_con .left{width:100%} .sub0401_wrap .con5_1 .con5_1_con .left img{width:100%} .sub0401_wrap .con5_1 .con5_1_con .right{} .sub0401_wrap .con5_1 .con5_1_con .right em{font-size:18px;line-height:28px;font-weight:700;color:#222;display:block;margin:20px 0 15px;} .sub0401_wrap .con5_1 .con5_1_con .right p{font-size:16px;line-height:1;font-weight:500;color:#222;margin:20px 0 10px;} .sub0401_wrap .con5_1 .con5_1_con .right span{display:block;font-size:13px;line-height:1;font-weight:400;color:#555;} .sub0401_wrap .con6{width:100%;justify-content: center;display: flex;align-items: center;overflow: hidden; background: url(/mobile/images/sub/sub0301_img04.jpg)top center no-repeat;height:580px;/* background-attachment: fixed; */} .sub0401_wrap .con6 div{justify-content: center;display: flex;flex-wrap: wrap;padding: 307px 0;} .sub0401_wrap .con6 em{display:block;width:100%;color:#fff;font-size:18px;line-height:1;font-weight:700;margin-bottom:20px;text-align:center;} .sub0401_wrap .con6 p{font-size:14px;line-height:24px;color:#fff;} .sub0401_wrap .con7{margin-top:60px;} .sub0401_wrap .con7 .tit_wrap{margin-bottom:25px;text-align:center;} .sub0401_wrap .con7 .tit_wrap em{display:block;width:100%;color:#222;font-size:20px;line-height:35px;font-weight:700;margin-bottom:10px; } .sub0401_wrap .con7 .tit_wrap p{font-size:14px;line-height:24px;color:#555;} .sub0401_wrap .con7 ul{display: flex;flex-wrap:wrap;} .sub0401_wrap .con7 ul li{position:relative;text-align:center;width:100%;height:0;padding-bottom:81.15%;background:url(/mobile/images/sub/sub0104_img06.jpg)center center no-repeat;background-size:cover;} .sub0401_wrap .con7 ul li:nth-child(2){background:url(/mobile/images/sub/sub0104_img07.jpg)center center no-repeat;background-size:cover;} .sub0401_wrap .con7 ul li:nth-child(3){background:url(/mobile/images/sub/sub0104_img08.jpg)center center no-repeat;background-size:cover;} .sub0401_wrap .con7 ul li:nth-child(4){background:url(/mobile/images/sub/sub0104_img09.jpg)center center no-repeat;background-size:cover;} .sub0401_wrap .con7 ul li div{position: absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:100%;} .sub0401_wrap .con7 ul li em{font-size:16px;color:#fff;font-weight:500;line-height:1;display:block;width:100%;margin-bottom:15px;} .sub0401_wrap .con7 ul li p{font-size:13px;color:#fff;} /*sub0302_wrap*/ .sub0402_wrap .con1{text-align:center;} .sub0402_wrap .con1 em{display:block;color:#222;font-size:20px;line-height:30px;font-weight:500;} .sub0402_wrap .con1 em span{font-weight:700;display: block;} .sub0402_wrap .con1 img{margin-top:25px;width:100%;} .sub0402_wrap .con2{margin-top:60px;} .sub0402_wrap .con2 .con2_tit{text-align:center;} .sub0402_wrap .con2 .con2_tit em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:15px;} .sub0402_wrap .con2 .con2_tit p{font-size:14px;line-height:24px;} .sub0402_wrap .con2 .con2_tit p span{color:#006ebf} .sub0402_wrap .con2 img{margin-top:25px;width:100%;} .sub0402_wrap .con3{margin-top:60px;text-align:center;} .sub0402_wrap .con3 em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:30px;} .sub0402_wrap .con3 ul{display:flex;flex-wrap:wrap;} .sub0402_wrap .con3 ul li{width:47.82%;margin-right:4.34%;margin-top:30px;} .sub0402_wrap .con3 ul li:nth-child(2n){margin-right:0} .sub0402_wrap .con3 ul li:nth-child(-n+2){margin-top:0} .sub0402_wrap .con3 ul li div{margin: 0 auto;width:58px;height:54px;position:relative;} .sub0402_wrap .con3 ul li img{width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;} .sub0402_wrap .con3 ul li p{margin-top:10px;color:#555;font-size:14px;} .sub0402_wrap .con4 {margin-top:60px;} .sub0402_wrap .con4 .con4_tit{text-align:center;} .sub0402_wrap .con4 .con4_tit em{display:block;color:#222;font-size:20px;line-height:30px;font-weight:500;} .sub0402_wrap .con4 .con4_tit p{font-size:14px;line-height:24px;margin-top:15px;} .sub0402_wrap .con4 .con4_tit p span{color:#006ebf} .sub0402_wrap .con4 .con4_con{margin-top:25px;border:1px solid #ddd;padding:30px 0} .sub0402_wrap .con4 .con4_con img{width:43px;height:38px;margin-bottom:15px;} .sub0402_wrap .con4 .con4_con div{display: flex;flex-wrap:wrap;justify-content: center;height: 100%;text-align: center;} .sub0402_wrap .con4 .con4_con div p{font-size:14px;} .sub0402_wrap .con5_1{background:#F3F3F5;padding:60px 0;margin-top:60px;} .sub0402_wrap .con5_1 .con5_1_tit{margin-bottom:30px;text-align: center;} .sub0402_wrap .con5_1 .con5_1_tit em{display: block;color: #222;font-size: 20px; line-height: 1; font-weight: 700; margin-bottom: 20px;} .sub0402_wrap .con5_1 .con5_1_tit p{ } .sub0402_wrap .con5_1 > div > img{width:100%;} .sub0402_wrap .con5_1 .slide_page{margin-top:30px;} .sub0402_wrap .con5_1 .slide_page li{} .sub0402_wrap .con5_1 .slide_page li .top{margin-bottom:20px;} .sub0402_wrap .con5_1 .slide_page li .top em{font-size:16px;margin-bottom:15px;line-height:1;color:#222;font-weight:500;display:block;} .sub0402_wrap .con5_1 .slide_page li .top p{} .sub0402_wrap .con5_1 .slide_page li .bottom{border-top:1px solid #222; display: flex;padding: 30px 0;align-items: center;} .sub0402_wrap .con5_1 .slide_page li .bottom img{width:35px;} .sub0402_wrap .con5_1 .slide_page li .bottom:nth-child(3){border-bottom:1px solid #222;border-top:1px solid #ddd;} .sub0402_wrap .con5_1 .slide_page li .bottom p{color:#222;font-size:15px;margin-left:10px;} .sub0402_wrap .con5_1 > div > p{background:#fff;width:100%;line-height:50px;height:50px;text-align:center;border:1px solid #ddd;margin-top:20px;} .sub0402_wrap .con5{margin-top:60px;} .sub0402_wrap .con5 > em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:15px;text-align:center;} .sub0402_wrap .con5 p{color:#555;font-size:14px;text-align:center;} .sub0402_wrap .con5 ul{display: flex;margin-top:30px;flex-wrap:wrap;} .sub0402_wrap .con5 ul li{margin-right:4.34%;margin-top:20px;width:47.82%;position:relative;} .sub0402_wrap .con5 ul li:nth-child(2n){margin-right:0;} .sub0402_wrap .con5 ul li:nth-child(-n+2){margin-top:0;} .sub0402_wrap .con5 ul li img{margin-bottom:20px;width:100%;} .sub0402_wrap .con5 ul li span{color:#006ebf;line-height:1;font-size:12px;display:block;} .sub0402_wrap .con5 ul li em{color:#222;font-size:16px;display:block;font-weight:500;margin:10px 0 0px;} .sub0402_wrap .con6{margin-top:60px;width:100%;justify-content: center;display: flex;align-items: center;text-align: center;overflow: hidden; background: url(/mobile/images/sub/sub0302_img16.jpg)top center no-repeat;height:580px;/* background-attachment: fixed; */} .sub0402_wrap .con6 div{justify-content: center;display: flex;flex-wrap: wrap;} .sub0402_wrap .con6 em{display:block;width:100%;color:#fff;font-size:18px;line-height:26px;font-weight:700;margin-bottom:20px;text-align:center;} .sub0402_wrap .con6 p{font-size:14px;line-height:24px;color:#fff;} .sub0402_wrap .con7{margin-top:60px;} .sub0402_wrap .con7 .tit_wrap{margin-bottom:25px;text-align:center;} .sub0402_wrap .con7 .tit_wrap em{display:block;width:100%;color:#222;font-size:20px;line-height:35px;font-weight:700;margin-bottom:15px; } .sub0402_wrap .con7 .tit_wrap p{font-size:14px;line-height:24px;color:#555;} .sub0402_wrap .con7 ul{display: flex;flex-wrap:wrap;} .sub0402_wrap .con7 ul li{position:relative;text-align:center;width:100%;height:0;padding-bottom:81.15%;background:url(/mobile/images/sub/sub0104_img06.jpg)center center no-repeat;background-size:cover;} .sub0402_wrap .con7 ul li:nth-child(2){background:url(/mobile/images/sub/sub0104_img07.jpg)center center no-repeat;background-size:cover;} .sub0402_wrap .con7 ul li:nth-child(3){background:url(/mobile/images/sub/sub0104_img08.jpg)center center no-repeat;background-size:cover;} .sub0402_wrap .con7 ul li:nth-child(4){background:url(/mobile/images/sub/sub0104_img09.jpg)center center no-repeat;background-size:cover;} .sub0402_wrap .con7 ul li div{position: absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:100%;} .sub0402_wrap .con7 ul li em{font-size:16px;color:#fff;font-weight:500;line-height:1;display:block;width:100%;margin-bottom:15px;} .sub0402_wrap .con7 ul li p{font-size:13px;color:#fff;} /*sub0303_wrap*/ .sub0403_wrap .con1{text-align:center;} .sub0403_wrap .con1 em{display:block;color:#222;font-size:20px;line-height:30px;font-weight:500;} .sub0403_wrap .con1 em span{display:block;font-weight:700;} .sub0403_wrap .con1 img{margin-top:25px;width:100%} .sub0403_wrap .con2{margin-top:60px;} .sub0403_wrap .con2 .con2_tit{text-align:center;} .sub0403_wrap .con2 .con2_tit em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:20px;} .sub0403_wrap .con2 .con2_tit p{font-size:14px;line-height:24px;} .sub0403_wrap .con2 .con2_tit p span{color:#006ebf} .sub0403_wrap .con2 ul{margin-top:30px;display:flex;flex-wrap:wrap; } .sub0403_wrap .con2 ul li{width:100%;margin-bottom:25px;text-align:center;border:1px solid #ddd;} .sub0403_wrap .con2 ul li:last-child{margin-bottom:0;} .sub0403_wrap .con2 ul li .img_wrap{background:#f7f7f7;padding:30px 0} .sub0403_wrap .con2 ul li .img_wrap img{width:133px;} .sub0403_wrap .con2 ul li .text_wrap{border-top:1px solid #ddd;padding:25px 0} .sub0403_wrap .con2 ul li .text_wrap span{color:#006ebf;font-size:16px;display:block;margin-bottom:13px;line-height:1;} .sub0403_wrap .con2 ul li .text_wrap p{font-size:14px;} .sub0403_wrap .con3{margin-top:60px;text-align:center;} .sub0403_wrap .con3 em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:30px;} .sub0403_wrap .con3 > img{width:100%;} .sub0403_wrap .con3 ul{display:flex;flex-wrap:wrap;} .sub0403_wrap .con3 ul li{width:47.82%;margin-right:4.34%;margin-top:25px;} .sub0403_wrap .con3 ul li:nth-child(2n){margin-right:0} .sub0403_wrap .con3 ul li div{margin: 0 auto;width:49px;height:54px;position:relative;} .sub0403_wrap .con3 ul li img{width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;} .sub0403_wrap .con3 ul li p{margin-top:10px;color:#555;font-size:14px;} .sub0403_wrap .con3 span{margin-top:20px;border:1px solid #ddd; padding:20px 0;display:block;color:#555;font-size:14px;} .sub0403_wrap .con4{align-items: center; justify-content: center;margin-top:60px;position:relative;} .sub0403_wrap .con4 .left{display:flex;flex-wrap:wrap;font-size:0;margin-top:30px;justify-content: center;} .sub0403_wrap .con4 .left img:nth-child(1){margin-right:15px;} .sub0403_wrap .con4 .left p{text-align:center;font-size:16px;line-height:1;color:#222;margin-top:20px;width:100%;text-align:center;} .sub0403_wrap .con4 .center img{width:100%;} .sub0403_wrap .con4 .right{position:absolute;text-align:center;top:-20px;right:0;} .sub0403_wrap .con4 .right p{font-size:16px;line-height:22px;color:#006ebf;font-weight:700;} .sub0403_wrap .con4 .right p span{font-weight:500;display:block;} .sub0403_wrap .con5{margin-top:60px;} .sub0403_wrap .con5 > em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:20px;text-align:center;} .sub0403_wrap .con5 ul{display: flex;margin-top:30px;flex-wrap:wrap;} .sub0403_wrap .con5 ul li{margin-right:4.34%;margin-top:20px;width:47.82%;position:relative;} .sub0403_wrap .con5 ul li:nth-child(2n){margin-right:0;} .sub0403_wrap .con5 ul li:nth-child(-n+2){margin-top:0;} .sub0403_wrap .con5 ul li img{margin-bottom:20px;width:100%;} .sub0403_wrap .con5 ul li span{color:#006ebf;line-height:1;font-size:12px;display:block;} .sub0403_wrap .con5 ul li em{color:#222;font-size:16px;display:block;font-weight:500;margin:10px 0 ;} .sub0403_wrap .con6{margin-top:60px;width:100%;justify-content: center;display: flex;align-items: center;text-align: center;overflow: hidden; background: url(/mobile/images/sub/sub0303_img18.jpg)top center no-repeat;height:580px;/* background-attachment: fixed; */} .sub0403_wrap .con6 div{justify-content: center;display: flex;flex-wrap: wrap;} .sub0403_wrap .con6 em{display:block;width:100%;color:#fff;font-size:18px;line-height:26px;font-weight:700;margin-bottom:20px;text-align:center;} .sub0403_wrap .con6 p{font-size:14px;line-height:24px;color:#fff;} .sub0403_wrap .con7{margin-top:60px;} .sub0403_wrap .con7 .tit_wrap{margin-bottom:25px;text-align:center;} .sub0403_wrap .con7 .tit_wrap em{display:block;width:100%;color:#222;font-size:20px;line-height:35px;font-weight:700;margin-bottom:10px; } .sub0403_wrap .con7 .tit_wrap p{font-size:14px;line-height:24px;color:#555;} .sub0403_wrap .con7 ul{display: flex;flex-wrap:wrap;} .sub0403_wrap .con7 ul li{position:relative;text-align:center;width:100%;height:0;padding-bottom:81.15%;background:url(/mobile/images/sub/sub0104_img06.jpg)center center no-repeat;background-size:cover;} .sub0403_wrap .con7 ul li:nth-child(2){background:url(/mobile/images/sub/sub0104_img07.jpg)center center no-repeat;background-size:cover;} .sub0403_wrap .con7 ul li:nth-child(3){background:url(/mobile/images/sub/sub0104_img08.jpg)center center no-repeat;background-size:cover;} .sub0403_wrap .con7 ul li:nth-child(4){background:url(/mobile/images/sub/sub0104_img09.jpg)center center no-repeat;background-size:cover;} .sub0403_wrap .con7 ul li div{position: absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:100%;} .sub0403_wrap .con7 ul li em{font-size:16px;color:#fff;font-weight:500;line-height:1;display:block;width:100%;margin-bottom:15px;} .sub0403_wrap .con7 ul li p{font-size:13px;color:#fff;} /*sub0401*/ .sub0303 .con1{text-align:center;} .sub0303 .con1 em{display:block;color:#222;font-size:20px;line-height:30px;font-weight:500;} .sub0303 .con1 em span{display:block;font-weight:700;} .sub0303 .con1 p{margin-top:15px;font-size:14px;color:#555} .sub0303 .con1 img{margin-top:25px;width:100%;} .sub0303 .con2{margin-top:60px;} .sub0303 .con2 > em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;text-align:center;} .sub0303 .con2 ul{display: flex;margin-top:30px;flex-wrap:wrap;} .sub0303 .con2 ul li{margin-right:4.34%;margin-top:20px;width:47.82%;position:relative;} .sub0303 .con2 ul li:nth-child(2n){margin-right:0;} .sub0303 .con2 ul li:nth-child(-n+2){margin-top:0;} .sub0303 .con2 ul li img{margin-bottom:20px;width:100%;} .sub0303 .con2 ul li span{color:#006ebf;line-height:1;font-size:12px;display:block;} .sub0303 .con2 ul li em{color:#222;font-size:16px;display:block;font-weight:500;margin:10px 0 0;} .sub0303 .con3 {margin-top:60px;} .sub0303 .con3 em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:30px;text-align:center;} .sub0303 .con3 ul{display:flex;flex-wrap:wrap;} .sub0303 .con3 ul li{width:100%;border:1px solid #ddd;margin-top:25px; overflow:hidden;} .sub0303 .con3 ul li img{width:100%;} .sub0303 .con3 ul li:nth-child(1){margin-top:0;} .sub0303 .con3 ul li .txt{height:45px;} .sub0303 .con3 ul li .txt em{display:inline-block;width:45px;height:45px;line-height:45px;background:#006ebf;font-size:14px;color:#fff;text-align:center;} .sub0303 .con3 ul li .txt p{display:inline-block;font-weight:500;line-height:45px;padding-left:20px;font-size:14px;} .sub0303 .con4 {margin-top:60px;} .sub0303 .con4 em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;margin-bottom:30px;text-align:center;} .sub0303 .con4 ul{display:flex;flex-wrap:wrap;} .sub0303 .con4 ul li{margin-bottom:25px;width:100%;} .sub0303 .con4 ul li:last-child{margin-bottom:0px;} .sub0303 .con4 ul li > img{width:100%;} .sub0303 .con4 ul li p{display: flex;justify-content: center; align-items: center;margin-top:10px;font-size:14px;} .sub0303 .con4 ul li p img{margin-right:10px} .sub0303 .con5{margin-top:60px;} .sub0303 .con5 > em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;text-align:center;} .sub0303 .con5 > div{margin-top:30px;border-bottom:1px solid #ddd;} .sub0303 .con5 .left{width:100%;text-align:center;margin-top:25px;} .sub0303 .con5 .left img{width:385px;} .sub0303 .con5 .right{width:100%;text-align:center;} .sub0303 .con5 .right > em{font-size:16px;display:block;color:#222;font-weight:700;line-height:1;margin-bottom:20px;} .sub0303 .con5 .right p{color:#555;font-size:14px;} .sub0303 .con5 .right strong{font-size:14px;color:#222;margin-top:10px;display:block;} .sub0303 .con5 .right strong span{color:#e33d2e} .sub0303 .con5 .right strong em{margin-left:10px;font-size:16px;color:#e33d2e;display:inline-block;} .sub0303 .con6{margin-top:60px;text-align:center;} .sub0303 .con6 > em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;} .sub0303 .con6 > p{margin-top:15px;font-size:14px;color:#555} .sub0303 .con6 > img{width:100%;margin-top:25px;} .sub0303 .con6 ul{display:flex;flex-wrap:wrap;} .sub0303 .con6 ul li{width:47.82%;margin-right:4.34%;margin-top:25px;} .sub0303 .con6 ul li:nth-child(2n){margin-right:0} .sub0303 .con6 ul li div{margin: 0 auto;width:49px;height:44px;position:relative;} .sub0303 .con6 ul li img{width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;} .sub0303 .con6 ul li p{margin-top:10px;color:#555;font-size:14px;} .sub0303 .con6 span{margin-top:20px;border:1px solid #ddd; padding:20px 0;display:block;color:#555;font-size:14px;} .sub0303 .con7{margin-top:60px;} .sub0303 .con7 .tit_wrap{margin-bottom:25px;text-align:center;} .sub0303 .con7 .tit_wrap em{display:block;width:100%;color:#222;font-size:20px;line-height:35px;font-weight:700;margin-bottom:10px; } .sub0303 .con7 .tit_wrap p{font-size:14px;line-height:24px;color:#555;} .sub0303 .con7 ul{display: flex;flex-wrap:wrap;} .sub0303 .con7 ul li{position:relative;text-align:center;width:100%;height:0;padding-bottom:81.15%;background:url(/mobile/images/sub/sub0104_img06.jpg)center center no-repeat;background-size:cover;} .sub0303 .con7 ul li:nth-child(2){background:url(/mobile/images/sub/sub0104_img07.jpg)center center no-repeat;background-size:cover;} .sub0303 .con7 ul li:nth-child(3){background:url(/mobile/images/sub/sub0104_img08.jpg)center center no-repeat;background-size:cover;} .sub0303 .con7 ul li:nth-child(4){background:url(/mobile/images/sub/sub0104_img09.jpg)center center no-repeat;background-size:cover;} .sub0303 .con7 ul li div{position: absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:100%;} .sub0303 .con7 ul li em{font-size:16px;color:#fff;font-weight:500;line-height:1;display:block;width:100%;margin-bottom:15px;} .sub0303 .con7 ul li p{font-size:13px;color:#fff;} /*sub0302*/ .sub0302 .con1{text-align:center;} .sub0302 .con1 em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;} .sub0302 .con1 > img{margin-top:25px;width:100%;} .sub0302 .con1 ul{display:flex;flex-wrap:wrap;margin-top:30px;} .sub0302 .con1 ul li{width:47.82%;margin-right:4.34%;margin-top:25px;} .sub0302 .con1 ul li:nth-child(2n){margin-right:0} .sub0302 .con1 ul li:nth-child(-n+2){margin-top:0} .sub0302 .con1 ul li div{margin: 0 auto;width:43px;height:43px;position:relative;} .sub0302 .con1 ul li img{width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;} .sub0302 .con1 ul li p{margin-top:10px;color:#555;font-size:14px;} .sub0302 .con2{margin-top:60px;} .sub0302 .con2 > em{display:block;color:#222;font-size:20px;line-height:1;font-weight:700;text-align:center;} .sub0302 .con2 > div{margin-top:30px;border-bottom:1px solid #ddd;} .sub0302 .con2 .left{width:100%;text-align:center;margin-top:25px;} .sub0302 .con2 .left img{width:385px;} .sub0302 .con2 .right{width:100%;text-align:center;} .sub0302 .con2 .right > em{font-size:16px;display:block;color:#222;font-weight:700;line-height:1;margin-bottom:20px;} .sub0302 .con2 .right p{color:#555;font-size:14px;} .sub0302 .con2 .right strong{font-size:14px;color:#222;margin-top:10px;display:block;} .sub0302 .con2 .right strong span{color:#e33d2e} .sub0302 .con2 .right strong em{margin-left:10px;font-size:16px;color:#e33d2e;display:inline-block;} .sub0302 .con3{margin-top:60px;} .sub0302 .con3 em{text-align:center;display:block;color:#222;font-size:20px;line-height:1;font-weight:700;} .sub0302 .con3 p{font-size:14px;color:#555;margin-top:20px;text-align:center;} .sub0302 .con3 div{margin-top:30px;} .sub0302 .con3 div img{width:100%;} .sub0302 .con3 div ul{width:100%;margin-top:25px;} .sub0302 .con3 div ul li{font-size:14px;margin-top:10px;background:url(/mobile/images/sub/sub0402_img10.png)left center no-repeat;padding-left:20px} .sub0302 .con3 div ul li:nth-child(1){margin-top:0;} .sub0302 .con4{margin-top:60px;} .sub0302 .con4 .con_tit em{text-align:center;display:block;color:#222;font-size:20px;line-height:1;font-weight:700;} .sub0302 .con4 .con_tit p{font-size:14px;color:#555;margin-top:20px;text-align:center;} .sub0302 .con4 .top{margin-top:30px;} .sub0302 .con4 .top li{text-align:center;padding:20px 0 ;border:1px solid #ddd;width:100%;margin-bottom:25px;} .sub0302 .con4 .top li em{display:block;font-size:14px;margin-bottom:5px;color:#006ebf} .sub0302 .con4 .top li p{font-size:14px;color:#555} .sub0302 .con4 .bottom{margin-top:30px;} .sub0302 .con4 .bottom li{margin-bottom:25px;} .sub0302 .con4 .bottom li:last-child{margin-bottom:0;} .sub0302 .con4 .bottom li img{margin-bottom:10px;width:100%;} .sub0302 .con4 .bottom li p{font-size:14px;margin-top:10px;background:url(/mobile/images/sub/sub0402_img10.png)left center no-repeat;padding-left:20px} .sub0302 .con5{margin-top:60px;} .sub0302 .con5 em{text-align:center;display:block;color:#222;font-size:20px;line-height:1;font-weight:700;} .sub0302 .con5 p{font-size:14px;color:#555;margin-top:20px;text-align:center;} .sub0302 .con5 div{margin-top:30px;} .sub0302 .con5 div img{width:100%;margin-bottom:10px;} .sub0302 .con5 div ul{width:100%;} .sub0302 .con5 div ul li{font-size:14px;margin-top:10px;background:url(/mobile/images/sub/sub0402_img10.png)left 10px no-repeat;padding-left:20px} .sub0302 .con5 div ul li:nth-child(1){margin-top:0;} .sub0302 .con7{margin-top:60px;} .sub0302 .con7 .tit_wrap{margin-bottom:25px;text-align:center;} .sub0302 .con7 .tit_wrap em{display:block;width:100%;color:#222;font-size:20px;line-height:35px;font-weight:700;margin-bottom:10px; } .sub0302 .con7 .tit_wrap p{font-size:14px;line-height:24px;color:#555;} .sub0302 .con7 ul{display: flex;flex-wrap:wrap;} .sub0302 .con7 ul li{position:relative;text-align:center;width:100%;height:0;padding-bottom:81.15%;background:url(/mobile/images/sub/sub0104_img06.jpg)center center no-repeat;background-size:cover;} .sub0302 .con7 ul li:nth-child(2){background:url(/mobile/images/sub/sub0104_img07.jpg)center center no-repeat;background-size:cover;} .sub0302 .con7 ul li:nth-child(3){background:url(/mobile/images/sub/sub0104_img08.jpg)center center no-repeat;background-size:cover;} .sub0302 .con7 ul li:nth-child(4){background:url(/mobile/images/sub/sub0104_img09.jpg)center center no-repeat;background-size:cover;} .sub0302 .con7 ul li div{position: absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:100%;} .sub0302 .con7 ul li em{font-size:16px;color:#fff;font-weight:500;line-height:1;display:block;width:100%;margin-bottom:15px;} .sub0302 .con7 ul li p{font-size:13px;color:#fff;} /*sub0403*/ .sub0301_wrap > div{margin-bottom:50px;} .sub0301_wrap > div:last-child{margin-bottom:0;} .sub0301_wrap .con1 p{text-align: center; font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 20px; color: #222;} .sub0301_wrap .con1 .color1 {color: #006ebf;} .sub0301_wrap .con1 .img_wrap {position:relative;} .sub0301_wrap .con1 .img_wrap img{width:100%;} .sub0301_wrap .con1 .img_wrap em{text-align:center; background:rgba(0,110,191,1); width:100%;height:45px;line-height:45px;color:#fff;display:block;} .sub0301_wrap .con2 ul li{display:flex;flex-wrap:wrap;margin-top:25px;align-items: center;} .sub0301_wrap .con2 ul li:nth-child(1){margin-top:0;} .sub0301_wrap .con2 ul li .img_wrap{width:100%;} .sub0301_wrap .con2 ul li .img_wrap img{width:100%} .sub0301_wrap .con2 ul li .text_wrap{margin-top:20px;} .sub0301_wrap .con2 ul li .text_wrap em{display:block;margin:20px 0 10px;line-height:1;color:#222; font-size:16px;font-weight:500;} .sub0301_wrap .con2 ul li .text_wrap em:nth-child(1){margin-top:0;} .sub0301_wrap .con2 ul li .text_wrap p{} .sub0301_wrap .con3 .box_wrap{width:100%; border:1px solid #ddd;} .sub0301_wrap .con3 .box_wrap div{position:relative; width:100%; background: linear-gradient(to right, #00a4f0, #006ebf); height:130px; display: flex; justify-content: center;align-items: center;} .sub0301_wrap .con3 p{font-size:18px;line-height:25px; color:#fff; text-align:center; } .sub0301_wrap .con3 .box_wrap div img{position:absolute; left:50%;top:50%;transform:translate(-50%,-50%);} .sub0301_wrap .con3 ul{} .sub0301_wrap .con3 ul li{padding:20px 20px; font-size:14px; color:#555; border-bottom:1px dashed #ddd;} .sub0301_wrap .con3 ul li:last-child{border:0;} .sub0301_wrap .con3 ul li span{display:inline-block; width:12px; height:12px; background:#fff; border:1px solid #ccc; margin-right:10px;} .sub0301_wrap .con4{text-align:center;} .sub0301_wrap .con4 p{position:relative; color:#222; padding-bottom:42px;} .sub0301_wrap .con4 p:after{position:absolute; display:block; width:50px; height:2px; background:linear-gradient(to left, #006ebf, #00d4c6); content:""; left:50%; bottom:20px; transform:translateX(-50%);} .sub0301_wrap .con4 em{color: #006ebf; font-size:20px;display:block;margin-bottom:15px; font-weight:700;} .sub0301_wrap .con4 > strong{position:relative; font-size:18px; color:#222;} /* .sub0301_wrap .con4 > strong:before{position:absolute; display:block; width:103%; height:10px; background:rgba(0,110,191,0.15); content:""; left:50%; bottom:0px; transform:translateX(-50%);} */ /*sub0404*/ .sub0501_wrap > div{margin-bottom:50px;} .sub0501_wrap > div:nth-child(4){margin-bottom:0;} .sub0501_wrap .con1 .img li{overflow:hidden; margin-top:20px;} .sub0501_wrap .con1 .img li > img{width:100%;} .sub0501_wrap .con2 ul.txt{margin:20px 0 30px;} .sub0501_wrap .con2 ul.txt li:nth-child(1){margin-top:0;} .sub0501_wrap .con2 ul.txt li{border:1px solid #ddd; margin-top:20px;} .sub0501_wrap .con2 ul.txt li span{display:block; background:#006EBF;height:40px;line-height:40px; width:100%; text-align:center; color:#fff; } .sub0501_wrap .con2 ul.txt li p{padding:15px 15px;} .sub0501_wrap .con2 ul.img li{margin-top:20px;} .sub0501_wrap .con2 ul.img li > img{width:100%;} .sub0501_wrap .con2 ul.img li p{color:#222; font-size:15px; padding-top:15px;} .sub0501_wrap .con2 ul.img li p img{display:inline-block; vertical-align: 0; margin-right:10px;} .sub0501_wrap .con3 ul{border: 1px solid #ddd; box-shadow: 0 3px 10px rgb(0 0 0 / 10%); overflow:hidden;} .sub0501_wrap .con3 ul li{width:100%; border-bottom:1px dashed #ddd; padding: 15px 25px; position: relative; } .sub0501_wrap .con3 ul li:before{position: absolute; width: 2px; height: 10px; background: #006ebf; content: ''; left: 15px; top: 21px;} .sub0501_wrap .con3 ul li:last-child{border-bottom:0;} .sub0501_wrap .con4{} .sub0501_wrap .con4 ul{display:flex;flex-wrap:wrap;} .sub0501_wrap .con4 ul li{width: 47.82%;padding-bottom: 47.82%; height: 0; text-align: center;margin-right: 4.34%; margin-top: 15px;border-radius: 50%; border: 5px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #00c9d0 0%, #00a9ec 100%); background-origin: border-box;background-clip: content-box, border-box;position: relative;} .sub0501_wrap .con4 ul li:nth-child(2n){margin-right:0} .sub0501_wrap .con4 ul li:nth-child(-n+2){margin-top:0} .sub0501_wrap .con4 ul li p{display: flex;align-items: center;justify-content: center;background: #fff; width: 100%; height: 100%; border-radius: 50%; position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);} .sub0501_wrap .con4 .txt{margin-top:30px; background:#f8f8f8; padding:20px;} .sub0501_wrap .con4 .txt p{text-align: center; font-size: 14px; font-weight: 500; color: #222;} .sub0501_wrap .con4 .txt .color1 { color: #006ebf;} .sub0501_wrap .con4 .txt .color2 { color: #00d4c6;} .sub0501_wrap .con5 p{margin-top:20px;color:#006ebf;font-weight:500;} .sub0501_wrap .con5 p a{font-weight:400;display:block;margin-top:10px;} /*sub0503*/ .sub0503{word-break:keep-all;} .sub0503 .con1{margin-bottom:50px;} .sub0503 .con1 p{margin-bottom:20px;} .sub0503 .con1 img{width:100%;} .sub0503 .con2{display:flex;flex-wrap:wrap;margin-bottom:50px;align-items: center;} .sub0503 .con2 img{width:100%;margin-bottom:10px;} .sub0502_wrap > div{margin-bottom:50px;} .sub0502_wrap > div:last-child{margin-bottom:0;} .sub0502_wrap p{font-size: 14px; color: #333; word-break: keep-all; } .sub0502_wrap .con2 .box_wrap{ width:100%; border:1px solid #ddd;} .sub0502_wrap .con2 .box_wrap ul li{position:relative;padding:20px 20px; font-size:14px;border-bottom:1px dashed #ddd;padding-left:40px} .sub0502_wrap .con2 .box_wrap ul li:last-child{border:0;} .sub0502_wrap .con2 .box_wrap ul li:before{content:'';position:absolute;left:20px;top:26px;width:12px; height:12px; background:#fff; border:1px solid #ccc; } h6.h6_tit{font-size: 16px; font-weight: 500; color: #222; position:relative; padding-left: 15px; margin-bottom: 10px;} h6.h6_tit:before{position:absolute; width:2px; height:10px; content:""; background: linear-gradient(to top, #00a4f0, #006ebf); left:0; top:7px;} .sub0502_wrap .con3 img{width:100%;margin-top:20px;} .sub0502_wrap .con4 ul{;} .sub0502_wrap .con4 ul li{margin-top:20px;width:100%;} .sub0502_wrap .con4 ul li div {background:#f8f8f8;border:1px solid #ddd;padding:20px 0;text-align: center;} .sub0502_wrap .con4 ul li div img{width:220px;margin:0 auto;} .sub0502_wrap .con4 ul li p{padding:15px;text-align:center;font-size:14px;color:#555;border:1px solid#ddd;border-top:0;} .sub0502_wrap .con6 li{margin-top:10px;} .sub0502_wrap .con6 li img{display:inline-block; vertical-align: 0; margin-right:10px;} .sub0502_wrap .con6 p:last-child{margin-top:10px;color:#006ebf;font-weight:500;} .sub0502_wrap .con6 p a{color:#666;font-weight:400;} .sub0503 .con4{margin-bottom:50px;} .sub0503 .con4 ul{overflow:hidden;display:flex;flex-wrap:wrap;} .sub0503 .con4 ul li{margin-top:20px;width:100%;} .sub0503 .con4 ul li:nth-child(1){margin-top:0px;} .sub0503 .con4 ul li p{width:100%; border:1px solid #ddd; text-align:center; height:45px; line-height:45px;} .sub0503 .con4 ul li span{display:block; width:100%; height:45px; line-height:45px; text-align:center; font-size:14px; color:#fff; background:#006EBF; top:0; left:0;} .sub0503 .li_dot li{position:relative;margin-top:10px;padding-left:10px;} .sub0503 .li_dot li:before{position:absolute;left:0;top:10px;width:3px;background:#006ebf;height:3px;content:'';} .sub0503 .con5 p:last-child{margin-top:10px;color:#006ebf;font-weight:500;} .sub0503 .con5 p a{color:#666;font-weight:400;}