@font-face { font-family: mob; src: ; } .section1{position: relative;} .banner img{width: 100%;display: block;position: relative;} .bannerinner{position: absolute;top: 38%;left: 0;width: 100%;} .section1 p{position: absolute;bottom: 60px;left: 260px;font-size: 16px;color: rgba(255, 255, 255, .4);} .bannerinner img{width: auto;margin: 0 auto;} .bannerinner a:hover{background: #ca1616;color: #fff;} .banner .swiper-pagination{position: absolute;left: 62px;width: auto;top: 40%;} .banner a{display: block;position: relative;z-index: 999999;} .swiper-pagination-bullet{background: #fff;opacity: 1;} .swiper-pagination-bullet-active::before{content: '';display: block;width: 25px;height: 25px;border: 1px solid #fff;border-radius: 50%;position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); } .banner .swiper-pagination span{width: 6px;height: 6px;display: block;margin-bottom: 28px !important;position: relative;} .banner .swiper-pagination span:last-of-type{margin-bottom: 0 !important;} .section2{position: relative;font-size: 0;} .s2_l,.s2_r{display: inline-block;vertical-align: middle;} .s2_l{padding-left: 260px;box-sizing: border-box;width: 58%;padding-right: 80px;} .s2_r{width: 42%;padding-right: 117px;box-sizing: border-box;} .s2_l h3{font-size: 36px;color: #333333;margin: 10px 0 30px;line-height: 36px;} .s2_l p{font-size: 16px;color: rgba(51,51,51,.8);} .s2_l a{display: block;width: 370px;line-height: 52px;text-align: center;border-radius: 52px;background: #36539c;font-size: 16px;color: #fff;margin-top: 66px;} .s2_l a:hover{background: #ca1616;} .s2_r img{width: 100%;} .section2 .swiper-slide:nth-of-type(2n){background: #ededed;} .section2 .swiper-slide{padding: 110px 0;} .s2_an{position: absolute;right: 25%;top: 50%;z-index: 9; transform: translatey(-50%); -webkit-transform: translatey(-50%); -o-transform: translatey(-50%); -moz-transform: translatey(-50%); } .s2_an .swiper-button-prev,.s2_an .swiper-button-next{position: static;display: block;width: 48px;height:48px;text-align: center;line-height: 48px;margin: 0; border: 1px solid #c8c8c8;border-radius: 50%;font-size: 22px;color: #6b788b;font-weight: bold; } .s2_an .swiper-button-prev{margin-bottom: 18px;} .s2_an .swiper-button-prev:hover,.s2_an .swiper-button-next:hover{background: #36539c;color: #fff;} .section3{text-align: center;background: url(/uploads/image/tlimages/s3bg_02.jpg) center center;background-size: 100% 100%;padding: 106px 0 90px;position: relative;} .section3 .swiper-slide a{display: block;position: relative;background: #fff;padding-top: 38px;} .section3 .swiper-slide a img{width: 100%;} .section3 .swiper-slide a h3{font-size: 18px;color: #333333;line-height: 70px;border-bottom: 1px solid rgba(0, 0, 0, .1);} .section3 .swiper-slide a h4{font-size: 0;padding: 0 60px;box-sizing: border-box;} .section3 .swiper-slide a h4 span,.section3 .swiper-slide a h4 i{display: inline-block;width: 50%;line-height: 60px;} .section3 .swiper-slide a h4 span{font-size: 14px;color: rgba(47,53,61,.7);text-align: left;} .section3 .swiper-slide a h4 i{text-align: right;color: #9a9da1;font-size: 18px;} .section3 .swiper-slide a:hover h4 span,.section3 .swiper-slide a:hover h4 i{color: #ec1000;} .section3 .swiper-slide a:hover h4{background: #f1f2f3;} .section3 .swiper-slide{background: rgba(255, 255, 255, .2);} .section3 .swiper-slide a{opacity: 0;} .section3 .swiper-slide-prev a,.section3 .swiper-slide-next a,.section3 .swiper-slide-active a{opacity: 1;} .s3bt{border-bottom: 1px solid #a9c2d2;margin-bottom: 78px;padding-bottom: 40px;text-align: right;} .s3bt h4{font-size: 18px;color: #ec1000;} .s3bt h3{font-size: 36px;color: #fff;} .s3_an .swiper-button-prev,.s3_an .swiper-button-next{position: static;width: 46px;height: 46px;margin-top: 20px;display: inline-block;line-height: 46px;text-align: center;border: 1px solid #fff;border-radius: 50%; font-size: 20px;color: #fff; } .s3_an .swiper-button-prev{margin-right: 20px;} .s3_an .swiper-button-prev:hover,.s3_an .swiper-button-next:hover{background: #ca1616;color: #fff;} .section4{position: relative;background: url(/uploads/image/tlimages/s4bg_02.jpg) center center;background-size: 100% 100%;padding: 109px 0 57px;font-size: 0;} .s4_l,.s4_r{display: inline-block;vertical-align: middle;width: 50%;box-sizing: border-box;} .s4_r{padding-left: 172px;} .s4_l img{max-width: 100%;} .s4_r h4{font-size: 18px;color: #ec1000;margin-bottom: 10px;} .s4_r h3{font-size: 36px;color: #2f353d;line-height: 43px;} .s4_r h3::after{content: '';display: block;width: 100%;height: 1px;background: #d5d3d1;margin: 10px 0 50px;} .s4_r h5{font-size: 24px;color: #2f353d;margin-bottom: 28px;} .s4_r p{font-size: 16px;color: #333333;line-height: 32px;} .s4_r p span{font-size: 18px;color: #bbbbbb;margin-right: 16px;display: inline-block;vertical-align: middle;} .s4_r a{display: block;margin-top: 80px;} .s4_r a img{max-width: 100%;} .section5{padding: 85px 0 95px;position: relative;background: #ededed;} .section5 .s3bt h3{color: #2f353d;} .section5 .s3bt h4{color: #ec1000;margin-bottom: 15px;} .section5 .swiper-slide h6{position: relative;overflow: hidden;} .section5 .swiper-slide h6 img{width: 100%;} .section5 .swiper-slide h3{font-size: 18px;color: #282828;margin: 50px 0 30px; white-space: nowrap;/*把文本强制显示在一行*/ overflow: hidden;/*隐藏超出部分的文字*/ text-overflow: ellipsis;/*超出显示省略号*/ } .section5 .swiper-slide p{font-size: 14px;color: #999999;line-height: 22px;} .section5 .swiper-slide p::after{content: '';display: block;width: 100%;height: 2px;background: #d5d3d2;margin: 40px 0 35px;} .section5 .swiper-slide h5{font-size: 0;} .section5 .swiper-slide h5 span,.section5 .swiper-slide h5 i{display: inline-block;vertical-align: middle;width: 50%;} .section5 .swiper-slide h5 span{font-size: 30px;color: #282828;font-family: arial;} .section5 .swiper-slide h5 i{font-size: 16px;color: rgba(40,40,40,.3);text-align: right;font-family: arial;} .section5 .swiper-slide a{position: relative;display: block;} .section5 .swiper-slide a:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .section5 .swiper-slide a:hover h3{color: #ec1000;} .section5 .swiper-button-prev,.section5 .swiper-button-next{width: 46px;height: 46px;margin-top: 20px;display: inline-block;line-height: 46px;text-align: center;border: 1px solid #cacaca;border-radius: 50%; font-size: 20px;color: #6b788b; } .section5 .swiper-button-prev{left: 150px;} .section5 .swiper-button-next{right: 150px;} .section5 .swiper-button-prev:hover,.section5 .swiper-button-next:hover{background: #ca1616;color: #fff;} .s4_rxq{display: none;} .s4_rxq.ac{display: block;} .s4_l{position: relative;} .s4_l ul li{position: absolute;cursor: pointer;} .s4_l ul li h3{font-size: 14px;color: #333333;} .s4_l ul li h3 i{background: #fff;} .s4_l ul li:nth-of-type(1) h3 i{background: none;} .s4_l ul li h3::before{content: '';display: inline-block;width: 6px;height: 6px;background: #f69300;border: 3px solid #f5d09a;border-radius: 50%;} .s4_l ul li:nth-of-type(1) h3::before{display: none;} .s4_l ul li:nth-of-type(1) h3{color: #fff;width: 30px;height: 30px;line-height: 30px;background: #ec1000;border-radius: 50%;border: 6px solid #f1a6a1;text-align: center;} .s4_l ul li:nth-of-type(1){top: 24%;left: 71%;} .s4_l ul li:nth-of-type(2){top: 17%;left: 88%;} .s4_l ul li:nth-of-type(3){top: 30%;left: 67%;} .s4_l ul li:nth-of-type(4){top: 36%;left: 52%;} .s4_l ul li:nth-of-type(5){top: 38%;left: 60%;} .s4_l ul li:nth-of-type(6){top: 39%;left: 82%;} .s4_l ul li:nth-of-type(7){top: 42%;left: 77%;} .s4_l ul li:nth-of-type(8){top: 44%;left: 70%;} .s4_l ul li:nth-of-type(9){top: 47%;left: 59%;} .s4_l ul li:nth-of-type(10){top: 45%;left: 49%;} .s4_l ul li:nth-of-type(11){top: 43%;left: 85%;} .s4_l ul li:nth-of-type(12){top: 46.5%;left: 84%;} .s4_l ul li:nth-of-type(13){top: 49%;left: 76%;} .s4_l ul li:nth-of-type(14){top: 50%;left: 68%;} .s4_l ul li:nth-of-type(15){top: 53%;left: 58%;} .s4_l ul li:nth-of-type(16){top: 56%;left: 47%;} .s4_l ul li:nth-of-type(17){top: 55%;left: 80%;} .s4_l ul li:nth-of-type(18){top: 61.5%;left: 69%;} .s4_l ul li:nth-of-type(19){top: 61%;left: 60%;} .s4_l ul li:nth-of-type(20){top: 29%;left: 72%;} .s4_l ul li:hover h3::before{background: #ec1000;border: 3px solid #f1a6a1;}