/* 文化 */
@media screen and (max-width:1600px) {
    /* padding */
.padding-top-10{ padding-top: 8px;}
.padding-left-10{ padding-left: 8px;}
.padding-right-10{ padding-right: 8px;}
.padding-bottom-10{ padding-bottom: 8px;}
.padding-10{ padding: 8px;}
.padding-top-15{ padding-top: 13px;}
.padding-left-15{ padding-left: 13px;}
.padding-right-15{ padding-right: 13px;}
.padding-bottom-15{ padding-bottom: 13px;}
.padding-15{ padding: 13px;}
.padding-top-20{ padding-top: 16px;}
.padding-left-20{ padding-left: 16px;}
.padding-right-20{ padding-right: 16px;}
.padding-bottom-20{ padding-bottom: 16px;}
.padding-20{ padding: 16px;}
.padding-top-25{ padding-top: 20px;}
.padding-left-25{ padding-left: 20px;}
.padding-right-25{ padding-right: 20px;}
.padding-bottom-25{ padding-bottom: 20px;}
.padding-25{ padding: 20px;}
.padding-top-30{ padding-top: 26px;}
.padding-left-30{ padding-left: 26px;}
.padding-right-30{ padding-right: 26px;}
.padding-bottom-30{ padding-bottom: 26px;}
.padding-30{ padding: 26px;}
.padding-top-40{ padding-top: 36px;}
.padding-left-40{ padding-left: 36px;}
.padding-right-40{ padding-right: 36px;}
.padding-bottom-40{ padding-bottom: 36px;}
.padding-40{ padding: 36px;}
.padding-top-50{ padding-top: 45px;}
.padding-left-50{ padding-left: 45px;}
.padding-right-50{ padding-right: 45px;}
.padding-bottom-50{ padding-bottom: 45px;}
.padding-50{ padding: 45px;}
.padding-top-70{ padding-top: 66px;}
.padding-left-70{ padding-left: 66px;}
.padding-right-70{ padding-right: 66px;}
.padding-bottom-70{ padding-bottom: 66px;}
.padding-70{ padding: 66px;}

/* margin */
.margin-top-10{ margin-top: 8px;}
.margin-left-10{ margin-left: 8px;}
.margin-right-10{ margin-right: 8px;}
.margin-bottom-10{ margin-bottom: 8px;}
.margin-10{ margin: 8px;}
.margin-top-15{ margin-top: 13px;}
.margin-left-15{ margin-left: 13px;}
.margin-right-15{ margin-right: 13px;}
.margin-bottom-15{ margin-bottom: 13px;}
.margin-15{ margin: 13px;}
.margin-top-20{ margin-top: 16px;}
.margin-left-20{ margin-left: 16px;}
.margin-right-20{ margin-right: 16px;}
.margin-bottom-20{ margin-bottom: 16px;}
.margin-20{ margin: 16px;}
.margin-top-25{ margin-top: 20px;}
.margin-left-25{ margin-left: 20px;}
.margin-right-25{ margin-right: 20px;}
.margin-bottom-25{ margin-bottom: 20px;}
.margin-25{ margin: 20px;}
.margin-top-30{ margin-top: 26px;}
.margin-left-30{ margin-left: 26px;}
.margin-right-30{ margin-right: 26px;}
.margin-bottom-30{ margin-bottom: 26px;}
.margin-30{ margin: 26px;}
.margin-top-40{ margin-top: 36px;}
.margin-left-40{ margin-left: 36px;}
.margin-right-40{ margin-right: 36px;}
.margin-bottom-40{ margin-bottom: 36px;}
.margin-40{ margin: 36px;}
.margin-top-50{ margin-top: 45px;}
.margin-left-50{ margin-left: 45px;}
.margin-right-50{ margin-right: 45px;}
.margin-bottom-50{ margin-bottom: 45px;}
.margin-50{ margin: 45px; }
.margin-top-70{ margin-top: 66px;}
.margin-left-70{ margin-left: 66px;}
.margin-right-70{ margin-right: 66px;}
.margin-bottom-70{ margin-bottom: 66px;}
.margin-70{ margin: 66px; }

.f14{ font-size: 13px;}
.f15{ font-size: 14px;}
.f16{ font-size: 15px;}
.f18{ font-size: 17px;}
.f20{ font-size: 18px;}
.f24{ font-size: 22px;}
.f28{ font-size: 26px;}
.f30{ font-size: 28px;}
.f34{ font-size: 32px;}
.f40{ font-size: 38px;}
.f50{ font-size: 48px;}
.f54{ font-size: 52px;}
.f60{ font-size: 58px;}
.f70{ font-size: 68px;}
.f80{ font-size: 78px;}

}

@media screen and (max-width:1440px) {
     /* padding */
.padding-top-10{ padding-top: 6px;}
.padding-left-10{ padding-left: 6px;}
.padding-right-10{ padding-right: 6px;}
.padding-bottom-10{ padding-bottom: 6px;}
.padding-10{ padding: 6px;}
.padding-top-15{ padding-top: 10px;}
.padding-left-15{ padding-left: 10px;}
.padding-right-15{ padding-right: 10px;}
.padding-bottom-15{ padding-bottom: 10px;}
.padding-15{ padding: 10px;}
.padding-top-20{ padding-top: 15px;}
.padding-left-20{ padding-left: 15px;}
.padding-right-20{ padding-right: 15px;}
.padding-bottom-20{ padding-bottom: 15px;}
.padding-20{ padding: 15px;}
.padding-top-25{ padding-top: 18px;}
.padding-left-25{ padding-left: 18px;}
.padding-right-25{ padding-right: 18px;}
.padding-bottom-25{ padding-bottom: 18px;}
.padding-25{ padding: 18px;}
.padding-top-30{ padding-top: 24px;}
.padding-left-30{ padding-left: 24px;}
.padding-right-30{ padding-right: 24px;}
.padding-bottom-30{ padding-bottom: 24px;}
.padding-30{ padding: 24px;}
.padding-top-40{ padding-top: 34px;}
.padding-left-40{ padding-left: 34px;}
.padding-right-40{ padding-right: 34px;}
.padding-bottom-40{ padding-bottom: 34px;}
.padding-40{ padding: 34px;}
.padding-top-50{ padding-top: 42px;}
.padding-left-50{ padding-left: 42px;}
.padding-right-50{ padding-right: 42px;}
.padding-bottom-50{ padding-bottom: 42px;}
.padding-50{ padding: 42px;}
.padding-top-70{ padding-top: 62px;}
.padding-left-70{ padding-left: 62px;}
.padding-right-70{ padding-right: 62px;}
.padding-bottom-70{ padding-bottom: 62px;}
.padding-70{ padding: 62px;}

/* margin */
.margin-top-10{ margin-top: 6px;}
.margin-left-10{ margin-left: 6px;}
.margin-right-10{ margin-right: 6px;}
.margin-bottom-10{ margin-bottom: 6px;}
.margin-10{ margin: 6px;}
.margin-top-15{ margin-top: 10px;}
.margin-left-15{ margin-left: 10px;}
.margin-right-15{ margin-right: 10px;}
.margin-bottom-15{ margin-bottom: 10px;}
.margin-15{ margin: 10px;}
.margin-top-20{ margin-top: 15px;}
.margin-left-20{ margin-left: 15px;}
.margin-right-20{ margin-right: 15px;}
.margin-bottom-20{ margin-bottom: 15px;}
.margin-20{ margin: 15px;}
.margin-top-25{ margin-top: 18px;}
.margin-left-25{ margin-left: 18px;}
.margin-right-25{ margin-right: 18px;}
.margin-bottom-25{ margin-bottom: 18px;}
.margin-25{ margin: 18px;}
.margin-top-30{ margin-top: 24px;}
.margin-left-30{ margin-left: 24px;}
.margin-right-30{ margin-right: 24px;}
.margin-bottom-30{ margin-bottom: 24px;}
.margin-30{ margin: 24px;}
.margin-top-40{ margin-top: 34px;}
.margin-left-40{ margin-left: 34px;}
.margin-right-40{ margin-right: 34px;}
.margin-bottom-40{ margin-bottom: 34px;}
.margin-40{ margin: 34px;}
.margin-top-50{ margin-top: 42px;}
.margin-left-50{ margin-left: 42px;}
.margin-right-50{ margin-right: 42px;}
.margin-bottom-50{ margin-bottom: 42px;}
.margin-50{ margin: 42px; }
.margin-top-70{ margin-top: 62px;}
.margin-left-70{ margin-left: 62px;}
.margin-right-70{ margin-right: 62px;}
.margin-bottom-70{ margin-bottom: 62px;}
.margin-70{ margin: 62px; }

.f14{ font-size: 12px;}
.f15{ font-size: 13px;}
.f16{ font-size: 14px;}
.f18{ font-size: 16px;}
.f20{ font-size: 16px;}
.f24{ font-size: 20px;}
.f28{ font-size: 24px;}
.f30{ font-size: 26px;}
.f34{ font-size: 30px;}
.f40{ font-size: 36px;}
.f50{ font-size: 46px;}
.f54{ font-size: 50px;}
.f60{ font-size: 56px;}
.f70{ font-size: 66px;}
.f80{ font-size: 76px;}
}

@media screen and (max-width:1200px) {
           /* padding */
     .padding-top-10{ padding-top: 5px;}
     .padding-left-10{ padding-left: 5px;}
     .padding-right-10{ padding-right: 5px;}
     .padding-bottom-10{ padding-bottom: 5px;}
     .padding-10{ padding: 5px;}
     .padding-top-15{ padding-top:8px;}
     .padding-left-15{ padding-left:8px;}
     .padding-right-15{ padding-right:8px;}
     .padding-bottom-15{ padding-bottom:8px;}
     .padding-15{ padding:8px;}
     .padding-top-20{ padding-top: 12px;}
     .padding-left-20{ padding-left: 12px;}
     .padding-right-20{ padding-right: 12px;}
     .padding-bottom-20{ padding-bottom: 12px;}
     .padding-20{ padding: 12px;}
     .padding-top-25{ padding-top: 16px;}
     .padding-left-25{ padding-left: 16px;}
     .padding-right-25{ padding-right: 16px;}
     .padding-bottom-25{ padding-bottom: 16px;}
     .padding-25{ padding: 16px;}
     .padding-top-30{ padding-top: 22px;}
     .padding-left-30{ padding-left: 22px;}
     .padding-right-30{ padding-right: 22px;}
     .padding-bottom-30{ padding-bottom: 22px;}
     .padding-30{ padding: 22px;}
     .padding-top-40{ padding-top: 32px;}
     .padding-left-40{ padding-left: 32px;}
     .padding-right-40{ padding-right: 32px;}
     .padding-bottom-40{ padding-bottom: 32px;}
     .padding-40{ padding: 32px;}
     .padding-top-50{ padding-top: 40px;}
     .padding-left-50{ padding-left: 40px;}
     .padding-right-50{ padding-right: 40px;}
     .padding-bottom-50{ padding-bottom: 40px;}
     .padding-50{ padding: 40px;}
     .padding-top-70{ padding-top: 60px;}
     .padding-left-70{ padding-left: 60px;}
     .padding-right-70{ padding-right: 60px;}
     .padding-bottom-70{ padding-bottom: 60px;}
     .padding-70{ padding: 60px;}
     
     /* margin */
     .margin-top-10{ margin-top: 5px;}
     .margin-left-10{ margin-left: 5px;}
     .margin-right-10{ margin-right: 5px;}
     .margin-bottom-10{ margin-bottom: 5px;}
     .margin-10{ margin: 5px;}
     .margin-top-15{ margin-top:8px;}
     .margin-left-15{ margin-left:8px;}
     .margin-right-15{ margin-right:8px;}
     .margin-bottom-15{ margin-bottom:8px;}
     .margin-15{ margin:8px;}
     .margin-top-20{ margin-top: 12px;}
     .margin-left-20{ margin-left: 12px;}
     .margin-right-20{ margin-right: 12px;}
     .margin-bottom-20{ margin-bottom: 12px;}
     .margin-20{ margin: 12px;}
     .margin-top-25{ margin-top: 16px;}
     .margin-left-25{ margin-left: 16px;}
     .margin-right-25{ margin-right: 16px;}
     .margin-bottom-25{ margin-bottom: 16px;}
     .margin-25{ margin: 16px;}
     .margin-top-30{ margin-top: 22px;}
     .margin-left-30{ margin-left: 22px;}
     .margin-right-30{ margin-right: 22px;}
     .margin-bottom-30{ margin-bottom: 22px;}
     .margin-30{ margin: 22px;}
     .margin-top-40{ margin-top: 32px;}
     .margin-left-40{ margin-left: 32px;}
     .margin-right-40{ margin-right: 32px;}
     .margin-bottom-40{ margin-bottom: 32px;}
     .margin-40{ margin: 32px;}
     .margin-top-50{ margin-top: 40px;}
     .margin-left-50{ margin-left: 40px;}
     .margin-right-50{ margin-right: 40px;}
     .margin-bottom-50{ margin-bottom: 40px;}
     .margin-50{ margin: 40px; }
     .margin-top-70{ margin-top: 60px;}
     .margin-left-70{ margin-left: 60px;}
     .margin-right-70{ margin-right: 60px;}
     .margin-bottom-70{ margin-bottom: 60px;}
     .margin-70{ margin: 60px; }
     
     .f14{ font-size: 12px;}
     .f15{ font-size: 12px;}
     .f16{ font-size: 14px;}
     .f18{ font-size: 15px;}
     .f20{ font-size: 15px;}
     .f24{ font-size: 18px;}
     .f28{ font-size: 20px;}
     .f30{ font-size: 24px;}
     .f34{ font-size: 28px;}
     .f40{ font-size: 34px;}
     .f50{ font-size: 44px;}
     .f54{ font-size: 48px;}
     .f60{ font-size: 54px;}
     .f70{ font-size: 64px;}
     .f80{ font-size: 74px;}
}

@media screen and (max-width:1000px) {
	.mainLeft .leftul{
		float: none;
		left: auto;
		display: flex;
		position: relative;
		overflow-x: scroll;
		width: 100%;
		white-space: nowrap;
		box-sizing: border-box;
		border-top: none;
		border-left: none;
		border-right: none;
		
	}
	
    
    .padding-top-10{ padding-top: 5px;}
    .padding-left-10{ padding-left: 5px;}
    .padding-right-10{ padding-right: 5px;}
    .padding-bottom-10{ padding-bottom: 5px;}
    .padding-10{ padding: 5px;}
    .padding-top-15{ padding-top:8px;}
    .padding-left-15{ padding-left:8px;}
    .padding-right-15{ padding-right:8px;}
    .padding-bottom-15{ padding-bottom:8px;}
    .padding-15{ padding:8px;}
    .padding-top-20{ padding-top: 15px;}
    .padding-left-20{ padding-left: 15px;}
    .padding-right-20{ padding-right: 15px;}
    .padding-bottom-20{ padding-bottom: 15px;}
    .padding-20{ padding: 15px;}
    .padding-top-25{ padding-top: 15px;}
    .padding-left-25{ padding-left: 15px;}
    .padding-right-25{ padding-right: 15px;}
    .padding-bottom-25{ padding-bottom: 15px;}
    .padding-25{ padding: 15px;}
    .padding-top-30{ padding-top: 18px;}
    .padding-left-30{ padding-left: 18px;}
    .padding-right-30{ padding-right: 18px;}
    .padding-bottom-30{ padding-bottom: 18px;}
    .padding-30{ padding: 18px;}
    .padding-top-40{ padding-top: 28px;}
    .padding-left-40{ padding-left: 28px;}
    .padding-right-40{ padding-right: 28px;}
    .padding-bottom-40{ padding-bottom: 28px;}
    .padding-40{ padding: 28px;}
    .padding-top-50{ padding-top: 35px;}
    .padding-left-50{ padding-left: 35px;}
    .padding-right-50{ padding-right: 35px;}
    .padding-bottom-50{ padding-bottom: 35px;}
    .padding-50{ padding: 35px;}
    .padding-top-70{ padding-top: 55px;}
    .padding-left-70{ padding-left: 55px;}
    .padding-right-70{ padding-right: 55px;}
    .padding-bottom-70{ padding-bottom: 55px;}
    .padding-70{ padding: 55px;}
    
    /* margin */
    .margin-top-10{ margin-top: 5px;}
    .margin-left-10{ margin-left: 5px;}
    .margin-right-10{ margin-right: 5px;}
    .margin-bottom-10{ margin-bottom: 5px;}
    .margin-10{ margin: 5px;}
    .margin-top-15{ margin-top:8px;}
    .margin-left-15{ margin-left:8px;}
    .margin-right-15{ margin-right:8px;}
    .margin-bottom-15{ margin-bottom:8px;}
    .margin-15{ margin:8px;}
    .margin-top-20{ margin-top: 15px;}
    .margin-left-20{ margin-left: 15px;}
    .margin-right-20{ margin-right: 15px;}
    .margin-bottom-20{ margin-bottom: 15px;}
    .margin-20{ margin: 15px;}
    .margin-top-25{ margin-top: 15px;}
    .margin-left-25{ margin-left: 15px;}
    .margin-right-25{ margin-right: 15px;}
    .margin-bottom-25{ margin-bottom: 15px;}
    .margin-25{ margin: 15px;}
    .margin-top-30{ margin-top: 18px;}
    .margin-left-30{ margin-left: 18px;}
    .margin-right-30{ margin-right: 18px;}
    .margin-bottom-30{ margin-bottom: 18px;}
    .margin-30{ margin: 18px;}
    .margin-top-40{ margin-top: 28px;}
    .margin-left-40{ margin-left: 28px;}
    .margin-right-40{ margin-right: 28px;}
    .margin-bottom-40{ margin-bottom: 28px;}
    .margin-40{ margin: 28px;}
    .margin-top-50{ margin-top: 35px;}
    .margin-left-50{ margin-left: 35px;}
    .margin-right-50{ margin-right: 35px;}
    .margin-bottom-50{ margin-bottom: 35px;}
    .margin-50{ margin: 35px; }
    .margin-top-70{ margin-top: 55px;}
    .margin-left-70{ margin-left: 55px;}
    .margin-right-70{ margin-right: 55px;}
    .margin-bottom-70{ margin-bottom: 55px;}
    .margin-70{ margin: 55px; }
    
    
    .f16{ font-size: 12px;}
    .f18{ font-size: 14px;}
    .f20{ font-size: 14px;}
    .f24{ font-size: 16px;}
    .f28{ font-size: 16px;}
    .f30{ font-size: 20px;}
    .f34{ font-size: 24px;}
    .f40{ font-size: 30px;}
    .f50{ font-size: 40px;}
    .f54{ font-size: 44px;}
    .f60{ font-size: 50px;}
    .f70{ font-size: 60px;}
    .f80{ font-size: 70px;}
}

@media screen and (max-width:750px) { 

    .margin-top-70{ margin-top: 30px;}
    .margin-left-70{ margin-left: 30px;}
    .margin-right-70{ margin-right: 30px;}
    .margin-bottom-70{ margin-bottom: 30px;}
    .margin-70{ margin: 30px; }
    .padding-top-70{ padding-top: 30px;}
    .padding-left-70{ padding-left: 30px;}
    .padding-right-70{ padding-right:30px;}
    .padding-bottom-70{ padding-bottom: 30px;}
    .padding-70{ padding: 30px; }
    footer{ margin-top: 30px;}

    .f34{ font-size: 24px;}
    .f40{ font-size: 30px;}
    .f50{ font-size: 40px;}
    .f54{ font-size: 44px;}
    .f60{ font-size: 50px;}
    .f70{ font-size: 60px;}
    .f80{ font-size: 70px;}
}

@media screen and (max-width:750px) { 


    .f34{ font-size: 24px;}
    .f40{ font-size: 24px;}
    .f50{ font-size: 24px;}
    .f54{ font-size: 24px;}
    .f60{ font-size: 30px;}
    .f70{ font-size: 34px;}
    .f80{ font-size: 38x;}

}
/* css */
 .nav-menu{ display: none;}
 .nav-menu{ width: 30px; height: 20px; align-items: flex-end;}
 .nav-menu .nm{ width: 100%; height: 1px; background: #333;}
 .nav-menu .nm1, .nav-menu .nm3{ width: 70%;}
@media screen and (max-width:1200px) {
    .w1200{ width: 90%; margin: 0 auto; }
    .mainLeft{ width: 200px; float: left;}
    .mianRight{ width:calc(100% - 240px); float: right;}
    .prolistUl{ padding: 30px 0;}

    .prolistUl li{ width: 32%; margin-right:2% ;}
}

.wap60{ width: 100%; height: 60px; overflow: hidden; display: none;}
@media screen and (max-width:1000px) {

    .wap60{ display: block;}
.nav-menu{ display: flex;}
header{ height: 60px; position: relative; position: fixed; top: 0; left: 0; width: 100%; z-index: 99;} 
.logo img{  height: 40px;}
.nav-menu.show{ position: relative;}
.nav-menu.show .nm1, .nav-menu.show .nm3{ width: 100%; position: absolute; }
.nav-menu.show .nm2 { display: none;   }
.nav-menu.show .nm1{ transform:rotate(45deg); top: 10px; left: 0;}
.nav-menu.show .nm3{ transform:rotate(-45deg); top: 10px; right: 0;}
nav{  position: absolute; top: 60px; left: 0; z-index: 99; background: #fff; width: 100%; flex-direction: column; height: calc(100vh - 60px); justify-content: center; 
display: none;}
nav li>a{ width: 100%; height: 80px; font-size: 16px; padding: 0;margin-left:0}
nav li dl{ display: none !important;}
nav.show{ display: flex;}
.scorll{ padding: 30px 0;}
.scorll .right{ display: none;}
.scorll .left{ width: 100% !important;}
footer .right dl{ margin-right: 20px;}

.mainLeft{  float: none; width: 100%;}
.mianRight{ float: none;width: 100%; margin-top: 20px;}
.mainLeft .border:nth-child(n+2){ display: none;}
.leftul{ flex-direction: row;}
.leftul a{ padding-right: 20px; border-bottom: none;}
.conteninfo{ padding: 20px 0;}
.contactBox{ flex-direction: column;}
.contactleft{ width: 100% !important; padding: 0; border: none; line-height: 2;}
.gboolk{ width: 100% !important; padding: 0; margin-top: 25px;}
 
}

@media screen and (max-width:750px) {

    body{ font-size: 12px;}
    .w1200{ width: 94%; margin: 0 auto; }
    .scorll{ padding: 8px 0;}
    .proClass { flex-wrap: wrap;}
    .proClass a{ flex: 1 33.3%; border-bottom: 1px solid #e5e5e5;}

    .products ul li{ width: 48%; margin-right: 2%;}
    .products ul li:nth-child(2n){ margin-right: 0;}

  
    .news .newsul li{ width: 48%; margin-right: 2%;}
    .news .newsul li:nth-child(2n){ margin-right: 0;}
    .news .newsul li:nth-child(3){ display: none;}
    .news .newsul li .f16{ font-size: 14px; word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;}
    .news .newsul li .line-clamp3{-webkit-line-clamp: 2; line-height: 1.6;}
   
    .prolistUl li{ width: 48%; margin-right: 2%; line-height: 3;}
    .prolistUl li:nth-child(3n){margin-right: 2%;}
    .prolistUl li:nth-child(2n){ margin-right: 0;}

    .prolistUl2 li{ width: 48%; margin-right: 2%;}
    .prolistUl2 li:nth-child(2n){ margin-right: 0;}

    

    footer .right { display: none;}
    .logo{ font-size: 20px;}
    .nieban img{ width: 100%; height: 120px; object-fit: cover;}
    .mapbox{ height: 200px;}

    .proinfobox{ flex-direction: column;}
    .proinfobox .img{ width: 80%;}
    .proinfobox .txt{ width: 100%; margin-top: 20px;}
    .proinfoTable{ line-height: 3;}
    .proinfoTable tr td:nth-child(2n-1){ width: auto;}
    .proinfoTable td{ padding: 0 5px;}

    .newslist .date{ width: auto;}
    .newslist .txt{ width: calc(100% - 60px);}
    .newslist li{ padding: 15px 0;margin: 0 15px 15px;}
}

@media screen and (max-width:750px) { }