@charset "utf-8";


body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
	margin: 0;
	padding: 0;
}

ol,
ul {
	list-style: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}



a {
	text-decoration: none;
	outline: none;
	color: #666;
}

img {
	border: 0;
	width: 100%;
	vertical-align: bottom;
}

a:focus {
	outline: none;
}

html {
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
}

body {
	-webkit-font-smoothing: antialiased;
	font-family: arial;
	background: #fff;
	font-size: 16px;
	color: #666;
	min-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	overflow-x: hidden;
}


::-webkit-scrollbar {
	width: 8px;
	height: 10px;
}

::-webkit-scrollbar-thumb {
	background: #555;
}

::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	background: #ddd;
}


table {
	border-collapse: collapse;
	width: 100%;
}

input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio'],
input[type='submit'] {
	cursor: pointer;
	border: 0;
	outline: none;
	-webkit-appearance: none;
}

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
	padding: 0px;
	color: #666;
	font-size: 12px;
	outline: none;
	-webkit-appearance: none;
}

img,
a,
div,
b,
em,
i,
li,
p,
h3,
span,
h1,
h2,
h4,
h5,
h6 {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@font-face {
	font-family: 'gothambold';
	src: url(font/gothambold.eot);
	/* IE9*/
	src: url(font/gothambold.eot?#iefix) format('embedded-opentype'),
		/* IE6-IE8 */
		url(font/gothambold.woff) format('woff'),
		/* chrome、firefox */
		url(font/gothambold.ttf) format('truetype'),
		/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		url(font/gothambold.svg#gothambold) format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'BlueSkyStandard';
	src: url(font/BlueSkyStandard.eot);
	/* IE9*/
	src: url(font/BlueSkyStandard.eot?#iefix) format('embedded-opentype'),
		/* IE6-IE8 */
		url(font/BlueSkyStandard.woff) format('woff'),
		/* chrome、firefox */
		url(font/BlueSkyStandard.ttf) format('truetype'),
		/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		url(font/BlueSkyStandard.svg#BlueSkyStandard) format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'BlueSkyStandard-Bold';
	src: url(font/BlueSkyStandard-Bold.eot);
	/* IE9*/
	src: url(font/BlueSkyStandard-Bold.eot?#iefix) format('embedded-opentype'),
		/* IE6-IE8 */
		url(font/BlueSkyStandard-Bold.woff) format('woff'),
		/* chrome、firefox */
		url(font/BlueSkyStandard-Bold.ttf) format('truetype'),
		/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		url(font/BlueSkyStandard-Bold.svg#BlueSkyStandard-Bold) format('svg');
	/* iOS 4.1- */
}


.gray_bg {
	background-color: #f8f8f8;
}

.white_bg {
	background-color: #fff;
}

.white {
	color: #fff;
}

.black {
	color: #000;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix {
	clear: both;
}

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

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

.radius {
	border-radius: 8px;
	overflow: hidden;
}

.rel {
	position: relative;
}

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

.theme-container {
	width: 81.45%;
	margin: 0 auto;
	min-width: 1200px;
}





.theme-banner {
	background: url(load.gif) center no-repeat;
}

.theme-banner {
	display: block;
	width: 100%;
	height: 49.48vw;
	min-height: 700px;
}

.theme-banner .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.theme-banner .swiper-slide.swiper-slide-active a {
	transform: scale(1.05);
	transition: -webkit-transform 8s linear;
	-webkit-transform: scale(1.05);
	-webkit-transition: -webkit-transform 5s linear;
}

.theme-banner .swiper-pagination {
	position: absolute;
	bottom: 3%;
	left: 50%;
	width: fit-content;
	height: fit-content;
	transform: translatex(-50%);
}

.theme-banner .swiper-pagination div {
	position: relative;
	width: 35px;
	height: 35px;
	margin: 8px 0;
	font-size: 18px;
	line-height: 35px;
	color: #fff;
	background: none;
	font-family: 'gothambold';
}

.theme-banner .swiper-pagination div::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 7px;
	height: 7px;
	background-color: #fff;
	border-radius: 50%;
}

.theme-banner .swiper-pagination div.swiper-pagination-bullet {
	opacity: 1;
}

.theme-banner .swiper-pagination div.swiper-pagination-bullet b {
	opacity: 0;
}

.theme-banner .swiper-pagination div.swiper-pagination-bullet::after {
	opacity: .4;
}

.theme-banner .swiper-pagination div.swiper-pagination-bullet-active b {
	opacity: 1;
	border: 1px solid #fff;
	border-radius: 50%;
	font-size: 12px;
	padding: 8px;
}

.theme-banner .swiper-pagination div.swiper-pagination-bullet-active::after {
	opacity: 0;
}







.header-box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	min-width: 1280px;
	width: 100%;
	transition: none;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.header-box.active {
	position: fixed;
	top: 0;
	transform: translateY(-101%);
}

.header-box.active.slideDown,
.header-box.active.slideUp {
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.header-box.active.slidedowm {
	transform: translateY(0);
}



.header-bg {

	box-shadow: 0 0 35px 0 rgba(0, 0, 0, .25);
	background: #fff;
}

.header-box .theme-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo {
	display: block;
	width: 184px;
	height: 48px;
	background: url(logo.png) center center/cover no-repeat;
	transition: all 0.5s;
}

.header-color {
	background: #fff;
}

.header-color .logo,
.header-bg .logo {
	background-image: url(logo02.png);
}

.head-right {
	display: flex;
	justify-content: space-between;
}

nav ul {
	display: flex;
}

nav ul li {
	margin: 0 20px;
}

nav>ul>li>a {
	position: relative;
	display: block;
	font-size: 1rem;
	color: #fff;
	line-height: 90px;
	text-transform: uppercase;
	transition: all 0.4s;
}

nav>ul>li>a::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 0;
	height: 2px;
	background-color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.header-color nav>ul>li>a::after,
.header-bg nav>ul>li>a::after {
	background-color: #1a234d;
}

nav>ul>li>a:hover::after,
nav>ul>li>a.active::after {
	width: 100%;
	opacity: 1;
}


.header-color nav>ul>li>a,
.header-bg nav>ul>li>a {
	color: #000;
}



.head-search {
	position: relative;
	width: 50px;
	height: 90px;
	margin-left: 0px;
}

.head-search i {
	display: block;
	height: 100%;
	width: 50px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	background-size: 25px;
	background-image: url(search_icon.png);
}

.head-search form {
	display: flex;
	position: absolute;
	right: 0;
	top: 90px;
	padding: 0 20px;
	height: 0;
	overflow: hidden;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f003065, endColorstr=#7f003065);
	background: rgba(0, 0, 0, .5);
}

.head-search input[type="text"] {
	width: 150px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	border: 1px solid #eee;
	color: #999;
	padding: 0 10px;
	text-align: left;
}

.head-search input[type="submit"] {
	width: 50px;
	height: 30px;
	background-image: url(search_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
	cursor: pointer;
	background-color: #ff984f;
}

.head-search:hover form {
	height: 60px;
	padding: 15px 20px;
}


.header-color .head-search i,
.header-bg .head-search i {
	background-image: url(search.png);
}

.header-color .head-language i,
.header-bg .head-language i {
	background-image: url(language_icons.png);
}

.header-color .head-language,
.header-bg .head-language {
	color: #333;
}

/*首页搜索*/
.i_search {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	transition: .5s;
	text-align: center;
	pointer-events: none;
	opacity: 0;
	background: rgba(255, 255, 255, 1);
	z-index: 99999;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.i_search em {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	display: block;
	transition: .5s;
	opacity: 0;
	border: 0 solid #1a234d;
}

.i_search .search_page {
	margin: 5em 0;
	transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s;
	transition: opacity .5s, transform .5s, -webkit-transform .5s;
	-webkit-transform: scale3d(.8, .8, 1);
	transform: scale3d(.8, .8, 1);
	opacity: 0;
	width: 100%;
}

.i_search .search_page form {
	display: block;
	padding: 0 15px;
	width: 60%;
	z-index: 1;
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}

.i_search .search_page input {
	display: block;
	float: left;
	font-size: 20px;
}

.i_search .search_page input[type="text"] {
	width: 90%;
	border: 0;
	text-align: left;
	line-height: 40px;
	background: none;
	height: 40px;
	color: #333;
	-webkit-appearance: none;
}

.i_search .search_page input[type="submit"] {
	width: 10%;
	border: 0;
	text-align: center;
	line-height: 35px;
	height: 35px;
	background: url(search.png) no-repeat right;
}

.i_search.open {
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
}

.i_search.open em {
	visibility: visible;
	opacity: 1;
	border-width: 10px;
}

.i_search.open .search_page {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.i_search.open .search_page::before {
	content: "Search";
	font-size: 48px;
	color: #000;
	font-weight: bold;
	position: absolute;
	top: -100px;
	left: 50%;
	transform: translateX(-104px);
}

.p-top {
	padding-top: 90px;
}


.head-cart {
	position: relative;
	display: block;
	height: 90px;
	width: 50px;
}

.head-cart i {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 25px;
	height: 25px;
	background: url(cart_icon.png) center no-repeat;
	cursor: pointer;
}

.header-color .head-cart i,
.header-bg .head-cart i {
	background-image: url(cart.png);
}

.headcart {
	position: absolute;
	right: -18px;
	top: 80px;
	width: 425px;
	padding: 25px;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
	border-radius: 18px;
	display: none;
}

.head-cart:hover .headcart {
	display: block;
}

.headcart::after {
	content: "";
	position: absolute;
	right: 29px;
	top: -24px;
	display: block;
	border-bottom: 12px solid #fff;
	border-top: 12px solid transparent;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

.headcart h3 {
	color: #000;
	font-size: 18px;
	font-family: 'BlueSkyStandard-Bold';
	margin-bottom: 20px;
}

.headcart-order {
	display: block;
	width: 95%;
	line-height: 50px;
	margin: 5% auto 0;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border-radius: 8px;
	background-color: #1a234d;
	cursor: pointer;
}

.headcart ul {
	max-height: 257px;
	overflow-y: scroll;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.headcart .node {
	padding: 90px 0;
}

.headcart ul li {
	position: relative;
	padding: 8px 0;
	border-bottom: 1px solid #eee;
}

.headcart ul li:last-child {
	border-bottom: 0;
}

.head-pro {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.head-pro-img {
	width: 30%;
}

.head-pro-text {
	width: 45%;
	margin-right: 15%;
}

.head-pro-text h4 {
	font-size: 15px;
	line-height: 1.5;
	color: #000;
}

.head-pro-text p {
	font-size: 14px;
}

.headcart ul li strong {
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background: url(del.png) center no-repeat;
	cursor: pointer;
}


@media screen and (max-width:1680px) {

	nav>ul>li>a {
		font-size: 0.9375rem;
		line-height: 85px;
	}

	.head-search {
		height: 85px;
	}

	.head-search form {
		top: 85px;
	}

	.p-top {
		padding-top: 85px;
	}

	.head-cart {
		height: 85px;
	}


}



@media screen and (max-width:1440px) {

	nav>ul>li>a {
		font-size: 0.875rem;
		line-height: 80px;
	}

	.head-search {
		height: 80px;
	}

	.head-search form {
		top: 80px;
	}

	.p-top {
		padding-top: 80px;
	}

	.head-cart {
		height: 80px;
	}



}



.index-product {
	margin-top: 6%;
}

.index-pro-img {
	pointer-events: none;
}

.index-product .theme-container {
	position: relative;
	padding: 0 1%;
	background-color: #fff;
	border-radius: 15px;
	margin-top: -9%;
	box-shadow: 0 10px 40px 0 rgb(0 0 0 / 8%);
}

.index-product ul {
	display: flex;
	justify-content: center;
}

.index-product ul li {
	width: calc(100%/6);
}

.index-product ul li a {
	display: block;
	padding: 14% 0;
	height: 100%;
	text-align: center;
}

.index-product ul li a:hover {
	background-color: #eee;
}

.index-product ul li img {
	width: 55%;
	margin: 0 auto 5%;
}

.index-product ul li h3 {
	padding: 0 15%;
	font-size: 24px;
	font-weight: normal;
	color: #818181;
}

.index-hos {
	padding: 4% 0 2.7%;
}

.index-hos .swiper-container {
	width: 102%;
	margin-left: -1%;
	margin-top: -2%;
}

.index-hos .swiper-slide {
	padding: 20px;
}

.index-hos .swiper-slide a {
	display: block;
	padding: 6%;
	text-align: center;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
}

.index-hos .swiper-slide a .pro_img {
	overflow: hidden;
}

.index-hos .swiper-slide a h3 {
	font-size: 24px;
	line-height: 1.4;
	font-family: "arial";
	color: #000;
	margin-top: 10px;
}

.index-hos .swiper-slide a p {
	margin-bottom: 10px;
	line-height: 1.8;
	font-size: 16px;
	font-family: "arial";
	color: #636062;
}

.index-hos .swiper-slide a:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 25px -13px rgb(0, 0, 0, .3);
}

.index-title {
	margin-bottom: 4%;
}

.index-title h2 {
	font-weight: normal;
	font-size: 46px;
	line-height: 1;
	color: #000;
	text-transform: uppercase;
}

.pro-prev,
.pro-next,
.news-prev,
.news-next,
.room-prev,
.room-next,
.series-prev,
.series-next {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: #f8f8f8;
	background-size: 100% auto;
}

.pro-prev,
.news-prev,
.room-prev,
.series-prev {
	background-image: url(../images/web_prev.png);

}

.pro-next,
.news-next,
.room-next,
.series-next {
	background-image: url(../images/web_next.png);
}

.pro-prev,
.news-prev {
	top: 50%;
	left: -90px;
	transform: translateY(-50%);
}

.pro-next,
.news-next {
	top: 50%;
	right: -90px;
	transform: translateY(-50%);
}

.pro-prev:hover,
.pro-next:hover,
.news-prev:hover,
.news-next:hover,
.room-prev:hover,
.room-next:hover,
.series-prev:hover,
.series-next:hover {
	background-color: #142355;
	background-position: 0 100%;
}

.index-blog {
	padding: 5% 0;
	background-color: #eee;
}

.index-blog .swiper-slide {
	background-color: #fff;
	border-radius: 15px;
	overflow: hidden;
}

.index-blog .swiper-slide a {
	display: block;
	transition: all 0.6s;
}

.index-blog .swiper-slide .news-img {
	border-radius: 15px;
	overflow: hidden;
}

.index-blog .swiper-slide .news-img img {
	width: 100%;
	height: 14.5833vw;
	min-height: 187px;
	object-fit: cover;
}

.index-blog .swiper-slide .news-info {
	padding: 8% 7%;
}

.index-blog .swiper-slide .news-info h3 {
	font-size: 20px;
	line-height: 2;
	color: #000;
	font-weight: normal;
}

.index-blog .swiper-slide .news-info p {
	font-size: 16px;
	line-height: 1.7;
	color: #999;
}

.index-blog .swiper-slide:hover .news-img img {
	transform: scale(1.05, 1.05);
}

.index-blog .swiper-slide:hover a {
	background-color: #142355;
}

.index-blog .swiper-slide:hover h3 {
	color: #fff;
}

.index-blog .swiper-slide:hover p {
	color: #fff;
}

.index-room {
	padding: 5% 0;
}

.index-room .swiper-slide {
	border-radius: 15px;
	overflow: hidden;
}

.index-room .room-info {
	position: absolute;
	right: 4%;
	bottom: 10%;
	width: 31.875%;
}

.index-room .room-info h3 {
	font-size: 54px;
	line-height: 1;
	color: #1a234d;
}

.index-room .room-info p {
	margin-top: 14px;
	font-size: 18px;
	line-height: 1.6;
	color: #000;
}

.room-prev,
.series-prev {
	top: 50%;
	transform: translateY(-50%);
	left: 2%;
	z-index: 20;
}

.room-next,
.series-next {
	top: 50%;
	transform: translateY(-50%);
	right: 2%;
	z-index: 20;
}

@media screen and (max-width:1680px) {
	.index-product .theme-container {
		border-radius: 13px;
		box-shadow: 0 8px 33px 0 rgba(0, 0, 0, .08);
	}

	.index-product ul li h3 {
		font-size: 21px;
	}

	.index-title h2 {
		font-size: 40px;
	}

	.index-hos .swiper-slide a h3 {
		font-size: 21px;
		margin-top: 8px;
	}

	.index-hos .swiper-slide a p {
		margin-bottom: 8px;
		font-size: 14px;
	}

	.pro-prev,
	.news-prev {
		left: -75px;
	}

	.pro-next,
	.news-next {
		right: -75px;
	}

	.pro-prev,
	.pro-next,
	.news-prev,
	.news-next,
	.room-prev,
	.room-next,
	.series-prev,
	.series-next {
		width: 50px;
		height: 50px;
	}

	.index-blog .swiper-slide .news-info h3 {
		font-size: 18px;
	}

	.index-blog .swiper-slide .news-info p {
		font-size: 14px;
	}

	.index-room .room-info h3 {
		font-size: 46px;
	}

	.index-room .room-info p {
		margin-top: 12px;
		font-size: 16px;
	}
}

@media screen and (max-width:1440px) {
	.index-product .theme-container {
		border-radius: 11px;
		box-shadow: 0 6px 28px 0 rgba(0, 0, 0, .08);
	}

	.index-product ul li h3 {
		font-size: 18px;
	}

	.index-title h2 {
		font-size: 34px;
	}

	.index-hos .swiper-slide a h3 {
		font-size: 18px;
		margin-top: 6px;
	}

	.index-hos .swiper-slide a p {
		margin-bottom: 6px;
		font-size: 12px;
	}

	.pro-prev,
	.news-prev {
		left: -60px;
	}

	.pro-next,
	.news-next {
		right: -60px;
	}

	.pro-prev,
	.pro-next,
	.news-prev,
	.news-next,
	.room-prev,
	.room-next,
	.series-prev,
	.series-next {
		width: 40px;
		height: 40px;
	}

	.index-blog .swiper-slide .news-info h3 {
		font-size: 16px;
	}

	.index-blog .swiper-slide .news-info p {
		font-size: 12px;
	}

	.index-room .room-info h3 {
		font-size: 38px;
	}

	.index-room .room-info p {
		margin-top: 10px;
		font-size: 14px;
	}
}





.theme-title {
	padding-bottom: 4%;
}

.theme-title h2 {
	font-size: 60px;
	line-height: 1.1;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
}

.theme-title h2.white {
	color: #fff;
}

.theme-title h3 {
	font-size: 45px;
	line-height: 1.1;
	font-weight: normal;
	color: #000;
}

.theme-title h3.white {
	color: #fff;
}

.theme-product {
	padding: 5% 0 5% 0;
	overflow: hidden;
	background: #f3f3f3;
}

.swiper-product {
	padding: 0 9.3333333335%;
}

.theme-product .swiper-slide {
	width: 1476px;
	margin: 0 75px;
	overflow: hidden;
	border-radius: 20px;
	transition: .36s ease;
	position: relative;
	background: #fff;
	float: left;
}

.theme-pro-text {
	position: relative;
	padding: 30px 30px;
	background: #bebcb7;

}

.theme-pro-img {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	transition: .36s ease;
	transform-origin: center;
}

.theme-pro-text h3 {
	font-size: 1.5rem;
	line-height: 1.8;
	font-family: 'BlueSkyStandard-Bold';
	color: #fff;
}

.theme-pro-text p {
	font-size: 1.125rem;
	line-height: 1.5;
	min-height: 50px;
	color: #999;
}

.theme-pro-more {
	position: absolute;
	top: 60%;
	z-index: 99;
	transform: translateY(-50%);
	width: 5vw;
	height: 5vw;
	max-width: 90px;
	max-height: 90px;
	min-width: 55px;
	min-height: 55px;
	cursor: pointer;
	border-radius: 50%;
	opacity: 0;
}

.theme-pro-more {
	right: 50px;
	background: url(../images/pro_next.png) bottom center/100% auto no-repeat #1a234d;
}

.swiper-product {
	padding-bottom: 5.5%;
}

.theme-product .swiper-slide:hover .theme-pro-img {
	overflow: hidden;
	transform: scale(1.1);
	border-radius: 20px;
}

.theme-product .swiper-slide:hover .theme-pro-more {
	opacity: 1;
	top: 70%;
}


.theme-product .swiper-slide:hover .theme-pro-text {
	background: #fff;
}

.theme-product .swiper-slide:hover .theme-pro-text h3 {
	color: #333;
}

.webpro-prev,
.webpro-next {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-position: center;
	background-size: auto 60%;
	background-repeat: no-repeat;
	background-color: #969696;
	cursor: pointer;
	z-index: 50;
}

.webpro-prev {
	transform: translateX(-832px) translateY(-75%);
	background: url(../images/pro_prev.png) top center/100% auto no-repeat #fff;
}

.webpro-next {
	transform: translateX(772px) translateY(-75%);
	background: url(../images/pro_next.png) top center/100% auto no-repeat #fff;
}

.swiper-product:hover .webpro-prev,
.swiper-product:hover .webpro-next {
	opacity: 1;
}

.webpro-prev:hover,
.webpro-next:hover {
	background-color: #1a234d;
	background-position: 0 100%;
}

.webpro-prev.swiper-button-disabled,
.webpro-next.swiper-button-disabled {
	cursor: no-drop;
}

.cer-list li {
	float: left;
	text-align: center;
	width: calc(94%/6);
	margin: 0 1% 1% 0;
	padding: 2% 0;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.cer-list li:nth-child(6n) {
	margin-right: 0;
}

.cer-list li p {
	font-size: 16px;
	text-align: center;
	line-height: 3;
}

.cer-list li:hover {
	border-color: #fff;
	box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.05);
}


.cer_title {
	padding-bottom: 45px;
}

.cer_title h2 {
	font-size: 30px;
	text-transform: uppercase;
	color: #333;
}


.cer_title {
	padding-bottom: 45px;
}

.cer_title h2 {
	font-size: 30px;
	text-transform: uppercase;
	color: #333;
}


.cer-menu {
	width: 100%;
	line-height: 35px;
	overflow: hidden;
	padding-bottom: 20px;
}

.cer-menu a {
	display: inline-block;
	margin: 0 10px;
	font-size: 14px;
	line-height: 40px;
}

.cer-menu a:first-child {
	margin-left: 0;
}

.cer-menu .room_link a:hover {
	text-decoration: underline;
	color: #333;
}

.cer-menu .menu_back {
	float: right;
	width: 120px;
	height: 50px;
	cursor: pointer;
	background: #192451;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border-radius: 50px;
}

.cer-menu .menu_back:hover {
	text-decoration: underline;
}

.cer-top {
	clear: both;
	padding: 25px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #eee;
}

.cer-top .fl {
	width: 300px;
	border: 1px solid #ddd;
}

.cer-top .fr {
	width: calc(100% - 350px);
	padding-top: 10px;
}

.cer-top .fr h3 {
	font-weight: normal;
	font-size: 24px;
	line-height: 2;
	margin-bottom: 5px;
}

.cer-top .fr p {
	font-size: 14px;
	line-height: 1.8;
}



.theme-proseries {
	background-color: #f8f8f8;
	overflow: hidden;
}

.sortbox {
	transition: all 0.4s;
}

.sortbox_box:hover {
	box-shadow: 0 15px 20px -15px rgba(0, 0, 0, .15);
}

.sortbox_img {
	width: 50%;
	overflow: hidden;
}

.sortbox_text {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}

.sortbox_texties {
	width: 54%;
	transition: all 0.4s;
}

.sortbox_texties i img {
	width: auto;
}

.sortbox_texties h4 {
	font-size: 80px;
	color: #1a234d;
	line-height: 1;
	margin-top: 4%;
	margin-bottom: 4%;
}

.sortbox_texties p {
	font-size: 16px;
	line-height: 1.8;
	color: #999;
}

.sortbox_texties span {
	height: 60px;
	line-height: 60px;
	width: 150px;
	text-align: center;
	display: inline-block;
	border: 1px solid #1a234d;
	border-radius: 50px;
	margin-top: 4%;
}

.sortbox a:hover .sortbox_texties span {
	background: #1a234d;
	color: #fff;
}


.sortbox_box {
	margin-bottom: 10px;
}

.sortbox .sortbox_box:nth-child(2n) .sortbox_text {
	left: 0;
}

.sortbox_item {
	width: calc((100% - 10px)/2);
	overflow: hidden;
	transition: all 0.4s;
	margin-bottom: 10px;
}

.sortbox_item img,
.sortbox_img img {
	transition: all 0.4s;
}

.sortbox a:hover img,
.sortbox_item a:hover img {
	transform: scale(1.05, 1.05);
}

.sortbox a:hover .sortbox_texties {
	transform: translateX(8px);
}


.sortbox_item_text {
	position: absolute;
	top: 0;
	left: 5%;
	width: 58%;
	height: 95%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.sortbox_item_texties {
	width: 100%;
	transition: all 0.4s;
}

.sortbox_item_texties i img {
	width: auto;
}

.sortbox_item_texties h4 {
	font-size: 60px;
	color: #1a234d;
	line-height: 1;
	margin-top: 4%;
	margin-bottom: 5%;
}

.sortbox_item:hover {
	box-shadow: 0 15px 20px -15px rgba(0, 0, 0, .15);
}


.sortbox-max {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.max_img {
	width: 100%;
}

.max_text {
	position: absolute;
	top: 0;
	right: 0;
	width: 45%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.max_text.fl {
	position: absolute;
	top: 0;
	left: 0;
	width: 45%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.max_texties {
	width: 68%;
	transition: all 0.4s;
}

.max_texties i img {
	width: auto;
}

.max_texties .white {
	color: #fff;
}

.max_texties h4 {
	font-size: 80px;
	color: #1a234d;
	line-height: 1;
	margin-top: 4%;
	margin-bottom: 5%;
}

.max_texties p {
	font-size: 16px;
	line-height: 1.8;
	color: #999;
}

.max_texties span {
	height: 60px;
	line-height: 60px;
	width: 150px;
	text-align: center;
	display: inline-block;
	border: 1px solid #1a234d;
	border-radius: 50px;
	margin-top: 4%;
}

.max_texties span.white {
	border: 1px solid #fff;
}

.sortbox-max a:hover .max_texties span.white {
	background: #fff;
	color: #1a234d;
}



.sortbox-max a:hover .max_texties span {
	background: #1a234d;
	color: #fff;
}

.sortbox-max a:hover img {
	transform: scale(1.05, 1.05);
}

.theme-onelist {
	background: #bebcb7;
	padding: 5% 0 5%;
	overflow: hidden;
}

.contact-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contact-left h3 {
	font-size: 48px;
	line-height: 1.1;
	margin-bottom: 30px;
	color: #fff;
}

.contact-left p {
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
}


.onelist {
	width: 60%;
}

.onelist ul {
	display: flex;
	justify-content: space-evenly;
}

.onelist ul li {
	width: 25%;
	text-align: center;
}

.onelist ul li i {
	display: block;
	width: 8vw;
	height: 8vw;
	margin: 0 auto 4%;
	min-width: 100px;
	min-height: 100px;
	border-radius: 50%;
	overflow: hidden;
}

.onelist ul li h4 {
	font-size: 1.125rem;
	line-height: 2;
	color: #fff;
	font-family: "BlueSkyStandard-Bold";
	margin-top: 20px;
}

.onelist ul li p {
	font-size: 1rem;
	color: #fff;
}


.theme-about {
	background: url(../images/index_about.jpg) center center/cover no-repeat;
	position: relative;
	padding-top: 140px;
}

.theme-about-img {
	position: absolute;
	right: 8%;
}

.theme-about-img.change {
	width: 100%;
}

.theme-about-text {
	position: relative;
	z-index: 1;
	font-size: 32px;
	font-weight: 700;
	line-height: 44px;
	width: 800px;
	margin-bottom: 80px;
}

.theme-about h4 {
	font-family: "BlueSkyStandard-Bold";
	font-size: 30px;
	line-height: 1.4;
	color: #000;
	width: 82%;
	margin-bottom: 80px;
}

.theme-about p {
	font-size: 20px;
	margin-bottom: 14px;
	line-height: 1.5;
	color: #999;
}

.theme-about-link {
	position: relative;
	overflow: hidden;
	background: #000;
}

.theme-about-link a {
	display: inline-block;
	width: 70px;
	height: 70px;
	text-align: center;
	border-radius: 40px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);

}

.theme-about-link a img {
	width: 100%;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 6px;
}

.theme-about-link:hover img {
	transform: scale(1.1);
}

.theme-about-info {
	margin-top: -3%;
	position: relative;
	z-index: 1;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}

.theme-about-info ol {
	width: 100%;
	display: flex;
	text-align: center;
	justify-content: space-between;
	padding: 4% 4%;
}

.theme-about-info ol li h4 {
	font-size: 3.125rem;
	line-height: 1.5;
	color: #1a234d;
}

.theme-about-info ol li p {
	font-size: 0.875rem;
	line-height: 1.8;
	color: #5a5a5a;
}


.theme-factory {
	width: 100vw;
	height: 38.54vw;
	min-width: 1280px;
	min-height: 506px;
	padding-top: 9%;
	position: relative;
	overflow: hidden;
}

.theme-factory-text {
	width: 50%;
	position: relative;
	margin: 0 auto;
	z-index: 99;
}

.theme-factory-desc {
	font-size: 20px;
	line-height: 32px;
	color: #fff;
	text-align: center;
}

.theme-factory .bg {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/index-factory.jpg) no-repeat center center;
	background-size: cover;
	transform: translate(-50%, -50%);
	z-index: 0;
}



.animation-light {
	position: absolute;
	top: 100px;
	left: 0;
	width: 35px;
	height: 1px;
	background: url(../images/ico_light.png) no-repeat center center;
	animation: animation-light 24s infinite;
}

.animation-bg {
	animation: animation-bg 16s infinite;
}

@keyframes animation-bg {
	0% {
		transform: translate(-50%, -50%) scale(1);
	}

	60% {
		transform: translate(-50%, -50%) scale(1.1);
	}

	100% {
		transform: translate(-50%, -50%) scale(1);
	}
}


.theme-production {
	position: relative;
	z-index: 88;
}

.theme-production .theme-container {
	background: #fff;
	padding: 100px;
	margin-top: -90px;
}


.theme-production .swiper-slide {
	background: #fff;
}

.theme-production .swiper-container {
	padding-bottom: 50px;
}

.theme-production-img {
	width: 50%;
	float: right;
}

.theme-production-text {
	width: 50%;
	float: left;
	padding-right: 150px;
}

.theme-production-text p {
	border-top: 2px solid #000;
	padding-top: 40px;
	margin-top: 30px;
	font-size: 16px;
	line-height: 1.5;

}


.theme-production .webpro-prev,
.theme-production .webpro-next {
	position: relative;
	top: 83%;
	z-index: 10;
	transform: translateY(-50%);
	width: 6vw;
	height: 6vw;
	max-width: 90px;
	max-height: 90px;
	min-width: 55px;
	min-height: 55px;
	cursor: pointer;
	border-radius: 0%;
	opacity: 1;
}

.theme-production .webpro-prev {
	right: 0;
	left: auto;
	float: right;
	background: url(../images/pro_prev.png) top center/100% auto no-repeat #fff;
}

.theme-production .webpro-next {
	right: 0;
	float: right;
	background: url(../images/pro_next.png) top center/100% auto no-repeat #fff;
}

.theme-production .webpro-prev:hover,
.theme-production .webpro-next:hover {
	background-color: #1a234d;
	background-position: 0 100%;
}


.theme-production .swiper-pagination {
	position: relative;
	text-align: left;
	bottom: 17px;
	z-index: 1;
}







.theme-certificate {
	padding: 8% 0 8% 0;
}

.theme-certificate .theme-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 100px;
}

.theme-certificate-left {
	width: 53%;
	overflow: hidden;
}

.theme-certificate-left img {
	width: 100%;
}

.theme-certificate-right {
	width: 33.5%;
}

.theme-certificate-img {
	width: 100%;
	margin-bottom: 16%;
}

.theme-certificate-text {
	font-size: 18px;
	line-height: 1.6;
	color: #5a5a5a;
	margin: 2% 0 8%;
}

.theme-certificate-right a {
	display: block;
	width: 170px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 55px;
	background-color: #000;
}

.theme-certificate-right a:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 25px -8px rgba(0, 0, 0, .3);
}

.theme-certificate-img img {
	width: 90%;
}



.news-comm {
	padding: 6% 0 7%;
	background: #343434;
}

.news-comm ul li {
	margin-bottom: 3.5%;
	padding: 30px;
	background: #3a3a3a;
}

.news-comm ul li:last-child {
	margin-bottom: 0;
}

.news-comm ul li a {
	display: flex;
	justify-content: space-between;
}

.news-comm ul li .news_text {
	width: 51.71875vw;
	min-width: 680px;
	padding-top: 1.5%;
	padding-left: 200px;
	position: relative;
}

.news-comm ul li .news_img {
	width: 35.166vw;
	min-width: 317px;
	height: 10.635vw;
	min-height: 192px;
	overflow: hidden;
}

.news-comm ul li .news_img span {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

.news-comm ul li time {
	font-size: 1rem;
	line-height: 1.5;
	color: #868686;
	left: 0;
	position: absolute;
}

.news-comm ul li time b {
	font-size: 1.875rem;
	display: block;
	color: #fff;

}

.news-comm ul li h4 {
	width: 88%;
	font-weight: normal;
	padding: 1.5% 0;
	font-size: 22px;
	line-height: 1.3;
	color: #fff;
}

.news-comm ul li p {
	width: 88%;
	font-size: 1rem;
	line-height: 1.7;
	color: #8b8b8b;
}

.news-comm ul li:hover {
	background: #fff;
	color: #333;
	padding: 30px;
}

.news-comm ul li:hover .news_text h4,
.news-comm ul li:hover .news_text time b {
	color: #000;
}

.news-comm ul li:hover .news_text {
	transform: translateX(20px);
}

.news-comm ul li:hover .news_img span {
	transform: scale(1.05, 1.05);

}


.theme-contact {
	width: 35%;
	margin-right: 6%;
}

.foot-about {
	padding-bottom: 30px;
}

.foot-about img {
	width: 100%;
	max-width: 516px;
}

.foot-about p {
	font-size: 16px;
	line-height: 1.5;
	color: #909090;
	padding-top: 25px;
}




.foot-search {
	width: 80%;
}

.foot-search form {
	display: flex;
	border: 5px solid #fff;
	border-radius: 30px;
	overflow: hidden;
	padding: 8px;
	background-color: #eeeeee;
}

.foot-search input[type="text"] {
	width: calc(100% - 60px);
	line-height: 36px;
	padding: 0 20px;
	border: 0;
	background: none;
}

.foot-search input[type="submit"] {
	width: 60px;
	height: 36px;
	border: 0;
	background: url(search_icon.png) center center no-repeat #bebcb7;
	border-radius: 40px;
}

.foot-search input[type="submit"]:hover {
	background: url(search_icon.png) center center no-repeat #1a234d;
}

.footer {
	padding: 6% 0 6%;
	background-color: #fff;
}

.footer .theme-container {
	display: flex;
	justify-content: space-between;
}


.links {
	padding-top: 0px;
}

.links a {
	display: inline-block;
	font-size: 15px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;

	border-radius: 50%;
	margin-right: 20px;
}

.links a:hover {
	background: #bebcb7;
}


.footer dl dt {
	font-size: 20px;
	font-family: 'BlueSkyStandard-Bold';
	font-weight: bold;
	color: #000;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.footer dl dd a {
	font-size: 16px;
	color: #909090;
	line-height: 2;
}

.footer dl dd a:hover {
	color: #182856;
	text-decoration: underline;
}


.copy-box {
	color: #fff;
	font-size: 16px;
	overflow: hidden;
	background-color: #182856;
}

.copy-box .theme-container {
	padding: 50px 0 40px;
	overflow: hidden;
}

.foot-left {
	width: 25%;
	max-width: 380px;
	margin-right: 10%;
	float: left;
}

.foot-left h3 {
	font-family: 'BlueSkyStandard-Bold';
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 10px;
}

.foot-left form {
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, .7);
}

.foot-left input[type="text"] {
	float: left;
	width: calc(100% - 80px);
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
	line-height: 45px;
	border: 0;
	background: none;
}

.foot-left input[type="text"]::placeholder {
	color: rgba(255, 255, 255, .7);
}

.foot-left input[type="submit"] {
	float: right;
	width: 80px;
	height: 45px;
	border: 0;
	background: url(search_icon.png) center center/40% auto no-repeat;
}


.foot-right {
	float: right;
	text-align: right;
	color: #bebcb7;
}

.foot-right a {
	margin-top: 15px;
	display: block;
	color: #bebcb7;
}


@media screen and (max-width:1680px) {
	.theme-title h2 {
		font-size: 3rem;
	}

	.theme-product .swiper-slide {
		width: 1260px;
		margin: 0 60px;
	}

	.webpro-prev {
		transform: translateX(-700px) translateY(-85%);
		background: url(../images/pro_prev.png) top center/100% auto no-repeat #fff;
	}

	.webpro-next {
		transform: translateX(650px) translateY(-85%);
		background: url(../images/pro_next.png) top center/100% auto no-repeat #fff;
	}

	.theme-pro-text h3 {
		font-size: 1.3125rem;
	}

	.theme-pro-text p {
		font-size: 1rem;
	}

	.theme-product ul li {
		box-shadow: 0 0 25px rgba(0, 0, 0, .1);
	}

	.theme-product ul li h4 {
		font-size: 0.90625rem;
	}




	.theme-about-content h4 {
		font-size: 1.6875rem;
	}

	.theme-about-content p {
		font-size: 1.3125rem;
	}

	.theme-about-info ol li h4 {
		font-size: 2.5rem;
	}

	.theme-about-info ol li p {
		font-size: 0.8125rem;
	}

	.theme-production .theme-container {
		padding: 80px;
	}

	.theme-factory-desc {
		font-size: 18px;
		line-height: 30px;
	}


	.theme-certificate-text {
		font-size: 16px;
	}

	.theme-certificate-right a {
		width: 135px;
		font-size: 1rem;
		line-height: 50px;
	}

	.theme-posi-desc {
		font-size: 18px;
	}

	.footer dl dt {
		font-size: 18px;
		margin-bottom: 14px;
	}

	.footer dl dd a {
		font-size: 14.5px;
	}

	.copy-box {
		font-size: 15px;
	}

}

@media screen and (max-width:1440px) {
	.theme-title h2 {
		font-size: 2.675rem;
	}



	.theme-product .swiper-slide {
		width: 1020px;
		margin: 0 50px;
	}

	.webpro-prev {
		transform: translateX(-586px) translateY(-90%);
		background: url(../images/pro_prev.png) top center/100% auto no-repeat #fff;
	}

	.webpro-next {
		transform: translateX(532px) translateY(-90%);
		background: url(../images/pro_next.png) top center/100% auto no-repeat #fff;
	}

	.sortbox_texties h4 {
		font-size: 50px;
		line-height: 1.2;
	}

	.max_texties h4 {
		font-size: 60px;
		line-height: 1;
	}

	.sortbox_item_texties h4 {
		font-size: 50px;
		line-height: 1.2;
	}

	.theme-pro-text h3 {
		font-size: 1.125rem;
	}

	.theme-pro-text p {
		font-size: 0.875rem;
	}

	.theme-product ul li {
		box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	}

	.theme-product ul li h4 {
		font-size: 0.8125rem;
	}

	.theme-about-content h4 {
		font-size: 1.5rem;
	}

	.theme-about-content p {
		font-size: 1.125rem;
	}

	.theme-about-info ol li h4 {
		font-size: 2.1875rem;
	}

	.theme-about-info ol li p {
		font-size: 0.875rem;
		line-height: 1.3;
	}

	.theme-production .theme-container {
		padding: 80px;
	}

	.theme-certificate .theme-container {

		padding: 0px 80px;
	}

	.theme-factory-desc {
		font-size: 16px;
		line-height: 30px;
	}

	.theme-certificate-text {
		font-size: 14px;
	}

	.theme-certificate-right a {
		width: 135px;
		font-size: 0.875rem;
		line-height: 2.8125rem;
	}

	.theme-posi-desc {
		font-size: 16px;
	}

	.footer dl dt {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.footer dl dd a {
		font-size: 14px;
	}

	.foot-about p {
		font-size: 14px;
	}

	.theme-contact {
		width: 30%;
		margin-right: 5%;
	}

	.copy-box {
		font-size: 14px;
	}
}

.con-ban {
	position: relative;
	width: 100%;
	min-width: 1280px;
	height: 45.2vw;
	min-height: 523px;
	overflow: hidden;
	background: #000;
}

.con-ban div.banitem {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 110vw;
	min-width: 1430px;
	height: 100%;
	background-position: center;
	background-size: cover;
	-webkit-animation: subs 6s linear 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-transform: translateX(-5%);
	opacity: .9;
}

@-webkit-keyframes subs {
	0% {
		-webkit-transform: translateX(-5%)
	}

	100% {
		-webkit-transform: translateX(0)
	}
}

.tact-center {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30%;
}

.tact-center h2 {
	font-size: 3.2rem;
	font-family: 'BlueSkyStandard-Bold';
	line-height: 1.2;
	color: #fff;
}

.tact-center p {
	font-size: 1.125rem;
	line-height: 28px;
	color: #fff;
}

.tact-center a {
	display: block;
	width: 170px;
	float: left;
	margin: 30px auto;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 55px;
	border: 1px solid #fff;
	cursor: pointer;
}

.tact-center a:after {
	content: '';
	background: url(../images/video.svg);
	background-size: 100%;
	position: relative;
	width: 18px;
	height: 18px;
	display: inline-block;
	top: 6px;
	right: -10px;
	-webkit-transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49);
	transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49);
}

.tact-center a:hover:after {
	right: -20px;
}

.tact-center a:hover {
	background: #182957;
	border: 1px solid #182957;
}

/*下载*/
.book {
	width: 100%;
	padding: 5% 0;
	overflow: hidden;
}

.book ul li {
	float: left;
	width: calc(95.5%/4);
	margin-right: 1.5%;
	overflow: hidden;
	margin-bottom: 1.5%;
}

.book ul li .book_img {
	width: 100%;
	padding-bottom: 130%;
	border: 1px solid #eee;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 15px;
}

.book ul li h3 {
	color: #656565;
	font: 20px/40px arial;
	padding: 0 10px;
	margin-bottom: 5px;
}

.book ul li p {
	font: 16px/30px arial;
	padding: 0 10px;
	color: #00a0e9;
	text-transform: uppercase;
}

.book ul li i {
	display: inline-block;
	width: 19px;
	height: 18px;
	margin-left: 10px;
	background: url(../images/book_icon.png) no-repeat;
	vertical-align: text-top;
}

.book ul li:hover .book_img {
	border-color: #fff;
	box-shadow: 0 5px 60px 0 rgba(0, 0, 0, 0.2);
}

.book ul li:hover i {
	opacity: 0;
}


.about-01 {
	padding: 5% 0;
	background-color: #142355;
	overflow: hidden;
}

.about-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3.5%;
}

.about-content-text {
	width: 100%;
}

.about-desc h3 {
	font-family: 'BlueSkyStandard-Bold';
	font-size: 40px;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 2%;
}

.about-desc p {
	font-size: 1rem;
	line-height: 1.8;
	color: #8d94ac;
}

.about-01-img {
	padding: 0% 0 0% 0;
	overflow: hidden;
	position: relative;
	background: #eee;
}

.about-01-img::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 73px;
	background: #fff;
	z-index: 1;
	bottom: 0;
}

.about-content-img {
	position: relative;
	overflow: hidden;
}

.about-content-img .fl {
	width: calc(100% - 822px);
	max-width: 528px;
}

.about-content-img .fr {
	margin-top: 100px;
	width: 822px;
}

.about-content-img img {
	position: relative;
	z-index: 99;
}



.about-num {
	position: relative;
	z-index: 1;
}

.about-num ul {
	padding: 4% 0%;
	display: flex;
	justify-content: space-between;
	border-radius: 14px;
}

.about-num ul li {
	text-align: center;
}

.about-num ul li h4 {
	font-size: 3.75rem;
	line-height: 1.2;
	color: #fff;
}

.about-num ul li h4 em {
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	vertical-align: text-top;
	margin-left: 3px;
}

.about-num ul li p {
	font-size: 1rem;
	line-height: 1.5;
	color: #8d94ac;
	width: 80%;
	margin: 0 auto;
}

.about-video {
	padding-top: 3%;
	margin-top: 5%;
	border-top: 1px solid #eee;
}



.about-video .about-video-img {
	width: 100%;
	height: 240px;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 180px;
	background: #fff;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.about-video .about-video-img i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	z-index: 99;
	width: 3.85416666vw;
	height: 3.85416666vw;
	min-width: 50px;
	min-height: 50px;
	border-radius: 50%;
	background: url(../images/about_video.png) center center/cover no-repeat #1a234d;
}

.about-video-img:hover img {
	transform: scale(1.05, 1.05);
}

.about-video .about-video-img div {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.about-video a:hover .about-video-img div {
	transform: scale(1.05, 1.05);
}

.video-pagination {
	padding-top: 3%;
	text-align: center;
}



.about-02 {
	background-color: #f6f6f6;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.about-02 .fl {
	width: 50%;
}

.about-02 .fr {
	width: 50%;
	padding: 0 10% 0 6%;
}

.about-02 .fr img {
	width: auto;
	margin-top: 5%;
}

.about-02 p {
	font-size: 16px;
	color: #6f6f6f;
	line-height: 1.6;
	margin-top: 5%;

}

.about-03 {
	position: relative;
	padding: 2% 0 6%;
}

.about-03 .theme-title {
	width: 80%;
	margin: 0 auto;
}

.about-03 ul {
	display: flex;
	justify-content: space-between;
}

.about-03 ul li {
	width: 47.22%;
	margin-right: 3%;
}

.about-03 ul li:last-child {
	margin-right: 0;
}

.about-03 ul li div {
	overflow: hidden;
	margin-bottom: 5%;
	border-radius: 10px;
}

.about-03 ul li h3 {
	font-size: 32px;
	line-height: 1.2;
	color: #353535;
	font-weight: normal;
	margin-bottom: 2%;
}

.about-03 ul li p {
	font-size: 16px;
	line-height: 1.5;
}


.about-04 {
	padding: 5% 0 4%;
	background-color: #fff;
}

.about-05 {
	padding: 4% 0;
}

.about-05 .swiper-slide .news-img {
	border-radius: 12px;
	overflow: hidden;
}

.about-05 .swiper-slide h3 {
	font-size: 18px;
	color: #000;
	line-height: 1.3;
	margin-top: 5%;
}

.about-05 .swiper-slide a:hover .news-img img {
	transform: scale(1.05, 1.05);
}



.about-06 {
	padding: 5% 0;
	background-color: #fff;
}

.about-06 .theme-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.about-06 .swiper-slide {}

.about-06-text {
	width: 100%;
	position: relative;
}

.about-06-text .theme-title {
	width: 80%;
	margin: 0 auto;
}

.swiper-button-box {
	width: 100%;
	position: absolute;
	top: 70%;
	right: 0;
	left: 0;
}

.about-06-text .swiper-button-box>* {
	width: 3.875rem;
	height: 3.875rem;
	line-height: 3.875rem;
	text-align: center;
	border: 1px solid #ccc;
	color: #000;
}

.about-06-text .swiper-button-box>*::after {
	font-size: 20px;
}

.about-06-text .swiper-button-box .swiper-button-next {
	right: -3.875rem;
}

.about-06-text .swiper-button-box .swiper-button-prev {
	left: -3.875rem;
}

@media screen and (max-width:1680px) {
	.about-desc h3 {
		font-size: 32px;
	}

	.about-desc p {
		font-size: 0.875rem;
	}

	.about-content-img .fr {
		margin-top: 100px;
		width: 840px;
	}

	.about-content-img .fl {
		width: calc(100% - 880px);
	}


	.about-num ul li h4 {
		font-size: 3.125rem;
	}

	.about-num ul li h4 em {
		font-size: 1.125rem;
	}

	.about-num ul li p {
		font-size: 0.875rem;
	}

	.about-factory p {
		font-size: 1rem;
	}

	.about-04 ul li h3 {
		font-size: 1.375rem;
	}

	.about-04 ul li p {
		font-size: 1rem;
	}

	.about-05 .swiper-slide h3 {
		font-size: 1rem;
	}

	.tact-center h2 {
		font-size: 2.7rem;
	}

	.tact-center p {
		font-size: 1.1em;
	}

	.theme-about-img {
		right: 0;
	}

	.about-01-img::after {
		height: 62px;
	}

}

@media screen and (max-width:1440px) {
	.about-desc h3 {
		font-size: 30px;
	}

	.about-desc p {
		font-size: 0.875rem;
	}

	.about-num ul li h4 {
		font-size: 2.5rem;
	}

	.about-num ul li h4 em {
		font-size: 1rem;
	}

	.about-num ul li p {
		font-size: 0.875rem;
	}

	.about-01-img::after {
		height: 60px;
	}

	.about-content-img .fr {
		margin-top: 100px;
		width: 730px;
	}

	.about-content-img .fl {
		width: calc(100% - 773px);
	}

	.about-factory p {
		font-size: 0.875rem;
	}

	.about-03 ul li h3 {
		font-size: 28px;
	}

	.about-04 ul li h3 {
		font-size: 1.125rem;
	}

	.about-04 ul li p,
	.about-03 ul li p {
		font-size: 0.875rem;
	}


	.about-05 .swiper-slide h3 {
		font-size: 0.875rem;
	}

	.tact-center h2 {
		font-size: 2.3rem;
	}

	.tact-center p {
		font-size: 1em;
	}

	.theme-about-img {
		transform: scale(.9);
		transform-origin: top;
		right: 5%;
	}

	.theme-about-text {
		width: 690px;
	}

	.theme-about h4 {
		font-size: 28px;
		line-height: 1.4;
		margin-bottom: 70px;
	}

}



.projects-container {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 10;
}

.projects-container h3 {
	font-family: 'BlueSkyStandard-Bold';
	font-size: 6.875rem;
	text-transform: uppercase;
	color: #fff;
}


.projects-1 {
	padding: 6% 0;
}

.projects-1 ul {
	display: flex;
	justify-content: space-around;
}

.projects-1 ul li {
	width: 30%;
	padding: 5% 4%;
	text-align: center;
	background-color: #fff;
	border-radius: 18px;
	position: relative;
}

.projects-1 ul li img {
	width: 90px;
	margin-bottom: 10px;
}

.projects-1 ul li h3 {
	font-size: 26px;
	color: #333;
	font-weight: normal;
	line-height: 2;
	text-transform: uppercase;
}

.projects-1 ul li p {
	font-size: 1.125rem;
	line-height: 1.6;
	opacity: .5;
	color: #666;
}

.projects-1 ul li::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-0, -50%);
	width: 1px;
	height: 30%;
	background: #cecdcd;
}

.projects-1 ul li:nth-child(3n)::after {
	width: 0px;
}


.projects-02 {
	padding: 5% 0 0;
	overflow: hidden;
}

.projects-service-top {
	background: url(../images/projects_02_3.jpg) top center no-repeat;
	height: 600px;
	position: relative;
}

.service-top-con {
	position: absolute;
	width: 30%;
	right: 8%;
	top: 50%;
	transform: translateY(-50%);
}

.service-top-con h2 {
	font-size: 28px;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 20px;
}

.service-top-con p {
	font-size: 18px;
	color: #fff;
	line-height: 1.4;
}

.projects-service-bottom {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.service-bottom-tab {
	float: left;
	width: 50%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;

}

.service-bottom-tab div {
	padding: 70px 50px;
	color: #333;
}

.service-bottom-tab div h2 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 20px;
}

.service-bottom-tab div p {
	font-size: 18px;
	line-height: 1.4;
	width: 80%;
	color: #666;
}

.service-bottom-tab.fl {
	margin-right: 15px;
}



.projects-03 {
	padding-bottom: 5%;
}

.projects-msg {
	margin-top: -3%;
	padding: 4%;
	border-radius: 20px;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);
	background-color: #fff;
}

.projects-font {
	font-size: 1.125rem;
	color: #7f7f7f;
	margin-top: 1%;
	line-height: 1.5;
}

.con-name,
.con-email,
.con-tel {
	position: relative;
	float: left;
	width: calc(88%/3);
	margin-bottom: 2%;
}

.con-name,
.con-email {
	margin-right: 6%;
}

.con-msg input[type="text"] {
	width: 100%;
	padding: 0 14px;
	font-size: 16px;
	font-family: BlueSkyStandard;
	line-height: 60px;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}

.con-msg input[type="text"]::input-placeholder {
	color: #999;
}

.con-msg textarea {
	width: 100%;
	height: 150px;
	font-size: 16px;
	padding: 0 14px;
	font-family: BlueSkyStandard;
	line-height: 25px;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}

.con-submit {
	padding-top: 2.5%;
}

.con-submit input[type="submit"] {
	display: block;
	width: 385px;
	line-height: 64px;
	font-size: 18px;
	color: #fff;
	border: 0;
	margin: 0 auto;
	border-radius: 30px;
	text-transform: uppercase;
	font-family: BlueSkyStandard;
	background-color: #000;
}

.con-msg em {
	font-size: 16px;
	line-height: 65px;
	position: absolute;
	right: 14px;
	top: 0;
	font-style: normal;
}

.Validform_wrong {
	color: red;
}

.Validform_right {
	color: green;
}

@media screen and (max-width:1680px) {
	.projects-container h3 {
		font-size: 5.625rem;
	}

	.projects-desc ul li {
		width: 400px;
		padding-left: 90px;
		margin-bottom: 25px;
	}

	.projects-desc ul li i {
		width: 70px;
		height: 70px;
	}

	.projects-desc ul li h3 {
		font-size: 1.5625rem;
	}

	.projects-desc ul li p {
		font-size: 1rem;
	}

	.projects-font {
		font-size: 1rem;
	}

	.projects-1 ul li h3 {
		font-size: 26px;
	}

	.projects-1 ul li p {
		font-size: 16px;
	}

	.con-msg input[type="text"] {
		font-size: 0.875rem;
		line-height: 50px;
		padding: 0 10px;
	}

	.con-msg em {
		font-size: 0.875rem;
		line-height: 50px;
		right: 10px;
	}

	.con-msg textarea {
		padding: 0 10px;
		font-size: 0.875rem;
		height: 130px;
	}

	.con-submit input[type="submit"] {
		width: 360px;
		font-size: 1rem;
		line-height: 60px;
	}


	.projects-2-left,
	.projects-2-right,
	.projects-2-bottom {
		min-height: 268px;
	}

	.projects-2-img {
		width: 46%;
	}

	.projects-2-right .projects-2-text,
	.projects-2-left .projects-2-text {

		padding: 0 24px;
		width: 86%;
	}

	.projects-2-bottom .projects-2-text {
		width: 45%;
	}


	.projects-2-bottom .projects-2-img {
		width: 48%;
	}

	.projects-2-text h3,
	.projects-2-bottom h3 {
		font-size: 24px;
		line-height: 1.3;

	}

}

@media screen and (max-width:1440px) {

	.about-02 p {
		font-size: 14px;
	}

	.foot-search {
		width: 90%;
	}

	.about-video .about-video-img {
		height: 176px;
	}

	.projects-container h3 {
		font-size: 4.375rem;
	}

	.projects-desc ul li {
		width: 360px;
		padding-left: 80px;
		margin-bottom: 20px;
	}

	.projects-desc ul li i {
		width: 60px;
		height: 60px;
	}

	.projects-desc ul li h3 {
		font-size: 1.25rem;
	}

	.projects-desc ul li p {
		font-size: 0.875rem;
	}

	.projects-font {
		font-size: 0.875rem;
	}

	.projects-1 ul li h3 {
		font-size: 1.25rem;
	}

	.projects-1 ul li p {
		font-size: 14px;
	}

	.projects-2-left,
	.projects-2-right,
	.projects-2-bottom {
		min-height: 268px;
	}

	.projects-2-img {
		width: 46%;
	}


	.projects-2-right .projects-2-text,
	.projects-2-left .projects-2-text {

		padding: 0 24px;
		width: 86%;
	}

	.projects-2-bottom .projects-2-text {
		width: 45%;
	}


	.projects-2-bottom .projects-2-img {
		width: 53%;
	}




	.projects-2-text h3,
	.projects-2-bottom h3 {
		font-size: 20px;
		line-height: 1.3;
		text-transform: uppercase;
		margin-bottom: 13px;
	}

	.projects-2-text p,
	.projects-2-bottom p {
		font-size: 14px;
		line-height: 1.3;
		opacity: .7;
	}

	.con-msg input[type="text"] {
		font-size: 0.875rem;
		line-height: 45px;
		padding: 0 5px;
	}

	.con-msg em {
		font-size: 0.875rem;
		line-height: 45px;
		right: 5px;
	}

	.con-msg textarea {
		padding: 0 5px;
		font-size: 0.875rem;
		height: 110px;
	}

	.con-submit input[type="submit"] {
		width: 340px;
		font-size: 0.875rem;
		line-height: 55px;
	}
}


.con-ban .theme-container {
	height: 100%;
}

.con-title {
	position: absolute;
	left: 0;
	bottom: 12%;
}

.con-title h3 {
	font-size: 3.75rem;
	line-height: 1.3;
	color: #fff;
	font-family: 'BlueSkyStandard-Bold';
}

.service-01 {
	padding: 4% 0;
}

.service-font {
	margin-top: 1%;
	font-size: 18px;
}

.service-01 ul {
	display: flex;
	justify-content: space-between;
}

.service-01 ul li {
	width: calc(95%/4);
	padding: 2% 0 2%;
	text-align: center;
	background-color: #fff;
	border-radius: 12px;
}

.service-01 ul li h3 {
	font-size: 55px;
	font-family: 'BlueSkyStandard-Bold';
	line-height: 1.1;
	margin-bottom: 4%;
	color: #333;
}

.service-01 ul li h4 {
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 8%;
	color: #666;
}

.service-01 ul li p {
	width: 80%;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.6;
}

.service-01 ul li i {
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto 0;
	pointer-events: none;
}



.service-02 {
	padding: 5% 0;
	background-color: #f4f4f4;
}

.service-2 {
	position: relative;
	width: 100%;
	height: 35.6979vw;
	background-color: #000;
}

.service-2 video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	opacity: .7;
}

.service-2 .theme-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.service-2-text {
	width: 30%;
}

.service-2-text p {
	font-size: 18px;
	line-height: 1.8;
	color: #fff;
}





.service-03 {
	padding: 4% 0 4%;
	background: #182856;
}

.service-03 h2 {
	margin-bottom: 3%;
	color: #fff;
}


.service-03 ul {
	width: 100%;
	margin: 1.5% auto 0;
	display: flex;
	justify-content: space-between;
}

.service-03 ul li {
	width: calc(90%/6);
	text-align: center;
}

.service-03 ul li i {
	pointer-events: none;
	display: block;
	width: 100%;
	padding: 10% 0;
	margin: 0 auto 10px;
	background-color: #fff;
	border-radius: 10px;
}

.service-03 ul li i img {
	width: 35%;
	max-width: 80px;
}

.service-03 ul li h3 {
	font-size: 1rem;
	color: #fff;
	font-weight: normal;
	line-height: 2;
}

.service-04 {
	padding: 4% 0;
	background-color: #f4f4f4;
}

.service-04-top {
	display: flex;
	justify-content: right;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 2%;
	background: url(../images/service_04.jpg) left top/auto 100% no-repeat;
}

.service-04-text {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 41.45vw;
	height: 29.6875vw;
	min-width: 545px;
	min-height: 390px;
	background-color: #fff;
	border-radius: 0;
}

.service-04-desc {
	width: 80%;
	height: 65%;
}

.service-04-desc p {
	line-height: 1.6;
}

.service-04 ul {
	display: flex;
	justify-content: space-between;
}

.service-04 ul li {
	width: calc(97%/4);
	pointer-events: none;
	border-radius: 15px;
	overflow: hidden;
}

.service-04 ul li img {
	width: 100%;
}




.service-05 {
	width: 100vw;
	height: 38.54vw;
	min-width: 1280px;
	min-height: 506px;
	padding-top: 9%;
	position: relative;
	overflow: hidden;
}

.service-05 .bg {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/service-05.jpg) no-repeat center center;
	background-size: cover;
	transform: translate(-50%, -50%);
	z-index: 0;
}

.service-05-text {
	width: 70%;
	position: relative;
	margin: 0 auto;
	z-index: 99;
}

.service-05-text a {
	display: block;
	width: 170px;
	margin: 50px auto;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 55px;
	border: 1px solid #fff;
}

.service-05-text a:hover {
	background-color: #fff;
	color: #333;

}



@media screen and (max-width:1680px) {
	.con-title h3 {
		font-size: 3.4375rem;
	}

	.service-font {
		font-size: 1rem;
	}

	.service-01 ul li h3 {
		font-size: 3rem;
	}

	.service-01 ul li h4 {
		font-size: 0.9375rem;
	}

	.service-01 ul li p {
		font-size: 0.8125rem;
	}

	.service-02-box ul li i {
		width: 35px;
		height: 35px;
	}

	.service-02-box ul li h3 {
		font-size: 2.5rem;
	}

	.service-02-box ul li p {
		font-size: 0.9375rem;
	}

	.service-03 ul li h3 {
		font-size: 0.875rem;
	}


	.service-05 {
		height: 41.54vw;
	}

	.theme-title h3 {
		font-size: 40px;
	}

}

@media screen and (max-width:1440px) {
	.con-title h3 {
		font-size: 3.125rem;
	}

	.service-font {
		font-size: 0.875rem;
	}

	.service-01 ul li h3 {
		font-size: 2.375rem;
	}

	.service-01 ul li h4 {
		font-size: 0.875rem;
	}

	.service-01 ul li p {
		font-size: 0.875rem;
	}

	.service-02-box ul li i {
		width: 30px;
		height: 30px;
	}

	.service-02-box ul li h3 {
		font-size: 2.1875rem;
	}

	.service-02-box ul li p {
		font-size: 0.875rem;
	}

	.service-03 ul li h3 {
		font-size: 0.875rem;
	}

	.service-05 {
		height: 41.54vw;
	}

	.theme-title h3 {
		font-size: 35px;
	}

}


.contact {
	padding: 3% 0;
	position: relative;
}

.contact::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 250px;
	background: #bebcb7;
	z-index: -1;
	top: 0;
}

.contact-box {
	display: flex;
	justify-content: space-between;
	background-color: #142355;
	border-radius: 20px;
	overflow: hidden;
}

.contact-desc {
	width: 36%;
	padding: 6% 4%;
}

.contact-desc h3 {
	font-size: 1.5625rem;
	line-height: 1.3;
	color: #fff;
	font-family: 'BlueSkyStandard-Bold';
	margin-bottom: 10%;
}

.contact-desc h5 {
	font-size: 1.25rem;
	line-height: 1.4;
	color: #fff;
}

.contact-desc p {
	font-size: 1rem;
	color: #fff;
	opacity: .7;
	line-height: 1.6;
	margin-bottom: 6%;
}

.contact-desc p:last-child {
	margin-bottom: 0;
}

.contact-msg {
	width: 68%;
	padding: 6% 4%;
	background-color: #fafafa;
	border-radius: 0;
	overflow: hidden;
}

.contact-msg input[type="text"] {
	padding-right: 48%;
	font-family: "BlueSkyStandard";
	font-size: 14px;
	width: 100%;
	line-height: 45px;
	background: none;
	border: 0;
	border-bottom: 1px solid #cecece;
}

.contact-msg textarea {
	font-family: "BlueSkyStandard";
	font-size: 14px;
	width: 100%;
	line-height: 25px;
	height: 125px;
	background: none;
	border: 0;
	font-family: "arial";
	border-bottom: 1px solid #cecece;
}

.contact-msg .con-content {
	padding-top: 2%;
	margin-bottom: 5%;
}

.con-sul input[type="submit"] {
	font-family: "BlueSkyStandard";
	width: 220px;
	line-height: 60px;
	font-size: 16px;
	color: #fff;
	background-color: #bebcb7;
	text-align: center;
	border-radius: 30px;
}

.con-sul input[type="submit"]:hover {
	background-color: #1a234d;
}

.contact-msg em {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 45px;
}

@media screen and (max-width:1680px) {
	.contact-desc h3 {
		font-size: 1.375rem;
	}

	.contact-desc h5 {
		font-size: 1.125rem;
	}

	.contact-desc p {
		font-size: 0.875rem;
	}

	.contact-msg input[type="text"] {
		font-size: 13px;
		line-height: 40px;
	}

	.contact-msg textarea {
		font-size: 13px;
		height: 115px;
		line-height: 22px;
	}

	.con-sul input[type="submit"] {
		width: 200px;
		line-height: 52px;
		font-size: 15px;
	}

	.contact-msg em {
		font-size: 13px;
		line-height: 40px;
	}

	.onelist ul li h4 {
		font-size: 1rem;
	}

	.onelist ul li p {
		font-size: 0.875rem;
	}

}

@media screen and (max-width:1440px) {
	.contact-desc h3 {
		font-size: 1.25rem;
	}

	.contact-desc h5 {
		font-size: 1rem;
	}

	.contact-desc p {
		font-size: 0.875rem;
	}

	.contact-msg input[type="text"] {
		font-size: 12px;
		line-height: 38px;
	}

	.contact-msg textarea {
		font-size: 12px;
		height: 100px;
		line-height: 20px;
	}

	.con-sul input[type="submit"] {
		width: 180px;
		line-height: 45px;
		font-size: 14px;
	}

	.contact-msg em {
		font-size: 12px;
		line-height: 38px;
	}

	.onelist ul li h4 {
		font-size: 0.875rem;
	}

	.onelist ul li p {
		font-size: 0.875rem;
	}
}



.news-box {
	padding: 8% 0 4%;
	overflow: hidden;
}

.news-list ol li {
	position: relative;
	margin-bottom: 25px;
	background: #fff;
	overflow: hidden;
	transition: all 0.5s;
	border-radius: 10px;
}

.news-list ol li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 25px;
	overflow: hidden;
	box-sizing: border-box;
}

.news-list ol li .news-img {
	float: left;
	width: 25%;
	height: 224px;
	background: url(logo02.png) center no-repeat #f4f4f4;
	background-size: 150px;
	overflow: hidden;
}

.news-list ol li .news-img div {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	transition: all 0.5s;
}

.news-list ol li .news-info {
	position: absolute;
	top: 50px;
	left: 30%;
	width: 50%;
	transition: all 0.5s;
}

.news-list ol li .news-info h3 {
	display: block;
	width: 100%;
	padding-bottom: 15px;
	font-size: 24px;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	overflow: hidden;
}

.news-list ol li .news-info p {
	font-size: 15px;
	height: 50px;
	line-height: 25px;
	color: #999;
	overflow: hidden;
}

.news-list ol li .news-date {
	position: absolute;
	top: 50px;
	right: 50px;
	width: 100px;
	height: 150px;
	text-align: right;
	overflow: hidden;
}

.news-list ol li .news-date span {
	display: block;
	font-family: "arial";
	font-size: 36px;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}

.news-list ol li .news-date font {
	display: block;
	font-family: "arial";
	font-size: 32px;
	color: #333;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}

.news-list ol li .news-date item {
	position: absolute;
	bottom: -50px;
	right: 5px;
	display: block;
	width: 13px;
	height: 26px;
	background: url(../images/r_arrow.png) no-repeat center;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}

.news-list ol li:hover {
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
}

.news-list ol li:hover .news-img div {
	transform: scale(1.1, 1.1);
}

.news-list ol li:hover .news-info {
	left: calc(30% + 20px);
}

.news-list ol li:hover .news-date item {
	bottom: 30px;
}

.news-list ol li:hover .news-info h3 {
	color: :;
	;
}



.news_show_left {
	float: left;
	width: 27%;
	padding: 30px;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}

.news_show_left h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.4;
	color: #000;
	text-align: left;
}

.news_info {
	padding-bottom: 25px;
	line-height: 30px;
	font-size: 16px;
	color: #999;
	border-bottom: 1px solid #eee;
}

.news_info a {
	display: block;
	width: 180px;
	padding: 16px 10px;
	margin-top: 30px;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: #182957;
	border-radius: 40px;
	cursor: pointer;
}

.news_content {
	float: right;
	width: 70%;
	font-size: 16px;
	padding: 50px 35px;
	line-height: 28px;
	color: #555;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}

.news_content img {
	width: auto;
}

.news_show_content p {
	margin_-bottom: 10px;
}

.news_info a:hover {
	background-color: #182957;
}

.light {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100;
	display: none;
	padding: 25px 10px 13px;
	background-color: #fff;
	border: 4px solid #ddd;
	transform: translate(-50%, -50%);
}

.light i {
	position: absolute;
	right: 8px;
	top: 8px;
	display: block;
	width: 20px;
	height: 20px;
	background: url(closed_02.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.light img {
	width: 250px;
}

.light p {
	text-align: center;
}

@media screen and (max-width:1680px) {
	.news_list ol li a {
		padding: 23px;
	}

	.news_list ol li .news-img {
		height: 210px;
	}

	.news_list ol li .news-info h3 {
		font-size: 20px;
	}

	.news_list ol li .news-info p {
		font-size: 14px;
	}

	.news_list ol li .news-date font {
		font-size: 29px;
	}

	.news_list ol li .news-date {
		top: 48px;
	}

	.news_info {
		font-size: 15px;
	}

	.news_info a {
		padding: 15px 8px;
		font-size: 15px;
		width: 170px;
	}

	.news_show_left {
		padding: 28px;
	}

	.news_show_left h2 {
		font-size: 1.4em;
	}

	.news_content {
		font-size: 15px;
	}
}

@media screen and (max-width:1440px) {

	.news_list ol li a {
		padding: 20px;
	}

	.news_list ol li .news-img {
		height: 200px;
	}

	.news_list ol li .news-info h3 {
		font-size: 18px;
	}

	.news_list ol li .news-info p {
		font-size: 13px;
	}

	.news_list ol li .news-date font {
		font-size: 27px;
	}

	.news_list ol li .news-date {
		top: 45px;
	}

	.news_show_left h2 {
		font-size: 1.3em;
	}

	.news_info {
		font-size: 14px;
	}

	.news_info a {
		padding: 12px 8px;
		font-size: 14px;
		width: 140px;
	}

	.news_content {
		font-size: 14px;
	}
}


/* expage */
.curr {
	display: inline-block;
	padding: 0 12px;
	margin-right: 1px;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: #ccc;
	border-radius: 0;
}

a.page {
	display: inline-block;
	padding: 0 12px;
	margin-right: 1px;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: #bdbcb7;
	border-radius: 0;
}

a.page:visited {
	line-height: 42px;
	text-decoration: none;
	color: #fff;
}

.ra {
	color: #666;
}

.ra a,
.ra a:link {
	text-decoration: none;
	color: #666;
}

.ra a:hover {
	text-decoration: underline;
	color: #666;
}

.red {
	color: #ff3330;
}

.yrr {
	color: #FF9900;
}

.bb {
	font-weight: bold;
}

.expage {
	width: 100%;
	padding-top: 30px;
	margin-left: 0px;
	line-height: 30px;
	text-align: center;
}

.error {
	border: 1px #f40 solid;
}

.right {
	border: 1px #44b549 solid;
}




.pro-ban {
	width: 100vw;
	min-width: 1280px;
	padding: 5% 0;
}

.pro-ban .container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}

.product-serach {
	margin: 0 auto;
}

.product-serach h2 {
	font-size: 56px;
	margin-bottom: 30px;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.6;
}

.product-serach form {
	display: block;
	margin: 0 auto;
	width: 80%;
	max-width: 800px;
	overflow: hidden;
	border-radius: 50px;
	border: 3px solid #fff;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%);
}

.product-serach input[type="text"] {
	float: left;
	width: calc(100% - 100px);
	line-height: 60px;
	font-size: 16px;
	padding: 0 30px;
	background-color: #fff;
	border-radius: 50px;
	border: 0;
}

.product-serach input[type="submit"] {
	float: right;
	width: 100px;
	height: 60px;
	border-radius: 50px;
	background: url(search_icon.png) center center/36px 36px no-repeat #898989;
	cursor: pointer;
}

@media screen and (max-width: 1680px) {
	.product-serach h2 {
		font-size: 50px;
	}

	.product-serach h3 {
		font-size: 21px;
	}

	.product-serach input[type="text"] {
		width: calc(100% - 90px);
		line-height: 50px;
		font-size: 15px;
		padding: 0 25px;
	}

	.product-serach input[type="submit"] {
		width: 90px;
		height: 50px;
		background-size: 32px 32px;
	}
}

@media screen and (max-width: 1440px) {
	.product-serach h2 {
		font-size: 44px;
	}

	.product-serach input[type="text"] {
		width: calc(100% - 80px);
		line-height: 45px;
		font-size: 14px;
		padding: 0 20px;
	}

	.product-serach input[type="submit"] {
		width: 80px;
		height: 45px;
		background-size: 28px 28px;
	}
}



.product_menu {
	margin-bottom: 3%;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 10px;
}

.product_menu li {
	position: relative;
	margin-right: 6px;
	padding: 10px 0;
	float: left;
}

.product_menu li:last-child {
	margin-right: 0;
}

.product_menu ul>li>a {
	display: block;
	padding: 0 40px;
	font-size: 18px;
	line-height: 60px;
	position: relative;
	color: #8d8d8d;
	border-radius: 50px;
}


.product_menu ul>li:hover>a,
.product_menu ul>li.on>a {
	color: #fff;
	background-color: #142355;
}


.product_menu li .menu_down {
	position: absolute;
	top: 74px;
	left: 0;
	z-index: 100;
	background-color: #bdbcb7;
	opacity: 0;
	visibility: hidden;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	border-radius: 10px;
	width: 200px;
}

.product_menu ul li .menu_down a {
	display: block;
	padding: 0 18px;
	font-size: 14px;
	line-height: 45px;
	font-weight: normal;
	color: #fff;
}

.product_menu ul li .menu_down a:hover,
.product_menu ul li .menu_down a.on {
	color: #fff;
	background-color: #142355;
}

.product_menu ul li:hover .menu_down {
	opacity: 1;
	visibility: visible;

}

.searchbox {
	width: 27.85%;
	padding: 3px;
	background-color: #fff;
	border-radius: 40px;
	overflow: hidden;
}

.searchbox from {}

.searchbox input[type="text"] {
	float: left;
	width: calc(100% - 90px);
	padding: 0 20px;
	font-size: 16px;
	line-height: 46px;
	border: 0;
	background-color: #fff;
}

.searchbox input[type="submit"] {
	float: right;
	width: 90px;
	height: 46px;
	border-radius: 40px;
	background: url(../images/pro_search.png) center center/60% auto no-repeat #0060af;
}



.product-box {
	padding: 4% 0;
}

.pro-content {
	display: flex;
	justify-content: space-between;
}

.product-content {
	width: 100%;
	min-height: 680px;
}

.pro-aline {
	width: 100%;
	font-size: 1rem;
	line-height: 2;
	padding-bottom: 30px;
	text-transform: uppercase;
}

.pro-aline a {
	display: inline-block;
	margin: 0 10px;
}

.pro-aline a:hover {
	text-decoration: underline;
}

.pro-aline a:first-child {
	margin-left: 0;
}

.type-box {
	display: flex;
	justify-content: space-between;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
}

.type-video {
	width: 58.3333%;
	border-radius: 12px;
	overflow: hidden;
	background-color: #000;
}

.type-video:hover img {
	transform: scale(1.05, 1.05);
}

.type-video img {
	opacity: .5;
}

.type-video i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 3.5468333vw;
	height: 3.5468333vw;
	min-height: 50px;
	min-width: 50px;
	background: url(../images/pro_video.png) center center/cover no-repeat;
}

.type-video a {
	cursor: pointer;
}

.type-info {
	width: 31.25%;
	height: 80%;
	padding-top: 7%;
	margin-right: 5%;
}

.type-info h3 {
	font-size: 1.875rem;
	margin-bottom: 3%;
	color: #000;
}

.type-info p {
	font-size: 1rem;
	line-height: 1.6;
}

.type-content {
	padding-top: 4%;
	font-size: 1rem;
	line-height: 1.8;
}




.product-list ul,
.new-product ul {
	display: flex;
	flex-wrap: wrap;
}


.product-list ul li,
.new-product ul li {
	position: relative;
	width: calc(92%/5);
	margin: 0 2% 2% 0;
	padding-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	transition: all 0.5s;
	background-color: #fff;
	box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);
}

.product-list ul li a,
.new-product ul li a {
	display: block;
	height: 100%;

}

.product-list ul li:nth-child(5n),
.new-product ul li:nth-child(5n) {
	margin-right: 0;
}

.product-list ul li .img {
	padding: 20px;
	overflow: hidden;
}

.product-list ul li img,
.new-product ul li img {
	width: 100%;
	margin-bottom: 8%;
}

.product-list ul li h3,
.new-product ul li h3 {
	font-size: 20px;
	line-height: 2;
	text-align: center;
	margin-top: 5px;
	color: #000;
	background-color: #fff;
	font-weight: normal;
}

.product-list ul li p,
.new-product ul li p {
	font-size: 1rem;
	line-height: 1.4;
	color: #636062;
	text-align: center;
}

.product-list ul li span,
.product-list ul li input {
	position: absolute;
	top: 24vw;
	left: 0;
	right: 0;
	z-index: 15;
	display: block;
	margin: 0 auto;
	width: 180px;
	font-size: 14px;
	line-height: 50px;
	height: 50px;
	text-align: center;
	border-radius: 0;
	color: #fff;
	background-color: #1a234d;
	opacity: 0;
	visibility: hidden;
}

.new-product ul li:hover {
	box-shadow: 0 20px 35px -15px rgba(0, 0, 0, .25);
}

.product-list ul li:hover img {
	transform: scale(1.1);
}

.product-list ul li:hover h3 {
	margin-top: -10px;
}

.product-list ul li:hover p {
	opacity: 0;
}

.product-list ul li:hover span,
.product-list ul li:hover input {
	opacity: 1;
	top: 24vw;
	visibility: initial;

}

.product-list ul li em,
.new-product ul li em {
	position: absolute;
	font-size: 12px;
	top: 12px;
	left: 12px;
	display: block;
	padding: 4px 10px;
	color: #fff;
	border: 1px solid #1a234d;
	color: #1a234d;
	border-radius: 20px;
	font-family: 'BlueSkyStandard-Bold';
	font-style: normal;
	z-index: 99;
}

.pro-serach-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	min-width: 1280px;
	height: 15.36458vw;
	min-height: 200px;
	max-height: 295px;
	background: url(../images/pro_search_bg.jpg) center center/cover no-repeat;
}

.pro-serach {
	text-align: center;
	width: 33.75%;
	max-width: 650px;
}

.pro-serach h3 {
	font-size: 2rem;
	line-height: 2;
	color: #000;
	margin-bottom: 4%;
}

.pro-serach form {
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
}

.pro-serach input[type="text"] {
	float: right;
	width: calc(100% - 70px);
	line-height: 55px;
	border: 0;
	padding: 0 10px;
	font-size: 1rem;
	font-family: BlueSkyStandard, arial;
	background-repeat: no-repeat;
	background: no-repeat;
}

.pro-serach input[type="submit"] {
	float: left;
	width: 70px;
	height: 55px;
	border: 0;
	background: url(search.png) center center no-repeat;
}


.node {
	width: 100%;
	padding: 150px 0;
	text-align: center;
}

.node h4 {
	font-size: 30px;
	font-weight: normal;
	color: #000;
}

@media screen and (max-width:1680px) {
	.pro-title h3 {
		font-size: 1.25rem;
	}

	.product_menu>ul>li>a {
		padding: 0 20px;
		font-size: 1rem;
	}

	.product_menu>ul>li:hover .menu-down,
	.product_menu>ul>li.on .menu-down {
		padding: 8px 0;
	}

	.menu-down a {
		padding: 16px 20px;
		font-size: 0.875rem;
	}

	.pro-aline {
		font-size: 0.875rem;
	}

	.type-info h3 {
		font-size: 1.625rem;
	}

	.type-info p {
		font-size: 0.875rem;
	}

	.type-content {
		font-size: 0.875rem;
	}

	.product-list ul li em {
		top: 11px;
		left: 11px;
		padding: 3px 12px;
		font-size: 13px;
		border-radius: 20px;
	}

	.product-list ul li h3 {
		font-size: 20px;
	}

	.product-list ul li p {
		font-size: 0.875rem;
	}

	.product-list ul li span,
	.product-list ul li input {
		width: 150px;
		font-size: 0.875rem;
		line-height: 45px;
		height: 45px;
	}

	.pro-serach h3 {
		font-size: 1.625rem;
	}

	.pro-serach input[type="text"] {
		width: calc(100% - 60px);
		line-height: 50px;
	}

	.pro-serach input[type="submit"] {
		width: 60px;
		height: 50px;
	}
}

@media screen and (max-width:1680px) {
	.pro-title h3 {
		font-size: 1.0625rem;
	}
}

@media screen and (max-width:1440px) {
	.pro-title h3 {
		font-size: 1rem;
	}

	.product_menu>ul>li>a {
		padding: 0 26px;
		font-size: 0.875rem;
	}

	.menu-down a {
		padding: 14px 18px;
		font-size: 0.875rem;
	}


	.product_menu>ul>li:hover .menu-down,
	.product_menu>ul>li.on .menu-down {
		padding: 6px 0;
	}

	.pro-aline {
		font-size: 0.875rem;
	}

	.type-info h3 {
		font-size: 1.375rem;
	}

	.type-info p {
		font-size: 0.875rem;
	}

	.type-content {
		font-size: 0.875rem;
	}

	.product-list ul li em {
		top: 10px;
		left: 10px;
		padding: 2px 10px;
		font-size: 12px;
		border-radius: 20px;
	}

	.product-list ul li h3 {
		font-size: 18px;
	}

	.product-list ul li p {
		font-size: 0.875rem;
	}

	.product-list ul li span,
	.product-list ul li input {
		width: 130px;
		font-size: 12px;
		line-height: 40px;
		height: 40px;
	}

	.pro-serach h3 {
		font-size: 1.375rem;
	}

	.pro-serach input[type="text"] {
		width: calc(100% - 56px);
		line-height: 45px;
	}

	.pro-serach input[type="submit"] {
		width: 56px;
		height: 45px;
	}




}

@media screen and (max-width: 1280px) {
	.product-list ul li span {
		top: 325px;
	}
}






.mask_bg,
.main_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
	background: #000;
	opacity: 0;
	-webkit-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
	-o-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
	-ms-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
	animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
}

@-webkit-keyframes maskShow {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.7;
	}
}

@-o-keyframes maskShow {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.7;
	}
}

@-ms-keyframes maskShow {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.7;
	}
}

@keyframes maskShow {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.7;
	}
}

.video_show {
	width: 1000px;
	height: 680px;
	position: fixed;
	left: 50%;
	margin-left: -500px;
	top: -1000px;
	margin-top: -340px;
	opacity: 0;
	z-index: 10001;
	border-radius: 5px;
	display: none;
	-webkit-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	-o-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	-ms-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
}

@-webkit-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

	to {
		opacity: 1;
		top: 50%;
	}
}

@-o-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

	to {
		opacity: 1;
		top: 50%;
	}
}

@-ms-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

	to {
		opacity: 1;
		top: 50%;
	}
}

@keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

	to {
		opacity: 1;
		top: 50%;
	}
}

.video_show i {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -17px;
	top: 18px;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-size: 22px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	font-weight: bold;
	background: url(closed.png);
	background-size: cover;
}

.video_show i:hover {
	transform: rotate(90deg);
}

.video_show .content {
	width: 90%;
	margin: 20px 5%;
}

.video_show .content h2 {
	line-height: 50px;
	color: #4c321c;
}

.video_show .content .show_date {
	width: 100%;
	height: 25px;
	margin: 10px 0;
	background: #F9F9F9;
	line-height: 25px;
	color: #666;
	text-indent: 2em;
}

.video_show .content .show_intro {
	width: 100%;
	text-align: left;
	font-size: 14px;
	min-height: 490px;
	border: 10px solid #fff;
	background-color: #fff;
	display: grid;
}

.video_show iframe,
.video_show video {
	width: 100%;
	max-height: 500px;
	height: 100%;
}


.video_ise {
	display: inline-block !important;
	width: 81px;
	height: 81px;
	cursor: pointer;
	line-height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	opacity: 1;
	z-index: 99;
}

.video_ise img {
	width: 100%;
}

.pro_video:hover .video_ise {
	transform: scale(1.08, 1.08);
}

.pro_video:hover .video_img {
	opacity: .9;
}

.pro_video {
	background-color: #000;
}



.pro-box {
	padding: 4% 0;
}

.pro-container {
	width: 73.6%;
	min-width: 1000px;
	margin: 0 auto;
	display: flex;
	overflow: hidden;
	justify-content: space-between;
}

.product-left {
	width: 30%;
	min-width: 290px;
	max-width: 422px;
}

.product-img {
	border-radius: 10px;
	overflow: hidden;
}

.product-img .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #1a234d;
}

.product-img .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}

.product-info {
	padding: 8% 0;
}

.product-info h2 {
	font-size: .1042rem;
	line-height: 1.3;
	color: #000;
}

.product-info p {
	font-size: .0938rem;
	line-height: 2;
	color: #7b7b7b;
}

.product-button {
	overflow: hidden;
	padding-bottom: 10%;
	border-bottom: 1px solid #dedede;
}

.product-button-01,
.product-button-02 {
	display: block;
	width: 48%;
	font-size: .0938rem;
	line-height: 55px;
	height: 55px;
	text-align: center;
	color: #fff;
	border-radius: 30px;
	border: none;
	outline: none;
	-webkit-appearance: none;
	font-family: BlueSkyStandard, arial;
	transition: all 0.4s;
}

.product-button-01 {
	background-color: #898989;
}

.product-button-02 {
	background-color: #182957;
}

.product-button-01:hover {
	background-color: #999999;
}

.product-button-02:hover {
	background-color: #1c3578;
}

.product-itse,
.product-recom {
	padding-top: 6%;
}

.product-itse h3,
.product-recom h3 {
	color: #000;
	font-size: .1563rem;
	line-height: 22px;
	margin-bottom: 6%;
}

.product-desc {
	margin-bottom: 6%;
}

.product-desc li {
	color: #666;
	line-height: 2;
	font-size: 14px;
	text-align: left;
	width: 100%;
}


.product-recom {
	border-top: 1px solid #e6e6e6;
}

.product-recom ul li {
	margin-bottom: 3%;
	width: 100%;
	background-color: #fff;
}

.product-recom ul li:hover {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
}

.product-recom ul li a {
	position: relative;
	display: flex;
	padding: 10px;
	justify-content: space-between;
	align-items: center;
}

.product-recom ul li .img {
	width: 40%;
}

.product-recom ul li .text {
	width: 56%;
}

.product-recom ul li h4 {
	font-size: 22px;
	line-height: 1.5;
	font-weight: normal;
	color: #000;
}

.product-recom ul li p {
	font-size: .1042rem;
	line-height: 2;
	color: #adadad;
}

.product-recom ul li em {
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: .0833rem;
	padding: 4px 10px;
	border-radius: 30px;
	color: #fff;
	z-index: 99;
	font-style: normal;
	background-color: #182957;
}

.product-detailed {
	width: 66%;
	padding: 2%;
	min-width: 650px;
	overflow: hidden;
	background-color: #fff;
}


.consult-top {
	bottom: calc(4% + 60px);
	right: 2%;
	position: fixed;
	width: 375px;
	height: 575px;
	padding: 30px 35px 50px;
	margin-bottom: 25px;
	border-radius: 10px;
	overflow: hidden;
	background-color: #333;
	box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .3);
	opacity: 0;
	visibility: hidden;
	z-index: 200;
}

.consult-top.on {
	opacity: 1;
	visibility: inherit;
	bottom: calc(4% + 80px);
}

.consult-top::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 110px;
	background-color: #fff;
	border-radius: 10px 0 0 0;
}

.consult-top i {
	float: right;
	position: relative;
	z-index: 1;
	width: 16px;
	height: 16px;
	/* border-right: 2px solid #fff;
	border-bottom: 2px solid #fff; */
	transform: rotate(45deg);
	cursor: pointer;
}

.consult-top i::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
}

.consult-top i::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 2px;
	height: 100%;
	background-color: #fff;
}

.consult-top h3 {
	margin-top: 25px;
	font-size: 30px;
	line-height: 2;
	color: #fff;
}

.consult-top p {
	font-size: 16px;
	line-height: 1.6;
	color: #fff;
	margin-bottom: 45px;
}

.consult-top h5 {
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
	color: #fff;
}

.consult-top input[type="text"] {
	width: 100%;
	color: #c4c8d3;
	line-height: 40px;
	border: 0;
	border-bottom: 1px solid #4a4a4a;
	background: none;
}

.consult-name {
	position: relative;
	margin-bottom: 35px;
}

.consult-email {
	position: relative;
	margin-bottom: 70px;
}

.consult-top em {
	position: absolute;
	left: 0;
	bottom: -30px;
	line-height: 30px;
	font-style: normal;
}

.consult-submit {
	position: relative;
	z-index: 1;
	padding: 6%;
	background-color: #fff;
	border: 2px solid #bfbfbf;
	border-radius: 10px;
}

.consult-top input[type="submit"] {
	width: 100%;
	color: #fff;
	line-height: 50px;
	font-weight: bold;
	border: 0;
	background-color: #182957;
	border-radius: 5px;
}

.consult-bottom {
	text-align: right;
	height: 80px;
}

.consult-info {
	position: fixed;
	right: calc(2% + 70px);
	bottom: 4%;
	z-index: 200;
	display: inline-block;
	width: 280px;
	height: 80px;
	padding: 20px 25px;
	text-align: left;
	margin-right: 10px;
	border-radius: 5px 5px 0 5px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 10px 18px -6px rgba(0, 0, 0, .25);
}

.consult-info::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: -10px;
	display: block;
	width: 10px;
	height: 14px;
	background: url(../images/consult_img.png) center no-repeat;
}

.consult-info h4,
.consult-info p {
	font-size: 14px;
	color: #656565;
	line-height: 1.5;
}

.consult-info i {
	position: absolute;
	top: 15px;
	right: 20px;
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid #e3e5e7;
	cursor: pointer;
	transform: rotate(45deg);
}

.consult-info i::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1px;
	height: 65%;
	background-color: #6d737a;

}

.consult-info i::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 65%;
	height: 1px;
	background-color: #6d737a;
}

.consult-icon {
	position: fixed;
	right: 2%;
	bottom: 4%;
	z-index: 200;
	display: inline-block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: #182957;
	cursor: pointer;
}

.consult-icon:hover img {
	transform: rotateY(180deg);
}









@media screen and (max-width:1680px) {
	.product-img {
		border-radius: 8px;
	}

	.video_ise {
		width: 71px;
		height: 61px;
	}

	.product-info h2 {
		font-size: .1042rem;
	}

	.product-info p {
		font-size: .0938rem;
	}

	.product-button-01,
	.product-button-02 {
		font-size: .0938rem;
		line-height: 46px;
		height: 46px;
	}

	.product-itse h3,
	.product-recom h3 {
		font-size: .1563rem;
	}

	.pro-more {
		font-size: 0.8125rem;
	}

	.patent {
		line-height: 46px;
		padding-left: 60px;
		font-size: 14px;
	}

	.product-recom ul li h4 {
		font-size: .1042rem;
	}

	.product-recom ul li p {
		font-size: .1042rem;
	}

	.product-recom ul li em {
		font-size: .0833rem;
		padding: 3px 8px;
	}
}

@media screen and (max-width:1580px) {
	.patent {
		line-height: 44px;
		padding-left: 55px;
		font-size: 13px;
	}
}

@media screen and (max-width:1440px) {
	.product-img {
		border-radius: 6px;
	}

	.video_ise {
		width: 61px;
		height: 61px;
	}

	.product-info h2 {
		font-size: .1042rem;
	}

	.product-info p {
		font-size: .0938rem;
	}

	.product-button-01,
	.product-button-02 {
		font-size: .0938rem;
		line-height: 42px;
		height: 42px;
	}

	.product-itse h3,
	.product-recom h3 {
		font-size: .1563rem;
		margin-bottom: 6%;
	}

	.pro-more {
		font-size: 0.875rem;
	}

	.patent {
		line-height: 42px;
		padding-left: 50px;
		font-size: 12px;
	}

	.product-recom ul li h4 {
		font-size: .1042rem;
	}

	.product-recom ul li p {
		font-size: .1042rem;
	}

	.product-recom ul li em {
		top: 10px;
		right: 10px;
		font-size: .0833rem;
		padding: 2px 6px;
	}
}



.series-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.series-list ul li {
	position: relative;
	width: 49%;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 2%;
}

.series-list ul li div {
	overflow: hidden;
}

.series-list ul li h3 {
	padding: 3% 4.5%;
	font-size: 1.25rem;
	line-height: 2;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background: #898989;
}

.series-list ul li:hover img {
	transform: scale(1.05, 1.05);
}

.series-list ul li:hover h3 {
	background: #fff;
	color: #182856;
}

.series-list ul li:hover {
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, .05);
}






.series-box {
	padding: 4.5% 0;
}

.series-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3%;
	position: relative;
}

.series-img {
	pointer-events: none;
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
}

.series-text {
	width: 20%;
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
}


.series-text h3 {
	font-family: 'BlueSkyStandard-Bold';
	font-size: 60px;
	line-height: 1;
	color: #1a234d;
	margin-top: 15px;
}

.series-text i img {
	width: auto;
}

.series-text p {
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 16%;
	color: #666;
}

.series-text a {
	display: inline-block;
	width: 75%;
	line-height: 50px;
	font-size: 16px;
	border-radius: 30px;
	color: #fff;
	text-align: center;
	background-color: #1a234d;
}

.series-text a:hover {
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
}

.series-bottom {
	display: flex;
	justify-content: end;
}

.series-pro {
	width: 100%;
}

.series-pro ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.series-pro ul li {
	width: calc(92%/5);
	margin: 0 2% 2% 0;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.series-pro ul li:nth-child(5n) {
	margin-right: 0;
}

.series-pro ul li h3 {
	font-weight: normal;
	text-align: center;
	line-height: 3.5;
}

.series-pro ul li:hover {
	transform: translateY(-5px);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
}

.series-item {
	display: flex;
	border-radius: 10px;
	overflow: hidden;
	justify-content: space-between;
	margin-bottom: 3%;
	background-color: #fff;
}

.series-left {
	width: 75%;
	border-radius: 10px;
	overflow: hidden;
}

.series-right {
	width: 25%;
	padding: 6% 3.5%;
}

.series-right h3 {
	font-size: 28px;
	line-height: 1.2;
	color: #1a234d;
	margin-bottom: 5%;
}

.series-right p {
	font-size: 16px;
	line-height: 1.6;
}

@media screen and (max-width:1680px) {
	.series-text p {
		font-size: 0.875rem;
	}

	.series-text h3 {
		font-size: 55px;
	}

	.series-text i img {
		width: 12px;
	}

	.series-text a {
		line-height: 45px;
		font-size: 0.9375rem;
	}

	.series-right h3 {
		font-size: 24px;
	}

	.series-right p {
		font-size: 14px;
	}
}

@media screen and (max-width:1440px) {
	.series-text p {
		font-size: 0.875rem;
	}

	.series-text h3 {
		font-size: 45px;
	}

	.series-text i img {
		width: 10px;
	}

	.series-text a {
		line-height: 40px;
		font-size: 0.875rem;
	}

	.series-right h3 {
		font-size: 20px;
	}

	.series-right p {
		font-size: 12px;
	}
}


/*采购车*/

.cart-page {
	position: fixed;
	top: 0;
	z-index: 10002;
	right: -410px;
	width: 410px;
	height: 100%;
	box-sizing: border-box;
	background-color: #fff;
	opacity: 0;
	transition: all 0.8s;
}

.cart-page.on {
	right: 0;
	opacity: 1;
}

.cart-page-t h2 {
	line-height: 64px;
	border-bottom: 1px solid #eee;
	padding: 0 20px;
	font-weight: normal;
	font-size: 20px;
}

.cart-page-t i {
	position: absolute;
	right: 20px;
	top: 10px;
}

.cart-page-c {
	padding: 20px;
	height: calc(100% - 176px);
	overflow-y: auto;
	overflow-x: hidden;
}

.cart-page-c p {
	font-size: 16px;
	color: #929292;
}

.cart-page-product {
	padding-top: 20px;
}

.cart-page-product ul {
	width: 100%;

	padding-right: 5px;
	margin-bottom: 10px;
}

.cart-page-product ul li {
	float: left;
	position: relative;
	width: calc((100% - 20px)/3);
	margin: 0 10px 10px 0;
}

.cart-page-product ul li p {
	font-size: 12px;
}

.cart-page-product ul li:nth-child(3n) {
	margin-right: 0;
}

.cart-page-product ul li .pro-img {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.cart-page-product ul li:hover img {
	transform: scale(1.05, 1.05);
	z-index: 0;
}

.cart-page-product ul li i {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 10;
}

.cart-page-product ul li i input {
	width: 15px;
	height: 15px;
}

.cart-page-product ul li input {
	display: block;
}
















.cart_page,
.send_page {
	position: fixed;
	top: 0;
	z-index: 10002;
	right: -410px;
	width: 410px;
	height: 100%;
	box-sizing: border-box;
	background-color: #fff;
	opacity: 0;
	transition: all 0.8s;
}

.cart_page.on,
.send_page.on {
	right: 0;
	opacity: 1;
}

.cart_page_t h2,
.send_page_t h2 {
	line-height: 64px;
	font-weight: normal;
	border-bottom: 1px solid #eee;
	padding: 0 30px;
	font-size: 20px;
}

.cart_page_t i,
.send_page_t i {
	position: absolute;
	right: 20px;
	top: 10px;
}



.care-msg {
	margin-top: 3%;
}

.cart_page_closed:hover,
.send_page_closed:hover {
	transform: rotateZ(90deg);
}

.cart_list {
	height: calc(100% - 156px);
	overflow-y: auto;
}

.cart_list::-webkit-scrollbar,
.send_page_c::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.cart_list::-webkit-scrollbar-thumb,
.send_page_c::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .2);
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

.cart_list ul li {
	position: relative;
	padding: 4%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

.cart_list ul li strong {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(del.png);
	background-color: #fff;
	z-index: 1;
	cursor: pointer;
}

.cart_list ul li .pro_img {
	width: 40%;
}

.cart_list ul li .pro_bot {
	width: 50%;
}

.cart_list ul li .pro_bot h3 {
	color: #000;
	font-weight: normal;
	font-size: 18px;
}

.cart_list ul li .pro_bot p {
	line-height: 1.5;
	text-transform: capitalize;
	color: #989898;
	font-size: 14px;
}

.add_order_box,
.msg-submit {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 20;
	padding: 20px 40px;
	width: 410px;
	border-top: 1px solid #e6e6e6;
	background-color: #fff;
	box-sizing: border-box;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.add_order_box .add_order,
.msg-submit .inputtxt {
	color: #fff;
	text-align: center;
	cursor: pointer;
	cursor: pointer;
	background: #1e386a;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	width: 100%;
	float: left;
	font-size: 16px;
	border: 0;
}

.send_page_c {
	padding: 20px;
	height: calc(100% - 176px);
	overflow-y: auto;
	overflow-x: hidden;
}

.send_page_c p {
	font-size: 16px;
	color: #929292;
}

.care_name {
	margin-bottom: 12px;
}

.care_name input[type="text"],
.care-email input[type="text"] {
	width: 100%;
	padding: 0 20px;
	line-height: 50px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	border-radius: 4px;
}

.send_page_product {
	padding-top: 20px;
}

.send_page_product h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

.send_page_product ul {
	width: 100%;

	padding-right: 5px;
	margin-bottom: 10px;
}

.send_page_product ul li {
	float: left;
	position: relative;
	width: calc((100% - 20px)/3);
	margin: 0 10px 10px 0;
}

.send_page_product ul li p {
	font-size: 12px;
}

.send_page_product ul li:nth-child(3n) {
	margin-right: 0;
}

.send_page_product ul li .pro-img {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.send_page_product ul li:hover img {
	transform: scale(1.05, 1.05);
	z-index: 0;
}

.send_page_product ul li .pro-desc {
	font-size: 14px;
	line-height: 2;
	color: #777;
	overflow: hidden;
}

.send_page_product ul li i {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 10;
}

.send_page_product ul li i input {
	width: 15px;
	height: 15px;
}

.send_page_product ul li input {
	display: block;
}

.Validform_checktip {
	/* position: absolute;
    top: 16px;
    right: 12px; */
	font-size: 14px;
	font-style: normal;
}

.Validform_right {
	color: #6db31b;
}

.Validform_wrong {
	color: #d31c1c;
}



.msg-name,
.msg-eml {
	width: 100%;
	height: 60px;
	position: relative;
}

.msg input[type="text"] {
	width: 100%;
	padding: 0 22px;
	line-height: 50px;
	border: 0;
	border-bottom: 1px solid #d2d2d2;
	box-sizing: border-box;
	background: none;
}

.msg em {
	display: block;
	padding: 0 22px;
	line-height: 25px;
	position: absolute;
	font-style: normal;
	right: 0;
	top: 12px;
}

.msg [type="submit"] {
	width: 100%;
	height: 55px;
	font-size: 14px;
	line-height: 55px;
	color: #fff;
	border-radius: 30px;
	background-color: #1a234d;
	cursor: pointer;
}


.keyword_title {
	padding-bottom: 4%;
}

.keyword_title h4 {
	font-size: 18px;
	line-height: 2;
	color: #000;
}

/*index-nar*/
.index-nar {
	padding: 4% 0 0;
}

.index-nar-con {
	margin-top: 2%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}

.index-nar-l {
	width: 48.38%;
	overflow: hidden;
	border-radius: 20px;
}

.index-nar-l a:hover img,
.index-nar-r a:hover img {
	transform: scale(1.1, 1.1);
}

.index-nar-r {
	width: 49.56%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.index-nar-r a {
	overflow: hidden;
	border-radius: 20px;
	display: block;
}

/*new about*/
.con {
	width: 83.33%;
	min-width: 1000px;
	max-width: 1600px;
	margin: 0 auto;
}

.about-top-txt h4 {
	text-align: center;
	color: #fff;
	font-size: .3698rem;
	line-height: 1;
	margin-top: 1.25rem;
}

.ab1 {
	background-color: #f8ebd3;
	padding: .3229rem 0 0;
}

.ab1-t {
	padding-bottom: .2083rem;
}

.ab1-l {
	width: 45.56%;
}

.ab1-l h4 {
	font-size: .2604rem;
	margin-bottom: .3021rem;
}

.ab1-l p {
	opacity: 0.8;
	font-size: .1042rem;
	margin-bottom: .1563rem;
}

.ab1-r {
	width: 44%;
}

.ab1-b {
	background-color: #E3782F;
	padding: .3385rem 0;
}

.ab1-b-item {
	width: 19%;
}

.ab1-b-item h4 {
	color: #fff;
	font-size: .276rem;
	font-weight: 400;
}

.ab1-b-item p {
	color: #fff;
	font-size: .0938rem;
	opacity: 0.8;
	margin-top: .1563rem;
}

.ab1-m {
	background-color: #fff;
}

.ab1-m-con {
	padding: 0 .8333rem;
}

.ab1-m-l {
	/*width: 42%;*/
	padding: 40px 0;
}

.ab1-m-r {
	/*width: 2.9583rem;*/
}

.ab1-m-l h4 {
	font-size: .2604rem;
	font-weight: 700;
	margin-bottom: .2344rem;
}

.ab1-m-l p {
	font-size: .0938rem;
	opacity: 0.8;
}

.ab1-m-line {
	height: 100%;
	top: 0;
	border: 2px dashed #ccc;
	left: .2604rem;
	z-index: 0;
}

.ab1-m-list {
	/*height: 2.5313rem;*/
	overflow-x: auto;
	/*padding-right: .1042rem;*/
}

.ab1-m-list::-webkit-scrollbar {
	width: 0px;
	height: 10px;
}

.ab1-m-list::-webkit-scrollbar-track {
	background-color: #ccc;
}


.ab1-item {
	/*margin-top: .3125rem;*/
	align-items: flex-start;
	margin-right: 20px;
}

.ab1-item:last-child {
	margin-bottom: .4688rem;
}

.ab1-item-time {
	height: .5208rem;
	width: .5208rem;
	background-color: #E3782F;
	color: #fff;
	padding: .1042rem;
}

.ab1-item-time span {
	font-size: .1042rem;
	line-height: 1.3;
	text-align: center;
}

.ab1-item-line {
	margin: .2604rem .0521rem 0;
	border-top: 2px dashed #ccc;
	width: .1823rem;
	height: 1px;

}

.ab1-item-txt {
	flex: 1;
	background: #ffecdf;
	border-radius: .1563rem;
	padding: .0625rem;
}

.ab1-item-txt h4 {
	font-size: .1042rem;
	padding: .0625rem .1042rem 0;
}

.ab1-item-txt p {
	background-color: #fff;
	border-radius: .1042rem;
	overflow: hidden;
	padding: .1042rem;
	margin-top: .125rem;
	width: 200px;
}

.ab1-item-txt img {
	width: auto;
	max-width: 100%;
}


.ab3 {
	background-color: #fff;
	padding: .5104rem 0;
}


.ab h4 {
	font-size: .2604rem;
	font-weight: 700;
}

.ab p {
	font-size: .0938rem;
	color: #000000;
	opacity: 0.8;
	width: 32%;
}

.ab3-list {
	margin-top: .3229rem;
}

.ab3-item {
	width: 33.06%;
}

.ab3-item img {
	width: 100%;
	height: 100%;
}

.ab4-txt h4 {
	font-size: .3385rem;
	color: #fff;
}

.ab4-txt p {
	font-size: .1146rem;
	margin-top: .1146rem;
	line-height: 1;
	color: #fff;
}

.ab5 {
	padding: .4844rem 0;
}

.ab5-con {
	margin-top: .2917rem;
}

.ab5-l {
	width: 67.18%;
}

.ab5-r {
	width: 32.12%;
}

.ab5-r-1:first-child {
	margin-bottom: .0521rem;
}

.ab6 {
	padding: .4167rem 0;
	background-color: #d9e0ee;
}

.ab6-con {
	margin-top: .2813rem;
}

.ab6-l {
	width: 47.25%;
}

.ab6-r {
	width: 52.06%;
}

.ab6-r-item {
	width: 49.5%;
	margin-bottom: .0521rem;
}

.ab7-con {
	width: 39.5%;
	padding-top: .9271rem;
}

.ab7-con h4 {
	font-size: .2604rem;
	color: #fff;
	margin-bottom: .1875rem;
}

.ab7-con p {
	color: #fff;
	margin-bottom: .1875rem;
	font-size: .0938rem;
}

.ab8 {
	padding: .5104rem 0;
}

.ab8-t {
	margin-bottom: .3646rem;
}

.ab8-t-l {
	width: 53.06%;
}

.ab8-t-r {
	width: 38.25%;
}

.ab8-t-r h4 {
	font-size: .2604rem;
	margin-bottom: .2083rem;
}

.ab8-t-r p {
	font-size: .1042rem;
	opacity: 0.8;
	margin-bottom: .5885rem;
}

.ab8-b h4 {
	font-size: .1563rem;
}

.ab8-b-list {
	margin-top: .1563rem;
}

.ab8-b-item {
	width: 18.75%;
	padding: .2604rem .1042rem;
}

.ab8-b-item p {
	font-size: .0938rem;
	opacity: 0.9;
}

.ab8-b-item img {
	width: .2083rem;
	height: .2083rem;
}

.ab8-b-item p {
	font-size: .0938rem;
	line-height: 1.3;
	margin-top: .1927rem;
	text-align: center;
}

.ab9 {
	padding: .5104rem 0;
	background-color: #f6f6f6;
}

.join {
	padding: .5104rem 0;
	background-color: #ccc;
}

.join .projects-font {
	color: #000;
	opacity: 1;
}

.join h4 {
	font-size: .2813rem;
	font-weight: 700;
	width: 42%;
	line-height: 1.3;
}



.ab10 {
	background-color: rgba(0, 0, 0, .05);
	padding: .5208rem 0;
}

.ab10-t h4 {
	font-size: .2604rem;
	font-weight: 700;
}

.ab10-list {
	margin-top: .4167rem;
}

.ab10-item {
	background-color: #fff;
	border-radius: .1563rem;
	padding: .4167rem .2083rem;
	width: 30%;
}

.ab10-item h4 {
	font-size: .125rem;
	margin-bottom: .125rem;
	font-weight: 700;
}

.ab10-item p {
	opacity: 0.8;
	font-size: .0938rem;
	margin-bottom: .0521rem;
}

.ab10-item span {
	right: -.1rem;
	bottom: -.12rem;
	font-size: .7292rem;
	line-height: 1;
	color: rgba(0, 0, 0, .05);
	font-weight: 700;
}

.ab10-item p strong {
	margin-right: .0417rem;
}


/*新首页*/
.index-box {
	margin-top: .5104rem;
}

.index-tit {
	margin-bottom: .4583rem;
}

.index-tit h4 {
	font-size: .2813rem;
	font-weight: 700;
	width: 42%;
	line-height: 1.3;
}

.index-tit p {
	font-size: .0833rem;
	opacity: 0.7;
	width: 38%;
	line-height: 1.6;
}

.index-design-tit-l {
	width: 45%;
}

.index-design-tit-l h4 {
	width: 100%;
}

.index-design-tit-r {
	width: 40%;
}

.index-design-tit-r p {
	width: 100%;
}

.index-design-tit-r a {
	background-color: #e47830;
	color: #fff;
	font-size: .0938rem;
	padding: .0938rem .1563rem;
	margin-top: .1042rem;
	display: inline-block;
}

.index-design-tit-r a:hover {
	transform: translateY(-5px);
}


.index-design-item {
	background-color: #eeeeee;
	padding: 1px;
	display: block;
	transition: all ease-in-out 0.3s;
}

.index-design-btn {
	font-size: .0938rem;
	color: #fff;
	background: #e47830;
	padding: .0781rem 0;
	margin-bottom: .1042rem;
	width: 55%;
	opacity: 0;
}

.index-design-txt {
	padding: .1458rem .1875rem;
}

.index-de-sign-txt-l {
	width: 70%;
}

.index-de-sign-txt-l h4 {
	opacity: 0.8;
	font-size: .1042rem;
	font-weight: 400;
	margin-bottom: .026rem;
}

.index-de-sign-txt-l p {
	font-size: .1042rem;
	font-weight: 400;
}

.index-de-sign-txt-r {
	width: .2083rem;
	height: .2083rem;
	background-color: #e47830;
	color: #fff;
	font-size: .0938rem;
	opacity: 0;
}

.index-design-item:hover .index-de-sign-txt-r {
	opacity: 1;
}

.index-design-item:hover .index-design-btn {
	opacity: 1;
}

.index-design-fy div {
	width: .2969rem;
	height: .2969rem;
	background: #f8f8f8;
	border-radius: .0781rem;
	color: #000;
	top: 50%;
}

.index-design-fy div:hover {
	background: #e47830;
	color: #fff;
}

.index-design-prev {
	left: -0.4167rem;
}

.index-design-next {
	right: -0.4167rem;
}

.index-iso {
	background: #f3f3f3;
	padding: .5104rem 0;
}

.index-iso-list {}

.index-iso-item {
	width: 24.12%;
	margin-bottom: .1667rem;
	background-color: #fff;
}

.index-iso-pic img {
	width: 100%;
}

.index-iso-txt {
	background: #ffffff;
	padding: .1563rem;
	height: auto;
}

.index-iso-txt h4 {
	font-size: .099rem;
	font-weight: 700;
	margin-bottom: .0521rem;
}

.index-iso-txt p {
	font-size: .0781rem;
	opacity: 0.8;
}

.index-iso-item:nth-child(even) {
	flex-direction: column-reverse;
}

.index-de-l {
	width: 32%;
}

.index-de-l h4 {
	font-size: .2604rem;
	line-height: 1.3;
	margin-bottom: .2083rem;
}

.index-de-l p {
	font-size: .0833rem;
	opacity: 0.8;
	margin-bottom: .2083rem;
}

.index-de-l img {
	width: 2.5rem;
}

.index-de-r {
	width: 66.25%;
}

.index-de-item {
	cursor: pointer;
}

.index-de-item em {
	width: .0781rem;
	height: .0781rem;
	background-color: #e47830;
	border-radius: 50%;
	overflow: hidden;
	margin-right: .0521rem;
}

.index-de-item span {
	font-size: .1042rem;
	background-color: #fff;
	font-size: .0729rem;
	line-height: 1;
	padding: .0521rem .0729rem;
	border-radius: .0521rem;
	box-shadow: -0.0208rem 0px .0313rem .0208rem rgba(0, 0, 0, 0.06);
	opacity: 0;
}

.index-de-item:hover span {
	opacity: 1;
}

.index-de-item:nth-child(1) {
	top: 21.6%;
	left: 13.11%;
}

.index-de-item:nth-child(2) {
	top: 40%;
	left: 19.9%;
}

.index-de-item:nth-child(3) {
	top: 45.8%;
	left: 18.11%;
}

.index-de-item:nth-child(4) {
	top: 52%;
	left: 22.26%;
}

.index-de-item:nth-child(5) {
	top: 67.8%;
	left: 25.84%;
}

.index-de-item:nth-child(6) {
	top: 69%;
	left: 32%;
}

.index-de-item:nth-child(7) {
	top: 79%;
	left: 25.84%;
}

.index-de-item:nth-child(8) {
	top: 36.6%;
	left: 58.96%;
}

.index-de-item:nth-child(9) {
	top: 29.6%;
	left: 66.22%;
}

.index-de-item:nth-child(10) {
	top: 18.6%;
	left: 75.75%;
}

.index-de-item:nth-child(11) {
	top: 36.6%;
	left: 64.9%;
}

.index-de-item:nth-child(12) {
	top: 50.4%;
	left: 75.56%;
}

.index-de-item:nth-child(13) {
	top: 54.6%;
	left: 74%;
}

.index-de-item:nth-child(14) {
	top: 54.6%;
	left: 75.84%;
}

.index-de-item:nth-child(15) {
	top: 60%;
	left: 75.84%;
}

.index-de-item:nth-child(16) {
	top: 78.4%;
	left: 52.33%;
}

.index-ov {
	background: #f9f9f9;
	padding: .5104rem 0;
}

.index-ov-l {
	width: 41%;
}

.index-ov-r {
	width: 54.56%;
}

.index-ov-l>h4 {
	font-size: .2604rem;
	line-height: 1.3;
	margin-bottom: .2292rem;
}

.index-ov-item {
	background-color: #fff;
	border-radius: .1563rem;
	margin-bottom: .1198rem;
	padding: .1198rem .1979rem;
	width: 48.5%;
}

.index-ov-item h4 {
	color: #E47830;
	font-size: .2813rem;
	margin-bottom: .0521rem;
	line-height: 1;
}

.index-ov-item h4 sub {
	font-size: .1563rem;
}

.index-ov-item p {
	opacity: 0.7;
	font-size: .0885rem;
}

.index-ov-btn {
	width: .5677rem;
	height: .5677rem;
	border: 2px solid #fff;
	background-color: rgba(255, 255, 255, 0.5);
	color: #fff;

}

.index-ov-btn span {
	font-size: .2604rem;
}

.index-why {
	background: #f9f9f9;
	padding: .5104rem 0;
}

.index-why-item {
	width: 24%;
	margin-bottom: .1563rem;
}

.index-why-pic {
	margin-bottom: .0781rem;
}

.index-why-item h4 {
	font-size: .1042rem;
	margin-bottom: .0781rem;
	line-height: 1.3;
	font-weight: 700;
}

.index-why-item p {
	font-size: .0938rem;
	font-weight: 300;
	opacity: 0.8;
}

.index-contact {
	background: #bebcb7;
	border-radius: .2604rem;
	padding: .6927rem 0;
}

.index-contact-con-l {
	width: 24.62%;
}

.index-contact-con-l h4 {
	color: #ffffff;
	font-size: .2604rem;
	line-height: 1;
	margin-bottom: .1042rem;
}

.index-contact-con-l p {
	color: #fff;
	font-size: .1042rem;
	margin-bottom: .2708rem;
}

.index-contact-con-l a {
	background-color: #e47830;
	color: #fff;
	font-size: .1042rem;
	line-height: 1;
	padding: .1042rem .2083rem;
	border-radius: .1042rem;
}

.index-contact-con-l a:hover {
	background-color: #fff;
	color: #e47830;
}

.index-contact-con-r {
	width: 65%;
}

.index-contact-pic {
	width: .6563rem;
	height: .6563rem;
	border: 2px solid #fff;
	margin-bottom: .1719rem;
}

.index-contact-item h4 {
	color: #fff;
	font-size: .1042rem;
	margin-bottom: .0885rem;
}

.index-contact-item p {
	color: #fff;
	font-size: .0938rem;
}

.index-contact-zi {
	width: 6.1094rem;
	opacity: 0.1;
	right: -0.1042rem;
	bottom: -0.5rem;
}

.head-btn {
	height: 90px;
	line-height: 90px;
	margin-left: 20px;
}

.head-btn a {
	background-color: #e47830;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	padding: 16px 30px;
	border-radius: 40px;
	display: inline-block;
}

.index-iso-pic img {
	transition: all 0.5s ease-in-out;
	will-change: transform;
}


.ab3-list {
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
	/* 隐藏滚动条 */
}

.swiper-slide {
	opacity: 0.8;
	transition: opacity 0.5s;
	align-items: flex-start;
}


.swiper-slide-active {
	opacity: 1;
	/* 高亮当前幻灯片 */
}

/*产品详情new*/
.product-color {
	padding-top: 6%;
	border-top: 1px solid #e6e6e6;
}

.product-color h4 {
	color: #000;
	font-size: .1563rem;
	line-height: 22px;
	margin-bottom: 6%;
}

.product-color-item {
	margin-bottom: .1042rem;

}

.product-color-item span {
	width: .3125rem;
	height: .2083rem;
	display: block;
	margin-right: .1042rem;
	border: 1px solid #ccc;
}

.product-color-item p {
	font-size: .1042rem;
}

.product-detail-item {
	margin-bottom: .1563rem;
	padding-bottom: .1042rem;
	border-bottom: 1px solid #ccc;
}

.product-detail-item h4 {
	font-size: .1146rem;
	font-weight: 700;
	margin-bottom: .1146rem;
	line-height: 1;
}

.product-detail-item-con p {
	font-size: .0833rem;
	opacity: 0.8;
	margin-bottom: .0521rem;
}

.product-detail-item-con img {
	width: auto;
	max-width: 100%;
	margin: 0 auto .0521rem;
	display: block;
}

.product-qua-list {
	margin-bottom: 8%;
}

.product-qua {
	background-repeat: no-repeat;
	background-position: center center;
	width: .5208rem;
	height: .5208rem;
	overflow: hidden;
	margin-bottom: .1042rem;
	margin-right: .1042rem;
	background-color: #fff;
	background-size: cover;
}

/*新版产品详情*/
.pro-show-top-l {
	flex: 1;
	margin-right: .2083rem;
}

.product-img {
	align-items: flex-start;
	border-radius: 0;
}

.pro-show-top-r {
	width: 42%;

}

.product-show-img-thumbs {
	width: .4063rem;
	margin-right: .0729rem;
	height: 4.1667rem;
	overflow-y: auto;
}

.product-show-img-thumbs .swiper-slide {
	width: .4063rem;
	height: .4063rem;
	padding: .0208rem;

}

.product-show-img-i {
	width: .3542rem;
	height: .3542rem;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.product-show-img-i img {
	width: 100%;
	height: fit-content;
}

.swiper-slide-thumb-active {
	border: 1px solid #000;
}

.product-show-img-top {
	width: 4.1146rem;
	border: 1px solid #ccc;
	height: 4.1146rem;
}

.product-show-img-top-i {
	height: 4.1146rem;
	width: 4.1146rem;
	background-color: #fff;
}

.product-show-img-top-i a {
	height: 4.1146rem;
	width: 4.1146rem;
	display: block;
}

.product-show-img-top-i img {
	width: 100%;
	height: 100%;
}

.pro-show-info h4 {
	font-size: .1667rem;
	font-weight: 400;
	color: #000;
	line-height: 1.3;
	word-break: break-word;
}

.pro-show-info p {
	opacity: 0.7;
	font-size: .0938rem;
	margin-bottom: .0521rem;
}

.pro-show-info em {
	font-size: .1042rem;
}

.pro-show-info {
	margin-bottom: .1563rem;
}

.pro-show-qua-list {
	margin-bottom: .1563rem;
}

.pro-show-qua {
	width: .5208rem;
	height: .5208rem;
	margin-right: .1042rem;
	background-color: #fff;
	background-size: cover;
	background-position: center center;
	border-radius: 50%;
}

.pro-show-color {
	margin-bottom: .1563rem;
}

.pro-show-color h4 {
	font-size: .125rem;
	font-weight: 600;
	color: #000;
}

.pro-show-color-list {
	margin-top: .1042rem;
}

.pro-show-color-item {
	margin-bottom: .0781rem;
	margin-right: .1042rem;
}

.pro-show-color-item span {
	width: .5208rem;
	height: .2865rem;
	border-radius: .0521rem;
	border: 1px solid #ccc;
	cursor: pointer;
}

.pro-show-color-item p {
	text-align: center;
	font-size: .0833rem;
	margin-top: .0521rem;
	line-height: 1;
}

.pro-show-version {
	margin-top: .1563rem;
}

.pro-show-desc-item {
	padding: .1042rem .0521rem .1042rem 0;
	border-bottom: 1px solid #ccc;
}

.pro-show-desc-tit {
	cursor: pointer;
}

.pro-show-desc-tit h4 {
	font-size: .125rem;
}

.pro-show-desc-tit em {
	font-size: .0833rem;
}

.pro-show-desc-tit em.on {
	transform: rotate(90deg);
}

.pro-show-ico img {
	width: .4688rem;
	margin-right: .1042rem;
}

.pro-show-desc-con {
	font-size: .0833rem;
	color: #222;
	line-height: 1.6;
	display: none;
	padding: .1563rem;
	background-color: #fff;
	border-radius: .1042rem;
	overflow: hidden;
	margin-top: .1042rem;
}

.pro-show-desc-con.on {
	display: block;
}

.pro-show-version-item h4 {
	font-size: .1042rem;
	line-height: 1.5;
	margin-right: .1042rem;
	font-weight: 400;
}

.pro-show-version-item span {
	font-size: .1042rem;
	line-height: 1.5;
	margin-right: .1042rem;
	font-weight: 400;
}


.pro-show-version-item p {
	font-size: .0938rem;
	flex: 1;
	opacity: 0.8;
}

.pro-show-version-item {
	margin-bottom: .1563rem;
	align-items: flex-start;
}

.pro-show-version-item:last-child {
	margin-bottom: 0;
}

.pro-show-detail-item {
	margin-top: .2604rem;
}

.pro-show-detail-item-tit h4 {
	font-size: .1667rem;
	font-weight: 600;
	padding-bottom: .1042rem;
	border-bottom: 1px solid #ccc;
	margin-bottom: .1042rem;
}

.pro-show-detail-con {
	background-color: #fff;
	overflow: hidden;
	border-radius: .1042rem;
	padding: .1563rem;
}

.pro-show-detail-con img {
	width: auto;
	max-width: 750px;
	margin: 0 auto;
}

.pro-show-detail-con p {
	font-size: .0938rem;
	opacity: 0.8;
	margin-bottom: .0521rem;
}

.pro-show-relate {
	margin-top: .2604rem;
}

.pro-main-item {
	padding: .0521rem;
	width: 25%;
	margin-bottom: .1563rem;
}

.pro-main-item:hover {
	transform: translateX(-0.026rem);
}

.pro-main-item:hover .pro-item-txt h4 {
	color: #142355;
}

.pro-main-item-new {
	color: #fff;
	font-size: .0729rem;
	padding: .0313rem .0417rem;
	top: .0625rem;
	left: .0625rem;
	border-radius: .1042rem;
	line-height: 1;
	background-color: #142355;
}

.pro-item-txt {
	padding-top: .0781rem;
}

.pro-item-txt h4 {
	font-size: .0938rem;
	margin-bottom: .0521rem;
	line-height: 1.3;
}

.pro-item-txt p {
	font-size: .0833rem;
	opacity: 0.7;
	margin-bottom: .0521rem;
}

.pro-item-img img {
	width: 100%;
}

.product-button {
	padding-bottom: .1563rem;
	margin-top: .2604rem;
}

/*首页新增视频模块*/
.index-zn {
	height: 3rem;
}

.index-zn-video {
	object-fit: cover;
	z-index: 0;
	height: 3rem;
	display: flex;
}

.index-video-txt {
	background-color: rgba(0, 0, 0, 0.5);
}

.index-zn-con {
	width: 40%;
}

.index-zn-con h4 {
	font-size: .2813rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	margin-bottom: .1563rem;
}

.index-zn-con p {
	font-size: .1042rem;
	color: #fff;
	margin-bottom: .1563rem;
}

.index-zn-con a {
	color: #000;
	font-size: .1042rem;
	padding: .1042rem 0;
	border-radius: .2083rem;
	background-color: #fff;
	margin: 0 auto;
	width: 30%;
}

.index-zn-con a:hover {
	background-color: #142355;
	color: #fff;
}

.ab10-t p {
	margin-top: .1042rem;
	font-size: .1042rem;
}

.wmt1 {
	padding: .5885rem 0;
}

.wmt-con-l {
	width: 40.93%;
}

.wmt-con-r {
	width: 49.62%;
}

.wmt-con-l h4 {
	font-size: .2604rem;
	margin-bottom: .2708rem;
	font-weight: bold;
}

.wmt-con-l p {
	font-size: .1042rem;
	margin-bottom: .1042rem;
	opacity: 0.78;
}

.wmt2 {
	background-color: #f3f3f3;
	padding: .5885rem 0;
}

.swiper-slide {
	background-color: #fff;
	border-radius: .1563rem;
	overflow: hidden;
}

.wmt-swiper .wmt2-item {
	width: 100%;
	padding: 0 .3594rem;
}

.wmt2-item-l {
	width: 50%;
}

.wmt2-item-r {
	flex: 1;
	margin-left: .5729rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wmt2-item-r h4 {
	font-size: .1771rem;
	margin-bottom: .1563rem;
}

.wmt2-item-r p {
	font-size: .1146rem;
	opacity: 0.78;
}

.wmt2-zi {
	font-size: .9167rem;
	opacity: 0.1;
	color: #000;
	font-weight: 600;
	right: -0.0521rem;
	bottom: -0.1042rem;
	font-style: italic;
}

.wmt-swiper-fy div {
	width: .2969rem;
	height: .2969rem;
	background: #fff;
	border-radius: .0781rem;
	color: #000;
	top: 50%;
	transform: translateY(-50%);
}

.wmt-swiper-fy div:hover {
	background: #e47830;
	color: #fff;
}

.wmt-prev {
	left: -0.4167rem;
}

.wmt-next {
	right: -0.4167rem;
}

.se1 {
	padding-bottom: 3.1927rem;
}

.se2 {
	margin-top: -2.3125rem;
	margin-bottom: .9271rem;
}

.se-tit h4 {
	font-size: .2813rem;
	font-weight: 700;
	text-transform: uppercase;
}

.se2-con {
	margin-top: .4583rem;
}

.se2-item {
	width: 32.06%;
	margin-bottom: .0833rem;
	background-color: #fff;
	border-radius: .0781rem;
	border: 3px solid #ED7030;
	padding: .349rem .2083rem;
}

.se2-item-top {
	border-bottom: 2px solid #ED7030;
	padding-bottom: .1875rem;
	justify-content: start;
	align-items: center;
}

.se2-item-pic {
	background: #ED7030;
	width: .6302rem;
	height: .6302rem;
	padding: .1042rem;
	margin-right: .2865rem;
}

.se2-item-txt {
	flex: 1;
}

.se2-item-txt h4 {
	font-size: .1354rem;
	font-weight: bold;
	line-height: 1.2;
}

.se2-item-con {
	margin-top: .3229rem;
}

.se2-item-con p {
	font-size: .0938rem;
	opacity: 0.7;
	margin-bottom: .1042rem;
}

.se2-item-con p em {
	margin-right: .0521rem;
	width: .026rem;
	height: .026rem;
	background-color: #000;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

.se4 {
	margin: .9115rem 0;
}

.se4-top p {
	font-size: .0938rem;
	opacity: 0.7;
	width: 40%;
}

.se4-con {
	margin-top: .3385rem;
}

.se4-con::before {
	width: 31.81%;
	content: '';
	display: block;
}

.se4-item {
	width: 31.81%;
	margin-bottom: .4167rem;
}

.se4-item-pic {
	border-radius: .1042rem .1042rem 0 0;
	margin-bottom: .3594rem;
	overflow: hidden;
}

.se4-item-txt h4 {
	font-size: .1354rem;
	margin-bottom: .1042rem;
	font-weight: bold;
}

.se4-item-txt p {
	font-size: .0938rem;
	opacity: 0.7;
}

.se4-pa {
	background: #EE6F1B;
	left: 0;
	top: 1rem;
	padding: .7917rem 0;
	width: 37%;
}

.se4-pa p {
	font-size: .1875rem;
	color: #fff;
	width: 60%;
	margin: 0 auto;
}

.se5 {
	margin-bottom: -.2604rem;
	z-index: 1;
}

.se5-con {
	background-color: #fff;
	border-radius: .2604rem;
	overflow: hidden;
	padding: .2604rem;
}

.footer {
	position: relative;
	background-color: rgba(0, 0, 0, .05);
}

/* 新增的马桶介绍页面样式 */
.toilet-intro-section {
	padding: .3125rem 0;
	background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
	font-family: 'Arial', sans-serif;
}

.intro-container {
	max-width: 6.25rem;
	margin: 0 auto;
	padding: 0 .1042rem;
}

.intro-header {
	text-align: center;
	margin-bottom: .3125rem;
}

.intro-header h1 {
	font-size: .2865rem;
	color: #2c3e50;
	margin-bottom: .1042rem;
	font-weight: 700;
	letter-spacing: -0.0026rem;
}

.intro-header p {
	font-size: .1042rem;
	color: #7f8c8d;
	max-width: 4.1667rem;
	margin: 0 auto;
	line-height: 1.6;
}

.intro-card {
	background: #fff;
	border-radius: .0625rem;
	box-shadow: 0 .0521rem .1563rem rgba(0, 0, 0, 0.08);
	padding: .2083rem;
	margin-bottom: .2083rem;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.intro-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.intro-card h2 {
	font-size: .2083rem;
	color: #e47830;
	margin-bottom: .1302rem;
	position: relative;
	padding-bottom: .0781rem;
}

.intro-card h2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: .4167rem;
	height: .0208rem;
	background: #e47830;
	border-radius: .0104rem;
}

.intro-card p {
	font-size: .0938rem;
	line-height: 1.8;
	color: #34495e;
	margin-bottom: .1042rem;
}

.features-list {
	list-style: none;
	padding-left: 0;
}

.features-list li {
	padding: .0625rem 0;
	font-size: .1042rem;
	color: #2c3e50;
	display: flex;
	align-items: flex-start;
}

.features-list li:before {
	content: "✔";
	color: #2ecc71;
	font-weight: bold;
	margin-right: .0781rem;
	font-size: .1042rem;
}

.features-list-2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: .1042rem;
	margin-top: .1042rem;
}

.feature-item {
	background: #f8f9fa;
	padding: .1042rem;
	border-radius: .0417rem;
	border-left: .0208rem solid #e47830;
}

.feature-item h4 {
	color: #2c3e50;
	margin-top: 0;
	margin-bottom: .0521rem;
	font-size: .2083rem;
}

.feature-item p {
	margin-bottom: 0;
	font-size: .0938rem;
}

.cta-section {
	text-align: center;
    padding: 0.3125rem 0;
    background: linear-gradient(180deg, #e47830 0%, #fff 100%);
    color: white;
    margin-top: 0.2083rem;
	border-radius: .1042rem;
}

.cta-section h2 {
	font-size: .2083rem;
	margin-bottom: .1042rem;
}

.cta-section p {
	font-size: .0938rem;
	max-width: 3.6458rem;
	margin: 0 auto .1563rem;
	line-height: 1.3;
	color: #fff;

}



.btn {
	display: inline-block;
	padding: .0781rem .2083rem;
	background: #182856;
	color: white;
	text-decoration: none;
	border-radius: .2604rem;
	font-size: .0938rem;
	font-weight: 600;
	transition: all 0.3s ease;
}

.btn:hover {
	background: #e47830;
	color: white;
	transform: translateY(-3px);
	box-shadow: 0 .0521rem .1042rem rgba(0, 0, 0, 0.15);
}

.target-audience {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: .1042rem;
	margin-top: .1042rem;
}

.audience-item {
	background: #182856;
	padding: .1042rem;
	border-radius: .0417rem;
	text-align: center;
	font-size: .0938rem;
	color: #fff;
}

.audience-item:before {
	content: "→";
	display: block;
	font-size: .0938rem;
	color: #fff;
	margin-bottom: .0521rem;
}

.water-saving {
	display: inline-block;
	background: #e8f5e9;
	color: #27ae60;
	padding: .026rem .0781rem;
	border-radius: .1042rem;
	font-weight: 600;
	margin: .0521rem 0;
}

 /* 新增样式 */
 .oem-container {
	max-width: 1200px;
	margin: .4167rem auto;
	padding: .1042rem;
	background: white;
	border-radius: .0521rem;
	box-shadow: 0 .026rem .0781rem rgba(0,0,0,0.1);
}

.oem-title {
	text-align: center;
	color: #e47830;
	font-size: 2.2em;
	margin-bottom: .1563rem;
	font-weight: bold;
	position: relative;
}



.oem-title:after {
	content: '';
	display: block;
	width: .4167rem;
	height: .0208rem;
	background: #e47830;
	margin: .0781rem auto;
	border-radius: .0104rem;
}

.oem-content {
	line-height: 1.8;
	color: #333;
	font-size: 1.1em;
}

.oem-section {
	margin: .1563rem 0;
	padding: .1302rem;
	border-radius: .0417rem;
	background: #fafafa;
	border-left: .0208rem solid #e47830;
}

.oem-section h2 {
	color: #e47830;
	font-size: 1.6em;
	margin-top: 0;
	margin-bottom: .0781rem;
}

.oem-section ul {
	padding-left: .1302rem;
}

.oem-section li {
	margin-bottom: .0521rem;
	position: relative;
	padding-top: .0417rem;
}

.oem-section li:before {
	content: '•';
	color: #e47830;
	font-size: 1.5em;
	position: absolute;
	left: -0.1042rem;
	top: 0;
}

.oem-highlights {
	background: #fff;
	padding: .1042rem;
	border-radius: .0417rem;
	margin: .1042rem 0;
	border: 1px solid #eee;
}

.highlight-text {
	color: #e47830;
	font-weight: bold;
}

.section-number {
	display: inline-block;
	background: #e47830;
	color: white;
	width: .1563rem;
	height: .1563rem;
	border-radius: 50%;
	text-align: center;
	line-height: .1563rem;
	margin-right: .0521rem;
}
/*分类页新样式*/

.pro-new-content{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
.product-new-menu{
	width: 20%;
}
.product-list{
	width: 77%;
}
.product-list ul li:nth-child(5n){
	margin-right:1%;
}
.product-list ul li{
	width: calc(92%/4);
	margin: 0 1% 1% 0;
}
.product-new-menu{
	background: #fff;
	border-radius: 10px;
	padding: 20px 20px;
	box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);
}
.product-new-menu-tit h4{
	font-size: 22px;
	color: #333;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	padding-top: 15px;
}
.product-new-menu-item{
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}
.product-new-menu-item a{ 
	font-size: 18px;
	color: #333;
}
.product-new-menu-item .product-new-menu-item-top a:hover,
.product-new-menu-item.on .product-new-menu-item-top a{
	color: #e47830;
}
.product-new-menu-item span::before{
	content: '+';
	display: block;
	font-size: 20px;
}
.product-new-menu-item.on span::before{
	content: '-';
}

.product-new-menu-item-list{
    padding-left: 15px;
	padding-top: 15px;
	display: none;
}
.product-new-menu-item.on .product-new-menu-item-list{
	display: block;
}

.product-new-menu-item-list a{
	font-size: 16px;
	padding-bottom: 15px;
	display: block;
}
.product-new-menu-item-list a:hover,
.product-new-menu-item-list a.on{
	color: #e47830;
}
.product-new-menu-item-top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
/* 固定菜单样式 */
.fixed-menu {
    position: fixed;
	top: 100px;
    width: auto; /* 或根据您的布局设置合适的宽度 */
    z-index: 1000;
    background-color: #fff; /* 确保背景色覆盖下方内容 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* 添加阴影以区分于页面其他部分 */
	padding: 20px;
	border-radius: 10px;
}
/* 如果需要为固定状态下的菜单设置特定样式 */
.fixed-menu .product-new-menu-list {
    max-height: calc(100vh - 60px); /* 考虑标题高度 */
    overflow-y: auto;
}

.pro-new-box{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.pro-new-box-list{
	width: 77%;
}
.pro-new-box .product-new-menu{
	margin-top: 0.2604rem;
}

.news-tab{
	margin: 0 auto 50px;
	display: flex;
	align-items: flex-start;
    justify-content: center;
}
.news-tab-item{
	font-size: 18px;
	padding: 18px;
	text-align: center;
	line-height: 1;
	border-radius: 50px;
	margin: 0 10px;
	border: 1px solid #e47830;
	color: #e47830;
	overflow: hidden;
}
.news-tab-item.active,.news-tab-item:hover{
	background-color: #e47830;
	border: 1px solid #e47830;
	color: #fff;
	
}