.w1840 {
	width: 96%;
	max-width: 1840px;
	margin: 0 auto;
}

.w1760 {
	width: 92%;
	max-width: 1760px;
	margin: 0 auto;
}

.w1480 {
	width: 77%;
	max-width: 1480px;
	margin: 0 auto;
}

.w1460 {
	width: 76%;
	max-width: 1460px;
	margin: 0 auto;
}

.w1440 {
	width: 75%;
	max-width: 1440px;
	margin: 0 auto;
}

.w1400 {
	width: 73%;
	max-width: 1440px;
	margin: 0 auto;
}

.w1320 {
	width: 1320px;
	margin: 0 auto;
}

.font-48 {
	font-size: 1.2rem;
	line-height: 1;
	font-weight: bold;
}

.font-30 {
	font-size: .75rem;
	line-height: 1;
	font-weight: bold;
}

.block-1920 {
	
}

.block-767 {
	display: none;
}

.nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tac {
	text-align: center;
}

.col-19 {
	color: #191919;
}

.col-00 {
	color: #009FDE;
}

.pos-bg {
	position: absolute;
}

.pos-bg img {
	width: 100%;
	object-fit: cover;
}

.round::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	z-index: 1;
	transform: scale(0);
	transform-origin: center center;
	transition: all .3s;
}

.head-nav-box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.index-container .swiper-slide img {
	width: 100%;
	object-fit: cover;
}

#index-pagination {
	line-height: 1;
	bottom: 1.1rem;
}

#index-pagination .swiper-pagination-bullet {
	width: 0.75rem;
	height: 3px;
	border-radius: 0;
	background-color: #FFFFFF;
}

.index-pos {
	position: absolute;
	top: 26%;
	left: 12.5%;
	z-index: 11;
}

.i-tit {
	margin-bottom: 5.25rem;
}

.i-tit .h1 {
	color: #FFFFFF;
	line-height: 2;
	font-weight: bold;
}

.i-tit .h2 {
	color: #FFFFFF;
	font-size: 1.5rem;
	line-height: 1.2;
	margin-bottom: .3rem;
}

.i-tit .h3 {
	color: rgba(255,255,255,.5);
	line-height: 1;
}

.i-process {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1.5rem;
}

.i-process p {
	width: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	text-align: center;
	border-radius: 50%;
	background-color: rgba(255,255,255,.2);
	color: #FFFFFF;
	border: 1px solid rgba(255,255,255,.5);
	margin-right: .3rem;
}

.i-process p:last-child {
	margin-right: 0;
}

.i-more {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 4.65rem;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	border: 1px solid rgba(255,255,255,.25);
	background-color: #009FDE;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
	position: relative;
	padding: 0 .75rem;
	transition: all .3s;
}

.i-more p {
	color: #FFFFFF;
	transition: all .3s;
}

.i-more svg {
	fill: #FFFFFF;
	width: .5rem;
	position: relative;
	z-index: 2;
	transition: all .3s;
}

.i-more:hover {
	background-color: #FFFFFF;
	border: 1px solid rgba(0,159,222,1);
}

.i-more:hover::after {
	transform: scale(1);
}

.i-more:hover p {
	color: #009FDE;
}

.i-more:hover svg {
	fill: #009FDE;
}

.i-about {
	
}

.i-about-box {
	position: relative;
	padding: 2.6rem 0 5.9rem;
}

.i-about-box .tit {
	margin-bottom: 0.6rem;
}

.i-about-box .sub {
	margin-bottom: 1.1rem;
}

.i-about-box .cont {
	line-height: 2;
	width: 59%;
	margin: 0 auto 1.5rem;
}

.i-about-box .more {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 4.65rem;
	height: 1.3rem;
	border: 2px solid #009FDE;
	padding: 0 .75rem;
	margin: 0 auto;
	transition: all .3s;
}

.i-about-box .more p {
	line-height: 1;
	transition: all .3s;
}

.i-about-box .more svg {
	width: 0.3rem;
	fill: #009FDE;
	transition: all .3s;
}

.i-about-box .more:hover {
	border: 2px solid #FFFFFF;
	background-color: #009FDE;
}

.i-about-box .more:hover p {
	color: #FFFFFF;
}

.i-about-box .more:hover svg {
	fill: #FFFFFF;
}

.i-about-box .i-about-bg {
	position: absolute;
	bottom: 1.3rem;
	left: 19.75%;
	width: 56.5%;
	z-index: -1;
}

.i-about-box .bg img {
	width: 100%;
	object-fit: cover;
}

.i-pro {
	position: relative;
	height: 20rem;
	padding: 2.75rem 11.5%;
}

.i-pro .tit {
	margin-bottom: 0.65rem;
}

.i-pro .sub {
	margin-bottom: 1.1rem;
}

.i-pro .cont {
	line-height: 2;
	margin-bottom: 2rem;
}

.i-pro .more {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 4.65rem;
	height: 1.3rem;
	border: 2px solid #FFFFFF;
	padding: 0 .75rem;
	margin: 0 auto;
	transition: all .3s;
}

.i-pro .more p {
	line-height: 1;
	transition: all .3s;
}

.i-pro .more svg {
	width: 0.3rem;
	fill: #FFFFFF;
	transition: all .3s;
}

.i-pro .more:hover {
	background-color: #009FDE;
	border: 2px solid #009FDE;
}

.i-pro .more:hover p {
	color: #FFFFFF;
}

.i-pro .more:hover svg {
	fill: #FFFFFF;
}

.i-pro .bg {
	bottom: -2.5rem;
	left: 50%;
	transform: translateX(-50%);
}

.i-news {
	padding: 4.75rem 0 3.4rem;
}

.i-news-box {
	position: relative;
}

.i-news-box>.tit {
	margin-bottom: 1rem;
}

.i-news-box .more {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 4.65rem;
	height: 1.3rem;
	border: 2px solid #009FDE;
	padding: 0 .75rem;
	margin: 0 auto;
	transition: all .3s;
}

.i-news-box .more p {
	line-height: 1;
	transition: all .3s;
}

.i-news-box .more svg {
	width: 0.3rem;
	fill: #009FDE;
	transition: all .3s;
}

.i-news-box .more:hover {
	background-color: #009FDE;
	border: 2px solid #FFFFFF;
}

.i-news-box .more:hover p {
	color: #FFFFFF;
}

.i-news-box .more:hover svg {
	fill: #FFFFFF;
}

.i-news-box .wrap {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}

.i-news-box .wrap .lf {
	display: block;
	width: 26.25%;
	margin-right: 1.25%;
}

.i-news-box .wrap .lf .pic {
	width: 100%;
	height: 8.5rem;
	overflow: hidden;
}

.i-news-box .wrap .lf .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

.i-news-box .wrap .lf .cont {
	padding: .7rem 1.25rem 1.55rem .75rem;
}

.i-news-box .wrap .lf .cont .tit {
	line-height: .75rem;
	max-height: 1.5rem;
	overflow: hidden;
	font-weight: bold;
	margin-bottom: 0.6rem;
	transition: all .3s;
}

.i-news-box .wrap .lf:hover .pic img {
	transform: scale(1.1);
}

.i-news-box .wrap .lf:hover .cont .tit {
	color: #009FDE;
}

.i-news-more {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.i-news-more div {
	/* width: 0.35rem; */
	margin-right: 7px;
	line-height: 1;
	color: rgba(153,153,153,.5);
	transition: all .3s;
}

/* .i-news-more div img {
	width: 100%;
} */

.i-news-more p {
	line-height: 1.1;
	margin-right: 0.4rem;
	padding-right: 0.3rem;
	border-right: 1px solid rgba(51, 51, 51, .2);
	color: rgba(51, 51, 51, .55);
	font-weight: bold;
	transition: all .3s;
}

.i-news-more span {
	line-height: 1;
	font-weight: bold;
	transition: all .3s;
}

.i-news-box .wrap .cent {
	display: block;
	width: 26.25%;
	margin-right: 1.25%;
	padding: 1.3rem 1rem 0 0.85rem;
	border: 1px solid #009FDE;
	transition: all .3s;
}

.i-news-box .wrap .cent .tit {
	line-height: .75rem;
	max-height: 1.5rem;
	margin-bottom: 0.6rem;
	font-weight: bold;
	transition: all .3s;
	overflow: hidden;
}

.i-news-box .wrap .cent .cont {
	line-height: 1.8;
	margin-bottom: 3.4rem;
	font-weight: 500;
	transition: all .3s;
}

.i-news-box .wrap .cent:hover {
	background-color: #009FDE;
	border: 1px solid #FFFFFF;
}

.i-news-box .wrap .cent:hover .tit {
	color: #FFFFFF;
}

.i-news-box .wrap .cent:hover .cont {
	color: #FFFFFF;
}

.i-news-box .wrap .cent:hover .i-news-more div {
	color: #FFFFFF;
}

.i-news-box .wrap .cent:hover .i-news-more p {
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.i-news-box .wrap .cent:hover .i-news-more span {
	color: #FFFFFF;
}

.i-news-box .wrap .rg {
	width: 45%;
	padding: 0.9rem 2rem 1.35rem 0.8rem;
	border-bottom: 1px solid rgba(51,51,51,.1);
}

.i-news-box .wrap .rg .li {
	display: block;
	margin-bottom: 2.2rem;
}

.i-news-box .wrap .rg .li:last-child {
	margin-bottom: 0;
}

.i-news-box .wrap .rg .li .tit {
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0.4rem;
	transition: all .3s;
}

.i-news-box .wrap .rg .li .cont {
	line-height: 1;
	font-weight: 500;
	margin-bottom: 0.65rem;
}

.i-news-box .wrap .rg .li:hover .tit {
	color: #009FDE;
}

.about {
	padding: 3.65rem 0 3.1rem;
	overflow: hidden;
}

.about-box {
	padding: 0 3rem 0 4rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}

.about-box .lf {
	width: 36.5%;
	margin-right: 11%;
}

.about-box .lf .tit {
	margin-bottom: 0.25rem;
	font-weight: bold;
}

.about-box .lf .sub {
	color: #333333;
	font-size: 0.9rem;
	line-height: 1;
	margin-bottom: 1.4rem;
}

.about-box .lf .cont {
	color: #666666;
	line-height: 1.8;
	width: 100%;
	padding-left: 2.5rem;
}

.about-box .rg {
	width: 52.5%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin-top: 1.1rem;
}

.about-box .rg img {
	width: 100%;
	object-fit: cover;
	transition: all .3s;
}

.about-box .rg:hover img {
	transform: scale(1.1);
}

.about-box .bgc {
	width: 49%;
	height: 12rem;
	background: linear-gradient(rgba(0, 159, 222, .11), transparent);
	position: absolute;
	top: .8rem;
	left: 4rem;
}

.about-box .bg2 {
	top: 1.25rem;
	left: 30%;
	width: 41%;
}

#intro {
	padding-top: 2.75rem;
	background-color: #F6F6F6;
}

.intro-box {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.intro-box .pic {
	width: 50%;
	padding-right: 2.5rem;
	overflow: hidden;
}

.intro-box .pic img {
	width: 100%;
	object-fit: cover;
	transition: all .3s;
}

.intro-box .pic:hover img {
	transform: scale(1.1);
}

.intro-box .rg {
	width: 50%;
	padding-right: 2.5rem;
}

.intro-box .rg .tit {
	margin-bottom: .25rem;
}

.intro-box .rg .sub {
	font-size: .9rem;
	line-height: 1;
	margin-bottom: 1.1rem;
}

.intro-box .rg .cont {
	line-height: .75rem;
	height: 5.25rem;
	overflow: hidden;
	margin-bottom: 2.4rem;
	transition: all .3s;
	padding-right: 5px;
}

.intro-box .rg .cont.cur {
	height: 9rem;
	overflow-y: auto;
	margin-bottom: .5rem;
}

.intro-box .rg .cont.cur::-webkit-scrollbar {
	width: 2px;
}

.intro-box .rg .more {
	width: max-content;
	text-align: center;
	cursor: pointer;
}

.intro-box .rg .more p {
	line-height: 1;
	/* margin-bottom: 0.25rem; */
}

.intro-box .rg .more i {
	font-size: 1rem;
	color: #009FDE;
	transition: all .3s;
}

.intro-box .rg .more.cur i {
	transform: rotate(180deg);
}

.arch {
	/* background-color: #F6F6F6; */
	padding: 2.15rem 0 3.8rem;
}

.arch-box {
	
}

.arch-box .tit {
	margin-bottom: .3rem;
}

.arch-box .sub {
	font-size: .9rem;
	line-height: 1;
	margin-bottom: 1.4rem;
}

.arch-box .pic {
	width: 100%;
}

.arch-box .pic img {
	width: 100%;
	object-fit: cover;
}

.pro {
	padding-top: 1.2rem;
}

.pro-li {
	overflow: hidden;
}

.pro-li .lf {
	float: left;
	width: 50%;
	padding: 2.25rem 0.3rem .25rem 11.5%;
}

.pro-li .lf>.tit {
	font-size: .9rem;
	line-height: 1;
	margin-bottom: 1.5rem;
	font-weight: bold;
}

.pro-li .lf .wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.pro-li .lf .wrap .tab {
	width: 3rem;
	margin-right: 1.5rem;
	border-right: 1px solid rgba(102, 102, 102, .2);
	margin-top: 0.25rem;
	min-height: 8.25rem;
}

.pro-li .lf .wrap .tab span {
	display: block;
	color: #333333;
	margin-bottom: 1rem;
	line-height: 1.5;
	position: relative;
	transition: all .3s;
	cursor: pointer;
}

.pro-li .lf .wrap .tab span::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 0;
	background-color: #009FDE;
	transition: all .3s;
}

.pro-li .lf .wrap .tab span:last-child {
	margin-bottom: 0;
	margin-right: 0;
}

.pro-li .lf .wrap .tab span:hover,
.pro-li .lf .wrap .tab span.cur {
	color: #009FDE;
}

.pro-li .lf .wrap .tab span:hover::after,
.pro-li .lf .wrap .tab span.cur::after {
	height: 1rem;
}

.pro-li .lf .wrap .change {
	width: calc(100% - 4.5rem);
}

.pro-li .lf .wrap .change .change-cont {
	width: 100%;
	max-height: 10.5rem;
	overflow-y: auto;
}

.pro-li .lf .wrap .change .change-cont::-webkit-scrollbar {
	width: 0.35rem;
}

.pro-li .lf .wrap .change .box {
	margin-bottom: 1.1rem;
}

.pro-li .lf .wrap .change .box .tit {
	font-size: .7rem;
	color: #333333;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: .5rem;
}

.pro-li .lf .wrap .change .box .tit span {
	color: #009FDE;
}

.pro-li .lf .wrap .change .box .tit p {
	display: inline-block;
}

.pro-li .lf .wrap .change .box .sub {
	color: #666666;
	line-height: 1.6;
	margin-bottom: .7rem;
}

.pro-li .lf .wrap .change .box .cont {
	color: #888888;
	line-height: 1.75;
	width: 88%;
}

.pro-li .lf .wrap .change .process {
	
}

.pro-li .lf .wrap .change .process .tit {
	color: #333333;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1.25rem;
}

.pro-li .lf .wrap .change .process .li {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.pro-li .lf .wrap .change .process .li p {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 3rem;
	padding: 0 0.375rem;
	min-height: 1.5rem;
	/* line-height: 1.5rem; */
	text-align: center;
	background: #F5F3F3;
	border-radius: 0.25rem;
	margin-right: 1.5rem;
	position: relative;
	margin-bottom: 1rem;
	color: #333333;
	font-size: .45rem;
	transition: all .3s;
}

.pro-li .lf .wrap .change .process .li p::after {
	content: '';
	position: absolute;
	width: 17px;
	height: 19px;
	background: url(/bocstatic/web/img/22.png) no-repeat center;
	left: calc(100% + .6rem);
	top: 50%;
	transform: translateY(-50%);
}

.pro-li .lf .wrap .change .process .li p span {
	position: absolute;
	bottom: calc(100% + .25rem);
	color: rgba(51, 51, 51, .5);
	line-height: 1;
	left: 0;
	text-transform: uppercase;
}

.pro-li .lf .wrap .change .process .li p:hover {
	background-color: #009FDE;
	color: #FFFFFF;
}

.pro-li .lf .wrap .change .process .li p:last-child {
	margin-right: 0;
}

.pro-li .lf .wrap .change .process .li p:last-child::after {
	display: none;
}

.pro-li .rg {
	float: right;
	width: 50%;
	overflow: hidden;
}

.pro-li .rg img {
	width: 100%;
	object-fit: cover;
	transition: all .3s;
}

.pro-li .rg:hover img {
	transform: scale(1.1);
}

.pro-li:nth-child(2n) .lf {
	float: right;
	padding: 2.2rem 11.5% .25rem 1rem;
}

.news {
	padding: 3rem 0 3.25rem;
}

.news-box {
	
}

.news-box>.tit {
	font-size: .9rem;
	line-height: 1;
	margin-bottom: 1.1rem;
}

.news-box .wrap {
	
}

.news-box .wrap .box {
	margin-bottom: .9rem;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.news-box .wrap .box .li {
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 1.35rem;
}

.news-box .wrap .box .li:nth-child(3n) {
	margin-right: 0;
}

.news-box .wrap .box .li .pic {
	width: 100%;
	height: 8.5rem;
	margin-bottom: 0.85rem;
	overflow: hidden;
}

.news-box .wrap .box .li .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

.news-box .wrap .box .li .intro {
	
}

.news-box .wrap .box .li .intro .tit {
	color: #999999;
	line-height: .9rem;
	max-height: 1.8rem;
	overflow: hidden;
	margin-bottom: 0.65rem;
	width: 95%;
	transition: all .3s;
}

.news-box .wrap .box .li .intro .cont {
	color: #666666;
	line-height: .75rem;
	max-height: 1.5rem;
	overflow: hidden;
	margin-bottom: 1.15rem;
}

.news-box .wrap .box .li .intro .time {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.news-box .wrap .box .li .intro .time div {
	width: 0.45rem;
	margin-right: 0.25rem;
}

.news-box .wrap .box .li .intro .time div img {
	width: 100%;
	object-fit: cover;
}

.news-box .wrap .box .li .intro .time p {
	color: #666666;
	line-height: 1;
}

.news-box .wrap .box .li:hover .pic img {
	transform: scale(1.1);
}

.news-box .wrap .box .li:hover .intro .tit {
	color: #009FDE;
}

.pub-page,
.pub-page .pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pub-page a {
	display: block;
	width: .9rem;
	height: .9rem;
	line-height: .9rem;
	text-align: center;
	background-color: #F2F5F5;
	color: #666666;
	margin-right: 1rem;
	transition: all .3s;
}

.pub-page a:last-child {
	margin-right: 0;
}

.pub-page a:hover,
.pub-page .active {
	background-color: #009FDE;
	color: #FFFFFF;
}

.info {
	padding: 1.5rem 0 3.25rem;
}

.info-box {
	
}

.crumn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #999999;
	width: 71.25%;
	margin: 0 auto .6rem;
}

.crumn div {
	width: 0.6rem;
	margin-right: 0.55rem;
}

.crumn div img {
	width: 100%;
}

.crumn a {
	color: #999999;
}

.info-wrap {
	width: 71.25%;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 2rem;
}

.info-wrap .tit {
	color: #030303;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: .8rem;
}

.info-wrap .intro {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2rem;
}

.info-wrap .intro .time {
	color: #666666;
	line-height: 1;
}

.info-wrap .intro .share {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.info-wrap .intro .share p {
	color: #666666;
	margin-right: .75rem;
}

.info-wrap .intro .share a:last-child {
	margin-right: 0;
}

.info-wrap .intro .share a img {
	width: 100%;
	object-fit: cover;
}

.share.bdshare-button-style1-24 a, 
.share.bdshare-button-style1-24 .bds_more {
	float: inherit;
	font-size: 0;
	padding-left: 0;
	line-height: inherit;
	height: auto;
	background: none;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0;
}

.info-wrap .intro .share a {
	width: .7rem;
	margin-right: .75rem;
	border: none;
	font-size: 0;
	border-radius: 0;
	height: auto;
}

.info-wrap .intro .share a.icon-wechat {
	background: url(/bocstatic/web/img/32.png) no-repeat center;
}

.info-wrap .intro .share a.icon-weibo {
	background: url(/bocstatic/web/img/33.png) no-repeat center;
}

.info-wrap .cont {
	color: #666666;
	line-height: 1.5;
	margin-bottom: 1.2rem;
}

.info-wrap .cont img {
	display: inline-block;
}

.info-page {
	padding: .7rem 0;
	border-top: 1px solid rgba(102, 102, 102, .2);
}

.info-page a {
	display: block;
}

.info-page .prev {
	margin-bottom: 0.4rem;
}

.info-page .prev,
.info-page .next {
	color: #333333;
	line-height: 1.5;
}

.info-page .back-list {
	width: 4.5rem;
	height: 1.25rem;
	background: #009FDE;
	border-radius: 0.6rem;
	margin-left: calc(100% - 4.5rem);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
}

.back-list div {
	width: .4rem;
	margin-right: 0.35rem;
}

.back-list div img {
	width: 100%;
	object-fit: cover;
}

.back-list p {
	color: #FFFFFF;
	line-height: 1;
}

.contact {
	padding: 2.35rem 0 2.9rem;
}

.contact-box {
	
}

.contact-box>.tit {
	font-size: 1.15rem;
	line-height: 1;
	margin-bottom: 2.5rem;
	font-weight: bold;
}

.contact-box .form {
	margin-bottom: 1.9rem;
}

.contact-box .form .top {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: .5rem;
}

.contact-box .form .top .li {
	width: 32%;
	margin-right: 2%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid rgba(130, 129, 128, .4);
	position: relative;
	padding: 0 .5rem;
}

.contact-box .form .top .li:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

.contact-box .form .top .li p {
	color: #666666;
	line-height: 1;
	/* margin-bottom: .75rem; */
	white-space: nowrap;
	font-size: .45rem;
}

.contact-box .form .top .li::after {
	content: '*';
	position: absolute;
	color: #F81818;
	left: calc(100% + 5px);
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
}

.contact-box .form .top .li input {
	width: 100%;
	height: 1.35rem;
	/* border: 1px solid rgba(130, 129, 128, .4); */
	color: #666;
	padding: 0 .5rem;
	font-size: .45rem;
}

.contact-box .form .txare {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid rgba(130, 129, 128, .4);
	position: relative;
	padding: 0 .5rem;
	width: 66%;
	margin-right: 2%;
}

.contact-box .form .txare p {
	color: #666666;
	line-height: 1;
	white-space: nowrap;
	font-size: .45rem;
	/* margin-bottom: .75rem; */
}

.contact-box .form .txare::after {
	content: '*';
	color: #F81818;
	position: absolute;
	left: calc(100% + 5px);
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
}

.contact-box .form .txare input {
	width: 100%;
	height: 1.35rem;
	/* border: 1px solid rgba(130, 129, 128, .4); */
	color: #666;
	padding: 0 .5rem;
	font-size: .45rem;
	resize: none;
}

.contact-box .form .code {
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid rgba(130, 129, 128, .4);
	width: max-content;
	padding: 0 .5rem;
	width: 32%;
}

.contact-box .form .code p {
	width: 4em;
	white-space: nowrap;
	font-size: 0.45rem;
}

.contact-box .form .code input {
	height: 1.35rem;
	padding: 0 .5rem;
	font-size: 0.45rem;
	width: calc(100% - 4em - 80px);
	/* margin: 0 .5rem; */
}

.txare-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1rem;
}

.contact-box .form .submit {
	width: 5.5rem;
	height: 1.15rem;
	background: #009FDE;
	color: #FFFFFF;
	margin: 0 auto;
	display: block;
}

.contact-box .tel,
.contact-box .address {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.contact-box .tel {
	margin-bottom: .5rem;
}

.contact-box .tel div,
.contact-box .address div {
	width: .6rem;
	margin-right: .3rem;
	/* margin-top: 5px; */
}

.contact-box .tel p,
.contact-box .address p {
	color: #999999;
	line-height: 1.2;
	margin-right: .5rem;
}

.contact-box .tel span,
.contact-box .address span {
	color: #333333;
	display: block;
	width: 70%;
	line-height: 1.2;
}

.contact-box .address {
	
}

.con_map {
	width: 100%;
	height: 100%;
}

.process {
	margin-top: 0.75rem;
}

.process img {
	width: 100%;
}

.foot-btn-lf a img {
	display: inline-block;
	margin-right: 5px;
}

.map-wrap {
	width: 100%;
	height: 20rem;
	position: relative;
}

.map-pos {
	position: absolute;
	right: 1rem;
	top: 34%;
	/* transform: translateY(-50%); */
	width: 35%;
	background-color: #FFFFFF;
	padding: 1rem;
}

.head-code {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 4rem;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}

.nav-ls:hover .head-code {
	opacity: 1;
	visibility: visible;
}<!--ºÄʱ1775474821.7702Ãë-->