@charset "utf-8";	
.container { position: relative; width: 100%; }

.bgArea { padding:140px 0; background:url(bg.png) no-repeat center bottom; }

.Area-hd  { line-height:1.1; }
.Area-hd .p1 { width:44px; height:2px; background:#125794; }
.Area-hd .p2 { font-size:24px; font-weight:bold; margin-top:15px; color:#125794; }
.Area-hd .p3 { font-size:50px; font-weight:bold; margin-top:20px; color:#333; }

@media all and (max-width:1780px){
	.bgArea { padding:100px 0; }
	
	.Area-hd .p2 { font-size:20px; margin-top:15px; }
	.Area-hd .p3 { font-size:30px; margin-top:20px; }	
}
@media all and (max-width:1280px){
	.bgArea { padding:60px 0; }
	
	.Area-hd .p2 { font-size:20px; margin-top:10px; }
	.Area-hd .p3 { font-size:24px; margin-top:15px; }	
}
@media all and (max-width:750px){
	.bgArea { padding:40px 0; }
	
	.Area-hd .p2 { font-size:20px; margin-top:10px; }
	.Area-hd .p3 { font-size:18px; margin-top:15px; }	
}

.aArea {  background:url(a01.png) no-repeat center left; }
.aArea .txt { float:left; width:840px; padding-top:65px; }
.aArea .txt .txt01 { max-width:690px; margin-top:50px; font-size:16px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4;  }
.aArea .txt .txt02 { margin-top:75px; }
.aArea .txt .txt02 a { display:block; width:190px; padding:8px 0; border-radius:30px; background: linear-gradient(to right,#1f89d4,#46b7ff); text-align:center; }
.aArea .txt .txt02 a i { display:inline-block; padding-right:65px; font-size:16px; line-height:46px; color:#fff; background:url(a03.png) no-repeat center right; background-size:contain; }

.aArea .pic { float:right; width:840px; position:relative; cursor:pointer; z-index:1; overflow:hidden; }
.aArea .pic p { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  width:60px; height:60px; border-radius:100%; z-index:5; }
.aArea .pic p img { width:100%; }

.aArea .pic .img01 { transition: all 0.6s; }
.aArea .pic:hover .img01 { transform: scale(1.1)!important; }


.aArea .pic p:before { animation: boderM 3s .75s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 60px;  height: 60px; border-radius:100%; background: rgba(255, 255, 255, 0.3); z-index:-1; }
.aArea .pic p:after { animation: boderM 3s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 60px;  height: 60px; border-radius:100%; background: rgba(255, 255, 255, 0.2); z-index:-1; }

@media all and (max-width:1780px){
	.aArea .txt { float:left; width:45%; padding-top:50px; }
	.aArea .txt .txt01 { max-width:690px; margin-top:30px; font-size:16px; line-height:30px; }
	.aArea .txt .txt02 { margin-top:60px; }
	.aArea .txt .txt02 a { width:190px; padding:8px 0; }
	.aArea .txt .txt02 a i {  padding-right:65px; font-size:16px; line-height:46px; color:#fff; }

	.aArea .pic { float:right; width:50%; } 
}
@media all and (max-width:1280px){
	.aArea .txt .txt01 { max-width:100%; margin-top:20px; font-size:14px; line-height:25px; }
	.aArea .txt .txt02 { margin-top:30px; }
	.aArea .txt .txt02 a { width:140px; padding:10px 0; }
	.aArea .txt .txt02 a i {  padding-right:45px; font-size:14px; line-height:30px; } 
}
@media all and (max-width:900px){
	.aArea .txt { float:none; width:100%; padding-top:0; }
	 
	.aArea .pic { float:none; width:100%; margin-top:25px; }
	.aArea .pic p { width:40px; height:40px; }

	.aArea .pic p:before { width: 40px;  height: 40px; }
	.aArea .pic p:after { width: 40px;  height: 40px; }
}

.spBox { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9999; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:1000px; padding:20px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }

@media all and (max-width:1280px){
	.spBox .spBox01 { width:60%; }
} 
@media all and (max-width:750px){
	.spBox .spBox01 { position:absolute; top:50%; width:92%; padding:10px; z-index:5; }
	.spBox .spBox01 .sp-close { position:absolute; right:0; top:-60px; color:#fff; font-size:30px; cursor:pointer; }
} 

.bArea { margin-top:80px; }
.bArea ul li { position:relative; float:left; width:31.54%; margin-right:2.69%; overflow:hidden; }
.bArea ul li:last-child { margin-right:0; }

.bArea ul li .pic01 { position:absolute; left:0; top:0; right:0; z-index:1; overflow:hidden; }
.bArea ul li .pic01 .img02 { display:none; }
.bArea ul li .pic02 { position:absolute; left:0; top:0; right:0; bottom:0; z-index:3; }

.bArea ul li .pic02:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);}
	
.bArea ul li:hover .pic02:before{ left: 150%; transition: left 1s ease 0s;}
 
.bArea ul li .txt { position:absolute; left:0; right:0; bottom:0; padding:0 8% 40px 8%; color:#fff; line-height:1.1; z-index:4; }
.bArea ul li .txt .p1 { font-size:28px; }
.bArea ul li .txt .p2 { font-size:18px; line-height:30px; min-height:60px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; opacity:0; transition: all 0.6s; }
.bArea ul li .txt .p3 { margin-top:25px; opacity:0; transition: all 0.6s; }
.bArea ul li .txt .p3 i { display:inline-block; padding:0 20px; line-height:35px; border:1px solid rgba(255,255,255,0.5); border-radius:20px; font-size:18px; }


.bArea ul li:hover .txt .p2 { opacity:1; }
.bArea ul li:hover .txt .p3 { opacity:1; }

@media all and (max-width:1780px){
	
	.bArea ul li { width:32%; margin-right:2%; }
	.bArea ul li:last-child { margin-right:0; }	
	
	.bArea ul li .txt {  padding:0 4% 30px 4%; }
	.bArea ul li .txt .p1 { font-size:24px; }
	.bArea ul li .txt .p2 { font-size:14px; line-height:25px; min-height:50px; margin-top:10px;  }
	.bArea ul li .txt .p3 { margin-top:20px; }
	.bArea ul li .txt .p3 i {  padding:0 20px; line-height:30px; font-size:14px; }

}
@media all and (max-width:1200px){
	.bArea { margin-top:60px; }
	
	.bArea ul li .pic01 { bottom:0; }
	.bArea ul li .pic01 .img01 { display:none; }
	.bArea ul li .pic01 .img02 { display:block; }
 
	.bArea ul li .txt .p1 { font-size:20px; }
	.bArea ul li .txt .p2 { opacity:1; }
	.bArea ul li .txt .p3 { opacity:1; }
}
@media all and (max-width:750px){
	.bArea { margin-top:40px; }
	
	.bArea ul li { float:none; width:100%; margin-right:0; }
	.bArea ul li:nth-child(n + 2) { margin-top:15px; }
	
	.bArea ul li .txt .p1 { font-size:18px; }
	.bArea ul li .txt .p3 { margin-top:20px; }
	.bArea ul li .txt .p3 i {  padding:0 20px; line-height:30px; font-size:14px; }
}

.cArea { margin-top:140px; }
.cArea01 { margin-top:65px; }
.cArea01 ul li { float:left; width:33.33%; position:relative; overflow:hidden; }
.cArea01 ul li .pic { position:relative; }
.cArea01 ul li .pic p { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.8); z-index:1; }

.cArea01 ul li .txt { position:absolute; top:16%; left:12%; right:12%; text-align:center; line-height:1.1; z-index:2; transition: all 0.6s; }
.cArea01 ul li .txt .p1 { min-height:200px; }
.cArea01 ul li .txt .p1 img { max-height:160px; }
.cArea01 ul li .txt .p2 { font-size:38px; color:#403f40; font-weight:bold; }
.cArea01 ul li .txt .p3 { font-size:16px; color:#535353; line-height:30px; margin-top:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.cArea01 ul li .txt .p4 { width:45px; height:3px; background:#76b4df; margin:35px auto 0; }

.cArea01 ul li .txt01 { position:absolute; bottom:-75px; left:50%; margin-left:-100px; width:200px; height:75px; background:url(c01.png) no-repeat center #fff; border-radius:10px; z-index:2; transition: all 0.6s; }

@media all and (min-width:1000px){
	.cArea01 ul li:hover .pic p { background:rgba(31,75,118,0.5); }
	.cArea01 ul li:hover .txt { top:22%; }
	.cArea01 ul li:hover .txt .p1 { display:none; }
	.cArea01 ul li:hover .txt .p2 { color:#fff; }
	.cArea01 ul li:hover .txt .p3 { color:#fff; }
	.cArea01 ul li:hover .txt .p4 { background:rgba(255,255,255,0.6); }
	.cArea01 ul li:hover .txt01 { bottom:16%; }
}
@media all and (max-width:1780px){
	.cArea { margin-top:100px; }
	.cArea01 { margin-top:55px; }
 
	.cArea01 ul li .txt { top:16%; left:8%; right:8%; }
	.cArea01 ul li .txt .p1 { min-height:160px; }
	.cArea01 ul li .txt .p1 img { max-height:120px; }
	.cArea01 ul li .txt .p2 { font-size:28px; }
	.cArea01 ul li .txt .p3 { font-size:16px; line-height:30px; margin-top:30px; }
	.cArea01 ul li .txt .p4 { width:45px; height:3px; margin:35px auto 0; }

	.cArea01 ul li .txt01 { margin-left:-75px; width:150px; height:60px; } 
}
@media all and (max-width:1280px){
	.cArea { margin-top:60px; } 
	.cArea01 { margin-top:40px; }
	
	.cArea01 ul li .txt .p1 { min-height:100px; }
	.cArea01 ul li .txt .p1 img { max-height:70px; }
	.cArea01 ul li .txt .p2 { font-size:24px; }
	.cArea01 ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:30px; }
	.cArea01 ul li .txt .p4 { width:45px; height:3px; margin:35px auto 0; }
	
	.cArea01 ul li .txt01 { margin-left:-60px; width:120px; height:45px; } 
}
@media all and (max-width:1000px){
	.cArea01 ul li .txt01 { display:none; } 
	
	.cArea01 ul li .txt .p2 { font-size:20px; }
	.cArea01 ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:20px; }
	.cArea01 ul li .txt .p4 { width:45px; height:3px; margin:25px auto 0; }
}
@media all and (max-width:750px){
	.cArea { margin-top:40px; } 
	.cArea01 { margin-top:30px; } 
	
	.cArea01 ul li { float:none; width:100%; }
	.cArea01 ul li .txt { top:50%; transform: translateY(-50%); }
	.cArea01 ul li .txt .p1 { min-height:80px; }
	.cArea01 ul li .txt .p1 img { max-height:50px; }
}

.dArea { padding:140px 0 100px; }
.dArea .wrap { position:relative; }
.dArea01 { margin-top:65px; }
.dArea01 .hd { position:absolute; top:0; right:0; z-index:2; }
.dArea01 .hd ul li { float:left; text-align:center; margin-right:20px; cursor:pointer; }
.dArea01 .hd ul li:last-child { margin-right:0; }
.dArea01 .hd ul li .pic { min-height:60px; }
.dArea01 .hd ul li .pic img { max-height:50px; }
.dArea01 .hd ul li .pic .img02 { display:none; }
.dArea01 .hd ul li .txt { font-size:18px; color:#6d6b6b; }

.dArea01 .hd ul li.on .pic .img01 { display:none; }
.dArea01 .hd ul li.on .pic .img02 { display:inline-block; }
.dArea01 .hd ul li.on .txt { color:#0f6ac2; font-weight:bold; }

.dArea01 .bd ul li { float:left; width:32.6%; margin-right:1.1%; text-align:center; }
.dArea01 .bd ul li:nth-child(3n) { margin-right:0; }
.dArea01 .bd ul li:nth-child(n + 4) { margin-top:1.1%; }
.dArea01 .bd ul li .pic { overflow:hidden; }
.dArea01 .bd ul li .pic img { transition: all 0.6s; }
.dArea01 .bd ul li .txt { font-size:18px; line-height:85px; padding:0 5px; color:#666; background:#f5f5f5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.dArea01 .bd ul li:hover .pic img { transform: scale(1.1)!important; }
.dArea01 .bd ul li:hover .txt { color:#fff; background:#0f6ac2; }

@media all and (max-width:1780px){
	.dArea { padding:100px 0; }
	.dArea01 { margin-top:55px; }
	.dArea01 .bd ul li .txt { font-size:16px; line-height:60px; }

}
@media all and (max-width:1280px){
	.dArea { padding:60px 0; } 
	.dArea01 { margin-top:40px; } 
	
	.dArea01 .hd ul li .pic { min-height:40px; }
	.dArea01 .hd ul li .pic img { max-height:35px; }
	.dArea01 .hd ul li .txt { font-size:14px; }
}
@media all and (max-width:750px){
	.dArea { padding:40px 0; } 
	.dArea01 { margin-top:30px; }  
	.dArea01 .hd { position:relative; top:auto; right:auto; z-index:2; }
	.dArea01 .hd ul li { width:33.33%; margin-right:0; }
	.dArea01 .hd ul li:nth-child(n + 4) { margin-top:15px; }
	
	
	.dArea01 .bd { margin-top:25px; }
	.dArea01 .bd ul li { float:left; width:49%; margin-right:2%; }
	.dArea01 .bd ul li:nth-child(3n) { margin-right:2%; }
	.dArea01 .bd ul li:nth-child(2n) { margin-right:0; }
	.dArea01 .bd ul li:nth-child(n + 3) { margin-top:2%; }
	
	.dArea01 .bd ul li .txt { font-size:14px; line-height:40px; }
}

.eArea { padding:140px 0; background:url(eArea.jpg) no-repeat center bottom; background-size:cover; }
.eArea .wrap { position:relative; }
.eArea01 { margin-top:65px; }
.eArea01 .hd { position:absolute; top:75px; right:0; z-index:2; }
.eArea01 .hd ul li { float:left; margin-right:25px; width:120px; height:35px; text-align:center; line-height:35px; font-size:16px; color:#747474; border:1px solid #b5b1b1; border-radius:25px; cursor:pointer; }
.eArea01 .hd ul li:last-child { margin-right:0; }
.eArea01 .hd ul li.on { background:#0f6ac2; color:#fff; border-color:#0f6ac2; }

.eArea01 .bd .bdd { position:relative; }

.eBox01 { width:48.5%; background:#fff; }
.eBox01 .txt { padding:30px 30px 0 30px; height:210px; box-sizing: border-box; }
.eBox01 .txt .p1 { font-size:24px; color:#0f6ac2; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eBox01 .txt .p2 { font-size:18px; color:#7e7d7d; margin-top:20px; padding-left:25px; background:url(e01.png) no-repeat center left; line-height:20px;  }
.eBox01 .txt .p3 { font-size:18px; color:#7e7d7d; margin-top:30px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.eBox01 .pic { position:relative; overflow:hidden; }
.eBox01 .pic img { transition: all 0.6s; }
.eBox01:hover .pic img { transform: scale(1.1)!important; }

.eBox01 .pic .mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0) }
.eBox01:hover .pic .mask-white { -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0)}


.eBox02 { position:absolute; top:0; right:0; bottom:0; width:48.5%; padding:20px 0 20px 35px; background:#fff; box-sizing: border-box; }
.eBox02 ul { position:relative; height:100%; padding-right:35px; overflow-y:auto; }
.eBox02 ul li { border-bottom:1px solid #ececec; }
.eBox02 ul li a { display:block; padding:20px 0; }
.eBox02 ul li .p1 { font-size:20px; color:#333; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eBox02 ul li .p2 { font-size:18px; color:#7e7d7d; margin-top:20px; padding-left:25px; background:url(e01.png) no-repeat center left; line-height:20px; }

.eBox02 ul li:hover .p1 { color:#0f6ac2; }

.eBox02 ul::-webkit-scrollbar-thumb { min-height:50px; border-radius:3px; background-color:#0f6ac2; }
.eBox02 ul::-webkit-scrollbar-track { background:#fff; }
.eBox02 ul::-webkit-scrollbar-corner { background:transparent; }
.eBox02 ul::-webkit-scrollbar { width:7px; height:7px; }
 
@media all and (max-width:1780px){
	.eArea { padding:100px 0; }
	.eArea01 { margin-top:55px; }
	.eArea01 .hd { top:45px; }
	.eArea01 .hd ul li { margin-right:15px; width:110px; height:30px; line-height:30px; font-size:16px; }
	.eArea01 .hd ul li:last-child { margin-right:0; }
 
	.eBox01 { width:48.5%; }
	.eBox01 .txt { padding:25px 25px 0 25px; height:150px; }
	.eBox01 .txt .p1 { font-size:18px; line-height:20px; }
	.eBox01 .txt .p2 { font-size:14px; margin-top:15px; padding-left:25px; }
	.eBox01 .txt .p3 { font-size:14px; margin-top:20px; }

	.eBox02 { padding:20px 0 20px 25px; }
	.eBox02 ul { padding-right:25px; }
	.eBox02 ul li a { padding:15px 0; }
	.eBox02 ul li .p1 { font-size:18px; line-height:20px; }
	.eBox02 ul li .p2 { font-size:14px; margin-top:15px; }
 
}
@media all and (max-width:1280px){
	.eArea { padding:60px 0; }
	.eArea01 { margin-top:40px; }
	.eArea01 .hd { top:25px; }
	.eArea01 .hd ul li { margin-right:15px; width:110px; height:30px; line-height:30px; font-size:16px; }
	.eArea01 .hd ul li:last-child { margin-right:0; }
 
	.eBox01 { width:48.5%; }
	.eBox01 .txt { padding:25px 25px 0 25px; height:120px; }
	.eBox01 .txt .p1 { font-size:16px; line-height:20px; }
	.eBox01 .txt .p2 { font-size:14px; margin-top:10px; }
	.eBox01 .txt .p3 { font-size:14px; margin-top:10px; }

	.eBox02 { padding:20px 0 20px 25px; }
	.eBox02 ul { padding-right:25px; }
	.eBox02 ul li a { padding:15px 0; }
	.eBox02 ul li .p1 { font-size:16px; line-height:20px; }
	.eBox02 ul li .p2 { font-size:14px; margin-top:10px; } 
}
@media all and (max-width:750px){
	.eArea { padding:40px 0; }
	.eArea01 { margin-top:30px; }
	.eArea01 .hd { position:relative; top:auto; right:auto; margin-bottom:25px; }
	.eArea01 .hd ul li { margin-right:15px; width:110px; height:30px; line-height:30px; font-size:16px; }
	.eArea01 .hd ul li:last-child { margin-right:0; }
 
	.eBox01 { width:100%; }
	.eBox01 .txt { padding:25px 25px 0 25px; height:120px; }
	.eBox01 .txt .p1 { font-size:16px; line-height:20px; }
	.eBox01 .txt .p2 { font-size:14px; margin-top:10px; }
	.eBox01 .txt .p3 { font-size:14px; margin-top:10px; }

	.eBox02 { position:relative; width:100%; right:auto; top:auto; bottom:auto; height:400px; margin-top:25px; padding:20px 0 20px 15px; }
	.eBox02 ul { padding-right:15px; }
	.eBox02 ul li a { padding:15px 0; }
	.eBox02 ul li .p1 { font-size:16px; line-height:20px; }
	.eBox02 ul li .p2 { font-size:14px; margin-top:10px; }  
}



@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
    20% {
        opacity: 1
    }
    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}