@charset "UTF-8";



/*浮动*/

.fl { float: left; }

.fr { float: right; }



/*清除浮动*/

.clearfix:after {

    height: 0;

    content: "";

    display: block;

    clear: both;

    visibility: hidden;

    font-size: 0;

}

.clearfix { zoom: 1; }

* html .clearfix { zoom: 1; }

/*字体图标*/

@font-face {font-family: "iconfont";

  src: url('font/iconfont.eot'); /* IE9*/

  src: url('font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */

  url('font/iconfont.woff') format('woff'), /* chrome, firefox */

  url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

  url('font/iconfont.svg') format('svg'); /* iOS 4.1- */

}

.iconfont {

  font-family:"iconfont" !important;

  font-size:16px;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



/*public css*/

.hide{ display: none; }

*{ box-sizing: border-box; }

.container{ margin: 0 auto; }

header, section, footer, aside, nav{ display: block; }

section{ width: 100%; overflow: hidden;}

.ellipsis{

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

}

.duohang{

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.duohangt{

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}







/*header*/

.htop{ height: 80px; }

.header{ height: 80px;padding: 0 98px;position: fixed;z-index: 100;width: 100%; top: 0;left: 0;background: #fff; }

.header.mini{

  -webkit-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.25);

-moz-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.25);

box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.25);

}

.logo{ display: block; height: 80px;line-height: 80px; }

.logo img{ vertical-align: middle; }

.nav{}

.nav li{ float: left; height: 80px; position: relative;padding-right: 34px;text-align: center;}

.nav .item{ font-size: 16px;color: #333;display: block;padding-top: 30px;padding-bottom: 12px; }

.nav .item.on{ color: #039146; }

.nav .item i{ color: #333;font-size: 16px;padding-left: 6px;opacity: 0; }

.nav .subnav{ 

  position: absolute;top: 70px; width: 160px;left: -24px; opacity: 0;visibility: hidden;background: #fff;

  transform: translate3d(10px, 10px, 0px);

  -moz-transform: translate3d(10px, 10px, 0px);

  -webkit-transform: translate3d(10px,10px, 0px);

  transition: all 0.3s ease-out 0s;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);

  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);

  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);

}

.nav .subnav a{ display: block;height: 48px;line-height: 48px; text-align: center;color: #999;font-size: 14px;}

.nav .subnav a+a{ border-top: 1px solid #eee; }

.nav .subnav a:hover{ background: #f5f5f5; }

.nav .item:hover{color: #039146;background: transparent;border-bottom: 2px solid #039146;}

.nav .item:hover i{ opacity: 1;color: #039146; }

.nav li:hover .subnav{ 

  opacity: 1;visibility: visible; 

  filter:alpha(opacity=100);opacity: 1;visibility: visible;

  transform: translate3d(0px, 0px, 0px);

  -moz-transform: translate3d(0px, 0px, 0px); 

  -webkit-transform: translate3d(0px, 0px, 0px);

}

.header .share{ height: 80px;line-height: 80px;font-size: 0; }

.header .share a{ color: #039146;display: inline-block;font-size: 32px;padding: 0 4px; transition: all 0.3s linear;}

.header .share a:hover{ color: #036732; }



/*wap nav*/

.navBtn{ color: #039146;font-size: 0.533rem; display: none;height: 1.066667rem;line-height: 1.066667rem;}

#nav-xs{

  position: fixed;right: -100%;top: 1.067rem;width: 50%;height: 100%;z-index: 999;border-top: 2px solid #039146;background: #fff;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);

  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);

  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);

  -webkit-transform: translate3d(150%,0,0);

  -moz-transform: translate3d(150%,0,0);

  -ms-transform: translate3d(150%,0,0);

  -o-transform: translate3d(150%,0,0);

  transform: translate3d(150%,0,0);

  transition: all 0.3s ease-out 0s;

  opacity: 0;visibility:hidden;

}

#nav-xs li .item{ 

  border-bottom: 1px solid #eee; display: block;width: 100%;

  transition: all 0.3s ease-out 0s;text-align: center;height: 50px;line-height: 50px;font-size: 16px; color: #666;

}

#nav-xs li .item.on{ color: #039146; }

#nav-xs .subnav.on{ display: block; }

#nav-xs.open{

  opacity: 1;visibility: visible;right: 0;

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -ms-transform: translate3d(0,0,0);

  -o-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

}

#nav-xs .subnav{ 

    position: relative;top: 0;left: 0;opacity: 1;filter:alpha(opacity=1); visibility: visible;width: 100%;display: none;

    transform: translate3d(0px, 0px, 0px);

    -moz-transform: translate3d(0px, 0px, 0px); 

    -webkit-transform: translate3d(0px, 0px, 0px);

    transition: none;border-top: 2px solid #039146;

  }

#nav-xs .subnav a{ text-align: center;font-size: 14px;height: 50px;line-height: 50px; display: block;background: #333;color: #999;}

#nav-xs .subnav a:hover{ background: #555;color: #eee; }



/*footer*/

#footer{ background: #333;width: 100%; }

#footer .wrapper{ width: 1200px;margin: 0 auto;padding: 2.5% 0;}

#footer .bottom{ width: 100%; border-top: 1px solid #585858;padding: 1% 0.267rem; }

#footer .bottom p{ text-align: center;line-height: 1.5;}

#footer .bottom p a{color: #d6d6d6;font-size: 12px;}

#footer .bottom p a+a{ margin-left: 18px; }

#footer .list .navlist{ float: left;width: 110px; }

#footer .list .navlist+.navlist{ margin-left: 30px; }

#footer .list .navlist h3{margin-bottom: 12px; padding-bottom: 12px;border-bottom: 1px solid #585858; }

#footer .list .navlist h3 a{ color: #fff;font-size: 14px; }

#footer .list .navlist li a{color: #bebebe;font-size: 12px;line-height: 26px;}

#footer .message{ float: right; }

#footer .message .share{margin-bottom: 24px; font-size: 0; text-align: right;}

#footer .message .share a{ 

  color: #fff; display: inline-block;width: 30px;height: 30px;line-height: 30px;

  text-align: center;border-radius: 30px;background: #039146; font-size: 20px;transition: all 0.3s linear;

}

#footer .message .share a+a{ margin-left: 14px; }

#footer .message .share a:hover{background: #036732;}

#footer .message .con .pic{ overflow: hidden;padding-left: 20px; }

#footer .message .con p{ color: #d6d6d6; font-size: 12px;line-height: 28px;}

#footer .list .navlist li a:hover{ color: #eee; }





@media screen and (max-width: 1700px){

  .indexPage .case .swiper-button-prev{left: 10px;}

  .indexPage .case .swiper-button-next{right: 10px;}

  .indexPage.brand .content .bprev{ left: 8%; }

  .indexPage.brand .content .bnext{right: 8%;}

}

@media screen and (max-width: 1500px){

  .indexPage.brand .content .bprev{ left: 4%; }

  .indexPage.brand .content .bnext{right: 4%;}

  .indexPage .news{ width: 100%; }

}

@media screen and (max-width: 1440px){

  .header{ padding: 0 10px; }

  .indexPage.brand .content .bprev{ left: 16px; }

  .indexPage.brand .content .bnext{right: 16px;}

}

@media screen and (max-width: 1300px){

  .header{ padding: 0 0.266667rem; height: 1.067rem;}

  .htop{ height: 1.067rem; }

  .logo{ height: 1.067rem;line-height: 1.067rem; }

  .logo img{ height: 0.533rem; }

  #nav{ display: none; }

  .header .share{ display: none; }

  .navBtn{ display: block; }

  .head-xs{ display: block; }

  .indexPage .team{ width: 100%;padding: 0 20px; }

  .indexPage.brand .content .bprev{ left: 2px; }

  .indexPage.brand .content .bnext{ right: 2px; }

  

}

@media screen and (max-width: 1200px){

  .indexPage .product{ width: 100%;padding: 0 20px 8.3%; }

  .indexPage .product li{ width: 25%;padding-bottom: 5%; }

  .indexPage .consult{ width: 100%; }

  .indexPage.brand .content .brand-swiper{ width: 80%; }

  .ad .ad-wrapper{ width: 100%; }

  #footer .wrapper{ width: 100%;padding: 2.5% 0.267rem; }

  #footer .list{ display: none; }

  #footer .message{ float: none; }

  #footer .message .share{ text-align: left; }

  .inpage .wrapper{ width: 100%;padding: 0 20px; }

  .location .wrapper{ width: 100%;padding: 0 20px; }

  .inpage .team .columnTitle{ background: url(../images/bg4.png) no-repeat 36% center; }

  .inpage .apply .columnTitle{ background: url(../images/bg4.png) no-repeat 35% center; }

  .inpage .about .columnTitle{ background: url(../images/bg4.png) no-repeat 34% center; }

  .inpage .apply .apply-mes{ padding-top: 2%; }

  .inpage .about .content .culture li{ margin-bottom: 4%; }

}

@media screen and (max-width: 960px){

  .indexPage .product li{ width: 33.3%; }

  .indexPage.brand .content .brand-swiper{ width: 90%; }

  .inpage .team .columnTitle{ background: url(../images/bg4.png) no-repeat 34% center; }

  .inpage .apply .columnTitle{ background: url(../images/bg4.png) no-repeat 33% center; }

  .inpage .about .columnTitle{ background: url(../images/bg4.png) no-repeat 32% center; }

  .inpage .about.contact .columnTitle{ background: url(../images/bg4.png) no-repeat 38% center; }

  .inpage .apply .apply-pic{ width: 100%;text-align: center;float: none; }

  .inpage .apply .apply-pic img{ width: 70%; }

  .inpage .apply .apply-mes{ padding-left: 0; }

  .case-detail .leftContent{ float: none;width: 100%; }

  .case-detail .rightContent{ padding-left: 0; }

  .case-detail .leftTitle{ display: block; margin-bottom: 6%;}

  .case-detail .rightTitle{ display: none; }

  .case-detail .detailTitle.leftTitle .title{ padding:2.5% 0 1.6%;  }

  .case-detail .rightContent .list li{ margin-top: 5%; }

  .case-detail .rightContent .list .state {padding: 10% 2% 0 6%;}

  .inpage .news .content .date{ display: none; }

  .inpage .news .content .pic{ width: 30%; }

  .inpage .news .content .state{ float: none;overflow: hidden;width: auto;padding-left: 5%; }

  .inpage .about .content .img{ float: none;width: 100%;padding-right: 0;text-align: center; margin-bottom: 3%;}

}

@media screen and (max-width: 750px){

  #nav-xs li .item{ height: 1.067rem;line-height: 1.067rem;font-size: 0.48rem; }

  #nav-xs .subnav a{ height: 1.067rem;line-height: 1.067rem; font-size: 0.427rem;}

  .bx-wrapper .bx-pager,

  .bx-wrapper .bx-controls-auto{ bottom: 0.4rem; }

  .indexPage .product li{ width: 50%; }

  .indexPage .product .img{ height: 2.24rem;}

  .indexPage .product .img img{border-radius: 2.24rem;width: 2.24rem;height: 2.24rem;}

  .indexPage .product .state{ padding-top: 0.24rem; }

  .indexPage .consult .title{ font-size: 0.533rem; font-weight: bold;}

  .indexPage .consult .con a{ padding: 0 0.533rem; width: 50%; margin-bottom: 0.667rem;}

  .indexPage .product{ width: 100%;padding: 0 0.267rem 8.3%; }

  .indexPage .team .img{ width: 28%;height: auto; }

  .indexPage .team .img img{ width: 100%;height: auto; }

  .indexPage .team .con .state{ height: 48px;margin-bottom: 0.187rem; }

  .indexPage .team .con{ padding-top: 0.16rem; }

  .indexPage .team .con .title{ padding-bottom: 0.24rem; }

  .indexPage .case .swiper-slide{ padding: 0 10px; }

  .indexPage .case .swiper-slide .title{ padding: 16px 0; }

  .indexPage .case{ padding: 0 0.533rem; }

  .indexPage .case .swiper-button-prev,

  .indexPage .case .swiper-button-next{ display: none; }

  .indexPage.brand .content .bprev, .indexPage.brand .content .bnext{ display: none; }

  .ad .list{ width: 100%; }

  .ad .list .icon{ height: 1.493rem;line-height: 1.493rem; }

  .ad .list .icon i{ height: 1.493rem;width: 1.493rem;border-radius: 1.493rem; font-size: 0.64rem;}

  .ad .list .num span{ font-size: 0.747rem;margin-right: 0.213rem; }

  .ad .list .title{ font-size: 16px; }

  .indexPage .news .con{ padding-top: 0; }

  .indexPage .news .con .title{ margin-bottom: 0.133rem; }

  .indexPage .news .con .state{ margin-bottom: 0.133rem;height: 24px;overflow: hidden; }

  .indexPage .news .menus a{ width: 25%; }

  .indexPage .news .menus a+a{margin-left: 0;}

  #footer .message .con .pic{ display: none; }

  .inpage .team .content li a{ margin: 0 0.267rem;padding: 0.267rem; }

  .inpage .team .columnTitle{background: url(../images/bg4.png) no-repeat 28% center;}

  .inpage .apply .columnTitle{background: url(../images/bg4.png) no-repeat 27% center;}

  .inpage .about .columnTitle{background: url(../images/bg4.png) no-repeat 26% center;}

  .inpage .about.contact .columnTitle{ background: url(../images/bg4.png) no-repeat 34% center; }

  .inpage .team .team-detail .team-pic{ float: none;text-align: center;width: auto;margin-bottom: 20px; }

  .inpage .team .team-detail .team-pic img{ width: 80%; }

  .inpage .team .team-detail .team-message{ padding-left: 0; }

  .inpage .case .content a{ margin: 0; }

  .inpage .news .content .state .title{ margin-bottom: 1%;font-size: 16px;padding-top: 6%; }

  .inpage .news .content .state .subtitle{ height: 27px;overflow: hidden; }

  .inpage .news li{ margin-bottom: 5%; }

  .inpage .contact .map-mes .code{ float: none;padding: 0;width: 100%;margin-bottom: 20px; }

  .inpage .contact .map-mes .code img{ width: 50%; }

  .inpage .contact .map-mes .state{ padding-left: 0; }

}

@media screen and (max-width: 640px){

  .inpage .team .columnTitle{background: url(../images/bg4.png) no-repeat 0 center;}

  .inpage .apply .columnTitle{background: url(../images/bg4.png) no-repeat 23% center;}

  .inpage .about .columnTitle{background: url(../images/bg4.png) no-repeat 22% center;}

  .inpage .team .columnTitle .title span{ padding-left: 0; }

  #map{ height: 5.867rem; }

}

@media screen and (max-width: 520px){

  .inpage .team .columnTitle{background: url(../images/bg4.png) no-repeat 20% center;}

  .inpage .apply .columnTitle{background: url(../images/bg4.png) no-repeat 19% center;}

  .inpage .about .columnTitle{background: url(../images/bg4.png) no-repeat 18% center;}

   .case-detail .rightContent .list .state {padding: 7% 2% 0 6%;}

   .inpage .about.contact .columnTitle{ background: url(../images/bg4.png) no-repeat 26% center; }

}

@media screen and (max-width: 320px){

  .indexPage .news .con .date{ display: none; }

  .indexPage .team .con .state{ display: none; }

  .inpage .team .columnTitle{background: url(../images/bg4.png) no-repeat 12% center;}

  .inpage .apply .columnTitle{background: url(../images/bg4.png) no-repeat 11% center;}

  .inpage .about .columnTitle{background: url(../images/bg4.png) no-repeat 10% center;}

  .inpage .about.contact .columnTitle{ background: url(../images/bg4.png) no-repeat 16% center; }

  .inpage .team .content li .pic{ width: 100px;height:100px;border-radius:100px;overflow: hidden; }

  .inpage .team .content li .con .state{ display: none; }

  .inpage .news .content .state .title{ padding-top: 0; }

}