* { margin: 0; padding: 0; } html,body{overflow-x: hidden;min-width:1300px;} .Section1 { margin-top: 30px; } .main { width: 1300px; margin: 0 auto; } a { text-decoration: none; color: #000000; } ul { list-style: none; } div { box-sizing: border-box; } .m0 { margin: 0 !important; } .head { width: 100%; height: 120px; background-image: url(../img/head-bg.png); background-size: 100% 100%; background-repeat: no-repeat; } .head-bo { height: 120px; display: flex; align-items: center; justify-content: space-between; } .nav ul { list-style: none; display: flex; justify-content: center; } .nav ul li { height: 56px; line-height: 56px; padding: 0 30px; font-size: 18px; cursor: pointer; } .nav ul li:hover { background-color: #0162b3; color: #fff; } .lunb img { width: 100%; height:100%; } .part1 { width: 100%; } .part1z { margin: 40px auto; display: flex; justify-content: space-between; } .part1-title { width: 100%; height: 48px; } .part1-title img { margin: 0 10px; } .part1-title span:first-of-type { font-size: 36px; color: #014bad; font-weight: bold; } .part1-title span:last-of-type { font-size: 16px; color: #004bae; } .part1-title button { float: right; width: 140px; height: 34px; background-color: #004bae; border: none; color: #ffffff; font-size: 16px; margin-top: 10px; } .part1-title button:hover{ background-color: #1a89db; } .part1-left, .part1-right { width: 49%; } .part1-box { padding-right: 30px; display: flex; margin-top: 20px; } .part1-time { width: 90px; border-right: 2px dotted #eee; flex-direction: column; justify-content: space-between; padding: 10px 0; } .part1-time a:first-of-type p { color: #014bad; } .part1-time a:first-of-type span { color: #014bad; } .part1-time p { position: relative; height: 56px; font-size: 18px; font-weight: bold; text-align: center; } .part1-time p span { font-size: 12px; font-weight: normal; } .part1-time img { position: absolute; top: 50%; transform: translateY(-50%); right: -5px; } .part1-text { width: 480px; flex-direction: column; justify-content: space-between; padding: 10px 0 0 20px; } .part1-text a:first-of-type p { color: #014bad; } .part1-text p { height: 56px; line-height: 56px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #000000; } .part2 { width: 100%; height: 346px; background-image: url(../img/part2.png); background-repeat: no-repeat; background-size: 100% 100%; } .part2z { height: 346px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .part2-left, .part2-right { width: 49%; } .part2-img { display: flex; justify-content: space-between; } .part2-img div { width: 298px; height: 146px; margin-top: 44px; position: relative; } .part2-img div span { font-size: 24px; color: #ffffff; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; } .part2-img1 { background: url(../img/part2-1.png)no-repeat; } .part2-img2 { background: url(../img/part2-2.png)no-repeat; } .part2-img3 { background: url(../img/part2-3.png)no-repeat; } .part2-img4 { background: url(../img/part2-4.png)no-repeat; } .part3 { width: 100%; height: 600px; } .part3z { height: 600px; display: flex; flex-direction: column; justify-content: space-evenly; } .part3-box { display: flex; justify-content: space-between; } .part3-img { width: 650px; display: flex; justify-content: space-between; flex-wrap: wrap; } .part3-img img { height: 196px; } .part3-img img:nth-of-type(1) { margin-bottom: 30px; } .part4 { width: 100%; height: 324px; background-color: #f8fbfe; } .part4z { height: 324px; display: flex; flex-direction: column; justify-content: space-evenly; } .part4-title { text-align: center; font-size: 36px; color: #014bad; font-weight: bold; position: relative; display: flex; justify-content: space-between; align-items: center; } .part4-title div { width: 540px; height: 2px; background-color: #014bad; } .part4-box { display: flex; justify-content: center; } .part4-box .p4-active { width: 134px; height: 134px; border-radius: 50%; text-align: center; margin: 0 35px; cursor: pointer; } .part4-box .p4-active div { width: 100%; height: 60px; margin: 20px auto 0; } .part4-box .part4-1 .p4-1 { background: url(../img/part4-1.png)no-repeat center; } .part4-box .part4-1:hover { background-color: #014bad; } .part4-box .part4-1:hover .p4-1 { background: url(../img/part4-1-1.png)no-repeat center; } .part4-box .part4-1:hover p { color: #ffffff; } .part4-box .part4-2 .p4-2 { background: url(../img/part4-2.png)no-repeat center; } .part4-box .part4-2 { position: relative; } .part4-box .part4-2 .p4-2-text { display: none; } .part4-box .part4-2:hover .p4-2 { display: none; } .part4-box .part4-2:hover .p4-2-text { display: block; } .p4-2-text a { font-size: 14px; color: rgb(119,28,170); } .part4-box .part4-3 .p4-3 { background: url(../img/part4-3.png)no-repeat center; } .part4-box .part4-3:hover { background-color: #014bad; } .part4-box .part4-3:hover .p4-3 { background: url(../img/part4-3-1.png)no-repeat center; } .part4-box .part4-3:hover p { color: #ffffff; } .part4-box .part4-4 .p4-4 { background: url(../img/part4-4.png)no-repeat center; } .part4-box .part4-4:hover { background-color: #014bad; } .part4-box .part4-4:hover .p4-4 { background: url(../img/part4-4-1.png)no-repeat center; } .part4-box .part4-4:hover p { color: #ffffff; } .part4-box .part4-5 .p4-5 { background: url(../img/part4-5.png)no-repeat center; } .part4-box .part4-5:hover { background-color: #014bad; } .part4-box .part4-5:hover .p4-5 { background: url(../img/part4-5-1.png)no-repeat center; } .part4-box .part4-5:hover p { color: #ffffff; } .part4-box .p4-active p { font-size: 18px; color: #014bad; line-height: 50px; } .foot { width: 100%; height: 120px; background-image: url(../img/part5-bg.png); background-size: 100% 100%; background-repeat: no-repeat; } .foot-bo { height: 120px; display: flex; align-items: center; justify-content: space-between; } .foot-bo div { margin: 0; color: #ffffff; } .foot-bottom { width: 100%; height: 66px; background-color: #003b76; } .foot-bottomz { height: 66px; color: #ffffff; line-height: 66px; } .foot-bottomz p { text-align: center; } .item { display: none; } .lm-banner img { width: 100%; height: 360px; } .lm-content { width: 1006px; } .lm-box { margin-top: 20px; display: flex; justify-content: space-between; padding-bottom: 100px; } .lm-nav div { width: 260px; height: 86px; position: relative; background-color: #e5e5e5; } .lm-nav div div { font-size: 24px; color: #ffffff; line-height: 72px; text-align: center; background-color: #0162b3; width: 260px; height: 72px; position: absolute; bottom: 0; left: -25px; } .lm-nav div div img { position: absolute; bottom: -23px; left: 0; } .lm-nav li { width: 260px; height: 50px; font-size: 18px; color: #333333; background-color: #e5e5e5; line-height: 50px; text-align: center; border-bottom: 1px solid #d1d1d1; cursor: pointer; } .lm-nav .lm-active { color: #0162b3; } .lm-title { width: 1006px; display: flex; justify-content: space-between; border-bottom: 1px solid #0162b3; height: 52px; } .lm-title .span1 { font-size: 24px; color: #333333; line-height: 52px; } .lm-title .span2 { font-size: 16px; color: #666666; line-height: 52px; } .yc { position: fixed; top: 128px; left: 238px; z-index:999; } .yc1 { position: fixed; top: 128px; right: 238px; z-index:999; } .xx { text-align: center; padding: 50px 0; } .xx .p1 { font-size: 40px; color: #333333; } .xx .p2 { font-size: 24px; color: #535353; } .xx .p3 { font-size: 20px; color: #666666; } .xx-box { display: flex; margin-top: 90px; } .xx-box .left { display: flex; width: 642px; height: 432px; background: url(../img/sjxx.png)no-repeat; position: relative; } .xx-box .left div { width: 100%; height: 142px; text-align: left; position: absolute; left: 0; bottom: 0; background-color: #ffffff; opacity: 0.8; display: flex; align-items: center; } .xx-box .right { width: 540px; } .xx-box .right p { position: relative; height: 46px; margin-bottom: 20px; } .xx-box .right p label { width: 80px; } .xx-box .right p input { width: 330px; height: 46px; border-radius: 3px; border: solid 1px #a0a0a0; position: absolute; top: 0; right: 0; } .xx-box .right p span { position: absolute; left: 56px; top: 0; color: red; } .xx-box .right p label { position: absolute; left: 74px; top: 0; color: #000000; font-size: 20px; } .xx-box .right p:nth-of-type(3) { height: 130px; } .xx-box .right p textarea { position: absolute; top: 0; right: 0; width: 330px; height: 130px; } .xx-box .right p input::placeholder { font-size: 16px; color: #999999; text-align: center; } .xx-box .right p textarea::placeholder { font-size: 16px; color: #999999; text-align: center; } .xx-box .right p button { width: 330px; height: 46px; background-color: #cd3a2f; border-radius: 3px; border: none; position: absolute; right: 0; top: 0; font-size: 16px; color: #ffffff; } .selected { display: block !important; }