.index-page .kv .swiper-slide img{ width: 100%; } .index-page .kv .swiper-pagination{ bottom: 30px; font-size: 0; } .index-page .kv .swiper-pagination .swiper-pagination-bullet{ width: 14px; height: 14px; opacity: 1; background-repeat: no-repeat; background-size: 100% 100%; background-color: transparent; background-image: url(/uploads/image/bjimages/index_kv_page_circle.png); vertical-align: middle; } .index-page .kv .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 40px; height: 10px; border-radius: 5px; background-color: #2081d1; background-image: none; } .index-page .kv .swiper-prev,.index-page .kv .swiper-next{ width: 40px; height: 74px; background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom; border-radius: 5px; position: absolute; top: 50%; margin-top: -37px; z-index: 1; cursor: pointer; } .index-page .kv .swiper-prev:hover,.index-page .kv .swiper-next:hover{ background-color: rgba(0,91,172,0.5); background-position: center top; } .index-page .kv .swiper-prev{ background-image: url(/uploads/image/bjimages/index_kv_prev.png); left: 8.9%; } .index-page .kv .swiper-next{ background-image: url(/uploads/image/bjimages/index_kv_next.png); right: 8.9%; } .index-page .sec1{ font-size: 0; padding: 73px 0 54px; } .index-page .sec1 .left{ display: inline-block; vertical-align: middle; width: 51.3%; background-color: #277bd1; position: relative; padding: 4% 2.14%; } .index-page .sec1 .left .title{ margin-bottom: 44px; } .index-page .sec1 .left .title h4{ font-size: 26px; color: #fff; font-weight: normal; margin-bottom: 10px; } .index-page .sec1 .left .title h5{ font-family: "helveticaroman"; font-size: 20px; color: #fff; font-weight: normal; } .index-page .sec1 .left p{ font-size: 18px; /*font-weight: lighter;*/ line-height: 40px; color: #fff; position: relative; padding-left: 30px; } .index-page .sec1 .left p.last{ margin-bottom: 48px; } .index-page .sec1 .left p b{ font-weight: bold; } .index-page .sec1 .left p img{ position: absolute; left: 0; top: 14px; } .index-page .sec1 .left a{ display: block; width: 118px; height: 38px; line-height: 36px; border-radius: 19px; text-align: center; font-size: 14px; color: #fff; border: 1px solid #fff; } .index-page .sec1 .left a img{ vertical-align: middle; margin-left: 8px; } .index-page .sec1 .left .tri{ position: absolute; right: -10px; top: 50%; margin-top: -10px; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #277bd1; } .index-page .sec1 .right{ display: inline-block; vertical-align: middle; width: 48.7%; } .index-page .sec1 .right ul{ margin-bottom: 10.28%; text-align: right; } .index-page .sec1 .right ul:last-child{ margin-bottom: 0; } .index-page .sec1 .right ul li{ display: inline-block; vertical-align: top; margin-left: 13.2%; } .index-page .sec1 .right ul li:first-child{ margin-left: 0; } .index-page .sec1 .right .box{ text-align: center; } .index-page .sec1 .right .box h5{ margin-bottom: 10px; color: #277bd1; position: relative; display: inline-block; } .index-page .sec1 .right .box h5 b{ font-size: 88px; font-family: "trumpgothicpro"; font-weight: normal; vertical-align: bottom; line-height: 1; } .index-page .sec1 .right .box h5 .word{ font-size: 22px; font-weight: normal; width: 30px; display: inline-block; vertical-align: bottom; text-align: center; margin-bottom: 10px; } .index-page .sec1 .right .box h5 .plus{ font-size: 22px; font-weight: normal; position: absolute; right: 0; top: 0; width: 30px; text-align: center; } .index-page .sec1 .right .box p{ font-size: 14px; color: #666; } .index-page .sec2{ padding: 100px 0; background-color: #f8f8f8; font-size: 0; } .index-page .sec2 .box1{ display: inline-block; vertical-align: top; width: 23.8%; position: relative; } .index-page .sec2 .box1 .bg{ width: 100%; } .index-page .sec2 .box1 .cover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 9%; } .index-page .sec2 .box1 .cover .table-box{ width: 100%; height: 100%; display: table; } .index-page .sec2 .box1 .cover .middle-box{ display: table-cell; vertical-align: middle; } .index-page .sec2 .box1 .cover .top{ border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 11%; } .index-page .sec2 .box1 .cover .top h5{ font-size: 20px; color: #fff; font-weight: normal; margin-bottom: 6px; } .index-page .sec2 .box1 .cover .top p{ font-family: "helveticaroman"; font-size: 12px; color: #fff; } .index-page .sec2 .box1 .cover .top p span{ float: right; } .index-page .sec2 .box1 .cover .top .right{ font-family: "helvetica lt thin extended"; font-size: 12px; color: #fff; /*font-weight: lighter;*/ } .index-page .sec2 .box1 .cover .bottom{ padding-top: 11%; } .index-page .sec2 .box1 .cover .bottom a{ margin-bottom: 8.8%; font-size: 16px; color: #fff; display: block; position: relative; } .index-page .sec2 .box1 .cover .bottom a:last-child{ margin-bottom: 0; } .index-page .sec2 .box1 .cover .bottom a img{ display: none; position: absolute; right: 0; top: 50%; margin-top: -6px; } .index-page .sec2 .box1 .cover .bottom a:hover img{ display: block; } .index-page .sec2 .box2{ display: inline-block; vertical-align: top; width: 23.8%; margin-left: 1.6%; position: relative; } .index-page .sec2 .box2 img{ width: 100%; } .index-page .sec2 .box2 .text{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: #fff; padding: 5.5% 9%; } .index-page .sec2 .box2 .text h5{ font-size: 20px; color: #333; font-weight: normal; margin-bottom: 6px; } .index-page .sec2 .box2 .text p{ font-family: "helveticaroman"; font-size: 12px; color: #999; } .index-page .sec2 .box2 .text p span{ font-family: "helvetica lt thin extended"; /*font-weight: lighter;*/ float: right; } .index-page .sec3{ padding: 100px 0 190px; } .index-page .sec3 .top .title{ float: left; width: 25.4%; } .index-page .sec3 .top .title h3{ font-size: 26px; color: #333; font-weight: normal; margin-bottom: 10px; } .index-page .sec3 .top .title p{ font-size: 20px; color: #277bd1; font-family: "helveticaroman"; } .index-page .sec3 .top .map-box{ float: right; width: 72.6%; position: relative; overflow: hidden; } .index-page .sec3 .top .map-box img{ width: 100%; } .index-page .sec3 .top .map-box .icon{ position: absolute; left: 0; top: 0; animation: updown 1s infinite; -webkit-animation: updown 1s infinite; } @keyframes updown{ 0% { top: -2.5%; } 100% { top: 0; } } @-webkit-keyframes updown{ 0% { top: -2.5%; } 100% { top: 0; } } .index-page .sec3 .top .text-box{ float: left; width: 25.4%; margin-top: 6.1%; } .index-page .sec3 .top .text-box .line{ height: 1px; width: 100%; background-color: #d2d2d2; margin: 12.4% 0; } .index-page .sec3 .top .text-box .box{ background-repeat: no-repeat; background-position: center right; background-image: url(/uploads/image/bjimages/index_sec3_box_icon.png); font-size: 0; } .index-page .sec3 .top .text-box .box p{ font-size: 22px; color: #fff; background-color: #277bd1; display: inline-block; vertical-align: baseline; margin-right: 4.2%; padding: 4px; } .index-page .sec3 .top .text-box .box h5{ color: #277bd1; display: inline-block; white-space: nowrap; } .index-page .sec3 .top .text-box .box h5 b{ font-size: 100px; font-family: "trumpgothicpro"; font-weight: normal; vertical-align: baseline; line-height: 1; } .index-page .sec3 .top .text-box .box h5 .word{ font-size: 24px; font-weight: normal; display: inline-block; vertical-align: baseline; margin-left: 2.8%; position: relative; } .index-page .sec3 .top .text-box .box h5 .plus{ font-size: 22px; font-weight: normal; position: absolute; left: 0; bottom: 3em; } .index-page .sec3 .bottom{ margin-top: 100px; font-size: 0; } .index-page .sec3 .bottom .box{ display: inline-block; vertical-align: top; width: 49.3%; margin-right: 1.4%; position: relative; } .index-page .sec3 .bottom .box:last-child{ margin-right: 0; } .index-page .sec3 .bottom .box img{ width: 100%; } .index-page .sec3 .bottom .box .cover{ position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; width: 100%; height: 100%; } .index-page .sec3 .bottom .box:first-child .cover{ background-image: url(/uploads/image/bjimages/index_sec3_bottom_img1.jpg); } .index-page .sec3 .bottom .box:last-child .cover{ background-image: url(/uploads/image/bjimages/index_sec3_bottom_img2.jpg); } .index-page .sec3 .bottom .box .cover:hover{ background-position: center bottom; } .index-page .sec3 .bottom .box .cover .table-box{ display: table; width: 100%; height: 100%; } .index-page .sec3 .bottom .box .cover .middle-box{ display: table-cell; vertical-align: middle; padding: 0 6.5%; position: relative; } .index-page .sec3 .bottom .box .cover h5{ font-size: 26px; color: #333; font-weight: normal; margin-bottom: 10px; } .index-page .sec3 .bottom .box .cover:hover h5{ color: #fff; } .index-page .sec3 .bottom .box .cover p{ font-size: 20px; color: #277bd1; font-family: "helveticaroman"; } .index-page .sec3 .bottom .box .cover:hover p{ color: #fff; } .index-page .sec3 .bottom .box .cover .right{ display: block; font-size: 14px; color: #277bd1; position: absolute; right: 6.5%; top: 50%; margin-top: -18px; border: 1px solid #277bd1; border-radius: 18px; width: 114px; height: 36px; line-height: 34px; text-align: center; } .index-page .sec3 .bottom .box .cover:hover .right{ border-color: #fff; color: #fff; } .index-page .sec3 .bottom .box .cover .right span{ display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-left: 0.5em; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; background-image: url(/uploads/image/bjimages/index_sec3_bottom_icon.png); border-radius: 50%; background-color: #277bd1; } .index-page .sec3 .bottom .box .cover:hover .right span{ background-position: center bottom; background-color: #fff; } .index-page .sec4{ background-repeat: no-repeat; background-size: 100% 100%; background-image: url(/uploads/image/bjimages/index_sec4_bg.jpg); padding: 50px 0; } .index-page .sec4 .inner{ position: relative; } .index-page .sec4 .title{ position: absolute; top: -140px; left: 0; } .index-page .sec4 .title h3{ font-size: 26px; color: #333; font-weight: normal; margin-bottom: 10px; } .index-page .sec4 .title p{ font-size: 20px; color: #277bd1; font-family: "helveticaroman"; } .index-page .sec4 .swiper-slide a{ display: block; } .index-page .sec4 .swiper-slide .img-box{ position: relative; } .index-page .sec4 .swiper-slide .img-box > img{ width: 100%; } .index-page .sec4 .swiper-slide .img-box .cover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none; } .index-page .sec4 .swiper-slide:hover .img-box .cover{ display: block; text-align: center; } .index-page .sec4 .swiper-slide .img-box .cover .table-box{ display: table; width: 100%; height: 100%; } .index-page .sec4 .swiper-slide .img-box .cover .table-box div{ display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; } .index-page .sec4 .swiper-slide .text-box{ padding: 8.85% 6.64%; position: relative; } .index-page .sec4 .swiper-slide:hover .text-box{ background-color: #277bd1; } .index-page .sec4 .swiper-slide .text-box h5{ font-size: 20px; font-weight: normal; color: #277bd1; margin-bottom: 10px; max-width: 14em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .index-page .sec4 .swiper-slide:hover .text-box h5{ color: #fff; } .index-page .sec4 .swiper-slide .text-box p{ font-size: 14px; color: #999; max-width: 20em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .index-page .sec4 .swiper-slide:hover .text-box p{ color: #fff; } .index-page .sec4 .swiper-slide .text-box .line{ width: 1px; height: 40px; background-color: rgba(255,255,255,0.2); position: absolute; top: 50%; margin-top: -20px; right: 20%; display: none; } .index-page .sec4 .swiper-slide:hover .text-box .line{ display: block; } .index-page .sec4 .swiper-slide .text-box .icon{ position: absolute; right: 6.64%; top: 50%; margin-top: -6px; display: none; } .index-page .sec4 .swiper-slide:hover .text-box .icon{ display: block; } .index-page .sec4 .btn-box{ font-size: 0; margin-top: 50px; text-align: center; } .index-page .sec4 .btn-box .line{ width: 1px; height: 20px; background-color: #cbcbcb; margin: 0 40px; display: inline-block; vertical-align: middle; } .index-page .sec4 .btn-box .swiper-prev,.index-page .sec4 .btn-box .swiper-next{ display: inline-block; vertical-align: middle; width: 10px; height: 20px; background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; } .index-page .sec4 .btn-box .swiper-prev{ background-image: url(/uploads/image/bjimages/index_sec4_prev.png); } .index-page .sec4 .btn-box .swiper-next{ background-image: url(/uploads/image/bjimages/index_sec4_next.png); } .index-page .sec5{ padding: 100px 0; } .index-page .sec5 .title{ margin-bottom: 50px; } .index-page .sec5 .title h3{ font-size: 26px; color: #333; font-weight: normal; margin-bottom: 10px; } .index-page .sec5 .title p{ font-size: 20px; color: #277bd1; font-family: "helveticaroman"; } .index-page .sec5 .tab-content img{ width: 100%; display: none; } .index-page .sec5 .tab-content img.active{ display: block; } .index-page .sec5 .tab-control{ font-size: 0; background-color: #277bd1; height: 114px; display: table; width: 100%; } .index-page .sec5 .tab-control a{ display: table-cell; vertical-align: middle; text-align: center; width: 10%; opacity: 0.7; position: relative; height: 100%; } .index-page .sec5 .tab-control a.active{ opacity: 1; } .index-page .sec5 .tab-control a img{ margin-bottom: 10px; } .index-page .sec5 .tab-control a p{ font-size: 16px; color: #fff; /*font-weight: lighter;*/ } .index-page .sec5 .tab-control a.active p{ font-weight: normal; } .index-page .sec5 .tab-control a .tri{ border-style: solid; border-width: 0px 9px 9px 9px; border-color: transparent transparent #277bd1 transparent; position: absolute; left: 50%; margin-left: -9px; top: -9px; display: none; } .index-page .sec5 .tab-control a.active .tri{ display: block; } .index-page .sec6{ padding-bottom: 100px; } .index-page .sec6 .title{ margin-bottom: 20px; position: relative; } .index-page .sec6 .title h3{ font-size: 26px; color: #333; font-weight: normal; margin-bottom: 10px; } .index-page .sec6 .title p{ font-size: 20px; color: #277bd1; font-family: "helveticaroman"; } .index-page .sec6 .title a{ font-size: 16px; color: #277bd1; position: absolute; top: 50%; margin-top: -8px; right: 0; } .index-page .sec6 .title a img{ width: 4px; vertical-align: middle; margin-left: 10px; } .index-page .sec6 .left{ float: left; width: 50%; border-right: 1px dotted #999; margin-top: 30px; font-size: 0; display: table; vertical-align: top; } .index-page .sec6 .left .img-box{ width: 55.7%; display: table-cell; } .index-page .sec6 .left .img-box img{ width: 100%; } .index-page .sec6 .left .text-box{ position: relative; display: table-cell; vertical-align: top; padding-left: 2.86%; padding-right: 7.84%; } .index-page .sec6 .left .text-box h5{ font-size: 20px; color: #333; font-weight: normal; margin-bottom: 10px; } .index-page .sec6 .left .text-box .time{ font-family: "helvetica lt thin extended"; font-size: 14px; color: #333; margin-bottom: 11%; } .index-page .sec6 .left .text-box p{ font-size: 14px; color: #999; /*font-weight: lighter;*/ line-height: 24px; max-height: 120px; } .index-page .sec6 .left .text-box a{ display: block; text-align: center; border: 1px solid #bbb; border-radius: 16px; height: 32px; line-height: 30px; width: 110px; font-size: 14px; color: #bbb; font-family: "helveticaroman"; position: absolute; right: 17.84%; bottom: 0; } .index-page .sec6 .left .text-box a:hover{ background-color: #277bd1; color: #fff; border-color: #277bd1; } .index-page .sec6 .right{ float: right; width: 45%; } .index-page .sec6 .right a{ font-size: 0; padding: 20px 0; display: block; } .index-page .sec6 .right a:hover{ background-color: #277bd1; } .index-page .sec6 .right a .time{ font-size: 14px; color: #999; font-family: "helvetica lt thin extended"; margin: 0 7.9%; display: inline-block; vertical-align: middle; width: 11.1%; } .index-page .sec6 .right a:hover .time{ color: #fff; } .index-page .sec6 .right a p{ font-size: 16px; color: #333; /*font-weight: lighter;*/ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; margin: 0 7.9%; width: 57.3%; } .index-page .sec6 .right a:hover p{ color: #fff; } @media only screen and (max-width:1366px){ } @media only screen and (max-width:1200px){ .index-page .sec1 .right ul li{ margin-left: 10%; } .index-page .sec2 .box1 .cover .top{ padding-bottom: 5%; } .index-page .sec2 .box1 .cover .bottom{ padding-top: 5%; } .index-page .sec3 .top .text-box .box h5 b{ font-size: 80px; } .index-page .sec3 .top .text-box .box h5 .word{ font-size: 20px; } .index-page .sec6 .left .text-box{ padding-right: 2.86%; } .index-page .sec6 .left .text-box h5{ font-size: 18px; } .index-page .sec6 .left .text-box .time{ margin-bottom: 5%; } .index-page .sec6 .left .text-box p{ line-height: 20px; font-size: 12px; max-height: 100px; } .index-page .sec6 .left .text-box a{ right: 6.84%; } .index-page .sec6 .right a{ padding: 15px 0; } } @media only screen and (max-width:1100px){ } @media only screen and (max-width:1024px){ .index-page .kv .swiper-pagination{ bottom: 1.5625rem; } .index-page .kv .swiper-pagination .swiper-pagination-bullet{ width: 0.4375rem; height: 0.4375rem; margin: 0 0.15625rem; } .index-page .kv .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 1.25rem; height: 0.3125rem; border-radius: 0.15625rem; } .index-page .kv .swiper-prev,.index-page .kv .swiper-next{ width: 1.25rem; height: 2.3125rem; border-radius: 0.125rem; margin-top: -1.15625rem; } .index-page .kv .swiper-prev{ left: 4%; } .index-page .kv .swiper-next{ right: 4%; } .index-page .sec1{ padding: 1.5625rem 0; } .index-page .sec1 .left{ display: block; width: 100%; padding: 0.9375rem 1.25rem 1.5625rem 1rem; } .index-page .sec1 .left .title{ margin-bottom: 1.4375rem; } .index-page .sec1 .left .title h4{ font-size: 0.8125rem; margin-bottom: 0.3125rem; } .index-page .sec1 .left .title h5{ font-size: 0.625rem; } .index-page .sec1 .left p{ font-size: 0.6875rem; line-height: 0.9375rem; padding-left: 0.9375rem; margin-bottom: 0.375rem; } .index-page .sec1 .left p.last{ margin-bottom: 0.5625rem; } .index-page .sec1 .left p img{ height: 0.375rem; top: 0.28125rem; } .index-page .sec1 .left a{ width: 4.5625rem; height: 1.4375rem; line-height: 1.375rem; border-radius: 0.71875rem; font-size: 0.5625rem; border: 0.03125rem solid #fff; float: right; } .index-page .sec1 .left a img{ margin-left: 0.3125rem; width: 0.5625rem; } .index-page .sec1 .left .tri{ right: 50%; margin-right: -0.3125rem; top: 100%; margin-top: 0; border-width: 0.3125rem 0.3125rem 0px 0.3125rem; border-color: #277bd1 transparent transparent transparent; } .index-page .sec1 .right{ display: block; width: 100%; margin-top: 1.75rem; } .index-page .sec1 .right ul{ margin-bottom: 1.5rem; text-align: center; } .index-page .sec1 .right ul li{ width: 33.333%; margin-left: 0; } .index-page .sec1 .right .box h5{ margin-bottom: 0.375rem; } .index-page .sec1 .right .box h5 b{ font-size: 3.75rem; } .index-page .sec1 .right .box h5 .word{ font-size: 1rem; width: 1rem; margin-bottom: 0.375rem; } .index-page .sec1 .right .box h5 .plus{ font-size: 1rem; width: 1rem; } .index-page .sec1 .right .box p{ font-size: 0.5625rem; } .index-page .sec2{ padding: 1.5625rem 0; } .index-page .sec2 .box1{ width: 48.26%; } .index-page .sec2 .box1 .cover .top h5{ font-size: 0.625rem; margin-bottom: 0.1875rem; } .index-page .sec2 .box1 .cover .top p{ font-size: 0.5rem; } .index-page .sec2 .box1 .cover .top .right{ font-size: 0.5625rem; } .index-page .sec2 .box1 .cover .bottom a{ font-size: 0.5625rem; } .index-page .sec2 .box1 .cover .bottom a img{ display: block; height: 0.5625rem; margin-top: -0.28125rem; } .index-page .sec2 .box2{ width: 48.26%; margin-left: 3.48%; } .index-page .sec2 .box2:nth-child(3){ margin-left: 0; } .index-page .sec2 .box2:nth-child(3),.index-page .sec2 .box2:nth-child(4){ margin-top: 3.48%; } .index-page .sec2 .box2 .text{ padding: 5.5% 9%; } .index-page .sec2 .box2 .text h5{ font-size: 0.625rem; margin-bottom: 0.1875rem; } .index-page .sec2 .box2 .text p{ font-size: 0.5rem; } .index-page .sec2 .box2 .text p span{ font-size: 0.5625rem; } .index-page .sec3{ padding: 1.5625rem 0 5.9375rem; } .index-page .sec3 .top .title{ float: none; width: 100%; margin-bottom: 1.1875rem; } .index-page .sec3 .top .title h3{ font-size: 0.8125rem; margin-bottom: 0.3125rem; } .index-page .sec3 .top .title p{ font-size: 0.625rem; } .index-page .sec3 .top .map-box{ float: none; width: 100%; margin-bottom: 1.125rem; } .index-page .sec3 .top .text-box{ float: none; width: 100%; margin-top: 0; display: flex; align-items: flex-start; justify-content: space-between; -webkit-display: flex; -webkit-align-items: flex-start; -webkit-justify-content: space-between; } .index-page .sec3 .top .text-box .line{ display: none; } .index-page .sec3 .top .text-box .box{ background-size: auto 0.375rem; width: 45.5%; } .index-page .sec3 .top .text-box .box p{ font-size: 0.6875rem; margin-right: 0.4375rem; padding: 0.125rem; } .index-page .sec3 .top .text-box .box h5 b{ font-size: 2.75rem; } .index-page .sec3 .top .text-box .box h5 .word{ font-size: 0.5rem; margin-left: 0.5rem; } .index-page .sec3 .top .text-box .box h5 .plus{ font-size: 0.6875rem; bottom: 1.8125rem; } .index-page .sec3 .bottom{ margin-top: 3.125rem; } .index-page .sec3 .bottom .box{ display: block; width: 100%; margin-right: 0; } .index-page .sec3 .bottom .box:last-child{ margin-top: 0.625rem } .index-page .sec3 .bottom .box .cover:hover{ background-position: center top; } .index-page .sec3 .bottom .box .cover .middle-box{ padding: 0 1.25rem; } .index-page .sec3 .bottom .box .cover h5{ font-size: 0.8125rem; margin-bottom: 0.3125rem; } .index-page .sec3 .bottom .box .cover:hover h5{ color: #333; } .index-page .sec3 .bottom .box .cover p{ font-size: 0.625rem; } .index-page .sec3 .bottom .box .cover:hover p{ color: #277bd1; } .index-page .sec3 .bottom .box .cover .right{ font-size: 0.5625rem; right: 1.5625rem; margin-top: -0.71875rem; border: 0.03125rem solid #277bd1; border-radius: 0.71875rem; width: 4.5625rem; height: 1.4375rem; line-height: 1.375rem; } .index-page .sec3 .bottom .box .cover:hover .right{ border-color: #277bd1; color: #277bd1; } .index-page .sec3 .bottom .box .cover .right span{ width: 0.5625rem; height: 0.5625rem; margin-left: 0.25rem; vertical-align: baseline; } .index-page .sec3 .bottom .box .cover:hover .right span{ background-position: center top; background-color: #277bd1; } .index-page .sec4{ padding: 1.25rem 0; } .index-page .sec4 .title{ top: -4.0625rem; } .index-page .sec4 .title h3{ font-size: 0.8125rem; margin-bottom: 0.3125rem; } .index-page .sec4 .title p{ font-size: 0.625rem; } .index-page .sec4 .swiper-slide{ width: 12rem; } .index-page .sec4 .swiper-slide:hover .img-box .cover{ display: none; } .index-page .sec4 .swiper-slide:hover .text-box{ background-color: transparent; } .index-page .sec4 .swiper-slide .text-box h5{ font-size: 0.625rem; margin-bottom: 0.3125rem; max-width: 13.6em; } .index-page .sec4 .swiper-slide:hover .text-box h5{ color: #277bd1; } .index-page .sec4 .swiper-slide .text-box p{ font-size: 0.5rem; max-width: 17em; } .index-page .sec4 .swiper-slide:hover .text-box p{ color: #999; } .index-page .sec4 .swiper-slide .text-box .line{ height: 1.25rem; margin-top: -0.625rem; right: 1.1875rem; background-color: #cccccd; display: block; } .index-page .sec4 .swiper-slide .text-box .icon{ height: 0.375rem; margin-top: -0.1875rem; right: 0; display: block; } .index-page .sec4 .btn-box{ display: none; } .index-page .sec5{ padding: 3.125rem 0; } .index-page .sec5 .title{ margin-bottom: 1.25rem; } .index-page .sec5 .title h3{ font-size: 0.8125rem; margin-bottom: 0.3125rem; } .index-page .sec5 .title p{ font-size: 0.625rem; } .index-page .sec5 .tab-control{ height: 7.125rem; display: block; } .index-page .sec5 .tab-control a{ display: inline-flex; align-items: center; justify-content: center; flex-direction: column; -webkit-display: inline-flex; -webkit-align-items: center; -webkit-justify-content: center; -webkit-flex-direction: column; width: 20%; height: 50%; } .index-page .sec5 .tab-control a img{ margin-bottom: 0.25rem; height: 1rem; } .index-page .sec5 .tab-control a p{ font-size: 0.5rem; line-height: 1; } .index-page .sec5 .tab-control a .tri{ border: 0 none; width: 2rem; height: 1px; background-color: #fff; margin-left: -1rem; top: 3.125rem; } .index-page .sec6{ padding-bottom: 2.375rem; } .index-page .sec6 .title{ margin-bottom: 1.25rem; } .index-page .sec6 .title h3{ font-size: 0.8125rem; margin-bottom: 0.3125rem; } .index-page .sec6 .title p{ font-size: 0.625rem; } .index-page .sec6 .title a{ font-size: 0.5625rem; margin-top: -0.28125rem; } .index-page .sec6 .title a img{ width: 0.25rem; margin-left: 0.3125rem; } .index-page .sec6 .left{ float: none; width: 100%; border-right: 0 none; margin-top: 0; } .index-page .sec6 .left .img-box{ width: 52.17%; } .index-page .sec6 .left .text-box{ padding-left: 0.625rem; padding-right: 0; } .index-page .sec6 .left .text-box h5{ font-size: 0.625rem; margin-bottom: 0.375rem; } .index-page .sec6 .left .text-box .time{ font-size: 0.5625rem; margin-bottom: 1.125rem; } .index-page .sec6 .left .text-box p{ font-size: 0.5625rem; line-height: 1.25rem; max-height: 3.75rem; } .index-page .sec6 .left .text-box a{ border: 0.03125rem solid #bbb; height: 1.25rem; line-height: 1.1875rem; width: 4.25rem; font-size: 0.5625rem; right: 0; } .index-page .sec6 .left .text-box a:hover{ background-color: transparent; color: #bbb; border-color: #bbb; } .index-page .sec6 .right{ float: none; width: 100%; padding-top: 0.75rem; } .index-page .sec6 .right a{ margin-bottom: 0.4375rem; padding: 0.8125rem 0; border-bottom: 1px solid #eaeaea; } .index-page .sec6 .right a:last-child{ border-bottom: 0 none; } .index-page .sec6 .right a:hover{ background-color: transparent; } .index-page .sec6 .right a .time{ font-size: 0.625rem; } .index-page .sec6 .right a:hover .time{ color: #999; } .index-page .sec6 .right a p{ font-size: 0.625rem; } .index-page .sec6 .right a:hover p{ color: #333; } }