@font-face { font-family: 'sySong'; src: url("../font/sySong.woff")format("woff"); font-weight: normal; font-style: normal; } .section1 { padding-top: 50px; padding-bottom: 80px; background: url("../image/xyxw-bg.png") no-repeat center center; background-size: cover; } .sect1::after { content: ""; display: block; height: 0; clear: both; } .sect1-l { width: 645px; float: left; } .se1 { padding-top: 75%; overflow: hidden; position: relative; } .se1>img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;object-fit:cover; } .text1 { padding: 25px 0; position: relative; border-bottom: 2px solid #003391; } .text1>p { font-weight: bold; font-size: 18px; line-height: 30px; color: #0e0e0e; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 60px; } .time { background-color: #003391; width: 109px; height: 82px; float: right; text-align: center; margin-right: 30px; margin-left: 30px; margin-top: -66px; } .time>h2 { font-weight: bold; font-size: 30px; line-height: 50px; color: #ffffff; font-family: sySong; } .time>span { font-weight: bold; font-size: 16px; line-height: 20px; color: #ffffff; font-family: sySong; } .sect1-r { overflow: hidden; padding-left: 43px; } .topic { background-color: #003391; padding: 20px 33px; text-align: center; float: left; box-sizing: border-box; position: relative; z-index: 990; } .sect1-r>.title::after { content: ""; position: absolute; z-index: 100; width: 49px; height: 52px; top: 15px; left: 195px; background-color: #2747be; } .topic>h2 { font-size: 30px; line-height: 33px; color: #ffffff; } .topic>p { font-family: sySong; font-size: 24px; line-height: 36px; color: #ffffff; } .sect1-r>.title { position: relative; margin-bottom: 80px; padding-top: 30px; overflow: hidden; } .sect1-l>div { padding-top: 30px; } .title>a { display: block; float: right; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .title>a::after { content: ""; position: absolute; width: 221px; left: -226px; top: 50%; height: 2px; background-color: #003391; } .title1>a::after{ width: 407px; left: -412px; } .title>a:hover span { background-color: #ffffff; color: #003f87; } .title>a>p { font-size: 16px; line-height: 36px; color: #5b5b5b; display: inline-block; } .title>a>span { display: inline-block; width: 18px; height: 18px; background-color: #003f87; border: solid 1px #003f87; border-radius: 50%; font-size: 19px; line-height: 14px; text-align: center; color: #ffffff; } .sect1-r>ul { overflow: hidden; } .sect1-r>ul>li { width: 49.5%; box-sizing: border-box; float: left; } .sect1-r>ul>li>a { display: block; } .sect1-r>ul>li>a>h5 { display: inline-block; font-size: 28px; color: #003391; font-weight: bold; font-family: sySong; } .sect1-r>ul>li>a>span { font-size: 16px; color: #8a8a8a; font-family: sySong; padding-left: 10px; background: url("../image/xg.png") no-repeat left center; } .sect1-r>ul>li>a>h2 { font-weight: bold; font-size: 18px; color: #191919; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sect1-r>ul>li>a>p { font-size: 16px; line-height: 24px; color: #919191; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px; } .sect1-r>ul>li:nth-child(1) { padding-bottom: 50px; padding-right: 25px; border-bottom: 1px solid #aab7cf; border-right: 1px solid #aab7cf; padding-top: 13px; } .sect1-r>ul>li:nth-child(2) { padding-bottom: 50px; padding-left: 25px; padding-top: 13px; border-bottom: 1px solid #aab7cf; } .sect1-r>ul>li:nth-child(3) { padding-top: 30px; padding-right: 25px; border-right: 1px solid #aab7cf; padding-bottom: 30px; } .sect1-r>ul>li:nth-child(4) { padding-top: 30px; padding-left: 25px; padding-bottom: 30px; } .section2 { background: url("../image/tzgg-bg.png") no-repeat center center; background-size: cover; padding: 170px 0; margin-top: -110px;height:500px; } .title1 { text-align: center; position: relative; padding-bottom: 25px; } .title1>h2 { font-size: 30px; line-height: 36px; color: #ffffff; position: relative; display: inline-block; } .title1>h2::before { content: ""; position: absolute; width: 111px; height: 1px; left: -125px; top: 50%; background-color: #ffffff; opacity: 0.6; } .title1>h2::after { content: ""; position: absolute; width: 111px; height: 1px; right: -125px; top: 50%; background-color: #ffffff; opacity: 0.6; } .title1>p { font-family: ArialMT; font-size: 24px; line-height: 36px; color: #ffffff; } .tzgg { overflow: hidden; } .tzgg>li { width: 33.3%; box-sizing: border-box; float: left; margin-top: 45px; } .tzgg>li:hover { background-color: #3454d1; box-shadow: 0px 0px 46px 0px rgba(2, 2, 2, 0.12); } .tzgg>li>a { display: block; padding: 22px 34px 17px 30px; overflow: hidden; position: relative; } .time1 { width: 80px; height: 80px; float: left; text-align: center; background: url("../image/yq.png")no-repeat left center; background-size: cover; } .time1>h2 { font-size: 26px; line-height: 53px; color: #ffffff; font-family: sySong; } .time1>div { width: 76px; height: 25px; margin-top: -10px; margin-left: 25px; transform: skewX(-25deg); background-color: #3454d1; } .time1>div>p { font-size: 14px; transform: skewX(25deg); line-height: 30px; color: #ffffff; font-family: sySong; } .tzgg>li:hover .time1>p { background-color: #6382fa; } .text { overflow: hidden; padding-left: 43px; position: relative; padding-top: 15px; } .text>p { font-size: 16px; line-height: 25px; color: #ffffff; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 50px; } .more { font-size: 16px; color: #99a6d9; float: right; } .tzgg-show>.slick-list { padding-bottom: 40px; } .tzgg-show>.slick-dots>li { width: 10px; height: 10px; border: 1px solid #7a90c0; border-radius: 50%; background-color: #7a90c0; } .tzgg-show>.slick-dots>.slick-active { background-color: #ffffff; } .more2 { margin-top: -18px; text-align: center; } .more2>a { margin-left: 190px; padding-left: 20px; border-left: 1px solid #fff; } .more2>a>p { font-size: 16px; color: #ffffff; display: inline-block;margin-right:5px; } .more2>a>span { display: inline-block; width: 20px; height: 20px; background-color: #fff; border: solid 1px #fff; border-radius: 50%; font-size: 24px; line-height: 15px; text-align: center; color: #001087; position: absolute; } .section3 { background: url("../image/about-banner.png") no-repeat bottom center; padding-bottom: 50px; } .sect3 { overflow: hidden; } .sect3-l { width: 41.07%; float: left; } .sect3-l>.title { padding-bottom: 50px; position: relative; } .sect3-l>.title>a { display: block; float: right; position: absolute; top: 50%; transform: translateY(-100%); right: 0; } .xsxx>a:hover { background-color: #eef9ff; } .xsxx>a:hover .text2>div { background-color: #001087; } .xsxx>a:hover h2 { color: #001087; } .xsxx>a:hover p { color: #001087; } .xsxx>a:hover span { color: #001087; background: url("../image/rl-ho.png") no-repeat left center; } .xsxx>a { display: block; overflow: hidden; padding: 10px 30px 10px 10px; background-color: #001087; } .book { float: left; } .pic.book img { width: 263px; height: 197px; object-fit: cover; } .text2 { overflow: hidden; padding-left: 30px; } .text2>div { width: 67px; height: 6px; background-color: #eef9ff; } .text2>h2 { font-size: 18px; line-height: 36px; color: #ffffff; margin-top: 20px; margin-bottom: 25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text2>p { font-size: 16px; line-height: 30px; color: #ffffff; margin-bottom: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 60px; } .text2>span { font-size: 16px; line-height: 30px; color: #ffffff; font-family: sySong; padding-left: 25px; background: url("../image/rl.png") no-repeat left center; } .sect3-l>ul { margin-top: 20px; } .sect3-l>ul>li:hover p { color: #003391; } .sect3-l>ul>li>a { display: block; position: relative; line-height: 50px; } .sect3-l>ul>li>a>p { font-size: 16px; color: #262626; padding-right: 130px; padding-left: 25px; background: url("../image/dot.png") no-repeat left center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sect3-l>ul>li>a>span { font-size: 16px; color: #949494; position: absolute; right: 5.21%; top: 0; } .sect3-r { width: 55%; float: right; } .sect3-r>.title { padding-bottom: 60px; position: relative; } .sect3-r>.title>a { display: block; float: right; position: absolute; top: 46%; transform: translateY(-100%); right: 0; } .sect3-r>ul>li { width: 46.23%; float: left; background-color: #eef9ff; border: solid 1px #8c96cb; } .sect3-r>ul>li>a { display: block; } .sect3-r>ul>li:hover h2 { color: #003391; } .text3 { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } .text3>h2 { font-size: 18px; line-height: 30px; color: #222222; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text3>p { margin-top: 40px; font-size: 16px; line-height: 30px; color: #5f5f5f; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 90px; } .xscg { position: relative; transform: translate(10px, -30px); padding-top: 75%; overflow: hidden; } .xscg>img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;object-fit:cover; } .pic img { transition: 0.5s;object-fit:cover; } .pic:hover img { transform: scale(1.2); } .xscg>p { text-align: center; position: absolute; bottom: 0; right: 0; width: 100px; background-color: #3454d1; font-size: 16px; line-height: 37px; color: #ffffff; } .sect3-r>ul>li:nth-child(2) { margin-left: 6%; } .banner>.slick-dots { bottom: 50%; left: 40px; width: auto; } .banner>.slick-dots li { display: block; width: 20px; height: 20px; border-radius: 50%; background: url("../image/dots.png") no-repeat center center; margin: 0 8px; } .banner>.slick-dots>.slick-active { border: 1px solid #fff; } .banner>.slick-arrow { width: 22px; height: 35px; } .banner>.slick-prev { background: url("../image/left.png") no-repeat center center; bottom: 35px; left: auto; top: auto; right: 100px; background-size: cover; } .banner>.slick-next { background: url("../image/right.png") no-repeat center center; bottom: 35px; right: 61px; top: auto; background-size: cover; } .banner img { width: 100%; } .sect1-l>div:hover p { color: #18489c; } .sect1-r>ul>li:hover h2 { color: #18489c; } .title::after { content: ""; display: block; height: 0; clear: both; }