.base-warp{float:left; width:100%; margin:0; padding:0;}
.about-container{width:80%; margin:100px auto 90px auto}  
.about-content{width: 100%; float: left;position:relative}
.sidebar-a{width: 57%; float: left; margin-right: 10%; position:relative;}
.sidebar-b{width: 32%; float: left;position: absolute;top:50%;right: 0;transform: translate(0, -50%);}
.leftpic{width:80%; float:left; margin: 0;position:relative;}
.leftpic img{max-width:100%; height: auto}
.rightpic{width:30%; height: 200px; background-color:rgba(0,0,0,.5); float:left; margin: 0;position: absolute;top:50%;right: 0;transform: translate(0, -50%); box-shadow: rgb(0 0 0 .5) -1px 0 5px;color: #ffffff;padding-top:90px;text-align: center}
.rightpic img{max-width:100%; height: auto;}
.txitem{width: 100%;float: left;margin-bottom:15px;padding-right:15%;}
.txitem{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;}
.txitem.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.txitem h2{font-size: 20px; margin-bottom:10px;font-weight: 400}
.txitem h2 span{font-weight: 600;color: #ac8028;font-size: 22px}
.txitem p{line-height: 2em; font-size: 15px;text-align:justify;margin-bottom: 15px;}
.bottomtx{width: 100%;float: left;margin-top:40px;text-align: center;}
.bottomtx{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;}
.bottomtx.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.bottomtx span{display: inline-block;font-weight: 600}
.warpb{float:left; width:100%; margin:0;background-color: #F6F6F6}
/*team*/
.teamwarp{width:100%; float:left; margin:0; background-color:#f0f0f0;position: relative}
.team{width:80%; margin:0 auto; padding:90px 0 20px}
.teambox{width:100%;float: left;margin-bottom: 70px}
.boss{width:25%;float: left;margin:0 6% 0 15%;}
.boss img{max-width: 100%; height: auto;}
.teamleft{width:40%; float:left; margin:0;line-height: 1.4em}
.teamtx{width:100%;float:left; margin:0 0 35px; border-left: 2px solid #000;padding-left: 12px;padding-bottom: 2px;}
.teamtx h2{font-size:22px; line-height: 1em;}
.teamtx h3{margin:0 0 15px;color: #666;font-size:16px;}
.teamtop{width:100%; float:left;padding-left: 14px}
.teamtop{opacity: 0;-moz-transform: translateX(20px);-ms-transform: translateX(20px);-webkit-transform: translateX(20px);transform: translateX(20px);-moz-transition: opacity 0.8s, -moz-transform 0.8s;-o-transition: opacity 0.8s, -o-transform 0.8s;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.teamtop.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.teamtop h2{margin:0 0 6px}
.teamtop p{margin:0 0 25px; font-size: 16px}
.txbold{font-weight: 500;font-size: 16px;margin-bottom:10px;display: block}
.teamlist{float:left; width:100%; margin:0 0 20px;padding-left: 14px}
.teamlist{opacity: 0;-moz-transform: translateX(20px);-ms-transform: translateX(20px);-webkit-transform: translateX(20px);transform: translateX(20px);-moz-transition: opacity 0.8s, -moz-transform 0.8s;-o-transition: opacity 0.8s, -o-transform 0.8s;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.teamlist.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
  .teamlist ul{list-style-type:none;margin: 0;}
  .teamlist li{margin:0 0 5px 0;font-size:16px; }
.team-award{float:left; width:100%; margin:0 0 20px;padding-left: 14px}
.team-award{opacity: 0;-moz-transform: translateX(20px);-ms-transform: translateX(20px);-webkit-transform: translateX(20px);transform: translateX(20px);-moz-transition: opacity 0.8s, -moz-transform 0.8s;-o-transition: opacity 0.8s, -o-transform 0.8s;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.team-award.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
  .team-award ul{list-style-type:none;margin: 0;}
  .team-award li{margin:0 0 3px 0;font-size:15px; }
.sidebar{width:35%;position: absolute;top:20%;left: 0}
.teamsubile{font-size:16px;margin-left:27%}
.teamsubile:before{content: ''; position: absolute;top:50%;left: 0;transform: translate(0, -50%);width:25%; height: 1px; background-color: #959595;}

.c-bg{width:100%;float: left; margin:0}
.award-main{width:1200px; margin:60px auto 30px}  
.awtitle{width:100%; float:left; margin:0 0 30px 0; text-align: center;}
.awtitle h2{width:100%;margin:0; line-height:1.8em; font-size:24px; font-weight:400;}
.award{width:100%; float:left;margin:10px 0 0;position:relative;}
.awardright{width: 100%;float: left;text-align: center;margin-bottom:40px}
.col{width:auto; padding:8px;margin:0;display: inline-block;}
.col{opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity 0.8s, -moz-transform 0.8s;-o-transition: opacity 0.8s, -o-transform 0.8s;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.col.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
 .col img{max-height:66px;margin:0 auto; display:block} 
 .col img{transform:scale(1,1);transition: all 1s ease-out;}
 .col img:hover{transform:scale(1.1,1.1);}
.award-box{width:100%; float:left;}
.award-item{float:none;width:48%; margin:0 1% 50px;display: inline-block;vertical-align:top;}
.award-item ul { margin:0; padding:0; list-style:none; }  
 .award-item li {margin:0; line-height: 1.8em;} 
.award-item li{opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity 0.8s, -moz-transform 0.8s;-o-transition: opacity 0.8s, -o-transform 0.8s;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.award-item li.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.award-item li a{font-size:15px; line-height: 1.8em;text-decoration:none;}
.award-item li a:hover {color: #a69494;text-decoration: none;}
 .year{font-size:14px; margin-bottom: 15px;display: block;}

@media only screen and (max-width: 1600px) {
.about-container{width:88%; margin:90px auto 80px}  
.team{width:82%; padding:80px 0 0}
.teambox{margin-bottom:60px}
.teamleft{width:46%}
.award-main{width:85%; margin:50px auto 20px}  
}
@media only screen and (max-width: 1200px) {
.about-container{width:90%; margin:70px auto 60px auto}
.sidebar-a{width: 57%;margin-right: 8%;}
.sidebar-b{width: 34%;top:48%;transform: translate(0, -52%);}
.txitem{margin-bottom:10px;padding-right:0;}
.team{width:85%; padding:65px 0 0}
.boss{width:29%;float: left;margin:0 6% 0 14%}
.teamleft{width:51%}
.sidebar{width:30%;position: absolute;top:15%;left: 0}
.teamsubile{font-size:16px;margin-left:25%}
.teamsubile:before{content: ''; position: absolute;top:50%;left: 0;transform: translate(0, -50%);width:23%; height: 1px; background-color: #959595;}
.teambox{margin-bottom:40px}
.award-main{width:88%; margin:40px auto 0;}  
.awardright{margin-bottom: 20px;}
}
@media only screen and (max-width: 980px) {
.about-container{margin:60px auto;}
.sidebar-a{width:90%;margin:0 5% 40px;}
.sidebar-b{width:90%;margin: 0 5%; position:static;transform: translate(0, 0);}
.bottomtx{width:90%;margin:0 5%}
.team{width:85%; padding:60px 0 0}
.teamleft{width:42%; float:left; margin:0;line-height: 1.4em}
.sidebar{width:35px;writing-mode: vertical-rl;font-size:16px; position:absolute; left:0; top:100px;transform: translate(0, 0);}
.teamsubile{font-size:16px;margin-left:25%;transform:rotate(-180deg);}
.teamsubile:before{display: none}
.boss{width:31%;margin:0 7% 0 2%}
.teamleft{width:60%}
.award-main{margin:40px auto 10px;}  
.award-item{float:none;width:90%; margin:0 5% 40px;}
.awtitle{margin:0 0 20px 0}
}
@media only screen and (max-width:767px) {
.team{width:85%; padding:50px 0 0}
.boss{width:55%;margin:0 22.5% 40px}
.teamleft{width:60%;margin: 0 20%}
.teambox{margin-bottom:30px}
}
@media only screen and (max-width: 550px) {
.about-container{width:90%; margin:40px auto}
.sidebar-a{width:100%;margin:0 0 25px;}
.boss{width:80%;margin:0 10% 30px}
.teamleft{width:100%;margin:0}
.team{padding:40px 0 0}
.teambox{margin-bottom:20px}
.award-item{width:94%; margin:0 3% 30px;}
.award-main{width: 92%; margin:25px auto 0}  
.awtitle{margin:0 0 10px 0;}
.awtitle h2{line-height:1.5em; font-size:22px;}
.col{padding:0 5px;display: inline-block;}
 .col img{max-height:60px} 
.award-box{width:96%;margin: 0 2%}
}