﻿body
{
	margin:0px; 
	font-family:" ",Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;
	font-size:13px;
	text-align:justify;
	text-justify:inter-ideograph;
	}
ul, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, a, img {
	margin: 0;
	padding: 0;
	border: 0px;
	list-style-type: none;
	text-decoration: none;
	max-width: 100%;
}
a{ transition: all 0.3s ease; text-decoration:none;}
a:hover{text-decoration:underline; } 
.clear{clear:both;}
.fixed{position:fixed;left:0px;top:0px;}
.overflowHide{ overflow: hidden; position: relative;  z-index: 0;}
.ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; }
.ellipsis1{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.ellipsis2{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ellipsis7{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 7;  -webkit-box-orient: vertical;}
.box{  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }

    
.transition0{ transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; }
.transition{ transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 10.8 ease-in-out; -moz-transition:all 0.8s ease-in-out;}
.transition2{ transition:all 2s ease-in-out; -webkit-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; -ms-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out;}
.transition3{ transition:all 3s ease-in-out; -webkit-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out;}
.transition4{ transition:all 4s ease-in-out; -webkit-transition:all 4s ease-in-out; -o-transition:all 4s ease-in-out; -ms-transition:all 4s ease-in-out; -moz-transition:all 4s ease-in-out;}

.transform{ transform:translateY(100%);}

.scale0{ transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0);	-moz-transform: scale(0); }
.scale{ transform: scale(1); -ms-transform: scale(1);	/* IE 9 */ -webkit-transform: scale(1);	/* Safari 和 Chrome */ -o-transform: scale(1);	/* Opera */ -moz-transform: scale(1);	/* Firefox */}

.fadeInDown { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }


/*
.img{overflow:hidden;}
.img img{transform: translateZ(0px);transition: transform 0.2s ease 0s;}
.img:hover img{transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}
*/
.wrap{ padding-top:89px;}
.top-wrap{ position:fixed; left:0px; top:0px; width:100%; height:90px; padding:20px 0px 0px 0px; text-align:center;  border-bottom:solid 1px #c4c4c4; background-color:#ffffff; z-index:999;}
.top-wrap .fl-logo{ float:left; display:inline-block; width:15%; padding-left:5%; text-align:left;}
.top-wrap .fl-logo img{}
.top-wrap .fr-search{ float:right; display:inline-block; width:10%; padding-right:5%; text-align:right;}
.top-wrap .fr-search a{ display:inline-block; width:30px; height:30px; margin:15px 8px; border-radius:50%;}
.top-wrap .fr-search a:hover{ background-color:#1f75a8;}
.top-wrap .fr-search .search{ background:url(../images/search.png) no-repeat center #aaaaaa; background-size :cover;}
.top-wrap .fr-search .language{ background:url(../images/english.png) no-repeat center #aaaaaa; background-size :cover;}

.m-top-wrap{ display:none;}
.m-start-show{ display:none;}

.menu{ float:left; display:inline-block; width:65%;}
.menu ul li{position:relative;display:inline-block; width:14%; height:66px; line-height:56px; text-align:center;}
.menu ul li p{ position:relative;}
.menu ul li p.ch{ font-size:16px;}
.menu ul li.hover .line2{ position:absolute; left:20%; bottom:0px; display:inline-block; width:60%; height:2px; background-color:#1f75a8;}
.menu ul li a{position:relative;display:block;width:100%;height:66px;color:#333333;text-decoration:none;z-index:99;} 
.menu ul li a:hover,.menu ul li.hover a{color:#1f75a8;}
.menu ul li .bg{position:absolute;left:0px;top:40px;width:100%; height:100%; z-index:9999;display:none;}
.menu ul li .box-wrap{position:absolute;left: 50%;top:40px;width:225px;padding:10px 0px;background-color:Transparent;z-index:99999;display:none;transform: translateX(-50%);}
.menu ul li .box-wrap dt{float:left;display:inline;width:100%;height:37px;line-height:37px;font-size:15px; margin-bottom:4px;}
.menu ul li .box-wrap dt a{display:block;width:100%;height:37px;line-height:37px;text-align:center; color:#ffffff; background-color:#2075a9;}
.menu ul li .box-wrap dt a:hover{color:#ffffff; text-decoration:underline;}

.nav-wrap{ width:100%; background-color:#4b4b49; }
.nav-wrap .container{  padding:3% 0; font-size:1rem;}
.nav-wrap .nav-tab{ float:left; display:inline; width:80%;}
.nav-wrap .nav-tab dl{ float:left; display:inline; width:14%;}
.nav-wrap .nav-tab dl dt{ padding-bottom:10%; font-size:1.1rem;}
.nav-wrap .nav-tab dl dt a{ color:#00a5bd;}
.nav-wrap .nav-tab dl dd{ height:30px; line-height:30px; font-size:0.85rem;}
.nav-wrap .nav-tab dl dd a{ color:#ffffff;}
.nav-wrap .ewm{ position:relative; float:right; display:inline; width:18%; margin-top:5%; padding-right:2%; text-align:right;}
.nav-wrap .ewm i{ position:absolute; left:5%; top:0px; display:block; width:1px; height:100%; background-color:#5d5d5c;}

.footer{ width:100%; padding:26px 0px; background-color:#302f2f; color:#ffffff;}
.footer .container{ width:90%; margin:0px auto auto auto; }
.footer .container .copy{ float:left; width:70%;}
.footer .container .bottom-menu{ padding:28px 0px; text-align:left; font-size:16px;}
.footer .container .bottom-menu a{ display:inline-block; color:#bbbbbb;}
.footer .container .bottom-menu a:hover{ color:#ffffff; text-decoration:none;}
.footer .container .bottom-menu i{ display:inline-block; padding:0px 18px; color:#bbbbbb;}

.footer .container p{ font-size:14px;  color:#939292;}
.footer .container p a{ color:#939292;}
.footer .container p img{ vertical-align:middle;}
.footer .container .QRcode{ float:right; width:30%; text-align:right;}
.footer .container .code-img{ display:inline-block; width:116px; text-align:center; }
.footer .container .code-img p{ font-size:14px; color:#939292; padding-bottom:12px;}

/*分页*/
.page-layout{ display:block; width:100%;height:40px; padding:25px 0px 5px; text-align:center;font-size:18px;}
.page-layout a,.page-layout span{display:inline-block; width:60px; height:40px; line-height:40px; margin: 0 3px; vertical-align:middle;text-align:center;}
.page-layout a{color:#FFFFFF; background-color:#d9d9d9;}
.page-layout a:hover{color:#FFFFFF;background-color:#1f75a8; text-decoration:none;}
.page-layout .current{background-color:#1f75a8; color:#ffffff;}
.page-layout .home{width:30px;background:url(../images/icon-31.jpg) 0px 0px no-repeat;}
.page-layout .end{width:30px;background:url(../images/icon-31.jpg) -63px 0px no-repeat;}
.page-layout .previous{ width:100px;}
.page-layout .previous:hover { }
.page-layout .next{ width:100px;}
.page-layout .next:hover { }
.page-layout span.previous{cursor:no-drop;}
.page-layout span.next{cursor:no-drop;}

.page_box{width: 100%;margin-top: 10px;}
.page_box ul{display: flex;justify-content: center;flex-wrap: wrap;}
.page_box ul li{margin: 3px;font-size: 16px;}
.page_box a{color: #333;display: inline-block;vertical-align: middle;}

.NewList img{max-width: 100%;}
.inside_con{overflow: hidden;box-sizing: border-box;}

.banner{width: 100%;position: relative;height: 100% !important;}
.banner img{width: 100%;height: 100%;object-fit: cover;}


@media screen and (max-width:1359px) and (min-width:1024px){
    .footer{ min-width:100%;}
    .footer .container .copy{ width:90%;}
    .footer .container .QRcode{ display:none;}
}



@media screen and (max-width:1023px) {
	.wrap {
		padding-top: 70px;
	}
	.top-wrap {
		display: none;
	}
	.m-top-wrap {
		display: block;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		min-width: auto;
		height: 56px;
		padding: 14px 0px 0px;
		text-align: center;
		background-color: #ffffff;
		border-bottom: solid 1px #c4c4c4;
		z-index: 999;
	}
	.m-top-wrap .m-menu {
		float: left;
		display: inline-block;
		width: 15%;
		padding-top: 8px;
		padding-left: 5%;
		text-align: left;
		vertical-align: middle;
	}
	.m-top-wrap .m-menu i {
		position: relative;
		display: inline-block;
		width: 30px;
		height: 30px;
	}
	.m-top-wrap .m-menu i.start-menu {
		background: url(../images/menu-red.png) no-repeat center;
		background-size: 100%;
	}
	.m-top-wrap .m-menu i.close-menu {
		background: url(../images/closed.png) no-repeat center;
		background-size: 100%;
		display: none;
	}
	.m-top-wrap .m-logo {
		float: left;
		display: inline-block;
		width: 50%;
		height: 100%;
		padding-left: 0;
		text-align: center;
		vertical-align: middle;
	}
	.m-top-wrap .m-logo img {
		width: auto;
		height: 80%;
	}
	.m-top-wrap .m-search {
		float: right;
		display: inline-block;
		width: 26%;
		padding-top: 8px;
		padding-right: 4%;
		text-align: right;
		vertical-align: middle;
	}
	.m-top-wrap .m-search a {
		display: inline-block;
		width: 30px;
		height: 30px;
		margin: 0px 6px;
		border-radius: 50%;
	}
	.m-top-wrap .m-search a:hover {
		background-color: #1f75a8;
	}
	.m-top-wrap .m-search .search {
		background: url(../images/search.png) no-repeat center #aaaaaa;
		background-size: cover;
	}
	.m-top-wrap .m-search .language {
		background: url(../images/english.png) no-repeat center #aaaaaa;
		background-size: cover;
	}
	.m-start-out {
		transform: translateY(-400px);
	}
	.m-start-show {
		display: block;
		position: fixed;
		left: 0px;
		top: 70px;
		width: 100%;
		height: auto;
		background-color: #e9e9e9;
		z-index: 65;
		transition: all 0.5s ease-in-out;
	}
	.m-start-menu-list {
		padding: 0;
	}
	.m-start-show .nav {
		width: 100%;
		line-height: 42px;
	}
	.m-start-show .nav ul {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		margin: 0px auto auto auto;
		border-bottom: 1px solid #d2d2d2;
	}
	.m-start-show .nav li {
		position: relative;
		line-height: 42px;
		font-size: 15px;
		color: #333333;
		text-align: left;
	}
	.m-start-show .nav li a {
		color: #333333;
	}
	.m-start-show .nav li.arrow:after {
		content: '';
		position: absolute;
		right: 0px;
		top: 17px;
		display: block;
		background: url(../images/icon-9.png) no-repeat;
		background-size: 100% 100%;
		width: 12px;
		height: 8px;
	}
	.m-start-show .nav li .icon {
		float: right;
		display: inline-block;
		width: 8%;
		height: 42px;
	}
	.m-start-show .nav li .icon img {
		width: 100%;
		vertical-align: middle;
	}
	.m-start-show .nav dl {
		width: 100%;
		margin: 0px auto auto auto;
		background-color: #fff;
		display: none;
	}
	.m-start-show .nav dl dt {
		padding-left: 48px;
		height: 36px;
		line-height: 36px;
		text-align: left;
		font-size: 14px;
		border-bottom: 1px solid #e5e5e5;
	}
	.m-start-show .nav dl dt a {
		color: #666;
	}
	.footer {
		width: 100%;
		min-width: 100%;
		padding: 26px 0px;
		background-color: #302f2f;
		color: #ffffff;
	}
	.footer .container {
		width: 90%;
		margin: 0px auto auto auto;
	}
	.footer .container .copy {
		float: none;
		width: 100%;
		text-align: center;
	}
	.footer .container .copy p span {
		width: 100%;
		display: block;
		padding: 1% 0;
	}
	.footer .container .bottom-menu {
		display: none;
	}
	.footer .container .QRcode {
		display: none;
	}
	.page-layout {
		display: none;
	}
}

@media screen and (max-width:980px) {
.NewList{width: 100% !important;}
.img_list_301 ul{display: flex;flex-wrap: wrap;}
.img_list_301 ul li{width: 50% !important;margin: 0 !important;padding: 10px !important;box-sizing: border-box;height: 300px !important;}
.img_list_301 ul li .show_img{display: block;width: 100%;height: 250px !important;display: flex;justify-content: center;align-items: center;}
.img_list_301 ul li .show_img img{height: auto !important;width: auto !important;max-width: 100%;max-height: 100%;}
.img_list_301 ul li .show_img_title{height: 30px !important;line-height: 30px !important;text-align: center;overflow: hidden;margin-top: 10px !important;}
.img_list_301 ul li .show_img_title a{display: block;width: 100% !important;}

}

@media screen and (max-width:680px) {
.img_list_301 ul{display: flex;flex-wrap: wrap;}
.img_list_301 ul li{width: 50% !important;margin: 0 !important;padding: 10px !important;box-sizing: border-box;height: 200px !important;}
.img_list_301 ul li .show_img{height: 150px !important;}


}