/*header*/
.header{
	width:100%;
	height: 55px;
	overflow: hidden;
  box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);
	position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
    -o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
    transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
html.limit, html.limit body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.header.open-menu{
    height: 100%;
 
}
.navbar{position: relative;width:100%;height: 55px;background: #fff;-webkit-transition: background 1s ease;-o-transition: background 1s ease;transition: background 1s ease;}
.navbar .logo{
  width: 124px;
  text-align:left;
	display: block;
	font-size: 0;
  position: absolute;
  top:0;
  left: 2%;
  padding:5px 0;
}
.navbar .logo img{height:40px;}
.language{
  float:right;
  padding:0 2px;
  line-height: 55px;
  color: #999;
  font-size: 16px;
}
.language img{
 height: 25px;
}

.language span{
  margin:0 5px;
}
.language a{color: #999;}
.language a.active{color: #32b271;}
.navbar-control{
	float:right;
	display:block;
	width:58px;
	height: 55px;
	padding:20px 18px;
}
.control-icon {
    display: block;
    width:22px;
    height: 2px;
    background: #333;
   transition: transform .4s ease-out,opacity .2s,-webkit-transform .4s ease-out;
}
.control-icon:nth-of-type(2) {
    margin:4px 0;
}
.header.open-menu .control-icon:nth-of-type(2) {
	opacity: 0;
    -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
            transform: translateX(20px);
}
.header.open-menu .control-icon:nth-of-type(1) {
	-webkit-transform: translate3d(0,6px,0) rotate(45deg);
	        transform: translate3d(0,6px,0) rotate(45deg);
}
.header.open-menu .control-icon:nth-of-type(3) {
	-webkit-transform: translate3d(0,-6px,0) rotate(-45deg);
	        transform: translate3d(0,-6px,0) rotate(-45deg);
}
.nav-menu{
    position: absolute;
    top: 55px;
    left:60%;
    bottom: 0;
    right: 0;
    width: 40%;
    z-index: 620;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 1s;
    -o-transition: visibility 0s linear 1s;
    transition: visibility 0s linear 1s;
	background:rgba(0,0,0,0.7)
}
.header.open-menu .nav-menu{
    visibility: visible;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
}
.nav-list li{
	visibility: hidden;
    opacity: 0;
    -webkit-transform: matrix(1.1, 0, 0, 1.1, -20, -20);
        -ms-transform: matrix(1.1, 0, 0, 1.1, -20, -20);
            transform: matrix(1.1, 0, 0, 1.1, -20, -20);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.nav-list li:nth-of-type(1){
	-webkit-transition-delay: .1s;
	     -o-transition-delay: .1s;
	        transition-delay: .1s;
}
.nav-list li:nth-of-type(2){
	-webkit-transition-delay: .2s;
	     -o-transition-delay: .2s;
	        transition-delay: .2s;
}
.nav-list li:nth-of-type(3){
	-webkit-transition-delay: .3s;
	     -o-transition-delay: .3s;
	        transition-delay: .3s;
}
.nav-list li:nth-of-type(4){
	-webkit-transition-delay: .4s;
	     -o-transition-delay: .4s;
	        transition-delay: .4s;
}
.nav-list li:nth-of-type(5){
	-webkit-transition-delay: .5s;
	     -o-transition-delay: .5s;
	        transition-delay: .5s;
}
.nav-list li:nth-of-type(6){
	-webkit-transition-delay: .6s;
	     -o-transition-delay: .6s;
	        transition-delay: .6s;
}
.nav-list li:nth-of-type(7){
	-webkit-transition-delay: .7s;
	     -o-transition-delay: .7s;
	        transition-delay: .7s;
}
.nav-list li:nth-of-type(8){
	-webkit-transition-delay: .8s;
	     -o-transition-delay: .8s;
	        transition-delay: .8s;
}
.header.open-menu .nav-list li{
	visibility: inherit;
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
}
.nav-list a{
	display: block;
	line-height: 49px;
	width:100%;
	color: #fff;
	text-align: center;
	font-size: 14px;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.nav-list li.active a{color: #32b271;}
.nav-search{
	height: 50px;
	width:100%;
	border-bottom: 1px solid rgba(255,255,255,.06);
	text-align: center;
	 background:rgba(255,255,255,0.2)
}
.search-text{
	width:55%;
	height: 49px;
	color:#fff;
	font-size: 14px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
.search-btn{
	width:49px;
	height: 49px;
	display: inline-block;
	background: url(../images/search.png) no-repeat center;
	vertical-align: middle;
	background-size: 16px;
	border: none;
}
/*banner*/
#jxSlide .swiper-slide{background: #fff;}
#jxSlide .swiper-slide a{
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/* height: 6.82rem; */
	position: relative;
}
#jxSlide .swiper-pagination-bullet{
	background: #d00;
  border-radius: 4px;
  opacity: 0.5;
  transition: all .5s;
}
#jxSlide .swiper-pagination-bullet-active{
  opacity: 1;
  width: 20px;
}
/*about*/
.sec-single{padding-bottom: .2rem;}
.h-about-j{
  width: 100%;
  padding:.3rem 0;
  box-shadow: 0 5px 15px rgba(0,0,0,.1);
  position: relative;
  z-index: 4;
  top:-.4rem;
  background:rgba(255,255,255,1);
   border-radius:5px;
}
.h-about-j li {
  float: left;
  text-align: center;
  width: 49.5%;
  border-left: 1px solid rgba(219,219,219,.6);
  margin-bottom:5%;
}
.h-about-j li:first-child{border-left: none; }
.h-about-j .m-num {
  position: relative;
  display: inline-block;
}
.h-about-j .single-num {
  font-size:.5rem;
  line-height: 1;
  font-family: "Roboto","Open Sans","Arial";
}
.h-about-j .sup {
  font-size: 14px;
  width: 10px;
  line-height: 1;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  left: 100%;
  top: 0;
  color: #666;
}
.h-about-j .m-tit {
  font-size: .15rem;
  color: #666;
  line-height:.25rem;
}
.h-about-fig{
  width: 100%;
  height: 200px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.vide-play{
  width: .9rem;
  height: .9rem;
  background: url(../images/home_02.png) no-repeat center;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  margin-top: -.45rem;
  margin-left: -.45rem;
  cursor: pointer;
  font-size: .32rem;
  text-align: center;
  line-height: .9rem;
  color: #fff;
  transition: all .5s;
}
.habout-video video{
  width: 100%;
  height: auto;
  display: block;
}
.sec-about{padding-bottom: .6rem;border-bottom:1px solid #dbdbdb}
.section-title{text-align: center;margin:20px 0;}
.section-title h3{
  font-size: .4rem;
  color: #383735;
}
.section-title .hr{
  width: .4rem;
  height: 2px;
  background: #d00;
  margin:.2rem auto 0 auto;
}
.h-about-box .m-des{
  font-size: .2rem;
  line-height: 1.6;
  color: #888;
  text-align: center;
  margin-bottom: .24rem;
}
.btn-more{
  width: 40%;
  display: block;
  line-height: 2.5;
  text-align: center;
  font-size: .2rem;
  color: #fff;
  background: #d00;
  margin:0 auto;
  border-radius:6px;

}
@media (max-width: 450px){
  .h-about-box .m-des,.btn-more{font-size: 14px;}
}
/*业务板块*/
.sec-hbusiness{padding:.3rem 0 .6rem;border-bottom:1px solid #dbdbdb}
#hbusSwiper{margin-top: 7px;}
#hbusSwiper .swiper-slide {
    width: 4rem;
    height: auto;
    background: #fff;
}
#hbusSwiper .swiper-slide img{width: 100%;display: block;}
#hbusSwiper .sfq-item{
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
#hbusSwiper .sfq-item::after{
  content: '';
  position: absolute;
  top:0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,.6);
  transition: all .5s;
  z-index: 2;
}
#hbusSwiper .swiper-slide-active .sfq-item::after{
  background: rgba(255,255,255,0);
}
#hbusSwiper .m-cont{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  background: linear-gradient(to top, rgba(0,0,0,.72) , rgba(255,255,255,0));
  padding:.3rem .32rem;
  text-align: center;
  color: #fff;
  opacity: 0;
  transition: all .5s;
}
#hbusSwiper .m-head{
  position: absolute;
  top:20%;
  z-index: 4;
  padding:15% 35% 1%; ;
  text-align: center;
  color: #fff;
  margin:0 auto;

  transition: all .5s;
}
#hbusSwiper .m-tit{
  font-size: .3rem;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#hbusSwiper .m-des{
  font-size: .2rem;
  line-height: 1.6;
  margin-top: 4px;
  height: .96rem;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
#hbusSwiper .swiper-slide-active .m-cont{
  opacity: 1;
}
@media (max-width: 450px){
  #hbusSwiper .m-des{font-size: 14px;height: 67px;}
}
/*新闻*/
.sec-hnews{padding:.3rem 0 .6rem; background:#F8F8F8}
.hnews-top{margin-top: 6px;}
.hnews-top .m-pic{
  display: block;
  width: 100%;
}
.hnews-top .m-pic img{
  display: block;
  width: 100%;
}
.hnews-top .m-cont{
  padding-top: .2rem;
}
.hnews-top .m-tit{
  font-size: .3rem;
  color: #313131;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.hnews-top .m-des{
  font-size: .2rem;
  line-height: 1.6;
  color: #888;
  margin:.15rem 0 .2rem;
  height: .64rem;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.btn-read{
  width: 100%;
  display: block;
  line-height: 2.5;
  text-align: center;
  font-size: .2rem;
  color: #888;
  border:1px solid #dbdbdb;
}
.news-list{padding-top: .6rem;}
.hnews-item{
  padding-bottom: .2rem;
  padding-top: .2rem;
  border-top: 1px solid #dbdbdb;
}
.hnews-item .m-head{color: #888;font-size: .2rem;}
.hnews-item .m-tit{
  display: block;
  color: #555;
  font-size:18px;
  height:.5rem;
  margin-top:.13rem;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; font-weight:bold
  
}
.hnews-item p{
  display: block;
  color: #666;
  font-size:14px;

  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  
}
@media (max-width: 450px){
  .hnews-top .m-des{font-size: 14px;height: 45px;}
  .btn-read,.hnews-item .m-head{font-size: 14px;}
}
/*footer*/
.footer{
  width:100%;
  background: #333;
  padding: 30px 0 55px;
}
.footer-item{
  border-bottom:1px solid #1e1e1e;
  font-weight: lighter;
}
.footer-tit{position: relative;}
.footer-tit a{
  font-size:14px;
  color: #fff;
  line-height:48px;
  margin-right: 60px;
  display: block;

}
.footer-tig{
  font-size: 14px;
    color: #888;
    text-align: right;
    line-height: 48px;
    width: 50px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.footer-tig::before,.footer-tig::after {
    content: '';
    background: #fff;
    position: absolute;
    top: 50%;
    transition: all .3s;
}
.footer-tig::before {
    width: 10px;
    height: 2px;
    right: 0;
    margin-top: -1px;
}
.footer-tig::after {
    width: 2px;
    height: 10px;
    margin-top: -5px;
    right: 4px;
}
.footer-item.open .footer-tig::after {
    opacity: 0;
}
.footer-cont{display: none;}
.footer-cont a{line-height: 36px;color: #888;font-size: 12px;border-bottom: 1px solid #333;display:block;}
.footer-cont a:last-child{border:none;}
.footer-pad{padding-bottom: .2rem;border-top: 2px solid 
  #333;}
.footer-bottom{padding-top: 30px;}
.share .text{float: left;font-size: 16px;color: #888;}
.share .bdsharebuttonbox{float: left;}
.share .bdsharebuttonbox a {
  float: left;
    padding: 0;
    background: transparent;
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    color: #a8a8a8;
    margin: 0 0 0 25px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.share .bdsharebuttonbox a::before {
    font-family: "iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 24px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
}
.share .bdsharebuttonbox a.bds_sqq::before{
  content: "\e602";
}
.share .bdsharebuttonbox a.bds_weixin::before{
  content: "\e603";
}
.share .bdsharebuttonbox a.bds_tsina::before{
  content: "\e604";
}
.share .bdsharebuttonbox a:hover{color: #32b372;}
.footer-friends{color: #888;}
.footer-friends a{
  color: #888;
  margin-right: 15px;
}
.footer-sec{color: #888;margin:5px 0;}
.footer-sec a{color: #888;}
.footer-thr{color: #888;margin:5px 0;}
.footer-thr a{color: #888;}
.footer-ewm{
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
}
.footer-ewm img{width:70px}
.footer-ewm p{margin-top: 5px;}
.bd_weixin_popup{box-sizing: content-box;} 
.index_case001{ padding-top:1%; padding:0 2%;}
.index_case001 dl{ float:left; width:48%; height:3.2rem; position:relative; margin:1.5% 1% 2.5% 1%;border:1px #e6e6e6 solid; border-radius:5px;}
.index_case001 dl dt{}
.index_case001 dl dt img{height:165px;}
.index_case001 dl dd{ width:100%; height:33px; text-align:center; color:#444; padding:0% 2% 0; font-size:0.26rem; line-height:33px; border-top:1px #e6e6e6 solid;}
.index_case001 dl dd span{ display:block; font-size:0.22rem; line-height:0.4rem; height:0.4rem; overflow:hidden;}