html,
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
	line-height: 1.5;
	border-image: none;
	font-family:
		system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
		Helvetica, Arial,
		sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

img {
	border: 0 none;
}

a {
	text-decoration: none;
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

p {
	margin: 0;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	outline: none;
	padding: 0;
	margin: 0;
	border-image: none;
}

.container {
	width: 1200px;
	margin: 0 auto;
	min-height: 1px;
}

.container::after {
	content: "";
	clear: both;
	display: block;
}

.XXXX {}

#container {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: auto;
	padding-top: 30px;
}

.main_right {
	padding-bottom: 0;
}

.in-cont {
	width: 100%;
	text-align: center;
}

.in-bt span {
	font-size: 26px;
	color: #333333;
}

.in-bt p {
	width: 100%;
	height: 32px;
	line-height: 32px;
	background: #EFEFEF;
	font-size: 14px;
	color: #333333;
	margin-top: 10px;
}

.in-1 {
	width: 100%;
	padding-top: 30px;
	text-align: left;
}

.in-11 p {
	text-align: left;
	font-size: 16px;
	color: #0F0F0F;
	line-height: 2;
}

.in-12 {
	padding: 20px 0;
	overflow: hidden;
}

.in-12 img {
	float: left;
	margin-bottom: 10px;
	height: 240px;
}

.in-12 img:nth-child(2n) {
	margin-left: 9px;
}

.in-13 {
	padding: 20px 0;
	border-bottom: 1px dashed #555555;
}

.in-13>span {
	display: inline-block;
	width: 423px;
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 20px;
	background: url(../images/in1-5.jpg) center center;
	margin-bottom: 20px;
}

.in-13 p {
	padding-left: 32px;
	line-height: 2;
	font-size: 16px;
	color: #333333;
	margin: 10px 0;
	background: url(../images/in1-6.jpg) no-repeat left 10px;
}

.in-14 {
	padding-top: 20px;
}

.in-14 p {
	line-height: 2;
	font-size: 16px;
	color: #555555;
}

.in-14 span {
	display: inline-block;
	width: 100%;
	line-height: 3;
	color: #C33838;
	font-size: 16px;
}

.in-14 .da {
	font-size: 18px;
}

.in-2 {
	margin-top: 30px;
	text-align: left;
}

.in-2 ul {
	width: 100%;
}

.in-2 ul li {
	float: left;
	position: relative;
	margin-left: 1px;
	margin-bottom: 1px;
	overflow: hidden;
}

.in-2 ul li:nth-child(1) {
	width: 28.49%;
}

.in-2 ul li:nth-child(2) {
	width: 24%;
}

.in-2 ul li:nth-child(3) {
	width: 20.64%;
}

.in-2 ul li:nth-child(4) {
	width: 26.23%;
}

.in-2 ul li:nth-child(5) {
	width: 20.1%;
}

.in-2 ul li:nth-child(6) {
	width: 31.18%;
}

.in-2 ul li:nth-child(7) {
	width: 20.43%;
}

.in-2 ul li:nth-child(8) {
	width: 27.65%;
}

.in-2 ul li .img {
	width: 100%;
	height: 248px;
	overflow: hidden;
}

.in-2 ul li .img img {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.in-2 ul li>span {
	position: absolute;
	z-index: 10;
	height: 32px;
	left: 10px;
	top: 20px;
	padding: 0 20px;
	text-align: center;
	font-size: 20px;
	text-align: center;
	line-height: 32px;
	color: #FFFFFF;
	background: rgba(54, 111, 217, .8);
	border-radius: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.in-2 ul li .det {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	padding-top: 52px;
	padding-left: 30px;
	overflow: hidden;
	background: rgba(54, 111, 217, .8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.in-2 ul li .det p {
	font-size: 16px;
	color: #FFFFFF;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}

.in-2 ul li .det a {
	position: absolute;
	bottom: 20px;
	right: -100%;
	/* right: 20px; */
	color: #FFFFFF;
	font-size: 0.875rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.in-2 ul li:hover>span {
	background: transparent;
}

.in-2 ul li:hover .det {
	top: 0;
}

.in-2 ul li:hover .det a {
	transition-delay: .3s;
	right: 20px;
}
.in-2 ul li:hover .img img {
	transform: translate(-50%,-50%) scale(1.1);
}


.in-3 {
	margin-top: 30px;
	text-align: left;
}

.in-3 ul {
	width: 100%;
}

.in-3 ul li {
	float: left;
	position: relative;
	margin-right: 12px;
	margin-bottom: 13px;
	overflow: hidden;
	border: 2px solid #DCE4FB;
}
.in-3 ul li:nth-child(3n) {
	margin-right: 0;
}

.in-3 ul li:nth-child(1) {
	width: 34.76%;
}

.in-3 ul li:nth-child(2) {
	width: 38.84%;
}

.in-3 ul li:nth-child(3) {
	width: 23.36%;
}

.in-3 ul li:nth-child(4) {
	width: 23.36%;
}

.in-3 ul li:nth-child(5) {
	width: 38.84%;
}

.in-3 ul li:nth-child(6) {
	width: 34.76%;
}

.in-3 ul li .img {
	width: 100%;
	height: 240px;
	overflow: hidden;
}

.in-3 ul li .img img {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.in-3 ul li>span {
	position: absolute;
	z-index: 10;
	height: 43px;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-size: 15px;
	text-align: center;
	line-height: 43px;
	color: #FFFFFF;
	background: rgba(0,0,0,.6);
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.in-3 ul li .det {
	opacity: 0;
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 0;
	bottom: 100%;
	width: 100%;
	height: 100%;
	padding-top: 52px;
	padding-left: 30px;
	overflow: hidden;
	background: rgba(0,0,0,.6);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.in-3 ul li .det p {
	font-size: 16px;
	color: #FFFFFF;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}

.in-3 ul li .det a {
	position: absolute;
	bottom: 20px;
	right: -100%;
	/* right: 20px; */
	color: #FFFFFF;
	font-size: 0.875rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.in-3 ul li:hover>span {
	transition-delay: .2s;
	background: transparent;
	bottom: -43px;
}

.in-3 ul li:hover .det {
	bottom: 0;
	opacity: 1;
}

.in-3 ul li:hover .det a {
	transition-delay: .3s;
	right: 20px;
}
.in-3 ul li:hover .img img {
	transform: translate(-50%,-50%) scale(1.1);
}

/*# sourceURL=css/style_4.css?livereload=1623055049063 */
/*@ sourceURL=css/style_4.css?livereload=1623055049063 */
/*@ sourceURL=css/style_4.css */
/*@ sourceURL=css/style_4.css?livereload=1623050473209 */
.clearfix {
	zoom: 1;
}

.clearfix:before {
	content: "";
	display: table;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.pull_left {
	float: left;
}

.pull_right {
	float: right;
}

.sub li a {
	width: 100%;
}

.sub li:hover,
.sub li.on {
	background: #bdc5dc;
}

.sub li:hover a,
.sub li.on a {
	color: #1e3573;
}

.in-4_1 {
	padding: 25px 0 0;
}

.in-4_1 .in-4_1_b1 {
	margin-bottom: 25px;
}

.in-4_1 .title {
	text-align: left;
	margin-bottom: 15px;
}

.in-4_1 .title p {
	background: url(../images/in4_1_bt_01.png) no-repeat left 8px;
	padding-left: 25px;
	font-size: 16px;
	line-height: 30px;
	color: #2c55a9;
}

.in-4_1 .b1_main {}

.in-4_1 .b1_main ul {
	margin-left: 16px;
	padding-bottom: 20px;
}

.in-4_1 .b1_main ul li {
	background: url(../images/in4_1_b1_bg_01.png) no-repeat center top;
	width: 289px;
	height: 398px;
	float: left;
}

.in-4_1 .b1_main ul li h1 {
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	line-height: 24px;
	padding: 8px 11px 0;
	height: 33px;
}

.in-4_1 .b1_main ul li h2 {
	font-weight: normal;
	font-size: 16px;
	padding: 0 49px;
	text-align: left;
	margin-top: 50px;
	line-height: 26px;
color: #333;
}

.in-4_1 .b1_main span {
	display: block;
	margin: auto;
	width: 804px;
	padding: 3px;
	border: 1px solid #d5d5d5;
}

.in-4_1 .b1_main span img {
	display: block;
	width: 100%;
}

.in-4_1 .in-4_1_b2 {
	margin-bottom: 25px;
}

.in-4_1 .b2_main {}

.in-4_1 .b2_main i {
	display: block;
	margin: auto;
}

.in-4_1 .b2_main i img {
	display: block;
}

.in-4_1 .b2_main dl {
	height: 475px;
	padding: 25px 0 0;
	margin-left: 40px;
}

.in-4_1 .b2_main dl dd {
	float: left;
	margin-right: 19px;
	display: block;
	width: 408px;
	padding: 3px;
	border: 1px solid #d5d5d5;
}

.in-4_1 .b2_main dl dd img {
	display: block;
	width: 100%;
}

.in-4_1 .in-4_1_b3 {
	margin-bottom: 25px;
}

.in-4_1 .b3_main {}

.in-4_1 .b3_main ul {
	margin-bottom: 25px;
	height: 312px;
}

.in-4_1 .b3_main ul li {
	float: left;
	margin-left: 22px;
}

.in-4_1 .b3_main ul li dl {}

.in-4_1 .b3_main ul li dl dt {
	height: 42px;
	line-height: 42px;
	background: #0a4f9a;
	color: #fff;
}

.in-4_1 .b3_main ul li dl dd {
	border: 1px solid #0a4f9a;
	height: 270px;
	padding-top: 15px;
	padding-left: 20px;
}

.in-4_1 .b3_main ul li dl dd p {
	background: url(../images/in4_1_bt_02.png) no-repeat left center;
	text-align: left;
	padding-left: 20px;
	line-height: 30px;
}

.in-4_1 .b3_main span {
	display: block;
	width: 880px;
	padding: 3px;
	border: 1px solid #d5d5d5;
	margin-left: 20px;
}

.in-4_1 .b3_main span img {
	display: block;
	width: 100%;
}

.in-4_2 {
	padding-top: 20px;
	text-align: left;
}

.in-4_2 .in-4_2_b1 {}

.in-4_2 .title {
	text-align: left;
	margin-bottom: 10px;
}

.in-4_2 .title p {
	background: url(../images/in4_1_bt_01.png) no-repeat left 8px;
	padding-left: 25px;
	font-size: 16px;
	line-height: 30px;
	color: #2c55a9;
}

.in-4_2 .b1_main {
	padding-left: 26px;
	margin-bottom: 25px;
}

.in-4_2 .b1_main span {
	background: url(../images/in4_1_bt_03.png) no-repeat left center;
	padding-left: 26px;
	margin-bottom: 15px;
	width: 100%;
	display: block;
	font-weight: bold;
}

.in-4_2 .b1_main i {
	display: block;
	width: 860px;
	padding: 3px;
	border: 1px solid #d5d5d5;
	margin-bottom: 25px;
}

.in-4_2 .b1_main i img {
	display: block;
	width: 100%;
}

.in-4_2 .b1_main .b1_n1 {}

.in-4_2 .b1_main .b1_n1 .n1_l {
	width: 500px;
	float: left;
}

.in-4_2 .b1_main .b1_n1 .n1_l h1 {
	background: #44b9ce;
	color: #fff;
	text-align: center;
	line-height: 42px;
	height: 42px;
	font-size: 16px;
	font-weight: normal;
}

.in-4_2 .b1_main .b1_n1 .n1_l ul {
	background: #ebf5f7;
	padding: 15px;
}

.in-4_2 .b1_main .b1_n1 .n1_l ul li {
	line-height: 26px;
	font-size: 16px;
}

.in-4_2 .b1_main .b1_n1 .n1_r {
	float: left;
	width: 336px;
	margin-left: 24px;
}

.in-4_2 .b1_main .b1_n1 .n1_r h1 {
	background: #2c55a9;
	color: #fff;
	text-align: center;
	line-height: 42px;
	height: 42px;
	font-size: 16px;
	font-weight: normal;
}

.in-4_2 .b1_main .b1_n1 .n1_r ul {
	background: #f4f7fc;
	padding: 15px;
}

.in-4_2 .b1_main .b1_n1 .n1_r ul li {
	background: url(../images/in4_1_bt_04.png) no-repeat left 10px;
	line-height: 26px;
	font-size: 16px;
	padding-left: 16px;
}

.in-4_3 {
	text-align: left;
	padding-top: 25px;
}

.in-4_3 .in-4_3_b1 {
	margin-bottom: 30px;
}

.in-4_3 h1 {
	background: url(../images/in4_3_bt_01.png) no-repeat left center;
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 158px;
	height: 42px;
	line-height: 34px;
	margin-bottom: 10px;
}

.in-4_3 h2 {
	background: url(../images/in4_1_bt_01.png) no-repeat left 8px;
	font-size: 16px;
	font-weight: normal;
	padding-left: 24px;
	color: #2c55a9;
	margin-bottom: 10px;
text-align: left!important;
float:none!important;
}

.in-4_3 .in-4_3_fb {
	padding-left: 24px;
}

.in-4_3 .in-4_3_fb p {
	background: url(../images/in4_1_bt_03.png) no-repeat left 10px;
	padding-left: 26px;
	line-height: 24px;
}

.in-4_3 .b1_main {
	margin-bottom: 25px;
	padding: 15px 22px 0;
}

.in-4_3 .b1_main .b1_l {
	background: url(../images/in4_3_b1_bg_01.png) no-repeat left center;
	float: left;
	width: 373px;
	height: 598px;
}

.in-4_3 .b1_main .b1_l dl {}

.in-4_3 .b1_main .b1_l dl dt {
	width: 360px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.in-4_3 .b1_main .b1_l dl dd {
	padding: 15px;
	width: 360px;
}

.in-4_3 .b1_main .b1_l dl dd .n1 {
	margin-bottom: 12px;
}

.in-4_3 .b1_main .b1_l dl dd .n1 h3 {
	background: url(../images/in4_1_bt_05.png) no-repeat left center;
	font-size: 16px;
	padding-left: 18px;
	margin-bottom: 8px;
}

.in-4_3 .b1_main .b1_l dl dd .n1 p {
	font-size: 16px;
	line-height: 27px;
}

.in-4_3 .b1_main .b1_r {
	background: url(../images/in4_3_b1_bg_02.png) no-repeat left center;
	padding-left: 13px;
}

.in-4_3 .b1_main .b1_l dl dd span {}

.in-4_3 .b1_main .b1_c {
	float: left;
}

.in-4_3 .b1_main .b1_c p {
	border: 1px dashed #e12b2b;
	width: 94px;
	margin: 251px 8px 0;
	padding: 5px;
	font-size: 16px;
}

.in-4_3 .b1_p {
	padding-left: 22px;
}

.in-4_3 .b1_p i {
	float: left;
	margin-right: 21px;
	display: block;
	width: 418px;
	padding: 3px;
	border: 1px solid #d5d5d5;
}

.in-4_3 .b1_p i img {
	display: block;
	width: 100%;
}

.in-4_3 .in-4_3_b2 {
	margin-bottom: 30px;
}

.in-4_3 .b2_main {
	padding-top: 8px;
	height: 232px;
	overflow: hidden;
}

.in-4_3 .b2_main .b2_l {
	float: left;
	margin-right: 25px;
	padding-left: 24px;
}

.in-4_3 .b2_main .b2_l i {
	display: block;
	width: 368px;
	height: 223px;
}

.in-4_3 .b2_main .b2_l i img {
	display: block;
	width: 100%;
}

.in-4_3 .b2_main .b2_r {
	float: left;
	width: 482px;
}

.in-4_3 .b2_main .b2_r ul {}

.in-4_3 .b2_main .b2_r ul li {
	margin-bottom: 12px;
}

.in-4_3 .b2_main .b2_r ul li h3 {
	background: url(../images/in4_1_bt_05.png) no-repeat left center;
	padding-left: 18px;
	font-size: 16px;
	margin-bottom: 6px;
}

.in-4_3 .b2_main .b2_r ul li p {
	font-size: 16px;
	line-height: 24px;
	padding-left: 18px;
}

.in-4_3 .in-4_3_b3 {
	margin-bottom: 30px;
}

.in-4_3 .b3_main {
	padding-top: 10px;
	padding-left: 18px;
	margin-bottom: 25px;
}

.in-4_3 .b3_main .b3_l {
	width: 407px;
	float: left;
	margin-right: 20px;
}

.in-4_3 .b3_main .b3_l dl {}

.in-4_3 .b3_main .b3_l dl dt {
	line-height: 42px;
	text-align: center;
	background: #3b63ad;
	color: #fff;
}

.in-4_3 .b3_main .b3_l dl dd {
	height: 578px;
	background: #f0f3f9;
	padding: 15px;
}

.in-4_3 .b3_main .b3_l dl dd p {
	line-height: 28px;
}

.in-4_3 .b3_main .b3_l dl dd i {
	display: block;
	padding-top: 15px;
	width: 363px;
}

.in-4_3 .b3_main .b3_l dl dd i img {
	display: block;
	width: 100%;
}

.in-4_3 .in-4_3_b3 span {
	display: block;
	width: 834px;
	margin-left: 18px;
	padding: 3px;
	border: 1px solid #d5d5d5;
}

.in-4_3 .in-4_3_b3 span img {
	display: block;
	width: 100%;
}

.in-4_3 .in-4_3_b4 {}

.in-4_3 .b4_main {
	padding-top: 23px;
}

.in-4_3 .b4_main dl {
	padding-left: 22px;
	margin-bottom: 10px;
}

.in-4_3 .b4_main dl dt {
	background: url(../images/in4_1_bt_03.png) no-repeat left center;
	padding-left: 22px;
	font-weight: bold;
	margin-bottom: 6px;
}

.in-4_3 .b4_main dl dd {
	background: url(../images/in4_1_bt_06.png) no-repeat 0 10px;
	padding-left: 22px;
	line-height: 28px;
}