@charset "utf-8";
/* Banner */
.banner-ny { position:relative; z-index:1; }
.banner-ny img { width:100%; height:auto; }
.banner-ny .banvideo01 {  width:100%; height:100vh; object-fit: cover; }
.banner-ny .img01 { height:100vh; object-fit: cover; }
.banner-ny .img02 { display:none; }

.banner-ny .txt { position:absolute; top:42%; transform: translateY(-50%); left:0; right:0; color:#fff; line-height:1.1; z-index:2; }
.banner-ny .txt .p1 { font-size:52px; font-weight:bold; }
.banner-ny .txt .p2 { font-size:36px; margin-top:25px; }

@media all and (max-width:1680px){
	.banner-ny .txt .p1 { font-size:40px; }
	.banner-ny .txt .p2 { font-size:24px; margin-top:20px; }
}
@media all and (max-width:1200px){
	.banner-ny .txt { top:50%; text-align:center; }
	.banner-ny .txt .p1 { font-size:30px; }
	.banner-ny .txt .p2 { font-size:18px; margin-top:15px; }
}
@media all and (max-width:1000px){
	.banner-ny .img01 { height:auto; object-fit: cover; }
}
@media all and (max-width:750px){
	.banner-ny .img01 { display:none; }
	.banner-ny .banvideo01 { display:none; }
	.banner-ny .img02 { display:block; }
}



 
/* 主体 */
.container { position:relative; padding:0; }
.wrap {  margin:0 auto; }

.main { padding:100px 0; }

@media all and (max-width:1680px){
	.main { padding:70px 0; }
}
@media all and (max-width:1200px){
	.main { padding:40px 0; }
}
@media all and (max-width:900px){
.main106101 { background:url(mani01.jpg) no-repeat center top; background-size:100% auto; }
}


.sidebar { display:none; }

.leftTitle { display:none; }

.menu { position:relative; text-align:center; border-bottom:1px solid #e5e5e5; }
.menu ul li { position:relative; display:inline-block; margin:0 50px; }
.menu ul li a { position:relative; display:inline-block; padding:0 0 0 30px; font-size:20px; color:#777; height:100px; line-height:100px; }
.menu ul li a:before { position:absolute; display:none; content:""; left:30px; bottom:-1px; right:0; height:2px; background:#39286e; z-index:5; }
.menu ul li a.current,.menu ul li:hover a { color:#39286e; background:url(menu.png) no-repeat center left; }
.menu ul li a.current:before,.menu ul li:hover a:before { display:block; }
 

@media all and (max-width:1680px){
	.menu ul li { margin:0 25px; }
	.menu ul li a { font-size:16px; height:70px; line-height:70px; }
}
@media all and (max-width:1200px){
	.menu { display:none; }
}

/* 内容模式 */
.article { line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:24px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; font-size:16px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.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; }
.article video { max-width:100%; height:auto!important; }

@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .hd h1 { font-size:20px; }
	.article .bd { font-size:14px; }
}
 
/* 面包屑 */
.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; }
}
 
 
/* 新闻列表 */
.list li { padding:10px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.png) no-repeat center left; font-size:16px; line-height:20px; height:20px; clear:both; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.list li span { float:right; color:#999; font-size:12px; margin-left:15px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

@media all and (max-width:1200px){
	.list li { font-size:14px; }
}


.hotnews { margin-bottom:50px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.hotBox01 { width:745px; }
.hotBox01 .pic { position:relative; width:100%; height:420px; border-radius:15px; overflow:hidden; }
.hotBox01 .pic img { position:absolute; width:100%; height:100%; top:0; left:0; transition: all 0.6s; object-fit: cover; }
.hotBox01 .pic:hover img { /*transform: scale(1.1)!important;*/ }

.hotBox02 { width:475px; }
.hotBox02 ul li { line-height:60px; border-bottom:1px solid #e5e5e5; color:#333; box-sizing: border-box; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.hotBox02 ul li a { font-size:18px; color:#333; }

.hotBox02 ul li:hover { color:#196658; }
.hotBox02 ul li:hover a { color:#196658; }

@media all and (max-width:1680px){
	.hotnews { margin-bottom:40px; }
	.hotBox01 { width:50%; }
	.hotBox01 .pic { height:330px; border-radius:15px; }
 
	.hotBox02 { width:45%; }
	.hotBox02 ul li { line-height:55px; }
	.hotBox02 ul li a { font-size:16px; }
}
@media all and (max-width:1200px){
	.hotnews { margin-bottom:30px; }
	.hotBox01 { width:50%; }
	.hotBox01 .pic { height:300px; border-radius:10px; }
 
	.hotBox02 { width:45%; }
	.hotBox02 ul li { line-height:50px; }
	.hotBox02 ul li a { font-size:14px; }
}
@media all and (max-width:900px){
	.hotnews { display:none; }
	.hotBox01 { width:100%; }
	.hotBox01 .pic { padding-bottom:60%; height:auto; border-radius:10px; }
 
	.hotBox02 { width:100%; margin-top:30px; }
	.hotBox02 ul li { line-height:40px; }
	.hotBox02 ul li a { font-size:14px; }
}

/* 图文新闻 */

.picnews ul li { float:left; width:33.33%; box-sizing: border-box; border-right:1px solid #e5e5e5; overflow:hidden; }
.picnews ul li:nth-child(3n) { margin-right:0; border-color:transparent; }
.picnews ul li:nth-child(n + 4) { margin-top:45px; }
.picnews ul li a { position:relative; display:block; padding:60% 50px 0 50px; height:460px; border-radius:10px; overflow:hidden; transition: all 0.6s; box-sizing: border-box; }

.picnews ul li .pic { position:absolute; top:35px; left:50px; right:50px; z-index:2; }
.picnews ul li .pic p { position:relative; padding-bottom:60%; transition: all 0.6s;  border-radius: 15px; overflow:hidden; }
.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 .p1 { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.picnews ul li .txt .p1 i { font-size:14px; color:#00594c; display:none; }
.picnews ul li .txt .p1 span { font-size:14px; color:#666; padding-left:30px; background:url(b01.svg) no-repeat center left; background-size:18px 18px; }
.picnews ul li .txt .p2 { font-size:20px; line-height:30px; min-height:60px; margin-top:20px; color:#040404; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.picnews ul li .txt .p3 { position:absolute; left:50px; bottom:60px; font-size:16px; color:#00594c; z-index:2; }
.picnews ul li .txt .p4 { font-size:14px; margin-top:35px; display:none; color:#666; padding-left:30px; background:url(b01.svg) no-repeat center left; background-size:18px 18px; }

@media all and (min-width:1200px){
	.picnews ul li.on { border-color:transparent; }
	.picnews ul li:hover { border-color:transparent; }
	.picnews ul li:hover a { padding-top:65px; background:url(xw01.jpg) no-repeat center bottom; background-size:100% 100%; }
	.picnews ul li:hover .pic p { padding-bottom:0; }
	.picnews ul li:hover .txt .p1 { display:none; }
	.picnews ul li:hover .txt .p4 { display:block; }
}

@media all and (max-width:1200px){
	.picnews ul li { width:33.33%; }
	.picnews ul li:nth-child(n + 4) { margin-top:30px; }
	.picnews ul li a { padding:63% 30px 0 30px; height:400px; }

	.picnews ul li .pic { top:30px; left:30px; right:30px; }
	.picnews ul li .pic p { border-radius: 10px; }
 
	.picnews ul li .txt .p2 { font-size:16px; line-height:30px; min-height:60px; margin-top:20px; -webkit-line-clamp:2; }
	.picnews ul li .txt .p3 { left:30px; bottom:40px; font-size:14px; }
}
@media all and (max-width:900px){
	.picnews ul li { width:49%; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
	.picnews ul li:nth-child(3n) { border-right:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5; }
	.picnews ul li:nth-child(2n) { border-right-color:transparent; }
	.picnews ul li:nth-child(n + 3) { margin-top:20px; }
	.picnews ul li a { padding:20px 20px 0 20px; height:auto; padding-bottom:60px; }

	.picnews ul li .pic { position:relative; top:auto; left:auto; right:auto; }
	.picnews ul li .txt { margin-top:15px; }
	.picnews ul li .txt .p1 span { padding-left:20px; background-size:14px 14px; font-size:12px; }
	.picnews ul li .txt .p2 { font-size:14px; line-height:25px; min-height:50px; margin-top:10px; -webkit-line-clamp:2; }
	.picnews ul li .txt .p3 { left:20px; bottom:20px; font-size:14px; }
}
@media all and (max-width:500px){
	.picnews ul li { width:100%; border-right-color:transparent; }
	.picnews ul li:nth-child(3n) { border-right-color:transparent; }
	.picnews ul li:nth-child(2n) { border-right-color:transparent; }
	.picnews ul li:nth-child(n + 2) { margin-top:20px; }
	.picnews ul li a { padding:20px 4% 60px; }
}

/*
.picnews ul li { float:left; width:32%; margin-right:2%; border-radius:10px; box-shadow:0px 0px 15px rgba(52,53,53,0.1); overflow:hidden; }
.picnews ul li:nth-child(3n) { margin-right:0; }
.picnews ul li:nth-child(n + 4) { margin-top:50px; }
.picnews ul li .pic p { position:relative; padding-bottom:60%; overflow:hidden; }
.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 { position:relative; padding:40px 25px 0 25px; min-height:220px; box-sizing: border-box; }
.picnews ul li .txt:before { position:absolute; left:0; bottom:0; width:0; height:2px; display:block; content:""; background:#00594c; transition: all 0.6s; z-index:2; }
.picnews ul li .txt .p1 { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.picnews ul li .txt .p1 i { font-size:14px; color:#00594c; }
.picnews ul li .txt .p1 span { font-size:14px; color:#666; padding-left:30px; background:url(b01.png) no-repeat center left; }
.picnews ul li .txt .p2 { font-size:20px; line-height:30px; min-height:60px; margin-top:30px; color:#040404; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

 
.picnews ul li:hover .txt .p2 { color:#00594c; }

@media all and (max-width:1680px){
	.picnews ul li { width:32%; margin-right:2%; }
	.picnews ul li:nth-child(3n) { margin-right:0; }
	.picnews ul li:nth-child(n + 4) { margin-top:30px; }
	.picnews ul li .pic p { padding-bottom:60%; }
	.picnews ul li .txt { padding:25px 20px 0 20px; min-height:150px; }
	.picnews ul li .txt .p1 i { font-size:14px; }
	.picnews ul li .txt .p1 span { font-size:14px; padding-left:25px; }
	.picnews ul li .txt .p2 { font-size:18px; line-height:25px; min-height:50px; margin-top:20px; }
}
@media all and (max-width:1200px){
	.picnews ul li { width:49%; margin-right:2%; }
	.picnews ul li:nth-child(3n) { margin-right:2%; }
	.picnews ul li:nth-child(2n) { margin-right:0; }
	.picnews ul li:nth-child(n + 3) { margin-top:30px; }
	
	.picnews ul li .txt { padding:20px 15px 0 15px; min-height:140px; }
	.picnews ul li .txt .p1 i { font-size:14px; }
	.picnews ul li .txt .p1 span  { font-size:14px; padding-left:20px; background-size:14px 14px; }
	.picnews ul li .txt .p2 { font-size:16px; line-height:25px; min-height:50px; margin-top:20px; }
}
@media all and (max-width:750px){
	.picnews ul li { width:100%; margin-right:0; }
	.picnews ul li:nth-child(3n) { margin-right:0; }
	.picnews ul li:nth-child(2n) { margin-right:0; }
	.picnews ul li:nth-child(n + 2) { margin-top:20px; }
	
	.picnews ul li .txt { padding:25px 15px; min-height:0; }
}
*/

.zrArea ul li { border-radius:10px; overflow:hidden; box-shadow:0px 0px 15px rgba(52,53,53,0.1); }
.zrArea ul li:nth-child(n + 2) { margin-top:50px; }
.zrArea ul li a { display:flex; flex-wrap: wrap; }
.zrArea ul li .pic { width:595px; }
.zrArea ul li .pic p { position:relative; padding-bottom:60%; overflow:hidden; }
.zrArea 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; }
.zrArea ul li .txt { position:relative; width:calc(100% - 595px); padding:0 50px; box-sizing: border-box; display:flex; align-items: center; }
.zrArea ul li .txt .txt01 { width:100%; }
.zrArea ul li .txt:before { position:absolute; left:0; bottom:0; width:0; height:2px; display:block; content:""; background:#00594c; transition: all 0.6s; z-index:2; }
.zrArea ul li .txt .p1 { height:25px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.zrArea ul li .txt .p1 i { display:block; font-size:20px; color:#222; font-weight:bold; width:calc(100% - 150px); line-height:25px; height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.zrArea ul li .txt .p1 span { font-size:14px; color:#666; padding-left:30px; background:url(b01.png) no-repeat center left; }
.zrArea ul li .txt .p2 { width:33px; height:2px; margin-top:25px; background:#316159; }
.zrArea ul li .txt .p3 { font-size:16px; color:#333; line-height:30px; margin-top:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.zrArea ul li .txt .p4 { margin-top:25px; }
.zrArea ul li .txt .p4 i { display:inline-block; padding:0 0; line-height:40px; color:#666; font-size:14px; border-radius:25px; transition: all 0.6s; }

.zrArea ul li:hover .pic img { transform: scale(1.1)!important; }
.zrArea ul li:hover .txt:before { width:100%; }
.zrArea ul li:hover .txt .p1 i { color:#00594c; }
.zrArea ul li:hover .txt .p4 i { color:#fff; background:#00594c; padding:0 35px; }

@media all and (max-width:1680px){
	.zrArea ul li:nth-child(n + 2) { margin-top:30px; }
	.zrArea ul li .pic { width:450px; }
	.zrArea ul li .txt { width:calc(100% - 450px); padding:0 40px; }
 
	.zrArea ul li .txt .p1 { height:20px; }
	.zrArea ul li .txt .p1 i { font-size:18px; width:calc(100% - 150px); line-height:20px; height:20px; }
	.zrArea ul li .txt .p1 span { padding-left:25px; }
	.zrArea ul li .txt .p2 { margin-top:20px; }
	.zrArea ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:20px; }
	.zrArea ul li .txt .p4 { margin-top:20px; }
	.zrArea ul li .txt .p4 i { line-height:35px; font-size:14px; }
	
	.zrArea ul li:hover .txt .p4 i { padding:0 25px; }
}
@media all and (max-width:1200px){
	.zrArea ul li:nth-child(n + 2) { margin-top:30px; }
	.zrArea ul li .pic { width:350px; }
	.zrArea ul li .txt { width:calc(100% - 350px); padding:0 20px; }
 
	.zrArea ul li .txt .p1 { height:auto; }
	.zrArea ul li .txt .p1 i { font-size:16px; width:100%; line-height:20px; height:20px; }
	.zrArea ul li .txt .p1 span { display:block; padding-left:20px; width:100%; margin-top:10px; background-size:14px 14px; }
	.zrArea ul li .txt .p2 { margin-top:10px; display:none; }
	.zrArea ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:10px; }
	.zrArea ul li .txt .p4 { margin-top:10px; }
	.zrArea ul li .txt .p4 i { line-height:30px; font-size:14px; }
	
	.zrArea ul li:hover .txt .p4 i { padding:0 25px; }
}
@media all and (max-width:750px){
	.zrArea ul li .pic { width:100%; }
	.zrArea ul li .txt { width:100%; padding:30px 4%; }

}


/* 图片列表 */
.piList .pic-item-list .pic-item { float:left; width:32%; margin-right:2%; }
.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:1480px){
	.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; }

}
 
/* 分页 */
.page { text-align:center; margin-top:60px; font-size: 14px; }
.page * {display: inline-block;vertical-align: middle;line-height: 34px; }
.page a { display:inline-block; margin:0 6px; padding:0 15px; border:1px solid #e0e0e0; color:#333; border-radius:30px; vertical-align:top; }
.page a:hover,.page .current { background:#196658; border-color:#196658; color:#fff; }
.page span { padding-left:5px; }
.page select { border: 1px solid #e0e0e0; border-radius: 30px; margin: 0 6px; width: 40px;  height: 34px; line-height:34px; text-align: center; color: #196658; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

@media screen and (max-width: 1200px){
	.page { margin-top:40px; font-size: 12px; }
	.page * { line-height: 25px; }
	.page a { padding:0 10px; margin: 0 3px; }
	.page span { padding-left:5px; }
	.page select { margin: 0 3px; width:30px; height: 25px; line-height:25px; }
}
@media screen and (max-width: 750px){
	.page { margin-top:30px; }
	.page * { line-height:20px; }
	.page a { min-width:20px; text-align:center; padding:0 6px; margin: 0 2px; border:none; border-color:transparent; box-sizing: border-box; }
	.page span { display:none; }
	.page select { display:none; }
	.page i { display:none; }
}

.dx-hd { position:relative; text-align:center; padding-top:45px; line-height:1.1; }
.dx-hd .p1 { position:relative; font-size:40px; color:#02604e; font-weight:bold; z-index:5; }
.dx-hd .p1 span { font-size:50px; }
.dx-hd .p2 { position:relative; margin-top:5px; z-index:5; }
.dx-hd .p2 i { position:relative; display:inline-block; text-align:left; width:120px; font-size:12px; color:#464646; padding-left:120px; margin-left:60px; text-transform:uppercase; }
.dx-hd .p2 i:before { position:absolute; top:50%; left:0; width:100px; height:2px; transform: translateY(-50%); display:block; content:""; background:#055547; z-index:2; }
.dx-hd .p3 { position:absolute; top:0; left:50%; transform: translateX(-50%); z-index:-1; }

@media all and (max-width:1680px){
	.dx-hd { padding-top:30px; }
	.dx-hd .p1 { font-size:30px; }
	.dx-hd .p1 span { font-size:40px; }
	.dx-hd .p2 { margin-top:5px;  }
	.dx-hd .p2 i { width:120px; font-size:12px; padding-left:100px; margin-left:80px; }
	.dx-hd .p2 i:before { width:80px; }
	.dx-hd .p3 img { height:100px; width:auto; }
}
@media all and (max-width:1200px){
	.dx-hd { padding-top:20px; }
	.dx-hd .p1 { font-size:20px; }
	.dx-hd .p1 span { font-size:30px; }
	.dx-hd .p2 { margin-top:5px;  }
	.dx-hd .p2 i { width:120px; font-size:12px; padding-left:70px; margin-left:90px; }
	.dx-hd .p2 i:before { width:60px; }
	.dx-hd .p3 { top:-10px; }
	.dx-hd .p3 img { height:80px; width:auto; }
}
@media all and (max-width:750px){
	.dx-hd { padding-top:10px; }
	.dx-hd .p1 { font-size:18px; }
	.dx-hd .p1 span { font-size:24px; }
	.dx-hd .p2 { margin-top:5px;  }
	.dx-hd .p2 i { width:120px; font-size:12px; padding-left:55px; margin-left:90px; }
	.dx-hd .p2 i:before { width:45px; }
	.dx-hd .p3 { top:-15px; }
	.dx-hd .p3 img { height:60px; width:auto; }
}


/*
.dx-hd i { position:relative; display:inline-block; font-size:40px; color:#000; line-height:50px; }
.dx-hd i:before { position:absolute; top:0; left:-130px; width:76px; height:50px; display:block; content:""; background:url(dx01.png) no-repeat center; background-size:100% 100%; z-index:2; }
.dx-hd i:after { position:absolute; top:0; right:-130px; width:76px; height:50px; display:block; content:""; background:url(dx02.png) no-repeat center; background-size:100% 100%; z-index:2; }

@media all and (max-width:1680px){
	.dx-hd i { font-size:30px; line-height:40px; }
	.dx-hd i:before {  left:-100px; width:61px; height:40px; }
	.dx-hd i:after { right:-100px; width:61px; height:40px; }
}
@media all and (max-width:1200px){
	.dx-hd i { font-size:24px; line-height:30px; }
	.dx-hd i:before {  left:-70px; width:46px; height:30px; }
	.dx-hd i:after { right:-70px; width:46px; height:30px; }
}
@media all and (max-width:750px){
	.dx-hd i { font-size:20px; line-height:25px; }
	.dx-hd i:before {  left:-50px; width:38px; height:25px; }
	.dx-hd i:after { right:-50px; width:38px; height:25px; }
}
*/

.dxArea01 .bd01 { position:relative; margin-top:60px; }
.dxArea01 .bd01 ul li { float:left; width:49%; }
.dxArea01 .bd01 ul li .pic { border-radius:10px; overflow:hidden; }
.dxArea01 .bd01 ul li .pic p { position:relative; padding-bottom:60%; width:100%; }
.dxArea01 .bd01 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; }
.dxArea01 .bd01 ul li .txt { margin-top:15px; }
.dxArea01 .bd01 ul li .txt p { font-size:18px; color:#333; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.dxArea01 .bd01 ul li:nth-child(1) { margin-right:2%; }
.dxArea01 .bd01 ul li:nth-child(1) .pic p { padding-bottom:61%; }
.dxArea01 .bd01 ul li:nth-child(2) {   }
.dxArea01 .bd01 ul li:nth-child(2) a { display:flex; flex-wrap: wrap; border-radius:10px; overflow:hidden; }
.dxArea01 .bd01 ul li:nth-child(2) .pic { width:49%; border-radius:0; }
.dxArea01 .bd01 ul li:nth-child(2) .txt { width:51%; padding:0 25px; margin-top:0; background:url(dx03.jpg) no-repeat center; background-size:100% 100%; display:flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; }
.dxArea01 .bd01 ul li:nth-child(2) .txt p { color:#fff; overflow:hidden; text-overflow:ellipsis; white-space: normal; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.dxArea01 .bd01 ul li:nth-child(3) { margin-right:1%; }
.dxArea01 .bd01 ul li:nth-child(n + 3) { width:24%; margin-top:1%; }

.dxArea01 .bd01 ul li:hover .pic img { transform: scale(1.1)!important; }

.dxArea01 .bd02 { position:relative; margin-top:60px; }
.dxArea01 .bd02 .swiper-slide a { position:relative; display:block; cursor:pointer; border-radius:10px; overflow:hidden; }
.dxArea01 .bd02 .swiper-slide .pic { border-radius:10px; overflow:hidden; }
.dxArea01 .bd02 .swiper-slide .pic p { position:relative; padding-bottom:61%; width:100%; }
.dxArea01 .bd02 .swiper-slide .pic p img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.dxArea01 .bd02 .swiper-slide .txt { position:absolute; top:200%; left:0; width:100%; height:100%; padding:0 10px; box-sizing: border-box; transition: all 0.6s;  background:rgba(5,85,71,0.8); display:flex; flex-wrap: wrap;  flex-direction:row; justify-content:center; align-items: center; z-index:2; }
.dxArea01 .bd02 .swiper-slide .txt p { font-size:18px; color:#fff; }

/*
.dxArea01 .bd02 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
*/
.dxArea01 .bd02 .swiper-slide:hover .txt { top:0; }





.dxArea01 .bd03 { position:relative; margin-top:90px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.dxArea01 .bd03 ul { width:49%; }
.dxArea01 .bd03 ul li { float:left; width:100%; }
.dxArea01 .bd03 ul li .pic { border-radius:10px; overflow:hidden; }
.dxArea01 .bd03 ul li .pic p { position:relative; padding-bottom:60%; width:100%; }
.dxArea01 .bd03 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; }
.dxArea01 .bd03 ul li .txt { margin-top:15px; }
.dxArea01 .bd03 ul li .txt p { font-size:18px; color:#333; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
 
.dxArea01 .bd03 ul.ul01 li:nth-child(1) a { display:flex; flex-wrap: wrap; border-radius:10px; overflow:hidden; }
.dxArea01 .bd03 ul.ul01 li:nth-child(1) .pic { width:49%; border-radius:0; }
.dxArea01 .bd03 ul.ul01 li:nth-child(1) .txt { width:51%; padding:0 25px; margin-top:0; background:url(dx03.jpg) no-repeat center; background-size:100% 100%; display:flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; }
.dxArea01 .bd03 ul.ul01 li:nth-child(1) .txt p { color:#fff; overflow:hidden; text-overflow:ellipsis; white-space: normal; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.dxArea01 .bd03 ul.ul01 li:nth-child(n + 2) { width:49%; margin-top:2%; }
.dxArea01 .bd03 ul.ul01 li:nth-child(2) { margin-right:2%; }
.dxArea01 .bd03 ul.ul01 li:nth-child(4) .pic p { padding-bottom:61%; }
 
.dxArea01 .bd03 ul li:hover .pic img { transform: scale(1.1)!important; }
 
.dxArea01 .btn .btn01 { position:absolute; top:50%; transform: translateY(-60%); width:39px; height:39px; background-size:100% 100%!important; border-radius:100%; cursor:pointer; z-index:2; }
.dxArea01 .btn .btn21 { background:url(dx11.svg) no-repeat center; left:-60px; }
.dxArea01 .btn .btn22 { background:url(dx12.svg) no-repeat center; right:-60px; }

.dxArea01 .btn .btn21:hover { background:url(dx21.svg) no-repeat center; }
.dxArea01 .btn .btn22:hover { background:url(dx22.svg) no-repeat center; }
 
@media all and (max-width:1680px){
	.dxArea01 .bd01 { margin-top:30px; }
	.dxArea01 .bd01 ul li .txt { margin-top:15px; }
	.dxArea01 .bd01 ul li .txt p { font-size:16px; line-height:30px; }
	.dxArea01 .bd01 ul li:nth-child(2) .txt { padding:0 20px; }
	
 
	.dxArea01 .bd02 { margin-top:30px; }
	.dxArea01 .bd02 .swiper-slide .txt p { font-size:16px; }
 
	.dxArea01 .bd03 { margin-top:30px; }
	.dxArea01 .bd03 ul li .txt { margin-top:15px; }
	.dxArea01 .bd03 ul li .txt p { font-size:16px; line-height:30px; }

	.dxArea01 .bd03 ul.ul01 li:nth-child(1) .txt { padding:0 20px; }

	.dxArea01 .btn .btn01 { position:absolute; top:50%; transform: translateY(-60%); width:35px; height:35px; }
	.dxArea01 .btn .btn21 { left:-50px; }
	.dxArea01 .btn .btn22 { right:-50px; }
}
@media all and (max-width:1200px){
	.dxArea01 .bd01 { margin-top:30px; }
	.dxArea01 .bd01 ul li .txt { margin-top:10px; }
	.dxArea01 .bd01 ul li .txt p { font-size:14px; line-height:25px; }
	.dxArea01 .bd01 ul li:nth-child(2) .txt { padding:0 15px; }
 
 
	.dxArea01 .bd02 { margin-top:30px; }
	.dxArea01 .bd02 .swiper-slide .txt p { font-size:14px; }
	 
	.dxArea01 .bd03 { margin-top:30px; }
	.dxArea01 .bd03 ul li .txt { margin-top:10px; }
	.dxArea01 .bd03 ul li .txt p { font-size:14px; line-height:25px; }

	.dxArea01 .bd03 ul.ul01 li:nth-child(1) .txt { padding:0 15px; }
	
	.dxArea01 .btn { margin-top:25px; text-align:center; font-size:0; }
	.dxArea01 .btn .btn01 { display:inline-block; margin:0 10px; position:relative; top:auto; transform: translateY(0); width:30px; height:30px; }
	.dxArea01 .btn .btn21 { left:auto; }
	.dxArea01 .btn .btn22 { right:auto; }
}
@media all and (max-width:750px){
	.dxArea01 .bd01 { display:none; } 
	.dxArea01 .bd03 { display:none; } 
}

.dxArea02 { margin-top:80px; }
.dxArea02 .bd { position:relative; margin-top:60px; }
.dxArea02 .bd .swiper-slide a { border-radius:10px; overflow:hidden; }
.dxArea02 .bd .swiper-slide a .pic { border-radius:10px; overflow:hidden; }
.dxArea02 .bd .swiper-slide a .pic p { position:relative; padding-bottom:120%; width:100%; }
.dxArea02 .bd .swiper-slide a .pic p img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.dxArea02 .bd .swiper-slide .txt { position:absolute; top:200%; left:0; width:100%; height:100%; padding:0 10px; box-sizing: border-box; transition: all 0.6s;  background:rgba(5,85,71,0.8); display:flex; flex-wrap: wrap;  flex-direction:row; justify-content:center; align-items: center; z-index:2; }
.dxArea02 .bd .swiper-slide .txt p { font-size:18px; color:#fff; }

.dxArea02 .bd .swiper-slide a:hover .pic img { transform: scale(1.1)!important; }
.dxArea02 .bd .swiper-slide a:hover .txt { top:0; }

.dxArea02 .btn .btn01 { position:absolute; top:50%; transform: translateY(-60%); width:39px; height:39px; background-size:100% 100%!important; border-radius:100%; cursor:pointer; z-index:2; }
.dxArea02 .btn .btn21 { background:url(dx11.svg) no-repeat center; left:-60px; }
.dxArea02 .btn .btn22 { background:url(dx12.svg) no-repeat center; right:-60px; }

.dxArea02 .btn .btn21:hover { background:url(dx21.svg) no-repeat center; }
.dxArea02 .btn .btn22:hover { background:url(dx22.svg) no-repeat center; }


.dxArea03 { margin-top:80px; }

@media all and (max-width:1680px){
	.dxArea02 { margin-top:60px; }
	.dxArea02 .bd { margin-top:30px; }
	
 
	.dxArea02 .bd .swiper-slide  .txt p { font-size:16px; }
	
	.dxArea02 .btn .btn01 { position:absolute; top:50%; transform: translateY(-60%); width:35px; height:35px; }
	.dxArea02 .btn .btn21 { left:-50px; }
	.dxArea02 .btn .btn22 { right:-50px; }
	
	.dxArea03 { margin-top:60px; }
}
@media all and (max-width:1200px){
	
 
	.dxArea02 .bd .swiper-slide  .txt p { font-size:14px; }
	
	.dxArea02 .btn { margin-top:25px; text-align:center; font-size:0; }
	.dxArea02 .btn .btn01 { display:inline-block; margin:0 10px; position:relative; top:auto; transform: translateY(0); width:30px; height:30px; }
	.dxArea02 .btn .btn21 { left:auto; }
	.dxArea02 .btn .btn22 { right:auto; }
	
	.dxArea03 { margin-top:40px; }
}
 

.ppArea01 { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.ppArea01 .txt { width:515px; }
.ppArea01 .pic { width:600px; border-radius:40px; overflow:hidden; }

.ppArea02 { margin-top:100px; padding:100px 0; border-top:3px solid #dbe4e3; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.ppArea02 .txt { width:530px; }
.ppArea02 .pic { width:530px; text-align:center; }
.ppArea02 .pic img { max-width:100%; height:auto; }

.ppArea03 { padding-top:100px; border-top:3px solid #dbe4e3; }
.ppArea03 .txt { max-width:520px; }
.ppArea03 .pic { margin-top:90px; }
.ppArea03 .pic ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between;}
.ppArea03 .pic ul li { position:relative; width:48%; border-radius:40px; overflow:hidden; }
.ppArea03 .pic ul li .p1 { position:relative; }
.ppArea03 .pic ul li .p1 p { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition: all 0.6s; z-index:2; }
.ppArea03 .pic ul li:nth-child(1) .p1 p { background:#00594C; }
.ppArea03 .pic ul li:nth-child(2) .p1 p { background:#CAA782; }
.ppArea03 .pic ul li .p2 { position:absolute; left:0; top:0; width:100%; height:100%; opacity:1; padding:0 20%; display: flex; align-items: center; box-sizing: border-box; font-size:30px; color:#fff; line-height:45px; z-index:2; }

.ppArea03 .pic ul li .p2 .a1 { }
.ppArea03 .pic ul li .p2 .a2 { margin-top:0; height:0; opacity:0; transition: all 0.6s; overflow:hidden; }
 


.ppArea03 .pic ul li .p1 p { opacity:1; }
.ppArea03 .pic ul li:hover .p2 .a2 { margin-top:45px; opacity:1; height:135px; }



.pptxt { line-height:1.1; }
.pptxt .p1 { font-size:45px; color:#2c6255; }
.pptxt .p2 { font-size:16px; line-height:30px; margin-top:60px; color:#333; text-align:justify; }

@media all and (max-width:1680px){
	.ppArea01 .txt { width:41.66%; }
	.ppArea01 .pic { width:50%; border-radius:30px; }

	.ppArea02 { margin-top:60px; padding:60px 0; border-top:2px solid #dbe4e3;  }
	.ppArea02 .txt { width:43%; }
	.ppArea02 .pic { width:43%; }

	.ppArea03 { padding-top:60px; border-top:2px solid #dbe4e3; }
	.ppArea03 .txt { max-width:520px; }
	.ppArea03 .pic { margin-top:60px; }
	.ppArea03 .pic ul li { width:48%; border-radius:30px; }
	.ppArea03 .pic ul li .p2 { padding:0 20%;  font-size:24px; line-height:35px; }
	 
	.ppArea03 .pic ul li:hover .p2 .a2 { margin-top:35px;  height:105px; }
	 
	.pptxt .p1 { font-size:38px; }
	.pptxt .p2 { font-size:16px; line-height:30px; margin-top:40px; }
}
@media all and (max-width:1200px){
	.ppArea01 .txt { width:45%; }
	.ppArea01 .pic { width:48%; border-radius:20px; }

	.ppArea02 { margin-top:40px; padding:40px 0; border-top:2px solid #dbe4e3;  }
	.ppArea02 .txt { width:43%; }
	.ppArea02 .pic { width:43%; }

	.ppArea03 { padding-top:40px; border-top:2px solid #dbe4e3; }
	.ppArea03 .txt { max-width:520px; }
	.ppArea03 .pic { margin-top:30px; }
	.ppArea03 .pic ul li { width:48%; border-radius:30px; }
	.ppArea03 .pic ul li .p1 p { opacity:1!important; }
	.ppArea03 .pic ul li .p2 { padding:0 15%;  font-size:20px; line-height:30px; }
	.ppArea03 .pic ul li .p2 .a2 { margin-top:30px; height:90px; opacity:1; }
 
	.pptxt .p1 { font-size:24px; }
	.pptxt .p2 { font-size:14px; line-height:25px; margin-top:20px; }
}
@media all and (max-width:900px){
	
	.ppArea03 .pic ul li .p2 { padding:0 10%;  font-size:18px; line-height:30px; }
}
@media all and (max-width:750px){
	.ppArea01 .txt { width:100%; }
	.ppArea01 .pic { width:100%; border-radius:15px; margin-top:30px; }

	.ppArea02 { margin-top:40px; padding:40px 0; border-top:2px solid #dbe4e3;  }
	.ppArea02 .txt { width:100%; margin-top:30px; }
	.ppArea02 .pic { width:100%; }
	.ppArea02 .pic img { max-width:80%; height:auto; }

	.ppArea03 { padding-top:40px; border-top:2px solid #dbe4e3; }
	.ppArea03 .txt { max-width:100%; }
	.ppArea03 .pic { margin-top:30px; }
	.ppArea03 .pic ul li { width:100%; border-radius:15px; }
	.ppArea03 .pic ul li:nth-child(n + 2) { margin-top:15px; }
	.ppArea03 .pic ul li .p2 { padding:0 20px;  font-size:16px; line-height:25px; top:0; opacity:1;}
	.ppArea03 .pic ul li .p2 .a2 { margin-top:20px; height:75px; opacity:1; }
 
	.pptxt .p1 { font-size:20px; }
	.pptxt .p2 { font-size:14px; line-height:25px; margin-top:20px; }
}

.conArea01 { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.conArea01 .txt { width:955px; line-height:1.1; }
.conArea01 .txt .p1 { font-size:40px; color:#196658; font-weight:bold; }
.conArea01 .txt .p2 { font-size:16px; line-height:35px; margin-top:60px; color:#333; text-align:justify; }
.conArea01 .txt .p3 { font-size:14px; line-height:25px; margin-top:30px; color:#333; text-align:justify; display:none; }
.conArea01 .txt .p3 img { max-width:100%; height:auto!important; }

.conArea01 .pic { position:relative; width:520px; }
.conArea01 .pic .p1 {  animation: divRte 25s linear 0s infinite;
    -moz-animation: divRte 25s linear 0s infinite;
    -webkit-animation: divRte 25s linear 0s infinite;
    -o-animation: divRte 25s linear 0s infinite; opacity:0; }
.conArea01 .pic .p2 { position:absolute; left:0; top:0; width:100%; z-index:2; display:none; }
.conArea01 .pic .p3 { position:absolute; left:6.5%; top:6.5%; width:87%; height:87%;  overflow:hidden; z-index:2; }
.conArea01 .pic .p3 video { width:100%; height:100%; object-fit: cover; }

@media all and (max-width:1680px){
	.conArea01 .txt { width:calc(100% - 550px); }
	.conArea01 .txt .p1 { font-size:30px; }
	.conArea01 .txt .p2 { font-size:16px; line-height:30px; margin-top:40px; }

	.conArea01 .pic { width:480px; }
}
@media all and (max-width:1200px){
	.conArea01 .txt { width:calc(100% - 450px); }
	.conArea01 .txt .p1 { font-size:24px; }
	.conArea01 .txt .p2 { font-size:14px; line-height:25px; margin-top:30px; }

	.conArea01 .pic { width:400px; }
}
@media all and (max-width:900px){
	.conArea01 .txt { width:100%; }
	.conArea01 .txt .p1 { font-size:20px; }
	.conArea01 .txt .p2 { font-size:14px; line-height:25px; margin-top:30px; display:none; }
	.conArea01 .txt .p3 { display:block; }

	.conArea01 .pic { width:70%; max-width:500px; margin:30px auto 0; display:none; } 
	.conArea01 .pic .p2 { display:block; }
	.conArea01 .pic .p3 { display:none; }
}

.conArea02 { margin-top:100px; border-radius:10px; box-shadow:0px 0px 25px rgba(33,117,107,0.1); overflow:hidden; display:flex; flex-wrap: wrap;  flex-direction:row-reverse; justify-content: space-between; }
.conBox01 { width:420px; display:flex; align-items: center; }
.conBox01 .p1 { font-size:24px; color:#333; text-align:center; }
.conBox01 .p2 { padding:0 65px; margin-top:80px; }
.conBox01 .p2 .p20 { padding-top:95px; font-size:16px; color:#333; line-height:35px; }
.conBox01 .p2 .p20 a { color:#333; }
.conBox01 .p2 .p21 { background:url(con02.png) no-repeat top left; max-width:220px; }
.conBox01 .p2 .p22 { background:url(con03.png) no-repeat top left; margin-top:40px; }

.conBox02 { width:calc(100% - 420px); height:680px; background:#eee; }
.conBox02 .my-map { width:100%!important; height:680px!important; }
.conBox02 #dituContent { width:calc(100% - 2px)!important; height:680px!important; }

@media all and (max-width:1680px){
	.conArea02 { margin-top:60px; }
	.conBox01 { width:350px; }
	.conBox01 .p1 { font-size:20px; }
	.conBox01 .p2 { padding:0 50px; margin-top:40px; }
	.conBox01 .p2 .p20 { padding-top:65px; font-size:16px; line-height:30px; background-size:45px 45px!important; }
	.conBox01 .p2 .p22 {   margin-top:30px; }

	.conBox02 { width:calc(100% - 350px); height:500px; }
	.conBox02 .my-map { height:500px!important; }
	.conBox02 #dituContent { height:500px!important; }
}
@media all and (max-width:1200px){
	.conArea02 { margin-top:40px; }
	.conBox01 { width:300px; }
	.conBox01 .p1 { font-size:20px; padding-left:30px; }
	.conBox01 .p2 { padding:0 30px; margin-top:30px; }
	.conBox01 .p2 .p20 { padding-top:45px; font-size:14px; line-height:25px; background-size:35px 35px!important; max-width: 190px; }
	.conBox01 .p2 .p22 { margin-top:30px; }

	.conBox02 { width:calc(100% - 300px); height:400px; }
	.conBox02 .my-map { height:400px!important; }
	.conBox02 #dituContent { height:400px!important; }
}
@media all and (max-width:900px){
	.conArea02 { margin-top:40px; }
	.conBox01 { width:100%; padding:30px 4%; box-sizing: border-box; }
	.conBox01 .p1 { font-size:20px; text-align:left; padding-left:0; }
	.conBox01 .p2 { padding:0; margin-top:30px; }
	.conBox01 .p2 .p20 { padding-top:0; padding-left:40px; font-size:14px; line-height:30px; background-position:left top; background-size:30px 30px!important; }
	.conBox01 .p2 .p22 {  margin-top:20px; }

	.conBox02 { width:100%; height:300px; }
	.conBox02 .my-map { height:300px!important; }
	.conBox02 #dituContent { height:300px!important; }
}

.conArea03 { margin-top:100px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }

.con-hd { margin-bottom:80px; border-bottom:1px solid #d5d5d5; line-height:1.1; }
.con-hd i { position:relative; display:inline-block; font-size:24px; padding-bottom:30px; font-weight:bold; }
.con-hd i:before { position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#00594c; display:block; content:""; z-index:2; }

.conBox31 { width:825px; }
.conBox31 .bd { position:relative; }

.conBox31 .bd .xp02 { display:none; }

.conBox31 .bd ul li { position:absolute; top:0; width:20%; text-align:center; z-index:2; }
.conBox31 .bd ul li .p1 { position:absolute; top:85px; left:50%; transform:translateX(-50%); z-index:2; }
.conBox31 .bd ul li .p1 i { display:block; width:8px; height:8px; background:#036e5f; border-radius:100%; border:1px solid #fff; border-radius:100%; }
.conBox31 .bd ul li .p2 { position:absolute; top:65px; left:50%; transform:translateX(-50%); font-size:14px; color:#036e5f; font-weight:bold; z-index:2; }
.conBox31 .bd ul li .p3 { font-size:16px; line-height:20px; min-height:40px; color:#00594c; }

.conBox31 .bd ul li:nth-child(n + 5) { top:auto; bottom:4%; }
.conBox31 .bd ul li:nth-child(n + 5) .p1 { top:auto; bottom:90px; }
.conBox31 .bd ul li:nth-child(n + 5) .p2 { top:auto; bottom:70px; }

.conBox31 .bd ul li:nth-child(1) { left:10%; }
.conBox31 .bd ul li:nth-child(2) { left:30%; }
.conBox31 .bd ul li:nth-child(3) { left:50%; }
.conBox31 .bd ul li:nth-child(4) { left:70%; }
.conBox31 .bd ul li:nth-child(5) { left:70%; }
.conBox31 .bd ul li:nth-child(6) { left:50%; }
.conBox31 .bd ul li:nth-child(7) { left:30%; }
.conBox31 .bd ul li:nth-child(8) { left:10%; }


.conBox31 .bd .txt { position:absolute; right:0; width:300px; top:50%; transform: translateY(-50%); z-index:2; }
.conBox31 .bd .txt .p1:nth-child(n + 2) { margin-top:60px; }
.conBox31 .bd .txt .p1 .p11 { height:35px; }
.conBox31 .bd .txt .p1 .p11 img { max-height:35px; }
.conBox31 .bd .txt .p1 .p12 { font-size:16px; color:#333; margin-top:10px; }
.conBox31 .bd .txt .p1 .p13 { font-size:22px; color:#333; font-weight:bold;  }
.conBox31 .bd .txt .p1 .p13 a { color:#333; font-size:22px; font-weight:bold; }

.conBox32 { width:595px; }
.conBox32 .bd ul li { float:left; width:48%; margin-bottom:30px; border:1px solid #e7e7e7; border-radius:8px; box-sizing: border-box; display:flex; flex-direction:row; justify-content: space-between; }
.conBox32 .bd ul li .p1 { width:90px; padding-left:20px; font-size:16px; line-height:55px; color:#666; box-sizing: border-box; }
.conBox32 .bd ul li .p1 i { color:#c8171e; }
.conBox32 .bd ul li .p2 { width:calc(100% - 90px); }
.conBox32 .bd ul li .p2 .text { width:100%; font-size:16px; line-height:55px; }
.conBox32 .bd ul li .p2 select { width:100%; font-size:16px; line-height:55px; height:55px; color:#999; }

.conBox32 .bd ul li .textarea { width:100%; padding:15px 20px; font-size:16px; height:105px; box-sizing: border-box; }
.conBox32 .bd ul li .btn { display:block; width:130px; margin:0 20px; text-align:center; line-height:40px; color:#00594c; font-size:16px; border:1px solid #00594c; border-radius:25px;  background-size:100% 100%!important; cursor:pointer; }
.conBox32 .bd ul li .btn:hover {  color:#fff; border-color:transparent; background:url(con06.png) no-repeat center; box-shadow:0px 0px 20px rgba(0,0,0,0.1); }

.conBox32 .bd ul li .p11 { width:115px; }
.conBox32 .bd ul li .p21 { width:calc(100% - 115px); }

.conBox32 .bd ul li.li01 { margin-left:4%; }
.conBox32 .bd ul li.li02 { width:100%; }
.conBox32 .bd ul li.li03 { width:100%; border:none; margin-bottom:0!important; justify-content: center; }

.conBox32 .bd ul li ::-webkit-input-placeholder { color:#999; opacity: 1; }
.conBox32 .bd ul li ::-moz-placeholder { color:#999; opacity: 1; }
.conBox32 .bd ul li ::-ms-input-placeholder { color:#999; opacity: 1; } 
.conBox32 .bd ul li ::placeholder { color:#999; opacity: 1; }

@media all and (max-width:1680px){
	.conArea03 { margin-top:60px; }

	.con-hd { margin-bottom:40px; }
	.con-hd i { font-size:20px; padding-bottom:20px; }
 
	.conBox31 { width:650px; }
	
	.conBox31 .bd ul li .p1 { top:65px; }
	.conBox31 .bd ul li .p2 { top:45px; font-size:14px; }
	.conBox31 .bd ul li .p3 { font-size:14px; line-height:18px; min-height:36px; }

	.conBox31 .bd ul li:nth-child(n + 5) { top:auto; bottom:5%; }
	.conBox31 .bd ul li:nth-child(n + 5) .p1 { top:auto; bottom:65px; }
	.conBox31 .bd ul li:nth-child(n + 5) .p2 { top:auto; bottom:45px; }
	
	.conBox31 .bd .txt { width:250px; }
	.conBox31 .bd .txt .p1:nth-child(n + 2) { margin-top:30px; }
	.conBox31 .bd .txt .p1 .p11 { height:30px; }
	.conBox31 .bd .txt .p1 .p11 img { max-height:30px; }
	.conBox31 .bd .txt .p1 .p12 { font-size:14px; }
	.conBox31 .bd .txt .p1 .p13 { font-size:20px; }
	.conBox31 .bd .txt .p1 .p13 a { font-size:20px; }
 
	.conBox32 { width:calc(100% - 700px); }
	.conBox32 .bd ul li { width:48%; margin-bottom:15px; }
	.conBox32 .bd ul li .p1 { width:70px; padding-left:15px; font-size:14px; line-height:45px; }
	.conBox32 .bd ul li .p2 { width:calc(100% - 70px); }
	.conBox32 .bd ul li .p2 .text { font-size:14px; line-height:45px; }
	.conBox32 .bd ul li .p2 select { font-size:14px; line-height:45px; height:45px; }

	.conBox32 .bd ul li .textarea { padding:10px 15px; font-size:14px; height:105px; }
	.conBox32 .bd ul li .btn { width:120px; margin:0 10px; line-height:35px; font-size:14px; }
 
	.conBox32 .bd ul li .p11 { width:95px; }
	.conBox32 .bd ul li .p21 { width:calc(100% - 95px); }

	.conBox32 .bd ul li.li01 { margin-left:4%; }
}
@media all and (max-width:1200px){
	.conArea03 { margin-top:40px; }

	.con-hd { margin-bottom:30px; }
	.con-hd i { font-size:20px; padding-bottom:15px; }
 
	.conBox31 { width:450px; }
	
	.conBox31 .bd .xp01 { display:none; }
	.conBox31 .bd .xp02 { display:block; }
	
	.conBox31 .bd ul { display:none; }
 
	.conBox31 .bd .img01 { height:290px; object-fit: cover; }
	
	.conBox31 .bd .txt { width:220px; }
	.conBox31 .bd .txt .p1:nth-child(n + 2) { margin-top:20px; }
	.conBox31 .bd .txt .p1 .p11 { height:30px; }
	.conBox31 .bd .txt .p1 .p11 img { max-height:30px; }
	.conBox31 .bd .txt .p1 .p12 { font-size:14px; }
	.conBox31 .bd .txt .p1 .p13 { font-size:18px; }
	.conBox31 .bd .txt .p1 .p13 a { font-size:18px; }
 
	.conBox32 { width:calc(100% - 500px); }
	.conBox32 .bd ul li { width:49%; margin-bottom:10px; }
	.conBox32 .bd ul li .p1 { line-height:35px; }
	.conBox32 .bd ul li .p2 .text { line-height:35px; }
	.conBox32 .bd ul li .p2 select { line-height:35px; height:35px; }

	.conBox32 .bd ul li .textarea { height:100px; }
	.conBox32 .bd ul li .btn { width:120px; margin:0 10px; line-height:35px; font-size:14px; }
 
 
	.conBox32 .bd ul li.li01 { margin-left:2%; }
}
@media all and (max-width:1000px){
	.conBox31 { width:100%; }
	.conBox31 .bd .img01 { height:auto; }
 
	.conBox32 { width:100%; margin-top:40px; }
	 
	.conBox32 .bd ul li .p1 { width:85px; padding-left:10px; }
	.conBox32 .bd ul li .p2 { width:calc(100% - 85px); }
	.conBox32 .bd ul li .textarea { padding:10px; height:100px; }
	
	.conBox32 .bd ul li .p11 { width:90px; padding-left:10px; }
	.conBox32 .bd ul li .p21 { width:calc(100% - 90px); }
}
@media all and (max-width:750px){
	 .conBox31 .bd .img01 { height:260px; object-fit: cover; }
	 
	 .conBox31 .bd .txt .p1 .p11 { height:25px; }
	 .conBox31 .bd .txt .p1 .p11 img { max-height:25px; }
	 .conBox31 .bd .txt .p1 .p12 { font-size:12px; margin-top:5px; }
	 .conBox31 .bd .txt .p1 .p13 { font-size:16px; }
	 .conBox31 .bd .txt .p1 .p13 a { font-size:16px; }
	 
	 .conBox32 .bd ul li { float:none; width:100%; }
	 
	 .conBox32 .bd ul li.li01 { margin-left:0; }
}

.ab-hd { line-height:1.1; font-weight:bold; }
.ab-hd i { font-size:50px; color:#2c6255; }
.ab-hd em { font-size:32px; margin-left:15px; color:#f0e7e0; text-transform:uppercase; }


@media all and (max-width:1680px){
	.ab-hd i { font-size:40px; }
	.ab-hd em { font-size:22px; }
}
@media all and (max-width:1200px){
	.ab-hd i { font-size:30px; }
	.ab-hd em { font-size:18px; }
}
@media all and (max-width:900px){
	.ab-hd i { display:block; font-size:24px; text-align:center; }
	.ab-hd em { display:block; font-size:14px; margin-left:0; margin-top:10px; text-align:center; }
}
@media all and (max-width:750px){
	.ab-hd i { font-size:20px; }
}

.main-ab { padding-top:0; background:url(ab01.jpg) no-repeat center top; background-size:100% 920px; }

.abArea01 { padding-top:250px; overflow:hidden; }
.abArea01 .bd { position:relative; margin-top:60px; z-index:1; }
.abArea01 .bd .bd01 { float:right; position:relative; /*position:sticky; top:130px;*/ width:485px; padding-top:10px; z-index:5; }
.abArea01 .bd .bd01 .tt01 { font-size:16px; color:#333; line-height:30px; letter-spacing:1px; text-align:justify; }
.abArea01 .bd .bd01 .tt02 { margin-top:40px; }
.abArea01 .bd .bd01 .tt02 a { display:inline-block; font-size:16px; padding-right:50px; background:url(ab02.svg) no-repeat center right; background-size:14px 14px; color:#2c6255; cursor:pointer; }

.abArea01 .bd .bd02 { float:left; width:690px; }
.abArea01 .bd .bd02 .pic { position:relative; border-radius:25px; overflow:hidden; z-index:10; }
.abArea01 .bd .bd02 .txt { margin-top:100px; line-height:1.2; }
.abArea01 .bd .bd02 .txt ul li { padding:40px 0; border-bottom:1px solid #dcdcdc; display:flex; flex-wrap: wrap; align-items: flex-end; }
.abArea01 .bd .bd02 .txt ul li .p1 { width:50%; font-weight:bold; color:#2c6255; }
.abArea01 .bd .bd02 .txt ul li .p1 i { font-size:60px; line-height:1;  }
.abArea01 .bd .bd02 .txt ul li .p1 span { font-size:30px; }
.abArea01 .bd .bd02 .txt ul li .p2 { width:50%; font-size:22px; padding-bottom:10px; color:#454545; }
 
.abArea01 .bd .bd03 { position: absolute; width:768px; top:29px; right:-400px; z-index:0; } 
.abArea01 .bd .bd03 img { width:100%; height:auto;  } 
 
 
@media all and (max-width:1680px){
	.main-ab { padding-top:0; background-size:100% 700px; }
	
	.abArea01 { padding-top:150px; }
	.abArea01 .hd { font-size:40px; }
	.abArea01 .bd { margin-top:40px; }
	.abArea01 .bd .bd01 {   width:40%; padding-top:10px; }
	.abArea01 .bd .bd01 .tt01 { font-size:16px; line-height:30px; letter-spacing:1px; }
	.abArea01 .bd .bd01 .tt02 { margin-top:30px; }
	.abArea01 .bd .bd01 .tt02 a { font-size:16px; padding-right:40px; }

	.abArea01 .bd .bd02 { width:55%; }
	.abArea01 .bd .bd02 .pic { border-radius:20px; }
	.abArea01 .bd .bd02 .txt { margin-top:60px; }
	.abArea01 .bd .bd02 .txt ul li { padding:30px 0; }
	.abArea01 .bd .bd02 .txt ul li .p1 { width:50%; }
	.abArea01 .bd .bd02 .txt ul li .p1 i { font-size:50px; }
	.abArea01 .bd .bd02 .txt ul li .p1 span { font-size:20px; }
	.abArea01 .bd .bd02 .txt ul li .p2 { width:50%; font-size:18px; padding-bottom:10px; }
}
@media all and (max-width:1200px){
	.main-ab { padding-top:0; background-size:100% 560px; }
	
	.abArea01 { padding-top:100px; }
	.abArea01 .bd { margin-top:30px; }
	.abArea01 .bd .bd01 {  width:40%; padding-top:10px; }
	.abArea01 .bd .bd01 .tt01 { font-size:14px; line-height:25px; letter-spacing:0; }
	.abArea01 .bd .bd01 .tt02 { margin-top:30px; }
	.abArea01 .bd .bd01 .tt02 a { font-size:14px; padding-right:30px; }

	.abArea01 .bd .bd02 { width:55%; }
	.abArea01 .bd .bd02 .pic { border-radius:15px; }
	.abArea01 .bd .bd02 .txt { margin-top:40px; }
	.abArea01 .bd .bd02 .txt ul li { padding:25px 0; }
	.abArea01 .bd .bd02 .txt ul li .p1 { width:50%; }
	.abArea01 .bd .bd02 .txt ul li .p1 i { font-size:40px; }
	.abArea01 .bd .bd02 .txt ul li .p1 span { font-size:18px; }
	.abArea01 .bd .bd02 .txt ul li .p2 { width:50%; font-size:16px; padding-bottom:5px; }
}
@media all and (max-width:900px){
	.main-ab { padding-top:0;  background:url(ab08.jpg) no-repeat center top; background-size:100% auto; }
	
	.abArea01 { padding-top:40px; }
	.abArea01 .bd { margin-top:30px; }
	.abArea01 .bd .bd01 { float:none; position:relative; top:0; width:100%; padding-top:0; }
	.abArea01 .bd .bd01 .tt01 { font-size:14px; line-height:25px; letter-spacing:0; }
	.abArea01 .bd .bd01 .tt02 { margin-top:30px; }
	.abArea01 .bd .bd01 .tt02 a { font-size:14px; padding-right:30px; background-size:10px 10px; }

	.abArea01 .bd .bd02 { float:none; width:100%; margin-top:30px; }
	.abArea01 .bd .bd02 .pic { border-radius:15px; }
	.abArea01 .bd .bd02 .txt { margin-top:30px; }
	.abArea01 .bd .bd02 .txt ul li { padding:25px 0; }
	.abArea01 .bd .bd02 .txt ul li .p1 { width:120px; }
	.abArea01 .bd .bd02 .txt ul li .p1 i { font-size:24px; }
	.abArea01 .bd .bd02 .txt ul li .p1 span { font-size:16px; }
	.abArea01 .bd .bd02 .txt ul li .p2 { width:calc(100% - 130px); font-size:14px; padding-bottom:0; }
	
	.abArea01 .bd .bd03 { display:none; }
	
	.abArea01 .ab-hd { text-align:left; }
}


.abArea02 { margin-top:100px; }
.abBox02 { position:relative; margin-top:60px; padding:130px 0; }

.abBox21 ul li { position:absolute; width:210px; height:210px; font-size:34px; color:#fff; transition: all 0.36s; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: center; align-items: center; z-index:0; cursor:pointer; }

.abBox21 ul li:nth-child(1) { background:#2c6255; border-radius:40px 40px 0 40px; left:100px; top:0; }
.abBox21 ul li:nth-child(2) { background:#3f728f; border-radius:40px 40px 40px 0; right:100px; top:0; }
.abBox21 ul li:nth-child(3) { background:#f5f5f5; border-radius:40px 0 40px 40px; left:100px; bottom:0; color:#333; }
.abBox21 ul li:nth-child(4) { background:#69a496; border-radius:0 40px 40px 40px; right:100px; bottom:0; }
 
.abBox21 ul li:nth-child(1).on { left:0; }
.abBox21 ul li:nth-child(2).on { right:0; }
.abBox21 ul li:nth-child(3).on { left:0; }
.abBox21 ul li:nth-child(4).on { right:0; }

.abBox22 { position:relative; width:790px; border-radius:40px; background:#fff; margin:0 auto; box-shadow:0px 0px 20px rgba(0,0,0,0.1); overflow:hidden; z-index:5; }
.abBox22 .swiper-slide { background:#fff; }
.abBox22 .swiper-slide a { display:block; padding:70px 60px 0 60px; min-height:390px; box-sizing: border-box; }
.abBox22 .swiper-slide a>div { width:100%; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.abBox22 .swiper-slide .pic { width:150px; text-align:center; }
.abBox22 .swiper-slide .pic img { max-width:100%; height:auto; }
.abBox22 .swiper-slide .txt { width:calc(100% - 200px); padding-top:15px; line-height:1.1; }
.abBox22 .swiper-slide .txt .p1 { font-size:40px; font-weight:bold; color:#2c6255; padding-bottom:35px; border-bottom:1px solid #dcdcdc; }
.abBox22 .swiper-slide .txt .p11 { display:none; }
.abBox22 .swiper-slide .txt .p2 { font-size:24px; margin-top:30px; line-height:1.5; color:#333;  }
.abBox22 .swiper-slide .txt .p3 { display:none; }

.swiper-pagination-ab02 { display:none; margin-top:25px; text-align:center; }
.swiper-pagination-ab02 .swiper-pagination-bullet { width:8px; height:8px; margin:0 4px;  border-radius:100%; background:#ccc; opacity:1; }
.swiper-pagination-ab02 .swiper-pagination-bullet-active { background:#2c6255; }

@media all and (max-width:1680px){
	.abArea02 { margin-top:60px; }
	.abBox02 { margin-top:40px; padding:100px 0; }

	.abBox21 ul li { width:160px; height:160px; font-size:24px; }

	.abBox21 ul li:nth-child(1) { border-radius:30px 30px 0 30px; left:60px; }
	.abBox21 ul li:nth-child(2) { border-radius:30px 30px 30px 0; right:60px; }
	.abBox21 ul li:nth-child(3) { border-radius:30px 0 30px 30px; left:60px; }
	.abBox21 ul li:nth-child(4) { border-radius:0 30px 30px 30px; right:60px }
 
	.abBox22 { width:calc(100% - 380px); border-radius:30px; }
	.abBox22 .swiper-slide { background:#fff; }
	.abBox22 .swiper-slide a { padding:60px 40px 0 40px; min-height:300px;  }
	.abBox22 .swiper-slide .pic { width:150px; }
	.abBox22 .swiper-slide .txt { width:calc(100% - 200px); padding-top:15px; }
	.abBox22 .swiper-slide .txt .p1 { font-size:30px; padding-bottom:25px; }
	.abBox22 .swiper-slide .txt .p2 { font-size:22px; margin-top:30px; }
}
@media all and (max-width:1200px){
	.abArea02 { margin-top:40px; }
	.abBox02 { margin-top:30px; padding:80px 0; }
	
	.abBox21 ul li { width:120px; height:120px; font-size:18px; }
	
	.abBox22 { width:calc(100% - 300px); border-radius:20px; }
	.abBox22 .swiper-slide { background:#fff; }
	.abBox22 .swiper-slide a { padding:30px 30px 0 30px; min-height:230px;  }
	.abBox22 .swiper-slide .pic { width:80px; }
	.abBox22 .swiper-slide .txt { width:calc(100% - 120px); padding-top:10px; }
	.abBox22 .swiper-slide .txt .p1 { font-size:24px; padding-bottom:15px; }
	.abBox22 .swiper-slide .txt .p2 { font-size:16px; margin-top:20px; }
}
@media all and (max-width:1000px){
	.abBox02 { margin-top:30px; padding:60px 0; }
	
	.abBox22 .swiper-slide a { padding:30px 20px 0 20px; min-height:200px;  }
	.abBox22 .swiper-slide .txt { width:calc(100% - 110px); padding-top:0; }
	.abBox22 .swiper-slide .txt .p1 { font-size:20px; padding-bottom:15px; }
	.abBox22 .swiper-slide .txt .p2 { font-size:14px; margin-top:20px; }
}
@media all and (max-width:900px){
	.abBox02 { margin-top:30px; padding:0; }
	
	.abBox21 { display:none; }
	.abBox22 { width:100%; border-radius:20px; }
	.abBox22 .swiper-slide a { position:relative; padding:0 20px; min-height:180px; display:flex; align-items: center; }
	.abBox22 .swiper-slide .pic { position:absolute; top:15px; left:20px; width:30px; z-index:2; display:none; }
	.abBox22 .swiper-slide .txt { position:relative; width:100%; padding-top:10px; text-align:center; }
	.abBox22 .swiper-slide .txt .p1 { padding-left:45px; font-size:18px; padding-bottom:10px; display:none; }
	.abBox22 .swiper-slide .txt .p11 { display:block; padding-left:0; }
	.abBox22 .swiper-slide .txt .p11 i { position:relative; display:inline-block; padding-left:45px; }
	.abBox22 .swiper-slide .txt .p11 i img { position:absolute; top:-8px; left:0; width:30px; z-index:2; }
	.abBox22 .swiper-slide .txt .p3 { position:absolute; top:0; left:0; width:30px; z-index:2; display:block; }
	.abBox22 .swiper-slide .txt .p3 img { width:100%; height:auto; }
	
	.swiper-pagination-ab02 { display:block; }
}

.abArea03 { margin-top:100px; overflow:hidden; }
.abArea03 .wrap01 { position:relative; }

.abBox31 { padding:0 30px; }
.abBox31 .hd { float:left; width:150px; max-width:150px; }
.abBox31 .hd .ab-hd { position:relative; width:200px; height:130px; left:-30px; }
.abBox31 .hd .ab-hd em { display:none; }

.abBox31 .hd .hd01 { position:relative; }
.abBox31 .hd .hd01 ul { position: absolute; right: 0;  transform-origin: right top; transform: rotate(-90deg) translateY(-126px); }
.abBox31 .hd .hd01 ul li { font-size: 90px; font-weight:bold; line-height: 1; color: #2c6255; white-space: nowrap; display:none;  }
.abBox31 .hd .hd01 ul li:first-child { display:block; }

.abBox31 .hd .hd01 .xt { position:absolute; top:0; right:0; width:1px; height:700px; background:#c7d4d1; z-index:2; }
.abBox31 .hd .hd01 .xt:after { position:absolute; top:0; left:50%; transform:translateX(-50%); width:11px; height:11px; background:#2c6255; border-radius:50%; display:block; content:""; z-index:2; }
.abBox31 .hd .hd01 .xt .xton { position:absolute; top:0; left:0; width:1px; background:#2c6255; z-index:2; }
 
.abBox31 .bd { position:relative; float:right; width: calc(100% - 150px); padding-left:80px; padding-right: 37%;  margin-top: 130px; box-sizing: border-box; }
.abBox31 .bd .bd01 { opacity: 0.25; transition: all 0.36s; }
.abBox31 .bd .bd01 .txt { margin-bottom:75px; line-height:1.1; }
.abBox31 .bd .bd01 .txt .p1 { font-size:30px; color:#2c6255; }
.abBox31 .bd .bd01 .txt .p2 { font-size:16px; margin-top:15px; line-height:30px; color:#333; }

.abBox31 .bd .bd01.on { opacity:1; }

.bd_mask { position:absolute; width:calc(100% - 150px); height: 50%; left:80px; top:0; z-index:1; transition:all 0.5s; }
.bd_mask .bd_masks { position:absolute; width:100%; height:220px; left:0; top:-300px; background:#fff; z-index:1; }

.bd_mask.yingc { opacity:0; }

.abBox32 { position:absolute; width:738px; top:70px; right:0; margin-right:-450px; z-index:2; }

@media all and (max-width:1680px){
	.abArea03 { margin-top:60px; }

	.abBox31 { padding:0; }
	.abBox31 .hd { width:150px; max-width:150px; }
	.abBox31 .hd .ab-hd { width:200px; height:85px; left:0; }
	
	.abBox31 .hd .hd01 ul { transform: rotate(-90deg) translateY(-105px); }
	.abBox31 .hd .hd01 ul li { font-size: 60px; }
 
	.abBox31 .hd .hd01 .xt { height:600px; }
 
	.abBox31 .bd { width: calc(100% - 150px); padding-left:60px; padding-right: 37%;  margin-top: 85px; }
 
	.abBox31 .bd .bd01 .txt { margin-bottom:50px; }
	.abBox31 .bd .bd01 .txt .p1 { font-size:28px; }
	.abBox31 .bd .bd01 .txt .p2 { font-size:16px; margin-top:15px; line-height:30px; }
 
	.bd_mask {  width:calc(100% - 150px); left:60px; }
	.bd_mask .bd_masks { height:185px; }
 
	.abBox32 { position:absolute; width:645px; top:50px; margin-right:-350px;  }
}
@media all and (max-width:1200px){
	.abArea03 { margin-top:40px; }

	.abBox31 { padding:0; }
	.abBox31 .hd { width:100px; max-width:100px; }
	.abBox31 .hd .ab-hd { width:200px; height:65px; left:0; }
	
	.abBox31 .hd .hd01 ul { transform: rotate(-90deg) translateY(-75px); }
	.abBox31 .hd .hd01 ul li { font-size:50px; }
 
	.abBox31 .hd .hd01 .xt { height:600px; }
 
	.abBox31 .bd { width: calc(100% - 100px); padding-left:40px; padding-right: 35%;  margin-top: 65px; }
 
	.abBox31 .bd .bd01 .txt { margin-bottom:40px; }
	.abBox31 .bd .bd01 .txt .p1 { font-size:24px; }
	.abBox31 .bd .bd01 .txt .p2 { font-size:14px; margin-top:15px; line-height:25px; }
 
	.bd_mask {  width:calc(100% - 100px); left:40px; }
	.bd_mask .bd_masks { height:165px; }
 
	.abBox32 { position:absolute; width:40%; top:40px; margin-right:-10%;  }
}
@media all and (max-width:900px){
	.abBox31 .hd { width:60px; max-width:60px; }
	.abBox31 .hd .ab-hd { width:92vw; height:auto; left:0; }
	.abBox31 .hd .ab-hd em { display:block; }
	
	.abBox31 .hd .hd01 { display:none; }
	.abBox31 .hd .hd01 ul { transform: rotate(-90deg) translateY(-55px); }
	.abBox31 .hd .hd01 ul li { font-size:30px; }
 
	.abBox31 .hd .hd01 .xt { height:600px; }
 
	.abBox31 .bd { /*width: calc(100% - 60px);*/ width:100%; padding-left:0; padding-right:0;  margin-top:30px; }
 
	.abBox31 .bd .bd01 { opacity:1; }
	.abBox31 .bd .bd01 .txt { margin-bottom:30px; }
	.abBox31 .bd .bd01 .txt .p1 { font-size:20px; }
	.abBox31 .bd .bd01 .txt .p2 { font-size:14px; margin-top:15px; line-height:25px; }
 
	.bd_mask {  width:calc(100% - 60px); left:30px; display:none; }
	.bd_mask .bd_masks { height:165px; }
 
	.abBox32 { display:none; }	
}

.abArea04 { padding:100px 0; }
.abArea04 .bd { margin-top:70px; display:flex; flex-wrap: wrap;  flex-direction:row-reverse; justify-content: space-between; align-items: flex-start; }

.abBox41 { position:relative; width:365px; }
.abBox41 .swiper-container { height:480px; }
.abBox41 .swiper-slide { text-align:center; height:160px; line-height:160px; font-size:130px; font-weight:bold; color:#f1f1f1;   cursor:pointer; }
.abBox41 .swiper-slide-thumb-active { color:#2c6255; }

.abBox41 .btn { position:absolute; left:50%; transform: translateX(-50%); width:41px; height:39px; background-size:100% 100%!important; z-index:2; cursor:pointer; }
.abBox41 .prev-ab04 { background:url(ab03.svg) no-repeat center; top:-65px; }
.abBox41 .next-ab04 { background:url(ab04.svg) no-repeat center; bottom:-65px; }

.abBox42 { width:calc(100% - 410px); }
.abBox42 .swiper-slide { max-height:550px; overflow-y:auto;  }
.abBox42 .swiper-slide ul { padding-right:5%; }
.abBox42 .swiper-slide ul li { border-bottom:1px solid #c7d4d1; }
.abBox42 .swiper-slide ul li a { display:block; padding:30px 0; }
.abBox42 .swiper-slide ul li .p1 { font-size:18px; color:#2c6255; font-weight:bold; }
.abBox42 .swiper-slide ul li .p1 i { color:#333; margin-right:10px; }
.abBox42 .swiper-slide ul li .p2 { font-size:16px; margin-top:15px; line-height:30px; color:#333; }

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

	.abBox41 { width:300px; }
	.abBox41 .swiper-container { height:420px; }
	.abBox41 .swiper-slide { height:140px; line-height:140px; font-size:100px; }
 
	.abBox41 .btn { width:41px; height:39px; }
	.abBox41 .prev-ab04 { top:-55px; }
	.abBox41 .next-ab04 { bottom:-55px; }

	.abBox42 { width:calc(100% - 350px); }
	.abBox42 .swiper-slide { max-height:500px; overflow-y:auto;  }
	.abBox42 .swiper-slide ul { padding-right:5%; }
	.abBox42 .swiper-slide ul li a { padding:30px 0; }
	.abBox42 .swiper-slide ul li .p1 { font-size:18px; }
	.abBox42 .swiper-slide ul li .p1 i { margin-right:10px; }
	.abBox42 .swiper-slide ul li .p2 { font-size:16px; margin-top:15px; line-height:30px; }
}
@media all and (max-width:1200px){
	.abArea04 { padding:40px 0; }
	.abArea04 .bd { margin-top:30px; }

	.abBox41 { width:200px; }
	.abBox41 .swiper-container { height:360px; }
	.abBox41 .swiper-slide { height:120px; line-height:120px; font-size:80px; }
 
	.abBox41 .btn { width:32px; height:30px; }
	.abBox41 .prev-ab04 { top:-45px; }
	.abBox41 .next-ab04 { bottom:-45px; }

	.abBox42 { width:calc(100% - 250px); }
	.abBox42 .swiper-slide { max-height:500px; overflow-y:auto;  }
	.abBox42 .swiper-slide ul { padding-right:5%; }
	.abBox42 .swiper-slide ul li a { padding:25px 0; }
	.abBox42 .swiper-slide ul li .p1 { font-size:16px; }
	.abBox42 .swiper-slide ul li .p1 i { margin-right:10px; }
	.abBox42 .swiper-slide ul li .p2 { font-size:14px; margin-top:10px; line-height:25px; }
}
@media all and (max-width:900px){
	.abArea04 .bd { display:block; }

	.abBox41 { width:100%; padding:0 40px; box-sizing: border-box; }
	.abBox41 .swiper-container { height:30px; }
	.abBox41 .swiper-slide { height:30px; line-height:30px; font-size:20px; color:#999; }
	.abBox41 .swiper-slide-thumb-active { color:#2c6255; }
	
	
	.abBox41 .btn { width:32px; height:30px; transform: translateX(0); transform: rotate(-90deg); }
	.abBox41 .prev-ab04 { top:0; left:0; }
	.abBox41 .next-ab04 { top:0; right:0; bottom:auto; left:auto; }

	.abBox42 { width:100%; margin-top:20px; }
	.abBox42 .swiper-slide { max-height:500px; overflow-y:auto;  }
	.abBox42 .swiper-slide ul { padding-right:5%; }
	.abBox42 .swiper-slide ul li a { padding:20px 0; }
	.abBox42 .swiper-slide ul li .p1 { font-size:16px; }
	.abBox42 .swiper-slide ul li .p1 i { margin-right:10px; }
	.abBox42 .swiper-slide ul li .p2 { font-size:14px; margin-top:10px; line-height:25px; }
}

.abArea05 { margin-top:0; }
.abBox50 { margin-top:60px; }
.abBox50 .tt01 { font-size:24px; padding-bottom:20px; border-bottom:1px solid #c7d4d1; color:#2c6255; }
.abBox50 .tt02 { position:relative; margin-top:40px; }
.abBox50 .tt02 .swiper-slide .pic { overflow:hidden; }
.abBox50 .tt02 .swiper-slide .pic img { overflow:hidden; transition: all 0.6s; }
.abBox50 .tt02 .swiper-slide .txt { text-align:center; font-size:16px; margin-top:25px; color:#333; }

.abBox50 .tt02 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
 
.abBox50 .tt02 .btn01 { position:absolute; display:inline-block; top:50%; width:39px; height:39px; border-radius:100%; background-size:100% 100%!important; transform: translateY(-50%); z-index:2; cursor:pointer; }
.abBox50 .tt02 .btn11 { background:url(dx11.svg) no-repeat center; left:-70px; }
.abBox50 .tt02 .btn12 { background:url(dx12.svg) no-repeat center; right:-70px; }

.abBox50 .tt02 .btn11:hover { background:url(dx21.svg) no-repeat center; }
.abBox50 .tt02 .btn12:hover { background:url(dx22.svg) no-repeat center; }
 

@media all and (max-width:1680px){
	.abBox50 { margin-top:40px; }
	.abBox50 .tt01 { font-size:20px; padding-bottom:15px; }
	.abBox50 .tt02 { margin-top:20px; }
	.abBox50 .tt02 .swiper-slide .txt { font-size:14px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.abBox50 { margin-top:30px; }
	.abBox50 .tt01 { font-size:18px; padding-bottom:10px; }
	.abBox50 .tt02 { margin-top:20px; }
	.abBox50 .tt02 .swiper-slide .txt { font-size:14px; margin-top:10px; }
	
	.abBox50 .tt02 .btn { text-align:center; margin-top:25px; }
	.abBox50 .tt02 .btn01 { position:relative; top:auto; width:30px; height:30px; transform: translateY(0); }
	.abBox50 .tt02 .btn11 { left:auto; margin-right:20px; }
	.abBox50 .tt02 .btn12 { right:auto; }
}

/*
.abArea05 { padding:100px 0; background:url(abArea05.jpg) no-repeat center bottom; background-size:100% 100%;}
.abArea05 .bd { margin-top:60px; }
.abArea05 .bd .swiper-slide .pic { overflow:hidden; }
.abArea05 .bd .swiper-slide .pic img { overflow:hidden; transition: all 0.6s; }
.abArea05 .bd .swiper-slide .txt { text-align:center; font-size:16px; margin-top:25px; color:#333; }

.abArea05 .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
 
.abArea05 .bd .btn { margin-top:40px; max-width:880px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.abArea05 .bd .btn .btn01 { width:105px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.abArea05 .bd .btn .btn01 .btn11 { width:39px; height:39px; border-radius:100%; background-size:100% 100%!important; cursor:pointer; }
.abArea05 .bd .btn .btn01 .btn11:nth-child(1) { background:url(dx11.png) no-repeat center; }
.abArea05 .bd .btn .btn01 .btn11:nth-child(2) { background:url(dx12.png) no-repeat center; }

.abArea05 .bd .btn .btn01 .btn11:nth-child(1):hover { background:url(dx21.png) no-repeat center; }
.abArea05 .bd .btn .btn01 .btn11:nth-child(2):hover { background:url(dx22.png) no-repeat center; }

.abArea05 .bd .btn .bBox-page { position:relative; left:auto!important; bottom:auto!important; top:auto!important; width:calc(100% - 170px)!important; height:2px!important; background:#cad6d3; z-index:2; }
.abArea05 .bd .btn .bBox-page .swiper-pagination-progressbar-fill { background:#386b5f; }

@media all and (max-width:1680px){
	.abArea05 { padding:60px 0; }
	.abArea05 .bd { margin-top:40px; }
	.abArea05 .bd .swiper-slide .txt { font-size:16px; margin-top:20px; }

	.abArea05 .bd .btn { margin-top:30px; max-width:880px; }
	.abArea05 .bd .btn .btn01 { width:105px; }
	.abArea05 .bd .btn .btn01 .btn11 { width:39px; height:39px;  }
 
	.abArea05 .bd .btn .bBox-page { width:calc(100% - 170px)!important; }
}
@media all and (max-width:1200px){
	.abArea05 { padding:40px 0; background-size:cover; }
	.abArea05 .bd { margin-top:30px; }
	.abArea05 .bd .swiper-slide .txt { font-size:14px; margin-top:10px; }

	.abArea05 .bd .btn { margin-top:20px; max-width:880px; }
	.abArea05 .bd .btn .btn01 { width:75px; }
	.abArea05 .bd .btn .btn01 .btn11 { width:30px; height:30px;  }
 
	.abArea05 .bd .btn .bBox-page { width:calc(100% - 100px)!important; }
}
*/

.abArea06 { margin-top:100px; }
.abArea06 .wrap01 { position:relative; display:flex; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; z-index:2; }
.abArea06 .ab-hd { display:inline-block; }
.abArea06 .zwSer { position:relative; display:inline-block; width:325px; margin-left:35px; margin-top:5px; border:1px solid #0e8b6d; border-radius:30px; z-index:1; }
.abArea06 .zwSer .btn { width:60px; height:50px; float:right; background:url(ab05.svg) no-repeat center; background-size:26px 26px; border-radius:0 30px 30px 0; cursor:pointer; }
.abArea06 .zwSer .txt { width:calc(100% - 60px); line-height:50px; float:left; border-radius:30px 0 0 30px; padding-left:20px; font-size:14px; box-sizing: border-box; }

.zwCon { position:absolute; top:52px; left:0; width:350px; padding:30px 20px; background:#fff; border-radius:10px; box-shadow:0px 10px 20px rgba(0,0,0,0.2); display:none; z-index:99; }
.zwCon.on { display:block; }
.zwCon ul { font-size:0; max-height:300px; overflow-y:auto; }
.zwCon ul li { width:100%; padding:15px 0; border-bottom:1px solid #eee; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.zwCon ul li .p1 { width:130px; padding:10px 0; border:1px solid #eee; }
.zwCon ul li .p2 { width:calc(100% - 160px); color:#333; }
.zwCon ul li .p2 .p21 { font-size:16px; font-weight:bold; }
.zwCon ul li .p2 .p22 { font-size:14px;  }

.zw-close { position:absolute; top:5px; right:5px; width:20px; height:20px; background:url(yy03.svg) no-repeat center; background-size:14px 14px; z-index:2; cursor:pointer; }

.abArea06 .bd { position:relative; margin-top:60px; text-align:center; z-index:1; }
.abArea06 .bd img { max-width:100%; height:auto; }

@media all and (max-width:1680px){
	.abArea06 { margin-top:60px; }
 
	.abArea06 .zwSer { width:300px; margin-left:25px; }
	.abArea06 .zwSer .btn { width:60px; height:40px; }
	.abArea06 .zwSer .txt { width:calc(100% - 60px); line-height:40px; padding-left:20px; }

	.zwCon {  top:42px; padding:20px; }
 
	.abArea06 .bd { margin-top:40px; }
}
@media all and (max-width:1480px){
	.zwCon { left:auto; right:0; } 
}
@media all and (max-width:1200px){
	.abArea06 { margin-top:40px; }
 
	.abArea06 .zwSer { width:250px; margin-left:20px; margin-top:0; }
	.abArea06 .zwSer .btn { width:50px; height:35px; background-size:20px 20px; }
	.abArea06 .zwSer .txt { width:calc(100% - 50px); line-height:35px; padding-left:10px; }

	.zwCon { top:37px; padding:20px; }
 
	.abArea06 .bd { margin-top:40px; }
}
@media all and (max-width:900px){
	.abArea06 .wrap01 { display:block; }
	.abArea06 .ab-hd { display:block; }
	.abArea06 .zwSer { margin:25px auto 0; display:block; width:200px; }
	
	.zwCon { top:37px; width:280px; left:50%; transform: translateX(-50%); }
	.zwCon ul li { padding:15px 0;  }
	.zwCon ul li .p1 { width:100px; padding:10px 0; border:1px solid #eee; }
	.zwCon ul li .p2 { width:calc(100% - 120px); }
	.zwCon ul li .p2 .p21 { font-size:14px; }
	.zwCon ul li .p2 .p22 { font-size:14px;  }
}

.abArea06 .bd02 { position:relative; margin-top:60px; z-index:1; }
.abArea06 .bd02 .wrap01 { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.abArea06 .bd02 .bd21 { width:50%; font-size:16px; color:#333; line-height:30px; text-align:justify; }
.abArea06 .bd02 .bd22 { width:43%; }
.abArea06 .bd02 .bd22 img { width:100%; height:auto; }

@media all and (max-width:1680px){
	.abArea06 .bd02 { margin-top:40px; }
}
@media all and (max-width:1200px){
	.abArea06 .bd02 { margin-top:40px; }
	.abArea06 .bd02 .bd21 { width:50%; font-size:14px; line-height:25px; }
	.abArea06 .bd02 .bd22 { width:43%; }	
}
@media all and (max-width:900px){
	.abArea06 .bd02 .bd21 { width:100%; font-size:14px; line-height:25px; }
	.abArea06 .bd02 .bd22 { width:100%; margin-top:20px; }	
}







.abArea07 { margin-top:100px; }
.abArea07 .wrap-cs { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.abArea07 .ab-hd { padding-left:150px; }

.abArea07 .csSer { position:relative; display:inline-block; width:325px; margin-left:35px; margin-top:5px; border:1px solid #0e8b6d; border-radius:30px; z-index:1; }
.abArea07 .csSer .btn { width:60px; height:50px; float:right; background:url(ab05.png) no-repeat center; border-radius:0 30px 30px 0; cursor:pointer; }
.abArea07 .csSer .txt { width:calc(100% - 60px); line-height:50px; float:left; border-radius:30px 0 0 30px; padding-left:20px; font-size:14px; box-sizing: border-box; }


.abArea07 .hd01 {  padding-left:150px; margin-top:35px; width:600px; font-size:16px; color:#333; line-height:30px; text-align:justify; }

.abBox71 { margin-top:40px; }
.abBox71 .hd { float:right; width:735px; margin-top:-150px; }
.abBox71 .hd ul li { position:relative; border-bottom:1px solid #a0a0a0; cursor:pointer; }
.abBox71 .hd ul li:before { position:absolute; width:0; left:0; bottom:-1px; height:2px; display:block; content:""; background:#2c6255; transition: all 1.6s; z-index:2; }
.abBox71 .hd ul li:nth-child(n + 2) { margin-top:35px; }
.abBox71 .hd ul li .txt { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.abBox71 .hd ul li .txt p { font-size:20px; color:#333;  transition: all 2.6s; }
.abBox71 .hd ul li .txt p img { height:80px; }
.abBox71 .hd ul li .txt p .img02 { display:none; }
 
.abBox71 .hd ul li .txt01 { position:absolute; top:110px; left:0; right:0; border:1px solid #2c6255; border-radius:15px; padding:30px; background:#fff; box-sizing: border-box; box-shadow:0px 0px 20px rgba(0,0,0,0.1); display:none; z-index:5; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.abBox71 .hd ul li .txt01 .p1 { width:270px; }
.abBox71 .hd ul li .txt01 .p2 { width:calc(100% - 300px); font-size:14px; line-height:25px; color:#333; }

.abBox71 .hd ul li.on:before { width:100%; }
.abBox71 .hd ul li.on .txt p { font-weight:bold; color:#2c6255; }
.abBox71 .hd ul li.on .txt p:nth-child(1) { margin-left:60%; }
.abBox71 .hd ul li.on .txt p .img01 { display:none; }
.abBox71 .hd ul li.on .txt p .img02 { display:block; }

.abBox71 .hd ul li:hover .txt01 { display:flex; }

.abBox71 .bd { float:left; width:745px; }
.abBox71 .bd .tabox { display:none; }
.abBox71 .bd .tabox:nth-child(1) { display:block; }

.abBox71 .hd02 { margin-top:30px; display:none; }
.abBox71 .hd02 .swiper-slide { width:43%; margin-right:3%; }
.abBox71 .hd02 .swiper-slide:last-child { margin-right:0; }
.abBox71 .hd02 .swiper-slide a { display:block; padding:20px 10px 0 10px; text-align:center; min-height:80px; border: 1px solid rgba(9,9,9,0.1); border-radius:10px; }
.abBox71 .hd02 .swiper-slide .p1 img { height:30px; width:auto; }
.abBox71 .hd02 .swiper-slide .p1 .img02 { display:none; }
.abBox71 .hd02 .swiper-slide .p2 { font-size:14px; margin-top:10px; color:#333; }

.abBox71 .hd02 .swiper-slide.on a { border-color:#2c6255; }
.abBox71 .hd02 .swiper-slide.on .p2 { color:#2c6255; }
.abBox71 .hd02 .swiper-slide.on .p1 .img01 { display:none; }
.abBox71 .hd02 .swiper-slide.on .p1 .img02 { display:inline-block; }

.abBox71 .bd02 { margin-top:30px; display:none; }
.abBox71 .bd02 .tabox02 { display:none; border:1px solid #2c6255; border-radius:15px; padding:20px 4%; background:#fff; box-sizing: border-box; box-shadow:0px 0px 20px rgba(0,0,0,0.1); }
.abBox71 .bd02 .tabox02:nth-child(1) { display:block; }
.abBox71 .bd02 .tabox02 .p1 { width:100%; }
.abBox71 .bd02 .tabox02 .p2 { width:100%; margin-top:25px; font-size:14px; line-height:25px; color:#333; }


@media all and (max-width:1680px){
	.abArea07 { margin-top:60px; }
	.abArea07 .ab-hd { padding-left:0; }
	
	
	.abArea07 .csSer { width:300px; margin-left:25px; }
	.abArea07 .csSer .btn { width:60px; height:40px; }
	.abArea07 .csSer .txt { width:calc(100% - 60px); line-height:40px; padding-left:20px; }
	
	.abArea07 .hd01 { padding-left:0; width:54%; font-size:16px; line-height:30px; }

	.abBox71 { margin-top:40px; }
	.abBox71 .hd { float:right; width:54%; margin-top:0; }
 
	.abBox71 .hd ul li:nth-child(n + 2) { margin-top:30px; }
	.abBox71 .hd ul li .txt p { font-size:18px; }
	.abBox71 .hd ul li .txt p img { height:70px; }
	 
	.abBox71 .hd ul li .txt01 { top:100px; padding:20px; }
	.abBox71 .hd ul li .txt01 .p1 { width:250px; }
	.abBox71 .hd ul li .txt01 .p2 { width:calc(100% - 280px); font-size:14px; line-height:25px; }
 
	.abBox71 .bd { float:left; width:42%; }
}
@media all and (max-width:1200px){
	.abArea07 { margin-top:40px; }
	.abArea07 .ab-hd { padding-left:0; }
	
	.abArea07 .csSer { width:250px; margin-left:20px; margin-top:0; }
	.abArea07 .csSer .btn { width:50px; height:35px; background-size:20px 20px; }
	.abArea07 .csSer .txt { width:calc(100% - 50px); line-height:35px; padding-left:10px; }
	
	.abArea07 .hd01 { width:54%; font-size:14px; line-height:25px; }

	.abBox71 { margin-top:30px; }
	.abBox71 .hd { float:right; width:54%; }
 
	.abBox71 .hd ul li:nth-child(n + 2) { margin-top:30px; }
	.abBox71 .hd ul li .txt p { font-size:18px; }
	.abBox71 .hd ul li .txt p img { height:60px; }
	 
	.abBox71 .hd ul li .txt01 { top:90px; padding:20px; }
	.abBox71 .hd ul li .txt01 .p1 { width:250px; }
	.abBox71 .hd ul li .txt01 .p2 { width:calc(100% - 280px); font-size:12px; line-height:20px; }
 
	.abBox71 .bd { float:left; width:42%; }
}
@media all and (max-width:900px){
	.abArea07 .ab-hd { width:100%; display:block; }
	.abArea07 .hd01 { width:100%; font-size:14px; line-height:25px; margin-top:25px; } 
 
	.abArea07 .csSer { margin:25px auto 0; display:block; width:200px; }
	
	.abBox71 .hd { display:none; }
	.abBox71 .bd { float:none; width:80%; margin:0 auto; }
	
	.abBox71 .hd02 { display:block; }
	.abBox71 .bd02 { display:block; }
}
 




.cpBd01 { margin-top:60px; }
@media all and (max-width:1680px){
	.cpBd01 { margin-top:40px; }
}




.cpArea01 { position:relative; max-width:1920px; height:100vh; display:flex; align-items: center; justify-content: center; background:url(cpArea.jpg) no-repeat center bottom; background-size:100% 100%; z-index:2; box-sizing: border-box; }


.cpbox01 { position:relative; max-width:1570px; width:92%; margin:0 auto; }
.cpbox01 .dq01 { position:absolute; top:50%; left:50%; width:33.25%; transform: translate(-50%,-50%); /*background:#fff;*/ border-radius:100%; z-index:2; }
.cpbox01 .dq02 { position:absolute; top:50%; left:50%; width:36.94%; transform: translate(-50%,-50%); z-index:1;  }
.cpbox01 .dq03 { position:absolute; top:50%; left:50%; width:33%; transform: translate(-50%,-50%); mix-blend-mode: screen; z-index:3;  }
.cpbox01 .dq04 { position:absolute; top:50%; left:50%; width:328px; transform: translate(-50%,-50%); box-shadow:2px 0px 10px rgba(14,142,124,0.6); border-radius:50px; overflow:hidden; z-index:4;  }
.cpbox01 .dq06 { position:absolute; top:50%; left:50%; width:92%; transform: translate(-50%,-50%); display:none; z-index:1;  }

.cpbox01 .dq07 { display:none; }
/*
.cpbox01 .dq02 img { animation: divRte 15s linear 0s infinite;
    -moz-animation: divRte 15s linear 0s infinite;
    -webkit-animation: divRte 15s linear 0s infinite;
    -o-animation: divRte 15s linear 0s infinite; }
*/

.cpbox01 .dd { position:absolute;  transition: box-shadow 2s ease-in-out; z-index:5; }
.cpbox01 .dd:before { position:absolute; top:-2px; left:-2px; width:calc(100% + 4px); height:calc(100% + 4px); background:url(cp01.png) no-repeat center; background-size:100% 100%; display:block; content:""; transition: all 0.6s; transform:rotate(0) z-index:-1; }
.cpbox01 .dd:after { position:absolute; top:-4px; left:-4px; width:calc(100% + 8px); height:calc(100% + 8px); border-radius:100px; display:block; content:""; transition: box-shadow 1s ease-in-out; z-index:-2; }
.cpbox01 .dd a { position:relative; display:block; padding:8px; border-radius:100px; background:rgba(255,255,255,0.8); z-index:2; }
.cpbox01 .dd .txt { display:flex; align-items: center; justify-content: center; border-radius:100%; line-height:1.2; text-align:center; }
.cpbox01 .dd .txt p { font-weight:bold; }
.cpbox01 .dd .txt span { display:block; font-size:12px; }

.cpbox01 .dx1 .txt { width:90px; height:90px; }
.cpbox01 .dx1 .txt p { font-size:18px; }

 
.cpbox01 .dx2 .txt { width:70px; height:70px; }
.cpbox01 .dx2 .txt p { font-size:14px; }

.cpbox01 .bg1 .txt { background:url(zx01.png) no-repeat center; background-size:100% 100%; color:#fff; }
.cpbox01 .bg2 .txt { background:url(zx02.png) no-repeat center; background-size:100% 100%; box-shadow:0px 0px 5px rgba(0,140,121,0.61); color:#819f97; }

.cpbox01 .dd:hover:after {  box-shadow: 0px 0px 10px 5px #fff;  }
.cpbox01 .dd:hover:before { transform:rotate(180deg); }

@media all and (max-width:1680px){
	.cpArea01 {   }
	
	.cpbox01 .dq04 { width:280px; }
	
	.cpbox01 .dd a { padding:5px; }
 
	.cpbox01 .dx1 .txt { width:80px; height:80px; }
	.cpbox01 .dx1 .txt p { font-size:16px; }

	.cpbox01 .dx2 .txt { width:60px; height:60px; }
	.cpbox01 .dx2 .txt p { font-size:14px; }
}
@media all and (max-width:1200px){
	.cpArea01 { padding:100px 0 180px; height:auto; display:block; }
	
	.cpbox01 .dq04 { width:200px; }
	
	.cpbox01 .dd a { padding:3px; }
	.cpbox01 .dd .txt span { font-size:10px; }
 
	.cpbox01 .dx1 .txt { width:55px; height:55px; }
	.cpbox01 .dx1 .txt p { font-size:12px; }

	.cpbox01 .dx2 .txt { width:55px; height:55px; }
	.cpbox01 .dx2 .txt p { font-size:12px; }
}
@media all and (max-width:900px){
	.cpArea01 { padding:100px 0 150px; }
	.cpbox01 .pic { display:none; }
	.cpbox01 .dq01 { position:relative; top:auto; left:auto; width:40%; transform: translate(0,0);  margin:0 auto; z-index:2; }
	.cpbox01 .dq02 { width:43%; }
	.cpbox01 .dq03 { width:38%; }
	.cpbox01 .dq04 { width:30%; }
	.cpbox01 .dq06 { display:block; }
	
	.cpbox01 .dd a { padding:2px; }
	.cpbox01 .dd .txt span { font-size:0.14rem; }
 
	.cpbox01 .dx1 .txt { width:0.85rem; height:0.85rem; }
	.cpbox01 .dx1 .txt p { font-size:0.18rem; }

	.cpbox01 .dx2 .txt { width:0.7rem; height:0.7rem; }
	.cpbox01 .dx2 .txt p { font-size:0.16rem; }
	
	.cpbox01 .dq05 .dd { left:auto!important; top:auto!important; right:auto!important; }
	
	.cpbox01 .dq05 .dd:nth-child(1) { right:5%!important; top:66%!important; }
	.cpbox01 .dq05 .dd:nth-child(2) { left:17%!important; top:75%!important; }
	.cpbox01 .dq05 .dd:nth-child(3) { left:6%!important; top:12%!important; }
	.cpbox01 .dq05 .dd:nth-child(4) { right:6%!important; top:10%!important; }
	.cpbox01 .dq05 .dd:nth-child(5) { right:18%!important; top:76%!important; }
	.cpbox01 .dq05 .dd:nth-child(6) { right:14%!important; top:35%!important; }
	.cpbox01 .dq05 .dd:nth-child(7) { right:0!important; top:37%!important;  }
	.cpbox01 .dq05 .dd:nth-child(8) { right:18%!important; top:-5%!important; }
	.cpbox01 .dq05 .dd:nth-child(9) { left:15%!important; top:34%!important;  }
	.cpbox01 .dq05 .dd:nth-child(10) { left:5%!important; top:63%!important; }
	.cpbox01 .dq05 .dd:nth-child(11) { left:18%!important; top:-12%!important; }
 
	 
}
@media all and (max-width:750px){
	.cpArea01 { padding:60px 0 1.5rem 0; } 
	.cpbox01 .dd a { padding:1px; }
	
	.cpbox01 .dq07 { position:absolute; top:-13px; left:0; width:100%; display:block; z-index:1;  }
	
	.cpbox01 .dx1 .txt { width:0.75rem; height:0.75rem; }
	.cpbox01 .dx1 .txt p { font-size:0.16rem; }

	.cpbox01 .dx2 .txt { width:0.6rem; height:0.6rem; }
	.cpbox01 .dx2 .txt p { font-size:0.14rem; }
	
	.cpbox01 .dq05 .dd:nth-child(1) { right:3%!important; top:66%!important; }
	.cpbox01 .dq05 .dd:nth-child(2) { left:17%!important; top:75%!important; }
	.cpbox01 .dq05 .dd:nth-child(3) { left:4%!important; top:12%!important; }
	.cpbox01 .dq05 .dd:nth-child(4) { right:6%!important; top:6%!important; }
	.cpbox01 .dq05 .dd:nth-child(5) { right:18%!important; top:76%!important; }
	.cpbox01 .dq05 .dd:nth-child(6) { right:14%!important; top:35%!important; }
	.cpbox01 .dq05 .dd:nth-child(7) { right:0!important; top:37%!important;  }
	.cpbox01 .dq05 .dd:nth-child(8) { right:20%!important; top:-5%!important; }
	.cpbox01 .dq05 .dd:nth-child(9) { left:15%!important; top:34%!important;  }
	.cpbox01 .dq05 .dd:nth-child(10) { left:4%!important; top:63%!important; }
	.cpbox01 .dq05 .dd:nth-child(11) { left:18%!important; top:-12%!important; } 
}


.canvasbg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; }

@media all and (max-width:900px){
	.canvasbg { display:none; }
}



.cpArea02 { position:relative; padding:100px 0; z-index:5; overflow:hidden; }
.cp-hd { text-align:center; line-height:1.1; }
.cp-hd .p1 { font-size:50px; color:#196658; font-weight:bold; }
.cp-hd .p2 { font-size:20px; color:#666; margin-top:15px; }

.cpBox20 { margin-top:60px; }
.cpBox20 .hd01 { font-size:20px; padding-left:35px; color:#196658; background:url(cp10.svg) no-repeat center left; background-size:22px 28px; font-weight:bold; }
.cpBox20 .bd01 { margin-top:50px; }

.cp_logo { position:absolute; right:0; top:1000px; width:14vw; max-width:250px; z-index:999; }

.cpArea02.on .cp_logo { position:fixed; top:100px; transition: all 1.5s; }

@media all and (max-width:1680px){
	.cpArea02 { padding:60px 0; }
	.cp-hd .p1 { font-size:38px; }
	.cp-hd .p2 { font-size:16px; margin-top:10px; }

	.cpBox20 { margin-top:40px; }
	.cpBox20 .hd01 { font-size:20px; padding-left:35px; }
	.cpBox20 .bd01 { margin-top:30px; }
}
@media all and (max-width:1200px){
	.cpArea02 { padding:40px 0; }
	.cp-hd .p1 { font-size:24px; }
	.cp-hd .p2 { font-size:14px; margin-top:10px; }

	.cpBox20 { margin-top:40px;  }
	.cpBox20 .hd01 { font-size:18px; padding-left:30px; line-height:25px; background-size:20px 25px; }
	.cpBox20 .bd01 { margin-top:30px; }
	
	 
	 .cp_logo { width:100px; }
	 
}
@media all and (max-width:1200px){
	 .cp_logo { display:none; }
}

.cpBox21 .swiper-slide a { position:relative; display:block; padding:45px 30px 0 30px; min-height:330px; border-radius:15px; box-sizing: border-box; background:#f6f6f6; overflow:hidden; }
.cpBox21 .swiper-slide .txt { position:relative; z-index:5; }
.cpBox21 .swiper-slide .txt .p1 { font-size:18px; color:#333; }
.cpBox21 .swiper-slide .txt .p2 { width:33px; height:2px; background:#196658; margin-top:15px; }
.cpBox21 .swiper-slide .txt .p3 { font-size:16px; color:#666; margin-top:30px; letter-spacing:1px; text-align:justify; }

.cpBox21 .swiper-slide .pic { position:absolute; right:0; bottom:0; z-index:0; }
.cpBox21 .swiper-slide .pic img { width:auto; height:135px; }

.cpBox21 .swiper-slide:hover a { background:#196658; }
.cpBox21 .swiper-slide:hover .txt .p1 { color:#fff; }
.cpBox21 .swiper-slide:hover .txt .p2 { background:#fff; opacity:0.5; }
.cpBox21 .swiper-slide:hover .txt .p3 { color:#fff; }

.swiper-pagination-cp21 { text-align:center; margin-top:30px; font-size:0; }
.swiper-pagination-cp21 .swiper-pagination-bullet { width:10px; height:10px; margin:0 7px;  border-radius:100%; background:#65988f; opacity:1; }
.swiper-pagination-cp21 .swiper-pagination-bullet-active { width:25px; border-radius:10px; background:#196658; }

@media all and (max-width:1680px){
	.cpBox21 .swiper-slide a { padding:30px 20px 0 20px; min-height:265px; }
	.cpBox21 .swiper-slide .txt .p1 { font-size:18px; }
	.cpBox21 .swiper-slide .txt .p2 { width:33px; margin-top:15px; }
	.cpBox21 .swiper-slide .txt .p3 { font-size:16px; margin-top:20px; }
 
	.cpBox21 .swiper-slide .pic img { width:auto; height:100px; }

	.swiper-pagination-cp21 { margin-top:25px; }
	.swiper-pagination-cp21 .swiper-pagination-bullet { width:10px; height:10px; margin:0 7px; }
	.swiper-pagination-cp21 .swiper-pagination-bullet-active { width:25px; }
}
@media all and (max-width:1200px){
	.cpBox21 .swiper-slide a { padding:30px 15px 0 15px; min-height:220px; }
	.cpBox21 .swiper-slide .txt .p1 { font-size:16px; }
	.cpBox21 .swiper-slide .txt .p2 { width:30px; margin-top:10px; }
	.cpBox21 .swiper-slide .txt .p3 { font-size:14px; margin-top:15px; }

 
	.cpBox21 .swiper-slide .pic img { width:auto; height:80px; }

	.swiper-pagination-cp21 { margin-top:25px; }
	.swiper-pagination-cp21 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; }
	.swiper-pagination-cp21 .swiper-pagination-bullet-active { width:20px; }
}
@media all and (max-width:900px){
	 .cpBox21 .swiper-slide a { padding:20px 15px 0 15px; min-height:180px; }
	 .cpBox21 .swiper-slide .pic img { width:auto; height:60px; }
	 
	.swiper-pagination-cp21 .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px; }
	.swiper-pagination-cp21 .swiper-pagination-bullet-active { width:10px; }
}

 


.cpBox22 { overflow:hidden; }
.cpBox22 .bd01 { position:relative; padding-top:50px;  z-index:2; }
.cpBox22 .bd01:before { position:absolute; top:0; left:50%; width:1100px; height:1100px; border:1px solid #c2e4de; border-radius:100%; transform: translateX(-50%); display:block; content:""; z-index:-1; }


.cpTxt01 { position:relative; height:500px; border-bottom:1px solid #c2e4de; overflow:hidden; z-index:5; }
.cpTxt01:before { position:absolute; top:80px; left:50%; width:840px; height:840px; border:1px solid #c2e4de; border-radius:100%; transform: translateX(-50%); display:block; content:""; z-index:-1; }
 

.rotatingSlider { position: relative; width: 1000px; height: 1000px; margin: 0 auto; border-radius: 100%;  }
.rotatingSlider ul { position: relative; width: 1000px; height: 1000px; left: 50%; transform-origin: center center; border-radius: 100%; transform: translateX(-50%) rotate(0deg); transition: all .3s ease; }
.rotatingSlider ul li { position: absolute; top: 0; left: 50%; transform-origin: center 500px; height: 500px; width: 500px; text-align: center; transform-origin: bottom center; cursor:pointer; }
.rotatingSlider ul li .p1 { font-size:18px; line-height:20px; color:#333; text-align:center; }
.rotatingSlider ul li .p2 { width:80px; height:80px; border-radius:100%; margin:20px auto 0; }
.rotatingSlider ul li .p2 img { width:100%; height:100%; border-radius:100%; }
.rotatingSlider ul li .p2 .img02 { display:none; }

.rotatingSlider ul li.swiper-slide-active .p1 { font-weight:bold; color:#1a6859; }
.rotatingSlider ul li.swiper-slide-active .p2 .img01 { display:none; }
.rotatingSlider ul li.swiper-slide-active .p2 .img02 { display:block; }

.cpTxt02 { position:absolute; left:50%; bottom:-225px; width:450px; transform: translateX(-50%); z-index:5; }
.cpTxt02:before { position:absolute; left:50%; top:50%; width:600px; height:600px; background:#f0f4f3; border-radius:100%; transform: translate(-50%,-50%); display:block; content:""; z-index:-1; }
.cpTxt02:after { position:absolute; left:50%; top:50%; width:500px; height:500px; border:3px solid #a0c8c0; border-radius:100%; transform: translate(-50%,-50%); display:block; content:""; z-index:-1; }
.cpTxt02 .swiper-container { width:100%; height:450px; background:#1a695b; border-radius:100%; }
.cpTxt02 .swiper-slide { width:100%; text-align: center; padding-top:60px; color:#fff; box-sizing: border-box; }
.cpTxt02 .swiper-slide .p1 { font-size:24px; font-weight:bold; }
.cpTxt02 .swiper-slide .p2 { font-size:16px; line-height:30px; margin:15px auto 0; max-width:300px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }

.cpBox22 .bd02 { margin-top:30px; display:none; }
.cpBox22 .bd02 .bd21 { width:80%; margin:0 auto; }
.cpBox22 .bd02 .bd21 .swiper-slide { text-align:center; }
.cpBox22 .bd02 .bd21 .swiper-slide .p1 { padding:7px; width:60px; border-radius:100%; margin:0 auto; }
.cpBox22 .bd02 .bd21 .swiper-slide .p1 img { width:100%; height:auto; }
.cpBox22 .bd02 .bd21 .swiper-slide .p1 .img02 { display:none; }
.cpBox22 .bd02 .bd21 .swiper-slide .p2 { font-size:14px; color:#2f2f2f; margin-top:15px; }

.cpBox22 .bd02 .bd21 .swiper-slide-thumb-active .p1 { background: linear-gradient(to right,#ddefec,#d7e7e5); }
.cpBox22 .bd02 .bd21 .swiper-slide-thumb-active .p1 .img01 { display:none; }
.cpBox22 .bd02 .bd21 .swiper-slide-thumb-active .p1 .img02 { display:block; }
.cpBox22 .bd02 .bd21 .swiper-slide-thumb-active .p2 { font-weight:bold; color:#1a6859; }

.cpBox22 .bd02 .bd22 { margin-top:30px; }
.cpBox22 .bd02 .bd22 .swiper-slide .tt { border:10px solid #f0f4f3; background:#146954; height:200px; color:#fff; border-radius:20px; box-sizing: border-box; display:flex; align-items: center; justify-content: center; }
.cpBox22 .bd02 .bd22 .swiper-slide .tt .tt01 { width:92%; text-align:center; }
.cpBox22 .bd02 .bd22 .swiper-slide .tt .p1 { font-size:18px; font-weight:bold; }
.cpBox22 .bd02 .bd22 .swiper-slide .tt .p2 { font-size:14px; line-height:25px; margin-top:15px; }

.swiper-pagination-bd22 { text-align:center; margin-top:20px; font-size:0; }
.swiper-pagination-bd22 .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px;  border-radius:100%; background:#65988f; opacity:1; }
.swiper-pagination-bd22 .swiper-pagination-bullet-active { width:10px; border-radius:10px; background:#196658; }


/*
.cpBox22 .bd02 ul li { padding-bottom:15px; border-bottom:1px solid #eee; text-align:center; }
.cpBox22 .bd02 ul li:nth-child(n + 2) { margin-top:20px; }
.cpBox22 .bd02 ul li .p1 img { width:45px; }
.cpBox22 .bd02 ul li .p2 { font-size:18px; color:#333; margin-top:10px; }
.cpBox22 .bd02 ul li .p3 { font-size:14px; color:#333; margin-top:10px; }


.cpBox22 .bd02 .swiper-slide { text-align:center; }
.cpBox22 .bd02 .swiper-slide .p1 img { width:55px; }
.cpBox22 .bd02 .swiper-slide .p2 { font-size:18px; color:#333; margin-top:10px; }
.cpBox22 .bd02 .swiper-slide .p3 { font-size:14px; color:#333; margin-top:10px; }

.swiper-pagination-cpsj { text-align:center; margin-top:25px; font-size:0; }
.swiper-pagination-cpsj .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px;  border-radius:100%; background:#65988f; opacity:1; }
.swiper-pagination-cpsj .swiper-pagination-bullet-active { width:25px; border-radius:10px; background:#196658; }
*/


@media screen and (max-width: 1200px) {
	.cpBox22 .bd01 { padding-top:50px; }
	.cpBox22 .bd01:before { width:90vw; height:90vw; }


	.cpTxt01 { height:40vw; }
	.cpTxt01:before { top:5vw; width:70vw; height:70vw; }
	 

	.rotatingSlider { width:80vw; height:80vw; }
	.rotatingSlider ul { width: 80vw; height: 80vw; }
	.rotatingSlider ul li { transform-origin: center 40vw; height: 40vw; width: 40vw;  }
	.rotatingSlider ul li .p1 { font-size:14px; line-height:20px; }
	.rotatingSlider ul li .p2 { width:50px; height:50px; margin:15px auto 0; }
 
	.cpTxt02 { bottom:-25vw; width:45vw; }
	.cpTxt02:before { width:55vw; height:55vw; }
	.cpTxt02:after {  width:50vw; height:50vw; }
	.cpTxt02 .swiper-container { height:45vw; }
	.cpTxt02 .swiper-slide {  padding-top:50px; }
	.cpTxt02 .swiper-slide .p1 { font-size:20px; }
	.cpTxt02 .swiper-slide .p2 { font-size:14px; line-height:25px; margin:15px auto 0; max-width:100%; padding:0 10%; -webkit-line-clamp:3; }
}
@media screen and (max-width: 900px) {
	.cpBox22 .bd01 { display:none; }
	.cpBox22 .bd02 { display:block; }
}
 




/*
.cpBox22 .bd01 ul { display:flex; flex-wrap: wrap;  flex-direction:row; }
.cpBox22 .bd01 ul li { width:31.5%; margin-right:2.75%; }
.cpBox22 .bd01 ul li:nth-child(3n) { margin-right:0; }
.cpBox22 .bd01 ul li:nth-child(n + 4) { margin-top:50px; }
.cpBox22 .bd01 ul li .p1 { min-height:105px; border-bottom:1px solid #d4d3d3; }
.cpBox22 .bd01 ul li .p1 img { max-height:81px; width:auto; }
.cpBox22 .bd01 ul li .p2 { font-size:18px; margin-top:30px; color:#333; }
.cpBox22 .bd01 ul li .p3 { font-size:16px; margin-top:10px; color:#666; }
 

@media all and (max-width:1680px){
	.cpBox22 .bd01 ul li { width:31.5%; margin-right:2.75%; }
	.cpBox22 .bd01 ul li:nth-child(3n) { margin-right:0; }
	.cpBox22 .bd01 ul li:nth-child(n + 4) { margin-top:30px; }
	.cpBox22 .bd01 ul li .p1 { min-height:80px; }
	.cpBox22 .bd01 ul li .p1 img { max-height:60px; width:auto; }
	.cpBox22 .bd01 ul li .p2 { font-size:18px; margin-top:20px; }
	.cpBox22 .bd01 ul li .p3 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:900px){
	.cpBox22 .bd01 ul li { width:49%; margin-right:2%; }
	.cpBox22 .bd01 ul li:nth-child(3n) { margin-right:2%; }
	.cpBox22 .bd01 ul li:nth-child(2n) { margin-right:0; }
	.cpBox22 .bd01 ul li:nth-child(n + 3) { margin-top:25px; }
	.cpBox22 .bd01 ul li .p1 { min-height:55px; }
	.cpBox22 .bd01 ul li .p1 img { max-height:40px; width:auto; }
	.cpBox22 .bd01 ul li .p2 { font-size:16px; margin-top:15px; }
	.cpBox22 .bd01 ul li .p3 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:450px){
	.cpBox22 .bd01 ul li { width:100%; margin-right:0; }
	.cpBox22 .bd01 ul li:nth-child(3n) { margin-right:0; }
	.cpBox22 .bd01 ul li:nth-child(2n) { margin-right:0; }
	.cpBox22 .bd01 ul li:nth-child(n + 2) { margin-top:20px; }
}
*/

.cpBox23 .bd03 { margin-top:25px; }
.cpBox23 .bd03 ul { display:flex; flex-wrap: wrap;  flex-direction:row; }
.cpBox23 .bd03 ul li { position:relative;  width:22.75%; margin-right:3%; z-index:2; }
.cpBox23 .bd03 ul li:before { position:absolute; top:7px; left:7px; width:100%; height:100%; background:#dae7e4; display:none; content:""; border-radius:15px; overflow:hidden; z-index:-1; }
.cpBox23 .bd03 ul li:nth-child(4n) { margin-right:0; }
.cpBox23 .bd03 ul li:nth-child(n + 5) { margin-top:50px; }
.cpBox23 .bd03 ul li a { display:block; height:100%; padding:60px 30px 50px 30px; background:url(zx03.png) no-repeat center; background-size:100% 100%!important; box-sizing: border-box; text-align:center; border-radius:15px; overflow:hidden; }
.cpBox23 .bd03 ul li .p1 { font-size:18px; color:#196658; font-weight:bold; }
.cpBox23 .bd03 ul li .p2 { margin-top:15px; height:15px; background:url(zx05.png) no-repeat center; }
.cpBox23 .bd03 ul li .p3 { margin-top:20px; font-size:16px; line-height:30px; color:#333; }

.cpBox23 .bd03 ul li:hover:before { display:block; }
.cpBox23 .bd03 ul li:hover a { background:url(zx04.png) no-repeat center; }
.cpBox23 .bd03 ul li:hover .p1 { color:#fff; }
.cpBox23 .bd03 ul li:hover .p2 { background:none; }
.cpBox23 .bd03 ul li:hover .p3 { color:#fff; }


@media all and (max-width:1200px){
	.cpBox23 .bd03 { margin-top:25px; }
	.cpBox23 .bd03 ul li { width:32%; margin-right:2%; }
	.cpBox23 .bd03 ul li:nth-child(4n) { margin-right:2%; }
	.cpBox23 .bd03 ul li:nth-child(3n) { margin-right:0; }
	.cpBox23 .bd03 ul li:nth-child(n + 4) { margin-top:30px; }
	.cpBox23 .bd03 ul li a { padding:40px 20px 30px 20px; }
	.cpBox23 .bd03 ul li .p1 { font-size:18px; }
	.cpBox23 .bd03 ul li .p2 { margin-top:15px; height:15px; }
	.cpBox23 .bd03 ul li .p3 { margin-top:20px; font-size:14px; line-height:25px; }
}
@media all and (max-width:750px){
	.cpBox23 .bd03 ul li { width:49%; margin-right:2%; }
 
	.cpBox23 .bd03 ul li:nth-child(4n) { margin-right:2%; }
	.cpBox23 .bd03 ul li:nth-child(3n) { margin-right:2%; }
	.cpBox23 .bd03 ul li:nth-child(2n) { margin-right:0; }
	.cpBox23 .bd03 ul li:nth-child(n + 3) { margin-top:20px; }
	.cpBox23 .bd03 ul li a {  padding:30px 15px 20px 15px; }
	.cpBox23 .bd03 ul li .p1 { font-size:14px; }
	.cpBox23 .bd03 ul li .p2 { margin-top:10px; height:10px; background-size:auto 10px; }
	.cpBox23 .bd03 ul li .p3 { margin-top:15px; font-size:14px; line-height:25px; }
}
@media all and (max-width:540px){
	.cpBox23 .bd03 ul li { width:100%; margin-right:0; }
	 
	.cpBox23 .bd03 ul li:nth-child(4n) { margin-right:0; }
	.cpBox23 .bd03 ul li:nth-child(3n) { margin-right:0; }
	.cpBox23 .bd03 ul li:nth-child(2n) { margin-right:0; }
	.cpBox23 .bd03 ul li:nth-child(n + 2) { margin-top:20px; }
	.cpBox23 .bd03 ul li a {   padding:30px 15px; }
	.cpBox23 .bd03 ul li .p1 { font-size:14px; }
}

.cpCon { position:relative; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; z-index:1; }
.cpCon:before { position:absolute; width:1px; top:0; bottom:0; left:247px; width:1px; display:block; content:""; background:#d7d7d7; z-index:-1; }
.cpCon .hd { width:250px; }
.cpCon .hd ul li { position:relative; text-align:right; padding-right:30px; cursor:pointer; }
.cpCon .hd ul li:before { position:absolute; top:50%; transform: translateY(-50%); right:0; width:5px; height:20px; background:#196658; content:""; display:none; z-index:2; }
.cpCon .hd ul li:nth-child(n + 2) { margin-top:25px; }
.cpCon .hd ul li i { display:inline-block; font-size:16px; padding:0 20px; line-height:50px; font-weight:bold; color:#333; border-radius:25px; }

.cpCon .hd ul li.on:before { display:block; }
.cpCon .hd ul li.on i { background: linear-gradient(to right,#fbfdfc,#e9f1ef); color:#196658; }

.cpCon .bd { width:calc(100% - 300px); font-size:16px; line-height:2; padding-bottom:60px; color:#333; }
.cpCon .bd img { max-width:100%!important; height:auto!important; }

.cpBox23 .bd02 { margin-top:75px; background:#ebf2f1; padding:40px 70px; border-radius:10px; font-size:16px; color:#1e695c; line-height:2; }

@media all and (max-width:1680px){
 
}
@media all and (max-width:1200px){
	.cpCon:before { left:198px; }
	.cpCon .hd { width:200px; }
	.cpCon .hd ul li { padding-right:20px; }
	.cpCon .hd ul li:before { width:3px; height:20px; }
	.cpCon .hd ul li:nth-child(n + 2) { margin-top:20px; }
	.cpCon .hd ul li i { font-size:14px; padding:0 15px; line-height:40px; }
 
	.cpCon .bd { width:calc(100% - 250px); font-size:14px; line-height:25px; padding-bottom:40px; }
	
	.cpBox23 .bd02 { margin-top:40px; padding:30px; font-size:14px; line-height:25px; }
}
@media all and (max-width:900px){
	.cpCon:before { display:none; }
	.cpCon .hd { width:100%; }
	.cpCon .hd { width:100%; }
	.cpCon .hd ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between;}
	.cpCon .hd ul li { width:49%; padding:0; height:45px; text-align:center; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: center; align-items: center; }
	.cpCon .hd ul li:nth-child(n + 2) { margin-top:0; }
	.cpCon .hd ul li:nth-child(n + 3) { margin-top:15px; }
	.cpCon .hd ul li:before { display:none!important; }
	.cpCon .hd ul li i { display:block; font-size:14px; padding:0 10px; line-height:20px; background:none!important; }
	.cpCon .hd ul li { background:#f5f5f5; border-radius:5px; }
	.cpCon .hd ul li.on { background:#196658; color:#196658; }
	.cpCon .hd ul li.on i { color:#fff; }
	
	.cpCon .bd { width:100%; margin-top:30px; padding-bottom:0; }

	.cpBox23 .bd02 { margin-top:30px; padding:30px 4%; font-size:14px; line-height:25px; }	
}

.disArea01 { padding:170px 0 70px; background:url(bg01.jpg) no-repeat center; background-size:100% 100%; color:#fff; }
.disArea01 h1 { font-size:30px; font-weight:normal; }
.disArea01 p { font-size:16px; margin-top:30px; color:#c6c4c4; }

.disArea02 { padding:90px 0 100px;  color:#040404; }
.disArea02 .wrap02 { position:relative; }
.disArea02 .bd { min-height:240px; font-size:16px; line-height:1.7; color:#666; }
.disArea02 .bd img { max-width:100%; height:auto!important; }
.disArea02 .bd video { max-width:100%; height:auto!important; }

.disArea02 .ft { padding:20px 0 0; margin-top:40px; border-top:1px solid #ddd; font-size:14px; }
.disArea02 .ft ul li { height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.fhBox { position:absolute; left: -32%; top: 130px; text-align:center; z-index:2; }
.fhBox .p1 { width: 77px; box-shadow: 0px 5px 24px 0 rgba(214, 211, 211, 0.35); border-radius: 50%; margin: 0 auto; }
.fhBox .p1 img { width:100%; height:auto; }
.fhBox .p2 { font-size: 16px; margin-top:15px; color: #999; transition: all 0.36s; }
.fhBox:hover .p2 { color: #00594c; }

@media all and (max-width:1680px){
	.disArea01 { padding:150px 0 60px; }
	.disArea01 h1 { font-size:24px; }
	.disArea01 p { font-size:14px; margin-top:20px; }

	.disArea02 { padding:60px 0; }

	.disArea02 .bd { font-size:16px; line-height:1.7; }
 
	.disArea02 .ft { margin-top:20px; }
 
	.fhBox { left: -10vw; top: 100px; }
	.fhBox .p1 { width: 50px; }
	.fhBox .p2 { font-size: 14px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.disArea01 { padding:50px 0 50px; }
	.disArea01 h1 { font-size:18px; }
	.disArea01 p { font-size:12px; margin-top:20px; }

	.disArea02 { padding:40px 0; }

	.disArea02 .bd { font-size:14px; }
 
	.disArea02 .ft { margin-top:20px; }
	
	.fhBox { display:none; }
}
 

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

@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .hd h1 { font-size:20px; }
	.article .bd { font-size:14px; }
}

.yyArea { padding:290px 0 120px; background:url(yy01.jpg) no-repeat center top; }
.yyArea01 { padding:0 50px; }
.yyArea01 .hd { width:505px; }
.yyArea01 .hd ul li { float:left; width:155px; margin-right:20px; padding-top:25px; text-align:center; background:#fff; border-radius:15px; min-height:140px; box-sizing: border-box; cursor:pointer; }
.yyArea01 .hd ul li:nth-child(3n) { margin-right:0; }
.yyArea01 .hd ul li:nth-child(n + 4) { margin-top:20px; }
.yyArea01 .hd ul li .p1 { height:40px; font-size:0; }
.yyArea01 .hd ul li .p1 img { max-height:40px; width:auto; }
.yyArea01 .hd ul li .p1 .img02 { display:none; }
.yyArea01 .hd ul li .p2 { font-size:20px; margin-top:15px; color:#046d5e; font-weight:bold; }

.yyArea01 .hd ul li.on { background:#046d5e; }
.yyArea01 .hd ul li.on .p1 .img01 { display:none; }
.yyArea01 .hd ul li.on .p1 .img02 { display:inline-block; }
.yyArea01 .hd ul li.on .p2  { color:#fff; }

.yyArea01 .bd { margin-top:60px; font-size:0; }
.yyArea01 .bd .tbbd { display:none; }
.yyArea01 .bd ul li { display:inline-block; width:145px; margin-right:40px; cursor:pointer; }
.yyArea01 .bd ul li:last-child { margin-right:0; }
.yyArea01 .bd ul li img { width:100%; height:auto; }

@media all and (max-width:1680px){
	.yyArea { padding:180px 0 100px; }
	.yyArea01 { padding:0; }
	 
	.yyArea01 .hd ul li .p1 { height:40px; font-size:0; }
	.yyArea01 .hd ul li .p1 img { max-height:40px; width:auto; }
	.yyArea01 .hd ul li .p2 { font-size:20px; margin-top:15px; }
 
	.yyArea01 .bd { margin-top:40px; }
	.yyArea01 .bd ul li { width:150px; margin-right:60px; }
}
@media all and (max-width:1200px){
	.yyArea { padding:100px 0; }
}
@media all and (max-width:900px){
	.yyArea { padding:80px 0; } 
}
@media all and (max-width:750px){
	.yyArea { padding:60px 0; background:url(yy04.jpg) no-repeat center top; background-size:100% auto; } 
	.yyArea01 .hd { width:420px; margin:0 auto; }
	.yyArea01 .hd ul li { width:130px; margin-right:15px; padding-top:25px; min-height:115px; }
	.yyArea01 .hd ul li:nth-child(3n) { margin-right:0; }
	.yyArea01 .hd ul li:nth-child(n + 4) { margin-top:15px; }
	.yyArea01 .hd ul li .p1 { height:30px; font-size:0; }
	.yyArea01 .hd ul li .p1 img { max-height:30px; width:auto; }
	.yyArea01 .hd ul li .p2 { font-size:14px; margin-top:10px; }
 
	.yyArea01 .bd { margin:30px auto 0; width:275px; text-align:center; }
	.yyArea01 .bd ul li { width:125px; margin-right:25px; }
	.yyArea01 .bd ul li:nth-child(2n) { margin-right:0; }
	.yyArea01 .bd ul li:nth-child(n + 3) { margin-top:15px; }	
}
@media all and (max-width:500px){
	.yyArea01 .hd { width:100%; margin:0 auto; }
	.yyArea01 .hd ul li { width:32%; margin-right:2%; padding-top:25px; min-height:115px; }
	.yyArea01 .hd ul li:nth-child(3n) { margin-right:0; }
	.yyArea01 .hd ul li:nth-child(n + 4) { margin-top:15px; }
}


.yybox { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.48); z-index:9999999; display:none; }
.yybox .txt { position:absolute; top:290px; left:50%; transform: translateX(-50%); background:#f0f1f1; border-radius:15px; text-align:center; box-sizing: border-box; overflow:hidden; z-index:9; }
.yybox .txt .p1 { font-size:24px; color:#095d4e; }
.yybox .txt .p2 { margin-top:40px; }
.yybox .txt .p2 a { display:inline-block; padding:0 35px; background:#046d5e; border-radius:10px; }
.yybox .txt .p2 a i { display:inline-block; padding-left:50px; line-height:65px; font-size:22px; color:#fff; background:url(yy02.svg) no-repeat center left; background-size:30px 30px; }
.yybox .txt .p3 { width:180px; margin:25px auto 0; background:#fff; border-radius:10px; overflow:hidden; }
.yybox .txt .p3 img { width:100%; height:auto; }
.yybox .txt .gbBtn { position:absolute; top:20px; right:20px; width:20px; height:20px; background:url(yy03.svg) no-repeat center; background-size:14px 14px; z-index:2; cursor:pointer; }

.yybox01 .txt { width:530px; height:300px; padding-top:70px; }
.yybox02 .txt { width:440px; height:300px; padding-top:30px; }

@media all and (max-width:1680px){
	.yybox .txt { top:180px; }
	.yybox .txt .p1 { font-size:24px; }
	.yybox .txt .p2 { margin-top:40px; }
	.yybox .txt .p2 a { padding:0 30px; }
	.yybox .txt .p2 a i {  padding-left:50px; line-height:60px; font-size:18px; background-size:30px 30px; }
	.yybox .txt .p3 { width:180px; }
	
	.yybox01 .txt { width:500px; height:280px; padding-top:65px; }
}
@media all and (max-width:750px){
	.yybox .txt { top:50%; transform: translate(-50%,-50%); }
	.yybox .txt .p1 { font-size:20px; }
	.yybox .txt .p2 { margin-top:30px; }
	.yybox .txt .p2 a { padding:0 25px; }
	.yybox .txt .p2 a i {  padding-left:40px; line-height:45px; font-size:14px; background-size:25px 25px; }
	.yybox .txt .p3 { width:150px; }
	
	.yybox01 .txt { width:92%; height:auto; padding:40px 0; }
	.yybox02 .txt { width:92%; height:auto; padding:40px 0; }
}

.mzArea { width:1000px; max-width:92%; margin:25px auto; background:#fff; }
.mzArea .wrap { width:100%; padding:20px; box-sizing: border-box; }
.mzArea .title { color:#C00; border-bottom:1px solid #C00; text-align:center; font-size:18px; font-weight:bold; padding-bottom:10px; }
.mzArea .content{ padding:20px 0px; line-height:1.6; font-size:14px; }

 


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



@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);
	} 
}