@charset "utf-8";

.topArea { position:relative; }

/* Banner */
.banner-ny { position:relative; }
.banner-ny img { width:100%; height:auto; }
.banner-ny .img02 { display:none; }

.banner-ny .txt { position:absolute; top:50%; transform: translateY(-50%); left:0; right:0; color:#000; line-height:1.1; z-index:2; }
.banner-ny .txt .p1 { font-size:36px; color:#000; font-weight:bold; line-height:1.1; }
.banner-ny .txt .p2 { width:65px; height:8px; margin-top:20px; background:url(ab01.png) no-repeat center; }

@media all and (max-width:1680px){
	.banner-ny .txt .p1 { font-size:28px; }
	.banner-ny .txt .p2 { width:55px; height:6px; margin-top:15px; background-size:55px 6px!important; }
}
@media all and (max-width:1200px){
	.banner-ny .img01 { display:none; }
	.banner-ny .img02 { display:block; }
	
	.banner-ny .txt { top:50%; text-align:center; }
	.banner-ny .txt .p1 { font-size:20px; }
	.banner-ny .txt .p2 { width:45px; height:4px; margin:10px auto 0; background-size:45px 4px!important; }
}
  
/* 主体 */
.container { position:relative; padding:0; background:url(bg02.jpg) no-repeat center top #f4f8fd; }
.wrap {  margin:0 auto; }

.main { padding:80px 0; }

@media all and (max-width:1680px){
	.main { padding:60px 0; }
}
@media all and (max-width:1200px){
	.main { padding:40px 0; }
}

.leftTitle { display:none; }

.sidebar { position:relative; background:#fff; border-bottom:1px solid rgba(94,110,128,0.2); }
.sidebar .line { position:absolute; width:100vw; height:2px; background:rgba(196,38,29,1); bottom:0; transition:all 1s; z-index:4; }
.sidebar .line:before { position:absolute; content:""; display:block; top:50%; right:0; width:10px; height:10px; transform:translateY(-50%); background:rgba(196,38,29,1); border-radius:3px; z-index:2; }

.sidebar.fixed { position:fixed; left:0; top:0; right:0; z-index;999; }

.menu ul { position:relative; z-index:8; }
.menu ul li { position:relative; float:left; padding-right:85px; }
.menu ul li:last-child { padding-right:0; }
.menu ul li a { display:block; line-height:80px; color:rgba(34,34,34,1); font-size:18px; cursor:pointer; }

.menu ul li.current a,.menu ul li:hover a { font-weight:bold; color:rgba(196,38,29,1); }

@media all and (max-width:1680px){
	.menu ul li { padding-right:50px; }
	.menu ul li:last-child { padding-right:0; }
	.menu ul li a { line-height:60px; font-size:16px; }
}
@media all and (max-width:750px){
	.sidebar { padding:15px 0; }
	.sidebar .line { display:none; } 
	
	.menu ul li { padding-right:0; width:49%; text-align:center; margin-right:2%; }
	.menu ul li:nth-child(2n) { margin-right:0; }
	.menu ul li:nth-child(n + 3) { margin-top:10px; }
	.menu ul li a { line-height:35px; background:#f5f5f5; font-size:14px; }

	.menu ul li.current a,.menu ul li:hover a { font-weight:normal; background:rgba(196,38,29,1); color:#fff; }
}

/* 面包屑 */
.location { width:1280px; margin:0 auto 30px; font-size:16px; color:#333; display:none; }
.location a { color:#333; display:inline-block; padding:0 10px; }
.location a.u-home { padding-left:25px; background:url(u-home.png) no-repeat center left; }

@media all and (max-width:1680px){
	.location { width:100%; }
}
@media all and (max-width:1000px){
 
	.location { margin:0 auto 20px; font-size:12px; }
	.location a { padding:0 5px; }
}

/* 内容模式 */
.article { line-height:2; font-size:18px; color:#000; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:24px; line-height:1.6; }
.article .hd .titBar { color:#797979; font-size:12px; margin-top:10px; } 
.article .bd { padding-bottom:40px; font-size:16px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; font-size:16px; }
.article .ft ul li { height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.article img { max-width:100%; height:auto!important; }

@media all and (max-width:1680px){
	.article { font-size:16px; }
}
@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .hd h1 { font-size:20px; }
	.article .bd { font-size:14px; }
	.article .ft { font-size:14px; }
}
 
/* 分页 */
.page { text-align:center; margin-top:60px; }
.page a { display:inline-block; margin:0 5px; padding:5px 11px; background:#fff; color:#333; border-radius:3px; vertical-align:top; font-size: 14px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); }
.page a:hover,.page .current { background:rgba(196,38,29,1); color:#fff; }

@media screen and (max-width: 1200px){
	.page { margin-top:30px; }
	.page a { padding:3px 5px; margin: 0 3px; font-size: 12px; }
}
 
/* 新闻列表 */
.list li { border-bottom:1px solid rgba(0,0,0,0.1); }
.list li:first-child { border-top:1px solid rgba(0,0,0,0.1); }
.list li a { display:block; padding:25px 20px; color:rgba(51,51,51,1); border-radius:10px; transition: all 0.6s; }
.list li span { float:left; width:155px; font-size:18px; line-height:35px; border-right:1px solid rgba(0,0,0,0.1); }
.list li p { float:right; width:calc(100% - 195px); font-size:20px; line-height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.list li a:hover { padding-left:50px; background:rgba(196,38,29,1); color:#fff; }
.list li a:hover span { border-color:#fff; }

@media all and (max-width:1680px){
	.list li a { padding:20px 15px;  }
	.list li span { width:120px; font-size:16px; line-height:30px; }
	.list li p { width:calc(100% - 140px); font-size:18px; line-height:30px; }

	.list li a:hover { padding-left:30px; }
}
@media all and (max-width:1200px){
	.list li a { padding:15px 10px;  }
	.list li span { width:90px; font-size:14px; line-height:25px; }
	.list li p { width:calc(100% - 110px); font-size:16px; line-height:25px; }

	.list li a:hover { padding-left:25px; }
}
@media all and (max-width:750px){
	.list li a { padding:10px 10px;  }
	.list li span { width:70px; font-size:12px; line-height:20px; }
	.list li p { width:calc(100% - 90px); font-size:14px; line-height:20px; }

	.list li a:hover { padding-left:20px; }
}

/*专题专栏*/
.main01 { float:left; width:235px; border:1px solid rgba(196,38,29,1); }
.main01 ul li { border-bottom:1px solid rgba(196,38,29,1); }
.main01 ul li:last-child { border-bottom:none; }
.main01 ul li a { display:block; padding:25px 30px; font-size:16px; color:rgba(34,34,34,1); line-height:25px; }

.main01 ul li.current a,.main01 ul li:hover a { font-weight:bold; background:rgba(196,38,29,1); color:#fff; }

.main01 .pp { padding:20px 15px; }
.main01 .pp p:nth-child(n + 2) { margin-top:10px; }
.main01 .pp p a { color: #555; display: block;  width: 100%;  box-sizing: border-box; font-size: 14px; padding:10px; text-align: center; border-radius: 10px; box-shadow: 0 5px 5px #d9d9d9; border: 1px solid #d9d9d9; background: #fff; line-height: 20px; }
.main01 .pp p.current a,.main01 .pp p:hover a { color: #fff; background:rgba(196,38,29,1); border-color:rgba(196,38,29,1); }

	
.main02 { float:right; width:calc(100% - 320px); }

@media all and (max-width:1680px){
	.main01 { float:left; width:200px; }
	.main01 ul li a { padding:20px; font-size:16px; }
 
	.main02 { float:right; width:calc(100% - 240px); }
}
@media all and (max-width:1200px){
	.main01 { float:left; width:180px; }
	.main01 ul li a { padding:15px 10px; font-size:14px; }
 
	.main02 { float:right; width:calc(100% - 210px); }
}
@media all and (max-width:1200px){
	.main01 { float:none; width:100%; }
	.main01 ul li a { padding:10px 10px; font-size:14px; }
	
	.main01 .pp p a { padding:5px 10px; font-size:14px; }
 
	.main02 { float:none; width:100%; margin-top:30px; }
}

/* 图文新闻 */
.picnews ul li { border-radius:15px; background:#fff; overflow:hidden; }
.picnews ul li:nth-child(n + 2) { margin-top:40px; }
.picnews ul li a { padding-right:60px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.picnews ul li .pic { width:410px; }
.picnews ul li .pic p { position:relative; padding-bottom:68%; overflow:hidden; border-radius:15px; }
.picnews ul li .pic p img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }

.picnews ul li .txt { width:calc(90% - 470px); padding-right:14%; box-sizing: border-box; }
.picnews ul li .txt .p1 { font-size:24px; color:rgba(51,51,51,1); line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.picnews ul li .txt .p2 { font-size:14px; color:rgba(0,0,0,0.5); margin-top:10px; display:none; }
.picnews ul li .txt .p3 { font-size:16px; color:rgba(0,0,0,0.5); line-height:25px; margin-top:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.picnews ul li .txt .p4 { margin-top:35px; width:110px; height:45px; background:url(xw01.png) no-repeat center rgba(196,38,29,0.05); border-radius:25px; }

.picnews ul li .date { width:60px; color:rgba(173,173,173,1); text-align:center; line-height:1.1; }
.picnews ul li .date p { font-size:46px; font-weight:bold; }
.picnews ul li .date span { display:block; border-top:1px solid rgba(204,204,204,1); font-size:14px; margin-top:5px; padding-top:10px; }

.picnews ul li:hover .pic p img { transform: scale(1.1)!important; }
.picnews ul li:hover .txt .p1 { font-weight:bold; }
.picnews ul li:hover .txt .p4 { background:url(xw02.png) no-repeat center rgba(196,38,29,1); }

.picnews01 a { padding:60px 65px; }
.picnews01 ul li .txt { width:calc(100% - 100px); max-width:680px; padding-right:0; }

@media all and (max-width:1680px){
	.picnews ul li:nth-child(n + 2) { margin-top:30px; }
	.picnews ul li a { padding-right:40px; }
	.picnews ul li .pic { width:28%; }
 
	.picnews ul li .txt { width:calc(62% - 60px); padding-right:8%; }
	.picnews ul li .txt .p1 { font-size:20px; line-height:25px; }
	.picnews ul li .txt .p3 { font-size:16px; line-height:25px; margin-top:15px; }
	.picnews ul li .txt .p4 { margin-top:25px; width:100px; height:40px; }

	.picnews ul li .date { width:60px; }
	.picnews ul li .date p { font-size:38px; }
	.picnews ul li .date span { font-size:14px; margin-top:5px; padding-top:10px; }
	
	.picnews01 a { padding:40px; }
	.picnews01 ul li .txt { width:calc(100% - 100px); max-width:680px; padding-right:0; }
}
@media all and (max-width:1200px){
	.picnews ul li:nth-child(n + 2) { margin-top:20px; }
	.picnews ul li a { padding-right:30px; }
	.picnews ul li .pic { width:28%; }
 
	.picnews ul li .txt { width:calc(62% - 60px); padding-right:0; }
	.picnews ul li .txt .p1 { font-size:16px; line-height:20px; }
	.picnews ul li .txt .p3 { font-size:14px; line-height:20px; margin-top:10px; }
	.picnews ul li .txt .p4 { margin-top:20px; width:80px; height:30px; background-size:15px 15px!important; }

	.picnews ul li .date { width:60px; }
	.picnews ul li .date p { font-size:30px; }
	.picnews ul li .date span { font-size:14px; margin-top:5px; padding-top:5px; }
	
	.picnews01 a { padding:30px; }
	.picnews01 ul li .txt {  width:calc(100% - 100px); max-width:680px; padding-right:0; }
}
@media all and (max-width:750px){
	.picnews ul li a { padding-right:0; }
	.picnews ul li .pic { width:100%; }
 
	.picnews ul li .txt { width:100%; padding:25px 4%; box-sizing: border-box; }
	.picnews ul li .txt .p1 { font-size:16px; line-height:20px; }
	.picnews ul li .txt .p2 { display:block; }
	.picnews ul li .txt .p3 { font-size:14px; line-height:20px; margin-top:10px; }
	.picnews ul li .txt .p4 { margin-top:20px; width:80px; height:30px; background-size:15px 15px!important; }

	.picnews ul li .date { display:none; }
	
	.picnews01 a { padding:25px 4%; }
	.picnews01 ul li .txt { width:100%; max-width:100%; padding:0; }
}

/* 图片列表 */
.piList .pic-item-list .pic-item { float:left; width:32%; margin-right:2%; box-shadow:0px 0px 20px rgba(0,0,0,0.1); }
.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:0; }
.piList .pic-item-list .pic-item:nth-child(n + 4) { margin-top:40px; }
.piList .pic-item-list .pic-item .list-pic { overflow:hidden; }
.piList .pic-item-list .pic-item .list-pic img { width:100%; height:auto; transition: all 0.6s; }
.piList .pic-item-list .pic-item dl { padding:0 10px; background:#fff; }
.piList .pic-item-list .pic-item dl dt { height:80px; font-size:16px; line-height:80px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
 
.piList .pic-item-list .pic-item:hover .list-pic img { transform: scale(1.1)!important; }

@media all and (max-width:1680px){
	.piList .pic-item-list .pic-item:nth-child(n + 4) { margin-top:30px; }
	.piList .pic-item-list .pic-item dl dt { height:60px; font-size:16px; line-height:60px; }
}
 
@media all and (max-width:1200px){
	.piList .pic-item-list .pic-item { width:49%; }
	.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(2n) { margin-right:0; }
	.piList .pic-item-list .pic-item:nth-child(n + 3) { margin-top:2%; }
	.piList .pic-item-list .pic-item dl dt { font-size:14px; height:40px; line-height:40px; }

}

.conArea01 { padding:80px 0 100px; background:url(con01.png) no-repeat center; background-size:cover; }
.conArea01 .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.conArea01 .p1 { font-size:32px; margin-bottom:40px; color:#000; font-weight:bold; line-height:1.1; }

.conBox01 { width:54%; padding:60px 70px 75px 70px; background:#fff; box-sizing: border-box; box-shadow:0px 0px 20px rgba(0,0,0,0.05); }
.conBox01 .p2 { position:relative; }
.conBox01 .p2 ul li { position:relative; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.conBox01 .p2 ul li:nth-child(n + 2) { margin-top:30px; }
.conBox01 .p2 ul li p { position:relative; width:48.5%; }
.conBox01 .p2 ul li p .text { width:100%; line-height:50px; font-size:16px; border:1px solid rgba(229,229,229,1); padding-left:25px; box-sizing: border-box; }
.conBox01 .p2 ul li p i { position:absolute; top:50%; transform: translateY(-50%); right:25px; font-size:18px; color:rgba(196,38,29,1); vertical-align:middle; z-index:2; }
.conBox01 .p2 ul li .textarea { width:100%; height:150px; font-size:16px; padding:15px 25px; border:1px solid rgba(229,229,229,1); box-sizing: border-box; }

.conBox01 .p2 ul li.li02 { width:72%; }
.conBox01 .p2 ul li .code { position:relative; width:75.5%; z-index:1; }
.conBox01 .p2 ul li .code:before { position:absolute; left:25px; top:50%; transform: translateY(-50%); width:27px; height:27px; display:block; content:""; background:url(con02.png) no-repeat center; z-index:2; }
.conBox01 .p2 ul li .code:after { position:absolute; left:75px; top:50%; transform: translateY(-50%); width:1px; height:20px; display:block; content:""; background:rgba(229,229,229,1); z-index:2; }
.conBox01 .p2 ul li .code .text01 { width:100%; line-height:50px; font-size:16px; border:1px solid rgba(229,229,229,1); padding-left:95px; box-sizing: border-box; }
.conBox01 .p2 ul li img { width:21%; height:50px; cursor:pointer; }

.conBox01 .p2 ul .btn01 { position:absolute; right:0; bottom:0; display:block; width:25%; line-height:50px; font-size:16px; background:rgba(196,38,29,1); color:#fff; z-index:2; cursor:pointer; }

.conBox02 { width:41%; padding:60px 70px 0 0; box-sizing: border-box; }
.conBox02 .p2 ul { border-top:1px solid rgba(0,0,0,0.1); }
.conBox02 .p2 ul li { padding:25px 0; border-bottom:1px solid rgba(0,0,0,0.1); }
.conBox02 .p2 ul li .p21 { float:left; width:45px; }
.conBox02 .p2 ul li .p21 img { width:100%; height:auto; }
.conBox02 .p2 ul li .p22 { float:right; width:calc(100% - 75px); font-size:16px; line-height:25px; padding-top:10px; }
.conBox02 .p3 { margin-top:40px; }
.conBox02 .p3 ul { font-size:0; }
.conBox02 .p3 ul li { display:inline-block; width:130px; margin-right:15px; }
.conBox02 .p3 ul li:last-child { margin-right:0; }

@media all and (max-width:1680px){
	.conArea01 { padding:60px 0 80px; }
	.conArea01 .p1 { font-size:28px; margin-bottom:30px; }

	.conBox01 { width:54%; padding:40px 30px 30px 30px; }
	.conBox01 .p2 ul li:nth-child(n + 2) { margin-top:20px; }
	.conBox01 .p2 ul li p { width:48.5%; }
	.conBox01 .p2 ul li p .text { line-height:40px; font-size:16px; padding-left:15px; }
	.conBox01 .p2 ul li p i { right:15px; font-size:18px; }
	.conBox01 .p2 ul li .textarea { height:150px; font-size:16px; padding:10px 15px; }

	.conBox01 .p2 ul li.li02 { width:72%; }
	.conBox01 .p2 ul li .code { width:75.5%; }
	.conBox01 .p2 ul li .code:before { left:15px; width:20px; height:20px; background-size:20px 20px; }
	.conBox01 .p2 ul li .code:after { left:50px; height:20px; }
	.conBox01 .p2 ul li .code .text01 { line-height:40px; font-size:16px; padding-left:65px; }
	.conBox01 .p2 ul li img { width:21%; height:40px; }

	.conBox01 .p2 ul .btn01 { width:25%; line-height:40px; font-size:16px; }

	.conBox02 { width:41%; padding:30px 0 0 0; }
	.conBox02 .p2 ul li { padding:15px 0; }
	.conBox02 .p2 ul li .p21 { float:left; width:35px; }
	.conBox02 .p2 ul li .p22 { float:right; width:calc(100% - 60px); font-size:16px; line-height:25px; padding-top:5px; }
	.conBox02 .p3 { margin-top:30px; }
	.conBox02 .p3 ul li { width:120px; margin-right:15px; }
	.conBox02 .p3 ul li:last-child { margin-right:0; }
}
@media all and (max-width:1200px){
	.conArea01 { padding:40px 0; }
	.conArea01 .p1 { font-size:20px; margin-bottom:25px; }

	.conBox01 { width:54%; padding:30px 20px 20px 20px; }
	.conBox01 .p2 ul li:nth-child(n + 2) { margin-top:15px; }
	.conBox01 .p2 ul li p { width:48.5%; }
	.conBox01 .p2 ul li p .text { line-height:35px; font-size:14px; padding-left:15px; }
	.conBox01 .p2 ul li p i { right:15px; font-size:18px; }
	.conBox01 .p2 ul li .textarea { height:150px; font-size:14px; padding:10px 15px; }

	.conBox01 .p2 ul li.li02 { width:72%; }
	.conBox01 .p2 ul li .code { width:75.5%; }
	.conBox01 .p2 ul li .code:before { left:15px; width:20px; height:20px; background-size:20px 20px; }
	.conBox01 .p2 ul li .code:after { left:50px; height:20px; }
	.conBox01 .p2 ul li .code .text01 { line-height:35px; font-size:14px; padding-left:65px; }
	.conBox01 .p2 ul li img { width:21%; height:35px; }

	.conBox01 .p2 ul .btn01 { width:25%; line-height:35px; font-size:14px; }

	.conBox02 { width:41%; padding:20px 0 0 0; }
	.conBox02 .p2 ul li { padding:15px 0; }
	.conBox02 .p2 ul li .p21 { float:left; width:35px; }
	.conBox02 .p2 ul li .p22 { float:right; width:calc(100% - 55px); font-size:14px; line-height:25px; padding-top:5px; }
	.conBox02 .p3 { margin-top:30px; }
	.conBox02 .p3 ul li { width:100px; margin-right:10px; }
	.conBox02 .p3 ul li:last-child { margin-right:0; }
}
@media all and (max-width:1200px){
	.conArea01 { padding:40px 0; }
	.conArea01 .p1 { font-size:20px; margin-bottom:25px; }

	.conBox01 { width:100%; padding:30px 20px 20px 20px; }
	 
	.conBox02 { width:100%; padding:0; margin-top:30px; }
}
@media all and (max-width:750px){
	.conBox01 .p2 ul li:nth-child(n + 2) { margin-top:10px; }
	.conBox01 .p2 ul li p { width:100%; }
	.conBox01 .p2 ul li p:nth-child(2) { margin-top:10px; }
	
	 
	.conBox01 .p2 ul li.li02 { width:100%; }
	.conBox01 .p2 ul li .code { width:calc(100% - 105px); }
	.conBox01 .p2 ul li .code:before { left:15px; width:20px; height:20px; background-size:20px 20px; }
	.conBox01 .p2 ul li .code:after { left:50px; height:20px; }
	.conBox01 .p2 ul li .code .text01 { line-height:35px; font-size:14px; padding-left:65px; }
	.conBox01 .p2 ul li img { width:90px; height:35px; }

	.conBox01 .p2 ul .btn01 { position:relative; right:auto; bottom:auto; margin-top:10px; width:100%; line-height:35px; font-size:14px; }
}



.conArea02 .my-map { width:100%; height:640px!important; }
.conArea02 #dituContent { width:calc(100% - 2px); height:640px!important; }

@media all and (max-width:1680px){
	.conArea02 .my-map { height:500px!important; }
	.conArea02 #dituContent { height:500px!important; }	
}
@media all and (max-width:1200px){
	.conArea02 .my-map { height:400px!important; }
	.conArea02 #dituContent { height:400px!important; }	
}
@media all and (max-width:750px){
	.conArea02 .my-map { height:250px!important; }
	.conArea02 #dituContent { height:250px!important; }	
}

 
.ab-hd { line-height:1.1; }
.ab-hd .p1 { font-size:36px; color:#000; font-weight:bold; line-height:1.1; }
.ab-hd .p2 { width:65px; height:8px; margin-top:20px; background:url(ab01.png) no-repeat center; }

@media all and (max-width:1680px){
	.ab-hd .p1 { font-size:28px; }
	.ab-hd .p2 { width:55px; height:6px; margin-top:15px; background-size:55px 6px!important; }
}
@media all and (max-width:1200px){
	.ab-hd .p1 { font-size:20px; }
	.ab-hd .p2 { width:45px; height:4px; margin-top:10px; background-size:45px 4px!important; }
}

.abArea01 { padding:90px 0; background:url(abArea01.png) no-repeat center bottom; background-size:cover; }
.abArea01 .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.abBox01 { width:calc(100% - 860px); }
.abBox01 .ab-hd .p1 { line-height:50px; }
.abBox01 .bd { font-size:18px; line-height:35px; color:rgba(51,51,51,1); margin-top:60px;  padding-right:20px; max-height:385px; overflow-y:auto; }

.abBox02 { width:780px; }

.abBox01 .bd::-webkit-scrollbar-thumb { min-height:50px; border-radius:3px; background-color:rgba(196,38,29,1); }
.abBox01 .bd::-webkit-scrollbar-track { background:#f4f4f4; }
.abBox01 .bd::-webkit-scrollbar-corner { background:transparent; }
.abBox01 .bd::-webkit-scrollbar { width:7px; height:7px; }

@media all and (max-width:1680px){
	.abArea01 { padding:60px 0; }
	.abBox01 { width:calc(100% - 630px); }
	.abBox01 .ab-hd .p1 { line-height:40px; }
	.abBox01 .bd { font-size:16px; line-height:30px; margin-top:20px; padding-right:20px; max-height:325px; }

	.abBox02 { width:600px; }
}
@media all and (max-width:1200px){
	.abArea01 { padding:40px 0; }
	.abBox01 { width:calc(100% - 520px); }
	.abBox01 .ab-hd .p1 { line-height:30px; }
	.abBox01 .bd { font-size:14px; line-height:25px; margin-top:20px; padding-right:20px; max-height:275px; }

	.abBox02 { width:500px; }
}
@media all and (max-width:1200px){
	.abArea01 { padding:40px 0; }
	.abBox01 { width:100%; }
	.abBox01 .ab-hd .p1 { line-height:30px; }
	.abBox01 .bd { font-size:14px; line-height:25px; margin-top:20px; padding-right:20px; max-height:275px; }

	.abBox02 { width:100%; margin-top:25px; }
}

.abArea02 { padding:120px 0 0; background:url(abArea02.png) no-repeat center; background-size:cover; }
.abArea02 .bd { margin-top:60px; padding-left:430px; }

.about_history_list {  position: initial; width:215px; }
.about_history_list li { position:relative; min-height:610px;  }
.about_history_list li:before { position:absolute; top:20px; width:1px; bottom:0; left:0; background: linear-gradient(to bottom,rgba(229,229,229,1),rgba(229,229,229,0.01)); display:block; content:""; z-index:2; transition: all 0.36s; }
.about_history_list li:after { position:absolute; width:18px; height:18px; top:0; left:-10px; border:1px solid rgba(196,38,29,1); border-radius:100%; display:block; content:""; z-index:2; }
.about_history_list li .txt { font-size:20px; padding-left:40px; font-weight:bold; color:rgba(153,153,153,1); line-height:1.1; }
.about_history_list li .txt01 { position:absolute; top:150px; left:40px; width:650px; font-size:16px; line-height:2; color:rgba(51,51,51,1); opacity:0; z-index:5; }
.about_history_list li .txt02 { position:absolute; bottom:180px; left:-240px; font-size:80px; font-weight:bold; color:rgba(34,34,34,1); opacity:0; z-index:5; }

.about_history_list .slick-list { overflow: visible; }
 
.about_history_list li.slick-current:before { background:rgba(196,38,29,1); }
.about_history_list li.slick-current:after { background:rgba(196,38,29,1); }
.about_history_list li.slick-current .txt01 { opacity:1; }
.about_history_list li.slick-current .txt02 { opacity:1; }

.slick-track .slick-slide { display: block!important; }
.slick-arrow { display: none!important; }

@media all and (max-width:1680px){
	.abArea02 { padding:80px 0 0; }
	.abArea02 .bd { margin-top:40px; padding-left:250px; }
	
	.about_history_list { width:215px; }
	.about_history_list li { min-height:500px;  }
	.about_history_list li:before { top:20px; }
	.about_history_list li:after { width:18px; height:18px; left:-10px; }
	.about_history_list li .txt { font-size:20px; padding-left:30px; }
	.about_history_list li .txt01 { top:100px; left:30px; width:650px; font-size:14px; line-height:25px; }
	.about_history_list li .txt02 { bottom:100px; left:-180px; font-size:60px; }
}
@media all and (max-width:1200px){
	.abArea02 { padding:40px 0 0; }
	.abArea02 .bd { margin-top:30px; padding-left:150px; }
	
	.about_history_list { width:215px; }
	.about_history_list li { min-height:400px;  }
	.about_history_list li:before { top:15px; }
	.about_history_list li:after { width:13px; height:13px; left:-8px; }
	.about_history_list li .txt { font-size:20px; padding-left:20px; }
	.about_history_list li .txt01 { top:100px; left:20px; width:550px; font-size:14px; line-height:25px; }
	.about_history_list li .txt02 { bottom:60px; left:-120px; font-size:40px; }
}
@media all and (max-width:900px){
	.abArea02 { padding:40px 0 0; }
	.abArea02 .bd { margin-top:30px; padding-left:70px; }
	
	.about_history_list { width:215px; }
	.about_history_list li { min-height:400px;  }
	.about_history_list li:before { top:15px; }
	.about_history_list li:after { width:13px; height:13px; left:-8px; }
	.about_history_list li .txt { font-size:20px; padding-left:20px; }
	.about_history_list li .txt01 { top:40px; left:20px; width:calc(92vw - 90px); font-size:13px; line-height:20px; }
	.about_history_list li .txt02 { bottom:30px; left:-60px; font-size:20px; }
}



.abArea03 { padding:170px 0 242px; background:url(abArea03.png) no-repeat center; background-size:cover; }
.abArea03 .ab-hd .p1 { color:#fff; }
.abArea03 .ab-hd .p2 { background-image:url(ab02.png); }
.abArea03 .bd { margin-top:65px; }
.abArea03 .bd .swiper-slide { width:44%; min-height:500px; margin-right:60px; border-radius:20px; background:rgba(7,34,102,0.15); backdrop-filter: blur(50px); }
.abArea03 .bd .swiper-slide:last-child { margin-right:0; }
.abArea03 .bd .swiper-slide .txt { padding:65px 55px 0 55px; color:#fff; }
.abArea03 .bd .swiper-slide .txt .p1 { font-size:26px; font-weight:bold; line-height:1.1; }
.abArea03 .bd .swiper-slide .txt .p2 { position:relative; margin-top:30px; width:100%; height:1px; background:rgba(255,255,255,0.3); }
.abArea03 .bd .swiper-slide .txt .p2:before { position:absolute; width:110px; height:1px; top:0; left:0; display:block; content:""; background:#fff; z-index:2; }
.abArea03 .bd .swiper-slide .txt .p3 { font-size:18px; line-height:36px; margin-top:40px; padding-left:10px; }
.abArea03 .bd .swiper-slide .txt .p3 p { position:relative; padding-left:20px; }
.abArea03 .bd .swiper-slide .txt .p3 p:before { position:absolute; width:6px; height:6px; left:0; top:15px; background:#fff; border-radius:100%; display:block; content:""; z-index:2; }

.swiper-pagination-ab03 { display:none; margin-top:20px; text-align:center; }
.swiper-pagination-ab03 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; border-radius:100%; background:#fff; opacity:0.5; }
.swiper-pagination-ab03 .swiper-pagination-bullet-active { width:15px; border-radius:10px; opacity:1; }

@media all and (max-width:1680px){
	.abArea03 { padding:120px 0 180px; }
	.abArea03 .bd { margin-top:40px; }
	.abArea03 .bd .swiper-slide { width:44%; min-height:400px; margin-right:30px; }
	.abArea03 .bd .swiper-slide:last-child { margin-right:0; }
	.abArea03 .bd .swiper-slide .txt { padding:50px 30px 0 30px; }
	.abArea03 .bd .swiper-slide .txt .p1 { font-size:20px; }
	.abArea03 .bd .swiper-slide .txt .p2 { margin-top:20px; }
	.abArea03 .bd .swiper-slide .txt .p3 { font-size:16px; line-height:30px; margin-top:30px; padding-left:10px; }
	.abArea03 .bd .swiper-slide .txt .p3 p { padding-left:20px; }
	.abArea03 .bd .swiper-slide .txt .p3 p:before { width:5px; height:5px; top:10px; }
}
@media all and (max-width:1200px){
	.abArea03 { padding:80px 0 100px; }
	.abArea03 .bd { margin-top:30px; }
	.abArea03 .bd .swiper-slide { width:45%; min-height:300px; margin-right:20px; }
	.abArea03 .bd .swiper-slide:last-child { margin-right:0; }
	.abArea03 .bd .swiper-slide .txt { padding:30px 20px 0 20px; }
	.abArea03 .bd .swiper-slide .txt .p1 { font-size:18px; }
	.abArea03 .bd .swiper-slide .txt .p2 { margin-top:15px; }
	.abArea03 .bd .swiper-slide .txt .p3 { font-size:14px; line-height:25px; margin-top:20px; padding-left:10px; }
	.abArea03 .bd .swiper-slide .txt .p3 p { padding-left:15px; }
	.abArea03 .bd .swiper-slide .txt .p3 p:before { width:5px; height:5px; top:10px; }
}
@media all and (max-width:900px){
	.abArea03 { padding:40px 0; }
	.abArea03 .bd .swiper-slide { width:350px; min-height:300px; margin-right:20px; }
}
@media all and (max-width:450px){
	.abArea03 .bd .swiper-slide { width:100%; min-height:300px; margin-right:40px; }
	.abArea03 .bd .swiper-slide:last-child { margin-right:0; }
	.abArea03 .bd .swiper-slide .txt { padding:30px 15px 0 15px; }
	
	.swiper-pagination-ab03 { display:block; }
}

.abArea04 { padding:100px 0; background:#f4f8fd; }
.abArea04 .wrap { position:relative; }
.abArea04 .ab-hd { position:absolute; top:0; left:0; z-index:2; }
.abArea04 .bd { min-height:50px; text-align:center; }
.abArea04 .bd img { max-width:92%; height:auto; }

@media all and (max-width:1680px){
	.abArea04 { padding:60px 0; }
}
@media all and (max-width:1200px){
	.abArea04 { padding:40px 0; }
}
@media all and (max-width:750px){
	.abArea04 { padding:40px 0; }
	.abArea04 .ab-hd { position:relative; top:auto; left:auto; }
	.abArea04 .bd { margin-top:30px; }
}


.abArea05 { padding:60px 0; background:url(abArea05.png) no-repeat center; background-size:cover; }
.abArea05 .bd { margin-top:60px; }
.abArea05 .bd ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.abArea05 .bd ul li { width:31%; padding:85px 70px 0 70px; min-height:465px; border:1px solid rgba(92,92,92,0.3); color:rgba(34,34,34,1); border-radius:15px; box-sizing: border-box; }
.abArea05 .bd ul li .p1 { font-size:32px; font-weight:bold; line-height:1.1; text-align:center; }
.abArea05 .bd ul li .p2 { font-size:20px; line-height:2; margin-top:60px; }

.abArea05 .bd ul li:hover { border-color:transparent; background: rgba(94,110,128,0.1); backdrop-filter: blur(10px); }
.abArea05 .bd ul li:hover .p1 { color:rgba(196,38,29,1); }

@media all and (max-width:1680px){
	.abArea05 { padding:40px 0; }
	.abArea05 .bd { margin-top:40px; }
	.abArea05 .bd ul li { width:31%; padding:60px 40px 0 40px; min-height:300px; }
	.abArea05 .bd ul li .p1 { font-size:24px; }
	.abArea05 .bd ul li .p2 { font-size:16px; line-height:2; margin-top:40px; }
}
@media all and (max-width:1200px){
	.abArea05 { padding:40px 0; }
	.abArea05 .bd { margin-top:30px; }
	.abArea05 .bd ul li { width:31%; padding:30px 20px 0 20px; min-height:180px; }
	.abArea05 .bd ul li .p1 { font-size:18px; }
	.abArea05 .bd ul li .p2 { font-size:14px; line-height:25px; margin-top:20px; }
}
@media all and (max-width:750px){
	.abArea05 .bd ul li { width:100%; padding:30px 4%; min-height:10px; }
	.abArea05 .bd ul li:nth-child(n + 2) { margin-top:20px; }
}


.abArea06 { margin-top:60px; padding:80px 0; background:#f5f5f5; }
.abArea06 .bd { position:relative; margin-top:60px; }
.abArea06 .bd .swiper-slide .pic { padding:15px; background:rgba(235,237,240,0.7); }
.abArea06 .bd .swiper-slide .pic p { overflow:hidden; }
.abArea06 .bd .swiper-slide .pic p img { transition: all 0.6s; object-fit: cover; }
.abArea06 .bd .swiper-slide .txt { color:rgba(34,34,34,1); font-size:18px; text-align:center; line-height:20px; margin-top:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.abArea06 .bd .swiper-slide:hover .pic p img { transform: scale(1.1)!important; }

.abArea06 .bd .btn { position:absolute; top:-120px; right:0; font-size:0; z-index:2; }
.abArea06 .bd .btn01 { display:inline-block; width:110px; height:45px; border-radius:30px; cursor:pointer; }
.abArea06 .bd .prev-ab06 { background:url(ab21.png) no-repeat center rgba(196,38,29,0.05); margin-right:30px; }
.abArea06 .bd .next-ab06 { background:url(ab22.png) no-repeat center rgba(196,38,29,0.05); }
 
.abArea06 .bd .prev-ab06:hover { background:url(ab11.png) no-repeat center rgba(196,38,29,1); }
.abArea06 .bd .next-ab06:hover { background:url(ab12.png) no-repeat center rgba(196,38,29,1); }

@media all and (max-width:1680px){
	.abArea06 { margin-top:60px; padding:60px 0; }
	.abArea06 .bd { margin-top:40px; }
	.abArea06 .bd .swiper-slide .pic { padding:15px; }
	.abArea06 .bd .swiper-slide .txt { font-size:16px; margin-top:25px; }
	
	.abArea06 .bd .btn { top:-90px; }
	.abArea06 .bd .btn01 { width:80px; height:35px; }
	.abArea06 .bd .prev-ab06 { margin-right:20px; }
}
@media all and (max-width:1200px){
	.abArea06 { margin-top:40px; padding:40px 0; }
	.abArea06 .bd { margin-top:30px; }
	.abArea06 .bd .swiper-slide .pic { padding:10px; }
	.abArea06 .bd .swiper-slide .txt { font-size:14px; margin-top:10px; }
	
	.abArea06 .bd .btn { top:-60px; }
	.abArea06 .bd .btn01 { width:60px; height:30px; background-size:15px 15px!important; }
	.abArea06 .bd .prev-ab06 { margin-right:10px; }
}

.abArea07 { margin-top:40px; padding:40px 0; background:url(abArea07.png) no-repeat center bottom; background-size:cover; }
.abArea07 .bd { margin-top:60px; }
.abArea07 .bd .swiper-slide { overflow:hidden; }
.abArea07 .bd .swiper-slide img { transition: all 0.6s; object-fit: cover; }
.abArea07 .bd .swiper-slide:hover img { transform: scale(1.1)!important; }

@media all and (max-width:1680px){
	.abArea07 { margin-top:20px; padding:40px 0; }
	.abArea07 .bd { margin-top:40px; }
}
@media all and (max-width:1200px){
	.abArea07 { margin-top:20px; padding:40px 0; }
	.abArea07 .bd { margin-top:30px; }
}





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