@charset "utf-8";

.banner { position:relative; width:100%; }

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; }
.swiper-container-1 .swiper-slide .img02 { display:none; }
.swiper-container-1 .swiper-slide video { position:absolute;top:0;left:0;width:100%;height:100%; object-fit: cover; z-index:2; }
 
 
 
.banner .ban { position:absolute; left:50%; bottom:50px; transform: translateX(-50%); width:33px; height:33px; background:url(ban01.png) no-repeat center; animation: moveDownSpot 2s infinite;  z-index:2; }

.banner .btn { position:absolute; left:0; right:0; bottom:35px; font-size:0; text-align:right; z-index:2; }
.banner .btn .num { display:inline-block; font-size:16px; line-height:20px; color:rgba(255,255,255,0.45); margin-left:10px; }
.banner .btn .num i { color:#fff; }

.swiper-pagination-1 { width:auto!important; display:inline-block; vertical-align:top; padding-top:9px; }
.swiper-pagination-1 .swiper-pagination-bullet { width:45px; height:2px; margin:0!important;  border-radius:0; background:rgba(255,255,255,0.45); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { background:#fff; }

@media all and (max-width:1200px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }
	
	.swiper-container-1 .swiper-slide video { display:none; }
 

	.banner .ban { display:none; }

	.banner .btn { bottom:25px; text-align:center; }
	.banner .btn .num { display:none; margin-left:0; }
 
	.swiper-pagination-1 { padding-top:0; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:20px; height:2px; }
}
 
@keyframes moveDownSpot {
    0% {
        bottom: 60px;
    }
    50% {
        bottom: 30px;
    }
    100% {
        bottom: 60px;
    }
}

.Area-hd { position:relative; border-bottom:1px solid #dadee1; padding-left:15px; z-index:2; }
.Area-hd:before { position:absolute; top:0; left:0; width:35px; height:54px; display:block; content:""; background:url(ico01.png) no-repeat center; background-size:cover; z-index:-1; }
.Area-hd .p1 { float:left; line-height:70px; font-size:32px; color:#000; font-weight:bold; letter-spacing:3px; }
.Area-hd .p2 { float:left; line-height:60px; margin-top:10px; font-size:22px; margin-left:5px; font-family:"Arial"; color:#d0d0d0; text-transform:uppercase; }
.Area-hd .p3 { float:right; }
.Area-hd .p3 a { display:inline-block; line-height:70px; padding-right:35px; font-size:16px; color:#333; background:url(ico02.png) no-repeat right center; }
.Area-hd .p3 a:hover { background:url(ico03.png) no-repeat right center; }

@media all and (max-width:1680px){
	.Area-hd { padding-left:15px; }
	.Area-hd:before { width:25px; height:39px; }
	.Area-hd .p1 { float:left; line-height:50px; font-size:24px; }
	.Area-hd .p2 { float:left; line-height:40px; margin-top:10px; font-size:18px; margin-left:5px; }
	.Area-hd .p3 { float:right; }
	.Area-hd .p3 a {  line-height:50px; padding-right:35px; font-size:14px; }
}
@media all and (max-width:1200px){
	.Area-hd { padding-left:10px; }
	.Area-hd:before { top:5px; width:15px; height:23px; }
	.Area-hd .p1 { float:left; line-height:45px; font-size:20px; letter-spacing:0; }
	.Area-hd .p2 { float:left; line-height:40px; margin-top:5px; font-size:14px; margin-left:5px; }
	.Area-hd .p3 { float:right; }
	.Area-hd .p3 a { line-height:45px; padding-right:30px; font-size:14px; }
}
@media all and (max-width:750px){
	.Area-hd:before { top:5px; width:15px; height:23px; }
	.Area-hd .p1 { float:left; line-height:40px; font-size:18px; }
	.Area-hd .p2 { display:none; }
	.Area-hd .p3 a { line-height:40px; }
}

.aArea { padding-top:60px; }
.aArea01 { margin-top:40px; }
.aBox01 { position:relative; float:left; width:50%; }
.aBox01 .swiper-slide .pic { position:relative; overflow:hidden; }
.aBox01 .swiper-slide .pic img { width:100%; height:450px; transition: all 0.6s; object-fit: cover; }
.aBox01 .swiper-slide .txt { padding:40px 45px 0 45px; min-height:195px; background:#f1f8fd; box-sizing: border-box; }
.aBox01 .swiper-slide .txt .p1 { font-size:16px; color:#00559b; padding-left:20px; background:url(a01.png) no-repeat center left; }
.aBox01 .swiper-slide .txt .p2 { font-size:24px; color:#222; margin-top:35px; line-height:25px; height:25px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aBox01 .swiper-slide .txt .p3 { font-size:16px; color:#666; margin-top:15px; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.swiper-pagination-a01 { position:absolute; right:30px; bottom:130px; font-size:0; z-index:2; }
.swiper-pagination-a01 .swiper-pagination-bullet { display:inline-block; width:25px; text-align:center; line-height:25px; height:25px; font-size:16px; color:#333; border-radius:5px; background:#e1e7ec; margin:0 5px; opacity:1; }
.swiper-pagination-a01 .swiper-pagination-bullet-active { background:#000; color:#fff; }

.aBox01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

.aBox02 { float:right; width:48%; }
.aBox02 ul li { border:1px solid #e1e7eb; line-height:1.1; }
.aBox02 ul li:nth-child(n + 2) { margin-top:10px; }
.aBox02 ul li a { display:block; padding:20px 30px 0 30px; min-height:97px; box-sizing: border-box; }
.aBox02 ul li .p1 { font-size:16px; color:#00559b; padding-left:20px; background:url(a01.png) no-repeat center left; }
.aBox02 ul li .p2 { font-size:18px; color:#222; margin-top:15px; line-height:20px; height:20px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.aBox02 ul li:hover { background:url(a02.jpg) no-repeat center; background-size:cover; }
.aBox02 ul li:hover .p1 { color:#fff; background:url(a03.png) no-repeat center left; }
.aBox02 ul li:hover .p2 { color:#fff; }

@media all and (max-width:1680px){
	.aArea { padding-top:60px; }
	.aArea01 { margin-top:30px; }
	.aBox01 .swiper-slide .pic img { width:100%; height:340px; }
	.aBox01 .swiper-slide .txt { padding:30px 25px 0 25px; min-height:160px; }
	.aBox01 .swiper-slide .txt .p1 { font-size:14px; }
	.aBox01 .swiper-slide .txt .p2 { font-size:20px; margin-top:25px; line-height:25px; height:25px; }
	.aBox01 .swiper-slide .txt .p3 { font-size:16px; margin-top:15px; }

	.swiper-pagination-a01 { right:20px; bottom:110px; }
	.swiper-pagination-a01 .swiper-pagination-bullet { width:20px; line-height:20px; height:20px; font-size:12px; }
 
	.aBox02 ul li a { padding:15px 20px 0 20px; min-height:73px; }
	.aBox02 ul li .p1 { font-size:14px; }
	.aBox02 ul li .p2 { font-size:18px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.aArea { padding-top:40px; }
	.aArea01 { margin-top:25px; }
	.aBox01 .swiper-slide .pic img { width:100%; height:275px; }
	.aBox01 .swiper-slide .txt { padding:25px 20px 0 20px; min-height:140px; }
	.aBox01 .swiper-slide .txt .p1 { font-size:14px; }
	.aBox01 .swiper-slide .txt .p2 { font-size:18px; margin-top:15px; line-height:20px; height:20px; }
	.aBox01 .swiper-slide .txt .p3 { font-size:14px; margin-top:15px; }

	.swiper-pagination-a01 { right:20px; bottom:95px; }
	.swiper-pagination-a01 .swiper-pagination-bullet { width:20px; line-height:20px; height:20px; font-size:12px; }
	
	.aBox02 ul li:nth-child(6) { display:none; }
	.aBox02 ul li a { padding:15px 20px 0 20px; min-height:73px; }
	.aBox02 ul li .p1 { font-size:14px; }
	.aBox02 ul li .p2 { font-size:16px; margin-top:10px; font-weight:normal; }
}
@media all and (max-width:900px){
	.aBox01 { float:none; width:100%; }
	.aBox01 .swiper-slide .pic { padding-bottom:56%; }
	.aBox01 .swiper-slide .pic img { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; }
	.aBox01 .swiper-slide .txt { padding:25px 4%; min-height:10px; }
	.aBox01 .swiper-slide .txt .p1 { font-size:14px; }
	.aBox01 .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; line-height:20px; height:20px; }
	.aBox01 .swiper-slide .txt .p3 { font-size:14px; margin-top:10px; }

	.swiper-pagination-a01 { right:20px; bottom:85px; }
	.swiper-pagination-a01 .swiper-pagination-bullet { width:20px; line-height:20px; height:20px; font-size:12px; }
	
	.aBox02 { float:none; width:100%; margin-top:25px; }
	.aBox02 ul li:nth-child(6) { display:none; }
	.aBox02 ul li a { padding:15px 20px 0 20px; min-height:73px; }
	.aBox02 ul li .p1 { font-size:14px; }
	.aBox02 ul li .p2 { font-size:16px; margin-top:10px; font-weight:normal; }
}

 

.cArea { padding:65px 0; }
.cArea .bd { margin-top:60px; overflow:hidden; }

#carousel { position:relative; width:390px; margin:0 auto; }
#carousel .swiper-slide { position:relative; width:100%; margin-right:55px; }
#carousel .swiper-slide .pic { position:relative; }
#carousel .swiper-slide .pic img { display:block; width:100%; height:340px; object-fit: cover; }
#carousel .swiper-slide .pic:before { position:absolute; top:0; left:0; top:0; width:100%; height:20px; display:block; content:""; background:url(c01.png) no-repeat center right; background-size:cover!important; z-index:2; }
#carousel .swiper-slide .pic:after { position:absolute; left:0; bottom:0; width:100%; height:20px; display:block; content:""; background:url(c02.png) no-repeat center right; background-size:cover!important; z-index:2; }

#carousel .swiper-slide-prev .pic { padding:20px 0; }
#carousel .swiper-slide-prev .pic:before { top:20px; } 
#carousel .swiper-slide-prev .pic:after { bottom:20px; } 
#carousel .swiper-slide-prev .pic img { height:300px; }
 
#carousel .swiper-slide-active .pic { padding:40px 0; }
#carousel .swiper-slide-active .pic:before { display:none; }
#carousel .swiper-slide-active .pic:after { display:none; }
#carousel .swiper-slide-active .pic img { height:260px; }
 
#carousel .swiper-slide-next .pic { padding:20px 0; }
#carousel .swiper-slide-next .pic:before { top:20px; background:url(c03.png) no-repeat center left; } 
#carousel .swiper-slide-next .pic:after { bottom:20px; background:url(c04.png) no-repeat center left; }
#carousel .swiper-slide-next .pic img { height:300px; }

#carousel .swiper-slide-next + .swiper-slide .pic  { padding:0; }
#carousel .swiper-slide-next + .swiper-slide .pic:before { background:url(c03.png) no-repeat center left; } 
#carousel .swiper-slide-next + .swiper-slide .pic:after { background:url(c04.png) no-repeat center left; } 
#carousel .swiper-slide-next + .swiper-slide .pic img { height:340px; }

#carousel .next-c01 { position:absolute; top:50%; transform: translateY(-50%); right:-23px; width:46px; height:46px; background:url(c05.png) no-repeat center; background-size:cover; cursor:pointer; z-index:5; }

 
#carousel01 { margin-top:40px; text-align:center; line-height:1.1; }
#carousel01 .txt { max-width:1170px; margin:0 auto; } 
#carousel01 .txt .p1 { font-size:24px; color:#333; font-weight:bold; }
#carousel01 .txt .p2 { font-size:16px; color:#666; line-height:30px; margin-top:20px; }
#carousel01 ul li { display:none; }
#carousel01 ul li.on { display:block; }
 
@media all and (max-width:1680px){
	.cArea { padding:60px 0; }
	.cArea .bd { margin-top:40px; }
	
	#carousel { width:300px; }
	#carousel .swiper-slide { margin-right:30px; }
	#carousel .swiper-slide .txt { width:1000px; margin-top:20px; }
	#carousel .swiper-slide .txt .p1 { font-size:20px; }
	#carousel .swiper-slide .txt .p2 { font-size:16px; line-height:30px; margin-top:20px; }
	
	#carousel .swiper-slide .pic img { height:280px; }
	#carousel .swiper-slide-prev .pic img { height:240px; }
	#carousel .swiper-slide-active .pic img { height:200px; }
	#carousel .swiper-slide-next .pic img { height:240px; }
	#carousel .swiper-slide-next + .swiper-slide .pic img { height:280px; }
	
	
	#carousel .next-c01 { right:-20px; width:40px; height:40px; }

	#carousel01 { margin-top:30px; }
	#carousel01 .txt .p1 { font-size:20px; }
	#carousel01 .txt .p2 { font-size:16px; line-height:30px; margin-top:20px; }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0; }
	.cArea .bd { margin-top:30px; }
	#carousel .swiper-slide { margin-right:20px; }
	#carousel .next-c01 { right:-15px; width:30px; height:30px; }
 
	#carousel01 { margin-top:20px; }
	#carousel01 .txt .p1 { font-size:18px; }
	#carousel01 .txt .p2 { font-size:14px; line-height:25px; margin-top:15px; }
}
@media all and (max-width:900px){
	.cArea .bd { margin-top:30px; }
	#carousel { width:80%; }
	#carousel .swiper-slide { margin-right:10px; }
 
	#carousel .swiper-slide .pic { padding:0!important; }
	#carousel .swiper-slide .pic:before { display:none!important; }
	#carousel .swiper-slide .pic:after { display:none!important; }
	#carousel .swiper-slide .pic img { height:auto!important; }
}

.dArea01 { margin:60px auto 0; max-width:1920px;  }
.dArea01 ul { overflow: hidden; display: flex; justify-content: space-between; }
.dArea01 ul li { position:relative; width:20%; transition:0.6s; overflow:hidden;  flex-grow: 1; }
.dArea01 ul li a { position:relative; display:block; }
.dArea01 ul li .txt { position:absolute; left:20px; bottom:20px; right:20px; z-index:2; }
.dArea01 ul li .txt .p1 { font-size:20px; font-weight:bold; color:#fff; }
.dArea01 ul li .txt .p2 { display:none; margin-top:15px; }
.dArea01 ul li .txt .p2 i { display:inline-block; font-size:16px; color:#fff; padding-right:35px; background:url(ico03.png) no-repeat center right; }

.dArea01 ul li .txt01 { position:absolute; left:50px; top:50px; font-size:36px; font-family:"Arial"; color:rgba(255,255,255,0.55); font-weight:bold;  z-index:2; }

.dArea01 ul li.on { width:40%; }
.dArea01 ul li.on .txt { width:480px; left:auto; right:0; bottom:0; padding:45px; background:url(d01.png) no-repeat center; background-size:cover; box-sizing: border-box; z-index:2; }
.dArea01 ul li.on .txt .p2 { display:block; }

.dArea02 { display:none; margin-top:30px; }
.dArea02 .swiper-slide { width:400px; margin-right:20px; }
.dArea02 .swiper-slide a { position:relative; display:block; }
.dArea02 .swiper-slide .txt01 { position:absolute; left:20px; top:20px; font-size:24px; font-family:"Arial"; color:rgba(255,255,255,0.55); font-weight:bold;  z-index:2; }
.dArea02 .swiper-slide .txt { position:absolute; left:0; bottom:0; right:0; padding:15px 4%; background:url(d01.png) no-repeat center; background-size:cover; box-sizing: border-box;  z-index:2; }
.dArea02 .swiper-slide .txt .p1 { font-size:14px; color:#fff; }
.dArea02 .swiper-slide .txt .p2 { margin-top:10px; display:none; }
.dArea02 .swiper-slide .txt .p2 i { display:inline-block; font-size:12px; color:#fff; padding-right:25px; background:url(ico03.png) no-repeat center right; }



@media all and (max-width:1680px){
	.dArea01 { margin:50px auto 0; }
	.dArea01 ul li { width:20%; }
	.dArea01 ul li .pic img { width:675px; height:auto; }
	.dArea01 ul li .txt { left:20px; bottom:20px; right:20px; }
	.dArea01 ul li .txt .p1 { font-size:18px; }
	.dArea01 ul li .txt .p2 { margin-top:15px; }
	.dArea01 ul li .txt .p2 i { font-size:16px; padding-right:35px; }

	.dArea01 ul li .txt01 { left:30px; top:30px; font-size:28px; }


	.dArea01 ul li.on { width:40%; }
	.dArea01 ul li.on .txt { width:400px; padding:30px; }
}
@media all and (max-width:1200px){
	.dArea01 { margin:30px auto 0; }
	.dArea01 ul li { width:20%; }
	.dArea01 ul li .pic img { width:480px; height:auto; }
	.dArea01 ul li .txt { left:20px; bottom:20px; right:20px; }
	.dArea01 ul li .txt .p1 { font-size:16px; }
	.dArea01 ul li .txt .p2 { margin-top:10px; }
	.dArea01 ul li .txt .p2 i { font-size:14px; padding-right:25px; }

	.dArea01 ul li .txt01 { left:20px; top:20px; font-size:28px; }


	.dArea01 ul li.on { width:40%; }
	.dArea01 ul li.on .txt { width:300px; padding:20px; }
}
@media all and (max-width:1000px){
	.dArea01 { display:none; }
	.dArea02 { display:block; }
}
@media all and (max-width:750px){
	.dArea02 { margin-top:20px; }
	.dArea02 .swiper-slide { width:70%; margin-right:15px; }
}


.eArea { padding:90px 0 60px; }
.eArea ul li { float:left; width:30%; margin-right:5%; }
.eArea ul li:last-child { margin-right:0; }
.eArea ul li .p1 { position:relative; padding-left:15px; font-size:18px; line-height:20px; color:#222; font-weight:bold; }
.eArea ul li .p1:before { position:absolute; display:block; content:""; top:50%; transform: translateY(-50%); left:0; width:3px; height:20px; background:#d1495a; z-index:2; }
.eArea ul li .p2 { position:relative; margin-top:15px; }
.eArea ul li .p2 p { font-size:0; background:url(ico04.png) no-repeat 25px center #f4f7fc; padding:0 30px 0 55px; }
.eArea ul li .p2 p i { display:block; font-size:16px; color:#666; height:60px; line-height:60px; padding-right:30px; background:url(ico05.png) no-repeat right center #f4f7fc; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.eArea ul li .p2 .bk { position:absolute; left:0; right:0; bottom:61px; padding:10px 0; background: #f4f7fc; display: none; z-index:99; }
.eArea ul li .p2 .bk dl { max-height:150px; overflow-y:auto; }
.eArea ul li .p2 .bk dl dt a { font-size: 16px; display: block; padding:0 20px; line-height:30px; color:#333; }
.eArea ul li .p2 .bk dl dt:hover a { color:#1458a2; }

.eArea ul li .p2.on .bk { display:block; }

@media all and (max-width:1680px){
	.eArea { padding:60px 0; }
	.eArea ul li { float:left; width:32%; margin-right:2%; }
	.eArea ul li:last-child { margin-right:0; }
	.eArea ul li .p1 { padding-left:15px; font-size:18px; line-height:20px; }
	.eArea ul li .p1:before { width:2px; height:18px; }
	.eArea ul li .p2 { margin-top:10px; }
	.eArea ul li .p2 p { padding:0 15px 0 40px; background:url(ico04.png) no-repeat 15px center #f4f7fc; }
	.eArea ul li .p2 p i { font-size:14px; height:50px; line-height:50px; padding-right:25px; }

	.eArea ul li .p2 .bk { bottom:51px; }
	.eArea ul li .p2 .bk dl { max-height:125px; }
	.eArea ul li .p2 .bk dl dt a { font-size: 14px; line-height:25px; }
}
@media all and (max-width:1200px){
	.eArea { padding:40px 0; }
}
@media all and (max-width:750px){
	.eArea ul li { float:none; width:100%; margin-right:0; }
	.eArea ul li:last-child { margin-right:0; }
	.eArea ul li:nth-child(n + 2) { margin-top:20px; }
	.eArea ul li .p1 { font-size:16px; }
	.eArea ul li .p2 p { padding:0 15px 0 35px; background-size:10px 10px; }
	.eArea ul li .p2 p i { font-size:14px; height:45px; line-height:45px; padding-right:15px; background-size:10px 10px; }
}