@charset "utf-8";

.banner { position:relative; width:100%; overflow:hidden; }

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; }
.swiper-container-1 .swiper-slide img { /*transition: ease 1s;*/ transition: all 1.5s; transform: scale(1.1); }
.swiper-container-1 .swiper-slide .img02 { display:none; }


.swiper-container-1 .swiper-slide-active img { transform: scale(1)!important; }

.banner .dh { position:absolute; bottom:50px; left:0; right:0; text-align:center; font-size:0; z-index:9; }
.banner .dh .dha { display:inline-block; font-size:18px; color:#fff; line-height:20px; }

.swiper-pagination-1 { display:inline-block; vertical-align:top; margin:10px 20px 0 20px; }
.swiper-pagination-1 .swiper-pagination-bullet { width:60px; height:1px; margin:0;  border-radius:0; background:rgba(255,255,255,0.6); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { background:#fff; }

.banner .btn { position:absolute; bottom:100px; left:0; right:0; text-align:center; font-size:0; z-index:9; }
.banner .btn .btn01 { display:inline-block; width:60px; height:60px; margin:0 7px; cursor:pointer; }
.banner .btn .prev-01 { background:url(../images/ban01.png) no-repeat center; }
.banner .btn .next-01 { background:url(../images/ban02.png) no-repeat center; }

.banner .btn .prev-01:hover { background:url(../images/ban03.png) no-repeat center; }
.banner .btn .next-01:hover { background:url(../images/ban04.png) no-repeat center; }
/*
.swiper-container-1 .swiper-slide-active img { transform: scale(1.1); }
*/
@media all and (max-width:1780px){
	.banner .dh { bottom:30px; }
	.banner .dh .dha { font-size:16px; }
	
	.swiper-pagination-1 .swiper-pagination-bullet { width:40px; }
	
	.banner .btn { bottom:70px; }
	.banner .btn .btn01 { width:40px; height:38px; margin:0 7px; background-size:40px 38px!important; }
}
@media all and (max-width:1200px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }

	.banner .btn { display:none; }
	
	
	.swiper-pagination-1 { margin:10px 10px 0 10px; }
	.swiper-pagination-1 .swiper-pagination-bullet { width:10px; }
}
 
.Area-hd { position:relative; text-align:center; line-height:1.1; font-weight:bold; overflow:hidden; }
.Area-hd .p1 { font-size:48px; color:#313131; }
.Area-hd .p2 { font-size:22px; color:#d2cbcb; margin-top:10px; text-transform:uppercase; }
.Area-hd .p3 { position:absolute; top:0; left:50%; margin-left:130px; z-index:2; transition: all 2s; opacity:0; }
 
.Area-hd.on .p3 { opacity:1; }

@media all and (max-width:1780px){
	.Area-hd .p1 { font-size:30px; }
	.Area-hd .p2 { font-size:18px; margin-top:10px; }
	.Area-hd .p3 { margin-left:90px; }
	.Area-hd .p3 img { max-height:70px; width:auto; }
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:20px; }
	.Area-hd .p2 { font-size:14px; margin-top:10px; }
	.Area-hd .p3 { margin-left:60px; }
	.Area-hd .p3 img { max-height:50px; width:auto; }
}
 
.aArea { padding:115px 0; }
.aArea .bd { position:relative; margin-top:55px; background:#edebeb; }
.aArea .bd .pic { position:relative; float:left; width:910px; }
.aArea .bd .pic .pic01 { position:absolute; width:150px; top:50%; left:50%; transform: translate(-50%,-50%); cursor:pointer; z-index:2; }
.aArea .bd .pic .pic01:before { position:absolute; display: block; content:""; width:50px; height:50px; background:#d02c2f; border-radius:100%; animation: scale 1.6s infinite cubic-bezier(0,0,.49,1.02); animation-delay: 200ms; top: 50%; left: 50%; margin-left:-25px; margin-top:-25px; z-index:2; }

.aArea .bd .txt { position:absolute; top:50%; transform: translateY(-50%); width:700px; right:30px; color:#1a1a1a; box-sizing: border-box; z-index:2; }
.aArea .bd .txt .p1 { font-size:36px; font-weight:bold; }
.aArea .bd .txt .p2 { font-size:24px; margin-top:10px; }
.aArea .bd .txt .mmBtn { margin-top:40px; }

@media all and (max-width:1780px){
	.aArea { padding:80px 0; }
	.aArea .bd { margin-top:40px; }
	.aArea .bd .pic { float:left; width:650px; }
	.aArea .bd .pic .pic01 { width:120px; }
 
	.aArea .bd .txt { width:calc(100% - 700px); right:25px; }
	.aArea .bd .txt .p1 { font-size:28px; }
	.aArea .bd .txt .p2 { font-size:18px; margin-top:10px; }
	.aArea .bd .txt .mmBtn { margin-top:30px; }
}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; }
	.aArea .bd { margin-top:30px; }
	.aArea .bd .pic { float:none; width:100%; }
	.aArea .bd .pic .pic01 { width:80px; }
 
	.aArea .bd .txt { position:relative; top:auto; transform: translate(0); width:100%; right:auto; padding:30px 4%; }
	.aArea .bd .txt .p1 { font-size:20px; }
	.aArea .bd .txt .p2 { font-size:14px; margin-top:10px; }
	.aArea .bd .txt .mmBtn { margin-top:20px; }
}

.bArea { padding:115px 0 90px; background:#fafafa; }
.bArea .bd { margin-top:50px; }
.bArea .bd a { position:relative; display:block; border-radius:10px; border:1px solid #ddd; }
.bArea .bd .pic { float:left; border-radius:10px; width:675px; overflow:hidden; }
.bArea .bd .txt { float:right; width:665px; margin-right:240px; padding-top:95px; }
.bArea .bd .txt .p1 { font-size:30px; color:#d02c2f; font-weight:bold; }
.bArea .bd .txt .p2 { font-size:32px; color:#282727; margin-top:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bArea .bd .txt .p3 { font-size:18px; color:#6a6565; margin-top:40px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
 
.bArea .bd01 { margin-top:50px; }
.bArea .bd01 ul li { float:left; width:32%; margin-right:2%; }
.bArea .bd01 ul li:last-child { margin-right:0; }
.bArea .bd01 ul li a { position:relative; display:block; border-radius:8px; border:1px solid #ddd; padding:50px 11%; }
.bArea .bd01 ul li a:before { position:absolute; display:block; content:""; top:50px; left:0; width:2px; height:30px; background:#d02c2f; z-index:2; }
.bArea .bd01 ul li .p1 { font-size:24px; line-height:35px; min-height:70px; color:#444242; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bArea .bd01 ul li .p2 { font-size:18px; color:#d02c2f; margin-top:35px; }

.bArea .bd01 ul li:hover a { border-color:#d02c2f; }
.bArea .bd01 ul li:hover a .p1 { color:#d02c2f; }

.bArea .bd02 { margin-top:50px; }
.bArea .bd02 a { display:block; background:#efefef; font-size:18px; line-height:70px; color:#d02c2f; text-align:center; }
.bArea .bd02 a:hover { background:#d02c2f; color:#fff; }

@media all and (max-width:1780px){
	.bArea { padding:80px 0; }
	.bArea .bd { margin-top:40px; }
	.bArea .bd .pic { float:left; width:480px; }
	.bArea .bd .txt { float:right; width:calc(88% - 480px); margin-right:6%; padding-top:60px; }
	.bArea .bd .txt .p1 { font-size:20px; }
	.bArea .bd .txt .p2 { font-size:20px; margin-top:20px; }
	.bArea .bd .txt .p3 { font-size:18px; margin-top:30px; line-height:30px; }
	 
	.bArea .bd01 { margin-top:40px; }
	.bArea .bd01 ul li { float:left; width:32%; margin-right:2%; }
	.bArea .bd01 ul li:last-child { margin-right:0; }
	.bArea .bd01 ul li a { padding:30px 8%; }
	.bArea .bd01 ul li a:before { top:30px; }
	.bArea .bd01 ul li .p1 { font-size:20px; line-height:30px; min-height:60px; }
	.bArea .bd01 ul li .p2 { font-size:16px; margin-top:30px; }
 
	.bArea .bd02 { margin-top:40px; }
	.bArea .bd02 a { font-size:16px; line-height:60px; }
}
@media all and (max-width:1200px){
	.bArea { padding:40px 0; }
	.bArea .bd { margin-top:30px; }
	.bArea .bd .pic { float:none; width:100%; }
	.bArea .bd .txt { float:none; width:100%; margin-right:0; padding:30px 4%; box-sizing: border-box; }
	.bArea .bd .txt .p1 { font-size:16px; }
	.bArea .bd .txt .p2 { font-size:16px; margin-top:10px; }
	.bArea .bd .txt .p3 { font-size:14px; margin-top:15px; line-height:25px; }
	 
	.bArea .bd01 { margin-top:15px; }
	.bArea .bd01 ul li { float:none; width:100%; margin-right:0; }
	.bArea .bd01 ul li:last-child { margin-right:0; }
	.bArea .bd01 ul li:nth-child(n + 2) { margin-top:15px; }
	.bArea .bd01 ul li a { padding:20px 4%; }
	.bArea .bd01 ul li a:before { top:20px; }
	.bArea .bd01 ul li .p1 { font-size:16px; line-height:25px; min-height:25px; }
	.bArea .bd01 ul li .p2 { font-size:14px; margin-top:15px; }
	
	.bArea .bd01 ul li:nth-child(3) { display:none; }
 
	.bArea .bd02 { margin-top:30px; }
	.bArea .bd02 a { font-size:14px; line-height:40px; }
}
 
.cArea { padding:100px 0; }
.cbdCon { max-width:1315px; margin:0 auto; }
.cArea .bd { margin-top:40px; }
.cArea .bd .p1 { font-size:18px; color:#6b6b6b; line-height:30px;  text-align:justify; }
.cArea .bd .p2 { margin-top:85px; text-align:center; }
.cArea .bd .p2 img { max-width:100%; }

.cArea .bd01 { position:relative; padding-top:40px; }
.cArea .bd01 .swiper-slide .p1 { font-size:30px; color:#d02c2f; font-family: 'SQUARE'; }
.cArea .bd01 .swiper-slide .p2 { font-size:28px; color:#585858; margin-top:10px; }
.cArea .bd01 .swiper-slide .p3 { font-size:16px; color:#585858; margin-top:10px; line-height:25px; }

.swiper-scrollbar-c01 { width:100%; height:6px; background:#c1c0c0; opacity:1; border-radius:5px; margin-top:40px; }
.swiper-scrollbar-c01 .swiper-scrollbar-drag { background:#d02c2f; }

.cArea .bd01 .btn { font-size:0; }
.cArea .bd01 .btn01 { position:absolute; display:inline-block; top:50%; transform: translateY(-50%); width:75px; height:75px; z-index:2; border-radius:100%; background-size:cover!important; cursor:pointer; }
.cArea .bd01 .btn01:before { position:absolute; display:block; content:""; top:50%; left:50%; transition: ease 1s; transform: translate(-50%,-50%); width:0; height:0; z-index:2; border-radius:100%; cursor:pointer; overflow:hidden; background-size:cover!important; }
.cArea .bd01 .prev-c01 { background:url(../images/c01.png) no-repeat center; left:0; }
.cArea .bd01 .next-c01 { background:url(../images/c02.png) no-repeat center; right:0; }

.cArea .bd01 .prev-c01:before { background:url(../images/c03.png) no-repeat center; }
.cArea .bd01 .next-c01:before { background:url(../images/c04.png) no-repeat center; }

.cArea .bd01 .btn01:hover:before { width:100%; height:100%; }

@media all and (max-width:1780px){
	.cArea { padding:80px 0; }
	.cbdCon { max-width:100%; padding:0 60px; }
	.cArea .bd { margin-top:40px; }
	.cArea .bd .p1 { font-size:18px; line-height:30px; }
	.cArea .bd .p2 { margin-top:60px; }
 
	.cArea .bd01 { padding-top:40px; }
	.cArea .bd01 .swiper-slide .p1 { font-size:24px; }
	.cArea .bd01 .swiper-slide .p2 { font-size:20px; margin-top:10px; }
	.cArea .bd01 .swiper-slide .p3 { font-size:16px; margin-top:10px; line-height:25px; }

	.swiper-scrollbar-c01 { height:6px; margin-top:40px; }
 
	.cArea .bd01 .btn01 { width:50px; height:50px; }
}
@media all and (max-width:1200px){
	.cArea { padding:40px 0; }
	.cbdCon { max-width:100%; padding:0; }
	.cArea .bd { margin-top:30px; }
	.cArea .bd .p1 { font-size:14px; line-height:25px; }
	.cArea .bd .p2 { margin-top:0; }
 
	.cArea .bd01 { padding-top:30px; }
	.cArea .bd01 .swiper-slide .p1 { font-size:20px; }
	.cArea .bd01 .swiper-slide .p2 { font-size:16px; margin-top:10px; }
	.cArea .bd01 .swiper-slide .p3 { font-size:14px; margin-top:10px; line-height:25px; }

	.swiper-scrollbar-c01 { height:5px; margin-top:20px; }
 
	.cArea .bd01 .btn { margin-top:20px; text-align:center; }
	.cArea .bd01 .btn01 { position:relative; top:auto; transform: translateY(0); left:auto!important; right:auto!important; width:35px; height:35px; margin:0 5px; }
}
@media all and (max-width:540px){
	.cArea .bd01 { padding-top:30px; text-align:center; }
}
 
 
.dArea { position:relative; width:1920px; left:50%; margin-left:-960px; overflow:hidden; z-index:1; }
.dArea01 { position:relative; margin-top:55px; z-index:2; }
.dArea01:before { position:absolute; width:calc(50% - 520px); left:0; top:0; bottom:0; display:block; content:""; background:#d02c2f; z-index:-1; }

.dArea01 .hd { position:relative; float:left; width:320px;  padding-top:70px; padding-right:120px; box-sizing: border-box; z-index:1; }
.dArea01 .hd .p1 { text-align:center; }
.dArea01 .hd ul { margin-top:55px; text-align:center; }
.dArea01 .hd ul li { position:relative; line-height:115px; color:#fff; font-size:30px; border-bottom:1px solid rgba(255,255,255,0.4); cursor:pointer; z-index:2; }
.dArea01 .hd ul li:last-child { border-bottom:none; }
.dArea01 .hd ul li:before { position:absolute; left:-150px; right:440px; top:0; bottom:0; background:#fff; display:block; content:""; z-index:-1; transition: all 0.6s; }

.dArea01 .hd ul li.on { color:#323232; }
.dArea01 .hd ul li.on:before { right:-120px; }

.dArea01 .bd { float:right; width:1260px;  }
 
.dArea01 .bd .txt .txt01 { float:left; font-size:36px; color:#3f3d3d; width:190px; font-weight:bold; }
.dArea01 .bd .txt .txt02 { float:right; width:calc(100% - 190px); }
.dArea01 .bd .txt .txt02 .p1 { font-size:18px; line-height:30px; min-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;  }
.dArea01 .bd .txt .txt02 .mmBtn { margin-top:30px; }
.dArea01 .bd .pic { margin-top:60px; overflow:hidden; }
.dArea01 .bd .on .pic img { animation: img_identifier 120s infinite; }

@keyframes img_identifier {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.5);
}
100% {
    transform: scale(1);
}
}

.dArea02 { margin-top:30px; display:none; }
.dArea02 .txt { text-align:center; }
.dArea02 .txt .txt01 { font-size:18px; color:#3f3d3d; font-weight:bold; }
.dArea02 .txt .txt02 { margin-top:10px; }
.dArea02 .txt .txt02 .p1 { font-size:14px; line-height:25px; }
.dArea02 .txt .txt02 .mmBtn { margin-top:20px; }
.dArea02 .txt .txt02 .mmBtn a { margin:0 auto; }
.dArea02 .pic { margin-top:30px; }

.swiper-pagination-d01 { width:100%; text-align:center; font-size:0; margin-top:20px; }
.swiper-pagination-d01 .swiper-pagination-bullet { margin:0 5px; opacity:1; background:#ddd; }
.swiper-pagination-d01 .swiper-pagination-bullet-active { background:#d02c2f; }
 
@media all and (max-width:1780px){
	.dArea { width:1780px; margin-left:-890px; }
	.dArea01 { margin-top:40px; }
	.dArea01:before { width:calc(50% - 370px); }

	.dArea01 .hd { float:left; width:230px; padding-top:50px; padding-right:80px; }
	.dArea01 .hd ul { margin-top:40px; }
	.dArea01 .hd ul li { line-height:80px; font-size:24px; }
	.dArea01 .hd ul li:before { left:-300px; right:520px;  }

	.dArea01 .hd ul li.on:before { right:-80px; }

	.dArea01 .bd { float:right; width:75%; }
	.dArea01 .bd .txt .txt01 { float:left; font-size:24px; width:130px; }
	.dArea01 .bd .txt .txt02 { float:right; width:calc(100% - 130px); }
	.dArea01 .bd .txt .txt02 .p1 { font-size:16px; line-height:30px; min-height:60px; -webkit-line-clamp:2; }
	.dArea01 .bd .txt .txt02 .mmBtn { margin-top:30px; }
	.dArea01 .bd .pic { margin-top:40px; }
}
@media all and (max-width:1280px){
	.dArea { width:100%; margin-left:0; left:0; }
	.dArea01 { margin-top:40px; }
	.dArea01:before { width:calc(50% - 370px); }

	.dArea01 .hd { float:left; width:230px; padding-top:50px; padding-right:80px; }
	.dArea01 .hd ul { margin-top:40px; }
	.dArea01 .hd ul li { line-height:80px; font-size:18px; }
	.dArea01 .hd ul li:before { left:-300px; right:520px;  }

	.dArea01 .hd ul li.on:before { right:-80px; }

	.dArea01 .bd { float:right; width:75%; }
	.dArea01 .bd .txt .txt01 { float:left; font-size:24px; width:130px; }
	.dArea01 .bd .txt .txt02 { float:right; width:calc(100% - 130px); }
	.dArea01 .bd .txt .txt02 .p1 { font-size:16px; line-height:30px; min-height:60px; -webkit-line-clamp:2; }
	.dArea01 .bd .txt .txt02 .mmBtn { margin-top:30px; }
	.dArea01 .bd .pic { margin-top:40px; }
}
@media all and (max-width:1200px){
	.dArea01 { display:none; }
	/*
	.dArea01 { margin-top:30px; display:none; }
	.dArea01:before { position:absolute; top:0; left:0; right:0; width:100%; bottom:auto; height:100px; background:#d02c2f; }

	.dArea01 .hd { float:none; width:100%;  padding:10px 0;}
	.dArea01 .hd .p1 { display:none; }
	.dArea01 .hd ul { margin-top:0; text-align:center; }
	.dArea01 .hd ul li { float:left; width:33.33%; line-height:35px; color:#fff; font-size:14px; border-bottom:none; }
	.dArea01 .hd ul li:nth-child(4) { margin-left:16.66%; }
	.dArea01 .hd ul li:nth-child(n + 4) { margin-top:10px; }
	.dArea01 .hd ul li:before { display:none; }

	.dArea01 .hd ul li.on { background:#fff; color:#333; }
 
	.dArea01 .bd { float:none; width:100%; margin-top:20px; }
	.dArea01 .bd .txt .txt01 { float:none; font-size:20px; width:100%; }
	.dArea01 .bd .txt .txt02 { float:none; width:100%; }
	.dArea01 .bd .txt .txt02 .p1 { font-size:14px; line-height:25px; min-height:10px; -webkit-line-clamp:999; }
	.dArea01 .bd .txt .txt02 .mmBtn { margin-top:20px; }
	.dArea01 .bd .pic { margin-top:30px; }
	*/
	.dArea02 { display:block; }
}
 
.eArea { margin-top:100px; padding-bottom:70px; }
.eArea .bd { margin-top:45px; text-align:center; }
.eArea .bd .p1 { display:inline-block; width:75px; line-height:40px; color:#d02c2f; font-size:18px; border:1px solid #d02c2f; }
.eArea .bd .p2 { display:inline-block; padding-left:20px; }
.eArea .bd .p2 a { display:inline-block; font-size:18px; color:#363535; line-height:40px; padding:0 25px; cursor:pointer; }
.eArea .bd .p2 a.on,.eArea .bd .p2 a:hover { color:#d02c2f; }

.eArea .bd01 { margin-top:30px; }
.eArea .bd01 .form { position:relative; width:775px; margin:0 auto; background:#f8f8f8; border-radius:35px; }
.eArea .bd01 .form:before { position:absolute; left:65px; top:50%; width:1px; height:15px; transform: translateY(-50%); display:block; content:""; background:#d02c2f; z-index:2; }
.eArea .bd01 .form .txt { float:right; width:calc(100% - 65px); line-height:65px; padding-left:20px; font-size:16px; color:#333; box-sizing: border-box; }
.eArea .bd01 .form .btn { position:relative; display:block; float:left; width:65px; height:65px; background:url(../images/form.png) no-repeat center; cursor:pointer }

.eArea .bd01 .form input[type="search"]{-webkit-appearance:none;} 
.eArea .bd01 .form input::-webkit-search-cancel-button {display: none;}

.eArea .bd02 { margin-top:30px; }
.eArea .bd02 ul { padding-right:20px; max-height:370px; overflow-y:auto; }
.eArea .bd02 ul li { float:left; width:32%; margin-right:2%; } 
.eArea .bd02 ul li:nth-child(3n) { margin-right:0; } 
.eArea .bd02 ul li:nth-child(n + 4) { margin-top:30px; } 
.eArea .bd02 ul li a { position:relative; display:block; border:1px solid #eee; border-radius:8px; padding:40px 160px 0 30px; min-height:170px; box-sizing: border-box; } 
.eArea .bd02 ul li .p1 { font-size:24px; color:#3e3e3e; } 
.eArea .bd02 ul li .p2 { font-size:16px; color:#7c7c7c; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; } 
.eArea .bd02 ul li .p3 { position:absolute; top:50%; right:30px; width:110px; text-align:center; line-height:40px; font-size:16px; color:#bcbcbc; border:1px solid #ddd; border-radius:5px; transform: translateY(-50%); } 
.eArea .bd02 ul li .p3:before { position: absolute; display:block; width: 100%; height: 100%; left: 0%; top: 0%; background:#d02c2f; content: ''; border-radius:5px; transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: scale(0); z-index: -1; }
 
.eArea .bd02 ul li:hover a { border-color:#d02c2f; }
.eArea .bd02 ul li:hover .p3:before { -webkit-transform: scale(1.05); }
.eArea .bd02 ul li:hover .p3 { color:#fff; }
 
@media all and (max-width:1780px){
	.eArea { margin-top:80px; padding-bottom:70px; }
	.eArea .bd { margin-top:40px; }
	.eArea .bd .p1 { display:inline-block; width:60px; line-height:35px; font-size:16px; }
	.eArea .bd .p2 { display:inline-block; padding-left:20px; }
	.eArea .bd .p2 a { display:inline-block; font-size:16px; line-height:35px; padding:0 15px; }
 
	.eArea .bd01 { margin-top:30px; }
	.eArea .bd01 .form { width:650px; }
	.eArea .bd01 .form:before { left:55px; }
	.eArea .bd01 .form .txt { width:calc(100% - 65px); line-height:55px; padding-left:20px; font-size:16px; }
	.eArea .bd01 .form .btn { width:55px; height:55px; }

	.eArea .bd02 { margin-top:30px; }
	.eArea .bd02 ul { padding-right:20px; max-height:340px; overflow-y:auto; }
	.eArea .bd02 ul li { float:left; width:32%; margin-right:2%; } 
	.eArea .bd02 ul li:nth-child(3n) { margin-right:0; } 
	.eArea .bd02 ul li:nth-child(n + 4) { margin-top:20px; } 
	.eArea .bd02 ul li a { padding:20px 120px 0 20px; min-height:160px; } 
	.eArea .bd02 ul li .p1 { font-size:20px; } 
	.eArea .bd02 ul li .p2 { font-size:16px; margin-top:10px; } 
	.eArea .bd02 ul li .p3 { right:20px; width:90px; line-height:40px; font-size:16px;  } 
}
@media all and (max-width:1200px){
	.eArea { margin-top:40px; padding-bottom:40px; }
	.eArea .bd { margin-top:30px; }
	.eArea .bd .p1 { float:left; display:block; width:60px; line-height:35px; font-size:14px; }
	.eArea .bd .p2 { float:right; display:block; width:calc(100% - 80px); text-align:left; padding-left:0; }
	.eArea .bd .p2 a { font-size:14px; line-height:35px; padding:0 10px; }
 
	.eArea .bd01 { margin-top:30px; }
	.eArea .bd01 .form { width:100%; }
	.eArea .bd01 .form:before { left:40px; }
	.eArea .bd01 .form .txt { width:calc(100% - 40px); line-height:40px; padding-left:15px; font-size:14px; }
	.eArea .bd01 .form .btn { width:40px; height:40px; }

	.eArea .bd02 { margin-top:30px; }
	.eArea .bd02 ul { padding-right:10px; max-height:340px; }
	.eArea .bd02 ul li { float:none; width:100%; margin-right:0; } 
	.eArea .bd02 ul li:nth-child(n + 2) { margin-top:10px; } 
	.eArea .bd02 ul li a { padding:20px 4%; min-height:10px; } 
	.eArea .bd02 ul li .p1 { font-size:18px; } 
	.eArea .bd02 ul li .p2 { font-size:14px; margin-top:10px; -webkit-line-clamp:999; } 
	.eArea .bd02 ul li .p3 { position:relative; top:auto; right:auto; margin-top:10px; transform: translateY(0); line-height:35px; font-size:14px; } 
}

.eArea .bd01 .form .txt::-webkit-input-placeholder { color:#f5d0d3; opacity: 1; }
.eArea .bd01 .form .txt:-moz-placeholder { color:#f5d0d3; opacity: 1; }
.eArea .bd01 .form .txt:-ms-input-placeholder { color:#f5d0d3; opacity: 1; } 
.eArea .bd01 .form .txt.placeholder { color:#f5d0d3; opacity: 1; } 

.eArea .bd02 ul::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#d02c2f}
.eArea .bd02 ul::-webkit-scrollbar-track{background:#ddd;border-radius:3px;}
.eArea .bd02 ul::-webkit-scrollbar-corner{background:transparent}
.eArea .bd02 ul::-webkit-scrollbar{width:7px;height:7px}
 
 
@media all and (max-width:1780px){
	
}
@media all and (max-width:1200px){
	
}
 
 
 


 