.col-a{padding: 60px 0 40px;}
.col-a ul{display: flex;justify-content: space-between;}
.col-a ul li .desc{display: flex;}
.col-a ul li .mt1{color: #63503f;font-size: 68px;font-weight: bold;line-height: 55px;height: 55px;margin-right: 12px;}
.col-a ul li .mt2{color: #a29487;font-size: 16px;line-height: 16px;height: 16px;}
.col-a ul li .tle{color: #353535;font-size: 16px;line-height: 26px;margin-top: 20px;}

.col-b{padding: 86px 0 0;background: #f4f1e8;}
.col-b .bd{display: flex;}
.col-b-left{width: 640px;}
.col-b-left .pc{ overflow: hidden; border-top-left-radius:50px; position: relative;}
.col-b-left .pc .play{ width: 78px; height: 78px; position: absolute; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);top: 50%;}
.col-b-right{width: calc(100% - 640px);padding-left: 65px;box-sizing: border-box;}
.col-b-right .hd .mt{color: #63503f;font-size: 28px;font-weight: bold;line-height: 62px;height: 62px;display: flex;}
.col-b-right .hd .mt i{color: #b95c23;font-size: 52px;font-style: normal;line-height: 62px;margin-right: 44px;}
.col-b-right .hd .mt1{color: #282828;font-size: 16px;font-weight: bold;line-height: 26px;margin-top: 18px;}
.col-b-right .bdd .desc{color: #282828;font-size: 16px;line-height: 28px;margin-top: 50px;opacity: 0.8;	overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:4;height: 112px;}
.col-b-right .bdd ul{display: flex;justify-content: space-between;width: 100%;margin-top: 58px;}
.col-b-right .bdd ul li a{width: 273px;height: 140px;border-radius: 10px;border: solid 1px #a29487;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.col-b-right .bdd ul li a .img01{display: none;}
.col-b-right .bdd ul li a .mt{color: #917c6d;font-size: 18px;line-height: 28px;margin-top: 15px;}
.col-b-right .bdd ul li:hover a{background: #a29487;}
.col-b-right .bdd ul li:hover a .mt{color: #ffffff;}
.col-b-right .bdd ul li a .img01{display:none;}
.col-b-right .bdd ul li:hover a .img01{display: block;}
.col-b-right .bdd ul li:hover a .img02{display: none;}

.col-c{background: #f4f1e8;padding: 101px 0 0;}
.col-c .bd{margin-top: 91px;}
.col-c .bd .b-hd ul{ width: 1280px; position: relative; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); display: flex;z-index: 999;}
.col-c .bd .b-hd ul li{width: 16.666666%;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 171px;position: relative;}
.col-c .bd .b-hd ul li .tle{color: #63503f;font-size: 18px;line-height: 28px;margin-top: 20px;}
.col-c .bd .b-hd ul li .img02{display: none;}
.col-c .bd .b-hd ul li.on .img02{display: block;}
.col-c .bd .b-hd ul li.on .img01{display: none;}
.col-c .bd .b-hd ul li.on{background: #a29487;}
.col-c .bd .b-hd ul li.on .tle{color: white;}
.col-c .bd .b-hd ul li.on::after{content: "";position: absolute;left: 0;width: 100%;height: 37px;background: #a29487;top: 171px;z-index: 999;}
.col-c .bd .b-bdbox{position: relative;}
.col-c .bd .b-bdbox .desc{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0, 0, 0, 0.7);height: 176px;padding:  0 322px 0 322px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.col-c .bd .b-bdbox .desc .tle a{color: #f4f1e8;font-size: 24px;line-height: 34px;background: url(icon3.png) no-repeat left center;padding-left: 58px;}
.col-c .bd .b-bdbox .desc .mt{width: 560px;color: #f4f1e8;line-height: 28px;font-size: 16px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 7px;}
.col-c .bd .b-bdbox .desc .more a{display: flex;width: 166px;height: 43px;border-radius: 10px;border: solid 1px #f4f1e8;font-size: 16px;color: #f4f1e8;align-items: center;justify-content: center;}
.col-c .bd .b-bdbox .desc .more a img{margin-left: 5px;}

.col-d{background: #f4f1e8;padding: 105px 0 0;}
.col-d .bd{margin-top: 85px;display: flex;align-items: unset;justify-content: space-between;position: relative;}
.col-d .bd .bd1:nth-child(2){height: 100%;}
.col-d .bd .bd1:nth-child(2) .pc-box pic  img{height: 100%;}
.col-d .bd .bd1{width: 34.27%;}
.col-d .bd .bd2{ width: calc(31.46% - 20px); position: absolute; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); top: 0;height: 100%;}
.col-d .bd .bd2 .pc-box{height: 100%;}
.col-d .pc-box{position: relative;}
.col-d .pc-box .desc{ position: absolute; left: 0; width: 100%; top: 0; height: 0; background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; overflow: hidden; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; }
.col-d .pc-box .desc .mt{color: white;font-size: 27px;line-height: 37px;}
.col-d .pc-box .desc .mt:first-child{margin-bottom: 11px;}
.col-d .pc-box .desc .more{display: flex;width: 181px;height: 43px;border-radius: 10px;border: solid 1px #fff;font-size: 16px;color: #fff;align-items: center;justify-content: center;opacity: 0.5;margin-top: 45px;}
.col-d .pc-box .desc .more img{margin-left: 17px;}
.col-d .pc-box:hover .desc{height: 100%;}
.col-d .bd1 .pc-box  .pic img{width: 100%;}
.col-d .bd1 .pc-box:last-child{margin-top: 15px;}
.col-d .bd2 .pc-box:last-child{margin-top: 0;}
.col-d .bd2 .pc-box  .pic{height: 100%;}
.col-d .bd2 .pc-box  .pic img{width: 100%;height: 100%;}

.hd-box{text-align: center;}
.hd-box h3{color: #63503f;font-size: 32px;line-height: 42px;}
.hd-box h5{color: #63503f;font-size: 32px;line-height: 42px;opacity: 0.3;margin-top: 14px;}

.col-e{background: #f4f1e8;padding: 110px 0 58px;}
.col-e .bd{margin-top: 75px;overflow: hidden;}
.col-e .bd a{display: block;position: relative;}
.col-e .bd .time{font-size: 40px;color: #191919;line-height: 50px;height: 40px;}
.col-e .bd .time i{font-style: normal;color: #191919;opacity: 0.5;margin-left: 22px;font-size: 16px;}
.col-e .bd .mt{font-size: 18px;color: #191919;line-height: 28px;margin-top: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-e .bd .mc{font-size: 18px;color: #191919;line-height: 30px;margin-top: 35px;opacity: 0.5;margin-top: 19px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.col-e .bd .a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f4f1e8;border: solid 1px #cccccc;box-sizing: border-box;padding: 52px 34px 0 39px;}
.col-e .bd .a:hover{background: transparent;}
.col-e .bd .a:hover .time{color: white;}
.col-e .bd .a:hover .time i{color: white;}
.col-e .bd .a:hover .mc{color: white;}
.col-e .bd .a:hover .mt {color: white;}

.col-form{background: #414141;padding: 147px 0 103px;}
.col-form .hd h3{color: #f4f1e8;}
.col-form .hd h5{font-size: 20px;font-weight: normal;color: #f4f1e8;opacity: 1;line-height: 30px;margin-top: 8px;}
.col-form .bd .input{display: flex;justify-content: space-between;}
.col-form .bd .input input{width: 420px;height: 63px;background-color: #ffffff;border-radius: 5px;border: solid 1px #898989;padding:  0 28px;box-sizing: border-box;color: #59341a;font-size: 16px;}
.col-form .bd .input input:-moz-placeholder {  
    color: #59341a;  
}  
.col-form .bd .input input:-ms-input-placeholder {  
    color: #59341a;  
}  
.col-form .bd .input input::-webkit-input-placeholder {  
    color: #59341a;  
}
.col-form .bd input[type="submit"]{	width: 150px;height: 56px;background-color: #b95c23;border-radius: 5px;color:  white;font-size: 16px;margin:  59px auto  0;display: block;}