/* 首页 */ .gg-tit { line-height: 30px; overflow: hidden; position: relative; margin-bottom: 21px; } .wp img { float: right; margin-top: -8%; position: relative; right: 1%; } .gg-tit:after { content: ""; display: block; overflow: hidden; height: 1px; background: #d2d2d2; z-index: 1; margin-top: 17px; } .gg-tit h2 { float: left; font-size: 30px; color: #000; padding-right: 20px; position: relative; z-index: 9; font-weight: 600; } .gg-tit h2 img { vertical-align: middle; } .gg-tit h2 span { font-size: 26px; color: #0296da; margin: 0 10px; } .gg-tit h2 em { font-size: 16px; color: #8d8d8d; font-style: normal; } .gg-tit a { float: right; position: relative; z-index: 9; width: 88px; height: 28px; border: 1px solid #848484; color: #848484; text-align: center; line-height: 28px; font-size: 14px; } .gg-tit a:hover { background: #0296da; color: #fff; border-color: #0296da; } .gg-tit2::after { content: none; } .gg-tit2 h2 { background: none; } .gg-tit2 a { background: none; } .section1 { padding-top: 30px; } .s1-l { float: right; width: 61.66%; } .s1-lt { overflow: hidden; } .s1-lt>div { float: left; width: 48%; margin-left: 4%; } .s1-lt>div:first-child { margin-left: 0; } .s1-lt>div a { display: block; position: relative; } .s1-lt>div .pic { padding-top: 67.5%; } .s1-lt>div a p { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px; background: url(/uploads/image/images/zzc.png) repeat; color: #fff; font-size: 16px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .s1-lb { margin-top: 15px; } .i-list li { position: relative; font-size: 16px; line-height: 48px; padding: 0 100px 0 40px; background: url(/uploads/image/images/i-list-dot.png) no-repeat; background-position: 15px center; transition: background 0.3s; } .i-list li:hover { background: url(/uploads/image/images/i-list-qxt.png) no-repeat; background-position: 8px center; } .i-list li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; } .i-list li a:hover { color: #0296da; } .i-list li span { position: absolute; right: 0; top: 0; color: #7c7c7c; } .s1-r { float: left; width: 34.666%; padding: 30px 0; background: #d9f3ff; } .s1-r .gg-tit { padding-left: 30px; padding-right: 30px; margin-bottom: 30px; } .s1-r ul { padding: 0 30px } .s1-r ul li { background: #fff; overflow: hidden; padding: 17px 25px 17px 0; margin-top: 14px; } .s1-r ul li:hover { background: #c1e0ff; } .s1-r ul li:first-child { margin-top: 0; } .s1-rdate { display: table-cell; vertical-align: middle; width: 100px; text-align: center; color: #2d2727; } .s1-rdate p { font-size: 30px; line-height: 30px; } .s1-rdate span { display: block; font-size: 14px; line-height: 26px; } .s1-r ul li a { display: table; } .s1-rinfo { display: table-cell; vertical-align: middle; } .s1-rinfo>p { overflow: hidden; color: #2d2727; font-size: 16px; line-height: 28px; max-height: 56px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .section2 { background: url(/uploads/image/images/s2-bj.jpg) no-repeat; background-position: center center; background-size: cover; padding: 50px 0; margin-top: 50px; } .s2-c ul { padding: 0 30px; overflow: hidden; } .s2-c ul li { float: left; width: 32%; overflow: hidden; margin-bottom: 25px; background: #fff url(/uploads/image/images/hy-libj.png) no-repeat; background-position: right bottom; } .s2-c ul li:hover { background: #d9f3ff url(/uploads/image/images/hy-libj.png) no-repeat; background-position: right bottom; } .s2-c ul li:hover .s2-rdate { background: #fff; } .s2-c ul li:first-child li { margin-left: 2%; margin-right: 2%; } .s2-c ul li:first-child li li li li { margin-left: 2%; margin-right: 2%; } .s2-c ul li a { display: block; padding: 25px 20px; border-bottom: 5px solid #0296da; } .s2-rdate { display: table-cell; vertical-align: middle; width: 85px; height: 85px; background: #d9f3ff; text-align: center; color: #0296da; } .s2-rdate p { font-size: 30px; line-height: 30px; } .s2-rdate span { display: block; font-size: 14px; line-height: 26px; } .s2-r ul li a { display: table; } .s2-rinfo { display: table-cell; vertical-align: middle; } .s2-rinfo>p { overflow: hidden; color: #2d2727; font-size: 16px; line-height: 28px; padding-left: 25px; max-height: 56px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .section3 { margin-top: 50px; } .s3-l { float: left; width: 47%; } .s3-r { float: right; width: 47%; } .list-dinfo li { margin-top: 10px; } .list-dinfo li:hover p { color: #0296da; } .list-dinfo li:first-child { margin-top: 0; } .list-dinfo li a { display: block; overflow: hidden; } .list-dinfo li a span { float: left; width: 120px; height: 35px; line-height: 35px; background: #c1e0ff; text-align: center; font-size: 14px; color: #1f1f1f; } .list-dinfo li a p { overflow: hidden; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 35px; color: #282828; } .section4 { background: url(/uploads/image/images/s4-bj.jpg) no-repeat; background-position: center center; background-size: cover; padding: 50px 0; margin-top: 50px; } .s4-l { float: left; width: 34.66%; } .s4-r { float: right; width: 62.66%; } .s4-l .list-dinfo li { padding: 15px 0; margin-top: 0; } .s4-l .list-dinfo li:hover a p { color: #0296da; font-weight: 600; } .s4-l .list-dinfo li:first-child { padding-top: 0; } .s4-l .list-dinfo li a span { width: 100px; line-height: 17px; height: 17px; border-right: 2px solid #0296da; background: none; font-weight: 600; color: #0296da; font-size: 16px; } .s4-l .list-dinfo li a p { padding: 0 5px; line-height: 17px; } .s4-r ul { overflow: hidden; } .s4-r ul li { float: left; width: 47%; } .s4-r ul li:hover p { color: #0296da; } .s4-r ul li:first-child { margin-right: 6%; } .s4-r ul li a { display: block; } .s4-r ul li a .pic { padding-top: 63%; } .s4-r ul li a p { font-size: 18px; line-height: 34px; color: #282828; margin-top: 20px; } .section5 { background: url(/uploads/image/images/s5-bj.jpg) no-repeat; background-position: center center; background-size: cover; padding: 50px 0; } .s5-c ul li { margin: 0 15px; } .s5-c ul li a { background: #fff; padding: 15px 30px; display: table; width: 100%; box-sizing: border-box; } .s5-pic { display: table-cell; width: 93px; height: 93px; border-radius: 50%; overflow: hidden; vertical-align: middle; } .s5-pic img { display: block; } .s5-info { display: table-cell; vertical-align: middle; padding-left: 20px; } .s5-info p { font-size: 18px; line-height: 28px; max-height: 84px; color: #0193de; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .s5-c .slick-prev, .s5-c .slick-next { width: 50px; height: 50px; margin-top: -27px; transition: all 0.5s; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .s5-c .slick-prev { left: -60px; background: url(/uploads/image/images/banner-left.png) no-repeat; background-size: 100% 100%; } .s5-c .slick-next { right: -60px; background: url(/uploads/image/images/banner-right.png) no-repeat; background-size: 100% 100%; } @media screen and (max-width:1600px) { .s5-c { padding-left: 60px; padding-right: 60px; } .s5-c .slick-prev { left: -50px; } .s5-c .slick-next { right: -50px; } } /*新增二维码*/ .wp img { float: right; margin-top: -8%; position: relative; right: 1%; }