.about-wrapper{width:100%; float: left; margin:60px 0 90px;}
.about-top{width:1300px; margin:0 auto; text-align: center;}
.basetitle{float:left;width:100%;text-align: center}
.basetitle{opacity: 0;-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.basetitle.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.basetitle h1{font-size:30px; font-weight: 500;letter-spacing: 0.1em;text-indent: 0.1em;margin-bottom:40px; }
.basesubtitle{float:left;width:100%;text-align: center}
.basesubtitle h2{font-size:30px; font-weight: 500;letter-spacing: 0.1em;text-indent: 0.1em;margin-bottom:40px; }
.info-zx{width:1100px;float:left;margin: 0 100px 30px;text-align:left}
.info-zx p{line-height:2em;font-size: 18px;margin-bottom:20px;text-align:justify;}
.about-pic{width:100%;float: left; text-align: center;}
.about-pic img{max-width:100%; height:auto; margin: 20px auto 0;}
.list-bottom{margin: 0 0 30px}
.margin-top{margin-top: 30px}
.list-sbottom{margin: 0 0 30px}
@media screen and (max-width: 1600px) {
.about-wrapper{margin:50px 0 70px}
.about-top{width:1160px;}
.info-zx{width:90%;margin: 0 5% 20px;}
}
@media screen and (max-width: 1200px) {
.about-wrapper{margin:35px 0 55px}
.about-top{width:90%;}
}
@media screen and (max-width: 980px) {
.about-wrapper{margin:30px 0 45px;}
.basetitle h1{margin-bottom:25px;font-size: 28px}
.basesubtitle h2{margin-bottom:25px;font-size: 28px}
.info-zx{width:100%;margin: 0 0 25px;}
.info-zx p{line-height:1.8em;font-size:18px;margin-bottom:15px}
}
@media screen and (max-width: 767px) {
.basetitle h1{font-size: 26px;}
.basesubtitle h2{font-size: 26px;}	
}
@media screen and (max-width: 550px) {
.about-wrapper{margin:25px 0 30px;}
.basetitle h1{font-size: 24px;margin-bottom:15px;}
.basesubtitle h2{font-size: 24px;margin-bottom:15px;}
.info-zx{margin:0}
.about-pic img{margin:15px auto 0;}
}

.warp-history{ width: 100%; float: left; background-color: #f6f6f6;}
.history-row{width:1000px; margin:75px auto}
.history-content{float:left;width:100%; margin:20px 0 0 0}
.history-item{float:left;width:100%; margin:0 0 20px; padding-bottom:20px; border-bottom: 1px dotted #bbb}
.history-item{opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.history-item.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.history-year{float:left;width:16%; margin:0; font-size:40px;font-weight:500; line-height: 1em;}
.history-info{width:84%; float: left;padding-top:6px;}
.history-tx{width:100%; float:left;margin-bottom: 10px; padding-left:20px;font-size:18px;position:relative;}
.history-tx::after{position: absolute;content: "\f054";font-family: "Font Awesome 5 Free" !important; font-weight: 700; font-size:15px;left: 0;top:0;color: #a86828;}
.history-pic{width:100%;float:left; margin:10px 0; padding-left:20px;}
.history-pic img{max-width:90%;margin:0;display: block;}

@media only screen and (max-width: 1600px) {
.history-row{width:1000px; margin:65px auto}
}
@media only screen and (max-width: 1200px) {
.history-row{width:85%; margin:55px auto 45px;}
}

@media only screen and (max-width:980px) {
.history-row{ margin:45px auto 25px;}
.history-year{width:18%; margin:0; font-size:34px;}
.history-info{width:82%; padding-top:4px;}
}
@media only screen and (max-width:550px) {
.history-row{ margin:30px auto 20px;}
.history-content{margin:5px 0 0 0}
.history-year{width:100%; font-size:30px;margin-bottom: 10px}
.history-info{width:100%; padding-top:4px;}
.history-item{margin:0 0 20px; padding-bottom:10px}
}

.warp-organize{ width: 100%; float: left;}
.organize-row{width:1000px; margin:75px auto 80px}
.organize-content{width:100%;float:left;margin: 20px 0}
.organize-content img{max-width:900px;height: auto;margin: 0 auto;display: block}
.cutter-title{width:100%;font-size:26px;font-weight: 500; margin-bottom: 40px; text-align: center;color: #0a3962;letter-spacing: 0.1em;text-indent:-0.1em}
.framewarp{width:100%;float: left;position:relative;padding-bottom: 50px;}
.framewarp2{width:88%;float: left;position:relative;border-top: 3px solid #666;margin:0 6%}
.framewarp3{width:100%;float: left;position:relative;}
.framebottom{width:100%;float: left}
.framebox{width:38%;line-height:50px;padding:16px 10px 15px; float: left; margin:0 31%;background-color: #057ac0;border-radius:10px;color: #fff; text-align: center;font-size:26px;}
.framebox3{width:28%;line-height: 50px;padding:12px 10px 15px; float: left; margin:0 36%;background-color: #1596cf;color: #fff; border-radius:10px;text-align: center;font-size:24px;}
.frameline{width: 3px; height:55px;position:absolute; left:49.8%;bottom:0;background-color: #666;z-index: -1}
.frame-leftline{width: 3px; height:100px;position:absolute; left:42%;bottom:0;background-color: #666;z-index: -1}
.frame-rightline{width: 3px; height:100px;position:absolute; right:42%;bottom:0;background-color: #666;z-index: -1}
.horizontal-line{width: 100%;float: left; height: 3px;background-color: #666;margin-top: 50px;}
.organize-salesman{background-color: #a57f5a; position:absolute; left:0;top:60px;}
.organize-administrative{background-color: #a57f5a; position:absolute; left:55px;top:60px;}
.organize-finance{background-color: #a57f5a; position:absolute; left:100px;top:60px;}
.organize-salesman,.organize-administrative,.organize-finance{width:125px;height:310px;font-size:20px;font-weight: 500;text-align: center;padding:12px;border-radius:10px;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;line-height:100px;color: #fff}
.organize-rendering{width:125px;height:310px;float: left;background-color: #a57f5a; position:absolute; right:0;top:60px;font-size:20px;font-weight: 500;text-align: left;padding:12px;border-radius:10px;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;line-height:1.2em;color: #fff;display:block}
.organize-rendering span{font-size:16px;font-weight:400;margin-top:15px;display: block}
.salesman-line{width: 3px;height: 63px;position: absolute;left:6%;bottom: 300px;background-color: #666;z-index: -1;margin-left:45px;}
.administrative-line{width: 3px;height: 63px;position: absolute;left:80px;bottom: 300px;background-color: #666;z-index: -1;margin-left:37px;}
.finance-line{width: 3px;height: 63px;position: absolute;left:125px;bottom: 300px;background-color: #666;z-index: -1;margin-left:37px;}
.rendering-line{width: 3px;height: 63px;position: absolute;right:60px;bottom: 300px;background-color: #666;z-index: -1;margin-left:37px;}
.rendering-st{float: left}
.corrow{width:100%;float: left;position:relative;font-size: 0}
.corbox{width:25%;padding-bottom:360px; float: left;text-align: center;position:relative;}
@media only screen and (max-width: 1600px) {
.organize-row{width:1000px; margin:65px auto 50px}
}
@media only screen and (max-width: 1200px) {
.organize-row{width:860px; margin:55px auto 40px;}
.framewarp2{width:86%;margin:0 7%}
.organize-administrative{position:absolute; left:35px;top:60px;}
.administrative-line{position: absolute;left:58px;bottom: 300px;}
.organize-finance{position:absolute; left:65px;top:60px;}
.finance-line{position: absolute;left:90px;bottom: 300px;}
.organize-content img{max-width:100%;}
}
@media only screen and (max-width:980px) {
.organize-content{margin:10px 0}
.organize-row{ width:700px;margin:45px auto 50px;}
.framewarp2{width:84%;margin:0 8%}
.organize-administrative{position:absolute; left:25px;top:60px;}
.administrative-line{position: absolute;left:48px;bottom: 300px;}
.organize-finance{position:absolute; left:40px;top:60px;}
.finance-line{position: absolute;left:65px;bottom: 300px;}
.organize-rendering{position:absolute; right:0;top:60px;}
.rendering-line{width: 3px;height: 63px;position: absolute;right:55px;bottom: 300px;background-color: #666;z-index: -1;margin-left:37px;}
}
@media only screen and (max-width:767px) {
.organize-row{ width:500px;margin:45px auto 30px;}
.framebox{width:50%;line-height:32px;padding:8px 8px 10px 8px; margin:0 25%;font-size:20px;}
.framebox3{width:40%;line-height: 32px;padding:8px 8px 10px 8px; margin:0 30%;font-size:18px;}
.frameline{height:30px;}	
.framewarp{padding-bottom: 30px;}	
.framewarp2{width:87%;margin:0 6.5%}
.organize-salesman{position:absolute; left:0;top:32px;}
.organize-administrative{position:absolute; left:0;top:32px;}
.organize-finance{bposition:absolute; left:0;top:32px;}
.organize-rendering{width:100px;height:303px; position:absolute; right:0;top:32px;font-size:18px;padding:8px}
.organize-salesman,.organize-administrative,.organize-finance{width:50px;height:303px;padding:10px;line-height:36px;font-size:18px;}	
.salesman-line{width: 3px;height:35px;position: absolute;left:0;bottom: 303px;margin-left:25%}
.administrative-line{width: 3px;height: 35px;position: absolute;left:0;bottom: 303px;margin-left:25%;}
.finance-line{width: 3px;height: 35px;position: absolute;left:0;bottom: 303px;margin-left:25%;}
.rendering-line{width: 3px;height: 35px;position: absolute;right:25%;bottom: 303px;margin-left:0;}
.corbox{width:25%;padding-bottom:335px;}
}
@media only screen and (max-width:550px) {
.organize-row{width: 90%; margin:30px auto;}
}

.duty-wrapper{width:100%; float: left; margin:0 0 60px;}
.duty-picbox{width:100%;float: left;position: relative;}
.duty-picbox img{max-width:100%; height:auto; margin: 0 auto;display: block}
.dutytx{width:70%;position:absolute;bottom:-70px;left:-70px;background-color:rgba(165,127,90,.95);padding:60px 60px 60px;color: #fff}
.dutytx h2{text-align: left;font-size:32px; font-weight: 600;letter-spacing: 0.05em;margin-bottom:30px; }
.dutytx p{line-height:2em;font-size: 18px;text-align:justify;}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1200px) {
.dutytx{width:80%;position:absolute;bottom:-50px;left:-2.5%;padding:35px 35px 35px 40px}
.dutytx h2{font-size:30px; margin-bottom:25px; }
}
@media only screen and (max-width: 980px) {
.dutytx{width:90%;position:absolute;bottom:-50px;left:-2.5%;padding:30px 30px 25px}
.dutytx h2{font-size:26px; margin-bottom:15px; }
.dutytx p{line-height:1.8em;font-size: 17px;}
}
@media only screen and (max-width: 767px) {
.dutytx{width:100%;float: left; position:static;bottom:0;left: 0;margin-top:0px}
.dutytx h2{font-size:24px; margin-bottom:15px; }
.dutytx p{line-height:1.8em;font-size: 17px;}
.duty-wrapper{margin:0 0 10px;}
}
@media only screen and (max-width: 550px) {
.dutytx p{line-height:1.8em;font-size: 17px;}
.duty-wrapper{margin:0 0 10px;}
}