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



:root {
	--primary-color: #CFB189;
	--primary-color2: #1a1c29;
	--primary-fm: 'MyriadPro Regular';
}

* {
	font-family: var(--primary-fm);
}

.banner {
	overflow: hidden;
}

.banner,
.banner .item {
	height: 800px;
}

.nav {
	padding: 15px 0;
}

.nav .logo {
	float: left;
}

.nav .logo img {
	width: 113px;
}

.nav .nav_gp {
	float: left;
	margin-left: 16%;
	padding-top: 35px;
}

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

.nav .nav_gp ul li .li_a {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	font-family: var(--primary-fm);
}

.nav .nav_gp ul li .li_a:hover,
.nav .nav_gp ul .on .li_a {
	color: #01C4D3;
}

.nav .tel {
	background: #E5F9FB;
	border-radius: 50px;
	position: relative;
	color: #333333;
	font-size: 16px;
	line-height: 35px;
	padding-left: 40px;
	margin-top: 26px;
	padding-right: 10px;
}

.nav .tel img {
	position: absolute;
	width: 35px;
	height: 35px;
	left: 0px;
	top: 0px;
}

.banner .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	width: 78px;
	height: 4px;
	opacity: 1;
	border-radius: 0px;
	border-radius: 15px;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	background: #01C4D3;
}

.m1 {
	padding: 80px 0;
}

.m1 .let {
	width: 39.6%;
}

.m1 .let .t1 {
	font-size: 38px;
	color: #023165;
	font-weight: bold;
}

.m1 .let .t2 {
	font-size: 24px;
	color: #01C5D1;
	margin-top: 35px;
	margin-bottom: 15px;
}

.m1 .let .t3 {
	color: #333333;
	font-size: 16px;
	margin-bottom: 50px;
}

.m1 .let .info {
	display: flex;
	margin-bottom: 40px;
}

.m1 .let .info .item {
	flex: 1;
}

.m1 .let .info .item .tt1 {
	color: #333333;
	font-size: 36px;
	font-family: '微软雅黑';
	font-weight: bold;
}

.m1 .let .info .item .tt2 {
	color: #999999;
	font-size: 16px;
}

.cm_mores a {
	display: inline-block;
	background: #023165;
	padding: 20px 45px;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
}

.m1 .rit {
	flex: 1;
	text-align: right;
}

.m1 .box {
	display: flex;
	align-items: center;
}

.common_title {
	margin-bottom: 40px;
}

.common_title .t1 {
	color: #333333;
	font-size: 38px;
	font-weight: bold;
}

.common_title .more {
	color: #333333;
	font-size: 16px;
	margin-top: 14px;
}

.m2 .box .item {
	width: 16.5%;
	height: 650px;
	float: left;
	position: relative;
}

.m2 .box .item_on {
	width: 34%;
}

.m2 .box * {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.m2 .box .item .dm {
	position: absolute;
	left: 50%;
	text-align: center;
	width: 285px;
	top: 50%;
	transform: translate(-50%, -50%);
}

.m2 .box .item .t2 {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
}

.m2 .box .item .t3 {
	margin-bottom: 20px;
	color: #fff;
	display: none;
	margin-top: 50px;
	font-size: 24px;
}

.m2 .box .item .t4 {
	font-size: 16px;
	color: #FFFFFF;
	display: none;
	text-align: left;
	margin-bottom: 50px;
}

.m2 .box .item .more {
	display: none;
}

.m2 .box .item .more a {
	border: 1px solid #fff;
	border-radius: 50px;
	color: #fff;
	font-size: 16px;
	padding: 15px 48px;
}

.m2 .box .item .more a:hover {
	background: #E5F9FB;
	color: #333;
}

.m2 .box .item_on .t3,
.m2 .box .item_on .t4,
.m2 .box .item_on .more {
	display: block;
}

.m2 .box .item_on .t2 {
	font-size: 34px;
}

.m3 {
	background: #F7F7F7;
	padding: 90px 0;
}

.common_title2 {
	margin-bottom: 30px;
}

.common_title2 .tit {
	color: #023165;
	font-size: 38px;
	font-weight: bold;
}

.common_title2 .tab {
	margin-top: 15px;
}

.common_title2 .tab span {
	color: #999999;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid transparent;
	margin-left: 20px;
	padding-bottom: 8px;
	cursor: pointer;
}

.common_title2 .tab .on {
	border-bottom: 3px solid #01C5D1;
	color: #333;
}

.common_title2 .tab span:hover {
	border-bottom: 3px solid #01C5D1;
	color: #333;
}

.m3 .box .let {
	width: 48%;
	position: relative;
}

.m3 .box .let img {
	width: 100%;
}

.m3 .box .let .txt {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
}

.m3 .box .let .txt .ddm {
	padding: 30px;
}

.m3 .box .let .txt .t1 {
	color: #fff;
	font-size: 28px;
	margin-bottom: 10px;
}

.m3 .box .let .txt .t2 {
	font-size: 14px;
	color: #fff;
}

.m3 .box .rit {
	width: 50.8%;
}

.common_list .item {
	background: #fff;
	padding: 28px 30px;
	display: flex;
}

.common_list .item .cont {
	flex: 1;
	padding-right: 25px;
}

.common_list .item .cont .t1 {
	font-size: 28px;
	color: #333333;
	height: 40px;
	overflow: hidden;
}

.common_list .item .pic img {
	width: 210px;
}

.common_list .item .cont .t2 {
	font-size: 14px;
	color: #666666;
	height: 40px;
	overflow: hidden;
	margin: 25px 0;
}

.common_list .item .cont .more a {
	color: #023165;
	display: flex;
	align-items: center;
	font-size: 14px;
}

.common_list .item .cont .more a img {
	display: inline-block;
	margin-left: 4px;
}

.common_list .item {
	margin-bottom: 40px;
}

.common_list .item:last-child {
	margin-bottom: 0px;
}

.common_title3 {
	text-align: center;
	margin-bottom: 90px;
}

.common_title3 .t1 {
	font-size: 38px;
	color: #023165;
	font-weight: bold;
}

.common_title3 .t2 {
	font-size: 20px;
	color: #999999;
}

.m4 {
	padding: 80px 0 0 0;
}

.m4 .box {
	position: relative;
}

.m4 .box .bk_img {
	width: 100%;
}

.m4 .box .item {
	display: flex;
	align-items: center;
	position: absolute;
}


.m4 .box .item .pic img {
	width: 104px;
	height: 104px;
}

.m4 .box .item .cn {
	flex: 1;
	padding-left: 2px;
	text-align: right;
}

.m4 .box .item .cn .t1 {
	font-size: 24px;
	color: #333333;
}

.m4 .box .item .cn .t2 {
	color: #999999;
	font-size: 16px;
	margin-top: 4px;
}


.m4 .box .item1 {
	left: 25%;
	top: -10%;
}

.m4 .box .item2 {
	left: 15%;
	top: 25%;
}

.m4 .box .item3 {
	left: -1%;
	top: 70%;
}

.m4 .box .item4 {
	left: auto;
	right: 25%;
	top: -10%;
}

.m4 .box .item5 {
	left: auto;
	right: 15%;
	top: 25%;
}

.m4 .box .item6 {
	left: auto;
	right: 3%;
	top: 70%;
}


.m4 .box .item4 .cn,

.m4 .box .item5 .cn,

.m4 .box .item6 .cn {
	text-align: left;
}

.footer {
	background: #013366;
	padding: 60px 0 30px;
}

.footer .logo img {
	width: 110px;
}

.footer .item {
	margin-left: 10%;
	float: left;
}

.footer .item .t1 {
	color: #fff;
	font-size: 16px;
	margin-bottom: 15px;
}

.footer .item ul li {
	margin-bottom: 10px;
}

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

.footer .item ul li a:hover {
	opacity: 1;
}

.footer .item_last {
	margin: 0px;
	float: right;
	width: 200px;
}

.footer .item_last ul li {
	color: #fff;
	font-size: 14px;
	opacity: 0.5;
}

.footer .item_last ul li img {
	display: inline-block;
	margin-right: 4px;
}

.footer .copy {
	padding: 30px 0 0;
	text-align: center;
	margin-top: 40px;
	color: rgba(255, 255, 255, .3);
	font-size: 14px;
	border-top: 1px solid rgba(255, 255, 255, .06);
}

.nav_on {
	position: fixed;
	width: 100%;
	top: 0px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	left: 0px;
	background: #fff;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, .1);
	z-index: 10200;
}

.child_banner {
	height: 600px;
	position: relative;
}

.child_banner .box {
	position: absolute;
	color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

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

.child_banner .box .t2 {
	font-size: 28px;
}

.wz {
	position: absolute;
	left: 50%;
	color: #fff;
	font-size: 14px;
	bottom: 35px;
	z-index: 10;
	transform: translate(-50%, 0);
}
.wz2{
	position: relative;
	left: auto;
	bottom: auto;
	transform: translate(0,0);
	background: #F7F7F7;
	padding: 28px 0;
}


.wz img {
	position: relative;
	top: -3px;
}

.wz a {
	color: #fff;
	margin: 0px 5px;
}

.wz a:hover {
	color: #01C4D3;
}

.wz2{
	color: #666;
}
.wz2 a {
	color: #666;
}

.m5 {
	background: #F7F7F7;
	padding: 80px 0;
}

.m5 .box {
	text-align: center;
}

.m5 .box .item {
	display: inline-block;
	position: relative;
}

.m5 .box .item .pic {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 95px;
	transform: translate(-50%, -50%);
}

.m6 {
	padding: 40px 0 80px;
}

.m6 .tabbar {
	text-align: center;
	margin-bottom: 90px;
}

.m6 .tabbar a {
	color: #023165;
	border: 1px solid #023165;
	padding: 8px 15px;
	border-radius: 50px;
	font-size: 18px;
	margin: 0px 20px;
}

.m6 .tabbar a:hover,
.m6 .tabbar .on {
	background: #00C4D2;
	color: #fff;
	border: 1px solid #00C4D2;
}


.common_title4 {
	text-align: center;
	margin-bottom: 60px;
}

.common_title4 .t1 {
	font-size: 36px;
	color: #333333;
	margin-bottom: 10px;
}

.common_title4 .t2 {
	font-size: 20px;
	color: #333333;
}

.m7 {
	margin-top: 85px;
	margin-bottom: 70px;
}

.common_title5 .t1 {
	font-size: 36px;
	color: #023165;
	font-weight: bold;
	margin-bottom: 30px;
}

.m7 .map {
	width: 100%;
	height: 450px;
	position: relative;
	background: url('../img/p200.png') center no-repeat;
	background-size: cover;
}

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

.m7 .map .info {
	position: absolute;
	width: 345px;
	color: #fff;
	height: 100%;
	z-index: 100;
	background: rgba(2, 49, 101, 0.76);
}

.m7 .map .info .dm {
	position: absolute;
	top: 50%;
	width: 220px;
	font-size: 14px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.m7 .map .info .dm .item .t2 {
	display: flex;
	align-items: center;
}

.m7 .map .info .dm .item .t2 img {
	display: inline-block;
	margin-right: 5px;
}

.m7 .map .info .dm .item .cc {
	font-size: 18px;
	margin-top: 5px;
}

.m7 .map .info .dm .item {
	margin-bottom: 40px;
}

.m8 .form .item {
	width: 44.5%;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.m8 .form .item .nt {
	width: 90px;
}

.m8 .form .item .cn {
	flex: 1;
}

.m8 .form .item .cn input {
	width: 96%;
	padding: 0px 2%;
	border: 1px solid #E7E7E7;
	height: 45px;
	font-size: 14px;
	border-radius: 4px;
}

.m8 .form .item_last {
	width: 100%;

}

.m8 .form .item_last {
	align-items: start;
}

.m8 .form .item_last textarea {
	height: 120px;
	width: 96%;
	padding: 10px 2%;
	border: 1px solid #E7E7E7;
	/* height: 45px; */
	font-size: 14px;
	border-radius: 4px;
}

.m8 .submit {
	text-align: center;
	margin-top: 30px;
}

.m8 .submit .bt {
	background: #00C4D1;
	color: #fff;
	border-radius: 50px;
	padding: 20px 80px;
	font-size: 20px;
	font-weight: bold;
}

.m8 {
	padding-bottom: 70px;
}

.m6_2 {
	padding: 40px 0;
}

.m6_2 .tabbar {
	margin-bottom: 0px;
}

.m9 {
	background: #F7F7F7;
	padding: 40px 0;
}

.common_list .item .time {
	position: relative;
	width: 65px;
	margin-left: 35px;
}

.common_list .item .txt {
	display: inline-block;
	width: 65px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	background: #F2FCFD;
	transform: translate(-50%, -50%);
	height: 75px;
}

.common_list .item .txt .t1 {
	font-size: 30px;
	color: #00C4D2;
}

.common_list .item .txt .t2 {
	font-size: 12px;
	color: #00C4D2;
}
.m10{
	padding: 75px 0;
}
.m10 .box .let{
	width: 40%;
}

.m10 .box .let .t1{
	font-size: 36px;
	color: #013366;
	margin-bottom: 60px;
	font-weight: bold;
}
.m10 .item{
	margin-bottom: 60px;
}

.m10 .item .t2{
	font-size:24px;
	color: #013366;
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.m10 .item  .dect{
	font-size:16px;
	color: #333333;
	line-height: 30px;
}
.m10 .rit{
	width: 52%;
	overflow: hidden;
	float: right;
	position: relative;
}
.m10 .rit .box{
	position: relative;
}
.m10 .rit .box .prev{
	position: absolute;
	left: 35px;
	z-index: 10;
	top: 50%;
	cursor: pointer;
	z-index: 100;
	transform: translate(0,-50%);
}
.m10 .rit .box .next{
	right: 35px;
 cursor: pointer;
	z-index: 100;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%)
}

.m10 .rit .box .pic img{
	width: 100%;
}
 
.m10 .box3{
	background: #F8FAFA;
	padding: 33px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.m10 .box3 .llt{
	width: 50%;
	font-size: 16px;
	color: #00324A;
}
.m10 .box3 .llt span{
	color: #999999;
	display: inline-block;
	margin-left: 5px;
	text-decoration: underline;
}
.m10 .box3 .llt img{
	position: relative;
	top: -1px;
}
.m10 .box3 .llt span:hover{
	color: #013366;
}