p { margin: 0 auto; } .w1200 { max-width: 1200px; margin: 0 auto; } .x-header { /*background: none;*/ /*padding: 8px 0;*/ /*position: absolute;*/ /*z-index: 999;*/ /*left: 0;*/ /*right: 0;*/ } .x-logo { width: 30.3125%; } /**/ .box1 { background: url(/uploads/image/tdaimages/bj1.png) no-repeat top center; background-size: cover; padding-bottom: 3%; } .box1 .ss .hot { line-height: 4; font-size: 14px; color: #666666; float: left; } .box1 .ss .hot a { color: #666666; padding-right: 5px; } .box1 .ss #formsearch { float: right; width: 20%; margin-top: 14px; border: 1px solid #e5e5e5; border-right: none; } .box1 .ss #formsearch input { border: none; } .box1 .ss #formsearch input#keyword { height: 30px; line-height: 28px; padding-left: 10px; color: #bebebe; font-size: 12px; border: none; background: none; outline: none; } .box1 .ss #formsearch input#s_btn { border: none; cursor: pointer; background: url(/uploads/image/tdaimages/sou.png) no-repeat top center; background-size: cover; float: right; width: 41px; height: 29px; outline: none; } .box1 .about-index { padding-top: 2%; } .box1 .about-index .title1 { text-align: center; font-size: 36px; color: #01afa3; background: url(/uploads/image/tdaimages/t1.png) no-repeat 50% 35%; } .box1 .about-index .title1 span { font-size: 18px; color: #999999; text-transform: uppercase; display: block; font-weight: bold; padding-top: 10px; font-family: "arial"; } .box1 .about-index .con { font-size: 18px; color: #666666; line-height: 32px; text-align: center; padding-top: 4%; } .box1 .about-index .shuzi { padding-top: 5%; } .box1 .about-index .shuzi .shuzi-list { text-align: center; } .box1 .about-index .shuzi .shuzi-list li { display: inline-block; width: 32.5%; } .box1 .about-index .shuzi .shuzi-list li img { max-width: 100%; } .box1 .about-index .shuzi .shuzi-list li b { display: block; font-size: 48px; color: #666666; font-weight: normal; padding-top: 10%; } .box1 .about-index .shuzi .shuzi-list li p { font-size: 24px; color: #666666; } ::-webkit-input-placeholder { /* webkit, blink, edge */ color: #bebebe; } ::-moz-placeholder { /* mozilla firefox 4 to 18 */ color: #bebebe; } ::-moz-placeholder { /* mozilla firefox 19 */ color: #bebebe; } ::-ms-input-placeholder { /* internet explorer 10-11 */ color: #bebebe; } @media (max-width: 767px) { .box1 .about-index .shuzi .shuzi-list li b { font-size: 16px; } .box1 .about-index .shuzi .shuzi-list li p { font-size: 12px; } } .news-title { padding-top: 3%; } .news-title .title1 { text-align: center; font-size: 36px; color: #01afa3; background: url(/uploads/image/tdaimages/t1.png) no-repeat 50% 35%; } .news-title .title1 span { font-size: 18px; color: #999999; text-transform: uppercase; display: block; font-weight: bold; padding-top: 10px; font-family: "arial"; } .news-title .title2 { font-size: 18px; color: #999999; text-align: center; padding-top: 10px; } .news1 { background: url(/uploads/image/tdaimages/news1.png) no-repeat top center; background-size: cover; margin-top: 3%; } .news1 .news-t { background: rgba(0, 0, 0, 0.4); width: 290px; height: 400px; position: relative; } .news1 .news-t .news-t1 { display: flex; justify-content: left; align-items: left; flex-direction: column; position: absolute; left: 0; right: 0; top: 50%; transform: translatey(-50%); } .news1 .news-t .news-t1 b { display: block; color: #fff; font-size: 30px; text-indent: 5rem; } .news1 .news-t .news-t1 span { display: block; font-size: 24px; color: #fff; text-indent: 5rem; padding-top: 5px; text-transform: uppercase; } .news1 .news-t .news-t1 a { display: block; color: #02768f; width: 144px; height: 46px; background-color: white; border-radius: 30px; font-size: 18px; text-align: center; line-height: 46px; margin-left: 20%; margin-top: 10%; } .news2 { background: url(/uploads/image/tdaimages/news2.png) no-repeat top center; background-size: cover; } .news2 .news-t { background: rgba(0, 0, 0, 0.4); width: 290px; height: 400px; position: relative; float: right; } .news2 .news-t .news-t1 { display: flex; justify-content: left; align-items: left; flex-direction: column; position: absolute; left: 0; right: 0; top: 50%; transform: translatey(-50%); } .news2 .news-t .news-t1 b { display: block; color: #fff; font-size: 30px; text-indent: 5rem; } .news2 .news-t .news-t1 span { display: block; font-size: 24px; color: #fff; text-indent: 5rem; padding-top: 5px; text-transform: uppercase; } .news2 .news-t .news-t1 a { display: block; color: #02768f; width: 144px; height: 46px; background-color: white; border-radius: 30px; font-size: 18px; text-align: center; line-height: 46px; margin-left: 20%; margin-top: 10%; } .news3 { background: url(/uploads/image/tdaimages/news3.png) no-repeat top center; background-size: cover; } .news3 .news-t { background: rgba(0, 0, 0, 0.4); width: 290px; height: 400px; position: relative; } .news3 .news-t .news-t1 { display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; left: 0; right: 0; top: 50%; transform: translatey(-50%); } .news3 .news-t .news-t1 b { display: block; color: #fff; font-size: 30px; } .news3 .news-t .news-t1 span { display: block; font-size: 24px; color: #fff; padding-top: 5px; text-transform: uppercase; } .news3 .news-t .news-t1 a { display: block; color: #02768f; width: 144px; height: 46px; background-color: white; border-radius: 30px; font-size: 18px; text-align: center; line-height: 46px; margin-top: 10%; } .p-title { margin-top: 3%; } .p-title .title1 { text-align: center; font-size: 36px; color: #01afa3; background: url(/uploads/image/tdaimages/t2.png) no-repeat 50% 35%; } .p-title .title1 span { font-size: 18px; color: #999999; text-transform: uppercase; display: block; font-weight: bold; padding-top: 10px; font-family: "arial"; } .p-title .title2 { font-size: 18px; color: #999999; text-align: center; padding-top: 10px; } .p-index { margin-top: 3%; position: relative; } .p-index .p-list { position: relative; } .p-index .p-list .large-img li { position: relative; } .p-index .p-list .large-img li a { display: block; } .p-index .p-list .large-img li a .h { position: absolute; left: 0; right: 0; text-align: center; top: 50%; transform: translatey(-50%); } .p-index .p-list .large-img li a .h b { display: block; font-size: 36px; color: #ffffff; padding-bottom: 3%; } .p-index .p-list .large-img li a .h .more2 { display: block; margin: 0 auto; overflow: hidden; color: #fff; background-color: #fff; line-height: 65px; border-radius: 50px; width: 65px; height: 65px; text-align: center; font-size: 24px; color: #333333; transition: all .2s; } .p-index .p-list .large-img li a .h .more2 span { display: none; } .p-index .p-list .large-img li:hover a .h .more2 { width: 165px; } .p-index .p-list .large-img li:hover a .h .more2 span { display: inline-block; } .large-img .slick-arrow { position: absolute; z-index: 99; width: 50px; height: 50px; cursor: pointer; outline: none; border: none; font-size: 0; -webkit-transition: all .5s; transition: all .5s; bottom: -12%; } .large-img .slick-arrow.slick-prev { background: url(/uploads/image/tdaimages/left.png) no-repeat top center; height: 50px; width: 50px; left: 42%; } .large-img .slick-arrow.slick-next { background: url(/uploads/image/tdaimages/right.png) no-repeat top center; height: 50px; width: 50px; right: 42%; } .large-img .slick-dots { position: absolute; left: 0; right: 0; text-align: center; font-size: 0; z-index: 9; bottom: -12%; } .large-img .slick-dots li { display: inline-block; margin: 0 8px; width: 48px; height: 48px; background: none; cursor: pointer; } .large-img .slick-dots li button { background: none; outline: none; border: none; color: #666666; line-height: 48px; width: 48px; height: 48px; border-radius: 50%; background: #efefef; font-size: 30px; } .large-img .slick-dots li.slick-active button { background: #01afa3; color: #fff; } @media (max-width: 1024px) { .large-img .slick-arrow.slick-prev { left: 36%; } .large-img .slick-arrow.slick-next { right: 36%; } } @media (max-width: 996px) { .large-img .slick-arrow { bottom: -8%; } .large-img .slick-dots { bottom: -8%; } .large-img .slick-arrow.slick-prev { left: 33%; } .large-img .slick-arrow.slick-next { right: 33%; } } @media (max-width: 767px) { .large-img .slick-dots li button { display: none !important; } .large-img .slick-arrow.slick-prev { display: none !important; } .large-img .slick-arrow.slick-next { display: none !important; } } .ab-title { margin-top: 12%; } .ab-title .title1 { text-align: center; font-size: 36px; color: #01afa3; background: url(/uploads/image/tdaimages/t2.png) no-repeat 50% 35%; } .ab-title .title1 span { font-size: 18px; color: #999999; text-transform: uppercase; display: block; font-weight: bold; padding-top: 10px; font-family: "arial"; } .ab-title .title2 { font-size: 18px; color: #999999; text-align: center; padding-top: 10px; } .ab-img1 { margin-top: 2%; } .ab-img1 p img { max-width: 100%; } .x-link { padding-bottom: 0; padding: 10px 0; color: #333; } .x-link a { color: #333; } .x-layout { background: #050823; } .x-layout-menu dl { width: 16.5%; text-align: left; } .x-layout-menu dl dt { font-weight: normal; font-size: 20px; } .x-layout-menu dl dd a { color: #cccccf; font-size: 16px; line-height: 3; } .lx { border-bottom: 2px solid #757784; padding-bottom: 10px; padding-top: 3%; } .lx .fx { float: left; } .lx .fx p img { max-width: 100%; } .lx .fwz { float: left; font-size: 18px; color: #00c2b4; margin-left: 3%; } .lx .fwz a { color: #00c2b4; } .lx .fwz span { color: #fff; line-height: 2; } .lx .logo1 { float: right; } .lx .logo1 img { max-width: 100%; } .x-copyright { text-align: center; color: #ffffff; line-height: 2; padding-top: 2%; } .x-copyright a { color: #fff; } .nbj { background: #eceff6; height: 153px; } .ggh{ background: #0d347d; line-height: 30px; } .huang{ font:400 12px/30px "microsoft yahei"; color: #fff; } .tuy{ font:400 12px/30px "microsoft yahei"; color: #fff; text-align: right; } .tuy a{ color: #fff; } .cpp{ text-align: center; margin-top: 5%; } .cpp_tt{ font:400 44px/55px "microsoft yahei"; color: #333333; } .cpp_yy{ font:400 18px/55px "microsoft yahei"; color: #666666; text-transform: uppercase; background: bottom center no-repeat; letter-spacing: 2px; } .liyg{ margin-top: 4%; } .liyg li{ position: relative; } .liyg_img img{ width: 100%; height: auto; } .liyg .col-md-6{ padding:0px; } .liygnei{ position: absolute; bottom: 10%; width: 90%; left: 8%; } .liygnei_tt{ font:400 24px/50px "microsoft yahei"; color: #1e32b4; } .liygnei_tt a{ color: #1e32b4; } .liygnei_yy{ font:200 15px/30px "microsoft yahei"; color: #1e32b4; } .liygnei_gg{ font:200 14px/20px "microsoft yahei"; color: #1e32b4; } .liygnei_more{ width: 20%; background: #2247be; border-radius: 30px; text-align: center; font:400 14px/30px "microsoft yahei"; margin-top: 2%; } .liygnei_more a{ color: #fff; }