/*导航部分*/
.nav{
  width: 100%;
  height: 80px;
  box-shadow: 0 3px 3px 0 #CCC;
  background: #FFF;
  /*  position: fixed;
    left: 0;
    top: 0; */
  z-index: 999;
  /*overflow: hidden; */
  transition: 0.3s
}
.nav.index{ box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
.nav .layui-container{position: relative; transition: all 400ms ease-out;}
/*.nav .nav-logo{height: 100%; position: absolute; top: -95px; left: 15px; line-height: 80px;}*/
.nav .nav-list{display: inline-block; height: 80px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 8px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
.nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #000; background: transparent;}
.nav .layui-nav .layui-nav-item{display: block; line-height: 50px;}
/*.nav .layui-nav *{font-size: 18px;}*/
/*.nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000;}*/
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 2px; background-color: #fdeb00;}
/*.nav .layui-nav .layui-this a
,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;}*/

@media screen and (max-width:990px){
  .nav{overflow: hidden;}
}
@media (max-width: 1200px) and (min-width: 768px){
  .nav{height: auto!important}
}
/*小屏幕*/
@media screen and (min-width: 768px){
  .nav{max-height: 80px;}
  /*.nav.index{background: rgba(255, 255, 255 ,0.3);}*/
  .nav .nav-list button{display: none;}
  .nav .layui-nav{ width: 91%;position: absolute; top: 0;left: 9%; padding: 0 5px; border-radius: 0; margin: 0;}
  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 2%; line-height: 40px;}
  .main-product p.title
  ,.main-service p.title{font-size: 36px; line-height: 216px;}
  .main.product .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 142px;}
  .main-case .content{width: 45%;}
  .main-case .content.even{margin-left: 9%;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}
  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
  .main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}
  .main-about .tabCour .timeline:before{left: 50%;}
  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
  .main.product .content div.right{padding-left: 20px;}
  /*.nav .layui-nav .layui-nav-item{margin:0 33px;}*/
  .main-service .content .content-right{padding: 10px 10px 0 15px;}
  .main-service .content .content-right span{margin-bottom: 20px;}
  .main-service .content .content-right p{line-height: 28px;}
  .main.product .content .label{line-height: 40px; margin-top: 0;}
  .main.product .content .detail{padding-bottom: 10px;}
}
/*大屏幕*/
@media screen and (min-width: 992px){
  .main.product .content{padding: 100px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  .main-case .content{width: 31%;}
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
  .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
  .main-news .content .news-img{width: 35%;}
  .main-news .content .news-panel{width: 65%;}
  .main-news .content:nth-child(odd){padding-right: 20px;}
  .main-news .content:nth-child(even){padding-left: 20px;}
  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  /*.nav .nav-logo{position: absolute; top: 0; left: 0;}*/
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}
@media screen and (max-width: 768px){
  .swi-right{padding-left: 0!important;margin-top: 10px}
  .nav .layui-nav .layui-nav-item{margin: 0 10px;}
  .activityBox-right{padding-left: 0!important;}
  .youngItem {padding: 0!important}
  .countyBox .bd{margin-top: 20px}
  .youndHead {margin-top: 0!important}
  /*.leaderR-item li{margin-right: 13px!important}*/
  .bootcont{flex-wrap: wrap!important;}
  .bootcontops{margin-bottom: 10px}
  .bootcontops .layui-input{width: 95px!important}
  .lines-right h2{font-size: 17px!important}
  .linksCont .links-left{width: 170px}
  /*.linksCont .layui-edge{top:25%!important }*/
  .txtTop{margin-top: 10px!important}
  .nav{margin-top: 120px!important;/*overflow:visible!important;*/}
  .titleBarR{flex: 1;padding: 0 10px!important}
  .layui-nav .layui-nav-item a{padding: 0!important}
  .banerB-txt p{width: 220px!important}
  .banerL-txt p{width: 320px!important}
  .leaderR-head{padding: 0 0px 0 5px!important}
  .county{height: auto!important;}
  .county-head li{font-size: 13px!important;}
  .leaderBox-right{margin-top: 10px}
  .layui-carousel{height: 280px!important}
  .Art-select .hd ul li{padding:6px 10px!important}
  .links-form{margin-top: 50px!important}
  .searchItemCont{padding:0!important}
  .searchB{width:auto!important}
  .links-left{padding:0 2px!important}
  .foot-left{
    border:0!important;
    /*text-align: center!important;*/
  }
  .cityItem .cityItemName{
  	width: 50%!important;
  }
  /*#banner{width: 300px!important}*/
}
@media screen and (max-width:987px){
  .nav{overflow: hidden;}
  .links-form {float: left!important;}
  .botTop .layui-inline{margin-left: 0!important}

  /*.detach {display: none;}*/
}