.pull-left { float: left; } .pull-right { float: right; } .clearf { zoom: 1; /*閸忕厧顔怚E濞村繗顫嶉崳顭掔礉鐠佲晜鐖g粵鐐濞搭喖濮?/ } .clearf:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } /* 鍏徃瑕侀椈 */ .topnewswrap_01 .index_wrap { position: relative; } .topnewswrap_01 .pull-left { width: 50%; } .topnewswrap_01 .pull-left img { width: 100%; } .topnewswrap_01 { padding: 5% 0; } .topnewswrap_01 .box-right { box-sizing: border-box; border-top: 4px solid #007ad7; position: absolute; background: #eef0f5; right: 0; top: 0; width: 50%; height: 100%; } .topnewswrap_01 .box-right a { width: 100%; padding: 10%; display: block; box-sizing: border-box; } .topnewswrap_01 .box-right a time { display: block; margin-bottom: 2%; color: #888888; } .topnewswrap_01 .box-right a h2 { margin-bottom: 3%; color: #555555; } .topnewswrap_01 .box-right a p { color: #767676; line-height: 2.25; height: 13.5em; } @media only screen and (max-width: 1599px) { .topnewswrap_01 .box-right a p { color: #767676; line-height: 2.25; height: 9em; overflow:hidden; margin-bottom:20px; } } @media only screen and (max-width: 1399px) { .topnewswrap_01 .box-right a p { color: #767676; line-height: 2.25; height: 9em; } } .topnewswrap_01 .box-right a span { display: inline-block; color: #555555; line-height: 48px; height: 48px; } .topnewswrap_01 .box-right a span i { display: inline-block; height: 48px; width: 48px; line-height: 48px; background: #ee5921; color: #fff; text-align: center; border-radius: 50%; margin-right: 15px; } .topnewswrap_01 .box-right a:hover span { color: #ee5921; } @media only screen and (max-width: 1599px) { .topnewswrap_01 .box-right a { width: 100%; padding: 5%; display: block; box-sizing: border-box; } } .topnewswrap_02 ul li { width: 31.1%; margin-right: 3.35%; margin-bottom: 3.35%; } .topnewswrap_02 ul li time { display: block; width: 100%; text-align: right; height: 70px; line-height: 70px; color: #888888; } .topnewswrap_02 ul li .tran_scale { margin-bottom: 5%; } .topnewswrap_02 ul li .tran_scale img { width: 100%; } .topnewswrap_02 ul li h2 { color: #555555; line-height: 1.5; height: 3em; } .topnewswrap_02 ul li span { line-height: 60px; color: #ee5921; margin-top: 8%; display: block; border-top: 1px solid #c0c0c0; width: 100%; } .topnewswrap_02 ul li span i { color: #ee5921; } .topnewswrap_02 ul li:nth-child(3n) { margin-right: 0; } .topnewswrap_02 ul li:nth-child(3n + 1) { clear: both; } @media only screen and (max-width: 768px) { .topnewswrap_01 .pull-left { width: 100%; float: none; } .topnewswrap_01 .box-right { box-sizing: border-box; border-top: 4px solid #007ad7; position: static; background: #eef0f5; right: 0; top: 0; width: 100%; height: auto; } .topnewswrap_01 .box-right a p { color: #767676; line-height: 2.25; height: auto; } .topnewswrap_01 .box-right a span { margin-top: 20px; } .topnewswrap_02 ul li { width: 100%; margin-right: 3.35%; margin-bottom: 0%; } .topnewswrap_02 ul li time { height: 50px; line-height: 50px; } .topnewswrap_02 ul li span { line-height: 60px; color: #ee5921; margin-top: 4%; display: block; border-top: 1px solid #c0c0c0; width: 100%; } } .ellipsis_p3 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .notice_01 { padding: 5% 0 0; } .notice_01 ul li { margin-right: 4.22%; margin-bottom: 4.22%; box-sizing: border-box; width: 30.52%; -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-bottom: 4px solid #007ad7; } .notice_01 ul li a { width: 100%; display: block; padding: 9.55%; box-sizing: border-box; } .notice_01 ul li a time { color: #888888; display: block; width: 100%; margin-bottom: 5%; } .notice_01 ul li a h3 { line-height: 1.5; height: 4.5em; margin-bottom: 5%; color: #555555; } .notice_01 ul li a p { color: #888888; margin-bottom: 5%; } .notice_01 ul li a span { font-weight: bold; } .notice_01 ul li a span i { display: inline-block; height: 48px; line-height: 48px; } .notice_01 li:nth-child(3n) { margin-right: 0; } .notice_01 li:nth-child(3n + 1) { clear: both; } .notice_01 li:hover i { display: inline-block; height: 48px; width: 48px; line-height: 48px; background: #ee5921; color: #fff; text-align: center; border-radius: 50%; margin-right: 15px; } .notice_01 li:hover { border-bottom: none; background: url(../upload/20220623/notice_05.jpg) center center; background-size: cover; } .notice_01 li:hover time { color: #fff; } .notice_01 li:hover h3 { color: #fff; } .notice_01 li:hover p { color: #fff; margin-bottom: 5%; } .notice_01 li:hover span { font-weight: bold; } .notice_01 li:hover span i { display: inline-block; height: 48px; line-height: 48px; } @media only screen and (max-width: 768px) { .notice_01 ul li { width: 100%; } } .details_wrap { width: 1200px; max-width: 80%; margin: auto; } .details_01 { padding: 4% 0; } .details_01 .toptile { padding-bottom: 0.5%; border-bottom: 1px solid #d2d2d2; } .details_01 .toptile h2 { color: #555555; } .details_01 .toptile time { display: block; margin-top: 1%; margin-bottom: 1%; color: #888888; } .details_01 .toptile ul li { margin-right: 20px; } .details_01 .toptile ul li a i { color: #bababa; } .details_01 .bottomfen { border-top: 2px solid #ee5921; } .details_01 .bottomfen ul li { line-height: 70px; height: 70px; margin-right: 20px; } .details_01 .bottomfen ul li a i { color: #bababa; } .details_01 .bottomfen span i { margin-top: 20px; display: inline-block; height: 48px; width: 48px; line-height: 48px; background: #eef0f5; color: #000; text-align: center; border-radius: 50%; } .details_01 .d_page span { display: block; } .details_01 .d_page span a { line-height: 40px; height: 40px; color: #767676; } .details_01 .d_page span a:hover { color: #000 !important; font-weight: bold; } /*weixin-box*/ .weixin-box { position: fixed; width: 260px; height: 240px; z-index: 100000; left: 50%; top: 50%; margin: -120px 0 0 -130px; background: #fff; border: 1px solid #ddd; border-radius: 4px; } .weixin-box .c { color: #000; position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; } .weixin-box h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; } .weixin-box .img { padding: 20px 10px; text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .weixin-box .img img { width: 115px; height: 115px; } .weixin-box p { padding: 15px 10px 0; text-align: center; } .weixin { position: fixed; width: 260px; height: 240px; z-index: 9999999; left: 50%; top: 50%; margin: -120px 0 0 -130px; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 2px 2px 2px #ddd; } .weixin .c { position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; } .weixin h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; } .weixin .img { padding: 20px 10px; text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .weixin .img img { width: 115px; height: 115px; } .weixin p { padding: 15px 10px 0; text-align: center; } /*weixin-box*/ @media only screen and (max-width: 768px) { .details_01 .toptile ul li a i { font-size: 24px; } .details_01 .bottomfen ul li a i { font-size: 24px; } .details_01 .bottomfen span i { display: none; } .details_01 .d_page span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .social-tit { text-align: center; margin: 0 0 3%; } .social-tit ul { display: inline-block; } .social-tit li { float: left; padding: 0 30px; position: relative; } .social-tit li::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -14px; widtH: 1px; height: 28px; transform: skewX(-20deg); background: #AFB1B4; } .social-tit li:first-child::before { opacity: 0; } .social-tit li.on a { color: #2F9344; font-weight: bold; } .social-select { margin-top: 2%; margin-bottom: 3.5%; position: relative; z-index: 10; } .social-select .btn i { color: #fff; margin-right: 15px; } .social-select .sel-box { float: left; width: 100%; } .social-select .sel-box li { float: left; width: 26.73%; margin-right: 2.77%; height: 50px; line-height: 50px; } .on_o { color: #000; } .select-box { position: relative; border-bottom: 2px solid #000; } .select-box dt { cursor: pointer; position: relative; } .select-box dt span { color: #7f7f80; } .select-box dt i { position: absolute; right: 0; top: 0; widtH: 56px; height: 100%; color: #000; text-align: center; } .select-box dt.on_o i { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .select-box dd { display: none; padding: 10px 0; border: 1px solid #CFCFCF; position: absolute; z-index: 10; top: 50px; left: -1px; width: 100%; background: #fff; max-height: 220px; overflow: auto; } .select-box dd a { display: block; line-height: 40px; padding: 0 20px; cursor: pointer; } .social-select .btn { color: #fff; float: left; width: 84.84% !important; height: 50px; line-height: 50px; bordeR: none; background: #115ea2; border-radius: 50px; } .social-select li:last-child { width: 11.5%; margin-right: 0; } .social-select .btn:hover { opacity: 0.8; } .wonderfulbizhi_01 { border-bottom: 1px solid #d2d2d2; } .wonderfulbizhi_01 .index_wrap { text-align: center; } .wonderfulbizhi_01 .index_wrap ul { display: inline-block; } .wonderfulbizhi_01 .index_wrap ul li { margin: 0 30px; height: 80px; line-height: 80px; position: relative; padding: 0 30px; } .wonderfulbizhi_01 .index_wrap ul li.on:after { content: ''; width: 100%; height: 4px; position: absolute; bottom: -5px; left: 0; background: #ee5921; } .wonderfulbizhi_01 .index_wrap ul li.on{ font-weight: bold; } .wonderfulbizhi_02 .topla { padding: 5% 0; text-align: center; position: relative; z-index: 99; } .wonderfulbizhi_02 .topla ul { display: inline-block; } .wonderfulbizhi_02 .topla ul li { margin: 0px 3px; } .wonderfulbizhi_02 .topla ul li dl { line-height: 50px; border-bottom: none; background: #eef0f5; box-sizing: border-box; padding-left: 30px; text-align: left; width: 200px; } .wonderfulbizhi_02 .topla ul li dl span { line-height: 50px; height: 50px; } .wonderfulbizhi_02 .topla ul li .wrapinput { width: 450px; position: relative; background: #eef0f5; } .wonderfulbizhi_02 .topla ul li .wrapinput input { box-sizing: border-box; padding-left: 40px; background: #eef0f5; width: 100%; border: none; line-height: 50px; } .wonderfulbizhi_02 .topla ul li .wrapinput button { background: #eef0f5; border: none; position: absolute; right: 0; top: 0; height: 50px; width: 50px; } .wonderfulbizhi_03 .index_wrap .listwrapli > li { cursor: pointer; width: 31.39%; margin-right: 2.915%; margin-bottom: 2.915%; } .wonderfulbizhi_03 .index_wrap .listwrapli > li .topimg { position: relative; width: 100%; } .wonderfulbizhi_03 .index_wrap .listwrapli > li .topimg:after{ content: ""; display: block; position: absolute;left: 0;bottom: 0; background:url("../images/newsBg.png") no-repeat;background-size: 100% 100%; height: 30%; width: 100%; } .wonderfulbizhi_03 .index_wrap .listwrapli > li .topimg img { width: 100%; } .wonderfulbizhi_03 .index_wrap .listwrapli > li .topimg .wrapul { background: rgba(238, 240, 245, 0.9); position: absolute; bottom: -1px; width: 100%; z-index: 3; } .wonderfulbizhi_03 .index_wrap .listwrapli > li .topimg .wrapul li { cursor: pointer; line-height: 50px; height: 50px; box-sizing: border-box; padding-right:10px; text-align: right; width: 50%; } .wonderfulbizhi_03 .index_wrap .listwrapli > li .topimg .wrapul li:nth-child(2) { padding-right: 0; padding-left: 10px; text-align: left; width: 50%; } .wonderfulbizhi_03 .index_wrap .listwrapli > li h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 70px; line-height: 70px; text-align: center; } .wonderfulbizhi_03 .index_wrap .listwrapli > li:nth-child(3n) { margin-right: 0; } #yulan { overflow: 0; visibility: hidden; z-index: 99999; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); } #yulan .yulanwrap { width: 1000px; max-width: 90%; margin: 0 auto; } #yulan .yulanwrap ul { background: #fff; } #yulan .yulanwrap ul li { box-sizing: border-box; padding-right: 30px; text-align: right; width: 50%; line-height: 70px; } #yulan .yulanwrap ul li:nth-child(2n) { padding-right: 0; padding-left: 30px; text-align: left; } #yulan .yulanwrap span { line-height: 70px; position: absolute; top: 0px; right: 10px; cursor: pointer; color: #fff; } #yulan.on { visibility: inherit; opacity: 1; } #dowlod { opacity: 0; visibility: hidden; z-index: 999999; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); } #dowlod .yulanwrap { box-sizing: border-box; padding-top: 70px; width: 914px; max-width: 90%; margin: 0 auto; } #dowlod .yulanwrap h2 { color: #Fff; text-align: center; } #dowlod .yulanwrap p { margin: 0 auto; margin-top: 20px; margin-bottom: 50px; color: #Fff; line-height: 38px; text-align: center; background: rgba(255, 255, 255, 0.1); width: 83.8%; } #dowlod .yulanwrap div { border-bottom: 1px solid rgba(255, 255, 255, 0.3); width: 83.8%; margin: 0 auto; line-height: 45px; padding-top: 25.25px; padding-bottom: 25.25px; } #dowlod .yulanwrap div span { color: #fff; width: 22.47%; } #dowlod .yulanwrap div span i { margin-right: 10px; } #dowlod .yulanwrap div ul { width: calc(100% - 22.47%); } #dowlod .yulanwrap div ul li { text-align: center; width: 25%; } #dowlod .yulanwrap div ul li a { color: #fff !important; } #dowlod .yulanwrap div ul li:hover { border-radius: 25px; background: #ee5921; } #dowlod .yulanwrap > span { line-height: 70px; position: absolute; top: 0px; right: 40px; color: #fff; cursor: pointer; } #dowlod.on { visibility: inherit; opacity: 1; } #share { display: block; opacity: 0; visibility: hidden; z-index: 999999; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); } #share .yulanwrap { box-sizing: border-box; padding-top: 70px; width: 914px; max-width: 90%; margin: 0 auto; } #share .yulanwrap h2 { color: #Fff; text-align: center; } #share .yulanwrap p { margin: 0 auto; margin-top: 20px; margin-bottom: 50px; color: #Fff; line-height: 38px; text-align: center; background: rgba(255, 255, 255, 0.1); width: 83.8%; } #share .yulanwrap div { width: 83.8%; margin: 0 auto; text-align: center; } #share .yulanwrap div ul { display: inline-block; } #share .yulanwrap div ul li { padding: 0 20px; float: left; } #share .yulanwrap div ul li a { color: #fff; } #share .yulanwrap > span { line-height: 70px; position: absolute; top: 0px; right: 40px; color: #fff; cursor: pointer; } #share.on { visibility: inherit; opacity: 1; } @media only screen and (max-width: 768px) { .wonderfulbizhi_01 .index_wrap ul li { margin: 0 0px; height: 50px; line-height: 50px; position: relative; padding: 0 8px; } .wonderfulbizhi_02 .topla ul li dl { line-height: 50px; border-bottom: none; background: #eef0f5; box-sizing: border-box; padding-left: 10px; text-align: left; width: 95px; } .wonderfulbizhi_02 .topla ul li .wrapinput { width: 180px; position: relative; background: #eef0f5; } .wonderfulbizhi_02 .topla ul li .wrapinput input { box-sizing: border-box; padding-left: 20px; background: #eef0f5; width: 100%; border: none; line-height: 50px; } .wonderfulbizhi_03 .index_wrap .listwrapli > li { cursor: pointer; width: 100%; margin-right: 2.915%; margin-bottom: 2.915%; } #dowlod .yulanwrap div span { color: #fff; width: 100%; } #dowlod .yulanwrap { height: auto !important; padding-bottom: 20px; } #dowlod .yulanwrap p { margin: 0 auto; margin-top: 15px; margin-bottom: 0px; color: #Fff; line-height: 38px; text-align: center; background: rgba(255, 255, 255, 0.1); width: 83.8%; } #dowlod .yulanwrap div ul li { text-align: center; width: 33.33%; } #dowlod .yulanwrap div ul { width: 100%; } #dowlod .yulanwrap div { border-bottom: 1px solid rgba(255, 255, 255, 0.3); width: 83.8%; margin: 0 auto; line-height: 38px; padding-top: 13.25px; padding-bottom: 25.25px; } } .wonderfulhaibao_03 .index_wrap { width: 1690px; } .wonderfulhaibao_03 .index_wrap .listwrapli > li { position: relative; width: 21.89%; margin-right: 4.146% !important; /*margin-bottom: 4.146% !important;*/ margin-bottom: 2.915%!important; } .wonderfulhaibao_03 .index_wrap .listwrapli > li .topimg { overflow: hidden; } .wonderfulhaibao_03 .index_wrap .listwrapli > li .topimg .wrapul { /*border-top: 1px solid #b1aead;*/ /*color: #fff;*/ /*background: none;*/ } .wonderfulhaibao_03 .index_wrap .listwrapli > li .topimg .wrapul a { /*color: #fff !important;*/ transition: initial; } .wonderfulhaibao_03 .index_wrap .listwrapli > li h2 { box-sizing: border-box; padding: 0 5%; /*color: #fff;*/ width: 100%; /*position: absolute;*/ bottom: 8%; } .wonderfulhaibao_03 .index_wrap .listwrapli li:nth-child(4n) { margin-right: 0 !important; margin-bottom: 0 !important; } .haibao .boxcimg { width: 30%; margin: 0 auto; } @media only screen and (max-width: 768px) { .wonderfulbizhi_03.wonderfulhaibao_03 .index_wrap .listwrapli > li { width: 49%; margin-right: 1% !important; margin-bottom: 1% !important; } } .gushi_02 { padding: 4.65% 0 0; } .gushi_02 .clearf { position: relative; } .gushi_02 .clearf .pull-left { position: relative; width: 57.55%; } .gushi_02 .clearf .pull-left .swiper-slide { position: relative; } .gushi_02 .clearf .pull-left .swiper-slide a > img { width: 100%; } .gushi_02 .clearf .pull-left .swiper-slide > img { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .gushi_02 .clearf .pull-left .but > div { background: none; font-size: 84px; height: 90px; width: 90px; line-height: 90px; margin-top: -45px; text-align: center; color: #fff; opacity: 0.49; } .gushi_02 .clearf .pull-left .but .swiper-button-prev { left: 0px; } .gushi_02 .clearf .pull-left .but .swiper-button-next { right: 0px; } .gushi_02 .clearf .pull_right { position: absolute; width: 40.46%; right: 0%; top: 0 ; height: 100%; background: #eef0f5; } .gushi_02 .clearf .pull_right .list { border-top: 4px solid #007ad7; display: none; padding: 14.38%; } .gushi_02 .clearf .pull_right .list time { display: block; margin-bottom: 2%; color: #888888; } .gushi_02 .clearf .pull_right .list h2 { margin-bottom: 4%; color: #000; } .gushi_02 .clearf .pull_right .list p { color: #555; line-height: 2.25; height: 11.25em; } .gushi_02 .clearf .pull_right .list span { display: block; margin-top: 5%; } .gushi_02 .clearf .pull_right .list span i { display: inline-block; height: 48px; width: 48px; line-height: 48px; background: #ee5921; color: #fff; text-align: center; border-radius: 50%; margin-right: 15px; } .gushi_02 .clearf .pull_right .list.on { display: block; } .gushi_03 .listwrap .listbox { box-sizing: border-box; padding: 40px 60px; } .gushi_03 .listwrap .listbox a div { color: #292929 !important; margin-bottom: 1%; } .gushi_03 .listwrap .listbox a p { line-height: 2.25; color: #555 !important; } .gushi_03 .listwrap .listbox:nth-child(2n) { background: #f5f6fa; } @media only screen and (min-width: 1025px){ .gushi_03 .listwrap .listbox:hover { color: #fff; background: url(../upload/20220623/gushi_06.jpg); } .gushi_03 .listwrap .listbox:hover a div { color: #fff !important; } .gushi_03 .listwrap .listbox:hover a p { color: #fff !important; } } @media only screen and (max-width: 1499px) { .gushi_02 .clearf .pull_right .list { padding: 9.38%; } } @media only screen and (max-width: 1399px) { .gushi_02 .clearf .pull_right .list { padding: 6.38%; } .gushi_02 .clearf .pull_right .list p { height: 9em; } } @media only screen and (max-width: 768px) { #share .yulanwrap { box-sizing: border-box; padding-top: 70px; width: 914px; max-width: 90%; margin: 0 auto; height: auto !important; } .gushi_02 .clearf .pull-left { position: relative; float: none; width: 100%; } .gushi_02 .clearf .pull_right { position: static; width: 100%; right: 0%; top: 0; height: 100%; background: #eef0f5; } .gushi_02 .clearf .pull_right .list p { height: auto; } .gushi_02 .clearf .pull-left .but > div { background: none; font-size: 40px; height: 45px; width: 45px; line-height: 90px; margin-top: -45px; text-align: center; color: #fff; opacity: 0.49; } .gushi_03 .listwrap .listbox { box-sizing: border-box; padding: 20px 20px; } .gushi_03 .listwrap .listbox a div h2 { float: left; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gushi_03 .listwrap .listbox a p { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } /* 瑙嗛寮圭獥 */ .video_appbox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999999; opacity: 0; visibility: hidden; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; } .video_appbox.show { visibility: visible; opacity: 1; } .video_appbox video { object-fit: cover; width: 100%; } .video_appbox .video_t { z-index: 2; background: #000; width: 1035px; max-width: 94%; height: 60%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; left: 50%; top: 60%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; visibility: hidden; opacity: 0; } .video_appbox.show .video_t { visibility: visible; opacity: 1; top: 50%; } .video_appbox .mask { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .lt9 .video_appbox .mask { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000"); } .vide0_close { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 99999; } .vide0_close i { color: #fff; font-size: 20px; font-weight: bold; } .huodong_01 .listboxwrap { margin-bottom: 1%; box-sizing: border-box; padding: 35px 45px; background: #eef0f5; } .huodong_01 .listboxwrap .pull-left { width: 35.29%; } .huodong_01 .listboxwrap .pull-left img { width: 100%; } .huodong_01 .listboxwrap .pull-right { width: 60.58%; } .huodong_01 .listboxwrap .pull-right time { display: block; margin-top: 2%; margin-bottom: 2%; color: #888888; } .huodong_01 .listboxwrap .pull-right h2 { color: #555555; margin-bottom: 2%; } .huodong_01 .listboxwrap .pull-right p { color: #555555; line-height: 2.25; margin-bottom: 2.5%; } .huodong_01 .listboxwrap .pull-right span i { display: inline-block; height: 48px; width: 48px; line-height: 48px; background: #fff; color: #ee5921; text-align: center; border-radius: 50%; margin-right: 15px; } .huodong_01 .listboxwrap .pull-right span:hover { cursor: pointer; } .huodong_01 .listboxwrap .pull-right span:hover i { background: #ee5921; color: #fff; } .huodong_01 .listboxwrap:hover { background: url(../upload/20220623/huodongbeijing_03.jpg); } .huodong_01 .listboxwrap:hover time { color: #fff; } .huodong_01 .listboxwrap:hover h2 { color: #fff; } .huodong_01 .listboxwrap:hover p { color: #fff; } .huodong_01 .listboxwrap:hover span { cursor: pointer; } .huodong_01 .listboxwrap:hover span i { background: #ee5921; color: #fff; } @media only screen and (max-width: 768px) { .wonderfulbizhi_03 .index_wrap .listwrapli > li .topimg .wrapul li { cursor: pointer; line-height: 50px; height: 50px; box-sizing: border-box; padding-right: 5px; text-align: right; width: 50%; } .wonderfulbizhi_03 .index_wrap .listwrapli > li .topimg .wrapul li:nth-child(2) { padding-right: 0; padding-left: 5px; text-align: left; width: 50%; } .huodong_01 .listboxwrap { margin-bottom: 1%; box-sizing: border-box; padding: 2%; background: #eef0f5; } .huodong_01 .listboxwrap .pull-left { width: 100%; } .huodong_01 .listboxwrap .pull-right { width: 100%; } .huodong_01 .listboxwrap .pull-right h2 { white-space: unset; } .huodong_01 .listboxwrap .pull-right p { display: block; } .huodong_01 .listboxwrap:hover { background: #eef0f5; } .huodong_01 .listboxwrap:hover time { color: #888; } .huodong_01 .listboxwrap:hover h2 { color: #555555; } .huodong_01 .listboxwrap .pull-right p { color: #555555; } .huodong_01 .listboxwrap .pull-right span i { background: #fff !important; color: #ee5921 !important; } } .media_01 .listboxwrap { padding: 60px; } .media_01 .listboxwrap .pull-left { width: 65.23%; } .media_01 .listboxwrap .pull-left h2 { margin-top: 5%; padding-bottom: 1%; color: #555555; width: 100%; border-bottom: 1px solid #c0c0c0; } .media_01 .listboxwrap .pull-left p { margin-top: 2%; color: #767676; line-height: 1.875; margin-bottom: 5%; } .media_01 .listboxwrap .pull-left time { color: #888888; } .media_01 .listboxwrap .pull-right { width: 29.94%; } .media_01 .listboxwrap .pull-right img { width: 100%; } .media_01 .listboxwrap:nth-child(2n) { background: #eef0f5; } @media only screen and (max-width: 768px) { .media_01 .listboxwrap .pull-left { margin-bottom: 10px; width: 100%; } .media_01 .listboxwrap .pull-right { width: 100%; } .media_01 .listboxwrap { padding: 10px; } } .hddetails_02 .clearf .pull_right .list p { height: 18em; text-align: justify; } .hddetails_02 .clearf .pull_right .list { border-top: 4px solid #007ad7; display: none; padding: 14% 9.38%; } @media only screen and (max-width: 1499px) { .hddetails_02 .clearf .pull_right .list { border-top: 4px solid #007ad7; display: none; padding: 12% 8.38%; } } @media only screen and (max-width: 1399px) { .hddetails_02 .clearf .pull_right .list { border-top: 4px solid #007ad7; display: none; padding: 6% 7.38%; } .hddetails_02 .clearf .pull_right .list p { height: 13.5em; } } .title { color: #333333; line-height: 1; } .hddetails_03 .pad { padding: 6.9% 0 12.55%; } .hddetails_03 ul li time { display: block; width: 100%; text-align: right; height: 70px; line-height: 70px; color: #888888; } .hddetails_03 ul li .tran_scale { margin-bottom: 5%; } .hddetails_03 ul li .tran_scale img { width: 100%; } .hddetails_03 ul li h2 { color: #555555; line-height: 1.5; height: 3em; } .hddetails_03 ul li span { line-height: 60px; color: #ee5921; margin-top: 8%; display: block; border-top: 1px solid #c0c0c0; width: 100%; } .hddetails_03 ul li span i { color: #ee5921; } .swiperwrapdeti { position: relative; } .btnldj div { display: inline-block; height: 48px; width: 48px; line-height: 48px; background: #ee5921; color: #fff; text-align: center; border-radius: 50%; } .btnldj .swiper-button-next { top: 40%; left: auto; right: -25px; } .btnldj .swiper-button-prev { right: auto; top: 40%; left: -25px; } .btnldj div:hover { background: #fff; color: #ee5921; } .btnldj .swiper-button-next.swiper-button-disabled, .btnldj .swiper-button-prev.swiper-button-disabled { opacity: 1; cursor: auto; pointer-events: all; } .hddetails_04 { overflow: hidden; transform: translateY(-85px); } .hddetails_04 .pad { padding-bottom: 20px; } .hddetails_04 .imgswiper { margin-top: 2%; position: relative; } .hddetails_04 .btnldj div { top: 50%; } .hddetails_04 .swiper-slide { opacity: 0; } .hddetails_04 .swiper-slide img { transition: 0.3s; width: 100%; } .hddetails_04 .swiper-slide img:nth-child(2n) { margin-top: 10px; } .hddetails_04 .swiper-slide img:hover { position: relative; z-index: 9999; transform: scale(1.1); -ms-transform: scale(1.1); } .hddetails_04 .swiper-slide.swiper-slide-active { opacity: 1; transition: 0.3s; } .hddetails_04 .swiper-slide.swiper-slide-active + li { opacity: 1; transition: 0.3s; } .hddetails_04 .swiper-slide.swiper-slide-active + li + li { opacity: 1; transition: 0.3s; } .hddetails_04 .swiper-slide.swiper-slide-active + li + li + li { opacity: 1; transition: 0.3s; } .hddetails_05{margin-top: 5%;} .hddetails_06 { position: relative; height: 760px;overflow: hidden; } .hddetails_06 .boxmap { width: 100%; left: auto;right: 5%; width: 33.02%; } .hddetails_06 .boxmap ul { padding: 5%; /*width: 33.02%;*/ height: auto !important; } .hddetails_06 .boxmap .index_wrap {width:100%;max-width: 100%;} .hddetails_06 .boxmap ul li { border-bottom: 1px solid #5fa6e0; color: #fff; margin-bottom: 7%; } .hddetails_06 .boxmap ul li h2 { margin-bottom: 5%; } .hddetails_06 .boxmap ul li p { padding-bottom: 7%; } .hddetails_06 .boxmap ul li:nth-child(2n) { margin: 0; border-bottom: none; } .hddetails_06 #map { margin-top: 2%;margin-left: -10%; width: 110%; height: 100%; } @media only screen and (max-width: 1024px) { .hddetails_06 .boxmap .index_wrap{max-width: 100%;} .hddetails_06{height: 400px;} } @media only screen and (max-width: 768px) { .btnldj .swiper-button-next { right: 0px; } .btnldj .swiper-button-prev { right: auto; top: 40%; left: 0px; } .hddetails_04 { overflow: hidden; transform: none; } .hddetails_03 ul li span { line-height: 57px; color: #ee5921; margin-top: 3%; display: block; border-top: 1px solid #c0c0c0; width: 100%; } .hddetails_04 .swiper-slide.swiper-slide-active + li + li { opacity: 0; transition: 0.3s; } .hddetails_05{margin-top: 30px;} .hddetails_05 .title{margin-bottom: 10px;} .hddetails_06 { position: relative; height: auto; } .hddetails_06 #map { margin-top: 2%; width: 100%; height: 200px;margin-left: 0; } .hddetails_06 .boxmap ul { box-sizing: border-box; padding: 5%; margin-bottom: 20px; width: 100%; } .hddetails_06 .boxmap { position: static; transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -o-transform: none !important; display: block; width: 100%; top: 0; left: 0; } } } .pageout { margin-bottom: 5%; } .scheme_01 { position: relative; transition: all 0.3s; } .scheme_01 .btnldj { display: none; } .scheme_01 ul { height: 100%; } .scheme_01 ul li { transition: all 0.3s; padding: 2%; position: relative; box-sizing: border-box; float: left; height: 100%; width: calc(54.77% / 2); border-right: 1px solid #fff; } .s_a{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .s_a a{display: block;width: 100%;height: 100%;} .scheme_01 ul li p { position: absolute; bottom: 10%; color: #fff; display: block; } .scheme_01 ul li h2 { display: none; } .scheme_01 ul li em { display: none; } .scheme_01 ul li i { display: none; } .scheme_01 ul li.on { padding: 5%; box-sizing: border-box; width: 45.23%; } .scheme_01 ul li.on p { display: none; } .scheme_01 ul li.on h2 { display: block; color: #fff; } .scheme_01 ul li.on em { margin-top: 10px; display: block; height: 4px; width: 354px; background: #ee5921; } .scheme_01 ul li.on i { display: block; position: absolute; bottom: 10%; color: #fff; } @media only screen and (max-width: 768px) { .scheme_01 ul li.on em{width:100%;} .scheme_01 .btnldj { display: block; } .qiehuan { height: 300px !important; } .btnldj .swiper-button-next { top: 50%; left: auto; right: 0px; } .btnldj .swiper-button-prev { right: auto; top: 50%; left: 0px; } } .scheme_02 { position: relative; } .scheme_02 .wraptop { position: relative; } .scheme_02 .swiper-slide img { width: 100%; } .scheme_02 .swiper-slide h2 { margin-top: 2%; line-height: 1.5; height: 3em; color: #555555; padding-bottom: 1%; } .scheme_02 .swiper-slide em { margin-top: 3%; display: block; width: 100%; height: 1px; background: #c0c0c0; } .scheme_02 .swiper-slide i { margin-top: 15px; display: inline-block; height: 48px; width: 48px; line-height: 48px; text-align: center; border-radius: 50%; margin-right: 15px; } .scheme_03 .bottomimg { position: relative; } .scheme_03 .bottomimg .pull-left { width: 65.23%; } .scheme_03 .bottomimg .pull-left img { width: 100%; } .scheme_03 .bottomimg .rightbox { right: 0; top: 0; position: absolute; height: 100%; background: #eef0f5; width: calc(100% - 65.23%); overflow: hidden; } .scheme_03 .bottomimg .rightbox h2{margin-bottom: 10px;} .scheme_03 .bottomimg .rightbox > div { box-sizing: border-box; height: 100%; padding: 15% 10%; } .scheme_03 .bottomimg .rightbox > div .listwarp li { border-bottom: 1px solid #bec0c4; padding: 30px 0px; position: relative; } .scheme_03 .bottomimg .rightbox > div .listwarp li:after{transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s;} .scheme_03 .bottomimg .rightbox > div .listwarp li:after{content:"";position: absolute;left:-20%;top:-1px;width: 140%;height:calc(100% + 2px);background:#007ad7 url(../images/index_newsbg.jpg) no-repeat;background-size: 100% 100%; visibility: hidden;opacity: 0; box-shadow: 0 0 10px rgb(0 0 0 / 30%);} @media only screen and (min-width:1025px) { .scheme_03 .bottomimg .rightbox > div .listwarp li:hover:after{visibility: visible;opacity: 1;} .scheme_03 .bottomimg .rightbox > div .listwarp li:hover h2{color:#fff !important;position: relative;z-index: 2;} } .scheme_03 .bottomimg .rightbox > div .listwarp li h2 { color: #767676; line-height: 1.5; } .scheme_03 .bottomimg .rightbox > div > a { display: none; position: absolute; bottom: 5%; color: #ee5921; } .scheme_04 .swiper-slide dt { width: 100% !important; } .scheme_04 .swiper-slide dd { padding: 0 50px; text-align: left; } .scheme_04 .swiper-slide dd i{display: none;} .scheme_04 .swiper-slide dd h3 { text-align: left; } .scheme_04 .swiper-slide.swiper-slide-active dd i{ display: block; } @media only screen and (max-width:1024px) { .scheme_04 .swiper-slide dd i{display: block;} } @media only screen and (max-width: 768px) { .scheme_03 .bottomimg .pull-left { width: 100%; float: none; } .scheme_03 .bottomimg .rightbox { right: 0; top: 0; position: static; height: 100%; background: #eef0f5; width: 100%; } .scheme_03 .bottomimg .rightbox > div { box-sizing: border-box; height: 100%; padding: 5%; } .scheme_01 ul li p { display: block !important; bottom: 60px; } .scheme_01 ul li h2 { display: block !important; color: #fff; } .scheme_01 ul li{ padding: 5% !important; } .scheme_01 ul li em { margin-top: 10px; display: block !important; height: 4px; width: 354px; background: #ee5921; } .scheme_01 ul li i { display: block !important; position: absolute; bottom: 10%; color: #fff; } } @media only screen and (min-width: 1025px){ .pub_tab .swiper-wrapper{ justify-content: center; } .pub_but{ display: none !important; } .scheme_02 .swiper-slide:hover h2{ color: #f06c3a; } .scheme_03 .bottomimg .rightbox > div .listwarp li:hover h2{ color: #f06c3a; } .scheme_02 .swiper-slide:hover i{ background: #ee5921 ;color: #fff; } .topnewswrap_01 .box-right:hover a span{ color: #007ad7; } .topnewswrap_01 .box-right:hover a span i{ background: #007ad7; } .media_01 .listboxwrap:hover{ background: url(../upload/20220623/meitibg_03.jpg) center center; background-size: -moz-calc(); } .media_01 .listboxwrap:hover h2{ color: #FFFFFF; border-bottom: 1px solid #FFFFFF; } .media_01 .listboxwrap:hover p{ color: #FFFFFF; } .media_01 .listboxwrap:hover time{ color: #FFFFFF; } .hddetails_03 ul li:hover span { line-height: 60px; color: #007ad7; margin-top: 8%; display: block; border-top: 1px solid #c0c0c0; width: 100%; } .hddetails_03 ul li:hover span i{ color: #007ad7; } .wonderfulbizhi_03 .index_wrap .listwrapli > li:hover .topimg .wrapul li{ background: #EE5921; color: #fff; } .wonderfulbizhi_03 .index_wrap .listwrapli > li:hover .topimg .wrapul li a{color: #fff!important;} .details_01 .bottomfen ul li:hover i{ color: #EE5921; } .details_01 .toptile ul li:hover i{ color: #EE5921; } .details_01 .bottomfen span:hover i{ background: #EE5921; color: #FFFFFF; } .gushi_02 .clearf .pull_right:hover .list span i{ background: #007ad7; } .hddetails_03 ul li:hover h2{ color: #007ad7; } }