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


.Area-hd { width:190px; text-align:center; line-height:1.1; color:#bf9766; }
.Area-hd p { position:relative; font-size:36px; font-weight:bold; margin-bottom:10px; }
.Area-hd p:before { position:absolute; left:-14px; top:20px; display:block; width:14px; height:5px; content:""; background:#bf9766; z-index:9; }
.Area-hd p:after { position:absolute; right:-14px; top:20px; display:block; width:14px; height:5px; content:""; background:#bf9766; z-index:9; }
.Area-hd span { display:block; font-size:18px; font-weight:bold; }

.more { display:block; width:125px; height:35px; text-align:center; line-height:35px;font-size:16px; color:#585858; border:1px solid #585858; margin:0 auto;  }
.more:hover { color:#fff; background:#bf9766!important; border-color:#bf9766!important; }

.aArea { height:940px; background:url(aArea.jpg) no-repeat center; }
.aArea01 { padding-top:330px; }
.aArea01 .Area-hd { margin-left:420px; margin-bottom:55px; }
.aArea01 .bd { width:485px; margin-left:45px; }
.aArea01 .bd .txt { font-size:14px; color:#686868; line-height:35px; text-indent:2rem; text-align:justify; margin-bottom:20px; }

.bArea { padding:80px 0; background:url(bArea.jpg) no-repeat center; }
.bArea .Area-hd { margin:0 auto; }
.bArea .hd01 { font-size:16px; color:#a09f9f; text-align:center; line-height:30px; margin:40px 0; }
.bArea .bd { padding-bottom:50px; }
.bArea .bd ul li { position:relative; width:240px; height:480px; float:left; background:#f4f4f4; text-align:center; }
.bArea .bd ul li .p1 { padding:30px 0 20px; color:#585858; font-size:24px; background:url(hd01.jpg) no-repeat center bottom; }
.bArea .bd ul li .p2 { padding:20px 25px 0 25px; line-height:27px; color:#a09f9f; font-size:14px; }

.bArea .bd ul li .pic a { display:block; position:relative; }
.bArea .bd ul li .pic a .p1 { position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.25); z-index:9; opacity: 0; transition: all 0.5s; transform: scale(0.5); }
.bArea .bd ul li .pic a .p1 p {  position:absolute; top:25px; right:25px; bottom:25px; left:25px; z-index:9; border:4px solid #fff; }

.bArea .bd ul li .pic:hover a .p1 { opacity: 1; transform: scale(1); }




.bArea .bd ul li:nth-child(2n) .pic { position:absolute; top:240px; left:0; z-index:9; }

.cArea { padding-top:205px; height:735px; background:url(cArea.jpg) no-repeat center; }
.cArea01 { float:left; width:660px; }
.cArea01 ul { width:300px; float:left; margin-right:30px; }
.cArea01 ul li { border:10px solid #fff; width:280px; height:180px; background:#fff; margin-bottom:30px; overflow:hidden; }
.cArea01 ul li img { width:280px; height:180px; transition: all 0.6s; }
.cArea01 ul li img:hover { transform: scale(1.1)!important; }
.cArea01 ul:nth-child(2) { padding-top:30px; }

.cArea02 { float:right; width:500px; padding-top:80px; }
.cArea02 .Area-hd { color:#fff; }
.cArea02 .Area-hd p:before { background:#fff; }
.cArea02 .Area-hd p:after { background:#fff; }
.cArea02 .bd { padding-top:50px; height:225px; text-indent:2rem; color:#fff; font-size:14px; line-height:35px; text-align:justify; }
.cArea02 .more { margin:0; color:#fff; border:1px solid #fff; }