main .blank {
  height: 50px;
}
main .online .inner {
  height: 500px;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
main .online .inner .content_item {
  color: rgba(112, 112, 112, 0.9);
  width: 210px;
  border-left: 3px solid white;
  padding-left: 20px;
}
main .online .inner .content_item p {
  line-height: 18px;
  font-size: 14px;
}
main .online .inner .content_item img {
  padding: 20px 0;
}
main .online .inner .content_item h5 {
  font-weight: normal;
  font-size: 18px;
}
main .online .inner .content_item h3 {
  font-weight: normal;
  font-size: 24px;
  padding-bottom: 20px;
}
main .water {
  background-color: #87c97f;
}
main .water .inner {
  background: url("../images/76.png") no-repeat 20px 20px; background-size:70px auto;
}
main .smoke {
  background-color: #4db7bc;
}
main .smoke .inner {
  background: url("../images/77.png") no-repeat 20px 20px; background-size:70px auto;
}
main .brand {
  text-align: center;
  padding-bottom: 95px;
  border-bottom: #e2e0df 0px solid;
}
#history_1{
    font-size: 14px;
}
 #history_1 {height:560px; background-color:#4db7bc; overflow:hidden;}
 #history_1 .viewport {position:relative;  margin:0 auto; width:1132px; height:100%; background:url(../images/77.png) no-repeat 2px 20px; overflow:visible;background-size:60px auto;}
 #history_1 .viewport .btn {position:absolute; top:50%; z-index:2; margin-top:-22px; width:44px; height:44px; background:no-repeat 0 0;}
 #history_1 .viewport .prev {left: -57px;background-image:url(../images/btn_prev.png);}
 #history_1 .viewport .next {right: -57px;background-image:url(../images/btn_next.png);}
 #history_1 .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
 #history_1 .viewport .wrap .item {position:absolute; bottom:-100%; width:283px; background:url(../images/p_4_3.jpg) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
 #history_1 .viewport .wrap .on {bottom:0;}
 #history_1 .viewport .wrap .item div {padding:5px 16px 5px 29px ;background:url(../images/p_4_8.png) no-repeat 0 0;}
 #history_1 .viewport .wrap .item div p {margin-bottom:20px; line-height:18px; color: #377a7f;}
 #history_1 .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font:lighter 28px "myriadsetpro" !important; color: #41858a;}
#history_1 .viewport .wrap .item div .title {display:block; font:lighter 16px "myriadsetpro" !important; color:#41858a;line-height: 20px;margin-bottom: 20px;}

#history{
    font-size: 14px;
}
#history {height:560px; background-color:#87c97f; overflow:hidden;}
#history .viewport {position:relative;  margin:0 auto; width:1132px; height:100%; background:url(../images/76.png) no-repeat 2px 20px; overflow:visible;background-size:60px auto;}
#history .viewport .btn {position:absolute; top:50%; z-index:2; margin-top:-22px; width:44px; height:44px; background:no-repeat 0 0;}
#history .viewport .prev {left: -57px;background-image:url(../images/btn_prev.png);}
#history .viewport .next {right: -57px;background-image:url(../images/btn_next.png);}
#history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#history .viewport .wrap .item {position:absolute; bottom:-100%; width:283px; background:url(../images/p_4_3.jpg) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#history .viewport .wrap .on {bottom:0;}
#history .viewport .wrap .item div {padding:5px 16px 5px 29px ;background:url(../images/p_4_2.png) no-repeat 0 0;}
#history .viewport .wrap .item div p {margin-bottom:20px; line-height:18px; color:#3c5d38;}
#history .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font:lighter 28px "myriadsetpro" !important; color:#34772b;}
#history .viewport .wrap .item div .title {display:block; font:lighter 16px "myriadsetpro" !important; color:#34772b;line-height: 20px;margin-bottom: 20px;}