@charset "utf-8";

.banner{ width:100%; margin:0 auto; position:relative}
.banner>img{ width:100%; height:auto;}
.banner .img1{ display:block}
.banner .img2{ display:none}
.banner .item{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%); z-index:9; color:#fff; text-align:center}
.banner .item .title{ font-size:18px; color:#eeba3a}
.banner .item .intro{ font-size:46px; margin-top:10px}

@media (max-width: 1600px){
	.banner .item .title{ font-size:16px;}
	.banner .item .intro{ font-size:38px;}
}

@media (max-width: 1200px){
	.banner .img2{ display:block}
	.banner .img1{ display:none}
	.banner .item .title{ font-size:14px;}
	.banner .item .intro{ font-size:20px;}
}



/* 面包屑 */
.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){ 
	.location { display:none; }
}

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

.menus { text-align:center; padding-top:15px; }
.menus ul{ text-align:right; font-size:0}
.menus ul li { position:relative; display:inline-block; margin-left:30px}
.menus ul li a { position:relative; display:inline-block; padding:10px 20px; font-size:18px; color:#333; border:1px solid #fff }
.menus ul li a:before { /*position:absolute; display:block; content:""; bottom:-1px; left:0; width:0; height:2px; z-index:2;background:#002d61; transition:all 0.5s*/}

.menus ul li a.current,.menus ul li:hover a { color:#fff; background:#002d61;  }
.menus ul li a.current:before,.menus ul li:hover a:before { width:100% }

.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:#002d61; border-color:#002d61; color:#fff; }

@media all and (max-width:1300px){
	.menus 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){
	.menus { display:none; }
	
	.m-rdm { padding:20px 0; }
	.m-rdm a { margin:0 5px; line-height:30px; padding:0 10px; }
}


/* 内容模式 */
.article { line-height:2; font-size:16px; word-wrap:break-word;}
.main { padding:40px 0 }
.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%; height:auto }

@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .bd { font-size:14px; }
}
.pcArea { display:block; }
.sjArea { display:none; }
@media all and (max-width:1200px){
	.pcArea { display:none; }
	.sjArea { display:block; }
}

.nr_pc { display:block; }
.nr_sj { display:none; }
@media all and (max-width:1200px){
	.nr_pc { display:none; }
	.nr_sj { display:block; }
}

/* 新闻列表 */
.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:#002d61; color:#fff; font-size:14px; cursor:pointer; }

.picNews ul li:hover .txt .p3 .p31 { background:url(p03.png) no-repeat center left; color:#002d61; }
.picNews ul li:hover .txt .p3 .p32 { background:url(p04.png) no-repeat center left; color:#002d61; }
.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:#002d61; 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:#002d61; 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:#002d61; color:#fff; }
.page select{ display:none}
@media screen and (max-width: 1024px){
	.page{padding-top: 0}
	.page a{padding: 0 5px;margin: 0 3px;font-size: 12px}
}









.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 #002d61; color:#002d61; }
.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:#002d61; }

@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:#002d61; }
.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:#002d61; }
.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 #002d61; }
 

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

/*articles*/
.articles{ padding:30px 0; background:url(g_39.png) left bottom no-repeat #f6f7f8}
.articles .content .nr{ background:#fff; padding:50px; box-sizing:border-box}
@media all and (max-width:1200px){
	.articles .content .nr{ padding:15px}
	.articles{ padding:20px 0 }
}

.pro { }
.pro .pro01 { margin-bottom: 20px; }
.pro .pro01 .item { position:relative; float:left; width:700px; margin-right: 40px; overflow:hidden }
.pro .pro01 .item .swiper-container-2 { width:100%; overflow:hidden }
.pro .pro01 .item .swiper-container-2 .swiper-slide { width:400px; padding-bottom:75%; border: 1px solid #eee; box-sizing:border-box; text-align: center; overflow:hidden }
.pro .pro01 .item .swiper-container-2 img { position:absolute; width:100%; height: 100%; position:absolute; left:0; top:0;object-fit: cover;}
.pro .pro01 .item .swiper-container-3 { width:100%; margin:0 auto; margin-top:10px; overflow:hidden }
.pro .pro01 .item .swiper-container-3 .swiper-slide{overflow:hidden }
.pro .pro01 .item .swiper-container-3 .swiper-slide a{ display:block; width:100%; padding-bottom:100%; position:relative}
.pro .pro01 .item .swiper-container-3 .swiper-slide a img{ width:100%; height:100%; position:absolute; left:0; top:0;  object-fit: cover;}
.pro .pro01 .item .swiper-container-3 .swiper-slide a span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box}
.pro .pro01 .item .swiper-container-3 .swiper-slide.swiper-slide-thumb-active a span{ border:2px solid #00a6cb}
.pro .pro01 .rt{ display: block; overflow: hidden; }
.pro .pro01 .rt .hd { margin:0 0 20px; }
.pro .pro01 .rt .hd h1 { color:#000; font-size:24px; }
.pro .pro01 .rt .intro  { line-height: 1.8; }
@media all and (max-width:1200px){
	.pro .pro01 .item { width:100%}
	.pro .pro01 .rt{ width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom: 1px dotted #ccc;}
	.pro .pro01 .rt .hd{ margin:0 0 20px; padding:0 0 10px; border-bottom: 1px dotted #ccc; }
	.pro .pro01 .rt .hd h1 { font-size:20px; margin:0; padding:0; margin-top:20px; text-align:left}
	.pro .pro01 .swiper-button-next, .pro .pro01 .swiper-button-prev{ width:20px; height:30px; background-size:cover}
}




.news{ padding:0 0 40px}
.newsList{ width:100%; padding-bottom:60px}
.newsList .nr{ box-sizing:border-box; border:1px solid #e3e3e3; border-bottom:0}
.newsList .item{ width:100%; padding:30px 25px; box-sizing:border-box; border-bottom:1px solid #e3e3e3}
.newsList .item:nth-child(2n){background:none}
.newsList .item .kk{ display:flex; width:100%; height:100%; box-sizing:border-box; }
.newsList .item .kk .pic{ width:320px; overflow:hidden;}
.newsList .item .kk .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.newsList .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.newsList .item .kk .cont{ width:calc(100% - 320px);  box-sizing:border-box; padding-left:30px}
.newsList .item .kk .cont .time{ font-size:14px; color:#888888; margin-top:10px}
.newsList .item .kk .cont .title{ font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px; line-height:30px; font-weight:bold;}
.newsList .item .kk .cont .intro{ font-size:14px; color:#888888; line-height:25px; height:50px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList .item .kk .cont .more{ font-size:14px; color:#888888; margin-top:10px; padding:10px 0; transition:all 0.3s; display:flex;width:fit-content }
.newsList .item:hover .kk .cont .more{ background:#002d61; color:#fff; text-align:center; padding:10px 20px; border-radius:20px; }
.newsList .item:hover{box-shadow:5px 5px 10px #ededed, -5px -5px 10px #ededed}
.newsList .item:hover .kk .cont .title{ color:#002d61}
@media all and (max-width:1200px){
	.news{ padding:0 0}
	.newsList .item{ width:100%; padding:25px 20px; }
	.newsList{ padding-bottom:40px}
}
@media all and (max-width:750px){
	
	.newsList .item{ width:100%; padding:20px 20px; }
	.newsList .item .kk .pic{ width:160px;}
	.newsList .item .kk .cont{ width:calc(100% - 160px);}
	.newsList .item .kk .cont .time{ font-size:12px; margin:0}
	.newsList .item .kk .cont .title{ font-size:14px; margin-top:5px}
	.newsList .item .kk .cont .intro{ font-size:12px; margin-top:5px}
	.newsList .item .kk .cont .more{ display:none}
}
@media all and (max-width:450px){
	.newsList .item{ width:100%; padding:12px; }
	.newsList .item .kk .pic{ width:140px;}
	.newsList .item .kk .cont{ width:calc(100% - 140px); padding-left:10px}
	.newsList .item .kk .cont .time{ font-size:12px; margin:0}
	.newsList .item .kk .cont .title{ line-height:20px; margin-top:2px}
	.newsList .item .kk .cont .intro{ line-height:18px; height:auto}
}


.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%; }
}

.main103{ background:#f4f8fc}