@charset "utf-8";
.swiper-pagination-bullet-active { background-color:#F4C117; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:60px; }

body{ font-family:"寰蒋闆呴粦","arial","sans-serif"; color:#333; font-size:14px; line-height:1.6; }
a { text-decoration:none; color:#333; blr:expression(this.onFocus=this.blur()); outline: none; }
a:hover { color:#316DBF; }
a:hover { text-decoration:none; -moz-transition-duration: 0.2s;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s; transition-duration:0.2s;  -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity; -o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;  transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity; }
.full { width:expression(document.body.clientWidth <= 1200? "1200px": "auto");;min-width:1200px; }
.clear { clear:both; }
.red { color:#CB1500; }
.yellow { color:#F0FF00; }
.gray { color:#999; }
.space10 { clear:both; height:10px; overflow:hidden; }
.space20 { clear:both; height:20px; overflow:hidden; }
.f20 { font-size:20px; }
.f16 { font-size:16px; }
.pzoom { overflow:hidden; }
.pzoom img { transition: all 0.3s; }
a:hover .pzoom img { transform: scale(1.2); }
.container { padding:0 12px; }


.btn-primary { background-color:#FF9900; border-color:#FF9900; }
	.btn-primary:hover { background-color:#FF9900; border-color:#FF9900; }
.swiper-button-next { width:44px; background-color:#FFF; background-image:url('../images/ico-arrowr.png'); background-size: auto 50%; border-radius:22px; }
.swiper-button-prev { width:44px; background-color:#FFF; background-image:url('../images/ico-arrowl.png'); background-size: auto 50%; border-radius:22px; }


/* head ,footer */
.top { height:60px; }
.top .container { padding:0;  }
.top-logo { padding:10px 0 0 5px; width:85%; }
	.top-logo img { max-width:95%; max-height:80%; }
.top-menu { padding:0px; height:60px; width:15%; }
	.top-menu-c { background-image:linear-gradient(to bottom,#51AAEC 0px,#316DBF 100%); background-repeat:repeat-y; background-position:left top; height:60px; line-height:60px; color:#FFF; text-align:center; }
	.top-menu-c i { font-size:30px; }

nav { line-height:20px; position:relative; z-index:1; font-size:18px; margin:60px 0 0; clear:both; }
	nav ul { margin:0; padding:0; width:100%; }
	nav li { margin:0px; padding:0 0px; height:auto; }
.top-nav { position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99999; padding-top:10px; font-size:14px; display: none;}
.top-nav ul { padding:0px 0 0; }
.top-nav li { padding:0 10px; margin:0; list-style-type:none; border-bottom:1px solid rgba(255,255,255,0.2) }
.top-nav li a { display:block; width:100%; text-align:left; padding-top:0px; padding-left:20px; height:40px; line-height:40px; color:#FFF; }
.top-nav li a span { display:inline-block; width:50px; height:50px; background-size:auto 25px; border-radius:25px; }
	.top-nav li li { padding:0 0 0 15px; border:none; display: inline-block;}
.top-nav li:nth-child(1) { animation-name:menu0; animation: menu0 0.3s ease 0s normal none; -moz-animation: menu0 0.3s ease 0s normal none; -webkit-animation: menu0 0.3s ease 0s normal none; -o-animation: menu0 0.3s ease 0s normal none; }
.top-nav li:nth-child(2) { animation-name:menu0; animation: menu0 0.5s ease 0s normal none; -moz-animation: menu0 0.5s ease 0s normal none; -webkit-animation: menu0 0.5s ease 0s normal none; -o-animation: menu0 0.5s ease 0s normal none; }
.top-nav li:nth-child(3) { animation-name:menu0; animation: menu0 0.7s ease 0s normal none; -moz-animation: menu0 0.7s ease 0s normal none; -webkit-animation: menu0 0.7s ease 0s normal none; -o-animation: menu0 0.7s ease 0s normal none; }
.top-nav li:nth-child(4) { animation-name:menu0;  animation: menu0 0.9s ease 0s normal none; -moz-animation: menu0 0.9s ease 0s normal none; -webkit-animation: menu0 0.9s ease 0s normal none; -o-animation: menu0 0.9s ease 0s normal none; }
.top-nav li:nth-child(5) { animation-name:menu0; animation: menu0 1.2s ease 0s normal none; -moz-animation: menu0 1.1s ease 0s normal none; -webkit-animation: menu0 1.1s ease 0s normal none; -o-animation: menu0 1.1s ease 0s normal none; }
.top-nav li:nth-child(6) { animation-name:menu0; animation: menu0 1.3s ease 0s normal none; -moz-animation: menu0 1.3s ease 0s normal none; -webkit-animation: menu0 1.3s ease 0s normal none; -o-animation: menu0 1.3s ease 0s normal none; }
.top-nav li:nth-child(7) { animation-name:menu0; animation: menu0 1.5s ease 0s normal none; -moz-animation: menu0 1.5s ease 0s normal none; -webkit-animation: menu0 1.5s ease 0s normal none; -o-animation: menu0 1.5s ease 0s normal none; }
.top-nav li:nth-child(8) { animation-name:menu0; animation: menu0 1.7s ease 0s normal none; -moz-animation: menu0 1.7s ease 0s normal none; -webkit-animation: menu0 1.7s ease 0s normal none; -o-animation: menu0 1.7s ease 0s normal none; }
.top-nav li:nth-child(9) { animation-name:menu0; animation: menu0 1.9s ease 0s normal none; -moz-animation: menu0 1.9s ease 0s normal none; -webkit-animation: menu0 1.9s ease 0s normal none; -o-animation: menu0 1.9s ease 0s normal none; }
@-webkit-keyframes menu0{from{opacity:0;right:-500px;} to{opacity:1;right:0px;} }
@-moz-keyframes menu0{from{opacity:0;right:-500px;} to{opacity:1;right:0px;} }
@keyframes menu0{from{opacity:0;right:-500px;} to{opacity:1;right:0px;} }


.index-footer { text-align:center; color:#FFF; font-size:12px; padding:20px 0 20px; margin-bottom:50px; background:#356991; }
	.index-footer a { color:#FFF; }
	.index-footer img { margin-top:5px; width:102px; }
footer { background:#FFF; position:fixed; bottom:0; left:0; width:100%; z-index:99; -webkit-box-shadow: 0px 1px 5px 1px rgba(50,50,50,0.1); -moz-box-shadow: 0px 1px 5px 1px rgba(50,50,50,0.1); box-shadow: 0px 1px 5px 1px rgba(50,50,50,0.1); }
	.footer-col { border-right:1px solid #DDD; height:50px; }
	.footer-col:last-child { border-right:none; }
	.footer-col a { display:block; width:100%; text-align:center; padding:2px 0 0; font-size:12px; }
	.footer-col a i { display:block; font-size:18px; color:#316DBF; }
	

/* pages */
.page-turner { padding:20px 10px 0; font-family:Verdana, Geneva, sans-serif; }
	.page_btn { display:inline-block; background-color:#FFF; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px; }
	.page_cur { display:inline-block; background-color:#316DBF; border:1px solid #316DBF; color:#FFF; width:auto; padding:0 12px; line-height:35px; margin:0 2px; border-radius:0px; }
	.page_disable { display:inline-block; background-color:#F7F7F7; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px;}



/*index*/
.index-banner { width:100%; z-index:1; overflow:hidden; position:relative; }
	.index-banner .swiper-wrapper { z-index:1; }
	.banner-container a { display:block; width:100%; }
	.banner-container img { width:100%; }
	.index-banner .swiper-pagination { bottom:10px; }
	.swiper-pagination-bullet { opacity:0.5;}
	.swiper-pagination-bullet-active { background-color:#51AAEC; opacity:1; }
	.index-banner .swiper-button-next { background-color:transparent; background-image:url('../images/right.png'); background-size: auto 100%; }
	.index-banner .swiper-button-prev { background-color:transparent; background-image:url('../images/left.png');  background-size: auto 100%; }



.index-title { padding:0px 0px 20px; margin:0 auto; position: relative; text-align:center; }
	.index-title h2 { margin:0 0 10px; padding:0 0px 0; font-size:22px; letter-spacing:1px; line-height:1em; color:#000; font-weight:bolder;  width:auto; display: inline-block; }
	.index-title small { color:rgba(50,109,191,0.2); font-weight:900; font-size:50px; font-family:"Times New Roman"; line-height:1em; }
.index-title-type { margin-bottom:20px; background:#EEE; height:44px; border-radius:22px; overflow:hidden; }
	.index-title-type a { padding:0 0px 0px; font-size:18px; font-weight:normal; line-height:44px; display:block; height:44px; text-align:center; }
	.index-title-type a.active,.index-title-type a:hover { color:#FFF; background:#356991; }
	.index-more { padding:0px 0; text-align:center; }
	.index-more a { display:inline-block; width:120px; height:30px; color:#999; background:#FFF; font-size:12px; text-align:center;  line-height:28px; border-radius:15px; border:1px solid #DDD; }
	.index-more a:hover { background:#316DBF; color:#FFF; border-color:#316DBF; }
	


.index-news { padding:20px 0 0; position:relative; overflow:hidden; }
	.index-news .index-title:after { content:''; position:absolute; right:0; top:62px; width:80%; background:#EEE; height:2px; }
	.index-news .container { position:relative; }
	.index-news-box {  padding:0px 0 0 0px; }
	.index-news .index-title-type { }
	.index-news-c ul { margin:0; padding:0; list-style-type:none; display:none; }
	.index-news-c ul:first-child { display:block; }
	.index-news-c li { margin:0px; padding:0px 0 0px; }
	.index-news-c li a { display:block; width:100%; position:relative; padding:3px 0px 3px 0px; line-height:30px; height:30px; overflow:hidden; }
	.index-news-c li h3 { font-size:14px; margin:0 0 0px; color:#333; font-weight:normal; line-height:25px; height:25px; overflow:hidden; float:left; width:74%; }
	.index-news-c li .w-top { color:#FFF; float:left; display:inline-block; width:auto; padding:0 5px; background:#FF0031; border-radius:3px; margin:3px 0 0 0px; line-height:1.5em; font-style:normal; font-size:12px; }
	.index-news-c li h3:before { content:''; display:inline-block; float:left; width:4px; height:4px; border-radius:2px; background:#333; margin:10px 10px 0 0; }
	.index-news-c li small { font-size:14px; overflow:hidden; line-height:1.4em; max-height:2.8em; color:#666; display:block; text-align:justify; padding:0 0px 0 0; }
	.index-news-c li .item-more { display:inline-block; width:auto; height:1.6em; line-height:1.6em; background:#356991; color:#FFF; padding:0 5px; border-radius:5px; font-size:14px; }
	.index-news-c li .item-time { color:#999; font-size:12px; line-height:25px; margin-left:15px; float:right; }
	.index-news-c .index-news-pic { padding-left:0; padding-right:0px; }
	.index-news-c li .pzoom { width:100%; height:auto; position: relative; overflow: hidden; float:left; }
	.index-news-c li .pzoom .pic-box { width:100%; }
	.index-news-c li .pzoom .pic-box img { width:100%; }
	.index-news-c li a i { color:#FF0000; font-style:normal; margin-left:5px; font-size:12px; }
	.index-news-c li.active a { background:#FFF; height:auto; border-radius:10px; padding:13px 12px; margin-bottom:20px; -webkit-box-shadow: 0px 1px 5px 3px rgba(55,55,55,0.1); -moz-box-shadow: 0px 1px 5px 3px rgba(55,55,55,0.1); box-shadow: 0px 1px 5px 3px rgba(55,55,55,0.1); }
	.index-news-c li.active h3 { color:#356991; font-size:16px; float:none; width:100%; }
	.index-news-c li.active h3:before { display:none; }
	
.index-dangjian { padding:20px 0 0; position:relative; }
	.index-dangjian-type { margin-bottom:10px; background:#356991; overflow:hidden; border-radius:5px 5px 5px 30px; height:50px; }
	.index-dangjian-type a { padding:0 0px 0px; font-size:18px; color:#FFF; font-weight:bold; line-height:50px; display:block; height:50px; text-align:center; }
	.index-dangjian-type a.active,.index-dangjian-type a:hover { color:#FFF; background-image:linear-gradient(to right,#3D90D2 0px,#90B5D2 100%); background-repeat:repeat-y; background-position:left top; }
	.index-dangjian-box ul { list-style-type:none; margin:0 0 0px; padding:0; display:none; }
		.index-dangjian-box ul:first-child { display:block; }
		.index-dangjian-box li a { display:block; width:100%; padding:0px 0px 0 0px; height:30px; }
		.index-dangjian-box li h3 { font-size:14px; line-height:30px; height:30px; font-weight:normal; padding:0; margin:0; overflow:hidden; }
		.index-dangjian-box li h3:before { content:''; display:inline-block; width:4px; height:4px; background:#555; border-radius:2px; margin-right:10px; margin-bottom:3px; }
		.index-dangjian-box li i { font-size:12px; font-style:normal; color:#999; float:right; line-height:30px; margin-left:15px; }
		

.index-zhuanti {  padding:20px 0 0px; position:relative; overflow:hidden; }
	.index-zhuanti-box { padding:0px  0px 0 0; position:relative; z-index:0; }
	.index-zhuanti-box .index-title { border-radius:5px 5px 5px 30px; height:60px; text-align:left; -webkit-box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.25); -moz-box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.25); box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.25); padding:18px 0 0 20px; margin-bottom:10px; z-index:0; }
	.index-zhuanti-box .index-title.index-title-zhuanti { background:url('../images/bg-t-zhuanti.jpg') no-repeat right center; background-size:100% 100%; }
	.index-zhuanti-box .index-title.index-title-video { background:url('../images/bg-t-video.jpg') no-repeat right center; background-size:100% 100%; }
	.index-zhuanti-box .index-title.index-title-chanpin { background:url('../images/bg-t-chanpin.jpg') no-repeat right center; background-size:100% 100%; }
	.index-zhuanti-box .index-title.index-title-keji { background:url('../images/bg-t-keji.jpg') no-repeat right center; background-size:100% 100%; }
		.index-zhuanti-box .index-title h2 { color:#FFF; margin-bottom:0; font-size:20px; }
		.index-zhuanti-box .index-title h2:before { display:none; }
		.index-zhuanti-box .index-title .index-more { display:inline-block; margin-left:10px; position:relative; z-index:1; }
		.index-zhuanti-box .index-title .index-more a { color:#FFF; border-color:#FFF; background:none; border-radius:12px; width:80px; height:25px; line-height:23px; font-size:12px; }
	.index-zhuanlan { margin:0 0 20px; overflow:hidden; height:200px; position:relative; }
		.index-zhuanlan-container .swiper-slide img { width:100%; height:200px; }
		.index-zhuanlan .swiper-button-next { background-color:transparent; background-image:url('../images/right.png'); background-size: auto 100%; }
		.index-zhuanlan .swiper-button-prev { background-color:transparent; background-image:url('../images/left.png');  background-size: auto 100%; }
	.index-zhuanti-video { margin:0 0 20px; }
	.index-zhuanti-box ul { list-style-type:none; margin:0 0 20px; padding:0; }
		.index-zhuanti-box li a { display:block; width:100%; padding:0px 0px; height:30px; }
		.index-zhuanti-box li h3 { font-size:14px; line-height:30px; height:30px; font-weight:normal; padding:0; margin:0; overflow:hidden; }
		.index-zhuanti-box li h3:before { content:''; display:inline-block; width:4px; height:4px; background:#555; border-radius:2px; margin-right:10px; margin-bottom:3px; }
		.index-zhuanti-box li i { font-size:12px; font-style:normal; color:#999; float:right; line-height:30px; margin-left:15px; }


.friendlinks { background:#F8F8F8; color:#333; padding:0; font-size:14px; border-top:1px solid rgba(0,0,0,0.1); }
	.friendlinks-type .index-title { padding:0; line-height:35px; color:#356991; font-weight:bold; text-align:left; }
	.friendlinks-type ul { list-style-type:none; margin:0; padding:0; border-left:1px solid rgba(0,0,0,0.1); }
	.friendlinks-type li { text-align:left; line-height:35px; border-right:1px solid rgba(0,0,0,0.1); cursor:pointer; }
	.friendlinks-type li:last-child { border-right:none; }
	.friendlinks-type li.active { color:#316DBF; }
	.friendlinks-type li i { float:right; font-size:20px; }
	.friendlinks-type li.active i { animation-name:arrowmove; animation: arrowmove 0.8s ease 0s normal none; -moz-animation: arrowmove 0.8s ease 0s normal none; -webkit-animation: arrowmove 0.8s ease 0s normal none; -o-animation: arrowmove 0.8s ease 0s normal none; }
.friendlinks-c { padding:0px 0; }
	.friendlinks-box { padding:10px 0; list-style-type:none; margin:0 0 0 0px; }
	.friendlinks-box:nth-child(2) { display:none;}
	.friendlinks-box li { padding:0px 0 10px 10px; float:left; }
	.friendlinks-c a { color:#666; font-size:14px; display:inline-block; padding:0 0px 0px; display: flex; justify-content: center; flex-direction: column; line-height:1.5; text-align:center; }
	.friendlinks-c a:hover { color:#316DBF; }
@-webkit-keyframes arrowmove{from{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} to{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);} }
@-moz-keyframes arrowmove{from{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} to{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);} }
@keyframes arrowmove{from{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} to{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);} }


/* css of sub pages */
.sub-banner { position:relative; width:100%; height:200px; overflow:hidden; text-align:center; z-index:0; background-position:center top; }
	.sub-banner:before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:200px; background:rgba(0,0,0,0.4); z-index:0; }
	.col-title { font-size:24px; margin-top:50px; font-weight:bolder; color:#FFF; text-align:center; display:inline-block; padding:3px 30px 7px 40px; position:relative; z-index:1; }
	.col-title:before { content:''; display:block; position:absolute; left:0; bottom:0; width:50px; height:25px; background:url('../images/bg2.png') no-repeat left top; background-size:100% 100%; z-index:1; }
	.col-title:after { content:''; display:block; position:absolute; right:0; top:0; width:50px; height:25px; background:url('../images/bg2.png') no-repeat left top; background-size:100% 100%; z-index:1;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.sub-type { padding:0px 0px 0 0; background:#EEE; height:50px; font-size:16px; border-radius:5px; text-align:center; overflow:hidden; }
	.sub-type ul { list-style-type:none; margin:0; padding:0; }
	.sub-type li { padding:0 0px; }
	.sub-type a { display:block; width:100%; padding:0px 5px; margin:0 0px; height:50px; line-height:50px; text-align:center; color:#555; position:relative; outline: none; font-size:16px; }
	.sub-type a.active { color:#FFF; background:#356991; }


.dir { height:50px; line-height:50px; }
.dir .container { }
.dir a { color:#999; }

.sub-main { padding:0px 0 30px; margin-top:0px; }
	.sub-main .container { position:relative; }
	.sub-main .dir { margin-bottom:15px; border-bottom: 2px solid #356992; }

	.sub-title { padding:0px 0px 0; text-align:center; margin-bottom:20px; margin-top:30px; }
	.sub-title h1 { margin:0 0 0px; padding:0 0px 0; font-size:22px; line-height:1em; color:#000; font-weight:700; }
	.sub-title h1:after { content:''; background:#356991; height:3px;  width:40px; display:block; margin:10px auto 0; }
	.sub-info { text-align:center; color: #999; padding: 0 0 20px;}
	h1.title { text-align:center; font-size:20px; font-weight:bold; margin:0; padding:30px 10px 20px; margin-top:0px; color:#356991; line-height:1.5em; }
	.sub-main article { height:auto; font-size:14px; line-height:2em; padding:0 0px; text-align:justify; }
	.sub-main article p { margin:0; }
	.sub-main article img { max-width:100%; padding:15px; }
	.article-relative { border-top:1px solid #DDD; padding-top:15px; color:#999; margin-top: 30px; font-size:14px; }
	.article-relative-item { padding:10px 0; line-height:1.5em; }
	.article-relative-item i { font-size:14px; margin:0px 0px 0 0px; } 
	.article-relative-item a { color:#356991; outline:none; }
  
  
.news-list { margin:20px 0 20px 0px; padding:0; list-style-type:none; }
		.news-list li { margin:0; padding:0px 0px 10px; position:relative; }
		.news-list li a { display:block; width:100%; padding:20px 10px 0 0; background:#FFF; }
		.news-list li:after { content:''; width:100%; height:1px; left:0; bottom:0; position:absolute; background:#EEE; }
		.news-list li .list-item-pic { padding-right:15px; padding-left:0; }
		.news-list li .pzoom { width:100%; margin:0 auto 5px; position: relative; overflow: hidden; }
		.news-list li .pzoom .pic-box { width:100%;  }
		.news-list li .pzoom .pic-box img { width:100%; }
		.news-list li h3 { font-size:16px; margin:0 0 5px; padding:0px 0 0px 0px; line-height:1.5; height:3em; color:#356991; overflow:hidden; text-align:justify; }
		.news-list li .item-time { color:#999; font-size:12px; line-height:1em; margin-bottom:0px; }
		.news-list li .item-more { font-size:12px; color:#FFF; float:right; width:80px; height:30px; line-height:30px; text-align:center; margin-top:0px; background:#356991; border-radius:5px; } 

		


.photo-list { margin:20px 0 0 -15px; padding:0; list-style-type:none; }
	.photo-list li { padding:0px 0 20px 15px; margin: 0; }
	.photo-list li a { display:block; width:100%; padding:0px 0 0px; position:relative; outline:none; }
	.photo-list li .pzoom { width:100%; margin:0 auto 5px; position: relative; overflow: hidden; }
	.photo-list li .pzoom .pic-box { width:100%; }
	.photo-list li .pzoom .pic-box img { width:100%; height: 120px; }
	.photo-list li h3 {  max-height:3em; line-height:1.5em; font-size:14px; text-align:justify; margin: 0 0 5px; color:#356991; overflow:hidden; padding:0 5px ; }



.notice-list { margin:20px 0 20px 0px; padding:0; list-style-type:none; }
	.notice-list li { margin:0; padding:15px 0px; position:relative; }
	.notice-list li:after { content:''; width:100%; height:1px; left:0; bottom:0; position:absolute; background:#EEE; }
	.notice-list li a { display:block; width:100%; padding:0px 0px; outline:none; }
	.notice-list li h3 { font-size:16px; margin:0 0px; padding:0px 0 0px 0px; line-height:1.6em; color:#356991; font-weight:bold; }
	.notice-list li h3:before { content:''; display:inline-block; float:left; width:4px; height:4px; border-radius:2px; background:#333; margin:10px 10px 0 0; }
	.notice-list li small { font-size:14px; display: block; color:#666; padding:0px 10px 0 14px; line-height:1.5em; max-height:3em; overflow: hidden;  text-align:justify; }
	.notice-list li .item-time { color:#999; font-size:14px; margin-left:14px; }



.contact-c { text-align:left; padding:20px 0 20px; margin:0px 0 0;}
	.contact-item { padding:0px 20px 20px; }
	.contact-box { padding:20px 30px; background:#FFF; border-radius:10px; -webkit-box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.1); -moz-box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.1); box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.1); }
	.contact-item-i { border-radius:40px; width:80px; height:80px; background:#F8F8F8; text-align:center; display: flex; justify-content: center; flex-direction: column; color:#356991; font-size:40px; margin:0 auto 15px; }
	.contact-item-c { padding:0px 0 0px; text-align:center; }
	.contact-c h3 { font-size:22px; font-weight: bold; padding: 0 0 10px; margin: 0; text-align:center; color:#356991; }
	.contact-c p { margin:0; line-height: 1.6em; font-size:16px; color:#333; }
	.map { padding:0px 0;}
	.map img { max-width: 100%;}
.content-qr { text-align:left; padding:0px 0 20px 50px; }
	.contact-qr-c { text-align:center; display: inline-block; }
	.content-qr img { width:120px; border:1px solid #E0E0E0; padding:10px; }


/* box */
.box-bg { background-color:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; left:0; top:0; z-index:10; display:none; }
.box { background-color:#FFF; position:fixed; width:930px; height:667px; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:11; padding:10px 30px; display:none; }
	.box-close { text-align:right; padding-right:30px; background:url('../images/ico_close.png') no-repeat right center; cursor:pointer; }
	.box-c { text-align:center; max-width:100%; max-height:640px; }


/* update 2021.6.10 */
.sub-left { padding:10px 0 0px; border-bottom:2px solid #EEE;  }
	.sub-left dl { list-style-type:none; margin:0; padding:0; text-align:center; }
	.sub-left dt { display:none; }
	.sub-left dd a { display:block; width:100%; font-size:16px; line-height:50px; height:50px; text-align:center; outline:none; }
	.sub-left dd.active a { color:#356991; font-weight:bold; }
	.sub-left dd.active a:after { content:''; width:100%; display:block; height:2px; background:#356991; }
.sub-right { padding:0px; }