h5{margin-top: 1px;} .banner img { width: 100% } .swiper-slide{ background-size: 100% 100%; } .position{ padding-top:22px; padding-bottom:30px} .duanluo{text-indent:35px} .pt10{ padding-top:10px} .wrap h1{ text-align: center; line-height:60px; font-weight: normal; height:80px; margin-bottom:25px; font-size: 52px; color:#1b39ab} .wrap h2{ text-align: center; font-size: 26px;} .index_new{width:100%;} .banner_inner { position: absolute; left: 10%; bottom: 10%; text-align: center; } .banner_inner h1 { line-height: 46px; color: #0054a6; font-size: 30px; font-weight: bold; opacity: 1; transform: translateY(150%) } .banner_inner h2 { font-size: 72px; color: #0054a6; font-weight: bold; text-shadow: 2px 2px #fff; line-height: 95px; opacity: 0; transform: translateY(-150%); } .banner .swiper-slide-active h3, .banner .swiper-slide-active h2 { opacity: 1; transform: translateY(0) } .banner .swiper-slide:nth-child(2) h2, .banner .swiper-slide:nth-child(3) h2, .banner .swiper-slide:nth-child(4) h2 { color: #fff; text-shadow: 2px 2px #0054a6; } .banner .swiper-slide:nth-child(2) h3, .banner .swiper-slide:nth-child(3) h3, .banner .swiper-slide:nth-child(4) h3 { color: #fff; } .banner .swiper-pagination { text-align: right; box-sizing: border-box; padding: 0 3.125% } .banner .swiper-pagination-bullet { border-radius: 0; width: 53px; height: 5px; background: #e0ebcd; } .banner .swiper-pagination-bullet-active { background: #0054a6 } .banner .swiper-button-prev, .banner .swiper-button-next { text-align: center; line-height: 60px; width: 60px; height: 60px; color: #fff; border-radius: 50% } .banner .swiper-button-prev { left:2%; } .banner .swiper-button-next { right:2%; } .banner .swiper-button-prev:hover, .banner .swiper-button-next:hover { background: #e60012 } .banner h6 { font-size: 30px; line-height: 64px } .index_tit { color: #1b39ab; text-align: center; margin-bottom:33px } .index_tit h2 { font-size: 52px; height: 70px; font-weight: normal; transform: translateY(10%); opacity: 1; margin-top: 5px; margin-bottom:22px } .index_tit p { padding-top:8px; font-size: 16px; font-weight:bold; text-transform: uppercase; } .active .index_tit h3, .active .index_tit h2 { opacity: 1; transform: translateY(0) } .new_l_inner { text-align: center } .new_left { display: inline-block; width: 45%; box-sizing: border-box; padding-right: 67px; margin-top: 15px; vertical-align: top; position: relative; opacity: 0; transform: translateX(-100%) } .new_left:after { content: ''; display: block; height: 93%; border-right: 1px dashed #c4c4c4; width: 0; position: absolute; right: 0; top: 0 } .new_left img { width: 100%; margin-bottom: 5px; height:285px } .new_left h2 { color: #333333; text-align:left; font-size: 18px; line-height: 25px; } .time { display: inline-block; box-sizing: border-box; } .new_l_inner { margin-top: 9px } .time span, .times span { color: #999999; font-size: 35px; display: block; line-height: 25px; letter-spacing: -2px; } .time font, .times font { color: #999999; font-size: 30px; line-height: 51px; letter-spacing: -2px; } .n_l_t { display: inline-block; width: calc(95% - 80px); text-align: left; box-sizing: border-box; padding-left: 24px } .n_l_t p { line-height: 24px; color: #666666; } .new_right { display: inline-block; float:right; width: 52%; vertical-align: top; margin-top: 1px; box-sizing: border-box; padding-left: 0%; opacity: 0; transform: translateX(100%) } .active .new_right, .active .new_left, .active .about_inner { opacity: 1; transform: translateX(0) translateY(0) } .times { display: inline-block; width: 115px; box-sizing: border-box; padding-right: 20px; text-align: center } .n_r_i { display: inline-block; width: calc(88% - 83px); vertical-align: top } .new_right a { display: block; padding-bottom: 12px; } .new_right li { margin-bottom: 24px; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; } .n_r_i h2 { color: #000000; font-size: 18px;height: 20px; line-height: 20px; } .n_r_i p { line-height: 22px; color: #666666; } .new_right li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .new_right li:hover h2, .new_right li:hover span { color: #0054a6 } .new_left a { display: block } .new_left a:hover h2, .new_left a:hover span { color: #0054a6 } .index_new>a { display: block; width: 120px; height:35px; border: 1px solid #0054a6; border-radius: 28px; text-align: center; color: #0054a6; margin: 15px auto 0 } .index_new>a:hover { color: #fff; background: #0054a6 } .about { padding: 40px 0 75px; color:#FFFFFF; background-image: url(https://img.alicdn.com/imgextra/i1/249121004/O1CN01bxeA5J1JHsFfqXe4r_!!249121004.jpg); background-size: cover; background-repeat: no-repeat; } .about .index_tit h2, .about .index_tit h3 { color: #fff } .about_inner { border-radius: 15px; color:#FFFFFF; margin: 0 auto; } .about_inner { position: relative; } .about_inner:before { content: ''; display: block; width: 37.589%; height: 251px; position: absolute; left: 76px; top: 196px; transform: translateX(-51px) translateY(39px); } .about_inner>img { width: 45%; vertical-align: top; position: relative; z-index: 2; } .a_i_right { display: inline-block; float:right; width: 53%; box-sizing: border-box; padding: 0px 27px 0 } .ablist .iconfont{ font-size:36px; padding-bottom:11px} .ab_tit { margin-bottom: 15px } .ab_tit h2 { line-height:44px; float: left; font-weight:normal; font-size: 52px; color: #1b39ab; margin-top:1px; margin-bottom:2px } .ab_tit a { float: right; padding: 0 20px; line-height: 32px; display: block; border-radius: 22px; color: #ffffff } .ab_tit a:hover { background: #0054a6; color: #fff } .a_i_right p { line-height: 26px; } .ablist p {color:#efedf9; line-height: 26px; text-align:center } .ablist { margin-top: 15px } .ablist li { display: inline-block; } .ablist li h6 { font-size: 48px; line-height: 60px; text-align: center; } .ablist li span { color: #343b49; font-size: 16px } .ablist li:hover h6, .ablist li:hover span { color: #0054a6 } .index_ywly { padding: 50px 0 5px } .ywlist { margin-top: 45px; position: relative; } .ywlist:before { content: ''; display: block; width: 100%; height: 90%; background: #eeeeee; position: absolute; left: 0; top: 0 } .ywlybanner { position: relative; } .index_ywly .ywlybanner:before { content: ''; display: block; width: 100%; height: 90%; background: #eeeeee; position: absolute; left: 0; top: 0 } .index_ywly .ywzhinner { padding: 20px 20px 0 80px } .index_ywly .ywzhinner h6 { font-size: 82px; margin-bottom:11px } .ywlist li { box-sizing: border-box; width: 20%; display: inline-block; border-right: 1px solid #e8e6e6; text-align: center; opacity: 0; } .ywlist li:nth-child(1), .ywlist li:nth-child(2) { transform: translateX(-100%) } .ywlist li:nth-child(5), .ywlist li:nth-child(4) { transform: translateX(100%) } .active .ywlist li { opacity: 1; transform: translateX(0) } .ywlist li img { width: 100% } .ywlist li:hover img { transform: scale(1.125) } .ywimg { overflow: hidden; position: relative; } .ywimg h6 { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%) scale(0); font-size: 58px; color: #fff; } .ywlist li:hover h6 { transform: translateY(-50%) translateX(-50%) scale(1); } .ywlist li span { display: block; background: #0054a6; color: #fff; font-size: 16px; padding: 18px 0 } .float { padding: 30px 0; display: none } .float div { display: inline-block; width: 110px; height: 320px; position: fixed; bottom:0; z-index: 20; } .float div a{ width: 100%; height: 100%; display: block; padding: 26px 20px; background-image: url(../images/float.jpg); background-repeat: no-repeat; background-size: cover; text-align: center; box-sizing: border-box; } .float div:nth-child(1) { left: 0 } .float div:nth-child(2) { right: 0 } .float div span { font-size: 18px; color: #f1d232; font-weight: bold; display: inline-block; line-height: 24px; writing-mode: vertical-lr; /*浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄 writing-mode: vertical-rl;*/ writing-mode: tb-lr } .float font { position: absolute; right: 0; top: 0; transform: translateY(-100%); font-size: 18px; color: #0054a6; cursor: pointer; } .float div:nth-child(1) font { right: auto; left: 0 }