@charset "utf-8";
/* CSS Document */

.ani{
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease; /* Firefox 4 */
	-webkit-transition:all 0.4s ease; /* Safari and Chrome */
	-o-transition:all 0.4s ease; /* Opera */
}
.left{ float:left;}
.right{ float:right;}
.clear{ height:0; clear:both;}
.wrap{ position:relative; z-index:5; overflow:hidden;}
.content{ overflow:hidden;}

@-webkit-keyframes xmove1{
	0%{ left:-1920px;}
	50%{ left:0%;}
	100%{ left:1920px;}
}
@-webkit-keyframes xmove2{
	0%{ left:-1920px;}
	50%{ left:-1920px;}
	100%{ left:0%;}
}
.bg{ width:100%; height:718px; overflow:hidden; position:absolute; left:0%; top:0; z-index:1;}
.cloud{ width:1920px; height:718px; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1;}
.cloud .top1,
.cloud .top2,
.cloud .top3{ width:1920px; height:718px; background:url(../images/common/body_bg.jpg) center top no-repeat; position:absolute; top:0; z-index:1;}
.cloud .top1{ left:-1920px;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
	animation:xmove1 160s linear infinite;
	-moz-animation:xmove1 160s linear infinite;
	-webkit-animation:xmove1 160s linear infinite;
	-o-animation:xmove1 160s linear infinite;
}
.cloud .top2{ left:0; margin-left:1920px;
	animation:xmove1 160s linear infinite;
	-moz-animation:xmove1 160s linear infinite;
	-webkit-animation:xmove1 160s linear infinite;
	-o-animation:xmove1 160s linear infinite;
}
.cloud .top3{ left:-1920px;
	animation:xmove2 160s linear infinite;
	-moz-animation:xmove2 160s linear infinite;
	-webkit-animation:xmove2 160s linear infinite;
	-o-animation:xmove2 160s linear infinite;
}

/*头部样式*/
.header{ width:100%; border-bottom:2px solid #347bc4; position:relative; z-index:9;}
.header .head{ width:1200px; height:130px; background:url(../images/common/head_bg.png) right center no-repeat; background-size:auto 100%; margin:0 auto; position:relative;}
.header h1.logo{ display:block; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:130px;}
.header a.search{ display:block; width:30px; height:50px; background:#347bc4 url(../images/common/search.png) center no-repeat; position:relative; float:right; margin:80px 0 0;}
.header a.search::before{ content:''; display:block; width:30px; height:30px; background:rgba(255,255,255,0.3); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.header a.search::after{ content:''; display:block; width:50vw; height:100%; background:#347bc4; position:absolute; left:100%; top:0;}
.searchBox{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:888; opacity:0; visibility:hidden;}
.searchBox.show{ transition:all ease-in-out 0.4s; opacity:1; visibility:visible;}
.searchBox form{ display:block; overflow:hidden; width:80%; max-width:1000px; position:fixed; left:50%; top:40%; z-index:999; transform:translate(-50%,-50%);}
.searchBox form h2{ display:block; line-height:1; color:#fff; font-size:28px; font-weight:normal; text-align:center; position:relative; margin-bottom:1.285em;}
.searchBox form h2 a.close{ display:block; width:1em; height:1em; background:url(../images/common/close.png) center no-repeat; background-size:contain; position:absolute; right:0; top:0; cursor:pointer;}
.searchBox form input.txt{ display:block; width:100%; height:3em; line-height:1; color:#333; font-size:16px; background:#fff; padding:0 1.25em; border:0; border-radius:1.5em; box-sizing:border-box; float:left;}
.searchBox form input.txt::placeholder{ color:#999;}
.searchBox form input.btn{ display:block; width:5em; height:3em; line-height:9999; font-size:16px; background:url(../images/common/search.png) center no-repeat; border:0; cursor:pointer; float:left; margin-left:-5em;}

/*导航样式*/
ul.nav{ display:block; height:48px; background:#347bc4; padding:2px 0 0; position:relative; float:right; margin:80px 0 0;}
ul.nav::before{ content:''; display:block; width:150vw; height:254px; background:#fff; box-shadow:0 7px 9px rgba(7,7,7,0.2); position:absolute; left:50%; top:100%; z-index:0; transform:translate(-50%,2px); opacity:0; visibility:hidden; transition:all ease-in-out 0.2s;}
ul.nav.open::before{ opacity:1; visibility:visible;}
ul.nav::after{ content:''; display:block; border:1px solid #347bc4; border-width:25px 27px; border-color:transparent #347bc4 #347bc4 transparent; position:absolute; right:100%; top:0;}
ul.nav li{ display:block; text-align:center; float:left;}
/*ul.nav li:nth-child(3){ display:none;}*/
ul.nav li a{ display:block; line-height:48px; color:#fff; font-size:17px; padding:0 32px;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#ffd600;}

ul.nav li p.sub{ display:block; width:1200px; padding:34px 0 0; position:absolute; right:-30px; top:100%; z-index:98; opacity:0; visibility:hidden; transition:all ease-in-out 0.2s;}
ul.nav li p.sub.show{ opacity:1; visibility:visible;}
ul.nav li p.sub::after{ content:''; display:block; overflow:hidden; clear:both;}
ul.nav li p.sub a{ width:calc(50% - 255px - 1.75em); height:3.375em; line-height:3.375; color:#444; font-size:16px; font-weight:normal; text-align:left; background:url(../images/common/sub.png) left center no-repeat; padding:0 0 0 1.75em; border-bottom:1px solid #ddecfb; overflow:hidden; transition:all ease-in-out 0.4s; float:left; margin:0 24px 10px;}
ul.nav li p.sub a::before,
ul.nav li p.sub a::after{ content:attr(data-txt); display:block; transition:all ease-in-out 0.4s;}
ul.nav li p.sub a::before{ color:#444;}
ul.nav li p.sub a::after{ color:#444;}
ul.nav li p.sub a:hover::before{ transform:translateY(-100%); opacity:0;}
ul.nav li p.sub a:hover::after{ transform:translateY(-100%); color:#347bc4; font-weight:bold;}
ul.nav li p.sub a.pic{ width:auto; height:auto; background:none; padding:0; border:0; margin:0 36px 34px 0;}
ul.nav li p.sub a.pic::before,
ul.nav li p.sub a.pic::after{ display:none;}
ul.nav li p.sub a.pic img{ display:block; width:378px; height:190px;}
 
/*footer样式*/
.footer{ background:#fafafa; overflow:hidden; border-top:2px solid #347bc4;}
.footer .foot{ width:1200px; margin:0 auto;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer p.nav{ display:block; line-height:50px; color:#fff; font-size:14px; background:#347bc4; padding-right:1.5em; position:relative; float:left; clear:right;}
.footer p.nav::before{ content:''; display:block; width:50vw; height:100%; background:#347bc4; position:absolute; right:100%; top:0;}
.footer p.nav::after{ content:''; display:block; border:1px solid #347bc4; border-width:25px 27px; border-color:#347bc4 transparent transparent #347bc4; position:absolute; left:100%; top:0;}
.footer p.nav a{ padding:0 1em;}
.footer p.nav span{ padding:0 1.5em;}

.footer .left{ margin:2.5% 0 3.5%;}
.footer a.logo{ display:block; float:left; clear:left; margin:57px 132px 0 0;}
.footer a.logo img{ display:block; height:66px;}
.footer .code{ line-height:1; color:#999; font-size:14px; text-align:center; overflow:hidden; padding:30px 0 25px; float:right;}
.footer .code img{ display:block; height:7.15em; border-radius:0.72em; box-shadow:0 0 35px rgba(68,68,68,0.1); margin:0 auto; margin:0 0 1em;}
.footer .contact{ line-height:2; color:#666; font-size:15px; overflow:hidden; padding:30px 0 25px; margin:50px 0 0;}
.footer .contact img{ margin-right:0.5em;}
.footer .copyright{ line-height:2.15; color:#999; font-size:14px; text-align:center; overflow:hidden; padding:1.3em 0 1.5em; border-top:1px solid #e3e3e3; clear:both;}
.footer .copyright a{ color:#999;}
.footer .copyright a:hover{ color:#347bc4;}

/*返回顶部*/
.backToTop{ display:none; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; position:fixed; _position:absolute; right:16px; bottom:46px; cursor:pointer; opacity:0.8; z-index:998;}

/*主体样式*/
.main{ width:1200px; background:#fff; position:relative; margin:18px auto 0;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.main p.position{ display:block; line-height:4em; color:#c4c4c4; font-size:14px; text-align:right; border-bottom:1px solid #ddd; margin:10px 20px 0;}
.main p.position em{ display:block; color:#347bc4; font-size:1.2857em; font-weight:bold; padding:0 0.7777em; float:left; position:relative;}
.main p.position em::after{ content:''; display:block; width:100%; height:2px; background:#347bc4; position:absolute; left:0; bottom:0; transform:translateY(1px);}
.main p.position a:hover{ color:#347bc4;}

/*二级栏目*/
.main .menu{ width:250px; float:left; margin:12px 32px 60px 20px;}
.main .menu.wap{ display:none;}
.main .menu ul{ display:block; font-size:16px; overflow:hidden;}
.main .menu ul li{ display:block; padding:16px 0 0;}
.main .menu ul li a{ display:block; line-height:3.875; color:#666; background:#f6f6f6 url(../images/common/menu_list.png) right 1.25em center no-repeat; padding-left:4.25em; border-left:4px solid #f6f6f6; border-radius:0 0.5em 0.5em 0; position:relative; transition:all ease-in-out 0.4s;}
.main .menu ul li a::before{ content:''; display:block; width:6px; height:6px; background:#bbb; border-radius:50%; position:absolute; left:1.375em; top:50%; margin-top:-3px; transition:all ease-in-out 0.4s;}
.main .menu ul li a:hover,
.main .menu ul li.cur a{ color:#fff; background-image:url(../images/common/menu_cur.png); background-color:#347bc4; border-color:#f8c000;}
.main .menu ul li a:hover::before,
.main .menu ul li.cur a::before{ background:#fff;}

/*内容*/
.main .attr{ overflow:hidden; margin:0 20px;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main h2.title{ display:block; line-height:4; color:#347bc4; font-size:24px; text-align:center;}
.main h3.title{ display:block; line-height:1.5; color:#347bc4; font-size:24px; font-weight:normal; text-align:center; padding:1.3em 0 0.25em;}
.main p.mark{ display:block; line-height:4; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #ddd; margin:0 0 1.75em;}
.main p.mark a{ color:#999;}
.main .article{ min-height:20em; line-height:2; color:#4b4b4b; font-size:16px; padding:0 0 2.25em; overflow:hidden;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}

/*文章切换*/
.main .change{ font-size:14px; overflow:hidden; padding:2em 0 4.5em; border-top:1px solid #ddd;}
.main .change p{ display:block; line-height:2.5; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change a{ color:#999; transition:all ease-in-out 0.4s;}
.main .change a:hover{ color:#347bc4;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:1% 0 7%;}
.pages a,
.pages span{ display:inline-block; min-width:14px; color:#808080; height:24px; line-height:24px; text-align:center; padding:3px 9px; margin:0 7px; border:1px solid #ddd;}
.pages a:hover{ color:#fff; background:#347bc4; border-color:#347bc4;}
.pages span{ color:#fff; background:#347bc4; border-color:#347bc4; cursor:pointer;}
.pages a.num{ display:none;}

/*领导列表*/
.main dl.leader{ display:block; padding:0 0 60px; margin:-30px 0 0; overflow:hidden;}
.main dl.leader dt{ display:block; line-height:3.33; color:#347bc4; font-size:18px; border-bottom:1px solid #eee; clear:both; margin:0 18px;}
.main dl.leader dt em{ display:block; width:4px; height:1.33em; background:#347bc4; float:left; margin:1em 0.72em 0 0;}
.main dl.leader dd{ display:block; width:20%; font-size:16px; float:left;}
.main dl.leader dd a{ display:block; margin:20px 18px 0;}
.main dl.leader dd a img{ display:block; width:100%; height:calc(((1200px - 322px) * 0.2 - 36px) * 87 / 70); object-fit:cover;}
.main dl.leader dd a span{ display:block; line-height:3; color:#4b4b4b; text-align:center;}
.main dl.leader dd a:hover span{ color:#347bc4;}
.main img.leader{ display:block; width:194px; float:left; margin-right:32px;}

/*大事记*/
.main ul.events{ display:block; font-size:16px; overflow:hidden; position:relative; padding:10px 0 48px; margin:0 0 40px;}
.main ul.events::after{ content:''; display:block; width:2px; height:100%; background:#e6e6e6; position:absolute; left:7em; top:0%; transform:translate(-50%,0); z-index:1;}
.main ul.events li{ display:block; overflow:hidden; position:relative; z-index:2;}
.main ul.events li em{ display:block; width:1em; height:1em; float:left; margin:1.375em 2.5em 0; position:relative;}
.main ul.events li em::before{ content:''; display:block; width:0.5em; height:0.5em; background:#fff; border:0.25em solid #347bc4; border-radius:50%; position:relative; z-index:99;}
.main ul.events li em::after{ content:''; display:block; width:2px; height:9999em; background:#e6e6e6; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.main ul.events li span{ display:block; width:4em; line-height:3.75; color:#347bc4; float:left; white-space:nowrap;}
.main ul.events li p{ display:block; line-height:1.75; color:#4b4b4b; padding:1em 0; overflow:hidden;}

/*新闻列表*/
.main dl.newsList{ display:block; overflow:hidden; margin:0 0 3%;}
.main dl.newsList dt{ display:block; padding:12px 0 12px; overflow:hidden; position:relative;}
.main dl.newsList dt+dt{ margin-top:10px;}
.main dl.newsList dt:last-child{ margin-bottom:10px;}
.main dl.newsList dt a.pic{ display:block; overflow:hidden; float:left; margin-right:28px;}
.main dl.newsList dt a.pic img{ display:block; width:204px; height:128px; object-fit:cover; transition:all ease-in-out 0.4s;}
.main dl.newsList dt a.pic:hover img{ transform:scale(1.08);}
.main dl.newsList dt a.title{ display:block; line-height:1.75; color:#333; font-size:18px; font-weight:bold; transition:all ease-in-out 0.4s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main dl.newsList dt a.title:hover{ color:#347bc4;}
.main dl.newsList dt span{ display:block; line-height:3.4285; color:#999; font-size:14px; overflow:hidden;}
.main dl.newsList dt .txt{ height:3.44em; line-height:1.72; color:#999; font-size:14px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main dl.newsList dd{ display:block; line-height:2.4em; font-size:15px; overflow:hidden; position:relative;}
.main dl.newsList dd.line{ padding:1.6em 0 0; border-bottom:1px dashed #ddd; margin:0 0 1.6em;}
.main dl.newsList dd a{ display:block; color:#333; transition:all ease-in-out 0.4s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:1em; background:url(../images/common/dot.png) left center no-repeat;}
.main dl.newsList dd a:hover{ color:#347bc4;}
.main dl.newsList dd span{ display:block; color:#999; font-size:14px; float:right; margin-left:4em;}

/*文字列表*/
.main ul.List{ display:block; overflow:hidden; margin:0 0 5%;}
.main ul.List li{ display:block; overflow:hidden; padding:12px 0; position:relative;}
.main ul.List li span{ display:block; width:5.3846em; height:5.3846em; line-height:1; color:rgba(255,255,255,0.5); font-size:13px; text-align:center; background:#347bc4; border-radius:0.5em; float:left; margin-right:20px;}
.main ul.List li span em{ display:block; color:#fff; font-size:2.15em; padding:0.36em 0 0.25em;}
.main ul.List li a{ display:block; line-height:2; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease-in-out 0.4s;}
.main ul.List li .txt{ display:block; line-height:2.7; color:#999; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.List li:hover{ border-color:#347bc4;}
.main ul.List li:hover::before{ background:#347bc4;}
.main ul.List li:hover a{ color:#347bc4;}

/*图片列表*/
.main ul.picList{ display:block; overflow:hidden; margin:1.5% 0 2.5%;}
.main ul.picList li{ display:block; width:31.33%; overflow:hidden; position:relative; float:left; margin:0 0 32px 3%;}
.main ul.picList li:nth-child(3n-2){ margin-left:0;}
.main ul.picList li a{ display:block; overflow:hidden; position:relative;}
.main ul.picList li a em{ display:block; overflow:hidden; border:0px solid #eeeeee;}
.main ul.picList li a img{ display:block; width:100%; height:calc(((1200px - 40px) * 0.3133) * 200 / 363); object-fit:cover; transition:all ease-in-out 0.4s;}
.main ul.picList li a img.short{ height:calc(((1200px - 322px) * 0.3133) * 16 / 25);}
.main ul.picList li a span{ display:block; line-height:1.625; color:#4b4b4b; font-size:16px; text-align:center; transition:all ease-in-out 0.4s; padding:1em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.picList li a span.high{ height:3.25em; -webkit-line-clamp:2;}
.main ul.picList li a:hover img{ transform:scale(1.12);}
.main ul.picList li a:hover span{ color:#347bc4;}

/*客户留言*/
form.msg{ display:block; padding:36px 0 48px;}
form.msg p{ display:block; overflow:hidden; padding:10px 0;}
form.msg p label{ width:100px; line-height:36px; color:#666; font-size:14px; text-align:right; margin-right:10px; float:left;}
form.msg p label font{ color:#ed1212; margin-right:4px;}
form.msg p input.text{ display:block; width:288px; height:26px; color:#444; font-size:14px; padding:4px 10px; border:1px solid #ddd; float:left;}
form.msg p textarea{ display:block; width:548px; height:142px; line-height:24px; color:#444; font-size:14px; padding:5px 10px; border:1px solid #ddd; float:left; resize:none;}
form.msg p input.upload{ display:block; width:80px; height:36px; line-height:36px; color:#fff; font-size:14px; background:#f69806; border:0; cursor:pointer; float:left; margin-left:14px; border-radius:5px;}
form.msg p input.short{ width:178px;}
form.msg p img{ display:block; width:96px; height:36px; cursor:pointer; float:left; margin-left:14px;}
form.msg p input.btn,
form.msg p input.reset{ display:block; width:168px; height:38px; line-height:38px; color:#fff; font-size:15px; background:#1e5f99; border:none; cursor:pointer; float:left; margin-left:130px; border-radius:5px; margin-top:18px;}
form.msg p input.reset{ background:#f69806; margin-left:30px;}

/*宽度适配*/
@media only screen and (min-width:1560px){
.header .head,
ul.nav li p.sub,
.footer .foot,
.main{ width:84vw;}

.main dl.leader dd a img{ height:calc(((84vw - 322px) * 0.2 - 36px) * 87 / 70);}
.main img.leader{ width:258px;}
.main ul.picList li a img{ height:calc(((84vw - 40px) * 0.3133) * 200 / 363);}
.main ul.picList li a img.short{ height:calc(((84vw - 322px) * 0.3133) * 16 / 25);}
}

@media only screen and (max-width:1350px){
.header .head,
.footer .foot,
.main{ width:calc(100vw - 40px);}

.main dl.leader dd a img{ height:calc(((100vw - 40px - 322px) * 0.2 - 36px) * 87 / 70);}
.main ul.picList li a img{ height:calc(((100vw - 40px - 40px) * 0.3133) * 200 / 363);}
.main ul.picList li a img.short{ height:calc(((100vw - 40px - 322px) * 0.3133) * 16 / 25);}
}

@media only screen and (max-width:1024px){
.header .head,
.footer .foot,
.main{ width:calc(100vw - 32px);}

.main dl.leader dd a img{ height:calc(((100vw - 32px - 322px) * 0.2 - 36px) * 87 / 70);}
.main ul.picList li a img{ height:calc(((100vw - 32px - 40px) * 0.3133) * 200 / 363);}
.main ul.picList li a img.short{ height:calc(((100vw - 32px - 322px) * 0.3133) * 16 / 25);}
}

@media only screen and (max-width:767px){
.header .head,
.footer .foot,
.main{ width:calc(100vw - 24px);}

.main dl.leader dd a img{ height:calc(((100vw - 24px - 322px) * 0.2 - 36px) * 87 / 70);}
.main ul.picList li a img{ height:calc(((100vw - 24px - 40px) * 0.3133) * 200 / 363);}
.main ul.picList li a img.short{ height:calc(((100vw - 24px - 322px) * 0.3133) * 16 / 25);}
}

/*手机适配*/
@media only screen and (max-width:768px){
.header .head{ background:none;}
.header .head,
.header h1.logo a img{ height:64px;}
.header h1.logo a img{ transform:scale(1.1); transform-origin:left center;}
.header a.menu{ display:block; width:44px; height:64px; background:url(../images/common/head_menu.png) center no-repeat; background-size:60% auto; float:right; margin-right:-4px;}
.header a.search{ height:64px; background:none; margin:0 6px 0 0;}
.header a.search::before{ background:#347bc4 url(../images/common/search.png) center no-repeat;}
.header a.search::after{ display:none;}
.searchBox form h2{ font-size:20px;}
.searchBox form input.txt{ font-size:14px;}

ul.nav{ width:42vw; height:auto; position:absolute; top:100%; right:-12px; margin-top:2px; transform:translateX(108%) !important; transition:all ease-in-out 0.4s !important;}
ul.nav::after{ display:none;}
ul.nav.show{ transform:translateX(0) !important;}
ul.nav li{ padding:0; float:none; border-top:1px solid rgba(255,255,255,0.2);}
ul.nav li:nth-child(3){ display:block;}
ul.nav li:first-child{ border:0;}
ul.nav li a{ line-height:3; font-size:14.5px; padding:0;}
ul.nav li p.sub{ display:none !important;}

.footer p.nav{ line-height:2; float:none; overflow:hidden; margin:0 -12px; padding:0.5em 12px;}
.footer p.nav::after{ display:none;}
.footer p.nav span{ display:none;}
.footer p.nav a{ width:48%; padding:0; float:left;}
.footer p.nav a:nth-child(4n+3){ float:right;}
.footer a.logo{ float:none; margin:6% 12% 0;}
.footer a.logo img{ width:100%; height:auto;}
.footer .code{ width:10em; font-size:13px; padding:1.5em 0; margin:0 auto; float:none;}
.footer .code img{ width:100%; height:auto;}
.footer .contact{ margin:0; font-size:13px; padding:0 0.5em 1.5em;}
.footer .contact img{ height:1em;}
.footer .copyright{ line-height:1.75; font-size:13px; padding:1em 0;}

.backToTop{ width:36px; height:36px; background-size:contain; right:12px; bottom:64px;}

.main p.position{ line-height:3em; font-size:12px; margin:6px 12px 0; border-bottom:0; white-space:nowrap; overflow:hidden;}
.main p.position i{ display:block; overflow:hidden; padding:0 0 1px; border-bottom:1px solid #ddd;}
.main p.position span{ display:none;}

.main .menu{ width:auto; float:none; margin:0 12px 0;}
.main .menu.wap{ display:block;}
.main .menu ul{ font-size:14px;}
.main .menu ul li{ padding:0.75em 0 0;}
.main .menu ul li a{ line-height:3; padding-left:3.25em;}

.main .attr{ margin:0 12px;}
.main h2.title{ font-size:18px;}
.main h3.title{ font-size:17px;}
.main p.mark{ line-height:2; font-size:13px; padding:1em 0;}
.main .article{ font-size:14px;}

.main .change{ padding:4.5% 0 6.5%;}
.main .change p{ line-height:2.25; font-size:13px;}

.pages{ font-size:13px; padding:4% 0 10%;}
.pages a,
.pages span{ min-width:12px; padding:4px 11px; margin:0 4px;}

.main dl.leader{ margin:-8px -6px 0;}
.main dl.leader dt{ font-size:15px; margin:0 6px;}
.main dl.leader dd{ width:50%; font-size:14px;}
.main dl.leader dd a{ margin:12px 6px 0;}
.main dl.leader dd a img{ height:calc(((100vw - 36px) * 0.5 - 12px) * 87 / 70);}

.main ul.events{ font-size:14px;}
.main ul.events::after{ left:6em;}
.main ul.events li span{ line-height:2.75;}
.main ul.events li em{ margin:0.875em 1.5em 0;}
.main ul.events li p{ padding:0.5em 0;}

.main dl.newsList dt{ padding:0 0 0.8em;}
.main dl.newsList dt a.pic{ margin-right:16px;}
.main dl.newsList dt a.pic img{ width:160px; height:100px;}
.main dl.newsList dt a.title{ font-size:15px;}
.main dl.newsList dt span{ line-height:2.5; font-size:12px;}
.main dl.newsList dt .txt{ font-size:13px;}
.main dl.newsList dd{ font-size:14px;}
.main dl.newsList dd.line{ padding:0.8em 0 0; margin:0 0 0.8em;}

.main ul.List li{ padding:8px 0;}
.main ul.List li span{ font-size:11px; margin-right:16px;}
.main ul.List li a{ font-size:15px;}
.main ul.List li .txt{ line-height:2.2; font-size:12px;}

.main ul.picList li{ width:100%; margin:0 0 16px 0;}
.main ul.picList li:nth-child(3n-2){ margin-left:0;}
.main ul.picList li:nth-child(2n-1){ margin-left:0;}
.main ul.picList li a img{ height:calc(((100vw - 24px) * 1) * 200 / 363);}
.main ul.picList li a span{ font-size:14px;}
}




















/**/