* { margin: 0; padding: 0; list-style: none; } body, html { height: 100%; margin: 0; } .clear{ clear: both; } .banner{ width: 100%; } .banner img{ width: 100%; } .news{ height: 140px; width: 100%; } .news_title{ width: 15.31%; height: 140px; line-height: 140px; text-align: center; color: #941b20; float: left; font-size: 26px; } .news_left{ height: 115px; padding-top: 25px; line-height: 30px; float: left; width: 28.39%; } .news_left div{ float:left; white-space: nowrap; width: 600px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /* text-overflow: ellipsis; */ text-overflow: ellipsis; } .date{ color: #941b20; float:left; } .headline{ } .news_right{ height: 115px; padding-top: 25px; line-height: 30px; float: left; margin-left: 10.94%; width: 28.39%; } .news_right div{ float: left; white-space: nowrap; display: inline-block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .headline{ color: #333; margin-left: 10px; white-space: nowrap; display: inline-block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; width: 400px; } .news a { text-decoration:none; } .about{ width: 100%; height: 960px; background-image: url(/public/cngj/img/about.jpg); background-size: 100% 100%; background-repeat: no-repeat; } .about_title{ font-size: 44px; position: relative; left: 18.75%; top: 23.43%; height: 59px; width: 176px; } .about_box{ width: 62.5%; height: 400px; position: relative; left: 18.75%; top: 28.125%; } .about_box_part1{ height: 400px; width: 41.66%; background-color: #ffffff; float: left; } .about_box_part1_title{ color: #333; font-size: 1.7vw; position: relative; top: 15%; left: 10.1%; width: 144px; } .about_box_part1_content{ color: #333; position: relative; font-size: 15px; top: 25.25%; left: 10.1%; width: 80.8%; text-indent: 2em; letter-spacing: 0px; line-height: 2em; text-align: justify; } .about_box_part1_button{ position: relative; width: 28px; height: 28px; left: 85.85%; top: 30%; } .about_box_part2{ height: 400px; width: 29.16%; background-image: url(/public/cngj/img/about_part2.png); float: left; } .about_box_part2_title{ font-size: 1.7vw; width: 144px; position: relative; left: 29.85%; top: 7.5%; color: #333; } .about_box_part2_button{ position: relative; width: 28px; height: 28px; left: 89.28%; top: 75%; } .about_box_part3{ height: 400px; width: 14.58%; background-image: url(/public/cngj/img/about_part3.png); float: left; } .about_box_part3_title{ font-size: 1.7vw; width: 144px; position: relative; left: 10.28%; top: 7.5%; color: #333; } .about_box_part3_button{ position: relative; width: 28px; height: 28px; left: 79.28%; top: 75%; } .about_box_part4{ height: 400px; width: 14.58%; background-image: url(/public/cngj/img/about_part4.png); float: left; } .about_box_part4_title{ font-size: 1.7vw; width: 144px; position: relative; left: 17.28%; top: 7.5%; color: #333; } .about_box_part4_button{ position: relative; width: 28px; height: 28px; left: 79.28%; top: 75%; } .about_box2{ width: 62.8%; height: 100px; position: relative; left: 18.75%; top: 33.85%; } .about_box2_part1{ width: 13.33%; height: 100px; float: left; } .about_box2_part1_up{ font-size: 1.56vw; text-align: center; } .about_box2_part1_up span{ font-size: 2.9vw; color: #941b20; } .about_box2_part1_down{ font-size: 0.93vw; text-align: center; } .about_box2_part2{ width: 13.33%; height: 100px; margin-left: 12.08%; float: left; } .about_box2_part2_up{ font-size: 1.56vw; text-align: center; }.about_box2_part2_up span{ font-size: 2.9vw; color: #941b20; } .about_box2_part2_down{ font-size: 0.93vw; text-align: center; } .about_box2_part3{ width: 20%; height: 100px; float: left; margin-left: 12.08%; } .about_box2_part3_up{ font-size: 1.56vw; text-align: center; } .about_box2_part3_up span{ font-size: 2.9vw; color: #941b20; } .about_box2_part3_down{ font-size: 0.93vw; text-align: center; } .about_box2_part4{ width: 17.08%; height: 100px; float: left; margin-left: 12.08%; } .about_box2_part4_up{ font-size: 1.56vw; text-align: center; }.about_box2_part4_up span{ font-size: 2.9vw; color: #941b20; } .about_box2_part4_down{ font-size: 0.93vw; text-align: center; } .party{ width: 100%; background-image: url(/public/cngj/img/party.jpg); background-size: 100% 100%; background-repeat: no-repeat; height:960px; } .party_title{ font-size: 44px; position: relative; left: 18.75%; top: 23.43%; height: 59px; width: 176px; } .party_box{ width: 62.5%; height: 400px; position: relative; left: 18.75%; top: 28.125%; } .party_box_part1{ height: 400px; width: 50%; background-image:url(/public/cngj/img/party_left.png) ; float: left; } .party_box_part1_title{ color: #333; font-size: 32px; position: relative; top: 3.125%; left: 5%; width: 144px; } .party_box_part1_button{ position: relative; width: 28px; height: 28px; left: 81.6%; top: 71.25%; } .party_box_part2{ height: 400px; width: 50%; background-color: #ffffff; float: left; } .party_box_part2_title{ color: #333; font-size: 32px; position: relative; top: 3.125%; left: 5%; width: 144px; } .party_box_part2_all{ color: #333; font-size: 16px; position: relative; top: 0.83%; left: 76.6%; width: 88px; } .party_box_part2_list{ position: relative; top: 8px; left: 40px; width: 86.6% } .party_box_part2_list ul{ margin-top: 20px; } .party_box_part2_list_select{ height: 50px; width: 86.6%; background-color: #941b20; color: #fff; padding: 10px 0; } .party_box_part2_list_noselect{ height: 50px; width: 86.6%; background-color: #ffffff; color: #000; padding: 10px 0; } .party_box_part2_list_date_select{ float: left; width: 60px; height: 50px; text-align: center; border-right:solid 0.5px #ffffff ; padding-right: 15px; } .party_box_part2_list_date{ float: left; width: 60px; height: 50px; text-align: center; border-right:solid 0.5px #000000 ; padding-right: 15px; } .party_box_part2_list_date_day{ } .party_box_part2_list_headline{ float: left; width: 78%; height: 50px; line-height: 50px; } .party_box_part2_list_headline p{ margin-left: 35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .business{ width: 100%; height: 960px; background-image: url(/public/cngj/img/business.jpg); background-size: 100% 100%; background-repeat: no-repeat; } .business_title{ font-size: 44px; position: relative; left: 18.75%; top: 23.43%; height: 59px; width: 176px; } .business_intro{ position: relative; width: 43.48%; height: 160px; left: 18.75%; top: 26%; text-indent: 2em; line-height: 2em; color: #444; text-align: justify; font-size: 0.78vw; } .business_box{ width: 62.5%; height: 400px; position: relative; left: 18.75%; top: 26.77%; } .business_box_part1{ height: 400px; width: 50%; background-image: url(/public/cngj/img/business_part1.png); float: left; } .business_box_part1_title{ position: relative; width: 76.6% ; height: 75px; line-height: 37.5px; font-size: 1.4vw; text-align: center; left: 11.66%; top: 30%; color: #222; letter-spacing: 2px; } .business_box_part1_hr{ width: 65px; height: 4px; position: relative; background-color: #941b20; left: 44.58%; top: 36.25%; } .business_box_part1_button{ position: relative; width: 28px; height: 28px; left: 47.5%; top: 41.25%; } .business_box_part2{ height: 400px; width: 50%; background-image: url(/public/cngj/img/business_part2.png); float: left; } .business_box_part2_title{ position: relative; width: 76.6% ; height: 75px; line-height: 75px; font-size: 1.4vw; text-align: center; left:11.66%; top: 30%; color: #222; letter-spacing: 2px; } .business_box_part2_hr{ width: 65px; height: 4px; position: relative; background-color: #941b20; left: 44.58%; top: 36.25%; } .business_box_part2_button{ position: relative; width: 28px; height: 28px; left: 47.5%; top: 41.25%; } .beltandroad{ width: 100%; height: 960px; background-image: ; background-size: 100% 100%; background-repeat: no-repeat; } .beltandroad_title{ font-size: 44px; position: relative; left: 18.75%; top: 23.43%; height: 59px; width: 176px; } .beltandroad_box{ width: 62.5%; height: 400px; position: relative; left: 18.75%; top: 26.77%; } .beltandroad_box_part1{ height: 400px; width: 50%; background-color: #ffffff; float: left; } .beltandroad_box_part1_conten{ width: 100%; height: auto; margin-left: 35px; } .beltandroad_box_part1_conten_up{ width: 88.3%; text-align: justify; line-height: 2em; text-indent: 2em; margin-top: 50px; font-size: 0.78125vw; } .beltandroad_box_part1_conten_down{ width: 88.3%; text-align: justify; line-height: 2em; text-indent: 2em; font-size: 0.78125vw; } .beltandroad_box_part1_button{ position: relative; width: 28px; height: 28px; left: 88.83%; top: 6%; } .beltandroad_box_part2{ height: 400px; width: 50%; background-image: ; float: left; } .party_box_part2_list_noselect:hover{ background-color: #941b20; } .party_box_part2_list_noselect:hover .party_box_part2_list_date { border-color: #ffffff; /* ����ʱ�ı߿���ɫ */ } .party_box_part2_list_noselect:hover span{ color:#fff } .party_box_part2_list_noselect:hover p{ color:#fff }