.header{ background: center bottom no-repeat; height: 500px; } .banner { padding-top: 90px; } .banner>img{ width: calc(100% - 100px); padding: 0; display: block; margin: 0 auto; } .content{ margin-top: -25px; background: none; } .grid{ margin-top: 55px; margin-bottom: 0; } .p0{ background: center bottom no-repeat; background-size: 100% 100%; padding: 18px 60px 30px 60px; position: relative; margin-top: 0; } .p0 .t-title{ position: absolute; top: 0; left: 20px; font-size: 30px; line-height: 50px; font-weight: bold; color: #ffffff; background: center center no-repeat; background-size: 100% 100%; width: 55px; height: 130px; text-align: center; padding-top: 10px; } .p0 p{ font-size: 19px; line-height: 34px; color: #005fd0; font-weight: bold; text-indent: 2em; text-align: justify; } .grid h3{ height: 50px; margin-bottom: 30px; display: flex; justify-content: center; } .grid h3 a{ width: 30%; } .p2 h3>a,.p3 h3>a,.p4 h3>a{ margin-left: auto; margin-right: auto; } .p1 h3{ background: center center no-repeat; } .p2 h3{ background: center center no-repeat; } .p3 h3{ background: center center no-repeat; } .p4 h3{ background: center center no-repeat; } .p5 h3{ background: center center no-repeat; } .p6 h3{ background: center center no-repeat; } .mlvideo{ padding: 20px; background: center center no-repeat; position: relative; top: -45px; left: -20px; } .mlvideo img{ display: block; width: 100%; } .mlvideo:after{ content: ''; position: absolute; top: 0; right: -15px; width: 20px; height: 100%; background: center center no-repeat; } .ml{ padding-top: 50px; padding-left: 20px; height: 420px; } .intro{ background-color: #e5f2fe; height: calc(100% - 30px); } .mltext{ padding-top: 27px; padding-right: 35px; height: 100%; position: relative; padding-bottom: 70px; } .mltext p{ font-size: 19px; line-height: 36px; text-indent: 2em; color: #252525; text-align: justify; } .mltext a{ position: absolute; text-align: center; right: 35px; bottom: 0; font-size: 16px; line-height: 30px; height: 30px; color: #ffffff; padding: 0 15px; background: linear-gradient(to right,#fc7c2b,#ffb642); } .p2p3_bg{ background: center 210px no-repeat; background-size: 100% auto; } .p2{ margin-top: 30px; } .scroll:hover .swiper-button-prev, .scroll:hover .swiper-button-next{ opacity: 1; transform: translate(0, 0); } .p2 .swiper-button-prev, .p2 .swiper-button-next{ margin-top: -40px; } .libg{ border: 1px solid #cbe5fe; } .libg img{ display: block; width: 100%; height: 220px; } .libg-text{ padding: 24px 5px 24px 30px; background-color: #ffffff; } .libg-text p{ font-size: 20px; line-height: 32px; color: #333333; } .rq{ padding-left: 30px; position: relative; } .rq p{ font-size: 36px; line-height: 60px; width: 60px; height: 60px; text-align: center; color: #ffffff; background: linear-gradient(to top,#fc7c2b,#ffb642); position: absolute; left: 0; top: 50%; margin-top: -30px; } .rqbg{ border: 1px solid #9cc6f5; padding: 20px 55px; } .rqbg a{ font-size: 20px; line-height: 34px; } .p3 .col-md-6{ margin-bottom: 25px; } .p4{ padding-bottom: 0; } .list-t li{ font-size: 20px; } .list-t li a{ color: #2d2d2d; width: 85%; font-size: 20px; } .list-t li .date{ top: 0; } .p5 .list-t{ margin-top: -25px; } .p5 .list-t li{ line-height: 93px; border-bottom: 1px dashed #d5d5d5; padding: 0; padding-left: 20px; } .p5 .row{ margin-left: -15px; margin-right: -15px; } .content .p5 div.col-md-6{ padding-left: 15px; padding-right: 15px; } .list-t li:before{ top: 50%; width: 5px; height: 5px; background: #1055d8; border-radius: 50%; } .focus{ margin-top: 10px; } .focus .pic span{ background-color: rgb(0,0,0,0.5); } .focus .pic span a{ color: #fff; } .jk{ padding: 30px 40px; background: center center no-repeat; background-size: 100% 100%; } .p6{ padding-bottom: 60px; } .p6bg{ background: center center no-repeat; } .content .p6 .row{ margin-left: -25px; margin-right: -25px; } .p6 .row .col-md-6{ padding-left: 25px; padding-right: 25px; } .p6 .list-t li { line-height: 56px; } .p6 .list-t li:before{ display: none; } .p6 .list-t li div{ position: relative; padding-left: 20px; } .p6 .list-t li div:before{ position: absolute; display: block; content: ''; top: 50%; left: 0; width: 5px; height: 5px; background: #1055d8; border-radius: 50%; margin-top: -2.5px; } .list-t li:hover a{ color: #048; } @media screen and (max-width: 992px){ .ml{ height: auto; } .mlvideo:after{ display: none; } .mlvideo{ left: 0; } .mltext{ padding-top: 0; padding-bottom: 40px; padding-left: 20px; margin-top: -55px; } .mltext a{ bottom: 10px; } .p2{ margin-top: 55px; } .banner { padding-top: 125px; } }