div,
ul,
li,
ol,
table,
h1,
h2,
h3,
h4,
h5,
form {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}

@font-face {

	font-family: DIN;

	src: url(../fonts/DIN-Medium-2.otf);

	url("../fonts/DIN-Medium-2.otf") format("DIN-Medium-2.otf"),

	font-weight: normal;

}

html,
body {

	height: 100%;

	font-size: 100%;

}

body {

	padding-top: 6.25rem;

}

body.gray-bg {

	background: #f8f8f8;

}

.new-position {
	/* width: 73.5%; */
	margin: 0 auto;
	/* padding:0 13.5% 1.5rem 15.5%; */
	width: 75%;
	padding-left: 15px;
	padding-bottom: 1.5rem;
}

.pro-group {
	width: 100%;
}

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

	html,
	body {

		font-size: 1.125rem !important;

	}

	.container {

		width: 70%;

	}

	.new-position {
		width: 70%;
		margin: auto;
	}

	.swiper-slide {

		width: 16.6666%;

	}

}

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

	html,
	body {

		font-size: 1rem;

	}

	.container {

		width: 80%;

	}

	.new-position {
		width: 80%;
		margin: auto;
	}

	.swiper-slide {

		width: 16.6666%;

	}

}

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

	html,
	body {

		font-size: 100% !important;

	}

	.container {

		width: 75%;

	}

	.new-position {
		width: 75%;
		margin: auto;
	}

}

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

	.container {

		width: 88%;

	}

	.new-position {
		width: 88%;
		margin: auto;
	}

	.swiper-slide {

		width: 15.2%;

	}

}

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

	html,
	body {

		font-size: 0.955rem !important;

	}

	.container {

		width: 88%;

	}

	.new-position {
		width: 88%;
		margin: auto;
	}

	.swiper-slide {

		width: 15.2%;

	}

}

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

	html,
	body {

		font-size: 0.955rem !important;

	}

	.container {

		width: 90%;

	}

	.new-position {
		width: 90%;
		margin: auto;
	}

	.swiper-slide {

		width: 15.2%;

	}

}

@media screen and (min-width: 1280px) {

	html,
	body {

		font-size: 0.955rem !important;

	}

	.container {

		width: 90%;
		max-width: 1280px
	}

	.new-position {
		width: 90%;
		margin: auto;
	}

	.swiper-slide {

		width: 15.2%;

	}

}


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

	html,
	body {

		font-size: 0.8125rem !important;

	}

	.container {

		width: 93.75%;

	}

	.new-position {
		width: 93.75%;
		margin: auto;
	}

	.swiper-slide {

		width: 15.2%;

	}



}

/* @media screen and (max-width: 1150px){
	header .nav-group>li {
		margin-right: 1vw;
	}
	header .nav-group>li>a {
		padding: 0.75rem 0.8vw;
} */

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

	html,
	body {

		font-size: 0.625rem !important;

	}

	.container {

		width: 100%;

	}

	.new-position {
		width: 100%;
		margin: auto;
	}

	.swiper-container1 .swiper-slide {

		width: 25%;

	}

}

@media (max-width: 992px) {

	.container {

		width: 100%;

	}

	.new-position {
		width: 100%;
		margin: auto;
	}

	html,
	body {

		font-size: 0.625rem !important;

	}

}



@media (max-width: 768px) {

	.container {

		width: 100%;

	}

	.new-position {
		width: 100%;
		margin: auto;
	}

	html,
	body {

		font-size: 0.625rem !important;

	}


}

@media (max-width: 480px) {

	html,
	body {

		font-size: 1rem !important;

	}

	.container {

		width: 100%;

	}

	.new-position {
		width: 100%;
		margin: auto;
	}

	html,
	body {

		font-size: 100%;

	}

}

@media (max-width: 375px) {

	html,
	body {

		font-size: 0.875rem !important;

	}

}

@media (max-width: 320px) {

	html,
	body {

		font-size: 0.75rem !important;

	}

}

li {

	list-style: none;

}

a,
a:hover,
a:active,
a:focus {

	text-decoration: none;


}

a:hover,
a:active,
a:focus {

	transition: all 0.5s linear;

}

h1,
h2,
h3,
h4,
h5 {

	margin: 0;

	padding: 0;

}

.btn {

	border-radius: 0;

}

.btn-primary {

	background-color: #024f9d;

}

.btn-success {

	background-color: #5db732;

}

.nav-tabs {

	border: none;

}

.nav-tabs>li>a {
	padding-left: 2rem;
	padding-right: 2rem;
	margin: 0;
	color: #7d7d7d;
	font-size: 1.25rem;
	border: 0;
	border-radius: 0;
}

.nav-tabs>li.active>a,

.nav-tabs>li.active>a:hover,

.nav-tabs>li.active>a:focus {
	border: 0;
	border-radius: 0;
	background: #024f9d;
	color: #fff;
}

.carousel-inner>.item>img,

.carousel-inner>.item>a>img {

	width: 100%;

}

.index-tab .nav-tabs {

	margin-bottom: 2rem;

}

.inNews-group {

	display: grid;
	display: -ms-grid;

	grid-template-rows: 1fr 1fr 1fr;

	height: 26rem;
	width: 70%;

}

.inNews-group a:nth-of-type(1) {
	-ms-grid-row: 1;
}

.inNews-group a:nth-of-type(2) {
	-ms-grid-row: 2;
}

.inNews-group a:nth-of-type(3) {
	-ms-grid-row: 3;
}

.show1 {
	display: none;
}

.inNews-group .inNews-item {

	border-top: 1px solid #eee;

}

.inNews-group .inNews-item:last-child {

	border-bottom: 1px solid #eee;

}

.pic-box {

	overflow: hidden;

}

.pic-box img {

	width: 100%;

}

.pic-box_new {
	background-image: url(../img/ev.jpg);
	background-position: center;
	/* background-size: 100%; */
	height: 200px;
	background-repeat: no-repeat;
}

/* .pic-box_new a{
	height: 100%;
	width: 100%;
} */

.page-menu {

	padding-top: 1.5rem;

	color: #7d7d7d;

}

.page-menu>i {

	color: #c0c0c0;

}

.btn-more {

	position: relative;

	display: inline-block;

	background: #024f9d;

	color: #fff;

	text-align: center;

	font-size: 0.875rem;

	line-height: 2.75rem;

	height: 2.75rem;

	width: 9.375rem;

}

.btn-more span {

	position: relative;

	z-index: 1;

}

.btn-more i {

	position: absolute;

	right: 0;

	top: 0;

	background: #5db733;

	width: 5px;

	height: 100%;

	z-index: 0;

}

.btn-more:hover {

	color: #fff;

}

.btn-more:hover i {

	width: 100%;

	transition: all 0.5s linear;

}



.toPage .form-control {

	display: inline-block;

	width: 80px;

}



.pagination {

	vertical-align: middle;

}

.pagination>li {

	display: inline-block;

	margin: 0 5px;

}

.pagination>li>a,
.pagination>li>span {

	background: #f5f5f5;

	border-color: #f5f5f5;

}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {

	background-color: #024f9d;

}

.container {

	display: flex;



}

.container::before,
.container::after {

	display: none;

}

header {

	background: #fff;

	height: 6.25rem;

}

header .container {

	align-items: center;

	height: 6.25rem;

	justify-content: space-between;

}

header .container>img {

	height: 80%;

}

header .nav-box {

	display: flex;

	align-items: center;

}

header .nav-group>li {

	margin-right: 1rem;

	display: inline-block;

}

header .nav-group>li>a {

	position: relative;

	padding: 0.75rem 0.8vw;

	display: block;

	line-height: 4.75rem;

	font-size: 1rem;

}

header .nav-group>li>a::before {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	height: 4px;

	background: #024f9d;

}

header .nav-group>li:hover>a,

header .nav-group>li:active>a,

header .nav-group>li:focus>a {

	color: #024f9d;

}

header .nav-group>li:hover>a::before,

header .nav-group>li:active>a::before,

header .nav-group>li:focus>a::before {

	animation: navborder 0.5s linear forwards;

}

header .nav-group:last-child>li>a::before {

	display: none;

}

header .container form {

	margin-bottom: 0;

	display: flex;

	align-items: center;

}

header .nav-group:last-child>li>a {

	width: 5.5rem;

}

header .nav-group:last-child>li {

	margin-right: 0;

}

header .container .line {

	margin-left: 1rem;

	background: #d2d2d2;

	height: 30px;

	width: 1px;

}

header .form-group {

	margin-bottom: 0;

}

@keyframes navborder {

	from {
		width: 0;
	}

	to {
		width: 100%
	}

}

.mobile-link a {

	display: inline-block;

	margin-left: 1rem;

	font-size: 1.25rem;

}

.form-group {

	position: relative;

}

.form-group .btn-sub {

	padding: 0;

	position: absolute;

	top: 0;

	right: 0;

	line-height: 34px;

	font-size: 1.2rem;

	text-align: center;

	border-radius: 100%;

	color: #fff;

	background: #024f9d;

	width: 34px;

	height: 34px;

}

.form-control {

	border-radius: 34px;

}



footer {

	padding-top: 70px;

	background: #001f3f;

	color: #c4c4c4;

	font-size: 0.875rem;

}

footer .container {

	justify-content: space-between;

	flex-wrap: wrap;

}

footer .container .link-map {

	display: flex;

	justify-content: space-between;

	width: 50%;

}

footer .container .link-map dl {

	display: inline-block;

	vertical-align: top;

}

footer .container .link-map dl dt {

	font-size: 1.125rem;

	font-weight: normal;

	margin-bottom: 1rem;

}

footer .container .link-map dl dd {

	line-height: 2;
}

footer .container .link-map dl dd>a {
	color: #c4c4c4;
}

footer .container .link-map dl dd a:hover {
	color: #fff;
}

footer .container .contact-info .tel {

	margin-bottom: 1.25rem;

}

footer .container .contact-info .tel>.iconfont {

	font-size: 1.8rem;

	margin-right: 1rem;

}

footer .container .contact-info .tel>span>small {

	display: block;

}

footer .container .contact-info .tel>span>b {

	white-space: nowrap;

}

footer .container .code-box>img {

	width: 100%;

}

footer .container .code-box>span {

	padding: 0.5rem 0;

	display: block;

	text-align: center;

}

footer .container .copyright {

	border-top: 1px solid #304963;

	padding: 1.25rem 0;

	color: #ddd;

	width: 100%;

}

footer .container .copyright a:link {

	/* border-top: 1px solid #304963; */

	padding: 1.25rem 0;

	color: #ddd;

	width: 100%;

}

footer .container .copyright a:visited {

	border-top: 1px solid #304963;

	padding: 1.25rem 0;

	color: #ddd;

	width: 100%;

}


.carousel {

	margin-bottom: 2rem;

}

.carousel-indicators li {

	width: 3.125rem;

	height: 0.25rem;

	margin: 0.25rem;

	text-indent: -999px;

	background-color: #fff;

	border: none;

	border-radius: 0;

}

.carousel-indicators .active {

	width: 3.125rem;

	height: 0.25rem;

	margin: 0.25rem;

	background-color: #5cb630;

}

.index-box {

	overflow: hidden;

}

.inBox-til {

	height: 7rem;

	color: #024f9d;

	font-size: 2.5rem;

	width: 100%;

}

.inBox-til span,
.inBox-til b {

	padding: 1.5rem 0;

}

.inBox-til>span {

	position: relative;

}

.inBox-til>span::before {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	background: #024f9d;

	width: 40%;

	height: 3px;

	z-index: 1;

}

.inBox-til>span::after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 1px;

	background: #c9c9c9;

	width: 100%;

	height: 1px;

	z-index: 0;

}

.box-aboutUs {

	background: url(../img/bg01.jpg) top left no-repeat;

	padding-bottom: 4rem;

}

.about-con {

	padding-top: 3.125rem;

	width: 68%;
	text-align: justify;
	justify-content: space-between;

}

.about-con>img {

	width: 100%;

}

.about-con .con-details {

	margin-right: 5rem;

}

.box-aboutUs .container {

	justify-content: space-between;

}

.box-aboutUs .container>.pic-box {

	flex-shrink: 0;

	width: 30%;

	height: auto;

}

.about-bottom {

	margin-bottom: 2rem;

	overflow: hidden;

	position: relative;

}

.about-bottom .btn-more {

	position: absolute;

	bottom: 0;

	left: 0;

}

.about-arrow {

	position: absolute;

	left: 0;

	top: 0;

	display: flex;

	width: 80%;

	z-index: 1;

}

.about-bottom>img {

	position: relative;

	width: 100%;

	z-index: 0;

}

.about-arrow .arrow {

	color: #191919;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

}

.about-arrow .arrow b {

	padding-right: 0.5rem;

	line-height: 3;

	font-size: 1.75rem;

	font-family: DIN;

}

.about-arrow .arrow>small {

	padding: 0.5rem 0;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	font-size: 1.125rem;

	align-items: center;

}

.about-arrow .arrow p {

	padding-top: 0rem;

	font-size: 1.125rem;

	flex-shrink: 0;

	width: 100%;

	text-align: center;

}

.box-product {

	padding-top: 5.9375rem;

	padding-bottom: 4.375rem;

	background: #f6f9fd url(../img/box2-bg.png) top left no-repeat;

	background-size: auto 100%;

}

.box-product .container {

	display: block;

}

.box-qa {

	padding: 3.75rem 0;

	background: url(../img/bg01.jpg) top left no-repeat;

}

.box-qa .container {

	justify-content: space-between;

}

.box-qa .inBox-til {

	margin-bottom: 3.75rem;

}

.box-qa .qa-til {

	margin-bottom: 3.75rem;

	font-size: 2.5rem;

}

.box-qa .qa-til span {

	font-weight: bold;

}

.box-qa .qa-til b {

	color: #5db733;

	display: block;

}

.box-qa .qa-stil {

	margin-bottom: 1.5rem;

	font-size: 1.25rem;

}

.toPage {

	text-align: right;

}

.qa-group {

	width: 55%;

	overflow: hidden;

}

.qa-group .qa-item {

	margin-top: 2rem;

	position: relative;

	overflow: hidden;

	display: flex;

	align-items: center;

	background: #eee;

	color: #333333;

	font-size: 1.5rem;

	border-radius: 8rem;

	height: 8rem;

	width: 100%;

}

.qa-group .qa-item b,
.qa-group .qa-item span {

	position: relative;

	z-index: 1;

}

.qa-group .qa-item i {

	position: absolute;

	left: 0;

	top: 0;

	background: #5db733;

	height: 100%;

	width: 0;

	z-index: 0;

}

.qa-group .qa-item:hover,

.qa-group .qa-item.active,

.qa-group .qa-item:active {

	color: #fff;

	transition: all 0.5s linear;

}

.qa-group .qa-item:hover i,

.qa-group .qa-item.active i,

.qa-group .qa-item:active i {

	width: 100%;

	transition: all 0.5s linear;

}

.qa-group .qa-item b {

	flex-shrink: 0;

	margin: 0 2rem 0 2.5rem;

	color: #d2d2d2;

	background: #ffffff;

	border-radius: 50%;

	text-align: center;

	font-weight: bold;

	font-size: 2rem;

	line-height: 3.5rem;

	height: 3.5rem;

	width: 3.5rem;

}

.box-product .swiper-container {

	margin-bottom: 2.8125rem;

	width: 100%;

}

.box-product .swiper-slide {

	text-align: center;

}

.box-product .swiper-slide img {

	width: 100%;

}

.inPro-item .pic-box {

	margin-bottom: 0.3125rem;

	display: block;

	border: 1px solid #eeeeee;

}

.inPro-item h3 {

	padding: 0.625rem;

	color: #595959;

	background: #fff;

	font-size: 1rem;

}

.proLink-item {

	padding: 0 1.875rem;

	display: flex;

	justify-content: space-between;

	align-items: center;

	background: #024f9d;

	color: #fff;

	border-radius: 0.625rem;

	height: 5rem;

	width: 100%;

}

.proLink-item span {

	font-size: 1.25rem;

}

.proLink-item span small {

	display: block;

	font-size: 0.875rem;

}

.proLink-item i {

	border: 2px solid #fff;

	border-radius: 100%;

	text-align: center;

	line-height: 2.75rem;

	font-size: 1.75rem;

	height: 2.875rem;

	width: 2.875rem;

}

.proLink-item:hover,
.proLink-item:active,
.proLink-item.active {

	color: #fff;

	background: #5db732;

}

.box-adv {

	padding: 6.25rem 0;

	background: url(../img/box3-bg.jpg) center center no-repeat;

	background-size: 100% 100%;

}

.box-adv .swiper-container {

	width: 100%;

	padding-bottom: 9rem;

}

.box-adv .swiper-container .swiper-slide .adv-item {

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;

}

.box-adv .swiper-container .swiper-slide .adv-item .adv-con {

	width: 60%;

}

.box-adv .swiper-container .swiper-slide .adv-item .pic-box {

	width: 50%;

}

.adv-til {

	color: #fff;

	margin-bottom: 4.375rem;

}

.adv-til b,
.adv-til small {

	display: block;

}

.adv-til small {

	margin-bottom: 1rem;

	font-weight: bold;

	color: rgb(255, 255, 255, 0.3);

	font-size: 2rem;

}

.adv-til b {

	font-size: 4.875rem;

	margin-bottom: 3.75rem;

}

.adv-til span {

	font-size: 3.125rem;

	font-weight: bold;

}

.adv-stil {

	margin-bottom: 2.25rem;

	font-size: 1.75rem;

	color: #5db732;

}

.adv-con p {

	width: 85%;

	font-size: 1.125rem;

	line-height: 2;

	color: #fff;

}

.swiper-pagination2 {

	display: flex;

	flex: 1;

}

.box-adv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	position: relative;

	margin: 0 1px;

	width: 25%;

	height: 5.625rem;

	line-height: 5.625rem;

	font-size: 1.5rem;

	border-radius: 0;

	opacity: 100;

	background: #fff;

}

.box-adv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {

	background: #5db732;

	color: #fff;

}

.box-adv .swiper-pagination-bullet-active::before {

	content: "";

	position: absolute;

	top: -24px;

	left: 50%;

	margin-left: -12px;

	width: 0;

	height: 0;

	border-top: 12px solid transparent;

	border-right: 12px solid transparent;

	border-bottom: 12px solid #5db732;

	border-left: 12px solid transparent;



}

.box-panners {

	padding: 4.375rem 0 3rem 0;

	background: #f4f4f4;

}

.box-panners .container {

	display: block;

}

.box-panners .panner-item {

	margin-bottom: 1.5rem;

	display: block;

	border: 1px solid #eee;

	/* max-height: 9rem; */

	background: #fff;

	overflow: hidden;

}

.box-panners .panner-item img {

	width: 100%;

}

.box-panners .panner-item:hover {

	border: 1px solid #5db733;

	transition: all 0.5s linear;

}

.box-news {

	padding: 4.375rem 0;

}

.index-tab .tab-content>.active {

	display: flex;

}

.tab-content-new>.tab-pane {
	display: unset;
	visibility: unset;
}

.index-tab .inBox-til {

	float: left;

	width: auto;

}

.index-tab .nav-tabs {

	margin-bottom: 0;

}

.box-picNews {

	margin-right: 4.375rem;

	overflow: hidden;

	padding: 2rem;

	width: 30%;

	background: #f8f8f8;

}

.box-picNews>span {

	font-size: 1.25rem;

	color: #7d7d7d;

}

.box-picNews h3 {

	padding: 1.5rem 0;

	font-size: 1.25rem
}

.box-picNews p {

	color: #7d7d7d;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	line-clamp: 3;

	-webkit-box-orient: vertical;

}

.box-picNews .pic-box {

	margin-bottom: 1.5rem;

}

.box-news .nav-tabs>li {

	float: right;

}

.inNews-item {

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: flex-start;



}

.inNews-item h4 {

	margin-bottom: 1.5rem;

	display: flex;

	align-items: center;

	font-size: 1.25rem;

	justify-content: space-between;

	width: 100%;

}

.inNews-item h4 span {

	color: #333;

	max-width: 70%;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.inNews-item p {

	color: #7d7d7d;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;
	-ms-text display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

}

.banner-box {

	overflow: hidden;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	height: 23rem;

	margin-bottom: 2rem;

}

.banner-box .container {

	height: 100%;

	align-items: center;

}

.banner-box .container h1 {

	padding: 0.5rem 1.25rem;

	border-left: 4px solid #5db733;

	font-weight: bold;

}

.banner-box .container h1 span {

	color: #014e9e;

}

.banner-box .container h1 small {

	padding-top: 0.5rem;

	display: block;

}

.page-tab {

	width: 100%;

}

.page-tab .nav-tabs {

	border-bottom: 1px solid #c0c0c0;

	background: #fff;

}





.page-tab .nav-tabs>li {

	margin-bottom: -3px;

	border-bottom: 3px solid transparent;

}

.page-tab .nav-tabs>li>a {

	padding-top: 1.5rem;

	padding-bottom: 1.5rem;

	font-size: 1.5rem;

}

.page-tab .nav-tabs>li.active>a,

.page-tab .nav-tabs>li.active>a:hover,

.page-tab .nav-tabs>li.active>a:focus {

	background: none;

	border-bottom: 3px solid #024f9d;

	color: #024f9d;



}



.left-box {

	width: 18rem;

	margin-right: 30px;

	flex-shrink: 0;

}

.left-box>h2 {

	margin-bottom: 5px;

	padding: 1.875rem;

	background: #024f9d;

	font-size: 1.5rem;

	font-weight: bold;

	color: #fff;

}

.left-box>h2>small {

	padding-top: 0.5rem;

	display: block;

	color: #b8b8b8;

	font-size: 0.8rem;

}

.left-nav a {

	display: block;

}

.left-nav>li {
	margin-bottom: 3px;
}

.left-nav>li>a {

	display: flex;

	justify-content: space-between;

	margin-bottom: 2px;

	padding: 0 20px;

	background: #eeeeee;

	font-size: 1.125rem;

	color: #262626;

	line-height: 50px;

	height: 50px;

}

.left-nav>li:hover>a,
.left-nav>li.active>a {

	background: #5cb630;

	color: #fff;

}

.left-nav li>ul {

	display: none;

}

.left-nav li.active>ul {

	display: block;

}

.mid-child>li {

	margin-bottom: 2px;

}

.mid-child>li>a {
	background: #eeeeee;
	color: #262626;
	font-weight: bold;
	padding: 0 20px;
	height: 2.25rem;
	line-height: 2.25rem;
}

.next-child>li>a {
	padding: 0 20px;
	color: #666;
}

.mid-child>li>a>i {
	color: #5cb630;
}

.next-child {
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}

.next-child>li>a {
	line-height: 2.4;
}

.next-child>li:hover>a,
.next-child>li:active>a,
.next-child>li.active>a,
.next-child>li:focus>a {
	color: #5cb630;
	font-weight: bold;
}

.pro-item {

	margin-top: 1.875rem;

	display: block;

	border: 1px solid #eee;

	color: #7d7d7d;

}

.pro-item h4 {

	padding: 1rem 1rem 0.75rem 1rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;
	font-size: 100%;

}

.pro-item>span {

	display: block;

	margin: 0 1rem;

	padding: 0.75rem 0;

	border-top: 1px solid #eee;

}

.pro-item>span>.iconfont {

	float: right;

}

.pro-item .pic-box {

	position: relative;

}

.pro-item .pic-box span {

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	overflow: hidden;

	height: 100%;

	width: 100%;

}

.pro-item:hover .pic-box span {

	display: flex;

	flex-direction: column;

	justify-content: center;

	background: rgba(0, 0, 0, 0.7);

	align-items: center;

	transition: all 0.5s linear;

	opacity: 100;

	color: #fff;

}

.pro-item:hover .pic-box span b {

	margin-bottom: 3rem;

	font-size: 1.125rem;

}

.pro-item:hover .pic-box span i {

	font-size: 2rem;

}

.proDetails-info {

	margin: 1.875rem 0;

}

.proDetails-info .container {

	display: block;

}

.proDetails-info .container .info-box {

	padding: 2rem 1rem;

	background: #fff;

	overflow: hidden;

}

.proDetails-info .pic-box {

	border: 0px solid #eee;

}

.pd-nav-tabs {

	margin-bottom: 1.875rem;

}

.pd-nav-tabs>li {

	width: 25%;

	text-align: center;

}

.pro-info {

	/* width: 63%; */
	width: 88%;
}

.pro-info h2 {

	margin-bottom: 2rem;

	position: relative;

	padding: 1.5rem 0;

	color: #014e9c;

	font-size: 1.875rem;

}

.pro-info h2::before {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	background: #014e9c;

	height: 3px;

	width: 10%;

}

.pro-con {

	padding: 2rem 0;

	overflow: hidden;

	background: #fff;

}



.pro-con .sbox-til {

	margin-left: 1rem;

	position: relative;

	padding-left: 1.875rem;

	font-size: 1.25rem;

}

.pro-con .sbox-til::before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 3px;

	background: #5cb630;

}

.right-box {
	flex-grow: 1;
	overflow: hidden;
}

.right-box .page-menu {

	border-bottom: 1px solid #c0c0c0;

	padding-bottom: 1rem;

	padding-top: 0;

}



.news-item {

	display: block;

	padding: 1.875rem 0;

	border-bottom: 2px solid #eee;

	display: flex;

	/* justify-content: space-between; */

	align-items: center;

}

.news-item:hover,
.news-item:active,
.news-item:focus {

	border-bottom: 2px solid #024f9d;

}

.news-item .pic-box {

	flex-shrink: 0;

	width: 23%;

	maxheight: 11.375rem;

	overflow: hidden;

}

.news-item>.news-info {

	margin: 0 2.1875rem;
	width: 80%;

}

.news-item>.news-info>h3 {

	font-size: 1.25rem;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	color: #292929;

}

.news-item>.news-info>p {

	color: #7d7d7d;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;
	word-break: break-all;

}

.news-item>.news-info>small {

	display: block;

	font-size: 1rem;

	padding: 1.25rem 0;

	color: #c0c0c0;

}

.news-item>.icon-right {

	flex-shrink: 0;

	display: inline-block;

	text-align: center;

	color: #c0c0c0;

	border: 2px solid #eee;

	line-height: 2.8rem;

	border-radius: 50%;

	width: 2.85rem;

	height: 2.85rem;

}

.news-item:hover .news-info>h3,

.news-item:active .news-info>h3,

.news-item:focus .news-info>h3 {

	color: #024f9d;

}

.news-item:hover>.icon-right,

.news-item:active>.icon-right,

.news-item:focus>.icon-right {

	background: #024f9d;

	border-color: #024f9d;

	color: #fff;

}

.time-box {
	flex-shrink: 0;
	flex-grow: 0;
	padding: 1.875rem 2.2rem;
	text-align: center;
	background: #eee;
	color: #7e7e7e;
}

.right-box .time-box {
	padding: 1.875rem 1.5rem;
}

.time-box>span {
	font-size: 4rem;
	line-height: 1;
}

.time-box>small {
	font-size: 1.2rem;
	display: block;
	white-space: nowrap;
}

.con-box {

	overflow: hidden;

	margin-bottom: 1.5rem;
	width: 100%;

}

.con-box .toLink {

	margin-bottom: 0.5rem;

	padding: 0.5rem 1rem;

	display: block;

	font-size: 0.8rem;

	white-space: nowrap;

	text-overflow: ellipsis;

	background: #f6f6f6;

	color: #737373;

}

.con-til {

	margin-bottom: 1.25rem;

	padding: 1.25rem;

	text-align: center;

	border-bottom: 1px solid #c0c0c0;

}

.con-til h1 {

	font-size: 1.5rem;

	margin-bottom: 1rem;

}

.con-til p span {

	padding: 0 10px;

	color: #737373;

	font-size: 0.8rem;

}

.about-til {

	padding: 2rem 0;

	text-align: center;

}

.con-details {

	overflow: hidden;

}

.contact-details-new {
	display: flex;
	justify-content: space-between;
}

.map {
	width: 60%;
}

.quanguo {
	background-color: #f8f8f8;
}

.container-contact {
	display: block;
	padding-top: 1vw;
	padding-bottom: 2vw;
}

.container-contact .page-tab .nav-tabs {
	background: unset;
}

.detail-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
	padding-top: 2vw;
	/* padding-bottom: 2vw; */
}

.detail-box .item {
	width: 26%;
	padding: 1vw 0;
}

.detail-box .item .de-title {
	font-size: 1.3em !important;
}

.detail-box .item span {
	font-size: 1em !important;
}

.container-online {
	padding-top: 1vw;
}

.tab-content-form {
	padding-top: 2vw;
}

.container-lianxi {
	padding-bottom: 2vw;
}

.con-details p {

	line-height: 1.8;

	color: #434343;

	font-size: 1rem;

	margin-bottom: 1rem;
	text-align: justify;
	justify-content: space-between;

}



.con-details img {

	max-width: 100%;
	display: inline-block;

}

.con-desc {
	font-size: 0.85em;
}

.con-desc span {
	color: red;
	font-size: 1.5em;
	vertical-align: sub;
	margin-right: 0.3vw;
}

.slide-bar {

	position: fixed;

	right: 0;

	/* bottom:22rem; */
	top: 48%;
	z-index: 1000;
	/* width:7%; */

}

.icon-show {
	background: #001f3f;
	padding: .5rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	border-radius: 5px 0 0 5px;
	display: none;
}

.icon-show img {
	width: 100%;
	height: 100%;
}

.icon-qrcode:hover .icon-show {
	display: block;
}

.icon-qrcode:hover .iconfont-qr,
.icon-qrcode:hover .smallqr {
	overflow: hidden;
}

.slide-bar>a {
	position: relative;
	margin-bottom: 1rem;

	padding: 1rem;

	display: block;

	border-radius: 5px 0 0 5px;

	text-align: center;

	color: #fff;
	background-color: #024e99;

}

.slide-bar>a:focus {

	transition: all 1s linear;

}

.slide-bar>a i {

	font-size: 2rem;

}

.slide-bar>a>small {

	display: block;

}

/* .slide-bar>.icon-qrcode>.icon-show{ */
/* width:100%; */
/* display:none;
}
.slide-bar>.icon-qrcode:hover .icon-show{
	display:inline-block;
}
.slide-bar>.icon-qrcode:hover .iconfont-qr,.slide-bar>.icon-qrcode:hover .smallqr{
	display:none;
} */

.slide-bar>a:first-child {

	background: #001f3f;

}

.slide-bar>a:last-child {

	background: #5cb632;

}

.rePro-box {

	padding: 1.875rem;

	margin-top: 1.875rem;

	background: #fff;

	overflow: hidden;

}

.rePro-box h3 {

	padding-bottom: 1rem;

	margin-bottom: 1.5rem;

	color: #7d7d7d;

	border-bottom: 1px solid #eee;

	font-size: 0.95rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}

.load-group {

	margin-left: -15px;

	margin-right: -15px;

	overflow: hidden;

}

.load-item {

	overflow: hidden;

	display: block;

	border: 1px solid #eee;

	line-height: 1.875rem;

}

.load-item i {

	float: left;

	background: #014E9C;

	color: #fff;

	text-align: center;

	line-height: 1.875rem;

	height: 1.875rem;

	width: 1.875rem;

	margin-right: 1rem;

}

.btn-box {

	padding: 0 15px 15px 15px;

	background: #fff;

	text-align: right;

}



.fixed {

	position: fixed;

	z-index: 1000;

	transform: translateZ(0);

}

.nav-bar {

	background: #fff;

	margin-bottom: 2rem;

	width: 100%;

}

.nav-bar>li {

	display: inline-block;

}

.nav-bar>li>a {

	cursor: pointer;

	padding: 1.5rem 3rem;

	display: block;

	font-size: 1.25rem;

}

.nav-bar>li:hover>a,

.nav-bar>li:active>a,

.nav-bar>li.active>a,

.nav-bar>li:focus>a {

	border-bottom: 4px solid #024f9d;

}

.con-position {
	background-color: #f7f7f7;
	padding: 1.5rem 0 0 0;
}

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

	/* .new-position{

		padding:0 7% 1.5rem 13.5%;
	} */
	.icon-qrcode:hover .icon-show {
		padding: 9px;
	}
}

@media screen and (max-width: 1680px) {
	/* .new-position{

		padding:0 7% 1.5rem 7%;
	} */
}

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

	/* .new-position{

		padding:0 6% 1.5rem 6%;
	} */
	/* .icon-show{
		bottom: 15.2rem;
	} */
	.icon-qrcode:hover .icon-show {
		padding: 4px;
	}
}

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

	header .nav-group>li>a {

		font-size: 1.125rem;

	}

	header .logo>img {

		height: 3.75rem；
	}

	div,
	ul>li {

		font-size: 1.125rem;

	}

	p,
	.page-menu,
	.con-details p,
	.toPage {

		font-size: 1.125rem;

	}

	.page-tab .page-menu {

		padding-top: 2rem;

	}

	.left-nav li a {

		font-size: 1.125rem;

	}

	footer .container .link-map dl dt {
		font-size: 1.25rem;
	}

	footer .container .link-map dl dd {
		font-size: 1.125rem;
	}

	.tel {

		font-size: 1.25rem;

	}

	/* .new-position{
		
		padding:0 4% 1.5rem 4%;
		width: 75%;
		padding-left: 15px;
		padding-bottom: 1.5rem;
	} */

}

/* @media screen and (max-width: 1197px) {
	.slide-bar {
		width: 10%;
	}
} */

@media screen and (max-width: 1180px) {
	header .nav-group>li>a {
		font-size: 1rem;
	}

	header .nav-group>li {
		margin-right: 0rem;
	}
}

@media screen and (max-width: 1058px) {
	header .nav-group>li>a {
		font-size: 0.125rem;
	}
}

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

	header .nav-group>li>a {

		font-size: 1.125rem;

	}

	header .logo>img {

		height: 3.75rem
	}

	header .nav-group>li {

		margin-right: 0;

	}

	.swiper-container1 .swiper-slide {

		width: 23.5%;

	}

	.proLink-item {

		margin-bottom: 1rem;

	}

	.navbar-form .form-group {

		margin-top: 1rem;

	}

	.box-picNews {

		margin-right: 1rem;

	}

	/* .new-position{
		width: 91.5%;
		padding: 0 1.5% 1.5rem 1.5%;
	} */
	/* .icon-show {
		bottom: 16.3rem;
	} */
	.icon-show img {
		width: 100%;
	}

	.detail-box {
		padding-right: 15px;
		padding-left: 15px;
	}

	.con-desc {
		padding-right: 15px;
		padding-left: 15px;
	}
}

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

	header .logo>img {

		height: 3.75rem
	}

	.swiper-container1 .swiper-slide {

		width: 31.5%;

	}

	.about-con {

		width: 100%;

	}

	.index-box>.container {

		flex-wrap: wrap;

	}

	.qa-group .qa-item {

		font-size: 1.25rem;

	}

	.box-picNews {

		width: 35%;

	}

	.mobile-link a {

		font-size: 2rem;

	}

	.about-arrow {

		width: 100%;

	}

	.con-details {

		width: 100%;

	}

	/* .new-position{
		width: 91.5%;
		padding: 0 1.5% 1.5rem 1.5%;
	} */
	.contact-details-new {
		flex-direction: column;
	}

	.map {
		width: 100%;
		height: 32vw;
	}

	.detail-box .item {
		width: 50%;
	}

	.detail-box .item:last-child {
		display: none;
	}

	.container-contact {
		padding-bottom: 4vw;
	}
}

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

	header .logo>img {

		height: 3.25rem;

	}

	.adv-item>div {

		width: 100%;

	}

	.qa-con {

		width: 100%;

	}

	.qa-group .qa-item {

		font-size: 1.5rem;

	}

	.box-adv .swiper-container .swiper-slide .adv-item {

		flex-wrap: wrap;

	}

	.qa-group {

		width: 100%;

	}

	.adv-con {

		width: 100%;

	}

	.pic-box {

		width: 100%;

	}

	.toPage {

		text-align: center;

	}

	.news-item>.news-info {

		margin: 0 1.5rem;

	}

	.box-adv .swiper-container .swiper-slide .adv-item .adv-con {
		width: 100%;
	}

	.box-adv .swiper-container .swiper-slide .adv-item .pic-box {
		width: 100%;
		margin-bottom: 10vw;
	}

	.container .index-tab {
		width: 100%;
	}

	.inNews-group {
		display: unset;
		height: 26rem;
		width: 100%;
		line-height: 2;
	}

	.inNews-group .inNews-item {
		padding: 3vw 0vw;
	}

	.inNews-group .inNews-item h4 {
		margin-top: 2vw;
		margin-bottom: 3vw;
	}

	.pic-box_new {
		background-position: right;
		background-size: 232%;
		height: 120px;
		background-repeat: no-repeat;
	}
}


.modal-content {

	border-radius: 1rem;

	border-top: 0.626rem solid #0a4b8f;

	z-index: 99;

}

.modal-header {
	padding-top: 1.5rem;
	border: 0;
	text-align: center;
	color: #0f4e9e;
}

.modal-header .close {
	position: absolute;
	float: none;
	right: 2rem;
	top: 2rem;
	font-size: 1rem;
}

.modal-title {
	font-size: 2.25rem;
}

.modal-title small {

	padding: 0.5rem 0;

	display: block;

	color: #c9c9c9;

	font-size: 1.5rem;

}

.modal-body .form-group {

	display: flex;

	background: #f2f0f1;

}

.modal-body .form-group label {

	margin: 0;

	padding: 0 0.75rem;

	line-height: 3.125rem;

	color: #f00;

}

.modal-body .form-group .form-control {

	background: none;

	padding: 0.8rem;

	height: 3.125rem;

	box-shadow: none;

	border: 0;

}

.modal-body .form-group textarea.form-control {

	height: 10rem;

	overflow: auto;

}

.modal-body .btn-msg {

	height: 3.125rem;

	background: #5bb637;

	color: #fff;

	font-size: 1.25rem;

	border-radius: 0;

}

.header-layer {

	padding: 1rem;

	background: #f4f4f4;

	position: fixed;

	left: 0;

	right: 0;

	top: 4.375rem;

	bottom: 0;

	height: calc(100% -4.375rem);

	z-index: 999;

}

.search-layer {}

.nav-layer {

	background: #fff;

}

.nav-layer ul li {

	margin-bottom: 0.3125rem;

}

.nav-layer ul li>a {

	text-align: center;

	background: #f4f4f4;

	padding: 0.75rem 0;

	display: block;

}

.nav-layer ul li:hover a,
.nav-layer ul li:active a,
.nav-layer ul li:focus a {

	background: #5db732;

	color: #fff !important;

}

.layer-form {
	border-bottom: 1px solid #C0C0C0;
	display: flex;
	justify-content: space-between;
}

.layer-form>form {
	display: flex;
	justify-content: space-between;
	width: 92%;
}

.layer-form>span {
	padding-right: 1rem;
	display: inline-block;
	line-height: 34px;
}

.layer-form .form-control {

	border: 0;

	box-shadow: none;

	border-radius: 0;

	background: none;

	width: 80%;

}

.dis {

	display: none;

}

.open {

	display: block;

}

/* @media screen and (max-width: 858px) {
	.icon-show{
		width:100%;
	}
}
@media screen and (max-width: 705px) {
	.slide-bar {
		width: 16%;
	}
} */

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

	.btn-more {

		width: 6rem;

		line-height: 2rem;

		height: 2rem;

	}

	p,
	.page-menu,
	.con-details p,
	.toPage {

		font-size: 1rem;

	}

	header,
	header .container {

		height: 4.375rem;

	}

	.banner-box+.container,
	index-box .container {

		flex-wrap: wrap;

	}

	body {

		padding-top: 4.375rem;

	}

	header .navbar-nav {

		margin: 0;

	}

	header .logo>img {

		height: 2.75rem
	}

	header .nav>li>a {

		line-height: 2;

	}

	footer {

		padding-top: 2rem;

	}

	footer .container {

		flex-direction: row;

	}

	footer .container .contact-info ul li {

		font-size: 0.7rem;

	}

	footer .container .code-box {

		width: 25%;

	}

	footer .copyright {

		font-size: 0.8rem;

		text-align: center;

	}

	.mobile-link a {

		font-size: 1.25rem;

	}

	.swiper-container1 .swiper-slide {

		width: 46%;

	}

	.inBox-til {

		font-size: 1.4rem;

		height: 5rem;

	}

	.banner-box {

		height: 15rem;

		margin-bottom: 0;

	}

	.proLink-item {

		margin-bottom: 1rem;

	}

	.pd-nav-tabs>li {

		width: auto;

	}

	.page-tab .nav-tabs {

		text-align: center;

	}

	.page-tab .nav-tabs>li {

		float: none;

		display: inline-block;

	}

	.page-tab .nav-tabs>li>a {

		font-size: 1rem;



	}

	.box-product {

		padding: 2rem 0;

		background-size: 100% auto;

	}

	.pro-item h4 {

		font-size: 0.875rem;

	}

	.proDetails-info .container .info-box {

		padding: 1rem 0;

	}

	.pro-con .sbox-til {

		margin-left: 0;

		margin-bottom: 1rem;

	}

	.pro-info {

		width: 100%;

	}

	.pro-item {

		height: auto;

		overflow: hidden;

	}

	.pro-item .pic-box {

		height: auto;

	}

	.qa-group {

		width: 100%;

	}

	.qa-group .qa-item {

		height: 5rem;

		font-size: 1rem;

	}

	.box-qa .inBox-til {

		margin-bottom: 0;

	}

	.box-qa .qa-til {

		margin-bottom: 2rem;

		font-size: 1.5rem;

	}

	.qa-group .qa-item b {

		margin-left: 1.2rem;

		margin-right: 1.2rem;

		line-height: 2.5rem;

		height: 2.5rem;

		width: 2.5rem;

	}

	.box-adv {

		padding: 2rem 0;

		background-position: top center;

		background-size: auto 100%;

	}

	.adv-til {

		font-size: 1.5rem;

		margin-bottom: 2rem;

	}

	.box-adv .swiper-container {

		padding-bottom: 3rem;

	}

	.adv-til b {

		font-size: 3rem;

		margin-bottom: 2rem;

	}

	.box-adv .swiper-container .swiper-slide .adv-item {

		flex-direction: column;

	}

	.box-adv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

		font-size: 0.875rem;

		height: 3rem;

		line-height: 3rem;

	}

	.adv-con p {

		width: 100%;

		font-size: 0.875rem;

	}

	.box-picNews {

		width: 100%;

		margin-right: 0;

		margin-top: 2rem;

		margin-bottom: 2rem;

	}

	.box-news {

		padding: 2rem 0;

	}

	.index-tab .tab-content>.active {

		flex-wrap: wrap;

	}

	.box-news .nav-tabs {

		clear: both;

		margin-top: 2rem;

		text-align: center;

	}

	.box-news .nav-tabs>li {

		float: none;

		display: inline-block;

	}

	.box-panners {

		padding-top: 2rem;

		padding-bottom: 0;

	}

	.left-box {

		width: calc(100% + 30px);

		margin-left: -15px;

		margin-right: -15px;

	}

	.box-aboutUs {

		padding-bottom: 0;

	}

	.about-bottom {

		padding-bottom: 4rem;

	}

	.about-con {

		padding-top: 0;

		width: 100%;

	}

	.about-con .con-details {

		margin-right: 0;

	}



	.about-arrow .arrow b {

		padding-right: 0.5rem;

		line-height: 1.2;

		font-size: 1.2rem;

		font-family: DIN;

	}

	.about-arrow .arrow>small {

		padding: 0;

		display: flex;

		flex-direction: column;

		justify-content: space-between;

		font-size: 0.6rem;

		align-items: center;

	}

	.about-arrow .arrow p {

		padding-top: 1rem;

		font-size: 0.8rem;

		flex-shrink: 0;

	}

	.left-box>h2 {

		padding: 1rem 1.5rem;

		font-size: 1.5rem;

	}

	.left-box>h2>small {

		padding-left: 1rem;

		display: inline-block;

	}

	.news-item>.news-info>small {

		padding: 0.5rem 0;

	}

	.news-item .pic-box {

		height: 8.25rem;

	}

	.news-item .pic-box img {

		width: auto;

		height: 100%;

	}

	.box-picNews {

		padding: 1rem;

	}

	.time-box {
		padding: 0.8rem;
	}

	.time-box>span {
		font-size: 2rem;
		line-height: 1;
	}

	.time-box>small {
		font-size: 0.75rem;
		color: #7e7e7e;
		display: block;
		white-space: nowrap;
	}

	.slide-bar {
		top: 40%;
		z-index: 1000;
	}

	.iconfont-qr img {
		width: 2rem;
		display: flex;
		justify-content: center;
		margin-left: -1vw;
	}

	/* .icon-show{
		width:100%;
	} */
	.icon-qrcode:hover .iconfont-qr,
	.icon-qrcode:hover .smallqr {
		display: none;
	}

	.slide-bar {
		width: 15%;
	}

	.slide-bar>a {
		width: 100%;
		height: 16vw;
	}

	.slide-bar>a>small {
		display: none;
	}

	.slide-bar>a:first-child:hover {
		padding: 5px;
	}

	.icon-show {
		background: #001f3f;
		padding: unset;
		position: unset;
		top: 0;
		/* bottom: 15.5rem; */
		left: 0;
		border-radius: 5px 0 0 5px;
		display: none;
	}

	.slide-bar>a i {
		font-size: 1.5rem;
	}

	.pro-group+.toPage {
		min-height: 2rem;
		text-align: center;
	}


	.banner-box .container h1 {

		font-size: 1.5rem;

	}

	.news-item {

		padding: 1rem 0;

	}

	.news-item>.news-info>h3 {

		font-size: 1.25rem;

	}

	.news-item>.news-info {
		margin: 0 1rem;
		width: 50%;
	}

	.page-tab .nav-tabs>li>a {

		font-size: 1.125rem;

		padding: 1rem;

	}

	.load-item {

		margin-bottom: 1rem;

	}

	.rePro-box {

		padding: 1rem;

	}

	.nav-bar>li>a {

		padding: 0.9rem;

	}

	footer .container .contact-info .tel {
		font-size: 1.125rem;
	}

	.modal-title {
		font-size: 2rem;
	}

	.modal-header .close {
		right: 1rem;
		top: 1rem;
	}

	.detail-box .item {
		width: 100%;
		margin: 2vw auto;
		text-align: center;
	}

	.detail-box {
		padding-top: 6vw;
		/* padding-bottom: 5vw; */

	}

	.container-contact {
		padding-bottom: 8vw;
	}

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

	.detail-box .item:last-child {
		display: none;
	}

	.map {
		width: 100%;
		height: 55vw;
	}

	.tab-content-form {
		padding-top: 6vw;
	}

	.de-con-box {
		width: 63%;
		text-align: initial;
		margin: 0 auto;

	}
}

@media screen and (max-width: 300px) {
	.de-con-box {
		width: 87%;
	}
}

@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.inNews-item h4 {

		width: 100%;

	}

	.inNews-item p {

		width: 100%;

	}

	.inNews-group {
		width: 100%;
	}

	.inNews-group .inNews-item {
		padding: 20px;
		width: 35%;
	}

	.inNews-item h4 span {
		max-width: 85%;
	}

	.box-picNews {
		width: 25%;
	}

	.index-tab .nav-tabs {
		width: 49%;
	}
}

.new_li:last-child {
	display: none;
}

/* update 1108 */
#home>div>div>div.con-left>p:nth-child(2)>span>b {
	font-size: 1.8em;
	color: #304b82;
	font-weight: 500;
	vertical-align: middle;
}

.contact-us-section2 .container-contact .contact-us-section2-title {
	margin-bottom: 2vw;
}

.contact-us-section2 .container-contact .contact-us-section2-title p span {
	font-size: 1.3em;
	line-height: 2em;
	font-weight: bold;
}

body>div.contact-us-section2.container.container-lianxi>div {
	width: 100%;
}

body>div.contact-us-section2.container.container-lianxi .contact-us-ul-list {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

body>div.contact-us-section2.container.container-lianxi .contact-us-section2-ul {
	width: 33.3%;
	line-height: 1.8;
}

body>div.contact-us-section2.container.container-lianxi .contact-us-section2-ul .ul-title p {
	padding: 1vw 2vw;
	margin-bottom: 0;
}

body>div.contact-us-section2.container.container-lianxi .contact-us-section2-ul .ul-discription p {
	padding: 0.5vw 2vw;
	margin-bottom: 0;
}

body>div.contact-us-section2.container.container-lianxi .contact-us-section2-ul>.ul-title {
	font-size: 1.01vw;
	background-color: #cccccc;
}

body>div.contact-us-section2.container.container-lianxi .contact-us-section2-ul>.ul-discription {
	background-color: #e6e6e6;
}

body>div.contact-us-section2.container.container-lianxi .container-contact .sub-discription {
	margin-top: 2vw;
	font-size: 0.89vw;
}

body>div.contact-us-section2.container.container-lianxi .container-contact .sub-discription span {
	color: red;
}

/* new section3 */
.contact-us-section3 .new-section3-title {
	margin-bottom: 2vw;
}

.contact-us-section3 .new-section3-title p span {
	font-size: 1.3em;
	line-height: 2em;
	font-weight: bold;
}

.contact-us-section3 .new-section3-discription {
	font-size: 0.89vw;
	margin-bottom: 2.3vw;
}

body>div.contact-us-section3 {
	display: block;
}

body>div.contact-us-section3.container.container-lianxi .new-section3-form {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

body>div.contact-us-section3.container.container-lianxi>form {
	width: 100%;
}

body>div.contact-us-section3.container.container-lianxi .new-section3-form .form-left {
	width: 40%;
}

.contact-us-section3 .new-section3-form .form-left .input-form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 0.01vw;
}

.contact-us-section3 .new-section3-form .form-left .input-form .input-form-left {
	width: 25%;
	text-align: center;
	height: 3vw;
	line-height: 3vw;
	background-color: #cccccc;
}

.contact-us-section3 .new-section3-form .form-left .input-form .input-form-right {
	width: 75%;
	height: 3vw;
}

.contact-us-section3 .new-section3-form .form-left .input-form .input-form-right input {
	height: 3vw;
	border-radius: 0;
	border: none;
	background-color: #e6e6e6;
}

.contact-us-section3 .new-section3-form .form-right .input-form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 0.01vw;
}

body>div.contact-us-section3.container.container-lianxi .new-section3-form .form-right {
	width: 60%;
}

.contact-us-section3 .new-section3-form .form-right .input-form .input-form-left {
	width: 25%;
	text-align: center;
	height: 3vw;
	line-height: 3vw;
	background-color: #cccccc;
}

.contact-us-section3 .new-section3-form .form-right .input-form .input-form-right input {
	height: 3vw;
	border-radius: 0;
	font-size: 0.89vw;
	border: none;
	background-color: #e6e6e6;
}

body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(1)>div.input-form-left {
	width: 100%;
	height: 3vw;
	text-align: center;
	line-height: 3vw;
	background-color: #cccccc;
	line-height: 3vw;
}

body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(1)>div.input-form-right>textarea {
	width: 100%;
	border: none;
	outline: none;
	border-radius: 0;
	background-color: #e3e3e3;
	height: 9vw;
}

body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(1) {
	display: block;
}

body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(2)>div.input-form-right {
	width: 75%;
}

body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(2)>div.input-form-right #comName {
	width: 70%;
	display: inline-block;
}

body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(2)>div.input-form-right #codeImg {
	width: 30%;
	float: right;
	height: 3vw;
}

body>div.contact-us-section3.container.container-lianxi>form .submit-button button {
	color: #ffffff;
	margin: 1vw 0 3vw 0;
	height: 3vw;
	background-color: #5bb637;
}

@media (min-width:1024px) and (max-width:1365px) {
	.contact-us-section3 .new-section3-form .form-left .input-form .input-form-left {
		height: 4vw;
		line-height: 4vw;
	}

	.contact-us-section3 .new-section3-form .form-left .input-form .input-form-right {
		height: 4vw;
	}

	.contact-us-section3 .new-section3-form .form-left .input-form .input-form-right input {
		height: 4vw;
	}

	.contact-us-section3 .new-section3-form .form-right .input-form .input-form-left {
		height: 4vw;
		line-height: 4vw;
	}

	.contact-us-section3 .new-section3-form .form-right .input-form .input-form-right input {
		height: 4vw;
	}

	body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(1)>div.input-form-left {
		height: 4vw;
		line-height: 4vw;
	}

	body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(1)>div.input-form-right>textarea {
		height: 12vw;
	}

	body>div.contact-us-section3.container.container-lianxi>form .submit-button button {
		height: 4vw;
	}

	body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(2)>div.input-form-right #codeImg {
		height: 4vw;
	}
}

@media (max-width:768px) {
	body>div.contact-us-section2.container.container-lianxi .contact-us-ul-list {
		flex-direction: column;
	}

	body>div.contact-us-section3.container.container-lianxi .new-section3-form {
		flex-direction: column;
	}

	body>div.contact-us-section3.container.container-lianxi .new-section3-form .form-left {
		width: 100%;
	}

	body>div.contact-us-section3.container.container-lianxi .new-section3-form .form-left span {
		color: red;
	}

	body>div.contact-us-section3.container.container-lianxi .new-section3-form .form-right span {
		color: red;
	}

	body>div.contact-us-section3.container.container-lianxi .new-section3-form .form-right {
		width: 100%;
		margin-top: 4vw;
	}

	.contact-us-section3 .new-section3-form .form-left .input-form .input-form-left {
		width: 40%;
		text-align: left;
		padding-left: 2vw;
	}

	.contact-us-section3 .new-section3-form .form-left .input-form .input-form-right {
		width: 60%;
	}

	.contact-us-section3 .new-section3-form .form-right .input-form .input-form-left {
		width: 30%;
	}

	body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(2)>div.input-form-right {
		width: 70%;
	}

	body>div.contact-us-section2.container.container-lianxi .contact-us-section2-ul {
		width: 100%;
	}

	.contact-us-section3 .new-section3-form .form-left .input-form .input-form-left {
		height: 12vw;
		line-height: 12vw;
	}

	.contact-us-section3 .new-section3-form .form-left .input-form .input-form-right {
		height: 12vw;
	}

	.contact-us-section3 .new-section3-form .form-left .input-form .input-form-right input {
		height: 12vw;
	}

	.contact-us-section3 .new-section3-form .form-right .input-form .input-form-left {
		height: 12vw;
		line-height: 12vw;
	}

	.contact-us-section3 .new-section3-form .form-right .input-form .input-form-right input {
		height: 12vw;
	}

	body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(1)>div.input-form-left {
		height: 12vw;
		line-height: 12vw;
		text-align: left;
		padding-left: 2vw;
	}

	body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(1)>div.input-form-right>textarea {
		height: 36vw;
	}

	body>div.contact-us-section3.container.container-lianxi>form .submit-button button {
		height: 12vw;
	}

	body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(2)>div.input-form-right #codeImg {
		height: 12vw;
	}

	body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(2)>div.input-form-right #comName {
		width: 45%;
	}

	body>div.contact-us-section3.container.container-lianxi>form>div>div.form-right>div:nth-child(2)>div.input-form-right #codeImg {
		width: 55%;
	}

	body>div.contact-us-section3.container.container-lianxi>form .submit-button button {
		margin: 6vw 0 12vw 0;
	}
}

@media(max-width:768px) {
	.w-4 {
		width: 100% !important;
	}
}

/* 0124 */
.tab-content .index-box {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

#home>div>div>div>div.index-box-left {
	width: 49%;
}

#home>div>div>div>div.index-box-right {
	width: 49%;
}

@media(max-width:768px) {
	.tab-content .index-box {
		flex-direction: column;
	}

	#home>div>div>div>div.index-box-left {
		width: 100%;
	}

	#home>div>div>div>div.index-box-right {
		width: 100%;
		margin-top: 10vw;
	}

	.news-item {
		display: flex;
		flex-direction: column;
	}

	.news-item>.news-info {
		margin: 2rem 1rem;
		width: 100%;
	}

	.news-item>.icon-right {
		display: none;
	}

	.news-item>.news-info>h3 {
		white-space: unset !important;
		text-overflow: unset !important;
		line-height: 1.6 !important;
	}
}

@media (min-width:640px) and (max-width:767px) {
	.os-wrap {
		max-width: 640px !important;
		width: 640px !important;
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.os-wrap {
		max-width: 768px !important;
		width: 768px !important;
	}
}

@media (min-width:1024px) and (max-width:1280px) {
	.os-wrap {
		max-width: 1024px !important;
		width: 1024px !important;
	}
}

@media (min-width:1280px) and (max-width:1536px) {
	.os-wrap {
		max-width: 1280px !important;
		width: 1280px !important;
	}
}

@media (min-width:1536px) {
	.os-wrap {
		max-width: 1280px !important;
		width: 1280px !important;
	}
}