#toolbar {
  display: none;
  width: 100%;
  background-color: #fff;
  height: 55px;
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  border-top: 1px solid #E5E9F2
}
@media (max-width:767px) {
  #toolbar {
    display: block
  }
}
#toolbar ul {
  padding-top: 8px
}
#toolbar ul li {
  float: left;
  position: relative;
  text-align: center;
  width:25%
}
#toolbar ul li a {
  width: 100%;
  position: relative;
  color: #1b2c42;
  line-height: 23px;
  padding-top: 7px
}
#toolbar ul li a.iconfont {
  font-size: 22px
}
#toolbar ul li a span {
  font-size: 13px;
  display: block
}
#toolbar ul li:hover a {
  color: #0096e6
}
.menu .mBtn {
  display: none;
  float: right;
  text-align: center;
  width: 10%;
  cursor: pointer
}
.menu .mBtn .iconfont {
  font-size: 25px;
  line-height: 1.7;font-size: 30px;color: #333;
}
.m_nav {
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  visibility: visible;
  z-index: -1;
  width: 80%;
  margin-top: 0;
  opacity: 1;
  box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);
  transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
  transform: translateX(100%)
}
.m_nav .bg {
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: auto auto;
  padding-bottom: 10px;
  margin-bottom: -10px
}
.m_nav .overly {
  position: absolute;
  height: 100%;
  width: 102vw;
  right: 0;
  z-index: 0;
  top: 0
}
.m_nav .ul li .dropdown_menu {
  display: none;
  transition: none
}
.m_nav .ul li .dropdown_menu a {
  display: block;
  box-sizing: border-box;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
  border-bottom: 1px solid #f5f5f5
}
.m_nav .ul li .dropdown_menu a:last-child {
  border: none
}
.m_nav .ul li .dropdown_menu a .icon-arright {
  font-size: 13px;
  margin-left: -20px;
  margin-right: 10px
}
.m_nav .ul li .icon-down {
  position: absolute;
  font-weight: 700;
  text-align: center;
  color: #666;
  cursor: pointer;
  top: 0;
  right: 5px;
  z-index: 20;
  height: 35px;
  width: 35px;
  line-height: 35px;
  transition: all .5s ease 0s;
  font-size: 8px;
  border: 7px solid #fff;
  border-radius: 50%
}
.m_nav .ul li:hover .icon-down {
  background: #f5f5f5
}
.m_nav .ul li:first-child .icon-down {
  display: none
}
.m_nav .ul li .icon-down.up {
  transform: rotate(180deg)
}
.m_nav.open {
  z-index: 1200;
  transform: translateX(0)
}
.m_nav .top {
  box-sizing: border-box;
  height: 60px;
  padding: 20px
}
.m_nav .top .closed {
  vertical-align: middle;
  float: right;
  cursor: pointer;
  height: 30px;
  width: 30px
}
.m_nav .mlogo {
  width: 100%;
  margin-left: auto;
  margin-right: auto
}
.m_nav .mlogo img {
  display: block;
  height: 50px;
  margin: 10px auto;
  max-width: 80%;
  height: auto
}
.m_nav .ul {
  overflow-y: auto;
  height: calc(100vh - 180px);
  margin-top: 20px
}
.m_nav .ul li {
  padding: 0 20px;
  opacity: 0;
  border-bottom: 1px solid #f5f5f5;
  -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
  transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
  -webkit-transform: translateY(100%);
  transform: translateY(0);
  transform: translateY(100%)
}
.m_nav.open .ul li {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.m_nav .ul li:nth-child(1) {
  -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0s;
  transition: all .2s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(2) {
  -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0s;
  transition: all .4s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(3) {
  -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
  transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(4) {
  -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0s;
  transition: all .8s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(5) {
  -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
  transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(6) {
  -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s;
  transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(7) {
  -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;
  transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(8) {
  -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0s;
  transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li a {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #333;
  line-height: 50px;
  text-decoration: none
}
.m_nav .ul li a.leve1 {
  display: block;
  width: auto;
  margin-right: 3em
}
@media screen and (max-width:1300px){
  .menu,.home_case_tit,.home_about,.wsm_list,.hzhb_list,.home_news,.bottom,.lj,.case_list,.wcase,.case_men{margin: 0 5%;width: auto;    box-sizing: border-box;}
  .w12000{margin: 0 5%;width: auto;}
  .menu_fr{
    width: auto;float: none;overflow: hidden;
  }
.pad{padding: 3% 0 ;}

}
@media screen and (max-width:1300px){
  .hzhb_list{padding-top: 0;}
  .search_fl{width: calc(100% - 300px);}
  .home_case_list{width: 102%;}
  .home_case_list ul li{
  	width:31.8%;margin-right:1.5%;height:auto;
  }
  .home_case_list ul li img{width: 100%;height:19.5vw;}
  .home_case_list ul li p{display: none;}
  .home_case_list ul li h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
  .home_six {
    width: calc(100% - 670px);
}
	.home_cp_fr,.home_news_fl{width: 100%; float: none;}
.about_wzz{width: 100%;border: none;}
.home_cp_fr ul li{width: 31.3%;margin-right: 2%;box-sizing: border-box;}
.about_wzz li{    width: 48%;box-sizing: border-box;
    margin-right: 2%;}
    .home_cp_fr ul li .big {
    padding-top: 65%;
}
.home_cp_fr ul li img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.wsm_list ul li {
    width: 25%;
    padding: 0px 2%;
    box-sizing: border-box;
}
.tit,.home_six_zx{width: 100%;}
.about_wzz li i{margin-left: 3%;    float: none;
    vertical-align: middle;}
.home_about_fl{width: 40%;margin-right: 5%}
.home_about_fl img,.home_about_fr_name{width: 100%;}
.home_about_fr,.home_news_tj_fr{
    width: auto;
    float: none;
    overflow: hidden;
}
.hzhb_list ul li img{width: 100%;height: auto;}
.hzhb_list ul li {
    width: 15.6%;
    margin-right: 1%;}
    .home_news_fr{display: none;}
    .home_news_fl_t,.home_news_tj,.home_news_xw{width: 100%;}
    .home_news_xw ul li{width:calc(50% - 20px)}
    .hzhb_list ul {display: flex; flex-wrap: wrap;}
    .bottom_fr{
    	width: auto;float: none;
    }
    .foot{padding-bottom: 0;}
    .aboutUL{width: 100%;display: flex;}
    .aboutUL li{width: 70px;}
    .aboutUL li.act{flex:1;}
  .case_list ul{width: 102%;margin-right: 0;}
  .case_list ul li{width: 31.8%;margin-right: 1.5%;height: auto;margin-bottom: 2%;}
  .case_men ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .case_list ul li img{height: 19.5vw;}
  .hover h2{font-size: 16px;}
  .contact_home {
    width: auto; float: none;overflow: hidden; }
    .about_view strong{font-size: 16px;}
    .about_view{width: 100%;box-sizing: border-box;}
    .news_fr{
    width: 100%; float: none; }
    .news_fr ul{margin-right: 0;}
    .news_fr ul li {
    margin-right: 0;
    width: 100%;
    float: none;
    margin-bottom: 2%;overflow:hidden;
}
.news_fr ul li .img{
  height: auto;float: left;margin-right: 3%;
  width: 30%;
  max-width: 270px;
}
.home_case_list ul{margin-right: 0;}
.home_case_tit {padding: 0;}
.case_list_list{width: 100%;}
.case_list_list ul{
  display: flex;flex-wrap: wrap;justify-content: flex-start;
  width: 102%;margin-right: 0;
}
.case_list_list ul li{width:32%;margin-right: 1.3%;height: auto;}
.contact{width: 100%;}
.form_input{width: 100%;box-sizing: border-box;}
  .news_show,.case{width: auto;float: none;overflow: hidden;}
  .case_show_fl{width: 100%;float: none;}
.home_cp_fl{margin-right: 3%;}
.news_xw{width: auto;padding: 0 18px;}
.news_xw ul{margin-right: 0;width: 102%;  }
.news_xw ul li{width: 48%;margin-right:2%;}
.news_xw ul li span{display: none;}
.news_xw ul li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.pro_detail{width: 100%;}
  .pro_detail_fl img{height: auto;}
  .pro_detail_fr{width: auto;float: none;padding: 3%;box-sizing: border-box;    overflow: hidden;}
  .pro_detail_fr_show{width: 100%;}
  .pro_detail_fr_show h4 {
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 3%;
    padding-bottom: 2%;
  }
  .contentBox{width: 100%;box-sizing: border-box;}
  .contentBox img{max-width: 100% !important;height: auto !important;}
/*1301结束*/
}
/*响应式头部出现*/
@media screen and (max-width:1120px){
  .menu .mBtn {display: block;}
  .menu_fr{display: none;}
  .m_nav .top{background: #fff;}
}
/*1120结束*/

@media screen and (max-width:1120px){
  .case_list_list .ehover1 h2{margin-top: 20%;}
	.home_six{width: 100%;float: none;overflow: hidden;}
	.about_wzz ul {
    display: flex;
    flex-wrap: wrap;overflow:hidden;justify-content: space-between;
}
.about_wzz ul li{flex:1;white-space: nowrap;padding:0 1em;
	height: auto;line-height:3;
}
.home_six_fr {
    width: 100%;
    float: none;
    clear: both;margin-top: 3%;
    background-size: cover;
}
.menu .mBtn {display: block;}
.menu_fr{display: none;}
body{
  padding-top: 84px;
}
.fixed{height: 84px;}
.menu_fl{padding-top: 2px;}
.menu_fl img{height:49px;}
.bottom_fr_fr{display: none;}
.home_cp_fl{display: none;}


}


@media screen and (max-width:968px){
  .search_fr{display: none;}
  .search_fl{width: 100%;}
  .home_news_tj img{width: 30%;max-width: 240px;height: auto;}
  .home_news_xw ul li span{display: none;}
.home_news_xw ul li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
}


@media screen and (max-width:768px){
  .w12000,.menu, .home_case_tit, .home_about, .wsm_list, .hzhb_list, .home_news, .bottom, .lj, .case_list, .wcase, .case_men{margin: 0 12px;}
  .form_input li input{
    width: 100%;
    margin-bottom: 2%;
    padding-right:0
  }
  .form_input li{padding-bottom: 0;}
  .case_show_fl h1{    font-size: 20px;line-height: 1.4;margin-top: 0.5em;}

.home_six_fr{width: 100%; float: none;}
.fixed .top{display: none;}
body{padding-top: 54px;padding-bottom: 56px;}
.fixed{height: 54px;box-shadow:  0 0 5px rgba(0,0,0,0.1)}
.menu{height: 100%;}
.searcha{display: none;}
.home_case_list ul li{
    width:48%;margin-right:2%;height:auto;
  }
  .home_case_list ul li img{width: 100%;height:29.5vw;}
  .tit h3{font-size: 18px;font-weight: bold;line-height: 2;}
  .tit p{font-size: 14px;}
  .home_ys{display: none;}
  .home_six_zx a,.home_six_fr{display: none;}
  #douyin{display: none !important;}
  .about_view h5 {
    font-size: 16px;
    line-height: 2;padding:5px;margin: 0 10px;}
  .home_news_xw ul li {
    width: 100%;
    margin-right: 0;
    line-height: 38px;float: none;
  }
  .home_news_xw ul li a span{display: none;}
  .menu_fl {padding-top: 6px ;}
  .menu_fl img{height: 42px;}
  .pro_detail_fl{width: 100%;float: none;}
  .tj_tjso_tj p{padding-left: 0.5em;    padding-bottom: 0.5em;}
  .case_show_fl{
    padding:0 12px;box-sizing: border-box;
  }
  .case_infos{
    line-height: 1.8;
  }
  .news_show_list{width: auto;}
  .news_show_list p {
    line-height: 1.6;
    padding: 8px 0 0; 
  }
  .news_xw ul{width: 100%;}
  .news_xw ul li {
    width: 100%;
    margin-right: 0;
    float: none;
    line-height: 3;
}
.case_top,.wcase>a{height: auto;}
.wcase{line-height: 40px;}
}

@media screen and (max-width:640px){
  .home_case_list ul {width: 100%;}
  .home_case_list ul li{
    width:100%;margin-right:0%;height:auto;margin-bottom: 1%;
  }
  .home_case_list ul li img{width: 100%;height:auto;}
  .home_case_list ul li:nth-child(n+5){display: none;}
  .home_case_list ul li .det{display: none;}
  .home_cp_fr ul{width: 100%;}
  .home_cp_fr ul li{width: 100%;margin-right:0%;height:auto;margin-bottom: 2%;}
  .home_cp_fr ul li img{width: 100%;height: auto;}
  .home_cp_fr ul li:nth-child(n+5){display: none;}
  .home_six_tit h3{font-size: 22px;}
  .home_six_tit p{font-size: 14px;}
  .home_about_fl {
    width: 100%;
    margin-right: 0;margin-bottom: 3%;float: none;
}
.home_about_fr_name .txt{    font-size: 19px;
    line-height:2.5;height: inherit;}
.home_about_fr_name a{padding:6px 3px;}
.hzhb_list ul li {
    width: 32.3%;margin-bottom: 1%;
}
.home_news_fl_t{
  font-size: 19px;line-height: 2.5;
    margin-top: -5%;
}
.wsm,.foot .bottom:first-child{display: none;}
.home_news_tj img {
    width: 100%;
     max-width:inherit; 
    height: auto;
    float: none;
}
.home_news_tj_fr a{
  padding: 6px 22px;
  margin: 8px 0;
}
.home_news_tj_fr h3{
  font-size: 16px;margin-top: 1em;
}
.home_news_tj_fr h5{padding-bottom: 6px;}
.why_tit{display: none;}
.home_wzz{background: #eeeeee;}
ul.tabs{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 -2px;
    width: 101%;
}
ul.tabs li{
      background: #122545;
    color: #fff;
    margin: 0 2px;
    white-space: nowrap;
    font-size: 15px;
    border:none !important;text-align: center;
    flex-grow: 1;
}
ul.tabs li.current {
    background: #b24c50;
}
.flexslider{padding:6% 0;}
.flexslider li img{transform: scale(1.3);}
.about_wzz ul li{max-width: 48%;margin-right: 0;}
.cpxq span {
    padding: 7px 21px;
    font-size: 15px;
}
.case_list_list ul li{width:48%;margin-right:2%;height: auto;}
.case_list ul li{width:48%;margin-right:2%;}
.grayBg .gallery-top{height: auto;}
.grayBg .gallery-top .swiper-slide{height: 50vw;}
.grayBg  .gallery-thumbs{height: 85px;}
.case_list ul li img {
    height: 29.5vw ;
}
.news_fr ul li p{display: none;}
.bannerbox{overflow: hidden;}
.bannerbox img {
    width: 200%;
    transform: translateX(-17%);
}
}