html {
	font-size: 100px;
}

.wrap {
	max-width: 1250px;
	margin: 0 auto;
	padding: 0 .25rem;
}

body {
	padding-top: 42px;
}

.header-m,
.banner,
.main,
footer {
	transition: all .5s;
	-webkit-transition: all .5s
}

/* Header */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
}

header .top {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 18px;
	background-color: #fff;
}

header .hd-top-list {
	display: flex;
	align-items: center;
}

header .hd-top-list .item {
	position: relative;
}

header .hd-top-list .item .lk {
	display: flex;
	align-items: center;
	height: 42px;
	padding-left: 24px;
}

header .hd-top-list .item .lk .text {
	padding: 0 24px 0 8px;
	border-right: 1px solid #001F47;
	font-size: 12px;
	color: #667991;
	line-height: 1em;
}

header .hd-top-list .item .lk:hover .text {
	color: #004D99;
}

header .hd-top-list .item:last-child .lk .text {
	border-right: none;
}

header .hd-top-list .item .lang-wrap {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #fff;
	padding: 16px;
	z-index: 1;
}

header .hd-top-list .item .lang-wrap .inner-wrap {
	display: flex;
}

header .hd-top-list .item .lang-wrap a {
	display: flex;
	flex: 0 1 auto;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	margin: 0 2px;
	border: 1px solid #000;
	text-transform: uppercase;
	font-size: 16px;
	color: #000;
}

header .hd-top-list .item .lang-wrap a.cur,
header .hd-top-list .item .lang-wrap a:hover {
	background-color: #004D99;
	color: #fff;
}

header .hd-top-list .item .search-warp {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 462px;
	height: 80px;
	padding: 16px;
	z-index: 1;
	background-color: #fff;
}

header .hd-top-list .item .search-warp .inner-wrap {
	display: flex;
	height: 100%;
}

header .hd-top-list .item .search-warp input {
	width: 60%;
	border: 1px solid #bbb;
}

header .hd-top-list .item .search-warp .search-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40%;
	background-color: #001F47;
	font-size: 16px;
	color: #fff;
}

header .hd-top-list .item .search-warp .search-btn:hover {
	background-color: #00357a;
}

header .bottom {
	height: 95px;
	background-color: rgba(192, 192, 192, .75);
	transition: all .5s;
}

header.off .bottom {
	height: 42px;
}

header .bottom>.wrap {
	display: flex;
	align-items: flex-end;
	position: relative;
	height: 100%;
}

header .nav-list {
	display: flex;
}

header .nav-list .nav-item {
	transition: all .5s;
}

header .nav-list .nav-item.active {
	background-color: #001F47;
}

header .nav-list .lk {
	display: block;
	position: relative;
	padding: 16px 16px 8px;
	font-size: 16px;
	color: #000;
}

header .nav-list .lk:hover {
	color: #004D99;
}

header.off .nav-list .lk {
	padding: 13px 16px 8px;
}

header .nav-list .nav-item.active .lk {
	color: #fff;
}

header .nav-list .lk::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1px;
	height: 8px;
	background-color: #000;
}

header .nav-item:first-child .lk::before,
header .nav-list .nav-item.active+.nav-item .lk::before {
	display: none;
}

header .logo-wrap {
	display: flex;
	align-items: center;
	position: absolute;
	left: .25rem;
	transform: translateX(-100%);
}

header .logo-lk {
	display: block;
	width: 2.24rem;
	height: 1.37rem;
	padding-top: 1.37rem;
	overflow: hidden;
	background: #141C35 url(../images/logo.png) no-repeat center / 1.57rem .89rem;
	transition: all .5s;
}

header.off .logo-lk {
	width: 1.17rem;
	height: .82rem;
	padding-top: .82rem;
	background-image: url(../images/logo-off.png);
	background-size: .44rem .6rem;
}

header .sub-nav-wrap {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: .52rem 0 .62rem;
	background-color: rgba(0, 31, 71, .95);
}

header .sub-nav-wrap>.wrap {
	position: relative;
}

header .sub-nav-wrap .con-wrap {
	width: 100%;
}

header .sub-nav-wrap .con-item {
	display: none;
	justify-content: space-between;
	width: 100%;
}

header .sub-nav-wrap .sub-nav {
	width: 60%;
}

header .sub-nav-wrap .sub-nav .tit {
	margin-bottom: .32rem;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

header .sub-nav-wrap .sub-nav-list {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 176px;
	flex-wrap: wrap;
}

header .sub-nav-wrap .sub-nav-item {
	width: 48%;
	height: 44px;
	padding: 0 18px;
	border-top: 1px solid rgba(168, 168, 168, .25);
}

header .sub-nav-wrap .sub-nav-item:hover {
	background-color: rgba(255, 255, 255, .07);
}

header .sub-nav-wrap .sub-nav-item:last-child,
header .sub-nav-wrap .sub-nav-item:nth-child(4n) {
	border-bottom: 1px solid rgba(168, 168, 168, .25);
}

header .sub-nav-wrap .sub-nav-item:nth-child(-n + 4) {
	margin-right: 4%;
}

header .sub-nav-wrap .sub-nav-item .lk {
	display: block;
	line-height: 43px;
	color: #F7F8F9;
}

header .sub-nav-wrap .sub-nav-item:hover .lk {
	color: #fff;
}

header .sub-nav-wrap .img-wrap {
	width: 28%;
	height: 2.23rem;
	display: none;
}

header .sub-nav-wrap .img-wrap .lk {
	display: block;
	height: 100%;
}

header .sub-nav-wrap .img-wrap .lk img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

header .sub-nav-wrap .sub-nav-close {
	position: absolute;
	top: 0;
	left: 100%;
	transform: translateY(-50%);
}

/* 移动端 Header */

.header-m {
	display: none;
	position: relative;
	left: 0;
	min-height: 46px;
	height: .57rem;
	z-index: 1;
	background: #fff;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1)
}

.header-m .logo {
	display: flex;
	align-items: center;
	position: absolute;
	left: 50%;
	min-height: 46px;
	height: .57rem;
	margin-top: 0;
	padding: 10px 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}

.header-m .logo img {
	height: 100%;
}

.header-m .m-menu-b {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 46px;
	width: 60px;
	height: .57rem;
	cursor: pointer
}

.header-m .m-menu-b::before,
.header-m .m-menu-b::after {
	position: absolute;
	content: '';
	top: 50%;
	left: calc(35px / 2);
	width: 25px;
	height: 1px;
	z-index: 999;
	transition: all .3s ease-out .3s;
	-webkit-transition: all .3s ease-out .3s;
	background-color: #222;
}

.header-m .m-menu-b::before {
	transform: translateY(-4px) rotate(0);
	-webkit-transform: translateY(-4px) rotate(0)
}

.header-m .m-menu-b::after {
	transform: translateY(4px) rotate(0);
	-webkit-transform: translateY(4px) rotate(0)
}

.header-m .m-menu {
	display: none;
	z-index: 888;
	position: fixed;
	width: 260px;
	height: 100%;
	top: 0;
	left: -260px;
	opacity: 1;
	background: #fafafa;
	text-align: left;
	padding-top: .57rem
}

.header-m .m-menu::after {
	position: absolute;
	top: .57rem;
	content: '';
	width: 100%;
	height: 1px;
	background: #ebebeb
}

.header-m .nav {
	height: calc(100% - 82px);
	overflow-x: hidden;
	overflow-y: auto
}

.header-m .nav>li {
	border-bottom: 1px solid #ebebeb;
	animation: resize .5s both;
	-webkit-animation: resize .5s both
}

.header-m .nav>li>a {
	position: relative;
	display: block;
	width: 100%;
	font-size: 15px;
	padding: 0 40px;
	color: #666;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	overflow: hidden;
	height: 50px;
	line-height: 50px
}

.header-m .nav>li>a::after {
	position: absolute;
	content: '';
	left: 20px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border: 1px solid #999;
	border-radius: 50%;
	background: transparent;
	transition: all .3s;
	-webkit-transition: all .3s
}

.header-m .nav>li .sub-nav {
	display: none
}

.header-m .nav>li .sub-nav a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 12px 40px;
	background: #f2f2f2;
	color: #4E4E4E
}

.header-m .nav>li .sub-nav a::before,
.header-m .nav>li .sub-nav a::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	left: 20px;
	top: 20px;
	border: 5px solid transparent;
	overflow: hidden;
	transition: all .3s;
	-webkit-transition: all .3s
}

.header-m .nav>li .sub-nav a::before {
	left: 21px;
	border-left: 5px solid #555
}

.header-m .nav>li .sub-nav a::after {
	border-left: 5px #ebebeb solid
}

.header-m .nav>li.cur {
	position: relative
}

.header-m .nav>li.cur::after,
.header-m .nav>li.cur::before {
	position: absolute;
	content: '';
	background: #999;
	transition: all .5s;
	-webkit-transition: all .5s
}

.header-m .nav>li.cur::before {
	top: 19px;
	right: 25px;
	width: 2px;
	height: 12px
}

.header-m .nav>li.cur::after {
	top: 24px;
	right: 20px;
	width: 12px;
	height: 2px
}

.header-m .nav>li.active::after {
	background: #fff
}

.header-m .nav>li.active::before {
	height: 0
}

.header-m .nav>li.active>a {
	color: #fff;
	background-color: #001F47;
}

.header-m .nav>li.active>a::after {
	border-color: #fff;
	background-color: #fff;
}

.header-m .nav>li.active .sub-nav li {
	animation: ReturnToNormal .5s both;
	-webkit-animation: ReturnToNormal .5s both
}

.header-m .m-search-b {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	min-height: 46px;
	width: 40px;
	height: .57rem;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;
	background-size: 23px;
}

.header-m .m-lks {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.header-m .m-lks a {
	color: #666;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	display: block;
	border-bottom: 1px solid #ebebeb;
	animation: slideInUp 1.5s both;
	-webkit-animation: slideInUp 1.5s both;
}

html.active {
	overflow: hidden
}

html.active body {
	overflow: hidden
}

html.active .header-m {
	left: 260px
}

html.active .header-m::after {
	display: block
}

html.active .header-m .m-menu-b::before {
	transform: translateY(0) rotate(225deg);
	-webkit-transform: translateY(0) rotate(225deg)
}

html.active .header-m .m-menu-b::after {
	transform: translateY(0) rotate(-225deg);
	-webkit-transform: translateY(0) rotate(-225deg)
}

html.active .header-m .m-menu {
	display: block;
	left: 0
}

html.active .banner,
html.active .main,
html.active footer {
	transform: translateX(260px);
	-webkit-transform: translateX(260px);
}

/* 顶部搜索 */

.fix-search {
	display: none;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	background-color: #fff;
}

.fix-search .inner-wrap {
	max-width: 92%;
	height: 100%;
	margin: 0 auto;
}

.fix-search .inner-wrap .con {
	width: 100%;
}

.fix-search .hide {
	position: relative;
	width: 20px;
	min-height: 38px;
	height: .48rem;
	margin-right: 10px;
	cursor: pointer
}

.fix-search .hide::before,
.fix-search .hide::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 1px;
	height: 35%;
	margin-top: -35%;
	background: #000
}

.fix-search .hide::before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.fix-search .hide::after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.fix-search .hide:hover {
	opacity: .5
}

.fix-search .row {
	width: 100%;
}

.fix-search .txt,
.fix-search .btn {
	min-height: 38px;
	height: .48rem;
	line-height: .48rem
}

.fix-search .txt {
	width: calc(100% - 30px);
	font-size: 15px;
	padding: 0 15px 0 5px;
	border-bottom: 1px solid #e1e1e1
}

.fix-search .txt:focus {
	border-color: #666
}

.fix-search .btn {
	width: 30px;
	min-height: 38px;
	height: .48rem;
	line-height: .48rem;
	font-size: 0;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAilBMVEUAAABmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmZlZWVlZWVlZWVmZmZmZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVmZmZlZWVnZ2dmZmZmZmZnZ2dmZmZqampnZ2dmZmbkjhFbAAAALXRSTlMAr5hB9NSAem7q5YxpRjcw+thfVSsU38zHwLq2k3NkIqmhhlpRGhDuSjwKJB5esRyhAAACPElEQVRIx8WW2XaDIBCGcY9b3Go0ajQ2exre//XKclqKIpDkov8dM/NxZBhmBALFn2Pj+OmmNrroAZ5QeRgv8K+2u0QTPXsBnMuIddhV9gvYWR0wfFyr0HVFI9MmSkpiGazwZ7tQzh5pVJuX/JauT89+l7AeDSnmniFMsevyscg25KC92JnsIdYSTbyb5UsxCX0S+j6xq5ZeBI5wzgJPTzxAKovc+Nz+CBiruA1X+NHOoC4hnPKvifHDRtYrUMsQFEuHbHu2lB875W9kgEg3oKMRRXacJUIWE2hpjYuBs7TIEgM9NZPslGw3tXaTr4xYCtU6oWB/kmsL6GqLokv+8hJt2OAfV42WgzY88tndkA9Rix0yZ0vcJVQI/ww8tsQd6q4Nhyg6YktH1CGkHeXIlo24OUna1ZrLH1nq1+eJT0GvDft8ei3WmvRedDPZLC2fSLY3TeBBE66mCSrwgFJRLDTjZ3KgnbJ63nw9NgvUrSCYFNQ5IxsqNQQ4TjiHdlpvOTgJkwgtjbKGkeDubexQP0bYiTwHCBXdqOWH5PzYMF9Cv2oyhJden0toU+zOHUiULdE34rbDx7yutvBHWbL0aTTGNwvOumrprpEr/W25m5DK3nvR4Wod85VbQarKAsAj9GLjuO2hULZZ/v6qBcttJzbmaOYNrLgRLZnlD3xIpjosaGNmtC/9E7jHudcZren2MX1sU1o9GCXVdIn/hY5I/q8v0v37dHp8kc7fp2GhD8y7RwXeoB3wqopq634DOx1tNyykjbUAAAAASUVORK5CYII=) no-repeat center / 60% auto
}

/* Banner */

.banner {
	position: relative;
	height: 5.3rem;
}

.index-banner.banner {
	height: 6.1rem;
}

.banner .banner-img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner>.wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	height: 100%;
}

.banner>.wrap>.tit {
	margin-bottom: .16rem;
	font-size: .3rem;
	color: #001F47;
	font-weight: bold;
}

.banner>.wrap>.desc {
	margin-bottom: .26rem;
	font-size: .28rem;
	color: #001F47;
}

.banner .wrap .lk-btn {
	display: block;
	padding: 0 .4rem;
	height: 50px;
	background-color: #001F47;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
}
.lk-btn2{
	display: block;
	
	height: 50px;
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 50px;
}
.look_books{
	width: 132px;
	height: 42px;float: right;background-color: #001F47;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;text-align: center;line-height: 41px;position: absolute;right: 27px;top:26px
}
.p-item-poo {
	font-size: 16px;
	color: #000;
	line-height: 30px;margin-bottom: 30px;
}
.banner>.wrap>.lk-btn:hover {
	background-color: #00357a;
}

.banner .location-wrap {
	display: flex;
	position: absolute;
	bottom: 0;
	left: .25rem;
	width: calc(100% - .5rem);
	height: .42rem;
	background-color: #fff;
}

.banner .location-wrap .icon-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: .42rem;
	height: 100%;
	background-color: #EAEAEA;
}

.banner .location-wrap .lk.icon-lk {
	margin-right: 20px;
}

.banner .location-wrap .icon-wrap::after {
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	border-top: .21rem solid transparent;
	border-bottom: .21rem solid transparent;
	border-left: .08rem solid #EAEAEA;
}

.banner .location-wrap .lk,
.banner .location-wrap .arrow {
	margin-right: 6px;
	font-size: 14px;
	color: #999;
	line-height: .42rem;
}

.banner .location-wrap .lk:hover {
	text-decoration: underline;
}

.banner .location-wrap .lk.cur {
	color: #031E50;
}

/* Content */

.index .company-intr {
	padding: .7rem 0;
	border-bottom: 1px solid #E5E5E5;
}

.index .company-intr .name {
	margin-bottom: .1rem;
	font-size: .32rem;
	color: #004D99;
}

.index .company-intr .tit {
	margin-bottom: .6rem;
	font-size: .3rem;
	color: #000;
}

.index .company-intr .desc {
	margin-bottom: 2em;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}

.index .more-btn {
	display: block;
	margin: 0 auto;
	width: 220px;
	height: 48px;
	background-color: #001F47;
	font-size: 16px;
	color: #fff;
	line-height: 48px;
	text-align: center;
}

.index .more-btn:hover {
	background-color: #00357a;
}

.index .news {
	padding: .7rem 0;
	border-bottom: 1px solid #E5E5E5;
}

.index .news>.tit {
	margin-bottom: .42rem;
	font-size: .3rem;
	color: #000;
}

.index .news .news-wrap {
	display: flex;
	margin-bottom: .45rem;
}

.index .news .news-item {
	width: 32.6%;
	margin-right: 1.1%;
	position: relative;
}

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

.index .news .news-item .lk {
	display: block;
	position: relative;
}

.index .news .news-item .img-wrap {
	height: 3.83rem;
	overflow: hidden;
}

.index .news .news-item .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index .news .news-item .text-wrap {
	position: relative;
	padding: .26rem .3rem;
	background-color: #fff;
	border: 1px solid #ddd;
}

.index .news .news-item .text-wrap .tit {
	margin-bottom: 1em;
	font-size: 18px;
	color: #000;
}

.index .news .news-item .text-wrap .desc {
	margin-bottom: 1em;
	font-size: 16px;
	color: #666;
}

.index .news .news-item .text-wrap .more-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.index .news .news-item .text-wrap .more-box .more {
	display: flex;
	align-items: center;
}

.index .news .news-item .text-wrap .more-box .more .text {
	margin-right: 6px;
	font-size: 16px;
	color: #000;
	line-height: 1em;
}

.index .news .news-item .share-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .9);
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotateY(90deg);
	transition: all .4s ease-in-out;
}

.index .news .news-item .share-box .close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.index .news .news-item .share-box .close-btn::before,
.index .news .news-item .share-box .close-btn::after {
	content: '';
	position: absolute;
	top: 5px;
	right: 10px;
	width: 2px;
	height: 15px;
	background-color: #767676;
}

.index .news .news-item .share-box .close-btn::before {
	transform: rotate(45deg);
}

.index .news .news-item .share-box .close-btn::after {
	transform: rotate(-45deg);
}

.index .news .news-item .share-box .icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.index .news .news-item .share-box .icon-box a {
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	margin: 0 12px;
	position: relative;
	overflow: hidden;
}

.index .news .news-item .share-box .icon-box a img {
	width: 40px;
	height: auto;
	position: absolute;
	top: calc(50% - 16px);
	left: calc(50% - 67.5px);
}

.index .news .news-item .share-box .icon-box .icon-wx img {
	filter: drop-shadow(50px 0 0 #0077b5);
}

.index .news .news-item .share-box .icon-box .icon-wb img {
	filter: drop-shadow(50px 0 0 #026466);
}

.index .news .news-item .share-box .icon-box .icon-qq img {
	width: 30px;
	top: calc(50% - 15px);
	left: calc(50% - 65px);
	filter: drop-shadow(50px 0 0 #3b5998);
}

.index .news .news-item .share-box.is-visible {
	transform: rotateY(0deg);
	border: 1px solid #ddd;
}

.index .news .news-item .lk:hover .text-wrap .more-box .more .text {
	text-decoration: underline;
}

.index .news .news-item .text-wrap .more-box .share {
	width: 22px;
	height: 22px;
	cursor: pointer;
	position: relative;
}

.index .news .news-item .text-wrap .more-box .share::before {
	content: "";
	width: 19px;
	height: 21px;
	background-image: url(../images/share.png);
	background-size: 100% 100%;
	box-sizing: border-box;
	position: absolute;
	top: 2px;
	right: 0;
}

.index .product {
	padding: .7rem 0 .58rem;
	border-bottom: 1px solid #E5E5E5;
}

.index .product>.tit {
	margin-bottom: .42rem;
	font-size: .3rem;
	color: #000;
}

.index .product-list {
	display: flex;
	flex-wrap: wrap;
}

.index .product-item {
	position: relative;
	width: 24.3%;
	margin-right: calc(2.8% / 3);
	margin-bottom: 12px;
}

.index .product-item:nth-child(4n) {
	margin-right: 0;
}

.index .product-item .img-wrap {
	width: 100%;
	height: 1.66rem;
}

.index .product-item .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index .product-item .name {
	margin-top: 2px;
	height: .47rem;
	padding: 0 .12rem;
	background-color: #001F47;
	font-size: 16px;
	color: #fff;
	line-height: .47rem;
	cursor: pointer;
}

.index .product-item .name .text {
	width: 90%;
}

.index .product-item .name .icon-text {
	float: right;
	font-size: 24px;
}

.index .product-item .sub-product-list {
	display: none;
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	padding: 0 20px;
	background-color: #F2F3F4;
	box-shadow: 0 0 24px 0 rgba(3, 2, 2, .2);
}

.index .product-item .sub-product-item {
	margin: .13rem 0;
	font-size: 14px;
	line-height: 26px;
}

.index .product-item .sub-product-item .lk {
	color: #04479A;
	font-weight: bold;
}

.index .product-item .sub-product-item .desc {
	display: inline;
	font-weight: bold;
	color: #004D99;
}

.index .product-item .sub-product-item .desc:hover {
	text-decoration: underline;
}

.index .application {
	padding: .7rem 0 .53rem;
	background-color: #F0F0F0;
}

.index .application .wrap>.tit {
	margin-bottom: .32rem;
	font-size: .3rem;
	color: #000;
}

.index .application .wrap>.desc {
	font-size: 16px;
	line-height: 30px;
	color: #333;
}

.index .app-list-wrap {
	margin-top: .58rem;
}

.index .app-list {
	display: flex;
	flex-wrap: wrap;
}

.index .app-item {
	width: 49.45%;
	margin-right: 1.1%;
	margin-bottom: .17rem;
}

.index .app-item:nth-child(2n) {
	margin-right: 0;
}

.index .app-item .lk {
	display: block;
}

.index .app-item .img-wrap {
	height: 2.9rem;
	overflow: hidden;
}

.index .app-item .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index .app-item .name {
	display: flex;
	align-items: center;
	padding: 0 .3rem;
	background-color: #fff;
	border: 1px solid #ddd;
}

.index .app-item .name .text {
	width: auto;
	margin-right: .12rem;
	font-size: 18px;
	color: #000;
	line-height: .75rem;
}

.index .app-item .name .icon-app-arrow {
	flex-shrink: 0;
}

.slogan1 {
	height: 3.33rem;
	background: url(../images/index-slogan-bg.jpg) no-repeat center / cover;
}

.slogan1>.wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.slogan1 .tit {
	margin-bottom: .12rem;
	font-size: .3rem;
	color: #fff;
}

.slogan1 .desc {
	margin-bottom: .42rem;
	font-size: 16px;
	color: #fff;
}

.slogan1 .slogan-btn {
	display: block;
	width: 211px;
	height: 46px;
	background-color: #fff;
	font-size: 16px;
	color: #001F47;
	line-height: 46px;
	text-align: center;
}

.slogan1 .slogan-btn:hover {
	background-color: #00357a;
	color: #fff;
}

.index .advantage {
	padding: .7rem 0;
}

.index .advantage>.tit {
	margin-bottom: 0.26rem;
	font-size: .3rem;
	color: #000;
}

.index .advantage .img-wrap img {
	display: block;
	width: 100%;
	height: auto;
}

.index .advantage .text-wrap {
	margin: .6rem 0;
}

.index .advantage .text-wrap .desc {
	margin-bottom: 2em;
	font-size: 16px;
	line-height: 30px;
	color: #333;
}

.index .advantage .text-wrap .desc:last-child {
	margin-bottom: 0;
}

.index .advantage .tech-wrap {
	position: relative;
}

.index .advantage .tech-wrap .img-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
}

.index .advantage .tech-wrap .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index .advantage .tech-wrap .tech-list-wrap {
	width: 31.5%;
	padding: .34rem .32rem .34rem .48rem;
	background-color: rgba(0, 31, 71, .95);
}

.index .advantage .tech-wrap .tech-list-wrap .tit {
	margin-bottom: .24rem;
	font-size: .26rem;
	color: #fff;
}

.index .advantage .tech-wrap .tech-list-wrap .tech-item {
	font-size: 14px;
	color: rgba(255, 255, 255, .95);
	line-height: 26px;
}

.index .advantage .tech-wrap .tech-list-wrap .tech-item::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 6px;
	background-color: rgba(255, 255, 255, .95);
	border-radius: 50%;
	vertical-align: middle;
}

.about .about-us {
	padding: 0.7rem 0;
}

.about .about-us>.tit {
	margin-bottom: 0.1rem;
	font-size: .32rem;
	color: #004D99;
}

.about .about-us>.desc {
	margin-bottom: 0.6rem;
	font-size: .3rem;
	color: #000;
	line-height: .48rem;
}

.about .about-us .img-text-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .86rem;
}

.about .about-us .img-text-item:nth-child(even) {
	flex-direction: row-reverse;
}

.about .about-us .img-text-item:last-child {
	margin-bottom: 0;
}

.about .about-us .img-text-item .img-wrap {
	width: 36%;
}

.about .about-us .img-text-item .img-wrap img {
	display: block;
	width: 100%;
	height: auto;
}

.about .about-us .img-text-item .text-wrap {
	width: 60%;
}

.about .about-us .img-text-item .tit {
	margin-bottom: .5em;
	font-size: 16px;
	color: #001F47;
	line-height: 30px;
	font-weight: bold;
}

.about .about-us .img-text-item .text {
	margin-bottom: 1em;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}

.about .about-us .img-text-item .text:last-child {
	margin-bottom: 0;
}

.about .about-history {
	height: 3.49rem;
	background: url(../images/about-history-bg.jpg) no-repeat center / cover;
}

.about .about-history>.wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.about .about-history .tit {
	margin-bottom: .12rem;
	font-size: .3rem;
	color: #fff;
}

.about .about-history .desc {
	margin-bottom: .42rem;
	font-size: 16px;
	color: #fff;
}

.about .about-history .more-btn {
	display: block;
	width: 177px;
	height: 46px;
	background-color: #fff;
	font-size: 16px;
	color: #001F47;
	line-height: 46px;
	text-align: center;
}

.about .about-history .more-btn:hover {
	background-color: #00357a;
	color: #fff;
}

.about .about-career {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.7rem 0;
}

.about .about-career .text-wrap,
.about .international .text-wrap {
	width: 46%;
}

.about .about-career .text-wrap .tit,
.about .international .text-wrap .tit {
	margin-bottom: .5rem;
	font-size: .32rem;
	color: #141C35;
}

.about .about-career .text-wrap .desc,
.about .international .text-wrap .desc {
	margin-bottom: .08rem;
	font-size: 16px;
	color: #000;
	line-height: 30px;
}

.about .about-career .text-wrap .lk,
.about .international .text-wrap .lk {
	font-size: 16px;
	color: #004D99;
	line-height: 30px;
}

.about .about-career .text-wrap .lk:hover,
.about .international .text-wrap .lk:hover {
	text-decoration: underline;
}

.about .about-career .img-wrap,
.about .international .img-wrap {
	width: 47.5%;
	height: 2.9rem;
}

.about .about-career .img-wrap img,
.about .international .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about .international {
	padding: 0.7rem 0;
	background-color: #EAEAEA;
}

.about .international>.wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.history .history-wrap {
	padding: 0.7rem 0;
}

.history .history-wrap>.tit {
	margin-bottom: 0.1rem;
	font-size: .32rem;
	color: #004D99;
}

.history .history-wrap>.desc {
	font-size: .3rem;
	color: #000;
	line-height: .48rem;
}

.history .history-item {
	display: flex;
	justify-content: space-between;
	padding: .6rem 0 .5rem;
	border-bottom: 1px solid #D2D2D2;
}

.history .history-item .year-wrap {
	font-size: 20px;
	color: #000;
	line-height: 30px;
}

.history .history-item .img-wrap {
	width: 170px;
}

.history .history-item .img-wrap img {
	display: block;
	width: 100%;
	height: auto;
}

.history .history-item .desc-wrap {
	width: 55%;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}

.career {
	padding-top: .7rem;
}

.career .tit-wrap .tit {
	margin-bottom: 0.1rem;
	font-size: .32rem;
	color: #004D99;
}

.career .tit-wrap .sub-tit {
	margin-bottom: .28rem;
	font-size: .3rem;
	color: #000;
	line-height: .48rem;
}

.career .tit-wrap .desc {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.career .career-item {
	display: flex;
	justify-content: space-between;
	margin-top: .9rem;
}

.career .career-item .img-wrap {
	width: 42%;
	height: 3.15rem;
	overflow: hidden;
}

.career .career-item .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.career .career-item .text-wrap {
	width: 52%;
	padding-top: .15rem;
}

.career .career-item .text-wrap .tit {
	margin-bottom: 1em;
	font-size: 30px;
	color: #333;
}

.career .career-item .text-wrap .desc {
	margin-bottom: 1em;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}

.career .career-item .text-wrap .desc:last-child {
	margin-bottom: 0;
}

.career .slogan {
	height: 3.62rem;
	margin-top: .95rem;
	background: url(../images/career-slogan-bg.jpg) no-repeat right / cover;
}

.career .slogan>.wrap {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}

.career .slogan .tit {
	margin-bottom: .22rem;
	font-size: .3rem;
	color: #001F47;
}

.career .slogan .desc,
.career .slogan .slogan-item {
	font-size: 16px;
	color: #001F47;
	line-height: 36px;
}

.career .slogan .slogan-item::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 1em;
	background-color: #001F47;
}

.career .slogan .slogan-item p {
	display: inline;
}

.career .career-con {
	padding-bottom: 1rem;
}

.career .career-con .career-item .img-wrap {
	height: 2.6rem;
}

.career .invite {
	padding: .52rem 0;
	background-color: #EAEAEA;
}

.career .invite>.wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.career .invite .text-wrap {
	width: 50%;
}

.career .invite .text-wrap .tit {
	margin-bottom: .28rem;
	font-size: .3rem;
	color: #001F47;
}

.career .invite .text-wrap .desc {
	font-size: 16px;
	color: #001F47;
	line-height: 36px;
}

.career .invite .img-wrap {
	width: 38%;
	height: 2.56rem;
	overflow: hidden;
}

.career .invite .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.worldwide .tit-wrap {
	padding: .7rem 0;
}

.worldwide .tit-wrap .tit {
	margin-bottom: 0.1rem;
	font-size: .32rem;
	color: #004D99;
}

.worldwide .tit-wrap .sub-tit {
	margin-bottom: 0.28rem;
	font-size: .3rem;
	color: #000;
	line-height: .48rem;
}

.worldwide .tit-wrap .desc {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.worldwide .count {
	height: 3.83rem;
	background-color: #EAEAEA;
}

.worldwide .count>.wrap {
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 100%;
}

.worldwide .count .count-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 2.32rem;
	height: 2.32rem;
	background-color: #001F47;
	border-radius: 50%;
}

.worldwide .count .count-item .number {
	font-size: .72rem;
	color: #fff;
	font-weight: bold;
}

.worldwide .count .count-item .text {
	font-size: 14px;
	color: #fff;
}

.worldwide .company-wrap {
	padding: .55rem 0 .9rem;
}

.worldwide .company-wrap .wrap>.tit {
	font-size: .3rem;
	color: #000;
}

.worldwide .company-wrap .wrap>.desc {
	margin-top: 1em;
	font-size: 16px;
	color: #000;
}

.worldwide .company-wrap .wrap>.desc span {
	font-weight: bold;
}

.worldwide .company-wrap .tab-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: .55rem;
	padding-bottom: .12rem;
	border-bottom: 2px solid #000;
}

.worldwide .company-wrap .tab-bar .tit {
	width: 2.26rem;
	height: 42px;
	background-color: #001F47;
	font-size: 18px;
	color: #fff;
	line-height: 42px;
	text-align: center;
}

.worldwide .company-wrap .tab-bar .desc .number {
	font-size: .28rem;
	color: #004D99;
	vertical-align: middle;
}

.worldwide .company-wrap .tab-bar .desc .text {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
}

.worldwide .company-wrap .company-con {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.worldwide .company-con .company {
	width: 48%;
	margin-top: .45rem;
	padding: 0 16px;
	border: 1px solid #C0C0C0;
}

.worldwide .company-con .company .hd {
	height: 175px;
	padding: .24rem 1.67rem 0 0;
	border-bottom: 1px solid #000;
}

.worldwide .company-con .company .hd .name {
	font-size: 21px;
	color: #000;
}

.worldwide .company-con .company .hd .addon {
	font-size: 16px;
	color: #000;
	line-height: 28px;
}

.worldwide .company-con .company .hd .contact-name {
	margin: .12rem 0 .08rem;
	font-size: 14px;
	color: #000;
}

.worldwide .company-con .company .detail {
	padding: .25rem .5rem 0 0;
}

.worldwide .company-con .company .detail .address {
	font-size: 14px;
	color: #000;
	line-height: 22px;
}

.worldwide .company-con .company .detail .channels {
	margin-top: .35rem;
}

.worldwide .company-con .company .detail .channel .item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 14px;
	color: #000;
	line-height: 22px;
}

.worldwide .company-con .company .detail .channel .item i {
	margin-right: 12px;
}

.worldwide .company-con .company .country-wrap {
	margin-top: .4rem;
}

.worldwide .company-con .company .country-wrap>.tit {
	font-size: 14px;
	color: #777;
	line-height: 22px;
}

.worldwide .company-con .company .country-wrap .inner-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: .04rem 0 .16rem;
}

.worldwide .company-con .company .country-wrap .inner-wrap .icon-company-earth {
	margin: 0 12px 5px 0;
}

.worldwide .company-con .company .country-wrap .inner-wrap .country {
	display: flex;
	align-items: flex-end;
	margin: 0 12px 5px 0;
}

.worldwide .company-con .company .country-wrap .inner-wrap .country .name {
	margin-left: 4px;
	font-size: 16px;
	color: #000;
	line-height: 1em;
}

.news .tit-wrap {
	padding: 0.7rem 0 .52rem;
}

.news .tit-wrap .tit {
	margin-bottom: 0.1rem;
	font-size: .32rem;
	color: #004D99;
}

.news .tit-wrap .sub-tit {
	margin-bottom: 0.28rem;
	font-size: .3rem;
	color: #000;
	line-height: .48rem;
}

.news .tit-wrap .desc {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.news .news-list .news-item {
	margin-bottom: .24rem;
	height: 1.7rem;
	border: 1px solid #C0C0C0;
}

.news .news-list .news-item .lk {
	display: flex;
	height: 100%;
}

.news .news-list .news-item .img-wrap {
	width: 240px;
	height: 100%;
	overflow: hidden;
}

.news .news-list .news-item .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news .news-list .news-item .info-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: calc(100% - 240px);
	height: 100%;
	padding: .2% 1.5% 1%;
}

.news .news-list .news-item .info-wrap .date {
	font-size: 14px;
	color: #767676;
}

.news .news-list .news-item .info-wrap .tit {
	font-size: .2rem;
	color: #000;
}

.news .news-list .news-item .info-wrap .desc {
	font-size: 16px;
	color: #000;
}

.news .news-list .news-item .info-wrap .more-btn {
	width: 218px;
	height: 42px;
	background-color: #001F47;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 42px;
	transition: all .3s;
}

.news .news-list .news-item .lk:hover .info-wrap .more-btn {
	background-color: #00357a;
	color: #fff;
}

.news .news-detail-wrap {
	padding: .7rem 0;
}

.news .news-detail-wrap .date-wrap {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	border: 1px solid #d2d8df;
}

.news .news-detail-wrap .date-wrap .date {
	margin-left: 10px;
	font-size: 14px;
	color: #000;
	line-height: 1em;
}

.news .news-detail-wrap>.tit {
	margin: .3rem 0 .5rem;
	font-size: .24rem;
	color: #004D99;
	text-align: center;
}

.product-display .tit-wrap {
	padding: 0.7rem 0;
}

.product-display .tit-wrap .tit {
	margin-bottom: 0.1rem;
	font-size: .32rem;
	color: #004D99;
}

.product-display .tit-wrap .desc {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.product-display .content {
	padding-bottom: 1rem;
}

.product-display .product-display-item {
	display: flex;
	justify-content: space-between;
	padding: .47rem 0;
	border-bottom: 1px solid #C0C0C0;
}

.product-display .product-display-item:nth-child(even) {
	flex-direction: row-reverse;
}

.product-display .product-display-item:first-child {
	border-top: 1px solid #C0C0C0;
}

.product-display .product-display-item .img-wrap {
	width: 42.5%;
	height: 2.6rem;
	overflow: hidden;
}

.product-display .product-display-item .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-display .product-display-item .text-wrap {
	width: 52.5%;
}

.product-display .product-display-item .text-wrap .tit {
	margin: .04rem 0 .3rem;
	font-size: .3rem;
	color: #333;
}

.product-display .product-display-item .text-wrap .desc {
	margin-bottom: .32rem;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}

.product-display .product-display-item .text-wrap .lk {
	font-size: 16px;
	color: #004D99;
}

.product-display .product-display-item .text-wrap .lk:hover {
	text-decoration: underline;
}

.product-list-main .tit-wrap {
	padding: .7rem 0;
}

.product-list-main .tit-wrap .tit {
	margin-bottom: 0.1rem;
	font-size: .32rem;
	color: #004D99;
}

.product-list-main .tit-wrap .sub-tit {
	margin-top: 2em;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	line-height: 30px;
}

.product-list-main .tit-wrap .desc {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.product-list-main .product-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product-list-main .product-item {
	width: 45.8%;
	margin-bottom: 1rem;
	border: 1px solid #C0C0C0;
}

.product-list-main .product-item .lk {
	display: block;
}

.product-list-main .product-item .img-wrap {
	height: 2.9rem;
	overflow: hidden;
}

.product-list-main .product-item .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-list-main .product-item .info-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 188px;
	padding: .1rem .3rem .16rem;
}

.product-list-main .product-item .info-wrap .name {
	font-size: 18px;
	color: #000;
}

.product-list-main .product-item .info-wrap .desc {
	font-size: 14px;
	color: #666;
	line-height: 30px;
}

.product-list-main .product-item .info-wrap .more {
	font-size: 14px;
	color: #004D99;
}

.product-list-main .product-item .lk:hover .info-wrap .more {
	text-decoration: underline;
}

.product-detail-main .product-detail {
	padding: .7rem 0;
}

.product-detail-main .product-detail .info-wrap {
	display: flex;
	justify-content: space-between;
}

.product-detail-main .product-detail .info-wrap>.left {
	width: 48.6%;
}

.product-detail-main .product-detail .product-detail-swiper-wrap {
	height: 3.73rem;
	overflow: hidden;
}

.product-detail-swiper {
	height: 100%;
	overflow: hidden;
}

.product-detail-swiper .swiper-notification {
	display: none;
}

.product-detail-swiper img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-detail-main .product-detail .product-detail-thumbnail-swiper-wrap {
	position: relative;
	height: 60px;
	margin-top: .15rem;
	padding: 0 32px;
	overflow: hidden;
}

.product-detail-thumbnail-swiper {
	height: 100%;
	overflow: hidden;
}

.product-detail-thumbnail-swiper .swiper-notification {
	display: none;
}

.product-detail-thumbnail-swiper-button-prev,
.product-detail-thumbnail-swiper-button-next {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	width: 24px;
	height: 100%;
	background-color: #001F47;
	cursor: pointer;
}

.product-detail-thumbnail-swiper-button-prev {
	left: 0;
}

.product-detail-thumbnail-swiper-button-next {
	right: 0;
}

.product-detail-thumbnail-swiper .swiper-slide {
	opacity: .5;
}

.product-detail-thumbnail-swiper .swiper-slide-thumb-active {
	opacity: 1;
}

.product-detail-thumbnail-swiper img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-detail-main .product-detail .info-wrap>.right {
	width: 42%;
}

.product-detail-main .product-detail .product-name {
	padding: .1rem 0 .26rem;
	font-size: .3rem;
	color: #000;
	border-bottom: 1px solid #E5E8EC;
}

.product-detail-main .product-detail .product-desc {
	padding: .26rem 0;
	font-size: 16px;
	color: #333;
	line-height: 36px;
	border-bottom: 1px solid #E5E8EC;
}

.product-detail-main .product-detail .product-file {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #E5E8EC;
}

.product-detail-main .product-detail .product-file i {
	flex-shrink: 0;
}

.product-detail-main .product-detail .product-file .file-name {
	flex-grow: 1;
	margin: 0 1em;
	padding: .2rem 0;
	font-size: 16px;
	color: #333;
}

.product-detail-main .product-detail .product-file:hover .file-name {
	text-decoration: underline;
}

.product-detail-main .product-detail .product-video-wrap {
	margin-top: .7rem;
	height: 4.32rem;
	overflow: hidden;
}

.product-detail-main .product-detail .product-video-wrap .lk {
	display: block;
	position: relative;
	height: 100%;
}

.product-detail-main .product-detail .product-video-wrap .lk img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-detail-main .product-detail .product-video-wrap .lk .icon-product-video {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
}

.product-detail-main .advantage {
	padding: .5rem 0;
	background-color: #001F47;
}

.product-detail-main .advantage .tit {
	margin-bottom: .34rem;
	font-size: .26rem;
	color: #fff;
}

.product-detail-main .advantage .advantage-item {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

.product-detail-main .technology {
	padding-top: .64rem;
}

.product-detail-main .technology .wrap>.tit {
	font-size: .3rem;
	color: #000;
}

.product-detail-main .technology .wrap>.desc {
	margin-top: 1em;
	font-size: 16px;
	color: #000;
	line-height: 24px;
}

.product-detail-main .technology .image-text-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: .78rem;
}

.product-detail-main .technology .technology-item {
	width: 30%;
	margin-bottom: .64rem;
}

.product-detail-main .technology .technology-item.full {
	width: 100%;
}

.product-detail-main .technology .technology-item .img-wrap {
	height: 1.85rem;
	overflow: hidden;
}

.product-detail-main .technology .technology-item.full .img-wrap {
	height: 3.86rem;
}

.product-detail-main .technology .technology-item .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-detail-main .technology .technology-item .desc {
	padding: 0 .5em;
	font-size: 16px;
	color: #000;
	line-height: .4rem;
}

.contact-main .contact-way {
	padding: .7rem 0 .98rem;
}

.contact-main .contact-way>.wrap {
	display: flex;
	justify-content: space-between;
}

.contact-main .contact-way .info-wrap {
	width: 40%;
}

.contact-main .contact-way .info-wrap .name {
	font-size: .32rem;
	color: #004E99;
}

.contact-main .contact-way .info-wrap .contact-list {
	margin: .6rem 0;
}

.contact-main .contact-way .info-wrap .contact-item {
	font-size: 16px;
	color: #333;
	line-height: 36px;
}

.contact-main .contact-way .info-wrap .qrcode-wrap {
	width: 104px;
	height: 104px;
}

.contact-main .contact-way .info-wrap .qrcode-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.contact-main .contact-way .map-wrap {
	width: 55%;
	height: 4.5rem;
}

.contact-main .contact-way .map-wrap .map {
	width: 100%;
	height: 100%;
}

.contact-main .form {
	padding: 1.1rem 0;
	background-color: #F9F9F9;
}

.contact-main .form .desc {
	font-size: 18px;
	color: #010202;
}

.contact-main .form .inner-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: .48rem;
}

.contact-main .form .input-wrap {
	display: flex;
	align-items: center;
	width: 47%;
	height: 52px;
	padding: 0 1.5%;
	margin-bottom: .3rem;
	border: 1px solid #D9D9D9;
}

.contact-main .form .input-wrap label {
	position: relative;
	padding-left: 36px;
	font-size: 14px;
	color: #333;
	line-height: 50px;
}

.contact-main .form .input-wrap label i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.contact-main .form .input-wrap input {
	flex-grow: 1;
	height: 100%;
	margin-left: 2%;
	background-color: transparent;
}

.contact-main .form .textarea-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 15px 1.5%;
	margin-bottom: .3rem;
	border: 1px solid #D9D9D9;
}

.contact-main .form .textarea-wrap label {
	position: relative;
	padding-left: 36px;
	font-size: 14px;
	color: #333;
	line-height: 50px;
}

.contact-main .form .textarea-wrap label i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.contact-main .form .textarea-wrap textarea {
	width: 100%;
	height: 100px;
	background-color: transparent;
}

.contact-main .form .input-wrap.verif {
	padding-right: 0;
}

.contact-main .form .input-wrap.verif label {
	padding-left: 0;
}

.contact-main .form .submit-btn {
	width: 47%;
	height: 52px;
	margin-bottom: .3rem;
	background-color: #001F47;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 52px;
}

.contact-main .form .submit-btn:hover {
	background-color: #00357a;
}

.download .tit-wrap {
	padding: 0.7rem 0;
}

.download .tit-wrap .tit {
	margin-bottom: 0.1rem;
	font-size: .32rem;
	color: #004D99;
}

.download .tit-wrap .desc {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.download .tit-wrap .desc span {
	font-weight: bold;
}

.download .files {
	padding-top: .26rem;
	border-top: 2px solid #000;
}

.download .files .inner-wrap {
	margin-bottom: .56rem;
}

.download .file {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: .06rem;
	border-bottom: 1px solid #C0C0C0;
}

.download .file .name-wrap {
	display: flex;
	align-items: center;
	width: 45%;
}

.download .file .name-wrap .icon-pdf {
	flex-shrink: 0;
}

.download .file .name-wrap .text {
	margin-left: .12rem;
	font-size: 16px;
	color: #001F47;
	font-weight: bold;
}

.download .file .memory {
	width: 10%;
	font-size: 14px;
	color: #000;
	white-space: nowrap;
}

.download .file .download-btn {
	margin-top: .12rem;
}

.download .file .download-btn:hover .icon-download {
	background-image: url(../images/icon-download-active.png);
	background-size: .75rem .7rem;
}

.service .tit-wrap {
	padding: .7rem 0;
}

.service .tit-wrap .tit {
	margin-bottom: 0.1rem;
	font-size: .32rem;
	color: #004D99;
}

.service .tit-wrap .sub-tit {
	margin-bottom: 0.28rem;
	font-size: .3rem;
	color: #000;
	line-height: .48rem;
}

.service .tit-wrap .img-wrap {
	display: flex;
	height: 2.58rem;
}

.service .tit-wrap .img-wrap img {
	display: block;
	width: 50%;
	height: 100%;
	object-fit: cover;
}
.service .tit-wrap .img-wrap .yhy_img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dianzan1{
	width: 100%;min-height: 36px;margin-bottom: 16px;
	font-size: 26px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #004D99;
}
.dianzan2{
	width: 100%;min-height: 36px;
	font-size: 16px;
	font-family: Arial;
	font-weight: 400;
	color: #004D99;
	
}
.dianzan1 span{
	display: block;padding-left: 65px;
}
.dianzan2 span{
	display: block;text-align:right;padding-right:65px ;line-height: 30px;
}
.spween_m{
	
}
.r_moledm{
	width:48%;float: left;margin-left: 2%;
}
.service .plan .img-wrap .caodi{
	width: 50%;
	max-width: 50%;height: 302px;overflow: hidden;float: left;
}
.service .plan .img-wrap .caodi img{
	width: 100%;height: 100%;object-fit: cover;
}
.left_pm{
	font-size: 16px;text-align: left;margin-bottom: 0.8rem;line-height: 35px;
}
.right_pm{
	font-size: 16px;text-align:right;line-height: 35px;
}
.r_moledm2{
	width:48%;float: left;margin-right: 2%;margin-left: 0;
}
.service .service-note {
	padding: .5rem 0;
	background-color: #001F47;
}

.service .service-note .tit {
	margin-bottom: .34rem;
	font-size: .26rem;
	color: #fff;
}

.service .service-note .service-note-item {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

.service .service-note .service-note-item::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 6px;
	background-color: rgba(255, 255, 255, .95);
	vertical-align: 3px;
	transform: rotate(45deg);
}

.service .plan {
	padding: .7rem 0;
}

.service .plan .tit {
	margin-bottom: .56rem;
	font-size: .26rem;
	color: #000;
}

.service .plan .plan-item {
	font-size: 16px;
	color: #000;
	line-height: 30px;
}

.service .plan .plan-item::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 6px;
	background-color: rgba(0, 0, 0, .95);
	vertical-align: 3px;
	transform: rotate(45deg);
}

.service .plan .img-wrap {
	height: 4.43rem;
	margin: .8rem 0;
	overflow: hidden;
}

.service .plan .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.service .plan .desc {
	margin-bottom: 1em;
	font-size: 16px;
	color: #000;
	line-height: 30px;
}

.service .plan .desc:last-child {
	margin-bottom: 0;
}

/* Common */

.pagelmc {
	display: flex;
	align-items: center;
	margin: .56rem 0;
}

.pagelmc a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: .42rem;
	padding: 0 .16rem;
	border: 1px solid #d2d8df;
	font-size: .16rem;
	color: #001F47;
	line-height: .42rem;
}

.pagelmc a.cur {
	border-color: #001F47;
	background-color: #001F47;
	color: #fff;
}

.pagelmc .pagelmc-num {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Footer */

footer .top {
	height: 3.5rem;
	padding: .42rem 0 .32rem;
	background: url(../images/footer-bg.webp) no-repeat center / cover;
}

footer .top .text-wrap .line01 {
	margin-bottom: .06rem;
	font-size: .3rem;
	color: #fff;
}

footer .top .text-wrap .line02 {
	margin-bottom: .26rem;
	font-size: .22rem;
	color: #fff;
}

footer .top .row {
	display: flex;
	height: 1.78rem;
}

footer .top .row .img-wrap {
	width: 1.6rem;
	height: 100%;
	margin-right: .58rem;
}

footer .top .row .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

footer .top .row .info-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 40%;
	padding-left: 3%;
	border-left: 1px solid #fff;
}

footer .top .row .info {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

footer .top .row .name {
	margin-bottom: .2rem;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

footer .middle {
	background-color: #004D99;
}

footer .middle .lk-group {
	display: flex;
	justify-content: center;
	align-items: center;
	height: .66rem;
}

footer .middle .lk-group .lk {
	position: relative;
	margin-right: 10%;
}

footer .middle .lk-group .lk:last-child {
	margin-right: 0;
}

footer .middle .lk-group .lk .qrcode-wrap {
	display: none;
	position: absolute;
	bottom: calc(100% + 4px);
	left: 50%;
	width: 100px;
	transform: translateX(-50%);
}

footer .middle .lk-group .lk:hover .qrcode-wrap {
	display: block;
}

footer .bottom {
	padding: .34rem 0;
	font-size: 14px;
	color: #000;
	text-align: center;
}

/* Menu */

.menu-wrap {
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: #fff;
	overflow: hidden;
	z-index: 999;
	width: 294px;
	border-radius: 4px;
	box-shadow: 0 1px 13px 0 rgba(7, 0, 2, .18);
	transform-origin: 100% 0;
	transition: all .3s cubic-bezier(.22, .61, .2, 1.1);
}

.menu-wrap.off {
	width: 140px;
	transform: rotate(-90deg) translate(0px, -46px);
}

.menu-wrap .hd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 46px;
	width: 100%;
	padding: 0 11px;
	background-color: #001F47;
}

.menu-wrap .hd .tit {
	flex-grow: 1;
	margin-left: 9px;
	font-size: 16px;
	color: #fff;
}

.menu-wrap.off .hd .tit {
	margin-left: 24px;
}

.menu-wrap.off .hd .menu-close {
	display: none;
}

.menu-wrap .bd {
	display: flex;
	justify-content: center;
	padding: 40px 0;
	background-color: #fff;
}

.menu-wrap .menu-item .lk {
	font-size: 14px;
	color: #1E85D5;
	line-height: 40px;
}