@charset "utf-8";

*,
*::before,
*::after {
	box-sizing: border-box;

}

a {
	display: inline-block;
	text-decoration: none;


}

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

.text-style-1 {
	color: rgb(255, 255, 255);
	font-size: 50px;
	font-family: 'Roboto', sans-serif;
}

.text-style-2 {
	color: rgb(255, 255, 255);
	font-size: 25px;
	font-weight: 1000;
	font-family: 'Roboto', sans-serif;
}

.text-style-3 {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}

.filter-line {
	width: 2px;
	height: 160px;
	background-color: azure;
}



.wrap {
	margin: 0 auto;
	width: 1440px;
	/* border: solid 2px #441459; */
}

.header {
	display: none;
}

/* nav -------------------------------------------------------------------- */
.navi-fixed {
	position: fixed;
	top: 24px;
	z-index: 99;
}


nav {
	width: 1440px;
}

.logo {
	width: 66px;
	height: 66px;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	/* margin-right: 20px; */
	position: absolute;
	top: 26px;
	left: 34px;
}


.navi {
	display: flex;
	justify-content: center;
	/* background: linear-gradient(180deg, #967BA3 7.98%, #B18AC5 23.05%, #5B2D72 48.34%, #F3DAFF 82.24%, #6D05A0 102.16%); */
	width: 100%;
	height: 77px;
	margin: 0 auto;
	border-radius: 145px;
	-webkit-border-radius: 145px;
	-moz-border-radius: 145px;
	-ms-border-radius: 145px;
	-o-border-radius: 145px;
}

.navi-icon {

	position: absolute;
	right: 150px;

}

.navi-color-1 {
	background: linear-gradient(180deg, #774F86 -1.17%, #5B0080 102.16%);
	border-radius: 145px;
	margin: 0 auto;
	width: 1200px;
	height: 77px;
	-webkit-border-radius: 145px;
	-moz-border-radius: 145px;
	-ms-border-radius: 145px;
	-o-border-radius: 145px;
	position: absolute;
	overflow: hidden;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	z-index: 999;

}

.navi-color-2 {
	background: #B673DE;
	opacity: 0.3;
	border: 1px solid #7318B9;
	width: 100%;
	height: 77px;
	position: absolute;
	top: -65px;

}

.navi-color-3 {
	background: linear-gradient(180deg, #441459 27.39%, #6D3F82 110.4%);
	width: 100%;
	height: 77px;
	position: absolute;
	bottom: -40px;
}

.navi-color-4-index {
	width: 14.2857142057%;
	height: 77px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 4%, rgba(150, 63, 218, 0.35) 47.33%, rgba(0, 8, 17, 0.35) 57.26%);
	filter: blur(2px);
	-webkit-filter: blur(2px);
	opacity: .8;
	position: absolute;
	left: 0%;
}

.navi-color-4-about {
	width: 14.2857142057%;
	height: 77px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 4%, rgba(150, 63, 218, 0.35) 47.33%, rgba(0, 8, 17, 0.35) 57.26%);
	filter: blur(2px);
	-webkit-filter: blur(2px);
	opacity: .8;
	position: absolute;
	left: 14%;
}

.navi-color-4-product {
	width: 14.2857142057%;
	height: 77px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 4%, rgba(150, 63, 218, 0.35) 47.33%, rgba(0, 8, 17, 0.35) 57.26%);
	filter: blur(2px);
	-webkit-filter: blur(2px);
	opacity: .8;
	position: absolute;
	left: 28%;
}



.navi-color-4-technology {
	left: 42%;
}

.navi-color-4-qualitycontrol {
	left: 56%;
}

.navi-color-4-information {
	left: 70%;
}

.navi-color-4-contact {
	left: 84%;
	width: 110%;
}

.navi-color-5 {
	width: 100%;
	height: 77px;
	background: black;
	position: absolute;
	background: linear-gradient(214deg, rgba(255, 255, 255, 0) 5.18%, rgba(255, 255, 255, 0.352) 8.81%, rgba(255, 255, 255, 0) 15.44%, rgba(255, 255, 255, 0.496) 22.35%, rgba(255, 255, 255, 0) 34.58%);
}

.navi-list {}

.navi-list {
	position: absolute;
	display: flex;
	width: 1200px;
}

.navi-item {
	/* display: inline-block;
	width: 13.9%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: rgb(255, 255, 255);
	width: 168.428px;
	height: 77px; */
	/* text-align: center; */
	/* background-color: aqua; */

	height: 19px;
}

.navi-list a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* background-color: blueviolet; */
	color: rgb(255, 255, 255);
	width: 168.428px;
	height: 77px;


	/* color: rgb(255, 255, 255);
	margin-right: 20px; */
}

.navi-list a:hover li {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: azure;
}

.navi-list a:hover::after {}

/* banner --------------------------------------------------------------------*/
.banner-relative {}

.banner {
	width: auto;
	height: 750px;
	/* position: absolute;
	z-index: -2; */
	/* overflow: hidden; */
}

.filter-text {
	/* background-color: seagreen; */
	width: 1400px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: auto;
	padding-right: 40px;
}

.filter-text-absolute {
	position: absolute;
	top: 50%;
}

.text-style-3-border {
	border: solid 1px #ffffff;
	border-radius: 5px;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.banner-list-point {
	margin: 90px;
	width: 100px;
	display: flex;
	justify-content: space-evenly;

}

.banner-list-point-item {
	border: solid 1px rgb(255, 255, 255);
	border-radius: 50px;
	height: 10px;
	width: 10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.banner img {
	width: 100%;
	height: 100%;
}

/* news -------------------------------------------------------------------- */
.news {
	background-image: url(../images/index_newsbg.jpeg);
	background-size: 100%;
	background-position: 0px 160px;
	width: 100%;
	height: 120px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.6));
	-webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.6));
	display: flex;
	justify-content: center;
}

.product-nav {
	background-color: #401554;
	background-size: 100%;
	background-position: 0px 160px;
	width: 100%;
	height: 120px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.6));
	-webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.6));
	display: flex;
	justify-content: center;
	padding-right: 60px;
}

.product-nav-list {
	display: flex;
	justify-content: center;
	width: 100%;
}

.product-nav-list a {
	color: ghostwhite;
}

.product-nav-item {
	width: 150px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-nav-item:hover {
	background-color: rgba(255, 255, 255, 0.201);
}

.product-nav-item li {
	text-align: center;
	width: 100%;
}

.nav-line {
	border-right-width: 1px;
	border-right-color: white;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-color: white;
	border-left-style: solid;

}

.title {
	/* background-color: sienna; */
	/* padding-left: 15%; */
	margin: auto 0;
	line-height: 1.4;
}

._ {
	width: 40px;
	/* border: solid 1px #7318B9; */
	border-bottom-color: rgb(0, 0, 0);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 3px;
}

.latest-news {
	font-weight: 10;
	font-size: 26px;
}



.latest-news-cn {
	font-size: 16px;
	letter-spacing: 3px;
}

.▶ {
	display: inline-block;
	color: rgb(172, 16, 196);
	font-size: 4px;

}

.date {
	/* background-color: aqua; */
	margin: auto 0;
	padding-top: 2px;
	padding-left: 50px;
}

.day {
	/* background-color: brown; */
	display: inline-block;
	font-size: 42px;
	color: rgb(95, 13, 172);
}

.month {
	display: inline-block;
	font-size: 18px;
	color: rgb(95, 13, 172);
	padding-right: 25px;
	margin-right: 25px;
	border-right-color: rgb95, 13, 172;
	border-right-width: 1.5px;
	border-right-style: solid;
}

.year {}

.content {
	margin: auto 0;
	padding-top: 2px;
}

.content-title {
	font-weight: bold;
	margin-bottom: 8px;
	word-spacing: 10px;
	letter-spacing: 2px;
}

/* about -------------------------------------------------------------------- */

.about {
	background-color: rgb(70, 2, 77);
	height: 340px;
	display: flex;
	justify-content: center;
	padding-right: 70px;

}

.catalog {

	width: 1200px;
	margin: 0 auto;
	margin-top: 80px;

}

.catalog-title-yellow {
	border-left-color: #F6C33B;
	border-left-width: 20px;
	border-left-style: solid;
	padding-left: 10px;
	margin-bottom: 50px;
}

.catalog-title-green {
	border-left-color: #0DC878;
	border-left-width: 20px;
	border-left-style: solid;
	padding-left: 10px;
	margin-bottom: 50px;
}

.catalog-title-red {
	border-left-color: #C51B8A;
	border-left-width: 20px;
	border-left-style: solid;
	padding-left: 10px;
	margin-bottom: 50px;
}



.catalog-title-cn {
	font-size: 28px;
}

.catalog-title-en {
	font-size: 28px;
	color: rgb(186, 186, 186);
}

.catalog-list-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 100px;
}

.catalog-item-lable {
	width: 110px;
	height: 41px;
	background-image: url(../images/catalog-item-lable.png);
	position: relative;
	left: -15px;
	top: 50px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 12px;

}

.catalog-item-lable-xl {
	width: 150px;
	height: 41px;
	background-image: url(../images/catalog-item-lable-xl.png);
	position: relative;
	left: -15px;
	top: 50px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 12px;
}

.catalog-item {
	width: 250px;
	height: 250px;
	background-color: rgb(239, 239, 239);
}

/* .picture {
	width: 500px;
	height: 500px;
} */

.about-img {}

.about-img-2 {
	display: none;
}


.about-content-logo {
	/* background-color: #774F86; */
	width: 100%;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 180px;
}

.about-content-logo-img {
	width: 120px;
	height: 120px;
}

.about-content-title {
	color: rgb(255, 255, 255);
	font-size: 38px;
	margin-bottom: 15px;
	padding-left: 47px;
}

.about-content-title-en {
	color: rgb(255, 255, 255);
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: lighter;
	padding-left: 50px;
}

.about-content-title-en-bottom-line {
	width: 200px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-block-color: rgb(255, 189, 21);
	margin-left: 50px;
	margin-bottom: 60px;
}

.about-content-text {
	width: 490px;
	flood-color: #000000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 31px;
	letter-spacing: 0.3em;
	text-align: justified;
	padding-left: 50px;
	margin-bottom: 20px;
}

.about-content-text-learn-more {
	padding: 5px;
	border: solid 1px rgb(154, 154, 154);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	font-size: 12px;
	margin-left: 50px;
	color: rgb(154, 154, 154);
}

.about-map-bg {

	background-color: darksalmon;
	background-image: url(../images/about-map-bg.JPG);
	width: 1440px;
	height: 700px;
	padding-top: 200px;
	padding-left: 850px;
}

.about-map-bg-content {
	width: 400px;
	height: auto;
	/* background-color: rgba(38, 151, 176, 0.503); */
}

.about-map-bg-content-title {
	font-size: 28px;
	margin-bottom: 30px;
}

.about-map-bg-content-text {
	width: 490px;
	flood-color: #000000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 31px;
	letter-spacing: 0.3em;
	text-align: justified;
	padding-left: 50px;
	margin-bottom: 20px;
}

.about-map-bg-content-list a {
	color: #000;
}

.about-map-bg-content-item {
	display: inline-block;
	background-color: rgb(255, 196, 20);
	padding: 6px;
	font-size: 18px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin-right: 5px;
}

.about-map-bg-content-address {
	display: inline-block;
	color: rgb(108, 4, 120);
}


.about-wrap {
	background-color: #ffffff;
	height: 680px;
}

/* technology-introdce------------------------------------------------------------ */

.technology-introdce {
	width: 990px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	
}

.quality-mobile-2{
	display: flex;
}

.qualitycontrol-img-block {
	width: 190px;

}

.qualitycontrol-img-block img {
	width: 190px;
}

.qualitycontrol-img-bg-1 {
	width: 990px;
	height: 450px;
	background-image: url(../images/qualitycontrol-icon-07.png);
	background-size: cover;
	margin-bottom: 2px;
}

.qualitycontrol-img-bg-2 {
	width: 990px;
	height: 450px;
	background-image: url(../images/qualitycontrol-icon-08.png);
	background-size: cover;
	margin-bottom: 2px;
}

.qualitycontrol-img-bg-3 {
	width: 990px;
	height: 450px;
	background-image: url(../images/qualitycontrol-icon-09.png);
	background-size: cover;
	margin-bottom: 2px;
}

.qualitycontrol-img-bg-4 {
	width: 990px;
	height: 450px;
	background-image: url(../images/qualitycontrol-icon-10.png);
	background-size: cover;
	margin-bottom: 2px;
}

.qualitycontrol-img-bg-5 {
	width: 990px;
	height: 450px;
	background-image: url(../images/qualitycontrol-icon-11.png);
	background-size: cover;
	margin-bottom: 2px;
}

.qualitycontrol-img-bg-6 {
	width: 990px;
	height: 450px;
	background-image: url(../images/qualitycontrol-icon-11-1.png);
	background-size: cover;
	margin-bottom: 2px;
}



.qualitycontrol-img-bg-text {
	width: 320px;
	color: white;
	line-height: 28px;
	letter-spacing: 0.03em;
	padding-top: 150px;
	margin-left: 160px;
	font-size: 18px;
}


.technology-title-1 {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: tomato;
	width: 240px;
	height: 240px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-image: url(../images/technology-title-1.JPG);
	background-repeat: no-repeat;
	font-size: 30px;
	font-weight: bold;
	text-shadow: black 20px 20px 20px;
	color: lavender;
}

.technology-title-2 {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: tomato;
	width: 240px;
	height: 240px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-image: url(../images/technology-title-2.JPG);
	background-repeat: no-repeat;
	font-size: 30px;
	font-weight: bold;
	text-shadow: black 20px 20px 20px;
	color: lavender;
}

.technology-title-3 {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: tomato;
	width: 240px;
	height: 240px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-image: url(../images/technology-title-3.JPG);
	background-repeat: no-repeat;
	font-size: 30px;
	font-weight: bold;
	text-shadow: black 20px 20px 20px;
	color: lavender;
}

.technology-title-4 {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: tomato;
	width: 240px;
	height: 240px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-image: url(../images/technology-title-4.JPG);
	background-repeat: no-repeat;
	font-size: 30px;
	font-weight: bold;
	text-shadow: black 20px 20px 20px;
	color: lavender;
}

.technology-content-1 {
	margin-top: 50px;
	background-color: turquoise;
	width: 1200px;
	height: 400px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-image: url(../images/technology-content-1.JPG);
}

.technology-content-2 {
	margin-top: 50px;
	background-color: turquoise;
	width: 1200px;
	height: 400px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-image: url(../images/technology-content-2.JPG);
}

.technology-content-3 {
	margin-top: 50px;
	background-color: turquoise;
	width: 1200px;
	height: 400px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-image: url(../images/technology-content-3.JPG);
}

.technology-content-4 {
	margin-top: 50px;
	background-color: turquoise;
	width: 1200px;
	height: 400px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-image: url(../images/technology-content-4.JPG);
}

.technology-content-block {
	width: 250px;
	height: 90px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
	margin-left: 60px;
}

.technology-content-img {
	width: 75px;
	height: 75px;
	overflow: hidden;
	border: solid 4px #ffffff;
}

.technology-content-title-cn {
	color: rgb(255, 255, 255);
	font-size: 28px;
	margin-top: 20px;
	margin-left: 60px;
}

.technology-content-title-en {
	color: rgb(255, 255, 255);
	font-size: 18px;
	margin-top: 10px;
	margin-left: 60px;
}

.technology-content-title-line {
	width: 140px;
	height: 2px;
	background-color: gold;
	margin-top: 10px;
	margin-left: 60px;
}

.technology-content-text {
	width: 320px;
	color: rgb(255, 255, 255);
	margin-top: 10px;
	margin-left: 60px;
	line-height: 25px;
	font-weight: 100;
}






/* technology -------------------------------------------------------------------- */

.technology {
	width: 100%;
	height: 690px;
	display: flex;
	justify-content: center;

}

.technology-warp {
	width: 1100px;
	height: 550px;
	/* background-color: rgb(205, 205, 205); */
	display: flex;
	justify-content: space-between;


}

.technology-card {
	width: 330px;
	height: 550px;
	border: solid 1px #e4e4e4;
	border-radius: 25px;
	overflow: hidden;
}

.technology-card-filter {
	width: 330px;
	height: 330px;
	background-blend-mode: hard-light;
	overflow: hidden;
	background-color: rgb(0, 0, 0);


}

.technology-card-img-1:hover {
	opacity: 1;
	background-size: 110%;

}

.technology-card-img-2:hover {
	opacity: 1;
	background-size: 110%;
}

.technology-card-img-3:hover {
	opacity: 1;
	background-size: 110%;
}

.technology-card-img-1 {
	background-image: url(../images/technology-card-img-1.jpeg);
	background-repeat: no-repeat;
	/* background-position: -291px -287px; */
	width: 330px;
	height: 330px;
	/* opacity: .3; */
	transition: 2s ease;
	-webkit-transition: 2s ease;
	-moz-transition: 2s ease;
	-ms-transition: 2s ease;
	-o-transition: 2s ease;
}

.technology-card-img-2 {
	background-image: url(../images/technology-card-img-2.jpeg);
	background-repeat: no-repeat;
	/* background-position: -480px -167px; */
	width: 330px;
	height: 330px;
	/* opacity: .3; */
	transition: 2s ease;
	-webkit-transition: 2s ease;
	-moz-transition: 2s ease;
	-ms-transition: 2s ease;
	-o-transition: 2s ease;
}

.technology-card-img-3 {
	background-image: url(../images/technology-card-img-3.jpeg);
	background-repeat: no-repeat;
	/* background-position: -191px -87px; */
	width: 330px;
	height: 330px;
	/* opacity: .3; */
	transition: 2s ease;
	-webkit-transition: 2s ease;
	-moz-transition: 2s ease;
	-ms-transition: 2s ease;
	-o-transition: 2s ease;
}

.technology-card-icon {
	width: 25%;
}

.technology-card-icon-absolute {
	position: absolute;
	width: 300px;
	top: -160px;
	left: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.technology-card-icon-absolute-wrap {
	position: absolute;
}

.technology-card-icon-title {
	color: #ffffff;
	font-size: 26px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.technology-card-icon-title-en {
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 4px;
}

.technology-card-icon-title-en-_ {
	width: 199px;
	height: 3px;
	background-color: rgb(255, 204, 0);
}

.technology-card-content {
	width: 330px;
	flood-color: #000000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 31px;
	letter-spacing: 0.3em;
	text-align: justified;
	padding: 10px 20px;
}

.technology-card-content-learn-more {
	display: inline-block;
	padding: 5px;
	border: solid 1px rgb(154, 154, 154);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	font-size: 12px;
	margin-left: 220px;
	color: rgb(154, 154, 154);
}

/* sales-information---------------------------------------------------------- */
.sales-information-card-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 980px;
	height: 1300px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 90px;
	padding-bottom: 90px;
}

.sales-information-card {
	display: flex;
	width: 980px;
	height: 300px;
	border-radius: 15px;
	background-color: rgb(239, 239, 239);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	overflow: hidden;
}

.sales-information-card-img {
	width: 390px;
	height: 300px;
	background-color: violet;
}

.sales-information-card-content {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.sales-information-card-content-title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	width: 490px;
	font-size: 18px;
	font-weight: 600;
	border-bottom: solid 2px #ffffff;
	margin: 0 auto;
	margin-bottom: 30px;
}

.sales-information-card-content-text {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 490px;
	font-size: 18px;
	margin: 0 auto;
	color: rgb(93, 93, 93);

}

/* contact us ---------------------------------------------------------------- */
.contact-content {

	height: 600px;
	display: flex;
	justify-content: space-evenly;
	margin-left: auto;
	margin-right: auto;
	/* background-color: cornflowerblue; */
	padding-top: 50px;
}

.contact-content-item {
	width: 550px;
	height: 450px;
	/* background-color: brown; */
}

.contact-content-item-title {
	display: flex;
	align-items: center;
}

.contact-content-item-title-name {
	background-color: rgb(255, 202, 68);
	color: rgb(255, 255, 255);
	padding: 5px;
	font-size: 18px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	margin-right: 20px;
}

.contact-content-item-title-mapicon img {
	width: 10px;
	height: auto;
}

.contact-content-item-title-address {
	color: rgb(211, 211, 211);
	border-left: 1px solid rgb(211, 211, 211);
	padding: 2px 8px;
	margin-left: 5px;
}

.contact-content-item-line {
	width: 290px;
	height: 2px;
	background-color: rgb(255, 210, 74);
	margin-top: 20px;

}

.contact-content-item-map {
	margin-top: 20px;
}

/* footer -------------------------------------------------------------------- */

footer {
	width: 100%;
	height: auto;
	background-color: #441459;
	color: floralwhite;
}

footer a {
	color: rgb(255, 255, 255);
}

.footer-content-map {
	width: 350px;
	height: 100px;
	border-radius: 6px;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.footer-title {
	width: 1000px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}

.footer-title-mane {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 10px;
}

.footer-title-mane-contact {
	width: 1000px;
	padding-left: 240px;
	font-size: 26px;
}


.footer-title-list-point::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #ffffff;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	margin-left: 4px;
	margin-bottom: 3px;
}

.footer-content {
	width: 1000px;
	display: flex;
	margin: 0 auto;
}

.footer-content-list {
	display: flex;
	width: auto;
}

.footer-content-list-content-contact {
	margin-top: 10px;
}

.footer-content-list-content {
	display: flex;
	width: 1000px;
	justify-content: space-evenly
}




.footer-content-list-item {
	display: flex;
	margin: 10px;
}



.footer-content-listcontact {
	font-size: 18px;
}

.footer-content-list-icon {
	margin-right: 10px;
}

.footer-content-list-icon-contact {
	margin-right: 20px;
	margin-bottom: 20px;


}

.footer-content-list-text {
	display: flex;
}

.footer-copyright {
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.footer-copyright-text {
	width: 1200px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: rgb(255, 255, 255, 0.181);
	border-top-color: rgba(255, 255, 255, 0.181);
	border-top-width: 1px;
	border-top-style: solid;
}

.footer-copyright-text::before {

	border-top-color: gray;
	border-top-width: 1px;
	border-top-style: solid;
}


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

@media screen and (max-width:480px) {
	.wrap {
		width: 480px;
		overflow: hidden;
	}

	.navi-fixed {
		display: none;

	}

	nav {
		width: 480px;
		background-color: #C51B8A;
	}

	.navi {}

	.navi-icon {
		display: none;
	}

	.banner {
		max-width: auto;
		max-height: 240px;
		margin-top: 50px;
	}

	.filter-line {
		display: none;
	}

	.filter-text-absolute {
		position: absolute;
		top: 15%;
		right: 15%;
	}

	.filter-text {
		/* background-color: seagreen; */
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		height: auto;
		margin: auto;
		margin-right: 100px;
		margin-top: 80px;
	}

	.text-style-1 {
		color: rgb(255, 255, 255);
		font-size: 22px;
		font-family: 'Roboto', sans-serif;
	}

	.text-style-2 {
		color: rgb(255, 255, 255);
		font-size: 18px;
		font-weight: 1000;
		font-family: 'Roboto', sans-serif;
	}

	.text-style-3 {
		color: rgb(255, 255, 255);
		font-size: 18px;
		font-family: 'Roboto', sans-serif;
	}

	.▶ {
		display: none;
	}

	.date {
		display: none;
	}

	.content {
		padding-left: 30px;
	}

	.title {
		padding-left: 35px;
	}

	.latest-news {
		font-weight: 10;
		font-size: 12px;
	}

	.day {
		/* background-color: brown; */
		display: inline-block;
		font-size: 24px;
		color: rgb(95, 13, 172);
	}

	.month {
		display: inline-block;
		font-size: 16px;
		color: rgb(95, 13, 172);
		padding-right: 25px;
		margin-right: 25px;
		border-right-color: rgb95, 13, 172;
		border-right-width: 1.5px;
		border-right-style: solid;
	}

	.year {}

	.content {
		margin: auto 0;
		padding-top: 2px;
		font-size: 14px;
		padding-right: 20px;
	}

	.content-title {
		font-weight: bold;

		margin-bottom: 8px;
		word-spacing: 10px;
		letter-spacing: 2px;
	}

	.about-img {
		display: none;
	}

	.about-content-text-learn-more {
		background-color: #ededed;
	}

	.about-img-2 {
		display: block;
		background-image: url(../images/about-img-2.jpeg);
		width: 640px;
		height: 231px;
	}




	.about-wrap {
		background-color: #ffffff;
		height: 330px;

	}

	.about-content-logo {
		/* background-color: #774F86; */
		width: 100%;
		height: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-right: 180px;
	}

	.about-content-logo-img {
		display: none;
	}

	.about {
		background-color: rgb(70, 2, 77);
		height: 100px;
		display: flex;
		justify-content: center;
		padding-right: 70px;
	}

	.about-content-title {
		color: rgb(255, 255, 255);
		font-size: 18px;
		margin-bottom: 10px;
		padding-left: 47px;
	}

	.about-content-title-en {
		color: rgb(255, 255, 255);
		font-size: 18px;
		margin-bottom: 10px;
		font-weight: lighter;
		padding-left: 50px;
	}

	.about-content-title-en-bottom-line {
		width: 200px;
		border-bottom-style: solid;
		border-bottom-width: 3px;
		border-block-color: rgb(255, 189, 21);
		margin-left: 50px;
		margin-bottom: 20px;
	}

	.about-content-text {
		width: 490px;
		flood-color: #000000;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 31px;
		letter-spacing: 0.3em;
		text-align: justified;
		padding-left: 50px;
		margin-bottom: 20px;
	}

	.about-content-text-learn-more {
		padding: 5px;
		border: solid 1px rgb(154, 154, 154);
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
		font-size: 12px;
		margin-left: 50px;
		color: rgb(154, 154, 154);
	}

	.technology {
		display: none;
	}

	.technology-warp {
		display: none;
	}

	.technology-card-icon {
		display: none;
	}

	.technology-card-icon-title {}

	.technology-card-icon-title-en {
		display: none;
	}

	.technology-card-icon-title-en-_ {
		display: none;
	}

	.footer-title {
		width: 475px;
		height: 90px;
		display: flex;
		align-items: center;
		/* margin: 0 auto; */
		flex-direction: column;
		justify-content: center;
	}

	.footer-title-mane {
		margin-bottom: 10px;
	}

	.footer-content-list-content {
		display: flex;
		width: 480px;
		justify-content: space-evenly;
		flex-direction: column;
		align-items: flex-start
	}

	.footer-title-list-point {
		width: 480px;
		font-size: 10px;
		display: inline;
	}

	.header {
		display: block;
		z-index: 999;
		position: fixed;
		width: 100%;
		padding: 15px;
		background-color: #fff;
		background: linear-gradient(180deg, #774F86 -1.17%, #5B0080 102.16%);
	}

	.btn-switch {
		display: inline-block;
	}

	.site {
		float: none;
		display: inline-block;
		padding: 0;
		margin-left: 10px;
		vertical-align: middle;
		font-size: 22px;
		font-weight: 500;
	}

	.site a {
		color: #ddd;
	}

	.sidebar {
		display: none;
	}

	.post {
		width: auto;
		border: none;
	}

	.navi-rwd {
		display: none;
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		padding: 0;
		background-color: #ddd;
	}

	.navi-rwd li {

		padding: 10px;
	}

	.navi-rwd li a {
		color: rgb(100, 5, 126);
		font-weight: 800;
	}



	.navi li {
		float: none;
		margin-left: 0;
	}

	.navi a {
		display: block;
		padding: 15px;
		color: #000;
		line-height: 1;
	}

	.footer-content-map {
		margin-left: 75px;
	}

	/* about--------------------------------------- */
	.about-map-bg {

		width: 100%;
		height: auto;
		background-size: 120%;
	}





	/* product---------------------------------------------- */

	.catalog {
		margin-left: 10px;


	}

	.catalog-list-flex {
		width: 480px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-bottom: 100px;
		flex-direction: column;
		align-content: center;
	}

	.catalog-item {
		width: 200px;
		height: 200px;
		background-color: rgb(239, 239, 239);

	}

	/*qualitycontro--------------------------------------  */
	.technology-introdce {
		width: auto;
		flex-direction: column;
		align-content: center;
		align-items: center;
	}

	.technology-content-title {
		padding-left: 350px;
	}

	.technology-content-text {
		margin-left: 410px;
		font-size: 18px;
		font-weight: 300;
	}

	.none {
		display: none;
	}
	


	/* .technology-introdce {
		width: 100%;
		flex-direction: column;
		align-content: center;
		
	}

	.qualitycontrol-img-block {}

	.qualitycontrol-img {
		display: none;
	}

	.qualitycontrol-img-bg-text {
		padding-right: 15%;
	}

	.technology-title-1,.technology-title-2,.technology-title-3,.technology-title-4{
		display: none;
	}

	.technology-content-1{
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
}

.technology-content-text{
	width: 710px;
    padding-left: 325px;
	font-weight: 400;
} */

/* quality control */
.quality-mobile{
	display: none;
}
.quality-mobile-2{
	display: flex;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	margin-top: -90px;
}

.quality-mobile-3{
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	margin-top: -690px;
	margin-bottom: -651px;
}

	/* information------------------------------- */

	/* sales-information---------------------------------------------------------- */
	.sales-information-card {
		width: 390px;
		height: auto;
		flex-direction: column;
		margin-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	.sales-information-card-wrap {
		width: auto;
		height: auto;
	}

	.sales-information-card-content {
		width: 100%;
	}

	.sales-information-card-content-title, .sales-information-card-content-text {
		max-width: 100%;
		padding: 0px 5px 20px 5px;
	}

	.contact-content {
		height: 100%;
		flex-direction: column;
	}

	.contact-content-item {
		height: auto;
		padding: 30px 0;
	}

	.footer-title-mane-contact {
		font-size: 16px;
	}




}