.urp { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .urp2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /*杞挱鍥?*/ #banner .slideBox { width: 100%; height: auto; overflow: hidden; position: relative; } #banner .slideBox .hd { width: 100%; height: 35px; overflow: hidden; position: absolute; right: 0px; bottom: 70px; z-index: 1; } #banner .slideBox .hd ul { overflow: hidden; zoom: 1; display: table; margin: 0 auto; padding: 10px; } #banner .slideBox .hd ul li { float: left; margin: 0 13px; width: 13px; height: 13px; line-height: 13px; text-align: center; background: #fff; cursor: pointer; border-radius: 50%; } #banner .slideBox .hd ul li.on { background: #01ff0d; } #banner .slideBox .bd { position: relative; height: 100%; z-index: 0; } #banner .slideBox .bd li { zoom: 1; vertical-align: middle; } #banner .slideBox .bd img { width: 100%; height: auto; display: block; } /* 涓嬮潰鏄疆鎾浘1鍓?鍚庢寜閽唬鐮 */ #banner .slideBox .prev, #banner .slideBox .next { position: absolute; left: 5%; top: 50%; margin-top: -25px; display: block; width: 34px; height: 62px; filter: alpha(opacity=50); opacity: 0.5; } #banner .slideBox .next { left: auto; right: 5%; background-position: 8px 5px; } #banner .slideBox .prev:hover, #banner .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; } #banner .slideBox .prevStop { display: none; } #banner .slideBox .nextStop { display: none; } .box_lightGreen { margin-top: -50px; position: relative; z-index: 1; } .box_index_news { overflow: hidden; } .box_news { background: #fff; padding: 25px; box-sizing: border-box; } .box_news .title { overflow: hidden; } .box_news .title h3 { float: left; font-size: 20px; font-weight: bold; } .box_news .current_more { float: right; } .current_more { font-size: 16px; color: #00864b; } .current_more:hover { color: #28a16c; } .box_price { background: #fff; } .box_news_list { overflow: hidden; padding-top: 30px; } .box_news_list .o_imgL { float: left; width: 319px; height: 233px; position: relative; z-index: 2; } .box_news_list .o_imgL img { display: block; object-fit: cover; width: 100%; height: 100%; } .box_news_list .o_divR { width: 100%; position: relative; z-index: 1; padding-left: 345px; } .box_news_list .o_divR h5 { font-size: 18px; } .box_news_list .o_divR h5 a:hover, .box_news_list .o_divR .txt:hover, .box_news_list .o_divR .o_ul li a:hover, .box_bread a:hover, .box_newsListR .box_moving:hover .title, .box_newsListR .box_moving:hover .txt { color: #00864b; } .box_news_list .o_divR .time { color: #00864b; font-size: 18px; padding-top: 10px; } .box_news_list .o_divR .txt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; color: #959595; margin: 10px 0 19px; line-height: 20px; height: 38px; overflow: hidden; } .box_news_list .o_divR .o_ul { max-height: 115px; overflow: hidden; } .box_news_list .o_divR .o_ul li { font-size: 14px; line-height: 30px; } .box_news_list .o_divR .o_ul li i { display: inline-block; width: 4px; height: 4px; vertical-align: middle; margin-right: 10px; background: #00864b; border-radius: 50%; } .box_price .title { background: #00864b; overflow: hidden; height: 76px; line-height: 76px; padding: 0 20px; } .box_price .title .o_ul { float: left; } .box_price .title .o_ul li { float: left; font-size: 16px; color: #fff; margin-right: 20px; cursor: pointer; } .box_price .title .o_ul li.on { position: relative; } .box_price .title .o_ul li.on::after { position: absolute; width: 28px; height: 2px; background: #fff; content: ' '; left: 50%; margin-left: -13px; bottom: 15px; } .box_price .current_more { color: #fff; float: right; } .box_out_form { padding: 0 20px; height: 259px; overflow: hidden; } .box_out_form table { background: #fff; width: 100%; font-size: 14px; text-align: center; overflow: hidden; } .box_out_form table td { padding: 9px 4px; width: 25%; } .box_out_form table tr td i { vertical-align: middle; width: 4px; height: 4px; background: #00864b; border-radius: 50%; margin-right: 14px; display: inline-block; } .box_out_form table tr td.sw { width: 29%; } .box_out_form table tr td.bw { width: 20%; } .box_out_form table tr:nth-child(even) td { background: #f8f8f8; } .box_out_form2 table tr:nth-child(even) td, .box_out_form3 table tr:nth-child(even) td { background: #fff; } .box_out_form2 table tr:nth-child(odd) td, .box_out_form3 table tr:nth-child(odd) td { background: #f8f8f8; } .box_out_form tr th { background: #00864b; font-size: 16px; color: #fff; padding: 9px 4px; text-align: center; } .box_out_form2, .box_out_form3 { padding: 0; height: auto; } .box_out_form2 table tr td, .box_out_form2 table tr th { width: 33.33%; } .box_out_form3 table tr td, .box_out_form3 table tr th { width: 1.25%; } .box_synopsis { overflow: hidden; position: relative; } .synopsis_l { float: left; width: 100%; padding-right: 785px; position: absolute; top: 0; left: 0; z-index: 1; } .synopsis_l h3 { font-size: 18px; padding-top: 50px; } .synopsis_l p { font-size: 12px; color: #959595; line-height: 25px; padding: 15px 0; } .synopsis_l .website { margin-top: 50px; background: #fff; padding: 0 30px; width: 80%; } .synopsis_l .website .title { font-size: 18px; padding: 25px 0; text-align: center; letter-spacing: 5px; } .synopsis_l .website .o_list { border-top: 1px solid #ececec; padding: 20px 0; overflow: hidden; } .synopsis_l .website .o_list dl { width: 33.33%; float: left; text-align: center; font-size: 14px; color: #959595; } .synopsis_l .website .o_list dl dt { font-size: 36px; color: #018b63; font-weight: normal; } .synopsis_img_r { float: right; width: 765px; height: 648px; position: relative; z-index: 2; } .synopsis_img_r img { /* width: 100%; height: 100%;*/ object-fit: cover; } .box_white { background: #fff; } .white_title { padding: 25px 0; text-align: center; } .white_title h2 { font-size: 30px; } .white_title .box_line { height: 25px; position: relative; } .white_title .box_line .line { border-bottom: 1px solid #f0f0f0; height: 22px; } .white_title .current_more { background: #fff; margin-top: 10px; position: absolute; left: 50%; margin-left: -120px; top: 0; padding: 0 80px; z-index: 1; } .box_news_list02 { padding-bottom: 70px; padding-top: 50px; } .box_news_list02 .box { background: #f6f6f8; display: block; padding: 30px; } .box_news_list02 .box:hover { background: #00864b; } .box_news_list02 .box:hover .B_boxTime { color: #fff; } .B_boxTime { height: 26px; font-size: 16px; color: #959595; position: relative; } .box_news_list02 .box:hover .B_boxTime::after { background: #fff; } .B_boxTime::after { content: ' '; height: 2px; width: 26px; background: #00864b; position: absolute; left: 0; bottom: 0; } .box_news_list02 .box:hover .title, .box_news_list02 .box:hover .txt { color: #fff; } .box_news_listM .title { font-size: 18px; padding: 25px 0; } .box_news_listM .txt { font-size: 12px; color: #959595; line-height: 23px; height: 43px; overflow: hidden; } .B_boxTimeX { font-size: 20px; height: 35px; } .B_boxTimeX::after { width: 36px; } .box_moving { overflow: hidden; padding-top: 50px; } .box_moving .imgL { float: left; width: 700px; height: 380px; position: relative; z-index: 2; } .box_moving .imgL_m { width: 340px; height: 238px; } .box_moving .imgL img { display: block; width: 100%; height: 100%; object-fit: cover; } .box_moving .movingR { width: 100%; padding-left: 730px; position: relative; z-index: 1; padding-top: 30px; } .box_moving .movingR .title { font-size: 24px; padding-top: 45px; } .box_moving .movingR .txt { max-height: 80px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 27px; color: #959595; margin: 38px 0; } .box_moving .movingR_m { padding-left: 370px; padding-top: 0; } .box_InsidePage { overflow: hidden; margin-top: -58px; } .w_180L { float: left; width: 180px; position: relative; z-index: 2; } .bx_left_title { position: relative; } .bx_left_title .bag { position: absolute; width: 329px; height: 164px; background: url(../image/lieft_bag.png) no-repeat; left: 0; top: 0; z-index: 0; background-size: 100%; } .bx_left_title span { position: relative; z-index: 2; height: 167px; line-height: 219px; text-align: center; display: block; font-size: 24px; color: #fff; font-weight: bold; } .w_1220R { width: 100%; padding-left: 180px; position: relative; background: #fff; } .w_1220R .box { margin-top: 42px; position: relative; z-index: 3; background: #fff; min-height: 167px; padding: 10px 20px; } .top_bag { position: relative; top: 0; width: 100%; height: 186px; background: url(../image/top_img.jpg) no-repeat center; overflow: hidden; } .box_left_navL { border-left: 6px solid #e6e6e6; padding: 30px 0; margin-top: -15px; } .box_left_navL li { font-size: 16px; font-weight: bold; padding-bottom: 12px; } .box_left_navL_M li { font-size: 14px; } .box_left_navL li a { color: #999999; display: block; padding: 15px 0 15px 25px; } .box_left_navL li.curr a { color: #00864b; border-left: 10px solid #00864b; margin-left: -6px; padding-left: 21px; } .box_bread { font-size: 12px; color: #c0c0c0; border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; } .box_bread a { color: #c0c0c0; } .box_bread span { margin: 0 5px; } .box_synopsisR h1 { font-size: 36px; text-align: center; font-weight: bold; padding: 40px 0; } .box_synopsisR p { font-size: 14px; color: #959595; text-indent: 2em; padding: 10px 0; line-height: 26px; } .box_synopsisR h3 { font-size: 18px; color: #00864b; padding: 15px 0; } .date { text-align: center; margin-bottom: 20px; font-size: 14px; } .box_newsListR .box_moving { border-bottom: 1px solid #eeeeee; padding: 50px 0; } .box_newsListR .box_moving .movingR .txt { margin-bottom: 0; } .box_newsListR .box_moving:last-child { border-bottom: none; } .pages { padding: 30px 0; width: 100%; clear: both; } .pagination2 { text-align: center; font-size: 14px; } .pagination2 li.disabled { border-radius: 2px; display: inline-block; height: 28px; line-height: 28px; padding: 0 14px; margin: 0 2px; color: #8a8a8a; border: 1px solid #eeeeee; vertical-align: middle; background: #fff; } .pagination2 li { border-radius: 2px; display: inline-block; height: 28px; line-height: 28px; padding: 0 14px; margin: 0 2px; background: #fff; border: 1px solid #eeeeee; vertical-align: middle; background: #fff; } .pagination2 li a { color: #8a8a8a; } .pagination2 li.active { border-radius: 2px; display: inline-block; height: 28px; line-height: 28px; padding: 0 14px; margin: 0 2px; color: #fff; background-color: #00864b; border: 1px solid #00864b; vertical-align: middle; } .box_newsList_deta { padding: 45px; color: #000000; } .B_boxTimeB { text-align: center; } .B_boxTimeB::after { left: 50%; margin-left: -18px; } .box_synopsisR img { max-width: 100%; margin: 20px 0; } .box_synopsisR .box_map img { margin: 0; } .box_article { border-top: 1px solid #f1f1f1; padding: 20px 0 50px; overflow: hidden; font-size: 12px; } .box_article .d_l { float: left; } .box_article .d_r { float: right; } .box_article a { color: #959595; } .box_article a:hover { color: #00864b; } .box_map { width: 100%; height: 465px; } /*.container_M{ height:350px; width:100%; } .info-bottom{ position: absolute; left: 50%; bottom: -25px; }*/ @media (max-width: 768px) { .w_1220R .box { padding: 0 0 15px; } .box_out_form2 { margin-bottom: 30px; } .box_newsList_deta { padding: 10px 0; } .box_article { padding: 0 0 20px; } .box_article .d_l, .box_article .d_r { float: none; width: 100%; margin: 20px 0; } .pagination2 li { margin-top: 10px !important; } .box_newsListR .movingR_m { padding-top: 30px; } .box_InsidePage { margin-top: -30px; } .bx_left_title .bag { width: 306px; height: 156px; } .bx_left_title span { height: 156px; line-height: 156px; } .top_bag { height: 91px; background-size: 249%; } .w_180L { float: none; } .w_1220R { padding-left: 0; } .box_synopsisR h1 { font-size: 22px; font-weight: normal; } .box_out_form { height: auto; } .box_news_list02 .box { margin-bottom: 20px; } .box_news_list02 { padding-bottom: 0; } .synopsis_l .website .title { letter-spacing: 0; } .synopsis_l .website .o_list dl dt { font-size: 30px; } #banner .slideBox .hd { bottom: 3px; } #banner .slideBox .hd ul li { width: 8px; height: 8px; } .box_lightGreen { margin-top: -14px; } .box_news_list .o_imgL { float: none; width: 100%; height: auto; } .box_news_list .o_divR { padding-top: 30px; padding-left: 0; } .box_price { margin-top: 20px; } .synopsis_l { position: relative; padding-right: 0; float: none; } .synopsis_l .website { width: 100%; } .synopsis_img_r { width: 100%; height: auto; float: none; } .box_moving .imgL { width: 100%; height: auto; float: none; } .box_moving .movingR { padding-left: 0; } } @media (min-width: 767px) and (max-width: 1000px) { .box_article .d_l, .box_article .d_r { float: none; width: 100%; margin: 20px 0; } .box_price { margin-top: 20px; } .synopsis_l { position: relative; padding-right: 0; float: none; } .synopsis_l .website { width: 100%; } .synopsis_img_r { width: 100%; height: auto; float: none; } .box_moving .imgL { width: 550px; height: 299px; } .box_moving .movingR { padding-left: 580px; } .box_moving .movingR .txt { margin: 28px 0; } .box_moving .movingR .title { padding-top: 30px; } .box_moving .imgL { width: 100%; height: auto; float: none; } .box_moving .movingR { padding-left: 0; } .box_news_list02 .box { margin-bottom: 20px; } .box_news_list02 { padding-bottom: 0; } } @media (min-width: 1000px) and (max-width: 1200px) { .box_article .d_l, .box_article .d_r { float: none; width: 100%; margin: 20px 0; } .synopsis_img_r { width: 565px; height: 504px; } .synopsis_l { padding-right: 585px; } .box_moving .imgL { width: 550px; height: 299px; } .box_moving .movingR { padding-left: 580px; } .box_moving .movingR .txt { margin: 28px 0; } .box_moving .movingR .title { padding-top: 30px; } } @media (min-width: 1200px) and (max-width: 1360px) { }