@charset "utf-8";
*, html, body, h1, h2, h3, h4, h5, h6, th, td, ul, li, dl, dt, dd, div, p, pre, form, input, button, textarea, hr {
	margin: 0px;
	padding: 0px;
	border: 0px
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

html {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden
}

@font-face {
	font-family: OpenSans;
	src: url('../font/OpenSans-Regular.ttf') format('truetype');
}

body {
	margin: 0px auto;
	font-size: 16px;
	color: #000;
	line-height: 1.7;
	font-style: normal !important;
	font-family: OpenSans, sans-serif !important;
}

textarea {
	font-style: normal !important;
	font-family: OpenSans, sans-serif !important;
}

input {
	font-style: normal !important;
	font-family: OpenSans, sans-serif !important;
}

ol, ul {
	list-style: none
}

img {
	border: none;
	height: auto
}

blockquote, q {
	quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #000;
	text-decoration: none
}

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

.header {
	position: relative;
	width: 100%;

}

.top {
	width: 100%;
	background: #ffffff;
}

.header .header-top {
	display: flex;
	height: 60px;
	width: 80%;
	margin: 0 auto;
	background-color: #FFF;
	align-items: center;
}

.topTxt {
	flex:2;
	font-size: 26px;
	line-height: 25px;
}

.navTopTxt {
	display: none;
}

.header .header-top .mailclock {
	display: flex;
	max-width: 600px;
	height: 46px;
	justify-content: center;
	align-items: center
}

.clock, .header .header-top .mailclock .mail {
	display: inline-block;
	display: flex;
	margin-left: 35px;
	color: #000;
	font-size: 16px;
	align-items: center;
	white-space: nowrap;
}

.header .header-top .mailclock .mail img {
	margin-right: 5px;
	width: 30px;
	height: 30px
}

.header .header-top .mailclock .clock img {
	margin-right: 5px;
	width: 30px;
	height: 30px
}

.header .header-top .translation {
	position: absolute;
	top: 5px;
	right: 11.5%
}

.logo {
	height: 70px;
	margin-right: 30%;
}

.header .logo {
	float: left;
	position: relative;
}

.header .logo .logo1 {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}

.navMain {
	background: #2f4b56;
}

.navMain img {
	margin-left: auto;
	margin-right: 10px;
}

.search span {
	color: #ffffff;
}

.header nav {
	position: relative;
	display: flex;
	width: 100%;
	margin: 0 auto;
	height: 70px;
	background: #2f4b56;
	align-items: center;
	justify-content: center
}

.header .navImg {
	position: absolute;
	top: 50%;
	right: 50px;
	z-index: 26;
	display: none;
}

.header nav .navNav {
	width: 80%;
	height: 100%;
}

.header nav div .nav {
	display: flex;
	width: 90%;
	height: 100%;
	justify-content: space-between;
	align-items: center
}

.header nav .navNav .nav > li {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.header nav .navNav .nav > li:nth-child(1) {
	display: none;
	border-bottom: none
}

.header nav .navNav .nav .nav > li:nth-child(1) {
	display: block;
}

.header nav .navNav ul li:nth-child(1) input {
	padding-left: 10px;
	width: 92%;
	height: 59px;
	border: 1px solid #DDD;
	font-size: 24px
}

.header nav div .nav > li a {
	display: flex;
	height: 100%;
	color: #FFF;
	white-space: pre;
	align-items: center;
	font-size: 18px
}

.header nav div .nav li a:hover {
	color: #e0810a
}

.header nav div .nav > li a.inmenu_1 {
	color: #FEDF00
}

.header nav div .nav .sub-menu li a {
	padding: 0px 15px;
	font-size: 16px
}

.header nav .navNav .nav > li {
	position: relative
}

.header nav .navNav .nav > li i {
	position: absolute;
	right: -17px;
	color: #FFF;
	display: none
}

.header nav .navNav .nav > li .sub-menu {
	position: absolute;
	top: 70px;
	z-index: 9;
	display: none;
	background-color: #2f4b56;
}

.header nav .navNav .nav > li:hover .sub-menu {
	display: block
}

.header nav .navNav .nav > li .sub-menu li {
	display: block;
	height: 35px;
	color: #FFF;
	white-space: nowrap
}

#pro-wrapper {
	flex-direction: row;
}

#pro-wrapper li {
	margin-top:0;
}

@media (min-width: 768px) {
	.header nav .navNav .nav > li:hover .icon-jiantouyou {
		color: #FEDF00;
		transform: rotate(90deg)
	}
}

.search {
	position: relative;
	display: flex;
	width: 27px;
	height: 27px;
	cursor: pointer;
	align-items: center;
}

.search #txtSearch {
	position: absolute;
	top: 49px;
	right: 0;
	display: none;
	padding-left: 15px;
	width: calc(100vw / 1.4);
	height: 40px;
	outline: 0;
	border: none;
	border-radius: 20px;
	font-size: 18px;
}

.search img {
	margin-right: 10px;
}

.banner {
	width: 100%
}

.banner .bannerImg {
	border: none;
	height: auto;
	background: #2f4b56;
}

.banner img {
	width: 100%;
	height: auto;
    vertical-align: bottom;
}

#banner-button-prev {
	position: absolute;
	margin-top: 16%;
	margin-left: 5%;
	color: #e0810a;

	/*!*position: absolute; */
	/*margin-top:16%; */
	/*margin-left:5%; */
	/*color:#e0810a;*!*/
	/*!*background-color: #333333;*!*/
	/*!*width: 45px;*!*/
	/*!*border-radius: 5px;*!*/
	/*!*opacity: .35;*!*/
	/*!*cursor: auto;*!*/
}

#banner-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none!important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;

	/*color: #FFFFFF;*/
	/*font-size: 18px;*/
	/*background-color: #333333;*/
}

#banner-button-next {
	position: absolute;
	margin-top: 16%;
	margin-right: 5%;
	color: #e0810a;

	/*position: absolute;*/
	/*margin-top:16%;*/
	/*margin-right:5%;*/
	/*color:#e0810a;*/
	/*background-color: #333333;*/
	/*width: 45px;*/
	/*border-radius: 5px;*/
	/*opacity: .35;*/
	/*cursor: auto;*/
}

#banner-button-next:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none!important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;

	/*color: #FFFFFF;*/
	/*font-size: 18px;*/
	/*background-color: #333333;*/
}

#banner-pagination {
	position: absolute; top:50%; margin-top:28%;
}

.introduction {
	padding-bottom: 50px;
	overflow: hidden;
	text-align: center
}

.introduction .hello {
	position: relative;
	margin: 0px auto;
	width: 80%
}

.introduction .hello img {
	width: 100%;
	height: auto
}

.introduction .hello p {
	position: absolute;
	top: 30%;
	left: 50%;
	color: #FFF;
	font-size: 18px;
	transform: translateX(-50%)
}

.introduction .hello p::after {
	position: absolute;
	top: 50%;
	left: -162px;
	width: 120px;
	height: 1px;
	background-color: #FFF;
	content: ''
}

.introduction .hello p::before {
	position: absolute;
	top: 50%;
	right: -162px;
	width: 120px;
	height: 1px;
	background-color: #FFF;
	content: ''
}

.introduction .welcome {
	margin: 50px auto 0px;
	width: 40%
}

.introduction .welcome p {
	margin-bottom: 10px;
	color: #000;
	font-size: 30px;
	text-transform: capitalize
}

.introduction .welcome span {
	display: inline-block;
	display: -webkit-box;
	overflow: hidden;
	width: 100%;
	color: #333;
	font-size: 16px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6
}

.introduction .hellobtn {
	margin-top: 20px
}

.introduction .hellobtn a {
	display: inline-block;
	padding: 6px 30px;
	border: 1px solid #FEDF00;
	border-radius: 35px;
	background-color: #FEDF00;
	color: #214c96
}

.introduction .hellobtn a:nth-child(1) {
	margin-right: 30px
}

.introduction .hellobtn a:hover {
	border: 1px solid #214c96;
	background-color: #FFF;
	transition: .5s
}

.case {
	padding: 50px 0px;
	overflow: hidden;
	background-color: #FAFAFA;
	text-align: center
}

.case .ourcase p {
	margin: 0px auto;
	color: #000;
	font-size: 30px;
	text-transform: capitalize
}

.case .ourcase span {
	color: #555;
	font-size: 26px
}

.case .caseItem {
	margin: 0px auto;
	width: 80%
}

.case ul {
	display: flex;
	margin-top: 30px;
	width: 100%;
	justify-content: space-between
}

.case ul li {
	padding: 15px;
	width: 30%;
	background-color: #FFF
}

.case ul li:hover {
	background-color: #214c96;
	transition: 1s
}

.case ul li:hover p {
	color: #FFF
}

.case ul li:hover span {
	color: #FFF
}

.case ul li img {
	width: 100%;
	margin-top:10px;
	height: auto;
	border-radius:10px;
}

.case ul li p, .case .caseItem ul li p {
	margin-bottom:5px;
	margin-top: 5px;
	display: inline-block;
	color: #000;
	font-size: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 90%;
}

.case ul li span, .case .caseItem ul li span {
	display: inline-block;
	display: -webkit-box;
	overflow: hidden;
	margin-top: 10px;
	color: #555;
	font-size: 16px;
	line-height: 1.7;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.case ul li a, .case .caseItem ul li a {
	padding: 2% 2%;
	border-radius:10px;
	background: #ffffff;
	color: #214c96;
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.case ul li a:hover, .case .caseItem ul li a:hover {
	border: 1px solid #2f4b56;
	border-radius:10px;
	transition: .5s
}

.product {
	padding-top: 50px;
	overflow: hidden;
	text-align: center
}

.product .productTop p {
	margin: 0px auto;
	color: #000;
	font-size: 30px;
	text-transform: capitalize
}

.product .productTop span {
	color: #555;
	font-size: 26px;
}

@media (max-width:768px) {
	.case .ourcase span {
		font-size: 20px;
		padding: 0px 5px;
	}

	.product .productTop span {
		font-size: 20px;
		padding: 0px 5px;
	}
}

.swiper-pro-show {
	width:80%;
}

.ad {
	width:100%;
	text-align:center;
	line-height:0;
	background: #2f4b56;
}

.ad img {
	width:80%;
	margin:0 auto;
}

.video {
	width:80%;
	margin:0 auto;
}

.video_play {
	width:50%;
	float:left;
}

.video_play video {
	width:100%;
	float:left;
}

.video .more {
	width:100%;
	float:left;
}

.more_video {
	width:30%;
	margin:0 auto;
	margin-top:20px;
	padding-top:10px;
	padding-bottom:15px;
	text-align:center;
	background:#e0810a;
	border-radius:5px;
	color:#ffffff;
}

.video_txt {
	width:50%;
	float:right;
}

#pro-button-prev {
	position: absolute; margin-top:17%; margin-left:5%; color:#e0810a;
}

#pro-button-next {
	position: absolute; margin-top:17%; margin-right:5%; color:#e0810a;
}

@media (max-width:1024px) {
	#pro-button-prev {
		display:none;
	}

	#pro-button-next {
		display:none;
	}
}

.productItem {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.product .productItem ul {
	display: flex;
	margin: 30px auto 50px auto;
	width: 100%;
	height: auto;
}

.product .productItem ul a {
	display: contents;
}

.product .productItem ul li {
	position: relative;
	overflow: hidden;
	width: 19%;
	height:auto;
}

.product .productItem ul li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #DDD;
}

.product .productItem ul li a .loaded {
	width: 100%
}

.product .productItem ul li .more {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(33, 76, 150, .3);
	opacity: 0
}

.product .productItem ul li:hover .more {
	opacity: 1;
	transition: .4s
}

.product .productItem ul li div .more {
	position: absolute;
	width: 100%;
	height: 100%;
}

.product .productItem ul li div .more p {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	border-radius: 50%;
	background: #FEDF00;
	color: #214c96;
	font-size: 18px;
	line-height: 100px;
	transform: translate3d(-50%, -50%, 0)
}

.product .productItem ul li div div {
	width: 100%;
	background-color: #2f4b56;
	height: 40px;
}

.product .productItem ul li div span {
	position: absolute;
	bottom: 0;
	left: 50%;
	overflow: hidden;
	width: 90%;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 17px;
	line-height: 40px;
	transform: translateX(-50%)
}

.product .statistics {
	margin: 0px auto;
	padding: 40px 0px;
	width: 100%;
	float:left;
}

.product ul {
	display: flex;
	margin: 0px auto;
	width: 100%;
	/*justify-content: space-around*/
}

.product ul li span {
	display: inline-block;
	color: #FEDF00;
	font-size: 36px;
}

.product ul li p {
	color: #FFF;
	font-size: 18px;
}

.video_button {
	width:100%;
	float:left;
}

.video_left {
	width:50%;
	float:left;
}

.video_right {
	width:50%;
	float:right;
}

.video_txt ul {
	width:100%;
	padding:0;
	margin:0;
	margin-top:25px;
	display:block;
	line-height:2.5;
	font-size:28px;
}

.video_txt ul li {
	width:90%;
	float:right;
	text-align:left;
	color:#ffffff;
	font-size:28px;
	border-bottom:5px solid #e0810a;
}

.video_txt ul li:first-child {
	width:100%;
	text-align:center;
	color:#e0810a;
	border:0;
}

@media (max-width: 1441px) {
	.video_txt ul {
		line-height:2.2;
		margin-top:35px;
	}

	.video_txt ul li {
		font-size:22px;
	}
}

@media (max-width: 1025px) {
	.video {
		display:none;
	}

	.video_play {
		width:100%;
		float:left;
		margin-top: 20px;
	}

    .video_txt {
	    width:100%;
	    float:left;
	}

    .video_txt ul li {
        text-align:center;
	    width:100%;
    }

    .video_left {
	    width:100%;
	    float:left;
    }

	.video_right {
		width:100%;
		float:left;
	}
}

@media (min-width: 1025px) {
	.video_min {
		display:none;
	}
}

@media (max-width:768px) {
	.video_txt {
		margin-top:30px;
	}
	.video_txt ul {
		line-height: 1.5;
	}
	.more_video {
		width:50%;
	}
	.video_right {
		margin-bottom:30px;
	}
}

.video_min {
	width:80%;
	margin:0 auto;
}

.strength {
	padding-top: 50px;
	text-align: center;
}

.strength .ourStrength p {
	width: 80%;
	margin: 0px auto;
	color: #000;
	font-size: 30px;
	text-transform: capitalize;
	border-bottom:5px solid #e0810a;
}

.strength .ourStrength span {
	color: #555;
	font-size: 16px
}

.strengthItem {
	margin: 30px auto 0px auto;
	width: 80%
}

.strengthItem ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

@media (max-width:1025px) {
	.strengthItem ul li {
		width: 54%;
	}
}

.strengthItem ul li {
	box-sizing: border-box;
	padding: 15px;
	width: 32%;
	border: 1px solid #DDD;
	background: #FFF
}

.strengthItem ul li:hover {
	background-color: #214c96;
	transition: .6s
}

.strengthItem ul li:hover .text {
	border: 2px solid #FEDF00;
	background-color: #214c96;
	background-size: 0;
	transition: .5s
}

.strengthItem ul li:hover .text p {
	color: #FEDF00
}

.strengthItem ul li:hover .text span {
	color: #FFF
}

.strengthItem ul li .text {
	width: 100%;
	height: 100%;
	border: 2px solid #FFF;
	background: linear-gradient(to left, #FEDF00, #FEDF00) left top no-repeat, linear-gradient(to bottom, #FEDF00, #FEDF00) left top no-repeat, linear-gradient(to left, #FEDF00, #FEDF00) right bottom no-repeat, linear-gradient(to left, #FEDF00, #FEDF00) right bottom no-repeat;
	background-color: #e8e8e8;
	background-size: .15rem 3rem, 4rem .15rem
}

.strengthItem ul li .text img {
	margin-top: 50px
}

.strengthItem ul li .text p {
	color: #000;
	font-size: 20px
}

.strengthItem ul li .text span {
	display: -webkit-inline-box;
	overflow: hidden;
	margin-bottom: 50px;
	width: 70%;
	color: #555;
	font-size: 16px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.latestNews {
	margin: 50px auto;
	width: 80%
}

.latestNews .latestNewsTitle {
	text-align: center;
	text-transform: capitalize
}

.yellow {
	border-bottom: 5px solid #e0810a;
}

.latestNews .latestNewsTitle .yellow {
	margin: 0px auto;
	color: #000;
	font-size: 30px;
	text-transform: capitalize
}

.latestNews .latestNewsTitle .blue {
	color: #555;
	font-size: 16px
}

.latestNews .latestNewsList ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.latestNews .latestNewsList ul a {
	display: contents
}

.latestNews .latestNewsList ul li {
	display: flex;
	margin-top: 30px;
	width: 32%;
	box-shadow: 0 0 2px #e0810a;
	justify-content: space-between
}

.latestNews .latestNewsList ul li:hover {
	box-shadow: 0 0 9px #e0810a;
	transition: .5s;
	transform: translateY(-5px)
}

.latestNews .latestNewsList ul li .latestNewsListT {
	display: flex;
	padding: 15px;
	min-width: 20%;
	background-color: #2f4b56;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap
}

.latestNews .latestNewsList ul li .latestNewsListT p {
	color: #e0810a;
	font-size: 28px
}

.latestNews .latestNewsList ul li .latestNewsListT div {
	display: inline-block;
	width: 90%;
	height: 1px;
	background-color: #e0810a;
}

.latestNews .latestNewsList ul li .latestNewsListT span {
	color: #e0810a;
	font-size: 13px
}

.latestNews .latestNewsList ul li .latestNewsListB {
	padding: 2% 2%;
	width: 73%;
	background-color: #FFF;
	overflow: hidden;
}

.latestNews .latestNewsList ul li .latestNewsListB p {
	display: -webkit-box;
	overflow: hidden;
	margin-bottom: 10px;
	max-height: 1.4em;
	font-size: 18px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.latestNews .latestNewsList ul li .latestNewsListB span {
	display: -webkit-box;
	overflow: hidden;
	color: #555;
	font-size: 16px;
	line-height: 1.5;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

footer {
	padding: 15px 0px 0px;
	background: #2f4b56;
	background-size: cover
}

footer p {
	border-bottom: 3px solid #e0810a;
}

.breadcrumbs {
	color: #ffffff;
	width: 80%;
	padding-bottom: 8px;
	margin: 0 auto;
	margin-bottom: 20px;
	border-bottom: 3px solid #e0810a;
}

.breadcrumbs a {
	color: #ffffff;
}

footer .footerTop {
	display: flex;
	margin: 0 auto;
	margin-bottom: 15px;
	width: 80%;
	justify-content: space-between
}

footer .footerTop > div {
	width: 23%;
}

footer .footerLeft div p {
	margin-bottom: 10px;
	color: #FEFEFE;
	font-size: 20px;
	text-transform: capitalize
}

footer .footerLeft > div > div {
	margin-bottom: 15px;
	height: 2px;
	border-left: 100px solid #FEDF00;
	background-color: #2759AE
}

footer .footerTop .footerLeft ul {
	margin-top: 20px
}

footer .footerTop .footerLeft .footerLeftT li {
	display: flex;
	color: #FFF;
	font-size: 16px;
	align-items: flex-start;
}

footer .footerTop .footerLeft .footerLeftT li span, footer .footerTop .footerLeft .footerLeftT li span a {
	color: #FFF
}

footer .footerTop .footerLeft ul:nth-child(3) {
	display: flex
}

footer .footerTop .footerLeft ul:nth-child(3) li {
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255, 255, 255, 0);
	border-radius: 50%
}

footer .footerTop .footerLeft ul:nth-child(3) li:hover {
	box-sizing: border-box;
	border: 1px solid #FFF;
	transition: .5s
}

footer .footerTop .footerLeft ul:nth-child(3) li a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center
}

footer .footerTop .footerLeft ul:nth-child(3) li a i {
	color: #FFF;
	font-size: 20px
}

footer .footerLeftT li img {
	margin-right: 12px
}

footer .footerLeftT a {
	word-break: break-all;
}

footer .footerCenter .footerTitle p {
	margin-bottom: 10px;
	color: #FEFEFE;
	font-size: 20px;
	text-transform: capitalize
}

.footerCenter li {
	display: flex;
}

.footerCenter li a {
	flex: 1;
}

footer .footerCenter .footerTitle div {
	margin-bottom: 15px;
	height: 2px;
	border-left: 100px solid #FEDF00;
	background-color: #2759AE
}

footer .footerCenter .fnav li a {
	color: #FFF;
	font-size: 16px
}

footer .footerCenter .center {
	color: #FFF;
	font-size: 16px;
	line-height: 27px
}

footer .footerCenter .center p {
	margin-left: 10px;
	color: #FEDF00
}

footer .footerCenter .center ul {
	display: flex;
	margin-top: 63px;
	width: 150px;
	justify-content: space-between
}

footer .footerRight .footerTitle p {
	margin-bottom: 10px;
	color: #FEFEFE;
	font-size: 20px;
	text-transform: capitalize
}

footer .footerRight .footerTitle div {
	margin-bottom: 15px;
	height: 2px;
	border-left: 100px solid #FEDF00;
	background-color: #2759AE
}

footer .footerRight .center {
	margin-bottom: 20px;
	color: #FFF;
	font-size: 16px;
	line-height: 21px
}

footer .footerRight span a {
	display: inline-block;
	padding: 6px 20px;
	border: 1px solid #e0810a;
	border-radius: 5px;
	background-color: #e0810a;
	color: #083584;
	font-size: 14px
}

footer .footerRight span a:hover {
	border: 1px solid #e0810a;
	background-color: #e0810a;
	transition: .5s
}

footer .footerBottom {
	padding: 20px 0px;
	font-size: 14px;
	color: #FEFEFE;
	width: 100%;
	background-color: #293f4c;
	text-align: center
}

footer .footerBottom a {
	margin-left: 10px;
	color: #FEFEFE;
	font-size: 14px
}

.aboutList {
	overflow: hidden;
	margin: 40px auto 80px;
	width: 85%
}

.aboutContent {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.aboutContent ul {
	display: flex;
	margin-top: 20px;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap
}

.aboutContent ul .liImg {
	width: 57%
}

.aboutContent ul .liImg img {
	width: 100%;
	height: 100%
}

.aboutContent ul .liText {
	display: flex;
	width: 40%;
	align-items: center
}

.aboutContent ul .liText > div {
	width: 100%
}

.aboutContent ul .liText p {
	position: relative;
	display: -webkit-box;
	overflow: hidden;
	margin-bottom: 20px;
	color: #214c96;
	font-size: 25px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.aboutContent ul .liText p::before {
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 31px;
	height: 2px;
	background: #B7B7B7;
	content: ''
}

.aboutContent ul .liText > div > div {
	display: -webkit-box;
	overflow: hidden;
	width: 100%;
	color: #333;
	font-size: 16px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7
}

.productBanner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 0;
	min-height: 200px;
}

.productBanner img {
	width: 100%
}

.productBannerTitle {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.productBannerTitle span:first-child {
	color: #FFF;
	font-size: 14px
}

.productBannerTitle h1, .productBannerTitle h2 {
	color: #FFF;
	font-size: 32px
}

.productBannerTitle span:nth-child(2) {
	color: #FFF;
	text-transform: capitalize
}

.productBannerTitle .bPosition {
	display: inline-block
}

.productMain {
	display: flex;
	overflow: hidden;
	margin: 30px auto 0px;
	width: 80%
}

.productSide {
	margin-right: 60px;
	width: 340px
}

.productList {
	flex: 1
}

.productSide .productSideTop {
	margin-bottom: 20px;
	border: 1px solid #2f4b56;
}

.productSide .productSideTop .sf-menu .menu-item {
	position: relative;
	padding-left: 10px;
	border-bottom: 1px solid #DDD
}

.productSide .productSideTop .sub-menu {
	display: none;
	padding: 0 10px
}

.productSide .productSideTop .sub-menu li:hover a {
	color: #FEDF00
}

.productSide .productSideTop .sf-menu .menu-item i {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 16px;
	color: #333;
}

.iconaddsub {
	width: 20px;
	height: 20px;
	background-image: url("../images/add.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.iconaddsub:hover {
	/*background-image: url("../images/sub.png");*/
}

@media (min-width: 1025px) {
	.productSide .productSideTop .sf-menu .menu-item:hover i {
		color: #FEDF00;
		transition: .3s;
		background-image: url("../images/sub.png");
		/*transform: rotate(90deg)*/
	}

	.productSide .productSideTop .sf-menu .menu-item:hover .sub-menu {
		display: block
	}

	.productSide .productSideTop .sf-menu .menu-item:hover > a {
		color: #FEDF00 !important
	}
}

.productSide .productSideTop .sf-menu .menu-item a {
	color: #0f2730;
	font-size: 16px;
	line-height: 40px
}

.is-active {
	color: #FEDF00 !important
}

.productSide .productSideTop .TitleName {
	padding: 10px;
	background: #2f4b56;
	color: #FFF;
	font-size: 20px;
	text-align: center;
}

.productSide .productSideTop .productSideTopContent > div {
	position: relative;
	padding: 0 70px 0 29px;
	border-bottom: 1px solid #DDD;
	color: #000;
	font-size: 16px;
	line-height: 43px
}

.productSide .productSideTop .productSideTopContent > div:nth-child(4) {
	border: none
}

.productSide .productSideTop .productSideTopContent > div .Triangle {
	position: absolute;
	top: 16px;
	right: 20px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #333
}

.productSide .productSideTop .productSideTopContent > div:nth-child(2):hover .Triangle, .productSide .productSideTop .productSideTopContent > div:nth-child(3):hover .Triangle {
	position: absolute;
	top: 16px;
	right: 20px;
	width: 0;
	height: 0;
	border-top: 6px solid #FEDF00;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent
}

.productSide .productSideTop .productSideTopContent > div > ul {
	display: none;
	color: #000;
	font-size: 16px;
	line-height: 43px
}

.productSide .productSideTop .productSideTopContent > div > ul li {
	margin-left: 20px
}

.productSide .productSideTop .productSideTopContent > div > ul > li > a:hover {
	color: #FEDF00
}

.productSide .productSideTop .productSideTopContent > div:hover > ul {
	display: block
}

.productSide .productSideTop .productSideTopContent > div:hover > a {
	color: #FEDF00
}

#productSideTopContent111 .productSideTopContentdiv1 > a {
	color: #FEDF00
}

#productSideTopContent111 .productSideTopContentul1 {
	display: block
}

#productSideTopContent111 .productSideTopContentul1 li:nth-child(2) a {
	color: #FEDF00
}

#productSideTopContent111 .productSideTopContentdiv1 .Triangle {
	position: absolute;
	top: 16px;
	right: 20px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #FEDF00
}

.productSideCenter .TitleName {
	margin-bottom: 20px;
	padding: 10px;
	background: #214c96;
	color: #FFF;
	font-size: 20px
}

.productSideCenter ul li {
	display: flex;
	margin-bottom: 20px;
	width: 100%;
	justify-content: space-between
}

.productSideCenter ul li .img {
	position: relative;
	display: flex;
	overflow: hidden;
	width: 40%;
	height: 100px;
	border: 1px solid #E5E5E5;
	justify-content: center;
	align-items: center
}

.productSideCenter ul li .img a {
	height: 100%
}

.productSideCenter ul li .img img {
	max-width: 100%;
	max-height: 100%
}

.productSideCenter ul li .text {
	width: 50%
}

.productSideCenter ul li .text p {
	overflow: hidden;
	margin-bottom: 8px;
	max-height: 5em;
	color: #000;
	font-size: 16px
}

.productSideCenter ul li .text span {
	color: grey;
	line-height: 16px;
	opacity: .71;
	ont-size: 16px;
	display: none
}

.productSideCenter ul li:hover .text p {
	color: #FEDF00;
	transition: .5s
}

.productSideCenter ul li:hover img {
	transition: .5s;
	transform: scale(1.2)
}

.productSideBottom .TitleName {
	margin-bottom: 20px;
	padding: 5px 0 5px 28px;
	background: #214c96;
	color: #FFF;
	font-size: 21px
}

.productSideBottom ul li {
	position: relative;
	margin-bottom: 30px;
	margin-left: 25px
}

.productSideBottom ul li span {
	position: absolute;
	left: 40px
}

.productSideBottom ul li span, .productSideBottom ul li span a {
	overflow: hidden;
	max-height: 3em;
	color: #333 !important;
	font-size: 16px;
	line-height: 21px
}

.Pagination {
	margin: 0px auto;
	margin-top: 40px;
	margin-bottom: 100px;
	width: 50%
}

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

.Pagination ul li {
	padding: 15px 10px;
	border: 1px solid #D9D9D9;
	color: #626262
}

.Pagination ul a {
	display: block;
	padding: 15px 27px;
	border: 1px solid #D9D9D9
}

.Pagination ul a:hover {
	background: #214c96;
	color: #FFF
}

.Pagination ul .ablue {
	background: #214c96;
	color: #FFF
}

.Pagination ul .li1-3 {
	border: none;
	color: #1B1B1B
}

.Feedback {
	margin: 0px auto;
	padding-top: 50px;
	width: 80%
}

.cart-title {
	font-size: 28px;
	border-bottom: 1px solid #2f4b56;
	margin-bottom: 15px;
	color: #2f4b56;
}

.Feedback .page-box .container > p {
	color: #000;
	font-size: 20px;
	line-height: 30px
}

.pro_table {
	width: 50%;
	min-width: 350px;
}

.pro_table td {
	border: 1px solid black;
	padding: 8px;
	font-weight: 600;
}

.inquiry-pro-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}

.inquiry-pro-item {
	display: flex;
	width: 49%;
	border: 1px solid #2f4b56;
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.inquiry-pro-item {
		width: 100%;
	}
}

.inquiry-pro-item .pro-item-img {
	display: flex;
	align-items: center;
	width: 30%;
}

.inquiry-pro-item .pro-item-img img {

}

.inquiry-pro-item .pro-item-name {
	display: flex;
	flex: 1;
	align-items: center;
	flex-wrap: wrap;
	width: 60%;
}

.inquiry-pro-item .pro-item-name p {
	width: 100%;
}

.inquiry-pro-item .pro-item-name a {
	padding: 10px 10px;
	display: block;
	word-break: break-all;
}

.pro-item-del {
	display: flex;
	width: 10%;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	background: #2f4b56;
}

.pro-item-del .icon-icon_close {
	color: #214c96
}

.icon-gouwuche:before {
	content: "\e682"
}

.page-r {
	max-width: 100vw
}

.page-r .page-tit {
	text-align: left
}

.products-ninelist-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 40px;
	flex-wrap: wrap
}

.products-ninelist-1 li {
	margin: 0 20px 20px 0;
	width: calc(20% - 20px);
}

.products-ninelist-1 li:nth-child(3n) {

}

.products-ninelist-1 li .products-list-img {
	position: relative;
	overflow: hidden;
	border: 1px solid #EAEAEA
}

.products-list-img a {
	display: flex;
	width: 100%;
	justify-content: center
}

.products-list-img .loaded {
	width: 100%;
	max-height: 400px
}

.products-ninelist-1 li .products-list-img .products-list-name {
	position: absolute;
	bottom: 20px;
	left: 50%;
	display: -webkit-box;
	overflow: hidden;
	width: 100%;
	color: #214c96;
	text-align: center;
	font-size: 20px;
	transform: translateX(-50%);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.products-ninelist-1 .products-item-name {
	display: flex;
	margin-bottom:5px;
	color: #214c96;
	font-size: 15px;
	line-height: 1;
	flex-wrap: wrap
}

.product-title {
	width: 100%;
	margin-top: 5px;
	color: #000;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.products-ninelist-1 .products-item-name .products-list-content {
	overflow: hidden;
	max-height: 3em;
	display: none
}

.products-ninelist-1 .products-item-name .products-list-name span {
	font-weight: 600
}

.products-item-bref {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	margin: 10px 0 20px;
	max-height: 42px;
	color: #555;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.products-add-inquirl {
	display: flex;
	width: 31px;
	height: 31px;
	border: 1px solid #2f4b57;
	border-radius: 20%;
	color: #2f4b57;
	cursor: pointer;
	align-items: center;
	justify-content: center
}

.products-ninelist-1 li:hover .products-list-img {
	box-shadow: 0 0 5px #CCC;
	transition: .5s
}

.products-ninelist-1 li:hover .products-list-img img {
	transition: .5s;
	transform: scale(1.1)
}

.pro-item-checked .products-item-name, .products-ninelist-1 li:hover .products-item-name {
	color: #214c96
}

.pro-item-checked .products-add-inquirl {
	background-color: #2f4b57;
	color: #FFF
}

.products-ninelist-1 li .products-list-box {
}

.products-ninelist-1 li .products-item-name {
	width: 100%;
	text-align: left;
}

.products-ninelist-1 li .products-item-name .products-list-name {
	overflow: hidden;
	max-height: 2em;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.products-ninelist-1 li .products-add-inquirl {
	float:right;
}

.products-ninelist-0 > li {
	display: flex;
	overflow: hidden;
	margin-bottom: 30px;
	border: 1px solid #EFEFEF;
	transition: all .3s ease-in-out;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}

.products-ninelist-0 > li .products-list-img {
	overflow: hidden;
	width: 25%
}

.products-ninelist-0 > li .products-list-img img {
	height: 100%;
	object-fit: cover
}

.products-ninelist-0 > li .products-list-box {
	padding: 10px;
	width: 69%
}

.products-ninelist-0 > li .products-item-name {
	display: block;
	margin: 0px;
	margin-bottom: 20px;
	font-size: 18px
}

.products-ninelist-0 > li .products-list-box .products-item-text {
	overflow: hidden;
	margin-bottom: 20px;
	max-height: 3.5em
}

.products-ninelist-0 > li .products-item-name .products-list-name {
	margin-bottom: 10px;
	max-height: 2em;
	font-size: 20px;
	overflow: hidden
}

.products-ninelist-0 > li .products-item-name .products-list-content {
	overflow: hidden;
	margin-bottom: 25px;
	font-size: 16px;
	color: #555;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4
}

.products-ninelist-0 > li:hover {
	box-shadow: 0 3px 10px 0 #EEE;
	transform: translateY(-6px)
}

.products-ninelist-0 > li:hover .products-item-name {
	color: #214c96
}

.pageing {
	display: flex;
	margin-bottom: 40px;
	text-align: center;
	line-height: 130%;
	justify-content: center;
	align-items: baseline;
	flex-wrap: wrap
}

.pageing a, .pageing span {
	display: inline-block;
	margin: 5px;
	padding: 10px 0px;
	border: 1px solid #D9D9D9;
	font-size: 16px;
	width: 40px
}

.pageing {
	color: #888585;
	font-size: 14px
}

.pageing .ctxt {
	background-color: #2f4b56;
	color: #FFF;
	width: 40px
}

.pageing a:hover {
	background-color: #2f4b56;
	color: #FFF;
	transition: .5s
}

.procateword {
	padding: 0 10px;
	background: #FCFCFC;
	font-size: 16px;
	line-height: 1.6
}

.protype-text {
	padding-top: 4px
}

.keywords.proCateTags a {
	display: inline-block;
	margin: 6px 8px 6px 0;
	padding: 2px 14px 4px;
	border-radius: 20px;
	background: #214c96;
	color: #FFF;
	font-size: 16px;
	transition: all .2s ease-in-out
}

.keywords.proCateTags a:hover {
	background-color: #F6B22A
}

.tips {
	position: fixed;
	top: 20%;
	left: 50%;
	margin: -32px 0 0 -120px;
	padding: 10px;
	width: 300px;
	border-radius: 6px;
	background: orange;
	color: #FFF;
	font-size: 16px;
	line-height: 1.6
}

.details {
	flex: 1;
	overflow: hidden;
}

.detailsTop {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.singglepic {
	overflow: hidden
}

.singglepic:hover img {
	transition: .5s;
	transform: scale(1.2)
}

.preview-container {
	position: relative;
	padding-bottom: 1px;
	width: 450px;
	background: #FFF
}

.preview-container .small-box {
	position: relative;
	display: flex !important;
	overflow: hidden;
	box-sizing: border-box;
	width: 450px;
	height: 450px;
	border: 1px solid #EEE;
	background-color: #FFF;
	cursor: move;
	justify-content: center;
	align-items: center
}

.preview-container .small-box img {
	width: 100%;
	max-width: 100%;
	max-height: 100%
}

.preview-container .small-box .hover {
	position: absolute;
	display: none;
	width: 180px;
	height: 180px;
	border: 1px solid #EEE;
	background-color: hsla(0, 0%, 80%, .6)
}

.preview-container .thumbnail-box {
	position: relative;
	box-sizing: border-box;
	margin: 10px 0px;
	width: 100%;
	background: #FFF
}

.preview-container .thumbnail-box .list {
	position: relative;
	margin: 0px auto;
	width: 390px;
	overflow: hidden;
}

.preview-container .thumbnail-box .list ul {
	display: flex;
	padding: 2px 0;
	width: 5000px;
	overflow: hidden;
}

@media (max-width: 768px) {
	.preview-container .thumbnail-box .list ul {
		overflow: visible;
	}
}

.preview-container .thumbnail-box .list ul .item {
	display: flex;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 10px;
	width: 58px;
	height: 58px;
	border: 1px solid #CCC;
	justify-content: center;
	align-items: center
}

.preview-container .thumbnail-box .list ul .item:hover {
	cursor: pointer
}

.preview-container .thumbnail-box .list ul .item img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.preview-container .thumbnail-box .list ul .item-cur {
	outline: 2px solid #0078d7;
	border: none
}

.preview-container .thumbnail-box .list .banner-page {
	position: absolute;
	right: 1.3333333333vw;
	bottom: 1.3333333333vw;
	z-index: 999;
	display: none;
	width: 13.3333333333vw;
	height: 6.6666666667vw;
	border-radius: 5.3333333333vw;
	background: rgba(0, 0, 0, .8);
	justify-content: center;
	align-items: center
}

.preview-container .thumbnail-box .list .banner-page span {
	color: #FFF;
	font-size: 4vw
}

.preview-container .thumbnail-box .btn {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	width: 22px;
	height: 32px
}

.preview-container .thumbnail-box .btn-prev {
	left: 0;
	background: url(../images/btn_prev.png) no-repeat;
	background-position: 10px 0;
	background-size: 10px
}

.preview-container .thumbnail-box .btn-next {
	right: 0;
	background: url(../images/btn_next.png) no-repeat;
	background-size: 10px
}

.preview-container .thumbnail-box .btn_prev_disabled {
	background: url(../images/btn_prev_disabled.png) no-repeat;
	background-position: 10px 0;
	background-size: 10px;
	cursor: not-allowed
}

.preview-container .thumbnail-box .btn_next_disabled {
	background: url(../images/btn_next_disabled.png) no-repeat;
	background-size: 10px;
	cursor: not-allowed
}

.preview-container .big-box {
	position: absolute;
	top: 0;
	left: 449px;
	z-index: 20;
	display: none;
	overflow: hidden;
	box-sizing: border-box;
	width: 550px;
	height: 553.5px;
	border: 1px solid #EEE;
	background: #FFF
}

.preview-container .big-box img {
	display: block;
	width: 130%;
	max-width: none;
	max-height: none
}

.preview-container #media {
	background: #EEE
}

.preview-container #media {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 450px;
	height: 450px
}

.vPlay {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: rgba(0, 0, 0, .6) url(../images/vPlay.png) no-repeat center;
	background-size: 26px;
	z-index: 10;
	cursor: pointer;
	user-select: none;
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.detailsTopRight {
	margin-left: 5%;
	flex: 1;
	overflow: hidden;
}

.detailsTopRight p span {
	font-weight: normal;
	color: #000;
}

@media (max-width: 1500px) {
	.detailsTopRight {
		box-sizing: border-box;
		margin: 0px auto;
		/* padding: 0 30px; */
		width: 100%;
		flex: none;
	}

	.detailsTop {
		flex-wrap: wrap;
	}

	.contactTop {
		width: 100% !important;
		flex-direction: column;
	}

	.detailsTopRightyun ul {
		width: 100% !important;
	}

	.detailsTopRightyun ul li {
		width: 48.5% !important;
	}

	.preview-container {
		width: 100%;
		margin-bottom: 3%;
	}

	.preview-container .small-box {
		width: 100%;
	}

}

.detailsTopRighttext h1 {
	color: #2f4b56;
	font-size: 20px;
	border-bottom: 1px solid #2f4b56;
}

.detailsTopRighttext p {
	margin: 5px 0px 5px;
	color: #2f4b56;
	font-size: 18px;
	font-weight: 600;
}

.detailsTopRightF ul {
	display: flex
}

.detailsTopRightF ul li {
	margin-right: 8px
}

.detailsTopRightyun {
	margin-top: 20px
}

.detailsTopRightyun ul {
	display: flex;
	width: 80%;
}

.detailsTopRightyun ul li {
	cursor: pointer;
	float: left;
	text-align: center;
	background: #2f4b56;
	border-radius: 8px;
	min-width: 153px;
}

.detailsTopRightyun ul > :nth-child(2) {
	width: 3%;
}

.detailsTopRightyun ul li a span {
	display: block;
	text-transform: capitalize;
	padding: 5% 2%;
	border: 1px solid #2f4b56;
	color: #fff;
	font-size: 16px;
	border-radius: 8px;
}

.detailsTopRightyun ul li a span img {
	margin-left: 20px;
	width: 15px
}

.detailsTopRightyun ul li:nth-child(2) a span img {
	margin-left: 38px
}

.detailsTopRightyun ul li a span:hover {
	box-shadow: 1px 1px 3px #BBB
}

.detailsTable {
	margin-bottom: 25px
}

.detailsTable .detailsTableTop {
	margin-bottom: 20px;
	border-bottom: 2px solid #2f4b56;
}

@media (max-width: 768px) {
	.detailsTable .detailsTableTop {
		margin-bottom: 10px;
		border-bottom: 2px solid #2f4b56;
	}
}

.detailsTable .detailsTableTop ul {
	display: flex;
	margin: 0px
}

.detailsTable .detailsTableTop ul li {
	padding: 5px 0px 5px 0px;
	color: #2f4b56;
	font-size: 20px;
	font-weight: 600;
}

.wmkc-blue {
	color: #2f4b56;
}

.yellow-bt {
	border-bottom: 2px solid #FEDF00
}

.detailsTableContent {
	color: #2f4b56;
}

.detailsTableContent img {
	max-width: 100%;
	height: 100% !important
}

.table-responsive {
	margin: 10px 0px
}

.detailsTableContent .table-responsive .table {
	overflow-x: auto
}

.detailsTableContentT {
	margin-top: 40px;
	color: #555;
	font-size: 20px;
	line-height: 40px
}

.detailsTableContent video {
	width: 70%;
}

@media (max-width: 768px) {
	.detailsTableContent video {
		width: 100%;
	}
}

.detailsTableTurnPage {
	display: flex;
	flex-direction: column;
	margin: 40px auto;
	justify-content: space-between;
}

.detailsTableTurnPage div {
	display: flex;
	width: 53%;
	height: 45px;
	background: #E5E5E5;
	color: #000;
	font-size: 16px;
	align-items: center;
	justify-content: space-around
}

.detailsTableTurnPage .zuo {
	display: flex;
	justify-content: space-between;
	border-radius: 5px;
	font-weight: 600;
	padding-left: 10px;
}

.detailsTableTurnPage .zuo span:nth-child(2) {
	width: 80%
}

.detailsTableTurnPage .you {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	border-radius: 5px;
	font-weight: 600;
	padding-left: 10px;
}

.detailsTableTurnPage .you span:nth-child(1) {
	width: 80%
}

.detailsTableTurnPage div span {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transform: translateX(5%);
}

.detailsTableTurnPage div:hover {
	box-sizing: border-box;
	border: 1px solid #214c96;
	background: 0 0;
	color: #214c96
}

.detailsTableTurnPage div:hover span a {
	color: #214c96
}

.magnifierPhone {
	display: none;
	margin: 0px auto 40px;
	width: 700px
}

.magnifierPhone img {
	width: 700px;
}

.swiper-pagination {
	--swiper-pagination-color: #214C96;
	display: none;
}

@media (min-width: 768px) {
	.swiper-pagination {
		display: none;
	}

	.preview-container .thumbnail-box .list ul .item {
		width: 58px !important;
	}

	.preview-container .thumbnail-box .list ul {
		transform: translate3d(0px, 0px, 0px) !important;
	}
}

.inquiry-form {
	display: flex;
	width: 100%;
	flex-wrap: wrap
}

.inquiry-form > input {
	bottom: 20px;
	margin-top: 10px;
	width: 100%;
	height: 50px;
	outline: 0;
	border: 1px solid #E5E5E5;
	font-size: 16px;
}

#feedbackForm .select-menu {
	width: 100%;
	position: relative;
	margin-top: 10px
}

#feedbackForm .select-menu .select-menu-div {
	position: relative;
	width: 100%
}

#feedbackForm .select-menu .select-menu-div em {
	margin-right: 5px;
	position: absolute;
	right: 32px;
	top: 24px;
	transition: all .4s ease
}

#feedbackForm .select-menu .select-menu-div em.select-menu-i {
	transform: rotateX(180deg)
}

#feedbackForm .select-menu .select-menu-div em::after, #feedbackForm .select-menu .select-menu-div em::before {
	content: "";
	width: 14px;
	height: 2px;
	background: #999;
	position: absolute;
	top: 50%;
	left: 0;
	transform: rotate(45deg)
}

#feedbackForm .select-menu .select-menu-div em::after {
	transform: rotate(-45deg);
	left: 9px
}

#feedbackForm .select-menu .select-menu-div .select-menu-input {
	margin: 0 !important;
	width: 100% !important;
	cursor: pointer;
	user-select: none;
	padding-right: 55px;
	border: 1px solid #E5E5E5;
	height: 50px;
	box-sizing: border-box;
	color: #757575
}

#feedbackForm .select-menu .select-menu-ul {
	box-shadow: 0 1px 15px 0 rgba(15, 19, 39, .1);
	list-style: none;
	opacity: 0;
	display: none;
	width: 100%;
	text-align: left;
	border: 1px solid #DDD;
	background: #FFF;
	position: absolute;
	z-index: 9
}

#feedbackForm .select-menu .select-menu-ul li {
	padding: 0px 15px;
	line-height: 2.5;
	cursor: pointer;
	font-size: 13px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

#feedbackForm .select-menu .select-menu-ul li:hover {
	background: #F2FAEA
}

#feedbackForm .select-menu .select-menu-ul li:nth-child(2n) {
	background: #F5F4F4
}

#feedbackForm .select-menu .select-menu-ul li:nth-child(2n):hover {
	background: #F2FAEA
}

#feedbackForm .select-menu .select-menu-ul li.select-this {
	background: #F2FAEA
}

#feedbackForm .select-menu .select-menu-ul li.select-this:hover {
	background: #F2FAEA !important
}

.inquiry-form > textarea {
	outline: 0;
	resize: none
}

.inquiry-form #in-content {
	margin-top: 10px;
	padding-top: 10px;
	width: 100%;
	height: 160px;
	border: 1px solid #E5E5E5;
	font-size: 16px;
}

@media (max-width:768px) {
	.inquiry-form #in-content {
		height: 150px;
	}
}

.inquiry-form p {
	margin-top: 20px
}

.input-error {
	border: 1px solid red !important
}

.send-btn {
	color: #FFF;
	text-align: center
}

.send-btn .span:nth-child(1) {
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 60px;
	padding: 6px 40px;
	background-color: #2f4b56;
	cursor: pointer;
}

.productMainContact .send-btn {
	text-align: left
}

.detailsSort h1 {
	display: inline-block;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 3px solid #2f4b56;
	color: #000;
	font-size: 20px
}

.product-sort-bottom {
	padding: 10px;
	border: 1px solid #EEE
}

.product-sort-bottom div {
	margin-bottom: 5px;
	color: #000;
	font-size: 16px;
	line-height: 130%
}

.product-sort-bottom a {
	font-size: 16px
}

.productSide .newsViewd .TitleName {
	margin-bottom: 20px;
	padding: 5px 0 5px 28px;
	background: #214c96;
	color: #FFF;
	font-size: 21px
}

.productSide .newsViewd ul li {
	margin-bottom: 22px
}

.productSide .newsViewd ul li:hover p {
	color: #FEDF00;
	transition: .5s
}

.newsViewd ul li > img {
	width: 100%
}

.NewsTopHotList div {
	display: flex;
	overflow: hidden;
	width: 100%;
	height: 140px;
	justify-content: center;
	align-items: center
}

.NewsTopHotList div > img {
	max-width: 100%
}

.NewsTopHotList li:hover div > img {
	transition: .5s;
	transform: scale(1.1)
}

.productSide .newsViewd ul li p {
	overflow: hidden;
	margin: 5px 10px;
	color: #000;
	font-size: 16px
}

.productSide .newsViewd ul li span {
	color: #555;
	font-size: 14px;
	display: flex;
	align-items: center
}

.productSide .newsViewd ul li span img {
	margin-right: 10px;
	margin-left: 10px;
	width: 15px
}

.productMain .newsList {
	width: 100%;
	margin-top: 0px;
}

.productMain .newsList .content-list0 {
	width: 100%
}

.productMain .newsList .content-list0 li {
	display: flex;
	overflow: hidden;
	margin-bottom: 40px;
	padding: 15px;
	width: 100%;
	height: 220px;
	border: 1px solid #EEE
}

.productMain .newsList .content-list0 li > a {
	display: flex;
	width: 100%;
}

@media (max-width: 1024px) {
	.productMain .newsList .content-list0 li > a {
		flex-direction: column;
	}

	.productMain .newsList .content-list0 li {
		height: auto;
	}

	.newsJgg li .newsJggimg {
		width: 100% !important;
		min-width: 100% !important;
		height: auto !important;
	}
}

.productMain .newsList .content-list0 li .newsItem {
	margin-left: 45px
}

.productMain .newsList .content-list0 li .newsListDiv1 p {
	display: -webkit-box;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
	max-height: 1.5em;
	color: #000;
	font-size: 18px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.productMain .newsList .content-list0 li .newsListDiv1 span {
	color: #555;
	font-size: 16px
}

.productMain .newsList .content-list0 li .newsListDiv1 span img {
	margin-right: 10px
}

.productMain .newsList .content-list0 .newsListText {
	margin-top: 20px
}

.productMain .newsList .content-list0 .newsListText p {
	display: -webkit-box;
	overflow: hidden;
	margin-top: 5px;
	max-height: 3em;
	color: #000;
	font-size: 16px;
	line-height: 22px;
	opacity: .71;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.productMain .newsList .content-list0 li:hover {
	box-shadow: 0 0 10px #EEE;
	transition: .5s;
	transform: translateY(-5px)
}

.newsDetail {
	overflow: hidden;
	width: 100%
}

.newsDetail .newsArticle .newsArticleTop h1 {
	color: #000;
	font-size: 20px
}

.newsDetail .newsArticle .newsArticleTop {
	text-align: center
}

.newsDetail .newsArticle .newsArticleTopDiv {
	display: flex;
	justify-content: center
}

.newsDetail .newsArticle .newsArticleTopDiv span {
	color: #555;
	font-size: 14px;
	display: flex;
	align-items: center
}

.newsDetail .newsArticle .newsArticleTopDiv span img {
	margin-right: 5px;
	width: 12px
}

.newsDetail .newsArticle .newsArticleText img {
	width: 100%;
	max-width: 100%
}

.newsDetail .newsArticle .newsArticleText {
	padding-top: 20px;
}

.share-btn-list {
	margin-top: 20px
}

.newsDetail .newsArticle .newsArticleF ul {
	display: flex;
	margin-top: 38px
}

.newsDetail .newsArticle .newsArticleF ul li {
	margin-right: 8px
}

.newsDetail .newsArticle .newsArticleTurnPage {
	margin: 50px auto;
	width: 100%
}

.newsDetail .newsArticle .newsArticleTurnPage ul {
	display: flex;
	width: 100%;
	justify-content: space-between
}

.newsDetail .newsArticle .newsArticleTurnPage ul li {
	display: flex;
	width: 50%;
	border: 1px solid #E5E5E5;
	background: #E5E5E5;
	justify-content: center;
	align-items: center
}

.newsDetail .newsArticle .newsArticleTurnPage ul li a {
	color: #000;
	font-size: 18px;
	line-height: 76px
}

.newsDetail .newsArticle .newsArticleTurnPage ul li:hover {
	border: 1px solid #214c96;
	background-color: #FFF
}

.newsDetail .newsArticle .newsArticleTurnPage ul li:hover a {
	color: #214c96
}

.newsArticleTablename {
	color: #000;
	font-size: 20px
}

.newsArticleTable .newsArticleTableLi ul {
	width: 100%
}

.newsArticleTable .newsArticleTableLi ul li p {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #9C9C9C;
	font-size: 16px
}

.newsArticleTable .newsArticleTableLi ul li input {
	padding-left: 20px;
	width: 100%;
	height: 35px;
	outline: 0;
	border: 1px solid #E5E5E5;
	font-size: 20px
}

.newsArticleTable .newsArticleTableLi ul li:nth-child(4) input {
	height: 70px
}

.newsArticleTableSubmit {
	margin: 52px auto 100px;
	text-align: center
}

.newsArticleTableSubmit a {
	padding: 18px 44px;
	width: 220px;
	background: #214c96;
	color: #FFF;
	font-size: 18px
}

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

.newsJgg li {
	margin-bottom: 34px;
	width: 32%
}

.newsJgg li .newsJggimg {
	overflow: hidden;
	margin-right: 20px;
	width: 300px;
	min-width: 300px;
	height: 220px;
}

.content-list0 li .newsJggimg img {
	width: 100%;
	height: 100%;
}

.newsJgg li:hover .newsJggimg img {
	transition: .5s;
	transform: scale(1.1)
}

.newsJggitem {
	padding-top: 10px;
	overflow: hidden;
	line-height: 28px;
}

.newsJggitem > :first-child {
	font-weight: 600;
	font-size: 18px;
}

@media (max-width: 768px) {
	.newsJggitem > :first-child {
		line-height: 20px;
	}

	.newsJggB span {
		overflow: hidden;
	}
}

.newsJgg li .newsJggitem .newsJggT {
	display: flex;
	margin-top: 10px;
	margin-bottom: 10px;
	align-items: center
}

.newsJgg li .newsJggitem .newsJggT img {
	margin-right: 5px;
	width: 15px
}

.newsJgg li .newsJggitem .newsJggT span {
	color: #555;
	font-size: 14px
}

.newsJgg li:hover .newsJggitem .newsJggB p, .newsJgg li:hover .newsJggitem .newsJggB span {
	color: #FEDF00;
	transition: .5s
}

.newsJgg li .newsJggitem .newsJggB p {
	font-size: 18px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.newsJgg li .newsJggitem .newsJggB span {
	display: -webkit-box;
	color: #555;
	-webkit-box-orient: vertical;
}

.content-list1 li .newsJggitem .newsJggB span {
	display: none
}

.content-list1 li .newsJggimg {
	overflow: hidden;
	width: 100%
}

.content-list1 li .newsJggimg img {
	width: 100%;
	height: 100%
}

.downloadViewd {
	margin-bottom: 70px
}

.downloadViewd .TitleName {
	margin-bottom: 20px;
	padding: 17px 252px 17px 28px;
	background: #214c96;
	color: #FFF;
	font-size: 20px
}

.downloadViewd .TitleName:hover {
	background: #FEDF00;
	color: #214c96;
	transition: .5s
}

.documentlist {
	width: 100%
}

.documentlist .download-list {
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap
}

.documentlist .download-list li {
	width: 30%
}

.documentlist .download-list li .download-img {
	overflow: hidden;
	width: 100%;
	height: 80%;
	border: 1px solid #E5E5E5;
	box-sizing: border-box
}

.documentlist .download-list li .download-img img {
	width: 100%;
	max-width: 100%
}

.documentlist .download-list li .download-btn {
	display: block;
	padding: 10px;
	border: 1px solid #E5E5E5;
	color: #000;
	font-size: 16px;
	border-top: none
}

.download-info {
	display: none
}

.documentlist .download-list li .download-info p {
	overflow: hidden;
	padding-left: 20px;
	max-height: 2em;
	color: #000;
	font-size: 20px
}

.documentlist .download-list li:hover .download-btn {
	color: #214c96;
	transition: .5s
}

.documentlist .download-list li:hover .download-img img {
	transition: .5s;
	transform: scale(1.1)
}

.project-list li {
	margin-bottom: 20px;
	padding: 5px 10px;
	border: 1px solid #E5E5E5
}

.project-list li .project-info p {
	position: relative;
	color: #000;
	font-size: 18px;
	font-weight: 600
}

.project-list li .project-info p img {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	width: 20px
}

.project-list li .project-info div {
	display: none;
	color: #555;
	font-size: 16px
}

.productMainContact {
	display: flex;
	margin: 40px auto 80px;
	width: 80%;
	justify-content: space-between
}

@media (max-width: 768px) {
	.productMainContact {
		width: 90%;
	}
}

.contactRight {
	width: 47%
}

.contactRight ul {
	display: flex;
	margin-top: 94px;
	justify-content: space-around
}

.contactRight ul li {
	position: relative
}

.contactRight ul li::after {
	position: absolute;
	top: -47px;
	left: -20px;
	width: 1px;
	height: 148px;
	background-color: #E5E5E5;
	content: ''
}

.contactRight ul li:nth-child(1) {
	width: 15%
}

.contactRight ul li:nth-child(2) {
	width: 28%
}

.contactRight ul li:nth-child(3) {
	width: 20%
}

.contactRight ul li div {
	display: flex;
	align-items: center
}

.contactRight ul li div span {
	margin-right: 10px;
	color: #000;
	font-size: 20px
}

.contactRight ul li p {
	margin-top: 20px;
	color: #000;
	font-size: 16px;
	line-height: 21px;
	opacity: .71
}

.contactLeft {
	width: 47%
}

.contactLeft .newsArticleTable .newsArticleTablename {
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
	color: #2f4b56;
	border-bottom: 1px solid #2f4b56;
	margin-bottom: 20px;
}

.tablenameTitle {
	font-size: 16px;
	font-weight: 600;
	color: #2f4b56;
}

.contactLeft .newsArticleTable .newsArticleTablespan {
	font-size: 16px;
	color: #2f4b56;
}

.contactLeft .newsArticleTable .newsArticleTableLi {
	margin-top: 30px;
	color: #2f4b56;
}

.contactLeft .newsArticleTable .newsArticleTableLi ul li p {
	margin-bottom: 10px;
	color: #9C9C9C;
	font-size: 16px
}

.contactLeft .newsArticleTable .newsArticleTableLi ul li p span {
	color: red
}

.contactLeft .newsArticleTable .newsArticleTableLi ul li input {
	margin-bottom: 20px;
	padding-left: 20px;
	width: 100%;
	height: 35px;
	outline: 0;
	border: 1px solid #E5E5E5;
	background: #F3F7FB;
	font-size: 20px
}

.contactLeft .newsArticleTable .newsArticleTableLi ul li:nth-child(4) input {
	height: 70px
}

.contactLeft .newsArticleTableSubmit {
	margin: 52px auto 100px
}

.contactLeft .newsArticleTableSubmit a {
	padding: 21px 44px;
	width: 220px;
	background: #214c96;
	color: #FFF;
	font-size: 18px
}

.footerPhone {
	width: 100%;
	position: fixed;
	bottom: -3rem;
	visibility: hidden;
	background: #2f4b56;
	opacity: 0
}

.footerPhone ul {
	display: flex;
	padding: 30px 100px;
	justify-content: space-around;
	align-items: center
}

.footerPhone ul li .iconfont {
	color: #FFF;
	font-size: 30px
}

.details-phone-list {
	overflow: hidden;
	margin-bottom: 40px;
	padding: 0px 10px
}

.details-phone-list > p {
	color: #000;
	font-size: 20px
}

.details-phone-list ul {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap
}

.details-phone-list ul li {
	box-sizing: border-box;
	padding: 0px 0px 10px 0px;
	width: 15%;
	margin-right: 10px;
	border: 1px solid #EEE;
}

@media (max-width: 768px) {
	.details-phone-list ul {
		justify-content: space-between
	}

	.details-phone-list ul li {
		width: 48%;
		margin-right: 0
	}
}

.details-phone-list ul li > div {
	text-align: center
}

.details-phone-list ul li .phonelistImg a img {
	max-width: 100%
}

.details-phone-list ul li > div p {
	overflow: hidden;
	max-height: 2em;
	font-size: 18px
}

.details-phone-list ul li > div span {
	display: block;
	overflow: hidden;
	max-height: 3.2em;
	font-size: 14px
}

.icon-gouwuceh:before {
	content: "\e604";
}

.product-price {
	width: 70%;
	float: left;
	padding-top: 5px;
	color: #2f4b56;
	font-weight: 600;
}


.inquiry-form input, .inquiry-form textarea {
	padding-left: 15px;
	color: #2f4b56;
}

.inquiry-form input::placeholder, .inquiry-form textarea::placeholder {
	color: #2f4b56;
}

.send-btn {
	display: flex;
	width: 120px;
	margin: 30px auto;
}

.send-btn .span:nth-child(1) {
	margin: 0px;
	width: 100%;
}

@font-face {
	font-family: iconfont;
	font-display: swap;
	src: url(../font/iconfont.woff2) format('woff2'), url(../font/iconfont.woff) format('woff'), url(../font/iconfont.ttf) format('truetype')
}

.iconfont {
	font-style: normal;
	font-size: 16px;
	font-family: iconfont !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fadeInUp {
	width: 23%;
}

@media screen and (max-width: 1500px) {
	.productMain {
		width: 80%
	}

	.downloadList ul li div {
		height: 60%
	}

	.productSide {
		margin-right: 20px
	}

	.productMain .newsList .content-list0 {
		width: 90% !important
	}

	.productMain .newsList .content-list0 li .newsItem {
		margin-left: 30px
	}

	.detailsTable .detailsTableTop ul li {
		/*padding: 0 0 26px*/
	}

	.newsArticleTable .newsArticleTableLi ul li input {
		width: 95%
	}

	.header nav {
		padding-right: 100px;
		box-sizing: border-box
	}

	.latestNews .latestNewsList ul li .latestNewsListT {
		min-width: 20%
	}

	.latestNews .latestNewsList ul li .latestNewsListT span {
		font-size: 12px
	}

	.header .logo {
	}

	.header nav .navNav {
		width: 80%;
		transform: translateX(0px);
	}

	@media screen and (max-width: 1366px) {
		.header nav .navNav {
		}

		.header .logo {
			left: 25%;
		}

		.introduction .hello img {
			width: 1100px;
			height: auto
		}

		.productMain {
			width: 80%
		}

		.productList .productListItem .productListitem ul li .top img {
			width: 200px
		}

		.product .productItem ul li div .more span {
			font-size: 16px;
			line-height: 35px
		}

		.header .logo {
			margin-left: 10px
		}

		.latestNews .latestNewsList ul li .latestNewsListT {
			min-width: 22%
		}

		.latestNews .latestNewsList ul li .latestNewsListT span {
			font-size: 12px
		}

		.header nav {
			padding-right: 25px
		}
	}
	.header nav div .nav > li a {
		font-size: 18px
	}

	@media screen and (max-width: 1024px) {
		header .logo {
			left: 0px
		}

		header nav div .nav > li a {
			padding: 0px 5px;
			font-size: 14px
		}

		.header nav .navNav {
		}

		.header nav .navNav .nav > li i {
			right: 0px;
			display: flex;
			width: 30px;
			justify-content: center;
			align-items: center
		}

		.introduction .welcome {
			width: 60%
		}

		.search #txtSearch {
			width: 200px
		}

		.introduction .hello img {
			width: 100%;
			height: auto
		}

		.product .productItem ul li div span {
			line-height: 30px
		}

		.case ul li a {
			margin: 30px auto
		}

		.case ul li p {
			margin-top: 20px;
			font-size: 20px;
			display: block
		}

		.case ul li span, .case .caseItem ul li span {
			margin-top: 10px;
			font-size: 13px
		}

		.latestNews {
			width: 90%
		}

		.latestNews .latestNewsList ul li .latestNewsListT span {
			font-size: 12px
		}

		.strengthItem {
			width: 90%
		}

		.strengthItem ul li {
			width: 32%
		}

		footer .footerRight .footerTitle div {
			width: 60%
		}

		.productSide {
			margin-right: 20px;
			width: 300px
		}

		.contactRight ul {
			margin-top: 60px !important;
			margin-left: 10px;
			flex-wrap: wrap
		}

		.contactRight ul li {
			margin-bottom: 40px !important;
			width: 100% !important
		}

		.contactRight ul li::after {
			top: -7px;
			left: -10px;
			height: 90px
		}

		.productMainContact {
			display: block
		}

		.productMainContact .contactRight {
			width: 100%
		}

		.contactLeft {
			width: 100% !important
		}

		.contactLeft .newsArticleTable .newsArticleTableLi ul li input {
			width: 95%
		}

		.faq .faqBottom {
			margin-bottom: 71px
		}

		.downloadList ul li div {
			height: 53%
		}

		.productSideNews {
			display: none
		}

		.detailsTop {
			flex-wrap: wrap;
		}

		.detailsTopRight {
			box-sizing: border-box;
			margin: 0px auto;
			/*padding: 0 30px;*/
			width: 100%;
			flex: none
		}

		.detailsTopRightyun ul li {
			margin-right: 8px
		}

		.detailsTopRightyun ul li a span {
			padding: 10px;
			font-size: 14px
		}

		#magnifier {
			width: 300px
		}

		.small-box {
			width: 300px;
			height: 300px
		}

		.thumbnail-box .list .item img {
			width: 50px;
		}

		.thumbnail-box .list {
			width: 250px
		}

		.detailsTable .detailsTableTop ul li {
			font-size: 14px
		}

		.detailsTable .detailsTableTop ul li:hover {
			font-size: 14px
		}

		.big-box {
			left: 310px;
			width: 300px;
			height: 300px
		}

		.products-ninelist-1 li .products-list-img .products-list-name {
			font-size: 16px
		}

		.product .productItem ul li div .more p {
			top: 45%;
			width: 70px;
			line-height: 70px
		}

		.latestNews .latestNewsList ul li .latestNewsListT {
			width: 30%
		}

		.newsJgg {
			justify-content: space-around
		}

		.newsJgg li {
			margin-bottom: 34px;
			width: 30%
		}

		.productMain .newsList .content-list0 {
			margin: 0px auto;
			width: 80%
		}
	}
	@media screen and (max-width: 768px) {
		body {
			padding-top: 0
		}

		.detailsTableContent img {
			width: auto !important;
			height: auto !important
		}

		header {
			position: fixed;
			z-index: 999
		}

		.header nav {
			z-index: 18;
			height: 100%
		}

		.header .navImg {
			top: 10px;
			right: 15px;
			display: block !important
		}

		.header nav .navNav {
			position: absolute;
			z-index: 25;
			display: none;
			margin-left: 0;
			width: 100%
		}

		.header nav div .nav {
			position: fixed;
			display: block;
			overflow-y: scroll;
			margin-top: 60px;
			width: 100%;
			height: calc(100vh - 60px);
			background: #FFF
		}

		.header nav div .nav .nav {
			margin-top: 0px;
		}

		.header nav .navNav .nav > li:nth-child(1) {
			display: flex;
			align-items: center
		}

		.header nav .navNav .nav > li {
			box-sizing: border-box;
			padding-left: 15px;
			background: #FFF
		}

		.header nav .navNav .nav > li a {
			height: 50px;
			color: #000
		}

		.header nav .navNav .nav > li i {
			position: absolute;
			top: 12px;
			right: 10px;
			color: #000;
			height: 30px;
		}

		.header nav .navNav .nav > li {
			height: 60px;
		}

		.header nav div .nav > li {
			border-bottom: 1px solid #DDD;
			font-size: 24px
		}

		.product .productItem ul li div span {
			line-height: 40px
		}

		.header nav .navNav .nav > li {
			position: relative;
			display: block;
			height: auto
		}

		.header nav .navNav .nav > li .sub-menu, .header nav .navNav .nav > li:hover .sub-menu {
			position: static;
			display: none;
			margin-bottom: 15px;
			background-color: #fff;
		}

		.header nav .navNav .nav > li i.active {
			/*transform: rotate(90deg)*/
			background-image: url(../images/sub.png);
		}

		.header nav .navNav .nav > li .sub-menu li {
			padding: 0px;
			height: 50px;
			background-color: #FFF
		}

		.header nav .navNav .nav > li .sub-menu li a {
			font-size: 16px;
			line-height: 50px
		}

		.header nav div .nav .hover > a {
			color: #333
		}

		.search {
			position: absolute;
			top: 88px;
			z-index: -1;
			display: none !important;
			width: 100%;
			height: 200px;
			background: #FFF
		}

		.search #txtSearch {
			position: static;
			display: none;
			margin-top: 40px;
			margin-left: 50px;
			width: 650px;
			height: 72px;
			border: 1px solid #A6A6A6;
			border-radius: 0;
			font-size: 24px;
			transform: translateY();
		}

		.header-top {
			display: none !important
		}

		.navTopTxt {
			display: inherit;
			float: left;
			transform: translateX(-8%);
			width: 83%;
			font-size: 14px;
			color: #fff;
		}

		.header .logo .rectangle {
			display: none;
			height: 77px;
		}

		.header .logo {
			left: 0px;
			display: none;
		}

		.header .logo .logo1 {
			position: static
		}

		.header .logo .logo1 img {
			max-width: 150px;
			max-height: 50px;
			margin-top: 5px
		}

		.header .search #txtSearchClick {
			display: none
		}

		.header nav div .nav > li {
			width: 100%
		}

		.banner {
			/*padding-top: 60px !important*/
		}

		.productBannerTitle span {
			font-size: 12px
		}

		.introduction .hello {
			width: 100%
		}

		.introduction .hello img {
			width: 100%;
			height: 30px
		}

		.introduction .hello p {
			top: 0px;
			width: 100%;
			font-size: 16px
		}

		.introduction .hello p::before {
			right: 15px;
			width: 40px
		}

		.introduction .hello p::after {
			left: 15px;
			width: 40px
		}

		.introduction .welcome {
			margin-top: 30px;
			width: 90%
		}

		.case .caseItem {
			width: 100%
		}

		.case ul li p {
			margin-top: 30px;
			font-size: 30px
		}

		.case ul li span, .case .caseItem ul li span {
			margin: 0px auto;
			width: 96%;
			font-size: 16px
		}

		.case ul li a {
			margin: 15px 0px;
			padding: 6px 20px;
			border-radius: 31px;
			font-size: 16px
		}

		.case ul {
			margin: 10px 0;
			flex-wrap: wrap
		}

		.case ul li {
			margin-bottom: 10px;
			padding: 24px 24px 0;
			width: 100%
		}

		.case .ourcase {
			margin-bottom: 20px
		}

		.case .ourcase p {
			font-size: 24px
		}

		.case {
			padding: 35px;
			padding-top: 70px
		}

		.product {
			padding-top: 30px
		}

		.product .productItem ul {
			box-sizing: border-box;
			margin: 15px auto 30px;
			width: 100%;
		}

		.product .productItem ul li {
			margin-bottom: 26px;
			width: 48%
		}

		.product .productItem ul li div .more span {
			font-size: 20px;
			line-height: 50px
		}

		.product .statistics ul {
			display: flex;
			justify-content: space-around;
			flex-wrap: wrap
		}

		.product .statistics ul li {
			margin-bottom: 20px;
			width: 100%
		}

		.product .statistics {
			padding-bottom: 0 !important
		}

		.products-ninelist-0 > li .products-list-img {
			overflow: hidden;
			width: 35%;
		}

		.products-ninelist-0 > li .products-list-box {
			padding: 5px;
			width: 60%
		}

		.latestNews .latestNewsList ul li {
			margin-top: 35px;
			width: 100%
		}

		.latestNews .latestNewsList ul li .latestNewsListT {
			padding: 15px;
			width: 10%
		}

		.latestNews .latestNewsList ul li .latestNewsListB {
			padding: 2% 2%;
		}

		.strength {
			padding: 140px 35px 0
		}

		.strengthItem {
			width: 100%
		}

		.strengthItem ul {
			flex-wrap: wrap
		}

		.strengthItem ul li {
			margin-bottom: 35px;
			width: 100%
		}

		.strengthItem ul li .text img {
			margin: 35px 0px 10px
		}

		.strengthItem ul li .text span {
			margin-bottom: 30px;
			width: 100%;
			font-size: 16px
		}

		footer {
			padding: 20px 0px 48px 0px
		}

		footer .footerTop {
			width: 90%;
			flex-wrap: wrap;
			flex-direction: column;
		}

		footer .footerTop > div {
			margin-bottom: 30px;
			width: 100%
		}

		.breadcrumbs {
			width: 90%;
		}

		footer .footerCenter .footerTitle div {
			margin-bottom: 10px;
			width: calc(100% - 100px)
		}

		footer .footerCenter .fnav {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap
		}

		footer .footerCenter .fnav li {
			width: 50%
		}

		footer .footerCenter .center ul {
			margin-top: 43px;
			margin-bottom: 70px
		}

		footer .footerRight .footerTitle div {
			margin-bottom: 20px;
			width: 100%
		}

		footer .footerBottom {
			margin-top: 10px;
			padding: 10px 0;
		}

		footer .footerBottom a {
			font-size: 12px
		}

		.aboutList {
			width: 90%
		}

		.aboutContent ul .liImg {
			margin-bottom: 20px;
			width: 100%
		}

		.aboutContent ul .liText {
			margin-bottom: 20px;
			width: 100%
		}

		.aboutContent ul:nth-child(2) {
			flex-flow: column-reverse
		}

		.productSide {
			display: none
		}

		.productList .productListItem .productListitem ul {
			margin-right: 20px;
			margin-left: 20px;
			justify-content: space-around
		}

		.productList .productListItem .productListitem ul li {
			width: 46%
		}

		.productList .productListItem .productListitem ul li .center span {
			font-size: 24px;
			line-height: 30px
		}

		.productList .productListItem .productListitem ul li .center p {
			line-height: 60px
		}

		.productList .productListItem .productListitem ul li .bottom {
			line-height: 40px
		}

		.productList .productListItem .productListitem ul li .bottom img {
			width: 12px;
			height: 12px
		}

		.productListItem .Pagination {
			width: 84%
		}

		.productBanner {
			z-index: -2;
			min-height: 100px
		}

		.productBannerTitle {
			top: 65% !important
		}

		.productBannerTitle > h1 {
			margin-bottom: 0
		}

		.faq .faqBottom {
			margin-bottom: 71px
		}

		.documentlist .download-list li {
			margin-bottom: 30px;
			width: 100%
		}

		.productMain .newsList .content-list0 li {
			margin-bottom: 20px
		}

		.productMain .newsList .content-list0 li > img {
			max-width: 100%;
			max-height: 100%
		}

		.products-ninelist-0 > li {
			margin-bottom: 20px
		}

		.products-ninelist-0 > li .products-item-name .products-list-name {
			margin: 0px;
			font-size: 18px
		}

		.products-ninelist-0 > li .products-item-name .products-list-content {
			margin-bottom: 10px;
			-webkit-line-clamp: 2
		}

		.newsJgg {
			margin: 20px auto;
			justify-content: space-between
		}

		.newsJgg li {
			width: 48%;
			margin-bottom: 20px
		}

		.Pagination {
			width: 95%
		}

		.detailsTop {
			flex-wrap: wrap
		}

		#magnifier {
			display: none
		}

		.productMain {
			width: 90%;
			margin-top: 20px;
		}

		.detailsPage {

		}

		.detailsBanner {
			z-index: -2;
		}

		.detailsTable {
			padding: 0 30px
		}

		.detailsTableContentT {
			font-size: 16px;
			line-height: 30px
		}

		.detailsTableTurnPage {
			margin: 20px auto 20px;
			flex-wrap: wrap
		}

		.detailsTableTurnPage div {
			width: 100%
		}

		.details {
			margin: 0px auto;
			width: 90%
		}

		.detailsTable .detailsTableTop ul li:nth-child(4), .detailsTable .detailsTableTop ul li:nth-child(5) {
			display: none
		}

		.detailsTable .detailsTableTop ul li {
			font-size: 20px
		}

		.detailsTable .detailsTableTop ul li:hover {
			font-size: 20px
		}

		.detailsTableContent ul li {
			font-size: 16px !important
		}

		.faq {
			margin: 0px auto;
			width: 90%
		}

		.newsDetail {
			margin: 0px auto;
			width: 90%
		}

		.newsDetail .newsArticle .newsArticleTurnPage ul {
			flex-wrap: wrap
		}

		.newsDetail .newsArticle .newsArticleTurnPage ul li {
			width: 100%
		}

		.newsDetail .newsArticle .newsArticleTurnPage ul li:nth-child(1) {
			margin-bottom: 30px
		}

		.products-ninelist-1 {
			margin: 0px auto;
			padding: 0px;
			justify-content: space-between
		}

		.products-ninelist-1 li {
			margin: 0px 0px 10px 0px;
			width: 48%;
			min-height: 160px
		}

		.newsDetail .newsArticle .newsArticleTop h1 {
			text-align: left;
			line-height: 30px
		}

		.newsDetail .newsArticle .newsArticleTopDiv {
			margin-top: 15px;
			justify-content: flex-start
		}

		.newsDetail .newsArticle .newsArticleF {
			display: none
		}

		.newsDetail .newsArticle .newsArticleTurnPage {
			margin-top: 26px
		}

		.productMain .newsList .content-list0 {
			width: 90% !important
		}

		.detailsSort h1 {
			border-bottom: 2px solid #1B1B1B;
			font-size: 18px
		}

		.tips {
			left: 44%
		}

		.preview-container {
			width: 100%;
			margin: 0px;
			margin-bottom: 3%;
		}

		.preview-container .small-box {
			display: none !important
		}

		.preview-container .thumbnail-box {
			box-sizing: border-box;
			margin: 0px;
			padding: 0px
		}

		.preview-container .thumbnail-box a {
			display: none
		}

		.preview-container .thumbnail-box .list, .preview-container .thumbnail-box .list .wrapper {
			width: 100%
		}

		.preview-container .thumbnail-box .list .wrapper .item {
			margin: 0px;
			width: 100%;
			height: auto;
			outline: 0;
			border: none
		}

		.preview-container .thumbnail-box .list .wrapper .item img {
			width: 100%;
		}

		.preview-container .thumbnail-box .list .banner-page {
			display: none
		}

		.preview-container #media {
			width: 100%;
			height: 100%
		}

		.productBannerTitle h2 {
			margin-bottom: 0
		}

		.details-phone-list {
			display: block
		}

		.details-phone-list ul {
			display: flex
		}

		.header nav .navNav .nav > li:last-child {
			margin-bottom: 100px
		}

		.header nav {
			padding-right: 0
		}
	}
	@media screen and (max-width: 768px) {
		.header {
			height: 60px
		}

		.productBanner {
			min-height: 60px
		}

		.productBannerTitle h1 {
			font-size: 18px
		}

		.productBannerTitle h2 {
			font-size: 18px
		}

		.productBannerTitle span:first-child {
			font-size: 12px
		}

		.productBannerTitle {
			top: 75% !important
		}

		.search {
			top: 100%
		}

		.search #txtSearch {
			width: 265px !important
		}

		.productList .productListItem .productListitem ul li .top img {
			width: 100px
		}

		.productList .productListItem .productListitem ul li .top {
			height: 150px
		}

		.productList .productListItem .productListitem ul li .center span {
			font-size: 20px
		}

		.productList .productListItem .productListitem ul li .center p {
			font-size: 16px;
			line-height: 30px
		}

		.productList .productListItem .productListitem ul li .bottom {
			line-height: 24px
		}

		.productList .productListItem .productListitem ul li .bottom img {
			margin-left: 10px
		}

		.header nav div .nav {
			margin-top: 60px;
			height: calc(100vh - 60px)
		}

		.header nav .navNav .nav > li:nth-child(1) {
			height: 60px
		}

		.header nav .navNav .nav > li:nth-child(1) input {
			width: 93%;
			height: 40px;
			border: 1px solid #CCC;
			font-size: 16px
		}

		.introduction {
			padding-bottom: 35px
		}

		.introduction .welcome p {
			font-size: 24px
		}

		.introduction .welcome span {
			-webkit-line-clamp: 12
		}

		.case {
			padding: 20px;
			padding-top: 30px
		}

		.case ul li {
			padding: 12px 12px 0
		}

		.case ul li p {
			margin-top: 10px;
			font-size: 18px
		}

		.case ul li a {
			margin: 15px 0px;
			padding: 6px 20px
		}

		.product .productTop p {
			font-size: 24px
		}

		.product .productItem ul li {
			margin-bottom: 12px
		}

		.product .statistics {
			padding-top: 10px
		}

		.product .statistics ul {
			margin: 0px auto
		}

		.product .productItem ul li div span {
			font-size: 16px;
			display: block;
		}

		.detailsTopRight {
			padding: 0px;
			margin-top: 10px
		}

		.latestNews {
			margin: 30px auto
		}

		.latestNews .latestNewsList ul li .latestNewsListT {
			width: 20%
		}

		.latestNews .latestNewsTitle .yellow {
			font-size: 24px
		}

		.latestNews .latestNewsList ul li {
			margin-top: 20px
		}

		.strength .ourStrength p {
			font-size: 24px
		}

		.strengthItem {
			margin-top: 20px
		}

		.strength {
			padding: 30px 20px 0
		}

		.strengthItem ul li {
			margin-bottom: 23px;
			padding: 15px
		}

		.aboutContent ul .liText {
			margin-bottom: 20px
		}

		.detailsTableTurnPage {
			margin: 20px auto 20px
		}

		.productMain .newsList .content-list0 li {
			padding: 10px;
		}

		.productMain .newsList .content-list0 li > img {
			width: 90px;
			height: 90px
		}

		.productMain .newsList .content-list0 li .newsItem {
			margin-left: 10px
		}

		.productMain .newsList .content-list0 .newsListText {
			margin-top: 0
		}

		.Pagination {
			margin-left: 21px !important;
			width: 53%
		}

		.productsPagination {
			margin-left: 20px !important
		}

		.Pagination ul a {
			padding: 15px 10px
		}

		.Pagination ul li {
			padding: 15px 5px
		}

		.productMain .newsList .content-list0 .newsListText p {
			margin-top: 5px;
			font-size: 13px
		}

		.productMain .newsList .content-list0 li .newsListDiv1 p {
			margin-top: 0;
			margin-bottom: 10px;
			font-size: 14px
		}

		.newsDetail {
			width: 100%
		}

		.newsDetail .newsArticle .newsArticleTable .newsArticleTableLi ul li input {
			width: 85%
		}

		.newsArticleF {
			display: none
		}

		.newsDetail .newsArticle .newsArticleTurnPage ul {
			flex-wrap: wrap
		}

		.newsDetail .newsArticle .newsArticleTurnPage ul li {
			margin-bottom: 30px;
			width: 100%
		}

		.newsDetail .newsArticle .newsArticleTurnPage ul li a {
			padding: 24px;
			font-size: 16px;
			line-height: 20px
		}

		.newsDetail .newsArticle .newsArticleTurnPage {
			margin-top: 26px;
			margin-bottom: 50px
		}

		.productList .productListItem .productListitem ul {
			margin-right: 18px
		}

		.productListItem .Pagination {
			width: 90%
		}

		.faq .faqTop {
			padding: 15px 20px
		}

		.faq {
			padding: 0 10px
		}

		.faq .faqTop > .faqTopTitle > span {
			font-size: 20px;
			line-height: 50px
		}

		.faq .faqTop .faqTopText {
			font-size: 16px;
			line-height: 18px
		}

		.faq .faqBottom a {
			padding: 15px 20px
		}

		.newsArticleTableContact {
			margin-left: 0
		}

		footer .footerPhone {
			z-index: 500;
			padding-bottom: env(safe-area-inset-bottom);
			width: 100%;
			transition: .7s
		}

		footer .footerPhone ul {
			padding: 0px 20px;
			height: 48px
		}

		footer .footerPhone ul li a img {
			width: 25px
		}

		.magnifierPhone {
			width: 330px
		}

		.magnifierPhone img {
			width: 330px
		}

		.detailsTopRightyun ul li a span {
			padding: 10px;
			font-size: 14px
		}

		.detailsTableContent ul li span {
			padding: 0px 2px
		}

		.detailsTable {
			margin-top: 0px;
			margin-bottom: 20px;
			padding: 0px
		}

		.detailsTable .detailsTableTop ul {
			margin: 0
		}

		.detailsTable .detailsTableTop ul li {
			padding-bottom: 5px;
			font-size: 18px
		}

		.detailsTable .detailsTableTop ul li:hover {
			font-size: 14px
		}

		.table-responsive .table tr {
			line-height: 30px
		}

		.table-responsive .table tr td:nth-child(1), .table-responsive .table tr:nth-child(1) {
			font-size: 15px
		}

		.table-responsive .table tr td:nth-child(1) {
			font-size: 15px
		}

		.product .productItem ul li div p {
			width: 70px;
			height: 70px;
			border: 2px solid rgba(33, 76, 150, .8);
			line-height: 70px
		}

		.product .productItem ul li div .more span {
			font-size: 16px;
			line-height: 28px
		}

		.products-ninelist-1 li .products-list-img .products-list-name {
			bottom: 3px
		}

		.Feedback .page-box p {
			overflow: hidden;
			font-size: 16px;
			line-height: 25px
		}

		.inquiry-pro-list {
			padding: 5px
		}

		.inquiry-pro-item {
			padding: 3px 5px
		}

		.inquiry-pro-item .pro-item-img img {
			width: 80px;
			height: 80px
		}

		.detailsSort .Pagination {
			margin-bottom: 40px
		}

		.tips {
			left: 39.5%
		}

		.Feedback {
			padding-top: 30px
		}

		.content-list1 li .newsJggimg {
			border: none;
			height: auto
		}

		.products-ninelist-0 > li .products-item-name {
			margin-bottom: 0
		}

		.products-ninelist-0 > li .products-list-box .products-item-text {
			margin-bottom: 0
		}

		.detailsTopRightyun {
			margin-top: 20px
		}
	}
	@media screen and(-ms-high-contrast: active),(-ms-high-contrast: none) {
		.nav > li > a > span {
			width: 135px
		}

		.products-item-name {
			font-size: 14px
		}

		.header .header-top .translation {
			top: 7px
		}

		.strengthItem ul li .text span {
			display: block;
			width: 100%;
			max-height: 2.5em;
			line-height: 1.3em
		}

		.case ul li span, .case .caseItem ul li span {
			max-height: 5em
		}

		.product .productItem ul li div span {
			max-height: 2.5em
		}

		.latestNews .latestNewsList ul li .latestNewsListB p {
			max-height: 1em
		}

		.latestNews .latestNewsList ul li .latestNewsListB span {
			display: block;
			max-height: 3em
		}

		.aboutContent ul .liText > div > div {
			max-height: 7.5em
		}

		.products-ninelist-1 li .products-list-img .products-list-name {
			max-height: 1em
		}

		.products-ninelist-1 li .products-item-name {
			overflow: hidden;
			max-height: 2.5em
		}

		.products-item-name {
			max-height: 3em
		}

		.productMain .newsList .content-list0 .newsListText p {
			overflow: hidden;
			max-height: 2.5em
		}

		.productMain .newsList .content-list0 li > img {
			width: 100%
		}

		.productMain .newsList .content-list0 li .newsListDiv1 p {
			max-width: 500px;
			max-height: 2em
		}

		.productSideBottom ul li span {
			overflow: hidden;
			max-height: 3em
		}

		.downloadList {
			width: 74%
		}

		.detailsTopRighttext p {
			overflow: hidden;
			max-height: 13.5em
		}

		.productMain .newsList .content-list0 {
			margin-left: 85px;
			width: 93%
		}

		.newsViewd .TitleName {
			width: 100%
		}

		.newsViewd ul li > img {
			width: 100%
		}

		.productSide .newsViewd ul li p {
			overflow: hidden;
			max-height: 2em
		}
	}
	.detailsTopRightyun ul {
		/*flex-wrap: wrap;*/
	}

	.product-price {
		width: 70%;
		float: left;
		padding-top: 5px;
		color: #2f4b56;
		font-weight: 600;
	}

	.addToCart {
		padding: 10px 20px;
		border: 1px solid #214c96;
		background: #214c96;
		color: #FFF;
		font-size: 16px;
		transition: box-shadow .2s linear;
		cursor: pointer
	}

	.addToCart:hover {
		box-shadow: 1px 1px 3px #BBB
	}

	.addToCart span {
		background: url(../images/addtocart.png) no-repeat right center;
		padding-right: 40px;
		background-size: 20px
	}

	@media (max-width: 1025px) {
		.addToCart {
			padding: 10px;
			font-size: 14px
		}
		iframe, video {
			max-width: 100%;
			height: 350px;
		}
	}
	@media (max-width: 1441px) {
		img {
			/*height: 70px;*/
			max-width: 100%
		}
	}
	@media (max-width: 1441px) {
		.search img {
			height: auto;
			max-width: 100%
		}
	}
	@media (max-width: 768px) {
		iframe, video {
			max-width: 100%;
			height: 280px;
		}
	}
	table.table td {
		border: 1px solid #CCC;
		padding: 5px
	}

	strong {
		font-weight: bold
	}

	#jljw_IM_GdImBox {
		z-index: 900 !important
	}

	.inquiry-form input, .inquiry-form textarea {
		padding-left: 15px;
		color: #2f4b56;
		font-size: 16px;
	}

	.inquiry-form input::placeholder, .inquiry-form textarea::placeholder {
		color: #2f4b56;
	}

	.inquiry-form textarea {
		min-height: 150px;
	}

	.solu-flex-l {
		width: 40%
	}

	.solu-flex-r {
		width: 60%;
		padding-left: 2%
	}

	.solu-flex-r p {
		margin-bottom: 10px
	}

	.aboutList img {
		height: auto;
		max-width: 100%
	}

	.aboutList * {
		box-sizing: border-box
	}

	.solu-flex-l img {
		display: block;
		width: 100%;
		max-height: 380px;
		object-fit: cover
	}

	.flex-reverse .solu-flex-r {
		padding: 0 2% 0 0
	}

	.solutions > .flex {
		margin-bottom: 4%
	}

	.solu-name {
		font-size: 26px;
		color: #000;
		position: relative;
		padding-bottom: 6px;
		margin-bottom: 20px;
		display: block
	}

	.solu-name::before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 70px;
		height: 3px;
		background-color: #FE9900
	}

	.solutions-list > li {
		width: 24%;
		background: #F6F6F6;
		text-align: center;
		padding: 2% 10px 4%;
		margin: 2% 0
	}

	.solutions-list > li .iconfont {
		font-size: 40px;
		color: #FE9900
	}

	.solutions-list > li p {
		font-size: 18px;
		color: #111;
		line-height: 1.6;
		margin-top: 6px
	}

	.solutions-list > li p strong {
		font-size: 24px;
		color: #111;
		font-weight: 500
	}

	.support {
		color: #111;
		line-height: 1.8
	}

	.flex-half {
		margin-bottom: 40px
	}

	.flex-half-l {
		width: 50%;
		padding-right: 6%
	}

	.flex-half-r {
		width: 50%
	}

	.support .flex-half-r {
		border: 1px solid #EFEFEF
	}

	.sup-bref1::before {
		content: '';
		display: inline-block;
		width: 60px;
		height: 1px;
		background: #484742;
		opacity: .5;
		vertical-align: middle;
		margin-right: 10px
	}

	.sup-name {
		display: block;
		font-size: 26px;
		color: #111;
		line-height: 1.3;
		margin: 10px 0px
	}

	.sup-bref2 {
		font-size: 16px;
		color: #555;
		line-height: 1.6
	}

	.sup-text {
		margin: 20px 0 30px;
		font-size: 16px
	}

	.sup-list > li {
		max-width: 50%;
		margin-right: 10px
	}

	.sup-list > li div {
		font-size: 20px;
		font-weight: 500;
		color: #111
	}

	.sup-list > li div p {
		display: inline-block;
		border-bottom: 1px solid #EEE;
		position: relative;
		line-height: 1.3;
		padding: 10px 0px
	}

	.sup-list > li div p::before {
		content: '';
		display: block;
		width: 40px;
		height: 4px;
		background: #FE9900;
		position: absolute;
		bottom: -2px;
		left: 0
	}

	.sup-list > li strong {
		font-size: 40px;
		font-weight: 500;
		color: #000;
		line-height: 1.7
	}

	.flex-reverse {
		flex-direction: row-reverse
	}

	.flex-reverse .flex-half-l {
		padding: 0 0 0 6%
	}

	.sup-list2 > li {
		display: flex;
		flex-wrap: wrap
	}

	.sup-list2 > li .iconfont {
		font-size: 40px;
		color: #FE9900;
		line-height: 1
	}

	.sup-list2 > li > div {
		flex: 1;
		padding-left: 16px
	}

	.sup-list2 > li > div p {
		font-size: 16px;
		color: #555;
		line-height: 1.7
	}

	.sup-list2 > li > div p:nth-child(1) {
		font-size: 20px;
		color: #111;
		line-height: 1.3;
		margin-bottom: 6px
	}

	.application {
		color: #111;
		line-height: 1.8
	}

	.app-name {
		display: block;
		font-size: 26px;
		font-weight: 500;
		color: #111;
		margin-bottom: 20px;
		line-height: 1.3;
		padding-top: 6px
	}

	.president-l, .teami-l {
		width: 40%
	}

	.president-r, .teami-r {
		width: 60%;
		padding-left: 2%
	}

	.president-r p, .teami-r p {
		margin-bottom: 10px
	}

	.flex-reverse .teami-r {
		padding: 0 2% 0 0
	}

	.president-r h6, .teami-r h6 {
		font-size: 24px;
		margin-bottom: 20px;
		line-height: 1.3
	}

	.teami {
		margin-bottom: 3%
	}

	#brand-history-list {
		padding-bottom: 160px;
		*zoom: 1
	}

	#brand-history-list:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		clear: both
	}

	#brand-history-list li {
		position: relative;
		height: 130px;
		width: 50.6%;
		background-size: auto 80% !important
	}

	#brand-history-list li h2 {
		color: #000;
		font-size: 40px;
		white-space: nowrap;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		transition: .3s
	}

	#brand-history-list li:hover h2 {
		color: #FE9900
	}

	#brand-history-list li p {
		color: #999;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		transition: .3s;
		max-height: 170px;
		overflow: hidden;
		line-height: 1.5
	}

	#brand-history-list li:hover p {
		color: #333
	}

	#brand-history-list li.left, #brand-history-list li:nth-of-type(2n+1) {
		float: left;
		background: url(../images/history_01.png) 100% 100% no-repeat
	}

	#brand-history-list li.left h2, #brand-history-list li:nth-of-type(2n+1) h2 {
		position: absolute;
		bottom: 10%;
		right: 10%
	}

	#brand-history-list li.left p, #brand-history-list li:nth-of-type(2n+1) p {
		position: absolute;
		top: 105%;
		right: 10%;
		width: 84%;
		text-align: right
	}

	#brand-history-list li.right, #brand-history-list li:nth-of-type(2n) {
		float: right;
		background: url(../images/history_02.png) 0 100% no-repeat
	}

	#brand-history-list li.right h2, #brand-history-list li:nth-of-type(2n) h2 {
		position: absolute;
		bottom: 10%;
		left: 10%
	}

	#brand-history-list li.right p, #brand-history-list li:nth-of-type(2n) p {
		position: absolute;
		top: 105%;
		left: 10%;
		width: 84%
	}

	.rank-flex {
		justify-content: space-between
	}

	.rank-flex > li {
		width: 32%;
		text-align: center;
		background: #FFF;
		margin-top: 2%;
		padding: 2%;
		position: relative;
		box-shadow: 0 0 10px #EEE
	}

	.rank-flex > li p:nth-of-type(2) {
		margin-bottom: 0;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.3;
		text-transform: capitalize
	}

	.rank-flex > li::before {
		position: absolute;
		top: 0;
		right: 2%;
		font-size: 140px;
		color: rgba(255, 255, 255, .5);
		line-height: 1
	}

	.rank-flex > li:nth-child(1)::before {
		content: '1'
	}

	.rank-flex > li:nth-child(2)::before {
		content: '2'
	}

	.rank-flex > li:nth-child(3)::before {
		content: '3'
	}

	.rank-flex > li:nth-child(4)::before {
		content: '4'
	}

	.rank-flex > li:nth-child(5)::before {
		content: '5'
	}

	.rank-flex > li:nth-child(6)::before {
		content: '6'
	}

	.ch-flex {
		margin-top: 3%
	}

	.ch-flex > li {
		width: 25%;
		border: 1px solid #EFEFEF;
		padding: 2%;
		text-align: center
	}

	.ch-flex > li:not(:nth-child(4n)) {
		border-right: none
	}

	.ch-flex > li:nth-child(n+5) {
		border-top: none
	}

	.ch-flex > li img {
		max-width: 236px;
		max-height: 342px
	}

	.ch-flex > li p {
		margin-top: 10px
	}

	.proequ-list > div {
		width: calc(25% - 8px);
		margin: 0 10px 10px 0
	}

	.proequ-list {
		margin-top: 3%
	}

	.proequ-list > div img {
		display: block;
		width: 100%
	}

	.proequ-list > div:nth-of-type(4n) {
		margin-right: 0
	}

	.organ-item {
		width: 25%;
		text-align: center;
		padding: 0 4% 4%
	}

	.organ-item img {
		max-width: 140px !important
	}

	.organ-item h6 {
		font-size: 20px;
		line-height: 1.3;
		margin: 10px 0;
		font-style: italic
	}

	.organ-item h6 > span {
		font-size: 24px;
		font-style: initial
	}

	.ch-name {
		font-size: 20px;
		margin: 10px 0px
	}

	.ch-name + p {
		margin-bottom: 20px
	}

	.company-honor > div:nth-of-type(1) {
		width: 58%
	}

	.company-honor > div:nth-of-type(2) {
		width: 40%
	}

	.office-l {
		width: 60%;
		padding-right: 2%
	}

	.office-l p {
		margin-bottom: 10px
	}

	.office-r {
		width: 40%
	}

	.flex-reverse .office-l {
		padding: 0 0 0 2%
	}

	.office-l .atext-t {
		font-size: 20px;
		line-height: 1.3;
		margin: 10px 0px
	}

	.office > .flex {
		margin-top: 2%
	}

	.competitive-tit, .rdc-tit {
		font-size: 20px;
		line-height: 1.3;
		position: relative;
		padding-bottom: 8px;
		margin-bottom: 20px
	}

	.competitive-tit::before, .rdc-tit::before {
		content: '';
		display: block;
		width: 60px;
		height: 3px;
		background-color: #FE9900;
		position: absolute;
		bottom: 0;
		left: 0
	}

	.competitive-two .flex-jc-sb > div, .rdc .flex-jc-sb > div {
		width: 32%;
		margin: 2% 0
	}

	.competitive section p:nth-of-type(n+2), .cvision > p, .rdc > p:nth-of-type(n+2) {
		margin-bottom: 10px
	}

	.competitive-four {
		margin-top: 2%
	}

	.strategy-list {
		padding-left: 20px
	}

	.strategy-list, .strategy-list li {
		list-style-type: circle
	}

	.strategy-list li {
		margin: 10px 0px
	}

	.cmission-item {
		width: 31.3%
	}

	.cmission-item-tit {
		font-size: 20px;
		line-height: 1.3;
		position: relative;
		text-transform: capitalize;
		padding-bottom: 8px;
		margin-bottom: 20px
	}

	.cmission-item-tit > span {
		color: #FE9900
	}

	.cmission-item-tit::before {
		content: '';
		display: block;
		width: 50px;
		height: 2px;
		background-color: #FE9900;
		position: absolute;
		bottom: 0;
		left: 0
	}

	.cvision .flex-jc-sb > div {
		width: calc(50% - 10px)
	}

	.cphil-item {
		width: 24%;
		text-align: center
	}

	.cphil-item p {
		text-transform: capitalize;
		font-size: 18px;
		margin-top: 10px;
		line-height: 1.3
	}

	.cphil-item img {
		max-width: 300px !important;
		width: 100%
	}

	@media (max-width: 1281px) {
		.ch-name {
			margin: 0
		}
	}
	@media (max-width: 1024px) {
		.solutions-list > li {
			width: 48%
		}

		.ch-flex > li img {
			max-width: 100% !important
		}

		.president-l, .teami-l {
			width: 100%
		}

		.president-r, .teami-r {
			width: 100%;
			padding: 20px 0 0
		}

		.teami {
			margin-bottom: 6%
		}

		.company-honor > div:nth-of-type(1) {
			width: 100%
		}

		.office-l {
			width: 100%;
			padding-right: 0
		}

		.office-r {
			width: 100%;
			margin-top: 20px
		}

		.flex-reverse .office-l {
			padding: 0
		}
	}
	@media (max-width: 850px) {
		.header nav .navNav {
			width: 100%
		}

		.flex-half-l, .president-l, .solu-flex-l, .teami-l {
			width: 100%;
			padding: 0
		}

		.president-r, .solu-flex-r, .teami-r {
			width: 100%;
			margin-top: .3rem;
			padding: 0 !important
		}

		.flex-half-r {
			width: 100%;
			margin-top: .4rem
		}

		.flex-reverse .flex-half-l {
			padding: 0
		}

		.sup-list2 > li > div p {
			font-size: 16px
		}

		.app-name, .ch-name, .cmission-item-tit, .competitive-tit, .office-l .atext-t, .organ-item h6, .rank-flex > li p:nth-of-type(2), .rdc-tit, .solu-name, .sup-name {
			font-size: .3rem
		}

		.organ-item h6 > span {
			font-size: .32rem
		}

		.solutions > .flex, .teami {
			margin-bottom: .4rem
		}

		.president-r h6, .teami-r h6 {
			font-size: .32rem;
			margin-bottom: 10px
		}

		.ch-flex > li {
			width: 50%;
			text-align: center
		}

		.ch-flex > li:nth-child(2n) {
			border-right: 1px solid #EFEFEF
		}

		.ch-flex > li:not(:nth-child(-n+2)) {
			border-top: none
		}

		.proequ-list > div {
			width: calc(50% - 5px)
		}

		.proequ-list > div:nth-of-type(2n) {
			margin-right: 0
		}

		.organ-item {
			width: 50%
		}

		.company-honor > div:nth-of-type(2) {
			width: 100%;
			margin-top: 20px
		}

		.competitive section {
			margin-bottom: .4rem
		}

		.rank-flex > li {
			width: 49%
		}

		.cmission-item {
			width: 100%;
			margin-bottom: .4rem
		}

		.cvision .flex-jc-sb > div {
			width: 100%;
			margin-bottom: 20px
		}

		.cphil-item {
			width: 48%;
			margin-bottom: .4rem
		}
	}
	@media (max-width: 540px) {
		#brand-history-list li h2 {
			font-size: 26px
		}
	}
	@media (max-width: 481px) {
		.solutions-list {
			margin: .2rem 0
		}

		.solutions-list > li {
			width: 100%;
			padding: .2rem .3rem .4rem
		}

		.solutions-list > li p strong {
			font-size: 18px
		}

		.app-name, .president-r h6, .solu-name, .sup-name, .teami-r h6 {
			font-size: 20px
		}

		.sup-list > li {
			max-width: 100%
		}

		.solutions-list > li p {
			font-size: 16px
		}

		.rank-flex > li::before {
			font-size: 70px
		}

		.rank-flex > li img {
			max-width: 80px !important
		}

		.organ-item img {
			max-width: 90px !important
		}

		.competitive-two .flex-jc-sb > div, .rdc .flex-jc-sb > div {
			width: 100%
		}
	}
	@media (max-width: 415px) {
		.sup-bref2, .sup-list > li div, .sup-text {
			font-size: 16px
		}

		.sup-list > li strong {
			font-size: 30px
		}

		.ch-flex > li p, .cphil-item p {
			font-size: 14px
		}

		#brand-history-list li p {
			max-height: 2.7rem
		}
	}
	@media (max-width: 321px) {
		.app-name, .president-r h6, .solu-name, .sup-name, .teami-r h6 {
			font-size: 18px
		}
	}
	.flex {
		display: flex;
		flex-wrap: wrap
	}

	.flex-ai-c {
		display: flex;
		flex-wrap: wrap;
		align-items: center
	}

	.flex-jc-sb {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.flex-jc-c {
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}

	.flex-jc-ai-c {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center
	}

	.asynproject li {
		display: flex;
		align-items: center
	}

	.asynproject .project-img {
		width: 25%
	}

	.asynproject .project-img img {
		width: 100%
	}

	.asynproject .project-info {
		width: 70%;
		padding-left: 2%
	}

	.asynproject .project-name {
		line-height: 1.4
	}

	.asynproject .project-name img {
		display: none
	}

	@media (max-width: 415px) {
		.asynproject .project-img {
			width: 40%
		}

		.asynproject .project-info {
			width: 58%;
			padding-left: 2%
		}
	}
	.wmck-advan-box, .wmck-advan-boxs {
		padding: 10px 25px;
		width: 33%;
		text-align: center
	}

	.wmkc-advan-img {
		margin: 40px auto 0;
		width: 45px;
		height: 45px
	}

	.wmck-advan-box p:nth-of-type(1), .wmck-advan-boxs p:nth-of-type(1) {
		display: -webkit-box;
		overflow: hidden;
		margin-bottom: 20px;
		padding: 30px 0 0 0;
		font-weight: 800;
		font-size: 18px;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2
	}

	.wmck-advan-box p:nth-of-type(2), .wmck-advan-boxs p:nth-of-type(2) {
		display: -webkit-box;
		overflow: hidden;
		margin-bottom: 40px;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4
	}

	.wmkc-advan {
		display: flex;
		flex-wrap: wrap
	}

	.wmck-advan-boxs {
		background-color: #f5f5f5
	}

	.wmkc-history-box, .wmkc-history-boxs {
		display: flex;
		width: 50%
	}

	.wmkc-history-boxs {
		margin-left: auto
	}

	.wmkc-history-boxs .wmkc-history-g {
		margin-left: auto
	}

	.wmkc-history-boxs .wmkc-history-time {
		margin-left: 20px;
		text-align: left
	}

	.wmkc-history-main {
		display: flex;
		justify-content: center;
		align-items: center
	}

	.wmck-history-img {
		flex: 1
	}

	.wmkc-history-time {
		text-align: end;
		font-weight: 800;
		font-size: 25px
	}

	.wmkc-history-png {
		overflow: hidden;
		width: 165px;
		height: 165px;
		border-radius: 100%
	}

	.wmkc-history-png img {
		width: 100%
	}

	.wmkc-history-all {
		margin-top: 80px
	}

	.wmkc-history-p {
		margin-left: 20px;
		padding: 0 0 50px 0;
		width: 80%
	}

	.wmkc-history-g {
		position: relative;
		margin-left: 25px;
		width: 2px;
		height: auto;
		background-color: #ECECEC
	}

	.wmkc-history-q {
		position: absolute;
		left: -10px;
		width: 20px;
		height: 20px;
		border: 2px solid #214c96;
		border-radius: 100%;
		background-color: #ECECEC
	}

	.wmkc-history-xq {
		position: relative;
		top: 3px;
		left: 3px;
		width: 10px;
		height: 10px;
		border-radius: 100%;
		background-color: #214c96
	}

	.wmkc-history-sx {
		position: relative;
		top: -105px;
		right: -4px;
		width: 1px;
		height: 100px;
		background-color: #DFDFDF
	}

	.wmkc-history-sx::after {
		position: absolute;
		top: 20px;
		left: -9px;
		width: 15px;
		height: 15px;
		border: 2px solid #DFDFDF;
		border-radius: 100%;
		background-color: #FFF;
		content: ''
	}

	.wmkc-team-box {
		display: flex;
		margin-top: 50px;
		margin-bottom: 50px;
		justify-content: space-around
	}

	.wmkc-team-people {
		width: 30%;
		text-align: center
	}

	.wmkc-team-p img {
		width: 4%
	}

	.wmck-team-img {
		margin: auto;
		width: 50%
	}

	.wmck-team-img img {
		width: 80%
	}

	.wmkc-team-people p:nth-of-type(1) {
		font-weight: 400;
		font-size: 24px
	}

	.wmkc-team-people p:nth-of-type(2) {
		position: relative;
		margin-bottom: 30px;
		color: #797979
	}

	.wmkc-team-tow {
		margin: auto;
		width: 55px;
		height: 3px;
		background-color: #FFF
	}

	.wmkc-team-bj {
		background: url(../images/bj.jpg) no-repeat center;
		background-size: 100% 100%;
		text-align: center
	}

	.wmkc-team-bj p:nth-of-type(1) {
		color: #FFF;
		font-size: 28px
	}

	.wmkc-team-bj p:nth-of-type(2) {
		margin-bottom: 20px;
		color: #FFF
	}

	.wmkc-team-bjtp {
		padding: 100px 0;
		background-color: #214c96;
		opacity: .4
	}

	.wmkc-team-footer {
		display: flex;
		padding: 0 100px;
		padding: 95px 0;
		justify-content: space-around;
		flex-wrap: wrap
	}

	.wmkc-team-y {
		margin-top: 20px;
		width: 18%;
		text-align: center
	}

	.wmkc-office-one img:nth-of-type(1) {
		margin-bottom: 20px
	}

	.wmkc-office-box {
		display: flex;
		justify-content: space-between
	}

	.wmkc-office-one {
		width: 36%
	}

	.wmkc-office-im, .wmkc-office-img {
		position: relative;
		width: 62%
	}

	.wmkc-office-im p, .wmkc-office-img p {
		position: absolute;
		bottom: 0;
		padding: 20px 0;
		width: 100%;
		background-color: #797979;
		text-align: center;
		opacity: .8
	}

	.wmkc-office-im img, .wmkc-office-img img {
		width: 100%;
		height: 100%
	}

	.wmkc-office-one {
		display: flex;
		flex-direction: column
	}

	.wmkc-office-main {
		display: flex;
		padding: 20px 0;
		justify-content: space-between
	}

	.wmkc-office-main img {
		width: 49%
	}

	@media (max-width: 768px) {
		.wmck-advan-box, .wmck-advan-boxs, .wmkc-certi-tupian {
			width: 100%
		}

		.wmkc-history-main {
			flex-direction: column
		}

		.wmkc-history-p {
			margin-left: 0;
			padding: 0 0 10px 0;
			width: 100%
		}

		.wmkc-history-time {
			text-align: left;
			font-size: 20px
		}

		.wmkc-history-box, .wmkc-history-boxs {
			padding: 20px 0;
			width: 100%
		}

		.wmck-history-img {
			padding: 20px 0
		}

		.wmkc-history-g {
			display: none
		}

		.wmkc-history-boxs .wmkc-history-main {
			flex-direction: column-reverse
		}

		.wmkc-history-boxs .wmkc-history-time {
			margin-left: 0
		}

		.wmkc-team-y {
			width: 50%
		}

		.wmkc-team-y img {
			width: 80%
		}

		.wmkc-team-bj p:nth-of-type(1) {
			font-size: 20px
		}

		.wmkc-team-bj p:nth-of-type(2) {
			font-size: 16px
		}

		.wmkc-team-footer {
			padding: 50px 0
		}

		.wmkc-team-people {
			margin-top: 20px;
			width: 100%
		}

		.wmkc-team-people p:nth-of-type(1) {
			font-size: 20px
		}

		.wmkc-team-box {
			flex-direction: column
		}

		.wmkc-team-bjtp {
			padding: 50px 0
		}

		.wmck-team-img img {
			width: 60%
		}

		.wmkc-team-people p:nth-of-type(2) {
			margin-bottom: 10px
		}

		.wmkc-office-box, .wmkc-office-main {
			flex-direction: column
		}

		.wmkc-office-im, .wmkc-office-img, .wmkc-office-main img, .wmkc-office-one {
			width: 100%
		}

		.wmkc-office-one img:nth-of-type(2) {
			margin-bottom: 20px
		}

		.wmkc-office-im p, .wmkc-office-img p {
			bottom: 6px;
			padding: 10px 0
		}

		.wmkc-office-main img:nth-of-type(1) {
			margin-bottom: 20px
		}

		.wmkc-office-im {
			margin-bottom: 20px
		}
	}
	.fnav-flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.fnav-flex li {
		width: 100%
	}

	@media (max-width: 768px) {
		footer .footerCenter .fnav {
			justify-content: flex-start
		}

		footer .footerTop .footerLeft .footerLeftT li, footer .footerTop > div {
			margin-bottom: 10px
		}
	}
	#feedbackForm .inquiry-form .feed-verification {
		width: 100%;
		display: flex;
		margin-top: 10px
	}

	#feedbackForm .inquiry-form .feed-verification input {
		margin: 0px;
		flex: 1;
		border: 1px solid #E5E5E5;
		max-width: 300px
	}

	#feedbackForm .inquiry-form .feed-verification img {
		width: 90px;
		height: 100% !important;
		cursor: pointer
	}

	@media (max-width: 1024px) {
		.mobcate-main {
			flex-wrap: wrap
		}

		.mobcate-main .productSide {
			display: block;
			width: 100%;
			margin: 0px;
			padding: 0px
		}

		.mobcate-main .productSide .productSideCenter, .mobcate-main .productSide .productSideBottom {
			display: none
		}

		.mobcate-main .productSide .productSideTop {
			position: relative
		}

		.mobcate-main .productSide .productSideTop .sf-menu {
			top: 110%;
			left: 0;
			right: 0;
			padding: 0;
			z-index: 20;
			display: none;
			background-color: #FFF;
			box-shadow: rgb(0 0 0 / 20%) 0 2px 16px
		}

		.mobcate-main .productSide .productSideTop .TitleName {
			background-color: transparent;
			color: #000;
			padding: 10px 0;
			border-bottom: 1px solid #DDD;
			cursor: pointer;
			background: url(/images/cate-btn.png) right center/24px no-repeat
		}

		.productSide .productSideTop .sf-menu .menu-item {
			padding-right: 30px
		}

		.productSide .productSideTop .sf-menu .menu-item i {
			right: 10px
		}

		.productSide .productSideTop .sf-menu .menu-item i.active {
			transition: .3s;
			background-image: url("../images/sub.png");
		}
	}
	@media (min-width: 769px) {
		.newsJgg li .newsJggitem .newsJggB span, .products-ninelist-0 > li .products-item-name .products-list-content {
			-webkit-line-clamp: initial;
			max-height: 100%
		}
	}
	.detailsTopRightyun ul li .LayImAhrefNode {
		display: block;
		text-transform: capitalize;
		padding: 10px 20px;
		border: 1px solid #214c96;
		color: #214c96;
		font-size: 16px
	}

	.detailsTopRightyun ul li .LayImAhrefNode:hover {
		box-shadow: 1px 1px 3px #BBB
	}

	@media (max-width: 1024px) {
		.detailsTopRightyun ul li .LayImAhrefNode {
			font-size: 16px;
			padding: 15px 20px
		}
	}
	#tagContent {
		padding-top: 10px
	}

	#tags {
		display: flex;
		flex-wrap: wrap
	}

	#tags li {
		margin-bottom: 10px;
		float: left
	}

	#tags li a {
		text-decoration: none;
		display: block;
		line-height: 1.4;
		padding: 12px 0;
		margin-right: 25px;
		border-bottom: 2px solid #FFF;
		color: #111;
		font-size: 20px
	}

	#tags li:last-child a {
		margin-right: 0
	}

	ul#tags li.selectTag a {
		color: #214c96;
		border-color: #214c96
	}

	.tagContent {
		display: none;
		width: 100%
	}

	#tagContent div.selectTag {
		display: block
	}

	@media (max-width: 768px) {
		#tags li a {
			font-size: 17px;
			margin-right: 15px
		}
	}
	@media (max-width: 560px) {
		#tags li a {
			font-size: 15px;
			margin-right: 12px
		}
	}
	h4.cate-h4, h4.pro-h4 {
		clear: both;
		font-weight: bold
	}

	ul.cate-ulli, ul.pro-ulli {
		clear: both;
		padding: 10px 0px 10px 20px
	}

	ul.cate-ulli li, ul.pro-ulli li {
		list-style-type: disc;
		line-height: 175%
	}

	.productBannerTitle {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%
	}

	.productBanner .breadcrumbs-nav {
		width: 100%;
		max-width: 85%;
		position: absolute;
		bottom: -2px;
		text-align: left;
		left: 50%;
		transform: translateX(-50%)
	}

	.productBanner .breadcrumbs-nav > div {
		display: inline-block;
		background: #FFF;
		min-height: 30px;
		color: #111;
		padding: 0px 20px;
		line-height: 2;
		font-size: 14px
	}

	.productBanner .breadcrumbs-nav a {
		color: #111;
		font-size: 14px
	}

	@media (max-width: 1366px) {
		.productBanner .breadcrumbs-nav {
			max-width: 100%
		}
	}
	@media (max-width: 768px) {
		.banner .swiper-button-next, .banner .swiper-button-prev {
			display: none
		}
	}
	.footerPhone {
		display: none
	}

	@media (max-width: 768px) {
		.footerPhone {
			display: block
		}
	}
	.send-btn {
		display: flex;
		width: 120px;
		margin: 30px auto
	}

	.send-btn .span:nth-child(1) {
		margin: 0px;
		width: 100%
	}

	.productMainContact .send-btn {

	}

	.lang {
		width: auto;
		position: relative;
		z-index: 9999;
		text-align: left;
		margin-left: 10px
	}

	.lang-icon {
		display: flex;
		align-items: center;
		width: 100%;
		height: 30px;
		border: none;
		cursor: pointer;
		font-size: 14px;
		user-select: none;
		white-space: nowrap
	}

	.lang-icon > img {
		margin-right: 5px;
		margin-top: 3px
	}

	.lang-icon span {
		position: relative;
		padding-right: 18px
	}

	.lang-icon span::before {
		content: "";
		position: absolute;
		right: 4px;
		top: 11px;
		width: 8px;
		height: 1px;
		background: #000;
		transform: rotate(50deg)
	}

	.lang-icon span::after {
		content: "";
		position: absolute;
		right: 0;
		top: 11px;
		width: 8px;
		height: 1px;
		background: #000;
		transform: rotate(-50deg)
	}

	.lang-drop {
		position: absolute;
		top: calc(100% + 26px);
		right: 50%;
		transform: translateX(50%);
		background: #FFF;
		border: 1px solid #EBEEF5;
		border-radius: 4px;
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
		z-index: 9999;
		visibility: hidden;
		opacity: 0;
		transition: opacity .3s, top .3s
	}

	.lang-drop.lang-flex {
		transform: translateX(25%)
	}

	.lang-drop.lang-flex .lang-arrow {
		left: 75%
	}

	.lang-drop.active {
		visibility: visible;
		opacity: 1;
		top: calc(100% + 12px)
	}

	.lang-arrow {
		display: block;
		width: 10px;
		height: 10px;
		background-color: #FFF;
		border-top: 1px solid #EBEEF5;
		border-left: 1px solid #EBEEF5;
		transform: translateX(-50%) rotate(45deg);
		position: absolute;
		top: -6px;
		left: 50%
	}

	.lang-wrap {
		width: 140px;
		padding: 8px 0;
		box-sizing: border-box
	}

	.lang-flex .lang-wrap {
		width: 340px;
		display: flex;
		flex-wrap: wrap;
		padding: 8px
	}

	.lang-wrap li {
		width: 100%;
		padding: 8px 16px;
		box-sizing: border-box;
		transition: background-color .3s
	}

	.lang-flex .lang-wrap li {
		width: 33%;
		padding: 8px 6px
	}

	.lang-wrap li.lang-active, .lang-wrap li:hover {
		background-color: #EEE
	}

	.lang-wrap li a {
		color: #000;
		display: block;
		font-size: 12px;
		text-decoration: none;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.lang-wrap li img {
		display: inline-block;
		width: 24px;
		height: 16px;
		vertical-align: -.25em;
		margin-right: 4px
	}

	@media (max-width: 768px) {
		.lang {
			margin-left: auto;
			position: fixed;
			top: 16px;
			right: 65px;
			transition: all .2s linear
		}

		.lang-icon span {
			display: none
		}

		.lang-icon > img {
			width: 36px;
			height: 24px;
			margin-top: 0
		}

		.lang-drop {
			display: none
		}

		.lang-drop.active {
			display: block
		}
	}

	@font-face {
		font-family: iconfont;
		font-display: swap;
		src: url(../font/iconfont.woff2) format('woff2'), url(../font/iconfont.woff) format('woff'), url(../font/iconfont.ttf) format('truetype')
	}

	.iconfont {
		font-style: normal;
		font-size: 16px;
		font-family: iconfont !important;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	.icon-tiktok:before {
		content: "\ecdc"
	}

	.icon-pinterest:before {
		content: "\e63a"
	}

	.icon-linkedin:before {
		content: "\e6bf"
	}

	.icon-youtube:before {
		content: "\e764"
	}

	.icon-instagram:before {
		content: "\e87f"
	}

	.icon-twitter:before {
		content: "\e882"
	}

	.icon-facebook:before {
		content: "\e71a"
	}

	.icon-phone:before {
		content: "\e66f"
	}

	.icon-jiantouyou:before {
		content: "\e616"
	}

	.icon-skype:before {
		content: "\e7f2"
	}

	.icon-mail:before {
		content: "\e690"
	}

	.icon-commenting:before {
		content: "\e629"
	}

	.icon-youjiantou:before {
		content: "\e600"
	}

	.icon-gouwuceh:before {
		content: "\e604";
	}

	.icon-whatsapp:before {
		content: "\e97b"
	}

	.icon-home:before {
		content: "\e821"
	}

	.icon-close:before {
		content: "\e618";
	}
}

.icon-close:before {
	content: "\e618";
	color: #e0810a;
}