@import url(channel.css); #history { max-width: 1200px; width: 95%; margin: 0 auto; text-align: center; } #history .time { float: left; font-weight: 700; color: #333; font-size: 24px; } #history .title { margin-left: 100px; float: left; color: #333; font-size: 20px; } #history ul { display: inline-block; text-align: center; } #history li { padding-bottom: 70px; position: relative; } #history li::before { content: ""; display: block; position: absolute; top: 10px; left: 107px; width: 0px; height: 100%; border-left: 1px dashed #bfbfbf; } #history li:last-of-type::before { display: none; } #history .li-wrap { position: relative; } #history .li-wrap::before { content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 50%; left: 100px; transform: translateY(-50%); border-radius: 50%; background: #eeeeee; border: 1px solid #7d7d7d; } @media screen and (max-width: 1002px) { #history li::before { display: none; } #history .li-wrap::before { display: none; } } @media screen and (max-width: 758px) { #history { width: 100%; margin: 0 auto; padding: 0 20px; } #history .time { font-size: 18px; } #history .title { margin-left: 0px; font-size: 16px; text-align: left; } #history li { padding-bottom: 50px; } #history li::before { display: none; } #history .li-wrap::before { display: none; } } #honor { max-width: 1600px; width: 100%; margin: 0 auto; } #honor ul { overflow: hidden; } #honor li { float: left; width: 25%; padding: 10px; box-sizing: border-box; } #honor li .img { overflow: hidden; } #honor li img { width: 100%; transition: 0.6s; } #honor li img:hover { transform: scale(1.04); } @media screen and (max-width: 758px) { #honor { padding: 0 20px; } #honor li { float: none; width: 100%; padding: 10px; } } #world { max-width: 1200px; width: 100%; margin: 0 auto; } #world .world-content .img { float: left; width: 50%; } #world .world-content .img img { width: 100%; } #world .world-content .world-data { float: left; width: 50%; text-align: left; padding: 100px; } #world .world-content .world-data .en { color: #009943; } #world .world-content .world-data .en .icon { font-size: 20px; } #world .world-content .world-data .en .by_your_side { font-size: 20px; } #world .world-content .world-data .ch { color: #009943; } #world .world-content .world-data .ch .by_your_side { font-size: 44px; } #world .world-content .world-data .ch .by_your_side span:first-of-type { font-size: 63px; } #world .world-content .world-data .ch .by_your_side span:nth-child(2) { vertical-align: super; } #world .world-content .world-data .ch .decl { color: #ff8600; font-size: 24px; } #world .world-content .world-data .ch .decl .decl_conent { padding: 0 0 20px 0; border-bottom: 3px solid #009943; } #world .world-content .world-data .ch .decl .right1, #world .world-content .world-data .ch .decl .right2 { width: 0px; height: 0px; display: inline-block; border-style: solid; border-width: 8px 0 8px 20px; border-color: transparent transparent transparent #ff8600; } #world .world-content .world-data .ch .decl .right1 { margin-left: 10px; } #world .world-content .world-data .ch .decl .right2 { margin-left: 5px; } #world .world-content .world-data .ach_wrap { margin-top: 50px; font-size: 32px; } #world .world-content .world-data .ach_wrap ul li { color: #000; } #world .world-content .world-data .ach_wrap ul li span { color: #ff8600; } @media screen and (max-width: 1600px) { #world { padding: 100px; } } @media screen and (max-width: 1200px) { #world .world-content .img { float: none; width: 100%; } #world .world-content .world-data { float: none; width: 100%; padding: 20px; } #world .world-content .world-data .ch .decl .decl_conent { padding: 0 0 20px 0; border-bottom: none; } #world .world-content .world-data .ch .decl .right1, #world .world-content .world-data .ch .decl .right2 { display: none; } } @media screen and (max-width: 1002px) { #world { padding: 50px; } } @media screen and (max-width: 758px) { #world { padding: 0px 20px; } } #intr .intr-row:nth-child(even) { background: #f2f2f2; } #intr .intr-wrap { width: 100%; margin: 0 auto; padding: 50px 0; } #intr .intr-ul { width: 50%; float: left; text-align: justify; padding: 0 20px 0 0; box-sizing: border-box; } #intr .intr-ul li:not(:first-of-type) { margin-top: 30px; } #intr .img { position: relative; width: 50%; float: right; overflow: hidden; } #intr .img img { width: 100%; max-height: 541px; max-width: 806px; transition: 0.6s; } #intr .img img:hover { transform: scale(1.04); } #intr .dep-centent .img { float: left; overflow: hidden; } #intr .dep-centent .img img { width: 100%; transition: 0.6s; } #intr .dep-centent .img img:hover { transform: scale(1.04); } #intr .intr-content-wrap { padding: 80px 0 0 80px; float: left; } #intr .intr-content-title { font-size: 24px; font-weight: 700; color: #000; } #intr .intr-content-ul { margin-top: 50px; } #intr .intr-content-ul li .intr-ul-row { font-size: 18px; color: #000; letter-spacing: 3px; } #intr .intr-content-ul li .intr-ul-row::before { content: ""; display: inline-block; width: 10px; height: 10px; background: #00931c; } #intr .intr_title { font-size: 16px; color: #000; font-weight: 700; background: url(/img/about_list.png) no-repeat left; padding: 0 0 0 25px; } #intr .intr_content { font-size: 16px; color: #000; padding: 25px 0; } @media screen and (max-width: 1600px) { #intr .intr-wrap { width: 1200px; margin: 0 auto; } #intr .intr-ul li:not(:first-of-type) { margin-top: 10px; } #intr .intr_content { padding: 20px 0; } } @media screen and (max-width: 1200px) { #intr .intr-wrap { width: 100%; margin: 0 auto; padding: 20px; } #intr .intr-ul li:not(:first-of-type) { margin-top: 10px; } #intr .intr_content { padding: 0px 0; } #intr .intr-content-wrap { padding: 40px 0 0 10px; float: left; } #intr .intr-content-title { font-size: 20px; } #intr .intr-content-ul { margin-top: 30px; } } @media screen and (max-width: 1002px) { #intr .intr-ul { float: none; width: 100%; margin-top: 20px; } #intr .intr-ul li:not(:first-of-type) { margin-top: 10px; } #intr .img { float: none; width: 100%; } #intr .intr_content { padding: 0px 0; } } .channel .header { background: #fff; } .channel .header .nav a { color: #333; } .channel_banner { position: absolute; left: 0; width: 100%; } .channel_banner img { width: 100%; } .channel_banner .channel_banner_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; } .channel_banner .channel_banner_content .title { font-size: 50px; font-weight: 700; line-height: 40px; } .channel_banner .channel_banner_content .channel_sub_title { margin-top: 58px; font-size: 30px; line-height: 50px; } .nav_content { max-width: 1600px; width: 95%; margin: 0 auto; border-bottom: 1px solid #e6e6e6; background: #fff; text-align: center; } .nav_content-wrap { display: inline-block; width: initial; margin: 0 auto; position: relative; } .nav_content-wrap li { float: left; padding: 0 30px; line-height: 50px; } .nav_content-wrap li a { font-size: 16px; color: #333; display: block; position: relative; } .nav_content-wrap li a::before { content: ""; position: absolute; left: 50%; width: 0; height: 2px; bottom: -1px; background: #00931c; transition: 0.4s linear; } .nav_content-wrap li a:hover { color: #00931c; } .nav_content-wrap li a:hover::before { width: 100%; left: 0; } .nav_content-wrap li a.selected { color: #00931c; } .nav_content-wrap li a.selected::before { width: 100%; left: 0; } .content { padding: 20px 0px; } .content .wrap { width: 100%; margin: 0 auto; } .header .nav .btn .websites i { background: url(/img/head_arrowbtm_black.png) 50% no-repeat; } @media screen and (max-width: 1200px) { .mob_part { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .mob_part .but #nav_but i { background: #000; } .mob_part .but #nav_but i::before, .mob_part .but #nav_but i::after { background: #000; } .channel_banner .channel_banner_content .title { font-size: 30px; } .channel_banner .channel_banner_content .channel_sub_title { margin-top: 20px; font-size: 20px; line-height: 30px; } } @media screen and (max-width: 758px) { .nav_content-wrap { display: flex; width: 100%; flex-direction: row; justify-content: space-between; } .nav_content-wrap li { float: none; padding: 0px; } .nav_content-wrap li a { font-size: 14px; } .channel_banner img { min-height: 300px; } .channel_banner .channel_banner_content { width: 100%; padding: 0 20px; } .channel_banner .channel_banner_content .title { font-size: 28px; } .channel_banner .channel_banner_content .channel_sub_title { margin-top: 40px; font-size: 18px; } } .footer-part2 .footer_copy { width: 100%; float: none; text-align: center; padding: 0px; } .footer-part2 .footer_copy::before { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .footer-part2 .footer_link { display: none; } @media screen and (max-width: 1002px) { .m-screen-pc .footer-part2 .wrap { width: 100%; padding: 0 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } } .blockNo{ display: none; } @import url(channel.css); /* #culture { width: 1200px; margin: 0 auto; } */ #culture .culture-box .img { float: left; width: 50%; overflow: hidden; } #culture .culture-box .img img { width: 100%; transition: 0.6s; } #culture .culture-box .img img:hover { transform: scale(1.04); } #culture .culture-box .culture-content { padding-right: 90px; float: left; width: 50%; text-align: left; } #culture .culture-box .culture-content .cul_slogan { display: inline-block; font-size: 36px; font-weight: 700; color: #00931c; } #culture .culture-box .culture-content .cul_slogan span:first-of-type { display: inline-block; padding-bottom: 25px; border-bottom: 3px solid #00931c; } #culture .culture-box .culture-content .cul_title { margin-top: 52px; font-size: 28px; font-weight: 700; color: #333; } #culture .culture-box .culture-content .cul_sub_title { margin-top: 30px; font-size: 20px; color: #333; } #culture .culture-box .culture-content .cul_content { margin-top: 64px; color: #666; font-size: 20px; } #culture .culture-box .culture-content .cul_content .cul_sub_content { padding: 5px 0; } #culture .culture-box .culture-content .cul_content .cul_content_title { font-weight: 700; color: #000; } #culture li:not(:first-of-type) { margin-top: 110px; } #culture li:nth-child(even) .culture-box .img { float: left; } #culture li:nth-child(even) .culture-content { float: right; padding-right: 0px; padding-left: 90px; } @media screen and (max-width: 1200px) { #culture { width: 100%; padding: 0 20px; } #culture .culture-box .culture-content { padding-right: 30px; } #culture .culture-box .culture-content .cul_slogan { font-size: 30px; } #culture .culture-box .culture-content .cul_slogan span:first-of-type { padding-bottom: 15px; border-bottom: 2px solid #00931c; } #culture .culture-box .culture-content .cul_title { margin-top: 30px; } #culture .culture-box .culture-content .cul_sub_title { margin-top: 20px; } #culture .culture-box .culture-content .cul_content { margin-top: 10px; font-size: 18px; } #culture li:nth-child(even) .culture-content { padding-left: 30px; } } @media screen and (max-width: 758px) { #culture .culture-box .img { float: none; width: 100%; margin-top: 20px; } #culture .culture-box .img img { max-height: initial; } #culture .culture-box .culture-content { padding-right: 0px; float: none; width: 100%; } #culture .culture-box .culture-content .cul_slogan span:first-of-type { padding-bottom: 20px; border-bottom: 1px solid #00931c; } #culture .culture-box .culture-content .cul_title { margin-top: 30px; font-size: 26px; } #culture .culture-box .culture-content .cul_sub_title { margin-top: 10px; font-size: 20px; } #culture .culture-box .culture-content .cul_content .cul_sub_content { padding: 5px 0; } #culture .culture-box .culture-content .cul_content .cul_content_title { font-weight: 700; color: #000; } #culture li:not(:first-of-type) { margin-top: 80px; } #culture li:nth-child(even) .culture-box .img { float: none; } #culture li:nth-child(even) .culture-content { float: none; padding-left: 0px; } } /* #staff_resence { width: 1200px; margin: 0 auto; } */ #staff_resence ul > li { float: left; width: 33.3%; padding: 20px; box-sizing: border-box; } #staff_resence .staff_res_box .img { cursor: pointer; overflow: hidden; } #staff_resence .staff_res_box .img img { width: 100%; transition: 0.6s; } #staff_resence .staff_res_box .img img:hover { transform: scale(1.04); } #staff_resence .staff_res_box .staff_res_title { font-size: 22px; color: #333; margin-top: 20px; text-align: center; } @media screen and (max-width: 1600px) { #staff_resence { width: 100%; } #staff_resence ul > li { float: left; width: 33.3%; padding: 20px; } #staff_resence .staff_res_box .img img { width: 100%; } #staff_resence .staff_res_box .staff_res_title { font-size: 18px; color: #333; margin-top: 20px; text-align: center; } } @media screen and (max-width: 758px) { #staff_resence ul > li { float: none; width: 100%; } #staff_resence .staff_res_box .img img { width: 100%; } #staff_resence .staff_res_box .staff_res_title { font-size: 16px; } } /* #social_recr, #school_recr { width: 1200px; margin: 0 auto; } */ #social_recr ul > li, #school_recr ul > li { width: 100%; padding: 20px; } #social_recr .social_recr_box, #school_recr .social_recr_box { padding: 40px 60px; box-shadow: 0 0px 10px #ebedf0; text-align: left; } #social_recr .social_recr_box .so-job-name, #school_recr .social_recr_box .so-job-name { font-size: 20px; font-weight: 700; color: #333; } #social_recr .social_recr_box .so-job-base, #school_recr .social_recr_box .so-job-base { margin-top: 10px; font-size: 16px; color: #666; } #social_recr .social_recr_box .so-job-base ul > li, #school_recr .social_recr_box .so-job-base ul > li { width: initial; padding: 0px; float: left; } #social_recr .social_recr_box .so-job-base ul > li:not(:first-child)::before, #school_recr .social_recr_box .so-job-base ul > li:not(:first-child)::before { content: "/"; display: inline-block; margin: 0 15px; font-size: inherit; line-height: inherit; color: inherit; transform: translateY(-1px); } #social_recr .social_recr_box .colla-title, #school_recr .social_recr_box .colla-title { position: relative; cursor: pointer; } #social_recr .social_recr_box .colla-title i, #school_recr .social_recr_box .colla-title i { position: absolute; right: 10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(/img/head_arrowbtm_black.png) 50% no-repeat; transition: all 0.6s; } #social_recr .social_recr_box .colla-content, #school_recr .social_recr_box .colla-content { display: none; } #social_recr .social_recr_box .so-job-desc, #school_recr .social_recr_box .so-job-desc { text-align: left; margin-top: 30px; } #social_recr .social_recr_box .so-job-desc .so-job-desc-title, #school_recr .social_recr_box .so-job-desc .so-job-desc-title { font-size: 16px; font-weight: 700; color: #333; } #social_recr .social_recr_box .so-job-desc .so-job-descs, #school_recr .social_recr_box .so-job-desc .so-job-descs { margin-top: 15px; font-size: 16px; color: #666; } #social_recr .social_recr_box .so-job-require, #school_recr .social_recr_box .so-job-require { text-align: left; margin-top: 40px; } #social_recr .social_recr_box .so-job-require .so-job-require-title, #school_recr .social_recr_box .so-job-require .so-job-require-title { font-size: 16px; font-weight: 700; color: #333; } #social_recr .social_recr_box .so-job-require .so-job-requires, #school_recr .social_recr_box .so-job-require .so-job-requires { font-size: 16px; margin-top: 15px; color: #666; } #social_recr .social_recr_box .apply, #school_recr .social_recr_box .apply { margin-top: 40px; } #social_recr .social_recr_box .apply .apply-a, #school_recr .social_recr_box .apply .apply-a { border-radius: 4px; display: inline-block; background: #d60000; padding: 3px 25px; color: #f2f2f2; font-size: 20px; font-weight: 700; } #social_recr .pageing, #school_recr .pageing { text-align: center; } @media screen and (max-width: 1600px) { #social_recr, #school_recr { padding: 0 20px; } } @media screen and (max-width: 1200px) { #social_recr, #school_recr { width: 100%; padding: 0px; } } @media screen and (max-width: 758px) { #social_recr, #school_recr { width: 100%; padding: 0px; } #social_recr ul > li, #school_recr ul > li { width: 100%; padding: 10px; } #social_recr .social_recr_box, #school_recr .social_recr_box { padding: 20px 10px; } #social_recr .social_recr_box .so-job-name, #school_recr .social_recr_box .so-job-name { font-size: 16px; } #social_recr .social_recr_box .so-job-base, #school_recr .social_recr_box .so-job-base { font-size: 14px; } #social_recr .social_recr_box .so-job-base ul > li:not(:first-child)::before, #school_recr .social_recr_box .so-job-base ul > li:not(:first-child)::before { margin: 0 5px; } #social_recr .social_recr_box .so-job-desc, #school_recr .social_recr_box .so-job-desc { margin-top: 20px; } #social_recr .social_recr_box .so-job-desc .so-job-desc-title, #school_recr .social_recr_box .so-job-desc .so-job-desc-title { font-size: 16px; } #social_recr .social_recr_box .so-job-desc .so-job-descs, #school_recr .social_recr_box .so-job-desc .so-job-descs { font-size: 14px; } #social_recr .social_recr_box .so-job-require, #school_recr .social_recr_box .so-job-require { margin-top: 20px; } #social_recr .social_recr_box .so-job-require .so-job-require-title, #school_recr .social_recr_box .so-job-require .so-job-require-title { font-size: 16px; } #social_recr .social_recr_box .so-job-require .so-job-requires, #school_recr .social_recr_box .so-job-require .so-job-requires { font-size: 14px; margin-top: 15px; color: #666; } #social_recr .social_recr_box .apply, #school_recr .social_recr_box .apply { margin-top: 20px; } #social_recr .social_recr_box .apply .apply-a, #school_recr .social_recr_box .apply .apply-a { padding: 3px 15px; font-size: 18px; } } .address-content ul{ display: flex; align-items: inherit; justify-content: space-between; flex-wrap: wrap; } .about_main{ padding: 40px 0; } /* 鍙戝睍鍘嗙▼娣诲姞鑳屾櫙鍥剧墖 */ .development_history{ position: fixed !important; left: 0; right: 0; bottom: 0; z-index: -1; padding: 0!important; } #contactus_content .address-content-row .address-item{ height: 100%; } #contactus_content .address-content-row .address-content ul > li{ margin: 20px 0; }