.g-t1{position: relative;} .g-t1 .tit{text-align: center;font-size: 36px;color: #1A1A1A;padding-bottom: 21px; background: url(../images/i-03.png) no-repeat center bottom; -o-background-size: 231px auto; -ms-background-size: 231px auto; -moz-background-size: 231px auto; -webkit-background-size: 231px auto; background-size: 231px auto; } .g-t1 .tit span{color: #0B63D0;} .g-t1 .tit span:before{content: '';display: inline-block;vertical-align: middle; width: 5px;height: 5px;position: relative;top: -2px;margin: 0 13px; background: url(../images/i-02.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .g-t1 .more{position: absolute;right: 0;top: 20px;padding: 18px 3px 0 14px; font-size: 18px;color: #0053AC;text-align: center; background: url(../images/i-04.png) no-repeat center top; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .row-a1{padding: 50px 0 40px;overflow: hidden; background: url(../images/p-bg1.jpg) no-repeat left bottom; -o-background-size: 806px auto; -ms-background-size: 806px auto; -moz-background-size: 806px auto; -webkit-background-size: 806px auto; background-size: 806px auto; } .row-a1 .col-l{width: 744px;padding-top: 105px;} .row-a1 .col-r{width: 816px;padding-top: 9px;} .m-slider1 .con{display: block;padding-top: 41px;position: relative;} .m-slider1 .date{position: absolute;left: 0;top: 0;width: 80px;height: 80px; border-radius: 15px 0 15px 0;text-align: center;padding-top: 3px; background-color: #fff; } .m-slider1 .date span{display: block;font-size: 30px;color: #0053AC;font-weight: bold;} .m-slider1 .date em{font-size: 14px;color: #A4A4A6;} .m-slider1 .pic{padding-top: 64.5%;height: 0;position: relative;overflow: hidden;} .m-slider1 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; } .m-slider1 .txt{color: #fff;padding-top: 33px;} .m-slider1 .tit{font-size: 20px;margin-bottom: 12px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-slider1 .desc{font-size: 16px;color: rgba(255,255,255,.68); text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-slider1 .slick-dots{position: absolute;right: 36px;bottom: 126px;font-size: 0;z-index: 2;} .m-slider1 .slick-dots li{width: 52px;height: 35px;float: left;margin-left: 16px;cursor: pointer; background: url(../images/i-05.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-slider1 .slick-dots button{display: none;} .m-slider1 .slick-dots li.slick-active{background-image: url(../images/i-05-on.png);} .m-list1{} .m-list1 .con{display: block;overflow: hidden;border-radius: 30px 0 30px 0; padding: 33px 35px 33px 32px;position: relative; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list1 .con:after{content: '';position: absolute;left: 32px;bottom: 0;right: 0; height: 1px;background-color: #E5E5E5; } .m-list1 .date{width: 80px;height: 80px;border-radius: 15px 0 15px 0;padding-top: 3px; border: 1px solid #2271C5;text-align: center;background-color: #fff; } .m-list1 .date span{display: block;font-size: 30px;color: #0053AC;font-weight: bold;} .m-list1 .date em{font-size: 14px;color: #A4A4A6;} .m-list1 .txt{position: absolute;top: 50%;left: 142px;right: 35px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list1 .tit{font-size: 18px;color: #1A1A1A;font-weight: normal;margin-bottom: 10px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list1 .desc{font-size: 16px;line-height: 1.75;color: #A4A4A6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list1 .con:hover{background-image: url(../images/i-bg1.png);} .m-list1 .con:hover:after{opacity: 0;} .m-list1 .con:hover .tit{color: #fff;} .m-list1 .con:hover .desc{color: rgba(255,255,255,.8);} .m-list1 li:last-child .con:after{display: none;} .row-a2{padding: 40px 0 0; background: url(../images/p-bg2.png) no-repeat center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-slider2{margin: 0 -33px;padding-top: 31px;} .m-slider2 .con{display: block;position: relative;height: 293px;padding-top: 44px; margin: 0 33px 120px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-slider2 .txt{width: 343px;height: 235px;padding: 51px 20px 0 33px; background-color: #fff;background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-slider2 .tit{font-size: 18px;line-height: 1.78;font-weight: normal;color: #3D3D3D; position: relative;padding-bottom: 24px;margin-bottom: 15px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-slider2 .tit:after{content: '';position: absolute;bottom: 0;left: 50%; width: 324px;height: 10px; background: url(../images/i-06.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-slider2 .desc{font-size: 16px;line-height: 1.75;color: #AFAFAF; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-slider2 .date{position: absolute;left: 36px;top: 0;width: 80px;height: 80px; border-radius: 15px 0 15px 0;padding-top: 3px;text-align: center;color: #fff; background: linear-gradient(135deg, #085ABD 34%, #0E9CDE 109%); } .m-slider2 .date span{display: block;font-size: 30px;font-weight: bold;} .m-slider2 .date em{font-size: 14px;} .m-slider2 .con:hover{padding-top: 28px;} .m-slider2 .con:hover .txt{height: 265px;width: 366px;padding: 61px 24px 0 48px; background-image: url(../images/i-bg2.jpg); } .m-slider2 .con:hover .tit{color: #fff;} .m-slider2 .con:hover .desc{color: rgba(255,255,255,.8);} .m-slider2 .con:hover .date{border: 1px solid; border-image: linear-gradient(131deg, #FFFFFF -111%, rgba(255, 255, 255, 0) 99%) 1; } .m-slider2 .slick-arrow{position: absolute;width: 40px;height: 40px;bottom: 51px; border-radius: 50%;font-size: 0;text-indent: 9999px;z-index: 2;cursor: pointer; background-color: #FFF;background-position: center;background-repeat: no-repeat; border: 1px solid rgba(8, 90, 189, 0.3); -o-background-size: 9px auto; -ms-background-size: 9px auto; -moz-background-size: 9px auto; -webkit-background-size: 9px auto; background-size: 9px auto; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-slider2 .slick-arrow:after{content: '';position: absolute;width: 733px;height: 1px;top: 50%; border: 1px solid rgba(8, 90, 189, 0.2); } .m-slider2 .slick-prev{left: 50%;margin-left: -60px;background-image: url(../images/i-08.png);} .m-slider2 .slick-next{right: 50%;margin-right: -60px;background-image: url(../images/i-09.png);} .m-slider2 .slick-prev:hover{background-image: url(../images/i-08-on.png);} .m-slider2 .slick-next:hover{background-image: url(../images/i-09-on.png);} .m-slider2 .slick-arrow:hover{background-color: #085ABD;} .m-slider2 .slick-prev:after{right: 100%;} .m-slider2 .slick-next:after{left: 100%;} .row-a3{padding: 82px 0 0; background: url(../images/p-bg3.jpg) no-repeat center bottom; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-list2{overflow: hidden;} .m-list2 li{float: left;width: 215px;height: 481px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list2 .con{display: block;height: 100%;overflow: hidden;position: relative;} .m-list2 .bg{height: 100%;width: 215px;float: left;position: relative;} .m-list2 .bg img,.m-list2 .pic img{width: 100%;height: 100%;display: block;object-fit: cover;} .m-list2 .pic{overflow: hidden;height: 100%;position: relative; clip-path: polygon(100% 0%, 0% 6%, 0% 96%, 100% 100%); } .m-list2 .pic:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1; background: linear-gradient(181deg, rgba(0, 0, 0, 0) 49%, rgba(5, 21, 50, 0.8) 79%); } .m-list2 .tit{position: absolute;left: 0;right: 0;text-align: center;top: 50%; font-size: 20px;color: #fff;font-weight: normal;line-height: 1.3; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list2 .tit em{display: block;width: 1em;margin: 0 auto;} .m-list2 .ico{width: 100px;height: 100px;display: block;margin: 0 auto 20px;} .m-list2 .ico img{width: 100%;height: 100%;display: block;} .m-list2 .t1{position: absolute;left: 0;right: 0;bottom: 63px; padding-left: 60px;z-index: 2;padding-bottom: 15px; font-size: 20px;color: #fff;font-weight: normal; border-bottom: 1px solid rgba(255,255,255,.3); } .m-list2 .t1:after{content: '';position: absolute;left: 40px;bottom: -63px;height: 215px;width: 1px; background-color: rgba(255,255,255,.3); } .m-list2 .t1 .ico{margin: 0 0 0 -7px;} .m-list2 .more{position: absolute;right: 36px;bottom: 80px;padding: 18px 3px 0 14px; font-size: 18px;color: #fff;text-align: center;z-index: 3; background: url(../images/z-06.png) no-repeat center top; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-list2 li.on{width: 737px;} .m-list2 li.on .bg{display: none;} .m-list2 li:nth-child(2n) .pic{clip-path: polygon(100% 6%, 0% 0%, 0% 100%, 100% 96%);} .row-a3-2{padding: 67px 0 0;} .m-list3{height: 680px;position: relative;margin-top: 57px;} .m-list3 li{position: absolute;} .m-list3 .i1{width: 559px;height: 351px;left: 0;top: 166px;} .m-list3 .i2{width: 767px;height: 431px;left: 559px;top: 0;} .m-list3 .i3{width: 360px;height: 248px;left: 559px;top: 431px;} .m-list3 .i4{width: 284px;height: 248px;left: 919px;top: 431px;} .m-list3 .i5{width: 358px;height: 268px;right: 39px;top: 233px;} .m-list3 .con{display: block;height: 100%;} .m-list3 .pic{height: 100%;overflow: hidden;} .m-list3 .pic img{width: 100%;height: 100%;display: block; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; } .m-list3 .tit{position: absolute;left: 43px;bottom: 19px;font-size: 20px;font-weight: normal;color: #fff; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-list3 .i3 .tit{font-size: 18px;left: 20px;} .m-list3 .i4 .tit{font-size: 16px;left: 20px;} .m-list3 .i5 .tit{font-size: 14px;left: 20px;} .m-list3 .con:hover .pic img,.m-slider1 .con:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .row-a3-3{padding: 77px 0 0;} .m-list4{height: 266px;overflow: hidden;margin-top: 40px; border-radius: 30px 0px 30px 0px;text-align: center; background-color: #D8EFFF; } .m-list4 li{width: 25%;float: left;} .m-list4 .con{padding-top: 44px;position: relative;} .m-list4 .con:after{content: '';position: absolute;right: 0;top: 69px; width: 1px;height: 100px; background: url(../images/i-10.png) no-repeat center top; } .m-list4 .top{color: #0A54AD;font-size: 18px;margin-bottom: 16px;} .m-list4 .top span{font-size: 48px;font-family: Impact;} .m-list4 .desc{font-size: 20px;color: #333;} .m-list4 li:last-child .con:after{display: none;} .ban{height: 420px; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .row-b1{overflow: hidden;padding: 36px 0 200px;} .row-b1 .col-l{width: 260px;} .row-b1 .col-r{float: none;margin-left: 337px;} .m-t1{height: 107px;font-size: 24px;padding-top: 50px;color: #fff;padding-left: 48px; background: url(../images/i-14.png) no-repeat center top; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .snv{ border-left: 6px solid #0B74C6; background: #FFFFFF; box-shadow: 0px 4px 12px 0px rgba(10,11,24,0.2); } .snv li .s1{ display: block; line-height: 1.385vw; font-size: 18px; color: #333; padding-left: 42px; border-bottom: 1px solid #E5E5E5; position: relative; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; padding-top: 1vw; padding-bottom: 1vw; } .snv li { position:relative; } .snv li span{ position: absolute; right: 25px; top: 1.6925vw; height: 12px; bottom: 0; width: 9px; background: url(../images/i-15.png) no-repeat center; opacity: 1; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateY(-50%); } .snv li:hover .s1,.snv li.on .s1{color: #085ABD; background-color: rgba(11, 83, 161, .05); } .snv li:hover .s1:after,.snv li.on .s1:after{opacity: 1;} .snv dl{border-bottom: 1px solid #E5E5E5;display: none;} .snv dd a{display: block;font-size: 16px;line-height: 50px; padding-left: 60px; } .snv li.on dl{display: block;} .cur{overflow: hidden;font-size: 14px;color: #666;line-height: 24px;} .cur .r{padding-left: 34px; background: url(../images/i-16.png) no-repeat left center; -o-background-size: 23px auto; -ms-background-size: 23px auto; -moz-background-size: 23px auto; -webkit-background-size: 23px auto; background-size: 23px auto; } .cur a{color: #666;} .cur a:hover{color: #0052B9;} .m-t2{font-size: 30px;padding-top: 12px;padding-bottom: 8px; border-bottom: 1px solid #DCDCDC; } .m-txt1{font-size: 16px;line-height: 2.25;color: #333;margin-top: 31px;} .m-txt1 h1{ font-size: 1.262vw; color: #333; } .m-list5{} .m-list5 li{} .m-list5 .con{display: block;overflow: hidden;padding: 40px 30px 40px 26px;border-bottom: 1px solid #e5e5e5; background-position: right center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list5 .pic{float: left;width: 334px;height: 210px;overflow: hidden;margin-right: 40px;} .m-list5 .pic img{ width: 100%; height: 100%; display: block; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; object-fit: cover; } .m-list5 .txt{overflow: hidden;padding-top: 15px;} .m-list5 .name{font-size: 24px;margin-bottom: 7px;} .m-list5 .lab{font-size: 18px;margin-bottom: 18px;} .m-list5 .desc{ font-size: 16px; line-height: 1.75; color: #999; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .m-list5 .con:hover{color: #fff;background-image: url(../images/p-bg4.jpg);} .m-list5 .con:hover .desc{color: rgba(255,255,255,.7);} .m-list5 .con:hover .date{color: #fff;} .m-list5 .con:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .m-list5 li:last-child .con{border-bottom: 0;} .m-list5 .tit{font-size: 18px;margin-bottom: 18px;} .m-list5 .date{color: #0052B9;font-size: 14px;margin-bottom: 9px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list5 .date span{font-size: 24px;font-weight: bold;margin-right: 8px;} .m-list5-1{margin-top: 34px;} .m-list5-1 .txt{padding-top: 12px;} .m-list5-1 .tit{ text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-list5-1 .desc{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .pages { padding-top: 80px; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center } .pages ul{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center } .pages ul li{padding: 0 10px} .pages ul li a,.pages ul li span { padding: 0 5px; display: block; font-size: 16px; color: #959595; min-width: 40px; line-height: 38px; border: 1px solid #dcdcdc; background-color: #fff; text-align: center; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .pages ul li span { border: none } .pages ul .next a,.pages ul .prev a { min-width: 0;padding: 0 22px; background-repeat: no-repeat; background-position: center center; background-size: 13px auto } .pages ul .active a { border-color: #0961C0; background-color: #0961C0; color: #fff } .pages ul li a:hover { background-color: #0961C0; border-color: #0961C0; color: #fff } .m-list6{margin-top: 40px;} .m-list6 li{margin-bottom: 40px;} .m-list6 .con{display: block;overflow: hidden; background: #FFFFFF; box-shadow: 0px 2px 8px 0px rgba(10,11,24,0.1); border-radius: 10px 0px 10px 0px; background-position: right center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list6 .date{width: 95px;height: 100px;float: left;text-align: center; padding-top: 15px; background: linear-gradient(-49deg, #085ABD, #0C8CD6); border-radius: 10px 0px 10px 0px;color: #fff; } .m-list6 .date span{font-size: 28px;display: block;} .m-list6 .date em{font-size: 14px;color: rgba(255,255,255,.68);} .m-list6 .txt{overflow: hidden;padding: 16px 40px 0;} .m-list6 .tit{font-size: 18px;font-weight: normal;margin-bottom: 11px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-list6 .desc{font-size: 16px;color: #999; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list6 .con:hover{color: #fff;background-image: url(../images/p-bg4.jpg);} .m-list6 .con:hover .desc{color: #fff;} .cont p{ text-indent:2em; } .cont img{height:auto !important;max-width:100%;margin: 5px 0px;} .cont p{text-indent:2em;line-height: 32px;font-size: 0.96vw;} .cont video{ height:auto !important; max-width:100%; } .cont .vsbcontent_img{text-align: center;} .cont .table{ overflow-x: auto; text-align: center; margin: 0 auto; width: auto; } .cont .table table{ margin: 0 auto; width: auto; max-width: 895px; } .cont .table p{ text-indent:0px; } .sxt{ background-color: #fff; border: 1px solid #e1e1e1; margin-top: 50px; padding: 10px; } .sxt p{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .js{ margin-bottom:2vw; } .js h3{ font-size: 1vw; line-height: 3; position: relative; border-bottom: 1px solid #ccc; padding-left: 15px; } .js h3::before{content:"";width:3px;height: 50%;top: 50%;left:0;background: #085ABD;position: absolute;transform: translateY(-50%);} .js ul{ display: flex; flex-wrap: wrap; } .js ul li{ width:20%; } .js ul li a{ font-size: 0.833vw; line-height: 3; } @media only screen and (max-width: 1199px){ .js h3{font-size:18px;} .js ul li a { font-size: 16px; } .snv li span{ top:27px; } } @media only screen and (max-width: 430px){ .js ul li { width: 25%; } } .snv dd.on a{ color:#085ABD; } .pb_sys_common{ line-height: 40px !important; } @media only screen and (max-width: 500px){ .m-slider1 .slick-dots{ bottom: 64px; } .m-slider1 .slick-dots li{ width:30px; height:30px; } }