@charset "utf-8";

.topArea { position:relative; }

/* Banner */
.banner-ny { position:relative; }
.banner-ny img { width:100%; height:auto; }
.banner-ny .img02 { display:none; }
 
@media all and (max-width:1200px){
	.banner-ny .img01 { display:none; }
	.banner-ny .img02 { display:block; }
}
 
/* 主体 */
.container { position:relative; padding:0; background:#f4f6fa; }
.wrap {  margin:0 auto; }

.main { padding:80px 0 100px; }

@media all and (max-width:1680px){
	.main { padding:80px 0; }
}
@media all and (max-width:1280px){
	.main { padding:60px 0; }
}
@media all and (max-width:1200px){
	.main { padding:30px 0; }
}

.sidebar { position:absolute; left:0; top:-80px; right:0; background:rgba(142,198,68,0.9); z-index:9; }
.leftTitle { display:none; }

.menu { position:relative; }
.menu ul li { position:relative; float:left; }
.menu ul li a { position:relative; display:inline-block; padding:0 80px; font-size:22px; color:#fff; height:80px; line-height:80px; font-weight:bold; }
.menu ul li a.current,.menu ul li:hover a { background: linear-gradient(to right,#d7df41,#bdda64); }
 
@media all and (max-width:1680px){
	.sidebar { top:-60px; }
	
	.menu ul li a { padding:0 40px; font-size:18px; height:60px; line-height:60px; }
}
@media all and (max-width:1200px){
	.sidebar { display:none; }
}

.ywMenu { background:#98cb56; }
.ywMenu ul li { position:relative; float:left; width:20%; text-align:center; }
.ywMenu ul li:before { position:absolute; display:block; content:""; width:1px; height:45px; right:0; top:50%; transform: translateY(-50%); background:url(yw01.png) no-repeat center;  z-index:2; }
.ywMenu ul li:after { position:absolute; display:none; content:""; width:22px; height:11px; bottom:-11px; left:50%; transform: translateX(-50%); background:url(yw02.png) no-repeat center;  z-index:2; }
.ywMenu ul li:last-child:before { display:none; }
.ywMenu ul li a { display:block; padding-top:20px; min-height:120px; box-sizing: border-box; }
.ywMenu ul li .p1 { min-height:45px; }
.ywMenu ul li .p1 img { max-height:35px; }
.ywMenu ul li .p2 { font-size:22px; font-weight:bold; color:#fff; }

.ywMenu ul li.current a,.ywMenu ul li:hover a { background: linear-gradient(to right,#d7df41,#bdda64); }
.ywMenu ul li.current:after,.ywMenu ul li:hover:after { display:block; }

@media all and (max-width:1680px){
	.ywMenu ul li a { padding-top:20px; min-height:100px; }
	.ywMenu ul li .p1 { min-height:40px; }
	.ywMenu ul li .p1 img { max-height:30px; }
	.ywMenu ul li .p2 { font-size:18px; }	
}
@media all and (max-width:1200px){
	.ywMenu { background:none; padding:30px 0 0; }
	.ywMenu ul li { float:left; width:49%; text-align:center; margin-right:2%; }
	.ywMenu ul li:nth-child(2) { margin-right:0; }
	.ywMenu ul li:nth-child(n + 3) { width:32%; margin-top:2%; margin-right:2%;  }
	.ywMenu ul li:nth-child(5) { margin-right:0; }
	.ywMenu ul li:before { display:none; }
	.ywMenu ul li:after { display:none; }
 
	.ywMenu ul li a { display:block; padding-top:0; min-height:10px; box-sizing: border-box; background:#95cc4c; border-top:2px solid #95cc4c; }
	.ywMenu ul li .p1 { display:none; }
	.ywMenu ul li .p2 { font-size:14px; font-weight:bold; color:#fff; line-height:50px; }

	.ywMenu ul li.current a,.ywMenu ul li:hover a { background: #edf1f7; color:#95cc4c; }
	.ywMenu ul li.current a .p2,.ywMenu ul li:hover a .p2 { color:#95cc4c; }
	.ywMenu ul li.current:after,.ywMenu ul li:hover:after { display:none; } 
}

.ywCon { padding:40px 0 85px; }
.ywCon .wrap01 { background:#fff; }
.ywCon .hd { position:relative; border-bottom:1px solid rgba(152,203,86,0.3); }
.ywCon .hd .p1 { position:absolute; top:50%; left:0; text-align:center; width:230px; font-size:26px; color:#4f524c; font-weight:bold; transform: translateY(-50%); z-index:2; }
.ywCon .hd .p2 { position:relative; float:right; width:calc(100% - 230px); padding:35px 40px; font-size:18px; color:#f1f1f1; border-left:1px solid rgba(152,203,86,0.3); box-sizing: border-box; }
.ywCon .hd .p2:before { position:absolute; top:50%;  transform: translateY(-50%); display:block; content:""; left:-1px; width:12px; height:22px; background:url(yw07.jpg) no-repeat center; z-index:2; }
.ywCon .hd .p2 i { display:inline-block; padding:0 20px; color:#292929; font-size:22px; }

.ywCon .bd { padding:50px 50px 60px 50px; }

.ywCon01 { line-height:1.1; }
.ywCon01 .p1 { font-size:36px; color:#4f524c; font-weight:bold; border-left:6px solid #95cc4c; padding-left:30px; }
.ywCon01 .p2 { font-size:26px; color:#424242; margin-top:35px; line-height:1.8; }
 
.ywCon02 { margin-top:65px; font-size:30px; color:#91bf39; font-weight:bold; }

.ywCon03 { position:relative; margin-top:60px; padding:40px 50px 50px 50px; border:2px solid #91bf39; border-radius:5px; }
.ywCon03:before { position:absolute; width:30px; height:18px; left:105px; top:-18px; display:block; content:""; background:url(yw06.jpg) no-repeat center; z-index:2; }
.ywCon031 ul li:nth-child(n + 2) { margin-top:40px; }
.ywCon031 ul li .p1 { position:relative; z-index:1; }
.ywCon031 ul li .p1 i { position:relative; display:inline-block; font-size:24px; color:#505b42; padding:0 10px 0 40px; line-height:50px; font-weight:bold; background: linear-gradient(to right,#f4f8dc,#9dcd41); }
.ywCon031 ul li .p1 i:before { position:absolute; left:-40px; top:0; width:40px; height:50px; display:block; content:""; background:url(yw08.png) no-repeat center right; z-index:-1; }
.ywCon031 ul li .p1 i:after { position:absolute; right:-42px; top:0; width:42px; height:50px; display:block; content:""; background:url(yw09.png) no-repeat center left; z-index:-1; }


.ywCon031 ul li .p2 { padding-left:45px; margin-top:35px; }
.ywCon031 ul li .p2 p { padding-left:25px; font-size:26px; color:#424242; line-height:1.8; background:url(yw05.png) no-repeat left 17px; }
.ywCon031 ul li .p3 { margin-top:35px; font-size:16px; color:#424242; padding-left:70px; }
.ywCon031 ul li .p3 img { max-width:100%; }

.ywCon032 { margin-top:45px; font-size:26px; color:#424242; line-height:1.8; }
.ywCon033 { margin-top:65px; }
.ywCon033 ul li { float:left; width:49%; margin-right:2%; text-align:center; }
.ywCon033 ul li .txt { line-height:60px; background:#f4f6fa; }
.ywCon033 ul li .txt i { display:inline-block; padding-left:40px; color:#242424; font-size:20px; font-weight:bold; background:url(yw03.png) no-repeat center left; }
.ywCon033 ul li:nth-child(2n) { margin-right:0; }
.ywCon033 ul li:nth-child(n + 3) { margin-top:30px; }

@media all and (max-width:1680px){
	.ywCon { padding:40px 0 60px; }
	.ywCon .hd .p1 { width:180px; font-size:20px; }
	.ywCon .hd .p2 { width:calc(100% - 180px); padding:25px 30px; font-size:16px; }
	.ywCon .hd .p2 i { padding:0 15px; font-size:20px; }

	.ywCon .bd { padding:40px; }
 
	.ywCon01 .p1 { font-size:28px; border-left:3px solid #95cc4c; padding-left:25px; }
	.ywCon01 .p2 { font-size:20px; margin-top:25px; line-height:1.7; }
	 
	.ywCon02 { margin-top:40px; font-size:28px; }

	.ywCon03 { margin-top:40px; padding:40px; }
	.ywCon03:before { left:65px; }
	.ywCon031 ul li:nth-child(n + 2) { margin-top:30px; }
	.ywCon031 ul li .p1 i { font-size:20px; padding-left:30px; line-height:40px; }
	.ywCon031 ul li .p1 i:before { left:-30px; width:30px; height:40px; background-size:64px 40px; }
	.ywCon031 ul li .p1 i:after { right:-34px; width:34px; height:40px; background-size:34px 40px; }

	.ywCon031 ul li .p2 { padding-left:20px; margin-top:25px; }
	.ywCon031 ul li .p2 p { padding-left:20px; font-size:20px; line-height:1.7; background:url(yw05.png) no-repeat left 14px; background-size:10px 10px; }
	.ywCon031 ul li .p3 { margin-top:25px; padding-left:40px; }
	
	.ywCon032 { margin-top:30px; font-size:20px; line-height:1.7; }
	.ywCon033 { margin-top:40px; }
	.ywCon033 ul li { float:left; width:49%; margin-right:2%; }
	.ywCon033 ul li .txt { line-height:50px; }
	.ywCon033 ul li .txt i { padding-left:30px; font-size:18px; background-size:16px 20px; }
	.ywCon033 ul li:nth-child(2n) { margin-right:0; }
	.ywCon033 ul li:nth-child(n + 3) { margin-top:20px; }
}
@media all and (max-width:1280px){
	
}
@media all and (max-width:1200px){
	.ywCon { padding:25px 0; }
	.ywCon .hd { padding:15px 0; }
	.ywCon .hd .p1 { position:relative; top:auto; left:auto; text-align:left; width:100%; font-size:15px; transform: translateY(0); padding-left:calc(4% + 5px); }
	.ywCon .hd .p2 { width:100%; padding:0 4%; font-size:14px; margin-top:5px; border:none; }
	.ywCon .hd .p2:before { display:none; }
	.ywCon .hd .p2 i { padding:0 5px; font-size:14px; }

	.ywCon .bd { padding:30px 4%; }
 
	.ywCon01 .p1 { font-size:18px; border-left:3px solid #95cc4c; padding-left:15px; }
	.ywCon01 .p2 { font-size:14px; margin-top:20px; line-height:1.6; }
	 
	.ywCon02 { margin-top:20px; font-size:16px; }

	.ywCon03 { margin-top:20px; padding:30px 10px; border:1px solid #91bf39; }
	.ywCon03:before { left:25px; width:17px; height:10px; top:-10px; background-size:contain; }
	.ywCon031 ul li:nth-child(n + 2) { margin-top:30px; }
	.ywCon031 ul li .p1 i { font-size:15px; padding-left:20px; line-height:35px; }
	.ywCon031 ul li .p1 i:before { left:-10px; width:10px; height:35px; background-size:56px 35px; }
	.ywCon031 ul li .p1 i:after { right:-29px; width:29px; height:35px; background-size:29px 35px; }
	
	.ywCon031 ul li .p2 { padding-left:0; margin-top:20px; }
	.ywCon031 ul li .p2 p { padding-left:15px; font-size:14px; line-height:1.6; background:url(yw05.png) no-repeat left 8px; background-size:8px 8px; }
	.ywCon031 ul li .p3 { margin-top:20px; font-size:14px; padding-left:15px; }
	
	.ywCon032 { margin-top:30px; font-size:14px; line-height:1.6; }
	.ywCon033 { margin-top:30px; }
	.ywCon033 ul li { float:none; width:100%; margin-right:0; }
	.ywCon033 ul li .txt { line-height:40px; }
	.ywCon033 ul li .txt i { padding-left:20px; font-size:14px; background-size:12px 15px; }
	.ywCon033 ul li:nth-child(2n) { margin-right:0; }
	.ywCon033 ul li:nth-child(n + 2) { margin-top:15px; }
}

.ny-hd { text-align:center; line-height:1.1; margin-bottom:70px; }
.ny-hd .p1 { font-size:48px; font-weight:bold; color:#515151; }
.ny-hd .p2 { font-size:24px; margin-top:10px; color:#8dc543; text-transform:uppercase; font-family:"Arial"; }

@media all and (max-width:1680px){
	.ny-hd { margin-bottom:60px; }
	.ny-hd .p1 { font-size:38px;  }
	.ny-hd .p2 { font-size:18px; }
}
@media all and (max-width:1200px){
	.ny-hd { margin-bottom:20px; }
	.ny-hd .p1 { font-size:24px;  }
	.ny-hd .p2 { font-size:12px; }
}

/* 内容模式 */
.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:20px; }
.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%; }

@media all and (max-width:1200px){
	.article { font-size:14px; }
	.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:1200px){
 
	.location { margin:0 auto 20px; font-size:12px; }
	.location a { padding:0 5px; }
}
 
 
/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:14px; 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){
	.news { padding:0 0 20px; }
}

.list02 { padding:0 0 30px; }
.list02 .swiper-slide .pic img { width:100%; height:300px; }
.list02 .swiper-slide .txt { position:relative; padding:15px 80px 0 0; }
.list02 .swiper-slide .txt .p1 { font-size:22px; font-weight:bold; color:#50534d; line-height:25px; height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.list02 .swiper-slide .txt .p2 { font-size:18px; color:#c0c1bf; margin-top:20px; }
.list02 .swiper-slide .txt .p3 { position:absolute; top:13px; right:0; width:60px; height:60px; text-align:center; line-height:60px; font-size:16px; color:#c2c3c1; z-index:3; }
.list02 .swiper-slide .txt .p3:before { position:absolute; top:0; right:0; left:0; bottom:0; border:2px solid #e0e0e0; display:blcok; content:""; z-index:0; }
.list02 .swiper-slide .txt .p3 p { position:absolute; top:0; right:25px; left:0; bottom:30px; display:block; overflow:hidden; z-index:1; transition: all 0.6s; }
.list02 .swiper-slide .txt .p3 p i { border:2px solid #8dc543; width:60px; height:60px; box-sizing: border-box; display:block; }

.list02 .swiper-slide:hover .p1 { color:#8dc543; }
.list02 .swiper-slide:hover .p3 p { right:0; bottom:0; }


@media all and (max-width:1680px){
	.list02 { padding:0 0 30px; }
	.list02 .swiper-slide .pic img { width:100%; height:240px; }
	.list02 .swiper-slide .txt { position:relative; padding:15px 60px 0 0; }
	.list02 .swiper-slide .txt .p1 { font-size:18px; line-height:20px; height:20px; }
	.list02 .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; }
	.list02 .swiper-slide .txt .p3 { position:absolute; top:13px; right:0; width:50px; height:50px; line-height:50px; font-size:14px; }
	.list02 .swiper-slide .txt .p3 p i { width:50px; height:50px; }
}
@media all and (max-width:1200px){
	.list02 { padding:0 0 20px; }
	.list02 .swiper-slide .pic img { width:100%; height:150px; }
	.list02 .swiper-slide .txt { padding:15px 0 0 0; }
	.list02 .swiper-slide .txt .p1 { font-size:16px; line-height:20px; height:20px; }
	.list02 .swiper-slide .txt .p2 { font-size:14px; margin-top:5px; }
	.list02 .swiper-slide .txt .p3 { position:relative; top:auto; right:auto; width:100%; text-align:left; height:20px; line-height:20px; font-size:12px; margin-top:5px; }
	.list02 .swiper-slide .txt .p3:before { display:none; }
	.list02 .swiper-slide .txt .p3 p { display:none; }
}

.list01 { padding:0 0 40px; }
.list01 ul li a { display:block; padding:30px 0; border-bottom:1px solid #ebeff2; }
.list01 ul li .date { float:left; width:110px; height:100px; background:#8dc543; text-align:center; color:#fff; font-family:"Arial"; line-height:1.1; }
.list01 ul li .date p { font-size:38px; padding-top:10px; }
.list01 ul li .date span { display:block; font-size:24px; margin-top:10px; }
.list01 ul li .txt { float:right; width:calc(100% - 160px); padding-top:5px; }
.list01 ul li .txt .p1 { font-size:22px; color:#50534d; line-height:25px; height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.list01 ul li .txt .p2 { font-size:16px; color:#929390; line-height:1.8; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.list01 ul li:hover .txt .p1 { color:#8dc543; }

@media all and (max-width:1680px){
	.list01 { padding:0 0 40px; }
	.list01 ul li a { padding:25px 0; }
	.list01 ul li .date { float:left; width:100px; height:90px; }
	.list01 ul li .date p { font-size:30px; padding-top:10px; }
	.list01 ul li .date span { font-size:18px; margin-top:10px; }
	.list01 ul li .txt { float:right; width:calc(100% - 130px); padding-top:5px; }
	.list01 ul li .txt .p1 { font-size:18px; line-height:20px; height:20px; }
	.list01 ul li .txt .p2 { font-size:14px; line-height:1.7; margin-top:10px; } 
}
@media all and (max-width:1200px){
	.list01 { padding:0 0 30px; }
	.list01 ul li a { padding:15px 0; }
	.list01 ul li .date { float:left; width:70px; height:70px; }
	.list01 ul li .date p { font-size:20px; padding-top:10px; }
	.list01 ul li .date span { font-size:14px; margin-top:10px; }
	.list01 ul li .txt { float:right; width:calc(100% - 90px); padding-top:0; }
	.list01 ul li .txt .p1 { font-size:16px; line-height:20px; height:20px; }
	.list01 ul li .txt .p2 { font-size:14px; line-height:1.6; margin-top:10px; }  
}



/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:auto; margin-right:20px; padding:4px; border:1px solid #e7e7e7; box-sizing: border-box; }
.pothoItem .item .pic img { width:100%; height:auto; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d,.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; }

@media all and (max-width:1200px){
	.pothoItem .item .pic { float:none; width:100%; height:auto; margin-right:0; margin-bottom:20px; }
}

.picnews ul li { float:left; width:31%; margin:0 3.5% 60px 0; }
.picnews ul li:nth-child(3n) { margin-right:0; }
.picnews ul li .pic { overflow:hidden; }
.picnews ul li .pic img { transition: all 0.6s; }
.picnews ul li:hover .pic img { transform: scale(1.1)!important; }
.picnews ul li .txt { margin-top:25px; }
.picnews ul li .txt .p1 { font-size:18px; color:#000; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.picnews ul li .txt .p2 { font-size:14px; color:#777; margin-top:15px; }
.picnews ul li .txt .p3 { font-size:14px; color:#777; margin-top:15px; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
 
@media all and (max-width:1200px){
	
	
	.picnews ul li .txt { margin-top:20px; }
	.picnews ul li .txt .p1 { font-size:16px; }
	.picnews ul li .txt .p2 { font-size:12px; margin-top:10px; }
	.picnews ul li .txt .p3 { font-size:14px; margin-top:15px; } 
}
@media all and (max-width:1200px){
	.picnews ul li { width:100%; margin:0 0 25px 0; }
	.picnews ul li:nth-child(3n) { margin-right:0; }
	.picnews ul li:nth-child(2n) { margin-right:0; }
	
	.picnews ul li .txt { margin-top:15px; }
	.picnews ul li .txt .p1 { font-size:14px; }
	.picnews ul li .txt .p2 { font-size:12px; margin-top:5px; }
	.picnews ul li .txt .p3 { font-size:12px; margin-top:10px; line-height:20px; height:40px; } 
}


/* 图片列表 */
.piList .pic-item-list { padding-bottom:10px; }
.piList .pic-item-list .pic-item { float:left; width:32%; margin:0 2% 30px 0; }
.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:0; }
.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:5px; margin-top:10px; }
.piList .pic-item-list .pic-item dl dt { height:30px; font-size:20px; line-height:30px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
 
.piList .pic-item-list .pic-item:hover .list-pic img { transform: scale(1.1)!important; }

@media all and (max-width:1680px){
	.piList .pic-item-list .pic-item dl dt { height:20px; font-size:16px; line-height:20px; }
}
@media all and (max-width:1200px){
	.piList .pic-item-list .pic-item { width:49%; margin-bottom:15px; }
	.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 dl dt { font-size:14px; }

}
 
/* 分页 */
.page { padding-top: 20px; line-height:24px; text-align:center;padding-bottom:0; }
.page a { display:inline-block; margin:0 5px; padding:3px 11px; border:1px solid #ddd; color:#333; vertical-align:top;font-size: 14px; border-radius:3px; }
.page a:hover,.page .current { background:#94cb4a; border-color:#94cb4a; color:#fff; }

@media screen and (max-width: 1024px){
	.page{padding-top: 10px}
	.page a{padding: 0 5px;margin: 0 3px;font-size: 12px}
}

/* 人才招聘 */
.hr { position:relative; padding:0 0 40px; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#1c63b3; font-weight:bold; font-size:28px; margin-bottom:30px; }
.hr-list .info { padding:5px 0; line-height:25px; font-size:14px; }

@media all and (max-width:1200px){
	.hr-list .title { font-size:20px; margin-bottom:15px; }
	.hr-list .info { font-size:12px; }
}
 
  
/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel input {  vertical-align:middle; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:30px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:30px; line-height:30px; padding:0 3px; border:1px solid #ccc; background:#fff; color:#555; box-sizing: border-box; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; box-sizing: border-box; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }

@media all and (max-width:1200px){
	.form-panel li.field label { width:65px; }
	.form-panel .text { width:calc(100% - 65px); }
	.form-panel .textarea { width:calc(100% - 65px); }
	.form-panel .code { width:100px; }
	.form-panel .submit-field { padding:0 10px 20px 65px; _padding:0 10px 20px 65px; clear:both; }
}

/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }

.csArea { background:#f4f6fa; padding:80px 0; margin-bottom:80px; }
.csArea01 { position:relative; }
.csArea01 .swiper-slide p { background:#88c536; line-height:100px; height:100px; padding:0 10px; text-align:center; font-size:30px; color:#fff; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.csArea01 .swiper-slide .img02 { display:none; }

.csArea02 { margin-top:20px; }
.csArea02 .swiper-slide a { position:relative; display:block; cursor:pointer; }
.csArea02 .swiper-slide p { position:absolute; top:0; left:0; right:0; bottom:0; border:5px solid #fcb281; z-index:2; display:none; }

.csArea02 .swiper-slide-thumb-active p { display:block; }

.csArea01 .prev-cs01,.csArea01 .next-cs01 { position:absolute; top:50%; transform: translateY(-50%); width:21px; height:52px; cursor:pointer; z-index:9; }
.csArea01 .prev-cs01 { background:url(ban01.png) no-repeat center; left:50px; }
.csArea01 .next-cs01 { background:url(ban02.png) no-repeat center; right:50px; }

@media all and (max-width:1680px){
	.csArea { padding:70px 0; margin-bottom:70px; }
	.csArea01 .swiper-slide p { line-height:60px; height:60px; font-size:24px; }
	.csArea02 .swiper-slide p { border:3px solid #fcb281; }
}
@media all and (max-width:1280px){
	.csArea { padding:60px 0; margin-bottom:60px; }
	.csArea01 .swiper-slide p { line-height:50px; height:50px; font-size:18px; }
	.csArea02 .swiper-slide p { border:3px solid #fcb281; }
}
@media all and (max-width:1200px){
	.csArea { padding:30px 0; margin-bottom:30px; }
	.csArea01 .swiper-slide p { line-height:40px; height:40px; font-size:14px; }
	.csArea01 .swiper-slide .img01 { display:none; }
	.csArea01 .swiper-slide .img02 { display:block; }
	
	
	.csArea02 { margin-top:10px; }
	.csArea02 .swiper-slide p { border:2px solid #fcb281; }
	
	.csArea01 .prev-cs01,.csArea01 .next-cs01 { display:none; }
}




.disArea01 { float:left; width:calc(100% - 510px); }
.disArea02 { float:right; width:480px; }
.disArea02 .hd { margin-bottom:20px; }
.disArea02 .hd a { float:right; display:inline-block; font-size:16px; color:#999; line-height:30px; text-decoration:underline; }
.disArea02 .hd a:hover { color:#8fc645; }
.disArea02 .hd i { display:inline-block; font-size:26px; color:#8fc645; font-weight:bold; line-height:30px; }

.disBox01 { background:#fff; padding:55px 35px 65px 35px; }
.disBox01 .hd { text-align:left; padding-bottom:10px; border-bottom:1px solid #e3e3e3; }
.disBox01 .hd .p1 { font-size:30px; color:#606060; }
.disBox01 .hd .p2 { font-size:14px; color:#999; margin-top:20px; }
.disBox01 .bd { margin-top:55px; font-size:18px; color:#333; line-height:2; }
.disBox01 .bd img { max-width:100%; height:auto!important; }
.disBox01 .bd video { max-width:100%; height:auto!important; }

.disBox02 { margin-top:30px; }
.disBox02 ul li { float:left; width:49%; padding:0 25px; background:#fff; box-sizing: border-box; }
.disBox02 ul li.li01 { margin-right:2%; }
.disBox02 ul li a { display:block; line-height:70px; height:70px; font-size:18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

.disBox03 { background:#fff; padding:40px 30px 25px 30px; }
.disBox03 .bd .swiper-slide .txt { font-size:20px; line-height:25px; margin-top:20px; color:#606060; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.disBox03 .bd .swiper-slide .pic { overflow:hidden; }
.disBox03 .bd .swiper-slide .pic img { transition: all 0.6s; }
.disBox03 .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

.disBox04 { background:#fff; padding:40px 30px; margin-top:25px; }
.disBox04 .bd ul li { padding:30px 0; border-bottom:1px solid #f1f1f1; }
.disBox04 .bd ul li:first-child { padding-top:0; }
.disBox04 .bd ul li:last-child { padding-bottom:0; border:none; }
.disBox04 .bd ul li .pic { float:left; width:185px; overflow:hidden; }
.disBox04 .bd ul li .pic img { transition: all 0.6s; }
.disBox04 .bd ul li:hover .pic img { transform: scale(1.1)!important; }

.disBox04 .bd ul li .txt { float:right; width:calc(100% - 205px); padding-top:10px; }
.disBox04 .bd ul li .txt .p1 { font-size:22px; color:#50534d; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.disBox04 .bd ul li .txt .p2 { font-size:18px; color:#50534d; line-height:30px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.disBox04 .bd ul li:hover .txt .p1 { color:#8fc645; }
 
@media all and (max-width:1680px){
	.disArea01 { float:left; width:calc(100% - 330px); }
	.disArea02 { float:right; width:300px; }
	.disArea02 .hd { margin-bottom:20px; }
	.disArea02 .hd a { font-size:14px; line-height:25px; }
	.disArea02 .hd i { font-size:20px; line-height:25px; }

	.disBox01 { padding:30px 20px; }
	.disBox01 .hd .p1 { font-size:24px; }
	.disBox01 .hd .p2 { font-size:14px; margin-top:10px; }
	.disBox01 .bd { margin-top:30px; font-size:16px; line-height:2; }
 
	.disBox02 { margin-top:30px; }
	.disBox02 ul li {  padding:0 20px; }
	.disBox02 ul li a { line-height:60px; height:60px; font-size:16px; }

	.disBox03 { padding:30px 20px; }
	.disBox03 .bd .swiper-slide .txt { font-size:14px; line-height:20px; margin-top:10px; }
 
	.disBox04 { padding:30px 20px; margin-top:20px; }
	.disBox04 .bd ul li { padding:20px 0; }
	.disBox04 .bd ul li:first-child { padding-top:0; }
	.disBox04 .bd ul li:last-child { padding-bottom:0; }
	.disBox04 .bd ul li .pic { float:left; width:120px; }
 
	.disBox04 .bd ul li .txt { float:right; width:calc(100% - 140px); padding-top:10px; }
	.disBox04 .bd ul li .txt .p1 { font-size:16px; line-height:20px; }
	.disBox04 .bd ul li .txt .p2 { font-size:14px; line-height:20px; margin-top:10px; }
}
@media all and (max-width:1280px){
	
}
@media all and (max-width:1200px){
	.disArea01 { float:none; width:100%; }
	.disArea02 { display:none; }
 
	.disBox01 { padding:30px 4%; }
	.disBox01 .hd .p1 { font-size:20px; }
	.disBox01 .hd .p2 { font-size:14px; margin-top:10px; }
	.disBox01 .bd { margin-top:30px; font-size:14px; line-height:1.7; }
 
	.disBox02 { margin-top:20px; }
	.disBox02 ul li { float:none; width:100%; padding:0 4%; }
	.disBox02 ul li.li01 { margin-right:0; }
	.disBox02 ul li.li02 { margin-top:10px; }
	.disBox02 ul li a { line-height:40px; height:40px; font-size:14px; }
}

.jzArea { padding:110px 0 160px; background:url(jz02.jpg) no-repeat center top; background-size:cover; }
.jzArea .wrap { width:1200px; }
.jzArea .hd { text-align:center; line-height:1.1; }
.jzArea .hd .p1 { font-size:53px; color:#87b831; font-weight:bold; }
.jzArea .hd .p2 { font-size:18px; color:#51534e; margin-top:15px; }
.jzArea .hd .p3 { width:27px; height:3px; background:#82c030; margin:15px auto 0; }
.jzArea .bd { margin-top:80px; background:url(jz03.png) no-repeat center top; }

.jzArea .bd .hd01 { position:relative; width:225px; height:225px; padding-top:40px; text-align:center; background: linear-gradient(to right,#c0d32c,#96c842); box-sizing: border-box; border-radius:100%; margin:0 auto; z-index:5; }
.jzArea .bd .hd01 .p1 { min-height:55px;}
.jzArea .bd .hd01 .p1 img { max-height:45px; }
.jzArea .bd .hd01 .p2 { font-size:20px; color:#7a9938; font-weight:bold; }
.jzArea .bd .hd01 .p3 { font-size:24px; padding:0 15px; color:#fff; font-weight:bold; }

.jzBox01 .bd01 { position:relative; margin-top:25px; padding:0 10px; z-index:2; }
.jzBox01 .bd01:before { position:absolute; top:-70px; left:50%; transform: translateX(-50%); width:740px; height:70px; border-radius:50px 50px 0 0; border:3px solid #91c64d; border-bottom:none; display:block; content:""; z-index:-1; }
.jzBox01 .bd01 ul li { position:relative; float:left; width:47%; margin-right:6%; padding:80px 10px 0 10px; min-height:200px; border-radius:20px; text-align:center; background:#fff; box-shadow:rgba(202,208,213,0.46) 0px 5px 7px; box-sizing: border-box; }
.jzBox01 .bd01 ul li:nth-child(2n) { margin-right:0; }
.jzBox01 .bd01 ul li .pp { display:inline-block; }
.jzBox01 .bd01 ul li .pp .pp01 { float:left; width:40px; height:40px; line-height:40px; margin-right:15px; font-size:18px; color:#fff; background:url(jz01.png) no-repeat center; }
.jzBox01 .bd01 ul li .pp .pp02 { float:left; line-height:40px; font-size:22px; color:#3d3d3d; }

.jzBox01 .bd01 ul li:nth-child(3) { margin:40px 0 0 26.5%; }
.jzBox01 .bd01 ul li:nth-child(3):before { position:absolute; top:-265px; left:50%; transform: translateX(-50%); width:3px; height:265px; background:#97cc51; display:block; content:""; z-index:1; }




.jzBox02 { position:relative; margin-top:110px; min-height:415px; }
.jzBox02 .hd01 { position:absolute!important; left:50%; top:50%; transform: translate(-50%,-50%); z-index:2; }
.jzBox02 .hd01 .p3 { padding:0 30px!important; }

.jzBox02 .bd01 ul li { position:relative; float:left; width:38%; margin-right:24%; padding:45px 10px 0 10px; min-height:145px; border-radius:20px; text-align:center; background:#fff; box-shadow:rgba(202,208,213,0.46) 0px 5px 7px; box-sizing: border-box; z-index:2; }
.jzBox02 .bd01 ul li:nth-child(2n) { margin-right:0; }
.jzBox02 .bd01 ul li:nth-child(n + 3) { margin-top:85px; }
.jzBox02 .bd01 ul li .pp { display:inline-block; }
.jzBox02 .bd01 ul li .pp .pp01 { float:left; width:40px; height:40px; line-height:40px; margin-right:15px; font-size:18px; color:#fff; background:url(jz01.png) no-repeat center; }
.jzBox02 .bd01 ul li .pp .pp02 { float:left; line-height:40px; font-size:22px; color:#3d3d3d; }

.jzBox02 .bd01 ul li:before { position:absolute; width:100px; height:100px; border:3px solid #91c64d; display:block; content:""; box-sizing: border-box; z-index:-1; }
.jzBox02 .bd01 ul li:nth-child(1):before { top:50px; right:-100px; border-radius:0 50px 0 0; border-bottom:none; border-left:none; }
.jzBox02 .bd01 ul li:nth-child(2):before { top:50px; left:-100px; border-radius:50px 0 0 0; border-right:none; border-bottom:none; }
.jzBox02 .bd01 ul li:nth-child(3):before { bottom:50px; right:-100px; border-radius:0 0 50px 0; border-top:none; border-left:none; }
.jzBox02 .bd01 ul li:nth-child(4):before { bottom:50px; left:-100px; border-radius:0 0 0 50px; border-right:none; border-top:none; }

.jzBox03 { position:relative; margin-top:45px; }
.jzBox03 .bd01 { margin-top:30px; padding:0 10px; }

.jzBox03 .bd01 { position:relative; z-index:1; }
.jzBox03 .bd01:before { position:absolute; width:110px; height:115px; border:3px solid #91c64d; display:block; content:""; z-index:-1; }
.jzBox03 .bd01 ul li { width:100%; padding:45px 30px 0 30px; min-height:225px; border-radius:20px; text-align:left; background:#fff; box-shadow:rgba(202,208,213,0.46) 0px 5px 7px; box-sizing: border-box; }
.jzBox03 .bd01 ul li .pp { display:block; }
.jzBox03 .bd01 ul li .pp:nth-child(n + 2) { margin-top:15px; }
.jzBox03 .bd01 ul li .pp .pp01 { float:left; width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff; background:url(jz01.png) no-repeat center; }
.jzBox03 .bd01 ul li .pp .pp02 { float:right; width:calc(100% - 55px); line-height:30px; padding-top:5px; font-size:22px; color:#3d3d3d; }

.jzBox031 { float:left; width:46.6%; }
.jzBox031 .hd01 { margin:0 0 0 46%!important; }
.jzBox031 .bd01:before { top:-115px; left:28%; border-radius:50px 0 0 0; border-bottom:none; border-right:none; }

.jzBox032 { float:right; width:46.6%; }
.jzBox032 .hd01 { margin:0 0 0 calc(54% - 225px)!important; }
.jzBox032 .bd01:before { top:-115px; right:28%; border-radius:0 50px 0 0; border-bottom:none; border-left:none; }

@media all and (max-width:1680px){
	.jzArea { padding:90px 0; }
	.jzArea .hd .p1 { font-size:40px; }
	.jzArea .hd .p2 { font-size:16px; margin-top:15px; }
	.jzArea .hd .p3 { margin:15px auto 0; }
	.jzArea .bd { margin-top:60px; }
	
	.jzArea .bd .hd01 { width:200px; height:200px; padding-top:30px; }
	.jzArea .bd .hd01 .p1 { min-height:55px;}
	.jzArea .bd .hd01 .p1 img { max-height:45px; }
	.jzArea .bd .hd01 .p2 { font-size:18px; }
	.jzArea .bd .hd01 .p3 { font-size:20px; padding:0 15px; }
	
	.jzBox01 .bd01 ul li {  padding:60px 10px 0 10px; min-height:160px; border-radius:20px; }
	.jzBox01 .bd01 ul li .pp .pp01 { font-size:16px;  }
	.jzBox01 .bd01 ul li .pp .pp02 { font-size:18px; }
	
	.jzBox02 { margin-top:90px; min-height:310px; }
	.jzBox02 .bd01 ul li { padding:30px 10px 0 10px; min-height:115px; border-radius:20px; }
	.jzBox02 .bd01 ul li:nth-child(n + 3) { margin-top:60px; }
	.jzBox02 .bd01 ul li .pp .pp01 { font-size:16px; }
	.jzBox02 .bd01 ul li .pp .pp02 { font-size:18px; }
	
	.jzBox02 .hd01 .p3 { padding:0 33px!important; }
	
	.jzBox03 .bd01 ul li {  padding:30px 20px 0 20px; min-height:195px; border-radius:20px; }
	.jzBox03 .bd01 ul li .pp .pp01 { font-size:16px;  }
	.jzBox03 .bd01 ul li .pp .pp02 { font-size:18px; }
}
@media all and (max-width:1280px){
	.jzArea .wrap { width:92%; }
}
@media all and (max-width:1200px){
	.jzArea { padding:30px 0; }
	.jzArea .hd .p1 { font-size:24px; }
	.jzArea .hd .p2 { font-size:14px; margin-top:10px; }
	.jzArea .hd .p3 { margin:10px auto 0; }
	.jzArea .bd { margin-top:30px; background-size:contain; }

	.jzArea .bd .hd01 { width:150px; height:150px; padding-top:30px; }
	.jzArea .bd .hd01 .p1 { min-height:35px;}
	.jzArea .bd .hd01 .p1 img { max-height:25px; }
	.jzArea .bd .hd01 .p2 { font-size:14px; }
	.jzArea .bd .hd01 .p3 { font-size:14px; padding:0 15px; }

	.jzBox01 .bd01 { margin-top:25px; padding:0; padding:25px 4%; background:#fff; border-radius:10px; box-shadow:rgba(202,208,213,0.46) 0px 5px 7px; }
	.jzBox01 .bd01:before { display:none; }
	.jzBox01 .bd01 ul li { float:none; width:100%; margin-right:0; padding:0; min-height:10px; border-radius:0; text-align:left; background:none; box-shadow:none; }
	.jzBox01 .bd01 ul li:nth-child(2n) { margin-right:0; }
	.jzBox01 .bd01 ul li:nth-child(n + 2) { margin-top:15px; }
	.jzBox01 .bd01 ul li .pp { display:block; }
	.jzBox01 .bd01 ul li .pp .pp01 { float:left; width:30px; height:30px; line-height:30px; text-align:center; margin-right:0; font-size:14px; background-size:cover; }
	.jzBox01 .bd01 ul li .pp .pp02 { float:right; width:calc(100% - 45px); line-height:25px; font-size:14px; }
	
	.jzBox01 .bd01 ul li:nth-child(3) { margin:15px 0 0 0; }
	.jzBox01 .bd01 ul li:nth-child(3):before { display:none; }

	.jzBox02 { margin-top:30px; min-height:10px; }
	.jzBox02 .hd01 { position:relative!important; left:auto; top:auto; transform: translate(0,0); }
	.jzBox02 .bd01 { margin-top:25px; padding:25px 4%; background:#fff; border-radius:10px; box-shadow:rgba(202,208,213,0.46) 0px 5px 7px; }
	.jzBox02 .bd01 ul li { float:none; width:100%; margin-right:0; padding:0; min-height:10px; border-radius:0; text-align:left; background:none; box-shadow:none; }
	.jzBox02 .bd01 ul li:nth-child(2n) { margin-right:0; }
	.jzBox02 .bd01 ul li:nth-child(n + 2) { margin-top:10px; }
	.jzBox02 .bd01 ul li .pp { display:block; }
	.jzBox02 .bd01 ul li .pp .pp01 { float:left; width:30px; height:30px; line-height:30px; text-align:center; margin-right:0; font-size:14px; background-size:cover; }
	.jzBox02 .bd01 ul li .pp .pp02 { float:right; width:calc(100% - 45px); line-height:25px; font-size:14px; }

	.jzBox02 .bd01 ul li:before { display:none; }
 
	.jzBox03 { position:relative; margin-top:30px; }
	.jzBox03 .bd01 { margin-top:25px; padding:0; }
 
	.jzBox03 .bd01:before { display:none; }
	.jzBox03 .bd01 ul li { width:100%; padding:25px 4%; min-height:10px; border-radius:10px; }
	.jzBox03 .bd01 ul li .pp { display:block; }
	.jzBox03 .bd01 ul li .pp:nth-child(n + 2) { margin-top:10px; }
	.jzBox03 .bd01 ul li .pp .pp01 { float:left; width:30px; height:30px; line-height:30px; font-size:14px; color:#fff; background-size:cover; }
	.jzBox03 .bd01 ul li .pp .pp02 { float:right; width:calc(100% - 45px); line-height:25px; padding-top:0; font-size:14px; }

	.jzBox031 { float:none; width:100%; }
	.jzBox031 .hd01 { margin:0 auto!important; }
 
	.jzBox032 { float:none; width:100%; margin-top:25px; }
	.jzBox032 .hd01 { margin:0 auto!important; }
 
}

.abArea { padding:90px 0 140px; background: linear-gradient(#fff,#e6edf7); /*background:url(ab01.jpg) no-repeat center bottom;*/ }
.ab-hd { position:relative; text-align:center; color:#50534d; line-height:1.1; z-index:2; }
.ab-hd .txt { position:relative; z-index:2; }
.ab-hd .txt .p1 { font-size:48px; padding-top:20px; font-weight:bold; }
.ab-hd .txt .p2 { font-size:20px; margin-top:15px; }
.ab-hd .txt01 { position:absolute; top:0; left:0; right:0; font-size:60px; font-weight:bold; color:rgba(148,204,75,0.3); font-family:"Arial"; text-transform:uppercase; z-index:-1; }

.abArea01 .bd { margin-top:70px; background:url(ab02.png) no-repeat center; }
.abArea01 .bd01 { font-size:18px; line-height:2.6; }
.abArea01 .bd02 { margin-top:200px; text-align:center; }
.abArea01 .bd02 ul li { float:left; width:200px; margin-right:calc(33.33% - 267px); }
.abArea01 .bd02 ul li:last-child { margin-right:0; }
.abArea01 .bd02 ul li .p2 { font-size:26px; margin-top:25px; font-weight:bold; color:#50534d; }
.abArea01 .bd02 ul li .p3 { font-size:18px; margin-top:10px; line-height:2; color:#515151; }

.abArea01 .bd03 { display:none; margin-top:50px; }
.abArea01 .bd03 .swiper-slide { text-align:center; }
.abArea01 .bd03 .swiper-slide .p1 img { max-height:50px; }
.abArea01 .bd03 .swiper-slide .p2 { font-size:18px; margin-top:15px; color:#50534d; font-weight:bold; }
.abArea01 .bd03 .swiper-slide .p3 { font-size:14px; margin-top:10px; line-height:20px;  color:#515151; }

.abArea01 .bd03 .swiper-pagination-ab01 { margin-top:25px; width:100%; text-align:center; }
.abArea01 .bd03 .swiper-pagination-bullet { background:#eee; opacity:1; margin:0 5px; }
.abArea01 .bd03 .swiper-pagination-bullet-active { background:#82c030; }

 
.abArea02 { margin-top:110px; }
.abArea02 .bd { margin-top:110px; }
.abArea02 .bd ul li { float:left; width:23.75%; margin-right:1.66%; }
.abArea02 .bd ul li:nth-child(n + 5) { width:19%; margin-right:1.25%; margin-top:20px; }
.abArea02 .bd ul li:nth-child(n + 10) { width:23.75%; margin-right:1.66%; }
.abArea02 .bd ul li:nth-child(n + 14) { width:19%; margin-right:1.25%; }
.abArea02 .bd ul li:nth-child(n + 19) { width:23.75%; margin-right:1.66%; }
.abArea02 .bd ul li:nth-child(n + 23) { width:19%; margin-right:1.25%; }
.abArea02 .bd ul li:nth-child(n + 28) { width:23.75%; margin-right:1.66%; }
.abArea02 .bd ul li:nth-child(n + 32) { width:19%; margin-right:1.25%; }
.abArea02 .bd ul li:nth-child(n + 37) { width:23.75%; margin-right:1.66%; }
.abArea02 .bd ul li:nth-child(n + 41) { width:19%; margin-right:1.25%; }
 
.abArea02 .bd ul li:nth-child(4) { margin-right:0; }
.abArea02 .bd ul li:nth-child(9) { margin-right:0; }
.abArea02 .bd ul li:nth-child(13) { margin-right:0; }
.abArea02 .bd ul li:nth-child(18) { margin-right:0; }
.abArea02 .bd ul li:nth-child(22) { margin-right:0; }
.abArea02 .bd ul li:nth-child(27) { margin-right:0; }
.abArea02 .bd ul li:nth-child(31) { margin-right:0; }
.abArea02 .bd ul li:nth-child(36) { margin-right:0; }
 

@media all and (max-width:1680px){
	.abArea { padding:90px 0; }
	.ab-hd .txt .p1 { font-size:38px; padding-top:20px; }
	.ab-hd .txt .p2 { font-size:16px; margin-top:15px; }
	.ab-hd .txt01 { font-size:50px; }

	.abArea01 .bd { margin-top:50px;  }
	.abArea01 .bd01 { font-size:16px; line-height:2; }
	.abArea01 .bd02 { margin-top:150px; }
	.abArea01 .bd02 ul li { float:left; }
	.abArea01 .bd02 ul li:last-child { margin-right:0; }
	.abArea01 .bd02 ul li .p1 img { max-height:80px; }
	.abArea01 .bd02 ul li .p2 { font-size:20px; margin-top:20px; }
	.abArea01 .bd02 ul li .p3 { font-size:16px; margin-top:10px; line-height:1.7; }

	.abArea02 { margin-top:80px; }
	.abArea02 .bd { margin-top:80px; }
}
@media all and (max-width:1280px){
	
}
@media all and (max-width:1200px){
	.abArea { padding:30px 0; }
	.ab-hd .txt .p1 { font-size:24px; padding-top:15px; }
	.ab-hd .txt .p2 { font-size:14px; margin-top:10px; }
	.ab-hd .txt01 { font-size:40px; }

	.abArea01 .bd { margin-top:30px;  }
	.abArea01 .bd01 { font-size:14px; line-height:1.7; }
	.abArea01 .bd02 { margin-top:50px; }
	.abArea01 .bd02 ul li { float:left; width:50%; margin-right:0; }
	.abArea01 .bd02 ul li:nth-child(n + 3) { margin-top:10px; }
	.abArea01 .bd02 ul li .p1 img { max-height:50px; }
	.abArea01 .bd02 ul li .p2 { font-size:18px; margin-top:15px; }
	.abArea01 .bd02 ul li .p3 { font-size:14px; margin-top:10px; line-height:20px; min-height:60px; padding:0 5px; }
	
	.abArea01 .bd02 { display:none; }
	.abArea01 .bd03 { display:block; }

	.abArea02 { margin-top:30px; }
	.abArea02 .bd { margin-top:30px; }
	.abArea02 .bd ul li { float:left; width:32%!important; margin-right:2%!important; }
	.abArea02 .bd ul li:nth-child(3n) { margin-right:0!important; }
	.abArea02 .bd ul li:nth-child(n + 4) { margin-top:10px!important; }
}


.conArea { padding:60px 0 80px; }
.conArea .wrap { border:1px solid #f1f1f1; box-sizing: border-box; }
.conArea01 { float:left; width:calc(100% - 470px); padding:80px 120px 0 70px; box-sizing: border-box; }
.conArea01 .hd { font-size:36px; font-weight:bold; color:#80be2e; }
.conArea01 .bd { margin-top:40px; }
.conArea01 .bd .bd01 { float:left; width:calc(100% - 350px); }
.conArea01 .bd .bd01 .p1 { font-size:24px; padding-left:45px; line-height:31px; color:#333; font-weight:bold; background-size:contain!important; }
.conArea01 .bd .bd01 .p11 { background:url(con01.png) no-repeat center left; }
.conArea01 .bd .bd01 .p12 { background:url(con02.png) no-repeat center left; margin-top:40px; }
.conArea01 .bd .bd01 .p2 { margin-top:20px; font-size:48px; padding-left:45px; font-weight:bold; font-style:italic; color:#80be2e; font-family:"Arial"; line-height:1.1; }
.conArea01 .bd .bd01 .p3 { margin-top:20px; font-size:24px; padding-left:45px; color:#121212; }

.conArea01 .bd .bd02 { float:right; width:320px; margin-top:30px; }
.conArea01 .bd .bd02 ul li { float:left; width:150px; margin-right:20px; padding:10px; border:1px solid #f1f1f1; box-sizing: border-box; }
.conArea01 .bd .bd02 ul li:last-child { margin-right:0; }
.conArea01 .bd .bd02 ul li .p2 { margin-top:10px; font-size:18px; color:#121212; text-align:center; }

.conArea02 { float:right; width:470px; height:500px; }
.conArea02 .my-map { width:100%; height:500px!important; }
.conArea02 #dituContent { width:100%; height:500px!important; }


@media all and (max-width:1680px){
	.conArea { padding:60px 0 80px; }
	.conArea01 { float:left; width:calc(100% - 400px); padding:50px 50px 0 50px; }
	.conArea01 .hd { font-size:28px; }
	.conArea01 .bd { margin-top:20px; }
	.conArea01 .bd .bd01 { float:left; width:calc(100% - 300px); }
	.conArea01 .bd .bd01 .p1 { font-size:18px; padding-left:35px; line-height:25px;  }
	.conArea01 .bd .bd01 .p12 { margin-top:20px; }
	.conArea01 .bd .bd01 .p2 { margin-top:15px; font-size:38px; padding-left:35px; }
	.conArea01 .bd .bd01 .p3 { margin-top:15px; font-size:18px; padding-left:35px; }

	.conArea01 .bd .bd02 { float:right; width:250px; margin-top:30px; }
	.conArea01 .bd .bd02 ul li { float:left; width:120px; margin-right:10px; padding:5px; }
	.conArea01 .bd .bd02 ul li:last-child { margin-right:0; }
	.conArea01 .bd .bd02 ul li .p2 { margin-top:10px; font-size:16px; }

	.conArea02 { float:right; width:400px; height:450px; }
	.conArea02 .my-map { height:450px!important; }
	.conArea02 #dituContent { height:450px!important; }
}
@media all and (max-width:1280px){
	
}
@media all and (max-width:1200px){
	.conArea { padding:30px 0; }
	.conArea01 { float:none; width:100%; padding:30px 4%; }
	.conArea01 .hd { font-size:20px; }
	.conArea01 .bd { margin-top:20px; }
	.conArea01 .bd .bd01 { float:none; width:100%; }
	.conArea01 .bd .bd01 .p1 { font-size:18px; padding-left:35px; line-height:25px;  }
	.conArea01 .bd .bd01 .p12 { margin-top:20px; }
	.conArea01 .bd .bd01 .p2 { margin-top:15px; font-size:30px; padding-left:35px; }
	.conArea01 .bd .bd01 .p3 { margin-top:15px; font-size:16px; padding-left:35px; }

	.conArea01 .bd .bd02 { float:none; width:250px; margin-top:25px; }
	.conArea01 .bd .bd02 ul li { float:left; width:120px; margin-right:10px; padding:5px; }
	.conArea01 .bd .bd02 ul li:last-child { margin-right:0; }
	.conArea01 .bd .bd02 ul li .p2 { margin-top:10px; font-size:14px; }

	.conArea02 { float:none; width:100%; height:350px; }
	.conArea02 .my-map { height:350px!important; }
	.conArea02 #dituContent { height:350px!important; }
}














@media all and (max-width:1680px){
	
}
@media all and (max-width:1280px){
	
}
@media all and (max-width:1200px){
	
}

