@charset "utf-8";

/* 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; }
.wrap {  margin:0 auto; }

.main { padding:70px 0; }

@media all and (max-width:1200px){
	.main { padding:40px 0; margin-top:0; }
}
@media all and (max-width:750px){
	.main { padding:30px 0; }
}

.leftTitle { display:none; }

.sidebar { position:relative; margin-top:-55px; z-index:2; }
.menu { position:relative; text-align:center; z-index:99; }
.menu ul li { position:relative; float:left; background:#f7f7f7; }
.menu ul li:nth-child(2n) { background:#fcfcfc; }
.menu ul li a { display:block; padding:25px 0; }
.menu ul li .p1 { height:50px; }
.menu ul li .p1 img { max-height:40px; width:auto; }
.menu ul li .p1 .img02 { display:none; }
.menu ul li .p2 { font-size:16px; line-height:30px; color:#000; padding:0 5px; }

.menu ul li a.current ,.menu ul li:hover a { background:#e70012; }
.menu ul li a.current .p1 .img01,.menu ul li:hover a .p1 .img01 { display:none; }
.menu ul li a.current .p1 .img02,.menu ul li:hover a .p1 .img02 { display:inline-block; }
.menu ul li a.current .p2,.menu ul li:hover a .p2 { font-weight:bold; color:#fff; }
 
@media all and (max-width:1760px){
	.sidebar { margin-top:-35px; }
	.menu ul li a { padding:20px 0; }
	.menu ul li .p1 { height:40px; }
	.menu ul li .p1 img { max-height:30px; width:auto; }
	.menu ul li .p2 { font-size:16px; line-height:20px; }
}
@media all and (max-width:1200px){
	.sidebar { margin-top:-35px; }
	.menu ul li a { padding:20px 0 0; min-height:80px; }
	.menu ul li .p1 { height:35px; }
	.menu ul li .p1 img { max-height:25px; width:auto; }
	.menu ul li .p2 { font-size:14px; line-height:20px; } 
}
@media all and (max-width:750px){
	.sidebar { margin-top:-35px; }
	.menu ul li a { padding:15px 0 0; }
	.menu ul li .p1 { height:30px; }
	.menu ul li .p1 img { max-height:20px; width:auto; }
	.menu ul li .p2 { font-size:12px; height:60px; } 
}


.m-rdm { text-align:center; margin-top:70px; font-size:0; }
.m-rdm a { display:inline-block; margin:0 30px; padding:0 40px; height:60px; line-height:56px; border:2px solid #999; border-radius:30px; font-size:16px; font-weight:bold; color:#999; z-index:1; cursor:pointer; box-sizing: border-box; }
.m-rdm a.current,.m-rdm a:hover { background:#e70012; color:#fff; border-color:#e70012; }

@media all and (max-width:1760px){
	.m-rdm { margin-top:70px; }
	.m-rdm a {  margin:0 20px; padding:0 25px; height:45px; line-height:41px; }
}
@media all and (max-width:1200px){
	.m-rdm { margin-top:40px; }
	.m-rdm a {  margin:0 10px; padding:0 15px; height:35px; line-height:31px; font-size:14px; }
}
@media all and (max-width:750px){
	.m-rdm { margin-top:30px; }
	.m-rdm a { width:23.5%; text-align:center; margin:0 2% 0 0; padding:0; height:30px; border:1px solid #999; line-height:28px; font-size:14px; }
	.m-rdm a:last-child { margin-right:0; }

}
 
/* 内容模式 */
.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%; height: auto; }


.artCon .pic { float:left; width:45%; margin-right:5%; }
.artCon .txt { float:left; width:50%; padding-top:20px; }
.artCon .txt .p1 { font-size:24px; font-weight:bold; color:#333; }
.artCon .txt .p2 { font-size:16px; word-wrap:break-word; margin-top:20px; }

.artCon01 { line-height:2; font-size:16px; word-wrap:break-word; margin-top:30px; }
.artCon01 img { max-width:100%; }

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

@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .bd { font-size:14px; }
	
	.artCon01 { font-size:14px; }
	.artCon .txt .p1 { font-size:20px; }
	.artCon .txt .p2 { font-size:14px; }
}

@media all and (max-width:1000px){
	.artCon .pic { float:none; width:100%; margin-right:0; }
	.artCon .txt { float:none; width:100%; padding-top:30px; }
	.artCon .txt .p1 { font-size:18px; }
	.artCon .txt .p2 { font-size:14px; }
}
 
/* 面包屑 */
.location { width:1280px; margin:0 auto 30px; font-size:16px; color:#333; display:none; }
.location a { color:#333; display:inline-block; padding:0 10px; }
.location a.u-home { padding-left:25px; background:url(u-home.png) no-repeat center left; }

@media all and (max-width:1760px){
	.location { width:100%; }
}
@media all and (max-width:1000px){
 
	.location { margin:0 auto 20px; font-size:12px; }
	.location a { padding:0 5px; }
}
 
 
/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list {  }
.list ul { padding-bottom:30px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:14px; line-height:20px; height:20px; clear:both; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.list li span { float:right; color:#999; font-size:12px; margin-left:15px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

.news01 ul li { margin-bottom:60px; background:#fafafa; border:1px solid #fafafa; }
.news01 ul li a { position:relative; display:block; padding:60px; font-size:24px; color:#333; }
.news01 ul li a:before { position:absolute; top:0; right:0; bottom:0; display:none; content:""; width:240px; background:url(news01.png) no-repeat center #e70012; z-index:0; }
.news01 ul li p { height:60px; line-height:60px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.news01 ul li span { float:right; font-weight:bold; margin-left:50px; }

.news01 ul li:hover { border-color:#e70012; }
.news01 ul li:hover a { padding-right:395px; }
.news01 ul li:hover a:before {display:block; }


@media all and (max-width:1760px){
	.news01 ul li { margin-bottom:30px; }
	.news01 ul li a { padding:40px 30px; font-size:18px; }
	.news01 ul li a:before { width:140px; background-size:40px 40px; }
	.news01 ul li p { height:30px; line-height:30px; }
	.news01 ul li span { margin-left:50px; }

	.news01 ul li:hover a { padding-right:200px; }
}
@media all and (max-width:1200px){
	.news01 ul li { margin-bottom:20px; }
	.news01 ul li a { padding:30px 20px; font-size:16px; }
	.news01 ul li p { height:20px; line-height:20px; }
	.news01 ul li span { margin-left:30px; }

	.news01 ul li:hover a { padding-right:0; }
	.news01 ul li:hover a:before { display:none; }
}
@media all and (max-width:750px){
	.news01 ul li { margin-bottom:10px; }
	.news01 ul li a { padding:15px 10px; font-size:14px; }
	.news01 ul li p { height:20px; line-height:20px; }
	.news01 ul li span { margin-left:15px; font-size:12px; }

	.news01 ul li:hover a { padding-right:0; }
	.news01 ul li:hover a:before { display:none; }
}



/* 图文新闻 */
.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 ul li { margin-bottom:60px; background:#f7f7f7; }
.picnews ul li .pic { float:left; width:530px; overflow:hidden; position:relative; }
.picnews ul li .pic img { transition: all 0.6s; }

.mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
.picnews ul li:hover .mask-white { -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
 

.picnews ul li .txt { float:left; width:625px; margin-left:80px; padding-top:60px; color:#333; }
.picnews ul li .txt .p1 { font-size:24px; height:30px; line-height:30px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.picnews ul li .txt .p2 { font-size:16px; margin-top:20px; line-height:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.picnews ul li .txt .p3 { font-size:16px; margin-top:60px; }
.picnews ul li .txt .p4 { font-size:14px; margin-top:10px; display:none; }

.picnews ul li .txt01 { float:right; width:340px; height:180px; margin-top:95px; text-align:center; border-left:1px solid #ddd; color:#333; font-weight:bold; line-height:1; }
.picnews ul li .txt01 .p1 { font-size:48px; padding-top:35px; }
.picnews ul li .txt01 .p2 { font-size:24px; margin-top:35px; }

.picnews ul li .txt .p1 span { background-image: linear-gradient(currentColor 0, currentColor 0);
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 calc(100% - 1px);
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: 750ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 750ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms; }

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

.picnews ul li:hover .txt .p1 { color:#e70012; }
.picnews ul li:hover .txt .p1 span { background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.picnews ul li:hover .txt .p3 { color:#e70012; }

@media all and (max-width:1760px){
	.picnews ul li { margin-bottom:40px; }
	.picnews ul li .pic { float:left; width:400px; }
	.picnews ul li .txt { float:left; width:calc(100% - 610px); margin-left:30px; padding-top:50px; }
	.picnews ul li .txt .p1 { font-size:18px; height:20px; line-height:20px; }
	.picnews ul li .txt .p2 { font-size:14px; margin-top:15px; line-height:2; -webkit-line-clamp:4; }
	.picnews ul li .txt .p3 { font-size:14px; margin-top:30px; }
	.picnews ul li .txt .p4 { display:none; }

	.picnews ul li .txt01 { float:right; width:150px; height:100px; margin-top:90px; }
	.picnews ul li .txt01 .p1 { font-size:30px; padding-top:20px; }
	.picnews ul li .txt01 .p2 { font-size:18px; margin-top:20px; }
}
@media all and (max-width:1200px){
	.picnews ul li { margin-bottom:30px; }
	.picnews ul li .pic { float:left; width:350px; }
	.picnews ul li .txt { float:left; width:calc(100% - 410px); margin-left:30px; padding-top:30px; }
	.picnews ul li .txt .p1 { font-size:16px; height:20px; line-height:20px; }
	.picnews ul li .txt .p2 { font-size:14px; margin-top:15px; line-height:1.7; -webkit-line-clamp:4; }
	.picnews ul li .txt .p3 { font-size:14px; margin-top:20px; }
	.picnews ul li .txt .p4 { display:block; }

	.picnews ul li .txt01 { display:none; }
}
@media all and (max-width:900px){
	.picnews ul li { margin-bottom:30px; }
	.picnews ul li .pic { float:left; width:250px; }
	.picnews ul li .txt { float:left; width:calc(100% - 310px); margin-left:30px; padding-top:30px; }
	.picnews ul li .txt .p1 { font-size:16px; height:20px; line-height:20px; }
	.picnews ul li .txt .p2 { font-size:12px; margin-top:10px; line-height:1.7; -webkit-line-clamp:2; }
	.picnews ul li .txt .p3 { font-size:12px; margin-top:10px; }
	.picnews ul li .txt .p4 { font-size:12px; }

	.picnews ul li .txt01 { display:none; }
}
@media all and (max-width:750px){
	.picnews ul li { margin-bottom:20px; }
	.picnews ul li .pic { float:none; width:100%; }
	.picnews ul li .txt { float:none; width:100%; margin-left:0; padding:20px 10px; box-sizing: border-box; }
	.picnews ul li .txt .p1 { font-size:16px; height:20px; line-height:20px; }
	.picnews ul li .txt .p2 { font-size:12px; margin-top:10px; line-height:1.7; -webkit-line-clamp:2; }
	.picnews ul li .txt .p3 { font-size:12px; margin-top:10px; }
	.picnews ul li .txt .p4 { font-size:12px; } 
}

.xwArea { margin-top:70px; }
.xwArea .hd { text-align:center; line-height:1.1; }
.xwArea .hd .p1 { font-size:36px; color:#333; font-weight:bold; }
.xwArea .hd .p2 { width:30px; height:4px; background:#e70012; margin:15px auto 0; }
.xwArea .bd { position:relative; margin-top:60px; }
.xwArea .bd .swiper-slide { background:#fbfbfb; }
.xwArea .bd .swiper-slide .pic { float:left; width:45%; }
.xwArea .bd .swiper-slide .txt { float:right; width:45%; margin-right:5%; padding-top:60px; color:#333; }
.xwArea .bd .swiper-slide .txt .p1 { font-size:24px; line-height:32px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.xwArea .bd .swiper-slide .txt .p2 { margin-top:20px; font-size:16px; padding-left:30px; line-height:20px; color:#999; background:url(xw01.png) no-repeat center left; }
.xwArea .bd .swiper-slide .txt .p3 { margin-top:65px; font-size:16px; line-height:2; padding-left:30px; background:url(xw02.png) no-repeat left 11px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.xwArea .bd .swiper-slide .txt .p4 { margin-top:80px; font-size:16px; }

.xwArea .bd .swiper-pagination-xw01 { position:absolute; left:0; width:45%; bottom:35px!important; text-align:center; z-index:99; }
.xwArea .bd .swiper-pagination-xw01 .swiper-pagination-bullet {  width:12px; height:12px; background:#e0dede; opacity:1; }
.xwArea .bd .swiper-pagination-xw01 .swiper-pagination-bullet-active { background:#e70012; }

@media all and (max-width:1760px){
	.xwArea .hd .p1 { font-size:30px; }
	.xwArea .bd { margin-top:60px; }
	.xwArea .bd .swiper-slide .pic { float:left; width:45%; }
	.xwArea .bd .swiper-slide .txt { float:right; width:45%; margin-right:5%; padding-top:40px; }
	.xwArea .bd .swiper-slide .txt .p1 { font-size:18px; line-height:30px; }
	.xwArea .bd .swiper-slide .txt .p2 { margin-top:20px; font-size:14px; padding-left:30px;  }
	.xwArea .bd .swiper-slide .txt .p3 { margin-top:30px; font-size:14px; line-height:2; padding-left:30px; background:url(xw02.png) no-repeat left 11px; -webkit-line-clamp:4; }
	.xwArea .bd .swiper-slide .txt .p4 { margin-top:30px; font-size:14px; }
}
@media all and (max-width:1200px){
	.xwArea .hd .p1 { font-size:24px; }
	.xwArea .bd { margin-top:40px; }
	.xwArea .bd .swiper-slide .pic { float:left; width:400px; }
	.xwArea .bd .swiper-slide .txt { float:right; width:calc(90% - 400px); margin-right:5%; padding-top:20px; }
	.xwArea .bd .swiper-slide .txt .p1 { font-size:16px; line-height:25px; }
	.xwArea .bd .swiper-slide .txt .p2 { margin-top:20px; font-size:14px; padding-left:30px;  }
	.xwArea .bd .swiper-slide .txt .p3 { margin-top:20px; font-size:14px; line-height:2; padding-left:0; background:none; -webkit-line-clamp:3; }
	.xwArea .bd .swiper-slide .txt .p4 { margin-top:20px; font-size:14px; }
	
	.xwArea .bd .swiper-pagination-xw01 { width:400px;  bottom:25px!important; }
}
@media all and (max-width:1000px){
	.xwArea .bd .swiper-slide .pic { float:left; width:300px; }
	.xwArea .bd .swiper-slide .txt { float:right; width:calc(90% - 300px); margin-right:5%; padding-top:20px; }
	.xwArea .bd .swiper-slide .txt .p1 { font-size:16px; line-height:25px; }
	.xwArea .bd .swiper-slide .txt .p2 { margin-top:10px; font-size:14px; padding-left:30px;  }
	.xwArea .bd .swiper-slide .txt .p3 { margin-top:10px; font-size:14px; line-height:1.7; padding-left:0; background:none; -webkit-line-clamp:2; }
	.xwArea .bd .swiper-slide .txt .p4 { margin-top:10px; font-size:14px; }
	
	.xwArea .bd .swiper-pagination-xw01 { width:300px; bottom:15px!important; }
	.xwArea .bd .swiper-pagination-xw01 .swiper-pagination-bullet { width:10px; height:10px; }
}
@media all and (max-width:750px){
	.xwArea { margin-top:30px; }
	.xwArea .hd .p1 { font-size:20px; }
	.xwArea .hd .p2 { margin:10px auto 0; }
	.xwArea .bd { margin-top:30px; }
	.xwArea .bd .swiper-slide .pic { float:none; width:100%; }
	.xwArea .bd .swiper-slide .txt { float:none; width:100%; margin-right:0; padding:20px 10px; color:#333; box-sizing: border-box; }
	.xwArea .bd .swiper-slide .txt .p1 { font-size:16px; line-height:25px; }
	.xwArea .bd .swiper-slide .txt .p2 { margin-top:10px; font-size:14px; padding-left:25px; }
	.xwArea .bd .swiper-slide .txt .p3 { margin-top:10px; font-size:14px; line-height:1.7; -webkit-line-clamp:3; }
	.xwArea .bd .swiper-slide .txt .p4 { margin-top:10px; font-size:14px; }

	.xwArea .bd .swiper-pagination-xw01 { position:relative; left:0; width:100%; bottom:auto!important; margin-top:15px; }
}


/* 图片列表 */
.piList .pic-item-list { padding-bottom:10px; }
.piList .pic-item-list .pic-item { float:left; width:24%; margin:0 1.33% 30px 0; }
.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:0; }
.piList .pic-item-list .pic-item .list-pic { overflow:hidden; }
.piList .pic-item-list .pic-item .list-pic img { width:100%; height:auto; transition: all 0.6s; }
.piList .pic-item-list .pic-item dl { padding:5px; margin-top:10px; }
.piList .pic-item-list .pic-item dl dt { height:30px; font-size:20px; line-height:30px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
 
.piList .pic-item-list .pic-item:hover .list-pic img { transform: scale(1.1)!important; }

@media all and (max-width:1760px){
	.piList .pic-item-list .pic-item dl dt { height:20px; font-size:16px; line-height:20px; }
}

@media all and (max-width:1100px){
	.piList .pic-item-list .pic-item { float:left; width:32%; margin:0 2% 2% 0; }
	.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:0; }
	.piList .pic-item-list .pic-item dl dt { font-size:14px; }
}
@media all and (max-width:750px){
	.piList .pic-item-list .pic-item { width:49%;  }
	.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(2n) { margin-right:0; }
	.piList .pic-item-list .pic-item dl dt { font-size:14px; }

}

 
/* 分页 */
.page { padding-top: 20px; line-height:24px; text-align:center;padding-bottom:0; }
.page a { display:inline-block; margin:0 5px; padding:3px 11px; background:none; border:1px solid #999; color:#333; vertical-align:top;font-size: 14px; }
.page a:hover,.page .current { background:#e70012; border-color:#e70012; 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; }
 

.abArea01 { position:relative; padding:100px 0; }
.abArea01 .wrap { position:relative; }
.abArea01 .txt { float:left; width:47.6%; color:#333; }
.abArea01 .txt .p1 { font-size:36px; line-height:1.6; font-weight:bold; }
.abArea01 .txt .p2 { margin-top:95px; font-size:16px; padding-right:40px; line-height:2; max-height:385px; overflow-y:auto; }

.abArea01 .txt .p2::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#e70012; }
.abArea01 .txt .p2::-webkit-scrollbar-track{background:#f4f4f4;}
.abArea01 .txt .p2::-webkit-scrollbar-corner{background:transparent}
.abArea01 .txt .p2::-webkit-scrollbar{width:7px;height:7px}

.abArea01 .pic { position:relative; float:right; width:50%; overflow: hidden; }
.abArea01 .pic:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);}

.abArea01 .pic:hover:before{ left: 150%; transition: left 1s ease 0s;}
	
.abArea01 .pic01 { position:absolute; left:0; bottom:100px; width:50%; z-index:-1; }
 
@media all and (max-width:1760px){
	.abArea01 { padding:80px 0; }
	
	.abArea01 .txt .p1 { font-size:25px; line-height:1.5; }
	.abArea01 .txt .p2 { margin-top:60px; font-size:14px; padding-right:30px; line-height:1.7; max-height:300px; }
 
	.abArea01 .pic01 { bottom:80px; }
}
@media all and (max-width:1200px){
	.abArea01 { padding:60px 0; }
	.abArea01 .txt { float:left; width:calc(100% - 480px); color:#333; }
	.abArea01 .txt .p1 { font-size:20px; }
	.abArea01 .txt .p2 { margin-top:30px; font-size:14px; padding-right:20px; line-height:1.6; max-height:250px; }
 
	.abArea01 .pic { float:right; width:450px; }
	.abArea01 .pic01 { bottom:60px; }
} 
@media all and (max-width:1200px){
	.abArea01 { padding:60px 0; }
	.abArea01 .txt { float:none; width:100%; color:#333; }
	 
	.abArea01 .pic { float:none; width:100%; margin-top:30px; }
	.abArea01 .pic01 { bottom:60px; width:100%; }
} 
@media all and (max-width:750px){
	.abArea01 { padding:30px 0; }
	.abArea01 .txt { position:relative; background:url(ab01.png) no-repeat center bottom; background-size:contain; }
	.abArea01 .txt .p1 { font-size:18px; }
	.abArea01 .txt .p2 { margin-top:15px; font-size:14px; padding-right:20px; line-height:1.6; max-height:250px; }
 
	.abArea01 .pic { float:none; width:100%; margin-top:25px; }
	.abArea01 .pic01 { display:none; }
} 

.ab-hd { text-align:center; font-size:36px; line-height:1.1; font-weight:bold; color:#333; }

@media all and (max-width:1760px){
	.ab-hd { font-size:30px; }
}
@media all and (max-width:1200px){
	.ab-hd { font-size:24px; }
}
@media all and (max-width:750px){
	.ab-hd { font-size:20px; }
} 

.abArea02 { padding:80px 0 100px; background:#f6f6f6; }
.abArea02 .bd01 { position:relative; margin-top:70px; }

.gallery-top-ab02 .swiper-slide .pic { position:relative; float:right; width:52.38%; background:#e70012; margin-bottom:40px; }
.gallery-top-ab02 .swiper-slide .pic img { position:relative; top:40px; right:40px; }
.gallery-top-ab02 .swiper-slide .txt { float:left; width:45%; padding-top:8%; font-weight:bold; }
.gallery-top-ab02 .swiper-slide .txt .p1 { font-size:36px; color:#e70012; }
.gallery-top-ab02 .swiper-slide .txt .p2 { font-size:16px; color:#333; margin-top:30px; }
.gallery-top-ab02 .swiper-slide .txt .p3 { width:130px; height:50px; line-height:50px; margin-top:30px; font-size:14px; color:#fff; background:#e70012; text-align:center;  cursor:pointer;  }

.gallery-thumbs-ab02 { margin:70px 130px 0 0!important; }
.gallery-thumbs-ab02 .swiper-slide { padding-top:12px; }
.gallery-thumbs-ab02 .swiper-slide a { position:relative; display:block; padding:20px 0; font-size:16px; font-weight:bold; line-height:1.1; text-align:center; color:#333; cursor:pointer; } 
.gallery-thumbs-ab02 .swiper-slide a:before { position:absolute; display:none; left:50%; top:-12px; margin-left:-7px; width:15px; height:12px; content:""; background:url(ab05.png) no-repeat center bottom; z-index:2; } 
.gallery-thumbs-ab02 .swiper-slide span { display:block; margin-top:10px; }
 
.gallery-thumbs-ab02 .swiper-slide-thumb-active a { background:#e70012; color:#fff; }
.gallery-thumbs-ab02 .swiper-slide-thumb-active a:before  { display:block; }
 
.abArea02 .bd01 .prev-ab02,.abArea02 .bd01 .next-ab02 { position:absolute; width:8px; height:12px; bottom:30px; z-index:2; cursor:pointer; }
.abArea02 .bd01 .prev-ab02 { background:url(ab03.png) no-repeat center; right:60px; }
.abArea02 .bd01 .next-ab02 { background:url(ab03.png) no-repeat center; right:0; transform: rotate(180deg); }

.abArea02 .bd01 .prev-ab02:hover { background:url(ab04.png) no-repeat center; transform: rotate(180deg); }
.abArea02 .bd01 .next-ab02:hover { background:url(ab04.png) no-repeat center; transform: rotate(0deg); }

@media all and (max-width:1760px){
	.abArea02 { padding:80px 0; }
	.abArea02 .bd01 { margin-top:60px; }
	
	.gallery-top-ab02 .swiper-slide .pic { width:50%; margin-bottom:20px; }
	.gallery-top-ab02 .swiper-slide .pic img { top:20px; right:20px; }
	
	.gallery-top-ab02 .swiper-slide .txt { width:45%; padding-top:5%; }
	.gallery-top-ab02 .swiper-slide .txt .p1 { font-size:30px; }
	.gallery-top-ab02 .swiper-slide .txt .p2 { font-size:16px; margin-top:30px; }
	
	.gallery-thumbs-ab02 { margin:50px 100px 0 0!important; }

}
@media all and (max-width:1200px){
	.abArea02 { padding:60px 0; }
	
	.gallery-top-ab02 .swiper-slide .txt .p3 { width:120px; height:40px; line-height:40px; margin-top:20px; font-size:14px;  }
}
@media all and (max-width:750px){
	.abArea02 { padding:30px 0; }
	.abArea02 .bd01 { margin-top:30px; }
	
	.gallery-top-ab02 .swiper-slide .pic { float:none; width:100%; margin-bottom:0; }
	.gallery-top-ab02 .swiper-slide .pic img { top:0; right:0; }
	
	.gallery-top-ab02 .swiper-slide .txt { float:none; width:100%; padding-top:20px; }
	.gallery-top-ab02 .swiper-slide .txt .p1 { font-size:20px; }
	.gallery-top-ab02 .swiper-slide .txt .p2 { font-size:14px; margin-top:15px; line-height:25px; min-height:50px; }
	.gallery-top-ab02 .swiper-slide .txt .p3 { width:120px; height:40px; line-height:40px; margin-top:20px; font-size:14px;  }
	
	.gallery-thumbs-ab02 { margin:30px 0 0 0!important; }
	
	.gallery-thumbs-ab02 .swiper-slide a { padding:15px 0; font-size:14px; } 
	.gallery-thumbs-ab02 .swiper-slide span { margin-top:5px; }
	
	.abArea02 .bd01 .btn { margin-top:25px; text-align:center; }
	.abArea02 .bd01 .prev-ab02,.abArea02 .bd01 .next-ab02 { position:relative; display:inline-block; margin:0 10px; bottom:auto; }
	.abArea02 .bd01 .prev-ab02 { right:auto; }
	.abArea02 .bd01 .next-ab02 { right:auto; }

} 

.jzlBox { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:999999; display:none; }
.jzlCon { position:absolute; width:1000px; top:50%; left:50%; transform: translate(-50%,-50%); background:#fff; padding:60px; box-sizing: border-box; z-index:999; }
.jzlCon01 { position:absolute; top:10px; right:30px; font-size:30px; color:#e70012; cursor:pointer; z-index:2; }
.jzlCon02 { max-height:60vh; overflow-y:auto; font-size:16px; line-height:2; color:#333; padding-right:15px; }
.jzlCon02 img { max-width:100%; }

@media all and (max-width:1200px){
	.jzlCon { width:90%; padding:30px; }
	.jzlCon01 { top:5px; right:10px; font-size:20px; }
	.jzlCon02 { font-size:14px; line-height:1.7; }
} 
@media all and (max-width:1200px){
	.jzlCon { width:90%; padding:30px 20px; }
	.jzlCon01 { top:5px; right:10px; font-size:20px; }
	.jzlCon02 { font-size:14px; line-height:1.7; }
} 


.abArea03 { padding:80px 0 100px; background:url(ab02.jpg) no-repeat center; background-size:cover; }
.abBox03 { margin-top:60px; }
.abBox03 .hd { text-align:center; }
.abBox03 .hd ul li { display:inline-block; padding:0 40px; margin:0 20px; font-size:16px; line-height:40px; border-radius:25px; background:#fff; color:#333; cursor:pointer; }
.abBox03 .hd ul li.on { background:#e70012; color:#fff; }

.abBox03 .bd { margin-top:60px; }
.abBox03 .bd .bdd { position:relative; padding:0 100px; }

.abBox03 .bd .swiper-slide a { display:block; background:#fff; padding:60px 20px; text-align:center; }
.abBox03 .bd .swiper-slide .p1 { font-size:24px; color:#333; font-weight:bold; line-height:30px; min-height:90px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.abBox03 .bd .swiper-slide .p2 { margin-top:30px; }
.abBox03 .bd .swiper-slide .p3 { margin-top:60px; font-size:16px; color:#666; }
.abBox03 .bd .swiper-slide .p3 i {display:inline-block; padding-right:25px; background:url(ab06.png) no-repeat center right; line-height:20px; }

.abBox03 .bd .bdd .prev-ab03,.abBox03 .bd .bdd .next-ab03 { position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; border-radius:100%; background-size:cover!important; overflow:hidden; z-index:5; cursor:pointer; }
.abBox03 .bd .bdd .prev-ab03 { background:url(ab07.png) no-repeat center #e8e8e8; left:0; }
.abBox03 .bd .bdd .next-ab03 { background:url(ab07.png) no-repeat center #e8e8e8; right:0; transform: rotate(180deg); }

.abBox03 .bd .bdd .prev-ab03:hover { background-color:#e70012; }
.abBox03 .bd .bdd .next-ab03:hover { background-color:#e70012; }


@media all and (max-width:1760px){
	.abArea03 { padding:80px 0; }
	.abBox03 { margin-top:60px; } 
	.abBox03 .hd ul li { padding:0 25px; margin:0 10px; font-size:16px; line-height:40px; }
	
	.abBox03 .bd { margin-top:60px; }
	.abBox03 .bd .bdd { position:relative; padding:0 55px; }
	
	.abBox03 .bd .swiper-slide a { padding:30px 10px 40px; }
	.abBox03 .bd .swiper-slide .p1 { font-size:18px; line-height:25px; min-height:75px; -webkit-line-clamp:3; }
	.abBox03 .bd .swiper-slide .p2 { margin-top:20px; }
	.abBox03 .bd .swiper-slide .p3 { margin-top:40px; font-size:14px; }
 
	.abBox03 .bd .bdd .prev-ab03,.abBox03 .bd .bdd .next-ab03 { margin-top:-20px; width:40px; height:40px; }
} 
@media all and (max-width:1200px){
	.abArea03 { padding:60px 0; }
	.abBox03 { margin-top:40px; } 
	.abBox03 .hd ul li { padding:0 25px; margin:0 10px; font-size:16px; line-height:40px; }
	
	.abBox03 .bd { margin-top:40px; }
	.abBox03 .bd .bdd { position:relative; padding:0 55px; }
	
	.abBox03 .bd .swiper-slide a { padding:30px 10px 40px; }
	.abBox03 .bd .swiper-slide .p1 { font-size:16px; line-height:25px; min-height:75px; -webkit-line-clamp:3; }
	.abBox03 .bd .swiper-slide .p2 { margin-top:20px; }
	.abBox03 .bd .swiper-slide .p3 { margin-top:40px; font-size:14px; }
 
	.abBox03 .bd .bdd .prev-ab03,.abBox03 .bd .bdd .next-ab03 { margin-top:-20px; width:40px; height:40px; } 
} 
@media all and (max-width:750px){
	.abArea03 { padding:30px 0; }
	.abBox03 { margin-top:20px; } 
	.abBox03 .hd ul li { padding:0 10px; margin:0 5px; font-size:14px; line-height:30px; }
	
	.abBox03 .bd { margin-top:20px; }
	.abBox03 .bd .bdd { position:relative; padding:0 35px; }
	.abBox03 .bd .bdd .prev-ab03,.abBox03 .bd .bdd .next-ab03 { margin-top:-13px; width:26px; height:26px; } 
}

.abArea04 { padding:80px 0 100px; }
.abBox041 { margin-top:60px; }
.abBox041 ul li { position:relative; float:left; width:17.56%; transition: all 0.6s; overflow:hidden; }
.abBox041 ul li:before { position:absolute; display:block; content:""; width:1px; top:0; bottom:0; background:#ccc; z-index:2; }
.abBox041 ul li .pic { width:500px; }
.abBox041 ul li .p1 { position:absolute; top:17%; left:0; right:0; font-size:16px; color:#fff; padding:0 10px; left:0; right:0; text-align:center; z-index:5; }
.abBox041 ul li .p2 { position:absolute; bottom:17%; left:0; right:0; text-align:center; z-index:5; }
.abBox041 ul li .p2 i { display:inline-block; width:55px; height:40px; background:url(ab08.png) no-repeat center #fff; border-radius:15px; }

.abBox041 ul li.on { float:left; width:29.76%; }
.abBox041 ul li.on .p2 i { background:url(ab09.png) no-repeat center #e70012; }

.abBox042 { margin-top:25px; display:none; } 
.abBox042 .swiper-slide a { position:relative; display:block; } 
.abBox042 .swiper-slide .p1 { position:absolute; top:15%; left:0; right:0; font-size:14px; color:#fff; padding:0 10px; left:0; right:0; text-align:center; z-index:5; }
.abBox042 .swiper-slide .p2 { position:absolute; bottom:15%; left:0; right:0; text-align:center; z-index:5; }
.abBox042 .swiper-slide .p2 i { display:inline-block; width:55px; height:30px; background:url(ab08.png) no-repeat center #fff; background-size:12px 15px; border-radius:15px; }

@media all and (max-width:1760px){
	.abArea04 { padding:80px 0; }
	.abBox041 { margin-top:60px; }
	.abBox041 ul li .pic { width:360px; } 
} 
@media all and (max-width:1200px){
	.abArea04 { padding:60px 0; }
	.abBox041 { margin-top:40px; }
	.abBox041 ul li .pic { width:300px; }  
} 
@media all and (max-width:750px){
	.abArea04 { padding:30px 0; }
	
	.abBox041 { display:none; } 
	.abBox042 { display:block; } 
}

.abArea05 { padding:80px 0 100px; }
.abArea05 .bd { margin-top:70px; }
.abArea05 .bd ul li { position:relative; float:left; width:50%; }
.abArea05 .bd ul li .txt { position:absolute; top:50%; transform: translateY(-50%); width:840px; color:#000; z-index:2; box-sizing: border-box; }
.abArea05 .bd ul li .txt .p1 { font-size:25px; }
.abArea05 .bd ul li .txt .p1 i { position:relative; display:inline-block; }
.abArea05 .bd ul li .txt .p1 i:before { position:absolute; top:50%; right:-170px; display:block; content:""; width:150px; height:1px; background:#000; z-index:2; }
.abArea05 .bd ul li .txt .p2 { font-size:18px; margin-top:15px; letter-spacing:4px; }

.abArea05 .bd ul li:nth-child(1) .txt { right:0; }
.abArea05 .bd ul li:nth-child(2) .txt { left:0; padding-left:120px; color:#fff; }
.abArea05 .bd ul li:nth-child(2) .txt .p1 i:before {  background:#fff; }

.abArea05 .bd01 { margin-top:0; background:url(ab10.jpg) no-repeat center; background-size:cover; text-align:center; }
.abArea05 .bd01 img { max-width:100%; }
 
@media all and (max-width:1760px){
	.abArea05 { padding:80px 0; }
	.abArea05 .bd { margin-top:60px; }
	.abArea05 .bd ul li .txt { width:600px; }
	.abArea05 .bd ul li .txt .p1 { font-size:24px; }
	.abArea05 .bd ul li .txt .p1 i { position:relative; display:inline-block; }
	.abArea05 .bd ul li .txt .p1 i:before { position:absolute; top:50%; right:-150px; display:block; content:""; width:130px; height:1px; background:#000; z-index:2; }
	.abArea05 .bd ul li .txt .p2 { font-size:18px; margin-top:15px; letter-spacing:4px; }
 
	.abArea05 .bd ul li:nth-child(2) .txt { padding-left:70px; }
 
	.abArea05 .bd01 { margin-top:0; }
} 
@media all and (max-width:1280px){
	.abArea05 { padding:60px 0; }
	.abArea05 .bd { margin-top:40px; }
	.abArea05 .bd ul li .txt { width:92%; }
	.abArea05 .bd ul li .txt .p1 { font-size:18px; }
	.abArea05 .bd ul li .txt .p1 i:before { right:-100px; width:80px; }
	.abArea05 .bd ul li .txt .p2 { font-size:16px; margin-top:10px; letter-spacing:0; }
 
	.abArea05 .bd ul li:nth-child(2) .txt { padding-left:40px; }
 
	.abArea05 .bd01 { margin-top:0; }
} 
@media all and (max-width:750px){
	.abArea05 { padding:30px 0; }
	.abArea05 .bd { margin-top:30px; }
	.abArea05 .bd ul li { float:none; width:100%; }
	.abArea05 .bd ul li .txt { width:92%; left:4%!important; right:4%!important;  }
	.abArea05 .bd ul li .txt .p1 { font-size:16px; }
	.abArea05 .bd ul li .txt .p1 i:before { right:-55px; width:40px; }
	.abArea05 .bd ul li .txt .p2 { font-size:14px; margin-top:10px; letter-spacing:0; }
 
	.abArea05 .bd ul li:nth-child(2) .txt { padding-left:0; }
 
	.abArea05 .bd01 { margin-top:0; }
} 
 

.zpArea01 { margin:75px 0 30px; }
.zpArea01 ul { padding-bottom:40px; }
.zpArea01 ul li { border-bottom:1px solid #d5d5d5; }
.zpArea01 ul li .p1 { color:#000; font-size:16px; padding-left:3%; cursor:pointer; }
.zpArea01 ul li .p1 i { display:block; float:left; height:120px; line-height:120px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.zpArea01 ul li .p2 { display:none; padding:20px 35px 30px; background:#f9f9f9; }
.zpArea01 ul li .p2 .txt { font-size:14px; color:#000; line-height:28px; margin-bottom:20px; }
 
.zpArea01 ul li .p1 i:nth-child(1) { width:29%; margin-right:1%; }
.zpArea01 ul li .p1 i:nth-child(2) { width:22%; margin-right:5%; text-align:center; }
.zpArea01 ul li .p1 i:nth-child(3) { width:22%; margin-right:5%; text-align:center; }
.zpArea01 ul li .p1 i:nth-child(4) { position:relative; width:16%; text-align:center; cursor:pointer; }
.zpArea01 ul li .p1 i:nth-child(4) a { position:relative; display:block; }
.zpArea01 ul li .p1 i:nth-child(4) em { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);  display:inline-block; width:56px; height:56px; background:url(zp01.png) no-repeat center; background-size:cover!important; z-index:5; }

.zpArea01 ul li:first-child { border-bottom:none; border-radius:7px; overflow:hidden; }
.zpArea01 ul li:first-child .p1 { color:#fff; background:#e70012; }
.zpArea01 ul li:first-child .p1 i { height:100px; line-height:100px; }
.zpArea01 ul li.on .p1 i:nth-child(4) em { background:url(zp02.png) no-repeat center; }
 
@media all and (max-width:1760px){
	.zpArea01 ul li .p1 i { height:80px; line-height:80px; }
	
	.zpArea01 ul li .p1 i:nth-child(4) em { width:40px; height:40px; }
	
	.zpArea01 ul li:first-child .p1 i { height:80px; line-height:80px; }
}
@media all and (max-width:1200px){
	
	.zpArea01 { margin:30px 0 0; }
	.zpArea01 ul li .p1 { font-size:14px; }
	.zpArea01 ul li .p1 i { height:45px; line-height:45px; }
	.zpArea01 ul li .p1 i:nth-child(1) { width:calc(100% - 310px); margin-right:10px; } 
	.zpArea01 ul li .p1 i:nth-child(2) { width:100px; text-align:center; margin-right:0; }
	.zpArea01 ul li .p1 i:nth-child(3) { width:100px; text-align:center; margin-right:0; }
	.zpArea01 ul li .p1 i:nth-child(4) { width:100px; text-align:center; }
	.zpArea01 ul li .p1 i:nth-child(4) em { width:25px; height:25px; }
	.zpArea01 ul li .p2 { padding:5%; }
	.zpArea01 ul li .p2 .txt { font-size:12px; line-height:20px; }
	
	.zpArea01 ul li:first-child .p1 i { height:45px; line-height:45px; }
}
@media all and (max-width:750px){
	.zpArea01 ul li .p1 i:nth-child(1) { width:calc(100% - 110px); margin-right:10px; } 
	.zpArea01 ul li .p1 i:nth-child(2) { display:none; }
	.zpArea01 ul li .p1 i:nth-child(3) { display:none; }
	.zpArea01 ul li .p1 i:nth-child(4) { width:100px; text-align:center; }
}
 
.zpArea02 { padding:50px 70px 60px 70px; color:#fff; background:url(zp03.jpg) no-repeat center; background-size:cover; border-radius:7px; overflow:hidden; }
.zpArea02 .p1 { font-size:24px; line-height:2; }
.zpArea02 .p2 { margin-top:25px; }
.zpArea02 .p2 i { display:inline-block; padding:20px 30px; background:#fff; font-size:24px; font-weight:bold; color:#e70012; border-radius:50px; }
 
@media all and (max-width:1760px){
	.zpArea02 { padding:40px 50px; }
	.zpArea02 .p1 { font-size:20px; line-height:2; }
	.zpArea02 .p2 { margin-top:20px; }
	.zpArea02 .p2 i { padding:15px 30px; font-size:20px; border-radius:50px; }
}
@media all and (max-width:1200px){
	.zpArea02 { padding:30px; }
	.zpArea02 .p1 { font-size:18px; line-height:2; }
	.zpArea02 .p2 { margin-top:20px; }
	.zpArea02 .p2 i { padding:15px 30px; font-size:18px; border-radius:50px; }
}
@media all and (max-width:750px){
	.zpArea02 { padding:25px 15px 30px; }
	.zpArea02 .p1 { font-size:16px; line-height:1.8; }
	.zpArea02 .p2 { margin-top:15px; }
	.zpArea02 .p2 i { padding:15px 20px; font-size:16px; border-radius:50px; }
}
 

.bmArea .bd { margin-top:60px; }
.bmArea .bd ul li { float:left; width:24.1%; margin-right:1.2%; color:#fff; }
.bmArea .bd ul li a { color:#fff; }
.bmArea .bd ul li:nth-child(4n) { margin-right:0; }
.bmArea .bd ul li:last-child { margin-right:0; }
.bmArea .bd ul li:nth-child(5) { margin-left:12.05%; }
.bmArea .bd ul li:nth-child(n + 5) { margin-top:45px; }
.bmArea .bd ul li .p1 { font-size:24px; line-height:80px; height:80px; padding:0 5px; background:#e70012; font-weight:bold; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bmArea .bd ul li .p2 { position:relative; min-height:280px; font-size:16px; line-height:2; overflow:hidden; background-size:cover!important; }
.bmArea .bd ul li .p2 .p21 { position:absolute; top:50%; left:50%; display:inline-block; transform: translate(-50%,-50%); word-break: keep-all; white-space: nowrap; z-index:2; }

.bmArea .bd ul li .p2:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 1;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);}
	
.bmArea .bd ul li:hover .p2:before{ left: 150%; transition: left 1s ease 0s;}

@media all and (max-width:1760px){
	.bmArea .bd ul li { float:left; width:32%; margin-right:2%; }
	.bmArea .bd ul li:nth-child(4n) { margin-right:2%; }
	.bmArea .bd ul li:nth-child(3n) { margin-right:0; }
	.bmArea .bd ul li:last-child { margin-right:0; }
	.bmArea .bd ul li:nth-child(5) { margin-left:0; }
	.bmArea .bd ul li:nth-child(n + 4) { margin-top:30px; }
	.bmArea .bd ul li:nth-child(7) { margin-left:34%; }
	.bmArea .bd ul li .p1 { font-size:20px; line-height:70px; height:70px; }
	.bmArea .bd ul li .p2 {  min-height:200px; font-size:14px; line-height:1.8; }
}
@media all and (max-width:750px){
	.bmArea .bd { margin-top:30px; }
	.bmArea .bd ul li { float:left; width:49%; margin-right:2%; }
	.bmArea .bd ul li:nth-child(4n) { margin-right:2%; }
	.bmArea .bd ul li:nth-child(3n) { margin-right:2%; }
	.bmArea .bd ul li:nth-child(2n) { margin-right:0; }
	.bmArea .bd ul li:nth-child(n + 3) { margin-top:3%; }
	.bmArea .bd ul li:nth-child(7) { margin-left:24.5%; }
	.bmArea .bd ul li .p1 { font-size:18px; line-height:60px; height:60px; }
	.bmArea .bd ul li .p2 {  min-height:200px; font-size:14px; line-height:1.8; } 
}
@media all and (max-width:450px){
	.bmArea .bd ul li { float:none; width:100%; margin-right:0; }
	.bmArea .bd ul li:nth-child(4n) { margin-right:0; }
	.bmArea .bd ul li:nth-child(3n) { margin-right:0; }
	.bmArea .bd ul li:nth-child(2n) { margin-right:0; }
	.bmArea .bd ul li:nth-child(n + 2) { margin-top:3%; }
	.bmArea .bd ul li:nth-child(7) { margin-left:0; }
	.bmArea .bd ul li .p1 { font-size:16px; line-height:50px; height:50px; }
	.bmArea .bd ul li .p2 {  min-height:180px; font-size:14px; line-height:1.7; } 
}


.bmArea .bdBox { margin-top:60px; }
.bmArea .bdBox01 { float:left; width:420px; }
.bmArea .bdBox01 ul li:nth-child(n + 2) { margin-top:25px; }
.bmArea .bdBox01 ul li .pic { display:none; }
.bmArea .bdBox01 ul li .txt { position:relative; padding:35px 95px 35px 80px; background:#f2f2f2; font-size:24px; line-height:1.3; color:#333; font-weight:bold; }
.bmArea .bdBox01 ul li .txt:before { position:absolute; top:50%; right:70px; transform: translateY(-50%); width:14px; height:25px; display:block; content:""; background:url(bm01.png) no-repeat center; z-index:2; }


.bmArea .bdBox01 ul li.current .pic { display:block; }
.bmArea .bdBox01 ul li.current .txt,.bmArea .bdBox01 ul li:hover .txt { background:#e70012; color:#fff; }
.bmArea .bdBox01 ul li.current .txt:before,.bmArea .bdBox01 ul li:hover .txt:before { background:url(bm02.png) no-repeat center; }


.bmArea .bdBox02 { float:right; width:calc(100% - 530px); padding-top:25px; }

.bmArea .bdBox02 .bdd ul { padding-bottom:50px; }
.bmArea .bdBox02 .bdd ul li { float:left; width:30%; margin-right:5%; }
.bmArea .bdBox02 .bdd ul li:nth-child(3n) { margin-right:0; }
.bmArea .bdBox02 .bdd ul li:nth-child(n + 4) { margin-top:40px; }
.bmArea .bdBox02 .bdd ul li .pic { border:1px solid #c3c3c3; padding:5px; border-radius:5px; overflow:hidden; }
.bmArea .bdBox02 .bdd ul li .pic p { border-radius:5px; overflow:hidden; }
.bmArea .bdBox02 .bdd ul li .pic img { transition: all 0.6s; }
.bmArea .bdBox02 .bdd ul li .txt { margin-top:25px; font-size:24px; color:#999; text-align:center; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.bmArea .bdBox02 .bdd ul li:hover .pic { border-color:#e70012; }
.bmArea .bdBox02 .bdd ul li:hover .pic img { transform: scale(1.1)!important; }
.bmArea .bdBox02 .bdd ul li:hover .txt { font-weight:bold; color:#e70012; }


@media all and (max-width:1760px){
	.bmArea .bdBox01 { float:left; width:300px; } 
	.bmArea .bdBox01 ul li:nth-child(n + 2) { margin-top:20px; }
	.bmArea .bdBox01 ul li .txt { padding:25px 65px 25px 40px; font-size:18px; }
	.bmArea .bdBox01 ul li .txt:before { right:40px; }

	.bmArea .bdBox02 { float:right; width:calc(100% - 350px); padding-top:25px; }
	.bmArea .bdBox02 .bdd ul { padding-bottom:40px; }
	.bmArea .bdBox02 .bdd ul li { float:left; width:32%; margin-right:2%; }
	.bmArea .bdBox02 .bdd ul li:nth-child(3n) { margin-right:0; }
	.bmArea .bdBox02 .bdd ul li:nth-child(n + 4) { margin-top:30px; }
	.bmArea .bdBox02 .bdd ul li .txt { margin-top:20px; font-size:18px; line-height:20px; }
}
@media all and (max-width:1280px){
	.bmArea .bdBox01 { float:left; width:200px; } 
	.bmArea .bdBox01 ul li:nth-child(n + 2) { margin-top:20px; }
	.bmArea .bdBox01 ul li .txt { padding:20px 30px 20px 20px; font-size:14px; }
	.bmArea .bdBox01 ul li .txt:before { right:20px; background-size:60% 60%!important; }
 
	.bmArea .bdBox02 { float:right; width:calc(100% - 240px); padding-top:25px; }
	.bmArea .bdBox02 .bdd ul { padding-bottom:30px; }
	.bmArea .bdBox02 .bdd ul li { float:left; width:32%; margin-right:2%; }
	.bmArea .bdBox02 .bdd ul li:nth-child(3n) { margin-right:0; }
	.bmArea .bdBox02 .bdd ul li:nth-child(n + 4) { margin-top:20px; }
	.bmArea .bdBox02 .bdd ul li .txt { margin-top:10px; font-size:14px; line-height:20px; } 
}
@media all and (max-width:1000px){
	.bmArea .bdBox { margin-top:30px; }
	.bmArea .bdBox01 { float:none; width:100%; }
	.bmArea .bdBox01 ul li { float:left; width:32%; margin-right:2%; }
	.bmArea .bdBox01 ul li:nth-child(3n) { margin-right:0; }
	.bmArea .bdBox01 ul li:nth-child(n + 2) { margin-top:0; }
	.bmArea .bdBox01 ul li:nth-child(n + 4) { margin-top:10px; }
	.bmArea .bdBox01 ul li .pic { display:none!important; }
	
	.bmArea .bdBox01 ul li .txt { text-align:center; padding:0 5px; font-size:14px; line-height:40px; height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
	.bmArea .bdBox01 ul li .txt:before { display:none; }

	.bmArea .bdBox01 ul li.current .pic { display:none; }
 
 
	.bmArea .bdBox02 { float:none; width:100%; padding-top:30px; }

	.bmArea .bdBox02 .bdd ul { padding-bottom:30px; }
	.bmArea .bdBox02 .bdd ul li { float:left; width:32%; margin-right:2%; }
	.bmArea .bdBox02 .bdd ul li:nth-child(3n) { margin-right:0; }
	.bmArea .bdBox02 .bdd ul li:nth-child(n + 4) { margin-top:20px; }
 
	.bmArea .bdBox02 .bdd ul li .txt { margin-top:10px; font-size:14px; line-height:20px; }  
}
@media all and (max-width:750px){
	.bmArea .bdBox { margin-top:30px; }

	.bmArea .bdBox01 ul li { float:left; width:49%; margin-right:2%; }
	.bmArea .bdBox01 ul li:nth-child(3n) { margin-right:2%; }
	.bmArea .bdBox01 ul li:nth-child(2n) { margin-right:0; }
	.bmArea .bdBox01 ul li:nth-child(n + 2) { margin-top:0; }
	.bmArea .bdBox01 ul li:nth-child(n + 3) { margin-top:10px; }
 
	.bmArea .bdBox01 ul li .txt { text-align:center; padding:0 5px; font-size:14px; line-height:40px; height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
	 
	.bmArea .bdBox02 { float:none; width:100%; padding-top:30px; }

	.bmArea .bdBox02 .bdd ul { padding-bottom:30px; }
	.bmArea .bdBox02 .bdd ul li { float:left; width:49%; margin-right:2%; }
	.bmArea .bdBox02 .bdd ul li:nth-child(3n) { margin-right:2%; }
	.bmArea .bdBox02 .bdd ul li:nth-child(2n) { margin-right:0; }
	.bmArea .bdBox02 .bdd ul li:nth-child(n + 3) { margin-top:10px; }
	
	.bmArea .bdBox02 .bdd ul li .pic { padding:3px; }
	.bmArea .bdBox02 .bdd ul li .txt { margin-top:10px; font-size:14px; line-height:20px; }  
}
 

.yl-hd { text-align:center; line-height:1.1; margin-bottom:50px; }
.yl-hd .p1 { font-size:36px; color:#333; font-weight:bold; }
.yl-hd .p2 { width:30px; height:4px; background:#e70012; margin:15px auto 0; }

@media all and (max-width:1760px){
	.yl-hd {margin-bottom: 50px;}
	.yl-hd .p1 { font-size:30px; }
	.yl-hd .p2 { margin:15px auto 0; }
}
@media all and (max-width:1200px){
	.yl-hd { margin-bottom:50px; }
	.yl-hd .p1 { font-size:24px; }
	.yl-hd .p2 { margin:15px auto 0; }
}
@media all and (max-width:750px){
	.yl-hd { margin-bottom:30px; }
	.yl-hd .p1 { font-size:20px; }
	.yl-hd .p2 { margin:10px auto 0; }
}

.ylArea02 { margin-top:80px; }

.ylBox02 .hd { text-align:center; }
.ylBox02 .hd ul li { display:inline-block; width:200px; height:40px; line-height:40px; color:#333; font-size:16px; background:#f7f7f7; margin:0 10px; cursor:pointer; }
.ylBox02 .hd ul li.on { color:#fff; background:#e70012; }
.ylBox02 .bd { margin-top:60px; }
.ylBox02 .bd .bdd { position:relative; background:#f7f7f7; }
.ylBox02 .bd .pic { float:left; width:50%; overflow:hidden; }
.ylBox02 .bd .txt { position:absolute; top:0; bottom:0; width:40%; right:5%; padding-top:90px; text-align:center; color:#333; box-sizing: border-box; }
.ylBox02 .bd .txt .p1 { font-size:24px; font-weight:bold; }
.ylBox02 .bd .txt .p2 { height:4px; background:url(yl01.png) no-repeat center; margin:10px auto 0; }
.ylBox02 .bd .txt .p3 { font-size:16px; margin-top:20px; color:#666; font-family:"Arial"; text-transform:uppercase; }
.ylBox02 .bd .txt .p4 { font-size:16px; margin-top:70px; line-height:2; }
.ylBox02 .bd .txt .p5 { margin-top:150px; }
.ylBox02 .bd .txt .p5 i { display:inline-block; padding:0 35px; height:60px; line-height:60px; font-size:16px; border-radius:30px; background:#e70012; color:#fff; }
.ylBox02 .bd .txt .p6 { position:absolute; top:50%; width:100%; right:0; transform: translateY(-50%); z-index:0; }

.ylBox02 .bd .pic:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);}
	
.ylBox02 .bd .pic:hover:before{ left: 150%; transition: left 1s ease 0s;}



.ylArea03 { margin-top:80px; }
.ylArea03 .bd01 { padding-top:60px; }
.ylBox03 { position:relative; }
.ylBox03 .yl-btn { position:absolute; top:-115px; right:0; width:155px; height:60px; line-height:60px; font-size:16px; color:#fff; background:#e70012; text-align:center; z-index:2; cursor:pointer; }
.ylBox03 .yl-btn a { display:block; width:100%; color:#fff; }
.ylBox03 ul li { float:left; width:32%; margin-right:2%; }
.ylBox03 ul li:nth-child(3n) { margin-right:0; }
.ylBox03 ul li:nth-child(n + 4) { margin-top:25px; }
.ylBox03 ul li .pic { position:relative; overflow:hidden; }
.ylBox03 ul li .pic .date { position:absolute; left:8%; top:0; width:120px; padding:20px 0; font-family:"Arial"; font-weight:bold; text-align:center; color:#fff; line-height:1.1; background:#e70012; z-index:2; }
.ylBox03 ul li .pic .date p { font-size:36px; }
.ylBox03 ul li .pic .date span { font-size:20px; margin-top:10px; display:block; }
.ylBox03 ul li .txt { padding:45px 5% 30px 5%; background:#f7f7f7; color:#333; }
.ylBox03 ul li .txt .p1 { font-size:24px; font-weight:bold; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.ylBox03 ul li .txt .p2 { font-size:16px; margin-top:10px; line-height:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.ylBox03 ul li .txt .p3 { font-size:16px; margin-top:30px; }
 
.ylBox03 ul li .pic:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);}
	
.ylBox03 ul li:hover .pic:before{ left: 150%; transition: left 1s ease 0s;}




.ylArea04 { margin-top:80px; }
.ylArea04 .swiper-slide	p { font-size:24px; height:90px; line-height:90px; padding:0 5px; text-align:center; font-weight:bold; color:#333; background:#f5f5f5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.ylArea04 .swiper-slide .pic { position:relative; overflow:hidden; }
.ylArea04 .swiper-slide .pic:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);}
	
.ylArea04 .swiper-slide:hover .pic:before{ left: 150%; transition: left 1s ease 0s;}


.ylArea05 { margin-top:80px; }
.ylArea05 .bd01 .swiper-slide a { display:block; border:1px solid #f5f5f5; }
 
@media all and (max-width:1760px){
	.ylArea02 { margin-top:60px; }

	.ylBox02 .hd ul li { width:180px; margin:0 5px; }
	.ylBox02 .bd { margin-top:60px; }
	.ylBox02 .bd .pic { float:left; width:50%; }
	.ylBox02 .bd .txt { position:absolute; top:0; bottom:0; width:40%; right:5%; padding-top:60px; }
	.ylBox02 .bd .txt .p1 { font-size:20px; }
	.ylBox02 .bd .txt .p2 { margin:10px auto 0; }
	.ylBox02 .bd .txt .p3 { font-size:14px; margin-top:20px; }
	.ylBox02 .bd .txt .p4 { font-size:14px; margin-top:40px; line-height:2; }
	.ylBox02 .bd .txt .p5 { margin-top:80px; }
	.ylBox02 .bd .txt .p5 i { padding:0 25px; height:50px; line-height:50px; font-size:14px; }

	.ylArea03 { margin-top:60px; }
	.ylArea03 .bd01 { padding-top:40px; }
	.ylBox03 .yl-btn { position:absolute; top:-70px; width:120px; height:40px; line-height:40px; font-size:14px; }

	.ylBox03 ul li .pic .date { left:8%; width:100px; padding:15px 0; }
	.ylBox03 ul li .pic .date p { font-size:24px; }
	.ylBox03 ul li .pic .date span { font-size:16px; margin-top:5px; }
	.ylBox03 ul li .txt { padding:25px 5%; }
	.ylBox03 ul li .txt .p1 { font-size:18px; line-height:20px; }
	.ylBox03 ul li .txt .p2 { font-size:14px; margin-top:10px; line-height:2; }
	.ylBox03 ul li .txt .p3 { font-size:14px; margin-top:20px; }
 
	.ylArea04 { margin-top:60px; }
	.ylArea04 .swiper-slide	p { font-size:18px; height:60px; line-height:60px; }

	.ylArea05 { margin-top:60px; }
	
}
@media all and (max-width:1300px){
	.ylBox02 .hd ul li { width: auto; padding: 0 30px; }
}
@media all and (max-width:1200px){
	.ylBox02 .hd ul li { width:auto; display:inline-block; padding:0 15px; margin:0 5px; font-size:14px; }
	.ylBox02 .bd { margin-top:60px; }
	.ylBox02 .bd .pic { float:left; width:50%; }
	.ylBox02 .bd .txt { position:absolute; top:50%; bottom:auto; width:40%; right:5%; padding-top:0; transform: translateY(-50%); }
	.ylBox02 .bd .txt .p1 { font-size:20px; }
	.ylBox02 .bd .txt .p2 { margin:10px auto 0; }
	.ylBox02 .bd .txt .p3 { font-size:14px; margin-top:15px; }
	.ylBox02 .bd .txt .p4 { font-size:14px; margin-top:20px; line-height:1.7; }
	.ylBox02 .bd .txt .p5 { margin-top:30px; }
	.ylBox02 .bd .txt .p5 i { padding:0 25px; height:40px; line-height:40px; font-size:14px; }
} 
@media all and (max-width:900px){
	.ylBox02 .bd .pic { float:none; width:100%; }
	.ylBox02 .bd .txt { position:relative; top:auto; bottom:auto; width:100%; right:auto; padding:30px 4%; transform: translateY(0); }
	.ylBox02 .bd .txt .p6 { width:80%; right:10%; }
	
	.ylArea03 .bd01 { padding-top:30px; }
	.ylBox03 .yl-btn { position:absolute; top:-50px; width:120px; height:35px; line-height:35px; font-size:12px; }
	.ylBox03 ul li { float:none; width:100%; margin-right:0; }
	.ylBox03 ul li:nth-child(n + 2) { margin-top:20px; }
	.ylBox03 ul li .txt { padding:25px 4%; }
	.ylBox03 ul li .txt .p1 { font-size:16px; line-height:20px; }
	.ylBox03 ul li .txt .p2 { font-size:14px; margin-top:10px; line-height:1.7; }
	.ylBox03 ul li .txt .p3 { font-size:14px; margin-top:10px; }
} 
@media all and (max-width:750px){
	.ylArea02 { margin-top:30px; }
	.ylBox02 .hd ul li { float:left; display:block; width:49%; height:40px; line-height:40px; font-size:12px; margin:0 2% 0 0!important; padding:0; box-sizing: border-box; }
	.ylBox02 .hd ul li:nth-child(2n) { margin-right:0!important; }
	.ylBox02 .hd ul li:nth-child(n + 3) { margin-top:2%!important; }
	.ylBox02 .hd ul li:last-child { margin-right:0; }
	.ylBox02 .bd { margin-top:30px; }
	
	.ylArea03 { margin-top:30px; }
	.ylArea03 .bd01 { padding-top:0; }
	.ylBox03 .yl-btn { position:relative; top:auto; width:120px; height:35px; line-height:35px; margin:25px auto 0; }

	.ylArea04 { margin-top:30px; }
	.ylArea04 .swiper-slide	p { font-size:14px; height:40px; line-height:40px; }
	
	.ylArea05 { margin-top:30px; }
}  


.ylArea06 { margin-top:80px; }
.ylArea06 .bd { border-bottom:3px solid #f1737d; }
.ylArea06 .bd table { width:100%; }
.ylArea06 .bd table tr th { font-weight:normal; box-sizing: border-box; border-right:4px solid #fff; padding:10px; }
.ylArea06 .bd table thead tr { background:#f1737d; }
.ylArea06 .bd table thead tr th { font-size:24px; font-weight:bold; color:#fff; }
.ylArea06 .bd table thead tr th:nth-child(2) { text-align:center!important; } 

.ylArea06 .bd table tbody tr:nth-child(2n) { background:#efefef; }
.ylArea06 .bd table tbody tr th { font-size:20px; }
 
.ylArea06 .bd table tr th:nth-child(1) { width:16%; text-align:center; } 
.ylArea06 .bd table tr th:nth-child(2) { width:53%; text-align:left; padding:10px 3.5%; } 
.ylArea06 .bd table tr th:nth-child(3) { width:31%; border-right:0; text-align:center; } 

.ylArea06 .hd { padding-left:5.5%; font-size:24px; font-weight:bold; color:#333; }

.ylArea06 .bd01 { border-bottom:3px solid #f1737d; margin-top:20px; }
.ylArea06 .bd01 table { width:100%; }
.ylArea06 .bd01 table tr th { font-weight:normal; box-sizing: border-box; border-right:4px solid #fff; padding:10px; }
.ylArea06 .bd01 table thead tr { background:#f1737d; }
.ylArea06 .bd01 table thead tr th { font-size:24px; font-weight:bold; color:#fff; }
.ylArea06 .bd01 table thead tr th:nth-child(2) { text-align:center!important; } 

.ylArea06 .bd01 table tbody tr:nth-child(2n) { background:#fce5e7; }
.ylArea06 .bd01 table tbody tr th { font-size:20px; }
 
.ylArea06 .bd01 table tr th:nth-child(1) { width:25%; text-align:center; } 
.ylArea06 .bd01 table tr th:nth-child(2) { width:75%; text-align:left; padding:10px 3.5%; border-right:0; } 
 
@media all and (max-width:1760px){
	.ylArea06 { margin-top:60px; }
	.ylArea06 .bd table tr th { border-right:2px solid #fff; padding:10px; }
	.ylArea06 .bd table thead tr th { font-size:20px; }
 
	.ylArea06 .bd table tbody tr th { font-size:16px; } 
	
	.ylArea06 .bd01 table tr th { border-right:2px solid #fff; padding:10px; }
	.ylArea06 .bd01 table thead tr th { font-size:20px; }
 
	.ylArea06 .bd01 table tbody tr th { font-size:16px; } 
} 
@media all and (max-width:750px){
	.ylArea06 { margin-top:30px; }
	.ylArea06 .bd table tr th { border-right:2px solid #fff; padding:10px 5px; }
	.ylArea06 .bd table thead tr th { font-size:14px; }
 
	.ylArea06 .bd table tbody tr th { font-size:12px; } 
	
	.ylArea06 .bd table tr th:nth-child(1) { width:60px; text-align:center; } 
	.ylArea06 .bd table tr th:nth-child(2) { width:calc(100% - 190px); text-align:left; padding:10px; } 
	.ylArea06 .bd table tr th:nth-child(3) { width:130px; border-right:0; text-align:center; } 
	
	.ylArea06 .hd { font-size:18px; }

	.ylArea06 .bd01 table tr th { border-right:2px solid #fff; padding:10px 5px; }
	.ylArea06 .bd01 table thead tr th { font-size:14px; }
 
	.ylArea06 .bd01 table tbody tr th { font-size:12px; } 
	
	.ylArea06 .bd01 table tr th:nth-child(1) { width:150px; text-align:center; } 
	.ylArea06 .bd01 table tr th:nth-child(2) { width:calc(100% - 150px); text-align:left; padding:10px; } 
} 
 
.ylArea07 { margin-top:80px; }
.ylArea07 .bd { margin-top:60px; }
.ylArea07 .bd ul li { float:left; width:32%; margin-right:2%; }
.ylArea07 .bd ul li:nth-child(3n) { margin-right:0; }
.ylArea07 .bd ul li:nth-child(n + 4) { margin-top:30px; }
.ylArea07 .bd ul li	p { font-size:24px; height:90px; line-height:90px; padding:0 5px; text-align:center; font-weight:bold; color:#333; background:#f5f5f5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.ylArea07 .bd ul li .pic { position:relative; overflow:hidden; } 
.ylArea07 .bd ul li .pic:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);}

.ylArea07 .bd ul li:hover .pic:before { left: 150%; transition: left 1s ease 0s;}


@media all and (max-width:1760px){
	.ylArea07 { margin-top:60px; }
	.ylArea07 .bd { margin-top:40px; }
	.ylArea07 .bd ul li	p { font-size:18px; height:60px; line-height:60px; }
}
@media all and (max-width:750px){
	.ylArea07 { margin-top:30px; }
	.ylArea07 .bd { margin-top:30px; }
	.ylArea07 .bd ul li { float:left; width:49%; margin-right:2%; }
	.ylArea07 .bd ul li:nth-child(3n) { margin-right:2%; }
	.ylArea07 .bd ul li:nth-child(2n) { margin-right:0; }
	.ylArea07 .bd ul li:nth-child(n + 3) { margin-top:15px; }
	.ylArea07 .bd ul li	p { font-size:14px; height:40px; line-height:40px; }
}

.ylArea07 .bd01 { margin-top:60px; }
.ylArea07 .bd01 ul li:nth-child(n + 2) { margin-top:50px; }
.ylArea07 .bd01 ul li { position:relative; background:#f5f5f5; }
.ylArea07 .bd01 ul li .pic { float:left; width:560px; }
.ylArea07 .bd01 ul li .txt { position:absolute; width:calc(100% - 660px); transform: translateY(-50%); top:50%; right:50px; color:#333; z-index:2; }
.ylArea07 .bd01 ul li .txt .p1 { font-size:38px; }
.ylArea07 .bd01 ul li .txt .p2 { font-size:24px; line-height:1.8; margin-top:15px; }

.ylArea07 .bd01 ul li:nth-child(2n) .pic { float:right; }
.ylArea07 .bd01 ul li:nth-child(2n) .txt { left:50px; right:auto; }

@media all and (max-width:1760px){
	.ylArea07 .bd01 { margin-top:40px; }
	.ylArea07 .bd01 ul li:nth-child(n + 2) { margin-top:30px; }
	.ylArea07 .bd01 ul li .pic { width:450px; }
	.ylArea07 .bd01 ul li .txt { width:calc(100% - 510px); right:30px; }
	.ylArea07 .bd01 ul li .txt .p1 { font-size:28px; }
	.ylArea07 .bd01 ul li .txt .p2 { font-size:18px; line-height:1.8; margin-top:15px; }
 
	.ylArea07 .bd01 ul li:nth-child(2n) .txt { left:30px; right:auto; }
}
@media all and (max-width:1200px){
	.ylArea07 .bd01 ul li .pic { width:350px; }
	.ylArea07 .bd01 ul li .txt { width:calc(100% - 410px); }
	.ylArea07 .bd01 ul li .txt .p1 { font-size:20px; }
	.ylArea07 .bd01 ul li .txt .p2 { font-size:14px; line-height:1.7; margin-top:15px; }
}
@media all and (max-width:750px){
	.ylArea07 .bd01 { margin-top:30px; }
	.ylArea07 .bd01 ul li:nth-child(n + 2) { margin-top:20px; }
	.ylArea07 .bd01 ul li .pic { float:none; width:100%; }
	.ylArea07 .bd01 ul li .txt { position:relative; width:100%; transform: translateY(0); top:auto; right:auto; padding:25px 4%; box-sizing: border-box; }
	.ylArea07 .bd01 ul li .txt .p1 { font-size:18px; }
	.ylArea07 .bd01 ul li .txt .p2 { font-size:14px; margin-top:10px; }

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

.ylArea07 .bd02 { margin-top:60px; }
.ylArea07 .bd02 ul li:nth-child(n + 4) { margin-top:30px; }
.ylArea07 .bd02 ul li { position:relative; float:left; width:32%; margin-right:2%; }
.ylArea07 .bd02 ul li:nth-child(3n) { margin-right:0; }
.ylArea07 .bd02 ul li .txt { position:absolute; left:12%; top:30%; right:12%; color:#fff; z-index:2; }
.ylArea07 .bd02 ul li .txt .p1 { font-size:50px; font-weight:bold; }
.ylArea07 .bd02 ul li .txt .p2 { font-size:24px; line-height:1.8; margin-top:15px; }

@media all and (max-width:1760px){
	.ylArea07 .bd02 { margin-top:40px; }
	.ylArea07 .bd02 ul li:nth-child(n + 4) { margin-top:30px; }
	.ylArea07 .bd02 ul li .txt { left:10%; top:30%; right:10%; }
	.ylArea07 .bd02 ul li .txt .p1 { font-size:30px; }
	.ylArea07 .bd02 ul li .txt .p2 { font-size:18px; line-height:1.8; margin-top:15px; }
}
@media all and (max-width:1200px){
	.ylArea07 .bd02 ul li .txt { position:absolute; left:10%; top:20%; right:10%; }
	.ylArea07 .bd02 ul li .txt .p1 { font-size:20px; }
	.ylArea07 .bd02 ul li .txt .p2 { font-size:14px; line-height:1.7; margin-top:15px; }
}
@media all and (max-width:750px){
	.ylArea07 .bd02 { margin-top:30px; }
	.ylArea07 .bd02 ul li { width:49%; margin-right:2%; }
	.ylArea07 .bd02 ul li:nth-child(3n) { margin-right:2%; }
	.ylArea07 .bd02 ul li:nth-child(2n) { margin-right:0; }
	.ylArea07 .bd02 ul li:nth-child(n + 3) { margin-top:2%; }
	
	.ylArea07 .bd02 ul li .txt { top:50%; left:10px; right:10px; transform: translateY(-50%); }
	.ylArea07 .bd02 ul li .txt .p1 { font-size:18px; }
	.ylArea07 .bd02 ul li .txt .p2 { margin-top:10px; line-height:1.5; }
}
@media all and (max-width:400px){
	.ylArea07 .bd02 ul li { width:100%; margin-right:0; }
	.ylArea07 .bd02 ul li:nth-child(3n) { margin-right:0; }
	.ylArea07 .bd02 ul li:nth-child(2n) { margin-right:0; }
	.ylArea07 .bd02 ul li:nth-child(n + 2) { margin-top:2%; }
	
	.ylArea07 .bd02 ul li .txt { top:50%; left:10px; right:10px; transform: translateY(-50%); }
	.ylArea07 .bd02 ul li .txt .p1 { font-size:18px; }
	.ylArea07 .bd02 ul li .txt .p2 { margin-top:10px; line-height:1.5; }
}

.ylArea07 .bd03 { margin-top:60px; padding:80px; background:#f5f5f5; }
.ylArea07 .bd03 ul li:nth-child(n + 3) { margin-top:60px; }
.ylArea07 .bd03 ul li { position:relative; float:left; width:47%; margin-right:6%; }
.ylArea07 .bd03 ul li:nth-child(2n) { margin-right:0; }
.ylArea07 .bd03 ul li .date { float:left; width:145px; height:145px; padding-top:15px; color:#333; text-align:center; box-sizing: border-box; background:#d0d0d0; border-radius:10px; line-height:1.1; }
.ylArea07 .bd03 ul li .date p { font-size:46px; padding-bottom:10px; border-bottom:1px solid #333; }
.ylArea07 .bd03 ul li .date span { display:block; font-size:34px; margin-top:10px; }
.ylArea07 .bd03 ul li .txt { float:right; width:calc(100% - 175px); color:#333; }
.ylArea07 .bd03 ul li .txt .p1 { font-size:38px; height:60px; line-height:60px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.ylArea07 .bd03 ul li .txt .p2 { font-size:24px; line-height:35px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

@media all and (max-width:1760px){
	.ylArea07 .bd03 { margin-top:40px; padding:30px; }
	.ylArea07 .bd03 ul li:nth-child(n + 3) { margin-top:40px; }
	.ylArea07 .bd03 ul li .date { width:100px; height:100px; padding-top:10px; }
	.ylArea07 .bd03 ul li .date p { font-size:30px; padding-bottom:10px; }
	.ylArea07 .bd03 ul li .date span { font-size:24px; margin-top:10px; }
	.ylArea07 .bd03 ul li .txt { float:right; width:calc(100% - 120px); }
	.ylArea07 .bd03 ul li .txt .p1 { font-size:20px; height:30px; line-height:30px; }
	.ylArea07 .bd03 ul li .txt .p2 { font-size:16px; line-height:30px; margin-top:10px; }
}
@media all and (max-width:1000px){
	.ylArea07 .bd03 ul li { float:none; width:100%; margin-right:0; }
	.ylArea07 .bd03 ul li:nth-child(n + 2) { margin-top:30px; }
}
@media all and (max-width:750px){
	.ylArea07 .bd03 { margin-top:30px; padding:20px 4%; }
	.ylArea07 .bd03 ul li:nth-child(n + 2) { margin-top:20px; }
	.ylArea07 .bd03 ul li .date { width:70px; height:70px; padding-top:10px; }
	.ylArea07 .bd03 ul li .date p { font-size:20px; padding-bottom:5px; }
	.ylArea07 .bd03 ul li .date span { font-size:16px; margin-top:5px; }
	.ylArea07 .bd03 ul li .txt { float:right; width:calc(100% - 90px); }
	.ylArea07 .bd03 ul li .txt .p1 { font-size:16px; height:20px; line-height:20px; }
	.ylArea07 .bd03 ul li .txt .p2 { font-size:14px; line-height:20px; margin-top:10px; }
}

.ylArea07 .bd04 { margin-top:60px; }
.ylArea07 .bd04 ul li:nth-child(n + 2) { margin-top:40px; }
.ylArea07 .bd04 ul li { position:relative; background:#f5f5f5; }
.ylArea07 .bd04 ul li .pic { float:left; width:825px; }
.ylArea07 .bd04 ul li .txt { position:absolute; width:calc(100% - 1025px); transform: translateY(-50%); top:50%; right:100px; color:#333; z-index:2; }
.ylArea07 .bd04 ul li .txt .p1 { position:relative; font-size:38px; padding-left:15px; }
.ylArea07 .bd04 ul li .txt .p1:before { position:absolute; left:0; transform: translateY(-50%); top:50%; display:block; content:""; background:#e70012; width:3px; height:36px; z-index:2; }
.ylArea07 .bd04 ul li .txt .p2 { font-size:24px; line-height:1.8; margin-top:15px; }

.ylArea07 .bd04 ul li:nth-child(2n) .pic { float:right; }
.ylArea07 .bd04 ul li:nth-child(2n) .txt { left:100px; right:auto; }
 
@media all and (max-width:1760px){
	.ylArea07 .bd04 { margin-top:40px; }
	.ylArea07 .bd04 ul li:nth-child(n + 2) { margin-top:30px; }
	.ylArea07 .bd04 ul li .pic { width:550px; }
	.ylArea07 .bd04 ul li .txt { width:calc(100% - 610px); right:30px; }
	.ylArea07 .bd04 ul li .txt .p1 { font-size:28px; }
	.ylArea07 .bd04 ul li .txt .p1:before { height:26px; }
	.ylArea07 .bd04 ul li .txt .p2 { font-size:18px; line-height:1.8; margin-top:15px; }
 
	.ylArea07 .bd04 ul li:nth-child(2n) .txt { left:30px; right:auto; }
}
@media all and (max-width:1200px){
	.ylArea07 .bd04 ul li .pic { width:350px; }
	.ylArea07 .bd04 ul li .txt { width:calc(100% - 410px); }
	.ylArea07 .bd04 ul li .txt .p1 { font-size:20px; }
	.ylArea07 .bd04 ul li .txt .p1:before { height:20px; }
	.ylArea07 .bd04 ul li .txt .p2 { font-size:14px; line-height:1.7; margin-top:15px; }
}
@media all and (max-width:750px){
	.ylArea07 .bd04 { margin-top:30px; }
	.ylArea07 .bd04 ul li:nth-child(n + 2) { margin-top:20px; }
	.ylArea07 .bd04 ul li .pic { float:none; width:100%; }
	.ylArea07 .bd04 ul li .txt { position:relative; width:100%; transform: translateY(0); top:auto; right:auto; padding:25px 4%; box-sizing: border-box; }
	.ylArea07 .bd04 ul li .txt .p1 { font-size:18px; }
	.ylArea07 .bd04 ul li .txt .p1:before { height:18px; }
	.ylArea07 .bd04 ul li .txt .p2 { font-size:14px; margin-top:10px; }

	.ylArea07 .bd04 ul li:nth-child(2n) .pic { float:none; }
	.ylArea07 .bd04 ul li:nth-child(2n) .txt { left:auto; right:auto; }
}
 
.ylArea08 { margin-top:80px; }
.ybBox { margin-top:60px; }
.ybBox .hd { text-align:center; }
.ybBox .hd ul li { display:inline-block; padding:0 25px; font-size:28px; line-height:50px; color:#333; cursor:pointer; }
.ybBox .hd ul li.on { color:#fff; background:#e70012; }

.ybBox .bd { margin-top:50px; }
.ybBox .bd ul li { float:left; width:32%; margin-right:2%; }
.ybBox .bd ul li:nth-child(3n) { margin-right:0; }
.ybBox .bd ul li:nth-child(n + 4) { margin-top:30px; }
.ybBox .bd ul li p { font-size:24px; height:90px; line-height:90px; padding:0 5px; text-align:center; font-weight:bold; color:#333; background:#f5f5f5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.ybBox .bd ul li .pic { position:relative; overflow:hidden; } 
.ybBox .bd ul li .pic:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);}

.ybBox .bd ul li:hover .pic:before { left: 150%; transition: left 1s ease 0s;}

.ybBox .bd .mmaaa { margin-top:50px; text-align:center; }
.ybBox .bd .mmaaa a { display:inline-block; padding:0 35px; font-size:28px; line-height:55px; color:#fff; background:#e70012; border-radius:15px; }


@media all and (max-width:1760px){
	.ylArea08 { margin-top:60px; }
	.ybBox { margin-top:40px; }
	.ybBox .hd ul li { display:inline-block; padding:0 20px; font-size:18px; line-height:40px; }

	.ybBox .bd ul li p { font-size:18px; height:60px; line-height:60px; }
	
	
	.ybBox .bd .mmaaa { margin-top:30px; }
	.ybBox .bd .mmaaa a { padding:0 25px; font-size:20px; line-height:45px; }
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:750px){
	.ylArea08 { margin-top:30px; }
	.ybBox { margin-top:30px; }
	.ybBox .hd ul li { float:left; width:19%; margin-right:1.25%; padding:0; text-align:center; font-size:14px; line-height:35px; background:#f1f1f1; }
	.ybBox .hd ul li:nth-child(n + 6) { margin-top:5px; }
	.ybBox .hd ul li.on { color:#fff; background:#e70012; }
	
	.ybBox .bd ul li { float:left; width:49%; margin-right:2%; }
	.ybBox .bd ul li:nth-child(3n) { margin-right:2%; }
	.ybBox .bd ul li:nth-child(2n) { margin-right:0; }
	.ybBox .bd ul li:nth-child(n + 3) { margin-top:15px; }
	.ybBox .bd ul li p { font-size:14px; height:40px; line-height:40px; }
	
	.ybBox .bd .mmaaa { margin-top:30px; }
	.ybBox .bd .mmaaa a { padding:0 25px; font-size:16px; line-height:35px; }
}
 
.clArea { background:#fafafa; margin-top:60px; }
.clArea .bd011 { margin-top:0; }
.clArea .pic { position:relative; float:right; width:660px; }
.clArea .pic:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);}
	
.clArea .pic:hover:before{ left: 150%; transition: left 1s ease 0s;}
	
.clArea .txt { float:left; width:calc(100% - 660px); padding:65px 3% 0 6%; font-size:16px; color:#333; line-height:2; box-sizing: border-box; }
.clArea .txt ul { max-height:425px; overflow-y:auto; padding-right:20px; }
.clArea .txt ul li .p1 { font-size:24px; font-weight:bold; }
.clArea .txt ul li:nth-child(n + 2) { margin-top:35px; }
 
.clArea .txt ul::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#e70012; }
.clArea .txt ul::-webkit-scrollbar-track{background:#f4f4f4;}
.clArea .txt ul::-webkit-scrollbar-corner{background:transparent}
.clArea .txt ul::-webkit-scrollbar{width:5px;height:5px}

.ylArea-other .yl-hd .p2 { display:none; }
.ylArea-other .clArea .pic { float:left; }
.ylArea-other .clArea .txt { float:right; }

.clArea102104 .pic { float:right!important; }
.clArea102104 .txt { float:left!important; }
 
@media all and (max-width:1760px){
	.clArea .pic { width:500px; }
	.clArea .txt { width:calc(100% - 500px); padding:30px 3% 0 5%; font-size:14px; line-height:1.7; }
	.clArea .txt ul { max-height:350px; padding-right:20px; }
	.clArea .txt ul li .p1 { font-size:20px; }
	.clArea .txt ul li:nth-child(n + 2) { margin-top:15px; }
} 
@media all and (max-width:1200px){
	.clArea .pic { width:400px; }
	.clArea .txt { width:calc(100% - 400px); padding:30px 3% 0 3%; font-size:14px; line-height:1.7; }
	.clArea .txt ul { max-height:270px; padding-right:15px; }
	.clArea .txt ul li .p1 { font-size:18px; }
	.clArea .txt ul li:nth-child(n + 2) { margin-top:15px; }
} 
@media all and (max-width:900px){
	.clArea { background:#fafafa; margin-top:30px; }
	.clArea .bd011 { margin-top:0; }

	.clArea .pic { float:none!important; width:100%; }
	.clArea .txt { float:none!important; width:100%; padding:30px 3%; font-size:14px; line-height:1.7; }
	.clArea .txt ul { max-height:10000px; padding-right:0; }
	.clArea .txt ul li .p1 { font-size:18px; }
	.clArea .txt ul li:nth-child(n + 2) { margin-top:15px; }
} 

.fwArea01 .bd01 { text-align:center; }
.fwArea01 .bd01 .p1 { font-size:24px; }
.fwArea01 .bd01 .p2 { font-size:16px; margin-top:25px; }
.fwArea01 .bd01 .p2 span { display:inline-block; margin-right:120px; }
.fwArea01 .bd01 .p2 span:last-child { margin-right:0; }
.fwArea01 .bd02 { margin-top:70px; }
.fwArea01 .bd02 ul li { position:relative; float:left; width:23.5%; margin-right:2%; text-align:center; }
.fwArea01 .bd02 ul li:last-child { margin-right:0; }
.fwArea01 .bd02 ul li .txt01 { padding-top:60px; min-height:300px; background:#e70012; line-height:1.1; color:#fff; }
.fwArea01 .bd02 ul li .txt01 .p1 img { max-height:160px; }
.fwArea01 .bd02 ul li .txt01 .p2 { font-size:30px; margin-top:20px; letter-spacing:8px; }
.fwArea01 .bd02 ul li .txt01 .p3 { font-size:15px; margin-top:10px; letter-spacing:2px; font-family:"Arial"; text-transform:uppercase; }
.fwArea01 .bd02 ul li .txt02 { position:relative; min-height:130px; border:1px solid #e70012; }
.fwArea01 .bd02 ul li .txt02 .p1 { position:absolute; top:50%; transform: translateY(-50%); left:10px; right:10px; font-size:16px; z-index:2; }

/*
.fwArea01 .bd02 ul li .bar{position: absolute;background-color: #c9151e;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);}
.fwArea01 .bd02 ul li .bar.top {left: -1px;right: 100%;height: 1px;top: -1px;}
.fwArea01 .bd02 ul li .bar.left {top: 100%;bottom: -1px;width: 1px;left: -1px;}
.fwArea01 .bd02 ul li .bar.right {top: -1px;bottom: 100%;width: 1px;right: 0px;}
.fwArea01 .bd02 ul li .bar.bottom {left: 100%;right: -1px;height: 1px;bottom: 0px;}
*/
.fwArea01 .bd02 ul li .ball {position: absolute;width: 10px;height: 10px; background: #fff;  border:1px solid #c9151e; border-radius: 100%;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);opacity: 0; z-index: 333;}
.fwArea01 .bd02 ul li .ball.tl {top: 100%;left: -3px;}
.fwArea01 .bd02 ul li .ball.tr {top: -3px;right: 100%;}
.fwArea01 .bd02 ul li .ball.bl {bottom: -3px;left: 100%;}
.fwArea01 .bd02 ul li .ball.br {bottom: 100%;right: -3px;}

/*
.fwArea01 .bd02 ul li:hover .bar.top{ right: -1px;}
.fwArea01 .bd02 ul li:hover .bar.left{ top: -1px}
.fwArea01 .bd02 ul li:hover .bar.right{ bottom: -1px;}
.fwArea01 .bd02 ul li:hover .bar.bottom{left: -1px;}
*/
.fwArea01 .bd02 ul li:hover .ball.tl{ top: -5px;}
.fwArea01 .bd02 ul li:hover .ball.tr{right: -5px;}
.fwArea01 .bd02 ul li:hover .ball.bl{left: -5px;}
.fwArea01 .bd02 ul li:hover .ball.br{bottom: -5px;}
.fwArea01 .bd02 ul li:hover .ball{ opacity: 1;}




.fwArea02 { margin-top:80px; padding:80px 0; background:#f6f6f6; }
.fwBox02 .hd { text-align:center; }
.fwBox02 .hd ul li { display:inline-block; width:240px; height:60px; line-height:60px; font-size:24px; margin:0 70px; background:#ededed; cursor:pointer; }
.fwBox02 .hd ul li.on { background:#e70012; color:#fff; font-weight:bold; }
.fwBox02 .bd { margin-top:60px; }
.fwBox02 .bd .swiper-slide .txt01 { padding-left:25px; line-height:40px; font-size:20px; font-weight:bold; color:#333; background:url(fw02.png) no-repeat left 27px; }
.fwBox02 .bd .swiper-slide .txt02 { margin-left:25px; padding:30px; background:#f1f1f1; font-size:16px; line-height:2;  margin-top:5px; color:#333; border-top:2px solid #e3e3e3; }
.fwBox02 .bd .swiper-slide .txt02 .p1 { font-size:20px; margin-bottom:10px; font-weight:bold; }
.fwBox02 .bd .swiper-slide .txt02 .p3 { margin-top:20px; }

.fwArea03 { margin-top:80px; }
.fwArea03 .bd01 { padding-top:35px; }
.fwArea03 .bd01 ul li { position:relative; float:left; margin-right:calc(50% - 405px); padding:5px; border:5px solid #e70012; border-radius:100%; }
.fwArea03 .bd01 ul li:before { position:absolute; top:50%; margin-top:-15px; right:-230px; display:block; content:""; width:31px; height:31px; background:url(fw04.png) no-repeat center; z-index:2; }
.fwArea03 .bd01 ul li:nth-child(3n) { margin-right:0; }
.fwArea03 .bd01 ul li:nth-child(3n):before { display:none; }
.fwArea03 .bd01 ul li:nth-child(n + 4) { margin-top:70px; }
.fwArea03 .bd01 ul li .txt { width:250px; height:250px; background:#e70012; text-align:center; border-radius:100%; color:#fff; }
.fwArea03 .bd01 ul li .txt .p1 { padding-top:40px; min-height:80px; }
.fwArea03 .bd01 ul li .txt .p1 img { max-height:65px; width:auto; }
.fwArea03 .bd01 ul li .txt .p2 { font-size:24px; font-weight:bold; }
.fwArea03 .bd01 ul li .txt .p3 { font-size:14px; line-height:1.7; max-width:200px; margin:10px auto 0; }
.fwArea03 .bd01 ul li .txt .p4 { position:absolute; left:50%; top:-25px; margin-left:-25px; font-size:20px; width:40px; height:40px; line-height:40px; border:5px solid #fff; background:#e70012; color:#fff; font-weight:bold; font-family:"Arial"; border-radius:100%; z-index:5; }
 
.fwArea03 .bd01 ul li:hover { animation: jello 1s; }

.fwArea04 { margin-top:80px; }
.fwArea04 .bd01 { position:relative; padding:0 100px; }
.fwArea04 .bd01 .swiper-slide a { }
.fwArea04 .bd01 .swiper-slide .pic { float:left; width:540px; }
.fwArea04 .bd01 .swiper-slide .txt { float:right; position:relative; width:calc(100% - 540px); min-height:440px; padding:70px 3% 50px; margin-top:40px; background:#f7f7f7; box-sizing: border-box; }
.fwArea04 .bd01 .swiper-slide .txt .p1 { font-size:36px; color:#999; line-height:1.1; font-weight:bold; padding-left:30px; }
.fwArea04 .bd01 .swiper-slide .txt .p2 { font-size:24px; color:#333; line-height:1.1; margin-top:60px; padding-left:30px; }
.fwArea04 .bd01 .swiper-slide .txt .p3 { font-size:16px; color:#333; line-height:2; margin-top:20px; text-indent:2em; }
.fwArea04 .bd01 .swiper-slide .txt .p4 { position:absolute; top:70px; width:74px; right:6%; z-index:2; }

.fwArea04 .bd01 .prev-fw04,.fwArea04 .bd01 .next-fw04 { position:absolute; top:50%; margin-top:-14px; width:19px; height:28px; background:url(fw05.png) no-repeat center; overflow:hidden; z-index:5; cursor:pointer; }
.fwArea04 .bd01 .prev-fw04 { left:0; }
.fwArea04 .bd01 .next-fw04 { right:0; transform: rotate(180deg); }

.fwArea04 .bd01 .prev-fw04:hover { background:url(fw06.png) no-repeat center; }
.fwArea04 .bd01 .next-fw04:hover { background:url(fw06.png) no-repeat center; }

.fwArea05 { margin-top:80px; }
.fwArea05 .bd01 { font-size:16px; }
.fwArea05 .bd01 ul li { float:left; width:47%; }
.fwArea05 .bd01 ul li:nth-child(1) { margin-right:6%; }
.fwArea05 .bd01 ul li .p1 { float:left; width:130px; height:80px; line-height:80px; text-align:center; background:#e70012; color:#fff; }
.fwArea05 .bd01 ul li .p2 { float:left; width:calc(100% - 130px); }
.fwArea05 .bd01 ul li .p2 .text { width:100%; border:1px solid #dcdcdc; border-left:0; padding:0 25px; height:80px; line-height:80px; box-sizing: border-box; }
.fwArea05 .bd01 .textarea { margin-top:45px; padding:40px 25px; width:100%; border:1px solid #dcdcdc; box-sizing: border-box; }
.fwArea05 .bd01 .btn01 { margin:55px auto 0; width:300px; height:80px; line-height:80px; color:#fff; text-align:center; display:block; background:#e70012; color:#fff; cursor:pointer; }


@media all and (max-width:1760px){
	.fwArea01 .bd01 .p1 { font-size:20px; }
	.fwArea01 .bd01 .p2 { font-size:14px; margin-top:20px; }
	.fwArea01 .bd01 .p2 span { margin-right:80px; }
	.fwArea01 .bd01 .p2 span:last-child { margin-right:0; }
	.fwArea01 .bd02 { margin-top:60px; }
	.fwArea01 .bd02 ul li .txt01 { padding-top:30px; min-height:200px; }
	.fwArea01 .bd02 ul li .txt01 .p1 img { max-height:100px; }
	.fwArea01 .bd02 ul li .txt01 .p2 { font-size:24px; margin-top:20px; letter-spacing:5px; }
	.fwArea01 .bd02 ul li .txt01 .p3 { font-size:14px; margin-top:10px; letter-spacing:2px; }
	.fwArea01 .bd02 ul li .txt02 { min-height:100px; }
	.fwArea01 .bd02 ul li .txt02 .p1 { left:10px; right:10px; font-size:14px; }

	.fwArea02 { margin-top:60px; padding:60px 0; }
	.fwBox02 .hd ul li { display:inline-block; width:180px; height:40px; line-height:40px; font-size:18px; margin:0 30px; }
	.fwBox02 .bd { margin-top:40px; }
	.fwBox02 .bd .swiper-slide .txt01 { padding-left:25px; line-height:40px; font-size:18px; background:url(fw02.png) no-repeat left 17px; }
	.fwBox02 .bd .swiper-slide .txt02 { margin-left:25px; padding:20px; font-size:14px; line-height:1.7; margin-top:5px; }
	.fwBox02 .bd .swiper-slide .txt02 .p1 { font-size:18px; }
	.fwBox02 .bd .swiper-slide .txt02 .p3 { margin-top:10px; }

	.fwArea03 { margin-top:60px; }
	.fwArea03 .bd01 { padding-top:35px; }
	.fwArea03 .bd01 ul li { margin-right:calc(50% - 393px); padding:3px; border:3px solid #e70012; }
	.fwArea03 .bd01 ul li:before { top:50%; margin-top:-10px; right:-115px; width:20px; height:20px; background-size:cover!important; }
	.fwArea03 .bd01 ul li:nth-child(3n) { margin-right:0; }
	.fwArea03 .bd01 ul li:nth-child(3n):before { display:none; }
	.fwArea03 .bd01 ul li:nth-child(n + 5) { margin-top:60px; }
	.fwArea03 .bd01 ul li .txt { width:250px; height:250px; }
	.fwArea03 .bd01 ul li .txt .p1 { padding-top:40px; min-height:70px; }
	.fwArea03 .bd01 ul li .txt .p1 img { max-height:60px; width:auto; }
	.fwArea03 .bd01 ul li .txt .p2 { font-size:24px; }
	.fwArea03 .bd01 ul li .txt .p3 { font-size:14px; line-height:1.7; max-width:200px; margin:10px auto 0; }
	.fwArea03 .bd01 ul li .txt .p4 { position:absolute; left:50%; top:-25px; margin-left:-23px; font-size:30px; width:40px; height:40px; line-height:40px; border:3px solid #fff;  }
	
	.fwArea04 { margin-top:60px; }
	.fwArea04 .bd01 { position:relative; padding:0 50px; }
	.fwArea04 .bd01 .swiper-slide .pic { float:left; width:400px; }
	.fwArea04 .bd01 .swiper-slide .txt { float:right; width:calc(100% - 400px); min-height:320px; padding:40px 3%; margin-top:30px; }
	.fwArea04 .bd01 .swiper-slide .txt .p1 { font-size:30px; padding-left:25px; }
	.fwArea04 .bd01 .swiper-slide .txt .p2 { font-size:20px; margin-top:30px; padding-left:30px; }
	.fwArea04 .bd01 .swiper-slide .txt .p3 { font-size:14px; line-height:1.7; margin-top:20px; }
	.fwArea04 .bd01 .swiper-slide .txt .p4 { top:40px; width:50px; right:6%; }
 
	.fwArea05 { margin-top:60px; }
	.fwArea05 .bd01 { font-size:16px; }
	.fwArea05 .bd01 ul li { float:left; width:48%; }
	.fwArea05 .bd01 ul li:nth-child(1) { margin-right:4%; }
	.fwArea05 .bd01 ul li .p1 { float:left; width:120px; height:60px; line-height:60px; }
	.fwArea05 .bd01 ul li .p2 { float:left; width:calc(100% - 120px); }
	.fwArea05 .bd01 ul li .p2 .text { padding:0 20px; height:60px; line-height:60px; }
	.fwArea05 .bd01 .textarea { margin-top:30px; padding:20px; }
	.fwArea05 .bd01 .btn01 { margin:40px auto 0; width:200px; height:60px; line-height:60px; }
} 
@media all and (max-width:1280px){
	.fwArea03 .bd01 ul li:before { display:none; }
} 
@media all and (max-width:1200px){
	.fwArea01 .bd01 .p1 { font-size:16px; }
	.fwArea01 .bd01 .p2 { font-size:14px; margin-top:15px; }
	.fwArea01 .bd01 .p2 span { margin-right:30px; }
	.fwArea01 .bd01 .p2 span:last-child { margin-right:0; }
	.fwArea01 .bd02 { margin-top:60px; }
	.fwArea01 .bd02 ul li .txt01 { padding-top:30px; min-height:150px; }
	.fwArea01 .bd02 ul li .txt01 .p1 img { max-height:60px; }
	.fwArea01 .bd02 ul li .txt01 .p2 { font-size:20px; margin-top:15px; letter-spacing:1px; }
	.fwArea01 .bd02 ul li .txt01 .p3 { font-size:12px; margin-top:10px; letter-spacing:1px; }
	.fwArea01 .bd02 ul li .txt02 { min-height:100px; }
	.fwArea01 .bd02 ul li .txt02 .p1 { left:10px; right:10px; font-size:14px; }
	
	.fwArea02 { margin-top:60px; padding:60px 0; }
	.fwBox02 .hd ul li { display:inline-block; width:130px; height:40px; line-height:40px; font-size:16px; margin:0 20px; }
	.fwBox02 .bd { margin-top:40px; }
	.fwBox02 .bd .swiper-slide .txt01 { padding-left:20px; line-height:30px; font-size:16px; background:url(fw02.png) no-repeat left 12px; }
	.fwBox02 .bd .swiper-slide .txt02 { margin-left:20px; padding:20px 15px; font-size:14px; line-height:1.7; margin-top:5px; }
	.fwBox02 .bd .swiper-slide .txt02 .p1 { font-size:16px; }
	.fwBox02 .bd .swiper-slide .txt02 .p3 { margin-top:10px; }
	
	.fwArea03 { margin-top:60px; }
	.fwArea03 .bd01 { padding-top:35px; }
	.fwArea03 .bd01 ul li { margin-right:calc(50% - 318px); padding:3px; border:3px solid #e70012; }
	.fwArea03 .bd01 ul li:before { top:50%; margin-top:-10px; right:-40px; width:20px; height:20px; background-size:cover!important; }
	.fwArea03 .bd01 ul li:nth-child(4n) { margin-right:calc(50% - 318px); }
	.fwArea03 .bd01 ul li:nth-child(3n) { margin-right:0; }
	.fwArea03 .bd01 ul li:nth-child(n + 4) { margin-top:60px; }
	.fwArea03 .bd01 ul li .txt { width:200px; height:200px;  }
	.fwArea03 .bd01 ul li .txt .p1 { padding-top:30px; min-height:50px; }
	.fwArea03 .bd01 ul li .txt .p1 img { max-height:40px; width:auto; }
	.fwArea03 .bd01 ul li .txt .p2 { font-size:18px; }
	.fwArea03 .bd01 ul li .txt .p3 { font-size:12px; line-height:1.7; max-width:170px; margin:10px auto 0; }
	.fwArea03 .bd01 ul li .txt .p4 { position:absolute; left:50%; top:-25px; margin-left:-23px; font-size:30px; width:40px; height:40px; line-height:40px; border:3px solid #fff;  }
	
	.fwArea04 { margin-top:60px; }
	.fwArea04 .bd01 { position:relative; padding:0 40px; }
	.fwArea04 .bd01 .swiper-slide .pic { float:left; width:300px; }
	.fwArea04 .bd01 .swiper-slide .txt { float:right; width:calc(100% - 300px); min-height:250px; padding:20px 3%; margin-top:20px; }
	.fwArea04 .bd01 .swiper-slide .txt .p1 { font-size:24px; padding-left:25px; display:none; }
	.fwArea04 .bd01 .swiper-slide .txt .p2 { font-size:18px; margin-top:0; padding-left:30px; }
	.fwArea04 .bd01 .swiper-slide .txt .p3 { font-size:14px; line-height:1.7; margin-top:20px; }
	.fwArea04 .bd01 .swiper-slide .txt .p4 { top:40px; width:50px; right:6%; display:none; }
	
	.fwArea05 .bd01 { font-size:14px; }
	.fwArea05 .bd01 ul li { float:none; width:100%; }
	.fwArea05 .bd01 ul li:nth-child(1) { margin-right:0; margin-bottom:15px; }
	.fwArea05 .bd01 .textarea { margin-top:15px; padding:20px; }

}
@media all and (max-width:750px){
	.fwArea01 .bd01 .p1 { font-size:14px; }
	.fwArea01 .bd01 .p2 { font-size:12px; margin-top:15px; }
	.fwArea01 .bd01 .p2 span { margin-right:20px; }
	.fwArea01 .bd01 .p2 span:last-child { margin-right:0; }
	.fwArea01 .bd02 { margin-top:30px; }
	.fwArea01 .bd02 ul li { float:left; width:49%; }
	.fwArea01 .bd02 ul li:nth-child(2n) { margin-right:0; }
	.fwArea01 .bd02 ul li:nth-child(n + 3) { margin-top:2%; }
	.fwArea01 .bd02 ul li .txt01 { min-height:120px; padding:20px 5px 0; }
	.fwArea01 .bd02 ul li .txt01 .p1 img { max-height:40px; }
	.fwArea01 .bd02 ul li .txt01 .p2 { font-size:16px; margin-top:10px; letter-spacing:1px; }
	.fwArea01 .bd02 ul li .txt01 .p3 { font-size:12px; margin-top:10px; letter-spacing:1px; line-height:1.5; }
	.fwArea01 .bd02 ul li .txt02 { min-height:80px; }
	.fwArea01 .bd02 ul li .txt02 .p1 { left:10px; right:10px; font-size:12px; }
	
	.fwArea02 { margin-top:30px; padding:30px 0; }
	.fwBox02 .hd ul li { width:auto; height:30px; line-height:30px; font-size:14px; padding:0 10px; margin:0 1% 0 0; }
	.fwBox02 .hd ul li:last-child { margin-right:0; }
	.fwBox02 .bd { margin-top:30px; }
	.fwBox02 .bd .swiper-slide .txt01 { padding-left:20px; line-height:25px; font-size:14px; background:url(fw02.png) no-repeat left 10px; }
	.fwBox02 .bd .swiper-slide .txt02 { margin-left:0; padding:20px 15px; font-size:12px; line-height:1.7; margin-top:5px; }
	.fwBox02 .bd .swiper-slide .txt02 .p1 { font-size:14px; }
	.fwBox02 .bd .swiper-slide .txt02 .p3 { margin-top:10px; }
	
	.fwArea03 { margin-top:30px; }
	.fwArea03 .bd01 { padding-top:10px; }
	.fwArea03 .bd01 ul li { margin-right:calc(100% - 424px); padding:3px; border:3px solid #e70012; }
	.fwArea03 .bd01 ul li:nth-child(4n) { margin-right:calc(100% - 424px); }
	.fwArea03 .bd01 ul li:nth-child(3n) { margin-right:calc(100% - 424px); }
	.fwArea03 .bd01 ul li:nth-child(2n) { margin-right:0; }
	.fwArea03 .bd01 ul li:nth-child(n + 3) { margin-top:40px; }
	.fwArea03 .bd01 ul li .txt { width:200px; height:200px;  }
	.fwArea03 .bd01 ul li .txt .p1 { padding-top:30px; min-height:50px; }
	.fwArea03 .bd01 ul li .txt .p1 img { max-height:40px; width:auto; }
	.fwArea03 .bd01 ul li .txt .p2 { font-size:18px; }
	.fwArea03 .bd01 ul li .txt .p3 { font-size:12px; line-height:1.7; max-width:170px; margin:10px auto 0; }
	.fwArea03 .bd01 ul li .txt .p4 { position:absolute; left:50%; top:-15px; margin-left:-17px; font-size:20px; width:30px; height:30px; line-height:30px; border:2px solid #fff;  }
	
	.fwArea04 { margin-top:30px; }
	.fwArea04 .bd01 { position:relative; padding:0; }
	.fwArea04 .bd01 .swiper-container { background: #f7f7f7; }
	.fwArea04 .bd01 .swiper-slide .pic { float:none; width:100%; }
	.fwArea04 .bd01 .swiper-slide .txt { float:none; width:100%; min-height:25px; padding:30px 3%; margin-top:0; }
	.fwArea04 .bd01 .swiper-slide .txt .p1 { font-size:20px; padding-left:25px; display:none; }
	.fwArea04 .bd01 .swiper-slide .txt .p2 { font-size:16px; margin-top:0; padding-left:30px; }
	.fwArea04 .bd01 .swiper-slide .txt .p3 { font-size:12px; line-height:1.6; margin-top:10px; }
	.fwArea04 .bd01 .swiper-slide .txt .p4 { top:40px; width:50px; right:6%; display:none; }
	
	.fwArea04 .bd01 .btn01 { margin-top:20px; text-align:center; }
	.fwArea04 .bd01 .prev-fw04,.fwArea04 .bd01 .next-fw04 { position:relative; top:auto; margin-top:0; display:inline-block; margin:0 10px; }
	.fwArea04 .bd01 .prev-fw04 { left:auto; }
	.fwArea04 .bd01 .next-fw04 { right:auto; }

	.fwArea05 { margin-top:30px; }
	.fwArea05 .bd01 ul li:nth-child(1) { margin-bottom:10px; }
	.fwArea05 .bd01 ul li .p1 { float:left; width:80px; height:40px; line-height:40px; }
	.fwArea05 .bd01 ul li .p2 { float:left; width:calc(100% - 80px); }
	.fwArea05 .bd01 ul li .p2 .text { padding:0 10px; height:40px; line-height:40px; }
	.fwArea05 .bd01 .textarea { margin-top:10px; padding:10px 15px; }
	.fwArea05 .bd01 .btn01 { margin:20px auto 0; width:200px; height:40px; line-height:40px; }
}
@media all and (max-width:500px){
	/*
	.fwArea01 .bd02 ul li { float:none; width:100%; margin-right:0; }
	.fwArea01 .bd02 ul li:nth-child(n + 2) { margin-top:10px; }
	.fwArea01 .bd02 ul li:last-child { margin-right:0; }
	.fwArea01 .bd02 ul li .txt02 { min-height:80px; }
	*/
	
	.fwArea03 { margin-top:30px; }
	.fwArea03 .bd01 ul li { margin:0 calc(50% - 106px)!important; padding:3px; border:3px solid #e70012; }
	.fwArea03 .bd01 ul li:nth-child(n + 2) { margin-top:40px!important; }
	.fwArea03 .bd01 ul li .txt { width:200px; height:200px;  }
	.fwArea03 .bd01 ul li .txt .p1 { padding-top:30px; min-height:50px; }
	.fwArea03 .bd01 ul li .txt .p1 img { max-height:40px; width:auto; }
	.fwArea03 .bd01 ul li .txt .p2 { font-size:18px; }
	.fwArea03 .bd01 ul li .txt .p3 { font-size:12px; line-height:1.7; max-width:170px; margin:10px auto 0; }
	.fwArea03 .bd01 ul li .txt .p4 { position:absolute; left:50%; top:-25px; margin-left:-23px; font-size:30px; width:40px; height:40px; line-height:40px; border:3px solid #fff;  }

}


.culture-txt .mt { background: #e70012; line-height: 100px; padding: 0 60px; box-sizing: border-box; color: #ffffff; font-size: 44px; font-weight: normal; }
.culture-txt .desc { font-size:16px; line-height:2; padding:90px 0; max-width:1500px; margin:0 auto; }
.culture-txt .desc img { max-width:100%; }

.img-box { text-align: center; max-width:1500px; margin:0 auto; }
.img-box img { width: 100%; }

@media all and (max-width:1760px){
	.culture-txt .mt{ font-size: 36px; line-height:80px; }
	
}
@media all and (max-width:1200px){
	.culture-txt .mt {font-size: 24px; line-height:50px; }
	.culture-txt .desc { font-size:14px; line-height:1.7; padding:60px 0; }

}
@media all and (max-width:750px){
	.culture-txt .mt { font-size:20px; line-height:50px; padding: 0 20px; }
	.culture-txt .desc { padding:30px 0; }

}

.col-c { padding: 140px 0 150px; background: #efefef; margin-top: 120px; }  
.col-c ul{display: flex;flex-wrap: wrap;}
.col-c ul li{width: 32%;margin-top: 2%;margin-right: 2%;}
.col-c ul li img{width: 100%;}
.col-c ul li:nth-child(-n+3){margin-top: 0;}
.col-c ul li:nth-child(3n){margin-right: 0;}
@media all and (max-width:1760px){
	.col-c{padding: 60px 0;margin-top: 60px;}
}
@media all and (max-width:1200px){
	.col-c{padding: 40px 0;margin-top: 40px;}
}
@media all and (max-width:750px){
	.col-c{padding: 20px 0;margin-top: 20px;}
	.col-c ul li{width: 100%;margin-right: 0;margin-top: 2%;}
	.col-c ul li:nth-child(-n+3){margin-top: 2%;}
	.col-c ul li:first-child{margin-top: 0;}
}


.culture02 { padding-bottom:100px; }

.culture02 .txt01 { padding-bottom:80px; }
.culture02 .txt01 ul { display: flex; justify-content: center; }
.culture02 .txt01 ul li .a1 { background: url(img06.png) no-repeat center; width: 180px; height: 200px; display:flex;align-items: center;justify-content: center;background-size: 100%;}
.culture02 .txt01 ul li i { font-size: 58px;font-style: normal;color: #ffffff;}
.culture02 .txt01 ul li:nth-child(2n) { margin-top: 150px; }
 

@media all and (max-width:1760px){
	.culture02 { padding-bottom:80px; }
	
	.culture02 .txt01 ul li i{font-size: 40px;}
}
@media all and (max-width:1200px){
	.culture02 { padding-bottom:60px; }
	
	.culture02 .txt01 { padding-bottom:60px; }
	.culture02 .txt01 ul li .a1{width: 160px;height: 180px;}
	.culture02 .txt01 ul li i{font-size: 30px;}
}
@media all and (max-width:750px){
	.culture02 { padding-bottom:30px; }
	
	.culture02 .txt01 { padding-bottom:30px; }
	.culture02 .txt01 ul li .a1{width: 100px;height: 120px;}
	.culture02 .txt01 ul li:nth-child(2n){margin-top: 2%;}
	.culture02 .txt01 ul{flex-wrap: wrap;}
	.culture02 .txt01 ul li{width: 33.333333%;margin-right: 0;display: flex;justify-content: center;margin-top: 2%;}
	.culture02 .txt01 ul li:nth-child(-n+3){margin-top: 0;}
	.culture02 .txt01 ul li i{font-size: 20px;}
}
 
.culture03 { padding-bottom:100px; }

.culture03 .culture-txt .desc { max-width:1400px; margin:0 auto; }
.culture03 .img-box { max-width:1400px; margin:0 auto; }

.culture03 .txt01 { padding-bottom:80px; max-width:1400px; margin:0 auto; }
.culture03 .txt01 ul{display: flex;justify-content: space-between;}
.culture03 .txt01 ul li{display: flex;flex-direction: column;align-items: center;}
.culture03 .txt01 ul li .a1{background: url(img04.png) center;width: 233px;height: 231px;display: flex;flex-direction: column;justify-content: center;align-items: center;background-size: 100%;}
.culture03 .txt01 ul li .a1 i{font-style: normal;color: #efefef;font-size: 24px;line-height: 35px;}
.culture03 .txt01 ul li .a2{background: url(img05.png) center;width: 104px;height: 103px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: -50px;background-size: 100%;}
.culture03 .txt01 ul li .a2 i{font-style: normal;color: #efefef;font-size: 39px;}

@media all and (max-width:1760px){
	.culture03 { padding-bottom:80px; }
	
	.culture03 .txt01 ul li .a1 i{font-size: 20px;}
	.culture03 .txt01 ul li:nth-child(2n){margin-top: 150px;}
	.culture03 .txt01 ul li .a2 i{font-size: 30px;}
	.culture03 .txt01 ul li .a1{width: 200px;height: 200px;}
}
@media all and (max-width:1200px){
	.culture03 { padding-bottom:60px; }
	
	.culture03 .txt01 { padding-bottom:60px; }
	.culture03 .txt01 ul{flex-wrap: wrap;justify-content: center;}
	.culture03 .txt01 ul li:nth-child(2n){margin-top: 0;}
	.culture03 .txt01 ul li:nth-child(-n+3){width: 33.333333333%;}
	.culture03 .txt01 ul li:nth-last-child(-n+2){width: 33.333333333%;}
}
@media all and (max-width:750px){
	.culture03 { padding-bottom:30px; }
	
	.culture03 .txt01 { padding-bottom:30px; }
	.culture03 .txt01 ul li .a1 i{font-size: 16px; line-height:30px; }
	.culture03 .txt01 ul li .a2 i{font-size: 20px;}
	.culture03 .txt01 ul li .a1{width: 175px;height: 175px;}
	.culture03 .txt01 ul li .a2{width: 80px;height: 80px;margin-top: -40px;}
	.culture03 .txt01 ul li{width: 50% !important;margin-top: 2%;}
	.culture03 .txt01 ul li:nth-child(-n+2){margin-top: 0;}	
}


.culture04 { padding-bottom:100px; }

.culture04 .txt01 { max-width:1500px; margin:0 auto; padding:100px 0; }
.culture04 .txt01 ul li:nth-child(n + 2) { margin-top: 75px; }
.culture04 .txt01 ul li .t1 { color: #000000;line-height: 35px;font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.culture04 .txt01 ul li .t1 i{ font-style: normal; border-radius:25px ; -webkit-border-radius:25px ; -moz-border-radius:25px ; -ms-border-radius:25px ; -o-border-radius:25px ; border: 1px solid #000;width: 25px;height: 25px;display: inline-block;text-align: center;line-height: 25px;margin-right: 5px;}
.culture04 .txt01 ul li .t2{display: flex;align-items: center;}
.culture04 .txt01 ul li .t2 .pc{ width: 550px; overflow: hidden; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.culture04 .txt01 ul li .t2 .pc img{width: 100%;}
.culture04 .txt01 ul li .t2 .desc{ width: calc(82.68% - 550px); box-sizing: border-box; padding-left: 81px; color: #000000; line-height: 55px; font-size: 24px; }

@media all and (max-width:1760px){
	.culture04 { padding-bottom:80px; }
	
	.culture04 .txt01 {  padding:80px 0; }
	.culture04 .txt01 ul li:nth-child(n + 2) { margin-top: 60px; }
	.culture04 .txt01 ul li .t2 .desc{width: calc(100% - 550px);padding-left: 40px;font-size: 20px;line-height: 40px;}
	.culture04 .txt01 ul li .t1{font-size: 20px;line-height: 30px;}
}
@media all and (max-width:1200px){
	.culture04 { padding-bottom:60px; }
	
	.culture04 .txt01 { padding:60px 0; }
	.culture04 .txt01 ul li:nth-child(n + 2) { margin-top: 40px; }
	.culture04 .txt01 ul li .t2 .pc{width: 400px;}
	.culture04 .txt01 ul li .t2 .desc{width: calc(100% - 400px);padding-left: 20px;font-size: 18px;line-height: 40px;height: 230px;overflow-y: scroll;}
	.culture04 .txt01 ul li .t1{font-size: 18px;line-height: 18px;}
}
@media all and (max-width:750px){
	.culture04 { padding-bottom:30px; }
	
	.culture04 .txt01 { padding:30px 0; }
	.culture04 .txt01 ul li:nth-child(n + 2) { margin-top: 20px; }
	.culture04 .txt01 ul li .t2{display: unset;}
	.culture04 .txt01 ul li .t2 .pc{width: 100%;}
	.culture04 .txt01 ul li .t2 .desc{width: 100%;padding-left: 0;font-size: 14px;line-height:25px;height: unset;overflow-y: unset;margin-top: 20px;}
	.culture04 .txt01 ul li .t1{font-size: 18px;line-height: 32px;}
	.culture04 .txt01 ul li .t1 i{ width: 18px; height: 18px; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; font-size: 18px;line-height: 18px;}
}

.culture05 .news01 { padding:85px 0 100px; }

@media all and (max-width:1760px){
	.culture05 .news01 { padding:80px 0; }
}
@media all and (max-width:1200px){
	.culture05 .news01 { padding:60px 0; }
}
@media all and (max-width:750px){
	.culture05 .news01 { padding:30px 0; }
}









/* 关于我们产品设计 */
.col-a .mt { background: #e70012; line-height: 100px; padding: 0 60px;box-sizing: border-box;color: #ffffff; font-size: 44px;font-weight: normal;}
.col-a .mc { line-height: 55px; padding: 85px 0 105px; box-sizing: border-box;color: #000000;	font-size: 25px;}
.col-a .desc { font-size:16px; line-height:2; padding-top:50px; }
.col-a .desc img { max-width:100%; }
 
.col-b .mt{background: #e70012;line-height: 100px;padding: 0 60px;box-sizing: border-box;color: #ffffff;	font-size: 44px;font-weight: normal;}




/* 关于我们华清经营思想*/


 

/*华清人的眼界 */
.list ul { padding-bottom:30px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:14px; line-height:20px; height:20px; clear:both; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.list li span { float:right; color:#999; font-size:12px; margin-left:15px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }
.news01 ul li { margin-bottom:60px; background:#fafafa; border:1px solid #fafafa; }
.news01 ul li a { position:relative; display:block; padding:60px; font-size:24px; color:#333; }
.news01 ul li a:before { position:absolute; top:0; right:0; bottom:0; display:none; content:""; width:240px; background:url(news01.png) no-repeat center #e70012; z-index:0; }
.news01 ul li p { height:60px; line-height:60px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.news01 ul li span { float:right; font-weight:bold; margin-left:50px; }

.news01 ul li:hover { border-color:#e70012; }
.news01 ul li:hover a { padding-right:395px; }
.news01 ul li:hover a:before {display:block; }
.ul-list .news01{margin-top: 80px;}
@media all and (max-width:1760px){
	.ul-list .news01{margin-top: 60px;}
	.news01 ul li { margin-bottom:30px; }
	.news01 ul li a { padding:40px 30px; font-size:18px; }
	.news01 ul li a:before { width:140px; background-size:40px 40px; }
	.news01 ul li p { height:30px; line-height:30px; }
	.news01 ul li span { margin-left:50px; }

	.news01 ul li:hover a { padding-right:200px; }
}
@media all and (max-width:1200px){
	.ul-list .news01{margin-top: 40px;}
	.news01 ul li { margin-bottom:20px; }
	.news01 ul li a { padding:30px 20px; font-size:16px; }
	.news01 ul li p { height:20px; line-height:20px; }
	.news01 ul li span { margin-left:30px; }

	.news01 ul li:hover a { padding-right:0; }
	.news01 ul li:hover a:before { display:none; }
}
@media all and (max-width:750px){
	.ul-list .news01{margin-top: 20px;}
	.news01 ul li { margin-bottom:10px; }
	.news01 ul li a { padding:15px 10px; font-size:14px; }
	.news01 ul li p { height:20px; line-height:20px; }
	.news01 ul li span { margin-left:15px; font-size:12px; }

	.news01 ul li:hover a { padding-right:0; }
	.news01 ul li:hover a:before { display:none; }
}

/* 联系我们 */
.col-link .hdd { color: #333333;font-weight: bold;font-size: 36px;line-height: 46px;text-align: center;margin-bottom: 65px;}
.col-link .bdd{display: flex;}
.col-link .bdd .bd1{width: 900px;}
.col-link .bdd .bd1 #dituContent { height:760px!important; }
.col-link .bdd .bd1 .my-map { width:100%; height:760px!important; }
.col-link .bdd .bd1 img{width: 100%;}
.col-link .bdd .bd2{width: calc(100% - 900px);padding-left: 80px;box-sizing: border-box;}
.col-link .bdd .bd2 .tle{color: #333333;font-size: 16px;line-height: 26px;}
.col-link .bdd .bd2 form{margin-top: 45px;}
.col-link .bdd .bd2 form input[type="text"]{width: 100%;border: solid 1px #cac7c7;height: 60px;background: url(img07.png) no-repeat right 20px center;color: #999999;font-size: 16px;padding: 0 20px;box-sizing: border-box;margin-bottom: 62px;}
.col-link .bdd .bd2 form textarea{height: 250px;border: solid 1px #cac7c7;width: 100%;color: #999999;font-size: 16px;line-height: 32px;padding:  20px;box-sizing: border-box;}
.col-link .bdd .bd2 form label{display: flex;align-items: center;color: #999999;font-size: 16px;margin-top: 70px;}
.col-link .bdd .bd2 form label a{color: #e70012;}
.col-link .bdd .bd2 form label input{margin-right: 7px;}
.col-link .bdd .bd2 form  input[type="submit"]{width: 300px;height: 60px;background-color: #e70012;color: #ffffff;font-size: 16px;margin-top: 30px;}


@media all and (max-width:1760px){
	.col-link .hdd{font-size: 30px;line-height: 36px;margin-bottom: 60px;}
	.col-link .bdd .bd1{width: 600px;}
	.col-link .bdd .bd1 #dituContent { height:690px!important; }
	.col-link .bdd .bd1 .my-map { width:100%; height:690px!important; }
	
	.col-link .bdd .bd2{width: calc(100% - 600px);padding-left: 60px;}
	.col-link .bdd .bd2 form input[type="text"]{margin-bottom: 60px;}
	.col-link .bdd .bd2 form textarea{height: 200px;}
	.col-link .bdd .bd2 form label{margin-top: 60px;}
}
@media all and (max-width:1200px){
	.col-link .hdd{font-size:24px;line-height: 36px;margin-bottom: 40px;}
	.col-link .bdd .bd1{width: 50%;}
	.col-link .bdd .bd1 #dituContent { height:590px!important; }
	.col-link .bdd .bd1 .my-map { width:100%; height:590px!important; }
	
	.col-link .bdd .bd2{width: 50%;padding-left: 40px;}
	.col-link .bdd .bd2 form input[type="text"]{margin-bottom: 40px;}
	.col-link .bdd .bd2 form textarea{height: 200px;}
	.col-link .bdd .bd2 form label{margin-top: 40px;}
	.col-link .bdd .bd2 form{margin-top: 40px;}
	.col-link .bdd .bd2 form input[type="text"]{height: 40px;}
	.col-link .bdd .bd2 form input[type="text"]{margin-bottom: 40px;}
}
@media all and (max-width:750px){
	.col-link .hdd{font-size: 20px;line-height: 28px;margin-bottom: 20px;}
	.col-link .bdd{display: unset;}
	.col-link .bdd .bd1{width: 100%;height: 60vh;}
	.col-link .bdd .bd1 #dituContent { height:400px!important; }
	.col-link .bdd .bd1 .my-map { width:100%; height:400px!important; }
	
	.col-link .bdd .bd2{width: 100%;padding-left: 0;margin-top: 20px;}
	.col-link .bdd .bd2 form input[type="text"]{margin-bottom: 20px;}
	.col-link .bdd .bd2 form textarea{height: 200px;}
	.col-link .bdd .bd2 form label{margin-top: 20px;justify-content: center;}
	.col-link .bdd .bd2 form{margin-top: 20px;}
	.col-link .bdd .bd2 form textarea{height: 150px;}
	.col-link .bdd .bd2 form input[type="submit"]{margin: 20px auto 0;display: block;height: 40px;width: 200px;}
}


/*2-产品及主营业务2-液冷新材料-二级产品介绍  */
.breadcrumbs {line-height: 100px;display: flex;align-items: center;}
.breadcrumbs a { display:inline-block;  padding-left:14px;padding-right: 7px; background:url(img09.png) no-repeat 0 center; vertical-align:top; 	color: #666666;font-size: 16px;}
.breadcrumbs .u-home { background:url(img10.png) no-repeat 0 center;width: 27px;height: 22px;display: inline-block;box-sizing: border-box;margin-right: 10px;}
.col-f {display: flex;}
.col-f .ul01 li a{ width: 160px;height: 42px;background-color: #f7f7f7;text-align: center;line-height: 42px;color: #0e0e0e;font-size: 16px;display: block;}
.col-f .ul01 li{margin-top: 28px;}
.col-f .ul01 li:nth-child(1){margin-top: 0;}
.col-f .ul01 li.current a{background-color: #e70012;color: white;}
.col-f .ul01 li:hover a{background-color: #e70012;color: white;}
.col-f .pc-ul{padding-left: 106px;box-sizing: border-box;width: calc(100% - 160px);}
.col-f .pc-ul ul{display: flex;flex-wrap: wrap;}
.col-f .pc-ul ul li{width: 32%;margin-right: 2%;margin-top: 2%;	background-color: #fafafa;padding-bottom: 48px;}
.col-f .pc-ul ul li:nth-child(3n){margin-right: 0;}
.col-f .pc-ul ul li:nth-child(-n+3){margin-top: 0;}
.col-f .pc-ul ul li a{display: block;}
.col-f .pc-ul ul li .pc img{width: 100%;}
.col-f .pc-ul ul li .tle{color: #0e0e0e;font-size: 24px;font-weight: bold;text-align: center;padding: 30px 0 35px;line-height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.col-f .pc-ul ul li .more{width: 160px;height: 60px;background-color: #f2f2f2;border-radius: 30px;text-align: center;line-height: 60px;color: #0e0e0e;font-size: 16px;margin: 0 auto;}
.col-f .pc-ul ul li:hover .more{	background-color: #e70012;color: white;}
.cola8 .page{padding: 80px 0 120px;}
.box-isd{display: none;}
.box-isd .hd{display: flex;justify-content: space-between;font-size: 18px;flex-direction: row-reverse;line-height: 58px; align-items: center;  }
.box-isd .hd .col{padding: 0 10px;border: 1px solid #eee;line-height: 28px;}
.u-mask{ position:fixed; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index: 9;  overflow: hidden; display:none;}
.m-nav-show .u-mask { display:block; }
@media all and (max-width:1760px){
	.breadcrumbs{line-height: 60px;}
	.col-f .pc-ul{padding-left: 60px;}
	.col-f .pc-ul ul li{padding-bottom: 30px;}
	.col-f .pc-ul ul li .tle{font-size: 20px;padding: 30px 0;}
	.col-f .pc-ul ul li .more{height: 40px;line-height: 40px;}
	.cola8 .page{padding: 60px 0;}
}
@media all and (max-width:1200px){
	.breadcrumbs{line-height: 60px;}
	.col-f .pc-ul{padding-left: 40px;}
	.col-f .pc-ul ul li{padding-bottom: 20px;}
	.col-f .pc-ul ul li .tle{font-size: 18px;padding: 20px 0;}
	.col-f .pc-ul ul li .more{height: 40px;line-height: 40px;}
	
	.col-f .ul01l li{margin-bottom: 20px;}
	.cola8 .page{padding: 40px 0;}
}
@media all and (max-width:750px){
	.col-f { display:block; }
	.col-f .ul01 { width:100%; margin-bottom:25px; padding-top:30px; }
	.col-f .ul01 li { float:left; width:49%; margin-right:2%; margin-top: 0; }
	.col-f .ul01 li:nth-child(2n) { margin-right:0; }
	.col-f .ul01 li:nth-child(n + 3) { margin-top:10px; }
	.col-f .ul01 li a { width:100%; height:40px; line-height: 40px; font-size:14px; }

	
	.col-f .pc-ul{width: 100%;padding-left: 0;}
	.col-f .pc-ul ul li{width: 49%;margin-right: 2%;margin-top: 2%;}
	.col-f .pc-ul ul li:nth-child(3n){margin-right: 2%;}
	.col-f .pc-ul ul li:nth-child(2n){margin-right: 0;}
	.col-f .pc-ul ul :nth-child(n + 3){ margin-top:10px!important }
	.cola8 .page{padding: 20px 0;}
	.breadcrumbs{display: none;}
	.box-isd{display: block;}
	.col-f .pc-ul ul li .tle {font-size: 14px; padding:0; line-height:20px; height:40px; margin:10px 5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; white-space: normal;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
	.col-f .pc-ul ul li .more{ height: 30px;line-height: 30px; width: 120px; font-size:14px; }
}

.s-menu{position:fixed;top:0;right:-60%;width:45%;height:100%;padding:7% 5%;background:#fff;z-index:200;opacity:0;overflow:auto}
.s-menu .site-nav{min-height:400px;overflow-y:auto}
.s-menu li{padding-bottom:12px;font-size:15px}
.s-menu li ul{padding-left:15%}
.s-menu li li{padding-top:8px;padding-bottom:0;font-size:12px}
.s-menu li a{color:#fff}
.s-menu li li a{color:#eee}
.s-menu{position:fixed;top:0;right:-50%;width:45%;height:100%;padding:7% 5%;background:#fff;z-index:99;opacity:0;overflow:auto}
.s-menu .site-nav{min-height:400px;overflow-y:auto}
.s-menu dl dt{margin-bottom:8px;padding:0 8px 10px;border-bottom:1px solid #ddd;line-height:24px;font-size:14px}
.s-menu dl dt a{color:#333}
.s-menu dl dt a:hover,.s-menu dl dt.current a{color:#e70012}
.s-menu dl dd{padding:0 5px 10px 24px;background:url(../images/iFCB_sort_ico.png) no-repeat 10px 7px;line-height:24px}
.s-menu dl dd a{color:#333}
.s-menu dl dd a.current{color:#e70012}
 
@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}



.s102106101-item { margin-top: 60px; }
.s102106101 { position: relative; display: flex; align-items: stretch; justify-content: space-between; flex: 1 }
.s102106101 .s102106101-a1 { width: 496px; display: flex; align-items: center; justify-content: center; }
.s102106101 .s102106101-a1 ul {display: flex;height: 100%;flex-direction: column;justify-content: space-between; }
.s102106101 .s102106101-a1 li { width: 496px; min-height: 30%; border-radius: 14px; margin-bottom: 14px; background:#f5f5f5; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 600; }
.s102106101 .s102106101-a1 li:last-child { margin-bottom: 0; }
.s102106101 .s102106101-a1 li.on { background:#e70012; color: #fff; cursor: pointer; }
.s102106101 .s102106101-a1 li.on span { display: inline-block; padding-right: 35px; background-position: right center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725588203126' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4224' width='36' height='36'%3E%3Cpath d='M788.48 512L312.32 786.92352V237.09696z' p-id='4225' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); }
.s102106101 .s102106101-c1 { position: relative; width: calc(100% - 510px); background:#f5f5f5; border-radius: 14px; overflow: hidden; }
.s102106101 .s102106101-c1 .s102106101-c1-c { position: relative; display: none; }
.s102106101 .s102106101-c1 .s102106101-c1-v { position: absolute; left: 0; right: 0; top: 50%; width: 58%; padding: 0 60px; transform: translateY(-50%); color: #000; }

.s102106101-c1-v-t { font-weight: bold; font-size: 30px; margin-bottom: 30px; }
.s102106101-c1-v-c { font-size: 20px; line-height: 1.8; margin-bottom: 60px; width: 70%; }
.s102106101-c1-v-m { height: 50px; background-position: -15px center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725843029816' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4224' width='50' height='50'%3E%3Cpath d='M326.5536 852.5824c110.3872-112.0256 219.3408-223.3344 329.3184-333.6192 13.824-13.9264 16.0768-20.8896 0.8192-35.9424-105.472-104.2432-209.6128-209.7152-314.6752-314.1632-11.264-11.264-14.7456-17.6128-0.8192-29.5936 19.5584-16.7936 37.0688-36.0448 54.784-54.784 7.3728-7.7824 11.776-10.0352 20.8896-0.9216C551.936 219.4432 687.4112 354.816 823.0912 489.984c8.192 8.192 8.704 12.6976 0.2048 21.1968A149528.7808 149528.7808 0 0 0 419.84 913.7152c-8.6016 8.6016-13.5168 10.4448-23.3472 1.1264-23.552-22.4256-48.5376-43.4176-69.9392-62.2592z' p-id='4225' fill='%23e70014'%3E%3C/path%3E%3C/svg%3E"); }

@media all and (max-width:1760px){
	.s102106101-item { margin-top: 50px; }
	.s102106101 .s102106101-a1 { width: 366px; }
	.s102106101 .s102106101-a1 li { width: 366px; min-height: 30%; border-radius: 14px; margin-bottom: 14px; font-size: 28px; }
	.s102106101 .s102106101-a1 li.on span { padding-right: 30px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725588203126' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4224' width='30' height='30'%3E%3Cpath d='M788.48 512L312.32 786.92352V237.09696z' p-id='4225' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); }
	.s102106101 .s102106101-c1 { width: calc(100% - 380px); border-radius: 14px; }
	.s102106101 .s102106101-c1 .s102106101-c1-v { width: 75%; padding: 0 50px; }	
	.s102106101-c1-v-t { font-size: 28px; margin-bottom: 20px; }
	.s102106101-c1-v-c { font-size: 18px; margin-bottom: 40px; width: 90%; }
	.s102106101-c1-v-m { height: 40px; background-position: -10px center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725843029816' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4224' width='40' height='40'%3E%3Cpath d='M326.5536 852.5824c110.3872-112.0256 219.3408-223.3344 329.3184-333.6192 13.824-13.9264 16.0768-20.8896 0.8192-35.9424-105.472-104.2432-209.6128-209.7152-314.6752-314.1632-11.264-11.264-14.7456-17.6128-0.8192-29.5936 19.5584-16.7936 37.0688-36.0448 54.784-54.784 7.3728-7.7824 11.776-10.0352 20.8896-0.9216C551.936 219.4432 687.4112 354.816 823.0912 489.984c8.192 8.192 8.704 12.6976 0.2048 21.1968A149528.7808 149528.7808 0 0 0 419.84 913.7152c-8.6016 8.6016-13.5168 10.4448-23.3472 1.1264-23.552-22.4256-48.5376-43.4176-69.9392-62.2592z' p-id='4225' fill='%23e70014'%3E%3C/path%3E%3C/svg%3E"); }
}
@media all and (max-width:1280px){
	.s102106101-item { margin-top: 40px; }
	.s102106101 .s102106101-a1 { width: 326px; }
	.s102106101 .s102106101-a1 li { width: 326px; min-height: 30%; border-radius: 14px; margin-bottom: 14px; font-size: 22px; }
	.s102106101 .s102106101-a1 li.on span { padding-right: 30px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725588203126' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4224' width='26' height='26'%3E%3Cpath d='M788.48 512L312.32 786.92352V237.09696z' p-id='4225' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); }
	.s102106101 .s102106101-c1 { width: calc(100% - 340px); border-radius: 14px; }
	.s102106101 .s102106101-c1 .s102106101-c1-v { width: 80%; padding: 0 40px; }	
	.s102106101-c1-v-t { font-size: 22px; margin-bottom: 20px; }
	.s102106101-c1-v-c { font-size: 15px; margin-bottom: 40px; width: 100%; }
	.s102106101-c1-v-m { height: 30px; background-position: -10px center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725843029816' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4224' width='30' height='30'%3E%3Cpath d='M326.5536 852.5824c110.3872-112.0256 219.3408-223.3344 329.3184-333.6192 13.824-13.9264 16.0768-20.8896 0.8192-35.9424-105.472-104.2432-209.6128-209.7152-314.6752-314.1632-11.264-11.264-14.7456-17.6128-0.8192-29.5936 19.5584-16.7936 37.0688-36.0448 54.784-54.784 7.3728-7.7824 11.776-10.0352 20.8896-0.9216C551.936 219.4432 687.4112 354.816 823.0912 489.984c8.192 8.192 8.704 12.6976 0.2048 21.1968A149528.7808 149528.7808 0 0 0 419.84 913.7152c-8.6016 8.6016-13.5168 10.4448-23.3472 1.1264-23.552-22.4256-48.5376-43.4176-69.9392-62.2592z' p-id='4225' fill='%23e70014'%3E%3C/path%3E%3C/svg%3E"); }
}
@media all and (max-width:750px){
	.s102106101 { flex-direction: column; }
	.s102106101-item { margin-top: 30px; }
	.s102106101 .s102106101-a1 { width: 100%; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
	.s102106101 .s102106101-a1 ul {flex-direction: row;flex-wrap: nowrap;align-items: flex-start;justify-content: space-between;}
	.s102106101 .s102106101-a1 li {width: 27%;min-height: 30%;border-radius: 10px;margin-bottom: 10px;font-size: 14px;font-weight: 400; padding: 8px; text-align: center;}
	.s102106101 .s102106101-a1 li.on span {padding-right: 0;background:none }
	.s102106101 .s102106101-c1 { width: 100%; border-radius: 10px; }
	.s102106101 .s102106101-c1 .s102106101-c1-v { width: 88%; padding: 0 20px; }	
	.s102106101-c1-v-t { font-size: 14px; margin-bottom: 10px; }
	.s102106101-c1-v-c { font-size: 12px; margin-bottom: 10px; width: 100%; }
	.s102106101-c1-v-m { height: 0; background-position: -10px center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725843029816' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4224' width='30' height='30'%3E%3Cpath d='M326.5536 852.5824c110.3872-112.0256 219.3408-223.3344 329.3184-333.6192 13.824-13.9264 16.0768-20.8896 0.8192-35.9424-105.472-104.2432-209.6128-209.7152-314.6752-314.1632-11.264-11.264-14.7456-17.6128-0.8192-29.5936 19.5584-16.7936 37.0688-36.0448 54.784-54.784 7.3728-7.7824 11.776-10.0352 20.8896-0.9216C551.936 219.4432 687.4112 354.816 823.0912 489.984c8.192 8.192 8.704 12.6976 0.2048 21.1968A149528.7808 149528.7808 0 0 0 419.84 913.7152c-8.6016 8.6016-13.5168 10.4448-23.3472 1.1264-23.552-22.4256-48.5376-43.4176-69.9392-62.2592z' p-id='4225' fill='%23e70014'%3E%3C/path%3E%3C/svg%3E"); }
}


.s102106102-c1 { display: flex; justify-content: space-between; align-items: stretch; }
.s102106102-c1-c { position: relative; width: 21%; border-radius: 14px; overflow: hidden; background-color: #3961f4; }
.s102106102-c1-v { position: absolute; left: 0; right: 0; bottom: 10%; transform: translateY(0%); padding: 0 7%; color: #333; transition: all 0.3s ease; }
.s102106102-c1-v .s102106102-c1-v-t { font-size: 30px; margin-bottom: 20px; color: #fff; line-height: 1.5; }
.s102106102-c1-v .s102106102-c1-v-t span { font-weight: bold; display: block; }
.s102106102-c1-v .s102106102-c1-v-c { font-size: 20px; line-height: 1.8; width: 70%; display: none; }
.s102106102-c1-c .pic1 { display: block; }
.s102106102-c1-c .pic2 { display: none; }

.s102106102-c1-c.on { width: 55.7%; }
.s102106102-c1-c.on .s102106102-c1-v { top: 50%; bottom: inherit; transform: translateY(-50%); }
.s102106102-c1-c.on .s102106102-c1-v-t { font-size: 30px; color: #333; line-height: 1.5; }
.s102106102-c1-c.on .s102106102-c1-v-t span { display: inline; }
.s102106102-c1-c.on .s102106102-c1-v-c { display: block; }
.s102106102-c1-c.on .pic1 { display: none; }
.s102106102-c1-c.on .pic2 { display: block; }
@media all and (max-width:1760px){
	.s102106102-c1-c { width: 21%; border-radius: 14px; }
	.s102106102-c1-v .s102106102-c1-v-t { font-size: 20px; margin-bottom: 20px; }
	.s102106102-c1-v .s102106102-c1-v-c { font-size: 18px; width: 70%; }
	.s102106102-c1-c.on { width: 55.7%; }
	.s102106102-c1-c.on .s102106102-c1-v-t { font-size: 28px; }
}
@media all and (max-width:1280px){
	.s102106102-c1-c { width: 21%; border-radius: 14px; }
	.s102106102-c1-v .s102106102-c1-v-t { font-size: 16px; margin-bottom: 20px; }
	.s102106102-c1-v .s102106102-c1-v-c { font-size: 14px; width: 70%; }
	.s102106102-c1-c.on { width: 55.7%; }
	.s102106102-c1-c.on .s102106102-c1-v-t { font-size: 22px; }
}
@media all and (max-width:750px){
	.s102106102-c1 { display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; }
	.s102106102-c1-c { width: 100%; border-radius: 10px; margin-bottom: 10px; }
	.s102106102-c1-c .s102106102-c1-v { top: 50%; bottom: inherit; transform: translateY(-50%); }
	.s102106102-c1-v .s102106102-c1-v-t { font-size: 18px; margin-bottom: 20px; color: #333; }
	.s102106102-c1-v .s102106102-c1-v-c { font-size: 16px; width: 70%; }
	.s102106102-c1-c.on { width: 100%; }
	.s102106102-c1-c.on .s102106102-c1-v-t { font-size: 18px; }
	.s102106102-c1-c .pic1 { display: none; }
	.s102106102-c1-c .pic2 { display: block; }
	.s102106102-c1-c.on .pic1 { display: none; }
	.s102106102-c1-c.on .pic2 { display: block; }
}

.side-main { display: flex; justify-content: space-between; }
.side-main * { box-sizing: border-box; }
.side-main .side-menu { width: 433px; height: calc(100vh - 86px); padding: 29px; background-color: #f5f5f5; border-radius: 14px; overflow: hidden; position: sticky; top: 86px; }
.side-main .content-main { width: calc(100% - 460px); }

.side-menu h2 { margin-bottom: 34px; padding: 22px 0 22px 50px; border-bottom: 1px #333 dashed; color: #333; font-size: 24px; font-weight: bold; background-position: 0 27px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725870286473' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5480' width='30' height='30'%3E%3Cpath d='M79.169331 113.350554l121.006899 0 0 120.557773-121.006899 0 0-120.557773ZM324.965581 113.350554l647.967334 0 0 120.557773-647.967334 0 0-120.557773ZM79.169331 444.549837l121.006899 0 0 120.557773-121.006899 0 0-120.557773ZM324.965581 444.549837l647.967334 0 0 120.557773-647.967334 0 0-120.557773ZM79.169331 754.840781l121.006899 0 0 120.334643-121.006899 0 0-120.334643ZM324.965581 754.840781l647.967334 0 0 120.334643-647.967334 0 0-120.334643Z' fill='%23333333' p-id='5481'%3E%3C/path%3E%3C/svg%3E"); }
.side-menu-display h2 { background-position: 0 27px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725870749709' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7974' width='30' height='30'%3E%3Cpath d='M529.398 524.428l-1.243 413.838 356.672-208.783v-413.838z' p-id='7975' fill='%23333333'%3E%3C/path%3E%3Cpath d='M512 490.873l354.186-207.541-354.186-206.298-354.186 206.298z' p-id='7976' fill='%23333333'%3E%3C/path%3E%3Cpath d='M492.116 521.942l-352.943-206.298v413.838l351.699 205.055z' p-id='7977' fill='%23333333'%3E%3C/path%3E%3C/svg%3E"); }
.side-menu .side-menu-scroll { overflow-y: auto; padding-right: 10px; height: calc(100vh - 86px - 29px - 29px - 109px - 34px); }
.side-menu .side-menu-scroll li,
.side-menu .side-menu-scroll li.on { margin-bottom: 16px; background-color: #fff; border-radius: 14px; overflow: hidden; font-size: 20px; line-height: 1.6; text-align: center; }
.side-menu .side-menu-scroll li a,
.side-menu .side-menu-scroll li.on a { display: block; padding: 18px 10px; transition: all 0.3s ease; }
.side-menu .side-menu-scroll li:hover a,
.side-menu .side-menu-scroll li.on a { background-color: #e80012; background: linear-gradient(90deg, #e80012 0%, #ff60a2 100%); color: #fff!important; }

.item { margin-bottom: 26px; padding: 39px 54px; background-color: #f5f5f5; border-radius: 14px; overflow: hidden; transition: all 0.3s ease; }
.item h3 { margin-bottom: 16px; font-size: 24px; line-height: 1.55; }
.item .item-content { margin-bottom: 26px; font-size: 16px; line-height: 1.66; }
.item .item-more a { display: inline-block; padding: 0 20px; background-color: #e70012; color: #fff; font-size: 16px; line-height: 2; border-radius: 14px; overflow: hidden; }
.item:hover,
.item.on { background-color: #e80012; background: linear-gradient(90deg, #e80012 0%, #ff60a2 100%); color: #fff!important; }
.item:hover .item-more a,
.item.on .item-more a { background-color: #fff; color: #333!important; }

.breadcrumbs { margin-bottom: 60px; }
.breadcrumbs a { color: #333; }

.content-main .article { max-width: 880px; margin: 0 auto; }


@media all and (max-width:1760px){
	.side-main .side-menu { width: 333px; height: calc(100vh - 86px); padding: 24px; border-radius: 14px; top: 86px; }
	.side-main .content-main { width: calc(100% - 360px); }
	.side-menu h2 { margin-bottom: 34px; padding: 22px 0 22px 40px; font-size: 20px; background-position: 0 27px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725870286473' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5480' width='24' height='24'%3E%3Cpath d='M79.169331 113.350554l121.006899 0 0 120.557773-121.006899 0 0-120.557773ZM324.965581 113.350554l647.967334 0 0 120.557773-647.967334 0 0-120.557773ZM79.169331 444.549837l121.006899 0 0 120.557773-121.006899 0 0-120.557773ZM324.965581 444.549837l647.967334 0 0 120.557773-647.967334 0 0-120.557773ZM79.169331 754.840781l121.006899 0 0 120.334643-121.006899 0 0-120.334643ZM324.965581 754.840781l647.967334 0 0 120.334643-647.967334 0 0-120.334643Z' fill='%23333333' p-id='5481'%3E%3C/path%3E%3C/svg%3E"); }
	.side-menu-display h2 { background-position: 0 27px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725870749709' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7974' width='24' height='24'%3E%3Cpath d='M529.398 524.428l-1.243 413.838 356.672-208.783v-413.838z' p-id='7975' fill='%23333333'%3E%3C/path%3E%3Cpath d='M512 490.873l354.186-207.541-354.186-206.298-354.186 206.298z' p-id='7976' fill='%23333333'%3E%3C/path%3E%3Cpath d='M492.116 521.942l-352.943-206.298v413.838l351.699 205.055z' p-id='7977' fill='%23333333'%3E%3C/path%3E%3C/svg%3E"); }
	.side-menu .side-menu-scroll {height: calc(100vh - 86px - 24px - 24px - 109px - 34px);}
	.side-menu .side-menu-scroll li,
	.side-menu .side-menu-scroll li.on { margin-bottom: 16px; border-radius: 14px; font-size: 20px; }
	.side-menu .side-menu-scroll li a,
	.side-menu .side-menu-scroll li.on a { padding: 10px 10px; }

	.item { margin-bottom: 26px; padding: 29px 44px; border-radius: 14px; }
	.item h3 { margin-bottom: 16px; font-size: 20px; }
	.item .item-content { margin-bottom: 26px; font-size: 16px; }
	.item .item-more a { padding: 0 20px; font-size: 14px; border-radius: 14px; }
	.breadcrumbs { margin-bottom: 40px; }
}
@media all and (max-width:1280px){
	.side-main .side-menu {width: 283px;height: calc(100vh - 50px);padding: 24px;border-radius: 14px;top: 50px;}
	.side-main .content-main {width: calc(100% - 310px);}
	.side-menu h2 {margin-bottom: 24px;padding: 18px 0 18px 40px;font-size: 26px;background-position: 0 25px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725870286473' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5480' width='30' height='30'%3E%3Cpath d='M79.169331 113.350554l121.006899 0 0 120.557773-121.006899 0 0-120.557773ZM324.965581 113.350554l647.967334 0 0 120.557773-647.967334 0 0-120.557773ZM79.169331 444.549837l121.006899 0 0 120.557773-121.006899 0 0-120.557773ZM324.965581 444.549837l647.967334 0 0 120.557773-647.967334 0 0-120.557773ZM79.169331 754.840781l121.006899 0 0 120.334643-121.006899 0 0-120.334643ZM324.965581 754.840781l647.967334 0 0 120.334643-647.967334 0 0-120.334643Z' fill='%23333333' p-id='5481'%3E%3C/path%3E%3C/svg%3E");}
	.side-menu-display h2 { background-position: 0 25px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725870749709' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7974' width='30' height='30'%3E%3Cpath d='M529.398 524.428l-1.243 413.838 356.672-208.783v-413.838z' p-id='7975' fill='%23333333'%3E%3C/path%3E%3Cpath d='M512 490.873l354.186-207.541-354.186-206.298-354.186 206.298z' p-id='7976' fill='%23333333'%3E%3C/path%3E%3Cpath d='M492.116 521.942l-352.943-206.298v413.838l351.699 205.055z' p-id='7977' fill='%23333333'%3E%3C/path%3E%3C/svg%3E"); }
	.side-menu .side-menu-scroll {height: calc(100vh - 50px - 29px - 29px - 109px - 34px);}
	.side-menu .side-menu-scroll li,
	.side-menu .side-menu-scroll li.on {margin-bottom: 16px;border-radius: 14px;font-size: 20px;}
	.side-menu .side-menu-scroll li a,
	.side-menu .side-menu-scroll li.on a { padding: 10px 10px; }

	.item {margin-bottom: 20px;padding: 29px 44px;border-radius: 14px;}
	.item h3 {margin-bottom: 10px;font-size: 24px;}
	.item .item-content {margin-bottom: 20px;font-size: 16px;}
	.item .item-more a {padding: 0 16px;font-size: 14px;border-radius: 14px;}
	.breadcrumbs { margin-bottom: 30px; }
}
@media all and (max-width:750px){
	.side-main { flex-direction: column; }
	.side-main .side-menu-hide { display: none; }

	.side-main .side-menu {width: 100%;height: 40vh;padding: 10px;border-radius: 10px;top: inherit; position: relative;}
	.side-menu h2 {margin-bottom: 10px;padding: 10px 0 10px 35px;font-size: 18px;background-position: 0 15px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725870286473' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5480' width='20' height='20'%3E%3Cpath d='M79.169331 113.350554l121.006899 0 0 120.557773-121.006899 0 0-120.557773ZM324.965581 113.350554l647.967334 0 0 120.557773-647.967334 0 0-120.557773ZM79.169331 444.549837l121.006899 0 0 120.557773-121.006899 0 0-120.557773ZM324.965581 444.549837l647.967334 0 0 120.557773-647.967334 0 0-120.557773ZM79.169331 754.840781l121.006899 0 0 120.334643-121.006899 0 0-120.334643ZM324.965581 754.840781l647.967334 0 0 120.334643-647.967334 0 0-120.334643Z' fill='%23333333' p-id='5481'%3E%3C/path%3E%3C/svg%3E");}
	.side-menu-display h2 { background-position: 0 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1725870749709' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7974' width='20' height='20'%3E%3Cpath d='M529.398 524.428l-1.243 413.838 356.672-208.783v-413.838z' p-id='7975' fill='%23333333'%3E%3C/path%3E%3Cpath d='M512 490.873l354.186-207.541-354.186-206.298-354.186 206.298z' p-id='7976' fill='%23333333'%3E%3C/path%3E%3Cpath d='M492.116 521.942l-352.943-206.298v413.838l351.699 205.055z' p-id='7977' fill='%23333333'%3E%3C/path%3E%3C/svg%3E"); }
	.side-menu .side-menu-scroll {height: 68%;}
	.side-menu .side-menu-scroll li,
	.side-menu .side-menu-scroll li.on {margin-bottom: 10px;border-radius: 10px;font-size: 13px;}
	.side-menu .side-menu-scroll li a,
	.side-menu .side-menu-scroll li.on a { padding: 10px 10px; }

	.side-main .content-main { width: 100%; }
	.item {margin-bottom: 10px;padding: 19px 19px;border-radius: 10px;}
	.item h3 {margin-bottom: 10px;font-size: 20px;}
	.item .item-content {margin-bottom: 20px;font-size: 14px;}
	.item .item-more a {padding: 0 10px;font-size: 13px; }
	.breadcrumbs { display: none; }

}
@media all and (max-width:750px){
	.menu { overflow-x: auto; }
	.menu ul { width: 600px; }

}