/* @font-face {
	font-family: 'NotoSansJPLight';
	src: url('../font/NotoSansJP-Light.otf');
}
*/
@font-face {
	font-family: "Bahnschrift";
	src: url("../font/Bahnschrift_Regular.ttf");
}


:root {
	--primary-color: #0071BC;
	--primary-color-1: #F7931E;


	--primary-fm: "Bahnschrift";

}

.header {
	padding: 17px 0;
}

.header .logo img {
	width: 222px;
}

.nav {
	background: var(--primary-color);
}

.nav.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: var(--primary-color);
	z-index: 999;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.nav ul {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 100;
}

.nav ul li {
	flex: 1;
	text-align: center;


}

.nav ul li .show_hide {
	position: absolute;
	z-index: 100;
	width: 100%;
	left: 0px;
	display: none;
}

.nav ul li:hover .show_hide {
	display: block;
}

.nav ul li .li_a {
	padding: 24px 0;
	display: block;
	font-weight: bold;
	position: relative;
	color: #fff;
}

.nav ul li .li_a::before {
	content: '';
	position: absolute;
	width: 43px;
	height: 3px;
	background: var(--primary-color-1);
	display: inline-block;
	left: 50%;
	bottom: 0px;
	display: none;
	transform: translate(-50%, 0);
}


.nav ul .on .li_a::before {
	display: block;
}

.nav ul li:hover .li_a::before {
	display: block;
}

.banner {
	overflow: hidden;
}

.banner .swiper-pagination span {
	width: 24px;
	height: 24px;
	background: #FFFFFF;
	opacity: 0.27;
	border-radius: 0;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	background: var(--primary-color-1);
	opacity: 1;
}

.m1 .cn {
	font-size: 16px;
	color: #333333;
	padding: 75px 0;
	line-height: 30px;
}

.m1 .cn span {
	font-weight: bold;
	color: var(--primary-color);
}

.m1 .box {
	padding-left: 260px;
	position: relative;
}

.m1 .w {
	position: relative;
}

.m1 .xians {
	position: absolute;
	width: 1px;
	height: 90%;
	background: #666666;
	left: 16px;
	top: 0px;
	display: block;
}

.m1 .box .let {
	text-align: center;
	position: absolute;
	top: 50%;
	left: -100px;
	transform: translate(0, -50%);
}

.m1 .box .let .t2 {
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	font-family: math;
	background: #EDF3F9;
	padding-bottom: 20px;
}

.m1 .box .let .icon {
	background: #EDF3F9;
	padding: 30px 0 10px;
}

.m1_box2 {
	position: relative;
	padding-bottom: 80px;
	margin-bottom: 20px;
	padding-left: 30px;
}

.m1_box2 .item {
	width: calc(33.333% - 18px);
	margin-right: 27px;
}

.m1_box2 .item:nth-child(3n) {
	margin-right: 0px;
}

.m1 .m1_box_2 .let {
	position: relative;
	float: left;
	top: auto;
	left: -90px;
	transform: translate(0, 0);
}

.m1 .m1_box_2 {
	padding: 0px;
	margin-bottom: 50px;
}


.m1_box3 {
	background: #fff;
	display: flex;
	border-right: 1px solid #0071BC;

}

.m1_box3 .item1 {
	width: 35%;
	text-align: left;
}

.m1_box3 .item1 .lt {
	margin-bottom: 10px;
}

.m1_box3 .item1 .lt a {
	display: block;
	padding: 8px 20px;
	font-size: 16px;
	color: var(--primary-color);
}

.m1_box3 .item1 .lt a:hover {
	background: var(--primary-color-1);
	color: #fff;
}

.m1_box3 .item1 .lt_on a{
	background: var(--primary-color-1);
	color: #fff;
}


.m1_box3 .item2 {
	width: 30%;
	text-align: left;
	margin-left: 2%;
	border-left: 1px solid var(--primary-color);
	border-right: 1px solid var(--primary-color);
}

.m1_box3 .item2 .tt1 {
	background: #CCCCCC;
	font-size: 16px;
	color: #333;
	padding: 10px 20px;
}

.m1_box3 .item2 .gp {
	padding-left: 22px;
}

.m1_box3 .item2 .gp .lt {
	margin-top: 20px;
}

.m1_box3 .item2 .gp .lt:hover a {
	color: var(--primary-color);
}

.m1_box3 .item3 {
	width: 30%;
	padding-right: 1%;
	margin-left: 2%;

}
.m1_box3 .item3 a {

	display: none;
}
.m1_box3 .item3 img {
	width: 100%;
	
}

.common_title {
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}

.common_title .let {
	width: 70px;
}

.common_title .tit {
	background: var(--primary-color);
	color: #fff;
	font-size: 26px;
	margin-left: 20px;
	line-height: 70px;
	height: 70px;
	width: 200px;
	padding: 0px 40px;
	font-weight: bold;
}

.m2 {
	margin-top: 100px;
}

.m2 .item {
	width: calc(50% - 20px);
	float: left;
	position: relative;
	margin-bottom: 45px;
}

.m2 .item:nth-child(2n) {
	float: right;
}

.m2 .item .pic .tit {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 0px 2%;
	background: rgba(0, 0, 0, 0.5);
	color: #FEFEFE;
	font-size: 16px;
	padding: 20px 0;
	font-weight: bold;
	text-align: center;
}

.m2 .item:hover .pic .tit {
	background: rgba(0, 113, 188, 0.84);

}

.m3 {
	margin-top: 50px;
	overflow: hidden;
	margin-bottom: 90px;
}


.m1 {
	background: #EDF3F9;
	background: linear-gradient(180deg,
			#EDF3F9 0%,
			#EDF3F9 50%,
			#EDF3F9 90%,
			#ffffff 100%);
}


.m3 .fun .item_pic {}

.m3 .fun .item_pic .dm {
	background: #EDF3F9;
	padding: 20px 25px;
}

.m3 .fun .item_pic .dm .t1 {
	font-size: 17px;
	color: #0071BC;
	margin-bottom: 5px;
}

.m3 .fun .item_pic .dm .t2 {
	font-size: 16px;
	color: #333;
	height: 50px;
}

.m3 .fun {
	position: relative;
}

.m3 .fun .prev,
.m3 .fun .next {
	position: absolute;
	width: 47px;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	left: 0px;
	top: 0px;
	z-index: 100;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;

}

.m3 .fun .next {
	right: 0px;
	top: 0px;
	left: auto;
}

.footer {
	background: var(--primary-color);
	color: #fff;
	padding: 65px 0 35px;
}

.footer .let .t1,
.footer .let2 .t1,
.footer .let3 .t1 {

	font-weight: bold;
	margin-bottom: 20px;
}

.footer .let ul li {
	margin-bottom: 10px;
	font-weight: bold;
}

.footer .let ul li a {
	font-size: 14px;
	color: #fff;
}

.footer .let2 .cn {
	font-size: 14px;
	line-height: 30px;
}

.footer .let {
	width: 15%;
}

.footer .let2 {
	width: 31%;
	padding: 0px 50px;
	margin: 0px 50px;
	border-left: 1px solid rgba(255, 255, 255, 0.24);
	border-right: 1px solid rgba(255, 255, 255, 0.24);
}

.footer .let3 {
	width: 38.4%;
}

.footer .let3 .fm .text,
.footer .let3 .fm textarea {
	width: 96%;
	height: 45px;
	display: block;
	color: #333;
	padding: 0px 2%;
	background: rgba(242, 250, 255, .38);
	margin-bottom: 10px;
}

.footer .let3 .fm textarea {
	height: 120px;
}

.footer .let3 .fm .bt {
	background: #F7931E;
	color: #fff;
	font-size: 16px;
	padding: 15px 40px;
}

.phont_head {
	/* background: var(--primary-color); */
}

.copy {
	background: #000000;
	color: #fff;
	padding: 15px 0;
	text-align: center;
}

.child_banner {
	height: 555px;
}

.common_bk {
	background: linear-gradient(180deg, #EDF3F9, #EDF3F9);
}

.m4:nth-child(1) {
	padding: 70px 0;
}

.common_title2 .let {
	height: 70px;
	width: auto;
	width: 70px;
	overflow: hidden;
	text-align: center;
	line-height: 70px;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	background: #F7931E;
}

.common_title2 .tit {
	width: auto;
}

.m4 .group .item {
	width: calc(33.33% - 18px);
	margin-right: 26px;
	background: #fff;
	margin-bottom: 25px;
	float: left;
}

.m4 .group .item .dm {
	padding: 30px 20px;
}

.m4 .group .item:nth-child(3n) {
	margin-right: 0px;
}

.m4 .group .item .t1 {
	font-size: 20px;
	margin-bottom: 10px;height: 64px;
	overflow: hidden;
		font-weight: bold;
}

.m4 .group .item .t2 {
	font-size: 14px;
	height: 64px;

}

.m4 .group .item:hover .dm {
	background: #0071BC;
}

.m4 .group .item:hover .dm .t1 {
	color: #fff;
}

.m4 .group .item:hover .dm .t2 {
	color: #fff;
}

.m4 {
	margin-bottom: 0px;
}

.m4:last-child {
	padding-bottom: 70px;
}

.m5 {
	background: #fff;
	padding: 40px 30px;
	position: relative;
	transform: translate(0, -100px);
	z-index: 100;
}

.m5 .t0 {
	font-size: 18px;
	color: #F7931E;
}

.m5 .t1 {
	margin: 10px 0 30px;
	color: var(--primary-color);
	font-size: 36px;
	font-weight: bold;
}

.m5 .c1 {
	line-height: 30px;
	font-size: 16px;
	color: #000;
}

.m3_2 {
	margin-top: -30px;
}

.m6 {
	padding: 70px 0;
}

.m6 .list {
	margin-bottom: 80px;
}

.m6 .item {
	display: flex;
	background: #fff;
	align-items: center;
}

.m6 .item .pic {
	width: 635px;
	flex-shrink: 0;
	/* 防止元素被挤压 */
}

.m6 .item .cn {
	flex: 1;
	padding-left: 45px;
}

.m6 .item .cn .t1 {
	font-size: 20px;
	color: #0071BC;
	font-weight: bold;
}

.m6 .item .cn .cc {
	font-size: 20px;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 50px;
}

.m6 .item .cn .more a {
	background: #F7931E;
	color: #fff;
	display: inline-block;
	padding: 12px 45px;
	cursor: pointer;
}

.m7 {
	padding: 70px 0;
}

.m7_1 .m1 .box {
	padding: 0px;
}

.m7_1 .m1 {
	background: none;
}

.m7_1 .m1 .cn {
	padding-top: 0px;
}

.m7_2 .item {
	position: relative;
	width: 49%;
	float: left;
}

.m7_2 .item:nth-child(2n) {
	float: right;
}

.m7_2 .item .pic {
	position: relative;
}

.m7_2 .item .t_dms {
	width: 90%;
}

.m7_2 .item .txt {
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 10px;
	text-align: center;
	height: 80%;
	width: 80%;
	background: rgba(0, 105, 180, .88);
	transform: translate(-50%, -50%);
	display: flex;
	/* 添加flex布局 */
	flex-direction: column;
	/* 设置垂直方向 */
	justify-content: center;
	/* 主轴（垂直）居中 */
	align-items: center;
	/* 交叉轴（水平）居中 */
}

.m7_2 .item .txt .t1 {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 45px;
}

.m7_2 .item .txt .more a {
	background: #F7931E;
	color: #fff;
	display: inline-block;
	padding: 12px 45px;
}

.m8 {
	padding: 70px 0;
}

.m8 .box {
	position: relative;
}

.m8 .box .pic {
	position: relative;
}

.m8 .box .pic .text {
	position: absolute;

	color: #fff;
	font-size: 16px;
	left: 45%;
	top: 50%;
	padding: 90px 100px;
	line-height: 32px;
	border-radius: 10px;
	background: rgba(0, 113, 188, 0.87);
	transform: translate(0, -50%);

}

.m9 {
	padding-bottom: 90px;
}

.m9 .fm {
	background: #fff;
	border-radius: 10px;
	padding: 40px;
}

.m9 .fm .text,
.m9 .fm textarea {
	width: 96%;
	height: 45px;
	display: block;
	color: #333;
	padding: 0px 2%;
	background: #F2FAFF;
	border: 1px solid #E7E7E7;
	margin-bottom: 10px;
}

.m9 .fm textarea {
	height: 230px;
	padding: 10px 2%;
}

.m9 .fm .bt {
	background: #F7931E;
	color: #fff;
	font-size: 16px;
	padding: 12px 40px;
	margin-top: 30px;
}

.m10 {
	padding: 70px 0;
}

.m10 .group .item {
	width: 49%;
	background: #fff;
	box-shadow: 0px 0px 24px 0px rgba(158, 158, 158, 0.08);
	border-radius: 10px;
	margin-bottom: 20px;
}

.m10 .group .item .dm {
	padding: 40px 30px;
	color: #333333;
}

.m10 .group .item .dm .nub i {
	background: var(--primary-color);
	color: #fff;
	width: 54px;
	height: 54px;
	display: inline-block;
	text-align: center;
	line-height: 54px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 25px;
}

.m10 .group .item .dm .t2 {

	margin: 25px 0;
	font-weight: bold;
	font-size: 20px;
}

.m10 .group .item .dm .cn {
	height: 130px;
	overflow: hidden;
}

.m10 .group .item:hover {
	background: var(--primary-color);
}
.m10 .group .item:hover .dm{
	color: #fff;
}
.m10 .group .item:hover .nub i{
	background: #F7931E;
	color: var(--primary-color);
}

.m10 .group .item:nth-child(2n){
	float: right;
}

.m11{
	padding: 70px 0;
}

.common_title4 .tit{
	width: 750px;
}

.m11 .m3{
	margin-top: 0px;
}
.m11 .m3 .fun .item_pic .dm{
	background: #fff;
}
.m11 .m3 .fun .item_pic:hover .dm{
	background: #0071BC !important;
	color: #fff;
}
.m11 .fun .item_pic:hover .dm .t1{
	color: #fff;
}
.m11 .fun .item_pic:hover .dm .t2{
	color: #fff;
}
.common_bk{
	padding-bottom: 1px;
}
.m16{
	padding: 50px 0;
}

.m15 .t1{
	color: var(--primary-color);
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 30px;
}

.m15 .list .tt1{
  background: var(--primary-color);
  color: #fff;
  padding: 18px 30px;
  font-weight: bold;
}
.m15 .list  .gp .lt{
	padding: 30px 0;
	display: flex;
	font-size: 14px;
	align-items: center;
	line-height: 30px;
	border-bottom: 1px solid #000000;
}
.m15 .list  .gp .lt .nt{
	width: 50%;
}
.m15 .list  .gp .lt .cn{
	width: 50%;
	 
}
.m15 {
	padding-bottom: 100px;
}





.m20 {
	padding: 70px 0;
}

.m20 .wa_box {
	position: relative;
	text-align: center;
}

.m20 .wa_box .icon {
	width: 70px;
	display: inline-block;
	background: #EDF3F9;
	position: relative;
	z-index: 10;
}

.m20 .wa_box .xian {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1px;
	height: 100%;
	background: #0071BC;
}

.m20 .box .item .cont {
	background: #fff;
	width: 45%;
}

.m20 .box .item .cont .dm {
	padding: 25px;
	color: #333333;
	position: relative;
}

.m20 .box .item .cont .dm .t1 {
	font-weight: bold;
	font-size: 18px;
}

.m20 .box .item .cont .dm::before {
	content: '';
	width: auto;
	height: auto;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid #fff;
	position: absolute;
	right: -12px;
	top: 50%;
	transform: translate(0, -50%);
}

.m20 .box .item:nth-child(2n) .cont .dm::before {
	border-right: 20px solid #fff;
	border-left: none;
	right: auto;
	left: -12px;
}

.m20 .box .item:nth-child(2n) .cont {
	float: right;
}

.m20 .box .item .cont .yuan {
	position: absolute;
	width: 12px;
	height: 12px;
	background: #193782;
	border-radius: 50%;
	right: -12%;
	top: 50%;
	transform: translate(0%, -50%);
	display: inline-block;
}

.m20 .box .item:nth-child(2n) .cont .yuan {
	left: -12%;
	right: auto;
	background: #F7931E;
}

.m20 .submit {
	text-align: center;
	margin-top: 55px;
}

.m20 .submit a {
	display: inline-block;
	background: #0071BC;
	padding: 20px 45px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;

}