/***************鍏叡鏍峰紡*******************/ * { margin: 0; padding: 0; font-family: "寰蒋闆呴粦"; } body a { text-decoration: none; } ul>li { list-style: none; } img { max-width: 100%; max-height: 100%; border: none; border: 0; } .img { position: relative; overflow: hidden; } .img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; /*鍥剧墖缂╂斁鏁堟灉*/ cursor: pointer; transition: all 2s; } .img img:hover { transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); } .max { max-width: 1200px; margin: 0 auto; } #plv_198ca021b112868e29d9b17e82257e04_1 { width: 100%; height: 100%; } /***********鍒嗛〉*************/ .paging { text-align: center; } .paging .po { background: #910000; color: #fff; } .paging a { padding: 10px 20px; background: #f0f0f0; margin-right: 10px; font-size: 14px; color: #333; font-family: "寰蒋闆呴粦"; border-radius: 3px; } .paging a:last-child { margin-right: 0px; } .paging a:hover { background: #910000; color: #fff; } /***************************棣栭〉********************/ .copyright p .jishu{ margin-left: 10px; } .top img { width: 100px; height: 80px; } /*杞挱*/ #marquee1 { overflow: hidden; margin-top: 105px; } #marquee1 li { float: left; display: block; height: 720px; margin: 5px 0; } #marquee1:after { content: ""; display: block; clear: both; } /*鎶樺彔瀵艰埅*/ .btn { position: absolute; top: 20px; right: 20px; z-index: 99999999999999999999999999999999999999999999999; display: none; } .btn div { width: 24px; height: 2px; background: #910000; margin-bottom: 6px; } /*浜岀骇瀵艰埅*/ .two { min-width: 100%; z-index: 999; position: absolute; top: 70%; display: none; background: #fff; box-shadow: 0 0 5px #ddd; } .nav li:hover .two { display: block; } .nav li .two a { display: block; width: 90%; font-size: 14px; line-height: 50px; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5%; color: #7d7d7d; text-align: center; } /*閫変腑鏁堟灉*/ .nav li .two a:hover { background: rgba(144, 0, 0, 0.5); color: #fff; } /*缁撴潫*/ .header { position: fixed; z-index: 999999; top: 0; width: 100%; background: #fff; box-shadow: 0px 2px 5px 0px #ddd; } .header .nav>li { float: left; width: 13.6%; text-align: left; display: block; line-height: 125px; height: 105px; position: relative; } .header .nav>li:nth-child(5) { width: 18%; } .header .nav>li:nth-child(n+4) { text-align: right; } .header .nav li.no>a { color: #910000; } .header .nav li>a { color: #7d7d7d; font-size: 16px; } .header .nav li img { margin-top: 10px; } .header .nav li .m1{ display: none; } .header .nav li:hover>a { color: #910000; } /*瑙嗛灞曟挱*/ .videoax { overflow: hidden; position: absolute; z-index: 99992; } .videoax>div { width: 100%; height: 100%; } .videoax object { width: 100%; height: 100%; } .video { width: 100%; height: 100%; top: 0; left: 0; z-index: 99999999; position: fixed; display: none; } .video object { width: 100%; height: 100%; } .pauseV { display: none; position: fixed; right: 0px; top: 0px; z-index: 999999991; cursor: pointer; display: none; width: 48px; height: 48px; background: url(../image/v_close.png) no-repeat; } /*鐖卞績鏁堟灉*/ .videoBroadcast { position: relative; /* box-shadow: 0px 2px 20px #ddd;*/ overflow: hidden; } .videoBroadcast .vimg { position: absolute; left: 0; top: 0; width: 100%; z-index: 99998; } .videoBroadcast img { width: 100%; height: 100%; } .videoBroadcast .play { position: absolute; left: calc(50% - 30px); top: 40%; width: 60px; height: 60px; z-index: 199999; } .videoBroadcast:hover .wave { display: block; } .wave { position: absolute; z-index: 99999; border: 2px solid #CB2002; border-radius: 50%; opacity: 0; display: none; text-align: center; /*鍔ㄧ敾鍚嶇О*/ animation-name: waveCircle; /*璁剧疆鍔ㄧ敾鍦?绉掑唴瀹屾垚:*/ animation-duration: 3s; /*鎵ц涓€娆″姩鐢?/ animation-iteration-count: 1; /*鍔ㄧ敾浠ヤ綆閫熷紑濮嬶紝鐒跺悗鍔犲揩锛屽湪缁撴潫鍓嶅彉鎱€?/ animation-timing-function: ease; /*鎶婄墿浣撳姩鐢诲湴浠庝竴涓湴鏂圭Щ鍔ㄥ埌鍙︿竴涓湴鏂癸紝骞惰瀹冨仠鐣欏湪閭i噷锛?/ animation-fill-mode: forwards; } @-webkit-keyframes waveCircle { 0% { transform: scale(0); opacity: 0; } 50% { transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 1; } } /*鏈嶅姟*/ .serviceBjt { background-image: url("../image/4.jpg"); background-position: 100% 100%; /* background-size: 100% 100%;*/ } .service { padding: 270px 0; } .service .ser { float: left; width: 33%; text-align: center; } .service .ser img { margin-bottom: 30px; margin-left: 10px; } .service .ser h6 { font-size: 26px; color: #fff; font-weight: 500; } .service .ser p { font-size: 16px; color: #fff; } /*鍚堜綔浼欎即*/ .cooperative { padding: 0 90px 90px 90px; } .title { text-align: center; background-image: url("../image/8.png"); background-repeat: no-repeat; background-position: 49% 20%; padding: 42px 0; margin: 80px 0 40px 0; } .title h3 { font-size: 43px; color: #4c4948; letter-spacing: 6px; } /*璇︽儏椤?/ .cont_title { text-align: center; } .cont_title h3 { margin: 0px 0 20px 0; font-size: 20px; font-weight: normal; line-height: 35px; color: #4c4948; } .cont_title p { text-align: center; font-size: 15px; color: #666; border-bottom: 1px solid #ccc; padding-bottom: 20px; } .prevnext { margin: 20px auto; padding-top: 20px; border-top: 1px solid #ccc; } .prevnext span, .prevnext a { color: #666; font-size: 14px; } .prevnext .prevrecord { float: left; width: 49%; display: block; text-align: left; } .prevnext .nextrecord { float: right; width: 49%; display: block; text-align: right; } /*涓氬姟 鑼冨洿 table鍒囨崲 */ .cooperative #oranger { line-height: 40px; height: 40px; float: right; width: 100%; border-bottom: 1px solid #999; margin-bottom: 50px; } .cooperative #oranger li { float: left; } .cooperative #oranger li a { font-size: 18px; color: #4c4948; } .cooperative #oranger li a span { margin: 0 20px; } /*閫変腑鏁堟灉*/ .cooperative #oranger .hover a { color: red; } /* 鍐呭 */ .cooperative .imgnews { display: none; margin-top: 20px; } .cooperative .imgnews .partner .img { border: 1px solid #999; text-align: center; border-radius: 40px; width: calc(25% - 17px); float: left; margin: 0 20px 20px 0; } .cooperative .imgnews .partner .img:nth-child(4n) { margin: 0 0 20px 0; } .cooperative .imgnews .partner .img .img2 { display: none; } .cooperative .imgnews .partner .img:hover .img1 { display: none; } .cooperative .imgnews .partner .img:hover .img2 { display: block; } /*搴曢儴*/ .footerBjt { background-image: url("../image/13.jpg"); background-repeat: no-repeat; background-position: 100% 100%; background-size: 100% 100%; position: relative; } .footerBjt .footer { padding: 100px 0 0 0; /* border-bottom: 1px solid #3a3939;*/ } .footerBjt .footer ul { float: left; width: 25%; margin-right: 50px; } .footerBjt .footer ul:nth-child(1) { width: 10%; } .footerBjt .footer ul:nth-child(4) { margin-right: 0px; } .footerBjt .footer ul h6 { color: #c1c2c2; font-size: 18px; text-transform: uppercase; margin-bottom: 30px; } .footerBjt .footer ul li { color: #c1c2c2; font-size: 14px; margin-bottom: 10px; } .footerBjt .footer ul li a { color: #c1c2c2; font-size: 14px; } .footerBjt .footer ul:nth-child(2) li img { float: left; width: 30px; margin-right: 10px; } .footerBjt .footer ul li .i2 { display: none; } .footerBjt .footer ul:nth-child(2) li span { float: left; width: calc(100% - 40px); margin-top: 5px; } .footerBjt .footer ul:nth-child(3) li p { line-height: 28px; } .footerBjt .copyright { text-align: center; color: #c1c2c2; font-size: 14px; line-height: 60px; } .footerBjt .copyright a { color: #c1c2c2; } .footerBjt .copyright p br{ display: none; } .footerBjt .WEBSITE li{ float: right; width: 100px; margin-left:10px; } .WEB{ float: left; width: calc(100% - 110px); color: #c1c2c2; } .WEB h6{ font-size: 18px; } .WEB p{ font-size: 14px; line-height: 28px; text-align: justify; } /*杩斿洖椤堕儴*/ .top { position: absolute; top: -5%; left: calc(50% - 50px); z-index: 999; } /***************************浠e伐鏈嶅姟********************/ .foundryService { padding: 0 0 90px 0; } /***************************瀹氬埗鏈嶅姟********************/ .customizedService { background-image: url("../image/24.png"); background-repeat: no-repeat; } .ervice { margin-bottom: -4px; } .content { font-size: 16px; margin: 0px auto; text-align: justify; line-height: 2; color: #514f4f; } .content p { text-indent: 2em; } .content img { display: block; margin: 10px auto; max-width: 100%; height: auto !important; } /***************************浜烘墠鎷涜仒********************/ .talentRecruitment .swiper-containerg { padding-bottom: 200px; } .talentRecruitment .swiper-containerg .swiper-slide { border-radius: 20px; } .talentRecruitment .recruitment { border: 1px solid #929292; text-align: center; padding: 40px; border-radius: 20px; } .talentRecruitment .recruitment img { max-height: 80px; max-width: 80px; margin-bottom: 20px; } .talentRecruitment .recruitment h6 { color: #363636; font-size: 20px; margin-bottom: 5px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .talentRecruitment .recruitment b { color: #363636; font-size: 14px; text-transform: uppercase; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .talentRecruitment .recruitment i { display: block; margin: 0 auto; padding-top: 20px; color: #900000; font-weight: 600; } .talentRecruitment .recruitment p{ color: #363636; font-size: 14px; margin-top: 20px; } .talentRecruitment .recruitment .cont{margin-top: 20px;height:135px;overflow-y:auto; } .talentRecruitment .recruitment .cont::-webkit-scrollbar{ width:3px; } .talentRecruitment .recruitment .cont::-webkit-scrollbar-thumb{ width:3px; background:#4A6575; } .talentRecruitment .recruitment .cont::-webkit-scrollbar-track { /*婊氬姩鏉¢噷闈㈣建閬?/ background:#f0f0f0; } .talentRecruitment .recruitment .cont p{ margin-top:0; text-align: left; line-height: 28px; } .talentRecruitment .swiper-button-next, .swiper-button-prev { position: absolute; top: 80%; height: 20px; right: 43%; background-image: url("../image/30.png"); background-size: auto; } .talentRecruitment .swiper-button-prev, .swiper-button-prev { position: absolute; top: 80%; height: 20px; left: 43%; background-image: url("../image/29.png"); background-size: auto; } .talentRecruitment .come_on { text-align: center; margin-bottom: 140px; } .talentRecruitment .come_on b { font-size: 54px; color: #363636; font-weight: 500; } .talentRecruitment .come_on h6 { font-size: 45px; color: #363636; font-weight: 500; } .talentRecruitment .come_on i { display: block; margin: 50px auto; color: #900000; font-weight: 600; } .talentRecruitment .come_on p { font-size: 16px; color: #363636; line-height: 24px; } /*hover鏁堟灉*/ .recruitment .img2 { display: none; } .recruitment:hover .img1 { display: none; } .recruitment:hover .img2 { display: block; } .recruitment .p2 { display: none; } .recruitment:hover .p1 { display: none; } .recruitment:hover .p2 { display: block; margin: 0; } .recruitment:hover i { padding-top:50px; } .talentRecruitment .recruitment:hover .p3{ display: block; } .talentRecruitment .recruitment:hover { background: #910000; text-align: left; border: 1px solid #910000; cursor:pointer; } .talentRecruitment .recruitment:hover h6 { color: #fff; } .talentRecruitment .recruitment:hover b { color: #fff; } .talentRecruitment .recruitment:hover p { color: #fff; } /*鍏ㄥ睆鏄剧ず/闅愯棌*/ .maskf { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(78, 77, 77, 0.5); z-index: 999; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; } .rright { width: 540px; display: none; padding: 0 30px; position: fixed; left: 32%; top: 20%; z-index: 999999999999; background: #fff; border-radius: 10px; text-align: center; } .rright h6 { line-height: 100px; height: 100px; border-bottom: 1px solid #ddd; font-size: 25px; color: #7d7d7d; } .rright h6 .x { float: right; color: #000; } .rright .btn1 { margin-top: 30px; padding: 5px 20px; font-size: 14px; color: #fff; background: #900000; border: none; } .rright .btn1:hover { cursor: pointer } .rright p { margin: 30px 0; font-size: 14px; color: #7d7d7d; } .rright .btn2 { padding: 5px 10px; font-size: 14px; color: #fff; background: #000; border: none; margin-bottom: 60px; } /***************************鑱旂郴鎴戜滑********************/ .contactus .title { margin: 50px 0 50px 0; } .contactus .map { text-align: center; position: relative; } .contactus .map img { margin: 0 0 40px 0; } .contactus .map .arrow { width: 17px; height: 17px; position: absolute; } .contactus .map .arrow:after { content: ''; position: absolute; width: 100px; height: 100px; border-radius: 50%; /*box-shadow:0 0 1px 2px rgba(255, 255, 255, 0.8);*/ border: #910000 solid 3px; top: 50%; left: 50%; margin-top: -53px; margin-left: -53px; z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; } @-webkit-keyframes halo { 0% { opacity: 0; -webkit-transform: scale(0.1); } 50% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.2); } } @-moz-keyframes halo { 0% { opacity: 0; -moz-transform: scale(0.1); } 50% { opacity: 1; } 100% { opacity: 0; -moz-transform: scale(1.2); } } @-ms-keyframes halo { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes halo { 0% { opacity: 0; -o-transform: scale(0.1); } 50% { opacity: 1; } 100% { opacity: 0; -o-transform: scale(1.2); } } @keyframes halo { 0% { opacity: 0; transform: scale(0.1); } 50% { opacity: 1; } 100% { opacity: 0; transform: scale(1.2); } } .contactus .map p { font-size: 16px; color: #787878; line-height: 30px; } .contactInformati { margin: 125px 0; } .contactInformati .conta { width: 25%; text-align: center; float: left; } .contactInformati .conta img { max-width: 100px; max-height: 100px; } .contactInformati .conta .p1 { font-size: 16px; color: #c8c8c9; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; line-height: 30px; height: 30px; } .contactInformati .conta .p2 { font-size: 16px; color: #787878; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 30px; height: 30px; } .form { padding: 0 0px; } .form li { width: 100%; margin-bottom: 25px; } .form li span { display: block; width: 110px; font-size: 20px; color: #787878; float: left; margin-right: 20px; margin-top: 10px; } .form li input { width: calc(100% - 140px); float: left; line-height: 40px; height: 40px; font-size: 16px; color: #c2c2c2; background: #e6e6e6; border: none; text-indent: 2em; border-radius: 10px; outline: none; border: 1px solid #999; } .form li input#code { width: calc(100% - 260px); } .form li textarea { width: calc(100% - 140px); float: left; font-size: 18px; color: #c2c2c2; background: #e6e6e6; border: none; text-indent: 2em; padding-top: 10px; border-radius: 10px; outline: none; border: 1px solid #999; } .form button { text-align: center; width: 150px; margin: 40px auto 100px auto; background: #464646; font-size: 25px; color: #fff; padding: 5px 0; border-radius: 10px; border: none; display: block; outline: none } /***************************浜у搧涓績********************/ /*娣诲姞鍐呭*/ .productCenter .product #oranger li { box-shadow: 0px 10px 2px #bababa; max-width: 152px; margin: 0 auto; padding: 30px 0; border-radius: 50%; margin-bottom: 50px; border: 2px solid transparent; background: #fff; } .productCenter .product #oranger li img { max-width: 80px; max-height: 60px; margin-bottom: 20px; } .productCenter .product #oranger li h6 { color: #504a4a; } .productCenter .product #oranger li:hover { border: 2px solid #b8001b; } .productCenter .product #oranger li:hover h6 { color: #b8001b; } /*娣诲姞鍐呭缁撴潫*/ .productCenter { background-image: url("../image/24.png"); background-repeat: no-repeat; background-position: 100% 0; } .product { background-image: url("../image/41.png"); background-repeat: no-repeat; background-position: 0 100%; } .product .title { background-position: 49% 32%; background-size: 10% 70%; } /*涓氬姟 鑼冨洿 table鍒囨崲 */ .product #oranger { width: 360px; float: left; text-align: center; } .product #oranger li { margin-bottom: 10px; } .product #oranger li img { max-width: 150px; max-height: 150px; } /* 鍐呭 */ .product .tablea { width: calc(100% - 360px); float: left; } .product .imgnews { display: none; } .product .no-more { display: none; } .product .imgnews .center { padding: 70px; width: calc(33% - 180px); margin-right: 40px; margin-bottom: 40px; float: left; background: #000000; text-align: center; } .product .imgnews .center:nth-child(3n) { margin-right: 0px; } .no-more { width: 150px; display: block; margin: 0 auto; background: #4c4948; text-align: center; font-size: 20px; color: #fff; margin-bottom: 100px; padding: 5px 0; border-radius: 10px; } /*鍥剧墖鏃嬭浆*/ /* @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } #oranger li img:hover { -webkit-transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear infinite; -o-animation: rotation 3s linear infinite; }*/ /*hover鏁堟灉*/ .center { position: relative; } .center .cen { position: absolute; z-index: 999; bottom: 0; left: 0; background: #a90017; width: 100%; padding: 50px 0 35px 0; color: #fff; border-top-left-radius: 60%; border-top-right-radius: 60%; display: none; } .center .cen h6 { font-size: 20px; font-weight: 500; margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .center .cen p { font-size: 16px; } .center:hover .cen { display: block; } /***************************浼佷笟绠€浠?*******************/ /*浜斾釜鍥炬爣*/ .icons_5 { padding: 50px 0 70px 0; } .icons_5 .img { width: 20%; text-align: center; float: left; } /*浼佷笟姒傚喌*/ .surveyP { text-align: center; font-size: 16px; color: #514f4f; line-height: 30px; } .clock { text-align: center; background-image: url("../image/57.png"); background-repeat: no-repeat; background-position: 50% 50%; height: 855px; position: relative; } .clock .image img { max-width: 195px; max-height: 195px; } .clock .img1 { position: absolute; top: 7%; left: 29%; z-index: 999; } .clock .img2 { position: absolute; top: 7%; left: 55%; z-index: 999; } .clock .img3 { position: absolute; top: 38%; left: 68%; /* left: 16%; */ z-index: 999; } .clock .img4 { position: absolute; /*top: 38%; left: 68%;*/ top: 70%; left: 55%; z-index: 999; } .clock .img5 { position: absolute; top: 70%; left: 29%; z-index: 999; } .clock .img6 { position: absolute; top: 38%; left: 16%; z-index: 999; } /*hverp鏁堟灉*/ .clock .image img:nth-child(2) { display: none; float: left; } .clock .image img:nth-child(3) { display: none; float: left; margin-top: 30px; margin-left: 20px; /*鍥剧墖缂╂斁鏁堟灉*/ cursor: pointer; transition: all 2s; } .clock .image img:nth-child(3):hover { /*鍥剧墖缂╂斁鏁堟灉*/ -ms-transform: translate(-50%, -50%) scale(2); -webkit-transform: translate(-50%, -50%) scale(2); transform: translate(30%, 30%) scale(2); } .clock .image:hover img:nth-child(1) { display: none; } .clock .image:hover img:nth-child(2) { display: block; } .clock .image:hover img:nth-child(3) { display: block; } /*浼佷笟鏂囧寲*/ .culture .title { margin-top: 0; } .cultureP { text-align: center; font-size: 16px; color: #514f4f; line-height: 2; } .cultureP .p1 { font-size: 21px; } .cultureImg { padding: 70px 0 100px 0; } .cultureImg .img { float: left; width: 15%; margin-right: 2%; } .cultureImg .img:nth-child(6n) { margin-right: 0%; } .cultureImg .img:nth-child(2n-1) { margin-top: 80px; } /*hover鏁堟灉*/ .cultureImg .img img:nth-child(2) { display: none; } .cultureImg .img:hover img:nth-child(1) { display: none; } .cultureImg .img:hover img:nth-child(2) { display: block; } .cultureVideo { text-align: center; } .cultureVideo p { font-size: 16px; color: #514f4f; line-height: 2; } .cultureVideo object, .cultureVideo video, .cultureVideo embed, .cultureVideo div { margin-top: 20px; max-width: 100%; } /*浼佷笟鏋舵瀯*/ .frameworkImg { text-align: center; } /*鐢熶骇瀹炲姏*/ .frameworkP { text-align: center; font-size: 16px; color: #514f4f; line-height: 2; } .frameworkSwiper { margin: 70px 100px 0 70px; position: relative; } .frameworkSwiper .swiper-container { position: static; padding: 10px 0; } .frameworkSwiper .swiper-slide { text-align: center; width: 33.3%; } .frameworkSwiper .swiper-slide .img img { width: 100%; } .frameworkSwiper .swiper-button-next, .swiper-button-prev { background-image: url("../image/83.png"); background-size: inherit; position: absolute; top: 60%; right: -5%; width: 40px; height: 40px; } .frameworkSwiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("../image/82.png"); background-size: inherit; top: 60%; left: -5%; width: 40px; height: 40px; } /*鏂伴椈鍒楄〃*/ .newsList { margin-bottom: 60px; } .newsList li { margin-bottom: 60px; } .newsList li .img { width: calc(50% - 30px); float: left; margin-right: 30px; box-shadow: 0 0 2px #ddd; border-bottom-right-radius: 50px; } .newsList li:nth-child(2n) .img { margin-left: 30px; margin-right: 0px; border-bottom-left-radius: 50px; border-bottom-right-radius: 0px; } .newsList .list { width: 50%; float: left; border-bottom: 1px solid #555454; } .newsList .list h6 { font-size: 20px; color: #555454; font-weight: 500; line-height: 40px; margin: 30px 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newsList .list p { font-size: 16px; color: #555454; line-height: 60px; } .newsList .list p i { display:none; } .newsList .list p span:nth-child(2) { float: right; } .newsList li:hover h6 { color: #910000; } .gdxw { color: #969696; font-size: 20px; text-align: right; width: 110px; display: block; float: right; } /***************************鏂伴椈鍔ㄦ€?*******************/ .newsInformation .newsList li { margin-bottom: 30px; } .newsInformation .newsList li .img { width: 30%; float: left; margin-right: 0px; margin-left: 30px; box-shadow: 0 0 2px #ddd; border-bottom-left-radius: 50px; border-bottom-right-radius: 0px; } .newsInformation .newsList .list { width: calc(70% - 30px); float: left; } .newsInformation .newsList .list h6 { margin: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .newsInformation .paging { margin: 60px 0 80px 0; } .tz { color: #FFF; line-height: 40px; height: 40px; width: 100px; display: block; background: #8B0000; text-align: center; font-size: 14px; margin-bottom: 20px; display: none; }