@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;}
  .about-yjy .four{ right: -100px; }
}
@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; }
  .about-yjy .four{ right: 0; }
  .new-news .nlist .pic, .new-news .nlist2 .pic{ width: 35%; }
  .new-news .nlist .con, .new-news .nlist2 .con{ width: 63%; }
  .about-yjy .four{ right: 25px;top: 1198px; }
  .about-yjy .five{ top: 1433px;left: 115px; }
  
}
@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%; }
  .strength .imgs{ width: 100%; }
  .service-strength .slist{ width: 100%; padding: 0 20px;}
  .service-strength h2{ padding: 0 20px;line-height: 1.5; }
  .service-strength .slist i{ display: none; }
  .advantage .advantage-icons .item{ width: 30%; margin: 0 1%; }
  .new-news .nlist .con .title, .new-news .nlist2 .con .title{ margin: 0 0 6px; }
  #subbanner .wrapper{ width: 100%;left: 0;margin-left: 0; padding-left: 10%; }
  .inpage .news-detail .nleft{ width: 100%;float: none; }
  .inpage .news-detail .nright{ padding-left: 0; margin-top: 5%;}
  .inpage .news-detail .nright li{ float: left;width: 50%;padding:18px 20px; }
  .inpage .news-detail .nright li+li{ border-top: none; }
  .gudong .glist .d{ height: 90px; }
  .zy-Slide{ display: none; }
  .sl-swiper{ display: block; }
  .sbtn{ display: block; }
}
@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%;}
  .new-news .nlist .pic, .new-news .nlist2 .pic{ display: none; }
  .new-news .nlist .con, .new-news .nlist2 .con{ width: 100%; }
   .gudong .glist .d{ height: 60px; }
   .about-yjy .one .bg{ border-radius: 0; }
   .about-yjy .one .t{ padding-top: 40px; }
   .about-yjy .one .en{ margin-bottom: 40px; }
   .inpage .wrapper.about-yjy{ padding: 0; height: auto;}
   .about-yjy .one{ border-radius: 0; width: 100%;height: auto;padding-bottom: 50px; left: 0;margin-left: 0;top: 0;position: relative;}
   .about-yjy .one .img{ padding-right: 0; }
   .about-yjy .one .wrap{ width: 90%; }
   .about-yjy .two{width: auto;height: auto;border-radius: 0;padding:40px 0.267rem 40px 3.253rem ;background: rgba(238,188,0,.8) url(../img/j2.png) no-repeat 10px center;  background-size: 2.08rem 2.4rem; position: relative;left: 0;top: 0;  }
   .about-yjy .three{width: auto;height: auto;border-radius: 0;padding:40px 0.267rem 40px 3.253rem ;    background: rgba(224,89,15,.8) url(../img/j3.png) no-repeat 10px center;  background-size: 2.173rem 2.507rem; position: relative;right: 0;top: 0;margin-bottom: 10%; }
   .about-yjy .four{background: url(../img/j4.png) no-repeat 10px center; width: auto; padding: 0 0.267rem; position: relative;top: 0;right: 0; margin-bottom: 10%; background-size: 2.373rem 2.133rem;padding-left: 3.253rem;}
   .about-yjy .five{background: url(../img/j5.png) no-repeat 10px center; padding: 0 0.267rem; position: relative;top: 0;left: 0; margin-bottom: 10%;background-size: 2.56rem 2.453rem;padding-left: 3.253rem;}
   .about-yjy .six{background: url(../img/j6.png) no-repeat 10px center; padding: 0 0.267rem; position: relative;left: 0;bottom: 0;background-size: 2.56rem 2.427rem;padding-left: 3.253rem; }
   .inpage00{ background: #fff; }
   .about-yjy .big-yuan{ display: none; }
   .about-yjy .d{ width: auto; }
   .about-yjy .five .d{ width: auto; }
   .about-yjy .six .d{ width: auto; }
   .about-yjy .t2{ font-size: 20px; }
   .about-yjy .d{ padding: 0.267rem 0;margin-top: 0.4rem; }
   .sbtn .prev{ left: 5px; }
    .sbtn .next{ right: 5px; }
}
@media screen and (max-width: 840px){
  .sbtn{ display: none; }
}
@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; }
  .advantage .atitle .t{ font-size: 24px; }
  .strength .imgs img{ width: 48%; }
  .strength .imgs{ background: none; }
  .service-strength h2{ font-size: 18px; }
   .service-strength .slist .item{ padding-top: 80px; }
  .service-strength .slist .item span{ font-size: 24px; }
  .service-strength .slist i{ display: none; }
  .advantage .advantage-icons .item img{ width: 54%; }
  .advantage .advantage-icons .item{ margin: 0; }
  .advantage .advantage-icons .item i{ font-size: 18px; }
  .advantage .advantage-icons .item span{ font-size: 16px; }
  .advantage .advantage-icons .item i{ margin: 0.133rem 0; }
  .new-news .nlist{ padding-right: 0.507rem; }
  .new-news .nlist2{ padding-left: 0.507rem; }
  .new-news .nlist .time span{ width: 0.507rem;right: -0.507rem; }
  .new-news .nlist2 .time span{ width: 0.507rem;left: -0.507rem; }
  #subbanner .wrapper .t{ font-size: 18px; }
  #subbanner .wrapper .en{ font-size: 16px; }
  .inpage .news-detail .nright li{ padding: 0.213rem 0;padding-right: 0.267rem; }
  .inpage .news-detail .nright li:nth-child(2n){ padding-right: 0; }
.about-yjy .six{ padding-top: .5rem; }
  .gudong .glist .t{ font-size: 18px; }
  .gudong .glist .pic{ width: 100%; }
  .gudong .glist .con{ width: 100%;padding-left: 0; }
  .gudong .glist .con2{ padding-right: 0;width: 100%; }
  .gudong .glist .pic2{ display: block; }
  .gudong .glist .pic3{ display: none; }
  .gudong .glist{ margin-bottom: 10%; }
  .sl-swiper .swiper-slide-prev img{ width: 80%;margin-top: 12%; }
  .sl-swiper .swiper-slide-next img{ width: 80%; margin-top: 12%;}
  .sl-swiper li{ height: auto;line-height: normal; }
  .about-yjy .one .t{ font-size: 24px; }
  .about-yjy .one .en{ margin-bottom: 8%; }
  .about-yjy .one .description em{ font-size: 16px; }
  .about-yjy .one .description{ font-size: 14px;line-height: 24px; }
  .about-yjy .d{ font-size: 16px; }
}
@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; }
  .new-news .jiantou{ display: none; }
  .new-news .line{ display: none; }
  .new-news .nlist{ width: 100%; border-bottom: 1px solid #ccc;padding-bottom: 18px;}
  .new-news .nlist2{padding-left: 0; margin-left: 0; border-bottom: 1px solid #ccc;padding-bottom: 18px;}
  .new-news .nlist .con{ padding-right: 0; }
  .new-news .nlist2 .con{ padding-left: 0; }
  .new-news .nlist .time span, .new-news .nlist2 .time span{ display: none; }
  .new-news .nlist .con .title{ text-align: left; }
  .new-news .nlist .con .description{ text-align: left; }
.new-news .nlist .time{ text-align: left; }
.about-yjy .one img{ width: 4.053rem;height: 5.2rem; }
}
@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; }
}