body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0px; margin: 0px; } body { font-family: "Microsoft YaHei", arial, sans-serif, "Helvetica Neue", Helvetica; font-size: 14px; min-width: 1000px; color: rgb(102, 102, 102); } table { border-collapse: collapse; border-spacing: 0px; } video:focus { outline: none; } fieldset, img { border: 0px; } address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } q::before, q::after { content: ""; } abbr, acronym { border: 0px; } a { text-decoration: none; outline: none; } img { display: block; max-width: 100%; } ol img { display: none; } .clear { display: block; clear: both; } ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb { width: 6px; } ::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.6); } ::-webkit-scrollbar { background-color: rgba(255, 255, 255, 0.6); } ::-webkit-scrollbar-thumb { background-color: rgb(153, 153, 153); } ::-webkit-scrollbar-thumb:hover { background-color: rgb(153, 153, 153); } html, body { position: relative; width: 100%; min-width: 1200px; } .king { transition: all 0.6s cubic-bezier(0.75, 0, 0.25, 1) 0s; } .indC_hover, .indD_ho, .indE_ho, .indF_ho, .ind_bottom, .ind_navBl, .indN_li, .ind_logo, .ind3_block, .ind3_en, a.indE_aBl::after, .indE_li, .he_liBl::after, a.bu3_liBl, h3.bu3_ti, .more, a.du_navLi, a.du_navLi::after, .ta23_li, .ta24_li, .sci_li, .pr_liBl, .bu3_liBl, .In_rBack, .In_li, .In_aUl a, .co_liBl, .neB_li, .ind2_a { transition: all 0.3s ease 0s; } .king.cur { transition: all 0.6s cubic-bezier(0.75, 0, 0.25, 1) 0.3s; } /*.swiper-container.sw02 .swiper-slide img:hover, .cu_liImg img:hover, .sci_li:hover, .inu_img img:hover, .ta2_conBlock:hover .ta2_img img, .ta2_conBlock:hover .ta21_img img, .ta2_conBlock.b3:hover .com_bgImg { transform: scale(1.1); }*/ .indE_li:hover, .ta23_li:hover, .ta24_li:hover, .pr_liBl:hover, .bu3_liBl:hover, .co_liBl:hover { transform: scale(0.95); } .sw02 img, .cu_liImg img, .inu_img img, .ta2_img img, .ta21_img img, .com_bgImg { transition: all 2s ease-in-out 0s; } .swiper-slide, .cu_liImg, .inu_img, .ta2_conBlock, .ta21_img { overflow: hidden; } .swiper-wrapper { transition: all 0.6s ease-in-out 0s; } .king::after { content: ""; display: block; position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); overflow: hidden; transform: skewX(-25deg); transition: all 0s ease 0s; } .king { width: 150px; left: 600px; transition: all 1.2s ease 0s; } .king { width: 150px; left: 1000px; transition: all 1.2s ease 0s; } @-webkit-keyframes anim09 { 0% { left: -200px; } 30% { left: 600px; } 100% { left: 600px; } } .king::after { animation: 5s ease-in-out 0s infinite normal none running anim09; } @keyframes animScale { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @-webkit-keyframes animScale { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } /*.ind_bgImg, .com_img img { animation: 10s linear 0s infinite normal none running animScale; } .king { animation: 1s linear 0s infinite normal none running animScale; }*/ .he_content { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 900; background: url("/images/1_2.png"); height: 80px; } .he_ulBl { position: absolute; left: 50%; margin-left: -320px; top: 0px; } .he_logo { padding: 12px 2%; display: -webkit-box; width: 150px; } .he_logo h1 { display: none; } .he_logo img { display: block; } .he_liBl { float: left; position: relative; height: 80px; } .he_a { display: block; padding: 27px 36px; color: rgb(51, 51, 51); position: relative; z-index: 90; } @keyframes top01 { 0% { transform: translate(0px, 20px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } .he_block { position: absolute; top: 75px; padding-top: 26px; background: url("/images/6_9.png") 50% 8px no-repeat; width: 100px; left: 50%; margin-left: -50px; display: none; animation: 0.3s ease-in-out 0s 1 normal backwards running top01; } .he_ul { background: rgba(69, 165, 167, 0.8); padding: 10px; } a.he_li { display: block; text-align: center; color: rgb(255, 255, 255); padding: 5px 0px; } .he_liBl.active .he_a, .he_liBl:hover .he_a { color: rgb(255, 255, 255); } .he_ulBl:hover .he_liBl.active .he_a { color: rgb(102, 102, 102); } .he_ulBl .he_liBl.active:hover .he_a { color: rgb(255, 255, 255); } .sw_prev { position: absolute; left: 3%; top: 50%; z-index: 90; width: 56px; height: 56px; border: 1px solid rgb(255, 255, 255); background: url("/images/prev.png") center center / 20px no-repeat; border-radius: 200px; margin-top: -28px; cursor: pointer; transition: all 0.3s ease 0s; box-shadow: rgb(204, 204, 204) 0px 0px 5px 0px; display: none; } .sw_next { position: absolute; right: 3%; top: 50%; z-index: 90; width: 56px; height: 56px; border: 1px solid rgb(255, 255, 255); background: url("/images/next.png") center center / 20px no-repeat; border-radius: 200px; margin-top: -28px; cursor: pointer; transition: all 0.3s ease 0s; box-shadow: rgb(204, 204, 204) 0px 0px 5px 0px; display: none; } .sw_prev:hover { background: url("/images/prev.png") center center / 20px no-repeat rgb(70, 166, 167); border: 1px solid rgb(70, 166, 167); transform: scale(0.9); } .sw_next:hover { background: url("/images/next.png") center center / 20px no-repeat rgb(70, 166, 167); border: 1px solid rgb(70, 166, 167); transform: scale(0.9); } img.lo2 { display: none; } body.home .he_content { background: url("/images/1_1.png"); } body.home a.he_logo img { display: none; } body.home a.he_logo img.lo2 { display: block; } body.home a.he_a { color: rgb(255, 255, 255); } body.home .he_ulBl:hover .he_liBl.active .he_a { color: rgb(255, 255, 255); } .ind_ico img { display: none; } body.home .ind_ico { background: url("/images/a1_51.png") center center no-repeat; border: 1px solid rgb(153, 153, 153); } body.home .ind_input input { color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); } .ind_body { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; min-width: 1200px; min-height: 500px; } .ind_content { position: relative; width: 100%; height: 100%; } .swiper-container.swiper-container01 { height: 100%; width: 100%; position: relative; } .swiper-container01 .swiper-slide { position: relative; width: 100%; height: 100%; overflow: hidden; } .ind_conBlock { position: relative; width: 100%; height: 100%; overflow: hidden; background: rgb(32, 32, 32); } .ind_bgContent { position: relative; width: 100%; height: 100%; } .ind_logo { position: absolute; top: 0px; left: 0px; z-index: 990; background: rgb(35, 35, 35); width: 180px; cursor: pointer; } .ind_navBu { position: absolute; top: 22px; left: 200px; z-index: 90; width: 34px; cursor: pointer; opacity: 0.5; } img { max-width: 100%; } .ind_ico { position: absolute; right: 0px; top: 0px; border: 1px solid rgb(153, 153, 153); z-index: 99; padding: 28px; cursor: pointer; width: 22px; height: 22px; background: url("/images/a1_5.png") center center no-repeat; } .ind_bottom { position: absolute; bottom: 20px; z-index: 99; left: 50%; margin-left: -16px; width: 32px; opacity: 1; } .ind_navBl { position: absolute; left: 50px; top: 76px; z-index: 60; height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.3); width: 1px; opacity: 1; } .indN_ul { position: absolute; top: 25%; width: 120px; left: -6px; } .indN_li { color: rgb(255, 255, 255); padding: 18px 0px 18px 30px; background: url("../images/a1_41.png") left center no-repeat; opacity: 0.8; display: block; } .indN_li.cur, .indN_li:hover { background: url("../images/a1_4.png") left center no-repeat; opacity: 1; font-size: 18px; } .indA_img { position: absolute; top: 40%; left: 50%; margin-left: -293px; margin-top: -93px; } .bigImg_content { position: relative; width: 100%; height: 100%; overflow: hidden; } .bigImg_contentBlock { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; } .bigImg_ulBlock { position: relative; width: 100%; height: 100%; } .big_imgContent { position: relative; width: 100%; height: 100%; overflow: hidden; } .big_img { position: absolute; width: 100%; height: 100%; bottom: 0px; left: 0px; background-size: cover; background-position: center; } /*.big_img { animation: 12s linear 0s infinite normal none running animScale; }*/ .big_imgBlock { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8; } @-webkit-keyframes btssize { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } .big_imgBlock.current { animation: 3s linear 0s 1 normal forwards running btssize; } .navIcon_block { position: absolute; bottom: 30px; right: 60px; } .navIcon_block { position: absolute; bottom: 40px; right: 8%; z-index: 99; text-align: right; } .navIcon_block span { display: inline-table; width: 50px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 50px; margin-left: 10px; } .navIcon_block span.swiper-active-switch { background: url("../images/a1_3.png") center center / 40px no-repeat; } .indA_content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 90; } .ind_bg2 { background: rgb(55, 55, 55); } .ind_InnContent { position: relative; padding-left: 16%; height: 100%; z-index: 90; } .ind_bgImg, .ind_bgImgB, .ind_parentImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .ind_InImg { position: absolute; top: 0px; left: -3%; width: 106%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .indB_content { position: relative; width: 100%; height: 100%; overflow: hidden; } .indB_teBl { position: relative; width: 59%; height: 100%; z-index: 90; background: rgb(55, 55, 55); } .indB_IBlock { position: absolute; right: 0px; top: 0px; height: 100%; width: 41%; } .indB_teIco { position: absolute; right: 0px; top: 50%; margin-top: -41px; margin-right: -37px; cursor: pointer; transform: rotate(0deg); } .indB_teImg { position: absolute; top: 50%; margin-top: -319px; min-width: 531px; left: 0px; width: 600px; } .indB_IImg img { height: 100%; position: absolute; right: 0px; max-width: none; width: auto; } .indB_vBl { position: relative; width: 72%; margin: auto; padding-top: 130px; z-index: 99; } .indB_IImg { position: absolute; right: 0px; top: 0px; height: 100%; width: 200%; background: url("../images/b2_5.jpg") right center no-repeat; overflow: hidden; filter: grayscale(100%); } .indB_bgC { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; z-index: 60; background: url("../images/b_3.png"); } .indC_content { position: relative; width: 100%; height: 100%; } .indC_ulBl { position: relative; width: 100%; height: 100%; } .indC_liBl { position: relative; width: 25%; height: 100%; float: left; overflow: hidden; } .indC_liBl.li_1 { background: url("../images/b3_1.jpg") center center / cover no-repeat; } .indC_liBl.li_2 { background: url("../images/b3_2.jpg") center center / cover no-repeat; } .indC_liBl.li_3 { background: url("../images/b3_3.jpg") center center / cover no-repeat; } .indC_liBl.li_4 { background: url("../images/b3_4.jpg") center center / cover no-repeat; } .indC_liBl.li_5 { background: url("../images/b3_5.jpg") center center / cover no-repeat; } .indC_hover { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transform: scale(1.1); background-size: cover; background-position: center; background-repeat: no-repeat; } .indC_wi { position: absolute; top: 2%; left: 6%; width: 88%; height: 96%; border: 1px solid rgb(204, 204, 204); opacity: 0.6; } .indC_liBl:hover .indC_hover { opacity: 1; transform: scale(1); } .indD_content { position: relative; width: 100%; height: 100%; } .indD_video { position: relative; width: 100%; height: 100%; overflow: hidden; } video#ind_video { position: absolute; left: 0px; top: 0px; } .indD_block { position: absolute; top: 50%; left: 10%; width: 80%; text-align: center; z-index: 90; margin-top: -212px; } .indD_ico { position: relative; width: 82px; margin: 80px auto auto; cursor: pointer; } .indD_ho { position: absolute; top: -2px; left: -2px; width: 86px; opacity: 0; transform: scale(1.2); } .indD_vCol { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; z-index: 60; background: url("../images/b_3.png"); } .indD_ho img { width: 100%; } .indD_ico:hover .indD_ho { opacity: 1; transform: scale(1); } .indE_content { position: relative; width: 92%; height: 100%; overflow: hidden; } .indE_conBlock { position: absolute; width: 100%; left: 0px; top: 47%; margin-top: -240px; } .indE_ulBl { position: relative; width: 210%; padding-left: 28px; padding-bottom: 80px; } .indE_li { position: relative; float: left; margin-right: 4%; width: 10%; margin-left: 1%; } .indE_ho { position: absolute; top: 0px; left: 0px; z-index: 90; opacity: 0; transform: scale(1.1); } .indE_ho:hover { opacity: 1; transform: scale(1); } a.indE_more { display: block; width: 140px; height: 50px; background: url("../images/b4_4.png") center center no-repeat; margin: 20px auto auto; } .indF_left { position: relative; width: 60%; float: left; height: 100%; } .indF_right { position: relative; width: 40%; height: 100%; float: right; } .indF_img { position: absolute; width: 76%; margin: -300px auto auto; top: 50%; left: 12%; } .indF_rImg { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: url("../images/b5_1.jpg") center center; } .indF_rImg img { display: none; } .indF_bImg { position: absolute; bottom: 12%; left: 7.5%; width: 85%; } .indF_bImg { } .indF_ho { position: absolute; top: 0%; left: 0%; width: 50.1%; opacity: 0; transform: scale(1); } .indF_ho:hover { opacity: 1; transform: scale(1.05); } body.bo_cur .ind_navBl { opacity: 0; } body.bo_cur .ind_bottom { opacity: 0; } .indE_ho img { width: 316px; } video#video_2 { width: 100%; } .indB_teBl, .indB_bgC, .indB_vBl, .indB_teIco, .indB_teImg, .ind_ico, .indB_ho, .indE_more img, .ind_navBu, .indB_IImg { transition: all 0.3s ease 0s; } .indB_content.cur .indB_teBl { width: 28%; } a.indE_more img { position: absolute; top: 4px; left: 3px; z-index: 9; opacity: 0; display: none; } a.indE_more img:hover { opacity: 1; } .indB_content.cur .indB_bgC { opacity: 0; } .indB_content.cur .indB_vBl { opacity: 0; } .indB_IUl { position: absolute; right: 27%; width: 140%; bottom: 12%; display: none; } .indB_content.cur .indB_IUl { display: block; } .indB_content.cur .indB_teIco { transform: rotate(180deg); } .indB_content.cur .indB_teImg { left: -400px; } .vidBl_content { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999999; display: none; } .vidBl_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/a5_8.png"); } .videoBl_conBlock { position: absolute; left: 10%; top: 0%; width: 80%; height: 80%; z-index: 20; } .videoBl_conBlock video { position: relative; } .videoBl_clear { position: absolute; right: 10%; margin-right: -64px; top: 10%; cursor: pointer; width: 50px; } @-webkit-keyframes fa_1 { 0% { opacity: 0.5; } 100% { opacity: 1; } } body { animation: 0.6s ease-in-out 0s 1 normal backwards running fa_1; } @-webkit-keyframes an_01 { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, 20px); } 100% { transform: translate(0px, 0px); } } .ind_bottom { animation: 1s ease-in-out 0s infinite normal none running an_01; } @-webkit-keyframes an_02 { 0% { transform: translate(0px, 100px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } .indA_img { animation: 1s ease-in-out 0s 1 normal backwards running an_02; } @-webkit-keyframes an_03 { 0% { transform: translate(20px, 0px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } @-webkit-keyframes an_04 { 0% { transform: translate(0px, 20px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 0.5; } } .indN_li:nth-child(1) { animation: 0.3s ease-in-out 1.1s 1 normal backwards running an_04; } .indN_li:nth-child(2) { animation: 0.3s ease-in-out 1.2s 1 normal backwards running an_04; } .indN_li:nth-child(3) { animation: 0.3s ease-in-out 1.3s 1 normal backwards running an_04; } .indN_li:nth-child(4) { animation: 0.3s ease-in-out 1.4s 1 normal backwards running an_04; } .indN_li:nth-child(5) { animation: 0.3s ease-in-out 1.5s 1 normal backwards running an_04; } .indN_li:nth-child(6) { animation: 0.3s ease-in-out 1.6s 1 normal backwards running an_04; } .navIcon_block a:nth-child(1) { animation: 0.3s ease-in-out 1.7s 1 normal backwards running an_03; } .navIcon_block a:nth-child(2) { animation: 0.3s ease-in-out 1.8s 1 normal backwards running an_03; } .navIcon_block a:nth-child(3) { animation: 0.3s ease-in-out 1.9s 1 normal backwards running an_03; } .navIcon_block a:nth-child(4) { animation: 0.3s ease-in-out 2s 1 normal backwards running an_03; } @-webkit-keyframes an_05 { 0% { transform: matrix(1, 0.05, -0.2, 1, -180, 200); opacity: 0; } 100% { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; } } @-webkit-keyframes an_06 { 0% { transform: translate(0px, 100px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } @-webkit-keyframes an_07 { 0% { transform: translate(0px, -600px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } @-webkit-keyframes an_071 { 0% { transform: translate(0px, -400px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } @-webkit-keyframes an_08 { 0% { transform: translate(-100px, 0px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } @-webkit-keyframes an_081 { 0% { transform: translate(-1000px, 0px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } @-webkit-keyframes an_09 { 0% { transform: translate(-20px, 0px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } @-webkit-keyframes an_10 { 0% { transform: translate(0px, 600px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } .swiper-slide { width: 100%; } .swiper-slide-active .indB_IImg { animation: 0.6s ease-in-out 0.2s 1 normal backwards running an_07; } .swiper-slide-active .indB_teImg { animation: 0.6s ease-in-out 0.8s 1 normal backwards running an_06; } .swiper-slide-active .indB_vBl { animation: 0.6s ease-in-out 1.4s 1 normal backwards running an_08; } .swiper-slide-active .indB_teIco img { animation: 0.6s ease-in-out 2s 1 normal backwards running an_09; } .swiper-slide-active .indC_liBl.li_1 { animation: 1s ease 0.2s 1 normal backwards running an_10; } .swiper-slide-active .indC_liBl.li_3 { animation: 1s ease 0.4s 1 normal backwards running an_10; } .swiper-slide-active .indC_liBl.li_5 { animation: 1s ease 0.6s 1 normal backwards running an_10; } .swiper-slide-active .indC_liBl.li_2 { animation: 1s ease 0.8s 1 normal backwards running an_10; } .swiper-slide-active .indC_liBl.li_4 { animation: 1s ease 1s 1 normal backwards running an_10; } .swiper-slide-active #ind_video { animation: 1s ease 0s 1 normal backwards running an_071; } .swiper-slide-active .indD_ti { animation: 0.6s ease-in-out 0.8s 1 normal backwards running an_06; } .swiper-slide-active .indD_ico { animation: 0.6s ease-in-out 1.4s 1 normal backwards running an_06; } .swiper-slide-active .indF_rImg { animation: 0.6s ease-in-out 0.2s 1 normal backwards running an_07; } .swiper-slide-active .indF_img { animation: 0.6s ease-in-out 0.8s 1 normal backwards running an_06; } .swiper-slide-active .indF_bImg { animation: 0.6s ease-in-out 1.4s 1 normal backwards running an_08; } .ind_navBl:hover { border-left: 1px solid rgba(255, 255, 255, 0.5); } .ind_ico:hover { border: 1px solid rgb(102, 102, 102); } .ind_logo:hover { box-shadow: rgb(204, 204, 204) -5px -5px 0px 0px; top: 5px; left: 5px; } a.indB_ho { position: absolute; bottom: 2.1%; left: 0px; z-index: 50; cursor: pointer; opacity: 0; } a.indB_ho:hover { opacity: 1; } .ind_navBu:hover { opacity: 0.8; } .indB1_ul { position: absolute; left: 0px; top: 0px; width: 4420px; } .indB1_li { position: relative; width: 2200px; height: 480px; float: left; } @-webkit-keyframes an_12 { 0% { left: 0px; } 99.99% { left: -2200px; } 100% { left: 0px; } } .indB1_ul { animation: 50s linear 0s infinite normal none running an_12; } .indB_content.cur .indB_IImg { filter: grayscale(0); } .ind_navBl.active a.indN_li { color: rgb(0, 0, 0); } .ind_navBl.active { border-left: 1px solid rgb(204, 204, 204); } .ind_navBl.active .indN_li.cur, .ind_navBl.active .indN_li:hover { background: url("../images/a1_42.png") left center no-repeat; } .d1_3 { position: absolute; right: 0px; top: 0px; width: 32%; } .d1_4 { position: absolute; bottom: 0px; left: 13%; width: 43%; height: 79%; z-index: 90; } .ind2_title { position: absolute; top: 21%; left: 24%; width: 30%; } .ind2_text { position: absolute; right: 4%; top: 54%; width: 540px; font-size: 18px; line-height: 2em; margin-top: -120px; } .ind2_text h2 { font-size: 40px; margin-bottom: 30px; } .ind2_ch { font-size: 32px; color: rgb(255, 255, 255); letter-spacing: 2px; position: relative; left: 11px; top: 20px; } .d1_4 img { display: block; } .ind3_block { position: absolute; top: 35%; left: 0%; width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 28px; z-index: 90; } .ind3_en { font-weight: 500; opacity: 0.3; position: relative; top: 4px; line-height: 1.2em; font-size: 36px; } .ind3_ico img { margin: auto; } .ind31_teBl { position: absolute; bottom: 8%; left: 15%; width: 70%; color: rgb(255, 255, 255); text-align: center; line-height: 1.6em; z-index: 90; } .ind31_t { font-size: 24px; margin-bottom: 10px; position: relative; white-space: nowrap; text-overflow: ellipsis; } .indC_liBl:hover .ind3_block { top: 40%; } .indC_liBl:hover .ind3_en { top: -250px; font-size: 45px; text-shadow: rgb(255, 255, 255) 1px 1px; opacity: 0.2; } a.indE_aBl { color: rgb(255, 255, 255); display: block; position: relative; margin-top: 90px; padding: 0px; } .indE_t { padding: 6px 0; } .indE_ti { font-size: 18px; margin: 6px 0px; position: relative; height: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.8em; } .indE_date { color: rgb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255); width: 120px; padding: 18px 0px 22px; margin-top: 20px; opacity: 0.8; } .indE_img { width: 100%; } .indE_en { width: 238px; margin-bottom: 50px; } a.indE_aBl::after { content: ""; position: absolute; top: -14%; left: -8%; width: 116%; height: 130%; display: block; border: 1px solid rgb(204, 204, 204); opacity: 1; } a.indE_aBl:hover::after { opacity: 1; } .ind5_img { position: absolute; right: 8%; top: 50%; width: 850px; height: 850px; margin-top: -420px; } .ind5_tiBl { position: absolute; top: 17%; left: 16%; width: 30%; } .ind5_title { font-size: 30px; padding: 10px 0px; } .ind5_te { margin-top: 100px; position: relative; left: -10px; } .ind31_te { position: relative; width: 100%; height: 105px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: none; } h2.ind3_ti { letter-spacing: 3px; padding-top: 3px; } .he_liBl.active::after, .he_liBl:hover::after { height: 100%; } .he_liBl::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgb(70, 166, 167); height: 0px; } .he_ulBl:hover .he_liBl::after { height: 0px; } .he_ulBl:hover .he_liBl:hover::after { height: 100%; } .com_img img { width: 100%; display: block; } .com_tiBl { position: absolute; top: 40%; z-index: 90; left: 10%; width: 80%; text-align: center; } .com_banner { position: relative; width: 100%; } h1.com_h2 { font-size: 28px; color: rgb(255, 255, 255); letter-spacing: 5px; margin-top: 10px; } h2.com_h2 { font-size: 28px; color: rgb(255, 255, 255); letter-spacing: 5px; margin-top: 10px; } .com_tiBlock { position: relative; width: 100%; padding: 25px 0px; background: rgb(255, 255, 255); text-align: center; font-size: 20px; text-transform: uppercase; } .com_tiInn { width: 80%; margin: auto; position: relative; } .com_tiEn::after { content: ""; display: block; position: absolute; top: 50%; left: 0px; width: 100%; border-bottom: 1px solid rgb(204, 204, 204); } .com_tiEn span { background: rgb(255, 255, 255); padding: 0px 30px; z-index: 90; position: relative; font-weight: 100; } .bg1 { background: url("/images/2_3.jpg") center center / cover no-repeat; } .com_InnBlock { position: relative; width: 80%; margin: auto; padding: 80px 0px; z-index: 90; min-width: 1100px; } .com_img { position: relative; width: 100%; overflow: hidden; } .co_en { position: relative; width: 36%; margin-bottom: 68px; } .co_content { position: relative; width: 100%; } .co_map { position: relative; width: 55%; float: left; } .co_teBl { position: relative; width: 40%; float: right; } .co_teBl h2 { font-size: 26px; color: rgb(19, 154, 152); padding: 20px 0px; } .co_teBl ul li { margin-bottom: 0px; position: relative; padding: 18px 0px 18px 60px; line-height: 1.8em; } .co_teBl ul li img { position: absolute; left: 0px; top: 11px; } .co_ulBl { position: relative; margin-top: 60px; width: 105.3%; min-width: 1100px; } .co_liBl { float: left; width: 25%; background: rgb(23, 195, 192); margin-right: 4%; padding: 2%; border-radius: 12px; color: rgb(255, 255, 255); position: relative; } .co_bl { position: relative; width: 60px; padding-left: 14px; text-align: center; } .co_bl span { position: absolute; left: 60px; top: 0px; } .co_liBl span { position: absolute; left: 35%; top: 40px; font-size: 18px; width: 55%; } .co_bl img { width: 40px; margin: auto auto 5px; display: block; } div#Footer { position: relative; width: 100%; background: rgb(39, 39, 39); height: 128px; color: rgb(255, 255, 255); font-size: 13px; overflow: hidden; } .fo_ul { } a.fo_li { color: rgb(255, 255, 255); } .fo_riBl { position: absolute; right: 5%; top: 56px; } .fo_riBl a { } div#Footer a { color: rgb(255, 255, 255); } .fo_riBl a { float: left; } .fo_riBl span { float: left; } .fo_aBl { float: left; margin-left: 40px; } .fo_imgUl { position: absolute; right: 26%; top: 26px; } .fo_imgLi { float: left; margin-left: 10px; } div#Footer { position: relative; width: 100%; background: rgb(39, 39, 39); height: 128px; color: rgb(255, 255, 255); font-size: 13px; } .fo_ul { position: relative; float: left; } a.fo_li { color: rgb(255, 255, 255); } .fo_riBl { position: absolute; right: 5%; top: 56px; } .fo_riBl a { } div#Footer a { color: rgb(255, 255, 255); } .fo_riBl a { float: left; } .fo_riBl span { float: left; } .fo_aBl { float: left; margin-left: 40px; position: relative; padding-top: 10px; top: -10px; } .fo_te { position: relative; float: left; margin-left: 60px; } .fo_imgUl { position: absolute; right: 0%; top: 10px; } .fo_imgLi { float: left; margin-left: 10px; padding-top: 9px; } .pa_content { position: relative; width: 100%; height: 500px; } .pa_content .ind5_img { top: 36%; } .com_bgImg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .com_conBlock { position: relative; width: 100%; overflow: hidden; } .du_navUl { position: relative; width: 100%; height: 72px; background: rgb(255, 255, 255); text-align: center; } .du_bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .du_block { position: relative; width: 100%; } a.du_navLi { display: inline-block; margin: 0px 30px; font-size: 16px; color: rgb(102, 102, 102); padding: 24px 0px; position: relative; } .du_teBl { color: rgb(255, 255, 255); } h2.du_teTi { font-size: 28px; letter-spacing: 3px; margin-bottom: 30px; padding-top: 30px; } .du_teTe { position: relative; text-align: justify; margin-bottom: 40px; } div { line-height: 1.8em; } .du_li { float: left; background: rgb(128, 193, 194); padding: 10px 25px 10px 60px; margin-right: 20px; position: relative; } .du_li img { width: 30px; margin-right: 10px; top: 8px; position: absolute; left: 20px; } .du2_content { position: relative; width: 100%; } .bu2_block { position: relative; width: 100%; } .bu2_block img { display: block; } img { display: block; } h3.bu2_ti { position: absolute; bottom: 0px; left: 0px; z-index: 90; text-align: center; color: rgb(255, 255, 255); width: 100%; padding: 20px 0px; font-size: 18px; background: url("/images/5_52.png"); letter-spacing: 1px; } h2.bu3_ti { font-size: 28px; text-align: center; letter-spacing: 3px; margin-bottom: 80px; } .bu3_ulBl { position: relative; width: 104%; } a.bu3_liBl { float: left; width: 70%; margin-right: 4%; background: rgb(255, 255, 255); margin-bottom: 4%; padding: 10% 8% 6%; margin-left: 7%; } .bu3_content { position: relative; width: 100%; background: rgb(247, 247, 247); } a { color: rgb(102, 102, 102); } .com_en { text-align: center; } .com_en img { display: block; margin: auto; } .bu3_date { font-size: 16px; color: rgb(0, 102, 104); } .bu3_date span { font-size: 28px; font-weight: bold; opacity: 0.5; } h3.bu3_ti { font-size: 18px; margin: 15px 0px; line-height: 1.6em; position: relative; width: 100%; height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } a.bu3_liBl p { position: relative; height: 50px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px; } a.bu3_liBl img { width: 100%; } a.bu3_liBl .more { width: 40px; height: 40px; background: url("/images/5_7.png") center center no-repeat; margin-top: 30px; transform: rotate(-45deg); } a.bu3_liBl:hover { box-shadow: rgb(204, 204, 204) 0px 0px 6px 0px; } a.bu3_liBl:hover h3.bu3_ti { color: rgb(10, 138, 140); } a.bu3_liBl:hover .more { transform: rotate(0deg); background: url("/images/5_71.png") center center no-repeat rgb(10, 138, 140); } a.du_navLi:hover::after, a.du_navLi.active::after { width: 100%; left: 0px; } a.du_navLi::after { content: ""; display: block; position: absolute; bottom: 0px; width: 0px; left: 50%; border-top: 3px solid rgb(0, 102, 104); } a.du_navLi:hover, a.du_navLi.active { color: rgb(0, 102, 104); } .pagination .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 8px; background: rgb(255, 255, 255); cursor: pointer; margin: 0px 10px; } .pagination.sw02 { position: absolute; bottom: 80px; left: 20%; z-index: 90; width: 60%; text-align: center; margin-bottom: 0px; } .pagination span.swiper-pagination-switch.swiper-visible-switch.swiper-active-switch { background: rgb(10, 138, 140); } h2.com_h2.col2 { color: rgb(0, 102, 104); } .seek_block { margin-bottom: 90px; float: right; border: 1px solid rgb(204, 204, 204); height: 40px; width: 550px; position: absolute; right: 0; top: -2px; } .seek_type { position: relative; float: left; height: 30px; } .seek_type select { height: 40px; line-height: 40px; padding: 0px 0px 0px 20px; background: url("style.css"); border: 0px; width: 125px; color: rgb(102, 102, 102); font-size: 16px; outline: none; margin-right: 10px; } .seek_year { position: relative; float: left; height: 30px; } .seek_play { position: relative; float: left; height: 40px; border-left: 1px solid rgb(204, 204, 204); margin-left: 15px; } .seek_year select { height: 40px; line-height: 40px; padding: 0px 20px; background: url(""); border: 0px; width: 100px; color: rgb(102, 102, 102); font-size: 16px; outline: none; } .seek_play input { height: 40px; line-height: 40px; border: 0px; background: url(""); padding: 0px 20px; outline: none; color: rgb(102, 102, 102); font-size: 16px; } .seek_button { position: absolute; right: 0px; top: 0px; width: 50px; height: 40px; background: url("/images/6_3.png") center center no-repeat rgb(70, 166, 167); cursor: pointer; } .In_conBlock { position: relative; width: 80%; margin-top: 40px; margin: 0 auto; } .In_teBlock { position: relative; padding-right: 320px; min-height: 800px; } .In_rigBlock { position: absolute; right: 0px; top: 0px; width: 260px; } .In_ti { font-size: 22px; margin-bottom: 10px; } .In_return { display: block; border: 1px solid rgb(0, 102, 104); width: 110px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 0px; top: 0px; } ul.In_block { position: relative; } ul.In_block li { float: left; margin-right: 40px; position: relative; } .In_share { position: absolute; top: 2px; left: 45px; width: 300px; } .In_te { position: relative; width: 100%; margin-top: 40px; text-align: justify; } .In_te p { margin-bottom: 20px; } .In_te p img { margin: auto; } .In_aUl a { display: block; padding: 5px 0px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .In_aUl a span { color: rgb(166, 143, 123); } .In_aUl { border-top: 1px solid rgb(204, 204, 204); padding-top: 25px; margin-top: 40px; } .In_rTi { font-size: 20px; text-align: center; margin-bottom: 20px; padding-top: 0px; border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 15px; } .In_more { text-align: right; margin-top: 15px; float: right; border-bottom: 1px solid rgb(204, 204, 204); } .In_rBlock { clear: both; position: relative; background: rgb(255, 255, 255); padding: 20px; margin-top: 5px; } a.InR_more { border-bottom: 1px solid rgb(153, 153, 153); padding-bottom: 2px; left: 180px; position: relative; } .In_rTitle { text-align: center; font-size: 20px; width: 100%; position: relative; padding-bottom: 20px; } .In_ul { border-top: 1px solid rgb(204, 204, 204); position: relative; padding: 10px 0px; } a.In_li { position: relative; margin: 15px 0px; padding-left: 18px; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } a.In_li::after { content: ""; position: absolute; left: 0px; top: 9px; width: 6px; height: 6px; background: rgb(136, 136, 136); } .In_tBlock { position: relative; background: rgb(255, 255, 255); padding: 20px 20px 30px; } a.In_rBack { padding: 6px 40px; display: block; border: 1px solid rgb(0, 102, 104); float: right; margin-top: 30px; } .In_rBack:hover { background: rgb(0, 102, 104); color: rgb(255, 255, 255); } .In_rBl .pagination.sw02 { bottom: 10px; } .In_rBl span.swiper-pagination-switch { width: 8px; height: 8px; margin: 0px 5px; } .ta_ul { position: relative; width: 100%; padding: 60px 0px; } a.ta_li { float: left; width: 40%; margin: 0px 5%; position: relative; display: block; } h2.ta_ti { position: absolute; top: 50%; left: 61px; z-index: 90; color: rgb(255, 255, 255); font-size: 30px; letter-spacing: 3px; margin-top: -25px; } .ta_li img { margin: auto; } .ab_ti { font-size: 28px; } .ab_wi { position: relative; width: 50px; border-bottom: 3px solid rgb(114, 187, 56); margin: 10px 0px 40px; } .ab_te { margin-bottom: 40px; } .ab_content { position: relative; width: 100%; padding-bottom: 30px; } .com_bgImg.bg3 { background: url("/images/7_5.jpg") right bottom / 26% no-repeat rgb(247, 247, 247); } .ab_img .pagination.sw02 { bottom: 20px; margin-bottom: 0px; } .cou_conBlock { position: relative; width: 100%; margin-top: 50px; height: 450px; margin-bottom: 60px; } .cou_img { display: none; } .cou_ulBl { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .cou_liBl { position: absolute; padding-left: 25px; background: url("/images/8_2.png") left bottom / 13px no-repeat; height: 162px; width: 216px; } .cou_bgImg { position: relative; height: 100%; width: 200%; left: -50%; } .cou_block { position: relative; width: 3600px; height: 100%; } .cou_year { font-size: 22px; color: rgb(27, 147, 149); font-weight: 500; } .cou_liBl.odd { background: url("/images/8_21.png") left top / 13px no-repeat; padding-top: 68px; } .cou_liBl.n0 { top: 36%; left: -11.6%; } .cou_liBl.n1 { top: 69.5%; left: -5%; } .cou_liBl.n2 { top: 43.8%; left: 2%; } .cou_liBl.n3 { top: 71.4%; left: 8%; } .cou_liBl.n4 { top: 31.8%; left: 14%; } .cou_liBl.n5 { top: 59.5%; left: 20%; } .cou_liBl.n6 { top: 23%; left: 26%; } .cou_liBl.n7 { top: 53.8%; left: 32%; } .cou_liBl.n8 { top: 23.8%; left: 40%; } .cou_liBl.n9 { top: 59.3%; left: 47%; } .cou_liBl.n10 { top: 17.8%; left: 55%; } .cou_liBl.n11 { top: 39%; left: 62%; } .cou_liBl:hover .cou_img { display: block; } .cou_img { position: absolute; bottom: 170px; animation: 0.3s ease-in-out 0s 1 normal backwards running top01; } h1.cu_title { font-size: 22px; margin-bottom: 60px; letter-spacing: 1px; } .cu_content { position: relative; background: url("/images/8_5.jpg") right center / auto 100% no-repeat rgb(233, 237, 240); z-index: 90; width: 113%; } .cu_img { float: left; padding: 130px 4%; width: 34%; background: rgb(255, 255, 255); min-height: 163px; } .cu_teBlock { float: left; width: 34%; padding: 1.5%; padding-bottom: 0; } .cu_teLi h2 { font-size: 20px; margin-bottom: 10px; } .cu_teLi { margin-bottom: 30px; } .cu_conBlock { position: relative; width: 100%; margin-top: 80px; padding-bottom: 80px; margin-bottom: -80px; } .cu_conBlock::after { content: ""; display: block; position: absolute; left: -20%; width: 140%; height: 100%; background: rgb(27, 147, 149); bottom: 0px; padding-top: 180px; } .cu_ul { position: relative; z-index: 90; float: left; width: 30%; } .cu_ulBl { position: relative; z-index: 90; width: 52.5%; float: right; } .cu_li { background: rgb(54, 178, 180); position: relative; margin-bottom: 30px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; padding: 30px 0px; overflow: hidden; opacity: 0.8; transition: all 0.3s ease 0s; cursor: pointer; } .cu_num { position: absolute; left: -9px; bottom: 0px; font-size: 68px; line-height: 1em; opacity: 0.8; transition: all 0.3s ease 0s; } .cu_li:hover, .cu_li.active { background: rgb(75, 203, 205); } .cu_li:hover .cu_num, .cu_li.active .cu_num { left: 6px; } .cu_liBl { position: relative; width: 100%; } h2.cu_ti { position: absolute; bottom: 0px; width: 100%; left: 0px; text-align: center; padding: 20px 0px; background: url("/images/1_1.png"); color: rgb(255, 255, 255); font-size: 18px; } a.cu_link { position: absolute; right: 0px; color: rgb(255, 255, 255); } .cu_liImg img { width: 100%; } .cul_content { position: relative; width: 100%; z-index: 90; } .cul_img img { width: 100%; } .cul_img2 img { display: block; margin: auto; } .cul_imgUl { position: relative; width: 100%; } .cul_imgLi { position: relative; width: 50%; float: left; } .cul_imgLi img { width: 100%; } .he_block.w5 { width: 156px; margin-left: -78px; } .inu_block { position: relative; width: 100%; margin-bottom: 80px; } .inu_teBl { position: relative; width: 45%; float: left; } .inu_img { position: relative; width: 50%; float: right; } .inu_img img { width: 100%; } h1.inu_ti { font-size: 28px; margin-bottom: 20px; } h2.inu_ti { font-size: 28px; margin-bottom: 20px; } .inu_te p { margin-bottom: 15px; } .inu_swiper { position: relative; padding: 0px 42px; } .inu_conBlock { position: relative; width: 100%; } .inu_conBlock a.arrow-left { position: absolute; left: 0px; top: 0px; width: 42px; height: 100%; z-index: 90; background: url("/images/a2_5.png") center center no-repeat rgb(51, 51, 51); } .inu_conBlock a.arrow-right { position: absolute; right: 0px; top: 0px; width: 42px; height: 100%; z-index: 90; background: url("/images/a2_51.png") center center no-repeat rgb(51, 51, 51); } a.inuS_imgBl { position: relative; width: 100%; display: block; overflow: hidden; } .inuS_bl { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 90; height: 100%; background: url("/images/a2_3.png") center center / cover no-repeat; transform: scale(1.5); opacity: 0; transition: all 0.3s ease 0s; } .inuS_imgBl img { width: 100%; } a.inuS_imgBl:hover .inuS_bl { transform: scale(1); opacity: 1; } /*.com_tiBl.t2 { left: auto; right: 0%; width: 60%; top: 36%; }*/ .com_bgImg.bg_6 { background: url("/images/a3_3.jpg") center center / cover no-repeat; } .com_bgImg.bg_61 { background: url("/images/a3_9.jpg") center center / cover no-repeat; } .com_bgImg.bg_62 { background: url("/images/a5_5.jpg") center center / cover no-repeat; } .sci_content { position: relative; width: 100%; height: 540px; } .sci_teBl { position: absolute; width: 40%; float: left; color: rgb(255, 255, 255); padding-top: 8%; right: 60%; max-width: 480px; } .sci_ul { position: absolute; width: 500px; float: right; left: 54%; height: 500px; top: 20px; } .sci_teBl h2 { font-size: 28px; line-height: 1.8em; margin-bottom: 80px; } a.sci_li { color: rgb(255, 255, 255); float: left; border: 1px solid rgb(255, 255, 255); padding: 26px 20px; width: 88px; text-align: center; position: absolute; } a.sci_li.wauto { width: auto; } .sci_bl img { margin: auto auto 5px; width: 46px; } a.sci_li.n4 { bottom: 0px; right: 0px; } a.sci_li.n3 { bottom: 0px; left: 0px; } a.sci_li.n2 { left: 50%; top: 50%; margin-top: -60px; margin-left: -60px; } a.sci_li.n1 { right: 0px; top: 0px; } .sci_bl { position: relative; z-index: 90; } a.sci_li::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(204, 204, 204); opacity: 0; transition: all 0.3s ease 0s; } a.sci_li:hover::after { opacity: 0.3; } .com_bgImg { background: rgb(247, 247, 247); } .inu_te h2 { font-size: 18px; } .inu_te p { min-height: 10px; } .sci_ul2 { position: absolute; left: 54%; top: 45%; margin-top: -60px; min-width: 480px; width: 520px; } .sci_ul2 a.sci_li { position: relative; margin-right: 105px; margin-bottom: 105px; } .sci_ul2.t2 { margin-top: -180px; } .map_content { position: relative; width: 100%; } .map_img { position: relative; width: 100%; } .map_img img { width: 100%; } .map_ul { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 90; } .map_li { position: absolute; left: 0px; top: 0px; width: 24px; height: 33px; background: url("/images/a5_62.png") center center no-repeat; margin-top: -33px; margin-left: -12px; cursor: pointer; } .map_ulBl { position: absolute; top: 20%; right: 10%; width: 175px; padding: 40px; background: url("/images/a5_9.png"); z-index: 120; } a.map_aLi { display: block; margin-bottom: 10px; line-height: 1.4em; } .map_liBl h2 { font-size: 18px; margin-bottom: 10px; } .pr_liBl img { width: 100%; } .pr_content { position: relative; width: 100%; background: rgb(247, 247, 247); } .pr_ti { font-size: 24px; } .pr_wi { position: relative; width: 40px; border-bottom: 3px solid rgb(17, 108, 114); margin: 15px 0px; } .pr_ul { padding-top: 20px; font-size: 18px; margin-bottom: 60px; } .pr_li { float: left; margin-right: 80px; position: relative; cursor: pointer; } .pr_li::after { content: ""; display: block; position: absolute; right: 52px; top: 15px; border-bottom: 1px solid rgb(204, 204, 204); width: 50px; } .pr_li:first-child::after { display: none; } .pr_ulBl { position: relative; width: 104%; } a.pr_liBl { float: left; width: 29.3%; margin-right: 4%; margin-bottom: 4%; background: rgb(238, 238, 238); display: none; } a.pr_liBl h3 { padding: 12px; text-align: center; font-size: 16px; } .pr_li:hover, .pr_li.active { color: rgb(22, 108, 107); } @keyframes am01 { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, -10px); } 100% { transform: translate(0px, 0px); } } .map_li:hover, .map_li.active { animation: 0.6s ease-in-out 0s infinite normal none running am01; } a.back_button { position: absolute; right: 0px; top: 20px; padding: 3px 20px; color: rgb(70, 166, 167); transition: all 0.3s ease 0s; border: 1px solid rgb(70, 166, 167); } a.back_button:hover { background: rgb(70, 166, 167); color: #fff; } .In2_teBl { padding: 40px 60px; } .In2_ti { font-size: 20px; text-align: center; } .In2_te { position: relative; width: 100%; margin-top: 20px; } .In2_content .pagination.sw02 { bottom: 0px; } .bu2_block img { width: 100%; } .du_teTe h2 { font-size: 18px; } .du_teTe p { min-height: 20px; } .ta2_ul { position: absolute; top: 20%; left: 40%; width: 66%; } .ta2_li { float: left; width: 25.3%; margin-right: 6%; background: rgb(20, 131, 133); color: rgb(255, 255, 255); border-radius: 20px; padding: 3% 1%; min-height: 252px; } .ta2_ul.b2 .ta2_li { margin-left: 12%; } .ta2_li p { min-height: 10px; } .ta2_li h3 { font-size: 18px; text-align: center; color: #f6ce6f; margin-bottom: 5px; } .ta2_li img { margin: auto; } .ta2_content { position: relative; width: 100%; } .ta2_conBlock { position: relative; width: 100%; background: rgb(247, 247, 247); } .ta2_img img { width: 100%; } .ta21_teBl { position: absolute; top: 0px; left: 0px; z-index: 90; color: rgb(255, 255, 255); width: 100%; } .ta2_ti { font-size: 24px; letter-spacing: 2px; } .ta2_t2 { font-size: 18px; margin-top: 20px; } .ta2_wi { position: relative; width: 40px; border-bottom: 3px solid rgb(255, 255, 255); margin: 30px 0px; } .ta2_te { position: relative; width: 380px; text-align: justify; } .ta2_conBlock.b2::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 40%; height: 100%; background: rgb(240, 240, 240); } .ta21_ti { text-align: center; font-size: 24px; letter-spacing: 2px; margin-bottom: 50px; } .ta21_block { position: relative; width: 100%; background: rgb(255, 255, 255); } .ta21_img { position: relative; width: 48%; float: left; } .ta21_block::after { content: ""; display: block; clear: both; } .ta21_te { position: relative; float: right; width: 36%; padding: 8%; } .ta23_ti { font-size: 24px; } .ta23_te { font-size: 16px; margin-top: 20px; } .ta23_ul { position: relative; width: 103%; margin-top: 60px; } .ta23_li { position: relative; width: 13%; float: left; background: rgb(255, 255, 255); margin-right: 3%; padding: 60px 2%; color: rgb(19, 181, 161); text-align: center; border-radius: 10px; min-height: 168px; margin-bottom: 40px; } .ta2_conBlock.b3 { color: rgb(255, 255, 255); } .ta2_conBlock.b3 .com_bgImg { background: url("/images/a8_3.jpg") center center no-repeat; } .ta23_li img { margin: auto; width: 70px; } .ta23_li .wi { width: 36px; border-bottom: 2px solid rgb(19, 181, 161); margin: 20px auto; } .ta24_ti { font-size: 24px; margin-bottom: 60px; letter-spacing: 2px; } .ta24_ul { position: relative; width: 108%; } .ta24_li { position: relative; width: 25.3%; float: left; margin-right: 8%; overflow: hidden; margin-bottom: 30px; } .ta24_teBl { position: absolute; top: 25%; left: 10%; width: 80%; color: rgb(255, 255, 255); z-index: 90; } .ta24_tTi { font-size: 18px; margin-bottom: 30px; } .ta24_tTe { text-align: justify; } .ta24_li:nth-child(1) { border-radius: 80px 0px; } .ta24_li:nth-child(3) { border-radius: 80px 0; } a.In_li:hover, .In_aUl a:hover { color: rgb(0, 102, 104); } @keyframes m1 { 0% { transform: translate(60px, -60px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } @keyframes m2 { 0% { transform: translate(0px, 60px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } @keyframes m3 { 0% { transform: translate(-60px, 0px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } .swiper-slide-active .d1_3 { animation: 0.6s ease-in-out 0.6s 1 normal backwards running m1; } .swiper-slide-active .d1_4 { animation: 0.6s ease-in-out 0.9s 1 normal backwards running m2; } .swiper-slide-active .ind2_en { animation: 0.6s ease-in-out 0.9s 1 normal backwards running m3; } .swiper-slide-active .ind2_ch { animation: 0.6s ease-in-out 1.2s 1 normal backwards running m3; } .swiper-slide-active .ind2_text { animation: 0.6s ease-in-out 1.5s 1 normal backwards running m2; } .swiper-slide-active .ind5_en { animation: 0.6s ease-in-out 0.6s 1 normal backwards running m3; } .swiper-slide-active .ind5_title { animation: 0.6s ease-in-out 0.9s 1 normal backwards running m3; } .swiper-slide-active .ind5_te { animation: 0.6s ease-in-out 1.2s 1 normal backwards running m2; } .swiper-slide-active .ind5_img { animation: 0.6s ease-in-out 1.5s 1 normal backwards running m2; } .ind5_en { width: 470px; } .ind2_en { width: 451px; } .pagination { width: 100%; height: 30px; text-align: center; margin-top: 60px; margin-bottom: 20px; } .pagination a, .pagination span { display: inline-block; height: 25px; line-height: 25px; padding: 0px 10px; margin: 0px 5px; font-size: 16px; border: 1px solid rgb(153, 153, 153); color: rgb(153, 153, 153); transition: all 0.5s ease 0s; } .pagination a.page_current, .pagination a:hover, .pagination a.current { color: rgb(255, 255, 255); background: rgb(70, 166, 167); border: 1px solid rgb(70, 166, 167); display: inline-block; } .no-data { text-align: center; padding: 50px 0px; } .swiper-container.sw02 .pagination a, .swiper-container.sw02 .pagination span { padding: 0px; height: 10px; margin: 0px 6px; } @keyframes m6 { 0% { transform: translate(-20px, 0px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } .ind_input { position: absolute; right: 78px; top: 3px; padding: 20px; display: none; animation: 0.3s ease-in-out 0s 1 normal backwards running m6; } .ind_input input { height: 30px; background: url(""); border: 1px solid rgb(102, 102, 102); padding: 0px 12px; outline: none; color: rgb(51, 51, 51); width: 180px; } .ind_ico:hover .ind_input { display: block; } body.home .ind_ico:hover { border: 1px solid rgb(204, 204, 204); } .cou_liBl.n12 { } .cou_liBl.odd.n13 { } .cou_liBl.n14 { } .cou_liBl:hover { z-index: 90; } .cou_liBl.n15 { left: 88%; top: 9%; } .cou_liBl.n16 { left: 93%; top: -22%; } .cou_liBl.n12 { left: 69%; top: 1%; } .cou_liBl.odd.n13 { left: 76%; top: 32.5%; } .cou_liBl.n14 { left: 84%; top: 4%; } .cou_liBl:hover { z-index: 90; } .cou_liBl.n15 { left: 91%; top: 30%; } .cou_liBl.n16 { left: 97%; top: -18%; } .cou_text { position: relative; width: 108%; } a.fo_a1 img { display: inline-block; width: 16px; margin-right: 4px; position: relative; top: 3px; margin-top: 3px; } .fo_ulBl { position: relative; width: 100%; margin-top: 15px; } .fo_ulBl a { display: block; float: left; line-height: 1.4em; margin-right: 20px; } .fo_aBl:hover .fo_ulBl { display: block; } h3.indE_t { opacity: 0.5; } .webmap01 { background-color: rgb(255, 255, 255); padding: 10px 40px 50px; } .webmap01 dl { border: 1px solid rgb(230, 230, 230); margin-top: 50px; } .webmap01 dl h3 { padding-left: 20px; padding-bottom: 5px; } .webmap01 dl h3 span { font-size: 20px; color: rgb(0, 161, 233); position: relative; top: -12px; background-color: rgb(255, 255, 255); padding: 0px 13px; } .webmap01 dl h3 span a { color: rgb(0, 132, 129); } .webmap01 dl dd { padding-left: 33px; padding-bottom: 10px; } .webmap01 dl dd a { font-size: 14px; padding-right: 50px; display: inline-block; padding-bottom: 8px; } .webmap01 dl dd a em { display: inline-block; margin-right: 8px; width: 3px; height: 3px; background-color: rgb(0, 132, 129); vertical-align: middle; } .footer { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 90; } .footer .fo_ul { } .cou_bgImg img { width: 100%; height: 100%; } .canvas_block { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; background: rgb(255, 255, 255); } a.fo_a1 { margin-left: 10px; } .du_teBl { width: 50%; background: url("/images/1_1.png"); padding: 10px 40px; } .ab_img img { width: 100%; } .du2_content .pagination { display: none; } .indC_video { position: absolute; top: 0px; left: 0px; width: 100%; min-width: 350px; } .indC_video video { position: relative; width: 100%; height: 100%; } .v_color { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("/images/1_1.png"); } .ind_bgImg.stop { animation: 0s ease 0s 1 normal none running none; } .ind2_content { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; z-index: 90; } .ind2_bgImg { position: absolute; left: 0px; bottom: 0px; width: 100%; } .ind2_bgImg img { position: absolute; z-index: 90; width: 100%; left: 0px; bottom: 0px; } .v2_video.v_block { position: absolute; bottom: -14px; left: 13.2%; width: 44.6%; } .v2_video.v_block img { width: 100%; } .v2_video video { width: 100%; } .ta2_teBl { min-height: 400px; width: 34%; } .ba_video { position: absolute; width: 100%; height: 100%; } .ba_video video { width: 100%; height: 115.5%; position: absolute; inset: 0px; margin: auto; } .indE_img img { width: 100%; } .indE_content .sw_prev { left: -80px; } .indE_content { overflow: visible; } .indE_content .sw_next { right: -50px; } #div1 a { background: rgb(255, 255, 255); } .neB_content { position: relative; width: 100%; } a.neB_aBlock { position: relative; width: 90%; display: block; padding: 50px 5%; background: #fff; box-shadow: rgb(204, 204, 204) 0px 0px 10px 0px; } .neB_imgBl { position: relative; width: 30%; float: left; } .neB_teBl { position: relative; width: 64%; float: right; } .neB_date { font-size: 22px; color: #006668; font-weight: bold; } .neB_ti { font-size: 18px; padding: 8px 0px 18px; border-bottom: 1px solid rgb(204, 204, 204); margin-bottom: 30px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .neB_te { position: relative; width: 100%; line-height: 1.8em; text-align: justify; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .neB_ti { color: #006668; } .neB_ico { margin-top: 15px; font-size: 36px; color: #006668; font-weight: 100; line-height: 1em; } .neB_ul { position: relative; width: 100%; margin: 50px auto 20px; } a.neB_li { position: relative; width: 84%; display: block; padding: 30px 8%; min-height: 120px; } .neB_img { float: left; position: relative; width: 24%; min-height: 122px; } .neB_daBl { position: relative; width: 12%; float: left; margin-left: 6%; padding-top: 10px; } .neB_year { font-size: 22px; color: #006668; font-weight: bold; } .neB_day { font-size: 16px; color: #006668; font-weight: bold; } .neB_teBlock { position: relative; width: 60%; float: left; border-left: 1px solid rgb(204, 204, 204); padding-left: 5%; padding-top: 10px; padding-bottom: 10px; } .neB_tTi { font-size: 18px; margin-bottom: 10px; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; } .neB_tTe { line-height: 1.8em; color: rgb(153, 153, 153); height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .neB_icoBl { font-size: 36px; color: rgb(153, 153, 153); font-weight: 100; float: left; padding-top: 28px; margin-left: 9%; } a.neB_li::after { content: ""; display: block; position: absolute; right: 8%; top: 16%; width: 30px; height: 30px; border-top: 1px solid #006668; border-right: 1px solid #006668; opacity: 0; } a.neB_li::before { content: ""; display: block; position: absolute; right: 8%; bottom: 16%; width: 30px; height: 30px; border-bottom: 1px solid #006668; border-right: 1px solid #006668; opacity: 0; } a.navCo_aBlock { } .neB_bl { position: absolute; width: 64%; right: 8%; top: 50%; margin-top: -52px; } .neB_img::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 417%; border-bottom: 1px solid rgb(221, 221, 221); } .pagination a img { display: inline-block; margin: 0px 20px; top: 10px; position: relative; width: 32px; } a.neB_li:hover { background: rgb(238, 238, 238); } a.neB_li:hover .neB_img::after { width: 0px; } a.neB_li:hover::before, a.neB_li:hover::after { opacity: 1; } a.neB_li:hover .neB_icoBl { color: #006668; } .cu_liImg video { width: 100%; } @keyframes top01 { 0% { transform: translate(0px, 20px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } .top_button { animation: 0.3s ease-in-out 0s 1 normal backwards running top01; } .ind_bgContent .swiper-container.bannerSwiper { width: 100%; height: 100%; } .bu3_ulBl .pagination.sw02 { display: none; } .bu3_ulBl .sw_next { background: #ccc url(/images/next.png) center center / 20px no-repeat; } .bu3_ulBl .sw_prev { background: #ccc url(/images/prev.png) center center / 20px no-repeat; } .ta2_li img { width: 60%; max-width: 120px; } .du_teTe a { color: #fff; } a.ind2_a { margin-top: 20px; display: block; border: 1px solid rgb(70, 166, 167); width: 86px; text-align: center; color: rgb(70, 166, 167); font-size: 14px; } a.ind2_a:hover { background: rgb(70, 166, 167); color: #fff; } @media screen and (max-width: 1400px) { .ind2_en { } .ind2_en { } .ind2_en { width: 100%; } .ind2_text h2 { font-size: 30px; } .ind2_text { font-size: 16px; right: 0px; width: 38%; margin-top: -100px; } .indE_en { width: 20%; position: relative; top: 20px; } div#Footer { /* height: 110px; */ } .fo_ul { } .fo_te { } .fo_imgUl { } .fo_riBl { top: 28px; } .ind5_en { width: 80%; } h2.ind5_title { font-size: 24px; } h2.ind5_title { } .ind_InnContent .ind5_te img { max-width: 40%; } .indN_ul { top: 50%; margin-top: -240px; } #div1 { -webkit-transform: scale(0.9); top: -30px; } .indE_li { width: 10%; } .co_bl { padding-left: 0; } .co_liBl span { left: 30%; font-size: 16px; } .pa_content div#div1 { top: 0; right: -10%; -webkit-transform: scale(1.1); } a.indE_aBl::after { height: 116%; top: -7%; } a.indE_aBl { margin-top: 60px; } } .ab_video video { width: 100%; } .com_tiEn.n2:after { display: none; } .com_tiEn.n2 span { opacity: 0; } .com_bu { position: fixed; right: 0px; bottom: 30px; width: 100px; z-index: 90; height: 100px; } .map_li:nth-child(1) { width: 40px; height: 50px; margin-top: -50px; margin-left: -20px; background: url("/images/a5_621.png") center center no-repeat; } a.back_button.active { position: fixed; top: 80px; } .indE_li { width: 65%; float: none; top: 0%; left: 8%; max-width: 280px; } .t_button { display: none; } img.img_node { margin: auto; } .foW_ti { font-size: 12px; text-align: center; } .fo_ulBl span { float: left; line-height: 1.4em; margin-right: 10px; } .fo_content { position: relative; width: 84%; margin: auto; min-width: 1100px; } .fo_teBlock { padding-top: 30px; height: 30px; } .com_bu { display: none; } @media screen and (max-height: 800px) { body.home .footer { bottom: -100px; transition: all 0.3s; } body.home .footer:after { content: ""; display: block; position: absolute; top: -10px; left: 0; width: 100%; height: 50px; cursor: pointer; background: url(/images/t_01.png) no-repeat center; background-size: 20px; transition: all 0.3s; } body.home .footer:hover { bottom: 0; } body.home .footer:hover:after { opacity: 0 } body.home .footer .fo_imgUl { top: 30px; } body.home .footer:hover .fo_imgUl { top: 10px; } } .cuV_tiUl { position: relative; height: 70px; text-align: center; } span.cuV_title { color: #fff; background: rgb(54, 178, 180); padding: 10px 20px; margin: 0 20px; cursor: pointer; } span.cuV_title:hover, span.cuV_title.active { background: rgb(75, 203, 205); } .fo_imgLi:nth-child(2) { display: none; } .cou_liBl.n17 { left: 104%; top: 15%; } .d1_4 video { width: 100%; transform: translate(0px, -50%); position: relative; top: 50%; }