﻿.in_new01 { margin-top: 35px; margin-bottom: 30px;}
.in_new01 .in_new01T { background: url(../images/head_line.png) no-repeat; padding-left: 100px; text-align: center; margin: 0 28px; margin-bottom: 30px;}
.in_new01 .in_new01T h3 { color: #4c4e52; margin-bottom: 15px; font-size: 44px; line-height: 44px; font-weight: bold; overflow: hidden; display: block;
	text-overflow: ellipsis; white-space: nowrap;}
.in_new01 .in_new01T p { color: #4c4e52; font-size: 15px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.in_new01 .in_newL { width: 66%; position: relative; overflow: hidden; border-radius: 10px 10px 0 0;}
.in_new01 .in_newL .hd { position: absolute; bottom: 20px; right: 7.5%; z-index: 1;}
.in_new01 .in_newL .hd li { float: left; width: 8px; height: 8px; background: #fff; border-radius: 4px; margin: 0 0 0 14px;}
.in_new01 .in_newL .hd li:hover, .in_new01 .in_newL .hd li.on { width: 18px; background: #3c81e9;}
.in_new01 .in_newL a.prev, .in_new01 .in_newL a.next { position: absolute; bottom: 10px; width: 14px; height: 29px; z-index: 1; cursor: pointer;}
.in_new01 .in_newL a.prev { background: url(../images/left1.png) no-repeat; right: 26%;}
.in_new01 .in_newL a.prev:hover { background: url(../images/left2.png) no-repeat; right: 21%;}
.in_new01 .in_newL a.next { background: url(../images/right1.png) no-repeat; right: 2.5%;}
.in_new01 .in_newL a.next:hover { background: url(../images/right2.png) no-repeat; right: 2.5%;}
.in_new01 .in_newL .bd { width: 100%;}
.in_new01 .in_newL .bd li { width: 100%; position: relative; overflow: hidden;}
.in_new01 .in_newL .bd li a.pic { position: relative; width: 100%; padding: 28.3% 0; display: block;}
.in_new01 .in_newL .bd li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_new01 .in_newL .bd li a.txt { position: absolute; left: 0; bottom: 0; width: calc(100% - 18px); display: block; color: #fff; font-size: 18px;
	padding-left: 18px; background: url(../images/in_newlbg.png) repeat-x center bottom; height: 95px;}
.in_new01 .in_newL .bd li a.txt span { width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-top: 55px;}
.in_new01 .in_newR { width: calc(100% - 66% - 20px);}
.in_new01 .in_newR ul { border-bottom: 1px dashed #dfdfdf; margin-bottom: 6px; padding-bottom: 6px;}
.in_new01 .in_newR ul:nth-child(3) { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.in_new01 .in_newR li { line-height: 35px; font-size: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
.in_new01 .in_newR li:nth-child(1) { font-weight: bold; font-size: 18px;}
.in_new01 .in_newR li a:hover { color: #245399;  font-weight:800;}

.in_new02 { margin: 20px auto; position: relative; overflow: hidden;}
.in_new02 li { width: calc((100% - 60px) / 4); float: left; position: relative; margin-right: 20px;}
.in_new02 li a.pic { float: left; position: relative; width: 100%; padding: 28% 0; display: block; overflow: hidden;}
.in_new02 li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_new02 li a.txt { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis;
	white-space: nowrap; padding: 0 2%; width: calc(100% - 4%); color: #fff; background: url(../images/in_newlbg.png) repeat-x left center;}
.in_new02 .prevB, .in_new02 .nextB { width: 24px; height: 39px; position: absolute; top: 50%; margin-top: -20px; z-index: 1; cursor: pointer; z-index: 99;
	background: rgba(0, 0, 0, .7);}
.in_new02 .prevB { left: 0; border-radius: 0 5px 5px 0;}
.in_new02 .nextB { right: 0; border-radius: 5px 0 0 5px;}
.in_new02 .prevB a.prev, .in_new02 .nextB a.next { width: 14px; height: 29px; display: block; margin: 5px 0 0 5px;}
.in_new02 .prevB a.prev { background: url(../images/left1.png) no-repeat;}
.in_new02 .prevB a.prev:hover { background: url(../images/left2.png) no-repeat;}
.in_new02 .nextB a.next { background: url(../images/right1.png) no-repeat;}
.in_new02 .nextB a.next:hover { background: url(../images/right2.png) no-repeat;}

.in_new03 .in_new03M { float: left; width: calc((100% - 60px) / 3); margin-right: 30px;}
.in_new03 .in_new03M:nth-child(3) { margin-right: 0;}
.tit { border-bottom: 1px solid #dedede; margin-bottom: 15px;}
.tit a { color: #015293; font-size: 22px; display: inline-block; font-weight: 600; border-bottom: 2px solid #015293; margin-bottom: -1px; padding-bottom: 10px;}
.tit a:hover { color: #015293;}
 .tit a.more {display: inline-block;font-size: 14px;color: #000;font-weight: normal;border-bottom: 0px solid #dedede;margin-top: 10px;}
.tit02 { border-bottom: 1px solid#015293;}
.tit02 a { color: #015293;  border-bottom: 2px solid #015293;}
.in_new03 .in_new03M .show { margin-bottom: 15px;}
.in_new03 .in_new03M .show a.pic { float: left; position: relative; width: 45%; padding: 13.5% 0; display: block; overflow: hidden; margin-right: 10px;}
.in_new03 .in_new03M .show a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_new03 .in_new03M .show a.pic1 { float: left; position: relative; width: 100%; padding: 13.5% 0; display: block; overflow: hidden; margin-right: 10px;}
.in_new03 .in_new03M .show a.pic1 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_new03 .in_new03M .show a.txt { width: calc(100% - 45% - 10px);}
.in_new03 .in_new03M .show a.txt h3 { font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 4px;
	font-weight: 600; color: #015293;}
.in_new03 .in_new03M .show a.txt p { font-size: 17px; line-height: 30px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;
	-webkit-box-orient: vertical; text-indent: 2em;}
.in_new03 .in_new03M li::before { content: ""; width: 7px; position: absolute; top: 15px; height: 7px; border-radius: 50%; background-color: #245399; display: block;}
.in_new03 .in_new03M li { position: relative;}
.in_new03 .in_new03M li a { padding-left: 15px; color: #000; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px;
	line-height: 36px;}
.in_new03 .in_new03M li:hover a { color: #015293; font-weight:800;}

.in_gg { margin: 20px auto;}
.in_gg li { float: left;}
.in_gg li:nth-child(1) { width: 71%; margin-right: 30px;}
.in_gg li:nth-child(1) a { position: relative; width: 100%; padding: 5.6% 0; display: block; overflow: hidden;}
.in_gg li:nth-child(1) a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_gg li:nth-child(2) { width: calc(100% - 71% - 30px);}
.in_gg li:nth-child(2) a { position: relative; width: 100%; padding: 15% 0; display: block; overflow: hidden;}
.in_gg li:nth-child(2) a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}

.tit01 { height: 60px; line-height: 60px; width: 100%; font-size: 24px; font-weight: 700; margin: 20px 0; background: url(../images/bg2.jpg) 0px center repeat-x;}
.tit01 a { background: #fff; padding-right: 15px; color: rgb(205, 19, 28);}

.in_new04 { overflow: hidden; margin-bottom: 30px;}
.in_new04 li { float: left; width: calc((100% - 50px) / 6); margin-right: 10px; border-radius: 5px; overflow: hidden;}
.in_new04 li a { float: left; position: relative; width: 100%; padding: 33.25% 0; display: block; overflow: hidden;}
.in_new04 li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}

.in_gg01 li { float: left; width: calc((100% - 60px) / 3); display: block; margin: 10px 30px 20px 0;}
.in_gg01 li:nth-child(3) { margin-right: 0;}
.in_gg01 li a { position: relative; width: 100%; padding: 13% 0; display: block; overflow: hidden;}
.in_gg01 li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}

.in_gg02 { margin: 10px auto 20px auto;}
.mb5 { margin: 10px auto 0 auto;}
.in_gg02 a { position: relative; width: 100%; padding: 3.7% 0; display: block; overflow: hidden;}
.in_gg02 a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}

.in_gg03 { margin: 5px auto 20px auto;}
.in_gg03 li { float: left; width: 20%;}
.in_gg03 li a { position: relative; width: 100%; padding: 18.3% 0; display: block; overflow: hidden;}
.in_gg03 li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_gg03 li:nth-child(2) { width: calc(100% - 40% - 10px); margin: 0 5px;}
.in_gg03 li:nth-child(2) a { position: relative; width: 100%; padding: 6.2% 0; display: block; overflow: hidden;}
.in_gg03 li:nth-child(2) a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}

.in_link { margin-bottom: 20px;}
.in_link li { float: left; margin-right: 20px; margin-bottom: 10px;}
.in_link li a { font-size: 16px;}
.in_link li:hover a { color: #015293;}

@media screen and ( max-width: 1920px ) {}
@media screen and ( max-width: 1697px ) {}
@media screen and ( max-width: 1680px ) {}
@media screen and ( max-width: 1660px ) {}
@media screen and ( max-width: 1600px )  and ( min-width: 1280px ) {}
@media screen and ( max-width: 1518px ) {}
@media screen and ( max-width: 1440px ) and ( min-width: 1280px ) {}
@media screen and ( max-width: 1399px ) {}
@media screen and ( max-width: 1377px ) {}
@media screen and ( max-width: 1366px ) {}
@media screen and ( max-width: 1323px ) {}
@media screen and ( max-width: 1280px ) {}
@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {
	.in_new01 { margin-top: 1em;margin-bottom: 25px;}
	.in_new01 .in_new01T { padding-left: 90px; margin: 0 .5em; margin-bottom: 1em;}
	.in_new01 .in_new01T h3 { margin-bottom: 0; font-size: 24px; line-height: 30px;}
	.in_new01 .in_new01T p { -webkit-line-clamp: 2; line-height: 24px;}
	.in_new01 .in_newL { width: 100%;}
	.in_new01 .in_newL .hd, .in_new01 .in_newL a.prev, .in_new01 .in_newL a.next { display: none;}
	.in_new01 .in_newL .bd li a.txt span { width: 100%;}
	.in_new01 .in_newR { width: 100%; margin-top: 20px;}

	.in_new02 { margin: 1em auto;}
	.in_new02 li { width: calc(100% / 2); margin-right: .5em;}

	.in_new03 .in_new03M { width: 100%; margin-right: 0; margin-bottom: 25px;}
	.in_new03 .in_new03M .show { margin-bottom: .5em;}

	.in_gg { margin: .5em auto;}
	.in_gg li { float: none;}
	.in_gg li:nth-child(1) { width: 100%; margin-right: 0;}

	.in_new04 { margin-bottom: 1em;}
	.in_new04 li { width: calc(100% / 2); margin-right: .5em;}

	.in_gg01 li { width: 100%; margin: 0;}

	.in_gg02 { margin: .5em auto;}
	.in_gg03 { margin: 5px auto 1em auto;}
	.in_gg03 li { width: 20%;}
	.in_gg03 li:nth-child(2) { width: 100%; margin: 0;}
	.in_link { margin-bottom: 1em;}
	.in_link li { margin-right: 1em; margin-bottom: .5em;}

	.in_gg li:nth-child(2), .in_gg01 li:nth-child(2), .in_gg01 li:nth-child(3), .in_gg03 li:nth-child(1), .in_gg03 li:nth-child(3) { display: none;}
}
@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 400px ) {}
@media screen and ( max-width: 393px ) {}
@media screen and ( max-width: 375px ) {}
@media screen and ( max-width: 360px ) {}
@media screen and ( max-width: 320px ) {}