/*about*/
.fnt_120{font-size: 120px;}
@media only screen and (max-width:1660px) {
.fnt_120{font-size: 100px;}
}
@media only screen and (max-width:1440px) {
.fnt_120{font-size:80px;}
}
@media only screen and (max-width:1280px) {
.fnt_120{font-size:60px;}
}
@media only screen and (max-width:1024px) {
.fnt_120{font-size:40px;}
}

.about-part01{margin-bottom: 5%;}
.about-part01 h2{ margin-bottom: 1%; color: #000; font-weight: bold;}
.about-part01 .txt{ padding: 0 45px;}
.about-part01 .img{margin-top: 5%;position: relative;}
.about-part01 .img img{ width: 100%;}
.about-part01 .img em{position: absolute;top:0;left: 0;width:100%;height: 100%;background:url(/upload/images/aboutbg.png) no-repeat;background-size:100% 100%;}
.about-part01 .img p{position: absolute;right: 0;bottom:9%;color: #fff;width:30%;padding-right:3%;max-height: 96px;-webkit-line-clamp: 4;}

.about-part02{padding: 2% 0; background: #F8F8F8; margin-bottom:7px;}
.about-part02 li{ float: left; width: 33.33%; text-align: center; padding: 0 5%; position: relative;}
.about-part02 li::after{content:""; position: absolute; right:0; top:10%; transform:rotate(30deg); width: 1px; height:80%; background: #7F6333;}
.about-part02 li:last-child::after{display: none;}
.about-part02 li span{color:#7F6333; line-height: 1.2;}
.about-part03{margin-bottom: 5%;}
.about-part03 li{ background: #DEDCD6;}
.about-part03 .txt{ float: left; width: 50%; padding: 4% 15%;}
.about-part03 .img{ float: right; width: 50%;}
.about-part03 li:nth-child(2n) .txt{ float: right;}
.about-part03 li:nth-child(2n) .img{ float: left;}
.about-part03 .txt h2{ font-weight: bold; color: #7F6333; margin-bottom: 3%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.about-part03 .txt p{line-height: 1.5em;max-height: 9em;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;}
.about-part04{margin-bottom: 5%;}
.about-part04 h2{color: #7F6333; font-weight: bold; padding: 0 3%; margin-bottom: 2%;}
.about-part04 .tab-t{margin-bottom: 2%; padding: 0 2%;}
.about-part04 .tab-t li{ float: left; cursor: pointer; color: #000000; height: 42px; line-height: 42px; padding: 0 30px; border-radius: 30px;}
.about-part04 .tab-t li.on{color: #fff; background: #7F6333;}
.about-part04 .tab-c .item{ height: 0; overflow: hidden; position: relative;}
.about-part04 .tab-c .item.on{ height: 100%;}
.about-part04 .tab-c .item .img{ width: 54%;}
.about-part04 .tab-c .item .txt{ padding:6% 4%; position: absolute; right:5px; top:10%; height:80%; width: 55.42%; background: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);}
.about-part04 .tab-c .item h3{color: #000; line-height: 1.2;}
.about-part04 .tab-c .item h4{color: #7F6333; font-weight: bold; margin-bottom: 3%; height: 1.5em; overflow: hidden;}
.about-part04 .tab-c .item .c{ height: 16em;}
.about-part05{padding: 3% 0; background: #DEDCD6;}
.about-part05 dt{ float: left; width: 35%;}
.about-part05 dd{ float: right; width:64%; margin-top:3.5%;}
.about-part05 dt h2{line-height: 1.3;}
.about-part05 dt p{margin-top: 5%;}
.about-part05 dd .inp{ float: left; max-width: 418px; width: 42%; margin-right:5%;}
.about-part05 dd .inp input{width: 100%; height: 40px; line-height: 40px; border-bottom: 2px solid #000; background: none;}
.about-part05 dd .btn_dy{margin-top: 1.5%;display: inline-block;padding: 0 30px;height: 50px;line-height: 50px;background: #7f6333;color: #fff;border-radius: 30px;} 
.about-part05 dd .btn_dy i{margin-left: 8px;}
@media only screen and (max-width:1600px) {
.about-part03 .txt{padding: 3% 6%;}
.about-part04 .tab-c .item .txt{padding: 4%;}
.about-part04 .tab-c .item .c{ height: 15em;}
.about-part05 dd{ width: 60%;}
.about-part01 .txt{ padding: 0 20px;}
}
@media only screen and (max-width:1399px) {
.about-part05 dt{ width: 40%;}
.about-part05 dd{ width: 55%;}
}
@media only screen and (max-width:1366px) {
.about-part05 dd{margin-top: 3%;}
.about-part05 dd .btn_dy{margin-top: 4%;height: 40px;line-height: 40px;}
}
@media only screen and (max-width:1279px) {
.about-part04 .tab-c .item .c{ height: 13em;}
.about-part05 dd{margin-top: 2.5%;}

}
@media only screen and (max-width:1250px) {

.about-part03 .txt{padding:2% 3%;}
}
@media only screen and (max-width:1024px) {
/*.about-part03 .txt{padding: 5% 3%;}*/
.about-part04 h2,.about-part04 .tab-t{padding: 0;}
.about-part04 .tab-c .item .c{ height:9em;}
.about-part05 dt,.about-part05 dd{ width: 100%;}
.about-part05 dt h2 br{ display: none;}
.about-part05 dt p{margin-top: 2%;}
.about-part01 .txt{padding: 0;}
}
@media only screen and (max-width:767px) {
.about-part02{padding: 5% 0 2%;}
.about-part02 li{ width: 100%; margin: 0 0 5%;}
.about-part02 li::after{ display: none;}
.about-part03 .txt,.about-part03 .img{width:100%;}
.about-part04 .tab-t li{ height: inherit; line-height: 24px; padding: 6px 10px;}
.about-part04 .tab-c .item .img,.about-part04 .tab-c .item .txt{ width: 100%;}
.about-part04 .tab-c .item .txt{position: static; right:auto; top:auto; height:auto; padding: 5% 0 0;}
.about-part04 .tab-c .item .c{ height:auto;}
.about-part05 dd .btn_dy{ float: right;}
.about-part05 dd .inp{ width: calc(100% - 130px); margin-right: 0;}
.about-part05 dd .inp input{ height: 36px; line-height: 36px;}
.about-part01 .img em{display: none;}
.about-part01 .img p{position: static;color:#000;width: 100%;padding-right: 0;}
.about-part01 .img img{margin-bottom: 10px;}
.about-part03 .txt{padding: 20px;}
}
@media only screen and (max-width:355px) {
.about-part04 .tab-t li{padding: 6px 5px;}
}

.history-part02{padding: 5% 0 8%;background: url(/upload/images/historybg.jpg) center top no-repeat #fff; background-size: 100%;}
.history-part02 .box{margin: 0 auto; max-width: 1256px; padding-bottom:7%; position: relative;}
.history-part02 .box::before{content: ""; position: absolute; left:50%; top:0; margin-left: -70px; width:141px; height: 100%; background: url(/upload/images/history_line.jpg) center top no-repeat; background-size: cover;}
.history-part02 .box li{ float: left; width:calc(50% - 70px); clear: both; position: relative;}
.history-part02 .box li:nth-child(2n){ float: right;}
.history-part02 .box li .year{position: absolute; left:100%; top:60px; color:#fff; font-weight: bold; padding-left: 50px;}
.history-part02 .box li .year::before{content: ""; position: absolute; lefT:0; top:50%; width: 30px; height: 1px; background: #fff;}
.history-part02 .box li .cons{padding: 5% 8% 0 0;}
.history-part02 .box li .cons span{ display: block; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; color: #7F6333; font-style: italic;}
.history-part02 .box li .cons .c{ line-height: 1.8; font-style: italic;}
.history-part02 .box li .cons p{margin-bottom:5%;}
.history-part02 .box li .cons p:last-child{margin-bottom: 0;}
.history-part02 .box li:nth-child(2n) .year{left:auto; right:100%;padding-left: 0;padding-right: 50px;}
.history-part02 .box li:nth-child(2n) .year::before{left:auto; right:0;}
.history-part02 .box li:nth-child(2n) .cons{padding: 5% 0 0 8%;}
@media only screen and (max-width:1440px) {
.history-part02 .box li .year{top:50px;}
}
@media only screen and (max-width:1399px) {
    .history-part02 .box li .year{top:40px;}
}
@media only screen and (max-width:1279px) {
    .history-part02 .box li .year{top:30px;}
}
@media only screen and (max-width:767px) {
.history-part02 .box{padding-bottom: 0;}
.history-part02 .box::before{left:0; margin-left: 0; width: 5px;}
.history-part02 .box li{ width: 100%; padding-left: 5%;}
.history-part02 .box li .year{ display: none;}
.history-part02 .box li .cons{padding: 0 0 5%;}
.history-part02 .box li:nth-child(2n) .cons{padding: 0 0 5%;}
}

@media only screen and (min-width:1025px) {
    .about-part05 dd .btn_dy:hover{opacity: .8;color: #fff!important;background: none;background: linear-gradient(-45deg, #7f6333 40%, #9c8d58 50%, #7f6333 70%);background-size: 700% 100%;animation: shine 15s linear infinite;}
}

@keyframes shine {
    0% {
        background-position-x:400%;
    }
    50% {
        background-position-x:0%;
    }
    100% {
        background-position-x:-400%;
    }
}


/*1*/