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

.aArea { padding:45px 0 30px; }
.aArea01 { position:relative; float:left; width:48.6%; transition: transform 0.5s;}
.aArea01 .bd ul li { position:relative; overflow:hidden; border-radius: 4px !important;}
.aArea01:hover{
    transform: translate(0, -1px);
    box-shadow: 0 6px 20px 4px rgba(160, 165, 176, 0.2);
}
.aArea01 .hd { position:absolute; right:15px; bottom:40px; text-align:center; z-index:9; }
.aArea01 .hd ul li { display:inline-block; width:13px; height:13px; border:1px solid #73747b; border-radius:100%; margin:0 5px; font-size:0; cursor:pointer; }
.aArea01 .hd ul li.on { background:#5B57A6; border-color:#5B57A6; }

.aArea02 { float:right; width:48.6%; transition: transform 0.5s;}
.aArea02 ul li:hover {
    transform: translate(0, -1px);
    box-shadow: 0 6px 20px 4px rgba(160, 165, 176, 0.2);
    transition: transform 0.5s;
}
.aArea02 ul li { position:relative; overflow:hidden; border-radius: 4px !important;transition: transform 0.5s;}
.aArea02 ul li:last-child { margin-top:2.8%; }
.aArea03 { padding-top:40px; transition: transform 0.5s;}
.aArea03 ul li:hover {
    transform: translate(0, -1px);
    box-shadow: 0 6px 20px 4px rgba(160, 165, 176, 0.2);
    transition: transform 0.5s;
}
.aArea03 ul li { position:relative; float:left; width:48.6%; margin-right:2.8%; overflow:hidden; border-radius: 4px !important;transition: transform 0.5s;}
.aArea03 ul li:last-child { margin-right:0; }

/*.aArea ul li img { transition: all 0.6s; }
.aArea ul li img:hover { transform: scale(1.1)!important; }*/

.aArea ul li .white {transition: all 0.6s;}
.aArea ul li .white:hover { transform: scale(1.1)!important; }

.aArea .txt { position:absolute; left:30px; bottom:30px; z-index:9; }
.aArea .txt .p1 { font-size:24px; color:#333; line-height:28px; }
.aArea .txt .p2 { font-size:16px; color:#686969; line-height:18px; margin-top:10px; }

.bArea { padding:55px 0; }
.bArea01 { position:relative; }
.bArea01 .prev,.bArea01 .next { position:absolute; top:0; display:block; width:29px; height:80px; z-index:9; }
.bArea01 .prev { background:url(prev.jpg) no-repeat center; left:0; }
.bArea01 .next { background:url(next.jpg) no-repeat center; right:0; }
.bArea01 .tempWrap { width:1366px!important; margin:0 auto; }
.bArea01 ul li { width:178px; float:left; margin-right:20px; border-radius: 4px !important;}