.text-black { color: #4a4a4a; } .text-blue { color: #0D468A; } .text-gold { color: #BCA377; } .text { font-size: 1rem; } h1 { font-size: 2.78rem; font-weight: normal; margin: 0; } h2 { font-size: 1.78rem; font-weight: normal; margin: 0; } h3 { font-size: 1.44rem; font-weight: normal; margin: 0; } h4 { font-size: 1rem; font-weight: normal; margin: 0; } p { font-size: 1rem; margin: 0; } .page-template .carousel-kv-wrapper { position: relative; width: 100%; height: 680px; overflow: hidden; } .page-template .carousel-kv-wrapper .index-dots { position: absolute; width: 20px; height: 100%; right: 20px; top: 0; z-index: 9; display: table; } .page-template .carousel-kv-wrapper .index-dots ul { display: table-cell; vertical-align: middle; position: relative; bottom: auto; } .page-template .carousel-kv-wrapper .index-dots ul > li { background: rgba(255, 255, 255, 0.7); width: 12px; height: 12px; margin: 10px 0 !important; border-radius: 100%; overflow: hidden; cursor: pointer; display: list-item !important; } .page-template .carousel-kv-wrapper .index-dots ul > li.slick-active { border: 3px solid #EACF9F; background: none; } .page-template .carousel-kv-wrapper .index-dots ul > li button { display: none; } .page-template .carousel-kv-wrapper > ul { width: inherit; height: inherit; margin: 0; padding: 0; list-style: none; } .page-template .carousel-kv-wrapper > ul li { width: 100%; height: 680px; text-align: center; color: #fff; background: no-repeat center; background-size: auto 100%; } .page-template .carousel-kv-wrapper > ul li a { display: block; width: inherit; height: inherit; position: relative; } .page-template .carousel-kv-wrapper > ul li .item-summary { text-align: center; font-size: 1.25em; display: inline-block; } .page-template .carousel-kv-wrapper > ul li .item-summary b { font-size: 1.5em; font-weight: 800; } .page-template .carousel-kv-wrapper .carousel-index-wrapper { position: absolute; width: 40px; height: 100%; top: 0; right: 0; z-index: 2; } section.bloc-homepage { width: 100%; height: auto; } section.bloc-homepage .bloc-top-kv { width: 100%; height: 680px; background: url('../img/bloc/bloc_pagehome_kv.jpg') no-repeat center center; background-size: cover; } section.bloc-homepage .bloc-text { padding: 100px 115px 60px 115px; } section.bloc-homepage .bloc-text ul { display: block; width: 100%; height: 100%; margin: 0; padding: 0; } section.bloc-homepage .bloc-text ul li { margin-bottom: 35px; list-style: none; } section.bloc-homepage .bloc-category { padding: 0 115px; margin-bottom: 95px; } section.bloc-homepage .bloc-category ul { display: block; margin: 0; padding: 0; } section.bloc-homepage .bloc-category ul li { display: block; list-style: none; float: left; margin-bottom: 10px; width: 49.7%; height: 170px; background: #f1f0ef; } section.bloc-homepage .bloc-category ul li:nth-child(odd) { margin-right: 10px; } section.bloc-homepage .bloc-category ul li h3.title { padding: 40px 58px 0 58px; margin: 0; margin-bottom: 5px; } section.bloc-homepage .bloc-category ul li .text { padding: 0 58px; } section.bloc-homepage .bloc-nav { width: 100%; height: 336px; background: url('../img/bloc/bloc_nav_img.jpg') no-repeat bottom center; background-size: cover; } section.bloc-homepage .bloc-nav-content { width: 100%; height: auto; overflow: hidden; } section.bloc-homepage .bloc-nav-content .nav { width: 100%; height: 50px; background: #0d2865; } section.bloc-homepage .bloc-nav-content .nav .main { padding: 0 115px; text-align: center; overflow: hidden; } .bloc-homepage .bloc-nav-content .nav .main ul { margin: 0; padding: 0; } .bloc-homepage .bloc-nav-content .nav .main ul li { display: inline-block; height: 50px; line-height: 50px; list-style: none; color: white; cursor: pointer; margin-left: -5px; } .bloc-homepage .bloc-nav-content .nav .main ul li span { display: inline-block; height: 34px; line-height: 34px; text-align: center; padding: 0 64px; margin-top: 8px; border-right: 2px solid #32487c; } .bloc-homepage .bloc-nav-content .nav .main ul li:last-child span { border: 0; } .bloc-homepage .bloc-nav-content .nav .main ul li.active { background: #111c58; position: relative; } .bloc-homepage .bloc-nav-content .nav .main ul li.active::before { width: 0; height: 0; border-top: 50px solid transparent; border-left: 60px solid #111c58; border-bottom: 50px solid transparent; position: absolute; right: -30px; top: -23px; content: '\20'; } .bloc-homepage .bloc-nav-content .nav .main ul li:hover { background: #111c58; position: relative; } .bloc-homepage .bloc-nav-content .nav .main ul li:hover::before { width: 0; height: 0; border-top: 50px solid transparent; border-left: 60px solid #111c58; border-bottom: 50px solid transparent; position: absolute; right: -30px; top: -23px; content: '\20'; } .bloc-homepage .bloc-category-content { width: 100%; height: auto; overflow: hidden; margin-bottom: 100px; } .bloc-homepage .bloc-category-content .title { width: 100%; height: auto; font-weight: bold; text-align: center; margin-top: 100px; margin-bottom: 18px; } .bloc-homepage .bloc-category-content .bloc-category-course { width: 1200px; margin: 35px auto; position: relative; } .bloc-homepage .bloc-category-content .bloc-category-course:after { width: 16px; height: 16px; border: 1px solid #9ab2ce; position: absolute; left: 50%; top: -16px; margin-left: -8px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; content: '\20'; background: white; } .bloc-homepage .bloc-category-content .bloc-category-course:before { width: 16px; height: 16px; border: 1px solid #9ab2ce; position: absolute; left: 50%; bottom: -16px; margin-left: -8px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; content: '\20'; background: white; } .bloc-homepage .bloc-category-content .bloc-category-course ul { position: relative; width: 100%; height: auto; margin: 0; padding: 18px 0; list-style: none; } .bloc-homepage .bloc-category-content .bloc-category-course ul:before { position: absolute; left: 50%; top: 0; width: 0; height: 100%; border-right: 2px dashed #87a3c5; content: ''; } .bloc-homepage .bloc-category-content .bloc-category-course ul li { position: relative; width: 50%; min-height: 330px; margin: -100px 0 0 0; padding: 0 30px; text-align: right; box-sizing: border-box; } .bloc-homepage .bloc-category-content .bloc-category-course ul li:before { width: 18px; height: 18px; background: url('../img/bloc/list_circle.png'); position: absolute; top: 0; left: auto; right: -10px; content: ''; } .bloc-homepage .bloc-category-content .bloc-category-course ul li:nth-child(odd) { margin-left: 50%; text-align: left; } .bloc-homepage .bloc-category-content .bloc-category-course ul li:nth-child(odd):before { right: auto; left: -8px; } .bloc-homepage .bloc-category-content .bloc-category-course ul li:first-child { margin-top: 0; } .bloc-homepage .bloc-category-content .bloc-category-course .photo { width: 100%; height: auto; margin-top: 5px; } .bloc-homepage .bloc-category-content .bloc-category-course .photo img { width: 100%; height: auto; } /*鍐呭椤甸潰鍒朵綔*/ .group-business { width: 100%; height: auto; position: relative; margin-top: 100px; padding-bottom: 100px; } .group-business .group-business-bottom-bg { width: 100%; height: 75%; position: absolute; bottom: 0; left: 0; background: #f1f1f1; } .group-business .group-business-main { width: auto; height: auto; padding: 0 90px; margin: 0 auto; text-align: center; position: relative; z-index: 9; } .group-business .group-business-main ul { padding: 0; margin: 0; } .group-business .group-business-main ul li { width: 32%; height: 341px; float: left; margin-right: 2%; margin-bottom: 2.2%; list-style: none; position: relative; } .group-business .group-business-main ul li.bottom { margin-bottom: 0 !important; } .group-business .group-business-main ul li a { display: block; width: 100%; height: 100%; } .group-business .group-business-main ul li.tebie { margin-right: 0; } .group-business .group-business-main ul li.one { background: url('../img/index/index_img1.jpg') no-repeat center center; background-size: cover; } .group-business .group-business-main ul li.two { background: url('../img/index/index_img2.jpg') no-repeat center center; background-size: cover; } .group-business .group-business-main ul li.three { background: url('../img/index/index_img8.jpg') no-repeat center center; background-size: cover; } .group-business .group-business-main ul li.four { background: url('../img/index/index_img6.jpg') no-repeat center center; background-size: cover; margin-bottom:2.2%; } .group-business .group-business-main ul li.five { background: url('../img/index/index_img6.jpg') no-repeat center center; background-size: cover; margin-bottom: 2.2%; } .group-business .group-business-main ul li.six { background: url('../img/index/index_img5.jpeg') no-repeat center center; background-size: cover; margin-bottom: 2.2%; } .group-business .group-business-main ul li.seven { background: url('../img/index/index_img4.jpg') no-repeat center center; background-size: cover; margin-top:2.2% !important; display:block; } .group-business .group-business-main ul li.seven a{ display:block; } .group-business .group-business-main ul li.seven .more{ display:none; } .group-business .group-business-main ul li.seven.teshu{ width:100%; height:auto; text-align:right; background:none !important; } .group-business .group-business-main ul li.seven.teshu>a{ display:none; } .group-business .group-business-main ul li.seven.teshu .more{ display:inline-block; cursor: pointer; } .group-business .group-business-main ul li .shade-content { width: 100%; height: 60px; background: rgba(13, 70, 128, 0.8); position: absolute; bottom: 0; left: 0; } .group-business-main ul li .shade-content .name { padding: 0 38px; height: 32px; line-height: 32px; margin-top: 14px; font-weight: bold; color: white; text-align: left; position: relative; } .group-business-main ul li .shade-content .name:after { width: 8px; height: 20px; background: #e3c590; position: absolute; top: 6px; left: 20px; content: '\20'; } .group-business-main ul li .shade-content .name i { width: 8px; height: 20px; margin-top: 6px; background: #e3c590; margin-right: 14px; display: inline-block; } .group-business .title { padding: 0 90px; margin-bottom: 35px; } .group-business .title .content { width: 250px; height: 39px; background: url('../img/index/group_business_title.png') no-repeat top left; } .english-edition .group-business .title .content{ width: 249px; height: 26px; background: url('../img/index/en_group_business_title.png') no-repeat top left; } .group-about-kv { width: 100%; height: 610px; background: url('../img/index/index_about_kv.jpg') no-repeat top center; background-size: cover; position: relative; display: table; margin-bottom: 96px; } .group-about-kv .txt { display: table-cell; vertical-align: middle; padding: 0 90px; color: white; letter-spacing: -1px; } .group-about-kv .txt .title { font-size: 45px; font-weight: bold; } .group-about-kv .txt .title span { font-size: 32px; font-weight: normal; } .group-about-kv .txt .english { font-size: 64px; font-weight: bold; margin-bottom: 20px; } .group-about-kv .txt .china { line-height: 30px; } .group-news-content { width: auto; height: auto; padding: 0 90px; } .group-news-content .title { width: 343px; height: 38px; background: url('../img/index/index_new_title.png') no-repeat top center; margin-bottom: 10px; } .english-edition .group-news-content .title { width: 423px; height: 26px; background: url('../img/index/en_index_new_title.png') no-repeat top center; margin-bottom: 10px; } .group-news-content .news-main { width: 100%; height: 358px; overflow: hidden; } .group-news-content .news-main .news-main-left { width: 43.8%; height: 342px; float: left; padding-top: 11px; border-top: 5px solid #e3c590; background-size: cover; } .group-news-content .news-main .news-main-left .pc { display: block; } .group-news-content .news-main .news-main-left .mobile { display: none; } .group-news-content .news-main .news-main-left div { width: 100%; height: 100%; } .group-news-content .news-main .news-main-left img { width: 100%; height: 100%; } .group-news-content .news-main .news-main-right { width: 56.2%; height: 342px; float: right; padding-top: 11px; border-top: 5px solid #14355c; } .group-news-content .news-main .news-main-right .news-right-news-info { width: 100%; height: 100%; background: #f8f8f8; position: relative; } .group-news-content .news-main .news-main-right .news-right-news-info:after { width: 0; height: 0; border-top: 50px solid transparent; border-right: 50px solid #f8f8f8; border-bottom: 50px solid transparent; position: absolute; left: -25px; top: 50%; margin-top: -50px; content: '\20'; } .news-main .news-main-right .news-right-news-info .news-main-content { padding: 20px 100px 0 100px; height: 320px; } .news-right-news-info .news-main-content .news-main-content-info { width: 100%; height: 100%; background: url('../img/index/index_news_img.png') no-repeat bottom right; } .news-main-content .news-main-content-info .title { width: 100%; height: auto; background: none; font-weight: bold; position: static; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news-main-content .news-main-content-info .time { font-size: 14px; margin: 10px 0; font-weight: bold; } .news-main-content .news-main-content-info .details { width: 100%; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 30px; max-height:125px; } .news-main-content .news-main-content-info .more { margin-top: 20px; cursor: pointer; } .group-business .group-business-main ul li .shade-content .text { color: white; text-align: left; padding: 0 38px; margin-top: 5px; display: none; } .group-business .group-business-main ul li:hover .shade-content { height: 100%; display: table; } .group-business .group-business-main ul li:hover .shade-content span { display: table-cell; vertical-align: middle; } .group-business .group-business-main ul li:hover .shade-content .text { display: block; } .group-business .group-business-main ul li .shade-content { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } #ballon { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; pointer-events: none; perspective: 1000px; } #ballon .ballon-1, #ballon .ballon-2 { position: absolute; background: url("../img/ballon_1.png") no-repeat -50% 0/100% auto; width: 177px; height: 225px; left: 0; bottom: -225px; } #ballon .ballon-2 { background-image: url("../img/ballon_2.png"); } @media screen and (min-width: 1601px) { .page-template .carousel-kv-wrapper > ul li { background-size: 100% auto; } } @media screen and (max-width: 1440px) { .group-business { margin-top: 90px; } .group-business .group-business-main ul li { height: 285px; } .group-business .group-business-main ul li .shade-content { width: 100%; height: 50px; background: rgba(13, 70, 128, 0.8); position: absolute; bottom: 0; left: 0; } .group-business-main ul li .shade-content .name { padding: 0 10%; height: 32px; line-height: 32px; margin-top: 9px; font-weight: bold; color: white; text-align: left; position: relative; font-size:18px; } } @media screen and (max-width: 1024px) { .group-business { margin-top: 80px; } .group-business .group-business-main ul li { height: 232px; } .group-business .group-business-main ul li .shade-content { width: 100%; height: 50px; background: rgba(13, 70, 128, 0.8); position: absolute; bottom: 0; left: 0; } .group-business-main ul li .shade-content .name { padding: 0 13%; height: 32px; line-height: 32px; margin-top: 9px; font-weight: bold; color: white; text-align: left; position: relative; font-size:14px; } .group-about-kv .txt { display: table-cell; vertical-align: middle; padding: 0 50px; color: white; } .group-business .group-business-main { width: auto; height: auto; padding: 0 20px; margin: 0 auto; text-align: center; position: relative; z-index: 9; } .group-news-content { width: auto; height: auto; padding: 0 20px; } .group-business .title { padding: 0 20px; } .group-business-main ul li .shade-content .text { padding: 0 13% !important; } .group-about-kv .txt .english { font-size: 64px; font-weight: bold; margin-bottom: 20px; letter-spacing: -3px; } @media screen and (max-width: 768px) { .group-about-kv .txt .english { font-size: 64px; font-weight: bold; margin-bottom: 20px; letter-spacing: -2px; } } } @media screen and (max-width: 768px) { .group-business .group-business-main ul li .shade-content .text { padding: 0 18% !important; } .group-business { margin-top: 70px; } .group-business .group-business-main ul li { height: 170px; } .group-business-main ul li .shade-content .name { padding: 0 18%; height: 32px; line-height: 32px; margin-top: 9px; font-weight: bold; color: white; text-align: left; position: relative; } .group-business .group-business-main ul li .shade-content { width: 100%; height: 40px; background: rgba(13, 70, 128, 0.8); position: absolute; bottom: 0; left: 0; } .news-main .news-main-right .news-right-news-info .news-main-content { padding: 20px 50px 0 50px; height: 320px; } .group-business-main ul li .shade-content .name { padding: 0 18%; height: 32px; line-height: 32px; margin-top: 4px; font-weight: bold; color: white; text-align: left; position: relative; } .group-news-content .news-main { width: 100%; height: 310px; overflow: hidden; } .group-news-content .news-main .news-main-left { width: 43.8%; height: 310px; float: left; padding-top: 11px; border-top: 5px solid #e3c590; } .group-news-content .news-main .news-main-right { width: 56.2%; height: 310px; float: right; padding-top: 11px; border-top: 5px solid #14355c; } } @media screen and (max-width: 768px) { #ballon .ballon-1, #ballon .ballon-2 { width: 88.5px; } .group-news-content .news-main .news-main-right .news-right-news-info { width: 100%; height: auto; background: #f8f8f8; position: relative; } .page-template .carousel-kv-wrapper .index-dots { right: 0; -webkit-transform: scale(0.7);; } .group-news-content .news-main .news-main-left .pc { display: none; } .group-news-content .news-main .news-main-left .mobile { display: block; } .group-business { margin-top: 40px; } .group-business .title { margin-bottom: 10px; padding: 0 15px; } .group-business .group-business-main { width: auto; height: auto; padding: 0 15px; margin: 0 auto; text-align: center; position: relative; z-index: 9; } .group-business .group-business-main ul li { width: 48%; height: 105px; float: left; margin-right: 4% !important; margin-bottom: 2.2%; list-style: none; position: relative; } .group-business .group-business-main ul li:nth-child(even) { margin-right: 0 !important; } .group-business .group-business-main ul li:nth-child(odd) { margin-right: 4% !important; } .group-business .group-business-main ul li .shade-content { width: 100%; height: 27.5px; background: rgba(13, 70, 128, 0.8); position: absolute; bottom: 0; left: 0; } .group-business-main ul li .shade-content .name { padding: 0 16.5px; height: 18px; line-height: 18px; margin-top: 5.5px; font-weight: bold; color: white; text-align: left; font-size: 12px; } .group-business-main ul li .shade-content .name i { width: 4px; height: 10px; margin-top: 3px; background: #e3c590; margin-right: 7px; display: inline-block; } .group-about-kv { margin-bottom: 38px; } .group-about-kv .txt { display: table-cell; vertical-align: middle; padding: 0 15px; color: white; } .group-news-content { width: auto; height: auto; padding: 0 15px; } .group-about-kv .txt .title { font-size: 22px; font-weight: bold; } .group-about-kv .txt .title span { font-size: 16px; font-weight: normal; } .group-about-kv .txt .english { font-size: 32px; font-weight: bold; margin-bottom: 10px; } .group-about-kv .txt .china { line-height: 22.5px; } .group-about-kv { height: 446px; } .group-business .title .content { width: 125px; height: 20px; background: url('../img/index/group_business_title.png') no-repeat top left; background-size: 100%; } .english-edition .group-business .title .content { width: 125px; height: 20px; background: url('../img/index/en_group_business_title.png') no-repeat top left; background-size: 100%; } .group-news-content { padding-bottom: 40px !important; } .group-news-content .title { width: 171.5px; height: 19px; background: url('../img/index/index_new_title.png') no-repeat top center; background-size: 100%; } .english-edition .group-news-content .title { width: 171.5px; height: 19px; background-size: 100%; } .group-news-content .news-main .news-main-left { width: 100%; height: auto; float: left; padding-top: 0; border-top: 2.5px solid #e3c590; background-size: cover } .group-news-content .news-main .news-main-left img { display: block; margin: 0; padding: 0; margin-top: 26.5px; width: 100%; height: auto; } .group-news-content .news-main .news-main-right { width: 100%; height: auto; float: right; padding-top: 0; margin-bottom: 0; border: none; background: #F8F8F8; } .group-news-content .news-main { width: 100%; height: auto; overflow: hidden; margin-top: 10px; } .news-main .news-main-right .news-right-news-info .news-main-content { padding: 10px 10px 0 10px; height: 255px; } .group-news-content .news-main .news-main-right .news-right-news-info:after { display: none; } .news-right-news-info .news-main-content .news-main-content-info { width: 100%; height: 100%; background: url('../img/index/index_news_img.png') no-repeat bottom right; background-size: 80%; } .news-main-content .news-main-content-info .details { width: 100%; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; line-height: 22.5px; } .news-main-content .news-main-content-info .more { cursor: pointer; } .group-business-main ul li .shade-content .name:after { width: 4px; height: 10px; background: #e3c590; position: absolute; top: 4px; left: 7px; content: '\20'; } .group-business { width: 100%; height: auto; position: relative; padding-bottom: 40px; } .news-main-content .news-main-content-info .title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; background:none; } .group-business .group-business-main ul li .shade-content .text { padding: 0 16.5px !important; } }