:root {
    --swiper-navigation-size: 7rem;
}

body {
	font-family: Microsoft Yahei;
}

.text3d {
	color: #deccff;
	text-shadow: 0px 0px 0 #8c4dff, 0.2px 0.2px 0 #8644ff, 0.4px 0.4px 0 #813cff, 0.6px 0.6px 0 #7b32ff, 0.8px 0.8px 0 #7429ff, 1px 1px 0 #6e1fff, 1.2px 1.2px 0 #6714ff, 1.4px 1.4px 0 #6009ff, 1.6px 1.6px 0 #5900fc, 1.8px 1.8px 0 #5500f0, 2px 2px 0 #5000e3, 2.2px 2.2px 0 #4b00d6, 2.4px 2.4px 0 #4700c8, 2.6px 2.6px 0 #4200ba, 2.8px 2.8px 0 #3c00ab, 3px 3px 0 #37009c, 3.2px 3.2px 0 #31008c, 3.4px 3.4px 0 #2c007b, 3.6px 3.6px 0 #26006b, 3.8px 3.8px 0 #200059, 4px 4px 0 #190047, 4.2px 4.2px 0 #130035, 4.4px 4.4px 0 #0c0022, 4.6px 4.6px 0 #05000f, 4.8px 4.8px 0 black, 5px 5px 0 black, 5.2px 5.2px 0 black, 5.4px 5.4px 0 black, 5.6px 5.6px 0 black, 5.8px 5.8px 12px rgba(0, 0, 0, 0.3), 5.8px 5.8px 12px rgba(0, 0, 0, 0.5);
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 5px;
}

#navtext .sub_nav {
	width: 100vw;
	color: #fff;
	background: #1b40cd;
	position: absolute;
	top: 100%;
	left: calc(-100% - (100vw - 640px) / 2);
	z-index: 10;
	display: none;
}

#navtext .sub_nav p {
	font-size: 2rem;
	font-style: italic;
	border-bottom: 1px solid #ffffff64
}

#navtext .sub_nav img {
	display: block;
	width: 100%;
}

/* #navtext .sub_nav img:hover {
	transform: scale(1.25);
    -ms-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
} */

#navtext .sub_nav li::before {
	width: 0 !important;
}

#navtext .sub_nav a {
	color: #fff;
}

#navtext .sub_nav a:hover {
	text-decoration: none;
}

#navtext .sub_nav li p {
	margin: .5rem 0;
	font-size: 100%;
	position: relative;
	/* padding-left: 25px; */
	font-style: normal;
	border-bottom: 0;
}

#navtext .sub_nav li p:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 9px;
	left: 0;
}

#navtext .sub_nav li p img {
	display: inline;
	width: 20px;
	height: 20px;
}

#navtext .mnav-chevron {
	color: #fff;
	float: left;
	width: 25%;
	position: relative;

}

#navtext .mnav-chevron img {
	width: 20px;
}

#navtext a {
	position: relative;
	color: #000;
	font-weight: bold;
}

#navtext .level-1-nav>li.no-sub>a::before {
	content: "";
	display: block;
	width: 0%;
	height: 3px;
	background: #005bab;
	position: absolute;
	left: 0;
	bottom: 5px;
	transition: 0.2s;
}

#navtext .level-1-nav>li.with-sub.current>a {
	color: #1f46cf;
}

#navtext .level-1-nav>li.with-sub>a:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #1b40cd;
	position: absolute;
	bottom: 0;
	left: calc(50% - 10px);
	opacity: 0.0;
	transition: 0.2s;
}

#navtext .level-1-nav>li.with-sub.hover>a:before {
	opacity: 1.0;
}

#about1,
#about2,
#about3,
#about4,
#news_home {
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#goTop {
	position: fixed;
	right: 50px;
	bottom: 50px;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 100%;
	-moz-box-shadow: 1px 1px 5px #2046c6;
	/* 老的 Firefox */
	box-shadow: 1px 1px 5px #2046c6;
	cursor: pointer;
	display: none;
	z-index: 100;
}

#goTop:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border-top: 1px solid #2046c6;
	border-right: 1px solid #2046c6;
	transform: rotate(-45deg);
	position: absolute;
	top: 21px;
	left: 17px;
}

#goTop:hover {
	background-color: #2046c6;
}

#goTop:hover:after {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}





.top_slider img {
	width: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	border-radius: 0;
	width: 15px;
	height: 15px;
	background-color: transparent;
	border: 2px solid #fff;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #fff !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 50px;
}

.swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after {
	content: '';
}

.swiper-button-next::after,
.swiper-container-rtl .swiper-button-prev::after {
	content: '';
}

.home_title h2 {
	font-size: 2.5rem;
	font-style: italic;
	font-weight: bold;
}

.home_title h3 {
	font-size: 1.2rem
}



#about1 {
	background-image: url(../img/about1.jpg);
}

#about2 {
	background-image: url(../img/about2.jpg);
}

#about3 {
	background-image: url(../img/about3.jpg);
}

#about4 {
	background-image: url(../img/about4.jpg);
}

#news_home {
	background-image: url(../img/news_cover.jpg);
}



/* #in_banner {position: relative;} */

#in_banner img {
	width: 100%;
}

#in_banner  h1 {
	position: absolute;
	/* left: 0; */
	/* right: 0; */
	/* top: 0; */
	/* bottom: 0; */
	margin: auto;
	/* height: 50px; */
	font-size: 2rem;
	color: #fff;
	font-weight: bold;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#bread_crumb {
	background-color: #e9dbdb;
}

#bread_crumb a {
	text-decoration: none;
	color: #90909a;
}

#bread_crumb a:last-child {
	color: #000;
}

#bread_crumb img,
#bread_crumb span {
	width: 10px;
	height: 10px;
	margin: auto 7.5px;
	vertical-align: baseline;
}

/* #prod_disp {
	background: url(../img/products_bg.jpg);
	background-size: 100% auto;
} */

#prod_disp .home_title {
	color: #fff;
}




#prod_disp .swiper-button-prev img,
#prod_disp .swiper-button-next img {
	width: 50px;
	height: 50px;
}

#prod_disp .swiper-button-prev {
	left: -75px;
}

#technical_features_wrapper .swiper-button-prev img,
#technical_features_wrapper .swiper-button-next img {
	width: 50px;
	height: 50px;
}

#technical_features_wrapper .swiper-button-prev {
	left: -75px;
}


#prod_disp .swiper-button-prev:after,
#technical_features_wrapper .swiper-button-prev:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #2046c6;
	border-right: 1px solid #2046c6;
	transform: rotate(-135deg);
	position: absolute;
	top: 15px;
	left: 17px;
}

#prod_disp .swiper-button-next,
#technical_features_wrapper .swiper-button-next {
	right: -75px;
}

#prod_disp .swiper-button-next:after,
#technical_features_wrapper .swiper-button-next:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #2046c6;
	border-right: 1px solid #2046c6;
	transform: rotate(45deg);
	position: absolute;
	top: 15px;
	left: 13px;
}

#prod_disp .swiper-button-prev,
#prod_disp .swiper-button-next,
#technical_features_wrapper .swiper-button-prev,
#technical_features_wrapper .swiper-button-next {
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 100%;
}










#msg_form {
	background-image: url("../img/msg_form_bg2.jpg");
	background-size: auto 100%;
	background-position: center;
}

#msg_form textarea {
	height: 320px;
}

#msg_form input,
#msg_form textarea {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px #fff solid;
	background-color: transparent;
	color: #fff;
	font-style: italic;
	font-weight: bold;
}

#msg_form input::placeholder,
#msg_form textarea::placeholder {
	color: #fff !important;

}

#msg_form img {
	position: absolute;
	right: 3rem;
	height: 28px;
	bottom: 4.5rem;
}

#msg_form input[type="submit"] {
	color: #fff;
	border: 1px solid #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	/* bottom: 0; */
	margin: auto;
	width: 150px;
	height: 50px;
	font-size: 1.2rem;
	font-style: italic;
	/* font-weight: bold; */
	cursor: pointer;
}

#msg_form input[type="submit"]:hover {
	background-color: #fff;
	color: #005bab;
}

#msg_form .submit {
	height: 100px;
}

#home_last2 img {
	width: 100%;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#home_last2 p {
	font-style: italic;
	font-size: 1.5rem;
	position: relative;
	background-color: #fff;
	color: #000;
	font-weight: bold;
}

#home_last2 p img {
	display: inline;
	width: 15px;
	height: 15px;
	vertical-align: baseline;
}

/* #home_last2 p:before {
	content: "";

	display: block;

	width: 10px;

	height: 10px;

	border-top: 1px solid #2046c6;

	border-right: 1px solid #2046c6;

	transform: rotate(45deg);

	position: absolute;

	top: 44%;
	
	left: 32%;
	
}
 */

#home_last2 a {
	text-decoration: none;
	display: block;
	overflow: hidden;
}


#home_last2 a:hover>img {
	transform: scale(1.25);
	-ms-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-o-transform: scale(1.25);
}

footer {
	background: url(../img/foot_bg.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

footer ul {
	list-style: none;
}

/* footer #foot-nav {height: 320px;} */





footer #foot-nav li {
	font-weight: bold;
	margin-bottom: .7rem;
}

footer #foot-nav li,
footer #foot-nav li {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

footer #foot-nav>ul>li:hover {
	font-size: 17.5px;
}

/* footer #foot-nav .sub a:hover {font-size: 13.5px;} */

footer #foot-nav .sub {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	left: 3rem;
	top: 4px;
	display: none;
}

footer #foot-nav .sub a {
	/* margin-right: 10px; */
	margin-bottom: 5px;
	display: block;
}

footer #foot-nav>ul>li:hover .sub {
	display: block;
}


/* footer table th {
	width: 30%;
} */

footer table th,
footer table td {
	padding-bottom: 7.5px;
	vertical-align: top;
}

#top-nav .logo {
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	width: 100%;
}


#top-nav {
	top: 0px;
	left: 0px;
	right: 0;
	z-index: 1000;
	background-color: #fff;
}


/* #top-nav li {border-right: 1px solid #000} */

/* #top-nav li:last-child {border-right: none;} */


#top-nav li:before {
	content: "";
	display: block;
	width: 1px;
	height: 10px;
	background: #ccc;
	position: absolute;
	top: calc(50% - 5px);
	left: 0;
}

#top-nav li:first-child:before {
	width: 0;
}
















.inner-img-width-100 img {
	width: 100%
}

/* 让容器内全部img宽均为100% */










/*.inner-content为前台c页面内容容器 .ke-content为后台编辑器内容容器*/

.inner-content {
	letter-spacing: 0.5px;
	line-height: 200%;
}

.history_table {
	width: 90%;
	margin: auto;

}

.history_table img {
	width: auto;
}

.history_table th {

	font-size: 3rem;
	color: #1f46cf;
	font-style: italic;
	width: 28%;
}

.product-category,
.news-catalog,
.news-content {
	border-top: 5px solid #005bab;
}

/* .news-content #product-content p {text-indent: 2rem;} */

/* .news-content #product-content p[style] {text-indent: 0;} */


.news-catalog .single_news {
	border-bottom: 1px solid #e7e5f2;
}

.news-catalog img {
	width: 100%;
}

.news-catalog h2 a,
.news-content h1 {
	color: #005bab;
	text-decoration: none;
	line-height: 1.5;
	font-style: italic;
}

.news-content h1 {
	font-size: 1.5rem;
}

.news-catalog h2 a {
	font-size: 1.5rem;
}

.news-catalog .news-date,
.news-content .news-date {
	margin-bottom: .25rem;
	color: #727272;
	font-size: .85rem;
}

.news-content .news-date {
	font-size: inherit;
}

.news-catalog a {
	color: #000;
	text-decoration: underline;
}

.news-catalog p.detail:before {
	width: 9px;
	height: 9px;
	top: 9px;
	left: 2px;
}

.news-catalog .news-summary a {
	text-decoration: none;
}

.product-category p {
	letter-spacing: 1px;
	line-height: 200%;
}

.product-category a {
	text-decoration: none;
	font-size: 1.2rem;
	color: #000;
}

.product-category h1,
.product-category h2 {
	font-style: italic;
	font-weight: bold;
	color: #005bab;
}

.product-category .thumb img {
	width: 100%;
}

.product-category .catelog img {
	width: 100%;
}

.product-category .catelog img,
.product-category .catelog .label {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.product-category .catelog .label {
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: 0;
	/* background-image: url(../img/blue_transparent.png); */
	background-color: #005babc7;
	left: 0;
	font-size: 1.2rem;
	color: #fff;
	text-decoration: underline;
	opacity: 1.0;
	padding: 10px 0 10px 40px;
}

.product-category .catelog .label:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 20px;
	left: 20px;
}

.product-category .catelog:hover .label {
	opacity: 0.0;
}

.product-category .catelog:hover img {
	transform: scale(1.25);
	-ms-transform: scale(1.25);
	/* IE 9 */
	-moz-transform: scale(1.25);
	/* Firefox */
	-webkit-transform: scale(1.25);
	/* Safari 和 Chrome */
	-o-transform: scale(1.25);
	/* Opera */
}

.product-category .catelog .wrapper {
	overflow: hidden;

	position: relative;
}



p.detail {
	position: relative;
}

p.detail:hover {
	text-decoration: underline;
	cursor: pointer;
}

p.detail:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #005bab;
	border-right: 1px solid #005bab;
	position: absolute;
	top: 10px;
	left: 0;
	transform: rotate(45deg);
}

p.detail.opened::before {
	transform: rotate(-45deg);
	top: 12px;
}

p.detail.closed::before {
	transform: rotate(135deg);
	top: 7px;
}

#products-nav a {
	color: #000;
}

#products-nav a:hover {
	text-decoration: underline;
}

#products-nav>li {
	border-bottom: 1px solid #b6cbdf;
}

#products-nav li.current {
	background-color: #005bab;
}

#products-nav li.current>a {
	color: #fff;
}

#products-nav>li>a {
	font-weight: bold;
	position: relative;
	display: inline-block;
	max-width: 12rem;
}

#products-nav>li:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #005bab;
	border-right: 1px solid #005bab;
	transform: rotate(45deg);
	position: absolute;
	top: 22px;
	right: 20px;
}

#products-nav>li.current:after {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

#products-nav>li.opened:after {
	transform: rotate(-45deg);
	top: 26px;
}

#products-nav>li.closed:after {
	transform: rotate(135deg);
}

#products-nav>li.opened:after,
#products-nav>li.closed:after {
	cursor: pointer;
}


#products-nav ul {
	background-color: #e4e5f7;
}

footer {
	font-size: 15px;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #e6dddd;
	text-decoration: none;
}

footer h5 {
	line-height: 1.5;
}

.foot_nav {
	float: left;
}

.foot_nav>li {
	font-weight: bold;
	padding-bottom: 1rem;
	font-size: 20px;
}

.foot_nav ul {
	padding-inline-start: 0;
	font-weight: normal;
	padding: 1rem 0;
	font-size: 12px;
}

img.inner-chevron {
	width: 12px !important;
	height: 12px !important;
	margin-right: 5px;
	vertical-align: baseline;
}

footer {
	letter-spacing: 1.2px;
}

footer h2 {
	font-size: 28px;
	margin-bottom: 0.5rem;
	font-weight: bold;
}

footer h3 {
	font-size: 20px;
	font-weight: bold;
}

footer h4 {
	font-size: 10px;
}

#logo_foot {
	width: 150px;
	margin-bottom: 1rem;
}

#foot_slogan {
	width: 70%;
}

#leave-msg {
	color: #1f46cf;
	background-color: #fff;
	font-size: 1.2rem;
	width: 150px;
	text-decoration: none;
}

#leave-msg:hover {
	background-color: #3b64f5;
	color: #fff;

}

#logo_foot,
#foot_slogan,
#leave-msg {
	display: block;
}

#cr_icp_pol {
	background-color: #000;
	font-size: 12px;
}

/* h2.content-title { */
/* font-size: 1.8rem; */
/* margin-bottom: 1.5rem; */
/* position: relative; */
/* color: #2046c6; */
/* font-weight: bold; */
/* } */

h2.content-title {

	margin-bottom: 1.5rem;
	position: relative;
	color: #005bab;
	font-weight: bold;
	font-style: italic;
}

h2.content-title:after {
	content: "";
	display: block;
	width: 20%;
	height: 1px;
	background: #00ab95;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: auto;
}

h3.content-title {
	font-size: 12px;
}

/*导航按钮*/
.nav_btn span {
	display: inline-block;
	width: 20px;
	height: 2px;
	background-color: #1f46cf;
	position: absolute;
	left: 0px;
	top: 50%;
	/* -webkit-transition:background-color 0.3s ease-out 0.1s;
    transition:background-color 0.3s ease-out 0.1s; */
	transform: translateY(-50%);
}

.nav_btn span:after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #1f46cf;
	position: absolute;
	top: 8px;
	left: 0px;
	/* -webkit-transition:top 0.5s ease 0.4s,-webkit-transform 0.3s ease-out;
    transition:top 0.5s ease 0.4s,-webkit-transform 0.3s ease-out;
    transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
    transition:transform 0.3s ease-out,top 0.5s ease 0.4s,-webkit-transform 0.3s ease-out; */
	transition: .2s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.nav_btn span:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #1f46cf;
	position: absolute;
	top: -8px;
	left: 0px;
	/* -webkit-transition:top 0.5s ease 0.4s,-webkit-transform 0.3s ease-out;
    transition:top 0.5s ease 0.4s,-webkit-transform 0.3s ease-out;
    transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
    transition:transform 0.3s ease-out,top 0.5s ease 0.4s,-webkit-transform 0.3s ease-out; */
	transition: .2s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.nav_btn.click span {
	background-color: transparent;
}

.nav_btn.click span:before {
	/* -webkit-transition: top 0.5s ease, -webkit-transform 0.3s ease-out 0.4s;
    transition: top 0.5s ease, -webkit-transform 0.3s ease-out 0.4s;
    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
    transition: top 0.5s ease, transform 0.3s ease-out 0.4s, -webkit-transform 0.3s ease-out 0.4s; */
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
}

.nav_btn.click span:after {
	/* -webkit-transition: top 0.5s ease, -webkit-transform 0.3s ease-out 0.4s;
    transition: top 0.5s ease, -webkit-transform 0.3s ease-out 0.4s;
    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
    transition: top 0.5s ease, transform 0.3s ease-out 0.4s, -webkit-transform 0.3s ease-out 0.4s; */
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}

#contact {
	font-size: .9rem
}

#contact th {
	/* width: 25%; */
	vertical-align: top;
	padding-left: 30px;
	position: relative;
}

/* #contact th::before {
    content: url(/img/location.svg);
    width: 20px;
    height: 20px;
	display: inline-block;
} */

/* #contact td {
	width: 75%;
} */

#contact th,
#contact td {
	border-top: none;
	padding-top: .25rem;
	padding-bottom: .25rem;
	/* padding-left: 0; */
}

#contact table img {
	width: 20px;
	height: 20px;
	position: absolute;
    left: 5px;
    top: 0.5rem;
    /* transform: translateY(-50%); */
}

#contact p {
	margin-bottom: 0;
	/* display: inline; */
}


table.product_specs {
	font-size: .9rem;
	width: 75%;
	margin: 2rem auto;
}

/* table.product_specs td, table.product_specs th {text-align: center;} */

.product_specs td,
.product_specs th {
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	text-align: center;
	vertical-align: middle;
}

.pages a {
	text-decoration: none;
	vertical-align: middle;
	position: relative;
	color: #005bab;
	margin: .75rem;
	display: inline-block;
}

.pages .this {
	font-size: 1.5rem;
	font-weight: bold;
}

a.first-page:before {
	content: "";
	display: block;
	height: 16px;
	border-right: 2px solid #005bab;
	position: absolute;
	top: 5px;
	left: -12px;
}

a.first-page:after,
a.previous-page:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #005bab;
	border-right: 2px solid #005bab;
	position: absolute;
	top: 8px;
	left: -8px;
	transform: rotate(-135deg);
}

a.last-page:before {
	content: "";
	display: block;
	height: 16px;
	border-right: 2px solid #005bab;
	position: absolute;
	top: 5px;
	left: 20px;
}

a.last-page:after,
a.next-page:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #005bab;
	border-right: 2px solid #005bab;
	position: absolute;
	top: 8px;
	left: 8px;
	transform: rotate(45deg);
}





@media screen and (min-width: 992px) {
	#navtext .level-1-nav>li.no-sub:hover>a::before {
		width: 100%;
	}

	#navtext .level-1-nav>li.no-sub.current>a::before {
		width: 100%;
	}

	#in_banner .phone {
		display: none;
	}

	#msg_form {
		margin: auto 5rem;
	}
}

@media (min-width: 1000px) and (max-width: 1199px) {
	#navtext .level-1-nav>li {
		padding: 0 10px;
	}

	#navtext .sub_nav {
		left: calc(-100% - (100vw - 550px) / 2);
	}
}



@media (max-width: 991.98px) {
	#navtext {
		background-color: #1f45cc;
		top: 65px;
		position: absolute;
		left: 100%;
		z-index: 10;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;
		overflow: hidden;
		display: none;
	}

	#navtext>ul {
		padding-bottom: 20rem;
	}

	#navtext a {
		color: #fff;
		font-size: 1.2rem;
	}

	#navtext .with-sub>a {
		width: 75%;
		float: left;
		position: relative;
	}

	#navtext .level-1-nav>li.with-sub.current>a {
		color: #fff;
	}

	#navtext>ul>li {
		border-bottom: 1px solid #5d5ce8;
	}

	#navtext .level-1-nav>li {
		padding: 0;
	}

	#navtext ul li.with-sub .mnav-chevron:after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		position: absolute;
		right: 30%;
	}

	#navtext ul li.with-sub .mnav-chevron.closed:after {
		transform: rotate(135deg);
		top: 25px;
	}

	#navtext ul li.with-sub .mnav-chevron.opened:after {
		transform: rotate(-45deg);
		top: 30px;
	}



	#navtext .sub_nav {
		position: static;
		width: 100%;
		float: left;
		display: none;
		overflow: hidden;
		background-color: #363465;
	}

	#navtext .sub_nav li p {
		font-size: 1rem;
		padding-left: 15px;
	}

	#navtext .sub_nav li p:before {
		width: 7px;
		height: 7px;
	}
}



@media (max-width: 575.98px) {

	#prod_disp .bx-wrapper .bx-prev,
	#technical_features_wrapper .bx-wrapper .bx-prev {
		margin-left: 100px;
	}

	#prod_disp .bx-wrapper .bx-next,
	#technical_features_wrapper .bx-wrapper .bx-next {
		margin-right: 100px;
	}


	#top-nav li:before {
		width: 0;
	}


	.text3d {
		font-size: 3rem;
	}


	/* #top-nav {background-color: #000; } */


	.news-catalog h2 a,
	.news-content h1 {
		font-size: 1.5rem;
	}




	h2 {
		font-size: 2rem
	}

	.inner-content img {
		width: 100%;
	}

	footer #foot-nav p.sub a {
		display: inline;
	}

	footer #foot-nav p {
		margin-bottom: 1rem;
	}

	footer table th {
		width: 40%;
	}
}


@media (max-width: 374.98px) {

	/* footer h5 {font-size: 2rem;} */
	footer .logo {
		width: 75%;
		height: 75%;
		margin: 5px 0;
	}

	.text3d {
		font-size: 2.5rem;
	}

}



@media (min-width: 576px) and (max-width: 768px) {
	#in_banner div.text-center {
		font-size: 4rem;
		height: 100px;
	}
}

@media (min-width: 768px) {

	.history_table p {
		padding: 1rem;
		vertical-align: top;
		margin-bottom: 0;
	}

	/* .top_slider .swiper-wrapper.phone {display: none;} */
}

@media (max-width: 768px) {
	.home_title h2 {
		font-size: 2rem;
	}

	.home_title h3 {
		font-size: 1rem;
	}

	.product-category h1 {
		font-size: 1.5rem;
	}

	.product-category p {
		font-size: 1rem;
	}

	.product-category .catelog .label {
		height: 30px;
		font-size: 0.7rem;
		padding: 7px 0px 7px 20px;
		background-color: #005bab;
	}

	.product-category .catelog .label::before {
		top: 13px;
		left: 7px;
		width: 5px;
		height: 5px;
	}

	h2.content-title:after {
		width: 50%;
	}

	.history_table img {
		width: 100%;
		margin-bottom: 10px;
		height: auto;
	}

	.history_table th {
		font-size: 1.5rem;
	}

	.history_table {
		width: 100%;
	}

	#in_banner .desk {
		display: none;
	}





	#home_last2 p:before {
		left: 26%;
	}


	.swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 20px;
	}

	#home_last2 p {
		font-size: 1.2rem;
	}

	footer h2 {
		font-size: 20px;
	}

	#product-content img {
		width: 100%;
		height: auto;
	}


	#goTop {
		right: 20px;
		bottom: 20px;
	}

	footer {
		background-size: auto 100%;
	}

}

@media (max-width: 767.98px) {

	#foot_nav1 {
		padding-left: 0;
	}

	/* .top_slider .swiper-wrapper.desk {display: none;} */

	#msg_form img {
		right: 1.5rem;
		bottom: 2.5rem;
		height: 26px;
	}
}

/* top.asp */

#top-nav .logo img {
		width: 100%;
	}

/* #top-nav .not-btn::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	margin-left: 1rem;
} */

#top-nav .light {
	font-size: 0.9rem;
	color: #000;
}
#top-nav .light i {
	color: #005bab;
	font-size: 12px;
	margin-right: 3px;
}

#top-nav .dark {
	color: #fff;
	background-color: #005bab;
	width: 6rem;
	border-radius: 0;
	font-size: 0.9rem;
	text-decoration: none;
}

#top-nav .dark:hover {
	color: #000;
	background-color: #e9dbdb;
}

#top-nav .dark i {
	font-size: 1.2rem;
}

#mnav_icon {
	width: 30px;
	/* height: 30px; */
	position: relative;
}

#navtext .sub_nav {
	background: #005bab;
	z-index: 100;
}

	/* below blocks: .container width adjust */
@media (min-width: 992px) { 
	#navtext .no-sub, #navtext .with-sub {
		width: 14.28%;
		padding: 0;
	}

	#navtext a {
		text-align: center;
	}
}

@media (min-width: 1200px){
	.container {
		max-width: 1000px;
	}
}

@media (max-width: 991.98px) {
	#navtext {
		z-index: 100;
		background-color: #005bab;
	}
}

.nav_btn span, .nav_btn span:before, .nav_btn span:after {
	background-color: #005bab;
}

/* @media (min-width: 1000px) {
	#navtext .sub_nav {
		top: 55px;
		left: 0;
		position: fixed;
	}	
} */

@media (max-width: 767.98px) {
	#in_banner h1 {
		font-size: 1.25rem;
	}
}

@media (max-width: 575.98px) {
	#in_banner {
		height: 4.5rem;
		overflow: hidden;
	}

	#in_banner img {
		height: 100%;
		width: auto;
		position: absolute;
		left: 50%;
		/* right: 50%; */
		top: 50%;
		transform: translate(-50%, -50%);
	}

	
}

/* index.asp */

/* .swiper-container a {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
} */

.top_slider, #about-nikko {
	max-width: 90rem;
}

#about-nikko {
	margin: 0 auto;
}

.top_slider .swiper-slide[data-video] {
	cursor: pointer;
}

.top_slider .swiper-slide[data-video=""] {
	cursor: default;
}

@media (min-width: 992px) {
	.home-block {
		/* padding-left: 2.5rem; */
		/* padding-right: 2.5rem; */
	}
}

#abouts {
	height: auto;
	color: #fff;
	/* height: 300px; */
}

#abouts .col-md-5 .title {
	bottom: 40%;
}

#abouts .col-md-5 .intro {
	margin-top: 200px;
}

#abouts .col-12,
#abouts .col-md-5 .title,
#abouts .col-md-5 .intro {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#abouts .intro {
	width: 100%;
	padding: 2rem;
	background-image: url(../img/black_transparent.png);
	/* margin-top: 300px; */
}

#abouts .intro p {
	width: 300px;
}

#abouts .dark_fg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: absolute;
	opacity: 0.0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#abouts .dark .dark_fg {
	background-color: #000000;
	opacity: 0.5;
}

#abouts .intro, #abouts .col-lg-5 .intro {margin-top: 0;}

#abouts .intro {
	position: absolute;
	top: 100%;
	height: 100%;
}

/* #abouts {

} */

#abouts h4 {
	font-size: 2rem;
	font-style: italic;
	font-weight: bold;
}

#abouts h5 {
	font-size: 1.2rem;
}

#abouts h4,
#abouts h5 {
	text-shadow: 0.1em 0.1em 0.2em #333;
}

#abouts .title {
	position: absolute;
	/* bottom: 20%; */
	left: 1rem;
	top: 60%;
}

#abouts .col-12 {
	height: 300px;
	padding: 0;
	overflow: hidden;
}

#abouts .title, #abouts .intro {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#prod_carou .text-wrapper, #technical_features .text-wrapper {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}



#prod_carou img, #technical_features img {
	width: 100%;
	height: 100%;
}

#prod_carou img.chevron-right-white, #technical_features img.chevron-right-white {width: 15px; height: 15px; 	vertical-align: baseline;}

#prod_carou.swiper-container, #technical_features.swiper-container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}

#prod_carou a, #technical_features a {
	overflow: hidden;
}

#prod_carou a > div, #technical_features a > div {
	position: absolute; 
	top:0;
	bottom: 0;
	margin: auto;
	font-style: italic;
	width: 100%;
	opacity: 0.0;
	background-image: url(../img/black_transparent.png);
}

#prod_carou a > div h4, #technical_features a > div h4 {
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
}

#prod_carou a > div, #prod_carou a:hover > img, #technical_features a > div, #technical_features a:hover > img {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#prod_carou a:hover > div, #technical_features a:hover > div {
	opacity: 1.0;
}

#prod_carou a:hover > img, #technical_features a:hover > img {
	transform: scale(1.25);
	-ms-transform:scale(1.25); 	/* IE 9 */
	-moz-transform:scale(1.25); 	/* Firefox */
	-webkit-transform:scale(1.25); /* Safari 和 Chrome */
	-o-transform:scale(1.25); 	/* Opera */
}

#prod_carou a > div h5, #technical_features a > div h5 {font-size: 1rem; color: #9999ff;}

/* #prod_disp {
	background-image: 
		url('/img/prod_series_bg.jpg');
		
	background-size: cover;
	background-position: center;
} */

#prod_disp .home_title a {
	color: #000;
}

#prod_disp .home_title a::after {
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}

@media (max-width: 1199.98px){
	#prod_carou .text-wrapper, #technical_features .text-wrapper {
		display: none;
	}
}

@media (min-width: 1000px) and (max-width: 1499px) {
	#prod_carou a > div h4, #technical_features a > div h4 {font-size: 1rem;}
	#prod_carou a > div h5, #technical_features a > div h5 {font-size: 0.7rem;}
	#prod_carou img.chevron-right-white, #technical_features img.chevron-right-white {width: 10px; height: 10px;}
}

@media (max-width: 767.98px) { 
	#about1, #about2, #about3, #about4, #news_home {
		background-size: 100% auto;
	}
	
	/* .swiper-button-prev, .swiper-button-next {
		display: none;
	} */



#prod_carou .swiper-slide,    #technical_features .swiper-slide {
	height: calc((100% - 20px) / 2);}
	
#prod_carou a > div, #technical_features a > div {display: none;}

#prod_disp .swiper-button-prev, #prod_disp .swiper-button-next, #technical_features_wrapper .swiper-button-prev, #technical_features_wrapper .swiper-button-next {position: static;}

#prod_disp .swiper-button-prev, #technical_features_wrapper .swiper-button-prev {
	position: relative;
	top: 50px;
	left: 75px;
	float: left;
}

#prod_disp .swiper-button-next, #technical_features_wrapper .swiper-button-next {
	float: right;
	position: relative;
	top: 50px;
	right: 75px;
}
	
#prod_disp {background-size: auto 100%;}

	
.top_slider .swiper-button-prev, .top_slider .swiper-button-next {display: none;}
	/* #foot_nav1 {padding-left: 0;} */
	
	/* .top_slider .swiper-wrapper.desk {display: none;} */
	
}

@media (max-width: 1199.98px){
	#prod_carou a > div, #technical_features a > div {
		display: none;
	}
}



@media (min-width: 576px) and (max-width: 767.98px){
	#about1, #about2, #about3, #about4, #news_home {
		background-size: auto 100%;
	}
	#abouts .col-12 {
		height: 200px; 
		/* background-size: 100% auto; */
	}
}

@media (max-width: 575.98px){
	#about1, #about2, #about3, #about4, #news_home {
		background-size: 100% auto;
	}
	#abouts .col-12 {
		/* height: 200px;  */
		background-size: 100% auto;
	}
}

@media (max-width: 449.98px){
	#abouts .col-12 {
		background-size: auto 100%;
		/* height: 150px; */
	}

	/* #abouts .title {
		top: 40%;
	} */
}

@media (min-width: 768px) {
	#abouts .col-lg-5 .title {
		/* bottom: 40%; */
		top: 30%;
	}

	#abouts .col-lg-5 .intro {
		top: 70%;
	}
}

/* #home-video */
			
#home-video video,
#home-video p.error {
	width: 90vw;
	background-color: #005bab;
	color: #ffffff;
}

@media screen and (min-width: 768px) {
	/* #home-video */
	#home-video video,
	#home-video p.error {
		width: 720px;
		height: 405px;
	}
}

/* #home-video > *,
#home-video video p {
	margin: auto;
} */

/* #home-video video,
#home-video p.error {
	width: 100%;
} */

#home-video a {
	color: #3db5ee
}
#about-nikko {
	position: relative;
	height: 100%;
	height: 600px;
	/* background-color: blue;  */
	/* color: #fff;  */
	background-image: url('/img/home_about_us_background_4.jpg'); 
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

#about-nikko > * {
	position: absolute;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
	/* top: 50%; */
	/* transform: translateY(-50%); */
}

#about-nikko > div {
	right: 2%;
	top: 50%;
	width: 45%;
	transform: translateY(-50%);
	/* color: #005bab; */
	/* text-shadow: 1px 1px 2px #fff; */
}

#about-nikko p {
	margin-bottom: 10px;
}

#about-nikko ul {
	margin: 0;
	padding: 0;
}
#about-nikko li {
	list-style: none;
	padding: 0;
	margin-bottom: 1rem;
}

#about-nikko a {
		/* color: #005bab; */
	text-decoration: none;
	font-weight: bold;
	/* font-size: 0.9rem; */
	color: #000
}

/* #about-nikko .one-two:nth-child(2) {
	background-color: rgba(0, 91, 171, 0.50);
} */

/* #about-nikko p {
	font-size: 0.9rem;
} */

/* @media (max-width: 767.98px) {
	#about-nikko .one-two:nth-child(1) {
		height: 20rem;
	}
}

@media (min-width: 768px) {
	#about-nikko .one-two {
		height: 30rem;
	}

	#about-nikko .one-two > div {
		max-width: 500px;
	}
} */

/* #about-nikko p {font-weight: 600;} */

@media (max-width: 991.98px) { 
	#about-nikko {
		background-position: right;
	}

	#about-nikko > div {
		width: 75%;
		top: 50%;
		left: 70%;
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 767.98px) { 
	#about-nikko > div {
		width: 75%;
		left: 50%;
	}
}

#about-nikko h3 {
	font-size: 3rem;
	font-weight: bold;
}

#about-nikko a::after {
	content: "";
	/* display: block; */
	display: inline-block;
	width: 7.5px;
	height: 7.5px;
	/* border-top: 2px solid #005bab; */
	/* border-right: 2px solid #005bab; */
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(45deg);
	/* position: absolute; */
	/* top: 15px; */
	/* left: 13px; */
	margin-left: 1rem;
}

#about-nikko img {
	width: 100%;
	height: auto;
	/* margin-bottom: 1rem; */
}

/* .home_prod_cata {
	background-color: #005babc7;
} */

.home_prod_cata a {
	text-decoration: none;
	color: #fff;
	position: relative;
	display: block;
	/* text-align: center; */
	overflow: hidden;
	background-color: #005babc7;
	
}

/* .home_prod_cata a:hover {
	background-color: #005bab;
} */

.home_prod_cata a .wrapper {
	overflow: hidden;
}

.home_prod_cata img,
.home_prod_cata .label {
	width: 100%;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.home_prod_cata .label {
	padding: 1rem;
}

/* .home_prod_cata:hover > img {
	transform: scale(1.25);
	-ms-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-o-transform: scale(1.25);
} */
		
/* .home_prod_cata .label {
	background-color: #005babc7;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0.0;
} */

/* .home_prod_cata:hover .label {
	opacity: 1.0;
} */

.home_prod_cata h2 {
	font-weight: bold;
	color: #fff;
}

/* .home_prod_cata .text-wrapper {
	transform: translate(-50%, -50%);
	position: absolute;
	width: 80%;
	left: 50%;
	top: 50%;
} */

.home_prod_cata h4,
.home_prod_cata h5,
.home_prod_cata p {
	color: #fff;
	/* font-style: italic; */
}

.home_prod_cata h4 {
	font-size: 1rem;
	font-weight: bold;
	/* text-align: center; */
	/* width: 80%; */
	/* position: absolute; */
	left: 50%;
	top: 50%;
	/* transform: translate(-50%, -50%); */
	margin-bottom: 1rem;
}

.home_prod_cata h5 {
	font-size: 12px;
}

.home_prod_cata p {
	font-size: 0.75rem;
}

.home_title a {
	font-size: 1.5rem;
	/* margin: 0; */
	/* color: #fff; */
	
	position: relative;
	/* font-size: 2.5rem; */
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

/* .home_title h2::after {
	content: "";
	display: block;
	width: 120px;
	height: 1px;
	margin: .5rem auto;
} */

.home_title a::after, 
#home_last2 p::after {
	content: "";
	/* display: block; */
	display: inline-block;
	width: 10px;
	height: 10px;
	/* border-top: 2px solid #005bab; */
	/* border-right: 2px solid #005bab; */
	/* border-top: 2px solid #000;
	border-right: 2px solid #000; */
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	/* left: 13px; */
	margin-left: 1rem;
}

.home_title a::after {
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}

.home_title h3 {
	font-size: 12px;
	font-style: italic;
}

/* #technical_features_wrapper {
	background: linear-gradient(#005babb5, #005babb5), url("/uploadimg/image/20200507/20200507155430083008.jpg");
	background-size: cover;
	background-position-y: center;
} */

.home_tech_feat a {
	display: block;
	position: relative;
	overflow: hidden;
}

.home_tech_feat a img,
.home_tech_feat a .label {
	width: 100%;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	position: relative;
	z-index: 100;
}

.home_tech_feat a .label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #005babc7;
	opacity: 0.0;
}

.home_tech_feat a:hover .label {  
	opacity: 1.0;
}

.home_prod_cata a:hover img,
.home_tech_feat a:hover img {
	transform: scale(1.25);
	-ms-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-o-transform: scale(1.25);
}

.home_tech_feat a .label .text-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.home_tech_feat a .label .text-wrapper h4 {
	font-style: italic;
	color: #fff;
	text-align: center;
}

.home_tech_feat .dec-loc {
	display: none;
}

.home_tech_feat a p.name {
	color: #fff;
	/* background-color: #005babc7; */
	background-color: #005bab;
	padding: 1rem 0;
	/* font-size: 1vw; */
}

.home_tech_feat a .img-wrapper {
	overflow: hidden;
}

/* 设备位置图 */
@media (min-width: 768px) {
	.home_tech_feat {
		position: absolute;
		width: 15%;
		z-index: 100;
	}

	.home_tech_feat:hover + div .pt-line,
	.home_tech_feat:hover + div .dec-loc {
		background-color: #ffffff;
	}

	.home_tech_feat a .label .text-wrapper h4 {
		font-size: 1rem;
	}

	/* .home_tech_feat::before, */
	/* .home_tech_feat::after {
		content: "";
		display: block;
		position: absolute;
		border: 3px solid #ffc107;
	} */

	/* .home_tech_feat::before {
		width: 2px;
	} */

	/* .home_tech_feat::after{
		height: 2px;
	} */

	.home_tech_feat a p.name {
		font-size: 1vw; 
		padding: 0.5vw 0;
	}

	.home_tech_feat:nth-child(1) {
		bottom: 0;
		/* left: 40%; */
		left: 32%;
	}

	/* .home_tech_feat:nth-child(1)::after {
		width: 160px;
		top: -80%;
		right: 0%;
		transform: rotate(-100deg);
	} */

	.home_tech_feat:nth-child(3) {
		/* right: 0%; */
		/* top: 10rem; */
		right: 5%;
		top: 55%;
	}

	/* .home_tech_feat:nth-child(2)::after {
		width: 500px;
		top: 110%;
		transform: rotate(-200deg);
		left: -300%;
	} */

	.home_tech_feat:nth-child(5) {
		/* right: 0%; */
		/* top: 2rem; */
		right: 5%;
		top: 20%;
	}

	/* .home_tech_feat:nth-child(3)::after {
		width: 450px;
		top: 120%;
		
		transform: rotate(-200deg);
		left: -280%;
	} */

	.home_tech_feat:nth-child(7) {
		/* left: 0; */
		/* bottom: 0; */
		left: 5%;
		top: 20%;
	}

	/* .home_tech_feat:nth-child(4)::after {
		
		width: 160%;
		height: 50%;
		top: 0%;
		left: 100%;
		border-left: none;
		border-top: none;
	} */

	.home_tech_feat:nth-child(9) {
		/* left: 20%; */
		/* bottom: 0; */
		/* left: 0; */
		left: 5%;
		top: 55%;
	}

	/* .home_tech_feat:nth-child(5)::after {
		width: 300px;
		top: -100%;
		right: -75%;
		transform: rotate(-75deg);
	} */

	.home_tech_feat:nth-child(11) {
		/* right: 0; */
		/* top: 18rem; */
		bottom: 0;
		right: 32%;
	}

	/* .home_tech_feat:nth-child(6)::after {
		width: 300px;
		top: 90%;
		
		transform: rotate(-195deg);
		left: -180%;
	} */

	.home_tech_feat + div .dec-loc,
	.home_tech_feat + div .dec-loc .inner {
		position: absolute;
		border-radius: 50%;
		display: block
	}

	.home_tech_feat + div .dec-loc {
		/* content: ""; */
		width: 20px;
		height: 20px;
	}

	.home_tech_feat + div .dec-loc .inner {
		display: block;
		width: 10px;
		height: 10px;
		background-color: #005bab;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.home_tech_feat + div .pt-line,
	.home_tech_feat + div .pt-line .inner {
		position: absolute;
	}

	.home_tech_feat + div .pt-line {
		/* width: 200px; */
		height: 5px;
	}

	.home_tech_feat + div .dec-loc,
	.home_tech_feat + div .pt-line {
		background-color: #ffffff81;
	}

	.home_tech_feat + div .pt-line .inner {
		background-color: #005bab;
		width: 100%;
		height: 1px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		
	}

	.home_tech_feat:nth-child(1) + div .dec-loc {
		left: 54%;
		bottom: 43%;
	}

	.home_tech_feat:nth-child(3) + div .dec-loc {
		bottom: 47%;
		right: 48%;
	}
	
	.home_tech_feat:nth-child(5) + div .dec-loc {
		right: 48%;
		top: 31%;
	}

	.home_tech_feat:nth-child(7) + div .dec-loc {
		top: 23%;
		left: 41.5%;
	}

	.home_tech_feat:nth-child(9) + div .dec-loc {
		top: 42%;
		left: 43.5%;
	}

	.home_tech_feat:nth-child(11) + div .dec-loc {
		bottom: 38%;
		right: 36%;
	}

	.home_tech_feat:nth-child(1) + div .pt-line {
		width: 25%;
		transform: rotate(-43deg);
		bottom: 29.5%;
		left: 33.5%;
	}

	.home_tech_feat:nth-child(3) + div .pt-line {
		width: 30%;
		transform: rotate(-170deg);
		bottom: 43.75%;
		right: 19%;
	}

	.home_tech_feat:nth-child(5) + div .pt-line {
		width: 30%;
		transform: rotate(-180deg);
		top: 32.5%;
		right: 19%;
	}

	.home_tech_feat:nth-child(7) + div .pt-line {
		transform: rotate(-10deg);
		width: 28%;
		top: 28.25%;
		left: 14.5%;
	}


	.home_tech_feat:nth-child(9) + div .pt-line {
		left: 15.75%;
		top: 51.5%;
		transform: rotate(-20deg);
		width: 30%;
	}

	.home_tech_feat:nth-child(11) + div .pt-line {
		right: 28.75%;
		bottom: 22%;
		transform: rotate(-80deg);
		width: 20%;
	}

}

#technical_features_wrapper {
	background-color: #e3f3ff;
	/* background-image: url("img/tech_feats_bg_3.jpg") */
}

#technical_features_wrapper #jianzhu-moxing {
	width: 60%; 
	margin-bottom: 20%;
}

#technical_features_wrapper .home_title a {
	color: #000;
}

/* @media (max-width: 575.98px) { 
	
} */

/* #technical_features_wrapper .home_title .label-mobile {} */

#home_last2 {
	/* background: linear-gradient(#005babb5, #005babb5), url("/uploadimg/image/20230810/20230810090315901590.jpg"); */
	background-size: cover;
	background-position-y: center;
	/* background-image: url("/img/after_sale&join_bg_2.jpg") */
}

#home_last2 p.label {
	/* background-color: transparent; */
	background-color: #005babc7;
	color: #fff;
}

#home_last2 .img-wrapper {
	overflow: hidden;
}

#home_last2 a:hover img {
	transform: scale(1.25);
	-ms-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-o-transform: scale(1.25);
}

#home_last2 p::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

#history_table table {
	/* background-color: lightgrey; */
	/* width: 90%; */
	margin: auto;
	/* margin-bottom: 1rem; */
	border-collapse: collapse;
	color: #000;
}

#history_table td,
#history_table th {
	border-top: 0px solid #fff;
	padding: 0;
	vertical-align: top;
}

#history_table td {
	width: 50%;
	overflow: hidden;
}

#history_table tr:nth-child(odd) td:nth-child(2),
#history_table tr:nth-child(even) td:nth-child(1) {
	border-top: 1px solid #005bab;
}

/* #history_table */

#history_table h2 {
	/* text-align: center; */
	color: #fff;
	position: relative;
	z-index: 10;
	/* font-style: italic; */
	font-weight: bold;
	/* padding-left: 1rem; */
	/* left: -3rem; */
	/* display: inline; */
	/* background-color: blue; */
	height: 3rem;
	/* margin-bottom: 0; */
	/* left: -2px; */
	/* top: -2px; */
	padding: 0 1rem;
	width: 100%;
}

/* #history_table h2::after, */
#history_table h2::after {
	width: 10rem;
	height: 3rem;
	content: "";
	display: block;
	background-color: #005bab;
	position: absolute;
	z-index: -10;
	top: 1.5rem;
	
	/* right: 0; */
}

#history_table td:nth-child(odd) h2 {
	text-align: right;
}
#history_table td:nth-child(odd) h2::after {
	transform: skew(30deg) translate(2rem, -50%);
	right: 0;
}

#history_table td:nth-child(even) h2::after {
	transform: skew(-30deg) translate(-2rem, -50%);
	left: 0;
}

#history_table h2::after {
	transform: translate(0, -50%);
}

#history_table h3 {
	font-size: 1.2rem;
	position: relative;
	color: #fff;
	/* margin-bottom: 0; */
	font-weight: bold;
	padding: 0 0.5rem;
}

/* #history_table h3, */

#history_table h3::after {
	width: 5rem;
	height: 2rem;
	content: "";
	/* display: inline-block; */
	background-color: #005bab;
	
	position: absolute;
	z-index: -10;
	/* top: 50%; */
	
}

#history_table td:nth-child(odd) h3::after {
	right: -1rem;
	transform: skew(30deg);
}

#history_table td:nth-child(even) h3::after {
	left: -1rem;
	transform: skew(-30deg);
}

#history_table img {
	margin: 1rem;
	width: auto;
}

#history_table td:nth-child(1) {
	border-right: 5px solid #e9dbdb;
	/* width: 50%; */
}

#history_table td:nth-child(2) {
	border-left: 5px solid #e9dbdb;
	/* width: 50%; */
}

#history_table td:nth-child(1) h2 {
	float: right;
	/* right: 3rem; */
}

/* #history_table td:nth-child(2) h2 {
float: right;
left: -3rem;
} */

#history_table td:nth-child(1) h3 {
	text-align: right;
}

#history_table p {
	padding: 1rem;
}

#history_table td:nth-child(1) p,
#history_table td:nth-child(1) img {
	float: right;
}

#history_table td:nth-child(1) p {
	text-align: right;
}

@media (min-width: 768px) {

	#history_table p {
		padding: 1rem;
		vertical-align: top;
		margin-bottom: 0;
	}
}

@media (max-width: 768px) {
	#history_table img {
		width: 100%;
		margin-bottom: 10px;
		height: auto;
	}

	#history_table th {
		font-size: 1.5rem;
	}

	#history_table {
		width: 100%;
	}

}

/* video_catalog.asp */
#video-catalog, .video {
	border-top: 5px solid #005bab;
}
#video-catalog img {
	width: 100%;
}
#video-catalog .title {
	color: #ffffff;
	background-color: #005bab;
}

.video > *,
.video video p {margin: auto;}
.video video, 
.video p.error {
	width: 100%;
	max-width: 720px;
	/* margin-bottom: 5rem; */
}

/* video.asp */
.video-wrapper {
	border-top: 5px solid #005bab;
}

.video-wrapper > *,
.video-wrapper video p {margin: auto;}
.video-wrapper video, 
.video-wrapper p.error {
	width: 100%;
	max-width: 720px;
	/* margin-bottom: 5rem; */
}

/* foot.asp */

footer {
	background-size: cover;
	font-size: 0.9rem;
	background: url(../img/foot_bg_2023.jpg);
background-size: cover;
background-position: center;
}

footer h2 {
	font-size: 1.25rem;
}

footer h5 {
	font-size: inherit;
}

footer #foot-nav>ul>li:hover {
	font-size: inherit;
}

footer #foot-nav>ul>li ul.sub {
	/* font-size: inherit; */
	display: block;
}

footer #foot-nav .sub {
	font-size: 0.9rem;
	/* font-weight: 200; */
	position: relative;
	left: 0;
	top: 1rem;
	display: block;
	padding-right: 0;
}

footer #foot-nav li {
	/* width: 100px; */
	/* max-width: 200px; */
	font-weight: inherit;
}

footer #foot-nav>ul>li, footer #foot-nav>ul>div>li {
	font-weight: bold;
}

#leave-msg {
	font-size: 1.2rem;
}

#leave-msg:hover {
	background-color: #005bab;
}
footer .city {
	font-weight: bold;
}

footer table {
	width: 100%;
}		

#foot-nav li:nth-child(1) a {
	font-weight: bold;
}

#wxqr, #wxqr + p {
	width: 100%; 
	/* height: 100px; */
}

@media (min-width: 576px) { 
	#wxqr {
		width: 100px; 
		height: 100px;
		cursor: pointer;
	}

	#wxqr + p {
		width: 100px; 
		font-size: 10px;
	}
}

#wxqr-pop {
	display: none;
}

#leave-msg {width: 10rem;}

.about-container {
	justify-content: center;
	align-items: center;
}

#qr-wrapper {
	right: 2rem; 
	bottom: 0;
	position: absolute
}

@media (max-width: 575.98px) {
	#qr-wrapper {
		position: static;
		padding: 1rem;
	}
}