.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}

@media (min-width: 992px) {


	.w10 { width:10%;  }
	.w20 { width:20%;  }
	.w30 { width:30%;  }
	.w40 { width:40%;  }
	.w50 { width:50%;  }
	.w60 { width:60%;  }
	.w70 { width:70%;  }
	.w80 { width:80%;  }
	.w90 { width:90%;  }
	.w100 { width:100%;  margin:0px !important;   }

.sub {}
.sub .sub-bg { position:absolute; top:0px; left:0px; background:url(../images2020/sub/sub_img.jpg) no-repeat center top; height:320px; width:100%;  z-index:-1; }
.sub h3.sub-title { text-align:center; height:180px; color:#fff; font-size:45px; font-weight:normal; padding-top:70px;  }


	.sub-menu-wrap { width:100%; height:60px; border-bottom:1px solid #cacaca;    }
	.sub-menu-wrap .container { position:relative;   }
	.sub-menu-wrap .container  .print {position:absolute; top:15px; right:50px; }
	.sub-menu-wrap .sub-menu-2020 {  float:left; width:100%; height:60px; border-left:1px solid #cacaca;    }
	.sub-menu-wrap .sub-menu-2020 li {border-right:1px solid #cacaca;  position:relative;z-index:90;  float:left;padding-top:15px;height:60px;  padding-left:25px; padding-right:25px;  width:305px;  font-size:18px;  }
	.sub-menu-wrap .sub-menu-2020 li a { color:#333; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu-2020 li a i.icon-angle-down {position:absolute;   top:20px; right:20px;  }
	.sub-menu-wrap .sub-menu-2020 li a:hover { }
	.sub-menu-wrap .sub-menu-2020 li.active a {  }
	.sub-menu-wrap .sub-menu-2020 li.home {padding-left:20px; padding-right:20px; padding-top:16px;  width:auto; }
	.sub-menu-wrap .sub-menu-2020 li.home a {color:#333; }
	.sub-menu-wrap .sub-menu-2020 li  ul {display:none; padding-top:15px; padding-bottom:5px;  position:absolute; top:59px; left:-1px; border:1px solid #cacaca; width:306px; background:#f9f9f9; }
	.sub-menu-wrap .sub-menu-2020 li  ul li {position:relative; border-right:0px; float:none; display:inline-block;   height:auto; background:none; margin-bottom:15px;  font-size:16px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu-2020 li  ul li a { color:#444; display:inline-block;padding:0px;    }
	.sub-menu-wrap .sub-menu-2020 li  ul li a:hover { color:#333;}
	.sub-menu-wrap .sub-menu-2020 li  ul li a.active { color:#333;  text-decoration:underline; }



  h1.sub-tit { padding-top:60px; padding-bottom:25px; position:relative; text-align:center; color:#000; font-weight:bold; font-size:30px; position:relative; margin-bottom:40px;   }
  h1.sub-tit:after {
    bottom: 35px;
	content:''; 
	position:absolute; bottom:0px; left:50%; 
    border-top: 1px solid #000;
    width: 50px;
    margin-left: -25px;
  }
  .sub-contents {
    padding-bottom: 50px;
    line-height: 180%;
    font-size: 16px;
    letter-spacing: -0.6px;
  }



}

@media (min-width: 992px) and (max-width: 1199px) {


}
@media (max-width: 999px) {

.sub .sub-bg { position:absolute; top:0px; left:0px; background:url(../images2020/sub/sub_img.jpg) no-repeat center top; height:230px; width:100%;  z-index:-1;  background-size:cover; }
.sub h3.sub-title { text-align:center; height:160px; color:#fff; font-size:38px; font-weight:normal; padding-top:60px;  }


.sub-menu-2020 {display:none;}
  h1.sub-tit { padding-top:40px; padding-bottom:25px; position:relative; text-align:center; color:#000; font-weight:bold; font-size:26px; position:relative;   margin-bottom:20px; }
  h1.sub-tit:after {    bottom: 35px;	content:''; 	position:absolute; bottom:0px; left:50%;     border-top: 1px solid #000;    width: 50px;    margin-left: -25px;  }

.sub-contents {padding-bottom: 40px; padding-left:15px; padding-right:15px;  }

}

@media (max-width: 991px) {



.mw10 { width:10%;  }
	.mw20 { width:20%;  }
	.mw30 { width:30%;  }
	.mw40 { width:40%;  }
	.mw50 { width:50%;  }
	.mw60 { width:60%;  }
	.mw70 { width:70%;  }
	.mw80 { width:80%;  }
	.mw90 { width:90%;  }
	.mw100 { width:100%; margin:0px !important;   }

}