body{background: #fff;}
html,body{margin: 0;height:100%;}

/** 首页 */

/*导航部分*/
.heardblock{
    width: 100%; height: calc(106px + (100vw - 1920px) / 30);
}
.nav{font-family: "microsoft yahei";width: 100%; height: calc(109px + (100vw - 1920px) / 30); box-shadow: 0 3px 3px 0 #CCC; background: #FFF; position: fixed; left: 0; top: 0; z-index: 1001;transition: 0.3s}
.nav.index{background: rgba(255, 255, 255 ,0.8); 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;width: 100%;}

.nav .nav-logo{position: absolute; top: 35px;width:20%;}
.nav .nav-logo img{width:100%;}
.nav .nav-list{display: inline-block; height: 80px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; 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(6px,-6px);}
.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: 60px;}
.nav .layui-nav *{font-size: 16px;}
.nav .layui-nav .layui-nav-item a{padding: 0 0; color: #fff;font-size: calc(18px + (100vw - 1920px) / 200);}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 0px !important; background-color: #2db5a3;}
.nav .layui-nav .layui-this a
,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;}
.nav .layui-nav-bar,.nav .layui-nav-more{display: none;}{display: none;}
.nav li.nav-right{height:110px;padding-left:25px;display: inline-block;margin: 0 15px;line-height: 110px;color:#fff;}
.nav li.nav-right span{color:#fff;font-size:12px;padding-left:30px;}
.nav li.nav-right a{color:#fff;display:inline-block;font-size:12px !important;cursor: pointer;padding:0 5px;}
.nav li dl.layui-nav-child{
	top:80px;
	z-index:1002;
	background: rgba(55, 61, 61 ,0.5);
	border:none;
	text-align:center;
}
.nav li dl.layui-nav-child dd a:hover{
	background: none;
}
.nav li dl.layui-nav-child dd a{
	font-size:calc(14px + (100vw - 1920px) / 400) !important;
}

@media screen and (max-width: 1201px){
	.nav.index{background: rgba(55, 61, 61 ,0.65); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
	.nav .nav-list button{top: calc(30px + (100vw - 1200px) / 60);}
	.nav .nav-logo{line-height: 40px;top: calc(20px + (100vw - 1200px) / 65);}
	.nav .nav-logo img{width: 200px;}
	.nav .layui-container ul.layui-nav{background: rgba(55, 61, 61 ,0.85);top:calc(85px + (100vw - 1200px) / 30);display: none;padding-bottom: 20px;}
	.nav .layui-nav .layui-nav-item{line-height:50px;height: auto;}
	.nav .layui-nav .layui-nav-item a{font-size: 14px;}
	.nav li.layui-nav-item dl.layui-nav-child{top:35px;width:100px;min-width: auto;margin-left: 65px;}
	.nav li.layui-nav-item dl.layui-nav-child dd a{font-size:12px;}
	.banner-con #index_banner .panel{margin-left: unset;left: 36.5%;top:21.5%;}
	.banner-con #index_banner .panel img{width:100%;}
	#index_banner .banner-desc{font-size:10px;width:80%;margin-left: unset;left:10%;line-height:15px;top: 72%;}
	#index_banner .banner-form{display:none;}
	.nav li.nav-right{padding-left: 0; text-align: center;}
	.nav li.nav-right i.line{display: none;}
	.nav li.nav-right a{border:1px solid #fff;padding:5px 30px !important;line-height: 15px;border-radius: 5px;}
	.nav li.nav-right span{display: block;padding-left: 0; }
}
/*小屏幕*/
@media screen and (min-width: 1200px){

  .nav.index{background: rgba(55, 61, 61 ,0.55);}
  .nav .nav-list button{display: none;}
  .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;height:110px;}
  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 calc(15px + (100vw - 1920px) / 100); line-height: 110px;padding: 0 6px;}
  .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: 1500px) {
  .layui-container{width: 1500px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  .nav .nav-logo{position: absolute; top: 29px; left:1%;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}