﻿@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	/** 鼠标滑过 斜切 **/
.dd, .simg, .imgW .img, .imga, .product-list a, .teach-list .imga a, .news-list .more{
    transition:all ease-in .3s;
    -moz-transition:all ease-in .3s;
    -ms-transition:all ease-in .3s;
    -o-transition:all ease-in .3s;
    -webkit-transition:all ease-in .3s;
}
.shadow1 .imga:hover,.shadow1 dd:hover{
    box-shadow:0px 0px 10px #aaa;
    -moz-box-shadow:0px 0px 10px #aaa;
    -ms-box-shadow:0px 0px 10px #aaa;
    -o-box-shadow:0px 0px 10px #aaa;
    -webkit-box-shadow:0px 0px 10px #aaa;
}
.shadow99 .imga:hover,.shadow99 dd:hover{
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -transform:translateY(-5px);
    box-shadow:0px 0px 10px #999;
    -moz-box-shadow:0px 0px 10px #999;
    -ms-box-shadow:0px 0px 10px #999;
    -o-box-shadow:0px 0px 10px #999;
    -webkit-box-shadow:0px 0px 10px #999;
}
.shadowcc .imga:hover{
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.lateY .imga:hover{
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -transform:translateY(-5px);
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.lateY10 .imga:hover{
    transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    -transform:translateY(-10px);
}
.scale:hover .simg,.imgW:hover .img,.product-list a:hover .img{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}



}

@media only screen and (max-width: 1366px){
.wrap{ padding: 10% 4% 0;}

}

@media only screen and (min-width: 1200px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:96%;}

}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {

  .header{padding: 25px 0; margin-bottom: 20px;}
  .logtxt{font-size: 22px}
  .headr{font-size: 20px; width: 100%}
  /* 列表/详情页 .produc：顶距 30px + 行距 110px = 跟首页 .produc.fw-home-row 基准完全一致 */
  .produc{margin: 30px 0 110px;}
  /* .proitem 自身不再撑间距（顶距由 .produc 顶距 + .produc 底距衔接行间） */
  .proitem{display: block; width: 100%!important; margin: 0 !important}
  /* 同 .produc 内多张图垂直堆叠时（第 2/3/4... 张）用相邻兄弟选择器加 110px 图间
     首页 1 张图/行：第 1 个 .proitem 无前兄弟 → 不命中 → 跟首页基准完全一致 */
  .proitem + .proitem{margin-top: 110px !important}
  /* 【21:00 新增】项目详情页 .newdate（日期/地点行）在 fw-single-project 之外，
     .newdate 的 padding-bottom 在自己块内部就结束了，对外层兄弟 .fw-single-project
     的第一个 .produc 无效（position: fixed 父级遮蔽效应）。
     直接给 .fw-single-project 第一个 .produc 加 mt 110，确保 newdate 跟首图间距。
     列表页/首页 .produc 不在 .fw-single-project 内 → 0 命中。 */
  .fw-single-project > .produc:first-child{margin-top: 110px !important}
  .prsimd{font-size: 16px; line-height: 28px;}

  .producnr{font-size: 16px;}
  /* news / award 条目文字统一 14px（覆盖 inline + 覆盖 .producnr 16px） */
  .producnr.inforjs p{font-size: 14px; line-height: 2;}



  .producnr{width:100%!important;margin:30px 0 0;display:block;}
  /* 始终一行，列数 = 可见 cell 数；gap 不小于 10px，cell 内 padding 6px 保证空气 */
  .fw-related-wrap{margin:360px 0 80px!important;clear:both}
  .fw-related-row{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0 10px!important;margin:0 0 40px!important;justify-items:stretch;width:100%!important;box-sizing:border-box}
  .fw-related-cell{padding:0 6px!important;align-items:end!important;width:auto!important;min-width:0!important;overflow:visible!important;box-sizing:border-box}
  .fw-related-thumb{width:100%!important;max-width:160px!important;margin:0 auto!important}
  .fw-related-caption{margin-top:6px!important;text-align:center!important}
  /* 平板 769-1023：5 个 cell，隐藏 6-7 */
  .fw-related-row :nth-child(n+6){display:none!important}
  /* 大手机 481-768：4 列 4 个 */
  @media (max-width:768px){.fw-related-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0 10px!important}.fw-related-row :nth-child(n+5){display:none!important}}
  /* 中手机 421-640：3 列 3 个 */
  @media (max-width:640px){.fw-related-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 10px!important}.fw-related-row :nth-child(n+4){display:none!important}}
  /* 小手机 ≤480：2 列 2 个（用户同意仅 2 cell，避免 3 cell 挤在一起） */
  @media (max-width:480px){.fw-related-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 12px!important;padding:0!important}.fw-related-row :nth-child(n+3){display:none!important}}
  .detiie{font-size: 20px;}
  .dentc{font-size: 12px;}
  
  .naveng{
  	width: 50%;
  	display: inline-block;
  }

  .navbox li{font-size: 14px;width: 100%;}
  .subnav{display: none;}
  .subnav br{
  	display: block;
  }

	.header.on{    width: 100%;
    padding: 20px 4% 0px;background-color: transparent;box-sizing: border-box;}
    
	.navbox li{
    padding: 0 1px;}
    
    .menubtn{
		display: block;
	}
	.headr{
		display: none;
		width: 100%;
		background-color: transparent;
	}
	.wrap{
		padding: 55px 4%;
	}
	
	.datilebox .inbb {
		width: 50% !important;
		display: inline-block;
		padding: 0 2%;
		box-sizing: border-box;
		margin: 60px 0 0 !important;
		vertical-align: bottom;
	}
	.datilebox .inbb a{
		display: block;
	}
	.datilebox .inbb a img{
	}
	.datilebox .inbb .inbk{
		margin: 20px 0 0 !important;
		min-height: 54px;
		height: auto;
	}
	.newdate{
		margin-top: 20px;
		padding-bottom: 100px;
		margin-bottom: 0;
		min-height: 28px;
	}

}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {

}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

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

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/


