.col-a { min-height: 519px; background: url(col-a.jpg) center; }
.col-a .g-in { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 89px; }
.col-a .sp { width: 1470px; padding-right: 137px; }
.col-a .intro { width: 1080px; }
.col-a .intro .pic { margin-bottom: 18px; }
.col-a .intro .desc { height: 84px; margin-bottom: 16px; padding: 0 14px; color: #837c73; font-size: 16px; line-height: 28px; }
.col-a .intro .more { width: 50px; height: 50px; margin-left: 9px; background: url(more.png) no-repeat; color: #837c73; font-size: 16px; line-height: 28px; text-align: center; }

.col-b { min-height: 941px; background: url(col-b.jpg) center; }
.col-b .g-in { padding-top: 80px; }
.col-b .hd { height: 69px; text-align: center; }
.col-b .hd li { display: inline-block; border: 1px solid transparent; padding: 0 20px; color: #fff; font-size: 16px; line-height: 32px; cursor: pointer; }
.col-b .hd li.on { border: 1px solid #fff; }

.col-b .bd ul { float: right; width: 842px; }
.col-b .bd ul li { float: left; width: 407px; margin-left: 14px; margin-bottom: 16px; }
.col-b .bd .hot { width: 358px; background: #fbefe5; }
.col-b .bd .hot .intro { position: relative; width: 358px; height: 337px; padding: 10px; }
.col-b .bd .hot .item { position: relative; height: 317px; padding: 30px 30px 0; border: 1px solid #e4cab3; background-color: #fefcf9; font-size: 16px; }
.col-b .bd .hot .item h4 { margin-bottom: 11px; font-size: 24px; font-weight: bold; line-height: 60px; }
.col-b .bd .hot .item .desc { height: 84px; margin-bottom: 40px; color: #837c73; line-height: 28px; }
.col-b .bd .hot .item .more { width: 206px; height: 50px; margin-left: 9px; background: url(more.png) no-repeat; color: #837c73; line-height: 50px; text-align: center; }
.col-b .bd .hot .item::after,
.col-b .bd .hot .item::before { position: absolute; left: -1px; top: -1px; width: 7px; height: 7px; border: 1px solid #e4cab3; content: ''; }
.col-b .bd .hot .item::before { left: auto; right: -1px; }
.col-b .bd .hot .intro::after,
.col-b .bd .hot .intro::before { position: absolute; left: 10px; bottom: 10px; width: 7px; height: 7px; border: 1px solid #e4cab3; content: ''; z-index: 1; }
.col-b .bd .hot .intro::before { left: auto; right: 10px; }

.col-c { overflow: hidden; }
.col-c img { position: relative; left: 50%; width: 1920px; transform: translateX(-50%); }

.col-d { min-height: 523px; background: url(col-d.jpg) center; }

.col-e { padding: 1px 0 1px; background: url(col-e.jpg) center; }
.col-e .item { position: relative; float: left; width: 390px; margin-right: 15px; margin-bottom: 15px; }
.col-e .item a { display: block; }
.col-e .item:nth-child(3n) { margin-right: 0; }
.col-e .item .intro { position: absolute; left: 0; bottom: 78px; padding: 0 68px; color: #fff; z-index: 9; }
.col-e .item .intro h3 { position: relative; padding-top: 30px; font-size: 30px; line-height: 48px; }
.col-e .item .intro h3::after { position: absolute; left: 0; top: 0; width: 28px; height: 2px; background-color: #fff; content: ''; }
.col-e .item .intro h4 { font-size: 16px; line-height: 32px; text-transform: uppercase; display: block; }
.col-e .item .intro .desc { height: 52px; margin-top: 11px; color: rgba(255, 255, 255, 0.58); line-height: 28px; display: none; }
.col-e .item::after { position: absolute; left: 0; right: 0; bottom: 0; height: 0; background-color: #8f343a; content: ''; z-index: 8; transition: all .3s ease; }
.col-e .item:hover::after { height: 278px; }
.col-e .item:hover .intro h4 { display: none; }
.col-e .item:hover .intro .desc { display: block; }

.col-f { background: url(col-f.jpg) center; }
.col-f .g-in { display: flex; justify-content: space-between; align-items: flex-start; padding: 90px 0; }

.hot-news { width: 633px; border: 1px solid #fff; background-color: #fff; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); }
.hot-news .intro { padding: 38px 38px 28px; }
.hot-news .intro h4 { margin-bottom: 33px; font-size: 18px; line-height: 34px; }
.hot-news .intro .desc { margin-bottom: 18px; color: #8c8c8c; font-size: 16px; line-height: 24px; }
.hot-news .intro .time { color: #c9c9c9; }

.news { width: 525px; }
.news .hd { position: relative; height: 48px; border-bottom: 2px solid #f2ebe5; }
.news .hd li { position: relative; float: left; width: 94px; height: 48px; margin-right: 34px; padding: 0 11px; font-size: 18px; line-height: 38px; cursor: pointer; }
.news .hd li.on { color: #8f343a; }
.news .hd li.on::after { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background-color: #8f343a; content: ''; z-index: 8; transition: all .3s ease; }
.news .hd .more { position: absolute; right: 0; top: 0; color: #b6b5b5; font-size: 14px; line-height: 38px; }
.news .hd .more a { color: #b6b5b5; }
.news .intro { margin-bottom: 21px; padding: 38px 0 27px; border-bottom: 2px solid #f2ebe5; }
.news .intro h4 { margin-bottom: 23px; font-size: 20px; line-height: 34px; }
.news .intro .desc { margin-bottom: 16px; color: #8c8c8c; font-size: 14px; line-height: 24px; }
.news .intro .time { color: #c9c9c9; }
.list-1 li { position: relative; padding-left: 25px; color: #9f9f9f; font-size: 16px; line-height: 38px; }
.list-1 li::after { position: absolute; top: 17px; left: 0; width: 7px; height: 7px; border-radius: 7px; background-color: #dcbb9f; content: ''; z-index: 1; }
.list-1 li span { float: right; color: #dadada; }

.col-g { padding: 55px 0 63px; background-color: #8f343a; }
.col-g .item { float: left; width: 389px; margin-right: 16px; }
.col-g .item-2 { width: 389px; height: 230px; margin-right: 16px; background: url(http://localhost/images/col-g-2.jpg) no-repeat; line-height: 71px; }
.col-g .item-2 a { margin-left: 12px; color: #726052; font-size: 14px; }
.col-g .item-3 { width: 389px; height: 230px; margin-right: 0; background: url(http://localhost/images/col-g-3.jpg) no-repeat; }
.col-g .item-3 a { display: inline-block; width: 63px; margin-right: 12px; padding: 5px 12px; border: 1px solid #ddcfb2; line-height: 30px; text-align: center; vertical-align: top; }
.col-g .item-2,
.col-g .item-3 { padding: 121px 0 0 33px; }