* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; } *:before,*:after{box-sizing: content-box;} html { height: 100%; } html, body, div, p, strong, span, a, b, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, del, img, i, select, button, textarea, input { margin: 0; padding: 0; } body { background: #fff; font-family: "Arial",'Microsoft YaHei','SimSun', Serif; font-size: 16px; color: #333; position: relative; min-height: 100%; } input[type="text"], input[type="hidden"], input[type="password"], button, textarea, select { outline: none; border: none; -webkit-appearance: none; appearance: none; border-radius: 0; } select::-ms-expand { display: none; } a, img, button, input, textarea, select { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } h1, h2, h3, h4, h5, h6, strong { font-weight: normal; } a { text-decoration: none; color: #333; } a:hover { text-decoration: none; } a:focus { text-decoration: none; } li { list-style: none; } img { vertical-align: middle; border: none; } i { font-style: normal; } .clear { clear: both; } .hidden { overflow: hidden; } .clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; } .clearfix { *zoom: 1; } .wrapper { width: 86%; max-width: 1435px; margin: 0 auto; } .wrapper:after { content: ''; display: block; clear: both; } @font-face { font-family: 'dincond_b'; src: url("/xiaoguankidstjjsylgocom/static/home/fonts/DINCond-Bold.otf"); } @font-face { font-family: 'dincond_l'; src: url("/xiaoguankidstjjsylgocom/static/home/fonts/DINCond-Light.otf"); } @font-face { font-family: 'din_m'; src: url("/xiaoguankidstjjsylgocom/static/home/fonts/DIN-Medium.otf"); } .fixed_form { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); z-index: 999; display: none; } .fixed_form .close { position: absolute; top: 18px; right: 25px; width: 18px; height: 18px; -webkit-border-radius: 50%; border-radius: 50%; background: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/fixed_icon_close.png") center no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease; cursor: pointer; } .fixed_form .close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fixed_form .content { width: 610px; position: absolute; top: 50%; left: 50%; margin: -288px 0 0 -305px; background: #23212a; padding: 45px; } .fixed_form h3 { font-size: 20px; color: #fff; text-align: center; margin-bottom: 20px; } .fixed_form p { font-size: 18px; color: #fff; text-align: center; } .fixed_form .box { margin-top: 20px; } .fixed_form .box input { width: 100%; height: 64px; border-radius: 5px; background: #fff; padding: 10px; color: #afaeae; } .fixed_form .box textarea { width: 100%; height: 140px; background: #fff; border-radius: 5px; padding: 10px; font-family: 'Microsoft YaHei'; resize: none; } .fixed_form .box button { width: 100%; height: 64px; background: #f5c921; border-radius: 5px; border: none; color: #fff; font-size: 20px; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .fixed_form .box button:hover { background: #f5c921; } @media screen and (max-width: 1500px) { .fixed_form .content { width: 460px; margin: -222px 0 0 -230px; } .fixed_form h3 { font-size: 16px; margin-bottom: 10px; } .fixed_form p { font-size: 14px; } .fixed_form .box input { height: 40px; } .fixed_form .box textarea { height: 100px; } .fixed_form .box button { height: 40px; font-size: 16px; } } @media screen and (max-width: 992px) { .fixed_form p { width: 255px; margin: 0 auto; } .fixed_form .close { top: 7px; right: 10px; } .fixed_form .content { width: 90%; margin: 0; left: 5%; padding: 15px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .fixed_form .box { margin-top: 10px; } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes height1 { 0% { height: 0; } 100% { height: 9vw; } } @keyframes height1 { 0% { height: 0; } 100% { height: 9vw; } } @-webkit-keyframes height2 { 0% { height: 0; } 100% { height: 11vw; } } @keyframes height2 { 0% { height: 0; } 100% { height: 11vw; } } @-webkit-keyframes height3 { 0% { height: 0; } 100% { height: 14vw; } } @keyframes height3 { 0% { height: 0; } 100% { height: 14vw; } } @-webkit-keyframes backscale { 0% { background-size: auto 30%; } 100% { background-size: auto 50%; } } @keyframes backscale { 0% { background-size: auto 30%; } 100% { background-size: auto 50%; } } .video_pop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; background: rgba(0, 0, 0, 0.6); display: none; } .video_pop .close { width: 32px; height: 32px; position: absolute; right: 20px; top: 20px; background: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/close.png") center no-repeat; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; cursor: pointer; } .video_pop .close:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .video_pop video { position: absolute; top: 50%; left: 50%; max-height: 70vh; max-width: 70vw; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .common_pt { padding-top: 150px; } .common_crumbs { line-height: 70px; font-size: 14px; color: #636363; background: #f7f7f7; } .common_crumbs .wrapper { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .common_crumbs a { color: #636363; } .common_crumbs a:hover { color: #144d91; } .common_page { text-align: center; font-size: 0; } .common_page li { display: inline-block; vertical-align: top; margin: 0 5px; } .common_page li:first-of-type, .common_page li:last-of-type { margin: 0 40px; } .common_page li:first-of-type a, .common_page li:last-of-type a { font-size: 16px; color: #fff; background: #353535; padding: 0 18px; } .common_page li a { display: block; font-size: 18px; color: #898989; line-height: 36px; padding: 0 12px; border-radius: 30px; font-family: 'DIN'; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .common_page li a:hover { color: #fff; background: #f5c921; } .common_page li.active a { color: #fff; background: #f5c921; } .cell_box:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .cell_box .cell { width: 100%; display: inline-block; vertical-align: middle; } .common_banner { font-size: 0; text-align: center; color: #fff; position: relative; } .common_banner .cell_box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .common_banner img.pc { width: 100%; display: block; } .common_banner img.mobile { display: none; width: 100%; } .common_banner p { font-size: 30px; } .common_banner h3 { font-size: 70px; font-weight: bold; margin-top: 20px; } .common_banner h3 span { display: block; color: #f5c921; } .common_banner span.t { display: inline-block; font-size: 24px; color: #fff; padding: 10px 40px; line-height: 30px; border-radius: 60px; margin-top: 20px; } .common_banner span.t.yellow { background: #f5c921; } .common_banner span.t.red { background: #eb6da5; } .common_banner span.t.blue { background: #144d91; } .common_banner span.t.blue_ { background: #3482d5; } .common_banner span.t.green { background: #14b267; } .common_banner .desc { font-size: 18px; color: #fff; line-height: 2; max-width: 660px; margin: 30px auto 0; } .common_banner .labels { position: absolute; text-align: center; left: 0; right: 0; bottom: 4vw; } .common_banner .labels .label { display: inline-block; vertical-align: top; font-size: 20px; color: #fff; margin: 0 2vw; line-height: 32px; padding-left: 40px; background-position: left center; background-repeat: no-repeat; background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/icon1.png"); } .common_title { text-align: center; } .common_title h3 { font-size: 36px; text-transform: uppercase; } .common_title p { font-size: 24px; line-height: 1; } .common_title1 { text-align: center; color: #333; font-size: 36px; font-weight: bold; } .common_title1:after { content: ''; width: 60px; height: 4px; background: #f5c921; display: block; margin: 25px auto 0; } .news_box { padding: 3.2vw 0 7vw; } .news_box a.more { font-size: 16px; color: #fff; display: inline-block; margin-top: 3px; } .news_box a.more:after { content: ''; width: 18px; height: 18px; background: url("/xiaoguankidstjjsylgocom/static/home/images/news/icon1.png"); display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; } .news_box a.more:hover { color: #f5c921; } .news_box .title { text-align: center; } .news_box .title span { font-size: 48px; font-weight: bold; color: #333; display: inline-block; position: relative; border-bottom: 5px solid #f5c921; } .news_box .wall { margin: 30px 0 40px; } .news_box .wall:after { content: ''; display: block; clear: both; } .news_box .wall .left { width: 65.7%; float: left; } .news_box .wall .right { width: 32.4%; float: right; } .news_box .wall .right .item:last-of-type { margin-top: 5.8%; } .news_box .wall .right .item .txt_block h3 { font-size: 18px; } .news_box .wall .item { position: relative; } .news_box .wall .item .img_block { overflow: hidden; } .news_box .wall .item .img_block img { width: 100%; display: block; backface-visibility: hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .news_box .wall .item .txt_block { position: absolute; left: 30px; right: 30px; bottom: 25px; } .news_box .wall .item .txt_block .m_date { display: none; } .news_box .wall .item .txt_block h3 { font-size: 24px; } .news_box .wall .item .txt_block h3 a { color: #fff; } .news_box .wall .item .txt_block .date { font-size: 16px; color: #fff; letter-spacing: 2px; margin-top: 5px; } .news_box .wall .item:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .news_box .list { padding: 40px 0; border-top: 1px dashed #e6e6e6; overflow: hidden; } .news_box .list .img_block { width: 324px; float: left; overflow: hidden; } .news_box .list .img_block img { width: 100%; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .news_box .list .txt_block { margin-left: 324px; padding: 20px 55px; } .news_box .list .txt_block .date { font-size: 18px; color: #636363; font-family: 'DIN'; } .news_box .list .txt_block h3 { margin: 10px 0; } .news_box .list .txt_block h3 a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 24px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .news_box .list .txt_block p { font-size: 16px; color: #999; line-height: 30px; height: 60px; overflow: hidden; } .news_box .list .txt_block a.more { display: none; } .news_box .list:last-of-type { border-bottom: 1px dashed #e6e6e6; } .news_box .list:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .news_box .list:hover a { color: #144d91; } .news_box .common_page { margin-top: 3.2vw; } .news_box .m_loadmore { display: none; } .news_detail { background: #fff; } .news_detail .main { padding: 4vw 0; border-bottom: 1px solid #dddddd; } .news_detail .main h3 { font-size: 36px; text-align: center; margin-bottom: 30px; } .news_detail .main .ope { position: relative; font-size: 0; text-align: center; font-size: 16px; color: #999; line-height: 30px; margin-bottom: 30px; } .news_detail .main .ope span { margin: 0 20px; display: inline-block; vertical-align: top; } .news_detail .main .ope .share { position: absolute; right: 0; top: 0; } .news_detail .main .ope .share a { width: 30px; height: 30px; display: inline-block; vertical-align: top; float: none; background-color: #bbbbbb; border-radius: 50%; margin: 0 0 0 10px; background-position: center; background-repeat: no-repeat; } .news_detail .main .ope .share a.wx { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/news/icon2.png"); } .news_detail .main .ope .share a.sina { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/news/icon3.png"); } .news_detail .main .cont { padding-top: 30px; border-top: 1px solid #dddddd; font-size: 16px; line-height: 2; } .news_detail .main .cont img { display: block; max-width: 100%; margin: 0 auto; } .news_detail .other { padding: 3.2vw 0; } .news_detail .other .wrapper { position: relative; } .news_detail .other .page { margin-right: 200px; } .news_detail .other .page a { display: block; font-size: 16px; line-height: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_detail .other .page a:hover { color: #144d91; } .news_detail .other .back { position: absolute; right: 0; top: 0; } .news_detail .other .back a { width: 180px; line-height: 48px; background: #f5c921; font-size: 14px; color: #fff; border-radius: 30px; display: block; text-align: center; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .news_detail .other .back a:hover { background: #144d91; } .contact_main { padding: 5vw 0 7vw; } .contact_main .main { margin-top: 4vw; position: relative; } .contact_main .main .right { width: 49%; margin-left: 51%; } .contact_main .main .top { background: #f2f2f2; border: 1px solid #e6e6e6; padding: 7%; } .contact_main .main .top h3 { font-size: 24px; color: #000; } .contact_main .main .top .info { font-size: 0; } .contact_main .main .top .info .item { margin-top: 25px; } .contact_main .main .top .info .item p { font-size: 16px; line-height: 24px; margin-left: 40px; } .contact_main .main .top .info .item p a { color: #999; } .contact_main .main .top .info .item p a:hover { color: #f5c921; } .contact_main .main .top .info .item:before { content: ''; width: 32px; height: 32px; background-position: center; background-repeat: no-repeat; float: left; } .contact_main .main .top .info .item:nth-of-type(1):before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/contact/icon1.png"); } .contact_main .main .top .info .item:nth-of-type(2):before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/contact/icon2.png"); } .contact_main .main .top .info .item:nth-of-type(3):before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/contact/icon3.png"); } .contact_main .main .top .info .item:nth-of-type(4):before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/contact/icon4.png"); } .contact_main .main .top .info .item:nth-of-type(5):before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/contact/icon5.png"); } .contact_main .main .top .info .item:nth-of-type(2), .contact_main .main .top .info .item:nth-of-type(3), .contact_main .main .top .info .item:nth-of-type(4), .contact_main .main .top .info .item:nth-of-type(5) { width: 50%; display: inline-block; vertical-align: top; } .contact_main .main .bot { margin-top: 25px; border: 1px solid #e6e6e6; padding: 35px 0; font-size: 0; text-align: center; } .contact_main .main .bot .img_block { display: inline-block; vertical-align: top; margin: 0 60px; } .contact_main .main .bot .img_block img { max-width: 100%; margin: 0 auto; display: block; } .contact_main .main .bot .img_block p { font-size: 18px; color: #000; } .contact_main .main .left { width: 49%; position: absolute; top: 0; left: 0; bottom: 0; border: 1px solid #dddddd; } .contact_main .main .left #contactMap { width: 100%; height: 100%; } .recruit_main { padding: 5vw 0 7vw; } .recruit_main .main { margin-top: 4vw; border: 1px solid #dddddd; } .recruit_main .main .tit { padding: 0 7%; font-size: 0; } .recruit_main .main .tit span { display: inline-block; vertical-align: top; width: 25%; text-align: center; font-size: 18px; color: #999; font-weight: bold; line-height: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .recruit_main .main .item { border-top: 1px solid #ddd; } .recruit_main .main .item .info { position: relative; padding: 0 7%; font-size: 0; cursor: pointer; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .recruit_main .main .item .info span { display: inline-block; vertical-align: top; width: 25%; text-align: center; font-size: 18px; color: #333; line-height: 80px; position: relative; } .recruit_main .main .item .info span i { position: absolute; right: -35px; top: 50%; margin-top: -13px; font-size: 14px; color: #fff; width: 70px; line-height: 26px; background: #f5c921; border-radius: 20px; } .recruit_main .main .item .info:after { content: ''; width: 10px; height: 17px; background: url("/xiaoguankidstjjsylgocom/static/home/images/recruit/icon1.png"); position: absolute; right: 7%; top: 50%; margin-top: -8px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .recruit_main .main .item .info:hover { background: #eeeeee; } .recruit_main .main .item .desc { background: #f7f7f7; padding: 40px 7%; display: none; } .recruit_main .main .item .desc h3 { font-size: 24px; } .recruit_main .main .item .desc .labels { font-size: 0; margin-top: 20px; } .recruit_main .main .item .desc .labels span { display: inline-block; vertical-align: top; width: 25%; font-size: 16px; } .recruit_main .main .item .desc .boxes { margin-top: 40px; font-size: 0; } .recruit_main .main .item .desc .box { display: inline-block; vertical-align: top; width: 50%; padding-right: 10%; } .recruit_main .main .item .desc .box h4 { font-size: 18px; font-weight: bold; } .recruit_main .main .item .desc .box p { font-size: 16px; line-height: 2; margin-top: 15px; } .recruit_main .main .item .desc .p_block { margin-top: 20px; } .recruit_main .main .item .desc .p_block p { font-size: 16px; line-height: 2; } .recruit_main .main .item .desc .p_block p a { color: #f5c921; } .recruit_main .main .item .desc .p_block a.apply { display: block; width: 138px; line-height: 48px; background: #f5c921; border-radius: 30px; font-size: 14px; color: #fff; text-align: center; margin-top: 20px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .recruit_main .main .item .desc .p_block a.apply:hover { background: #144d91; } .recruit_main .main .item.active .info:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .recruit_main .main .common_page { border-top: 1px solid #ddd; padding: 2vw 0; } .recruit_main a.load_more { display: none; } .site_map { padding: 4vw 0 7vw; } .site_map .title { text-align: center; font-size: 30px; color: #181818; position: relative; padding-bottom: 20px; } .site_map .title:after { content: ''; width: 55px; height: 5px; margin: 0 auto; background: #144d91; position: absolute; left: 0; right: 0; bottom: 0; } .site_map .items { margin-top: 35px; } .site_map .item { border-top: 1px solid #d8d8d8; padding: 40px 0; overflow: hidden; } .site_map .item:last-of-type { border-bottom: 1px solid #d8d8d8; } .site_map .item span { width: 180px; line-height: 50px; background: #f5c921; font-size: 20px; color: #181818; text-align: center; float: left; } .site_map .item .link { margin-left: 200px; font-size: 0; } .site_map .item .link a { display: inline-block; vertical-align: top; width: 16.66%; font-size: 18px; color: #636363; line-height: 50px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .site_map .item .link a:hover { color: #144d91; } .about_main .section1 .countup { max-width: 1000px; margin: 9vw auto 0; } .about_main .section1 .countup .item { width: 25%; display: inline-block; vertical-align: top; text-align: center; } .about_main .section1 .countup .item .num { font-size: 48px; color: #f5c921; line-height: 50px; } .about_main .section1 .countup .item .info { font-size: 24px; color: #fff; } .about_main .section2 { position: relative; } .about_main .section2 .left { width: 55%; background: url("/xiaoguankidstjjsylgocom/static/home/images/about/img3.jpg") right bottom no-repeat; background-size: 86% auto; position: absolute; top: 0; left: 0; bottom: 0; font-size: 0; } .about_main .section2 .left .cell { padding: 0 5vw 0 12.5vw; } .about_main .section2 .left h3 { font-size: 36px; font-weight: bold; margin-bottom: 2.5vw; } .about_main .section2 .left h3:after { content: ''; width: 60px; height: 4px; background: #f5c921; display: block; margin-top: 30px; } .about_main .section2 .left p { font-size: 16px; line-height: 36px; text-align: justify; } .about_main .section2 .right { width: 45%; margin-left: 55%; background: #1a4a89; text-align: center; padding: 6.25vw 0; } .about_main .section2 .right img { width: 27.1875vw; display: block; margin: 0 auto; } .about_main .section2 .right p { font-size: 24px; color: #fff; line-height: 40px; margin-top: 3vw; } .about_main .section2 .right b { display: block; } .about_main .section3 { padding: 6.5vw 0; text-align: center; background: #f7f7f7; } .about_main .section3 img { display: block; max-width: 1300px; margin: 0 auto; width: 100%; } .about_main .section3 p { line-height: 40px; font-size: 24px; margin-top: 3vw; } .about_main .section3 b { display: block; } .about_main .section4 { background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 6.5vw 0; } .about_main .section4 .common_title1 { color: #fff; } .about_main .section4 .logos { margin: 3.2vw 0; text-align: center; font-size: 0; text-align: center; } .about_main .section4 .logos .logo { display: inline-block; vertical-align: top; width: 418px; height: 240px; margin: 0 15px; background: rgba(255, 255, 255, 0.9); } .about_main .section4 .logos .logo img { max-width: 80%; max-width: 80%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .about_main .section4 .logos .logo:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .about_main .section4 .desc { font-size: 18px; color: #fff; line-height: 2; text-align: center; } .about_main .section4 .desc span { color: #f5c921; } .about_main .section5 { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 5.5vw 0; } .about_main .section5 .desc { font-size: 18px; line-height: 2; text-align: center; margin-top: 30px; } .about_main .section5 .countup { font-size: 0; text-align: center; margin-top: 3.2vw; } .about_main .section5 .item { display: inline-block; vertical-align: top; width: 205px; height: 205px; margin: 0 50px; border-radius: 50%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; } .about_main .section5 .item .num { font-size: 58px; font-family: 'dincond_b'; color: #f5c921; } .about_main .section5 .item .num i { font-size: 36px; } .about_main .section5 .item p { font-size: 22px; color: #fff; } .about_main .section6 { padding: 5vw 0; } .about_main .section6 .items { margin-top: 45px; font-size: 0; } .about_main .section6 .item { width: 25%; position: relative; display: inline-block; vertical-align: top; text-align: center; } .about_main .section6 .item img { width: 100%; display: block; } .about_main .section6 .item h3 { font-size: 30px; color: #fff; } .about_main .section6 .item .show { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .about_main .section6 .item .show a { display: block; width: 120px; line-height: 30px; border: 2px solid #fff; border-radius: 20px; font-size: 16px; color: #fff; margin: 30px auto 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .about_main .section6 .item .show a:hover { background: #144d91; border-color: #144d91; } .about_main .section6 .item .hide { background: rgba(245, 201, 33, 0.9); padding: 0 50px; text-align: left; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; visibility: hidden; } .about_main .section6 .item .hide h3:after { content: ''; width: 60px; height: 3px; background: #fff; display: block; margin-top: 20px; } .about_main .section6 .item .hide p { font-size: 16px; line-height: 24px; color: #fff; margin: 20px 0 80px; position: relative; z-index: 2; } .about_main .section6 .item .hide i { width: 180px; height: 180px; position: absolute; right: 10px; bottom: 10px; background-position: center; background-repeat: no-repeat; background-size: contain; opacity: .5; } .about_main .section6 .item:hover .show { opacity: 0; visibility: hidden; } .about_main .section6 .item:hover .hide { opacity: 1; visibility: visible; } .about_main .section7 { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 4vw 0; } .about_main .section7 .block { max-width: 950px; margin: 3vw auto 0; position: relative; } .about_main .section7 .block .left { width: 130px; position: relative; overflow: hidden; } .about_main .section7 .block .left .btn { width: 34px; height: 34px; background-position: center; background-repeat: no-repeat; cursor: pointer; } .about_main .section7 .block .left .btn.prev { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/about/icon8.png"); opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .about_main .section7 .block .left .btn.next { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/about/icon5.png"); } .about_main .section7 .block .year:before { content: ''; width: 0; position: absolute; top: 20px; bottom: 20px; left: 11px; border-left: 1px dashed #b0adae; } .about_main .section7 .block .year .item { margin-bottom: 40px; font-size: 36px; font-family: 'dincond_l'; line-height: 40px; position: relative; z-index: 2; cursor: pointer; } .about_main .section7 .block .year .item:before { content: ''; width: 12px; height: 12px; background: #fff; border: 5px solid #cccccc; border-radius: 50%; display: inline-block; vertical-align: middle; margin: -5px 40px 0 0; } .about_main .section7 .block .year .item.slick-center:before, .about_main .section7 .block .year .item:hover:before { background: #f5c921; border-color: #feeaa0; } .about_main .section7 .block .year .item.slick-center { font-family: 'dincond_b'; } .about_main .section7 .block .child { opacity: 0; visibility: hidden; width: 600px; position: absolute; right: 0; top: 12%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .about_main .section7 .block .child.active { opacity: 1; visibility: visible; } .about_main .section7 .block .child .box { width: 408px; margin: 0 auto; } .about_main .section7 .block .child .box .img_block { overflow: hidden; border: 10px solid #fff; } .about_main .section7 .block .child .box .img_block img { width: 100%; display: block; } .about_main .section7 .block .child .box .txt_block { padding-top: 30px; text-align: center; } .about_main .section7 .block .child .box .txt_block h3 { font-size: 24px; line-height: 30px; color: #636363; font-family: 'dincond_b'; } .about_main .section7 .block .child .box .txt_block p { font-size: 18px; line-height: 2; margin-top: 5px; } .about_main .section7 .slick-arrow { width: 45px; height: 45px; font-size: 0; background-color: transparent; background-position: center; background-repeat: no-repeat; position: absolute; top: 28%; cursor: pointer; z-index: 3; } .about_main .section7 .slick-prev { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/about/icon6.png"); left: 0; } .about_main .section7 .slick-next { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/about/icon7.png"); right: 0; } .about_main .section7 .mobile { display: none; } .edu_child .section2 { padding: 5vw 0; } .edu_child .section2 .desc { max-width: 762px; margin: 30px auto 60px; font-size: 16px; line-height: 30px; text-align: center; } .edu_child .section2 .items { font-size: 0; text-align: center; } .edu_child .section2 .item { display: inline-block; vertical-align: top; width: 462px; position: relative; margin: 0 12px; } .edu_child .section2 .item img { width: 100%; display: block; } .edu_child .section2 .item h3 { font-size: 20px; color: #fff; line-height: 30px; font-weight: bold; } .edu_child .section2 .item h3.bot { position: absolute; bottom: 10px; left: 60px; right: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_child .section2 .item .cell_box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(245, 201, 32, 0.6); padding: 0 60px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; visibility: hidden; } .edu_child .section2 .item p { font-size: 16px; color: #fff; line-height: 30px; margin-top: 5px; } .edu_child .section2 .item:hover h3.bot { opacity: 0; visibility: hidden; } .edu_child .section2 .item:hover .cell_box { opacity: 1; visibility: visible; } .edu_child .section3 .tab_title { font-size: 0; background: #f7f7f7; margin-top: 30px; } .edu_child .section3 .tab_title span { display: inline-block; vertical-align: top; text-align: center; width: 25%; font-size: 24px; color: #636363; padding: 60px 0; position: relative; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; cursor: pointer; } .edu_child .section3 .tab_title span:before { content: ''; width: 68px; height: 60px; background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin: -5px 10px 0 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_child .section3 .tab_title span:after { content: ''; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #f5c921; position: absolute; left: 50%; bottom: -13px; margin-left: -13px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; visibility: hidden; } .edu_child .section3 .tab_title span:nth-of-type(1):before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon1.png"); } .edu_child .section3 .tab_title span:nth-of-type(2):before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon2.png"); } .edu_child .section3 .tab_title span:nth-of-type(3):before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon3.png"); } .edu_child .section3 .tab_title span:nth-of-type(4):before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon4.png"); } .edu_child .section3 .tab_title span:hover, .edu_child .section3 .tab_title span.active { background: #f5c921; color: #fff; } .edu_child .section3 .tab_title span.active:after { opacity: 1; visibility: visible; } .edu_child .section3 .tab_title span:nth-of-type(1):hover:before, .edu_child .section3 .tab_title span:nth-of-type(1).active:before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon1on.png"); } .edu_child .section3 .tab_title span:nth-of-type(2):hover:before, .edu_child .section3 .tab_title span:nth-of-type(2).active:before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon2on.png"); } .edu_child .section3 .tab_title span:nth-of-type(3):hover:before, .edu_child .section3 .tab_title span:nth-of-type(3).active:before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon3on.png"); } .edu_child .section3 .tab_title span:nth-of-type(4):hover:before, .edu_child .section3 .tab_title span:nth-of-type(4).active:before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon4on.png"); } .edu_child .section3 .tab_cont { padding: 5vw 0; } .edu_child .section3 .tab_cont .child { height: 0; overflow: hidden; } .edu_child .section3 .tab_cont .child.active { height: auto; } .edu_child .section3 .tab_cont .child .tit { display: none; text-align: center; font-size: 24px; font-weight: bold; } .edu_child .section3 .tab_cont .child1 { text-align: center; position: relative; } .edu_child .section3 .tab_cont .child1 .carousel { width: 960px; height: 286px; margin: 0 auto; position: relative; } .edu_child .section3 .tab_cont .child1 .carousel img { visibility: hidden; cursor: pointer; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); } .edu_child .section3 .tab_cont .child1 .carousel.mobile { display: none; } .edu_child .section3 .tab_cont .child1 .m_img { display: none; } .edu_child .section3 .tab_cont .child1 .arrow { width: 20px; height: 36px; position: absolute; top: calc(5vw + 125px); cursor: pointer; background-position: center; background-repeat: no-repeat; } .edu_child .section3 .tab_cont .child1 .arrow.prev { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/ban_prev_hover.png"); left: 5vw; } .edu_child .section3 .tab_cont .child1 .arrow.next { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/ban_next_hover.png"); right: 5vw; } .edu_child .section3 .tab_cont .child1 .btns { font-size: 0; margin-top: 3vw; } .edu_child .section3 .tab_cont .child1 .btns .btn { width: 280px; display: inline-block; vertical-align: top; margin: 0 12px; padding: 20px 0; border-radius: 60px; background: #d8d8d8; box-shadow: 0 3px 7px rgba(216, 216, 216, 0.75); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_child .section3 .tab_cont .child1 .btns .btn h3 { font-size: 24px; } .edu_child .section3 .tab_cont .child1 .btns .btn p { font-size: 16px; margin-top: 5px; } .edu_child .section3 .tab_cont .child1 .btns .btn:hover { background: #f5c921; box-shadow: 0 3px 7px rgba(245, 201, 32, 0.75); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .edu_child .section3 .tab_cont .child2 .tit { display: block; } .edu_child .section3 .tab_cont .child2 .block { position: relative; margin: 50px 0; } .edu_child .section3 .tab_cont .child2 .block:after { content: ''; display: block; clear: both; } .edu_child .section3 .tab_cont .child2 .block .slick { width: 462px; margin: 0 auto; box-shadow: 0 5px 10px #f5c900; border-radius: 30px; overflow: hidden; } .edu_child .section3 .tab_cont .child2 .block .slick .s_img { position: relative; } .edu_child .section3 .tab_cont .child2 .block .slick .s_img img { width: 100%; display: block; } .edu_child .section3 .tab_cont .child2 .block .slick .s_img i { width: 48px; height: 51px; background: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon5.png"); cursor: pointer; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -24px; } .edu_child .section3 .tab_cont .child2 .block .slick .slick-dots { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; font-size: 0; z-index: 2; } .edu_child .section3 .tab_cont .child2 .block .slick .slick-dots button { display: none; } .edu_child .section3 .tab_cont .child2 .block .slick .slick-dots li { width: 16px; height: 16px; border-radius: 50%; background: #fff; display: inline-block; vertical-align: top; margin: 0 4px; } .edu_child .section3 .tab_cont .child2 .block .slick .slick-dots li.slick-active { background: #f5c921; } .edu_child .section3 .tab_cont .child2 .block .item { width: 440px; position: absolute; } .edu_child .section3 .tab_cont .child2 .block .item span { font-size: 48px; color: #f5c921; font-family: 'dincond_b'; float: left; } .edu_child .section3 .tab_cont .child2 .block .item h3 { font-size: 24px; margin-left: 55px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_child .section3 .tab_cont .child2 .block .item p { font-size: 16px; color: #636363; margin-top: 5px; margin-left: 55px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(1), .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(2), .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(3) { left: 0; } .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(4), .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(5) { right: 0; } .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(1), .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(4) { top: 0; } .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(2), .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(5) { top: 105px; } .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(3), .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(6) { top: 210px; } .edu_child .section3 .tab_cont .child2 .block .item:hover h3 { color: #f5c921; } .edu_child .section3 .tab_cont .child2 .block .item:hover p { color: #f5c921; } .edu_child .section3 .tab_cont .child2 .desc { font-size: 16px; text-align: center; } .edu_child .section3 .tab_cont .child2 .m_items { display: none; } .edu_child .section3 .tab_cont .child3 .block { max-width: 1028px; margin: 0 auto; position: relative; } .edu_child .section3 .tab_cont .child3 .block img { width: 100%; display: block; } .edu_child .section3 .tab_cont .child3 .item { z-index: 2; overflow: hidden; } .edu_child .section3 .tab_cont .child3 .item img { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_child .section3 .tab_cont .child3 .item:nth-of-type(1) { width: 60.6%; } .edu_child .section3 .tab_cont .child3 .item:nth-of-type(2) { width: 38.8%; position: absolute; top: 0; right: 0; } .edu_child .section3 .tab_cont .child3 .item:nth-of-type(3) { width: 38.8%; position: absolute; bottom: 0; right: 0; } .edu_child .section3 .tab_cont .child3 .item:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .edu_child .section3 .tab_cont .child3 .icon1 { width: 147px; position: absolute; left: -160px; bottom: -40px; } .edu_child .section3 .tab_cont .child3 .icon2 { width: 137px; position: absolute; right: -100px; bottom: 50px; } .edu_child .section3 .tab_cont .child4 .item { position: relative; } .edu_child .section3 .tab_cont .child4 .item .img_block { width: 50%; overflow: hidden; } .edu_child .section3 .tab_cont .child4 .item .img_block img { width: 100%; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_child .section3 .tab_cont .child4 .item .txt_block { width: 50%; height: 100%; position: absolute; top: 0; background: #f7f7f7; font-size: 0; padding: 0 6%; } .edu_child .section3 .tab_cont .child4 .item .txt_block h3 { font-size: 30px; font-weight: bold; } .edu_child .section3 .tab_cont .child4 .item .txt_block p { font-size: 16px; line-height: 40px; text-align: justify; margin: 20px 0 10px; } .edu_child .section3 .tab_cont .child4 .item .txt_block img { display: block; margin: 0 auto; max-width: 30%; } .edu_child .section3 .tab_cont .child4 .item:nth-of-type(odd) .img_block { margin-left: 50%; } .edu_child .section3 .tab_cont .child4 .item:nth-of-type(odd) .txt_block { left: 0; } .edu_child .section3 .tab_cont .child4 .item:nth-of-type(even) .txt_block { right: 0; } .edu_child .section3 .tab_cont .child4 .item:hover .img_block img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .edu_child .section4 { background: #f7f7f7; padding: 4vw 0 5vw; } .edu_child .section4 .main { max-width: 1130px; margin: 4vw auto 0; position: relative; } .edu_child .section4 img.bg { width: 100%; display: block; } .edu_child .section4 .item { position: absolute; cursor: pointer; } .edu_child .section4 .item:nth-of-type(1) { left: 0; bottom: 20px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .edu_child .section4 .item:nth-of-type(2) { top: 43%; left: 15%; } .edu_child .section4 .item:nth-of-type(3) { left: 23%; bottom: 10px; } .edu_child .section4 .item:nth-of-type(4) { top: 12%; right: 20%; } .edu_child .section4 .item:nth-of-type(5) { top: 20px; right: 0; } .edu_child .section4 .item:nth-of-type(6) { top: 35%; right: 8%; } .edu_child .section4 .item:nth-of-type(7) { top: 66%; left: 70%; } .edu_child .section4 .item .box span { border: 10px solid #ffe583; width: 66px; height: 66px; display: block; margin: 0 auto; background: #f5c921; text-align: center; line-height: 46px; font-size: 36px; color: #fff; font-family: 'dincond_b'; border-radius: 50%; } .edu_child .section4 .item .box p { font-size: 20px; margin-top: 10px; text-align: center; } .edu_child .section4 .item .hover { width: 270px; height: 270px; border-radius: 50%; border: 10px solid #dceafb; background: #144d91 url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon6.png") center no-repeat; text-align: center; font-size: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_child .section4 .item .hover h3 { font-size: 20px; color: #f5c921; font-weight: 600; } .edu_child .section4 .item .hover p { font-size: 16px; line-height: 30px; color: #fff; max-width: 220px; margin: 10px auto; } .edu_child .section4 .item .hover span { font-size: 16px; color: #f5c921; opacity: .8; } .edu_child .section4 .item:hover .hover { opacity: 1; visibility: visible; } .edu_child .section4 .m_main { display: none; } .edu_early .section2 { padding: 5vw 0; } .edu_early .section2 .common_title1:after { background: #21b8ce; } .edu_early .section2 .desc { max-width: 740px; margin: 25px auto; font-size: 16px; line-height: 30px; text-align: center; } .edu_early .section2 .items { font-size: 0; text-align: center; max-width: 1040px; margin: 0 auto; } .edu_early .section2 .items .item { display: inline-block; vertical-align: top; width: 25%; } .edu_early .section2 .items .item i { display: block; width: 160px; height: 160px; border-radius: 50%; margin: 0 auto; background-position: center; background-repeat: no-repeat; border: 3px solid #21b8ce; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; background-size: auto 30%; } .edu_early .section2 .items .item h3 { font-size: 20px; line-height: 30px; font-weight: 600; margin-top: 2vw; } .edu_early .section2 .items .item:nth-of-type(1) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/icon2.png"); } .edu_early .section2 .items .item:nth-of-type(2) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/icon3.png"); } .edu_early .section2 .items .item:nth-of-type(3) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/icon4.png"); } .edu_early .section2 .items .item:nth-of-type(4) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/icon5.png"); } .edu_early .section2 .items .item:nth-of-type(1):hover i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/icon2on.png"); } .edu_early .section2 .items .item:nth-of-type(2):hover i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/icon3on.png"); } .edu_early .section2 .items .item:nth-of-type(3):hover i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/icon4on.png"); } .edu_early .section2 .items .item:nth-of-type(4):hover i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/icon5on.png"); } .edu_early .section2 .items .item:hover i { background-color: #eb6da5; border-color: #eb6da5; } .edu_early .section2 .items.active .item i { -webkit-animation: backscale 0.5s 0.5s 1 forwards; -moz-animation: backscale 0.5s 0.5s 1 forwards; -ms-animation: backscale 0.5s 0.5s 1 forwards; animation: backscale 0.5s 0.5s 1 forwards; } .edu_early .section3 { padding: 4vw 0; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/img2.jpg"); } .edu_early .section3 .common_title1 { color: #fff; } .edu_early .section3 .common_title1:after { background: #eb6da5; } .edu_early .section3 .desc { max-width: 740px; margin: 25px auto 0; font-size: 16px; line-height: 30px; text-align: center; color: #fff; } .edu_early .section3 img { display: block; max-width: 1410px; width: 100%; margin: 3vw auto 0; } .edu_early .section3 img.mobile { display: none; } .edu_early .section4 { padding-top: 4vw; } .edu_early .section4 .common_title1:after { background: #21b8ce; } .edu_early .section4 .items { margin-top: 30px; } .edu_early .section4 .items .wrapper { position: relative; } .edu_early .section4 .items .txt_block { font-size: 0; } .edu_early .section4 .items .txt_block span { width: 414px; height: 113px; display: block; background: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/img10.png") center no-repeat; font-size: 30px; color: #fff; font-weight: 600; text-align: center; line-height: 110px; } .edu_early .section4 .items .txt_block p { margin: 30px 0 0 60px; font-size: 16px; line-height: 36px; text-align: justify; } .edu_early .section4 .items .item1 { background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/img9.jpg"); } .edu_early .section4 .items .item1 .wrapper { padding-top: 8vw; } .edu_early .section4 .items .item1 .img_block { width: 61%; margin-left: 39%; position: relative; } .edu_early .section4 .items .item1 .img_block img.center_img { width: 100%; display: block; position: relative; z-index: 2; } .edu_early .section4 .items .item1 .img_block img.left_img { width: 25.3%; position: absolute; left: 0; bottom: 10%; z-index: 1; } .edu_early .section4 .items .item1 .img_block img.right_img { width: 22.2%; position: absolute; right: 0; bottom: 10%; z-index: 1; } .edu_early .section4 .items .item1 .txt_block { width: 37%; position: absolute; left: 0; top: 0; bottom: 0; } .edu_early .section4 .items .item2 { padding: 5vw 0; } .edu_early .section4 .items .item2 .img_block { width: 44%; position: relative; } .edu_early .section4 .items .item2 .img_block img.li_img { width: 100%; display: block; } .edu_early .section4 .items .item2 .img_block img.wai_img { width: 52.3%; position: absolute; bottom: 0; left: 8%; } .edu_early .section4 .items .item2 .txt_block { width: 48%; position: absolute; right: 0; top: 0; bottom: 0; } .edu_early .section4 .items .item2 .lables { padding: 20px 0 0 60px; font-size: 0; } .edu_early .section4 .items .item2 .lables h6 { font-size: 14px; margin-bottom: 15px; } .edu_early .section4 .items .item2 .lables .lable { display: inline-block; vertical-align: top; width: 130px; line-height: 48px; text-align: center; font-size: 14px; color: #fff; border-radius: 30px; margin-right: 6px; } .edu_early .section4 .items .item2 .lables .lable:nth-of-type(odd) { background: #21b8ce; } .edu_early .section4 .items .item2 .lables .lable:nth-of-type(even) { background: #eb6da5; } .edu_early .section4 .items .item3 { background: #a3f2fd; padding: 5vw 0; } .edu_early .section4 .items .item3 .img_block { width: 66%; margin-left: 34%; position: relative; } .edu_early .section4 .items .item3 .img_block img.li_img { width: 100%; display: block; } .edu_early .section4 .items .item3 .img_block img.wai_img { width: 29%; position: absolute; bottom: 2%; right: 5%; } .edu_early .section4 .items .item3 .txt_block { width: 38%; position: absolute; left: 0; top: 0; bottom: 0; } .edu_early .section5 { padding: 5vw 0; } .edu_early .section5 .common_title1:after { background: #21b8ce; } .edu_early .section5 .desc { max-width: 740px; margin: 25px auto 0; font-size: 16px; line-height: 30px; text-align: center; } .edu_early .section5 .main { position: relative; margin-top: 4vw; } .edu_early .section5 .main .phone { width: 350px; height: 723px; margin: 0 auto; background: url("/xiaoguankidstjjsylgocom/static/home/images/edu_early/img4.png") center no-repeat; background-size: 100% auto; padding: 91px 24px 96px; } .edu_early .section5 .main .phone .slicks { position: relative; width: 100%; height: 100%; } .edu_early .section5 .main .phone .slick { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_early .section5 .main .phone .slick.active { opacity: 1; visibility: visible; } .edu_early .section5 .main .phone .slick-dots { bottom: 5px; font-size: 0; text-align: center; } .edu_early .section5 .main .phone .slick-dots button { display: none; } .edu_early .section5 .main .phone .slick-dots li { width: 16px; height: 16px; border-radius: 50%; background: #ccc; display: inline-block; vertical-align: top; margin: 0 5px; } .edu_early .section5 .main .phone .slick-dots li.slick-active { background: #eb6da5; } .edu_early .section5 .main .phone .item img { width: 100%; display: block; } .edu_early .section5 .main .box { position: absolute; width: 380px; padding: 25px 60px; border-radius: 20px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_early .section5 .main .box span { width: 74px; height: 74px; border-radius: 50%; border: 3px solid #eb6da5; font-size: 48px; line-height: 70px; font-family: 'dincond_b'; color: #eb6da5; position: absolute; top: 0; left: -25px; text-align: center; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_early .section5 .main .box h3 { font-size: 24px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .edu_early .section5 .main .box p { font-size: 16px; line-height: 36px; color: #636363; margin-top: 10px; } .edu_early .section5 .main .box:nth-of-type(1), .edu_early .section5 .main .box:nth-of-type(2) { top: 130px; } .edu_early .section5 .main .box:nth-of-type(1), .edu_early .section5 .main .box:nth-of-type(3) { left: 0; } .edu_early .section5 .main .box:nth-of-type(2), .edu_early .section5 .main .box:nth-of-type(4) { right: 0; } .edu_early .section5 .main .box:nth-of-type(3), .edu_early .section5 .main .box:nth-of-type(4) { top: 430px; } .edu_early .section5 .main .box:hover, .edu_early .section5 .main .box.active { background: #f5f5f5; } .edu_early .section5 .main .box:hover span, .edu_early .section5 .main .box.active span { color: #fff; background: #eb6da5; } .edu_early .section5 .main .box:hover h3, .edu_early .section5 .main .box.active h3 { color: #eb6da5; } .evaluation_main .common_banner span.t.blue br { display: none; } .evaluation_main .section2 { background: #f7f7f7; padding: 5vw 0; } .evaluation_main .section2 .m_desc { display: none; } .evaluation_main .section2 .main { margin-top: 3vw; position: relative; } .evaluation_main .section2 .main .center { width: 638px; height: 638px; font-size: 0; margin: 0 auto; position: relative; z-index: 2; } .evaluation_main .section2 .main .center .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/img7.png") left center no-repeat; background-size: auto 100%; -webkit-animation: rotate 5s linear infinite; -moz-animation: rotate 5s linear infinite; -ms-animation: rotate 5s linear infinite; animation: rotate 5s linear infinite; } .evaluation_main .section2 .main .center:after { content: ''; position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; border-radius: 50%; background: #f5c921; } .evaluation_main .section2 .main .center .slick { z-index: 2; margin: 0 58px; padding: 30px 35px; border-radius: 30px; background: #fff; } .evaluation_main .section2 .main .center .slick img { width: 100%; display: block; } .evaluation_main .section2 .main .center .slick .slick-dots { font-size: 0; width: auto; left: 0; right: 0; } .evaluation_main .section2 .main .center .slick .slick-dots button { display: none; } .evaluation_main .section2 .main .center .slick .slick-dots li { width: 12px; height: 12px; border-radius: 6px; background: #fff; margin: 0 5px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .evaluation_main .section2 .main .center .slick .slick-dots li.slick-active { width: 30px; } .evaluation_main .section2 .main .box { width: calc(50% - 365px); position: absolute; } .evaluation_main .section2 .main .box:nth-of-type(1), .evaluation_main .section2 .main .box:nth-of-type(2) { top: 80px; } .evaluation_main .section2 .main .box:nth-of-type(1), .evaluation_main .section2 .main .box:nth-of-type(3) { left: 0; text-align: right; } .evaluation_main .section2 .main .box:nth-of-type(2), .evaluation_main .section2 .main .box:nth-of-type(4) { right: 0; text-align: left; } .evaluation_main .section2 .main .box:nth-of-type(3), .evaluation_main .section2 .main .box:nth-of-type(4) { top: 445px; } .evaluation_main .section2 .main .box span { display: inline-block; vertical-align: top; width: 200px; line-height: 56px; border-radius: 30px; border: 2px solid #e6e6e6; text-align: center; font-size: 40px; color: #f5c921; font-family: 'DIN'; cursor: pointer; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .evaluation_main .section2 .main .box span:after { content: ''; width: 30px; height: 30px; margin: -2px 0 0 5px; display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .evaluation_main .section2 .main .box:nth-of-type(1) span:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon6.png"); } .evaluation_main .section2 .main .box:nth-of-type(2) span:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon7.png"); } .evaluation_main .section2 .main .box:nth-of-type(3) span:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon8.png"); } .evaluation_main .section2 .main .box:nth-of-type(4) span:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon9.png"); } .evaluation_main .section2 .main .box:nth-of-type(1):hover span:after, .evaluation_main .section2 .main .box:nth-of-type(1).active span:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon6on.png"); } .evaluation_main .section2 .main .box:nth-of-type(2):hover span:after, .evaluation_main .section2 .main .box:nth-of-type(2).active span:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon7on.png"); } .evaluation_main .section2 .main .box:nth-of-type(3):hover span:after, .evaluation_main .section2 .main .box:nth-of-type(3).active span:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon8on.png"); } .evaluation_main .section2 .main .box:nth-of-type(4):hover span:after, .evaluation_main .section2 .main .box:nth-of-type(4).active span:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon9on.png"); } .evaluation_main .section2 .main .box i { display: none; } .evaluation_main .section2 .main .box p { font-size: 18px; margin-top: 10px; } .evaluation_main .section2 .main .box p br { display: none; } .evaluation_main .section2 .main .box:after { content: ''; width: 110px; height: 45px; position: absolute; top: 30px; background: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon10.png"); } .evaluation_main .section2 .main .box:nth-of-type(odd):after { left: 100%; } .evaluation_main .section2 .main .box:nth-of-type(even):after { right: 100%; } .evaluation_main .section2 .main .box:nth-of-type(2):after { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .evaluation_main .section2 .main .box:nth-of-type(3):after { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); top: -15px; } .evaluation_main .section2 .main .box:nth-of-type(4):after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: -15px; } .evaluation_main .section2 .main .box:hover span, .evaluation_main .section2 .main .box.active span { background: #f5c921; border-color: #f5c921; color: #fff; } .evaluation_main .section2 .main .box:hover:after, .evaluation_main .section2 .main .box.active:after { background: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon10on.png"); } .evaluation_main .section3 { padding: 5vw 0; } .evaluation_main .section3 .main { margin-top: 40px; overflow: hidden; } .evaluation_main .section3 .main .item { width: 50%; float: left; } .evaluation_main .section3 .main .item img { width: 100%; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .evaluation_main .section3 .main .item .top { overflow: hidden; } .evaluation_main .section3 .main .item .top:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .evaluation_main .section3 .main .item .bot { position: relative; } .evaluation_main .section3 .main .item .bot .left { width: 50%; position: absolute; left: 0; top: 0; bottom: 0; font-size: 0; padding: 0 35px; } .evaluation_main .section3 .main .item .bot .left .cell { position: relative; } .evaluation_main .section3 .main .item .bot .left span { font-size: 200px; font-family: 'din_m'; color: #fff; position: absolute; left: 0; top: -120px; } .evaluation_main .section3 .main .item .bot .left p { font-size: 18px; line-height: 2; color: #fff; text-align: justify; margin-top: 20px; position: relative; z-index: 2; } .evaluation_main .section3 .main .item .bot .right { width: 50%; margin-left: 50%; overflow: hidden; } .evaluation_main .section3 .main .item .bot .right:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .evaluation_main .section3 .main .item:nth-of-type(odd) .bot .left { background: #f5c921; } .evaluation_main .section3 .main .item:nth-of-type(odd) .bot .left span { opacity: .1; } .evaluation_main .section3 .main .item:nth-of-type(even) .bot .left { background: #144d91; } .evaluation_main .section3 .main .item:nth-of-type(even) .bot .left span { opacity: .05; } .evaluation_main .section4 { background: #f7f7f7; padding: 5vw 0; } .evaluation_main .section4 .items { text-align: center; font-size: 0; margin-top: 20px; } .evaluation_main .section4 .items .item { width: 33.33%; display: inline-block; vertical-align: top; margin-top: 30px; } .evaluation_main .section4 .items .item .icon { width: 120px; height: 120px; margin: 0 auto; position: relative; } .evaluation_main .section4 .items .item .icon:before, .evaluation_main .section4 .items .item .icon:after { content: ''; width: 100%; height: 100%; background: #f7f7f7; border-radius: 50%; position: absolute; border: 2px solid transparent; z-index: 1; } .evaluation_main .section4 .items .item .icon:before { left: 6px; top: 6px; } .evaluation_main .section4 .items .item .icon:after { top: 0; left: 0; } .evaluation_main .section4 .items .item .icon i { width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 2; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .evaluation_main .section4 .items .item h3 { font-size: 24px; margin: 20px 0 10px; } .evaluation_main .section4 .items .item p { font-size: 16px; color: #808080; line-height: 30px; } .evaluation_main .section4 .items .item:nth-of-type(1) .icon:before, .evaluation_main .section4 .items .item:nth-of-type(1) .icon:after { border-color: #7ecef4; } .evaluation_main .section4 .items .item:nth-of-type(1) .icon i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon1.png"); } .evaluation_main .section4 .items .item:nth-of-type(2) .icon:before, .evaluation_main .section4 .items .item:nth-of-type(2) .icon:after { border-color: #55c9a0; } .evaluation_main .section4 .items .item:nth-of-type(2) .icon i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon2.png"); } .evaluation_main .section4 .items .item:nth-of-type(3) .icon:before, .evaluation_main .section4 .items .item:nth-of-type(3) .icon:after { border-color: #ff845e; } .evaluation_main .section4 .items .item:nth-of-type(3) .icon i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon3.png"); } .evaluation_main .section4 .items .item:nth-of-type(4) .icon:before, .evaluation_main .section4 .items .item:nth-of-type(4) .icon:after { border-color: #f5c921; } .evaluation_main .section4 .items .item:nth-of-type(4) .icon i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon4.png"); } .evaluation_main .section4 .items .item:nth-of-type(5) .icon:before, .evaluation_main .section4 .items .item:nth-of-type(5) .icon:after { border-color: #c090e4; } .evaluation_main .section4 .items .item:nth-of-type(5) .icon i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon5.png"); } .evaluation_main .section4 .items .item:hover .icon i { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .achievement_main .section2 { padding: 5vw 0; } .achievement_main .section2 .left { width: 40%; float: left; } .achievement_main .section2 .left .common_title1 { text-align: left; } .achievement_main .section2 .left .common_title1:after { margin-left: 0; } .achievement_main .section2 .left p { font-size: 18px; color: #636363; line-height: 30px; text-align: justify; margin-top: 20px; } .achievement_main .section2 .right { width: 44.8%; float: right; padding-top: 5vw; } .achievement_main .section2 .right .bar { position: relative; padding-bottom: 38px; margin-bottom: 2vw; } .achievement_main .section2 .right .bar img { width: 100%; display: block; } .achievement_main .section2 .right .bar .box { position: absolute; bottom: 0; } .achievement_main .section2 .right .bar .box:nth-of-type(1) { left: 10%; } .achievement_main .section2 .right .bar .box:nth-of-type(2) { left: 40%; } .achievement_main .section2 .right .bar .box:nth-of-type(3) { left: 70%; } .achievement_main .section2 .right .bar .box:nth-of-type(1).active .lines { -webkit-animation: height1 0.5s linear 1 forwards; -moz-animation: height1 0.5s linear 1 forwards; -ms-animation: height1 0.5s linear 1 forwards; animation: height1 0.5s linear 1 forwards; } .achievement_main .section2 .right .bar .box:nth-of-type(2).active .lines { -webkit-animation: height2 0.5s linear 1 forwards; -moz-animation: height2 0.5s linear 1 forwards; -ms-animation: height2 0.5s linear 1 forwards; animation: height2 0.5s linear 1 forwards; } .achievement_main .section2 .right .bar .box:nth-of-type(3).active .lines { -webkit-animation: height3 0.5s linear 1 forwards; -moz-animation: height3 0.5s linear 1 forwards; -ms-animation: height3 0.5s linear 1 forwards; animation: height3 0.5s linear 1 forwards; } .achievement_main .section2 .right .bar .box span { font-size: 24px; color: #f5c921; text-align: center; display: block; } .achievement_main .section2 .right .bar .box .lines { width: 96px; margin: 30px auto; position: relative; } .achievement_main .section2 .right .bar .box .lines .line { width: 43px; position: absolute; bottom: 0; border-radius: 5px 5px 0 0; } .achievement_main .section2 .right .bar .box .lines .line:nth-of-type(1) { background: #a9dbeb; left: 0; height: 80%; } .achievement_main .section2 .right .bar .box .lines .line:nth-of-type(2) { background: #f5c921; right: 0; height: 100%; } .achievement_main .section2 .right .bar .box p { font-size: 22px; line-height: 24px; color: #f5c921; text-align: center; } .achievement_main .section2 .right img.mobile { /*display: none;*/ display: block; width: 100%; } .achievement_main .section2 .right .desc { font-size: 16px; line-height: 30px; color: #636363; text-align: center; } .achievement_main .section3 { padding: 5vw 0; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("/xiaoguankidstjjsylgocom/static/home/images/achievement/img3.jpg"); } .achievement_main .section3 .wrapper { position: relative; } .achievement_main .section3 .right { width: 36%; position: absolute; right: 0; top: 0; bottom: 0; font-size: 0; } .achievement_main .section3 .right .common_title1 { text-align: right; } .achievement_main .section3 .right .common_title1:after { margin-right: 0; } .achievement_main .section3 .right p { font-size: 18px; color: #636363; line-height: 30px; text-align: right; margin-top: 20px; } .achievement_main .section3 .left { width: 38%; } .achievement_main .section3 .left .circle { width: 377px; height: 377px; margin: 0 auto; background: url("/xiaoguankidstjjsylgocom/static/home/images/achievement/img4.png") center no-repeat; background-size: 100% 100%; position: relative; z-index: 2; } .achievement_main .section3 .left .circle .box { text-align: center; color: #fff; position: absolute; } .achievement_main .section3 .left .circle .box:nth-of-type(1) { top: 120px; left: 75px; } .achievement_main .section3 .left .circle .box:nth-of-type(2) { top: 120px; right: 75px; } .achievement_main .section3 .left .circle .box:nth-of-type(3) { bottom: 65px; left: 145px; } .achievement_main .section3 .left .circle .box span { font-size: 48px; font-family: 'dincond_b'; } .achievement_main .section3 .left .circle .box p { font-size: 14px; } .achievement_main .section3 .left .items { margin-top: -80px; } .achievement_main .section3 .left .items .item { width: 224px; background: #fff; border-radius: 15px; position: relative; padding: 40px 30px; } .achievement_main .section3 .left .items .item:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px dashed #f5c921; border-radius: 15px; } .achievement_main .section3 .left .items .item:nth-of-type(1) { float: left; } .achievement_main .section3 .left .items .item:nth-of-type(2) { float: right; } .achievement_main .section3 .left .items .item p { font-size: 16px; color: #636363; line-height: 30px; } .achievement_main .section3 .left .desc { font-size: 20px; color: #636363; text-align: center; margin-top: 2vw; } .achievement_main .section4 { padding: 5vw 0; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("/xiaoguankidstjjsylgocom/static/home/images/achievement/img5.jpg"); } .achievement_main .section4 .common_title1 { color: #fff; } .achievement_main .section4 .items { margin: 0 -15px 0; font-size: 0; } .achievement_main .section4 .items .item { display: inline-block; vertical-align: top; width: 25%; padding: 0 15px; margin-top: 2vw; } .achievement_main .section4 .items .item .img_block { box-shadow: 0 5px 20px rgba(4, 0, 0, 0.5); overflow: hidden; } .achievement_main .section4 .items .item .img_block img { display: block; width: 100%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .achievement_main .section4 .items .item h3 { font-size: 18px; color: #fff; font-weight: 600; text-align: center; margin-top: 20px; line-height: 30px; } .achievement_main .section4 .items .item:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .achievement_main .section5 { padding: 5vw 0; } .achievement_main .section5 .items { margin: 25px -15px 0; font-size: 0; } .achievement_main .section5 .items .item { display: inline-block; vertical-align: top; width: 33.33%; padding: 0 15px; margin-top: 15px; } .achievement_main .section5 .items .item .img_block { overflow: hidden; } .achievement_main .section5 .items .item .img_block img { width: 100%; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .achievement_main .section5 .items .item h3 { font-size: 18px; line-height: 30px; color: #636363; text-align: center; font-weight: 600; margin-top: 10px; } .achievement_main .section5 .items .item:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .achievement_main .section5 a.more { display: block; width: 200px; line-height: 48px; border-radius: 30px; font-size: 16px; background: #144d91; color: #fff; text-align: center; margin: 3vw auto 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .achievement_main .section5 a.more:hover { background: #f5c921; } .dr_cheng .common_banner .wx { max-width: 220px; margin: 3vw auto 0; } .dr_cheng .common_banner .wx img { display: block; max-width: 100%; width: auto; margin: 0 auto; } .dr_cheng .common_banner .wx .tit { font-size: 18px; color: #fff; text-align: center; margin-top: 10px; } .dr_cheng .section2 { padding: 4vw 0 7vw; } .dr_cheng .section2 .common_title1:after { background: #3482d5; } .dr_cheng .section2 .desc { font-size: 16px; line-height: 30px; max-width: 730px; margin: 20px auto 0; text-align: center; } .dr_cheng .section2 .img_box { max-width: 1130px; margin: 3vw auto 0; position: relative; height: 530px; } .dr_cheng .section2 .img_box img { position: absolute; } .dr_cheng .section2 .img_box img.img1 { width: 28.93%; left: 0; top: 10px; } .dr_cheng .section2 .img_box img.img2 { width: 15.57%; top: 13.2%; left: 31.85%; } .dr_cheng .section2 .img_box img.img3 { width: 22.03%; top: 0; left: 50.4%; } .dr_cheng .section2 .img_box img.img4 { width: 23.89%; top: 25px; right: 0; } .dr_cheng .section2 .img_box img.img5 { width: 17.25%; left: 20.79%; bottom: 0; } .dr_cheng .section2 .img_box img.img6 { width: 12.92%; left: 46.01%; bottom: 16.6%; } .dr_cheng .section2 .img_box img.img7 { width: 17.25%; right: 19.46%; bottom: 0; } .dr_cheng .section2 img.mobile { display: none; } .dr_cheng .section3 { background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_dr/img11.jpg"); } .dr_cheng .section3 .main { position: relative; padding: 9vw 0 8vw; max-width: 1170px; margin: 0 auto; } .dr_cheng .section3 .right { width: 50%; margin-left: 50%; } .dr_cheng .section3 .right .common_title1 { color: #fff; text-align: left; } .dr_cheng .section3 .right .common_title1:after { display: none; } .dr_cheng .section3 .right p { font-size: 16px; line-height: 30px; color: #fff; text-align: justify; margin-top: 20px; } .dr_cheng .section3 .left { width: 45%; position: absolute; left: 0; bottom: 0; } .dr_cheng .section3 .left img { width: 100%; display: block; } .dr_cheng .section4 { padding: 5vw 0; } .dr_cheng .section4 .common_title1:after { background: #3482d5; } .dr_cheng .section4 .desc { font-size: 16px; line-height: 30px; text-align: center; max-width: 770px; margin: 20px auto 0; } .dr_cheng .section4 .items { font-size: 0; text-align: center; margin-top: 3vw; } .dr_cheng .section4 .items .item { display: inline-block; vertical-align: top; width: calc(25% - 16px); max-width: 318px; margin: 0 8px; position: relative; } .dr_cheng .section4 .items .item .img_block { position: absolute; left: 0; width: 100%; background: #ececec; overflow: hidden; z-index: 1; } .dr_cheng .section4 .items .item .img_block img { width: 100%; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; backface-visibility: hidden; } .dr_cheng .section4 .items .item .txt_block { padding: 20px 23px 40px; text-align: left; min-height: 230px; position: relative; z-index: 2; } .dr_cheng .section4 .items .item .txt_block h3 { font-size: 24px; color: #fff; line-height: 60px; font-weight: 600; position: relative; } .dr_cheng .section4 .items .item .txt_block h3:after { content: ''; width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; position: absolute; right: 0; top: 0; } .dr_cheng .section4 .items .item .txt_block p { font-size: 16px; line-height: 30px; color: #fff; text-align: justify; } .dr_cheng .section4 .items .item:nth-of-type(1) .txt_block { background: #e07352; } .dr_cheng .section4 .items .item:nth-of-type(1) .txt_block h3:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_dr/icon1.png"); } .dr_cheng .section4 .items .item:nth-of-type(1):hover .img_block img { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .dr_cheng .section4 .items .item:nth-of-type(2) .txt_block { background: #27c4d2; } .dr_cheng .section4 .items .item:nth-of-type(2) .txt_block h3:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_dr/icon2.png"); } .dr_cheng .section4 .items .item:nth-of-type(2):hover .img_block img { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .dr_cheng .section4 .items .item:nth-of-type(3) .txt_block { background: #7c3d94; } .dr_cheng .section4 .items .item:nth-of-type(3) .txt_block h3:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_dr/icon3.png"); } .dr_cheng .section4 .items .item:nth-of-type(3):hover .img_block img { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .dr_cheng .section4 .items .item:nth-of-type(4) .txt_block { background: #4bbe45; } .dr_cheng .section4 .items .item:nth-of-type(4) .txt_block h3:after { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_dr/icon4.png"); } .dr_cheng .section4 .items .item:nth-of-type(4):hover .img_block img { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .dr_cheng .section4 .items .item:nth-of-type(odd) { padding-bottom: 16%; } .dr_cheng .section4 .items .item:nth-of-type(odd) .img_block { bottom: 0; } .dr_cheng .section4 .items .item:nth-of-type(even) { padding-top: 16%; margin-top: 3vw; } .dr_cheng .section4 .items .item:nth-of-type(even) .img_block { top: 0; } .edu_jimu .common_banner .cell { padding-bottom: 6vw; } .edu_jimu .common_banner .labels .label { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/icon5.png"); } .edu_jimu .section2 { padding: 5vw 0; } .edu_jimu .section2 .left { width: 47%; float: left; padding-top: 3vw; } .edu_jimu .section2 .left .common_title1 { text-align: left; } .edu_jimu .section2 .left .common_title1 span { color: #93cb0a; } .edu_jimu .section2 .left .common_title1:after { margin-left: 0; } .edu_jimu .section2 .left .desc { font-size: 16px; line-height: 30px; color: #333; margin-top: 20px; text-align: justify; } .edu_jimu .section2 .left .items { font-size: 0; position: relative; margin-top: 3vw; } .edu_jimu .section2 .left .items:before { content: ''; width: 75%; height: 50%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 1vw; background: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/img3.png") center no-repeat; background-size: 100% auto; } .edu_jimu .section2 .left .items .item { width: 25%; display: inline-block; vertical-align: top; text-align: center; position: relative; z-index: 1; cursor: pointer; } .edu_jimu .section2 .left .items .item:nth-of-type(odd) { margin-top: 4.5vw; } .edu_jimu .section2 .left .items .item i { width: 110px; height: 110px; display: block; margin: 0 auto; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; background-color: #f1f2ed; background-position: center; background-repeat: no-repeat; border-radius: 50%; } .edu_jimu .section2 .left .items .item:nth-of-type(1) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/icon1.png"); } .edu_jimu .section2 .left .items .item:nth-of-type(2) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/icon2.png"); } .edu_jimu .section2 .left .items .item:nth-of-type(3) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/icon3.png"); } .edu_jimu .section2 .left .items .item:nth-of-type(4) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/icon4.png"); } .edu_jimu .section2 .left .items .item h3 { font-size: 16px; margin: 30px 0 10px; font-weight: 600; } .edu_jimu .section2 .left .items .item p { font-size: 14px; line-height: 26px; color: #999; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; visibility: hidden; } .edu_jimu .section2 .left .items .item:hover i { background-color: #f5c921; } .edu_jimu .section2 .left .items .item:hover p { opacity: 1; visibility: visible; } .edu_jimu .section2 .left .items .item:nth-of-type(1):hover i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/icon1on.png"); } .edu_jimu .section2 .left .items .item:nth-of-type(2):hover i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/icon2on.png"); } .edu_jimu .section2 .left .items .item:nth-of-type(3):hover i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/icon3on.png"); } .edu_jimu .section2 .left .items .item:nth-of-type(4):hover i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/icon4on.png"); } .edu_jimu .section2 .right { width: 47%; float: right; } .edu_jimu .section2 .right img { width: 100%; display: block; } .edu_jimu .section3 { padding: 6vw 0; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .edu_jimu .section3 .common_title1 { color: #87bf08; } .edu_jimu .section3 .desc { font-size: 16px; line-height: 30px; color: #fff; text-align: center; max-width: 770px; margin: 20px auto 0; } .edu_jimu .section4 .txt_block { font-size: 0; } .edu_jimu .section4 .txt_block span { display: block; width: 344px; height: 143px; background: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/img9.png") center no-repeat; background-size: 100% 100%; text-align: center; font-size: 36px; color: #fff; text-align: center; font-weight: 600; line-height: 143px; } .edu_jimu .section4 .txt_block p { font-size: 18px; line-height: 2; margin: 10px 0 0 40px; text-align: justify; } .edu_jimu .section4 .item1 { background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/img10.jpg"); } .edu_jimu .section4 .item1 .main { padding-top: 3.5vw; position: relative; max-width: 1240px; width: 86%; margin: 0 auto; } .edu_jimu .section4 .item1 .main .img_block { width: 53%; } .edu_jimu .section4 .item1 .main .img_block img { width: 100%; display: block; -webkit-transform: translateY(3.5vw); -moz-transform: translateY(3.5vw); -ms-transform: translateY(3.5vw); transform: translateY(3.5vw); } .edu_jimu .section4 .item1 .main .txt_block { width: 42%; position: absolute; right: 0; top: 0; bottom: 0; } .edu_jimu .section4 .item2 { background: #f7f7f7; } .edu_jimu .section4 .item2 .main { padding-top: 5.5vw; position: relative; max-width: 1400px; width: 86%; margin: 0 auto; } .edu_jimu .section4 .item2 .main .img_block { width: 41.8%; margin-left: 58.2%; } .edu_jimu .section4 .item2 .main .img_block img { width: 100%; display: block; } .edu_jimu .section4 .item2 .main .txt_block { width: 42%; position: absolute; top: 0; left: 0; bottom: 0; } .edu_jimu .section4 .item3 .main { position: relative; } .edu_jimu .section4 .item3 .main .img_block { width: 47.3%; margin-top: -40px; } .edu_jimu .section4 .item3 .main .img_block img { width: 100%; display: block; } .edu_jimu .section4 .item3 .main .txt_block { width: 31%; position: absolute; top: 0; left: 50%; bottom: 0; } .edu_jimu .section4 .item4 { background: #f7f7f7; } .edu_jimu .section4 .item4 .main { position: relative; width: 86%; max-width: 1420px; margin: 0 auto; padding-top: 5vw; } .edu_jimu .section4 .item4 .main .img_block { width: 46%; margin-left: 54%; } .edu_jimu .section4 .item4 .main .img_block img { width: 100%; display: block; } .edu_jimu .section4 .item4 .main .txt_block { width: 40%; position: absolute; top: 0; left: 0; bottom: 0; } .edu_jimu .section5 { background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_jimu/img11.jpg"); padding: 12vw 0 6vw; } .edu_jimu .section5 .nums { font-size: 0; text-align: center; } .edu_jimu .section5 .nums .num { width: 150px; height: 150px; border: 2px solid rgba(255, 201, 0, 0.5); border-radius: 50%; display: inline-block; vertical-align: top; margin: 0 40px; padding-top: 34px; } .edu_jimu .section5 .nums .num span { font-size: 36px; color: #f5c921; font-weight: bold; } .edu_jimu .section5 .nums .num p { font-size: 24px; color: #f5c921; font-weight: 600; } .edu_jimu .section5 .desc { font-size: 18px; line-height: 40px; color: #f7f7f7; text-align: center; margin-top: 2vw; } .edu_jimu .section5 .video_ctrl { width: 120px; margin: 0 auto; margin-top: 6vw; } .edu_jimu .section5 .video_ctrl i { width: 54px; height: 54px; position: relative; display: block; margin: 0 auto; background: #f5c921; border-radius: 50%; cursor: pointer; } .edu_jimu .section5 .video_ctrl i:before { content: ''; position: absolute; right: -6px; bottom: -6px; left: -6px; top: -6px; border-radius: 50%; border: 1px solid #f5c921; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; } .edu_jimu .section5 .video_ctrl i:after { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #fff; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -2px; } .edu_jimu .section5 .video_ctrl i:hover:before { top: 0; left: 0; right: 0; bottom: 0; } .edu_jimu .section5 .video_ctrl p { font-size: 18px; text-align: center; margin-top: 20px; color: #f7f7f7; } .inchina_main { background: #f0f0f0; padding: 5vw 0; } .inchina_main .common_title1 { text-align: left; } .inchina_main .common_title1:after { margin-left: 0; } .inchina_main .tip { margin-top: 20px; font-size: 18px; color: #636363; } .inchina_main .tip span { font-size: 30px; color: #333; } .inchina_main .map_main { padding-right: 500px; position: relative; height: 700px; } .inchina_main .map_main #new_map { width: 100%; height: 100%; } .inchina_main .map_main .right { width: 370px; position: absolute; right: 0; top: 0; height: 96%; } .inchina_main .map_main .right .tit { font-size: 28px; font-weight: 600; } .inchina_main .map_main .right select { display: block; width: 100%; height: 50px; border-radius: 30px; padding-left: 30px; color: #636363; font-size: 16px; margin-top: 15px; background: #fff url("/xiaoguankidstjjsylgocom/static/home/images/in_china/icon1.png") 96% center no-repeat; } .inchina_main .map_main .right .search { margin-top: 15px; position: relative; background: #fff; border-radius: 30px; overflow: hidden; padding-right: 50px; } .inchina_main .map_main .right .search input { width: 100%; height: 50px; display: block; padding: 0 30px; font-size: 16px; color: #636363; } .inchina_main .map_main .right .search button { width: 50px; height: 50px; background: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/icon2.png") center no-repeat; position: absolute; right: 0; top: 0; cursor: pointer; } .inchina_main .map_main .right .re { position: absolute; bottom: 0; left: 0; right: 0; font-size: 16px; font-weight: 600; } .inchina_main .map_main .right .lists { position: absolute; top: 170px; bottom: 40px; padding-right: 10px; overflow-y: auto; overflow-x: hidden; } .inchina_main .map_main .right .lists::-webkit-scrollbar { width: 6px; height: 6px; } .inchina_main .map_main .right .lists::-webkit-scrollbar-button:vertical { display: none; } .inchina_main .map_main .right .lists::-webkit-scrollbar-corner, .inchina_main .map_main .right .lists ::-webkit-scrollbar-track { background-color: #ccc; } .inchina_main .map_main .right .lists::-webkit-scrollbar-thumb { border-radius: 0; background-color: #f5c921; } .inchina_main .map_main .right .lists::-webkit-scrollbar-thumb:vertical:hover { background-color: #f5c921; } .inchina_main .map_main .right .lists::-webkit-scrollbar-thumb:vertical:active { background-color: #f5c921; } .inchina_main .map_main .right .lists .list { padding: 25px 0; border-bottom: 1px dashed #e0e0e0; } .inchina_main .map_main .right .lists .list h3 { font-size: 16px; color: #636363; font-weight: 600; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_main .map_main .right .lists .list p { font-size: 14px; color: #808080; margin-top: 5px; } .inchina_main .map_main .right .lists .list:hover h3 { color: #f5c921; } .inchina_detail .top { padding: 18px 0; position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 9; font-size: 0; } .inchina_detail .top .wrapper { position: relative; } .inchina_detail .top .logo { display: inline-block; vertical-align: middle; } .inchina_detail .top .name { display: inline-block; vertical-align: middle; line-height: 60px; margin-left: 25px; padding-left: 25px; font-size: 18px; border-left: 1px solid #e6e6e6; } .inchina_detail .top a.back { position: absolute; right: 0; top: 50%; margin-top: -15px; line-height: 30px; font-size: 16px; color: #636363; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_detail .top a.back:after { content: ''; width: 25px; height: 23px; background: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/icon3.png") center no-repeat; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; } .inchina_detail .top a.back:hover { color: #f5c921; } .inchina_detail .main { margin-top: 98px; } .inchina_detail .main .banner img.pc { width: 100%; display: block; } .inchina_detail .main .banner img.mobile { display: none; width: 100%; } .inchina_detail .tit { text-align: center; } .inchina_detail .tit h3 { font-size: 30px; font-weight: 600; } .inchina_detail .tit .en { font-size: 24px; color: #636363; margin-top: 5px; text-transform: uppercase; } .inchina_detail .section1 { padding: 5vw 0; background: #fff; } .inchina_detail .section1 .cont { margin-top: 3vw; } .inchina_detail .section1 .cont:after { content: ''; display: block; clear: both; } .inchina_detail .section1 .cont .left { width: 46%; float: left; } .inchina_detail .section1 .cont .left h3 { font-size: 28px; color: #333333; } .inchina_detail .section1 .cont .left .desc { font-size: 18px; color: #636363; line-height: 2; margin: 15px 0; } .inchina_detail .section1 .cont .left .p_block { font-size: 0; } .inchina_detail .section1 .cont .left .p_block p { width: 50%; display: inline-block; vertical-align: top; font-size: 16px; color: #333; line-height: 30px; margin-top: 15px; padding-right: 10px; } .inchina_detail .section1 .cont .left .p_block p:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; width: 35px; height: 30px; background-position: center; background-repeat: no-repeat; } .inchina_detail .section1 .cont .left .p_block p.address:before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/icon4.png"); } .inchina_detail .section1 .cont .left .p_block p.telephone:before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/icon5.png"); } .inchina_detail .section1 .cont .left .p_block p.wechat:before { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/icon6.png"); } .inchina_detail .section1 .cont .left a { display: block; width: 210px; line-height: 50px; text-align: center; font-size: 20px; color: #fff; border-radius: 30px; margin-top: 3vw; background: #f5c921; } .inchina_detail .section1 .cont .left a:before { content: ''; width: 26px; height: 26px; background: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/icon7.png") center no-repeat; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; } .inchina_detail .section1 .cont .right { width: 554px; float: right; position: relative; } .inchina_detail .section1 .cont .right:before { content: ''; position: absolute; width: 100%; height: 100%; top: -35px; right: -35px; background: #f5f5f5; } .inchina_detail .section1 .cont .right img { width: 100%; display: block; position: relative; z-index: 2; } .inchina_detail .section2 { padding: 5vw 0; background-image: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/img8.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .inchina_detail .section2 .wrapper { position: relative; } .inchina_detail .section2 .slick { margin-top: 3vw; font-size: 0; } .inchina_detail .section2 .slick .item { display: inline-block; vertical-align: top; width: 33.33%; padding: 20px; } .inchina_detail .section2 .slick .item .box { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } .inchina_detail .section2 .slick .item .img_block { overflow: hidden; } .inchina_detail .section2 .slick .item .img_block img { width: 100%; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_detail .section2 .slick .item .txt_block { background: #fff; padding: 40px; } .inchina_detail .section2 .slick .item .txt_block .date { font-size: 16px; color: #d8d8d8; } .inchina_detail .section2 .slick .item .txt_block h3 { margin: 10px 0; } .inchina_detail .section2 .slick .item .txt_block h3 a { display: block; font-size: 24px; color: #333; line-height: 36px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_detail .section2 .slick .item .txt_block p { font-size: 16px; line-height: 32px; color: #636363; height: 64px; overflow: hidden; } .inchina_detail .section2 .slick .item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .inchina_detail .section2 .slick .item:hover h3 a { color: #f5c921; } .inchina_detail .section2 .btn { width: 44px; height: 44px; background-color: #f5c921; border-radius: 50%; position: absolute; top: 60%; background-position: center; background-repeat: no-repeat; cursor: pointer; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_detail .section2 .btn.prev { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/icon8.png"); left: -50px; } .inchina_detail .section2 .btn.next { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/icon9.png"); right: -50px; } .inchina_detail .section2 .btn:hover { background-color: #144d91; } .inchina_detail .section3 { padding: 5vw 0; background: #ffffff; } .inchina_detail .section3 .cont { margin-top: 3vw; position: relative; } .inchina_detail .section3 .tab_tit { text-align: center; font-size: 0; } .inchina_detail .section3 .tab_tit span { display: inline-block; vertical-align: top; width: 144px; line-height: 42px; border-radius: 30px; border: 1px solid #e6e6e6; text-align: center; font-size: 16px; color: #333; margin: 0 10px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; cursor: pointer; } .inchina_detail .section3 .tab_tit span:hover, .inchina_detail .section3 .tab_tit span.active { border-color: #f5c921; background: #f5c921; color: #fff; } .inchina_detail .section3 .tab_cont { margin-top: 3vw; } .inchina_detail .section3 .tab_cont .child { display: none; } .inchina_detail .section3 .tab_cont ul { font-size: 0; } .inchina_detail .section3 .tab_cont ul li { display: inline-block; vertical-align: top; width: calc(50% - 30px); position: relative; font-size: 18px; color: #333; line-height: 60px; padding-right: 130px; border-bottom: 1px dashed #bfbfbf; padding-left: 30px; background: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/icon10.png") left center no-repeat; } .inchina_detail .section3 .tab_cont ul li:nth-of-type(odd) { margin-right: 60px; } .inchina_detail .section3 .tab_cont ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_detail .section3 .tab_cont ul li a:hover { color: #f5c921; } .inchina_detail .section3 .tab_cont ul li span { position: absolute; right: 0; top: 0; } .inchina_detail .section3 .tab_cont .items { margin: 0 -15px 0; font-size: 0; } .inchina_detail .section3 .tab_cont .items .item { display: inline-block; vertical-align: top; width: 25%; padding: 0 15px; } .inchina_detail .section3 .tab_cont .items .item .img_block { overflow: hidden; } .inchina_detail .section3 .tab_cont .items .item .img_block img { width: 100%; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_detail .section3 .tab_cont .items .item .txt_block { height: 222px; position: relative; padding: 40px 0; border-bottom: 1px solid #e6e6e6; } .inchina_detail .section3 .tab_cont .items .item .txt_block:after { content: ''; position: absolute; width: 0; height: 3px; bottom: 0; left: 0; background: #f5c921; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_detail .section3 .tab_cont .items .item .txt_block h3 a { font-size: 24px; line-height: 36px; color: #333; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_detail .section3 .tab_cont .items .item .txt_block p { font-size: 16px; color: #636363; line-height: 32px; height: 64px; overflow: hidden; margin-top: 5px; } .inchina_detail .section3 .tab_cont .items .item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .inchina_detail .section3 .tab_cont .items .item:hover h3 a { color: #f5c921; } .inchina_detail .section3 .tab_cont .items .item:hover .txt_block:after { width: 100%; } .inchina_detail .section4 { padding: 5vw 0; background: #f0f0f0; } .inchina_detail .section4 .pics { margin-top: 3vw; font-size: 0; position: relative; } .inchina_detail .section4 .pics .item { position: relative; border-radius: 15px; overflow: hidden; display: inline-block; vertical-align: top; } .inchina_detail .section4 .pics .item:nth-of-type(1), .inchina_detail .section4 .pics .item:nth-of-type(2) { width: 30.5%; margin-right: .8%; } .inchina_detail .section4 .pics .item:nth-of-type(3) { width: 37.4%; } .inchina_detail .section4 .pics .item:nth-of-type(4) { width: 61.8%; position: absolute; left: 0; bottom: 0; } .inchina_detail .section4 .pics .item img { width: 100%; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_detail .section4 .pics .item h3 { position: absolute; left: 0; right: 0; bottom: 0; line-height: 70px; font-size: 20px; color: #fff; padding: 0 40px; background: url("/xiaoguankidstjjsylgocom/static/home/images/in_china/img3.png") center no-repeat; background-size: 100% 100%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_detail .section4 .pics .item .hide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(245, 201, 33, 0.7); opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .inchina_detail .section4 .pics .item .hide span { position: absolute; left: 0; right: 0; top: 50%; line-height: 30px; margin-top: -15px; text-align: center; font-size: 24px; color: #fff; } .inchina_detail .section4 .pics .item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .inchina_detail .section4 .pics .item:hover h3 { opacity: 0; visibility: hidden; } .inchina_detail .section4 .pics .item:hover .hide { opacity: 1; visibility: visible; } @media screen and (max-width: 1700px) { .dr_cheng .section3 .left { width: 40%; } } @media screen and (max-width: 1600px) { .common_pt { padding-top: 145px; } .common_banner h3 { font-size: 60px; } .news_box .title span { font-size: 44px; } .common_banner .labels { bottom: 2vw; } .common_banner .labels .label { font-size: 16px; } .common_banner .desc { font-size: 16px; } .news_box .wall .item .txt_block h3 { font-size: 20px; } .about_main .section1 .countup .item .num { font-size: 40px; } .about_main .section1 .countup .item .info { font-size: 20px; } .about_main .section5 .item { margin: 0 40px; } .site_map .item { padding: 30px 0; } .edu_child .section3 .tab_title span { padding: 30px 0; font-size: 20px; } .edu_child .section3 .tab_title span:before { width: 50px; height: 50px; background-size: contain; } .edu_child .section3 .tab_cont .child2 .block .item { width: 300px; } .edu_child .section3 .tab_cont .child2 .block .item h3 { font-size: 20px; } .edu_early .section5 .main .phone { width: 300px; height: 620px; padding: 78px 21px 81px; } .edu_early .section5 .main .box:nth-of-type(1), .edu_early .section5 .main .box:nth-of-type(2) { top: 60px; } .edu_early .section5 .main .box:nth-of-type(3), .edu_early .section5 .main .box:nth-of-type(4) { top: 350px; } .edu_early .section4 .items .item2 .lables .lable { width: 120px; } .evaluation_main .section2 .main .center { width: 520px; height: 520px; } .evaluation_main .section2 .main .center .slick { margin: 0 40px; } .evaluation_main .section2 .main .box:nth-of-type(1), .evaluation_main .section2 .main .box:nth-of-type(2) { top: 50px; } .evaluation_main .section2 .main .box:nth-of-type(3), .evaluation_main .section2 .main .box:nth-of-type(4) { top: 400px; } .evaluation_main .section2 .main .box { width: calc(50% - 320px); } .achievement_main .section2 .right .bar .box p { font-size: 18px; } .achievement_main .section2 .right .bar .box span { font-size: 20px; } .achievement_main .section2 .right .bar { padding-bottom: 40px; } .inchina_main .map_main { height: 670px; } .inchina_main .map_main .right select { height: 40px; font-size: 14px; } .inchina_main .map_main .right .tit { font-size: 22px; } .inchina_main .map_main .right .search input { height: 40px; } .inchina_main .map_main .right .search button { height: 40px; } .inchina_main .map_main .right .lists { top: 140px; } .inchina_main .map_main .right .lists .list { padding: 18px 0; } .inchina_detail .section1 .cont .left h3 { font-size: 24px; } .inchina_detail .section1 .cont .left .desc { font-size: 16px; } .inchina_detail .section1 .cont .right { width: 38%; } .inchina_detail .section2 .slick .item .txt_block h3 a { font-size: 20px; line-height: 30px; } .inchina_detail .section3 .tab_cont ul li { font-size: 16px; line-height: 54px; } .inchina_detail .section3 .tab_cont .items .item .txt_block { height: 210px; } .inchina_detail .section3 .tab_cont .items .item .txt_block h3 a { font-size: 20px; line-height: 30px; } .inchina_detail .section1 .cont .left a { font-size: 16px; width: 180px; line-height: 46px; } } @media screen and (max-width: 1500px) { .edu_child .section3 .tab_cont .child1 .arrow.prev { left: 0; } .edu_child .section3 .tab_cont .child1 .arrow.next { right: 0; } } @media screen and (max-width: 1440px) { .common_pt { padding-top: 135px; } .common_banner p { font-size: 24px; } .common_banner h3 { font-size: 48px; } .common_banner span.t { font-size: 16px; line-height: 24px; } .common_title h3 { font-size: 30px; } .common_title p { font-size: 20px; } .common_crumbs { line-height: 50px; } .common_title1 { font-size: 30px; } .common_title1:after { margin-top: 15px; } .common_page li:first-of-type a, .common_page li:last-of-type a { font-size: 14px; } .common_page li a { font-size: 16px; line-height: 30px; } .common_page li:first-of-type, .common_page li:last-of-type { margin: 0 20px; } .contact_main .main .right { width: 50%; margin-left: 50%; } .contact_main .main .top { padding: 5% 7%; } .contact_main .main .top h3 { font-size: 20px; } .contact_main .main .top .info .item { margin-top: 15px; } .contact_main .main .top .info .item p { font-size: 13px; } .contact_main .main .bot .img_block p { font-size: 15px; } .contact_main .main .bot .img_block { margin: 0 20px; } .contact_main .main .bot { padding: 20px 0; margin-top: 15px; } .news_box .title span { font-size: 38px; } .news_box .wall .item .txt_block h3 { font-size: 18px; } .news_box .wall .right .item .txt_block h3 { font-size: 16px; } .news_box .list { padding: 25px 0; } .news_box .wall { margin: 25px 0; } .news_box .list .txt_block h3 a { font-size: 20px; } .news_box .list .txt_block p { font-size: 15px; } .news_detail .main h3 { font-size: 30px; } .news_detail .main .cont { line-height: 1.8; } .news_detail .other { padding: 2vw 0; } .recruit_main .main .tit span { font-size: 16px; line-height: 70px; } .recruit_main .main .item .info span { font-size: 16px; line-height: 60px; } .recruit_main .main .item .info span i { width: 50px; right: -25px; } .recruit_main .main .item .desc h3 { font-size: 20px; } .recruit_main .main .item .desc .labels span { font-size: 15px; } .recruit_main .main .item .desc .box h4 { font-size: 16px; } .recruit_main .main .item .desc .box p, .recruit_main .main .item .desc .p_block p { font-size: 15px; line-height: 1.8; } .recruit_main .main .item .desc .p_block a.apply { line-height: 40px; } .about_main .section2 .left p { line-height: 30px; } .about_main .section2 .right p { font-size: 20px; line-height: 34px; } .about_main .section3 p { font-size: 20px; line-height: 34px; } .about_main .section4 .logos .logo { height: 180px; width: 360px; } .about_main .section4 .desc { font-size: 16px; } .about_main .section5 .item { width: 180px; height: 180px; margin: 0 30px; } .about_main .section5 .item .num { font-size: 44px; } .about_main .section5 .item p { font-size: 18px; } .about_main .section6 .item h3 { font-size: 24px; } .about_main .section6 .item .hide { padding: 0 30px; } .about_main .section6 .item .hide i { width: 150px; height: 150px; } .about_main .section6 .item .hide p { font-size: 15px; } .about_main .section7 .block .child .box .txt_block p { font-size: 16px; line-height: 1.8; } .about_main .section7 .block .year .item { margin-bottom: 15px; font-size: 30px; } .about_main .section2 .left h3 { font-size: 30px; } .site_map .item span { width: 150px; font-size: 18px; } .site_map .item .link { margin-left: 170px; } .site_map .item .link a { font-size: 16px; } .site_map .title { font-size: 24px; } .edu_child .section2 .item h3 { font-size: 18px; } .edu_child .section3 .tab_cont .child1 .btns .btn h3 { font-size: 20px; } .edu_child .section3 .tab_cont .child1 .btns .btn p { font-size: 14px; } .edu_child .section3 .tab_cont .child4 .item .txt_block h3 { font-size: 24px; } .edu_child .section3 .tab_cont .child4 .item .txt_block p { margin: 10px 0; line-height: 30px; } .edu_child .section4 .item .box p { font-size: 16px; } .edu_child .section4 .item .hover h3 { font-size: 14px; } .edu_child .section4 .item .hover p { font-size: 12px; line-height: 20px; max-width: 160px; } .edu_child .section4 .item .hover { width: 200px; height: 200px; } .edu_child .section4 .item .hover span { font-size: 14px; } .edu_child .section4 .main { max-width: 900px; } .edu_early .section2 .items .item i { width: 130px; height: 130px; } .edu_early .section2 .items .item h3 { font-size: 18px; line-height: 24px; } .edu_early .section4 .items .txt_block span { font-size: 24px; height: 80px; background-size: 100% 100%; line-height: 80px; width: 350px; } .edu_early .section4 .items .txt_block p { line-height: 30px; } .edu_early .section4 .items .item2 .lables .lable { width: 100px; line-height: 40px; } .edu_early .section5 .main .box h3 { font-size: 20px; } .edu_early .section5 .main .box p { font-size: 15px; line-height: 28px; } .edu_early .section5 .main .phone { width: 250px; height: 517px; padding: 65px 17px 68px; } .edu_early .section5 .main .box:nth-of-type(3), .edu_early .section5 .main .box:nth-of-type(4) { top: 270px; } .edu_early .section5 .main .box span { font-size: 40px; width: 68px; height: 68px; line-height: 64px; } .evaluation_main .section2 .main .box p { font-size: 14px; } .evaluation_main .section2 .main .box span { line-height: 46px; width: 160px; font-size: 34px; } .evaluation_main .section2 .main .box:after { top: 25px; } .evaluation_main .section3 .main .item .bot .left p { font-size: 16px; line-height: 28px; } .evaluation_main .section3 .main .item .bot .left span { font-size: 150px; top: -90px; } .evaluation_main .section4 .items .item h3 { font-size: 20px; } .edu_jimu .section2 .left .items .item h3 { font-size: 14px; margin: 10px 0; } .edu_jimu .section2 .left .items .item p { line-height: 20px; } .edu_jimu .section4 .txt_block span { font-size: 30px; height: 120px; line-height: 120px; } .edu_jimu .section4 .txt_block p { font-size: 16px; } .edu_jimu .section2 .left .items .item i { width: 80px; height: 80px; background-size: auto 50%; } .edu_jimu .section5 .nums .num { width: 120px; height: 120px; padding-top: 28px; } .edu_jimu .section5 .nums .num span { font-size: 30px; } .edu_jimu .section5 .nums .num p { font-size: 20px; } .edu_jimu .section5 .desc { line-height: 30px; } .dr_cheng .common_banner .wx .tit { font-size: 16px; } .dr_cheng .section2 .img_box { max-width: 900px; height: 420px; } .dr_cheng .section3 .left { width: 36%; } .dr_cheng .section4 .items .item .txt_block h3 { line-height: 40px; font-size: 20px; } .dr_cheng .section4 .items .item .txt_block h3:after { width: 40px; height: 40px; background-size: contain; } .dr_cheng .section4 .items .item .txt_block p { line-height: 24px; font-size: 14px; margin-top: 10px; } .dr_cheng .section4 .items .item .txt_block { min-height: auto; padding: 15px 15px 20px; } .dr_cheng .section4 .items .item:nth-of-type(even) { padding-top: 16.5%; } .dr_cheng .section4 .items .item:nth-of-type(odd) { padding-bottom: 16.5%; } .achievement_main .section4 .items .item h3 { font-size: 16px; line-height: 26px; } .achievement_main .section5 .items .item h3 { font-size: 16px; line-height: 26px; } .achievement_main .section3 .left .desc { font-size: 16px; } .achievement_main .section3 .left .items .item p { font-size: 15px; line-height: 26px; } .achievement_main .section3 .left .items .item { width: 180px; padding: 30px 20px; } .achievement_main .section3 .left .circle .box span { font-size: 40px; } .achievement_main .section3 .left .circle { width: 340px; height: 340px; } .achievement_main .section3 .left .circle .box:nth-of-type(1) { top: 110px; left: 65px; } .achievement_main .section3 .left .circle .box:nth-of-type(2) { top: 110px; right: 65px; } .achievement_main .section3 .left .circle .box:nth-of-type(3) { bottom: 60px; left: 128px; } .achievement_main .section3 .right p { font-size: 16px; } .achievement_main .section2 .right .bar { padding-bottom: 42px; } .achievement_main .section2 .left p { font-size: 16px; } .inchina_main .map_main { height: 610px; } .inchina_detail .section2 .slick .item .txt_block { padding: 30px; } } @media screen and (max-width: 1366px) { .edu_early .section5 .main .box { width: 320px; padding: 20px 40px; } .edu_early .section5 .main .box span { left: -40px; } .evaluation_main .section2 .main .center { width: 450px; height: 450px; } .evaluation_main .section2 .main .box:nth-of-type(1), .evaluation_main .section2 .main .box:nth-of-type(2) { top: 50px; } .evaluation_main .section2 .main .box:nth-of-type(3), .evaluation_main .section2 .main .box:nth-of-type(4) { top: 340px; } .evaluation_main .section2 .main .box { width: calc(50% - 280px); } .evaluation_main .section3 .main .item .bot .left p { font-size: 15px; line-height: 26px; } .edu_jimu .section2 .right { width: 40%; } .edu_jimu .section2 .left { width: 52%; } .achievement_main .section2 .right .bar .box .lines .line { width: 35px; } .achievement_main .section2 .right .bar .box .lines { width: 80px; } .achievement_main .section2 .right .bar .box .lines { margin: 28px auto; } .achievement_main .section2 .right .bar .box:nth-of-type(2) { left: 36%; } .achievement_main .section2 .right .bar .box:nth-of-type(3) { left: 63%; } .inchina_main .map_main .right { width: 320px; } .inchina_main .map_main { padding-right: 370px; } .inchina_main .map_main .right .lists .list h3 { font-size: 14px; } .inchina_detail .top .name { font-size: 16px; } .inchina_detail .section1 .cont .left { width: 55%; } .inchina_detail .section1 .cont .left h3 { font-size: 20px; } .inchina_detail .section1 .cont .left .p_block p { font-size: 15px; } .inchina_detail .section2 .slick .item .txt_block h3 a { font-size: 18px; line-height: 26px; } .inchina_detail .section2 .slick .item .txt_block p { font-size: 15px; line-height: 28px; height: 56px; } .inchina_detail .section3 .tab_cont .items .item .txt_block { padding: 25px 0; height: 175px; } .inchina_detail .section3 .tab_cont .items .item .txt_block h3 a { font-size: 18px; line-height: 28px; } .inchina_detail .section3 .tab_cont .items .item .txt_block p { font-size: 15px; line-height: 28px; height: 56px; } .inchina_detail .section3 .tab_cont ul li { line-height: 50px; } .inchina_detail .section4 .pics .item h3 { font-size: 18px; } .inchina_detail .section4 .pics .item .hide span { font-size: 20px; } } @media screen and (max-width: 1200px) { .common_banner h3 { font-size: 40px; } .contact_main .main .top h3 { font-size: 16px; } .contact_main .main .top .info .item p { font-size: 12px; line-height: 20px; } .contact_main .main .bot .img_block p { font-size: 12px; } .contact_main .main .bot .img_block { margin: 0 10px; } .contact_main .main .top { padding: 5%; } .news_box .title span { font-size: 30px; } .news_box .wall .item .txt_block { left: 15px; right: 15px; bottom: 10px; } .news_box .wall .right .item .txt_block h3 { font-size: 14px; } .news_box a.more { font-size: 14px; } .news_box .wall .item .txt_block h3 { font-size: 18px; } .news_box .list .txt_block { padding: 20px 30px; } .news_detail .main h3 { font-size: 24px; } .recruit_main .main .tit span { line-height: 60px; font-size: 14px; } .recruit_main .main .item .info span { font-size: 14px; line-height: 50px; } .recruit_main .main .item .desc { padding: 20px 5%; } .recruit_main .main .item .desc h3 { font-size: 18px; } .recruit_main .main .item .desc .box p, .recruit_main .main .item .desc .p_block p { font-size: 14px; } .recruit_main .main .item .desc .labels span { font-size: 14px; } .about_main .section2 .left h3 { margin-bottom: 10px; } .about_main .section2 .left h3:after { margin-top: 10px; } .about_main .section2 .left p { line-height: 24px; font-size: 14px; } .about_main .section5 .item { width: 160px; height: 160px; margin: 0 20px; } .about_main .section6 .item .hide p { margin: 20px 0; } .site_map .item .link a { font-size: 14px; } .site_map .item span { font-size: 16px; } .edu_child .section3 .tab_title span { font-size: 16px; padding: 20px 0; } .edu_child .section3 .tab_title span:before { width: 30px; height: 30px; } .edu_child .section3 .tab_cont .child1 .carousel { width: 800px; } .edu_child .section3 .tab_cont .child1 .carousel img { width: 200px; } .edu_child .section3 .tab_cont .child1 .btns .btn h3 { font-size: 16px; } .edu_child .section3 .tab_cont .child1 .btns .btn { width: 240px; padding: 15px 0; } .edu_child .section3 .tab_cont .child2 .block .slick { width: 330px; } .edu_child .section3 .tab_cont .child2 .block .item h3 { font-size: 16px; margin-left: 40px; } .edu_child .section3 .tab_cont .child2 .block .item p { font-size: 12px; margin-left: 40px; } .edu_child .section3 .tab_cont .child2 .block .item { width: 230px; } .edu_child .section3 .tab_cont .child2 .block .item span { font-size: 30px; } .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(2), .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(5) { top: 80px; } .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(3), .edu_child .section3 .tab_cont .child2 .block .item:nth-of-type(6) { top: 160px; } .edu_child .section3 .tab_cont .child2 .desc { font-size: 14px; } .edu_child .section3 .tab_cont .child3 .block { max-width: 660px; } .edu_child .section3 .tab_cont .child3 .icon1 { width: 100px; left: -110px; } .edu_child .section3 .tab_cont .child3 .icon2 { width: 90px; right: -70px; bottom: 20px; } .edu_child .section3 .tab_cont .child4 .item .txt_block h3 { font-size: 18px; } .edu_child .section3 .tab_cont .child4 .item .txt_block p { font-size: 14px; line-height: 20px; } .edu_child .section2 .item { width: 380px; } .edu_child .section2 .item .cell_box { padding: 0 30px; } .edu_child .section2 .item h3 { font-size: 16px; line-height: 24px; } .edu_child .section2 .item p { font-size: 14px; line-height: 24px; } .edu_early .section4 .items .item2 .lables .lable { width: 80px; line-height: 36px; } .edu_early .section5 .main .box p { font-size: 14px; line-height: 24px; } .edu_early .section5 .main .box span { width: 50px; height: 50px; font-size: 30px; line-height: 46px; left: -20px; } .edu_early .section5 .main .box { width: 260px; padding: 20px 20px 20px 40px; } .edu_early .section5 .main .box h3 { font-size: 18px; } .evaluation_main .section3 .main .item .bot .left p { font-size: 14px; line-height: 22px; } .evaluation_main .section3 .main .item .bot .left span { font-size: 120px; top: -60px; } .evaluation_main .section4 .items .item h3 { font-size: 18px; } .evaluation_main .section4 .items .item p { font-size: 14px; line-height: 24px; } .edu_jimu .section4 .txt_block p { line-height: 26px; } .edu_jimu .section4 .txt_block span { font-size: 24px; line-height: 100px; height: 100px; width: 250px; } .dr_cheng .common_banner .wx { width: 150px; margin-top: 20px; } .dr_cheng .common_banner .wx img { width: 90px; } .dr_cheng .common_banner .wx .tit { font-size: 14px; } .dr_cheng .section3 .left { width: 42%; } .dr_cheng .section4 .items .item .txt_block h3 { font-size: 18px; } .achievement_main .section2 .right .bar .box .lines { margin: 25px auto; width: 66px; } .achievement_main .section2 .right .bar .box .lines .line { width: 30px; } .achievement_main .section3 .left { width: 44%; } .achievement_main .section3 .left .items .item { padding: 40px 20px 20px; } .achievement_main .section3 .left .items { margin-top: -75px; } .achievement_main .section4 .items .item h3 br { display: none; } .achievement_main .section5 .items .item h3 br { display: none; } .inchina_main .map_main { height: 520px; } .inchina_detail .section1 .cont .left .p_block p { font-size: 14px; width: 100%; margin-top: 5px; } .inchina_detail .section1 .cont .left .p_block p:before { width: 24px; height: 24px; background-size: contain; } .inchina_detail .section3 .tab_cont .items .item .txt_block { height: 160px; } .inchina_detail .section3 .tab_cont .items .item .txt_block h3 a { font-size: 16px; line-height: 24px; } .inchina_detail .section3 .tab_cont .items .item .txt_block p { font-size: 14px; line-height: 24px; height: 48px; } .inchina_detail .section3 .tab_cont ul li { line-height: 42px; } .inchina_detail .section2 .slick .item .txt_block h3 a { font-size: 16px; line-height: 24px; } .inchina_detail .section2 .slick .item .txt_block p { font-size: 14px; line-height: 24px; height: 48px; } } @media screen and (max-width: 992px) { .wrapper { padding: 0 15px; width: 100%; } .common_pt { padding-top: 60px; } .common_banner .cell_box { padding: 0 20px; } .common_banner p { font-size: 18px; } .common_banner h3 { font-size: 24px; margin-top: 10px; } .common_banner .labels { display: none; } .common_banner span.t { font-size: 14px; line-height: 20px; padding: 6px 20px; margin-top: 10px; } .common_banner .desc { font-size: 14px; line-height: 24px; margin-top: 10px; } .common_title h3 { font-size: 24px; } .common_title p { font-size: 18px; margin-top: 5px; } .common_title1 { font-size: 18px; } .common_title1:after { margin-top: 5px; height: 2px; width: 30px; } .common_page li:first-of-type, .common_page li:last-of-type { margin: 0 5px; } .common_page li:first-of-type a, .common_page li:last-of-type a { padding: 0 6px; font-size: 12px; } .common_page li a { padding: 0 6px; } .contact_main { padding: 15px 0 0; } .contact_main .wrapper { padding: 0; } .contact_main .main .left { position: static; height: 260px; width: 100%; margin-top: 15px; border: none; } .contact_main .main .right { width: 100%; margin-left: 0; position: relative; } .contact_main .main .top { border: none; background: #fff; } .contact_main .main .top .info .item { width: 100% !important; } .contact_main .main .top .info .item:last-of-type { display: none; } .contact_main .main .bot { border: none; padding: 0; margin-top: 0; position: absolute; bottom: 20px; right: 20px; width: 120px; } .news_box { padding: 20px 0; } .news_box .title span { font-size: 18px; padding-bottom: 5px; border-width: 2px; } .news_box .wall .left { width: 100%; float: none; } .news_box .wall .right { width: 100%; float: none; margin-top: 10px; } .news_box .wall .right .item:last-of-type { margin-top: 10px; } .news_box .wall .item .txt_block { position: static; background: #f7f7f7; padding: 15px; } .news_box .wall .item .txt_block .m_date { display: block; font-size: 14px; color: #636363; font-family: 'DIN'; } .news_box .wall .item .txt_block h3 { font-size: 16px !important; margin: 10px 0; } .news_box .wall .item .txt_block h3 a { color: #333333; } .news_box .wall .item .txt_block .date { display: none; } .news_box a.more { color: #333; } .news_box .wall { margin: 15px 0 10px; } .news_box .list { padding: 0; margin-bottom: 10px; border: none; } .news_box .list .img_block { width: 100%; float: none; } .news_box .list .txt_block { margin-left: 0; padding: 15px; background: #f7f7f7; } .news_box .list .txt_block .date { font-size: 14px; color: #636363; } .news_box .list .txt_block h3 a { font-size: 16px; } .news_box .list .txt_block p { display: none; } .news_box .list .txt_block a.more { display: inline-block; } .news_box .common_page { display: none; } .news_box .m_loadmore { width: 120px; line-height: 36px; font-size: 14px; color: #fff; text-align: center; border-radius: 20px; background: #333; display: block; margin: 20px auto 0; } .news_detail .main h3 { font-size: 20px; margin-bottom: 10px; text-align: left; } .news_detail .main .ope { margin-bottom: 10px; line-height: 24px; font-size: 14px; text-align: left; } .news_detail .main .ope span { margin: 0 20px 0 0; } .news_detail .main .ope .share { display: none; } .news_detail .main .cont { font-size: 14px; padding-top: 15px; } .news_detail .other .page { margin-right: 0; } .news_detail .other .page a { font-size: 14px; } .news_detail .other .back { position: static; margin-bottom: 5px; } .news_detail .other .back a { width: 120px; line-height: 36px; margin: 10px auto 0; } .news_detail .other { padding: 10px 0; height:auto!important;} .recruit_main .main .tit { padding: 0 20px 0 0; } .recruit_main .main .item .info { padding: 0 20px 0 0; } .recruit_main .main .item .info span i { font-size: 0; width: 26px; height: 13px; background: url("/xiaoguankidstjjsylgocom/static/home/images/recruit/icon2.png"); background-size: contain; right: 0; top: 0; margin: 0; } .recruit_main .main .item .info span { font-size: 12px; line-height: 40px; width: 25%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .recruit_main .main .item .info span:nth-of-type(1) { width: 30%; } .recruit_main .main .item .info span:nth-of-type(2) { display: none; } .recruit_main .main .item .info span:nth-of-type(3) { width: 45%; } .recruit_main .main .tit span { line-height: 40px; font-size: 14px; width: 25%; } .recruit_main .main .tit span:nth-of-type(1) { width: 30%; } .recruit_main .main .tit span:nth-of-type(2) { display: none; } .recruit_main .main .tit span:nth-of-type(3) { width: 45%; } .recruit_main .main .item .info:after { right: 5px; } .recruit_main .main .item .desc { padding: 20px 15px; } .recruit_main .main .item .desc h3 { font-size: 16px; font-weight: bold; } .recruit_main .main .item .desc .labels span { width: 50%; } .recruit_main .main .item .desc .labels { margin-top: 10px; } .recruit_main .main .item .desc .boxes { margin-top: 10px; } .recruit_main .main .item .desc .box { width: 100%; margin: 5px 0; padding: 0; } .recruit_main .main .item .desc .p_block { margin-top: 10px; } .recruit_main .main .item .desc .p_block a.apply { width: 120px; line-height: 30px; margin-top: 10px; } .recruit_main .main .common_page { padding: 10px 0; display: none; } .recruit_main .main .item .desc .box p { margin-top: 8px; } .recruit_main a.load_more { width: 120px; line-height: 36px; font-size: 14px; color: #fff; text-align: center; border-radius: 20px; background: #333; display: block; margin: 15px auto 0; } .about_main .section1 .countup .item .num { font-size: 20px; line-height: 26px; } .about_main .section1 .countup .item .info { font-size: 12px; } .about_main .section2 .left { width: 100%; position: static; padding: 15px; } .about_main .section2 .left .cell { padding: 0; } .about_main .section2 .left h3 { font-size: 18px; text-align: center; } .about_main .section2 .left h3:after { margin: 5px auto 0; height: 2px; } .about_main .section2 .right { width: 100%; margin-left: 0; margin-top: 15px; } .about_main .section2 .right img { width: 60vw; } .about_main .section2 .right p, .about_main .section3 p { font-size: 16px; line-height: 24px; } .about_main .section4 .logos .logo { width: 48%; margin: 0 1%; height: 100px; } .about_main .section4 .desc span { display: block; } .about_main .section4 .desc br { display: none; } .about_main .section4 .desc { font-size: 14px; line-height: 24px; } .about_main .section5 .desc br { display: none; } .about_main .section5 .desc { font-size: 14px; line-height: 24px; margin-top: 15px; } .about_main .section5 .item { width: 120px; height: 120px; margin: 20px calc((50% - 120px) / 2); } .about_main .section5 .item .num { font-size: 30px; } .about_main .section5 .item p { font-size: 14px; } .about_main .section6 .items { margin-top: 15px; } .about_main .section6 .item { width: 50%; } .about_main .section6 .item h3 { font-size: 18px; } .about_main .section6 .item .show a { margin-top: 15px; } .about_main .section6 .item .hide { padding: 0 15px; } .about_main .section6 .item .hide h3:after { margin-top: 5px; height: 2px; } .about_main .section6 .item .hide p { font-size: 14px; margin: 10px 0; line-height: 20px; } .about_main .section6 .item .hide i { width: 60px; height: 60px; right: 5px; bottom: 5px; } .about_main .section7 { padding: 15px 0 25px; } .about_main .section7 .block { margin-top: 15px; } .about_main .section7 .block .child { width: 100%; padding: 0 50px; margin: 0 auto; left: 0; top: 0; } .about_main .section7 .block .child .box { width: 100%; } .about_main .section7 .block .child:nth-of-type(1) { position: relative; } .about_main .section7 .block .child .box .img_block { border-width: 5px; } .about_main .section7 .block .child .box .txt_block { padding-top: 10px; } .about_main .section7 .block .child .box .txt_block h3 { font-size: 18px; line-height: 24px; } .about_main .section7 .block .child .box .txt_block p { font-size: 14px; line-height: 20px; height: 60px; } .about_main .section7 .block .child .box .txt_block p br { display: none; } .about_main .section7 .slick-arrow { width: 40px; height: 40px; background-size: 70% auto; } .about_main .section7 .slick-prev { left: -50px; } .about_main .section7 .slick-next { right: -50px; } .about_main .section7 .block .left { width: 100%; overflow: initial; margin-top: 15px; } .about_main .section7 .block .year { margin: 0 26px; } .about_main .section7 .block .year:before { width: 100%; height: 0; border-left: none; border-top: 1px dashed #b0adae; top: auto; bottom: 7px; left: 0; } .about_main .section7 .block .year .item { text-align: center; font-size: 24px; line-height: 30px; padding-bottom: 15px; margin-bottom: 0; } .about_main .section7 .block .year .item:before { width: 7px; height: 7px; margin: 0 auto; border-width: 3px; position: absolute; left: 0; right: 0; bottom: 0; } .about_main .section7 .block .year .item.slick-current:before { background: #f5c921; border-color: #feeaa0; } .about_main .section7 .block .left .btn { position: absolute; bottom: -5px; width: 26px; height: 26px; background-size: 26px 26px; } .about_main .section7 .block .left .btn.prev { left: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .about_main .section7 .block .left .btn.next { right: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .site_map .title { font-size: 18px; padding-bottom: 10px; } .site_map .title:after { height: 2px; } .site_map .items { margin-top: 15px; } .site_map .item { padding: 10px 0; } .site_map .item span { float: none; display: block; line-height: 36px; font-size: 14px; width: 120px; } .site_map .item .link { margin: 10px 0 0 0; } .site_map .item .link a { line-height: 30px; width: auto; margin-right: 20px; } .edu_child .common_banner .cell { padding-top: 35%; } .edu_child .section2 .desc { margin: 15px 0; font-size: 14px; line-height: 24px; } .edu_child .section2 .item { width: 100%; margin: 0 0 10px 0; } .edu_child .section2 .item h3.bot { display: none; } .edu_child .section2 .item .cell_box { opacity: 1; visibility: visible; background: rgba(0, 0, 0, 0.1); } .edu_child .section3 .tab_title { margin-top: 20px; } .edu_child .section3 .tab_title span { padding: 10px 0; font-size: 12px; } .edu_child .section3 .tab_title span:before { display: block; margin: 0 auto 5px; width: 24px; height: 24px; } .edu_child .section3 .tab_title span:after { border-width: 8px; bottom: -8px; margin-left: -8px; } .edu_child .section3 .tab_cont { padding: 20px 0 15px; } .edu_child .section3 .tab_cont .child1 .carousel.pc { display: none; } .edu_child .section3 .tab_cont .child1 .carousel.mobile { display: block; width: 100%; max-width: 294px; margin: 0 auto 10px; height: auto; } .edu_child .section3 .tab_cont .child1 .carousel .item { padding: 0 20px 20px; } .edu_child .section3 .tab_cont .child1 .carousel img { visibility: visible; display: block; width: 100%; } .edu_child .section3 .tab_cont .child1 .m_img { display: block; width: 100%; } .edu_child .section3 .tab_cont .child1 .arrow { top: 180px; display: none; } .edu_child .section3 .tab_cont .child1 .arrow.prev { left: 5px; } .edu_child .section3 .tab_cont .child1 .arrow.next { right: 5px; } .edu_child .section3 .tab_cont .child1 .btns .btn { width: calc(50% - 4px); padding: 10px 0; margin: 0 2px 10px; } .edu_child .section3 .tab_cont .child1 .btns .btn h3 { font-size: 14px; } .edu_child .section3 .tab_cont .child1 .btns .btn p { font-size: 12px; } .edu_child .section3 .tab_cont .child2 .tit { font-size: 16px; font-weight: normal; } .edu_child .section3 .tab_cont .child2 .block { margin: 15px 0; } .edu_child .section3 .tab_cont .child2 .block .slick { width: 100%; } .edu_child .section3 .tab_cont .child2 .block .items { display: none; } .edu_child .section3 .tab_cont .child2 .desc { font-size: 12px; } .edu_child .section3 .tab_cont .child2 .m_items { display: block; margin-top: 15px; padding: 30px 15px; font-size: 0; text-align: center; background: #f7f7f7; } .edu_child .section3 .tab_cont .child2 .m_item { width: calc(33.33% - 30px); display: inline-block; vertical-align: top; margin: 7px 15px; } .edu_child .section3 .tab_cont .child2 .m_item i { display: block; margin: 0 auto; width: calc(33.33vw - 60px); height: calc(33.33vw - 60px); border-radius: 50%; background-color: #f5c920; background-position: center; background-repeat: no-repeat; background-size: auto 48%; } .edu_child .section3 .tab_cont .child2 .m_item:nth-of-type(1) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon7.png"); } .edu_child .section3 .tab_cont .child2 .m_item:nth-of-type(2) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon8.png"); } .edu_child .section3 .tab_cont .child2 .m_item:nth-of-type(3) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon9.png"); } .edu_child .section3 .tab_cont .child2 .m_item:nth-of-type(4) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon10.png"); } .edu_child .section3 .tab_cont .child2 .m_item:nth-of-type(5) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon11.png"); } .edu_child .section3 .tab_cont .child2 .m_item h3 { font-size: 14px; color: #333333; margin-top: 5px; } .edu_child .section3 .tab_cont .child3 .icon1, .edu_child .section3 .tab_cont .child3 .icon2 { display: none; } .edu_child .section3 .tab_cont .child3 .items { overflow: hidden; } .edu_child .section3 .tab_cont .child3 .item:nth-of-type(1) { width: 100%; margin-bottom: 6px; } .edu_child .section3 .tab_cont .child3 .item:nth-of-type(2) { position: static; width: calc(50% - 3px); float: left; } .edu_child .section3 .tab_cont .child3 .item:nth-of-type(3) { position: static; width: calc(50% - 3px); float: right; } .edu_child .section3 .tab_cont .child4 .item .img_block { width: 100%; } .edu_child .section3 .tab_cont .child4 .item .txt_block { position: static; width: 100%; padding: 25px 35px; } .edu_child .section3 .tab_cont .child4 .item .txt_block h3 { font-size: 16px; } .edu_child .section3 .tab_cont .child4 .item .txt_block img { margin-left: 50%; } .edu_child .section3 .tab_cont .child4 .item:nth-of-type(odd) .img_block { margin-left: 0; } .edu_child .section3 .tab_cont .child4 .item { margin-top: 10px; } .edu_child .section4 { background: #fff; } .edu_child .section4 .main { display: none; } .edu_child .section4 .m_main { display: block; margin: 15px -15px 0; } .edu_child .section4 .m_main img { width: 100%; display: block; } .edu_child .section4 .m_main .m_items { font-size: 0; text-align: center; padding: 0 5px; } .edu_child .section4 .m_main .m_item { display: inline-block; vertical-align: top; width: calc(33vw - 24px); height: calc(33vw - 24px); margin: 7px; border: 2px solid #f5c920; border-radius: 50%; } .edu_child .section4 .m_main .m_item:nth-of-type(1) { margin-left: 30px; } .edu_child .section4 .m_main .m_item:nth-of-type(2) { margin-right: 30px; } .edu_child .section4 .m_main .m_item i { display: block; margin: 0 auto; width: 36px; height: 36px; background-position: center; background-repeat: no-repeat; background-size: contain; } .edu_child .section4 .m_main .m_item:nth-of-type(1) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon12.png"); } .edu_child .section4 .m_main .m_item:nth-of-type(2) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon13.png"); } .edu_child .section4 .m_main .m_item:nth-of-type(3) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon14.png"); } .edu_child .section4 .m_main .m_item:nth-of-type(4) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon15.png"); } .edu_child .section4 .m_main .m_item:nth-of-type(5) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon16.png"); } .edu_child .section4 .m_main .m_item:nth-of-type(6) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon17.png"); } .edu_child .section4 .m_main .m_item:nth-of-type(7) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/edu_child/icon18.png"); } .edu_child .section4 .m_main .m_item h3 { font-size: 12px; color: #333; font-weight: bold; padding-bottom: 10px; margin-top: 8px; } .edu_early .section2 .desc { font-size: 14px; line-height: 24px; margin: 15px 0; } .edu_early .section2 .items .item { width: 50%; margin-bottom: 10px; } .edu_early .section2 .items .item i { width: 100px; height: 100px; } .edu_early .section2 .items .item h3 { font-size: 15px; } .edu_early .section3 .desc { font-size: 14px; line-height: 24px; margin-top: 15px; } .edu_early .section3 img.mobile { display: block; } .edu_early .section3 img.pc { display: none; } .edu_early .section4 .items { margin-top: 15px; } .edu_early .section4 .items .item1, .edu_early .section4 .items .item2, .edu_early .section4 .items .item3 { padding: 20px 0 0; overflow: hidden; } .edu_early .section4 .items .item1 .wrapper { padding-top: 0; } .edu_early .section4 .items .item1 .img_block { width: 100%; margin-left: 0; } .edu_early .section4 .items .item1 .txt_block { position: static; width: 100%; margin-bottom: 15px; } .edu_early .section4 .items .item2 .img_block { width: 80%; margin-left: 10%; } .edu_early .section4 .items .item2 .txt_block { position: static; width: 100%; margin-bottom: 15px; } .edu_early .section4 .items .item2 .lables { padding: 15px 30px 20px; } .edu_early .section4 .items .item2 .lables h6 { display: none; } .edu_early .section4 .items .item2 .lables .lable { width: 24%; margin-right: 1%; line-height: 30px; font-size: 12px; } .edu_early .section4 .items .item3 .img_block { width: 100%; margin: 0 0 20px 0; } .edu_early .section4 .items .item3 .txt_block { width: 100%; position: static; margin-bottom: 15px; } .edu_early .section4 .items .txt_block span { width: 200px; height: 50px; line-height: 50px; font-size: 16px; margin: 0 auto; } .edu_early .section4 .items .txt_block { padding: 0 20px; } .edu_early .section4 .items .txt_block p { margin: 10px 0 0; font-size: 14px; line-height: 24px; text-align: center; } .edu_early .section5 .desc { font-size: 14px; line-height: 24px; margin-top: 15px; } .edu_early .section5 .desc br { display: none; } .edu_early .section5 .main .phone { display: none; } .edu_early .section5 .main .boxes { font-size: 0; } .edu_early .section5 .main .box { position: relative; top: auto !important; background: #f5f5f5; padding: 15px 12px; margin: 30px 5px 0; width: calc(50% - 10px); display: inline-block; vertical-align: top; } .edu_early .section5 .main .box span { width: 40px; height: 40px; top: -20px; left: 20px; line-height: 36px; font-size: 24px; background: #eb6da5; color: #fff; } .edu_early .section5 .main .box h3 { font-size: 14px; margin-top: 15px; } .edu_early .section5 .main .box p { font-size: 12px; line-height: 20px; margin-top: 5px; } .evaluation_main .common_banner span.t.blue br { display: inline-block; } .evaluation_main .section2 .m_desc { display: block; font-size: 14px; line-height: 24px; text-align: justify; color: #333; margin-top: 15px; } .evaluation_main .section2 .main { margin-top: 0; } .evaluation_main .section2 .main .center { display: none; } .evaluation_main .section2 .main .boxes { margin-top: 10px; font-size: 0; } .evaluation_main .section2 .main .box { width: 50%; display: inline-block; vertical-align: top; margin-top: 15px; position: static; text-align: left !important; overflow: hidden; } .evaluation_main .section2 .main .box:after { display: none; } .evaluation_main .section2 .main .box span { display: none; } .evaluation_main .section2 .main .box p { font-size: 12px; line-height: 20px; margin: 8px 0 0; text-align: center; } .evaluation_main .section2 .main .box p br { display: inline-block; } .evaluation_main .section2 .main .box i { display: block; height: 40px; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: contain; } .evaluation_main .section2 .main .box:nth-of-type(1) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon11.png"); } .evaluation_main .section2 .main .box:nth-of-type(2) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon12.png"); } .evaluation_main .section2 .main .box:nth-of-type(3) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon13.png"); } .evaluation_main .section2 .main .box:nth-of-type(4) i { background-image: url("/xiaoguankidstjjsylgocom/static/home/images/evaluation/icon14.png"); } .evaluation_main .section2 .main .center .slick .slick-dots li { background: #f2c720; } .evaluation_main .section3 .main { margin-top: 15px; } .evaluation_main .section3 .main .item { width: 100%; } .evaluation_main .section3 .main .item:nth-of-type(even) .bot .left { left: auto; right: 0; } .evaluation_main .section3 .main .item:nth-of-type(even) .bot .right { margin-left: 0; } .evaluation_main .section3 .main .item .top { display: none; } .evaluation_main .section3 .main .item .bot .left { padding: 15px; } .evaluation_main .section3 .main .item .bot .left span { font-size: 80px; line-height: 100px; top: -26px; } .evaluation_main .section3 .main .item .bot .left p { margin-top: 0; font-size: 12px; line-height: 18px; padding-top: 30px; } .evaluation_main .section4 .items { margin-top: 0; } .evaluation_main .section4 .items .item { width: 100%; padding: 15px 0; margin-top: 0; text-align: left; border-bottom: 1px dashed #cccccc; } .evaluation_main .section4 .items .item:last-of-type { border: none; } .evaluation_main .section4 .items .item .icon { width: 40px; height: 40px; float: left; } .evaluation_main .section4 .items .item .icon:before, .evaluation_main .section4 .items .item .icon:after { display: none; } .evaluation_main .section4 .items .item .icon i { background-size: contain; } .evaluation_main .section4 .items .item h3 { font-size: 16px; margin: 10px 0 5px 50px; } .evaluation_main .section4 .items .item:nth-of-type(1) h3 { color: #7ecef4; } .evaluation_main .section4 .items .item:nth-of-type(2) h3 { color: #55c9a0; } .evaluation_main .section4 .items .item:nth-of-type(3) h3 { color: #ff845e; } .evaluation_main .section4 .items .item:nth-of-type(4) h3 { color: #fcc91a; } .evaluation_main .section4 .items .item:nth-of-type(5) h3 { color: #c090e4; } .evaluation_main .section4 .items .item p { line-height: 20px; margin-left: 50px; font-size: 13px; } .evaluation_main .section4 .items .item p br { display: none; } .edu_jimu .common_banner .cell { padding-bottom: 0; } .edu_jimu .section2 .wrapper { position: relative; } .edu_jimu .section2 .left { width: 100%; float: none; } .edu_jimu .section2 .left .common_title1 { text-align: center; } .edu_jimu .section2 .left .common_title1:after { margin-left: auto; } .edu_jimu .section2 .left .desc { margin-top: 15px; font-size: 14px; line-height: 24px; text-align: center; } .edu_jimu .section2 .left .items:before { display: none; } /*.edu_jimu .section2 .left .items { margin-top: 0; position: absolute; left: 0; bottom: 0; right: 0; }*/ /* .edu_jimu .section2 .left .items .item { position: absolute; width: auto } .edu_jimu .section2 .left .items .item:nth-of-type(odd) { margin-top: 0; } .edu_jimu .section2 .left .items .item:nth-of-type(1) { top: -7%; left: 13%; } .edu_jimu .section2 .left .items .item:nth-of-type(2) { top: -5%; right: 5%; } .edu_jimu .section2 .left .items .item:nth-of-type(3) { bottom: 10%; left: 10%; } .edu_jimu .section2 .left .items .item:nth-of-type(4) { bottom: 20%; right: 0; }*/ .edu_jimu .section2 .left .items { text-align: center; } .edu_jimu .section2 .left .items .item { margin: 0 1px 0 !important; width: auto; } .edu_jimu .section2 .left .items .item i { float: left; background-image: none !important; background-color: #f5c921; width: 70px; height: 70px; } .edu_jimu .section2 .left .items .item h3 { position: absolute; width: 70px; margin: -18px 0 0; line-height: 18px; top: 50%; left: 0; font-size: 13px; } .edu_jimu .section2 .left .items .item p { display: none; } .edu_jimu .section2 .right { width: 100%; margin-top: 20px; } .edu_jimu .section3 { padding: 50px 0; background-attachment: inherit; } .edu_jimu .section3 .desc { font-size: 14px; line-height: 24px; } .edu_jimu .section3 .desc br { display: none; } .edu_jimu .section4 .txt_block span { width: 200px; height: 70px; line-height: 74px; font-size: 16px; margin: 0 auto; } .edu_jimu .section4 .txt_block p { margin: 0; font-size: 14px; line-height: 24px; text-align: center; } .edu_jimu .section4 .item1 .main { padding: 15px 0 0; width: 100%; } .edu_jimu .section4 .item1 .main .img_block { width: 80%; margin: 15px auto 0; } .edu_jimu .section4 .item1 .main .img_block img { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .edu_jimu .section4 .item1 .main .txt_block { position: static; width: 100%; padding: 0 40px; } .edu_jimu .section4 .item2 .main { padding: 15px 0 0; width: 100%; } .edu_jimu .section4 .item2 .main .img_block { width: 80%; margin: 15px auto 0; } .edu_jimu .section4 .item2 .main .txt_block { position: static; width: 100%; padding: 0 40px; } .edu_jimu .section4 .item3 .main { padding: 15px 0 0; width: 100%; } .edu_jimu .section4 .item3 .main .img_block { width: 100%; margin: 15px auto 0; } .edu_jimu .section4 .item3 .main .txt_block { position: static; width: 100%; padding: 0 40px; } .edu_jimu .section4 .item4 .main { padding: 15px 0 0; width: 100%; } .edu_jimu .section4 .item4 .main .img_block { width: 80%; margin: 15px auto 0; } .edu_jimu .section4 .item4 .main .txt_block { position: static; width: 100%; padding: 0 40px; } .edu_jimu .section5 .nums .num { width: 100px; height: 100px; margin: 0 15px; padding-top: 24px; } .edu_jimu .section5 .nums .num span { font-size: 24px; } .edu_jimu .section5 .nums .num p { font-size: 16px; } .edu_jimu .section5 .desc { font-size: 14px; line-height: 24px; margin-top: 15px; } .edu_jimu .section5 .video_ctrl p { font-size: 14px; } .dr_cheng .common_banner { height: 300px; } .dr_cheng .common_banner img.pc { height: 120%; width: auto; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .dr_cheng .common_banner .wx { position: static; margin-top: 15px; } .dr_cheng .common_banner .wx img { width: 80px; height: auto; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .dr_cheng .common_banner .wx .tit { font-size: 14px; } .dr_cheng .section2 .img_box { display: none; } .dr_cheng .section2 .desc { font-size: 14px; line-height: 24px; } .dr_cheng .section2 img.mobile { display: block; width: 100%; margin-top: 15px; } .dr_cheng .section3 { margin-top: 60px; background-size: auto 70%; background-position: 18% top; } .dr_cheng .section3 .wrapper { padding: 0; } .dr_cheng .section3 .main { padding: 0; } .dr_cheng .section3 .right { width: 100%; margin: -60px 0 0; padding: 30px; background: #181e32; } .dr_cheng .section3 .right p { font-size: 14px; line-height: 24px; margin-top: 15px; } .dr_cheng .section3 .left { width: 80%; position: static; margin: 0 auto; -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); } .dr_cheng .section4 .desc { font-size: 14px; line-height: 24px; margin-top: 15px; } .dr_cheng .section4 .items { padding-bottom: 30px; } .dr_cheng .section4 .items .item { width: calc(50% - 10px); padding: 0 !important; margin: 5px !important; max-width: none; } .dr_cheng .section4 .items .item:nth-of-type(even) { -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .dr_cheng .section4 .items .item .img_block { position: static; } .dr_cheng .section4 .items .item .txt_block h3 { font-size: 16px; line-height: 30px; } .dr_cheng .section4 .items .item .txt_block h3:after { width: 30px; height: 30px; } .dr_cheng .section4 .items .item .txt_block p { line-height: 20px; } .achievement_main .section2 .left { width: 100%; float: none; } .achievement_main .section2 .left .common_title1 { text-align: center; } .achievement_main .section2 .left .common_title1:after { margin-left: auto; } .achievement_main .section2 .left p { font-size: 14px; line-height: 24px; margin-top: 15px; } .achievement_main .section2 .right { width: 100%; float: none; margin-top: 15px; padding-top: 0; } .achievement_main .section2 .right .bar { display: none; } .achievement_main .section2 .right img.mobile { display: block; width: 100%; } .achievement_main .section2 .right .desc { font-size: 14px; line-height: 24px; margin-top: 10px; } .achievement_main .section3 .left { width: 100%; } .achievement_main .section3 .left .circle { width: 280px; height: 280px; } .achievement_main .section3 .left .circle .box span { font-size: 30px; } .achievement_main .section3 .left .circle .box:nth-of-type(1) { top: 95px; left: 50px; } .achievement_main .section3 .left .circle .box:nth-of-type(2) { top: 95px; right: 50px; } .achievement_main .section3 .left .circle .box:nth-of-type(3) { bottom: 55px; left: 105px; } .achievement_main .section3 .left .circle .box p { font-size: 12px; } .achievement_main .section3 .left .items { margin-top: -60px; } .achievement_main .section3 .left .items .item { width: 48%; padding: 40px 15px 20px; } .achievement_main .section3 .left .items .item p { font-size: 14px; line-height: 22px; } .achievement_main .section3 .right { width: 100%; position: static; } .achievement_main .section3 .right .common_title1 { text-align: center; } .achievement_main .section3 .right .common_title1:after { margin-right: auto; } .achievement_main .section3 .right p { font-size: 14px; line-height: 24px; margin-top: 15px; text-align: justify; } .achievement_main .section3 .left .desc { font-size: 14px; margin-top: 15px; } .achievement_main .section4 .items { margin: 10px 0 0; } .achievement_main .section4 .items .item { width: 50%; padding: 5px; margin-top: 0; } .achievement_main .section4 .items .item h3 { margin-top: 5px; font-size: 12px; line-height: 20px; font-weight: normal; } .achievement_main .section4 .slick-dots { position: static; margin-top: 10px; } .achievement_main .section4 .slick-dots li { width: 15px; height: 15px; border-radius: 50%; background: #fff; } .achievement_main .section4 .slick-dots li.slick-active { background: #f5c921; } .achievement_main .section4 .slick-dots button { display: none; } .achievement_main .section5 .items { margin: 10px 0 0; } .achievement_main .section5 .items .item { width: 50%; padding: 5px; margin-top: 0; } .achievement_main .section5 .items .item h3 { margin-top: 5px; font-size: 12px; line-height: 20px; font-weight: normal; } .achievement_main .section5 a.more { width: 120px; line-height: 36px; font-size: 14px; } .inchina_main .map_main #new_map { display: none; } .inchina_main .map_main { height: auto; padding: 0; margin-top: 15px; } .inchina_main .map_main .right { width: 100%; position: static; } .inchina_main .map_main .right .lists { position: static; } .inchina_main .map_main .right .re { position: static; } .inchina_main .common_title1 { text-align: center; } .inchina_main .common_title1:after { margin-left: auto; } .inchina_main .tip { font-size: 14px; text-align: center; margin-top: 15px; } .inchina_main .tip span { font-size: 24px; } .inchina_main .map_main .right .tit { font-size: 16px; } .inchina_main .map_main .right .re { font-size: 14px; margin-top: 10px; } .inchina_detail .top { padding: 10px 0 0; } .inchina_detail .top .logo img { height: 40px; } .inchina_detail .top a.back { font-size: 14px; right: 15px; top: 5px; margin-top: 0; } .inchina_detail .top .name { border: none; margin: 10px -15px 0; padding: 10px 15px; line-height: 20px; font-size: 14px; background: #144d91; color: #fff; display: block; } .inchina_detail .main { margin-top: 100px; } .inchina_detail .tit h3 { font-size: 18px; } .inchina_detail .tit .en { font-size: 16px; } .inchina_detail .section1 .cont .left { width: 100%; float: none; } .inchina_detail .section1 .cont { margin-top: 15px; } .inchina_detail .section1 .cont .left h3 { font-size: 16px; text-align: center; font-weight: bold; } .inchina_detail .section1 .cont .left .desc { font-size: 14px; line-height: 24px; text-align: center; padding: 0 20px; } .inchina_detail .section1 .cont .left .p_block { padding-left: 15%; } .inchina_detail .section1 .cont .left .p_block p { padding: 0; } .inchina_detail .section1 .cont .left a { width: 160px; line-height: 36px; font-size: 14px; margin: 10px auto 0; } .inchina_detail .section1 .cont .right { width: 100%; margin-top: 15px; float: none; } .inchina_detail .section1 .cont .right:before { display: none; } .inchina_detail .section2 .slick .slick-list { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .inchina_detail .section2 .slick .item .box { box-shadow: none; } .inchina_detail .section2 .slick .item { padding: 0; } .inchina_detail .section2 .slick .item .txt_block { height: auto !important; padding: 15px 20px; } .inchina_detail .section2 .slick .item .txt_block h3 a br { display: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inchina_detail .section2 .slick .item .txt_block h3 a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inchina_detail .section2 .slick .item .txt_block p { height: 72px; } .inchina_detail .section2 .slick .slick-dots { position: static; margin-top: 10px; } .inchina_detail .section2 .slick .slick-dots li { width: 15px; height: 15px; border-radius: 50%; background: #fff; } .inchina_detail .section2 .slick .slick-dots li.slick-active { background: #f5c921; } .inchina_detail .section2 .slick .slick-dots button { display: none; } .inchina_detail .section2 .btn { display: none; } .inchina_detail .section2 .btn { width: 30px; height: 30px; background-size: auto 70%; } .inchina_detail .section3 .tab_tit span { width: calc(25% - 4px); margin: 0 2px; line-height: 30px; font-size: 12px; } .inchina_detail .section3 .tab_cont ul li { width: 100%; margin: 0 !important; line-height: 36px; font-size: 14px; } .inchina_detail .section3 .tab_cont .items { margin: 0; } .inchina_detail .section3 .tab_cont .items .item { width: 50%; padding: 0 5px; margin-bottom: 10px; } .inchina_detail .section3 .tab_cont .items .item .txt_block { height: auto; padding: 10px 0; } .inchina_detail .section3 .tab_cont .items .item .txt_block h3 a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; } .inchina_detail .section3 .tab_cont .items .item .txt_block h3 a br { display: none; } .inchina_detail .section3 .tab_cont .items .item .txt_block p { font-size: 12px; line-height: 20px; height: 60px; } .inchina_detail .section3 .tab_cont .items .item .txt_block:after { height: 2px; } .inchina_detail .section4 .pics .item:nth-of-type(1), .inchina_detail .section4 .pics .item:nth-of-type(2) { width: 44.2%; display: block; margin-bottom: 5px; } .inchina_detail .section4 .pics .item:nth-of-type(3) { width: 54.5%; position: absolute; top: 0; right: 0; } .inchina_detail .section4 .pics .item:nth-of-type(4) { width: 100%; } .inchina_detail .section4 .pics .item h3 { font-size: 16px; padding: 0 20px; line-height: 50px; } .inchina_detail .section4 .pics .item:nth-of-type(4) { position: relative; } .inchina_detail .section4 .pics .item .hide span { font-size: 18px; } } @media screen and (max-width: 640px) { .common_banner img.pc { display: none; } .common_banner img.mobile { display: block; } .dr_cheng .common_banner { height: auto; } .inchina_detail .main .banner img.pc { display: none; } .inchina_detail .main .banner img.mobile { display: block; } }