@charset "utf-8"; .tong { max-width: 1230px; margin-left: auto; margin-right: auto; padding: 0 15px; } html { font-size: 100px; overflow-x: hidden; } @media screen and (max-width: 1440px) { html { font-size: 80px; } } @media screen and (max-width: 800px) { html { font-size: 70px; } } @media screen and (max-width: 600px) { html { font-size: 50px; } } .flex { display: flex; justify-content: space-between; } .of { overflow: hidden; } .fen img { transition-duration: 0.3s; } .fen:hover img { transform: scale(1.3); } .tou { height: 103px; } .tou .con { height: 100%; align-items: center; } .tou .con .logo { line-height: 103px; } .tou .con .zi { width: 844px; } .tou .con .zi .zi1 { display: flex; align-items: center; justify-content: flex-end; } .tou .con .zi .zi1 .kx { color: #131315; } .tou .con .zi .zi1 .kx a { color: #131315; } .tou .con .zi .zi1 .kx .kx0 { display: none; } .tou .con .zi .zi1 .dh { margin-left: 12px; color: #f5aa13; padding-left: 20px; background: url(/uploads/image/tdaimages/dh.png) no-repeat 0 50%; } .c1 { margin-top: 10px; } .c1 .con { align-items: center; } .c1 .con .gj { color: #000000; line-height: 28px; } .c1 .con .gj a { color: #9b9b9b; } .c1 .con .gj a:after { content: "、"; } .c1 .con .gj a:last-child:after { display: none; } .c1 .con #formsearch { width: 538px; border-bottom: 1px solid #ebebeb; height: 28px; } .c1 .con #formsearch input { line-height: 27px; height: 27px; background: none; border: none; outline: none; } .c1 .con #formsearch input#s_btn { width: 20px; background: url(/uploads/image/tdaimages/ss1.png) no-repeat 50%; font-size: 0; } .c1 .con #formsearch input#keyword { width: calc(100% - 20px); } .c2 { margin-top: 1.15rem; margin-bottom: 5vw; } @media (max-width: 480px) { .c2 { margin-top: 80px; } } .c2 .list2 { text-align: center; margin-left: -0.91vw; margin-right: -0.91vw; } @media (max-width: 480px) { .c2 .list2 { flex-wrap: wrap; } } .c2 .list2 li { width: 33.33%; margin: 0 0.91vw; } @media (max-width: 480px) { .c2 .list2 li { width: 100%; margin-bottom: 60px; } } .c2 .list2 li a { border: 4px solid #d2d2d2; display: block; min-height: 230px; position: relative; padding: 40px 10px 0; transition-duration: 0.3s; } @media (max-width: 1025px) { .c2 .list2 li a { padding-bottom: 20px; } } @media (max-width: 780px) { .c2 .list2 li a { padding-left: 0; padding-right: 0; } } @media (max-width: 480px) { .c2 .list2 li a { padding-left: 10px; padding-right: 10px; } } .c2 .list2 li a .img { width: 108px; background: #fff; line-height: 57px; left: 50%; transform: translatex(-50%); position: absolute; z-index: 11; top: -41px; } .c2 .list2 li a .img img.img2 { display: none; } .c2 .list2 li a h3 { font-size: 24.47px; color: #515251; line-height: 1; } @media (max-width: 780px) { .c2 .list2 li a h3 { font-size: 20px; } } .c2 .list2 li a h3:after { content: ""; display: block; height: 1px; width: 27px; margin-left: auto; margin-right: auto; margin-top: 0.29rem; background: #bfbfbf; transition-duration: 0.3s; } .c2 .list2 li a dd { color: #262525; line-height: 23px; margin-top: 15px; transition-duration: 0.3s; } @media (max-width: 780px) { .c2 .list2 li a dd { padding-left: 5px; padding-right: 5px; } } .c2 .list2 li a .en { line-height: 20px; font-size: 11px; font-family: arial; color: #9c9999; letter-spacing: -0.5px; margin-top: 7px; } @media (max-width: 1025px) { .c2 .list2 li a .en br { display: none; } } .c2 .list2 li:hover a { border-color: #ff9000; } .c2 .list2 li:hover a .img img.img2 { display: inline; } .c2 .list2 li:hover a .img img.img1 { display: none; } .c2 .list2 li:hover a h3 { color: #ff9000; } .c2 .list2 li:hover a h3:after { background: #ff9000; } .c2 .list2 li:hover a dd { color: #ff9000; } @media (max-width: 480px) { .c2 .list2 li:last-child { margin-bottom: 20px; } } .c3 .con1 { background: url(/uploads/image/tdaimages/en.png) no-repeat 50% 100%; padding-bottom: 80px; position: relative; } @media (max-width: 780px) { .c3 .con1 { padding-bottom: 30px; } } .c3 .con1:before { content: ""; display: block; right: 6px; bottom: 0; position: absolute; z-index: -1; background: url(/uploads/image/tdaimages/c1-1.png) no-repeat 50%; width: 78px; height: 208px; } @media (max-width: 780px) { .c3 .con1:before { background-size: 96% auto; } } @media (max-width: 480px) { .c3 .con1:before { display: none; } } @media (max-width: 780px) { .c3 .con1 { background-size: 61% auto; } } .c3 .c3-1 { align-items: center; margin-bottom: 44px; } @media (max-width: 780px) { .c3 .c3-1 { margin-bottom: 32px; } } .c3 .c3-1 h2 { font-size: 30px; color: #ffffff; background-color: #ff9000; width: 252px; height: 94px; text-align: center; line-height: 1; padding-top: 14px; font-weight: 500; } @media (max-width: 780px) { .c3 .c3-1 h2 { display: none; } } .c3 .c3-1 h2 p { font-size: 25px; margin-top: 7px; } .c3 .c3-1 h2 p span { padding: 0 10px; } .c3 .c3-1 .list1 { height: 77px; background-color: #212120; line-height: 77px; padding-left: 1.88vw; padding-right: 2.92vw; width: calc(100% - 252px); } @media (max-width: 780px) { .c3 .c3-1 .list1 { width: 100%; } } @media (max-width: 480px) { .c3 .c3-1 .list1 { height: auto; line-height: 36px; padding: 20px 10px; flex-wrap: wrap; } } @media (max-width: 480px) { .c3 .c3-1 .list1 li { width: 50%; } } .c3 .c3-1 .list1 li a { color: #ffffff; font-size: 15px; transition-duration: 0.3s; } @media (max-width: 780px) { .c3 .c3-1 .list1 li a { font-size: 14px; } } .c3 .c3-1 .list1 li a:hover { color: #ee9b11; } .c3 .con .list2 li .tong { height: 100%; } .c3 .con .list2 li a { align-items: center; height: 100%; } @media (max-width: 480px) { .c3 .con .list2 li a { flex-wrap: wrap; } } .c3 .con .list2 li a .img { text-align: center; width: 50%; } @media (max-width: 480px) { .c3 .con .list2 li a .img { width: 100%; } } .c3 .con .list2 li a .img img { max-width: 100%; } @media (max-width: 780px) { .c3 .con .list2 li a .img img { max-width: 70%; } } .c3 .con .list2 li a .zi { width: 46%; } @media (max-width: 480px) { .c3 .con .list2 li a .zi { width: 100%; margin-top: 20px; } } .c3 .con .list2 li a .zi h3 { line-height: 1; } .c3 .con .list2 li a .zi h3 b { display: block; font-size: 32px; color: #ee9b11; } @media (max-width: 780px) { .c3 .con .list2 li a .zi h3 b { font-size: 24px; } } .c3 .con .list2 li a .zi h3 p { font-size: 28px; color: #141311; margin-top: 12px; font-weight: 500; } @media (max-width: 780px) { .c3 .con .list2 li a .zi h3 p { font-size: 18px; } } .c3 .con .list2 li a .zi dd { color: #161513; line-height: 22px; margin-top: 0.4rem; transition-duration: 0.3s; font-size: 15px; } .c3 .con .list2 li a .zi .ck { width: 110px; height: 23px; background-color: #ee9b11; border-radius: 10px; text-align: center; line-height: 21px; font-size: 13px; color: #fff; margin-top: 0.44rem; transition-duration: 0.3s; } .c3 .con .list2 li a .zi:hover dd { color: #faae34; } .c3 .con .list2 li a .zi:hover .ck { background: #212120; } .c3 .con .list2 li:nth-child(1) { background: url(/uploads/image/tdaimages/c1.png) no-repeat 50%; height: 541px; /*box-shadow: 0px 3px 0px 0px rgba(23, 24, 25, 0.17);*/ background-size: cover; } @media (max-width: 780px) { .c3 .con .list2 li:nth-child(1) { height: auto; padding: 30px 0; } } .c3 .con .list2 li:nth-child(1) .zi { text-align: right; } .c3 .con .list2 li:nth-child(1) .zi .ck { float: right; } .c3 .con .list2 li:nth-child(2) { height: 549px; background-size: auto 100%; } .c3 .con .list2 li:nth-child(2) .tong { background: url(/uploads/image/tdaimages/c1-2.png) no-repeat 100% 50%; } @media (max-width: 780px) { .c3 .con .list2 li:nth-child(2) .tong { background: none; } } @media (max-width: 780px) { .c3 .con .list2 li:nth-child(2) { height: auto; padding: 30px 0; } } .c3 .con .list2 li:nth-child(2) a { flex-direction: row-reverse; } .c3 .con .list2 li:nth-child(2) a .img { text-align: left; padding-left: 0.44rem; } @media (max-width: 780px) { .c3 .con .list2 li:nth-child(2) a .img { text-align: center; } } .c3 .con .list2 li:nth-child(3) { background: url(/uploads/image/dui20220425/1650874169393260.jpg) no-repeat 50%; height: 559px; background-size: cover; } @media (max-width: 780px) { .c3 .con .list2 li:nth-child(3) { height: auto; padding: 30px 0; } } .c3 .con .list2 li:nth-child(3) .zi { text-align: right; } .c3 .con .list2 li:nth-child(3) .zi .ck { float: right; } h2.bt { text-align: center; } h2.bt b { display: block; font-weight: 500; font-size: 30px; color: #ccc9c9; } @media (max-width: 780px) { h2.bt b { font-size: 18px; } } h2.bt p { font-weight: 500; font-size: 36px; color: #ee9b11; background: url(/uploads/image/tdaimages/h-1.png) no-repeat 50%; } @media (max-width: 780px) { h2.bt p { font-size: 24px; margin-top: 6px; background-size: 168px auto; } } h2.bt p span { color: #1b1b1b; } .c4 { margin-top: 0.65rem; margin-bottom: 0.56rem; } .c4 .con { padding-left: 41px; padding-right: 41px; position: relative; } @media (max-width: 1300px) { .c4 .con { padding-left: 15px; padding-right: 15px; } } .c4 .con .xx { position: absolute; top: 50%; transform: translatey(-50%); z-index: 111; cursor: pointer; width: 48px; height: 48px; } .c4 .con .xx.next { left: -50px; background: url(/uploads/image/tdaimages/zb.png) no-repeat 50%; } @media (max-width: 1300px) { .c4 .con .xx.next { left: 15px; } } .c4 .con .xx.next:hover { background: url(/uploads/image/tdaimages/zb1.png) no-repeat 50%; } .c4 .con .xx.prev { right: -50px; background: url(/uploads/image/tdaimages/yb.png) no-repeat 50%; } @media (max-width: 1300px) { .c4 .con .xx.prev { right: 15px; } } .c4 .con .xx.prev:hover { background: url(/uploads/image/tdaimages/yb1.png) no-repeat 50%; } .c4 .con .list2 { margin-left: -9px; margin-right: -9px; } @media (max-width: 1300px) { .c4 .con .list2 { margin-left: -5px; margin-right: -5px; } } .c4 .con .list2 li { float: left; text-align: center; paddig: 0 9px; } @media (max-width: 1300px) { .c4 .con .list2 li { padding: 0 5px; } } .c4 .con .list2 li .img img { width: 100%; } .c4 .con .list2 li .zi { color: #6c6a6a; margin-top: 0.28rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c5 { background: url(/uploads/image/tdaimages/c2.png) no-repeat 50% 100%; background-size: cover; padding-top: 1.2rem; } @media (max-width: 780px) { .c5 { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 780px) { .c5 .con { flex-wrap: wrap; } } .c5 .con .c5-1 { text-align: center; width: 50.34%; } @media (max-width: 780px) { .c5 .con .c5-1 { width: 100%; } } .c5 .con .c5-1 .tu img { width: 100%; } .c5 .con .c5-1 .zi { height: 145px; background: #ee9b11; padding: 28px 24px; } @media (max-width: 780px) { .c5 .con .c5-1 .zi { height: auto; } } .c5 .con .c5-1 .zi h2 { color: #fff; font-size: 24px; line-height: 1; font-weight: 500; } @media (max-width: 780px) { .c5 .con .c5-1 .zi h2 { font-size: 18px; } } .c5 .con .c5-1 .zi dd { color: #fff; font-size: 15px; line-height: 24px; margin-top: 13px; } @media (max-width: 780px) { .c5 .con .c5-1 .zi dd { font-size: 16px; } } .c5 .con .c5-2 { width: 43.6%; position: relative; padding-top: 0.5rem; } @media (max-width: 780px) { .c5 .con .c5-2 { margin-top: 30px; width: 100%; } } .c5 .con .c5-2:before { content: ""; display: block; width: 67px; height: 2px; background-color: #ff9000; top: 2px; left: 1.56vw; position: absolute; } .c5 .con .c5-2 dd { color: #fcf5f5; line-height: 36px; transition-duration: 0.3s; } @media (max-width: 780px) { .c5 .con .c5-2 dd { line-height: 26px; } } .c5 .con .c5-2 dd:hover { color: #faae34; } .c5 .con .c5-2 a.ck { display: block; text-align: center; color: #fff; width: 161px; line-height: 50px; background-color: #ff9000; margin-top: 8px; float: right; transition-duration: 0.3s; } .c5 .con .c5-2 a.ck:hover { background: #faae34; } .c6 { margin-top: 0.6rem; } @media (max-width: 780px) { .c6 { margin-top: 40px; } } .c6 .con { margin-top: 0.75rem; } @media (max-width: 780px) { .c6 .con { margin-top: 30px; } } .c6 .con .list1 { margin-left: -10px; margin-right: -10px; flex-wrap: wrap; } @media (max-width: 780px) { .c6 .con .list1 { margin-left: -5px; margin-right: -5px; } } @media (max-width: 480px) { .c6 .con .list1 { flex-wrap: wrap; } } .c6 .con .list1 li { padding: 0 10px; width: 24%; margin: 0 0.5%; margin-bottom: 14px; padding: 10px 10px 0 10px; border: 1px solid #eeeeee; } @media (max-width: 780px) { .c6 .con .list1 li { padding: 0 5px; margin-bottom: 8px; } } @media (max-width: 480px) { .c6 .con .list1 li { width: 47%; } } .c6 .con .list1 li:nth-child(1) { /*width: 50%;*/ } @media (max-width: 480px) { .c6 .con .list1 li:nth-child(1) { /*width: 100%;*/ } } .c6 .con .list1 li a { display: block; position: relative; } .c6 .con .list1 li .img img { width: 100%; } .c6 .con .list1 li .zi { width: 160px; line-height: 45px; text-align: center; border: solid 1px #eeeeee; position: absolute; right: 25px; bottom: 25px; z-index: 1; font-size: 20px; color: #ffffff; transition-duration: 0.3s; background: rgba(0,0,0,0.5); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1; } @media (max-width: 780px) { .c6 .con .list1 li .zi { line-height: 38px; right: 10px; bottom: 10px; font-size: 16px; } } .c6 .con .list1 li:hover .zi { background: #faae34; } .c7 { margin-top: 0.67rem; margin-bottom: 27px; } .c7 .con { margin-top: 0.65rem; position: relative; } @media (max-width: 780px) { .c7 .con { flex-wrap: wrap; } } .c7 .con:before { content: ""; display: block; background: #eeeeee; width: 1px; height: 404px; position: absolute; top: 0; left: 53%; display: none; } @media (max-width: 780px) { .c7 .con:before { display: none; } } .c7 .con .c7-1 { width: 47.67%; } @media (max-width: 780px) { .c7 .con .c7-1 { width: 100%; } } .c7 .con .c7-1 .list2 li .img { border: solid 1px #aaaaaa; } .c7 .con .c7-1 .list2 li .img img { width: 100%; } .c7 .con .c7-1 .list2 li .zi { margin-top: 16px; } .c7 .con .c7-1 .list2 li .zi .timex { color: #0a0a0a; position: relative; line-height: 1; } .c7 .con .c7-1 .list2 li .zi .timex:after { content: ""; display: block; width: 1px; height: 59px; background-color: #eeeeee; position: absolute; left: 74px; top: 0; } .c7 .con .c7-1 .list2 li .zi .timex p { color: #666666; font-size: 48.52px; margin-top: 4px; } .c7 .con .c7-1 .list2 li .zi .zi1 { width: calc(100% - 107px); } .c7 .con .c7-1 .list2 li .zi .zi1 h3 { font-size: 18px; color: #060606; font-weight: 500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c7 .con .c7-1 .list2 li .zi .zi1 dd { color: #7e7d7d; line-height: 24px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition-duration: 0.3s; margin-top: 5px; } .c7 .con .c7-1 .list2 li:hover .zi .zi1 dd { color: #faae34; } .c7 .con .c7-2 { width: 42.34%; } @media (max-width: 780px) { .c7 .con .c7-2 { width: 100%; margin-top: 30px; } } .c7 .con .c7-2 .list1 { display: flex; } .c7 .con .c7-2 .list1 li { cursor: pointer; } .c7 .con .c7-2 .list1 li:after { content: "|"; padding: 0 32px; } .c7 .con .c7-2 .list1 li.on a { color: #000000; font-weight: 600; } .c7 .con .c7-2 .list1 li a { font-size: 16px; color: #2d2d2d; } .c7 .con .c7-2 .list1 li:last-child:after { display: none; } .c7 .con .c7-2 .con { margin-top: 14px; } .c7 .con .c7-2 .list2 li { padding-top: 26px; padding-bottom: 26px; border-bottom: 1px dashed #d8d6d6; } .c7 .con .c7-2 .list2 li .zi .timex { color: #0a0a0a; position: relative; line-height: 1; } .c7 .con .c7-2 .list2 li .zi .timex p { color: #666666; font-size: 48.52px; margin-top: 4px; } .c7 .con .c7-2 .list2 li .zi .zi1 { width: calc(100% - 113px); } .c7 .con .c7-2 .list2 li .zi .zi1 h3 { font-size: 18px; color: #060606; font-weight: 500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c7 .con .c7-2 .list2 li .zi .zi1 dd { color: #7e7d7d; line-height: 24px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition-duration: 0.3s; margin-top: 5px; } .c7 .con .c7-2 .list2 li:hover .zi .zi1 dd { color: #faae34; } .c8 { text-align: center; } .c8 img { width: 100% !important; height: auto !important; } .foot { background-color: #212120; padding-top: 17px; padding-bottom: 0.32rem; cursor: pointer; } @media (max-width: 780px) { .foot .con { flex-wrap: wrap; } } @media (max-width: 780px) { .foot .con .foot1 { width: 50%; } } @media (max-width: 480px) { .foot .con .foot1 { width: 100%; text-align: center; } } .foot .con .foot1 .lx { line-height: 25px; margin-top: 10px; color: #ffffff; } .foot .con .foot1 .lx:hover { color: #faae34; } .foot .con .foot1 .lx:hover a { color: #faae34; } .foot .con .foot1 .lx a { color: #ffffff; } .foot .con .foot2 { margin-top: 35px; font-size: 13px; line-height: 35.25px; color: #ffffff; padding-left: 41px; background: url(/uploads/image/tdaimages/su.png) no-repeat 0 0%; } @media (max-width: 780px) { .foot .con .foot2 { width: 50%; margin-top: 0; } } @media (max-width: 480px) { .foot .con .foot2 { display: none; } } .foot .con .foot2 a { color: #ffffff; } .foot .con .foot2 a:hover { color: #faae34; } .foot .con .foot3 { margin-top: 35px; padding-left: 41px; background: url(/uploads/image/tdaimages/su.png) no-repeat 0 0%; } @media (max-width: 780px) { .foot .con .foot3 { width: 50%; margin-top: 16px; } } @media (max-width: 480px) { .foot .con .foot3 { width: 100%; background: none; } } .foot .con .foot3 p { font-size: 13px; line-height: 35.25px; color: #cbcaca; padding-left: 34px; } .foot .con .foot3 p:hover { color: #faae34; } .foot .con .foot3 p:nth-child(1) { background: url(/uploads/image/tdaimages/b1.png) no-repeat 0 50%; } .foot .con .foot3 p:nth-child(2) { background: url(/uploads/image/tdaimages/b2.png) no-repeat 0 50%; } .foot .con .foot3 p:nth-child(3) { background: url(/uploads/image/tdaimages/b3.png) no-repeat 0 50%; } .foot .con .foot4 { margin-top: 35px; padding-left: 41px; background: url(/uploads/image/tdaimages/su.png) no-repeat 0 0%; } @media (max-width: 780px) { .foot .con .foot4 { width: 50%; margin-top: 16px; } } @media (max-width: 480px) { .foot .con .foot4 { width: 100%; background: none; padding-left: 0; } } .foot .con .foot4 .list2 { width: 212px; } @media (max-width: 480px) { .foot .con .foot4 .list2 { margin-left: auto; margin-right: auto; } } .foot .con .foot4 .list2 li { text-align: center; } .foot .con .foot4 .list2 li .img img { width: 95px; } .foot .con .foot4 .list2 li .zi { color: #fff; font-size: 12px; margin-top: 9px; } .ban { padding: 14px 0; display: none; } .ban .con { align-items: center; } @media (max-width: 780px) { .ban .con { text-align: center; } } @media (max-width: 780px) { .ban .con .ban1 { display: none; } } .ban .con .ban1 span { color: #0b0b0b; } .ban .con .ban1 a { color: #8c8c8c; padding: 0 4px; } .ban .con .ban2 { color: #8c8c8c; text-align: right; display: none; } @media (max-width: 780px) { .ban .con .ban2 { text-align: center; width: 100%; } } .ban .con .ban2 a { color: #8c8c8c; } /*# sourcemappingurl=index.css.map */