* {
				line-height: 1.5
			}

			.Carouselchart,
			.Carouselchart img {
				width: 100%;
				height: 100%
			}

			.history {
				padding: 45px 0
			}

			.synopsis-title {
				font-size: 37px;
				font-weight: 700;
				font-family: Times New Roman, Times, serif
			}

			.Subheading {
				font-size: 22px;
				margin-bottom: 15px;
				color: #b80000
			}

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

			.chart-left {
				width: 52.2%
			}

			.chart-left p {
				font-size: 17px;
				margin-bottom: 20px
			}

			.chart-left a {
				text-decoration: underline
			}

			.chart-right {
				width: 43%
			}

			.chart-right img {
				width: 100%;
				border-radius: 5px
			}

			.guides {
				width: 100%;
				height: 100%
			}

			h2 {
				margin-top: 80px;
				font-size: 29px;
				font-weight: 700;
				text-align: center;
				margin-bottom: 20px
			}

			.chart-left .hr_icon {
				margin-bottom: 8px
			}

			.chart-right {
				padding-top: 17px
			}

			.LiarArticle .row {
				display: flex;
				flex-wrap: wrap;
				margin: 0 -20px
			}

			._make h2 {
				margin: 0
			}

			.datelist .row {
				margin: 0 -20px;
				display: flex;
				flex-wrap: wrap
			}

			.h2_desc {
				text-align: center;
				font-size: 17px;
				margin: 10px 0 40px
			}

			.card_par {
				width: 25%;
				padding: 0 20px;
				margin-bottom: 30px
			}

			.date {
				background-color: #fff;
				border-radius: 10px;
				display: flex;
				width: 100%;
				padding: 20px;
				height: 100%
			}

			.date .img {
				width: 18%
			}

			.date .eange {
				width: 82%
			}

			.egnum {
				color: #b80000;
				font-size: 30px;
				font-weight: 500;
				display: flex;
				margin-bottom: 15px
			}

			.egnum span {
				display: block
			}

			.b-je {
				font-size: 12px;
				text-transform: uppercase;
				margin-left: 8px
			}

			.num-count {
				line-height: 30px
			}

			.b-jia {
				font-size: 20px;
				line-height: 18px
			}

			.our {
				width: 100%;
				height: 100%;
				background-color: #f3f3f3;
				margin-top: 80px;
				padding: 55px 0
			}

			.our h2 {
				margin-top: 0
			}

			.businesscard,
			.lx,
			.status {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap
			}

			.pic {
				width: 50%
			}

			.details {
				width: 50%;
				padding-left: 40px
			}

			.discription {
				font-size: 17px;
				margin-bottom: 30px
			}

			.cardall .row {
				margin: 0 -14px;
				display: flex;
				flex-wrap: wrap
			}

			.card {
				width: 25%;
				padding: 0 14px;
				margin-bottom: 25px
			}

			.card a {
				display: block;
				padding: 20px;
				background-color: #f3f3f3;
				border-radius: 10px;
				height: 100%
			}

			.card a:hover {
				box-shadow: 0 2px 6.79px .21px rgba(124, 124, 124, .66)
			}

			.card a:hover .card_username {
				text-decoration: underline
			}

			.desc {
				padding-left: 15px;
				width: 50%
			}

			.Aboutus {
				margin-top: 90px;
				background-color: #f3f3f3;
				padding: 50px 0
			}

			.Aboutus h2 {
				margin-top: 0
			}

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

			.phonenumber {
				line-height: 30px
			}

			.phonenumber p {
				margin-bottom: 5px;
			}

			.viaphone {
				font-size: 21px;
				color: #b80000
			}

			.hr {
				width: 45px;
				height: 1px;
				background-color: #bfbfbf;
				margin: 20px 0
			}

			.wechat {
				margin-top: 10px
			}

			.wechat {
				width: 100%
			}

			.wechat img {
				width: 150px
			}

			.alrgn {
				text-align: center
			}

			.section {
				width: 48%
			}

			.livechatSmall {
				bottom: 10px
			}

			.gotop,
			.livechatSmall {
				position: fixed;
				right: 20px
			}

			.gotop {
				bottom: 20px;
				display: none
			}

			._make {
				padding: 50px 0 20px
			}

			.lx {
				margin-top: 30px
			}

			.subtitle {
				font-size: 80px;
				color: #f3f3f3;
				text-transform: uppercase;
				font-weight: 700;
				text-align: center
			}

			.dow-h2 h2 {
				width: 100%;
				bottom: 0;
				margin: auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				line-height: 60px
			}

			.dow-h2 {
				position: relative;
				margin-top: 50px
			}

			.timeline {
				
				margin-top: 50px
			}

			.timeline-progress {
				display: flex;
				align-items: center;
				justify-content: center
			}

			.timeline-dot img {
				width: 90px;
				height: 90px;
				border-radius: 50%;
				border: 3px solid;
				object-fit: cover
			}

			.grid-flex {
				display: flex
			}

			.text-xl {
				font-size: 22px;
				font-weight: 700;
				text-align: center
			}

			.top-grid .text-xl {
				margin-bottom: 5px
			}

			.top-grid .text-gray-600 {
				margin-bottom: 8px
			}

			.top-grid .timeline-dot img {
				border-color: #e3a0a0
			}

			.bottom-grid .timeline-dot img {
				border-color: #9c9c9c
			}

			.bottom-grid .timeline-dot:before,
			.top-grid .timeline-dot:after {
				display: table;
				content: '';
				width: 3px;
				height: 35px;
				background-color: #e3a0a0;
				margin: auto;
				border-radius: 5px;
				margin-top: -1px
			}

			.bottom-grid .timeline-dot:before {
				background-color: #9c9c9c
			}

			.bottom-grid .text-xl {
				margin-top: 10px;
				margin-bottom: 5px
			}

			.tag-icon {
				width: 62px;
				height: 62px;
				background: #b80000;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				position: absolute;
				right: 50px;
				top: -32px
			}

			.top50 {
				margin-top: 50px
			}

			.team-card .row {
				display: flex;
				justify-content: center;
				margin: 0 -13px;
				flex-wrap: wrap
			}

			.col-lg-0 {
				width: 20%;
				padding: 0 13px;
				padding: 10px
			}

			.te-card {
				width: 80%;
				margin: auto;
				transition: transform .2s;
				display: block;
				margin-bottom: 20px;
			}

			.te-card:hover {
				transform: translateY(-5px);
			}

			.col-lg-0 img {
				border-radius: 50%
			}

			.teamimg {
				padding: 10px;
				border-radius: 50%;
				position: relative
			}

			.imgname {
				text-align: center;
				font-size: 24px;
				font-weight: 500;
				text-transform: uppercase;
				margin-top: 10px
			}

			.sales-director {
				text-align: center;
				color: #636363;
				font-size: 16px
			}

			.team-head-icon {
				position: absolute;
				display: flex;
				background: #e3a0a0;
				width: 35px;
				height: 35px;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
				left: 10px;
				bottom: 30px
			}

			.blog-chart .row {
				margin: 0 -14px
			}

			.blog-chart .row:after,
			.blog-chart .row:before {
				display: table;
				content: " "
			}

			.blog-chart .row:after {
				clear: both
			}

			.social-media .row {
				display: flex;
				flex-wrap: wrap;
				margin: 0 -25px
			}

			.headline {
				font-size: 30px;
				font-weight: 500;
				line-height: 30px;
				margin-bottom: 15px
			}

			.company-box .row {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				row-gap: 40px;
			}

			.fa-youtube-square .row {
				display: flex;
				margin: 0 -7px;
				flex-wrap: wrap;
				row-gap: 35px;
			}

			.company-list .row {
				display: flex;
				flex-wrap: wrap;
				margin: 0 -15px;
				row-gap: 30px;
			}

			@media(max-width:1499px) {
				.teamimg {
					background-size: 100%
				}
			}

			@media (max-width:1399px) {
				.date .eange {
					font-size: 14px
				}
				.Subheading {
					font-size: 18px;
					margin: 20px 0
				}
				.imgname {
					font-size: 20px
				}
				.headline {
					font-size: 25px
				}
				.company-list .row {
					margin: 0 -9px;
				}
			}

			@media (max-width:1299px) {
				.te-card {
					width: 90%;
				}
				.card,
				.card_par {
					width: 33.33%
				}
				.sales-director {
					font-size: 15px
				}
			}

			@media (max-width:1099px) {
				.pic {
					width: 45%
				}
				.details {
					width: 55%
				}
				.chart-right {
					display: none
				}
				.chart-left {
					width: 100%
				}
				.te-card {
					width: 100%;
				}
				.Mustsee h2 {
					font-size: 28px; margin-top: 30px;
				}
				.classifyall>ul li{
					width: 33.33%;
				}
				.synopsis-title{
					font-size: 32px;
				}
			}

			@media (max-width:999px) {
				.synopsis-title {
					font-size: 30px;
					line-height: 30px
				}
				.status {
					display: block
				}
				.details {
					padding-left: 0
				}
				.LiarArticle .row1,
				.details,
				.pic {
					width: 100%
				}
			}

			
			@media (max-width:899px) {
				.phone {
					width: 50%;
					margin-bottom: 20px
				}
				.wechat img {
					width: auto
				}
				.alrgn {
					text-align: left
				}
				.wechat {
					width: max-content
				}
				.card,
				.card_par {
					width: 50%
				}
			}
.grid-flex {
				display: flex
			}
			
			.text-xl {
				font-size: 22px;
				font-weight: 700;
				text-align: center
			}
			
			.grid-item {
				text-align: center;
				flex-shrink: 0
			}
			
			.grid-cols-1 {
				width: 19%;
				margin-left: 12%
			}
			
			.grid-cols-2,
			.grid-cols-3 {
				width: 22%;
				margin-left: 8%
			}
			
			.grid-cols-3 {
				margin-left: 6.5%
			}
			
			.grid-cols-4 {
				width: 18%;
				margin-left: -2%;
			}
			
			.grid-cols-5 {
				width: 28%;
				margin-left: 5.5%
			}
			
			.grid-cols-6 {
				width: 23%;
				margin-left: 3%
			}
			
			.grid-cols-7 {
				width: 20%;
				margin-left: 7%;
			}

			@media(max-width:767px) {
				.Carouselchart {
					overflow: hidden
				}
				.Carouselchart img {
					display: block;
					width: 150%;
					margin-left: -25%;
					object-fit: cover;
					max-width: inherit
				}
				.history {
					padding: 20px 0
				}
				.Mustsee h2{
					font-size: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
				}
				.discription{
					font-size: 15px; margin-bottom: 20px;
				}
				.classifyall>ul li{
					width: 50%;    padding: 0 5px;margin-bottom: 10px;
				}
				.photo-wall-caption{
					    font-size: 13px
				}
				.layui-layer-imgnext{
					right: 3px;
				}
				.layui-layer-imgprev{
					left: 3px;
				}
				.charts {
					display: block
				}
				.chart-left {
					width: 100%
				}
				.synopsis-title {
					font-size: 26px;
					line-height: 1.3
				}
				.Subheading {
					font-size: 17px;
					margin: 10px 0
				}
				.chart-left p {
					font-size: 15px
				}
				.our {
					padding: 35px 0;
					margin-top: 40px
				}
				.our h2 {
					font-size: 22px
				}
				.h2_desc {
					font-size: 12px;
					margin: 8px 0 25px
				}
				.card_par {
					width: 100%;margin-bottom: 10px;
				}
				.date {
					padding: 15px
				}
				.egnum {
					font-size: 24px;
					margin-bottom: 10px
				}
				.dow-h2 {
					margin-top: 30px
				}
				.subtitle {
					font-size: 30px
				}
				.dow-h2 h2 {
					font-size: 22px;
					line-height: 1.4;position: static;transform:none;
				}
				.timeline {
					margin-top: 30px
				}
				.timeline-line {
					display: none
				}
				.grid-item {
					width: 100% !important;
					margin-left: 0 !important;
					margin-bottom: 30px
				}
				.text-xl {
					font-size: 18px
				}
				.timeline-dot img {
					width: 70px;
					height: 70px
				}
				.date .img{
					width: 15%;
				}
				.bottom-grid .timeline-dot:before, .top-grid .timeline-dot:after{
					display: none;
				}
				.timeline .grid-flex{
					display: block;
				}
			}