@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-pagination-1 { position:absolute; bottom:40px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:10px; height:10px; margin:0 7px;  border-radius:100%; background:rgba(255,255,255,0.4); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:45px; border-radius:10px; 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-pagination-1 { bottom:30px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:25px; } 
}


 
.aArea { padding:90px 0; }
.aArea01 .txt01 { float:left; width:605px; }
.aArea01 .txt01 .Area-hd { text-align:left; }
.aArea01 .txt01 .bd { font-size:18px; margin-top:30px; line-height:30px; color:#333; }

.aArea01 .txt02 { float:right; width:740px; padding-top:60px; }
.aArea01 .txt02 ul li { position:relative; float:left; width:33.33%; text-align:center; line-height:1.1; }
.aArea01 .txt02 ul li:before { position:absolute; top:50%; right:0; transform: translateY(-50%); display:block; content:""; width:1px; height:75px; border-right:1px dashed #b3c9f9; z-index:2; }
.aArea01 .txt02 ul li:last-child:before { display:none; }
.aArea01 .txt02 ul li .p1 { font-size:14px; color:#666; }
.aArea01 .txt02 ul li .p1 i { font-size:80px; color:#034cea; font-weight:bold; margin-right:15px; }
.aArea01 .txt02 ul li .p2 { font-size:16px; color:#333; margin-top:10px; }

.aArea02 { margin-top:40px; }
.aArea02 ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.aArea02 ul li { text-align:center; }
.aArea02 ul li .p1 { height:60px; display:flex; justify-content: center; align-items: flex-end; }
.aArea02 ul li .p1 img { max-height:60px; }
.aArea02 ul li .p1 .img02 { display:none; }
.aArea02 ul li .p2 { margin-top:15px; line-height:20px; font-size:16px; color:#333; }

.aArea02 ul li:hover .p1 .img01 { display:none; }
.aArea02 ul li:hover .p1 .img02 { display:block; }
.aArea02 ul li:hover .p2 { color:#034cea; font-weight:bold; }

.aArea03 { margin-top:55px; }

@media all and (max-width:1680px){
	.aArea { padding:60px 0; }
	.aArea01 .txt01 { float:left; width:40%; }
	.aArea01 .txt01 .Area-hd { text-align:left; }
	.aArea01 .txt01 .bd { font-size:16px; margin-top:30px; line-height:30px; }

	.aArea01 .txt02 { float:right; width:47%; padding-top:50px; }
	.aArea01 .txt02 ul li { float:left; width:33.33%; }
	.aArea01 .txt02 ul li:before { height:75px; }
	.aArea01 .txt02 ul li .p1 { font-size:14px; }
	.aArea01 .txt02 ul li .p1 i { font-size:60px; margin-right:10px; }
	.aArea01 .txt02 ul li .p2 { font-size:14px; margin-top:10px; }

	.aArea02 { margin-top:40px; }
	.aArea02 ul li .p1 { height:50px; }
	.aArea02 ul li .p1 img { max-height:50px; }
	.aArea02 ul li .p2 { margin-top:10px; font-size:14px; }
 
	.aArea03 { margin-top:40px; }
}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; }
	.aArea01 .txt01 { float:left; width:45%; }
	.aArea01 .txt01 .Area-hd { text-align:left; }
	.aArea01 .txt01 .bd { font-size:14px; margin-top:20px; line-height:25px; }

	.aArea01 .txt02 { float:right; width:47%; padding-top:30px; }
	.aArea01 .txt02 ul li { float:left; width:33.33%; }
	.aArea01 .txt02 ul li:before { height:60px; }
	.aArea01 .txt02 ul li .p1 { font-size:14px; }
	.aArea01 .txt02 ul li .p1 i { font-size:40px; margin-right:10px; }
	.aArea01 .txt02 ul li .p2 { font-size:14px; margin-top:10px; }

	.aArea02 { margin-top:30px; }
	.aArea02 ul li .p1 { height:40px; }
	.aArea02 ul li .p1 img { max-height:40px; }
	.aArea02 ul li .p2 { margin-top:10px; font-size:14px; }
 
	.aArea03 { margin-top:30px; }
}
@media all and (max-width:1000px){
	.aArea01 .txt01 { float:none; width:100%; }
	.aArea01 .txt01 .Area-hd { text-align:center; }
	.aArea01 .txt01 .bd { font-size:14px; margin-top:20px; line-height:25px; }

	.aArea01 .txt02 { float:none; width:100%; padding-top:30px; }
	.aArea01 .txt02 ul li:before { height:40px; }
	.aArea01 .txt02 ul li .p1 i { font-size:30px; margin-right:10px; }
	
	.aArea02 { margin-top:40px; }
	.aArea02 ul { display: grid; grid-template-columns: repeat(4, auto); }
	.aArea02 ul li:nth-child(n + 5) { margin-top:20px; }
	
	.aArea02 ul li .p1 { height:30px; }
	.aArea02 ul li .p1 img { max-height:30px; }
	
	.aArea03 { text-align:center; }
}

@media all and (max-width:750px){
	
}

.bArea { padding:100px 0; background:url(bArea.jpg) no-repeat center; background-size:100% 100%; }
.bArea .bd { margin-top:40px; }
.bArea .bd ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.bArea .bd ul li { min-height:365px; }
.bArea .bd ul li:last-child { display:none; }
.bArea .bd ul li.li01 { width:250px; background:url(b01.png) no-repeat center; background-size:100% 100%; display:flex; justify-content: center; align-items: center; }
.bArea .bd ul li.li01 .p1 { position:relative; width:165px; height:168px; padding-left:13px; background:url(b03.png) no-repeat center; background-size:100% 100%; }
.bArea .bd ul li.li01 .p1 .p11 { position:absolute; top:15px; left:15px; font-size:18px; color:#034cea; font-weight:bold; line-height:20px; z-index:2; }
.bArea .bd ul li.li01 .p1 .p12 { width:165px; height:168px; display:flex; justify-content: center; align-items: center; }
.bArea .bd ul li.li01 .p2 { font-size:18px; color:#333; margin-top:15px; font-weight:bold; line-height:25px; text-align:center; }

.bArea .bd ul li.li01:hover .p2 { font-size:24px; color:#034cea; }

.bArea .bd ul li.li02 { width:34px; background:url(b02.png) no-repeat center; background-size:100% auto; }

.bArea .bd02 { margin-top:30px; text-align:center; }

.bArea .bd01 { display:none; margin-top:20px; }
.bArea .bd01 .swiper-slide:last-child { display:none; }
.bArea .bd01 .swiper-slide { width:180px; height:260px; background:url(b01.png) no-repeat center; background-size:100% 100%; display:flex; justify-content: center; align-items: center; }
.bArea .bd01 .swiper-slide .p1 { position:relative; width:90px; height:100px; padding-left:10px; background:url(b03.png) no-repeat center; background-size:100% 100%; }
.bArea .bd01 .swiper-slide .p1 .p11 { position:absolute; top:5px; left:5px; font-size:14px; color:#034cea; font-weight:bold; line-height:20px; z-index:2; }
.bArea .bd01 .swiper-slide .p1 .p12 { width:90px; height:100px; display:flex; justify-content: center; align-items: center; }
.bArea .bd01 .swiper-slide .p1 .p12 img { max-height:25px; width:auto; }
.bArea .bd01 .swiper-slide .p2 { font-size:16px; color:#333; margin-top:10px; font-weight:bold; line-height:20px; text-align:center; }


.bArea .bd01 .swiper-slide.pp { width:20px; height:260px; background:url(b02.png) no-repeat center; background-size:100% auto; }



@media all and (max-width:1680px){
	.bArea { padding:60px 0; }
	.bArea .bd { margin-top:30px; }
	.bArea .bd ul li { min-height:260px; }
	.bArea .bd ul li:last-child { display:none; }
	.bArea .bd ul li.li01 { width:180px; }
	.bArea .bd ul li.li01 .p1 { width:110px; height:120px; padding-left:10px; }
	.bArea .bd ul li.li01 .p1 .p11 { top:8px; left:8px; font-size:16px; }
	.bArea .bd ul li.li01 .p1 .p12 { width:110px; height:120px; }
	.bArea .bd ul li.li01 .p1 .p12 img { max-height:30px; width:auto; }
	.bArea .bd ul li.li01 .p2 { font-size:18px; margin-top:10px; }

	.bArea .bd ul li.li01:hover .p2 { font-size:20px; }

	.bArea .bd ul li.li02 { width:20px; }

	.bArea .bd02 { margin-top:30px; }
}
@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	.bArea .bd { margin-top:20px; }
	.bArea .bd ul li { min-height:210px; }
	.bArea .bd ul li:last-child { display:none; }
	.bArea .bd ul li.li01 { width:150px; }
	.bArea .bd ul li.li01 .p1 { width:85px; height:90px; padding-left:5px; }
	.bArea .bd ul li.li01 .p1 .p11 { top:3px; left:3px; font-size:14px; }
	.bArea .bd ul li.li01 .p1 .p12 { width:85px; height:90px; }
	.bArea .bd ul li.li01 .p1 .p12 img { max-height:20px; width:auto; }
	.bArea .bd ul li.li01 .p2 { font-size:16px; margin-top:10px; line-height:20px; }

	.bArea .bd ul li.li01:hover .p2 { font-size:16px; }

	.bArea .bd ul li.li02 { width:15px; }

	.bArea .bd02 { margin-top:20px; }
}
@media all and (max-width:900px){
	.bArea .bd { display:none; }
	.bArea .bd01 { display:block; }
}

.cArea { padding:100px 0 80px; }
.cArea01 { margin-top:20px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.cArea01 .hd { width:630px; }
.cArea01 .hd ul li { padding:30px 130px 35px 0; border-bottom:1px solid #edf1f7; background:url(c01.png) no-repeat center right; cursor:pointer; }
.cArea01 .hd ul li .p1 { font-size:24px; color:#333; line-height:25px; }
.cArea01 .hd ul li .p2 { font-size:16px; color:#666; line-height:30px; margin-top:10px; }
.cArea01 .hd ul li .p3 { margin-top:0; max-height:0; transition: all 0.6s; overflow:hidden; }
.cArea01 .hd ul li .p3 a { display:inline-block; padding:0 25px; line-height:40px; color:#666; font-size:14px; border:1px solid #666; border-radius:30px; }

.cArea01 .hd ul li .p3 a:hover { color:#fff; border:1px solid #034cea; background:#034cea; }

.cArea01 .hd ul li.on {  background:url(c02.png) no-repeat center right; }
.cArea01 .hd ul li.on .p3 { margin-top:20px; max-height:99px; }

.cArea01 .bd { width:780px; }

@media all and (max-width:1680px){
	.cArea { padding:60px 0; }
	.cArea01 { margin-top:20px; }
	.cArea01 .hd { width:40%; }
	.cArea01 .hd ul li { padding:25px 100px 25px 0; background-size:40px 40px!important; }
	.cArea01 .hd ul li .p1 { font-size:20px; line-height:25px; }
	.cArea01 .hd ul li .p2 { font-size:14px; line-height:25px; margin-top:10px; }
	.cArea01 .hd ul li .p3 { margin-top:0; }
	.cArea01 .hd ul li .p3 a { padding:0 20px; line-height:35px;  font-size:14px; }

	.cArea01 .hd ul li.on .p3 { margin-top:15px; }

	.cArea01 .bd { width:49%; }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0; }
	.cArea01 { margin-top:20px; }
	.cArea01 .hd { width:43%; }
	.cArea01 .hd ul li { padding:25px 80px 25px 0; background-size:30px 30px!important; }
	.cArea01 .hd ul li .p1 { font-size:16px; line-height:25px; }
	.cArea01 .hd ul li .p2 { font-size:14px; line-height:25px; margin-top:10px; }
	.cArea01 .hd ul li .p3 { margin-top:0; }
	.cArea01 .hd ul li .p3 a { padding:0 20px; line-height:30px;  font-size:14px; }

	.cArea01 .hd ul li.on .p3 { margin-top:15px; }

	.cArea01 .bd { width:49%; }
}
@media all and (max-width:900px){	
	.cArea01 { margin-top:20px; }
	.cArea01 .hd { width:100%; }
	.cArea01 .hd ul li { padding:25px 50px 25px 0; background-size:30px 30px!important; }
	 
	.cArea01 .bd { width:100%; margin-top:30px; }
}

.dArea { background:url(dArea.png) no-repeat center; background-size:100% 100%; }
.dArea .wrap { padding:85px 0 65px; background:url(d01.png) no-repeat center; background-size:100% 100%; }
.dArea01 { position:relative; margin-top:40px; }
.dBox01 .tt { position:relative; width:642px; margin:0 auto; }
.dBox01 .p2 { position:absolute; top:0; left:0; width:100%; z-index:2; animation: divRte 30s linear 0s infinite; }
.dBox01 .p3 { position:absolute; top:0; left:0; width:100%; z-index:3; animation: divRte2 50s linear 0s infinite; }
.dBox01 .p4 { position:absolute; top:0; left:0; width:100%; z-index:4; }
.dBox01 .p5 { position:absolute; top:50%; left:50%; width:457px; transform: translate(-50%,-50%); z-index:5; }

.dBox02 ul li { position:absolute; z-index:9; cursor:pointer; }
.dBox02 ul li .tt01 { position:relative; }
.dBox02 ul li .tt01 .p1 { position:relative; padding:10px; width:72px; height:72px; background:rgba(255,255,255,0.5);  border-radius:100%; z-index:5; }
.dBox02 ul li .tt01 .p1:before { position:absolute; top:-10px; left:-10px; padding:10px; width:100%; height:100%; background:rgba(192,192,192,0.1); border-radius:100%; display:block; content:""; z-index:1; }
.dBox02 ul li .tt01 .p1 p { width:72px; height:72px; background:url(d02.png) no-repeat center; background-size:100% 100%!important; border-radius:100%; overflow:hidden; }
.dBox02 ul li .tt01 .p2 { position:absolute; left:110px; top:50%; transform: translateY(-50%); font-size:24px; color:#333; width:230px; z-index:2; }

.dBox02 ul li .tt02 { position:absolute; left:100px; top:50%; transform: translateY(-50%); width:400px; height:160px; padding:35px 25px 0 25px; box-sizing: border-box; background:url(d04.png) no-repeat center; background-size:100% 100%; color:#fff; line-height:1.1; display:none; z-index:2; }
.dBox02 ul li .tt02 .p1 { font-size:24px; font-weight:bold; }
.dBox02 ul li .tt02 .p2 { font-size:16px; line-height:25px; margin-top:10px; }


.dBox02 ul li:nth-child(2n) .tt01 .p2 { left:auto; right:110px; text-align:right; }
.dBox02 ul li:nth-child(2n) .tt02 { left:auto; right:110px; }

.dBox02 ul li:hover .tt01 .p1 { background:rgba(0,131,255,0.1); }
.dBox02 ul li:hover .tt01 .p1:before { background:rgba(0,131,255,0.05); }
.dBox02 ul li:hover .tt01 .p1 p { background:url(d03.png) no-repeat center; }
.dBox02 ul li:hover .tt01 .p1 p img { transition: all 0s; filter: drop-shadow(300px 0 0 #fff); transform: translateX(-300px); -webkit-filter: drop-shadow(300px 0 0 #fff);
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s; }
.dBox02 ul li:hover .tt01 .p2 { display:none; }
.dBox02 ul li:hover .tt02 { display:block; }


.dBox02 ul li:nth-child(1) { left:150px;  top:60px; }
.dBox02 ul li:nth-child(2) { right:150px; top:60px; }
.dBox02 ul li:nth-child(3) { left:100px;  top:280px; }
.dBox02 ul li:nth-child(4) { right:100px; top:280px; }
.dBox02 ul li:nth-child(5) { left:150px;  top:500px; }
.dBox02 ul li:nth-child(6) { right:150px; top:500px; }

.dArea02 { margin-top:30px; display:none; }
.dArea02 .tt { padding:25px 4%; color:#fff; background: linear-gradient(to bottom,#2dbaf5,#2e5ced); border:1px solid #c0e9fc; border-radius:7px; }
.dArea02 .tt .p1 { font-size:16px; }
.dArea02 .tt .p2 { font-size:14px; margin-top:10px; line-height:25px; }


@media all and (max-width:1680px){
	.dArea .wrap { padding:60px 0; }
	.dArea01 { margin-top:30px; }
	.dBox01 .tt { width:45%; }
	.dBox01 .p5 { width:71.18%; }

	.dBox02 ul li .tt01 .p1 { padding:5px; width:60px; height:60px; }
	.dBox02 ul li .tt01 .p1:before { top:-5px; left:-5px; padding:5px; }
	.dBox02 ul li .tt01 .p1 p { width:60px; height:60px; }
	.dBox02 ul li .tt01 .p2 { left:90px; font-size:18px; width:200px; }

	.dBox02 ul li .tt02 { position:absolute; left:90px; width:400px; height:160px; padding:35px 25px 0 25px; }
	.dBox02 ul li .tt02 .p1 { font-size:18px; }
	.dBox02 ul li .tt02 .p2 { font-size:14px; line-height:25px; margin-top:10px; }


	.dBox02 ul li:nth-child(2n) .tt01 .p2 { left:auto; right:90px; }
	.dBox02 ul li:nth-child(2n) .tt02 { left:auto; right:90px; }

 
	.dBox02 ul li:nth-child(1) { left:110px;  top:50px; }
	.dBox02 ul li:nth-child(2) { right:110px; top:50px; }
	.dBox02 ul li:nth-child(3) { left:80px;  top:50%; transform: translateY(-50%); }
	.dBox02 ul li:nth-child(4) { right:80px; top:50%; transform: translateY(-50%); }
	.dBox02 ul li:nth-child(5) { left:110px;  top:auto; bottom:50px; }
	.dBox02 ul li:nth-child(6) { right:110px; top:auto; bottom:50px; }
}
@media all and (max-width:1200px){
	.dArea .wrap { padding:40px 0; }
	.dArea01 { margin-top:30px; }
	.dBox01 .tt { width:45%; }
	.dBox01 .p5 { width:71.18%; }

	.dBox02 ul li .tt01 .p1 { padding:5px; width:50px; height:50px; }
	.dBox02 ul li .tt01 .p1:before { top:-5px; left:-5px; padding:5px; }
	.dBox02 ul li .tt01 .p1 p { width:50px; height:50px; }
	.dBox02 ul li .tt01 .p2 { left:80px; font-size:14px; width:200px; }

	.dBox02 ul li .tt02 { position:absolute; left:80px; width:400px; height:160px; padding:35px 25px 0 25px; }
	.dBox02 ul li .tt02 .p1 { font-size:16px; }
	.dBox02 ul li .tt02 .p2 { font-size:14px; line-height:25px; margin-top:10px; }


	.dBox02 ul li:nth-child(2n) .tt01 .p2 { left:auto; right:80px; }
	.dBox02 ul li:nth-child(2n) .tt02 { left:auto; right:80px; }

 
	.dBox02 ul li:nth-child(1) { left:9%;  top:30px; }
	.dBox02 ul li:nth-child(2) { right:9%; top:30px; }
	.dBox02 ul li:nth-child(3) { left:6%;  top:50%; transform: translateY(-50%); }
	.dBox02 ul li:nth-child(4) { right:6%; top:50%; transform: translateY(-50%); }
	.dBox02 ul li:nth-child(5) { left:9%;  top:auto; bottom:30px; }
	.dBox02 ul li:nth-child(6) { right:9%; top:auto; bottom:30px; }
}
@media all and (max-width:900px){	
	.dBox02 ul li .tt01 .p2 { display:none; }
}
@media all and (max-width:750px){
	.dArea .wrap { background:none; }
	
	.dBox01 { background:url(d01.png) no-repeat center; background-size:100% 100%; }
	.dBox01 .tt { width:55%; }
	
	.dBox02 ul li .tt01 .p1 { padding:3px; width:40px; height:40px; }
	.dBox02 ul li .tt01 .p1:before { top:-3px; left:-3px; padding:3px; }
	.dBox02 ul li .tt01 .p1 p { width:40px; height:40px; }
 
	.dBox02 ul li .tt02 { display:none!important; }
	
	
	.dBox02 ul li.on .tt01 .p1 { background:rgba(0,131,255,0.1); }
	.dBox02 ul li.on .tt01 .p1:before { background:rgba(0,131,255,0.05); }
	.dBox02 ul li.on .tt01 .p1 p { background:url(d03.png) no-repeat center; }
	.dBox02 ul li.on .tt01 .p1 p img { transition: all 0s; filter: drop-shadow(300px 0 0 #fff); transform: translateX(-300px); -webkit-filter: drop-shadow(300px 0 0 #fff);
		-webkit-transform: translateX(-300px);
		-moz-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		-o-transform: translateX(-300px);
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		-ms-transition: all 0s;
		-o-transition: all 0s; }
 
	
	
	.dBox02 ul li:nth-child(1) { left:9%;  top:0; }
	.dBox02 ul li:nth-child(2) { right:9%; top:0; }
	.dBox02 ul li:nth-child(3) { left:0;  top:50%; transform: translateY(-50%); }
	.dBox02 ul li:nth-child(4) { right:0; top:50%; transform: translateY(-50%); }
	.dBox02 ul li:nth-child(5) { left:9%;  top:auto; bottom:0; }
	.dBox02 ul li:nth-child(6) { right:9%; top:auto; bottom:0; }
	
	.dArea02 { display:block; }
}

.eArea { padding:100px 0; }
.eArea .Area-hd .p1 { text-align:left; }
.eArea .bd { margin-top:40px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }

.eArea .bd01 { width:440px; background:#f4f4f4; }
.eArea .bd01 .pic { position:relative; padding-bottom:250px; overflow:hidden; }
.eArea .bd01 .pic img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition: all 0.6s; }
.eArea .bd01 .pic p { position:absolute; left:0; top:0; width:95px; line-height:35px; font-size:14px; color:#fff; text-align:center; background:rgba(0,0,0,0.5); border-radius:0 0 10px 0; z-index:2; }

.eArea .bd01 .txt { padding:35px 20px 0 20px; min-height:240px; box-sizing: border-box; }
.eArea .bd01 .txt .p1 { padding-left:20px; font-size:14px; color:#999; background:url(e01.png) no-repeat center left; }
.eArea .bd01 .txt .p2 { font-size:18px; color:#333; margin-top:10px; font-weight:bold; line-height:30px; min-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.eArea .bd01 .txt .p3 { font-size:14px; color:#999; margin-top:20px; line-height:25px; min-height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.eArea .bd01:hover .txt .p2 { color:#034cea; }


.eArea .bd02 { position:relative; width:640px; box-sizing: border-box; padding:50px 25px 0 25px; background:#f4f4f4; }
.eArea .bd02 .tt { position:absolute; left:0; top:0; width:95px; line-height:35px; font-size:14px; color:#fff; text-align:center; background:rgba(0,0,0,0.5); border-radius:0 0 10px 0; z-index:2; }
.eArea .bd02 ul li { position:relative; border-bottom:1px solid #e6e6e6; }
.eArea .bd02 ul li:before { position:absolute; left:0; bottom:-1px; width:0; height:1px; background:#034cea; display:block; content:""; transition: all 0.6s; z-index:2; }
.eArea .bd02 ul li a { display:block; padding:25px 0; }
.eArea .bd02 ul li .p1 { font-size:14px; color:#999; }
.eArea .bd02 ul li .p2 { font-size:18px; color:#333; margin-top:10px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.eArea .bd02 ul li:nth-child(4) { border-bottom:none!important; }
.eArea .bd02 ul li:nth-child(4) a { padding-bottom:0!important; }
.eArea .bd02 ul li:nth-child(4):before { display:none!important; }

.eArea .bd02 ul li:hover:before { width:100%; }
.eArea .bd02 ul li:hover .p2 { color:#034cea; font-weight:bold; }

@media all and (max-width:1680px){
	.eArea { padding:60px 0; }
	.eArea .bd { margin-top:30px; }

	.eArea .bd01 { width:27.5%; }
	.eArea .bd01 .pic { padding-bottom:190px; }


	.eArea .bd01 .txt { padding:30px 15px 0 15px; min-height:200px; box-sizing: border-box; }
	.eArea .bd01 .txt .p2 { font-size:16px; margin-top:10px; line-height:25px; min-height:50px; }
	.eArea .bd01 .txt .p3 { font-size:14px; margin-top:15px; line-height:25px; min-height:50px;  }

	.eArea .bd02 { width:40.5%; padding:40px 20px 0 20px; }
	
	.eArea .bd02 ul li a { padding:15px 0; }
	.eArea .bd02 ul li .p1 { font-size:14px; }
	.eArea .bd02 ul li .p2 { font-size:16px; margin-top:10px; line-height:25px; }
}
@media all and (max-width:1200px){
	.eArea { padding:40px 0; }
	.eArea .bd { margin-top:30px; }
	
	.eArea .bd02 { width:40.5%; padding:40px 15px 0 15px; }
}
@media all and (max-width:1000px){	
	.eArea .bd01 { width:49%; }
	.eArea .bd01 .pic { padding-bottom:56.8%; }
	
	.eArea .bd02 { width:100%; padding:40px 20px 20px 20px; margin-top:30px; }
}
@media all and (max-width:600px){	
	.eArea .bd01 { width:100%; margin-bottom:25px; }
	.eArea .bd01 .txt { padding:20px 4%; min-height:10px; }
	.eArea .bd01 .txt .p2 { font-size:16px; margin-top:10px; line-height:25px; min-height:25px; }
	.eArea .bd01 .txt .p3 { font-size:14px; margin-top:10px; line-height:25px; min-height:25px;  }

	
	.eArea .bd02 { width:100%; padding:40px 4% 30px 4%; margin-top:0; }
	.eArea .bd02 ul li .p2 { font-size:16px; margin-top:5px; line-height:25px; }
}



@media all and (max-width:1680px){
	
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:900px){	

}
	
@keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}
@-moz-keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}
@-webkit-keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}
@-o-keyframes divRte{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	} 
}

@keyframes divRte2{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(-360deg);
		-ms-transform:rotate(-360deg);
		-moz-transform:rotate(-360deg);
		-webkit-transform:rotate(-360deg);
	} 
}
@-moz-keyframes divRte2{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(-360deg);
		-ms-transform:rotate(-360deg);
		-moz-transform:rotate(-360deg);
		-webkit-transform:rotate(-360deg);
	} 
}
@-webkit-keyframes divRte2{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(-360deg);
		-ms-transform:rotate(-360deg);
		-moz-transform:rotate(-360deg);
		-webkit-transform:rotate(-360deg);
	} 
}
@-o-keyframes divRte2{
	0%   {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	} 
	100%  {
		transform:rotate(-360deg);
		-ms-transform:rotate(-360deg);
		-moz-transform:rotate(-360deg);
		-webkit-transform:rotate(-360deg);
	} 
}