@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot~srf3rx.eotx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefixx") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf~srf3rx.ttfx") format("truetype"), url("../fonts/icomoon/icomoon.woff~srf3rx.woffx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoonn") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei",sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #666;
  background: #fff;
}

.paginate {
  text-align: center;
}
.paginate ul li span {
  background-color: #33CC66 !important;
  color: #fff !important;
  border: 0px !important;
  width: 45px;
  height: 45px;
  line-height: 27px;
  border-radius: 50% !important;
  margin: 0px 10px;
}
.paginate ul .disabled span {
  background-color: #fff !important;
  color: #454444 !important;
}

#page {
  position: relative;
  overflow-x: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas #page {
  overflow: hidden;
  position: relative;
}
.offcanvas #page:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  content: "";
}

a {
  color: #454444;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus ,a.current,.current a{
  color: #028803;
  outline: none;
  text-decoration: none;
}

p {
  margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, figure {
  color: #000;
  font-family: "PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei";
  font-weight: 400;
  margin: 0 0 20px 0;
}

::-webkit-selection {
  color: #fff;
  background: #33CC66;
}

::-moz-selection {
  color: #fff;
  background: #33CC66;
}

::selection {
  color: #fff;
  background: #33CC66;
}
.b1{
  width:100%;
  height:auto;
  background-color:#ccab70;
}
.b2{
  width:100%;
  height:auto;
  background-color:#3a7183;
}
.b3{
  width:100%;
  height:auto;
  background-color:#993521;
}
.l-3{
  line-height: 3;
}
.l-2{
  line-height: 2;
}
.t-2{
  font-size:16px;
}
.t-3{
  font-size:18px;
}
.t-4{
  font-size:20px;
}
.b-2{
  font-weight: 700;
}
.n-2{
  text-indent: 32px;
}
.green{
  color:#028803;
}
.btn-more{
  display:inline-block;
  height:38px;
  width:150px;
  text-align: center;
  font-size:14px;
  color:#028803;
  line-height: 38px;
  background-color:#fff;
  box-shadow:1px 1px 5px rgba(100,100,100,.2);
}
.btn-more span{
  color:#999;
  padding-left:15px;
}
.btn-more:hover{
  color:#fff;
  background-color:#028803;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn-more:hover span{
  color:#fff;
  padding-left:30px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.float-r{
  display:block;
  float:right;
}
.float-l{
  display:block;
  float:left;
}
.btn-more-none{
  display:inline-block;
  padding:8px 20px;
  color:#028803;
  font-size:14px;
}
.btn-more-none span{
  padding-left:5px;
  color:#999;
}
@media (min-width: 1260px) {
  .container {
    width: 1230px;
  }
}

.fh5co-nav {
  position: relative;
  top: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 1001;
  background: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 1260px){
  .fh5co-nav ul li a{padding: 0 10px !important;}
}
@media screen and (max-width: 768px) {
  .fh5co-nav {
    padding: 50px 0;
    padding-top:10px;

  }
}
.fh5co-nav #fh5co-logo {
  font-size: 24px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  position:relative;
}
.fh5co-nav #fh5co-logo .logo{
  position:absolute;
  top:0;
  width: 320px;
  height:100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.fh5co-nav .nav-tel{
  position:absolute;
  top:50%;
  right:0;
  margin-top:-12px;
}
.fh5co-nav .nav-tel h3{
  font-size:24px;
  color:#028803;
  font-weight: 700;
  padding-right:100px;
}
@media screen and (max-width: 768px) {
  .fh5co-nav #fh5co-logo .logo{
    height:80px;
    margin-bottom: 0;
  }
  .fh5co-nav #fh5co-logo .logo{
    background-size:70%;
    background-position: left;
  }
  .fh5co-nav .nav-tel h3{
    font-size:20px;
    color:#028803;
    padding-right:50px;
  }
}
.fh5co-nav #fh5co-logo a > span {
  color: #F73859;
}
.fh5co-nav a {
  padding: 5px 10px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .fh5co-nav .menu-1 {
    display: none;
  }
}
.fh5co-nav ul {
  padding: 0;
  margin: 0;
  text-align: right;
}
.fh5co-nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}
.fh5co-nav ul li a {
  font-size: 16px;
  display: inline-block;
  padding: 0 21px;
  line-height: 100px;
  color: #444343;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-bottom:4px solid transparent;
}

.fh5co-nav ul li a:hover, .fh5co-nav ul li a:focus, .fh5co-nav ul li a:active {
  color: #028803;
  border-bottom-color:#028803;
}
.fh5co-nav ul li.has-dropdown {
  position: relative;
}
.fh5co-nav ul li.has-dropdown .dropdown {
  min-width: 100%;
  width:auto;
  white-space: nowrap;
  -webkit-box-shadow: 0px 8px 13px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 8px 13px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 8px 13px -9px rgba(0, 0, 0, 0.75);
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 104px;
  left: 0;
  text-align: center;
  background: #fff;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

.fh5co-nav ul li.has-dropdown .dropdown li {
  display: block;
}
.fh5co-nav ul li.has-dropdown .dropdown li a {
  padding: 0 5px;
  display: block;
  color: #fff;
  line-height: 36px;
  text-transform: none;
  font-size: 14px;
  background-color:#028803;
  border:none;
  color: #028803;
  background-color: #fff;
}
.fh5co-nav ul li.has-dropdown .dropdown li a:hover {
  color: #028803;
  background-color:#fff;
  background-color: #028803;
  color: white !important;
}
.fh5co-nav ul li.has-dropdown:hover a, .fh5co-nav ul li.has-dropdown:focus a {
  color: #028803;
}
.fh5co-nav ul li.btn-cta a {
  color: #F73859;
}
.fh5co-nav ul li.btn-cta a span {
  background: #f35f55;
  color: #fff;
  padding: 4px 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.fh5co-nav ul li.btn-cta a:hover span {
  background: #f14034 !important;
  -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}
.fh5co-nav ul li.active > a {
  color: #028803;
  position: relative;
  border-bottom-color:#028803;
}
.scrolled .fh5co-nav {
  background: #fff;
  padding: 0;
  -webkit-box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  position: fixed;
}
.scrolled .fh5co-nav a {
  color: #0b0b0c;
}
.scrolled .fh5co-nav #fh5co-logo .logo {
  height:80px;
  background-position:0;
}
.scrolled .fh5co-nav ul li a:hover, .scrolled .fh5co-nav ul li a:focus, .scrolled .fh5co-nav ul li a:active {
  color: #028803 !important;
}

.scrolled .fh5co-nav ul li.has-dropdown:hover > a, .scrolled .fh5co-nav ul li.has-dropdown:focus > a {
  color: #028803;
}
.scrolled .fh5co-nav ul li a {
  line-height: 80px;
}
.scrolled .fh5co-nav ul li.has-dropdown .dropdown {
  top:84px;
}

@media screen and (max-width: 768px) {
  .scrolled .fh5co-nav {
    padding-top:0;
    padding-bottom:40px;
    opacity: 0.8;
  }
}


#fh5co-header,
#fh5co-culture,
.fh5co-bg {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

#fh5co-header{
  z-index: 1;
  width:100%;
  /* height:675px; */
}
#fh5co-header.header-img{
}
#fh5co-banner{
  margin-bottom:1em;
  z-index: 1;
  top:80px;
  width:100%;
  height:420px;
}
/*fix weixin z-index bug*/
#fh5co-banner .header-banner,#fh5co-header.header-img .header-banner{
  position:relative;
  height:100%;
  z-index: 0;
}
#fh5co-banner .header-banner img{
  width:100%;
}
#fh5co-banner .header-banner img{
  position:absolute;
  height:100%;
  left:50%;
  margin-left:-960px;
  width: auto;
}
@media screen and (max-width: 768px){
  #fh5co-banner .header-banner{height:140px;}
  #fh5co-banner .header-banner img{
    margin-left:-320px;
  }
  #fh5co-banner{height: auto;}
  .fh5co-top-nav .top-nav ul{padding: 0 !important;}
}



.header-mt{
  margin-top:600px;
}
.header-page-mt{
  margin-top: -106px;
}
.fh5co-bg {
  background-size: cover;
  background-position: center center;
  position: relative;
  width: 100%;
  float: left;
  position: relative;
}

#fh5co-header a {
  color: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#fh5co-header .swiper-container{width: 100%;height: 100%;}
#fh5co-header .swiper-container img{
  width: 100%;
}
#fh5co-header .swiper-container img.pc650{display:block}
  #fh5co-header .swiper-container img.mm650{display:none}
#fh5co-header .swiper-container .swiper-slide a{
  display:block;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
}
.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{
  width:72px;
  height:120px;
  margin-top:-60px;
  background-size:auto;
}
@media screen and (max-width: 768px){
  .header-mt{
    margin-top:400px;
  }
  .header-page-mt{
    margin-top: 0;
  }
  .swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{
    width:36px;
  }
  .swiper-pagination-bullet {
    width: 35px;
    height: 4px;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
}
.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{
  background-image:url(../images/np.png);
}
.swiper-container .swiper-button-prev{
  background-position:0 100%;
}
.swiper-container .swiper-button-prev:hover{
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-position:0 0;
}
.swiper-container .swiper-button-next{
  background-position:100% 100%;
}
.swiper-container .swiper-button-next:hover{
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-position:100% 0;
}
@media screen and (max-width:768px){
  #fh5co-header .swiper-container{/* height: 230px; */}
  #fh5co-header{/* height:230px */}
}

#fh5co-header a:hover {
  color: white;
  border-bottom: 1px solid white;
}

.fh5co-cover {
  height: 900px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%;
}
.fh5co-cover .overlay {
  z-index: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  /*background: rgba(42, 51, 86, 0.9);*/
  background: rgba(23, 86, 150, 0.6);
}
.fh5co-cover > .fh5co-container {
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .fh5co-cover {
    height: 600px;
  }
}
.fh5co-cover .display-t,
.fh5co-cover .display-tc {
  z-index: 9;
  height: 900px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fh5co-cover .display-t,
  .fh5co-cover .display-tc {
    height: 600px;
  }
}
.fh5co-cover.fh5co-cover-sm {
  height: 600px;
}
@media screen and (max-width: 768px) {
  .fh5co-cover.fh5co-cover-sm {
    height: 400px;
  }
}
.fh5co-cover.fh5co-cover-sm .display-t,
.fh5co-cover.fh5co-cover-sm .display-tc {
  height: 600px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fh5co-cover.fh5co-cover-sm .display-t,
  .fh5co-cover.fh5co-cover-sm .display-tc {
    height: 400px;
  }
}
#fh5co-culture {
  z-index:10;

}

#fh5co-culture .feature-culture{
  background-color:white;
  position:relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  /* box-shadow: 2px 2px 3px rgba(0,0,0,.2); */
}
#fh5co-culture .feature-culture a{
  display:block;
  padding:60px 20px;


}
#fh5co-culture .feature-culture a.one{
  background:url(../images/culture-1.png) no-repeat;
  background-position:35px 50%;
}
#fh5co-culture .feature-culture a.two{
  background:url(../images/culture-2.png) no-repeat;
  background-position:35px 50%;
}
#fh5co-culture .feature-culture a.three{
  background:url(../images/culture-3.png) no-repeat;
  background-position:35px 50%;
}
#fh5co-culture .feature-culture a.one:hover{
  background:url(../images/culture-1-hover.png) no-repeat;
  background-position:35px 50%;
}
#fh5co-culture .feature-culture a.two:hover{
  background:url(../images/culture-2-hover.png) no-repeat;
  background-position:35px 50%;

}
#fh5co-culture .feature-culture a.three:hover{
  background:url(../images/culture-3-hover.png) no-repeat;
  background-position:35px 50%;
}
#fh5co-culture .feature-culture a img{
  width:96px;
  height:96px;
}
#fh5co-culture .feature-culture:hover{
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  transition: all 0.3s ease-out 0s;
  /* top: -20px; */
}

#fh5co-culture .feature-culture a .feature-label{
  padding-left:130px;
}
#fh5co-culture .feature-culture a .feature-label dt{
  line-height: 25px;
}
#fh5co-culture .feature-culture a .feature-label dd{
  font-size:14px;
  line-height: 25px;
  color:#999;
  height: 25px;
}


@media screen and (max-width: 768px) {
  #fh5co-culture .feature-culture a{
    display:block;
    padding:30px 10px;
    border-bottom:1px solid #ededed;
  }
  #fh5co-culture .feature-culture a .feature-label{
    padding-left:80px;
  }
  #fh5co-culture .feature-culture a.one,#fh5co-culture .feature-culture a.two,#fh5co-culture .feature-culture a.three{
    background-size:64px;
    background-position:10px 50%;
  }
  #fh5co-culture .feature-culture a.one:hover,#fh5co-culture .feature-culture a.two:hover,#fh5co-culture .feature-culture a.three:hover{
    background-size:64px;
    background-position:10px 50%;
  }
  #fh5co-culture .feature-culture:hover,#fh5co-culture .feature-culture:active{
    /* top:80px; */
    left:2px;
  }
}

#fh5co-product{
  z-index:9;
}
#fh5co-product .feature-box{
  text-align:center;
}
#fh5co-product .feature-box{
  text-align:center;
} a .solution-imgs{
    display:inline-block;
    width:115px;
    height:115px;
    margin-bottom:20px;
  }
#fh5co-product .feature-box a .solution-imgs.one{
  background:url(../images/icon-solution-01.png) no-repeat;
}
#fh5co-product .feature-box a .solution-imgs.two{
  background:url(../images/icon-solution-02.png) no-repeat;
}
#fh5co-product .feature-box a .solution-imgs.three{
  background:url(../images/icon-solution-03.png) no-repeat;
}
#fh5co-product .feature-box a:hover .solution-imgs.one,
#fh5co-product .feature-box a.cur .solution-imgs.one{
  background:url(../images/icon-solution-01-hover.png) no-repeat;
}
#fh5co-product .feature-box a:hover .solution-imgs.two,
#fh5co-product .feature-box a.cur .solution-imgs.two{
  background:url(../images/icon-solution-02-hover.png) no-repeat;
}
#fh5co-product .feature-box a:hover .solution-imgs.three{
  background:url(../images/icon-solution-03-hover.png) no-repeat;
}

#fh5co-product .feature-box{
  padding:20px 50px;
}
#fh5co-product .feature-box h3{
  font-size:16px;
  color:#454444;
}
#fh5co-product .feature-box p{
  font-size:14px;
  color:#666;
}

#fh5co-product .fh5co-product {
  margin-bottom:30px;
}
#fh5co-product .fh5co-product > a {
  display: block;
  color: #000;
  padding-bottom:70px;
  position: relative;
  bottom: 0;
  overflow: hidden;
  text-align: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-product .fh5co-product > a img {
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: 200px;
}
#fh5co-product .fh5co-product > a:after {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(2, 136, 3, 0.5);
  z-index: 8;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-product .fh5co-product > a .fh5co-copy {
  z-index: 12;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  font-size:14px;
  padding:25px 10px;
  color:#666;
  background-color:#fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#fh5co-product .fh5co-product > a .fh5co-copy h3 {
  margin:0;
  color:#333;
  font-size:18px;
}
#fh5co-product .fh5co-product > a .fh5co-copy span {
  display:none;
}
#fh5co-product .fh5co-product > a .fh5co-view {
  z-index: 12;
  position: absolute;
  top:35%;
  right:0;
  left:0;
  visibility: hidden;
  color:#fff;
  line-height: 25px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.row-product .tab:nth-child(2){display:none}

@media screen and (max-width: 768px) {
  #fh5co-product .fh5co-product.remove{
    display:none;
  }
  #fh5co-product .fh5co-product > a .fh5co-copy {
    position: relative;
    visibility: visible;
    opacity: 1;
    bottom: 0;
    color: #000;
    padding: 20px;
    background: #fff;
  }
  #fh5co-product .fh5co-product > a .fh5co-copy h3 {
    color: #323333;
  }

}
#fh5co-product .fh5co-product > a:hover {
  -webkit-box-shadow: 0px 18px 71px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 18px 71px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 18px 71px -5px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 768px) {
  #fh5co-product .fh5co-product > a:hover {
    bottom: 0;
  }
}
#fh5co-product .fh5co-product > a:hover:after {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
  #fh5co-product .fh5co-product > a:hover:after {
    opacity: 0;
    visibility: hidden;
  }
}
#fh5co-product .fh5co-product > a:hover .fh5co-copy h3{
  display:none;
}
#fh5co-product .fh5co-product > a:hover .fh5co-copy span{
  display:block;
}
#fh5co-product .fh5co-product > a:hover .fh5co-view {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
  #fh5co-product .fh5co-product > a:hover .fh5co-copy {
    bottom: 0;
    padding: 20px;
    background: #fff;
  }
  #fh5co-product .fh5co-product > a img{height:auto}
}

#fh5co-solution{
  z-index: 10;
  background-color:#fff;
  text-align:center;
}
#fh5co-solution{
}
#fh5co-solution .feature-box a .solution-imgs{
  display:inline-block;
  width:115px;
  height:115px;
  margin-bottom:20px;
}
#fh5co-solution .feature-box a .solution-imgs.one{
  background:url(../images/icon-solution-01.png) no-repeat;
}
#fh5co-solution .feature-box a .solution-imgs.two{
  background:url(../images/icon-solution-02.png) no-repeat;
}
#fh5co-solution .feature-box a .solution-imgs.three{
  background:url(../images/icon-solution-03.png) no-repeat;
}
#fh5co-solution .feature-box a:hover .solution-imgs.one,
#fh5co-solution .feature-box a.cur .solution-imgs.one{
  background:url(../images/icon-solution-01-hover.png) no-repeat;
}
#fh5co-solution .feature-box a:hover .solution-imgs.two,
#fh5co-solution .feature-box a.cur .solution-imgs.two{
  background:url(../images/icon-solution-02-hover.png) no-repeat;
}
#fh5co-solution .feature-box a:hover .solution-imgs.three{
  background:url(../images/icon-solution-03-hover.png) no-repeat;
}

#fh5co-solution .feature-box{
  padding:20px 50px;
}
#fh5co-solution .feature-box h3{
  font-size:16px;
  color:#454444;
}
#fh5co-solution .feature-box p{
  font-size:14px;
  color:#666;
}

#fh5co-solution .solution-cases > a {
  display: block;
  color: #000;
  padding-bottom:70px;
  position: relative;
  bottom: 0;
  overflow: hidden;
  text-align: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-solution .solution-cases > a img {
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-solution .solution-cases > a:after {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 8;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-solution .solution-cases > a .fh5co-copy {
  z-index: 12;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  font-size:14px;
  padding:25px 10px;
  color:#666;
  border-bottom:1px solid #028803;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#fh5co-solution .solution-cases > a .fh5co-copy h3 {
  margin:0;
  color:#333;
  font-size:18px;
}
#fh5co-solution .solution-cases > a .fh5co-copy span {
  padding:50px 0;
  display:none;
}


@media screen and (max-width: 768px) {
  #fh5co-header .swiper-container img.pc650{display:none}
  #fh5co-header .swiper-container img.mm650{display:block}
  #fh5co-solution .solution-cases{
    display:none;
  }
  #fh5co-solution .solution-cases > a .fh5co-copy {
    position: relative;
    visibility: visible;
    opacity: 1;
    bottom: 0;
    color: #000;
    padding: 20px;
    background: #fff;
  }
  #fh5co-solution .solution-cases > a .fh5co-copy h3 {
    color: #323333;
  }

}
#fh5co-solution .solution-cases > a:hover {
  -webkit-box-shadow: 0px 1px 1px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 1px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 1px -5px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 768px) {
  #fh5co-solution .solution-cases > a:hover {
    bottom: 0;
  }
}
#fh5co-solution .solution-cases > a:hover:after {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
  #fh5co-solution .solution-cases > a:hover:after {
    opacity: 0;
    visibility: hidden;
  }
}
#fh5co-solution .solution-cases > a:hover .fh5co-copy {

}
#fh5co-solution .solution-cases > a:hover .fh5co-copy span{
  display:block;
}

@media screen and (max-width: 768px) {
  #fh5co-solution .solution-cases > a:hover .fh5co-copy {
    bottom: 0;
    padding: 20px;
    background: #fff;
  }
}


.fh5co-staff {
  text-align: center;
  margin-bottom: 30px;
  background: #fff;
  padding: 30px;
  float: left;
  width: 100%;
}
.fh5co-staff img {
  width: 100px;
  margin-bottom: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.fh5co-staff h3 {
  font-size: 24px;
  margin-bottom: 5px;
}
.fh5co-staff p {
  margin-bottom: 30px;
}
.fh5co-staff .role {
  color: #bfbfbf;
  margin-bottom: 30px;
  font-weight: normal;
  display: block;
}

.pagination a {
  background: none;
  border: none !important;
  color: gray !important;
}
.pagination a:hover, .pagination a:focus, .pagination a:active {
  background: none !important;
}
.pagination > li > a {
  margin: 0 2px;
  font-size: 18px;
  padding: 0 !important;
  background: none;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border-radius: 50% !important;
  height: 50px;
  width: 50px;
  line-height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.pagination > li > a:hover {
  color: #000;
  background: #e6e6e6 !important;
}
.pagination > li.disabled > a {
  background: none;
}
.pagination > li.active > a {
  background: #F73859 !important;
  -webkit-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5);
  box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5);
  color: #fff !important;
}
.pagination > li.active > a:hover {
  cursor: pointer;
  background: #f96982 !important;
}

.fh5co-social-icons {
  margin: 0;
  padding: 0;
}
.fh5co-social-icons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.fh5co-social-icons li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #F73859;
  padding-left: 10px;
  padding-right: 10px;
}
.fh5co-social-icons li a i {
  font-size: 20px;
}

.fh5co-contact-info ul {
  padding: 0;
  margin: 0;
}
.fh5co-contact-info ul li {
  padding: 0 0 0 70px;
  margin: 0 0 30px 0;
  list-style: none;
  position: relative;
}
.fh5co-contact-info ul li:before {
  color: #ccddea;
  position: absolute;
  left: 0;
  top: .05em;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fh5co-contact-info ul li.address:before {
  font-size: 30px;
  content: "\e9d1";
}
.fh5co-contact-info ul li.phone:before {
  font-size: 23px;
  content: "\e9f4";
}
.fh5co-contact-info ul li.email:before {
  font-size: 23px;
  content: "\e9da";
}
.fh5co-contact-info ul li.url:before {
  font-size: 23px;
  content: "\e9af";
}

#fh5co-header .display-tc,
#fh5co-counter .display-tc,
.fh5co-cover .display-tc {
  display: table-cell !important;
  vertical-align: middle;
}
#fh5co-header .display-tc h1, #fh5co-header .display-tc h2,
#fh5co-counter .display-tc h1,
#fh5co-counter .display-tc h2,
.fh5co-cover .display-tc h1,
.fh5co-cover .display-tc h2 {
  margin: 0;
  padding: 0;
  color: white;
}
#fh5co-header .display-tc h1,
#fh5co-counter .display-tc h1,
.fh5co-cover .display-tc h1 {
  margin-bottom: 0px;
  margin-top: 0;
  font-size: 60px;
  line-height: 1.3;
  font-weight: 300;
}

#fh5co-header .pullup{
  position:relative;
}
#fh5co-header .pullup .tip-pull{
  display:block;
  width:50px;
  position:absolute;
  top:300px;
  left:86%;
  margin-left:-25px;
}

@media screen and (max-width: 768px) {
  #fh5co-header .display-tc h1,
  #fh5co-counter .display-tc h1,
  .fh5co-cover .display-tc h1 {
    font-size: 40px;
  }
  #fh5co-header .pullup .tip-pull{
    display:block;
    width:50px;
    position:absolute;
    top:100px;
    left:50%;
    margin-left:-25px;
  }


}
#fh5co-header .display-tc h2,
#fh5co-counter .display-tc h2,
.fh5co-cover .display-tc h2 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-transform: uppercase;
}
#fh5co-header .display-tc .btn,
#fh5co-counter .display-tc .btn,
.fh5co-cover .display-tc .btn {
  padding: 15px 30px;
  background: #F73859;
  color: #fff;
  border: none !important;
  font-size: 18px;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#fh5co-header .display-tc .btn:hover,
#fh5co-counter .display-tc .btn:hover,
.fh5co-cover .display-tc .btn:hover {
  background: #f6163c !important;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}
#fh5co-header .display-tc .or,
#fh5co-counter .display-tc .or,
.fh5co-cover .display-tc .or {
  color: rgba(255, 255, 255, 0.3);
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0 20px;
}
#fh5co-header .display-tc .link-watch,
#fh5co-counter .display-tc .link-watch,
.fh5co-cover .display-tc .link-watch {
  border-bottom: none;
}
#fh5co-header .display-tc .form-inline .form-group,
#fh5co-counter .display-tc .form-inline .form-group,
.fh5co-cover .display-tc .form-inline .form-group {
  width: 100% !important;
  margin-bottom: 10px;
}
#fh5co-header .display-tc .form-inline .form-group .form-control,
#fh5co-counter .display-tc .form-inline .form-group .form-control,
.fh5co-cover .display-tc .form-inline .form-group .form-control {
  width: 100%;
  background: #fff;
  border: none;
}

.fh5co-bg-section {
  /* background: #f8f8f8; */
}
.section-bg-white{
  background-color:#fff;
}

.fh5co-more{
  margin-top:30px;
  text-align: center;
}

#fh5co-solution,
#fh5co-testimonial,
#fh5co-company,
#fh5co-news,
#fh5co-partner,
#fh5co-about,
#fh5co-product,
#fh5co-contact,
#fh5co-dynamic,
#fh5co-footer {
  padding-top: 3em;
  padding-bottom: 1em;
  clear: both;
  position:relative;
}
#fh5co-product,{
  padding-top: 5em;
}
@media screen and (max-width: 768px) {
  #fh5co-solution,
  #fh5co-testimonial,
  #fh5co-company,
  #fh5co-news,
  #fh5co-partner,
  #fh5co-about,
  #fh5co-product,
  #fh5co-contact,
  #fh5co-dynamic,
  #fh5co-footer {
    padding: 3em 0;
    padding-bottom:1em;
  }
  #fh5co-product{
    padding-top: 0;
  }
  #fh5co-product.cover{
    padding-top:2em;
  }
  .fh5co-more{
    margin-top:0;
    margin-bottom:30px;
  }
}

#fh5co-testimonial{
  background: #F0F5F9;
}
#fh5co-counter {
  position: relative;
  z-index: 10;
  padding: 10px 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #fh5co-counter {
    padding: 3em 0;
  }
}
#fh5co-counter .counter {
  font-size: 50px;
  margin-bottom: 10px;
  color: #028803;
  font-weight: 100;
  display: block;
}
#fh5co-counter .counter-label {
  margin-bottom: 0;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: .1em;
}
#fh5co-counter .feature-center:hover .counter {
  color: #fff;
}
@media screen and (max-width: 768px) {
  #fh5co-counter .feature-center {
    margin-bottom: 30px;
  }
}
#fh5co-counter .icon {
  width: 70px;
  text-align: center;
  margin-bottom: 20px;
  background: none !important;
  border: none !important;
}
#fh5co-counter .icon i {
  height: 70px;
}
#fh5co-counter .icon i:before {
  color: #cccccc;
  display: block;
  text-align: center;
  margin-left: 3px;
}

#fh5co-company {
  /* background:#fff url(../images/banner-company.jpg) no-repeat; */
  background-position:50% 0;
  z-index: 10;
  padding-bottom: 0;
  padding-top: 1px;
}
#fh5co-company .company-box{
  background-color:#fff;
}
#fh5co-company .company-box .video-box a{
  margin-left:-15px;
  display:block;
  /*padding-bottom:55.83%;*/
  background-color:green;
  position:relative;
  max-width: 500px;
  margin: 0 auto;
}
#fh5co-company .company-box .video-box a:hover:after{
  content:'VIDEO';
  position: absolute;
  bottom:0;
  top:0;
  left:0;
  right:0;
  text-align:center;
  padding-top:28%;
  font-size:13px;
  color:#fff;
  background:rgba(2,136,3,0.3);

}
#fh5co-company .about {
  padding: 30px 30px 15px 15px;
  text-align: left;
  font-size: 14px;
  color: #666;
}
#fh5co-company .about h3{
  font-size:20px;
  line-height: 50px;
  position:relative;
}
#fh5co-company .about h3:after{
  content:'';
  position: absolute;
  width:22px;
  height:2px;
  background-color:#028803;
  left:0;
  bottom:0;
}
#fh5co-company .fh5co-more{
  margin-top: 2em;
  text-indent: 0;
}
#fh5co-company .swiper-honor{
  width:80%;
  margin:0 auto;
  padding-bottom:40px;
}
@media screen and (max-width: 768px) {
  #fh5co-company .swiper-honor{
    width:100%;
  }
  #fh5co-company .company-box .video-box a{
    margin:0 -15px;
    display:block;
    background-color:green;
  }
}


#fh5co-testimonial .testimonial {
  background: #fff;
  padding: 30px;
  position: relative;
  margin-bottom: 4em;
  bottom: 0;
}
#fh5co-testimonial .testimonial blockquote {
  border-left: none;
  padding: 0;
  margin: 0;
}
#fh5co-testimonial .testimonial p {
  color: #666666;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
}
#fh5co-testimonial .testimonial p.author {
  color: #b3b3b3;
}

#fh5co-testimonial .testimonial p.author img {
  width: 60px;
  margin-right: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-testimonial .testimonial p.author cite {
  font-style: normal;
  font-size: 13px;
  font-family:  "PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei";
}
#fh5co-testimonial .testimonial p:last-child {
  margin-bottom: 0;
}
#fh5co-testimonial .testimonial:after {
  position: absolute;
  left: 11%;
  bottom: -30px;
  display: block;
  width: 0;
  content: "";
  border-width: 30px 30px 0 0;
  border-style: solid;
  border-color: #fff transparent;
}
#fh5co-testimonial .testimonial.fh5co-selected {
  background: #F73859;
  bottom: 10px;
  -webkit-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
}
#fh5co-testimonial .testimonial.fh5co-selected p {
  color: #fff;
}
#fh5co-testimonial .testimonial.fh5co-selected p.author cite {
  color: rgba(255, 255, 255, 0.7);
}
#fh5co-testimonial .testimonial.fh5co-selected:after {
  border-color: #F73859 transparent;
}
@media screen and (max-width: 768px) {
  #fh5co-testimonial .testimonial.fh5co-selected {
    bottom: 0;
  }
}


#fh5co-partner{
  z-index: 10;
}
#fh5co-partner .fh5co-partner {
  margin-bottom: 30px;
}

#fh5co-partner .partner-list{
  padding-top:1.5em;
}

#fh5co-partner .fh5co-partner > a {
  display: block;
  color: #000;
  position: relative;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-partner .fh5co-partner > a img {
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-partner .fh5co-partner > a:after {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(2, 136, 3, 0.7);
  z-index: 8;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-partner .fh5co-partner > a .fh5co-copy {
  z-index: 12;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0px;
  opacity: 0;
  padding:0 20px;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#fh5co-partner .fh5co-partner > a .fh5co-copy h3 {
  margin: 0 0 5px 0;
  padding: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}
#fh5co-partner .fh5co-partner > a .fh5co-copy p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}
#fh5co-partner .fh5co-partner > a .fh5co-copy p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #fh5co-partner .fh5co-partner > a .fh5co-copy {
    display:none;
  }
}

#fh5co-partner .fh5co-partner > a:hover {
  -webkit-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
  #fh5co-partner .fh5co-partner > a:hover {
    bottom: 0;
  }
}
#fh5co-partner .fh5co-partner > a:hover:after {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
  #fh5co-partner .fh5co-partner > a:hover:after {
    opacity: 0;
    visibility: hidden;
  }
}
#fh5co-partner .fh5co-partner > a:hover .fh5co-copy {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
@media screen and (max-width: 768px) {
  #fh5co-partner .fh5co-partner > a:hover .fh5co-copy {
    bottom: 0;
    padding: 20px;
    background: #fff;
  }
}
#fh5co-partner .fh5co-partner > a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  #fh5co-partner .fh5co-partner > a:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

#fh5co-solution.border-bottom,#fh5co-company.border-bottom {
  border-bottom: 1px solid #dae6ef;
  -webkit-box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 10;
}

.feature-center {
  padding: 30px;
  float: left;
  width: 100%;
  position: relative;
  bottom: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .feature-center {
    margin-bottom: 50px;
  }
}
.feature-center .desc {
  padding-left: 180px;
}
.feature-center .icon {
  margin-bottom: 20px;
  display: block;
}
.feature-center .icon i {
  font-size: 40px;
  color: rgba(42, 54, 59, 0.2);
}
.feature-center .icon2 {
  float: left;
}
.feature-center .icon2 i {
  font-size: 100px;
}
.feature-center p:last-child {
  margin-bottom: 0;
}
.feature-center p, .feature-center h3 {
  margin-bottom: 30px;
}
.feature-center h3 {
  font-size: 22px;
  color: #5d5d5d;
}
.feature-center:hover, .feature-center:focus {
  background: #33CC66;
  bottom: 10px;
  -webkit-box-shadow: 0px 18px 50px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 18px 50px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 18px 50px -10px rgba(0, 0, 0, 0.75);
}
.feature-center:hover p:last-child, .feature-center:focus p:last-child {
  margin-bottom: 0;
}
.feature-center:hover .icon i, .feature-center:focus .icon i {
  color: rgba(255, 255, 255, 0.7);
}
.feature-center:hover p, .feature-center:hover h3, .feature-center:focus p, .feature-center:focus h3 {
  color: #fff !important;
}
.feature-center:hover a, .feature-center:focus a {
  color: rgba(255, 255, 255, 0.7);
}
.feature-center:hover a:hover, .feature-center:focus a:hover {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .feature-center:hover, .feature-center:focus {
    bottom: 0;
  }
}

.project-grid {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  height: 350px;
  margin-bottom: 40px;
}
.project-grid:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.project-grid .desc {
  background: rgba(247, 56, 89, 0.9);
  padding: 10px 20px;
  position: absolute;
  bottom: -93px;
  left: 0;
  right: 0;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.project-grid .desc h3 a {
  color: white;
}
.project-grid .desc span {
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .project-grid .desc {
    bottom: 0;
  }
}
.project-grid:hover:before, .project-grid:focus:before {
  opacity: 1;
}
.project-grid:hover .desc, .project-grid:focus .desc {
  bottom: 0;
}

.project-content {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  padding: 7em 0;
}
@media screen and (max-width: 768px) {
  .project-content {
    padding: 3em 0;
  }
}
.project-content .col-half {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 480px) {
  .project-content .col-half {
    width: 100%;
  }
}
.project-content .col-half .project, .project-content .col-half .project-grid {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.project-content .col-half .project:before, .project-content .col-half .project-grid:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.project-content .col-half .project:hover:before, .project-content .col-half .project:focus:before, .project-content .col-half .project-grid:hover:before, .project-content .col-half .project-grid:focus:before {
  opacity: 1;
}
.project-content .col-half .project:hover .desc, .project-content .col-half .project:focus .desc, .project-content .col-half .project-grid:hover .desc, .project-content .col-half .project-grid:focus .desc {
  bottom: 0;
}
@media screen and (max-width: 480px) {
  .project-content .col-half .project, .project-content .col-half .project-grid {
    height: 340px !important;
    margin-bottom: 20px;
  }
}
.project-content .col-half .project {
  height: 800px;
}
.project-content .col-half .project-grid {
  height: 390px;
  margin-bottom: 20px;
}
.project-content .col-half .project-grid:last-child {
  margin-bottom: 0;
}
.project-content .desc {
  background: rgba(247, 56, 89, 0.9);
  padding: 10px 20px;
  position: absolute;
  bottom: -93px;
  left: 0;
  right: 0;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.project-content .desc h3 {
  color: white;
}
.project-content .desc span {
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .project-content .desc {
    bottom: 0;
  }
}

.fh5co-heading {
  text-align: center;
  padding-top:40px;
  padding-bottom:100px;
}
.fh5co-heading h2.title{
  margin:0;
  font-size:24px;
  line-height: 30px;
  font-weight: 600;
  color: #333;
}
.fh5co-heading .subtitle{
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #999;
  position:relative;
}
.fh5co-heading .subtitle:after{
  position:absolute;
  top: 35px;
  left:50%;
  content:'';
  height:4px;
  width:24px;
  margin-left:-12px;
  background-color:#028803;
}

.fh5co-heading.fh5co-heading-sm {
  margin-bottom: 2em;
}
.fh5co-heading.white h2.title{
  color:#fff;
}
.fh5co-heading.white .subtitle{
  color:#fff;
}
@media screen and (max-width: 768px) {
  .fh5co-heading{
    padding-top:20px;
    padding-bottom: 50px;
  }
}


#fh5co-dynamic{
  position:relative;
  z-index:10;
  background-color:#fff;
  padding-bottom: 4em;
}

#fh5co-dynamic .list-news a{
  display:block;
  padding-bottom:65px;
  margin-bottom:20px;
  position:relative;
  overflow:hidden;
}
#fh5co-dynamic .list-news a .news-title{
  position: absolute;
  left:0;
  right:-1px;
  bottom:0;
  padding:5px 10px;
  background-color:#fff;
}
#fh5co-dynamic .list-news a .news-title h3{
  margin:0;
  font-size:14px;
  color:#445444;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
}
#fh5co-dynamic .list-news a .news-title .date{
  font-size:14px;
  color:#999;
  line-height: 14px;
}


#fh5co-dynamic .list-news a .img{
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  height: 200px;
  background-size: cover;
  background-position: center;
}
#fh5co-dynamic .list-news a:hover .news-title{
  border-top:2px solid #028803;
}
#fh5co-dynamic .list-news a:hover img{
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#fh5co-dynamic .list-news a:hover h3{
  color:#000;
}



#fh5co-footer{
  z-index:10;
  padding-top:48px;
  padding-bottom: 0;
  text-align: left;
  background-color: #264b7a;
  line-height: 1;
  background-color: #6289bb;
}
#fh5co-footer .footer-nav h3{
  font-size:16px;
  line-height: 20px;
  border-left:2px solid #028803;
  padding-left:9px;
  height:20px;
  margin-bottom:9px;
  color:#fff;
  border-left: 2px solid #ffffff;
}
#fh5co-footer .footer-nav{
  border-bottom:1px solid #323333;
  margin-bottom:40px;
  border-bottom: 1px solid #ffffff;
}
#fh5co-footer .footer-nav ul{
  margin:0;
  padding:0;
  margin-bottom:34px;
}
#fh5co-footer .footer-nav ul>li{
  list-style: none;
  padding-left:11px;
  line-height: 24px;
}
#fh5co-footer .footer-nav ul>li a{
  font-size:14px;
  color:#fff;
}
#fh5co-footer .footer-nav ul>li a:hover{

  color:#028803;
}
#fh5co-footer .footer-info{
  font-size:14px;
  color:#999899;
  color: white;
}
#fh5co-footer .footer-info .footer-label{
  margin:0;
  padding-right:6px;

}
#fh5co-footer .footer-info a{
  color:#ededed;
}
#fh5co-footer .footer-info a.footer-icons{
  display:block;
  float:left;
  margin-left:15px;
  margin-top:-20px;
  width:44px;
  border-radius: 22px;
  background-color:#26292E;
  text-align: center;
  position: relative;
}
#fh5co-footer .footer-info a.footer-icons .icon{
  line-height: 44px;
  font-size:20px;
}
#fh5co-footer .footer-info a.footer-icons:hover .icon{
  color:#028803;
}
#fh5co-footer .footer-info a.footer-icons .msg-tip{
  position: absolute;
  left:50%;
  bottom:100%;
  margin-bottom:5px;
  margin-left:-70px;
  width:140px;
  padding:6px 10px;
  display:none;
  background-color:#26292E;
  font-size:14px;
}

#fh5co-footer .footer-info a.footer-icons:hover .msg-tip{
  display:block;
}

@media screen and (max-width: 768px) {
  #fh5co-footer .footer-info a.footer-icons{
    margin-top:0;
    margin-bottom:10px;
  }
}

#fh5co-footer .fh5co-footer-qcode {
  text-align:center;
  margin: 0;
}
#fh5co-footer .fh5co-footer-qcode img {
  width: 100%;
}
#fh5co-footer .fh5co-footer-qcode p {
  font-size:14px;
  line-height: 36px;
  color: white;
}
@media screen and (max-width: 768px) {
  .fh5co-footer-qcode>div{width:50%;float:left}
  #fh5co-footer .footer-nav .nav-list-f{
    display:none;
  }
  #fh5co-footer .fh5co-footer-qcode img {
    width:80px;
  }
}

#fh5co-footer .copyright {
  font-size:14px;
  display: block;
  color:#999899;
}
#fh5co-footer .copyright a{
  font-size:13px;
  color:#028803;
}
#fh5co-footer .copyright a:hover{
  color:#33ff55;

}
#fh5co-footer .copyright img{
  margin-top:-10px;
  margin-bottom:10px;
}

#fh5co-offcanvas {
  position: fixed;
  z-index: 1901;
  width: 270px;
  background: black;
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 45px 40px 40px 40px;
  overflow-y: auto;
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  #fh5co-offcanvas {
    display: block;
  }
}
.offcanvas #fh5co-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
#fh5co-offcanvas a {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-offcanvas a:hover {
  color: rgba(255, 255, 255, 0.8);
}
#fh5co-offcanvas ul {
  padding: 0;
  margin: 0;
}
#fh5co-offcanvas ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#fh5co-offcanvas ul li > ul {
  padding-left: 20px;
  display: none;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a {
  display: block;
  position: relative;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {
  position: absolute;
  right: 0px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e921";
  font-size: 20px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gototop.active {
  opacity: 1;
  visibility: visible;
}
.gototop a {
  width: 50px;
  height: 50px;
  display: table;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.gototop a i {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
  text-decoration: none;
  outline: none;
}

.fh5co-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #444;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.fh5co-nav-toggle i {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 2px;
  color: #252525;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #252525;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #252525;
  position: absolute;
  left: 0;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle.fh5co-nav-white > i {
  color: #fff;
  background: #333;
}
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > i::after {
  background: #333;
}

.fh5co-nav-toggle i::before {
  top: -7px;
}

.fh5co-nav-toggle i::after {
  bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
  top: -10px;
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px;
}

.fh5co-nav-toggle.active i {
  background: transparent;
}

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
  position: fixed;
  right: 0px;
  top: 18px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
}
.scrolled .fh5co-nav-toggle {
  top: 5px;
}
@media screen and (max-width: 768px) {
  .fh5co-nav-toggle {
    display: block;
  }
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family:  "PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei",sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px;
}
.btn.btn-md {
  padding: 8px 20px !important;
}
.btn.btn-lg {
  padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  background: #F73859;
  color: #fff;
  border: 2px solid #F73859;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #f8516d !important;
  border-color: #f8516d !important;
}
.btn-primary.btn-outline {
  background: transparent;
  color: #F73859;
  border: 2px solid #F73859;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #F73859;
  color: #fff;
}

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: #4cae4c !important;
  border-color: #4cae4c !important;
}
.btn-success.btn-outline {
  background: transparent;
  color: #5cb85c;
  border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
  background: #5cb85c;
  color: #fff;
}

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: #46b8da !important;
  border-color: #46b8da !important;
}
.btn-info.btn-outline {
  background: transparent;
  color: #5bc0de;
  border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
  background: #5bc0de;
  color: #fff;
}

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #eea236 !important;
  border-color: #eea236 !important;
}
.btn-warning.btn-outline {
  background: transparent;
  color: #f0ad4e;
  border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
  background: #f0ad4e;
  color: #fff;
}

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: #d43f3a !important;
  border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
  background: transparent;
  color: #d9534f;
  border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
  background: #d9534f;
  color: #fff;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn.with-arrow:hover {
  padding-right: 50px;
}
.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}

.form-control {
  box-shadow: none;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 28px;
  font-size: 14px;
  font-weight: 300;
  padding:5px 10px;
  margin-top:5px;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #28803c;
}
.form-horizontal .form-group .label-line {

}

.mb30 {
  margin-bottom: 30px !important;
}
.row-pt-lg {
  padding-top: 8em !important;
}
.row-pt-md {
  padding-top: 4em !important;
}
.row-pt-sm {
  padding-top: 2em !important;
}
.row-pb-lg {
  padding-bottom: 8em !important;
}
.row-pb-xx {
  padding-bottom: 10em !important;
}
.row-pb-md {
  padding-bottom: 4em !important;
}

.row-pb-sm {
  padding-bottom: 2em !important;
}

.fh5co-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat #fff;
}

.js .animate-box {
  opacity: 0;
}

#fh5co-header-subscribe #email {
  padding-right: 9em;
}
#fh5co-header-subscribe button {
  position: absolute;
  top: 0;
  right: 10px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

/*# sourceMappingURL=style.css.map */


.fh5co-top-nav{
  position: relative;
  z-index: 10;
  background-color:#fff;
}
.fh5co-top-nav .bread{
  line-height: 54px;
  position: relative;
  overflow:hidden;

}
.fh5co-top-nav .bread:after{
  content:"";
  position:absolute;
  bottom:0;
  height:1px;
  width: 100%;
  background-color:#999899;
}
.fh5co-top-nav .bread  h3.type{
  display:inline-block;
  margin:0;
  padding:0 20px;
  line-height: 54px;
  text-align:center;
  font-size:20px;

  border-bottom:4px solid #028803;
  float:left;
}
.fh5co-top-nav .bread  .location{

  display:inline-block;
  float:right;
  font-size:14px;
  color:#323333;
}
.fh5co-top-nav .bread  .location a{
  color:#666;
}
.fh5co-top-nav .bread  .location a:hover{
  color:#028803;
}
.fh5co-top-nav .bread  .location span.icon{
  vertical-align: middle;
}
.fh5co-top-nav .top-nav{
  padding-top:20px;
  font-size:16px;
  text-align:center;
}
.fh5co-top-nav .top-nav ul{
  margin:0;
  padding:20px 0;
  white-space: nowrap;
  overflow-x:auto;
}
.fh5co-top-nav .top-nav ul>li{
  list-style:none;
  display:inline-block;
}
.fh5co-top-nav .top-nav ul>li a{
  display:inline-block;
  line-height: 1;
  margin:0 20px;
  padding:2px 0;
}
.fh5co-top-nav .top-nav ul>li a.current,.fh5co-top-nav .top-nav ul>li a:hover{
  color:#028803;
  border-bottom:1px solid #028803;
}
.fh5co-top-nav .top-nav ul.line>li a{
  border:none;
  position:relative;
}
.fh5co-top-nav .top-nav ul.line>li a:before{
  content:'';
  position:absolute;
  width:0;
  height:1px;
  bottom:-2px;
  border-bottom:1px solid #028803;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-top-nav .top-nav ul.line>li a:hover:before{
  content:'';
  position:absolute;
  width:100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-top-nav .top-nav ul>li:last-child a{
  border-right:none;
}
.fh5co-content{
  padding-top:50px;
  margin-bottom:90px;
  font-size:14px;
  color:#666;
}
.page-style{
  margin-top:-10px;
}
.page-style p{
  line-height: 24px;
  text-indent: 28px;
  margin-bottom:20px;
}
.page-style img{
  width:100%;
  margin-top:8px;
  margin-bottom:20px;
}
.page-style.normal{
  text-align: center;
}
.page-style.normal p{
  text-align: left;
}
.page-style.normal img{
  margin:auto;
  margin-top:28px;
  margin-bottom:20px;
  width:auto;
}



.fh5co-detail,.fh5co-list{
  padding-top:50px;
  padding-bottom:50px;
  font-size:14px;
  background-color:#fff;
  position:relative;
  z-index:10;
}
.fh5co-list.list-cover{
  padding-bottom:0;
}
.fh5co-list .list-box-title dt{
  font-size:24px;
  color:#445444;
  padding:5px 0;
  position:relative;
}
.fh5co-list .list-box-title dt .back{
  position:absolute;
  right:5px;
  top:50%;
  margin-top:-8px;
  font-size:16px;
  line-height: 16px;
  color:#028803;
}
.fh5co-list .list-box-title dt:after{
  /* content:''; */
  position: absolute;
  height:4px;
  width:25px;
  background-color:#028803;
  top:50%;
  margin-top:-2px;
  margin-left:25px;
}
.fh5co-list .list-box-title dd{
  font-size:14px;
  /* padding-right:50px; */
  padding-bottom:50px;
}

.fh5co-list .list-box-title.no-line dd,.fh5co-list .list-box-title.cover dd{
  padding-bottom:80px;
}
.fh5co-list .list-box-title.no-line dt:after{
  content:none;
}

.fh5co-list .list-box-info{
  max-width:300px;
}
.fh5co-list .list-box-info.no-limit{
  max-width:none;
}
.fh5co-list .list-box-info .info-title{
  padding-bottom:36px;
  position:relative;
  margin-bottom:30px;
}
.fh5co-list .list-box-info .info-title:after{
  content:'';
  position: absolute;
  bottom:0;
  left:0;
  width:36px;
  height:2px;
  background-color:#028803;
}
.fh5co-list .list-box-info .info-title h3{
  line-height: 1.3;
  margin-bottom:16px;
  font-size:20px;
}
.fh5co-list .list-box-info .info-title .page-items > span{
  display: inline-block;
  padding-left:5px;
  padding-right:15px;
}
.fh5co-list .list-fixed{
  margin-bottom:80px;
}
.fh5co-list .list-no-fixed{
  padding-top:60px;
  margin-bottom:80px;
}
.fh5co-list .list-box-info .description{
  margin-bottom:20px;
}
.fh5co-list .list-box-info ul{
  list-style:none;
  margin:0;
  padding:0;
  font-size:14px;
  margin-bottom:30px;
}
.fh5co-list .list-box-info .l{
  width:50%;
  float: left;
  text-align: center;
}
.fh5co-list .list-box-info img{
  max-width:100%;
}
.fh5co-list .list-box-info ul>li span{
  display:inline-block;
  line-height: 1.7;
}
.fh5co-list .list-box-info ul>li .lab{
  color:#999;
  padding-right:20px;
}
.fh5co-list .list-box-info ul>li .des{
  color:#454444;
}
.fh5co-list .list-box-info ul>li.add-time{
  padding-top:20px;
}

.fh5co-detail .detail-tab-title dt{
  font-size:24px;
  color:#445444;
  padding-bottom:10px;
  position:relative;
}

.fh5co-detail .line dt{
  padding-bottom:5px;
}
.fh5co-detail .line dt:after{
  content:'';
  position: absolute;
  height:4px;
  width:25px;
  background-color:#028803;
  top:50%;
  margin-top:-2px;
  margin-left:25px;
}
.fh5co-detail .detail-tab-title dd{
  font-size:14px;
  padding-bottom:50px;
}

.fh5co-detail .detail-switch-tabs,.fh5co-detail .detail-switch-navs{
  list-style:none;
}

.detail-switch-tabs>li>a,.detail-switch-navs>li>a{
  display:block;
  border:none;
  border-radius: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border:none;
  color:#028803;
  background-color:#ededed;
}
.fh5co-detail .tab-content{
  margin-top:40px;
}
.fh5co-detail img{
  max-width:100%;
}
@media screen and (max-width: 768px) {
  .fh5co-list .list-fixed,.fh5co-list .list-no-fixed{
    padding-top:20px;
    margin-bottom:60px;
  }
  .fh5co-list .list-box-title dd{
    padding-bottom:30px;
  }
  .fh5co-list .list-box-info{
    width:100%;
  }
  /*
  .fh5co-list .list-box-title.no-line dd,.fh5co-list .list-box-title.cover dd{
    padding-bottom:50px;
  }*/
}

@media screen and (min-width: 768px) {

  .nav-tabs{
    border:none;
  }
  .nav-tabs > li > a:hover{
    background-color:transparent;
  }
  .nav-tabs >li{
    float:none;
    display:block;
    margin-bottom:0;
  }
  .detail-switch-tabs > li > a{
    display:block;
    position:relative;
    text-align:right;
    padding-right:0;
    border-bottom:1px solid transparent;
  }
  .detail-switch-tabs > li.active > a, .detail-switch-tabs > li.active > a:hover, .detail-switch-tabs > li.active > a:focus, .detail-switch-tabs>li>a:hover{
    border-bottom:1px solid #028803;
    color:#028803;
    text-align:center;
    background-color:transparent;
  }
  .detail-switch-tabs > li.active > a:after{
    content:'';
    position: absolute;
    right:0;
    top:50%;
    height:1px;
    width:8px;
    border-top:1px solid #333;
  }

  .fh5co-detail .detail-switch-tabs{
    width:150px;
    display:block;
  }
  .fh5co-detail .tab-content{
    margin-top:0;
  }

  .detail-switch-navs > li > a{
    display:inline-block;
    position:relative;
    text-align:right;
    padding-right:0;
    border-bottom:1px solid transparent;
  }
  .detail-switch-navs > li > a:after{
    content:'';
    position: absolute;
    left:0;
    bottom:-1px;
    height:1px;
    width:0;
    border-top:1px solid #028803;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .detail-switch-navs > li.active > a, .detail-switch-navs > li.active > a:focus,.detail-switch-navs > li.active> a:hover{
    border-bottom:1px solid #028803;
    color:#028803;
    text-align:center;
    background-color:transparent;
  }
  .detail-switch-navs > li> a:hover:after{
    width:100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .fh5co-detail .detail-switch-navs{
    width:150px;
    text-align: right;
    display:block;
  }

}

#fh5co-cases{
  position: relative;
  z-index:10;
}
#fh5co-cases .case-customer{
  color:#028803;
  font-size:20px;
  height:30px;
  margin-bottom:30px;
}
#fh5co-cases .case-info{
  max-width:300px;
}

#fh5co-cases .case-info ul{
  list-style:none;
  margin:0;
  padding:0;
  font-size:14px;
  margin-bottom:30px;
}
#fh5co-cases .case-info img{
  max-width:100%;
}
#fh5co-cases .case-info ul>li span{
  display:inline-block;
}
#fh5co-cases .case-info ul>li .lab{
  color:#999;
  padding-right:20px;
}
#fh5co-cases .case-info ul>li .des{
  color:#454444;
}

#fh5co-cases .swiper-cases img{
  width:100%;
}

#fh5co-about{
}
#fh5co-about .about-icons a{
  display:block;
  margin-bottom:20px;
  padding-bottom:53%;
  border:1px solid #ededed;

}
#fh5co-about a.about-1{
  background:url(../images/culture_01.png) no-repeat;
  background-size:100%;
}
#fh5co-about a.about-1:hover{
  background:url(../images/culture_01_hover.png) no-repeat;
  background-size:100%;
}
#fh5co-about a.about-2{
  background:url(../images/culture_02.png) no-repeat;
  background-size:100%;
}
#fh5co-about a.about-2:hover{
  background:url(../images/culture_02_hover.png) no-repeat;
  background-size:100%;
}
#fh5co-about a.about-3{
  background:url(../images/culture_03.png) no-repeat;
  background-size:100%;
}
#fh5co-about a.about-3:hover{
  background:url(../images/culture_03_hover.png) no-repeat;
  background-size:100%;
}

#fh5co-about .about2-icons a{
  display:block;
  margin-bottom:20px;
  padding-bottom:50%;

}
#fh5co-about .about2-icons p{
  text-align:center;
}
#fh5co-about a.about2-1{
  background:url(../images/about_01.png) no-repeat 50% 50%;
  background-size:50%;
}
#fh5co-about a.about2-1:hover{
  background:url(../images/about_01_hover.png) no-repeat 50% 50%;
  background-size:50%;
}
#fh5co-about a.about2-2{
  background:url(../images/about_02.png) no-repeat 50% 50%;
  background-size:50%;
}
#fh5co-about a.about2-2:hover{
  background:url(../images/about_02_hover.png) no-repeat 50% 50%;
  background-size:50%;
}
#fh5co-about a.about2-3{
  background:url(../images/about_03.png) no-repeat 50% 50%;
  background-size:50%;
}
#fh5co-about a.about2-3:hover{
  background:url(../images/about_03_hover.png) no-repeat 50% 50%;
  background-size:50%;
}

.swiper-honor{
  padding-bottom:20px;
}
.swiper-honor .row .col-md-3{
  padding-bottom:30px;
  text-align: center;
}
.swiper-honor .row .col-md-3 img{
  display:inline-block;
}
.swiper-honor .row .col-md-3 p{
  margin-top: 13px;
  font-size: 14px;
  height: 45px;
  overflow: hidden;
  margin-bottom: 0;
}
.swiper-honor .swiper-pagination{
}

.news-extra .extra-title{
  display:inline-block;
  padding:6px 0;
  margin-bottom:60px;
  border-bottom:1px solid #333;
}

img.address-code{
  margin-top: 30px;
  width:150px;
}
.address-map iframe{
  width:100%;
  height:400px;
  border:none;
  margin:0;
  overflow: hidden;
}

.nav-cover-box a{
  display:block;
  position:relative;
  margin-bottom:30px;
}
.nav-cover-box a .cover-title h3{
  line-height: 36px;
  font-size:14px;
  border-bottom:1px solid #ededed;
  position:relative;
}
.nav-cover-box.move a .cover-title h3{
  line-height: 45px;
  text-align: center;
  transition: 0.5s;
  background-color:transparent;
}

.nav-cover-box a .cover-title h3 .arrow{
  position:absolute;
  top:50%;
  right:5px;
  margin-top:-7px;
  height:14px;
  color:#fff;
}
.nav-cover-box a:hover .cover-title h3{
  border-bottom-color:#028803;
}
.nav-cover-box.move a:hover .cover-title h3{
  transition: 0.5s;
  background-color:#f7f7f7;
}
.nav-cover-box a:hover .cover-title h3 .arrow{
  color:#028803;
}

.apply-link a{
  color:#028803;
  font-size:16px;
  position: relative;
  right:0;
}
.apply-link a.back{
  color:#454444;
  font-size:14px;
  position: relative;
  right:0;
  padding-left:10px;
}

.apply-link a:hover{
  right:-5px;
}
.apply-link span{
  color:#454444;
  padding:0 10px;
}


.table-container
{
  width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0 0 1em;
  background-color:#fff;
  font-size:14px;
  position:relative;
}

table{border:0; border-collapse:collapse;}
table td,table th{padding:5px 14px;white-space: nowrap;}
table th{
  padding:14px;
  border-bottom:1px solid #999;
}


.table-container::-webkit-scrollbar
{
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}
.job-table{
  margin-top:30px;
}
.job-table table td>a{
  color:#028803;
  font-weight: 600;
  position:relative;
  right:0;
}
.job-table table td>a:hover{
  color:#33cc66;
  right:-5px;

}
.job-table table{
  min-width:100%;
}
.job-table table td{
  line-height: 30px;
}
.job-table table th{
  border:none;
  background-color:#33cc66;
  color:#fff;
}
.job-table table tr:nth-child(odd) td{
  background-color:#f7f7f7;
}

.dataline-list {
  list-style: none;
  margin:0;
  margin-top:30px;
  padding:0;
}
.dataline-list > li{
  margin:0;
  padding:32px 10px;
  margin-bottom:20px;
  background-color:#f7f7f7;
}
.dataline-list.line > li{
  background:none;
  border-top:1px solid #ededed;
  padding:40px 10px;
  padding-bottom:60px;
  position:relative;
  margin:0;
}
.dataline-list.line > li:last-child{
  border-bottom:1px solid #ededed;
}
.dataline-list > li .data-title{
  padding-left:30px;
  padding-bottom:30px;
  text-align: left;
  color:#028803;
  font-size:16px;
}
.dataline-list.line > li .data-content{
  max-height:100px;
  overflow:hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;

}
.dataline-list.line > li .data-content.no-limit{
  max-height:none;
  overflow:visible;
}
.dataline-list.line > li .data-more{
  position:absolute;
  bottom:10px;
  left:50%;
  margin-left:-25px;
  width:50px;
  height:22px;
  line-height: 22px;
  text-align: center;
  color:#028803;
}
.dataline-list.line > li .data-more:hover{
  background-color:#f7f7f7;
}
.dataline-list > li p{
  margin-bottom:15px;
}


.page{
  text-align: center;
}

.page a,.page span{
  display:inline-block;
  width:45px;
  height:45px;
  margin:10px;
  font-size:14px;
  line-height:45px;
  border-radius: 50%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page.text-left{
    text-align: left;
  }
  .page.text-left a,.page.text-left span{

    margin-right:20px;
    margin-left:0;

  }
}
.page{
  margin-top:20px;
}
.page .cur,.page .back,.page a.cur:hover{
  background-color:#33CC66;
  color:#fff;
}

.page .first,.page .next,.page .prev{
  color:#454444;
  background-color:#f3f3f3;
}
.page a:hover{
  color:#028803;
  background-color:#f3f3f3;

}

.fh5co-page{
  margin-bottom:50px;
}

.page-content p{
  line-height: 1.7;
}
.page-content img{
  max-width:100%;
  margin-bottom:20px;
}
.page-content ul{
  list-style: disc inside url(../images/list-disc.png);
  padding-left:15px;
}
.page-content{
  padding-bottom:30px;
}

.dialog{
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  z-index: 200;
}
.dialog-box{
  position:absolute;
  z-index:201;
  width:800px;
  height:400px;
  top:50%;
  left:50%;
  margin-left:-400px;
  margin-top:-200px;
  background-color:white;
}

.dialog-box .d-title{
  background-color:#f9fafc;
  line-height: 45px;
  font-weight: 700;
  padding-left:24px;
}
.dialog-box .d-info{
  padding:20px 15px;
}
.dialog-box .shut-down{
  position:absolute;
  top:0;
  right:5px;
  width:30px;
  line-height: 45px;
  height:45px;
}
@media screen and (max-width: 768px) {
  .dialog-box{
    position:absolute;
    z-index:201;
    width:95%;
    height:100%;
    top:0;
    left:2.5%;
    margin:0;
    margin-top:100px;
    background-color:white;
  }
.page-content img{height:auto !important;max-width:100%}
}
.open{
  display:block;
}
.open:before{
  content:'';
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, .5);
  position:fixed;
  z-index: 20;
}

.list-news2{}
.list-news2 a{display: block; height: 200px;width: 48%;float: left;}
.list-news2 a:nth-child(2n){float:right;}
.list-news2 img{
    width: 220px;
    height: 165px;
    object-fit: cover;
    float: left;
    margin-right: 20px;
}
.list-news2 h3{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-news2 p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-news2 span{}
@media screen and (max-width: 768px){
  .list-news2 img{width:40%}
  .list-news2 h3{font-size:16px}
  .list-news2 p{font-size:14px}
  #fh5co-product .fh5co-product > a{padding-bottom:20px}
  .list-news2 a{width:100%}
}