@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body, div, pre, p, blockquote, form, ul, ol, li, fieldset, input, textarea, select, option, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, embed, object
{
	margin: 0;
	padding: 0;
}

body, div, pre, p, blockquote, form, ul, ol, li, fieldset, input, textarea, select, option, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, embed, object
{
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, main
{
	display: block;
	margin: 0;
	padding: 0;
}

body, table
{
	font-size: 14px;
	line-height: 1;
	color: #333333;
}

body
{
	font-family: 'Noto Sans Japanese', sans-serif;
}

img
{
	border: 0;
}

.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright
{
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

.alignleft
{
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}

/*#header1
 {
 height: 50px;
 box-sizing: border-box;
 border-bottom: 1px solid #080e26;
 background: linear-gradient(to bottom, #191d46 0%, #151835 100%);
 color: white;
 min-width: 1000px;
 z-index: 5;
 position: relative;
 }*/
#header1
{
	box-sizing: border-box;
	border-bottom: 1px solid #2c5a2e;
	background: linear-gradient(to bottom, #191d46 0%, #151835 100%);
	color: white;
	z-index: 5;
	position: relative;
}

#header11
{
	float: left;
	padding-top: 14px;
	padding-left: 30px;
	font-size: 0;
}

#header11 a
{
	transition-property: all;
	transition: 0.3s linear;
}

#header11 a:hover
{
	opacity: .7;
}

#header12
{
	padding-top: 11px;
	padding-right: 30px;
	float: right;
}

#header121
{float: left;padding-left: 30px;}

#header121 ul
{
	list-style-type: none;
}

#header121 li
{
	float: left;
	padding-right: 18px;
	line-height: 45px;
}

#header121 li:last-child
{
	padding-right: 0;
}

#header121 li a
{
	display: block;
	padding-left: 24px;
	text-decoration: none;
	color: white;
	font-size: 13px;
	line-height: 28px;
	transition-property: all;
	transition: 0.3s linear;
}

#header121 li a:hover
{
	opacity: .7;
}

#header121 li:nth-child(1) a
{
	background: url(../images/header2_1.png) no-repeat left center;
	cursor: pointer;
}

#header121 li:nth-child(2) a
{
	background: url(../images/header2_2.png) no-repeat left center;
}

#header121 li:nth-child(3) a
{
	background: url(../images/header2_3.png) no-repeat left center;
}

#header122
{float: right;}

#header122 input[type="text"]
{
	border: 1px solid #b9bedc;
	/* width: 200px; */
	height: 28px;
	box-sizing: border-box;
	padding: 7px 9px;
	background: white url(../images/header3.png) no-repeat 176px center;
}

#header122 input[type="text"]:hover
{
	background-image: url(../images/header3_o.png);
}

#header122 input[type="text"]:focus
{
	background-image: none;
}

#header2
{
	min-height: 81px;
	box-sizing: border-box;
	border-bottom: 1px solid #080e26;
	background: white;
	position: relative;
	z-index: 3;
}

#header21
{
	float: left;
	padding-top: 29px;
/* 	padding-left: 30px; */
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0;
}

#header21 a
{
	transition-property: all;
	transition: 0.3s linear;
}

#header21 a:hover
{
	opacity: .7;
}

#header22
{
	float: right;
	padding-top: 16px;
	padding-right: 30px;
}

#header221
{
	float: left;
	padding-top: 3px;
}

#header221 ul
{
	list-style-type: none;
}

#header221 li
{
	display: block;
	float: left;
	border-right: 1px solid #dbe2f2;
	font-size: 15px;
	line-height: 45px;
}

#header221 li:last-child
{
	border-right: none;
}

#header221 li a
{
	padding: 0 20px;
	color: #8291b4;
	text-decoration: none;
}

#header221 li a:hover
{
	color: #191d46;
}

#header221 li.parent
{
	position: relative;
}

#header221 li.parent ul
{
	display: none;
	position: absolute;
	top: 42px;
	right: 0;
	padding-top: 20px;
}

#header221 li.parent ul.ms
{
	min-width: 255px;
}

#header221 li.parent ul.space-e
{
	min-width: 100px;
}

#header221 li.parent ul li
{
	float: none;
	border-right: none;
	border-bottom: 1px solid #02316e;
}

#header221 li.parent ul.space-e li
{
	border-bottom: 1px solid #0e3a72;
}

#header221 li.parent ul li:after
{
	border-bottom: none;
}

#header221 li.parent ul li a
{
	background: rgba(255,255,255,.8);
	color: #0070ee;
	font-size: 14px;
	line-height: 35px;
	padding: 0 13px;
	display: block;
}

#header221 li.parent ul.space-e li a
{
	background: rgba(255,255,255,.8);
	color: #76adea;
}

#header221 li.parent ul li a:hover
{
	background: #0070ee;
	color: white;
}

#header221 li.parent ul.space-e li a:hover
{
	background: #76adea;
	color: white;
}

#header221 li.parent:hover ul
{
	display: block;
}

#header222
{
	float: right;
}

#header222 a
{
	display: block;
	font-size: 14px;
	line-height: 48px;
	text-align: center;
	color: black;
	text-decoration: none;
}

#header222 a:hover
{
	opacity: .7;
}

#menu
{
	position: fixed;
	top: -500%;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 50px;
	z-index: 4;
	cursor: pointer;
}

#menu1
{
	height: 100%;
	background: rgba(255,255,255,.95);
	cursor: default;
}

#menu11
{
	/* width: 982px; */
	/* height: 98%; */
	box-sizing: border-box;
	margin: 0 auto;
	padding-top: 10px;
	box-sizing: border-box;
}

#menu111
{
	/* width: 472px; */
	box-sizing: border-box;
	/* height: 98%; */
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 13px 60px 0;
	/* float: left; */
}

#menu1111
{
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	line-height: 21px;
	font-weight: normal;
	margin-bottom: 24px;
	background-color: #0070ee;
}

.menu111c
{
	width: 220px;
	/*height: 140px;*/
	box-sizing: border-box;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	font-weight: normal;
	background: rgba(256,256,256,0);
	transition-property: all;
	transition: 0.15s linear;
}

.menu111c1
{
	font-size: 22px;
	line-height: 29px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 9px;
	/*height: 58px;*/
	box-sizing: border-box;
	transition-property: all;
	transition: 0.15s linear;
}

#menu111 .menu111c:hover .menu111c1
{
	color: white;
}

#menu122 .menu12211c:hover .menu12211c1
{
	color: white;
	transition-property: all;
	transition: 0.15s linear;
}
#menu122 .menu12211c:hover .menu12211c2
{
	color: white;
	transition-property: all;
	transition: 0.15s linear;
}

#menu1301 .menu131c:hover .menu1311c1
{
	color: white;
	transition-property: all;
	transition: 0.15s linear;
}
#menu1302 .menu131c:hover .menu1311c1
{
	color: white;
	transition-property: all;
	transition: 0.15s linear;
}
#menu1303 .menu131c:hover .menu1311c1
{
	color: white;
	transition-property: all;
	transition: 0.15s linear;
}

.menu131c
{
	transition-property: all;
	transition: 0.15s linear;
}


.menu111c2
{
	font-size: 12px;
	line-height: 21px;
	text-align: center;
	color: #666666;
	letter-spacing: -.075em;
	transition-property: all;
	transition: 0.15s linear;
}

.menu111c:hover .menu111c2
{
	color: white;
}

#menu1112
{
	margin-bottom: 10px;
	position: relative;
}

#menu11121
{
	/*height: 199px;*/
	width: auto;
	border: 1px solid #0070ee;
}

#menu11121:hover
{
	background: #4999f3;
}

#menu11121 .menu111c1
{
	color: #0070ee;
	padding-top: 4px;
	height: auto;
}

#menu11122
{
	position: absolute;
	top: 112px;
	left: 24px;
	width: 400px;
	/*height: 60px;*/
	border: 1px solid #76adea;
	padding-top: 5px;
}

#menu11122:hover
{
	background: #76adea;
}

#menu11122 .menu111c1
{
	color: #76adea;
	font-size: 18px;
	line-height: 21px;
	height: auto;
	padding-top: 0;
	margin-bottom: 6px;
}

#menu11122 .menu111c2
{
	font-size: 11px;
}

#menu1113
{
	margin-bottom: 10px;
}

#menu1113::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#menu11131
{
	float: left;
	border: 1px solid #7b4edd;
}

#menu11131:hover
{
	background: #a181e7;
}

#menu11131 .menu111c1
{
	color: #7b4edd;
}

#menu11132
{
	float: right;
	border: 1px solid #08a5b2;
}

#menu11132:hover
{
	background: #08a5b2;
}

#menu11132 .menu111c1
{
	color: #08a5b2;
	padding-top: 14px;
}

#menu1114
{
}

#menu1114::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#menu11141
{
	float: left;
	border: 1px solid #ffb100;
}

#menu11141:hover
{
	background: #ffc749;
}

#menu11141 .menu111c1
{
	color: #ffb100;
	padding-top: 14px;
}

#menu11142
{
	float: right;
	border: 1px solid #f03a5d;
}

#menu11142:hover
{
	background: #f4728b;
}

#menu11142 .menu111c1
{
	color: #f03a5d;
	padding-top: 14px;
}
#menu1115
{
	margin-bottom: 10px;
	height:25%
}

#menu1115::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#menu11151
{
	float: left;
	border: 1px solid #dbe680;
}

#menu11151:hover
{
	background: #a181e7;
}

#menu11151 .menu111c1
{
	color: #7b4edd;
}

#menu11152
{
	float: right;
	border: 1px solid #0070ee;
}

#menu11152:hover
{
	background: #0070ee;
}

#menu11152 .menu111c1
{
	color: #4e9cf3;
	padding-top: 14px;
}
#menu1116
{
	margin-bottom: 10px;
	height:25%
}

#menu1116::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#menu11161
{
	float: left;
	border: 1px solid #4999f3;
}

#menu11161:hover
{
	background: #a181e7;
}

#menu11161 .menu111c1
{
	color: #7b4edd;
}

#menu11162
{
	float: right;
	border: 1px solid #0070ee;
}

#menu11162:hover
{
	background: #0070ee;
}

#menu11162 .menu111c1
{
	color: #4999f3;
	padding-top: 14px;
}

#menu122
{
	/* width: 472px; */
	box-sizing: border-box;
	/* height: 98%; */
	/* border-right: 1px solid #cccccc; */
	padding: 16px 20px 0 20px;
	/* float: right; */
}
#menu1301
{
	/* width: 472px; */
	box-sizing: border-box;
	/* height: 98%; */
	/* border-right: 1px solid #cccccc; */
	padding: 16px 20px 0 20px;
	/* float: right; */
}
#menu1302
{
	/* width: 472px; */
	box-sizing: border-box;
	/* height: 98%; */
	/* border-right: 1px solid #cccccc; */
	padding: 16px 20px 0 20px;
	/* float: right; */
}
#menu1303
{
	/* width: 472px; */
	box-sizing: border-box;
	/* height: 98%; */
	/* border-right: 1px solid #cccccc; */
	padding: 16px 20px 0 20px;
	/* float: right; */
}

#menu1120
{
	background: url(../images/menu1.png) no-repeat;
	width: 20px;
	/*height: 20px;*/
	float: right;
	margin-bottom: 13px;
	cursor: pointer;
}

#menu131
{
	clear: right;
	display: block;
	text-decoration: none;
	height:25%;
	margin: 40px;
	border: solid 1px #0070ee;
	margin-top :-20px;
	margin-bottom :20px;
}
#menu132
{
	clear: right;
	display: block;
	text-decoration: none;
	height:25%;
	margin: 40px;
	border: solid 1px #0070ee;
	margin-top :-20px;
	margin-bottom :20px;
}
#menu133
{
	clear: right;
	display: block;
	text-decoration: none;
	height:25%;
	margin: 40px;
	border: solid 1px #0070ee;
	margin-top :-20px;
	margin-bottom :20px;
}


#menu12211
{
	clear: right;
	display: block;
	text-decoration: none;
	height:25%;
	margin: 40px;
	border: solid 1px #0070ee;
	margin-top :5px;
	margin-bottom :20px;
}

#menu12212
{
	clear: right;
	display: block;
	text-decoration: none;
	height:25%;
	margin: 40px;
	border: solid 1px #0070ee;
	margin-top :5px;
	margin-bottom :20px;
}

#menu12211:hover
 {
	 /*opacity: .7;*/
	 background: #0070ee;
 }

#menu12212:hover
{
	/*opacity: .7;*/
	background: #0070ee;
}

#menu131:hover
{
	/*opacity: .7;*/
	background: #0070ee;
}

#menu132:hover
{
	/*opacity: .7;*/
	background: #0070ee;
}

#menu133:hover
{
	/*opacity: .7;*/
	background: #0070ee;
}

#menu11211
{
	text-align: center;
	color: #0070ee;
	font-size: 20px;
	line-height: 21px;
	font-weight: normal;
	margin-bottom: 34px;
	margin-top: 34px;
}

.menu1311c1
{
	text-align: center;
	color: #0070ee;
	font-size: 20px;
	line-height: 21px;
	font-weight: normal;
	margin-bottom: 34px;
	margin-top: 34px;
}

.menu12211c1
{
	text-align: center;
	color: #0070ee;
	font-size: 20px;
	line-height: 21px;
	font-weight: normal;
	margin-bottom: 34px;
	margin-top: 34px;
}

.menu12211c
{
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 20px;
	/*border-bottom: 1px dashed #cccccc;*/
	/*margin-bottom: 10px;*/
	text-align: center;
	transition-property: all;
	transition: 0.15s linear;
}

#menu11212 span
{
	font-size: 10px;
}

.menu112c
{
	display: block;
	width: 212px;
	border-bottom: 1px dashed #cccccc;
	position: relative;
	/*height: 186px;*/
	margin-bottom: 14px;
	text-decoration: none;
	padding-top: 36px;
	box-sizing: border-box;
}

.menu112c:first-child::after
{
	content: '';
	height: calc(100% - 11px);
	width: 0;
	border-right: 1px dashed #cccccc;
	position: absolute;
	top: 0;
	left: 228px;
}

.menu112c1
{
	color: #666666;
	font-size: 20px;
	line-height: 21px;
	font-weight: normal;
	margin-bottom: 30px;
	text-align: center;
}

.menu112c:hover .menu112c1
{
	opacity: .7;
}

.menu112c2
{
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
}

.menu112c:hover .menu112c2
{
	opacity: .7;
}

.menu112c2 span
{
	font-size: 10px;
}

#menu1123
{
	height:30%
}

#menu1123::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#menu11231
{
	float: left;
}

#menu11232
{
	float: right;
}

#menu1124
{
}

#menu1124::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#menu1124 .menu112c
{
	border-bottom: none;
}

#menu11241
{
	float: left;
}

#menu11242
{
	float: right;
}

#menubg
{
	background: black;
	opacity: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	cursor: pointer;
	z-index: 3;
}

main
{
	padding-top: 50px;
/* 	min-width: 1000px; */
}

footer
{
}

#footer1
{
	color: #5474a6;
	font-size: 13px;
	line-height: 90px;
	letter-spacing: .06em;
	text-align: center;
	background: #191d46;
}

.sectitle
{
	color: #0070ee;
	font-size: 40px;
	line-height: 56px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 13px;
}

.sectitle span
{
	color: #8291b4;
	font-size: 14px;
	line-height: 20px;
	display: block;
	margin-top: 14px;
}

.secdesc
{
	color: #8291b4;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	margin-bottom: 40px;
}

.linkbtn
{
	display: inline-block;
	width: 300px;
	box-sizing: border-box;
	border: 1px solid #b8c6e6;
	border-radius: 2px;
	background: linear-gradient(to bottom, #ffffff 0%, #f0f3f5 100%);
	color: #1b3d74;
	font-size: 14px;
	line-height: 58px;
	text-align: center;
	text-decoration: none;
	transition-property: all;
	transition: 0.3s linear;
}

.linkbtn:hover
{
	background: linear-gradient(to bottom, #f8fafe 0%, #d4e2f1 100%);
	color: #181b43;
}

.mainttl
{
	background: #0070ee;
	color: white;
	font-size: 18px;
	line-height: 34px;
	padding: 0 30px 2px;
}

.mainttl2
{
	background: #ebf0f5;
	border-bottom: 1px solid #b8c6e6;
	color: #1b3d74;
	font-size: 18px;
	line-height: 34px;
	padding: 0 30px 2px;
}

.mainttl3
{
	color: #0070ee;
	font-size: 30px;
	line-height: 80px;
	font-weight: bold;
	border-bottom: 1px solid #dbe2f2;
	margin-bottom: 60px;
	padding: 0 30px;
}

.mainttl3 a
{
	color: #0070ee;
	text-decoration: none;
}

#prevnext
{
	padding: 100px 0 120px;
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

#prevnext a
{
	color: #b9bedc;
	text-decoration: none;
}

#prevnext a:hover
{
	color: #1b3d74;
}

#prevnext1
{
	float: left;
	width: 130px;
	min-height: 60px;
}

#prevnext1 a
{
	display: block;
	font-size: 14px;
	line-height: 60px;
	padding-left: 29px;
	text-align: left;
	width: 100%;
	background: url(../images/prevnext1.png) no-repeat left center;
}

#prevnext1 a:hover
{
	background-image: url(../images/prevnext1_o.png);
}

#prevnext2
{
	float: right;
	width: 130px;
	min-height: 60px;
}

#prevnext2 a
{
	display: block;
	font-size: 14px;
	line-height: 60px;
	padding-right: 29px;
	text-align: right;
	width: 100%;
	background: url(../images/prevnext2.png) no-repeat right center;
}

#prevnext2 a:hover
{
	background-image: url(../images/prevnext2_o.png);
}

#prevnext3
{
}

#pagenation
{
	line-height: 24px;
	font-size: 18px;
	text-align: center;
}

#pagenation::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#pagenation1
{
	float: left;
	min-height: 19px;
	min-width: 13px;
}

#pagenation1 a
{
	display: block;
	background: url(../images/prevnext1.png) no-repeat;
	width: 13px;
	height: 19px;
	vertical-align: middle;
}

#pagenation1 a:hover
{
	background-image: url(../images/prevnext1_o.png);
}

#pagenation2
{
	float: right;
	min-height: 19px;
	min-width: 13px;
}

#pagenation2 a
{
	display: block;
	background: url(../images/prevnext2.png) no-repeat;
	width: 13px;
	height: 19px;
	vertical-align: middle;
}

#pagenation2 a:hover
{
	background-image: url(../images/prevnext2_o.png);
}

#pagenation3
{
}

#pagenation3 span
{
	font-size: 24px;
	color: #1e3f76;
	vertical-align: middle;
	margin: 0 15px;
}

#pagenation3 a
{
	color: #1e3f76;
	vertical-align: middle;
	margin: 0 15px;
	text-decoration: none;
}

#popup
{
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

#popup1
{
	width: 750px;
	margin: 10vh auto;
	max-height: 80vh;
	overflow-y: auto;
	background: white;
	position: relative;
}

#popup11
{
	cursor: pointer;
	position: absolute;
	top: 25px;
	right: 25px;
	background: url(../images/popup1.png) no-repeat;
	width: 16px;
	height: 16px;
}

#popup12
{
	padding: 66px 25px;
}

#movie11
{
	text-align: center;
	position: relative;
	font-size: 0;
	margin-bottom: 36px;
}

#movie12
{
	color: #1b3d74;
	font-size: 24px;
	line-height: 36px;
	font-weight: normal;
	border-bottom: 1px solid #b9bedc;
	margin-bottom: 5px;
}

#movie13
{
	color: #1b3d74;
	font-size: 14px;
	line-height: 21px;
	text-align: right;
	margin-bottom: 17px;
}

#movie14
{
	color: #8291b4;
	font-size: 16px;
	line-height: 24px;
}

#movie2
{
	text-align: center;
	margin-bottom: 120px;
}

#movie15
{
}

.movie15
{
	margin-bottom: 45px;
}

.movie15::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.movie151
{
	width: 320px;
}

.movie15.left .movie151
{
	float: left;
}

.movie15.right .movie151
{
	float: right;
}

.movie151c
{
}

.movie151c1
{
	text-align: center;
	font-size: 0;
	margin-bottom: 2px;
}

.movie151c1 img
{
	width: 100%;
	height: auto;
}

.movie151c2
{
	color: #a3b6ce;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	margin-bottom: 15px;
}

.movie152
{
}

.movie15.left .movie152
{
	float: right;
	width: 350px;
}

.movie15.right .movie152
{
	float: left;
	width: 350px;
}

.movie1521
{
	font-size: 16px;
	line-height: 24px;
	color: #1b3d74;
	margin-bottom: 5px;
}

.movie1522
{
	color: #8291b4;
	font-size: 16px;
	line-height: 24px;
}

.lbox
{
	padding: 110px 0;
}

.lbox.darken
{
	background: #191d46;
}

.lbox.darken .sectitle
{
	color: #fefefe;
}

.lbox1
{
	width: 980px;
	margin: 45px auto 0;
}

.lbox1::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.lbox1c
{
	float: left;
	text-decoration: none;
	display: block;
}

.row2 .lbox1c
{
	width: 460px;
	margin-left: 60px;
}

.row2 .lbox1c:nth-child(2n+1)
{
	clear: left;
	margin-left: 0;
}

.row3 .lbox1c
{
	width: 300px;
	margin-left: 40px;
}

.row3 .lbox1c:nth-child(3n+1)
{
	clear: left;
	margin-left: 0;
}

.lbox1c1
{
	font-size: 0;
	text-align: center;
	margin-bottom: 4px;
	background: white;
}

.lbox1c1 img
{
	border: 1px solid #cccccc;
	width: 100%;
	height: auto;
	transition-property: all;
	transition: 0.3s linear;
}

.lbox1c:hover .lbox1c1 img
{
	opacity: .6;
}

.lbox1c2
{
	font-size: 12px;
	line-height: 21px;
	text-align: right;
	margin-bottom: 20px;
}

.row2 .lbox1c2
{
	color: #1b3d74;
}

.row3 .lbox1c2
{
	color: #0a2882;
}

.lbox.darken .lbox1c2
{
	color: white;
}

.lbox1c3
{
	font-weight: normal;
}

.lbox1c:hover .lbox1c3
{
	font-weight: bold;
}

.row2 .lbox1c3
{
	font-size: 24px;
	line-height: 36px;
	height: 72px;
	margin-bottom: 25px;
	color: #0a2882;
}

.row3 .lbox1c3
{
	font-size: 20px;
	line-height: 25px;
	height: 50px;
	margin-bottom: 20px;
	color: #1b3d74;
}

.lbox.darken .lbox1c3
{
	color: white;
}

.lbox1c4
{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 50px;
}

.row2 .lbox1c4
{
	color: #8291b4;
}

.row3 .lbox1c4
{
	color: #8491b4;
}

.lbox.darken .lbox1c4
{
	color: #8291b4;
}

.header1
{
	height: 50px;
	box-sizing: border-box;
	border-bottom: 1px solid .2c5a2e;
	background: linear-gradient(to bottom, .191d46 0%, .151835 100%);
	color: white;
/* 	min-width: 1000px; */
	z-index: 5;
	position: relative;
}

.header11
{
	float: left;
	padding-top: 14px;
	padding-left: 30px;
	font-size: 0;
}

.header11 a
{
	transition-property: all;
	transition: 0.3s linear;
}

.header11 a:hover
{
	opacity: .7;
}

.header12
{
	float: right;
	padding-top: 11px;
	padding-right: 30px;
	width: 516px;
}

.header121
{
	float: left;
	width: 316px;
}

.header121 ul
{
	list-style-type: none;
}

.header121 li
{
	float: left;
	padding-right: 18px;
}

.header121 li:last-child
{
	padding-right: 0;
}

.header121 li a
{
	display: block;
	padding-left: 24px;
	text-decoration: none;
	color: white;
	font-size: 13px;
	line-height: 28px;
	transition-property: all;
	transition: 0.3s linear;
}

.header121 li a:hover
{
	opacity: .7;
}

.header121 li:nth-child(1) a
{
	background: url(../images/header2_1.png) no-repeat left center;
	cursor: pointer;
}

.header121 li:nth-child(2) a
{
	background: url(../images/header2_2.png) no-repeat left center;
}

.header121 li:nth-child(3) a
{
	background: url(../images/header2_3.png) no-repeat left center;
}

.header122
{
	float: right;
	position: relative;
}

.header122 input[type="text"]
{
	border: 1px solid .b9bedc;
	width: 200px;
	height: 28px;
	box-sizing: border-box;
	padding: 7px 9px;
	background: white url(../images/header3.png) no-repeat 176px center;
}

.header122 input[type="text"]:hover
{
	background-image: url(../images/header3_o.png);
}

.header122 input[type="text"]:focus
{
	background-image: none;
}

.header2
{
	height: 81px;
	box-sizing: border-box;
	border-bottom: 1px solid .080e26;
	background: white;
	position: relative;
	z-index: 3;
	min-width: 1000px;
}

.header21
{
	float: left;
	padding-top: 29px;
	padding-left: 30px;
	font-size: 0;
}

.header21 a
{
	transition-property: all;
	transition: 0.3s linear;
}

.header21 a:hover
{
	opacity: .7;
}

.header22
{
	float: right;
	padding-top: 16px;
	padding-right: 30px;
}

.header221
{
	float: left;
	padding-top: 3px;
}

.header221 ul
{
	list-style-type: none;
}

.header221 li
{
	display: block;
	float: left;
	border-right: 1px solid .dbe2f2;
	font-size: 15px;
	line-height: 45px;
}

.header221 li:last-child
{
	border-right: none;
}

.header221 li a
{
	padding: 0 20px;
	color: #8291b4;
	text-decoration: none;
}

.header221 li a:hover
{
	color: #191d46;
}

.header221 li.parent
{
	position: relative;
}

.header221 li.parent ul
{
	display: none;
	position: absolute;
	top: 42px;
	left: 0;
	padding-top: 20px;
}

.header221 li.parent ul.ms
{
	min-width: 255px;
}

.header221 li.parent ul.space-e
{
	min-width: 100px;
}

.header221 li.parent ul li
{
	float: none;
	border-right: none;
	border-bottom: 1px solid .02316e;
}

.header221 li.parent ul.space-e li
{
	border-bottom: 1px solid .0e3a72;
}

.header221 li.parent ul li:after
{
	border-bottom: none;
}

.header221 li.parent ul li a
{
	background: rgba(255,255,255,.8);
	color: #0070ee;
	font-size: 14px;
	line-height: 35px;
	padding: 0 13px;
	display: block;
}

.header221 li.parent ul.space-e li a
{
	background: rgba(255,255,255,.8);
	color: #76adea;
}

.header221 li.parent ul li a:hover
{
	background: #0070ee;
	color: white;
}

.header221 li.parent ul.space-e li a:hover
{
	background: #76adea;
	color: white;
}

.header221 li.parent:hover ul
{
	display: block;
}

.header222
{
	float: right;
	width: 150px;
}

.header222 a
{
	border: 1px solid .1c550e;
	border-radius: 2px;
	display: block;
	font-size: 14px;
	line-height: 48px;
	text-align: center;
	color: white;
	text-decoration: none;
	background: linear-gradient(to bottom, .0ec564 0%, .019131 100%);
	transition-property: opacity;
	transition: 0.15s linear;
}

.header222 a:hover
{
	opacity: .7;
}

.menu111c
{
	width: 220px;
	height: 100%;
	box-sizing: border-box;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	font-weight: normal;
	background: rgba(256,256,256,0);
	transition-property: all;
	transition: 0.15s linear;
}

.menu111c1
{
	font-size: 22px;
	line-height: 29px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 9px;
	height: 58px;
	box-sizing: border-box;
	transition-property: all;
	transition: 0.15s linear;
}

.menu111 .menu111c:hover .menu111c1
{
	color: white;
}

.menu111c2
{
	font-size: 12px;
	line-height: 21px;
	text-align: center;
	color: #666666;
	letter-spacing: -.075em;
	transition-property: all;
	transition: 0.15s linear;
}

.menu111c:hover .menu111c2
{
	color: white;
}

.menu1112
{
	margin-bottom: 10px;
	position: relative;
}

.menu11121
{
	height: 199px;
	width: auto;
	border: 1px solid .0070ee;
}

.menu11121:hover
{
	background: #4999f3;
}

.menu11121 .menu111c1
{
	color: #0070ee;
	padding-top: 4px;
	height: auto;
}

.menu11122
{
	position: absolute;
	top: 112px;
	left: 24px;
	width: 400px;
	height: 60px;
	border: 1px solid .76adea;
	padding-top: 5px;
}

.menu11122:hover
{
	background: #76adea;
}

.menu11122 .menu111c1
{
	color: #76adea;
	font-size: 18px;
	line-height: 21px;
	height: auto;
	padding-top: 0;
	margin-bottom: 6px;
}

.menu11122 .menu111c2
{
	font-size: 11px;
}

.menu1113
{
	margin-bottom: 10px;
}

.menu1113::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.menu11131
{
	float: left;
	border: 1px solid .7b4edd;
}

.menu11131:hover
{
	background: #a181e7;
}

.menu11131 .menu111c1
{
	color: #7b4edd;
}

.menu11132
{
	float: right;
	border: 1px solid .08a5b2;
}

.menu11132:hover
{
	background: #08a5b2;
}

.menu11132 .menu111c1
{
	color: #08a5b2;
	padding-top: 14px;
}

.menu1114
{
}

.menu1114::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.menu11141
{
	float: left;
	border: 1px solid .ffb100;
}

.menu11141:hover
{
	background: #ffc749;
}

.menu11141 .menu111c1
{
	color: #ffb100;
	padding-top: 14px;
}

.menu11142
{
	float: right;
	border: 1px solid .f03a5d;
}

.menu11142:hover
{
	background: #f4728b;
}

.menu11142 .menu111c1
{
	color: #f03a5d;
	padding-top: 14px;
}

.menu112
{
	width: 472px;
	box-sizing: border-box;
	height: 575px;
	border-right: 1px solid .cccccc;
	padding: 16px 20px 0 0;
	float: right;
}

.menu1120
{
	background: url(../images/menu1.png) no-repeat;
	width: 20px;
	height: 20px;
	float: right;
	margin-bottom: 13px;
	cursor: pointer;
}

.menu1121
{
	clear: right;
	display: block;
	text-decoration: none;
}

.menu1121:hover
{
	opacity: .7;
}

.menu11211
{
	text-align: center;
	color: #666666;
	font-size: 20px;
	line-height: 21px;
	font-weight: normal;
	margin-bottom: 34px;
}

.menu11212
{
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed .cccccc;
	margin-bottom: 10px;
}

.menu11212 span
{
	font-size: 10px;
}

.menu112c
{
	display: block;
	width: 212px;
	border-bottom: 1px dashed .cccccc;
	position: relative;
	height: 186px;
	margin-bottom: 14px;
	text-decoration: none;
	padding-top: 36px;
	box-sizing: border-box;
}

.menu112c:first-child::after
{
	content: '';
	height: calc(100% - 11px);
	width: 0;
	border-right: 1px dashed .cccccc;
	position: absolute;
	top: 0;
	left: 228px;
}

.menu112c1
{
	color: #666666;
	font-size: 20px;
	line-height: 21px;
	font-weight: normal;
	margin-bottom: 30px;
	text-align: center;
}

.menu112c:hover .menu112c1
{
	opacity: .7;
}

.menu112c2
{
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
}

.menu112c:hover .menu112c2
{
	opacity: .7;
}

.menu112c2 span
{
	font-size: 10px;
}

.menu1123
{
}

.menu1123::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.menu11231
{
	float: left;
}

.menu11232
{
	float: right;
}

.menu1124
{
}

.menu1124::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.menu1124 .menu112c
{
	border-bottom: none;
}

.menu11241
{
	float: left;
}

.menu11242
{
	float: right;
}

.menubg
{
	background: black;
	opacity: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	cursor: pointer;
	z-index: 3;
}

main
{
	padding-top: 50px;
	min-width: 1000px;
}

footer
{
}

.footer1
{
	color: #5474a6;
	font-size: 13px;
	line-height: 90px;
	letter-spacing: .06em;
	text-align: center;
	background: #191d46;
}

.sectitle
{
	color: #0070ee;
	font-size: 40px;
	line-height: 56px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 13px;
}

.sectitle span
{
	color: #8291b4;
	font-size: 14px;
	line-height: 20px;
	display: block;
	margin-top: 14px;
}

.secdesc
{
	color: #8291b4;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	margin-bottom: 40px;
}

.linkbtn
{
	display: inline-block;
	width: 300px;
	box-sizing: border-box;
	border: 1px solid .b8c6e6;
	border-radius: 2px;
	background: linear-gradient(to bottom, .ffffff 0%, .f0f3f5 100%);
	color: #1b3d74;
	font-size: 14px;
	line-height: 58px;
	text-align: center;
	text-decoration: none;
	transition-property: all;
	transition: 0.3s linear;
}

.linkbtn:hover
{
	background: linear-gradient(to bottom, .f8fafe 0%, .d4e2f1 100%);
	color: #181b43;
}

.mainttl
{
	background: #0070ee;
	color: white;
	font-size: 18px;
	line-height: 34px;
	padding: 0 30px 2px;
}

.mainttl2
{
	background: #ebf0f5;
	border-bottom: 1px solid .b8c6e6;
	color: #1b3d74;
	font-size: 18px;
	line-height: 34px;
	padding: 0 30px 2px;
}

.mainttl3
{
	color: #0070ee;
	font-size: 30px;
	line-height: 80px;
	font-weight: bold;
	border-bottom: 1px solid .dbe2f2;
	margin-bottom: 60px;
	padding: 0 30px;
}

.mainttl3 a
{
	color: #0070ee;
	text-decoration: none;
}

.prevnext
{
	padding: 100px 0 120px;
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

.prevnext a
{
	color: #b9bedc;
	text-decoration: none;
}

.prevnext a:hover
{
	color: #1b3d74;
}

.prevnext1
{
	float: left;
	width: 130px;
	min-height: 60px;
}

.prevnext1 a
{
	display: block;
	font-size: 14px;
	line-height: 60px;
	padding-left: 29px;
	text-align: left;
	width: 100%;
	background: url(../images/prevnext1.png) no-repeat left center;
}

.prevnext1 a:hover
{
	background-image: url(../images/prevnext1_o.png);
}

.prevnext2
{
	float: right;
	width: 130px;
	min-height: 60px;
}

.prevnext2 a
{
	display: block;
	font-size: 14px;
	line-height: 60px;
	padding-right: 29px;
	text-align: right;
	width: 100%;
	background: url(../images/prevnext2.png) no-repeat right center;
}

.prevnext2 a:hover
{
	background-image: url(../images/prevnext2_o.png);
}

.prevnext3
{
}

.pagenation
{
	line-height: 24px;
	font-size: 18px;
	text-align: center;
}

.pagenation::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.pagenation1
{
	float: left;
	min-height: 19px;
	min-width: 13px;
}

.pagenation1 a
{
	display: block;
	background: url(../images/prevnext1.png) no-repeat;
	width: 13px;
	height: 19px;
	vertical-align: middle;
}

.pagenation1 a:hover
{
	background-image: url(../images/prevnext1_o.png);
}

.pagenation2
{
	float: right;
	min-height: 19px;
	min-width: 13px;
}

.pagenation2 a
{
	display: block;
	background: url(../images/prevnext2.png) no-repeat;
	width: 13px;
	height: 19px;
	vertical-align: middle;
}

.pagenation2 a:hover
{
	background-image: url(../images/prevnext2_o.png);
}

.pagenation3
{
}

.pagenation3 span
{
	font-size: 24px;
	color: #1e3f76;
	vertical-align: middle;
	margin: 0 15px;
}

.pagenation3 a
{
	color: #1e3f76;
	vertical-align: middle;
	margin: 0 15px;
	text-decoration: none;
}

/* .popup
{
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
} */

.popup1
{
	width: 750px;
	margin: 10vh auto;
	max-height: 80vh;
	overflow-y: auto;
	background: white;
	position: relative;
}

.popup11
{
	cursor: pointer;
	position: absolute;
	top: 25px;
	right: 25px;
	background: url(../images/popup1.png) no-repeat;
	width: 16px;
	height: 16px;
}

.popup12
{
	padding: 66px 25px;
}

.movie11
{
	text-align: center;
	position: relative;
	font-size: 0;
	margin-bottom: 36px;
}

.movie12
{
	color: #1b3d74;
	font-size: 24px;
	line-height: 36px;
	font-weight: normal;
	border-bottom: 1px solid .b9bedc;
	margin-bottom: 5px;
}

.movie13
{
	color: #1b3d74;
	font-size: 14px;
	line-height: 21px;
	text-align: right;
	margin-bottom: 17px;
}

.movie14
{
	color: #8291b4;
	font-size: 16px;
	line-height: 24px;
}

.movie2
{
	text-align: center;
	margin-bottom: 120px;
}

.movie15
{
}

.movie15
{
	margin-bottom: 45px;
}

.movie15::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.movie151
{
	width: 320px;
}

.movie15.left .movie151
{
	float: left;
}

.movie15.right .movie151
{
	float: right;
}

.movie151c
{
}

.movie151c1
{
	text-align: center;
	font-size: 0;
	margin-bottom: 2px;
}

.movie151c1 img
{
	width: 100%;
	height: auto;
}

.movie151c2
{
	color: #a3b6ce;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	margin-bottom: 15px;
}

.movie152
{
}

.movie15.left .movie152
{
	float: right;
	width: 350px;
}

.movie15.right .movie152
{
	float: left;
	width: 350px;
}

.movie1521
{
	font-size: 16px;
	line-height: 24px;
	color: #1b3d74;
	margin-bottom: 5px;
}

.movie1522
{
	color: #8291b4;
	font-size: 16px;
	line-height: 24px;
}

.lbox
{
	padding: 110px 0;
}

.lbox.darken
{
	background: #191d46;
}

.lbox.darken .sectitle
{
	color: #fefefe;
}

.lbox1
{
	width: 980px;
	margin: 45px auto 0;
}

.lbox1::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.lbox1c
{
	float: left;
	text-decoration: none;
	display: block;
}

.row2 .lbox1c
{
	width: 460px;
	margin-left: 60px;
}

.row2 .lbox1c:nth-child(2n+1)
{
	clear: left;
	margin-left: 0;
}

.row3 .lbox1c
{
	width: 300px;
	margin-left: 40px;
}

.row3 .lbox1c:nth-child(3n+1)
{
	clear: left;
	margin-left: 0;
}

.lbox1c1
{
	font-size: 0;
	text-align: center;
	margin-bottom: 4px;
	background: white;
}

.lbox1c1 img
{
	border: 1px solid .cccccc;
	width: 100%;
	height: auto;
	transition-property: all;
	transition: 0.3s linear;
}

.lbox1c:hover .lbox1c1 img
{
	opacity: .6;
}

.lbox1c2
{
	font-size: 12px;
	line-height: 21px;
	text-align: right;
	margin-bottom: 20px;
}

.row2 .lbox1c2
{
	color: #1b3d74;
}

.row3 .lbox1c2
{
	color: #0a2882;
}

.lbox.darken .lbox1c2
{
	color: white;
}

.lbox1c3
{
	font-weight: normal;
}

.lbox1c:hover .lbox1c3
{
	font-weight: bold;
}

.row2 .lbox1c3
{
	font-size: 24px;
	line-height: 36px;
	height: 72px;
	margin-bottom: 25px;
	color: #0a2882;
}

.row3 .lbox1c3
{
	font-size: 20px;
	line-height: 25px;
	height: 50px;
	margin-bottom: 20px;
	color: #1b3d74;
}

.lbox.darken .lbox1c3
{
	color: white;
}

.lbox1c4
{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 50px;
}

.row2 .lbox1c4
{
	color: #8291b4;
}

.row3 .lbox1c4
{
	color: #8491b4;
}

.lbox.darken .lbox1c4
{
	color: #8291b4;
}

@charset "utf-8";
.index1
{
	height: 570px;
	overflow: hidden;
	position: relative;
	font-size: 0;
	background: black;
}

.index11
{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.index11 a
{
	position: absolute;
	top: 0;
	left: -183px;
	opacity: 0;
	pointer-events: auto;
}

.index12
{
	width: 1000px;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	font-size: 0;
	text-align: center;
	margin: auto;
	z-index: 1;
}

.index12 span
{
	margin: 0 10px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #b9bedc;
	border-radius: 8px;
	cursor: pointer;
}

.index12 span.sel
{
	background: white;
}

.index13
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50px;
	margin: auto;
	background: url(../images/index1_l.png) no-repeat;
	width: 20px;
	height: 38px;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}

.index1:hover .index13
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50px;
	margin: auto;
	background: url(../images/index1_l.png) no-repeat;
	width: 20px;
	height: 38px;
	opacity: .7;
	cursor: pointer;
}

.index1:hover .index13:hover
{
	opacity: 1;
}

.index14
{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 50px;
	margin: auto;
	background: url(../images/index1_r.png) no-repeat;
	width: 20px;
	height: 38px;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}

.index15
{
	position: absolute;
	top: 0;
	left: 0;
	background: black;
	width: 100%;
	height: 570px;
}

.index1:hover .index14
{
	opacity: .7;
}

.index1:hover .index14:hover
{
	opacity: 1;
}

.index2
{
	width: 980px;
	margin: 0 auto;
	padding: 55px 0 50px;
}

.index21
{
	padding-bottom: 13px;
	border-bottom: 2px solid .b9bedc;
	margin-bottom: 24px;
}

.index21::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.index211
{
	color: #0070ee;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	letter-spacing: -.025em;
	float: left;
}

.index211 span
{
	color: #8291b4;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: .12em;
	margin-left: 20px;
}

.index212
{
	color: #b9bedc;
	font-size: 13px;
	line-height: 24px;
	float: right;
	padding-top: 11px;
}

.index212 a
{
	color: #b9bedc;
	text-decoration: none;
}

.index212 a:hover
{
	color: #191d46;
	text-decoration: underline;
}

.index22
{
}

.index22c
{
	color: #8491b4;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 6px;
}

.index22c::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.index22c1
{
	float: left;
	width: 104px;
	clear: left;
}

.index22c2
{
	float: left;
	width: 876px;
}

.index22c2 a
{
	text-decoration: none;
	color: #8491b4;
}

.index22c2 a:hover
{
	font-weight: bold;
	color: #1b3d74;
}

.index3
{
	background: #ebf0f5;
	padding: 100px 0 110px;
}

.index31
{
	width: 980px;
	margin: 40px auto 0;
}

.index31::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.index311c
{
	text-decoration: none;
	display: block;
	position: relative;
	height: 195px;
	padding-top: 30px;
	box-sizing: border-box;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}

.index311c::before
{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	opacity: 0;
}

.index311c:hover::before
{
	opacity: 1;
}

.index311c1
{
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: white;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
}

.index311c2
{
	color: #b9bedc;
	font-size: 12px;
	line-height: 19px;
	text-align: center;
	position: relative;
}

.index311c3
{
	font-size: 13px;
	line-height: 50px;
	color: white;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.index311
{
	width: 320px;
	float: left;
	margin-right: 10px;
	position: relative;
}

.index3111
{
	background-image: url(../images/index2_1.jpg);
	height: 400px;
}

.index3111 .index311c3
{
	background: rgba(0,112,238,.8);
}

.index3111:hover .index311c3
{
	background: #0070ee;
}

.index3112
{
	position: absolute;
	top: 170px;
	left: 15px;
	box-sizing: border-box;
	width: 290px;
	height: 145px;
	border: 2px solid .6297cf;
	border-radius: 2px;
	padding-top: 22px;
}

.index3112 .index311c1
{
	font-size: 0;
	margin-bottom: 8px;
	line-height: 1;
}

.index3112 .index311c2
{
}

.index3112 .index311c3
{
	background: rgba(118,173,234,.8);
	color: #0542f1;
	line-height: 38px;
}

.index3112:hover .index311c3
{
	background: #76adea;
}

.index312
{
	width: 320px;
	float: left;
	margin-right: 10px;
}

.index3121
{
	background-image: url(../images/index2_2.jpg);
	margin-bottom: 10px;
}

.index3121 .index311c3
{
	background: rgba(123,78,222,.8);
}

.index3121:hover .index311c3
{
	background: #7b4ede;
}

.index3122
{
	background-image: url(../images/index2_3.jpg);
}

.index3122 .index311c3
{
	background: rgba(255,178,0,.8);
}

.index3122:hover .index311c3
{
	background: #ffb200;
}

.index313
{
	width: 320px;
	float: left;
}

.index3131
{
	background-image: url(../images/index2_4.jpg);
	margin-bottom: 10px;
}

.index3131 .index311c3
{
	background: rgba(8,165,179,.8);
}

.index3131:hover .index311c3
{
	background: #08a5b3;
}

.index3132
{
	background-image: url(../images/index2_5.jpg);
}

.index3132 .index311c3
{
	background: rgba(240,58,93,.8);
}

.index3132:hover .index311c3
{
	background: #f03a5d;
}

.index4
{
	padding: 115px 0 120px;
}

.index41
{
	width: 980px;
	margin: 0 auto 85px;
}

.index41::after
{
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.index41c
{
	width: 300px;
	margin-left: 20px;
	float: left;
	text-decoration: none;
}

.index41c:nth-child(3n+1)
{
	clear: left;
	margin-left: 0;
}

.index41c1
{
	font-size: 0;
	margin-bottom: 20px;
}

.index41c1 img
{
	width: 298px;
	height: auto;
	border: 1px solid .cccccc;
	transition-property: all;
	transition: 0.3s linear;
}

.index41c:hover .index41c1 img
{
	opacity: .6;
}

.index41c2
{
	color: #1b3d74;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 10px;
}

.index41c:hover .index41c2
{
	font-weight: bold;
}

.index41c3
{
	color: #8491b4;
	font-size: 14px;
	line-height: 24px;
}

.index42
{
	text-align: center;
}

@media screen and (max-width:767px) { 
	body, table
	{
		font-size: 12px;
	}
    #header11
	{
		float: left;
		padding-top: 14px;
		padding-left: 3px;
		font-size: 0;
	}
	#footer1
	{
		color: #5474a6;
		font-size: 13px;
		line-height: 40px;
		letter-spacing: .06em;
		text-align: center;
		background: #191d46;
	}
	#header221 li
	{
		display: block;
		float: left;
		border-right: 1px solid #dbe2f2;
		font-size: 13px;
		line-height: 45px;
	}
	.sectitle
	{
		color: #0070ee;
		font-size: 28px;
		line-height: 10px;
		text-align: center;
		font-weight: normal;
		margin-bottom: 13px;
	}
	#menu
	{
		overflow: scroll;
		background-color:#FFFFFF;
	}
}