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

@font-face {
	font-family: 'NotoSansJPBold';
	src: url('../font/NotoSansJP-Bold.otf');
}
*/
@font-face {
	font-family: 'DINCondBold';
	src: url('../font/DINCond-Bold.otf');
}

:root {
	--primary-color: #E61F19;
	--primary-color1: #C0131F;
	--primary-color2: #CF0000;
	--primary-fm: 'DINCondBold';


}

.nav {
	padding: 20px 0;
}

.nav .logo {
    width: 20vw;
}

.nav .nav_gp {
	margin-top: 17px;
}

.nav .nav_gp ul li {
	float: left;
	margin-left: 65px;
}

.nav .nav_gp ul li .li_a {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}

.nav .nav_gp ul li .li_a:hover {
	color: var(--primary-color);
}

.nav .nav_gp ul .on .li_a {
	color: var(--primary-color);
}

.nav .nav_gp .sousou {
	width: 140px;
	border-radius: 50px;
	font-size: 14px;
	position: relative;
	margin-left: 80px;
	border: 1px solid var(--primary-color);
	margin-right: 20px;
	padding-left: 10px;

}

.nav .nav_gp .sousou .text {
	width: 100%;
	border-radius: 50px;
	height: 27px;
}

.nav .nav_gp .sousou .but {
	width: 20px;
	height: 20px;
	background: url('../img/p3.png ') center no-repeat;
	background-size: cover;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translate(0, -50%);
}

.nav .nav_gp .share .lt {
	margin-left: 10px;
}
.nav .nav_gp .share .lt>img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.banner {
	overflow: hidden;
}

.banner .swiper-pagination span {
	border-radius: 5px;
	width: 25px;
	height: 4px;
	background: #fff;
	/* opacity: 0.; */
}

.m1 {
	background: #F9F9F9;
	padding: 85px 0 95px;
}

.cm_tit {
	color: #333333;
	font-size: 40px;
	font-weight: bold;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.cm_tit::before {
	content: '';
	position: absolute;
	width: 75px;
	height: 5px;
	display: inline-block;
	background: #C0131F;
	bottom: 0px;
	left: 0px;
}

.m1 .box .let {
	width: 40%;
}

.m1 .box .let .cnt {
	font-size: 16px;
	line-height: 34px;
	color: #333;
	margin-bottom: 50px;
}

.cm_more a {
	background: var(--primary-color1);
	color: #fff;
	display: inline-block;
	padding: 15px 40px;
}

.m1 .box .rit {
	width: 48.5%;
	overflow: hidden;
	position: relative;

}


.m1 .box {
	position: relative;
}

.m1 .box .instruct_box {
	position: absolute;
	width: 100%;
	bottom: 30px;
	text-indent: 250px;
}

.m1 .box .instruct_box span {
	width: 65px;
	display: inline-block;
	height: 4px;
	background: #F1F1F1;
	margin-right: 10px;
}

.m1 .box .instruct_box .on {
	background: var(--primary-color1);
}

.m1 .box2 {
	margin-top: 40px;
	background: #fff;
}

.m1 .box2 .item {
	width: 20%;
	text-align: center;

}

.m1 .box2 .item a {
	display: block;
	padding: 20px 0;
	border-right: 1px solid #F9F9F9;
}

.m1 .box2 .item .tit {
	color: #333333;
	font-size: 17px;
	font-weight: bold;
	margin-top: 10px;
}

.m2 .lt {
	width: 25%;
	background: var(--primary-color);


}

.m2 .lt .txt {
	width: 70%;
	color: #fff;
	margin: 0px auto;
	font-size: 20px;
}

/* color: var(--primary-color2); */
.m2 .lt .txt .t1 {
	font-family: var(--primary-fm);
}

.m2 .lt .txt .t2 {
	font-size: 16px;
}

.m2 .on {
	background: #fff;
}

.m2 .on .txt {
	color: var(--primary-color2);
}

.m2 .lt .dm {
	padding: 40px 0;
	border-right: 1px solid #E5E5E5;
}

.m3 .pic {
	float: left;
	width: 50%;
}

.m3 {
	position: relative;
}

.m3 .text {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0px;
}

.m3 .text .dm {
	width: 520px;
	position: absolute;
	top: 50%;
	left: 20%;
	transform: translate(0, -50%);
}

.m3 .text .dm .t1 {
	font-weight: bold;
	font-size: 122px;
	position: absolute;
	color: #FBFBFB;
	top: -100px;
}

.m3 .text .dm .t2 {
	font-size: 30px;
	color: #333;
	font-weight: bold;
	position: relative;
	z-index: 99;
	margin-bottom: 25px;
}

.m3 .text .dm .t2 span {
	color: var(--primary-color1);
}

.m3 .text .dm .t3 {
	font-size: 16px;
	line-height: 30px;
	color: #333;
	margin-bottom: 50px;
}

.cm_more2 {}

.cm_more2 a {
	border: 1px solid #333333;
	color: #333;
	background: #fff;
}

.m4 {
	overflow: hidden;
	position: relative;
}

.m4 .box {
	height: 155px;
	width: 10000px;
	animation: myfirst 100s;
	-webkit-animation: myfirst 100s;
	/* Safari and Chrome */
	background: url('../img/p1.png') left top repeat-x;
}

/* @keyframes myfirst {
	from {
		transform: translate(-90%,0);
	}

	to {
		transform: translate(0,0);
	}
} */


.m5 {
	margin-top: 55px;
}

.m5 .gp {
	margin-top: 30px;
}

.m5 .item {
	position: relative;
	padding-left: 180px;
	margin-bottom: 30px;
}

.m5 .item .pic {
	width: 150px;
	height: 150px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.m5 .item .cn {}

.m5 .item .cn .t1 {
	font-size: 16px;
	color: var(--primary-color1);
}

.m5 .item .cn .t2 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.m5 .item .cn .t3 {
	font-size: 16px;
	color: #666;
	line-height: 32px;
}

.cm_more2 a:hover {
	background: var(--primary-color1);
	color: #fff;
	border: 1px solid var(--primary-color1);
}

.m6 {
	background: #FBFBFB;
	padding: 60px 0 80px;
	margin-top: 100px;
	padding-bottom: 0px;

}

.m6 .gp .lt {
	width: 25%;
	/*margin-bottom: 100px;*/
}

.m6 .box {
	position: relative;
}

.m6 .box .tit {
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translate(0, -50%);
}

.m6 .gp {
	padding-left: 280px;
}

.m7 {
	width: 100%;
	height: 90px;
}

.footer {
	background: url('../img/p24.png') center no-repeat;
	background-size: cover;
	padding: 80px 0 85px;
}

.footer .t1 {
	text-align: center;
}

.footer .t2 {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding: 15px 0;
	text-align: center;
	margin-top: 30px;
	color: #fff;
	font-size: 16px;
	margin-bottom: 30px;
}

.footer .t2 a {
	color: #fff;
	margin: 0px 20px;
}

.footer .t3 {
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
}

.footer .t3 {
	margin-bottom: 30px;
}

.footer .t3 span {
	margin: 0px 20px;
}

.footer .t4 {
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.footer .pic_gp {
	text-align: center;
	margin-top: 30px;
}

.footer .pic_gp .lt {
	display: inline-block;
	margin: 0px 10px;
	color: #fff;
	font-size: 14px;
}

.footer .pic_gp .lt .pic {
	width: 75px;
	height: 75px;
	background: #fff;
}

.nav .nav_gp .share .lt {
	position: relative;
	cursor: pointer;
}

.nav .nav_gp .share .lt .hide_box {
	position: absolute;
	width: 170px;
	z-index: 88;
	height: 170px;
	border-radius: 5px;
	left: 50%;
	transform: translate(-50%, 0);
	background: #fff;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
	display: none;
}

.nav .nav_gp .share .lt .pic {
	position: absolute;
	width: 150px;
	height: 150px;
	background: #f8f8f8;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.nav .nav_gp .share .lt .pic img{
    	width: 150px;
	height: 150px;
}

.nav .nav_gp .share .lt:nth-child(3) .hide_box,
.nav .nav_gp .share .lt:nth-child(4) .hide_box{
    left: 0px;
    /*transform: translate(-100%, 0)；*/
}


.nav .nav_gp .share .lt:hover .hide_box {
	display: block;
}

.child_banner {
	height: 543px;
	width: 100%;
	position: relative;
}

.child_banner .text {
	position: absolute;
	top: 50%;
	z-index: 99;
	left: 0px;
	color: #fff;
	text-align: center;
	width: 100%;
	transform: translate(0, -50%);
}

.child_banner .text .t1 {
	font-size: 40px;
	font-weight: bold;
}

.child_banner .text .t2 {
	font-size: 18px;
	font-weight: bold;
}

.m8 {
	background: var(--primary-color);
	padding: 0px 115px;
}

.m8 .let {
	background: #fff;
	padding-left: 300px;
}

.m8 .let .t1 {
	margin-top: 18px;
}

.m8 .let .t1 span {
	color: var(--primary-color);
	font-weight: bold;
	font-size: 24px;
	display: inline-block;
	padding-left: 40px;
	background: url('../img/p34.png') left center no-repeat;
}

.m8 .gp .lt {
	float: left;
	margin-left: 100px;
	margin-top: 25px;
}

.m8 .gp .lt a {
	color: #FDD4D2;
	font-size: 18px;
	font-weight: bold;
}

.m8 .gp .lt .on {
	color: #fff;
}

.m8 .gp .lt a:hover {
	color: #fff;
}

.m9 {
	margin-top: 60px;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 15px;
	margin-bottom: 40px;
}

.m9 .nt {
	font-size: 24px;
	color: #333333;

}

.m9 .nt span {
	color: var(--primary-color);
}

.m9 .wz {
	color: #666666;
	font-size: 16px;
	margin-top: 8px;
}

.m10 .item {
	width: 31.5%;
	background: #FFFFFF;
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
	margin-bottom: 30px;
	margin-right: 2.7%;
	float: left;
}

.m10 .item .text {
	padding: 20px;
}

.m10 .item .text .t1 {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 15px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	height: 55px;
	overflow: hidden;
}

.m10 .item .text .t2 {
	font-size: 16px;
	color: #666666;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

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

.m10 .item:hover {
	background: var(--primary-color);
	color: #fff;
}

.m10 .item:hover .text .t1 {
	color: #fff;
}

.m10 .item:hover .text .t2 {
	color: #fff;
}

.m11 .page_1 a {
	padding: 0px 12px;
}

.m12 {
	padding: 55px 0;
}

.m12 .tit {
	font-size: 24px;
	color: #333333;
	margin-bottom: 15px;
	font-weight: bold;

}

.m12 .tit2 {
	font-size: 16px;
	color: #666666;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 15px;
	margin-bottom: 35px;
}

.m12 .tit2 .back {
	background: url('../img/p37.png') left center no-repeat;
	padding-left: 35px;
	color: #666666;
	font-size: 16px;
}

.m12 .text2 .let {
	width: 43%;
	color: #333333;
	line-height: 18px;
	line-height: 35px;
}

.m12 .text2 .rit {
	width: 48%;
	overflow: hidden;

}
.m12 .text2 .rit  .t_fun{
    height: 440px;
    overflow: hidden;
   margin-bottom: 20px;
}
.m12 .text2 .rit  .t_fun img{
    width: 100%;
}

.m12 .text2 .rit .b_fun {
	position: relative;
}

.m12 .text2 .rit .b_fun .b_fun_box {
	margin: 0px 30px;
	position: relative;
	overflow: hidden;
}

.m12 .text2 .rit .b_fun .prev {
	position: absolute;
	left: 0px;
	height: 83px;
	z-index: 99;
	cursor: pointer;
	top: 0px;
}

.m12 .text2 .rit .b_fun .next {
	right: 0;
	height: 83px;
	z-index: 99;
	cursor: pointer;
	position: absolute;
	top: 0px;
}

.m13 .t1 {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.m13 .t1::before {
	content: '';
	position: absolute;
	width: 72px;
	height: 2px;
	background: #F31237;
	bottom: 0px;
	display: inline-block;
}

.m13 .gp .item {
	background: #fff;
	position: relative;
}

.m13 .gp .item .pic {
	float: right;
}

.m13 .gp .item .text {
	position: absolute;
	width: 40%;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center;
}

.m13 .gp .item .text .t120 {
	font-size: 24px;
	color: #333333;
	margin-top: 20px;
	font-weight: bold;
}

.m13 .gp .item .text .t121 {
	font-size: 16px;
	font-weight: bold;
}

.m13 .gp .item:nth-child(2n) .pic {
	float: left;
}

.m13 .gp .item:nth-child(2n) .text {
	left: auto;
	right: 0px;
}

.m13 .gp .item {
	margin-bottom: 30px;
}

.m14 {
	color: #333333;
	font-size: 16px;
	line-height: 50px;
}

.m15 {
	margin-top: 40px;
	overflow: hidden;
}

.m16 .lt {
	margin-bottom: 20px;
}

.m16 .lt .t1s {
	color: var(--primary-color);
	font-size: 16px;
	font-weight: bold;
}



.m17 .gp .item {
	width: 20%;
	text-align: center;
	margin-bottom: 30px;
}

.m17 .cm_box_img_item .show_img {
	height: auto;
	width: auto;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
}

.m18 .dm {
	background: #FFFFFF;
	padding: 20px;
	box-shadow: 0px 0px 19px 2px rgba(0, 0, 0, 0.08);
}

.m18 .dm .item {
	text-align: center;
	width: 30%;
	position: relative;
	padding: 0px 1.5%;
}

.m18 .dm .item .pic {
	text-align: center;
}

.m18 .dm .item .t1 {}

.m18 .dm .item .t2 {

	color: #333333;

	font-size: 20px;
	margin: 15px 0 10px;
}

.m18 .dm .item .t3 {
	font-size: 16px;
	color: #666666;
}

.m18 .dm .item::before {
	content: '';
	width: 1px;
	height: 150px;
	background: #E5E5E5;
	position: absolute;
	display: inline-block;
	right: 0px;
	top: 50%;
	transform: translate(0, -50%);
}

.m18 .dm .item:last-child::before {
	display: none;
}

.m19 {
	padding: 40px 0;
}

.m19 .map {
	width: 100%;
	height: 540px;
	position: relative;
}

.m19 .map iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border: 0px none;
}

.m20 .t1 {
	background: #333333;
	padding: 10px 20px;
	border-radius: 10px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
}

.m20 .form .lt {
	margin-bottom: 20px;
}

.m20 .form .lt input {
	width: 98%;
	background: #F8F8F8;
	border-radius: 10px;
	padding: 15px 1%;
}

.m20 .form .submit input {
	width: 100%;
	height: 58px;
	border-radius: 10px;
	color: #fff;
	background: #D8271F;
}

.m21 .m5 .item {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 25px;
}

.m21 .m5 .item:hover {
	border-bottom: 1px solid var(--primary-color);
}

.m22 .text2 .let {
	width: 100%;
}

.m4 .in-bls {
	width: 100%;
	padding: 50px 0;
	overflow: hidden;
	position: relative;
}



.m4 .in-bls {
	width: 100%;
	padding: 50px 0;
	overflow: hidden;
	position: relative;
}

.m4 .banbolang1 {
	/* width: 100%; */
	position: relative;
	z-index: -1;
}

.m4 .bolang1,
.m4 .bolang2 {
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
	z-index: -1;
}

.m16 .rit {
    width: 50%;
    overflow: hidden;
}