.header{position: fixed; top: 0; left: 0; width: 100%; z-index:999; background: rgba(255,255,255,1); }

.logo{width: 20%; float: left; margin:10px 0 4px; padding-left: 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.logo img{max-width: 100%;}

.nav{width: 80%; float: right; padding-left: 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#hzMenu{float: right;}
#hzMenu>li{text-align: center; position: relative; float:left; cursor: pointer; box-sizing: border-box;}
#hzMenu>li>a{color: #333; display: block; height: 76px;  line-height: 76px; font-size: 18px; font-weight: bold; padding:0px 30px;}
#hzMenu>li.current>a{border-bottom: 3px solid #F86D0D; color: #F86D0D}
#hzMenu>li>a:hover{color: #F86D0D}
#hzMenu .subnav{
  position: absolute; 
  top: 59px; 
  left: 0; 
  width: 250px;
  display: none; 
  z-index: 99;
  line-height: 36px;
  background: #f5f5f5;
  padding: 14px 0;
}
#hzMenu .subnav li a{display: block; color: #4F8C2D; font-weight: bold; line-height: 30px; font-size: 18px; text-align: left; padding: 5px 28px; }
#hzMenu .subnav li a:hover{color: #2c6f08;}

.fudong{width:100%;}
.fudong .logo img{transition: all .3s;}

.hzMenu{display: none}
.window{
  position: fixed;
  top:0; 
  left: 0; 
  height: 100%; 
  width: 100%; 
  background: rgba(0,0,0,.6); 
  z-index: 999;
  display: none;
}

.l-open {background-color: #fff; color: #F86D0D; font-size: 40px; cursor: pointer; margin:8px 15px 5px 0;}
.l-close{color: #666; background-color: #e9e9e9; width: 100%; height: 46px; line-height: 46px;}


@media screen and (max-width: 1200px) {
  .show-r{display: block !important;}
  .nav{height: 38px; line-height: 38px; width: 75%;}
  #hzMenu{display: none}
  .hzMenu{position: fixed; top:0; right: 0; width: 60%; height: 100%; background-color: #fff; display: block; z-index: 99999}
  .hzMenu>li{width: 100%; border-bottom: 1px solid #eee; margin:0; padding: 0; text-align: left; border-left: 4px solid #fff;}
  .hzMenu>li a{font-size: 16px; width: 100%; height: 50px; line-height: 50px; display: block; padding: 0 20px; font-weight: bold; color: #444}
  .hzMenu>li a i{float: right; font-size: 26px; font-weight: normal;}  
  .hzMenu>li.current{border-left: 4px solid #F86D0D; }
  .hzMenu>li.current a{color: #F86D0D}

  .hzMenu .subnav{position: fixed; top:0; right: 0; width: 60%; height: 100%; background-color: #fff; }
  .hzMenu .fanhui:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
  .hzMenu .fanhui{cursor: pointer; color: #4F8C2D; font-size: 16px; padding: 0 16px; font-weight: bold;height: 66px; line-height: 66px; border-bottom: 2px solid #ddd; zoom: 1;}
  .hzMenu .fanhui i{transform: rotate(180deg); font-size: 15px; float: left; margin-right: 7px; }

  .sho{right: -60% !important;}
  .window{display: block;}
}
@media screen and (max-width: 1200px){
  .logo{width: 25%}
  .show-r{display: block;}
}
@media screen and (max-width: 768px){
  .logo{width: 40%}
  .nav{width: 60%;}
  .l-open{font-size: 38px;}

}
@media screen and (max-width: 480px){
  .l-open{font-size: 26px; margin:6px 15px 5px 0;}
}

.banner{ height: 720px; margin-top: 59px; text-align: center; transition: all .3s; color: #fff; padding: 160px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.banner_fl{font-size: 24px; line-height: 36px; font-weight: bold;}
.banner_line{
    width: 1px;
    background: #fff;
    height: 68px;
    margin: 10px auto 16px;
}
.banner_bt{font-size: 55px; line-height: 65px; font-weight: bold;}
.banner_ms{font-size: 22px; line-height: 22px; margin-top: 30px;}
.banner_gd a{
  font-size: 22px; 
  display: block; 
  margin: 0 auto;
  width: 260px;
  background:#F86D0D;
  color: #fff;
  height: 60px; 
  line-height: 60px;
  text-align: center;
  margin-top: 40px;
  transition: all .3s;
}

.banner_gd a:hover {
  box-shadow: 0 -60px 0 #d05a09 inset;
}

.ban{height: 330px; margin-top: 59px; text-align: center; transition: all .3s;}
@media screen and (max-width: 1200px){
  .banner{ height: 520px; padding: 80px 0}
  .banner_fl{font-size: 18px; }
  .banner_line{ height: 48px;}
  .banner_bt{font-size: 68px; line-height: 80px;}
  .banner_ms{font-size: 20px; line-height: 36px;}
  .banner_gd a{
    font-size: 22px; 
    width: 240px;
    height: 50px; 
    line-height: 50px;
  }
}

@media screen and (max-width: 768px){
  .banner{ height: 400px; padding: 60px 30px}
  .banner_fl{font-size: 16px; }
  .banner_line{ height: 38px; margin:15px auto;}
  .banner_bt{font-size: 48px; line-height: 68px;}
  .banner_ms{font-size: 18px; line-height: 28px; margin-top: 15px;}
  .banner_gd a{
    font-size: 18px; 
    width: 200px;
    height: 40px; 
    line-height: 40px;
    margin-top: 25px;
  }
  .ban{height: 200px;}
}

@media screen and (max-width: 480px){
  .banner{margin-top: 39px; height: 320px; padding: 30px 30px 20px}
  .banner_fl{font-size: 16px; margin: 10px auto;}
  .banner_line{ height: 28px; margin:10px auto;}
  .banner_bt{font-size: 26px; line-height: 40px;}
  .banner_ms{font-size: 16px; line-height: 24px;}
  .banner_gd a{
    font-size: 16px; 
    width: 180px;
    height: 40px; 
    line-height: 40px;
    margin-top: 25px;
  }
  .ban{height: 125px;margin-top: 39px;}
}
@media screen and (max-width: 320px){
  .banner_bt{font-size: 22px;}
}

/**内容**/
.quyu{display: flex;}
.quyu li{width:50%;}
.quyu li img{display: block; max-width: 100%; display: none}
.quyu li .bt{font-weight: bold; font-size: 18px;}
.quyu li .bt:before {
    content: "";
    display: inline-block;
    width: 48px;
    border-top: 1px solid #555;
    height: 1px; 
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -3px;
}

.quyu li h1{font-size: 45px; font-weight: bold; line-height: 55px; margin-top: 12px;}
.quyu li p{font-size: 22px; line-height: 32px; margin-top: 26px;}
.quyu li a.more{
  font-size: 19px; 
  display: block; 
  width: 55%;
  background:#F86D0D;
  color: #fff;
  height: 60px; 
  line-height: 60px;
  text-align: center;
  margin-top: 42px;
  transition: all .3s;
  float: right;
}

.quyu li a.more:hover {
  box-shadow: 0 -60px 0 #d05a09 inset;
}

/*图1*/
.quyu li.quyu_son1{background: #fff; padding: 75px 115px; color: #555;}

/*图2*/
.quyu li.quyu_son2{background: #4F8C2D url(../images/quyu_son1.jpg) no-repeat center; background-size: cover;  position: relative;}
.quyu li.quyu_son2 .quyu_son2_bg{
  position: absolute; 
  bottom: 0; 
  right: 0;
  width: 66.66%;
  background: #F86D0D;
}
.quyu li.quyu_son2 .quyu_son2_bg .quyu_son2_con_txt{
  background: #fff; 
  transition: all .3s;
  width: 100%;
  padding: 40px 50px; 
}
.quyu li.quyu_son2 .quyu_son2_bg .quyu_son2_con_txt a{color: #555;}
.quyu li.quyu_son2 .quyu_son2_bg:hover .quyu_son2_con_txt{transform:translateX(-20px) translateY(-20px)}
.quyu_son2_con_txt span{font-size: 22px; margin-top: 15px; display: inline-block; line-height: 30px;}
.quyu_son2_con_txt h4{font-size: 36px; font-weight: bold; margin-top: 20px;line-height: 42px;transition: all .3s;}
.quyu_son2_con_txt h4:hover{color: #F86D0D; margin-left: 15px;}
.quyu_son2_con_txt p{font-size: 32px; color: #9F9F9F; }
.quyu_son2_con_txt a.more2{
  font-size: 22px; 
  display: block;
  color: #F86D0D !important;
  height: 48px; 
  line-height: 48px;
  margin-top: 15px;
  transition: all .3s;
}
.quyu_son2_con_txt a.more2:hover{margin-left: 15px;}
/*图3*/
.quyu li.quyu_son3{background: #444; padding: 75px 100px; color: #fff;}
.quyu li.quyu_son3 .bt:before {border-top: 1px solid #fff;}
.quyu li.quyu_son3 a.more{background: #cc5808}
.quyu li.quyu_son3 a.more:hover {box-shadow: 0 -60px 0 #a04404 inset;}
/*图4*/
.quyu li.quyu_son4{background:url(../images/quyu_son2.jpg) no-repeat center; background-size: cover;}

/*图5*/
.quyu li.quyu_son5{padding:0;}
.quyu li.quyu_son5 video{width: 100%; height: 100%; background: #00B3E7; object-fit: fill}

/*图6*/
.quyu li.quyu_son6{background: #F86D0D; padding:40px 70px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.quyu li.quyu_son6 p{font-size: 16px;}
.quyu li.quyu_son6 a.more{background: #cc5808}

@media screen and (max-width: 1360px){
  .quyu li.quyu_son5{height: 400px;}
}

@media screen and (max-width: 1024px){
    .quyu li h1{font-size: 46px; line-height: 64px;}
    .quyu li p{font-size: 20px; line-height: 30px; margin-top:25px;}
    .quyu li a.more{
      font-size: 20px; 
      width: 60%;
    }
    .quyu li.quyu_son1, .quyu li.quyu_son3{padding: 60px 55px;}
    .quyu li.quyu_son2 .quyu_son2_bg:hover .quyu_son2_con_txt{transform:translateX(0px) translateY(0px)}

    .quyu li.quyu_son2 .quyu_son2_bg{width: 86.66%; }
    .quyu li.quyu_son2 .quyu_son2_bg .quyu_son2_con_txt{padding: 30px 40px;}
    .quyu_son2_con_txt span{font-size: 20px; margin-top: 10px;}
    .quyu_son2_con_txt h4{font-size: 32px; margin-top: 10px; line-height: 38px;}
    .quyu_son2_con_txt p{font-size: 20px; margin-top: 10px !important;}
    .quyu_son2_con_txt a.more2{
      font-size: 16px; 
      margin-top: 10px;
      height: 28px;
      line-height: 28px;
    }
    
  .quyu li.quyu_son5{height: auto;}
}

@media screen and (max-width: 768px){
  .quyu2{display: block;}
  .quyu li.quyu_son5,.quyu li.quyu_son6{width: 100%;}
}

@media screen and (max-width: 480px){
  .quyu{display: block;}
  .quyu li{width: 100%;}
  .quyu li img{display: block;}
  .quyu li.quyu_son1,.quyu li.quyu_son3{padding: 30px 35px; background-image: none;}
  .quyu li h1{font-size: 26px; line-height: 34px;}
  .quyu li p{font-size: 16px; line-height: 24px; margin-top: 10px;}
  .quyu li a.more{
      font-size: 16px; 
      width: 70%;
      height: 40px;
      line-height: 40px;
    }

  .quyu li.quyu_son2 .quyu_son2_bg{width: 100%; position: static;}
  
  .quyu li.quyu_son2 .quyu_son2_bg .quyu_son2_con_txt{padding: 30px 40px;}
  .quyu_son2_con_txt span{font-size: 20px; margin-top: 10px;}
  .quyu_son2_con_txt h4{font-size: 26px; margin-top: 10px; line-height: 38px;}
  .quyu_son2_con_txt p{font-size: 20px; margin-top: 10px !important;}

}

/*链接*/
.link{padding:80px 0;}
.link .tab{width: 100%; z-index: 9; text-align: center; width: 100%;}
.link .tab a{
  color: #666; 
  cursor: pointer; 
  width: 25%; 
  padding: 0 25px;
  float: left;
  box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  display: block;
}
.link .tab a img{width: 100%; transition: all .5s; border: 1px solid #ddd; padding: 10px;}
.link .tab a:hover img{border-color:#F86D0D; transform: scale(1.05);}

@media screen and (max-width: 768px){
  .link{padding:55px 0;}
  .link .tab a{color: #666; cursor: pointer; width: 50%; padding: 0 15px; margin-bottom: 20px;}
}

@media screen and (max-width: 480px){
  .link{padding:35px 0;}
  .link .tab a{padding: 0 10px;}
}

/**底部**/
.foot_con{padding: 40px 80px 20px; background: #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.bot_nav{width:34%; font-size: 16px; float: left; padding-right: 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.bot_nav li{font-weight: bold; margin-bottom: 17px; color: #fff; float: left; width: 50%;}
.bot_nav li a{color: #444;}
.bot_nav li a:hover{color: #F76C0C}

.ewm{width:32%; float: left;}
.ewm span{display: inline-block; font-size: 14px; float: left; line-height: 22px; padding-top: 30px; color: #444; font-weight: bold;}
.ewm img{display: inline-block; float: left; margin-right: 15px;}

.add{width:34%; float: right; font-size: 16px; line-height: 36px;}
.add p{font-weight: bold; color: #555;}
.add p:first-child{background: url(../images/dh.png) no-repeat left 8px; padding-left: 30px}
.add p:nth-child(2){background: url(../images/dz.png) no-repeat left 8px; padding-left: 30px}
.add p:last-child{background: url(../images/yx.png) no-repeat left 8px; padding-left: 30px}

.youlian{width:100%; overflow:hidden; opacity:0.8; margin-top: 25px;}
.youlian .youlina_left{text-align:right; line-height:24px;  float:left; font-size:13px; color: #555;}
.youlian .youlina_right{line-height:22px; overflow:hidden;}
.youlian .youlina_right a{margin-left:18px; color: #555; display:inline-block; width:auto; display:inline-block; font-size:13px;}
.youlian .youlina_right a:hover{color:#f86d0d;}

.foot_copy{margin-top: 20px; color: #666; border-top: 1px solid #ccc; padding-top: 10px; text-align: center;}

@media screen and (max-width: 1340px){
  .bot_nav{width:30%;}
  .add{width:38%;}
}
@media screen and (max-width: 768px){
  .foot_con{padding: 40px 50px 20px;}
  .bot_nav{font-size: 14px; width:29%; padding-right: 20px;}
  .bot_nav li{font-weight: bold; margin-bottom: 17px; color: #fff; float: left; width: 50%;}

  .ewm{width:16%; float: left;}
  .ewm span{display: none;}
  .ewm img{float: none; margin-right: 5px;}

  .add{width:49%; font-size: 14px; font-weight: normal; line-height: 32px;}
  .add p{font-weight: bold; color: #555;}
}
@media screen and (max-width: 480px){
  .foot_con{padding: 40px 25px 20px;}
  .bot_nav{ width:64%;padding-right: 20px;}
  .bot_nav li{font-weight: bold; margin-bottom: 17px; color: #fff; float: left; width: 50%;}

  .ewm{width:36%;}
  .ewm img{display: inline-block; margin-right: 15px;}

  .add{width:100%; margin-top: 20px;}

  .youlian .youlina_left,.youlian .youlina_right{float: none; text-align: left;}
  .youlian .youlina_right a{margin: 0 18px 0 0; }
}

/**app**/
.huojia_ys_con{background: #fff; padding: 50px 30px}
.huojia_ys_con h2{text-align: center; margin:0px 0 40px; font-size: 26px; font-weight: bold;}
.huojia_ys_con h2 i{font-size: 40px; color: #0878D8; font-weight: bold;}
.huojia_ys_con .tabs{width: 100%; z-index: 9; text-align: center; background: url(../images/jt.png) no-repeat center 53px;}
.huojia_ys_con .tabs a{color: #333; cursor: pointer; width:18%; padding-bottom: 3px; display: inline-block; font-size: 16px;}
.huojia_ys_con .tabs a i{
  display: block; 
  font-size: 64px; 
  background: #F86D0D; 
  border-radius: 60px; 
  color: #fff;
  width:116px;
  height: 116px; 
  line-height: 116px;
  margin: 0 auto 10px;
  border:2px solid #F86D0D;
  transition: all .3s;
}
.huojia_ys_con .tabs a.active{color: #F86D0D;}
.huojia_ys_con .tabs a.active i{background: #fff; color: #F86D0D; box-shadow: 1px 1px 6px #aaa;}

.list_yingyong{margin-top: 30px; padding: 0 10px;}
.list_yingyong .pic{float: left; width: 45%; padding:0 10px 0 0 ; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 
.list_yingyong .pic img{border: 10px solid #eee; width: 100%;}
.list_yingyong .tt{float: right; width: 53%; padding:50px 10px 0 50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.list_yingyong .tt h3{font-size: 24px; color: #333;}
.list_yingyong .tt p{color: #666; margin: 15px 0 20px; font-size: 14px;}
.list_yingyong .yingyong_more a{display: inline-block; text-transform: uppercase; position: relative; width: 140px; height:44px; overflow: hidden;}
.list_yingyong .yingyong_more a span{
  color: #333; 
  position: absolute; 
  width: 140px; 
  text-align: center; 
  line-height: 44px; 
  height: 44px;
  transition:all .2s;
  border: 1px solid #ddd;
}
.list_yingyong .yingyong_more a span.out{ top: 0;}
.list_yingyong .yingyong_more a span.in{top: -44px; background: #0AA2E8; color: #fff; border-color:#0AA2E8;}
.list_yingyong .yingyong_more a:hover span.out{top: 44px;}
.list_yingyong .yingyong_more a:hover span.in{top: 0;}

@media screen and (max-width: 1360px) {
  .huojia_ys_con .tabs{background: none}
}
@media screen and (max-width: 768px) {
  .huojia_ys_con{padding:20px 0px ;}
  .huojia_ys_con h2{margin:0px 0 20px;}
  .huojia_ys_con .tabs{margin-top:30px;}
  .huojia_ys_con .tabs a{font-size: 12px;}
  .huojia_ys_con .tabs a i{
    font-size: 34px; 
    width:66px;
    height: 66px; 
    line-height: 66px;
  }
  .list_yingyong{margin-top: 20px; padding: 0}
  .list_yingyong .pic{float:none; width: 100%;padding:0}
  .list_yingyong .tt{float:none; width: 100%; padding:15px 5px 0px;}
  .list_yingyong .tt h3{font-size: 16px;}
  .list_yingyong .yingyong_more a span{width: 100px; line-height: 40px; height: 40px; }
}
@media screen and (max-width: 600px) {
  .huojia_ys_con{margin-top: 0px;}
  .huojia_ys_con h2{margin:0px 0 15px; font-size: 18px;}
  .huojia_ys_con .tabs{margin-top:10px;}
  .huojia_ys_con .tabs a{font-size: 12px;}
  .huojia_ys_con .tabs a i{font-size: 24px; width:46px; height: 46px; line-height: 44px;}
  .huojia_ys_con .tabs a span{width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  display: block;}
  .list_yingyong{padding: 0px; margin-top: 10px;}
}
@media screen and (max-width: 320px) {
  .huojia_ys_con{margin-topi: 20px;}
  .huojia_ys_con .tabs a i{
    font-size: 20px;
    width:36px;
    height: 36px; 
    line-height: 36px;
    border:1px solid #F86D0D;
  }
  .list_yingyong .tt h3{font-size: 16px;}
  .list_yingyong .tt p{margin: 10px 0 15px;}
}

/*优势*/
.app_ys{background: #eee; padding:45px 50px 55px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.app_ys h2{font-size: 26px; line-height: 30px; text-align: center; margin-bottom: 25px; color: #F86D0D}
.app_ys h2 span{display: block; font-size: 16px; color: #888;}
.app_ys li{
  float: left; width: 25%; 
  text-align: center; padding: 0 10px; 
  position: relative;
  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.app_ys li img{display: block; width: 100%; transition: all .5s; overflow: hidden;}
.app_ys li p{position: absolute; top: 43%; color: #fff; left: 0%; font-size: 60px; font-weight: bold; width: 100%; text-align: center;}
.app_ys li span.mingcheng{width: 100%; line-height: 50px; height: 50px; color: #fff; display:block; font-size: 17px;}
.app_ys li:hover img{transform: scale(1.02);}

.app_ys .btn{display: inline-block; position: relative; overflow: hidden; }
.app_ys .btn span.btn0{position: absolute; background: #F86D0D; display: inline-block;transition: all 0.5s;-webkit-transition: all 0.5s;}
.app_ys .btn1{width: 300px;height: 3px;left: 0;}
.app_ys .btn2{width: 3px;height: 400px;top: 0;}
.app_ys .btn-top{top: 0;transform: translateX(400px);-webkit-transform: translateX(400px);}
.app_ys .btn-bottom{bottom: 0;transform: translateX(-400px);-webkit-transform: translateX(-400px);}
.app_ys .btn-left{left: 0;transform: translateY(-400px);-webkit-transform: translateY(-400px);}
.app_ys .btn-right{right:0;transform: translateY(400px);-webkit-transform: translateY(400px);}
.app_ys li:hover .btn span.btn0{transform:translateY(0);    -webkit-transform: translateY(0);  transform:translateX(0);  -webkit-transform: translateX(0);}

@media screen and (max-width: 768px) {
  .app_ys{padding:35px 25px 45px;}
  .app_ys li p{ top: 40%; font-size: 40px; }
}
@media screen and (max-width: 480px) {
  .app_ys{padding:20px 15px;}
  .app_ys h2{font-size: 18px; line-height: 30px; margin-bottom: 15px; color: #F86D0D}
  .app_ys h2 span{font-size: 14px; line-height: 20px}
  .app_ys li {width: 50%; margin-bottom: 15px;}
  .app_ys li span{line-height: 40px; height: 40px; font-size: 14px;}

}

/*案例*/
.app_case{padding:30px 0;}
.app_case h2{font-size: 26px; line-height: 30px; text-align: center; margin-bottom: 20px; font-weight: bold;}
.app_case li{float: left; width: 33.33%; padding:10px; font-size: 16px; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.app_case li a{overflow:hidden; display: block;margin-bottom: 15px;}
.app_case li img{display: block; width: 100%; transition: all .5s; }
.app_case li:hover a img{transform: scale(1.1);}
.app_case li:hover{color: #F86D0D}
.more_case{
  display: block; 
  width: 210px; 
  margin:30px auto; 
  text-align: center; 
  background: #F86D0D;
  color: #fff;
  font-size:18px;
  height: 46px;
  line-height: 46px;
  transition: all .5s;
}
.more_case:hover {box-shadow: 0 -60px 0 #DC5F08 inset; color: #fff;}

@media screen and (max-width: 480px) {
  .app_case{padding:20px 0 15px;}
  .app_case h2{font-size: 20px; line-height: 26px; margin-bottom: 10px;}
  .app_case li{ padding:5px;}
  .app_case li a:hover img{transform: scale(1);}
  .more_case{
    width: 140px; 
    margin:20px auto;
    font-size:14px;
    height: 36px;
    line-height: 36px;
  }
}

/*公众号*/
.huojia{background: #eee; padding:30px 30px 0; display: flex;}
.huojia:nth-child(2){padding:30px !important;}
.huojia img{display: block; width: 100%;}
.huojia_wz{background: #fff; padding:35px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.huojia_wz h4{margin-bottom: 20px; font-size: 20px; font-weight: bold;}
.w30{width: 30%}
.w70{width: 70%}
.show{display: block;}
.hide{display: none;}

@media screen and (max-width:1200px) {
  .w30,.w70{width: 100%}
  .huojia{display: block;}
  .col-hide{display: none !important;}
  .col-show{display: block !important;}
}
@media screen and (max-width:768px) {
  .huojia{padding:30px;}
}

.contact{padding:40px 50px;}
.contact li{
  float: left; 
  width: 33.33%;
  padding: 0 20px; 
  color: #fff;
  box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box;
  position: relative;
  margin-bottom: 30px
}
.contact li>div{height: 290px; padding:80px 30px 0; margin-top: 50px;}
.contact li .tubiao{
  position: absolute; 
  top:0;
  left: 0; 
  width: 100%;
  text-align: center;
}
.contact li span{
  background: #fff;
  box-shadow: 0 -3px 8px #bbb;
  width: 100px; 
  height: 100px;
  border-radius: 60px;
  margin: 0 auto; 
  display: block;
}
.contact li span img{ width: 60px; height: 60px; margin-top: 20px;}
.contact li p{font-size: 16px; line-height: 36px;}

.xtb>p:nth-child(2){background: url(../images/xtb_dh.png) no-repeat left 9px; padding-left: 30px}
.xtb>p:nth-child(3){background: url(../images/xtb_dh.png) no-repeat left 9px; padding-left: 30px}
.xtb>p:nth-child(4){background: url(../images/xtb_qq.png) no-repeat left 9px; padding-left: 30px}
.xtb>p:last-child{background: url(../images/xtb_yx.png) no-repeat left 9px; padding-left: 30px}


@media screen and (max-width: 1360px) {
  .contact{padding:40px 0px 70px;}
  .contact li{
    padding: 0 15px; 
  }
  .contact li>div{ padding:80px 20px 0;}  
  .contact li p{font-size: 15px;}
}
@media screen and (max-width: 960px) {
  .contact{padding:40px 0px 70px;}
  .contact li{ padding: 0 10px; }
  .contact li>div{ padding:60px 20px 0; margin-top: 40px;}  
  .contact li p{font-size: 14px; line-height: 26px; margin-bottom: 10px;}
  .contact li span{
    box-shadow: 0 -3px 8px #bbb;
    width: 80px; 
    height: 80px;
  }
  .contact li span img{ width: 50px; height: 50px; margin-top: 15px;}
}

@media screen and (max-width: 768px) {
  .contact{padding:40px 0px 20px;}
  .contact li{width: 50%; }
}
@media screen and (max-width: 480px) {
  .contact li{width: 100%; }
  .contact li>div{height: auto; padding:60px 20px 30px;}
}

/*关于*/
.guanyu{padding:50px 0 0; }
.guanyu .wen{
  width: 52%; 
  float: left; 
  padding-right: 15px; 
  font-size: 16px;
  line-height: 30px;
  box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box;
}
.guanyu .wen h3{margin: 50px 0 25px; font-weight: bold; color: #F86D0D}
.guanyu .wen p{transition: all .1s;}
.guanyu .wen:hover p{line-height: 32px;}

.guanyu .tu{ text-align: right;width:48%; float: right; padding-left: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.guanyu .tu img{padding-left: 20px; float: right; display: inline-block; width: 50%; transition: all .3s; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.guanyu .tu img:hover{transform: scale(0.95);}

h2.big_bt{margin-bottom: 40px; font-size: 26px; text-align: center; font-weight: bold;}

/*关于--优势*/
.gy_ys{background: #fcf3ed; margin-top: -50px; padding: 90px 20px 70px;}
.gy_ys li{width: 25%; float: left; padding:0 8px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.gy_ys li>div{background: #fff; text-align: center; padding-bottom: 20px; position: relative; transition: all 1.4s; overflow: hidden;}
.gy_ys li img{display: block; width: 100%; transition: all .4s;}
.gy_ys li h6{position: absolute; left: 0; top: 130px; margin: 0; width:100%;text-align: center;} 
.gy_ys li h6 span{
  display: block; 
  margin:0 auto; 
  width: 70px; 
  height: 70px; 
  border-radius: 60px; 
  background: #F86D0D;
}
.gy_ys li h6 span img{width: 40px; display: inline-block; margin-top: 15px;}
.gy_ys li h3{margin-top: 50px; color: #F86D0D; font-size: 18px; font-weight: bold;}
.gy_ys li p{padding: 20px 15px; font-size: 14px; line-height: 24px; }
/*.gy_ys li:hover>div{transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}*/
.gy_ys li:hover img{transform: scale(1.1);}

/*简介*/
/*.jieshao{background: url(../images/jj_bg.jpg) no-repeat center; color: #fff;}
  .jieshao_con{padding: 60px 100px; text-align: center;}
  .jieshao_con h3{margin-bottom: 30px; font-size: 20px;}
  .jieshao_con p{font-size: 15px; line-height: 34px;}
*/

/*流程*/
.service{padding:70px 0 0px;}
.service li{width: 25%; float: left; position: relative;  color: #fff; transition: all 1s;}
.service li img{display: block; width: 100%;}
.service li span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); transition: all 1s; display: block;}
.service li .wenzi{position: absolute; left: 0; top: 0; width: 100%; text-align: center;}
.service li .wz_bt{padding-top: 28%; transition: all 1s; font-size: 24px;}
.service li .wz_con{padding-top: 15%; opacity: 0; transition: all .6s; font-size: 18px; line-height: 32px;}

/*.service li:hover{transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}*/
.service li:hover span{background: rgba(248,109,13,.95);}
.service li:hover .wz_bt{opacity: 0}
.service li:hover .wz_con{opacity: 1; /*transform: rotateX(180deg);*/}

/*客户评价*/
.customer{padding:70px 0 50px;}
.evaluate .evaluate_con{float: left; width: 50%; padding:0 30px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.evaluate .evaluate_con .evaluate_pic{float: left; width: 25%; overflow:hidden;}
.evaluate .evaluate_con img{border-radius: 90px; width: 130px; height: 130px; padding:4px; border: 1px solid #ddd;}
.evaluate .evaluate_con p{float: right; width: 73%;}
.evaluate .evaluate_con p b{font-size: 22px; font-weight: normal;color: #F86D0D}
.evaluate .evaluate_con p i{font-size: 18px; font-style: normal; margin-left:15px;}
.evaluate .evaluate_con p span{display: block; font-size: 16px; margin-top: 15px; line-height: 30px;}
.evaluate .tabs3{margin: 35px 0 0; text-align: center;}
.evaluate .tabs3 a{width: 18px; height: 18px; background: #ddd; border:3px #ddd solid; margin: 0 3px; border-radius: 30px; cursor: pointer; display: inline-block;}
.evaluate .tabs3 a.active3{border-color: #F86D0D; background: #fff;}
.evaluate .evaluate_con:hover img{border-color: #F86D0D}

@media screen and (max-width: 1300px) {
  .gy_ys li{width: 50%;}
  .gy_ys li h6{top: 50%;}

  .service li{width: 33.33%;}
  .service li .wz_bt{font-size: 20px;}
  .service li .wz_con{ font-size: 16px;}
  .evaluate .evaluate_con img{width: 100%; height: auto;}
  .evaluate .evaluate_con p{padding-top: 5px;}
  .evaluate .evaluate_con p b{font-size: 20px;}
  .evaluate .evaluate_con p i{font-size: 16px; }
  .evaluate .evaluate_con p span{font-size: 14px; margin-top: 10px; line-height: 26px;}
}
@media screen and (max-width: 1200px) {
  .guanyu .wen h3{margin: 15px 0;}
}
@media screen and (max-width: 996px) {
  .guanyu .wen{width: 100%; float: none;}
  .guanyu .tu{display: none;}
  .gy_ys{margin-top: 30px;padding: 50px 20px;}
}
@media screen and (max-width: 768px) {
  .guanyu{padding: 0; }
  .gy_ys li{width: 100%;}

  .gy_ys li h6{display: none;}
  .gy_ys li>div{padding-bottom: 0px;}
  .gy_ys li h3{margin-top: 20px;}
  .gy_ys li p{padding: 10px 10px 20px;}

  h2.big_bt{margin-bottom: 30px; font-size: 24px;}
  
  .service{padding: 50px 0 0;}
  .customer{padding: 50px 0;}
  .evaluate .evaluate_con{float: none; width: 100%; clear: both; padding:0 15px; }
  .evaluate .evaluate_con .evaluate_pic{width: 18%;}
  .evaluate .evaluate_con p{width: 80%; padding-top: 12px;}

  .evaluate .tabs3{margin: 5px 0 0; }
  .evaluate .tabs3 a{width: 16px; height: 16px; border:2px #ddd solid; margin: 0 2px;}

}
@media screen and (max-width: 480px) {
  .guanyu .wen{padding-left: 15px;}
  .guanyu .wen h3{margin: 15px 0 5px;}
  .guanyu .wen p{font-size: 14px; line-height: 26px;}

  .gy_ys{padding: 30px 10px;}
  h2.big_bt{margin-bottom: 20px; font-size: 20px;}

  .service{padding: 30px 0 0;}
  .customer{padding: 30px 0;}

  .service li{width: 50%;}
  .service li .wz_bt{font-size: 16px;}
  .service li .wz_con{ font-size: 14px; line-height: 22px}
  
  .evaluate .evaluate_con p{padding-top: 5px;}
  .evaluate .evaluate_con p b{font-size: 16px;}
  .evaluate .evaluate_con p i{font-size: 14px;}
  .evaluate .evaluate_con p span{font-size: 12px; line-height: 20px;}
}

@media screen and (max-width: 320px) {
  .gy_ys li p{ font-size: 12px; line-height: 20px}

  .evaluate .evaluate_con{margin-bottom: 10px; clear: none;}
  .evaluate .evaluate_con .evaluate_pic{display: none;}
  .evaluate .evaluate_con p{width: 100%; float: none;}
  .evaluate .evaluate_con p span{ margin-top: 5px;}
}

/*案例*/
.case_nav{padding: 40px 0 25px; text-align: center;}
.case_nav a{margin: 0 10px; padding:7px 20px; background: #eee; border-radius: 20px; font-size: 16px; display: inline-block;}
.case_nav a.on{background:#F86D0D; color: #fff;}

.case_list{margin-bottom: 30px;}
.case_list li{
  width: 25%; 
  float: left; 
  text-align: center; 
  padding:15px; 
  box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box;
}
.case_list li a{display: block; position: relative; }
.case_list li a>img{width: 100%; display: block; border-radius: 20px 0 20px 0}

.case_list li div{
    position: absolute;        
    top: 0;
    left: 0;
    padding: 8px;
    width: 100%;
    height: 100%;
    box-sizing:border-box; 
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    
}
.case_list li p{box-shadow: 0 0 0 10px rgba(248, 109, 13, .2); width: 100%; height: 100%; border-radius: 17px 0 17px 0}
.case_list li span{
    display: block; 
    background: rgba(252, 182, 125,.9);         
    width: 100%;
    height: 100%; 
    transition: all 0.5s;
    -moz-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
    border-radius: 18px 0 18px 0
}
.case_list li a:hover span{width: 0; height: 0;}
.case_list li h5{
    position: absolute; 
    top: 45%; 
    left: 0;
    text-align: center;
    width: 100%;
    height: 10%; 
    color: #fff;
    font-size: 16px;
    transition: all 0.4s;
    -moz-transition:all 0.4s;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
}
.case_list li a:hover h5{top:0; width: 10%; height: 10%; opacity: 0}

.case_list li a h3{position: absolute; bottom: -50px; left: 0; opacity: 0; width: 100%; text-align: center; transition: linear .3s;}
.case_list li a h3 img{display: inline-block; width: 30px; height: 30px;}
.case_list li a:hover h3{bottom: 30px; opacity: 1;}

.lead-more {text-align: center; padding-bottom: 50px;}
.lead-more a{
  width: 260px;
  height: 50px; 
  line-height: 50px; 
  font-size: 18px; 
  color:#fff; 
  background: #999; 
  display: inline-block;
  transition: linear .2s;
}
.lead-more a:hover{box-shadow: inset 0 -50px 0 #F86D0D;}

@media screen and (max-width: 768px){
  .case_list li{
    width: 50%; 
    padding: 10px;
  }
}

@media screen and (max-width: 480px){
  .case_nav{margin: 30px 0 20px;}
  .case_nav a{margin: 0 5px; padding:2px 13px 4px;font-size: 14px;}
  .case_list {padding: 0 10px;}
  .case_list li {padding: 10px 5px 35px;}
  .case_list li div{padding: 4px;}
  .case_list li p{box-shadow: 0 0 0 4px rgba(250, 250, 250, .4); border-radius: 15px 0 15px 0}
  .case_list li span{background: none}
  .case_list li h5{font-size: 16px; bottom: -18px; top: initial}


  .lead-more a{
    width: 200px;
    height: 46px; 
    line-height: 46px; 
    font-size: 16px; 
  }
}


/**最新新闻**/
.news_li h3{padding: 40px 0 25px; text-align: center; font-size: 24px; font-weight: bold;}
.news_li li{
  float: left; 
  width: 33.33%; 
  padding: 10px;
  box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box;
  margin-bottom: 30px;
}
.news_img{position: relative; overflow: hidden;}
.news_img img{display: block; width: 100%; transition: all .4s;}
.news_li li:hover .news_img img{transform: scale(1.1);}
.news_img span{position: absolute; left: 0; bottom: 0; background: #fff; padding-left: 5px; padding-right: 25px; line-height: 36px;font-size: 18px; color: #F86D0D; font-weight: bold;}
.news_txt{margin-top: 20px;}
.news_txt .dbt{font-size: 24px; color: #555; font-weight: bold; line-height: 30px;}
.news_li li:hover .news_txt .dbt{color: #F86D0D;}
.news_txt .fabu{
  font-size: 16px; 
  color:#999; 
  margin-top: 15px; 
  background: url(../images/view.png) no-repeat left center; 
  padding-left: 25px;
  transition: all .3s;
}
.news_li li:hover .news_txt .fabu{padding-left: 40px;}

/**新闻内页**/
.news_sub_l{background: #fff; margin-top: -60px; float: left; width: 65%; padding: 40px 90px; 
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color: #444}
.news_sub_l .time{font-weight: bold; font-size: 22px;}
.news_sub_l .time:before{
  content: "";
    display: inline-block;
    width: 48px;
    border-top: 1px solid #444;
    height: 1px; 
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -3px;
}
.news_sub_l .news_bt{font-weight: bold; font-size: 26px; margin-top: 20px; line-height: 30px;}
.news_sub_l .news_fabu{color: #999; font-size: 22px; margin-top: 20px;}
.news_sub_l .news_content{font-size: 16px; margin-top: 20px; line-height: 30px; text-align:justify;}
.news_sub_l .news_content img{max-width: 100%;}

.lx{margin-top: 30px; }
.lx a{width: 255px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 22px; background: #4F8C2D; display: inline-block;transition: all .3s;}

.lx a:hover {
  box-shadow: 0 -60px 0 #2c6f08 inset;
}

.news_ban{position: fixed; top: 0; left: 0; z-index: -99; height: 556px; width: 100%;}
.news_ban_img{width:1360px; margin:0 auto; height: 556px;}
.news_li{background: #fff;}

.news_sub{margin-top: 556px; background: #fff; position: relative;}
.news_sub_r{float: left; width: 236px; padding-top: 120px; }
.test {
    position: fixed;
    top: 0;
    float: none;
    width: 236px;
    z-index: 99;
}

.test1 {
    position: absolute;
    top: inherit;
    bottom: 34px!important;
}
.news_sub_b{display: none}

.fabu_time,.fabu_author,.fabu_jiaru{ font-size: 18px; margin-bottom: 20px; color: #666;}
.fabu_time span,.fabu_author span,.fabu_jiaru span{display: block; margin-bottom: 10px; font-weight: bold; font-size: 20px; color: #444; }
.fabu_jiaru span{margin-bottom: 30px}
.share{margin-bottom:20px;}
.share>span{display: block; margin-bottom: 10px; font-weight: bold; color: #444; font-size: 18px;}
.share span{-webkit-transition: 0.8s transform;}
.share a:hover span{transform: rotate(360deg);-webkit-transform: rotate(360deg);}    
.share a{width: 24px!important;height: 24px!important;line-height: 24px!important;font-size: 14px;padding-left: 0!important; margin-right: 7px; display: inline-block;}
.share .bds_tsina{background: url(../images/share_icon01.png) no-repeat center; background-position:0 0 !important;}
.share .bds_weixin{background: url(../images/share_icon02.png) no-repeat center; background-position:0 0 !important;}
.share .bds_sqq{background: url(../images/share_icon03.png) no-repeat center; background-position:0 0 !important;}
.fabu_jiaru{padding-bottom: 30px; border-bottom: 2px solid #999}

.fabu_jiaru input{color: #4F8C2D; font-family: "微软雅黑"; font-size: 18px;}
.fabu_jiaru button{cursor: pointer; background: none}
.fabu_jiaru button{float: right; display: inline-block;  transition: all .3s;}
.fabu_jiaru button i{font-size: 26px; color: #4F8C2D}
.fabu_jiaru button:hover{padding-right: 10px;}

/*新闻*/
@media screen and (max-width: 1024px){
  .news_sub_l{width: 100%; float: none; margin: 0; padding: 50px 25px;}
  .news_sub_r{display: none}
  .news_sub_b{width: 100%; display: block; position: static; background: #fff; padding: 50px 25px;}
}
@media screen and (max-width: 768px){
    .news_li li{ width: 50%; margin-bottom: 20px;}
    .news_li h3{font-size: 22px; padding-left: 10px;}
    .news_img span{font-size: 16px;}
    .news_li li .dbt{font-size: 18px;}
    .news_li li .fabu{font-size: 16px; margin-top: 10px;}

}
@media screen and (max-width: 480px){
  .news_li li{ width: 100%; }

  .news_sub_l,.news_sub_r{padding: 30px 25px;}
  .news_sub_l .time{font-size: 16px;}
  .news_sub_l .news_bt{ font-size: 20px; margin-top: 10px; line-height: 30px;}
  .news_sub_l .news_fabu{ font-size: 16px; margin-top: 10px;}
  .news_sub_l .news_content{font-size: 16px; margin-top: 20px; line-height: 30px;}
  .lx{margin-top: 30px; }
  .lx a{width: 205px; height: 46px; line-height: 46px; font-size: 16px;}

  .fabu_time,.fabu_author,.fabu_jiaru{ font-size: 16px; }
  .fabu_time span,.fabu_author span,.fabu_jiaru span{font-size: 18px; margin-bottom:10px;}
}


/*侧边*/
#slide-box {
    position: fixed;
    top: 36%;
    right: 0;
    overflow: hidden;
    z-index: 10;
}
#slide-box ul { float: right;}
#slide-box ul li {
    width: 60px;
    height: 60px;
    padding: 10px 5px;
    background-color: #F86D0D;
    margin-bottom: 2px;
}
#slide-box ul li:hover {background-color: #C65101;}
#slide-box ul li a {text-align: center;}
#slide-box ul li a img {display: block;margin: 0 auto;}
#slide-box ul li p {
    margin-top: 2px;
    font-size: 12px;
    color: #fff;
}
#slide-box .slide-left {
    float: left;
    z-index: 12;
}
#slide-box .slide-left p:nth-child(3) {
	
	    display: block;
	
	    margin-top: 100px;
	
	    width: 135px;
	
	    height: 140px;
	
	    position: relative;
	
	    display: none;
	
	
	}
#slide-box .slide-left p:nth-child(4){

        padding: 0px 20px;

        display:block;

        background-color:#C65101;

		margin-top: 186px;
		
		width: 220px;
		
		height: 60px;

        position:relative;

        display:none;

        font-size:14px;

        color: #fff;

        line-height: 60px;

    }

    #slide-box .slide-left p:nth-child(4) a{

        color:#000;

        display:block;

        line-height:24px;

    }

@media screen and (max-width: 768px) {
  #slide-box ul li {opacity: .7}
}