锘縝ody, 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, Simsun; font-size: 14px; min-width: 1000px; } table { border-collapse: collapse; border-spacing: 0px; } 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; } .clear { display: block; clear: both; } .relative { position: relative; } .grayscale { filter: grayscale(100%); } p { line-height: 2em; } p img { margin: 5px auto; display: inline-block; } html, body { position: relative; width: 100%; height: 100%; } .bgBlock, .wind_aBlock .icon, .wind_aBlock .text, .wind_textContent, .wind_ulContent, .wind_textBlock .more, .indexNews_textBlock .title, .bgColor, .news_video, .bgImg, .ind2_liBl, a.news_li, a.news_li::after, .news_aBl, .news_aBl::after, .blT_le, .blT_ri, .fo_content a, a.navCo_aBlock::after, a.navCo_aBlock, .new_liBlock .wire, .arr-right, .arr-left, .ne_ti, .ne_da, .ne_date, .ne_ico, .cu_li, .header_bu, .blT_block, .ind2_liBl, .news_video, .cou_block, .hon_li, .hon_img, .pagination a, .cer_li, .bus_li, .fea_li, .vid_play, a.ne_liBl, .ne_more, .ne_aBl, .ne_da, .ne_ti, .ne_te, .rec_tr, .list_aBl, .list_InBl, .buIn_liIn, .vid_button, .nav_leBu, .nav_riBu, a.neB_li, .neB_aBlock, a.neB_li::before, a.neB_li::after, .InC_bu, .arB-left, .arB-right, .prC_img, .prB_li, .inv_li, .not_li, .not_tIco, .pagination a img, .bra_button, .pla_liBl, .pla_more, .med_li, .prE_li, .rec_block, .rec_tiBl, .reB_liBl, .reB_ico, .alt_close, .arr-left, .arr-right, .hoB_ico, .ind21_tBl, .ind3_img, .ind3_ti, .ind3_te, .ind21_tBl::after, .ind21_li::after, .ind3_block::after, .ind3_block, .ind21_img::after, .ind3_img::after { transition: all 0.3s ease 0s; } .indexNews_images, .indexNews_img::after, .indexNews_img::before, .indexNews_wire::after, .indexNews_wire::before, .indexUl_bgImg, .news_video .bgImg, .news_map .bgImg, .ind21_img img, .video_block, .bigImg_content { transition: all 0.6s ease 0s; } .king:hover img, .indexNews_aBlock:hover .indexNews_images, .indexUl_aBlock:hover .indexUl_bgImg, .news_video:hover .bgImg, .news_map:hover .bgImg, .ind2_liBl:hover .bgImg, .ind21_li:hover .ind21_img img { transform: scale(1.1); } .ind2_liBl:hover, .news_video:hover, .hon_li:hover, .cer_li:hover, .bus_li:hover, .fea_li:hover, a.ne_liBl:hover, .ne_more:hover, .list_aBl:hover, .buIn_liIn:hover, a.neB_li:hover, .neB_aBlock:hover, .prC_img:hover, .pla_liBl:hover, .med_li:hover, .prE_li:hover, .reB_liBl:hover, .ind3_block:hover { transform: scale(0.95); } .vid_play:hover, .vid_button:hover, .nav_leBu:hover, .nav_riBu:hover, .InC_bu:hover, .arB-left:hover, .arB-right:hover, .inv_li:hover, .pagination a img:hover, .bra_button:hover, .pla_more:hover, .alt_close:hover, .arr-left:hover, .arr-right:hover { transform: scale(0.9); } .nav_leBu:hover, .nav_riBu:hover, .InC_bu:hover, .prC_img:hover, .pla_liBl:hover, .reB_liBl:hover { box-shadow: rgb(204, 204, 204) 0px 0px 10px 0px; } .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:hover::after { width: 150px; left: 600px; transition: all 1.2s ease 0s; } .king:hover::after { width: 150px; left: 1000px; transition: all 1.2s ease 0s; } .hon_li:hover .hon_img, .cer_li:hover, .fea_li:hover, a.ne_liBl:hover, .rec_tr:hover, .list_aBl:hover, .buIn_liIn:hover { box-shadow: rgb(221, 221, 221) 0px 0px 0px 6px; } ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb { width: 8px; } ::-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); } @keyframes am08 { 0% { left: -100%; } 50% { left: 0%; } 100% { left: 100%; } } @keyframes am081 { 0% { opacity: 0; } 50% { opacity: 0; } 51% { opacity: 1; } 100% { opacity: 1; } } .ti_block { overflow: hidden; position: relative; } .ti_block:after { content: ""; display: block; position: absolute; top: 0px; left: -100%; width: 100%; height: 100%; background: rgb(148, 46, 59); animation: am08 1s ease 0.3s backwards; } .ti_block div { animation: am081 1s ease 0.3s backwards; } @-webkit-keyframes anim1 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(0px, -20px); } 75% { transform: translate(0px, 10px); } 100% { transform: translate(0px, 0px); } } @keyframes anim1 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(0px, -20px); } 75% { transform: translate(0px, 10px); } 100% { transform: translate(0px, 0px); } } @keyframes animScale { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @-webkit-keyframes animScale { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @-webkit-keyframes animRotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } @keyframes animRotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } .king { animation: 2s linear 0s infinite normal none running anim1; } .bigImg_contentBlock, .ban_conBlock, .vid_img img, .ne_img, .ind5_bgImg img, .ind2_bgImg img { animation: 20s linear 0s infinite normal none running animScale; } .bl_img img, .buIn_img img, .video_bgImg, .prB_img img, .pr5_img img, .bra_bgImg img, .rec_img img { animation: 10s linear 0s infinite normal none running animScale; } .king { animation: 100s linear 0s infinite normal none running animRotate; } .bodyer { position: relative; width: 100%; min-width: 1200px; overflow: hidden; min-height: 200px; } .header_content { position: fixed; width: 100%; height: 80px; background: url("../images/d1_1.png"); z-index: 999; top: 0px; left: 0px; } .header_contentBlock { position: relative; width: 100%; margin: auto; min-width: 1250px; } .header_logo { position: absolute; left: 5%; top: 0px; padding: 15px 0px; display: block; } .header_ulContent { position: relative; width: 1200px; float: right; } .header_block { position: absolute; right: 0px; top: 22px; border: 1px solid rgb(204, 204, 204); padding-right: 20px; } .header_button { position: absolute; right: 0px; top: 0px; z-index: 99; } .header_ulBlock { position: absolute; top: 0px; right: 306px; } .header_aBlock { position: relative; float: left; display: block; padding: 30px 15px; font-size: 15px; cursor: pointer; } .header_aBlock .text { color: rgb(255, 255, 255); z-index: 99; position: relative; display: block; } .header_input { position: relative; width: 80px; height: 28px; border: 0px; padding-left: 10px; color: rgb(153, 153, 153); outline: none; padding-right: 10px; } .header_button { position: absolute; padding: 6px 10px; height: 16px; cursor: pointer; } .nav_content { position: absolute; bottom: -50px; height: 50px; width: 1920px; background: url("../images/b_5.png"); left: 0px; display: none; } .nav_aBlock { position: relative; float: left; display: block; color: rgb(255, 255, 255); height: 50px; line-height: 50px; padding: 0px 15px; font-size: 14px; width: 58px; white-space: nowrap; text-align: center; } .header_aBlock .bgBlock { position: absolute; top: 24px; left: 0%; width: 100%; height: 26px; display: block; } .header_aBlock.current .bgBlock, .header_aBlock:hover .bgBlock { height: 100%; top: 0px; background: rgb(148, 46, 59); opacity: 0.9; } .header_aBlock.current .text, .header_aBlock:hover .text { color: rgb(255, 255, 255); } .nav_aBlock:hover { color: rgb(148, 46, 59); } .nav_content.right { left: -406px; } .nav_content.right1 { left: -408px; } .nav_content.right2 { left: -354px; } .footer_content { position: relative; width: 100%; background: rgb(49, 49, 49); z-index: 999; box-shadow: rgb(204, 204, 204) 0px 0px 4px 0px; overflow: hidden; } .footer_contentBlock { position: relative; width: 93%; margin: auto; color: rgb(102, 102, 102); font-size: 12px; } .footer_text { position: relative; float: left; } .footer_aBlock { position: relative; float: right; } .common_content { position: relative; width: 100%; z-index: 99; background: rgb(255, 255, 255); margin-top: 112px; box-shadow: rgb(204, 204, 204) 0px 0px 4px 0px; } .common_contentBlock { position: relative; width: 1200px; margin: auto; } .bigImg_content { position: fixed; width: 100%; height: 112px; overflow: hidden; top: 0px; left: 0px; min-width: 816px; } .bigImg_contentBlock { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; } .fixed_top { position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; } .bottom_img { position: relative; width: 100%; height: 171px; background: url("../images/b_7.png") center center no-repeat; } @-webkit-keyframes headerAnim { 0% { top: -78px; } 100% { top: 0px; } } .index_bodyer .bigImg_content { height: 100%; } .index_bodyer .common_content { position: relative; width: 100%; } .index_img { position: relative; width: 100%; } .index_img img { width: 100%; margin-bottom: -4px; } .wind_content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 88; min-width: 1200px; } .wind_wireContent { position: absolute; bottom: 0px; width: 100%; left: 0px; height: 4px; background: url("../images/b2_4.png"); box-shadow: rgb(204, 204, 204) 0px 0px 4px 0px; } .wind_wireBlock { position: absolute; left: 0px; bottom: 0px; height: 4px; width: 16%; background: rgb(148, 46, 59); } .wind_showBlock { position: relative; width: 100%; height: 100%; overflow: hidden; } .wind_contentBlock { position: relative; width: 130%; height: 100%; } .wind_textContent { position: absolute; width: 17%; height: 100%; background: url("../images/b2_3.png"); top: 0px; left: -17%; overflow: hidden; } .wind_textBlock { position: absolute; left: 50%; margin-left: -120px; top: 50%; margin-top: -103px; color: rgb(255, 255, 255); width: 240px; display: none; } .wind_textBlock .title { font-size: 18px; letter-spacing: 3px; } .wind_textBlock .wire { width: 38px; height: 2px; background: rgb(255, 255, 255); margin: 18px 0px; } .wind_textBlock .text { width: 100%; line-height: 30px; text-align: justify; } .wind_textBlock .more { width: 80px; display: block; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); text-align: center; padding: 5px 0px; font-size: 12px; margin-top: 25px; } .wind_ulContent { position: absolute; width: 77%; bottom: 60px; left: 0%; overflow: hidden; height: 91px; padding-top: 30px; } .wind_ulBlock { position: relative; width: 1080px; margin: auto; } .wind_aBlock { position: relative; float: left; width: 80px; display: block; margin: 0px 37px; height: 91px; } .wind_aBlock .icon { position: absolute; width: 62px; margin: auto; height: 62px; top: 0px; left: 9px; } .wind_aBlock .icon.icon1 { background: url("../images/b1_21.png") center center no-repeat; } .wind_aBlock .icon.icon2 { background: url("../images/b1_22.png") center center no-repeat; } .wind_aBlock .icon.icon3 { background: url("../images/b1_23.png") center center no-repeat; } .wind_aBlock .icon.icon4 { background: url("../images/b1_24.png") center center no-repeat; } .wind_aBlock .icon.icon5 { background: url("../images/b1_25.png") center center no-repeat; } .wind_aBlock .icon.icon6 { background: url("../images/b1_26.png") center center no-repeat; } .wind_aBlock .icon.icon7 { background: url("../images/b1_27.png") center center no-repeat; } .wind_aBlock:hover .text, .wind_aBlock.current .text { color: rgb(238, 134, 0); } .wind_aBlock:hover .icon.icon1, .wind_aBlock.current .icon.icon1 { background: url("../images/b1_211.png") center center no-repeat; } .wind_aBlock:hover .icon.icon2, .wind_aBlock.current .icon.icon2 { background: url("../images/b1_221.png") center center no-repeat; } .wind_aBlock:hover .icon.icon3, .wind_aBlock.current .icon.icon3 { background: url("../images/b1_231.png") center center no-repeat; } .wind_aBlock:hover .icon.icon4, .wind_aBlock.current .icon.icon4 { background: url("../images/b1_241.png") center center no-repeat; } .wind_aBlock:hover .icon.icon5, .wind_aBlock.current .icon.icon5 { background: url("../images/b1_251.png") center center no-repeat; } .wind_aBlock:hover .icon.icon6, .wind_aBlock.current .icon.icon6 { background: url("../images/b1_261.png") center center no-repeat; } .wind_aBlock:hover .icon.icon7, .wind_aBlock.current .icon.icon7 { background: url("../images/b1_271.png") center center no-repeat; } .wind_aBlock .text { color: rgb(255, 255, 255); padding-top: 10px; white-space: nowrap; width: 100%; text-align: center; position: absolute; bottom: 0px; left: 0px; } .wind_wire { position: absolute; left: -215px; top: 71px; } .ieMrginTop { position: relative; height: 1px; width: 100%; } .wind_aBlock.current .icon, .wind_aBlock:hover .icon { top: -10px; } .wind_aBlock.current .text, .wind_aBlock:hover .text { padding-top: 20px; } .wind_contentBlock.current .wind_textContent { left: 0px; } .wind_contentBlock.current .wind_ulContent { left: 17%; width: 60%; } .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; } .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; display: none; } @-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; } .wind_textBlock .more:hover { border: 1px solid rgb(148, 46, 59); color: rgb(148, 46, 59); } .index_content { position: relative; width: 100%; } .indexUl_content { position: relative; width: 50%; float: right; min-height: 50px; } .indexNews_content { position: absolute; top: 0px; width: 50%; height: 100%; overflow: hidden; } .indexUl_ulBlock { position: relative; width: 100%; } .indexUl_aBlock { position: relative; width: 50%; float: left; display: block; overflow: hidden; } .indexUl_nullImg { position: relative; width: 100%; } .indexUl_nullImg img { width: 100%; } .indexUl_bgImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 6; } .indexUl_title { position: absolute; top: 0px; left: 0px; z-index: 9; width: 100%; } .indexNews_contentBlock { position: relative; width: 86%; margin: 30px auto; } .indexNews_title { font-size: 20px; color: rgb(51, 51, 51); padding-bottom: 25px; } .indexNews_aBlock { position: relative; display: block; width: 100%; } .indexNews_img { position: absolute; width: 42%; float: left; height: 100%; overflow: hidden; } .indexNews_textBlock { position: relative; float: right; width: 56%; padding: 6px 0px; } .indexNews_ulBlock { position: relative; padding-top: 30px; height: 122px; overflow: hidden; } .indexNews_textBlock .title { color: rgb(51, 51, 51); font-size: 18px; padding-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .indexNews_textBlock .time { color: rgb(238, 134, 0); font-size: 13px; padding-bottom: 10px; } .indexNews_textBlock .text { line-height: 24px; color: rgb(76, 76, 76); height: 72px; overflow: hidden; text-align: justify; } .indexNews_liBlock { color: rgb(51, 51, 51); width: 100%; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgb(204, 204, 204); display: block; } .indexNews_text { position: relative; float: left; width: 74%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 20px; background: url("../images/b3_2.jpg") left center no-repeat; } .indexNews_time { position: relative; float: right; width: 20%; text-align: right; } .indexNews_ulBlock.h168 { height: 168px; } .indexNews_ulBlock.h212 { height: 212px; } .indexNews_ulBlock.h258 { height: 258px; } .indexNews_ulBlock.h300 { height: 300px; } .indexNews_liBlock:hover, .indexNews_aBlock:hover .title { color: rgb(148, 46, 59); } .indexNews_liBlock:hover .indexNews_text, .indexNews_liBlock:hover .indexNews_time, .indexNews_aBlock:hover .title { text-decoration: underline; } .indexNews_images { position: relative; width: 100%; height: 100%; } .indexNews_wire { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; } .indexNews_img::after { content: ""; position: absolute; top: 0px; width: 0%; left: 0px; height: 2px; background: rgb(148, 46, 59); z-index: 99; } .indexNews_img::before { content: ""; position: absolute; top: 0px; width: 2px; right: 0px; height: 0%; background: rgb(148, 46, 59); z-index: 99; } .indexNews_wire::after { content: ""; position: absolute; bottom: 0px; width: 0%; right: 0px; height: 2px; background: rgb(148, 46, 59); z-index: 99; } .indexNews_wire::before { content: ""; position: absolute; bottom: 0px; width: 2px; left: 0px; height: 0%; background: rgb(148, 46, 59); z-index: 99; } .indexNews_aBlock:hover .indexNews_img::after { width: 100%; } .indexNews_aBlock:hover .indexNews_img::before { height: 100%; } .indexNews_aBlock:hover .indexNews_wire::after { width: 100%; } .indexNews_aBlock:hover .indexNews_wire::before { height: 100%; } .header_img { position: relative; float: right; padding-top: 22px; padding-left: 6px; } .navIcon_block { position: absolute; bottom: 30px; right: 10%; z-index: 99; width: 80%; text-align: center; } .navIcon_block a { width: 70px; height: 40px; cursor: pointer; background: url("../images/b5_21.png") center center no-repeat; margin: 0px 8px; display: inline-block; opacity: 0.8; } .navIcon_block a.current { background: url("../images/b5_2.png") center center no-repeat; } .index_content { position: relative; width: 1200px; margin: auto; } .ul_content { position: relative; width: 1220px; padding: 24px 0px 30px; } .ul_aBlock { position: relative; float: left; margin-right: 7px; height: 147px; display: block; width: 234px; perspective: 253px; } .ul_block { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: all 0.5s ease 0s; backface-visibility: hidden; } .ul_imgBlock { display: block; width: 234px; height: 147px; position: absolute; top: 0px; left: 0px; backface-visibility: hidden; z-index: 2; } .ul_textBlock { width: 100%; height: 147px; position: absolute; top: 0px; left: 0px; background: url("../img/wallGre.png") repeat; transform: rotateX(180deg); z-index: -1; backface-visibility: hidden; } .ul_aBlock:hover .ul_block { transform: rotateX(180deg); z-index: -1; backface-visibility: hidden; } .ul_aBlock:hover .ul_textBlock { z-index: 10; } .con_textBlock { position: relative; width: 100%; } .new_content { position: relative; float: left; width: 33.3%; } .new_img { position: relative; float: right; width: 594px; } .new_contentBlock { position: relative; width: 100%; padding-top: 10px; } .new_images { position: relative; width: 100%; display: none; } .new_navBlock { position: relative; width: 100%; height: 32px; border-bottom: 1px solid rgb(204, 204, 204); } .new_liBlock { position: relative; height: 30px; float: left; background: url("../images/b4_4.jpg") right center no-repeat; cursor: pointer; font-size: 16px; color: rgb(58, 58, 55); white-space: nowrap; text-align: center; margin-right: 30px; letter-spacing: 1px; } .new_moreB { position: absolute; right: 10px; top: 7px; color: rgb(58, 58, 55); } .new_liBlock.last { background: url(""); } .new_liBlock .wire { position: relative; margin: 10px auto auto; width: 0%; border-bottom: 2px solid rgb(219, 86, 80); } .new_liBlock.current .wire, .new_liBlock:hover .wire { } .new_liBlock.current .wire { width: 100%; } .a_block { position: absolute; z-index: 99; width: 300px; height: 50px; display: block; left: 213px; top: 701px; background: url("_block"); } .a_block2 { position: absolute; z-index: 99; width: 400px; height: 50px; display: block; left: 500px; top: 701px; background: url("_block"); } .index2_contentBlock { position: relative; width: 100%; padding-bottom: 30px; } .new_moreB:hover { color: rgb(148, 46, 59); } .news_imgBlock { position: relative; width: 594px; float: right; padding-right: 1px; } .news_video { position: relative; float: left; width: 30%; overflow: hidden; cursor: pointer; } .news_map { position: relative; float: right; width: 277px; height: 182px; overflow: hidden; cursor: pointer; } .news_video .icon { position: absolute; top: 50%; left: 50%; margin-left: -26px; margin-top: -39px; z-index: 9; font-size: 16px; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; letter-spacing: 1px; } .news_map .icon { position: absolute; bottom: 0px; left: 0px; z-index: 9; } .news_video .bgColor { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8; background: url("../images/b6_3.png"); } .ind2_liBl .bgColor { position: absolute; top: 0px; left: 0px; width: 0%; height: 100%; z-index: 8; background: url("../images/b6_3.png"); } .ind2_liBl:hover .bgColor { width: 100%; } .news_video:hover .bgColor, .news_map:hover .bgColor { width: 60px; height: 60px; top: 50%; left: 50%; margin-left: -29px; margin-top: -43px; border-radius: 200px; } .bigImg_title { position: absolute; right: 50%; bottom: 20px; z-index: 8; margin-right: -600px; } .bigImg_title1 { position: absolute; left: 50%; bottom: 20px; z-index: 8; margin-left: -600px; } .navUl_content { position: relative; width: 100%; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(204, 204, 204); } .navUl_contentBlock { position: relative; width: 1200px; margin: auto; height: 50px; overflow: hidden; } .Inner_content { position: relative; width: 100%; background: rgb(255, 255, 255); } .Inner_textContent { position: relative; float: left; width: 50%; background: rgb(255, 255, 255); height: 100%; } .Inner_textContent img { float: right; } .Inner_blockContent { position: relative; float: right; width: 50%; height: 100%; background: rgb(230, 230, 230); } .Inner_contentBlock { position: relative; width: 1200px; margin: auto; } .Inner_contentBlock img { margin-left: -60px; } .Inner_contentBlock1 { position: relative; width: 1200px; margin: auto; } .Inner_bgColor { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .Inner1_block { position: relative; width: 100%; background: rgb(230, 244, 240); } .Inner1_InnerBlock { position: relative; width: 1200px; margin: auto; } .Inner1_aBlock { position: absolute; top: 240px; left: 49%; display: block; width: 610px; background: url("_block"); opacity: 0.5; height: 160px; z-index: 99; } .Inner2_aBlock { position: absolute; top: 61px; left: 0px; display: block; width: 1200px; background: url("_block"); opacity: 0.5; height: 920px; z-index: 99; } .Inner3_contentBlock { padding: 40px 0px; background: rgb(230, 244, 240); } .common_content.color3 { background: rgb(230, 244, 240); } a.header_logo img { height: 50px; } img { display: block; margin: auto; padding: 0px; } .header_rigBlock { position: relative; width: 280px; float: right; margin-left: 25px; } .header_seek { position: relative; float: left; padding: 30px 20px 32px; display: block; cursor: pointer; height: 19px; width: 19px; background: url("../images/c1_1.png") 20px 31px no-repeat; margin-left: 16px; } .header_bu { padding: 31px 12px; display: block; float: right; position: absolute; top: 0px; color: rgb(255, 255, 255); right: 16px; } .ind_content { position: relative; width: 100%; background: rgb(0, 0, 0); } .ind_content.bg2 { background: rgb(243, 243, 243); } .com_InnContent { position: relative; width: 83%; margin: auto; min-width: 1000px; z-index: 90; } .clear { clear: both; } .ind_tiEn { font-size: 32px; color: rgb(226, 226, 226); opacity: 0.35; margin-bottom: 10px; } .new_liBlock .wire { } .bl_swiper { position: relative; width: 63%; float: right; overflow: hidden; } a.news_aBl { position: relative; width: 100%; display: block; } a { color: rgb(102, 102, 102); } .news_ti { font-size: 18px; position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_ulBl { position: relative; width: 90%; margin-top: 20px; } img { max-width: 100%; } .news_ul { position: relative; width: 100%; margin-top: 20px; } .news_da { position: relative; margin-top: 10px; font-size: 16px; color: rgb(153, 153, 153); } .news_more { position: absolute; right: 0px; bottom: 1px; color: rgb(153, 153, 153); } a.news_li { position: relative; display: block; padding: 10px 0px 10px 16px; background: url("../images/c1_2.png") left center no-repeat; overflow: hidden; } .news_te { float: left; width: 70%; position: relative; } .news_dT { position: absolute; float: right; right: 0px; top: 10px; } .bl_block { position: relative; width: 100%; max-height: 362px; overflow: hidden; border: 1px solid rgb(153, 153, 153); } .news_video .icon img { margin-bottom: 5px; } .ind2_liBl { position: relative; float: left; margin-left: 1%; width: 34%; overflow: hidden; } .ind2_tiBl { position: absolute; top: 10%; left: 10%; z-index: 90; } .ind2_ti { font-size: 25px; color: rgb(183, 129, 35); letter-spacing: 2px; } .ind2_tEn { color: rgb(80, 80, 80); font-size: 16px; text-transform: uppercase; opacity: 0.6; margin-top: 4px; } .ind2_liBl .bgImg img { margin-bottom: -1.2%; } .news_video:hover, .ind2_liBl:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 6px; } a.news_li::after { content: ""; display: block; width: 0%; position: absolute; bottom: 5px; height: 1px; background: rgb(218, 37, 28); left: 50%; } a.news_li:hover { padding-left: 0px; background-position: -30px center; color: rgb(219, 86, 80); } a.news_li:hover::after { left: 0%; width: 100%; } a.news_aBl:hover { transform: scale(0.9); color: rgb(219, 86, 80); } a.news_aBl::after { content: ""; width: 110%; height: 140%; display: block; position: absolute; left: -5%; top: -20%; transform: scale(0.9); } a.news_aBl:hover::after { transform: scale(1); border: 1px solid rgb(219, 86, 80); } a.news_aBl:hover .news_da, a.news_aBl:hover .news_more { color: rgb(219, 86, 80); } .blT_block { position: absolute; right: 10%; top: 13%; width: 330px; height: 230px; background: url("../images/c1_4.png"); } .blT_buBlock { position: absolute; right: 0px; top: 0px; background: rgb(191, 191, 191); width: 85px; height: 40px; z-index: 90; } a.blT_le { display: block; float: left; padding: 12px 16px; } a.blT_ri { display: block; float: right; padding: 12px 16px; } span { } .blT_buBlock span { color: rgb(255, 255, 255); position: absolute; top: 9px; left: 50%; margin-left: -2px; } .blT_tTi { font-size: 18px; color: rgb(199, 0, 10); margin-bottom: 2px; } .blT_ten { color: rgb(153, 153, 153); text-transform: uppercase; } .blT_tTe { color: rgb(102, 102, 102); margin-top: 12px; line-height: 1.8em; text-align: justify; } .blT_teLi { position: relative; display: none; padding: 45px 30px 30px; } a.blT_ri:hover, a.blT_le:hover { background: rgb(219, 86, 80); } div#Footer { position: relative; width: 100%; background: rgb(103, 103, 103); color: rgb(255, 255, 255); height: 54px; z-index: 120; min-width: 1060px; } .fo_content a { color: rgb(255, 255, 255); opacity: 0.6; margin-right: 30px; } .fo_content { position: relative; width: 100%; margin: auto; padding: 25px 0px 60px; } .fo_ul { margin-bottom: 40px; } a.fo_li { margin-right: 30px; display: block; float: left; } .fo_wxBl { position: absolute; right: 0px; top: 0px; } .fo_wxBl { position: absolute; right: 0px; top: 25px; text-align: center; } .fo_wT { padding-top: 10px; opacity: 0.6; } .fo_ulBl { position: relative; width: 100%; margin-bottom: 20px; } .fo_aBl { float: left; position: relative; } .fo_ulBl::after { content: ""; display: block; clear: both; } .fo_content a::after { } a.fo_aBl::after { content: ""; display: block; position: absolute; right: -15px; top: 4px; height: 12px; border-right: 1px solid rgb(255, 255, 255); opacity: 0.6; } select.fo_select { position: absolute; left: 67px; top: 0px; border: 1px solid rgb(153, 153, 153); padding: 1px 10px; font-size: 12px; } div.fo_aBl { opacity: 0.6; } .fo_teBl a, .fo_teBl span { margin-right: 20px; display: block; float: left; opacity: 0.6; } .fo_teBl::after { content: ""; display: block; clear: both; } .fo_wx { width: 90px; } .fo_content a:hover { opacity: 1; } .bgImg img { width: 100%; } .com_content { position: relative; width: 100%; min-height: 800px; } .ban_content { position: relative; width: 100%; height: 400px; overflow: hidden; } .ban_conBlock { position: relative; width: 100%; height: 100%; } .com_conBlock { position: relative; width: 100%; z-index: 90; background: rgb(255, 255, 255); } .com_navBlock { position: relative; width: 100%; height: 78px; z-index: 99; background: rgb(255, 255, 255); } a.com_li { float: left; padding: 17px 0px 12px 24px; height: 20px; display: block; background: url("../images/c2_51.png") 2px 22px no-repeat; margin-left: 18px; } a.com_li.home { width: 30px; background: url("../images/c2_5.png") 0px 18px / 18px no-repeat; margin-left: 0px; padding-left: 28px; white-space: nowrap; } .com_ul { position: absolute; right: 0px; top: 25px; font-size: 15px; } .navCo_content { position: relative; float: left; } a.navCo_aBlock { padding: 0 25px; padding-top: 18px; display: block; float: left; position: relative; margin-right: 30px; font-size: 15px; background: rgb(243, 243, 243); padding-top: 13px; margin-top: 5px; } a.navCo_aBlock::after { content: ""; display: block; width: 0%; margin: 12px auto auto; border-bottom: 2px solid rgb(148, 37, 49); opacity: 0; } a.navCo_aBlock:hover::after, a.navCo_aBlock.cur::after { content: ""; display: block; width: 100%; } a.navCo_aBlock:hover, a.navCo_aBlock.cur { } .abo_content { position: relative; width: 100%; } .com_InnConBlock { position: relative; width: 100%; padding: 65px 0px; } .abo_img { position: relative; float: left; width: 50%; padding-right: 3%; padding-bottom: 10px; } body { color: rgb(102, 102, 102); } .abo_en { color: rgb(236, 222, 192); text-transform: uppercase; font-size: 34px; font-weight: bold; position: relative; z-index: 90; } .abo_ch { font-size: 24px; color: rgb(218, 190, 129); letter-spacing: 2px; padding-top: 2px; } .abo_wi { width: 45px; height: 3px; background: rgb(202, 176, 118); margin-top: 35px; margin-bottom: 35px; position: relative; left: 2px; } .abo_ico { position: absolute; right: -98px; top: -40px; } .abo_te { position: relative; line-height: 2em; text-align: justify; } .abo_te p { margin-bottom: 20px; } .abo_block { position: relative; float: left; width: 47%; } a.com_li:hover { color: rgb(184, 28, 39); } .ban_animate { position: relative; width: 100%; height: 100%; overflow: hidden; } @keyframes am01 { 0% { transform: translate(0px, -50px); opacity: 0.5; } 100% { transform: translate(0px, 0px); opacity: 1; } } @keyframes am02 { 0% { transform: translate(0px, -20px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } @keyframes am021 { 0% { transform: translate(0px, 50px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } @keyframes am022 { 0% { transform: translate(0px, -20px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } .ban_content { animation: 0.6s ease-in-out 0s 1 normal backwards running am02; } .bigImg_InnBlock { animation: 0.6s ease-in-out 0s 1 normal backwards running am021; } .ind21_content { animation: 0.6s ease-in-out 0.3s 1 normal backwards running am022; } .com_conBlock, .com_navBlock, .common_content, #Footer, .inB_conBlock { animation: 0.6s ease-in-out 0s 1 normal backwards running am01; } .abo_wi::after { content: ""; display: block; position: absolute; left: 60px; width: 30px; height: 30px; background: url("../images/c2_4.png"); top: -15px; } .ban_tiBl { position: absolute; top: 50%; z-index: 90; color: rgb(255, 255, 255); width: 100%; left: 0px; text-align: right; margin-top: -50px; } .ban_ti { font-size: 32px; letter-spacing: 4px; padding-bottom: 5px; font-weight: 100; } .ban_tEn { font-size: 41px; text-transform: uppercase; opacity: 0.8; } .org_img { position: relative; padding: 60px 0px; width: 70%; margin: auto; } .org_content { position: relative; width: 100%; } .com_conBlock.org_bg { background: url("../images/c2_61.jpg") center center / cover no-repeat; } .cou_block { padding-left: 62px; background: url("../images/c3_1.png") 23px 12px / 16px no-repeat; width: 80%; height: 200px; position: relative; } .cou_date { font-size: 26px; color: rgb(148, 37, 49); padding-bottom: 10px; position: relative; left: -2px; } .cou_text { line-height: 1.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; position: relative; height: 140px; transition: all 0.3s ease 0s; } .cou_block.bl2 { margin-top: 80px; } .cou_content { position: relative; width: 100%; padding-bottom: 50px; } .cou_wi { position: absolute; bottom: 55px; left: 0px; width: 100%; border-bottom: 2px solid rgb(148, 37, 49); opacity: 0.5; } .cou_ico { position: absolute; left: 25px; bottom: 5px; width: 12px; height: 14px; background: url("../images/c3_4.png") center center no-repeat; } .cou_block.bl2 .cou_ico { bottom: 0px; } .cou_wi::after { content: ""; display: block; width: 12px; height: 12px; background: url("../images/c3_5.png") center center no-repeat; position: absolute; right: -8px; top: -6px; } .cou_buBlock { position: absolute; right: 0px; top: 30px; width: 84px; z-index: 90; } a.arr-left { position: absolute; width: 50px; height: 50px; background: url("../images/d4_8.png") center center no-repeat; display: block; float: left; left: -80px; top: 50%; margin-top: -50px; } a.arr-right { position: absolute; width: 50px; height: 50px; background: url("../images/d4_81.png") center center no-repeat; display: block; right: -80px; top: 50%; margin-top: -50px; } a.arr-left:hover { } a.arr-right:hover { } a.hon_li { float: left; width: 23%; margin-right: 2%; margin-bottom: 40px; } .hon_ti { text-align: center; padding: 15px 0px; font-size: 15px; } .hon_content { position: relative; width: 100%; margin-top: 60px; padding-bottom: 20px; } .hon_ul { position: relative; width: 102%; } .hon_img { padding: 10px; border: 1px solid rgb(204, 204, 204); } .hon_img img { width: 100%; } .pagination { text-align: center; padding: 20px 0px; } .pagination a, .pagination span { padding: 5px 5px; margin: 0px 5px; border-radius: 4px; font-size: 16px; } .pagination a:hover, .pagination a.page_current { color: rgb(148, 37, 49); font-weight: bold; } .cer_ul { position: relative; width: 103%; } a.cer_li { float: left; margin-right: 3%; margin-bottom: 60px; background: rgb(255, 255, 255); width: 26.3%; padding: 2%; box-shadow: rgb(204, 204, 204) 0px 0px 5px 1px; } .cer_img img { width: 100%; } .cer_ti { border-top: 1px solid rgb(204, 204, 204); padding-top: 15px; text-align: center; margin-top: 20px; font-size: 15px; } a.bus_li { position: relative; float: left; width: 49.5%; margin-right: 0.5%; margin-bottom: 0.5%; } .bus_ul { position: relative; width: 100.5%; padding: 20px 0px; } .bus_bl { position: absolute; bottom: 8%; left: 8%; color: rgb(255, 255, 255); width: 50%; } .bus_ti { font-size: 26px; padding-bottom: 15px; letter-spacing: 2px; } .bus_te { line-height: 1.8; } .bus_img img { width: 100%; } .list_content { position: relative; width: 100%; padding: 20px 0px; } .list_ul { position: relative; width: 102%; } a.list_aBl { width: 31.3%; float: left; margin-right: 2%; margin-bottom: 40px; } .list_img img { width: 100%; } .list_tiBl { padding: 15px 0px 12px; border-bottom: 1px solid rgb(204, 204, 204); font-size: 16px; position: relative; } .list_more { position: absolute; right: 0px; top: 16px; color: rgb(226, 39, 31); font-size: 14px; } .list_te { padding-top: 10px; } .list_te p { line-height: 1.8em; position: relative; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cul_content { position: relative; width: 100%; padding: 20px 0px; } .cul_img img { width: 100%; } .cul_imgBl { position: relative; width: 100%; } .cul_teBl { position: absolute; right: 10%; top: 50%; z-index: 90; width: 40%; color: rgb(255, 255, 255); margin-top: -70px; } .cul_ul { position: relative; width: 101%; margin-top: 60px; } .cul_teBl p { text-align: justify; } .cul_li { position: relative; width: 11.66%; float: left; margin-right: 1%; background: rgb(255, 255, 255); padding: 2%; border-radius: 8px; box-shadow: rgb(204, 204, 204) 0px 0px 4px 0px; text-align: center; } .cul_num { position: absolute; left: 6%; top: 6%; color: rgb(247, 247, 247); font-size: 70px; } .cul_ti { font-size: 20px; color: rgb(226, 39, 31); z-index: 90; position: relative; padding-bottom: 10px; padding-top: 20px; } .cul_te { position: relative; line-height: 1.8em; height: 60px; } .cul_col { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 410px; background: linear-gradient(rgb(243, 232, 223), rgb(255, 254, 252)) rgb(243, 232, 223); } .buIn_content { position: relative; width: 100%; } .buIn_block { position: relative; width: 100%; background: rgb(242, 242, 242); margin-top: 60px; } .buIn_imgBl { position: relative; width: 50%; float: left; max-height: 394px; overflow: hidden; } .buIn_teBl { position: relative; width: 38%; float: right; padding: 4% 6% 20px 4%; } .buIn_tTi { font-size: 26px; margin-bottom: 20px; color: rgb(51, 51, 51); } .buIn_tTe { position: relative; margin-bottom: 30px; } .buIn_phone { font-size: 30px; color: rgb(178, 151, 106); padding-left: 50px; background: url("/images/c5_2.png") left center no-repeat; } .buIn_teTi { font-size: 18px; color: rgb(178, 151, 106); margin-bottom: 10px; } .buIn_te { position: relative; width: 92%; text-align: justify; margin-top: 60px; padding-bottom: 50px; border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 60px; } .buIn_uTi { font-size: 18px; color: rgb(178, 151, 106); margin-bottom: 30px; } .buIn_ul { position: relative; width: 9999px; } a.buIn_li { position: relative; width: 445px; float: left; margin-right: 20px; text-align: center; overflow: hidden; } .buIn_ti { padding: 15px 0px; font-size: 16px; } .buIn_ulBlock { position: relative; width: 100%; padding-bottom: 30px; } .buIn_showBl { position: relative; width: 100%; } .buIn_buBl { position: absolute; bottom: 0px; right: 0px; z-index: 90; } .buIn_showBl .swiper-scrollbar { width: 100%; height: 4px; position: absolute; left: 0px; bottom: 5px; z-index: 20; } .buIn_showBl .swiper-container { padding-bottom: 60px; } .buIn_showBl .swiper-scrollbar-drag { background: rgb(226, 39, 31); } .fea_content { position: relative; width: 100%; padding: 20px 0px; } .fea_ul { position: relative; width: 102%; } .fea_li { position: relative; width: 31.3%; float: left; margin-right: 2%; margin-bottom: 40px; text-align: center; border-bottom: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); } .fea_ti { padding: 12px 0px; border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); font-size: 16px; } .fea_hide { position: relative; width: 0px; height: 0px; overflow: hidden; } .vid_block { position: relative; width: 100%; margin-top: 60px; margin-bottom: 40px; overflow: hidden; } .vid_img img { width: 100%; } .vid_img::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 90; background: url("/images/c6_2.png"); } .vid_play { position: absolute; top: 50%; left: 50%; margin-left: -36px; margin-top: -36px; z-index: 90; cursor: pointer; } .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: 40px; } .par_bg { background: url("../images/c6_6.jpg") center bottom / cover no-repeat; } .par_teBl { position: relative; width: 70%; margin: 80px auto 40px; padding: 60px 8% 50px; background: rgba(255, 255, 255, 0.8); } .par_teBl p { margin-bottom: 10px; } .ne_content { position: relative; width: 100%; padding-top: 20px; padding-bottom: 40px; } .ne_block { position: relative; width: 100%; } .ne_swiper { position: relative; width: 46%; float: left; height: 394px; } .ne_ul { position: relative; width: 50%; float: right; border-top: 1px solid rgb(221, 221, 221); } a.ne_aBl { padding: 24px 0px; display: block; border-bottom: 1px solid rgb(221, 221, 221); position: relative; } .ne_ti { position: relative; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; margin-bottom: 8px; color: rgb(51, 51, 51); } .ne_da { position: absolute; bottom: 12px; right: 0px; font-size: 12px; } .ne_te { line-height: 1.8em; height: 50px; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-right: 120px; } .ne_img img { width: 100%; } .ne_img { position: relative; width: 100%; height: 100%; } .ne_tTi { font-size: 22px; color: rgb(226, 39, 31); } .ne_conBlock { position: relative; width: 100%; margin-top: 60px; } .ne_ulBl { position: relative; width: 100%; margin-top: 30px; } a.ne_liBl { display: block; position: relative; background: rgb(244, 244, 244); margin-bottom: 15px; padding: 25px 160px 25px 165px; } .ne_date { position: absolute; left: 2%; top: 20px; width: 110px; background: rgb(255, 255, 255); color: rgb(226, 39, 31); text-align: center; padding: 10px 0px; } .ne_ico { position: absolute; right: 5%; top: 45px; width: 46px; height: 46px; text-align: center; line-height: 46px; background: rgb(235, 235, 235); border-radius: 200px; font-size: 30px; font-weight: 100; } .ne_year { font-size: 18px; } .ne_day { font-size: 40px; } .ne_teTi { font-size: 18px; color: rgb(51, 51, 51); margin-bottom: 15px; } .ne_teTe { line-height: 1.8em; } a.ne_more { display: block; position: relative; width: 100%; margin-top: 30px; background: rgb(244, 244, 244); padding: 15px 0px; } a.ne_aBl:hover .ne_ti, a.ne_aBl:hover .ne_da { color: rgb(226, 39, 31); } a.ne_liBl:hover .ne_date, a.ne_liBl:hover .ne_ico { background: rgb(226, 39, 31); color: rgb(255, 255, 255); } @media screen and (min-width: 1500px) { .nav_aBlock { padding: 0px 20px; } .header_aBlock { padding: 30px 20px; } } .neIn_ti { text-align: center; font-size: 26px; color: rgb(51, 51, 51); margin-bottom: 40px; } .neIn_block { position: relative; width: 100%; margin-bottom: 40px; color: rgb(153, 153, 153); border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 20px; } .neIn_block span { margin-right: 30px; } a.neIn_a { position: absolute; right: 0px; top: 0px; background: url("../images/c7_1.png") right center no-repeat; padding-right: 26px; color: rgb(153, 153, 153); } .neIn_teBl { position: relative; width: 100%; padding-bottom: 30px; border-bottom: 1px solid rgb(204, 204, 204); margin-bottom: 20px; } .neIn_teBl p { margin-bottom: 20px; } .neIn_buBl { position: relative; width: 100%; padding-bottom: 30px; } a.neIn_le { float: left; width: 46%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a.neIn_ri { float: right; width: 46%; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a.neIn_a:hover { color: rgb(184, 28, 39); } .cli_ul { position: relative; width: 98%; margin: 80px auto 50px; } .cli_li { position: relative; float: left; background: rgb(255, 255, 255); padding: 1%; width: 14.66%; box-shadow: rgb(221, 221, 221) 0px 0px 0px 1px; } .cli_li::after { content: ""; display: block; position: absolute; right: -16px; width: 10px; height: 10px; background: rgb(221, 221, 221); border-radius: 200px; border: 10px solid rgb(255, 255, 255); top: -16px; z-index: 90; } .cli_li::before { content: ""; display: block; position: absolute; right: -16px; width: 10px; height: 10px; background: rgb(221, 221, 221); border-radius: 200px; border: 10px solid rgb(255, 255, 255); bottom: -16px; z-index: 90; } .cli_ul::after { display: block; position: absolute; left: -16px; width: 10px; height: 10px; background: rgb(221, 221, 221); border-radius: 200px; border: 10px solid rgb(255, 255, 255); bottom: -16px; z-index: 90; } .cli_ul::before { display: block; position: absolute; left: -16px; width: 10px; height: 10px; background: rgb(221, 221, 221); border-radius: 200px; border: 10px solid rgb(255, 255, 255); top: -16px; z-index: 90; } .cli_bg { position: absolute; left: 0px; top: 0px; height: 100%; width: 0px; } .cli_bg:hover { } .cli_bg::after { content: ""; display: block; position: absolute; left: -16px; width: 10px; height: 10px; background: rgb(221, 221, 221); border-radius: 200px; border: 10px solid rgb(255, 255, 255); top: -16px; z-index: 90; } .cli_bg::before { content: ""; display: block; position: absolute; right: -16px; width: 10px; height: 10px; background: rgb(221, 221, 221); border-radius: 200px; border: 10px solid rgb(255, 255, 255); bottom: -16px; z-index: 90; } .cu_content { position: relative; display: block; margin: 60px auto auto; background: rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 6px 0px; overflow: hidden; padding-left: 290px; height: 540px; } .cu_block { position: absolute; left: 0px; top: 0px; width: 220px; height: 100%; background: rgb(255, 255, 255); padding: 0% 35px; } .cu_li { position: relative; width: 100%; border-bottom: 1px solid rgb(221, 221, 221); padding: 20px 0px; cursor: pointer; font-size: 15px; } .cu_ul { position: relative; top: 55px; border-top: 1px solid rgb(221, 221, 221); } .cu_ulBl { position: relative; width: 100%; height: 100%; overflow: hidden; } .cu_liBl img { width: 100%; } .cu_liBl { position: absolute; width: 1125px; height: 610px; top: 50%; left: 50%; margin-left: -562px; margin-top: -305px; } .cu_li.cur, .cu_li:hover { background: rgb(184, 28, 39); color: rgb(255, 255, 255); right: 0px; padding-left: 35px; } .rec_content { position: relative; width: 100%; margin-top: 60px; margin-bottom: 40px; } .rec_table { position: relative; width: 100%; } .rec_th { position: relative; width: 100%; background: rgb(226, 39, 31); color: rgb(255, 255, 255); font-size: 16px; } .rec_td { position: relative; width: 50%; float: left; text-align: center; padding: 20px 0px; } .rec_tr { position: relative; width: 100%; background: rgb(255, 250, 250); margin-bottom: 15px; cursor: pointer; } img.rec_ico { display: inline-block; width: 26px; margin-right: 30px; position: relative; top: -4px; margin-bottom: -8px; } img.rec_icoB { position: absolute; right: 10%; top: 16px; } .rec_tr .rec_td:nth-child(1) { padding-left: 5%; width: 45%; text-align: left; } .rec_teBl { position: relative; width: 90%; margin: auto; padding: 20px 5% 30px; border-top: 1px solid rgb(245, 245, 245); display: none; } .rec_teBl h2 { font-size: 18px; color: rgb(51, 51, 51); padding-bottom: 10px; } .rec_teBl p { margin-bottom: 20px; } a.rec_aBl { position: relative; width: 100px; margin: 40px auto 20px; background: url("../images/c8_3.png") 92px 8px / 24px no-repeat rgb(226, 39, 31); display: block; text-align: center; color: rgb(255, 255, 255); padding: 10px 30px 10px 0px; border-radius: 6px; } .fee_content { position: relative; width: 100%; margin-top: 60px; padding-bottom: 20px; } .fee_img img { width: 100%; } .fee_ul { position: relative; width: 105%; margin-top: 30px; } .fee_li { position: relative; width: 46%; float: left; border: 1px solid rgb(204, 204, 204); margin-right: 3%; margin-bottom: 20px; } .fee_ti { position: absolute; left: 20px; top: 11px; } .fee_bl { position: relative; padding-left: 95px; } input.fee_input { position: relative; width: 92%; padding: 13px 0px; border: 0px; outline: none; color: rgb(102, 102, 102); } textarea.fee_textarea { position: relative; width: 96.4%; padding: 1.8%; height: 120px; border: 1px solid rgb(204, 204, 204); font-family: "Microsoft YaHei"; outline: none; line-height: 1.6em; color: rgb(102, 102, 102); font-size: 14px; } .fee_submit { position: relative; width: 120px; background: rgb(226, 39, 31); text-align: center; padding: 10px 0px; color: rgb(255, 255, 255); margin-top: 20px; cursor: pointer; } a.header_bu:hover { } .head_inputBl { position: absolute; top: 80px; right: -20px; padding: 0px 20px 20px; display: none; } .head_inputBl input[type="text"] { height: 40px; line-height: 40px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; outline: none; padding-left: 15px; color: rgb(255, 255, 255); background: url("../images/b_5.png"); border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.3); } .header_seek:hover .head_inputBl { display: block; } @keyframes leftAm { 0% { transform: translate(0px, 0px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } .head_inputBl, .he_block { animation: 0.3s ease-in-out 0s 1 normal backwards running leftAm; } .blT_block:hover { box-shadow: rgb(204, 204, 204) -6px 6px 0px 0px; margin-right: -6px; margin-top: -6px; border-left: 6px solid rgb(221, 221, 221); border-bottom: 6px solid rgb(221, 221, 221); } .header_seek::after { content: ""; width: 36px; height: 36px; position: absolute; top: 21px; left: 10px; border: 1px dashed rgb(255, 255, 255); border-radius: 100px; display: none; } .header_seek:hover::after { display: block; } @keyframes rotateAm { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .header_seek::after { animation: 4s linear 0s infinite normal none running rotateAm; } .bl_img { position: relative; width: 100%; overflow: hidden; min-width: 720px; } .bl_img img { width: 100%; } .cou_block:hover { margin-top: 0px; height: 280px; background: url("../images/c3_2.png") 8px 113px no-repeat; } .bus_li:hover { box-shadow: rgb(221, 221, 221) 0px 0px 0px 10px; } .vid_img { position: relative; width: 100%; overflow: hidden; } .vid_play:hover { transform: rotate(120deg); } .ne_swiper .swiper-container, .ne_swiper .swiper-slide { width: 100%; height: 100%; } .pa03 { position: absolute; bottom: 20px; left: 20%; width: 60%; z-index: 90; text-align: center; } .pa03 span.swiper-pagination-switch { width: 10px; height: 10px; border: 1px solid rgb(255, 255, 255); border-radius: 200px; display: inline-block; margin: 0px 8px; cursor: pointer; } .pa03 span.swiper-active-switch { background: rgb(255, 255, 255); } .abo_wi::after { animation: 4s linear 0s infinite normal none running rotateAm; } a.ne_aBl:hover { box-shadow: rgb(221, 221, 221) 0px 0px 0px 8px; padding: 18px 0px 30px; } a.ne_aBl:hover .ne_da { right: 20px; } .ne_ti, .ne_te { left: 0px; } a.ne_aBl:hover .ne_ti, a.ne_aBl:hover .ne_te { left: 20px; } .neIn_buBl a:hover { color: rgb(184, 28, 39); } @keyframes scaAm { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .abo_ico img { animation: 10s linear 0s infinite normal none running scaAm; } .cou_block:hover .cou_text { -webkit-line-clamp: initial; height: 215px; overflow: scroll; padding-right: 1px; } .cou_block:hover .cou_text::-webkit-scrollbar-track-piece, .cou_block:hover .cou_text::-webkit-scrollbar, .cou_block:hover .cou_text::-webkit-scrollbar-thumb { width: 4px; } .cou_block:hover .cou_ico { bottom: -30px; } .cou_paBl { position: relative; width: 100%; padding-top: 50px; height: 300px; } .list_InBl { position: relative; width: 100%; } a.list_aBl:hover .list_InBl { transform: scale(0.95); } .buIn_img { position: relative; width: 100%; overflow: hidden; } .buIn_liIn { position: relative; width: 100%; border: 1px solid rgb(221, 221, 221); } .header_rigBlock::after { content: ""; display: block; position: absolute; left: 0px; top: 0px; height: 100%; width: 1px; background: rgba(255, 255, 255, 0.2); } .home_block { position: relative; width: 100%; height: 800px; } .video_block { position: absolute; right: -32%; top: 0px; width: 32%; height: 1100px; z-index: 90; } .video_bgImg { position: relative; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .video_play { position: absolute; top: 50%; left: 50%; margin-top: -38px; margin-left: -38px; cursor: pointer; z-index: 90; } .foB_content { position: relative; width: 90%; margin: auto; } a.foB_lo { float: left; padding-top: 9px; position: relative; z-index: 90; } a.foB_a { float: left; margin-left: 5%; padding-top: 17px; } .foB_content a { color: rgb(255, 255, 255); } .foB_ul { float: right; position: relative; z-index: 90; } .foB_block { position: absolute; left: 16%; top: 17px; width: 68%; text-align: center; } a.foB_aBl { margin: 0px 10px; } .foB_block span { margin: 0px 10px; } a.foB_li { display: block; position: relative; float: left; width: 36px; height: 54px; text-align: center; } a.foB_li.phone { background: url("../images/d2_1.png") center center no-repeat; } a.foB_li.lo { background: url("../images/d2_2.png") center center no-repeat; } a.foB_li.oa { line-height: 54px; width: 42px; } a.foB_li.wb { background: url("../images/d2_3.png") center center no-repeat; width: 40px; } a.foB_li.wx { background: url("../images/d2_4.png") center center no-repeat; width: 40px; } .foB_wxBl { position: absolute; bottom: 54px; left: 50%; width: 120px; margin-left: -60px; padding-bottom: 9px; z-index: 90; display: none; } .foB_img { position: relative; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 10px; padding: 5px; width: 108px; } .foB_ico { position: absolute; bottom: 0px; left: 50%; margin-left: -7px; } .foB_img img { width: 100%; } @keyframes topAm { 0% { transform: translate(0px, -20px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } .foB_wxBl { animation: 0.3s ease-in-out 0s 1 normal backwards running topAm; } a.foB_li:hover .foB_wxBl { display: block; } a.foB_li::after { content: ""; width: 34px; height: 34px; position: absolute; top: 50%; left: 50%; border: 1px dashed rgb(255, 255, 255); border-radius: 100px; margin-left: -17px; margin-top: -18px; display: none; animation: 4s linear 0s infinite normal none running rotateAm; } a.foB_li:hover::after { display: block; } .mapB_content { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9990; background: url("/images/a5_8.png"); display: none; } .mapB_img { position: absolute; left: 50%; width: 1200px; margin-left: -600px; top: 50%; margin-top: -387px; } .nav_leBu { position: absolute; top: 50%; left: 2%; width: 60px; height: 60px; background: url("../images/d2_9.png") center center no-repeat; z-index: 90; cursor: pointer; border-radius: 200px; margin-top: -30px; display: none; } .nav_riBu { position: absolute; top: 50%; right: 2%; width: 60px; height: 60px; background: url("../images/d2_91.png") center center no-repeat; z-index: 90; cursor: pointer; border-radius: 200px; margin-top: -30px; display: none; } .ti_block { position: absolute; bottom: 20%; left: 0px; background: url("../images/d3_1.png"); color: rgb(255, 255, 255); padding: 20px 20px 20px 5%; } .ti_tEn { font-size: 20px; text-transform: uppercase; font-weight: 100; } .ti_ti { font-size: 30px; letter-spacing: 3px; margin-bottom: 6px; } .com_navBlock .com_InnContent { height: 52px; border-bottom: 1px solid rgb(235, 235, 235); padding-top: 25px; } .neB_content { position: relative; width: 100%; } a.neB_aBlock { position: relative; width: 84%; display: block; padding: 50px 8%; background: url("../images/d3_3.jpg") center center / cover no-repeat rgb(204, 204, 204); 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: rgb(174, 14, 34); 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: rgb(174, 14, 34); } .neB_ico { margin-top: 15px; font-size: 36px; color: rgb(174, 14, 34); 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%; } .neB_daBl { position: relative; width: 12%; float: left; margin-left: 6%; padding-top: 10px; } .neB_year { font-size: 22px; color: rgb(174, 14, 34); font-weight: bold; } .neB_day { font-size: 16px; color: rgb(174, 14, 34); 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 rgb(174, 14, 34); border-right: 1px solid rgb(174, 14, 34); opacity: 0; } a.neB_li::before { content: ""; display: block; position: absolute; right: 8%; bottom: 16%; width: 30px; height: 30px; border-bottom: 1px solid rgb(174, 14, 34); border-right: 1px solid rgb(174, 14, 34); 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: rgb(174, 14, 34); } .InB_teBlock { position: relative; width: 65%; float: left; } .InC_content { position: relative; width: 29%; float: right; } .InB_ti { font-size: 26px; line-height: 1.6em; } .InB_date { font-size: 18px; color: rgb(153, 153, 153); padding: 25px 0px 15px; border-bottom: 1px solid rgb(204, 204, 204); position: relative; } .InB_teBl { position: relative; width: 100%; margin-top: 30px; text-align: justify; } .InB_date::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100px; border-bottom: 1px solid rgb(148, 37, 49); } .InB_teBl p { margin-bottom: 20px; } .InC_block { background: rgb(249, 249, 249); position: relative; padding: 35px 9%; margin-bottom: 60px; } .InC_ti { color: rgb(148, 37, 49); font-size: 22px; margin-bottom: 15px; } a.InC_aBl { position: relative; display: block; } .InC_da { font-size: 16px; color: rgb(153, 153, 153); margin-bottom: 10px; } .InC_tTi { font-size: 18px; position: relative; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 6px; } .InC_tTe { color: rgb(153, 153, 153); line-height: 1.6em; height: 44px; position: relative; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .InC_ul { position: relative; width: 100%; border-top: 1px solid rgb(204, 204, 204); margin-top: 20px; padding-top: 20px; } a.InC_li { display: block; padding: 5px 0px 5px 18px; position: relative; width: 94%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a.InC_li::after { content: ""; position: absolute; top: 13px; left: 0px; width: 6px; height: 6px; background: rgb(148, 37, 49); border-radius: 200px; } .InC_buBlock { position: relative; width: 103%; margin-bottom: 40px; } a.InC_bu { position: relative; width: 47%; float: left; height: 50px; display: block; background: rgb(249, 249, 249); margin-right: 3%; margin-bottom: 12px; text-align: center; line-height: 50px; } a.InC_bu.bu1 { background: url("../images/d4_2.png") center center / 40px no-repeat rgb(249, 249, 249); } a.InC_bu.bu2 { background: url("../images/d4_21.png") center center / 40px no-repeat rgb(249, 249, 249); } a.InC_bu.bu3 { width: 97%; } .InC_shareBl { position: relative; width: 100%; } .InC_t { float: left; line-height: 30px; } .InC_wb { position: relative; width: 30px; height: 30px; float: left; background: url("../images/d4_3.png") center center / 30px no-repeat; margin-left: 20px; } .InC_wx { position: relative; width: 30px; height: 30px; float: left; background: url("../images/d4_4.png") center center / 30px no-repeat; margin-left: 20px; } .prB_ul { position: relative; width: 100%; text-align: center; margin-bottom: 80px; } a.prB_li { display: inline-block; margin: 0px 20px 20px; /* background: rgb(243, 243, 243); */ padding: 15px 0px; font-size: 16px; position: relative; } .prB_block { position: relative; width: 100%; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); z-index: 50; } .prB_img { width: 50%; float: left; position: relative; overflow: hidden; } .prB_teBl { position: relative; width: 42%; float: right; padding: 4% 4% 5px; } .prB_ti { text-align: center; font-size: 20px; position: relative; z-index: 20; } .prB_wi { position: relative; width: 37px; border-bottom: 2px solid rgb(217, 96, 94); margin: 12px auto 20px; z-index: 20; } .prB_te { position: relative; width: 100%; text-align: justify; height: 380px; overflow: scroll; padding-right: 8px; } .prB_te::-webkit-scrollbar { width: 4px; } a.prB_li.cur, a.prB_li:hover { /* background: rgb(148, 37, 49); */ /* color: rgb(255, 255, 255); */ color: rgb(148, 37, 49); } .prU_block { position: relative; width: 100%; padding: 80px 0px; } .prU_ul { position: relative; width: 100%; margin-top: 50px; } .prU_li { position: relative; width: 25%; float: left; text-align: center; font-size: 18px; } .prU_li::after { content: ""; display: block; position: absolute; top: 0px; right: 0px; height: 100%; border-right: 2px solid rgb(221, 221, 221); } .prU_bg { position: absolute; top: -60%; left: -10%; width: 120%; height: 160%; background: rgb(253, 250, 247); } .prU_num { font-size: 26px; color: rgb(203, 38, 36); margin-top: 6px; } .prU_li:nth-child(4)::after { display: none; } .prC_content { padding-top: 60px; position: relative; } .prB_swiper { position: relative; width: 100%; margin-top: 40px; padding: 20px 0px; } .prC_img { position: relative; width: 97%; margin: auto; display: block; } .prC_img img { width: 100%; } a.arB-left { position: absolute; display: block; left: -80px; width: 60px; height: 60px; background: url("../images/d4_8.png") center center no-repeat; top: 50%; margin-top: -30px; cursor: pointer; } a.arB-right { position: absolute; display: block; right: -80px; width: 60px; height: 60px; background: url("../images/d4_81.png") center center no-repeat; top: 50%; margin-top: -30px; cursor: pointer; } .mapD_img { position: relative; width: 100%; } .mapD_img img, .prB_img img { width: 100%; } .prE_content { position: relative; width: 100%; } .prE_ul { position: relative; width: 101%; } a.prE_li { display: block; position: relative; width: 32.3%; float: left; margin-right: 1%; margin-bottom: 30px; background: rgb(250, 250, 250); } .prE_teBl { position: relative; padding: 20px 5%; } .prE_tTi { font-size: 18px; padding-bottom: 12px; border-bottom: 1px solid rgb(204, 204, 204); margin-bottom: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .prE_te { position: relative; width: 100%; font-size: 16px; } apan.prE_date { position: absolute; right: 0px; top: 0px; } .inv_content { position: relative; width: 100%; padding: 40px 0px; } .inv_ul { position: relative; width: 100%; } a.inv_li { float: left; width: 20%; display: block; position: relative; padding: 7% 0px; text-align: center; color: rgb(255, 255, 255); } a.inv_li.li_1 { background: linear-gradient(rgb(241, 240, 245), rgb(212, 211, 215)) rgb(241, 240, 245); } .inv_ti { font-size: 16px; margin-top: 20px; padding-bottom: 20px; } a.inv_li.li_2 { background: linear-gradient(rgb(188, 162, 130), rgb(165, 143, 114)) rgb(188, 162, 130); } a.inv_li.li_3 { background: linear-gradient(rgb(255, 243, 63), rgb(224, 214, 56)) rgb(255, 243, 63); } a.inv_li.li_4 { background: linear-gradient(rgb(148, 38, 50), rgb(131, 33, 44)) rgb(148, 38, 50); } a.inv_li.li_5 { background: linear-gradient(rgb(94, 8, 13), rgb(83, 7, 11)) rgb(94, 8, 13); } a.pr5_block { position: relative; width: 100%; display: block; } .pr5_img { position: relative; width: 100%; overflow: hidden; } .pr5_img img { width: 100%; } .pr5_ti { position: absolute; top: 30%; left: 10%; width: 80%; text-align: center; z-index: 90; font-size: 32px; color: rgb(255, 255, 255); letter-spacing: 5px; text-shadow: rgb(204, 204, 204) 0px 0px 5px; } .pr5_ico { position: absolute; top: 46%; left: 50%; width: 40px; margin-left: -30px; z-index: 90; } @keyframes am09 { 0% { transform: translate(0px, 0px) scale(1); } 50% { transform: translate(0px, -20px) scale(0.9); } 100% { transform: translate(0px, 0px) scale(1); } } .pr5_ico { animation: 1s ease-in-out 0s infinite normal none running am09; } .not_content { position: relative; width: 92%; margin: auto; } .not_block { position: relative; width: 32%; float: left; background: rgb(247, 247, 247); padding: 3% 4%; color: rgb(148, 37, 49); } .notB_block { position: relative; width: 42%; float: left; } .not_conBlock { position: relative; width: 55%; float: right; } .notB_conBlock { position: relative; width: 55%; float: right; } .not_ti { font-size: 24px; float: left; } .not_riBl { position: relative; width: 50%; float: right; min-width: 185px; } .not_num { } .not_te { position: relative; float: left; width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .not_num { font-size: 46px; line-height: 1em; margin-bottom: 20px; } .not_da { position: relative; margin-top: 20px; font-size: 18px; min-width: 180px; } .not_m span { background: rgb(227, 205, 207); padding: 2px 10px; margin-right: 30px; border-radius: 200px; } .not_ico { position: absolute; top: -12px; left: 130px; width: 40px; height: 40px; background: url("../images/d5_6.png") center center / 20px no-repeat; } a.not_li { position: relative; width: 100%; display: block; font-size: 16px; border-bottom: 1px dashed rgb(204, 204, 204); padding: 25px 0px; } .not_date { float: left; width: 27%; color: rgb(148, 37, 49); font-weight: bold; padding-left: 3%; } .not_tIco { position: absolute; right: 0px; top: 0px; padding: 20px 10px; background: rgb(148, 37, 49); display: none; } .not_teBl { position: relative; width: 100%; margin-top: 30px; color: rgb(102, 102, 102); } a.not_li:hover { background: rgb(243, 243, 243); } a.not_li:hover .not_tIco { display: block; } .not_ul { position: relative; width: 100%; margin-bottom: 20px; border-top: 1px dashed rgb(204, 204, 204); } .not_riBl.cur { color: green; } .not_riBl.cur .not_ico { background: url("../images/d5_61.png") center center no-repeat; } .bra_content { position: relative; width: 100%; } .bra_bgImg img { width: 100%; } .bra_img { position: absolute; top: 20%; height: 58%; left: 10%; z-index: 20; } a.bra_button { position: absolute; left: 50%; top: 50%; background: url("../images/d6_4.png") 26px 10px / 26px no-repeat rgb(255, 255, 255); padding: 15px 25px 15px 62px; font-size: 16px; border-radius: 6px; box-shadow: rgb(204, 204, 204) 0px 0px 5px 0px; margin-left: -75px; margin-top: -25px; z-index: 20; } .bra_img img { height: 100%; } .bra_bgImg { position: relative; width: 100%; overflow: hidden; } .pla_content { position: relative; width: 100%; } .pla_ulBl { width: 102%; position: relative; margin-bottom: 10px; } a.pla_liBl { position: relative; width: 31.3%; float: left; margin-right: 2%; margin-bottom: 40px; } .pla_img img { width: 100%; } .pla_ti { position: absolute; bottom: 0px; left: 0px; z-index: 90; background: url("../images/d6_6.png"); width: 96%; text-align: center; color: rgb(255, 255, 255); padding: 15px 2%; } a.pla_more { position: relative; display: block; background: rgb(237, 237, 237); width: 140px; margin: auto; text-align: center; padding: 10px 0px; } .med_ul { position: relative; width: 100%; padding-top: 20px; } a.med_li { position: relative; width: 320px; border: 1px solid rgb(204, 204, 204); display: inline-block; text-align: center; padding: 50px 0px; margin: 0px 30px 40px; } .med_ti { font-size: 16px; margin-top: 10px; } a.med_li:hover { background: rgb(148, 37, 49); color: rgb(255, 255, 255); } .rec_conBlock { position: relative; width: 100%; margin: auto; } .rec_ul { position: relative; width: 100%; } a.rec_li { position: relative; width: 100%; display: block; margin-bottom: 50px; overflow: hidden; } .rec_tiBl { position: absolute; top: 50%; left: 60%; color: rgb(255, 255, 255); margin-top: -68px; } .rec_tiBl img { margin: 0px; width: 50px; position: relative; left: 20px; } .rec_tTi { font-size: 28px; letter-spacing: 3px; margin-top: 15px; } .rec_tEn { font-size: 18px; text-transform: uppercase; opacity: 0.7; margin-top: 10px; } .rec_block { position: absolute; right: -60%; top: 0px; width: 40%; height: 53%; background: url("../images/d7_22.png"); padding: 8.2% 5%; color: rgb(255, 255, 255); overflow: hidden; z-index: 80; min-width: 430px; } .rec_bTi { font-size: 24px; margin-bottom: 10px; } a.rec_li.li2 { } a.rec_li.li2 .rec_block { right: auto; left: -60%; background: url("../images/d7_32.png"); text-align: right; padding: 12% 5%; height: 32%; } a.rec_li.li2 .rec_tiBl { left: 15%; } .rec_img { position: relative; width: 100%; overflow: hidden; } @keyframes am12 { 0% { transform: translate(0px, 0px); } 50% { transform: translate(-20px, 0px); } 100% { transform: translate(0px, 0px); } } .rec_tiBl img { animation: 1s ease-in-out 0s infinite normal none running am12; } a.rec_li.li1:hover .rec_block { right: 0px; } a.rec_li.li2:hover .rec_block { left: 0px; } a.rec_li:hover .rec_tiBl { opacity: 0; } .rec_img img { width: 100%; } .deB_content { position: relative; width: 100%; } .deB_ul { position: relative; width: 100%; } a.deB_li { display: block; position: relative; width: 100%; margin-bottom: 40px; background: rgb(245, 245, 245); } .deB_img { float: left; width: 30%; } a.deB_li::after { content: ""; display: block; clear: both; } .deB_teBl { position: absolute; padding: 32px 5% 10px; width: 60%; right: 0px; top: 50%; margin-top: -95px; } a.deB_li:nth-child(1) .deB_teBl { margin-top: -80px; } .deB_tTi { font-size: 20px; margin-bottom: 15px; } .deB_tTe { line-height: 1.8em; } .reB_bg { background: url("../images/d7_6.jpg") center center / cover no-repeat; } .reB_content { position: relative; width: 90%; background: rgb(255, 255, 255); padding: 5%; min-height: 400px; } a.reB_liBl { position: relative; display: block; background: rgb(248, 248, 248); width: 41%; float: left; margin-right: 3%; padding: 3%; margin-bottom: 40px; } .reB_ulBl { position: relative; width: 103%; } .reB_ti { font-size: 20px; margin-bottom: 15px; position: relative; width: 80%; white-space: nowrap; overflow: hidden; } .reB_te { position: relative; width: 80%; } .reB_ico { position: absolute; right: 6%; width: 40px; height: 40px; background: url("../images/d7_5.png") center center / 80% no-repeat rgb(202, 202, 202); top: 50%; margin-top: -20px; z-index: 80; } a.reB_liBl:hover .reB_ico { background: url("../images/d7_5.png") center center / 80% no-repeat rgb(148, 37, 49); } .reB_tLi { position: relative; padding: 3px 0px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .alt_content { position: absolute; top: 0px; left: 0px; width: 100%; height: 76%; z-index: 90; background: url("../images/a5_8.png"); padding: 5% 0px; display: none; min-height: 530px; } .alt_conBlock { position: relative; width: 66%; margin: auto; background: rgb(255, 255, 255); padding: 2% 3%; height: 88%; overflow: scroll; z-index: 90; } .alt_content .after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ""; display: block; } .alt_ti { font-size: 24px; color: rgb(148, 37, 49); margin-bottom: 20px; } .alt_t { border-bottom: 1px solid rgb(221, 221, 221); padding-bottom: 10px; margin-bottom: 20px; } .alt_tTi { font-size: 18px; color: rgb(148, 37, 49); margin-bottom: 6px; } .alt_tTe { position: relative; width: 100%; margin-bottom: 20px; } .alt_block { position: relative; width: 100%; } a.alt_button { position: relative; width: 120px; margin: auto; display: block; background: rgb(148, 37, 49); text-align: center; color: rgb(255, 255, 255); padding: 10px 0px; } .alt_close { position: absolute; right: 8%; top: 20px; width: 42px; height: 42px; background: url("../images/d7_6.png") center center / 22px no-repeat rgb(182, 182, 182); cursor: pointer; z-index: 90; } .conB_content { position: relative; width: 100%; height: 340px; overflow: hidden; border: 1px solid rgb(221, 221, 221); margin: 30px 0px; } .conB_map { position: relative; width: 70%; height: 100%; overflow: hidden; } .conB_mapImg { position: relative; width: 100%; height: 100%; } .conB_ul { position: absolute; right: 0px; top: 0px; background: rgb(255, 255, 255); width: 20%; height: 54%; z-index: 90; padding: 80px 5%; } .conB_li { padding-left: 30px; margin-bottom: 30px; line-height: 1.6em; } .conB_li.li1 { background: url("../images/d7_8.png") left center no-repeat; } .conB_li.li2 { background: url("../images/d7_81.png") left center no-repeat; } .conB_li.li3 { background: url("../images/d7_82.png") 0px 3px no-repeat; } .conB_bg { background: url("../images/d8_1.jpg") center center / cover no-repeat; } .com_body .com_navBlock, .com_body .com_conBlock { background: url(""); } .com_body { position: relative; z-index: 90; animation: 0.6s ease-in-out 0s 1 normal backwards running am01; } .med_content { position: relative; width: 92%; background: rgb(255, 253, 249); padding: 45px 4%; min-height: 500px; } .med_block { position: absolute; right: 0px; top: 0px; width: 300px; } .med_bl { position: relative; text-align: center; color: rgb(255, 255, 255); padding: 30px 0px 40px; background: rgb(211, 194, 172); } .med_bIco { position: relative; width: 40px; margin: auto auto 16px; } .med_bTi { font-size: 16px; padding-bottom: 2px; } .med_conBlock { position: relative; padding-right: 340px; } .med_tTi { font-size: 16px; margin-bottom: 10px; } .med_te { position: relative; width: 100%; margin-bottom: 38px; line-height: 1.8em; } .med_t { font-size: 15px; margin-bottom: 10px; } .med_teBl { position: relative; width: 100%; margin-bottom: 38px; } input.med_text { position: relative; width: 96%; height: 40px; border: 1px solid rgb(221, 221, 221); outline: none; padding: 0px 2%; color: rgb(102, 102, 102); } input.med_text.code { width: 200px; } .login-codeimg { display: inline-block; vertical-align: middle; } .med_submit { position: relative; width: 120px; height: 38px; background: rgb(148, 37, 49); text-align: center; line-height: 38px; color: rgb(255, 255, 255); border-radius: 200px; margin-top: 50px; cursor: pointer; margin-bottom: 20px; } .med_tTe { position: relative; width: 100%; margin-top: 40px; } .honB_li { position: relative; width: 100%; background: rgb(198, 176, 148); margin-bottom: 2px; text-align: center; color: rgb(255, 255, 255); padding: 25px 0px; font-size: 18px; } .honB_ico { position: relative; width: 51px; margin: auto auto 4px; } .honB_ti { padding: 9px 0px; } .honB_li.li_2 { background: rgb(215, 198, 178); } .honB_li.li_3 { background: rgb(232, 221, 207); } .abB_content { position: relative; width: 100%; padding-bottom: 40px; padding-top: 20px; } .abB_img { position: relative; width: 28%; float: left; top: 10px; left: 20px; display: none; } .abB_teBl { position: relative; width: 100%; float: right; text-align: justify; } .abB_img::after { content: ""; position: absolute; top: -20px; left: -20px; width: 100%; height: 100%; background: linear-gradient(to right bottom, rgb(139, 139, 139), rgb(255, 255, 255)) rgb(204, 204, 204); } .abB_img img { position: relative; z-index: 90; } .abB_teBl img { margin: 0px; } .abB_teBl p { margin-bottom: 10px; } .abB_teBl p img { padding: 8px 0px; } .abo_con .com_navBlock::after, .abo_con .com_conBlock::after { content: ""; display: block; position: absolute; right: 0px; top: 0px; width: 77.4%; height: 100%; } .inB_content { position: relative; width: 100%; padding: 60px 0px; } .inB_te { position: relative; width: 48%; float: left; text-align: justify; } .inB_img { position: relative; width: 45%; float: right; } .inB_te p { margin-bottom: 15px; } .inB_bgImg { position: absolute; left: 0px; bottom: 0px; } .inB_conBlock { position: relative; width: 100%; background: url("../images/d9_4.jpg") center center / cover no-repeat; } .inB_imgT { position: relative; float: left; padding: 140px 0px; } .inB_ico { position: relative; float: right; padding: 30px 0px; } .inB_conBlock .com_InnContent { min-width: 1220px; width: 76%; } .coB_content { position: relative; width: 1000px; z-index: 90; margin: auto; padding: 65px 0px 80px; } .coB_bg { position: absolute; left: -10%; width: 120%; top: 0px; background: rgb(251, 252, 253); height: 100%; } .coB_block { position: relative; width: 700px; background: rgb(250, 247, 239); padding: 60px 80px; } .coB_ti { font-size: 26px; } .coB_t span { font-size: 40px; letter-spacing: -2px; color: rgb(148, 37, 49); margin-right: 10px; } .coB_t { padding: 5px 0px; } .coB_te { position: relative; width: 84%; line-height: 1.8em; text-align: justify; margin-top: 30px; } .coB_bl { position: absolute; right: 20px; bottom: 80px; background: rgb(148, 37, 49); color: rgb(255, 255, 255); padding: 25px 3% 15px; min-width: 180px; } .coB_bTi { font-size: 18px; margin-bottom: 5px; } .coB_bNum { font-size: 18px; padding-left: 72px; margin-bottom: 10px; text-align: right; } .coB_bT { opacity: 0.8; } .coB_bg img { position: absolute; bottom: 0px; left: 0px; width: 100%; } .coB1_teBl { position: relative; width: 100%; } .coB1_content { position: relative; width: 50%; float: left; } .coB1_imgBl { position: relative; width: 42%; float: right; right: 22px; } .coB1_teBl p { margin-bottom: 15px; } .coB1_imgBl::after { content: ""; display: block; position: absolute; top: 20px; left: 20px; width: 100%; height: 100%; border: 1px solid rgb(204, 204, 204); } .coB1_imgBl img { position: relative; z-index: 90; } .coB1_body { position: relative; width: 100%; padding: 80px 0px; z-index: 90; } .coB1_bgImg { position: absolute; left: -10%; width: 120%; height: 100%; background: url("../images/d9_4.jpg") center center / cover no-repeat; top: 0px; } .orB_img { position: relative; width: 80%; margin: auto; padding: 20px 0px; } .hoB_ulBl { position: relative; width: 100%; } .hoB_content { position: relative; width: 82%; margin: 40px auto; } .hoB_te { float: left; width: 36%; text-align: right; } .hoB_ulBl::after { content: ""; display: block; position: absolute; left: 50%; top: 20px; height: 100%; border-right: 1px solid rgb(221, 221, 221); } .hoB_ico { position: absolute; left: 50%; top: 0px; width: 60px; height: 60px; background: url("../images/e1_5.png") center center no-repeat; margin-left: -30px; z-index: 90; margin-top: -6px; } .hoB_year { position: absolute; left: 36%; font-size: 30px; color: rgb(189, 16, 16); width: 14%; text-align: center; top: 2px; } .even .hoB_te { float: right; text-align: left; } .hoB_liBl { position: relative; width: 100%; min-height: 100px; } .even .hoB_year { left: 50%; } .hoB_liBl:hover .hoB_ico { background: url("../images/e1_4.png") center center / 46px no-repeat; } .hoB_bgImg { background: url("../images/e1_3.jpg") center center / cover no-repeat; } .ind21_content { position: relative; width: 100%; display: block; } .ind21_tiBl { position: absolute; width: 15%; float: left; left: 0px; top: 0px; height: 100%; background: url("../images/e2_3.jpg") center center / cover no-repeat; } .ind21_block { position: relative; width: 85%; float: right; } .ind21_ul { position: relative; width: 100%; } a.ind21_li { position: relative; width: 50%; float: left; overflow: hidden; } .ind21_ti { position: absolute; top: 15%; left: 45%; margin-left: -45px; } .ind21_tBl { position: absolute; bottom: 0px; left: 0px; width: 84%; color: rgb(255, 255, 255); z-index: 90; padding: 23% 8%; } .ind21_tTi { font-size: 22px; margin-bottom: 10px; letter-spacing: 1px; font-weight: 100; position: relative; z-index: 20; } .ind21_ico { position: absolute; right: 6%; top: 50%; width: 240px; margin-top: -25px; opacity: 0; z-index: 20; } .ind21_tEn { font-weight: 100; font-size: 16px; position: relative; z-index: 20; } a.ind21_li:hover { } a.ind21_li:hover .ind21_tBl { padding: 10% 8%; } a.ind21_li:hover .ind21_ico { opacity: 1; } .ind2_imgBl { position: relative; width: 100%; } .ind2_imgBl img { width: 100%; } .ind5_block { position: relative; width: 85%; float: right; } .ind5_bgImg { position: relative; width: 100%; overflow: hidden; display: block; } .ind5_bgImg img { width: 100%; } .ind5_tiImg { position: absolute; top: 40%; left: 15%; width: 70%; } .ind3_content { position: relative; width: 84%; padding: 120px 8%; background: rgb(255, 255, 255); } .ind3_tiBl { position: relative; left: 0px; font-size: 40px; letter-spacing: 1px; top: -10px; } .ind3_tiBl span { color: #cacaca; font-size: 30px; text-transform: uppercase; margin-left: 6px; letter-spacing: 0px; font-weight: bold; } .ind3_conBlock { position: relative; width: 100%; margin-top: 90px; } .ind3_ulBl { position: relative; width: 99999px; float: left; } a.ind3_block { position: relative; width: 72%; margin-right: 100px; height: 386px; padding: 0px 25px; display: block; } .ind3_day { font-size: 30px; color: rgb(207, 28, 51); font-weight: 100; } .ind3_ico { position: relative; width: 34px; height: 51px; background: url("../images/e2_6.png") center center no-repeat; margin: 19px 0px; } .ind3_ti { font-size: 18px; margin-bottom: 10px; z-index: 90; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ind3_te { position: relative; width: 100%; margin-bottom: 40px; line-height: 1.8em; z-index: 90; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ind3_img { position: absolute; width: 100%; height: 115px; overflow: hidden; bottom: 0px; left: 0px; z-index: 10; } .ind3_ulBl::after { content: ""; display: block; position: absolute; top: 24.5%; left: -10%; width: 120%; border-bottom: 1px solid rgb(204, 204, 204); } .ind3_img img { position: absolute; bottom: 0px; left: 0px; width: 100%; } .ind21_ti.t2 { margin-left: -65px; } a.ind3_block:hover .ind3_img { height: 296px; } a.ind3_block:hover .ind3_ti, a.ind3_block:hover .ind3_te { color: rgb(255, 255, 255); } .comB_content { position: relative; width: 100%; z-index: 120; } a.ind3_block:hover .ind3_ico { opacity: 0; } .ind2_tiImg { position: absolute; top: 25%; left: 15%; width: 70%; z-index: 90; } .ind2_bgImg { position: relative; width: 100%; overflow: hidden; margin-bottom: -120px; } .ind21_img { position: relative; width: 100%; overflow: hidden; } .ind2_showBl { position: relative; width: 120%; overflow: hidden; left: -10%; } .ind21_tBl::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/d1_1.png"); opacity: 0; } a.ind21_li:hover .ind21_tBl::after { opacity: 1; } a.ind21_li::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 10px inset; opacity: 0; z-index: 90; } a.ind21_li:hover::after { opacity: 0.5; } .ind21_img img { width: 100%; } a.ind3_block::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 104%; box-shadow: rgb(221, 221, 221) 0px 0px 0px 10px; opacity: 0; } a.ind3_block:hover::after { opacity: 1; } .video_play.vid_button:hover { transform: rotate(120deg) scale(0.9); } .he_block { position: absolute; right: -16px; top: 80px; background: url("/images/e3_2.png"); width: 159px; padding: 20px 60px 25px; border-top: 1px solid rgba(255, 255, 255, 0.3); display: none; } .he_num { font-size: 40px; margin-bottom: 10px; } .he_ico { position: absolute; width: 32px; height: 32px; background: url("../images/e3_1.png") center center / 20px no-repeat; right: 68px; top: 20px; } .he_date { font-size: 16px; } .header_bu:hover .he_block { display: block; } .ddg_con { display: none; } .ind3_img::after { content: ""; display: block; position: absolute; bottom: 0px; width: 100%; height: 100%; z-index: 90; background: url("../images/d3_11.png"); opacity: 0; } a.ind3_block:hover .ind3_img::after { opacity: 1; } .ind21_img::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/d3_11.png"); } a.ind21_li:hover .ind21_img::after { opacity: 0; } @keyframes am12 { 0% { transform: translate(0px, 0px); } 50% { transform: translate(-20px, 0px); } 100% { transform: translate(0px, 0px); } } .nav_ico { position: absolute; left: -100px; bottom: 50%; width: 120px; height: 68px; background: url("../images/e3_3.png") left center no-repeat; z-index: 90; margin-bottom: -434px; animation: 1s ease-in-out 0s infinite normal none running am12; cursor: pointer; padding: 400px 0px; } .bodyer.cur .video_block { right: 0px; } .bodyer.cur .bigImg_content { left: -32%; } .video_hideBl { position: relative; width: 100%; height: 100%; overflow: hidden; } .bigImg_InnBlock { position: relative; width: 100%; height: 100%; } @keyframes le01 { 0% { transform: translate(30px, 0px); opacity: 0; } 100% { transform: translate(0px, 0px); opacity: 1; } } .navIcon_block a:nth-child(1) { animation: 0.6s ease-in-out 0.3s 1 normal backwards running le01; } .navIcon_block a:nth-child(2) { animation: 0.6s ease-in-out 0.5s 1 normal backwards running le01; } .navIcon_block a:nth-child(3) { animation: 0.6s ease-in-out 0.7s 1 normal backwards running le01; } .navIcon_block a:nth-child(4) { animation: 0.6s ease-in-out 0.9s 1 normal backwards running le01; } .navIcon_block a:nth-child(5) { animation: 0.6s ease-in-out 1.1s 1 normal backwards running le01; } .navIcon_block a:nth-child(6) { animation: 0.6s ease-in-out 1.3s 1 normal backwards running le01; } .alt_t span { margin-right: 30px; } a.InC_li:hover { color: rgb(148, 37, 49); } a.InC_aBl:hover { color: rgb(148, 37, 49); } .InC_sh { position: relative; float: left; margin-left: 10px; padding-top: 3px; } .InC_sh .bshare-custom.icon-medium a { margin-right: 10px; } span.BMap_Marker img { min-width: 40px; } .med_teBl textarea { width: 96%; height: 140px; border: 1px solid rgb(221, 221, 221); outline: none; padding: 12px 2%; color: rgb(102, 102, 102); line-height: 1.6em; font: 400 13.3333px Arial; } .foB_phoneBl { position: absolute; bottom: 50px; left: -60px; width: 150px; padding-bottom: 15px; display: none; font-size: 15px; } .phone_num { border: 1px solid rgb(204, 204, 204); color: rgb(102, 102, 102); padding: 5px 0px; white-space: nowrap; width: 100%; border-radius: 6px; background-color: #fff; } a.foB_li.phone:hover .foB_phoneBl { display: block; } .foB_phoneBl { animation: 0.3s ease-in-out 0s 1 normal backwards running topAm; } a.deB_li.odd .deB_img { float: right; } a.deB_li.odd .deB_teBl { left: 0px; } .alt_block1 { position: relative; width: 100%; } .alt_block2 { position: relative; width: 100%; display: none; } .teIn_conBlock { position: relative; padding: 40px 10% 0px; } .teIn_block { border: 1px solid rgb(204, 204, 204); background: rgb(247, 247, 247); padding: 30px 5%; text-align: center; width: 90%; margin: auto auto 35px; } .teIn_bu { position: relative; width: 120px; margin: auto auto 15px; background: rgb(255, 255, 255); font-size: 18px; color: rgb(148, 37, 49); border: 1px solid rgb(204, 204, 204); cursor: pointer; display: block; padding: 6px 0; } .teIn_inputBlock input { width: 90%; padding: 15px 5%; border: 1px solid rgb(204, 204, 204); outline: none; color: rgb(102, 102, 102); } .teIn_input { margin-bottom: 18px; } .teIn_li { margin-bottom: 18px; width: 48%; float: left; margin-right: 2%; } .teIn_ul { position: relative; width: 102%; } .teIn_input input { padding-left: 2.5%; width: 92.5%; } .teIn_button { width: 180px; margin: 15px auto auto; text-align: center; background: rgb(148, 37, 49); color: rgb(255, 255, 255); padding: 12px 0px; cursor: pointer; display: block; } .not_ti span { font-size: 16px; } .alt_t { line-height: 1.8em; } .see_banner { position: relative; width: 100%; height: 440px; overflow: hidden; } .see_content { position: relative; width: 83%; margin: auto; margin-top: -60px; } .see_block { position: relative; width: 84%; margin: auto; padding: 25px 3%; background: #eee; box-shadow: 0px 0px 5px 0px #ccc; margin-bottom: 40px; } .see_inputBlock { position: relative; width: 100%; background: #ffff; box-shadow: 0px 0px 5px #ccc; } input.see_input { position: relative; width: 81%; height: 50px; border: 0px; line-height: 40px; outline: none; padding-left: 2%; color: #666; font-size: 16px; } .see_button { position: absolute; right: 0%; top: 0px; height: 50px; width: 15%; background: #ccc; cursor: pointer; } .see_button img { display: block; margin: auto; padding-top: 13px; } .see_t span { color: #285c98; padding: 0 2px; } .see_t { margin-bottom: 40px; } .foB_bl1 { display: inline-block; } .ind3_year { height: 19px; } .ind3_day { height: 40px; } a.foB_lo img { height: 38px; } .fo_InBlock { position: relative; width: 100%; } .foI_body { display: none; position: relative; } .notB_conBlock .not_te { padding-left: 5%; width: 70%; } .InD_content .InB_teBlock { float: none; width: 80%; margin: auto; } .foB_oa { text-transform: uppercase; } .ban_video { position: absolute; right: 0; top: 50%; width: 25%; transform: translate(0px, -50%); } .big_img.video { animation: auto; } .b8_1 { position: absolute; right: 0px; top: 0px; width: 25%; height: 100%; } .b8_2 { position: absolute; top: 50%; left: 50%; width: 60px; margin-left: -30px; margin-top: -30px; cursor: pointer; z-index: 90; } .b8_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .prE_title { font-size: 24px; margin-bottom: 30px; } .prE_ul { margin-bottom: 30px; } a.navCo_aBlock.cur, a.navCo_aBlock:hover { background: rgb(148, 37, 49); color: #fff; } a.prB_li:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0%; border-bottom: 2px solid rgb(148, 37, 49); transition: all 0.3s; margin: auto; } a.prB_li.cur:after, a.prB_li:hover:after { width: 100%; left: 0; } img.pla_play { position: absolute; top: 50%; left: 50%; width: 60px; margin-left: -30px; margin-top: -50px; z-index: 90; } .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; } .med_t { margin-top: 10px; } .honB_te2 { font-size: 14px; text-align: left; width: 82%; margin: auto; } .honB_te2 p { line-height: 1.6em; margin-top: 5px; } .abB_teBl { width: 80%; float: none; margin: auto; background: rgb(243, 243, 243); padding: 60px 100px; max-width: 1000px; } .ind3_conBlock:after { content: ""; display: block; clear: both; } .ind3_conBlock:after { content: ""; display: block; position: absolute; top: 26.8%; left: -10%; width: 120%; border-bottom: 1px solid rgb(204, 204, 204); } .ind3_conBlock .swiper-container { padding: 20px 0; overflow: visible; } .ind3_conBlock .sw_next { position: absolute; width: 50px; height: 50px; background: url(../images/d4_81.png) center center no-repeat; display: block; right: 0; top: -150px; transition: all 0.3s; cursor: pointer; } .ind3_conBlock .sw_prev { position: absolute; width: 50px; height: 50px; background: url(../images/d4_8.png) center center no-repeat; display: block; right: 90px; top: -150px; transition: all 0.3s; cursor: pointer; } .ind3_conBlock .sw_prev:hover, .ind3_conBlock .sw_next:hover { transform: scale(1.1); }