@charset "utf-8";
.banner { position: relative; width: 100%; height:662px; overflow: hidden; }
.banner .swiper-container { position: relative; width: 100%; height:662px; }
.banner .swiper-container .swiper-slide,
.banner .swiper-container .swiper-slide a { display: block; width: 100%; height: 100%; overflow: hidden; }
.banner .swiper-container .swiper-slide .swiper-slide-img { position: relative; width: 1920px; height: 662px; left: 50%; margin-left: -960px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; transform: scale3d(1, 1, 1); transition: all 5s cubic-bezier(0.04, 0.79, 1, 1); }
.banner .swiper-container .swiper-pagination { position:absolute;bottom: 34px;left:0;height:6px;width: 100%;text-align: center;z-index: 999;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet { background: #fff; opacity: .8; margin: 0 6px; color:#fff; border-radius: 16px; position:relative; transition:all 0.3s; display:inline-block; width:80px; height:6px; font-size:0; line-height:6px; vertical-align: top; }
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
.banner .swiper-button-prev,
.banner .swiper-button-next { position: absolute; display: block; width: 24px; height: 42px; top: 50%; transform: translateY(-50%); z-index: 9; }
.banner .swiper-button-prev { left: 50%; margin-left: -660px; background: url(../images/prev.png) no-repeat;}
.banner .swiper-button-next { right: 50%; margin-right: -660px; background: url(../images/next.png) no-repeat;transform: translateY(70%);}
.swiper-total { position:absolute;bottom: 50px;left:50%; width: 1200px; height:50px; color: #fff; font-size: 24px; text-align: left; transform: translateX(-50%); z-index: 999;}
.swiper-total ul { position: relative; display: inline-block; width: 44px; height:50px; vertical-align: top; }
.swiper-total ul li { position: absolute; left: 0; top: 0; font-size: 36px; opacity: 0; }
.swiper-total ul li:first-child { opacity: 1; }
.swiper-total .total { display: inline-block; padding-top: 8px; line-height: 42px; }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipsis-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
/* 鍏叡 */
.title .hd { position: relative; margin-bottom: 40px; text-align:center;}
.title .hd h2 { position: relative; margin-bottom: 12px; background:url(pc1.png) no-repeat center bottom; font-size:30px; line-height: 85px; font-weight:bold; z-index: 1; }
.title .hd h3 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size:48px; color:rgb(15,44,84); opacity: .1; line-height: 50px; font-weight:bold; text-transform: uppercase; }
.title .hd .desc { letter-spacing:1px;color:#1a3892; line-height: 30px; }
/* 鍏充簬about */
.about { padding: 90px 0 90px; background-color: #fbfbfb; }
.about_pc {float: left;}
.about-info { float: right; width: 576px; }
.about-info h3 {color:#1a3892;font-size:24px; line-height: 44px; font-weight:bold;}
.about-info h6 { margin-bottom: 9px; color:#0f2c54;font-size:14px; line-height: 32px; position:relative;padding-left:105px; }
.about-info h6::before {content:"";width:96px; height:1px; background-color: #0f2c54; position:absolute;top:50%;left:0;}
.about-info .desc { color:#0f2c54;line-height:24px;font-size:12px;text-align:justify;}
.about-info .more { margin-top:22px;}
.about-info .more a { display:block; width:135px;height:35px;background-color:#1a3892;border-radius:15px;color:white;text-align:center;line-height:35px; transition: all .3s ease;}
.about-info .more:hover a {color:white;background-color:#d30724;}
/* 鏈嶅姟鑼冨洿 */
.services { padding: 90px 0; overflow:hidden;}
.services .bd ul { margin-left: 0; }
.services .bd ul li { position: relative; float: left; width: 382px; height: 473px; padding-top: 112px; margin-right: 27px; }
.services .bd .pic { position:absolute; top:0; left: 50%; width: 336px; height: 243px; transform: translateX(-50%); overflow: hidden; }
.services .bd .txt { padding: 140px 0 44px; background-color: #eee;color:#0f2c54; transition: all .3s ease; }
.services .bd .txt h4 {font-size:22px;font-weight:bold; line-height: 54px; text-align: center; }
.services .bd .txt .desc {margin:0 50px; opacity: .8; font-size:12px;line-height:24px;}
.services .bd .txt .more {margin:17px auto 0;width:133px;height:34px;border-radius:15px;border:1px solid #0f2c54;text-align:center; line-height:32px;}
.services .bd ul li:hover .txt {background-color:#d30724;color:white;}
.services .bd ul li:hover .txt .more {color:#d30724;background-color:white;border-color:#d30724;}
.services .bd { position: relative; }
.services .prev,
.services .next{ position:absolute; left:-70px; top:50%; margin-top:-12px; display:block; width:37px; height:24px; background:url(z99.png) no-repeat; opacity: .8; }
.services .next{ left:auto; right:-70px; background:url(z98.png) no-repeat; }
.services .prev:hover,
.services .next:hover{ opacity:1;  }



/* 鐗硅壊鏈嶅姟 */
.special_services { padding: 90px 0 90px; background:url(special.png) no-repeat center;overflow:hidden;}
.special_services .hd h2,
.special_services .hd h3,
.special_services .hd .desc {color:white;}
.special_services .hd h2 {background:url(pc1_1.png) no-repeat center bottom;}
.special_services .bd { width: 906px; margin: 0 auto; }
.special_services .bd ul li { float: left; width: 262px; height: 201px; margin-right: 60px; margin-bottom: 25px; font-size:18px; line-height:36px; text-align: center; }
.special_services .bd ul li:nth-child(3n) { margin-right: 0; }
.special_services .bd a { display:block; width:262px;height:201px; padding: 36px 0 0; background:rgba(250,250,250,0.2); color: #fff; transition: all .3s ease; }
.special_services .bd i { display: block; width: 83px; height: 83px; margin: 0 auto 20px; }
.special_services .bd ul li a:hover { background-color: #f9eaac; color: #1e2c54; }
.special_services .bd i.a1 { background: url(a01.png) no-repeat center; }
.special_services .bd a:hover i.a1 { background: url(a1.png) no-repeat center; }
.special_services .bd i.a2 { background: url(a02.png) no-repeat center; }
.special_services .bd a:hover i.a2 { background: url(a2.png) no-repeat center; }
.special_services .bd i.a3 { background: url(a03.png) no-repeat center; }
.special_services .bd a:hover i.a3 { background: url(a3.png) no-repeat center; }
.special_services .bd i.a4 { background: url(a04.png) no-repeat center; }
.special_services .bd a:hover i.a4 { background: url(a4.png) no-repeat center; }
.special_services .bd i.a5 { background: url(a05.png) no-repeat center; }
.special_services .bd a:hover i.a5 { background: url(a5.png) no-repeat center; }
.special_services .bd i.a6 { background: url(a06.png) no-repeat center; }
.special_services .bd a:hover i.a6 { background: url(a6.png) no-repeat center; }
/* 闄㈠唴鍔ㄦ€ */
.events { padding: 90px 0 54px; }
.events .bd ul { margin-left: -42px; }
.events .bd li { float: left; width: 372px; margin-left: 42px; }
.events .bd li .pic { overflow: hidden; }
.events .bd li .txt { padding: 10px 20px 28px; background: #fbfdff; color: #0f2c54; transition: all .3s ease; }
.events .bd li .txt .time {font:bold 18px/30px arial;}
.events .bd li .txt h4 { font-size:18px;line-height:34px;margin-bottom:4px;font-weight: bold;}
.events .bd li .txt .desc { height: 48px; font-size:12px;line-height:24px; }
.events .bd li:hover .txt {background-color:#d30724;color:white;}
.events .more a {display:block; width:135px; height:35px; margin: 28px auto 0; border-radius:15px; text-align:center; color:white; background-color:#1a3892;line-height:35px; transition: all .3s ease;}
.events .more:hover a {color:white;background-color:#d30724;}
/* 鏃椾笅鍒嗗叕鍙 */
.company { padding: 54px 0 150px; }
.company .hd { margin-bottom: 70px; }
.company .bd { position:relative; padding: 33px 0 0 366px; }
.company .bd .mn { position: absolute; left: 0; top: 0; width:600px; height:336px; padding: 70px 275px 0 40px; background:#0f2c54 url(font_11.png) no-repeat 68px 65px; color:white;line-height:30px; text-align: justify; text-indent: 90px; }
.company .bd .company_pc { float: left; width: 430px; height: 260px; margin-top:4px; }
.company .bd .sd { float: right; width:380px;height:303px; padding: 33px 30px; background-color:#efefef;color:#0f2c54;}
.company .bd .sd h4 { font-size:22px; margin-bottom:20px; line-height: 40px; }
.company .bd .sd .desc {font-size:12px; line-height: 21px; text-align: justify; }
.company .bd .swiper-button-prev,
.company .bd .swiper-button-next {position:absolute;display:block; width:43px; height:43px; bottom:44px; top: auto; margin-top: 0; z-index:9; }
.company .bd .swiper-button-prev {left: 1080px;right: auto;background:url(pr.png) no-repeat;}
.company .bd .swiper-button-next {left: 1130px;right: auto;background:url(ne.png) no-repeat;}
/* 鍏徃鍥剧墖 */
.gallery { position: relative; }
.gallery img { width: 100%; height: auto; }
.gallery div { position: absolute; top: 0; z-index: 1; }
.gallery div img { width: 100%; height: 100%; }
.gallery div:nth-child(1),
.gallery div:nth-child(5),
.gallery div:nth-child(4),
.gallery div:nth-child(8) { width: 28.42%; height: 49.1%; }
.gallery div:nth-child(1),
.gallery div:nth-child(5) { left: 0; }
.gallery div:nth-child(4),
.gallery div:nth-child(8) { right: 0; }
.gallery div:nth-child(2),
.gallery div:nth-child(6) { width: 20.5%; left: 29.12%; }
.gallery div:nth-child(3),
.gallery div:nth-child(7) { width: 20.5%; right: 29.12%; }
.gallery div:nth-child(3),
.gallery div:nth-child(6) { height: 60.7%; }
.gallery div:nth-child(2),
.gallery div:nth-child(7) { height: 37.4%; }
.gallery div:nth-child(5),
.gallery div:nth-child(6),
.gallery div:nth-child(7),
.gallery div:nth-child(8) { top: auto; bottom: 0; }