.tong { width: 1300px; margin-left: auto; margin-right: auto; } .tong1 { width: 1920px; position: relative; left: 50%; margin-left: -960px; } .flex { display: flex; justify-content: space-between; } p { margin: 0; } .tou { height: 140px; position: absolute; top: 0; width: 100%; z-index: 1111; } .tou .con { align-items: center; height: 100%; } .tou .zi { align-items: center; display: flex; } .tou .zi .logo { line-height: 89px; } .tou .zi .logoz { margin-left: 24px; padding-left: 25px; background: url(/uploads/image/tdaimages/sux.png) no-repeat 0 50%; color: #fff; } .tou .zi .logoz p { font-size: 20px; line-height: 36px; } .tou .zi2 .sec { color: #fff; text-align: right; } .tou .zi2 .sec a { color: #fff; } .tou .zi2 .secx { margin-top: 20px; align-items: center; padding-bottom: 30px; } .tou .zi2 .secx .dh { color: #fff; line-height: 1; text-align: right; margin-right: 20px; } .tou .zi2 .secx .dh p:nth-child(2) { font-size: 26px; font-weight: 600; margin-top: 7px; } .tou .zi2 .secx #formsearch { height: 40px; } .tou .zi2 .secx #formsearch input { border: none; background: none; outline: none; line-height: 40px; height: 40px; } .tou .zi2 .secx #formsearch input#keyword { float: left; color: #9fa0a0; text-indent: 9px; width: 200px; background: #fff; } .tou .zi2 .secx #formsearch input#keyword::-webkit-input-placeholder { color: #9fa0a0; } .tou .zi2 .secx #formsearch input#s_btn { float: right; color: #fff; text-align: center; font-size: 16px; width: 50px; padding: 0; background-color: #006fec; } .container { padding: 0; width: 1200px; } .bbx { position: relative; } .bd { overflow: hidden; } .c1 { margin-top: 40px; height: 70px; background-color: #f6f6f6; padding: 0 18px; line-height: 70px; margin-bottom: 40px; } .c1 .con { align-items: center; height: 100%; } .c1 .con h2 { font-size: 20px; color: #cf010e; } .c1 .con h2 img:nth-child(2) { padding-left: 7px; } .c1 .con .con1 { width: 1104px; } .c1 .con .con1 .list2 li { float: left; width: 292px; margin-right: 60px; } .c1 .con .con1 .list2 li a { display: block; position: relative; font-size: 16px; color: #000000; padding-left: 54px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c1 .con .con1 .list2 li a .timex { color: #666464; position: absolute; left: 0; top: 0; } .fen img { transition-duration: .3s; } .fen:hover img { transform: scale(1.1); } .c2 { margin-bottom: 48px; } .c2 h2 { position: relative; padding-left: 20px; font-size: 30px; color: #222222; background: url(/uploads/image/tdaimages/h-1.png) no-repeat 0 50%; } .c2 h2 a.ck { display: block; text-align: center; position: absolute; right: 0; top: 50%; transform: translatey(-50%); width: 100px; height: 24px; border-radius: 11.5px; border: solid 1px #b5b5b5; line-height: 22px; font-size: 12px; color: #525252; } .c2 .c2-1 { width: 404px; } .c2 .c2-1 dd { margin-top: 26px; font-size: 16px; line-height: 28px; color: #222222; } .c2 .c2-2 { width: 846px; } .c2 .c2-2 .con { margin-top: 34px; } .c2 .c2-2 .con .list2 { text-align: center; } .c2 .c2-2 .con .list2 li { float: left; margin-right: 24px; } .c2 .c2-2 .con .list2 li .img img { width: 300px; height: 200px; } .c2 .c2-2 .con .list2 li h3 { color: #000000; margin-top: 20px; line-height: 1; font-size: 16px; } .c3 { text-align: center; margin-bottom: 60px; } .c3 .list2 li { width: 25%; background: url(/uploads/image/tdaimages/su2.jpg) no-repeat 0 50%; } .c3 .list2 li:last-child { background: url(/uploads/image/tdaimages/su2.jpg) no-repeat 0 50%, url(/uploads/image/tdaimages/su2.jpg) no-repeat 100% 50%; } .c3 .list2 li h3 { color: #283238; font-size: 18px; } .c3 .list2 li h3 b { font-family: impact; font-size: 64px; padding-right: 6px; } .c3 .list2 li h3 b span { line-height: 1; } .c3 .list2 li dd { color: #262f38; font-size: 16px; margin-top: 6px; } .c4 { background-color: #f6f6f6; padding-top: 60px; padding-bottom: 60px; } .c4 .list2 .c4-1 { margin-bottom: 40px; margin-right: 44px; width: 852px; position: relative; } .c4 .list2 .c4-1 .bt { position: absolute; top: 50%; transform: translatey(-50%); z-index: 111; left: 0; background: rgba(0, 0, 0, 0.6); width: 250px; height: 160px; color: #fff; line-height: 1; padding-top: 45px; padding-left: 39px; font-size: 36px; } .c4 .list2 .c4-1 .bt p { font-size: 20px; margin-top: 6px; } .c4 .list2 .c4-1 .bt:after { content: ''; width: 50px; height: 2px; background-color: #ffffff; display: block; margin-top: 23px; } .c4 .list2 .c4-1 .list1 li .img img { width: 852px; height: 380px; } .c4 .list2 .c4-1 .hd { position: absolute; right: 20px; bottom: 15px; display: flex; } .c4 .list2 .c4-1 .hd li { cursor: pointer; border-radius: 20px; width: 10px; height: 10px; background-color: #c9c9c9; margin-left: 10px; font-size: 0; } .c4 .list2 .c4-1 .hd li.on { background-color: #e60012; } .c4 .list2 li.li { float: left; width: 404px; background-color: #ffffff; } .c4 .list2 li.li:nth-child(1) { margin-bottom: 40px; } .c4 .list2 li.li:nth-child(3), .c4 .list2 li.li:nth-child(4) { margin-right: 44px; } .c4 .list2 li.li .img img { width: 404px; height: 210px; } .c4 .list2 li.li .zi { padding: 26px 30px; } .c4 .list2 li.li .zi h3 { font-size: 20px; color: #000000; line-height: 1; } .c4 .list2 li.li .zi h3 span { color: #9fa0a0; font-size: 14px; } .c4 .list2 li.li .zi dd { color: #393939; margin-top: 14px; } .c4 .list2 li.li .zi .ck { margin-top: 16px; font-size: 14px; color: #cf010e; } .c4 .list2 li.li .zi .ck:after { content: ''; display: block; width: 100px; height: 1px; background-color: #cf010e; margin-top: 7px; } .c5 { margin-top: 60px; margin-bottom: 10px; } .c5 .c5-1 { width: 650px; position: relative; } .c5 .c5-1 .xx { position: absolute; top: 50%; transform: translatey(-50%); z-index: 11; cursor: pointer; } .c5 .c5-1 .xx.next { left: 0; } .c5 .c5-1 .xx.prev { right: 0; } .c5 .c5-1 .list1 { text-align: center; } .c5 .c5-1 .list1 li { position: relative; } .c5 .c5-1 .list1 li .img img { width: 650px; height: 420px; } .c5 .c5-1 .list1 li h3 { padding: 0 130px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 60px; background: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; left: 0; bottom: 0; font-size: 16px; } .c5 .c5-2 { width: 600px; } .c5 .c5-2 h2 { position: relative; padding-left: 20px; font-size: 30px; color: #222222; background: url(/uploads/image/tdaimages/h-1.png) no-repeat 0 50%; display: flex; align-items: center; line-height: 36px; margin-bottom: 34px; } .c5 .c5-2 h2 a.ck { display: block; text-align: center; position: absolute; right: 0; top: 50%; transform: translatey(-50%); width: 100px; height: 24px; border-radius: 11.5px; border: solid 1px #b5b5b5; line-height: 22px; font-size: 12px; color: #525252; } .c5 .c5-2 h2 .list1 { margin-left: 20px; display: flex; line-height: 1; align-items: center; } .c5 .c5-2 h2 .list1 li a { display: block; color: #898989; padding: 0 9.5px; font-size: 14px; transition-duration: .3s; } .c5 .c5-2 h2 .list1 li a:hover { color: #006fec; } .c5 .c5-2 .con { height: 350px; overflow: hidden; } .c5 .c5-2 .con .list2 li { margin-bottom: 25px; } .c5 .c5-2 .con .list2 li a { align-items: center; } .c5 .c5-2 .con .list2 li .img { width: 170px; } .c5 .c5-2 .con .list2 li .img img { width: 170px; height: 100px; } .c5 .c5-2 .con .list2 li .zi { width: 406px; } .c5 .c5-2 .con .list2 li .zi h3 { position: relative; font-size: 16px; color: #000000; padding-right: 90px; transition-duration: .3s; } .c5 .c5-2 .con .list2 li .zi h3 .timex { position: absolute; right: 0; top: 0; color: #999999; font-size: 14px; } .c5 .c5-2 .con .list2 li .zi dd { color: #898989; line-height: 24px; margin-top: 16px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c5 .c5-2 .con .list2 li:hover .zi h3 { color: #006fec; } .f_link { line-height: 30px; padding-top: 40px; padding-bottom: 40px; background: url(/uploads/image/tdaimages/link1.png) no-repeat 100% 100%; } .f_link span { padding-left: 35px; background: url(/uploads/image/tdaimages/link.png) no-repeat 0 50%; font-size: 20px; color: #e60012; display: inline-block; } .f_link a { color: #393939; padding: 0 12px; } .foot { padding-top: 60px; background: url(/uploads/image/tdaimages/foot.png) no-repeat 50% 0; background-size: cover; } .foot .con { color: #fff; padding-bottom: 50px; } .foot .con a { color: #fff; } .foot .con .foot1 { display: flex; flex-wrap: wrap; width: 438px; margin-right: 36px; } .foot .con .foot1 a { display: block; width: 146px; line-height: 46px; font-size: 16px; } .foot .con .foot1 a:nth-child(8) { display: none; } .foot .con .foot2 { text-align: center; display: flex; } .foot .con .foot2 li { width: 160px; height: 180px; border-radius: 6px; border: solid 1px rgba(255, 255, 255, 0.5); padding: 20px 20px 0; } .foot .con .foot2 li:nth-child(1) { margin-right: 30px; } .foot .con .foot2 li .img { width: 120px; height: 120px; } .foot .con .foot2 li dd { line-height: 40px; } .foot .con .foot3 .dh { background: url(/uploads/image/tdaimages/dh.png) no-repeat 0 50%; font-size: 13px; line-height: 1; padding-left: 51px; } .foot .con .foot3 .dh p:nth-child(2) { font-size: 24px; font-weight: 600; margin-top: 6px; } .foot .con .foot3 dd { font-size: 16px; line-height: 26px; margin-top: 15px; } .foot .ban { border-top: 1px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.5); line-height: 32px; padding: 24px 0; } .foot .ban a { color: rgba(255, 255, 255, 0.5); } /*# sourcemappingurl=index.css.map */