.w1550{max-width: 1570px; margin: 0 auto; padding: 0 10px;} .x-header-right{ float: right; width: 200px; text-align: left; position: relative; z-index: 99999; line-height: 100px; margin-left: 2.5%; } .x-header-right h2{ background: url(../images/tbdh.png) no-repeat 0; font-family: Impact; font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #fb6d01; margin-top: 23px; padding-left: 36px; } .bb1x{ background-color: #f5f5f5; padding-top: 5.2vw; padding-bottom: 51px; } .bbbt1{ text-align: center; } .bbbt1 h2{ font-size: 40px; font-weight: bold; font-stretch: normal; line-height: 41px; letter-spacing: 0px; color: #000000; } .bbbt1 h3{ width: 50px; height: 3px; background-color: #000000; margin: 26px auto; } .bbbt1 h4{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 16px; letter-spacing: 0px; color: #666666; } .bb1nr{ margin-top: 5.4vw; padding-bottom: 91px; position: relative; } .bb1nr li{ background-color: #ffffff; padding: 0px 22px; } .bb1nr li .img{ margin-top: -28px; width: 59.11%; float: left; overflow: hidden; } .bb1nr li .img img{ width: 100%; transition: all ease-in-out 0.3s; } .bb1nr li:hover .img img{ transform: scale(1.1); transition: all ease-in-out 0.3s; } .bb1nr li .bb1wz{ width: 40%; float: left; margin-top: 49px; padding-left: 18px; padding-bottom: 52px; } .bb1nr li .bb1wz h2{ font-size: 13px; font-weight: normal; font-stretch: normal; line-height: 13px; letter-spacing: 0px; color: #333333; } .bb1nr li .bb1wz h3{ font-size: 24px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #282828; margin-top: 8px; } .bb1nr li .bb1wz h4{ width: 46px; height: 4px; background-color: #00b759; margin-top: 18px; } .bb1nr li .bb1wz h5{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #666666; margin-top: 14px; } .bb1nr li .bb1wz a{ width: 34px; height: 35px; display: block; background: url(../images/bb1jt1.png) no-repeat; margin-top: 22px; } .bb1nr li:hover{ background-color: #0040b7; } .bb1nr li:hover .bb1wz h2{ color: #fff; } .bb1nr li:hover .bb1wz h3{ color: #fff; } .bb1nr li:hover .bb1wz h4{ background-color: #fff; } .bb1nr li:hover .bb1wz h5{ color: #fff; } .bb1nr li:hover .bb1wz a{ background: url(../images/bb1jt2.png) no-repeat; } .bb1nr .swiper-pagination{} .bb1nr .swiper-pagination span{ width: 25px; height: 25px; background: none; position: relative; opacity: 1; border-radius: 27px; margin: 0 12px; } .bb1nr .swiper-pagination span:before{ content: ''; width: 7px; height: 7px; background-color: #dcdcdc; position: absolute; border-radius: 14px; top: 8px; left: 8px; } .bb1nr .swiper-pagination .swiper-pagination-bullet-active{ width: 25px; height: 25px; border: solid 1px #ff8400; } .bb1nr .swiper-pagination .swiper-pagination-bullet-active:before{ background-color: #ff8400; } .w1500{max-width: 1520px; margin: 0 auto; padding: 0 10px;} .w1200{max-width: 1220px;margin: 0 auto;padding: 0 10px;} .bb2x{ background: url(../images/bb2x.png) no-repeat; padding-top: 4.5vw; padding-bottom: 109px; } .bb2bt{ text-align: center; } .bb2bt h2{ font-size: 40px; font-weight: bold; font-stretch: normal; line-height: 42px; letter-spacing: 0px; color: #ffffff; } .bb2bt h3{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 17px; letter-spacing: 0px; color: #ffffff; opacity: 0.7; margin-top: 29px; } .bb2nr{ margin-top: 5vw; } .bb2nr .bb2z{ width: 50%; float: left; } .bb2nr .bb2z h2{ font-size: 24px; font-weight: bold; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #ffffff; } .bb2nr .bb2z h3{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 28px; letter-spacing: 0px; color: #d3d3d3; margin-top: 35px; } .bb2nr .bb2z h4{ width: 140px; height: 42px; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 42px; letter-spacing: 0px; color: #ffffff; text-align: center; margin-top: 3.2vw; border: 1px solid #fff; } .bb2nr .bb2z h4:hover{ background-color: #ff8400; border: 1px solid #ff8400; } .bb2nr .bb2y{ width: 40.3%; float: right; overflow: hidden; } .bb2nr .bb2y img{ width: 100%; transition: all ease-in-out 0.3s; } .bb2nr .bb2y:hover img{ transform: scale(1.1); transition: all ease-in-out 0.3s; } .bb2sz{ background-color: #f5f5f5; position: relative; } .bb2sznr{ height: 160px; background-color: #ffffff; box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.07); margin-top: -56px; } .bb2sznr li{ width: 25%; float: left; text-align: center; margin: 42px 0; } .bb2sznr li h2{ font-size: 42px; font-weight: normal; font-stretch: normal; line-height: 44px; letter-spacing: 0px; color: #333333; } .bb2sznr li:hover h2{ color: #ff8400; } .bb2sznr li h2 s2{ margin-left: -10px; } .bb2sznr li h3{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 16px; letter-spacing: 0px; color: #666666; margin-top: 16px; } .bb2sznr li+li{ border-left: 1px solid #e3e3e3; } .bb3x{ padding-top: 5vw; background: url(../images/bb3x.png) no-repeat bottom #f5f5f5; padding-bottom: 6vw; background-size: 100%; } .bb3nr{ margin-top: 5.2vw; overflow: hidden; } .bb3nr li{ padding: 0 24px; background: url(../images/bb3li.png) no-repeat bottom; background-size: 100% 32%; } .bb3nr li:hover{ background: url(../images/bb3lih.png) no-repeat bottom; background-size: 100% 32%; } .bb3nr li .img{ overflow: hidden; } .bb3nr li .img img{ width: 100%; transition: all ease-in-out 0.3s; } .bb3nr li:hover .img img{ transform: scale(1.1); transition: all ease-in-out 0.3s; } .bb3nr li h2{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 17px; letter-spacing: 0px; color: #333333; text-align: center; padding-top: 13px; padding-bottom: 21px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .bb3nr li:hover h2{color: #fff;} .w1770{max-width: 1790px; margin: 0 auto; padding: 0 10px;} .bb4x{ padding-top: 15px; } .bb4nr{ margin-top: 54px; overflow: hidden; padding-bottom: 80px; position: relative; margin-bottom: 70px; } .bb4nr li{position: relative;} .bb4nr li .img{ overflow: hidden;} .bb4nr li .img img{width: 100%;} .bb4nr li .bb4wz{ margin: 0 32px; background-color: #ffffff; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.14); position: relative; margin-top: -101px; padding: 36px 25px 41px; } .bb4nr li .bb4wz h2{ font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 12px; letter-spacing: 0px; color: #939393; } .bb4nr li .bb4wz h3{ font-size: 18px; font-weight: bold; font-stretch: normal; line-height: 20px; letter-spacing: 0px; color: #ff8400; margin-top: 20px; } .bb4nr li .bb4wz h4{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #999999; margin-top: 22px; } .bb4nr li:hover .bb4wz{ background-color: #ff8400; } .bb4nr li:hover .bb4wz h2{ color: #fff; } .bb4nr li:hover .bb4wz h3{ color: #fff; } .bb4nr li:hover .bb4wz h4{ color: #fff; } .bb4nr .swiper-pagination{ bottom: 0; } .bb4nr .swiper-pagination span{ width: 25px; height: 25px; background: none; position: relative; opacity: 1; border-radius: 27px; margin: 0 12px; } .bb4nr .swiper-pagination span:before{ content: ''; width: 7px; height: 7px; background-color: #626262; position: absolute; border-radius: 14px; top: 8px; left: 8px; } .bb4nr .swiper-pagination .swiper-pagination-bullet-active{ width: 25px; height: 25px; border: solid 1px #ff8400; } .bb4nr .swiper-pagination .swiper-pagination-bullet-active:before{ background-color: #ff8400; } .bb5x{ background: url(../images/bb5x.png) fixed; padding-top: 4.7vw; padding-bottom: 3.3vw; } .bb5bt{ text-align: center; } .bb5bt h2{ font-size: 40px; font-weight: bold; font-stretch: normal; line-height: 41px; letter-spacing: 0px; color: #fff; } .bb5bt h3{ width: 50px; height: 3px; background-color: #fff; margin: 26px auto; } .bb5bt h4{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 16px; letter-spacing: 0px; color: #fff; } .bb5nr{ margin-top: 58px; overflow: hidden; padding-bottom: 3.7vw; } .bb5nr li{position: relative;} .bb5nr li .img{ overflow: hidden; } .bb5nr li .img img{ width: 100%; transition: all ease-in-out 0.3s; } .bb5nr li:hover .img img{ transform: scale(1.1); transition: all ease-in-out 0.3s; } .bb5gd{ width: 141px; height: 46px; border-radius: 10px; border: 1px solid #fff; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 46px; letter-spacing: 0px; color: #ffffff; text-align: center; margin: 0 auto; } .bb5gd:hover{ border: 1px solid #ff8400; background-color: #ff8400; } /* css */ .bb6bd { position: relative; } .bb6bd .tt { position: absolute; left: 0; top: 0; z-index: 9; right: 0;} .bb6bd .tt { opacity: 0; visibility: hidden; transition: all .5s ease; } .bb6bd .tt.on { position: static; opacity: 1; visibility: visible; } .bb6x{ background: url(../images/bb6x.png) no-repeat bottom; padding-top: 3.7vw; padding-bottom: 58px; } .bb6nr{ margin-top: 44px; } .bb6hd{ text-align: center; } .bb6hd li{ display: inline-block; vertical-align: middle; width: 144px; height: 51px; background-color: #eeeeee; border-radius: 26px; margin: 0 17.5px; } .bb6hd li a{ font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 51px; letter-spacing: 0px; color: #000000; } .bb6hd li.on{background-color: #ff8400;} .bb6hd li.on a{ color: #fff ;} .bb6bd{overflow: hidden;padding-bottom: 110px;margin-top: 57px;} .bb6bd .tt{} .bb6bd .tt .ul{} .bb6bd .tt li{} .bb6bd .tt li .img{overflow: hidden;} .bb6bd .tt li .img img{ width: 100%; transition: all ease-in-out 0.3s; } .bb6bd .tt li .img:hover img{ transform: scale(1.1); transition: all ease-in-out 0.3s; } .bb6bd .tt li .bb6wz{ background-color: #f7f7f7; padding: 35px 12% 50px; } .bb6bd .tt li .bb6wz h2{ font-size: 18px; font-weight: bold; font-stretch: normal; line-height: 18px; letter-spacing: 0px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bb6bd .tt li .bb6wz h3{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #999999; margin-top: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .bb6bd .tt li .bb6wz h4{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ff8400; margin-top: 15px; } .bb6bd .tt li .bb6wz h4 s1{ width: 54px; height: 2px; background-color: #ff8400; position: absolute; margin-top: 15px; margin-left: 10px; } .bb6bd .swiper-pagination{ bottom: 0; } .bb6bd .swiper-pagination span{ width: 25px; height: 25px; background: none; position: relative; opacity: 1; border-radius: 27px; margin: 0 12px; } .bb6bd .swiper-pagination span:before{ content: ''; width: 7px; height: 7px; background-color: #626262; position: absolute; border-radius: 14px; top: 8px; left: 8px; } .bb6bd .swiper-pagination .swiper-pagination-bullet-active{ width: 25px; height: 25px; border: solid 1px #ff8400; } .bb6bd .swiper-pagination .swiper-pagination-bullet-active:before{ background-color: #ff8400; } .bb6bd .tt li:hover .bb6wz h2{ color: #ff8400;} .bb6bd .tt li:hover .bb6wz h4{color: #333333;} .bb6bd .tt li:hover .bb6wz h4 s1{ background-color: #333;} .bbdb{ background: url(../images/bbdb.png) no-repeat; padding-bottom: 45px; } .bbdnr{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 65px; } .bbdnr1{ width: 24%; } .bbdxbt{} .bbdxbt h2{ border-bottom: 1px solid #3f3f3f; padding-bottom: 20px; position: relative; } .bbdxbt h2:before{content: '';width: 71px;height: 2px;background-color: #ff8400;position: absolute;left: 0;bottom: 0px;} .bbdxbt h2 s1{ font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; } .bbdxbt h2 s2{ font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; opacity: 0.2; margin-left: 10px; } .bbddh{ margin-top: 25px; } .bbddh li{ width: 50%; float: left; } .bbddh li a{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 46px; letter-spacing: 0px; color: #ffffff; opacity: 0.5; } .bbddh li:hover a{color: #ff8400;} .bbdnr2{ width: 24%; } .dblx{ margin-top: 25px; } .dblx p{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; } .dblx p:nth-child(2){ font-family: Impact; font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #ffffff; margin-bottom: 10px; } .bbdnr3{ width: 24%; } .dbewm{ margin-top: 30px; } .dbewm li{ width: 37%; float: left; } .dbewm li+li{ width: 50%; margin-left: 10%; } .dbewm li img{ max-width: 100%; } .bbdxx{ background-color: #1e1f21; padding: 27px 0; font-size: 12px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: rgba(255, 255, 255, 0.2); line-height: 23px; } .bbdxxz{ width: 70%; float: left; } .bbdxxz a{ color: rgba(255, 255, 255, 0.2); } .bbdxxz s1{ color: #d90404; } .bbdxxy{ float: right; width: 28%; text-align: right; } .bbdxxy a{ color: rgba(255, 255, 255, 0.2); } @media (max-width: 1600px) { .bb1nr li .img{ width: 50%;} .bb1nr li .bb1wz{width: 49%;} .bbdnr2{width: 30%;} } @media (max-width: 1300px) { .bbdnr2{width: 35%;} } @media (max-width: 1200px) { .bbdxxz{width: 100%;} .bbdxxy{width: 100%; text-align: left; float: left;} .bbdb{background-size: auto 101%;} } @media (max-width: 992px) { .bb1nr li .img{width: 100%;margin-top: 0px;} .bbbt1 h2{ font-size: 26px; } .bbbt1 h4{ font-size: 14px; line-height: 24px; } .bbbt1 h3{ margin: 14px auto; } .bb1nr li{ padding: 0px 2%; } .bb1nr li .bb1wz{ width: 100%; padding-left: 11px; margin-top: 25px; padding-bottom: 27px; } .bb1nr{ margin-top: 5.4vw; padding-bottom: 68px; } .bb1x{ padding-bottom: 20px; } .bb2bt h2{ font-size: 26px; } .bb2bt h3{ font-size: 14px; margin-top: 19px; } .bb2nr .bb2z{ width: 100%; margin-top: 15px; } .bb2nr .bb2z h2{ font-size: 20px; } .bb2nr .bb2z h3{ margin-top: 15px; } .bb2nr .bb2y{ width: 100%; margin-top: 48px; } .bb2x{ background-size: auto 100%; } .bb2sznr li{ width: 50%; margin: 20px 0; } .bb2sznr li:nth-child(3){ border-left: none; } .bb2sznr{ height: auto; position: relative; } .bb2sznr li h2{ font-size: 30px; } .bb2sznr li h2 s2{ margin-left: -5px; } .bb2sznr li h3{ font-size: 12px; margin-top: 6px; } .bb4nr li .bb4wz{ margin: 0; padding: 23px 10px 23px; } .bb4nr{ padding-bottom: 57px; margin-bottom: 32px; margin-top: 32px; } .bb5bt h2{ font-size: 26px; } .bb5bt h3{ margin: 20px auto; } .bb5bt h4{ font-size: 14px; } .bb5nr{ margin-top: 31px; padding-bottom: 42px; } .bb5x{ padding-bottom: 33px; } .bb5gd{ line-height: 36px; height: 36px; } .bb6hd li{ width: 29%; height: 37px; margin: 0 1%; } .bb6hd li a{line-height: 37px;font-size: 14px;} .bb6nr{ margin-top: 30px; } .bb6bd{ padding-bottom: 60px; margin-top: 30px; } .bb6x{ padding-bottom: 34px; } .bb6bd .tt li .bb6wz{ padding: 25px 2% 23px; } .bbdnr1{ display: none; } .bbdnr2{ width: 100%; } .bbdnr3{width: 100%;margin-top: 41px;} } /* 文字 */