.container {
	max-width: 74%
}

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

header.active {
	background: #fff
}

header.active .navbar {
	padding: .520833vw 2.083333vw
}

header.active .logo1 {
	display: block
}

header.active .logo,header.active .navbar-menu .i1 {
	display: none
}

header.active .navbar-menu .i2 {
	display: block
}

header.active .language .nav-link,header.active .navbar-nav .nav-link,header.active .right .login,header.active .right a {
	color: #333
}

header .logo,header .logo1 {
	width: auto;
	height: 2.96875vw
}

header .logo1 {
	display: none
}

header .navbar-brand {
	padding-right: 5%
}

header .navbar {
	padding: 2.083333vw
}

header .navbar-nav .nav-link {
	font-size: .9375vw;
	font-weight: 700;
	color: #fff
}

header .navbar-nav {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

header .nav-item {
	position: relative
}

header .dropdown-menu {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: rgba(0,74,158,.9)
}

header .dropdown-menu .dropdown-item {
	font-size: .833333vw;
	color: #fff!important
}

header .dropdown-menu .dropdown-item:hover {
	background: #fff;
	color: #004a9e!important
}

header .navbar-menu {
	margin-left: 2.083333vw
}

header .navbar-menu img {
	width: 2.604167vw;
	height: 2.604167vw;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s
}

header .navbar-menu img:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

header .navbar-menu .i2 {
	display: none
}

header .right {
	padding-left: 5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

header .right .login,header .right a {
	display: inline-block;
	font-size: .833333vw;
	color: #fff
}

header .language {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.822917vw
}

header .language .nav-link {
	padding: .5rem .3rem;
	font-size: .833333vw;
	color: #fff
}

header .language a {
	color: #333
}

header .form-search {
	margin-left: 1.302083vw;
	display: inline-block
}

header .form-search .flex {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 62.5vw;
	margin: 0 auto;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

header .form-search .flex input {
	padding-left: 1.927083vw;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	background: transparent;
	border: none;
	line-height: 4.0625vw;
	height: 4.0625vw;
	border-radius: 0;
	border-bottom: 1px solid hsla(0,0%,100%,.2)
}

header .form-search .flex svg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 1.041667vw;
	height: .9375vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	color: #fff;
	opacity: .6
}

header .form-search .dropdown-menu {
	right: 0;
	left: auto
}

header .form-search button,header .form-search input {
	display: inline-block
}

header .form-search .dropdown-menu {
	position: fixed;
	top: 5.729167vw;
	width: 100%;
	margin-top: 0;
	border-radius: 0;
	padding: 2.083333vw 0 2.604167vw;
	background: rgba(50,50,50,.9);
	white-space: nowrap
}

header .form-search .dropdown-menu input {
	outline: none!important;
	margin-right: .416667vw!important;
	color: #fff
}

header .form-search .dropdown-menu input:focus {
	box-shadow: none
}

header .search-btn {
	color: #fff
}

.zh-body .navbar-nav .nav-link {
	font-size: 1.041667vw
}

.fixed-menu-nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	padding: 2.083333vw;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: -webkit-linear-gradient(bottom,#ccdae7,#eff7ff);
	background: linear-gradient(0deg,#ccdae7,#eff7ff)
}

.fixed-menu-nav .head {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.fixed-menu-nav .head .logo {
	width: auto;
	height: 2.96875vw
}

.fixed-menu-nav .head .icon {
	width: auto;
	height: 2.604167vw;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s
}

.fixed-menu-nav .head .icon:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.fixed-menu-nav .bg {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 33.645833vw;
	height: 40vw;
	background: url(../image/menu-bg.png) no-repeat -70% 140%;
	background-size: cover
}

.fixed-menu-nav .menu-nav-box {
	position: relative;
	height: calc(100% - 2.96875vw);
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-left: 13.541667vw
}

.fixed-menu-nav .menu-nav-box,.fixed-menu-nav .menu-nav-box .center {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.fixed-menu-nav .menu-nav-box .left {
	position: relative;
	width: 21.354167vw
}

.fixed-menu-nav .menu-nav-box .login {
	position: absolute;
	bottom: 0;
	left: 0
}

.fixed-menu-nav .menu-nav-box .language .btn,.fixed-menu-nav .menu-nav-box .login,.fixed-menu-nav .menu-nav-box .login a {
	font-size: .833333vw;
	font-weight: 700;
	color: #004a9e
}

.fixed-menu-nav .menu-nav-box .language .btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 3.125vw;
	height: 3.125vw;
	border-radius: 50%;
	margin-bottom: .520833vw
}

.fixed-menu-nav .menu-nav-box .language .btn.active {
	background: #004a9e;
	color: #fff
}

.fixed-menu-nav .menu-nav-box .nav-box {
	position: relative;
	border-right: 1px solid rgba(0,71,156,.3)
}

.fixed-menu-nav .menu-nav-box .nav-box .list .title {
	position: relative;
	display: inline-block;
	font-size: 1.458333vw;
	line-height: 1.1;
	font-weight: 500;
	opacity: .4;
	padding: .9375vw 4.0625vw .9375vw 0;
	color: #004a9e;
	-webkit-transition: all .4s;
	transition: all .4s
}

.fixed-menu-nav .menu-nav-box .nav-box .list .child-box {
	position: absolute;
	left: 80%;
	height: 100%;
	top: 0;
	opacity: 0;
	padding-left: 6.25vw;
	-webkit-transition: all .4s;
	transition: all .4s;
	z-index: -1
}

.fixed-menu-nav .menu-nav-box .nav-box .list .child-box .l {
	padding: .78125vw 0
}

.fixed-menu-nav .menu-nav-box .nav-box .list .child-box .l a {
	font-size: 1.25vw;
	line-height: 1.2;
	font-weight: 500;
	white-space: nowrap;
	color: #004a9e
}

.fixed-menu-nav .menu-nav-box .nav-box .list.active .title {
	opacity: 1;
	text-decoration: underline
}

.fixed-menu-nav .menu-nav-box .nav-box .list.active .child-box {
	left: 100%;
	opacity: 1;
	z-index: 1
}

.fixed-menu-nav .copyright {
	position: absolute;
	bottom: 1.5625vw;
	left: 2.083333vw
}

.fixed-menu {
	position: fixed;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10
}

.fixed-menu .list {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 4.166667vw;
	height: 4.166667vw;
	margin: .15625vw 0;
	padding: .520833vw 0;
	border-top-left-radius: .416667vw;
	border-bottom-left-radius: .416667vw;
	position: relative
}

.fixed-menu .list,.fixed-menu .list .list-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	background: #fff;
	-webkit-transition: all .4s;
	transition: all .4s
}

.fixed-menu .list .list-box {
	position: absolute;
	right: -100%;
	top: 0;
	min-height: 100%;
	font-size: 1.25vw;
	white-space: nowrap;
	padding: 0 1.041667vw;
	opacity: 0;
	color: #333;
	z-index: 1
}

.fixed-menu .list .list-box img {
	display: block;
	width: 8.854167vw;
	margin: 0 -1.041667vw;
	height: auto
}

.fixed-menu .list:hover {
	border-radius: 0;
	background: #004a9e
}

.fixed-menu .list:hover .list-box {
	right: 100%;
	opacity: 1;
	color: #fff;
	background: #004a9e
}

.fixed-menu .list:hover .text {
	color: #fff
}

.fixed-menu .list:hover .icon1 {
	display: none
}

.fixed-menu .list:hover .icon2 {
	display: block
}

.fixed-menu .list .icon2 {
	display: none
}

.fixed-menu .list img {
	position: relative;
	z-index: 2;
	width: 1.510417vw;
	height: 1.510417vw;
	-o-object-fit: contain;
	object-fit: contain
}

.fixed-menu .list .text {
	position: relative;
	z-index: 2;
	width: 100%;
	text-align: center;
	font-size: .729167vw;
	color: #666;
	white-space: nowrap
}

footer {
	padding: 3.125vw 2.083333vw 2.083333vw;
	background: #333
}

footer .foot-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

footer .logo {
	padding-right: 9.375vw
}

footer .logo img {
	height: 2.96875vw
}

footer .foot-nav {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

footer .foot-nav .list {
	width: 20%;
	padding-left: .989583vw;
	margin-bottom: 3.125vw;
	border-left: 1px solid hsla(0,0%,100%,.2)
}

footer .foot-nav .list .title {
	font-size: .9375vw;
	line-height: 2;
	font-weight: 700;
	color: #fff
}

footer .foot-nav .list .list-box {
	margin-top: .78125vw
}

footer .foot-nav .list a {
	font-size: .729167vw;
	line-height: 2;
	color: #999
}

footer .foot {
	padding-top: 3.125vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

footer .foot .name {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

footer .foot * {
	font-size: .729167vw;
	color: #999
}

.banner {
	position: relative
}

.comm-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.comm-title .icon1 {
	width: .46875vw;
	height: .46875vw;
	opacity: .5
}

.comm-title .icon1,.comm-title .icon2 {
	display: inline-block;
	margin: 0 .260417vw;
	border-radius: 50%;
	background: #fff
}

.comm-title .icon2 {
	width: .78125vw;
	height: .78125vw
}

.comm-title .title {
	margin: 0 .78125vw;
	font-size: 2.083333vw;
	line-height: 2.395833vw;
	text-align: center;
	color: #fff
}

.comm-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 9.375vw;
	height: 3.125vw;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 1.5625vw;
	font-size: .9375vw;
	color: #004a9e;
	border-radius: 5.208333vw;
	background: #fff;
	-webkit-transition: all .4s;
	transition: all .4s
}

.comm-btn:hover {
	color: #fff;
	background: #004a9e
}

.comm-btn:hover .icon {
	background-image: url(../image/icon-b.png)
}

.comm-btn .icon {
	display: inline-block;
	width: .729167vw;
	height: .729167vw;
	background: url(../image/icon.png) no-repeat 50% 50%;
	background-size: 100%
}

.comm-banner {
	position: relative
}

.comm-banner img {
	display: block;
	width: 100%
}

.comm-banner .container {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2
}

.comm-banner .title {
	font-size: 3.125vw;
	font-weight: 700;
	color: #fff
}

.select-comm {
	margin-bottom: 1.5625vw
}

.select-comm .btn {
	position: relative;
	text-align: left;
	width: 5.208333vw;
	background: transparent!important;
	padding: 0;
	font-size: .833333vw;
	color: #333!important;
	font-weight: 700;
	border: none;
	box-shadow: none!important
}

.select-comm .btn:after {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.pagination {
	margin-top: 2.083333vw;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.page-link {
	width: 2.604167vw;
	height: 2.604167vw;
	line-height: 2.604167vw;
	border: none;
	text-align: center;
	padding: 0;
	border-color: transparent;
	background: transparent;
	font-size: .9375vw;
	border-radius: 50%!important;
	color: #666
}

.page-item.active .page-link {
	background: #004a9e;
	color: #fff
}

.page-item.disabled .page-link {
	color: #999;
	border-color: transparent;
	background: transparent
}

.comm-dialog {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgba(0,0,0,.5)
}

.comm-dialog .dialog-box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 69.791667vw;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border-radius: .520833vw;
	background-color: #fff
}

.comm-dialog .head .close {
	position: absolute;
	top: 1.041667vw;
	right: 1.041667vw;
	width: 3.125vw;
	height: 3.125vw;
	background: url(../image/close.png) no-repeat 50% 50%;
	background-size: contain!important;
	cursor: pointer
}

.comm-dialog .head .close:first-child {
	background: url(../image/close-b.png) no-repeat 50% 50%
}

.comm-dialog .head .comm-title {
	padding: 1.5625vw 0;
	background: #004a9e
}

.comm-dialog .head .comm-title .title {
	font-size: 1.25vw
}

.comm-dialog .head .text {
	margin-top: .520833vw;
	font-size: .9375vw;
	text-align: center;
	color: #fff
}

.comm-dialog .dialog-body {
	padding: 2.604167vw
}

.comm-dialog .dialog-body video {
	display: block;
	width: auto;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	margin: 0 auto;
	height: 60vh
}

form .form-row {
	margin-bottom: .520833vw
}

form input,form select,form textarea {
	font-size: .9375vw!important
}

form .row {
	margin: 0
}

form .col-form-label {
	font-size: .9375vw;
	padding-right: 0
}

form .col-form-label span {
	color: #004a9e
}

form .city {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

form .city select {
	width: calc(50% - .260417vw);
	font-size: .9375vw
}

form .btn {
	width: 28.125vw;
	border-radius: 5.208333vw;
	height: 3.125vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 auto;
	font-size: .9375vw;
	background: #004a9e
}

.body-en .banner .title {
	letter-spacing: 0
}

@media (max-width:991px) {
	header .navbar-nav {
		display: none
	}

	.fixed-menu-nav .head .logo,header .logo,header .logo1 {
		height: 35px
	}

	header .navbar {
		padding: 10px 20px
	}

	header .right .login,header .right a {
		font-size: 14px
	}

	.fixed-menu-nav .head .icon,header .navbar-menu img {
		width: 25px;
		height: 25px
	}

	.fixed-menu-nav .menu-nav-box .language .btn {
		width: 30px;
		height: 30px;
		font-size: 12px
	}

	.fixed-menu-nav .copyright {
		font-size: 13px
	}

	.fixed-menu-nav .menu-nav-box .nav-box .list .title {
		font-size: 16px;
		padding: 10px 30px 10px 10px
	}

	.fixed-menu-nav .menu-nav-box .nav-box .list .child-box {
		padding-left: 60px
	}

	.fixed-menu-nav .menu-nav-box .nav-box .list .child-box .l {
		padding: 5px 0
	}

	.fixed-menu-nav .menu-nav-box .nav-box .list .child-box .l a {
		font-size: 14px
	}

	.dropdown-toggle:after {
		font-size: 16px;
		position: absolute;
		right: 0;
		top: 17px
	}

	header .language .nav-link {
		font-size: 14px;
		padding-right: 15px
	}

	.select-comm .btn {
		width: 100px;
		font-size: 14px
	}

	.page-link {
		width: 30px;
		height: 30px;
		line-height: 28px
	}

	.comm-btn {
		width: 100px;
		font-size: 13px;
		height: 30px;
		padding: 0 13px
	}

	.comm-btn .icon {
		width: 8px;
		height: 8px
	}

	.fixed-menu .list {
		width: 40px;
		height: 40px;
		padding: 0;
		margin: 3px 0;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px
	}

	.fixed-menu .list .list-box {
		font-size: 14px
	}

	.fixed-menu .list .list-box img {
		width: 80px
	}

	.fixed-menu .list img {
		width: 60%;
		height: 60%
	}

	.fixed-menu .list .text {
		display: none
	}
}

@media (max-width:640px) {
	.container {
		max-width: 100%
	}

	.comm-banner img {
		height: 250px
	}

	.comm-banner .title {
		font-size: 18px
	}

	.comm-title .title {
		font-size: 16px!important;
		line-height: 18px!important;
		margin: 0 8px
	}

	.comm-title .icon1,.comm-title .icon2 {
		margin: 5px 3px
	}

	.comm-title .icon1 {
		width: 5px;
		height: 5px;
		margin: 6px 3px
	}

	.comm-title .icon2 {
		width: 7px;
		height: 7px
	}

	.fixed-menu-nav .menu-nav-box .nav-box .list .title {
		padding-right: 18px
	}

	.fixed-menu-nav .menu-nav-box .nav-box .list .child-box {
		padding-left: 40px
	}

	.fixed-menu-nav .head .logo,header .logo,header .logo1 {
		height: 28px
	}

	.fixed-menu-nav .menu-nav-box .left {
		width: 70px
	}

	header .navbar {
		padding: 8px 15px
	}

	header.active .navbar {
		padding: 6px 15px
	}

	header .language,header .right .login {
		display: none
	}

	.fixed-menu-nav .menu-nav-box {
		padding-left: 15px;
		height: calc(100% - 28px);
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		padding-top: 40px
	}

	footer {
		padding: 25px 15px
	}

	footer .container {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap
	}

	footer .foot-nav .list {
		width: 50%!important;
		padding-left: 15px
	}

	footer .foot-nav .list .title {
		font-size: 14px
	}

	footer .foot-nav .list a {
		font-size: 13px
	}

	footer .foot-nav .list img {
		max-width: 90%
	}

	footer .logo {
		padding-right: 20px
	}

	footer .logo img {
		width: auto;
		height: 30px
	}

	footer .foot-info {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap
	}

	footer .foot-info .left {
		width: 100%;
		margin-bottom: 20px
	}

	footer .foot * {
		font-size: 12px
	}

	.select-comm {
		margin-bottom: 15px
	}

	form .btn,form .col-form-label {
		font-size: 14px
	}

	form .btn {
		padding: 0;
		height: 30px
	}

	form input,form select,form textarea {
		font-size: 14px!important
	}

	.fixed-menu-nav .menu-nav-box .language .btn,.fixed-menu-nav .menu-nav-box .login,.fixed-menu-nav .menu-nav-box .login a {
		font-size: 14px
	}

	.comm-dialog .dialog-box {
		width: 95%
	}

	.module1 .module-box .list .name {
		font-size: 14px
	}
}

.module {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 8.072917vw 0;
}

.module .tab {
	width: 13.541667vw;
	padding-left: 1.5625vw;
	padding-right: 1.041667vw
}

.module .tab .list {
	width: auto;
	height: auto;
	border-radius: 0;
	opacity: 1;
	background: transparent;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: .9375vw;
	font-weight: 700;
	margin: 1.302083vw 0;
	color: #004a9e;
	cursor: pointer
}

.module .tab .list .icon {
	position: relative;
	width: .9375vw;
	height: .9375vw;
	border-radius: 50%;
	margin-right: .520833vw;
	background: rgba(0,74,158,0)
}

.module .tab .list .icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: .416667vw;
	height: .416667vw;
	border-radius: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #004a9e
}

.module .tab .list.active .icon {
	background: rgba(0,74,158,.2)
}

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

.module .module-box .tab-content {
	width: 50%;
	padding-right: 7%
}


.module .module-box .tab-content .title {
	font-size: 1.875vw;
	line-height: 1.3
}

.module .module-box .tab-content .text {
	margin-top: 1.458333vw;
	font-size: .9375vw;
	line-height: 2.1
}

.module .module-box .tab-content .btn {
	margin-top: 2.604167vw;
	width: max-content;
	background: #004a9e;
	text-align: center;
	color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.module .module-box .tab-content .btn .icon {
	background-image: url(../image/icon-b.png);
  margin-left: 1.3vw;
}

.module .module-box .swiper-image {
	width: 50%
}

.module .module-box .swiper-image .swiper-container {
	display: none
}

.module .module-box .swiper-image .swiper-container:first-child {
	display: block
}

.module .module-box .swiper-image .swiper-slide {
	padding: 0 5.208333vw
}
.module .module-box .swiper-image .swiper-slide .img-wrap{
  width: 100%;
  display: flex;
  align-items: center;
}

.module .module-box .swiper-image .swiper-slide img {
	display: block;
	margin: 0 auto;
  max-width: 100%;
  width: 100%;
  aspect-ratio: 490 / 326;
  object-fit: contain;
}

.module .module-box .swiper-image .swiper-button-next,.module .module-box .swiper-image .swiper-button-prev {
	width: 3.645833vw;
	height: 3.645833vw;
	border-radius: 50%;
	background-size: 1.041667vw .833333vw!important
}

.module .module-box .swiper-image .swiper-button-prev {
	background: #fff url(../image/device/j-l.png) no-repeat 50% 50%
}

.module .module-box .swiper-image .swiper-button-next {
	background: #004a9e url(../image/device/j-r.png) no-repeat 50% 50%
}

.module2 {
	padding: 5.208333vw 0 7.8125vw;
	background: -webkit-linear-gradient(bottom,#d8e4ef,#f4faff);
	background: linear-gradient(0deg,#d8e4ef,#f4faff)
}

.module2 .module-box {
	display: none;
	padding: 3.125vw 0;
	border-top: 1px solid rgba(0,74,158,.2);
	border-bottom: 1px solid rgba(0,74,158,.2)
}

.module2 .module-box:first-child {
	display: block
}

.module2 .module-box .sub-text,.module2 .module-box .text,.module2 .module-box .title {
	font-size: .9375vw;
	line-height: 2;
	font-weight: 700
}

.module2 .module-box .title {
	margin-top: 1.822917vw
}

.module2 .module-box .sub-text {
	color: #666
}

@media (max-width:640px) {
	.module2 .module-box .sub-text,.module2 .module-box .text,.module2 .module-box .title {
		font-size: 14px
	}

	.module .tab {
		display: none
	}

	.module .module-box {
		width: 100%;
		padding: 0 15px;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.module .module-box .tab-content {
		width: 100%;
		padding: 0
	}

	.module .module-box .tab-content .title {
		font-size: 16px
	}

	.module .module-box .tab-content .text {
		font-size: 14px;
		margin-top: 10px
	}

	.module .module-box .tab-content .btn {
		/* width: 110px */
	}

	.module .module-box .swiper-image {
		width: 100%;
		margin: 20px auto 0
	}

	.module .module-box .swiper-image .swiper-slide img {
		width: 80%;
		height: auto
	}

	.module .module-box .swiper-image .swiper-button-next,.module .module-box .swiper-image .swiper-button-prev {
		width: 30px;
		height: 30px;
		background-size: 12px 7px!important
	}
}

.grid-wrap{
  background: linear-gradient(0deg, #D8E4EF 0%, #F4FAFF 100%);
  padding: 5.8vw 0;
}

.grid-wrap .item-grid-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4vw 2.2vw;
}


.grid-wrap .item-grid-list .item-box{
  background: #FFFFFF;
  border-radius: 10px;
  padding: 2.5vw 2.2vw;
}

.grid-wrap .item-grid-list .item-box .name{
  font-size: 1.25vw;
	line-height: 1.2;
	font-weight: 500;
  color: #333333;
}

.grid-wrap .item-grid-list .item-box .brief{
  font-size: .9375vw;
	text-align: left;
	color: #666666;
	margin-top: 2vw;
}

.grid-wrap .item-grid-list .item-box .comm-btn{
  padding: 1.1vw 0;
  font-size: .9375vw;
  width: 12.4vw;
  text-align: center;
	color: #fff;
	background: #004a9e;
  justify-content: center;  
  
}
.grid-wrap .item-grid-list .item-box .icon{
  background-image: url(../image/icon-b.png);
  margin-left: 20px;
  transition: all .3s;
}

.grid-wrap .item-grid-list .item-box .comm-btn:hover{
  background-color: #2f83e5;
}


/* 详情页面 */
.equipmentDetail-wraps{

}

.equipmentDetail-wraps .sub-nav-box{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size:  .9375vw;
  color: #666666;
  padding: 1.2vw;
}
.equipmentDetail-wraps .sub-nav-box span{ 
  color: #004A9E;
}

.page-wraps{
  overflow: hidden;
  background: linear-gradient(0deg, #D8E4EF 0%, #F4FAFF 100%);
}
.module.equipmentDetail-wraps{
  justify-content: center;
  padding-bottom: ;
}

.equipmentDetail-wrap .module-box{
  width: 100%;
  padding-right: 0;
}

.page-wraps .equipmentDetail-wraps,
.page-wraps .equipmentDetail-wraps .module-box{
  width: 100%;
}


.page-wraps .video-bg{
  position: relative;
  width: 100%;
  margin-bottom:1.5vw;
}
.page-wraps .video-bg video
{ 
  display: block;
  width: 100%;
  height: auto;
}


.page-wraps .details-brief-list{
  margin-top: 3vw;
}

.page-wraps .details-brief-list .title{
  font-size: 1.25vw;
  font-weight: bold;
  margin-bottom:1.8vw ;
  color: #004a9e;
}

.page-wraps .details-brief-list .brief-box{
  position: relative;
  padding-top: 2vw;
  border-top: 2px solid rgba(0, 74, 158, 0.1);
}
.page-wraps .details-brief-list .brief-box::after{
  position: absolute;
  left: 0;
  top: -2px;
  content: '';
  width: 50px;
  height: 3px;
  background-color: #004A9E;
}


.page-wraps .details-brief-list .brief-box .brief-row{
  position: relative;
  padding-left: 18px;
  font-size: .9375vw;
  line-height: 1.5;
  margin-bottom: 1vw;
}
.page-wraps .details-brief-list .brief-box .brief-row::after{
  position: absolute;
  left: 0;
  top: 0.5vw;
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: #999999;
}

.page-wraps  .download-list{
  padding-bottom: 8vw;
}

.page-wraps  .download-list .title{
  margin-top: 3vw;
  font-size: 1.25vw;
  font-weight: bold;
  margin-bottom:1.8vw ;
  color: #004a9e;
}

.page-wraps  .download-list .download-item{
  padding: 2.7vw 3.24vw  2.7vw 2.16vw;
  background: #F5F6F8;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-wraps  .download-list .down-name{
  font-size: 1.04vw;
  font-weight: bold;
}

.page-wraps  .download-list .down-ft{
    display: flex;
    align-items: center;
}

.page-wraps  .download-list .down-btn{
  color:#004a9e ;
  font-size: .9375vw;
}

.page-wraps  .download-list .icon{
  width: 17px;
  margin-left: 18px;
}


.page-list-wraps{
  padding: 4.57vw 0;
  background: linear-gradient(0deg, #D8E4EF 0%, #F4FAFF 100%);
}

.page-list-wraps .container{
  display: flex;
}

.page-list-wraps .container .left{
  width: 30%;
  margin-right: 3vw;
  flex-shrink: 0;
}
.page-list-wraps .container .right{
 flex: 1;
}

.page-list-wraps .container .left .item-list .title{
  position: relative;
  padding:1.57vw 1.05vw ;
  border-bottom: 1px solid #CCCCCC;
  cursor: pointer;
  font-size: 1.241667vw;
  transition: all .3s;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.page-list-wraps .container .left .item-list .icon{
  transition: all .3s;
  flex-shrink: 0;
  margin-left: 4%;
  width: 1.05vw;
  position: relative;

}


.page-list-wraps .container .left .item-list.actives  .icon{
 position: relative;
}

.page-list-wraps .container .left .item-list .icon  img{
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s;
}
.d-img{
  opacity: 1;
}
.w-img{
  opacity: 0;
}

.page-list-wraps .container .left .actives  .d-img{
  opacity: 0;
}
.page-list-wraps .container .left .actives  .w-img{
  opacity: 1;
}

.page-list-wraps .container .left .actives .title{
  background: #004A9E;
  border-radius: 10px;
  color: #fff;
}


.page-list-wraps .container .left .item-list .sub-title{
  padding:1.04vw 1.05vw ;
  font-size: .941667vw;
  cursor: pointer;
  transition: all .3s;
}

.page-list-wraps .container .left .item-list .sub-title:hover{
  background-color: rgba(0, 123, 255,.2);
}

.useSub{
  background-color: rgba(0, 123, 255,.2);
}


.page-list-wraps .container .left .item-list .sub-list{
  /* height: 0; */
  overflow: hidden;
  display: none;
}

.page-list-wraps .container .left .actives .sub-list{
  /* height: 0; */
  overflow: hidden;
  padding:1.57vw 0;
  border-bottom: 1px solid #004A9E;
}




.page-list-wraps .grid-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5vw 1.5vw;
}

.page-list-wraps .grid-list .item-box{
  padding: 2.2vw 2.8vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff
}

.page-list-wraps .grid-list .item-box-wrap{ 
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-list-wraps .grid-list .name-box{
  max-width: 50%;
}

.page-list-wraps .grid-list .item-box .img-box{
  width: 40%;
  height: 0;
  padding-top: 50%;
  position: relative;
}

.page-list-wraps .grid-list .item-box .img-box img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}


.page-list-wraps .right .title{
   font-size: 1.575vw;
    text-align: left;
    font-weight: bold;
    color: #004a9e;
    margin-bottom: 3vw;
  padding-top:1.57vw  ;

}


.page-list-wraps .name-box{
  font-size: 1.131667vw;
  color: #333333;
  line-height: 1.6;
}

@media (max-width:991px) {
  .grid-wrap{
    padding: 40px 0;
  }

.grid-wrap .item-grid-list{
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 20px 0;
}

.grid-wrap .item-grid-list .item-box .name{
  font-size: 16px;
}
.grid-wrap .item-grid-list .item-box .brief{
  font-size: 14px;
  margin-top: 20px;
}

.grid-wrap .item-grid-list .item-box .comm-btn{
 width: 120px;
    font-size: 13px;
    height: 40px;
    padding: 0 13px;
  margin-top: 30px;

}
.page-wraps .details-brief-list{
  margin-top: 30px;
}
.page-wraps .details-brief-list .title{
  font-size: 16px;
}
.page-wraps .download-list .title{
  font-size: 16px;
  margin-top: 30px;

}

.equipmentDetail-wraps .sub-nav-box{
  font-size: 14px;
}
.page-wraps  .download-list .down-name
{
  font-size: 14px;

}
.page-wraps .download-list .download-item{
  border-radius: 5px;
  padding: 20px 10px;
}
.page-wraps .download-list .icon {
    width: 13px;
    margin-left: 10px;
}
.page-wraps .details-brief-list .brief-box .brief-row{
font-size: 14px;
}
.page-wraps .download-list .down-btn{
  font-size: 14px;
}
.page-wraps .details-brief-list .brief-box .brief-row::after{
  width: 8px;
  height: 8px;
      top: 6.6px;
}

  .page-list-wraps .grid-list{
    grid-template-columns: repeat(1, 1fr);
    grid-gap:20px 0;
  }

  .page-list-wraps .container .left .item-list .title {
    position: relative;
    padding: 10px 8px;
    }
    .page-list-wraps .right .title{
    padding: 10px 8px;
      font-size: 16px;
    }
    .page-list-wraps .container .left .item-list .title{
      font-size: 14px;
    }

    .page-list-wraps .container .left .item-list .icon{
      width: 8px;
    }

    .page-list-wraps .container .left .item-list .sub-title{
      font-size: 13px;
    }

    .page-list-wraps .grid-list .item-box {
    padding: 20px 15px;
    }
    .page-list-wraps .name-box {
    font-size: 16px;
    }
}