@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:750px){
	.banner-ny .img01 { display:none; }
	.banner-ny .img02 { display:block; }
}
 
/* 主体 */
.container { position:relative; padding:0; }
.wrap {  margin:0 auto; }

.sidebar { background:#fff; }
.sidebar .wrap { border-bottom:1px solid #f6f6f6; }
.leftTitle { display:none; }

.menu { text-align:center; padding-top:15px; }
.menu ul li { position:relative; display:inline-block; margin:0 15px; }
.menu ul li a { position:relative; display:inline-block; padding-bottom:15px; font-size:18px; color:#333; }
.menu ul li a:before { position:absolute; display:block; content:""; bottom:-1px; left:0; right:0; height:2px; z-index:2; }

.menu ul li a.current,.menu ul li:hover a { color:#55b4e4; }
.menu ul li a.current:before,.menu ul li:hover a:before { background:#55b4e4; }

.m-rdm { text-align:center; padding:25px 0; font-size:0; }
.m-rdm a { display:inline-block; margin:0 10px; border:1px solid #eee; line-height:40px; font-size:14px; padding:0 25px; }
.m-rdm a.current { background:#55b4e4; border-color:#55b4e4; color:#fff; }

@media all and (max-width:1300px){
	.menu ul li a { padding-bottom:10px; font-size:16px; }
 
	.m-rdm { padding:20px 0; }
	.m-rdm a { line-height:35px; }
}
@media all and (max-width:1300px){
	.menu { display:none; }
	
	.m-rdm { padding:20px 0; }
	.m-rdm a { margin:0 5px; line-height:30px; padding:0 10px; }
}




.main { padding:30px 0 60px; }
 
/* 面包屑 */
.location { padding:20px 0; font-size:14px; color:#7d7d7d; background:#fff; }
.location .back { float:right; display:inline-block; color:#7d7d7d; line-height:25px;height:25px; }

.breadcrumbs { float:left; display:inline-block; }
.breadcrumbs a { display:inline-block; color:#7d7d7d; line-height:25px; height:25px; }
.breadcrumbs .u-home { padding-left:30px; background:url(u-home.png) no-repeat center left; }

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

/* 图文新闻 */
.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:750px){
	.pothoItem .item .pic { float:none; width:100%; height:auto; margin-right:0; margin-bottom:20px; }
}

.picNews { padding-bottom:40px; }
.picNews ul li { float:left; width:30%; margin-right:5%; padding-bottom:20px; border-bottom:1px solid #e0e0e0; }
.picNews ul li:nth-child(3n) { margin-right:0; }
.picNews ul li:nth-child(n + 4) { margin-top:40px; }
.picNews ul li .pic { overflow:hidden; }
.picNews ul li .pic img { transition: all 0.6s; }
.picNews ul li .txt { margin-top:10px; }
.picNews ul li .txt .p1 { font-size:20px; line-height:30px; height:60px; color:#313131; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.picNews ul li .txt .p2 { font-size:14px; line-height:25px; height:50px; margin-top:10px; color:#959595; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.picNews ul li .txt .p3 { font-size:14px; line-height:20px; margin-top:20px; color:#959595; }
.picNews ul li .txt .p3 .p31 { padding-left:25px; background:url(p01.png) no-repeat center left; }
.picNews ul li .txt .p3 .p32 { padding-left:30px; background:url(p02.png) no-repeat center left; margin-left:30px; }

.picNews01 { text-align:center; }
.picNews01 a { display:inline-block; padding:0 35px; line-height:40px; background:#8ec31f; color:#fff; font-size:14px; cursor:pointer; }

.picNews ul li:hover .txt .p3 .p31 { background:url(p03.png) no-repeat center left; color:#8ec31f; }
.picNews ul li:hover .txt .p3 .p32 { background:url(p04.png) no-repeat center left; color:#8ec31f; }
.picNews ul li:hover .pic img { transform: scale(1.1)!important; }

@media all and (max-width:1380px){
	.picNews ul li { float:left; width:32%; margin-right:2%; padding-bottom:15px; }
	.picNews ul li:nth-child(3n) { margin-right:0; }
	.picNews ul li:nth-child(n + 4) { margin-top:30px; }
	.picNews ul li .txt { margin-top:10px; }
	.picNews ul li .txt .p1 { font-size:16px; line-height:25px; height:50px; } 
}
@media all and (max-width:750px){
	.picNews { padding-bottom:30px; }
	.picNews ul li { float:none; width:100%; margin-right:0; padding-bottom:10px; }
	.picNews ul li:nth-child(3n) { margin-right:0; }
	.picNews ul li:nth-child(n + 2) { margin-top:20px; }
	.picNews ul li .txt { margin-top:10px; }
	.picNews ul li .txt .p1 { font-size:14px; height:auto; line-height:20px; }
	.picNews ul li .txt .p2 { font-size:12px; line-height:20px; height:40px; margin-top:5px; }
	.picNews ul li .txt .p3 { font-size:12px; line-height:20px; margin-top:10px; }
	.picNews ul li .txt .p3 .p32 { margin-left:10px; }
	
	.picNews01 { text-align:center; }
	.picNews01 a { display:inline-block; padding:0 35px; line-height:40px; background:#8ec31f; color:#fff; font-size:14px; cursor:pointer; }
}


/* 图片列表 */
.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:0 5px; background:#f5f5f5; }
.piList .pic-item-list .pic-item dl dt { height:65px; font-size:16px; line-height:65px; 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; }
.piList .pic-item-list .pic-item:hover dl { background:#0167bd; color:#fff; }
.piList .pic-item-list .pic-item:hover dl dt a { color:#fff; }
 
@media all and (max-width:1100px){
 
	.piList .pic-item-list .pic-item dl dt { font-size:14px; height:50px; line-height:50px; }
}
@media all and (max-width:750px){
	.piList .pic-item-list .pic-item { width:49%; margin:0 2% 15px 0;  }
	.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; height:40px; line-height:40px; }

}
 
/* 分页 */
.page { padding-top: 20px; line-height:24px; text-align:center;padding-bottom:0; }
.page a { display:inline-block; margin:0 5px; padding:3px 11px; background:#f0f0f1; color:#4f4f4f; vertical-align:top;font-size: 14px; }
.page a:hover,.page .current { background:#0167bd; 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:750px){
	.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:750px){
	.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; }



.jjArea { padding:20px 0 40px; }
.jjArea ul li { position:relative; }
.jjArea ul li:nth-child(n + 2) { margin-top:60px; }
.jjArea ul li .pic { width:50%; }
.jjArea ul li .txt { position:absolute; right:0; top:45px; bottom:45px; width:53%; background:#fff; z-index:5; }
.jjArea ul li .txt .txt01 { position:absolute; top:50%; left:12%; right:12%; transform: translateY(-50%); z-index:5; }
.jjArea ul li .txt .txt02 { position:absolute; top:0; left:0; bottom:0; width:0; background:#007ad6; transition: all 0.6s; z-index:2; }

.jjArea ul li .txt .p1 .p11 { float:left; width:55px; }
.jjArea ul li .txt .p1 .p11 .img02 { display:none; }
.jjArea ul li .txt .p1 .p12 { float:left; margin-left:15px; line-height:1.1; padding-top:5px; }
.jjArea ul li .txt .p1 .p12 p { font-size:24px; color:#007ad6; font-weight:bold; }
.jjArea ul li .txt .p1 .p12 span { display:block; font-size:14px; color:#707070; margin-top:5px; }
.jjArea ul li .txt .p2 { font-size:14px; line-height:35px; margin-top:25px; color:#707070; height:70px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.jjArea ul li .txt .p3 { margin-top:20px; }
.jjArea ul li .txt .p3 i { display:inline-block; width:150px; height:45px; line-height:45px; border:1px solid #313131; font-size:14px; color:#313131; text-align:center; border-radius:25px; }

.jjArea ul li:nth-child(2n) .pic { float:right; }
.jjArea ul li:nth-child(2n) .txt { right:auto; left:0; }

.jjArea ul li:hover .txt .txt02 { width:100%; }

.jjArea ul li:hover .txt .p1 .p11 .img01 { display:none; }
.jjArea ul li:hover .txt .p1 .p11 .img02 { display:block; }
.jjArea ul li:hover .txt .p1 .p12 p { color:#fff; }
.jjArea ul li:hover .txt .p1 .p12 span { color:#fff; }
.jjArea ul li:hover .txt .p2 { color:#fff; }
.jjArea ul li:hover .txt .p3 i { background:#80c269; border-color:#80c269; color:#fff; }

@media all and (max-width:1380px){
	.jjArea ul li .txt { top:30px; bottom:30px; }
	.jjArea ul li .txt .txt01 { left:9%; right:9%; }
	
	.jjArea ul li .txt .p1 .p11 { width:45px; }
	.jjArea ul li .txt .p1 .p12 { margin-left:15px; padding-top:0; }
	.jjArea ul li .txt .p1 .p12 p { font-size:20px;  }
	.jjArea ul li .txt .p1 .p12 span { font-size:14px; margin-top:5px; }
	.jjArea ul li .txt .p2 { font-size:14px; line-height:25px; margin-top:25px; height:50px;  }
	.jjArea ul li .txt .p3 { margin-top:20px; }
	.jjArea ul li .txt .p3 i { width:120px; height:35px; line-height:35px; font-size:14px; }
}
@media all and (max-width:1000px){
	.jjArea { padding:20px 0 0; }
	.jjArea ul li:nth-child(n + 2) { margin-top:30px; }
	.jjArea ul li .pic { width:100%; }
	.jjArea ul li .txt { position:relative; right:0; top:auto; bottom:auto; width:100%; padding:30px 4%; box-sizing: border-box; }
	.jjArea ul li .txt .txt01 { position:relative; top:auto; left:auto; right:auto; transform: translateY(0); }
 
	.jjArea ul li .txt .p1 .p11 { width:35px; }
	.jjArea ul li .txt .p1 .p12 { width:calc(100% - 45px); margin-left:10px; padding-top:0; }
	.jjArea ul li .txt .p1 .p12 p { font-size:18px; }
	.jjArea ul li .txt .p1 .p12 span { font-size:12px; margin-top:5px; }
	.jjArea ul li .txt .p2 { font-size:14px; line-height:20px; margin-top:15px; height:auto; -webkit-line-clamp:3; }
	.jjArea ul li .txt .p3 { margin-top:15px; }
	.jjArea ul li .txt .p3 i { width:100px; height:30px; line-height:30px; font-size:12px; }

	.jjArea ul li:nth-child(2n) .pic { float:none; }
	.jjArea ul li:nth-child(2n) .txt { right:auto; left:0; }

}
@media all and (max-width:750px){
	.jjArea { padding:0; }
	.jjArea ul li:nth-child(n + 2) { margin-top:20px; }
	.jjArea ul li .txt { padding:20px 4%; }
}

.hcArea { padding-bottom:40px; }
.hcArea ul li { float:left; width:22.75%; margin-right:3%; }
.hcArea ul li:nth-child(4n) { margin-right:0; }
.hcArea ul li:nth-child(n + 5) { margin-top:30px; }
.hcArea ul li .txt { margin-top:20px; }
.hcArea ul li .txt .p1 { font-size:18px; color:#060606; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.hcArea ul li .txt .p2 { margin-top:15px; }
.hcArea ul li .txt .p2 a { display:inline-block; font-size:14px; line-height:25px; color:#707070; }
.hcArea ul li .txt .p2 a.p21 { float:left; padding-left:40px; background:url(hc01.png) no-repeat center left; }
.hcArea ul li .txt .p2 a.p22 { float:right; padding-left:35px; background:url(hc02.png) no-repeat center left; }

.hcArea ul li .txt .p2 a.p21:hover { background:url(hc03.png) no-repeat center left; color:#8ec31f; }
.hcArea ul li .txt .p2 a.p22:hover { background:url(hc04.png) no-repeat center left; color:#db3038; }

@media all and (max-width:1380px){
	.hcArea ul li { float:left; width:32%; margin-right:2%; }
	.hcArea ul li:nth-child(4n) { margin-right:2%; }
	.hcArea ul li:nth-child(3n) { margin-right:0; }
	.hcArea ul li:nth-child(n + 4) { margin-top:20px; }
}
@media all and (max-width:900px){
	.hcArea ul li { float:left; width:49%; margin-right:2%; }
	.hcArea ul li:nth-child(4n) { margin-right:2%; }
	.hcArea ul li:nth-child(3n) { margin-right:2%; }
	.hcArea ul li:nth-child(2n) { margin-right:0; }
	.hcArea ul li:nth-child(n + 3) { margin-top:20px; }
	
	.hcArea ul li .txt { margin-top:10px; }
	.hcArea ul li .txt .p1 { font-size:14px;  }
	.hcArea ul li .txt .p2 { margin-top:10px; }
	.hcArea ul li .txt .p2 a { font-size:12px; }
}
@media all and (max-width:750px){
	 
	.hcArea ul li .txt .p2 { display:none; }

}


.cpArea01 ul li { background:#fff; padding:4.5% 5%; }
.cpArea01 ul li:nth-child(n + 2) { margin-top:40px; }

.cpArea01 ul li .txt01 { float:left; width:calc(50% - 180px); }
.cpArea01 ul li .txt01 .p1 img { width:44px; }
.cpArea01 ul li .txt01 .p1 .img02 { display:none; }
.cpArea01 ul li .txt01 .p2 { font-size:36px; color:#000; margin-top:15px; }
.cpArea01 ul li .txt01 .p2 a { color:#000; }
.cpArea01 ul li .txt01 .p3 { font-size:12px; color:#707070; margin-top:10px; line-height:20px; text-align:justify; }

.cpArea01 ul li .txt02 { float:left; width:120px; margin-left:35px; }
.cpArea01 ul li .txt02 a { display:block; font-size:14px; color:#333; margin-bottom:15px; }
.cpArea01 ul li .txt02 a i { display:inline-block; padding-bottom:5px; border-bottom:1px solid #fff; }

.cpArea01 ul li .pic { float:right; width:50%; }
.cpArea01 ul li .pic .swiper-slide a { position:relative; display:block; }
.cpArea01 ul li .pic .swiper-slide .p2 { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.2); display:none; z-index:5; }
.cpArea01 ul li .pic .swiper-slide .p2 .p21 { position:absolute; top:50%; left:10px; right:10px; color:#fff; transform: translateY(-50%); text-align:center; z-index:5; }
.cpArea01 ul li .pic .swiper-slide .p2 .p21 p { font-size:18px; }
.cpArea01 ul li .pic .swiper-slide .p2 .p21 span { font-size:14px; display:block; }


.cpArea01 ul li .pic .swiper-slide .p1 { overflow:hidden; }
.cpArea01 ul li .pic .swiper-slide .p1 img { transition: all 0.6s; }
.cpArea01 ul li .pic .swiper-slide:hover .p1 img { transform: scale(1.1)!important; }

.cpArea01 ul li .txt02 a:hover i { border-bottom:1px solid #008fd7; color:#008fd7; }
.cpArea01 ul li .pic .swiper-slide:hover .p2 { display:block; }
.cpArea01 ul li:hover .txt01 .p1 .img01 { display:none; }
.cpArea01 ul li:hover .txt01 .p1 .img02 { display:block; }
.cpArea01 ul li:hover .txt01 .p2 a { color:#008fd7; }

@media all and (max-width:1380px){
	.cpArea01 ul li .txt01 .p2 { font-size:24px; margin-top:15px; } 
}
@media all and (max-width:1000px){
	.cpArea01 ul li .txt01 { float:left; width:calc(60% - 180px); }
	.cpArea01 ul li .txt01 .p2 { font-size:18px; margin-top:15px; } 
	
	.cpArea01 ul li .pic { float:right; width:40%; }
}
@media all and (max-width:750px){
	.cpArea01 ul li { background:#fff; padding:30px 4%; }
	.cpArea01 ul li:nth-child(n + 2) { margin-top:20px; }

	.cpArea01 ul li .txt01 { float:none; width:100%; }
	.cpArea01 ul li .txt01 .p1 img { width:30px; }
	.cpArea01 ul li .txt01 .p2 { font-size:18px; margin-top:10px; }
 
	.cpArea01 ul li .txt02 { float:none; width:100%; margin-left:0; margin-top:15px; }
	.cpArea01 ul li .txt02 a { display:inline-block; font-size:14px; margin-right:10px; }
 
	.cpArea01 ul li .pic { float:none; width:100%; margin-top:15px; }
	.cpArea01 ul li .pic .swiper-slide .p2 .p21 p { font-size:14px; }
	.cpArea01 ul li .pic .swiper-slide .p2 .p21 span { font-size:12px; }
 
}

.cpArea02 { padding:20px 0 60px; }
.cpArea02 .hd { text-align:center; line-height:1.1; }
.cpArea02 .hd .p1 { font-size:24px; color:#000; }
.cpArea02 .hd .p2 { width:55px; height:4px; margin:20px auto 0; background:#8ec31f; }
.cpArea02 .bd { margin-top:45px; }
.cpArea02 .bd ul li { float:left; width:30%; margin-right:5%; background:#fff; }
.cpArea02 .bd ul li a { display:block; border:1px solid #fff; }
.cpArea02 .bd ul li:nth-child(3n) { margin-right:0; }
.cpArea02 .bd ul li:nth-child(n + 4) { margin-top:30px; }
.cpArea02 .bd ul li .pic { overflow:hidden; }
.cpArea02 .bd ul li .pic img { transition: all 0.6s; }
.cpArea02 .bd ul li .txt { width:80%; margin:0 auto; padding:0 15px 20px 15px; box-sizing: border-box; }
.cpArea02 .bd ul li .txt .p1 { font-size:20px; color:#000; line-height:50px; height:50px; border-bottom:1px solid #eee; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cpArea02 .bd ul li .txt .p2 { padding:0 5px; font-size:12px; line-height:24px; height:120px; margin-top:10px; color:#707070; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; }

/*
.cpArea02 .bd ul li:hover .txt { background:#007ad6; }
.cpArea02 .bd ul li:hover .txt .p1 { color:#fff; border-color:rgba(255,255,255,0.5); }
.cpArea02 .bd ul li:hover .txt .p2 { color:#fff; }
*/
.cpArea02 .bd ul li:hover .pic img { transform: scale(1.1)!important; }
.cpArea02 .bd ul li:hover a { border:1px solid #007ad6; }
 

@media all and (max-width:1380px){
	.cpArea02 .bd ul li { float:left; width:32%; margin-right:2%; }
	.cpArea02 .bd ul li:nth-child(3n) { margin-right:0; }
	.cpArea02 .bd ul li:nth-child(n + 4) { margin-top:20px; }
	.cpArea02 .bd ul li .txt { width:100%; }
}
@media all and (max-width:900px){
	.cpArea02 .bd ul li { float:left; width:49%; margin-right:2%; }
	.cpArea02 .bd ul li:nth-child(3n) { margin-right:2%; }
	.cpArea02 .bd ul li:nth-child(2n) { margin-right:0; }
	.cpArea02 .bd ul li:nth-child(n + 3) { margin-top:20px; }
	.cpArea02 .bd ul li .txt { padding:0 4% 20px 4%; }
	.cpArea02 .bd ul li .txt .p1 { font-size:16px; line-height:30px; height:30px; }
	.cpArea02 .bd ul li .txt .p2 { padding:0 5px; font-size:12px; line-height:20px; height:100px; margin-top:10px; } 
}
@media all and (max-width:750px){
	.cpArea02 { padding:0; }
	.cpArea02 .hd .p1 { font-size:18px; }
	.cpArea02 .hd .p2 { width:40px; height:3px; margin:10px auto 0; }
	.cpArea02 .bd { margin-top:30px; }
	.cpArea02 .bd ul li { float:none; width:100%; margin-right:0; }
	.cpArea02 .bd ul li:nth-child(3n) { margin-right:0; }
	.cpArea02 .bd ul li:nth-child(n + 2) { margin-top:20px; }
	.cpArea02 .bd ul li .txt { padding:0 4% 15px 4%; }
	.cpArea02 .bd ul li .txt .p1 { font-size:14px; line-height:30px; height:30px; }
	.cpArea02 .bd ul li .txt .p2 { padding:0 5px; font-size:12px; line-height:20px; height:auto; margin-top:10px; -webkit-line-clamp:20; } 
}


.disBox011 { position:relative; float:left; width:600px; border:1px solid #e5e5e5; }
.swiper-pagination-dis01 { position:absolute; bottom:20px!important; right:20px!important; left:auto!important; width:auto!important; z-index:9; }
.swiper-pagination-dis01 .swiper-pagination-bullet { background:#cce9f7; opacity:1; }
.swiper-pagination-dis01 .swiper-pagination-bullet-active { background:#008fd7; }

.disBox011 .swiper-slide a { display:block; overflow:hidden; }
.disBox011 .swiper-slide a img { transition: all 0.6s; }
.disBox011 .swiper-slide:hover a img { transform: scale(1.1)!important; }

 
.disBox012 { float:right; width:650px; }
.disBox012 .hd01 { font-size:36px; color:#333; }
.disBox012 .hd { margin-top:15px; }
.disBox012 .hd ul li { float:left; width:120px; height:120px; padding-top:20px; margin-right:30px; text-align:center; background:#f3f6f8; box-sizing: border-box; cursor:pointer; }
.disBox012 .hd ul li:last-child { margin-right:0; }
.disBox012 .hd ul li .p1 .img02 { display:none; }
.disBox012 .hd ul li .p2 { font-size:18px; margin-top:10px; color:#333; }
.disBox012 .bd { margin-top:35px; font-size:14px; color:#707070; line-height:2; }


.disBox012 .hd ul li.on { background:#007ad6; }
.disBox012 .hd ul li.on .p1 .img01 { display:none; }
.disBox012 .hd ul li.on .p1 .img02 { display:inline-block; }
.disBox012 .hd ul li.on .p2 { color:#fff; }

@media all and (max-width:1380px){
	.disBox011 { float:left; width:500px; }
	
	.disBox012 { float:right; width:calc(100% - 550px); }
	.disBox012 .hd01 { font-size:24px; }
	.disBox012 .hd { margin-top:15px; }
	.disBox012 .hd ul li { float:left; width:100px; height:100px; padding-top:15px; margin-right:20px; }
	.disBox012 .hd ul li:last-child { margin-right:0; }
	.disBox012 .hd ul li .p1 img { height:40px; width:auto; }
	.disBox012 .hd ul li .p2 { font-size:16px; margin-top:10px; }
	.disBox012 .bd { margin-top:25px; font-size:14px; line-height:1.7; }
}
@media all and (max-width:1280px){
	.disBox012 .hd ul li { width:23.5%; margin-right:2%; }
	.disBox012 .hd ul li:last-child { margin-right:0; }
	.disBox012 .hd ul li .p2 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:1000px){
	.disBox011 { float:none; width:100%; padding-bottom:15px; }
	.swiper-pagination-dis01 { position:relative; bottom:0!important; right:0!important; width:100%!important; text-align:center; left:0!important; margin-top:0; }
 
	.disBox012 { float:none; width:100%; margin-top:30px; }
	.disBox012 .hd01 { font-size:18px; }
	.disBox012 .hd { margin-top:15px; }
 
	.disBox012 .hd ul li { width:23.5%; margin-right:2%; height:75px; padding-top:15px; }
	.disBox012 .hd ul li:last-child { margin-right:0; }
	.disBox012 .hd ul li .p1 img { height:25px; width:auto; }
	.disBox012 .hd ul li .p2 { font-size:12px; margin-top:5px; }
	.disBox012 .bd { margin-top:25px; font-size:14px; line-height:1.7; }
}

.dis-hd { border-bottom:3px solid #007ad6; }
.dis-hd p { padding-left:30px; width:420px; line-height:65px; font-size:24px; border-radius:0 25px 0 0; color:#fff; font-weight:bold; background:#007ad6; }
 
.disArea02 { margin-top:50px; }
.disArea02 .bd { margin-top:50px; }
.disArea02 .bd ul { padding:10px 0; position:relative; }
.disArea02 .bd ul:before { position:absolute; left:320px; top:0; bottom:0; display:block; content:""; width:1px; background:#d2d2d2; z-index:-1; }
.disArea02 .bd ul li { font-size:14px; color:#000; }
.disArea02 .bd ul li:nth-child(n + 2) { margin-top:20px; }
.disArea02 .bd ul li .p1 { float:left; width:270px; text-align:right; }
.disArea02 .bd ul li .p2 { float:right; width:calc(100% - 400px); color:#626262; }

.disArea02 .dis-hd { position:relative; }
.disArea02 .dis-hd i { position:absolute; top:25px; left:410px; width:20px; height:20px; display:block; content:""; background:url(jt01.png) no-repeat center; z-index:2; cursor:pointer; }
.disArea02.on .dis-hd i { background:url(jt02.png) no-repeat center; }



/*
.disArea02 .bd ul li { float:left; width:18%; margin-right:2.5%; padding:10px 10px 10px 0; min-height:125px; border-right:1px solid #d2d2d2; box-sizing: border-box; }
.disArea02 .bd ul li:nth-child(5n) { border-right:none; margin-right:0; }
.disArea02 .bd ul li:nth-child(n + 6) { margin-top:30px; color:#333; }
.disArea02 .bd ul li .p1 { font-size:20px; }
.disArea02 .bd ul li .p2 { font-size:14px; line-height:2; margin-top:20px; }
*/
.disArea03 { margin-top:50px; }
.disArea03 .bd { margin-top:70px; }
.disArea03 .bd ul li { float:left; box-sizing: border-box; width:48%; margin-right:4%; padding-left:6%; }
.disArea03 .bd ul li:nth-child(2n) { margin-right:0; }
.disArea03 .bd ul li:nth-child(n + 3) { margin-top:40px; }
.disArea03 .bd ul li a { display:block; padding-left:85px; color:#333; background:url(dis01.png) no-repeat center left; }
.disArea03 .bd ul li .p1 { font-size:24px; font-weight:bold; line-height:30px; }
.disArea03 .bd ul li .p2 { font-size:16px; line-height:20px; margin-top:10px; }

.disArea03 .bd ul li:hover a { background:url(dis02.png) no-repeat center left; }

.disArea04 { margin-top:75px; }
.disArea04 .bd { margin-top:40px; }

.disBox041 { float:right; width:45%; }
.disBox041 ul li:nth-child(n + 2) { margin-top:35px; }
.disBox041 ul li .p1 { font-size:20px; color:#007ad6; padding-left:40px; line-height:24px; }
.disBox041 ul li .p2 { font-size:18px; color:#959595; margin-top:15px; padding-left:40px; }

.disBox041 ul li.li01 .p1 { background:url(dis05.png) no-repeat center left; }
.disBox041 ul li.li02 .p1 { background:url(dis06.png) no-repeat center left; }
.disBox041 ul li.li03 .p1 { background:url(dis07.png) no-repeat center left; }

.disBox042 { float:left; width:50%; }
.disBox042 .p1 { float:left; width:65px; line-height:45px; font-size:18px; }
.disBox042 .p2 { float:left; width:calc(100% - 65px); font-size:16px; }
.disBox042 .p2 .text { width:100%; padding:0 10px; background:#f8f8f8; line-height:45px; height:45px; box-sizing: border-box; }
.disBox042 .p2 .textarea { width:100%; padding:5px 10px; height:150px; background:#f8f8f8; line-height:35px; box-sizing: border-box; }
.disBox042 .btn { margin-top:20px; }
.disBox042 .btn .btn01 { float:right; text-align:left; width:200px; height:60px; line-height:60px; padding-left:105px; font-size:18px; color:#fff; background:url(dis04.png) no-repeat 60px 16px #aaa; border-radius:30px; box-sizing: border-box; cursor:pointer; }
.disBox042 .btn .btn02 { float:right; text-align:left; width:200px; height:60px; line-height:60px; padding-left:105px; font-size:18px; margin-right:25px; color:#fff; background:url(dis03.png) no-repeat 60px 16px #aaa; border-radius:30px; box-sizing: border-box; cursor:pointer; }

.disBox042 .btn .btn01:hover { background-color:#8ec31f; }
.disBox042 .btn .btn02:hover { background-color:#8ec31f; }

.disBox042 .pp { margin-top:15px; }
.disBox042 .pp .pp01 { float:left; width:48%; }
.disBox042 .pp .pp02 { float:right; width:48%; }

.disArea05 { margin-top:75px; }
.disArea05 .bd { margin-top:40px; font-size:16px; }
.disArea05 .bd img { max-width:100%; }

@media all and (max-width:1380px){
	.dis-hd { border-bottom:2px solid #007ad6; }
	.dis-hd p { padding-left:20px; width:310px; line-height:50px; font-size:18px; }
	/* 
	.disArea02 .bd ul li .p1 { font-size:16px; }
	.disArea02 .bd ul li .p2 { font-size:12px; line-height:2; margin-top:10px; }
	*/
	
	.disArea02 .dis-hd i { top:17px; left:300px; }
	
	.disArea03 { margin-top:50px; }
	.disArea03 .bd { margin-top:50px; }
 
	.disArea03 .bd ul li a { padding-left:55px; background-size:45px 50px!important; }
	.disArea03 .bd ul li .p1 { font-size:18px; line-height:20px; }
	.disArea03 .bd ul li .p2 { font-size:14px;  margin-top:10px; }
 
	.disArea04 { margin-top:50px; }
	.disArea04 .bd { margin-top:40px; }
 
	.disBox041 ul li .p1 { font-size:16px; padding-left:30px; line-height:20px; background-size:contain!important; }
	.disBox041 ul li .p2 { font-size:14px; margin-top:10px; padding-left:30px; }
  
	.disBox042 .p1 { float:left; width:55px; line-height:35px; font-size:14px; }
	.disBox042 .p2 { float:left; width:calc(100% - 55px); font-size:14px; }
	.disBox042 .p2 .text { line-height:35px; height:35px; }
	.disBox042 .p2 .textarea { height:120px; line-height:30px; }
	.disBox042 .btn { margin-top:20px; }
	.disBox042 .btn .btn01 { width:130px; height:40px; line-height:40px; padding-left:65px; font-size:14px; background-position:30px 8px!important; background-size:24px 24px!important; }
	.disBox042 .btn .btn02 { width:130px; height:40px; line-height:40px; padding-left:65px; font-size:14px; background-position:30px 8px!important; background-size:24px 24px!important; }
 
	.disBox042 .pp { margin-top:10px; } 
	
	.disArea05 { margin-top:50px; }
	.disArea05 .bd { margin-top:40px; font-size:14px; }
}
@media all and (max-width:1000px){
	/*
	.disArea02 .bd ul li { width:32%; margin-right:2%; min-height:125px; }
	.disArea02 .bd ul li:nth-child(5n) { border-right:1px solid #d2d2d2; margin-right:2%; }
	.disArea02 .bd ul li:nth-child(3n) { border-right:none; margin-right:0; }
	.disArea02 .bd ul li:nth-child(n + 4) { margin-top:20px; color:#333; }	
	*/
	
	.disArea02 .bd ul:before { left:220px; }
	.disArea02 .bd ul li:nth-child(n + 2) { margin-top:15px; }
	.disArea02 .bd ul li .p1 { width:200px;  }
	.disArea02 .bd ul li .p2 { width:calc(100% - 240px); }
}
@media all and (max-width:750px){
	.dis-hd { border-bottom:2px solid #007ad6; }
	.dis-hd p { padding-left:15px; width:280px; line-height:40px; font-size:16px; }
	
	.disArea02 { margin-top:30px; }
	.disArea02 .bd { margin-top:30px; }
	
	.disArea02 .bd ul { padding:0; }
	.disArea02 .bd ul:before { display:none; }
	.disArea02 .bd ul li { font-size:14px; color:#000; }
	.disArea02 .bd ul li:nth-child(n + 2) { margin-top:15px; border-top:1px solid #d2d2d2; padding-top:15px; }
	.disArea02 .bd ul li .p1 { float:none; width:100%; text-align:left; }
	.disArea02 .bd ul li .p2 { float:none; width:100%; color:#626262; margin-top:10px; }

	.disArea02 .dis-hd i { top:11px; left:265px; }
	/*
	.disArea02 .bd ul li { width:100%; margin-right:0; min-height:20px; border-right:none; }
	.disArea02 .bd ul li:nth-child(5n) { border-right:none; margin-right:0; }
	.disArea02 .bd ul li:nth-child(3n) { border-right:none; margin-right:0; }
	.disArea02 .bd ul li:nth-child(n + 2) { margin-top:15px; color:#333; border-top:1px solid #d2d2d2; padding-top:15px; }	
	
	.disArea02 .bd ul li .p1 { font-size:14px; }
	.disArea02 .bd ul li .p2 { font-size:12px; line-height:2; margin-top:10px; }
	*/

	.disArea03 { margin-top:30px; }
	.disArea03 .bd { margin-top:30px; }
	.disArea03 .bd ul li { float:none; width:100%; margin-right:0; padding-left:4%; }
	.disArea03 .bd ul li:nth-child(2n) { margin-right:0; }
	.disArea03 .bd ul li:nth-child(n + 2) { margin-top:20px; }
	.disArea03 .bd ul li a { padding-left:60px; background-size:45px 50px!important; }
	.disArea03 .bd ul li .p1 { font-size:16px; line-height:20px; }
	.disArea03 .bd ul li .p2 { font-size:14px;  margin-top:10px; }
 
	.disArea04 { margin-top:30px; }
	.disArea04 .bd { margin-top:30px; }

	.disBox041 { float:none; width:100%; }
	.disBox041 ul li:nth-child(n + 2) { margin-top:20px; }
	.disBox041 ul li .p1 { font-size:16px; }
	.disBox041 ul li .p2 { font-size:14px; margin-top:10px; }
 
	.disBox042 { float:none; width:100%; margin-top:30px; }
	.disBox042 .p1 { float:left; width:55px; line-height:35px; font-size:14px; }
	.disBox042 .p2 { float:left; width:calc(100% - 55px); font-size:14px; }
	.disBox042 .p2 .text { line-height:35px; height:35px; }
	.disBox042 .p2 .textarea { height:120px; line-height:30px; }
	.disBox042 .btn { margin-top:20px; }
	.disBox042 .btn .btn01 { width:130px; height:40px; line-height:40px; padding-left:65px; font-size:14px; background-position:30px 8px!important; background-size:24px 24px!important; }
	.disBox042 .btn .btn02 { width:130px; height:40px; line-height:40px; padding-left:65px; font-size:14px; background-position:30px 8px!important; background-size:24px 24px!important; }
 
	.disBox042 .pp { margin-top:10px; } 
	.disBox042 .pp .pp01 { float:none; width:100%; }
	.disBox042 .pp .pp02 { float:none; width:100%; margin-top:10px; }
	
	.disBox042 .btn { text-align:center; }
	.disBox042 .btn .btn01 { float:none; display:inline-block; width:100px; padding-left:50px; background-position:15px 8px!important; }
	.disBox042 .btn .btn02 { float:none; display:inline-block; width:100px; padding-left:50px; background-position:15px 8px!important; margin-left:10px; }
	
	.disArea05 { margin-top:30px; }
	.disArea05 .bd { margin-top:30px; font-size:14px; }
}



.jbArea02 .hd { font-size:36px; color:#333; text-align:center; }
.jbArea02 .bd { margin-top:35px; }

.jbArea02 .bd ul { padding-bottom:40px; }
.jbArea02 .bd ul li { border-bottom:1px solid #ccc; }
.jbArea02 .bd ul li .p1 { color:#000; font-size:16px; padding-left:3%; }
.jbArea02 .bd ul li .p1 i { display:block; float:left; height:65px; line-height:65px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.jbArea02 .bd ul li .p2 { display:none; padding:20px 35px 30px; }
.jbArea02 .bd ul li .p2 .txt { font-size:14px; color:#000; line-height:28px; margin-bottom:20px; }
.jbArea02 .bd ul li .p2 .txt01 { font-size:16px; color:#fff; width:135px; height:40px; text-align:center; line-height:40px; background:#1048a0; border-radius:20px; cursor:pointer; }

.jbArea02 .bd ul li .p1 i:nth-child(1) { width:23%; margin-right:1%; }
.jbArea02 .bd ul li .p1 i:nth-child(2) { width:17%; margin-right:1%; text-align:center; }
.jbArea02 .bd ul li .p1 i:nth-child(3) { width:17%; margin-right:1%; text-align:center; }
.jbArea02 .bd ul li .p1 i:nth-child(4) { width:17%; margin-right:1%; text-align:center; }
.jbArea02 .bd ul li .p1 i:nth-child(5) { width:22%; text-align:center; }
.jbArea02 .bd ul li .p1 i:nth-child(5) em { display:inline-block; }

.jbArea02 .bd ul li:first-child { border-bottom:none; }
.jbArea02 .bd ul li:first-child .p1 { color:#000!important; background:#eaeaea!important; }
.jbArea02 .bd ul li.on .p1 { background:#1048a0; color:#fff; }
.jbArea02 .bd ul li.on .p2 { display:block; }

.cov{position: fixed;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index:9998;display: none;}
.biaodan{position: fixed; padding:35px; transform: translate(-50%,-50%); background:#fff url(zp-3.png) no-repeat center;left:50%;top:50%; z-index:9999; display: none;}
.biaodan .i-biaodan{border:1px solid #dadada;padding:45px; width:317px;position:relative;}
.biaodan .i-biaodan .h{font-size: 28px;line-height: 28px;text-align: center;font-weight: bold;margin-bottom: 12px;}
.biaodan .i-biaodan .e{font-size:14px;line-height: 14px;text-align: center;color: #969696;padding-bottom:16px;background:url(zp-2.png) no-repeat center bottom;margin-bottom:25px;}
.biaodan .i-biaodan .close{ display:block; width:24px; height:24px; background:url(zp-1.png) no-repeat center; cursor:pointer; position:absolute; top:15px; right:15px;}
.biaodan .i-biaodan ul li{padding:15px 18px;border:1px solid #c8c8c8;margin-bottom:22px;color: #bfbfbf;font-size:15px;line-height: 25px;}
.biaodan .i-biaodan ul li label { float:left; display:block; width:30px; height:25px; }
.biaodan .i-biaodan ul li:nth-child(1) label{background:url(zp-5.jpg) no-repeat left center;}
.biaodan .i-biaodan ul li:nth-child(2) label{background:url(zp-4.png) no-repeat left center;}
.biaodan .i-biaodan .ta textarea{padding:15px 18px;border:1px solid #c8c8c8;font-size:15px;line-height: 25px;color: #bfbfbf;width:100%;box-sizing: border-box;}
.biaodan .i-biaodan .jl{font-size:15px;line-height: 25px;margin:22px 0;}
.biaodan .i-biaodan .sub input{  width:100%; font-size: 20px;line-height:46px;background:#1048a0;text-align: center;color: #fff;}


@media all and (max-width:1680px){
	.jbArea01 ul li i { width:30px; height:30px; }
	
	.jbArea02 { margin-top:60px; }
	.jbArea02 .hd { font-size:28px; }
	.jbArea02 .bd { margin-top:35px; }	
}
@media all and (max-width:1280px){
	.jbArea01 { padding-top:30px; }
	.jbArea01 ul li { float:left; width:32%; margin-right:2%; }
	.jbArea01 ul li:last-child { margin-right:0; }
	.jbArea01 ul li i { display:none; }
	
	.jbArea02 { margin-top:60px; }
	.jbArea02 .hd { font-size:24px; }
	.jbArea02 .bd { margin-top:35px; }	
}

@media all and (max-width:750px){
	.jbArea01 { padding-top:0; }
	.jbArea01 ul li { float:none; width:100%; margin-right:0; }
	.jbArea01 ul li:last-child { margin-right:0; }
	.jbArea01 ul li:nth-child(n + 2) { margin-top:15px; }
 
	.jbArea02 { margin-top:30px; }
	.jbArea02 .hd { font-size:20px; }
	.jbArea02 .bd { margin-top:25px; }	
	
	.jbArea02 .bd ul li .p1 { font-size:14px; }
	.jbArea02 .bd ul li .p1 i { height:40px; line-height:40px; }

	.jbArea02 .bd ul li .p2 { display:none; padding:15px; }
	.jbArea02 .bd ul li .p2 .txt { font-size:14px; line-height:1.6; margin-bottom:10px; }
	.jbArea02 .bd ul li .p2 .txt01 { font-size:14px; width:115px; height:35px; line-height:35px; }
 
	.jbArea02 .bd ul li .p1 i:nth-child(1) { width:calc(97% - 160px); }
	.jbArea02 .bd ul li .p1 i:nth-child(2) { display:none; }
	.jbArea02 .bd ul li .p1 i:nth-child(3) { width:80px; }
	.jbArea02 .bd ul li .p1 i:nth-child(4) { display:none; }
	.jbArea02 .bd ul li .p1 i:nth-child(5) { width:80px; } 
	
	 
	.biaodan{ padding:10px; }
	.biaodan .i-biaodan { padding:15px; width:280px; }
	.biaodan .i-biaodan .h { font-size:20px; line-height:25px; margin-bottom: 10px;}
	.biaodan .i-biaodan .e { margin-bottom:15px;}
 
	.biaodan .i-biaodan ul li{padding:5px 10px; margin-bottom:10px; font-size:14px; }
 
	.biaodan .i-biaodan .ta textarea{padding:5px 10px; font-size:14px; }
	.biaodan .i-biaodan .jl{ font-size:14px;line-height: 25px;margin:10px 0;}
	.biaodan .i-biaodan .sub input{  font-size:14px;line-height:30px; }
} 

.jbArea03 .bd { padding-bottom:20px; }
.jbArea03 .bd ul li { position:relative; padding:25px 4%; color:#000; border:1px solid #f6f6f6; }
.jbArea03 .bd ul li:nth-child(n + 2) { margin-top:25px; }
.jbArea03 .bd ul li .p1 { font-size:24px; font-weight:bold; }
.jbArea03 .bd ul li .p2 { font-size:16px; margin-top:10px; }
.jbArea03 .bd ul li .p2 i { color:#faaa69; }
.jbArea03 .bd ul li .p3 { position:absolute; top:25px; right:4%; width:100px; height:35px; line-height:35px; background:#4868ff; color:#fff; font-size:18px; font-weight:bold; text-align:center; border-radius:25px; z-index:2; cursor:pointer; }

@media all and (max-width:750px){
	.jbArea03 .bd ul li { padding:20px 4%; }
	.jbArea03 .bd ul li:nth-child(n + 2) { margin-top:15px; }
	.jbArea03 .bd ul li .p1 { font-size:18px; }
	.jbArea03 .bd ul li .p2 { font-size:14px; margin-top:5px; }
  
	.jbArea03 .bd ul li .p3 { top:20px; width:90px; height:30px; line-height:30px; font-size:14px; font-weight:normal; }
}






.gzArea ul li { position:relative; }
.gzArea ul li .pic { float:right; width:49%; overflow:hidden; padding:10px; box-shadow: #eee 0px 0px 10px; box-sizing: border-box; }
.gzArea ul li .pic img { transition: all 0.6s; }
.gzArea ul li .swiper-slide a { display:block; overflow:hidden; }
.gzArea ul li .txt { float:left; width:43%; line-height:1.1; color:#333; padding-top:50px; }
.gzArea ul li .txt .txt01 { /*position:absolute; top:50%; transform: translateY(-50%); width:470px; right:70px; z-index:2;*/ }
.gzArea ul li .txt .p1 { font-size:30px; color:#000; }
.gzArea ul li .txt .p2 { font-size:14px; line-height:2; margin-top:25px; color:#535353; }
.gzArea ul li .txt .p3 { font-size:18px; line-height:20px; margin-top:15px; color:#7d7d7d; }

.gzArea ul li:nth-child(n + 2) { margin-top:90px; }
.gzArea ul li:nth-child(2n) .pic { float:left; }
.gzArea ul li:nth-child(2n) .txt { float:right; margin-right:4%; }
 
.gzArea ul li:hover .pic .swiper-slide img { transform: scale(1.1)!important; }
.gzArea ul li:hover .txt .p1 { color:#008fd7; }

.swiper-pagination-gz00 { position:absolute; left:0; right:0; width:100%; text-align:right; bottom:15px!important; padding-right:15px; box-sizing: border-box; z-index:5; }
.swiper-pagination-gz00 .swiper-pagination-bullet { background:#fff; opacity:0.5; }
.swiper-pagination-gz00 .swiper-pagination-bullet-active { opacity:1; }


@media all and (max-width:1380px){
	.gzArea ul li .txt { width:47%; padding-top:30px; }
	.gzArea ul li .txt .p1 { font-size:24px; }
	.gzArea ul li .txt .p2 { font-size:14px; line-height:2; margin-top:20px; }
	.gzArea ul li .txt .p3 { font-size:14px; margin-top:10px; }
	
	.gzArea ul li:nth-child(2n) .txt { margin-right:0; }
}
@media all and (max-width:1000px){
	.gzArea ul li .pic { float:none!important; width:100%; padding:5px; }
	.gzArea ul li .txt { float:none!important; width:100%; padding-top:25px; }
	.gzArea ul li .txt .p1 { font-size:16px; }
	.gzArea ul li .txt .p2 { font-size:14px; line-height:1.7; margin-top:10px; }
	.gzArea ul li .txt .p3 { font-size:14px; margin-top:10px; }
	
	.gzArea ul li:nth-child(n + 2) { margin-top:30px; }
	.gzArea ul li:nth-child(2n) .txt { margin-right:0; }
}


.fzArea { position:relative; z-index:5; }
.fzArea ul { position:relative; padding:100px 0 40px; z-index:2; }
.fzArea ul:before { position:absolute; top:0; left:50%; margin-left:-1px; bottom:0; width:2px; display:block; content:""; background:#9c9c9c; z-index:0; }

.fzArea ul li { position:relative; text-align:right; z-index:1; }
.fzArea ul li .con { position:relative; width:50%; padding-right:8%; box-sizing: border-box; }
.fzArea ul li .con .txt .p1 { position:relative; float:right; width:100px; text-align:center; font-size:30px; line-height:30px; color:#000; }
.fzArea ul li .con .txt .p1:before { position:absolute; left:0; top:50%; transform: translateY(-50%);  width:1px; height:22px; display:block; content:""; background:#eee; z-index:1; }
.fzArea ul li .con .txt .p2 { float:right; width:calc(100% - 100px); padding:0 15px; font-size:14px; line-height:30px; color:#000; box-sizing: border-box; }

.fzArea ul li .con .pic { width:100%; margin-top:15px; padding:0 80px; box-sizing: border-box; }
.fzArea ul li .con .pic img { width:175px; border:2px solid transparent; }

.fzArea ul li .con .con01 { position:absolute; top:7px; right:-9px; width:18px; height:18px; background:url(fz01.png) no-repeat center; z-index:2; }
.fzArea ul li .con .con02 { position:absolute; top:15px; right:18px; width:80px; height:1px; background:#eee; z-index:2; }


.fzArea .mm { text-align:center; font-size:24px; color:#008fd7; margin-bottom:30px; }


.fzArea ul li:nth-child(n + 2) { margin-top:-30px; }

.fzArea ul li:nth-child(2n) { text-align:left; }
.fzArea ul li:nth-child(2n) .con { float:right; padding-right:0; padding-left:8%; }
.fzArea ul li:nth-child(2n) .txt .p1 { float:left; }
.fzArea ul li:nth-child(2n) .txt .p1:before { left:auto; right:0; }
.fzArea ul li:nth-child(2n) .txt .p2 { float:left; }
 
.fzArea ul li:nth-child(2n) .con .con01 { right:auto; left:-9px; }
.fzArea ul li:nth-child(2n) .con .con02 { right:auto; left:18px; }


.fzArea ul li:hover .con .txt .p1 { color:#008fd7; }
.fzArea ul li:hover .con .con01 { background:url(fz02.png) no-repeat center; }
.fzArea ul li:hover .con .pic img { border-color:#008fd7; }


@media all and (max-width:1380px){
	.fzArea ul li .con .con02 { width:50px; }

}
@media all and (max-width:1000px){
	.fzArea ul li .con .pic {  padding:0 50px; }
}
@media all and (max-width:750px){
	.fzArea ul { padding:40px 0 30px; }
	.fzArea ul:before { position:absolute; top:0; left:0; margin-left:8px;  }
	.fzArea ul li .con { width:100%; padding:0 0 0 50px!important; box-sizing: border-box; }
	.fzArea ul li .con .txt .p1 { float:none!important; width:100%; font-size:20px; text-align:left!important; }
	.fzArea ul li .con .txt .p1:before { display:none; }
	.fzArea ul li .con .txt .p2 { float:none!important; width:100%; padding:0; font-size:14px; line-height:1.7; text-align:left!important; }

	.fzArea ul li .con .pic { width:100%; margin-top:15px; padding:0; text-align:left!important; }
	
	.fzArea ul li:nth-child(n + 2) { margin-top:15px; }
	
	.fzArea ul li .con .con01 { left:0!important; }
	.fzArea ul li .con .con02 { left:20px!important; width:20px; }

	.fzArea .mm { font-size:16px; margin-bottom:30px; }
}

.hd-yy { text-align:center; line-height:1.1; }
.hd-yy .p1 { font-size:36px; color:#000; }
.hd-yy .p2 { width:64px; height:4px; background:#008fd7; margin:20px auto 0; }
.hd-yy .p3 { font-size:18px; line-height:1.7; margin-top:30px; }

@media all and (max-width:1380px){
	.hd-yy .p1 { font-size:30px; }
	.hd-yy .p2 { width:64px; height:4px; margin:20px auto 0; }
	.hd-yy .p3 { font-size:16px; margin-top:30px; }
}
@media all and (max-width:1280px){
	.hd-yy .p1 { font-size:28px; }
	.hd-yy .p2 { width:60px; height:3px; margin:15px auto 0; }
	.hd-yy .p3 { font-size:14px; margin-top:20px; }
}
@media all and (max-width:750px){
	.hd-yy .p1 { font-size:24px; }
	.hd-yy .p2 { width:50px; height:2px; margin:10px auto 0; }
	.hd-yy .p3 { font-size:14px; margin-top:15px; }
}

.yyArea01 { padding:65px 0 70px;  }
.yyArea01 .bd { margin-top:60px; }
.yyArea01 .bd ul { margin:0 90px; }
.yyArea01 .bd ul li { float:left; width:160px; margin-right:calc(33.33% - 214px); text-align:center; }
.yyArea01 .bd ul li:nth-child(4n) { margin-right:0; }
.yyArea01 .bd ul li:nth-child(n + 5) { margin-top:30px; }
.yyArea01 .bd ul li .p1 { background:#008fd7; border-radius:100%; }
.yyArea01 .bd ul li .p2 { font-size:18px; margin-top:25px; color:#333; }

.yyArea01 .bd ul li:hover .p1 { background:#8ec31f; }

@media all and (max-width:1380px){
	.yyArea01 { padding:60px 0;  }
	.yyArea01 .bd { margin-top:40px; }
	.yyArea01 .bd ul { margin:0 50px; }
	.yyArea01 .bd ul li { float:left; width:130px; margin-right:calc(33.33% - 174px); }
	.yyArea01 .bd ul li:nth-child(4n) { margin-right:0; }
	.yyArea01 .bd ul li:nth-child(n + 5) { margin-top:30px; }
	.yyArea01 .bd ul li .p2 { font-size:16px; margin-top:20px; }
}
@media all and (max-width:1280px){
	.yyArea01 { padding:50px 0;  }
	.yyArea01 .bd { margin-top:40px; }
	.yyArea01 .bd ul { margin:0; }
	.yyArea01 .bd ul li { float:left; width:120px; margin-right:calc(33.33% - 160px); }
	.yyArea01 .bd ul li:nth-child(4n) { margin-right:0; }
	.yyArea01 .bd ul li:nth-child(n + 5) { margin-top:20px; }
	.yyArea01 .bd ul li .p2 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:750px){
	.yyArea01 { padding:30px 0;  }
	.yyArea01 .bd { margin-top:20px; }
	.yyArea01 .bd ul { margin:0; }
	.yyArea01 .bd ul li { float:left; width:100px; margin:0 calc(25% - 50px)!important; }

	.yyArea01 .bd ul li:nth-child(n + 3) { margin-top:20px!important; }
	.yyArea01 .bd ul li .p1  { width:60px; margin:0 auto; }
	.yyArea01 .bd ul li .p2 { font-size:14px; margin-top:15px; }
}

.yyArea02 { padding:60px 0 90px; background:#f4f8fc; }
.yyArea02 .bd { margin-top:40px; }
.yyArea02 .bd ul li { float:left; width:29%; border:1px solid #f4f8fc; background:#fff; margin-right:6.5%; box-sizing: border-box; text-align:center; }
.yyArea02 .bd ul li:nth-child(3n) { margin-right:0; }
.yyArea02 .bd ul li:nth-child(n + 4) { margin-top:35px; }
.yyArea02 .bd ul li .txt { margin:0 25px; border-top:1px solid #f1f1f1; font-size:18px; color:#333; height:80px; line-height:80px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }


@media all and (max-width:1380px){
	.yyArea02 { padding:60px 0; }
	.yyArea02 .bd { margin-top:30px; }
	.yyArea02 .bd ul li { float:left; width:30%; margin-right:5%; }
	.yyArea02 .bd ul li:nth-child(3n) { margin-right:0; }
	.yyArea02 .bd ul li:nth-child(n + 4) { margin-top:25px; }
	.yyArea02 .bd ul li .txt { margin:0 15px; font-size:16px; height:60px; line-height:60px; }
}
@media all and (max-width:1280px){
	.yyArea02 { padding:50px 0; }
	.yyArea02 .bd { margin-top:30px; }
	.yyArea02 .bd ul li { float:left; width:32%; margin-right:2%; }
	.yyArea02 .bd ul li:nth-child(3n) { margin-right:0; }
	.yyArea02 .bd ul li:nth-child(n + 4) { margin-top:20px; }
	.yyArea02 .bd ul li .txt { margin:0 15px; font-size:14px; height:50px; line-height:50px; }
}
@media all and (max-width:750px){
	.yyArea02 { padding:30px 0; }
	.yyArea02 .bd { margin-top:20px; }
	.yyArea02 .bd ul li { float:left; width:49%; margin-right:2%; }
	.yyArea02 .bd ul li:nth-child(3n) { margin-right:2%; }
	.yyArea02 .bd ul li:nth-child(2n) { margin-right:0; }
	.yyArea02 .bd ul li:nth-child(n + 3) { margin-top:20px; }
	.yyArea02 .bd ul li .txt { margin:0 10px; font-size:14px; height:40px; line-height:40px; }
}



.wh-hd { text-align:center; line-height:1.1; margin-bottom:35px; }
.wh-hd .p1 { font-size:30px; color:#000; }
.wh-hd .p1 i { display:inline-block; padding-left:65px; line-height:40px; margin-left:-65px; background-size:contain!important; }
.wh-hd .p2 { width:30px; height:3px; background:#008fd7; margin:15px auto 0; }

.wh-hd01 .p1 i { background:url(wh01.png) no-repeat center left; }
.wh-hd02 .p1 i { background:url(wh02.png) no-repeat center left; }
.wh-hd03 .p1 i { background:url(wh03.png) no-repeat center left; }

.wh-mm { margin-top:50px; text-align:center; }
.wh-mm a { display:inline-block; line-height:35px; border:1px solid #333; font-size:18px; color:#333; padding:0 40px; border-radius:7px; }


@media all and (max-width:1380px){
	.wh-hd { margin-bottom:30px; }
	.wh-hd .p1 { font-size:28px; }
	.wh-hd .p1 i { padding-left:60px; line-height:35px; margin-left:-60px; }
	.wh-hd .p2 { width:30px; height:3px; margin:15px auto 0; }

	.wh-mm { margin-top:40px; }
	.wh-mm a { line-height:35px; font-size:16px; padding:0 30px; }
}
@media all and (max-width:750px){
	.wh-hd { margin-bottom:20px; }
	.wh-hd .p1 { font-size:24px; }
	.wh-hd .p1 i { padding-left:50px; line-height:30px; margin-left:-50px; }
 
	.wh-mm { margin-top:30px; }
	.wh-mm a { line-height:35px; font-size:14px; padding:0 25px; } 
}

.whArea01 { padding-top:30px; }
.whArea01 .bd { padding:25px; background:#f4f6fa; }
.whArea01 .bd .bd01 { float:left; width:600px; position:relative; }

.swiper-pagination-wh01 { position:absolute; left:0; right:0; width:100%; text-align:right; bottom:15px!important; padding-right:15px; box-sizing: border-box; z-index:5; }
.swiper-pagination-wh01 .swiper-pagination-bullet { background:#fff; opacity:0.5; margin:0 4px; }
.swiper-pagination-wh01 .swiper-pagination-bullet-active { opacity:1; }

.whArea01 .bd .bd02 { float:right; width:calc(90.5% - 600px); margin-right:4%; }
.whArea01 .bd .bd02 ul li { border-bottom:1px dashed #626262; }
.whArea01 .bd .bd02 ul li a { display:block; padding:15px 0; }
.whArea01 .bd .bd02 ul li .p1 { color:#000; font-size:18px; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.whArea01 .bd .bd02 ul li .p2 { color:#626262; font-size:14px; line-height:20px; margin-top:6px; }
.whArea01 .bd .bd02 ul li .p3 { color:#626262; font-size:14px; line-height:25px; margin-top:5px; min-height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }


@media all and (max-width:1380px){
	.whArea01 .bd .bd01 { float:left; width:500px; position:relative; }

	.whArea01 .bd .bd02 { float:right; width:calc(92% - 500px); margin-right:4%; }	
	.whArea01 .bd .bd02 ul li a { display:block; padding:15px 0; }
	.whArea01 .bd .bd02 ul li .p1 { font-size:16px; }
	.whArea01 .bd .bd02 ul li .p2 { font-size:14px; margin-top:6px; }
	.whArea01 .bd .bd02 ul li .p3 { font-size:14px; line-height:25px; margin-top:5px; min-height:25px; -webkit-line-clamp:1; }
}
@media all and (max-width:1280px){
	.whArea01 .bd { padding:20px 15px; }
	.whArea01 .bd .bd01 { float:left; width:400px; position:relative; }

	.whArea01 .bd .bd02 { float:right; width:calc(94% - 400px); margin-right:3%; }	
	.whArea01 .bd .bd02 ul li a { display:block; padding:10px 0; }
	.whArea01 .bd .bd02 ul li .p1 { font-size:16px; }
	.whArea01 .bd .bd02 ul li .p2 { font-size:14px; margin-top:4px; }
	.whArea01 .bd .bd02 ul li .p3 { font-size:14px; line-height:20px; margin-top:4px; min-height:20px; -webkit-line-clamp:1; } 
}
@media all and (max-width:900px){
	.whArea01 { padding-top:10px; } 
	.whArea01 .bd { padding:20px 10px; }
	.whArea01 .bd .bd01 { float:none; width:100%; }

	.whArea01 .bd .bd02 { float:none; width:100%; margin-right:20px 0 0 0; }	
	.whArea01 .bd .bd02 ul li a { display:block; padding:15px 0; }
	.whArea01 .bd .bd02 ul li .p1 { font-size:16px; }
	.whArea01 .bd .bd02 ul li .p2 { font-size:14px; margin-top:4px; }
	.whArea01 .bd .bd02 ul li .p3 { font-size:14px; line-height:20px; margin-top:4px; min-height:20px; -webkit-line-clamp:2; } 
}



.whArea02 { margin-top:60px; }
.whArea02 .swiper-slide .txt { margin-top:10px; color:#000; }
.whArea02 .swiper-slide .txt .p1 { font-size:18px; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.whArea02 .swiper-slide .txt .p2 { font-size:18px; margin-top:10px; color:#535353; }

.whArea03 { margin-top:60px; }
.whArea03 .swiper-slide .txt { margin-top:15px; color:#000; font-size:14px; padding:0 5px; text-align:center; }

@media all and (max-width:1380px){
	.whArea02 { margin-top:60px; }
	.whArea02 .swiper-slide .txt { margin-top:10px; }
	.whArea02 .swiper-slide .txt .p1 { font-size:16px; }
	.whArea02 .swiper-slide .txt .p2 { font-size:16px; margin-top:10px; }

	.whArea03 { margin-top:60px; }
	.whArea03 .swiper-slide .txt { margin-top:15px; font-size:14px; } 
}
@media all and (max-width:1280px){
	.whArea02 { margin-top:50px; }
	.whArea02 .swiper-slide .txt { margin-top:10px; }
	.whArea02 .swiper-slide .txt .p1 { font-size:14px; }
	.whArea02 .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; }

	.whArea03 { margin-top:50px; }
	.whArea03 .swiper-slide .txt { margin-top:15px; font-size:14px; } 
}
@media all and (max-width:750px){
	.whArea02 { margin-top:30px; }
	.whArea02 .swiper-slide .txt { margin-top:10px; }
	.whArea02 .swiper-slide .txt .p1 { font-size:14px; }
	.whArea02 .swiper-slide .txt .p2 { font-size:14px; margin-top:10px; }

	.whArea03 { margin-top:30px; }
	.whArea03 .swiper-slide .txt { margin-top:15px; font-size:14px; }  
}


.ab-hd { text-align:center; line-height:1.1; color:#000; font-weight:bold; }
.ab-hd .p1 { font-size:36px; font-family:"Arial"; text-transform:uppercase; }
.ab-hd .p2 { font-size:30px; margin-top:0; }
.ab-hd .p3 { font-size:16px; margin-top:10px; color:#888; font-weight:normal; font-family:"Arial"; text-transform:uppercase; }

@media all and (max-width:1380px){
	.ab-hd .p1 { font-size:30px; }
	.ab-hd .p2 { font-size:28px; margin-top:0; }
 
}
@media all and (max-width:1280px){
	.ab-hd .p1 { font-size:28px; }
	.ab-hd .p2 { font-size:24px; margin-top:0; }
	.ab-hd .p3 { font-size:14px; margin-top:10px; }
}
@media all and (max-width:750px){
	.ab-hd .p1 { font-size:18px; }
	.ab-hd .p2 { font-size:20px; margin-top:0; }
}

.abArea01 { padding:80px 0 120px; }
.abArea01 .bd { margin-top:35px; }
.abArea01 .bd .bd01 { float:left; width:calc(100% - 700px); padding-top:15px; }
.abArea01 .bd .bd01 .p1 { font-size:24px; color:#008fd7; font-weight:bold; }
.abArea01 .bd .bd01 .p2 { font-size:14px; color:#008fd7; margin-top:10px; }
.abArea01 .bd .bd01 .p3 { font-size:14px; color:#707070; margin-top:20px; line-height:2; text-align:justify; }
.abArea01 .bd .bd01 .p4 { margin-top:30px; color:#313131; line-height:1.1; }
.abArea01 .bd .bd01 .p4 ul { display:flex; flex-direction:row; justify-content:space-between; }
.abArea01 .bd .bd01 .p4 ul li .p41 { font-size:14px; }
.abArea01 .bd .bd01 .p4 ul li .p41 i { font-size:30px; color:#008fd7; font-weight:bold; margin-right:5px; }
.abArea01 .bd .bd01 .p4 ul li .p42 { font-size:16px; margin-top:10px; }

.abArea01 .bd .bd02 { float:right; width:650px; }


@media all and (max-width:1380px){
	.abArea01 { padding:70px 0; }
	.abArea01 .bd { margin-top:35px; }
	.abArea01 .bd .bd01 { float:left; width:calc(100% - 650px); padding-top:15px; }
	.abArea01 .bd .bd01 .p1 { font-size:24px; }
	.abArea01 .bd .bd01 .p2 { font-size:14px; margin-top:10px; }
	.abArea01 .bd .bd01 .p3 { font-size:14px; margin-top:20px; line-height:1.7; }
	.abArea01 .bd .bd01 .p4 { margin-top:20px; }
	.abArea01 .bd .bd01 .p4 ul li .p41 { font-size:14px; }
	.abArea01 .bd .bd01 .p4 ul li .p41 i { font-size:30px; }
	.abArea01 .bd .bd01 .p4 ul li .p42 { font-size:16px; margin-top:10px; }

	.abArea01 .bd .bd02 { float:right; width:600px; }
}
@media all and (max-width:1280px){
	.abArea01 { padding:50px 0; }
	.abArea01 .bd { margin-top:30px; }
	.abArea01 .bd .bd01 { float:left; width:calc(100% - 530px); padding-top:10px; }
	.abArea01 .bd .bd01 .p1 { font-size:18px; }
	.abArea01 .bd .bd01 .p2 { font-size:12px; margin-top:5px; }
	.abArea01 .bd .bd01 .p3 { font-size:14px; margin-top:10px; line-height:1.7; }
	.abArea01 .bd .bd01 .p4 { margin-top:20px; }
	.abArea01 .bd .bd01 .p4 ul li .p41 { font-size:12px; }
	.abArea01 .bd .bd01 .p4 ul li .p41 i { font-size:20px; }
	.abArea01 .bd .bd01 .p4 ul li .p42 { font-size:14px; margin-top:5px; }

	.abArea01 .bd .bd02 { float:right; width:500px; }
}
@media all and (max-width:1280px){
	.abArea01 .bd .bd01 { float:none; width:100%; padding-top:0; }
 
	.abArea01 .bd .bd02 { float:none; width:100%; margin-top:25px; }
}
@media all and (max-width:750px){
	.abArea01 { padding:40px 0; }
	.abArea01 .bd { margin-top:25px; }
}


.abArea02 { padding:80px 0 120px; background:url(abArea02.jpg) no-repeat center top #f3f8ff; }
.abBox02 { margin-top:60px; }
.abBox02 .hd { float:left; width:calc(78% - 425px); margin-left:4%; }
.abBox02 .hd ul li { cursor:pointer; }
.abBox02 .hd ul li:nth-child(n + 2) { margin-top:80px; }
.abBox02 .hd ul li .p1 { border-bottom:1px solid #e5e8ed; max-width:395px; padding-bottom:10px; }
.abBox02 .hd ul li .p1 i { display:inline-block; padding-left:60px; font-size:24px; color:#000; line-height:46px; background-size:46px 46px!important; }
.abBox02 .hd ul li .p2 { font-size:14px; color:#707070; line-height:2; margin-top:20px; display:none; }

.abBox02 .hd ul li.on .p1 i { color:#008fd7; }
.abBox02 .hd ul li.on .p2 { display:block; }

.abBox02 .bd { float:right; width:425px; margin-right:9%; }

@media all and (max-width:1380px){
	.abArea02 { padding:70px 0; }
	.abBox02 { margin-top:40px; }
}
@media all and (max-width:1280px){
	.abArea02 { padding:50px 0; }
	.abBox02 { margin-top:30px; }
	.abBox02 .hd { float:left; width:calc(96% - 425px); margin-left:0; }
	.abBox02 .hd ul li:nth-child(n + 2) { margin-top:50px; }
	.abBox02 .hd ul li .p1 i { padding-left:45px; font-size:18px; line-height:35px; background-size:35px 35px!important; }
	.abBox02 .hd ul li .p2 { font-size:14px; line-height:1.7; margin-top:15px; }
 
	.abBox02 .bd { float:right; width:425px; margin-right:0; }
}
@media all and (max-width:750px){
	.abArea02 { padding:40px 0; }
	.abBox02 { margin-top:25px; }
	.abBox02 .hd { float:none; width:100%; }
	.abBox02 .hd ul li:nth-child(n + 2) { margin-top:25px; }
	.abBox02 .hd ul li .p1 { padding-bottom:5px; }
 
	.abBox02 .bd { float:none; width:100%; margin-top:25px; }
}


.abArea03 { padding:80px 0 120px; }
.abBox03 { margin-top:45px; }
.abBox03 .hd { text-align:center; }
.abBox03 .hd ul li { display:inline-block; line-height:45px; margin:0 20px; font-size:18px; color:#000; border-radius:25px; cursor:pointer; }
.abBox03 .hd ul li.on { background:#008fd7; color:#fff; padding:0 30px; }

.abBox03 .bd { margin-top:35px; }
.abBox03 .bd ul li { float:left; width:19.2%; margin-right:1%; text-align:center; border:1px solid #eee; box-sizing: border-box; }
.abBox03 .bd ul li:nth-child(5n) { margin-right:0; }
.abBox03 .bd ul li:nth-child(n + 6) { margin-top:1%; }
.abBox03 .bd ul li img { max-width:100%; }

@media all and (max-width:1380px){
	.abArea03 { padding:70px 0; }
	.abBox03 { margin-top:40px; }
	.abBox03 .hd ul li { line-height:40px; margin:0 10px; font-size:16px; }
	.abBox03 .hd ul li.on { padding:0 25px; }
 
	.abBox03 .bd { margin-top:35px; }
}
@media all and (max-width:1280px){
	.abArea03 { padding:50px 0; }
	.abBox03 { margin-top:30px; }
	.abBox03 .hd ul li { line-height:40px; margin:0 10px; font-size:16px; }
	.abBox03 .hd ul li.on { padding:0 20px; }
 
	.abBox03 .bd { margin-top:35px; }
	.abBox03 .bd ul li { width:24.25%; }
	.abBox03 .bd ul li:nth-child(5n) { margin-right:1%; }
	.abBox03 .bd ul li:nth-child(4n) { margin-right:0; }
	.abBox03 .bd ul li:nth-child(n + 5) { margin-top:1%; }
}
@media all and (max-width:750px){
	.abArea03 { padding:40px 0; }
	.abBox03 { margin-top:25px; }
	.abBox03 .hd ul li { line-height:35px; margin:0 5px 10px 0; font-size:13px; }
	.abBox03 .hd ul li.on { padding:0 15px; }
 
	.abBox03 .bd { margin-top:25px; }
	.abBox03 .bd ul li { width:49%; margin-right:2%; }
	.abBox03 .bd ul li:nth-child(5n) { margin-right:2%; }
	.abBox03 .bd ul li:nth-child(4n) { margin-right:2%; }
	.abBox03 .bd ul li:nth-child(2n) { margin-right:0; }
	.abBox03 .bd ul li:nth-child(n + 3) { margin-top:2%; }
}

.abArea04 { padding:80px 0 120px; background:#f3f8ff; }
.abBox04 { position:relative; margin-top:80px; }
.abBox04 .swiper-slide .txt { margin-top:15px; font-size:16px; color:#000; text-align:center; padding:0 5px; }

.abBox04 .prev-ab04,.abBox04 .next-ab04 { position:absolute; top:45%; transform: translateY(-50%); width:18px; height:33px; cursor:pointer; z-index:2; }
.abBox04 .prev-ab04 { background:url(ab01.png) no-repeat center; left:-35px; }
.abBox04 .next-ab04 { background:url(ab02.png) no-repeat center; right:-35px; }


@media all and (max-width:1380px){
	.abArea04 { padding:70px 0; }
	.abBox04 { margin-top:60px; }
	.abBox04 .swiper-slide .txt { margin-top:10px; font-size:16px; }

	.abBox04 .prev-ab04 { left:10px; }
	.abBox04 .next-ab04 { right:10px; }
}
@media all and (max-width:1280px){
	.abArea04 { padding:50px 0; }
	.abBox04 { margin-top:40px; }
	.abBox04 .swiper-slide .txt { margin-top:10px; font-size:14px; }
}
@media all and (max-width:750px){
	.abArea04 { padding:40px 0; }
	.abBox04 { margin-top:25px; }
	
	.abBox04 .prev-ab04,.abBox04 .next-ab04 { display:none; }
}

.abArea05 { padding:80px 0 120px; }
.abBox05 { margin-top:40px; }
.abBox05 ul li { position:relative; float:left; width:49.5%; margin-right:1%; }
.abBox05 ul li:last-child { margin-right:0; }
.abBox05 ul li .txt { position:absolute; top:20%; left:6%; color:#fff; line-height:1.1; z-index:5; }
.abBox05 ul li .txt .p1 { font-size:24px; text-transform:uppercase; }
.abBox05 ul li .txt .p2 { font-size:30px; font-weight:bold; margin-top:15px; }
.abBox05 ul li .txt .p3 { font-size:18px; line-height:2; margin-top:20px; font-style:italic; }

.abBox051 { margin-top:40px; }
.abBox051 ul li { position:relative; margin-bottom:15px;  }
.abBox051 ul li:last-child { margin-bottom:0; }
.abBox051 ul li .pic { float:right; width:58.6%; }

.abBox051 ul li .txt { position:absolute; top:0; left:0; bottom:0; width:calc(41.4% - 15px); padding-top:75px; color:#333; line-height:1.1; text-align:center; background:#f3f3f3; z-index:5; }
.abBox051 ul li .txt .p1 { font-size:32px; font-weight:bold; color:#c8c8c8; text-transform:uppercase; }
.abBox051 ul li .txt .p2 { font-size:32px; font-weight:bold; margin-top:20px; }
.abBox051 ul li .txt .p3 { width:100px; height:1px; background:#018fd7; margin:20px auto 0; }
.abBox051 ul li .txt .p4 { font-size:18px; line-height:2; margin-top:25px; }

.abBox051 ul li:nth-child(2n) .pic { float:left; }
.abBox051 ul li:nth-child(2n) .txt { left:auto; right:0; }

.abBox051 ul li:hover .txt { background:#018fd7; }
.abBox051 ul li:hover .txt .p1 { color:rgba(255,255,255,0.1); }
.abBox051 ul li:hover .txt .p2 { color:#fff; }
.abBox051 ul li:hover .txt .p3 { background:#fff; }
.abBox051 ul li:hover .txt .p4 { color:#fff; }

@media all and (max-width:1380px){
	.abArea05 { padding:70px 0; }
	.abBox05 { margin-top:40px; }

	.abBox05 ul li .txt { top:20%; left:6%; }
	.abBox05 ul li .txt .p1 { font-size:20px; }
	.abBox05 ul li .txt .p2 { font-size:28px; margin-top:15px; }
	.abBox05 ul li .txt .p3 { font-size:16px; line-height:2; margin-top:20px; }
	
	.abBox051 ul li .txt { padding-top:55px; }
	.abBox051 ul li .txt .p1 { font-size:28px; }
	.abBox051 ul li .txt .p2 { font-size:28px; margin-top:15px; }
	.abBox051 ul li .txt .p3 { margin:15px auto 0; }
	.abBox051 ul li .txt .p4 { font-size:16px; line-height:2; margin-top:20px; }
}
@media all and (max-width:1280px){
	.abArea05 { padding:50px 0; }
	.abBox05 { margin-top:30px; }

	.abBox05 ul li .txt { top:20%; left:6%; }
	.abBox05 ul li .txt .p1 { font-size:18px; }
	.abBox05 ul li .txt .p2 { font-size:24px; margin-top:10px; }
	.abBox05 ul li .txt .p3 { font-size:14px; line-height:1.72; margin-top:15px; }
	
	.abBox051 ul li .txt { padding-top:30px; }
	.abBox051 ul li .txt .p1 { font-size:24px; }
	.abBox051 ul li .txt .p2 { font-size:24px; margin-top:15px; }
	.abBox051 ul li .txt .p3 { margin:15px auto 0; }
	.abBox051 ul li .txt .p4 { font-size:16px; line-height:2; margin-top:15px; }
}
@media all and (max-width:900px){
	.abBox051 { margin-top:40px; }
	.abBox051 ul li { margin-bottom:10px;  }
	.abBox051 ul li:last-child { margin-bottom:0; }
	.abBox051 ul li .pic { float:none; width:100%; }

	.abBox051 ul li .txt { position:relative; top:auto; left:auto; bottom:auto; width:100%; box-sizing: border-box; padding:30px 10px; }
	.abBox051 ul li .txt .p1 { font-size:20px; }
	.abBox051 ul li .txt .p2 { font-size:20px; margin-top:10px; }
	.abBox051 ul li .txt .p3 {  margin:10px auto 0; }
	.abBox051 ul li .txt .p4 { font-size:14px; line-height:2; margin-top:15px; }

	.abBox051 ul li:nth-child(2n) .pic { float:none; }
	.abBox051 ul li:nth-child(2n) .txt { left:auto; right:auto; }
}
@media all and (max-width:750px){
	.abArea05 { padding:40px 0; }
	.abBox05 { margin-top:25px; }
	.abBox05 ul li { float:none; width:100%; margin-right:0; }
	.abBox05 ul li:nth-child(n + 2) { margin-top:15px; }
	.abBox05 ul li .txt { top:15%; left:4%; }
	.abBox05 ul li .txt .p1 { font-size:14px; }
	.abBox05 ul li .txt .p2 { font-size:18px; margin-top:10px; }
	.abBox05 ul li .txt .p3 { font-size:14px; line-height:1.72; margin-top:15px; }
	
	.abBox051 { margin-top:25px; }
}