@charset "utf-8";
.container { position: relative; width: 100%; }

.aArea { padding:70px 0 55px; }
.aArea01 { float:left; width:28.5%; }
.aArea01 .hd { font-size:30px; color:#333; line-height:40px; margin-bottom:15px; }
.aArea01 .pic { float:left; width:150px; overflow:hidden; }
.aArea01 .pic img { max-width:150px; transition: all 0.6s; }
.aArea01 .pic img:hover { transform: scale(1.1)!important; }
.aArea01 .txt { float:right; width:calc(100% - 165px); }
.aArea01 .txt .p1 { font-size:18px; line-height:40px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 .txt .p1 a { color:#333; }
.aArea01 .txt .p2 { margin-top:10px; line-height:25px; font-size:16px; height:50px; overflow:hidden; color:#666; }

.aArea01 ul { margin:0px; padding:0px; }
.aArea01 ul li { height:35px; font-size:16px; line-height:35px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea01 ul li span { float:right; font-size:16px; padding-left:10px; color:#a7a7a7 }


.aArea02 { float:right; width:69%; }

.aBox01 { float:right; cursor:pointer; }


.aBox02 { float:left; width:47%; padding:20px; box-sizing: border-box; }
.aBox02 .p1 { font-size:28px; color:#c4c4c4; font-style:italic; }
.aBox02 .p2 { font-size:38px; color:#55a4f1; font-weight:bold; line-height:48px; margin-bottom:10px; padding-top:30px; }
.aBox02 .p3 { font-size:18px; color:#000; }
.aBox02 .p4 { font-size:16px; color:#666; margin:25px 0 60px; line-height:30px; height:90px; overflow:hidden; }
.aBox02 .p5 a { display:block; width:135px; height:40px; text-align:center; line-height:40px; background:#36a5f8; color:#fff; font-size:16px; }
.aBox02 .p5 a:hover { background:#2a4d99; }


@media only screen and (min-width:1000px){
	.aBox01 { height:398px; }
	.aBox01 img {  }
	.aArea02 .video { position:fixed; top:50%; left:50%; margin-left:-315px; margin-top:-215px; padding:15px; width:600px; background:#000; display:none; z-index:99; }
	.aArea02 .video01 { display:block!important; }
	.aArea02 .video p { position:absolute; top:-30px; right:-30px; width:30px; height:30px; text-align:center; line-height:30px; background:#000; color:#fff; border-radius:100%;  font-size:20px; cursor:pointer; z-index:9; }
}
@media only screen and (max-width:1000px){
	.aBox01 { display:none; }
	.aArea02 .video { display:block; } 
	.aArea02 .video p { display:none; } 
}



@media only screen and (max-width:1670px){
	.aBox02 .p1 { font-size:24px; }
	.aBox02 .p2 { font-size:34px; }
	.aBox02 .p3 { font-size:16px; }
}
@media only screen and (max-width:1366px){
	.aBox02 .p1 { font-size:20px; }
	.aBox02 .p2 { font-size:30px; line-height:35px; }
	.aBox02 .p3 { font-size:16px; }
}
@media only screen and (max-width:1000px){
	.aArea { padding:30px 0; }
	.aArea01 { float:none; width:100%; margin-bottom:20px; }
	.aArea02 { float:none; width:100%; }
	.aBox01 { float:none; width:100%; }
	.aBox02 { float:none; width:100%; }
	
	.aArea01 .hd { font-size:20px; }
	.aArea01 .txt .p1 { font-size:16px; }
	.aArea01 .txt .p2 { font-size:16px; }
	.aArea01 ul li { height:30px; line-height:30px; font-size:16px; }
	
	.aBox02 .p1 { font-size:15px; }
	.aBox02 .p2 { font-size:22px; line-height:25px; padding-top:0; }
	.aBox02 .p3 { font-size:16px; }
	.aBox02 .p4 { font-size:16px; margin:15px 0; }
	
}

.bArea { padding-bottom:70px; }
.bArea .hd01 { margin-bottom:30px; font-size:30px; color:#333; }
.bArea01 ul li { position:relative; float:left; width:13%; overflow:hidden; /*transition: all 0.6s;*/ }

.bArea01 ul li .txt01 { position:absolute; top:0; right:0; bottom:0; left:0; color:#fff; cursor:pointer; z-index:9; }
.bArea01 ul li .txt01 p { position:absolute; left:50%; margin-left:-35px; top:50%; margin-top:-100px; border:1px solid #fff; width:70px; padding:35px 25px 0 25px; height:200px; font-size:20px; line-height:35px; box-sizing: border-box; color:#fff; }

.bArea01 ul li .txt02 { position:absolute; top:40px; right:40px; bottom:40px; left:40px; overflow:hidden; padding:10%; box-sizing: border-box; text-align:center; color:#fff; display:none; }
.bArea01 ul li .txt02 .p1 { font-size:24px; margin-bottom:20px; }
.bArea01 ul li .txt02 .p2 { font-size:16px; line-height:35px; }

.bArea01 ul li:nth-child(1) .txt01 { background:rgba(0,76,180,0.8); }
.bArea01 ul li:nth-child(1) .txt02 { background:rgba(0,76,180,0.8); }
.bArea01 ul li:nth-child(2) .txt01 { background:rgba(0,169,218,0.8); }
.bArea01 ul li:nth-child(2) .txt02 { background:rgba(0,169,218,0.8); }
.bArea01 ul li:nth-child(3) .txt01 { background:rgba(255,114,0,0.8); }
.bArea01 ul li:nth-child(3) .txt02 { background:rgba(255,114,0,0.8); }
.bArea01 ul li:nth-child(4) .txt01 { background:rgba(199,159,0,0.8); }
.bArea01 ul li:nth-child(4) .txt02 { background:rgba(199,159,0,0.8); }
.bArea01 ul li:nth-child(5) .txt01 { background:rgba(117,177,0,0.8); }
.bArea01 ul li:nth-child(5) .txt02 { background:rgba(117,177,0,0.8); }
.bArea01 ul li:nth-child(6) .txt01 { background:rgba(0,162,163,0.8); }
.bArea01 ul li:nth-child(6) .txt02 { background:rgba(0,162,163,0.8); }

.bArea01 ul li:nth-child(5) .txt01 p { margin-top:-125px; height:250px; padding-top:20px; }
.bArea01 ul li:nth-child(6) .txt01 p { padding-top:10px; }

.bArea02 { display:none; }
.bArea02 .swiper-slide { position:relative; }
.bArea02 .txt01 { position:absolute; top:20px; right:20px; bottom:20px; left:20px; color:#fff; cursor:pointer; z-index:9; text-align:center; }
.bArea02 .txt01 .p1 { font-size:18px; padding-top:30px; margin-bottom:20px; }
.bArea02 .txt01 .p2 { font-size:16px; padding:0 5%; }

.bArea02 .swiper-slide img { width:100%; height:auto; }
.bArea02 .swiper-slide:nth-child(1) .txt01 { background:rgba(0,76,180,0.8); }
.bArea02 .swiper-slide:nth-child(2) .txt01 { background:rgba(0,169,218,0.8); }
.bArea02 .swiper-slide:nth-child(3) .txt01 { background:rgba(255,114,0,0.8); }
.bArea02 .swiper-slide:nth-child(4) .txt01 { background:rgba(199,159,0,0.8); }
.bArea02 .swiper-slide:nth-child(5) .txt01 { background:rgba(117,177,0,0.8); }
.bArea02 .swiper-slide:nth-child(6) .txt01 { background:rgba(0,162,163,0.8); }

.bArea02 .swiper-slide:nth-child(5) .txt01 p { margin-top:-125px; height:250px; padding-top:20px; }
.bArea02 .swiper-slide:nth-child(6) .txt01 p { padding-top:10px; }


@media only screen and (min-width:1366px){
	.bArea01 ul li.on { width:35%; }
	.bArea01 ul li.on .txt01 { display:none; }
	.bArea01 ul li.on .txt02 { display:block; }
	 
}
@media only screen and (max-width:1366px){
	.bArea01 ul li { width:16.66%; }
	.bArea01 ul li.on { width:16.66%; }
}
@media only screen and (max-width:750px){
	.bArea01 { display:none; }
	.bArea02 { display:block; }
}

/*
@media only screen and (max-width:750px){
	.bArea01 ul li { width:33.33%; }
	.bArea01 ul li.on { width:33.33%; }
}
@media only screen and (max-width:1000px){
	.bArea { padding-bottom:30px; }
	.bArea .hd01 { font-size:20px; }
	.bArea01 ul li .txt01 p { width:35px; padding-left:10px; padding-right:10px; margin-left:-17px; font-size:15px; }
}*/

.cArea { padding:60px 0; background:url(cArea.jpg) no-repeat center top; background-size:cover; }
.cArea .p1 { font-size:24px; color:#fff; margin-bottom:20px; }

.cArea01 { float:left; width:625px; color:#fff; }
.cArea01 .p1 { margin-bottom:0; }
.cArea01 .p1 span { font-size:15px; padding-left:10px; }
.cArea01 .p2 { font-size:28px; font-weight:bold;  }
.cArea01 .p3 { font-size:16px; line-height:30px; margin-top:40px; }

.cArea02 { float:right; width:242px; }
.cArea02 .p2 { width:190px; }
 
.cArea02 .p4 { position:relative; background:#fff; color:#da0000; }
.cArea02 .p4 .p41 { width:190px; height:100px; line-height:100px; font-size:34px; font-weight:bold; padding-left:20px; text-align:left; }
.cArea02 .p4 .p42 { position:absolute; top:10px; right:30px; height:40px; line-height:40px; font-size:22px; text-align:right; z-index:5; }
.cArea02 .p4 .p43 { position:absolute; bottom:10px; right:15px; height:40px; line-height:40px; font-size:22px; text-align:right; z-index:5; }
.cArea02 .p4 .p43 i { display:inline-block; padding-left:25px; background:url(d02.png) no-repeat center left; }

.cArea02 .p4.down { color:#008000; }
.cArea02 .p4.down .p43 i { background:url(d03.png) no-repeat center left; }

@media only screen and (max-width:1000px){
	.cArea { /*background:none;*/ padding:30px 0; }
 
	.cArea01 { float:none; width:100%; /*padding:0 2%; box-sizing: border-box; background:url(cArea.jpg) no-repeat center;*/ }
	.cArea .p1 { font-size:20px; }
	.cArea01 .p2 { font-size:20px;  }
	.cArea01 .p3 { font-size:16px; line-height:25px; margin-top:20px; }
	
	.cArea02 { float:none; margin-top:25px; box-sizing: border-box; }
	 
}
@media only screen and (max-width:750px){
	.cArea02 .p1 { font-size:16px; }
}
@media only screen and (max-width:350px){
	.cArea02 .p1 { float:none; height:20px; line-height:20px; }
	.cArea02 .p2 { float:none; }	
}












