
.homenav{
	width:100%;
	height:77px;
	background:rgba(60,91,155,0.8);
	position: fixed;
	top:0;
	z-index:10;
}
.nav-container{
	width:1600px;
	margin:0 auto;
}
.home-logo{
	width:350px;
	margin:10px 0 0 0;
	float:left;
}
.homemenu{
	width:76%;
	height:77px;
	float:right;
}
.homemenu > li{
	float:left;
	position:relative;
	width:10%; 
	height:77px;
	text-align:center;
	font-size:17px;
	font-weight:bold;
}
.homemenu > li span{
	display:block;
	font-size:12px;
	line-height:25px;
	font-weight:normal;
	color:#b7c9eb;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
}
.homemenu > li a{
	display:block;
	color:#fff;
	padding:13px 0 0 0;
	box-sizing:border-box;
}
.homemenu > li img{
	display:block;
	margin:0 auto;
}
.homesubmenu{
	display:none;
	position:absolute;
	width:120%;
	top:77px;
	left:-10%;
	background:#1c4176;
}
.homesubmenu li{
	font-size:16px; 
	line-height:30px;
	letter-spacing:1px;
	text-align:center; 
	border-bottom:1px solid #fff;
}
.homesubmenu li:last-child{
	border-bottom:none;
}
.homesubmenu li a{ display:block; color:#fff;padding:10px 0;}

.title{ 
    width:100%; 
	text-align:center; 
	margin:30px auto;
	padding:0;
}
.title h2{ 
    font-size:36px; 
	color:#1e3f74; 
	font-weight:bold; 
	padding:5px 0;
	box-sizing:border-box;
}
.title h4{ 
    font-size:18px; 
	color:#1e3f74;
	font-family:'Nanum Gothic', sans-serif; 
	font-style:italic;
}
.title h4::before{ 
    content:''; 
	display:inline-block;
	width:15px; 
	height:7px; 
	background:#1e3f74; 
	margin:0 5px 0 0;
}

.home-container{
	width:1366px;
	margin:0 auto;
}
.home-wrap{
	width:100%;
	position: relative;
    top: -80px;
}
.home-box{
	width:30%;
}
.home-box:nth-child(1){
	float:left;
}
.home-box:nth-child(2){
	float:left;
	margin:0 5%;
}
.home-box:nth-child(3){
	float:right;
}
.home-bg{
	width:100%;
	background: url(../images/home01bg.png) no-repeat;
}
.home01{
	width:100%;
    background:#d4e8f2;
	margin:0 0 20px 0;
	padding:20px;
	box-sizing:border-box;
}
.home02{
	width:100%;
    background:#d8e8e2;
	padding:20px;
	box-sizing:border-box;
}
.home03{
	width:100%;
    background:#87b8d9;
	padding:25px;
	box-sizing:border-box;
}
.home04{
	width:100%;
    background:#e6e6dd;
	padding:20px;
	box-sizing:border-box;
	margin:0 0 20px 0;
}
.home05{
	width:100%;
    background:#d5e3e7;
	padding:20px;
	box-sizing:border-box;
}
.home03 img{
	margin:35px 0;
}
.newtitle{
	font-size:22px;
	color:#3c5b9b;
	text-align:center;
	font-weight:bold;
	margin:0 0 20px 0;
}
.newtitle img{
	display:block;
	margin:0 auto;
}
.newtitle span{
	display:block;
	width:40px;
	height:5px;
	background:#3c5b9b;
	margin:5px auto;
}
.new{
	width:100%;
	overflow:hidden;
	display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.new li{
	float:left;
	border-bottom:1px dashed #fff;
	padding:8px 0;
	box-sizing:border-box;
	height:72px;
}
.new li:last-child{
	border-bottom:none;
}
.new li:nth-last-child(2){
	border-bottom:none;
}
.new li a{
	display:block;
	color:#333;
	height:56px;
}
.new li a:hover{
	color:#000;
	text-decoration:underline;
}
.new li:nth-child(odd){
	width:20%;
	font-size:19px;
	line-height:20px;
	text-align:center;
	color:#333;
	padding:16px 0 0 0;
	font-family:"微軟正黑體 Light";
}
.new li:nth-child(odd) span{
	display:block;
	font-size:16px;
}
.new li:nth-child(even){
	width:80%;
	font-size:18px;
	line-height:30px;
	letter-spacing:1px;
	overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.member li{
	font-size:18px;
	line-height:50px;
	border-bottom:1px dashed #fff;
	background:url(../images/man.png) no-repeat left center;
	padding:0 0 0 30px;
	letter-spacing:2px;
}
.member li a{
	display:block;
	color:#000;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.homelink{
	width:100%;
	margin:40px auto;
}
.ad-list{
	width:100%;
	margin:40px auto 0 auto;
}
.home-news-list{
	width:100%;
	margin:20px auto;
}
.news-list-title{
	width:90%;
	margin:30px auto 20px auto;
	font-size:22px;
	color:#333;
	text-align:center;
	font-weight:bold;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.news-list-text{
	width:90%;
	height:60px;
	margin:0 auto 20px auto;
	font-size:18px;
	color:#333;
	line-height:30px;
	overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.news-more{
	width:150px;
	height:48px;
	margin:0 auto;
	border:1px solid #ddd;
	font-size:18px;
	line-height:48px;
	text-align:center;
}
.news-more a{
	display:block;
	color:#333;
	-webkit-transition:0.8s;
	background:url(../images/arrow.png) no-repeat 130px center;
}
.news-more a:hover{
	background:url(../images/arrow.png) no-repeat 130px center #eee;
}
.news-list-bg{
	width:100%;
	background:#fff;
	padding:0 0 30px 0;
	box-shadow:0px 0px 5px #ccc;
}
.text-link{ 
    width:100%; 
	height:50px; 
	background:#3c5b9b; 
	font-size:20px; 
	line-height:50px;
	text-align:center; 
	color:#fff;
}
ul.home-download{
  display: table;
  margin: 0 auto;
}
.home-download li{
	 float:left; 
	 padding:0 40px;
	 box-sizing:border-box;
	 -webkit-transition:0.8s;
}
.home-download li img{
	 -webkit-transition:0.6s;
}
.home-download li a{
	display:block; 
	color:#000;
}
.home-download li a:hover img{
	opacity:0.8;
}
.home-download li p{ 
    font-size:20px; 
	text-align:center; 
	line-height:40px; 
	font-weight:bold;
}
.home-footer{
	padding:40px 0 20px 0;
	box-sizing:border-box;
	text-align:center;
}

.footer-style-1{
	font-size: 22px;
    color: #3c5b9b;
    letter-spacing:2px;
	line-height:1.5;
}
.footer-style-1 span{
	display:block;
	font-size:18px;
	letter-spacing:0px;
}
.footer-style-2{
	font-size: 16px;
    color: #6a6a6a;
    line-height:1.6;
    letter-spacing:2px;
}
.footer-style-2 a{
	color: #6a6a6a;
}
ul.homeapp {
  display: table;
  margin: 0 auto;
}
.homeapp li{ float:left; margin:8px; width:88px;}

.link-bg{ width:100%; height:auto; background: url(../images/link_bg.jpg) no-repeat center center; background-size:cover;}
/*20200408*/
.slide-text {
    top: 16%;
    left: 8%;
    margin: 0 auto;
    position: absolute;
    width: 82%;
}


@media (max-width: 1600px) {
.nav-container{
	width:95%;
}
.homemenu{
	width:70%;
}
}

@media (max-width: 1366px) {
.title h2{ 
    font-size:28px; 
}
.home-container{
	width:90%;
}
}
@media (max-width: 1280px) {
.home-logo{
	width:300px;
	margin:13px 0 0 0;
}
.homemenu{
	width:68%;
}
}

@media (max-width: 1024px) {
	.homenav{ z-index:999;}
	.home-logo{width:290px; margin:12px 0 0 0;}
	.homemenu{ display:none;}
	.home-box{
	width:100%;
}
.home-box:nth-child(1){
	float:none;
}
.home-box:nth-child(2){
	float:none;
	margin:0 ;
}
.home-box:nth-child(3){
	float:none;
}
.home02{ margin:0 0 20px 0;}
.home03{ margin:0 0 20px 0;}
.home-footer{
	width:90%;
	margin:0 auto;
}
.footer-style-1{
	font-size:18px; 
	line-height:1.6;
}
.footer-style-2{
	 font-size:16px;  
	 line-height:1.4;
	 letter-spacing:2px;
}
.home-wrap{
	top:0;
}

}
@media (max-width: 640px) {
	.home-download li{
	 float:none; 
	 padding:0 40px;
}
.footer-style-1{
	font-size:12px; 
}
.footer-style-2{
	 font-size:12px;  
}
.footer-style-1 span{
	font-size:12px;
}
}
@media (max-width: 480px){
	
}