@charset "utf-8";
.container { position: relative; width: 100%; }

.aArea { padding:80px 0 0 0; }
.aArea01 { float:left; padding:65px 20px 0 20px; width:195px; height:365px; background:#f6f6f6; box-sizing: border-box; line-height:1; }
.aArea01 .p1 { font-size:28px; color:#252525; }
.aArea01 .p2 { font-size:16px; color:#b2b1b1; text-transform:uppercase; margin-top:15px; }
.aArea01 .p3 { font-size:13px; color:#646464; line-height:30px; margin-top:30px; width:110px; }
.aArea01 .p4 { width:30px; height:2px; background:#e60012; margin-top:10px; }
.aArea01 .p5 { margin-top:55px; }
.aArea01 .p5 a { font-size:14px; color:#646464; text-transform:uppercase; }
.aArea01 .p5 a:hover { color:#e60012; }

.aArea02 { float:right; width:1075px; }
.aArea02 .hd { margin-top:15px; }
.aArea02 .hd ul li { float:left; width:203px; font-size:14px; color:#333; text-align:center; height:60px; line-height:60px; background:#f6f6f6; margin-right:15px; cursor:pointer; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea02 .hd ul li a { color:#333; }
.aArea02 .hd ul li.on { background:#e6000f; color:#fff; }
.aArea02 .hd ul li.on a { color:#fff; }
.aArea02 .hd ul li:last-child { margin-right:0; }
.aArea02 .bd a { display:block; background:#f6f6f6; }
.aArea02 .bd .pic { float:left; width:720px; }
.aArea02 .bd .txt { float:left; width:calc(100% - 720px); padding:50px 50px 0 50px; box-sizing: border-box; }
.aArea02 .bd .txt .p1 { font-size:20px; color:#252525; padding-bottom:15px; border-bottom:2px solid #959595; }
.aArea02 .bd .txt .p2 { font-size:14px; color:#646464; line-height:30px; margin-top:35px; }

.Area-hd { padding-bottom:30px; border-bottom:2px solid #f0f0f0; line-height:25px; }
.Area-hd a { float:right; display:block; font-size:14px; color:#676767; font-family:"Arial"; text-transform:uppercase; margin-top:5px; }
.Area-hd p { float:left; font-size:14px; color:#b2b1b1; text-transform:uppercase; }
.Area-hd p span { font-size:25px; color:#000; margin-right:5px; }
.Area-hd a:hover { color:#e60012; }

.bArea { margin-top:70px; }
.bArea01 { position:relative; margin-top:40px; }
.bArea01 .hd { position:absolute; right:65px; top:-100px; z-index:5; }
.bArea01 .hd ul li { float:left; padding:0 20px; height:30px; line-height:30px; font-size:14px; color:#000; cursor:pointer; }
.bArea01 .hd ul li.on { background:#e6000f; color:#fff; }
.bArea01 .bd { min-height:685px; }

.bArea01 .bd ul li { float:left; position:relative; }
.bArea01 .bd ul li .txt { position:absolute; left:0; right:0; bottom:0; font-size:20px; color:#555; text-align:center; line-height:55px; height:55px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:5; }

.bArea01 .bd ul li .con { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(230,0,15,0.7); padding:25px; }
.bArea01 .bd ul li .con .con01 { position:relative; border:1px solid rgba(255,255,255,0.7); width:100%; height:100%; }
.bArea01 .bd ul li .con .con01 .con02 { position:absolute; top:50%; left:50px; right:50px; color:#fff; text-align:center; transform: translateY(-50%); z-index:5;  }
.bArea01 .bd ul li .con .con01 .con02 .p1 { width:45px; height:2px; background:#fff; margin:0 auto; }
.bArea01 .bd ul li .con .con01 .con02 .p2 { font-size:18px; text-transform:uppercase; margin-top:20px; }
.bArea01 .bd ul li .con .con01 .con02 .p3 { font-size:20px; margin-top:15px; }
.bArea01 .bd ul li .con .con01 .con02 .p4 { font-size:14px; line-height:25px; margin-top:30px; }
.bArea01 .bd ul li .con .con01 .con02 .p5 { margin-top:35px; }

.bArea01 .bd ul li.li01 { width:630px; }
.bArea01 .bd ul li.li01 .pic { transition: all 0.6s; }
.bArea01 .bd ul li.li01 .con { transition: all 0.6s; top:610px; /*transform:rotateY(-180deg);*/ opacity:0; }

.bArea01 .bd ul li:nth-child(2) { margin-bottom:10px; }
.bArea01 .bd ul li:nth-child(3) { margin-bottom:10px; }

.bArea01 .bd ul li.li02 { width:310px; margin-left:15px; }
.bArea01 .bd ul li.li02 .pic { overflow:hidden; }
.bArea01 .bd ul li.li02 .pic img { transition: all 0.6s; }
.bArea01 .bd ul li.li02 .txt { font-size:16px; line-height:45px; height:45px; }
.bArea01 .bd ul li.li02 .con { padding:20px; top:300px; transition: all 0.6s; opacity:0; }
.bArea01 .bd ul li.li02 .con .con01 .con02 { left:10px; right:10px; }
.bArea01 .bd ul li.li02 .con .con01 .con02 .p1 { width:30px; height:1px; }
.bArea01 .bd ul li.li02 .con .con01 .con02 .p2 { font-size:12px; margin-top:15px; }
.bArea01 .bd ul li.li02 .con .con01 .con02 .p3 { font-size:16px; margin-top:5px; }
.bArea01 .bd ul li.li02 .con .con01 .con02 .p5 { margin-top:25px; }
.bArea01 .bd ul li.li02 .con .con01 .con02 .p5 img { width:30px; height:auto; }

.bArea01 .bd ul li.li01:hover .pic { /*transform:rotateY(180deg);*/ }
.bArea01 .bd ul li.li01:hover .txt { display:none; }
.bArea01 .bd ul li.li01:hover .con { /*transform:rotateY(0);*/ top:0; opacity:1; }

.bArea01 .bd ul li.li02:hover .con { top:0; opacity:1; }
.bArea01 .bd ul li.li02:hover .txt { display:none; }
.bArea01 .bd ul li.li02:hover .pic img { transform: scale(1.1)!important; }
 
.cArea { padding:60px 0; background:url(cArea.jpg) no-repeat center; background-size:cover; }
.cArea ul li { float:left; width:630px; background:#fff; padding:30px 50px 25px 25px; margin-right:20px; box-sizing: border-box; }
.cArea ul li:nth-child(2n) { margin-right:0; }
.cArea ul li:nth-child(n+3) { margin-top:15px; }
.cArea ul li a { display:block; padding-left:105px; }
.cArea ul li .p1 { font-size:18px; color:#000; font-weight:bold; line-height:1; }
.cArea ul li .p2 { width:40px; height:2px; background:#929292; margin-top:15px; }
.cArea ul li .p3 { font-size:14px; line-height:25px; height:75px; color:#666; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.cArea ul li:hover .p1 { color:#e6000f; }
.cArea ul li:hover .p2 { background:#f27f87; }

.dArea { padding:75px 0; }
.dArea01 { position:relative; margin-top:60px; }
.dArea01 .tempWrap { width:1280px!important; }
.dArea01 ul li { position:relative; float:left; width:312px; margin-right:10px; }
.dArea01 ul li .txt { position:absolute; top:300px; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); transition: all 0.6s; opacity:0; z-index:5; }
.dArea01 ul li .txt .txt01 { position:absolute; top:50%; left:15px; right:15px; text-align:center; transform: translateY(-50%); z-index:5; }
.dArea01 ul li .txt .txt01 .p1 { font-size:18px; color:#fff; }
.dArea01 ul li .txt .txt01 .p2 { margin-top:20px; }

.dArea01 ul li:hover .txt { top:0; opacity:1; }
 
.dArea01 .prev,.dArea01 .next { position:absolute; top:50%; margin-top:-25px; display:block; width:50px; height:50px; z-index:5; }
.dArea01 .prev { background:url(d01.png) no-repeat center; left:-80px; transform:rotateY(180deg); }
.dArea01 .next { background:url(d01.png) no-repeat center; right:-80px; }
.dArea01 .prev:hover { background:url(d02.png) no-repeat center; transform:rotateY(0deg); }
.dArea01 .next:hover { background:url(d02.png) no-repeat center; transform:rotateY(180deg); }

.eArea { position:relative; width:1920px; background:url(eArea.jpg) no-repeat center; background-size:cover; }
.eArea01 { float:left; position:relative; width:530px; left:50%; margin-left:-640px; padding-top:60px; line-height:1; color:#fff; z-index:1; }
.eArea01 .p1 { font-size:30px; }
.eArea01 .p2 { font-size:18px; margin-top:15px; text-transform:uppercase; }
.eArea01 .p3 { position:relative; width:390px; height:1px; left:-320px; background:#b2b6bb; margin-top:15px; }
.eArea01 .p4 { font-size:20px; font-weight:bold; margin-top:75px; }
.eArea01 .p5 { width:200px; height:2px; background:#d1d3d6; margin-top:15px; }
.eArea01 .p6 { font-size:14px; line-height:25px; margin-top:80px; }
.eArea01 .p7 { position:relative; margin-top:110px; }
.eArea01 .p7 a { display:block; color:#9b9ea1; font-size:14px; text-transform:uppercase; padding-left:40px; transition: all 0.6s; }
.eArea01 .p7 a:before { position:absolute; left:0; top:50%; display:block; content:""; width:30px; height:1px; background:#9b9ea1; transition: all 0.6s; z-index:5; }
.eArea01 .p7:hover a { color:#e6000f; padding-left:60px; }
.eArea01 .p7:hover a:before { background:#e6000f; width:50px; }

.eArea02 { float:right; width:960px; padding-top:95px; cursor:pointer; }

.videoArea { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9; display:none; }
.videoArea.on { display:block; }
.videoArea .video { position:absolute; top:50%; left:20%; width:60%; transform: translateY(-50%); z-index:5; }
.videoArea .video video { width:100%; height:auto!important; }
.videoArea .video .vclose { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }

.fArea { padding:75px 0; background:url(fArea.jpg) no-repeat center top; }
.fArea01 { position:relative; margin-top:40px; }
.fArea01 .hd { position:absolute; right:65px; top:-100px; z-index:5; }
.fArea01 .hd ul li { float:left; padding:0 20px; height:30px; line-height:30px; font-size:14px; color:#000; cursor:pointer; }
.fArea01 .hd ul li.on { background:#e6000f; color:#fff; }

.fBox { position:relative; }
.fBox .tempWrap { width:1280px!important; }
.fBox ul li { float:left; width:400px; margin-right:40px; }
.fBox ul li a { display:block; padding:30px; background:#f6f6f6; }
.fBox ul li .pic { overflow:hidden; }
.fBox ul li .pic img { transition: all 0.6s; }
.fBox ul li .txt { margin-top:30px; }
.fBox ul li .txt .p1 { font-size:18px; color:#000; font-weight:bold; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.fBox ul li .txt .p2 { font-size:14px; color:#646464; line-height:25px; height:50px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.fBox ul li .txt .p3 { font-size:18px; color:#646464; font-weight:bold; margin-top:30px; }

.fBox ul li:hover .pic img  { transform: scale(1.1)!important; }
.fBox ul li:hover .txt .p1 { color:#e6000f; }
.fBox ul li:hover .txt .p3 { color:#e6000f; }

.fBox .prev01,.fBox .next01 { position:absolute; top:50%; margin-top:-25px; display:block; width:50px; height:50px; z-index:5; }
.fBox .prev01 { background:url(d01.png) no-repeat center; left:-80px; transform:rotateY(180deg); }
.fBox .next01 { background:url(d01.png) no-repeat center; right:-80px; }
.fBox .prev01:hover { background:url(d02.png) no-repeat center; transform:rotateY(0deg); }
.fBox .next01:hover { background:url(d02.png) no-repeat center; transform:rotateY(180deg); }

.gArea { padding:60px 0 80px; background:url(gArea.jpg) no-repeat center; background-size:cover; }
.gArea01 { margin-top:40px; }
.gArea01 .tempWrap { width:1280px!important; }
.gArea01 ul li { position:relative; float:left; width:300px; margin-right:26px; }
.gArea01 ul li p { position:absolute; left:0; right:0; bottom:0; padding:0 10px; font-size:18px; color:#fff; background:#e6000f; line-height:60px; height:60px; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display:none; z-index:5; }
.gArea01 ul li:hover p { display:block; }

.hArea { padding:70px 0 80px; }
.hArea .hd { text-align:center; margin-bottom:50px; line-height:1; }
.hArea .hd .p1 { font-size:25px; color:#000; }
.hArea .hd .p2 { font-size:14px; color:#b2b1b1; margin-top:10px; text-transform:uppercase; }
.hArea .bd .swiper-slide a { display:block; border:1px solid transparent; overflow:hidden; }
.hArea .bd .swiper-slide a img { transition: all 0.6s; }
.hArea .bd .swiper-slide:hover a { border-color:#eee; }
.hArea .bd .swiper-slide:hover a img { transform: scale(1.1)!important; }