@charset "utf-8"; * { margin: 0; padding: 0; box-sizing: border-box; font-family: "寰蒋闆呴粦"; } @font-face { font-family: "DIN"; src: url("../font/DIN-BOLD.ttf"); } ul { list-style: none; } a { text-decoration: none; } em, i { font-style: normal; } img { max-width: 100%; max-height: 100%; border: 0; border: none; } .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: translateX(-50%, -50%);*/ margin:0 auto; display:block; max-width: 100%; max-height: 100%; /*鍥剧墖缂╂斁鏁堟灉*/ cursor: pointer; transition: all 3s; } .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: 1400px; margin: 0 auto; } /***********************************棣栭〉****************************/ /*鎶樺彔瀵艰埅1*/ .btn { position: absolute; top: 17px; right: 10px; z-index: 999; display: none; } .btn div { width: 24px; height: 2px; background: #fff; margin-bottom: 6px; } /*椤堕儴*/ .header { background: rgba(213, 226, 235, .8); position: fixed; top: 0; width: 100%; z-index: 9999999; } .header .max:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .header .logo { max-width: 13%; max-height: 60px; margin-right: 2%; margin-top: 30px; float: left; } .header .nav { float: right; text-align: right; width: 85%; } .header .nav:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .header .nav li { float: left; width: 9%; position: relative; text-align: center; } .header .nav li:last-child { margin-right: 0px; } .header .nav li a { display: block; font-size: 16px; color: #231815; line-height: 120px; height: 120px; } .header .nav .select a, .header .nav li:hover a { color: #0068b7; } /* 浜岀骇瀵艰埅 */ .header .two { min-width: 100%; z-index: 999; position: absolute; top: 120px; left: 0; display: none; background: rgba(213, 226, 235, .8); } .header .nav li:hover .two { display: block; } .header .nav li .two a { display: block; width: 100%; color: #2e2e2e; font-size: 14px; line-height: 50px; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; border:0; } .header .nav li .two .select, .header .nav li .two a:hover { background-color: rgba(0, 104, 183, .8); color: #fff; } /*缁撴潫*/ /*杞挱鍥?/ .swiper-one img { width: 100%; } .swiper-one.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { width: 20px; height: 5px; border-radius: 0; background: #fff; opacity: 1; margin: 0 10px; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background: #b71000; opacity: 1; } .about-1{padding: 20px 12px 20px;font-size: 13px;line-height: 26px;max-width: 1400px;margin:0 auto;} .swiper-huace{width:100%;height:1000px;margin:0 auto;} .swiper-huace img{max-height:900px;margin:0 auto;display:block;} .swiper-huace > .swiper-pagination-bullets .swiper-pagination-bullet{background: #ccc;width:8px;height:8px;border-radius:50%;} .swiper-huace > .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #0068b7;} /*鍏充簬鎴戜滑*/ .aboutUS { background: #f2f5f7; padding: 80px 0; } .title { text-align: center; margin-bottom: 30px; } .title h2 { font-size: 36px; color: #3d3d3d; font-weight: 500; line-height: 48px; } .title i { display: block; width: 30px; height: 5px; background: #0068b7; margin: 10px auto; } .title p { font-size: 14px; color: #7a7a7a; line-height: 28px; } .about { position: relative; } .about:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .about .img { width: 51%; box-shadow: 0 0 2px #ddd; float: left; } .about .img div, .about .img object, .about .img embed, .about .img iframe, .about .img video { width: 100% !important; height: 100% !important; } .win-anumber { width: 49%; float: right; } .about .win-win { width: 100%; background: #fff; padding: 45px 30px; height: 240px; overflow: hidden; } .about .win-win h3 { font-size: 24px; color: #0068b7; margin-bottom: 30px; line-height: 40px; } .about .win-win h3 span { margin: 0 5px; color: #ad2a30; } .see { float: right; display: block; font-size: 16px; color: #0068b7; line-height: 40px; width: 140px; border-radius: 20px; border: 1px solid #0068B7; text-align: center; font-weight: 400; text-transform: uppercase; transition: all 3s; } .see:hover { background: #0068B7; color: #fff; } .about .win-win p { font-size: 14px; color: #7a7a7a; line-height: 32px; height: 96px; text-align: justify; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .number { width: 100%; background: #f2f5f7; padding: 30px 50px 0; height: 210px; overflow: hidden; } .number:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .number li { float: left; width: 33%; margin-bottom: 30px; } .number li h3 { font-size: 36px; line-height: 30px; color: #0068b7; font-family: "DIN"; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .number li p { font-size: 14px; line-height: 30px; color: #7a7a7a; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /*涓氬姟棰嗗煙*/ .business_area { background: url("../image/4.jpg") 0 0 no-repeat; background-position: 100% 100%; background-size: 100% 100%; padding: 80px 0; } .business_area .title h2 { color: #fff; } .business_area .title i { background: #ad2a30; } .business_area .title p { color: #fff; } .swiper-container1 .swiper-slide { position: relative; } .swiper-container1 .swiper-slide .img { box-shadow: 0 0 2px #ddd; } .swiper-container1 .area { position: absolute; top: 0; left: 0; text-align: center; height: 100%; padding: 45% 35px 0; background: rgba(0, 0, 0, .6); } .swiper-container1 .swiper-slide:hover .area { background: rgba(0, 0, 0, .3); } .swiper-container1 .area h3 { font-size: 24px; color: #fff; line-height: 32px; margin-bottom: 160px; font-weight: 500; } .swiper-container1 .area p { font-size: 13px; color: #fff; font-weight: 300; line-height: 28px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /*杞挱鍥?*/ .swiper-container1.swiper-container { padding-bottom: 50px; } .swiper-container1.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; } .swiper-container1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { width: 20px; border-radius: 5px; margin: 0 5px; } .swiper-container1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { width: 30px; } /*绮惧搧宸ョ▼*/ .boutique_engineering { margin: 80px 0; background: #f2f5f7; } .max2 { max-width: 1660px; } .boutique_engineering:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .boutique { width: 55%; float: left; position: relative; } .boutique .img { box-shadow: 0 0 2px #ddd; } .boutique p { width: 100%; position: absolute; bottom: 0; line-height: 70px; height: 70px; background: rgba(0, 0, 0, .5); text-align: right; padding: 0 50px; font-size: 18px; color: #fff; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .engineering { width: 45%; float: left; padding: 50px 0 0 50px; } .engineering .title { text-align: left; margin-bottom: 0; } .engineering .title i { margin: 10px 0 20px; } .engineering .see { float: none; margin: 50px 0 60px 0; } /*杞挱2*/ .swiper-container2.swiper-container { padding: 0 75px; } .swiper-container2 .swiper-slide { max-height: 90px; } .swiper-container2 .swiper-button-next, .swiper-container2 .swiper-button-prev { position: absolute; top: 0; width: 50px; height: 90px; margin: 0px; background-size: 100% 100%; } .swiper-container2 .swiper-button-next { background: url("../image/12.jpg") no-repeat; left: 0px; top: 1px; right: auto; } .swiper-container2 .swiper-button-prev { background: url("../image/13.jpg") no-repeat; right: -2px; left: auto; } /*鏂伴椈璧勮*/ .content-left { float: left; width: 50%; background: #ffffff; padding: 30px; margin-right: 2%; } .content-left .img { width: 98%; margin: 2px auto 0 auto; box-shadow: 0 0 2px #ddd; } .left-top-text { color: #333333; font-size: 18px; margin-top: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .left-center-text { font-size: 14px; color: #666666; margin-top: 14px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .left-bottom-text { font-size: 14px; color: #adadad; margin-top: 7px; position: relative; } .left-bottom-text span { position: absolute; top: 0; right: 0; } .content-left .pagination-news { text-align: right !important; bottom: 2px !important; } .content-left .pagination-news .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } .content-left .pagination-news .swiper-pagination-bullet-active { background: #007aff; opacity: 1; } .content-right { float: right; width: 48%; } .content-right-list { width: 100%; background-color: #ffffff; margin-bottom: 11px; } .content-right .content-right-list:last-child { margin-bottom: 0px; } .content-right-list .time { width: 15%; float: left; background: #00649f; text-align: center; color: #f5f5f5; padding: 10px 0; } .time-top { font-size: 32px; } .time-bottom { font-size: 14px; } .content-text { float: left; padding: 15px 0 0 20px; width: 84%; } .content-text-top { color: #333333; font-size: 18px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .content-text-bottom { color: #666666; font-size: 14px; margin-top: 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .content-text-bottom:hover { color: #00649f; } .content-text-top:hover { color: #00649f; } .red_bgimg img { width: 100%; height: 100%; } .journalism { padding-top: 80px; } .journalism .title { margin-bottom: 30px; } .journa { background: #f2f5f7; padding: 50px 0; } .journa .max { position: relative; } /*table鍒囨崲*/ .corpoat #oranger { width: 714px; position: absolute; bottom: 80px; right: 0; padding-left: 60px; z-index: 9999; } .corpoat #oranger li { float: left; width: 45px; line-height: 45px; height: 45px; margin-right: 20px; border-radius: 50px; text-align: center; } .corpoat #oranger li a { font-size: 18px; color: #fff; } .corpoat #oranger .see { border-color: #fff; color: #fff; } .corpoat #oranger .sciece, .corpoat #oranger li:hover { background: #fff; } .corpoat #oranger .sciece a, .corpoat #oranger li:hover a { color: #205F92; } .corpoat #oranger .see:hover { border-color: #fff; background: #fff; color: #205F92; } /*鍐呭*/ .corpoat .imgnews { clear: both; display: none; position: relative; } .corpoat .imgnews .img { width: 687px; box-shadow: 0 0 2px #ddd; position: absolute; top: -110px; left: 0; z-index: 999; } .corpoat .imgnews .jouright { width: 924px; padding: 50px 50px 50px 270px; background: #f2f5f7; position: absolute; top: -150px; right: 0; z-index: 99; } .corpoat .imgnews .jouright h4 { font-size: 36px; color: #474747; font-weight: 300; font-family: "鎬濇簮榛戜綋"; } .corpoat .imgnews .jouright h3 { font-size: 24px; color: #474747; font-weight: 500; margin: 30px 0 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .corpoat .imgnews .jouright p { font-size: 14px; line-height: 28px; height: 56px; color: #7a7a7a; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .corpoat .imgnews .jouright em { display: block; font-size: 16px; color: #b71000; margin-top: 30px; } /*缁撴潫*/ .ggt { width: 100%; } /*搴曢儴*/ .footer { padding: 50px 0; background: url("../image/19.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%; margin-top: -4px; } .footer .max:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .footleft { float: left; width: 49%; margin-right: 2%; } .footleft h3 { font-size: 24px; line-height: 28px; color: #474747; } .footleft>p { font-size: 14px; line-height: 28px; color: #616161; margin: 20px 0 -40px; } .footleft ul { display: inline-block; width: 320px; } .footleft ul li { font-size: 14px; line-height: 30px; color: #616161; } .footleft .rwm { display: inline-block; text-align: center; width:110px; } .footleft .rwm img { width: 110px; height: 110px; } .footleft .rwm p { font-size: 14px; line-height: 28px; color: #616161; } .footright { float: right; width: 49%; text-align: right; margin-top: 25px; } .footright img { width: 336px; height: 54px; } .footright p { font-size: 14px; line-height: 30px; color: #616161; margin: 10px 0 5px; } .footright em { display: block; font-size: 14px; line-height: 30px; color: #616161; } .footright .jishu { display: block; font-size: 14px; line-height: 30px; color: #616161; } .footright a { font-size: 14px; color: #616161; } .footleft ul li:hover, .footright a:hover, .footright em:hover, .footright p:hover, .footleft .rwm:hover p, .footleft>p:hover { color: #205f92; } /*****************************姒傚喌**************************/ /*澶у浘鐗?/ .dtp { width: 100%; } /*椤堕儴瀵艰埅*/ .header2.header .logo { margin-top: 15px; } .header2.header .nav li>a { line-height: 90px; height: 90px; } .header2.header .two { top: 90px; } /*瀵艰埅璺緞*/ .path_navigation { background: #f2f5f7; margin-top: -4px; } .path_navigation .max:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .path_navigation .path { float: left; } .path_navigation .path:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .path_navigation .path li { float: left; margin-right: 50px; } .path_navigation .path li:last-child { margin-right: 0px; } .path_navigation .path li a { line-height: 70px; font-size: 16px; color: #231815; } .path_navigation .path .sciece a, .path_navigation .path li a:hover { color: #3e80c0; } .path_navigation .navigation { float: right; white-space:nowrap; } .path_navigation .navigation img { width: 16px; height: 16px; margin-right: 5px; float: left; margin-top: 27px; } .path_navigation .navigation a { line-height: 70px; font-size: 16px; color: #7a7a7a; white-space:nowrap; } .path_navigation .navigation a:hover { color: #3e80c0; } /*鏁板瓧鏁版嵁*/ .number2.number { width: 100%; position: static; padding: 60px 0; height: auto; background: #fff; } .number2.number li { width: auto; margin-bottom: 0px; text-align: center; margin-right: 106px; } .number2.number li:first-child+li+li+li+li+li{ margin-right: 0px; } .number2.number li h3 { font-size: 60px; line-height: 60px; } /*鍏徃*/ .company { padding: 90px 0; background: #004071; } .company .max:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .comleft { float: left; width: 45%; } .comleft h3 { font-size: 60px; line-height: 60px; color: #fff; font-family: "DIN"; margin-bottom: 10px; } .comleft h4 { font-size: 24px; color: #fff; } .comright { float: left; width: 55%; font-size: 16px; line-height: 32px; color: #FFF; text-align: justify; } .comright p:nth-child(1) { margin-bottom: 40px; } /*绠€浠?/ .introduce { padding-left: 120px; margin: 80px 0 60px; position: relative; } .introduce:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .intleft { width: 40%; margin-right: 6%; font-size: 16px; line-height: 32px; color: #474747; text-align: justify; float: left; } .intleft p { margin-bottom: 40px; } .intleft p:last-child { margin-bottom: 0px; } .intright { width: 54%; float: left; } .ggt2 { margin-bottom: 80px; } .sx { position: absolute; top: -188.5px; left: 40px; } /*****************************棰嗗**************************/ .leader { margin: 60px 0 30px; } .leader .max:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .leaimg { width: 23.5%; float: left; margin-right: 2%; margin-bottom: 30px; } .leader .max .leaimg:first-child+div+div+div, .leader .max .leaimg:first-child+div+div+div+div+div+div+div, .leader .max .leaimg:first-child+div+div+div+div+div+div+div+div+div+div+div, .leader .max .leaimg:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div, .leader .max .leaimg:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div{ margin-right: 0; } .leaimg .img { box-shadow: 0 0 2px #ddd; } .leaimg p { background: #F2F4F6; padding: 0 30px; line-height: 60px; height: 60px; } .leaimg p:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .leaimg p span { float: left; width: 100px; color: #0068b7; font-size: 18px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .leaimg p em { width: calc(100% - 100px); color: #474747; font-size: 14px; float: left; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .leaimg:hover p em { color: #0068b7; } /*****************************鑽h獕**************************/ /*涓?/ .honor_top { margin: 50px 0 80px; } .title2 { margin-bottom: 30px; } .title2:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .t2left { float: left; width: 50%; } .t2left h3 { color: #231815; font-size: 36px; font-family: "DIN"; text-transform: uppercase; line-height: 36px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .t2left p { color: #231815; font-size: 18px; line-height: 32px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .t2right { text-align: right; float: right; width: 50%; } .t2right p { color: #7a7a7a; font-size: 14px; line-height: 30px; /*overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;*/ } .honor_bottom .t2right p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /*璧勮川鍒楄〃*/ .qualifications-list:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .qualifications-list li { width: 23.5%; margin-right:2%; float: left; margin-bottom: 2%; } .qualifications-list li:first-child +li+li+li, .qualifications-list li:first-child +li+li+li+li+li+li+li, .qualifications-list li:first-child +li+li+li+li+li+li+li+li+li+li+li, .qualifications-list li:first-child +li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, .qualifications-list li:first-child +li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, .qualifications-list li:first-child +li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, .qualifications-list li:first-child +li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, .qualifications-list li:first-child +li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, .qualifications-list li:first-child +li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li { margin-right: 0%; } .qualifications-list li .img { box-shadow: 0 0 2px #ddd; } .qualifications-list li p { text-align: center; line-height: 45px; height: 45px; background: #f2f4f6; font-size: 14px; color: #474747; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .qualifications-list li:hover p { color: #B71000; } /*涓?/ .honor_bottom { padding: 70px 0; background: #f2f4f6; } .honorlist:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .honorlist li { width: 32%; float: left; margin-right: 2%; margin-bottom: 30px; } .honorlist li:nth-child(3n) { margin-right: 0%; } .honorlist li:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .honorlist li h6 { width: 100px; line-height: 100px; height: 100px; text-align: center; font-size: 32px; color: #0068b7; background: #e6e8eb; font-weight: 300; float: left; font-family: "DIN"; } .honorlist li .hoP { float: left; width: calc(100% - 100px); padding: 20px; line-height: 28px; height: 100px; background: #fff; font-size: 14px; color: #474747; overflow: hidden; } .honorlist li .hoP p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .honorlist li:hover .hoP p { color: #0068b7; } /*鍒嗛〉 */ .paging { text-align: center; margin-top: 20px; } .paging .select, .paging a:hover { background: #0068b7; color: #fff; } .paging a { display: inline-block; width: 40px; line-height: 40px; height: 40px; text-align: center; background: #e6e8eb; margin-right: 10px; font-size: 18px; color: #7a7a7a; border-radius: 50px; } .paging a.npage{ margin-right: 0px; } .paging a.npage, .paging a.ppage { width: 90px; } /*妯嚎*/ .hx { display: block; width: 100%; height: 20px; background: #0068b7; } /*****************************鑷磋緸**************************/ .Address { margin: 60px 0 80px; } .Address .max:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .Address .img { width: 427px; box-shadow: 0 0 2px #ddd; float: left; } .addright { width: calc(100% - 427px); float: left; } .addright h6 { color: #0068b7; font-size: 32px; line-height: 100px; height: 100px; font-weight: 400; padding-left: 40px; } .addright h6 span { color: #474747; font-size: 18px; margin-left: 5px; } .addright .addP { padding: 30px; background: #f2f4f6; font-size: 14px; line-height: 31px; color: #474747; text-align: justify; } .addright .addP p { text-indent: 2em; } /*****************************鍏氬缓**************************/ .party_building { padding: 30px 0 80px; } .party_building li { border-bottom: 1px dashed #ddd; padding: 30px 0; } .party_building li:last-child { border-bottom: none; } .party_building li:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .party_building .img { width: 22%; box-shadow: 0 0 2px #ddd; float: left; } .party_building .party { width: 78%; float: left; padding: 27px 0 27px 50px; } .party_building .party:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .party_building .party .partyleft { float: left; width: 80%; } .party_building .party .partyleft h6 { font-size: 24px; line-height: 36px; color: #474747; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .party_building .party .partyleft p { font-size: 14px; line-height: 28px; height: 84px; color: #7a7a7a; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .party_building .party .partyright { float: left; width: 130px; margin-left: 70px; } .party_building .party .partyright p { font-size: 24px; line-height: 24px; color: #474747; font-family: "鎬濇簮瀹嬩綋"; margin-bottom: 70px; } .party_building .party .partyright em { display: block; font-size: 14px; color: #474747; text-align: right; } .party_building li:hover { border-bottom-color: #0068b7; } .party_building li:hover .partyleft h6 { color: #0068b7; } .party_building .paging { margin-top: 50px; } /*****************************鏂伴椈**************************/ .news { margin: 60px 0 80px; } .news .max:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .news li { list-style: none; margin-bottom: 40px; } .news li:last-child { margin-bottom: 0; } .news .time { float: left; text-align: center; padding: 30px; background: #00649f; } .news .time h3 { font-size: 30px; color: #fff; font-family: "Bold"; } .news .time p { font-size: 16px; color: #fff; font-family: "寰蒋闆呴粦"; } .news .line { float: left; margin-top: 50px; font-weight: 600; margin-right: 45px; color: #ededed; } .news .dynamic { float: left; padding: 30px; background: #f7f7f7; width: 83%; font-family: "寰蒋闆呴粦"; } .news .dynamic span { font-size: 14px; line-height: 32px; color: #7a7a7a; float: left; margin-bottom: 30px; } .news .dynamic span:first-child + span{float:right;} .news .dynamic .spanspan { font-size: 24px; color: #333; width: calc(100% - 80px); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .news .dynamic i { font-size: 14px; line-height: 28px; color: #7a7a7a; font-style: normal; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .news ul li:hover .line { color: #00649f; } .news ul li:hover .dynamic>span { color: #00649f; } .newsNotice { width: 29.5%; margin-right: 5.7%; float: left; } .max .newsNotice:nth-child(3n) { margin-right: 0%; } .newsNotice .img { box-shadow: 0 0 2px #ddd; } .newsNotice .notice { padding: 20px 0 30px; } .newsNotice .notice em { display: block; font-size: 24px; color: #7A7A7A; margin-bottom: 10px; font-family: "DIN"; } .newsNotice .notice h6 { font-size: 20px; color: #474747; font-weight: 400; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .newsNotice .notice p { font-size: 14px; color: #7a7a7a; line-height: 28px; height: 56px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 20px 0; } .newsNotice .notice i { display: block; font-size: 14px; color: #b71000; } .newsNotice:hover .notice h6 { color: #0068b7; } .news .paging { margin-top: 30px; } /*****************************宸ョ▼**************************/ .engineering2 { margin: 60px 0 80px; } .engineering2 .max:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .engineering2 .engimg { width: 32%; float: left; margin-right: 2%; margin-bottom: 30px; } .engineering2 .engimg:first-child+div+div, .engineering2 .engimg:first-child+div+div+div+div+div, .engineering2 .engimg:first-child+div+div+div+div+div+div+div+div, .engineering2 .engimg:first-child+div+div+div+div+div+div+div+div+div+div+div{ margin-right: 0%; } .engineering2 .engimg .img { box-shadow: 0 0 2px #ddd; } .engineering2 .engimg p { font-size: 18px; color: #404040; line-height: 60px; height: 60px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: center; background: #f2f2f2; } .engineering2 .engimg:hover p { color: #0068B7; } .engineering2 .paging { margin-top: 20px; } /*****************************涓氬姟**************************/ .business { margin: 60px 0; } .yw-bg{ margin-bottom: 60px; } .townav { text-align: center; margin-bottom:5px; padding: 30px 0 0; background:#3e80c0; } .townav a { display: inline-block; line-height: 50px; height: 50px; border-radius: 30px; padding: 0 30px; background: #f2f5f7; font-size: 16px; color: #2e2e2e; margin-right:65px; font-weight: 600; margin-bottom: 30px; } .townav .sciece, .townav a:hover { color: #fff; background:#000080; } .busp { font-size: 16px; line-height: 32px; color: #2e2e2e; background: #f2f5f7; padding: 60px; text-align: justify; } .busp p { text-indent: 2em; } .swiper-container4 .swiper-slide { width: 66.1%; } .swiper-container4 .img { width: 100%; } .swiper-container4 p { width: 50%; margin: 0 auto; text-align: center; font-size: 20px; line-height: 28px; color: #2f2f2f; margin-top: 15px; padding: 0 6px; } .swiper-container4 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("../image/46.png"); } .swiper-container4 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("../image/47.png"); } .swiper-container4 .swiper-button-next, .swiper-container4 .swiper-button-prev { width: 29px; height: 54px; background-size: 100% 100%; } /*****************************鍒涙柊**************************/ .innovate { margin: 60px 0 50px; } .innovate .inn { text-align: center; margin-bottom: 20px; } .innovate .inn h6 { font-size: 36px; color: #231815; font-weight: 400; text-transform: uppercase; font-family: "DIN"; } .innovate .inn em { display: block; font-size: 18px; color: #231815; margin: 5px 0; } .innovate .inn p { font-size: 14px; line-height: 30px; color: #7A7A7A; } .innovate .case { text-align: center; margin-bottom: 20px; margin-top: 70px; } .innovate .case h3 { font-size: 36px; color: #231815; font-weight: 500; } .innovate .case p { text-align: center; font-size: 18px; color: #231815; text-transform: uppercase; } .innovate .engineering2 { margin: 0; } .innovate .engineering2:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /*****************************鏂囧寲**************************/ .culture { margin: 50px 0; } .culture .title2 { margin-bottom: 10px; } .culture .t2left { width: 100%; } .cultureIMG { font-size: 14px; color: #474747; line-height: 28px; padding: 10px 0; } .cultureIMG p { text-align: justify; text-indent: 2em; } .cultureIMG img { display: block; width: auto; margin: 5px auto; } /*****************************鏀跨瓥**************************/ .policy .party_building { padding: 50px 0 80px; } .policy .party_building li .party { width: 100%; padding: 0; } .policy .party_building .party .partyleft p { height: 56px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .policy .party_building .party .partyright p { margin-bottom: 40px; } .policy .party_building .paging { margin-top: 40px; } /*****************************鎷涜仒**************************/ .recruit { margin: 50px 0 80px; } .recruit .title2 { margin-bottom: 0; } .recruit .t2right p { color: #262223; font-size: 18px; /*overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;*/ } .recruit .t2right p a { color: #eb3838; } /*鍙i鐞存晥鏋?/ .organ>ul { width: 100%; list-style: none; } .organ .menu-one>li { height: auto; overflow: hidden; margin-bottom: 20px; background: #f5f5f5; } /* 鎷涜仒宀椾綅鍚嶇О*/ .post { background: #0068b7; margin-bottom: 20px; text-align: center; } .organ .post p { font-size: 24px; color: #feffff; line-height: 65px; height: 65px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /*宀椾綅*/ .organ .menu-one .name { cursor: pointer; line-height: 65px; height: 65px; padding-left: 40px; } .organ .menu-one .name h3 { color: #474747; font-size: 24px; font-weight: 400; float: left; width: 33%; } .organ .menu-one .name p { float: left; color: #474747; font-size: 18px; } .organ .menu-one .name p span { margin: 0 30px; } .organ .menu-one .name p:nth-child(2) { width: calc(67% - 250px); } .organ .menu-one .name p.xq{ float: right; width: 136px; text-align: center; background: #ebebeb; font-size: 14px; } .organ .menu-one .name:hover { background: #0068b7; } .organ .menu-one .name:hover h3, .organ .menu-one .name:hover p { color: #fff; } .organ .menu-one .name:hover p.xq { color: #474747; } /*鍐呭 */ .organ .menu-two { display: none; padding: 40px; background: #f9f9f9; } .organ .menu-two2 { display: block; } .post1 .organ .menu-two2 { display: none; } .organ .menu-two .menu { width: 100%; } .organ .menu-two .menu:nth-child(2) { margin-top: 20px; } .organ .menu-two b { font-size: 14px; line-height: 28px; color: #0068b7; display: block; } .organ .menu-two p { font-size: 14px; line-height: 28px; color: #474747; text-align: justify; } .organ .menu-two p a { color: #0068b7; } .organ .menu-one { margin-top: 60px; } .organ .menu-one:nth-child(1) { margin-top: 45px; } .organ .menu-one:nth-child(2) .menu-two2 { display: none; } /*****************************鑱旂郴**************************/ .contact { margin: 60px 0 80px; } .contactTOP:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .contactTOP .topleft { width: 25%; background: #f2f5f7; padding: 40px 60px; float: left; } .contactTOP .topleft h4 { font-size: 24px; color: #2e2e2e; font-weight: 500; line-height: 24px; margin-bottom: 30px; } .contactTOP .topleft h6 { font-size: 16px; color: #0068b7; font-weight: 500; line-height: 30px; } .contactTOP .topleft p { font-size: 16px; color: #2e2e2e; line-height: 30px; } .contactTOP .topleft h5 { font-size: 16px; color: #0068b7; line-height: 30px; margin-top: 30px; } .contactTOP .topleft img { width: 110px; height: 110px; } .contactTOP .topright { display: block; float: left; width:75%; } .my-map { margin: 0 auto; height: 457px; } .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .amap-container { height: 100%; } .amap-info-content h5 { font-size: 15px; } .amap-info-content div { font-size: 14px; } .contactBOT { margin-top: 20px; } .contactBOT:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .contactBOT h4 { width: 12%; line-height: 120px; height: 120px; text-align: center; background: #ebeef0; font-size: 24px; color: #2e2e2e; font-weight: 500; float: left; } .contactBOT .botright { float: left; width: 88%; background: #f2f5f7; padding: 0 20px; } .contactBOT .botright:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .contactBOT .botright .p2 { float: left; width: 20%; height: 120px; padding-top: 30px; } .contactBOT .botright .p2 a { color: #2e2e2e; font-size: 16px; line-height: 32px; } .contactBOT .botright .p2 p:nth-child(1) { color: #0068b7; } /*****************************璇︽儏**************************/ .details { margin: 80px 0; } .max3 { max-width: 1160px; margin: 0 auto; } .title3 { text-align: center; margin-bottom: 30px; } .title3 h4 { font-size: 24px; line-height: 36px; color: #474747; font-weight: normal; margin-bottom: 15px; } .title3 p { font-size: 14px; line-height: 36px; color: #7a7a7a; } .title3 p span { margin-left: 60px; } .details .pimg { border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; font-size: 14px; color: #474747; line-height: 28px; padding: 30px 0; } .details .pimg p { text-align: justify; text-indent: 2em; margin-bottom: 20px; } .details .pimg img { display: block; width: auto; margin: 10px auto; } .sxp_fh { max-width: 1160px; margin: 40px auto 0 auto; } .sxp_fh .sxp { float: left; width: calc(100% - 170px); } .sxp_fh .sxp a { display: block; width: 100%; font-size: 18px; line-height: 36px; color: #474747; text-align: justify; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .sxp_fh .sxp a:hover { color: #ab1e24; } .sxp_fh .more { float: right; display: block; width: 140px; line-height: 50px; height: 50px; text-align: center; margin-left: 10px; margin-top: 10px; color: #fff; transition: all 3s; background: #ab1e24; } .sxp_fh .more span { display: inline-block; white-space:nowrap; } .sxp_fh .more img { margin-right: 5px; float: left; margin-top: 17px; } .sxp_fh .more:hover { background: #0068B7; color: #fff; }