.w{max-width:100%;} .swiper-container { width: 100%; height: 100%; } .swiper-pagination-bullet{width:12px !important;height:12px !important;background:#ca252b !important;opacity:1 !important; } .swiper-pagination-bullet-active{width:24px !important;height:12px !important;border-radius: 6px !important;background: #ca252b !important;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(/uploads/image/tcimages/right.png) !important;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(/uploads/image/tcimages/left.png) !important;} .swiper-button-next, .swiper-button-prev{width:50px !important;height:50px !important;} .banner-p{font-size: 50px;color:#fff;font-weight:bold;text-align: center;position: absolute;top:50%;left:0;width:100%;margin-top:-25px;line-height: 50px;} .banner img{width:100%;height:auto;} .cen{padding-top:110px;padding-bottom:50px;} .cen li{float: left;margin:auto;width:23%;height:250px;background: #fafafa;margin-right:2.6%;padding-bottom: 20px} .cen li:last-child{margin-right:0;} .cen-t{width:100px;height:100px;border-radius:50%;background:#fff;border:5px solid #f5f5f5;margin:auto;margin-top:-50px;} .cen-t img{margin: auto;display: block;padding-top:6px;} .cen-tit{color:#333333;font-weight: bold;font-size:16px;text-align: center;margin:30px 0; } .cen ul li p{width:200px;margin:auto;line-height: 26px;color:#666666;font-size:14px; display: -webkit-box !important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;max-height:48px;} .cen ul li a{color:#999;text-align: center;display: block;margin-top:20px;} .cen ul li:hover h3{color:#ca252b;} .cen ul li:hover a{color:#ca252b;} .top{display: none;} .nav-box{display: no1ne;} .about{background: url(/uploads/image/tcimages/tu05.png) center;height:570px;background-size:cover; } .about video{float: left;margin-top:180px;width:420px;height:260px;} .about-r{} .about-r h3{font-size:28px;color:#fff;margin:86px 0 60px 0;font-weight: bold;margin-left:32px;} .about-r p{font-size:16px;color:#dddddd;width:730px;line-height: 30px;text-indent: 32px;} .about-r ul{margin-top:60px;} .about-r ul li{font-size:16px;color:#ddd;line-height: 30px;font-weight: bold;width:25%;float:left;} .about-r ul li:last-child{margin-right:0;} .about-r ul li font{font-size:14px;} .about-r ul li span{font-size:42px;color:#ddd;} .news-tit{font-size:28px;color:#333;text-align: center;padding:60px 0 40px 0;font-weight: bold;} .news ul li{width:585px;height:156px;background: #f5f5f5;float:left;margin-right:30px;margin-bottom:30px;} .news ul li:nth-child(2),.news ul li:nth-child(4),.news ul li:nth-child(6),.news ul li:nth-child(8){margin-right:0;} .news ul li span{overflow: hidden;width:200px;float:left;} .news ul li img{width:200px;height:155px;transition:all .5s;} .news ul li:hover img{transform: scale(1.1);} .news-list{width:335px;padding:25px;} .news-list b{color:#333;font-size:16px;display: block;font-weight:bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news ul li:hover b{color:#ca252b;} .news-list p{color:#666;font-size:14px; display: -webkit-box !important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;line-height: 24px;margin: 12px 0;max-height:48px;} .news-list span{font-size:14px;color:#999;} .news-more{width:150px;height:36px;margin:auto;display: block;border:1px solid #ddd;border-radius: 4px;text-align: center;line-height: 36px;color:#999999;font-size:14px;} .news-more:hover{background:#ca252b;color:#fff;border:1px solid #ca252b;} .djnews{margin-top:60px;background:url(/uploads/image/tcimages/tu08.jpg) center;background-size: cover;height:600px;} @media screen and (max-width:1200px) { .banner img{height:auto;} } @media screen and (max-width:1024px) { .w {padding: 0 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .swiper-container { width: 100%; height: 100%; } .swiper-pagination-bullet{width:6px !important;height:6px !important;background:#ca252b !important;opacity:1 !important; } .swiper-pagination-bullet-active{width:14px !important;height:6px !important;border-radius: 6px !important;background: #ca252b !important;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(/uploads/image/tcimages/right.png)no-repeat center center !important;background-size: 100% auto !important;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(/uploads/image/tcimages/left.png)no-repeat center center !important;background-size: 100% auto !important;} .swiper-button-next, .swiper-button-prev{width:30px !important;height:30px !important;} .cen{width:100%;padding-top:1rem;padding-bottom: 2rem;} .cen li{width:47%;margin:1.5%;margin-top:4rem;} .cen ul li p{width:80%;} .cen-t{margin-top:-3rem;} .about{height:auto;overflow: hidden;padding-bottom:2rem;} .about img{display: none;} .aboutc{width:100%;} .aboutc video{width:100% !important;height:auto !important;margin: 20px 0px 20px !important;} .about-r{width:97%;margin:0;padding:0 1.5%;} .about-r h3{margin:4rem 0 3rem 32px;} .about-r p{width:100%;} .about-r ul{margin-top:1rem;} .about-r ul li{margin: 0.5rem 0;width:50%;text-align: center} .news{width:100%;} .news-tit{padding:3rem 0 2rem 0;} .news ul li{width:100%;height:auto;margin-bottom:1rem;} .news ul li img{display: none;} .news-list{width: 97%;padding:3% 1.5%;} .djnews {height:auto;margin-top:1rem;padding-bottom:2rem;} .footer,.footer2{display: none;} .bottom p {float: none;} .banner-p{font-size: 26px;margin-top:-13px;line-height: 26px;} .top{display: block;} .nav-box{display: block;} } @media screen and (max-width:768px) { } @media screen and (max-width:414px) { }