@media (min-width:1589px) {
	.w {
		width: 100% !important;
		padding-left: 20px;
		padding-right: 20px;
		max-width: 1580px
	}
}

@media (max-width:1588px) {
	.w {
		width: 90% !important
	}
}

@media (max-width:1351px) {
	.w_1200 {
		width: 90% !important
	}
}

@media (max-width:1199px) {
	.w_1200 {
		width: 90% !important;
		min-width: 90% !important
	}
}

html {
	font-size: 100px
}

body {
	font-family: PingFang SC\,Microsoft YaHei
}

@media (min-width:992px) and (max-width:1920px) {
	html {
		font-size: calc(100px - (1920px - 100vw)/100)
	}
}

@media (max-width:992px) {
	html {
		font-size: 70px
	}
}

@media (max-width:768px) {
	html {
		font-size: 60px
	}
}

html.overHidden {
	position: fixed;
	height: 100%;
	width: 100%
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400
}

li,
ol,
ul {
	list-style: none
}

li {
	font-size: 0
}

a {
	font-size: inherit;
	color: inherit;
	text-decoration: none
}

em {
	font-style: normal
}

.clearfix:after {
	content: " ";
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
	clear: both
}

.w {
	width: 1588px
}

.w,
.w_1200 {
	margin: 0 auto
}

.w_1200 {
	width: 1200px
}

select {
	color: inherit
}

.img img {
	display: block
}

.fl {
	float: left
}

.fr {
	float: right
}

body {
	color: #333;
	font-weight: 300;
	overflow-x: hidden !important
}

body.overflowY {
	overflow-y: hidden
}

img {
	border: none
}

.breadcrumb {
	font-size: 0;
	padding-top: 20px;
	margin-bottom: 1.3rem
}

.breadcrumb .back,
.breadcrumb .current {
	font-size: 16px;
	line-height: 22px
}

.breadcrumb .current {
	color: #003a7d;
	font-weight: 500
}

.breadcrumb span {
	font-size: 16px;
	line-height: 22px;
	margin-left: 10px;
	margin-right: 10px
}

.pos-r {
	position: relative
}

.video-play-modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center
}

.video-play-modal .video-play-head {
	width: 100%;
	height: 40px;
	background: #000
}

.video-play-modal .close-btn {
	float: right;
	cursor: pointer;
	height: inherit
}

.video-play-modal .video-play-main {
	width: 60%;
	height: auto;
	border: 3px solid #000;
	background-color: #000
}

.video-play-modal video {
	display: block;
	width: 100%;
	outline: none
}

.swiper-button-next,
.swiper-button-prev {
	outline: none !important
}

.mobile_nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: #003a7d;
	width: 100%;
	font-size: 0;
	padding: 10px .3rem
}

.mobile_nav:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.mobile_nav .mv_logo {
	float: left;
	margin-top: 5px
}

.mobile_nav .mv_logo img {
	display: block;
	height: 26px
}

.mobile_nav .mv_down {
	float: right;
	height: 30px;
	width: 36px;
	padding: 6px 6px 0;
	border: 1px solid #f9ad09;
	transition: all .3s linear
}

.mobile_nav .mv_down span {
	background-color: #fff;
	width: 22px;
	height: 2px;
	display: block;
	transition: all .3s linear
}

.mobile_nav .mv_down span:nth-child(2) {
	margin-top: 5px;
	margin-bottom: 5px
}

.mobile_nav .mv_down.collapse {
	background-color: #fff;
	border-color: #fff
}

.mobile_nav .mv_down.collapse span {
	background-color: #f9ad09
}

.mobile_nav .list {
	border-top: 1px solid #fff;
	height: calc(100vh - 51px);
	padding-bottom: 100px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #003a7d;
	background-image: -moz-linear-gradient(to bottom, #003a7d, #075dbf);
	background-image: -webkit-linear-gradient(180deg, #003a7d, #075dbf);
	background-image: -o-linear-gradient(to bottom, #003a7d, #075dbf);
	background-image: -ms-linear-gradient(to bottom, #003a7d, #075dbf);
	background-image: linear-gradient(180deg, #003a7d, #075dbf);
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none
}

.mobile_nav .list ul li {
	margin-top: 20px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	transform: translateY(25px);
	transition: all .5s linear
}

.mobile_nav .list ul li a {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 20px;
	display: block;
	text-align: center;
	color: #fff
}

.mobile_nav .list ul li a.cur {
	color: #f9ad09
}

.mobile_nav .list ul li.showup {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	transform: none
}

.bounce_to_right {
	transform: perspective(1px) translateZ(0);
	position: relative;
	transition-duration: .5s
}

.bounce_to_right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #003a7d;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition-property: transform;
	transition-duration: .5s;
	transition-timing-function: ease-out
}

.bounce_to_right:hover {
	color: #fff
}

.bounce_to_right:hover:before {
	transform: scale(1)
}

.bounce_to_left {
	transform: perspective(1px) translateZ(0);
	position: relative;
	transition-duration: .5s
}

.bounce_to_left:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #003a7d;
	transform: scaleX(0);
	transform-origin: 100% 50%;
	transition-property: transform;
	transition-duration: .5s;
	transition-timing-function: ease-out
}

.bounce_to_left:hover {
	color: #fff
}

.bounce_to_left:hover:before {
	transform: scale(1)
}

.rectangle_in {
	transform: perspective(1px) translateZ(0);
	position: relative;
	background-color: #003a7d;
	transition-duration: .5s
}

.rectangle_in:before {
	content: "";
	background-color: #fff;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scale(1);
	transition-property: transform;
	transition-duration: .5s;
	transition-timing-function: ease-out
}

.rectangle_in:hover {
	color: #fff
}

.rectangle_in:hover:before {
	transform: scale(0)
}

.product-news {
	padding-bottom: .74rem;
	padding-top: .2rem
}

.product-news .w_1200 {
	position: relative
}

.product-news .product-news-swiper {
	margin-left: 6%;
	margin-right: 6%
}

.product-news .product-news-swiper .swiper-slide {
	background-color: #003a7d;
	padding: 20px
}

.product-news .product-news-swiper .swiper-slide a {
	position: relative;
	display: block
}

.product-news .product-news-swiper .swiper-slide a:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.product-news .product-news-swiper .swiper-slide a .img {
	float: left;
	width: 50%
}

.product-news .product-news-swiper .swiper-slide a .img img {
	display: block;
	width: 100%
}

.product-news .product-news-swiper .swiper-slide a .words {
	float: left;
	width: 50%;
	padding-left: 30px;
	padding-top: 15px
}

.product-news .product-news-swiper .swiper-slide a .words h2 {
	font-size: .28rem;
	margin-bottom: .2rem
}

.product-news .product-news-swiper .swiper-slide a .words h2,
.product-news .product-news-swiper .swiper-slide a .words h3 {
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis !important;
	display: -webkit-box;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	font-weight: 300
}

.product-news .product-news-swiper .swiper-slide a .words h3 {
	font-size: .18rem;
	line-height: 30px;
	padding-right: 10px
}

.product-news .product-news-swiper .swiper-slide a .words .detail {
	color: #f9ad09;
	font-size: .18rem;
	position: absolute;
	z-index: 1;
	right: 10px;
	bottom: 20px
}

.product-news .product-news-pagination {
	font-size: 0;
	right: 7%;
	bottom: 20px
}

.product-news .product-news-pagination .swiper-pagination-bullet {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	background-color: #fff;
	border-radius: 0;
	width: 12px;
	height: 12px;
	margin-left: 14px
}

.product-news .product-news-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #f9ad09
}

.product-news .swiper-button-prev {
	background-image: url(../fonts/hoermannhelveticaneue-mdcn.eot), url(../fonts/hoermannhelveticaneue-mdcn.woff) format("woff"), url(../fonts/hoermannhelveticaneue-mdcn.ttf) format("truetype")
}

@font-face {
	font-family: Hormann Not-Choosen;
	src: url(../fonts/hoermannhelveticaneue-ltcn.eot), url(../fonts/hoermannhelveticaneue-ltcn.woff) format("woff"), url(../fonts/hoermannhelveticaneue-ltcn.ttf) format("truetype")
}

@font-face {
	font-family: Hoermann;
	src: url(../fonts/hoermannhelveticaneue-lt.eot), url(../fonts/hoermannhelveticaneue-lt.woff) format("woff"), url(../fonts/hoermannhelveticaneue-lt.ttf) format("truetype")
}

@font-face {
	font-family: Hoermann Fire;
	src: url(../fonts/hoermannhelveticaneue-bd.eot), url(../fonts/hoermannhelveticaneue-bd.woff) format("woff"), url(../fonts/hoermannhelveticaneue-bd.ttf) format("truetype")
}

.product-nav {
	box-shadow: 0 5px 10px #e5e5e5;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	pointer-events: none;
	background-color: #fff
}

.product-nav .w_1200 {
	display: flex;
	justify-content: space-between;
	font-size: 0;
	align-items: center
}

.product-nav .w_1200 .left {
	margin: 15px 0
}

.product-nav .w_1200 .left a {
	font-size: 0
}

.product-nav .w_1200 .right {
	max-width: 80%
}

.product-nav .w_1200 .right ul:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.product-nav .w_1200 .right ul li {
	float: left;
	margin-bottom: 5px;
	margin-left: .63rem
}

.product-nav .w_1200 .right ul li a {
	font-size: .16rem;
	color: #999;
	transition: all .3s linear
}

.product-nav .w_1200 .right ul li:first-child {
	margin-left: 0
}

.product-nav .w_1200 .right ul li.active a,
.product-nav .w_1200 .right ul li:hover a {
	color: #333
}

.product-nav.active {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	pointer-events: auto
}

@media (max-width:1200px) {
	.product-nav .w_1200 .right ul li {
		margin-left: .4rem
	}
}

@media (max-width:1130px) {
	.product-nav {
		display: none !important
	}
}

.sec_nav {
	position: absolute;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	z-index: 99;
	top: 60px
}

.sec_nav .w:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.sec_nav .w>a {
	display: block;
	float: left;
	width: 16.6%;
	background-color: #003a7d;
	height: 1.17rem;
	position: relative
}

.sec_nav .w>a img {
	position: absolute;
	display: block;
	width: 83%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}

.sec_nav .w .content {
	width: 82%;
	float: right;
	background-color: #fff;
	background-color: hsla(0, 0%, 100%, .85);
	padding: .12rem
}

.sec_nav .w .content .top_ul {
	padding-bottom: 0
}

.sec_nav .w .content .top_ul:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.sec_nav .w .content .top_ul li {
	float: left
}

.sec_nav .w .content .top_ul li a {
	font-size: .2rem;
	font-weight: 300;
	height: .5rem;
	line-height: .5rem;
	background-color: transparent;
	padding: 0 .28rem;
	display: block
}

.sec_nav .w .content .top_ul li.cur a,
.sec_nav .w .content .top_ul li a:hover {
	background-color: #e1e1e5;
	background-color: rgba(225, 225, 229, .85)
}

.sec_nav .w .content .top_ul li.cur a {
	font-weight: 600
}

.sec_nav .w .content .sec_ul {
	background-color: #e1e1e5;
	background-color: rgba(225, 225, 229, .85)
}

.sec_nav .w .content .sec_ul:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.sec_nav .w .content .sec_ul.cutOne {
	overflow: hidden;
	height: .43rem
}

.sec_nav .w .content .sec_ul li {
	float: left
}

.sec_nav .w .content .sec_ul li a {
	display: block;
	font-size: .2rem;
	padding: 0 .28rem;
	font-weight: 300;
	height: .43rem;
	line-height: .43rem
}

.sec_nav .w .content .sec_ul li:hover a {
	font-weight: 600
}

.sec_nav .w .content .thrid_ul {
	display: none;
	padding-left: .3rem
}

.sec_nav .w .content .thrid_ul li:first-child {
	margin-top: .3rem
}

.sec_nav .w .content .thrid_ul li a {
	display: block;
	font-size: .16rem;
	font-weight: 300;
	border-bottom: 1px solid #000;
	width: 30%;
	padding: .1rem 0
}

.sec_nav .w .content .thrid_ul li:hover a {
	font-weight: 600
}

@media (max-width:1470px) {

	.sec_nav .w .content .sec_ul li a,
	.sec_nav .w .content .top_ul li a {
		padding: 0 .18rem;
		font-size: .18rem
	}
}

@media (max-width:1300px) {

	.sec_nav .w .content .sec_ul li a,
	.sec_nav .w .content .top_ul li a {
		padding: 0 .1rem;
		font-size: .18rem
	}
}

@media (max-width:1050px) {

	.sec_nav .w .content .sec_ul li a,
	.sec_nav .w .content .top_ul li a {
		padding: 0 .1rem;
		font-size: .16rem
	}
}

@media (max-width:960px) {
	.sec_nav {
		display: none !important
	}
}

.top_nav {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100
}

.top_nav .w:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.top_nav .w ul {
	float: right;
	background-color: #fff;
	background-color: hsla(0, 0%, 100%, .85);
	padding: 0 .05rem;
	position: relative
}

.top_nav .w ul:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.top_nav .w ul li {
	font-size: .14rem;
	line-height: .2rem;
	font-weight: 300;
	float: left;
	padding-top: .08rem;
	padding-bottom: .08rem;
	position: relative
}

.top_nav .w ul li:hover a {
	text-decoration: underline
}

.top_nav .w ul li:last-child:after {
	display: none
}

.top_nav .w ul li a {
	padding-left: .14rem;
	padding-right: .14rem;
	border-right: 1px solid #333
}

.top_nav .w ul li.language {
	padding-left: .14rem;
	padding-right: .14rem;
	cursor: pointer
}

.top_nav .w ul li.language a {
	padding-left: 0;
	padding-right: 0;
	border: none
}

.top_nav .w ul li.language i {
	display: inline-block;
	transform: rotate(-90deg);
	font-size: inherit;
	color: inherit;
	transition: all .5s ease-out
}

.top_nav .w ul li.language i.down {
	transform: rotate(90deg)
}

.top_nav .w ul li.language:after {
	display: none
}

.top_nav .w ul .language_down {
	padding-left: .14rem;
	padding-right: .14rem;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 2;
	background-color: #fff;
	background-color: hsla(0, 0%, 100%, .85);
	display: none
}

.top_nav .w ul .language_down span {
	display: block;
	cursor: pointer;
	text-align: right
}

.top_nav .w ul .language_down span:first-child {
	margin-bottom: 5px
}

@media (max-width:960px) {
	.top_nav {
		display: none
	}
}

.foot {
	max-width: 1440px;
	margin: 0 auto;
	padding-top: 1.3rem;
	padding-bottom: 1.1rem
}

.foot .storeLink {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: .23rem;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: .92rem;
	align-items: center
}

.foot .storeLink .logoDark {
	position: relative;
	font-size: 0
}

.foot .storeLink .logoDark:hover img:first-child {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0
}

.foot .storeLink .logoDark:hover img.logo_yellow,
.foot .storeLink .logoDark img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1
}

.foot .storeLink .logoDark img {
	display: block;
	width: auto;
	height: .4rem;
	position: relative;
	z-index: 1;
	transition: all .5s ease-out
}

.foot .storeLink .logoDark .logo_yellow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0
}

.foot .storeLink .linkGroup {
	display: flex;
	align-items: center;
	font-size: 0
}

.foot .storeLink .linkGroup a {
	font-size: 0
}

.foot .storeLink .linkGroup a i {
	font-size: .36rem;
	color: #d8d8d8
}

.foot .storeLink .linkGroup a:first-child:hover i {
	color: #de2f33 !important
}

.foot .storeLink .linkGroup a:nth-child(2) {
	margin: 0 10px
}

.foot .storeLink .linkGroup a:nth-child(2):hover i {
	color: #ff0036 !important
}

.foot .storeLink .linkGroup a:last-child:hover i {
	color: #01d10c !important
}

.foot .footNav {
	display: flex;
	justify-content: space-between;
	padding-left: 50px;
	padding-right: 50px
}

.foot .footNav .footNav-item {
	width: 7.37%;
	position: relative
}

.foot .footNav .footNav-item img {
	display: block;
	width: 100%
}

.foot .footNav .footNav-item p {
	text-align: center;
	width: 100%;
	font-size: .16rem;
	line-height: .22rem;
	margin-top: 8px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	width: 200%
}

.foot .footNav .footNav-item:hover p,
.foot .footNav .footNav-item p {
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear
}

.foot .footNav .footNav-item:hover p {
	color: #003a7d
}

.foot .footNav .footNav-item:hover img {
	animation: pulse .7s
}

.copyright {
	background-color: #003a7d
}

.copyright .copyright-content {
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	color: #fff;
	font-size: .16rem;
	line-height: .22rem;
	font-weight: 300;
	padding: 20px 0
}

.copyright .copyright-content>ul {
	display: flex;
	align-items: center
}

.copyright .copyright-content>ul li {
	margin-right: .33rem;
	position: relative
}

.copyright .copyright-content>ul li a {
	font-size: .16rem;
	display: block
}

.copyright .copyright-content>ul li:nth-child(4) {
	margin-right: .3rem
}

.copyright .copyright-content>ul li:nth-child(4):after {
	display: none
}

.copyright .copyright-content>ul li:last-child {
	margin-right: 0
}

.copyright .copyright-content>ul li:last-child:after {
	display: none
}

.copyright .copyright-content>ul li:after {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: .18rem;
	right: -.16rem;
	top: 0;
	z-index: 2;
	background-color: #fff;
	top: 50%;
	transform: translateY(-50%)
}

.copyright .copyright-content>ul li.share {
	display: flex;
	align-items: center
}

.copyright .copyright-content>ul li.share span {
	font-size: .16rem
}

.copyright .copyright-content>ul li.share ul {
	display: flex
}

.aside-box {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: width .3s ease;
	z-index: 200;
	width: 50px
}

.aside-box.showFormRight {
	width: 180px
}

.aside-box ul li {
	height: 50px;
	position: relative;
	border-bottom: 1px solid #3b3b3b;
	background-color: #191919;
	transition: all .3s ease;
	cursor: pointer
}

.aside-box ul li:hover {
	background-color: #fff
}

.aside-box ul li:hover span {
	color: #191919
}

.aside-box ul li:hover i {
	color: #191919;
	background-color: #fff
}

.aside-box ul li span {
	position: absolute;
	font-size: 14px;
	color: #fff;
	transition: color .3s ease;
	line-height: 50px;
	text-indent: 20px;
	z-index: 1;
	transition: all .3s ease;
	font-weight: 400
}

.aside-box ul li i {
	font-size: 20px;
	color: #fff;
	position: absolute;
	line-height: 49px;
	right: 0;
	width: 50px;
	text-align: center;
	z-index: 2;
	background-color: #191919;
	transition: all .3s ease
}

@media (max-width:1588px) {
	.foot {
		width: 90%
	}
}

@media (max-width:1440px) {

	.copyright-content,
	.foot {
		width: 90%
	}
}

@media (max-width:960px) {
	.aside-box {
		display: none
	}
}

@media (max-width:768px) {
	.foot .footNav {
		padding-left: 10px;
		padding-right: 10px
	}

	.foot .footNav .footNav-item {
		width: 15%
	}

	.foot .footNav .footNav-item p {
		width: 100%
	}

	.copyright .copyright-content {
		display: block;
		position: relative;
		padding-bottom: 25px
	}

	.copyright .copyright-content p {
		position: absolute;
		bottom: 10px;
		width: 100%;
		left: 0;
		border-top: 1px solid #6689b1;
		font-size: 12px;
		padding-top: 10px
	}

	.copyright .copyright-content>ul {
		display: block;
		margin-bottom: 20px;
		position: relative
	}

	.copyright .copyright-content>ul li {
		width: 70%;
		margin-right: 0;
		margin-bottom: 16px
	}

	.copyright .copyright-content>ul li a {
		font-size: 13px
	}

	.copyright .copyright-content>ul li:after {
		display: none
	}

	.copyright .copyright-content>ul li.share {
		margin-top: 25px
	}
}

@media (max-width:480px) {
	.foot {
		padding-bottom: .5rem
	}

	.foot .storeLink {
		margin-bottom: .5rem
	}
}

body {
	overflow-x: hidden
}

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

.product-scan {
	margin-bottom: 1.15rem;
	padding-top: .95rem
}

.product-scan .w_1200 {
	max-width: 1200px !important
}

.product-scan .w_1200 h2 {
	font-size: .32rem;
	text-align: center;
	line-height: .67rem;
	max-width: 960px;
	margin: 0 auto .3rem
}

.product-scan .w_1200 p {
	font-size: .16rem;
	text-align: center;
	line-height: .27rem;
	max-width: 960px;
	margin: 0 auto .87rem
}

.product-scan .w_1200 .scan_group {
	margin: 0 auto;
	width: 5.44rem
}

.product-scan .w_1200 .scan_group img {
	width: 100%;
	display: none
}

.product-scan .w_1200 .scan_group img.active {
	display: block
}

.product-scan .w_1200 .pedestal {
	width: 6.2rem;
	margin: 0 auto
}

.product-scan .w_1200 .pedestal img {
	width: 100%;
	display: block
}

.product-scan .w_1200 .drag {
	width: 630px;
	border-top: 1px dashed #979797;
	position: relative;
	margin: .9rem auto 29px
}

.product-scan .w_1200 .drag:after {
	left: 0;
	transform: translate(-100%, -50%);
	-ms-transform: translate(-100%, -50%);
	-o-transform: translate(-100%, -50%);
	-moz-transform: translate(-100%, -50%);
	-webkit-transform: translate(-100%, -50%)
}

.product-scan .w_1200 .drag:after,
.product-scan .w_1200 .drag:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	background-color: #003a7d;
	width: 2px;
	height: 9px
}

.product-scan .w_1200 .drag:before {
	right: 0;
	transform: translate(100%, -50%);
	-ms-transform: translate(100%, -50%);
	-o-transform: translate(100%, -50%);
	-moz-transform: translate(100%, -50%);
	-webkit-transform: translate(100%, -50%)
}

.product-scan .w_1200 .drag .drag-target {
	width: 48px;
	height: 48px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	cursor: pointer
}

.product-scan .w_1200 .scan_360deg {
	display: block;
	margin: 0 auto
}

.product-scan .w_1200 .scan-bottom {
	margin-top: .8rem;
	margin-bottom: 1.15rem
}

.product-scan-video {
	position: relative;
	margin-bottom: .8rem
}

.product-scan-video .video_img {
	display: block;
	width: 100%
}

.product-scan-video .play_btn {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 5.3%
}

.product-choose {
	margin-bottom: 0 !important
}

.choose-title {
	font-size: .32rem;
	padding-bottom: .4rem;
	text-align: center
}

.choose-box:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.choose-box .choose-bg {
	width: 100%;
	display: block
}

.choose-box .view-img-list {
	width: 75%;
	float: left;
	position: relative;
	/* width: 100%;
	    float: none; */
}

.choose-box .view-img-list:hover .swiper-next,
.choose-box .view-img-list:hover .swiper-prev {
	display: block
}

.choose-box .choose-pageing {
	position: absolute;
	bottom: .2rem;
	text-align: center;
	width: 100%;
	left: 0;
	transition: all .3s;
	z-index: 10;
	font-size: 0
}

.choose-box .choose-pageing li {
	display: inline-block;
	width: .1rem;
	height: .1rem;
	border-radius: 50%;
	margin: 0 5px;
	transition: all .3s;
	background-color: #003a7d
}

.choose-box .choose-pageing li:hover {
	cursor: pointer;
	transform: scale(1.05)
}

.choose-box .choose-pageing li.on {
	background-color: #f9ad09
}

.choose-box .swiper-prev {
	left: .2rem;
	background-image: url(../images/banner_prev.png)
}

.choose-box .swiper-next,
.choose-box .swiper-prev {
	position: absolute;
	top: 50%;
	height: .46rem;
	width: .46rem;
	background-size: contain;
	z-index: 10;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	cursor: pointer;
	display: none
}

.choose-box .swiper-next {
	right: .2rem;
	background-image: url(../images/banner_next.png)
}

.choose-box .color-view-list {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	z-index: 5;
	overflow: hidden
}

.choose-box .color-view-list .swiper-container {
	height: 100%
}

.choose-box .color-view-list .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.choose-box .type-choose {
	width: 25%;
	float: right;
	    /* width: 100%;
	    float: none; */
	background-color: #fff;
	padding-left: .75rem;
	box-sizing: border-box
}

.choose-box .type-choose h2 {
	padding: .4rem 0 .2rem;
	border-bottom: 1px solid #d8d8d8;
	font-weight: 400;
	font-size: .28rem
}

.choose-box .type-choose .type-block {
	padding-top: .2rem
}

.choose-box .type-choose h4 {
	font-size: .18rem;
	color: #111;
	font-weight: 500;
	padding-bottom: .15rem
}

.choose-box .type-choose .type-list:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.choose-box .type-choose .type-list li {
	float: left;
	width: .6rem;
	height: .6rem;
	background-color: #eee;
	margin-right: 1px;
	position: relative;
	cursor: pointer
}

.choose-box .type-choose .type-list li img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.choose-box .type-choose .type-list li i {
	display: none
}

.choose-box .type-choose .type-list li.on i {
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: 10;
	display: block
}

.choose-box .type-choose .type-list li.on .i {
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: 10;
	display: block;
	width: 15px;
	height: 15px;
	background-color: darkgreen;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 15px;
	border-radius: 50%;
}

.product-advantage {
	margin-bottom: 1.23rem
}

.product-advantage .w h2 {
	font-size: .48rem;
	line-height: .67rem;
	margin-bottom: .2rem;
	text-align: center
}

.product-advantage .w p {
	font-size: .18rem;
	background-image: .24rem;
	margin-bottom: .6rem;
	text-align: center
}

.product-advantage .w .advantage-content {
	display: flex;
	justify-content: space-between
}

.product-advantage .w .advantage-content .left {
	width: 49.6%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.product-advantage .w .advantage-content .left .item1 {
	width: 100%;
	margin-bottom: 10px
}

.product-advantage .w .advantage-content .left .item3,
.product-advantage .w .advantage-content .left .item4 {
	width: 49%
}

.product-advantage .w .advantage-content .right {
	width: 49.6%
}

.product-advantage .w .advantage-content .right .item2 {
	margin-bottom: 10px
}

.product-advantage .w .advantage-content .item {
	cursor: pointer;
	position: relative;
	overflow: hidden
}

.product-advantage .w .advantage-content .item img {
	display: block;
	width: 100%;
	transition: all .5s linear
}

.product-advantage .w .advantage-content .item .title {
	padding-left: .3rem;
	position: absolute;
	z-index: 1;
	width: 100%;
	font-size: .2rem;
	height: .6rem;
	line-height: .6rem;
	background-color: #fff;
	background-color: hsla(0, 0%, 100%, .8);
	bottom: 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.product-advantage .w .advantage-content .item:hover img {
	transform: scale(1.1)
}

.product-extra-advantage {
	padding-bottom: .55rem
}

.product-extra-advantage .w_1200 h2 {
	font-size: .36rem;
	line-height: .5rem;
	margin-bottom: .9rem;
	text-align: center
}

.product-extra-advantage .w_1200 .extra-advantage-content .extra-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.25rem;
	align-items: center
}

.product-extra-advantage .w_1200 .extra-advantage-content .extra-item .img {
	width: 40.5%
}

.product-extra-advantage .w_1200 .extra-advantage-content .extra-item .img img {
	display: block;
	width: 100%
}

.product-extra-advantage .w_1200 .extra-advantage-content .extra-item .words {
	width: 50%
}

.product-extra-advantage .w_1200 .extra-advantage-content .extra-item .words h3 {
	font-size: .24rem;
	line-height: .33rem;
	margin-top: .4rem;
	margin-bottom: .4rem
}

.product-extra-advantage .w_1200 .extra-advantage-content .extra-item .words p {
	font-size: .16rem;
	line-height: .22rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis !important;
	display: -webkit-box;
	-webkit-line-clamp: 6 !important;
	-webkit-box-orient: vertical !important
}

.product-extra-advantage .w_1200 .extra-advantage-content .extra-item:nth-child(2n) {
	flex-direction: row-reverse
}

.product_data_mobile {
	display: none
}

.product-data {
	position: relative
}

.product-data .wodrs {
	z-index: 101;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: .5rem;
	color: #fff
}

.product-data h2 {
	font-size: .32rem;
	line-height: .67rem;
	margin-bottom: .24rem;
	text-align: center
}

.product-data .des {
	font-size: .18rem;
	line-height: .25rem;
	text-align: center
}

.product-data .supernov {
	height: 100vh;
	background-color: #dddfe4;
	display: flex;
	position: relative;
	z-index: 100
}

.product-data .supernov .left {
	width: 50%;
	overflow: hidden;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #dddfe4;
	background-image: radial-gradient(circle at right 0, #22465d, #02121b)
}

.product-data .supernov .left .left-words {
	font-size: .48rem;
	line-height: .67rem;
	position: absolute;
	z-index: 2;
	right: 3%;
	top: 1rem;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	color: #fff
}

.product-data .supernov .left.fixed {
	position: fixed
}

.product-data .supernov .left img {
	display: block;
	width: 120%;
	position: absolute;
	z-index: 2;
	bottom: 2rem;
	right: 0;
	top: 50%;
	transform: translate(50%, -50%)
}

.product-data .supernov .right {
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	overflow: hidden;
	height: 100%;
	background-color: #dddfe4;
	background-image: radial-gradient(circle at left 0, #22465d, #02121b)
}

.product-data .supernov .right img {
	display: block;
	width: 120%;
	position: absolute;
	z-index: 2;
	bottom: 2rem;
	left: 0;
	top: 50%;
	transform: translate(-50%, -50%)
}

.product-data .data-detail {
	padding-left: 50%;
	padding-bottom: 2.8rem;
	position: relative
}

.product-data .data-detail .detail-pagination {
	position: absolute;
	z-index: 1;
	right: 10%;
	top: 4.25rem
}

.product-data .data-detail .detail-pagination.fixed {
	position: fixed;
	top: 4.25rem
}

.product-data .data-detail .detail-pagination li {
	width: .12rem;
	height: .12rem;
	background-color: #d8d8d8;
	border-radius: 50%;
	margin-bottom: .15rem
}

.product-data .data-detail .detail-pagination li.active {
	background-color: #f9ad09
}

.product-data .data-detail .data-detail-part {
	padding-left: 23%;
	margin-top: .9rem
}

.product-data .data-detail .data-detail-part h5 {
	font-size: 20px;
	margin-bottom: 5px
}

.product-data .data-detail .data-detail-part p {
	font-size: 14px;
	margin-bottom: 20px
}

.product-data .data-detail .data-detail-part .img {
	width: 370px
}

.product-data .data-detail .data-detail-part .img img {
	display: block;
	width: 100%
}

.product-data .data-detail .data-detail-part .words {
	width: 370px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0;
	padding: .3rem .3rem .3rem .2rem;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0
}

.product-data .data-detail .data-detail-part .words .download a {
	display: flex;
	align-items: center
}

.product-data .data-detail .data-detail-part .words .download a span {
	font-size: 18px;
	color: #003a7d;
	margin-left: 5px
}

.product-data .data-detail .data-detail-part .words .logo {
	width: 19%
}

.product-data .data-detail .data-detail-part .words .logo img {
	display: block;
	width: 100%
}

.product-apply {
	padding-bottom: 1.22rem
}

.product-apply h2 {
	font-size: .48rem
}

.product-video {
	padding-bottom: 1.59rem
}

.product-video .w_1200 h2 {
	margin-bottom: .6rem;
	font-size: .48rem
}

.product-video .w_1200 .product-video-content li a p {
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.foot-wrap {
	background-color: #fff
}

.copyright,
.foot-wrap {
	z-index: 100;
	position: relative
}

@media (max-width:1200px) {
	.product-choose .w .product-choose-content .choose-quality p {
		font-size: .2rem
	}

	.product-data .data-detail .data-detail-part .img,
	.product-data .data-detail .data-detail-part .words {
		width: 300px
	}
}

@media (max-width:960px) {
	.product-scan .w_1200 p {
		font-size: 14px;
		line-height: 26px
	}

	.product-data,
	.product-scan .w_1200 .browser,
	.product-scan .w_1200 .drag,
	.product-scan .w_1200 .pedestal,
	.product-scan .w_1200 .scan-bottom,
	.product-scan .w_1200 .scan_360deg,
	.product-scan .w_1200 .scan_group {
		display: none
	}

	.product_data_mobile {
		display: block
	}

	.product_data_mobile .wodrs {
		text-align: center
	}

	.product_data_mobile h2 {
		font-size: .32rem;
		line-height: .67rem;
		margin-bottom: .24rem;
		text-align: center
	}

	.product_data_mobile .des {
		font-size: 14px;
		line-height: 26px;
		text-align: center;
		margin-bottom: 30px
	}

	.product_data_mobile .supernov {
		background-image: radial-gradient(circle at center center, #22465d, #02121b);
		padding-top: 10%;
		padding-bottom: 10%
	}

	.product_data_mobile .supernov .img {
		width: 80%;
		margin-left: auto;
		margin-right: auto
	}

	.product_data_mobile .supernov .img img {
		display: block;
		width: 100%
	}

	.product_data_mobile .data-detail {
		padding-top: .3rem
	}

	.product_data_mobile .data-detail:after {
		content: "";
		clear: both;
		display: block;
		visibility: hidden;
		width: 0;
		height: 0
	}

	.product_data_mobile .data-detail-part {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px
	}

	.product_data_mobile .data-detail-part:nth-child(2n) {
		margin-right: 0
	}

	.product_data_mobile .data-detail-part .img img {
		display: block;
		width: 100%
	}

	.product_data_mobile .data-detail-part .words {
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
		font-size: 0;
		padding: .3rem .3rem .3rem .2rem;
		border-bottom: 1px solid #e0e0e0;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0
	}

	.product_data_mobile .data-detail-part .words h5 {
		font-size: 20px;
		margin-bottom: 10px;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}

	.product_data_mobile .data-detail-part .words p {
		font-size: 14px;
		margin-bottom: 10px;
		width: 100%
	}

	.product_data_mobile .data-detail-part .words .download a {
		display: flex;
		align-items: center
	}

	.product_data_mobile .data-detail-part .words .download a span {
		font-size: 14px;
		color: #003a7d;
		margin-left: 5px
	}

	.product_data_mobile .data-detail-part .words .download a img {
		height: 16px
	}

	.product_data_mobile .data-detail-part .words .logo {
		width: 19%
	}

	.product_data_mobile .data-detail-part .words .logo img {
		display: block;
		width: 100%
	}
}

@media (max-width:768px) {
	.product-scan .w_1200 .drag {
		width: 100%
	}

	.product-scan-video .play_btn {
		width: 8%
	}

	.product-advantage .w .advantage-content {
		display: block
	}

	.product-advantage .w .advantage-content .left {
		width: 100%;
		margin-bottom: 10px
	}

	.product-advantage .w .advantage-content .right {
		width: 100%
	}

	.product-extra-advantage .w_1200 .extra-advantage-content .extra-item .words h3 {
		margin-top: .1rem;
		margin-bottom: .1rem
	}

	.product-video .w_1200 .product-video-content li {
		width: 48%;
		margin-right: 4%
	}

	.product-video .w_1200 .product-video-content li:nth-child(3n) {
		margin-right: 4%
	}

	.product-video .w_1200 .product-video-content li:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:480px) {
	.product-scan-video .play_btn {
		width: 10%
	}

	.product_data_mobile .data-detail-part {
		float: none;
		width: 100%
	}
}

.manual-main .logo img {
	width: .72rem
}

.p-other .tab-item {
	max-width: 2.3rem
}

@media (max-width:768px) {
	.p-other .tab-item {
		max-width: auto
	}
}

.choose-quality .img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden
}

.choose-quality .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.choose-quality ul {
	margin: 0 -.25rem
}

.choose-quality li {
	margin: 0 .25rem .6rem !important
}

@media (max-width:960px) {
	.choose-box .view-img-list {
		width: 100%;
		float: none
	}

	.choose-box .type-choose {
		width: 100%;
		float: none;
		padding: 0
	}
}

.view-video .p-text {
	max-width: 960px;
	margin: 0 auto
}

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

.p-text {
	text-align: center;
	padding-top: .6rem
}

.p-text .p-tit {
	font-size: .32rem;
	line-height: 1.4;
	padding-bottom: .4rem;
	font-weight: 400;
	line-height: 1
}

.p-text .p-info {
	font-size: .18rem;
	font-weight: 300;
	line-height: .32rem;
	color: #333;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto
}

.download-text {
	font-size: .2rem;
	font-weight: 400;
	text-align: center;
	padding-top: .3rem;
	padding-bottom: .6rem
}

.download-text a {
	color: #003a7d
}

.video-cover {
	width: 100%;
	position: relative;
	padding-top: .6rem
}

.video-cover img {
	max-width: 100%
}

.video-play {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 1rem
}

.p-exterior .type-cover {
	position: relative
}

.p-exterior .p-text {
	padding-top: .7rem
}

.p-exterior .p-type~.p-type {
	padding-top: .8rem
}

.p-exterior .info {
	position: absolute;
	top: .4rem;
	left: 1.8rem;
	color: #fff;
	line-height: 1.4;
	z-index: 1
}

.p-exterior .info h2 {
	font-size: .32rem
}

.p-exterior .info p {
	font-size: .2rem
}

.p-exterior .type-toggle {
	position: absolute;
	bottom: .2rem;
	left: 50%;
	transform: translate(-50%);
	z-index: 1;
	color: #fff;
	font-size: .16rem;
	cursor: pointer
}

.p-exterior .type-toggle img {
	width: .22rem;
	vertical-align: middle;
	transition: all .3s
}

.p-exterior .type-toggle.open img {
	transform: rotate(180deg)
}

.p-exterior .type-main {
	padding-top: .6rem
}

.p-exterior .type-info {
	font-size: .16rem;
	font-weight: 300;
	color: #666;
	line-height: 1.875;
	margin-bottom: .6rem;
	text-align: center
}

.p-exterior .main-item {
	display: flex;
	justify-content: space-between;
	padding-bottom: .6rem
}

.p-exterior .main-item>div {
	width: 50%
}

.p-exterior .main-item img {
	width: 81%
}

.p-exterior .info-box {
	padding: .5rem 0 0
}

.p-exterior .info-box h3 {
	font-size: .24rem;
	line-height: 1.375;
	color: #333;
	padding-bottom: .2rem
}

.p-exterior .info-box p {
	font-size: .16rem;
	font-weight: 300;
	color: #666;
	line-height: 1.875
}

.p-exterior .swiper-item {
	display: flex;
	justify-content: space-between;
	padding-bottom: .6rem
}

.p-exterior .swiper-item .swiper-outter {
	width: 40.4%
}

.p-exterior .swiper-item .my_swiper:hover .swiper-button-next,
.p-exterior .swiper-item .my_swiper:hover .swiper-button-prev {
	display: block
}

.p-exterior .swiper-item .my_swiper .swiper-slide {
	width: 100% !important
}

.p-exterior .swiper-item .my_swiper .swiper-slide img {
	display: block;
	width: 100%
}

.p-exterior .swiper-item .my_swiper .swiper-button-next {
	background-image: url(../images/banner_next.png);
	background-size: contain;
	width: .46rem;
	right: 2.76%;
	display: none
}

.p-exterior .swiper-item .my_swiper .swiper-button-prev {
	background-image: url(../images/banner_prev.png);
	background-size: contain;
	width: .46rem;
	left: 2.76%;
	display: none
}

.p-exterior .swiper-item .info-box {
	width: 50%
}

.p_choose .p_choose_tab .swiper-slide {
	font-size: .16rem;
	font-weight: 400;
	color: #666;
	text-align: center
}

.p_choose .p_choose_tab .swiper-slide-active {
	color: #333
}

.p-merit {
	padding-bottom: .6rem
}

.p-merit .merit-list {
	margin: 0 -.15rem
}

.p-merit .merit-list:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.p-merit .merit-list li {
	float: left;
	width: 33.333333%;
	padding: 0 .15rem;
	box-sizing: border-box;
	margin-top: .3rem
}

.p-merit .merit-list a {
	display: block;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	position: relative
}

.p-merit .merit-list a:hover .des {
	max-height: 500px;
	-webkit-line-clamp: unset !important
}

.p-merit .merit-list a:hover .tit {
	white-space: normal
}

.p-merit .merit-list .img,
.p-merit .merit-list .img img {
	width: 100%
}

.p-merit .merit-list .m-info {
	padding: .2rem .9rem .2rem .3rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 100%;
	overflow: auto;
	z-index: 1;
	background-color: #fff
}

.p-merit .merit-list .m-info::-webkit-scrollbar {
	width: 0
}

.p-merit .merit-list .tit {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-size: .24rem
}

.p-merit .merit-list .des {
	margin-top: .15rem;
	font-size: .16rem;
	line-height: .25rem;
	min-height: .75rem;
	max-height: .75rem;
	transition: all .3s;
	overflow: hidden;
	text-overflow: ellipsis !important;
	display: -webkit-box;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important
}

.p-merit .merit-list .num {
	position: absolute;
	top: 0;
	transform: translateY(50%);
	right: .3rem;
	font-size: 1rem;
	color: #f5f5f5;
	font-family: Hormann Choosen;
	line-height: 1
}

.p-merit .merit-four {
	width: 960px;
	margin: 0 auto
}

.p-merit .merit-four .merit-list {
	margin: 0 -.3rem
}

.p-merit .merit-four .merit-list li {
	width: 50%;
	padding: 0 .3rem;
	margin-top: .5rem
}

.p-security .p-text {
	padding-top: .4rem
}

.p-security .p-info {
	padding-bottom: .36rem
}

.p-security .security-tab {
	display: flex;
	justify-content: space-between;
	position: relative
}

.p-security .security-tab li {
	width: calc((100% - .5rem)/3);
	flex-shrink: 0
}

.p-security .security-tab li img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.p-security .security-tab li h5 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	line-height: .6rem;
	padding: 0 .2rem;
	font-size: .2rem;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	color: #fff;
	background: linear-gradient(180deg, #000, #000);
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7))
}

.p-security .s-cover {
	width: 100%;
	height: 100%;
	position: relative
}

.p-security .security-info {
	position: absolute;
	top: calc(100% + .45rem);
	background: #fff;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .15);
	left: 0;
	width: 100%;
	font-size: 16px;
	z-index: 1;
	box-sizing: border-box;
	padding: .55rem 0 .4rem;
	display: none
}

.p-security .security-info.show {
	display: flex
}

.p-security .security-info:before {
	content: "";
	position: absolute;
	top: -.2rem;
	left: 50%;
	width: 0;
	height: 0;
	border-color: transparent #fff #fff transparent;
	border-style: solid;
	border-width: .2rem;
	z-index: 1;
	box-shadow: 4px 4px 5px rgba(0, 0, 0, .04);
	transform: rotate(-135deg)
}

.p-security .security-info .img-box {
	width: 37%;
	flex-shrink: 0;
	margin-right: 5%
}

.p-security .security-info .img-box img {
	width: 100%
}

.p-security .security-info .info-close {
	width: .16rem;
	height: .16rem;
	position: absolute;
	top: .2rem;
	right: .2rem;
	z-index: 2;
	cursor: pointer
}

.p-security .security-info .des {
	width: 45%;
	padding: .2rem 0;
	overflow: hidden
}

.p-security .security-info h3 {
	font-size: .24rem;
	padding-bottom: .25rem
}

.p-security .security-info p {
	font-size: .16rem;
	line-height: 1.875
}

.p-security .security-tab li:first-child .security-info:before {
	left: 16%
}

.p-security .security-tab li:nth-child(3) .security-info:before {
	left: 82%
}

.p-other {
	background-color: #003a7d
}

.p-other .con-info {
	display: flex
}

.p-other .con-info .img-box {
	width: 50%;
	flex-shrink: 0;
	box-sizing: border-box;
	padding: .2rem .1rem .2rem .2rem;
	line-height: 0
}

.p-other .con-info .other-info {
	padding: .2rem;
	width: 50%;
	box-sizing: border-box;
	overflow: hidden
}

.p-other .con-info h3 {
	font-size: .24rem;
	line-height: 1.375;
	margin-bottom: .4rem
}

.p-other .con-info p {
	font-size: .16rem;
	font-weight: 300;
	color: #666;
	line-height: 1.875;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis !important;
	display: -webkit-box;
	-webkit-line-clamp: 10 !important;
	-webkit-box-orient: vertical !important
}

.p-other .con-info .pos-r {
	height: 100%
}

.p-other .con-info .link {
	color: #f69e00;
	font-size: .14rem;
	text-align: right;
	line-height: 1;
	position: absolute;
	right: .2rem;
	bottom: .6rem;
	z-index: 10
}

.p-other .con-info .link a {
	display: block
}

.p-other .con-info .link a~a {
	padding-top: .2rem
}

.p-other .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center
}

.p-parameter {
	padding-top: .8rem
}

.p-parameter .p-text {
	padding-top: 0
}

.p-parameter .parameter-data {
	width: 100%;
	overflow: auto;
	margin-bottom: .2rem
}

.p-parameter .parameter-data svg {
	width: 100%
}

.p-parameter table {
	width: 100%;
	min-width: 500px;
	font-size: .18rem;
	border-collapse: collapse
}

.p-parameter table th {
	text-align: left
}

.p-parameter table th img {
	width: 1.5rem
}

.p-parameter table a {
	color: #2d83fc
}

.p-parameter table td,
.p-parameter table th {
	padding-top: .3rem;
	padding-bottom: .3rem
}

.p-parameter table td {
	padding-left: .3rem
}

.p-parameter table tr:nth-child(2n) {
	background-color: #f0f0f0
}

.manual-main {
	padding-bottom: .5rem;
	padding-top: .15rem
}

.manual-main:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.manual-main .item {
	float: left;
	width: 23%;
	margin-right: 2.666%;
	margin-bottom: .3rem
}

.manual-main .item:nth-child(4n) {
	margin-right: 0
}

.manual-main .item:hover .img img {
	transform: scale(1.05)
}

.manual-main .item .img {
	width: 100%;
	overflow: hidden
}

.manual-main .item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: all .5s ease-out
}

.manual-main .item .words {
	padding: .22rem .3rem .3rem;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0
}

.manual-main .item .words h5 {
	font-size: .2rem;
	line-height: .28rem;
	margin-bottom: 4px
}

.manual-main .item .words h5,
.manual-main .item .words p {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.manual-main .item .words p {
	font-size: .14rem;
	line-height: .2rem;
	margin-bottom: .37rem
}

.manual-main .item .words .bottom {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.manual-main .item .words .bottom a {
	display: flex;
	align-items: center
}

.manual-main .item .words .bottom a img {
	font-size: 0;
	width: .22rem;
	line-height: .25rem;
	margin-right: 5px
}

.manual-main .item .words .bottom a span {
	display: inline-block;
	color: #003a7d;
	font-size: .18rem;
	line-height: .25rem
}

.manual-main .item .words .bottom a i {
	color: #003a7d;
	font-size: .18rem;
	line-height: .25rem;
	margin-right: 5px
}

.manual-main .item .words .bottom .logo img {
	display: block;
	width: .72rem
}

.product-apply {
	padding-bottom: .8rem;
	padding-top: .5rem;
	position: relative;
	z-index: 101;
	background-color: #fff
}

.product-apply h2 {
	font-size: .32rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	background-color: #f2f2f2;
	margin-bottom: .3rem
}

.product-apply .swiper-apply .swiper-slide {
	width: 42% !important
}

.product-apply .swiper-apply .swiper-slide img {
	display: block;
	width: 100%
}

.product-apply .swiper-apply .swiper-slide:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	background-color: #003a7d;
	height: 10px;
	z-index: 1;
	bottom: 0
}

.product-apply .swiper-apply .swiper-slide:hover:after {
	background-color: #f9ad09
}

.product-video {
	position: relative;
	z-index: 101;
	background-color: #fff;
	padding-bottom: .8rem
}

.product-video .w_1200 h2 {
	margin-bottom: .4rem;
	font-size: .32rem;
	text-align: center
}

.product-video .w_1200 .product-video-content:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.product-video .w_1200 .product-video-content li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: .4rem;
	float: left
}

.product-video .w_1200 .product-video-content li:nth-child(3n) {
	margin-right: 0
}

.product-video .w_1200 .product-video-content li:nth-child(3n+1) {
	clear: left
}

.product-video .w_1200 .product-video-content li a {
	display: block
}

.product-video .w_1200 .product-video-content li a .img {
	position: relative
}

.product-video .w_1200 .product-video-content li a .img .product-video-bg {
	display: block;
	width: 100%
}

.product-video .w_1200 .product-video-content li a .img .play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 17.5%;
	font-size: 0
}

.product-video .w_1200 .product-video-content li a p {
	font-size: .18rem;
	line-height: .25rem;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis !important;
	display: -webkit-box;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	white-space: normal !important
}

.p-type2 .type2-tab {
	padding-top: .2rem;
	display: block;
	white-space: nowrap;
	overflow: auto;
	text-align: center;
	line-height: 1.4;
	font-size: .16rem
}

.p-type2 .type2-tab span {
	color: #666;
	padding: .15rem;
	display: inline-block;
	border-bottom: 2px solid transparent;
	cursor: pointer
}

.p-type2 .type2-tab span.cur {
	color: #333;
	border-color: #f9ad09
}

.p-type2 .type2-swiper-bg {
	padding: .3rem 0;
	background: url(../images/product_bg.jpg) no-repeat 50%;
	background-size: 100% 100%
}

.p-type2 #type-swiper {
	padding: 0 .7rem
}

.p-type2 .swiper-slide {
	width: 60%;
	background-color: #000
}

.p-type2 .swiper-slide img {
	display: block;
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	opacity: .8
}

#type-swiper .swiper-container {
	display: none
}

.p-certificate {
	padding-bottom: .3rem
}

.p-certificate ul {
	margin: 0 -.16rem;
	display: none
}

.p-certificate ul:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

.p-certificate li {
	float: left;
	width: 25%;
	padding: .16rem
}

.p-certificate li img {
	width: 100%
}

.product-nav {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	height: 0
}

.product-nav.active {
	display: block;
	height: auto
}

.p-security .security-info {
	padding: .2rem 0
}

.p-text .p-tit {
	padding-bottom: .3rem
}

.p-security .security-tab {
	margin: 0 0 .5rem
}

video {
	width: 100%
}

.product-data .data-detail .data-detail-part .words {
	padding-right: .3rem
}

.product-data .data-detail .data-detail-part .words .download a span {
	padding-left: 5px
}

@media (max-width:960px) {
	.sec_nav {
		display: none !important
	}

	.p-exterior .type-main {
		width: 100% !important
	}

	.p-exterior .info {
		left: .3rem
	}

	.p-parameter {
		display: none
	}

	.product-video .w_1200 .product-video-content li a p {
		font-size: 14px;
		line-height: 26px
	}

	.product-video .w_1200 .product-video-content li:nth-child(3n+1) {
		clear: none
	}
}

@media (max-width:1200px) {
	.p-other .con-info p {
		-webkit-line-clamp: 8 !important
	}

	.manual-main .item .words {
		padding: .18rem .1rem .2rem
	}

	.manual-main .item .words p {
		margin-bottom: .18rem
	}
}

@media (max-width:992px) {
	.p-merit .merit-four {
		width: 100%
	}

	.p-text {
		width: 100% !important;
		margin: 0 auto
	}

	.p-exterior .type-info {
		margin-bottom: .3rem;
		font-size: .24rem
	}

	.p-exterior .p-type~.p-type {
		padding-top: .3rem
	}

	.p-certificate li {
		width: 50%
	}

	#type-swiper {
		padding: 0 !important
	}

	.p-exterior .info-box p,
	.p-exterior .type-toggle,
	.p-other .other-con .con-info p,
	.p-security .security-info p,
	.p-text .p-info {
		font-size: .18rem
	}

	.manual-main .item {
		width: 47%;
		margin-right: 6%
	}

	.manual-main .item:nth-child(2n) {
		margin-right: 0
	}

	.manual-main .item .words p {
		font-size: .16rem
	}

	.product-video .w_1200 .product-video-content li a p {
		font-size: .24rem
	}

	.p-type2 .type2-tab span {
		font-size: .26rem
	}

	.manual-main .item .words .bottom .logo img {
		width: 1.44rem
	}
}

@media (max-width:768px) {
	.p-other .con-info .link {
		position: static;
		padding-top: .2rem;
		font-size: .24rem
	}

	.p-other .con-info p {
		font-size: .24rem
	}

	.p-other .con-info {
		display: block
	}

	.p-other .con-info .img-box {
		width: 100%;
		padding: .2rem
	}

	.p-other .con-info .other-info {
		width: 100%
	}

	.p-merit .merit-list .num {
		font-size: 1.1rem
	}

	.p-merit .merit-list .tit {
		font-size: .28rem
	}

	.p-merit .merit-list li {
		width: 50%
	}

	.p-merit .merit-list .des {
		font-size: .22rem;
		line-height: .3rem;
		max-height: .9rem;
		min-height: .9rem
	}

	.p-certificate li {
		width: 100%
	}

	.p-exterior .main-item {
		flex-wrap: wrap
	}

	.p-exterior .main-item:nth-child(2n) {
		flex-wrap: wrap-reverse
	}

	.p-exterior .main-item img {
		width: 100%;
		margin-top: .1rem
	}

	.p-exterior .main-item>div {
		width: 100%
	}

	.p-security .security-tab li {
		width: 100%;
		margin-bottom: .3rem
	}

	.p-security .security-tab {
		flex-wrap: wrap
	}

	.p-security .security-info {
		position: static
	}

	.p-security .s-cover {
		height: auto
	}

	.p-security .security-info .img-box {
		display: none
	}

	.p-security .security-tab li img {
		height: auto
	}

	.p-security .security-info.show {
		display: block;
		box-shadow: none
	}

	.p-security .security-info .des {
		width: 100%
	}

	.empty-black,
	.p-security .security-info .info-close {
		display: none
	}

	.manual-main .item {
		width: 100%
	}

	.manual-main .item .words h5 {
		font-size: .3rem;
		line-height: .6rem
	}

	.manual-main .item .words p {
		font-size: .24rem;
		line-height: 1.4;
		padding-top: .1rem
	}

	.manual-main .item .words .bottom a img {
		width: .27rem
	}

	.manual-main .item .words .bottom a span {
		font-size: .24rem
	}

	.product-video .w_1200 .product-video-content li:nth-child(3n) {
		margin-right: 4%
	}

	.product-video .w_1200 .product-video-content li:nth-child(2n) {
		margin-right: 0
	}

	.product-video .w_1200 .product-video-content li {
		width: 48%;
		margin-right: 4%
	}

	.p-exterior .info-box h3,
	.p-security .security-info h3 {
		font-size: .3rem
	}

	.p-exterior .info p,
	.p-text .p-info {
		font-size: .24rem
	}

	.p-text .p-info {
		line-height: 1.8
	}

	.p-exterior .info-box p,
	.p-exterior .type-toggle,
	.p-other .other-con .con-info p,
	.p-security .security-info p,
	.p-security .security-tab li h5,
	.product-video .w_1200 .product-video-content li a p {
		font-size: .24rem
	}

	.p-other .other-con .con-info .img-box {
		width: 100%
	}

	.p-other .other-con .con-info {
		flex-wrap: wrap
	}

	.p-other .other-con .con-info .other-info {
		width: 100%
	}

	.p-other .other-con .model-list section {
		width: 50%
	}

	.p-other .tab-item {
		max-width: auto
	}

	.p-exterior .info-box {
		padding-top: .26rem
	}

	.p-exterior .main-item {
		padding-bottom: .3rem
	}
}

@media (max-width:480px) {

	.p-merit .merit-four .merit-list li,
	.p-merit .merit-list li {
		width: 100%
	}

	.p-merit .merit-list .num {
		font-size: 1.2rem
	}
}