@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 img { transform:scale(1.15,1.15);vertical-align:middle; transition:all 10s cubic-bezier(0.19, 1, 0.22, 1) }

.swiper-container-1 .swiper-slide.swiper-slide-active img {transform:scale(1);}

.swiper-pagination-1 { position:absolute; bottom:30px; left:0; right:0; text-align:center; z-index:9; display:none; }
.swiper-pagination-1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 4px;  border-radius:100%; background:rgba(255,255,255,0.4); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:30px; border-radius:10px; }
 
@media all and (max-width:1200px){
	.swiper-pagination-1 { display:none; }
	
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }
}
 
.banner .btn{ position:absolute; right:0; bottom:0; z-index:9}
.banner .btn .a{ float:left; width:118px; height:116px; background:#fff; padding:38px 0; box-sizing:border-box}
.banner .btn .prev01{ background:url(g_02.png) center center no-repeat; width:100%; height:20px; cursor:pointer; background-size:14px 8px!important;}
.banner .btn .next01{ background:url(g_03.png) center center no-repeat; width:100%; height:20px; cursor:pointer; background-size:14px 8px!important;}
.banner .btn .b{ width:210px; height:116px; float:left; background:#004a9a;display:flex;align-items: center;justify-content: center;}
.banner .btn .b i{ display:inline-block; vertical-align:top; background:url(g_04.png) right center no-repeat; padding-right:36px; font-size:14px; color:#fff; line-height:50px; animation: myMove2 3s infinite; background-size:17px 25px!important; }

@media (max-width: 1480px){
	.banner .btn .a{ width:100px; height:100px; padding:30px 0;}
	.banner .btn .b{ width:160px; height:100px; float:left; background:#004a9a;display:flex;align-items: center;justify-content: center;}
	.banner .btn .b i{ display:inline-block; vertical-align:top; padding-right:36px; font-size:14px; color:#fff; line-height:25px}
}
@media (max-width: 1200px){
	.banner .btn .a{ width:40px; height:40px; padding:5px 0;}
	.banner .btn .prev01,.banner .btn .next01{ background-size:10px 6px!important; height:15px;}
	.banner .btn .b{ width:100px; height:40px;}
	.banner .btn .b i{ padding-right:24px; font-size:12px;}	
	.banner .btn .b i{  animation: myMove3 3s infinite; background-size:10px 14px!important; }
	
}


@keyframes myMove2 {
	0% { background:url(g_04.png) right 0px no-repeat
	}

	50% {
		background:url(g_04.png) right 25px no-repeat
	}
	100% {
		background:url(g_04.png) right 0px no-repeat
	}
}
@keyframes myMove3 {
	0% { background:url(g_04.png) right center no-repeat
	}

	50% {
		background:url(g_04.png) right center no-repeat
	}
	100% {
		background:url(g_04.png) right center no-repeat
	}
}

.Area-hd { position:relative; padding-left:25px; font-size:30px; color:#333; font-weight:bold; }
.Area-hd:before { position:absolute; top:50%; transform: translateY(-50%); left:0; width:4px; height:26px; background:#004a9a; display:block; content:""; z-index:2; }

@media all and (max-width:1480px){
	.Area-hd { font-size:28px; } 
}
@media all and (max-width:1000px){ 
	.Area-hd { padding-left:0; font-size:20px; text-align:center;  padding-bottom:10px; }
	.Area-hd:before { top:auto; transform: translate(-50%,0); left:50%; bottom:0; width:50px; height:2px; }
}
 


.aArea { padding:55px 0 70px; }
.aArea .wrap { position:relative; }
.aArea .Area-hd { position:absolute; top:0; left:0; z-index:2; }
 
.aArea01 .hd { text-align:right; font-size:0; }
.aArea01 .hd ul li { display:inline-block; margin-left:10px; }
.aArea01 .hd ul li a { display:inline-block; padding:0 30px; line-height:45px; background:#f0f0f0; border-radius:25px; font-size:18px; color:#373737; }
.aArea01 .hd ul li.on a { background:#004a9a; color:#fff; }
.aArea01 .hd ul li:hover a { background:#004a9a; color:#fff; }

.aArea01 .bd { margin-top:25px; }

.aBox01 { float:left; width:660px; box-shadow:0px 11px 18px rgba(62,62,62,0.1); }
.aBox01 .pic { position:relative; }
.aBox01 .pic .date { position:absolute; left:0; bottom:0; width:105px; height:105px; background:rgba(0,74,154,0.8); color:#fff; text-align:center; line-height:1; font-family:"Arial"; padding-top:10px; box-sizing: border-box; z-index:5; }
.aBox01 .pic .date p { font-size:56px; }
.aBox01 .pic .date span { display:block; font-size:16px; margin-top:10px; }
.aBox01 .txt { min-height:160px; padding:30px 30px 0 30px; box-sizing: border-box; }
.aBox01 .txt .p1 { font-size:20px; line-height:25px; height:25px; color:#000; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aBox01 .txt .p2 { font-size:16px; line-height:30px; height:60px; margin-top:10px; color:#747474; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.aBox01:hover .txt .p1 { color:#004a9a; font-weight:bold; }

.aBox02 { float:right; width:calc(100% - 700px); }
.aBox02 ul li { border-bottom:1px solid #c5c6c7; }
.aBox02 ul li:last-child { border-bottom:none; }
.aBox02 ul li a { display:block; padding:30px 0; }
.aBox02 ul li:last-child a { padding-bottom:0; }
.aBox02 ul li .date { float:left; width:70px; text-align:center; font-family:"Arial"; color:#acaeb1; line-height:1; padding-top:10px; }
.aBox02 ul li .date p { font-size:56px; }
.aBox02 ul li .date span { display:block; font-size:16px; margin-top:10px; }
.aBox02 ul li .txt { float:right; width:calc(100% - 110px); }
.aBox02 ul li .txt .p1 { font-size:20px; line-height:25px; height:25px; color:#000; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aBox02 ul li .txt .p2 { font-size:16px; line-height:30px; height:60px; margin-top:10px; color:#747474; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.aBox02 ul li:hover .txt .p1 { color:#004a9a; font-weight:bold; }
.aBox02 ul li:hover .date { color:#004a9a; }

@media all and (max-width:1480px){
	.aBox01 { float:left; width:550px; }
	.aBox01 .pic .date { width:90px; height:90px; padding-top:15px; }
	.aBox01 .pic .date p { font-size:36px; }
	.aBox01 .pic .date span { font-size:14px; margin-top:10px; }
	.aBox01 .txt { min-height:140px; padding:30px 25px 0 25px; }
	.aBox01 .txt .p1 { font-size:18px; line-height:20px; height:20px; }
	.aBox01 .txt .p2 { font-size:14px; line-height:25px; height:50px; margin-top:10px; }

	.aBox02 { float:right; width:calc(100% - 600px); }
	.aBox02 ul li a { padding:25px 0; }
	.aBox02 ul li:last-child a { padding-bottom:0; }
	.aBox02 ul li .date { width:60px; padding-top:10px; }
	.aBox02 ul li .date p { font-size:36px; }
	.aBox02 ul li .date span { font-size:14px; margin-top:10px; }
	.aBox02 ul li .txt { width:calc(100% - 90px); }
	.aBox02 ul li .txt .p1 { font-size:18px; line-height:20px; height:20px; }
	.aBox02 ul li .txt .p2 { font-size:14px; line-height:25px; height:50px; margin-top:10px; }
}
@media all and (max-width:1280px){
	.aArea { padding:50px 0; }
	.aBox01 { float:left; width:400px; }

	.aBox02 { float:right; width:calc(100% - 430px); }
	.aBox02 ul li a { padding:15px 0; }
	.aBox02 ul li:last-child a { padding-bottom:0; }
	.aBox02 ul li .txt .p1 { font-size:16px; line-height:20px; height:20px; }
	.aBox02 ul li .txt .p2 { font-size:14px; line-height:20px; height:40px; margin-top:10px; }
}
@media all and (max-width:1000px){
	.aArea { padding:40px 0; }
	
	.aArea .Area-hd { position:relative; top:auto; left:auto; }
 
	.aArea01 .hd { text-align:center; margin-top:25px; }
	.aArea01 .hd ul li { margin:0 5px; }
	.aArea01 .hd ul li a { padding:0 20px; line-height:30px; font-size:14px; }
 
	.aBox01 { float:none; width:100%; }
	.aBox01 .pic .date { width:90px; height:90px; padding-top:15px; }
	.aBox01 .pic .date p { font-size:36px; }
	.aBox01 .pic .date span { font-size:14px; margin-top:10px; }
	.aBox01 .txt { min-height:120px; padding:25px 4% 0 4%; }
	.aBox01 .txt .p1 { font-size:16px; line-height:20px; height:20px; }
	.aBox01 .txt .p2 { font-size:14px; line-height:20px; height:40px; margin-top:10px; }

	.aBox02 { float:none; width:100%; margin-top:20px; }
	.aBox02 ul li a { padding:20px 0; }
	.aBox02 ul li:last-child a { padding-bottom:0; }
	.aBox02 ul li .date { width:60px; padding-top:10px; }
	.aBox02 ul li .date p { font-size:30px; }
	.aBox02 ul li .date span { font-size:14px; margin-top:10px; }
	.aBox02 ul li .txt { width:calc(100% - 80px); }
	.aBox02 ul li .txt .p1 { font-size:16px; line-height:20px; height:20px; }
	.aBox02 ul li .txt .p2 { font-size:14px; line-height:20px; height:40px; margin-top:10px; }
}
 
.bArea { position:relative; overflow:hidden; }
.bArea .bd { width:100%; }
.bArea .bd .con { width:100%; overflow:hidden; }
.bArea .bd .con img.img1{ display:block; }
.bArea .bd .con img.img2{ display:none; }
 
.bArea .hd { width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; }
.bArea .hd ul { width:100%; height:100%; }
.bArea .hd ul li { width:13.4%; height:100%; float:left; transition:all 0.3s; box-sizing:border-box; position:relative; border-right:1px solid rgba(255,255,255,0.1); }
.bArea .hd ul li.on { width:33%; background:rgba(0,74,154,0.74); }
 
.bArea .hd ul li .item { width:100%; box-sizing:border-box; padding:0 15%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; }
.bArea .hd ul li .item .ico img { height:50px;  }
.bArea .hd ul li .item .title { font-size:34px; font-weight:bold; line-height:1; padding-top:40px;transition:all 0.3s; }
.bArea .hd ul li .item .en { font-size:14px; line-height:1; padding-top:15px; text-transform:uppercase; color:rgba(255,255,255,0.5);transition:all 0.3s; }
.bArea .hd ul li .item .intro { margin-top:0; font-size:16px; color:rgba(255,255,255,0.6); overflow:hidden; line-height:30px; text-align:justify; height:0;transition:all 0.3s; }
.bArea .hd ul li .item .more { padding:0; height:0; overflow:hidden; transition:all 0.3s; }
.bArea .hd ul li .item .more a { display:block; width:160px; height:45px; box-sizing:border-box; border:2px solid #6087b2; border-radius:25px; display:flex;align-items: center;justify-content: center; font-size:16px; color:#fff; }

.bArea .hd ul li.on .item .title { padding-top:60px; }
.bArea .hd ul li.on .item .en { padding-top:25px; }
.bArea .hd ul li.on .item .intro { height:90px; margin-top:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.bArea .hd ul li.on .item .more { padding-top:60px; height:45px; }
 
@media (max-width: 1480px){
	.bArea .hd ul li .item{ padding:0 10%}
	.bArea .hd ul li .item .ico img{ height:40px}
	.bArea .hd ul li .item .title{ font-size:28px;}
	.bArea .hd ul li .item .en{ font-size:12px;}
	.bArea .hd ul li .item .intro{ font-size:14px; margin-top:30px; line-height:25px;}
	.bArea .hd ul li .item .more a{ width:140px; height:40px; font-size:14px}
	
	.bArea .hd ul li.on .item .intro{ margin-top:30px; height:75px; }
	.bArea .hd ul li.on .item .title{ padding-top:50px}
	.bArea .hd ul li.on .item .more{ padding-top:50px; height:40px}
}
@media (max-width: 1200px){
	.bArea .hd ul li .item{ padding:0 10%}
	.bArea .hd ul li .item .ico img{ height:35px}
	.bArea .hd ul li .item .title{ font-size:20px; padding-top:20px;}
	.bArea .hd ul li .item .intro{ font-size:12px; }
	.bArea .hd ul li .item .more a{ width:120px; height:35px; border-width:1px; font-size:12px}
	
	
	
	.bArea .hd ul li.on .item .title{ padding-top:20px}
	.bArea .hd ul li.on .item .en{ padding-top:15px}
	.bArea .hd ul li.on .item .intro{ margin-top:20px}
	.bArea .hd ul li.on .item .more{ padding-top:30px; height:35px}
	
}
@media (max-width: 900px){
	.bArea .bd .con img.img2 { display:block }
	.bArea .bd .con img.img1 { display:none }
	
	.bArea .hd ul li { width:50%; height:33.33%; }
	.bArea .hd ul li:nth-child(n + 3) { border-top:1px solid rgba(255,255,255,0.1); }
	.bArea .hd ul li.on { width:50%; }
	
	.bArea .hd ul li .item .ico img{ height:30px}
	.bArea .hd ul li .item .title { font-size:18px; }
	.bArea .hd ul li .item .title { padding-top:15px; }
	.bArea .hd ul li .item .en { padding-top:10px;}
	.bArea .hd ul li .item .intro { font-size:12px; line-height:25px; display:none; }
	.bArea .hd ul li .item .more a { width:100px; height:30px; border-width:1px; font-size:12px; }
	
	.bArea .hd ul li.on .item .title { padding-top:10px; }
	.bArea .hd ul li.on .item .en { padding-top:10px; }
	.bArea .hd ul li.on .item .intro { height:50px; margin-top:10px; -webkit-line-clamp:2; }
	.bArea .hd ul li.on .item .more { padding-top:15px; height:30px; }
}

.cArea { padding:130px 0; }
.cArea .pic { float:right; width:675px; border-radius:8px; overflow:hidden; }
.cArea .pic img { transition: all 0.6s; }
.cArea .pic:hover img { transform: scale(1.1)!important; }
.cArea .txt { float:left; width:650px; padding-top:10px; }
.cArea .txt .bd01 { font-size:24px; color:#000; margin-top:70px; }
.cArea .txt .bd02 { font-size:18px; color:#3f3e3e; margin-top:25px; line-height:35px; min-height:175px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.cArea .txt .bd03 { margin-top:15px; }
.cArea .txt .bd03 a { position:relative; display:inline-block; width:145px; border:1px solid #004a9a; color:#004a9a; font-size:16px; text-align:center; border-radius:25px; overflow:hidden; }
.cArea .txt .bd03 a i { position:relative; display:inline-block; line-height:45px; padding-right:25px; background:url(m01.png) no-repeat center right; z-index:5; }

.cArea .txt .bd03 a:before { position: absolute; top:-2px; left:-2px; right:-2px; bottom:-2px; background-color: #004a9a; border-radius: 0px; transform: scaleX(0);  transform-origin: right; z-index: 1; display:block; content:""; -webkit-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.cArea .txt .bd03 a:hover { color:#fff; }
.cArea .txt .bd03 a:hover:before { transform: scaleX(1); transform-origin: left; }
.cArea .txt .bd03 a:hover i { background:url(m02.png) no-repeat center right; }

@media all and (max-width:1480px){
	.cArea { padding:80px 0; }
	.cArea .pic { float:right; width:500px; }

	.cArea .txt { float:left; width:calc(100% - 550px); padding-top:10px; }
	.cArea .txt .bd01 { font-size:20px; margin-top:30px; }
	.cArea .txt .bd02 { font-size:16px; margin-top:20px; line-height:30px; min-height:120px; -webkit-line-clamp:4; }
	.cArea .txt .bd03 { margin-top:15px; }
	.cArea .txt .bd03 a { width:145px; line-height:45px; font-size:16px; }
}
@media all and (max-width:1200px){
	.cArea { padding:60px 0; }
	.cArea .pic { float:right; width:450px; }

	.cArea .txt { float:left; width:calc(100% - 500px); padding-top:0; }
	.cArea .txt .bd01 { font-size:18px; margin-top:20px; }
	.cArea .txt .bd02 { font-size:14px; margin-top:20px; line-height:25px; min-height:100px; -webkit-line-clamp:4; }
	.cArea .txt .bd03 { margin-top:15px; }
	.cArea .txt .bd03 a { width:130px; line-height:40px; font-size:14px; }
}
@media all and (max-width:1000px){
	.cArea { padding:40px 0; }
	.cArea .pic { float:none; width:100%; }

	.cArea .txt { float:none; width:100%; text-align:center; padding-bottom:30px; }
	.cArea .txt .bd01 { font-size:16px; margin-top:20px; }
	.cArea .txt .bd02 { font-size:14px; margin-top:10px; line-height:25px; min-height:25px; -webkit-line-clamp:6; }
	.cArea .txt .bd03 { margin-top:15px; }
	.cArea .txt .bd03 a { width:130px; line-height:40px; font-size:14px; }
}

.dArea { padding:100px 0 110px; background:url(dArea.jpg) no-repeat center; background-size:cover; }
.dArea01 { position:relative; margin-top:80px; }
.dArea01 .btn { position:absolute; top:-125px; right:0; font-size:0; z-index:2; }
.dArea01 .btn .btn01 { display:inline-block; width:45px; height:45px; border-radius:100%; cursor:pointer; }
.dArea01 .btn .prev-d01 { background:url(d01.png) no-repeat center; margin-right:20px; }
.dArea01 .btn .next-d01 { background:url(d02.png) no-repeat center; }

.dArea01 .btn .prev-d01:hover { background:url(d03.png) no-repeat center #004a9a; }
.dArea01 .btn .next-d01:hover { background:url(d04.png) no-repeat center #004a9a; }

.dAaaa { overflow:hidden; }
.dBox { width:500px; margin:0 auto; }
.dBox .swiper-slide { position:relative; width:415px; margin-right:35px; }
.dBox .swiper-slide .pic { position:relative; border-radius:8px; overflow:hidden; }
.dBox .swiper-slide .pic:before { position:absolute; left:0; top:0; right:0; bottom:0; display:none; content:""; background:url(d11.png) no-repeat center bottom; background-size:cover; z-index:2; }
.dBox .swiper-slide .pic img { transition: all 0.6s; }
.dBox .swiper-slide .txt { position:absolute; left:0; right:0; bottom:20px; padding:0 10px; line-height:20px; height:20px; font-size:18px; color:#fff; text-align:center; z-index:2; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display:none; }
 
.dBox .swiper-slide-active { width:500px; margin-top:95px; }
.dBox .swiper-slide-active .pic:before { display:block; }
.dBox .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.dBox .swiper-slide-active .txt { display:block; }

@media all and (max-width:1480px){
	.dArea { padding:80px 0; }
	.dArea01 { margin-top:50px; }
	.dArea01 .btn { top:-95px; }
}
@media all and (max-width:1000px){
	.dArea { padding:40px 0; }
	.dArea01 { margin-top:30px; }
	.dArea01 .btn { position:relative; top:auto; right:auto; text-align:center; margin-top:25px; }
	.dArea01 .btn .btn01 { width:35px; height:35px; background-size:7px 14px!important; }
	
	.dBox { width:70%; margin:0 auto; }
	.dBox .swiper-slide { width:100%; margin-right:15px; }
	.dBox .swiper-slide .txt { bottom:15px; font-size:14px; }

	.dBox .swiper-slide-active { width:100%; margin-top:0; }
}







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